impaktapps-ui-builder 0.0.382-alpha.3 → 0.0.382-alpha.4

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

@@ -6169,285 +6169,294 @@ 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"
+        elements: [
+          {
+            type: "HorizontalLayout",
+            elements: [
+              {
+                type: "Control",
+                scope: "#/properties/type",
+                options: {
+                  widget: "SelectInputField"
+                },
+                config: {
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                  main: {
+                    label: "Type"
+                  }
                 }
-              }
-            },
-            {
-              type: "Control",
-              scope: "#/properties/name",
-              options: {
-                widget: "InputField"
               },
-              config: {
-                layout: {
-                  xs: 12,
-                  sm: 12,
-                  md: 6,
-                  lg: 6
+              {
+                type: "Control",
+                scope: "#/properties/name",
+                options: {
+                  widget: "InputField"
                 },
-                main: {
-                  label: "Name",
-                  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/label",
-              options: {
-                widget: "InputField"
               },
-              config: {
-                layout: {
-                  xs: 12,
-                  sm: 12,
-                  md: 6,
-                  lg: 6
+              {
+                type: "Control",
+                scope: "#/properties/label",
+                options: {
+                  widget: "InputField"
                 },
-                main: {
-                  label: "Label",
-                  options: [],
-                  color: "secondary",
-                  required: true
+                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: "HorizontalLayout",
+                scope: "#/properties/layout",
+                layout: 12,
+                options: {
+                  detail: {
+                    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/proc",
-      config: {
-        layout: { xs: 11, sm: 11, md: 6, lg: 6 }
-      },
-      options: {
-        widget: "EmptyBox"
-      }
-    },
-    {
-      type: "Control",
-      scope: "#/properties/btn",
-      options: {
-        widget: "Button"
+            ]
+          }
+        ]
       },
-      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: {
+            xs: 11,
+            sm: 11,
+            md: 2.5,
+            lg: 2.5
+          },
+          main: {
+            name: "Ok",
+            startIcon: "ApproveIcon",
+            variant: "contained",
+            color: "info",
+            type: "text",
+            onClick: "okHandler",
+            size: "small"
+          },
+          style: {
+            marginBottom: "8px",
+            float: "right"
+          }
+        }
+      },
+      {
+        type: "Control",
+        scope: "#/properties/btnSubmit",
+        options: {
+          widget: "Button"
         },
-        style: {
-          marginBottom: "8px",
-          float: "right"
+        config: {
+          layout: {
+            xs: 11,
+            sm: 11,
+            md: 2.5,
+            lg: 2.5
+          },
+          main: {
+            name: "Save & Exit",
+            startIcon: "ApproveIcon",
+            variant: "contained",
+            color: "info",
+            type: "text",
+            onClick: "saveHandler",
+            size: "small"
+          },
+          style: {
+            marginBottom: "8px",
+            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: {
+          style: {
+            position: "fixed",
+            bottom: 5,
+            overflow: "visible",
+            margin: "0",
+            width: "100vw"
+          }
         },
-        style: {
-          marginBottom: "8px",
-          float: "right"
-        }
+        elements: [
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox"
+            },
+            config: {
+              layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/FooterText",
+            options: {
+              widget: "Box"
+            },
+            config: {
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+              main: {
+                heading: "Copywriter@ACT21.IO"
+              },
+              style: {
+                color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
+                fontSize: "12px"
+              }
+            }
+          },
+          {
+            type: "HorizontalLayout",
+            config: {
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 }
+            },
+            elements: [
+              {
+                type: "Control",
+                scope: "#/properties/EmptyBox",
+                options: {
+                  widget: "EmptyBox"
+                },
+                config: {
+                  layout: 2
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/backIcon",
+                options: {
+                  widget: "Box"
+                },
+                config: {
+                  layout: 1,
+                  main: {
+                    iconName: "PrevIcon",
+                    onClick: "backHandler"
+                  },
+                  style: {
+                    fill: theme.palette.primary.dark,
+                    width: 20,
+                    height: 20,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    marginRight: "-8px",
+                    cursor: "pointer"
+                  }
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/text",
+                options: {
+                  widget: "Box"
+                },
+                config: {
+                  layout: 9,
+                  main: {
+                    heading: "Previous Page",
+                    onClick: "backHandler"
+                  },
+                  style: {
+                    color: theme.palette.primary.dark,
+                    fontSize: "12px",
+                    cursor: "pointer",
+                    marginLeft: "-6px"
+                  }
+                }
+              }
+            ]
+          }
+        ]
       }
-    },
-    {
-      type: "Control",
-      scope: "#/properties/notify",
-      options: {
-        widget: "Notify"
-      },
-      layout: 6
-    }
-  ]
+    ]
+  };
+  return uiSchema;
 };
 const CoreSection = {
   type: "HorizontalLayout",
@@ -7488,7 +7497,7 @@ const sectionLabels = {
 };
 const refreshPage = (type, store2) => {
   var _a;
-  const UiSchema = _.cloneDeep(componentBasicUiSchema);
+  const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
   if (type) {
     const sectionUiSchema = {
       Core: CoreSection,