impaktapps-ui-builder 1.0.321 → 1.0.330

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

@@ -6272,7 +6272,8 @@ const ComponentSchema = {
         { title: "Rank", const: "Rank" },
         { title: "Rank Card", const: "RankCard" },
         { title: "Metric Card", const: "MetricCard" },
-        { title: "Bow and Arrow", const: "RunnerBoyProgressBar" },
+        { title: "Hierarchy Chart", const: "HierarchyChart" },
+        { title: "Runner Boy", const: "RunnerBoyProgressBar" },
         { title: "Table", const: "Table" },
         { title: "Tabs", const: "TabSection" },
         { title: "Text", const: "Text" },
@@ -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" },
@@ -8088,7 +8096,8 @@ const buildPropertiesSection = function(type) {
         getSelectField("variant", "Variant"),
         getInputField("toolTip", "Tooltip"),
         getSelectField("toolTipPosition", "Tooltip Position"),
-        emptyBox$1("Radio", { xs: 6, sm: 6, md: 8, lg: 9 }),
+        getSelectField("iconName", "Start Icon"),
+        emptyBox$1("Radio", { xs: 0, sm: 0, md: 0, lg: 6 }),
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element"),
         getInputField("keyName", "Event Key Name")
       ];
@@ -8157,6 +8166,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"),
@@ -8229,7 +8249,8 @@ const buildPropertiesSection = function(type) {
         getInputField("columnSpacing", "Column Spacing"),
         getInputField("spacing", "Spacing"),
         getInputField("iconUrl", "Icon Url"),
-        emptyBox$1("WrapperSectionEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
+        getInputField("wrapperId", "Wrapper Id"),
+        emptyBox$1("WrapperSectionEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 }),
         emptyBox$1("WrapperSectionEmpty2")
       ];
       break;
@@ -8260,11 +8281,13 @@ const buildPropertiesSection = function(type) {
         getMultiSelectField("filteringOptions", "Filtering Options"),
         getSelectField("maxPageSize", "Max Page Size"),
         getSelectField("initialDensity", "Initial Toggle Density"),
+        getInputField("rowIdKey", "Row ID Key"),
+        getInputField("parentIdKey", "Parent ID Key"),
+        emptyBox$1("TreeEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
           getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
-          getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
           getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
           getInputField("defaultColumnSize", "Default Column Size"),
           ,
@@ -8876,6 +8899,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"],
@@ -9504,7 +9528,8 @@ const EventSchema = {
         { title: "Fail", const: "Fail" },
         { title: "onClose", const: "onClose" },
         { title: "Key Down", const: "onKeyDown" },
-        { title: "Set Style", const: "setStyle" }
+        { title: "Set Style", const: "setStyle" },
+        { title: "Expand Node", const: "onNodeExpandChange" }
       ]
     },
     Handler: {
@@ -10964,18 +10989,26 @@ var service = (funcParams) => {
       return response == null ? void 0 : response.data;
     },
     onPaginationChange: async function(paginationValues) {
-      var _a, _b;
+      var _a;
       const apiBody = [
         { key: "size", value: paginationValues.pagination.pageSize },
         { key: "pageIndex", value: paginationValues.pagination.pageIndex },
         { key: "sorting", value: paginationValues.sorting || [] },
         { key: "filters", value: paginationValues.tableColumnConfig || [] },
         { key: "globalFilter", value: (_a = paginationValues.globalFilter) != null ? _a : "" },
-        { key: "expandedRowIds", value: (_b = paginationValues.expandedRowIds) != null ? _b : [] }
+        { key: "parentIds", value: paginationValues.parentIds },
+        { key: "isExpandAll", value: paginationValues.isExpandAll }
       ];
       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, "onNodeExpandChange");
+      return response == null ? void 0 : response.data;
+    },
     getSelectOptions: async function(param) {
       if (param.serachValue !== "" && param.serachValue !== void 0) {
         const apiBody = [
@@ -11593,6 +11626,7 @@ const buildWrapperSection = (config2, componentScope2) => {
   wrapper.config.main.rowSpacing = Number(config2.rowSpacing);
   wrapper.config.main.columnSpacing = Number(config2.columnSpacing);
   wrapper.config.main.spacing = Number(config2.spacing);
+  wrapper.config.main.wrapperId = config2.wrapperId;
   if (config2.defaultStyle) {
     wrapper.config.defaultStyle = config2.defaultStyle === "YES" ? true : false;
   }
@@ -11648,6 +11682,9 @@ const buildTextField = (config2, componentScope2) => {
   if (config2.toolTipPosition) {
     inputField.config.main.toolTipPosition = config2.toolTipPosition;
   }
+  if (config2.iconName) {
+    inputField.config.main.startIcon = config2.iconName;
+  }
   inputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
   inputField.scope = componentScope2;
   return inputField;
@@ -11802,9 +11839,6 @@ const buildTable = (config2, componentScope2) => {
   if (config2.paginateExpandedRows) {
     table.config.main.paginateExpandedRows = config2.paginateExpandedRows === "YES" ? true : false;
   }
-  if (config2.treeStructure) {
-    table.config.main.treeStructure = config2.treeStructure === "YES" ? "flatTreeMap" : false;
-  }
   if (config2.SelectionAvailable) {
     table.config.main.Selection = config2.SelectionAvailable === "YES" ? true : false;
   }
@@ -11847,6 +11881,12 @@ const buildTable = (config2, componentScope2) => {
   if (config2.selectKey) {
     table.config.main.selectKey = config2.selectKey;
   }
+  if (config2.rowIdKey) {
+    table.config.main.rowIdKey = config2.rowIdKey;
+  }
+  if (config2.parentIdKey) {
+    table.config.main.parentIdKey = config2.parentIdKey;
+  }
   if (config2.maxPageSize) {
     table.config.main.maxPageSize = config2.maxPageSize;
   }
@@ -12602,6 +12642,9 @@ const buildEmptyBox = (config2, componentScope2) => {
   if (config2.layout) {
     EmptyBox.config.layout = createLayoutFormat(config2.layout);
   }
+  if (config2.style) {
+    EmptyBox.config.style = JSON.parse(config2.style);
+  }
   return EmptyBox;
 };
 const ArrayUiSchema = {
@@ -13350,6 +13393,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: {},
@@ -13513,6 +13597,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":