impaktapps-ui-builder 1.0.131 → 1.0.133

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.131",
+    "version": "1.0.133",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts

@@ -292,7 +292,8 @@ const buildUiSchema = (config: any, store?: any) => {
           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 = {
@@ -325,7 +326,8 @@ const buildUiSchema = (config: any, store?: any) => {
           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") {

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts

@@ -43,36 +43,65 @@ export const ComponentSchema: any = {
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
         { title: "Column Group", const: "ColumnGroup" },
-        { title: "Thought of the day", const: "Thought" }
-      ]
+        { title: "Thought of the day", const: "Thought" },
+      ],
     },
     elementType: {
       oneOf: [
         { title: "Table Action Element", const: "action" },
         { title: "Table Header Element", const: "tableHeader" },
         { title: "Table Element", const: "element" },
-      ]
+      ],
     },
     columnFormat: {
       oneOf: [
         { title: "Date Column", const: "date" },
         { title: "DateTime Column", const: "dateTime" },
         { title: "Amount Column", const: "amount" },
-        { title: "Center Column", const: "action" }
-      ]
+        { title: "Center Column", const: "action" },
+      ],
+    },
+    dateFormat: {
+      oneOf: [
+        {
+          title: "ISO DateTime (UTC) — YYYY-MM-DDTHH:mm:ss.SSSZ",
+          const: "YYYY-MM-DDTHH:mm:ss.SSSZ",
+        },
+        {
+          title: "ISO DateTime — YYYY-MM-DDTHH:mm:ssZ",
+          const: "YYYY-MM-DDTHH:mm:ssZ",
+        },
+        {
+          title: "ISO DateTime (No TZ) — YYYY-MM-DDTHH:mm:ss",
+          const: "YYYY-MM-DDTHH:mm:ss",
+        },
+        { title: "ISO Date — YYYY-MM-DD", const: "YYYY-MM-DD" },
+        { title: "Date (DD-MM-YYYY) — DD-MM-YYYY", const: "DD-MM-YYYY" },
+        { title: "Date (MM/DD/YYYY) — MM/DD/YYYY", const: "MM/DD/YYYY" },
+        {
+          title: "DateTime (DB) — YYYY-MM-DD HH:mm:ss",
+          const: "YYYY-MM-DD HH:mm:ss",
+        },
+        {
+          title: "DateTime (DB ms) — YYYY-MM-DD HH:mm:ss.SSS",
+          const: "YYYY-MM-DD HH:mm:ss.SSS",
+        },
+        { title: "Epoch (Milliseconds)", const: "x" },
+        { title: "Epoch (Seconds)", const: "X" },
+      ],
     },
     variant: {
       oneOf: [
         { title: "Outlined", const: "outlined" },
         { title: "Filled", const: "filled" },
         { title: "Standard", const: "standard" },
-      ]
+      ],
     },
     orientation: {
       oneOf: [
         { title: "Horizontal", const: "horizontal" },
         { title: "Vertical", const: "vertical" },
-      ]
+      ],
     },
     method: {
       type: "string",
@@ -81,7 +110,7 @@ export const ComponentSchema: any = {
         { title: "Post", const: "post" },
         { title: "Delete", const: "delete" },
         { title: "Put", const: "put" },
-      ]
+      ],
     },
     maxPageSize: {
       type: "number",
@@ -91,16 +120,16 @@ export const ComponentSchema: any = {
         { title: "30", const: 30 },
         { title: "50", const: 50 },
         { title: "100", const: 100 },
-        { title: "500", const: 500 }
-      ]
+        { title: "500", const: 500 },
+      ],
     },
-    initialDensity:{
+    initialDensity: {
       type: "string",
-       oneOf: [
+      oneOf: [
         { title: "Compact", const: "compact" },
         { title: "Comfortable", const: "comfortable" },
-        { title: "Spacious", const: "spacious" }
-      ]
+        { title: "Spacious", const: "spacious" },
+      ],
     },
     layout: {
       type: "array",
@@ -116,9 +145,7 @@ export const ComponentSchema: any = {
               { title: "Large", const: "lg" },
             ],
           },
-          value: {
-
-          },
+          value: {},
         },
       },
     },
@@ -136,9 +163,7 @@ export const ComponentSchema: any = {
               { title: "Large", const: "lg" },
             ],
           },
-          value: {
-
-          },
+          value: {},
         },
       },
     },
@@ -195,7 +220,6 @@ export const ComponentSchema: any = {
           label: {
             type: "string",
           },
-
         },
       },
     },
@@ -207,7 +231,6 @@ export const ComponentSchema: any = {
           KeyName: {
             type: "string",
           },
-
         },
       },
     },
@@ -220,8 +243,8 @@ export const ComponentSchema: any = {
             type: "string",
           },
           value: {
-            type: "string"
-          }
+            type: "string",
+          },
         },
       },
     },
@@ -238,19 +261,19 @@ export const ComponentSchema: any = {
     },
     filteringOptions: {
       oneOf: [
-        { const: 'fuzzy', title: 'Fuzzy' },
-        { const: 'contains', title: 'Contain' },
-        { const: 'startsWith', title: 'Starts with' },
-        { const: 'endsWith', title: 'Ends with' },
-        { const: 'equals', title: 'Equals' },
-        { const: 'notEquals', title: 'Not Equals' },
-        { const: 'between', title: 'Between' },
-        { const: 'betweenInclusive', title: 'Between inclusive' },
-        { const: 'greaterThan', title: 'Greater than' },
-        { const: 'greaterThanOrEqualTo', title: 'Greater than or equal to' },
-        { const: 'lessThan', title: 'Less than' },
-        { const: 'lessThanOrEqualTo', title: 'Less than or equal to' },
-      ]
+        { const: "fuzzy", title: "Fuzzy" },
+        { const: "contains", title: "Contain" },
+        { const: "startsWith", title: "Starts with" },
+        { const: "endsWith", title: "Ends with" },
+        { const: "equals", title: "Equals" },
+        { const: "notEquals", title: "Not Equals" },
+        { const: "between", title: "Between" },
+        { const: "betweenInclusive", title: "Between inclusive" },
+        { const: "greaterThan", title: "Greater than" },
+        { const: "greaterThanOrEqualTo", title: "Greater than or equal to" },
+        { const: "lessThan", title: "Less than" },
+        { const: "lessThanOrEqualTo", title: "Less than or equal to" },
+      ],
     },
 
     legendLabels: {
@@ -261,7 +284,6 @@ export const ComponentSchema: any = {
           label: {
             type: "string",
           },
-
         },
       },
     },
@@ -273,7 +295,6 @@ export const ComponentSchema: any = {
           label: {
             type: "string",
           },
-
         },
       },
     },
@@ -285,7 +306,6 @@ export const ComponentSchema: any = {
           formatElement: {
             type: "string",
           },
-
         },
       },
     },
@@ -296,7 +316,6 @@ export const ComponentSchema: any = {
         properties: {
           componentName: {
             type: "string",
-
           },
           validationType: {
             type: "string",
@@ -306,7 +325,7 @@ export const ComponentSchema: any = {
               { const: "maxLength", title: "Maximum Length" },
               { const: "pattern", title: "Pattern" },
               { const: "readOnly", title: "Read Only" },
-            ]
+            ],
           },
           validationValue: {
             type: "string",
@@ -320,14 +339,14 @@ export const ComponentSchema: any = {
         { title: "Button", const: "Button" },
         { title: "IconButton", const: "IconButton" },
         { title: "HybridButton", const: "ButtonWithIconAndText" },
-      ]
+      ],
     },
     defaultStyle: {
       type: "string",
       oneOf: [
         { title: "Apply Default Style", const: "true" },
         { title: "No Style", const: "false" },
-      ]
+      ],
     },
     graphType: {
       type: "string",
@@ -337,8 +356,11 @@ export const ComponentSchema: any = {
         { 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: {
       type: "string",
@@ -361,36 +383,36 @@ export const ComponentSchema: any = {
         { 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: {
       type: "string",
@@ -400,19 +422,19 @@ export const ComponentSchema: any = {
         { title: "Error", const: "error" },
         { title: "Success", const: "success" },
         { title: "Info", const: "info" },
-      ]
+      ],
     },
     pageName: {
-      path: []
+      path: [],
     },
     name: {
       type: "string",
     },
-    label: { type: 'string' },
+    label: { type: "string" },
     RemoveItemButton: {
       disabled: true,
     },
   },
 
-  required: ["name",]
+  required: ["name"],
 };

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -162,6 +162,29 @@ export function refreshPage(type: string, store: any) {
         },
       },
     }
+    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") ) {