impaktapps-ui-builder 0.0.101-alpha.11 → 0.0.101-alpha.110

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

@@ -89,8 +89,6 @@ export const componentBasicUiSchema: any = (theme)=>{
                 layout: { xs: 12, sm: 6, md: 4, lg: 3 },
                 main: {
                   label: "Component ID",
-                  options: [],
-                  color: "secondary",
                   required: true,
                 },
               },
@@ -322,51 +320,62 @@ export const componentBasicUiSchema: any = (theme)=>{
     //     },
     //   ]
     // },
+    
     {
-      type: "Control",
-      scope: "#/properties/btn",
-      options: {
-        widget: "Button",
-      },
-
+      type: "WrapperLayout",
       config: {
-        layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
         main: {
-          name: "Ok",
-          variant: "contained",
-          type: "text",
-          onClick: "okHandler",
-          size: "medium",
-        },
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/btnSubmit",
-      options: {
-        widget: "Button",
+          gap: "8px"
+        }
       },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/btn",
+          options: {
+            widget: "Button",
+          },
 
-      config: {
-        layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
-        main: {
-          name: "Save & Exit",
-          variant: "contained",
-          type: "text",
-          onClick: "saveHandler",
-          size: "medium",
+          config: {
+            layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
+            main: {
+              name: "Ok",
+              variant: "contained",
+              type: "text",
+              onClick: "okHandler",
+              size: "medium",
+            },
+          },
         },
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/EmptyBox",
-      config: {
-        layout: { xs: 4, sm:7, md: 8, lg: 9 },
-      },
-      options: {
-        widget: "EmptyBox",
-      },
+        {
+          type: "Control",
+          scope: "#/properties/btnSubmit",
+          options: {
+            widget: "Button",
+          },
+
+          config: {
+            layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
+            main: {
+              name: "Save & Exit",
+              variant: "contained",
+              type: "text",
+              onClick: "saveHandler",
+              size: "medium",
+            },
+          },
+        },
+        {
+          type: "Control",
+          scope: "#/properties/EmptyBox",
+          config: {
+            layout: { xs: 4, sm:7, md: 8, lg: 9 },
+          },
+          options: {
+            widget: "EmptyBox",
+          },
+        },
+      ],
     },
     {
       type: "Control",
@@ -398,15 +407,16 @@ export const componentBasicUiSchema: any = (theme)=>{
             config: {
               layout: 11,
               main: {
-                heading: "Are you sure you want to delete ?",
+                heading: "Are you sure you want to delete this Component ?",
               },
               style:{
-                marginTop: "-20px",
-                fontSize: "20px",
                 "&.MuiTypography-root": {
-                  padding: "10px 30px 20px 30px",
+                  padding: "0px 20px",
                   textAlign: "center",
-                  lineHeight: "1"
+                  lineHeight: "1.2",
+                  fontWeight: "normal",
+                  fontSize: "18px",
+                  marginBottom: theme.spacing(5)
                 }
               }
             },
@@ -436,6 +446,8 @@ export const componentBasicUiSchema: any = (theme)=>{
                   },
                   style: {
                     position: "absolute",
+                    padding: "8px 0px",
+                    fontSize: "16px",
                     bottom: 0,
                     left: 0,
                     width: "50%",
@@ -471,6 +483,8 @@ export const componentBasicUiSchema: any = (theme)=>{
                   },
                   style: {
                     position: "absolute",
+                    padding: "8px 0px",
+                    fontSize: "16px",
                     bottom: 0,
                     right: 0,
                     width: "50%",
@@ -521,15 +535,17 @@ export const componentBasicUiSchema: any = (theme)=>{
             config: {
               layout: 11,
               main: {
-                heading: "Are you sure you want to delete ?",
+                heading: "Are you sure you want to delete this Event ?",
               },
               style:{
-                marginTop: "-20px",
                 fontSize: "20px",
                 "&.MuiTypography-root": {
-                  padding: "10px 30px 20px 30px",
+                  padding: "0px 20px",
                   textAlign: "center",
-                  lineHeight: "1"
+                  lineHeight: "1.2",
+                  fontWeight: "normal",
+                  fontSize: "18px",
+                  marginBottom: theme.spacing(5)
                 }
               }
             },
@@ -559,6 +575,8 @@ export const componentBasicUiSchema: any = (theme)=>{
                   },
                   style: {
                     position: "absolute",
+                    padding: "8px 0px",
+                    fontSize: "16px",
                     bottom: 0,
                     left: 0,
                     width: "50%",
@@ -594,6 +612,8 @@ export const componentBasicUiSchema: any = (theme)=>{
                   },
                   style: {
                     position: "absolute",
+                    padding: "8px 0px",
+                    fontSize: "16px",
                     bottom: 0,
                     right: 0,
                     width: "50%",
@@ -614,6 +634,54 @@ export const componentBasicUiSchema: any = (theme)=>{
           },
         ]
     },
+    // {
+    //   type: "Control",
+    //   scope: "#/properties/pageName",
+     
+    //   options: {
+    //     widget: "Box",
+    //   },
+    //   config: {
+    //     layout: 12,
+    //     main: {
+    //       heading: "",
+    //     },
+    //     style: {
+    //       paddingLeft: theme.spacing(3),
+    //       width:"100%",
+    //       fontSize:"10px",
+    //       color:theme.palette.grey[600],
+    //       position: "fixed",
+    //       bottom: "24px",
+    //       backgroundColor: theme.palette.background.default,
+    //       borderBottom: `1px solid ${theme.palette.common.black}29`,
+    //       borderTop: `1px solid ${theme.palette.common.black}29`,
+    //     },
+    //   },
+    // },
+    {
+      type: "Control",
+      scope: "#/properties/pageName",
+     
+      options: {
+        widget: "Breadcrumb",
+      },
+      config: {
+        layout: 12,
+        main: {
+        },
+        style: {
+          paddingLeft: theme.spacing(3),
+          color:theme.palette.grey[600],
+          fontSize:"10px",
+          position: "fixed",
+          bottom: "24px",
+          borderBottom: `1px solid ${theme.palette.common.black}29`,
+          borderTop: `1px solid ${theme.palette.common.black}29`,
+          backgroundColor: theme.palette.background.default,
+        },
+      },
+    },
     {
       type: "Control",
       scope: "#/properties/notify",

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

@@ -71,11 +71,28 @@ export const PageMasterUiSchema: any = (theme) => {
               },
             },
           },
+        {
+          type: "Control",
+          scope: "#/properties/programIdRequired",
+
+          options: {
+            widget: "RadioInputField",
+          },
+          config: {
+            layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+            main: {
+              label: "Program ID Required",
+              // options: ["YES", "NO"],
+              options: [{label: "Yes",const: "YES"}, {label: "No",const: "NO"}],
+              // errorMessage: "Active is not marked YES or 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",
@@ -161,6 +178,7 @@ export const PageMasterUiSchema: any = (theme) => {
                             icon: "TablePaste",
                             iconLabel: "Paste",
                             styleDefault: true,
+                            title: ""
                           },
                           style: {
                             mt: "6px",
@@ -347,19 +365,19 @@ export const PageMasterUiSchema: any = (theme) => {
 
               {
                 accessorKey: "eventType",
-                header: "Event Type",
+                header: "Event's Type",
                 size: 300,
                 type: "string"
               },
               {
                 accessorKey: "Handler",
                 header: "Handler",
-                size: 300,
+                size: 200,
                 type: "string"
               },
               {
                 accessorKey: "Edit_Approve_Records",
-                header: "Edit Widget",
+                header: "Edit",
                 type: "action",
                 size: 150,
                 widget: {
@@ -387,6 +405,8 @@ export const PageMasterUiSchema: any = (theme) => {
               {
                 accessorKey: "Reject_Records",
                 header: "Delete",
+                type: "action",
+                size: 150,
                 widget: {
                   type: "Control",
                   scope: "#/properties/RejectButton",
@@ -411,7 +431,8 @@ export const PageMasterUiSchema: any = (theme) => {
               {
                 header: "Copy",
                 field: "Copy_Event",
-                flex: 1,
+                type: "action",
+                size: 150,
                 widget: {
                   type: "Control",
                   scope: "#/properties/Copy_Event",
@@ -421,7 +442,6 @@ export const PageMasterUiSchema: any = (theme) => {
                   config: {
                     main: {
                       icon: "FileCopyIcon",
-                      // color: "error",
                       onClick: "copyPasteElement",
                       styleDefault: true,
                     },
@@ -567,15 +587,17 @@ export const PageMasterUiSchema: any = (theme) => {
               config: {
                 layout: 11,
                 main: {
-                  heading: "Are you sure you want to delete ?",
+                  heading: "Are you sure you want to delete this Component ?",
                 },
                 style:{
-                  marginTop: "-20px",
                   fontSize: "20px",
                   "&.MuiTypography-root": {
-                    padding: "10px 30px 20px 30px",
+                    padding: "0px 20px",
                     textAlign: "center",
-                    lineHeight: "1"
+                    lineHeight: "1.2",
+                    fontWeight: "normal",
+                    fontSize: "18px",
+                    marginBottom: theme.spacing(5)
                   }
                 }
               },
@@ -598,15 +620,15 @@ export const PageMasterUiSchema: any = (theme) => {
                     layout: 6,
                     main: {
                       name: "No",
-                      startIcon: "ApproveIcon",
                       variant: "contained",
-                      color: "info",
                       type: "text",
                       onClick: "deletePopUpComponent",
                       size: "large",
                     },
                     style: {
                       position: "absolute",
+                      padding: "8px 0px",
+                      fontSize: "16px",
                       bottom: 0,
                       left: 0,
                       width: "50%",
@@ -634,7 +656,6 @@ export const PageMasterUiSchema: any = (theme) => {
                     layout: 6,
                     main: {
                       name: "Yes",
-                      startIcon: "ApproveIcon",
                       variant: "contained",
                       color: "error",
                       type: "text",
@@ -643,6 +664,8 @@ export const PageMasterUiSchema: any = (theme) => {
                     },
                     style: {
                       position: "absolute",
+                      padding: "8px 0px",
+                      fontSize: "16px",
                       bottom: 0,
                       right: 0,
                       width: "50%",
@@ -693,15 +716,17 @@ export const PageMasterUiSchema: any = (theme) => {
               config: {
                 layout: 11,
                 main: {
-                  heading: "Are you sure you want to delete ?",
+                  heading: "Are you sure you want to delete this Event ?",
                 },
                 style:{
-                  marginTop: "-20px",
                   fontSize: "20px",
                   "&.MuiTypography-root": {
-                    padding: "10px 30px 20px 30px",
+                    padding: "0px 20px",
                     textAlign: "center",
-                    lineHeight: "1"
+                    lineHeight: "1.2",
+                    fontWeight: "normal",
+                    fontSize: "18px",
+                    marginBottom: theme.spacing(5)
                   }
                 }
               },
@@ -724,15 +749,15 @@ export const PageMasterUiSchema: any = (theme) => {
                     layout: 6,
                     main: {
                       name: "No",
-                      startIcon: "ApproveIcon",
                       variant: "contained",
-                      color: "info",
                       type: "text",
                       onClick: "deletePopUpEvent",
                       size: "large",
                     },
                     style: {
                       position: "absolute",
+                      padding: "8px 0px",
+                      fontSize: "16px",
                       bottom: 0,
                       left: 0,
                       width: "50%",
@@ -760,7 +785,6 @@ export const PageMasterUiSchema: any = (theme) => {
                     layout: 6,
                     main: {
                       name: "Yes",
-                      startIcon: "ApproveIcon",
                       variant: "contained",
                       color: "error",
                       type: "text",
@@ -769,6 +793,8 @@ export const PageMasterUiSchema: any = (theme) => {
                     },
                     style: {
                       position: "absolute",
+                      padding: "8px 0px",
+                      fontSize: "16px",
                       bottom: 0,
                       right: 0,
                       width: "50%",

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

@@ -38,18 +38,18 @@ export const EventSchema = {
     eventType: {
       type: "string",
       oneOf: [
-        { title: "Click Event", const: "onClick" },
-        { title: "Load Event", const: "onLoad" },
-        { title: "Change Event", const: "onChange" },
-        { title: "Mount Event", const: "onMount" },
+        { title: "Click", const: "onClick" },
+        { title: "Load", const: "onLoad" },
+        { title: "Change", const: "onChange" },
+        { title: "Mount", const: "onMount" },
         { title: "Success", const: "Success" },
-        { title: "onStart", const: "onStart" },
-        { title: "Cell Renderer", const: "onCellRenderer" },
-        { title: "File Upload Event", const: "onUpload" },
-        { title: "Back Event", const: "onBack" },
-        { title: "Next Event", const: "onNext" },
-        { title: "onRowMovement", const: "onRowMovement" },
-        { title: "File Download Event", const: "onDownload" },
+        { title: "Start", const: "onStart" },
+        { title: "Cell Render", const: "onCellRenderer" },
+        { title: "Upload", const: "onUpload" },
+        { title: "Back", const: "onBack" },
+        { title: "Next", const: "onNext" },
+        { title: "Row Movement", const: "onRowMovement" },
+        { title: "Download", const: "onDownload" },
         { title: "Fail", const: "Fail" }
       ]
     },
@@ -57,7 +57,7 @@ export const EventSchema = {
       type: "string",
       oneOf: [
         { title: "Custom", const: "custom" },
-        { title: "Api", const: "api" },
+        { title: "API", const: "api" },
         { title: "Inbuilt Function", const: "inBuiltFunction" },
         { title: "Refresh", const: "refresh" },
       ]
@@ -87,6 +87,9 @@ export const EventSchema = {
     RemoveItemButton:{
       disabled: true,
     },
+    pageName: {
+      path: [{label: "defaultLabel", path: "defaultPath"}]
+    },
   },
 required:["eventType","Handler"]
 }