impaktapps-ui-builder 0.0.591 → 0.0.592-alpha.10

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

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

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

@@ -8,5 +8,5 @@ export declare const buildSchema: (config: any, tableName?: string, isArrayType?
     properties: {};
     required: any[];
 };
-declare const buildUiSchema: (config: any) => any;
+declare const buildUiSchema: (config: any, store?: any) => any;
 export default buildUiSchema;

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

@@ -27,6 +27,8 @@ export declare const buildWrapper: (label: string, elements: any[]) => {
         wrapperStyle: {
             marginTop: string;
             marginBottom: string;
+            marginLeft: string;
+            width: string;
         };
         componentsBoxStyle: {
             marginLeft: string;

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

@@ -1,20 +1,23 @@
-declare const _default: {
+export default function Card(theme: any): {
     type: string;
     config: {
-        main: {
-            rowSpacing: number;
-        };
+        main: {};
+        wrapperStyle: {};
         componentsBoxStyle: {
-            position: string;
-            color: string;
-            height: {
-                xs: string;
-                md: string;
-            };
+            flexDirection: string;
+            flexWrap: string;
             width: string;
-            textAlign: string;
             background: string;
+            border: string;
             borderRadius: string;
+            padding: string;
+            "&: hover": {
+                background: string;
+                border: string;
+                "& p": {
+                    color: string;
+                };
+            };
         };
         layout: {
             xs: number;
@@ -25,94 +28,112 @@ declare const _default: {
     };
     elements: ({
         type: string;
-        scope: string;
         config: {
-            main: {
-                heading: string;
-                url?: undefined;
-            };
-            style: {
-                position: string;
-                left: string;
-                top: string;
-                color: string;
-                height: string;
-                display: string;
-                fontSize: {
-                    xs: string;
-                    md: string;
-                };
-                alignItems: string;
-                background: string;
-                justifyContent: string;
-                objectFit?: undefined;
-                right?: undefined;
-                width?: undefined;
-                padding?: undefined;
-            };
             layout: number;
+            main?: undefined;
+            style?: undefined;
         };
-        options: {
-            widget: string;
-        };
-    } | {
-        type: string;
-        scope: string;
-        config: {
-            main: {
-                url: string;
-                heading?: undefined;
-            };
-            style: {
-                color: string;
-                objectFit: string;
-                position: string;
-                top: string;
-                right: string;
-                height: string;
-                width: string;
-                display: string;
-                fontSize: string;
-                alignItems: string;
-                background: string;
-                padding: string;
-                justifyContent: string;
-                left?: undefined;
+        elements: {
+            type: string;
+            config: {
+                main: {
+                    columnSpacing: number;
+                    gap: number;
+                };
+                wrapperStyle: {
+                    marginTop: string;
+                    background: string;
+                };
+                componentsBoxStyle: {
+                    flexDirection: string;
+                    flexWrap: string;
+                    width: string;
+                    height: string;
+                    background: string;
+                    borderRadius: string;
+                };
+                layout: number;
             };
-            layout: number;
-        };
-        options: {
-            widget: string;
-        };
+            elements: ({
+                type: string;
+                scope: string;
+                config: {
+                    main: {
+                        heading: string;
+                    };
+                    style: {
+                        color: string;
+                        display: string;
+                        fontSize: {
+                            xs: string;
+                            md: string;
+                        };
+                        fontWeight: string;
+                        background: string;
+                        justifyContent: string;
+                        width: string;
+                        margin: string;
+                        textWrap?: undefined;
+                        lineHeight?: undefined;
+                    };
+                    layout: number;
+                };
+                options: {
+                    widget: string;
+                };
+            } | {
+                type: string;
+                scope: string;
+                config: {
+                    main: {
+                        heading: string;
+                    };
+                    style: {
+                        color: string;
+                        fontSize: string;
+                        justifyContent: string;
+                        textWrap: string;
+                        background: string;
+                        width: string;
+                        margin: string;
+                        lineHeight: string;
+                        display?: undefined;
+                        fontWeight?: undefined;
+                    };
+                    layout: number;
+                };
+                options: {
+                    widget: string;
+                };
+            })[];
+        }[];
+        scope?: undefined;
+        options?: undefined;
     } | {
         type: string;
         scope: string;
         config: {
             main: {
-                heading: string;
-                url?: undefined;
+                url: string;
             };
             style: {
-                position: string;
-                top: string;
-                alignItems: string;
-                color: string;
-                fontSize: string;
-                left: string;
-                background: string;
-                justifyContent: string;
-                height?: undefined;
-                display?: undefined;
-                objectFit?: undefined;
-                right?: undefined;
-                width?: undefined;
-                padding?: undefined;
+                containerStyle: {
+                    height: string;
+                    display: string;
+                    justifyContent: string;
+                };
+                imageStyle: {
+                    height: string;
+                    fontSize: string;
+                    padding: string;
+                    marginLeft: string;
+                };
             };
             layout: number;
         };
         options: {
             widget: string;
         };
+        elements?: undefined;
     })[];
 };
-export default _default;

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

@@ -46,7 +46,6 @@ export declare const LineGraph: {
             hideBottomAxisLine: boolean;
             legend: {
                 labelColor: string;
-                legendTitle: string;
                 direction: string;
                 align: string;
                 colorRectWidth: number;

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

@@ -35,7 +35,7 @@ export declare const ValidationSection: {
                         layout: {
                             xs: number;
                             sm: number;
-                            md?: undefined;
+                            md: number;
                             lg?: undefined;
                         };
                         main?: undefined;

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

@@ -1,10 +1,10 @@
-declare const clearFromLocalStorage: () => void;
-export default clearFromLocalStorage;
+declare const clearFromSessionStorage: () => void;
+export default clearFromSessionStorage;
 export declare const getNavigationHistory: (config: any, path: string | undefined) => {
     pageName: string;
 };
-export declare const saveFormdataInLocalStorage: (formData: any, path?: string) => any;
-export declare const getFormdataFromLocalStorage: (path?: string) => any;
+export declare const saveFormdataInSessionStorage: (formData: any, path?: string) => any;
+export declare const getFormdataFromSessionStorage: (path?: string) => any;
 export declare function saveHandler(store: any, service: any, submitHandler: any, pageName?: string): Promise<void>;
 export declare const navigateHandler: (store: any, isSubmitted: any, pageName?: string | boolean) => void;
 export declare function okHandler(store: any): void;

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

@@ -6,4 +6,4 @@ export { schema } from "../builder/build/buildUiSchema";
 export { default as buildConfig } from "../builder/build/buildConfig";
 export { default as buildUiSchema } from "../builder/build/buildUiSchema";
 export { buildSchema } from "../builder/build/buildUiSchema";
-export { default as clearFromLocalStorage } from "../builder/services/utils";
+export { default as clearFromSessionStorage } from "../builder/services/utils";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.591",
+    "version": "0.0.592-alpha.10",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -2,25 +2,25 @@ import Card from "./uischema/card";
 import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
-export const buildCard = (config,componentScope) =>{
-    const card: any = _.cloneDeep(Card);
+export const buildCard = (config,componentScope,store) =>{
+    const card: any = _.cloneDeep(Card(store.theme.myTheme));
     if (config.style) {
       card.config.style = JSON.parse(config.style)
     }
-    card.elements[0].scope = `#/properties/${config.name}/properties/value`
+    card.elements[0].elements[0].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`
+    card.elements[0].elements[0].elements[1].scope = `#/properties/${config.name}/properties/description`
     if(config.layout){
       card.config.layout = createLayoutFormat(config.layout)
     }
     if(config.label){
-      card.elements[0].config.main.heading = config.label;
+      card.elements[0].elements[0].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;
+      card.elements[0].elements[0].elements[1].config.main.heading = config.description;
     }
    
   

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

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

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

@@ -9,11 +9,15 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     if (config.layout) {
       horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
     }
+    horizontalBarGraph.config.main.type = config.graphType;
     horizontalBarGraph.scope = componentScope;
     horizontalBarGraph.config.main.header = config.heading;
     if (config.barColor) {
       horizontalBarGraph.config.barStyle.color = config.barColor;
     }
+    if (config.xAxisValue) {
+      horizontalBarGraph.config.main.xAxisValue = config.xAxisValue;
+    }
     if (config.containerBackground) {
       horizontalBarGraph.config.containerStyle.background =
         config.containerBackground;

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

@@ -24,7 +24,9 @@ export const buildPieGraph = (config, componentScope) => {
   if (config.legendLabels) {
     pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
   }
-
+  if (config.xAxisValue) {
+    pieGraph.config.main.xAxisValue = config.xAxisValue;
+  }
   if (config.pieArcColors) {
     pieGraph.config.style = {
       pieStyle: {

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

@@ -8,7 +8,7 @@ export const buildProgressBar = (config:any,componentScope:any) =>{
         if (config.layout) {
           ProgressBar.config.layout = config.layout;
         }
-        ProgressBar.config.main.heading = config.heading;
+        ProgressBar.config.main.heading = config.label;
         if (config.bottomLabel_3) {
           ProgressBar.config.main.bottomLabel_3 = config.bottomLabel_3;
         }

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

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

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

@@ -25,7 +25,7 @@ export const buildSchema = (config: any) => {
        
     }
     buildRule(config)
-    window.localStorage.setItem("schemaDemo",JSON.stringify(schema))
+    window.sessionStorage.setItem("schemaDemo",JSON.stringify(schema))
     return schema;
 };
 export default buildSchema;

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

@@ -15,6 +15,9 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
     if (config.barColor) {
       barGraph.config.barStyle.color = config.barColor;
     }
+    if (config.xAxisValue) {
+      barGraph.config.main.xAxisValue = config.xAxisValue;
+    }
     if (config.height) {
       barGraph.config.style.containerStyle.height = config.height;
     }

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

@@ -165,7 +165,7 @@ export const buildSchema = (config: any, tableName?: string, isArrayType?: boole
 }
 
 
-const buildUiSchema = (config: any) => {
+const buildUiSchema = (config: any, store?: any) => {
   let elements: any = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
@@ -249,7 +249,7 @@ const buildUiSchema = (config: any) => {
       elements = buildEmptyBox(config, componentScope);
       break;
     case "card":
-      elements = buildCard(config, componentScope);
+      elements = buildCard(config, componentScope, store);
       break;
     case "Graph":
       switch (config.graphType) {
@@ -264,6 +264,7 @@ const buildUiSchema = (config: any) => {
           elements = buildPieGraph(config, componentScope);
           break;
         case "HorizontalBarGraph":
+        case "HorizontalStackBarGraph":
           elements = buildHorizontalBarGraph(config, componentScope);
           break;
       }
@@ -328,7 +329,7 @@ const buildUiSchema = (config: any) => {
           header: cellElem.label || cellElem.name,
           size: sizeMap[cellElem.name] || 180,
           type: cellElem.columnFormat,
-          elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem)) : []
+          elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : []
         }
       })
     }
@@ -346,8 +347,8 @@ const buildUiSchema = (config: any) => {
             header: cellElem.label || cellElem.name,
             size: sizeMap[cellElem.name] || 180,
             type: cellElem.columnFormat,
-            widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem) : undefined,
-            elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem)) : []
+            widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem, store) : undefined,
+            elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : []
           }
         } else {
           return {
@@ -362,12 +363,12 @@ const buildUiSchema = (config: any) => {
     }
     else if (config.type == "Array") {
       elements.options.detail.elements = config.elements.map((e: any, elemInd: number) => {
-        return buildUiSchema(e)
+        return buildUiSchema(e,store)
       });
     }
     else {
       elements.elements = config.elements.map((e: any, elemInd: number) => {
-        return buildUiSchema(e)
+        return buildUiSchema(e,store)
       });
     }
   }

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

@@ -11,7 +11,7 @@ export const APISection = {
         widget: "SelectInputField",
       },
       config: {
-        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
         main: {
           label: "Method",
           type: "text",
@@ -26,7 +26,7 @@ export const APISection = {
         widget: "InputField",
       },
       config: {
-        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
         main: {
           label: "Path",
           type: "text",
@@ -43,7 +43,7 @@ export const APISection = {
         widget: "EmptyBox",
       },
       config: {
-        layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+        layout: { xs: 0, sm: 0, md: 4, lg: 4 },
       },
     },
     {
@@ -54,7 +54,7 @@ export const APISection = {
         widget: "EmptyBox",
       },
       config: {
-        layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+        layout: { xs: 0, sm: 0, md: 4, lg: 4 },
       },
     },
     {
@@ -73,7 +73,7 @@ export const APISection = {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Key",
                 },
@@ -87,7 +87,7 @@ export const APISection = {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Value",
                 },
@@ -101,7 +101,7 @@ export const APISection = {
                 widget: "EmptyBox",
               },
               config: {
-                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 0, sm: 0, md: 4, lg: 4 },
               },
             },
           ],
@@ -124,7 +124,7 @@ export const APISection = {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Key",
                 },
@@ -138,7 +138,7 @@ export const APISection = {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Value",
                 },
@@ -152,7 +152,7 @@ export const APISection = {
                 widget: "EmptyBox",
               },
               config: {
-                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 0, sm: 0, md: 4, lg: 4 },
               },
             },
           ],