@synerise/ds-table 1.4.3 → 1.5.0

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.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))
+
+
+
+
+
 ## [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

package/dist/Cell/AvatarLabel/AvatarLabel.styles.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const AvatarLabel: import("styled-components").StyledComponent<"div", any, {
-    onClick?: (() => void) | undefined;
+    onClick?: () => void;
 }, never>;
 export declare const Avatar: import("styled-components").StyledComponent<"div", any, {
     clickable: boolean;
@@ -8,14 +7,14 @@ export declare const Avatar: import("styled-components").StyledComponent<"div",
 export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const AvatarLink: import("styled-components").StyledComponent<"a", any, {}, never>;
 export declare const Title: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
-    size?: import("@synerise/ds-typography").TextSize | undefined;
-    ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps | undefined;
+    size?: import("@synerise/ds-typography").TextSize;
+    ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
     children?: import("react").ReactNode;
-    className?: string | undefined;
-}) => import("react").JSX.Element, any, {
-    hasEllipsis?: boolean | undefined;
+    className?: string;
+}) => React.JSX.Element, any, {
+    hasEllipsis?: boolean;
     maxWidth: number | undefined;
-    avatarSize?: string | undefined;
+    avatarSize?: string | "large";
 }, never>;
 export declare const Labels: import("styled-components").StyledComponent<"span", any, {
     ellipsis: boolean;

package/dist/Cell/IconLabel/IconLabel.styles.d.ts

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

package/dist/Cell/IconTooltipCell/IconTooltipCell.styles.d.ts

@@ -1,4 +1,4 @@
 export declare const IconTooltipCell: import("styled-components").StyledComponent<"span", any, {
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
 }, never>;
 export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.types.d.ts

@@ -10,7 +10,7 @@ export type ShowMoreTexts = {
 export type LabelsWithShowMoreProps<T extends object> = WithHTMLAttributes<HTMLDivElement, {
     items: T[];
     numberOfVisibleItems: number;
-    labelKey: string;
+    labelKey: keyof T;
     renderItem: (label: string, item: T) => JSX.Element | Component;
     texts: ShowMoreTexts;
     loading?: boolean;

package/dist/Cell/LabelsWithShowMore/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type DataSourceType, type ModalProps } from './Modal.types';
-declare const DetailsModal: React.FC<ModalProps<DataSourceType>>;
+declare const DetailsModal: ({ visible, hide, items, texts, renderItem, labelKey, loading, }: ModalProps<DataSourceType>) => React.JSX.Element;
 export default DetailsModal;

package/dist/Cell/LabelsWithShowMore/Modal/Modal.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo, useState } from 'react';
 import Modal from '@synerise/ds-modal';
 import SearchInput from '@synerise/ds-search/dist/Elements/SearchInput/SearchInput';
 import VirtualTable from '../../../VirtualTable/VirtualTable';
@@ -10,17 +10,17 @@ var DetailsModal = function DetailsModal(_ref) {
     renderItem = _ref.renderItem,
     labelKey = _ref.labelKey,
     loading = _ref.loading;
-  var _React$useState = React.useState(''),
-    searchQuery = _React$useState[0],
-    setSearchQuery = _React$useState[1];
-  var columns = React.useMemo(function () {
+  var _useState = useState(''),
+    searchQuery = _useState[0],
+    setSearchQuery = _useState[1];
+  var columns = useMemo(function () {
     return [{
       dataIndex: labelKey,
       key: labelKey,
       render: renderItem
     }];
   }, [renderItem, labelKey]);
-  var filteredItems = React.useMemo(function () {
+  var filteredItems = useMemo(function () {
     return searchQuery !== '' ? items.filter(function (item) {
       return item[labelKey].toLowerCase().includes(searchQuery.toLowerCase());
     }) : items;

package/dist/Cell/LabelsWithShowMore/Modal/Modal.types.d.ts

@@ -1,6 +1,7 @@
 import type React from 'react';
+import { type ObjectStringKeys } from '@synerise/ds-utils';
 import { type ShowMoreTexts } from '../LabelsWithShowMore.types';
-export type DataSourceType = object & {
+export type DataSourceType = Record<string, any> & {
     key: React.ReactText;
 };
 export type ModalProps<T extends DataSourceType> = {
@@ -8,7 +9,7 @@ export type ModalProps<T extends DataSourceType> = {
     items: T[];
     hide: () => void;
     renderItem: (label: string, item: T) => JSX.Element | React.Component;
-    labelKey: string;
+    labelKey: ObjectStringKeys<T>;
     texts: ShowMoreTexts;
     loading?: boolean;
 };

package/dist/Cell/Star/StarCell.d.ts

@@ -1,114 +1,73 @@
 import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<{
     [x: `data-${string}`]: string;
-    slot?: string | undefined;
+    slot?: string | undefined | undefined;
     style?: React.CSSProperties | undefined;
-    title?: string | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
+    title?: string | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    className?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
     role?: React.AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    exportparts?: string | undefined;
-    part?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
+    tabIndex?: number | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined;
+    "aria-flowto"?: string | undefined | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "tree" | "true" | "false" | "grid" | "listbox" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
     "aria-modal"?: (boolean | "true" | "false") | undefined;
     "aria-multiline"?: (boolean | "true" | "false") | undefined;
     "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
     "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
     children: React.ReactNode | React.ReactNode[];
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
-    } | undefined;
+    } | undefined | undefined;
     onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
     onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -267,6 +226,47 @@ declare const _default: React.ForwardRefExoticComponent<{
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
     active?: boolean | undefined;
     starTooltip?: React.ReactNode;
 } & {

package/dist/Cell/Star/StarCell.js

@@ -1,7 +1,8 @@
-var _excluded = ["children", "active", "onClick", "theme", "starTooltip"];
+var _excluded = ["children", "active", "onClick", "starTooltip"];
 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, { useMemo } from 'react';
 import { withTheme } from 'styled-components';
+import { useTheme } from '@synerise/ds-core';
 import Icon, { StarFillM, StarM } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
 import * as S from './StarCell.styles';
@@ -9,9 +10,9 @@ var StarCell = function StarCell(_ref) {
   var children = _ref.children,
     active = _ref.active,
     onClick = _ref.onClick,
-    theme = _ref.theme,
     starTooltip = _ref.starTooltip,
     htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var theme = useTheme();
   var icon = useMemo(function () {
     return active ? /*#__PURE__*/React.createElement(Icon, {
       component: /*#__PURE__*/React.createElement(StarFillM, null),

package/dist/Cell/Star/StarCell.styles.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { type IconProps } from '@synerise/ds-icon';
 export declare const StarCell: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StarredIcon: import("styled-components").StyledComponent<({ name, component, className, ...rest }: IconProps) => import("react").JSX.Element, any, import("@synerise/ds-icon").BaseIconProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, keyof import("@synerise/ds-icon").BaseIconProps> & import("@synerise/ds-utils").DataAttributes & {
-    active?: boolean | undefined;
-    onClick?: (() => void) | undefined;
+export declare const StarredIcon: import("styled-components").StyledComponent<({ name, component, className, ...rest }: IconProps) => React.JSX.Element, any, import("@synerise/ds-icon").BaseIconProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, keyof import("@synerise/ds-icon").BaseIconProps> & import("@synerise/ds-utils").DataAttributes & {
+    active?: boolean;
+    onClick?: () => void;
 }, never>;

package/dist/Cell/Star/StarCell.types.d.ts

@@ -4,7 +4,8 @@ export type StarCellProps = WithHTMLAttributes<HTMLDivElement, {
     children: ReactNode | ReactNode[];
     active?: boolean;
     onClick?: () => void;
-    theme: {
+    /** @deprecated theme will be read from Theme Provider */
+    theme?: {
         [key: string]: string;
     };
     starTooltip?: ReactNode;

package/dist/Cell/TagIcon/TagIcon.styles.d.ts

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

package/dist/ColumnSortMenu/columnWithSortButtons.d.ts

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

package/dist/ColumnSortMenu/groupedColumnsSort.d.ts

@@ -2,6 +2,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';
-export declare const getColumnsWithActiveSorting: <T extends GroupType<T>>(sortStateApi: SortStateAPI, columns?: DSColumnType<T>[] | undefined) => DSColumnType<T>[];
+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>[] | undefined, dataSource?: readonly T[] | undefined) => readonly T[];
+export declare const sortDataSourceRows: <T extends GroupType<T>>(sortStateApi: SortStateAPI, sortingColumns?: DSColumnType<T>[], dataSource?: readonly T[]) => readonly T[];

package/dist/DefaultTable/DefaultTable.js

@@ -115,6 +115,7 @@ function DefaultTable(props) {
     return [];
   }, [childrenColumnName, dataSource, getRowKey, selection]);
   var renderRowSelection = useCallback(function (key, record) {
+    var _selection$globalSele;
     var _ref4 = selection,
       selectedRowKeys = _ref4.selectedRowKeys,
       limit = _ref4.limit,
@@ -129,6 +130,7 @@ function DefaultTable(props) {
       independentSelectionExpandedRows: independentSelectionExpandedRows,
       onChange: onChange,
       selectedRecords: selectedRecords,
+      isGlobalAllSelected: selection == null || (_selection$globalSele = selection.globalSelection) == null ? void 0 : _selection$globalSele.isSelected,
       tableLocale: locale,
       checkRowSelectionStatus: checkRowSelectionStatus,
       childrenColumnName: childrenColumnName

package/dist/FilterTrigger/FilterTrigger.styles.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import Button from '@synerise/ds-button';
-export declare const FilterButtonGroup: import("styled-components").StyledComponent<({ className, children, title, description, size, fullWidth, buttonsPosition, disabled, splitMode, compact, error, }: import("@synerise/ds-button-group").ButtonGroupProps) => import("react").JSX.Element, any, {}, never>;
+export declare const FilterButtonGroup: import("styled-components").StyledComponent<({ className, children, title, description, size, fullWidth, buttonsPosition, disabled, splitMode, compact, error, }: import("@synerise/ds-button-group").ButtonGroupProps) => React.JSX.Element, any, {}, never>;
 export declare const FilterButtonLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const FilterButton: import("styled-components").StyledComponent<typeof Button, any, {
     opened: boolean;
-    selected?: object | undefined;
+    selected?: object;
 }, never>;
 export declare const ClearButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
 export declare const ListButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;

package/dist/GroupTable/GroupTable.styles.d.ts

@@ -10,7 +10,7 @@ export declare const GroupValue: import("styled-components").StyledComponent<"di
 }, never>;
 export declare const GroupValueLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const SubRow: import("styled-components").StyledComponent<"td", any, {
-    selected?: boolean | undefined;
-    withBorderLeft?: boolean | undefined;
-    sorted?: boolean | undefined;
+    selected?: boolean;
+    withBorderLeft?: boolean;
+    sorted?: boolean;
 }, never>;

package/dist/GroupTable/GroupTableBody/GroupTableBody.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './GroupTableBody.types';
 declare function GroupTableBody<T>({ group, columns, rowKey, selection, allItems, expanded, expandGroup, addItem, activeGroup, hideGroupExpander, }: Props<T>): JSX.Element;
 export default GroupTableBody;

package/dist/GroupTable/GroupTableHeader/GroupTableHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Props } from './GroupTableHeader.types';
 declare function GroupTableHeader<T>({ header, activeColumnKey, sortColumn, }: Props<T>): JSX.Element;
 export default GroupTableHeader;

package/dist/InfiniteScroll/BackToTopButton.styles.d.ts

@@ -1,10 +1,10 @@
 import Button from '@synerise/ds-button';
 export declare const OffsetButton: import("styled-components").StyledComponent<typeof Button, any, {
-    isSticky?: boolean | undefined;
+    isSticky?: boolean;
 }, never>;
 declare const _default: {
     OffsetButton: import("styled-components").StyledComponent<typeof Button, any, {
-        isSticky?: boolean | undefined;
+        isSticky?: boolean;
     }, never>;
 };
 export default _default;

package/dist/InfiniteScroll/InfiniteLoaderItem.styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const Loader: import("styled-components").StyledComponent<({ size, label, labelPosition, color, percent, percentFormatter, text, fontSize, mode, className, }: import("@synerise/ds-loader/dist/Loader.types").LoaderProps) => import("react").JSX.Element, any, {}, never>;
+export declare const Loader: import("styled-components").StyledComponent<({ size, label, labelPosition, color, percent, percentFormatter, text, fontSize, mode, className, }: import("@synerise/ds-loader/dist/Loader.types").LoaderProps) => React.JSX.Element, any, {}, never>;

package/dist/InfiniteScroll/utils.d.ts

@@ -1,17 +1,6 @@
-/// <reference types="react" />
 import { type InfiniteScrollProps, type InfiniteScrollState } from './InfiniteLoaderItem.types';
 export declare const infiniteScrollPropsToState: ({ hasError, hasMore, isLoading, }: InfiniteScrollProps & InfiniteScrollState) => InfiniteScrollState;
 declare const _default: {
-    infiniteScrollPropsToState: ({ hasError, hasMore, isLoading, }: InfiniteScrollState & {
-        maxScroll?: number | undefined;
-        showBackToTopButton?: boolean | undefined;
-        nextPage?: InfiniteScrollState | undefined;
-        prevPage?: InfiniteScrollState | undefined;
-        render?: ((state: InfiniteScrollState) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
-        onRetryButtonClick?: ((position: import("./InfiniteLoaderItem.types").LoaderItemPosition | undefined) => void) | undefined;
-        onScrollEndReach?: (() => void) | undefined;
-        onScrollTopReach?: (() => void) | undefined;
-        onBackToTop?: (() => void) | undefined;
-    }) => InfiniteScrollState;
+    infiniteScrollPropsToState: ({ hasError, hasMore, isLoading, }: InfiniteScrollProps & InfiniteScrollState) => InfiniteScrollState;
 };
 export default _default;

package/dist/RowSelection/RowSelectionColumn.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type RowType } from '../Table.types';
 import { type RowSelectionProps } from './RowSelectionColumn.types';
-export declare function RowSelectionColumn<T extends object & RowType<T>>({ rowKey, record, limit, independentSelectionExpandedRows, selectedRowKeys, selectedRecords, tableLocale, onChange, checkRowSelectionStatus, childrenColumnName, }: RowSelectionProps<T>): React.JSX.Element | null;
+export declare function RowSelectionColumn<T extends object & RowType<T>>({ rowKey, record, limit, independentSelectionExpandedRows, isGlobalAllSelected, selectedRowKeys, selectedRecords, tableLocale, onChange, checkRowSelectionStatus, childrenColumnName, }: RowSelectionProps<T>): React.JSX.Element | null;

package/dist/RowSelection/RowSelectionColumn.js

@@ -8,6 +8,7 @@ export function RowSelectionColumn(_ref) {
     record = _ref.record,
     limit = _ref.limit,
     independentSelectionExpandedRows = _ref.independentSelectionExpandedRows,
+    isGlobalAllSelected = _ref.isGlobalAllSelected,
     selectedRowKeys = _ref.selectedRowKeys,
     selectedRecords = _ref.selectedRecords,
     tableLocale = _ref.tableLocale,
@@ -80,20 +81,21 @@ export function RowSelectionColumn(_ref) {
   var _getRecordSelectionSt = getRecordSelectionStatus(checkRowSelectionStatus, record),
     unavailable = _getRecordSelectionSt.unavailable,
     disabled = _getRecordSelectionSt.disabled;
+  var disabledProp = isGlobalAllSelected || !isChecked && Boolean(limit !== undefined && limit <= selectedRowKeys.length) || disabled;
   return recordKey !== undefined && !unavailable ? /*#__PURE__*/React.createElement(Tooltip, {
     title: tableLocale == null ? void 0 : tableLocale.selectRowTooltip,
     mouseLeaveDelay: 0
   }, /*#__PURE__*/React.createElement(Button.Checkbox, {
     key: "checkbox-" + recordKey,
     "data-testid": "ds-table-selection-button",
-    checked: isChecked,
-    disabled: !isChecked && Boolean(limit !== undefined && limit <= selectedRowKeys.length) || disabled,
+    checked: isChecked || isGlobalAllSelected,
+    disabled: disabledProp,
     indeterminate: isIndeterminate,
     onClick: function onClick(event) {
       event.stopPropagation();
     },
     onChange: function onChange(isCheckedNext) {
-      return handleSelectionChange(isCheckedNext, record);
+      return !isGlobalAllSelected && handleSelectionChange(isCheckedNext, record);
     }
   })) : null;
 }

package/dist/RowSelection/RowSelectionColumn.types.d.ts

@@ -4,6 +4,7 @@ import { type DSTableProps, type RowSelection } from '../Table.types';
 export type RowSelectionProps<T> = {
     rowKey: TableProps<T>['rowKey'];
     independentSelectionExpandedRows?: boolean;
+    isGlobalAllSelected?: boolean;
     selectedRowKeys: Key[];
     selectedRecords: T[];
     limit?: number;
@@ -11,5 +12,5 @@ export type RowSelectionProps<T> = {
     tableLocale: DSTableProps<T>['locale'];
     onChange: RowSelection<T>['onChange'];
     checkRowSelectionStatus?: RowSelection<T>['checkRowSelectionStatus'];
-    childrenColumnName: string;
+    childrenColumnName: keyof T;
 };

package/dist/Table.js

@@ -41,7 +41,8 @@ var DSTable = function DSTable(props) {
     expandable = props.expandable,
     columns = props.columns,
     skeletonProps = props.skeletonProps,
-    isCounterLoading = props.isCounterLoading;
+    isCounterLoading = props.isCounterLoading,
+    renderCustomCounter = props.renderCustomCounter;
   var tableLocale = useTableLocale(intl, locale);
   var _useDataFormat = useDataFormat(),
     formatValue = _useDataFormat.formatValue;
@@ -72,12 +73,13 @@ var DSTable = function DSTable(props) {
       headerButton: headerButton,
       rowKey: rowKey,
       locale: tableLocale,
+      renderCustomCounter: renderCustomCounter,
       renderSelectionTitle: renderSelectionTitle,
       hideTitlePart: hideTitlePart,
       childrenColumnName: getChildrenColumnName(expandable == null ? void 0 : expandable.childrenColumnName),
       isLoading: loading
     }) : /*#__PURE__*/React.createElement(React.Fragment, null);
-  }, [selection, grouped, dataSource, dataSourceTotalCount, dataSourceFull, hideTitleBar, headerWithBorderTop, title, filters, itemsMenu, searchComponent, filterComponent, headerButton, rowKey, tableLocale, renderSelectionTitle, hideTitlePart, expandable == null ? void 0 : expandable.childrenColumnName, loading, isCounterLoading]);
+  }, [selection, grouped, dataSource, dataSourceTotalCount, dataSourceFull, hideTitleBar, headerWithBorderTop, title, filters, itemsMenu, searchComponent, filterComponent, headerButton, rowKey, tableLocale, renderCustomCounter, renderSelectionTitle, hideTitlePart, expandable == null ? void 0 : expandable.childrenColumnName, loading, isCounterLoading]);
   var footerPagination = useMemo(function () {
     return _extends({
       showTotal: function showTotal(total, range) {