impaktapps-ui-builder 1.0.621 → 1.0.622

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

@@ -7,9 +7,13 @@ export const ComponentSchema: any = {
         { title: "Masked Aadhar Card", const: "AadharcardText" },
         { title: "Array", const: "Array" },
         { title: "Button", const: "Button" },
+        { title: "ButtonGroup", const: "ButtonGroup" },
         { title: "Data Card", const: "card" },
         { title: "Check Box", const: "CheckBox" },
+        { title: "Camera", const: "Camera" },
+        { title: "Column Group", const: "ColumnGroup" },
         { title: "Container", const: "WrapperSection" },
+        { title: "Tab Container", const: "HorizontalLayout" },
         { title: "Data Grid", const: "DataGrid" },
         { title: "Date", const: "Date" },
         { title: "Time Stamp", const: "DateTime" },
@@ -17,12 +21,15 @@ export const ComponentSchema: any = {
         { title: "Empty Box", const: "EmptyBox" },
         { title: "File Handler", const: "FileInput" },
         { title: "Graph", const: "Graph" },
+        { title: "Image", const: "Image" },
         { title: "Input Slider", const: "InputSlider" },
         { title: "Label", const: "Box" },
         { title: "Leaderboard", const: "LeaderBoard" },
         { title: "Multi-Select Dropdown", const: "MultipleSelect" },
+        { title: "OTP_Input", const: "OTP_Input" },
         { title: "Pan Card Masked", const: "PanCardText" },
         { title: "Pop Up", const: "PopUp" },
+        { title: "Pop Over", const: "PopOver" },
         { title: "Progress Bar", const: "ProgressBar" },
         { title: "Progress Bar Card", const: "ProgressBarCard" },
         { title: "Dropdown", const: "Select" },
@@ -32,6 +39,8 @@ export const ComponentSchema: any = {
         { title: "Radio", const: "Radio" },
         { title: "Rank", const: "Rank" },
         { title: "Rank Card", const: "RankCard" },
+        { title: "Metric Card", const: "MetricCard" },
+        { title: "Hierarchy Chart", const: "HierarchyChart" },
         { title: "Runner Boy", const: "RunnerBoyProgressBar" },
         { title: "Table", const: "Table" },
         { title: "Tabs", const: "TabSection" },
@@ -40,36 +49,115 @@ export const ComponentSchema: any = {
         { title: "Timer", const: "Timer" },
         { 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" },
+        { title: "PDF", const: "PdfViewer" }
+      ],
     },
     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" },
+      ],
+    },
+    dateFormat: {
+      oneOf: [
+        {
+          title: "YYYY-MM-DDTHH:mm:ss.SSSZ",
+          const: "YYYY-MM-DDTHH:mm:ss.SSSZ",
+        },
+        {
+          title: "YYYY-MM-DDTHH:mm:ssZ",
+          const: "YYYY-MM-DDTHH:mm:ssZ",
+        },
+        {
+          title: "YYYY-MM-DDTHH:mm:ss",
+          const: "YYYY-MM-DDTHH:mm:ss",
+        },
+        { title: "YYYY-MM-DD", const: "YYYY-MM-DD" },
+        { title: "DD-MM-YYYY", const: "DD-MM-YYYY" },
+        { title: "MM/DD/YYYY", const: "MM/DD/YYYY" },
+        {
+          title: "YYYY-MM-DD HH:mm:ss",
+          const: "YYYY-MM-DD HH:mm:ss",
+        },
+        {
+          title: "YYYY-MM-DD HH:mm:ss.SSS",
+          const: "YYYY-MM-DD HH:mm:ss.SSS",
+        },
+        { title: "Milliseconds", const: "x" },
+        { title: "Seconds", const: "X" },
+      ],
     },
     variant: {
       oneOf: [
-          { title: "Outlined", const: "outlined" },
-          { title: "Filled", const: "filled" },
-          { title: "Standard", const: "standard" },
-        ]
+        { title: "Outlined", const: "outlined" },
+        { title: "Filled", const: "filled" },
+        { title: "Standard", const: "standard" },
+      ],
+    },
+    linkType:{
+      oneOf:[
+        { title: "Step", const: "step" },
+        { title: "Diagonal", const: "diagonal" },
+        { title: "Line", const: "line" },
+      ]
+    },
+    positionVertical:{
+      oneOf: [
+        { title: "Top", const: "top" },
+        { title: "Center", const: "center" },
+        { title: "Bottom", const: "bottom" }
+      ],
+    },
+    positionHorizontal: {
+      oneOf: [
+        { title: "Left", const: "left" },
+        { title: "Center", const: "center" },
+        { title: "Right", const: "right" }
+      ],
+    },
+    contentVertical: {
+      oneOf: [
+        { title: "Top", const: "top" },
+        { title: "Center", const: "center" },
+        { title: "Bottom", const: "bottom" }
+      ],
+    },
+    contentHorizontal: {
+      oneOf: [
+        { title: "Left", const: "left" },
+        { title: "Center", const: "center" },
+        { title: "Right", const: "right" }
+      ],
+    },
+    toolTipPosition: {
+      oneOf: [
+        { title: "Top", const: "top" },
+        { title: "Left", const: "left" },
+        { title: "Right", const: "right" },
+        { title: "Bottom", const: "bottom" }
+      ],
+    },
+    growthRate: {
+      oneOf: [
+        { title: "Positive", const: "positive" },
+        { title: "Negative", const: "negative" }
+      ],
     },
     orientation: {
       oneOf: [
         { title: "Horizontal", const: "horizontal" },
         { title: "Vertical", const: "vertical" },
-      ]
+      ],
     },
     method: {
       type: "string",
@@ -78,7 +166,41 @@ export const ComponentSchema: any = {
         { title: "Post", const: "post" },
         { title: "Delete", const: "delete" },
         { title: "Put", const: "put" },
-      ]
+      ],
+    },
+    maxPageSize: {
+      type: "number",
+      oneOf: [
+        { title: "10", const: 10 },
+        { title: "20", const: 20 },
+        { title: "30", const: 30 },
+        { title: "50", const: 50 },
+        { title: "100", const: 100 },
+        { title: "500", const: 500 },
+      ],
+    },
+    initialDensity: {
+      type: "string",
+      oneOf: [
+        { title: "Compact", const: "compact" },
+        { title: "Comfortable", const: "comfortable" },
+        { title: "Spacious", const: "spacious" },
+      ],
+    },
+    xAxisFormatType: {
+      type: "string",
+      oneOf: [
+        { title: "Date and Month", const: "Date and Month" },
+        { title: "Month and Year", const: "Month and Year" }
+      ],
+    },
+    xAxisType: {
+      type: "string",
+      oneOf: [
+        { title: "Date", const: "date" },
+        { title: "String", const: "string" },
+        { title: "Number", const: "number" }
+      ],
     },
     layout: {
       type: "array",
@@ -94,9 +216,7 @@ export const ComponentSchema: any = {
               { title: "Large", const: "lg" },
             ],
           },
-          value: {
-
-          },
+          value: {},
         },
       },
     },
@@ -114,9 +234,7 @@ export const ComponentSchema: any = {
               { title: "Large", const: "lg" },
             ],
           },
-          value: {
-
-          },
+          value: {},
         },
       },
     },
@@ -173,7 +291,6 @@ export const ComponentSchema: any = {
           label: {
             type: "string",
           },
-
         },
       },
     },
@@ -185,7 +302,6 @@ export const ComponentSchema: any = {
           KeyName: {
             type: "string",
           },
-
         },
       },
     },
@@ -198,8 +314,8 @@ export const ComponentSchema: any = {
             type: "string",
           },
           value: {
-            type: "string"
-          }
+            type: "string",
+          },
         },
       },
     },
@@ -216,19 +332,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: {
@@ -236,10 +352,12 @@ export const ComponentSchema: any = {
       items: {
         type: "object",
         properties: {
+          key: {
+            type: "string",
+          },
           label: {
             type: "string",
           },
-
         },
       },
     },
@@ -248,10 +366,23 @@ export const ComponentSchema: any = {
       items: {
         type: "object",
         properties: {
+          key: {
+            type: "string",
+          },
           label: {
             type: "string",
           },
-
+        },
+      },
+    },
+    tabIcons: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          url: {
+            type: "string",
+          },
         },
       },
     },
@@ -263,7 +394,6 @@ export const ComponentSchema: any = {
           formatElement: {
             type: "string",
           },
-
         },
       },
     },
@@ -274,7 +404,6 @@ export const ComponentSchema: any = {
         properties: {
           componentName: {
             type: "string",
-
           },
           validationType: {
             type: "string",
@@ -283,7 +412,8 @@ export const ComponentSchema: any = {
               { const: "minLength", title: "Minimum Length" },
               { const: "maxLength", title: "Maximum Length" },
               { const: "pattern", title: "Pattern" },
-            ]
+              { const: "readOnly", title: "Read Only" },
+            ],
           },
           validationValue: {
             type: "string",
@@ -297,14 +427,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",
@@ -314,8 +444,13 @@ 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",
+        },
+        { title: "Area Graph", const: "AreaGraph" },
+        { title: "StackBar And Line Graph", const: "StackBarLineGraph" },
+      ],
     },
     iconName: {
       type: "string",
@@ -336,34 +471,44 @@ export const ComponentSchema: any = {
         { title: "Error Icon", const: "ErrorIcon" },
         { title: "Refresh Icon", const: "RefreshIcon" },
         { 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: "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: "Calendar", const: "Calendar" },
+        { 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: "Info Outlined", const: "InfoOutlinedIcon" },
+        { title: "Territory Add", const: "TerritoryAdd" },
+        { title: "Territory Edit", const: "TerritoryEdit" },
+        { title: "Territory Delete", const: "TerritoryDelete" },
+        { title: "Git Compare", const: "GitCompare" },
+      ],
     },
     color: {
       type: "string",
@@ -373,19 +518,18 @@ 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/elements/UiSchema/Component/uiSchema.ts

@@ -92,7 +92,67 @@ export const componentBasicUiSchema: any = (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 },
               },