impaktapps-ui-builder 1.0.130 → 1.0.131-alpha.2

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: {
@@ -7270,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",
@@ -7932,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"]),
@@ -8610,6 +8689,21 @@ function refreshPage(type, store2) {
         }
       }
     };
+    if (store2.formData.columnFormat === "date" && store2.formData.columnFormat === "dateTime") {
+      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);
@@ -11266,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 = {
@@ -12630,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 = {
@@ -12662,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") {