@weni/unnnic-system 1.16.17 → 1.16.19-develop.0

package/src/stories/SidebarPrimary.stories.js

@@ -1,83 +1,83 @@
-import SidebarPrimary from '../components/Sidebar/SidebarPrimary.vue';
-
-export default {
-  title: 'example/SidebarPrimary',
-  component: SidebarPrimary,
-  argTypes: {
-    hideExpandButton: { control: { type: 'boolean' } },
-    expanded: { control: { type: 'boolean' } },
-    items: { control: { type: 'array' } },
-    hideText: { control: { type: 'text' } },
-    language: { control: { type: 'select', options: ['pt-br', 'en'] } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: {
-    SidebarPrimary,
-  },
-  template: `
-    <sidebar-primary v-bind="$props" style="min-height: 300px;">
-      <template v-slot:header>
-        Header
-      </template>
-
-      <template #block-chats>
-        Hello World!
-      </template>
-
-      <template #block-flows>
-        Hello World!
-      </template>
-    </sidebar-primary>
-  `,
-});
-
-export const Normal = Template.bind({});
-
-Normal.args = {
-  expanded: true,
-  language: 'pt-br',
-  hideText: 'Encolher',
-  items: [{
-    label: 'Menu principal',
-    items: [{
-      label: 'Início',
-      active: true,
-      icon: 'house-1-1',
-      // eslint-disable-next-line no-param-reassign
-      click(option) { option.active = !option.active; },
-    }],
-  }, {
-    label: 'Sistemas',
-    items: [{
-      id: 'flows',
-      label: 'Fluxos',
-      active: false,
-      icon: 'hierarchy-3-2',
-      click() {},
-    }, {
-      id: 'ia',
-      label: 'Inteligência Artificial',
-      active: false,
-      icon: 'science-fiction-robot-2',
-      click() {},
-    }, {
-      id: 'chats',
-      label: 'Agentes',
-      active: false,
-      icon: 'messaging-we-chat-3',
-      click() {},
-      notify: true,
-    }],
-  }, {
-    label: 'Perfil',
-    items: [{
-      label: 'Conta',
-      active: false,
-      icon: 'single-neutral-actions-1',
-      click() {},
-    }],
-  }],
-};
+import SidebarPrimary from '../components/Sidebar/SidebarPrimary.vue';
+
+export default {
+  title: 'example/SidebarPrimary',
+  component: SidebarPrimary,
+  argTypes: {
+    hideExpandButton: { control: { type: 'boolean' } },
+    expanded: { control: { type: 'boolean' } },
+    items: { control: { type: 'array' } },
+    hideText: { control: { type: 'text' } },
+    language: { control: { type: 'select', options: ['pt-br', 'en'] } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: {
+    SidebarPrimary,
+  },
+  template: `
+    <sidebar-primary v-bind="$props" style="min-height: 300px;">
+      <template v-slot:header>
+        Header
+      </template>
+
+      <template #block-chats>
+        Hello World!
+      </template>
+
+      <template #block-flows>
+        Hello World!
+      </template>
+    </sidebar-primary>
+  `,
+});
+
+export const Normal = Template.bind({});
+
+Normal.args = {
+  expanded: true,
+  language: 'pt-br',
+  hideText: 'Encolher',
+  items: [{
+    label: 'Menu principal',
+    items: [{
+      label: 'Início',
+      active: true,
+      icon: 'house-1-1',
+      // eslint-disable-next-line no-param-reassign
+      click(option) { option.active = !option.active; },
+    }],
+  }, {
+    label: 'Sistemas',
+    items: [{
+      id: 'flows',
+      label: 'Fluxos',
+      active: false,
+      icon: 'hierarchy-3-2',
+      click() {},
+    }, {
+      id: 'ia',
+      label: 'Inteligência Artificial',
+      active: false,
+      icon: 'science-fiction-robot-2',
+      click() {},
+    }, {
+      id: 'chats',
+      label: 'Agentes',
+      active: false,
+      icon: 'messaging-we-chat-3',
+      click() {},
+      notify: true,
+    }],
+  }, {
+    label: 'Perfil',
+    items: [{
+      label: 'Conta',
+      active: false,
+      icon: 'single-neutral-actions-1',
+      click() {},
+    }],
+  }],
+};

package/src/stories/SkeletonLoading.stories.js

@@ -1,34 +1,34 @@
-import unnnicSkeletonLoading from '../components/SkeletonLoading/SkeletonLoading.vue';
-
-export default {
-  title: 'example/Skeleton',
-  component: unnnicSkeletonLoading,
-  argTypes: {
-    width: { control: { type: 'text' } },
-    height: { control: { type: 'text' } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes).concat(['input']),
-  components: {
-    unnnicSkeletonLoading,
-  },
-  data() {
-    return {
-      insideValue: 'option 1',
-    };
-  },
-  template: `
-    <div>
-    <h3>Default</h3>
-      <unnnic-skeletonLoading  v-bind="$props" />
-    </div>
-  `,
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  width: '1024px',
-  height: '300px',
-};
+import unnnicSkeletonLoading from '../components/SkeletonLoading/SkeletonLoading.vue';
+
+export default {
+  title: 'example/Skeleton',
+  component: unnnicSkeletonLoading,
+  argTypes: {
+    width: { control: { type: 'text' } },
+    height: { control: { type: 'text' } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes).concat(['input']),
+  components: {
+    unnnicSkeletonLoading,
+  },
+  data() {
+    return {
+      insideValue: 'option 1',
+    };
+  },
+  template: `
+    <div>
+    <h3>Default</h3>
+      <unnnic-skeletonLoading  v-bind="$props" />
+    </div>
+  `,
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  width: '1024px',
+  height: '300px',
+};

package/src/stories/Slider.stories.js

@@ -1,29 +1,29 @@
-import unnnicSlider from '../components/Slider/Slider.vue';
-
-export default {
-  title: 'Form/Slider',
-  component: unnnicSlider,
-  argTypes: {
-    size: { control: { type: 'select', options: ['small', 'medium'] } },
-    textLeft: { control: { type: 'text' } },
-    textRight: { control: { type: 'text' } },
-    disabled: { control: { type: 'boolean' } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { unnnicSlider },
-  template:
-    '<unnnicSlider v-bind="$props"/>',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  initialValue: 1,
-  minValue: 1,
-  maxValue: 4,
-  step: 1,
-  minLabel: '1',
-  maxLabel: '4',
-};
+import unnnicSlider from '../components/Slider/Slider.vue';
+
+export default {
+  title: 'Form/Slider',
+  component: unnnicSlider,
+  argTypes: {
+    size: { control: { type: 'select', options: ['small', 'medium'] } },
+    textLeft: { control: { type: 'text' } },
+    textRight: { control: { type: 'text' } },
+    disabled: { control: { type: 'boolean' } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { unnnicSlider },
+  template:
+    '<unnnicSlider v-bind="$props"/>',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  initialValue: 1,
+  minValue: 1,
+  maxValue: 4,
+  step: 1,
+  minLabel: '1',
+  maxLabel: '4',
+};

package/src/stories/StarRating.stories.js

@@ -1,38 +1,38 @@
-import unnnicStarRating from '../components/StarRating/StarRating.vue';
-
-export default {
-  title: 'Rating/StarRating',
-  component: unnnicStarRating,
-  argTypes: {},
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-
-  components: {
-    unnnicStarRating,
-  },
-
-  data() {
-    return {
-      rating: 3.6,
-    };
-  },
-
-  template: `
-    <div>
-      <!--<pre>v-model: {{ rating }}</pre>-->
-      <unnnic-star-rating v-bind="$props" v-model="rating">
-      </unnnic-star-rating>
-    </div>
-  `,
-
-  methods: {},
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  showValue: true,
-  readonly: true,
-};
+import unnnicStarRating from '../components/StarRating/StarRating.vue';
+
+export default {
+  title: 'Rating/StarRating',
+  component: unnnicStarRating,
+  argTypes: {},
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+
+  components: {
+    unnnicStarRating,
+  },
+
+  data() {
+    return {
+      rating: 3.6,
+    };
+  },
+
+  template: `
+    <div>
+      <!--<pre>v-model: {{ rating }}</pre>-->
+      <unnnic-star-rating v-bind="$props" v-model="rating">
+      </unnnic-star-rating>
+    </div>
+  `,
+
+  methods: {},
+});
+
+export const Default = Template.bind({});
+
+Default.args = {
+  showValue: true,
+  readonly: true,
+};

package/src/stories/Switch.stories.js

@@ -1,31 +1,31 @@
-import unnnicSwitch from '../components/Switch/Switch.vue';
-
-export default {
-  title: 'Form/Switch',
-  component: unnnicSwitch,
-  argTypes: {
-    size: { control: { type: 'select', options: ['small', 'medium'] } },
-    textLeft: { control: { type: 'text' } },
-    textRight: { control: { type: 'text' } },
-    disabled: { control: { type: 'boolean' } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { unnnicSwitch },
-  data() {
-    return {
-      val: true,
-    };
-  },
-  template: '<div><unnnicSwitch v-bind="$props" v-model="val"/> <div>{{val}}</div></div>',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  size: 'medium',
-  textRight: 'Default',
-  disabled: false,
-  // initialState: true,
-};
+import unnnicSwitch from '../components/Switch/Switch.vue';
+
+export default {
+  title: 'Form/Switch',
+  component: unnnicSwitch,
+  argTypes: {
+    size: { control: { type: 'select', options: ['small', 'medium'] } },
+    textLeft: { control: { type: 'text' } },
+    textRight: { control: { type: 'text' } },
+    disabled: { control: { type: 'boolean' } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { unnnicSwitch },
+  data() {
+    return {
+      val: true,
+    };
+  },
+  template: '<div><unnnicSwitch v-bind="$props" v-model="val"/> <div>{{val}}</div></div>',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  size: 'medium',
+  textRight: 'Default',
+  disabled: false,
+  // initialState: true,
+};

package/src/stories/Tab.stories.js

@@ -1,42 +1,42 @@
-import unnnicTab from '../components/Tab/Tab.vue';
-
-export default {
-  title: 'tabs/Tab',
-  component: unnnicTab,
-  argTypes: {
-    size: { control: { type: 'select', options: ['md', 'sm'] } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { unnnicTab },
-  template: `
-  <unnnic-tab v-bind="$props">
-      <template slot="tab-head-first">
-        First
-      </template>
-      <template slot="tab-panel-first">
-        <h2 class="title">First Content</h2>
-        <p class="description">
-        First description
-        </p>
-      </template>
-      <template slot="tab-head-second">
-        Second
-      </template>
-      <template slot="tab-panel-second">
-        <h2 class="title">Second Content</h2>
-        <p class="description">
-          Second description
-        </p>
-      </template>
-  </unnnic-tab>
-  `,
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  initialTab: 'first',
-  tabs: ['first', 'second'],
-};
+import unnnicTab from '../components/Tab/Tab.vue';
+
+export default {
+  title: 'tabs/Tab',
+  component: unnnicTab,
+  argTypes: {
+    size: { control: { type: 'select', options: ['md', 'sm'] } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { unnnicTab },
+  template: `
+  <unnnic-tab v-bind="$props">
+      <template slot="tab-head-first">
+        First
+      </template>
+      <template slot="tab-panel-first">
+        <h2 class="title">First Content</h2>
+        <p class="description">
+        First description
+        </p>
+      </template>
+      <template slot="tab-head-second">
+        Second
+      </template>
+      <template slot="tab-panel-second">
+        <h2 class="title">Second Content</h2>
+        <p class="description">
+          Second description
+        </p>
+      </template>
+  </unnnic-tab>
+  `,
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  initialTab: 'first',
+  tabs: ['first', 'second'],
+};