@synerise/ds-table-new 1.4.4 → 1.5.0

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.
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.5.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-table-new@1.4.5...@synerise/ds-table-new@1.5.0) (2026-06-22)
7
+
8
+ ### Features
9
+
10
+ - **table-new:** extend maxHeight prop to default table component ([c99b632](https://github.com/Synerise/synerise-design/commit/c99b632f9a1ba1b6e8c62822512c827eb238743c))
11
+
12
+ ## [1.4.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-table-new@1.4.4...@synerise/ds-table-new@1.4.5) (2026-06-17)
13
+
14
+ **Note:** Version bump only for package @synerise/ds-table-new
15
+
6
16
  ## [1.4.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-table-new@1.4.3...@synerise/ds-table-new@1.4.4) (2026-06-11)
7
17
 
8
18
  **Note:** Version bump only for package @synerise/ds-table-new
package/dist/Table.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { default as React } from 'react';
2
2
  import { TableProps } from './Table.types';
3
- export declare const Table: <TData extends object, TValue>({ data, columns, texts: defaultTexts, selectionConfig, isLoading, selectedRowKeys, pagination, matchesSearchQuery, filterData, onSearchQueryChange, searchProps, expandable, rowKey, onSort, tableRef, stickyHeader, ...props }: TableProps<TData, TValue>) => React.JSX.Element;
3
+ export declare const Table: <TData extends object, TValue>({ data, columns, texts: defaultTexts, selectionConfig, isLoading, selectedRowKeys, pagination, matchesSearchQuery, filterData, onSearchQueryChange, searchProps, expandable, rowKey, onSort, tableRef, stickyHeader, maxHeight, ...props }: TableProps<TData, TValue>) => React.JSX.Element;
package/dist/Table.js CHANGED
@@ -27,6 +27,7 @@ const Table = ({
27
27
  onSort,
28
28
  tableRef,
29
29
  stickyHeader,
30
+ maxHeight,
30
31
  ...props
31
32
  }) => {
32
33
  const texts = useDefaultTexts(defaultTexts);
@@ -80,7 +81,7 @@ const Table = ({
80
81
  stickyData,
81
82
  setStickyData
82
83
  } : null, [stickyData, stickyHeader]);
83
- return /* @__PURE__ */ jsx(TableContext.Provider, { value: tableContextValue, children: /* @__PURE__ */ jsx(StickyContext.Provider, { value: stickyValue, children: /* @__PURE__ */ jsx(SelectionContext.Provider, { value: selectionConfig, children: /* @__PURE__ */ jsx(BaseTable, { texts, isLoading: effectiveIsLoading, hasPagination, paginationProps, tableOuterRef: wrapperRef, selectedRowKeys, columnSizing, isColumnSizingReady, searchQuery, setSearchQuery, handleSearchClear, hasBuiltInSearch, searchProps, dataSourceTotalCount: totalDataCount, expandable, ...props }) }) }) });
84
+ return /* @__PURE__ */ jsx(TableContext.Provider, { value: tableContextValue, children: /* @__PURE__ */ jsx(StickyContext.Provider, { value: stickyValue, children: /* @__PURE__ */ jsx(SelectionContext.Provider, { value: selectionConfig, children: /* @__PURE__ */ jsx(BaseTable, { texts, isLoading: effectiveIsLoading, hasPagination, paginationProps, tableOuterRef: wrapperRef, selectedRowKeys, columnSizing, isColumnSizingReady, searchQuery, setSearchQuery, handleSearchClear, hasBuiltInSearch, searchProps, dataSourceTotalCount: totalDataCount, expandable, withBodyScroll: !!maxHeight, maxHeight, ...props }) }) }) });
84
85
  };
85
86
  export {
86
87
  Table
@@ -112,6 +112,8 @@ export type SharedTableProps<TData, TValue> = {
112
112
  columns: ColumnDef<TData, TValue>[];
113
113
  dataSourceTotalCount?: number;
114
114
  expandable?: Expandable<TData>;
115
+ /** max-height (px) for the built-in scroll container. Ignored when scrollElementRef is provided. Defaults to 800. */
116
+ maxHeight?: number;
115
117
  onRowClick?: (row: TData, event: MouseEvent<HTMLTableRowElement>) => void;
116
118
  /**
117
119
  * Returns arbitrary HTML attributes (style, className, data-*, event handlers, etc.)
@@ -353,8 +355,6 @@ export type VirtualTableRef = {
353
355
  highlightRow: (rowKey: string, options?: HighlightOptions) => void;
354
356
  };
355
357
  type VirtualProps = {
356
- /** max-height (px) for the built-in scroll container. Ignored when scrollElementRef is provided. Defaults to 800. */
357
- maxHeight?: number;
358
358
  tableRef?: RefObject<VirtualTableRef>;
359
359
  /**
360
360
  * uses body virtualisation
@@ -7,12 +7,13 @@ export declare const Avatar: import('styled-components').StyledComponent<"div",
7
7
  }, never>;
8
8
  export declare const Description: import('styled-components').StyledComponent<"div", any, {}, never>;
9
9
  export declare const AvatarLink: import('styled-components').StyledComponent<"a", any, {}, never>;
10
- export declare const Title: import('styled-components').StyledComponent<({ size, className, children, ellipsis, style, }: {
10
+ export declare const Title: import('styled-components').StyledComponent<({ size, className, children, ellipsis, style, strong, ...dataAttributes }: import('@synerise/ds-utils').DataAttributes & {
11
11
  size?: import('@synerise/ds-typography').TextSize;
12
12
  ellipsis?: import('@synerise/ds-typography/dist/Ellipsis').EllipsisProps;
13
13
  children?: import('react').ReactNode;
14
14
  className?: string;
15
15
  style?: import('react').CSSProperties;
16
+ strong?: boolean;
16
17
  }) => React.JSX.Element, any, {
17
18
  hasEllipsis?: boolean;
18
19
  maxWidth: number | undefined;
@@ -4,12 +4,13 @@ export declare const Header: import('styled-components').StyledComponent<"div",
4
4
  isVirtual?: boolean;
5
5
  }, never>;
6
6
  export declare const TitleContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
7
- export declare const TitlePartEllipsis: import('styled-components').StyledComponent<({ size, className, children, ellipsis, style, }: {
7
+ export declare const TitlePartEllipsis: import('styled-components').StyledComponent<({ size, className, children, ellipsis, style, strong, ...dataAttributes }: import('@synerise/ds-utils').DataAttributes & {
8
8
  size?: import('@synerise/ds-typography').TextSize;
9
9
  ellipsis?: import('@synerise/ds-typography/dist/Ellipsis').EllipsisProps;
10
10
  children?: import('react').ReactNode;
11
11
  className?: string;
12
12
  style?: import('react').CSSProperties;
13
+ strong?: boolean;
13
14
  }) => React.JSX.Element, any, {}, never>;
14
15
  export declare const TitlePart: import('styled-components').StyledComponent<"span", any, {}, never>;
15
16
  export declare const TitleSeparator: import('styled-components').StyledComponent<"span", any, {}, never>;
@@ -8,11 +8,11 @@ const TablePagination = ({
8
8
  const {
9
9
  table
10
10
  } = useTableContext();
11
- return /* @__PURE__ */ jsx(PaginationWrapper, { "data-testid": "ds-table-pagination", children: /* @__PURE__ */ jsx(Pagination, { hideOnSinglePage: true, pageSize: table.getState().pagination.pageSize, total: table.getRowCount(), onShowSizeChange: (_current, size) => {
11
+ return /* @__PURE__ */ jsx(PaginationWrapper, { "data-testid": "ds-table-pagination", children: /* @__PURE__ */ jsx(Pagination, { hideOnSinglePage: true, ...rest, total: table.getRowCount(), onShowSizeChange: (_current, size) => {
12
12
  table.setPageSize(size);
13
13
  }, onChange: (page) => {
14
14
  table.setPageIndex(page - 1);
15
- }, ...rest }) });
15
+ }, pageSize: table.getState().pagination.pageSize }) });
16
16
  };
17
17
  export {
18
18
  TablePagination
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-table-new",
3
- "version": "1.4.4",
3
+ "version": "1.5.0",
4
4
  "description": "TableNew UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -43,28 +43,28 @@
43
43
  "types": "dist/index.d.ts",
44
44
  "dependencies": {
45
45
  "@floating-ui/react": "^0.27.16",
46
- "@synerise/ds-badge": "^1.0.56",
47
- "@synerise/ds-button": "^1.5.32",
48
- "@synerise/ds-checkbox": "^1.2.33",
49
- "@synerise/ds-copy-icon": "^1.2.14",
50
- "@synerise/ds-dropdown": "^1.3.15",
46
+ "@synerise/ds-badge": "^1.0.57",
47
+ "@synerise/ds-button": "^1.5.33",
48
+ "@synerise/ds-checkbox": "^1.2.34",
49
+ "@synerise/ds-copy-icon": "^1.2.15",
50
+ "@synerise/ds-dropdown": "^1.3.16",
51
51
  "@synerise/ds-flag": "^1.0.12",
52
- "@synerise/ds-icon": "^1.18.3",
53
- "@synerise/ds-inline-alert": "^1.1.26",
54
- "@synerise/ds-input": "^1.7.10",
55
- "@synerise/ds-input-number": "^1.2.47",
52
+ "@synerise/ds-icon": "^1.18.4",
53
+ "@synerise/ds-inline-alert": "^1.1.27",
54
+ "@synerise/ds-input": "^1.7.11",
55
+ "@synerise/ds-input-number": "^1.2.48",
56
56
  "@synerise/ds-loader": "^1.0.17",
57
- "@synerise/ds-modal": "^1.6.0",
58
- "@synerise/ds-pagination": "^1.0.67",
59
- "@synerise/ds-result": "^1.0.63",
60
- "@synerise/ds-scrollbar": "^1.5.0",
61
- "@synerise/ds-search": "^1.5.28",
62
- "@synerise/ds-skeleton": "^1.0.57",
63
- "@synerise/ds-tag": "^1.4.30",
64
- "@synerise/ds-tags": "^1.5.44",
65
- "@synerise/ds-tooltip": "^1.5.2",
66
- "@synerise/ds-typography": "^1.1.25",
67
- "@synerise/ds-utils": "^1.10.0",
57
+ "@synerise/ds-modal": "^1.6.1",
58
+ "@synerise/ds-pagination": "^1.0.68",
59
+ "@synerise/ds-result": "^1.0.64",
60
+ "@synerise/ds-scrollbar": "^1.5.1",
61
+ "@synerise/ds-search": "^1.5.29",
62
+ "@synerise/ds-skeleton": "^1.0.58",
63
+ "@synerise/ds-tag": "^1.4.31",
64
+ "@synerise/ds-tags": "^1.5.45",
65
+ "@synerise/ds-tooltip": "^1.5.3",
66
+ "@synerise/ds-typography": "^1.1.26",
67
+ "@synerise/ds-utils": "^1.10.1",
68
68
  "@tanstack/react-table": "^8.21.3",
69
69
  "@tanstack/react-virtual": "^3.13.12",
70
70
  "unit-to-px": "^1.0.5",
@@ -80,5 +80,5 @@
80
80
  "react-intl": ">= 3.12.0 <= 6.8",
81
81
  "styled-components": "^5.3.3"
82
82
  },
83
- "gitHead": "fe3379f50afdce6d8c61a2222ebbf03324107c95"
83
+ "gitHead": "d71e1daf33593c1e9d8959942a6caa5d8db981fc"
84
84
  }