impaktapps-ui-builder 0.0.374 → 0.0.376

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

@@ -5933,6 +5933,24 @@ const ComponentSchema = {
         }
       }
     },
+    cardLayout: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          key: {
+            type: "string",
+            oneOf: [
+              { title: "Extra Small", const: "xs" },
+              { title: "Small", const: "sm" },
+              { title: "Medium", const: "md" },
+              { title: "Large", const: "lg" }
+            ]
+          },
+          value: {}
+        }
+      }
+    },
     value: {
       type: "array",
       items: {
@@ -6000,20 +6018,6 @@ const ComponentSchema = {
         }
       }
     },
-    sizeHolder: {
-      type: "array",
-      items: {
-        type: "object",
-        properties: {
-          keyName: {
-            type: "string"
-          },
-          value: {
-            type: "string"
-          }
-        }
-      }
-    },
     legendLabels: {
       type: "array",
       items: {
@@ -6671,6 +6675,57 @@ const EmptyBox = {
     main: {}
   }
 };
+const cardLayout = {
+  type: "Control",
+  scope: "#/properties/cardLayout",
+  layout: 11.5,
+  options: {
+    detail: {
+      type: "HorizontalLayout",
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/key",
+          options: {
+            widget: "SelectInputField"
+          },
+          config: {
+            layout: {
+              xs: 11,
+              sm: 11,
+              md: 5.5,
+              lg: 5.5
+            },
+            main: {
+              label: "Screen Size"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/value",
+          options: {
+            widget: "InputField"
+          },
+          config: {
+            layout: {
+              xs: 11,
+              sm: 11,
+              md: 5.5,
+              lg: 5.5
+            },
+            main: {
+              label: "Value",
+              type: "number",
+              helperText: "Number should be in range of 0 to 12",
+              errorMessage: "Number Can't be greater than 12 and can't be less than 0."
+            }
+          }
+        }
+      ]
+    }
+  }
+};
 const getArrayControl = (parentScope, childScope, childLabel) => {
   return {
     type: "Control",
@@ -6817,17 +6872,20 @@ const buildPropertiesSection = function(type) {
   switch (type) {
     case "DataGrid":
       uiSchema.elements = [
-        getRadioInputField("useWrapper", "use Item Wrapper", ["YES", "NO"]),
-        getInputField("elevation", "Item Wrapper Elevation")
+        getRadioInputField("divider", "Use Header divider", ["YES", "NO"]),
+        getInputField("elevation", "Card Elevation"),
+        getInputField("height", "Grid height"),
+        getInputField("justifyContent", "justifyContent"),
+        cardLayout
       ];
       break;
     case "Stepper":
       uiSchema.elements = [
         getRadioInputField("resetButton", "Reset Button", ["YES", "NO"]),
-        getRadioInputField("defaultButtonAvailable", "Use Default Buttons ", ["YES", "NO"]),
         getInputField("resetText", "Reset Text"),
         getInputField("completeText", "Complete Text"),
         getSelectField("orientation", "Orientation Type"),
+        EmptyBox,
         getArrayControl("sectionLabels", "label")
       ];
       break;
@@ -6940,8 +6998,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("DragAvailable", "Drag Available", ["YES", "NO"]),
         getRadioInputField("downloadAllData", "Download All Data", ["YES", "NO"]),
         getInputField("selectKey", "Selection Key"),
-        getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
-        sizeHolder
+        getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name")
       ];
       break;
     case "Radio":
@@ -7394,8 +7451,7 @@ const sectionLabels = {
   Text: ["Core", "Properties", "style", "Event", "Validation"],
   TextArea: ["Core", "Properties", "style", "Event", "Validation"],
   PopUp: ["Core", "Components", "Properties", "style"],
-  Stepper: ["Core", "Components", "Properties", "Event", "style"],
-  DataGrid: ["Core", "Components", "Properties", "Event", "style"]
+  Stepper: ["Core", "Components", "Properties", "Event", "style"]
 };
 const refreshPage = (type, store2) => {
   var _a;
@@ -8246,7 +8302,7 @@ const download = (response2) => {
   const url = window.URL.createObjectURL(new Blob([response2.data]));
   const link = document.createElement("a");
   link.href = url;
-  link.setAttribute("download", `${response2.headers.data}`);
+  link.setAttribute("download", `${response2.headers.filename}`);
   document.body.appendChild(link);
   link.click();
   link.parentNode.removeChild(link);
@@ -8519,7 +8575,7 @@ var service = (funcParams) => {
     dynamicData: funcParams.dynamicData,
     userValue: funcParams.userValue,
     service: funcParams.service,
-    serviceHolder: { downloadFile: downloadFile$1 },
+    serviceHolder: { downloadFile: downloadFile$1, download },
     eventGroups
   };
   return {
@@ -9491,9 +9547,6 @@ const buildWrapperSection = (config, componentScope) => {
   if (config.style) {
     wrapper.config.style = JSON.parse(config.style);
   }
-  if (config.layout) {
-    wrapper.config.layout = createLayoutFormat(config.layout);
-  }
   return wrapper;
 };
 var TextInputField = {
@@ -9677,7 +9730,7 @@ const buildTable = (config, componentScope) => {
     table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false;
   }
   if (config.ColumnResizingAvailable) {
-    table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ? false : true;
+    table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ? true : false;
   }
   if (config.DragAvailable) {
     table.config.main.enableDrag = config.DragAvailable === "YES" ? true : false;
@@ -10400,14 +10453,11 @@ const buildStepper = (config, componentScope) => {
   const stepper = _.cloneDeep(Stepper);
   stepper.scope = componentScope;
   stepper.config.main.resetButton = config.resetButton === "YES" ? true : false;
-  if (config.defaultButtonAvailable) {
-    stepper.config.main.defaultButtonAvailable = config.defaultButtonAvailable === "YES" ? true : false;
-  }
   stepper.config.main.resetText = config.resetText || "ResetData";
   stepper.config.main.completeText = config.completeText || "Complete Text";
   stepper.config.main.orientation = config.orientation || "horizontal";
   if (config.sectionLabels) {
-    stepper.config.main.steps = config.sectionLabels.map((e, i) => {
+    stepper.config.main.label = config.sectionLabels.map((e, i) => {
       return { label: e.label, id: i };
     });
   }
@@ -10477,19 +10527,25 @@ const dataGrid = {
 const buildDataGrid = (config, componentScope) => {
   const DataGrid = _.cloneDeep(dataGrid);
   DataGrid.scope = componentScope;
-  DataGrid.config.main.useWrapper = config.useWrapper === "NO" ? false : true;
   if (config.elevation) {
     DataGrid.config.main.elevation = +config.elevation;
   }
+  DataGrid.config.main.divider = config.divider === "NO" ? false : true;
   if (config.height) {
     DataGrid.config.main.height = `${config.height}px`;
   }
+  if (config.justifyContent) {
+    DataGrid.config.main.justifyContent = config.justifyContent;
+  }
   if (config.label) {
     DataGrid.config.main.label = config.label;
   }
   if (config.layout) {
     DataGrid.config.layout = createLayoutFormat(config.layout);
   }
+  if (config.cardLayout) {
+    DataGrid.config.cardLayout = createLayoutFormat(config.cardLayout);
+  }
   if (config.style) {
     DataGrid.config.style = JSON.parse(config.style);
   }
@@ -10741,25 +10797,17 @@ const buildUiSchema = (config) => {
     if ((config == null ? void 0 : config.type) === "LeaderBoard") {
       return elements;
     } else if (config.type == "Table") {
-      const sizeMap = {};
-      if (config.sizeHolder) {
-        config.sizeHolder.map((e, i) => {
-          sizeMap[e.keyName] = e.value;
-        });
-      }
       elements.elements = config.elements.map((e, elemInd) => {
         if (e.type) {
           return {
             accessorKey: e.name,
             header: e.label || e.name,
-            size: sizeMap[e.name] || 180,
             widget: buildUiSchema(e)
           };
         }
         return {
           accessorKey: e.name,
-          header: e.label || e.name,
-          size: sizeMap[e.name] || 180
+          header: e.label || e.name
         };
       });
     } else if (config.type == "Array") {