impaktapps-ui-builder 1.0.50-alpha.24 → 1.0.50-alpha.26

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

@@ -8294,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 = ["WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "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;
@@ -10659,7 +10668,7 @@ const buildLeaderBoard = (config2) => {
     LeaderBoard.config.main.scoreKey = config2.scoreKey;
   }
   if (config2.layout) {
-    LeaderBoard.config.layout = createLayoutFormat(config2.layout);
+    LeaderBoard.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.style) {
     LeaderBoard.config.style = JSON.parse(config2.style);
@@ -10786,7 +10795,7 @@ const buildHorizontalBarGraph = (config2, componentScope2) => {
   const horizontalBarGraph = _.cloneDeep(HorizontalBarGraph);
   horizontalBarGraph.scope = componentScope2;
   if (config2.layout) {
-    horizontalBarGraph.config.layout = createLayoutFormat(config2.layout);
+    horizontalBarGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   horizontalBarGraph.config.main.type = config2.graphType;
   horizontalBarGraph.scope = componentScope2;
@@ -10918,7 +10927,7 @@ const buildSpeedoMeter = (config2, componentScope2) => {
 const buildPieGraph = (config2, componentScope2) => {
   const pieGraph = _.cloneDeep(PieGraph);
   if (config2.layout) {
-    pieGraph.config.layout = createLayoutFormat(config2.layout);
+    pieGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.height) {
     pieGraph.config.style.containerStyle.height = config2.height;
@@ -10943,7 +10952,7 @@ const buildStackbarGraph = (config2, componentScope2) => {
   var _a;
   const barGraph = _.cloneDeep(BarGraph);
   if (config2.layout) {
-    barGraph.config.layout = createLayoutFormat(config2.layout);
+    barGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.legendHide) {
     barGraph.config.main.legendAvailable = config2.legendHide;
@@ -11028,6 +11037,7 @@ const buildTabSection = (config2, componentScope2) => {
 var WrapperSection = {
   type: "WrapperLayout",
   config: {
+    layout: 12,
     main: {
       rowSpacing: 3,
       divider: true,
@@ -11050,7 +11060,7 @@ const buildWrapperSection = (config2, componentScope2) => {
     wrapper.config.style = JSON.parse(config2.style);
   }
   if (config2.layout) {
-    wrapper.config.layout = createLayoutFormat(config2.layout);
+    wrapper.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   return wrapper;
 };
@@ -11061,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: ""
     },
@@ -11097,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",
@@ -11130,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",
@@ -11151,7 +11161,7 @@ const buildButton = (config2, componentScope2) => {
     config2.buttonType === "ButtonWithIconAndText" ? button.config.main.startIcon = config2.iconName : button.config.main.icon = config2.iconName;
   }
   if (config2.layout) {
-    button.config.layout = createLayoutFormat(config2.layout);
+    button.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.tooltipMessage) {
     button.config.main.tooltipMessage = config2.tooltipMessage;
@@ -11186,6 +11196,7 @@ var Table = {
   },
   elements: [],
   config: {
+    layout: 12,
     main: {
       onMount: "onMount",
       enableExpandAll: true,
@@ -11277,7 +11288,7 @@ const Box = {
     widget: "Box"
   },
   config: {
-    layout: 12,
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {},
     style: {}
   }
@@ -11307,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"
@@ -11324,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"
@@ -11595,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"
@@ -11609,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"
@@ -11717,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",
@@ -11761,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"
@@ -11785,7 +11796,7 @@ const buildTextArea = (config2, componentScope2) => {
   const textArea = _.cloneDeep(TextArea);
   textArea.config.main.heading = config2.label;
   if (config2.layout) {
-    textArea.config.layout = createLayoutFormat(config2.layout);
+    textArea.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.style) {
     textArea.config.style = JSON.parse(config2.style);
@@ -11827,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"
     }
@@ -11852,7 +11863,7 @@ const buildCheckbox = (config2, componentScope2) => {
 const buildLineGraph = (config2, componentScope2) => {
   const lineGraph = _.cloneDeep(LineGraph);
   if (config2.layout) {
-    lineGraph.config.layout = createLayoutFormat(config2.layout);
+    lineGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   lineGraph.config.main.header = config2.heading;
   if (config2.height) {
@@ -11897,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"],
@@ -11927,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: {}
   }
@@ -11942,7 +11953,7 @@ const buildEmptyBox = (config2, componentScope2) => {
 const ArrayUiSchema = {
   type: "Control",
   scope: "#/properties/adjustments",
-  layout: 11.5,
+  layout: 12,
   elements: [],
   config: {
     main: {}
@@ -11969,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"],
@@ -11998,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",
@@ -12026,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",
@@ -12121,7 +12132,7 @@ const buildPopUp = (config2, componentScope2) => {
   popup.config.main.fullWidth = config2.fullWidth === "YES" ? true : false;
   popup.config.main.maxWidth = config2.maxWidth || false;
   if (config2.layout) {
-    popup.config.layout = createLayoutFormat(config2.layout);
+    popup.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.style) {
     PopUP.config.style = JSON.parse(config2.style);
@@ -12161,10 +12172,10 @@ const buildDataGrid = (config2, componentScope2) => {
     DataGrid.config.main.label = config2.label;
   }
   if (config2.layout) {
-    DataGrid.config.layout = createLayoutFormat(config2.layout);
+    DataGrid.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.cardLayout) {
-    DataGrid.config.cardLayout = createLayoutFormat(config2.cardLayout);
+    DataGrid.config.cardLayout = createLayoutFormat(config2.cardLayout, config2.type);
   }
   if (config2.style) {
     DataGrid.config.style = JSON.parse(config2.style);
@@ -12216,6 +12227,7 @@ const TreeMap = {
   "type": "Control",
   "scope": "#/properties/TreeMap2",
   "config": {
+    layout: 12,
     "main": {
       "layout": "cartsian",
       orientation: "vertical",
@@ -12241,7 +12253,7 @@ const buildTreeMap = (config2, componentScope2) => {
     treMap.config.main.header = config2.label;
   }
   if (config2.layout) {
-    treMap.config.layout = createLayoutFormat(config2.layout);
+    treMap.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.orientation) {
     treMap.config.main.orientation = config2.orientation;
@@ -12284,7 +12296,7 @@ const buildThoughtOfTheDay = (config2, componentScope2) => {
     thought.config.main.thought = `${config2.thought}`;
   }
   if (config2.layout) {
-    thought.config.layout = createLayoutFormat(config2.layout);
+    thought.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.label) {
     thought.config.main.label = config2.label;