@synerise/ds-table 1.6.3 → 1.6.5

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.6.5](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.6.4...@synerise/ds-table@1.6.5) (2025-10-03)
+
+
+### Bug Fixes
+
+* **table:** add new cell with input number ([6a0e2a1](https://github.com/synerise/synerise-design/commit/6a0e2a1ee4a4454f28d845687548063502fe07ca))
+* **table:** tags in table cell layout ([a072a1b](https://github.com/synerise/synerise-design/commit/a072a1ba596043c31fa9eb92bf00a5b044e94898))
+
+
+
+
+
+## [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
@@ -58,171 +81,89 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 **Note:** Version bump only for package @synerise/ds-table
 
-
-
-
-
 ## [1.5.10](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.5.9...@synerise/ds-table@1.5.10) (2025-09-16)
 
 **Note:** Version bump only for package @synerise/ds-table
 
-
-
-
-
 ## [1.5.9](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.5.8...@synerise/ds-table@1.5.9) (2025-09-05)
 
 **Note:** Version bump only for package @synerise/ds-table
 
-
-
-
-
 ## [1.5.8](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.5.7...@synerise/ds-table@1.5.8) (2025-09-05)
 
 **Note:** Version bump only for package @synerise/ds-table
 
-
-
-
-
 ## [1.5.7](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.5.6...@synerise/ds-table@1.5.7) (2025-09-02)
 
 **Note:** Version bump only for package @synerise/ds-table
 
-
-
-
-
 ## [1.5.6](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.5.5...@synerise/ds-table@1.5.6) (2025-08-28)
 
-
 ### Bug Fixes
 
-* **table:** batch selection tooltip fixed ([cdc5b80](https://github.com/synerise/synerise-design/commit/cdc5b80d5a9af3dd87aef6c4f8fbc02be7d2ae9c))
-
-
-
-
+- **table:** batch selection tooltip fixed ([cdc5b80](https://github.com/synerise/synerise-design/commit/cdc5b80d5a9af3dd87aef6c4f8fbc02be7d2ae9c))
 
 ## [1.5.5](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.5.4...@synerise/ds-table@1.5.5) (2025-08-21)
 
-
 ### Bug Fixes
 
-* **table:** row selection checked state ([d379390](https://github.com/synerise/synerise-design/commit/d3793909ab9e080918e34f41532ef73370b24380))
-
-
-
-
+- **table:** row selection checked state ([d379390](https://github.com/synerise/synerise-design/commit/d3793909ab9e080918e34f41532ef73370b24380))
 
 ## [1.5.4](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.5.3...@synerise/ds-table@1.5.4) (2025-08-20)
 
 **Note:** Version bump only for package @synerise/ds-table
 
-
-
-
-
 ## [1.5.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.5.2...@synerise/ds-table@1.5.3) (2025-08-14)
 
 **Note:** Version bump only for package @synerise/ds-table
 
-
-
-
-
 ## [1.5.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.5.1...@synerise/ds-table@1.5.2) (2025-07-25)
 
-
 ### Bug Fixes
 
-* **table:** fix condition ([9e69596](https://github.com/synerise/synerise-design/commit/9e695967427610cff7d214a7c981559a67700d72))
-
-
-
-
+- **table:** fix condition ([9e69596](https://github.com/synerise/synerise-design/commit/9e695967427610cff7d214a7c981559a67700d72))
 
 ## [1.5.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.5.0...@synerise/ds-table@1.5.1) (2025-07-24)
 
 **Note:** Version bump only for package @synerise/ds-table
 
-
-
-
-
 # [1.5.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.4.3...@synerise/ds-table@1.5.0) (2025-07-24)
 
-
 ### Features
 
-* **table:** global selection ([358b8e2](https://github.com/synerise/synerise-design/commit/358b8e2ac1af14fe3e36b34cc1a35615801bae44))
-
-
-
-
+- **table:** global selection ([358b8e2](https://github.com/synerise/synerise-design/commit/358b8e2ac1af14fe3e36b34cc1a35615801bae44))
 
 ## [1.4.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.4.2...@synerise/ds-table@1.4.3) (2025-07-17)
 
 **Note:** Version bump only for package @synerise/ds-table
 
-
-
-
-
 ## [1.4.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.4.1...@synerise/ds-table@1.4.2) (2025-07-15)
 
 **Note:** Version bump only for package @synerise/ds-table
 
-
-
-
-
 ## [1.4.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.4.0...@synerise/ds-table@1.4.1) (2025-07-08)
 
 **Note:** Version bump only for package @synerise/ds-table
 
-
-
-
-
 # [1.4.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.3.2...@synerise/ds-table@1.4.0) (2025-07-04)
 
-
 ### Features
 
-* **table:** adds stopPropagation to handleCopy ([42680aa](https://github.com/synerise/synerise-design/commit/42680aa5b4c90845587f2a53e0f79aa3714c9fb1))
-
-
-
-
+- **table:** adds stopPropagation to handleCopy ([42680aa](https://github.com/synerise/synerise-design/commit/42680aa5b4c90845587f2a53e0f79aa3714c9fb1))
 
 ## [1.3.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.3.1...@synerise/ds-table@1.3.2) (2025-07-01)
 
 **Note:** Version bump only for package @synerise/ds-table
 
-
-
-
-
 ## [1.3.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.3.0...@synerise/ds-table@1.3.1) (2025-06-26)
 
 **Note:** Version bump only for package @synerise/ds-table
 
-
-
-
-
 # [1.3.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.2.2...@synerise/ds-table@1.3.0) (2025-06-24)
 
-
 ### Features
 
-* **table:** disabled prop for 3 cell types ([0c52c2c](https://github.com/synerise/synerise-design/commit/0c52c2c74eb7b91bb0cca0be18c9da916f5902bb))
-
-
-
-
+- **table:** disabled prop for 3 cell types ([0c52c2c](https://github.com/synerise/synerise-design/commit/0c52c2c74eb7b91bb0cca0be18c9da916f5902bb))
 
 ## [1.2.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.2.1...@synerise/ds-table@1.2.2) (2025-06-12)
 

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/Cell/InputNumber/InputNumberCell.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type InputNumberCellProps } from './InputNumberCell.types';
+declare const InputNumberCell: ({ inputNumberProps, disabled, ...htmlAttributes }: InputNumberCellProps) => React.JSX.Element;
+export default InputNumberCell;

package/dist/Cell/InputNumber/InputNumberCell.js

@@ -0,0 +1,18 @@
+var _excluded = ["inputNumberProps", "disabled"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React from 'react';
+import InputNumber from '@synerise/ds-input-number';
+import * as S from './InputNumberCell.styles';
+var InputNumberCell = function InputNumberCell(_ref) {
+  var inputNumberProps = _ref.inputNumberProps,
+    disabled = _ref.disabled,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(S.InputNumberCell, _extends({}, htmlAttributes, {
+    isDisabled: disabled
+  }), /*#__PURE__*/React.createElement(InputNumber, _extends({
+    raw: true,
+    disabled: disabled
+  }, inputNumberProps)));
+};
+export default InputNumberCell;

package/dist/Cell/InputNumber/InputNumberCell.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const InputNumberCell: import("styled-components").StyledComponent<"div", any, {
+    isDisabled?: boolean;
+}, never>;

package/dist/Cell/InputNumber/InputNumberCell.styles.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+export var InputNumberCell = styled.div.withConfig({
+  displayName: "InputNumberCellstyles__InputNumberCell",
+  componentId: "sc-iguxfm-0"
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;", " max-width:100%;min-width:80px;"], function (props) {
+  return props.isDisabled && "\n    opacity: 0.4;\n    pointer-events: none;\n    ";
+});

package/dist/Cell/InputNumber/InputNumberCell.types.d.ts

@@ -0,0 +1,6 @@
+import { type InputNumberProps } from '@synerise/ds-input-number';
+import { type WithHTMLAttributes } from '@synerise/ds-utils';
+export type InputNumberCellProps = WithHTMLAttributes<HTMLDivElement, {
+    inputNumberProps?: InputNumberProps;
+    disabled?: boolean;
+}>;

package/dist/Cell/InputNumber/InputNumberCell.types.js

@@ -0,0 +1 @@
+export {};

package/dist/Cell/TagsGroup/TagsGroup.styles.js

@@ -1,9 +1,9 @@
 import styled from 'styled-components';
-import { SelectedTags, TagsWrapper } from '@synerise/ds-tags/dist/Tags.styles';
+import { Container, SelectedTags } from '@synerise/ds-tags/dist/Tags.styles';
 import { AddTagButton } from '@synerise/ds-tags/dist/components/AddTags/AddTags.styles';
 export var TagsGroupWrapper = styled.div.withConfig({
   displayName: "TagsGroupstyles__TagsGroupWrapper",
   componentId: "sc-a6dl1s-0"
-})(["", "{margin-bottom:0;}", "{flex-flow:nowrap;}", ""], TagsWrapper, SelectedTags, function (props) {
-  return props.isDisabled ? "\n        opacity: 0.4;\n        pointer-events: none;\n    " : "\n        " + AddTagButton + AddTagButton + AddTagButton + " svg {\n            transition: none;\n        }\n        " + AddTagButton + " {\n            visibility: hidden;\n        }\n        tr:hover &, \n        .virtual-table-row:hover & {\n            " + AddTagButton + " {\n                visibility: visible;\n            }\n        }\n    ";
+})(["", "{margin-bottom:0;}", "{flex-flow:nowrap;}", ""], Container, SelectedTags, function (props) {
+  return props.isDisabled ? "\n        opacity: 0.4;\n        pointer-events: none;\n    " : "\n        " + AddTagButton + AddTagButton + AddTagButton + " svg {\n            transition: none;\n        }\n        " + AddTagButton + ":not(:focus) {\n            visibility: hidden;\n        }\n        tr:hover &, \n        .virtual-table-row:hover & {\n            " + AddTagButton + " {\n                visibility: visible;\n            }\n        }\n    ";
 });

package/dist/Cell/index.d.ts

@@ -5,9 +5,10 @@ import EditableCell from './Editable/EditableCell';
 import FlagLabelCell from './FlagLabel/FlagLabelCell';
 import IconLabelCell from './IconLabel/IconLabel';
 import IconTooltipCell from './IconTooltipCell/IconTooltipCell';
+import InputNumberCell from './InputNumber/InputNumberCell';
 import LabelsWithShowMore from './LabelsWithShowMore/LabelsWithShowMore';
 import StarCell from './Star/StarCell';
 import StatusLabelCell from './StatusLabel/StatusLabel';
 import TagIconCell from './TagIcon/TagIcon';
 import { TagsGroupCell } from './TagsGroup/TagsGroup';
-export { IconLabelCell, IconTooltipCell, StatusLabelCell, AvatarLabelCell, TagIconCell, EditableCell, CopyableCell, ActionCell, FlagLabelCell, StarCell, LabelsWithShowMore, TagsGroupCell, };
+export { IconLabelCell, IconTooltipCell, InputNumberCell, StatusLabelCell, AvatarLabelCell, TagIconCell, EditableCell, CopyableCell, ActionCell, FlagLabelCell, StarCell, LabelsWithShowMore, TagsGroupCell, };

package/dist/Cell/index.js

@@ -5,9 +5,10 @@ import EditableCell from './Editable/EditableCell';
 import FlagLabelCell from './FlagLabel/FlagLabelCell';
 import IconLabelCell from './IconLabel/IconLabel';
 import IconTooltipCell from './IconTooltipCell/IconTooltipCell';
+import InputNumberCell from './InputNumber/InputNumberCell';
 import LabelsWithShowMore from './LabelsWithShowMore/LabelsWithShowMore';
 import StarCell from './Star/StarCell';
 import StatusLabelCell from './StatusLabel/StatusLabel';
 import TagIconCell from './TagIcon/TagIcon';
 import { TagsGroupCell } from './TagsGroup/TagsGroup';
-export { IconLabelCell, IconTooltipCell, StatusLabelCell, AvatarLabelCell, TagIconCell, EditableCell, CopyableCell, ActionCell, FlagLabelCell, StarCell, LabelsWithShowMore, TagsGroupCell };
+export { IconLabelCell, IconTooltipCell, InputNumberCell, StatusLabelCell, AvatarLabelCell, TagIconCell, EditableCell, CopyableCell, ActionCell, FlagLabelCell, StarCell, LabelsWithShowMore, TagsGroupCell };

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.5",
   "description": "Table UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -40,10 +40,11 @@
     "@synerise/ds-button": "^1.4.12",
     "@synerise/ds-button-group": "^1.1.19",
     "@synerise/ds-checkbox": "^1.1.9",
-    "@synerise/ds-dropdown": "^1.0.28",
+    "@synerise/ds-dropdown": "^1.0.29",
     "@synerise/ds-flag": "^1.0.5",
     "@synerise/ds-icon": "^1.7.2",
-    "@synerise/ds-input": "^1.3.12",
+    "@synerise/ds-input": "^1.3.13",
+    "@synerise/ds-input-number": "^1.2.12",
     "@synerise/ds-loader": "^1.0.10",
     "@synerise/ds-menu": "^1.0.26",
     "@synerise/ds-modal": "^1.2.12",
@@ -53,7 +54,7 @@
     "@synerise/ds-skeleton": "^1.0.23",
     "@synerise/ds-status": "^1.2.16",
     "@synerise/ds-tag": "^1.3.0",
-    "@synerise/ds-tags": "^1.4.3",
+    "@synerise/ds-tags": "^1.4.4",
     "@synerise/ds-tooltip": "^1.2.0",
     "@synerise/ds-typography": "^1.0.21",
     "@synerise/ds-utils": "^1.4.2",
@@ -75,5 +76,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "a89d4a4d780cd537376fbc58a58ed572fdad925b"
+  "gitHead": "1f909e1fc4174f1c05c148338e64652a893ef926"
 }