@iankibetsh/shframework 5.5.6 → 5.5.8

package/dist/library.js

@@ -9,6 +9,7 @@ var bootstrap = require('bootstrap');
 var NProgress = require('nprogress');
 var vue = require('vue');
 var _ = require('lodash');
+var ShModalForm = require('@/lib/components/ShModalForm.vue');
 var pinia = require('pinia');
 var vueRouter = require('vue-router');
 
@@ -18,6 +19,7 @@ var Axios__default = /*#__PURE__*/_interopDefaultLegacy(Axios);
 var Swal__default = /*#__PURE__*/_interopDefaultLegacy(Swal);
 var NProgress__default = /*#__PURE__*/_interopDefaultLegacy(NProgress);
 var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
+var ShModalForm__default = /*#__PURE__*/_interopDefaultLegacy(ShModalForm);
 
 function setItem (key, value) {
   let toStore = value;
@@ -2140,7 +2142,7 @@ var script$A = {
   }
 };
 
-const _hoisted_1$r = {
+const _hoisted_1$q = {
   class: "sh-phone mb-3",
   style: {"display":"flex"}
 };
@@ -2153,7 +2155,7 @@ const _hoisted_4$f = ["value"];
 const _hoisted_5$c = ["disabled"];
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
     ($data.selectedCountry)
       ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$i, [
           vue.createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$f),
@@ -2191,7 +2193,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
 script$A.render = render$4;
 script$A.__file = "src/lib/components/form-components/PhoneInput.vue";
 
-const _hoisted_1$q = {
+const _hoisted_1$p = {
   key: 0,
   class: "dropdown sh-suggest"
 };
@@ -2350,6 +2352,7 @@ const initializeExisting = (currentValue)=>{
   }
 };
 vue.watch(()=>props.modelValue, (newValue)=>{
+  selectedSuggestions.value = [];
   if(newValue) {
     initializeExisting(newValue);
   }
@@ -2357,7 +2360,7 @@ vue.watch(()=>props.modelValue, (newValue)=>{
 
 return (_ctx, _cache) => {
   return (vue.unref(id))
-    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
+    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
         vue.createElementVNode("div", {
           id: vue.unref(id),
           "data-bs-toggle": "dropdown",
@@ -2783,7 +2786,7 @@ var script$y = {
   }
 };
 
-const _hoisted_1$p = {
+const _hoisted_1$o = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
@@ -2827,7 +2830,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
     _cache[5] || (_cache[5] = vue.createElementVNode("h5", { class: "d-none" }, null, -1 /* CACHED */)),
-    vue.createElementVNode("form", _hoisted_1$p, [
+    vue.createElementVNode("form", _hoisted_1$o, [
       vue.createCommentVNode("    <div v-if=\"form_status == 1\" class=\"alert alert-info\">Processing...</div>"),
       vue.createCommentVNode("    <div v-if=\"form_status == 2\" class=\"alert alert-success\">Success</div>"),
       (_ctx.form_status == 3)
@@ -3126,7 +3129,7 @@ return (_ctx, _cache) => {
 
 script$x.__file = "src/lib/components/form-components/EmailInput.vue";
 
-const _hoisted_1$o = ["min", "max"];
+const _hoisted_1$n = ["min", "max"];
 
 
 var script$w = {
@@ -3161,7 +3164,7 @@ return (_ctx, _cache) => {
     onChange: modelValueUpdated,
     onKeydown: modelValueUpdated,
     onUpdated: modelValueUpdated
-  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1$o)), [
+  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1$n)), [
     [vue.vModelText, inputModel.value]
   ])
 }
@@ -3253,7 +3256,7 @@ return (_ctx, _cache) => {
 
 script$u.__file = "src/lib/components/form-components/TextAreaInput.vue";
 
-const _hoisted_1$n = ["value"];
+const _hoisted_1$m = ["value"];
 
 
 var script$t = {
@@ -3310,7 +3313,7 @@ return (_ctx, _cache) => {
       return (vue.openBlock(), vue.createElementBlock("option", {
         key: option.id,
         value: option.id
-      }, vue.toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$n))
+      }, vue.toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$m))
     }), 128 /* KEYED_FRAGMENT */))
   ], 544 /* NEED_HYDRATION, NEED_PATCH */)), [
     [vue.vModelSelect, inputModel.value]
@@ -3400,7 +3403,7 @@ return (_ctx, _cache) => {
 
 script$r.__file = "src/lib/components/form-components/DateInput.vue";
 
-const _hoisted_1$m = ["name", "onUpdate:modelValue"];
+const _hoisted_1$l = ["name", "onUpdate:modelValue"];
 const _hoisted_2$f = ["innerHTML"];
 const _hoisted_3$c = {
   key: 0,
@@ -3685,7 +3688,7 @@ return (_ctx, _cache) => {
               type: "hidden",
               name: field.field,
               "onUpdate:modelValue": $event => ((formFields.value[index].value) = $event)
-            }, null, 8 /* PROPS */, _hoisted_1$m)), [
+            }, null, 8 /* PROPS */, _hoisted_1$l)), [
               [vue.vModelText, formFields.value[index].value]
             ])
           : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -3767,7 +3770,7 @@ return (_ctx, _cache) => {
 
 script$q.__file = "src/lib/components/ShAutoForm.vue";
 
-const _hoisted_1$l = ["id", "data-bs-backdrop"];
+const _hoisted_1$k = ["id", "data-bs-backdrop"];
 const _hoisted_2$e = { class: "modal-content" };
 const _hoisted_3$b = { class: "modal-header" };
 const _hoisted_4$b = { class: "modal-title flex-fill" };
@@ -3850,7 +3853,7 @@ return (_ctx, _cache) => {
         ])
       ])
     ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$l))
+  ], 8 /* PROPS */, _hoisted_1$k))
 }
 }
 
@@ -3858,7 +3861,7 @@ return (_ctx, _cache) => {
 
 script$p.__file = "src/lib/components/ShModal.vue";
 
-const _hoisted_1$k = { class: "dropdown sh-dropdown-form" };
+const _hoisted_1$j = { class: "dropdown sh-dropdown-form" };
 
 var script$o = {
   __name: 'ShDropDownForm',
@@ -3910,7 +3913,7 @@ const dropdownId = 'dropdown' + (Math.random() + 1).toString(36).substring(2);
 return (_ctx, _cache) => {
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
     _cache[0] || (_cache[0] = vue.createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* CACHED */)),
-    vue.createElementVNode("div", _hoisted_1$k, [
+    vue.createElementVNode("div", _hoisted_1$j, [
       vue.createElementVNode("a", {
         class: vue.normalizeClass(vue.unref(btnClass)),
         href: "#",
@@ -3943,7 +3946,7 @@ return (_ctx, _cache) => {
 
 script$o.__file = "src/lib/components/ShDropDownForm.vue";
 
-const _hoisted_1$j = ["href"];
+const _hoisted_1$i = ["href"];
 
 var script$n = {
   __name: 'ShModalForm',
@@ -3992,9 +3995,6 @@ const formError = (res)=>{
   emit('formError',res);
 };
 
-const emitClick = ()=>{
-  emit('click');
-};
 
 
 const allProps = vue.ref({});
@@ -4009,15 +4009,12 @@ const cleanedProp = vue.computed(()=>{
 });
 
 return (_ctx, _cache) => {
-  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    vue.createElementVNode("a", {
-      class: vue.normalizeClass(vue.unref(btnClass)),
-      href: '#' + vue.unref(realModalId),
-      "data-bs-toggle": "modal",
-      onClick: emitClick
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$j),
+  return (vue.openBlock(), vue.createElementBlock("a", {
+    class: vue.normalizeClass(vue.unref(btnClass)),
+    href: '#' + vue.unref(realModalId),
+    "data-bs-toggle": "modal"
+  }, [
+    vue.renderSlot(_ctx.$slots, "default"),
     (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
       vue.createVNode(script$p, {
         "modal-size": __props.modalSize,
@@ -4038,7 +4035,7 @@ return (_ctx, _cache) => {
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["modal-size", "modal-id", "modal-title"])
     ]))
-  ], 64 /* STABLE_FRAGMENT */))
+  ], 10 /* CLASS, PROPS */, _hoisted_1$i))
 }
 }
 
@@ -4046,59 +4043,18 @@ return (_ctx, _cache) => {
 
 script$n.__file = "src/lib/components/ShModalForm.vue";
 
-const _hoisted_1$i = ["href"];
-
 var script$m = {
   __name: 'ShModalFormAuto',
-  props: ['action',
-  'classes',
-  'hasTerms',
-  'country_code',
-  'submitBtnClass',
-  'fields',
-  'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
-  'modalSize',
-  'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
-  'failedCallback', 'labels', 'editors',
-  'datePickers',
-  'textAreas',
-  'files',
-  'phones',
-  'numbers',
-  'customComponent','modalTitle','class','successMessage'],
-  emits: ['success'],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
 
-const props = __props;
-const emit = __emit;
-const formProps = vue.ref(props);
-let btnClass=props.class;
-const modalId = 'rand' + (Math.random() + 1).toString(36).substring(2);
-const success = (res)=>{
-  emit('success',res);
-};
-delete formProps.class;
 
 return (_ctx, _cache) => {
-  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    vue.createElementVNode("a", {
-      class: vue.normalizeClass(vue.unref(btnClass)),
-      href: '#' + modalId,
-      "data-bs-toggle": "modal"
-    }, [
+  return (vue.openBlock(), vue.createBlock(ShModalForm__default["default"], null, {
+    default: vue.withCtx(() => [
       vue.renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$i),
-    vue.createVNode(script$p, {
-      "modal-id": modalId,
-      "modal-title": __props.modalTitle,
-      "modal-size": __props.modalSize
-    }, {
-      default: vue.withCtx(() => [
-        vue.createVNode(script$q, vue.mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
-      ]),
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["modal-title", "modal-size"])
-  ], 64 /* STABLE_FRAGMENT */))
+    ]),
+    _: 3 /* FORWARDED */
+  }))
 }
 }
 

package/dist/library.mjs

@@ -5,6 +5,7 @@ import { Modal, Offcanvas } from 'bootstrap';
 import NProgress from 'nprogress';
 import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, ref, onMounted, watch, unref, normalizeClass, createBlock, resolveDynamicComponent, resolveComponent, inject, useTemplateRef, mergeProps, renderSlot, normalizeStyle, computed, Teleport, createVNode, withCtx, useSlots, onBeforeUnmount, reactive, vModelCheckbox, resolveDirective, shallowRef, normalizeProps, markRaw, isRef } from 'vue';
 import _ from 'lodash';
+import ShModalForm from '@/lib/components/ShModalForm.vue';
 import { defineStore, storeToRefs } from 'pinia';
 import { useRoute, useRouter } from 'vue-router';
 
@@ -2129,7 +2130,7 @@ var script$A = {
   }
 };
 
-const _hoisted_1$r = {
+const _hoisted_1$q = {
   class: "sh-phone mb-3",
   style: {"display":"flex"}
 };
@@ -2142,7 +2143,7 @@ const _hoisted_4$f = ["value"];
 const _hoisted_5$c = ["disabled"];
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$r, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$q, [
     ($data.selectedCountry)
       ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
           createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$f),
@@ -2180,7 +2181,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
 script$A.render = render$4;
 script$A.__file = "src/lib/components/form-components/PhoneInput.vue";
 
-const _hoisted_1$q = {
+const _hoisted_1$p = {
   key: 0,
   class: "dropdown sh-suggest"
 };
@@ -2339,6 +2340,7 @@ const initializeExisting = (currentValue)=>{
   }
 };
 watch(()=>props.modelValue, (newValue)=>{
+  selectedSuggestions.value = [];
   if(newValue) {
     initializeExisting(newValue);
   }
@@ -2346,7 +2348,7 @@ watch(()=>props.modelValue, (newValue)=>{
 
 return (_ctx, _cache) => {
   return (unref(id))
-    ? (openBlock(), createElementBlock("div", _hoisted_1$q, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
         createElementVNode("div", {
           id: unref(id),
           "data-bs-toggle": "dropdown",
@@ -2772,7 +2774,7 @@ var script$y = {
   }
 };
 
-const _hoisted_1$p = {
+const _hoisted_1$o = {
   ref: "ShAutoForm",
   class: "sh-form"
 };
@@ -2816,7 +2818,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (openBlock(), createElementBlock(Fragment, null, [
     _cache[5] || (_cache[5] = createElementVNode("h5", { class: "d-none" }, null, -1 /* CACHED */)),
-    createElementVNode("form", _hoisted_1$p, [
+    createElementVNode("form", _hoisted_1$o, [
       createCommentVNode("    <div v-if=\"form_status == 1\" class=\"alert alert-info\">Processing...</div>"),
       createCommentVNode("    <div v-if=\"form_status == 2\" class=\"alert alert-success\">Success</div>"),
       (_ctx.form_status == 3)
@@ -3115,7 +3117,7 @@ return (_ctx, _cache) => {
 
 script$x.__file = "src/lib/components/form-components/EmailInput.vue";
 
-const _hoisted_1$o = ["min", "max"];
+const _hoisted_1$n = ["min", "max"];
 
 
 var script$w = {
@@ -3150,7 +3152,7 @@ return (_ctx, _cache) => {
     onChange: modelValueUpdated,
     onKeydown: modelValueUpdated,
     onUpdated: modelValueUpdated
-  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1$o)), [
+  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1$n)), [
     [vModelText, inputModel.value]
   ])
 }
@@ -3242,7 +3244,7 @@ return (_ctx, _cache) => {
 
 script$u.__file = "src/lib/components/form-components/TextAreaInput.vue";
 
-const _hoisted_1$n = ["value"];
+const _hoisted_1$m = ["value"];
 
 
 var script$t = {
@@ -3299,7 +3301,7 @@ return (_ctx, _cache) => {
       return (openBlock(), createElementBlock("option", {
         key: option.id,
         value: option.id
-      }, toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$n))
+      }, toDisplayString(option.name), 9 /* TEXT, PROPS */, _hoisted_1$m))
     }), 128 /* KEYED_FRAGMENT */))
   ], 544 /* NEED_HYDRATION, NEED_PATCH */)), [
     [vModelSelect, inputModel.value]
@@ -3389,7 +3391,7 @@ return (_ctx, _cache) => {
 
 script$r.__file = "src/lib/components/form-components/DateInput.vue";
 
-const _hoisted_1$m = ["name", "onUpdate:modelValue"];
+const _hoisted_1$l = ["name", "onUpdate:modelValue"];
 const _hoisted_2$f = ["innerHTML"];
 const _hoisted_3$c = {
   key: 0,
@@ -3674,7 +3676,7 @@ return (_ctx, _cache) => {
               type: "hidden",
               name: field.field,
               "onUpdate:modelValue": $event => ((formFields.value[index].value) = $event)
-            }, null, 8 /* PROPS */, _hoisted_1$m)), [
+            }, null, 8 /* PROPS */, _hoisted_1$l)), [
               [vModelText, formFields.value[index].value]
             ])
           : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -3756,7 +3758,7 @@ return (_ctx, _cache) => {
 
 script$q.__file = "src/lib/components/ShAutoForm.vue";
 
-const _hoisted_1$l = ["id", "data-bs-backdrop"];
+const _hoisted_1$k = ["id", "data-bs-backdrop"];
 const _hoisted_2$e = { class: "modal-content" };
 const _hoisted_3$b = { class: "modal-header" };
 const _hoisted_4$b = { class: "modal-title flex-fill" };
@@ -3839,7 +3841,7 @@ return (_ctx, _cache) => {
         ])
       ])
     ], 2 /* CLASS */)
-  ], 8 /* PROPS */, _hoisted_1$l))
+  ], 8 /* PROPS */, _hoisted_1$k))
 }
 }
 
@@ -3847,7 +3849,7 @@ return (_ctx, _cache) => {
 
 script$p.__file = "src/lib/components/ShModal.vue";
 
-const _hoisted_1$k = { class: "dropdown sh-dropdown-form" };
+const _hoisted_1$j = { class: "dropdown sh-dropdown-form" };
 
 var script$o = {
   __name: 'ShDropDownForm',
@@ -3899,7 +3901,7 @@ const dropdownId = 'dropdown' + (Math.random() + 1).toString(36).substring(2);
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
     _cache[0] || (_cache[0] = createElementVNode("h5", { class: "d-none" }, "To prevent default class", -1 /* CACHED */)),
-    createElementVNode("div", _hoisted_1$k, [
+    createElementVNode("div", _hoisted_1$j, [
       createElementVNode("a", {
         class: normalizeClass(unref(btnClass)),
         href: "#",
@@ -3932,7 +3934,7 @@ return (_ctx, _cache) => {
 
 script$o.__file = "src/lib/components/ShDropDownForm.vue";
 
-const _hoisted_1$j = ["href"];
+const _hoisted_1$i = ["href"];
 
 var script$n = {
   __name: 'ShModalForm',
@@ -3981,9 +3983,6 @@ const formError = (res)=>{
   emit('formError',res);
 };
 
-const emitClick = ()=>{
-  emit('click');
-};
 
 
 const allProps = ref({});
@@ -3998,15 +3997,12 @@ const cleanedProp = computed(()=>{
 });
 
 return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock(Fragment, null, [
-    createElementVNode("a", {
-      class: normalizeClass(unref(btnClass)),
-      href: '#' + unref(realModalId),
-      "data-bs-toggle": "modal",
-      onClick: emitClick
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$j),
+  return (openBlock(), createElementBlock("a", {
+    class: normalizeClass(unref(btnClass)),
+    href: '#' + unref(realModalId),
+    "data-bs-toggle": "modal"
+  }, [
+    renderSlot(_ctx.$slots, "default"),
     (openBlock(), createBlock(Teleport, { to: "body" }, [
       createVNode(script$p, {
         "modal-size": __props.modalSize,
@@ -4027,7 +4023,7 @@ return (_ctx, _cache) => {
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["modal-size", "modal-id", "modal-title"])
     ]))
-  ], 64 /* STABLE_FRAGMENT */))
+  ], 10 /* CLASS, PROPS */, _hoisted_1$i))
 }
 }
 
@@ -4035,59 +4031,18 @@ return (_ctx, _cache) => {
 
 script$n.__file = "src/lib/components/ShModalForm.vue";
 
-const _hoisted_1$i = ["href"];
-
 var script$m = {
   __name: 'ShModalFormAuto',
-  props: ['action',
-  'classes',
-  'hasTerms',
-  'country_code',
-  'submitBtnClass',
-  'fields',
-  'columns', 'placeholders', 'field_permissions', 'retainDataAfterSubmission',
-  'modalSize',
-  'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
-  'failedCallback', 'labels', 'editors',
-  'datePickers',
-  'textAreas',
-  'files',
-  'phones',
-  'numbers',
-  'customComponent','modalTitle','class','successMessage'],
-  emits: ['success'],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
 
-const props = __props;
-const emit = __emit;
-const formProps = ref(props);
-let btnClass=props.class;
-const modalId = 'rand' + (Math.random() + 1).toString(36).substring(2);
-const success = (res)=>{
-  emit('success',res);
-};
-delete formProps.class;
 
 return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock(Fragment, null, [
-    createElementVNode("a", {
-      class: normalizeClass(unref(btnClass)),
-      href: '#' + modalId,
-      "data-bs-toggle": "modal"
-    }, [
+  return (openBlock(), createBlock(ShModalForm, null, {
+    default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
-    ], 10 /* CLASS, PROPS */, _hoisted_1$i),
-    createVNode(script$p, {
-      "modal-id": modalId,
-      "modal-title": __props.modalTitle,
-      "modal-size": __props.modalSize
-    }, {
-      default: withCtx(() => [
-        createVNode(script$q, mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
-      ]),
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["modal-title", "modal-size"])
-  ], 64 /* STABLE_FRAGMENT */))
+    ]),
+    _: 3 /* FORWARDED */
+  }))
 }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "5.5.6",
+  "version": "5.5.8",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",