impaktapps-ui-builder 0.0.409-n → 0.0.409-p

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

@@ -18,9 +18,6 @@ export declare const CoreSection: {
             main: {
                 label: string;
                 type: string;
-                options?: undefined;
-                color?: undefined;
-                required?: undefined;
             };
         };
         layout?: undefined;
@@ -42,33 +39,6 @@ export declare const CoreSection: {
             main: {
                 label: string;
                 type?: undefined;
-                options?: undefined;
-                color?: undefined;
-                required?: undefined;
-            };
-        };
-        layout?: undefined;
-    } | {
-        type: string;
-        scope: string;
-        options: {
-            widget: string;
-            elementLabelProp?: undefined;
-            detail?: undefined;
-        };
-        config: {
-            layout: {
-                xs: number;
-                sm: number;
-                md: number;
-                lg: number;
-            };
-            main: {
-                label: string;
-                options: any[];
-                color: string;
-                required: boolean;
-                type?: undefined;
             };
         };
         layout?: undefined;

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

@@ -1,18 +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;
+    functionsProvider?: Record<string, any>;
 }
+export declare const extractEvents: (eventConfig: any) => any;
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
-    onClick: () => 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>;
     onChange: () => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.409n",
+    "version": "0.0.409p",
     "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/buildUiSchema.ts

@@ -289,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;
@@ -309,60 +315,33 @@ const buildUiSchema = (config: any) => {
     if (config?.type === "LeaderBoard") {
       return elements;
     }
-    else if (config.type == "Table") {
+    else if (config.type == "Table" || config.type == "ColumnGroup") {
       const sizeMap = {}
       if (config.sizeHolder) {
         config.sizeHolder.map((e, i) => {
           sizeMap[e.keyName] = e.value
         });
       }
-      function nodeProvider(element) {
-        if (element.type) {
+      elements.elements = config.elements.map((cellElem, elemInd) => {
+        if (cellElem.type) {
           return {
-            accessorKey: element.name,
-            type: element.columnFormat,
-            header: element.label || element.name,
-            size: sizeMap[element.name] || 180,
-            widget: buildUiSchema(element)
-
-          };
-        }
-        return {
-          accessorKey: element.name,
-          type: element.columnFormat,
-          header: element.label || element.name,
-          size: sizeMap[element.name] || 180,
-        }
-      }
-
-      function buildHierarchy(elements, parentName = null) {
-        const result = [];
-        for (const element of elements) {
-          if (element?.parent === parentName) {
-            const children = buildHierarchy(elements, element.name);
-            const node: any = nodeProvider(element)
-            if (children.length > 0) {
-              node.columns = children;
-              node.type = "group";
-            }
-            result.push(node);
+            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)) : []
           }
-        }
-        return result;
-      }
-
-      function transformConfigToOutput(config) {
-        const output = [];
-        const hierarchy = buildHierarchy(config.elements, config.name);
-        for (const element of config.elements) {
-          const parentExists = config.elements.some(e => e.name === element.parent);
-          if (!parentExists && element.parent !== config.name) {
-            output.push(nodeProvider(element))
+        } else {
+          return {
+            accessorKey: cellElem.name,
+            type: cellElem.columnFormat,
+            header: cellElem.label || cellElem.name,
+            size: sizeMap[cellElem.name] || 180
           }
         }
-        return [ ...hierarchy,...output,];
-      }
-      elements.elements = transformConfigToOutput(config)
+
+      })
     }
     else if (config.type == "Array") {
       elements.options.detail.elements = config.elements.map((e: any, elemInd: number) => {
@@ -445,11 +424,11 @@ function buildHierarchy(elements, parentName = null, sizeMap) {
 
 function transformConfigToOutput(config, sizeMap) {
   const output = [];
-  const hierarchy = buildHierarchy(config.elements, config.name,schema);
+  const hierarchy = buildHierarchy(config.elements, config.name, schema);
   for (const element of config.elements) {
     const parentExists = config.elements.some(e => e.name === element.parent);
     if (!parentExists && element.parent !== config.name) {
-      output.push(nodeProvider(element,sizeMap))
+      output.push(nodeProvider(element, sizeMap))
     }
   }
   return [...hierarchy, ...output,];

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

@@ -54,28 +54,6 @@ export const CoreSection = {
         },
       },
     },
-    {
-      type: "Control",
-      scope: "#/properties/parent",
-
-      options: {
-        widget: "InputField",
-      },
-      config: {
-        layout: {
-          xs: 12,
-          sm: 12,
-          md: 6,
-          lg: 6,
-        },
-        main: {
-          label: "parent",
-          options: [],
-          color: "secondary",
-          required: true,
-        },
-      },
-    },
     {
       type: "Control",
       scope: "#/properties/columnFormat",

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

@@ -41,8 +41,8 @@ export const ComponentSchema: any = {
         { title: "Upload File", const: "UploadFile" },
         { title: "Timer", const: "Timer" },
         { title: "Upload File", const: "UploadFile" },
-
         { title: "TreeMap", const: "TreeMap" },
+        { title: "ColumnGroup", const: "ColumnGroup" },
       ]
     },
     columnFormat: {

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

@@ -148,29 +148,6 @@ export const componentBasicUiSchema: any = {
                 },
               },
             },
-          
-            {
-              type: "Control",
-              scope: "#/properties/parent",
-
-              options: {
-                widget: "InputField",
-              },
-              config: {
-                layout: {
-                  xs: 12,
-                  sm: 12,
-                  md: 6,
-                  lg: 6,
-                },
-                main: {
-                  label: "parent",
-                  options: [],
-                  color: "secondary",
-                  required: true,
-                },
-              },
-            },
             {
               type: "Control",
               scope: "#/properties/columnFormat",

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -37,7 +37,8 @@ const sectionLabels = {
   Stepper: ["Core", "Components", "Properties", "Event", "Style"],
   DataGrid: ["Core", "Components", "Properties", "Event", "Style"],
   InputSlider: ["Core", "Properties", "Event", "Style", "Validation"],
-  TreeMap: ["Core", "Components", "Properties", "Event", "Style",],
+  TreeMap: ["Core", "Components", "Properties", "Event", "Style"],
+  ColumnGroup: ["Core", "Components"]
 }
 
 

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

@@ -1,6 +1,6 @@
 import _, { isEmpty } from "lodash";
 import { doDownload, downloadFile } from "./downloadFile";
-import { asyncOperation, executeEvents, executeRefreshHandler } from "./events";
+import { executeEvents, executeRefreshHandler } from "./events";
 import { handlersProps } from "./interface";
 let compType: string;
 let eventGroups: any = {};
@@ -13,6 +13,14 @@ const notifyUiSchema = {
   layout: 6,
 };
 
+interface funcParamsProps {
+  store: any,
+  dynamicData: any,
+  service: any,
+  userValue: any,
+  functionsProvider?: Record<string, any>
+}
+
 export const extractEvents = (eventConfig: any) => {
   function extractsConfigEvents(eventConfigObj: any) {
     if (eventConfigObj.events) {
@@ -46,41 +54,53 @@ export const extractEvents = (eventConfig: any) => {
   }
   return eventGroups;
 };
-
-interface funcParamsProps {
-  store: any,
-  dynamicData: any,
-  config: any,
-  uiSchema: any,
-  schema: any,
-  service: any,
-  userValue: any,
-}
 export default (funcParams: funcParamsProps) => {
-  eventGroups = {}
-  eventGroups = extractEvents(funcParams.config)
   let executeEventsParameters: handlersProps = {
     config: {}, componentName: "",
     store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-    serviceHolder: { downloadFile, download: doDownload }, eventGroups
+    serviceHolder: { downloadFile, download: doDownload, ...funcParams.functionsProvider }, eventGroups,
+    functionsProvider: funcParams.functionsProvider,
   };
   return {
     setPage: async function () {
-      funcParams.store.setFormdata({});
-      funcParams.store.setSchema(
-        (pre: any) => {
-          return {
-            ...funcParams.schema, properties:
-              { ...funcParams.schema.properties, ...pre.properties, }
+      funcParams.store.setFormdata({})
+      const data = JSON.stringify({
+        pageName: funcParams.store.pageName
+      });
+      let pageData;
+      const pageBasicDetailString = localStorage.getItem("pagemasterMetaData")
+      if (pageBasicDetailString) {
+        pageData = JSON.parse(pageBasicDetailString)
+      } else {
+        const pageId = await funcParams.service
+          .post("/page/getByName", data, {
+            headers: {
+              "Content-Type": "application/json",
+            },
+          });
+        const response = await funcParams.service.get(
+          `/page/getById?id=${pageId?.data?.id}`,
+          {
+            headers: {
+              "Content-Type": "application/json",
+            },
           }
-        }
-      )
-      funcParams.uiSchema.elements.push(notifyUiSchema);
-      funcParams.store.setUiSchema(funcParams.uiSchema);
-      await asyncOperation()
+        );
+        pageData = response.data;
+        localStorage.setItem("pagemasterMetaData", JSON.stringify({
+          schema: pageData?.schema,
+          uiSchema: pageData?.uiSchema, config: pageData?.config
+        }))
+      }
+      const config = pageData?.config;
+      const uiSchema = pageData?.uiSchema;
+      const schema = pageData?.schema ?? { type: "object", properties: {} };
+      eventGroups = {}
+      eventGroups = extractEvents(config);
       executeEventsParameters = {
         config: {}, componentName: "",
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
+        functionsProvider: funcParams.functionsProvider,
         serviceHolder: this, eventGroups
       }
       await executeRefreshHandler({
@@ -88,15 +108,47 @@ export default (funcParams: funcParamsProps) => {
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
         serviceHolder: this, eventGroups
       })
+      funcParams.store.setSchema(
+        (pre: any) => {
+          return {
+            ...schema, properties:
+              { ...schema.properties, ...pre.properties, }
+          }
+        }
+      )
+      uiSchema.elements.push(notifyUiSchema);
+      funcParams.store.setUiSchema(uiSchema);
+
+    },
+    onCellRenderer: (cellParams) => {
+      let finalResponse = {};
+      // cellParams.spanRef.current.style.color = "yellow";
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      for (const eventConfig of eventGroups?.onCellRenderer[path]) {
+        executeEventsParameters.store.functionParameters = cellParams
+        finalResponse = executeEvents({
+          ...executeEventsParameters,
+          config: eventConfig,
+          componentName: path
+        })
+      }
+      console.log("finalResponse >> >> >> ", finalResponse)
+      return finalResponse
+    },
+    onClick: function () {
+      this.callHandler("onClick")
+    },
+    onMount: function () {
+      this.callHandler("onMount")
     },
-    onClick: async function () {
-      await this.callHandler("onClick")
+    onFileDownload: function () {
+      this.callHandler("onDownload")
     },
-    onFileDownload: async function () {
-      await this.callHandler("onDownload")
+    onFileUpload: function () {
+      this.callHandler("onUpload")
     },
-    onFileUpload: async function () {
-      await this.callHandler("onUpload")
+    backHandler: function () {
+      funcParams.store.navigate(-1)
     },
     onPaginationChange: async function (paginationValues) {
       const apiBody = [
@@ -115,7 +167,8 @@ export default (funcParams: funcParamsProps) => {
           { key: "searchValue", value: param.serachValue },
           { key: "currentValue", value: param.currentValue }
         ]
-        return await this.updateConfigApiBody(param, apiBody)
+        const response = await this.updateConfigApiBody(param, apiBody);
+        return response?.data;
       }
     },
     onChange: async function () {
@@ -184,7 +237,7 @@ export default (funcParams: funcParamsProps) => {
       if (eventGroups?.[eventType]?.[path] !== undefined) {
         for (const eventConfig of eventGroups?.[eventType]?.[path]) {
           executeEventsParameters.store.functionParameters = functionParameters
-          await executeEvents({
+           executeEvents({
             ...executeEventsParameters,
             config: eventConfig,
             componentName: path
@@ -192,18 +245,9 @@ export default (funcParams: funcParamsProps) => {
         }
       }
     },
+
     downloadFile: downloadFile,
     download: doDownload,
+    ...funcParams.functionsProvider
   };
 };
-
-
-
-
-
-
-
-
-
-
-