impaktapps-ui-builder 1.0.4 → 1.0.5

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

@@ -92,7 +92,57 @@ 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 },
               },
@@ -100,129 +150,81 @@ export const componentBasicUiSchema: any = (theme) => {
                 widget: "EmptyBox",
               },
             },
-            // {
-            //   type: "Control",
-            //   scope: "#/properties/layout",
-            //   options: {
-            //     widget: "Array",
-            //   },
-            //   config: {
-            //     layout: 12,
-            //     main: {
-            //       label: "Layout",
-            //       childElementLabel: "Layout",
-            //     },
-            //     style: {
-            //       marginLeft: "-24px",
-            //       marginBottom: "24px !important",
-            //       labelStyle: {
-            //         marginLeft: "24px",
-            //       },
-            //       detailsStyle: {
-            //         marginLeft: "24px",
-            //       }
-            //     }
-            //   },
-            //   elements: [
-            //     {
-            //       type: "Control",
-            //       scope: "#/properties/key",
-            //       options: {
-            //         widget: "SelectInputField",
-            //       },
-            //       config: {
-            //         layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-            //         main: {
-            //           label: "Screen Size",
-                    
-            //         },
-            //       },
-            //     },
-            //     {
-            //       type: "Control",
-            //       scope: "#/properties/value",
-
-            //       options: {
-            //         widget: "InputField",
-            //       },
-            //       config: {
-            //         layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-            //         main: {
-            //           label: "Value",
-            //           type:"number",
-            //           helperText:'Number should be in range of 0 to 12',
-            //           errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
-                     
-            //         },
-            //       },
-            //     },
-            //     {
-            //       type: "Control",
-            //       scope: "#/properties/proc",
-            //       config: {
-            //         layout: { xs: 0, sm: 0, md: 4, lg: 4 },
-            //       },
-            //       options: {
-            //         widget: "EmptyBox",
-            //       },
-            //     },
-            //   ],
-            // },
             {
-                type: "Control",
-                scope: "#/properties/layout",
+              type: "Control",
+              scope: "#/properties/proc11",
+              config: {
+                layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+              },
+              options: {
+                widget: "EmptyBox",
+              },
+            },
+            {
+              type: "Control",
+              scope: "#/properties/layout",
+              config: {
                 layout: 12,
-                options: {
-                  detail: {
-                    type: "HorizontalLayout",
-                    elements: [
-                      {
-                        type: "Control",
-                        scope: "#/properties/key",
-                        options: {
-                          widget: "SelectInputField",
-                        },
-                        config: {
-                          layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-                          main: {
-                            label: "Screen Size",
-
-                          },
-                        },
-                      },
-                      {
-                        type: "Control",
-                        scope: "#/properties/value",
-
-                        options: {
-                          widget: "InputField",
-                        },
-                        config: {
-                          layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-                          main: {
-                            label: "Value",
-                            type: "number",
-                            // freeSolo:true,
-                            helperText: 'Number should be in range of 0 to 12',
-                            errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
+                main: {
+                  label: "Layout",
+                  childElementLabel: "Layout",
+                },
+                style: {
+                  marginLeft: "-24px",
+                  marginBottom: "24px !important",
+                  labelStyle: {
+                    marginLeft: "24px",
+                  },
+                  detailsStyle: {
+                    marginLeft: "24px",
+                  }
+                }
+              },
+              elements: [
+                {
+                  type: "Control",
+                  scope: "#/properties/key",
+                  options: {
+                    widget: "SelectInputField",
+                  },
+                  config: {
+                    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                    main: {
+                      label: "Screen Size",
+                    
+                    },
+                  },
+                },
+                {
+                  type: "Control",
+                  scope: "#/properties/value",
 
-                          },
-                        },
-                      },
-                      {
-                        type: "Control",
-                        scope: "#/properties/proc",
-                        config: {
-                          layout: { xs: 0, sm: 0, md: 4, lg: 4 },
-                        },
-                        options: {
-                          widget: "EmptyBox",
-                        },
-                      },
-                    ],
+                  options: {
+                    widget: "InputField",
+                  },
+                  config: {
+                    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                    main: {
+                      label: "Value",
+                      type:"number",
+                      helperText:'Number should be in range of 0 to 12',
+                      errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
+                     
+                    },
                   },
                 },
-              },
+                {
+                  type: "Control",
+                  scope: "#/properties/proc",
+                  config: {
+                    layout: { xs: 0, sm: 0, md: 4, lg: 4 },
+                  },
+                  options: {
+                    widget: "EmptyBox",
+                  },
+                },
+              ],
+            }
           ],
         },
       ],

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

@@ -45,5 +45,5 @@ export const PageMasterSchema  = {
       disabled: true
     }
 },
-required:["template","name", "label"]
+required:["name", "label"]
 }

package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts

@@ -49,12 +49,44 @@ export const PageMasterUiSchema: any = (theme) => {
                 required: true,
               },
             },
+          },
+           {
+            type: "Control",
+            scope: "#/properties/pageIconUrl",
+
+            options: {
+              widget: "InputField",
+            },
+            config: {
+              layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+              main: {
+                label: "Page Icon URL",
+                options: [],
+                color: "secondary",
+                required: true,
+              },
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/hasBackIcon",
+
+            options: {
+              widget: "RadioInputField",
+            },
+            config: {
+              layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+              main: {
+                label: "Back Icon",
+                options: [{label: "Yes",const: "YES"}, {label: "No",const: "NO"}],
+              },
+            },
           },
           {
             type: "Control",
             scope: "#/properties/EmptyBox",
             config: {
-              layout: { xs: 0, sm: 0, md: 4, lg: 6 },
+              layout: { xs: 0, sm: 6, md: 0, lg: 3 },
             },
             options: {
               widget: "EmptyBox",
@@ -159,91 +191,70 @@ export const PageMasterUiSchema: any = (theme) => {
                 disableAction: true,
                 disableSelection: true,
                 enableDrag: true,
-              }
-            },
-            elements: [
-              {
-                accessorKey: "name",
-                header: "Name",
-                size: 300,
-                type: "string"
-              },
-              {
-                accessorKey: "type",
-                header: "Type",
-                size: 300,
-                type: "string"
               },
-              {
-                header: "Edit",
-                field: "Reject_Records",
-                size: 150,
-                type: "action",
-                widget: {
+              action: [
+                {
                   type: "Control",
                   scope: "#/properties/RejectButton",
                   options: {
-                    widget: "IconButton",
+                    widget: "Button",
                   },
                   config: {
                     main: {
-                      icon: "TableEditIcon",
+                      size: "small",
+                      startIcon: "EditIcon",
                       onClick: "Edit_Components",
                       tooltipMessage: "Edit 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",
+                      size: "small",
+                      startIcon: "Bin",
                       onClick: "deletePopUpComponent",
                       tooltipMessage: "Reject This Record",
-                    },
-                    style: {
-                      fill: theme.palette.primary.main,
-                      "& :hover": {
-                        fill: theme.palette.primary.dark,
-                      },
+                      name: "Delete"
                     },
                   },
                 },
-              },
-              {
-                header: "Copy",
-                field: "Copy_Component",
-                flex: 1,
-                widget: {
+                {
                   type: "Control",
                   scope: "#/properties/Copy_Component",
                   options: {
-                    widget: "IconButton",
+                    widget: "Button",
                   },
                   config: {
                     main: {
-                      icon: "FileCopyIcon",
+                      size: "small",
+                      startIcon: "FileCopyIcon",
                       onClick: "copyPasteElement",
-                      styleDefault: true,
+                      styleDefault: false,
+                      name: "Copy"
                     },
                   },
                 },
+              ]
+            },
+            elements: [
+              {
+                accessorKey: "name",
+                header: "Name",
+                size: 300,
+                type: "string"
+              },
+              {
+                accessorKey: "type",
+                header: "Type",
+                size: 300,
+                type: "string"
               },
             ]
           },
@@ -321,93 +332,70 @@ export const PageMasterUiSchema: any = (theme) => {
                 enableDrag: true,
 
               },
-            },
-            elements: [
-
-              {
-                accessorKey: "eventType",
-                header: "Event's Type",
-                size: 300,
-                type: "string"
-              },
-              {
-                accessorKey: "Handler",
-                header: "Handler",
-                size: 200,
-                type: "string"
-              },
-              {
-                accessorKey: "Edit_Approve_Records",
-                header: "Edit",
-                type: "action",
-                size: 150,
-                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: "editEvent",
-                    },
-                    style: {
-                      fill: theme.palette.primary.main,
-                      "& :hover": {
-                        fill: theme.palette.primary.dark,
-                      },
+                      name: "Edit"
                     },
                   },
                 },
-              },
-              {
-                accessorKey: "Reject_Records",
-                header: "Delete",
-                type: "action",
-                size: 150,
-                widget: {
+                {
                   type: "Control",
                   scope: "#/properties/RejectButton",
                   options: {
-                    widget: "IconButton",
+                    widget: "Button",
                   },
                   config: {
                     main: {
-                      icon: "Bin",
+                      size: "small",
+                      startIcon: "Bin",
                       tooltipMessage: "Reject This Record",
                       onClick: "deletePopUpEvent",
-                    },
-                    style: {
-                      fill: theme.palette.primary.main,
-                      "& :hover": {
-                        fill: theme.palette.primary.dark,
-                      },
+                      name: "Delete"
                     },
                   },
                 },
-              },
-              {
-                header: "Copy",
-                field: "Copy_Event",
-                type: "action",
-                size: 150,
-                widget: {
+                {
                   type: "Control",
                   scope: "#/properties/Copy_Event",
                   options: {
-                    widget: "IconButton",
+                    widget: "Button",
                   },
                   config: {
                     main: {
-                      icon: "FileCopyIcon",
+                      size: "small",
+                      startIcon: "FileCopyIcon",
                       onClick: "copyPasteElement",
                       styleDefault: true,
+                      name: "Copy"
                     },
                   },
                 },
+              ]
+            },
+            elements: [
+
+              {
+                accessorKey: "eventType",
+                header: "Event's Type",
+                size: 300,
+                type: "string"
+              },
+              {
+                accessorKey: "Handler",
+                header: "Handler",
+                size: 200,
+                type: "string"
               },
             ]
           },

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

@@ -46,11 +46,17 @@ export const EventSchema = {
         { title: "Start", const: "onStart" },
         { title: "Cell Render", const: "onCellRenderer" },
         { title: "Upload", const: "onUpload" },
+        { title: "FileDelete", const: "onFileDelete" },
+        { title: "Download", const: "onDownload" },
         { title: "Back", const: "onBack" },
         { title: "Next", const: "onNext" },
         { title: "Row Movement", const: "onRowMovement" },
         { title: "Download", const: "onDownload" },
-        { title: "Fail", const: "Fail" }
+        { title: "Fail", const: "Fail" },
+        { title: "onClose", const: "onClose" },
+        { title: "Key Down", const: "onKeyDown" },
+        { title: "Set Style", const: "setStyle" },
+
       ]
     },
     Handler: {
@@ -67,7 +73,7 @@ export const EventSchema = {
       oneOf: [
         { title: "RankProvider", const: "RankProvider" },
         { title: "Download File", const: "downloadFile" },
-        { title: "Download", const: "download" },
+        { title: "downloadFileFromUrl", const: "downloadFileFromUrl" },
       ]
     },
     body: {
@@ -84,12 +90,12 @@ export const EventSchema = {
         },
       },
     },
-    RemoveItemButton:{
+    RemoveItemButton: {
       disabled: true,
     },
     pageName: {
-      path: [{label: "defaultLabel", path: "defaultPath"}]
+      path: [{ label: "defaultLabel", path: "defaultPath" }]
     },
   },
-required:["eventType","Handler"]
+  required: ["eventType", "Handler"]
 }