@cloudscape-design/components-themeable 3.0.645 → 3.0.647

package/lib/internal/template/split-panel/styles.selectors.js

@@ -2,62 +2,62 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_l0d0d_201",
-  "refresh": "awsui_refresh_1r9lg_l0d0d_201",
-  "animating": "awsui_animating_1r9lg_l0d0d_215",
-  "preference-icon--svg": "awsui_preference-icon--svg_1r9lg_l0d0d_328",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_l0d0d_331",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_l0d0d_335",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_l0d0d_338",
-  "preference-icon--border": "awsui_preference-icon--border_1r9lg_l0d0d_341",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_l0d0d_345",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_l0d0d_348",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_l0d0d_351",
-  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_l0d0d_354",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_l0d0d_357",
-  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_1r9lg_l0d0d_361",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_l0d0d_364",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_l0d0d_367",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_l0d0d_370",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_l0d0d_373",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_l0d0d_376",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_l0d0d_379",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_l0d0d_383",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_l0d0d_386",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_l0d0d_389",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_l0d0d_392",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_l0d0d_395",
-  "root": "awsui_root_1r9lg_l0d0d_399",
-  "preferences-button": "awsui_preferences-button_1r9lg_l0d0d_434",
-  "close-button": "awsui_close-button_1r9lg_l0d0d_438",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_l0d0d_450",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_l0d0d_455",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_l0d0d_471",
-  "position-bottom": "awsui_position-bottom_1r9lg_l0d0d_477",
-  "position-side": "awsui_position-side_1r9lg_l0d0d_504",
-  "slider": "awsui_slider_1r9lg_l0d0d_510",
-  "slider-side": "awsui_slider-side_1r9lg_l0d0d_545",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_l0d0d_552",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_l0d0d_563",
-  "open-button": "awsui_open-button_1r9lg_l0d0d_574",
-  "open-button-side": "awsui_open-button-side_1r9lg_l0d0d_578",
-  "slider-icon": "awsui_slider-icon_1r9lg_l0d0d_587",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_l0d0d_593",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_l0d0d_597",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_l0d0d_601",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_l0d0d_612",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_l0d0d_616",
-  "content-bottom": "awsui_content-bottom_1r9lg_l0d0d_625",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_l0d0d_641",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_l0d0d_646",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_l0d0d_650",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_l0d0d_654",
-  "content-side": "awsui_content-side_1r9lg_l0d0d_659",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_l0d0d_669",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_l0d0d_675",
-  "header": "awsui_header_1r9lg_l0d0d_682",
-  "header-text": "awsui_header-text_1r9lg_l0d0d_692",
-  "header-actions": "awsui_header-actions_1r9lg_l0d0d_705",
-  "divider": "awsui_divider_1r9lg_l0d0d_713"
+  "drawer": "awsui_drawer_1r9lg_1dqj1_201",
+  "refresh": "awsui_refresh_1r9lg_1dqj1_201",
+  "animating": "awsui_animating_1r9lg_1dqj1_215",
+  "preference-icon--svg": "awsui_preference-icon--svg_1r9lg_1dqj1_328",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1dqj1_331",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1dqj1_335",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1dqj1_338",
+  "preference-icon--border": "awsui_preference-icon--border_1r9lg_1dqj1_341",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1dqj1_345",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1dqj1_348",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1dqj1_351",
+  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1dqj1_354",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1dqj1_357",
+  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_1r9lg_1dqj1_361",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1dqj1_364",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1dqj1_367",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1dqj1_370",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1dqj1_373",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_1dqj1_376",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1dqj1_379",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1dqj1_383",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1dqj1_386",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1dqj1_389",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1dqj1_392",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1dqj1_395",
+  "root": "awsui_root_1r9lg_1dqj1_399",
+  "preferences-button": "awsui_preferences-button_1r9lg_1dqj1_434",
+  "close-button": "awsui_close-button_1r9lg_1dqj1_438",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_1dqj1_450",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1dqj1_455",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1dqj1_471",
+  "position-bottom": "awsui_position-bottom_1r9lg_1dqj1_478",
+  "position-side": "awsui_position-side_1r9lg_1dqj1_505",
+  "slider": "awsui_slider_1r9lg_1dqj1_511",
+  "slider-side": "awsui_slider-side_1r9lg_1dqj1_546",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1dqj1_553",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1dqj1_564",
+  "open-button": "awsui_open-button_1r9lg_1dqj1_575",
+  "open-button-side": "awsui_open-button-side_1r9lg_1dqj1_579",
+  "slider-icon": "awsui_slider-icon_1r9lg_1dqj1_588",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1dqj1_594",
+  "slider-icon-side": "awsui_slider-icon-side_1r9lg_1dqj1_598",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1dqj1_602",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1dqj1_613",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1dqj1_617",
+  "content-bottom": "awsui_content-bottom_1r9lg_1dqj1_626",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1dqj1_642",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1dqj1_647",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1dqj1_651",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1dqj1_655",
+  "content-side": "awsui_content-side_1r9lg_1dqj1_660",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1dqj1_670",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1dqj1_676",
+  "header": "awsui_header_1r9lg_1dqj1_683",
+  "header-text": "awsui_header-text_1r9lg_1dqj1_693",
+  "header-actions": "awsui_header-actions_1r9lg_1dqj1_706",
+  "divider": "awsui_divider_1r9lg_1dqj1_714"
 };
   

package/lib/internal/template/split-panel/widget.d.ts

@@ -1,6 +1,2 @@
-import React from 'react';
-import { SplitPanelProps } from './interfaces';
-type SplitPanelType = React.ForwardRefExoticComponent<SplitPanelProps & React.RefAttributes<HTMLElement>>;
-export declare function createWidgetizedSplitPanel(SplitPanelLoader?: SplitPanelType): SplitPanelType;
-export {};
+export { createWidgetizedSplitPanel } from './implementation';
 //# sourceMappingURL=widget.d.ts.map

package/lib/internal/template/split-panel/widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../src/split-panel/widget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C,KAAK,cAAc,GAAG,KAAK,CAAC,yBAAyB,CAAC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;AAE1G,wBAAgB,0BAA0B,CAAC,gBAAgB,CAAC,EAAE,cAAc,GAAG,cAAc,CAS5F"}
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../src/split-panel/widget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/internal/template/split-panel/widget.js

@@ -1,16 +1,4 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React from 'react';
-import { getGlobalFlag } from '../internal/utils/global-flags';
-import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
-import { SplitPanelImplementation } from './implementation';
-export function createWidgetizedSplitPanel(SplitPanelLoader) {
-    return React.forwardRef((props, ref) => {
-        const isRefresh = useVisualRefresh();
-        if (isRefresh && getGlobalFlag('appLayoutWidget') && SplitPanelLoader) {
-            return React.createElement(SplitPanelLoader, Object.assign({ ref: ref }, props));
-        }
-        return React.createElement(SplitPanelImplementation, Object.assign({ ref: ref }, props));
-    });
-}
+export { createWidgetizedSplitPanel } from './implementation';
 //# sourceMappingURL=widget.js.map

package/lib/internal/template/split-panel/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/split-panel/widget.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAI5D,MAAM,UAAU,0BAA0B,CAAC,gBAAiC;IAC1E,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACrC,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;QACrC,IAAI,SAAS,IAAI,aAAa,CAAC,iBAAiB,CAAC,IAAI,gBAAgB,EAAE;YACrE,OAAO,oBAAC,gBAAgB,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;SAClD;QAED,OAAO,oBAAC,wBAAwB,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getGlobalFlag } from '../internal/utils/global-flags';\nimport { SplitPanelProps } from './interfaces';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelImplementation } from './implementation';\n\ntype SplitPanelType = React.ForwardRefExoticComponent<SplitPanelProps & React.RefAttributes<HTMLElement>>;\n\nexport function createWidgetizedSplitPanel(SplitPanelLoader?: SplitPanelType): SplitPanelType {\n  return React.forwardRef((props, ref) => {\n    const isRefresh = useVisualRefresh();\n    if (isRefresh && getGlobalFlag('appLayoutWidget') && SplitPanelLoader) {\n      return <SplitPanelLoader ref={ref} {...props} />;\n    }\n\n    return <SplitPanelImplementation ref={ref} {...props} />;\n  });\n}\n"]}
+{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/split-panel/widget.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport { createWidgetizedSplitPanel } from './implementation';\n"]}

package/lib/internal/template/table/selection/use-selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-selection.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/use-selection.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,aAAkB,EAClB,aAAa,EACb,cAA4B,EAC5B,OAAO,EACP,iBAAiB,EACjB,UAAU,EACV,OAAO,GACR,EAAE,IAAI,CACL,UAAU,CAAC,CAAC,CAAC,EACX,YAAY,GACZ,OAAO,GACP,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,SAAS,GACT,mBAAmB,GACnB,SAAS,CACZ;;6BA8F0B,cAAc;kCAiBP,CAAC,KAAG,cAAc;+BAgBrB,OAAO;EAIrC"}
+{"version":3,"file":"use-selection.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/use-selection.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,aAAkB,EAClB,aAAa,EACb,cAA4B,EAC5B,OAAO,EACP,iBAAiB,EACjB,UAAU,EACV,OAAO,GACR,EAAE,IAAI,CACL,UAAU,CAAC,CAAC,CAAC,EACX,YAAY,GACZ,OAAO,GACP,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,SAAS,GACT,mBAAmB,GACnB,SAAS,CACZ;;6BAuF0B,cAAc;kCAiBP,CAAC,KAAG,cAAc;+BAiBrB,OAAO;EAIrC"}

package/lib/internal/template/table/selection/use-selection.js

@@ -7,84 +7,78 @@ import { getTrackableValue } from '../utils';
 import { joinStrings } from '../../internal/utils/strings';
 import { ItemSet } from './utils';
 export function useSelection({ items, selectedItems = [], selectionType, isItemDisabled = () => false, trackBy, onSelectionChange, ariaLabels, loading, }) {
-    const [shiftPressed, setShiftPressed] = useState(false);
-    const [lastClickedItem, setLastClickedItem] = useState(null);
-    const selectionName = useUniqueId();
+    // The name assigned to all radio- controls to combine them in a single group.
+    const selectionControlName = useUniqueId();
+    // Selection state for individual items.
     const finalSelectedItems = selectionType === 'single' ? selectedItems.slice(0, 1) : selectedItems;
     const selectedSet = new ItemSet(trackBy, finalSelectedItems);
-    const itemIndexesMap = new Map();
-    items.forEach((item, i) => itemIndexesMap.set(getTrackableValue(trackBy, item), i));
     const isItemSelected = selectedSet.has.bind(selectedSet);
-    const getItemState = (item) => ({
-        disabled: isItemDisabled(item),
-        selected: isItemSelected(item),
-    });
-    const [allDisabled, allEnabledSelected] = selectionType
-        ? items.reduce(([allDisabled, allEnabledSelected], item) => {
-            const { disabled, selected } = getItemState(item);
-            return [
-                // all items are disabled (or none are present)
-                allDisabled && disabled,
-                // all enabled items are selected (or none are present)
-                allEnabledSelected && (selected || disabled),
-            ];
-        }, [true, true])
-        : [true, true];
-    // the page has at least one selected item
-    const hasSelected = finalSelectedItems.length > 0;
-    const handleToggleAll = () => {
-        const requestedItems = new ItemSet(trackBy, items);
-        const newSelectedItems = allEnabledSelected ? deselectItems(requestedItems) : selectItems(requestedItems);
-        fireNonCancelableEvent(onSelectionChange, { selectedItems: newSelectedItems });
-    };
-    const getRequestedItems = (item) => {
-        const requestedItems = new ItemSet(trackBy, [item]);
-        let lastClickedItemIndex = lastClickedItem ? itemIndexesMap.get(getTrackableValue(trackBy, lastClickedItem)) : -1;
-        if (lastClickedItemIndex === undefined) {
-            lastClickedItemIndex = -1;
+    // Derived selection state for all-items checkbox.
+    let allItemsDisabled = true;
+    let allEnabledItemsSelected = true;
+    if (selectionType === 'multi') {
+        for (const item of items) {
+            allItemsDisabled = allItemsDisabled && isItemDisabled(item);
+            allEnabledItemsSelected = allEnabledItemsSelected && (isItemSelected(item) || isItemDisabled(item));
         }
-        // we use lastClickedItemIndex to determine if filtering/sorting/pagination
-        // made previously selected item invisible, therefore we reset state for shift-select
-        if (shiftPressed && lastClickedItemIndex !== -1) {
-            // item is always in items
+    }
+    const allItemsCheckboxSelected = finalSelectedItems.length > 0 && allEnabledItemsSelected;
+    const allItemsCheckboxIndeterminate = finalSelectedItems.length > 0 && !allEnabledItemsSelected;
+    // Shift-selection helpers.
+    const [shiftPressed, setShiftPressed] = useState(false);
+    const [lastClickedItem, setLastClickedItem] = useState(null);
+    const itemIndexesMap = new Map();
+    items.forEach((item, i) => itemIndexesMap.set(getTrackableValue(trackBy, item), i));
+    const getShiftSelectedItems = (item) => {
+        const lastClickedItemIndex = lastClickedItem
+            ? itemIndexesMap.get(getTrackableValue(trackBy, lastClickedItem))
+            : undefined;
+        // We use lastClickedItemIndex to determine if filtering/sorting/pagination
+        // made previously selected item invisible, therefore we reset state for shift-select.
+        if (lastClickedItemIndex !== undefined) {
             const currentItemIndex = itemIndexesMap.get(getTrackableValue(trackBy, item));
             const start = Math.min(currentItemIndex, lastClickedItemIndex);
             const end = Math.max(currentItemIndex, lastClickedItemIndex);
-            items.slice(start, end + 1).forEach(item => requestedItems.put(item));
+            return items.slice(start, end + 1);
         }
-        return requestedItems;
+        return [item];
+    };
+    // Select items that are not already selected or disabled.
+    const selectItems = (requestedItems) => {
+        const newSelectedItems = [...selectedItems];
+        requestedItems.forEach(newItem => {
+            if (!isItemSelected(newItem) && !isItemDisabled(newItem)) {
+                newSelectedItems.push(newItem);
+            }
+        });
+        return newSelectedItems;
     };
+    // Unselect items unless they are disabled.
     const deselectItems = (requestedItems) => {
+        const requestedItemsSet = new ItemSet(trackBy, requestedItems);
         const newSelectedItems = [];
         selectedItems.forEach(selectedItem => {
-            const toUnselect = requestedItems.has(selectedItem);
-            if (!toUnselect || isItemDisabled(selectedItem)) {
+            const shouldUnselect = requestedItemsSet.has(selectedItem);
+            if (!shouldUnselect || isItemDisabled(selectedItem)) {
                 newSelectedItems.push(selectedItem);
             }
         });
         return newSelectedItems;
     };
-    const selectItems = (requestedItems) => {
-        const newSelectedItems = [...selectedItems];
-        requestedItems.forEach(newItem => {
-            const { selected, disabled } = getItemState(newItem);
-            if (!selected && !disabled) {
-                newSelectedItems.push(newItem);
-            }
-        });
-        return newSelectedItems;
+    const handleToggleAll = () => {
+        const newSelectedItems = allEnabledItemsSelected ? deselectItems(items) : selectItems(items);
+        fireNonCancelableEvent(onSelectionChange, { selectedItems: newSelectedItems });
     };
-    const handleToggleItem = (item) => () => {
-        const { disabled, selected } = getItemState(item);
-        if (disabled || (selectionType === 'single' && selected)) {
+    const handleToggleItem = (item) => {
+        if (isItemDisabled(item)) {
             return;
         }
-        if (selectionType === 'single') {
+        if (selectionType === 'single' && !isItemSelected(item)) {
             fireNonCancelableEvent(onSelectionChange, { selectedItems: [item] });
         }
-        else {
-            const requestedItems = getRequestedItems(item);
-            const selectedItems = selected ? deselectItems(requestedItems) : selectItems(requestedItems);
+        if (selectionType === 'multi') {
+            const requestedItems = shiftPressed ? getShiftSelectedItems(item) : [item];
+            const selectedItems = isItemSelected(item) ? deselectItems(requestedItems) : selectItems(requestedItems);
             fireNonCancelableEvent(onSelectionChange, { selectedItems });
             setLastClickedItem(item);
         }
@@ -97,11 +91,11 @@ export function useSelection({ items, selectedItems = [], selectionType, isItemD
                 throw new Error('Invariant violation: calling selection props with missing selection type.');
             }
             return {
-                name: selectionName,
-                disabled: allDisabled || !!loading,
+                name: selectionControlName,
                 selectionType: selectionType,
-                indeterminate: hasSelected && !allEnabledSelected,
-                checked: hasSelected && allEnabledSelected,
+                disabled: allItemsDisabled || !!loading,
+                checked: allItemsCheckboxSelected,
+                indeterminate: allItemsCheckboxIndeterminate,
                 onChange: handleToggleAll,
                 ariaLabel: joinStrings(ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.selectionGroupLabel, (_a = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.allItemsSelectionLabel) === null || _a === void 0 ? void 0 : _a.call(ariaLabels, { selectedItems })),
             };
@@ -112,12 +106,13 @@ export function useSelection({ items, selectedItems = [], selectionType, isItemD
                 throw new Error('Invariant violation: calling selection props with missing selection type.');
             }
             return {
-                name: selectionName,
+                name: selectionControlName,
                 selectionType: selectionType,
-                ariaLabel: joinStrings(ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.selectionGroupLabel, (_a = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.itemSelectionLabel) === null || _a === void 0 ? void 0 : _a.call(ariaLabels, { selectedItems }, item)),
-                onChange: handleToggleItem(item),
-                checked: isItemSelected(item),
                 disabled: isItemDisabled(item),
+                checked: isItemSelected(item),
+                indeterminate: false,
+                onChange: () => handleToggleItem(item),
+                ariaLabel: joinStrings(ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.selectionGroupLabel, (_a = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.itemSelectionLabel) === null || _a === void 0 ? void 0 : _a.call(ariaLabels, { selectedItems }, item)),
             };
         },
         updateShiftToggle: (value) => {

package/lib/internal/template/table/selection/use-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-selection.js","sourceRoot":"","sources":["../../../../src/table/selection/use-selection.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,MAAM,UAAU,YAAY,CAAI,EAC9B,KAAK,EACL,aAAa,GAAG,EAAE,EAClB,aAAa,EACb,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,EAC5B,OAAO,EACP,iBAAiB,EACjB,UAAU,EACV,OAAO,GAWR;IACC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IACvE,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;IACpC,MAAM,kBAAkB,GAAG,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;IAClG,MAAM,WAAW,GAAG,IAAI,OAAO,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;IAC7D,MAAM,cAAc,GAAG,IAAI,GAAG,EAAE,CAAC;IACjC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACpF,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzD,MAAM,YAAY,GAAG,CAAC,IAAO,EAAE,EAAE,CAAC,CAAC;QACjC,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;QAC9B,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;KAC/B,CAAC,CAAC;IACH,MAAM,CAAC,WAAW,EAAE,kBAAkB,CAAC,GAAG,aAAa;QACrD,CAAC,CAAC,KAAK,CAAC,MAAM,CACV,CAAC,CAAC,WAAW,EAAE,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE;YAC1C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;YAClD,OAAO;gBACL,+CAA+C;gBAC/C,WAAW,IAAI,QAAQ;gBACvB,uDAAuD;gBACvD,kBAAkB,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC;aAC7C,CAAC;QACJ,CAAC,EACD,CAAC,IAAI,EAAE,IAAI,CAAC,CACb;QACH,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEjB,0CAA0C;IAC1C,MAAM,WAAW,GAAG,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC;IAElD,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,cAAc,GAAG,IAAI,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACnD,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAC1G,sBAAsB,CAAC,iBAAiB,EAAE,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,IAAO,EAAE,EAAE;QACpC,MAAM,cAAc,GAAG,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;QACpD,IAAI,oBAAoB,GAAG,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClH,IAAI,oBAAoB,KAAK,SAAS,EAAE;YACtC,oBAAoB,GAAG,CAAC,CAAC,CAAC;SAC3B;QACD,2EAA2E;QAC3E,qFAAqF;QACrF,IAAI,YAAY,IAAI,oBAAoB,KAAK,CAAC,CAAC,EAAE;YAC/C,0BAA0B;YAC1B,MAAM,gBAAgB,GAAG,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAW,CAAC;YACxF,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;YAC/D,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;YAC7D,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;SACvE;QACD,OAAO,cAAc,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,cAA0B,EAAE,EAAE;QACnD,MAAM,gBAAgB,GAAa,EAAE,CAAC;QACtC,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;YACnC,MAAM,UAAU,GAAG,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;YACpD,IAAI,CAAC,UAAU,IAAI,cAAc,CAAC,YAAY,CAAC,EAAE;gBAC/C,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;aACrC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,gBAAgB,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,cAA0B,EAAE,EAAE;QACjD,MAAM,gBAAgB,GAAG,CAAC,GAAG,aAAa,CAAC,CAAC;QAC5C,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC/B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;YACrD,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAAE;gBAC1B,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;aAChC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,gBAAgB,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAO,EAAE,EAAE,CAAC,GAAG,EAAE;QACzC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;QAClD,IAAI,QAAQ,IAAI,CAAC,aAAa,KAAK,QAAQ,IAAI,QAAQ,CAAC,EAAE;YACxD,OAAO;SACR;QACD,IAAI,aAAa,KAAK,QAAQ,EAAE;YAC9B,sBAAsB,CAAC,iBAAiB,EAAE,EAAE,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACtE;aAAM;YACL,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;YAC/C,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;YAC7F,sBAAsB,CAAC,iBAAiB,EAAE,EAAE,aAAa,EAAE,CAAC,CAAC;YAC7D,kBAAkB,CAAC,IAAI,CAAC,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,OAAO;QACL,cAAc;QACd,iBAAiB,EAAE,GAAmB,EAAE;;YACtC,IAAI,CAAC,aAAa,EAAE;gBAClB,MAAM,IAAI,KAAK,CAAC,2EAA2E,CAAC,CAAC;aAC9F;YACD,OAAO;gBACL,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,WAAW,IAAI,CAAC,CAAC,OAAO;gBAClC,aAAa,EAAE,aAAa;gBAC5B,aAAa,EAAE,WAAW,IAAI,CAAC,kBAAkB;gBACjD,OAAO,EAAE,WAAW,IAAI,kBAAkB;gBAC1C,QAAQ,EAAE,eAAe;gBACzB,SAAS,EAAE,WAAW,CACpB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,mBAAmB,EAC/B,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,sBAAsB,2DAAG,EAAE,aAAa,EAAE,CAAC,CACxD;aACF,CAAC;QACJ,CAAC;QACD,qBAAqB,EAAE,CAAC,IAAO,EAAkB,EAAE;;YACjD,IAAI,CAAC,aAAa,EAAE;gBAClB,MAAM,IAAI,KAAK,CAAC,2EAA2E,CAAC,CAAC;aAC9F;YACD,OAAO;gBACL,IAAI,EAAE,aAAa;gBACnB,aAAa,EAAE,aAAa;gBAC5B,SAAS,EAAE,WAAW,CACpB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,mBAAmB,EAC/B,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,kBAAkB,2DAAG,EAAE,aAAa,EAAE,EAAE,IAAI,CAAC,CAC1D;gBACD,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC;gBAChC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;gBAC7B,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC;aAC/B,CAAC;QACJ,CAAC;QACD,iBAAiB,EAAE,CAAC,KAAc,EAAE,EAAE;YACpC,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;KACF,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useState } from 'react';\nimport { fireNonCancelableEvent } from '../../internal/events';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { TableProps } from '../interfaces';\nimport { getTrackableValue } from '../utils';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { SelectionProps } from './interfaces';\nimport { ItemSet } from './utils';\n\nexport function useSelection<T>({\n  items,\n  selectedItems = [],\n  selectionType,\n  isItemDisabled = () => false,\n  trackBy,\n  onSelectionChange,\n  ariaLabels,\n  loading,\n}: Pick<\n  TableProps<T>,\n  | 'ariaLabels'\n  | 'items'\n  | 'selectedItems'\n  | 'selectionType'\n  | 'isItemDisabled'\n  | 'trackBy'\n  | 'onSelectionChange'\n  | 'loading'\n>) {\n  const [shiftPressed, setShiftPressed] = useState(false);\n  const [lastClickedItem, setLastClickedItem] = useState<T | null>(null);\n  const selectionName = useUniqueId();\n  const finalSelectedItems = selectionType === 'single' ? selectedItems.slice(0, 1) : selectedItems;\n  const selectedSet = new ItemSet(trackBy, finalSelectedItems);\n  const itemIndexesMap = new Map();\n  items.forEach((item, i) => itemIndexesMap.set(getTrackableValue(trackBy, item), i));\n  const isItemSelected = selectedSet.has.bind(selectedSet);\n  const getItemState = (item: T) => ({\n    disabled: isItemDisabled(item),\n    selected: isItemSelected(item),\n  });\n  const [allDisabled, allEnabledSelected] = selectionType\n    ? items.reduce(\n        ([allDisabled, allEnabledSelected], item) => {\n          const { disabled, selected } = getItemState(item);\n          return [\n            // all items are disabled (or none are present)\n            allDisabled && disabled,\n            // all enabled items are selected (or none are present)\n            allEnabledSelected && (selected || disabled),\n          ];\n        },\n        [true, true]\n      )\n    : [true, true];\n\n  // the page has at least one selected item\n  const hasSelected = finalSelectedItems.length > 0;\n\n  const handleToggleAll = () => {\n    const requestedItems = new ItemSet(trackBy, items);\n    const newSelectedItems = allEnabledSelected ? deselectItems(requestedItems) : selectItems(requestedItems);\n    fireNonCancelableEvent(onSelectionChange, { selectedItems: newSelectedItems });\n  };\n\n  const getRequestedItems = (item: T) => {\n    const requestedItems = new ItemSet(trackBy, [item]);\n    let lastClickedItemIndex = lastClickedItem ? itemIndexesMap.get(getTrackableValue(trackBy, lastClickedItem)) : -1;\n    if (lastClickedItemIndex === undefined) {\n      lastClickedItemIndex = -1;\n    }\n    // we use lastClickedItemIndex to determine if filtering/sorting/pagination\n    // made previously selected item invisible, therefore we reset state for shift-select\n    if (shiftPressed && lastClickedItemIndex !== -1) {\n      // item is always in items\n      const currentItemIndex = itemIndexesMap.get(getTrackableValue(trackBy, item)) as number;\n      const start = Math.min(currentItemIndex, lastClickedItemIndex);\n      const end = Math.max(currentItemIndex, lastClickedItemIndex);\n      items.slice(start, end + 1).forEach(item => requestedItems.put(item));\n    }\n    return requestedItems;\n  };\n\n  const deselectItems = (requestedItems: ItemSet<T>) => {\n    const newSelectedItems: Array<T> = [];\n    selectedItems.forEach(selectedItem => {\n      const toUnselect = requestedItems.has(selectedItem);\n      if (!toUnselect || isItemDisabled(selectedItem)) {\n        newSelectedItems.push(selectedItem);\n      }\n    });\n    return newSelectedItems;\n  };\n\n  const selectItems = (requestedItems: ItemSet<T>) => {\n    const newSelectedItems = [...selectedItems];\n    requestedItems.forEach(newItem => {\n      const { selected, disabled } = getItemState(newItem);\n      if (!selected && !disabled) {\n        newSelectedItems.push(newItem);\n      }\n    });\n    return newSelectedItems;\n  };\n\n  const handleToggleItem = (item: T) => () => {\n    const { disabled, selected } = getItemState(item);\n    if (disabled || (selectionType === 'single' && selected)) {\n      return;\n    }\n    if (selectionType === 'single') {\n      fireNonCancelableEvent(onSelectionChange, { selectedItems: [item] });\n    } else {\n      const requestedItems = getRequestedItems(item);\n      const selectedItems = selected ? deselectItems(requestedItems) : selectItems(requestedItems);\n      fireNonCancelableEvent(onSelectionChange, { selectedItems });\n      setLastClickedItem(item);\n    }\n  };\n\n  return {\n    isItemSelected,\n    getSelectAllProps: (): SelectionProps => {\n      if (!selectionType) {\n        throw new Error('Invariant violation: calling selection props with missing selection type.');\n      }\n      return {\n        name: selectionName,\n        disabled: allDisabled || !!loading,\n        selectionType: selectionType,\n        indeterminate: hasSelected && !allEnabledSelected,\n        checked: hasSelected && allEnabledSelected,\n        onChange: handleToggleAll,\n        ariaLabel: joinStrings(\n          ariaLabels?.selectionGroupLabel,\n          ariaLabels?.allItemsSelectionLabel?.({ selectedItems })\n        ),\n      };\n    },\n    getItemSelectionProps: (item: T): SelectionProps => {\n      if (!selectionType) {\n        throw new Error('Invariant violation: calling selection props with missing selection type.');\n      }\n      return {\n        name: selectionName,\n        selectionType: selectionType,\n        ariaLabel: joinStrings(\n          ariaLabels?.selectionGroupLabel,\n          ariaLabels?.itemSelectionLabel?.({ selectedItems }, item)\n        ),\n        onChange: handleToggleItem(item),\n        checked: isItemSelected(item),\n        disabled: isItemDisabled(item),\n      };\n    },\n    updateShiftToggle: (value: boolean) => {\n      setShiftPressed(value);\n    },\n  };\n}\n"]}
+{"version":3,"file":"use-selection.js","sourceRoot":"","sources":["../../../../src/table/selection/use-selection.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useState } from 'react';\nimport { fireNonCancelableEvent } from '../../internal/events';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { TableProps } from '../interfaces';\nimport { getTrackableValue } from '../utils';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { SelectionProps } from './interfaces';\nimport { ItemSet } from './utils';\n\nexport function useSelection<T>({\n  items,\n  selectedItems = [],\n  selectionType,\n  isItemDisabled = () => false,\n  trackBy,\n  onSelectionChange,\n  ariaLabels,\n  loading,\n}: Pick<\n  TableProps<T>,\n  | 'ariaLabels'\n  | 'items'\n  | 'selectedItems'\n  | 'selectionType'\n  | 'isItemDisabled'\n  | 'trackBy'\n  | 'onSelectionChange'\n  | 'loading'\n>) {\n  // The name assigned to all radio- controls to combine them in a single group.\n  const selectionControlName = useUniqueId();\n\n  // Selection state for individual items.\n  const finalSelectedItems = selectionType === 'single' ? selectedItems.slice(0, 1) : selectedItems;\n  const selectedSet = new ItemSet(trackBy, finalSelectedItems);\n  const isItemSelected = selectedSet.has.bind(selectedSet);\n\n  // Derived selection state for all-items checkbox.\n  let allItemsDisabled = true;\n  let allEnabledItemsSelected = true;\n  if (selectionType === 'multi') {\n    for (const item of items) {\n      allItemsDisabled = allItemsDisabled && isItemDisabled(item);\n      allEnabledItemsSelected = allEnabledItemsSelected && (isItemSelected(item) || isItemDisabled(item));\n    }\n  }\n  const allItemsCheckboxSelected = finalSelectedItems.length > 0 && allEnabledItemsSelected;\n  const allItemsCheckboxIndeterminate = finalSelectedItems.length > 0 && !allEnabledItemsSelected;\n\n  // Shift-selection helpers.\n  const [shiftPressed, setShiftPressed] = useState(false);\n  const [lastClickedItem, setLastClickedItem] = useState<null | T>(null);\n  const itemIndexesMap = new Map<T, number>();\n  items.forEach((item, i) => itemIndexesMap.set(getTrackableValue(trackBy, item), i));\n  const getShiftSelectedItems = (item: T): T[] => {\n    const lastClickedItemIndex = lastClickedItem\n      ? itemIndexesMap.get(getTrackableValue(trackBy, lastClickedItem))\n      : undefined;\n    // We use lastClickedItemIndex to determine if filtering/sorting/pagination\n    // made previously selected item invisible, therefore we reset state for shift-select.\n    if (lastClickedItemIndex !== undefined) {\n      const currentItemIndex = itemIndexesMap.get(getTrackableValue(trackBy, item))!;\n      const start = Math.min(currentItemIndex, lastClickedItemIndex);\n      const end = Math.max(currentItemIndex, lastClickedItemIndex);\n      return items.slice(start, end + 1);\n    }\n    return [item];\n  };\n\n  // Select items that are not already selected or disabled.\n  const selectItems = (requestedItems: readonly T[]) => {\n    const newSelectedItems = [...selectedItems];\n    requestedItems.forEach(newItem => {\n      if (!isItemSelected(newItem) && !isItemDisabled(newItem)) {\n        newSelectedItems.push(newItem);\n      }\n    });\n    return newSelectedItems;\n  };\n\n  // Unselect items unless they are disabled.\n  const deselectItems = (requestedItems: readonly T[]) => {\n    const requestedItemsSet = new ItemSet(trackBy, requestedItems);\n    const newSelectedItems: Array<T> = [];\n    selectedItems.forEach(selectedItem => {\n      const shouldUnselect = requestedItemsSet.has(selectedItem);\n      if (!shouldUnselect || isItemDisabled(selectedItem)) {\n        newSelectedItems.push(selectedItem);\n      }\n    });\n    return newSelectedItems;\n  };\n\n  const handleToggleAll = () => {\n    const newSelectedItems = allEnabledItemsSelected ? deselectItems(items) : selectItems(items);\n    fireNonCancelableEvent(onSelectionChange, { selectedItems: newSelectedItems });\n  };\n\n  const handleToggleItem = (item: T) => {\n    if (isItemDisabled(item)) {\n      return;\n    }\n    if (selectionType === 'single' && !isItemSelected(item)) {\n      fireNonCancelableEvent(onSelectionChange, { selectedItems: [item] });\n    }\n    if (selectionType === 'multi') {\n      const requestedItems = shiftPressed ? getShiftSelectedItems(item) : [item];\n      const selectedItems = isItemSelected(item) ? deselectItems(requestedItems) : selectItems(requestedItems);\n      fireNonCancelableEvent(onSelectionChange, { selectedItems });\n      setLastClickedItem(item);\n    }\n  };\n\n  return {\n    isItemSelected,\n    getSelectAllProps: (): SelectionProps => {\n      if (!selectionType) {\n        throw new Error('Invariant violation: calling selection props with missing selection type.');\n      }\n      return {\n        name: selectionControlName,\n        selectionType: selectionType,\n        disabled: allItemsDisabled || !!loading,\n        checked: allItemsCheckboxSelected,\n        indeterminate: allItemsCheckboxIndeterminate,\n        onChange: handleToggleAll,\n        ariaLabel: joinStrings(\n          ariaLabels?.selectionGroupLabel,\n          ariaLabels?.allItemsSelectionLabel?.({ selectedItems })\n        ),\n      };\n    },\n    getItemSelectionProps: (item: T): SelectionProps => {\n      if (!selectionType) {\n        throw new Error('Invariant violation: calling selection props with missing selection type.');\n      }\n      return {\n        name: selectionControlName,\n        selectionType: selectionType,\n        disabled: isItemDisabled(item),\n        checked: isItemSelected(item),\n        indeterminate: false,\n        onChange: () => handleToggleItem(item),\n        ariaLabel: joinStrings(\n          ariaLabels?.selectionGroupLabel,\n          ariaLabels?.itemSelectionLabel?.({ selectedItems }, item)\n        ),\n      };\n    },\n    updateShiftToggle: (value: boolean) => {\n      setShiftPressed(value);\n    },\n  };\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.645",
+  "version": "3.0.647",
   "files": [
     "lib"
   ],