impaktapps-ui-builder 0.0.103 → 0.0.105

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

@@ -6702,20 +6702,27 @@ const componentBasicUiSchema = (theme) => {
               },
               {
                 type: "Control",
-                scope: "#/properties/columnFormat",
-                options: {
-                  widget: "SelectInputField"
+                scope: "#/properties/proc1",
+                config: {
+                  layout: { xs: 0, sm: 0, md: 4, lg: 4 }
                 },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc2",
                 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/proc3",
                 config: {
                   layout: { xs: 0, sm: 0, md: 4, lg: 4 }
                 },
@@ -8431,8 +8438,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 +8455,75 @@ 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[4] = {
+      type: "Control",
+      scope: "#/properties/columnFormat",
+      options: {
+        widget: "SelectInputField"
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        main: {
+          label: "Column Format"
+        }
+      }
+    };
+    UiSchema.elements[1].elements[0].elements[6] = {
+      type: "Control",
+      scope: "#/properties/filteringOptions",
+      options: {
+        widget: "SelectInputField"
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        main: {
+          label: "Filter Mode",
+          multiple: true
+        }
+      }
+    };
+    UiSchema.elements[1].elements[0].elements[5] = {
+      type: "Control",
+      scope: "#/properties/enableFilter",
+      options: {
+        widget: "RadioInputField"
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        main: {
+          label: "Enable Filter",
+          options: ["Yes", "No"]
+        }
+      }
+    }, UiSchema.elements[0].elements[0].elements[7] = {
+      type: "Control",
+      scope: "#/properties/enableSorting",
+      options: {
+        widget: "RadioInputField"
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        main: {
+          label: "Enable Sorting",
+          options: ["Yes", "No"]
+        }
+      }
+    }, UiSchema.elements[0].elements[0].elements[8] = {
+      type: "Control",
+      scope: "#/properties/proc",
+      config: {
+        layout: { xs: 6, sm: 6, md: 8, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    };
+  }
   if (sessionStorage.getItem("copiedConfig")) {
     this.ElementPathSetter(UiSchema);
   }
@@ -9898,16 +9975,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 +9995,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 +10023,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 };
       });