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

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

@@ -6277,6 +6277,37 @@ const ComponentSchema = {
         { title: "Center Column", const: "action" }
       ]
     },
+    dateFormat: {
+      oneOf: [
+        {
+          title: "ISO DateTime (UTC) \u2014 YYYY-MM-DDTHH:mm:ss.SSSZ",
+          const: "YYYY-MM-DDTHH:mm:ss.SSSZ"
+        },
+        {
+          title: "ISO DateTime \u2014 YYYY-MM-DDTHH:mm:ssZ",
+          const: "YYYY-MM-DDTHH:mm:ssZ"
+        },
+        {
+          title: "ISO DateTime (No TZ) \u2014 YYYY-MM-DDTHH:mm:ss",
+          const: "YYYY-MM-DDTHH:mm:ss"
+        },
+        { title: "ISO Date \u2014 YYYY-MM-DD", const: "YYYY-MM-DD" },
+        { title: "Date (DD-MM-YYYY) \u2014 DD-MM-YYYY", const: "DD-MM-YYYY" },
+        { title: "Date (MM/DD/YYYY) \u2014 MM/DD/YYYY", const: "MM/DD/YYYY" },
+        {
+          title: "DateTime (DB) \u2014 YYYY-MM-DD HH:mm:ss",
+          const: "YYYY-MM-DD HH:mm:ss"
+        },
+        {
+          title: "DateTime (DB ms) \u2014 YYYY-MM-DD HH:mm:ss.SSS",
+          const: "YYYY-MM-DD HH:mm:ss.SSS"
+        },
+        { title: "Time (24h) \u2014 HH:mm:ss", const: "HH:mm:ss" },
+        { title: "Time (12h) \u2014 hh:mm:ss A", const: "hh:mm:ss A" },
+        { title: "Epoch (Milliseconds)", const: "x" },
+        { title: "Epoch (Seconds)", const: "X" }
+      ]
+    },
     variant: {
       oneOf: [
         { title: "Outlined", const: "outlined" },
@@ -6310,6 +6341,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: {
@@ -6520,7 +6559,10 @@ const ComponentSchema = {
         { title: "Line Graph", const: "LineGraph" },
         { title: "Pie Graph", const: "PieGraph" },
         { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" },
-        { title: "Stack Horizontal Bar Graph", const: "HorizontalStackBarGraph" }
+        {
+          title: "Stack Horizontal Bar Graph",
+          const: "HorizontalStackBarGraph"
+        }
       ]
     },
     iconName: {
@@ -6544,35 +6586,35 @@ const ComponentSchema = {
         { title: "Download Icon", const: "DownloadIcon" },
         { title: "Download All Icon", const: "DownloadAllIcon" },
         { title: "Exception Icon", const: "ExceptionIcon" },
-        { "title": "Alarm Icon", "const": "AlarmIcon" },
-        { "title": "Click Icon", "const": "ClickIcon" },
-        { "title": "Content Copy Icon", "const": "ContentCopyIcon" },
-        { "title": "File Copy Icon", "const": "FileCopyIcon" },
-        { "title": "Pause Icon", "const": "PauseIcon" },
-        { "title": "Play Icon", "const": "PlayIcon" },
-        { "title": "Close Icon", "const": "CloseIcon" },
-        { "title": "Replay Icon", "const": "ReplayIcon" },
-        { "title": "Delete Icon", "const": "DeleteIcon" },
-        { "title": "Drafts Icon", "const": "DraftsIcon" },
-        { "title": "Perm Phone Msg Icon", "const": "PermPhoneMsgIcon" },
-        { "title": "Paste Icon", "const": "PasteIcon" },
-        { "title": "Prev Icon", "const": "PrevIcon" },
-        { "title": "Verified Icon", "const": "VerifiedIcon" },
-        { "title": "Table Add Icon", "const": "TableAddIcon" },
-        { "title": "Table Download Icon", "const": "TableDownloadIcon" },
-        { "title": "Audit Trail Icon", "const": "AuditTrailIcon" },
-        { "title": "View Component", "const": "View" },
-        { "title": "Table Edit Icon", "const": "TableEditIcon" },
-        { "title": "Maximize Icon", "const": "Maximize" },
-        { "title": "Minimize Icon", "const": "Minimize" },
-        { "title": "Subtract Icon", "const": "Subtract" },
-        { "title": "Bin Icon", "const": "Bin" },
-        { "title": "Export Icon", "const": "Export" },
-        { "title": "Table Paste Icon", "const": "TablePaste" },
-        { "title": "Clone Icon", "const": "CloneIcon" },
-        { "title": "Detail Icon", "const": "DetailIcon" },
-        { "title": "Report View Icon", "const": "ReportViewIcon" },
-        { "title": "Payout", "const": "Payout" }
+        { title: "Alarm Icon", const: "AlarmIcon" },
+        { title: "Click Icon", const: "ClickIcon" },
+        { title: "Content Copy Icon", const: "ContentCopyIcon" },
+        { title: "File Copy Icon", const: "FileCopyIcon" },
+        { title: "Pause Icon", const: "PauseIcon" },
+        { title: "Play Icon", const: "PlayIcon" },
+        { title: "Close Icon", const: "CloseIcon" },
+        { title: "Replay Icon", const: "ReplayIcon" },
+        { title: "Delete Icon", const: "DeleteIcon" },
+        { title: "Drafts Icon", const: "DraftsIcon" },
+        { title: "Perm Phone Msg Icon", const: "PermPhoneMsgIcon" },
+        { title: "Paste Icon", const: "PasteIcon" },
+        { title: "Prev Icon", const: "PrevIcon" },
+        { title: "Verified Icon", const: "VerifiedIcon" },
+        { title: "Table Add Icon", const: "TableAddIcon" },
+        { title: "Table Download Icon", const: "TableDownloadIcon" },
+        { title: "Audit Trail Icon", const: "AuditTrailIcon" },
+        { title: "View Component", const: "View" },
+        { title: "Table Edit Icon", const: "TableEditIcon" },
+        { title: "Maximize Icon", const: "Maximize" },
+        { title: "Minimize Icon", const: "Minimize" },
+        { title: "Subtract Icon", const: "Subtract" },
+        { title: "Bin Icon", const: "Bin" },
+        { title: "Export Icon", const: "Export" },
+        { title: "Table Paste Icon", const: "TablePaste" },
+        { title: "Clone Icon", const: "CloneIcon" },
+        { title: "Detail Icon", const: "DetailIcon" },
+        { title: "Report View Icon", const: "ReportViewIcon" },
+        { title: "Payout", const: "Payout" }
       ]
     },
     color: {
@@ -7270,6 +7312,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 +8044,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 +8723,29 @@ function refreshPage(type, store2) {
         }
       }
     };
+    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"
+        }
+      }
+    };
+    UiSchema.elements[0].elements[0].elements[11] = {
+      type: "Control",
+      scope: "#/properties/emptyBox",
+      options: {
+        widget: "EmptyBox"
+      },
+      config: {
+        layout: { xs: 0, sm: 0, md: 0, lg: 6 }
+      }
+    };
   }
   if (sessionStorage.getItem("copiedConfig")) {
     this.ElementPathSetter(UiSchema);
@@ -11266,6 +11402,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 +12769,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 +12802,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") {