impaktapps-ui-builder 0.0.103 → 0.0.105-4.alpha-1

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

@@ -6475,23 +6475,20 @@ const ComponentSchema = {
       }
     },
     filteringOptions: {
-      type: "array",
-      items: {
-        oneOf: [
-          { const: "fuzzy", title: "Fuzzy" },
-          { const: "contains", title: "Contain" },
-          { const: "startsWith", title: "Starts with" },
-          { const: "endsWith", title: "Ends with" },
-          { const: "equals", title: "Equals" },
-          { const: "notEquals", title: "Not Equals" },
-          { const: "between", title: "Between" },
-          { const: "betweenInclusive", title: "Between inclusive" },
-          { const: "greaterThan", title: "Greater than" },
-          { const: "greaterThanOrEqualTo", title: "Greater than or equal to" },
-          { const: "lessThan", title: "Less than" },
-          { const: "lessThanOrEqualTo", title: "Less than or equal to" }
-        ]
-      }
+      oneOf: [
+        { const: "fuzzy", title: "Fuzzy" },
+        { const: "contains", title: "Contain" },
+        { const: "startsWith", title: "Starts with" },
+        { const: "endsWith", title: "Ends with" },
+        { const: "equals", title: "Equals" },
+        { const: "notEquals", title: "Not Equals" },
+        { const: "between", title: "Between" },
+        { const: "betweenInclusive", title: "Between inclusive" },
+        { const: "greaterThan", title: "Greater than" },
+        { const: "greaterThanOrEqualTo", title: "Greater than or equal to" },
+        { const: "lessThan", title: "Less than" },
+        { const: "lessThanOrEqualTo", title: "Less than or equal to" }
+      ]
     },
     legendLabels: {
       type: "array",
@@ -6702,20 +6699,37 @@ const componentBasicUiSchema = (theme) => {
               },
               {
                 type: "Control",
-                scope: "#/properties/columnFormat",
+                scope: "#/properties/proc1",
+                config: {
+                  layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                },
                 options: {
-                  widget: "SelectInputField"
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc2",
+                config: {
+                  layout: { xs: 0, sm: 0, md: 4, lg: 4 }
                 },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc3",
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-                  main: {
-                    label: "Column Format"
-                  }
+                  layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                },
+                options: {
+                  widget: "EmptyBox"
                 }
               },
               {
                 type: "Control",
-                scope: "#/properties/proc",
+                scope: "#/properties/proc4",
                 config: {
                   layout: { xs: 0, sm: 0, md: 4, lg: 4 }
                 },
@@ -6725,7 +6739,17 @@ const componentBasicUiSchema = (theme) => {
               },
               {
                 type: "Control",
-                scope: "#/properties/proc",
+                scope: "#/properties/proc5",
+                config: {
+                  layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc8",
                 config: {
                   layout: { xs: 0, sm: 0, md: 4, lg: 4 }
                 },
@@ -8431,8 +8455,9 @@ const sectionLabels = {
   Thought: ["Core", "Properties", "Event", "Style", "Validation"]
 };
 function refreshPage(type, store2) {
-  var _a;
+  var _a, _b;
   const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
+  const currentConfig = JSON.parse(sessionStorage.getItem("pageFormdata"));
   if (type) {
     const sectionUiSchema = {
       Core: CoreSection,
@@ -8447,6 +8472,81 @@ function refreshPage(type, store2) {
     UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
     UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection(store2.theme.myTheme), ValidationSection];
   }
+  const path = (_b = store2.searchParams) == null ? void 0 : _b.get("path");
+  const lastDotIndex = path.lastIndexOf(".");
+  const parentPath = path.slice(0, lastDotIndex);
+  const parentObj = _.get(currentConfig, parentPath);
+  if ((parentObj == null ? void 0 : parentObj.type) === "Table") {
+    UiSchema.elements[1].elements[0].elements[3] = {
+      type: "Control",
+      scope: "#/properties/columnFormat",
+      options: {
+        widget: "SelectInputField"
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        main: {
+          label: "Column Format"
+        }
+      }
+    };
+    UiSchema.elements[1].elements[0].elements[4] = {
+      type: "Control",
+      scope: "#/properties/enableFilter",
+      options: {
+        widget: "RadioInputField"
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        main: {
+          label: "Enable Filter",
+          options: ["Yes", "No"]
+        }
+      }
+    }, UiSchema.elements[1].elements[0].elements[5] = {
+      type: "Control",
+      scope: "#/properties/filteringOptions",
+      options: {
+        widget: "SelectInputField"
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        main: {
+          label: "Filter Mode",
+          multiple: true
+        }
+      }
+    };
+    UiSchema.elements[1].elements[0].elements[6] = {
+      type: "Control",
+      scope: "#/properties/enableSorting",
+      options: {
+        widget: "RadioInputField"
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        main: {
+          label: "Enable Sorting",
+          options: ["Yes", "No"]
+        }
+      }
+    }, UiSchema.elements[1].elements[0].elements[7] = {
+      type: "Control",
+      scope: "#/properties/columnKey",
+      options: {
+        widget: "InputField"
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        main: {
+          label: "Column Key",
+          options: [],
+          color: "secondary",
+          required: true
+        }
+      }
+    };
+  }
   if (sessionStorage.getItem("copiedConfig")) {
     this.ElementPathSetter(UiSchema);
   }
@@ -9898,16 +9998,17 @@ function executeCustomHandler(params) {
   }
 }
 function mergeFormdata(handlerResponse, componentName, eventConfig, store2, service2, formDataHolder) {
+  var _a, _b, _c;
   if (eventConfig.type === "Select" && (handlerResponse == null ? void 0 : handlerResponse.data)) {
     if (!_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data)) {
       store2.setSchema((pre) => {
-        var _a;
+        var _a2;
         return {
           ...pre,
           properties: {
             ...pre.properties,
             [componentName]: {
-              ...(_a = pre.properties) == null ? void 0 : _a[componentName],
+              ...(_a2 = pre.properties) == null ? void 0 : _a2[componentName],
               oneOf: handlerResponse.data
             }
           }
@@ -9917,13 +10018,13 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
   } else if (eventConfig.type === "MultipleSelect" && (handlerResponse == null ? void 0 : handlerResponse.data)) {
     if (!_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data)) {
       store2.setSchema((pre) => {
-        var _a;
+        var _a2;
         return {
           ...pre,
           properties: {
             ...pre.properties,
             [componentName]: {
-              ...(_a = pre.properties) == null ? void 0 : _a[componentName],
+              ...(_a2 = pre.properties) == null ? void 0 : _a2[componentName],
               type: "array",
               items: {
                 oneOf: handlerResponse == null ? void 0 : handlerResponse.data
@@ -9945,8 +10046,8 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
     }
   } else if (eventConfig.type === "Table" && eventConfig.lazyLoading) {
     if (handlerResponse && (handlerResponse == null ? void 0 : handlerResponse.data)) {
-      formDataHolder[componentName] = handlerResponse.data;
-      formDataHolder[`${componentName}_RowCount`] = handlerResponse.data;
+      formDataHolder[componentName] = (_a = handlerResponse.data) == null ? void 0 : _a.data;
+      formDataHolder[`${componentName}_RowCount`] = (_c = (_b = handlerResponse.data) == null ? void 0 : _b.meta) == null ? void 0 : _c.totalRowCount;
       store2.setFormdata((pre) => {
         return { ...pre, ...formDataHolder };
       });
@@ -10107,7 +10208,7 @@ var service = (funcParams) => {
   };
   return {
     setPage: async function() {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
       funcParams.store.setFormdata({});
       funcParams.store.newData = {};
       const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData");
@@ -10122,12 +10223,19 @@ var service = (funcParams) => {
         }));
       }
       const config2 = pageData == null ? void 0 : pageData.config;
+      const pathParts = funcParams.store.location.pathname.split("/");
+      const programId = ((_a = JSON.parse(window.sessionStorage.getItem("ProgramID") || "{}")) == null ? void 0 : _a.value) || "programID";
+      if ((pathParts == null ? void 0 : pathParts[1]) === "page") {
+        if (programId !== "programID") {
+          funcParams.store.setFormdata((pre) => ({ ...pre, programId }));
+        }
+      }
       const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
       const event2 = new CustomEvent("pageNameChanged", {
         detail: { pageName: config2.label }
       });
       window.dispatchEvent(event2);
-      const theme = (_b = (_a = funcParams == null ? void 0 : funcParams.store) == null ? void 0 : _a.theme) == null ? void 0 : _b.myTheme;
+      const theme = (_c = (_b = funcParams == null ? void 0 : funcParams.store) == null ? void 0 : _b.theme) == null ? void 0 : _c.myTheme;
       uiSchema.elements.push(
         {
           type: "HorizontalLayout",
@@ -10157,7 +10265,7 @@ var service = (funcParams) => {
                   heading: "Copywriter@ACT21.IO"
                 },
                 style: {
-                  color: ((_d = (_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text) == null ? void 0 : _d.disabled) || "#AFAFAF",
+                  color: ((_e = (_d = theme == null ? void 0 : theme.palette) == null ? void 0 : _d.text) == null ? void 0 : _e.disabled) || "#AFAFAF",
                   fontSize: "12px",
                   textAlign: "center",
                   lineHeight: 2,
@@ -10184,7 +10292,7 @@ var service = (funcParams) => {
                   width: "fit-content"
                 },
                 style: {
-                  fill: (_f = (_e = theme == null ? void 0 : theme.palette) == null ? void 0 : _e.primary) == null ? void 0 : _f.main,
+                  fill: (_g = (_f = theme == null ? void 0 : theme.palette) == null ? void 0 : _f.primary) == null ? void 0 : _g.main,
                   width: 20,
                   height: 0,
                   top: 0,
@@ -10193,7 +10301,7 @@ var service = (funcParams) => {
                   fontSize: "12px",
                   cursor: "pointer",
                   ":hover": {
-                    fill: (_h = (_g = theme == null ? void 0 : theme.palette) == null ? void 0 : _g.primary) == null ? void 0 : _h.dark
+                    fill: (_i = (_h = theme == null ? void 0 : theme.palette) == null ? void 0 : _h.primary) == null ? void 0 : _i.dark
                   },
                   marginRight: "13px"
                 }
@@ -10216,7 +10324,7 @@ var service = (funcParams) => {
                   lineHeight: 1,
                   height: 0,
                   width: "fit-content",
-                  color: (_j = (_i = theme == null ? void 0 : theme.palette) == null ? void 0 : _i.primary) == null ? void 0 : _j.main,
+                  color: (_k = (_j = theme == null ? void 0 : theme.palette) == null ? void 0 : _j.primary) == null ? void 0 : _k.main,
                   fontSize: "14px",
                   cursor: "pointer",
                   marginLeft: "2px",
@@ -10224,7 +10332,7 @@ var service = (funcParams) => {
                   right: "12px",
                   position: "absolute",
                   ":hover": {
-                    color: (_l = (_k = theme == null ? void 0 : theme.palette) == null ? void 0 : _k.primary) == null ? void 0 : _l.dark
+                    color: (_m = (_l = theme == null ? void 0 : theme.palette) == null ? void 0 : _l.primary) == null ? void 0 : _m.dark
                   },
                   marginRight: "4px"
                 }
@@ -10233,7 +10341,7 @@ var service = (funcParams) => {
           ]
         }
       );
-      const schema2 = (_m = pageData == null ? void 0 : pageData.schema) != null ? _m : { type: "object", properties: {} };
+      const schema2 = (_n = pageData == null ? void 0 : pageData.schema) != null ? _n : { type: "object", properties: {} };
       eventGroups = extractEvents(config2);
       executeEventsParameters = {
         config: {},
@@ -12366,27 +12474,25 @@ const buildUiSchema = (config2, store2) => {
         });
       }
       elements.elements = config2.elements.map((cellElem, elemInd) => {
-        var _a, _b;
+        var _a;
+        const commonProperties = {
+          accessorKey: cellElem.name,
+          type: cellElem.columnFormat,
+          header: cellElem.label || cellElem.name,
+          size: sizeMap[cellElem.name] || 180,
+          enableColumnFilter: Object.keys(filterMap).length === 0 ? true : (_a = filterMap[cellElem.name]) != null ? _a : false,
+          columnFilterModeOptions: config2.filteringOptions,
+          enableSorting: config2.enableSorting === "No" ? false : true,
+          columnKey: config2.columnKey
+        };
         if (cellElem.type) {
           return {
-            accessorKey: cellElem.name,
-            header: cellElem.label || cellElem.name,
-            size: sizeMap[cellElem.name] || 180,
-            type: cellElem.columnFormat,
             widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem, store2) : void 0,
             elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store2)) : [],
-            enableColumnFilter: Object.keys(filterMap).length === 0 ? true : (_a = filterMap[cellElem.name]) != null ? _a : false,
-            columnFilterModeOptions: config2.filteringOptions
+            ...commonProperties
           };
         } else {
-          return {
-            accessorKey: cellElem.name,
-            type: cellElem.columnFormat,
-            header: cellElem.label || cellElem.name,
-            size: sizeMap[cellElem.name] || 180,
-            enableColumnFilter: Object.keys(filterMap).length === 0 ? true : (_b = filterMap[cellElem.name]) != null ? _b : false,
-            columnFilterModeOptions: config2.filteringOptions
-          };
+          return commonProperties;
         }
       });
     } else if (config2.type == "Array") {