impaktapps-ui-builder 1.0.4 → 1.0.9-4.card.2

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

@@ -6,7 +6,7 @@ export default {
   },
 
   config: {   
-     layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+     layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "date",
@@ -21,7 +21,7 @@ export const DateTime = {
   },
 
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "DateTime",
       type: "date",

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

@@ -6,7 +6,7 @@ export default {
   },
 
   config: {
-    layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {},
     style:{}
   },

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

@@ -74,95 +74,71 @@ export const EventSection = (theme)=>{
             enableDrag: true,
           
           },
-        },
-        elements: [
-              
-          {
-            accessorKey: "eventType",
-            header: "Event's Type",
-            type: "string",
-            size: 300,
-          },
-          {
-            accessorKey: "Handler",
-            header: "Handler",
-            type: "string",
-            size: 200,
-          },
-          {
-            accessorKey: "Edit_Approve_Records",
-            header: "Edit",
-            size: 150,
-            type: "action",
-            widget: {
+          action: [
+            {
               type: "Control",
               scope: "#/properties/Edit_Records",
               options: {
-                widget: "IconButton",
+                widget: "Button",
               },
               config: {
                 main: {
                   size: "small",
-                  icon: "TableEditIcon",
+                  startIcon: "EditIcon",
                   tooltipMessage: "Edit This Record",
                   onClick: "eventEditHandler",
-                },
-                style: {
-                  fill: theme.palette.primary.main,
-                  "& :hover": {
-                    fill: theme.palette.primary.dark,
-                  },
+                  name: "Edit"
                 },
               },
             },
-          },
-          {
-            accessorKey: "Reject_Records",
-            header: "Delete",
-            size: 150,
-            type: "action",
-            widget: {
+            {
               type: "Control",
               scope: "#/properties/RejectButton",
               accessorKeyName: "Reject_Records",
               options: {
-                widget: "IconButton",
+                widget: "Button",
               },
               config: {
                 main: {
-                  icon: "Bin",
+                  startIcon: "Bin",
                   tooltipMessage: "Reject This Record",
                   onClick: "deletePopUpEvent",
-                },
-                style: {
-                  fill: theme.palette.primary.main,
-                  "& :hover": {
-                    fill: theme.palette.primary.dark,
-                  },
+                  name: "Delete",
+                  size: "small"
                 },
               },
             },
-          },
-          {
-            header: "Copy",
-            field: "Copy_Event",
-            size: 150,
-            type: "action",
-            widget: {
+            {
               type: "Control",
               scope: "#/properties/Copy_Event",
               options: {
-                widget: "IconButton",
+                widget: "Button",
               },
               config: {
                 main: {
-                  icon: "FileCopyIcon",
+                  startIcon: "FileCopyIcon",
                   onClick: "copyPasteElement",
                   tooltipMessage: "Reject This Record",
-                  styleDefault: true,
+                  styleDefault: false,
+                  name: "Copy"
                 },
               },
             },
+          ]
+        },
+        elements: [
+              
+          {
+            accessorKey: "eventType",
+            header: "Event's Type",
+            type: "string",
+            size: 300,
+          },
+          {
+            accessorKey: "Handler",
+            header: "Handler",
+            type: "string",
+            size: 200,
           },
         ]
       }]}

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

@@ -13,7 +13,7 @@ export const uploadFile =  {
       "style": {
         "backgroundColor": "none"
       },
-      layout: { xs: 6, sm: 6, md: 4, lg: 4 }
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 }
     },
     "options": {
       "widget": "UploadFile"
@@ -30,9 +30,9 @@ export const downloadFile =   {
       "style": {
         "backgroundColor": "none"
       },
-      layout: { xs: 12, sm: 6, md: 4, lg: 4 }
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 }
     },
     "options": {
       "widget": "DownloadFile"
     }
-  };
+  };

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

@@ -0,0 +1,11 @@
+export default {
+    type: "HorizontalLayout",
+    config: {
+      layout: 12,
+      main: {
+        rowSpacing: 3,
+        divider: false,
+      },
+      defaultStyle: true,
+    },
+    elements: []}

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

@@ -6,12 +6,12 @@ export default {
     widget: "MultipleSelect",
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "text",
       multiple: true,
-      variant: "standard",
+      variant: "outlined",
       options: [],
     },
   },

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

@@ -6,9 +6,6 @@ export const refreshSectionUiSchema = {
     {
       type: "Control",
       scope: "#/properties/refreshElements",
-      options: {
-        widget: "Array",
-      },
       config: {
         layout: 12,
         main: {

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

@@ -6,7 +6,7 @@ export default {
     widget: "SelectInputField",
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "text",

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

@@ -6,6 +6,7 @@ export default {
   },
   elements: [],
   config: {
+    layout: 12,
     main: {
       onMount: "onMount",
       enableExpandAll: true,

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

@@ -74,93 +74,68 @@ export const TableSection = (theme) => {
             enableDrag: true,
 
           },
-        },
-        elements: [
-          {
-            accessorKey: "name",
-            header: "Name",
-            type: "string",
-            size: 300,
-          },
-          {
-            accessorKey: "type",
-            header: "Type",
-            type: "string",
-            size: 200,
-          },
-          {
-            header: "Edit Record",
-            field: "Reject_Records",
-            size: 150,
-            type: "action",
-            widget: {
+          action: [
+            {
               type: "Control",
               scope: "#/properties/RejectButton",
               options: {
-                widget: "IconButton",
+                widget: "Button",
               },
               config: {
                 main: {
-                  icon: "TableEditIcon",
+                  startIcon: "EditIcon",
                   size: "small",
                   onClick: "editComponents",
                   tooltipMessage: "Reject This Record",
-                },
-                style: {
-                  fill: theme.palette.primary.main,
-                  "& :hover": {
-                    fill: theme.palette.primary.dark,
-                  },
+                  name: "Edit"
                 },
               },
             },
-          },
-          {
-            header: "Delete",
-            field: "Reject_Records",
-            size: 150,
-            type: "action",
-            widget: {
+            {
               type: "Control",
               scope: "#/properties/RejectButton",
               options: {
-                widget: "IconButton",
+                widget: "Button",
               },
               config: {
                 main: {
-                  icon: "Bin",
+                  startIcon: "Bin",
                   onClick: "deletePopUpComponent",
                   tooltipMessage: "Reject This Record",
-                },
-                style: {
-                  fill: theme.palette.primary.main,
-                  "& :hover": {
-                    fill: theme.palette.primary.dark,
-                  },
+                  name: "Delete",
+                  size: "small"
                 },
               },
             },
-          },
-          {
-            header: "Copy",
-            field: "Copy_Component",
-            size: 150,
-            type: "action",
-            widget: {
+            {
               type: "Control",
               scope: "#/properties/Copy_Component",
               options: {
-                widget: "IconButton",
+                widget: "Button",
               },
               config: {
                 main: {
-                  icon: "FileCopyIcon",
+                  startIcon: "FileCopyIcon",
                   onClick: "copyPasteElement",
-                  styleDefault: true,
-                  disabled: false
+                  styleDefault: false,
+                  name: "Copy"
                 },
               },
             },
+          ]
+        },
+        elements: [
+          {
+            accessorKey: "name",
+            header: "Name",
+            type: "string",
+            size: 300,
+          },
+          {
+            accessorKey: "type",
+            header: "Type",
+            type: "string",
+            size: 200,
           },
         ]
       }]

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

@@ -6,7 +6,7 @@ export default {
       widget: "InputField",
     },
     config: {
-      layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 },
       main: {
         label: "",
       },

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

@@ -7,122 +7,67 @@ export const ValidationSection = {
     }
   },
   elements: [
-    {
-      type: "Control",
-      scope: "#/properties/validation",
-      layout: 11.5,
-      options: {
-        "elementLabelProp": "validationType",
-        detail: {
-          type: "HorizontalLayout",
-          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}
-              }
-            }
-          ],
-        },
+  
+   {
+    type: "Control",
+    scope: "#/properties/validation",
+    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",
 
-  //  {
-  //   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}
-  //       }
-  //     }
-  //   ],
-  // },
+        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

@@ -10,9 +10,6 @@ export const ValueTab = {
     {
       type: "Control",
       scope: "#/properties/value",
-      options: {
-        widget: "Array",
-      },
       config: {
         layout: 12,
         main: {

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

@@ -1,6 +1,7 @@
 export default {
     type: "WrapperLayout",
     config: {
+      layout: 12,
       main: {
         rowSpacing: 3,
         divider: true,

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

@@ -10,6 +10,7 @@ export const ComponentSchema: any = {
         { title: "Data Card", const: "card" },
         { title: "Check Box", const: "CheckBox" },
         { title: "Container", const: "WrapperSection" },
+        { title: "Tab Container", const: "HorizontalLayout" },
         { title: "Data Grid", const: "DataGrid" },
         { title: "Date", const: "Date" },
         { title: "Time Stamp", const: "DateTime" },
@@ -17,6 +18,7 @@ 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" },
@@ -55,9 +57,16 @@ export const ComponentSchema: any = {
       oneOf: [
         { title: "Date Column", const: "date" },
         { title: "DateTime Column", const: "dateTime" },
-        { title: "Amount Column", const: "amount" },
+        { title: "Amount Column", const: "amount" }
       ]
     },
+    variant: {
+      oneOf: [
+          { title: "Outlined", const: "outlined" },
+          { title: "Filled", const: "filled" },
+          { title: "Standard", const: "standard" },
+        ]
+    },
     orientation: {
       oneOf: [
         { title: "Horizontal", const: "horizontal" },
@@ -144,20 +153,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: {
@@ -329,7 +338,34 @@ 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" }
       ]
     },
     color: {