impaktapps-ui-builder 1.0.3 → 1.0.5

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,7 @@ export const ComponentSchema: any = {
         { title: "Radio", const: "Radio" },
         { title: "Rank", const: "Rank" },
         { title: "Rank Card", const: "RankCard" },
+        { title: "Metric Card", const: "MetricCard" },
         { title: "Runner Boy", const: "RunnerBoyProgressBar" },
         { title: "Table", const: "Table" },
         { title: "Tabs", const: "TabSection" },
@@ -40,29 +48,108 @@ 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" },
+      ],
+    },
+    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",
@@ -71,7 +158,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",
@@ -87,9 +208,7 @@ export const ComponentSchema: any = {
               { title: "Large", const: "lg" },
             ],
           },
-          value: {
-
-          },
+          value: {},
         },
       },
     },
@@ -107,9 +226,7 @@ export const ComponentSchema: any = {
               { title: "Large", const: "lg" },
             ],
           },
-          value: {
-
-          },
+          value: {},
         },
       },
     },
@@ -144,20 +261,20 @@ export const ComponentSchema: any = {
         },
       },
     },
-    events: {
-      type: "array",
-      items: {
-        type: "object",
-        properties: {
-          eventType: {
-            type: "string",
-          },
-          configType: {
-            type: "string",
-          },
-        },
-      },
-    },
+    // events: {
+    //   type: "array",
+    //   items: {
+    //     type: "object",
+    //     properties: {
+    //       eventType: {
+    //         type: "string",
+    //       },
+    //       configType: {
+    //         type: "string",
+    //       },
+    //     },
+    //   },
+    // },
     sectionLabels: {
       type: "array",
       items: {
@@ -166,7 +283,6 @@ export const ComponentSchema: any = {
           label: {
             type: "string",
           },
-
         },
       },
     },
@@ -178,7 +294,6 @@ export const ComponentSchema: any = {
           KeyName: {
             type: "string",
           },
-
         },
       },
     },
@@ -191,8 +306,8 @@ export const ComponentSchema: any = {
             type: "string",
           },
           value: {
-            type: "string"
-          }
+            type: "string",
+          },
         },
       },
     },
@@ -209,19 +324,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: {
@@ -229,10 +344,12 @@ export const ComponentSchema: any = {
       items: {
         type: "object",
         properties: {
+          key: {
+            type: "string",
+          },
           label: {
             type: "string",
           },
-
         },
       },
     },
@@ -241,10 +358,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",
+          },
         },
       },
     },
@@ -256,7 +386,6 @@ export const ComponentSchema: any = {
           formatElement: {
             type: "string",
           },
-
         },
       },
     },
@@ -267,7 +396,6 @@ export const ComponentSchema: any = {
         properties: {
           componentName: {
             type: "string",
-
           },
           validationType: {
             type: "string",
@@ -276,7 +404,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",
@@ -290,14 +419,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",
@@ -307,8 +436,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",
@@ -329,8 +463,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: "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",
@@ -340,19 +510,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"],
 };