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

package/dist/src/impaktapps-ui-builder/builder/build/buildConfig.d.ts

@@ -1,4 +1,4 @@
 declare const _default: (FormData: any) => any;
 export default _default;
-export declare const createLayoutFormat: (config: any[]) => any;
+export declare const createLayoutFormat: (layout: any[], type?: string) => any;
 export declare const flatObjectValueInArray: (config?: any[]) => any[];

package/dist/src/impaktapps-ui-builder/builder/build/uischema/box.d.ts

@@ -5,7 +5,12 @@ declare const Box: {
         widget: string;
     };
     config: {
-        layout: number;
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
         main: {};
         style: {};
     };

package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts

@@ -5,7 +5,12 @@ declare const _default: {
         widget: string;
     };
     config: {
-        layout: number;
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
         main: {
             name: string;
             variant: string;

package/dist/src/impaktapps-ui-builder/builder/build/uischema/table.d.ts

@@ -6,6 +6,7 @@ declare const _default: {
     };
     elements: any[];
     config: {
+        layout: number;
         main: {
             onMount: string;
             enableExpandAll: boolean;

package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts

@@ -1,6 +1,7 @@
 declare const _default: {
     type: string;
     config: {
+        layout: number;
         main: {
             rowSpacing: number;
             divider: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.50-alpha.24",
+    "version": "1.0.50-alpha.26",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildAadharCard.ts

@@ -11,7 +11,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"],
@@ -43,7 +43,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",

package/src/impaktapps-ui-builder/builder/build/buildArray.ts

@@ -3,7 +3,7 @@ import _ from "lodash";
 const ArrayUiSchema: any = {
     type: "Control",
     scope: "#/properties/adjustments",
-    layout: 11.5,
+    layout: 12,
     elements: [],
     config: {
         main: {}

package/src/impaktapps-ui-builder/builder/build/buildButton.ts

@@ -12,7 +12,7 @@ export const buildButton = (config:any,componentScope:string) =>{
 
     }
     if(config.layout){
-      button.config.layout = createLayoutFormat(config.layout)
+      button.config.layout = createLayoutFormat(config.layout, config.type)
     }
     if(config.tooltipMessage){
         button.config.main.tooltipMessage = config.tooltipMessage

package/src/impaktapps-ui-builder/builder/build/buildCheckbox.ts

@@ -4,11 +4,11 @@ import { createLayoutFormat } from "./buildConfig";
 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",
       }

package/src/impaktapps-ui-builder/builder/build/buildConfig.ts

@@ -26,13 +26,25 @@ export default (FormData: any) => {
   return component;
 };
 
-export const createLayoutFormat = (config: any[]) => {
-  if (_.isEmpty(config)) {
-    return { xs: 12, sm: 6, md: 4, lg: 3 }
+export const createLayoutFormat = (layout: any[], type?: string) => {
+  if (_.isEmpty(layout)) {
+    const fullLayoutComponents: string[] = ["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: any = {  };
 
-  config.map((e: any) => {
+  layout.map((e: any) => {
     data[e.key || "xs"] = +e.value || 5.5;
 
   })

package/src/impaktapps-ui-builder/builder/build/buildDataGrid.ts

@@ -39,10 +39,10 @@ export const buildDataGrid = (config, componentScope) => {
         DataGrid.config.main.label = config.label;
     }
     if (config.layout) {
-        DataGrid.config.layout = createLayoutFormat(config.layout)
+        DataGrid.config.layout = createLayoutFormat(config.layout, config.type)
     }
     if (config.cardLayout) {
-        DataGrid.config.cardLayout = createLayoutFormat(config.cardLayout)
+        DataGrid.config.cardLayout = createLayoutFormat(config.cardLayout, config.type)
     }
     if (config.style) {
         DataGrid.config.style = JSON.parse(config.style)

package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts

@@ -8,7 +8,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",

package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts

@@ -7,7 +7,7 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     const horizontalBarGraph: any = _.cloneDeep(HorizontalBarGraph);
     horizontalBarGraph.scope = componentScope;
     if (config.layout) {
-      horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
+      horizontalBarGraph.config.layout = createLayoutFormat(config.layout, config.type);
     }
     horizontalBarGraph.config.main.type = config.graphType;
     horizontalBarGraph.scope = componentScope;

package/src/impaktapps-ui-builder/builder/build/buildLeaderboard.ts

@@ -38,7 +38,7 @@ export const buildLeaderBoard = (config) => {
         LeaderBoard.config.main.scoreKey = config.scoreKey;
     }
     if (config.layout) {
-        LeaderBoard.config.layout = createLayoutFormat(config.layout);
+        LeaderBoard.config.layout = createLayoutFormat(config.layout, config.type);
     }
     if (config.style) {
         LeaderBoard.config.style = JSON.parse(config.style)

package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts

@@ -5,7 +5,7 @@ import _ from "lodash";
 export const buildLineGraph = (config, componentScope) => {
   const lineGraph: any = _.cloneDeep(LineGraph);
   if (config.layout) {
-    lineGraph.config.layout = createLayoutFormat(config.layout);
+    lineGraph.config.layout = createLayoutFormat(config.layout, config.type);
   }
   lineGraph.config.main.header = config.heading;
   if (config.height) {

package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts

@@ -4,7 +4,7 @@ import _ from "lodash";
 export const buildPieGraph = (config, componentScope) => {
   const pieGraph: any = _.cloneDeep(PieGraph);
   if (config.layout) {
-    pieGraph.config.layout = createLayoutFormat(config.layout);
+    pieGraph.config.layout = createLayoutFormat(config.layout, config.type);
   }
   if (config.height) {
     pieGraph.config.style.containerStyle.height = config.height;

package/src/impaktapps-ui-builder/builder/build/buildPop.ts

@@ -34,7 +34,7 @@ export const buildPopUp = (config,componentScope) =>{
     popup.config.main.fullWidth = config.fullWidth === "YES" ? true : false;
     popup.config.main.maxWidth = config.maxWidth||false;
     if (config.layout) {
-      popup.config.layout = createLayoutFormat(config.layout)
+      popup.config.layout = createLayoutFormat(config.layout, config.type)
     }
     if (config.style) {
       PopUP.config.style = JSON.parse(config.style)

package/src/impaktapps-ui-builder/builder/build/buildRadio.ts

@@ -9,7 +9,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"],

package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts

@@ -5,7 +5,7 @@ import _ from "lodash";
 export const buildStackbarGraph = (config:any,componentScope:string) => {
     const barGraph: any = _.cloneDeep(BarGraph);
     if (config.layout) {
-      barGraph.config.layout = createLayoutFormat(config.layout);
+      barGraph.config.layout = createLayoutFormat(config.layout, config.type);
     }
     if (config.legendHide) {
       barGraph.config.main.legendAvailable = config.legendHide;

package/src/impaktapps-ui-builder/builder/build/buildTextArea.ts

@@ -10,7 +10,7 @@ const TextArea =  {
       widget: "TextArea",
     },
     config: {
-      layout:{xs:12,sm:12,md:5.5,lg:5.5},
+      layout:12,
       style:{
         containerStyle:{
           borderRadius:"20px",
@@ -37,7 +37,7 @@ export const buildTextArea = (config:any,componentScope:string) =>{
     textArea.config.main.heading = config.label;
   
     if(config.layout){
-        textArea.config.layout = createLayoutFormat(config.layout)
+        textArea.config.layout = createLayoutFormat(config.layout, config.type)
       }
       if (config.style) {
         textArea.config.style = JSON.parse(config.style)

package/src/impaktapps-ui-builder/builder/build/buildThoughtOfTheDay.ts

@@ -10,7 +10,7 @@ export const buildThoughtOfTheDay = (config,componentScope) =>{
       thought.config.main.thought = `${config.thought}`
     }
     if(config.layout){
-      thought.config.layout = createLayoutFormat(config.layout)
+      thought.config.layout = createLayoutFormat(config.layout, config.type)
     }
     if(config.label){
       thought.config.main.label = config.label;

package/src/impaktapps-ui-builder/builder/build/buildTreeMap.ts

@@ -5,6 +5,7 @@ const TreeMap = {
     "type": "Control",
     "scope": "#/properties/TreeMap2",
     "config": {
+        layout: 12,
         "main": {
             "layout": "cartsian",
             orientation: "vertical",
@@ -34,7 +35,7 @@ export const buildTreeMap = (config, componentScope) => {
         treMap.config.main.header = config.label;
     }
     if (config.layout) {
-        treMap.config.layout = createLayoutFormat(config.layout);
+        treMap.config.layout = createLayoutFormat(config.layout, config.type);
     }
     if (config.orientation) {
         treMap.config.main.orientation = config.orientation;

package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts

@@ -15,7 +15,7 @@ export const buildWrapperSection = (config, componentScope) => {
     wrapper.config.style = JSON.parse(config.style)
   }
   if (config.layout) {
-    wrapper.config.layout = createLayoutFormat(config.layout)
+    wrapper.config.layout = createLayoutFormat(config.layout, config.type)
   }
   return wrapper;
 }

package/src/impaktapps-ui-builder/builder/build/uischema/array.ts

@@ -2,7 +2,7 @@ export const ArrayLayout = {
     "type": "Control",
         "scope": "#/properties/adjustments",
             "config": {
-        "layout": 11.5
+        "layout": 12
     },
     "options": {
         "name": "adjustments",

package/src/impaktapps-ui-builder/builder/build/uischema/box.ts

@@ -6,7 +6,7 @@
       widget: "Box",
     },
    
-    config: { layout: 12,
+    config: { layout: { xs: 6, sm: 6, md: 4, lg: 3 },
       main: {},
       style:{
         // fontWeight:300

package/src/impaktapps-ui-builder/builder/build/uischema/button.ts

@@ -5,7 +5,7 @@ export default  {
     widget: "Button",
   },
   config: {
-    layout: 3,
+    layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
     main: {
       name: "Compare",
       variant: "contained",

package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts

@@ -6,7 +6,7 @@ export default {
   },
 
   config: {   
-     layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+     layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "date",
@@ -21,7 +21,7 @@ export const DateTime = {
   },
 
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "DateTime",
       type: "date",

package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts

@@ -6,7 +6,7 @@ export default {
   },
 
   config: {
-    layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {},
     style:{}
   },

package/src/impaktapps-ui-builder/builder/build/uischema/file.ts

@@ -13,7 +13,7 @@ export 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"
@@ -30,7 +30,7 @@ export 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"

package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts

@@ -6,7 +6,7 @@ export default {
     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",

package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts

@@ -6,7 +6,7 @@ export default {
     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",

package/src/impaktapps-ui-builder/builder/build/uischema/table.ts

@@ -6,6 +6,7 @@ export default {
   },
   elements: [],
   config: {
+    layout: 12,
     main: {
       onMount: "onMount",
       enableExpandAll: true,

package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts

@@ -6,7 +6,7 @@ export default {
       widget: "InputField",
     },
     config: {
-      layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 },
       main: {
         label: "",
       },

package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts

@@ -1,6 +1,7 @@
 export default {
     type: "WrapperLayout",
     config: {
+      layout: 12,
       main: {
         rowSpacing: 3,
         divider: true,