impaktapps-ui-builder 1.0.222 → 1.0.224

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

@@ -96,6 +96,22 @@ const PageMasterUiSchema = (theme) => {
               }
             }
           },
+          {
+            type: "Control",
+            scope: "#/properties/pageIconUrl",
+            options: {
+              widget: "InputField"
+            },
+            config: {
+              layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+              main: {
+                label: "Page Icon URL",
+                options: [],
+                color: "secondary",
+                required: true
+              }
+            }
+          },
           {
             type: "Control",
             scope: "#/properties/hasBackIcon",
@@ -6223,6 +6239,7 @@ const ComponentSchema = {
         { title: "Masked Aadhar Card", const: "AadharcardText" },
         { title: "Array", const: "Array" },
         { title: "Button", const: "Button" },
+        { title: "ButtonGroup", const: "ButtonGroup" },
         { title: "Data Card", const: "card" },
         { title: "Check Box", const: "CheckBox" },
         { title: "Camera", const: "Camera" },
@@ -6244,6 +6261,7 @@ const ComponentSchema = {
         { title: "OTP_Input", const: "OTP_Input" },
         { title: "Pan Card Masked", const: "PanCardText" },
         { title: "Pop Up", const: "PopUp" },
+        { title: "Pop Over", const: "PopOver" },
         { title: "Progress Bar", const: "ProgressBar" },
         { title: "Progress Bar Card", const: "ProgressBarCard" },
         { title: "Dropdown", const: "Select" },
@@ -6316,6 +6334,34 @@ const ComponentSchema = {
         { title: "Standard", const: "standard" }
       ]
     },
+    positionVertical: {
+      oneOf: [
+        { title: "Top", const: "top" },
+        { title: "Center", const: "center" },
+        { title: "Bottom", const: "bottom" }
+      ]
+    },
+    positionHorizontal: {
+      oneOf: [
+        { title: "Left", const: "left" },
+        { title: "Center", const: "center" },
+        { title: "Right", const: "right" }
+      ]
+    },
+    contentVertical: {
+      oneOf: [
+        { title: "Top", const: "top" },
+        { title: "Center", const: "center" },
+        { title: "Bottom", const: "bottom" }
+      ]
+    },
+    contentHorizontal: {
+      oneOf: [
+        { title: "Left", const: "left" },
+        { title: "Center", const: "center" },
+        { title: "Right", const: "right" }
+      ]
+    },
     toolTipPosition: {
       oneOf: [
         { title: "Top", const: "top" },
@@ -6646,6 +6692,7 @@ const ComponentSchema = {
         { title: "Drafts Icon", const: "DraftsIcon" },
         { title: "Perm Phone Msg Icon", const: "PermPhoneMsgIcon" },
         { title: "Paste Icon", const: "PasteIcon" },
+        { title: "Calendar", const: "Calendar" },
         { title: "Prev Icon", const: "PrevIcon" },
         { title: "Verified Icon", const: "VerifiedIcon" },
         { title: "Table Add Icon", const: "TableAddIcon" },
@@ -8010,6 +8057,17 @@ const buildPropertiesSection = function(type) {
         emptyBox$1("PopUpEmpty", { xs: 6, sm: 6, md: 0, lg: 0 })
       ];
       break;
+    case "PopOver":
+      uiSchema.elements = [
+        getSelectField("positionVertical", "Attach To (Vertical)"),
+        getSelectField("positionHorizontal", "Attach To (Horizontal)"),
+        getSelectField("contentVertical", "Popover Start (Vertical)"),
+        getSelectField("contentHorizontal", "Popover Start (Horizontal)"),
+        getInputField("width", "Width"),
+        getInputField("gap", "Gap"),
+        emptyBox$1("PopUpEmpty", { xs: 6, sm: 0, md: 8, lg: 6 })
+      ];
+      break;
     case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
@@ -8107,6 +8165,14 @@ const buildPropertiesSection = function(type) {
         emptyBox$1("ButtonEmpty1", { xs: 6, sm: 6, md: 4, lg: 4 })
       ];
       break;
+    case "ButtonGroup":
+      uiSchema.elements = [
+        getRadioInputField("multiSelect", "Enable multiSelect", ["YES", "No"]),
+        getInputField("size", "Size"),
+        getSelectField("color", "Color"),
+        emptyBox$1("ButtonEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
+      ];
+      break;
     case "Box":
       uiSchema.elements = [
         getSelectField("iconName", "Icon Name"),
@@ -8143,10 +8209,11 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("divider", "Divider", ["YES", "No"]),
         getRadioInputField("isAccordion", "Accordion", ["YES", "No"]),
         getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
-        getInputField("rowSpacing", "Row Spacing"),
         getRadioInputField("defaultClosed", "Default Closed", ["YES", "No"]),
-        emptyBox$1("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 4 }),
-        emptyBox$1("WrapperSectionEmpty2")
+        getInputField("rowSpacing", "Row Spacing"),
+        getInputField("columnSpacing", "Column Spacing"),
+        getInputField("spacing", "Spacing"),
+        emptyBox$1("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 3 })
       ];
       break;
     case "TabSection":
@@ -8782,11 +8849,13 @@ const sectionLabels = {
   Timer: ["Core", "Events", "Style"],
   Rank: ["Core", "Events", "Style"],
   Button: ["Core", "Properties", "Events", "Style", "Validation"],
+  ButtonGroup: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
   Array: ["Core", "Components", "Properties", "Events", "Validation"],
   Radio: ["Core", "Properties", "Events", "Style", "Validation"],
   Text: ["Core", "Properties", "Events", "Style", "Validation"],
   TextArea: ["Core", "Properties", "Events", "Style", "Validation"],
   PopUp: ["Core", "Components", "Properties", "Style"],
+  PopOver: ["Core", "Components", "Properties", "Style"],
   Stepper: ["Core", "Components", "Properties", "Events", "Style"],
   DataGrid: ["Core", "Components", "Properties", "Events", "Style"],
   InputSlider: ["Core", "Properties", "Events", "Style", "Validation"],
@@ -10713,7 +10782,7 @@ 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: config2.hasBackIcon === "NO" ? false : true }
+        detail: { pageName: config2.label, pageIconUrl: config2.pageIconUrl, hasBackIcon: config2.hasBackIcon === "NO" ? false : true }
       });
       window.dispatchEvent(event2);
       (_b = (_a = funcParams == null ? void 0 : funcParams.store) == null ? void 0 : _a.theme) == null ? void 0 : _b.myTheme;
@@ -11401,9 +11470,11 @@ var WrapperSection = {
   config: {
     layout: 12,
     main: {
-      rowSpacing: 3,
       divider: true,
-      label: "Default Label"
+      label: "Default Label",
+      rowSpacing: 2,
+      columnSpacing: 2,
+      spacing: 2
     },
     defaultStyle: true
   },
@@ -11416,6 +11487,9 @@ const buildWrapperSection = (config2, componentScope2) => {
   wrapper.config.main.divider = config2.divider === "YES" ? true : false;
   wrapper.config.main.isAccordion = config2.isAccordion === "No" ? false : true;
   wrapper.config.main.defaultClosed = config2.defaultClosed === "YES" ? true : false;
+  wrapper.config.main.rowSpacing = Number(config2.rowSpacing);
+  wrapper.config.main.columnSpacing = Number(config2.columnSpacing);
+  wrapper.config.main.spacing = Number(config2.spacing);
   if (config2.defaultStyle) {
     wrapper.config.defaultStyle = config2.defaultStyle === "YES" ? true : false;
   }
@@ -11487,7 +11561,8 @@ var SelectInputField = {
       label: "",
       type: "text",
       freeSole: false
-    }
+    },
+    style: {}
   }
 };
 const buildSelect = (config2, componentScope2) => {
@@ -11514,6 +11589,9 @@ const buildSelect = (config2, componentScope2) => {
   if (config2.toolTipPosition) {
     selectInputField.config.main.toolTipPosition = config2.toolTipPosition;
   }
+  if (config2.style) {
+    selectInputField.config.style = JSON.parse(config2.style);
+  }
   selectInputField.scope = componentScope2;
   return selectInputField;
 };
@@ -12181,7 +12259,8 @@ var MultipleSelect = {
       multiple: true,
       variant: "outlined",
       options: []
-    }
+    },
+    style: {}
   }
 };
 const buildMultiSelect = (config2, componentScope2) => {
@@ -12208,6 +12287,9 @@ const buildMultiSelect = (config2, componentScope2) => {
   if (config2.toolTipPosition) {
     multipleSelect.config.main.toolTipPosition = config2.toolTipPosition;
   }
+  if (config2.style) {
+    multipleSelect.config.style = JSON.parse(config2.style);
+  }
   return multipleSelect;
 };
 const buildBasicUiSchema = (config2) => {
@@ -12951,6 +13033,78 @@ const buildCamera = (config2, componentScope2) => {
   }
   return camera;
 };
+var ButtonGroup = {
+  type: "Control",
+  scope: "#/properties/buttonGroup",
+  options: {
+    widget: "ButtonGroup"
+  },
+  config: {
+    layout: { xs: 12, sm: 12, md: 6, lg: 6 },
+    main: {
+      variant: "contained",
+      styleDefault: false,
+      size: "small"
+    },
+    style: {}
+  }
+};
+const buildButtonGroup = (config2, componentScope2) => {
+  const buttonGroup = _.cloneDeep(ButtonGroup);
+  if (config2.layout) {
+    buttonGroup.config.layout = createLayoutFormat(config2.layout, config2.type);
+  }
+  buttonGroup.scope = componentScope2;
+  if (config2.multiSelect) {
+    buttonGroup.config.main.multiSelect = config2.multiSelect === "YES" ? true : false;
+  }
+  if (config2.style) {
+    buttonGroup.config.style = JSON.parse(config2.style);
+  }
+  if (config2.size) {
+    buttonGroup.config.main.size = config2.size;
+  }
+  if (config2.color) {
+    buttonGroup.config.main.color = config2.color;
+  }
+  return buttonGroup;
+};
+const PopOver = {
+  type: "Control",
+  scope: "#/properties/text",
+  options: {
+    widget: "Popover"
+  },
+  config: {
+    layout: {
+      xs: 12,
+      sm: 12,
+      md: 12,
+      lg: 12
+    },
+    main: {
+      label: "PopOver"
+    },
+    style: {}
+  }
+};
+const buildPopOver = (config2, componentScope2) => {
+  const popOver = _.cloneDeep(PopOver);
+  popOver.scope = componentScope2;
+  popOver.config.main.positionVertical = config2.positionVertical;
+  popOver.config.main.positionHorizontal = config2.positionHorizontal;
+  popOver.config.main.contentVertical = config2.contentVertical;
+  popOver.config.main.contentHorizontal = config2.contentHorizontal;
+  popOver.config.main.width = config2.width;
+  popOver.config.main.gap = config2.gap;
+  if (config2.layout) {
+    popOver.config.layout = createLayoutFormat(config2.layout, config2.type);
+  }
+  if (config2.style) {
+    popOver.config.style = JSON.parse(config2.style);
+  }
+  return popOver;
+};
 const OTPSchema = {
   type: "Control",
   scope: "#/properties/OTPInput",
@@ -13079,6 +13233,9 @@ const buildUiSchema = (config2, store2) => {
     case "PopUp":
       elements = buildPopUp(config2, componentScope2);
       break;
+    case "PopOver":
+      elements = buildPopOver(config2, componentScope2);
+      break;
     case "FileInput":
       elements = buildFileInput(config2, componentScope2);
       break;
@@ -13118,6 +13275,9 @@ const buildUiSchema = (config2, store2) => {
     case "Button":
       elements = buildButton(config2, componentScope2);
       break;
+    case "ButtonGroup":
+      elements = buildButtonGroup(config2, componentScope2);
+      break;
     case "Table":
       elements = buildTable(config2, componentScope2);
       break;