@cloudscape-design/components-themeable 3.0.853 → 3.0.855

package/lib/internal/template/table/progressive-loading/progressive-loading-utils.js

@@ -16,11 +16,11 @@ export function useProgressiveLoadingProps({ items, getLoadingStatus, getExpanda
         // Insert empty expandable item loader
         if (isItemExpanded(items[i]) && getItemChildren(items[i]).length === 0) {
             const status = getLoadingStatus === null || getLoadingStatus === void 0 ? void 0 : getLoadingStatus(items[i]);
-            if (status && (status === 'loading' || status === 'error')) {
+            if (status === 'loading' || status === 'finished' || status === 'error') {
                 allRows.push({ type: 'loader', item: items[i], level: getItemLevel(items[i]), status, from: 0 });
             }
             else {
-                warnOnce('Table', 'Expanded items without children must have "loading" or "error" loading status.');
+                warnOnce('Table', 'Expanded items without children must have "loading", "finished", or "error" loading status.');
             }
         }
         // Insert expandable items loaders

package/lib/internal/template/table/progressive-loading/progressive-loading-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressive-loading-utils.js","sourceRoot":"","sources":["../../../../src/table/progressive-loading/progressive-loading-utils.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\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { TableProps, TableRow } from '../interfaces';\n\nexport function useProgressiveLoadingProps<T>({\n  items,\n  getLoadingStatus,\n  getExpandableItemProps,\n}: {\n  items: readonly T[];\n  getLoadingStatus?: (item: null | T) => TableProps.LoadingStatus;\n  getExpandableItemProps: (item: T) => { level: number; parent: null | T; isExpanded: boolean; children: readonly T[] };\n}) {\n  // The rows are either data or loader.\n  // A loader row can be added to the root level (level=0) in which case it has no associated item (item=null).\n  // Loader rows can be added to expandable rows (level>0) in which case they have an associated item (item!=null).\n  // The \"from\" property of the loader row is the index of the first item to be loaded starting 0. It is used to generate unique React keys.\n  const allRows = new Array<TableRow<T>>();\n\n  const getItemParent = (item: T) => getExpandableItemProps(item).parent;\n  const getItemChildren = (item: T) => getExpandableItemProps(item).children;\n  const getItemLevel = (item?: T) => (item ? getExpandableItemProps(item).level : 0);\n  const isItemExpanded = (item: T) => getExpandableItemProps(item).isExpanded;\n\n  for (let i = 0; i < items.length; i++) {\n    allRows.push({ type: 'data', item: items[i] });\n\n    // Insert empty expandable item loader\n    if (isItemExpanded(items[i]) && getItemChildren(items[i]).length === 0) {\n      const status = getLoadingStatus?.(items[i]);\n      if (status && (status === 'loading' || status === 'error')) {\n        allRows.push({ type: 'loader', item: items[i], level: getItemLevel(items[i]), status, from: 0 });\n      } else {\n        warnOnce('Table', 'Expanded items without children must have \"loading\" or \"error\" loading status.');\n      }\n    }\n\n    // Insert expandable items loaders\n    let currentParent = getItemParent(items[i]);\n    let levelsDiff = getItemLevel(items[i]) - getItemLevel(items[i + 1]);\n    while (currentParent && levelsDiff > 0) {\n      const status = getLoadingStatus?.(currentParent);\n      if (status && status !== 'finished') {\n        const level = currentParent ? getItemLevel(currentParent) : 0;\n        const children = currentParent ? getItemChildren(currentParent) : [];\n        allRows.push({ type: 'loader', item: currentParent, level, status, from: children.length });\n      }\n      currentParent = currentParent && getItemParent(currentParent);\n      levelsDiff--;\n    }\n\n    // Insert root loader\n    const rootLoadingStatus = getLoadingStatus?.(null);\n    if (i === items.length - 1 && rootLoadingStatus && rootLoadingStatus !== 'finished') {\n      allRows.push({ type: 'loader', item: null, level: 0, status: rootLoadingStatus, from: items.length });\n    }\n  }\n\n  return { allRows };\n}\n"]}
+{"version":3,"file":"progressive-loading-utils.js","sourceRoot":"","sources":["../../../../src/table/progressive-loading/progressive-loading-utils.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\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { TableProps, TableRow } from '../interfaces';\n\nexport function useProgressiveLoadingProps<T>({\n  items,\n  getLoadingStatus,\n  getExpandableItemProps,\n}: {\n  items: readonly T[];\n  getLoadingStatus?: (item: null | T) => TableProps.LoadingStatus;\n  getExpandableItemProps: (item: T) => { level: number; parent: null | T; isExpanded: boolean; children: readonly T[] };\n}) {\n  // The rows are either data or loader.\n  // A loader row can be added to the root level (level=0) in which case it has no associated item (item=null).\n  // Loader rows can be added to expandable rows (level>0) in which case they have an associated item (item!=null).\n  // The \"from\" property of the loader row is the index of the first item to be loaded starting 0. It is used to generate unique React keys.\n  const allRows = new Array<TableRow<T>>();\n\n  const getItemParent = (item: T) => getExpandableItemProps(item).parent;\n  const getItemChildren = (item: T) => getExpandableItemProps(item).children;\n  const getItemLevel = (item?: T) => (item ? getExpandableItemProps(item).level : 0);\n  const isItemExpanded = (item: T) => getExpandableItemProps(item).isExpanded;\n\n  for (let i = 0; i < items.length; i++) {\n    allRows.push({ type: 'data', item: items[i] });\n\n    // Insert empty expandable item loader\n    if (isItemExpanded(items[i]) && getItemChildren(items[i]).length === 0) {\n      const status = getLoadingStatus?.(items[i]);\n      if (status === 'loading' || status === 'finished' || status === 'error') {\n        allRows.push({ type: 'loader', item: items[i], level: getItemLevel(items[i]), status, from: 0 });\n      } else {\n        warnOnce(\n          'Table',\n          'Expanded items without children must have \"loading\", \"finished\", or \"error\" loading status.'\n        );\n      }\n    }\n\n    // Insert expandable items loaders\n    let currentParent = getItemParent(items[i]);\n    let levelsDiff = getItemLevel(items[i]) - getItemLevel(items[i + 1]);\n    while (currentParent && levelsDiff > 0) {\n      const status = getLoadingStatus?.(currentParent);\n      if (status && status !== 'finished') {\n        const level = currentParent ? getItemLevel(currentParent) : 0;\n        const children = currentParent ? getItemChildren(currentParent) : [];\n        allRows.push({ type: 'loader', item: currentParent, level, status, from: children.length });\n      }\n      currentParent = currentParent && getItemParent(currentParent);\n      levelsDiff--;\n    }\n\n    // Insert root loader\n    const rootLoadingStatus = getLoadingStatus?.(null);\n    if (i === items.length - 1 && rootLoadingStatus && rootLoadingStatus !== 'finished') {\n      allRows.push({ type: 'loader', item: null, level: 0, status: rootLoadingStatus, from: items.length });\n    }\n  }\n\n  return { allRows };\n}\n"]}

package/lib/internal/template/table/resizer/styles.css.js

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "resize-active": "awsui_resize-active_x7peu_1allf_141",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1allf_141",
-  "divider": "awsui_divider_x7peu_1allf_146",
-  "divider-disabled": "awsui_divider-disabled_x7peu_1allf_160",
-  "divider-active": "awsui_divider-active_x7peu_1allf_163",
-  "resizer": "awsui_resizer_x7peu_1allf_167",
-  "has-focus": "awsui_has-focus_x7peu_1allf_221",
-  "tracker": "awsui_tracker_x7peu_1allf_246"
+  "resize-active": "awsui_resize-active_x7peu_qs89i_145",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_qs89i_145",
+  "divider": "awsui_divider_x7peu_qs89i_150",
+  "divider-disabled": "awsui_divider-disabled_x7peu_qs89i_164",
+  "divider-active": "awsui_divider-active_x7peu_qs89i_167",
+  "resizer": "awsui_resizer_x7peu_qs89i_171",
+  "has-focus": "awsui_has-focus_x7peu_qs89i_225",
+  "tracker": "awsui_tracker_x7peu_qs89i_250"
 };
   

package/lib/internal/template/table/resizer/styles.scoped.css

@@ -136,15 +136,19 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_resize-active_x7peu_1allf_141:not(#\9):not(.awsui_resize-active-with-focus_x7peu_1allf_141) * {
+.awsui_resize-active_x7peu_qs89i_145:not(#\9):not(.awsui_resize-active-with-focus_x7peu_qs89i_145) * {
   cursor: col-resize;
   -webkit-user-select: none;
           user-select: none;
 }
 
-th:not(#\9):not(:last-child) > .awsui_divider_x7peu_1allf_146 {
+th:not(#\9):not(:last-child) > .awsui_divider_x7peu_qs89i_150 {
   position: absolute;
   outline: none;
   pointer-events: none;
@@ -158,14 +162,14 @@ th:not(#\9):not(:last-child) > .awsui_divider_x7peu_1allf_146 {
   border-inline-start: var(--border-item-width-bjacxs, 1px) solid var(--color-border-divider-interactive-default-f75ypy, #687078);
   box-sizing: border-box;
 }
-th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_1allf_160 {
+th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_qs89i_164 {
   border-inline-start-color: var(--color-border-divider-default-u5ytia, #eaeded);
 }
-th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_1allf_163 {
+th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_qs89i_167 {
   border-inline-start: 2px solid var(--color-border-divider-active-kx4xyy, #687078);
 }
 
-.awsui_resizer_x7peu_1allf_167:not(#\9) {
+.awsui_resizer_x7peu_qs89i_171:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -206,28 +210,28 @@ th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_1allf_163 {
   inline-size: var(--space-l-eenfqd, 20px);
   z-index: 10;
 }
-.awsui_resizer_x7peu_1allf_167:not(#\9):focus {
+.awsui_resizer_x7peu_qs89i_171:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_resize-active_x7peu_1allf_141 .awsui_resizer_x7peu_1allf_167:not(#\9) {
+.awsui_resize-active_x7peu_qs89i_145 .awsui_resizer_x7peu_qs89i_171:not(#\9) {
   pointer-events: none;
 }
-th:not(#\9):last-child > .awsui_resizer_x7peu_1allf_167 {
+th:not(#\9):last-child > .awsui_resizer_x7peu_qs89i_171 {
   inline-size: calc(var(--space-l-eenfqd, 20px) / 2);
   inset-inline-end: 0;
 }
-.awsui_resizer_x7peu_1allf_167:not(#\9):hover + .awsui_divider_x7peu_1allf_146 {
+.awsui_resizer_x7peu_qs89i_171:not(#\9):hover + .awsui_divider_x7peu_qs89i_150 {
   border-inline-start: 2px solid var(--color-border-divider-active-kx4xyy, #687078);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1allf_167.awsui_has-focus_x7peu_1allf_221:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_qs89i_171.awsui_has-focus_x7peu_qs89i_225:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1allf_167.awsui_has-focus_x7peu_1allf_221:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_qs89i_171.awsui_has-focus_x7peu_qs89i_225:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(var(--space-table-header-focus-outline-gutter-wak74p, 0px) - 2px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1allf_167.awsui_has-focus_x7peu_1allf_221:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_qs89i_171.awsui_has-focus_x7peu_qs89i_225:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -241,17 +245,17 @@ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1allf_167.awsui_has-foc
   border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1allf_167.awsui_has-focus_x7peu_1allf_221:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_qs89i_171.awsui_has-focus_x7peu_qs89i_225:not(#\9) {
   position: absolute;
 }
 
-.awsui_tracker_x7peu_1allf_246:not(#\9) {
+.awsui_tracker_x7peu_qs89i_250:not(#\9) {
   display: none;
   position: absolute;
   border-inline-start: var(--border-divider-list-width-x6rz7e, 1px) dashed var(--color-border-divider-active-kx4xyy, #687078);
   inline-size: 0;
   inset-block: 0;
 }
-.awsui_resize-active_x7peu_1allf_141 .awsui_tracker_x7peu_1allf_246:not(#\9) {
+.awsui_resize-active_x7peu_qs89i_145 .awsui_tracker_x7peu_qs89i_250:not(#\9) {
   display: block;
 }

package/lib/internal/template/table/resizer/styles.selectors.js

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "resize-active": "awsui_resize-active_x7peu_1allf_141",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1allf_141",
-  "divider": "awsui_divider_x7peu_1allf_146",
-  "divider-disabled": "awsui_divider-disabled_x7peu_1allf_160",
-  "divider-active": "awsui_divider-active_x7peu_1allf_163",
-  "resizer": "awsui_resizer_x7peu_1allf_167",
-  "has-focus": "awsui_has-focus_x7peu_1allf_221",
-  "tracker": "awsui_tracker_x7peu_1allf_246"
+  "resize-active": "awsui_resize-active_x7peu_qs89i_145",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_qs89i_145",
+  "divider": "awsui_divider_x7peu_qs89i_150",
+  "divider-disabled": "awsui_divider-disabled_x7peu_qs89i_164",
+  "divider-active": "awsui_divider-active_x7peu_qs89i_167",
+  "resizer": "awsui_resizer_x7peu_qs89i_171",
+  "has-focus": "awsui_has-focus_x7peu_qs89i_225",
+  "tracker": "awsui_tracker_x7peu_qs89i_250"
 };
   

package/lib/internal/template/table/selection/interfaces.d.ts

@@ -7,5 +7,6 @@ export interface SelectionProps {
     onChange: () => void;
     onShiftToggle?: (value: boolean) => void;
     ariaLabel?: string;
+    selectionGroupLabel?: string;
 }
 //# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/table/selection/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/interfaces.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/interfaces.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B"}

package/lib/internal/template/table/selection/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/table/selection/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport interface SelectionProps {\n  name: string;\n  disabled: boolean;\n  selectionType: 'single' | 'multi';\n  indeterminate?: boolean;\n  checked: boolean;\n  onChange: () => void;\n  onShiftToggle?: (value: boolean) => void;\n  ariaLabel?: string;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/table/selection/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport interface SelectionProps {\n  name: string;\n  disabled: boolean;\n  selectionType: 'single' | 'multi';\n  indeterminate?: boolean;\n  checked: boolean;\n  onChange: () => void;\n  onShiftToggle?: (value: boolean) => void;\n  ariaLabel?: string;\n  selectionGroupLabel?: string;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"selection-cell.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/selection-cell.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAkB,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAI9E,UAAU,6BAA8B,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,CAAC;IAChG,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,cAAc,CAAC;IACzC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACvG;AAED,UAAU,2BACR,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;IACrG,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,wBAAgB,wBAAwB,CAAC,EACvC,gBAAgB,EAChB,8BAA8B,EAC9B,iBAAiB,EACjB,WAAW,EACX,GAAG,KAAK,EACT,EAAE,6BAA6B,eAkB/B;AAED,wBAAgB,sBAAsB,CAAC,EAAE,qBAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,eAMtG"}
+{"version":3,"file":"selection-cell.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/selection-cell.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAkB,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAI9E,UAAU,6BAA8B,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,CAAC;IAChG,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,cAAc,CAAC;IACzC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACvG;AAED,UAAU,2BACR,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;IACrG,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,wBAAgB,wBAAwB,CAAC,EACvC,gBAAgB,EAChB,8BAA8B,EAC9B,iBAAiB,EACjB,WAAW,EACX,GAAG,KAAK,EACT,EAAE,6BAA6B,eAyB/B;AAED,wBAAgB,sBAAsB,CAAC,EAAE,qBAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,eAMtG"}

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

@@ -10,10 +10,11 @@ import { SelectionControl } from './selection-control';
 import styles from '../styles.css.js';
 export function TableHeaderSelectionCell(_a) {
     var { focusedComponent, singleSelectionHeaderAriaLabel, getSelectAllProps, onFocusMove } = _a, props = __rest(_a, ["focusedComponent", "singleSelectionHeaderAriaLabel", "getSelectAllProps", "onFocusMove"]);
-    return (React.createElement(TableThElement, Object.assign({}, props, { isSelection: true, colIndex: 0, focusedComponent: focusedComponent }),
-        getSelectAllProps ? (React.createElement(SelectionControl, Object.assign({ onFocusDown: event => {
+    const selectAllProps = getSelectAllProps ? getSelectAllProps() : undefined;
+    return (React.createElement(TableThElement, Object.assign({}, props, { isSelection: true, colIndex: 0, focusedComponent: focusedComponent, ariaLabel: selectAllProps === null || selectAllProps === void 0 ? void 0 : selectAllProps.selectionGroupLabel }),
+        selectAllProps ? (React.createElement(SelectionControl, Object.assign({ onFocusDown: event => {
                 onFocusMove(event.target, -1, +1);
-            }, focusedComponent: focusedComponent }, getSelectAllProps(), (props.sticky ? { tabIndex: -1 } : {})))) : (React.createElement(ScreenreaderOnly, null, singleSelectionHeaderAriaLabel)),
+            }, focusedComponent: focusedComponent }, selectAllProps, (props.sticky ? { tabIndex: -1 } : {})))) : (React.createElement(ScreenreaderOnly, null, singleSelectionHeaderAriaLabel)),
         React.createElement(Divider, { className: styles['resize-divider'] })));
 }
 export function TableBodySelectionCell(_a) {

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

@@ -1 +1 @@
-{"version":3,"file":"selection-cell.js","sourceRoot":"","sources":["../../../../src/table/selection/selection-cell.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAuB,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAuB,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAyB,MAAM,qBAAqB,CAAC;AAE9E,OAAO,MAAM,MAAM,kBAAkB,CAAC;AActC,MAAM,UAAU,wBAAwB,CAAC,EAMT;QANS,EACvC,gBAAgB,EAChB,8BAA8B,EAC9B,iBAAiB,EACjB,WAAW,OAEmB,EAD3B,KAAK,cAL+B,0FAMxC,CADS;IAER,OAAO,CACL,oBAAC,cAAc,oBAAK,KAAK,IAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,gBAAgB,EAAE,gBAAgB;QAC1F,iBAAiB,CAAC,CAAC,CAAC,CACnB,oBAAC,gBAAgB,kBACf,WAAW,EAAE,KAAK,CAAC,EAAE;gBACnB,WAAY,CAAC,KAAK,CAAC,MAAqB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACpD,CAAC,EACD,gBAAgB,EAAE,gBAAgB,IAC9B,iBAAiB,EAAE,EACnB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1C,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,QAAE,8BAA8B,CAAoB,CACtE;QACD,oBAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,GAAI,CACjC,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EAAgE;QAAhE,EAAE,qBAAqB,OAAyC,EAApC,KAAK,cAAjC,yBAAmC,CAAF;IACtE,OAAO,CACL,oBAAC,cAAc,oBAAK,KAAK,IAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAC7G,qBAAqB,CAAC,CAAC,CAAC,oBAAC,gBAAgB,oBAAK,qBAAqB,EAAI,CAAC,CAAC,CAAC,IAAI,CAChE,CAClB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport ScreenreaderOnly from '../../internal/components/screenreader-only';\nimport { TableTdElement, TableTdElementProps } from '../body-cell/td-element';\nimport { TableThElement, TableThElementProps } from '../header-cell/th-element';\nimport { Divider } from '../resizer';\nimport { SelectionProps } from './interfaces';\nimport { SelectionControl, SelectionControlProps } from './selection-control';\n\nimport styles from '../styles.css.js';\n\ninterface TableHeaderSelectionCellProps extends Omit<TableThElementProps, 'children' | 'colIndex'> {\n  focusedComponent?: null | string;\n  singleSelectionHeaderAriaLabel?: string;\n  getSelectAllProps?: () => SelectionProps;\n  onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n}\n\ninterface TableBodySelectionCellProps\n  extends Omit<TableTdElementProps, 'children' | 'colIndex' | 'wrapLines' | 'isEditable' | 'isEditing'> {\n  selectionControlProps?: SelectionControlProps;\n}\n\nexport function TableHeaderSelectionCell({\n  focusedComponent,\n  singleSelectionHeaderAriaLabel,\n  getSelectAllProps,\n  onFocusMove,\n  ...props\n}: TableHeaderSelectionCellProps) {\n  return (\n    <TableThElement {...props} isSelection={true} colIndex={0} focusedComponent={focusedComponent}>\n      {getSelectAllProps ? (\n        <SelectionControl\n          onFocusDown={event => {\n            onFocusMove!(event.target as HTMLElement, -1, +1);\n          }}\n          focusedComponent={focusedComponent}\n          {...getSelectAllProps()}\n          {...(props.sticky ? { tabIndex: -1 } : {})}\n        />\n      ) : (\n        <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n      )}\n      <Divider className={styles['resize-divider']} />\n    </TableThElement>\n  );\n}\n\nexport function TableBodySelectionCell({ selectionControlProps, ...props }: TableBodySelectionCellProps) {\n  return (\n    <TableTdElement {...props} isSelection={true} wrapLines={false} isEditable={false} isEditing={false} colIndex={0}>\n      {selectionControlProps ? <SelectionControl {...selectionControlProps} /> : null}\n    </TableTdElement>\n  );\n}\n"]}
+{"version":3,"file":"selection-cell.js","sourceRoot":"","sources":["../../../../src/table/selection/selection-cell.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAuB,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAuB,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAyB,MAAM,qBAAqB,CAAC;AAE9E,OAAO,MAAM,MAAM,kBAAkB,CAAC;AActC,MAAM,UAAU,wBAAwB,CAAC,EAMT;QANS,EACvC,gBAAgB,EAChB,8BAA8B,EAC9B,iBAAiB,EACjB,WAAW,OAEmB,EAD3B,KAAK,cAL+B,0FAMxC,CADS;IAER,MAAM,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3E,OAAO,CACL,oBAAC,cAAc,oBACT,KAAK,IACT,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,CAAC,EACX,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,mBAAmB;QAE7C,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,gBAAgB,kBACf,WAAW,EAAE,KAAK,CAAC,EAAE;gBACnB,WAAY,CAAC,KAAK,CAAC,MAAqB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACpD,CAAC,EACD,gBAAgB,EAAE,gBAAgB,IAC9B,cAAc,EACd,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1C,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,QAAE,8BAA8B,CAAoB,CACtE;QACD,oBAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,GAAI,CACjC,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EAAgE;QAAhE,EAAE,qBAAqB,OAAyC,EAApC,KAAK,cAAjC,yBAAmC,CAAF;IACtE,OAAO,CACL,oBAAC,cAAc,oBAAK,KAAK,IAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAC7G,qBAAqB,CAAC,CAAC,CAAC,oBAAC,gBAAgB,oBAAK,qBAAqB,EAAI,CAAC,CAAC,CAAC,IAAI,CAChE,CAClB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport ScreenreaderOnly from '../../internal/components/screenreader-only';\nimport { TableTdElement, TableTdElementProps } from '../body-cell/td-element';\nimport { TableThElement, TableThElementProps } from '../header-cell/th-element';\nimport { Divider } from '../resizer';\nimport { SelectionProps } from './interfaces';\nimport { SelectionControl, SelectionControlProps } from './selection-control';\n\nimport styles from '../styles.css.js';\n\ninterface TableHeaderSelectionCellProps extends Omit<TableThElementProps, 'children' | 'colIndex'> {\n  focusedComponent?: null | string;\n  singleSelectionHeaderAriaLabel?: string;\n  getSelectAllProps?: () => SelectionProps;\n  onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n}\n\ninterface TableBodySelectionCellProps\n  extends Omit<TableTdElementProps, 'children' | 'colIndex' | 'wrapLines' | 'isEditable' | 'isEditing'> {\n  selectionControlProps?: SelectionControlProps;\n}\n\nexport function TableHeaderSelectionCell({\n  focusedComponent,\n  singleSelectionHeaderAriaLabel,\n  getSelectAllProps,\n  onFocusMove,\n  ...props\n}: TableHeaderSelectionCellProps) {\n  const selectAllProps = getSelectAllProps ? getSelectAllProps() : undefined;\n  return (\n    <TableThElement\n      {...props}\n      isSelection={true}\n      colIndex={0}\n      focusedComponent={focusedComponent}\n      ariaLabel={selectAllProps?.selectionGroupLabel}\n    >\n      {selectAllProps ? (\n        <SelectionControl\n          onFocusDown={event => {\n            onFocusMove!(event.target as HTMLElement, -1, +1);\n          }}\n          focusedComponent={focusedComponent}\n          {...selectAllProps}\n          {...(props.sticky ? { tabIndex: -1 } : {})}\n        />\n      ) : (\n        <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n      )}\n      <Divider className={styles['resize-divider']} />\n    </TableThElement>\n  );\n}\n\nexport function TableBodySelectionCell({ selectionControlProps, ...props }: TableBodySelectionCellProps) {\n  return (\n    <TableTdElement {...props} isSelection={true} wrapLines={false} isEditable={false} isEditing={false} colIndex={0}>\n      {selectionControlProps ? <SelectionControl {...selectionControlProps} /> : null}\n    </TableTdElement>\n  );\n}\n"]}

package/lib/internal/template/table/selection/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1s55x_sx1kz_141",
-  "label": "awsui_label_1s55x_sx1kz_145",
-  "stud": "awsui_stud_1s55x_sx1kz_159"
+  "root": "awsui_root_1s55x_jnye1_145",
+  "label": "awsui_label_1s55x_jnye1_149",
+  "stud": "awsui_stud_1s55x_jnye1_163"
 };
   

package/lib/internal/template/table/selection/styles.scoped.css

@@ -136,13 +136,17 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_1s55x_sx1kz_141:not(#\9) {
+.awsui_root_1s55x_jnye1_145:not(#\9) {
   /* used in test-utils and in the use-selection hook */
 }
 
-.awsui_label_1s55x_sx1kz_145:not(#\9) {
+.awsui_label_1s55x_jnye1_149:not(#\9) {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -156,6 +160,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline-end: 1px solid transparent;
 }
 
-.awsui_stud_1s55x_sx1kz_159:not(#\9) {
+.awsui_stud_1s55x_jnye1_163:not(#\9) {
   visibility: hidden;
 }

package/lib/internal/template/table/selection/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1s55x_sx1kz_141",
-  "label": "awsui_label_1s55x_sx1kz_145",
-  "stud": "awsui_stud_1s55x_sx1kz_159"
+  "root": "awsui_root_1s55x_jnye1_145",
+  "label": "awsui_label_1s55x_jnye1_149",
+  "stud": "awsui_stud_1s55x_jnye1_163"
 };
   

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

@@ -123,6 +123,7 @@ function useMultiSelection({ ariaLabels, isItemDisabled = () => false, items, lo
                 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 })),
+                selectionGroupLabel: ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.selectionGroupLabel,
             });
         },
         getItemSelectionProps: (item) => {

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":"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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';\n\nimport { fireNonCancelableEvent } from '../../internal/events';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { TableProps } from '../interfaces';\nimport { getTrackableValue } from '../utils';\nimport { SelectionProps } from './interfaces';\nimport { ItemSet } from './utils';\n\ntype SelectionOptions<T> = Pick<\n  TableProps<T>,\n  | 'ariaLabels'\n  | 'isItemDisabled'\n  | 'items'\n  | 'loading'\n  | 'onSelectionChange'\n  | 'selectedItems'\n  | 'selectionType'\n  | 'trackBy'\n>;\n\nexport function useSelection<T>(options: SelectionOptions<T>): {\n  isItemSelected: (item: T) => boolean;\n  getSelectAllProps?: () => SelectionProps;\n  getItemSelectionProps?: (item: T) => SelectionProps;\n} {\n  const singleSelectionProps = useSingleSelection(options);\n  const multiSelectionProps = useMultiSelection(options);\n  return options.selectionType === 'single' ? singleSelectionProps : multiSelectionProps;\n}\n\nfunction useSingleSelection<T>({\n  ariaLabels,\n  isItemDisabled = () => false,\n  onSelectionChange,\n  selectedItems = [],\n  selectionType,\n  trackBy,\n}: SelectionOptions<T>) {\n  // The name assigned to all controls to combine them in a single group.\n  const selectionControlName = useUniqueId();\n\n  if (selectionType !== 'single') {\n    return { isItemSelected: () => false };\n  }\n\n  // Selection state for individual items.\n  const selectedSet = new ItemSet(trackBy, selectedItems.slice(0, 1));\n  const isItemSelected = selectedSet.has.bind(selectedSet);\n\n  const handleToggleItem = (item: T) => {\n    if (!isItemDisabled(item) && !isItemSelected(item)) {\n      fireNonCancelableEvent(onSelectionChange, { selectedItems: [item] });\n    }\n  };\n\n  return {\n    isItemSelected,\n    getItemSelectionProps: (item: T): SelectionProps => ({\n      name: selectionControlName,\n      selectionType: 'single',\n      disabled: isItemDisabled(item),\n      checked: isItemSelected(item),\n      onChange: () => handleToggleItem(item),\n      ariaLabel: joinStrings(\n        ariaLabels?.selectionGroupLabel,\n        ariaLabels?.itemSelectionLabel?.({ selectedItems }, item)\n      ),\n    }),\n  };\n}\n\nfunction useMultiSelection<T>({\n  ariaLabels,\n  isItemDisabled = () => false,\n  items,\n  loading,\n  onSelectionChange,\n  selectedItems = [],\n  selectionType,\n  trackBy,\n}: SelectionOptions<T>) {\n  // The name assigned to all controls to combine them in a single group.\n  const selectionControlName = useUniqueId();\n  const [shiftPressed, setShiftPressed] = useState(false);\n  const [lastClickedItem, setLastClickedItem] = useState<null | T>(null);\n\n  if (selectionType !== 'multi') {\n    return { isItemSelected: () => false };\n  }\n\n  // Selection state for individual items.\n  const selectedSet = new ItemSet(trackBy, selectedItems);\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  for (const item of items) {\n    allItemsDisabled = allItemsDisabled && isItemDisabled(item);\n    allEnabledItemsSelected = allEnabledItemsSelected && (isItemSelected(item) || isItemDisabled(item));\n  }\n  const allItemsCheckboxSelected = selectedItems.length > 0 && allEnabledItemsSelected;\n  const allItemsCheckboxIndeterminate = selectedItems.length > 0 && !allEnabledItemsSelected;\n\n  // Shift-selection helpers.\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      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      name: selectionControlName,\n      selectionType: 'multi',\n      disabled: allItemsDisabled || !!loading,\n      checked: allItemsCheckboxSelected,\n      indeterminate: allItemsCheckboxIndeterminate,\n      onChange: handleToggleAll,\n      ariaLabel: joinStrings(ariaLabels?.selectionGroupLabel, ariaLabels?.allItemsSelectionLabel?.({ selectedItems })),\n    }),\n    getItemSelectionProps: (item: T): SelectionProps => ({\n      name: selectionControlName,\n      selectionType: 'multi',\n      disabled: isItemDisabled(item),\n      checked: isItemSelected(item),\n      onChange: () => handleToggleItem(item),\n      onShiftToggle: (value: boolean) => setShiftPressed(value),\n      ariaLabel: joinStrings(\n        ariaLabels?.selectionGroupLabel,\n        ariaLabels?.itemSelectionLabel?.({ selectedItems }, item)\n      ),\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';\n\nimport { fireNonCancelableEvent } from '../../internal/events';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { TableProps } from '../interfaces';\nimport { getTrackableValue } from '../utils';\nimport { SelectionProps } from './interfaces';\nimport { ItemSet } from './utils';\n\ntype SelectionOptions<T> = Pick<\n  TableProps<T>,\n  | 'ariaLabels'\n  | 'isItemDisabled'\n  | 'items'\n  | 'loading'\n  | 'onSelectionChange'\n  | 'selectedItems'\n  | 'selectionType'\n  | 'trackBy'\n>;\n\nexport function useSelection<T>(options: SelectionOptions<T>): {\n  isItemSelected: (item: T) => boolean;\n  getSelectAllProps?: () => SelectionProps;\n  getItemSelectionProps?: (item: T) => SelectionProps;\n} {\n  const singleSelectionProps = useSingleSelection(options);\n  const multiSelectionProps = useMultiSelection(options);\n  return options.selectionType === 'single' ? singleSelectionProps : multiSelectionProps;\n}\n\nfunction useSingleSelection<T>({\n  ariaLabels,\n  isItemDisabled = () => false,\n  onSelectionChange,\n  selectedItems = [],\n  selectionType,\n  trackBy,\n}: SelectionOptions<T>) {\n  // The name assigned to all controls to combine them in a single group.\n  const selectionControlName = useUniqueId();\n\n  if (selectionType !== 'single') {\n    return { isItemSelected: () => false };\n  }\n\n  // Selection state for individual items.\n  const selectedSet = new ItemSet(trackBy, selectedItems.slice(0, 1));\n  const isItemSelected = selectedSet.has.bind(selectedSet);\n\n  const handleToggleItem = (item: T) => {\n    if (!isItemDisabled(item) && !isItemSelected(item)) {\n      fireNonCancelableEvent(onSelectionChange, { selectedItems: [item] });\n    }\n  };\n\n  return {\n    isItemSelected,\n    getItemSelectionProps: (item: T): SelectionProps => ({\n      name: selectionControlName,\n      selectionType: 'single',\n      disabled: isItemDisabled(item),\n      checked: isItemSelected(item),\n      onChange: () => handleToggleItem(item),\n      ariaLabel: joinStrings(\n        ariaLabels?.selectionGroupLabel,\n        ariaLabels?.itemSelectionLabel?.({ selectedItems }, item)\n      ),\n    }),\n  };\n}\n\nfunction useMultiSelection<T>({\n  ariaLabels,\n  isItemDisabled = () => false,\n  items,\n  loading,\n  onSelectionChange,\n  selectedItems = [],\n  selectionType,\n  trackBy,\n}: SelectionOptions<T>) {\n  // The name assigned to all controls to combine them in a single group.\n  const selectionControlName = useUniqueId();\n  const [shiftPressed, setShiftPressed] = useState(false);\n  const [lastClickedItem, setLastClickedItem] = useState<null | T>(null);\n\n  if (selectionType !== 'multi') {\n    return { isItemSelected: () => false };\n  }\n\n  // Selection state for individual items.\n  const selectedSet = new ItemSet(trackBy, selectedItems);\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  for (const item of items) {\n    allItemsDisabled = allItemsDisabled && isItemDisabled(item);\n    allEnabledItemsSelected = allEnabledItemsSelected && (isItemSelected(item) || isItemDisabled(item));\n  }\n  const allItemsCheckboxSelected = selectedItems.length > 0 && allEnabledItemsSelected;\n  const allItemsCheckboxIndeterminate = selectedItems.length > 0 && !allEnabledItemsSelected;\n\n  // Shift-selection helpers.\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      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      name: selectionControlName,\n      selectionType: 'multi',\n      disabled: allItemsDisabled || !!loading,\n      checked: allItemsCheckboxSelected,\n      indeterminate: allItemsCheckboxIndeterminate,\n      onChange: handleToggleAll,\n      ariaLabel: joinStrings(ariaLabels?.selectionGroupLabel, ariaLabels?.allItemsSelectionLabel?.({ selectedItems })),\n      selectionGroupLabel: ariaLabels?.selectionGroupLabel,\n    }),\n    getItemSelectionProps: (item: T): SelectionProps => ({\n      name: selectionControlName,\n      selectionType: 'multi',\n      disabled: isItemDisabled(item),\n      checked: isItemSelected(item),\n      onChange: () => handleToggleItem(item),\n      onShiftToggle: (value: boolean) => setShiftPressed(value),\n      ariaLabel: joinStrings(\n        ariaLabels?.selectionGroupLabel,\n        ariaLabels?.itemSelectionLabel?.({ selectedItems }, item)\n      ),\n    }),\n  };\n}\n"]}

package/lib/internal/template/table/sticky-scrollbar/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_15v54_177",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_15v54_189",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_15v54_192",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_15v54_195",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_15v54_198",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_15v54_201"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_1s1ax_181",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_1s1ax_193",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_1s1ax_196",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_1s1ax_199",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_1s1ax_202",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_1s1ax_205"
 };
   

package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css

@@ -134,12 +134,16 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -174,7 +178,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_sticky-scrollbar_faqt8_15v54_177:not(#\9) {
+.awsui_sticky-scrollbar_faqt8_1s1ax_181:not(#\9) {
   block-size: 15px;
   position: sticky;
   display: none;
@@ -183,27 +187,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-end: 0;
   inline-size: 100%;
 }
-.awsui_sticky-scrollbar_faqt8_15v54_177[data-stuck=false]:not(#\9) {
+.awsui_sticky-scrollbar_faqt8_1s1ax_181[data-stuck=false]:not(#\9) {
   clip-path: inset(-9999px 0 0 0 round var(--border-radius-container-3o3ats, 0px));
 }
-.awsui_sticky-scrollbar-content_faqt8_15v54_189:not(#\9) {
+.awsui_sticky-scrollbar-content_faqt8_1s1ax_193:not(#\9) {
   block-size: 15px;
 }
-.awsui_sticky-scrollbar-visible_faqt8_15v54_192:not(#\9) {
+.awsui_sticky-scrollbar-visible_faqt8_1s1ax_196:not(#\9) {
   display: block;
 }
-.awsui_sticky-scrollbar-native-invisible_faqt8_15v54_195:not(#\9) {
+.awsui_sticky-scrollbar-native-invisible_faqt8_1s1ax_199:not(#\9) {
   margin-block-start: -15px;
 }
-.awsui_sticky-scrollbar-offset_faqt8_15v54_198:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_1s1ax_202:not(#\9) {
   z-index: 799;
 }
-.awsui_sticky-scrollbar-offset_faqt8_15v54_198:not(#\9):not(.awsui_is-visual-refresh_faqt8_15v54_201) {
+.awsui_sticky-scrollbar-offset_faqt8_1s1ax_202:not(#\9):not(.awsui_is-visual-refresh_faqt8_1s1ax_205) {
   background-color: var(--color-background-container-content-myy7cn, #ffffff);
   block-size: 15px;
   margin-block-start: calc(-1 * var(--border-divider-section-width-iueskx, 1px));
   border-block-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_sticky-scrollbar-offset_faqt8_15v54_198.awsui_is-visual-refresh_faqt8_15v54_201:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_1s1ax_202.awsui_is-visual-refresh_faqt8_1s1ax_205:not(#\9) {
   margin-block-start: -5px;
 }

package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_15v54_177",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_15v54_189",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_15v54_192",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_15v54_195",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_15v54_198",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_15v54_201"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_1s1ax_181",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_1s1ax_193",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_1s1ax_196",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_1s1ax_199",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_1s1ax_202",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_1s1ax_205"
 };
   

package/lib/internal/template/table/styles.css.js

@@ -1,39 +1,39 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_ctynf_149",
-  "tools": "awsui_tools_wih1l_ctynf_160",
-  "tools-filtering": "awsui_tools-filtering_wih1l_ctynf_168",
-  "tools-align-right": "awsui_tools-align-right_wih1l_ctynf_182",
-  "tools-pagination": "awsui_tools-pagination_wih1l_ctynf_186",
-  "tools-preferences": "awsui_tools-preferences_wih1l_ctynf_186",
-  "tools-small": "awsui_tools-small_wih1l_ctynf_192",
-  "table": "awsui_table_wih1l_ctynf_198",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_ctynf_204",
-  "wrapper": "awsui_wrapper_wih1l_ctynf_208",
-  "variant-stacked": "awsui_variant-stacked_wih1l_ctynf_215",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_ctynf_215",
-  "variant-container": "awsui_variant-container_wih1l_ctynf_215",
-  "has-footer": "awsui_has-footer_wih1l_ctynf_218",
-  "has-header": "awsui_has-header_wih1l_ctynf_221",
-  "cell-merged": "awsui_cell-merged_wih1l_ctynf_238",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_ctynf_250",
-  "empty": "awsui_empty_wih1l_ctynf_266",
-  "loading": "awsui_loading_wih1l_ctynf_270",
-  "selection-control": "awsui_selection-control_wih1l_ctynf_279",
-  "selection-control-header": "awsui_selection-control-header_wih1l_ctynf_286",
-  "header-secondary": "awsui_header-secondary_wih1l_ctynf_292",
-  "variant-full-page": "awsui_variant-full-page_wih1l_ctynf_304",
-  "table-has-header": "awsui_table-has-header_wih1l_ctynf_310",
-  "header-controls": "awsui_header-controls_wih1l_ctynf_321",
-  "variant-embedded": "awsui_variant-embedded_wih1l_ctynf_330",
-  "variant-borderless": "awsui_variant-borderless_wih1l_ctynf_330",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_ctynf_335",
-  "footer": "awsui_footer_wih1l_ctynf_335",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_ctynf_343",
-  "footer-pagination": "awsui_footer-pagination_wih1l_ctynf_351",
-  "thead-active": "awsui_thead-active_wih1l_ctynf_355",
-  "row": "awsui_row_wih1l_ctynf_356",
-  "row-selected": "awsui_row-selected_wih1l_ctynf_357"
+  "root": "awsui_root_wih1l_b0kxg_153",
+  "tools": "awsui_tools_wih1l_b0kxg_164",
+  "tools-filtering": "awsui_tools-filtering_wih1l_b0kxg_172",
+  "tools-align-right": "awsui_tools-align-right_wih1l_b0kxg_186",
+  "tools-pagination": "awsui_tools-pagination_wih1l_b0kxg_190",
+  "tools-preferences": "awsui_tools-preferences_wih1l_b0kxg_190",
+  "tools-small": "awsui_tools-small_wih1l_b0kxg_196",
+  "table": "awsui_table_wih1l_b0kxg_202",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_b0kxg_208",
+  "wrapper": "awsui_wrapper_wih1l_b0kxg_212",
+  "variant-stacked": "awsui_variant-stacked_wih1l_b0kxg_219",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_b0kxg_219",
+  "variant-container": "awsui_variant-container_wih1l_b0kxg_219",
+  "has-footer": "awsui_has-footer_wih1l_b0kxg_222",
+  "has-header": "awsui_has-header_wih1l_b0kxg_225",
+  "cell-merged": "awsui_cell-merged_wih1l_b0kxg_242",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_b0kxg_254",
+  "empty": "awsui_empty_wih1l_b0kxg_270",
+  "loading": "awsui_loading_wih1l_b0kxg_274",
+  "selection-control": "awsui_selection-control_wih1l_b0kxg_283",
+  "selection-control-header": "awsui_selection-control-header_wih1l_b0kxg_290",
+  "header-secondary": "awsui_header-secondary_wih1l_b0kxg_296",
+  "variant-full-page": "awsui_variant-full-page_wih1l_b0kxg_308",
+  "table-has-header": "awsui_table-has-header_wih1l_b0kxg_314",
+  "header-controls": "awsui_header-controls_wih1l_b0kxg_325",
+  "variant-embedded": "awsui_variant-embedded_wih1l_b0kxg_334",
+  "variant-borderless": "awsui_variant-borderless_wih1l_b0kxg_334",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_b0kxg_339",
+  "footer": "awsui_footer_wih1l_b0kxg_339",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_b0kxg_347",
+  "footer-pagination": "awsui_footer-pagination_wih1l_b0kxg_355",
+  "thead-active": "awsui_thead-active_wih1l_b0kxg_359",
+  "row": "awsui_row_wih1l_b0kxg_360",
+  "row-selected": "awsui_row-selected_wih1l_b0kxg_361"
 };