@weni/unnnic-system 2.0.14 → 2.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weni/unnnic-system",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "type": "commonjs",
   "files": [
     "dist",

package/src/components/Icon.vue

@@ -104,9 +104,9 @@ export default {
     },
   },
   methods: {
-    onClick() {
+    onClick($event) {
       if (!this.clickable) return;
-      this.$emit('click');
+      this.$emit('click', $event);
     },
   },
 };

package/src/components/SelectSmart/SelectSmart.vue

@@ -10,7 +10,7 @@
         class="unnnic-select-smart__input"
         ref="selectSmartInput"
         :modelValue="inputValue"
-        :placeholder="autocompletePlaceholder || selectedLabel"
+        :placeholder="placeholder || autocompletePlaceholder || selectedLabel"
         :type="type"
         :size="size"
         :disabled="disabled"
@@ -158,7 +158,11 @@ export default {
     selectFirst: {
       type: Boolean,
       default: true,
-    }
+    },
+    placeholder: {
+      type: String,
+      default: null,
+    },
   },
 
   data() {

package/src/components/Tag/DefaultTag.vue

@@ -10,14 +10,17 @@
       ${disabled ? 'unnnic-tag__label--disabled' : ''}`"
       >{{ text }}</span
     >
-    <UnnnicIcon
-      v-if="hasCloseIcon"
-      icon="close-1"
+    <div
+      @click.stop="emitClose"
       class="unnnic-tag__icon"
-      scheme="neutral-darkest"
-      size="xs"
-      @click.stop="$emit('close')"
-    />
+      v-if="hasCloseIcon"
+    >
+      <UnnnicIcon
+        icon="close-1"
+        scheme="neutral-darkest"
+        size="xs"
+      />
+    </div>
   </div>
 </template>
 
@@ -56,6 +59,9 @@ export default {
       if (!this.closeClicked) return;
       this.$emit('close-click');
     },
+    emitClose() {
+      this.$emit('close');
+    },
   },
 };
 </script>
@@ -115,6 +121,7 @@ export default {
   }
 
   &__icon {
+    display: flex;
     margin-right: $unnnic-inline-ant;
     cursor: pointer;
   }

package/src/stories/SelectSmart2.stories.js

@@ -1,59 +0,0 @@
-import unnnicSelectSmart from '../components/SelectSmart/SelectSmart.vue';
-
-export default {
-  title: 'Form/SelectSmart2',
-  component: unnnicSelectSmart,
-  argTypes: {
-    'on-update:model-value': { action: '@update:model-value' },
-    size: { control: { type: 'select', options: ['md', 'sm'] } },
-    type: { control: { type: 'select', options: ['normal', 'error'] } },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-
-  components: {
-    unnnicSelectSmart,
-  },
-
-  data() {
-    return {
-      selected: [],
-      options: [
-        {
-          value: 't1',
-          label: 'teste 1'
-        },
-        {
-          value: 't2',
-          label: 'teste 2'
-        },
-        {
-          value: 't3',
-          label: 'teste 3'
-        },
-      ]
-    };
-  },
-
-  template: `
-    <div>
-      <pre>v-model: {{ content }}</pre>
-      <unnnic-select-smart :options="options" v-model="selected" multiple :selectFirst="false" />
-    </div>
-  `,
-
-  methods: {},
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  label: 'Label',
-  placeholder: 'Placeholder',
-  maxLength: 150,
-  disabled: false,
-  type: 'normal',
-  errors: [],
-};