impaktapps-ui-builder 1.0.174 → 1.0.181-test

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

@@ -0,0 +1,2 @@
+declare const buildAreaGraph: (config: any, componentScope: string) => any;
+export default buildAreaGraph;

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

@@ -2,3 +2,4 @@ declare const _default: (FormData: any) => any;
 export default _default;
 export declare const createLayoutFormat: (layout: any[], type?: string) => any;
 export declare const flatObjectValueInArray: (config?: any[]) => any[];
+export declare const createKeyValueMap: (config?: any[]) => any;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+declare const buildStackBarLineGraph: (config: any, componentScope: string) => any;
+export default buildStackBarLineGraph;

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

@@ -13,6 +13,7 @@ declare const Box: {
         };
         main: {
             iconName: string;
+            onClick: string;
         };
         style: {};
     };

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

@@ -0,0 +1,22 @@
+declare const _default: {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            variant: string;
+            styleDefault: boolean;
+            size: string;
+        };
+        style: {};
+    };
+};
+export default _default;

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

@@ -20,7 +20,6 @@ export declare const BarGraph: {
             labelStyle: {
                 margin: {};
             };
-            barStyle: {};
         };
     };
 };
@@ -46,7 +45,6 @@ export declare const PieGraph: {
             labelStyle: {
                 margin: {};
             };
-            pieStyle: {};
         };
     };
 };
@@ -72,7 +70,6 @@ export declare const LineGraph: {
             labelStyle: {
                 margin: {};
             };
-            lineStyle: {};
         };
     };
 };
@@ -98,7 +95,56 @@ export declare const HorizontalBarGraph: {
             labelStyle: {
                 margin: {};
             };
-            barStyle: {};
+        };
+    };
+};
+export declare const AreaBarGraph: {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            type: string;
+            legendLabels: any;
+        };
+        style: {
+            containerStyle: {};
+            labelStyle: {
+                margin: {};
+            };
+        };
+    };
+};
+export declare const StackBarLineG: {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            type: string;
+            legendLabels: any;
+        };
+        style: {
+            containerStyle: {};
+            labelStyle: {
+                margin: {};
+            };
         };
     };
 };

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

@@ -0,0 +1,17 @@
+declare const _default: {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {};
+    };
+};
+export default _default;

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

@@ -18,6 +18,7 @@ declare const _default: {
             variant: string;
             options: any[];
         };
+        style: {};
     };
 };
 export default _default;

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

@@ -0,0 +1,19 @@
+declare const _default: {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            title: string;
+        };
+    };
+};
+export default _default;

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

@@ -16,6 +16,7 @@ declare const _default: {
             type: string;
             freeSole: boolean;
         };
+        style: {};
     };
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-export declare const TableSection: (theme: any) => {
+export declare const TableSection: (theme: any, scopeName?: string) => {
     type: string;
     elements: {
         type: string;

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

@@ -3,9 +3,11 @@ declare const _default: {
     config: {
         layout: number;
         main: {
-            rowSpacing: number;
             divider: boolean;
             label: string;
+            rowSpacing: number;
+            columnSpacing: number;
+            spacing: number;
         };
         defaultStyle: boolean;
     };

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

@@ -3,3 +3,4 @@ export declare function downloadFile({ data, name }: {
     name: string;
 }): void;
 export declare const downloadFileFromUrl: (response: any, service: any) => void;
+export declare const downloadFileStream: (params: any) => Promise<void>;

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

@@ -5,6 +5,7 @@ export interface handlersProps {
     dynamicData: any;
     userValue: any;
     service: any;
+    fetchservice?: any;
     serviceHolder: any;
     eventGroups?: any;
     parentEventOutput?: any;

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

@@ -3,6 +3,7 @@ interface funcParamsProps {
     store: any;
     dynamicData: any;
     service: any;
+    fetchservice: any;
     userValue: any;
     pageDataProvider: any;
     functionsProvider?: Record<string, any>;
@@ -11,10 +12,12 @@ interface funcParamsProps {
 export declare const extractEvents: (eventConfig: any) => any;
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
+    getStyle: () => {};
     onCellRenderer: (cellParams: any) => {};
     onClick: () => void;
     onKeyDown: () => void;
     onFileDelete: () => Promise<void>;
+    onClose: () => void;
     onMount: () => void;
     onFileDownload: () => void;
     onFileUpload: () => void;
@@ -30,5 +33,6 @@ declare const _default: (funcParams: funcParamsProps) => {
     callHandler: (eventType: string, functionParameters?: any) => void;
     downloadFile: typeof downloadFile;
     downloadFileFromUrl: (response: any, service: any) => void;
+    downloadFileStream: (params: any) => Promise<void>;
 };
 export default _default;

package/package.json

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

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

@@ -0,0 +1,66 @@
+import { createLayoutFormat, createKeyValueMap } from "./buildConfig";
+import { AreaBarGraph } from "./uischema/graph";
+import _ from "lodash";
+
+
+const buildAreaGraph = (config:any,componentScope:string) => {
+    const AreaGraph: any = _.cloneDeep(AreaBarGraph);
+    AreaGraph.scope = componentScope;
+    if (config.layout) {
+      AreaGraph.config.layout = createLayoutFormat(config.layout, config.type);
+    }
+    AreaGraph.config.main.type = config.graphType;
+    AreaGraph.scope = componentScope;
+    AreaGraph.config.main.header = config.heading;
+    AreaGraph.config.main.subHeader = config.subHeader;
+    if (config.legendHide) {
+      AreaGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
+    }
+    if (config.bottomAxisAngle) {
+      AreaGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
+    }
+    if (config.legendLabels) {
+      AreaGraph.config.main.legendLabels = createKeyValueMap(config.legendLabels);
+    }
+    if(config.legendDirection){
+      AreaGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
+    }
+    if (config.height) {
+      AreaGraph.config.style.containerStyle.height = config.height;
+    }
+    if (config.pieArcColors) {
+      AreaGraph.config.style.colorMap = createKeyValueMap(config.pieArcColors);
+    }
+    if(config.xAxisFormatType){
+      AreaGraph.config.main.xAxisFormatType = config.xAxisFormatType
+    }
+    if(config.yAxisTickCount){
+      AreaGraph.config.main.yAxisTickCount = config.yAxisTickCount
+    }
+    if(config.xAxisTickCount){
+      AreaGraph.config.main.xAxisTickCount = config.xAxisTickCount
+    }
+    if (config.xAxisValue) {
+      AreaGraph.config.main.xAxisValue = config.xAxisValue;
+    }
+    if(config.xAxisType) {
+      AreaGraph.config.main.xAxisType = config.xAxisType;
+    }
+    if (config.bottomLabel) {
+      AreaGraph.config.main.bottomLabel = config.bottomLabel;
+    }
+    if (config.leftLabel) {
+      AreaGraph.config.main.leftLabel = config.leftLabel;
+    }
+    if (config.disableLeftLabel) {
+      AreaGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
+    }
+    if (config.leftMargin) {
+      AreaGraph.config.style.labelStyle.margin ={
+        left: config.leftMargin
+      }
+    }
+    return AreaGraph
+}
+
+export default buildAreaGraph;

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

@@ -15,19 +15,23 @@ export const buildArray = (config: any, componentScope: string) => {
     if (config.allExpanded) {
         array.config.main.allExpanded = config.allExpanded === "YES" ? true : false
     }
-    if(config.disableAddButton ){
-        array.config.main.disableAddButton  = config.disableAddButton  === "YES" ? true : false
+    if (config.disableAddButton) {
+        array.config.main.disableAddButton = config.disableAddButton === "YES" ? true : false
     }
-    if(config.disableExpandAllButton ){
-        array.config.main.disableExpandAllButton  = config.disableExpandAllButton  === "YES" ? true : false
+    if (config.disableExpandAllButton) {
+        array.config.main.disableExpandAllButton = config.disableExpandAllButton === "YES" ? true : false
     }
-    if(config.disableRowActions ){
-        array.config.main.disableRowActions  = config.disableRowActions  === "YES" ? true : false
+    if (config.disableRowActions) {
+        array.config.main.disableRowActions = config.disableRowActions === "YES" ? true : false
     }
     if (config.style) {
         array.config.style = JSON.parse(config.style)
     }
+    array.config.main.rowSpacing = Number(config.rowSpacing);
+    array.config.main.columnSpacing = Number(config.columnSpacing);
+    array.config.main.spacing = Number(config.spacing);
     array.config.main.childElementLabel = config.childElementLabel;
+    array.config.main.showKeyAsLabel = config.showKeyAsLabel;
     array.config.main.label = config.label;
     array.scope = componentScope;
     return array;

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

@@ -44,7 +44,7 @@ export const buildCamera = (config: any, componentScope: string) => {
         camera.config.main.color = config.color
     }
     if (config.label) {
-        camera.config.main.name = config.label;
+        camera.config.main.label = config.label;
     }
     return camera;
 }

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

@@ -22,27 +22,31 @@ export default (FormData: any) => {
   if (formData.events) {
     delete formData.events
   }
+  if (formData.tabLabelElements) {
+    component.tabLabelElements = formData.tabLabelElements || [];
+    delete formData.tabLabelElements
+  }
   component = { ...formData, ...component };
   return component;
 };
 
 export const createLayoutFormat = (layout: any[], type?: string) => {
   if (_.isEmpty(layout)) {
-    const fullLayoutComponents: string[] = ["WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "TextArea", "TreeMap", "Thought", "HorizontalLayout","Table"]
-    if(fullLayoutComponents.includes(type)){
+    const fullLayoutComponents: string[] = ["WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "TextArea", "TreeMap", "Thought", "HorizontalLayout", "Table"]
+    if (fullLayoutComponents.includes(type)) {
       return { xs: 12, sm: 12, md: 12, lg: 12 }
     }
-    else if(type === "Graph"){
-      return {xs :12,sm:12,md:12,lg:6}
+    else if (type === "Graph") {
+      return { xs: 12, sm: 12, md: 12, lg: 6 }
     }
-    else if(type === "Button"){
+    else if (type === "Button") {
       return { xs: 4, sm: 2.5, md: 2, lg: 1.5 }
     }
-    else{
+    else {
       return { xs: 6, sm: 6, md: 4, lg: 3 }
     }
   }
-  let data: any = {  };
+  let data: any = {};
 
   layout.map((e: any) => {
     data[e.key || "xs"] =
@@ -62,3 +66,11 @@ export const flatObjectValueInArray = (config: any[] = []) => {
   })
   return data;
 }
+
+export const createKeyValueMap = (config: any[] = []) => {
+  return config.reduce((acc, item) => {
+    if (!item.key) return acc
+    acc[item.key] = item.value
+    return acc
+  }, {})
+}

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

@@ -2,33 +2,34 @@ import DateInputField, { DateTime } from "./uischema/dateInputField";
 import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
-export const buildDate = (config:any,componentScope:string)=> {
-    const dateInputField: any = _.cloneDeep(DateInputField);
-    dateInputField.config.main.label = config.label;
-    dateInputField.config.main.errorMessage = `${config.name} is empty or invalid`;
-    dateInputField.scope = componentScope;
-    if(config.layout){
-        dateInputField.config.layout = createLayoutFormat(config.layout)
-      }
-    if (config.variant) {
-      dateInputField.config.main.variant = config.variant;
-    }
-    if (config.toolTip) {
-      dateInputField.config.main.toolTip = config.toolTip;
-    }
-    if (config.toolTipPosition) {
-      dateInputField.config.main.toolTipPosition = config.toolTipPosition;
-    }
-    return dateInputField;
+export const buildDate = (config: any, componentScope: string) => {
+  const dateInputField: any = _.cloneDeep(DateInputField);
+  dateInputField.config.main.label = config.label;
+  dateInputField.scope = componentScope;
+  if (config.layout) {
+    dateInputField.config.layout = createLayoutFormat(config.layout)
+  }
+  if (config.variant) {
+    dateInputField.config.main.variant = config.variant;
+  }
+  if (config.toolTip) {
+    dateInputField.config.main.toolTip = config.toolTip;
+  }
+  if (config.toolTipPosition) {
+    dateInputField.config.main.toolTipPosition = config.toolTipPosition;
+  }
+  if (config.style) {
+    dateInputField.config.style = JSON.parse(config.style)
+  }
+  return dateInputField;
 }
-export const buildDateTime = (config:any,componentScope:string)=>{
+export const buildDateTime = (config: any, componentScope: string) => {
   const dateTimeInputField: any = _.cloneDeep(DateTime);
   dateTimeInputField.config.main.label = config.label;
-  dateTimeInputField.config.main.errorMessage = `${config.name} is empty or invalid`;
   dateTimeInputField.scope = componentScope;
-  if(config.layout){
+  if (config.layout) {
     dateTimeInputField.config.layout = createLayoutFormat(config.layout)
-    }
+  }
   if (config.variant) {
     dateTimeInputField.config.main.variant = config.variant;
   }
@@ -38,5 +39,8 @@ export const buildDateTime = (config:any,componentScope:string)=>{
   if (config.toolTipPosition) {
     dateTimeInputField.config.main.toolTipPosition = config.toolTipPosition;
   }
+  if (config.style) {
+    dateTimeInputField.config.style = JSON.parse(config.style)
+  }
   return dateTimeInputField;
 }

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

@@ -2,55 +2,48 @@ import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
 const FileInput = {
-    type: "Control",
-    scope: "#/properties/docAggrementCopy",
-    options: {
-      widget: "FileInputField",
+  type: "Control",
+  scope: "#/properties/docAggrementCopy",
+  options: {
+    widget: "FileInputField",
+  },
+  config: {
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+    main: {
+      required: false,
+      onUpload: "onFileUpload",
+      onDownload: "onFileDownload",
+      label: "Aggrement Copy",
+      "onClick": "onClick"
+      // iconStyleDefault:true,
     },
-    config: {
-      layout: { xs: 12, sm: 6, md: 4, lg: 3 },
-      main: {
-        required: false,
-        onUpload: "onFileUpload",
-        onDownload:"onFileDownload",
-        label:"Aggrement Copy",
-        // iconStyleDefault:true,
-      },
-      style: {
-        backgroundColor: "none",
-      },
+    style: {
+      backgroundColor: "none",
     },
-  };
-  export const buildFileInput = (config,componentScope) => {
-    const box: any = _.cloneDeep(FileInput);
-    box.scope = componentScope;
-    box.config.main.label = config.label
-    if(config.layout){
-      box.config.layout = createLayoutFormat(config.layout)
-    }
-    if (config.style) {
-      box.config.style = JSON.parse(config.style)
-    }
-    if (config.variant) {
-      box.config.main.variant = config.variant
-    }
-    if (config.disableUpload) {
-    box.config.main.disableUpload = config.disableUpload === "YES" ? true : false;
-    }
-    if (config.disableDownload) {
-      box.config.main.disableDownload = config.disableDownload === "YES" ? true : false;
-    }
-    if (config.disableDelete) {
-      box.config.main.disableDelete = config.disableDelete === "YES" ? true : false;
-    }
-    if(config.description){
-      box.config.main.description = config.description;
-    }
-    if(config.toolTip){
-      box.config.main.toolTip = config.toolTip;
-    }
-    if (config.toolTipPosition) {
-      box.config.main.toolTipPosition = config.toolTipPosition;
-    }
-    return box;
+  },
+};
+export const buildFileInput = (config, componentScope) => {
+  const box: any = _.cloneDeep(FileInput);
+  box.scope = componentScope;
+  box.config.main.label = config.label
+  if (config.layout) {
+    box.config.layout = createLayoutFormat(config.layout)
+  }
+  if (config.style) {
+    box.config.style = JSON.parse(config.style)
+  }
+  box.config.main.variant = config.variant
+  box.config.main.disableUpload = config.disableUpload === "YES" ? true : false;
+  box.config.main.disableDownload = config.disableDownload === "YES" ? true : false;
+  box.config.main.disableDelete = config.disableDelete === "YES" ? true : false;
+  box.config.main.useLabel = config.useLabel === "YES" ? true : false;
+  box.config.main.description = config.description;
+  box.config.main.toolTip = config.toolTip;
+  box.config.main.chooseButtonLabel = config.chooseButtonLabel;
+  box.config.main.noFileAvailableMessage = config.noFileAvailableMessage;
+  if (config.toolTipPosition) {
+    box.config.main.toolTipPosition = config.toolTipPosition;
+  }
+  box.config.main.externalUpload = config.externalUpload === "YES" ? true : false;
+  return box;
 }

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

@@ -0,0 +1,24 @@
+import ButtonGroup from "./uischema/buttonGroup";
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+export const buildButtonGroup = (config:any,componentScope:string) =>{
+    const buttonGroup:any = _.cloneDeep(ButtonGroup);
+    if(config.layout){
+      buttonGroup.config.layout = createLayoutFormat(config.layout, config.type)
+    }
+    buttonGroup.scope = componentScope;
+    if(config.multiSelect){
+      buttonGroup.config.main.multiSelect = config.multiSelect === "YES" ? true : false
+    }
+    if (config.style) {
+      buttonGroup.config.style = JSON.parse(config.style)
+    }
+    if (config.size) {
+      buttonGroup.config.main.size = config.size
+    }
+    if (config.color) {
+      buttonGroup.config.main.color = config.color
+    }
+    return buttonGroup;
+}

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

@@ -1,4 +1,4 @@
-import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
+import { createLayoutFormat, createKeyValueMap } from "./buildConfig";
 import { HorizontalBarGraph } from "./uischema/graph";
 import _ from "lodash";
 
@@ -19,13 +19,13 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
       horizontalBarGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
     }
     if (config.legendLabels) {
-      horizontalBarGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
+      horizontalBarGraph.config.main.legendLabels = createKeyValueMap(config.legendLabels);
     }
     if(config.legendDirection){
       horizontalBarGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
     }
     if (config.pieArcColors) {
-      horizontalBarGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
+      horizontalBarGraph.config.style.colorMap = createKeyValueMap(config.pieArcColors);
     }
     if (config.xAxisValue) {
       horizontalBarGraph.config.main.xAxisValue = config.xAxisValue;