@weni/unnnic-system 2.0.27 → 2.0.28

package/package.json

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

package/src/components/ModalNext/ModalNext.vue

@@ -71,11 +71,11 @@
           </div>
 
           <div
-            v-if="$slots.title || title"
+            v-if="$slots.title?.().length || title"
             class="title"
           >
             <slot
-              v-if="$slots.title"
+              v-if="$slots.title?.().length"
               name="title"
             ></slot>
 
@@ -83,13 +83,14 @@
           </div>
 
           <div
-            v-if="$slots.description || description"
+            v-if="$slots.description?.().length || description"
             class="description"
           >
             <slot
-              v-if="$slots.description"
+              v-if="$slots.description?.().length"
               name="description"
-            ></slot>
+            >
+            </slot>
 
             <template v-else>{{ description }}</template>
           </div>
@@ -118,7 +119,7 @@
               type="tertiary"
               :disabled="actionPrimaryLoading"
               @click="
-                $attrs['click-action-secondary']
+                $attrs['onClickActionSecondary']
                   ? $emit('click-action-secondary', { close: justClose })
                   : $emit('close')
               "
@@ -137,7 +138,7 @@
               :disabled="disabled || actionPrimaryLoading"
               :loading="actionPrimaryLoading"
               @click="
-                $attrs['click-action-primary']
+                $attrs['onClickActionPrimary']
                   ? $emit('click-action-primary', { close: justClose })
                   : null
               "
@@ -157,6 +158,7 @@ import UnnnicInput from '../Input/Input.vue';
 import UnnnicButton from '../Button/Button.vue';
 
 export default {
+  name: 'UnnnicModalNext',
   components: {
     UnnnicIcon,
     UnnnicInput,
@@ -190,7 +192,7 @@ export default {
     showCloseButton: Boolean,
   },
 
-  emits: ['close', 'click-action-primary', 'click-action-secondary'],
+  emits: ['close'],
 
   data() {
     return {

package/src/stories/ModalNext.stories.js

@@ -1,6 +1,8 @@
 import unnnicModalNext from '../components/ModalNext/ModalNext.vue';
 import icons from '../utils/icons';
 
+import { action } from '@storybook/addon-actions';
+
 const iconsOptions = Object.keys(icons);
 
 const schemesOptions = [
@@ -183,7 +185,8 @@ export const AlertWithActionButtons = {
     confirmButtonType: undefined,
     actionPrimaryLabel: 'Confirm',
     actionSecondaryLabel: 'Cancel',
-    actionPrimaryButtonType: undefined,
     showCloseButton: true,
+    onClickActionSecondary: action('click-action-secondary'),
+    onClickActionPrimary: action('click-action-primay'),
   },
 };