@iankibetsh/shframework 2.0.5 → 2.0.7

package/dist/library.js

@@ -2969,7 +2969,7 @@ vue.onMounted(()=>{
   if(props.data){
     selectOptions.value = props.data.map(item=>{
       return {
-        id: item.id ? item.id : item.key ? item.key : item.value ? item.value:item.name ? item.name:item.label,
+        id: typeof item.id !== 'undefined' ? item.id : item.key ? item.key : item.value ? item.value:item.name ? item.name:item.label,
         name: item.label ? item.label : item.name ? item.name : item.value ? item.value:item.id ? item.id:item.option
       }
     });
@@ -3082,7 +3082,7 @@ var script$l = {
     'emails',
     'phones','numbers','selects','dates','gqlMutation'
 ],
-  emits: ['success'],
+  emits: ['success','fieldChanged','formSubmitted','formError'],
   setup(__props, { emit }) {
 
 const props = __props;
@@ -3156,7 +3156,10 @@ const getComponentClass = field => validationErrors.value[field] ? getElementCla
 const getHelperText = field => (props.helperTexts && props.helperTexts[field]) ? props.helperTexts[field]:false;
 const getElementClass = section => (props.formClasses && props.formClasses[section]) ? props.formClasses[section]:shFormElementClasses.value[section] ?? ___default["default"].snakeCase(section).replace(/_/gi,'-');
 const getPlaceholder = field => (props.placeHolders && props.placeHolders[field]) && props.placeHolders[field];
-const removeValidationError = field => delete validationErrors.value[field];
+const fieldChanged = field => {
+    delete validationErrors.value[field];
+    emit('fieldChanged', field, formFields.value.filter(f=>f.field === field)[0].value);
+};
 const getComponentProps = field => {
   const newField = {...field};
   delete newField.component;
@@ -3305,8 +3308,8 @@ return (_ctx, _cache) => {
                   : vue.createCommentVNode("v-if", true),
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getFieldComponent(field)), vue.mergeProps(getComponentProps(field), {
                   isInvalid: typeof validationErrors.value[field.field] !== 'undefined',
-                  onClick: $event => (removeValidationError(field.field)),
-                  "onUpdate:modelValue": [$event => (removeValidationError(field.field)), $event => ((formFields.value[index].value) = $event)],
+                  onClick: $event => (fieldChanged(field.field)),
+                  "onUpdate:modelValue": [$event => (fieldChanged(field.field)), $event => ((formFields.value[index].value) = $event)],
                   modelValue: formFields.value[index].value,
                   class: getComponentClass(field.field)
                 }), null, 16 /* FULL_PROPS */, ["isInvalid", "onClick", "onUpdate:modelValue", "modelValue", "class"])),
@@ -3433,19 +3436,28 @@ const _hoisted_5$6 = /*#__PURE__*/vue.createElementVNode("button", {
 const _hoisted_6$5 = { class: "modal-body" };
 const _hoisted_7$4 = { class: "section" };
 
+
 var script$j = {
   __name: 'ShModal',
   props: {
-  modalId: {
-    required: true,
-    type: String
-  },
-  modalTitle: {
-    type: String
-  },
-  modalSize: {
-    type: String
-  }
+    modalId: {
+        required: true,
+        type: String
+    },
+    modalTitle: {
+        type: String
+    },
+    modalSize: {
+        type: String
+    },
+    Static: {
+        type: Boolean,
+        default: false
+    },
+    bsKeyboard: {
+        type: Boolean,
+        default: true
+    }
 },
   emits: ['modalClosed'],
   setup(__props, { emit }) {
@@ -3454,11 +3466,11 @@ const props = __props;
 
 
 
-vue.onMounted(()=>{
-  const modal = document.getElementById(props.modalId);
-  modal.addEventListener('hidden.bs.modal', event => {
-    event.target.id == props.modalId && emit('modalClosed');
-  });
+vue.onMounted(() => {
+    const modal = document.getElementById(props.modalId);
+    modal.addEventListener('hidden.bs.modal', event => {
+        event.target.id == props.modalId && emit('modalClosed');
+    });
 });
 
 return (_ctx, _cache) => {
@@ -5879,7 +5891,9 @@ return (_ctx, _cache) => {
           key: 0,
           "modal-title": title.value,
           "modal-id": vue.unref(modalId),
-          "modal-size": size.value
+          "modal-size": size.value,
+          "data-bs-backdrop": "static",
+          "data-bs-keyboard": "false"
         }, {
           default: vue.withCtx(() => [
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(componentView.value)))
@@ -6023,6 +6037,8 @@ return (_ctx, _cache) => {
       ? (vue.openBlock(), vue.createBlock(script$j, {
           key: 0,
           "modal-title": title.value,
+          "data-bs-backdrop": "static",
+          "data-bs-keyboard": "false",
           "modal-id": vue.unref(modalId),
           "modal-size": size.value
         }, {

package/dist/library.mjs

@@ -2957,7 +2957,7 @@ onMounted(()=>{
   if(props.data){
     selectOptions.value = props.data.map(item=>{
       return {
-        id: item.id ? item.id : item.key ? item.key : item.value ? item.value:item.name ? item.name:item.label,
+        id: typeof item.id !== 'undefined' ? item.id : item.key ? item.key : item.value ? item.value:item.name ? item.name:item.label,
         name: item.label ? item.label : item.name ? item.name : item.value ? item.value:item.id ? item.id:item.option
       }
     });
@@ -3070,7 +3070,7 @@ var script$l = {
     'emails',
     'phones','numbers','selects','dates','gqlMutation'
 ],
-  emits: ['success'],
+  emits: ['success','fieldChanged','formSubmitted','formError'],
   setup(__props, { emit }) {
 
 const props = __props;
@@ -3144,7 +3144,10 @@ const getComponentClass = field => validationErrors.value[field] ? getElementCla
 const getHelperText = field => (props.helperTexts && props.helperTexts[field]) ? props.helperTexts[field]:false;
 const getElementClass = section => (props.formClasses && props.formClasses[section]) ? props.formClasses[section]:shFormElementClasses.value[section] ?? _.snakeCase(section).replace(/_/gi,'-');
 const getPlaceholder = field => (props.placeHolders && props.placeHolders[field]) && props.placeHolders[field];
-const removeValidationError = field => delete validationErrors.value[field];
+const fieldChanged = field => {
+    delete validationErrors.value[field];
+    emit('fieldChanged', field, formFields.value.filter(f=>f.field === field)[0].value);
+};
 const getComponentProps = field => {
   const newField = {...field};
   delete newField.component;
@@ -3293,8 +3296,8 @@ return (_ctx, _cache) => {
                   : createCommentVNode("v-if", true),
                 (openBlock(), createBlock(resolveDynamicComponent(getFieldComponent(field)), mergeProps(getComponentProps(field), {
                   isInvalid: typeof validationErrors.value[field.field] !== 'undefined',
-                  onClick: $event => (removeValidationError(field.field)),
-                  "onUpdate:modelValue": [$event => (removeValidationError(field.field)), $event => ((formFields.value[index].value) = $event)],
+                  onClick: $event => (fieldChanged(field.field)),
+                  "onUpdate:modelValue": [$event => (fieldChanged(field.field)), $event => ((formFields.value[index].value) = $event)],
                   modelValue: formFields.value[index].value,
                   class: getComponentClass(field.field)
                 }), null, 16 /* FULL_PROPS */, ["isInvalid", "onClick", "onUpdate:modelValue", "modelValue", "class"])),
@@ -3421,19 +3424,28 @@ const _hoisted_5$6 = /*#__PURE__*/createElementVNode("button", {
 const _hoisted_6$5 = { class: "modal-body" };
 const _hoisted_7$4 = { class: "section" };
 
+
 var script$j = {
   __name: 'ShModal',
   props: {
-  modalId: {
-    required: true,
-    type: String
-  },
-  modalTitle: {
-    type: String
-  },
-  modalSize: {
-    type: String
-  }
+    modalId: {
+        required: true,
+        type: String
+    },
+    modalTitle: {
+        type: String
+    },
+    modalSize: {
+        type: String
+    },
+    Static: {
+        type: Boolean,
+        default: false
+    },
+    bsKeyboard: {
+        type: Boolean,
+        default: true
+    }
 },
   emits: ['modalClosed'],
   setup(__props, { emit }) {
@@ -3442,11 +3454,11 @@ const props = __props;
 
 
 
-onMounted(()=>{
-  const modal = document.getElementById(props.modalId);
-  modal.addEventListener('hidden.bs.modal', event => {
-    event.target.id == props.modalId && emit('modalClosed');
-  });
+onMounted(() => {
+    const modal = document.getElementById(props.modalId);
+    modal.addEventListener('hidden.bs.modal', event => {
+        event.target.id == props.modalId && emit('modalClosed');
+    });
 });
 
 return (_ctx, _cache) => {
@@ -5867,7 +5879,9 @@ return (_ctx, _cache) => {
           key: 0,
           "modal-title": title.value,
           "modal-id": unref(modalId),
-          "modal-size": size.value
+          "modal-size": size.value,
+          "data-bs-backdrop": "static",
+          "data-bs-keyboard": "false"
         }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(componentView.value)))
@@ -6011,6 +6025,8 @@ return (_ctx, _cache) => {
       ? (openBlock(), createBlock(script$j, {
           key: 0,
           "modal-title": title.value,
+          "data-bs-backdrop": "static",
+          "data-bs-keyboard": "false",
           "modal-id": unref(modalId),
           "modal-size": size.value
         }, {

package/package.json

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