@synerise/ds-table 1.5.8 → 1.5.10

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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

package/dist/ColumnSortMenu/SortIcons.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type ColumnSortOrder } from './useSortState';
+import { type ColumnSortOrder } from '../Table.types';
 export declare const CheckIcon: React.ForwardRefExoticComponent<{
     isActive: boolean;
 } & {

package/dist/ColumnSortMenu/SortRenderer.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { type DSColumnType, type OnSortFn } from '../Table.types';
-import { type SortStateAPI } from './useSortState';
+import { type DSColumnType, type OnSortFn, type SortStateAPI } from '../Table.types';
 type SortRendererProps<T> = {
     sortStateApi: SortStateAPI;
     column: DSColumnType<T>;

package/dist/ColumnSortMenu/TitleWithSort.d.ts

@@ -1,14 +1,4 @@
-import { type ColumnTitleProps } from 'antd/lib/table/interface';
 import React from 'react';
-import { type DSColumnType } from '../Table.types';
-import { type SortStateAPI } from './useSortState';
-export type SortButtonsRenderer<T> = (sortStateApi: SortStateAPI, column: DSColumnType<T>) => React.ReactElement;
-export type SortRender<T> = 'default' | 'string' | SortButtonsRenderer<T>;
-export interface TitleWithSortOwnProps<T> {
-    column: DSColumnType<T>;
-    sortRender: React.ReactElement;
-    titleProps: ColumnTitleProps<T>;
-}
-export type TitleWithSortProps<T> = TitleWithSortOwnProps<T> & React.ComponentPropsWithoutRef<'span'>;
+import { type TitleWithSortProps } from '../Table.types';
 export declare const TitleWithSort: <T>({ column, sortRender, titleProps, ...spanProps }: TitleWithSortProps<T>) => React.ReactElement;
 export default TitleWithSort;

package/dist/ColumnSortMenu/columnWithSortButtons.d.ts

@@ -1,5 +1,5 @@
-import { type DSColumnType, type OnSortFn } from '../Table.types';
-import { type SortStateAPI } from './useSortState';
+import { type DSColumnType, type OnSortFn, type SortStateAPI } from '../Table.types';
+import './useSortState';
 export declare const columnWithSortButtons: (sortStateApi: SortStateAPI, onSort?: OnSortFn) => <T>(column: DSColumnType<T>) => DSColumnType<T>;
 declare const _default: {
     columnWithSortButtons: (sortStateApi: SortStateAPI, onSort?: OnSortFn) => <T>(column: DSColumnType<T>) => DSColumnType<T>;

package/dist/ColumnSortMenu/columnWithSortButtons.js

@@ -2,6 +2,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import React from 'react';
 import { CommonRenderer, StringRenderer } from './SortRenderer';
 import { TitleWithSort } from './TitleWithSort';
+import './useSortState';
 var getSortRenderer = function getSortRenderer(sortRender, onSort) {
   if (sortRender === void 0) {
     sortRender = 'default';

package/dist/ColumnSortMenu/groupedColumnsSort.d.ts

@@ -1,7 +1,6 @@
 import { type CompareFn } from 'antd/lib/table/interface';
 import { type GroupType } from '../GroupTable/GroupTable.types';
-import { type DSColumnType } from '../Table.types';
-import { type ColumnSortOrder, type SortStateAPI } from './useSortState';
+import { type ColumnSortOrder, type DSColumnType, type SortStateAPI } from '../Table.types';
 export declare const getColumnsWithActiveSorting: <T extends GroupType<T>>(sortStateApi: SortStateAPI, columns?: DSColumnType<T>[]) => DSColumnType<T>[];
 export declare const sortRows: <T>(sortOrder: ColumnSortOrder, compareFn: CompareFn<T>, rows: T[]) => T[];
 export declare const sortDataSourceRows: <T extends GroupType<T>>(sortStateApi: SortStateAPI, sortingColumns?: DSColumnType<T>[], dataSource?: readonly T[]) => readonly T[];

package/dist/ColumnSortMenu/useSortState.d.ts

@@ -1,17 +1,4 @@
-import { type DSColumnType, type OnSortFn } from '../Table.types';
-export type ColumnSortOrder = 'descend' | 'ascend' | null;
-export interface ColumnsSortState {
-    [key: string]: {
-        sortOrder: ColumnSortOrder;
-        multiple: number | false;
-    };
-}
-export interface SortStateAPI {
-    columnsSortState: ColumnsSortState;
-    getColumnSortOrder: (key: string) => ColumnSortOrder;
-    setColumnSortOrder: (key: string, sort: ColumnSortOrder) => void;
-    updateColumnsData: (columns: ColumnsSortState) => void;
-}
+import { type ColumnSortOrder, type ColumnsSortState, type DSColumnType, type OnSortFn, type SortStateAPI } from '../Table.types';
 export declare const toSortOrder: (value: string | null | undefined) => ColumnSortOrder;
 export declare const columnsToSortState: <T>(columns?: DSColumnType<T>[]) => ColumnsSortState;
 export declare const useSortState: (initialState: ColumnsSortState | undefined, onSort: OnSortFn | undefined) => SortStateAPI;

package/dist/Table.js

@@ -2,8 +2,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import React, { useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import Button from '@synerise/ds-button';
+import { useDataFormat } from '@synerise/ds-core';
 import '@synerise/ds-core/dist/js/style';
-import { useDataFormat } from '@synerise/ds-data-format';
 import Icon, { AngleLeftS, AngleRightS } from '@synerise/ds-icon';
 import Skeleton from '@synerise/ds-skeleton';
 import DefaultTable from './DefaultTable/DefaultTable';

package/dist/Table.types.d.ts

@@ -1,19 +1,24 @@
 import type { ColumnType, TableProps } from 'antd/lib/table';
-import type { TableLocale, TableRowSelection } from 'antd/lib/table/interface';
+import type { ColumnTitleProps, TableLocale, TableRowSelection } from 'antd/lib/table/interface';
+import type { SELECTION_ALL, SELECTION_INVERT } from 'constants/Table.constants';
 import type { Key, ReactNode, Ref } from 'react';
 import type { LiteralStringUnion } from '@synerise/ds-utils';
-import type { SortRender } from './ColumnSortMenu/TitleWithSort';
-import type { ColumnSortOrder, ColumnsSortState } from './ColumnSortMenu/useSortState';
 import type { GroupType } from './GroupTable/GroupTable.types';
-import type DSTable from './Table';
-import type { RowStar } from './hooks/useRowStar';
+export type RowStar<T> = {
+    className?: string;
+    starredRowKeys: string[];
+    renderCell?: ColumnType<T>['render'];
+    onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onChange?: (starredRowKeys: string[], starredKey: string, isStarred: boolean) => void;
+    disableForExpandedRows?: boolean;
+};
 export type AntTableProps<T> = Omit<TableProps<T>, 'title' | 'subTitle' | 'onSearch' | 'itemsMenu' | 'search' | 'locale' | 'columns' | 'loading'>;
 export type Selection = {
     key: string;
     label: string;
     onClick: () => void;
 };
-export type SelectionItem = typeof DSTable.SELECTION_ALL | typeof DSTable.SELECTION_INVERT | Selection | null | undefined;
+export type SelectionItem = typeof SELECTION_ALL | typeof SELECTION_INVERT | Selection | null | undefined;
 export type RowSelection<T> = Omit<TableRowSelection<T>, 'selections'> & {
     fixed?: boolean;
     selectedRowKeys: Key[];
@@ -154,4 +159,25 @@ export type DSTableProps<T extends any & GroupType<T>> = AntTableProps<T> & {
         cellHeight?: number;
     };
 };
+export type ColumnSortOrder = 'descend' | 'ascend' | null;
+export interface ColumnsSortState {
+    [key: string]: {
+        sortOrder: ColumnSortOrder;
+        multiple: number | false;
+    };
+}
+export interface SortStateAPI {
+    columnsSortState: ColumnsSortState;
+    getColumnSortOrder: (key: string) => ColumnSortOrder;
+    setColumnSortOrder: (key: string, sort: ColumnSortOrder) => void;
+    updateColumnsData: (columns: ColumnsSortState) => void;
+}
+export type SortButtonsRenderer<T> = (sortStateApi: SortStateAPI, column: DSColumnType<T>) => React.ReactElement;
+export type SortRender<T> = 'default' | 'string' | SortButtonsRenderer<T>;
+export interface TitleWithSortOwnProps<T> {
+    column: DSColumnType<T>;
+    sortRender: React.ReactElement;
+    titleProps: ColumnTitleProps<T>;
+}
+export type TitleWithSortProps<T> = TitleWithSortOwnProps<T> & React.ComponentPropsWithoutRef<'span'>;
 export {};

package/dist/TableHeader/TableHeader.js

@@ -1,6 +1,6 @@
 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); }
 import React, { useMemo } from 'react';
-import { useDataFormat } from '@synerise/ds-data-format';
+import { useDataFormat } from '@synerise/ds-core';
 import FilterTrigger from '../FilterTrigger/FilterTrigger';
 import * as S from '../Table.styles';
 import { TableLimit } from './TableLimit';

package/dist/TableHeader/TableLimit/TableLimit.js

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import Alert from '@synerise/ds-alert';
-import { useDataFormat } from '@synerise/ds-data-format';
+import { useDataFormat } from '@synerise/ds-core';
 import { Skeleton } from '../../Table.styles';
 import * as S from './TableLimit.styles';
 export function TableLimit(_ref) {

package/dist/VirtualTable/VirtualTableRow.d.ts

@@ -1,7 +1,6 @@
 import React, { type CSSProperties, type ReactElement } from 'react';
 import type { InfiniteScrollProps } from '../InfiniteScroll/InfiniteLoaderItem.types';
-import type { DSTableProps, RowSelection } from '../Table.types';
-import { type RowStar } from '../hooks/useRowStar';
+import { type DSTableProps, type RowSelection, type RowStar } from '../Table.types';
 export declare const INFINITE_LOADED_ITEM_HEIGHT = 64;
 export interface VirtualTableRowProps<T> {
     data: {

package/dist/constants/TableSkeleton.constants.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SkeletonAvatar } from '@synerise/ds-skeleton';
-import { AvatarLabelCell } from '../Cell';
+import AvatarLabelCell from '../Cell/AvatarLabel/AvatarLabel';
 import * as S from '../Table.styles';
 export var DEFAULT_ROW_COUNT = 10;
 export var HEADER_HEIGHT = 73;

package/dist/hooks/useRowStar/useRowStar.types.d.ts

@@ -1,14 +1,5 @@
-import { type ColumnType } from 'antd/lib/table';
 import type React from 'react';
 import { type DSColumnType, type DSTableProps } from '../../Table.types';
-export interface RowStar<T> {
-    className?: string;
-    starredRowKeys: string[];
-    renderCell?: ColumnType<T>['render'];
-    onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    onChange?: (starredRowKeys: string[], starredKey: string, isStarred: boolean) => void;
-    disableForExpandedRows?: boolean;
-}
 export type AnyRecordType = any;
 export interface UseStarredApi {
     getStarredKeys: () => string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-table",
-  "version": "1.5.8",
+  "version": "1.5.10",
   "description": "Table UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -26,6 +26,7 @@
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
     "types": "tsc --noEmit",
+    "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
     "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
   },
   "sideEffects": [
@@ -34,31 +35,30 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^1.1.15",
-    "@synerise/ds-badge": "^1.0.20",
-    "@synerise/ds-button": "^1.4.9",
-    "@synerise/ds-button-group": "^1.1.13",
-    "@synerise/ds-checkbox": "^1.1.6",
-    "@synerise/ds-column-manager": "^1.2.12",
-    "@synerise/ds-data-format": "^1.1.1",
-    "@synerise/ds-dropdown": "^1.0.21",
-    "@synerise/ds-flag": "^1.0.3",
-    "@synerise/ds-icon": "^1.7.1",
-    "@synerise/ds-input": "^1.3.8",
-    "@synerise/ds-loader": "^1.0.8",
-    "@synerise/ds-menu": "^1.0.21",
-    "@synerise/ds-modal": "^1.2.9",
-    "@synerise/ds-pagination": "^1.0.23",
-    "@synerise/ds-result": "^1.0.22",
-    "@synerise/ds-scrollbar": "^1.1.7",
-    "@synerise/ds-search": "^1.3.0",
-    "@synerise/ds-select": "^1.1.16",
-    "@synerise/ds-skeleton": "^1.0.20",
-    "@synerise/ds-status": "^1.2.13",
-    "@synerise/ds-tag": "^1.1.17",
-    "@synerise/ds-tooltip": "^1.1.17",
-    "@synerise/ds-typography": "^1.0.19",
-    "@synerise/ds-utils": "^1.4.1",
+    "@synerise/ds-alert": "^1.1.17",
+    "@synerise/ds-badge": "^1.0.21",
+    "@synerise/ds-button": "^1.4.10",
+    "@synerise/ds-button-group": "^1.1.14",
+    "@synerise/ds-checkbox": "^1.1.7",
+    "@synerise/ds-column-manager": "^1.2.13",
+    "@synerise/ds-dropdown": "^1.0.22",
+    "@synerise/ds-flag": "^1.0.4",
+    "@synerise/ds-icon": "^1.7.2",
+    "@synerise/ds-input": "^1.3.9",
+    "@synerise/ds-loader": "^1.0.9",
+    "@synerise/ds-menu": "^1.0.22",
+    "@synerise/ds-modal": "^1.2.10",
+    "@synerise/ds-pagination": "^1.0.24",
+    "@synerise/ds-result": "^1.0.23",
+    "@synerise/ds-scrollbar": "^1.1.8",
+    "@synerise/ds-search": "^1.3.1",
+    "@synerise/ds-select": "^1.1.17",
+    "@synerise/ds-skeleton": "^1.0.21",
+    "@synerise/ds-status": "^1.2.14",
+    "@synerise/ds-tag": "^1.1.18",
+    "@synerise/ds-tooltip": "^1.1.18",
+    "@synerise/ds-typography": "^1.0.20",
+    "@synerise/ds-utils": "^1.4.2",
     "@types/react-window": "^1.8.8",
     "classnames": "^2.5.1",
     "copy-to-clipboard": "^3.3.1",
@@ -77,5 +77,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "7f119fa17e645f1d800aea95c313fe22f348439c"
+  "gitHead": "5beb6ab5f2d77b9e98e04caab7dff20b8436078b"
 }