impaktapps-ui-builder 1.0.50-alpha.23 → 1.0.50-alpha.25

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

@@ -6550,7 +6550,33 @@ const ComponentSchema = {
         { title: "Error Icon", const: "ErrorIcon" },
         { title: "Refresh Icon", const: "RefreshIcon" },
         { title: "Download Icon", const: "DownloadIcon" },
-        { title: "Exception Icon", const: "ExceptionIcon" }
+        { 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: {
@@ -8268,12 +8294,21 @@ var buildConfig = (FormData) => {
   component = { ...formData, ...component };
   return component;
 };
-const createLayoutFormat = (config2) => {
-  if (_.isEmpty(config2)) {
-    return { xs: 12, sm: 6, md: 4, lg: 3 };
+const createLayoutFormat = (layout, type) => {
+  if (_.isEmpty(layout)) {
+    const fullLayoutComponents = ["Array", "WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "Table", "TabSection", "TextArea", "TreeMap", "Thought"];
+    if (fullLayoutComponents.includes(type)) {
+      return { xs: 12, sm: 12, md: 12, lg: 12 };
+    } else if (type === "Graph") {
+      return { xs: 12, sm: 12, md: 12, lg: 6 };
+    } else if (type === "Button") {
+      return { xs: 4, sm: 2.5, md: 2, lg: 1.5 };
+    } else {
+      return { xs: 6, sm: 6, md: 4, lg: 3 };
+    }
   }
   let data = {};
-  config2.map((e) => {
+  layout.map((e) => {
     data[e.key || "xs"] = +e.value || 5.5;
   });
   return data;
@@ -10282,7 +10317,7 @@ var service = (funcParams) => {
   };
   return {
     setPage: async function() {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
       funcParams.store.setAdditionalErrors([]);
       funcParams.store.setFormdata({});
       funcParams.store.setSchema({ type: "object", properties: {} });
@@ -10295,8 +10330,113 @@ var service = (funcParams) => {
         detail: { pageName: config2.label, hasBackIcon: true }
       });
       window.dispatchEvent(event2);
-      (_b = (_a = funcParams == null ? void 0 : funcParams.store) == null ? void 0 : _a.theme) == null ? void 0 : _b.myTheme;
-      const schema2 = (_c = pageData == null ? void 0 : pageData.schema) != null ? _c : { type: "object", properties: {} };
+      const theme = (_b = (_a = funcParams == null ? void 0 : funcParams.store) == null ? void 0 : _a.theme) == null ? void 0 : _b.myTheme;
+      uiSchema.elements.push(
+        {
+          type: "HorizontalLayout",
+          config: {
+            main: {
+              direction: "row"
+            },
+            style: {
+              flexDirection: "row",
+              position: "absolute",
+              bottom: 0,
+              height: "fit-content",
+              overflow: "hidden",
+              zIndex: 1e3,
+              width: "inherit"
+            }
+          },
+          elements: [
+            {
+              type: "Control",
+              scope: "#/properties/FooterText",
+              options: {
+                widget: "Box"
+              },
+              config: {
+                main: {
+                  heading: "Copywriter@ACT21.IO"
+                },
+                style: {
+                  color: ((_d = (_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text) == null ? void 0 : _d.disabled) || "#AFAFAF",
+                  fontSize: "11px",
+                  textAlign: "center",
+                  lineHeight: 2,
+                  width: "fit-content",
+                  left: "50%",
+                  position: "relative",
+                  margin: 0,
+                  flexGrow: 1,
+                  height: 0,
+                  transform: "translate(-50%, 0%)"
+                }
+              }
+            },
+            {
+              type: "Control",
+              scope: "#/properties/FooterBackIcon",
+              options: {
+                widget: "Box"
+              },
+              config: {
+                main: {
+                  iconName: "PrevIcon",
+                  onClick: "backHandler",
+                  width: "fit-content"
+                },
+                style: {
+                  fill: (_f = (_e = theme == null ? void 0 : theme.palette) == null ? void 0 : _e.primary) == null ? void 0 : _f.main,
+                  width: 20,
+                  height: 0,
+                  top: 0,
+                  right: { xs: "12px", sm: "84px" },
+                  position: "absolute",
+                  fontSize: "12px",
+                  cursor: "pointer",
+                  ":hover": {
+                    fill: (_h = (_g = theme == null ? void 0 : theme.palette) == null ? void 0 : _g.primary) == null ? void 0 : _h.dark
+                  },
+                  marginRight: "20px"
+                }
+              }
+            },
+            {
+              type: "Control",
+              scope: "#/properties/FooterBackHandlerText",
+              options: {
+                widget: "Box"
+              },
+              config: {
+                main: {
+                  heading: "Previous Page",
+                  onClick: "backHandler"
+                },
+                style: {
+                  display: { xs: "none", sm: "flex" },
+                  textAlign: "left",
+                  lineHeight: 1,
+                  height: 0,
+                  width: "fit-content",
+                  color: (_j = (_i = theme == null ? void 0 : theme.palette) == null ? void 0 : _i.primary) == null ? void 0 : _j.main,
+                  fontSize: "12px",
+                  cursor: "pointer",
+                  marginLeft: "2px",
+                  top: 3,
+                  right: "12px",
+                  position: "absolute",
+                  ":hover": {
+                    color: (_l = (_k = theme == null ? void 0 : theme.palette) == null ? void 0 : _k.primary) == null ? void 0 : _l.dark
+                  },
+                  marginRight: "4px"
+                }
+              }
+            }
+          ]
+        }
+      );
+      const schema2 = (_m = pageData == null ? void 0 : pageData.schema) != null ? _m : { type: "object", properties: {} };
       eventGroups = extractEvents(config2);
       executeEventsParameters = {
         config: {},
@@ -10897,6 +11037,7 @@ const buildTabSection = (config2, componentScope2) => {
 var WrapperSection = {
   type: "WrapperLayout",
   config: {
+    layout: 12,
     main: {
       rowSpacing: 3,
       divider: true,
@@ -10930,7 +11071,7 @@ var TextInputField = {
     widget: "InputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: ""
     },
@@ -10966,7 +11107,7 @@ var SelectInputField = {
     widget: "SelectInputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "text",
@@ -10999,7 +11140,7 @@ var Button = {
     widget: "Button"
   },
   config: {
-    layout: 3,
+    layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
     main: {
       name: "Compare",
       variant: "contained",
@@ -11055,6 +11196,7 @@ var Table = {
   },
   elements: [],
   config: {
+    layout: 12,
     main: {
       onMount: "onMount",
       enableExpandAll: true,
@@ -11146,7 +11288,7 @@ const Box = {
     widget: "Box"
   },
   config: {
-    layout: 12,
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {},
     style: {}
   }
@@ -11176,7 +11318,7 @@ 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"
@@ -11193,7 +11335,7 @@ 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"
@@ -11464,7 +11606,7 @@ var DateInputField = {
     widget: "DateInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "date"
@@ -11478,7 +11620,7 @@ const DateTime = {
     widget: "DateTimeInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "DateTime",
       type: "date"
@@ -11586,7 +11728,7 @@ var MultipleSelect = {
     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",
@@ -11630,7 +11772,7 @@ const TextArea = {
     widget: "TextArea"
   },
   config: {
-    layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
+    layout: 12,
     style: {
       containerStyle: {
         borderRadius: "20px"
@@ -11696,11 +11838,11 @@ const buildSlider = (config2, componentScope2) => {
 const Checkbox = {
   "type": "Control",
   "scope": "#/properties/username1",
-  "layout": 12,
   "options": {
     "widget": "CheckBox"
   },
   "config": {
+    "layout": { xs: 6, sm: 6, md: 4, lg: 3 },
     "main": {
       "label": "Welcome to Hyperform"
     }
@@ -11766,7 +11908,7 @@ const RadioUiSchema = {
     widget: "RadioInputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
     main: {
       label: "Enabled",
       options: ["YES", "NO"],
@@ -11796,7 +11938,7 @@ var emptyBox = {
     widget: "EmptyBox"
   },
   config: {
-    layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {},
     style: {}
   }
@@ -11811,7 +11953,7 @@ const buildEmptyBox = (config2, componentScope2) => {
 const ArrayUiSchema = {
   type: "Control",
   scope: "#/properties/adjustments",
-  layout: 11.5,
+  layout: 12,
   elements: [],
   config: {
     main: {}
@@ -11838,7 +11980,7 @@ const TextField = {
     "widget": "InputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
     main: {
       label: "Adhaar Card",
       formatStrArray: ["9", "9", "9", "9", " ", "9", "9", "9", "9", " ", "X9", "X9", "X9", "X9"],
@@ -11867,7 +12009,7 @@ const PanField = {
     "widget": "InputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
     main: {
       label: "Pan Card",
       placeholder: "AAAAA0000A",
@@ -11895,7 +12037,7 @@ const FileInput = {
     widget: "FileInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
     main: {
       required: false,
       onUpload: "onFileUpload",
@@ -12085,6 +12227,7 @@ const TreeMap = {
   "type": "Control",
   "scope": "#/properties/TreeMap2",
   "config": {
+    layout: 12,
     "main": {
       "layout": "cartsian",
       orientation: "vertical",