impaktapps-ui-builder 1.0.129 → 1.0.131-alpha.1

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

@@ -6310,6 +6310,14 @@ const ComponentSchema = {
         { title: "500", const: 500 }
       ]
     },
+    initialDensity: {
+      type: "string",
+      oneOf: [
+        { title: "Compact", const: "compact" },
+        { title: "Comfortable", const: "comfortable" },
+        { title: "Spacious", const: "spacious" }
+      ]
+    },
     layout: {
       type: "array",
       items: {
@@ -6690,7 +6698,67 @@ const componentBasicUiSchema = (theme) => {
               },
               {
                 type: "Control",
-                scope: "#/properties/proc",
+                scope: "#/properties/proc5",
+                config: {
+                  layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc6",
+                config: {
+                  layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc7",
+                config: {
+                  layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc8",
+                config: {
+                  layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc9",
+                config: {
+                  layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc10",
+                config: {
+                  layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc11",
                 config: {
                   layout: { xs: 6, sm: 6, md: 0, lg: 3 }
                 },
@@ -7210,6 +7278,76 @@ const CoreSection = {
         }
       }
     },
+    {
+      type: "Control",
+      scope: "#/properties/proc5",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc6",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc7",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc8",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc9",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc10",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc11",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -7872,6 +8010,7 @@ const buildPropertiesSection = function(type) {
         getInputField("selectKey", "Selection Key"),
         getMultiSelectField("filteringOptions", "Filtering Options"),
         getSelectField("maxPageSize", "Max Page Size"),
+        getSelectField("initialDensity", "Initial Toggle Density"),
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
@@ -8465,7 +8604,7 @@ function refreshPage(type, store2) {
     };
     const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
     UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Events", "Validation"];
-    UiSchema.elements[0].elements[0].elements = elements || [CoreSection, StyleSection, EventSection(store2.theme.myTheme), ValidationSection];
+    UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection(store2.theme.myTheme), ValidationSection];
   }
   const path = (_b = store2.searchParams) == null ? void 0 : _b.get("path");
   const lastDotIndex = path.lastIndexOf(".");
@@ -8550,6 +8689,21 @@ function refreshPage(type, store2) {
         }
       }
     };
+    if (store2.formData.columnFormat === "DateTimeFormat") {
+      UiSchema.elements[0].elements[0].elements[10] = {
+        type: "Control",
+        scope: "#/properties/dateFormat",
+        options: {
+          widget: "SelectInputField"
+        },
+        config: {
+          layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+          main: {
+            label: "Date Time Format"
+          }
+        }
+      };
+    }
   }
   if (sessionStorage.getItem("copiedConfig")) {
     this.ElementPathSetter(UiSchema);
@@ -11206,6 +11360,9 @@ const buildTable = (config2, componentScope2) => {
   if (config2.maxPageSize) {
     table.config.main.maxPageSize = config2.maxPageSize;
   }
+  if (config2.initialDensity) {
+    table.config.main.initialDensity = config2.initialDensity;
+  }
   return table;
 };
 const Box = {
@@ -12570,7 +12727,8 @@ const buildUiSchema = (config2, store2) => {
           enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
-          columnKey: cellElem.columnKey
+          columnKey: cellElem.columnKey,
+          dateFormat: cellElem.dateFormat
         };
         if (cellElem.type) {
           const tableElem = {
@@ -12602,7 +12760,8 @@ const buildUiSchema = (config2, store2) => {
           enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
-          columnKey: cellElem.columnKey
+          columnKey: cellElem.columnKey,
+          dateFormat: cellElem.dateFormat
         };
         if (cellElem.type) {
           if (cellElem.elementType == "action") {