feat: remove storybook

app/javascript/dashboard/components/widgets/InboxDropdownItem.stories.js

@@ -1,37 +0,0 @@
-import InboxDropdownItem from './InboxDropdownItem';
-
-export default {
-  title: 'Components/DropDowns/InboxDropdownItem',
-  component: InboxDropdownItem,
-  argTypes: {
-    name: {
-      defaultValue: 'My new inbox',
-      control: {
-        type: 'text',
-      },
-    },
-
-    inboxIdentifier: {
-      defaultValue: 'nithin@mail.com',
-      control: {
-        type: 'text',
-      },
-    },
-
-    channelType: {
-      defaultValue: 'email',
-      control: {
-        type: 'text',
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { InboxDropdownItem },
-  template: '<inbox-dropdown-item v-bind="$props" ></inbox-dropdown-item>',
-});
-
-export const Banner = Template.bind({});
-Banner.args = {};

app/javascript/dashboard/components/widgets/LabelSelector.stories.js

@@ -1,67 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import LabelSelector from './LabelSelector';
-
-export default {
-  title: 'Components/Label/Contact Label',
-  component: LabelSelector,
-  argTypes: {
-    contactId: {
-      control: {
-        type: 'text ,number',
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { LabelSelector },
-  template:
-    '<label-selector v-bind="$props" @add="onAdd" @remove="onRemove"></label-selector>',
-});
-
-export const ContactLabel = Template.bind({});
-ContactLabel.args = {
-  onAdd: action('Added'),
-  onRemove: action('Removed'),
-  allLabels: [
-    {
-      id: '1',
-      title: 'sales',
-      description: '',
-      color: '#0a5dd1',
-    },
-    {
-      id: '2',
-      title: 'refund',
-      description: '',
-      color: '#8442f5',
-    },
-    {
-      id: '3',
-      title: 'testing',
-      description: '',
-      color: '#f542f5',
-    },
-    {
-      id: '4',
-      title: 'scheduled',
-      description: '',
-      color: '#42d1f5',
-    },
-  ],
-  savedLabels: [
-    {
-      id: '2',
-      title: 'refund',
-      description: '',
-      color: '#8442f5',
-    },
-    {
-      id: '4',
-      title: 'scheduled',
-      description: '',
-      color: '#42d1f5',
-    },
-  ],
-};

app/javascript/dashboard/components/widgets/SettingIntroBanner.stories.js

@@ -1,30 +0,0 @@
-import SettingIntroBanner from './SettingIntroBanner';
-
-export default {
-  title: 'Components/Settings/Banner',
-  component: SettingIntroBanner,
-  argTypes: {
-    headerTitle: {
-      defaultValue: 'Acme Support',
-      control: {
-        type: 'text',
-      },
-    },
-    headerContent: {
-      defaultValue:
-        'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.',
-      control: {
-        type: 'text',
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { SettingIntroBanner },
-  template: '<setting-intro-banner v-bind="$props" ></setting-intro-banner>',
-});
-
-export const Banner = Template.bind({});
-Banner.args = {};

app/javascript/dashboard/components/widgets/Thumbnail.stories.js

@@ -1,61 +0,0 @@
-import Thumbnail from './Thumbnail.vue';
-
-export default {
-  title: 'Components/Thumbnail',
-  component: Thumbnail,
-  argTypes: {
-    src: {
-      control: {
-        type: 'text',
-      },
-    },
-    size: {
-      control: {
-        type: 'text',
-      },
-    },
-    badge: {
-      control: {
-        type: 'select',
-        options: ['fb', 'whatsapp', 'sms', 'twitter-tweet', 'twitter-dm'],
-      },
-    },
-    variant: {
-      control: {
-        type: 'select',
-        options: ['circle', 'square'],
-      },
-    },
-    username: {
-      defaultValue: 'John Doe',
-      control: {
-        type: 'text',
-      },
-    },
-    status: {
-      defaultValue: 'circle',
-      control: {
-        type: 'select',
-        options: ['online', 'busy'],
-      },
-    },
-    hasBorder: {
-      control: {
-        type: 'boolean',
-      },
-    },
-    shouldShowStatusAlways: {
-      control: {
-        type: 'boolean',
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { Thumbnail },
-  template: '<thumbnail v-bind="$props" @click="onClick">{{label}}</thumbnail>',
-});
-
-export const Primary = Template.bind({});

app/javascript/dashboard/components/widgets/conversation/stories/ContactBubble.stories.js

@@ -1,28 +0,0 @@
-import ContactBubble from '../bubble/Contact.vue';
-
-export default {
-  title: 'Components/Messaging/ContactBubble',
-  component: ContactBubble,
-  argTypes: {
-    name: {
-      defaultValue: 'Eden Hazard',
-      control: {
-        type: 'string',
-      },
-    },
-    phoneNumber: {
-      defaultValue: '+517554433220',
-      control: {
-        type: 'string',
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { ContactBubble },
-  template: '<contact-bubble v-bind="$props" />',
-});
-
-export const ContactBubbleView = Template.bind({});

app/javascript/dashboard/components/widgets/conversation/stories/LocationBubble.stories.js

@@ -1,34 +0,0 @@
-import LocationBubble from '../bubble/Location.vue';
-
-export default {
-  title: 'Components/Help Center',
-  component: LocationBubble,
-  argTypes: {
-    latitude: {
-      defaultValue: 1,
-      control: {
-        type: 'number',
-      },
-    },
-    longitude: {
-      defaultValue: 1,
-      control: {
-        type: 'number',
-      },
-    },
-    name: {
-      defaultValue: '420, Dope street',
-      control: {
-        type: 'string',
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { LocationBubble },
-  template: '<location-bubble v-bind="$props" />',
-});
-
-export const LocationBubbleView = Template.bind({});

app/javascript/dashboard/components/widgets/conversation/stories/ReplyEmailHead.stories.js

@@ -1,27 +0,0 @@
-import ReplyEmailHead from '../ReplyEmailHead';
-
-export default {
-  title: 'Components/ReplyBox/EmailHead',
-  component: ReplyEmailHead,
-  argTypes: {
-    ccEmails: {
-      control: {
-        type: 'string',
-      },
-    },
-    bccEmails: {
-      control: {
-        type: 'string',
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { ReplyEmailHead },
-  template:
-    '<reply-email-head v-bind="$props" @add="onAdd" @click="onClick"></reply-email-head>',
-});
-
-export const Add = Template.bind({});

app/javascript/dashboard/components/widgets/modal/WootKeyShortcutModal.stories.js

@@ -1,17 +0,0 @@
-import WootKeyboardShortcutModal from './WootKeyShortcutModal.vue';
-
-export default {
-  title: 'Components/Shortcuts/Keyboard Shortcut',
-  component: WootKeyboardShortcutModal,
-  argTypes: {},
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { WootKeyboardShortcutModal },
-  template:
-    '<woot-keyboard-shortcut-modal v-bind="$props"></woot-keyboard-shortcut-modal>',
-});
-
-export const KeyboardShortcut = Template.bind({});
-KeyboardShortcut.args = {};

app/javascript/dashboard/components/widgets/stories/ThumbnailGroup.stories.js

@@ -1,69 +0,0 @@
-import ThumbnailGroup from '../ThumbnailGroup.vue';
-
-export default {
-  title: 'Components/ThumbnailGroup',
-  component: ThumbnailGroup,
-  argTypes: {
-    usersList: {
-      defaultValue: [
-        {
-          name: 'John',
-          id: 1,
-          thumbnail: '',
-        },
-        {
-          name: 'John',
-          id: 2,
-          thumbnail: '',
-        },
-        {
-          name: 'John',
-          id: 3,
-          thumbnail: '',
-        },
-        {
-          name: 'John',
-          id: 4,
-          thumbnail: '',
-        },
-        {
-          name: 'John',
-          id: 5,
-          thumbnail: '',
-        },
-        {
-          name: 'John',
-          id: 6,
-          thumbnail: '',
-        },
-      ],
-      control: {
-        type: 'object',
-      },
-    },
-    size: {
-      control: {
-        type: 'text',
-      },
-    },
-    moreThumbnailsText: {
-      control: {
-        type: 'text',
-        default: '2 more',
-      },
-    },
-    showMoreThumbnailsCount: {
-      control: {
-        type: 'boolean',
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { ThumbnailGroup },
-  template: '<ThumbnailGroup v-bind="$props"/>',
-});
-
-export const Primary = Template.bind({});