impaktapps-ui-builder 0.0.363 → 0.0.365

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

@@ -5999,6 +5999,20 @@ const ComponentSchema = {
         }
       }
     },
+    sizeHolder: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          keyName: {
+            type: "string"
+          },
+          value: {
+            type: "string"
+          }
+        }
+      }
+    },
     legendLabels: {
       type: "array",
       items: {
@@ -6690,6 +6704,25 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
     }
   };
 };
+const sizeHolder = getArrayControl("sizeHolder", "keyName", "Component Name");
+sizeHolder.options.detail.elements[1] = {
+  type: "Control",
+  scope: `#/properties/value`,
+  options: {
+    widget: "InputField"
+  },
+  config: {
+    layout: {
+      xs: 11,
+      sm: 11,
+      md: 5.5,
+      lg: 5.5
+    },
+    main: {
+      label: "Size"
+    }
+  }
+};
 const getInputField = (scope, label) => {
   return {
     type: "Control",
@@ -6900,7 +6933,8 @@ 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")
+        getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
+        sizeHolder
       ];
       break;
     case "Radio":
@@ -9621,7 +9655,7 @@ const buildTable = (config, componentScope) => {
     table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false;
   }
   if (config.ColumnResizingAvailable) {
-    table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ? true : false;
+    table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ? false : true;
   }
   if (config.DragAvailable) {
     table.config.main.enableDrag = config.DragAvailable === "YES" ? true : false;
@@ -10348,7 +10382,7 @@ const buildStepper = (config, componentScope) => {
   stepper.config.main.completeText = config.completeText || "Complete Text";
   stepper.config.main.orientation = config.orientation || "horizontal";
   if (config.sectionLabels) {
-    stepper.config.main.label = config.sectionLabels.map((e, i) => {
+    stepper.config.main.steps = config.sectionLabels.map((e, i) => {
       return { label: e.label, id: i };
     });
   }
@@ -10642,17 +10676,25 @@ 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
+          header: e.label || e.name,
+          size: sizeMap[e.name] || 180
         };
       });
     } else if (config.type == "Array") {