impaktapps-ui-builder 0.0.347 → 0.0.350

package/dist/impaktapps-ui-builder.es.js

@@ -400,7 +400,7 @@ const PageMasterUiSchema = {
           variant: "contained",
           color: "info",
           type: "text",
-          onClick: "savePageHandler",
+          onClick: "saveHandler",
           size: "small"
         },
         style: {
@@ -6372,7 +6372,7 @@ const componentBasicUiSchema = {
           variant: "contained",
           color: "info",
           type: "text",
-          onClick: "savePageHandler",
+          onClick: "saveHandler",
           size: "small"
         },
         style: {
@@ -6391,97 +6391,6 @@ const componentBasicUiSchema = {
     }
   ]
 };
-var buildConfig = (FormData) => {
-  const formData = _.cloneDeep(FormData);
-  let component = {};
-  if (formData.pageName) {
-    delete formData.pageName;
-  }
-  if (formData.eventsSelected) {
-    delete formData.eventsSelected;
-  }
-  if (formData.type === "Table" || formData.type === "WrapperSection" || formData.type === "TabSection") {
-    component.elements = formData.elements || [];
-    if (formData.elements) {
-      delete formData.elements;
-    }
-  }
-  component.events = formData.events || [];
-  if (formData.events) {
-    delete formData.events;
-  }
-  component = { ...formData, ...component };
-  return component;
-};
-const createLayoutFormat = (config) => {
-  if (_.isEmpty(config)) {
-    return {
-      xs: 11,
-      sm: 11,
-      md: 5.5,
-      lg: 5.5
-    };
-  }
-  let data2 = {};
-  config.map((e) => {
-    data2[e.key || "xs"] = +e.value || 5.5;
-  });
-  return data2;
-};
-const flatObjectValueInArray = (config) => {
-  const keyName = Object.keys(config[0])[0];
-  const data2 = config.map((e) => {
-    return e[keyName];
-  });
-  return data2;
-};
-const getNavigationHistory = (config, path) => {
-  if (path) {
-    let urlRoutes = config.name;
-    const pathArrayAll = path.split(".");
-    const arr = [];
-    pathArrayAll.map((e, i) => {
-      if (i === 0) {
-        arr.push(e);
-        return;
-      }
-      arr.push(`${arr[i - 1]}.${e}`);
-    });
-    arr.map((e) => {
-      const data2 = _.get(config, e);
-      if (data2) {
-        urlRoutes = urlRoutes + ` >    ${(data2 == null ? void 0 : data2.name) || (data2 == null ? void 0 : data2.eventType)}`;
-      } else {
-        urlRoutes = urlRoutes + " > NewComponent";
-      }
-    });
-    return { pageName: urlRoutes };
-  }
-  return void 0;
-};
-const saveFormdataInLocalStorage = (formData, path) => {
-  let updatedFormdata;
-  if (path) {
-    const pageFormdata = getFormdataFromLocalStorage();
-    updatedFormdata = _.set(pageFormdata, path, buildConfig(formData));
-  } else {
-    updatedFormdata = buildConfig(formData);
-  }
-  localStorage.setItem("pageFormdata", JSON.stringify(updatedFormdata));
-  return updatedFormdata;
-};
-const getFormdataFromLocalStorage = (path) => {
-  const pageFormdata = localStorage.getItem("pageFormdata") ? JSON.parse(localStorage.getItem("pageFormdata")) : void 0;
-  let returnValue;
-  if (path) {
-    returnValue = _.get(pageFormdata, path);
-    returnValue = { ...returnValue, ...getNavigationHistory(pageFormdata, path) };
-  }
-  if (!returnValue) {
-    returnValue = getNavigationHistory(pageFormdata, path);
-  }
-  return returnValue || pageFormdata;
-};
 const CoreSection = {
   type: "HorizontalLayout",
   elements: [
@@ -7249,6 +7158,150 @@ const ValidationSection = {
     }
   ]
 };
+var buildConfig = (FormData) => {
+  const formData = _.cloneDeep(FormData);
+  let component = {};
+  if (formData.pageName) {
+    delete formData.pageName;
+  }
+  if (formData.eventsSelected) {
+    delete formData.eventsSelected;
+  }
+  if (formData.type === "Table" || formData.type === "WrapperSection" || formData.type === "TabSection") {
+    component.elements = formData.elements || [];
+    if (formData.elements) {
+      delete formData.elements;
+    }
+  }
+  component.events = formData.events || [];
+  if (formData.events) {
+    delete formData.events;
+  }
+  component = { ...formData, ...component };
+  return component;
+};
+const createLayoutFormat = (config) => {
+  if (_.isEmpty(config)) {
+    return {
+      xs: 11,
+      sm: 11,
+      md: 5.5,
+      lg: 5.5
+    };
+  }
+  let data2 = {};
+  config.map((e) => {
+    data2[e.key || "xs"] = +e.value || 5.5;
+  });
+  return data2;
+};
+const flatObjectValueInArray = (config) => {
+  const keyName = Object.keys(config[0])[0];
+  const data2 = config.map((e) => {
+    return e[keyName];
+  });
+  return data2;
+};
+const clearFromLocalStorage = () => {
+  localStorage.removeItem("pageFormdata");
+};
+const getNavigationHistory = (config, path) => {
+  if (path) {
+    let urlRoutes = config.name;
+    const pathArrayAll = path.split(".");
+    const arr = [];
+    pathArrayAll.map((e, i) => {
+      if (i === 0) {
+        arr.push(e);
+        return;
+      }
+      arr.push(`${arr[i - 1]}.${e}`);
+    });
+    arr.map((e) => {
+      const data2 = _.get(config, e);
+      if (data2) {
+        urlRoutes = urlRoutes + ` >    ${(data2 == null ? void 0 : data2.name) || (data2 == null ? void 0 : data2.eventType)}`;
+      } else {
+        urlRoutes = urlRoutes + " > NewComponent";
+      }
+    });
+    return { pageName: urlRoutes };
+  }
+  return void 0;
+};
+const saveFormdataInLocalStorage = (formData, path) => {
+  let updatedFormdata;
+  if (path) {
+    const pageFormdata = getFormdataFromLocalStorage();
+    updatedFormdata = _.set(pageFormdata, path, buildConfig(formData));
+  } else {
+    updatedFormdata = buildConfig(formData);
+  }
+  localStorage.setItem("pageFormdata", JSON.stringify(updatedFormdata));
+  return updatedFormdata;
+};
+const getFormdataFromLocalStorage = (path) => {
+  const pageFormdata = localStorage.getItem("pageFormdata") ? JSON.parse(localStorage.getItem("pageFormdata")) : void 0;
+  let returnValue;
+  if (path) {
+    returnValue = _.get(pageFormdata, path);
+    returnValue = { ...returnValue, ...getNavigationHistory(pageFormdata, path) };
+  }
+  if (!returnValue) {
+    returnValue = getNavigationHistory(pageFormdata, path);
+  }
+  return returnValue || pageFormdata;
+};
+async function saveHandler(store2, service2, submitHandler, pageName) {
+  var _a, _b;
+  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
+  const path = (_b = store2.searchParams) == null ? void 0 : _b.get("path");
+  saveFormdataInLocalStorage(store2.ctx.core.data, path);
+  const config = JSON.parse(localStorage.getItem("pageFormdata"));
+  if (_.isEmpty(store2.ctx.core.errors)) {
+    try {
+      const saveReturn = await submitHandler(store2, service2, config);
+      navigateHandler(store2, true, pageName ? `/${pageName}?id=${id}` : pageName);
+    } catch (err) {
+      navigateHandler(store2, false);
+    }
+  }
+}
+const navigateHandler = (store2, isSubmitted, pageName) => {
+  if (isSubmitted) {
+    localStorage.removeItem("pageFormdata");
+    store2.navigate(pageName || -1);
+    store2.setNotify({
+      SuccessMessage: "Submit Successfully",
+      Success: true
+    });
+  } else {
+    store2.setValidation("ValidateAndShow");
+    store2.setNotify({
+      Fail: true,
+      FailMessage: "Errors on Page"
+    });
+  }
+};
+function okHandler(store2) {
+  var _a;
+  const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
+  console.log(store2.ctx.core.errors);
+  if (_.isEmpty(store2.ctx.core.errors)) {
+    saveFormdataInLocalStorage(store2.ctx.core.data, path);
+    store2.navigate(-1);
+    store2.setNotify({
+      SuccessMessage: "Save Successfully",
+      Success: true
+    });
+  } else {
+    store2.setValidation("ValidateAndShow");
+    store2.setNotify({
+      Fail: true,
+      FailMessage: "Errors on Page"
+    });
+  }
+}
 const sectionLabels = {
   Select: ["Core", "Properties", "Value", "style", "Event", "Validation"],
   MultipleSelect: ["Core", "Properties", "Value", "style", "Event", "Validation"],
@@ -7311,34 +7364,8 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
     getSchema: function() {
       return ComponentSchema;
     },
-    okHandler: function() {
-      var _a;
-      const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      console.log(store2.ctx.core.errors);
-      if (_.isEmpty(store2.ctx.core.errors)) {
-        saveFormdataInLocalStorage(store2.ctx.core.data, path);
-        store2.navigate(-1);
-        store2.setNotify({
-          SuccessMessage: "Save Successfully",
-          Success: true
-        });
-      } else {
-        store2.setValidation("ValidateAndShow");
-        store2.setNotify({
-          Fail: true,
-          FailMessage: "Errors on Page"
-        });
-      }
-    },
-    savePageHandler: async () => {
-      var _a, _b;
-      const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
-      const path = (_b = store2.searchParams) == null ? void 0 : _b.get("path");
-      saveFormdataInLocalStorage(store2.ctx.core.data, path);
-      const config = JSON.parse(localStorage.getItem("pageFormdata"));
-      const isSubmitted = await saveHandler(store2, service2, submitHandler, config);
-      navigation(store2, isSubmitted, `/PageMaster?id=${id}`);
-    },
+    okHandler: () => okHandler(store2),
+    saveHandler: async () => await saveHandler(store2, service2, submitHandler, "PageMaster"),
     onChange: function() {
       var _a, _b, _c, _d;
       if (((_a = store2 == null ? void 0 : store2.formData) == null ? void 0 : _a.type) !== ((_b = store2 == null ? void 0 : store2.newData) == null ? void 0 : _b.type) && ((_c = store2 == null ? void 0 : store2.newData) == null ? void 0 : _c.type) !== void 0) {
@@ -7415,34 +7442,6 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
     }
   };
 };
-async function saveHandler(store2, service2, submitHandler, config) {
-  let isTrue = false;
-  if (_.isEmpty(store2.ctx.core.errors)) {
-    try {
-      const saveReturn = await submitHandler(store2, service2, config);
-      isTrue = true;
-    } catch (err) {
-      isTrue = false;
-    }
-  }
-  return isTrue;
-}
-const navigation = (store2, isSubmitted, pageName) => {
-  if (isSubmitted) {
-    localStorage.removeItem("pageFormdata");
-    store2.navigate(pageName || -1);
-    store2.setNotify({
-      SuccessMessage: "Submit Successfully",
-      Success: true
-    });
-  } else {
-    store2.setValidation("ValidateAndShow");
-    store2.setNotify({
-      Fail: true,
-      FailMessage: "Errors on Page"
-    });
-  }
-};
 var pageMaster = (funcParams) => {
   const { store: store2, dynamicData: dynamicData2, config, submitHandler, service: service2 } = funcParams;
   return {
@@ -7485,12 +7484,7 @@ var pageMaster = (funcParams) => {
         `/Component?path=${`elements[${response2 == null ? void 0 : response2.elements.length}]`}&id=${id}`
       );
     },
-    savePageHandler: async () => {
-      saveFormdataInLocalStorage(store2.ctx.core.data);
-      const config2 = JSON.parse(localStorage.getItem("pageFormdata"));
-      const isSubmitted = await saveHandler(store2, service2, submitHandler, config2);
-      navigation(store2, isSubmitted);
-    },
+    saveHandler: async () => await saveHandler(store2, service2, submitHandler, "/PageMasterRecords"),
     Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
     Delete_Components: Component(store2, dynamicData2, submitHandler, service2).deleteComponents,
     eventAddHandler: function() {
@@ -7880,7 +7874,7 @@ const EventUiSchema = {
           variant: "contained",
           color: "info",
           type: "text",
-          onClick: "savePageHandler",
+          onClick: "saveHandler",
           size: "small"
         },
         style: {
@@ -8124,22 +8118,14 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
     getSchema: () => {
       return EventSchema;
     },
-    savePageHandler: async () => {
-      var _a, _b;
-      const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
-      const path = (_b = store2.searchParams) == null ? void 0 : _b.get("path");
-      saveFormdataInLocalStorage(store2.ctx.core.data, path);
-      const config = JSON.parse(localStorage.getItem("pageFormdata"));
-      const isSubmitted = await saveHandler(store2, service2, submitHandler, config);
-      navigation(store2, isSubmitted, `/PageMaster?id=${id}`);
-    },
+    okHandler: () => okHandler(store2),
+    saveHandler: async () => await saveHandler(store2, service2, submitHandler, "PageMaster"),
     onChange: function() {
       var _a, _b, _c;
       if (((_a = store2 == null ? void 0 : store2.formData) == null ? void 0 : _a.Handler) !== ((_b = store2 == null ? void 0 : store2.newData) == null ? void 0 : _b.Handler) && ((_c = store2 == null ? void 0 : store2.newData) == null ? void 0 : _c.Handler) !== void 0) {
         this.refreshPage(store2.newData.Handler || store2.formdata.Handler, store2);
       }
     },
-    okHandler: Component(store2, dynamicData2, submitHandler, service2).okHandler,
     addEvent: function() {
       var _a, _b, _c;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
@@ -10533,8 +10519,5 @@ const buildUiSchema = (config) => {
   }
   return elements;
 };
-var clearLocalStorage = () => {
-  localStorage.removeItem("pageFormdata");
-};
-export { buildConfig, buildSchema, buildUiSchema, clearLocalStorage as clearPreviousCache, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
+export { buildConfig, buildSchema, buildUiSchema, clearFromLocalStorage, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
 //# sourceMappingURL=impaktapps-ui-builder.es.js.map