ods-component-lib 1.19.6 → 1.19.8

package/dist/index.modern.js

@@ -34914,7 +34914,8 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     _props$scrollingProps = props.scrollingProps,
     scrollingProps = _props$scrollingProps === void 0 ? {} : _props$scrollingProps,
     onContentReady = props.onContentReady,
-    onRowPrepared = props.onRowPrepared;
+    onRowPrepared = props.onRowPrepared,
+    summaryComponent = props.summaryComponent;
   var _useToken = useToken$1(),
     token = _useToken.token;
   var _AntForm$useForm = Form.useForm(),
@@ -34949,15 +34950,15 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   var _useState9 = useState(false),
     ctrlSelection = _useState9[0],
     setCtrlSelection = _useState9[1];
-  var _useState0 = useState(false),
-    contentReady = _useState0[0],
-    setContentReady = _useState0[1];
-  var _useState1 = useState(true),
-    filteredButtonCheck = _useState1[0],
-    setFilteredButtonCheck = _useState1[1];
   var _useState10 = useState(false),
-    searchPanelApplied = _useState10[0],
-    setSearchPanelApplied = _useState10[1];
+    contentReady = _useState10[0],
+    setContentReady = _useState10[1];
+  var _useState11 = useState(true),
+    filteredButtonCheck = _useState11[0],
+    setFilteredButtonCheck = _useState11[1];
+  var _useState12 = useState(false),
+    searchPanelApplied = _useState12[0],
+    setSearchPanelApplied = _useState12[1];
   var _useStyles = useStyles$6(),
     gridStyle = _useStyles.styles;
   useEffect(function () {
@@ -35750,7 +35751,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     customSave: customSave
   })), renderTotal() && React.createElement("div", {
     className: gridStyle.gridCustomSummary
-  }, React.createElement("p", null, renderTotal())));
+  }, React.createElement("p", null, renderTotal())), summaryComponent != null ? summaryComponent : null);
 };
 
 var useToken$2 = theme.useToken;
@@ -55382,7 +55383,7 @@ var loadedPageCount = 1;
 var totalRecordCount = 0;
 var useToken$4 = theme.useToken;
 var _OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
-  var _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$axiosRequest9, _props$axiosRequest0, _props$axiosRequest1, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
+  var _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$axiosRequest9, _props$axiosRequest10, _props$axiosRequest11, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
   var _useToken = useToken$4(),
     token = _useToken.token;
   var _useState = useState([]),
@@ -55596,7 +55597,7 @@ var _OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [(_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.requestData, (_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.apiUrl, (_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.environmentUrl, (_props$axiosRequest9 = props.axiosRequest) === null || _props$axiosRequest9 === void 0 ? void 0 : _props$axiosRequest9.requestQueryString, (_props$axiosRequest0 = props.axiosRequest) === null || _props$axiosRequest0 === void 0 ? void 0 : _props$axiosRequest0.requestType, props.pageSize, props.isServerSide]);
+  }, [(_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.requestData, (_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.apiUrl, (_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.environmentUrl, (_props$axiosRequest9 = props.axiosRequest) === null || _props$axiosRequest9 === void 0 ? void 0 : _props$axiosRequest9.requestQueryString, (_props$axiosRequest10 = props.axiosRequest) === null || _props$axiosRequest10 === void 0 ? void 0 : _props$axiosRequest10.requestType, props.pageSize, props.isServerSide]);
   var getTotalCount = function getTotalCount(response, data) {
     if (data !== null && data !== void 0 && data.PageCount || data !== null && data !== void 0 && data.RowCount) {
       totalPageCount = data.PageCount;
@@ -55873,7 +55874,7 @@ var _OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   }
   var onScrollEnd = useCallback(function () {
     getServerSide("reachedBottom");
-  }, [(_props$axiosRequest1 = props.axiosRequest) === null || _props$axiosRequest1 === void 0 ? void 0 : _props$axiosRequest1.requestData, getServerSide]);
+  }, [(_props$axiosRequest11 = props.axiosRequest) === null || _props$axiosRequest11 === void 0 ? void 0 : _props$axiosRequest11.requestData, getServerSide]);
   var handleScroll = function handleScroll(e) {
     var run = debounce_1(function (e) {
       var _scrollable$scrollTop, _scrollable$clientHei, _scrollable$scrollHei;
@@ -56949,7 +56950,7 @@ var OdsTimelineSelectionColumn = function OdsTimelineSelectionColumn(selectionEv
   return selectionColumn;
 };
 
-var _templateObject$D, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
+var _templateObject$D, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 var useStyles$b = createStyles(function (_ref, props) {
   var _props$taskWidth, _props$progressPerc, _props$progressColor;
   var css = _ref.css;
@@ -56967,8 +56968,8 @@ var useStyles$b = createStyles(function (_ref, props) {
     columnChooserHeader: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        align-items: center;\n      "]))),
     columnChooserCloseButton: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        flex: 1;\n        text-align: end;\n      "]))),
     columnChooserDivider: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        margin-top: 10px;\n        margin-bottom: 10px;\n      "]))),
-    columnChooserCheckbox: css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteralLoose(["\n        margin-top: 4px;\n        margin-bottom: 4px;\n      "]))),
-    columnChooserSearchbox: css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteralLoose(["\n        ", "\n        margin-top: 4px;\n        margin-bottom: 4px;\n      "])), searchBox)
+    columnChooserCheckbox: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        margin-top: 4px;\n        margin-bottom: 4px;\n      "]))),
+    columnChooserSearchbox: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        ", "\n        margin-top: 4px;\n        margin-bottom: 4px;\n      "])), searchBox)
   };
 });
 
@@ -57157,7 +57158,7 @@ var callAddFont = function callAddFont() {
 jsPDF$1.API.events.push(['addFonts', callAddFont]);
 
 var OdsTimelineTable = forwardRef(function (props, ref) {
-  var _toolbarSettings$sear, _toolbarSettings$sear5, _toolbarSettings$expo10, _toolbarSettings$expo11, _toolbarSettings$expo12, _toolbarSettings$expo13, _toolbarSettings$expo17, _toolbarSettings$expo18, _toolbarSettings$expo19, _toolbarSettings$colu;
+  var _toolbarSettings$sear, _toolbarSettings$sear5, _toolbarSettings$expo12, _toolbarSettings$expo13, _toolbarSettings$expo14, _toolbarSettings$expo15, _toolbarSettings$expo19, _toolbarSettings$expo20, _toolbarSettings$expo21, _toolbarSettings$colu;
   var customColumns = props.customColumns,
     customTasks = props.customTasks,
     customTaskKey = props.customTaskKey,
@@ -57209,9 +57210,9 @@ var OdsTimelineTable = forwardRef(function (props, ref) {
       return item.name;
     })),
     unvisibleColumnNames = _useState9[0];
-  var _useState0 = useState(false),
-    columnChooserOpen = _useState0[0],
-    setColumnChooserOpen = _useState0[1];
+  var _useState10 = useState(false),
+    columnChooserOpen = _useState10[0],
+    setColumnChooserOpen = _useState10[1];
   var originalSortingMode = sorting.mode === undefined || sorting.mode === "" ? "none" : sorting.mode;
   var sortingMode = sortingProcess == "ServerSideSorting" ? "none" : originalSortingMode;
   var showSortIndexes = sortingProcess == "ServerSideSorting" ? false : sorting.showSortIndexes;
@@ -57511,11 +57512,11 @@ var OdsTimelineTable = forwardRef(function (props, ref) {
     });
   };
   var getExportFileName = function getExportFileName() {
-    var _toolbarSettings$expo0, _toolbarSettings$expo1;
+    var _toolbarSettings$expo10, _toolbarSettings$expo11;
     var now = new Date();
     var datePart = ("0" + now.getDate()).slice(-2) + "-" + ("0" + (now.getMonth() + 1)).slice(-2) + "-" + now.getFullYear();
     var timePart = ("0" + now.getHours()).slice(-2) + ":" + ("0" + now.getMinutes()).slice(-2);
-    return ((_toolbarSettings$expo0 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo1 = toolbarSettings["export"]) === null || _toolbarSettings$expo1 === void 0 ? void 0 : _toolbarSettings$expo1.fileName) != null ? _toolbarSettings$expo0 : "Timeline") + "-" + datePart + "-" + timePart + ".pdf";
+    return ((_toolbarSettings$expo10 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo11 = toolbarSettings["export"]) === null || _toolbarSettings$expo11 === void 0 ? void 0 : _toolbarSettings$expo11.fileName) != null ? _toolbarSettings$expo10 : "Timeline") + "-" + datePart + "-" + timePart + ".pdf";
   };
   var exportedColumns = useMemo(function () {
     var newExportedColumns = [];
@@ -57598,39 +57599,39 @@ var OdsTimelineTable = forwardRef(function (props, ref) {
     location: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : toolbarSettings.location
   }), React.createElement(Item$2, {
     key: "OdsTimelineTable_ToolbarItem_Export",
-    visible: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo10 = toolbarSettings["export"]) === null || _toolbarSettings$expo10 === void 0 ? void 0 : _toolbarSettings$expo10.visible,
+    visible: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo12 = toolbarSettings["export"]) === null || _toolbarSettings$expo12 === void 0 ? void 0 : _toolbarSettings$expo12.visible,
     location: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : toolbarSettings.location,
     widget: "dxMenu",
     options: {
       items: [{
         icon: "export",
         items: [{
-          text: (_toolbarSettings$expo11 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo12 = toolbarSettings["export"]) === null || _toolbarSettings$expo12 === void 0 ? void 0 : (_toolbarSettings$expo13 = _toolbarSettings$expo12.pdf) === null || _toolbarSettings$expo13 === void 0 ? void 0 : _toolbarSettings$expo13.title) != null ? _toolbarSettings$expo11 : "Export to Pdf",
+          text: (_toolbarSettings$expo13 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo14 = toolbarSettings["export"]) === null || _toolbarSettings$expo14 === void 0 ? void 0 : (_toolbarSettings$expo15 = _toolbarSettings$expo14.pdf) === null || _toolbarSettings$expo15 === void 0 ? void 0 : _toolbarSettings$expo15.title) != null ? _toolbarSettings$expo13 : "Export to Pdf",
           icon: "exportpdf",
           onClick: function onClick() {
             if (exportableTasks.length > 0) {
               exportPdf();
             } else {
-              var _toolbarSettings$expo14, _toolbarSettings$expo15, _toolbarSettings$expo16;
+              var _toolbarSettings$expo16, _toolbarSettings$expo17, _toolbarSettings$expo18;
               OdsNotification({
                 title: "",
-                content: (_toolbarSettings$expo14 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo15 = toolbarSettings["export"]) === null || _toolbarSettings$expo15 === void 0 ? void 0 : (_toolbarSettings$expo16 = _toolbarSettings$expo15.messages) === null || _toolbarSettings$expo16 === void 0 ? void 0 : _toolbarSettings$expo16.noRecord) != null ? _toolbarSettings$expo14 : "No record",
+                content: (_toolbarSettings$expo16 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo17 = toolbarSettings["export"]) === null || _toolbarSettings$expo17 === void 0 ? void 0 : (_toolbarSettings$expo18 = _toolbarSettings$expo17.messages) === null || _toolbarSettings$expo18 === void 0 ? void 0 : _toolbarSettings$expo18.noRecord) != null ? _toolbarSettings$expo16 : "No record",
                 type: "warning",
                 placement: "bottom"
               });
             }
           }
         }, {
-          text: (_toolbarSettings$expo17 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo18 = toolbarSettings["export"]) === null || _toolbarSettings$expo18 === void 0 ? void 0 : (_toolbarSettings$expo19 = _toolbarSettings$expo18.excel) === null || _toolbarSettings$expo19 === void 0 ? void 0 : _toolbarSettings$expo19.title) != null ? _toolbarSettings$expo17 : "Export to Excel",
+          text: (_toolbarSettings$expo19 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo20 = toolbarSettings["export"]) === null || _toolbarSettings$expo20 === void 0 ? void 0 : (_toolbarSettings$expo21 = _toolbarSettings$expo20.excel) === null || _toolbarSettings$expo21 === void 0 ? void 0 : _toolbarSettings$expo21.title) != null ? _toolbarSettings$expo19 : "Export to Excel",
           icon: "exportxlsx",
           onClick: function onClick() {
             if (exportableTasks.length > 0) {
               exportExcel();
             } else {
-              var _toolbarSettings$expo20, _toolbarSettings$expo21, _toolbarSettings$expo22;
+              var _toolbarSettings$expo22, _toolbarSettings$expo23, _toolbarSettings$expo24;
               OdsNotification({
                 title: "",
-                content: (_toolbarSettings$expo20 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo21 = toolbarSettings["export"]) === null || _toolbarSettings$expo21 === void 0 ? void 0 : (_toolbarSettings$expo22 = _toolbarSettings$expo21.messages) === null || _toolbarSettings$expo22 === void 0 ? void 0 : _toolbarSettings$expo22.noRecord) != null ? _toolbarSettings$expo20 : "No record",
+                content: (_toolbarSettings$expo22 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo23 = toolbarSettings["export"]) === null || _toolbarSettings$expo23 === void 0 ? void 0 : (_toolbarSettings$expo24 = _toolbarSettings$expo23.messages) === null || _toolbarSettings$expo24 === void 0 ? void 0 : _toolbarSettings$expo24.noRecord) != null ? _toolbarSettings$expo22 : "No record",
                 type: "warning",
                 placement: "bottom"
               });
@@ -57805,7 +57806,7 @@ var getRequestHeaders = function getRequestHeaders(props) {
   });
 };
 var OdsTransfer = function OdsTransfer(props) {
-  var _props$targetItems, _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest0, _props$axiosRequest1, _props$axiosRequest10, _props$axiosRequest11, _props$axiosRequest12;
+  var _props$targetItems, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$axiosRequest9, _props$axiosRequest10, _props$axiosRequest11, _props$axiosRequest12, _props$axiosRequest13;
   var initializeTargetItems = function initializeTargetItems(items) {
     return items.map(function (item) {
       return _extends({}, item, {
@@ -57831,29 +57832,22 @@ var OdsTransfer = function OdsTransfer(props) {
   var _useState5 = useState(data || []),
     transferDataSource = _useState5[0],
     setTransferDataSource = _useState5[1];
-  useEffect(function () {
-    var _props$axiosRequest, _props$axiosRequest2, _props$axiosRequest3;
-    if (props.axiosRequest && (_props$axiosRequest = props.axiosRequest) !== null && _props$axiosRequest !== void 0 && _props$axiosRequest.requestData && (Object.keys((_props$axiosRequest2 = props.axiosRequest) === null || _props$axiosRequest2 === void 0 ? void 0 : _props$axiosRequest2.requestData).length > 0 || (_props$axiosRequest3 = props.axiosRequest) !== null && _props$axiosRequest3 !== void 0 && _props$axiosRequest3.requestQueryString)) {
-      setData([]);
-      fetchData();
-    }
-  }, [(_props$axiosRequest4 = props.axiosRequest) === null || _props$axiosRequest4 === void 0 ? void 0 : _props$axiosRequest4.requestData, (_props$axiosRequest5 = props.axiosRequest) === null || _props$axiosRequest5 === void 0 ? void 0 : _props$axiosRequest5.requestQueryString]);
   var fetchData = useCallback(function () {
     try {
-      var _props$axiosRequest6, _props$axiosRequest6$, _props$axiosRequest7;
+      var _props$axiosRequest, _props$axiosRequest$r, _props$axiosRequest2;
       if (!props.axiosRequest) return Promise.resolve();
       var isGet = props.axiosRequest.requestType.toUpperCase() === "GET";
       var apiUrl = "" + props.axiosRequest.environmentUrl + props.axiosRequest.apiUrl;
-      if ((_props$axiosRequest6 = props.axiosRequest) !== null && _props$axiosRequest6 !== void 0 && (_props$axiosRequest6$ = _props$axiosRequest6.requestData) !== null && _props$axiosRequest6$ !== void 0 && _props$axiosRequest6$.PaginatedRequest) {
+      if ((_props$axiosRequest = props.axiosRequest) !== null && _props$axiosRequest !== void 0 && (_props$axiosRequest$r = _props$axiosRequest.requestData) !== null && _props$axiosRequest$r !== void 0 && _props$axiosRequest$r.PaginatedRequest) {
         props.axiosRequest.requestData.PaginatedRequest.PageSize = props.pageSize;
       }
-      if ((_props$axiosRequest7 = props.axiosRequest) !== null && _props$axiosRequest7 !== void 0 && _props$axiosRequest7.requestQueryString) {
-        var _props$axiosRequest8;
+      if ((_props$axiosRequest2 = props.axiosRequest) !== null && _props$axiosRequest2 !== void 0 && _props$axiosRequest2.requestQueryString) {
+        var _props$axiosRequest3;
         props.axiosRequest.requestQueryString.maxResultCount = props.pageSize;
         if (constants$3.loadedPageCount > 1 && constants$3.totalPageCount >= constants$3.loadedPageCount) {
           props.axiosRequest.requestQueryString.skipCount = ((constants$3.loadedPageCount - 1) * props.pageSize).toString();
         }
-        if (isGet && (_props$axiosRequest8 = props.axiosRequest) !== null && _props$axiosRequest8 !== void 0 && _props$axiosRequest8.requestQueryString) {
+        if (isGet && (_props$axiosRequest3 = props.axiosRequest) !== null && _props$axiosRequest3 !== void 0 && _props$axiosRequest3.requestQueryString) {
           var query = queryString.stringify(props.axiosRequest.requestQueryString);
           apiUrl = apiUrl + "?" + query;
         }
@@ -57863,8 +57857,8 @@ var OdsTransfer = function OdsTransfer(props) {
         headers: getRequestHeaders(props)
       };
       if (!isGet) {
-        var _props$axiosRequest9;
-        requestOptions.body = JSON.stringify((_props$axiosRequest9 = props.axiosRequest) === null || _props$axiosRequest9 === void 0 ? void 0 : _props$axiosRequest9.requestData);
+        var _props$axiosRequest4;
+        requestOptions.body = JSON.stringify((_props$axiosRequest4 = props.axiosRequest) === null || _props$axiosRequest4 === void 0 ? void 0 : _props$axiosRequest4.requestData);
       }
       var _temp = _finallyRethrows(function () {
         return _catch(function () {
@@ -57893,7 +57887,13 @@ var OdsTransfer = function OdsTransfer(props) {
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [(_props$axiosRequest0 = props.axiosRequest) === null || _props$axiosRequest0 === void 0 ? void 0 : _props$axiosRequest0.requestData, (_props$axiosRequest1 = props.axiosRequest) === null || _props$axiosRequest1 === void 0 ? void 0 : _props$axiosRequest1.apiUrl, (_props$axiosRequest10 = props.axiosRequest) === null || _props$axiosRequest10 === void 0 ? void 0 : _props$axiosRequest10.environmentUrl, (_props$axiosRequest11 = props.axiosRequest) === null || _props$axiosRequest11 === void 0 ? void 0 : _props$axiosRequest11.requestQueryString, (_props$axiosRequest12 = props.axiosRequest) === null || _props$axiosRequest12 === void 0 ? void 0 : _props$axiosRequest12.requestType, props.pageSize, props.isServerSide]);
+  }, [(_props$axiosRequest5 = props.axiosRequest) === null || _props$axiosRequest5 === void 0 ? void 0 : _props$axiosRequest5.requestData, (_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.apiUrl, (_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.environmentUrl, (_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.requestQueryString, (_props$axiosRequest9 = props.axiosRequest) === null || _props$axiosRequest9 === void 0 ? void 0 : _props$axiosRequest9.requestType, props.pageSize, props.isServerSide]);
+  useEffect(function () {
+    if (props.axiosRequest) {
+      setData([]);
+      fetchData();
+    }
+  }, [(_props$axiosRequest10 = props.axiosRequest) === null || _props$axiosRequest10 === void 0 ? void 0 : _props$axiosRequest10.requestData, (_props$axiosRequest11 = props.axiosRequest) === null || _props$axiosRequest11 === void 0 ? void 0 : _props$axiosRequest11.requestQueryString, (_props$axiosRequest12 = props.axiosRequest) === null || _props$axiosRequest12 === void 0 ? void 0 : _props$axiosRequest12.apiUrl, (_props$axiosRequest13 = props.axiosRequest) === null || _props$axiosRequest13 === void 0 ? void 0 : _props$axiosRequest13.environmentUrl]);
   var getTotalCount = function getTotalCount(response, data) {
     if (data !== null && data !== void 0 && data.PageCount || data !== null && data !== void 0 && data.RowCount) {
       constants$3.totalPageCount = data.PageCount;
@@ -58064,7 +58064,274 @@ var OdsTransfer = function OdsTransfer(props) {
   }));
 };
 
-var _templateObject$E, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject0$1, _templateObject1$1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+var constants$4 = {
+  totalPageCount: 1,
+  loadedPageCount: 1,
+  totalRecordCount: 0
+};
+var getRequestHeaders$1 = function getRequestHeaders(props) {
+  var _props$axiosRequest;
+  return new Headers({
+    "Content-Type": "application/json",
+    Authorization: "Bearer " + (((_props$axiosRequest = props.axiosRequest) === null || _props$axiosRequest === void 0 ? void 0 : _props$axiosRequest.token) || ""),
+    "Accept-Language": props.language || "EN"
+  });
+};
+var removeDuplicates = function removeDuplicates(items, keyExpr) {
+  var seen = new Set();
+  return items.filter(function (item) {
+    var key = item[keyExpr];
+    return !seen.has(key) && seen.add(key);
+  });
+};
+var initializeTargetItems = function initializeTargetItems(items, keyExpr) {
+  return items.map(function (item) {
+    return _extends({}, item, {
+      key: item[keyExpr] || item["Id"]
+    });
+  });
+};
+var OdsTransferV2 = function OdsTransferV2(_ref) {
+  var _ref$dataSource = _ref.dataSource,
+    dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+    language = _ref.language,
+    _ref$pagingEnable = _ref.pagingEnable,
+    pagingEnable = _ref$pagingEnable === void 0 ? true : _ref$pagingEnable,
+    _ref$pageSize = _ref.pageSize,
+    pageSize = _ref$pageSize === void 0 ? 10 : _ref$pageSize,
+    isServerSide = _ref.isServerSide,
+    axiosRequest = _ref.axiosRequest,
+    columns = _ref.columns,
+    pageTitle = _ref.pageTitle,
+    keyExpr = _ref.keyExpr,
+    noDataText = _ref.noDataText,
+    defaultPageSize = _ref.defaultPageSize,
+    _ref$targetItems = _ref.targetItems,
+    initialTargetItems = _ref$targetItems === void 0 ? [] : _ref$targetItems,
+    noContentMainText = _ref.noContentMainText,
+    noContentSubText = _ref.noContentSubText,
+    onTargetChange = _ref.onTargetChange,
+    _ref$sourceTitle = _ref.sourceTitle,
+    sourceTitle = _ref$sourceTitle === void 0 ? "Available Items" : _ref$sourceTitle,
+    _ref$targetTitle = _ref.targetTitle,
+    targetTitle = _ref$targetTitle === void 0 ? "Selected Items" : _ref$targetTitle,
+    _ref$displayPageTitle = _ref.displayPageTitle,
+    displayPageTitle = _ref$displayPageTitle === void 0 ? false : _ref$displayPageTitle,
+    className = _ref.className,
+    rootClassName = _ref.rootClassName,
+    _ref$showSearch = _ref.showSearch,
+    showSearch = _ref$showSearch === void 0 ? false : _ref$showSearch,
+    render = _ref.render,
+    _ref$useCustomHeader = _ref.useCustomHeader,
+    useCustomHeader = _ref$useCustomHeader === void 0 ? false : _ref$useCustomHeader;
+  var _useState = useState([]),
+    data = _useState[0],
+    setData = _useState[1];
+  var _useState2 = useState(initialTargetItems.map(function (item) {
+      return item[keyExpr];
+    })),
+    targetKeys = _useState2[0],
+    setTargetKeys = _useState2[1];
+  var _useState3 = useState(initializeTargetItems(initialTargetItems, keyExpr)),
+    targetItems = _useState3[0],
+    setTargetItems = _useState3[1];
+  var _useState4 = useState([]),
+    transferDataSource = _useState4[0],
+    setTransferDataSource = _useState4[1];
+  var _useState5 = useState([]),
+    selectedKeys = _useState5[0],
+    setSelectedKeys = _useState5[1];
+  var gridRef = useRef(null);
+  var fetchData = useCallback(function () {
+    try {
+      var _axiosRequest$request;
+      if (!axiosRequest || !isServerSide) return Promise.resolve();
+      var isGet = axiosRequest.requestType.toUpperCase() === "GET";
+      var apiUrl = "" + axiosRequest.environmentUrl + axiosRequest.apiUrl;
+      if ((_axiosRequest$request = axiosRequest.requestData) !== null && _axiosRequest$request !== void 0 && _axiosRequest$request.PaginatedRequest) {
+        axiosRequest.requestData.PaginatedRequest.PageSize = pageSize;
+      }
+      if (axiosRequest.requestQueryString) {
+        axiosRequest.requestQueryString.maxResultCount = pageSize;
+        if (constants$4.loadedPageCount > 1 && constants$4.totalPageCount >= constants$4.loadedPageCount) {
+          axiosRequest.requestQueryString.skipCount = ((constants$4.loadedPageCount - 1) * pageSize).toString();
+        }
+        if (isGet) {
+          var query = queryString.stringify(axiosRequest.requestQueryString);
+          apiUrl = apiUrl + "?" + query;
+        }
+      }
+      var requestOptions = {
+        method: axiosRequest.requestType,
+        headers: getRequestHeaders$1({
+          language: language,
+          axiosRequest: axiosRequest
+        }),
+        body: isGet ? undefined : JSON.stringify(axiosRequest.requestData)
+      };
+      var _temp = _catch(function () {
+        return Promise.resolve(fetch(apiUrl, requestOptions)).then(function (response) {
+          return Promise.resolve(response.json()).then(function (newData) {
+            var dataArray = newData.Data || newData;
+            setData(function (prevData) {
+              return constants$4.loadedPageCount === 1 ? dataArray : [].concat(prevData, dataArray);
+            });
+            constants$4.totalPageCount = newData.PageCount || Math.ceil((newData.rowCount || dataArray.length) / pageSize);
+            constants$4.totalRecordCount = newData.RowCount || parseInt(response.headers.get("x-total-count") || dataArray.length, 10);
+          });
+        });
+      }, function (error) {
+        console.error("Error fetching data:", error);
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [axiosRequest, pageSize, language, isServerSide]);
+  useEffect(function () {
+    if (isServerSide && axiosRequest) {
+      setData([]);
+      fetchData();
+    }
+  }, [axiosRequest === null || axiosRequest === void 0 ? void 0 : axiosRequest.requestData, axiosRequest === null || axiosRequest === void 0 ? void 0 : axiosRequest.requestQueryString, axiosRequest === null || axiosRequest === void 0 ? void 0 : axiosRequest.apiUrl, axiosRequest === null || axiosRequest === void 0 ? void 0 : axiosRequest.environmentUrl, fetchData, isServerSide]);
+  useEffect(function () {
+    var sourceData = isServerSide ? data : dataSource;
+    var combinedData = [].concat(sourceData, targetItems);
+    var uniqueData = removeDuplicates(combinedData, keyExpr).map(function (item) {
+      return _extends({}, item, {
+        key: item[keyExpr]
+      });
+    });
+    setTransferDataSource(uniqueData);
+  }, [data, dataSource, targetItems, keyExpr, isServerSide]);
+  var handleChange = useCallback(function (newTargetKeys, direction, moveKeys) {
+    setTargetKeys(newTargetKeys);
+    var selectedItems = transferDataSource.filter(function (item) {
+      return newTargetKeys.includes(item[keyExpr]);
+    });
+    var updatedItems = removeDuplicates(direction === "left" ? targetItems.filter(function (item) {
+      return !moveKeys.includes(item[keyExpr]);
+    }).concat(selectedItems) : [].concat(targetItems, selectedItems), keyExpr);
+    setTargetItems(updatedItems);
+    onTargetChange === null || onTargetChange === void 0 ? void 0 : onTargetChange(updatedItems);
+  }, [transferDataSource, targetItems, keyExpr, onTargetChange]);
+  var handleSelectChange = useCallback(function (sourceSelectedKeys, targetSelectedKeys) {
+    setSelectedKeys([].concat(sourceSelectedKeys, targetSelectedKeys));
+  }, []);
+  var CustomHeader = function CustomHeader(_ref2) {
+    var direction = _ref2.direction;
+    return React.createElement("div", {
+      className: "transfer-custom-header",
+      style: {
+        padding: "8px 16px",
+        borderBottom: "1px solid #f0f0f0",
+        fontWeight: "bold"
+      }
+    }, direction === "left" ? sourceTitle : targetTitle);
+  };
+  return React.createElement("div", null, isServerSide && React.createElement("style", null, ".dx-pager { display: none; }"), React.createElement(Transfer, {
+    dataSource: transferDataSource,
+    targetKeys: targetKeys,
+    selectedKeys: selectedKeys,
+    onSelectChange: handleSelectChange,
+    onChange: handleChange,
+    showSelectAll: false,
+    titles: [sourceTitle, targetTitle],
+    render: render,
+    className: className,
+    rootClassName: rootClassName,
+    showSearch: showSearch
+  }, function (_ref3) {
+    var direction = _ref3.direction,
+      filteredItems = _ref3.filteredItems,
+      onItemSelectAll = _ref3.onItemSelectAll;
+    var isLeftEmpty = direction === "left" && filteredItems.length === 0;
+    var isRightEmpty = direction === "right" && targetKeys.length === 0;
+    var combinedDataSource = direction === "right" ? removeDuplicates([].concat(filteredItems, targetItems), keyExpr) : filteredItems;
+    return React.createElement("div", {
+      className: "customize-wrapper-content",
+      style: {
+        height: "100%",
+        overflow: "auto"
+      }
+    }, useCustomHeader && React.createElement(CustomHeader, {
+      direction: direction
+    }), isLeftEmpty || isRightEmpty ? React.createElement("div", {
+      className: "empty-list-items-container-wrapper",
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100%",
+        minHeight: "300px"
+      }
+    }, React.createElement(NoListItems, {
+      mainText: noContentMainText,
+      subText: noContentSubText
+    })) : React.createElement(DataGrid__default, {
+      dataSource: combinedDataSource,
+      keyExpr: keyExpr,
+      showBorders: true,
+      paging: {
+        enabled: pagingEnable,
+        pageSize: defaultPageSize
+      },
+      selection: {
+        mode: "multiple",
+        selectAllMode: "page",
+        showCheckBoxesMode: "always"
+      },
+      onSelectionChanged: function onSelectionChanged(_ref4) {
+        var selectedRowKeys = _ref4.selectedRowKeys,
+          currentDeselectedRowKeys = _ref4.currentDeselectedRowKeys;
+        onItemSelectAll(selectedRowKeys, true);
+        if (currentDeselectedRowKeys.length > 0) {
+          onItemSelectAll(currentDeselectedRowKeys, false);
+        }
+      },
+      columns: columns,
+      columnFixing: {
+        enabled: true
+      },
+      noDataText: noDataText,
+      ref: gridRef
+    }, React.createElement(FilterRow, {
+      visible: true
+    }), columns.map(function (column) {
+      return typeof column === "string" ? React.createElement(Column, {
+        key: column,
+        dataField: column,
+        caption: column,
+        headerFilter: {
+          visible: true
+        }
+      }) : React.createElement(Column, {
+        key: column.dataIndex,
+        dataField: column.dataField || column.dataIndex,
+        caption: column.caption || column.title,
+        dataType: column.dataType,
+        calculateSortValue: column.calculateSortValue,
+        headerFilter: {
+          visible: true
+        }
+      });
+    }), displayPageTitle && React.createElement(Toolbar, null, React.createElement(Item, {
+      location: "before",
+      cssClass: "toolbarTitleItem"
+    }, React.createElement(OdsTitle, {
+      level: 5,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        alignSelf: "stretch",
+        margin: 0
+      }
+    }, pageTitle)))));
+  }));
+};
+
+var _templateObject$E, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 var useStyles$c = createStyles(function (_ref, props) {
   var css = _ref.css,
     cx = _ref.cx,
@@ -58079,9 +58346,9 @@ var useStyles$c = createStyles(function (_ref, props) {
     filterTopTitle: cx(flex, css(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n        "])))),
     filterTopActions: cx(flex, css(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n          justify-content: flex-end;\n          gap: ", "px;\n        "])), token.sizeSM)),
     filterBodyWrapper: cx(grid, css(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteralLoose(["\n          transition: grid-template-rows 0.3s;\n          grid-template-rows: ", ";\n        "])), props.open ? "1fr" : "0fr")),
-    filterBody: cx(css(_templateObject0$1 || (_templateObject0$1 = _taggedTemplateLiteralLoose(["\n          overflow: hidden;\n          width: 100%;\n        "])))),
-    filterActionButtonsWrapper: cx(flex, css(_templateObject1$1 || (_templateObject1$1 = _taggedTemplateLiteralLoose(["\n          width: 100%;\n          justify-content: flex-end;\n          gap: ", "px;\n        "])), token.sizeSM)),
-    filterTagsWrapper: cx(flex, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n          justify-content: center;\n          width: 85%;\n          max-width: 85%;\n          min-width: 85%;\n          transition: opacity 0.3s;\n          opacity: ", ";\n        "])), props.open ? 0 : 1)),
+    filterBody: cx(css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n          overflow: hidden;\n          width: 100%;\n        "])))),
+    filterActionButtonsWrapper: cx(flex, css(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n          width: 100%;\n          justify-content: flex-end;\n          gap: ", "px;\n        "])), token.sizeSM)),
+    filterTagsWrapper: cx(flex, css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n          justify-content: center;\n          width: 85%;\n          max-width: 85%;\n          min-width: 85%;\n          transition: opacity 0.3s;\n          opacity: ", ";\n        "])), props.open ? 0 : 1)),
     toggleButton: cx(flex),
     clearButton: cx(flex)
   };
@@ -58091,16 +58358,16 @@ var useAdvancedFilterButtonStyles = createStyles(function (_ref2, props) {
     cx = _ref2.cx,
     token = _ref2.token;
   return {
-    advancedFilterButton: cx("flex", css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        align-items: center;\n        justify-content: center;\n        padding-left: ", "px;\n        padding-right: ", "px;\n      "])), token.colorPrimary, token.padding, token.padding)),
-    advancedFilterRowWrapper: cx("grid", css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        transition: grid-template-rows 0.3s;\n        grid-template-rows: ", ";\n      "])), props.open ? "1fr" : "0fr")),
-    advancedFilterRow: cx(css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        overflow: hidden;\n        width: 100%;\n      "]))))
+    advancedFilterButton: cx("flex", css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        align-items: center;\n        justify-content: center;\n        padding-left: ", "px;\n        padding-right: ", "px;\n      "])), token.colorPrimary, token.padding, token.padding)),
+    advancedFilterRowWrapper: cx("grid", css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        transition: grid-template-rows 0.3s;\n        grid-template-rows: ", ";\n      "])), props.open ? "1fr" : "0fr")),
+    advancedFilterRow: cx(css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        overflow: hidden;\n        width: 100%;\n      "]))))
   };
 });
 var useFilterTagsStyles = createStyles(function (_ref3) {
   var css = _ref3.css,
     token = _ref3.token;
   return {
-    menu: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    border: 0;\n    gap: ", "px;\n    position: relative;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal {\n      & > .ant-menu-item {\n        cursor: default;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        top: unset;\n      }\n\n      & > .ant-menu-submenu {\n        &:hover {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-submenu\n      &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-item::after {\n      display: none;\n    }\n  "])), token.sizeXS)
+    menu: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    border: 0;\n    gap: ", "px;\n    position: relative;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal {\n      & > .ant-menu-item {\n        cursor: default;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        top: unset;\n      }\n\n      & > .ant-menu-submenu {\n        &:hover {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-submenu\n      &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-item::after {\n      display: none;\n    }\n  "])), token.sizeXS)
   };
 });
 
@@ -58343,7 +58610,7 @@ var OdsFilter = function OdsFilter(props) {
   }, props.buttonApplyName)))))));
 };
 
-var _templateObject$F, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject0$2, _templateObject1$2, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17;
+var _templateObject$F, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17, _templateObject18, _templateObject19;
 var useStyles$d = createStyles(function (_ref, props) {
   var css = _ref.css,
     cx = _ref.cx,
@@ -58358,11 +58625,11 @@ var useStyles$d = createStyles(function (_ref, props) {
     filterTopTitle: cx(flex, css(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n        "])))),
     filterTopActions: cx(flex, css(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n          justify-content: flex-end;\n          gap: ", "px;\n        "])), token.sizeSM)),
     filterBodyWrapper: cx(grid, css(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteralLoose(["\n          transition: grid-template-rows 0.3s;\n          grid-template-rows: ", ";\n        "])), props.open ? "1fr" : "0fr")),
-    filterBody: cx(css(_templateObject0$2 || (_templateObject0$2 = _taggedTemplateLiteralLoose(["\n          overflow: hidden;\n          width: 100%;\n        "])))),
-    filterActionButtonsWrapper: cx(flex, css(_templateObject1$2 || (_templateObject1$2 = _taggedTemplateLiteralLoose(["\n          justify-content: flex-end;\n          margin-top: 16px;\n        "])))),
-    filterActionButtons: cx(flex, css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n          justify-content: flex-end;\n          gap: ", "px;\n          align-items: flex-end;\n        "])), token.sizeSM)),
-    filterTagsWrapper: cx(flex, css(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n          justify-content: center;\n          width: 85%;\n          max-width: 85%;\n          min-width: 85%;\n          transition: opacity 0.3s;\n          opacity: ", ";\n        "])), props.open ? 0 : 1)),
-    filterInlineDisplayWrapper: props.isDisplayInline ? cx(css(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n            display: grid;\n            grid-template-columns: 1fr auto;\n            width: 100%;\n          "])))) : "",
+    filterBody: cx(css(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n          overflow: hidden;\n          width: 100%;\n        "])))),
+    filterActionButtonsWrapper: cx(flex, css(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n          justify-content: flex-end;\n          margin-top: 16px;\n        "])))),
+    filterActionButtons: cx(flex, css(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n          justify-content: flex-end;\n          gap: ", "px;\n          align-items: flex-end;\n        "])), token.sizeSM)),
+    filterTagsWrapper: cx(flex, css(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n          justify-content: center;\n          width: 85%;\n          max-width: 85%;\n          min-width: 85%;\n          transition: opacity 0.3s;\n          opacity: ", ";\n        "])), props.open ? 0 : 1)),
+    filterInlineDisplayWrapper: props.isDisplayInline ? cx(css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n            display: grid;\n            grid-template-columns: 1fr auto;\n            width: 100%;\n          "])))) : "",
     toggleButton: cx(flex),
     clearButton: cx(flex)
   };
@@ -58372,17 +58639,17 @@ var useAdvancedFilterButtonStyles$1 = createStyles(function (_ref2, props) {
     cx = _ref2.cx,
     token = _ref2.token;
   return {
-    advancedFilterButton: cx(css(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        color: ", ";\n        align-items: center;\n        justify-content: center;\n        padding-left: ", "px;\n        padding-right: ", "px;\n      "])), token.colorPrimary, token.padding, token.padding)),
-    advancedFilterRowWrapper: cx(css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n        display: grid;\n        transition: grid-template-rows 0.3s;\n        grid-template-rows: ", ";\n      "])), props.open ? "1fr" : "0fr")),
-    advancedFilterRowInner: cx(css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        min-height: 0;\n        overflow: hidden;\n      "])))),
-    advancedFilterRow: cx(css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        padding-top: 16px;\n        display: grid;\n        overflow: hidden;\n        width: 100%;\n\n        & .ant-form-item .ant-form-item-label > label {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          display: inline-block;\n        }\n      "]))))
+    advancedFilterButton: cx(css(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        color: ", ";\n        align-items: center;\n        justify-content: center;\n        padding-left: ", "px;\n        padding-right: ", "px;\n      "])), token.colorPrimary, token.padding, token.padding)),
+    advancedFilterRowWrapper: cx(css(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteralLoose(["\n        display: grid;\n        transition: grid-template-rows 0.3s;\n        grid-template-rows: ", ";\n      "])), props.open ? "1fr" : "0fr")),
+    advancedFilterRowInner: cx(css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        min-height: 0;\n        overflow: hidden;\n      "])))),
+    advancedFilterRow: cx(css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        padding-top: 16px;\n        display: grid;\n        overflow: hidden;\n        width: 100%;\n\n        & .ant-form-item .ant-form-item-label > label {\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap;\n          display: inline-block;\n        }\n      "]))))
   };
 });
 var useFilterTagsStyles$1 = createStyles(function (_ref3) {
   var css = _ref3.css,
     token = _ref3.token;
   return {
-    menu: css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    border: 0;\n    gap: ", "px;\n    position: relative;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal {\n      & > .ant-menu-item {\n        cursor: default;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        top: unset;\n      }\n\n      & > .ant-menu-submenu {\n        &:hover {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-submenu\n      &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-item::after {\n      display: none;\n    }\n  "])), token.sizeXS)
+    menu: css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    border: 0;\n    gap: ", "px;\n    position: relative;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal {\n      & > .ant-menu-item {\n        cursor: default;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        top: unset;\n      }\n\n      & > .ant-menu-submenu {\n        &:hover {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-submenu\n      &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-item::after {\n      display: none;\n    }\n  "])), token.sizeXS)
   };
 });
 
@@ -58678,5 +58945,5 @@ var OdsFilterPlus = function OdsFilterPlus(props) {
   }, React.createElement(ActionButtons, null)))))));
 };
 
-export { DATA_GRID_CLASSES, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicDataGrid, OdsBasicTable, OdsBatchEditDataGrid, OdsButton, OdsCalendar, OdsCard, OdsChange$1 as OdsChange, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsCurrencyInput, OdsDataGrid, OdsDataGridLegacy, OdsDataGridMemoized, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsFileUpload, OdsFileUploadv2, OdsFilter, OdsFilterPlus, OdsFilterTagView, OdsImage, OdsInlineEditDataGrid, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsMergeCellDataGrid, OdsModal, OdsModalOld, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsProgress, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, _OdsRemoteDataGrid as OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsServerSideDatagrid, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimelineTable, OdsTimepicker, OdsTitle, OdsTransfer, OdsTreeListMenu, OdsTreeSelect, defaultAppearanceSettings, odsGlobalStyles, useBodyClasses as useOdsBodyClasses, useStyles$4 as useOdsDataGridStyles };
+export { DATA_GRID_CLASSES, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicDataGrid, OdsBasicTable, OdsBatchEditDataGrid, OdsButton, OdsCalendar, OdsCard, OdsChange$1 as OdsChange, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsCurrencyInput, OdsDataGrid, OdsDataGridLegacy, OdsDataGridMemoized, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsFileUpload, OdsFileUploadv2, OdsFilter, OdsFilterPlus, OdsFilterTagView, OdsImage, OdsInlineEditDataGrid, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsMergeCellDataGrid, OdsModal, OdsModalOld, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsProgress, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, _OdsRemoteDataGrid as OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsServerSideDatagrid, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimelineTable, OdsTimepicker, OdsTitle, OdsTransfer, OdsTransferV2, OdsTreeListMenu, OdsTreeSelect, defaultAppearanceSettings, odsGlobalStyles, useBodyClasses as useOdsBodyClasses, useStyles$4 as useOdsDataGridStyles };
 //# sourceMappingURL=index.modern.js.map