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

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 = ["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;
@@ -11028,6 +11037,7 @@ const buildTabSection = (config2, componentScope2) => {
 var WrapperSection = {
   type: "WrapperLayout",
   config: {
+    layout: 12,
     main: {
       rowSpacing: 3,
       divider: true,
@@ -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",
@@ -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"
@@ -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"
     }
@@ -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",
@@ -12216,6 +12227,7 @@ const TreeMap = {
   "type": "Control",
   "scope": "#/properties/TreeMap2",
   "config": {
+    layout: 12,
     "main": {
       "layout": "cartsian",
       orientation: "vertical",