impaktapps-ui-builder 0.0.275 → 0.0.277

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

@@ -17,6 +17,7 @@ export declare const buildButton: (config: any, componentScope: string) => {
             color: string;
             type: string;
             startIcon: string;
+            styleDefault: boolean;
             icon: string;
             onClick: string;
             size: string;

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

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

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

@@ -0,0 +1 @@
+export declare const buildEmptyBox: (config: any, componentScope: any) => any;

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

@@ -0,0 +1 @@
+export declare const buildLineGraph: (config: any, componentScope: any) => any;

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

@@ -0,0 +1 @@
+export declare const buildRadio: (config: any, componentScope: any) => any;

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

@@ -0,0 +1,6 @@
+export declare const buildSchema: (config: any) => {
+    type: string;
+    properties: {};
+    required: any[];
+};
+export default buildSchema;

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

@@ -1,6 +1,7 @@
-declare const buildUiSchema: (config: any) => any;
-export default buildUiSchema;
-export declare const buildSchema: (config: any) => {
+export declare let schema: {
+    type: string;
     properties: {};
+    required: any[];
 };
-export declare const buildProperties: (config: any) => {};
+declare const buildUiSchema: (config: any) => any;
+export default buildUiSchema;

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

@@ -29,6 +29,7 @@ export declare const APISection: {
         scope: string;
         options: {
             widget: string;
+            elementLabelProp?: undefined;
             detail?: undefined;
         };
         config: {
@@ -54,6 +55,7 @@ export declare const APISection: {
         scope: string;
         options: {
             widget: string;
+            elementLabelProp?: undefined;
             detail?: undefined;
         };
         config: {
@@ -76,6 +78,7 @@ export declare const APISection: {
         scope: string;
         layout: number;
         options: {
+            elementLabelProp: string;
             detail: {
                 type: string;
                 elements: {

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

@@ -17,6 +17,7 @@ declare const _default: {
             color: string;
             type: string;
             startIcon: string;
+            styleDefault: boolean;
             icon: string;
             onClick: string;
             size: string;

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

@@ -6,12 +6,7 @@ declare const _default: {
     };
     elements: any[];
     config: {
-        layout: {
-            xs: number;
-            sm: number;
-            md: number;
-            lg: number;
-        };
+        layout: number;
         main: {};
     };
 };

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

@@ -5,6 +5,7 @@ export declare const CoreSection: {
         scope: string;
         options: {
             widget: string;
+            elementLabelProp?: undefined;
             detail?: undefined;
         };
         config: {
@@ -29,6 +30,7 @@ export declare const CoreSection: {
         scope: string;
         options: {
             widget: string;
+            elementLabelProp?: undefined;
             detail?: undefined;
         };
         config: {
@@ -59,6 +61,7 @@ export declare const CoreSection: {
         };
         options: {
             widget: string;
+            elementLabelProp?: undefined;
             detail?: undefined;
         };
         layout?: undefined;
@@ -67,9 +70,10 @@ export declare const CoreSection: {
         scope: string;
         layout: number;
         options: {
+            elementLabelProp: string;
             detail: {
                 type: string;
-                elements: ({
+                elements: {
                     type: string;
                     scope: string;
                     options: {
@@ -90,25 +94,7 @@ export declare const CoreSection: {
                             }[];
                         };
                     };
-                } | {
-                    type: string;
-                    scope: string;
-                    options: {
-                        widget: string;
-                    };
-                    config: {
-                        layout: {
-                            xs: number;
-                            sm: number;
-                            md: number;
-                            lg: number;
-                        };
-                        main: {
-                            label: string;
-                            options?: undefined;
-                        };
-                    };
-                })[];
+                }[];
             };
             widget?: undefined;
         };

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

@@ -113,6 +113,7 @@ export declare const LineGraph: {
         widget: string;
     };
     config: {
+        layout: number;
         main: {
             type: string;
             header: string;

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

@@ -7,10 +7,17 @@ declare const _default: {
             label: string;
             divider: boolean;
         };
+        style: {
+            wrapperStyle: {
+                height: {
+                    xs: number;
+                    sm: number;
+                };
+            };
+        };
         wrapperStyle: {
             position: string;
             width: string;
-            height: number;
         };
     };
     elements: ({

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

@@ -5,10 +5,17 @@ declare const _default: {
         widget: string;
     };
     config: {
-        layout: number;
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        width: number;
+        segments: string;
         main: {
             currentValueText: string;
-            customSegmentLabels: {};
+            customSegmentLabels: any[];
             data: {
                 maxValue: number;
                 value: number;
@@ -22,7 +29,6 @@ declare const _default: {
             needleColor: string;
             startColor: string;
             textColor: string;
-            segments: number;
             endColor: string;
             containerStyle: {
                 background: string;

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

@@ -0,0 +1,54 @@
+export declare const ValidationSection: {
+    type: string;
+    elements: {
+        type: string;
+        scope: string;
+        layout: number;
+        options: {
+            elementLabelProp: string;
+            detail: {
+                type: string;
+                elements: ({
+                    type: string;
+                    scope: string;
+                    options: {
+                        widget: string;
+                    };
+                    config: {
+                        layout: {
+                            xs: number;
+                            sm: number;
+                            md: number;
+                            lg: number;
+                        };
+                        main: {
+                            label: string;
+                            options: {
+                                value: string;
+                                label: string;
+                            }[];
+                        };
+                    };
+                } | {
+                    type: string;
+                    scope: string;
+                    options: {
+                        widget: string;
+                    };
+                    config: {
+                        layout: {
+                            xs: number;
+                            sm: number;
+                            md: number;
+                            lg: number;
+                        };
+                        main: {
+                            label: string;
+                            options?: undefined;
+                        };
+                    };
+                })[];
+            };
+        };
+    }[];
+};

package/dist/src/impaktapps-ui-builder/lib/index.d.ts

@@ -2,6 +2,8 @@ export { default as pageMaster } from "../builder/services/pageMaster";
 export { default as pageMasterEvents } from "../builder/services/event";
 export { default as pageMasterComponents } from "../builder/services/component";
 export { default as pageService } from "../runtime/services/service";
+export { schema } from "../builder/build/buildUiSchema";
 export { default as buildConfig } from "../builder/build/buildConfig";
 export { default as buildUiSchema } from "../builder/build/buildUiSchema";
+export { default as buildSchema } from "../builder/build/buildSchema";
 export { default as clearPreviousCache } from "../builder/services/clearLocalStorage";

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

@@ -1,4 +1,7 @@
-export declare const executeEvents: (config: any, componentName: string, store: any, dynamicData: any, userValue: any, service: any, serviceHolder: any, eventGroups?: any, parentEventOutput?: any) => Promise<void>;
+export declare const executeEvents: (config: any, componentName: string, store: any, dynamicData: any, userValue: any, service: any, serviceHolder: any, eventGroups?: any, parentEventOutput?: any) => Promise<{
+    response: any;
+    events: any;
+}>;
 export declare function buildApiPayload(compConfig: any, body: any, headers: any, store: any, dynamicData: any, userValue: any, service: any): Promise<{
     body: any;
     headers: any;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.275",
+    "version": "0.0.277",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -14,6 +14,9 @@ export const buildButton = (config:any,componentScope:string) =>{
     if(config.layout){
       button.config.layout = createLayoutFormat(config.layout)
     }
+    if(config.defaultStyle){
+      button.config.main.styleDefault = config.defaultStyle==="true"?true:false;
+    }
     button.scope = componentScope;
     if (config.style) {
       button.config.style = JSON.parse(config.style)
@@ -22,8 +25,10 @@ export const buildButton = (config:any,componentScope:string) =>{
       button.config.main.size = config.size
     }
     if (config.color) {
-      button.config.main.size = config.color
+      button.config.main.color = config.color
     }
+    if(config.label){
     button.config.main.name = config.label;
+    }
     return button;
 }

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

@@ -7,16 +7,23 @@ export const buildCard = (config,componentScope) =>{
     if (config.style) {
       card.config.style = JSON.parse(config.style)
     }
-    card.elements[0].scope = `#/properties/${config.name.replace(/ /g, "")}/value`
-    card.elements[1].scope = `#/properties/${config.name.replace(/ /g, "")}/url`
-    card.elements[2].scope = `#/properties/${config.name.replace(/ /g, "")}/description`
+    card.elements[0].scope = `#/properties/${config.name}/properties/value`
+    card.elements[1].scope = `#/properties/${config.name}/properties/url`
+    card.elements[2].scope = `#/properties/${config.name}/properties/description`
     if(config.layout){
       card.config.layout = createLayoutFormat(config.layout)
     }
-    
-    card.elements[0].config.main.heading = config.label;
-    card.elements[1].config.main.url = config.url;
-    card.elements[2].config.main.heading = config.description;
+    // if(config.label){
+    //   card.elements[0].config.main.heading = config.label;
+    // }
+    // if(config.url){
+    //   card.elements[1].config.main.url = config.url;
+    // }
+    // if(config.description){
+    //   card.elements[2].config.main.heading = config.description;
+    // }
+   
+  
     
     return card;
 }

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

@@ -7,6 +7,9 @@ export default (FormData: any) => {
   //   component.layout = createData(FormData?.layout, "layout");
   //   delete formData.layout
   // }
+  // if(!formData.type ){
+  //  component.type = "page";
+  // }
   if(formData.pageName){
     delete formData.pageName
   }
@@ -37,3 +40,10 @@ export const createLayoutFormat = (config: any[]) => {
   })
   return data;
 };
+export const flatObjectValueInArray = (config:any[])=>{
+  const keyName = Object.keys(config[0])[0]
+  const data = config.map((e)=>{
+    return e[keyName]
+  })
+  return data;
+}

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

@@ -0,0 +1,11 @@
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+import emptyBox from "./uischema/emptyBox";
+
+export const buildEmptyBox = (config,componentScope) =>{
+    const EmptyBox: any = _.cloneDeep(emptyBox);
+      if (config.layout) {
+        EmptyBox.config.layout = createLayoutFormat(config.layout);
+      }
+      return EmptyBox;
+}

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

@@ -1,11 +1,13 @@
+import { createLayoutFormat } from "./buildConfig";
 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 = config.layout;
+      horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
     }
     horizontalBarGraph.scope = componentScope;
     horizontalBarGraph.config.main.header = config.heading;
@@ -17,7 +19,7 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
         config.containerBackground;
     }
     if (config.height) {
-      horizontalBarGraph.config.containerStyle.height =
+      horizontalBarGraph.config.style.containerStyle.height =
         config.height;
     }
     if (config.bottomLabel) {

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

@@ -1,25 +1,32 @@
+import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
 import { LineGraph } from "./uischema/graph";
 import _ from "lodash";
 
-const buildLineGraph = (config,componentScope) =>{
-    const lineGraph: any = _.cloneDeep(LineGraph);
-    if (config.layout) {
-      lineGraph.config.layout = config.layout;
-    }
-    lineGraph.config.main.heading = config.heading;
-    if (config.containerBackground) {
-      lineGraph.config.containerStyle.background =
-        config.containerBackground;
-    }
-    if (config.height) {
-      lineGraph.config.containerStyle.height = config.height;
-    }
-    if (config.bottomLabel) {
-      lineGraph.config.main.bottomLabel = config.bottomLabel;
-    }
-    if (config.leftLabel) {
-      lineGraph.config.main.leftLabel = config.leftLabel;
-    }
-    lineGraph.scope = componentScope;
-    return lineGraph;
+export const buildLineGraph = (config, componentScope) => {
+  const lineGraph: any = _.cloneDeep(LineGraph);
+  if (config.layout) {
+    lineGraph.config.layout = createLayoutFormat(config.layout);
+  }
+  lineGraph.config.main.header = config.heading;
+  if (config.height) {
+    lineGraph.config.style.containerStyle.height = config.height;
+  }
+  if (config.bottomLabel) {
+    lineGraph.config.main.bottomLabel = config.bottomLabel;
+  }
+  if (config.leftLabel) {
+    lineGraph.config.main.leftLabel = config.leftLabel;
+  }
+  if (config.legendHide) {
+    lineGraph.config.main.legendAvailabe = config.legendHide==="YES"?false:true;
+  }
+  if (config.legendLabels) {
+    lineGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
+  }
+
+  if (config.pieArcColors) {
+    lineGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
+  }
+  lineGraph.scope = componentScope;
+  return lineGraph;
 }

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

@@ -1,31 +1,27 @@
+import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
 import { PieGraph } from "./uischema/graph";
 import _ from "lodash";
-
+// flatObjectValueInArray
 export const buildPieGraph = (config,componentScope) =>{
     const pieGraph: any = _.cloneDeep(PieGraph);
     if (config.layout) {
-      pieGraph.config.layout = config.layout;
-    }
-    if (config.containerBackground) {
-      pieGraph.config.style.containerStyle.background =
-        config.containerBackground;
+      pieGraph.config.layout = createLayoutFormat(config.layout);
     }
     if (config.height) {
       pieGraph.config.style.containerStyle.height = config.height;
     }
-    if (config.legendAvailabe) {
-      pieGraph.config.main.legendAvailabe = config.legendAvailabe==="YES"?false:true;
+    if (config.legendHide) {
+      pieGraph.config.main.legendAvailabe = config.legendHide==="YES"?false:true;
     }
     pieGraph.scope = componentScope;
     pieGraph.config.main.header = config.heading;
-    if(config.bottomLabel){
-    pieGraph.config.main.bottomLabel = config.bottomLabel;
-    }
-    if(config.leftLabel){
-      pieGraph.config.main.leftLabel = config.leftLabel;
-      }
-      if(config.tooltipDataKey){
-        pieGraph.config.main.tooltipDataKey = config.tooltipDataKey;
+  
+      if(config.legendLabels){
+        pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
         }
+    
+        if(config.pieArcColors){
+          pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
+          }
     return pieGraph;
 }

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

@@ -0,0 +1,35 @@
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+const RadioUiSchema = {
+    type: "Control",
+    scope: "#/properties/invoiceEnabled",
+
+    options: {
+      widget: "RadioInputField",
+    },
+    config: {
+      layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
+      main: {
+        label: "Enabled",
+        options: ["YES", "NO"],
+        errorMessage: "Enabled is not marked as YES or NO",
+      },
+    },
+  };
+
+  export const buildRadio = (config,componentScope) => {
+    const Radio: any = _.cloneDeep(RadioUiSchema);
+    Radio.scope = componentScope;
+    Radio.config.main.heading = config.label
+    if(config.layout){
+        Radio.config.layout = createLayoutFormat(config.layout)
+    }
+    if (config.sectionLabels) {
+        Radio.config.main.options = config.sectionLabels.map(e => e.label||e.Options);
+      }
+    if (config.style) {
+        Radio.config.style = JSON.parse(config.style)
+    }
+    return Radio;
+}

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

@@ -0,0 +1,32 @@
+
+const schema = {
+    type: "object",
+    properties: {},
+    required: []
+};
+
+export const buildSchema = (config: any) => {
+    function buildRule(configObj: any) {
+        if (configObj.validation) {
+            configObj.validation.forEach((rule: any) => {
+                if (!schema.properties[configObj.name]) {
+                    schema.properties[configObj.name] = {};
+                }
+                if (rule.validationType === "required") {
+                    schema.required.push(configObj.name)
+                } else {
+                    schema.properties[configObj.name]["type"] = "string"
+                    schema.properties[configObj.name][rule.validationType] =
+                        isNaN(rule.validationValue) ?
+                            rule.validationValue : Number(rule.validationValue)
+                }
+            });
+        }
+       
+    }
+    buildRule(config)
+    console.log(schema)
+    window.localStorage.setItem("schemaDemo",JSON.stringify(schema))
+    return schema;
+};
+export default buildSchema;

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

@@ -1,3 +1,4 @@
+import { createLayoutFormat } from "./buildConfig";
 import SpeedoMeter from "./uischema/speedoMeter";
 import _ from "lodash";
 
@@ -5,19 +6,31 @@ export const buildSpeedoMeter = (config:any,componentScope:string) => {
     const speedoMeter: any = _.cloneDeep(SpeedoMeter);
     speedoMeter.scope = componentScope;
     if (config.layout) {
-      speedoMeter.config.layout = config.layout;
+      speedoMeter.config.layout = createLayoutFormat(config.layout);
     }
     if (config.heading) {
       speedoMeter.config.main.header = config.heading;
     }
-
-    if (config.currentValueText) {
+    if (config.segments) {
+      speedoMeter.config.main.segments = config.segments;
+    }
+    if (config.style) {
+     const styleObj =  JSON.parse(config.style)
+     if(styleObj?.style){
+      speedoMeter.config.style = {...speedoMeter.config.style,...styleObj.style}
+      }
+      if(styleObj?.containerStyle){
+      speedoMeter.config.style.containerStyle = {...speedoMeter.config.style.containerStyle,...styleObj.containerStyle}
+      }
+      
+    }
+    if(config.width){
+      speedoMeter.config.main.width =
+      config.width;
+    }
+    if (config.speedoCaption) {
       speedoMeter.config.main.currentValueText =
-        config.currentValueText;
-    }
-    if (config.customSegmentLabels) {
-      speedoMeter.config.main.customSegmentLabels =
-        config.customSegmentLabels;
+        config.speedoCaption;
     }
     if (config.data) {
       speedoMeter.config.main.data = config.data;

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

@@ -1,10 +1,11 @@
+import { createLayoutFormat } from "./buildConfig";
 import { BarGraph } from "./uischema/graph";
 import _ from "lodash";
 
 export const buildStackbarGraph = (config:any,componentScope:string) => {
     const barGraph: any = _.cloneDeep(BarGraph);
     if (config.layout) {
-      barGraph.config.layout = config.layout;
+      barGraph.config.layout = createLayoutFormat(config.layout);
     }
     if (config.legendHide) {
       barGraph.config.main.legendAvailable = false;

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

@@ -1,3 +1,4 @@
+import { createLayoutFormat } from "./buildConfig";
 import Timer from "./uischema/timer";
 import _ from "lodash";
 
@@ -8,7 +9,7 @@ export const buildTimer = (config,componentScope)=>{
         timer.config.main.label = config.label;
       }
       if (config.layout) {
-        timer.config.layout = config.layout;
+        timer.config.layout = createLayoutFormat(config.layout);
       }
       return timer;
 }