@geotab/zenith 3.16.0-nightly.20261005.f8d767e → 3.17.0-beta.0

package/README.md

@@ -51,6 +51,34 @@ Zenith has English and 32 non-English locale dictionaries, including Arabic (`ar
 
 ## Change log
 
+### 3.17.0
+
+- [MYG-138984](https://geotab.atlassian.net/browse/MYG-138984): Add Primary, Destructive, and TertiaryDestructive trigger variants to `Dropdown` / `FilterButton`
+- [MYG-138985](https://geotab.atlassian.net/browse/MYG-138985): Add optional separators below single- and multi-select `Dropdown` items
+- [MYG-138983](https://geotab.atlassian.net/browse/MYG-138983): Add destructive styling to single-select `Dropdown` items
+- [MYG-105567](https://geotab.atlassian.net/browse/MYG-105567): Add `sortSelectedToTop` to float selected `Dropdown` options to the top when opened
+- [MYG-147075](https://geotab.atlassian.net/browse/MYG-147075): Show full single-select `Dropdown` option labels on hover
+- [MYG-147879](https://geotab.atlassian.net/browse/MYG-147879): Add loaded/total counts and an end-of-results message for desktop infinite-scroll tables; improve row-loading announcements
+- [MYG-130553](https://geotab.atlassian.net/browse/MYG-130553): Add progressive loading of nested `Table` rows with a +N more control, plus the `useShowMore` hook and `DEFAULT_SHOW_MORE_CAP` export
+- [MYG-148443](https://geotab.atlassian.net/browse/MYG-148443): Add seven sequential and seven diverging data-visualization color tokens
+- [MYG-129023](https://geotab.atlassian.net/browse/MYG-129023): Support destructive menu items and open-in-new-page indicators, including collapsed `Header` actions
+- [MYG-142469](https://geotab.atlassian.net/browse/MYG-142469): Export `PillBox`, `DEFAULT_MAX_PILLS`, `IPillData`, and `IPillBox` from the package entry point
+- [MYG-139327](https://geotab.atlassian.net/browse/MYG-139327): Add mouse-drag and Shift-click range selection to `Table` and selectable `DataGrid` rows, including expanded nested rows
+- [MYG-142234](https://geotab.atlassian.net/browse/MYG-142234): Add opt-in cross-page Select All exclusions when individual rows or the current-page header are unchecked
+- [MYG-149449](https://geotab.atlassian.net/browse/MYG-149449): Preserve cross-page Select All and existing exclusions during drag and Shift-click range selection; correct exclusion counts, childless nested-row selection, and global selection commands; exclude loading and show-more placeholders from fully loaded selection counts
+- [MYG-148015](https://geotab.atlassian.net/browse/MYG-148015): Make cross-page exclusions opt-in through `selectable.allowExclusions` while preserving the existing selection contract by default; correct selection feedback during reloads and empty-selection bulk actions
+- [MYG-147924](https://geotab.atlassian.net/browse/MYG-147924): Preserve `Table` selection during append loading and refreshes
+- [MYG-143552](https://geotab.atlassian.net/browse/MYG-143552): Keep `Waiting` overlays covering scrollable content, improve spinner positioning, and block keyboard interaction with sibling content while the overlay is visible
+- [MYG-148751](https://geotab.atlassian.net/browse/MYG-148751): Remove special bold styling from the first `Table` / `DataGrid` column header
+- [MYG-113389](https://geotab.atlassian.net/browse/MYG-113389): Reduce form label/control gaps and correct `Dropdown` form-field styling and width
+- [MYG-148954](https://geotab.atlassian.net/browse/MYG-148954): Close `PillExpandable` popovers on user scrolling while ignoring browser scroll-anchoring adjustments
+- [MYG-149705](https://geotab.atlassian.net/browse/MYG-149705): Fix RTL tab keyboard navigation, focus scrolling, and tab/pill/chip/accordion styling
+- [MYG-145500](https://geotab.atlassian.net/browse/MYG-145500): Allow `Tabs` to associate tabs with explicitly named panels through `ariaControls`, including panels outside the default tab layout
+- [MYG-148568](https://geotab.atlassian.net/browse/MYG-148568): Forward ARIA attributes to the appropriate input elements in `DropdownRaw` and `TextInputRaw`
+- [MYG-150227](https://geotab.atlassian.net/browse/MYG-150227): Make `FormLayout` positioning deterministic for fractional and invalid positions
+- [MYG-145929](https://geotab.atlassian.net/browse/MYG-145929): Keep disabled `Button` and related menu/header buttons keyboard-focusable while preventing activation
+- [MYG-148696](https://geotab.atlassian.net/browse/MYG-148696): Improve `PillExpandable` popover focus management and accessible trigger/content relationships
+
 ### 3.16.0
 
 - Add `Tooltip.InlineTrigger` subcomponent for inline tooltip triggers

package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts

@@ -12,6 +12,8 @@ export interface IBulkActionsProps extends IZenComponentProps {
      * even when `selected` is 0 (i.e., cross-page "select all" is active).
      */
     allSelected?: boolean;
+    /** Show a selection label without a count when the selected total is unknown. */
+    selectionCountUnknown?: boolean;
     onClearSelection: () => void;
     onSelectAll?: () => void;
     gridType?: DeviceType;
@@ -23,7 +25,7 @@ export interface IBulkActions extends IBulkActionsProps {
     ActionButton: (props: IBulkActionButton) => ReactNode;
 }
 export declare const BulkActions: {
-    ({ selected, allSelected, className, onClearSelection, onSelectAll, gridType, children, turnOffSelectAll }: IBulkActionsProps): import("react/jsx-runtime").JSX.Element;
+    ({ selected, allSelected, selectionCountUnknown, className, onClearSelection, onSelectAll, gridType, children, turnOffSelectAll }: IBulkActionsProps): import("react/jsx-runtime").JSX.Element;
     ActionLink: ({ title, icon, link, disabled, type, ref }: IBulkActionLink) => import("react/jsx-runtime").JSX.Element;
     ActionButton: ({ title, icon, clickHandler, onClick, disabled, type, ref }: IBulkActionButton) => import("react/jsx-runtime").JSX.Element;
     translations: string[];

package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js

@@ -8,6 +8,39 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BulkActions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+injectString("cs", "Selected", "Vybr\xE1no");
+injectString("da-DK", "Selected", "Valgt");
+injectString("de", "Selected", "Ausgew\xE4hlt");
+injectString("en", "Selected", "Selected");
+injectString("es", "Selected", "Seleccionado");
+injectString("fi-FI", "Selected", "Valittu");
+injectString("fr", "Selected", "S\xE9lectionn\xE9");
+injectString("fr-FR", "Selected", "S\xE9lectionn\xE9");
+injectString("hu-HU", "Selected", "Kiv\xE1lasztott");
+injectString("id", "Selected", "Dipilih");
+injectString("it", "Selected", "Selezionato");
+injectString("ja", "Selected", "\u9078\u629E\u8ECA\u4E21");
+injectString("ko-KR", "Selected", "\uC120\uD0DD\uB428");
+injectString("ms", "Selected", "Dipilih");
+injectString("nb-NO", "Selected", "Valgt");
+injectString("nl", "Selected", "Geselecteerd");
+injectString("pl", "Selected", "Wybrano");
+injectString("pt-BR", "Selected", "Selecionado");
+injectString("pt-PT", "Selected", "Selecionado");
+injectString("sk-SK", "Selected", "Vybran\xE9");
+injectString("sv", "Selected", "Valda");
+injectString("th", "Selected", "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E41\u0E25\u0E49\u0E27");
+injectString("tr", "Selected", "Se\xE7ildi");
+injectString("zh-Hans", "Selected", "\u9009\u4E2D\u7684");
+injectString("zh-TW", "Selected", "\u5DF2\u9078\u53D6");
+injectString("ro-RO", "Selected", "Selec\u021Bie");
+injectString("ar-001", "Selected", "\u0627\u0644\u0645\u062D\u062F\u062F");
+injectString("lt-LT", "Selected", "Pasirinkta");
+injectString("lv-LV", "Selected", "Atlas\u012Bts");
+injectString("ka-GE", "Selected", "\u10D0\u10E0\u10E9\u10D4\u10E3\u10DA\u10D8");
+injectString("el-GR", "Selected", "\u0395\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03B1");
+injectString("et-EE", "Selected", "Valitud");
+injectString("bg-BG", "Selected", "\u0418\u0437\u0431\u0440\u0430\u043D\u0438");
 injectString("cs", "{1} selected", "{1} vybran\xFD/vybran\xE9");
 injectString("da-DK", "{1} selected", "{1} valgt");
 injectString("de", "{1} selected", "{1} ausgew\xE4hlt");
@@ -189,6 +222,7 @@ const button_1 = require("../../../../button/button");
 const BulkActions = ({
   selected,
   allSelected,
+  selectionCountUnknown,
   className,
   onClearSelection,
   onSelectAll,
@@ -222,7 +256,8 @@ const BulkActions = ({
     widthDelta
   });
   const isMobile = gridType === deviceType_1.DeviceType.Mobile;
-  const text = translate("{1} selected").replace("{1}", allSelected ? translate("All") : selected.toFixed());
+  const hasSelection = selected > 0 || allSelected || selectionCountUnknown;
+  const text = selectionCountUnknown ? translate("Selected") : translate("{1} selected").replace("{1}", allSelected ? translate("All") : selected.toFixed());
   return (0, jsx_runtime_1.jsxs)("div", {
     className: (0, classNames_1.classNames)(["zen-bulk-actions", className || "", isMobile ? "zen-bulk-actions--condensed" : ""]),
     ref: bulkActionsElement,
@@ -248,7 +283,7 @@ const BulkActions = ({
       className: "zen-bulk-actions__action-button-holder",
       ref: buttonHolder,
       children: [react_1.Children.map(visibleElements, element => (0, react_1.cloneElement)(element, {
-        disabled: selected > 0 || allSelected ? element.props.disabled : true
+        disabled: hasSelection ? element.props.disabled : true
       })), nonFittingElements.length > 0 ? (0, jsx_runtime_1.jsx)(menu_1.Menu, {
         title: translate("More"),
         trigger: (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
@@ -269,7 +304,7 @@ const BulkActions = ({
             id: props.id || "",
             name: props.title,
             icon: props.icon,
-            disabled: props.disabled,
+            disabled: hasSelection ? props.disabled : true,
             onClick: clickHandler,
             link: link
           }, props.id);
@@ -285,4 +320,4 @@ const BulkActions = ({
 exports.BulkActions = BulkActions;
 exports.BulkActions.ActionLink = bulkActionLink_1.BulkActionLink;
 exports.BulkActions.ActionButton = bulkActionButton_1.BulkActionButton;
-exports.BulkActions.translations = ["Clear selection", "More options", "{1} selected", "Selecting..."];
+exports.BulkActions.translations = ["Clear selection", "More options", "{1} selected", "Selecting...", "Selected"];

package/dist/table/children/useTableChildren.d.ts

@@ -1,6 +1,7 @@
 import { ReactElement, ReactNode, RefObject } from "react";
-export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void, isInfinite?: boolean, loadedCount?: number) => {
-    bulkActions: ReactElement | undefined;
+export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void, isInfinite?: boolean, loadedCount?: number, excludedCount?: number, canUsePaginationTotal?: boolean, hasMoreRows?: boolean) => {
+    bulkActions: import("react/jsx-runtime").JSX.Element | undefined;
+    hasSelection: boolean;
     pagination: ReactElement | undefined;
     paginationTotal: number | undefined;
     activePage: undefined;

package/dist/table/children/useTableChildren.js

@@ -31,8 +31,8 @@ const useTableChildren = (children, isMobile, selected, allSelected, clearSelect
 // Desktop infinite scroll (Table's `onScrollEnd`): when true, a `Table.Pagination` child is
 // rendered as the chevron-less "loaded" variant (see `pagination.tsx`) instead of the normal
 // paged controls, driven by `loadedCount` (the number of rows currently rendered).
-isInfinite = false, loadedCount = 0) => (0, react_1.useMemo)(() => {
-    let bulkActions = undefined;
+isInfinite = false, loadedCount = 0, excludedCount = 0, canUsePaginationTotal = true, hasMoreRows = false) => (0, react_1.useMemo)(() => {
+    let bulkActionButtons;
     let tablePagination = undefined;
     let activePage = undefined;
     // A plain `let` reassigned only inside the `Children.forEach` callback below would be seen
@@ -52,11 +52,11 @@ isInfinite = false, loadedCount = 0) => (0, react_1.useMemo)(() => {
             return;
         }
         if (isChildElement(child, tableBulkActions_1.TableBulkActions.displayName)) {
-            const bulkActionButtons = child.props.children || [];
-            bulkActions = ((0, jsx_runtime_1.jsx)(bulkActions_1.BulkActions, { gridType: isMobile ? deviceType_1.DeviceType.Mobile : deviceType_1.DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, children: bulkActionButtons }));
+            bulkActionButtons = child.props.children || [];
             return;
         }
         if (isChildElement(child, tablePagination_1.TablePagination.displayName)) {
+            paginationMeta.present = true;
             const total = child.props.total || 0;
             tablePagination = isInfinite
                 ? (0, react_1.createElement)(pagination_1.Pagination, {
@@ -78,7 +78,7 @@ isInfinite = false, loadedCount = 0) => (0, react_1.useMemo)(() => {
                     gridRef: gridRef,
                     disabled: child.props.disabled
                 });
-            paginationMeta.total = total;
+            paginationMeta.total = child.props.total;
             activePage = child.props.activePage;
             return;
         }
@@ -116,8 +116,18 @@ isInfinite = false, loadedCount = 0) => (0, react_1.useMemo)(() => {
         }
         other.push(child);
     });
+    const allRowsLoaded = (!paginationMeta.present && !hasMoreRows) || (paginationMeta.total !== undefined && loadedCount >= paginationMeta.total);
+    const hasExclusions = allSelected && excludedCount > 0;
+    const selectedCount = allSelected && !allRowsLoaded
+        ? canUsePaginationTotal && paginationMeta.total !== undefined
+            ? Math.max(0, paginationMeta.total - excludedCount)
+            : undefined
+        : selected;
+    const hasSelection = selectedCount === undefined || selectedCount > 0;
+    const bulkActions = bulkActionButtons !== undefined ? ((0, jsx_runtime_1.jsx)(bulkActions_1.BulkActions, { gridType: isMobile ? deviceType_1.DeviceType.Mobile : deviceType_1.DeviceType.Desktop, selected: selectedCount !== null && selectedCount !== void 0 ? selectedCount : selected, allSelected: allSelected && !hasExclusions && hasSelection, selectionCountUnknown: hasExclusions && selectedCount === undefined, onClearSelection: clearSelection, children: bulkActionButtons })) : undefined;
     return {
-        bulkActions: bulkActions,
+        bulkActions,
+        hasSelection,
         pagination: tablePagination,
         paginationTotal: paginationMeta.total,
         activePage: activePage,
@@ -127,5 +137,19 @@ isInfinite = false, loadedCount = 0) => (0, react_1.useMemo)(() => {
         detailPanel: detailPanel,
         other: other
     };
-}, [children, clearSelection, isMobile, selected, gridRef, allSelected, activeId, onCloseDetailPanel, isInfinite, loadedCount]);
+}, [
+    children,
+    clearSelection,
+    isMobile,
+    selected,
+    gridRef,
+    allSelected,
+    activeId,
+    onCloseDetailPanel,
+    isInfinite,
+    loadedCount,
+    excludedCount,
+    canUsePaginationTotal,
+    hasMoreRows
+]);
 exports.useTableChildren = useTableChildren;

package/dist/table/selectable/interfaces.d.ts

@@ -10,14 +10,9 @@ export interface ISelectionValue {
      */
     all: boolean;
     /**
-     * The meaning of this list depends on `all`:
-     * - when `all` is `false`, it is the ids explicitly *included* in the selection.
-     * - when `all` is `true`, it is the ids explicitly *excluded* from the otherwise
-     *   fully-selected set (e.g. rows unchecked after a "select all" across paginated data).
-     *
-     * This lets `all: true` represent "all except these ids" without needing to know the
-     * full id universe (MYG-142234) - unchecking a row while `all` is true only ever adds
-     * to this exclusion list; it must never be rebuilt from the currently rendered page.
+     * Included IDs by default. With `ISelectableRowsOptions.allowExclusions: true`,
+     * these are excluded IDs while `all` is true, and included IDs while `all` is false.
+     * Consumers opting in must resolve the effective selection before running bulk actions.
      */
     selected: string[];
 }

package/dist/table/selectable/useSelectableRows.d.ts

@@ -8,6 +8,8 @@ export type TSelectionStrategy = "main" | "nested";
 export interface ISelectableRowsOptions<T extends IRowEntity<N>, N extends IEntityWithId> {
     selection: ISelectionValue | undefined;
     onSelect: (selection: ISelectionValue) => void;
+    /** Preserve cross-page Select All using excluded IDs. Consumers must resolve exclusions before running bulk actions. Defaults to false. */
+    allowExclusions?: boolean;
     checkboxDisabled?: (entity: T | N, isNested?: boolean) => boolean;
     checkboxVisible?: (entity: T | N, isNested?: boolean) => boolean;
     checkboxInHeader?: boolean;
@@ -32,6 +34,7 @@ export declare const getEmptySelection: () => {
     all: boolean;
     selected: string[];
 };
+export declare const isAllSelection: (all: boolean | undefined, selectedCount: number | undefined, allowExclusions?: boolean) => boolean;
 export declare const SelectableWrapperName = "Selectable";
 export declare const useSelectableRows: <T extends IRowEntity<N>, N extends IEntityWithId>(columns: IListColumn<T, N>[], entities: T[], isMobile: boolean, selectMode: boolean, setSelectMode: (value: boolean) => void, selectable?: ISelectableRowsOptions<T, N>, isInfinite?: boolean, gridRef?: RefObject<HTMLElement | null>, expandedRows?: string[]) => {
     selectableColumns: IListColumn<T, N>[];

package/dist/table/selectable/useSelectableRows.js

@@ -6,8 +6,9 @@ const {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TRANSLATIONS = exports.useSelectableRows = exports.SelectableWrapperName = exports.getEmptySelection = void 0;
+exports.TRANSLATIONS = exports.useSelectableRows = exports.SelectableWrapperName = exports.isAllSelection = exports.getEmptySelection = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable complexity */
 const react_1 = require("react");
 const interfaces_1 = require("./interfaces");
 const checkboxCell_1 = require("../../dataGrid/columns/checkboxColumn/checkboxCell");
@@ -92,9 +93,12 @@ const getEmptySelection = () => ({
   selected: []
 });
 exports.getEmptySelection = getEmptySelection;
+const isAllSelection = (all, selectedCount, allowExclusions) => !!all && (!!allowExclusions || selectedCount === 0);
+exports.isAllSelection = isAllSelection;
 exports.SelectableWrapperName = "Selectable";
 // Infinite scroll has no pages, so the header checkbox always means "select all" (never current page).
 const resolveCheckboxEmitsCurrentPage = (isInfinite, checkboxSelectsCurrentPage, turnOffSelectAll) => isInfinite ? false : checkboxSelectsCurrentPage !== null && checkboxSelectsCurrentPage !== void 0 ? checkboxSelectsCurrentPage : turnOffSelectAll;
+const getSelectionMenuState = (allSelected, selections, pageState) => allSelected ? selections.size === 0 ? interfaces_1.SelectionState.All : interfaces_1.SelectionState.Partial : pageState;
 const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMode, selectable, isInfinite = false, gridRef, expandedRows) => {
   var _a;
   const {
@@ -138,20 +142,25 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
   }, [selectable === null || selectable === void 0 ? void 0 : selectable.checkboxPlaceholder, selectable === null || selectable === void 0 ? void 0 : selectable.checkboxVisible, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
   const isAllSelected = (0, react_1.useMemo)(() => {
     var _a;
-    return ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) || false;
-  }, [(_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all]);
+    return (0, exports.isAllSelection)((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all, selections.size, selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions);
+  }, [(_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all, selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions, selections.size]);
   const selectableState = (0, react_1.useMemo)(() => (0, calculateSelectionState_1.calculateSelectionState)(entities, selections, isAllSelected, checkboxVisible, checkboxDisabled, selectable === null || selectable === void 0 ? void 0 : selectable.strategy), [checkboxDisabled, checkboxVisible, entities, isAllSelected, selections, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
+  const selectionMenuState = getSelectionMenuState(isAllSelected, selections, selectableState);
   const firstColumnId = (0, react_1.useMemo)(() => columns.length > 0 ? columns[0].id : null, [columns]);
   (0, react_1.useEffect)(() => {
     if (selectable && selectable.selection) {
       const newSelections = new Set(selectable.selection.selected);
-      const newState = (0, calculateSelectionState_1.calculateSelectionState)(entities, newSelections, selectable.selection.all || false, checkboxVisible, checkboxDisabled, selectable.strategy);
+      const newState = (0, calculateSelectionState_1.calculateSelectionState)(entities, newSelections, isAllSelected, checkboxVisible, checkboxDisabled, selectable.strategy);
       setState(newState);
     }
-  }, [checkboxDisabled, checkboxVisible, entities, selectable, setSelectMode, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
+  }, [checkboxDisabled, checkboxVisible, entities, selectable, setSelectMode, selectable === null || selectable === void 0 ? void 0 : selectable.strategy, isAllSelected]);
   const getNewSelection = (0, react_1.useCallback)((id, checked) => {
-    var _a;
-    if ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) {
+    if (isAllSelected && !(selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions)) {
+      const included = (0, getCurrentPageSelection_1.getCurrentPageSelection)(entities, wrappedSelectable);
+      (0, checkRow_1.checkRow)(included, wrappedSelectable, entities, id, checked);
+      return included;
+    }
+    if (isAllSelected) {
       // MYG-142234: `selections` holds the ids excluded from the "all" selection.
       // Toggling a row here must only ever add/remove that single id from the
       // exclusion set - it must never be rebuilt from `entities` (the current page),
@@ -162,10 +171,9 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
     }
     (0, checkRow_1.checkRow)(selections, wrappedSelectable, entities, id, checked);
     return selections;
-  }, [entities, selectable, wrappedSelectable, selections]);
+  }, [entities, selectable, wrappedSelectable, selections, isAllSelected]);
   const onSelectListener = (0, react_1.useCallback)((id, checked) => {
-    var _a;
-    const wasAllSelected = ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) || false;
+    const wasAllSelected = !!(selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions) && isAllSelected;
     const newSelection = getNewSelection(id, checked);
     const newState = (0, calculateSelectionState_1.calculateSelectionState)(entities, newSelection, wasAllSelected, checkboxVisible, checkboxDisabled, selectable === null || selectable === void 0 ? void 0 : selectable.strategy);
     // MYG-142234: once selection spans "all" pages, unchecking a row must keep `all: true`
@@ -180,26 +188,26 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
     setState(newState);
     selectable === null || selectable === void 0 ? void 0 : selectable.onSelect(newValue);
     setSelectMode(newValue.all || newValue.selected.length > 0);
-  }, [checkboxDisabled, checkboxVisible, entities, selectable, setSelectMode, setState, getNewSelection]);
+  }, [checkboxDisabled, checkboxVisible, entities, selectable, setSelectMode, setState, getNewSelection, isAllSelected]);
   const onBatchSelect = (0, react_1.useCallback)((rangeIds, select, base) => {
-    var _a;
     const result = new Set(base);
     const limit = selectable === null || selectable === void 0 ? void 0 : selectable.selectionLimit;
+    const wasAllSelected = !!(selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions) && isAllSelected;
     for (const id of rangeIds) {
-      if (select && limit !== undefined && result.size >= limit) {
+      if (!wasAllSelected && select && limit !== undefined && result.size >= limit) {
         break;
       }
-      (0, checkRow_1.checkRow)(result, wrappedSelectable, entities, id, select);
+      (0, checkRow_1.checkRow)(result, wrappedSelectable, entities, id, wasAllSelected ? !select : select);
     }
-    const newState = (0, calculateSelectionState_1.calculateSelectionState)(entities, result, ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) || false, checkboxVisible, checkboxDisabled, selectable === null || selectable === void 0 ? void 0 : selectable.strategy);
+    const newState = (0, calculateSelectionState_1.calculateSelectionState)(entities, result, wasAllSelected, checkboxVisible, checkboxDisabled, selectable === null || selectable === void 0 ? void 0 : selectable.strategy);
     const newValue = {
       selected: [...result],
-      all: newState === interfaces_1.SelectionState.All
+      all: wasAllSelected || newState === interfaces_1.SelectionState.All
     };
     setState(newState);
     selectable === null || selectable === void 0 ? void 0 : selectable.onSelect(newValue);
     setSelectMode(newValue.all || newValue.selected.length > 0);
-  }, [entities, selectable, wrappedSelectable, checkboxVisible, checkboxDisabled, setSelectMode]);
+  }, [entities, selectable, wrappedSelectable, checkboxVisible, checkboxDisabled, setSelectMode, isAllSelected]);
   // Deliberately independent of the current selection, so the drag anchor survives the
   // selection changes a drag itself produces.
   const {
@@ -210,7 +218,7 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
     const entity = entityById.get(row.id);
     return !!entity && checkboxVisible(entity, row.isNested) && !checkboxDisabled(entity, row.isNested);
   }, [entityById, checkboxVisible, checkboxDisabled]);
-  const getBaseSelection = (0, react_1.useCallback)(() => state === interfaces_1.SelectionState.All ? (0, getCurrentPageSelection_1.getCurrentPageSelection)(entities, wrappedSelectable) : new Set(selections), [state, entities, wrappedSelectable, selections]);
+  const getBaseSelection = (0, react_1.useCallback)(() => isAllSelected && !(selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions) ? (0, getCurrentPageSelection_1.getCurrentPageSelection)(entities, wrappedSelectable) : new Set(selections), [isAllSelected, selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions, entities, wrappedSelectable, selections]);
   const {
     onCheckboxMouseDown,
     suppressNextChangeRef
@@ -242,14 +250,12 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
     }
     const newSelections = (0, getCurrentPageSelection_1.getCurrentPageSelection)(entities, wrappedSelectable);
     setState(newState);
-    // MYG-142234: previous `selected` ids mean something different depending on `all` -
-    // included ids when `all` is false, excluded ids when `all` is true. Switching to an
-    // explicit "select current page" here always leaves `all: false`, so a previous
-    // exclusion list must not be reinterpreted as an inclusion list.
-    const previousSelections = ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) ? [] : (_c = (_b = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _b === void 0 ? void 0 : _b.selected) !== null && _c !== void 0 ? _c : [];
-    const mergedSelections = new Set([...previousSelections, ...newSelections]);
-    const newValue = {
-      selected: [...mergedSelections],
+    const previousSelections = (_b = (_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.selected) !== null && _b !== void 0 ? _b : [];
+    const newValue = (selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions) && ((_c = selectable.selection) === null || _c === void 0 ? void 0 : _c.all) ? {
+      selected: previousSelections.filter(id => !newSelections.has(id)),
+      all: true
+    } : {
+      selected: [...new Set([...previousSelections, ...newSelections])],
       all: false
     };
     selectable === null || selectable === void 0 ? void 0 : selectable.onSelect(newValue);
@@ -328,7 +334,9 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
               const newState = checkboxEmitsCurrentPage ? interfaces_1.SelectionState.CurrentPage : interfaces_1.SelectionState.All;
               setState(newState);
               onChangeSelectionState(newState);
-            } else if ((_a = selectable.selection) === null || _a === void 0 ? void 0 : _a.all) {
+            } else if (isInfinite) {
+              onChangeSelectionState(interfaces_1.SelectionState.None);
+            } else if (selectable.allowExclusions && ((_a = selectable.selection) === null || _a === void 0 ? void 0 : _a.all)) {
               // MYG-142234: in exclusion mode, `selected` holds excluded ids. Unchecking
               // the header must add the current page's ids to that exclusion set and
               // keep `all: true` - it must never be treated as an inclusion list, or
@@ -356,7 +364,7 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
               setSelectMode(remaining.length > 0);
             }
           },
-          calculateSelectionState: () => selectableState,
+          calculateSelectionState: () => selectionMenuState,
           checkboxInHeader: checkboxInHeaderValue,
           header: selectableHeader,
           onSelect: newState => {
@@ -369,7 +377,7 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
         return cell;
       }
     };
-  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onCheckboxChange, onCheckboxMouseDown, hasSelectable, checkboxEmitsCurrentPage, checkboxInHeaderValue, selectableHeader, selectableTurnOffSelectAll, isInfinite, selectable, wrappedSelectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked, entities, setSelectMode]);
+  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onCheckboxChange, onCheckboxMouseDown, hasSelectable, checkboxEmitsCurrentPage, checkboxInHeaderValue, selectableHeader, selectableTurnOffSelectAll, isInfinite, selectable, wrappedSelectable, selectionMenuState, state, isMobile, checkboxPlaceholder, isEntityChecked, entities, setSelectMode]);
   const selectableFeedWrapper = (0, react_1.useCallback)((primaryData, secondaryData, entity, isNested) => {
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!entity) {

package/dist/table/selectable/utils/calculateSelectionState.js

@@ -12,10 +12,7 @@ const calculateSelectionState = (entities, selections, all, checkboxVisible, che
         // otherwise-fully-selected set (see ISelectionValue), rather than included ids.
         const isExcluded = (entity) => {
             const children = strategy === "nested" ? (0, showMoreRow_1.getChildrenForSelection)(entity) : undefined;
-            if (children) {
-                if (children.length === 0) {
-                    return false;
-                }
+            if (children && children.length > 0) {
                 return children.every(child => {
                     if (!checkboxVisible(child, true)) {
                         return true;
@@ -30,7 +27,7 @@ const calculateSelectionState = (entities, selections, all, checkboxVisible, che
         };
         const isPartiallyExcluded = (entity) => {
             const children = strategy === "nested" ? (0, showMoreRow_1.getChildrenForSelection)(entity) : undefined;
-            if (children) {
+            if (children && children.length > 0) {
                 return children.some(child => selections.has(child.id));
             }
             return selections.has(entity.id);
@@ -53,7 +50,7 @@ const calculateSelectionState = (entities, selections, all, checkboxVisible, che
         }
         if (strategy === "nested") {
             const children = (0, showMoreRow_1.getChildrenForSelection)(entity);
-            if (children) {
+            if (children && children.length > 0) {
                 return children.every(child => {
                     if (!checkboxVisible(child, true)) {
                         return true;
@@ -64,7 +61,7 @@ const calculateSelectionState = (entities, selections, all, checkboxVisible, che
                     return selections.has(child.id);
                 });
             }
-            return false;
+            return selections.has(entity.id);
         }
         return selections.has(entity.id);
     })

package/dist/table/selectable/utils/getCurrentPageSelection.js

@@ -5,12 +5,15 @@ const showMoreRow_1 = require("../../../commonHelpers/showMoreRow");
 const getCurrentPageSelection = (entities, selectable) => {
     const newSelections = new Set();
     entities.forEach(entity => {
-        const isVisible = (selectable === null || selectable === void 0 ? void 0 : selectable.checkboxVisible) ? selectable.checkboxVisible(entity) : true;
+        const isVisible = !entity.isLoading && !(0, showMoreRow_1.isShowMoreRow)(entity) && ((selectable === null || selectable === void 0 ? void 0 : selectable.checkboxVisible) ? selectable.checkboxVisible(entity) : true);
         const isEnabled = !(selectable === null || selectable === void 0 ? void 0 : selectable.checkboxDisabled) || !selectable.checkboxDisabled(entity);
-        if ((selectable === null || selectable === void 0 ? void 0 : selectable.strategy) === "nested") {
-            ((0, showMoreRow_1.getChildrenForSelection)(entity) || []).forEach(child => {
-                const isChildVisible = selectable.checkboxVisible ? selectable.checkboxVisible(child, true) : true;
-                const isChildEnabled = !selectable.checkboxDisabled || !selectable.checkboxDisabled(child, true);
+        const children = (selectable === null || selectable === void 0 ? void 0 : selectable.strategy) === "nested" ? (0, showMoreRow_1.getChildrenForSelection)(entity) : undefined;
+        if (children && children.length > 0) {
+            children.forEach(child => {
+                const isChildVisible = !child.isLoading &&
+                    !(0, showMoreRow_1.isShowMoreRow)(child) &&
+                    ((selectable === null || selectable === void 0 ? void 0 : selectable.checkboxVisible) ? selectable.checkboxVisible(child, true) : true);
+                const isChildEnabled = !(selectable === null || selectable === void 0 ? void 0 : selectable.checkboxDisabled) || !selectable.checkboxDisabled(child, true);
                 if (isChildVisible && isChildEnabled) {
                     newSelections.add(child.id);
                 }

package/dist/table/table.d.ts

@@ -1,6 +1,6 @@
 import { IZenComponentProps, IZenGridItem } from "../commonHelpers/zenComponent";
 import { ReactNode } from "react";
-import { ISelectableRowsOptions } from "./selectable/useSelectableRows";
+import { getEmptySelection, ISelectableRowsOptions } from "./selectable/useSelectableRows";
 import { ISortableOptions } from "./sortable/useSortableColumns";
 import { IFlexibleColumnsOptions } from "./flexible/useFlexibleColumns";
 import { IColumnComponent, IListColumnWrapper } from "../dataGrid/listColumn";
@@ -11,7 +11,6 @@ import { ITablePagination, TablePagination } from "./children/tablePagination";
 import { ITableEmpty, TableEmpty } from "./children/tableEmpty";
 import { ITableFooter, TableFooter } from "./children/tableFooter";
 import "./table.less";
-import { getEmptySelection } from "./selectable/useSelectableRows";
 import { ColumnSortDirection } from "./sortable/interfaces";
 import { getSortableValue } from "./sortable/useSortableColumns";
 import { ActionsColumn } from "../dataGrid/columns/actionsColumn/actionsColumn";

package/dist/table/table.js

@@ -13,22 +13,6 @@ const dataFeed_1 = require("../dataFeed/dataFeed");
 const dataGrid_1 = require("../dataGrid/dataGrid");
 const lazyLoadingEnd_1 = require("../dataGrid/lazyLoadingEnd/lazyLoadingEnd");
 const useSelectableRows_1 = require("./selectable/useSelectableRows");
-const useSortableColumns_1 = require("./sortable/useSortableColumns");
-const useFlexibleColumns_1 = require("./flexible/useFlexibleColumns");
-const useActions_1 = require("./actions/useActions");
-const useLoading_1 = require("./loading/useLoading");
-const emptySearchList_1 = require("../dataGrid/emptySearchList/emptySearchList");
-const entitiesListActions_1 = require("../dataGrid/entitiesListActions/entitiesListActions");
-const dataFeedSelectPanel_1 = require("../dataFeed/dataFeedSelectPanel/dataFeedSelectPanel");
-const columnsListButton_1 = require("../dataGrid/entitiesListActions/actions/columnsListButton");
-const useTableChildren_1 = require("./children/useTableChildren");
-const deviceType_1 = require("../commonHelpers/hooks/deviceType");
-const useMobile_1 = require("../commonHelpers/hooks/useMobile");
-const tableFullscreen_1 = require("./children/tableFullscreen");
-const tableBulkActions_1 = require("./children/tableBulkActions");
-const tablePagination_1 = require("./children/tablePagination");
-const tableEmpty_1 = require("./children/tableEmpty");
-const tableFooter_1 = require("./children/tableFooter");
 injectString("da-DK", "Loading more rows", "Indl\xE6ser flere r\xE6kker");
 injectString("en", "Loading more rows", "Loading more rows");
 injectString("fi-FI", "Loading more rows", "Ladataan lis\xE4\xE4 rivej\xE4");
@@ -146,13 +130,29 @@ injectString("ka-GE", "Bulk select", "\u10DB\u10D0\u10E1\u10D8\u10E3\u10E0\u10D8
 injectString("el-GR", "Bulk select", "\u039C\u03B1\u03B6\u03B9\u03BA\u03AE \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE");
 injectString("et-EE", "Bulk select", "Massvalimine");
 injectString("bg-BG", "Bulk select", "\u041C\u0430\u0441\u043E\u0432 \u0438\u0437\u0431\u043E\u0440");
-const useSelectableRows_2 = require("./selectable/useSelectableRows");
 Object.defineProperty(exports, "getEmptySelection", {
   enumerable: true,
   get: function () {
-    return useSelectableRows_2.getEmptySelection;
+    return useSelectableRows_1.getEmptySelection;
   }
 });
+const useSortableColumns_1 = require("./sortable/useSortableColumns");
+const useFlexibleColumns_1 = require("./flexible/useFlexibleColumns");
+const useActions_1 = require("./actions/useActions");
+const useLoading_1 = require("./loading/useLoading");
+const emptySearchList_1 = require("../dataGrid/emptySearchList/emptySearchList");
+const entitiesListActions_1 = require("../dataGrid/entitiesListActions/entitiesListActions");
+const dataFeedSelectPanel_1 = require("../dataFeed/dataFeedSelectPanel/dataFeedSelectPanel");
+const columnsListButton_1 = require("../dataGrid/entitiesListActions/actions/columnsListButton");
+const useTableChildren_1 = require("./children/useTableChildren");
+const deviceType_1 = require("../commonHelpers/hooks/deviceType");
+const useMobile_1 = require("../commonHelpers/hooks/useMobile");
+const getCurrentPageSelection_1 = require("./selectable/utils/getCurrentPageSelection");
+const tableFullscreen_1 = require("./children/tableFullscreen");
+const tableBulkActions_1 = require("./children/tableBulkActions");
+const tablePagination_1 = require("./children/tablePagination");
+const tableEmpty_1 = require("./children/tableEmpty");
+const tableFooter_1 = require("./children/tableFooter");
 const interfaces_1 = require("./sortable/interfaces");
 Object.defineProperty(exports, "ColumnSortDirection", {
   enumerable: true,
@@ -235,7 +235,7 @@ const TableInner = ({
   active,
   onClick
 }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e;
   const isMobile = (0, useMobile_1.useMobile)();
   const {
     translate
@@ -325,13 +325,19 @@ const TableInner = ({
   } = (0, useFeedExpandable_1.useFeedExpandable)(isMobile, feedExpandable);
   // Keep bulk-action state available during initial/replacement loading for backward compatibility.
   // The row controls themselves still use selectableForRender and remain hidden until real rows can render.
-  const selectionQty = (0, react_1.useMemo)(() => {
+  const allSelected = (0, react_1.useMemo)(() => {
     var _a, _b;
+    return (0, useSelectableRows_1.isAllSelection)((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all, (_b = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _b === void 0 ? void 0 : _b.selected.length, selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions);
+  }, [(_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all, selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions, (_d = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _d === void 0 ? void 0 : _d.selected.length]);
+  const selectionQty = (0, react_1.useMemo)(() => {
+    var _a;
     if (!selectable) {
       return 0;
     }
-    return ((_a = selectable.selection) === null || _a === void 0 ? void 0 : _a.all) ? loadingEntities.length : ((_b = selectable.selection) === null || _b === void 0 ? void 0 : _b.selected.length) || 0;
-  }, [selectable, loadingEntities.length]);
+    const ids = new Set((_a = selectable.selection) === null || _a === void 0 ? void 0 : _a.selected);
+    const base = entities.length > 0 ? entities : loadingEntities;
+    return allSelected ? [...(0, getCurrentPageSelection_1.getCurrentPageSelection)(base, selectable)].filter(id => !selectable.allowExclusions || !ids.has(id)).length : ids.size;
+  }, [selectable, entities, loadingEntities, allSelected]);
   const clearSelection = (0, react_1.useCallback)(() => {
     setSelectMode(false);
     selectable === null || selectable === void 0 ? void 0 : selectable.onSelect({
@@ -348,6 +354,7 @@ const TableInner = ({
   }, [onClickRow]);
   const {
     bulkActions,
+    hasSelection,
     pagination,
     paginationTotal,
     activePage,
@@ -356,7 +363,7 @@ const TableInner = ({
     detailPanel,
     footer,
     other
-  } = (0, useTableChildren_1.useTableChildren)(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection, activeId, gridRef, onCloseDetailPanel, isInfinite, entities.length);
+  } = (0, useTableChildren_1.useTableChildren)(children, isMobile, selectionQty, allSelected, clearSelection, activeId, gridRef, onCloseDetailPanel, isInfinite, entities.length, (selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions) && ((_e = selectable.selection) === null || _e === void 0 ? void 0 : _e.all) ? new Set(selectable.selection.selected).size : 0, (selectable === null || selectable === void 0 ? void 0 : selectable.strategy) !== "nested" && !(selectable === null || selectable === void 0 ? void 0 : selectable.checkboxDisabled) && !(selectable === null || selectable === void 0 ? void 0 : selectable.checkboxVisible), !!feedEndCallback || !!isLoading);
   const hasDetailPanel = !!detailPanel;
   const shouldEnableRowClick = hasDetailPanel || !!onClick;
   const activeIdForRow = shouldEnableRowClick ? activeId : undefined;
@@ -391,7 +398,7 @@ const TableInner = ({
       children: [hasToolbar ? (0, jsx_runtime_1.jsxs)(entitiesListActions_1.EntitiesListActions, {
         gridType: isMobile ? deviceType_1.DeviceType.Mobile : deviceType_1.DeviceType.Desktop,
         children: [(0, jsx_runtime_1.jsxs)(entitiesListActions_1.EntitiesListActions.Actions, {
-          children: [!isMobile && bulkActions && selectionQty > 0 ? bulkActions : null, feedSortControl]
+          children: [!isMobile && hasSelection ? bulkActions : null, feedSortControl]
         }), showPagination || other.length > 0 ? (0, jsx_runtime_1.jsxs)(entitiesListActions_1.EntitiesListActions.Pagination, {
           children: [(0, jsx_runtime_1.jsx)(entitiesListActions_1.EntitiesListActions.CustomElements, {
             children: other

package/esm/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts

@@ -12,6 +12,8 @@ export interface IBulkActionsProps extends IZenComponentProps {
      * even when `selected` is 0 (i.e., cross-page "select all" is active).
      */
     allSelected?: boolean;
+    /** Show a selection label without a count when the selected total is unknown. */
+    selectionCountUnknown?: boolean;
     onClearSelection: () => void;
     onSelectAll?: () => void;
     gridType?: DeviceType;
@@ -23,7 +25,7 @@ export interface IBulkActions extends IBulkActionsProps {
     ActionButton: (props: IBulkActionButton) => ReactNode;
 }
 export declare const BulkActions: {
-    ({ selected, allSelected, className, onClearSelection, onSelectAll, gridType, children, turnOffSelectAll }: IBulkActionsProps): import("react/jsx-runtime").JSX.Element;
+    ({ selected, allSelected, selectionCountUnknown, className, onClearSelection, onSelectAll, gridType, children, turnOffSelectAll }: IBulkActionsProps): import("react/jsx-runtime").JSX.Element;
     ActionLink: ({ title, icon, link, disabled, type, ref }: IBulkActionLink) => import("react/jsx-runtime").JSX.Element;
     ActionButton: ({ title, icon, clickHandler, onClick, disabled, type, ref }: IBulkActionButton) => import("react/jsx-runtime").JSX.Element;
     translations: string[];

package/esm/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js

@@ -13,6 +13,39 @@ import { useResizeObserver } from "../../../../commonHelpers/hooks/useResizeObse
 import { Menu } from "../../../../menu/menu";
 import { IconDotVertical } from "../../../../icons/iconDotVertical";
 import { Button } from "../../../../button/button";
+injectString("cs", "Selected", "Vybr\xE1no");
+injectString("da-DK", "Selected", "Valgt");
+injectString("de", "Selected", "Ausgew\xE4hlt");
+injectString("en", "Selected", "Selected");
+injectString("es", "Selected", "Seleccionado");
+injectString("fi-FI", "Selected", "Valittu");
+injectString("fr", "Selected", "S\xE9lectionn\xE9");
+injectString("fr-FR", "Selected", "S\xE9lectionn\xE9");
+injectString("hu-HU", "Selected", "Kiv\xE1lasztott");
+injectString("id", "Selected", "Dipilih");
+injectString("it", "Selected", "Selezionato");
+injectString("ja", "Selected", "\u9078\u629E\u8ECA\u4E21");
+injectString("ko-KR", "Selected", "\uC120\uD0DD\uB428");
+injectString("ms", "Selected", "Dipilih");
+injectString("nb-NO", "Selected", "Valgt");
+injectString("nl", "Selected", "Geselecteerd");
+injectString("pl", "Selected", "Wybrano");
+injectString("pt-BR", "Selected", "Selecionado");
+injectString("pt-PT", "Selected", "Selecionado");
+injectString("sk-SK", "Selected", "Vybran\xE9");
+injectString("sv", "Selected", "Valda");
+injectString("th", "Selected", "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E41\u0E25\u0E49\u0E27");
+injectString("tr", "Selected", "Se\xE7ildi");
+injectString("zh-Hans", "Selected", "\u9009\u4E2D\u7684");
+injectString("zh-TW", "Selected", "\u5DF2\u9078\u53D6");
+injectString("ro-RO", "Selected", "Selec\u021Bie");
+injectString("ar-001", "Selected", "\u0627\u0644\u0645\u062D\u062F\u062F");
+injectString("lt-LT", "Selected", "Pasirinkta");
+injectString("lv-LV", "Selected", "Atlas\u012Bts");
+injectString("ka-GE", "Selected", "\u10D0\u10E0\u10E9\u10D4\u10E3\u10DA\u10D8");
+injectString("el-GR", "Selected", "\u0395\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03B1");
+injectString("et-EE", "Selected", "Valitud");
+injectString("bg-BG", "Selected", "\u0418\u0437\u0431\u0440\u0430\u043D\u0438");
 injectString("cs", "{1} selected", "{1} vybran\xFD/vybran\xE9");
 injectString("da-DK", "{1} selected", "{1} valgt");
 injectString("de", "{1} selected", "{1} ausgew\xE4hlt");
@@ -181,6 +214,7 @@ injectString("bg-BG", "More", "\u041F\u043E\u0432\u0435\u0447\u0435");
 export const BulkActions = ({
   selected,
   allSelected,
+  selectionCountUnknown,
   className,
   onClearSelection,
   onSelectAll,
@@ -214,7 +248,8 @@ export const BulkActions = ({
     widthDelta
   });
   const isMobile = gridType === DeviceType.Mobile;
-  const text = translate("{1} selected").replace("{1}", allSelected ? translate("All") : selected.toFixed());
+  const hasSelection = selected > 0 || allSelected || selectionCountUnknown;
+  const text = selectionCountUnknown ? translate("Selected") : translate("{1} selected").replace("{1}", allSelected ? translate("All") : selected.toFixed());
   return _jsxs("div", {
     className: classNames(["zen-bulk-actions", className || "", isMobile ? "zen-bulk-actions--condensed" : ""]),
     ref: bulkActionsElement,
@@ -240,7 +275,7 @@ export const BulkActions = ({
       className: "zen-bulk-actions__action-button-holder",
       ref: buttonHolder,
       children: [Children.map(visibleElements, element => cloneElement(element, {
-        disabled: selected > 0 || allSelected ? element.props.disabled : true
+        disabled: hasSelection ? element.props.disabled : true
       })), nonFittingElements.length > 0 ? _jsx(Menu, {
         title: translate("More"),
         trigger: _jsx(TextIconButton, {
@@ -261,7 +296,7 @@ export const BulkActions = ({
             id: props.id || "",
             name: props.title,
             icon: props.icon,
-            disabled: props.disabled,
+            disabled: hasSelection ? props.disabled : true,
             onClick: clickHandler,
             link: link
           }, props.id);
@@ -276,4 +311,4 @@ export const BulkActions = ({
 };
 BulkActions.ActionLink = BulkActionLink;
 BulkActions.ActionButton = BulkActionButton;
-BulkActions.translations = ["Clear selection", "More options", "{1} selected", "Selecting..."];
+BulkActions.translations = ["Clear selection", "More options", "{1} selected", "Selecting...", "Selected"];

package/esm/table/children/useTableChildren.d.ts

@@ -1,6 +1,7 @@
 import { ReactElement, ReactNode, RefObject } from "react";
-export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void, isInfinite?: boolean, loadedCount?: number) => {
-    bulkActions: ReactElement | undefined;
+export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void, isInfinite?: boolean, loadedCount?: number, excludedCount?: number, canUsePaginationTotal?: boolean, hasMoreRows?: boolean) => {
+    bulkActions: import("react/jsx-runtime").JSX.Element | undefined;
+    hasSelection: boolean;
     pagination: ReactElement | undefined;
     paginationTotal: number | undefined;
     activePage: undefined;

package/esm/table/children/useTableChildren.js

@@ -28,8 +28,8 @@ export const useTableChildren = (children, isMobile, selected, allSelected, clea
 // Desktop infinite scroll (Table's `onScrollEnd`): when true, a `Table.Pagination` child is
 // rendered as the chevron-less "loaded" variant (see `pagination.tsx`) instead of the normal
 // paged controls, driven by `loadedCount` (the number of rows currently rendered).
-isInfinite = false, loadedCount = 0) => useMemo(() => {
-    let bulkActions = undefined;
+isInfinite = false, loadedCount = 0, excludedCount = 0, canUsePaginationTotal = true, hasMoreRows = false) => useMemo(() => {
+    let bulkActionButtons;
     let tablePagination = undefined;
     let activePage = undefined;
     // A plain `let` reassigned only inside the `Children.forEach` callback below would be seen
@@ -49,11 +49,11 @@ isInfinite = false, loadedCount = 0) => useMemo(() => {
             return;
         }
         if (isChildElement(child, TableBulkActions.displayName)) {
-            const bulkActionButtons = child.props.children || [];
-            bulkActions = (_jsx(BulkActions, { gridType: isMobile ? DeviceType.Mobile : DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, children: bulkActionButtons }));
+            bulkActionButtons = child.props.children || [];
             return;
         }
         if (isChildElement(child, TablePagination.displayName)) {
+            paginationMeta.present = true;
             const total = child.props.total || 0;
             tablePagination = isInfinite
                 ? createElement(Pagination, {
@@ -75,7 +75,7 @@ isInfinite = false, loadedCount = 0) => useMemo(() => {
                     gridRef: gridRef,
                     disabled: child.props.disabled
                 });
-            paginationMeta.total = total;
+            paginationMeta.total = child.props.total;
             activePage = child.props.activePage;
             return;
         }
@@ -113,8 +113,18 @@ isInfinite = false, loadedCount = 0) => useMemo(() => {
         }
         other.push(child);
     });
+    const allRowsLoaded = (!paginationMeta.present && !hasMoreRows) || (paginationMeta.total !== undefined && loadedCount >= paginationMeta.total);
+    const hasExclusions = allSelected && excludedCount > 0;
+    const selectedCount = allSelected && !allRowsLoaded
+        ? canUsePaginationTotal && paginationMeta.total !== undefined
+            ? Math.max(0, paginationMeta.total - excludedCount)
+            : undefined
+        : selected;
+    const hasSelection = selectedCount === undefined || selectedCount > 0;
+    const bulkActions = bulkActionButtons !== undefined ? (_jsx(BulkActions, { gridType: isMobile ? DeviceType.Mobile : DeviceType.Desktop, selected: selectedCount !== null && selectedCount !== void 0 ? selectedCount : selected, allSelected: allSelected && !hasExclusions && hasSelection, selectionCountUnknown: hasExclusions && selectedCount === undefined, onClearSelection: clearSelection, children: bulkActionButtons })) : undefined;
     return {
-        bulkActions: bulkActions,
+        bulkActions,
+        hasSelection,
         pagination: tablePagination,
         paginationTotal: paginationMeta.total,
         activePage: activePage,
@@ -124,4 +134,18 @@ isInfinite = false, loadedCount = 0) => useMemo(() => {
         detailPanel: detailPanel,
         other: other
     };
-}, [children, clearSelection, isMobile, selected, gridRef, allSelected, activeId, onCloseDetailPanel, isInfinite, loadedCount]);
+}, [
+    children,
+    clearSelection,
+    isMobile,
+    selected,
+    gridRef,
+    allSelected,
+    activeId,
+    onCloseDetailPanel,
+    isInfinite,
+    loadedCount,
+    excludedCount,
+    canUsePaginationTotal,
+    hasMoreRows
+]);

package/esm/table/selectable/interfaces.d.ts

@@ -10,14 +10,9 @@ export interface ISelectionValue {
      */
     all: boolean;
     /**
-     * The meaning of this list depends on `all`:
-     * - when `all` is `false`, it is the ids explicitly *included* in the selection.
-     * - when `all` is `true`, it is the ids explicitly *excluded* from the otherwise
-     *   fully-selected set (e.g. rows unchecked after a "select all" across paginated data).
-     *
-     * This lets `all: true` represent "all except these ids" without needing to know the
-     * full id universe (MYG-142234) - unchecking a row while `all` is true only ever adds
-     * to this exclusion list; it must never be rebuilt from the currently rendered page.
+     * Included IDs by default. With `ISelectableRowsOptions.allowExclusions: true`,
+     * these are excluded IDs while `all` is true, and included IDs while `all` is false.
+     * Consumers opting in must resolve the effective selection before running bulk actions.
      */
     selected: string[];
 }

package/esm/table/selectable/useSelectableRows.d.ts

@@ -8,6 +8,8 @@ export type TSelectionStrategy = "main" | "nested";
 export interface ISelectableRowsOptions<T extends IRowEntity<N>, N extends IEntityWithId> {
     selection: ISelectionValue | undefined;
     onSelect: (selection: ISelectionValue) => void;
+    /** Preserve cross-page Select All using excluded IDs. Consumers must resolve exclusions before running bulk actions. Defaults to false. */
+    allowExclusions?: boolean;
     checkboxDisabled?: (entity: T | N, isNested?: boolean) => boolean;
     checkboxVisible?: (entity: T | N, isNested?: boolean) => boolean;
     checkboxInHeader?: boolean;
@@ -32,6 +34,7 @@ export declare const getEmptySelection: () => {
     all: boolean;
     selected: string[];
 };
+export declare const isAllSelection: (all: boolean | undefined, selectedCount: number | undefined, allowExclusions?: boolean) => boolean;
 export declare const SelectableWrapperName = "Selectable";
 export declare const useSelectableRows: <T extends IRowEntity<N>, N extends IEntityWithId>(columns: IListColumn<T, N>[], entities: T[], isMobile: boolean, selectMode: boolean, setSelectMode: (value: boolean) => void, selectable?: ISelectableRowsOptions<T, N>, isInfinite?: boolean, gridRef?: RefObject<HTMLElement | null>, expandedRows?: string[]) => {
     selectableColumns: IListColumn<T, N>[];

package/esm/table/selectable/useSelectableRows.js

@@ -1,5 +1,6 @@
 import { injectString } from "../../utils/localization/translationsDictionary";
 import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable complexity */
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { SelectionState } from "./interfaces";
 import { CheckboxCell } from "../../dataGrid/columns/checkboxColumn/checkboxCell";
@@ -83,9 +84,11 @@ export const getEmptySelection = () => ({
   all: false,
   selected: []
 });
+export const isAllSelection = (all, selectedCount, allowExclusions) => !!all && (!!allowExclusions || selectedCount === 0);
 export const SelectableWrapperName = "Selectable";
 // Infinite scroll has no pages, so the header checkbox always means "select all" (never current page).
 const resolveCheckboxEmitsCurrentPage = (isInfinite, checkboxSelectsCurrentPage, turnOffSelectAll) => isInfinite ? false : checkboxSelectsCurrentPage !== null && checkboxSelectsCurrentPage !== void 0 ? checkboxSelectsCurrentPage : turnOffSelectAll;
+const getSelectionMenuState = (allSelected, selections, pageState) => allSelected ? selections.size === 0 ? SelectionState.All : SelectionState.Partial : pageState;
 export const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMode, selectable, isInfinite = false, gridRef, expandedRows) => {
   var _a;
   const {
@@ -129,20 +132,25 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
   }, [selectable === null || selectable === void 0 ? void 0 : selectable.checkboxPlaceholder, selectable === null || selectable === void 0 ? void 0 : selectable.checkboxVisible, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
   const isAllSelected = useMemo(() => {
     var _a;
-    return ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) || false;
-  }, [(_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all]);
+    return isAllSelection((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all, selections.size, selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions);
+  }, [(_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all, selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions, selections.size]);
   const selectableState = useMemo(() => calculateSelectionState(entities, selections, isAllSelected, checkboxVisible, checkboxDisabled, selectable === null || selectable === void 0 ? void 0 : selectable.strategy), [checkboxDisabled, checkboxVisible, entities, isAllSelected, selections, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
+  const selectionMenuState = getSelectionMenuState(isAllSelected, selections, selectableState);
   const firstColumnId = useMemo(() => columns.length > 0 ? columns[0].id : null, [columns]);
   useEffect(() => {
     if (selectable && selectable.selection) {
       const newSelections = new Set(selectable.selection.selected);
-      const newState = calculateSelectionState(entities, newSelections, selectable.selection.all || false, checkboxVisible, checkboxDisabled, selectable.strategy);
+      const newState = calculateSelectionState(entities, newSelections, isAllSelected, checkboxVisible, checkboxDisabled, selectable.strategy);
       setState(newState);
     }
-  }, [checkboxDisabled, checkboxVisible, entities, selectable, setSelectMode, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
+  }, [checkboxDisabled, checkboxVisible, entities, selectable, setSelectMode, selectable === null || selectable === void 0 ? void 0 : selectable.strategy, isAllSelected]);
   const getNewSelection = useCallback((id, checked) => {
-    var _a;
-    if ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) {
+    if (isAllSelected && !(selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions)) {
+      const included = getCurrentPageSelection(entities, wrappedSelectable);
+      checkRow(included, wrappedSelectable, entities, id, checked);
+      return included;
+    }
+    if (isAllSelected) {
       // MYG-142234: `selections` holds the ids excluded from the "all" selection.
       // Toggling a row here must only ever add/remove that single id from the
       // exclusion set - it must never be rebuilt from `entities` (the current page),
@@ -153,10 +161,9 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
     }
     checkRow(selections, wrappedSelectable, entities, id, checked);
     return selections;
-  }, [entities, selectable, wrappedSelectable, selections]);
+  }, [entities, selectable, wrappedSelectable, selections, isAllSelected]);
   const onSelectListener = useCallback((id, checked) => {
-    var _a;
-    const wasAllSelected = ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) || false;
+    const wasAllSelected = !!(selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions) && isAllSelected;
     const newSelection = getNewSelection(id, checked);
     const newState = calculateSelectionState(entities, newSelection, wasAllSelected, checkboxVisible, checkboxDisabled, selectable === null || selectable === void 0 ? void 0 : selectable.strategy);
     // MYG-142234: once selection spans "all" pages, unchecking a row must keep `all: true`
@@ -171,26 +178,26 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
     setState(newState);
     selectable === null || selectable === void 0 ? void 0 : selectable.onSelect(newValue);
     setSelectMode(newValue.all || newValue.selected.length > 0);
-  }, [checkboxDisabled, checkboxVisible, entities, selectable, setSelectMode, setState, getNewSelection]);
+  }, [checkboxDisabled, checkboxVisible, entities, selectable, setSelectMode, setState, getNewSelection, isAllSelected]);
   const onBatchSelect = useCallback((rangeIds, select, base) => {
-    var _a;
     const result = new Set(base);
     const limit = selectable === null || selectable === void 0 ? void 0 : selectable.selectionLimit;
+    const wasAllSelected = !!(selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions) && isAllSelected;
     for (const id of rangeIds) {
-      if (select && limit !== undefined && result.size >= limit) {
+      if (!wasAllSelected && select && limit !== undefined && result.size >= limit) {
         break;
       }
-      checkRow(result, wrappedSelectable, entities, id, select);
+      checkRow(result, wrappedSelectable, entities, id, wasAllSelected ? !select : select);
     }
-    const newState = calculateSelectionState(entities, result, ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) || false, checkboxVisible, checkboxDisabled, selectable === null || selectable === void 0 ? void 0 : selectable.strategy);
+    const newState = calculateSelectionState(entities, result, wasAllSelected, checkboxVisible, checkboxDisabled, selectable === null || selectable === void 0 ? void 0 : selectable.strategy);
     const newValue = {
       selected: [...result],
-      all: newState === SelectionState.All
+      all: wasAllSelected || newState === SelectionState.All
     };
     setState(newState);
     selectable === null || selectable === void 0 ? void 0 : selectable.onSelect(newValue);
     setSelectMode(newValue.all || newValue.selected.length > 0);
-  }, [entities, selectable, wrappedSelectable, checkboxVisible, checkboxDisabled, setSelectMode]);
+  }, [entities, selectable, wrappedSelectable, checkboxVisible, checkboxDisabled, setSelectMode, isAllSelected]);
   // Deliberately independent of the current selection, so the drag anchor survives the
   // selection changes a drag itself produces.
   const {
@@ -201,7 +208,7 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
     const entity = entityById.get(row.id);
     return !!entity && checkboxVisible(entity, row.isNested) && !checkboxDisabled(entity, row.isNested);
   }, [entityById, checkboxVisible, checkboxDisabled]);
-  const getBaseSelection = useCallback(() => state === SelectionState.All ? getCurrentPageSelection(entities, wrappedSelectable) : new Set(selections), [state, entities, wrappedSelectable, selections]);
+  const getBaseSelection = useCallback(() => isAllSelected && !(selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions) ? getCurrentPageSelection(entities, wrappedSelectable) : new Set(selections), [isAllSelected, selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions, entities, wrappedSelectable, selections]);
   const {
     onCheckboxMouseDown,
     suppressNextChangeRef
@@ -233,14 +240,12 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
     }
     const newSelections = getCurrentPageSelection(entities, wrappedSelectable);
     setState(newState);
-    // MYG-142234: previous `selected` ids mean something different depending on `all` -
-    // included ids when `all` is false, excluded ids when `all` is true. Switching to an
-    // explicit "select current page" here always leaves `all: false`, so a previous
-    // exclusion list must not be reinterpreted as an inclusion list.
-    const previousSelections = ((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all) ? [] : (_c = (_b = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _b === void 0 ? void 0 : _b.selected) !== null && _c !== void 0 ? _c : [];
-    const mergedSelections = new Set([...previousSelections, ...newSelections]);
-    const newValue = {
-      selected: [...mergedSelections],
+    const previousSelections = (_b = (_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.selected) !== null && _b !== void 0 ? _b : [];
+    const newValue = (selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions) && ((_c = selectable.selection) === null || _c === void 0 ? void 0 : _c.all) ? {
+      selected: previousSelections.filter(id => !newSelections.has(id)),
+      all: true
+    } : {
+      selected: [...new Set([...previousSelections, ...newSelections])],
       all: false
     };
     selectable === null || selectable === void 0 ? void 0 : selectable.onSelect(newValue);
@@ -319,7 +324,9 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
               const newState = checkboxEmitsCurrentPage ? SelectionState.CurrentPage : SelectionState.All;
               setState(newState);
               onChangeSelectionState(newState);
-            } else if ((_a = selectable.selection) === null || _a === void 0 ? void 0 : _a.all) {
+            } else if (isInfinite) {
+              onChangeSelectionState(SelectionState.None);
+            } else if (selectable.allowExclusions && ((_a = selectable.selection) === null || _a === void 0 ? void 0 : _a.all)) {
               // MYG-142234: in exclusion mode, `selected` holds excluded ids. Unchecking
               // the header must add the current page's ids to that exclusion set and
               // keep `all: true` - it must never be treated as an inclusion list, or
@@ -347,7 +354,7 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
               setSelectMode(remaining.length > 0);
             }
           },
-          calculateSelectionState: () => selectableState,
+          calculateSelectionState: () => selectionMenuState,
           checkboxInHeader: checkboxInHeaderValue,
           header: selectableHeader,
           onSelect: newState => {
@@ -360,7 +367,7 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
         return cell;
       }
     };
-  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onCheckboxChange, onCheckboxMouseDown, hasSelectable, checkboxEmitsCurrentPage, checkboxInHeaderValue, selectableHeader, selectableTurnOffSelectAll, isInfinite, selectable, wrappedSelectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked, entities, setSelectMode]);
+  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onCheckboxChange, onCheckboxMouseDown, hasSelectable, checkboxEmitsCurrentPage, checkboxInHeaderValue, selectableHeader, selectableTurnOffSelectAll, isInfinite, selectable, wrappedSelectable, selectionMenuState, state, isMobile, checkboxPlaceholder, isEntityChecked, entities, setSelectMode]);
   const selectableFeedWrapper = useCallback((primaryData, secondaryData, entity, isNested) => {
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!entity) {

package/esm/table/selectable/utils/calculateSelectionState.js

@@ -9,10 +9,7 @@ export const calculateSelectionState = (entities, selections, all, checkboxVisib
         // otherwise-fully-selected set (see ISelectionValue), rather than included ids.
         const isExcluded = (entity) => {
             const children = strategy === "nested" ? getChildrenForSelection(entity) : undefined;
-            if (children) {
-                if (children.length === 0) {
-                    return false;
-                }
+            if (children && children.length > 0) {
                 return children.every(child => {
                     if (!checkboxVisible(child, true)) {
                         return true;
@@ -27,7 +24,7 @@ export const calculateSelectionState = (entities, selections, all, checkboxVisib
         };
         const isPartiallyExcluded = (entity) => {
             const children = strategy === "nested" ? getChildrenForSelection(entity) : undefined;
-            if (children) {
+            if (children && children.length > 0) {
                 return children.some(child => selections.has(child.id));
             }
             return selections.has(entity.id);
@@ -50,7 +47,7 @@ export const calculateSelectionState = (entities, selections, all, checkboxVisib
         }
         if (strategy === "nested") {
             const children = getChildrenForSelection(entity);
-            if (children) {
+            if (children && children.length > 0) {
                 return children.every(child => {
                     if (!checkboxVisible(child, true)) {
                         return true;
@@ -61,7 +58,7 @@ export const calculateSelectionState = (entities, selections, all, checkboxVisib
                     return selections.has(child.id);
                 });
             }
-            return false;
+            return selections.has(entity.id);
         }
         return selections.has(entity.id);
     })

package/esm/table/selectable/utils/getCurrentPageSelection.js

@@ -1,13 +1,16 @@
-import { getChildrenForSelection } from "../../../commonHelpers/showMoreRow";
+import { getChildrenForSelection, isShowMoreRow } from "../../../commonHelpers/showMoreRow";
 export const getCurrentPageSelection = (entities, selectable) => {
     const newSelections = new Set();
     entities.forEach(entity => {
-        const isVisible = (selectable === null || selectable === void 0 ? void 0 : selectable.checkboxVisible) ? selectable.checkboxVisible(entity) : true;
+        const isVisible = !entity.isLoading && !isShowMoreRow(entity) && ((selectable === null || selectable === void 0 ? void 0 : selectable.checkboxVisible) ? selectable.checkboxVisible(entity) : true);
         const isEnabled = !(selectable === null || selectable === void 0 ? void 0 : selectable.checkboxDisabled) || !selectable.checkboxDisabled(entity);
-        if ((selectable === null || selectable === void 0 ? void 0 : selectable.strategy) === "nested") {
-            (getChildrenForSelection(entity) || []).forEach(child => {
-                const isChildVisible = selectable.checkboxVisible ? selectable.checkboxVisible(child, true) : true;
-                const isChildEnabled = !selectable.checkboxDisabled || !selectable.checkboxDisabled(child, true);
+        const children = (selectable === null || selectable === void 0 ? void 0 : selectable.strategy) === "nested" ? getChildrenForSelection(entity) : undefined;
+        if (children && children.length > 0) {
+            children.forEach(child => {
+                const isChildVisible = !child.isLoading &&
+                    !isShowMoreRow(child) &&
+                    ((selectable === null || selectable === void 0 ? void 0 : selectable.checkboxVisible) ? selectable.checkboxVisible(child, true) : true);
+                const isChildEnabled = !(selectable === null || selectable === void 0 ? void 0 : selectable.checkboxDisabled) || !selectable.checkboxDisabled(child, true);
                 if (isChildVisible && isChildEnabled) {
                     newSelections.add(child.id);
                 }

package/esm/table/table.d.ts

@@ -1,6 +1,6 @@
 import { IZenComponentProps, IZenGridItem } from "../commonHelpers/zenComponent";
 import { ReactNode } from "react";
-import { ISelectableRowsOptions } from "./selectable/useSelectableRows";
+import { getEmptySelection, ISelectableRowsOptions } from "./selectable/useSelectableRows";
 import { ISortableOptions } from "./sortable/useSortableColumns";
 import { IFlexibleColumnsOptions } from "./flexible/useFlexibleColumns";
 import { IColumnComponent, IListColumnWrapper } from "../dataGrid/listColumn";
@@ -11,7 +11,6 @@ import { ITablePagination, TablePagination } from "./children/tablePagination";
 import { ITableEmpty, TableEmpty } from "./children/tableEmpty";
 import { ITableFooter, TableFooter } from "./children/tableFooter";
 import "./table.less";
-import { getEmptySelection } from "./selectable/useSelectableRows";
 import { ColumnSortDirection } from "./sortable/interfaces";
 import { getSortableValue } from "./sortable/useSortableColumns";
 import { ActionsColumn } from "../dataGrid/columns/actionsColumn/actionsColumn";

package/esm/table/table.js

@@ -4,7 +4,7 @@ import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { DataFeed } from "../dataFeed/dataFeed";
 import { DataGrid as DataGridInternal, EndOfList as DataGridEndOfList } from "../dataGrid/dataGrid";
 import { LazyLoadingEnd } from "../dataGrid/lazyLoadingEnd/lazyLoadingEnd";
-import { useSelectableRows } from "./selectable/useSelectableRows";
+import { getEmptySelection, isAllSelection, useSelectableRows } from "./selectable/useSelectableRows";
 import { useSortableColumns } from "./sortable/useSortableColumns";
 import { useFlexibleColumns } from "./flexible/useFlexibleColumns";
 import { useActions } from "./actions/useActions";
@@ -16,12 +16,12 @@ import { ColumnsListButton } from "../dataGrid/entitiesListActions/actions/colum
 import { useTableChildren } from "./children/useTableChildren";
 import { DeviceType } from "../commonHelpers/hooks/deviceType";
 import { useMobile } from "../commonHelpers/hooks/useMobile";
+import { getCurrentPageSelection } from "./selectable/utils/getCurrentPageSelection";
 import { TableFullscreen } from "./children/tableFullscreen";
 import { TableBulkActions } from "./children/tableBulkActions";
 import { TablePagination } from "./children/tablePagination";
 import { TableEmpty } from "./children/tableEmpty";
 import { TableFooter } from "./children/tableFooter";
-import { getEmptySelection } from "./selectable/useSelectableRows";
 import { ColumnSortDirection } from "./sortable/interfaces";
 import { getSortableValue } from "./sortable/useSortableColumns";
 import { ActionsColumn } from "../dataGrid/columns/actionsColumn/actionsColumn";
@@ -185,7 +185,7 @@ const TableInner = ({
   active,
   onClick
 }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e;
   const isMobile = useMobile();
   const {
     translate
@@ -275,13 +275,19 @@ const TableInner = ({
   } = useFeedExpandable(isMobile, feedExpandable);
   // Keep bulk-action state available during initial/replacement loading for backward compatibility.
   // The row controls themselves still use selectableForRender and remain hidden until real rows can render.
-  const selectionQty = useMemo(() => {
+  const allSelected = useMemo(() => {
     var _a, _b;
+    return isAllSelection((_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.all, (_b = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _b === void 0 ? void 0 : _b.selected.length, selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions);
+  }, [(_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all, selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions, (_d = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _d === void 0 ? void 0 : _d.selected.length]);
+  const selectionQty = useMemo(() => {
+    var _a;
     if (!selectable) {
       return 0;
     }
-    return ((_a = selectable.selection) === null || _a === void 0 ? void 0 : _a.all) ? loadingEntities.length : ((_b = selectable.selection) === null || _b === void 0 ? void 0 : _b.selected.length) || 0;
-  }, [selectable, loadingEntities.length]);
+    const ids = new Set((_a = selectable.selection) === null || _a === void 0 ? void 0 : _a.selected);
+    const base = entities.length > 0 ? entities : loadingEntities;
+    return allSelected ? [...getCurrentPageSelection(base, selectable)].filter(id => !selectable.allowExclusions || !ids.has(id)).length : ids.size;
+  }, [selectable, entities, loadingEntities, allSelected]);
   const clearSelection = useCallback(() => {
     setSelectMode(false);
     selectable === null || selectable === void 0 ? void 0 : selectable.onSelect({
@@ -298,6 +304,7 @@ const TableInner = ({
   }, [onClickRow]);
   const {
     bulkActions,
+    hasSelection,
     pagination,
     paginationTotal,
     activePage,
@@ -306,7 +313,7 @@ const TableInner = ({
     detailPanel,
     footer,
     other
-  } = useTableChildren(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection, activeId, gridRef, onCloseDetailPanel, isInfinite, entities.length);
+  } = useTableChildren(children, isMobile, selectionQty, allSelected, clearSelection, activeId, gridRef, onCloseDetailPanel, isInfinite, entities.length, (selectable === null || selectable === void 0 ? void 0 : selectable.allowExclusions) && ((_e = selectable.selection) === null || _e === void 0 ? void 0 : _e.all) ? new Set(selectable.selection.selected).size : 0, (selectable === null || selectable === void 0 ? void 0 : selectable.strategy) !== "nested" && !(selectable === null || selectable === void 0 ? void 0 : selectable.checkboxDisabled) && !(selectable === null || selectable === void 0 ? void 0 : selectable.checkboxVisible), !!feedEndCallback || !!isLoading);
   const hasDetailPanel = !!detailPanel;
   const shouldEnableRowClick = hasDetailPanel || !!onClick;
   const activeIdForRow = shouldEnableRowClick ? activeId : undefined;
@@ -341,7 +348,7 @@ const TableInner = ({
       children: [hasToolbar ? _jsxs(EntitiesListActions, {
         gridType: isMobile ? DeviceType.Mobile : DeviceType.Desktop,
         children: [_jsxs(EntitiesListActions.Actions, {
-          children: [!isMobile && bulkActions && selectionQty > 0 ? bulkActions : null, feedSortControl]
+          children: [!isMobile && hasSelection ? bulkActions : null, feedSortControl]
         }), showPagination || other.length > 0 ? _jsxs(EntitiesListActions.Pagination, {
           children: [_jsx(EntitiesListActions.CustomElements, {
             children: other

package/package.json

@@ -1,6 +1,9 @@
 {
     "name": "@geotab/zenith",
-    "version": "3.16.0-nightly.20261005.f8d767e",
+    "version": "3.17.0-beta.0",
+    "publishConfig": {
+        "access": "public"
+    },
     "description": "Zenith components library on React",
     "main": "dist/index.js",
     "types": "esm/index.d.ts",
@@ -156,8 +159,5 @@
         "minimatch@<9": {
             "brace-expansion": "^1.1.18"
         }
-    },
-    "publishConfig": {
-        "access": "public"
     }
 }