@cloudscape-design/components 3.0.387 → 3.0.389

package/status-indicator/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "icon-shake": "awsui_icon-shake_1cbgc_wuerj_97",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_wuerj_1",
-  "container-fade-in": "awsui_container-fade-in_1cbgc_wuerj_125",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_wuerj_1",
-  "root": "awsui_root_1cbgc_wuerj_147",
-  "status-error": "awsui_status-error_1cbgc_wuerj_156",
-  "status-warning": "awsui_status-warning_1cbgc_wuerj_159",
-  "status-success": "awsui_status-success_1cbgc_wuerj_162",
-  "status-info": "awsui_status-info_1cbgc_wuerj_165",
-  "status-stopped": "awsui_status-stopped_1cbgc_wuerj_168",
-  "status-pending": "awsui_status-pending_1cbgc_wuerj_171",
-  "status-in-progress": "awsui_status-in-progress_1cbgc_wuerj_174",
-  "status-loading": "awsui_status-loading_1cbgc_wuerj_177",
-  "color-override-red": "awsui_color-override-red_1cbgc_wuerj_180",
-  "color-override-grey": "awsui_color-override-grey_1cbgc_wuerj_183",
-  "color-override-blue": "awsui_color-override-blue_1cbgc_wuerj_186",
-  "color-override-green": "awsui_color-override-green_1cbgc_wuerj_189",
-  "icon": "awsui_icon_1cbgc_wuerj_97",
-  "container": "awsui_container_1cbgc_wuerj_125",
-  "display-inline": "awsui_display-inline_1cbgc_wuerj_201",
-  "display-inline-block": "awsui_display-inline-block_1cbgc_wuerj_204",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_wuerj_208"
+  "icon-shake": "awsui_icon-shake_1cbgc_yqmfc_97",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_yqmfc_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_yqmfc_125",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_yqmfc_1",
+  "root": "awsui_root_1cbgc_yqmfc_147",
+  "status-error": "awsui_status-error_1cbgc_yqmfc_156",
+  "status-warning": "awsui_status-warning_1cbgc_yqmfc_159",
+  "status-success": "awsui_status-success_1cbgc_yqmfc_162",
+  "status-info": "awsui_status-info_1cbgc_yqmfc_165",
+  "status-stopped": "awsui_status-stopped_1cbgc_yqmfc_168",
+  "status-pending": "awsui_status-pending_1cbgc_yqmfc_171",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_yqmfc_174",
+  "status-loading": "awsui_status-loading_1cbgc_yqmfc_177",
+  "color-override-red": "awsui_color-override-red_1cbgc_yqmfc_180",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_yqmfc_183",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_yqmfc_186",
+  "color-override-green": "awsui_color-override-green_1cbgc_yqmfc_189",
+  "container": "awsui_container_1cbgc_yqmfc_125",
+  "display-inline": "awsui_display-inline_1cbgc_yqmfc_193",
+  "icon": "awsui_icon_1cbgc_yqmfc_97",
+  "display-inline-block": "awsui_display-inline-block_1cbgc_yqmfc_201",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_yqmfc_210"
 };
   

package/status-indicator/styles.scoped.css

@@ -94,11 +94,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_icon-shake_1cbgc_wuerj_97:not(#\9) {
+.awsui_icon-shake_1cbgc_yqmfc_97:not(#\9) {
   display: inline-block;
-  animation: awsui_awsui-motion-shake-horizontally_1cbgc_wuerj_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms);
+  animation: awsui_awsui-motion-shake-horizontally_1cbgc_yqmfc_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
-@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_wuerj_1 {
+@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_yqmfc_1 {
   0% {
     transform: translateX(-5px);
     animation-timing-function: linear;
@@ -112,20 +112,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon-shake_1cbgc_wuerj_97:not(#\9) {
+  .awsui_icon-shake_1cbgc_yqmfc_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon-shake_1cbgc_wuerj_97:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_wuerj_97:not(#\9) {
+.awsui-motion-disabled .awsui_icon-shake_1cbgc_yqmfc_97:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_yqmfc_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_container-fade-in_1cbgc_wuerj_125:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_1cbgc_wuerj_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
+.awsui_container-fade-in_1cbgc_yqmfc_125:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1cbgc_yqmfc_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in-0_1cbgc_wuerj_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1cbgc_yqmfc_1 {
   from {
     opacity: 0;
   }
@@ -134,17 +134,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container-fade-in_1cbgc_wuerj_125:not(#\9) {
+  .awsui_container-fade-in_1cbgc_yqmfc_125:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container-fade-in_1cbgc_wuerj_125:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_wuerj_125:not(#\9) {
+.awsui-motion-disabled .awsui_container-fade-in_1cbgc_yqmfc_125:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_yqmfc_125:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1cbgc_wuerj_147:not(#\9) {
+.awsui_root_1cbgc_yqmfc_147:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   color: var(--color-text-body-default-2sxhhn, #000716);
@@ -153,59 +153,61 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_1cbgc_wuerj_147.awsui_status-error_1cbgc_wuerj_156:not(#\9) {
+.awsui_root_1cbgc_yqmfc_147.awsui_status-error_1cbgc_yqmfc_156:not(#\9) {
   color: var(--color-text-status-error-wdvepn, #d91515);
 }
-.awsui_root_1cbgc_wuerj_147.awsui_status-warning_1cbgc_wuerj_159:not(#\9) {
+.awsui_root_1cbgc_yqmfc_147.awsui_status-warning_1cbgc_yqmfc_159:not(#\9) {
   color: var(--color-text-status-warning-yik8vi, #8d6605);
 }
-.awsui_root_1cbgc_wuerj_147.awsui_status-success_1cbgc_wuerj_162:not(#\9) {
+.awsui_root_1cbgc_yqmfc_147.awsui_status-success_1cbgc_yqmfc_162:not(#\9) {
   color: var(--color-text-status-success-bpiyjm, #037f0c);
 }
-.awsui_root_1cbgc_wuerj_147.awsui_status-info_1cbgc_wuerj_165:not(#\9) {
+.awsui_root_1cbgc_yqmfc_147.awsui_status-info_1cbgc_yqmfc_165:not(#\9) {
   color: var(--color-text-status-info-ahz8zp, #0972d3);
 }
-.awsui_root_1cbgc_wuerj_147.awsui_status-stopped_1cbgc_wuerj_168:not(#\9) {
+.awsui_root_1cbgc_yqmfc_147.awsui_status-stopped_1cbgc_yqmfc_168:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
-.awsui_root_1cbgc_wuerj_147.awsui_status-pending_1cbgc_wuerj_171:not(#\9) {
+.awsui_root_1cbgc_yqmfc_147.awsui_status-pending_1cbgc_yqmfc_171:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
-.awsui_root_1cbgc_wuerj_147.awsui_status-in-progress_1cbgc_wuerj_174:not(#\9) {
+.awsui_root_1cbgc_yqmfc_147.awsui_status-in-progress_1cbgc_yqmfc_174:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
-.awsui_root_1cbgc_wuerj_147.awsui_status-loading_1cbgc_wuerj_177:not(#\9) {
+.awsui_root_1cbgc_yqmfc_147.awsui_status-loading_1cbgc_yqmfc_177:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
-.awsui_root_1cbgc_wuerj_147.awsui_color-override-red_1cbgc_wuerj_180:not(#\9) {
+.awsui_root_1cbgc_yqmfc_147.awsui_color-override-red_1cbgc_yqmfc_180:not(#\9) {
   color: var(--color-text-status-error-wdvepn, #d91515);
 }
-.awsui_root_1cbgc_wuerj_147.awsui_color-override-grey_1cbgc_wuerj_183:not(#\9) {
+.awsui_root_1cbgc_yqmfc_147.awsui_color-override-grey_1cbgc_yqmfc_183:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
-.awsui_root_1cbgc_wuerj_147.awsui_color-override-blue_1cbgc_wuerj_186:not(#\9) {
+.awsui_root_1cbgc_yqmfc_147.awsui_color-override-blue_1cbgc_yqmfc_186:not(#\9) {
   color: var(--color-text-status-info-ahz8zp, #0972d3);
 }
-.awsui_root_1cbgc_wuerj_147.awsui_color-override-green_1cbgc_wuerj_189:not(#\9) {
+.awsui_root_1cbgc_yqmfc_147.awsui_color-override-green_1cbgc_yqmfc_189:not(#\9) {
   color: var(--color-text-status-success-bpiyjm, #037f0c);
 }
 
-.awsui_icon_1cbgc_wuerj_97:not(#\9) {
-  padding-right: var(--space-xxs-p8yyaw, 4px);
-}
-
-.awsui_container_1cbgc_wuerj_125:not(#\9) {
-  word-break: break-all;
-  word-wrap: break-word;
-}
-.awsui_container_1cbgc_wuerj_125.awsui_display-inline_1cbgc_wuerj_201:not(#\9) {
+.awsui_container_1cbgc_yqmfc_125.awsui_display-inline_1cbgc_yqmfc_193:not(#\9) {
+  min-width: 0;
+  word-break: break-word;
   display: inline;
 }
-.awsui_container_1cbgc_wuerj_125.awsui_display-inline-block_1cbgc_wuerj_204:not(#\9) {
+.awsui_container_1cbgc_yqmfc_125.awsui_display-inline_1cbgc_yqmfc_193 > .awsui_icon_1cbgc_yqmfc_97:not(#\9) {
+  white-space: nowrap;
+}
+.awsui_container_1cbgc_yqmfc_125.awsui_display-inline-block_1cbgc_yqmfc_201:not(#\9) {
   display: inline-block;
+  word-wrap: break-word;
+  word-break: break-all;
+}
+.awsui_container_1cbgc_yqmfc_125.awsui_display-inline-block_1cbgc_yqmfc_201 > .awsui_icon_1cbgc_yqmfc_97:not(#\9) {
+  padding-right: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_overflow-ellipsis_1cbgc_wuerj_208:not(#\9) {
+.awsui_overflow-ellipsis_1cbgc_yqmfc_210:not(#\9) {
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;

package/status-indicator/styles.selectors.js

@@ -2,27 +2,27 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "icon-shake": "awsui_icon-shake_1cbgc_wuerj_97",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_wuerj_1",
-  "container-fade-in": "awsui_container-fade-in_1cbgc_wuerj_125",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_wuerj_1",
-  "root": "awsui_root_1cbgc_wuerj_147",
-  "status-error": "awsui_status-error_1cbgc_wuerj_156",
-  "status-warning": "awsui_status-warning_1cbgc_wuerj_159",
-  "status-success": "awsui_status-success_1cbgc_wuerj_162",
-  "status-info": "awsui_status-info_1cbgc_wuerj_165",
-  "status-stopped": "awsui_status-stopped_1cbgc_wuerj_168",
-  "status-pending": "awsui_status-pending_1cbgc_wuerj_171",
-  "status-in-progress": "awsui_status-in-progress_1cbgc_wuerj_174",
-  "status-loading": "awsui_status-loading_1cbgc_wuerj_177",
-  "color-override-red": "awsui_color-override-red_1cbgc_wuerj_180",
-  "color-override-grey": "awsui_color-override-grey_1cbgc_wuerj_183",
-  "color-override-blue": "awsui_color-override-blue_1cbgc_wuerj_186",
-  "color-override-green": "awsui_color-override-green_1cbgc_wuerj_189",
-  "icon": "awsui_icon_1cbgc_wuerj_97",
-  "container": "awsui_container_1cbgc_wuerj_125",
-  "display-inline": "awsui_display-inline_1cbgc_wuerj_201",
-  "display-inline-block": "awsui_display-inline-block_1cbgc_wuerj_204",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_wuerj_208"
+  "icon-shake": "awsui_icon-shake_1cbgc_yqmfc_97",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_yqmfc_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_yqmfc_125",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_yqmfc_1",
+  "root": "awsui_root_1cbgc_yqmfc_147",
+  "status-error": "awsui_status-error_1cbgc_yqmfc_156",
+  "status-warning": "awsui_status-warning_1cbgc_yqmfc_159",
+  "status-success": "awsui_status-success_1cbgc_yqmfc_162",
+  "status-info": "awsui_status-info_1cbgc_yqmfc_165",
+  "status-stopped": "awsui_status-stopped_1cbgc_yqmfc_168",
+  "status-pending": "awsui_status-pending_1cbgc_yqmfc_171",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_yqmfc_174",
+  "status-loading": "awsui_status-loading_1cbgc_yqmfc_177",
+  "color-override-red": "awsui_color-override-red_1cbgc_yqmfc_180",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_yqmfc_183",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_yqmfc_186",
+  "color-override-green": "awsui_color-override-green_1cbgc_yqmfc_189",
+  "container": "awsui_container_1cbgc_yqmfc_125",
+  "display-inline": "awsui_display-inline_1cbgc_yqmfc_193",
+  "icon": "awsui_icon_1cbgc_yqmfc_97",
+  "display-inline-block": "awsui_display-inline-block_1cbgc_yqmfc_201",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_yqmfc_210"
 };
   

package/table/header-cell/index.d.ts

@@ -16,8 +16,6 @@ interface TableHeaderCellProps<ItemType> {
     onResizeFinish: () => void;
     colIndex: number;
     updateColumn: (columnId: PropertyKey, newWidth: number) => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
     resizableColumns?: boolean;
     isEditable?: boolean;
     columnId: PropertyKey;
@@ -25,8 +23,7 @@ interface TableHeaderCellProps<ItemType> {
     cellRef: React.RefCallback<HTMLElement>;
     focusedComponent?: null | string;
     tableRole: TableRole;
-    getDescriptionRoot?: () => null | HTMLElement;
 }
-export declare function TableHeaderCell<ItemType>({ className, style, tabIndex, column, activeSortingColumn, sortingDescending, sortingDisabled, wrapLines, focusedComponent, hidden, onClick, colIndex, updateColumn, resizableColumns, onResizeFinish, isEditable, columnId, stickyState, cellRef, tableRole, getDescriptionRoot, }: TableHeaderCellProps<ItemType>): JSX.Element;
+export declare function TableHeaderCell<ItemType>({ className, style, tabIndex, column, activeSortingColumn, sortingDescending, sortingDisabled, wrapLines, focusedComponent, hidden, onClick, colIndex, updateColumn, resizableColumns, onResizeFinish, isEditable, columnId, stickyState, cellRef, tableRole, }: TableHeaderCellProps<ItemType>): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/table/header-cell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,UAAU,oBAAoB,CAAC,QAAQ;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,GAAG,WAAW,CAAC;CAC/C;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,EACxC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,kBAAkB,GACnB,EAAE,oBAAoB,CAAC,QAAQ,CAAC,eA6FhC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,UAAU,oBAAoB,CAAC,QAAQ;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,EACxC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,CAAC,QAAQ,CAAC,eA4FhC"}

package/table/header-cell/index.js

@@ -10,7 +10,7 @@ import { Resizer } from '../resizer';
 import { useUniqueId } from '../../internal/hooks/use-unique-id';
 import { useInternalI18n } from '../../i18n/context';
 import { TableThElement } from './th-element';
-export function TableHeaderCell({ className, style, tabIndex, column, activeSortingColumn, sortingDescending, sortingDisabled, wrapLines, focusedComponent, hidden, onClick, colIndex, updateColumn, resizableColumns, onResizeFinish, isEditable, columnId, stickyState, cellRef, tableRole, getDescriptionRoot, }) {
+export function TableHeaderCell({ className, style, tabIndex, column, activeSortingColumn, sortingDescending, sortingDisabled, wrapLines, focusedComponent, hidden, onClick, colIndex, updateColumn, resizableColumns, onResizeFinish, isEditable, columnId, stickyState, cellRef, tableRole, }) {
     var _a;
     const i18n = useInternalI18n('table');
     const sortable = !!column.sortingComparator || !!column.sortingField;
@@ -54,6 +54,6 @@ export function TableHeaderCell({ className, style, tabIndex, column, activeSort
                     React.createElement(InternalIcon, { name: "edit" }))) : null),
             sortingStatus && (React.createElement("span", { className: styles['sorting-icon'] },
                 React.createElement(InternalIcon, { name: getSortingIconName(sortingStatus) })))),
-        resizableColumns && (React.createElement(Resizer, { tabIndex: tabIndex, focusId: `resize-control-${String(columnId)}`, showFocusRing: focusedComponent === `resize-control-${String(columnId)}`, onDragMove: newWidth => updateColumn(columnId, newWidth), onFinish: onResizeFinish, ariaLabelledby: headerId, minWidth: typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth, getDescriptionRoot: getDescriptionRoot }))));
+        resizableColumns && (React.createElement(Resizer, { tabIndex: tabIndex, focusId: `resize-control-${String(columnId)}`, showFocusRing: focusedComponent === `resize-control-${String(columnId)}`, onWidthUpdate: newWidth => updateColumn(columnId, newWidth), onWidthUpdateCommit: onResizeFinish, ariaLabelledby: headerId, minWidth: typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth }))));
 }
 //# sourceMappingURL=index.js.map

package/table/header-cell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"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 clsx from 'clsx';\nimport React from 'react';\nimport InternalIcon from '../../icon/internal';\nimport { KeyCode } from '../../internal/keycode';\nimport { TableProps } from '../interfaces';\nimport { getSortingIconName, getSortingStatus, isSorted } from './utils';\nimport styles from './styles.css.js';\nimport { Resizer } from '../resizer';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { useInternalI18n } from '../../i18n/context';\nimport { StickyColumnsModel } from '../sticky-columns';\nimport { TableRole } from '../table-role';\nimport { TableThElement } from './th-element';\n\ninterface TableHeaderCellProps<ItemType> {\n  className?: string;\n  style?: React.CSSProperties;\n  tabIndex: number;\n  column: TableProps.ColumnDefinition<ItemType>;\n  activeSortingColumn?: TableProps.SortingColumn<ItemType>;\n  sortingDescending?: boolean;\n  sortingDisabled?: boolean;\n  wrapLines?: boolean;\n  hidden?: boolean;\n  onClick(detail: TableProps.SortingState<any>): void;\n  onResizeFinish: () => void;\n  colIndex: number;\n  updateColumn: (columnId: PropertyKey, newWidth: number) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  resizableColumns?: boolean;\n  isEditable?: boolean;\n  columnId: PropertyKey;\n  stickyState: StickyColumnsModel;\n  cellRef: React.RefCallback<HTMLElement>;\n  focusedComponent?: null | string;\n  tableRole: TableRole;\n  getDescriptionRoot?: () => null | HTMLElement;\n}\n\nexport function TableHeaderCell<ItemType>({\n  className,\n  style,\n  tabIndex,\n  column,\n  activeSortingColumn,\n  sortingDescending,\n  sortingDisabled,\n  wrapLines,\n  focusedComponent,\n  hidden,\n  onClick,\n  colIndex,\n  updateColumn,\n  resizableColumns,\n  onResizeFinish,\n  isEditable,\n  columnId,\n  stickyState,\n  cellRef,\n  tableRole,\n  getDescriptionRoot,\n}: TableHeaderCellProps<ItemType>) {\n  const i18n = useInternalI18n('table');\n  const sortable = !!column.sortingComparator || !!column.sortingField;\n  const sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);\n  const sortingStatus = getSortingStatus(sortable, sorted, !!sortingDescending, !!sortingDisabled);\n  const handleClick = () =>\n    onClick({\n      sortingColumn: column,\n      isDescending: sorted ? !sortingDescending : false,\n    });\n\n  // Elements with role=\"button\" do not have the default behavior of <button>, where pressing\n  // Enter or Space will trigger a click event. Therefore we need to add this ourselves.\n  // The native <button> element cannot be used due to a misaligned implementation in Firefox:\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=843003\n  const handleKeyPress = ({ nativeEvent: e }: React.KeyboardEvent) => {\n    if (e.keyCode === KeyCode.enter || e.keyCode === KeyCode.space) {\n      e.preventDefault();\n      handleClick();\n    }\n  };\n\n  const headerId = useUniqueId('table-header-');\n\n  return (\n    <TableThElement\n      className={className}\n      style={style}\n      cellRef={cellRef}\n      sortingStatus={sortingStatus}\n      sortingDisabled={sortingDisabled}\n      hidden={hidden}\n      colIndex={colIndex}\n      resizableColumns={resizableColumns}\n      columnId={columnId}\n      stickyState={stickyState}\n      tableRole={tableRole}\n    >\n      <div\n        data-focus-id={`sorting-control-${String(columnId)}`}\n        className={clsx(styles['header-cell-content'], {\n          [styles['header-cell-fake-focus']]: focusedComponent === `sorting-control-${String(columnId)}`,\n        })}\n        aria-label={\n          column.ariaLabel\n            ? column.ariaLabel({\n                sorted: sorted,\n                descending: sorted && !!sortingDescending,\n                disabled: !!sortingDisabled,\n              })\n            : undefined\n        }\n        {...(sortingStatus && !sortingDisabled\n          ? {\n              onKeyPress: handleKeyPress,\n              tabIndex: tabIndex,\n              role: 'button',\n              onClick: handleClick,\n            }\n          : {})}\n      >\n        <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])} id={headerId}>\n          {column.header}\n          {isEditable ? (\n            <span\n              className={styles['edit-icon']}\n              role=\"img\"\n              aria-label={i18n('columnDefinitions.editConfig.editIconAriaLabel', column.editConfig?.editIconAriaLabel)}\n            >\n              <InternalIcon name=\"edit\" />\n            </span>\n          ) : null}\n        </div>\n        {sortingStatus && (\n          <span className={styles['sorting-icon']}>\n            <InternalIcon name={getSortingIconName(sortingStatus)} />\n          </span>\n        )}\n      </div>\n      {resizableColumns && (\n        <Resizer\n          tabIndex={tabIndex}\n          focusId={`resize-control-${String(columnId)}`}\n          showFocusRing={focusedComponent === `resize-control-${String(columnId)}`}\n          onDragMove={newWidth => updateColumn(columnId, newWidth)}\n          onFinish={onResizeFinish}\n          ariaLabelledby={headerId}\n          minWidth={typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth}\n          getDescriptionRoot={getDescriptionRoot}\n        />\n      )}\n    </TableThElement>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"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 clsx from 'clsx';\nimport React from 'react';\nimport InternalIcon from '../../icon/internal';\nimport { KeyCode } from '../../internal/keycode';\nimport { TableProps } from '../interfaces';\nimport { getSortingIconName, getSortingStatus, isSorted } from './utils';\nimport styles from './styles.css.js';\nimport { Resizer } from '../resizer';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { useInternalI18n } from '../../i18n/context';\nimport { StickyColumnsModel } from '../sticky-columns';\nimport { TableRole } from '../table-role';\nimport { TableThElement } from './th-element';\n\ninterface TableHeaderCellProps<ItemType> {\n  className?: string;\n  style?: React.CSSProperties;\n  tabIndex: number;\n  column: TableProps.ColumnDefinition<ItemType>;\n  activeSortingColumn?: TableProps.SortingColumn<ItemType>;\n  sortingDescending?: boolean;\n  sortingDisabled?: boolean;\n  wrapLines?: boolean;\n  hidden?: boolean;\n  onClick(detail: TableProps.SortingState<any>): void;\n  onResizeFinish: () => void;\n  colIndex: number;\n  updateColumn: (columnId: PropertyKey, newWidth: number) => void;\n  resizableColumns?: boolean;\n  isEditable?: boolean;\n  columnId: PropertyKey;\n  stickyState: StickyColumnsModel;\n  cellRef: React.RefCallback<HTMLElement>;\n  focusedComponent?: null | string;\n  tableRole: TableRole;\n}\n\nexport function TableHeaderCell<ItemType>({\n  className,\n  style,\n  tabIndex,\n  column,\n  activeSortingColumn,\n  sortingDescending,\n  sortingDisabled,\n  wrapLines,\n  focusedComponent,\n  hidden,\n  onClick,\n  colIndex,\n  updateColumn,\n  resizableColumns,\n  onResizeFinish,\n  isEditable,\n  columnId,\n  stickyState,\n  cellRef,\n  tableRole,\n}: TableHeaderCellProps<ItemType>) {\n  const i18n = useInternalI18n('table');\n  const sortable = !!column.sortingComparator || !!column.sortingField;\n  const sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);\n  const sortingStatus = getSortingStatus(sortable, sorted, !!sortingDescending, !!sortingDisabled);\n  const handleClick = () =>\n    onClick({\n      sortingColumn: column,\n      isDescending: sorted ? !sortingDescending : false,\n    });\n\n  // Elements with role=\"button\" do not have the default behavior of <button>, where pressing\n  // Enter or Space will trigger a click event. Therefore we need to add this ourselves.\n  // The native <button> element cannot be used due to a misaligned implementation in Firefox:\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=843003\n  const handleKeyPress = ({ nativeEvent: e }: React.KeyboardEvent) => {\n    if (e.keyCode === KeyCode.enter || e.keyCode === KeyCode.space) {\n      e.preventDefault();\n      handleClick();\n    }\n  };\n\n  const headerId = useUniqueId('table-header-');\n\n  return (\n    <TableThElement\n      className={className}\n      style={style}\n      cellRef={cellRef}\n      sortingStatus={sortingStatus}\n      sortingDisabled={sortingDisabled}\n      hidden={hidden}\n      colIndex={colIndex}\n      resizableColumns={resizableColumns}\n      columnId={columnId}\n      stickyState={stickyState}\n      tableRole={tableRole}\n    >\n      <div\n        data-focus-id={`sorting-control-${String(columnId)}`}\n        className={clsx(styles['header-cell-content'], {\n          [styles['header-cell-fake-focus']]: focusedComponent === `sorting-control-${String(columnId)}`,\n        })}\n        aria-label={\n          column.ariaLabel\n            ? column.ariaLabel({\n                sorted: sorted,\n                descending: sorted && !!sortingDescending,\n                disabled: !!sortingDisabled,\n              })\n            : undefined\n        }\n        {...(sortingStatus && !sortingDisabled\n          ? {\n              onKeyPress: handleKeyPress,\n              tabIndex: tabIndex,\n              role: 'button',\n              onClick: handleClick,\n            }\n          : {})}\n      >\n        <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])} id={headerId}>\n          {column.header}\n          {isEditable ? (\n            <span\n              className={styles['edit-icon']}\n              role=\"img\"\n              aria-label={i18n('columnDefinitions.editConfig.editIconAriaLabel', column.editConfig?.editIconAriaLabel)}\n            >\n              <InternalIcon name=\"edit\" />\n            </span>\n          ) : null}\n        </div>\n        {sortingStatus && (\n          <span className={styles['sorting-icon']}>\n            <InternalIcon name={getSortingIconName(sortingStatus)} />\n          </span>\n        )}\n      </div>\n      {resizableColumns && (\n        <Resizer\n          tabIndex={tabIndex}\n          focusId={`resize-control-${String(columnId)}`}\n          showFocusRing={focusedComponent === `resize-control-${String(columnId)}`}\n          onWidthUpdate={newWidth => updateColumn(columnId, newWidth)}\n          onWidthUpdateCommit={onResizeFinish}\n          ariaLabelledby={headerId}\n          minWidth={typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth}\n        />\n      )}\n    </TableThElement>\n  );\n}\n"]}

package/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM/D,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,QAAA,MAAM,KAAK,qBAwBa,CAAC;AAGzB,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM/D,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,QAAA,MAAM,KAAK,qBA2Ba,CAAC;AAGzB,eAAe,KAAK,CAAC"}

package/table/index.js

@@ -3,17 +3,21 @@ import { __rest } from "tslib";
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
-import InternalTable from './internal';
+import InternalTable, { InternalTableAsSubstep } from './internal';
 import useBaseComponent from '../internal/hooks/use-base-component';
 import { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';
 const Table = React.forwardRef((_a, ref) => {
     var { items = [], selectedItems = [], variant = 'container', contentDensity = 'comfortable' } = _a, props = __rest(_a, ["items", "selectedItems", "variant", "contentDensity"]);
     const baseComponentProps = useBaseComponent('Table');
-    const table = (React.createElement(InternalTable, Object.assign({ items: items, selectedItems: selectedItems, variant: variant, contentDensity: contentDensity }, props, baseComponentProps, { ref: ref })));
+    const tableProps = Object.assign(Object.assign(Object.assign({ items,
+        selectedItems,
+        variant,
+        contentDensity }, props), baseComponentProps), { ref });
     if (variant === 'borderless' || variant === 'embedded') {
-        return table;
+        return React.createElement(InternalTable, Object.assign({}, tableProps));
     }
-    return React.createElement(AnalyticsFunnelSubStep, null, table);
+    return (React.createElement(AnalyticsFunnelSubStep, null,
+        React.createElement(InternalTableAsSubstep, Object.assign({}, tableProps))));
 });
 applyDisplayName(Table, 'Table');
 export default Table;

package/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,aAAa,MAAM,YAAY,CAAC;AACvC,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAG3F,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EAAkH,EAClH,GAA8B,EAC9B,EAAE;QAFF,EAAE,KAAK,GAAG,EAAE,EAAE,aAAa,GAAG,EAAE,EAAE,OAAO,GAAG,WAAW,EAAE,cAAc,GAAG,aAAa,OAA2B,EAAtB,KAAK,cAAjG,uDAAmG,CAAF;IAGjG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAErD,MAAM,KAAK,GAAG,CACZ,oBAAC,aAAa,kBACZ,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,IAC1B,KAAK,EACL,kBAAkB,IACtB,GAAG,EAAE,GAAG,IACR,CACH,CAAC;IACF,IAAI,OAAO,KAAK,YAAY,IAAI,OAAO,KAAK,UAAU,EAAE;QACtD,OAAO,KAAK,CAAC;KACd;IAED,OAAO,oBAAC,sBAAsB,QAAE,KAAK,CAA0B,CAAC;AAClE,CAAC,CACqB,CAAC;AAEzB,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { TableForwardRefType, TableProps } from './interfaces';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport InternalTable from './internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\n\nexport { TableProps };\nconst Table = React.forwardRef(\n  <T,>(\n    { items = [], selectedItems = [], variant = 'container', contentDensity = 'comfortable', ...props }: TableProps<T>,\n    ref: React.Ref<TableProps.Ref>\n  ) => {\n    const baseComponentProps = useBaseComponent('Table');\n\n    const table = (\n      <InternalTable\n        items={items}\n        selectedItems={selectedItems}\n        variant={variant}\n        contentDensity={contentDensity}\n        {...props}\n        {...baseComponentProps}\n        ref={ref}\n      />\n    );\n    if (variant === 'borderless' || variant === 'embedded') {\n      return table;\n    }\n\n    return <AnalyticsFunnelSubStep>{table}</AnalyticsFunnelSubStep>;\n  }\n) as TableForwardRefType;\n\napplyDisplayName(Table, 'Table');\nexport default Table;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,aAAa,EAAE,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAG3F,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EAAkH,EAClH,GAA8B,EAC9B,EAAE;QAFF,EAAE,KAAK,GAAG,EAAE,EAAE,aAAa,GAAG,EAAE,EAAE,OAAO,GAAG,WAAW,EAAE,cAAc,GAAG,aAAa,OAA2B,EAAtB,KAAK,cAAjG,uDAAmG,CAAF;IAGjG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAErD,MAAM,UAAU,+CACd,KAAK;QACL,aAAa;QACb,OAAO;QACP,cAAc,IACX,KAAK,GACL,kBAAkB,KACrB,GAAG,GACJ,CAAC;IAEF,IAAI,OAAO,KAAK,YAAY,IAAI,OAAO,KAAK,UAAU,EAAE;QACtD,OAAO,oBAAC,aAAa,oBAAK,UAAU,EAAI,CAAC;KAC1C;IAED,OAAO,CACL,oBAAC,sBAAsB;QACrB,oBAAC,sBAAsB,oBAAK,UAAU,EAAI,CACnB,CAC1B,CAAC;AACJ,CAAC,CACqB,CAAC;AAEzB,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { TableForwardRefType, TableProps } from './interfaces';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport InternalTable, { InternalTableAsSubstep } from './internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\n\nexport { TableProps };\nconst Table = React.forwardRef(\n  <T,>(\n    { items = [], selectedItems = [], variant = 'container', contentDensity = 'comfortable', ...props }: TableProps<T>,\n    ref: React.Ref<TableProps.Ref>\n  ) => {\n    const baseComponentProps = useBaseComponent('Table');\n\n    const tableProps: Parameters<typeof InternalTable<T>>[0] = {\n      items,\n      selectedItems,\n      variant,\n      contentDensity,\n      ...props,\n      ...baseComponentProps,\n      ref,\n    };\n\n    if (variant === 'borderless' || variant === 'embedded') {\n      return <InternalTable {...tableProps} />;\n    }\n\n    return (\n      <AnalyticsFunnelSubStep>\n        <InternalTableAsSubstep {...tableProps} />\n      </AnalyticsFunnelSubStep>\n    );\n  }\n) as TableForwardRefType;\n\napplyDisplayName(Table, 'Table');\nexport default Table;\n"]}

package/table/internal.d.ts

@@ -1,4 +1,5 @@
 import { TableForwardRefType } from './interfaces';
+export declare const InternalTableAsSubstep: TableForwardRefType;
 declare const InternalTable: TableForwardRefType;
 export default InternalTable;
 //# sourceMappingURL=internal.d.ts.map

package/table/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AA6C/D,QAAA,MAAM,aAAa,qBA+bK,CAAC;AAEzB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AAgD/D,eAAO,MAAM,sBAAsB,qBAYX,CAAC;AAEzB,QAAA,MAAM,aAAa,qBA0bK,CAAC;AAEzB,eAAe,aAAa,CAAC"}

package/table/internal.js

@@ -37,12 +37,17 @@ import { getTableRoleProps, getTableRowRoleProps, getTableWrapperRoleProps } fro
 import { useCellEditing } from './use-cell-editing';
 import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
 import { CollectionLabelContext } from '../internal/context/collection-label-context';
-import ScreenreaderOnly from '../internal/components/screenreader-only';
+import { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';
 const SELECTION_COLUMN_WIDTH = 54;
 const selectionColumnId = Symbol('selection-column-id');
+export const InternalTableAsSubstep = React.forwardRef((props, ref) => {
+    const { subStepRef, funnelSubStepProps } = useFunnelSubStep();
+    const tableProps = Object.assign(Object.assign({}, props), { __subStepRef: subStepRef, __funnelSubStepProps: funnelSubStepProps });
+    return React.createElement(InternalTable, Object.assign({}, tableProps, { ref: ref }));
+});
 const InternalTable = React.forwardRef((_a, ref) => {
     var _b, _c, _d, _e, _f;
-    var { header, footer, empty, filter, pagination, preferences, items, columnDefinitions, trackBy, loading, loadingText, selectionType, selectedItems, isItemDisabled, ariaLabels, onSelectionChange, onSortingChange, sortingColumn, sortingDescending, sortingDisabled, visibleColumns, stickyHeader, stickyHeaderVerticalOffset, onRowClick, onRowContextMenu, wrapLines, stripedRows, contentDensity, submitEdit, onEditCancel, resizableColumns, onColumnWidthsChange, variant, __internalRootRef, totalItemsCount, firstIndex, renderAriaLive, stickyColumns, columnDisplay } = _a, rest = __rest(_a, ["header", "footer", "empty", "filter", "pagination", "preferences", "items", "columnDefinitions", "trackBy", "loading", "loadingText", "selectionType", "selectedItems", "isItemDisabled", "ariaLabels", "onSelectionChange", "onSortingChange", "sortingColumn", "sortingDescending", "sortingDisabled", "visibleColumns", "stickyHeader", "stickyHeaderVerticalOffset", "onRowClick", "onRowContextMenu", "wrapLines", "stripedRows", "contentDensity", "submitEdit", "onEditCancel", "resizableColumns", "onColumnWidthsChange", "variant", "__internalRootRef", "totalItemsCount", "firstIndex", "renderAriaLive", "stickyColumns", "columnDisplay"]);
+    var { header, footer, empty, filter, pagination, preferences, items, columnDefinitions, trackBy, loading, loadingText, selectionType, selectedItems, isItemDisabled, ariaLabels, onSelectionChange, onSortingChange, sortingColumn, sortingDescending, sortingDisabled, visibleColumns, stickyHeader, stickyHeaderVerticalOffset, onRowClick, onRowContextMenu, wrapLines, stripedRows, contentDensity, submitEdit, onEditCancel, resizableColumns, onColumnWidthsChange, variant, __internalRootRef, totalItemsCount, firstIndex, renderAriaLive, stickyColumns, columnDisplay, __funnelSubStepProps, __subStepRef } = _a, rest = __rest(_a, ["header", "footer", "empty", "filter", "pagination", "preferences", "items", "columnDefinitions", "trackBy", "loading", "loadingText", "selectionType", "selectedItems", "isItemDisabled", "ariaLabels", "onSelectionChange", "onSortingChange", "sortingColumn", "sortingDescending", "sortingDisabled", "visibleColumns", "stickyHeader", "stickyHeaderVerticalOffset", "onRowClick", "onRowContextMenu", "wrapLines", "stripedRows", "contentDensity", "submitEdit", "onEditCancel", "resizableColumns", "onColumnWidthsChange", "variant", "__internalRootRef", "totalItemsCount", "firstIndex", "renderAriaLive", "stickyColumns", "columnDisplay", "__funnelSubStepProps", "__subStepRef"]);
     const baseProps = getBaseProps(rest);
     stickyHeader = stickyHeader && supportsStickyPosition();
     const isMobile = useMobile();
@@ -50,9 +55,6 @@ const InternalTable = React.forwardRef((_a, ref) => {
     const wrapperRefObject = useRef(null);
     const [tableWidth, tableMeasureRef] = useContainerQuery(rect => rect.contentBoxWidth);
     const tableRefObject = useRef(null);
-    // Used to render table's ARIA description nodes into.
-    const descriptionRef = useRef(null);
-    const getDescriptionRoot = useCallback(() => descriptionRef.current, []);
     const secondaryWrapperRef = React.useRef(null);
     const theadRef = useRef(null);
     const stickyHeaderRef = React.useRef(null);
@@ -150,7 +152,6 @@ const InternalTable = React.forwardRef((_a, ref) => {
         stickyState,
         selectionColumnId,
         tableRole,
-        getDescriptionRoot,
     };
     const wrapperRef = useMergeRefs(wrapperMeasureRef, wrapperRefObject, stickyState.refs.wrapper);
     const tableRef = useMergeRefs(tableMeasureRef, tableRefObject, stickyState.refs.table);
@@ -169,7 +170,7 @@ const InternalTable = React.forwardRef((_a, ref) => {
     const totalColumnsCount = selectionType ? visibleColumnDefinitions.length + 1 : visibleColumnDefinitions.length;
     return (React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
         React.createElement(ColumnWidthsProvider, { visibleColumns: visibleColumnWidthsWithSelection, resizableColumns: resizableColumns },
-            React.createElement(InternalContainer, Object.assign({}, baseProps, { __internalRootRef: __internalRootRef, className: clsx(baseProps.className, styles.root), header: React.createElement(React.Fragment, null,
+            React.createElement(InternalContainer, Object.assign({}, baseProps, { __internalRootRef: __internalRootRef, className: clsx(baseProps.className, styles.root), __funnelSubStepProps: __funnelSubStepProps, __subStepRef: __subStepRef, header: React.createElement(React.Fragment, null,
                     hasHeader && (React.createElement("div", { ref: overlapElement, className: clsx(hasDynamicHeight && [styles['dark-header'], 'awsui-context-content-header']) },
                         React.createElement("div", { ref: toolsHeaderWrapper, className: clsx(styles['header-controls'], styles[`variant-${computedVariant}`]) },
                             React.createElement(CollectionLabelContext.Provider, { value: { assignId: setHeaderRef } },
@@ -230,9 +231,7 @@ const InternalTable = React.forwardRef((_a, ref) => {
                                 })));
                         })))),
                     resizableColumns && React.createElement(ResizeTracker, null)),
-                React.createElement(StickyScrollbar, { ref: scrollbarRef, wrapperRef: wrapperRefObject, tableRef: tableRefObject, onScroll: handleScroll, hasStickyColumns: hasStickyColumns }),
-                React.createElement(ScreenreaderOnly, null,
-                    React.createElement("span", { ref: descriptionRef }))))));
+                React.createElement(StickyScrollbar, { ref: scrollbarRef, wrapperRef: wrapperRefObject, tableRef: tableRefObject, onScroll: handleScroll, hasStickyColumns: hasStickyColumns })))));
 });
 export default InternalTable;
 //# sourceMappingURL=internal.js.map