@cloudscape-design/components 3.0.1387 → 3.0.1388

package/table-row/index.js

@@ -0,0 +1,16 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+'use client';
+import React from 'react';
+import useBaseComponent from '../internal/hooks/use-base-component';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import InternalTableRow from './internal';
+function TableRow(props) {
+    const baseComponentProps = useBaseComponent('TableRow', {
+        props: { selected: props.selected, shaded: props.shaded },
+    });
+    return React.createElement(InternalTableRow, { ...props, ...baseComponentProps });
+}
+applyDisplayName(TableRow, 'TableRow');
+export default TableRow;
+//# sourceMappingURL=index.js.map

package/table-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table-row/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAI1C,SAAS,QAAQ,CAAC,KAAoB;IACpC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,UAAU,EAAE;QACtD,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE;KAC1D,CAAC,CAAC;IACH,OAAO,oBAAC,gBAAgB,OAAK,KAAK,KAAM,kBAAkB,GAAI,CAAC;AACjE,CAAC;AAED,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AACvC,eAAe,QAAQ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { TableRowProps } from './interfaces';\nimport InternalTableRow from './internal';\n\nexport { TableRowProps };\n\nfunction TableRow(props: TableRowProps) {\n  const baseComponentProps = useBaseComponent('TableRow', {\n    props: { selected: props.selected, shaded: props.shaded },\n  });\n  return <InternalTableRow {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(TableRow, 'TableRow');\nexport default TableRow;\n"]}

package/table-row/interfaces.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { BaseComponentProps } from '../types/base-component';
+export interface TableRowProps extends BaseComponentProps {
+  /**
+   * Applies selected-row styling. Visual only — it does not set `aria-selected`; convey selection to
+   * assistive technologies via the selection control in a leading cell.
+   */
+  selected?: boolean;
+  /**
+   * Applies a shaded background, for alternating row colors.
+   */
+  shaded?: boolean;
+  /** Provides an accessible name for the row. Use this or `ariaLabelledby`. */
+  ariaLabel?: string;
+  /** Sets `aria-labelledby`. Use the ID(s) of visible element(s) that label the row. */
+  ariaLabelledby?: string;
+  /** Sets `aria-describedby`. Use the ID(s) of visible element(s) that describe the row. */
+  ariaDescribedby?: string;
+  /**
+   * Sets the row's `aria-rowindex`, its position in the full dataset counting the header row. Set
+   * this only when virtualizing; otherwise it is derived from DOM order.
+   */
+  ariaRowindex?: number;
+  /**
+   * Applies inline styles to the row element for positioning, such as virtualization or draggable
+   * rows. Not intended for general styling.
+   */
+  positionStyle?: TableRowProps.PositionStyle;
+  /** The row's cells, one per column, in order. */
+  children?: React.ReactNode;
+}
+export declare namespace TableRowProps {
+  interface PositionStyle {
+    position?: React.CSSProperties['position'];
+    transform?: React.CSSProperties['transform'];
+    height?: React.CSSProperties['height'];
+  }
+}

package/table-row/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/table-row/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0FAA0F;IAC1F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC;IAC5C,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,aAAa;QAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;KACxC;CACF"}

package/table-row/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/table-row/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/table-row/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../types/base-component';\n\nexport interface TableRowProps extends BaseComponentProps {\n  /**\n   * Applies selected-row styling. Visual only — it does not set `aria-selected`; convey selection to\n   * assistive technologies via the selection control in a leading cell.\n   */\n  selected?: boolean;\n  /**\n   * Applies a shaded background, for alternating row colors.\n   */\n  shaded?: boolean;\n  /** Provides an accessible name for the row. Use this or `ariaLabelledby`. */\n  ariaLabel?: string;\n  /** Sets `aria-labelledby`. Use the ID(s) of visible element(s) that label the row. */\n  ariaLabelledby?: string;\n  /** Sets `aria-describedby`. Use the ID(s) of visible element(s) that describe the row. */\n  ariaDescribedby?: string;\n  /**\n   * Sets the row's `aria-rowindex`, its position in the full dataset counting the header row. Set\n   * this only when virtualizing; otherwise it is derived from DOM order.\n   */\n  ariaRowindex?: number;\n  /**\n   * Applies inline styles to the row element for positioning, such as virtualization or draggable\n   * rows. Not intended for general styling.\n   */\n  positionStyle?: TableRowProps.PositionStyle;\n  /** The row's cells, one per column, in order. */\n  children?: React.ReactNode;\n}\n\nexport namespace TableRowProps {\n  export interface PositionStyle {\n    position?: React.CSSProperties['position'];\n    transform?: React.CSSProperties['transform'];\n    height?: React.CSSProperties['height'];\n  }\n}\n"]}

package/table-row/internal.d.ts

@@ -0,0 +1,15 @@
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { TableRowProps } from './interfaces';
+export interface InternalTableRowProps extends TableRowProps, InternalBaseComponentProps {}
+export default function InternalTableRow({
+  selected,
+  shaded,
+  ariaLabel,
+  ariaLabelledby,
+  ariaDescribedby,
+  ariaRowindex,
+  children,
+  positionStyle,
+  __internalRootRef,
+  ...rest
+}: InternalTableRowProps): JSX.Element;

package/table-row/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/table-row/internal.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAQ7C,MAAM,WAAW,qBAAsB,SAAQ,aAAa,EAAE,0BAA0B;CAAG;AAE3F,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,MAAM,EACN,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,qBAAqB,eAqBvB"}

package/table-row/internal.js

@@ -0,0 +1,13 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import { getBaseProps } from '../internal/base-component';
+import { useTableContext } from '../table-root/context';
+import styles from './styles.css.js';
+export default function InternalTableRow({ selected, shaded, ariaLabel, ariaLabelledby, ariaDescribedby, ariaRowindex, children, positionStyle, __internalRootRef, ...rest }) {
+    const { isGrid, gridTemplateColumns } = useTableContext();
+    const { className, ...restBaseProps } = getBaseProps(rest);
+    return (React.createElement("tr", { ref: __internalRootRef, className: clsx(className, styles.row, isGrid && styles['row-grid']), ...restBaseProps, ...(selected ? { 'data-awsui-selected': true } : {}), ...(shaded && !selected ? { 'data-awsui-shaded': true } : {}), role: isGrid ? 'row' : undefined, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-rowindex": ariaRowindex, style: (isGrid ? { gridTemplateColumns, ...positionStyle } : positionStyle) }, children));
+}
+//# sourceMappingURL=internal.js.map

package/table-row/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/table-row/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,MAAM,EACN,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,GAAG,IAAI,EACe;IACtB,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,GAAG,eAAe,EAAE,CAAC;IAC1D,MAAM,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAE3D,OAAO,CACL,4BACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,KAChE,aAAa,KACb,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACjD,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,mBAAmB,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC9D,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,gBACpB,SAAS,qBACJ,cAAc,sBACb,eAAe,mBAClB,YAAY,EAC3B,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,mBAAmB,EAAE,GAAG,aAAa,EAAE,CAAC,CAAC,CAAC,aAAa,CAAwB,IAEjG,QAAQ,CACN,CACN,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';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useTableContext } from '../table-root/context';\nimport { TableRowProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\n// Sanctioned data-* hooks: `data-awsui-selected` / `data-awsui-shaded` on the <tr> carry the row's visual\n// state so CSS can key off it — sibling-adjacency (consecutive-selected merge, striped divider) and the\n// selection ring, which a cell can't express from its own context. Inert for the existing Table. A selected\n// row omits the shaded hook so selection styling wins outright (no shaded paint on a selected row).\nexport interface InternalTableRowProps extends TableRowProps, InternalBaseComponentProps {}\n\nexport default function InternalTableRow({\n  selected,\n  shaded,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  ariaRowindex,\n  children,\n  positionStyle,\n  __internalRootRef,\n  ...rest\n}: InternalTableRowProps) {\n  const { isGrid, gridTemplateColumns } = useTableContext();\n  const { className, ...restBaseProps } = getBaseProps(rest);\n\n  return (\n    <tr\n      ref={__internalRootRef}\n      className={clsx(className, styles.row, isGrid && styles['row-grid'])}\n      {...restBaseProps}\n      {...(selected ? { 'data-awsui-selected': true } : {})}\n      {...(shaded && !selected ? { 'data-awsui-shaded': true } : {})}\n      role={isGrid ? 'row' : undefined}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n      aria-rowindex={ariaRowindex}\n      style={(isGrid ? { gridTemplateColumns, ...positionStyle } : positionStyle) as React.CSSProperties}\n    >\n      {children}\n    </tr>\n  );\n}\n"]}

package/table-row/styles.css.js

@@ -0,0 +1,7 @@
+
+    import './styles.scoped.css';
+    export default {
+  "row": "awsui_row_3yyds_npyws_5",
+  "row-grid": "awsui_row-grid_3yyds_npyws_10"
+};
+  

package/table-row/styles.scoped.css

@@ -0,0 +1,42 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_row_3yyds_npyws_5:not(#\9) {
+  position: relative;
+  box-sizing: border-box;
+}
+
+.awsui_row-grid_3yyds_npyws_10:not(#\9) {
+  display: grid;
+  inline-size: 100%;
+  align-items: center;
+}
+
+.awsui_row_3yyds_npyws_5[data-awsui-selected]:not(#\9)::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  grid-column: 1/-1;
+  grid-row: 1;
+  border-block-start: var(--border-width-item-selected-l41fek, 2px) solid var(--color-border-item-selected-7104rh, #006ce0);
+  border-block-end: var(--border-width-item-selected-l41fek, 2px) solid var(--color-border-item-selected-7104rh, #006ce0);
+  border-inline-start: var(--border-width-item-selected-l41fek, 2px) solid var(--color-border-item-selected-7104rh, #006ce0);
+  border-inline-end: var(--border-width-item-selected-l41fek, 2px) solid var(--color-border-item-selected-7104rh, #006ce0);
+  border-start-start-radius: var(--border-radius-item-mitz8h, 8px);
+  border-start-end-radius: var(--border-radius-item-mitz8h, 8px);
+  border-end-start-radius: var(--border-radius-item-mitz8h, 8px);
+  border-end-end-radius: var(--border-radius-item-mitz8h, 8px);
+  pointer-events: none;
+}
+
+.awsui_row_3yyds_npyws_5[data-awsui-selected]:not(#\9):has(+ .awsui_row_3yyds_npyws_5[data-awsui-selected])::after {
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
+}
+
+.awsui_row_3yyds_npyws_5[data-awsui-selected] + .awsui_row_3yyds_npyws_5[data-awsui-selected]:not(#\9)::after {
+  border-block-start-width: 0;
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}

package/table-row/styles.selectors.js

@@ -0,0 +1,8 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "row": "awsui_row_3yyds_npyws_5",
+  "row-grid": "awsui_row-grid_3yyds_npyws_10"
+};
+  

package/test-utils/dom/index.d.ts

@@ -78,6 +78,12 @@ import SplitPanelWrapper from './split-panel';
 import StatusIndicatorWrapper from './status-indicator';
 import StepsWrapper from './steps';
 import TableWrapper from './table';
+import TableBodyWrapper from './table-body';
+import TableBodyCellWrapper from './table-body-cell';
+import TableHeadWrapper from './table-head';
+import TableHeaderCellWrapper from './table-header-cell';
+import TableRootWrapper from './table-root';
+import TableRowWrapper from './table-row';
 import TabsWrapper from './tabs';
 import TagEditorWrapper from './tag-editor';
 import TextContentWrapper from './text-content';
@@ -173,6 +179,12 @@ export { SplitPanelWrapper };
 export { StatusIndicatorWrapper };
 export { StepsWrapper };
 export { TableWrapper };
+export { TableBodyWrapper };
+export { TableBodyCellWrapper };
+export { TableHeadWrapper };
+export { TableHeaderCellWrapper };
+export { TableRootWrapper };
+export { TableRowWrapper };
 export { TabsWrapper };
 export { TagEditorWrapper };
 export { TextContentWrapper };
@@ -2220,6 +2232,162 @@ declare module '@cloudscape-design/test-utils-core/dist/dom' {
      * @returns {TableWrapper | null}
      */
     findClosestTable(): TableWrapper | null;
+    /**
+     * Returns the wrapper of the first TableBody that matches the specified CSS selector.
+     * If no CSS selector is specified, returns the wrapper of the first TableBody.
+     * If no matching TableBody is found, returns `null`.
+     *
+     * @param {string} [selector] CSS Selector
+     * @returns {TableBodyWrapper | null}
+     */
+    findTableBody(selector?: string): TableBodyWrapper | null;
+    /**
+     * Returns an array of TableBody wrapper that matches the specified CSS selector.
+     * If no CSS selector is specified, returns all of the TableBodies inside the current wrapper.
+     * If no matching TableBody is found, returns an empty array.
+     *
+     * @param {string} [selector] CSS Selector
+     * @returns {Array<TableBodyWrapper>}
+     */
+    findAllTableBodies(selector?: string): Array<TableBodyWrapper>;
+    /**
+     * Returns the wrapper of the closest parent TableBody for the current element,
+     * or the element itself if it is an instance of TableBody.
+     * If no TableBody is found, returns `null`.
+     *
+     * @returns {TableBodyWrapper | null}
+     */
+    findClosestTableBody(): TableBodyWrapper | null;
+    /**
+     * Returns the wrapper of the first TableBodyCell that matches the specified CSS selector.
+     * If no CSS selector is specified, returns the wrapper of the first TableBodyCell.
+     * If no matching TableBodyCell is found, returns `null`.
+     *
+     * @param {string} [selector] CSS Selector
+     * @returns {TableBodyCellWrapper | null}
+     */
+    findTableBodyCell(selector?: string): TableBodyCellWrapper | null;
+    /**
+     * Returns an array of TableBodyCell wrapper that matches the specified CSS selector.
+     * If no CSS selector is specified, returns all of the TableBodyCells inside the current wrapper.
+     * If no matching TableBodyCell is found, returns an empty array.
+     *
+     * @param {string} [selector] CSS Selector
+     * @returns {Array<TableBodyCellWrapper>}
+     */
+    findAllTableBodyCells(selector?: string): Array<TableBodyCellWrapper>;
+    /**
+     * Returns the wrapper of the closest parent TableBodyCell for the current element,
+     * or the element itself if it is an instance of TableBodyCell.
+     * If no TableBodyCell is found, returns `null`.
+     *
+     * @returns {TableBodyCellWrapper | null}
+     */
+    findClosestTableBodyCell(): TableBodyCellWrapper | null;
+    /**
+     * Returns the wrapper of the first TableHead that matches the specified CSS selector.
+     * If no CSS selector is specified, returns the wrapper of the first TableHead.
+     * If no matching TableHead is found, returns `null`.
+     *
+     * @param {string} [selector] CSS Selector
+     * @returns {TableHeadWrapper | null}
+     */
+    findTableHead(selector?: string): TableHeadWrapper | null;
+    /**
+     * Returns an array of TableHead wrapper that matches the specified CSS selector.
+     * If no CSS selector is specified, returns all of the TableHeads inside the current wrapper.
+     * If no matching TableHead is found, returns an empty array.
+     *
+     * @param {string} [selector] CSS Selector
+     * @returns {Array<TableHeadWrapper>}
+     */
+    findAllTableHeads(selector?: string): Array<TableHeadWrapper>;
+    /**
+     * Returns the wrapper of the closest parent TableHead for the current element,
+     * or the element itself if it is an instance of TableHead.
+     * If no TableHead is found, returns `null`.
+     *
+     * @returns {TableHeadWrapper | null}
+     */
+    findClosestTableHead(): TableHeadWrapper | null;
+    /**
+     * Returns the wrapper of the first TableHeaderCell that matches the specified CSS selector.
+     * If no CSS selector is specified, returns the wrapper of the first TableHeaderCell.
+     * If no matching TableHeaderCell is found, returns `null`.
+     *
+     * @param {string} [selector] CSS Selector
+     * @returns {TableHeaderCellWrapper | null}
+     */
+    findTableHeaderCell(selector?: string): TableHeaderCellWrapper | null;
+    /**
+     * Returns an array of TableHeaderCell wrapper that matches the specified CSS selector.
+     * If no CSS selector is specified, returns all of the TableHeaderCells inside the current wrapper.
+     * If no matching TableHeaderCell is found, returns an empty array.
+     *
+     * @param {string} [selector] CSS Selector
+     * @returns {Array<TableHeaderCellWrapper>}
+     */
+    findAllTableHeaderCells(selector?: string): Array<TableHeaderCellWrapper>;
+    /**
+     * Returns the wrapper of the closest parent TableHeaderCell for the current element,
+     * or the element itself if it is an instance of TableHeaderCell.
+     * If no TableHeaderCell is found, returns `null`.
+     *
+     * @returns {TableHeaderCellWrapper | null}
+     */
+    findClosestTableHeaderCell(): TableHeaderCellWrapper | null;
+    /**
+     * Returns the wrapper of the first TableRoot that matches the specified CSS selector.
+     * If no CSS selector is specified, returns the wrapper of the first TableRoot.
+     * If no matching TableRoot is found, returns `null`.
+     *
+     * @param {string} [selector] CSS Selector
+     * @returns {TableRootWrapper | null}
+     */
+    findTableRoot(selector?: string): TableRootWrapper | null;
+    /**
+     * Returns an array of TableRoot wrapper that matches the specified CSS selector.
+     * If no CSS selector is specified, returns all of the TableRoots inside the current wrapper.
+     * If no matching TableRoot is found, returns an empty array.
+     *
+     * @param {string} [selector] CSS Selector
+     * @returns {Array<TableRootWrapper>}
+     */
+    findAllTableRoots(selector?: string): Array<TableRootWrapper>;
+    /**
+     * Returns the wrapper of the closest parent TableRoot for the current element,
+     * or the element itself if it is an instance of TableRoot.
+     * If no TableRoot is found, returns `null`.
+     *
+     * @returns {TableRootWrapper | null}
+     */
+    findClosestTableRoot(): TableRootWrapper | null;
+    /**
+     * Returns the wrapper of the first TableRow that matches the specified CSS selector.
+     * If no CSS selector is specified, returns the wrapper of the first TableRow.
+     * If no matching TableRow is found, returns `null`.
+     *
+     * @param {string} [selector] CSS Selector
+     * @returns {TableRowWrapper | null}
+     */
+    findTableRow(selector?: string): TableRowWrapper | null;
+    /**
+     * Returns an array of TableRow wrapper that matches the specified CSS selector.
+     * If no CSS selector is specified, returns all of the TableRows inside the current wrapper.
+     * If no matching TableRow is found, returns an empty array.
+     *
+     * @param {string} [selector] CSS Selector
+     * @returns {Array<TableRowWrapper>}
+     */
+    findAllTableRows(selector?: string): Array<TableRowWrapper>;
+    /**
+     * Returns the wrapper of the closest parent TableRow for the current element,
+     * or the element itself if it is an instance of TableRow.
+     * If no TableRow is found, returns `null`.
+     *
+     * @returns {TableRowWrapper | null}
+     */
+    findClosestTableRow(): TableRowWrapper | null;
     /**
      * Returns the wrapper of the first Tabs that matches the specified CSS selector.
      * If no CSS selector is specified, returns the wrapper of the first Tabs.

package/test-utils/dom/index.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.KeyValuePairsWrapper = exports.ItemCardWrapper = exports.InputWrapper = exports.IconWrapper = exports.HotspotWrapper = exports.HelpPanelWrapper = exports.HeaderWrapper = exports.GridWrapper = exports.FormFieldWrapper = exports.FormWrapper = exports.FlashbarWrapper = exports.FileUploadWrapper = exports.FileTokenGroupWrapper = exports.FileInputWrapper = exports.FileDropzoneWrapper = exports.ExpandableSectionWrapper = exports.ErrorBoundaryWrapper = exports.DropdownWrapper = exports.DrawerWrapper = exports.DividerWrapper = exports.DialogWrapper = exports.DateRangePickerWrapper = exports.DatePickerWrapper = exports.DateInputWrapper = exports.CopyToClipboardWrapper = exports.ContentLayoutWrapper = exports.ContainerWrapper = exports.ColumnLayoutWrapper = exports.CollectionPreferencesWrapper = exports.CodeEditorWrapper = exports.CheckboxWrapper = exports.CardsWrapper = exports.CalendarWrapper = exports.ButtonGroupWrapper = exports.ButtonDropdownWrapper = exports.ButtonWrapper = exports.BreadcrumbGroupWrapper = exports.BoxWrapper = exports.BarChartWrapper = exports.BadgeWrapper = exports.AutosuggestWrapper = exports.AttributeEditorWrapper = exports.AreaChartWrapper = exports.AppLayoutToolbarWrapper = exports.AppLayoutWrapper = exports.AnnotationWrapper = exports.AnchorNavigationWrapper = exports.AlertWrapper = exports.ActionCardWrapper = exports.ElementWrapper = void 0;
-exports.WizardWrapper = exports.TutorialPanelWrapper = exports.TruncatedTextWrapper = exports.TreeViewWrapper = exports.TopNavigationWrapper = exports.TooltipWrapper = exports.TokenGroupWrapper = exports.TokenWrapper = exports.ToggleButtonWrapper = exports.ToggleWrapper = exports.TimeInputWrapper = exports.TilesWrapper = exports.TextareaWrapper = exports.TextFilterWrapper = exports.TextContentWrapper = exports.TagEditorWrapper = exports.TabsWrapper = exports.TableWrapper = exports.StepsWrapper = exports.StatusIndicatorWrapper = exports.SplitPanelWrapper = exports.SpinnerWrapper = exports.SpaceBetweenWrapper = exports.SliderWrapper = exports.SkeletonWrapper = exports.SideNavigationWrapper = exports.SelectWrapper = exports.SegmentedControlWrapper = exports.S3ResourceSelectorWrapper = exports.RadioGroupWrapper = exports.RadioButtonWrapper = exports.PropertyFilterWrapper = exports.PromptInputWrapper = exports.ProgressBarWrapper = exports.PopoverWrapper = exports.PieChartWrapper = exports.PanelLayoutWrapper = exports.PaginationWrapper = exports.NavigableGroupWrapper = exports.MultiselectWrapper = exports.ModalWrapper = exports.MixedLineBarChartWrapper = exports.LiveRegionWrapper = exports.ListWrapper = exports.LinkWrapper = exports.LineChartWrapper = void 0;
+exports.TruncatedTextWrapper = exports.TreeViewWrapper = exports.TopNavigationWrapper = exports.TooltipWrapper = exports.TokenGroupWrapper = exports.TokenWrapper = exports.ToggleButtonWrapper = exports.ToggleWrapper = exports.TimeInputWrapper = exports.TilesWrapper = exports.TextareaWrapper = exports.TextFilterWrapper = exports.TextContentWrapper = exports.TagEditorWrapper = exports.TabsWrapper = exports.TableRowWrapper = exports.TableRootWrapper = exports.TableHeaderCellWrapper = exports.TableHeadWrapper = exports.TableBodyCellWrapper = exports.TableBodyWrapper = exports.TableWrapper = exports.StepsWrapper = exports.StatusIndicatorWrapper = exports.SplitPanelWrapper = exports.SpinnerWrapper = exports.SpaceBetweenWrapper = exports.SliderWrapper = exports.SkeletonWrapper = exports.SideNavigationWrapper = exports.SelectWrapper = exports.SegmentedControlWrapper = exports.S3ResourceSelectorWrapper = exports.RadioGroupWrapper = exports.RadioButtonWrapper = exports.PropertyFilterWrapper = exports.PromptInputWrapper = exports.ProgressBarWrapper = exports.PopoverWrapper = exports.PieChartWrapper = exports.PanelLayoutWrapper = exports.PaginationWrapper = exports.NavigableGroupWrapper = exports.MultiselectWrapper = exports.ModalWrapper = exports.MixedLineBarChartWrapper = exports.LiveRegionWrapper = exports.ListWrapper = exports.LinkWrapper = exports.LineChartWrapper = void 0;
+exports.WizardWrapper = exports.TutorialPanelWrapper = void 0;
 exports.default = wrapper;
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
@@ -164,6 +165,18 @@ const steps_1 = require("./steps");
 exports.StepsWrapper = steps_1.default;
 const table_1 = require("./table");
 exports.TableWrapper = table_1.default;
+const table_body_1 = require("./table-body");
+exports.TableBodyWrapper = table_body_1.default;
+const table_body_cell_1 = require("./table-body-cell");
+exports.TableBodyCellWrapper = table_body_cell_1.default;
+const table_head_1 = require("./table-head");
+exports.TableHeadWrapper = table_head_1.default;
+const table_header_cell_1 = require("./table-header-cell");
+exports.TableHeaderCellWrapper = table_header_cell_1.default;
+const table_root_1 = require("./table-root");
+exports.TableRootWrapper = table_root_1.default;
+const table_row_1 = require("./table-row");
+exports.TableRowWrapper = table_row_1.default;
 const tabs_1 = require("./tabs");
 exports.TabsWrapper = tabs_1.default;
 const tag_editor_1 = require("./tag-editor");
@@ -1134,6 +1147,78 @@ dom_1.ElementWrapper.prototype.findTable = function (selector) {
 dom_1.ElementWrapper.prototype.findAllTables = function (selector) {
     return this.findAllComponents(table_1.default, selector);
 };
+dom_1.ElementWrapper.prototype.findTableBody = function (selector) {
+    let rootSelector = `.${table_body_1.default.rootSelector}`;
+    if ("legacyRootSelector" in table_body_1.default && table_body_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${table_body_1.default.rootSelector}, .${table_body_1.default.legacyRootSelector})`;
+    }
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, table_body_1.default);
+};
+dom_1.ElementWrapper.prototype.findAllTableBodies = function (selector) {
+    return this.findAllComponents(table_body_1.default, selector);
+};
+dom_1.ElementWrapper.prototype.findTableBodyCell = function (selector) {
+    let rootSelector = `.${table_body_cell_1.default.rootSelector}`;
+    if ("legacyRootSelector" in table_body_cell_1.default && table_body_cell_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${table_body_cell_1.default.rootSelector}, .${table_body_cell_1.default.legacyRootSelector})`;
+    }
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, table_body_cell_1.default);
+};
+dom_1.ElementWrapper.prototype.findAllTableBodyCells = function (selector) {
+    return this.findAllComponents(table_body_cell_1.default, selector);
+};
+dom_1.ElementWrapper.prototype.findTableHead = function (selector) {
+    let rootSelector = `.${table_head_1.default.rootSelector}`;
+    if ("legacyRootSelector" in table_head_1.default && table_head_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${table_head_1.default.rootSelector}, .${table_head_1.default.legacyRootSelector})`;
+    }
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, table_head_1.default);
+};
+dom_1.ElementWrapper.prototype.findAllTableHeads = function (selector) {
+    return this.findAllComponents(table_head_1.default, selector);
+};
+dom_1.ElementWrapper.prototype.findTableHeaderCell = function (selector) {
+    let rootSelector = `.${table_header_cell_1.default.rootSelector}`;
+    if ("legacyRootSelector" in table_header_cell_1.default && table_header_cell_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${table_header_cell_1.default.rootSelector}, .${table_header_cell_1.default.legacyRootSelector})`;
+    }
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, table_header_cell_1.default);
+};
+dom_1.ElementWrapper.prototype.findAllTableHeaderCells = function (selector) {
+    return this.findAllComponents(table_header_cell_1.default, selector);
+};
+dom_1.ElementWrapper.prototype.findTableRoot = function (selector) {
+    let rootSelector = `.${table_root_1.default.rootSelector}`;
+    if ("legacyRootSelector" in table_root_1.default && table_root_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${table_root_1.default.rootSelector}, .${table_root_1.default.legacyRootSelector})`;
+    }
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, table_root_1.default);
+};
+dom_1.ElementWrapper.prototype.findAllTableRoots = function (selector) {
+    return this.findAllComponents(table_root_1.default, selector);
+};
+dom_1.ElementWrapper.prototype.findTableRow = function (selector) {
+    let rootSelector = `.${table_row_1.default.rootSelector}`;
+    if ("legacyRootSelector" in table_row_1.default && table_row_1.default.legacyRootSelector) {
+        rootSelector = `:is(.${table_row_1.default.rootSelector}, .${table_row_1.default.legacyRootSelector})`;
+    }
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, table_row_1.default);
+};
+dom_1.ElementWrapper.prototype.findAllTableRows = function (selector) {
+    return this.findAllComponents(table_row_1.default, selector);
+};
 dom_1.ElementWrapper.prototype.findTabs = function (selector) {
     let rootSelector = `.${tabs_1.default.rootSelector}`;
     if ("legacyRootSelector" in tabs_1.default && tabs_1.default.legacyRootSelector) {
@@ -1728,6 +1813,36 @@ dom_1.ElementWrapper.prototype.findClosestTable = function () {
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findClosestComponent(table_1.default);
 };
+dom_1.ElementWrapper.prototype.findClosestTableBody = function () {
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findClosestComponent(table_body_1.default);
+};
+dom_1.ElementWrapper.prototype.findClosestTableBodyCell = function () {
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findClosestComponent(table_body_cell_1.default);
+};
+dom_1.ElementWrapper.prototype.findClosestTableHead = function () {
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findClosestComponent(table_head_1.default);
+};
+dom_1.ElementWrapper.prototype.findClosestTableHeaderCell = function () {
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findClosestComponent(table_header_cell_1.default);
+};
+dom_1.ElementWrapper.prototype.findClosestTableRoot = function () {
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findClosestComponent(table_root_1.default);
+};
+dom_1.ElementWrapper.prototype.findClosestTableRow = function () {
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findClosestComponent(table_row_1.default);
+};
 dom_1.ElementWrapper.prototype.findClosestTabs = function () {
     // casting to 'any' is needed to avoid this issue with generics
     // https://github.com/microsoft/TypeScript/issues/29132