@cloudscape-design/components 3.0.0

package/status-indicator/styles.selectors.js

@@ -0,0 +1,26 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "icon-shake": "awsui_icon-shake_1cbgc_1dmb0_97",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_1dmb0_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_1dmb0_125",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_1dmb0_1",
+  "root": "awsui_root_1cbgc_1dmb0_147",
+  "status-error": "awsui_status-error_1cbgc_1dmb0_154",
+  "status-warning": "awsui_status-warning_1cbgc_1dmb0_157",
+  "status-success": "awsui_status-success_1cbgc_1dmb0_160",
+  "status-info": "awsui_status-info_1cbgc_1dmb0_163",
+  "status-stopped": "awsui_status-stopped_1cbgc_1dmb0_166",
+  "status-pending": "awsui_status-pending_1cbgc_1dmb0_169",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_1dmb0_172",
+  "status-loading": "awsui_status-loading_1cbgc_1dmb0_175",
+  "color-override-red": "awsui_color-override-red_1cbgc_1dmb0_178",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_1dmb0_181",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_1dmb0_184",
+  "color-override-green": "awsui_color-override-green_1cbgc_1dmb0_187",
+  "icon": "awsui_icon_1cbgc_1dmb0_97",
+  "container": "awsui_container_1cbgc_1dmb0_125",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_1dmb0_201"
+};
+  

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { TableProps } from '../interfaces';
+interface TableBodyCellProps {
+    className?: string;
+    style?: React.CSSProperties;
+    wrapLines: boolean | undefined;
+    isFirstRow: boolean;
+    isLastRow: boolean;
+    isSelected: boolean;
+    isNextSelected: boolean;
+    isPrevSelected: boolean;
+    children?: React.ReactNode;
+}
+export declare function TableBodyCell({ className, style, children, wrapLines, isFirstRow, isLastRow, isSelected, isNextSelected, isPrevSelected, }: TableBodyCellProps): JSX.Element;
+interface TableBodyCellContentProps<ItemType> extends TableBodyCellProps {
+    column: TableProps.ColumnDefinition<ItemType>;
+    item: ItemType;
+}
+export declare function TableBodyCellContent<ItemType>({ item, column, ...rest }: TableBodyCellContentProps<ItemType>): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,UAAU,kBAAkB;IAC1B,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,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,cAAc,GACf,EAAE,kBAAkB,eAkBpB;AAED,UAAU,yBAAyB,CAAC,QAAQ,CAAE,SAAQ,kBAAkB;IACtE,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,yBAAyB,CAAC,QAAQ,CAAC,eAE5G"}

package/table/body-cell/index.js

@@ -0,0 +1,15 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import styles from './styles.css.js';
+import React from 'react';
+export function TableBodyCell(_a) {
+    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;
+    return (React.createElement("td", { 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']) }, children));
+}
+export function TableBodyCellContent(_a) {
+    var item = _a.item, column = _a.column, rest = __rest(_a, ["item", "column"]);
+    return React.createElement(TableBodyCell, __assign({}, rest), column.cell(item));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/body-cell/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,MAAM,UAAU,aAAa,CAAC,EAUT;QATnB,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;IAEd,OAAO,CACL,4BACE,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,CACpD,IAEA,QAAQ,CACN,CACN,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,oBAAoB,CAAW,EAA8D;IAA5D,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAvB,kBAAyB,CAAF;IACpE,OAAO,oBAAC,aAAa,eAAK,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAiB,CAAC;AACtE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport React from 'react';\nimport { TableProps } from '../interfaces';\n\ninterface TableBodyCellProps {\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  children?: React.ReactNode;\n}\n\nexport function TableBodyCell({\n  className,\n  style,\n  children,\n  wrapLines,\n  isFirstRow,\n  isLastRow,\n  isSelected,\n  isNextSelected,\n  isPrevSelected,\n}: TableBodyCellProps) {\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      )}\n    >\n      {children}\n    </td>\n  );\n}\n\ninterface TableBodyCellContentProps<ItemType> extends TableBodyCellProps {\n  column: TableProps.ColumnDefinition<ItemType>;\n  item: ItemType;\n}\n\nexport function TableBodyCellContent<ItemType>({ item, column, ...rest }: TableBodyCellContentProps<ItemType>) {\n  return <TableBodyCell {...rest}>{column.cell(item)}</TableBodyCell>;\n}\n"]}

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

@@ -0,0 +1,12 @@
+
+    import './styles.scoped.css';
+    export default {
+  "body-cell": "awsui_body-cell_c6tup_13wt8_9",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_13wt8_18",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_13wt8_31",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_13wt8_34",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_13wt8_37",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_13wt8_56",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_13wt8_60"
+};
+  

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

@@ -0,0 +1,112 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_body-cell_c6tup_13wt8_9:not(#\9) {
+  box-sizing: border-box;
+  padding: 8px 20px calc(
+  8px + (2px - 1px)
+);
+  padding: var(--space-scaled-xs-6859qs, 8px) var(--space-scaled-l-t03y3z, 20px) calc(
+  var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
+);
+  border-top: 1px solid transparent;
+  border-top: var(--border-divider-list-width-hacikr, 1px) solid transparent;
+  word-wrap: break-word;
+  border-bottom: 1px solid #e9ebed;
+  border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
+}
+.awsui_body-cell_c6tup_13wt8_9:not(#\9):not(.awsui_body-cell-wrap_c6tup_13wt8_18) {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.awsui_body-cell_c6tup_13wt8_9:not(#\9):first-child {
+  border-left: 2px solid transparent;
+  border-left: var(--border-item-width-qbbbsa, 2px) solid transparent;
+  padding-left: calc(20px - 2px);
+  padding-left: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-qbbbsa, 2px));
+}
+.awsui_body-cell_c6tup_13wt8_9:not(#\9):last-child {
+  border-right: 2px solid transparent;
+  border-right: var(--border-item-width-qbbbsa, 2px) solid transparent;
+  padding-right: calc(20px - 2px);
+  padding-right: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-qbbbsa, 2px));
+}
+.awsui_body-cell-first-row_c6tup_13wt8_31:not(#\9) {
+  border-top: 2px solid transparent;
+  border-top: var(--border-item-width-qbbbsa, 2px) solid transparent;
+}
+.awsui_body-cell-last-row_c6tup_13wt8_34:not(#\9) {
+  border-bottom: 2px solid transparent;
+  border-bottom: var(--border-item-width-qbbbsa, 2px) solid transparent;
+}
+.awsui_body-cell-selected_c6tup_13wt8_37:not(#\9) {
+  background-color: #f2f8fd;
+  background-color: var(--color-background-item-selected-ebt4bi, #f2f8fd);
+  border-top: 2px solid #0972d3;
+  border-top: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
+  border-bottom: 2px solid #0972d3;
+  border-bottom: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
+  padding-bottom: 8px;
+  padding-bottom: var(--space-scaled-xs-6859qs, 8px);
+}
+.awsui_body-cell-selected_c6tup_13wt8_37:not(#\9):first-child {
+  border-left: 2px solid #0972d3;
+  border-left: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
+  border-radius: 8px 0 0 8px;
+  border-radius: var(--border-item-radius-43830w, 8px) 0 0 var(--border-item-radius-43830w, 8px);
+}
+.awsui_body-cell-selected_c6tup_13wt8_37:not(#\9):last-child {
+  border-right: 2px solid #0972d3;
+  border-right: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
+  border-radius: 0 8px 8px 0;
+  border-radius: 0 var(--border-item-radius-43830w, 8px) var(--border-item-radius-43830w, 8px) 0;
+}
+.awsui_body-cell-selected_c6tup_13wt8_37:not(#\9):not(:first-child) {
+  padding-top: calc(
+  8px + (2px - 1px)
+);
+  padding-top: calc(
+  var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
+);
+}
+.awsui_body-cell_c6tup_13wt8_9:not(#\9):not(.awsui_body-cell-selected_c6tup_13wt8_37).awsui_body-cell-next-selected_c6tup_13wt8_56 {
+  border-bottom: 0;
+  padding-bottom: calc(8px + 1px);
+  padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) + var(--border-divider-list-width-hacikr, 1px));
+}
+.awsui_body-cell-selected_c6tup_13wt8_37.awsui_body-cell-prev-selected_c6tup_13wt8_60:not(#\9) {
+  padding-top: calc(
+  8px + (2px - 1px)
+);
+  padding-top: calc(
+  var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
+);
+  border-top: 1px solid #0972d3;
+  border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-item-placeholder-jgzhnb, #0972d3);
+}
+.awsui_body-cell-selected_c6tup_13wt8_37.awsui_body-cell-next-selected_c6tup_13wt8_56:not(#\9) {
+  border-bottom-width: 1px;
+  border-bottom-width: var(--border-divider-list-width-hacikr, 1px);
+}
+.awsui_body-cell-selected_c6tup_13wt8_37.awsui_body-cell-next-selected_c6tup_13wt8_56:not(#\9):first-child {
+  border-bottom-left-radius: 0;
+}
+.awsui_body-cell-selected_c6tup_13wt8_37.awsui_body-cell-next-selected_c6tup_13wt8_56:not(#\9):last-child {
+  border-bottom-right-radius: 0;
+}
+.awsui_body-cell-selected_c6tup_13wt8_37.awsui_body-cell-prev-selected_c6tup_13wt8_60:not(#\9):first-child {
+  border-top-left-radius: 0;
+}
+.awsui_body-cell-selected_c6tup_13wt8_37.awsui_body-cell-prev-selected_c6tup_13wt8_60:not(#\9):last-child {
+  border-top-right-radius: 0;
+}
+.awsui_body-cell-selected_c6tup_13wt8_37:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_13wt8_60) {
+  padding-top: 8px;
+  padding-top: var(--space-scaled-xs-6859qs, 8px);
+}

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

@@ -0,0 +1,13 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "body-cell": "awsui_body-cell_c6tup_13wt8_9",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_13wt8_18",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_13wt8_31",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_13wt8_34",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_13wt8_37",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_13wt8_56",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_13wt8_60"
+};
+  

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TableProps } from '../interfaces';
+interface TableHeaderCellProps {
+    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;
+    resizer: React.ReactNode;
+    showFocusRing: boolean;
+    onClick(detail: TableProps.SortingState<any>): void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+export declare function TableHeaderCell({ className, style, tabIndex, column, activeSortingColumn, sortingDescending, sortingDisabled, wrapLines, resizer, showFocusRing, onClick, onFocus, onBlur, }: TableHeaderCellProps): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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;AAI3C,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,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,MAAM,GACP,EAAE,oBAAoB,eAuEtB"}

package/table/header-cell/index.js

@@ -0,0 +1,57 @@
+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 InternalIcon from '../../icon/internal';
+import useFocusVisible from '../../internal/hooks/focus-visible';
+import { KeyCode } from '../../internal/keycode';
+import { getAriaSort, getSortingIconName, getSortingStatus, isSorted } from './utils';
+import styles from './styles.css.js';
+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, resizer = _a.resizer, showFocusRing = _a.showFocusRing, onClick = _a.onClick, onFocus = _a.onFocus, onBlur = _a.onBlur;
+    var focusVisible = useFocusVisible();
+    var sortable = !!column.sortingComparator || !!column.sortingField;
+    var sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);
+    var sortingStatus = getSortingStatus(sortable, sorted, !!sortingDescending, !!sortingDisabled);
+    var handleClick = function () {
+        return onClick({
+            sortingColumn: column,
+            isDescending: sorted ? !sortingDescending : false
+        });
+    };
+    // Elements with role="button" do not have the default behavior of <button>, where pressing
+    // Enter or Space will trigger a click event. Therefore we need to add this ourselves.
+    // The native <button> element cannot be used due to a misaligned implementation in Firefox:
+    // https://bugzilla.mozilla.org/show_bug.cgi?id=843003
+    var handleKeyPress = function (_a) {
+        var e = _a.nativeEvent;
+        if (e.keyCode === KeyCode.enter || e.keyCode === KeyCode.space) {
+            e.preventDefault();
+            handleClick();
+        }
+    };
+    return (React.createElement("th", { className: clsx(className, (_b = {},
+            _b[styles['header-cell-sortable']] = sortingStatus,
+            _b[styles['header-cell-sorted']] = sortingStatus === 'ascending' || sortingStatus === 'descending',
+            _b[styles['header-cell-disabled']] = sortingDisabled,
+            _b[styles['header-cell-ascending']] = sortingStatus === 'ascending',
+            _b[styles['header-cell-descending']] = sortingStatus === 'descending',
+            _b)), "aria-sort": sortingStatus && getAriaSort(sortingStatus), style: style },
+        React.createElement("div", __assign({ className: clsx(styles['header-cell-content'], (_c = {},
+                _c[styles['header-cell-fake-focus']] = showFocusRing && focusVisible['data-awsui-focus-visible'],
+                _c)), "aria-label": column.ariaLabel
+                ? column.ariaLabel({
+                    sorted: sorted,
+                    descending: sorted && !!sortingDescending,
+                    disabled: !!sortingDisabled
+                })
+                : 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']) }, column.header),
+            sortingStatus && (React.createElement("span", { className: styles['sorting-icon'] },
+                React.createElement(InternalIcon, { name: getSortingIconName(sortingStatus) })))),
+        resizer));
+}
+//# 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":"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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';\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  resizer: React.ReactNode;\n  showFocusRing: boolean;\n  onClick(detail: TableProps.SortingState<any>): void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nexport function TableHeaderCell({\n  className,\n  style,\n  tabIndex,\n  column,\n  activeSortingColumn,\n  sortingDescending,\n  sortingDisabled,\n  wrapLines,\n  resizer,\n  showFocusRing,\n  onClick,\n  onFocus,\n  onBlur,\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  return (\n    <th\n      className={clsx(className, {\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      })}\n      aria-sort={sortingStatus && getAriaSort(sortingStatus)}\n      style={style}\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'])}>\n          {column.header}\n        </div>\n        {sortingStatus && (\n          <span className={styles['sorting-icon']}>\n            <InternalIcon name={getSortingIconName(sortingStatus)} />\n          </span>\n        )}\n      </div>\n      {resizer}\n    </th>\n  );\n}\n"]}

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

@@ -0,0 +1,19 @@
+
+    import './styles.scoped.css';
+    export default {
+  "header-cell": "awsui_header-cell_1spae_lfquf_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_lfquf_103",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_lfquf_106",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_lfquf_109",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_lfquf_115",
+  "sorting-icon": "awsui_sorting-icon_1spae_lfquf_128",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_lfquf_135",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_lfquf_135",
+  "header-cell-content": "awsui_header-cell-content_1spae_lfquf_135",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_lfquf_168",
+  "header-cell-text": "awsui_header-cell-text_1spae_lfquf_197",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_lfquf_197",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_lfquf_203",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_lfquf_204"
+};
+  

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

@@ -0,0 +1,238 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ 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 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* 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 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_header-cell_1spae_lfquf_93:not(#\9) {
+  position: relative;
+  text-align: left;
+  box-sizing: border-box;
+  border-bottom: 2px solid #e9ebed;
+  border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
+  background: #ffffff;
+  background: var(--color-background-table-header-i1pa1g, #ffffff);
+  color: #414d5c;
+  color: var(--color-text-column-header-u472sv, #414d5c);
+  font-weight: 800;
+  font-weight: var(--font-heading-s-weight-k8ys41, 800);
+  padding: 4px 8px;
+  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-xs-6859qs, 8px);
+}
+.awsui_header-cell-sticky_1spae_lfquf_103:not(#\9) {
+  border-bottom: 2px solid #e9ebed;
+  border-bottom: var(--border-table-sticky-width-h1tlxy, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
+}
+.awsui_header-cell-stuck_1spae_lfquf_106:not(#\9) {
+  border-bottom-color: transparent;
+}
+.awsui_header-cell-variant-full-page_1spae_lfquf_109:not(#\9) {
+  border-bottom: 4px solid transparent;
+  border-bottom: var(--space-scaled-xxs-95dhkm, 4px) solid transparent;
+}
+.awsui_header-cell_1spae_lfquf_93:not(#\9):first-child {
+  padding-left: 8px;
+  padding-left: var(--space-xs-rsr2qu, 8px);
+}
+.awsui_header-cell_1spae_lfquf_93:not(#\9):last-child, .awsui_header-cell_1spae_lfquf_93.awsui_header-cell-sortable_1spae_lfquf_115:not(#\9) {
+  padding-right: 8px;
+  padding-right: var(--space-xs-rsr2qu, 8px);
+}
+.awsui_header-cell_1spae_lfquf_93:not(#\9):not(:last-child):before {
+  content: "";
+  position: absolute;
+  right: 0;
+  bottom: 25%;
+  height: 50%;
+  border-left: 2px solid #e9ebed;
+  border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
+  box-sizing: border-box;
+}
+
+.awsui_sorting-icon_1spae_lfquf_128:not(#\9) {
+  position: absolute;
+  top: 4px;
+  top: var(--space-scaled-xxs-95dhkm, 4px);
+  right: 4px;
+  right: var(--space-xxs-ynfts5, 4px);
+  color: #414d5c;
+  color: var(--color-text-column-sorting-icon-q5sr09, #414d5c);
+}
+
+.awsui_header-cell-disabled_1spae_lfquf_135.awsui_header-cell-sorted_1spae_lfquf_135 > .awsui_header-cell-content_1spae_lfquf_135 > .awsui_sorting-icon_1spae_lfquf_128:not(#\9) {
+  color: #9ba7b6;
+  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
+}
+
+.awsui_header-cell-content_1spae_lfquf_135:not(#\9) {
+  position: relative;
+  padding: 4px 12px;
+  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-s-hv8c1d, 12px);
+}
+.awsui_header-cell-sortable_1spae_lfquf_115 > .awsui_header-cell-content_1spae_lfquf_135:not(#\9) {
+  padding-right: calc(24px + 4px);
+  padding-right: calc(var(--space-xl-a39hup, 24px) + var(--space-xxs-ynfts5, 4px));
+}
+.awsui_header-cell-content_1spae_lfquf_135:not(#\9):focus {
+  outline: none;
+  text-decoration: none;
+}
+.awsui_header-cell-content_1spae_lfquf_135[data-awsui-focus-visible=true]:not(#\9):focus {
+  position: relative;
+}
+.awsui_header-cell-content_1spae_lfquf_135[data-awsui-focus-visible=true]:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(0px - 1px);
+  outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
+}
+.awsui_header-cell-content_1spae_lfquf_135[data-awsui-focus-visible=true]:not(#\9):focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  left: calc(-1 * 0px);
+  left: calc(-1 * var(--space-table-header-focus-outline-gutter-rbx7m7, 0px));
+  top: calc(-1 * 0px);
+  top: calc(-1 * var(--space-table-header-focus-outline-gutter-rbx7m7, 0px));
+  width: calc(100% + 2 * 0px);
+  width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-rbx7m7, 0px));
+  height: calc(100% + 2 * 0px);
+  height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-rbx7m7, 0px));
+  border-radius: 4px;
+  border-radius: var(--border-control-focus-ring-radius-default-6g2tnn, 4px);
+  box-shadow: 0 0 0 2px #0972d3;
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
+}
+.awsui_header-cell-content_1spae_lfquf_135.awsui_header-cell-fake-focus_1spae_lfquf_168:not(#\9) {
+  position: relative;
+}
+.awsui_header-cell-content_1spae_lfquf_135.awsui_header-cell-fake-focus_1spae_lfquf_168:not(#\9) {
+  outline: 2px dotted transparent;
+  outline-offset: calc(0px - 1px);
+  outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
+}
+.awsui_header-cell-content_1spae_lfquf_135.awsui_header-cell-fake-focus_1spae_lfquf_168:not(#\9)::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  left: calc(-1 * 0px);
+  left: calc(-1 * var(--space-table-header-focus-outline-gutter-rbx7m7, 0px));
+  top: calc(-1 * 0px);
+  top: calc(-1 * var(--space-table-header-focus-outline-gutter-rbx7m7, 0px));
+  width: calc(100% + 2 * 0px);
+  width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-rbx7m7, 0px));
+  height: calc(100% + 2 * 0px);
+  height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-rbx7m7, 0px));
+  border-radius: 4px;
+  border-radius: var(--border-control-focus-ring-radius-default-6g2tnn, 4px);
+  box-shadow: 0 0 0 2px #0972d3;
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
+}
+
+.awsui_header-cell-sortable_1spae_lfquf_115:not(#\9):not(.awsui_header-cell-disabled_1spae_lfquf_135) > .awsui_header-cell-content_1spae_lfquf_135 {
+  cursor: pointer;
+}
+.awsui_header-cell-sortable_1spae_lfquf_115:not(#\9):not(.awsui_header-cell-disabled_1spae_lfquf_135) > .awsui_header-cell-content_1spae_lfquf_135:hover, .awsui_header-cell-sortable_1spae_lfquf_115:not(#\9):not(.awsui_header-cell-disabled_1spae_lfquf_135).awsui_header-cell-sorted_1spae_lfquf_135 > .awsui_header-cell-content_1spae_lfquf_135 {
+  color: #000716;
+  color: var(--color-text-interactive-active-vol84d, #000716);
+}
+.awsui_header-cell-sortable_1spae_lfquf_115:not(#\9):not(.awsui_header-cell-disabled_1spae_lfquf_135) > .awsui_header-cell-content_1spae_lfquf_135:hover > .awsui_sorting-icon_1spae_lfquf_128, .awsui_header-cell-sortable_1spae_lfquf_115:not(#\9):not(.awsui_header-cell-disabled_1spae_lfquf_135).awsui_header-cell-sorted_1spae_lfquf_135 > .awsui_header-cell-content_1spae_lfquf_135 > .awsui_sorting-icon_1spae_lfquf_128 {
+  color: #000716;
+  color: var(--color-text-interactive-active-vol84d, #000716);
+}
+
+.awsui_header-cell-text_1spae_lfquf_197:not(#\9):not(.awsui_header-cell-text-wrap_1spae_lfquf_197) {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.awsui_header-cell-ascending_1spae_lfquf_203:not(#\9),
+.awsui_header-cell-descending_1spae_lfquf_204:not(#\9) {
+  /* used in test-utils */
+}

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

@@ -0,0 +1,20 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "header-cell": "awsui_header-cell_1spae_lfquf_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_lfquf_103",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_lfquf_106",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_lfquf_109",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_lfquf_115",
+  "sorting-icon": "awsui_sorting-icon_1spae_lfquf_128",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_lfquf_135",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_lfquf_135",
+  "header-cell-content": "awsui_header-cell-content_1spae_lfquf_135",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_lfquf_168",
+  "header-cell-text": "awsui_header-cell-text_1spae_lfquf_197",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_lfquf_197",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_lfquf_203",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_lfquf_204"
+};
+  

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

@@ -0,0 +1,8 @@
+import { TableProps } from '../interfaces';
+declare type SortingStatus = 'sortable' | 'ascending' | 'descending';
+export declare const getSortingStatus: (sortable: boolean, sorted: boolean, descending: boolean, disabled: boolean) => SortingStatus | undefined;
+export declare const getSortingIconName: (sortingState: SortingStatus) => "caret-down-filled" | "caret-down" | "caret-up-filled";
+export declare const getAriaSort: (sortingState: SortingStatus) => "none" | "ascending" | "descending";
+export declare const isSorted: <T>(column: TableProps.ColumnDefinition<T>, sortingColumn: TableProps.SortingColumn<T>) => boolean;
+export {};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,aAAK,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC;AAY7D,eAAO,MAAM,gBAAgB,aACjB,OAAO,UACT,OAAO,cACH,OAAO,YACT,OAAO,KAChB,aAAa,GAAG,SAWlB,CAAC;AAEF,eAAO,MAAM,kBAAkB,iBAAkB,aAAa,2DAA8B,CAAC;AAC7F,eAAO,MAAM,WAAW,iBAAkB,aAAa,wCAAkC,CAAC;AAC1F,eAAO,MAAM,QAAQ,oGAGqF,CAAC"}

package/table/header-cell/utils.js

@@ -0,0 +1,30 @@
+var stateToIcon = {
+    sortable: 'caret-down',
+    ascending: 'caret-up-filled',
+    descending: 'caret-down-filled'
+};
+var stateToAriaSort = {
+    sortable: 'none',
+    ascending: 'ascending',
+    descending: 'descending'
+};
+export var getSortingStatus = function (sortable, sorted, descending, disabled) {
+    if (sorted) {
+        if (descending) {
+            return 'descending';
+        }
+        return 'ascending';
+    }
+    if (sortable && !disabled) {
+        return 'sortable';
+    }
+    return undefined;
+};
+export var getSortingIconName = function (sortingState) { return stateToIcon[sortingState]; };
+export var getAriaSort = function (sortingState) { return stateToAriaSort[sortingState]; };
+export var isSorted = function (column, sortingColumn) {
+    return column === sortingColumn ||
+        (column.sortingField !== undefined && column.sortingField === sortingColumn.sortingField) ||
+        (column.sortingComparator !== undefined && column.sortingComparator === sortingColumn.sortingComparator);
+};
+//# sourceMappingURL=utils.js.map