impaktapps-ui-builder 1.0.61 → 1.0.63-alpha.1

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

@@ -96,11 +96,25 @@ const PageMasterUiSchema = (theme) => {
               }
             }
           },
+          {
+            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"
@@ -6256,6 +6270,7 @@ const ComponentSchema = {
         { title: "Data Card", const: "card" },
         { title: "Check Box", const: "CheckBox" },
         { title: "Container", const: "WrapperSection" },
+        { title: "Tab Container", const: "HorizontalLayout" },
         { title: "Data Grid", const: "DataGrid" },
         { title: "Date", const: "Date" },
         { title: "Time Stamp", const: "DateTime" },
@@ -7933,6 +7948,18 @@ const buildPropertiesSection = function(type) {
         emptyBox$1("MultipleSelectEmpty2")
       ];
       break;
+    case "Date":
+      uiSchema.elements = [
+        getSelectField("variant", "Variant"),
+        emptyBox$1("DateEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
+      ];
+      break;
+    case "DateTime":
+      uiSchema.elements = [
+        getSelectField("variant", "Variant"),
+        emptyBox$1("DateTimeEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
+      ];
+      break;
     case "Thought":
       uiSchema.elements = [
         getTextArea("thought", "Today's thought", false)
@@ -8463,7 +8490,9 @@ const sectionLabels = {
   InputSlider: ["Core", "Properties", "Events", "Style", "Validation"],
   TreeMap: ["Core", "Components", "Properties", "Events", "Style"],
   ColumnGroup: ["Core", "Components"],
-  Thought: ["Core", "Properties", "Events", "Style", "Validation"]
+  Thought: ["Core", "Properties", "Events", "Style", "Validation"],
+  Date: ["Core", "Properties", "Events", "Style", "Validation"],
+  DateTime: ["Core", "Properties", "Events", "Style", "Validation"]
 };
 function refreshPage(type, store2) {
   var _a, _b;
@@ -10331,7 +10360,7 @@ var service = (funcParams) => {
   };
   return {
     setPage: async function() {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+      var _a, _b, _c;
       funcParams.store.setAdditionalErrors([]);
       funcParams.store.setFormdata((funcParams == null ? void 0 : funcParams.initFormData()) || {});
       funcParams.store.setSchema({ type: "object", properties: {} });
@@ -10341,116 +10370,11 @@ var service = (funcParams) => {
       const config2 = pageData == null ? void 0 : pageData.config;
       const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
       const event2 = new CustomEvent("pageNameChanged", {
-        detail: { pageName: config2.label, hasBackIcon: true }
+        detail: { pageName: config2.label, hasBackIcon: config2.hasBackIcon === "NO" ? false : true }
       });
       window.dispatchEvent(event2);
-      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: {} };
+      (_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: {} };
       eventGroups = extractEvents(config2);
       executeEventsParameters = {
         config: {},
@@ -11664,6 +11588,9 @@ const buildDate = (config2, componentScope2) => {
   if (config2.layout) {
     dateInputField.config.layout = createLayoutFormat(config2.layout);
   }
+  if (config2.variant) {
+    dateInputField.config.main.variant = config2.variant;
+  }
   return dateInputField;
 };
 const buildDateTime = (config2, componentScope2) => {
@@ -11674,6 +11601,9 @@ const buildDateTime = (config2, componentScope2) => {
   if (config2.layout) {
     dateTimeInputField.config.layout = createLayoutFormat(config2.layout);
   }
+  if (config2.variant) {
+    dateTimeInputField.config.main.variant = config2.variant;
+  }
   return dateTimeInputField;
 };
 var RankCard = {
@@ -12167,7 +12097,7 @@ const buildPopUp = (config2, componentScope2) => {
     popup.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.style) {
-    PopUP.config.style = JSON.parse(config2.style);
+    popup.config.style = JSON.parse(config2.style);
   }
   return popup;
 };
@@ -12338,6 +12268,26 @@ const buildThoughtOfTheDay = (config2, componentScope2) => {
   }
   return thought;
 };
+var horizontalLayout = {
+  type: "HorizontalLayout",
+  config: {
+    layout: 12,
+    main: {
+      rowSpacing: 3,
+      divider: false
+    },
+    defaultStyle: true
+  },
+  elements: []
+};
+const buildHorizontalLayout = (config2, componentScope2) => {
+  const horizontal = _.cloneDeep(horizontalLayout);
+  horizontal.scope = componentScope2;
+  if (config2.layout) {
+    horizontal.config.layout = createLayoutFormat(config2.layout, config2.type);
+  }
+  return horizontal;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -12492,6 +12442,9 @@ const buildUiSchema = (config2, store2) => {
     case "WrapperSection":
       elements = buildWrapperSection(config2, componentScope2);
       break;
+    case "HorizontalLayout":
+      elements = buildHorizontalLayout(config2, componentScope2);
+      break;
     case "Text":
       elements = buildTextField(config2, componentScope2);
       break;