impaktapps-ui-builder 0.0.412-mtreemap.2 → 0.0.412-mtreemap.4

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

@@ -3,6 +3,6 @@ export declare const buildBasicUiSchema: (config: any) => {
     pageName: any;
     name: any;
     accessorKey: any;
-    header: any;
+    headeing: any;
     elements: any[];
 };

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

@@ -4,17 +4,19 @@ declare const _default: {
         main: {
             rowSpacing: number;
         };
-        componentsBoxStyle: {
-            position: string;
-            color: string;
-            height: {
-                xs: string;
-                md: string;
+        style: {
+            componentsBoxStyle: {
+                position: string;
+                color: string;
+                height: {
+                    xs: string;
+                    md: string;
+                };
+                width: string;
+                textAlign: string;
+                background: string;
+                borderRadius: string;
             };
-            width: string;
-            textAlign: string;
-            background: string;
-            borderRadius: string;
         };
         layout: {
             xs: number;

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

@@ -42,24 +42,6 @@ export declare const CoreSection: {
             };
         };
         layout?: undefined;
-    } | {
-        type: string;
-        scope: string;
-        config: {
-            layout: {
-                xs: number;
-                sm: number;
-                md: number;
-                lg: number;
-            };
-            main?: undefined;
-        };
-        options: {
-            widget: string;
-            elementLabelProp?: undefined;
-            detail?: undefined;
-        };
-        layout?: undefined;
     } | {
         type: string;
         scope: string;

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

@@ -2,89 +2,140 @@ export declare const EventSection: {
     type: string;
     elements: {
         type: string;
-        scope: string;
-        options: {
-            widget: string;
-        };
         config: {
             main: {
-                headerIcons: {
-                    elements: {
-                        widget: {
-                            type: string;
-                            scope: string;
-                            options: {
-                                widget: string;
-                            };
-                            config: {
-                                main: {
-                                    color: string;
-                                    onClick: string;
-                                    size: string;
-                                    icon: string;
-                                    iconLabel: string;
-                                    styleDefault: boolean;
-                                };
-                                style: {
-                                    mt: string;
-                                };
-                            };
-                        };
-                    }[];
-                };
-                disableAction: boolean;
-                disableSelection: boolean;
-                enableDrag: boolean;
+                divider: boolean;
+            };
+            wrapperStyle: {
+                border: string;
             };
         };
         elements: ({
-            accessorKey: string;
-            header: string;
-            widget?: undefined;
+            type: string;
+            scope: string;
+            options: {
+                widget: string;
+            };
+            config: {
+                layout: number;
+                main: {
+                    heading: string;
+                    icon?: undefined;
+                    styleDefault?: undefined;
+                    size?: undefined;
+                    onClick?: undefined;
+                    tooltipMessage?: undefined;
+                    disableAction?: undefined;
+                    disableSelection?: undefined;
+                    enableDrag?: undefined;
+                };
+                style: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    paddingLeft: string;
+                    fontSize: string;
+                    float?: undefined;
+                };
+            };
+            elements?: undefined;
         } | {
-            accessorKey: string;
-            header: string;
-            widget: {
-                type: string;
-                scope: string;
-                options: {
-                    widget: string;
+            type: string;
+            scope: string;
+            options: {
+                widget: string;
+            };
+            config: {
+                layout: number;
+                main: {
+                    icon: string;
+                    styleDefault: boolean;
+                    size: string;
+                    onClick: string;
+                    tooltipMessage: string;
+                    heading?: undefined;
+                    disableAction?: undefined;
+                    disableSelection?: undefined;
+                    enableDrag?: undefined;
                 };
-                config: {
-                    main: {
-                        color: string;
-                        size: string;
-                        icon: string;
-                        tooltipMessage: string;
-                        onClick: string;
-                    };
-                    style: {
-                        color: string;
-                    };
+                style: {
+                    float: string;
+                    fontFamily?: undefined;
+                    fontWeight?: undefined;
+                    paddingLeft?: undefined;
+                    fontSize?: undefined;
                 };
-                accessorKeyName?: undefined;
             };
+            elements?: undefined;
         } | {
-            accessorKey: string;
-            header: string;
-            widget: {
-                type: string;
-                scope: string;
-                accessorKeyName: string;
-                options: {
-                    widget: string;
+            type: string;
+            scope: string;
+            options: {
+                widget: string;
+            };
+            config: {
+                main: {
+                    disableAction: boolean;
+                    disableSelection: boolean;
+                    enableDrag: boolean;
+                    heading?: undefined;
+                    icon?: undefined;
+                    styleDefault?: undefined;
+                    size?: undefined;
+                    onClick?: undefined;
+                    tooltipMessage?: undefined;
                 };
-                config: {
-                    main: {
-                        icon: string;
-                        color: string;
-                        tooltipMessage: string;
-                        onClick: string;
-                        size?: undefined;
+                layout?: undefined;
+                style?: undefined;
+            };
+            elements: ({
+                accessorKey: string;
+                header: string;
+                widget?: undefined;
+            } | {
+                accessorKey: string;
+                header: string;
+                widget: {
+                    type: string;
+                    scope: string;
+                    options: {
+                        widget: string;
+                    };
+                    config: {
+                        main: {
+                            color: string;
+                            size: string;
+                            icon: string;
+                            tooltipMessage: string;
+                            onClick: string;
+                        };
+                        style: {
+                            color: string;
+                        };
                     };
-                    style?: undefined;
+                    accessorKeyName?: undefined;
                 };
-            };
+            } | {
+                accessorKey: string;
+                header: string;
+                widget: {
+                    type: string;
+                    scope: string;
+                    accessorKeyName: string;
+                    options: {
+                        widget: string;
+                    };
+                    config: {
+                        main: {
+                            icon: string;
+                            color: string;
+                            tooltipMessage: string;
+                            onClick: string;
+                            size?: undefined;
+                        };
+                        style?: undefined;
+                    };
+                };
+            })[];
         })[];
     }[];
 };

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

@@ -7,7 +7,7 @@ export declare const ValueTab: {
         options: {
             detail: {
                 type: string;
-                elements: ({
+                elements: {
                     type: string;
                     scope: string;
                     options: {
@@ -24,22 +24,7 @@ export declare const ValueTab: {
                             label: string;
                         };
                     };
-                } | {
-                    type: string;
-                    scope: string;
-                    options: {
-                        widget: string;
-                    };
-                    config: {
-                        layout: {
-                            xs: number;
-                            sm: number;
-                            md: number;
-                            lg: number;
-                        };
-                        main?: undefined;
-                    };
-                })[];
+                }[];
             };
         };
     }[];

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

@@ -4,6 +4,7 @@ declare const _default: {
         main: {
             rowSpacing: number;
             divider: boolean;
+            label: string;
         };
         defaultStyle: boolean;
     };

package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts

@@ -5,7 +5,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     setPage: () => Promise<void>;
     refreshPage: (handlerType: any, store: any) => void;
     getFormData: () => any;
-    getUiSchema: () => Promise<any>;
+    getUiSchema: () => any;
     getSchema: () => {
         type: string;
         properties: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.412-mtreemap.2",
+    "version": "0.0.412-mtreemap.4",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -4,7 +4,7 @@ export const buildBasicUiSchema = (config) => {
         pageName: config.name,
         name: config.name,
         accessorKey: config.name,
-        header: config.label || config.name,
+        headeing: config.label || config.name,
         "elements": []
     }
-}
+}

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

@@ -3,37 +3,38 @@ import { HorizontalBarGraph } from "./uischema/graph";
 import _ from "lodash";
 
 
-const buildHorizontalBarGraph = (config: any, componentScope: string) => {
-  const horizontalBarGraph: any = _.cloneDeep(HorizontalBarGraph);
-  horizontalBarGraph.scope = componentScope;
-  if (config.layout) {
-    horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
-  }
-  horizontalBarGraph.scope = componentScope;
-  horizontalBarGraph.config.main.header = config.heading;
-  if (config.barColor) {
-    horizontalBarGraph.config.barStyle.color = config.barColor;
-  }
-  if (config.containerBackground) {
-    horizontalBarGraph.config.containerStyle.background =
-      config.containerBackground;
-  }
-  if (config.height) {
-    horizontalBarGraph.config.style =
+const buildHorizontalBarGraph = (config:any,componentScope:string) => {
+    const horizontalBarGraph: any = _.cloneDeep(HorizontalBarGraph);
+    horizontalBarGraph.scope = componentScope;
+    if (config.layout) {
+      horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
+    }
+    horizontalBarGraph.scope = componentScope;
+    horizontalBarGraph.config.main.header = config.heading;
+    if (config.barColor) {
+      horizontalBarGraph.config.barStyle.color = config.barColor;
+    }
+    if (config.containerBackground) {
+      horizontalBarGraph.config.containerStyle.background =
+        config.containerBackground;
+    }
+    if (config.height) {
+      horizontalBarGraph.config.style =
     {
       containerStyle: {
         height: config.height
       }
     }
-  }
-  if (config.bottomLabel) {
-    horizontalBarGraph.config.main.bottomLabel =
-      config.bottomLabel;
-  }
-  if (config.leftLabel) {
-    horizontalBarGraph.config.main.leftLabel = config.leftLabel;
-  }
-  return horizontalBarGraph
+
+    }
+    if (config.bottomLabel) {
+      horizontalBarGraph.config.main.bottomLabel =
+        config.bottomLabel;
+    }
+    if (config.leftLabel) {
+      horizontalBarGraph.config.main.leftLabel = config.leftLabel;
+    }
+    return horizontalBarGraph
 }
 
 export default buildHorizontalBarGraph

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

@@ -13,6 +13,7 @@ export const buildPieGraph = (config, componentScope) => {
         height: config.height
       }
     };
+
   }
   if (config.legendHide) {
     pieGraph.config.main.legendAvailabe = config.legendHide === "YES" ? false : true;
@@ -30,6 +31,7 @@ export const buildPieGraph = (config, componentScope) => {
         colorRange: flatObjectValueInArray(config.pieArcColors)
       }
     }
+
   }
   return pieGraph;
 }

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

@@ -18,4 +18,4 @@ export const buildWrapperSection = (config, componentScope) => {
     wrapper.config.layout = createLayoutFormat(config.layout)
   }
   return wrapper;
-}
+}

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

@@ -9,7 +9,12 @@ const EmptyBox = {
     widget: "EmptyBox",
   },
   config: {
-    layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+    layout: {
+      xs: 11,
+      sm: 11,
+      md: 5.5,
+      lg: 5.5,
+    },
     main: {
 
     },
@@ -30,7 +35,12 @@ const cardLayout = {
             widget: "SelectInputField",
           },
           config: {
-            layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+            layout: {
+              xs: 11,
+              sm: 11,
+              md: 5.5,
+              lg: 5.5,
+            },
             main: {
               label: "Screen Size",
 
@@ -45,7 +55,12 @@ const cardLayout = {
             widget: "InputField",
           },
           config: {
-            layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+            layout: {
+              xs: 11,
+              sm: 11,
+              md: 5.5,
+              lg: 5.5,
+            },
             main: {
               label: "Value",
               type: "number",
@@ -56,7 +71,6 @@ const cardLayout = {
             },
           },
         },
-        EmptyBox,
       ],
     },
   },
@@ -79,13 +93,17 @@ const getArrayControl = (parentScope: string, childScope: string, childLabel?: s
               widget: "InputField",
             },
             config: {
-              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+              layout: {
+                xs: 11,
+                sm: 11,
+                md: 5.5,
+                lg: 5.5,
+              },
               main: {
                 label: childLabel || "Labels for Tab",
               },
             },
           },
-          EmptyBox,
           EmptyBox
         ],
       },
@@ -101,7 +119,12 @@ sizeHolder.options.detail.elements[1] = {
     widget: "InputField",
   },
   config: {
-    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+    layout: {
+      xs: 11,
+      sm: 11,
+      md: 5.5,
+      lg: 5.5,
+    },
     main: {
       label: "Size",
     },
@@ -116,7 +139,12 @@ const getInputField = (scope: String, label: String) => {
       widget: "InputField",
     },
     config: {
-      layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+      layout: {
+        xs: 11,
+        sm: 11,
+        md: 5.5,
+        lg: 5.5,
+      },
       main: {
         label: label,
       },
@@ -133,7 +161,12 @@ export const getRadioInputField = (scope: String, label: String, options: string
       widget: "RadioInputField",
     },
     config: {
-      layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+      layout: {
+        xs: 11,
+        sm: 11,
+        md: 5.5,
+        lg: 5.5,
+      },
       main: {
         label: label,
 
@@ -184,7 +217,7 @@ export const getSelectField = (scope: string, label: string, options: { label: s
       widget: "SelectInputField",
     },
     config: {
-      layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+      layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
       main: {
         label: label,
         type: "text",
@@ -227,8 +260,6 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("elevation", "Card Elevation"),
         getInputField("height", "Grid height"),
         getInputField("justifyContent", "justifyContent"),
-        EmptyBox,
-        EmptyBox,
         cardLayout,
       ]
       break;
@@ -242,7 +273,7 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Horizontal", value: "horizontal" },
           { label: "Vertical", value: "vertical" },
         ]),
-        EmptyBox,
+
         getArrayControl("sectionLabels", "label")
 
       ]
@@ -259,15 +290,13 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
         EmptyBox,
-        EmptyBox,
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
       ]
       break;
     case "TextArea":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        EmptyBox,
-        EmptyBox]
+        EmptyBox,]
       break;
 
     case "SpeedoMeter":
@@ -276,8 +305,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("heading", "Container Heading"),
         getInputField("heading", "Container Heading"),
         getInputField("speedoCaption", "Speedometer Caption"),
-        getInputField("width", "Speedometer Width"),
-        EmptyBox
+        getInputField("width", "Speedometer Width")
       ]
       break;
     case "RankCard":
@@ -285,10 +313,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("rank", "Rank"),
         getInputField("image", "Image Url"),
         getInputField("title", "Card Title"),
-        getInputField("description", "Card Description"),
-        EmptyBox,
-        EmptyBox
-      ];
+        getInputField("description", "Card Description")];
       break;
     case "LeaderBoard":
       uiSchema.elements = [
@@ -296,8 +321,6 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("firstImage", "First Image url"),
         getInputField("secondImage", "Second Image url"),
         getInputField("thirdImage", "Third Image url"),
-        EmptyBox,
-        EmptyBox,
         getTextArea("functionCode", "Write Compare Code", false)
       ];
       break;
@@ -311,9 +334,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("heading", "Heading"),
         getInputField("bottomLabel_1", "First BottomLabel"),
         getInputField("bottomLabel_2", "Second BottomLabel"),
-        getInputField("bottomLabel_3", "Third BottomLabel"),
-        EmptyBox,
-        EmptyBox
+        getInputField("bottomLabel_3", "Third BottomLabel")
       ];
       break;
     case "card":
@@ -394,13 +415,11 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
         getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
-        EmptyBox
       ]
       break;
     case "MultipleSelect":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
-        EmptyBox,
         EmptyBox
       ]
       break;

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

@@ -4,15 +4,16 @@ export default {
       main: {
         rowSpacing: 0.5,
       },
-      
-      componentsBoxStyle: {
-        position : "relative",
-        color: "white",
-        height: {xs:"120px",md:"160px"},
-        width: "100%",
-        textAlign: "left",
-        background: "#3f51b5",
-        borderRadius: "20px",
+      style: {
+        componentsBoxStyle: {
+          position : "relative",
+          color: "white",
+          height: {xs:"120px",md:"160px"},
+          width: "100%",
+          textAlign: "left",
+          background: "#3f51b5",
+          borderRadius: "20px",
+        },
       },
    layout: { xs: 12, sm: 12,md: 6,lg: 6, },},
     elements: [