@weni/unnnic-system 1.4.4 → 1.4.7

package/src/components/TextEditor/TextEditor.vue

@@ -25,94 +25,165 @@
     </div>
 
     <div class="format">
-      <unnnic-icon
-        icon="arrow-undo"
-        size="ant"
-        clickable
-        scheme="neutral-cleanest"
-        @click="formatDoc('undo')"
-      />
-      <unnnic-icon
-        icon="arrow-redo"
-        size="ant"
-        clickable
-        scheme="neutral-cleanest"
-        @click="formatDoc('redo')"
-      />
+      <unnnic-tool-tip
+        side="top"
+        text="Undo"
+        enabled
+      >
+        <unnnic-icon
+          icon="arrow-undo"
+          size="ant"
+          clickable
+          scheme="neutral-cleanest"
+          @click="formatDoc('undo')"
+        />
+      </unnnic-tool-tip>
+
+      <unnnic-tool-tip
+        side="top"
+        text="Redo"
+        enabled
+      >
+        <unnnic-icon
+          icon="arrow-redo"
+          size="ant"
+          clickable
+          scheme="neutral-cleanest"
+          @click="formatDoc('redo')"
+        />
+      </unnnic-tool-tip>
       <!-- <unnnic-icon
         icon="email-action-unread-1"
         size="ant"
         clickable
         scheme="neutral-cleanest"
       /> -->
-      <unnnic-icon
+
+      <unnnic-tool-tip
+        side="top"
+        text="Bold"
+        enabled
         :style="{ marginLeft: '1rem', }"
-        icon="text-bold"
-        size="ant"
-        clickable
-        scheme="neutral-cleanest"
-        @click="formatDoc('bold')"
-      />
-      <unnnic-icon
-        icon="text-italic"
-        size="ant"
-        clickable
-        scheme="neutral-cleanest"
-        @click="formatDoc('italic')"
-      />
-      <unnnic-icon
-        icon="text-underline"
-        size="ant"
-        clickable
-        scheme="neutral-cleanest"
-        @click="formatDoc('underline')"
-      />
-      <unnnic-icon
-        icon="unordered-list"
-        size="ant"
-        clickable
-        scheme="neutral-cleanest"
-        @click="formatDoc('insertunorderedlist')"
-      />
-      <unnnic-icon
-        icon="text-left"
-        size="ant"
-        clickable
-        scheme="neutral-cleanest"
-        @click="formatDoc('justifyleft')"
-      />
-      <unnnic-icon
-        icon="text-center"
-        size="ant"
-        clickable
-        scheme="neutral-cleanest"
-        @click="formatDoc('justifycenter')"
-      />
-      <unnnic-icon
-        icon="text-right"
-        size="ant"
-        clickable
-        scheme="neutral-cleanest"
-        @click="formatDoc('justifyright')"
-      />
-      <unnnic-icon
-        icon="text-justified"
-        size="ant"
-        clickable
-        scheme="neutral-cleanest"
-        @click="formatDoc('justifyFull')"
-      />
+      >
+        <unnnic-icon
+          icon="text-bold"
+          size="ant"
+          clickable
+          scheme="neutral-cleanest"
+          @click="formatDoc('bold')"
+        />
+      </unnnic-tool-tip>
+
+      <unnnic-tool-tip
+        side="top"
+        text="Italic"
+        enabled
+      >
+        <unnnic-icon
+          icon="text-italic"
+          size="ant"
+          clickable
+          scheme="neutral-cleanest"
+          @click="formatDoc('italic')"
+        />
+      </unnnic-tool-tip>
+
+      <unnnic-tool-tip
+        side="top"
+        text="Underline"
+        enabled
+      >
+        <unnnic-icon
+          icon="text-underline"
+          size="ant"
+          clickable
+          scheme="neutral-cleanest"
+          @click="formatDoc('underline')"
+        />
+      </unnnic-tool-tip>
+
+      <unnnic-tool-tip
+        side="top"
+        text="List"
+        enabled
+      >
+        <unnnic-icon
+          icon="unordered-list"
+          size="ant"
+          clickable
+          scheme="neutral-cleanest"
+          @click="formatDoc('insertunorderedlist')"
+        />
+      </unnnic-tool-tip>
+
+      <unnnic-tool-tip
+        side="top"
+        text="Left"
+        enabled
+      >
+        <unnnic-icon
+          icon="text-left"
+          size="ant"
+          clickable
+          scheme="neutral-cleanest"
+          @click="formatDoc('justifyleft')"
+        />
+      </unnnic-tool-tip>
+
+      <unnnic-tool-tip
+        side="top"
+        text="Center"
+        enabled
+      >
+        <unnnic-icon
+          icon="text-center"
+          size="ant"
+          clickable
+          scheme="neutral-cleanest"
+          @click="formatDoc('justifycenter')"
+        />
+      </unnnic-tool-tip>
+
+      <unnnic-tool-tip
+        side="top"
+        text="Right"
+        enabled
+      >
+        <unnnic-icon
+          icon="text-right"
+          size="ant"
+          clickable
+          scheme="neutral-cleanest"
+          @click="formatDoc('justifyright')"
+        />
+      </unnnic-tool-tip>
+
+      <unnnic-tool-tip
+        side="top"
+        text="Justify"
+        enabled
+      >
+        <unnnic-icon
+          icon="text-justified"
+          size="ant"
+          clickable
+          scheme="neutral-cleanest"
+          @click="formatDoc('justifyFull')"
+        />
+      </unnnic-tool-tip>
     </div>
   </div>
 </template>
 
 <script>
 import UnnnicButtonIcon from '../Button/ButtonIcon.vue';
+import UnnnicToolTip from '../ToolTip/ToolTip.vue';
 import UnnnicIcon from '../Icon.vue';
 
 export default {
   components: {
     UnnnicButtonIcon,
+    UnnnicToolTip,
     UnnnicIcon,
   },
 

package/src/locales/en.json

@@ -1,15 +1,15 @@
-{
-  "upload_area": {
-    "title": {
-      "text": "Drag your file here or",
-      "highlight": "search it"
-    },
-    "invalid": {
-      "subtitle": "File not supported, select supported formats:"
-    },
-    "subtitle": "Supported formats:"
-  },
-  "import_card": {
-    "importing": "Importing"
-  }
-}
+{
+  "upload_area": {
+    "title": {
+      "text": "Drag your file here or",
+      "highlight": "search it"
+    },
+    "invalid": {
+      "subtitle": "File not supported, select supported formats:"
+    },
+    "subtitle": "Supported formats:"
+  },
+  "import_card": {
+    "importing": "Importing"
+  }
+}

package/src/locales/es.json

@@ -1,15 +1,15 @@
-{
-  "upload_area": {
-    "title": {
-      "text": "Arrastra tu archivo aquí o",
-      "highlight": "búscalo"
-    },
-    "invalid": {
-      "subtitle": "Archivo no compatible, seleccione los formatos compatibles:"
-    },
-    "subtitle": "Formatos compatibles:"
-  },
-  "import_card": {
-    "importing": "Importando"
-  }
-}
+{
+  "upload_area": {
+    "title": {
+      "text": "Arrastra tu archivo aquí o",
+      "highlight": "búscalo"
+    },
+    "invalid": {
+      "subtitle": "Archivo no compatible, seleccione los formatos compatibles:"
+    },
+    "subtitle": "Formatos compatibles:"
+  },
+  "import_card": {
+    "importing": "Importando"
+  }
+}

package/src/locales/pt_br.json

@@ -1,15 +1,15 @@
-{
-  "upload_area": {
-    "title": {
-      "text": "Arraste seu arquivo aqui, ou",
-      "highlight": "procure-o"
-    },
-    "invalid": {
-      "subtitle": "Arquivo não compatível, selecione formatos suportados:"
-    },
-    "subtitle": "Formatos suportados:"
-  },
-  "import_card": {
-    "importing": "Importando"
-  }
-}
+{
+  "upload_area": {
+    "title": {
+      "text": "Arraste seu arquivo aqui, ou",
+      "highlight": "procure-o"
+    },
+    "invalid": {
+      "subtitle": "Arquivo não compatível, selecione formatos suportados:"
+    },
+    "subtitle": "Formatos suportados:"
+  },
+  "import_card": {
+    "importing": "Importando"
+  }
+}

package/src/stories/DatePicker.stories.js

@@ -31,7 +31,7 @@ const Template = (args, { argTypes }) => ({
 
   template: `
     <div>
-      <unnnic-date-picker v-bind="$props" ></unnnic-date-picker>
+      <unnnic-date-picker v-bind="$props" initial-start-date="12-01-2021" initial-end-date="12-31-2021"></unnnic-date-picker>
     </div>
   `,