impaktapps-ui-builder 1.0.280 → 1.0.300

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

@@ -12,29 +12,28 @@ import { getFormdataFromSessionStorage, validateAndShowErrors, okHandler, saveFo
 const sectionLabels = {
   Select: ["Core", "Properties", "Value", "Events", "Style", "Validation"],
   MultipleSelect: ["Core", "Properties", "Value", "Events", "Style", "Validation"],
-  Table: ["Core", "Components", "Properties", "Events", "Style", ],
-  LeaderBoard: ["Core", "Components", "Properties", "Events", "Style", ],
-  WrapperSection: ["Core", "Components", "Properties", "Style", ],
-  HorizontalLayout: ["Core", "Components", "Properties", "Style", ],
+  Table: ["Core", "Components", "Properties", "Events", "Style",],
+  LeaderBoard: ["Core", "Components", "Properties", "Events", "Style",],
+  WrapperSection: ["Core", "Components", "Properties", "Style",],
+  HorizontalLayout: ["Core", "Components", "Properties", "Style",],
   TabSection: ["Core", "Components", "Properties", "Style", "Validation"],
   SpeedoMeter: ["Core", "Properties", "Events", "Style",],
   card: ["Core", "Properties", "Events", "Style", "Validation"],
   UploadFile: ["Core", "Events", "Style", "Validation"],
   Graph: ["Core", "Properties", "Events", "Style", "Validation"],
   DownloadFile: ["Core", "Events", "Style", "Validation"],
-  Box: ["Core", "Properties" , "Events", "Style", "Validation"],
+  Box: ["Core", "Properties", "Events", "Style", "Validation"],
   Properties: ["Core", "Properties", "Events", "Style", "Validation"],
   ProgressBarCard: ["Core", "Properties", "Events", "Style"],
-  ProgressBar:["Core", "Properties", "Events", "Style", ],
-  RankCard: ["Core", "Properties", "Events", "Style", ],
+  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", ],
+  Rank: ["Core", "Events", "Style",],
   Button: ["Core", "Properties", "Events", "Style", "Validation"],
-  ButtonGroup: ["Core","Components","Properties", "Events", "Style", "Validation"],
-  Array: ["Core", "Components",  "Properties","Events","Validation"],
+  ButtonGroup: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
+  Array: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
   Radio: ["Core", "Properties", "Events", "Style", "Validation"],
   Text: ["Core", "Properties", "Events", "Style", "Validation"],
   TextArea: ["Core", "Properties", "Events", "Style", "Validation"],
@@ -45,13 +44,13 @@ const sectionLabels = {
   InputSlider: ["Core", "Properties", "Events", "Style", "Validation"],
   TreeMap: ["Core", "Components", "Properties", "Events", "Style"],
   ColumnGroup: ["Core", "Components"],
-  Thought: ["Core", "Properties", "Events", "Style", ],
+  Thought: ["Core", "Properties", "Events", "Style",],
   Date: ["Core", "Properties", "Events", "Style", "Validation"],
   DateTime: ["Core", "Properties", "Events", "Style", "Validation"],
-  Image: ["Core", "Properties","Style"],
-  FileInput: ["Core","Properties","Events", "Style", "Validation"],
-  Camera:["Core","Properties","Events", "Style", "Validation"],
-  OTP_Input: ["Core","Properties","Events", "Style", "Validation"],
+  Image: ["Core", "Properties", "Events", "Style"],
+  FileInput: ["Core", "Properties", "Events", "Style", "Validation"],
+  Camera: ["Core", "Properties", "Events", "Style", "Validation"],
+  OTP_Input: ["Core", "Properties", "Events", "Style", "Validation"],
 }
 
 export function refreshPage(type: string, store: any) {
@@ -75,12 +74,12 @@ export function refreshPage(type: string, store: any) {
   // Get Widget Type of parent
   const path = store.searchParams?.get("path");
   const lastDotIndex = path.lastIndexOf('.')
-  const parentPath = path.slice(0,lastDotIndex)
+  const parentPath = path.slice(0, lastDotIndex)
 
   const parentObj = _.get(currentConfig, parentPath)
 
-  if(parentObj?.type === "Table" || parentObj?.type === "ColumnGroup"){
-    UiSchema.elements[0].elements[0].elements[4] = 
+  if (parentObj?.type === "Table" || parentObj?.type === "ColumnGroup") {
+    UiSchema.elements[0].elements[0].elements[4] =
     {
       type: "Control",
       scope: "#/properties/columnFormat",
@@ -95,7 +94,7 @@ export function refreshPage(type: string, store: any) {
         },
       },
     };
-    UiSchema.elements[0].elements[0].elements[6] = 
+    UiSchema.elements[0].elements[0].elements[6] =
     {
       type: "Control",
       scope: "#/properties/filteringOptions",
@@ -110,7 +109,7 @@ export function refreshPage(type: string, store: any) {
         },
       },
     };
-    UiSchema.elements[0].elements[0].elements[5] = 
+    UiSchema.elements[0].elements[0].elements[5] =
     {
       type: "Control",
       scope: "#/properties/enableFilter",
@@ -125,49 +124,49 @@ export function refreshPage(type: string, store: any) {
         },
       },
     },
-    UiSchema.elements[0].elements[0].elements[7] = 
-    {
-      type: "Control",
-      scope: "#/properties/enableSorting",
-      options: {
-        widget: "RadioInputField",
-      },
-      config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
-        main: {
-          label: "Enable Sorting",
-          options: ["Yes", "No"],
+      UiSchema.elements[0].elements[0].elements[7] =
+      {
+        type: "Control",
+        scope: "#/properties/enableSorting",
+        options: {
+          widget: "RadioInputField",
         },
-      },
-    },
-    UiSchema.elements[0].elements[0].elements[8] = 
-    {
-      type: "Control",
-      scope: "#/properties/columnKey",
-      config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
-        main: {
-          label: "Column Key",
+        config: {
+          layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+          main: {
+            label: "Enable Sorting",
+            options: ["Yes", "No"],
+          },
         },
       },
-      options: {
-        widget: "InputField",
-      },
-    },
-    UiSchema.elements[0].elements[0].elements[9] = 
-     {
-      type: "Control",
-      scope: "#/properties/elementType",
-      options: {
-        widget: "SelectInputField",
-      },
-      config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
-        main: {
-          label: "Element Type",
+      UiSchema.elements[0].elements[0].elements[8] =
+      {
+        type: "Control",
+        scope: "#/properties/columnKey",
+        config: {
+          layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+          main: {
+            label: "Column Key",
+          },
+        },
+        options: {
+          widget: "InputField",
         },
       },
-    }
+      UiSchema.elements[0].elements[0].elements[9] =
+      {
+        type: "Control",
+        scope: "#/properties/elementType",
+        options: {
+          widget: "SelectInputField",
+        },
+        config: {
+          layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+          main: {
+            label: "Element Type",
+          },
+        },
+      }
     UiSchema.elements[0].elements[0].elements[10] = {
       type: "Control",
       scope: "#/properties/dateFormat",
@@ -192,8 +191,8 @@ export function refreshPage(type: string, store: any) {
       },
     }
   }
-  if(parentObj?.type === "LeaderBoard"){
-    UiSchema.elements[0].elements[0].elements[4] = 
+  if (parentObj?.type === "LeaderBoard") {
+    UiSchema.elements[0].elements[0].elements[4] =
     {
       type: "Control",
       scope: "#/properties/columnFormat",
@@ -209,7 +208,7 @@ export function refreshPage(type: string, store: any) {
     };
   }
 
-  if (sessionStorage.getItem("copiedConfig") ) {
+  if (sessionStorage.getItem("copiedConfig")) {
     this.ElementPathSetter(UiSchema);
   }
   store.setUiSchema(UiSchema);
@@ -235,33 +234,33 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       if (sessionStorage.getItem("copiedConfig")) {
         schema.properties.RemoveItemButton.disabled = false;
       }
-      
+
       const config = JSON.parse(sessionStorage.getItem("pageFormdata"));
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id")
 
-      let pathArray = [{label: config.name ?? "NewPage", path: `/PageMaster${id ? `?id=${id}` : ''}`}];
+      let pathArray = [{ label: config.name ?? "NewPage", path: `/PageMaster${id ? `?id=${id}` : ''}` }];
 
       if (path) {
-              const pathArrayAll = path.split(".");
-              const arr: any = []
-              pathArrayAll.map((e: string, i: number) => {
-                  if (i === 0) {
-                      arr.push(e)
-                      return;
-                  }
-                  arr.push(`${arr[i - 1]}.${e}`)
-              })
+        const pathArrayAll = path.split(".");
+        const arr: any = []
+        pathArrayAll.map((e: string, i: number) => {
+          if (i === 0) {
+            arr.push(e)
+            return;
+          }
+          arr.push(`${arr[i - 1]}.${e}`)
+        })
 
 
-              arr.map((e) => {
-                  const data = _.get(config, e)
-                  pathArray.push({
-                    label: data?.name || data?.eventType || "NewComponent",
-                    path: `/Component?path=${e}${id ? `&id=${id}` : ''}`
-                  });
-              })
-          }
+        arr.map((e) => {
+          const data = _.get(config, e)
+          pathArray.push({
+            label: data?.name || data?.eventType || "NewComponent",
+            path: `/Component?path=${e}${id ? `&id=${id}` : ''}`
+          });
+        })
+      }
 
       schema.properties.pageName.path = pathArray
       return schema;
@@ -278,7 +277,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     },
     editComponents: function () {
 
-      if (validateAndShowErrors(store)) return; 
+      if (validateAndShowErrors(store)) return;
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
@@ -318,7 +317,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     },
     widgetAddClickHandler: function () {
 
-      if (validateAndShowErrors(store)) return; 
+      if (validateAndShowErrors(store)) return;
       if (!Array.isArray(store.formData.elements)) {
         store.formData.elements = []
       }
@@ -331,7 +330,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
 
     },
     eventEditHandler: function () {
-      if (validateAndShowErrors(store)) return; 
+      if (validateAndShowErrors(store)) return;
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
@@ -340,7 +339,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
     eventAddHandler: function () {
-      if (validateAndShowErrors(store)) return; 
+      if (validateAndShowErrors(store)) return;
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
       if (!Array.isArray(store.formData.events)) {
@@ -378,8 +377,8 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       const copiedElementPath = this.elementPathHandler(parentPathOfCopiedComponent, rowId, elementType);
       const copiedFormData = getFormdataFromSessionStorage(copiedElementPath);
 
-      this.ElementPathSetter(uiSchema,copiedFormData);
-      sessionStorage.setItem('copiedConfig',JSON.stringify(copiedFormData));
+      this.ElementPathSetter(uiSchema, copiedFormData);
+      sessionStorage.setItem('copiedConfig', JSON.stringify(copiedFormData));
       store.setNotify({
         SuccessMessage: `${elementType} Copied Successfully`,
         Success: true,
@@ -418,7 +417,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
           Fail: true,
         });
       }
-      else if(copiedConfig.name && elementType === "Events"){
+      else if (copiedConfig.name && elementType === "Events") {
         store.setNotify({
           FailMessage: notificationMessages.Component,
           Fail: true,
@@ -446,29 +445,29 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     },
     ElementPathSetter: function (uiSchema: any, copiedFormData?: any) {
       const formData = copiedFormData || JSON.parse(sessionStorage.getItem("copiedConfig"));
-      if(uiSchema?.elements?.[1]?.elements?.[0]?.config?.main?.headerIcons){
-        uiSchema.elements[1].elements[0].config.main.headerIcons.elements[1].widget.config.main.tooltipMessage  = `Copied Component: ${formData.name}`;
+      if (uiSchema?.elements?.[1]?.elements?.[0]?.config?.main?.headerIcons) {
+        uiSchema.elements[1].elements[0].config.main.headerIcons.elements[1].widget.config.main.tooltipMessage = `Copied Component: ${formData.name}`;
       }
-      else if(uiSchema?.elements?.[0]?.elements?.[1]?.elements?.[0]?.config?.main?.headerIcons){
-        uiSchema.elements[0].elements[1].elements[0].config.main.headerIcons.elements[1].widget.config.main.tooltipMessage  = `Copied Component: ${formData.name}`;
+      else if (uiSchema?.elements?.[0]?.elements?.[1]?.elements?.[0]?.config?.main?.headerIcons) {
+        uiSchema.elements[0].elements[1].elements[0].config.main.headerIcons.elements[1].widget.config.main.tooltipMessage = `Copied Component: ${formData.name}`;
       }
 
-      
-      if(uiSchema?.elements?.[1]?.elements?.[1]?.config?.main?.headerIcons){
-        uiSchema.elements[1].elements[1].config.main.headerIcons.elements[1].widget.config.main.tooltipMessage  = `Copied Event: ${formData.eventType}`;
+
+      if (uiSchema?.elements?.[1]?.elements?.[1]?.config?.main?.headerIcons) {
+        uiSchema.elements[1].elements[1].config.main.headerIcons.elements[1].widget.config.main.tooltipMessage = `Copied Event: ${formData.eventType}`;
       }
-      else if(uiSchema?.elements?.[0]?.elements?.[1]?.config?.main?.headerIcons){
-        uiSchema.elements[0].elements[1].config.main.headerIcons.elements[1].widget.config.main.tooltipMessage  = `Copied Component: ${formData.eventType}`;
+      else if (uiSchema?.elements?.[0]?.elements?.[1]?.config?.main?.headerIcons) {
+        uiSchema.elements[0].elements[1].config.main.headerIcons.elements[1].widget.config.main.tooltipMessage = `Copied Component: ${formData.eventType}`;
       }
     },
 
-    
-    onNavigatePopupYes: function() {
-      try{
+
+    onNavigatePopupYes: function () {
+      try {
         store.navigate(sessionStorage.getItem("pendingNavigatePath"))
         store.updateDialog(`pageNamepopup`)
       }
-      catch(e){
+      catch (e) {
         store.updateDialog(`pageNamepopup`)
         store.setNotify({
           FailMessage: "Couldn't navigate page",
@@ -476,8 +475,8 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
         })
       }
     },
-    onNavigatePopupNo: function() {
-        store.updateDialog(`pageNamepopup`)
+    onNavigatePopupNo: function () {
+      store.updateDialog(`pageNamepopup`)
     }
   }
 };

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

@@ -80,7 +80,7 @@ export default (funcParams: funcParamsProps) => {
       const config = pageData?.config;
       const uiSchema = pageData?.uiSchema;
       const event = new CustomEvent('pageNameChanged', {
-        detail: { pageName: config.label, hasBackIcon: config.hasBackIcon === "NO" ? false : true }
+        detail: { pageName: config.label, pageIconUrl: config.pageIconUrl, hasBackIcon: config.hasBackIcon === "NO" ? false : true }
       });
       window.dispatchEvent(event)
       const theme = funcParams?.store?.theme?.myTheme;
@@ -173,13 +173,6 @@ 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, "onLoad");
-      return response?.data;
-    },
     getSelectOptions: async function (param) {
       if (param.serachValue !== "" && param.serachValue !== undefined) {
         const apiBody = [

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

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

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

@@ -1,22 +0,0 @@
-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/src/impaktapps-ui-builder/builder/build/buildHierarchyChart.ts

@@ -1,38 +0,0 @@
-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;
-    }
-    if (config.isExpandAll) {
-        hierarchyChart.config.main.isExpandAll = config.isExpandAll === "YES" ? true : false;
-    }
-    return hierarchyChart;
-}
-

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

@@ -1,13 +0,0 @@
-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:{}} }
-  },
-};