impaktapps-ui-builder 0.0.409 → 0.0.411

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

@@ -1,6 +1,8 @@
 export declare const buildBasicUiSchema: (config: any) => {
     type: string;
-    pageName: string;
-    scope: string;
+    pageName: any;
+    name: any;
+    accessorKey: any;
+    header: any;
     elements: any[];
 };

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

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

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

@@ -1,3 +1,22 @@
+export declare const getRadioInputField: (scope: String, label: String, options: string[]) => {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            label: String;
+            options: string[];
+        };
+    };
+};
 export declare const getTextArea: (scope: string, heading: string, hideButton: boolean, layout?: any) => {
     type: string;
     scope: string;

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

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     config: {
         main: {
-            label: string;
+            rowSpacing: number;
             divider: boolean;
         };
         defaultStyle: boolean;

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

@@ -1,13 +1,13 @@
 interface funcParamsProps {
     store: any;
     dynamicData: any;
+    pageConfigProvider: any;
     submitHandler: any;
     service: any;
-    config?: any;
 }
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
-    getFormdata: () => any;
+    getFormdata: () => Promise<any>;
     getUiSchema: () => any;
     getSchema: () => {
         type: string;

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

@@ -1,9 +1,11 @@
 import { handlersProps } from "./interface";
-export declare const executeEvents: (params: handlersProps) => Promise<any>;
-export declare function executeRefreshHandler(params: handlersProps): Promise<void>;
-export declare function buildApiPayload(compConfig: any, body: any, headers: any, store: any, dynamicData: any, userValue: any, service: any): Promise<{
+export declare const executeEvents: (params: handlersProps) => any;
+export declare function getRefreshElements(eventConfig: any, eventGropus: any): string[];
+export declare function executeRefreshHandler(params: handlersProps): Promise<any[][]>;
+export declare function executeApiRequest(params: any): any;
+export declare function shouldEventExecute(params: handlersProps): any;
+export declare function buildApiPayload(compConfig: any, body: any, headers: any, store: any, dynamicData: any, userValue: any, service: any): {
     body: any;
     headers: any;
-}>;
-export declare function getRefreshElements(eventConfig: any, eventGropus: any): string[];
+};
 export declare function asyncOperation(): Promise<unknown>;

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

@@ -1,20 +1,19 @@
-export declare const extractEvents: (eventConfig: any) => any;
 interface funcParamsProps {
     store: any;
     dynamicData: any;
-    config: any;
-    uiSchema: any;
-    schema: any;
     service: any;
     userValue: any;
+    pageDataProvider: any;
     functionsProvider?: Record<string, any>;
 }
+export declare const extractEvents: (eventConfig: any) => any;
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
-    onClick: () => Promise<void>;
-    onMount: () => Promise<void>;
-    onFileDownload: () => Promise<void>;
-    onFileUpload: () => Promise<void>;
+    onCellRenderer: (cellParams: any) => {};
+    onClick: () => void;
+    onMount: () => void;
+    onFileDownload: () => void;
+    onFileUpload: () => void;
     backHandler: () => void;
     onPaginationChange: (paginationValues: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;

package/package.json

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

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

@@ -1,7 +1,10 @@
-export const buildBasicUiSchema = (config)=>{
-    return  {
+export const buildBasicUiSchema = (config) => {
+    return {
         "type": "HorizontalLayout",
-        pageName:`${config.name}`,
-        scope:`${config.name}`,
-        "elements": []}
-    }
+        pageName: config.name,
+        name: config.name,
+        accessorKey: config.name,
+        header: config.label || config.name,
+        "elements": []
+    }
+}

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

@@ -3,13 +3,6 @@ import _ from "lodash";
 export default (FormData: any) => {
   const formData = _.cloneDeep(FormData)
   let component: any = {};
-  // if (formData?.layout) {
-  //   component.layout = createData(FormData?.layout, "layout");
-  //   delete formData.layout
-  // }
-  // if(!formData.type ){
-  //  component.type = "page";
-  // }
   if (formData.pageName) {
     delete formData.pageName
   }

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

@@ -0,0 +1,58 @@
+import { createLayoutFormat } from "./buildConfig";
+import _ from "lodash";
+
+const TreeMap = {
+    "type": "Control",
+    "scope": "#/properties/TreeMap2",
+    "config": {
+        "main": {
+            "layout": "cartsian",
+            orientation: "vertical",
+            header: "Territory Hierarchy",
+            "linkType": "step",
+            graphHeight: "500px",
+        },
+        "style": {
+            BoxStyle: {
+                borderRadius: "5px",
+            }
+        }
+    },
+    "options": {
+        "widget": "TreeMap"
+    },
+    elements: [
+
+    ]
+}
+
+
+export const buildTreeMap = (config, componentScope) => {
+    const treMap: any = _.cloneDeep(TreeMap);
+    treMap.scope = componentScope;
+    if (config.label) {
+        treMap.config.main.header = config.label;
+    }
+    if (config.layout) {
+        treMap.config.layout = createLayoutFormat(config.layout);
+    }
+    if (config.orientation) {
+        treMap.config.main.orientation = config.orientation;
+    }
+    if (config.linkType) {
+        treMap.config.main.linkType = config.linkType;
+    }
+    if (config.graphHeight) {
+        treMap.config.main.graphHeight = config.graphHeight;
+    }
+    if (config.graphWidth) {
+        treMap.config.main.graphWidth = config.graphWidth;
+    }
+    if (config.graphZoomHeight) {
+        treMap.config.main.graphZoomHeight = config.graphZoomHeight;
+    }
+    if (config.graphZoomWidth) {
+        treMap.config.main.graphZoomWidth = config.graphZoomWidth;
+    }
+    return treMap;
+}

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

@@ -38,6 +38,7 @@ import { buildStepper } from "./buildStepper";
 import { buildPopUp } from "./buildPop";
 import { buildDataGrid } from "./buildDataGrid";
 import { buildInputSlider } from "./buildInputSlider";
+import { buildTreeMap } from "./buildTreeMap";
 export let schema = {
   type: "object",
   properties: {},
@@ -168,6 +169,9 @@ const buildUiSchema = (config: any) => {
   let elements: any = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "TreeMap":
+      elements = buildTreeMap(config, componentScope)
+      break;
     case "DateTime":
       elements = buildDateTime(config, componentScope);
       break;
@@ -285,7 +289,13 @@ const buildUiSchema = (config: any) => {
     case "Timer":
       elements = buildTimer(config, componentScope);
       break;
-
+    case "ColumnGroup":
+      elements = {
+        accessorKey: config.name,
+        header: config.label || config.name,
+        elements: [],
+      }
+      break;
     case "MultipleSelect":
       elements = buildMultiSelect(config, componentScope);
       break;
@@ -305,6 +315,23 @@ const buildUiSchema = (config: any) => {
     if (config?.type === "LeaderBoard") {
       return elements;
     }
+    else if (config.type == "ColumnGroup") {
+      const sizeMap = {}
+      if (config.sizeHolder) {
+        config.sizeHolder.map((e, i) => {
+          sizeMap[e.keyName] = e.value
+        });
+      }
+      elements.elements = config.elements.map((cellElem, elemInd) => {
+        return {
+          accessorKey: cellElem.name,
+          header: cellElem.label || cellElem.name,
+          size: sizeMap[cellElem.name] || 180,
+          type: cellElem.columnFormat,
+          elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem)) : []
+        }
+      })
+    }
     else if (config.type == "Table") {
       const sizeMap = {}
       if (config.sizeHolder) {
@@ -312,22 +339,25 @@ const buildUiSchema = (config: any) => {
           sizeMap[e.keyName] = e.value
         });
       }
-      elements.elements = config.elements.map((e, elemInd) => {
-        if (e.type && e.type !== "date" && e.type !== "dateTime" && e.type !== "amount") {
+      elements.elements = config.elements.map((cellElem, elemInd) => {
+        if (cellElem.type) {
           return {
-            accessorKey: e.name,
-            header: e.label || e.name,
-            size: sizeMap[e.name] || 180,
-            type: e.type,
-            widget: buildUiSchema(e)
+            accessorKey: cellElem.name,
+            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)) : []
+          }
+        } else {
+          return {
+            accessorKey: cellElem.name,
+            type: cellElem.columnFormat,
+            header: cellElem.label || cellElem.name,
+            size: sizeMap[cellElem.name] || 180
           }
         }
-        return {
-          type: e.type,
-          accessorKey: e.name,
-          header: e.label || e.name,
-          size: sizeMap[e.name] || 180
-        }
+
       })
     }
     else if (config.type == "Array") {
@@ -345,38 +375,4 @@ const buildUiSchema = (config: any) => {
 }
 
 
-export default buildUiSchema;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+export default buildUiSchema;

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

@@ -2,17 +2,20 @@ import { createLayoutFormat } from "./buildConfig";
 import WrapperSection from "./uischema/wrapperSection";
 import _ from "lodash";
 
-export const buildWrapperSection = (config,componentScope) =>{
-    const wrapper: any = _.cloneDeep(WrapperSection);
-    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;
-    if (config.style) {
-        wrapper.config.style = JSON.parse(config.style)
-      }
-      if (config.layout) {
-        wrapper.config.layout = createLayoutFormat(config.layout)
-      }
-    return wrapper;
+export const buildWrapperSection = (config, componentScope) => {
+  const wrapper: any = _.cloneDeep(WrapperSection);
+  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;
+  if(config.defaultStyle){
+  wrapper.config.defaultStyle = config.defaultStyle ==="YES" ? true : false;
+  }
+  if (config.style) {
+    wrapper.config.style = JSON.parse(config.style)
+  }
+  if (config.layout) {
+    wrapper.config.layout = createLayoutFormat(config.layout)
+  }
+  return wrapper;
 }

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

@@ -1,5 +1,6 @@
 
 import _ from "lodash";
+import emptyBox from "./emptyBox";
 const EmptyBox = {
   type: "Control",
   scope: `#/properties/empty`,
@@ -19,7 +20,7 @@ const EmptyBox = {
     },
   },
 };
-const cardLayout =  {
+const cardLayout = {
   type: "Control",
   scope: "#/properties/cardLayout",
   layout: 11.5,
@@ -42,7 +43,7 @@ const cardLayout =  {
             },
             main: {
               label: "Screen Size",
-            
+
             },
           },
         },
@@ -62,11 +63,11 @@ const cardLayout =  {
             },
             main: {
               label: "Value",
-              type:"number",
+              type: "number",
               // freeSolo:true,
-              helperText:'Number should be in range of 0 to 12',
-              errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
-             
+              helperText: 'Number should be in range of 0 to 12',
+              errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
+
             },
           },
         },
@@ -151,7 +152,7 @@ const getInputField = (scope: String, label: String) => {
   };
 };
 
-const getRadioInputField = (scope: String, label: String, options: string[]) => {
+export const getRadioInputField = (scope: String, label: String, options: string[]) => {
   return {
     type: "Control",
     scope: `#/properties/${scope}`,
@@ -235,6 +236,15 @@ const GraphSection = {
 export const buildPropertiesSection = function (type: String) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
+
+    case "TreeMap":
+      uiSchema.elements = [
+        getSelectField("orientation", "orientation", []),
+        getInputField("linkType", "linkType"),
+        getInputField("graphHeight", "Graph Height"),
+        getInputField("graphWidth", "Graph Width"),
+        getInputField("graphZoomHeight", "Zoom Height"),
+      ]
     case "InputSlider":
       uiSchema.elements = [
         getInputField("max", "Max Limit"),
@@ -370,7 +380,9 @@ export const buildPropertiesSection = function (type: String) {
     case "WrapperSection":
       uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]),
       getRadioInputField("isAccordion", "Accordion", ["YES", "No"])
-      , EmptyBox]
+        , getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
+        getInputField("rowSpacing", "Row Spacing"),
+      ]
       break;
 
     case "TabSection":

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

@@ -48,7 +48,7 @@ export default {
         scope: "#/properties/programType",
         config: {
           main: {
-            url: "$",
+            url: "https://www.svgrepo.com/show/500606/loading.svg",
           },
           style: {
             color: "#f5effc",

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

@@ -54,6 +54,25 @@ export const CoreSection = {
         },
       },
     },
+    {
+      type: "Control",
+      scope: "#/properties/columnFormat",
+      options: {
+        widget: "SelectInputField",
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 6,
+          lg: 6,
+        },
+        main: {
+          label: "Column Format",
+
+        },
+      },
+    },
     {
       type: "Control",
       scope: "#/properties/proc",

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

@@ -88,7 +88,6 @@ export const PieGraph = {
       type: "PieGraph",
       bottomLabel: "Name of Employe",
       leftLabel: "Value",
-      // tooltipDataKey: ["HDFC", "SBI", "Kotak","Sbi"],
       axisLeft: true,
       axisBottom: true,
       legendAvailable: true,

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

@@ -2,7 +2,7 @@ export default {
     type: "WrapperLayout",
     config: {
       main: {
-        label: "Default Label",
+        rowSpacing: 3,
         divider: true,
       },
       defaultStyle: true,

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts

@@ -4,7 +4,7 @@ export const ComponentSchema: any = {
     type: {
       // type: "string",
       oneOf: [
-        { title: "AadharcardText", const: "AadharcardText"},
+        { title: "AadharcardText", const: "AadharcardText" },
         { title: "Array", const: "Array" },
         { title: "Button", const: "Button" },
         { title: "Card", const: "card" },
@@ -12,7 +12,7 @@ export const ComponentSchema: any = {
         { title: "Container", const: "WrapperSection" },
         { title: "DataGrid", const: "DataGrid" },
         { title: "Date", const: "Date" },
-        { title: "DateTime", const: "DateTime"},
+        { title: "DateTime", const: "DateTime" },
         { title: "Download File", const: "DownloadFile" },
         { title: "Empty Box", const: "EmptyBox" },
         { title: "File", const: "FileInput" },
@@ -39,19 +39,25 @@ export const ComponentSchema: any = {
         { title: "Text Area", const: "TextArea" },
         { title: "Timer", const: "Timer" },
         { title: "Upload File", const: "UploadFile" },
-        { title: "Text Area", const: "TextArea" },
         { title: "Timer", const: "Timer" },
         { title: "Upload File", const: "UploadFile" },
+        { title: "TreeMap", const: "TreeMap" },
+        { title: "ColumnGroup", const: "ColumnGroup" },
+      ]
+    },
+    columnFormat: {
+      oneOf: [
         { title: "Date Column", const: "date" },
         { title: "DateTime Column", const: "dateTime" },
         { title: "Amount Column", const: "amount" },
       ]
     },
-    orientation:{
+    orientation: {
       oneOf: [
-      { title: "Horizontal", const: "horizontal" },
-      { title: "Vertical", const: "vertical" },
-    ]},
+        { title: "Horizontal", const: "horizontal" },
+        { title: "Vertical", const: "vertical" },
+      ]
+    },
     method: {
       type: "string",
       oneOf: [
@@ -77,7 +83,7 @@ export const ComponentSchema: any = {
           },
           value: {
             // type: "string",
-      
+
           },
         },
       },
@@ -98,7 +104,7 @@ export const ComponentSchema: any = {
           },
           value: {
             // type: "string",
-      
+
           },
         },
       },
@@ -180,8 +186,8 @@ export const ComponentSchema: any = {
           keyName: {
             type: "string",
           },
-          value:{
-            type:"string"
+          value: {
+            type: "string"
           }
         },
       },
@@ -271,9 +277,9 @@ export const ComponentSchema: any = {
         { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" },
       ]
     },
-    iconName:{
-      type:"string",
-      oneOf:[
+    iconName: {
+      type: "string",
+      oneOf: [
         { title: "Search Icon", const: "SearchIcon" },
         { title: "Edit Icon", const: "EditIcon" },
         { title: "Add Icon", const: "AddIcon" },
@@ -293,8 +299,8 @@ export const ComponentSchema: any = {
         { title: "Exception Icon", const: "ExceptionIcon" },
       ]
     },
-    color:{
-      type:"string",
+    color: {
+      type: "string",
       oneOf: [
         { title: "Primary", const: "primary" },
         { title: "Secondary", const: "secondary" },
@@ -308,6 +314,6 @@ export const ComponentSchema: any = {
     },
     label: { type: 'string' }
   },
- 
-  required: [ "name", ]
+
+  required: ["name",]
 };

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts

@@ -148,7 +148,25 @@ export const componentBasicUiSchema: any = {
                 },
               },
             },
-          
+            {
+              type: "Control",
+              scope: "#/properties/columnFormat",
+              options: {
+                widget: "SelectInputField",
+              },
+              config: {
+                layout: {
+                  xs: 12,
+                  sm: 12,
+                  md: 6,
+                  lg: 6,
+                },
+                main: {
+                  label: "Column Format",
+        
+                },
+              },
+            },
             {
               type: "Control",
               scope: "#/properties/proc",

package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts

@@ -44,7 +44,7 @@ export const EventSchema = {
         { title: "Mount Event", const: "onMount" },
         { title: "Success", const: "Success" },
         { title: "onStart", const: "onStart" },
-     
+        { title: "Cell Renderer", const: "onCellRenderer" },
         { title: "File Upload Event", const: "onUpload" },
         { title: "Back Event", const: "onBack" },
         { title: "Next Event", const: "onNext" },
@@ -66,7 +66,7 @@ export const EventSchema = {
       oneOf: [
         { title: "RankProvider", const: "RankProvider" },
         { title: "Download File", const: "downloadFile" },
-        { title: "Download", const: "download" }
+        { title: "Download", const: "download" },
       ]
     },
     body: {