@weni/unnnic-system 2.0.3 → 2.0.4

package/package.json

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

package/src/components/index.js

@@ -29,7 +29,7 @@ import radio from './Radio/Radio.vue';
 import languageSelect from './Dropdown/LanguageSelect.vue';
 import modal from './Modal/Modal.vue';
 import modalUpload from './ModalUpload/ModalUpload.vue';
-import call from '../utils/call';
+import {callAlert, callModal} from '../utils/call';
 import selectSmart from './SelectSmart/SelectSmart.vue';
 // import select from './Select/Select.vue';
 import selectItem from './Select/SelectItem.vue';
@@ -195,8 +195,8 @@ export const unnnicSelectItem = selectItem;
 // export const unnnicSelectListItem = selectListItem;
 export const unnnicMultiSelect = multiSelect;
 export const unnnicAlert = alert;
-export const unnnicCallAlert = call.callAlert;
-export const unnnicCallModal = call.callModal;
+export const unnnicCallAlert = callAlert;
+export const unnnicCallModal = callModal;
 // export const unnnicAutocomplete = autocomplete;
 // export const unnnicAutocompleteSelect = autocompleteSelect;
 export const unnnicTag = tag;

package/src/stories/Alert.stories.js

@@ -1,13 +1,12 @@
-import alertCaller from '../components/Alert/AlertCaller.vue';
-import alert from '../utils/call';
 import unnnicAlert from '../components/Alert/Alert.vue';
+import { unnnicCallAlert } from '../components';
 
 export default {
   title: 'example/Alert',
   component: unnnicAlert,
   argTypes: {
+    type: { control: { type: 'text' } },
     text: { control: { type: 'text' } },
-    title: { control: { type: 'text' } },
     closeText: { control: { type: 'text' } },
     scheme: {
       control: {
@@ -56,7 +55,7 @@ export default {
 
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
-  components: { alertCaller, unnnicAlert },
+  components: { unnnicCallAlert },
   template: `
 <div>
   <button @click="unnnicCallAlert">Click for alert</button>
@@ -85,14 +84,21 @@ Recommended use:
 </div>`,
   methods: {
     unnnicCallAlert() {
-      alert.callAlert({ props: this.$props, seconds: this.$props.seconds });
+      unnnicCallAlert({
+        props: {
+          type: 'success',
+          text: 'Alert'
+        },
+        containerRef: this.$refs.divContainer,
+      })
     },
+
   },
 });
 
 const TemplateWithContainerRef = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
-  components: { alertCaller, unnnicAlert },
+  components: { unnnicCallAlert },
   template: `
     <div ref="divContainer" style="height: 200px; position: relative; border: 1px solid black">
       <button @click="unnnicCallAlert">Click for alert</button>
@@ -108,26 +114,25 @@ const TemplateWithContainerRef = (args, { argTypes }) => ({
     </div>`,
   methods: {
     unnnicCallAlert() {
-      alert.callAlert({
-        props: this.$props,
+      unnnicCallAlert({
+        props: {
+          type: 'success',
+          text: 'Alert'
+        },
         containerRef: this.$refs.divContainer,
-      });
+      })
     },
   },
 });
 
 export const Normal = Template.bind({});
 Normal.args = {
-  title: 'Title',
+  type: 'success',
   text: 'Text',
-  icon: 'check-circle-1-1',
-  scheme: 'feedback-green',
 };
 
 export const WithContainerRef = TemplateWithContainerRef.bind({});
 WithContainerRef.args = {
-  title: 'Title',
+  type: 'error',
   text: 'Text',
-  icon: 'check-circle-1-1',
-  scheme: 'feedback-green',
 };

package/src/utils/call.js

@@ -5,8 +5,7 @@ import mitt from 'mitt';
 
 const emitter = mitt();
 
-export default {
-  callAlert({ props, containerRef }) {
+  const callAlert = ({ props, containerRef })=>{
     const AlertComponent = createApp(Alert, {
       ...props,
       onClose: () => {
@@ -27,9 +26,9 @@ export default {
     } else {
       document.body.appendChild(instance.$el);
     }
-  },
+  };
 
-  callModal({ props }) {
+  const callModal = ({ props })=>{
     const ModalComponent = createApp(Modal, {
       ...props,
       onClose: () => {
@@ -44,5 +43,14 @@ export default {
     const element = document.createElement('div');
     const instance = ModalComponent.mount(element);
     document.body.appendChild(element);
-  },
-};
+  }
+
+  export{
+    callAlert,
+    callModal
+  }
+
+  export default{
+    callAlert,
+    callModal
+  }