impaktapps-ui-builder 1.0.451 → 1.0.481

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

@@ -6711,12 +6711,7 @@ const ComponentSchema = {
         { title: "Clone Icon", const: "CloneIcon" },
         { title: "Detail Icon", const: "DetailIcon" },
         { title: "Report View Icon", const: "ReportViewIcon" },
-        { title: "Payout", const: "Payout" },
-        { title: "Info Outlined", const: "InfoOutlinedIcon" },
-        { title: "Territory Add", const: "TerritoryAdd" },
-        { title: "Territory Edit", const: "TerritoryEdit" },
-        { title: "Territory Delete", const: "TerritoryDelete" },
-        { title: "Git Compare", const: "GitCompare" }
+        { title: "Payout", const: "Payout" }
       ]
     },
     color: {
@@ -8165,7 +8160,7 @@ const buildPropertiesSection = function(type) {
         getInputField("description", "Description"),
         getSelectField("growthRate", "Growth Rate"),
         getInputField("color", "Card Color"),
-        emptyBox$1("MetricEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 })
+        emptyBox$1("MetricEmpty1", { xs: 6, sm: 0, md: 8, lg: 6 })
       ];
       break;
     case "Button":
@@ -8211,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")
       ];
@@ -8263,7 +8258,6 @@ const buildPropertiesSection = function(type) {
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
-          getRadioInputField("lazyLoadTree", "Lazy Load Tree", ["YES", "NO"]),
           getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
           getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
           getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
@@ -8292,7 +8286,8 @@ const buildPropertiesSection = function(type) {
         getSelectField("variant", "Variant"),
         getInputField("toolTip", "Tooltip"),
         getSelectField("toolTipPosition", "Tooltip Position"),
-        emptyBox$1("SelectEmpty", { xs: 6, sm: 6, md: 8, lg: 9 })
+        getRadioInputField("grouping", "grouping", ["YES", "NO"]),
+        emptyBox$1("SelectEmpty", { xs: 0, sm: 0, md: 4, lg: 6 })
       ];
       break;
     case "MultipleSelect":
@@ -8300,7 +8295,9 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
         getSelectField("variant", "Variant"),
         getInputField("toolTip", "Tooltip"),
-        getSelectField("toolTipPosition", "Tooltip Position")
+        getSelectField("toolTipPosition", "Tooltip Position"),
+        getRadioInputField("grouping", "grouping", ["YES", "NO"]),
+        emptyBox$1("MultipleSelectEmpty", { xs: 6, sm: 6, md: 8, lg: 9 })
       ];
       break;
     case "PdfViewer":
@@ -8401,13 +8398,13 @@ const StyleSection = {
     }
   ]
 };
-const TableSection = (theme, scopeName = "elements") => {
+const TableSection = (theme) => {
   const uiSchema = {
     type: "HorizontalLayout",
     elements: [
       {
         type: "Control",
-        scope: `#/properties/${scopeName}`,
+        scope: "#/properties/elements",
         options: {
           widget: "Table"
         },
@@ -8418,7 +8415,7 @@ const TableSection = (theme, scopeName = "elements") => {
                 {
                   widget: {
                     type: "Control",
-                    scope: `#/properties/${scopeName}_New_Record`,
+                    scope: "#/properties/New_Record",
                     options: {
                       widget: "IconButton"
                     },
@@ -8445,7 +8442,7 @@ const TableSection = (theme, scopeName = "elements") => {
                 {
                   widget: {
                     type: "Control",
-                    scope: scopeName === "elements" ? `#/properties/Paste_Component` : `#/properties/Paste_TabsComponent`,
+                    scope: "#/properties/Paste_Component",
                     options: {
                       widget: "IconButton"
                     },
@@ -8510,7 +8507,7 @@ const TableSection = (theme, scopeName = "elements") => {
             },
             {
               type: "Control",
-              scope: scopeName === "elements" ? `#/properties/Copy_Component` : `#/properties/Copy_TabsComponent`,
+              scope: "#/properties/Copy_Component",
               options: {
                 widget: "Button"
               },
@@ -8703,10 +8700,6 @@ var buildConfig = (FormData) => {
   if (formData.events) {
     delete formData.events;
   }
-  if (formData.tabLabelElements) {
-    component.tabLabelElements = formData.tabLabelElements || [];
-    delete formData.tabLabelElements;
-  }
   component = { ...formData, ...component };
   return component;
 };
@@ -8865,7 +8858,7 @@ const sectionLabels = {
   LeaderBoard: ["Core", "Components", "Properties", "Events", "Style"],
   WrapperSection: ["Core", "Components", "Properties", "Style"],
   HorizontalLayout: ["Core", "Components", "Properties", "Style"],
-  TabSection: ["Core", "Components", "TabTitles", "Properties", "Style", "Validation"],
+  TabSection: ["Core", "Components", "Properties", "Style", "Validation"],
   SpeedoMeter: ["Core", "Properties", "Events", "Style"],
   card: ["Core", "Properties", "Events", "Style", "Validation"],
   UploadFile: ["Core", "Events", "Style", "Validation"],
@@ -8913,7 +8906,6 @@ function refreshPage(type, store2) {
       Style: StyleSection,
       Events: EventSection(store2.theme.myTheme),
       Components: TableSection(store2.theme.myTheme),
-      TabTitles: TableSection(store2.theme.myTheme, "tabLabelElements"),
       Properties: buildPropertiesSection(type),
       Validation: ValidationSection
     };
@@ -9111,12 +9103,8 @@ 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) {
-        let finalPath = `${path}`;
-        if ((_c = dynamicData2 == null ? void 0 : dynamicData2.path) == null ? void 0 : _c.startsWith("tabLabel")) {
-          finalPath = `${finalPath}.tabLabelElements[${rowId}]`;
-        } else {
-          finalPath = `${finalPath}.elements[${rowId}]`;
-        }
+        const path2 = (_c = store2.searchParams) == null ? void 0 : _c.get("path");
+        const finalPath = `${path2}.elements[${rowId}]`;
         store2.searchParams.set("path", finalPath);
         store2.setSearchParams(store2.searchParams);
         this.setPage();
@@ -9128,12 +9116,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       var _a;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       const rowId = sessionStorage.getItem("rowId");
-      const isTabLabelElements = sessionStorage.getItem("isTabLabelElements") === "true";
-      if (isTabLabelElements) {
-        store2.formData.tabLabelElements.splice(rowId, 1);
-      } else {
-        store2.formData.elements.splice(rowId, 1);
-      }
+      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,7 +9124,6 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
         store2.updateDialog("popUpComponentSection");
       }
       sessionStorage.removeItem("rowId");
-      sessionStorage.removeItem("isTabLabelElements");
     },
     deleteEvent: function(shouldUpdateDialog = true) {
       var _a;
@@ -9162,17 +9144,9 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       if (!Array.isArray(store2.formData.elements)) {
         store2.formData.elements = [];
       }
-      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("tabLabel")) {
-        finalPath = `${finalPath}.tabLabelElements[${store2.formData.tabLabelElements.length}]`;
-      } else {
-        finalPath = `${finalPath}.elements[${store2.formData.elements.length}]`;
-      }
+      const finalPath = `${path}.elements[${store2.formData.elements.length}]`;
       store2.searchParams.set("path", finalPath);
       store2.setSearchParams(store2.searchParams);
       this.setPage();
@@ -9207,7 +9181,6 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
     deletePopUpComponent: function() {
       const rowId = dynamicData2.path.split(".")[1];
       sessionStorage.setItem("rowId", rowId);
-      sessionStorage.setItem("isTabLabelElements", dynamicData2.path.startsWith("tabLabel") ? "true" : "false");
       store2.updateDialog("popUpComponentSection");
     },
     deletePopUpEvent: function() {
@@ -9254,17 +9227,9 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       if (!Array.isArray(store2.formData.events)) {
         store2.formData.events = [];
       }
-      if (!Array.isArray(store2.formData.tabLabelElements)) {
-        store2.formData.tabLabelElements = [];
-      }
       saveFormdataInSessionStorage(store2.ctx.core.data, pastedElementParentPath);
       const formData = getFormdataFromSessionStorage(pastedElementParentPath);
-      const currentLength = {
-        "TabsComponent": formData.tabLabelElements.length,
-        "Component": formData.elements.length,
-        "Events": formData.events.length
-      };
-      const insertElementIndex = currentLength[elementType] || 0;
+      const insertElementIndex = elementType === "Component" ? formData.elements.length : formData.events.length;
       const pastedElementPath = this.elementPathHandler(pastedElementParentPath, insertElementIndex, elementType);
       const copiedConfig = JSON.parse(sessionStorage.getItem("copiedConfig"));
       const notificationMessages = {
@@ -9299,9 +9264,6 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       if (elementType === "Component") {
         return parentPath ? `${parentPath}.elements[${rowId}]` : `elements[${rowId}]`;
       }
-      if (elementType === "TabsComponent") {
-        return `${parentPath}.tabLabelElements[${rowId}]`;
-      }
       return parentPath ? `${parentPath}.events[${rowId}]` : `events[${rowId}]`;
     },
     ElementPathSetter: function(uiSchema, copiedFormData) {
@@ -10965,20 +10927,20 @@ var service = (funcParams) => {
       return response == null ? void 0 : response.data;
     },
     onPaginationChange: async function(paginationValues) {
-      var _a;
+      var _a, _b;
       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: "parentIds", value: paginationValues.parentIds }
+        { key: "expandedRowIds", value: (_b = paginationValues.expandedRowIds) != null ? _b : [] }
       ];
       const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
       return response == null ? void 0 : response.data;
     },
     getSelectOptions: async function(param) {
-      if (param.serachValue !== "" && param.serachValue !== void 0) {
+      if (param.serachValue !== void 0) {
         const apiBody = [
           { key: "searchValue", value: param.serachValue },
           { key: "currentValue", value: param.currentValue }
@@ -11693,6 +11655,9 @@ const buildSelect = (config2, componentScope2) => {
   if (config2.toolTipPosition) {
     selectInputField.config.main.toolTipPosition = config2.toolTipPosition;
   }
+  if (config2.grouping) {
+    selectInputField.config.main.grouping = config2.grouping;
+  }
   if (config2.style) {
     selectInputField.config.style = JSON.parse(config2.style);
   }
@@ -11785,9 +11750,6 @@ const buildTable = (config2, componentScope2) => {
   if (config2.lazyLoading) {
     table.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
   }
-  if (config2.lazyLoadTree) {
-    table.config.main.lazyTree = config2.lazyLoadTree === "YES" ? true : false;
-  }
   if (config2.defaultColumnSize) {
     table.config.main.defaultColumnSize = config2.defaultColumnSize;
   }
@@ -12393,6 +12355,9 @@ const buildMultiSelect = (config2, componentScope2) => {
   if (config2.toolTipPosition) {
     multipleSelect.config.main.toolTipPosition = config2.toolTipPosition;
   }
+  if (config2.grouping) {
+    multipleSelect.config.main.grouping = config2.grouping;
+  }
   if (config2.style) {
     multipleSelect.config.style = JSON.parse(config2.style);
   }
@@ -13081,9 +13046,6 @@ 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;
   }
@@ -13137,9 +13099,6 @@ 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;
   }
@@ -13693,11 +13652,6 @@ 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 };