impaktapps-ui-builder 1.0.250 → 1.0.253

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

@@ -6223,6 +6223,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" },
@@ -6316,28 +6317,28 @@ const ComponentSchema = {
         { title: "Standard", const: "standard" }
       ]
     },
-    positionVertical: {
+    anchorOriginVertical: {
       oneOf: [
         { title: "Top", const: "top" },
         { title: "Center", const: "center" },
         { title: "Bottom", const: "bottom" }
       ]
     },
-    positionHorizontal: {
+    anchorOriginHorizontal: {
       oneOf: [
         { title: "Left", const: "left" },
         { title: "Center", const: "center" },
         { title: "Right", const: "right" }
       ]
     },
-    contentVertical: {
+    transformOriginVertical: {
       oneOf: [
         { title: "Top", const: "top" },
         { title: "Center", const: "center" },
         { title: "Bottom", const: "bottom" }
       ]
     },
-    contentHorizontal: {
+    transformOriginHorizontal: {
       oneOf: [
         { title: "Left", const: "left" },
         { title: "Center", const: "center" },
@@ -8033,10 +8034,10 @@ const buildPropertiesSection = function(type) {
       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)"),
+        getSelectField("anchorOriginVertical", "Attach To (Vertical)"),
+        getSelectField("anchorOriginHorizontal", "Attach To (Horizontal)"),
+        getSelectField("transformOriginVertical", "Popover Start (Vertical)"),
+        getSelectField("transformOriginHorizontal", "Popover Start (Horizontal)"),
         getInputField("width", "Width"),
         getInputField("gap", "Gap"),
         emptyBox$1("PopUpEmpty", { xs: 6, sm: 0, md: 8, lg: 6 })
@@ -8139,6 +8140,15 @@ 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"]),
+        getRadioInputField("enableEvent", "Enable Event", ["YES", "No"]),
+        getInputField("size", "Size"),
+        getSelectField("color", "Color"),
+        emptyBox$1("ButtonEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 })
+      ];
+      break;
     case "Box":
       uiSchema.elements = [
         getSelectField("iconName", "Icon Name"),
@@ -8812,6 +8822,7 @@ 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"],
@@ -12993,6 +13004,45 @@ 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.enableEvent) {
+    buttonGroup.config.main.enableOnChange = config2.enableEvent === "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",
@@ -13015,10 +13065,10 @@ const PopOver = {
 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.anchorOriginVertical = config2.anchorOriginVertical;
+  popOver.config.main.anchorOriginHorizontal = config2.anchorOriginHorizontal;
+  popOver.config.main.transformOriginVertical = config2.transformOriginVertical;
+  popOver.config.main.transformOriginHorizontal = config2.transformOriginHorizontal;
   popOver.config.main.width = config2.width;
   popOver.config.main.gap = config2.gap;
   if (config2.layout) {
@@ -13159,6 +13209,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;