impaktapps-ui-builder 1.0.182 → 1.0.196-test

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

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

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

@@ -0,0 +1,22 @@
+export declare const HierarchyChart: {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {};
+        style: {
+            containerStyle: {};
+            labelStyle: {
+                margin: {};
+            };
+        };
+    };
+};

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

@@ -3,4 +3,3 @@ 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,7 +5,6 @@ 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,7 +3,6 @@ interface funcParamsProps {
     store: any;
     dynamicData: any;
     service: any;
-    fetchservice: any;
     userValue: any;
     pageDataProvider: any;
     functionsProvider?: Record<string, any>;
@@ -24,6 +23,7 @@ declare const _default: (funcParams: funcParamsProps) => {
     backHandler: () => void;
     onRowMovement: (paginationValues: any) => Promise<any>;
     onPaginationChange: (paginationValues: any) => Promise<any>;
+    onNodeExpandChange: (param: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;
     onChange: () => void;
     callExecuteEvents: (paramValue: any, apiBody: any, eventType: string) => Promise<any>;
@@ -33,6 +33,5 @@ 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.182",
+    "version": "1.0.196test",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -8,5 +8,8 @@ export const buildEmptyBox = (config,componentScope) =>{
       if (config.layout) {
         EmptyBox.config.layout = createLayoutFormat(config.layout);
       }
+      if (config.style) {
+       EmptyBox.config.style = JSON.parse(config.style)
+      }
       return EmptyBox;
 }

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

@@ -0,0 +1,35 @@
+import { HierarchyChart } from "./uischema/hierarchyChart";
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+export const buildHierarchyChart = (config, componentScope, store) => {
+    const hierarchyChart: any = _.cloneDeep(HierarchyChart);
+
+    hierarchyChart.scope = componentScope;
+    if (config.style) {
+        hierarchyChart.config.style = JSON.parse(config.style)
+    }
+    if (config.layout) {
+        hierarchyChart.config.layout = createLayoutFormat(config.layout)
+    }
+    if (config.linkType) {
+        hierarchyChart.config.main.linkType = config.linkType;
+    }
+    if (config.stepPercent) {
+        hierarchyChart.config.main.stepPercent = config.stepPercent;
+    }
+    if (config.nodeWidth) {
+        hierarchyChart.config.main.nodeWidth = config.nodeWidth;
+    }
+    if (config.nodeHeight) {
+        hierarchyChart.config.main.nodeHeight = config.nodeHeight;
+    }
+    if (config.chartHeight) {
+        hierarchyChart.config.main.chartHeight = config.chartHeight;
+    }
+    if (config.lazyLoading) {
+        hierarchyChart.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
+    }
+    return hierarchyChart;
+}
+

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

@@ -48,6 +48,7 @@ import { buildButtonGroup } from "./buildGroupButton";
 import { buildPopOver } from "./buildPopover";
 import { buildOTP_Input } from "./buildOTP_inputs";
 import { buildPdfViewer } from "./buildPdfViewer";
+import { buildHierarchyChart } from "./buildHierarchyChart";
 export let schema = {
   type: "object",
   properties: {},
@@ -222,6 +223,9 @@ const buildUiSchema = (config: any, store?: any) => {
     case "MetricCard":
       elements = buildMetricCard(config, componentScope, store);
       break;
+    case "HierarchyChart":
+      elements = buildHierarchyChart(config, componentScope, store);
+      break;
     case "Graph":
       switch (config.graphType) {
         case "BarGraph":

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

@@ -509,6 +509,21 @@ export const buildPropertiesSection = function (type: String) {
         emptyBox("cardEmpty", { xs: 0, sm: 0, md: 8, lg: 8 })
       ];
       break;
+    case "HierarchyChart":
+      uiSchema.elements = [
+        getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
+        getSelectField("linkType", "Link Type", [
+          { label: "Step", value: "step" },
+          { label: "Diagonal", value: "diagonal" },
+          { label: "Line", value: "line" },
+        ]),
+        getInputField("nodeWidth", "Node Width"),
+        getInputField("nodeHeight", "Node Height"),
+        getInputField("chartHeight", "Chart Height"),
+        getInputField("stepPercent", "Link Bend Position"),
+        emptyBox("HierarchyChart", { xs: 0, sm: 0, md: 4, lg: 6 }),
+      ];
+      break;
     case "MetricCard":
       uiSchema.elements = [
         getInputField("url", "Image Url"),

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

@@ -0,0 +1,13 @@
+export const HierarchyChart = {
+  type: "Control",
+  scope: "#/properties/HierarchyChart",
+  options: {
+    widget: "HierarchyChart",
+  },
+  config: {
+    layout: {xs :12,sm:12,md:12,lg:12},
+    main: {
+    },
+    style:{ containerStyle: {},labelStyle:{margin:{}} }
+  },
+};

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

@@ -40,6 +40,7 @@ export const ComponentSchema: any = {
         { title: "Rank", const: "Rank" },
         { title: "Rank Card", const: "RankCard" },
         { title: "Metric Card", const: "MetricCard" },
+        { title: "Hierarchy Chart", const: "HierarchyChart" },
         { title: "Runner Boy", const: "RunnerBoyProgressBar" },
         { title: "Table", const: "Table" },
         { title: "Tabs", const: "TabSection" },
@@ -103,7 +104,14 @@ export const ComponentSchema: any = {
         { title: "Standard", const: "standard" },
       ],
     },
-    positionVertical: {
+    linkType:{
+      oneOf:[
+        { title: "Step", const: "step" },
+        { title: "Diagonal", const: "diagonal" },
+        { title: "Line", const: "line" },
+      ]
+    },
+    positionVertical:{
       oneOf: [
         { title: "Top", const: "top" },
         { title: "Center", const: "center" },

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

@@ -56,7 +56,7 @@ export const EventSchema = {
         { title: "onClose", const: "onClose" },
         { title: "Key Down", const: "onKeyDown" },
         { title: "Set Style", const: "setStyle" },
-
+        { title: "Expand Node", const: "onNodeExpandChange" },
       ]
     },
     Handler: {
@@ -73,7 +73,6 @@ export const EventSchema = {
       oneOf: [
         { title: "RankProvider", const: "RankProvider" },
         { title: "Download File", const: "downloadFile" },
-        { title: "Download File Stream", const: "downloadFileStream" },
         { title: "downloadFileFromUrl", const: "downloadFileFromUrl" },
       ]
     },

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

@@ -28,6 +28,7 @@ const sectionLabels = {
   ProgressBar: ["Core", "Properties", "Events", "Style",],
   RankCard: ["Core", "Properties", "Events", "Style",],
   MetricCard: ["Core", "Properties", "Events", "Style", "Validation"],
+  HierarchyChart: ["Core","Components","Properties", "Events", "Style", "Validation"],
   Slider: ["Core", "Components", "Events", "Style", "Validation"],
   Timer: ["Core", "Events", "Style",],
   Rank: ["Core", "Events", "Style",],

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

@@ -30,7 +30,7 @@ export function downloadFile({ data, name }: { data: string; name: string }) {
 }
 
 export const downloadFileFromUrl = (response: any, service) => {
-    let url = `${service.defaults.baseURL}/${response.path}`;
+    let url = `${service.defaults.baseURL}${response.path}`;
     if (response?.params) {
         const keysArray = Object.keys(response?.params);
         keysArray.map((e, i) => {
@@ -44,84 +44,4 @@ export const downloadFileFromUrl = (response: any, service) => {
     link.parentNode.removeChild(link);
 };
 
-export const downloadFileStream = async (params: any) => {
-    try {
-        let response: Response;
 
-        if (params.method === "GET") {
-            response = await params.fetchservice.getStream(
-                params.url,
-                params.config
-            );
-        } else if (params.method === "POST") {
-            response = await params.fetchservice.postStream(
-                params.url,
-                params.body,
-                params.config
-            );
-        } else {
-            throw new Error(
-                `Unsupported HTTP method: ${params.method}. Only GET and POST are supported.`
-            );
-        }
-
-        if (!response.ok) {
-            throw new Error("Download failed");
-        }
-
-        // Notify when download starts
-        params.store.setNotify({
-            SuccessMessage: "File Download Started Successfully",
-            Success: true,
-        });
-
-        const fileName =
-            response.headers.get("filename") || "downloaded_file";
-
-        const extension = fileName.includes(".")
-            ? fileName.substring(fileName.lastIndexOf("."))
-            : "";
-
-        const reader = response.body!.getReader();
-
-        //@ts-ignore
-        const fileHandle = await window.showSaveFilePicker({
-            suggestedName: fileName,
-            types: extension
-                ? [
-                      {
-                          description: "File",
-                          accept: {
-                              "application/octet-stream": [extension],
-                          },
-                      },
-                  ]
-                : undefined,
-        });
-
-        const writable = await fileHandle.createWritable();
-
-        while (true) {
-            const { done, value } = await reader.read();
-
-            if (done) break;
-
-            await writable.write(value);
-        }
-
-        await writable.close();
-
-        // Notify when download completes
-        params.store.setNotify({
-            SuccessMessage: `File "${fileHandle.name}" downloaded successfully.`,
-            Success: true,
-        });
-    } catch (e) {
-        params.store.setNotify({
-            FailMessage: "File Download Failed",
-            Fail: true,
-        });
-
-        console.error(e);
-    }
-};

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

@@ -126,13 +126,10 @@ function executeInBuiltFunctionHandler(params: handlersProps) {
   let parameter = {};
   if (params.config.funcParametersCode) {
     const makeFunc = eval(params.config.funcParametersCode)
-    parameter = makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service, params.fetchservice);
-    params.serviceHolder[params.config.inBuiltFunctionType](
-      parameter,
-      params.service
-    );
+    parameter = makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service);
+    params.serviceHolder[params.config.inBuiltFunctionType](parameter, params.service)
   } else {
-    params.serviceHolder[params.config.inBuiltFunctionType](params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service, params.fetchservice)
+    params.serviceHolder[params.config.inBuiltFunctionType](params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service)
   }
 }
 

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

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

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

@@ -1,5 +1,5 @@
 import _, { isEmpty } from "lodash";
-import { downloadFileFromUrl, downloadFile, downloadFileStream } from "./downloadFile";
+import { downloadFileFromUrl, downloadFile } from "./downloadFile";
 import { executeEvents, executeRefreshHandler } from "./events";
 import { handlersProps } from "./interface";
 let compType: string;
@@ -17,7 +17,6 @@ interface funcParamsProps {
   store: any,
   dynamicData: any,
   service: any,
-  fetchservice: any,
   userValue: any,
   pageDataProvider: any,
   functionsProvider?: Record<string, any>,
@@ -66,8 +65,8 @@ export default (funcParams: funcParamsProps) => {
   const formDataHolder = {};
   let executeEventsParameters: handlersProps = {
     config: {}, componentName: "",
-    store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service, fetchservice: funcParams.fetchservice,
-    serviceHolder: { downloadFile, download: downloadFileFromUrl, downloadFileStream, ...funcParams.functionsProvider }, eventGroups,
+    store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
+    serviceHolder: { downloadFile, download: downloadFileFromUrl, ...funcParams.functionsProvider }, eventGroups,
     functionsProvider: funcParams.functionsProvider, formDataHolder
   };
   return {
@@ -197,6 +196,13 @@ export default (funcParams: funcParamsProps) => {
       const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
       return response?.data;
     },
+    onNodeExpandChange: async function (param) {
+      const apiBody = [
+        { key: "expandedNodeId", value: param.expandedNodeId }
+      ]
+      const response = await this.callExecuteEvents(param, apiBody, "onNodeExpandChange");
+      return response?.data;
+    },
     getSelectOptions: async function (param) {
       if (param.serachValue !== "" && param.serachValue !== undefined) {
         const apiBody = [
@@ -314,7 +320,6 @@ export default (funcParams: funcParamsProps) => {
     },
     downloadFile: downloadFile,
     downloadFileFromUrl: downloadFileFromUrl,
-    downloadFileStream: downloadFileStream,
     ...funcParams.functionsProvider
   };
 };