@synerise/ds-table 1.4.3 → 1.5.0

package/dist/Table.styles.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
 import Menu from '@synerise/ds-menu';
 export declare const Header: import("styled-components").StyledComponent<"div", any, {
-    withBorderTop?: boolean | undefined;
+    withBorderTop?: boolean;
 }, never>;
 export declare const Size: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TitlePartEllipsis: 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, {}, never>;
+    className?: string;
+}) => React.JSX.Element, any, {}, never>;
 export declare const TitlePart: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const TitleSeparator: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Left: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -18,23 +17,23 @@ export declare const Right: import("styled-components").StyledComponent<"div", a
 export declare const RightSideWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Icon: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Input: import("styled-components").StyledComponent<"div", any, {
-    isOpen?: boolean | undefined;
+    isOpen?: boolean;
 }, never>;
 export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {
-    isOpen?: boolean | undefined;
+    isOpen?: boolean;
     searchValue: string | undefined;
 }, never>;
 export declare const Selection: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SelectionMenu: import("styled-components").StyledComponent<typeof Menu, any, {}, never>;
 export declare const Spinner: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TableWrapper: import("styled-components").StyledComponent<"div", any, {
-    hideColumnNames?: boolean | undefined;
-    disableColumnNamesLineBreak?: boolean | undefined;
+    hideColumnNames?: boolean;
+    disableColumnNamesLineBreak?: boolean;
 }, never>;
-export declare const Skeleton: import("styled-components").StyledComponent<({ size, numberOfSkeletons, width, height, className, }: import("@synerise/ds-skeleton").SkeletonProps) => import("react").JSX.Element, any, {
-    skeletonWidth?: string | undefined;
+export declare const Skeleton: import("styled-components").StyledComponent<({ size, numberOfSkeletons, width, height, className, }: import("@synerise/ds-skeleton").SkeletonProps) => React.JSX.Element, any, {
+    skeletonWidth?: string;
 }, never>;
 export declare const TableSkeletonCell: import("styled-components").StyledComponent<"div", any, {
-    height?: number | undefined;
-    width?: string | undefined;
+    height?: number;
+    width?: string;
 }, never>;

package/dist/Table.styles.js

@@ -19,7 +19,7 @@ export var Size = styled.div.withConfig({
 export var TitleContainer = styled.div.withConfig({
   displayName: "Tablestyles__TitleContainer",
   componentId: "sc-dacfhr-2"
-})(["display:flex;max-width:100%;min-width:0;", ";color:", ";padding:0 24px 0 0;strong{font-weight:500;}"], macro.small, function (props) {
+})(["display:flex;max-width:100%;min-width:0;align-items:center;", ";color:", ";padding:0 24px 0 0;strong{font-weight:500;}"], macro.small, function (props) {
   return props.theme.palette['grey-700'];
 });
 export var TitlePartEllipsis = styled(Text).withConfig({

package/dist/Table.types.d.ts

@@ -18,6 +18,17 @@ export type RowSelection<T> = Omit<TableRowSelection<T>, 'selections'> & {
     fixed?: boolean;
     selectedRowKeys: Key[];
     selections?: SelectionItem[];
+    /**
+     * @param globalSelection
+     * @description for paginated tables or tables with infinite loader - allows setting all items (even ones not loaded yet) as selected.
+     * This will NOT provide ketys of selected rows (as those are unknown), only a boolean flag that can be used for batch actions on the entire set
+     * Adding this prop will render additional items in the selection dropdown, in the table header.
+     * Labels for this prop should be provided via `locale` prop
+     */
+    globalSelection?: {
+        isSelected: boolean;
+        onChange: (selected: boolean) => void;
+    };
     onChange: (selectedRowKeys: Key[], selectedRows: T[]) => void;
     limit?: number;
     independentSelectionExpandedRows?: boolean;
@@ -58,6 +69,7 @@ export type Locale = TableLocale & {
     };
     selectRowTooltip?: string;
     selectVisible?: string;
+    selectGlobalAll?: string;
     selectAllTooltip?: string;
     starRowTooltip?: string;
     selectionOptionsTooltip?: string;
@@ -72,6 +84,7 @@ export type Locale = TableLocale & {
     infiniteScrollLoading?: string;
     infiniteScrollBackToTop?: string;
     unselectAll?: string;
+    unselectGlobalAll?: string;
 };
 export type DSColumnType<T> = Omit<ColumnType<T>, 'fixed'> & {
     fixed?: 'left' | 'right';
@@ -98,6 +111,11 @@ export type SingleColumnSort = {
     order: ColumnSortOrder;
 };
 export type OnSortFn = (singleColumnSort: SingleColumnSort, sortState: ColumnsSortState) => void;
+export type CustomCounterArgs = {
+    count: number;
+    content: ReactNode;
+};
+export type CustomCounterFn = (props: CustomCounterArgs) => ReactNode;
 export type DSTableProps<T extends any & GroupType<T>> = AntTableProps<T> & {
     title?: ReactNode | (() => ReactNode);
     hideTitleBar?: boolean;
@@ -128,6 +146,7 @@ export type DSTableProps<T extends any & GroupType<T>> = AntTableProps<T> & {
     dataSourceFull?: T[];
     dataSourceTotalCount?: number;
     isCounterLoading?: boolean;
+    renderCustomCounter?: CustomCounterFn;
     skeletonProps?: {
         maxHeight?: number;
         headerHeight?: number;

package/dist/TableHeader/TableHeader.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type Props } from './TableHeader.types';
-declare const TableHeader: <T extends object>({ title, filters, searchComponent, filterComponent, selectedRows, itemsMenu, selection, dataSource, dataSourceFull, dataSourceTotalCount, isCounterLoading, rowKey, withBorderTop, headerButton, locale, renderSelectionTitle, hideTitlePart, childrenColumnName, isLoading, }: Props<T>) => React.JSX.Element;
+declare const TableHeader: <T extends object>({ title, filters, searchComponent, filterComponent, selectedRows, itemsMenu, selection, dataSource, dataSourceFull, dataSourceTotalCount, isCounterLoading, rowKey, withBorderTop, headerButton, locale, renderSelectionTitle, renderCustomCounter, hideTitlePart, childrenColumnName, isLoading, }: Props<T>) => React.JSX.Element;
 export default TableHeader;

package/dist/TableHeader/TableHeader.js

@@ -6,6 +6,7 @@ import * as S from '../Table.styles';
 import { TableLimit } from './TableLimit';
 import TableSelection from './TableSelection';
 var TableHeader = function TableHeader(_ref) {
+  var _selection$globalSele2;
   var title = _ref.title,
     filters = _ref.filters,
     searchComponent = _ref.searchComponent,
@@ -23,13 +24,19 @@ var TableHeader = function TableHeader(_ref) {
     headerButton = _ref.headerButton,
     locale = _ref.locale,
     renderSelectionTitle = _ref.renderSelectionTitle,
+    renderCustomCounter = _ref.renderCustomCounter,
     hideTitlePart = _ref.hideTitlePart,
     childrenColumnName = _ref.childrenColumnName,
     isLoading = _ref.isLoading;
   var _useDataFormat = useDataFormat(),
     formatValue = _useDataFormat.formatValue;
+  var hasSelectedItems = useMemo(function () {
+    var _selection$globalSele;
+    return selectedRows && selectedRows > 0 || (selection == null || (_selection$globalSele = selection.globalSelection) == null ? void 0 : _selection$globalSele.isSelected);
+  }, [selectedRows, selection == null || (_selection$globalSele2 = selection.globalSelection) == null ? void 0 : _selection$globalSele2.isSelected]);
   var renderLeftSide = useMemo(function () {
     var _locale$pagination;
+    var tableTotal = dataSourceTotalCount || dataSource.length;
     var _ref2 = selection || {},
       hideSelectAll = _ref2.hideSelectAll;
     if (selection && selection.limit) {
@@ -44,16 +51,19 @@ var TableHeader = function TableHeader(_ref) {
         hasSelectionLimit: true,
         childrenColumnName: childrenColumnName
       }), /*#__PURE__*/React.createElement(TableLimit, {
-        total: dataSourceTotalCount || dataSource.length,
+        total: tableTotal,
         selection: _extends({}, selection, {
           limit: selection.limit
         }),
         itemsMenu: itemsMenu,
         locale: locale,
+        renderCustomCounter: renderCustomCounter,
         isCounterLoading: isCounterLoading
       }));
     }
-    return selectedRows && selectedRows > 0 ? /*#__PURE__*/React.createElement(S.Left, {
+    var selectedItemsCount = selectedRows || tableTotal;
+    var counterContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("strong", null, formatValue(tableTotal)), /*#__PURE__*/React.createElement("span", null, locale == null || (_locale$pagination = locale.pagination) == null ? void 0 : _locale$pagination.items));
+    return hasSelectedItems ? /*#__PURE__*/React.createElement(S.Left, {
       "data-testid": "ds-table-selection"
     }, selection && !hideSelectAll && /*#__PURE__*/React.createElement(TableSelection, {
       rowKey: rowKey,
@@ -62,7 +72,11 @@ var TableHeader = function TableHeader(_ref) {
       selection: selection,
       locale: locale,
       childrenColumnName: childrenColumnName
-    }), renderSelectionTitle ? /*#__PURE__*/React.createElement(React.Fragment, null, renderSelectionTitle(selection, filters)) : /*#__PURE__*/React.createElement(S.TitleContainer, null, /*#__PURE__*/React.createElement(S.TitlePart, null, /*#__PURE__*/React.createElement("strong", null, formatValue(selectedRows)), ' ', /*#__PURE__*/React.createElement("span", null, locale.selected))), itemsMenu) : /*#__PURE__*/React.createElement(S.Left, {
+    }), renderSelectionTitle ? /*#__PURE__*/React.createElement(React.Fragment, null, renderSelectionTitle(selection, filters)) : /*#__PURE__*/React.createElement(S.TitleContainer, null, isCounterLoading ? /*#__PURE__*/React.createElement(S.Skeleton, {
+      numberOfSkeletons: 1,
+      size: "S",
+      skeletonWidth: "100px"
+    }) : /*#__PURE__*/React.createElement(S.TitlePart, null, /*#__PURE__*/React.createElement("strong", null, formatValue(selectedItemsCount)), ' ', /*#__PURE__*/React.createElement("span", null, locale.selected))), itemsMenu) : /*#__PURE__*/React.createElement(S.Left, {
       "data-testid": "ds-table-title"
     }, selection && !isLoading && !hideSelectAll && /*#__PURE__*/React.createElement(TableSelection, {
       rowKey: rowKey,
@@ -92,8 +106,11 @@ var TableHeader = function TableHeader(_ref) {
       numberOfSkeletons: 1,
       size: "S",
       skeletonWidth: "100px"
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("strong", null, formatValue(dataSourceTotalCount || dataSource.length)), /*#__PURE__*/React.createElement("span", null, locale == null || (_locale$pagination = locale.pagination) == null ? void 0 : _locale$pagination.items)))));
-  }, [selection, dataSourceTotalCount, dataSource, itemsMenu, locale, selectedRows, rowKey, dataSourceFull, isCounterLoading, childrenColumnName, renderSelectionTitle, filters, formatValue, title, hideTitlePart, isLoading]);
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null, renderCustomCounter ? renderCustomCounter({
+      count: tableTotal,
+      content: counterContent
+    }) : counterContent))));
+  }, [selection, selectedRows, dataSourceTotalCount, dataSource, hasSelectedItems, rowKey, dataSourceFull, locale, childrenColumnName, renderSelectionTitle, filters, isCounterLoading, renderCustomCounter, formatValue, itemsMenu, isLoading, title, hideTitlePart]);
   return /*#__PURE__*/React.createElement(S.Header, {
     withBorderTop: withBorderTop
   }, renderLeftSide, /*#__PURE__*/React.createElement(S.Right, null, headerButton, filters == null ? void 0 : filters.map(function (filter) {

package/dist/TableHeader/TableHeader.types.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type Filter, type Locale, type RowSelection } from '../Table.types';
+import { type CustomCounterFn, type Filter, type Locale, type RowSelection } from '../Table.types';
 export type Props<T extends object> = {
     title?: ReactNode | (() => ReactNode);
     filters?: Filter[];
@@ -17,7 +17,8 @@ export type Props<T extends object> = {
     locale: Locale;
     renderSelectionTitle?: (selection?: RowSelection<T>, filters?: Filter[]) => ReactNode;
     hideTitlePart?: boolean;
+    renderCustomCounter?: CustomCounterFn;
     dataSourceTotalCount?: number;
-    childrenColumnName: string;
+    childrenColumnName: keyof T;
     isLoading?: boolean;
 };

package/dist/TableHeader/TableLimit/TableLimit.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { type TableLimitProps } from './TableLimit.types';
 export declare function TableLimit<T extends {
     children?: T[];
-}>({ total, locale, itemsMenu, selection, isCounterLoading, }: TableLimitProps<T>): React.JSX.Element;
+}>({ total, locale, itemsMenu, selection, isCounterLoading, renderCustomCounter, }: TableLimitProps<T>): React.JSX.Element;

package/dist/TableHeader/TableLimit/TableLimit.js

@@ -8,7 +8,8 @@ export function TableLimit(_ref) {
     locale = _ref.locale,
     itemsMenu = _ref.itemsMenu,
     selection = _ref.selection,
-    isCounterLoading = _ref.isCounterLoading;
+    isCounterLoading = _ref.isCounterLoading,
+    renderCustomCounter = _ref.renderCustomCounter;
   var _useDataFormat = useDataFormat(),
     formatValue = _useDataFormat.formatValue;
   var selectedRowKeys = selection.selectedRowKeys,
@@ -24,11 +25,15 @@ export function TableLimit(_ref) {
   }, [locale, selectedRows, limit]);
   var selected = useMemo(function () {
     var _locale$pagination;
+    var counterContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("strong", null, formatValue(total)), " ", (_locale$pagination = locale.pagination) == null ? void 0 : _locale$pagination.items);
     return selectedRows > 0 ? /*#__PURE__*/React.createElement(S.Title, null, /*#__PURE__*/React.createElement("strong", null, formatValue(selectedRows) + " / " + formatValue(limit)), ' ', locale.selected) : /*#__PURE__*/React.createElement(S.Title, null, isCounterLoading ? /*#__PURE__*/React.createElement(Skeleton, {
       numberOfSkeletons: 1,
       size: "S",
       skeletonWidth: "100px"
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("strong", null, formatValue(total)), " ", (_locale$pagination = locale.pagination) == null ? void 0 : _locale$pagination.items));
-  }, [formatValue, limit, locale.pagination, locale.selected, isCounterLoading, selectedRows, total]);
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null, renderCustomCounter ? renderCustomCounter({
+      count: total,
+      content: counterContent
+    }) : counterContent));
+  }, [formatValue, renderCustomCounter, limit, locale.pagination, locale.selected, isCounterLoading, selectedRows, total]);
   return /*#__PURE__*/React.createElement(S.TableLimit, null, selected, limitReachedInfo, selectedRows > 0 && /*#__PURE__*/React.createElement(S.ItemsMenu, null, itemsMenu));
 }

package/dist/TableHeader/TableLimit/TableLimit.types.d.ts

@@ -1,10 +1,11 @@
 import type { ReactNode } from 'react';
 import type { RequiredProps } from '@synerise/ds-utils';
-import { type Locale, type RowSelection } from '../../Table.types';
+import { type CustomCounterFn, type Locale, type RowSelection } from '../../Table.types';
 export type TableLimitProps<T extends object> = {
     selection: RequiredProps<RowSelection<T>, 'limit'>;
     total: number;
     itemsMenu: ReactNode;
     locale: Locale;
     isCounterLoading?: boolean;
+    renderCustomCounter?: CustomCounterFn;
 };

package/dist/TableHeader/TableSelection.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { TableSelectionProps } from './TableSelection.types';
 declare const TableSelection: <T extends {
-    children?: T[] | undefined;
+    children?: T[];
 }>({ dataSource, dataSourceFull, selection, rowKey, locale, hasSelectionLimit, childrenColumnName, }: TableSelectionProps<T>) => React.JSX.Element | null;
 export default TableSelection;

package/dist/TableHeader/TableSelection.js

@@ -10,6 +10,7 @@ import { useBulkSelectionCount } from '../hooks/useBulkSelection';
 import { useRowKey } from '../hooks/useRowKey';
 import { isRecordSelectable } from '../utils';
 var TableSelection = function TableSelection(_ref) {
+  var _selection$globalSele5;
   var dataSource = _ref.dataSource,
     dataSourceFull = _ref.dataSourceFull,
     selection = _ref.selection,
@@ -47,6 +48,7 @@ var TableSelection = function TableSelection(_ref) {
   }, [allData, getRowKey, selection, childrenColumnName]);
   var selectAll = useCallback(function () {
     if (dataSource && selection) {
+      var _selection$globalSele;
       var selectedRowKeys = selection.selectedRowKeys,
         checkRowSelectionStatus = selection.checkRowSelectionStatus;
       var keys = isShowingSubset ? [].concat(selectedRowKeys) : [];
@@ -65,6 +67,7 @@ var TableSelection = function TableSelection(_ref) {
       });
       var uniqueKeys = Array.from(new Set(keys));
       var rows = getRowsForKeys(uniqueKeys);
+      (_selection$globalSele = selection.globalSelection) == null || _selection$globalSele.onChange(false);
       selection.onChange(uniqueKeys, rows);
     }
   }, [childrenColumnName, dataSource, selection, isShowingSubset, getRowsForKeys, getRowKey]);
@@ -93,6 +96,15 @@ var TableSelection = function TableSelection(_ref) {
       selection.onChange(keysLeft, rows);
     }
   }, [dataSource, getRowKey, getRowsForKeys, selection, childrenColumnName]);
+  var selectGlobalAll = useCallback(function () {
+    var _selection$globalSele2;
+    unselectAll();
+    (_selection$globalSele2 = selection.globalSelection) == null || _selection$globalSele2.onChange(true);
+  }, [unselectAll, selection.globalSelection]);
+  var unselectGlobalAll = useCallback(function () {
+    var _selection$globalSele3;
+    (_selection$globalSele3 = selection.globalSelection) == null || _selection$globalSele3.onChange(false);
+  }, [selection.globalSelection]);
   var getSelectableChildren = useCallback(function (children) {
     var selectionStatusValidator = (selection == null ? void 0 : selection.checkRowSelectionStatus) || undefined;
     return children ? children.filter(function (child) {
@@ -151,8 +163,16 @@ var TableSelection = function TableSelection(_ref) {
   var isAnySelected = allRecordsCount > 0 && selectedRecordsCount > 0;
   var selectionTooltipTitle = !isAllSelected ? locale == null ? void 0 : locale.selectAllTooltip : locale == null ? void 0 : locale.unselectAll;
   var menuDataSource = useMemo(function () {
-    var _selection$selections;
-    return selection == null || (_selection$selections = selection.selections) == null ? void 0 : _selection$selections.filter(Boolean).flatMap(function (selectionMenuElement) {
+    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
+    } : {
+      onClick: selectGlobalAll,
+      text: locale == null ? void 0 : locale.selectGlobalAll
+    }] : [];
+    var menuItems = selection == null || (_selection$selections = selection.selections) == null ? void 0 : _selection$selections.filter(Boolean).flatMap(function (selectionMenuElement) {
       switch (selectionMenuElement) {
         case SELECTION_ALL:
           {
@@ -187,7 +207,8 @@ var TableSelection = function TableSelection(_ref) {
           }
       }
     });
-  }, [isAllSelected, locale == null ? void 0 : locale.selectAll, locale == null ? void 0 : locale.selectInvert, locale == null ? void 0 : locale.unselectAll, selectAll, selectInvert, selection == null ? void 0 : selection.selections, unselectAll, isAnySelected, hasSelectionLimit]);
+    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]);
   return selection != null && selection.selectedRowKeys ? /*#__PURE__*/React.createElement(S.Selection, {
     "data-popup-container": true
   }, !hasSelectionLimit && /*#__PURE__*/React.createElement(Tooltip, {
@@ -195,16 +216,19 @@ var TableSelection = function TableSelection(_ref) {
   }, /*#__PURE__*/React.createElement(Button.Checkbox, {
     disabled: disabledBulkSelection,
     "data-testid": "ds-table-batch-selection-button",
-    checked: isAllSelected,
+    checked: isAllSelected || ((_selection$globalSele5 = selection.globalSelection) == null ? void 0 : _selection$globalSele5.isSelected),
     onChange: function onChange() {
-      if (!isAllSelected) {
+      var _selection$globalSele6;
+      if ((_selection$globalSele6 = selection.globalSelection) != null && _selection$globalSele6.isSelected) {
+        unselectGlobalAll();
+      } else if (!isAllSelected) {
         selectAll();
       } else {
         unselectAll();
       }
     },
     indeterminate: isIndeterminate
-  })), (selection == null ? void 0 : selection.selections) && /*#__PURE__*/React.createElement(Dropdown, {
+  })), (selection.selections || (menuDataSource == null ? void 0 : menuDataSource.length)) && /*#__PURE__*/React.createElement(Dropdown, {
     disabled: disabledBulkSelection || (menuDataSource == null ? void 0 : menuDataSource.length) === 0,
     trigger: ['click'],
     overlay: /*#__PURE__*/React.createElement(S.SelectionMenu, {
@@ -216,7 +240,8 @@ var TableSelection = function TableSelection(_ref) {
   }, /*#__PURE__*/React.createElement(Button, {
     disabled: disabledBulkSelection || (menuDataSource == null ? void 0 : menuDataSource.length) === 0,
     mode: "single-icon",
-    type: "ghost"
+    type: "ghost",
+    "data-testid": "ds-table-batch-selection-options"
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(OptionVerticalM, null)
   }))))) : null;

package/dist/TableHeader/TableSelection.types.d.ts

@@ -1,11 +1,11 @@
 import type { Locale, RowSelection } from '../Table.types';
 export type TableSelectionProps<T extends object> = {
-    selection?: RowSelection<T>;
+    selection: RowSelection<T>;
     dataSource: readonly T[];
     dataSourceFull?: T[];
     locale?: Locale;
     rowKey?: Function | string;
-    childrenColumnName: string;
+    childrenColumnName: keyof T;
     hasSelectionLimit?: boolean;
 };
 /**

package/dist/VirtualTable/VirtualTable.js

@@ -73,7 +73,6 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
     if (prevFirstItemIndex >= 0 && listRef != null && listRef.current) {
       if (onScrollToRecordIndex) {
         onScrollToRecordIndex(prevFirstItemIndex, function () {
-          // error    Expected an assignment or function call and instead saw an expression
           (listRef == null ? void 0 : listRef.current) && listRef.current.scrollToItem(prevFirstItemIndex, 'start');
         });
       } else {
@@ -173,7 +172,8 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
   var selectedRecords = useMemo(function () {
     if (selection) {
       var _ref = selection,
-        selectedRowKeys = _ref.selectedRowKeys;
+        _ref$selectedRowKeys = _ref.selectedRowKeys,
+        selectedRowKeys = _ref$selectedRowKeys === void 0 ? [] : _ref$selectedRowKeys;
       var selectedRows = [];
       allData.forEach(function (row) {
         var key = getRowKey(row);
@@ -195,6 +195,7 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
     return [];
   }, [allData, childrenColumnName, getRowKey, selection]);
   var renderRowSelection = useCallback(function (key, record) {
+    var _selection$globalSele;
     var _ref2 = selection,
       selectedRowKeys = _ref2.selectedRowKeys,
       limit = _ref2.limit,
@@ -215,6 +216,7 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
       independentSelectionExpandedRows: independentSelectionExpandedRows,
       onChange: handleChange,
       selectedRecords: selectedRecords,
+      isGlobalAllSelected: selection == null || (_selection$globalSele = selection.globalSelection) == null ? void 0 : _selection$globalSele.isSelected,
       tableLocale: locale,
       checkRowSelectionStatus: checkRowSelectionStatus,
       childrenColumnName: childrenColumnName

package/dist/VirtualTable/VirtualTable.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ColWrapperProps = {
     width?: number | null;
     minWidth?: number | null;
@@ -7,7 +6,7 @@ type ColWrapperProps = {
     left?: number;
 };
 export declare const RowWrapper: import("styled-components").StyledComponent<"div", any, {
-    onRowClickAvailable?: boolean | undefined;
+    onRowClickAvailable?: boolean;
 }, never>;
 export declare const InnerListElement: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const VirtualListSpace: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -28,6 +27,6 @@ export declare const VirtualTableWrapper: import("styled-components").StyledComp
     isSticky: boolean;
     titleBarHeight: number;
     titleBarTop: number;
-    isHeaderVisible?: boolean | undefined;
+    isHeaderVisible?: boolean;
 }, never>;
 export {};

package/dist/utils/getChildrenColumnName.d.ts

@@ -1 +1 @@
-export declare const getChildrenColumnName: (childrenColumnName?: string) => string;
+export declare const getChildrenColumnName: <T>(childrenColumnName?: keyof T) => keyof T;

package/dist/utils/getRecordSelectionStatus.d.ts

@@ -1,8 +1,5 @@
 import { type RowSelection } from '../Table.types';
-export declare const getRecordSelectionStatus: <T>(checkRowSelectionStatus: ((record: T) => {
-    disabled?: boolean | undefined;
-    unavailable?: boolean | undefined;
-}) | undefined, record: T) => {
+export declare const getRecordSelectionStatus: <T>(checkRowSelectionStatus: RowSelection<T>["checkRowSelectionStatus"], record: T) => {
     unavailable: boolean | undefined;
     disabled: boolean | undefined;
 };

package/dist/utils/getSkeletonProps.d.ts

@@ -1,7 +1,2 @@
 import type { DSColumnType, DSTableProps } from '../Table.types';
-export declare const getSkeletonProps: <T extends object>(skeletonProps: {
-    maxHeight?: number | undefined;
-    headerHeight?: number | undefined;
-    subheaderHeight?: number | undefined;
-    cellHeight?: number | undefined;
-} | undefined, columns?: DSColumnType<T>[] | undefined) => Partial<DSTableProps<T>>;
+export declare const getSkeletonProps: <T extends object>(skeletonProps: DSTableProps<T>["skeletonProps"], columns?: DSColumnType<T>[]) => Partial<DSTableProps<T>>;

package/dist/utils/getValueFromPath.d.ts

@@ -1 +1 @@
-export declare const getValueFromPath: (object: object, valuePath?: string | number | readonly (string | number)[]) => string | number | boolean;
+export declare const getValueFromPath: <T extends object>(object: T, valuePath?: string | number | readonly (string | number)[]) => {} | T[keyof T];

package/dist/utils/isGrouped.d.ts

@@ -1,2 +1,2 @@
 import type { GroupType } from '../GroupTable/GroupTable.types';
-export declare const isGrouped: <T extends object>(dataSource?: readonly T[] | GroupType<T>[] | undefined) => dataSource is GroupType<T>[];
+export declare const isGrouped: <T extends object>(dataSource?: readonly T[] | GroupType<T>[]) => dataSource is GroupType<T>[];

package/dist/utils/isRecordSelectable.d.ts

@@ -1,5 +1,2 @@
 import type { RowSelection } from '../Table.types';
-export declare const isRecordSelectable: <T>(record: T, checkRowSelectionStatus?: ((record: T) => {
-    disabled?: boolean | undefined;
-    unavailable?: boolean | undefined;
-}) | undefined) => boolean;
+export declare const isRecordSelectable: <T>(record: T, checkRowSelectionStatus?: RowSelection<T>["checkRowSelectionStatus"]) => boolean;

package/dist/utils/locale.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type IntlShape } from 'react-intl';
 import { type Locale } from '../Table.types';
 export declare const getDefaultLocale: (intl: IntlShape) => Locale;

package/dist/utils/locale.js

@@ -82,10 +82,18 @@ export var getDefaultLocale = function getDefaultLocale(intl) {
     }),
     unselectAll: intl.formatMessage({
       id: 'DS.TABLE.UNSELECT_ALL',
-      defaultMessage: 'Unselect all'
+      defaultMessage: 'Unselect visible'
     }),
     selectAll: intl.formatMessage({
       id: 'DS.TABLE.SELECT_ALL',
+      defaultMessage: 'Select visible'
+    }),
+    unselectGlobalAll: intl.formatMessage({
+      id: 'DS.TABLE.UNSELECT_GLOBAL_ALL',
+      defaultMessage: 'Unselect all'
+    }),
+    selectGlobalAll: intl.formatMessage({
+      id: 'DS.TABLE.SELECT_GLOBAL_ALL',
       defaultMessage: 'Select all'
     }),
     selectInvert: intl.formatMessage({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-table",
-  "version": "1.4.3",
+  "version": "1.5.0",
   "description": "Table UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -34,31 +34,31 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^1.1.10",
-    "@synerise/ds-badge": "^1.0.16",
-    "@synerise/ds-button": "^1.4.5",
-    "@synerise/ds-button-group": "^1.1.9",
-    "@synerise/ds-checkbox": "^1.1.3",
-    "@synerise/ds-column-manager": "^1.2.6",
-    "@synerise/ds-data-format": "^1.0.1",
-    "@synerise/ds-dropdown": "^1.0.18",
-    "@synerise/ds-flag": "^1.0.2",
-    "@synerise/ds-icon": "^1.6.1",
-    "@synerise/ds-input": "^1.3.5",
-    "@synerise/ds-loader": "^1.0.6",
-    "@synerise/ds-menu": "^1.0.17",
-    "@synerise/ds-modal": "^1.2.5",
-    "@synerise/ds-pagination": "^1.0.18",
-    "@synerise/ds-result": "^1.0.17",
-    "@synerise/ds-scrollbar": "^1.1.4",
-    "@synerise/ds-search": "^1.2.5",
-    "@synerise/ds-select": "^1.1.12",
-    "@synerise/ds-skeleton": "^1.0.17",
-    "@synerise/ds-status": "^1.2.10",
-    "@synerise/ds-tag": "^1.1.14",
-    "@synerise/ds-tooltip": "^1.1.14",
-    "@synerise/ds-typography": "^1.0.16",
-    "@synerise/ds-utils": "^1.3.1",
+    "@synerise/ds-alert": "^1.1.11",
+    "@synerise/ds-badge": "^1.0.17",
+    "@synerise/ds-button": "^1.4.6",
+    "@synerise/ds-button-group": "^1.1.10",
+    "@synerise/ds-checkbox": "^1.1.4",
+    "@synerise/ds-column-manager": "^1.2.7",
+    "@synerise/ds-data-format": "^1.1.0",
+    "@synerise/ds-dropdown": "^1.0.19",
+    "@synerise/ds-flag": "^1.0.3",
+    "@synerise/ds-icon": "^1.6.2",
+    "@synerise/ds-input": "^1.3.6",
+    "@synerise/ds-loader": "^1.0.7",
+    "@synerise/ds-menu": "^1.0.18",
+    "@synerise/ds-modal": "^1.2.6",
+    "@synerise/ds-pagination": "^1.0.19",
+    "@synerise/ds-result": "^1.0.18",
+    "@synerise/ds-scrollbar": "^1.1.5",
+    "@synerise/ds-search": "^1.2.6",
+    "@synerise/ds-select": "^1.1.13",
+    "@synerise/ds-skeleton": "^1.0.18",
+    "@synerise/ds-status": "^1.2.11",
+    "@synerise/ds-tag": "^1.1.15",
+    "@synerise/ds-tooltip": "^1.1.15",
+    "@synerise/ds-typography": "^1.0.17",
+    "@synerise/ds-utils": "^1.4.0",
     "@types/react-window": "^1.8.5",
     "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": "4e851d649cb25346f2f8e0575dde91cc50f43bc4"
+  "gitHead": "b35b1875727156fe9f5b3bad55aed5ca447c8c8d"
 }