impaktapps-ui-builder 0.0.412-mtreemap.4 → 0.0.412-mtreemap.5

package/dist/impaktapps-ui-builder.es.js

@@ -41,7 +41,7 @@ const PageMasterSchema = {
       }
     }
   },
-  required: ["template", "name"]
+  required: ["template", "name", "label"]
 };
 const PageMasterUiSchema = {
   type: "HorizontalLayout",
@@ -6176,303 +6176,300 @@ const ComponentSchema = {
   },
   required: ["name"]
 };
-const componentBasicUiSchema = {
-  type: "HorizontalLayout",
-  elements: [
-    {
-      type: "WrapperLayout",
-      config: {
-        main: {
-          rowSpacing: 1,
-          header: true
-        },
-        defaultStyle: true
-      },
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/Component",
-          options: {
-            widget: "Box"
-          },
-          config: {
-            layout: { xs: 12, sm: 12, md: 2 },
-            main: {
-              heading: "Component"
-            },
-            style: {
-              "float": "left"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/pageName",
-          options: {
-            widget: "Box"
-          },
-          config: {
-            layout: { xs: 7, sm: 7, md: 9 },
-            main: {
-              heading: " "
-            },
-            style: {
-              float: "right",
-              width: "auto",
-              fontSize: "12px",
-              color: "gray",
-              paddingTop: "10px"
-            }
+const componentBasicUiSchema = (theme) => {
+  var _a;
+  const uiSchema = {
+    type: "HorizontalLayout",
+    heading: "Component",
+    elements: [
+      {
+        type: "TabLayout",
+        config: {
+          main: {
+            tabLabels: ["Core"],
+            defaultStyle: true,
+            id: `component`
           }
         },
-        {
-          type: "Control",
-          scope: "#/properties/Back_Button",
-          options: {
-            widget: "IconButton"
-          },
-          config: {
-            layout: { xs: 2, sm: 2, md: 0.5 },
-            main: {
-              icon: "BackIcon",
-              styleDefault: true,
-              size: "small",
-              onClick: "backHandler",
-              tooltipMessage: "Back"
-            },
-            style: {
-              float: "right"
-            }
-          }
-        }
-      ]
-    },
-    {
-      type: "TabLayout",
-      config: {
-        main: {
-          tabLabels: ["Core"],
-          defaultStyle: true,
-          id: `component`
-        }
-      },
-      elements: [
-        {
-          type: "HorizontalLayout",
-          elements: [
-            {
-              type: "Control",
-              scope: "#/properties/type",
-              options: {
-                widget: "SelectInputField"
-              },
-              config: {
-                layout: { xs: 12, sm: 12, md: 6, lg: 6 },
-                main: {
-                  label: "Type"
-                }
-              }
-            },
-            {
-              type: "Control",
-              scope: "#/properties/name",
-              options: {
-                widget: "InputField"
-              },
-              config: {
-                layout: {
-                  xs: 12,
-                  sm: 12,
-                  md: 6,
-                  lg: 6
+        elements: [
+          {
+            type: "HorizontalLayout",
+            elements: [
+              {
+                type: "Control",
+                scope: "#/properties/type",
+                options: {
+                  widget: "SelectInputField"
                 },
-                main: {
-                  label: "Name",
-                  options: [],
-                  color: "secondary",
-                  required: true
+                config: {
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                  main: {
+                    label: "Type"
+                  }
                 }
-              }
-            },
-            {
-              type: "Control",
-              scope: "#/properties/label",
-              options: {
-                widget: "InputField"
               },
-              config: {
-                layout: {
-                  xs: 12,
-                  sm: 12,
-                  md: 6,
-                  lg: 6
+              {
+                type: "Control",
+                scope: "#/properties/name",
+                options: {
+                  widget: "InputField"
                 },
-                main: {
-                  label: "Label",
-                  options: [],
-                  color: "secondary",
-                  required: true
+                config: {
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                  main: {
+                    label: "Name",
+                    options: [],
+                    color: "secondary",
+                    required: true
+                  }
                 }
-              }
-            },
-            {
-              type: "Control",
-              scope: "#/properties/columnFormat",
-              options: {
-                widget: "SelectInputField"
               },
-              config: {
-                layout: {
-                  xs: 12,
-                  sm: 12,
-                  md: 6,
-                  lg: 6
+              {
+                type: "Control",
+                scope: "#/properties/label",
+                options: {
+                  widget: "InputField"
                 },
-                main: {
-                  label: "Column Format"
+                config: {
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                  main: {
+                    label: "Label",
+                    options: [],
+                    color: "secondary",
+                    required: true
+                  }
                 }
-              }
-            },
-            {
-              type: "Control",
-              scope: "#/properties/proc",
-              config: {
-                layout: { xs: 11, sm: 11, md: 6, lg: 6 }
               },
-              options: {
-                widget: "EmptyBox"
-              }
-            },
-            {
-              type: "Control",
-              scope: "#/properties/layout",
-              layout: 11.5,
-              options: {
-                detail: {
-                  type: "HorizontalLayout",
-                  elements: [
-                    {
-                      type: "Control",
-                      scope: "#/properties/key",
-                      options: {
-                        widget: "SelectInputField"
+              {
+                type: "Control",
+                scope: "#/properties/layout",
+                layout: 12,
+                options: {
+                  detail: {
+                    type: "HorizontalLayout",
+                    elements: [
+                      {
+                        type: "Control",
+                        scope: "#/properties/key",
+                        options: {
+                          widget: "SelectInputField"
+                        },
+                        config: {
+                          layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                          main: {
+                            label: "Screen Size"
+                          }
+                        }
                       },
-                      config: {
-                        layout: {
-                          xs: 11,
-                          sm: 11,
-                          md: 5.5,
-                          lg: 5.5
+                      {
+                        type: "Control",
+                        scope: "#/properties/value",
+                        options: {
+                          widget: "InputField"
                         },
-                        main: {
-                          label: "Screen Size"
+                        config: {
+                          layout: { xs: 11, sm: 4, 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/value",
-                      options: {
-                        widget: "InputField"
                       },
-                      config: {
-                        layout: {
-                          xs: 11,
-                          sm: 11,
-                          md: 5.5,
-                          lg: 5.5
+                      {
+                        type: "Control",
+                        scope: "#/properties/emptyBox",
+                        options: {
+                          widget: "EmptyBox"
                         },
-                        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."
+                        config: {
+                          layout: { xs: 0, sm: 4 }
                         }
                       }
-                    }
-                  ]
+                    ]
+                  }
                 }
               }
-            }
-          ]
+            ]
+          }
+        ]
+      },
+      {
+        type: "Control",
+        scope: "#/properties/EmptyBox",
+        options: {
+          widget: "EmptyBox"
+        },
+        config: {
+          layout: { xs: 0, sm: 4, md: 4, lg: 4 }
         }
-      ]
-    },
-    {
-      type: "Control",
-      scope: "#/properties/proc",
-      config: {
-        layout: { xs: 11, sm: 11, md: 6, lg: 6 }
       },
-      options: {
-        widget: "EmptyBox"
-      }
-    },
-    {
-      type: "Control",
-      scope: "#/properties/btn",
-      options: {
-        widget: "Button"
+      {
+        type: "Control",
+        scope: "#/properties/EmptyBox",
+        options: {
+          widget: "EmptyBox"
+        },
+        config: {
+          layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+        }
       },
-      config: {
-        layout: {
-          xs: 11,
-          sm: 11,
-          md: 2.5,
-          lg: 2.5
+      {
+        type: "Control",
+        scope: "#/properties/btn",
+        options: {
+          widget: "Button"
         },
-        main: {
-          name: "Ok",
-          startIcon: "ApproveIcon",
-          variant: "contained",
-          color: "info",
-          type: "text",
-          onClick: "okHandler",
-          size: "small"
+        config: {
+          layout: 1.8,
+          main: {
+            name: "Ok",
+            startIcon: "ApproveIcon",
+            variant: "contained",
+            type: "text",
+            onClick: "okHandler",
+            size: "medium"
+          },
+          style: {
+            float: "right"
+          }
+        }
+      },
+      {
+        type: "Control",
+        scope: "#/properties/btnSubmit",
+        options: {
+          widget: "Button"
         },
-        style: {
-          marginBottom: "8px",
-          float: "right"
+        config: {
+          layout: 1.8,
+          main: {
+            name: "Save & Exit",
+            startIcon: "ApproveIcon",
+            variant: "contained",
+            type: "text",
+            onClick: "saveHandler",
+            size: "medium"
+          },
+          style: {
+            float: "right"
+          }
         }
-      }
-    },
-    {
-      type: "Control",
-      scope: "#/properties/btnSubmit",
-      options: {
-        widget: "Button"
       },
-      config: {
-        layout: {
-          xs: 11,
-          sm: 11,
-          md: 2.5,
-          lg: 2.5
+      {
+        type: "Control",
+        scope: "#/properties/notify",
+        options: {
+          widget: "Notify"
         },
-        main: {
-          name: "Save & Exit",
-          startIcon: "ApproveIcon",
-          variant: "contained",
-          color: "info",
-          type: "text",
-          onClick: "saveHandler",
-          size: "small"
+        layout: 6
+      },
+      {
+        type: "HorizontalLayout",
+        config: {
+          main: {
+            direction: "row"
+          },
+          style: {
+            flexDirection: "row",
+            position: "absolute",
+            bottom: 0,
+            marginBottom: "-8px",
+            height: "fit-content",
+            overflow: "hidden",
+            zIndex: 1e3,
+            width: "inherit"
+          }
         },
-        style: {
-          marginBottom: "8px",
-          float: "right"
-        }
+        elements: [
+          {
+            type: "Control",
+            scope: "#/properties/FooterText",
+            options: {
+              widget: "Box"
+            },
+            config: {
+              main: {
+                heading: "Copywriter@ACT21.IO"
+              },
+              style: {
+                color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
+                fontSize: "12px",
+                textAlign: "center",
+                lineHeight: 1,
+                width: "fit-content",
+                left: "50%",
+                position: "relative",
+                margin: 0,
+                flexGrow: 1,
+                height: 0
+              }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/backIcon",
+            options: {
+              widget: "Box"
+            },
+            config: {
+              main: {
+                iconName: "PrevIcon",
+                onClick: "backHandler",
+                width: "fit-content"
+              },
+              style: {
+                fill: theme.palette.primary.main,
+                width: 20,
+                height: 0,
+                margin: 0,
+                top: 0,
+                right: "90px",
+                position: "absolute",
+                fontSize: "12px",
+                cursor: "pointer",
+                ":hover": {
+                  fill: theme.palette.primary.dark
+                }
+              }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/text",
+            options: {
+              widget: "Box"
+            },
+            config: {
+              main: {
+                heading: "Previous Page",
+                onClick: "backHandler"
+              },
+              style: {
+                textAlign: "left",
+                lineHeight: 1,
+                height: 0,
+                width: "fit-content",
+                color: theme.palette.primary.main,
+                fontSize: "12px",
+                cursor: "pointer",
+                marginLeft: "2px",
+                marginRight: 0,
+                top: 3,
+                right: "20px",
+                position: "absolute",
+                ":hover": {
+                  color: theme.palette.primary.dark
+                }
+              }
+            }
+          }
+        ]
       }
-    },
-    {
-      type: "Control",
-      scope: "#/properties/notify",
-      options: {
-        widget: "Notify"
-      },
-      layout: 6
-    }
-  ]
+    ]
+  };
+  return uiSchema;
 };
 const CoreSection = {
   type: "HorizontalLayout",
@@ -7232,12 +7229,7 @@ const ValueTab = {
                 widget: "InputField"
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5
-                },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Label"
                 }
@@ -7250,16 +7242,21 @@ const ValueTab = {
                 widget: "InputField"
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5
-                },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Value"
                 }
               }
+            },
+            {
+              type: "Control",
+              scope: "#/properties/emptyBox",
+              options: {
+                widget: "EmptyBox"
+              },
+              config: {
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+              }
             }
           ]
         }