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

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;
+    heading: any;
     elements: any[];
 };

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

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

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

@@ -111,18 +111,18 @@ export declare const CoreSection: {
                 } | {
                     type: string;
                     scope: string;
-                    options: {
-                        widget: string;
-                    };
                     config: {
                         layout: {
                             xs: number;
                             sm: number;
-                            md?: undefined;
-                            lg?: undefined;
+                            md: number;
+                            lg: number;
                         };
                         main?: undefined;
                     };
+                    options: {
+                        widget: string;
+                    };
                 })[];
             };
             widget?: undefined;

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

@@ -12,10 +12,10 @@ export declare const uploadFile: {
             backgroundColor: string;
         };
         layout: {
-            lg: number;
-            md: number;
-            sm: number;
             xs: number;
+            sm: number;
+            md: number;
+            lg: number;
         };
     };
     options: {
@@ -34,10 +34,10 @@ export declare const downloadFile: {
             backgroundColor: string;
         };
         layout: {
-            lg: number;
-            md: number;
-            sm: number;
             xs: number;
+            sm: number;
+            md: number;
+            lg: number;
         };
     };
     options: {

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

@@ -9,10 +9,8 @@ declare const _default: {
         };
         style: {
             wrapperStyle: {
-                height: {
-                    xs: number;
-                    sm: number;
-                };
+                display: string;
+                gap: string;
             };
         };
         wrapperStyle: {
@@ -76,6 +74,7 @@ declare const _default: {
                 '@keyframes rotateAnimation'?: undefined;
                 animation?: undefined;
                 tableHeadstyle?: undefined;
+                margin?: undefined;
             };
             layout: number;
         };
@@ -122,6 +121,7 @@ declare const _default: {
                 '@keyframes rotateAnimation'?: undefined;
                 animation?: undefined;
                 tableHeadstyle?: undefined;
+                margin?: undefined;
             };
             layout: number;
             containerStyle?: undefined;
@@ -169,6 +169,7 @@ declare const _default: {
                 '@keyframes rotateAnimation'?: undefined;
                 animation?: undefined;
                 tableHeadstyle?: undefined;
+                margin?: undefined;
             };
             layout: number;
             containerStyle?: undefined;
@@ -235,6 +236,7 @@ declare const _default: {
                 zIndex: number;
                 fontWeight?: undefined;
                 tableHeadstyle?: undefined;
+                margin?: undefined;
             };
             layout: number;
             containerStyle?: undefined;
@@ -256,7 +258,6 @@ declare const _default: {
                     fontWeight: number;
                     background: string;
                 };
-                position: string;
                 top: {
                     xs: string;
                     sm: string;
@@ -266,9 +267,11 @@ declare const _default: {
                 border: string;
                 width: string;
                 left: string;
+                margin: string;
                 objectFit?: undefined;
                 height?: undefined;
                 borderRadius?: undefined;
+                position?: undefined;
                 display?: undefined;
                 justifyContent?: undefined;
                 alignItems?: 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/component.d.ts

@@ -8,11 +8,13 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     saveHandler: () => Promise<void>;
     onChange: () => void;
     editComponents: () => void;
-    deleteComponents: () => void;
-    deleteEvent: () => void;
+    deleteComponents: (shouldUpdateDialog?: boolean) => void;
+    deleteEvent: (shouldUpdateDialog?: boolean) => void;
     widgetAddClickHandler: () => void;
     eventEditHandler: () => void;
     eventAddHandler: () => void;
     backHandler: () => void;
+    deletePopUpComponent: () => void;
+    deletePopUpEvent: () => void;
 };
 export default _default;

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: {
@@ -84,7 +84,8 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     onChange: () => void;
     addEvent: () => void;
     editEvent: () => void;
-    deleteEvent: () => void;
+    deleteEvent: () => Promise<void>;
     backHandler: () => void;
+    deletePopUpEvent: () => void;
 };
 export default _default;

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

@@ -57,9 +57,11 @@ declare const _default: (funcParams: funcParamsProps) => {
     onAddClickHandler: () => void;
     saveHandler: () => Promise<void>;
     Edit_Components: () => void;
-    Delete_Components: () => void;
+    Delete_Components: () => Promise<void>;
     eventAddHandler: () => void;
     editEvent: () => void;
     deleteEvent: () => void;
+    deletePopUpComponent: () => void;
+    deletePopUpEvent: () => void;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.412-mtreemap.2",
+    "version": "0.0.412-mtreemap.21",
     "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,
+        heading: config.label || config.name,
         "elements": []
     }
-}
+}

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

@@ -29,10 +29,10 @@ export default (FormData: any) => {
 export const createLayoutFormat = (config: any[]) => {
   if (_.isEmpty(config)) {
     return {
-      xs: 11,
-      sm: 11,
-      md: 5.5,
-      lg: 5.5,
+      xs: 12,
+      sm: 12,
+      md: 12,
+      lg: 12,
     }
   }
   let data: any = {};

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

@@ -8,7 +8,7 @@ const FileInput = {
       widget: "FileInputField",
     },
     config: {
-      layout: 11.5,
+      layout: { xs: 11, sm: 4, md: 4, lg: 4 },
       main: {
         required: false,
         onUpload: "onFileUpload",

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/buildRadio.ts

@@ -9,7 +9,7 @@ const RadioUiSchema = {
       widget: "RadioInputField",
     },
     config: {
-      layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
+      layout: { xs: 11, sm: 4, md: 4, lg: 4 },
       main: {
         label: "Enabled",
         options: ["YES", "NO"],

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

@@ -7,7 +7,7 @@ export const buildWrapperSection = (config, componentScope) => {
   wrapper.scope = componentScope;
   wrapper.config.main.label = config.label;
   wrapper.config.main.divider = config.divider === "YES" ? true : false;
-  wrapper.config.main.isAccordion = config.isAccordion === "YES" ? true : false;
+  wrapper.config.main.isAccordion = config.isAccordion === "No" ? false : true;
   if(config.defaultStyle){
   wrapper.config.defaultStyle = config.defaultStyle ==="YES" ? true : false;
   }
@@ -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

@@ -1,20 +1,20 @@
 
 import _ from "lodash";
 import emptyBox from "./emptyBox";
-const EmptyBox = {
-  type: "Control",
-  scope: `#/properties/empty`,
+// const emptyBox = {
+//   type: "Control",
+//   scope: `#/properties/empty`,
 
-  options: {
-    widget: "EmptyBox",
-  },
-  config: {
-    layout: { xs: 0, sm: 4, md: 4, lg: 4 },
-    main: {
+//   options: {
+//     widget: "emptyBox",
+//   },
+//   config: {
+//     layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+//     main: {
 
-    },
-  },
-};
+//     },
+//   },
+// };
 const cardLayout = {
   type: "Control",
   scope: "#/properties/cardLayout",
@@ -56,7 +56,7 @@ const cardLayout = {
             },
           },
         },
-        EmptyBox,
+        emptyBox
       ],
     },
   },
@@ -65,7 +65,7 @@ const getArrayControl = (parentScope: string, childScope: string, childLabel?: s
   return {
     type: "Control",
     scope: `#/properties/${parentScope}`,
-    layout: 11.5,
+    layout: 12,
     options: {
       "elementLabelProp": childScope,
       detail: {
@@ -85,8 +85,8 @@ const getArrayControl = (parentScope: string, childScope: string, childLabel?: s
               },
             },
           },
-          EmptyBox,
-          EmptyBox
+          emptyBox,
+          emptyBox
         ],
       },
     },
@@ -107,6 +107,7 @@ sizeHolder.options.detail.elements[1] = {
     },
   },
 };
+sizeHolder.options.detail.elements[2] = emptyBox
 const getInputField = (scope: String, label: String) => {
   return {
     type: "Control",
@@ -211,6 +212,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("graphHeight", "Graph Height"),
         getInputField("graphWidth", "Graph Width"),
         getInputField("graphZoomHeight", "Zoom Height"),
+        emptyBox
       ]
       break;
     case "InputSlider":
@@ -219,6 +221,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("step", "Step"),
         getInputField("min", "Min Limit"),
         getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"]),
+        emptyBox,emptyBox
       ]
       break;
     case "DataGrid":
@@ -227,8 +230,8 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("elevation", "Card Elevation"),
         getInputField("height", "Grid height"),
         getInputField("justifyContent", "justifyContent"),
-        EmptyBox,
-        EmptyBox,
+        emptyBox,
+        emptyBox,
         cardLayout,
       ]
       break;
@@ -242,7 +245,8 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Horizontal", value: "horizontal" },
           { label: "Vertical", value: "vertical" },
         ]),
-        EmptyBox,
+        emptyBox,
+
         getArrayControl("sectionLabels", "label")
 
       ]
@@ -252,22 +256,20 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("fullScreen", "FullScreen", ["YES", "NO"]),
         getRadioInputField("fullWidth", "FullWidth", ["YES", "NO"]),
         getInputField("maxWidth", "Max. Width"),
-        EmptyBox
       ]
       break;
     case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        EmptyBox,
-        EmptyBox,
+        emptyBox,
+        emptyBox,
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
       ]
       break;
     case "TextArea":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        EmptyBox,
-        EmptyBox]
+        emptyBox,emptyBox]
       break;
 
     case "SpeedoMeter":
@@ -277,7 +279,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("heading", "Container Heading"),
         getInputField("speedoCaption", "Speedometer Caption"),
         getInputField("width", "Speedometer Width"),
-        EmptyBox
+        emptyBox
       ]
       break;
     case "RankCard":
@@ -286,9 +288,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("image", "Image Url"),
         getInputField("title", "Card Title"),
         getInputField("description", "Card Description"),
-        EmptyBox,
-        EmptyBox
-      ];
+      emptyBox,emptyBox];
       break;
     case "LeaderBoard":
       uiSchema.elements = [
@@ -296,9 +296,8 @@ 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)
+        emptyBox,emptyBox,
+        getTextArea("functionCode", "Write Compare Code", false),
       ];
       break;
     case "CardSlider":
@@ -312,8 +311,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("bottomLabel_1", "First BottomLabel"),
         getInputField("bottomLabel_2", "Second BottomLabel"),
         getInputField("bottomLabel_3", "Third BottomLabel"),
-        EmptyBox,
-        EmptyBox
+        emptyBox,emptyBox
       ];
       break;
     case "card":
@@ -321,7 +319,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("url", "Image Url"),
         getInputField("label", "Label"),
         getInputField("description", "Description"),
-        EmptyBox
+        emptyBox
       ];
       break;
     case "Button":
@@ -334,7 +332,7 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Apply Default Style", value: "true" },
           { label: "No Style", value: "false" },
         ]),
-        EmptyBox
+        emptyBox
       ];
       break;
     case "Graph":
@@ -353,6 +351,7 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
         getInputField("yAxisValue", "Y-AxisValue"),
         getInputField("xAxisValue", "X-AxisValue"),
+        emptyBox,
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color"),
       ];
@@ -362,6 +361,7 @@ export const buildPropertiesSection = function (type: String) {
       getRadioInputField("isAccordion", "Accordion", ["YES", "No"])
         , getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
         getInputField("rowSpacing", "Row Spacing"),
+        emptyBox,emptyBox
       ]
       break;
 
@@ -369,6 +369,7 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [
         getRadioInputField("verticalOrientation", "Vertical Orientation", ["YES", "NO"]),
         getRadioInputField("lazyLoad", "Lazy Load", ["YES", "NO"]),
+        emptyBox,
         getArrayControl("sectionLabels", "label"),
       ]
       break;
@@ -394,14 +395,14 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
         getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
-        EmptyBox
+        emptyBox
       ]
       break;
     case "MultipleSelect":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
-        EmptyBox,
-        EmptyBox
+        emptyBox,
+        emptyBox
       ]
       break;
   }

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

@@ -5,12 +5,7 @@ export default  {
     widget: "Button",
   },
   config: {
-    layout: {
-      xs: 11,
-      sm: 11,
-      md: 5.5,
-      lg: 5.5,
-    },
+    layout: 3,
     main: {
       name: "Compare",
       variant: "contained",
@@ -20,7 +15,7 @@ export default  {
       styleDefault:false,
       icon:"",
       onClick: "onClick",
-      size: "small",
+      size: "medium",
     },
     style: {
     },

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: [