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

package/src/stories/TextEditor.stories.js

@@ -1,80 +1,80 @@
-import unnnicTextEditor from '../components/TextEditor/TextEditor.vue';
-
-export default {
-  title: 'Form/TextEditor',
-  component: unnnicTextEditor,
-  argTypes: {},
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-
-  components: {
-    unnnicTextEditor,
-  },
-
-  data() {
-    return {
-      content: '',
-    };
-  },
-
-  template: `
-    <div>
-      <pre>{{ content }}</pre>
-      <button @click="content = ''">Clear</button>
-      <unnnic-text-editor v-bind="$props" v-model="content">
-        <template slot="attachment-options">
-          Attach
-        </template>
-
-        <template slot="footer-input">
-          Audio Component
-        </template>
-      </unnnic-text-editor>
-    </div>
-  `,
-
-  methods: {},
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  texts: {
-    Undo: 'Undo',
-    Redo: 'Redo',
-    RecordAudio: 'Record Audio',
-    Bold: 'Bold',
-    Italic: 'Italic',
-    Underline: 'Underline',
-    List: 'List',
-    Left: 'Left',
-    Center: 'Center',
-    Right: 'Right',
-    Justify: 'Justify',
-    Attach: 'Attach',
-    action: 'Mensagens rápidas',
-  },
-};
-
-export const Loading = Template.bind({});
-
-Loading.args = {
-  texts: {
-    Undo: 'Undo',
-    Redo: 'Redo',
-    RecordAudio: 'Record Audio',
-    Bold: 'Bold',
-    Italic: 'Italic',
-    Underline: 'Underline',
-    List: 'List',
-    Left: 'Left',
-    Center: 'Center',
-    Right: 'Right',
-    Justify: 'Justify',
-    Attach: 'Attach',
-    action: 'Mensagens rápidas',
-  },
-  loadingValue: 0.5,
-};
+import unnnicTextEditor from '../components/TextEditor/TextEditor.vue';
+
+export default {
+  title: 'Form/TextEditor',
+  component: unnnicTextEditor,
+  argTypes: {},
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+
+  components: {
+    unnnicTextEditor,
+  },
+
+  data() {
+    return {
+      content: '',
+    };
+  },
+
+  template: `
+    <div>
+      <pre>{{ content }}</pre>
+      <button @click="content = ''">Clear</button>
+      <unnnic-text-editor v-bind="$props" v-model="content">
+        <template slot="attachment-options">
+          Attach
+        </template>
+
+        <template slot="footer-input">
+          Audio Component
+        </template>
+      </unnnic-text-editor>
+    </div>
+  `,
+
+  methods: {},
+});
+
+export const Default = Template.bind({});
+
+Default.args = {
+  texts: {
+    Undo: 'Undo',
+    Redo: 'Redo',
+    RecordAudio: 'Record Audio',
+    Bold: 'Bold',
+    Italic: 'Italic',
+    Underline: 'Underline',
+    List: 'List',
+    Left: 'Left',
+    Center: 'Center',
+    Right: 'Right',
+    Justify: 'Justify',
+    Attach: 'Attach',
+    action: 'Mensagens rápidas',
+  },
+};
+
+export const Loading = Template.bind({});
+
+Loading.args = {
+  texts: {
+    Undo: 'Undo',
+    Redo: 'Redo',
+    RecordAudio: 'Record Audio',
+    Bold: 'Bold',
+    Italic: 'Italic',
+    Underline: 'Underline',
+    List: 'List',
+    Left: 'Left',
+    Center: 'Center',
+    Right: 'Right',
+    Justify: 'Justify',
+    Attach: 'Attach',
+    action: 'Mensagens rápidas',
+  },
+  loadingValue: 0.5,
+};

package/src/stories/ToolTip.stories.js

@@ -1,27 +1,27 @@
-import { unnnicFontSize } from '../components/config';
-import unnnicToolTip from '../components/ToolTip/ToolTip.vue';
-
-export default {
-  title: 'Example/ToolTip',
-  component: unnnicToolTip,
-  argTypes: {
-    text: { control: { type: 'text' } },
-    side: { control: { type: 'select', options: ['top', 'right', 'bottom', 'left'] } },
-    maxWidth: { control: { type: 'text' } },
-    forceOpen: { control: { type: 'boolean' } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { unnnicToolTip },
-  template: '<unnnic-tool-tip v-bind="$props"> Hover over text </unnnic-tool-tip>',
-});
-
-export const Normal = Template.bind({});
-Normal.args = {
-  text: 'Label',
-  enabled: true,
-  maxWidth: `${15 * unnnicFontSize}px`,
-  side: 'bottom',
-};
+import { unnnicFontSize } from '../components/config';
+import unnnicToolTip from '../components/ToolTip/ToolTip.vue';
+
+export default {
+  title: 'Example/ToolTip',
+  component: unnnicToolTip,
+  argTypes: {
+    text: { control: { type: 'text' } },
+    side: { control: { type: 'select', options: ['top', 'right', 'bottom', 'left'] } },
+    maxWidth: { control: { type: 'text' } },
+    forceOpen: { control: { type: 'boolean' } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { unnnicToolTip },
+  template: '<unnnic-tool-tip v-bind="$props"> Hover over text </unnnic-tool-tip>',
+});
+
+export const Normal = Template.bind({});
+Normal.args = {
+  text: 'Label',
+  enabled: true,
+  maxWidth: `${15 * unnnicFontSize}px`,
+  side: 'bottom',
+};

package/src/stories/UploadArea.stories.js

@@ -1,51 +1,51 @@
-import i18n from '../utils/plugins/i18n';
-import unnnicUploadArea from '../components/UploadArea/UploadArea.vue';
-
-export default {
-  title: 'Form/UploadArea',
-  component: unnnicUploadArea,
-  argTypes: {
-    acceptMultiple: { control: { type: 'boolean' } },
-    supportedFormats: { control: { type: 'text' } },
-    maximumUploads: { control: { type: 'number' } },
-    filesProgress: { control: { type: 'array' } },
-    isUploading: { control: { type: 'boolean' } },
-    canImport: { control: { type: 'boolean' } },
-    canDelete: { control: { type: 'boolean' } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { unnnicUploadArea },
-  data() {
-    return {
-      files: [],
-    };
-  },
-  methods: {
-    addFile(event) {
-      this.files = Array.from(event.target.files);
-      console.log('files:', this.files);
-    },
-    handleFileChange(files) {
-      this.files = files;
-      console.log('handle', files);
-    },
-  },
-  template:
-    '<div><unnnic-upload-area v-model="files" @fileChange="handleFileChange" v-bind="$props" /> <input type="file" @change="addFile"/></div>',
-  i18n,
-});
-
-export const Default = Template.bind({});
-Default.args = {
-  acceptMultiple: true,
-  supportedFormats: '.png,.jpeg',
-  maximumUploads: 2,
-  filesProgress: [20, 30, 40],
-  isUploading: false,
-  canImport: true,
-  canDelete: true,
-  maxFileSize: 10,
-};
+import i18n from '../utils/plugins/i18n';
+import unnnicUploadArea from '../components/UploadArea/UploadArea.vue';
+
+export default {
+  title: 'Form/UploadArea',
+  component: unnnicUploadArea,
+  argTypes: {
+    acceptMultiple: { control: { type: 'boolean' } },
+    supportedFormats: { control: { type: 'text' } },
+    maximumUploads: { control: { type: 'number' } },
+    filesProgress: { control: { type: 'array' } },
+    isUploading: { control: { type: 'boolean' } },
+    canImport: { control: { type: 'boolean' } },
+    canDelete: { control: { type: 'boolean' } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { unnnicUploadArea },
+  data() {
+    return {
+      files: [],
+    };
+  },
+  methods: {
+    addFile(event) {
+      this.files = Array.from(event.target.files);
+      console.log('files:', this.files);
+    },
+    handleFileChange(files) {
+      this.files = files;
+      console.log('handle', files);
+    },
+  },
+  template:
+    '<div><unnnic-upload-area v-model="files" @fileChange="handleFileChange" v-bind="$props" /> <input type="file" @change="addFile"/></div>',
+  i18n,
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  acceptMultiple: true,
+  supportedFormats: '.png,.jpeg',
+  maximumUploads: 2,
+  filesProgress: [20, 30, 40],
+  isUploading: false,
+  canImport: true,
+  canDelete: true,
+  maxFileSize: 10,
+};

package/src/utils/call.js

@@ -1,25 +1,25 @@
-import Vue from 'vue';
-import Alert from '../components/Alert/Alert.vue';
-import Modal from '../components/Modal/Modal.vue';
-
-export default {
-  callAlert({ props, seconds }) {
-    const AlertClass = Vue.extend(Alert);
-    const instance = new AlertClass({
-      propsData: { ...props, onClose: () => { instance.$el.remove(); } },
-    });
-    instance.$mount();
-    document.body.appendChild(instance.$el);
-    setTimeout(() => { instance.$el.remove(); }, seconds * 1000);
-  },
-
-  callModal({ props }) {
-    const ModalClass = Vue.extend(Modal);
-    const instance = new ModalClass({
-      propsData: { ...props, onClose: () => { instance.$el.remove(); } },
-      created() { this.$on(['close'], () => { instance.$el.remove(); }); },
-    });
-    instance.$mount();
-    document.body.appendChild(instance.$el);
-  },
-};
+import Vue from 'vue';
+import Alert from '../components/Alert/Alert.vue';
+import Modal from '../components/Modal/Modal.vue';
+
+export default {
+  callAlert({ props, seconds }) {
+    const AlertClass = Vue.extend(Alert);
+    const instance = new AlertClass({
+      propsData: { ...props, onClose: () => { instance.$el.remove(); } },
+    });
+    instance.$mount();
+    document.body.appendChild(instance.$el);
+    setTimeout(() => { instance.$el.remove(); }, seconds * 1000);
+  },
+
+  callModal({ props }) {
+    const ModalClass = Vue.extend(Modal);
+    const instance = new ModalClass({
+      propsData: { ...props, onClose: () => { instance.$el.remove(); } },
+      created() { this.$on(['close'], () => { instance.$el.remove(); }); },
+    });
+    instance.$mount();
+    document.body.appendChild(instance.$el);
+  },
+};

package/src/utils/colorsList.js

@@ -1,38 +1,38 @@
-export default [
-  'background-solo',
-  'background-sky',
-  'background-grass',
-  'background-carpet',
-  'background-snow',
-  'neutral-black',
-  'neutral-darkest',
-  'neutral-dark',
-  'neutral-cloudy',
-  'neutral-cleanest',
-  'neutral-clean',
-  'neutral-soft',
-  'neutral-lightest',
-  'neutral-light',
-  'neutral-snow',
-  'feedback-red',
-  'feedback-green',
-  'feedback-yellow',
-  'feedback-blue',
-  'feedback-grey',
-  'aux-blue',
-  'aux-purple',
-  'aux-orange',
-  'aux-lemon',
-  'aux-pink',
-  'aux-baby-blue',
-  'aux-baby-yellow',
-  'aux-baby-red',
-  'aux-baby-green',
-  'aux-baby-pink',
-  'brand-weni',
-  'brand-weni-dark',
-  'brand-weni-soft',
-  'brand-sec-dark',
-  'brand-sec-soft',
-  'brand-sec',
-];
+export default [
+  'background-solo',
+  'background-sky',
+  'background-grass',
+  'background-carpet',
+  'background-snow',
+  'neutral-black',
+  'neutral-darkest',
+  'neutral-dark',
+  'neutral-cloudy',
+  'neutral-cleanest',
+  'neutral-clean',
+  'neutral-soft',
+  'neutral-lightest',
+  'neutral-light',
+  'neutral-snow',
+  'feedback-red',
+  'feedback-green',
+  'feedback-yellow',
+  'feedback-blue',
+  'feedback-grey',
+  'aux-blue',
+  'aux-purple',
+  'aux-orange',
+  'aux-lemon',
+  'aux-pink',
+  'aux-baby-blue',
+  'aux-baby-yellow',
+  'aux-baby-red',
+  'aux-baby-green',
+  'aux-baby-pink',
+  'brand-weni',
+  'brand-weni-dark',
+  'brand-weni-soft',
+  'brand-sec-dark',
+  'brand-sec-soft',
+  'brand-sec',
+];

package/src/utils/emojiList.js

@@ -1,47 +1,47 @@
-export default {
-  Grinning_Face: 'u1F600',
-  Beaming_Face_with_Smiling_Eyes: 'u1F601',
-  Face_with_Tears_of_Joy: 'u1F602',
-  Grinning_Face_with_Big_Eyes: 'u1F603',
-  Grinning_Face_with_Smiling_Eyes: 'u1F604',
-  Grinning_Face_with_Sweat: 'u1F605',
-  Grinning_Squinting_Face: 'u1F606',
-  Smiling_Face_with_Halo: 'u1F607',
-  Smiling_Face_with_Horns: 'u1F608',
-  Winking_Face: 'u1F609',
-  Neutral_Face: 'u1F610',
-  Expressionless_Face: 'u1F611',
-  Unamused_Face: 'u1F612',
-  Downcast_Face_with_Sweat: 'u1F613',
-  Pensive_Face: 'u1F614',
-  Confused_Face: 'u1F615',
-  Confounded_Face: 'u1F616',
-  Kissing_Face: 'u1F617',
-  Face_Blowing_a_Kiss: 'u1F618',
-  Kissing_Face_with_Smiling_Eyes: 'u1F619',
-  Angry_Face: 'u1F620',
-  Pouting_Face: 'u1F621',
-  Crying_Face: 'u1F622',
-  Persevering_Face: 'u1F623',
-  Face_with_Steam_From_Nose: 'u1F624',
-  Sad_but_Relieved_Face: 'u1F625',
-  Frowning_Face_with_Open_Mouth: 'u1F626',
-  Anguished_Face: 'u1F627',
-  Fearful_Face: 'u1F628',
-  Weary_Face: 'u1F629',
-  Anxious_Face_with_Sweat: 'u1F630',
-  Face_Screaming_in_Fear: 'u1F631',
-  Astonished_Face: 'u1F632',
-  Flushed_Face: 'u1F633',
-  Sleeping_Face: 'u1F634',
-  Hushed_Face_with_Closed_Eyes: 'u1F635',
-  Face_Without_Mouth: 'u1F636',
-  Face_with_Medical_Mask: 'u1F637',
-  Grinning_Cat_with_Smiling_Eyes: 'u1F638',
-  Cat_with_Tears_of_Joy: 'u1F639',
-  Weary_Cat: 'u1F640',
-  Slightly_Frowning_Face: 'u1F641',
-  Slightly_Smiling_Face: 'u1F642',
-  Upside_Down_Face: 'u1F643',
-  Face_with_Rolling_Eyes: 'u1F644',
-};
+export default {
+  Grinning_Face: 'u1F600',
+  Beaming_Face_with_Smiling_Eyes: 'u1F601',
+  Face_with_Tears_of_Joy: 'u1F602',
+  Grinning_Face_with_Big_Eyes: 'u1F603',
+  Grinning_Face_with_Smiling_Eyes: 'u1F604',
+  Grinning_Face_with_Sweat: 'u1F605',
+  Grinning_Squinting_Face: 'u1F606',
+  Smiling_Face_with_Halo: 'u1F607',
+  Smiling_Face_with_Horns: 'u1F608',
+  Winking_Face: 'u1F609',
+  Neutral_Face: 'u1F610',
+  Expressionless_Face: 'u1F611',
+  Unamused_Face: 'u1F612',
+  Downcast_Face_with_Sweat: 'u1F613',
+  Pensive_Face: 'u1F614',
+  Confused_Face: 'u1F615',
+  Confounded_Face: 'u1F616',
+  Kissing_Face: 'u1F617',
+  Face_Blowing_a_Kiss: 'u1F618',
+  Kissing_Face_with_Smiling_Eyes: 'u1F619',
+  Angry_Face: 'u1F620',
+  Pouting_Face: 'u1F621',
+  Crying_Face: 'u1F622',
+  Persevering_Face: 'u1F623',
+  Face_with_Steam_From_Nose: 'u1F624',
+  Sad_but_Relieved_Face: 'u1F625',
+  Frowning_Face_with_Open_Mouth: 'u1F626',
+  Anguished_Face: 'u1F627',
+  Fearful_Face: 'u1F628',
+  Weary_Face: 'u1F629',
+  Anxious_Face_with_Sweat: 'u1F630',
+  Face_Screaming_in_Fear: 'u1F631',
+  Astonished_Face: 'u1F632',
+  Flushed_Face: 'u1F633',
+  Sleeping_Face: 'u1F634',
+  Hushed_Face_with_Closed_Eyes: 'u1F635',
+  Face_Without_Mouth: 'u1F636',
+  Face_with_Medical_Mask: 'u1F637',
+  Grinning_Cat_with_Smiling_Eyes: 'u1F638',
+  Cat_with_Tears_of_Joy: 'u1F639',
+  Weary_Cat: 'u1F640',
+  Slightly_Frowning_Face: 'u1F641',
+  Slightly_Smiling_Face: 'u1F642',
+  Upside_Down_Face: 'u1F643',
+  Face_with_Rolling_Eyes: 'u1F644',
+};