@synerise/ds-table 1.6.3 → 1.6.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.6.4](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.6.3...@synerise/ds-table@1.6.4) (2025-10-01)
+
+
+### Bug Fixes
+
+* **table:** updated batch checkbox change logic ([666bb54](https://github.com/synerise/synerise-design/commit/666bb54ed31e6d8417fedc3a9281b81643fd8bbd))
+
+
+
+
+
 ## [1.6.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.6.2...@synerise/ds-table@1.6.3) (2025-09-30)
 
 **Note:** Version bump only for package @synerise/ds-table

package/README.md

@@ -91,16 +91,17 @@ This type of table requires a specific type of dataSource which has to contain a
 | groupType | Type of active grouping                          | `value` / `ranges` / `interval` / undefined | -       |
 
 #### RowSelection
+| Property                         | Description                                            | Type                                                            | Default |
+|----------------------------------|--------------------------------------------------------|-----------------------------------------------------------------|---------|
+| fixed                            | Whether to show selection column as fixed or not       | boolean                                                         | -       |
+| selectedRowKeys                  | Array of selected row keys                             | React.ReactText                                                 | []      |
+| selections                       | Selections options available in table title            | SelectionItem[]                                                 | -       |
+| onChange                         | Callback executed when selection changes               | (selectedRowKeys: React.ReactText[], selectedRows: T[]) => void | -       |
+| limit                            | Max length of selection rows array                     | number                                                          | -       |
+| independentSelectionExpandedRows | Allows to select parent and child rows independently   | boolean                                                         | -       |
+| checkRowSelectionStatus          | Validator function record selection status             | (record: T) => SelectionStatus                                  | -       |
+| globalSelection                  | Global selection config (for use with infinite loader) | { isSelected: boolean; onChange: (selected: boolean) => void; } | -       |
 
-| Property                         | Description                                          | Type                                                            | Default |
-| -------------------------------- | ---------------------------------------------------- | --------------------------------------------------------------- | ------- |
-| fixed                            | Whether to show selection column as fixed or not     | boolean                                                         | -       |
-| selectedRowKeys                  | Array of selected row keys                           | React.ReactText                                                 | []      |
-| selections                       | Selections options available in table title          | SelectionItem[]                                                 | -       |
-| onChange                         | Callback executed when selection changes             | (selectedRowKeys: React.ReactText[], selectedRows: T[]) => void | -       |
-| limit                            | Max length of selection rows array                   | number                                                          | -       |
-| independentSelectionExpandedRows | Allows to select parent and child rows independently | boolean                                                         | -       |
-| checkRowSelectionStatus          | Validator function record selection status           | (record: T) => SelectionStatus                                  | -       |
 
 #### SelectionStatus
 

package/dist/TableHeader/TableSelection.js

@@ -10,7 +10,7 @@ import { useBulkSelectionCount } from '../hooks/useBulkSelection';
 import { useRowKey } from '../hooks/useRowKey';
 import { isRecordSelectable } from '../utils';
 var TableSelection = function TableSelection(_ref) {
-  var _selection$globalSele5, _selection$globalSele7;
+  var _selection$globalSele7;
   var dataSource = _ref.dataSource,
     dataSourceFull = _ref.dataSourceFull,
     selection = _ref.selection,
@@ -162,15 +162,14 @@ var TableSelection = function TableSelection(_ref) {
   var isAllSelected = !disabledBulkSelection && selectableRecordsCount === selectableAndSelectedRecordsCount;
   var isAnySelected = allRecordsCount > 0 && selectedRecordsCount > 0;
   var selectionTooltipTitle = useMemo(function () {
-    var _selection$globalSele4;
-    if ((_selection$globalSele4 = selection.globalSelection) != null && _selection$globalSele4.isSelected) {
-      return locale == null ? void 0 : locale.unselectGlobalAll;
+    if (selection.globalSelection) {
+      return selection.globalSelection.isSelected ? locale == null ? void 0 : locale.unselectGlobalAll : locale == null ? void 0 : locale.selectGlobalAll;
     }
     return isAllSelected ? locale == null ? void 0 : locale.unselectAll : locale == null ? void 0 : locale.selectAllTooltip;
-  }, [isAllSelected, locale == null ? void 0 : locale.selectAllTooltip, locale == null ? void 0 : locale.unselectAll, locale == null ? void 0 : locale.unselectGlobalAll, (_selection$globalSele5 = selection.globalSelection) == null ? void 0 : _selection$globalSele5.isSelected]);
+  }, [isAllSelected, locale == null ? void 0 : locale.selectAllTooltip, locale == null ? void 0 : locale.selectGlobalAll, locale == null ? void 0 : locale.unselectAll, locale == null ? void 0 : locale.unselectGlobalAll, selection.globalSelection]);
   var menuDataSource = useMemo(function () {
-    var _selection$globalSele6, _selection$selections;
-    var isGlobalAllSelected = (_selection$globalSele6 = selection.globalSelection) == null ? void 0 : _selection$globalSele6.isSelected;
+    var _selection$globalSele4, _selection$selections;
+    var isGlobalAllSelected = (_selection$globalSele4 = selection.globalSelection) == null ? void 0 : _selection$globalSele4.isSelected;
     var globalSelectionItem = selection.globalSelection ? [isGlobalAllSelected ? {
       onClick: unselectGlobalAll,
       text: locale == null ? void 0 : locale.unselectGlobalAll
@@ -215,6 +214,15 @@ var TableSelection = function TableSelection(_ref) {
     });
     return [].concat(globalSelectionItem, menuItems || []);
   }, [selection.globalSelection, selection == null ? void 0 : selection.selections, unselectGlobalAll, locale == null ? void 0 : locale.unselectGlobalAll, locale == null ? void 0 : locale.selectGlobalAll, locale == null ? void 0 : locale.selectAll, locale == null ? void 0 : locale.unselectAll, locale == null ? void 0 : locale.selectInvert, selectGlobalAll, isAllSelected, hasSelectionLimit, isAnySelected, selectAll, unselectAll, selectInvert]);
+  var handleBatchSelectionChange = function handleBatchSelectionChange() {
+    var _selection$globalSele5, _selection$globalSele6;
+    var isSelected = (_selection$globalSele5 = (_selection$globalSele6 = selection.globalSelection) == null ? void 0 : _selection$globalSele6.isSelected) != null ? _selection$globalSele5 : isAllSelected;
+    if (selection.globalSelection) {
+      isSelected ? unselectGlobalAll() : selectGlobalAll();
+    } else {
+      isSelected ? unselectAll() : selectAll();
+    }
+  };
   return selection != null && selection.selectedRowKeys ? /*#__PURE__*/React.createElement(S.Selection, {
     "data-popup-container": true
   }, !hasSelectionLimit && /*#__PURE__*/React.createElement(Tooltip, {
@@ -223,16 +231,7 @@ var TableSelection = function TableSelection(_ref) {
     disabled: disabledBulkSelection,
     "data-testid": "ds-table-batch-selection-button",
     checked: ((_selection$globalSele7 = selection.globalSelection) == null ? void 0 : _selection$globalSele7.isSelected) || isAllSelected,
-    onChange: function onChange() {
-      var _selection$globalSele8;
-      if ((_selection$globalSele8 = selection.globalSelection) != null && _selection$globalSele8.isSelected) {
-        unselectGlobalAll();
-      } else if (!isAllSelected) {
-        selectAll();
-      } else {
-        unselectAll();
-      }
-    },
+    onChange: handleBatchSelectionChange,
     indeterminate: isIndeterminate
   })), (selection.selections || !!(menuDataSource != null && menuDataSource.length)) && /*#__PURE__*/React.createElement(Dropdown, {
     disabled: disabledBulkSelection || (menuDataSource == null ? void 0 : menuDataSource.length) === 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-table",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "description": "Table UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -75,5 +75,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "a89d4a4d780cd537376fbc58a58ed572fdad925b"
+  "gitHead": "2f453d3ec29744efda93cec90074ceb8fb7e038c"
 }