impaktapps-ui-builder 1.0.50-alpha.5 → 1.0.50-alpha.6

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

@@ -8269,12 +8269,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: 12, sm: 6, md: 4, lg: 3 };
+    }
   }
   let data = {};
-  config2.map((e) => {
+  layout.map((e) => {
     data[e.key || "xs"] = +e.value || 5.5;
   });
   return data;
@@ -11006,6 +11015,7 @@ const buildTabSection = (config2, componentScope2) => {
 var WrapperSection = {
   type: "WrapperLayout",
   config: {
+    layout: 12,
     main: {
       rowSpacing: 3,
       divider: true,
@@ -11039,7 +11049,7 @@ var TextInputField = {
     widget: "InputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
     main: {
       label: ""
     },
@@ -11108,7 +11118,7 @@ var Button = {
     widget: "Button"
   },
   config: {
-    layout: 3,
+    layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
     main: {
       name: "Compare",
       variant: "contained",
@@ -11164,6 +11174,7 @@ var Table = {
   },
   elements: [],
   config: {
+    layout: 12,
     main: {
       onMount: "onMount",
       enableExpandAll: true,
@@ -11255,7 +11266,7 @@ const Box = {
     widget: "Box"
   },
   config: {
-    layout: 12,
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
     main: {},
     style: {}
   }
@@ -11285,7 +11296,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"
@@ -11302,7 +11313,7 @@ const downloadFile = {
     "style": {
       "backgroundColor": "none"
     },
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 }
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 }
   },
   "options": {
     "widget": "DownloadFile"
@@ -11587,7 +11598,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"
@@ -11695,7 +11706,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",
@@ -11739,7 +11750,7 @@ const TextArea = {
     widget: "TextArea"
   },
   config: {
-    layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
+    layout: 12,
     style: {
       containerStyle: {
         borderRadius: "20px"
@@ -11805,7 +11816,7 @@ const buildSlider = (config2, componentScope2) => {
 const Checkbox = {
   "type": "Control",
   "scope": "#/properties/username1",
-  "layout": 12,
+  "layout": { xs: 12, sm: 6, md: 4, lg: 3 },
   "options": {
     "widget": "CheckBox"
   },
@@ -11875,7 +11886,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"],
@@ -11920,7 +11931,7 @@ const buildEmptyBox = (config2, componentScope2) => {
 const ArrayUiSchema = {
   type: "Control",
   scope: "#/properties/adjustments",
-  layout: 11.5,
+  layout: 12,
   elements: [],
   config: {
     main: {}
@@ -11976,7 +11987,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",
@@ -12194,6 +12205,7 @@ const TreeMap = {
   "type": "Control",
   "scope": "#/properties/TreeMap2",
   "config": {
+    layout: 12,
     "main": {
       "layout": "cartsian",
       orientation: "vertical",