@cloudscape-design/components 3.0.161 → 3.0.163

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"
 };
   

package/table/interfaces.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { BaseComponentProps } from '../internal/base-component';
 import { NonCancelableEventHandler, CancelableEventHandler } from '../internal/events';
+import { Optional } from '../internal/types';
 export interface TableForwardRefType {
     <T>(props: TableProps<T> & {
         ref?: React.Ref<TableProps.Ref>;
@@ -53,7 +54,8 @@ export interface TableProps<T = any> extends BaseComponentProps {
      *   fills the remaining space of the table so the specified width is ignored.
      * * `minWidth` (string | number) - Specifies the minimum column width. Corresponds to the `min-width` css-property. When
      *   `resizableColumns` property is set to `true`, additional constraints apply: 1) string values are not allowed,
-     *   and 2) the column can't resize below than the specified width (defaults to "120px").
+     *   and 2) the column can't resize below than the specified width (defaults to "120px"). We recommend that you set a minimum width
+     *   of at least 176px for columns that are editable.
      * * `maxWidth` (string | number) - Specifies the maximum column width. Corresponds to the `max-width` css-property.
      *   Note that when the `resizableColumns` property is set to `true` this property is ignored.
      * * `ariaLabel` (LabelData => string) - An optional function that's called to provide an `aria-label` for the cell header.
@@ -68,6 +70,13 @@ export interface TableProps<T = any> extends BaseComponentProps {
      *   to reorder the items. This property accepts a custom comparator that is used to compare two items.
      *   The comparator must implement ascending ordering, and the output is inverted automatically in case of descending order.
      *   If present, the `sortingField` property is ignored.
+     * * `editConfig` (EditConfig) - Enables inline editing in column when present. The value is used to configure the editing behavior.
+     * * * `editConfig.ariaLabel` (string) - Specifies a label for the edit control. Visually hidden but read by screen readers.
+     * * * `editConfig.errorIconAriaLabel` (string) - Specifies an ariaLabel for the error icon that is displayed when the validation fails.
+     * * * `editConfig.editIconAriaLabel` (string) - Specifies an alternate text for the edit icon used in column header.
+     * * * `editConfig.constraintText` (string) - Constraint text that is displayed below the edit control.
+     * * * `editConfig.validation` ((item, value) => string) - A function that allows you to validate the value of the edit control.
+     *            Return a string from the function to display an error message. Return `undefined` (or no return) from the function to indicate that the value is valid.
      *
      */
     columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;
@@ -114,13 +123,19 @@ export interface TableProps<T = any> extends BaseComponentProps {
      * * `allItemsSelectionLabel` ((SelectionState) => string) - Specifies the alternative text for multi-selection column header.
      * * `selectionGroupLabel` (string) - Specifies the alternative text for the whole selection and single-selection column header.
      *                                    It is prefixed to `itemSelectionLabel` and `allItemsSelectionLabel` when they are set.
-     * * `tableLabel` (string) - Provides a alternative text for the table. If you use a header for this table, you may reuse the string
+     * * `tableLabel` (string) - Provides an alternative text for the table. If you use a header for this table, you may reuse the string
      *                           to provide a caption-like description. For example, tableLabel=Instances will be announced as 'Instances table'.
-     *
      * You can use the first argument of type `SelectionState` to access the current selection
      * state of the component (for example, the `selectedItems` list). The `itemSelectionLabel` for individual
      * items also receives the corresponding  `Item` object. You can use the `selectionGroupLabel` to
      * add a meaningful description to the whole selection.
+     *
+     * * `activateEditLabel` (EditableColumnDefinition) => string -
+     *                      Specifies an alternative text for the edit button in editable cells.
+     * * `cancelEditLabel` (EditableColumnDefinition) => string -
+     *                      Specifies an alternative text for the cancel button in editable cells.
+     * * `submitEditLabel` (EditableColumnDefinition) => string -
+     *                      Specifies an alternative text for the submit button in editable cells.
      */
     ariaLabels?: TableProps.AriaLabels<T>;
     /**
@@ -212,18 +227,62 @@ export interface TableProps<T = any> extends BaseComponentProps {
      * Requires the properties firstIndex and totalItemsCount to be set correctly.
      */
     renderAriaLive?: (data: TableProps.LiveAnnouncement) => string;
+    /**
+     * Specifies a function that will be called after user submits an inline edit.
+     * Return a promise to keep loading state while the submit request is in progress.
+     */
+    submitEdit?: TableProps.SubmitEditFunction<T>;
+    /**
+     * Called whenever user cancels an inline edit. Use this function to reset any
+     * validation states, or show warning for unsaved changes.
+     */
+    onEditCancel?: CancelableEventHandler;
 }
 export declare namespace TableProps {
     type TrackBy<T> = string | ((item: T) => string);
-    type ColumnDefinition<T> = {
+    interface CellContext<V> {
+        isEditing?: boolean;
+        currentValue: Optional<V>;
+        setValue: (value: V | undefined) => void;
+    }
+    interface EditConfig<T, V = any> {
+        /**
+         * Specifies a label for the edit control. Visually hidden but read
+         * by screen readers.
+         */
+        ariaLabel?: string;
+        /**
+         * Specifies an ariaLabel for the error icon that is displayed when
+         * the validation fails.
+         */
+        errorIconAriaLabel?: string;
+        /**
+         * Specifies an alternate text for the edit icon used in column header.
+         */
+        editIconAriaLabel?: string;
+        /**
+         * Constraint text that is displayed below the edit control.
+         */
+        constraintText?: string;
+        /**
+         * A function that allows you to validate the value of the edit control. Return
+         * a string from the function to display an error message. Return
+         * `undefined` (or no return) from the function to indicate that the value is valid.
+         * @param item - The item that is being edited.
+         * @param value - The current value of the edit control.
+         */
+        validation?: (item: T, value: Optional<V>) => Optional<string>;
+    }
+    type ColumnDefinition<ItemType> = {
         id?: string;
         header: React.ReactNode;
-        cell(item: T): React.ReactNode;
         ariaLabel?(data: LabelData): string;
         width?: number | string;
         minWidth?: number | string;
         maxWidth?: number | string;
-    } & SortingColumn<T>;
+        editConfig?: EditConfig<ItemType>;
+        cell(item: ItemType, context: CellContext<any>): React.ReactNode;
+    } & SortingColumn<ItemType>;
     type SelectionType = 'single' | 'multi';
     type Variant = 'container' | 'embedded' | 'stacked' | 'full-page';
     interface SelectionState<T> {
@@ -238,6 +297,9 @@ export declare namespace TableProps {
         itemSelectionLabel?: (data: TableProps.SelectionState<T>, row: T) => string;
         selectionGroupLabel?: string;
         tableLabel?: string;
+        activateEditLabel?: (column: ColumnDefinition<any>) => string;
+        cancelEditLabel?: (column: ColumnDefinition<any>) => string;
+        submitEditLabel?: (column: ColumnDefinition<any>) => string;
     }
     interface SortingState<T> {
         isDescending?: boolean;
@@ -276,6 +338,11 @@ export declare namespace TableProps {
          * scroll parent scrolls to reveal the first row of the table.
          */
         scrollToTop(): void;
+        /**
+         * Dismiss an inline edit if currently active.
+         */
+        cancelEdit?(): void;
     }
+    type SubmitEditFunction<ItemType, ValueType = unknown> = (item: ItemType, column: ColumnDefinition<ItemType>, newValue: ValueType) => Promise<void> | void;
 }
 //# sourceMappingURL=interfaces.d.ts.map

package/table/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/table/interfaces.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/table/interfaces.tsx"],"names":[],"mappings":"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"}

package/table/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/table/interfaces.tsx"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler, CancelableEventHandler } from '../internal/events';\n\n/*\n * HACK: Cast the component to a named parametrized interface.\n *\n * This lets us use React.forwardRef and still let the component have type\n * parameters, and the naming convention lets the documenter know that this is\n * a forwardRef-wrapped component.\n *\n * We don't need to expose this type to customers because it's just a simple\n * function type.\n */\nexport interface TableForwardRefType {\n  <T>(props: TableProps<T> & { ref?: React.Ref<TableProps.Ref> }): JSX.Element;\n}\nexport interface TableProps<T = any> extends BaseComponentProps {\n  /**\n   * Heading element of the table container. Use the [header component](/components/header/).\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Footer of the table container.\n   */\n  footer?: React.ReactNode;\n\n  /**\n   * Displayed when the `items` property is an empty array. Use it to render an empty or no-match state.\n   */\n  empty?: React.ReactNode;\n\n  /**\n   * Specifies the data that's displayed in the table rows. Each item contains the data for one row. The display of a row is handled\n   * by the `cell` property of each column definition in the `columnDefinitions` property.\n   */\n  items: ReadonlyArray<T>;\n\n  /**\n   * Renders the table in a loading state. We recommend that you also set a `loadingText`.\n   */\n  loading?: boolean;\n\n  /**\n   * Specifies the text that's displayed when the table is in a loading state.\n   */\n  loadingText?: string;\n\n  /**\n   * Specifies a property that uniquely identifies an individual item.\n   * When it's set, it's used to provide [keys for React](https://reactjs.org/docs/lists-and-keys.html#keys)\n   * for performance optimizations.\n   *\n   * It's also used to connect `items` and `selectedItems` values when they reference different objects.\n   */\n  trackBy?: TableProps.TrackBy<T>;\n\n  /**\n   * The columns configuration object\n   * * `id` (string) - Specifies a unique column identifier. The property is used 1) as a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering,\n   *   and 2) to match entries in the `visibleColumns` property, if defined.\n   * * `header` (ReactNode) - Determines the display of the column header.\n   * * `cell` ((item) => ReactNode) - Determines the display of a cell's content. You receive the current table row\n   *   item as an argument.\n   * * `width` (string | number) - Specifies the column width. Corresponds to the `width` css-property. If the width is not set,\n   *   the browser automatically adjusts the column width based on the content. When `resizableColumns` property is\n   *   set to `true`, additional constraints apply: 1) string values are not allowed, and 2) the last visible column always\n   *   fills the remaining space of the table so the specified width is ignored.\n   * * `minWidth` (string | number) - Specifies the minimum column width. Corresponds to the `min-width` css-property. When\n   *   `resizableColumns` property is set to `true`, additional constraints apply: 1) string values are not allowed,\n   *   and 2) the column can't resize below than the specified width (defaults to \"120px\").\n   * * `maxWidth` (string | number) - Specifies the maximum column width. Corresponds to the `max-width` css-property.\n   *   Note that when the `resizableColumns` property is set to `true` this property is ignored.\n   * * `ariaLabel` (LabelData => string) - An optional function that's called to provide an `aria-label` for the cell header.\n   *   It receives the current sorting state of this column, the direction it's sorted in, and an indication of\n   *   whether the sorting is disabled, as three Boolean values: `sorted`, `descending` and `disabled`.\n   *   We recommend that you use this for sortable columns to provide more meaningful labels based on the\n   *   current sorting direction.\n   * * `sortingField` (string) - Enables default column sorting. The value is used in [collection hooks](/get-started/dev-guides/collection-hooks/)\n   *   to reorder the items. Provide the name of the property within each item that should be used for sorting by this column.\n   *   For more complex sorting use `sortingComparator` instead.\n   * * `sortingComparator` ((T, T) => number) - Enables custom column sorting. The value is used in [collection hooks](/get-started/dev-guides/collection-hooks/)\n   *   to reorder the items. This property accepts a custom comparator that is used to compare two items.\n   *   The comparator must implement ascending ordering, and the output is inverted automatically in case of descending order.\n   *   If present, the `sortingField` property is ignored.\n   *\n   */\n  columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n  /**\n   * Specifies the selection type (`'single' | 'multi'`).\n   */\n  selectionType?: TableProps.SelectionType;\n  /**\n   * List of selected items.\n   */\n  selectedItems?: ReadonlyArray<T>;\n\n  /**\n   * Use this slot to add filtering controls to the table.\n   */\n  filter?: React.ReactNode;\n\n  /**\n   * Use this slot to add the [pagination component](/components/pagination/) to the table.\n   */\n  pagination?: React.ReactNode;\n\n  /**\n   * Use this slot to add [collection preferences](/components/collection-preferences/) to the table.\n   */\n  preferences?: React.ReactNode;\n\n  /**\n   * Determines whether a given item is disabled. If an item is disabled, the user can't select it.\n   */\n  isItemDisabled?: TableProps.IsItemDisabled<T>;\n\n  /**\n   * Specifies if text wraps within table cells. If set to `true`, long text within cells may wrap onto\n   * multiple lines instead of being truncated with an ellipsis.\n   */\n  wrapLines?: boolean;\n\n  /**\n   * Specifies if table rows alternate being shaded and unshaded. If set to `true`, every other row will be shaded.\n   */\n  stripedRows?: boolean;\n\n  /**\n   * Specifies if columns can be resized. If set to `true`, users can resize the columns in the table.\n   */\n  resizableColumns?: boolean;\n\n  /**\n   * Specifies alternative text for the selection components (checkboxes and radio buttons) as follows:\n   * * `itemSelectionLabel` ((SelectionState, Item) => string) - Specifies the alternative text for an item.\n   * * `allItemsSelectionLabel` ((SelectionState) => string) - Specifies the alternative text for multi-selection column header.\n   * * `selectionGroupLabel` (string) - Specifies the alternative text for the whole selection and single-selection column header.\n   *                                    It is prefixed to `itemSelectionLabel` and `allItemsSelectionLabel` when they are set.\n   * * `tableLabel` (string) - Provides a alternative text for the table. If you use a header for this table, you may reuse the string\n   *                           to provide a caption-like description. For example, tableLabel=Instances will be announced as 'Instances table'.\n   *\n   * You can use the first argument of type `SelectionState` to access the current selection\n   * state of the component (for example, the `selectedItems` list). The `itemSelectionLabel` for individual\n   * items also receives the corresponding  `Item` object. You can use the `selectionGroupLabel` to\n   * add a meaningful description to the whole selection.\n   */\n  ariaLabels?: TableProps.AriaLabels<T>;\n\n  /**\n   * Specifies the definition object of the currently sorted column. Make sure you pass an object that's\n   * present in the `columnDefinitions` array.\n   */\n  sortingColumn?: TableProps.SortingColumn<T>;\n  /**\n   * Specifies whether to use a descending sort order.\n   */\n  sortingDescending?: boolean;\n  /**\n   * Specifies if sorting buttons are disabled. For example, use this property\n   * to prevent the user from sorting before items are fully loaded.\n   */\n  sortingDisabled?: boolean;\n\n  /**\n   * Specifies an array containing the `id`s of visible columns. If not set, all columns are displayed.\n   *\n   * Use it in conjunction with the visible content preference of the [collection preferences](/components/collection-preferences/) component.\n   *\n   * The order of ids doesn't influence the order in which columns are displayed - this is dictated by the `columnDefinitions` property\n   */\n  visibleColumns?: ReadonlyArray<string>;\n\n  /**\n   * Fired when the user resizes a table column. The event detail contains an array of column widths in pixels,\n   * including the hidden via preferences columns. Use this event to persist the column widths.\n   */\n  onColumnWidthsChange?: NonCancelableEventHandler<TableProps.ColumnWidthsChangeDetail>;\n\n  /**\n   * Called when either the column to sort by or the direction of sorting changes upon user interaction.\n   * The event detail contains the current sortingColumn and isDescending.\n   */\n  onSortingChange?: NonCancelableEventHandler<TableProps.SortingState<T>>;\n\n  /**\n   * Fired when a user interaction triggers a change in the list of selected items.\n   * The event `detail` contains the current list of `selectedItems`.\n   */\n  onSelectionChange?: NonCancelableEventHandler<TableProps.SelectionChangeDetail<T>>;\n\n  /**\n   * Note: This feature is provided for backwards compatibility. Its use is not recommended,\n   * and it may be deprecated in the future.\n   *\n   * Called when the user clicked at a table row. The event detail contains the index of the\n   * clicked row and the row object itself. Use this event to define a row click behavior.\n   */\n  onRowClick?: NonCancelableEventHandler<TableProps.OnRowClickDetail<T>>;\n\n  /**\n   * Note: This feature is provided for backwards compatibility. Its use is not recommended,\n   * and it may be deprecated in the future.\n   *\n   * Called when the user clicked at a table row with the right mouse click. The event detail\n   * contains the index of the clicked row and the row object itself. Use this event to override\n   * the default browser context menu behavior.\n   */\n  onRowContextMenu?: CancelableEventHandler<TableProps.OnRowContextMenuDetail<T>>;\n\n  /**\n   * If set to `true`, the table header remains visible when the user scrolls down.\n   */\n  stickyHeader?: boolean;\n\n  /**\n   * Specifies a vertical offset (in pixels) for the sticky header. For example, use this if you\n   * need to position the sticky header below other fixed position elements on the page.\n   */\n  stickyHeaderVerticalOffset?: number;\n\n  /**\n   * Specify a table variant with one of the following:\n   * * `container` - Use this variant to have the table displayed within a container.\n   * * `embedded` - Use this variant within a parent container (such as a modal, expandable\n   *                section, container or split panel).\n   * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,\n   *               table).\n   * * `full-page` – Use this variant when table is the primary element on the page.\n   * @visualrefresh `embedded`, `stacked`, and `full-page` variants\n   */\n  variant?: TableProps.Variant;\n\n  /**\n   * Use this property to inform screen readers how many items there are in a table.\n   * It specifies the total count of all items in a table.\n   * If there is an unknown total of items in a table, leave this property undefined.   */\n  totalItemsCount?: number;\n  /**\n   *  Use this property to inform screen readers which range of items is currently displayed in the table.\n   *  It specifies the index (1-based) of the first item in the table.\n   *  If the table has no pagination, leave this property undefined.   */\n  firstIndex?: number;\n  /**\n   * Use this function to announce page changes to screen reader users.\n   * Requires the properties firstIndex and totalItemsCount to be set correctly.\n   */\n  renderAriaLive?: (data: TableProps.LiveAnnouncement) => string;\n}\n\nexport namespace TableProps {\n  export type TrackBy<T> = string | ((item: T) => string);\n\n  export type ColumnDefinition<T> = {\n    id?: string;\n    header: React.ReactNode;\n    cell(item: T): React.ReactNode;\n    ariaLabel?(data: LabelData): string;\n    width?: number | string;\n    minWidth?: number | string;\n    maxWidth?: number | string;\n  } & SortingColumn<T>;\n\n  export type SelectionType = 'single' | 'multi';\n  export type Variant = 'container' | 'embedded' | 'stacked' | 'full-page';\n  export interface SelectionState<T> {\n    selectedItems: ReadonlyArray<T>;\n  }\n  export interface SelectionChangeDetail<T> {\n    selectedItems: T[];\n  }\n  export type IsItemDisabled<T> = (item: T) => boolean;\n  export interface AriaLabels<T> {\n    allItemsSelectionLabel?: (data: TableProps.SelectionState<T>) => string;\n    itemSelectionLabel?: (data: TableProps.SelectionState<T>, row: T) => string;\n    selectionGroupLabel?: string;\n    tableLabel?: string;\n  }\n  export interface SortingState<T> {\n    isDescending?: boolean;\n    sortingColumn: SortingColumn<T>;\n  }\n  export interface SortingColumn<T> {\n    sortingField?: string;\n    sortingComparator?: (a: T, b: T) => number;\n  }\n  export interface LabelData {\n    sorted: boolean;\n    descending: boolean;\n    disabled: boolean;\n  }\n  export interface OnRowClickDetail<T> {\n    rowIndex: number;\n    item: T;\n  }\n  export interface OnRowContextMenuDetail<T> {\n    rowIndex: number;\n    item: T;\n    clientX: number;\n    clientY: number;\n  }\n\n  export interface ColumnWidthsChangeDetail {\n    widths: ReadonlyArray<number>;\n  }\n\n  export interface LiveAnnouncement {\n    totalItemsCount?: number;\n    firstIndex: number;\n    lastIndex: number;\n  }\n\n  export interface Ref {\n    /**\n     * When the sticky header is enabled and you call this function, the table\n     * scroll parent scrolls to reveal the first row of the table.\n     */\n    scrollToTop(): void;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/table/interfaces.tsx"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler, CancelableEventHandler } from '../internal/events';\nimport { Optional } from '../internal/types';\n\n/*\n * HACK: Cast the component to a named parametrized interface.\n *\n * This lets us use React.forwardRef and still let the component have type\n * parameters, and the naming convention lets the documenter know that this is\n * a forwardRef-wrapped component.\n *\n * We don't need to expose this type to customers because it's just a simple\n * function type.\n */\nexport interface TableForwardRefType {\n  <T>(props: TableProps<T> & { ref?: React.Ref<TableProps.Ref> }): JSX.Element;\n}\n\nexport interface TableProps<T = any> extends BaseComponentProps {\n  /**\n   * Heading element of the table container. Use the [header component](/components/header/).\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Footer of the table container.\n   */\n  footer?: React.ReactNode;\n\n  /**\n   * Displayed when the `items` property is an empty array. Use it to render an empty or no-match state.\n   */\n  empty?: React.ReactNode;\n\n  /**\n   * Specifies the data that's displayed in the table rows. Each item contains the data for one row. The display of a row is handled\n   * by the `cell` property of each column definition in the `columnDefinitions` property.\n   */\n  items: ReadonlyArray<T>;\n\n  /**\n   * Renders the table in a loading state. We recommend that you also set a `loadingText`.\n   */\n  loading?: boolean;\n\n  /**\n   * Specifies the text that's displayed when the table is in a loading state.\n   */\n  loadingText?: string;\n\n  /**\n   * Specifies a property that uniquely identifies an individual item.\n   * When it's set, it's used to provide [keys for React](https://reactjs.org/docs/lists-and-keys.html#keys)\n   * for performance optimizations.\n   *\n   * It's also used to connect `items` and `selectedItems` values when they reference different objects.\n   */\n  trackBy?: TableProps.TrackBy<T>;\n\n  /**\n   * The columns configuration object\n   * * `id` (string) - Specifies a unique column identifier. The property is used 1) as a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering,\n   *   and 2) to match entries in the `visibleColumns` property, if defined.\n   * * `header` (ReactNode) - Determines the display of the column header.\n   * * `cell` ((item) => ReactNode) - Determines the display of a cell's content. You receive the current table row\n   *   item as an argument.\n   * * `width` (string | number) - Specifies the column width. Corresponds to the `width` css-property. If the width is not set,\n   *   the browser automatically adjusts the column width based on the content. When `resizableColumns` property is\n   *   set to `true`, additional constraints apply: 1) string values are not allowed, and 2) the last visible column always\n   *   fills the remaining space of the table so the specified width is ignored.\n   * * `minWidth` (string | number) - Specifies the minimum column width. Corresponds to the `min-width` css-property. When\n   *   `resizableColumns` property is set to `true`, additional constraints apply: 1) string values are not allowed,\n   *   and 2) the column can't resize below than the specified width (defaults to \"120px\"). We recommend that you set a minimum width\n   *   of at least 176px for columns that are editable.\n   * * `maxWidth` (string | number) - Specifies the maximum column width. Corresponds to the `max-width` css-property.\n   *   Note that when the `resizableColumns` property is set to `true` this property is ignored.\n   * * `ariaLabel` (LabelData => string) - An optional function that's called to provide an `aria-label` for the cell header.\n   *   It receives the current sorting state of this column, the direction it's sorted in, and an indication of\n   *   whether the sorting is disabled, as three Boolean values: `sorted`, `descending` and `disabled`.\n   *   We recommend that you use this for sortable columns to provide more meaningful labels based on the\n   *   current sorting direction.\n   * * `sortingField` (string) - Enables default column sorting. The value is used in [collection hooks](/get-started/dev-guides/collection-hooks/)\n   *   to reorder the items. Provide the name of the property within each item that should be used for sorting by this column.\n   *   For more complex sorting use `sortingComparator` instead.\n   * * `sortingComparator` ((T, T) => number) - Enables custom column sorting. The value is used in [collection hooks](/get-started/dev-guides/collection-hooks/)\n   *   to reorder the items. This property accepts a custom comparator that is used to compare two items.\n   *   The comparator must implement ascending ordering, and the output is inverted automatically in case of descending order.\n   *   If present, the `sortingField` property is ignored.\n   * * `editConfig` (EditConfig) - Enables inline editing in column when present. The value is used to configure the editing behavior.\n   * * * `editConfig.ariaLabel` (string) - Specifies a label for the edit control. Visually hidden but read by screen readers.\n   * * * `editConfig.errorIconAriaLabel` (string) - Specifies an ariaLabel for the error icon that is displayed when the validation fails.\n   * * * `editConfig.editIconAriaLabel` (string) - Specifies an alternate text for the edit icon used in column header.\n   * * * `editConfig.constraintText` (string) - Constraint text that is displayed below the edit control.\n   * * * `editConfig.validation` ((item, value) => string) - A function that allows you to validate the value of the edit control.\n   *            Return a string from the function to display an error message. Return `undefined` (or no return) from the function to indicate that the value is valid.\n   *\n   */\n  columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n  /**\n   * Specifies the selection type (`'single' | 'multi'`).\n   */\n  selectionType?: TableProps.SelectionType;\n  /**\n   * List of selected items.\n   */\n  selectedItems?: ReadonlyArray<T>;\n\n  /**\n   * Use this slot to add filtering controls to the table.\n   */\n  filter?: React.ReactNode;\n\n  /**\n   * Use this slot to add the [pagination component](/components/pagination/) to the table.\n   */\n  pagination?: React.ReactNode;\n\n  /**\n   * Use this slot to add [collection preferences](/components/collection-preferences/) to the table.\n   */\n  preferences?: React.ReactNode;\n\n  /**\n   * Determines whether a given item is disabled. If an item is disabled, the user can't select it.\n   */\n  isItemDisabled?: TableProps.IsItemDisabled<T>;\n\n  /**\n   * Specifies if text wraps within table cells. If set to `true`, long text within cells may wrap onto\n   * multiple lines instead of being truncated with an ellipsis.\n   */\n  wrapLines?: boolean;\n\n  /**\n   * Specifies if table rows alternate being shaded and unshaded. If set to `true`, every other row will be shaded.\n   */\n  stripedRows?: boolean;\n\n  /**\n   * Specifies if columns can be resized. If set to `true`, users can resize the columns in the table.\n   */\n  resizableColumns?: boolean;\n\n  /**\n   * Specifies alternative text for the selection components (checkboxes and radio buttons) as follows:\n   * * `itemSelectionLabel` ((SelectionState, Item) => string) - Specifies the alternative text for an item.\n   * * `allItemsSelectionLabel` ((SelectionState) => string) - Specifies the alternative text for multi-selection column header.\n   * * `selectionGroupLabel` (string) - Specifies the alternative text for the whole selection and single-selection column header.\n   *                                    It is prefixed to `itemSelectionLabel` and `allItemsSelectionLabel` when they are set.\n   * * `tableLabel` (string) - Provides an alternative text for the table. If you use a header for this table, you may reuse the string\n   *                           to provide a caption-like description. For example, tableLabel=Instances will be announced as 'Instances table'.\n   * You can use the first argument of type `SelectionState` to access the current selection\n   * state of the component (for example, the `selectedItems` list). The `itemSelectionLabel` for individual\n   * items also receives the corresponding  `Item` object. You can use the `selectionGroupLabel` to\n   * add a meaningful description to the whole selection.\n   *\n   * * `activateEditLabel` (EditableColumnDefinition) => string -\n   *                      Specifies an alternative text for the edit button in editable cells.\n   * * `cancelEditLabel` (EditableColumnDefinition) => string -\n   *                      Specifies an alternative text for the cancel button in editable cells.\n   * * `submitEditLabel` (EditableColumnDefinition) => string -\n   *                      Specifies an alternative text for the submit button in editable cells.\n   */\n  ariaLabels?: TableProps.AriaLabels<T>;\n\n  /**\n   * Specifies the definition object of the currently sorted column. Make sure you pass an object that's\n   * present in the `columnDefinitions` array.\n   */\n  sortingColumn?: TableProps.SortingColumn<T>;\n  /**\n   * Specifies whether to use a descending sort order.\n   */\n  sortingDescending?: boolean;\n  /**\n   * Specifies if sorting buttons are disabled. For example, use this property\n   * to prevent the user from sorting before items are fully loaded.\n   */\n  sortingDisabled?: boolean;\n\n  /**\n   * Specifies an array containing the `id`s of visible columns. If not set, all columns are displayed.\n   *\n   * Use it in conjunction with the visible content preference of the [collection preferences](/components/collection-preferences/) component.\n   *\n   * The order of ids doesn't influence the order in which columns are displayed - this is dictated by the `columnDefinitions` property\n   */\n  visibleColumns?: ReadonlyArray<string>;\n\n  /**\n   * Fired when the user resizes a table column. The event detail contains an array of column widths in pixels,\n   * including the hidden via preferences columns. Use this event to persist the column widths.\n   */\n  onColumnWidthsChange?: NonCancelableEventHandler<TableProps.ColumnWidthsChangeDetail>;\n\n  /**\n   * Called when either the column to sort by or the direction of sorting changes upon user interaction.\n   * The event detail contains the current sortingColumn and isDescending.\n   */\n  onSortingChange?: NonCancelableEventHandler<TableProps.SortingState<T>>;\n\n  /**\n   * Fired when a user interaction triggers a change in the list of selected items.\n   * The event `detail` contains the current list of `selectedItems`.\n   */\n  onSelectionChange?: NonCancelableEventHandler<TableProps.SelectionChangeDetail<T>>;\n\n  /**\n   * Note: This feature is provided for backwards compatibility. Its use is not recommended,\n   * and it may be deprecated in the future.\n   *\n   * Called when the user clicked at a table row. The event detail contains the index of the\n   * clicked row and the row object itself. Use this event to define a row click behavior.\n   */\n  onRowClick?: NonCancelableEventHandler<TableProps.OnRowClickDetail<T>>;\n\n  /**\n   * Note: This feature is provided for backwards compatibility. Its use is not recommended,\n   * and it may be deprecated in the future.\n   *\n   * Called when the user clicked at a table row with the right mouse click. The event detail\n   * contains the index of the clicked row and the row object itself. Use this event to override\n   * the default browser context menu behavior.\n   */\n  onRowContextMenu?: CancelableEventHandler<TableProps.OnRowContextMenuDetail<T>>;\n\n  /**\n   * If set to `true`, the table header remains visible when the user scrolls down.\n   */\n  stickyHeader?: boolean;\n\n  /**\n   * Specifies a vertical offset (in pixels) for the sticky header. For example, use this if you\n   * need to position the sticky header below other fixed position elements on the page.\n   */\n  stickyHeaderVerticalOffset?: number;\n\n  /**\n   * Specify a table variant with one of the following:\n   * * `container` - Use this variant to have the table displayed within a container.\n   * * `embedded` - Use this variant within a parent container (such as a modal, expandable\n   *                section, container or split panel).\n   * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,\n   *               table).\n   * * `full-page` – Use this variant when table is the primary element on the page.\n   * @visualrefresh `embedded`, `stacked`, and `full-page` variants\n   */\n  variant?: TableProps.Variant;\n\n  /**\n   * Use this property to inform screen readers how many items there are in a table.\n   * It specifies the total count of all items in a table.\n   * If there is an unknown total of items in a table, leave this property undefined.   */\n  totalItemsCount?: number;\n  /**\n   *  Use this property to inform screen readers which range of items is currently displayed in the table.\n   *  It specifies the index (1-based) of the first item in the table.\n   *  If the table has no pagination, leave this property undefined.   */\n  firstIndex?: number;\n  /**\n   * Use this function to announce page changes to screen reader users.\n   * Requires the properties firstIndex and totalItemsCount to be set correctly.\n   */\n  renderAriaLive?: (data: TableProps.LiveAnnouncement) => string;\n  /**\n   * Specifies a function that will be called after user submits an inline edit.\n   * Return a promise to keep loading state while the submit request is in progress.\n   */\n  submitEdit?: TableProps.SubmitEditFunction<T>;\n\n  /**\n   * Called whenever user cancels an inline edit. Use this function to reset any\n   * validation states, or show warning for unsaved changes.\n   */\n  onEditCancel?: CancelableEventHandler;\n}\n\nexport namespace TableProps {\n  export type TrackBy<T> = string | ((item: T) => string);\n\n  export interface CellContext<V> {\n    isEditing?: boolean;\n    currentValue: Optional<V>;\n    setValue: (value: V | undefined) => void;\n  }\n\n  export interface EditConfig<T, V = any> {\n    /**\n     * Specifies a label for the edit control. Visually hidden but read\n     * by screen readers.\n     */\n    ariaLabel?: string;\n    /**\n     * Specifies an ariaLabel for the error icon that is displayed when\n     * the validation fails.\n     */\n    errorIconAriaLabel?: string;\n    /**\n     * Specifies an alternate text for the edit icon used in column header.\n     */\n    editIconAriaLabel?: string;\n    /**\n     * Constraint text that is displayed below the edit control.\n     */\n    constraintText?: string;\n    /**\n     * A function that allows you to validate the value of the edit control. Return\n     * a string from the function to display an error message. Return\n     * `undefined` (or no return) from the function to indicate that the value is valid.\n     * @param item - The item that is being edited.\n     * @param value - The current value of the edit control.\n     */\n    validation?: (item: T, value: Optional<V>) => Optional<string>;\n  }\n\n  export type ColumnDefinition<ItemType> = {\n    id?: string;\n    header: React.ReactNode;\n    ariaLabel?(data: LabelData): string;\n    width?: number | string;\n    minWidth?: number | string;\n    maxWidth?: number | string;\n    editConfig?: EditConfig<ItemType>;\n    cell(item: ItemType, context: CellContext<any>): React.ReactNode;\n  } & SortingColumn<ItemType>;\n\n  export type SelectionType = 'single' | 'multi';\n  export type Variant = 'container' | 'embedded' | 'stacked' | 'full-page';\n  export interface SelectionState<T> {\n    selectedItems: ReadonlyArray<T>;\n  }\n  export interface SelectionChangeDetail<T> {\n    selectedItems: T[];\n  }\n  export type IsItemDisabled<T> = (item: T) => boolean;\n  export interface AriaLabels<T> {\n    allItemsSelectionLabel?: (data: TableProps.SelectionState<T>) => string;\n    itemSelectionLabel?: (data: TableProps.SelectionState<T>, row: T) => string;\n    selectionGroupLabel?: string;\n    tableLabel?: string;\n    // do not use <T> to prevent overly strict validation on consumer end\n    // it works, practically, we are only interested in `id` and `header` properties only\n    activateEditLabel?: (column: ColumnDefinition<any>) => string;\n    cancelEditLabel?: (column: ColumnDefinition<any>) => string;\n    submitEditLabel?: (column: ColumnDefinition<any>) => string;\n  }\n  export interface SortingState<T> {\n    isDescending?: boolean;\n    sortingColumn: SortingColumn<T>;\n  }\n  export interface SortingColumn<T> {\n    sortingField?: string;\n    sortingComparator?: (a: T, b: T) => number;\n  }\n  export interface LabelData {\n    sorted: boolean;\n    descending: boolean;\n    disabled: boolean;\n  }\n  export interface OnRowClickDetail<T> {\n    rowIndex: number;\n    item: T;\n  }\n  export interface OnRowContextMenuDetail<T> {\n    rowIndex: number;\n    item: T;\n    clientX: number;\n    clientY: number;\n  }\n\n  export interface ColumnWidthsChangeDetail {\n    widths: ReadonlyArray<number>;\n  }\n\n  export interface LiveAnnouncement {\n    totalItemsCount?: number;\n    firstIndex: number;\n    lastIndex: number;\n  }\n\n  export interface Ref {\n    /**\n     * When the sticky header is enabled and you call this function, the table\n     * scroll parent scrolls to reveal the first row of the table.\n     */\n    scrollToTop(): void;\n\n    /**\n     * Dismiss an inline edit if currently active.\n     */\n    cancelEdit?(): void;\n  }\n\n  export type SubmitEditFunction<ItemType, ValueType = unknown> = (\n    item: ItemType,\n    column: ColumnDefinition<ItemType>,\n    newValue: ValueType\n  ) => Promise<void> | void;\n}\n"]}

package/table/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AAiC/D,QAAA,MAAM,aAAa,qBAsVK,CAAC;AAEzB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AAmC/D,QAAA,MAAM,aAAa,qBA8XK,CAAC;AAEzB,eAAe,aAAa,CAAC"}