@cloudscape-design/components 3.0.1371 → 3.0.1372

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

@@ -2,53 +2,51 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "expandable-toggle-wrapper": "awsui_expandable-toggle-wrapper_c6tup_12oet_9",
-  "body-cell": "awsui_body-cell_c6tup_12oet_16",
-  "body-cell-content": "awsui_body-cell-content_c6tup_12oet_24",
-  "expandable-level-0": "awsui_expandable-level-0_c6tup_12oet_30",
-  "expandable-level-1": "awsui_expandable-level-1_c6tup_12oet_37",
-  "expandable-level-2": "awsui_expandable-level-2_c6tup_12oet_44",
-  "expandable-level-3": "awsui_expandable-level-3_c6tup_12oet_51",
-  "expandable-level-4": "awsui_expandable-level-4_c6tup_12oet_58",
-  "expandable-level-5": "awsui_expandable-level-5_c6tup_12oet_65",
-  "expandable-level-6": "awsui_expandable-level-6_c6tup_12oet_72",
-  "expandable-level-7": "awsui_expandable-level-7_c6tup_12oet_79",
-  "expandable-level-8": "awsui_expandable-level-8_c6tup_12oet_86",
-  "expandable-level-9": "awsui_expandable-level-9_c6tup_12oet_93",
-  "expandable-level-next": "awsui_expandable-level-next_c6tup_12oet_100",
-  "body-cell-align-top": "awsui_body-cell-align-top_c6tup_12oet_118",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_12oet_124",
-  "body-cell-counter": "awsui_body-cell-counter_c6tup_12oet_129",
-  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_12oet_227",
-  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_12oet_317",
-  "body-cell-expandable": "awsui_body-cell-expandable_c6tup_12oet_317",
-  "body-cell-editable": "awsui_body-cell-editable_c6tup_12oet_317",
-  "has-striped-rows": "awsui_has-striped-rows_c6tup_12oet_400",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_c6tup_12oet_566",
-  "has-selection": "awsui_has-selection_c6tup_12oet_732",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_12oet_901",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_12oet_904",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_12oet_904",
-  "has-footer": "awsui_has-footer_c6tup_12oet_904",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_12oet_914",
-  "sticky-cell": "awsui_sticky-cell_c6tup_12oet_566",
-  "table-variant-full-page": "awsui_table-variant-full-page_c6tup_12oet_965",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_c6tup_12oet_982",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_c6tup_12oet_991",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_12oet_1013",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_12oet_1020",
-  "body-cell-editor-wrapper": "awsui_body-cell-editor-wrapper_c6tup_12oet_1046",
-  "body-cell-success": "awsui_body-cell-success_c6tup_12oet_1051",
-  "body-cell-editor": "awsui_body-cell-editor_c6tup_12oet_1046",
-  "body-cell-editor-disabled": "awsui_body-cell-editor-disabled_c6tup_12oet_1076",
-  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_12oet_1085",
-  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_12oet_1095",
-  "body-cell-editor-row-editor": "awsui_body-cell-editor-row-editor_c6tup_12oet_1098",
-  "body-cell-editor-focusable": "awsui_body-cell-editor-focusable_c6tup_12oet_1101",
-  "body-cell-editor-icon": "awsui_body-cell-editor-icon_c6tup_12oet_1125",
-  "resizable-columns": "awsui_resizable-columns_c6tup_12oet_1237",
-  "expandable-cell-content": "awsui_expandable-cell-content_c6tup_12oet_1240",
-  "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_12oet_1291",
-  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_12oet_1294"
+  "expandable-toggle-wrapper": "awsui_expandable-toggle-wrapper_c6tup_1w18q_9",
+  "body-cell": "awsui_body-cell_c6tup_1w18q_16",
+  "body-cell-content": "awsui_body-cell-content_c6tup_1w18q_24",
+  "expandable-level-0": "awsui_expandable-level-0_c6tup_1w18q_30",
+  "expandable-level-1": "awsui_expandable-level-1_c6tup_1w18q_37",
+  "expandable-level-2": "awsui_expandable-level-2_c6tup_1w18q_44",
+  "expandable-level-3": "awsui_expandable-level-3_c6tup_1w18q_51",
+  "expandable-level-4": "awsui_expandable-level-4_c6tup_1w18q_58",
+  "expandable-level-5": "awsui_expandable-level-5_c6tup_1w18q_65",
+  "expandable-level-6": "awsui_expandable-level-6_c6tup_1w18q_72",
+  "expandable-level-7": "awsui_expandable-level-7_c6tup_1w18q_79",
+  "expandable-level-8": "awsui_expandable-level-8_c6tup_1w18q_86",
+  "expandable-level-9": "awsui_expandable-level-9_c6tup_1w18q_93",
+  "expandable-level-next": "awsui_expandable-level-next_c6tup_1w18q_100",
+  "body-cell-align-top": "awsui_body-cell-align-top_c6tup_1w18q_118",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1w18q_124",
+  "body-cell-counter": "awsui_body-cell-counter_c6tup_1w18q_129",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1w18q_227",
+  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1w18q_317",
+  "body-cell-expandable": "awsui_body-cell-expandable_c6tup_1w18q_317",
+  "body-cell-editable": "awsui_body-cell-editable_c6tup_1w18q_317",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_1w18q_400",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_c6tup_1w18q_566",
+  "has-selection": "awsui_has-selection_c6tup_1w18q_732",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_1w18q_901",
+  "has-footer": "awsui_has-footer_c6tup_1w18q_904",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1w18q_914",
+  "sticky-cell": "awsui_sticky-cell_c6tup_1w18q_566",
+  "table-variant-full-page": "awsui_table-variant-full-page_c6tup_1w18q_965",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_c6tup_1w18q_982",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_c6tup_1w18q_991",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1w18q_1013",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1w18q_1020",
+  "body-cell-editor-wrapper": "awsui_body-cell-editor-wrapper_c6tup_1w18q_1046",
+  "body-cell-success": "awsui_body-cell-success_c6tup_1w18q_1051",
+  "body-cell-editor": "awsui_body-cell-editor_c6tup_1w18q_1046",
+  "body-cell-editor-disabled": "awsui_body-cell-editor-disabled_c6tup_1w18q_1076",
+  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1w18q_1085",
+  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1w18q_1095",
+  "body-cell-editor-row-editor": "awsui_body-cell-editor-row-editor_c6tup_1w18q_1098",
+  "body-cell-editor-focusable": "awsui_body-cell-editor-focusable_c6tup_1w18q_1101",
+  "body-cell-editor-icon": "awsui_body-cell-editor-icon_c6tup_1w18q_1125",
+  "resizable-columns": "awsui_resizable-columns_c6tup_1w18q_1237",
+  "expandable-cell-content": "awsui_expandable-cell-content_c6tup_1w18q_1240",
+  "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_1w18q_1291",
+  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1w18q_1294"
 };
   

package/table/body-cell/td-element.d.ts

@@ -6,8 +6,6 @@ import { TableRole } from '../table-role';
 export interface TableTdElementProps {
   wrapLines: boolean | undefined;
   isRowHeader?: boolean;
-  isFirstRow: boolean;
-  isLastRow: boolean;
   isSelected: boolean;
   isNextSelected: boolean;
   isPrevSelected: boolean;

package/table/body-cell/td-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td-element.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/td-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAyB,SAAS,EAAE,MAAM,eAAe,CAAC;AAOjE,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC3F,OAAO,GAAG,WAAW,GAAG,SAAS,CAClC,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,kBAAkB,CAAC;IAChC,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,kGAuH1B,CAAC"}
+{"version":3,"file":"td-element.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/td-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAyB,SAAS,EAAE,MAAM,eAAe,CAAC;AAOjE,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC3F,OAAO,GAAG,WAAW,GAAG,SAAS,CAClC,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,kBAAkB,CAAC;IAChC,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,kGAmH1B,CAAC"}

package/table/body-cell/td-element.js

@@ -13,7 +13,7 @@ import { getStickyClassNames } from '../utils';
 import tableStyles from '../styles.css.js';
 import testUtilStyles from '../test-classes/styles.css.js';
 import styles from './styles.css.js';
-export const TableTdElement = React.forwardRef(({ children, wrapLines, isRowHeader, isFirstRow, isLastRow, isSelected, isNextSelected, isPrevSelected, nativeAttributes, onClick, onFocus, onBlur, isEvenRow, stripedRows, isSelection, hasSelection, hasFooter, columnId, colIndex, stickyState, tableRole, level, isExpandable, isExpanded, onExpandableItemToggle, expandButtonLabel, collapseButtonLabel, verticalAlign, resizableColumns, resizableStyle, isEditable, isEditing, isEditingDisabled, hasSuccessIcon, tableVariant, counter, ...rest }, ref) => {
+export const TableTdElement = React.forwardRef(({ children, wrapLines, isRowHeader, isSelected, isNextSelected, isPrevSelected, nativeAttributes, onClick, onFocus, onBlur, isEvenRow, stripedRows, isSelection, hasSelection, hasFooter, columnId, colIndex, stickyState, tableRole, level, isExpandable, isExpanded, onExpandableItemToggle, expandButtonLabel, collapseButtonLabel, verticalAlign, resizableColumns, resizableStyle, isEditable, isEditing, isEditingDisabled, hasSuccessIcon, tableVariant, counter, ...rest }, ref) => {
     const Element = isRowHeader ? 'th' : 'td';
     const isVisualRefresh = useVisualRefresh();
     resizableStyle = resizableColumns ? {} : resizableStyle;
@@ -27,7 +27,7 @@ export const TableTdElement = React.forwardRef(({ children, wrapLines, isRowHead
     const mergedRef = useMergeRefs(stickyStyles.ref, ref, cellRefObject);
     const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);
     const isEditingActive = isEditing && !isEditingDisabled;
-    return (React.createElement(Element, { style: { ...resizableStyle, ...stickyStyles.style }, className: clsx(styles['body-cell'], isFirstRow && styles['body-cell-first-row'], isLastRow && styles['body-cell-last-row'], isSelected && styles['body-cell-selected'], isNextSelected && styles['body-cell-next-selected'], isPrevSelected && styles['body-cell-prev-selected'], !isEvenRow && stripedRows && styles['body-cell-shaded'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], isSelection && tableStyles['selection-control'], hasSelection && styles['has-selection'], hasFooter && styles['has-footer'], resizableColumns && styles['resizable-columns'], verticalAlign === 'top' && styles['body-cell-align-top'], isEditable && styles['body-cell-editable'], isEditing && !isEditingDisabled && styles['body-cell-edit-active'], isEditing && isEditingDisabled && styles['body-cell-edit-disabled-popover'], hasSuccessIcon && styles['body-cell-has-success'], level !== undefined && !isEditingActive && styles['body-cell-expandable'], level !== undefined && !isEditingActive && styles[`expandable-level-${getLevelClassSuffix(level)}`], tableVariant && styles[`table-variant-${tableVariant}`], stickyStyles.className), onClick: onClick, onFocus: onFocus, onBlur: onBlur, ref: mergedRef, ...nativeAttributes, tabIndex: cellTabIndex === -1 ? undefined : cellTabIndex, ...copyAnalyticsMetadataAttribute(rest) },
+    return (React.createElement(Element, { style: { ...resizableStyle, ...stickyStyles.style }, className: clsx(styles['body-cell'], isSelected && styles['body-cell-selected'], isNextSelected && styles['body-cell-next-selected'], isPrevSelected && styles['body-cell-prev-selected'], !isEvenRow && stripedRows && styles['body-cell-shaded'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], isSelection && tableStyles['selection-control'], hasSelection && styles['has-selection'], hasFooter && styles['has-footer'], resizableColumns && styles['resizable-columns'], verticalAlign === 'top' && styles['body-cell-align-top'], isEditable && styles['body-cell-editable'], isEditing && !isEditingDisabled && styles['body-cell-edit-active'], isEditing && isEditingDisabled && styles['body-cell-edit-disabled-popover'], hasSuccessIcon && styles['body-cell-has-success'], level !== undefined && !isEditingActive && styles['body-cell-expandable'], level !== undefined && !isEditingActive && styles[`expandable-level-${getLevelClassSuffix(level)}`], tableVariant && styles[`table-variant-${tableVariant}`], stickyStyles.className), onClick: onClick, onFocus: onFocus, onBlur: onBlur, ref: mergedRef, ...nativeAttributes, tabIndex: cellTabIndex === -1 ? undefined : cellTabIndex, ...copyAnalyticsMetadataAttribute(rest) },
         level !== undefined && isExpandable && !isEditingActive && (React.createElement("div", { className: styles['expandable-toggle-wrapper'] },
             React.createElement(ExpandToggleButton, { isExpanded: isExpanded, onExpandableItemToggle: onExpandableItemToggle, expandButtonLabel: expandButtonLabel, collapseButtonLabel: collapseButtonLabel }))),
         React.createElement("div", { className: clsx(styles['body-cell-content'], wrapLines && styles['body-cell-wrap']) },

package/table/body-cell/td-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"td-element.js","sourceRoot":"","sources":["../../../../src/table/body-cell/td-element.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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { ExpandToggleButton } from '../../internal/components/expand-toggle-button';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { ColumnWidthStyle } from '../column-widths-utils';\nimport { TableProps } from '../interfaces.js';\nimport { StickyColumnsModel, useStickyCellStyles } from '../sticky-columns';\nimport { getTableCellRoleProps, TableRole } from '../table-role';\nimport { getStickyClassNames } from '../utils';\n\nimport tableStyles from '../styles.css.js';\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface TableTdElementProps {\n  wrapLines: boolean | undefined;\n  isRowHeader?: boolean;\n  isFirstRow: boolean;\n  isLastRow: boolean;\n  isSelected: boolean;\n  isNextSelected: boolean;\n  isPrevSelected: boolean;\n  nativeAttributes?: Omit<\n    React.TdHTMLAttributes<HTMLTableCellElement> | React.ThHTMLAttributes<HTMLTableCellElement>,\n    'style' | 'className' | 'onClick'\n  >;\n  onClick?: () => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  children?: React.ReactNode;\n  isEvenRow?: boolean;\n  stripedRows?: boolean;\n  isSelection?: boolean;\n  hasSelection?: boolean;\n  hasFooter?: boolean;\n  columnId: PropertyKey;\n  colIndex: number;\n  stickyState: StickyColumnsModel;\n  tableRole: TableRole;\n  level?: number;\n  isExpandable?: boolean;\n  isExpanded?: boolean;\n  onExpandableItemToggle?: () => void;\n  expandButtonLabel?: string;\n  collapseButtonLabel?: string;\n  verticalAlign?: TableProps.VerticalAlign;\n  resizableColumns?: boolean;\n  resizableStyle?: ColumnWidthStyle;\n  isEditable: boolean;\n  isEditing: boolean;\n  isEditingDisabled?: boolean;\n  hasSuccessIcon?: boolean;\n  tableVariant?: string;\n  counter?: React.ReactNode;\n}\n\nexport const TableTdElement = React.forwardRef<HTMLTableCellElement, TableTdElementProps>(\n  (\n    {\n      children,\n      wrapLines,\n      isRowHeader,\n      isFirstRow,\n      isLastRow,\n      isSelected,\n      isNextSelected,\n      isPrevSelected,\n      nativeAttributes,\n      onClick,\n      onFocus,\n      onBlur,\n      isEvenRow,\n      stripedRows,\n      isSelection,\n      hasSelection,\n      hasFooter,\n      columnId,\n      colIndex,\n      stickyState,\n      tableRole,\n      level,\n      isExpandable,\n      isExpanded,\n      onExpandableItemToggle,\n      expandButtonLabel,\n      collapseButtonLabel,\n      verticalAlign,\n      resizableColumns,\n      resizableStyle,\n      isEditable,\n      isEditing,\n      isEditingDisabled,\n      hasSuccessIcon,\n      tableVariant,\n      counter,\n      ...rest\n    },\n    ref\n  ) => {\n    const Element = isRowHeader ? 'th' : 'td';\n    const isVisualRefresh = useVisualRefresh();\n\n    resizableStyle = resizableColumns ? {} : resizableStyle;\n\n    nativeAttributes = { ...nativeAttributes, ...getTableCellRoleProps({ tableRole, isRowHeader, colIndex }) };\n\n    const stickyStyles = useStickyCellStyles({\n      stickyColumns: stickyState,\n      columnId,\n      getClassName: props => getStickyClassNames(styles, props),\n    });\n\n    const cellRefObject = useRef<HTMLTableCellElement>(null);\n    const mergedRef = useMergeRefs(stickyStyles.ref, ref, cellRefObject);\n    const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);\n    const isEditingActive = isEditing && !isEditingDisabled;\n\n    return (\n      <Element\n        style={{ ...resizableStyle, ...stickyStyles.style }}\n        className={clsx(\n          styles['body-cell'],\n          isFirstRow && styles['body-cell-first-row'],\n          isLastRow && styles['body-cell-last-row'],\n          isSelected && styles['body-cell-selected'],\n          isNextSelected && styles['body-cell-next-selected'],\n          isPrevSelected && styles['body-cell-prev-selected'],\n          !isEvenRow && stripedRows && styles['body-cell-shaded'],\n          stripedRows && styles['has-striped-rows'],\n          isVisualRefresh && styles['is-visual-refresh'],\n          isSelection && tableStyles['selection-control'],\n          hasSelection && styles['has-selection'],\n          hasFooter && styles['has-footer'],\n          resizableColumns && styles['resizable-columns'],\n          verticalAlign === 'top' && styles['body-cell-align-top'],\n          isEditable && styles['body-cell-editable'],\n          isEditing && !isEditingDisabled && styles['body-cell-edit-active'],\n          isEditing && isEditingDisabled && styles['body-cell-edit-disabled-popover'],\n          hasSuccessIcon && styles['body-cell-has-success'],\n          level !== undefined && !isEditingActive && styles['body-cell-expandable'],\n          level !== undefined && !isEditingActive && styles[`expandable-level-${getLevelClassSuffix(level)}`],\n          tableVariant && styles[`table-variant-${tableVariant}`],\n          stickyStyles.className\n        )}\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        ref={mergedRef}\n        {...nativeAttributes}\n        tabIndex={cellTabIndex === -1 ? undefined : cellTabIndex}\n        {...copyAnalyticsMetadataAttribute(rest)}\n      >\n        {level !== undefined && isExpandable && !isEditingActive && (\n          <div className={styles['expandable-toggle-wrapper']}>\n            <ExpandToggleButton\n              isExpanded={isExpanded}\n              onExpandableItemToggle={onExpandableItemToggle}\n              expandButtonLabel={expandButtonLabel}\n              collapseButtonLabel={collapseButtonLabel}\n            />\n          </div>\n        )}\n\n        <div className={clsx(styles['body-cell-content'], wrapLines && styles['body-cell-wrap'])}>\n          {children}\n          {counter ? (\n            <div className={styles['body-cell-counter']}>\n              <span> </span>\n              <span className={testUtilStyles['body-cell-counter']}>{counter}</span>\n            </div>\n          ) : null}\n        </div>\n      </Element>\n    );\n  }\n);\n\nfunction getLevelClassSuffix(level: number) {\n  return 0 <= level && level <= 9 ? level : 'next';\n}\n"]}
+{"version":3,"file":"td-element.js","sourceRoot":"","sources":["../../../../src/table/body-cell/td-element.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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { ExpandToggleButton } from '../../internal/components/expand-toggle-button';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { ColumnWidthStyle } from '../column-widths-utils';\nimport { TableProps } from '../interfaces.js';\nimport { StickyColumnsModel, useStickyCellStyles } from '../sticky-columns';\nimport { getTableCellRoleProps, TableRole } from '../table-role';\nimport { getStickyClassNames } from '../utils';\n\nimport tableStyles from '../styles.css.js';\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface TableTdElementProps {\n  wrapLines: boolean | undefined;\n  isRowHeader?: boolean;\n  isSelected: boolean;\n  isNextSelected: boolean;\n  isPrevSelected: boolean;\n  nativeAttributes?: Omit<\n    React.TdHTMLAttributes<HTMLTableCellElement> | React.ThHTMLAttributes<HTMLTableCellElement>,\n    'style' | 'className' | 'onClick'\n  >;\n  onClick?: () => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  children?: React.ReactNode;\n  isEvenRow?: boolean;\n  stripedRows?: boolean;\n  isSelection?: boolean;\n  hasSelection?: boolean;\n  hasFooter?: boolean;\n  columnId: PropertyKey;\n  colIndex: number;\n  stickyState: StickyColumnsModel;\n  tableRole: TableRole;\n  level?: number;\n  isExpandable?: boolean;\n  isExpanded?: boolean;\n  onExpandableItemToggle?: () => void;\n  expandButtonLabel?: string;\n  collapseButtonLabel?: string;\n  verticalAlign?: TableProps.VerticalAlign;\n  resizableColumns?: boolean;\n  resizableStyle?: ColumnWidthStyle;\n  isEditable: boolean;\n  isEditing: boolean;\n  isEditingDisabled?: boolean;\n  hasSuccessIcon?: boolean;\n  tableVariant?: string;\n  counter?: React.ReactNode;\n}\n\nexport const TableTdElement = React.forwardRef<HTMLTableCellElement, TableTdElementProps>(\n  (\n    {\n      children,\n      wrapLines,\n      isRowHeader,\n      isSelected,\n      isNextSelected,\n      isPrevSelected,\n      nativeAttributes,\n      onClick,\n      onFocus,\n      onBlur,\n      isEvenRow,\n      stripedRows,\n      isSelection,\n      hasSelection,\n      hasFooter,\n      columnId,\n      colIndex,\n      stickyState,\n      tableRole,\n      level,\n      isExpandable,\n      isExpanded,\n      onExpandableItemToggle,\n      expandButtonLabel,\n      collapseButtonLabel,\n      verticalAlign,\n      resizableColumns,\n      resizableStyle,\n      isEditable,\n      isEditing,\n      isEditingDisabled,\n      hasSuccessIcon,\n      tableVariant,\n      counter,\n      ...rest\n    },\n    ref\n  ) => {\n    const Element = isRowHeader ? 'th' : 'td';\n    const isVisualRefresh = useVisualRefresh();\n\n    resizableStyle = resizableColumns ? {} : resizableStyle;\n\n    nativeAttributes = { ...nativeAttributes, ...getTableCellRoleProps({ tableRole, isRowHeader, colIndex }) };\n\n    const stickyStyles = useStickyCellStyles({\n      stickyColumns: stickyState,\n      columnId,\n      getClassName: props => getStickyClassNames(styles, props),\n    });\n\n    const cellRefObject = useRef<HTMLTableCellElement>(null);\n    const mergedRef = useMergeRefs(stickyStyles.ref, ref, cellRefObject);\n    const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);\n    const isEditingActive = isEditing && !isEditingDisabled;\n\n    return (\n      <Element\n        style={{ ...resizableStyle, ...stickyStyles.style }}\n        className={clsx(\n          styles['body-cell'],\n          isSelected && styles['body-cell-selected'],\n          isNextSelected && styles['body-cell-next-selected'],\n          isPrevSelected && styles['body-cell-prev-selected'],\n          !isEvenRow && stripedRows && styles['body-cell-shaded'],\n          stripedRows && styles['has-striped-rows'],\n          isVisualRefresh && styles['is-visual-refresh'],\n          isSelection && tableStyles['selection-control'],\n          hasSelection && styles['has-selection'],\n          hasFooter && styles['has-footer'],\n          resizableColumns && styles['resizable-columns'],\n          verticalAlign === 'top' && styles['body-cell-align-top'],\n          isEditable && styles['body-cell-editable'],\n          isEditing && !isEditingDisabled && styles['body-cell-edit-active'],\n          isEditing && isEditingDisabled && styles['body-cell-edit-disabled-popover'],\n          hasSuccessIcon && styles['body-cell-has-success'],\n          level !== undefined && !isEditingActive && styles['body-cell-expandable'],\n          level !== undefined && !isEditingActive && styles[`expandable-level-${getLevelClassSuffix(level)}`],\n          tableVariant && styles[`table-variant-${tableVariant}`],\n          stickyStyles.className\n        )}\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        ref={mergedRef}\n        {...nativeAttributes}\n        tabIndex={cellTabIndex === -1 ? undefined : cellTabIndex}\n        {...copyAnalyticsMetadataAttribute(rest)}\n      >\n        {level !== undefined && isExpandable && !isEditingActive && (\n          <div className={styles['expandable-toggle-wrapper']}>\n            <ExpandToggleButton\n              isExpanded={isExpanded}\n              onExpandableItemToggle={onExpandableItemToggle}\n              expandButtonLabel={expandButtonLabel}\n              collapseButtonLabel={collapseButtonLabel}\n            />\n          </div>\n        )}\n\n        <div className={clsx(styles['body-cell-content'], wrapLines && styles['body-cell-wrap'])}>\n          {children}\n          {counter ? (\n            <div className={styles['body-cell-counter']}>\n              <span> </span>\n              <span className={testUtilStyles['body-cell-counter']}>{counter}</span>\n            </div>\n          ) : null}\n        </div>\n      </Element>\n    );\n  }\n);\n\nfunction getLevelClassSuffix(level: number) {\n  return 0 <= level && level <= 9 ? level : 'next';\n}\n"]}

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

@@ -1,43 +1,43 @@
 
     import './styles.scoped.css';
     export default {
-  "header-cell": "awsui_header-cell_1spae_1a9yg_9",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1a9yg_43",
-  "header-cell-group": "awsui_header-cell-group_1spae_1a9yg_64",
-  "header-cell-grouped": "awsui_header-cell-grouped_1spae_1a9yg_64",
-  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_1a9yg_64",
-  "resize-divider": "awsui_resize-divider_1spae_1a9yg_69",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1a9yg_72",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1a9yg_78",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1a9yg_78",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1a9yg_84",
-  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1a9yg_87",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1a9yg_87",
-  "sticky-cell": "awsui_sticky-cell_1spae_1a9yg_87",
-  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1a9yg_87",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1a9yg_90",
-  "table-variant-full-page": "awsui_table-variant-full-page_1spae_1a9yg_111",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1a9yg_114",
-  "has-selection": "awsui_has-selection_1spae_1a9yg_114",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1a9yg_117",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1a9yg_129",
-  "sorting-icon": "awsui_sorting-icon_1spae_1a9yg_139",
-  "header-cell-main": "awsui_header-cell-main_1spae_1a9yg_147",
-  "sort-priority-badge": "awsui_sort-priority-badge_1spae_1a9yg_152",
-  "edit-icon": "awsui_edit-icon_1spae_1a9yg_156",
-  "header-cell-content": "awsui_header-cell-content_1spae_1a9yg_162",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1a9yg_168",
-  "header-cell-content-multi-sorted": "awsui_header-cell-content-multi-sorted_1spae_1a9yg_226",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1a9yg_229",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1a9yg_229",
-  "header-cell-main-with-menu": "awsui_header-cell-main-with-menu_1spae_1a9yg_233",
-  "header-cell-content-with-menu": "awsui_header-cell-content-with-menu_1spae_1a9yg_238",
-  "header-cell-text": "awsui_header-cell-text_1spae_1a9yg_270",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1a9yg_274",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1a9yg_280",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_1a9yg_281",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_1a9yg_395",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1a9yg_395",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1a9yg_407"
+  "header-cell": "awsui_header-cell_1spae_m6gr1_9",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_m6gr1_43",
+  "header-cell-group": "awsui_header-cell-group_1spae_m6gr1_64",
+  "header-cell-grouped": "awsui_header-cell-grouped_1spae_m6gr1_64",
+  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_m6gr1_64",
+  "resize-divider": "awsui_resize-divider_1spae_m6gr1_69",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_m6gr1_72",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_m6gr1_78",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_m6gr1_78",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_m6gr1_84",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_m6gr1_87",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_m6gr1_87",
+  "sticky-cell": "awsui_sticky-cell_1spae_m6gr1_87",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_m6gr1_87",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_m6gr1_90",
+  "table-variant-full-page": "awsui_table-variant-full-page_1spae_m6gr1_111",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_m6gr1_114",
+  "has-selection": "awsui_has-selection_1spae_m6gr1_114",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_m6gr1_117",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_m6gr1_129",
+  "sorting-icon": "awsui_sorting-icon_1spae_m6gr1_139",
+  "header-cell-main": "awsui_header-cell-main_1spae_m6gr1_147",
+  "sort-priority-badge": "awsui_sort-priority-badge_1spae_m6gr1_152",
+  "edit-icon": "awsui_edit-icon_1spae_m6gr1_156",
+  "header-cell-content": "awsui_header-cell-content_1spae_m6gr1_162",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_m6gr1_168",
+  "header-cell-content-multi-sorted": "awsui_header-cell-content-multi-sorted_1spae_m6gr1_226",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_m6gr1_229",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_m6gr1_229",
+  "header-cell-main-with-menu": "awsui_header-cell-main-with-menu_1spae_m6gr1_233",
+  "header-cell-content-with-menu": "awsui_header-cell-content-with-menu_1spae_m6gr1_238",
+  "header-cell-text": "awsui_header-cell-text_1spae_m6gr1_270",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_m6gr1_274",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_m6gr1_280",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_m6gr1_281",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_m6gr1_395",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_m6gr1_395",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_m6gr1_407"
 };