ods-component-lib 1.18.239 → 1.18.240

package/dist/index.js

@@ -56073,15 +56073,18 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
   var _useState4 = React.useState([]),
     exportableTasks = _useState4[0],
     setExportableTasks = _useState4[1];
-  var _useState5 = React.useState([]),
-    sortedColumns = _useState5[0],
-    setSortedColumns = _useState5[1];
-  var _useState6 = React.useState(customSelectedKeys),
-    selectedKeys = _useState6[0],
-    setSelectedKeys = _useState6[1];
-  var _useState7 = React.useState(toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$sear = toolbarSettings.search) === null || _toolbarSettings$sear === void 0 ? void 0 : _toolbarSettings$sear.searchValue),
-    searchValue = _useState7[0],
-    setSearchValue = _useState7[1];
+  var _useState5 = React.useState(customSelectedKeys),
+    selectedKeys = _useState5[0],
+    setSelectedKeys = _useState5[1];
+  var _useState6 = React.useState(toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$sear = toolbarSettings.search) === null || _toolbarSettings$sear === void 0 ? void 0 : _toolbarSettings$sear.searchValue),
+    searchValue = _useState6[0],
+    setSearchValue = _useState6[1];
+  var _useState7 = React.useState({
+      sortedColumns: [],
+      columnHeaderProps: null
+    }),
+    sortingChangeEventProps = _useState7[0],
+    setSortingChangeEventProps = _useState7[1];
   var originalSortingMode = sorting.mode === undefined || sorting.mode === "" ? "none" : sorting.mode;
   var sortingMode = sortingProcess == "ServerSideSorting" ? "none" : originalSortingMode;
   var showSortIndexes = sortingProcess == "ServerSideSorting" ? false : sorting.showSortIndexes;
@@ -56092,6 +56095,11 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
   React.useEffect(function () {
     updateExportableTasks();
   }, [timelineTasks]);
+  React.useEffect(function () {
+    if (sortingChangeEventProps.columnHeaderProps !== null) {
+      onSortingChanged && onSortingChanged(sortingChangeEventProps.sortedColumns, sortingChangeEventProps.columnHeaderProps);
+    }
+  }, [sortingChangeEventProps]);
   var actionButtons = React.useMemo(function () {
     if (actionColumnSettings.actionButtonGroup) {
       if (actionColumnSettings.actionButtonGroup.length > 3) {
@@ -56125,14 +56133,18 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
   };
   var customClearSorting = function customClearSorting() {
     if (sortingProcess === "ServerSideSorting") {
-      setSortedColumns([]);
+      setSortingChangeEventProps(function (prev) {
+        return _extends({}, prev, {
+          sortedColumns: []
+        });
+      });
     } else {
       refGantt.current.instance.clearSorting();
     }
     onSortingChanged && onSortingChanged([], undefined);
   };
   var getSortedColumns = function getSortedColumns() {
-    return sortedColumns;
+    return sortingChangeEventProps.sortedColumns;
   };
   var updateSelectionData = function updateSelectionData(keyValue, isSelected) {
     var newSelectedKeys = [];
@@ -56184,7 +56196,7 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
   };
   var getSortIcon = function getSortIcon(column) {
     var sortingFieldName = getSortingFieldName(column);
-    var sortedColumn = sortedColumns.find(function (item) {
+    var sortedColumn = sortingChangeEventProps.sortedColumns.find(function (item) {
       return item.sortingFieldName == sortingFieldName;
     });
     if (sortedColumn) {
@@ -56198,21 +56210,21 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
   };
   var onSorting = function onSorting(headerCellProps, sortingMode) {
     var sortingFieldName = getSortingFieldName(headerCellProps.column);
-    var sortedColumn = sortedColumns.find(function (item) {
+    var sortedColumn = sortingChangeEventProps.sortedColumns.find(function (item) {
       return item.sortingFieldName == sortingFieldName;
     });
     var prevSortIndex = sortedColumn === null || sortedColumn === void 0 ? void 0 : sortedColumn.sortIndex;
     var newSortedColumn = {
       sortingFieldName: sortingFieldName,
       sortType: "ASC",
-      sortIndex: sortingMode == 2 ? sortedColumn === undefined ? sortedColumns.length : sortedColumns.length - 1 : 0,
+      sortIndex: sortingMode == 2 ? sortedColumn === undefined ? sortingChangeEventProps.sortedColumns.length : sortingChangeEventProps.sortedColumns.length - 1 : 0,
       sortingText: sortingFieldName + " ASC"
     };
     if (sortedColumn) {
       newSortedColumn.sortType = sortedColumn.sortType == "ASC" ? "DESC" : "ASC";
       newSortedColumn.sortingText = sortingFieldName + " " + newSortedColumn.sortType;
     }
-    var newSortedColumns = sortingMode == 2 ? [].concat(sortedColumns.filter(function (item) {
+    var newSortedColumns = sortingMode == 2 ? [].concat(sortingChangeEventProps.sortedColumns.filter(function (item) {
       return item.sortingFieldName != sortingFieldName;
     }), [newSortedColumn]) : [newSortedColumn];
     if (sortingMode == 2 && sortedColumn !== undefined) {
@@ -56223,19 +56235,21 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
         return item;
       });
     }
-    setSortedColumns(newSortedColumns);
-    onSortingChanged && onSortingChanged(newSortedColumns, headerCellProps);
+    setSortingChangeEventProps({
+      sortedColumns: newSortedColumns,
+      columnHeaderProps: headerCellProps
+    });
   };
   var onRemoveSorting = function onRemoveSorting(headerCellProps) {
     var sortingFieldName = getSortingFieldName(headerCellProps.column);
-    var sortedColumn = sortedColumns.find(function (item) {
+    var sortedColumn = sortingChangeEventProps.sortedColumns.find(function (item) {
       return item.sortingFieldName == sortingFieldName;
     });
     if (sortedColumn === undefined) {
       return;
     }
     var prevSortIndex = sortedColumn.sortIndex;
-    var newSortedColumns = sortedColumns.filter(function (item) {
+    var newSortedColumns = sortingChangeEventProps.sortedColumns.filter(function (item) {
       return item.sortingFieldName != sortingFieldName;
     }).map(function (item) {
       if (item.sortIndex > prevSortIndex) {
@@ -56243,8 +56257,10 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
       }
       return item;
     });
-    setSortedColumns(newSortedColumns);
-    onSortingChanged && onSortingChanged(newSortedColumns, headerCellProps);
+    setSortingChangeEventProps({
+      sortedColumns: newSortedColumns,
+      columnHeaderProps: headerCellProps
+    });
   };
   var onTimelineDateRangeChange = function onTimelineDateRangeChange(e) {
     setStartDate(e.startDate);