@synerise/ds-table 1.9.9 → 1.9.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +9 -10
  3. package/dist/VirtualTable/VirtualTable.styles.js +1 -1
  4. package/package.json +29 -29
package/CHANGELOG.md CHANGED
@@ -3,6 +3,16 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.9.11](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.9.10...@synerise/ds-table@1.9.11) (2026-03-20)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-table
9
+
10
+ ## [1.9.10](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.9.9...@synerise/ds-table@1.9.10) (2026-03-09)
11
+
12
+ ### Bug Fixes
13
+
14
+ - **table:** sticky scrollbar opacity on hover ([ae96fcf](https://github.com/synerise/synerise-design/commit/ae96fcf67c606e32615eb32cf36dd9a90e3d90ec))
15
+
6
16
  ## [1.9.9](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.9.8...@synerise/ds-table@1.9.9) (2026-02-26)
7
17
 
8
18
  ### Bug Fixes
package/README.md CHANGED
@@ -30,8 +30,8 @@ Table UI Component
30
30
  | expandIcon | Customize row expand Icon. Ref [example](http://react-component.github.io/table/examples/expandIcon.html) | (props) => React.ReactNode | - |
31
31
  | expandRowByClick | Whether to expand row by clicking anywhere in the whole row | boolean | `false` |
32
32
  | footer | Table footer renderer | (currentPageData) => React.ReactNode | |
33
- | indentSize | Indent size in pixels of tree data | number | 15 |
34
- | loading | Loading status of table | boolean / object | `false` |
33
+ | indentSize | Indent size in pixels of tree data | number | 15 (TreeTable forces 42) |
34
+ | loading | Loading status of table | boolean | `false` |
35
35
  | locale | i18n text including filter, sort, empty text, etc | object | filterConfirm: 'Ok' <br /> filterReset: 'Reset' <br /> emptyText: 'No Data' <br /> |
36
36
  | pagination | Config of pagination. You can ref table pagination [config](#pagination) or full [`pagination`](/components/pagination/) document, hide it by setting it to `false` | object | |
37
37
  | rowClassName | Row's className | (record, index: number) => string | - |
@@ -43,8 +43,7 @@ Table UI Component
43
43
  | hideTitleBar | Wheter to hide table title bar | boolean | - |
44
44
  | headerWithBorderTop | Wheter to add line above table title bar | boolean | - |
45
45
  | itemsMenu | Components or text visible when any of table itams are selected, usually used for bulk actions | string / React.ReactNode | - |
46
- | search | Search query | string | - |
47
- | cellSize | Defines padding size of each row in table | `small` / `medium` / `default` | `default` |
46
+ | cellSize | Defines padding size of each row in table | `small` / `medium` | - |
48
47
  | roundedHeader | Wheter to round table header | boolean | `false` |
49
48
  | selection | Config of rows selection | RowSelection | - |
50
49
  | filters | Array of filters cofings, earch of them will be rendered in table title bar | Filter[] | - |
@@ -59,9 +58,9 @@ Table UI Component
59
58
  | onRow | Set props on per row | (record, index) => object | - |
60
59
  | onSort | Callback executed when sorter is changed | (sortedColumn: {columnKey: string; order: `descend` \ `ascend` \ null}, sortState: [key: string]: { sortOrder: `descend` \ `ascend` \ null; multiple: number \ false;}) => void | - |
61
60
  | getPopupContainer | the render container of dropdowns in table | (triggerNode) => HTMLElement | `() => TableHtmlElement` |
62
- | renderSelectionTitle | Function to render a custom title in table header when some items are selected | ({selection: RowSelection, filters:Filter[] }) => React.ReactNode | - |
61
+ | renderSelectionTitle | Function to render a custom title in table header when some items are selected | (selection?: RowSelection, filters?: Filter[]) => React.ReactNode | - |
63
62
  | rowStar | Configuration of row starring | RowStar | - |
64
- | maxHeight | Defines the max height to which table skeleton (when loading) should be filled with rows. If undefined 10 skeleton rows will be rendered | number | - |
63
+ | skeletonProps | Customises the loading skeleton dimensions. `maxHeight` defines the max height to fill with skeleton rows; if undefined 10 rows are rendered | `{ maxHeight?: number; headerHeight?: number; subheaderHeight?: number; cellHeight?: number }` | - |
65
64
 
66
65
  ### VirtualTable
67
66
 
@@ -70,9 +69,9 @@ Table UI Component
70
69
  | columns | Columns of table | [ColumnProps](https://git.io/vMMXC)\[] | - |
71
70
  | scroll | Whether the table can be scrollable, config | {x?: number, y: number} | - |
72
71
  | onRowClick | Callback executed when row is clicked | (row) => void | - |
73
- | onListRefChange | Callback executed when a ref to the List (`react-window` package) component changes | (ref: RefObject) => void | - |
74
- | cellHeight | Defines height of single cell | number | - |
75
- | initialWidth | Initial width of table | number | - |
72
+ | onListRefChange | **Deprecated.** Callback executed when a ref to the List (`react-window` package) component changes | (ref: RefObject) => void | - |
73
+ | cellHeight | Defines height of single cell | number | `52` |
74
+ | initialWidth | Initial width of table (before ResizeObserver fires) | number | `0` |
76
75
 
77
76
  ### TreeTable
78
77
 
@@ -190,7 +189,7 @@ One of the Table `columns` prop for describing the table's columns, Column has t
190
189
  | filterIcon | Customized filter icon | React.ReactNode / (filtered: boolean) => React.ReactNode | `false` | |
191
190
  | filterMultiple | Whether multiple filters can be selected | boolean | `true` | |
192
191
  | filters | Filter menu config | object / [] | - | |
193
- | fixed | Set column to be fixed: `true`(same as left) `'left'` `'right'` | boolean / string | `false` | |
192
+ | fixed | Set column to be fixed: `'left'` `'right'`. Note: `true` is not accepted in DSColumnType (unlike antd) | `'left'` / `'right'` | - | |
194
193
  | itemsMenu | Component with menu for selected items | React.ReactNode | - | |
195
194
  | key | Unique key of this column, you can ignore this prop if you've set a unique `dataIndex` | string | - | |
196
195
  | maxWidth | Maximal width of this column | string / number | - | |
package/dist/VirtualTable/VirtualTable.styles.js CHANGED
@@ -56,5 +56,5 @@ export var VirtualTableWrapper = styled.div.withConfig({
56
56
  displayName: "VirtualTablestyles__VirtualTableWrapper",
57
57
  componentId: "sc-aehkhc-7"
58
58
  })(["", ""], function (props) {
59
- return props.isSticky ? css([".ant-table-title{position:sticky;top:", "px;z-index:99;}.ant-table-title,.ant-table-sticky-holder{transition:top 0.3s ease-in-out;}", ";"], props.titleBarTop - props.titleBarHeight, props.isHeaderVisible && css([".ant-table-title{top:", "px;}.ant-table-sticky-holder{top:", "px !important;}"], props.titleBarTop, props.titleBarTop + props.titleBarHeight)) : css(["position:relative;"]);
59
+ return props.isSticky ? css(["&:hover{.ps__rail-x.ps__rail-x{opacity:1;}}.ant-table-title{position:sticky;top:", "px;z-index:99;}.ant-table-title,.ant-table-sticky-holder{transition:top 0.3s ease-in-out;}", ";"], props.titleBarTop - props.titleBarHeight, props.isHeaderVisible && css([".ant-table-title{top:", "px;}.ant-table-sticky-holder{top:", "px !important;}"], props.titleBarTop, props.titleBarTop + props.titleBarHeight)) : css(["position:relative;"]);
60
60
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-table",
3
- "version": "1.9.9",
3
+ "version": "1.9.11",
4
4
  "description": "Table UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "synerise/synerise-design",
@@ -35,33 +35,33 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-alert": "^1.1.42",
39
- "@synerise/ds-badge": "^1.0.41",
40
- "@synerise/ds-button": "^1.5.15",
41
- "@synerise/ds-button-group": "^1.1.40",
42
- "@synerise/ds-checkbox": "^1.2.18",
43
- "@synerise/ds-copy-icon": "^1.1.7",
44
- "@synerise/ds-dropdown": "^1.2.7",
45
- "@synerise/ds-flag": "^1.0.7",
46
- "@synerise/ds-icon": "^1.14.1",
47
- "@synerise/ds-input": "^1.6.7",
48
- "@synerise/ds-input-number": "^1.2.32",
49
- "@synerise/ds-list-item": "^1.4.7",
50
- "@synerise/ds-loader": "^1.0.12",
51
- "@synerise/ds-menu": "^1.4.10",
52
- "@synerise/ds-modal": "^1.3.8",
53
- "@synerise/ds-pagination": "^1.0.50",
54
- "@synerise/ds-result": "^1.0.46",
55
- "@synerise/ds-scrollbar": "^1.2.14",
56
- "@synerise/ds-search": "^1.5.7",
57
- "@synerise/ds-select": "^1.3.17",
58
- "@synerise/ds-skeleton": "^1.0.42",
59
- "@synerise/ds-status": "^1.3.15",
60
- "@synerise/ds-tag": "^1.4.15",
61
- "@synerise/ds-tags": "^1.5.24",
62
- "@synerise/ds-tooltip": "^1.4.7",
63
- "@synerise/ds-typography": "^1.1.10",
64
- "@synerise/ds-utils": "^1.6.0",
38
+ "@synerise/ds-alert": "^1.1.44",
39
+ "@synerise/ds-badge": "^1.0.43",
40
+ "@synerise/ds-button": "^1.5.17",
41
+ "@synerise/ds-button-group": "^1.1.42",
42
+ "@synerise/ds-checkbox": "^1.2.20",
43
+ "@synerise/ds-copy-icon": "^1.2.1",
44
+ "@synerise/ds-dropdown": "^1.3.1",
45
+ "@synerise/ds-flag": "^1.0.8",
46
+ "@synerise/ds-icon": "^1.15.0",
47
+ "@synerise/ds-input": "^1.6.9",
48
+ "@synerise/ds-input-number": "^1.2.34",
49
+ "@synerise/ds-list-item": "^1.4.9",
50
+ "@synerise/ds-loader": "^1.0.13",
51
+ "@synerise/ds-menu": "^1.4.12",
52
+ "@synerise/ds-modal": "^1.4.0",
53
+ "@synerise/ds-pagination": "^1.0.52",
54
+ "@synerise/ds-result": "^1.0.48",
55
+ "@synerise/ds-scrollbar": "^1.2.16",
56
+ "@synerise/ds-search": "^1.5.9",
57
+ "@synerise/ds-select": "^1.3.19",
58
+ "@synerise/ds-skeleton": "^1.0.44",
59
+ "@synerise/ds-status": "^1.3.17",
60
+ "@synerise/ds-tag": "^1.4.17",
61
+ "@synerise/ds-tags": "^1.5.26",
62
+ "@synerise/ds-tooltip": "^1.4.9",
63
+ "@synerise/ds-typography": "^1.1.12",
64
+ "@synerise/ds-utils": "^1.7.0",
65
65
  "@types/react-window": "^1.8.8",
66
66
  "classnames": "^2.5.1",
67
67
  "lodash.compact": "^3.0.1",
@@ -94,5 +94,5 @@
94
94
  "react-intl": ">=3.12.0 <= 6.8",
95
95
  "styled-components": "^5.3.3"
96
96
  },
97
- "gitHead": "4ffbd56e9bf6277c4507efeaf000b66b9bb09781"
97
+ "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
98
98
  }