@cloudscape-design/components 3.0.162 → 3.0.163

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

@@ -2,17 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "body-cell": "awsui_body-cell_c6tup_9o7yk_9",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_9o7yk_18",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_9o7yk_30",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_9o7yk_33",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_9o7yk_33",
-  "has-footer": "awsui_has-footer_c6tup_9o7yk_33",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_9o7yk_43",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_9o7yk_65",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_9o7yk_69",
-  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_9o7yk_98",
-  "has-selection": "awsui_has-selection_c6tup_9o7yk_114",
-  "has-striped-rows": "awsui_has-striped-rows_c6tup_9o7yk_117"
+  "body-cell": "awsui_body-cell_c6tup_17cg6_93",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_17cg6_102",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_17cg6_114",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_17cg6_126",
+  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_17cg6_129",
+  "body-cell-editable": "awsui_body-cell-editable_c6tup_17cg6_129",
+  "has-selection": "awsui_has-selection_c6tup_17cg6_135",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_17cg6_141",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_17cg6_144",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_17cg6_144",
+  "has-footer": "awsui_has-footer_c6tup_17cg6_144",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_17cg6_154",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_17cg6_176",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_17cg6_180",
+  "body-cell-editor": "awsui_body-cell-editor_c6tup_17cg6_204",
+  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_17cg6_214",
+  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_17cg6_223",
+  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_17cg6_233"
 };
   

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

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface TableTdElementProps {
+    className?: string;
+    style?: React.CSSProperties;
+    wrapLines: boolean | undefined;
+    isFirstRow: boolean;
+    isLastRow: boolean;
+    isSelected: boolean;
+    isNextSelected: boolean;
+    isPrevSelected: boolean;
+    nativeAttributes?: Omit<React.HTMLAttributes<HTMLTableCellElement>, 'style' | 'className' | 'onClick'>;
+    onClick?: () => void;
+    children?: React.ReactNode;
+    isEvenRow?: boolean;
+    stripedRows?: boolean;
+    hasSelection?: boolean;
+    hasFooter?: boolean;
+    isVisualRefresh?: boolean;
+}
+export declare const TableTdElement: React.ForwardRefExoticComponent<TableTdElementProps & React.RefAttributes<HTMLTableCellElement>>;
+//# sourceMappingURL=td-element.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-element.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/td-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,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,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC,CAAC;IACvG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,kGAgD1B,CAAC"}

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

@@ -0,0 +1,11 @@
+import { __assign } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React from 'react';
+import styles from './styles.css.js';
+export var TableTdElement = React.forwardRef(function (_a, ref) {
+    var className = _a.className, style = _a.style, children = _a.children, wrapLines = _a.wrapLines, isFirstRow = _a.isFirstRow, isLastRow = _a.isLastRow, isSelected = _a.isSelected, isNextSelected = _a.isNextSelected, isPrevSelected = _a.isPrevSelected, nativeAttributes = _a.nativeAttributes, onClick = _a.onClick, isEvenRow = _a.isEvenRow, stripedRows = _a.stripedRows, isVisualRefresh = _a.isVisualRefresh, hasSelection = _a.hasSelection, hasFooter = _a.hasFooter;
+    return (React.createElement("td", __assign({ style: style, className: clsx(className, styles['body-cell'], wrapLines && styles['body-cell-wrap'], 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'], hasSelection && styles['has-selection'], hasFooter && styles['has-footer']), onClick: onClick, ref: ref }, nativeAttributes), children));
+});
+//# sourceMappingURL=td-element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-element.js","sourceRoot":"","sources":["../../../../src/table/body-cell/td-element.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqBrC,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,UACE,EAiBC,EACD,GAAG;QAjBD,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA;IAIX,OAAO,CACL,qCACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,WAAW,CAAC,EACnB,SAAS,IAAI,MAAM,CAAC,gBAAgB,CAAC,EACrC,UAAU,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAC3C,SAAS,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACzC,UAAU,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAC1C,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,CAAC,SAAS,IAAI,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACvD,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACzC,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,EAC9C,YAAY,IAAI,MAAM,CAAC,eAAe,CAAC,EACvC,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,CAClC,EACD,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,IACJ,gBAAgB,GAEnB,QAAQ,CACN,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 clsx from 'clsx';\nimport React from 'react';\nimport styles from './styles.css.js';\n\nexport interface TableTdElementProps {\n  className?: string;\n  style?: React.CSSProperties;\n  wrapLines: boolean | undefined;\n  isFirstRow: boolean;\n  isLastRow: boolean;\n  isSelected: boolean;\n  isNextSelected: boolean;\n  isPrevSelected: boolean;\n  nativeAttributes?: Omit<React.HTMLAttributes<HTMLTableCellElement>, 'style' | 'className' | 'onClick'>;\n  onClick?: () => void;\n  children?: React.ReactNode;\n  isEvenRow?: boolean;\n  stripedRows?: boolean;\n  hasSelection?: boolean;\n  hasFooter?: boolean;\n  isVisualRefresh?: boolean;\n}\n\nexport const TableTdElement = React.forwardRef<HTMLTableCellElement, TableTdElementProps>(\n  (\n    {\n      className,\n      style,\n      children,\n      wrapLines,\n      isFirstRow,\n      isLastRow,\n      isSelected,\n      isNextSelected,\n      isPrevSelected,\n      nativeAttributes,\n      onClick,\n      isEvenRow,\n      stripedRows,\n      isVisualRefresh,\n      hasSelection,\n      hasFooter,\n    },\n    ref\n  ) => {\n    return (\n      <td\n        style={style}\n        className={clsx(\n          className,\n          styles['body-cell'],\n          wrapLines && styles['body-cell-wrap'],\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          hasSelection && styles['has-selection'],\n          hasFooter && styles['has-footer']\n        )}\n        onClick={onClick}\n        ref={ref}\n        {...nativeAttributes}\n      >\n        {children}\n      </td>\n    );\n  }\n);\n"]}

package/table/body-cell/use-stable-scroll-position.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export declare function isScrollable(ele: HTMLElement): boolean;
+export declare function getScrollableParent(ele: HTMLElement | null): HTMLElement;
+export interface UseStableScrollPositionResult {
+    /** Stores the current scroll position of the nearest scrollable container. */
+    storeScrollPosition: () => void;
+    /** Restores the scroll position of the nearest scrollable container to the last stored position. */
+    restoreScrollPosition: () => void;
+}
+/**
+ * This hook stores the scroll position of the nearest scrollable parent of the
+ * `activeElementRef` when `storeScrollPosition` is called, and restores it when
+ * `restoreScrollPosition` is called.
+ * @param activeElementRef Ref to an active element in the table. This is used to find the nearest scrollable parent.
+ */
+export declare function useStableScrollPosition<T extends HTMLElement>(activeElementRef: React.RefObject<T>): UseStableScrollPositionResult;
+//# sourceMappingURL=use-stable-scroll-position.d.ts.map

package/table/body-cell/use-stable-scroll-position.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stable-scroll-position.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/use-stable-scroll-position.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,wBAAgB,YAAY,CAAC,GAAG,EAAE,WAAW,WAK5C;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,CAMxE;AAED,MAAM,WAAW,6BAA6B;IAC5C,8EAA8E;IAC9E,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,oGAAoG;IACpG,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC;AAMD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,WAAW,EAC3D,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GACnC,6BAA6B,CAsB/B"}

package/table/body-cell/use-stable-scroll-position.js

@@ -0,0 +1,48 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useCallback, useRef } from 'react';
+export function isScrollable(ele) {
+    var overflowXStyle = window.getComputedStyle(ele).overflowX;
+    var isOverflowHidden = overflowXStyle.indexOf('hidden') !== -1;
+    return ele.scrollWidth > ele.clientWidth && !isOverflowHidden;
+}
+export function getScrollableParent(ele) {
+    return !ele || ele === document.body
+        ? document.body
+        : isScrollable(ele)
+            ? ele
+            : getScrollableParent(ele.parentElement);
+}
+var shouldScroll = function (_a, _b) {
+    var cx = _a[0], cy = _a[1];
+    var px = _b[0], py = _b[1];
+    return cx - px > 5 || cy - py > 5;
+};
+/**
+ * This hook stores the scroll position of the nearest scrollable parent of the
+ * `activeElementRef` when `storeScrollPosition` is called, and restores it when
+ * `restoreScrollPosition` is called.
+ * @param activeElementRef Ref to an active element in the table. This is used to find the nearest scrollable parent.
+ */
+export function useStableScrollPosition(activeElementRef) {
+    var scrollRef = useRef();
+    var storeScrollPosition = useCallback(function () {
+        var _a;
+        var scrollableParent = getScrollableParent((_a = activeElementRef.current) !== null && _a !== void 0 ? _a : document.body);
+        if (scrollableParent) {
+            scrollRef.current = [scrollableParent.scrollLeft, scrollableParent.scrollTop];
+        }
+    }, [activeElementRef]);
+    var restoreScrollPosition = useCallback(function () {
+        var _a;
+        var _b;
+        var scrollableParent = getScrollableParent((_b = activeElementRef.current) !== null && _b !== void 0 ? _b : document.body);
+        if (scrollRef.current &&
+            scrollRef.current.toString() !== '0,0' &&
+            shouldScroll(scrollRef.current, [scrollableParent.scrollLeft, scrollableParent.scrollTop])) {
+            _a = scrollRef.current, scrollableParent.scrollLeft = _a[0], scrollableParent.scrollTop = _a[1];
+        }
+    }, [activeElementRef]);
+    return { storeScrollPosition: storeScrollPosition, restoreScrollPosition: restoreScrollPosition };
+}
+//# sourceMappingURL=use-stable-scroll-position.js.map

package/table/body-cell/use-stable-scroll-position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stable-scroll-position.js","sourceRoot":"","sources":["../../../../src/table/body-cell/use-stable-scroll-position.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAc,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,UAAU,YAAY,CAAC,GAAgB;IAC3C,IAAM,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC;IAC9D,IAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAEjE,OAAO,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,WAAW,IAAI,CAAC,gBAAgB,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,GAAuB;IACzD,OAAO,CAAC,GAAG,IAAI,GAAG,KAAK,QAAQ,CAAC,IAAI;QAClC,CAAC,CAAC,QAAQ,CAAC,IAAI;QACf,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC;YACnB,CAAC,CAAC,GAAG;YACL,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;AAC7C,CAAC;AASD,IAAM,YAAY,GAAG,UAAC,EAA0B,EAAE,EAA0B;QAArD,EAAE,QAAA,EAAE,EAAE,QAAA;QAAsB,EAAE,QAAA,EAAE,EAAE,QAAA;IACvD,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,uBAAuB,CACrC,gBAAoC;IAEpC,IAAM,SAAS,GAAG,MAAM,EAAyC,CAAC;IAElE,IAAM,mBAAmB,GAAG,WAAW,CAAC;;QACtC,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,MAAA,gBAAgB,CAAC,OAAO,mCAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;QACxF,IAAI,gBAAgB,EAAE;YACpB,SAAS,CAAC,OAAO,GAAG,CAAC,gBAAgB,CAAC,UAAU,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;SAC/E;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,IAAM,qBAAqB,GAAG,WAAW,CAAC;;;QACxC,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,MAAA,gBAAgB,CAAC,OAAO,mCAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;QACxF,IACE,SAAS,CAAC,OAAO;YACjB,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,KAAK;YACtC,YAAY,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC,EAC1F;YACA,KAA4D,SAAS,CAAC,OAAO,EAA5E,gBAAgB,CAAC,UAAU,QAAA,EAAE,gBAAgB,CAAC,SAAS,QAAA,CAAsB;SAC/E;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,EAAE,mBAAmB,qBAAA,EAAE,qBAAqB,uBAAA,EAAE,CAAC;AACxD,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useCallback, useRef } from 'react';\n\nexport function isScrollable(ele: HTMLElement) {\n  const overflowXStyle = window.getComputedStyle(ele).overflowX;\n  const isOverflowHidden = overflowXStyle.indexOf('hidden') !== -1;\n\n  return ele.scrollWidth > ele.clientWidth && !isOverflowHidden;\n}\n\nexport function getScrollableParent(ele: HTMLElement | null): HTMLElement {\n  return !ele || ele === document.body\n    ? document.body\n    : isScrollable(ele)\n    ? ele\n    : getScrollableParent(ele.parentElement);\n}\n\nexport interface UseStableScrollPositionResult {\n  /** Stores the current scroll position of the nearest scrollable container. */\n  storeScrollPosition: () => void;\n  /** Restores the scroll position of the nearest scrollable container to the last stored position. */\n  restoreScrollPosition: () => void;\n}\n\nconst shouldScroll = ([cx, cy]: [number, number], [px, py]: [number, number]) => {\n  return cx - px > 5 || cy - py > 5;\n};\n\n/**\n * This hook stores the scroll position of the nearest scrollable parent of the\n * `activeElementRef` when `storeScrollPosition` is called, and restores it when\n * `restoreScrollPosition` is called.\n * @param activeElementRef Ref to an active element in the table. This is used to find the nearest scrollable parent.\n */\nexport function useStableScrollPosition<T extends HTMLElement>(\n  activeElementRef: React.RefObject<T>\n): UseStableScrollPositionResult {\n  const scrollRef = useRef<Parameters<HTMLBodyElement['scroll']>>();\n\n  const storeScrollPosition = useCallback(() => {\n    const scrollableParent = getScrollableParent(activeElementRef.current ?? document.body);\n    if (scrollableParent) {\n      scrollRef.current = [scrollableParent.scrollLeft, scrollableParent.scrollTop];\n    }\n  }, [activeElementRef]);\n\n  const restoreScrollPosition = useCallback(() => {\n    const scrollableParent = getScrollableParent(activeElementRef.current ?? document.body);\n    if (\n      scrollRef.current &&\n      scrollRef.current.toString() !== '0,0' &&\n      shouldScroll(scrollRef.current, [scrollableParent.scrollLeft, scrollableParent.scrollTop])\n    ) {\n      [scrollableParent.scrollLeft, scrollableParent.scrollTop] = scrollRef.current;\n    }\n  }, [activeElementRef]);\n\n  return { storeScrollPosition, restoreScrollPosition };\n}\n"]}

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

@@ -1,14 +1,14 @@
 import React from 'react';
 import { TableProps } from '../interfaces';
-interface TableHeaderCellProps {
+interface TableHeaderCellProps<ItemType> {
     className?: string;
     style?: React.CSSProperties;
     tabIndex: number;
-    column: TableProps.ColumnDefinition<any>;
-    activeSortingColumn: TableProps.SortingColumn<any> | undefined;
-    sortingDescending: boolean | undefined;
-    sortingDisabled: boolean | undefined;
-    wrapLines: boolean | undefined;
+    column: TableProps.ColumnDefinition<ItemType>;
+    activeSortingColumn?: TableProps.SortingColumn<ItemType>;
+    sortingDescending?: boolean;
+    sortingDisabled?: boolean;
+    wrapLines?: boolean;
     showFocusRing: boolean;
     hidden?: boolean;
     onClick(detail: TableProps.SortingState<any>): void;
@@ -18,7 +18,8 @@ interface TableHeaderCellProps {
     onFocus?: () => void;
     onBlur?: () => void;
     resizableColumns?: boolean;
+    isEditable?: boolean;
 }
-export declare function TableHeaderCell({ className, style, tabIndex, column, activeSortingColumn, sortingDescending, sortingDisabled, wrapLines, showFocusRing, hidden, onClick, colIndex, onFocus, onBlur, updateColumn, resizableColumns, onResizeFinish, }: TableHeaderCellProps): JSX.Element;
+export declare function TableHeaderCell<ItemType>({ className, style, tabIndex, column, activeSortingColumn, sortingDescending, sortingDisabled, wrapLines, showFocusRing, hidden, onClick, colIndex, onFocus, onBlur, updateColumn, resizableColumns, onResizeFinish, isEditable, }: TableHeaderCellProps<ItemType>): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACzC,mBAAmB,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAC/D,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,aAAa,EACb,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,cAAc,GACf,EAAE,oBAAoB,eAqFtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,UAAU,oBAAoB,CAAC,QAAQ;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,EACxC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,aAAa,EACb,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,GACX,EAAE,oBAAoB,CAAC,QAAQ,CAAC,eA0FhC"}

package/table/header-cell/index.js

@@ -12,7 +12,8 @@ import { Resizer } from '../resizer';
 import { useUniqueId } from '../../internal/hooks/use-unique-id';
 export function TableHeaderCell(_a) {
     var _b, _c, _d;
-    var className = _a.className, style = _a.style, tabIndex = _a.tabIndex, column = _a.column, activeSortingColumn = _a.activeSortingColumn, sortingDescending = _a.sortingDescending, sortingDisabled = _a.sortingDisabled, wrapLines = _a.wrapLines, showFocusRing = _a.showFocusRing, hidden = _a.hidden, onClick = _a.onClick, colIndex = _a.colIndex, onFocus = _a.onFocus, onBlur = _a.onBlur, updateColumn = _a.updateColumn, resizableColumns = _a.resizableColumns, onResizeFinish = _a.onResizeFinish;
+    var _e;
+    var className = _a.className, style = _a.style, tabIndex = _a.tabIndex, column = _a.column, activeSortingColumn = _a.activeSortingColumn, sortingDescending = _a.sortingDescending, sortingDisabled = _a.sortingDisabled, wrapLines = _a.wrapLines, showFocusRing = _a.showFocusRing, hidden = _a.hidden, onClick = _a.onClick, colIndex = _a.colIndex, onFocus = _a.onFocus, onBlur = _a.onBlur, updateColumn = _a.updateColumn, resizableColumns = _a.resizableColumns, onResizeFinish = _a.onResizeFinish, isEditable = _a.isEditable;
     var focusVisible = useFocusVisible();
     var sortable = !!column.sortingComparator || !!column.sortingField;
     var sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);
@@ -54,7 +55,10 @@ export function TableHeaderCell(_a) {
                 })
                 : undefined }, (sortingDisabled || !sortingStatus
             ? (_d = {}, _d['aria-disabled'] = 'true', _d) : __assign(__assign({ onKeyPress: handleKeyPress, tabIndex: tabIndex, role: 'button' }, focusVisible), { onClick: handleClick, onFocus: onFocus, onBlur: onBlur }))),
-            React.createElement("div", { className: clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap']), id: headerId }, column.header),
+            React.createElement("div", { className: clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap']), id: headerId },
+                column.header,
+                isEditable ? (React.createElement("span", { className: styles['edit-icon'], role: "img", "aria-label": (_e = column.editConfig) === null || _e === void 0 ? void 0 : _e.editIconAriaLabel },
+                    React.createElement(InternalIcon, { name: "edit" }))) : null),
             sortingStatus && (React.createElement("span", { className: styles['sorting-icon'] },
                 React.createElement(InternalIcon, { name: getSortingIconName(sortingStatus) })))),
         resizableColumns && (React.createElement(React.Fragment, null,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/header-cell/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport InternalIcon from '../../icon/internal';\nimport useFocusVisible from '../../internal/hooks/focus-visible';\nimport { KeyCode } from '../../internal/keycode';\nimport { TableProps } from '../interfaces';\nimport { getAriaSort, getSortingIconName, getSortingStatus, isSorted } from './utils';\nimport styles from './styles.css.js';\nimport { Resizer } from '../resizer';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\n\ninterface TableHeaderCellProps {\n  className?: string;\n  style?: React.CSSProperties;\n  tabIndex: number;\n  column: TableProps.ColumnDefinition<any>;\n  activeSortingColumn: TableProps.SortingColumn<any> | undefined;\n  sortingDescending: boolean | undefined;\n  sortingDisabled: boolean | undefined;\n  wrapLines: boolean | undefined;\n  showFocusRing: boolean;\n  hidden?: boolean;\n  onClick(detail: TableProps.SortingState<any>): void;\n  onResizeFinish: () => void;\n  colIndex: number;\n  updateColumn: (colIndex: number, newWidth: number) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  resizableColumns?: boolean;\n}\n\nexport function TableHeaderCell({\n  className,\n  style,\n  tabIndex,\n  column,\n  activeSortingColumn,\n  sortingDescending,\n  sortingDisabled,\n  wrapLines,\n  showFocusRing,\n  hidden,\n  onClick,\n  colIndex,\n  onFocus,\n  onBlur,\n  updateColumn,\n  resizableColumns,\n  onResizeFinish,\n}: TableHeaderCellProps) {\n  const focusVisible = useFocusVisible();\n  const sortable = !!column.sortingComparator || !!column.sortingField;\n  const sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);\n  const sortingStatus = getSortingStatus(sortable, sorted, !!sortingDescending, !!sortingDisabled);\n  const handleClick = () =>\n    onClick({\n      sortingColumn: column,\n      isDescending: sorted ? !sortingDescending : false,\n    });\n\n  // Elements with role=\"button\" do not have the default behavior of <button>, where pressing\n  // Enter or Space will trigger a click event. Therefore we need to add this ourselves.\n  // The native <button> element cannot be used due to a misaligned implementation in Firefox:\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=843003\n  const handleKeyPress = ({ nativeEvent: e }: React.KeyboardEvent) => {\n    if (e.keyCode === KeyCode.enter || e.keyCode === KeyCode.space) {\n      e.preventDefault();\n      handleClick();\n    }\n  };\n\n  const headerId = useUniqueId('table-header-');\n\n  return (\n    <th\n      className={clsx(className, {\n        [styles['header-cell-resizable']]: !!resizableColumns,\n        [styles['header-cell-sortable']]: sortingStatus,\n        [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',\n        [styles['header-cell-disabled']]: sortingDisabled,\n        [styles['header-cell-ascending']]: sortingStatus === 'ascending',\n        [styles['header-cell-descending']]: sortingStatus === 'descending',\n        [styles['header-cell-hidden']]: hidden,\n      })}\n      aria-sort={sortingStatus && getAriaSort(sortingStatus)}\n      style={style}\n      scope=\"col\"\n    >\n      <div\n        className={clsx(styles['header-cell-content'], {\n          [styles['header-cell-fake-focus']]: showFocusRing && focusVisible['data-awsui-focus-visible'],\n        })}\n        aria-label={\n          column.ariaLabel\n            ? column.ariaLabel({\n                sorted: sorted,\n                descending: sorted && !!sortingDescending,\n                disabled: !!sortingDisabled,\n              })\n            : undefined\n        }\n        {...(sortingDisabled || !sortingStatus\n          ? { ['aria-disabled']: 'true' }\n          : {\n              onKeyPress: handleKeyPress,\n              tabIndex: tabIndex,\n              role: 'button',\n              ...focusVisible,\n              onClick: handleClick,\n              onFocus,\n              onBlur,\n            })}\n      >\n        <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])} id={headerId}>\n          {column.header}\n        </div>\n        {sortingStatus && (\n          <span className={styles['sorting-icon']}>\n            <InternalIcon name={getSortingIconName(sortingStatus)} />\n          </span>\n        )}\n      </div>\n      {resizableColumns && (\n        <>\n          <Resizer\n            onDragMove={newWidth => updateColumn(colIndex, newWidth)}\n            onFinish={onResizeFinish}\n            ariaLabelledby={headerId}\n            minWidth={typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth}\n          />\n        </>\n      )}\n    </th>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/header-cell/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport InternalIcon from '../../icon/internal';\nimport useFocusVisible from '../../internal/hooks/focus-visible';\nimport { KeyCode } from '../../internal/keycode';\nimport { TableProps } from '../interfaces';\nimport { getAriaSort, getSortingIconName, getSortingStatus, isSorted } from './utils';\nimport styles from './styles.css.js';\nimport { Resizer } from '../resizer';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\n\ninterface TableHeaderCellProps<ItemType> {\n  className?: string;\n  style?: React.CSSProperties;\n  tabIndex: number;\n  column: TableProps.ColumnDefinition<ItemType>;\n  activeSortingColumn?: TableProps.SortingColumn<ItemType>;\n  sortingDescending?: boolean;\n  sortingDisabled?: boolean;\n  wrapLines?: boolean;\n  showFocusRing: boolean;\n  hidden?: boolean;\n  onClick(detail: TableProps.SortingState<any>): void;\n  onResizeFinish: () => void;\n  colIndex: number;\n  updateColumn: (colIndex: number, newWidth: number) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  resizableColumns?: boolean;\n  isEditable?: boolean;\n}\n\nexport function TableHeaderCell<ItemType>({\n  className,\n  style,\n  tabIndex,\n  column,\n  activeSortingColumn,\n  sortingDescending,\n  sortingDisabled,\n  wrapLines,\n  showFocusRing,\n  hidden,\n  onClick,\n  colIndex,\n  onFocus,\n  onBlur,\n  updateColumn,\n  resizableColumns,\n  onResizeFinish,\n  isEditable,\n}: TableHeaderCellProps<ItemType>) {\n  const focusVisible = useFocusVisible();\n  const sortable = !!column.sortingComparator || !!column.sortingField;\n  const sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);\n  const sortingStatus = getSortingStatus(sortable, sorted, !!sortingDescending, !!sortingDisabled);\n  const handleClick = () =>\n    onClick({\n      sortingColumn: column,\n      isDescending: sorted ? !sortingDescending : false,\n    });\n\n  // Elements with role=\"button\" do not have the default behavior of <button>, where pressing\n  // Enter or Space will trigger a click event. Therefore we need to add this ourselves.\n  // The native <button> element cannot be used due to a misaligned implementation in Firefox:\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=843003\n  const handleKeyPress = ({ nativeEvent: e }: React.KeyboardEvent) => {\n    if (e.keyCode === KeyCode.enter || e.keyCode === KeyCode.space) {\n      e.preventDefault();\n      handleClick();\n    }\n  };\n\n  const headerId = useUniqueId('table-header-');\n\n  return (\n    <th\n      className={clsx(className, {\n        [styles['header-cell-resizable']]: !!resizableColumns,\n        [styles['header-cell-sortable']]: sortingStatus,\n        [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',\n        [styles['header-cell-disabled']]: sortingDisabled,\n        [styles['header-cell-ascending']]: sortingStatus === 'ascending',\n        [styles['header-cell-descending']]: sortingStatus === 'descending',\n        [styles['header-cell-hidden']]: hidden,\n      })}\n      aria-sort={sortingStatus && getAriaSort(sortingStatus)}\n      style={style}\n      scope=\"col\"\n    >\n      <div\n        className={clsx(styles['header-cell-content'], {\n          [styles['header-cell-fake-focus']]: showFocusRing && focusVisible['data-awsui-focus-visible'],\n        })}\n        aria-label={\n          column.ariaLabel\n            ? column.ariaLabel({\n                sorted: sorted,\n                descending: sorted && !!sortingDescending,\n                disabled: !!sortingDisabled,\n              })\n            : undefined\n        }\n        {...(sortingDisabled || !sortingStatus\n          ? { ['aria-disabled']: 'true' }\n          : {\n              onKeyPress: handleKeyPress,\n              tabIndex: tabIndex,\n              role: 'button',\n              ...focusVisible,\n              onClick: handleClick,\n              onFocus,\n              onBlur,\n            })}\n      >\n        <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])} id={headerId}>\n          {column.header}\n          {isEditable ? (\n            <span className={styles['edit-icon']} role=\"img\" aria-label={column.editConfig?.editIconAriaLabel}>\n              <InternalIcon name=\"edit\" />\n            </span>\n          ) : null}\n        </div>\n        {sortingStatus && (\n          <span className={styles['sorting-icon']}>\n            <InternalIcon name={getSortingIconName(sortingStatus)} />\n          </span>\n        )}\n      </div>\n      {resizableColumns && (\n        <>\n          <Resizer\n            onDragMove={newWidth => updateColumn(colIndex, newWidth)}\n            onFinish={onResizeFinish}\n            ariaLabelledby={headerId}\n            minWidth={typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth}\n          />\n        </>\n      )}\n    </th>\n  );\n}\n"]}

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

@@ -1,23 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "header-cell": "awsui_header-cell_1spae_1d6sg_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1d6sg_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1d6sg_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1d6sg_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1d6sg_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1d6sg_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1d6sg_126",
-  "sorting-icon": "awsui_sorting-icon_1spae_1d6sg_130",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1d6sg_137",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1d6sg_137",
-  "header-cell-content": "awsui_header-cell-content_1spae_1d6sg_137",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1d6sg_170",
-  "header-cell-text": "awsui_header-cell-text_1spae_1d6sg_199",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1d6sg_199",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1d6sg_205",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_1d6sg_206",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1d6sg_216",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_1d6sg_227"
+  "header-cell": "awsui_header-cell_1spae_lzlsa_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_lzlsa_105",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_lzlsa_108",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_lzlsa_108",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_lzlsa_111",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_lzlsa_114",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_lzlsa_126",
+  "sorting-icon": "awsui_sorting-icon_1spae_lzlsa_130",
+  "edit-icon": "awsui_edit-icon_1spae_lzlsa_137",
+  "header-cell-content": "awsui_header-cell-content_1spae_lzlsa_143",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_lzlsa_172",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_lzlsa_190",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_lzlsa_190",
+  "header-cell-text": "awsui_header-cell-text_1spae_lzlsa_204",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_lzlsa_204",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_lzlsa_210",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_lzlsa_211",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_lzlsa_221",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_lzlsa_232"
 };
   

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

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_header-cell_1spae_1d6sg_93:not(#\9) {
+.awsui_header-cell_1spae_lzlsa_93:not(#\9) {
   position: relative;
   text-align: left;
   box-sizing: border-box;
@@ -102,19 +102,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_header-cell-sticky_1spae_1d6sg_105:not(#\9) {
+.awsui_header-cell-sticky_1spae_lzlsa_105:not(#\9) {
   border-bottom: var(--border-table-sticky-width-h1tlxy, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_header-cell-stuck_1spae_1d6sg_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1d6sg_108) {
+.awsui_header-cell-stuck_1spae_lzlsa_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_lzlsa_108) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_1d6sg_108.awsui_header-cell-hidden_1spae_1d6sg_111:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_lzlsa_108.awsui_header-cell-hidden_1spae_lzlsa_111:not(#\9) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell_1spae_1d6sg_93:not(#\9):last-child, .awsui_header-cell_1spae_1d6sg_93.awsui_header-cell-sortable_1spae_1d6sg_114:not(#\9) {
+.awsui_header-cell_1spae_lzlsa_93:not(#\9):last-child, .awsui_header-cell_1spae_lzlsa_93.awsui_header-cell-sortable_1spae_lzlsa_114:not(#\9) {
   padding-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_header-cell_1spae_1d6sg_93:not(#\9):not(:last-child):before {
+.awsui_header-cell_1spae_lzlsa_93:not(#\9):not(:last-child):before {
   content: "";
   position: absolute;
   right: 0;
@@ -123,40 +123,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   box-sizing: border-box;
 }
-.awsui_header-cell-resizable_1spae_1d6sg_126:not(#\9):not(:last-child):before {
+.awsui_header-cell-resizable_1spae_lzlsa_126:not(#\9):not(:last-child):before {
   border-left-color: var(--color-border-divider-interactive-default-rcasvw, #e9ebed);
 }
 
-.awsui_sorting-icon_1spae_1d6sg_130:not(#\9) {
+.awsui_sorting-icon_1spae_lzlsa_130:not(#\9) {
   position: absolute;
   top: var(--space-scaled-xxs-95dhkm, 4px);
   right: var(--space-xxs-ynfts5, 4px);
   color: var(--color-text-column-sorting-icon-q5sr09, #414d5c);
 }
 
-.awsui_header-cell-disabled_1spae_1d6sg_137.awsui_header-cell-sorted_1spae_1d6sg_137 > .awsui_header-cell-content_1spae_1d6sg_137 > .awsui_sorting-icon_1spae_1d6sg_130:not(#\9) {
-  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
+.awsui_edit-icon_1spae_lzlsa_137:not(#\9) {
+  margin-left: var(--space-xxs-ynfts5, 4px);
+  margin-top: var(--space-scaled-xxs-95dhkm, 4px);
+  color: inherit;
 }
 
-.awsui_header-cell-content_1spae_1d6sg_137:not(#\9) {
+.awsui_header-cell-content_1spae_lzlsa_143:not(#\9) {
   position: relative;
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-s-hv8c1d, 12px);
 }
-.awsui_header-cell-sortable_1spae_1d6sg_114 > .awsui_header-cell-content_1spae_1d6sg_137:not(#\9) {
+.awsui_header-cell-sortable_1spae_lzlsa_114 > .awsui_header-cell-content_1spae_lzlsa_143:not(#\9) {
   padding-right: calc(var(--space-xl-a39hup, 24px) + var(--space-xxs-ynfts5, 4px));
 }
-.awsui_header-cell-content_1spae_1d6sg_137:not(#\9):focus {
+.awsui_header-cell-content_1spae_lzlsa_143:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_header-cell-content_1spae_1d6sg_137[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_header-cell-content_1spae_lzlsa_143[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_header-cell-content_1spae_1d6sg_137[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_header-cell-content_1spae_lzlsa_143[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
 }
-.awsui_header-cell-content_1spae_1d6sg_137[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_header-cell-content_1spae_lzlsa_143[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -167,14 +169,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_header-cell-content_1spae_1d6sg_137.awsui_header-cell-fake-focus_1spae_1d6sg_170:not(#\9) {
+.awsui_header-cell-content_1spae_lzlsa_143.awsui_header-cell-fake-focus_1spae_lzlsa_172:not(#\9) {
   position: relative;
 }
-.awsui_header-cell-content_1spae_1d6sg_137.awsui_header-cell-fake-focus_1spae_1d6sg_170:not(#\9) {
+.awsui_header-cell-content_1spae_lzlsa_143.awsui_header-cell-fake-focus_1spae_lzlsa_172:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
 }
-.awsui_header-cell-content_1spae_1d6sg_137.awsui_header-cell-fake-focus_1spae_1d6sg_170:not(#\9)::before {
+.awsui_header-cell-content_1spae_lzlsa_143.awsui_header-cell-fake-focus_1spae_lzlsa_172:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -185,54 +187,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
+.awsui_header-cell-disabled_1spae_lzlsa_190.awsui_header-cell-sorted_1spae_lzlsa_190 > .awsui_header-cell-content_1spae_lzlsa_143 > .awsui_sorting-icon_1spae_lzlsa_130:not(#\9) {
+  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
+}
 
-.awsui_header-cell-sortable_1spae_1d6sg_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1d6sg_137) > .awsui_header-cell-content_1spae_1d6sg_137 {
+.awsui_header-cell-sortable_1spae_lzlsa_114:not(#\9):not(.awsui_header-cell-disabled_1spae_lzlsa_190) > .awsui_header-cell-content_1spae_lzlsa_143 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_1d6sg_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1d6sg_137) > .awsui_header-cell-content_1spae_1d6sg_137:hover, .awsui_header-cell-sortable_1spae_1d6sg_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1d6sg_137).awsui_header-cell-sorted_1spae_1d6sg_137 > .awsui_header-cell-content_1spae_1d6sg_137 {
+.awsui_header-cell-sortable_1spae_lzlsa_114:not(#\9):not(.awsui_header-cell-disabled_1spae_lzlsa_190) > .awsui_header-cell-content_1spae_lzlsa_143:hover, .awsui_header-cell-sortable_1spae_lzlsa_114:not(#\9):not(.awsui_header-cell-disabled_1spae_lzlsa_190).awsui_header-cell-sorted_1spae_lzlsa_190 > .awsui_header-cell-content_1spae_lzlsa_143 {
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
-.awsui_header-cell-sortable_1spae_1d6sg_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1d6sg_137) > .awsui_header-cell-content_1spae_1d6sg_137:hover > .awsui_sorting-icon_1spae_1d6sg_130, .awsui_header-cell-sortable_1spae_1d6sg_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1d6sg_137).awsui_header-cell-sorted_1spae_1d6sg_137 > .awsui_header-cell-content_1spae_1d6sg_137 > .awsui_sorting-icon_1spae_1d6sg_130 {
+.awsui_header-cell-sortable_1spae_lzlsa_114:not(#\9):not(.awsui_header-cell-disabled_1spae_lzlsa_190) > .awsui_header-cell-content_1spae_lzlsa_143:hover > .awsui_sorting-icon_1spae_lzlsa_130, .awsui_header-cell-sortable_1spae_lzlsa_114:not(#\9):not(.awsui_header-cell-disabled_1spae_lzlsa_190).awsui_header-cell-sorted_1spae_lzlsa_190 > .awsui_header-cell-content_1spae_lzlsa_143 > .awsui_sorting-icon_1spae_lzlsa_130 {
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
 
-.awsui_header-cell-text_1spae_1d6sg_199:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1d6sg_199) {
+.awsui_header-cell-text_1spae_lzlsa_204:not(#\9):not(.awsui_header-cell-text-wrap_1spae_lzlsa_204) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_header-cell-ascending_1spae_1d6sg_205:not(#\9),
-.awsui_header-cell-descending_1spae_1d6sg_206:not(#\9) {
+.awsui_header-cell-ascending_1spae_lzlsa_210:not(#\9),
+.awsui_header-cell-descending_1spae_lzlsa_211:not(#\9) {
   /* used in test-utils */
 }
 
 /*
 In Visual Refresh the first cell in the header should align
-with the left edge of the table as closely as possible. If the 
-last header cell is sortable the sort icon should align with the 
+with the left edge of the table as closely as possible. If the
+last header cell is sortable the sort icon should align with the
 settings icon in the pagination slot.
 */
-.awsui_header-cell_1spae_1d6sg_93:not(#\9):not(.awsui_is-visual-refresh_1spae_1d6sg_216):first-child {
+.awsui_header-cell_1spae_lzlsa_93:not(#\9):not(.awsui_is-visual-refresh_1spae_lzlsa_221):first-child {
   padding-left: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_header-cell_1spae_1d6sg_93.awsui_is-visual-refresh_1spae_1d6sg_216:not(#\9) {
+.awsui_header-cell_1spae_lzlsa_93.awsui_is-visual-refresh_1spae_lzlsa_221:not(#\9) {
   /*
-  Striped rows requires additional left padding because the 
-  shaded background makes the child content appear too close 
+  Striped rows requires additional left padding because the
+  shaded background makes the child content appear too close
   to the table edge.
   */
 }
-.awsui_header-cell_1spae_1d6sg_93.awsui_is-visual-refresh_1spae_1d6sg_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1d6sg_227) {
+.awsui_header-cell_1spae_lzlsa_93.awsui_is-visual-refresh_1spae_lzlsa_221:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_lzlsa_232) {
   padding-left: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_header-cell_1spae_1d6sg_93.awsui_is-visual-refresh_1spae_1d6sg_216:not(#\9):first-child.awsui_has-striped-rows_1spae_1d6sg_227 {
+.awsui_header-cell_1spae_lzlsa_93.awsui_is-visual-refresh_1spae_lzlsa_221:not(#\9):first-child.awsui_has-striped-rows_1spae_lzlsa_232 {
   padding-left: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_header-cell_1spae_1d6sg_93.awsui_is-visual-refresh_1spae_1d6sg_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1d6sg_137 {
+.awsui_header-cell_1spae_lzlsa_93.awsui_is-visual-refresh_1spae_lzlsa_221:not(#\9):first-child > .awsui_header-cell-content_1spae_lzlsa_143 {
   padding-left: 0;
 }
-.awsui_header-cell_1spae_1d6sg_93.awsui_is-visual-refresh_1spae_1d6sg_216:not(#\9):last-child.awsui_header-cell-sortable_1spae_1d6sg_114 {
+.awsui_header-cell_1spae_lzlsa_93.awsui_is-visual-refresh_1spae_lzlsa_221:not(#\9):last-child.awsui_header-cell-sortable_1spae_lzlsa_114 {
   padding-right: var(--space-xxxs-k2w98v, 2px);
 }

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

@@ -2,23 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_1d6sg_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1d6sg_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1d6sg_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1d6sg_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1d6sg_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1d6sg_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1d6sg_126",
-  "sorting-icon": "awsui_sorting-icon_1spae_1d6sg_130",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1d6sg_137",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1d6sg_137",
-  "header-cell-content": "awsui_header-cell-content_1spae_1d6sg_137",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1d6sg_170",
-  "header-cell-text": "awsui_header-cell-text_1spae_1d6sg_199",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1d6sg_199",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1d6sg_205",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_1d6sg_206",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1d6sg_216",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_1d6sg_227"
+  "header-cell": "awsui_header-cell_1spae_lzlsa_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_lzlsa_105",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_lzlsa_108",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_lzlsa_108",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_lzlsa_111",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_lzlsa_114",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_lzlsa_126",
+  "sorting-icon": "awsui_sorting-icon_1spae_lzlsa_130",
+  "edit-icon": "awsui_edit-icon_1spae_lzlsa_137",
+  "header-cell-content": "awsui_header-cell-content_1spae_lzlsa_143",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_lzlsa_172",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_lzlsa_190",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_lzlsa_190",
+  "header-cell-text": "awsui_header-cell-text_1spae_lzlsa_204",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_lzlsa_204",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_lzlsa_210",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_lzlsa_211",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_lzlsa_221",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_lzlsa_232"
 };