impaktapps-ui-builder 0.0.596 → 0.0.962

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/buildTable.d.ts

@@ -1,2 +1 @@
 export declare const buildTable: (config: any, componentScope: string) => any;
-export declare const buildLazyLoadingTable: (config: any, componentScope: string) => 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/apiSection.d.ts

@@ -22,6 +22,7 @@ export declare const APISection: {
                 heading: string;
                 minRows: number;
                 hideButton: boolean;
+                enableCodeEditor: boolean;
             };
         };
     } | {

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;
@@ -57,6 +59,7 @@ export declare const getTextArea: (scope: string, heading: string, hideButton: b
             heading: string;
             minRows: number;
             hideButton: boolean;
+            enableCodeEditor: boolean;
         };
     };
 };
@@ -82,6 +85,26 @@ export declare const getSelectField: (scope: string, label: string, options: {
         };
     };
 };
+export declare const getMultiSelectField: (scope: string, label: string) => {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            multiple: boolean;
+            label: string;
+            options: any[];
+        };
+    };
+};
 export declare const buildPropertiesSection: (type: String) => {
     type: string;
     elements: any[];

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.596",
+    "version": "0.0.962",
     "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/buildTable.ts

@@ -1,7 +1,5 @@
 import Table from "./uischema/table";
 import _ from "lodash";
-import buildUiSchema from "./buildUiSchema";
-import lazyLoadingTable from "./uischema/lazyLoadingTable";
 
 export const buildTable = (config: any, componentScope: string) => {
   const table: any = _.cloneDeep(Table);
@@ -40,39 +38,35 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.downloadAllData) {
     table.config.main.downloadAllData = config.downloadAllData === "YES" ? true : false
   }
-  if (config.Table_Download_Keys_Name) {
-    table.config.main.TableDownloadKeysName = config.Table_Download_Keys_Name.map(e => e.KeyName);
+  if(config.disableGlobalSearch){
+    table.config.main.disableGlobalSearch = config.disableGlobalSearch === "YES" ? true : false
   }
-  if (config.selectKey) {
-    table.config.main.selectKey = config.selectKey
+  if(config.disableColumnFilter){
+    table.config.main.disableColumnFilter = config.disableColumnFilter === "YES" ? true : false
   }
-  return table;
-}
-
-export const buildLazyLoadingTable = (config: any, componentScope: string) => {
-  const table: any = _.cloneDeep(lazyLoadingTable);
-  table.scope = componentScope;
-  if (config.style) {
-    table.config.style = JSON.parse(config.style)
+  if(config.disableSorting){
+    table.config.main.disableSorting = config.disableSorting === "YES" ? true : false
   }
-  if (config.SelectionAvailable) {
-    table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false
-  };
-  if (config.ColumnResizingAvailable) {
-    table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ? false : true
-  };
-  if (config.DragAvailable) {
-    table.config.main.enableDrag = config.DragAvailable === "YES" ? true : false
-  };
-  if (config.selectKey) {
-    table.config.main.selectKey = config.selectKey
+  if(config.disableEditColumn){
+    table.config.main.disableEditColumn = config.disableEditColumn === "YES" ? true : false
   }
-  if (config.downloadAllData) {
-    table.config.main.downloadAllData = config.downloadAllData === "YES" ? true : false
+  if(config.disableFullScreenToggle){
+    table.config.main.disableFullScreenToggle = config.disableFullScreenToggle === "YES" ? true : false
+  }
+  if(config.disableDensityToggle){
+    table.config.main.disableDensityToggle = config.disableDensityToggle === "YES" ? true : false
+  }
+  if(config.disableDownloadFile){
+    table.config.main.disableDownloadFile = config.disableDownloadFile === "YES" ? true : false
+  }
+  if(config.disablePagination){
+    table.config.main.disablePagination = config.disablePagination === "YES" ? true : false
   }
   if (config.Table_Download_Keys_Name) {
     table.config.main.TableDownloadKeysName = config.Table_Download_Keys_Name.map(e => e.KeyName);
   }
-  table.config.main.label = config.label;
+  if (config.selectKey) {
+    table.config.main.selectKey = config.selectKey
+  }
   return table;
-}
+};

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

@@ -45,6 +45,12 @@ export const buildTextArea = (config:any,componentScope:string) =>{
       if (config.placeholder) {
         textArea.config.main.placeholder = config.placeholder;
       }
+      if(config.enableCodeEditor){
+        textArea.config.main.enableCodeEditor = config.enableCodeEditor === "YES" ? true : false
+      }
+      if(config.codeEditorLanguage){
+        textArea.config.main.codeEditorLanguage = config.codeEditorLanguage;
+      }
       textArea.scope = componentScope;
     return textArea;
 }

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

@@ -14,7 +14,7 @@ import { buildWrapperSection } from "./buildWrapperSection";
 import { buildTextField } from "./buildText";
 import { buildSelect } from "./buildSelect";
 import { buildButton } from "./buildButton";
-import { buildLazyLoadingTable, buildTable } from "./buildTable";
+import {  buildTable } from "./buildTable";
 import { buildLabel } from "./buildLabel";
 import { buildUploadFile } from "./buildUplaodFile";
 import { buildDownloadFile } from "./buildDownloadFile";
@@ -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) {
@@ -230,9 +230,6 @@ const buildUiSchema = (config: any) => {
     case "Array":
       elements = buildArray(config, componentScope);
       break;
-    case "LazyLoadingTable":
-      elements = buildLazyLoadingTable(config, componentScope)
-      break;
     case "Box":
       elements = buildLabel(config, componentScope);
       break;
@@ -249,7 +246,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 +261,7 @@ const buildUiSchema = (config: any) => {
           elements = buildPieGraph(config, componentScope);
           break;
         case "HorizontalBarGraph":
+        case "HorizontalStackBarGraph":
           elements = buildHorizontalBarGraph(config, componentScope);
           break;
       }
@@ -328,17 +326,23 @@ 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)) : []
         }
       })
     }
     else if (config.type == "Table") {
       const sizeMap = {}
+      const filterMap = {}
       if (config.sizeHolder) {
         config.sizeHolder.map((e, i) => {
           sizeMap[e.keyName] = e.value
         });
       }
+      if(config.enableColumnFilter){
+        config.enableColumnFilter.map((e)=>{
+          filterMap[e.keyName] = true
+        })
+      }
       elements.elements = config.elements.map((cellElem, elemInd) => {
         if (cellElem.type) {
           return {
@@ -346,15 +350,19 @@ 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)) : [],
+            enableColumnFilter: Object.keys(filterMap).length === 0 ? true : filterMap[cellElem.name] ?? false,
+            columnFilterModeOptions: config.filteringOptions
           }
         } else {
           return {
             accessorKey: cellElem.name,
             type: cellElem.columnFormat,
             header: cellElem.label || cellElem.name,
-            size: sizeMap[cellElem.name] || 180
+            size: sizeMap[cellElem.name] || 180,
+            enableColumnFilter: Object.keys(filterMap).length === 0 ? true : filterMap[cellElem.name] ?? false,
+            columnFilterModeOptions: config.filteringOptions
           }
         }
 
@@ -362,12 +370,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)
       });
     }
   }