impaktapps-ui-builder 1.0.290 → 1.0.292-hdb

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

@@ -6272,7 +6272,6 @@ 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" },
@@ -6336,13 +6335,6 @@ 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" },
@@ -8160,17 +8152,6 @@ 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"),
@@ -8225,10 +8206,10 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
         getInputField("leftMargin", "Left Margin"),
         getInputField("yAxisTickCount", "Y Axis TickCount"),
+        getInputField("xAxisTickCount", "X Axis TickCount"),
         getSelectField("xAxisFormatType", "X Axis Format Type"),
         getInputField("growthRateKey", "Growth Rate Key"),
         getInputField("tooltipUnit", "Tooltip Unit"),
-        emptyBox$1("GraphEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
         getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label", "Configure Bar Labels"),
         getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color", "Configure Bar Colors")
       ];
@@ -8414,13 +8395,13 @@ const StyleSection = {
     }
   ]
 };
-const TableSection = (theme) => {
+const TableSection = (theme, scopeName = "elements") => {
   const uiSchema = {
     type: "HorizontalLayout",
     elements: [
       {
         type: "Control",
-        scope: "#/properties/elements",
+        scope: `#/properties/${scopeName}`,
         options: {
           widget: "Table"
         },
@@ -8431,7 +8412,7 @@ const TableSection = (theme) => {
                 {
                   widget: {
                     type: "Control",
-                    scope: "#/properties/New_Record",
+                    scope: `#/properties/${scopeName}_New_Record`,
                     options: {
                       widget: "IconButton"
                     },
@@ -8458,7 +8439,7 @@ const TableSection = (theme) => {
                 {
                   widget: {
                     type: "Control",
-                    scope: "#/properties/Paste_Component",
+                    scope: scopeName === "elements" ? `#/properties/Paste_Component` : `#/properties/Paste_TabsComponent`,
                     options: {
                       widget: "IconButton"
                     },
@@ -8523,7 +8504,7 @@ const TableSection = (theme) => {
             },
             {
               type: "Control",
-              scope: "#/properties/Copy_Component",
+              scope: scopeName === "elements" ? `#/properties/Copy_Component` : `#/properties/Copy_TabsComponent`,
               options: {
                 widget: "Button"
               },
@@ -8716,6 +8697,10 @@ var buildConfig = (FormData) => {
   if (formData.events) {
     delete formData.events;
   }
+  if (formData.tabLabelsElements) {
+    component.tabLabelsElements = formData.tabLabelsElements || [];
+    delete formData.tabLabelsElements;
+  }
   component = { ...formData, ...component };
   return component;
 };
@@ -8874,7 +8859,7 @@ const sectionLabels = {
   LeaderBoard: ["Core", "Components", "Properties", "Events", "Style"],
   WrapperSection: ["Core", "Components", "Properties", "Style"],
   HorizontalLayout: ["Core", "Components", "Properties", "Style"],
-  TabSection: ["Core", "Components", "Properties", "Style", "Validation"],
+  TabSection: ["Core", "Components", "TabLebelComponet", "Properties", "Style", "Validation"],
   SpeedoMeter: ["Core", "Properties", "Events", "Style"],
   card: ["Core", "Properties", "Events", "Style", "Validation"],
   UploadFile: ["Core", "Events", "Style", "Validation"],
@@ -8886,7 +8871,6 @@ 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"],
@@ -8923,6 +8907,7 @@ function refreshPage(type, store2) {
       Style: StyleSection,
       Events: EventSection(store2.theme.myTheme),
       Components: TableSection(store2.theme.myTheme),
+      TabLebelComponet: TableSection(store2.theme.myTheme, "tabLabelsElements"),
       Properties: buildPropertiesSection(type),
       Validation: ValidationSection
     };
@@ -9120,8 +9105,12 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       const id = (_b = store2.searchParams) == null ? void 0 : _b.get("id");
       saveFormdataInSessionStorage(store2.ctx.core.data, path);
       if (path) {
-        const path2 = (_c = store2.searchParams) == null ? void 0 : _c.get("path");
-        const finalPath = `${path2}.elements[${rowId}]`;
+        let finalPath = `${path}`;
+        if ((_c = dynamicData2 == null ? void 0 : dynamicData2.path) == null ? void 0 : _c.startsWith("tabLabels")) {
+          finalPath = `${finalPath}.tabLabelsElements[${rowId}]`;
+        } else {
+          finalPath = `${finalPath}.elements[${rowId}]`;
+        }
         store2.searchParams.set("path", finalPath);
         store2.setSearchParams(store2.searchParams);
         this.setPage();
@@ -9133,7 +9122,12 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       var _a;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       const rowId = sessionStorage.getItem("rowId");
-      store2.formData.elements.splice(rowId, 1);
+      const isTabLabelElements = sessionStorage.getItem("isTabLabelElements") === "true";
+      if (isTabLabelElements) {
+        store2.formData.tabLabelsElements.splice(rowId, 1);
+      } else {
+        store2.formData.elements.splice(rowId, 1);
+      }
       const response = saveFormdataInSessionStorage(store2.ctx.core.data, path);
       const data = path ? _.get(response, path) : response;
       store2.setFormdata(data);
@@ -9141,6 +9135,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
         store2.updateDialog("popUpComponentSection");
       }
       sessionStorage.removeItem("rowId");
+      sessionStorage.removeItem("isTabLabelElements");
     },
     deleteEvent: function(shouldUpdateDialog = true) {
       var _a;
@@ -9161,9 +9156,17 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       if (!Array.isArray(store2.formData.elements)) {
         store2.formData.elements = [];
       }
+      if (!Array.isArray(store2.formData.tabLabelsElements)) {
+        store2.formData.tabLabelsElements = [];
+      }
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       saveFormdataInSessionStorage(store2.ctx.core.data, path);
-      const finalPath = `${path}.elements[${store2.formData.elements.length}]`;
+      let finalPath = `${path}`;
+      if (dynamicData2.path.startsWith("tabLabels")) {
+        finalPath = `${finalPath}.tabLabelsElements[${store2.formData.tabLabelsElements.length}]`;
+      } else {
+        finalPath = `${finalPath}.elements[${store2.formData.elements.length}]`;
+      }
       store2.searchParams.set("path", finalPath);
       store2.setSearchParams(store2.searchParams);
       this.setPage();
@@ -9198,6 +9201,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");
       store2.updateDialog("popUpComponentSection");
     },
     deletePopUpEvent: function() {
@@ -9244,9 +9248,17 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       if (!Array.isArray(store2.formData.events)) {
         store2.formData.events = [];
       }
+      if (!Array.isArray(store2.formData.tabLabelsElements)) {
+        store2.formData.tabLabelsElements = [];
+      }
       saveFormdataInSessionStorage(store2.ctx.core.data, pastedElementParentPath);
       const formData = getFormdataFromSessionStorage(pastedElementParentPath);
-      const insertElementIndex = elementType === "Component" ? formData.elements.length : formData.events.length;
+      const currentLength = {
+        "TabsComponent": formData.tabLabelsElements.length,
+        "Component": formData.elements.length,
+        "Events": formData.events.length
+      };
+      const insertElementIndex = currentLength[elementType] || 0;
       const pastedElementPath = this.elementPathHandler(pastedElementParentPath, insertElementIndex, elementType);
       const copiedConfig = JSON.parse(sessionStorage.getItem("copiedConfig"));
       const notificationMessages = {
@@ -9281,6 +9293,9 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       if (elementType === "Component") {
         return parentPath ? `${parentPath}.elements[${rowId}]` : `elements[${rowId}]`;
       }
+      if (elementType === "TabsComponent") {
+        return `${parentPath}.tabLabelsElements[${rowId}]`;
+      }
       return parentPath ? `${parentPath}.events[${rowId}]` : `events[${rowId}]`;
     },
     ElementPathSetter: function(uiSchema, copiedFormData) {
@@ -10956,28 +10971,6 @@ 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;
-    },
-    onNodeSearchChange: async function(param) {
-      const apiBody = [
-        { key: "searchTerm", value: param.searchTerm }
-      ];
-      const response = await this.callExecuteEvents(param, apiBody, "onLoad");
-      return response == null ? void 0 : response.data;
-    },
-    onSearchNodeSelect: async function(param) {
-      const apiBody = [
-        { key: "selectedNodeId", value: param.selectedNodeId },
-        { key: "uncollapsedIds", value: param.uncollapsedIds }
-      ];
-      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 = [
@@ -13079,6 +13072,9 @@ const buildAreaGraph = (config2, componentScope2) => {
   if (config2.yAxisTickCount) {
     AreaGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
   }
+  if (config2.xAxisTickCount) {
+    AreaGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
+  }
   if (config2.xAxisValue) {
     AreaGraph.config.main.xAxisValue = config2.xAxisValue;
   }
@@ -13132,6 +13128,9 @@ const buildStackBarLineGraph = (config2, componentScope2) => {
   if (config2.yAxisTickCount) {
     StackBarLineGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
   }
+  if (config2.xAxisTickCount) {
+    StackBarLineGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
+  }
   if (config2.xAxisValue) {
     StackBarLineGraph.config.main.xAxisValue = config2.xAxisValue;
   }
@@ -13346,47 +13345,6 @@ 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: {},
@@ -13550,9 +13508,6 @@ 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":