impaktapps-ui-builder 1.0.292-hdb → 1.0.292

package/dist/impaktapps-ui-builder.es.js

@@ -6272,6 +6272,7 @@ const ComponentSchema = {
         { 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" },
@@ -6335,6 +6336,13 @@ const ComponentSchema = {
         { title: "Standard", const: "standard" }
       ]
     },
+    linkType: {
+      oneOf: [
+        { title: "Step", const: "step" },
+        { title: "Diagonal", const: "diagonal" },
+        { title: "Line", const: "line" }
+      ]
+    },
     positionVertical: {
       oneOf: [
         { title: "Top", const: "top" },
@@ -8152,6 +8160,17 @@ const buildPropertiesSection = function(type) {
         emptyBox$1("cardEmpty", { xs: 0, sm: 0, md: 8, lg: 8 })
       ];
       break;
+    case "HierarchyChart":
+      uiSchema.elements = [
+        getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
+        getSelectField("linkType", "Link Type"),
+        getInputField("nodeWidth", "Node Width"),
+        getInputField("nodeHeight", "Node Height"),
+        getInputField("chartHeight", "Chart Height"),
+        getInputField("stepPercent", "Link Bend Position"),
+        emptyBox$1("HierarchyChart", { xs: 0, sm: 0, md: 4, lg: 6 })
+      ];
+      break;
     case "MetricCard":
       uiSchema.elements = [
         getInputField("url", "Image Url"),
@@ -8697,9 +8716,9 @@ var buildConfig = (FormData) => {
   if (formData.events) {
     delete formData.events;
   }
-  if (formData.tabLabelsElements) {
-    component.tabLabelsElements = formData.tabLabelsElements || [];
-    delete formData.tabLabelsElements;
+  if (formData.tabLabelElements) {
+    component.tabLabelElements = formData.tabLabelElements || [];
+    delete formData.tabLabelElements;
   }
   component = { ...formData, ...component };
   return component;
@@ -8859,7 +8878,7 @@ const sectionLabels = {
   LeaderBoard: ["Core", "Components", "Properties", "Events", "Style"],
   WrapperSection: ["Core", "Components", "Properties", "Style"],
   HorizontalLayout: ["Core", "Components", "Properties", "Style"],
-  TabSection: ["Core", "Components", "TabLebelComponet", "Properties", "Style", "Validation"],
+  TabSection: ["Core", "Components", "TabTitles", "Properties", "Style", "Validation"],
   SpeedoMeter: ["Core", "Properties", "Events", "Style"],
   card: ["Core", "Properties", "Events", "Style", "Validation"],
   UploadFile: ["Core", "Events", "Style", "Validation"],
@@ -8871,6 +8890,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"],
@@ -8907,7 +8927,7 @@ function refreshPage(type, store2) {
       Style: StyleSection,
       Events: EventSection(store2.theme.myTheme),
       Components: TableSection(store2.theme.myTheme),
-      TabLebelComponet: TableSection(store2.theme.myTheme, "tabLabelsElements"),
+      TabTitles: TableSection(store2.theme.myTheme, "tabLabelElements"),
       Properties: buildPropertiesSection(type),
       Validation: ValidationSection
     };
@@ -9106,8 +9126,8 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       saveFormdataInSessionStorage(store2.ctx.core.data, path);
       if (path) {
         let finalPath = `${path}`;
-        if ((_c = dynamicData2 == null ? void 0 : dynamicData2.path) == null ? void 0 : _c.startsWith("tabLabels")) {
-          finalPath = `${finalPath}.tabLabelsElements[${rowId}]`;
+        if ((_c = dynamicData2 == null ? void 0 : dynamicData2.path) == null ? void 0 : _c.startsWith("tabLabel")) {
+          finalPath = `${finalPath}.tabLabelElements[${rowId}]`;
         } else {
           finalPath = `${finalPath}.elements[${rowId}]`;
         }
@@ -9124,7 +9144,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       const rowId = sessionStorage.getItem("rowId");
       const isTabLabelElements = sessionStorage.getItem("isTabLabelElements") === "true";
       if (isTabLabelElements) {
-        store2.formData.tabLabelsElements.splice(rowId, 1);
+        store2.formData.tabLabelElements.splice(rowId, 1);
       } else {
         store2.formData.elements.splice(rowId, 1);
       }
@@ -9156,14 +9176,14 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       if (!Array.isArray(store2.formData.elements)) {
         store2.formData.elements = [];
       }
-      if (!Array.isArray(store2.formData.tabLabelsElements)) {
-        store2.formData.tabLabelsElements = [];
+      if (!Array.isArray(store2.formData.tabLabelElements)) {
+        store2.formData.tabLabelElements = [];
       }
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       saveFormdataInSessionStorage(store2.ctx.core.data, path);
       let finalPath = `${path}`;
-      if (dynamicData2.path.startsWith("tabLabels")) {
-        finalPath = `${finalPath}.tabLabelsElements[${store2.formData.tabLabelsElements.length}]`;
+      if (dynamicData2.path.startsWith("tabLabel")) {
+        finalPath = `${finalPath}.tabLabelElements[${store2.formData.tabLabelElements.length}]`;
       } else {
         finalPath = `${finalPath}.elements[${store2.formData.elements.length}]`;
       }
@@ -9201,7 +9221,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
     deletePopUpComponent: function() {
       const rowId = dynamicData2.path.split(".")[1];
       sessionStorage.setItem("rowId", rowId);
-      sessionStorage.setItem("isTabLabelElements", dynamicData2.path.startsWith("tabLabels") ? "true" : "false");
+      sessionStorage.setItem("isTabLabelElements", dynamicData2.path.startsWith("tabLabel") ? "true" : "false");
       store2.updateDialog("popUpComponentSection");
     },
     deletePopUpEvent: function() {
@@ -9248,13 +9268,13 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       if (!Array.isArray(store2.formData.events)) {
         store2.formData.events = [];
       }
-      if (!Array.isArray(store2.formData.tabLabelsElements)) {
-        store2.formData.tabLabelsElements = [];
+      if (!Array.isArray(store2.formData.tabLabelElements)) {
+        store2.formData.tabLabelElements = [];
       }
       saveFormdataInSessionStorage(store2.ctx.core.data, pastedElementParentPath);
       const formData = getFormdataFromSessionStorage(pastedElementParentPath);
       const currentLength = {
-        "TabsComponent": formData.tabLabelsElements.length,
+        "TabsComponent": formData.tabLabelElements.length,
         "Component": formData.elements.length,
         "Events": formData.events.length
       };
@@ -9294,7 +9314,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
         return parentPath ? `${parentPath}.elements[${rowId}]` : `elements[${rowId}]`;
       }
       if (elementType === "TabsComponent") {
-        return `${parentPath}.tabLabelsElements[${rowId}]`;
+        return `${parentPath}.tabLabelElements[${rowId}]`;
       }
       return parentPath ? `${parentPath}.events[${rowId}]` : `events[${rowId}]`;
     },
@@ -10971,6 +10991,13 @@ var service = (funcParams) => {
       const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
       return response == null ? void 0 : response.data;
     },
+    onNodeExpandChange: async function(param) {
+      const apiBody = [
+        { key: "expandedNodeId", value: param.expandedNodeId }
+      ];
+      const response = await this.callExecuteEvents(param, apiBody, "onLoad");
+      return response == null ? void 0 : response.data;
+    },
     getSelectOptions: async function(param) {
       if (param.serachValue !== "" && param.serachValue !== void 0) {
         const apiBody = [
@@ -13345,6 +13372,47 @@ const buildPdfViewer = (config2, componentScope2) => {
   }
   return PdfViewer;
 };
+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: {} } }
+  }
+};
+const buildHierarchyChart = (config2, componentScope2, store2) => {
+  const hierarchyChart = _.cloneDeep(HierarchyChart);
+  hierarchyChart.scope = componentScope2;
+  if (config2.style) {
+    hierarchyChart.config.style = JSON.parse(config2.style);
+  }
+  if (config2.layout) {
+    hierarchyChart.config.layout = createLayoutFormat(config2.layout);
+  }
+  if (config2.linkType) {
+    hierarchyChart.config.main.linkType = config2.linkType;
+  }
+  if (config2.stepPercent) {
+    hierarchyChart.config.main.stepPercent = config2.stepPercent;
+  }
+  if (config2.nodeWidth) {
+    hierarchyChart.config.main.nodeWidth = config2.nodeWidth;
+  }
+  if (config2.nodeHeight) {
+    hierarchyChart.config.main.nodeHeight = config2.nodeHeight;
+  }
+  if (config2.chartHeight) {
+    hierarchyChart.config.main.chartHeight = config2.chartHeight;
+  }
+  if (config2.lazyLoading) {
+    hierarchyChart.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
+  }
+  return hierarchyChart;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -13508,6 +13576,9 @@ const buildUiSchema = (config2, store2) => {
     case "MetricCard":
       elements = buildMetricCard(config2, componentScope2);
       break;
+    case "HierarchyChart":
+      elements = buildHierarchyChart(config2, componentScope2);
+      break;
     case "Graph":
       switch (config2.graphType) {
         case "BarGraph":
@@ -13684,6 +13755,11 @@ const buildUiSchema = (config2, store2) => {
       });
     }
   }
+  if (config2.tabLabelElements) {
+    elements.tabLabelElements = config2.tabLabelElements.map((e, elemInd) => {
+      return buildUiSchema(e, store2);
+    });
+  }
   return elements;
 };
 export { buildConfig, buildSchema, buildUiSchema, clearFromSessionStorage, downloadFile$1 as downloadFile, downloadFileFromUrl, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };