@iankibetsh/shframework 5.1.7 → 5.1.9

package/dist/library.js

@@ -3383,7 +3383,7 @@ var script$q = {
   'action', 'successCallback', 'retainDataAfterSubmission',
   'successMessage', 'fields', 'customComponents', 'placeHolders',
   'formClasses',
-  'helperTexts', 'labels', 'data',
+  'helperTexts', 'labels', 'data','preSubmitCallback',
   'fillSelects',
   'formClass',
   'actionLabel',
@@ -3486,7 +3486,7 @@ const fieldChanged = field => {
     emit('fieldChanged', field, formFields.value.filter(f => f.field === field)[0].value, data);
   }, 300);
 };
-const getComponentProps = field => {
+const getComponentProps =  (field) => {
   const newField = {...field};
   delete newField.component;
   delete newField.value;
@@ -3497,7 +3497,7 @@ const loading = vue.ref(false);
 const submitBtn = vue.ref(false);
 const validationErrors = vue.ref({});
 const formError = vue.ref(null);
-const submitForm = e => {
+const submitForm = async  (e) => {
   submitBtnWidth.value = submitBtn.value.getBoundingClientRect().width + 'px !important';
   validationErrors.value = {};
   e.preventDefault();
@@ -3506,6 +3506,13 @@ const submitForm = e => {
   formFields.value.map(field => {
     data[field.field] = field.value;
   });
+  if (props.preSubmitCallback) {
+    const callbackkRes =  await props.preSubmitCallback(data);
+    if (callbackkRes !== true) {
+      loading.value = false;
+      return false
+    }
+  }
   if (props.gqlMutation) {
     let args = `(`;
     let selectFields = Object.keys(data);
@@ -3520,6 +3527,7 @@ const submitForm = e => {
       args = '';
     }
     emit('preSubmit', data);
+
     const mutation = `{\n${props.gqlMutation} ${args} {\n${selectFields.join(`\n`)}\n}\n}`;
     shApis.graphQlMutate(mutation).then(res => handleSuccessRequest(res)).catch(reason => handlefailedRequest(reason));
   } else {
@@ -4532,7 +4540,7 @@ return (_ctx, _cache) => {
                       ? (vue.openBlock(), vue.createElementBlock("button", {
                           key: 3,
                           title: __props.action.title,
-                          class: vue.normalizeClass(__props.action.class ? __props.action.class:'btn btn-default ' + __props.actionClass),
+                          class: vue.normalizeClass(__props.action.class ? __props.action.class+' btn':'btn btn-default ' + __props.actionClass),
                           onClick: _cache[6] || (_cache[6] = $event => (doEmitAction(__props.action.emits, __props.record)))
                         }, [
                           (__props.action.icon)

package/dist/library.mjs

@@ -3371,7 +3371,7 @@ var script$q = {
   'action', 'successCallback', 'retainDataAfterSubmission',
   'successMessage', 'fields', 'customComponents', 'placeHolders',
   'formClasses',
-  'helperTexts', 'labels', 'data',
+  'helperTexts', 'labels', 'data','preSubmitCallback',
   'fillSelects',
   'formClass',
   'actionLabel',
@@ -3474,7 +3474,7 @@ const fieldChanged = field => {
     emit('fieldChanged', field, formFields.value.filter(f => f.field === field)[0].value, data);
   }, 300);
 };
-const getComponentProps = field => {
+const getComponentProps =  (field) => {
   const newField = {...field};
   delete newField.component;
   delete newField.value;
@@ -3485,7 +3485,7 @@ const loading = ref(false);
 const submitBtn = ref(false);
 const validationErrors = ref({});
 const formError = ref(null);
-const submitForm = e => {
+const submitForm = async  (e) => {
   submitBtnWidth.value = submitBtn.value.getBoundingClientRect().width + 'px !important';
   validationErrors.value = {};
   e.preventDefault();
@@ -3494,6 +3494,13 @@ const submitForm = e => {
   formFields.value.map(field => {
     data[field.field] = field.value;
   });
+  if (props.preSubmitCallback) {
+    const callbackkRes =  await props.preSubmitCallback(data);
+    if (callbackkRes !== true) {
+      loading.value = false;
+      return false
+    }
+  }
   if (props.gqlMutation) {
     let args = `(`;
     let selectFields = Object.keys(data);
@@ -3508,6 +3515,7 @@ const submitForm = e => {
       args = '';
     }
     emit('preSubmit', data);
+
     const mutation = `{\n${props.gqlMutation} ${args} {\n${selectFields.join(`\n`)}\n}\n}`;
     shApis.graphQlMutate(mutation).then(res => handleSuccessRequest(res)).catch(reason => handlefailedRequest(reason));
   } else {
@@ -4520,7 +4528,7 @@ return (_ctx, _cache) => {
                       ? (openBlock(), createElementBlock("button", {
                           key: 3,
                           title: __props.action.title,
-                          class: normalizeClass(__props.action.class ? __props.action.class:'btn btn-default ' + __props.actionClass),
+                          class: normalizeClass(__props.action.class ? __props.action.class+' btn':'btn btn-default ' + __props.actionClass),
                           onClick: _cache[6] || (_cache[6] = $event => (doEmitAction(__props.action.emits, __props.record)))
                         }, [
                           (__props.action.icon)

package/package.json

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