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

package/src/stories/ImportCard.stories.js

@@ -1,35 +1,35 @@
-import i18n from '../utils/plugins/i18n';
-import unnnicImportCard from '../components/ImportCard/ImportCard.vue';
-
-export default {
-  title: 'Example/ImportCard',
-  component: unnnicImportCard,
-  argTypes: {
-    title: { control: { type: 'text' } },
-    subtitle: { control: { type: 'text' } },
-    importProgress: { control: { type: 'number' } },
-    isImporting: { control: { type: 'boolean' } },
-    canImport: { control: { type: 'boolean' } },
-    canDelete: { control: { type: 'boolean' } },
-    acceptedFormats: { control: { type: 'text' } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { unnnicImportCard },
-
-  template: '<unnnic-import-card v-bind="$props" />',
-  i18n,
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  title: 'file.txt',
-  subtitle: 'file.txt',
-  importProgress: 24,
-  isImporting: true,
-  canImport: true,
-  canDelete: true,
-  acceptedFormats: '.txt',
-};
+import i18n from '../utils/plugins/i18n';
+import unnnicImportCard from '../components/ImportCard/ImportCard.vue';
+
+export default {
+  title: 'Example/ImportCard',
+  component: unnnicImportCard,
+  argTypes: {
+    title: { control: { type: 'text' } },
+    subtitle: { control: { type: 'text' } },
+    importProgress: { control: { type: 'number' } },
+    isImporting: { control: { type: 'boolean' } },
+    canImport: { control: { type: 'boolean' } },
+    canDelete: { control: { type: 'boolean' } },
+    acceptedFormats: { control: { type: 'text' } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { unnnicImportCard },
+
+  template: '<unnnic-import-card v-bind="$props" />',
+  i18n,
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  title: 'file.txt',
+  subtitle: 'file.txt',
+  importProgress: 24,
+  isImporting: true,
+  canImport: true,
+  canDelete: true,
+  acceptedFormats: '.txt',
+};

package/src/stories/Indicator.stories.js

@@ -1,23 +1,23 @@
-import unnnicIndicator from '../components/Indicator/Indicator.vue';
-
-export default {
-  title: 'Example/Indicator',
-  component: unnnicIndicator,
-  argTypes: {
-    numberOfSteps: { control: { type: 'number' } },
-    currentStep: { control: { type: 'number' } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { unnnicIndicator },
-  template: '<unnnic-indicator v-bind="$props"/>',
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  numberOfSteps: 3,
-  currentStep: 2,
-  titles: ['Indicator-1', 'Indicator-2', 'Indicator-3'],
-};
+import unnnicIndicator from '../components/Indicator/Indicator.vue';
+
+export default {
+  title: 'Example/Indicator',
+  component: unnnicIndicator,
+  argTypes: {
+    numberOfSteps: { control: { type: 'number' } },
+    currentStep: { control: { type: 'number' } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { unnnicIndicator },
+  template: '<unnnic-indicator v-bind="$props"/>',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  numberOfSteps: 3,
+  currentStep: 2,
+  titles: ['Indicator-1', 'Indicator-2', 'Indicator-3'],
+};

package/src/stories/Input.stories.js

@@ -1,63 +1,63 @@
-import unnnicInput from '../components/Input/Input.vue';
-import iconList from '../utils/iconList';
-
-export default {
-  title: 'Form/Input',
-  component: unnnicInput,
-  argTypes: {
-    label: { control: { type: 'text' } },
-    size: { control: { type: 'select', options: ['md', 'sm'] } },
-    type: { control: { type: 'select', options: ['normal', 'error'] } },
-    nativeType: { control: { type: 'select', options: ['text', 'password'] } },
-    placeholder: { control: { type: 'text' } },
-    iconLeft: { control: { type: 'select', options: iconList } },
-    iconRight: { control: { type: 'select', options: iconList } },
-    allowTogglePassword: { control: { type: 'boolean' } },
-    hasCloudyColor: { control: { type: 'select', options: [true, false] } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { unnnicInput },
-  template: '<unnnic-input v-bind="$props" />',
-});
-
-export const Normal = Template.bind({});
-Normal.args = {
-  type: 'normal',
-  placeholder: 'Placeholder',
-};
-
-export const Error = Template.bind({});
-Error.args = {
-  type: 'error',
-  placeholder: 'Placeholder',
-};
-
-export const Disabled = Template.bind({});
-Disabled.args = {
-  disabled: true,
-  placeholder: 'Placeholder',
-};
-
-export const Password = Template.bind({});
-Password.args = {
-  placeholder: 'Password',
-  nativeType: 'password',
-  allowTogglePassword: true,
-};
-
-export const IconLeftAndRight = Template.bind({});
-IconLeftAndRight.args = {
-  placeholder: 'Text',
-  iconLeft: 'read-email-at-1',
-  iconRight: 'read-email-at-1',
-};
-
-export const Mask = Template.bind({});
-Mask.args = {
-  label: 'CPF or CNPJ',
-  placeholder: 'Text',
-  mask: ['###.###.###-##', '##.###.###/####-##'],
-};
+import unnnicInput from '../components/Input/Input.vue';
+import iconList from '../utils/iconList';
+
+export default {
+  title: 'Form/Input',
+  component: unnnicInput,
+  argTypes: {
+    label: { control: { type: 'text' } },
+    size: { control: { type: 'select', options: ['md', 'sm'] } },
+    type: { control: { type: 'select', options: ['normal', 'error'] } },
+    nativeType: { control: { type: 'select', options: ['text', 'password'] } },
+    placeholder: { control: { type: 'text' } },
+    iconLeft: { control: { type: 'select', options: iconList } },
+    iconRight: { control: { type: 'select', options: iconList } },
+    allowTogglePassword: { control: { type: 'boolean' } },
+    hasCloudyColor: { control: { type: 'select', options: [true, false] } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { unnnicInput },
+  template: '<unnnic-input v-bind="$props" />',
+});
+
+export const Normal = Template.bind({});
+Normal.args = {
+  type: 'normal',
+  placeholder: 'Placeholder',
+};
+
+export const Error = Template.bind({});
+Error.args = {
+  type: 'error',
+  placeholder: 'Placeholder',
+};
+
+export const Disabled = Template.bind({});
+Disabled.args = {
+  disabled: true,
+  placeholder: 'Placeholder',
+};
+
+export const Password = Template.bind({});
+Password.args = {
+  placeholder: 'Password',
+  nativeType: 'password',
+  allowTogglePassword: true,
+};
+
+export const IconLeftAndRight = Template.bind({});
+IconLeftAndRight.args = {
+  placeholder: 'Text',
+  iconLeft: 'read-email-at-1',
+  iconRight: 'read-email-at-1',
+};
+
+export const Mask = Template.bind({});
+Mask.args = {
+  label: 'CPF or CNPJ',
+  placeholder: 'Text',
+  mask: ['###.###.###-##', '##.###.###/####-##'],
+};

package/src/stories/InputDatePicker.stories.js

@@ -1,53 +1,53 @@
-import unnnicInputDatePicker from '../components/InputDatePicker/InputDatePicker.vue';
-
-export default {
-  title: 'Form/InputDatePicker',
-  component: unnnicInputDatePicker,
-  argTypes: {
-    type: {
-      control: {
-        type: 'select',
-        options: ['day', 'month', 'year'],
-      },
-    },
-    position: {
-      control: {
-        type: 'select',
-        options: ['left', 'right'],
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-
-  components: {
-    unnnicInputDatePicker,
-  },
-
-  data() {
-    return {
-      dates: {
-        start: null,
-        end: null,
-      },
-    };
-  },
-
-  template: `
-    <div>
-      <!--<pre>v-model: {{ dates }}</pre>-->
-      <unnnic-input-date-picker v-bind="$props" v-model="dates">
-      </unnnic-input-date-picker>
-    </div>
-  `,
-
-  methods: {},
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  size: 'sm',
-};
+import unnnicInputDatePicker from '../components/InputDatePicker/InputDatePicker.vue';
+
+export default {
+  title: 'Form/InputDatePicker',
+  component: unnnicInputDatePicker,
+  argTypes: {
+    type: {
+      control: {
+        type: 'select',
+        options: ['day', 'month', 'year'],
+      },
+    },
+    position: {
+      control: {
+        type: 'select',
+        options: ['left', 'right'],
+      },
+    },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+
+  components: {
+    unnnicInputDatePicker,
+  },
+
+  data() {
+    return {
+      dates: {
+        start: null,
+        end: null,
+      },
+    };
+  },
+
+  template: `
+    <div>
+      <!--<pre>v-model: {{ dates }}</pre>-->
+      <unnnic-input-date-picker v-bind="$props" v-model="dates">
+      </unnnic-input-date-picker>
+    </div>
+  `,
+
+  methods: {},
+});
+
+export const Default = Template.bind({});
+
+Default.args = {
+  size: 'sm',
+};

package/src/stories/InputNext.stories.js

@@ -1,109 +1,109 @@
-import unnnicInputNext from '../components/InputNext/InputNext.vue';
-import icons from '../utils/icons';
-
-const iconsOptions = Object.keys(icons);
-
-export default {
-  title: 'form/InputNext',
-  component: unnnicInputNext,
-  argTypes: {
-    iconLeft: { control: { type: 'select', options: iconsOptions } },
-    iconRight: { control: { type: 'select', options: iconsOptions } },
-    size: { control: { type: 'select', options: ['md', 'sm'] } },
-    type: { control: { type: 'select', options: ['normal', 'error'] } },
-    nativeType: { control: { type: 'select', options: ['text', 'password'] } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  components: {
-    unnnicInputNext,
-  },
-
-  props: Object.keys(argTypes),
-
-  data() {
-    return {
-      v: '',
-    };
-  },
-
-  template: '<div><pre>v-model: {{ v }}</pre><unnnic-input-next v-model="v" v-bind="$props"></unnnic-input-next></div>',
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  placeholder: 'Placeholder',
-};
-
-export const WithLabel = Template.bind({});
-WithLabel.args = {
-  placeholder: 'Placeholder',
-  label: 'Label',
-  size: undefined,
-  type: undefined,
-  nativeType: undefined,
-};
-
-export const Small = Template.bind({});
-Small.args = {
-  placeholder: 'Placeholder',
-  size: 'sm',
-  type: undefined,
-  nativeType: undefined,
-};
-
-export const ErrorWithMessage = Template.bind({});
-ErrorWithMessage.args = {
-  placeholder: 'Placeholder',
-  error: 'Error message',
-  size: undefined,
-  type: undefined,
-  nativeType: undefined,
-};
-
-export const ErrorWithoutMessage = Template.bind({});
-ErrorWithoutMessage.args = {
-  placeholder: 'Placeholder',
-  error: true,
-  size: undefined,
-  type: undefined,
-  nativeType: undefined,
-};
-
-export const WithMessage = Template.bind({});
-ErrorWithoutMessage.args = {
-  placeholder: 'Placeholder',
-  message: 'Message',
-  size: undefined,
-  type: undefined,
-  nativeType: undefined,
-};
-
-export const PasswordWithToggle = Template.bind({});
-PasswordWithToggle.args = {
-  placeholder: 'Placeholder',
-  allowTogglePassword: true,
-  size: undefined,
-  type: undefined,
-  nativeType: undefined,
-};
-
-export const PasswordWithoutToggle = Template.bind({});
-PasswordWithoutToggle.args = {
-  placeholder: 'Placeholder',
-  nativeType: 'password',
-  size: undefined,
-  type: undefined,
-};
-
-export const IconLeftAndRight = Template.bind({});
-IconLeftAndRight.args = {
-  placeholder: 'Placeholder',
-  iconLeft: 'read-email-at-1',
-  iconRight: 'read-email-at-1',
-  size: undefined,
-  type: undefined,
-  nativeType: undefined,
-};
+import unnnicInputNext from '../components/InputNext/InputNext.vue';
+import icons from '../utils/icons';
+
+const iconsOptions = Object.keys(icons);
+
+export default {
+  title: 'form/InputNext',
+  component: unnnicInputNext,
+  argTypes: {
+    iconLeft: { control: { type: 'select', options: iconsOptions } },
+    iconRight: { control: { type: 'select', options: iconsOptions } },
+    size: { control: { type: 'select', options: ['md', 'sm'] } },
+    type: { control: { type: 'select', options: ['normal', 'error'] } },
+    nativeType: { control: { type: 'select', options: ['text', 'password'] } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  components: {
+    unnnicInputNext,
+  },
+
+  props: Object.keys(argTypes),
+
+  data() {
+    return {
+      v: '',
+    };
+  },
+
+  template: '<div><pre>v-model: {{ v }}</pre><unnnic-input-next v-model="v" v-bind="$props"></unnnic-input-next></div>',
+});
+
+export const Default = Template.bind({});
+
+Default.args = {
+  placeholder: 'Placeholder',
+};
+
+export const WithLabel = Template.bind({});
+WithLabel.args = {
+  placeholder: 'Placeholder',
+  label: 'Label',
+  size: undefined,
+  type: undefined,
+  nativeType: undefined,
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  placeholder: 'Placeholder',
+  size: 'sm',
+  type: undefined,
+  nativeType: undefined,
+};
+
+export const ErrorWithMessage = Template.bind({});
+ErrorWithMessage.args = {
+  placeholder: 'Placeholder',
+  error: 'Error message',
+  size: undefined,
+  type: undefined,
+  nativeType: undefined,
+};
+
+export const ErrorWithoutMessage = Template.bind({});
+ErrorWithoutMessage.args = {
+  placeholder: 'Placeholder',
+  error: true,
+  size: undefined,
+  type: undefined,
+  nativeType: undefined,
+};
+
+export const WithMessage = Template.bind({});
+ErrorWithoutMessage.args = {
+  placeholder: 'Placeholder',
+  message: 'Message',
+  size: undefined,
+  type: undefined,
+  nativeType: undefined,
+};
+
+export const PasswordWithToggle = Template.bind({});
+PasswordWithToggle.args = {
+  placeholder: 'Placeholder',
+  allowTogglePassword: true,
+  size: undefined,
+  type: undefined,
+  nativeType: undefined,
+};
+
+export const PasswordWithoutToggle = Template.bind({});
+PasswordWithoutToggle.args = {
+  placeholder: 'Placeholder',
+  nativeType: 'password',
+  size: undefined,
+  type: undefined,
+};
+
+export const IconLeftAndRight = Template.bind({});
+IconLeftAndRight.args = {
+  placeholder: 'Placeholder',
+  iconLeft: 'read-email-at-1',
+  iconRight: 'read-email-at-1',
+  size: undefined,
+  type: undefined,
+  nativeType: undefined,
+};