@cloudscape-design/components 3.0.1387 → 3.0.1389

package/table-header-cell/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 { InternalTableHeaderCell } from './internal';
+function TableHeaderCell(props) {
+    const { __internalRootRef } = useBaseComponent('TableHeaderCell', {
+        props: { disablePaddings: props.disablePaddings },
+    });
+    return React.createElement(InternalTableHeaderCell, { ...props, ref: __internalRootRef });
+}
+applyDisplayName(TableHeaderCell, 'TableHeaderCell');
+export default TableHeaderCell;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table-header-cell/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,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAIrD,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,iBAAiB,EAAE;QAChE,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,EAAE;KAClD,CAAC,CAAC;IACH,OAAO,oBAAC,uBAAuB,OAAK,KAAK,EAAE,GAAG,EAAE,iBAAiB,GAAI,CAAC;AACxE,CAAC;AAED,gBAAgB,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AACrD,eAAe,eAAe,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 { TableHeaderCellProps } from './interfaces';\nimport { InternalTableHeaderCell } from './internal';\n\nexport { TableHeaderCellProps };\n\nfunction TableHeaderCell(props: TableHeaderCellProps) {\n  const { __internalRootRef } = useBaseComponent('TableHeaderCell', {\n    props: { disablePaddings: props.disablePaddings },\n  });\n  return <InternalTableHeaderCell {...props} ref={__internalRootRef} />;\n}\n\napplyDisplayName(TableHeaderCell, 'TableHeaderCell');\nexport default TableHeaderCell;\n"]}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { BaseComponentProps } from '../types/base-component';
+/** Renders a single column header cell. Put the column label, or a composed sort control, in `children`. */
+export interface TableHeaderCellProps extends BaseComponentProps {
+  /** Provides an accessible name for the header cell. Use this or `ariaLabelledby`. */
+  ariaLabel?: string;
+  /** Sets `aria-labelledby`. Use the ID(s) of visible element(s) that label the header cell. */
+  ariaLabelledby?: string;
+  /** Sets `aria-describedby`. Use the ID(s) of visible element(s) that describe the header cell. */
+  ariaDescribedby?: string;
+  /**
+   * Sets the column's sort direction on the cell's `aria-sort` attribute.
+   */
+  ariaSort?: React.AriaAttributes['aria-sort'];
+  /**
+   * Removes the cell's built-in padding so you can compose your own spacing. Defaults to `false`.
+   */
+  disablePaddings?: boolean;
+  /** The header content, such as a column label or a sort control. */
+  children?: React.ReactNode;
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/table-header-cell/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,4GAA4G;AAC5G,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8FAA8F;IAC9F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kGAAkG;IAClG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/table-header-cell/interfaces.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/table-header-cell/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\n/** Renders a single column header cell. Put the column label, or a composed sort control, in `children`. */\nexport interface TableHeaderCellProps extends BaseComponentProps {\n  /** Provides an accessible name for the header cell. Use this or `ariaLabelledby`. */\n  ariaLabel?: string;\n  /** Sets `aria-labelledby`. Use the ID(s) of visible element(s) that label the header cell. */\n  ariaLabelledby?: string;\n  /** Sets `aria-describedby`. Use the ID(s) of visible element(s) that describe the header cell. */\n  ariaDescribedby?: string;\n  /**\n   * Sets the column's sort direction on the cell's `aria-sort` attribute.\n   */\n  ariaSort?: React.AriaAttributes['aria-sort'];\n  /**\n   * Removes the cell's built-in padding so you can compose your own spacing. Defaults to `false`.\n   */\n  disablePaddings?: boolean;\n  /** The header content, such as a column label or a sort control. */\n  children?: React.ReactNode;\n}\n"]}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { NativeAttributes } from '../types/native-attributes';
+import { TableHeaderCellProps } from './interfaces';
+export type InternalTableHeaderCellProps = TableHeaderCellProps & {
+  style?: React.CSSProperties;
+  tabIndex?: number;
+  nativeAttributes?: NativeAttributes<React.ThHTMLAttributes<HTMLTableCellElement>>;
+  disableContentWrapper?: boolean;
+  disableDivider?: boolean;
+};
+export declare const InternalTableHeaderCell: React.ForwardRefExoticComponent<TableHeaderCellProps & {
+  style?: React.CSSProperties;
+  tabIndex?: number;
+  nativeAttributes?: NativeAttributes<React.ThHTMLAttributes<HTMLTableCellElement>>;
+  disableContentWrapper?: boolean;
+  disableDivider?: boolean;
+} & React.RefAttributes<HTMLTableCellElement>>;

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

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/table-header-cell/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAKpD,MAAM,MAAM,4BAA4B,GAAG,oBAAoB,GAAG;IAChE,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAClF,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,uBAAuB;YAT1B,KAAK,CAAC,aAAa;eAChB,MAAM;uBAGE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;4BACzD,OAAO;qBACd,OAAO;8CA0DzB,CAAC"}

package/table-header-cell/internal.js

@@ -0,0 +1,33 @@
+// 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 { useVisualRefresh } from '../internal/hooks/use-visual-mode';
+import { useTableContext } from '../table-root/context';
+import headerCellStyles from '../table/header-cell/styles.css.js';
+import styles from './styles.css.js';
+export const InternalTableHeaderCell = React.forwardRef((props, ref) => {
+    const { ariaLabel, ariaLabelledby, ariaDescribedby, ariaSort, disablePaddings, style, tabIndex, nativeAttributes, disableContentWrapper, disableDivider, children, } = props;
+    const { className, ...restBaseProps } = getBaseProps(props);
+    const { isGrid } = useTableContext();
+    const isVisualRefresh = useVisualRefresh();
+    // `scope='col'` is the default for a public header cell; an internal caller's nativeAttributes (e.g. the
+    // existing Table's `scope='colgroup'` and computed role/aria-sort) override it. Grid mode adds the role.
+    const mergedNativeAttributes = {
+        scope: 'col',
+        ...nativeAttributes,
+        ...(ariaLabel !== undefined ? { 'aria-label': ariaLabel } : undefined),
+        ...(ariaLabelledby !== undefined ? { 'aria-labelledby': ariaLabelledby } : undefined),
+        ...(ariaDescribedby !== undefined ? { 'aria-describedby': ariaDescribedby } : undefined),
+        ...(ariaSort !== undefined ? { 'aria-sort': ariaSort } : undefined),
+        ...(isGrid ? { role: 'columnheader' } : undefined),
+    };
+    return (React.createElement("th", { ref: ref, ...restBaseProps, className: clsx(headerCellStyles['header-cell'], className, styles['header-cell'], isGrid && styles['header-cell-grid'], 
+        // Gated on runtime VR mode: this substrate is shared with the existing Table, which still supports
+        // runtime classic visual mode (non-VR). Atomic tables render VR-only, so useVisualRefresh() is true there.
+        isVisualRefresh && headerCellStyles['is-visual-refresh'], 
+        // Own is-visual-refresh marker keys the first-column content-offset reset (VR only).
+        isVisualRefresh && styles['is-visual-refresh'], disablePaddings && styles['disable-paddings'], !disablePaddings && headerCellStyles['with-paddings'], disableDivider && styles['no-divider']), style: style, tabIndex: tabIndex, ...mergedNativeAttributes }, disableContentWrapper ? children : React.createElement("div", { className: styles['header-cell-content'] }, children)));
+});
+//# sourceMappingURL=internal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/table-header-cell/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;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAIxD,OAAO,gBAAgB,MAAM,oCAAoC,CAAC;AAClE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAYrC,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CACrD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,SAAS,EACT,cAAc,EACd,eAAe,EACf,QAAQ,EACR,eAAe,EACf,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,yGAAyG;IACzG,yGAAyG;IACzG,MAAM,sBAAsB,GAAG;QAC7B,KAAK,EAAE,KAAc;QACrB,GAAG,gBAAgB;QACnB,GAAG,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACtE,GAAG,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACrF,GAAG,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACxF,GAAG,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACnE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,cAAuB,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;KAC5D,CAAC;IACF,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,KACJ,aAAa,EACjB,SAAS,EAAE,IAAI,CACb,gBAAgB,CAAC,aAAa,CAAC,EAC/B,SAAS,EACT,MAAM,CAAC,aAAa,CAAC,EACrB,MAAM,IAAI,MAAM,CAAC,kBAAkB,CAAC;QACpC,mGAAmG;QACnG,2GAA2G;QAC3G,eAAe,IAAI,gBAAgB,CAAC,mBAAmB,CAAC;QACxD,qFAAqF;QACrF,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,EAC9C,eAAe,IAAI,MAAM,CAAC,kBAAkB,CAAC,EAC7C,CAAC,eAAe,IAAI,gBAAgB,CAAC,eAAe,CAAC,EACrD,cAAc,IAAI,MAAM,CAAC,YAAY,CAAC,CACvC,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KACd,sBAAsB,IAEzB,qBAAqB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,IAAG,QAAQ,CAAO,CAChG,CACN,CAAC;AACJ,CAAC,CACF,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 { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useTableContext } from '../table-root/context';\nimport { NativeAttributes } from '../types/native-attributes';\nimport { TableHeaderCellProps } from './interfaces';\n\nimport headerCellStyles from '../table/header-cell/styles.css.js';\nimport styles from './styles.css.js';\n\nexport type InternalTableHeaderCellProps = TableHeaderCellProps & {\n  style?: React.CSSProperties;\n  tabIndex?: number;\n  // Non-base native attributes injected by internal callers (the existing Table's th-element): colSpan,\n  // scope, role, aria-sort. Base props (className/id/data-*) flow directly and are read via getBaseProps.\n  nativeAttributes?: NativeAttributes<React.ThHTMLAttributes<HTMLTableCellElement>>;\n  disableContentWrapper?: boolean;\n  disableDivider?: boolean;\n};\n\nexport const InternalTableHeaderCell = React.forwardRef<HTMLTableCellElement, InternalTableHeaderCellProps>(\n  (props, ref) => {\n    const {\n      ariaLabel,\n      ariaLabelledby,\n      ariaDescribedby,\n      ariaSort,\n      disablePaddings,\n      style,\n      tabIndex,\n      nativeAttributes,\n      disableContentWrapper,\n      disableDivider,\n      children,\n    } = props;\n    const { className, ...restBaseProps } = getBaseProps(props);\n    const { isGrid } = useTableContext();\n    const isVisualRefresh = useVisualRefresh();\n    // `scope='col'` is the default for a public header cell; an internal caller's nativeAttributes (e.g. the\n    // existing Table's `scope='colgroup'` and computed role/aria-sort) override it. Grid mode adds the role.\n    const mergedNativeAttributes = {\n      scope: 'col' as const,\n      ...nativeAttributes,\n      ...(ariaLabel !== undefined ? { 'aria-label': ariaLabel } : undefined),\n      ...(ariaLabelledby !== undefined ? { 'aria-labelledby': ariaLabelledby } : undefined),\n      ...(ariaDescribedby !== undefined ? { 'aria-describedby': ariaDescribedby } : undefined),\n      ...(ariaSort !== undefined ? { 'aria-sort': ariaSort } : undefined),\n      ...(isGrid ? { role: 'columnheader' as const } : undefined),\n    };\n    return (\n      <th\n        ref={ref}\n        {...restBaseProps}\n        className={clsx(\n          headerCellStyles['header-cell'],\n          className,\n          styles['header-cell'],\n          isGrid && styles['header-cell-grid'],\n          // Gated on runtime VR mode: this substrate is shared with the existing Table, which still supports\n          // runtime classic visual mode (non-VR). Atomic tables render VR-only, so useVisualRefresh() is true there.\n          isVisualRefresh && headerCellStyles['is-visual-refresh'],\n          // Own is-visual-refresh marker keys the first-column content-offset reset (VR only).\n          isVisualRefresh && styles['is-visual-refresh'],\n          disablePaddings && styles['disable-paddings'],\n          !disablePaddings && headerCellStyles['with-paddings'],\n          disableDivider && styles['no-divider']\n        )}\n        style={style}\n        tabIndex={tabIndex}\n        {...mergedNativeAttributes}\n      >\n        {disableContentWrapper ? children : <div className={styles['header-cell-content']}>{children}</div>}\n      </th>\n    );\n  }\n);\n"]}

package/table-header-cell/styles.css.js

@@ -0,0 +1,11 @@
+
+    import './styles.scoped.css';
+    export default {
+  "header-cell": "awsui_header-cell_uzgsh_ga5hv_5",
+  "no-divider": "awsui_no-divider_uzgsh_ga5hv_9",
+  "disable-paddings": "awsui_disable-paddings_uzgsh_ga5hv_23",
+  "header-cell-content": "awsui_header-cell-content_uzgsh_ga5hv_28",
+  "is-visual-refresh": "awsui_is-visual-refresh_uzgsh_ga5hv_40",
+  "header-cell-grid": "awsui_header-cell-grid_uzgsh_ga5hv_44"
+};
+  

package/table-header-cell/styles.scoped.css

@@ -0,0 +1,49 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_header-cell_uzgsh_ga5hv_5:not(#\9) {
+  box-sizing: border-box;
+}
+
+.awsui_header-cell_uzgsh_ga5hv_5:not(#\9):not(:last-child):not(.awsui_no-divider_uzgsh_ga5hv_9)::after {
+  content: "";
+  position: absolute;
+  inset-inline-end: 0;
+  inset-block-start: 0;
+  inset-block-end: 0;
+  min-block-size: var(--line-height-heading-xs-wcrr4i, 18px);
+  max-block-size: calc(100% - calc(2 * var(--space-xs-m9b7jf, 8px) + var(--space-xxxs-3ulqs3, 2px)));
+  margin-block: auto;
+  border-inline-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-divider-default-diwd4w, #c6c6cd);
+  box-sizing: border-box;
+  pointer-events: none;
+}
+
+.awsui_header-cell_uzgsh_ga5hv_5.awsui_disable-paddings_uzgsh_ga5hv_23:not(#\9) {
+  padding-block: 0;
+  padding-inline: 0;
+}
+
+.awsui_header-cell-content_uzgsh_ga5hv_28:not(#\9) {
+  padding-block: var(--space-scaled-xxs-j00t0m, 4px);
+  padding-inline-start: var(--space-s-kll7oj, 12px);
+  padding-inline-end: var(--space-s-kll7oj, 12px);
+  line-height: var(--line-height-body-m-5xw6xo, 20px);
+}
+
+.awsui_header-cell_uzgsh_ga5hv_5.awsui_disable-paddings_uzgsh_ga5hv_23 > .awsui_header-cell-content_uzgsh_ga5hv_28:not(#\9) {
+  padding-block: 0;
+  padding-inline: 0;
+}
+
+.awsui_header-cell_uzgsh_ga5hv_5.awsui_is-visual-refresh_uzgsh_ga5hv_40:not(#\9):first-child > .awsui_header-cell-content_uzgsh_ga5hv_28 {
+  padding-inline-start: 0;
+}
+
+.awsui_header-cell-grid_uzgsh_ga5hv_44:not(#\9) {
+  min-inline-size: 0;
+  align-self: stretch;
+  display: grid;
+  align-items: center;
+}

package/table-header-cell/styles.selectors.js

@@ -0,0 +1,12 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "header-cell": "awsui_header-cell_uzgsh_ga5hv_5",
+  "no-divider": "awsui_no-divider_uzgsh_ga5hv_9",
+  "disable-paddings": "awsui_disable-paddings_uzgsh_ga5hv_23",
+  "header-cell-content": "awsui_header-cell-content_uzgsh_ga5hv_28",
+  "is-visual-refresh": "awsui_is-visual-refresh_uzgsh_ga5hv_40",
+  "header-cell-grid": "awsui_header-cell-grid_uzgsh_ga5hv_44"
+};
+  

package/table-root/context.d.ts

@@ -0,0 +1,9 @@
+export interface TableContextValue {
+  /** Whether the table uses `grid` layout (vs `auto`). */
+  isGrid: boolean;
+  /** The `grid-template-columns` value for `grid` layout; `undefined` in `auto` layout. */
+  gridTemplateColumns?: string;
+}
+export declare const defaultTableContext: TableContextValue;
+export declare const TableContextProvider: import("react").Provider<TableContextValue>;
+export declare function useTableContext(): TableContextValue;

package/table-root/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/table-root/context.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,yFAAyF;IACzF,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAKD,eAAO,MAAM,mBAAmB,EAAE,iBAGjC,CAAC;AAIF,eAAO,MAAM,oBAAoB,6CAAwB,CAAC;AAE1D,wBAAgB,eAAe,IAAI,iBAAiB,CAEnD"}

package/table-root/context.js

@@ -0,0 +1,16 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { createContext, useContext } from 'react';
+// A part rendered outside `TableRoot` reads this default (auto layout) instead of throwing. It is also
+// the value the existing `Table` resets to at its root, so a Table nested inside an atomic grid cell
+// renders from auto layout rather than inheriting the outer table's.
+export const defaultTableContext = {
+    isGrid: false,
+    gridTemplateColumns: undefined,
+};
+const TableContext = createContext(defaultTableContext);
+export const TableContextProvider = TableContext.Provider;
+export function useTableContext() {
+    return useContext(TableContext);
+}
+//# sourceMappingURL=context.js.map

package/table-root/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/table-root/context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AASlD,uGAAuG;AACvG,qGAAqG;AACrG,qEAAqE;AACrE,MAAM,CAAC,MAAM,mBAAmB,GAAsB;IACpD,MAAM,EAAE,KAAK;IACb,mBAAmB,EAAE,SAAS;CAC/B,CAAC;AAEF,MAAM,YAAY,GAAG,aAAa,CAAoB,mBAAmB,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,oBAAoB,GAAG,YAAY,CAAC,QAAQ,CAAC;AAE1D,MAAM,UAAU,eAAe;IAC7B,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC;AAClC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { createContext, useContext } from 'react';\n\nexport interface TableContextValue {\n  /** Whether the table uses `grid` layout (vs `auto`). */\n  isGrid: boolean;\n  /** The `grid-template-columns` value for `grid` layout; `undefined` in `auto` layout. */\n  gridTemplateColumns?: string;\n}\n\n// A part rendered outside `TableRoot` reads this default (auto layout) instead of throwing. It is also\n// the value the existing `Table` resets to at its root, so a Table nested inside an atomic grid cell\n// renders from auto layout rather than inheriting the outer table's.\nexport const defaultTableContext: TableContextValue = {\n  isGrid: false,\n  gridTemplateColumns: undefined,\n};\n\nconst TableContext = createContext<TableContextValue>(defaultTableContext);\n\nexport const TableContextProvider = TableContext.Provider;\n\nexport function useTableContext(): TableContextValue {\n  return useContext(TableContext);\n}\n"]}

package/table-root/grid-template-columns.d.ts

@@ -0,0 +1,2 @@
+import { TableRootProps } from './interfaces';
+export declare function computeGridTemplateColumns(columnLayout: TableRootProps.ColumnLayout): string | undefined;

package/table-root/grid-template-columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-template-columns.d.ts","sourceRoot":"","sources":["../../../src/table-root/grid-template-columns.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAU9C,wBAAgB,0BAA0B,CAAC,YAAY,EAAE,cAAc,CAAC,YAAY,GAAG,MAAM,GAAG,SAAS,CAKxG"}

package/table-root/grid-template-columns.js

@@ -0,0 +1,34 @@
+// Clamp negatives to 0 so one malformed dimension can't invalidate the whole
+// grid-template-columns string; a non-finite value (NaN/Infinity) returns undefined
+// so the caller drops that dimension and falls back to a sensible track.
+function clamp(value) {
+    return value === undefined || !Number.isFinite(value) ? undefined : Math.max(0, value);
+}
+// Compiles a `grid` layout's columns into a `grid-template-columns` value; `undefined` in `auto` layout.
+export function computeGridTemplateColumns(columnLayout) {
+    if (columnLayout.type !== 'grid') {
+        return undefined;
+    }
+    return columnLayout.columns.map(compileColumnTrack).join(' ');
+}
+function compileColumnTrack(column) {
+    var _a;
+    const { size, minWidth, maxWidth } = column;
+    const min = `${(_a = clamp(minWidth)) !== null && _a !== void 0 ? _a : 0}px`;
+    if (typeof size === 'number') {
+        const px = clamp(size);
+        if (px !== undefined) {
+            return `${px}px`; // fixed track — minWidth/maxWidth don't apply.
+        }
+    }
+    else if (size) {
+        const flex = clamp(size.flex);
+        if (flex !== undefined) {
+            return `minmax(${min}, ${flex}fr)`; // weighted track — the type forbids a maxWidth (can't cap an fr track).
+        }
+    }
+    // No (or non-finite) size: a hard-capped track (maxWidth) or the default growable track.
+    const max = clamp(maxWidth);
+    return max !== undefined ? `minmax(${min}, ${max}px)` : `minmax(${min}, 1fr)`;
+}
+//# sourceMappingURL=grid-template-columns.js.map

package/table-root/grid-template-columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-template-columns.js","sourceRoot":"","sources":["../../../src/table-root/grid-template-columns.ts"],"names":[],"mappings":"AAIA,6EAA6E;AAC7E,oFAAoF;AACpF,yEAAyE;AACzE,SAAS,KAAK,CAAC,KAAyB;IACtC,OAAO,KAAK,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AACzF,CAAC;AAED,yGAAyG;AACzG,MAAM,UAAU,0BAA0B,CAAC,YAAyC;IAClF,IAAI,YAAY,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QACjC,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAChE,CAAC;AAED,SAAS,kBAAkB,CAAC,MAAuC;;IACjE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAChC,MAAM,CAAC;IACT,MAAM,GAAG,GAAG,GAAG,MAAA,KAAK,CAAC,QAAQ,CAAC,mCAAI,CAAC,IAAI,CAAC;IACxC,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;YACrB,OAAO,GAAG,EAAE,IAAI,CAAC,CAAC,+CAA+C;QACnE,CAAC;IACH,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QAChB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO,UAAU,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,wEAAwE;QAC9G,CAAC;IACH,CAAC;IACD,yFAAyF;IACzF,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC5B,OAAO,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,GAAG,QAAQ,CAAC;AAChF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { TableRootProps } from './interfaces';\n\n// Clamp negatives to 0 so one malformed dimension can't invalidate the whole\n// grid-template-columns string; a non-finite value (NaN/Infinity) returns undefined\n// so the caller drops that dimension and falls back to a sensible track.\nfunction clamp(value: number | undefined): number | undefined {\n  return value === undefined || !Number.isFinite(value) ? undefined : Math.max(0, value);\n}\n\n// Compiles a `grid` layout's columns into a `grid-template-columns` value; `undefined` in `auto` layout.\nexport function computeGridTemplateColumns(columnLayout: TableRootProps.ColumnLayout): string | undefined {\n  if (columnLayout.type !== 'grid') {\n    return undefined;\n  }\n  return columnLayout.columns.map(compileColumnTrack).join(' ');\n}\n\nfunction compileColumnTrack(column: TableRootProps.ColumnDefinition): string {\n  const { size, minWidth, maxWidth }: { size?: number | { flex: number }; minWidth?: number; maxWidth?: number } =\n    column;\n  const min = `${clamp(minWidth) ?? 0}px`;\n  if (typeof size === 'number') {\n    const px = clamp(size);\n    if (px !== undefined) {\n      return `${px}px`; // fixed track — minWidth/maxWidth don't apply.\n    }\n  } else if (size) {\n    const flex = clamp(size.flex);\n    if (flex !== undefined) {\n      return `minmax(${min}, ${flex}fr)`; // weighted track — the type forbids a maxWidth (can't cap an fr track).\n    }\n  }\n  // No (or non-finite) size: a hard-capped track (maxWidth) or the default growable track.\n  const max = clamp(maxWidth);\n  return max !== undefined ? `minmax(${min}, ${max}px)` : `minmax(${min}, 1fr)`;\n}\n"]}

package/table-root/index.d.ts

@@ -0,0 +1,7 @@
+import { TableRootProps } from './interfaces';
+export { TableRootProps };
+declare function TableRoot({
+  columnLayout,
+  ...props
+}: TableRootProps): JSX.Element;
+export default TableRoot;

package/table-root/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table-root/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,iBAAS,SAAS,CAAC,EAAE,YAA+B,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,eAM/E;AAID,eAAe,SAAS,CAAC"}

package/table-root/index.js

@@ -0,0 +1,17 @@
+// 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 InternalTableRoot from './internal';
+function TableRoot({ columnLayout = { type: 'auto' }, ...props }) {
+    const baseComponentProps = useBaseComponent('TableRoot', {
+        props: {},
+        metadata: { columnLayoutType: columnLayout.type },
+    });
+    return React.createElement(InternalTableRoot, { columnLayout: columnLayout, ...props, ...baseComponentProps });
+}
+applyDisplayName(TableRoot, 'TableRoot');
+export default TableRoot;
+//# sourceMappingURL=index.js.map

package/table-root/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table-root/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,iBAAiB,MAAM,YAAY,CAAC;AAK3C,SAAS,SAAS,CAAC,EAAE,YAAY,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,GAAG,KAAK,EAAkB;IAC9E,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,WAAW,EAAE;QACvD,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE,gBAAgB,EAAE,YAAY,CAAC,IAAI,EAAE;KAClD,CAAC,CAAC;IACH,OAAO,oBAAC,iBAAiB,IAAC,YAAY,EAAE,YAAY,KAAM,KAAK,KAAM,kBAAkB,GAAI,CAAC;AAC9F,CAAC;AAED,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AAEzC,eAAe,SAAS,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 { TableRootProps } from './interfaces';\nimport InternalTableRoot from './internal';\n\n// Each part is its own top-level component (one default export + props type) so the documenter documents it separately.\nexport { TableRootProps };\n\nfunction TableRoot({ columnLayout = { type: 'auto' }, ...props }: TableRootProps) {\n  const baseComponentProps = useBaseComponent('TableRoot', {\n    props: {},\n    metadata: { columnLayoutType: columnLayout.type },\n  });\n  return <InternalTableRoot columnLayout={columnLayout} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(TableRoot, 'TableRoot');\n\nexport default TableRoot;\n"]}

package/table-root/interfaces.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+import { BaseComponentProps } from '../types/base-component';
+/**
+ * A composable table. You render the head and rows as children, and TableRoot provides the column
+ * layout and accessibility semantics.
+ */
+export interface TableRootProps extends BaseComponentProps {
+  /**
+   * The table's content. Provide a `TableHead` followed by a `TableBody` that contains the rows.
+   */
+  children: React.ReactNode;
+  /**
+   * Determines how column widths are calculated.
+   * * `{ type: 'auto' }` - Renders a standard HTML table whose columns size to their content. No
+   *   column configuration is required.
+   * * `{ type: 'grid'; columns: ColumnDefinition[] }` - Renders a CSS grid. The columns are then provided as
+   * an array of objects with the following properties:
+   *   * `size` (number | { flex: number }) - A number sets a fixed pixel width; `{ flex }` gives the
+   *     column a weight that shares the remaining space in proportion. Omit it for a flexible column
+   *     with the default weight of 1.
+   *   * `minWidth` (number) - The minimum width in pixels for a flexible column. We recommend setting one;
+   *     without it the column can shrink until its content clips or overlaps at narrow widths.
+   *   * `maxWidth` (number) - Caps a flexible column's width in pixels (it grows up to the cap). A capped
+   *     column can't also carry a proportional `flex` weight, so weighting applies to the uncapped columns.
+   *
+   * Defaults to `{ type: 'auto' }`.
+   */
+  columnLayout?: TableRootProps.ColumnLayout;
+  /** Provides an accessible name for the table. Use this or `ariaLabelledby` to label the table. */
+  ariaLabel?: string;
+  /** Sets the `aria-labelledby` attribute. Use the ID of a visible element that labels the table. */
+  ariaLabelledby?: string;
+  /** Sets the `aria-describedby` attribute. Use the ID of a visible element that describes the table. */
+  ariaDescribedby?: string;
+  /**
+   * Sets the table's `aria-rowcount`, counting the header row. Provide it only when you render a
+   * subset of rows, such as with virtualization; otherwise it is derived from the DOM.
+   */
+  ariaRowcount?: number;
+}
+export declare namespace TableRootProps {
+  type ColumnLayout = {
+    type: 'auto';
+  } | {
+    type: 'grid';
+    columns: ReadonlyArray<ColumnDefinition>;
+  };
+  type ColumnDefinition = {
+    size: number;
+    minWidth?: never;
+    maxWidth?: never;
+  } | {
+    size: {
+      flex: number;
+    };
+    minWidth?: number;
+    maxWidth?: never;
+  } | {
+    size?: never;
+    minWidth?: number;
+    maxWidth?: number;
+  };
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/table-root/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC;IAE3C,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mGAAmG;IACnG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uGAAuG;IACvG,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,yBAAiB,cAAc,CAAC;IAC9B,KAAY,YAAY,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;KAAE,CAAC;IAEzG,KAAY,gBAAgB,GACxB;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;KAAE,GACpD;QAAE,IAAI,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;KAAE,GAC/D;QAAE,IAAI,CAAC,EAAE,KAAK,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5D"}

package/table-root/interfaces.js

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

package/table-root/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/table-root/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\n/**\n * A composable table. You render the head and rows as children, and TableRoot provides the column\n * layout and accessibility semantics.\n */\nexport interface TableRootProps extends BaseComponentProps {\n  /**\n   * The table's content. Provide a `TableHead` followed by a `TableBody` that contains the rows.\n   */\n  children: React.ReactNode;\n\n  /**\n   * Determines how column widths are calculated.\n   * * `{ type: 'auto' }` - Renders a standard HTML table whose columns size to their content. No\n   *   column configuration is required.\n   * * `{ type: 'grid'; columns: ColumnDefinition[] }` - Renders a CSS grid. The columns are then provided as\n   * an array of objects with the following properties:\n   *   * `size` (number | { flex: number }) - A number sets a fixed pixel width; `{ flex }` gives the\n   *     column a weight that shares the remaining space in proportion. Omit it for a flexible column\n   *     with the default weight of 1.\n   *   * `minWidth` (number) - The minimum width in pixels for a flexible column. We recommend setting one;\n   *     without it the column can shrink until its content clips or overlaps at narrow widths.\n   *   * `maxWidth` (number) - Caps a flexible column's width in pixels (it grows up to the cap). A capped\n   *     column can't also carry a proportional `flex` weight, so weighting applies to the uncapped columns.\n   *\n   * Defaults to `{ type: 'auto' }`.\n   */\n  columnLayout?: TableRootProps.ColumnLayout;\n\n  /** Provides an accessible name for the table. Use this or `ariaLabelledby` to label the table. */\n  ariaLabel?: string;\n  /** Sets the `aria-labelledby` attribute. Use the ID of a visible element that labels the table. */\n  ariaLabelledby?: string;\n  /** Sets the `aria-describedby` attribute. Use the ID of a visible element that describes the table. */\n  ariaDescribedby?: string;\n\n  /**\n   * Sets the table's `aria-rowcount`, counting the header row. Provide it only when you render a\n   * subset of rows, such as with virtualization; otherwise it is derived from the DOM.\n   */\n  ariaRowcount?: number;\n}\n\nexport namespace TableRootProps {\n  export type ColumnLayout = { type: 'auto' } | { type: 'grid'; columns: ReadonlyArray<ColumnDefinition> };\n\n  export type ColumnDefinition =\n    | { size: number; minWidth?: never; maxWidth?: never }\n    | { size: { flex: number }; minWidth?: number; maxWidth?: never }\n    | { size?: never; minWidth?: number; maxWidth?: number };\n}\n"]}

package/table-root/internal.d.ts

@@ -0,0 +1,13 @@
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { TableRootProps } from './interfaces';
+export interface InternalTableRootProps extends TableRootProps, InternalBaseComponentProps {}
+export default function InternalTableRoot({
+  columnLayout,
+  ariaRowcount,
+  ariaLabel,
+  ariaLabelledby,
+  ariaDescribedby,
+  children,
+  __internalRootRef,
+  ...rest
+}: InternalTableRootProps): JSX.Element;

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

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/table-root/internal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,WAAW,sBAAuB,SAAQ,cAAc,EAAE,0BAA0B;CAAG;AAE7F,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,YAA+B,EAC/B,YAAY,EACZ,SAAS,EACT,cAAc,EACd,eAAe,EACf,QAAQ,EACR,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,sBAAsB,eAiExB"}

package/table-root/internal.js

@@ -0,0 +1,58 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import clsx from 'clsx';
+import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
+import { getBaseProps } from '../internal/base-component';
+import { TableContextProvider } from './context';
+import { computeGridTemplateColumns } from './grid-template-columns';
+import styles from './styles.css.js';
+export default function InternalTableRoot({ columnLayout = { type: 'auto' }, ariaRowcount, ariaLabel, ariaLabelledby, ariaDescribedby, children, __internalRootRef, ...rest }) {
+    const isGrid = columnLayout.type === 'grid';
+    const gridTemplateColumns = computeGridTemplateColumns(columnLayout);
+    // Memoized because it is the TableContext value; a fresh object re-renders every cell. Both fields are
+    // primitives compared by value, so it stays stable even when the caller passes a fresh columnLayout.
+    const tableContext = useMemo(() => ({ isGrid, gridTemplateColumns }), [isGrid, gridTemplateColumns]);
+    const baseProps = getBaseProps(rest);
+    // A wide table's horizontal scroller isn't keyboard-reachable on its own, so a read-only table with no
+    // focusable cell content can't be scrolled by keyboard. When the content overflows, expose the scroller
+    // as a focusable region so keyboard users can scroll it horizontally, matching the existing Table's
+    // getTableWrapperRoleProps.
+    const scrollerRef = useRef(null);
+    const [isScrollable, setIsScrollable] = useState(false);
+    const measureScrollable = useCallback(() => {
+        const node = scrollerRef.current;
+        if (node) {
+            setIsScrollable(node.scrollWidth - node.clientWidth > 1);
+        }
+    }, []);
+    // Observe the scroller and the table it wraps: a viewport resize changes the scroller box, and
+    // auto-layout content growth changes the table box — either can start or stop the horizontal overflow.
+    useResizeObserver(scrollerRef, measureScrollable);
+    useResizeObserver(() => { var _a, _b; return (_b = (_a = scrollerRef.current) === null || _a === void 0 ? void 0 : _a.firstElementChild) !== null && _b !== void 0 ? _b : null; }, measureScrollable);
+    // Grid column templates change the tracks' overflow without resizing either observed box, so no observer
+    // fires — re-measure when the template changes.
+    useEffect(() => {
+        if (isGrid) {
+            measureScrollable();
+        }
+    }, [isGrid, gridTemplateColumns, measureScrollable]);
+    // Set role="region" whenever scrollable (label passes through even if undefined), matching the
+    // existing Table's getTableWrapperRoleProps rather than gating the role on a label.
+    const scrollRegionProps = isScrollable
+        ? {
+            role: 'region',
+            tabIndex: 0,
+            'aria-label': ariaLabel,
+            'aria-labelledby': ariaLabelledby,
+        }
+        : {};
+    return (React.createElement("div", { ...baseProps, className: clsx(baseProps.className, styles.root), ref: __internalRootRef },
+        React.createElement(TableContextProvider, { value: tableContext },
+            React.createElement("div", { className: styles['body-scroller'], ref: scrollerRef, ...scrollRegionProps },
+                React.createElement("table", { 
+                    // Grid mode only: display:grid drops the table's implicit role. Auto mode keeps the
+                    // native role (an explicit role="table" there is redundant and flagged by a11y validators).
+                    role: isGrid ? 'table' : undefined, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-rowcount": ariaRowcount, className: clsx(styles.table, isGrid ? styles['table-grid'] : styles['table-auto']) }, children)))));
+}
+//# sourceMappingURL=internal.js.map

package/table-root/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/table-root/internal.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 React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { TableContextProvider } from './context';\nimport { computeGridTemplateColumns } from './grid-template-columns';\nimport { TableRootProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalTableRootProps extends TableRootProps, InternalBaseComponentProps {}\n\nexport default function InternalTableRoot({\n  columnLayout = { type: 'auto' },\n  ariaRowcount,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  children,\n  __internalRootRef,\n  ...rest\n}: InternalTableRootProps) {\n  const isGrid = columnLayout.type === 'grid';\n  const gridTemplateColumns = computeGridTemplateColumns(columnLayout);\n  // Memoized because it is the TableContext value; a fresh object re-renders every cell. Both fields are\n  // primitives compared by value, so it stays stable even when the caller passes a fresh columnLayout.\n  const tableContext = useMemo(() => ({ isGrid, gridTemplateColumns }), [isGrid, gridTemplateColumns]);\n  const baseProps = getBaseProps(rest);\n\n  // A wide table's horizontal scroller isn't keyboard-reachable on its own, so a read-only table with no\n  // focusable cell content can't be scrolled by keyboard. When the content overflows, expose the scroller\n  // as a focusable region so keyboard users can scroll it horizontally, matching the existing Table's\n  // getTableWrapperRoleProps.\n  const scrollerRef = useRef<HTMLDivElement>(null);\n  const [isScrollable, setIsScrollable] = useState(false);\n  const measureScrollable = useCallback(() => {\n    const node = scrollerRef.current;\n    if (node) {\n      setIsScrollable(node.scrollWidth - node.clientWidth > 1);\n    }\n  }, []);\n  // Observe the scroller and the table it wraps: a viewport resize changes the scroller box, and\n  // auto-layout content growth changes the table box — either can start or stop the horizontal overflow.\n  useResizeObserver(scrollerRef, measureScrollable);\n  useResizeObserver(() => scrollerRef.current?.firstElementChild ?? null, measureScrollable);\n  // Grid column templates change the tracks' overflow without resizing either observed box, so no observer\n  // fires — re-measure when the template changes.\n  useEffect(() => {\n    if (isGrid) {\n      measureScrollable();\n    }\n  }, [isGrid, gridTemplateColumns, measureScrollable]);\n\n  // Set role=\"region\" whenever scrollable (label passes through even if undefined), matching the\n  // existing Table's getTableWrapperRoleProps rather than gating the role on a label.\n  const scrollRegionProps = isScrollable\n    ? {\n        role: 'region' as const,\n        tabIndex: 0,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledby,\n      }\n    : {};\n\n  return (\n    <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n      {/* TableContext supplies this table's column layout to every part. */}\n      <TableContextProvider value={tableContext}>\n        {/* The page owns vertical scroll; this wrapper reintroduces an inline scroll viewport so a wide table scrolls horizontally instead of spilling out. */}\n        <div className={styles['body-scroller']} ref={scrollerRef} {...scrollRegionProps}>\n          <table\n            // Grid mode only: display:grid drops the table's implicit role. Auto mode keeps the\n            // native role (an explicit role=\"table\" there is redundant and flagged by a11y validators).\n            role={isGrid ? 'table' : undefined}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-describedby={ariaDescribedby}\n            aria-rowcount={ariaRowcount}\n            className={clsx(styles.table, isGrid ? styles['table-grid'] : styles['table-auto'])}\n          >\n            {children}\n          </table>\n        </div>\n      </TableContextProvider>\n    </div>\n  );\n}\n"]}

package/table-root/styles.css.js

@@ -0,0 +1,10 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_1pkvc_1idsc_9",
+  "body-scroller": "awsui_body-scroller_1pkvc_1idsc_46",
+  "table": "awsui_table_1pkvc_1idsc_59",
+  "table-auto": "awsui_table-auto_1pkvc_1idsc_65",
+  "table-grid": "awsui_table-grid_1pkvc_1idsc_69"
+};
+  

package/table-root/styles.scoped.css

@@ -0,0 +1,71 @@
+/*
+ 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 */
+/* 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_1pkvc_1idsc_9:not(#\9) {
+  border-collapse: separate;
+  border-spacing: 0;
+  box-sizing: border-box;
+  caption-side: top;
+  cursor: auto;
+  direction: inherit;
+  empty-cells: show;
+  font-family: serif;
+  font-style: normal;
+  font-variant: normal;
+  font-stretch: normal;
+  hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: start;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  word-spacing: normal;
+  font-size: var(--font-size-body-m-tq5a14, 14px);
+  line-height: var(--line-height-body-m-5xw6xo, 20px);
+  color: var(--color-text-body-default-b2us04, #0f141a);
+  font-weight: var(--font-weight-normal-fr92v6, 400);
+  font-family: var(--font-family-base-c9u5cr, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  inline-size: 100%;
+  background: var(--color-background-container-content-mjfil9, #ffffff);
+}
+
+.awsui_body-scroller_1pkvc_1idsc_46:not(#\9) {
+  overflow-x: auto;
+}
+body[data-awsui-focus-visible=true] .awsui_body-scroller_1pkvc_1idsc_46:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: 2px;
+  border-start-start-radius: var(--border-radius-container-33hhdh, 16px);
+  border-start-end-radius: var(--border-radius-container-33hhdh, 16px);
+  border-end-start-radius: var(--border-radius-container-33hhdh, 16px);
+  border-end-end-radius: var(--border-radius-container-33hhdh, 16px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
+}
+
+.awsui_table_1pkvc_1idsc_59:not(#\9) {
+  inline-size: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+.awsui_table-auto_1pkvc_1idsc_65:not(#\9) {
+  table-layout: auto;
+}
+
+.awsui_table-grid_1pkvc_1idsc_69:not(#\9) {
+  display: block;
+}

package/table-root/styles.selectors.js

@@ -0,0 +1,11 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_1pkvc_1idsc_9",
+  "body-scroller": "awsui_body-scroller_1pkvc_1idsc_46",
+  "table": "awsui_table_1pkvc_1idsc_59",
+  "table-auto": "awsui_table-auto_1pkvc_1idsc_65",
+  "table-grid": "awsui_table-grid_1pkvc_1idsc_69"
+};
+  

package/table-row/index.d.ts

@@ -0,0 +1,4 @@
+import { TableRowProps } from './interfaces';
+export { TableRowProps };
+declare function TableRow(props: TableRowProps): JSX.Element;
+export default TableRow;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table-row/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,eAKrC;AAGD,eAAe,QAAQ,CAAC"}