impaktapps-ui-builder 0.0.592-alpha.1 → 0.0.592-alpha.11

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

@@ -6346,7 +6346,8 @@ const ComponentSchema = {
         { title: "Stack Bar Graph", const: "StackBarGraph" },
         { title: "Line Graph", const: "LineGraph" },
         { title: "Pie Graph", const: "PieGraph" },
-        { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" }
+        { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" },
+        { title: "Stack Horizontal Bar Graph", const: "HorizontalStackBarGraph" }
       ]
     },
     iconName: {
@@ -7450,6 +7451,15 @@ const buildPropertiesSection = function(type) {
       ];
       break;
     case "ProgressBar":
+      uiSchema.elements = [
+        getInputField("heading", "Heading"),
+        getInputField("bottomLabel_1", "First BottomLabel"),
+        getInputField("bottomLabel_2", "Second BottomLabel"),
+        getInputField("bottomLabel_3", "Third BottomLabel"),
+        emptyBox$1("ProgressBarCardEmpty1"),
+        emptyBox$1("ProgressBarCardEmpty2")
+      ];
+      break;
     case "ProgressBarCard":
       uiSchema.elements = [
         getInputField("heading", "Heading"),
@@ -7846,8 +7856,8 @@ const flatObjectValueInArray = (config = []) => {
   });
   return data;
 };
-const clearFromLocalStorage = () => {
-  localStorage.removeItem("pageFormdata");
+const clearFromSessionStorage = () => {
+  sessionStorage.removeItem("pageFormdata");
 };
 const getNavigationHistory = (config, path) => {
   if (path) {
@@ -7873,19 +7883,19 @@ const getNavigationHistory = (config, path) => {
   }
   return void 0;
 };
-const saveFormdataInLocalStorage = (formData, path) => {
+const saveFormdataInSessionStorage = (formData, path) => {
   let updatedFormdata;
   if (path) {
-    const pageFormdata = getFormdataFromLocalStorage();
+    const pageFormdata = getFormdataFromSessionStorage();
     updatedFormdata = _.set(pageFormdata, path, buildConfig(formData));
   } else {
     updatedFormdata = buildConfig(formData);
   }
-  localStorage.setItem("pageFormdata", JSON.stringify(updatedFormdata));
+  sessionStorage.setItem("pageFormdata", JSON.stringify(updatedFormdata));
   return updatedFormdata;
 };
-const getFormdataFromLocalStorage = (path) => {
-  const pageFormdata = localStorage.getItem("pageFormdata") ? JSON.parse(localStorage.getItem("pageFormdata")) : void 0;
+const getFormdataFromSessionStorage = (path) => {
+  const pageFormdata = sessionStorage.getItem("pageFormdata") ? JSON.parse(sessionStorage.getItem("pageFormdata")) : void 0;
   let returnValue;
   if (path) {
     returnValue = _.get(pageFormdata, path);
@@ -7900,8 +7910,8 @@ async function saveHandler(store2, service2, submitHandler, pageName) {
   var _a, _b;
   (_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"));
+  saveFormdataInSessionStorage(store2.ctx.core.data, path);
+  const config = JSON.parse(sessionStorage.getItem("pageFormdata"));
   if (_.isEmpty(store2.ctx.core.errors)) {
     try {
       const saveReturn = await submitHandler(store2, service2, config);
@@ -7913,7 +7923,7 @@ async function saveHandler(store2, service2, submitHandler, pageName) {
 }
 const navigateHandler = (store2, isSubmitted, pageName) => {
   if (isSubmitted) {
-    localStorage.removeItem("pageFormdata");
+    sessionStorage.removeItem("pageFormdata");
     store2.navigate(pageName || -1);
     store2.setNotify({
       SuccessMessage: "Submit Successfully",
@@ -7931,7 +7941,7 @@ function okHandler(store2) {
   var _a;
   const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
   if (_.isEmpty(store2.ctx.core.errors)) {
-    saveFormdataInLocalStorage(store2.ctx.core.data, path);
+    saveFormdataInSessionStorage(store2.ctx.core.data, path);
     store2.navigate(-1);
     store2.setNotify({
       SuccessMessage: "Save Successfully",
@@ -8008,7 +8018,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
     getFormdata: function() {
       var _a;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      return getFormdataFromLocalStorage(path);
+      return getFormdataFromSessionStorage(path);
     },
     getSchema: function() {
       return ComponentSchema;
@@ -8026,7 +8036,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       const rowId = dynamicData2.path.split(".")[1];
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       const id = (_b = store2.searchParams) == null ? void 0 : _b.get("id");
-      saveFormdataInLocalStorage(store2.ctx.core.data, path);
+      saveFormdataInSessionStorage(store2.ctx.core.data, path);
       if (path) {
         const path2 = (_c = store2.searchParams) == null ? void 0 : _c.get("path");
         const finalPath = `${path2}.elements[${rowId}]`;
@@ -8040,27 +8050,27 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
     deleteComponents: function(shouldUpdateDialog = true) {
       var _a;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      const rowId = localStorage.getItem("rowId");
+      const rowId = sessionStorage.getItem("rowId");
       store2.formData.elements.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store2.ctx.core.data, path);
+      const response = saveFormdataInSessionStorage(store2.ctx.core.data, path);
       const data = path ? _.get(response, path) : response;
       store2.setFormdata(data);
       if (shouldUpdateDialog) {
         store2.updateDialog("popUpComponentSection");
       }
-      localStorage.removeItem("rowId");
+      sessionStorage.removeItem("rowId");
     },
     deleteEvent: function(shouldUpdateDialog = true) {
       var _a;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      const rowId = localStorage.getItem("rowId");
+      const rowId = sessionStorage.getItem("rowId");
       store2.formData.events.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store2.ctx.core.data, path);
+      const response = saveFormdataInSessionStorage(store2.ctx.core.data, path);
       store2.setFormdata(_.get(response, path));
       if (shouldUpdateDialog) {
         store2.updateDialog("popUpEventSection");
       }
-      localStorage.removeItem("rowId");
+      sessionStorage.removeItem("rowId");
     },
     widgetAddClickHandler: function() {
       var _a;
@@ -8068,7 +8078,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
         store2.formData.elements = [];
       }
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      saveFormdataInLocalStorage(store2.ctx.core.data, path);
+      saveFormdataInSessionStorage(store2.ctx.core.data, path);
       const finalPath = `${path}.elements[${store2.formData.elements.length}]`;
       store2.searchParams.set("path", finalPath);
       store2.setSearchParams(store2.searchParams);
@@ -8079,7 +8089,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       const rowId = dynamicData2.path.split(".")[1];
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       const id = (_b = store2.searchParams) == null ? void 0 : _b.get("id");
-      saveFormdataInLocalStorage(store2.ctx.core.data, path);
+      saveFormdataInSessionStorage(store2.ctx.core.data, path);
       const finalPath = `${path}.events[${rowId}]`;
       store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
     },
@@ -8090,7 +8100,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       if (!Array.isArray(store2.formData.events)) {
         store2.formData.events = [];
       }
-      saveFormdataInLocalStorage(store2.ctx.core.data, path);
+      saveFormdataInSessionStorage(store2.ctx.core.data, path);
       const finalPath = `${path}.events[${store2.formData.events.length}]`;
       store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
     },
@@ -8099,12 +8109,12 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
     },
     deletePopUpComponent: function() {
       const rowId = dynamicData2.path.split(".")[1];
-      localStorage.setItem("rowId", rowId);
+      sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpComponentSection");
     },
     deletePopUpEvent: function() {
       const rowId = dynamicData2.path.split(".")[1];
-      localStorage.setItem("rowId", rowId);
+      sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpEventSection");
     }
   };
@@ -8124,11 +8134,11 @@ var pageMaster = (funcParams) => {
       var _a;
       const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
       const config = await funcParams.pageConfigProvider(id);
-      const formData = getFormdataFromLocalStorage();
+      const formData = getFormdataFromSessionStorage();
       if (formData) {
         return formData;
       }
-      saveFormdataInLocalStorage(config);
+      saveFormdataInSessionStorage(config);
       return config;
     },
     getUiSchema: function() {
@@ -8138,7 +8148,7 @@ var pageMaster = (funcParams) => {
       return PageMasterSchema;
     },
     backHandler: () => {
-      localStorage.removeItem("pageFormdata");
+      sessionStorage.removeItem("pageFormdata");
       store2.navigate("/PageMasterRecords");
     },
     onAddClickHandler: function() {
@@ -8147,7 +8157,7 @@ var pageMaster = (funcParams) => {
       if (!Array.isArray(store2.formData.elements)) {
         store2.formData.elements = [];
       }
-      const response = saveFormdataInLocalStorage(store2.ctx.core.data);
+      const response = saveFormdataInSessionStorage(store2.ctx.core.data);
       if (id) {
         store2.navigate(
           `/Component?path=${`elements[${response == null ? void 0 : response.elements.length}]`}&id=${id}`
@@ -8170,7 +8180,7 @@ var pageMaster = (funcParams) => {
       if (!Array.isArray(store2.formData.events)) {
         store2.formData.events = [];
       }
-      saveFormdataInLocalStorage(store2.ctx.core.data);
+      saveFormdataInSessionStorage(store2.ctx.core.data);
       const finalPath = `events[${store2.formData.events.length}]`;
       store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
     },
@@ -8178,26 +8188,26 @@ var pageMaster = (funcParams) => {
       var _a;
       const rowId = dynamicData2.path.split(".")[1];
       const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
-      saveFormdataInLocalStorage(store2.ctx.core.data);
+      saveFormdataInSessionStorage(store2.ctx.core.data);
       const finalPath = `events[${rowId}]`;
       store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
     },
     deleteEvent: function() {
-      const rowId = localStorage.getItem("rowId");
+      const rowId = sessionStorage.getItem("rowId");
       store2.formData.events.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store2.ctx.core.data);
+      const response = saveFormdataInSessionStorage(store2.ctx.core.data);
       store2.setFormdata(response);
       store2.updateDialog("popUpPageMasterEvent");
-      localStorage.removeItem("rowId");
+      sessionStorage.removeItem("rowId");
     },
     deletePopUpComponent: function() {
       const rowId = dynamicData2.path.split(".")[1];
-      localStorage.setItem("rowId", rowId);
+      sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpPageMasterComponent");
     },
     deletePopUpEvent: function() {
       const rowId = dynamicData2.path.split(".")[1];
-      localStorage.setItem("rowId", rowId);
+      sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpPageMasterEvent");
     }
   };
@@ -9015,7 +9025,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       if (!Array.isArray(store2.formData.events)) {
         store2.formData.events = [];
       }
-      saveFormdataInLocalStorage(store2.ctx.core.data, path);
+      saveFormdataInSessionStorage(store2.ctx.core.data, path);
       const finalPath = `${path}.events[${(_c = (_b = store2.formData) == null ? void 0 : _b.events) == null ? void 0 : _c.length}]`;
       store2.searchParams.set("path", finalPath);
       store2.setSearchParams(store2.searchParams);
@@ -9025,7 +9035,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       var _a;
       const rowId = dynamicData2.path.split(".")[1];
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      saveFormdataInLocalStorage(store2.ctx.core.data, path);
+      saveFormdataInSessionStorage(store2.ctx.core.data, path);
       const finalPath = `${path}.events[${rowId}]`;
       store2.searchParams.set("path", finalPath);
       store2.setSearchParams(store2.searchParams);
@@ -9040,7 +9050,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
     },
     deletePopUpEvent: function() {
       const rowId = dynamicData2.path.split(".")[1];
-      localStorage.setItem("rowId", rowId);
+      sessionStorage.setItem("rowId", rowId);
       store2.updateDialog("popUpEvent");
     }
   };
@@ -9212,7 +9222,7 @@ function executeCustomHandler(params) {
     return response;
   }
 }
-function mergeFormdata(handlerResponse, componentName, eventConfig, store2, service2, formDataHolder2) {
+function mergeFormdata(handlerResponse, componentName, eventConfig, store2, service2, formDataHolder) {
   if (eventConfig.type === "Select" && !(_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data) && (handlerResponse == null ? void 0 : handlerResponse.data))) {
     store2.setSchema((pre) => {
       var _a;
@@ -9256,9 +9266,9 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
     }
   } else {
     if (handlerResponse) {
-      formDataHolder2[componentName] = handlerResponse.data;
+      formDataHolder[componentName] = handlerResponse.data;
       store2.setFormdata((pre) => {
-        return { ...pre, ...formDataHolder2 };
+        return { ...pre, ...formDataHolder };
       });
     }
   }
@@ -9279,7 +9289,7 @@ const buildBodyFormat = (body2, formData, userValue2, store2) => {
         finalBody[elem.key] = value;
       } else if ((_d = elem == null ? void 0 : elem.value) == null ? void 0 : _d.startsWith("$local")) {
         const finalpath = elem.value.substring(7);
-        const value = JSON.parse(localStorage.getItem(finalpath) || '""');
+        const value = JSON.parse(sessionStorage.getItem(finalpath) || '""');
         finalBody[elem.key] = value;
       } else if ((_e = elem == null ? void 0 : elem.value) == null ? void 0 : _e.startsWith("$")) {
         const finalpath = elem.value.substring(1);
@@ -9348,7 +9358,6 @@ const notifyUiSchema = {
   },
   layout: 6
 };
-let formDataHolder = {};
 let pageData = false;
 const extractEvents = (eventConfig) => {
   function extractsConfigEvents(eventConfigObj) {
@@ -9391,6 +9400,7 @@ const extractEvents = (eventConfig) => {
 };
 var service = (funcParams) => {
   eventGroups = {};
+  const formDataHolder = {};
   if (pageData) {
     if (!lodash.exports.isEmpty(pageData) && typeof pageData === "object") {
       eventGroups = extractEvents(pageData == null ? void 0 : pageData.config);
@@ -9413,12 +9423,12 @@ var service = (funcParams) => {
       var _a, _b, _c, _d;
       funcParams.store.setFormdata({});
       funcParams.store.newData = {};
-      const pageBasicDetailString = localStorage.getItem("pagemasterMetaData");
+      const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData");
       if (pageBasicDetailString) {
         pageData = JSON.parse(pageBasicDetailString);
       } else {
         pageData = await funcParams.pageDataProvider();
-        localStorage.setItem("pagemasterMetaData", JSON.stringify({
+        sessionStorage.setItem("pagemasterMetaData", JSON.stringify({
           schema: pageData == null ? void 0 : pageData.schema,
           uiSchema: pageData == null ? void 0 : pageData.uiSchema,
           config: pageData == null ? void 0 : pageData.config
@@ -10202,7 +10212,6 @@ const LineGraph = {
       hideBottomAxisLine: false,
       legend: {
         labelColor: "green",
-        legendTitle: "Our Assests",
         direction: "row",
         align: "right",
         colorRectWidth: 20
@@ -10235,11 +10244,15 @@ const buildHorizontalBarGraph = (config, componentScope) => {
   if (config.layout) {
     horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
   }
+  horizontalBarGraph.config.main.type = config.graphType;
   horizontalBarGraph.scope = componentScope;
   horizontalBarGraph.config.main.header = config.heading;
   if (config.barColor) {
     horizontalBarGraph.config.barStyle.color = config.barColor;
   }
+  if (config.xAxisValue) {
+    horizontalBarGraph.config.main.xAxisValue = config.xAxisValue;
+  }
   if (config.containerBackground) {
     horizontalBarGraph.config.containerStyle.background = config.containerBackground;
   }
@@ -10371,6 +10384,9 @@ const buildPieGraph = (config, componentScope) => {
   if (config.legendLabels) {
     pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
   }
+  if (config.xAxisValue) {
+    pieGraph.config.main.xAxisValue = config.xAxisValue;
+  }
   if (config.pieArcColors) {
     pieGraph.config.style = {
       pieStyle: {
@@ -10393,6 +10409,9 @@ const buildStackbarGraph = (config, componentScope) => {
   if (config.barColor) {
     barGraph.config.barStyle.color = config.barColor;
   }
+  if (config.xAxisValue) {
+    barGraph.config.main.xAxisValue = config.xAxisValue;
+  }
   if (config.height) {
     barGraph.config.style.containerStyle.height = config.height;
   }
@@ -11835,6 +11854,7 @@ const buildUiSchema = (config, store2) => {
           elements = buildPieGraph(config, componentScope);
           break;
         case "HorizontalBarGraph":
+        case "HorizontalStackBarGraph":
           elements = buildHorizontalBarGraph(config, componentScope);
           break;
       }
@@ -11938,5 +11958,5 @@ const buildUiSchema = (config, store2) => {
   }
   return elements;
 };
-export { buildConfig, buildSchema, buildUiSchema, clearFromLocalStorage, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
+export { buildConfig, buildSchema, buildUiSchema, clearFromSessionStorage, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
 //# sourceMappingURL=impaktapps-ui-builder.es.js.map