impaktapps-ui-builder 0.0.382460 → 1.0.1-alpha.1

package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts

@@ -22,15 +22,20 @@ export const TableSection = (theme) => {
                     },
                     config: {
                       main: {
-                        color: "info",
                         onClick: "widgetAddClickHandler",
                         size: "small",
-                        icon: "AddIcon",
-                        iconLabel: "Add New",
+                        icon: "TableAddIcon",
+                        iconLabel: "Add",
                         styleDefault: true,
                       },
                       style: {
                         mt: "6px",
+                        color: "inherit",
+                        fill: "inherit",
+                        "&:hover": {
+                          color: "inherit",
+                          fill: "inherit",
+                        }
                       },
                     },
                   }
@@ -39,21 +44,25 @@ export const TableSection = (theme) => {
                   widget: {
                     type: "Control",
                     scope: "#/properties/Paste_Component",
-
                     options: {
                       widget: "IconButton",
                     },
                     config: {
                       main: {
-                        // color: "info",
                         onClick: "copyPasteElement",
                         size: "small",
-                        icon: "PasteIcon",
+                        icon: "TablePaste",
                         iconLabel: "Paste",
                         styleDefault: true,
                       },
                       style: {
                         mt: "6px",
+                        color: "inherit",
+                        fill: "inherit",
+                        "&:hover": {
+                          color: "inherit",
+                          fill: "inherit",
+                        }
                       },
                     },
                   }
@@ -69,16 +78,21 @@ export const TableSection = (theme) => {
         elements: [
           {
             accessorKey: "name",
-            header: "Name"
+            header: "Name",
+            type: "string",
+            size: 300,
           },
           {
             accessorKey: "type",
-            header: "Type"
+            header: "Type",
+            type: "string",
+            size: 200,
           },
           {
             header: "Edit Record",
             field: "Reject_Records",
-            flex: 1,
+            size: 150,
+            type: "action",
             widget: {
               type: "Control",
               scope: "#/properties/RejectButton",
@@ -87,14 +101,16 @@ export const TableSection = (theme) => {
               },
               config: {
                 main: {
-                  icon: "EditIcon",
-                  color: "primary",
+                  icon: "TableEditIcon",
+                  size: "small",
                   onClick: "editComponents",
                   tooltipMessage: "Reject This Record",
                 },
-
                 style: {
-                  color: theme.palette.primary.main,
+                  fill: theme.palette.primary.main,
+                  "& :hover": {
+                    fill: theme.palette.primary.dark,
+                  },
                 },
               },
             },
@@ -102,7 +118,8 @@ export const TableSection = (theme) => {
           {
             header: "Delete",
             field: "Reject_Records",
-            flex: 1,
+            size: 150,
+            type: "action",
             widget: {
               type: "Control",
               scope: "#/properties/RejectButton",
@@ -111,18 +128,24 @@ export const TableSection = (theme) => {
               },
               config: {
                 main: {
-                  icon: "RejectIcon",
-                  color: "error",
+                  icon: "Bin",
                   onClick: "deletePopUpComponent",
                   tooltipMessage: "Reject This Record",
                 },
+                style: {
+                  fill: theme.palette.primary.main,
+                  "& :hover": {
+                    fill: theme.palette.primary.dark,
+                  },
+                },
               },
             },
           },
           {
             header: "Copy",
             field: "Copy_Component",
-            flex: 1,
+            size: 150,
+            type: "action",
             widget: {
               type: "Control",
               scope: "#/properties/Copy_Component",
@@ -132,7 +155,6 @@ export const TableSection = (theme) => {
               config: {
                 main: {
                   icon: "FileCopyIcon",
-                  // color: "error",
                   onClick: "copyPasteElement",
                   styleDefault: true,
                   disabled: false

package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts

@@ -1,7 +1,13 @@
 export const ValidationSection = {
-  type: "HorizontalLayout",
+  type: "WrapperLayout",
+  config: {
+    main: {
+      label: " ",
+      gap: "8px"
+    }
+  },
   elements: [
-   {
+    {
       type: "Control",
       scope: "#/properties/validation",
       layout: 11.5,
@@ -53,5 +59,70 @@ export const ValidationSection = {
       },
 
     },
+
+  //  {
+  //   type: "Control",
+  //   scope: "#/properties/validation",
+  //   options: {
+  //     widget: "Array",
+  //   },
+  //   config: {
+  //     layout: 12,
+  //     main: {
+  //       label: "Validation",
+  //       childElementLabel: "Validation",
+  //     },
+  //     style: {
+  //       marginLeft: "-24px",
+  //       marginBottom: "24px !important",
+  //       labelStyle: {
+  //         marginLeft: "24px",
+  //       },
+  //       detailsStyle: {
+  //         marginLeft: "24px",
+  //       }
+  //     }
+  //   },
+  //   elements: [
+  //     {
+  //       type: "Control",
+  //       scope: "#/properties/validationType",
+  //       options: {
+  //         widget: "SelectInputField",
+  //       },
+  //       config: {
+  //         layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+  //         main: {
+  //           label: "Validation Type",
+  //         },
+  //       },
+  //     },
+  //     {
+  //       type: "Control",
+  //       scope: "#/properties/validationValue",
+
+  //       options: {
+  //         widget: "InputField",
+  //       },
+  //       config: {
+  //         layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+  //         main: {
+  //           label: "Validation Value",
+  //         },
+  //       },
+  //     },
+  //     {
+  //       type: "Control",
+  //       scope: "#/properties/emptyBox",
+  //       options: {
+  //         widget: "EmptyBox"
+  //       },
+  //       config: {
+  //         layout: {xs: 0, sm: 0, md: 4, lg: 4}
+  //       }
+  //     }
+  //   ],
+  // },
+
   ]
 };

package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts

@@ -1,57 +1,75 @@
-import { OptionArray } from "./coreSection";
-
 export const ValueTab = {
-  type: "HorizontalLayout",
+  type: "WrapperLayout",
+  config: {
+    main: {
+      label: " ",
+      gap: "8px"
+    }
+  },
   elements: [
     {
       type: "Control",
       scope: "#/properties/value",
-      layout: 12,
       options: {
-        detail: {
-          type: "HorizontalLayout",
-          elements: [
-            {
-              type: "Control",
-              scope: "#/properties/label",
-              options: {
-                widget: "InputField",
-              },
-              config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-                main: {
-                  label: "Label",
-                },
-              },
+        widget: "Array",
+      },
+      config: {
+        layout: 12,
+        main: {
+          label: "Value",
+          childElementLabel: "Value",
+        },
+        style: {
+          marginLeft: "-24px",
+          marginBottom: "24px !important",
+          labelStyle: {
+            marginLeft: "24px",
+          },
+          detailsStyle: {
+            marginLeft: "24px",
+          }
+        }
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "InputField",
+          },
+          config: {
+            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+            main: {
+              label: "Label",
             },
-            {
-              type: "Control",
-              scope: "#/properties/value",
-    
-              options: {
-                widget: "InputField",
-              },
-              config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-                main: {
-                  label: "Value",
-                  
-                },
-              },
+          },
+        },
+        {
+          type: "Control",
+          scope: "#/properties/value",
+
+          options: {
+            widget: "InputField",
+          },
+          config: {
+            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+            main: {
+              label: "Value",
+              
             },
-            {
-              type: "Control",
-              scope: "#/properties/emptyBox",
-              options: {
-                widget: "EmptyBox"
-              },
-              config: {
-                layout: { xs: 0, sm: 0, md: 4, lg: 4 },
-              }
-            }
-          ],
+          },
         },
-      },
+        {
+          type: "Control",
+          scope: "#/properties/emptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            layout: { xs: 0, sm: 0, md: 4, lg: 4 },
+          }
+        }
+      ],
     }
   ],
 };

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

@@ -1,47 +1,55 @@
+//headerIcons //action //elements
 export const ComponentSchema: any = {
   type: "object",
   properties: {
     type: {
-      // type: "string",
       oneOf: [
-        { title: "AadharcardText", const: "AadharcardText" },
+        { title: "Masked Aadhar Card", const: "AadharcardText" },
         { title: "Array", const: "Array" },
         { title: "Button", const: "Button" },
-        { title: "Card", const: "card" },
-        { title: "CheckBox", const: "CheckBox" },
+        { title: "Data Card", const: "card" },
+        { title: "Check Box", const: "CheckBox" },
         { title: "Container", const: "WrapperSection" },
-        { title: "DataGrid", const: "DataGrid" },
+        { title: "Data Grid", const: "DataGrid" },
         { title: "Date", const: "Date" },
-        { title: "DateTime", const: "DateTime" },
-        { title: "Download File", const: "DownloadFile" },
+        { title: "Time Stamp", const: "DateTime" },
+        { title: "Download", const: "DownloadFile" },
         { title: "Empty Box", const: "EmptyBox" },
-        { title: "File", const: "FileInput" },
+        { title: "File Handler", const: "FileInput" },
         { title: "Graph", const: "Graph" },
         { title: "Input Slider", const: "InputSlider" },
         { title: "Label", const: "Box" },
-        { title: "LeaderBoard", const: "LeaderBoard" },
-        { title: "MultipleSelect", const: "MultipleSelect" },
-        { title: "PanCardText", const: "PanCardText" },
-        { title: "Popup Container", const: "PopUp" },
-        { title: "ProgressBar", const: "ProgressBar" },
-        { title: "ProgressBar Card", const: "ProgressBarCard" },
-        { title: "Select", const: "Select" },
+        { title: "Leaderboard", const: "LeaderBoard" },
+        { title: "Multi-Select Dropdown", const: "MultipleSelect" },
+        { title: "Pan Card Masked", const: "PanCardText" },
+        { title: "Pop Up", const: "PopUp" },
+        { title: "Progress Bar", const: "ProgressBar" },
+        { title: "Progress Bar Card", const: "ProgressBarCard" },
+        { title: "Dropdown", const: "Select" },
         { title: "Slider", const: "Slider" },
-        { title: "SpeedoMeter", const: "SpeedoMeter" },
+        { title: "Speedometer", const: "SpeedoMeter" },
         { title: "Stepper Container", const: "Stepper" },
         { title: "Radio", const: "Radio" },
         { title: "Rank", const: "Rank" },
         { title: "Rank Card", const: "RankCard" },
-        { title: "Runner Boy Progress Bar", const: "RunnerBoyProgressBar" },
+        { title: "Runner Boy", const: "RunnerBoyProgressBar" },
         { title: "Table", const: "Table" },
         { title: "Tabs", const: "TabSection" },
         { title: "Text", const: "Text" },
         { title: "Text Area", const: "TextArea" },
         { title: "Timer", const: "Timer" },
-        { title: "Upload File", const: "UploadFile" },
-        { title: "TreeMap", const: "TreeMap" },
-        { title: "ColumnGroup", const: "ColumnGroup" },
-        { title: "Thought of the Day", const: "Thought" },
+        { title: "Upload", const: "UploadFile" },
+        { title: "Tree ", const: "TreeMap" },
+        { title: "Column Group", const: "ColumnGroup" },
+        { title: "Thought of the day", const: "Thought" },
+        { title: "Phone Input", const: "PhoneInput" }
+      ]
+    },
+    elementType: {
+      oneOf: [
+        { title: "Table Action Element", const: "action" },
+        { title: "Table Header Element", const: "tableHeader" },
+        { title: "Table Element", const: "element" },
       ]
     },
     columnFormat: {
@@ -70,7 +78,7 @@ export const ComponentSchema: any = {
       type: "array",
       items: {
         type: "object",
-        properties: { 
+        properties: {
           key: {
             type: "string",
             oneOf: [
@@ -81,7 +89,6 @@ export const ComponentSchema: any = {
             ],
           },
           value: {
-            // type: "string",
 
           },
         },
@@ -102,7 +109,6 @@ export const ComponentSchema: any = {
             ],
           },
           value: {
-            // type: "string",
 
           },
         },
@@ -191,7 +197,7 @@ export const ComponentSchema: any = {
         },
       },
     },
-    enableColumnFilter:{
+    enableColumnFilter: {
       type: "array",
       items: {
         type: "object",
@@ -202,25 +208,23 @@ export const ComponentSchema: any = {
         },
       },
     },
-    filteringOptions:{
-      type: "array",
-      items:{
-        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' },
-        ]
-      },
+    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' },
+      ]
     },
+
     legendLabels: {
       type: "array",
       items: {
@@ -339,11 +343,14 @@ export const ComponentSchema: any = {
         { title: "Info", const: "info" },
       ]
     },
+    pageName: {
+      path: []
+    },
     name: {
       type: "string",
     },
     label: { type: 'string' },
-    RemoveItemButton:{
+    RemoveItemButton: {
       disabled: true,
     },
   },