npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1342 → 3.0.1344 - Mend

@cloudscape-design/components-themeable 3.0.1342 → 3.0.1344

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (435) hide show

package/lib/internal/template/table/interfaces.d.ts CHANGED Viewed

@@ -53,8 +53,11 @@ export interface TableProps<T = any> extends BaseComponentProps {
      * - `minAutoRows` (number) - Sets the minimum number of skeleton rows rendered when `totalRows` is set to `'auto'`.
      *    Defaults to 1. Useful for tables rendered off-screen, where the calculated available height would
      *    otherwise yield a single row.
+     * - `renderCell` ((column) => ReactNode) - Renders a custom skeleton placeholder per column, for cells whose
+     *    final content is not a single line of text (for example, multi-line cells, status indicators, or actions).
+     *    Return `undefined` for a column to fall back to the default single-line skeleton.
      */
-    skeleton?: TableProps.SkeletonConfig;
+    skeleton?: TableProps.SkeletonConfig<T>;
     /**
      * Specifies a property that uniquely identifies an individual item.
      * When it's set, it's used to provide [keys for React](https://reactjs.org/docs/lists-and-keys.html#keys)
@@ -456,18 +459,18 @@ export interface TableProps<T = any> extends BaseComponentProps {
     renderLoaderCounter?: (detail: TableProps.RenderLoaderCounterDetail<T>) => React.ReactNode;
 }
 export declare namespace TableProps {
-    interface AnalyticsMetadata {
+    export interface AnalyticsMetadata {
         instanceIdentifier?: string;
         flowType?: 'view-resource';
         resourceType?: string;
     }
-    type TrackBy<T> = string | ((item: T) => string);
-    interface CellContext<V> {
+    export type TrackBy<T> = string | ((item: T) => string);
+    export interface CellContext<V> {
         currentValue: Optional<V>;
         setValue: (value: V | undefined) => void;
         submitValue: () => void;
     }
-    interface EditConfig<T, V = any> {
+    export interface EditConfig<T, V = any> {
         /**
          * Specifies a label for the edit control. Visually hidden but read
          * by screen readers.
@@ -509,7 +512,7 @@ export declare namespace TableProps {
          */
         disableNativeForm?: boolean;
     }
-    type ColumnDefinition<T> = {
+    export type ColumnDefinition<T> = {
         id?: string;
         header: React.ReactNode;
         ariaLabel?(data: LabelData): string;
@@ -523,33 +526,33 @@ export declare namespace TableProps {
         hasDynamicContent?: boolean;
         cell(item: T): React.ReactNode;
     } & SortingColumn<T>;
-    interface GroupDefinition<T = any> {
+    export interface GroupDefinition<T = any> {
         id: string;
         header: React.ReactNode;
         ariaLabel?: (data: LabelData) => string;
     }
-    interface ItemCounterData<T> {
+    export interface ItemCounterData<T> {
         item: T;
         itemsCount?: number;
         selectedItemsCount?: number;
     }
-    interface StickyColumns {
+    export interface StickyColumns {
         first?: number;
         last?: number;
     }
-    type VerticalAlign = 'middle' | 'top';
-    type SelectionType = 'single' | 'multi';
-    type Variant = 'container' | 'embedded' | 'borderless' | 'stacked' | 'full-page';
-    interface SelectionState<T> {
+    export type VerticalAlign = 'middle' | 'top';
+    export type SelectionType = 'single' | 'multi';
+    export type Variant = 'container' | 'embedded' | 'borderless' | 'stacked' | 'full-page';
+    export interface SelectionState<T> {
         selectedItems: ReadonlyArray<T>;
         itemsCount?: number;
         selectedItemsCount?: number;
     }
-    interface SelectionChangeDetail<T> {
+    export interface SelectionChangeDetail<T> {
         selectedItems: T[];
     }
-    type IsItemDisabled<T> = (item: T) => boolean;
-    interface AriaLabels<T> {
+    export type IsItemDisabled<T> = (item: T) => boolean;
+    export interface AriaLabels<T> {
         allItemsSelectionLabel?: (data: SelectionState<T>) => string;
         itemSelectionLabel?: (data: SelectionState<T>, row: T) => string;
         itemLoaderSelectionLabel?: (data: SelectionState<T>, row: null | T) => string;
@@ -575,22 +578,22 @@ export declare namespace TableProps {
             priority: number;
         }) => string;
     }
-    interface SortingState<T> {
+    export interface SortingState<T> {
         isDescending?: boolean;
         sortingColumn: SortingColumn<T>;
     }
-    interface SortingColumn<T> {
+    export interface SortingColumn<T> {
         sortingField?: string;
         sortingComparator?: (a: T, b: T) => number;
     }
-    interface MultiColumnSort<T> {
+    export interface MultiColumnSort<T> {
         sortingColumns: ReadonlyArray<SortingState<T>>;
         onChange: NonCancelableEventHandler<MultiColumnSortChangeDetail<T>>;
     }
-    interface MultiColumnSortChangeDetail<T> {
+    export interface MultiColumnSortChangeDetail<T> {
         sortingColumns: ReadonlyArray<SortingState<T>>;
     }
-    interface I18nStrings {
+    export interface I18nStrings {
         sortDropdownSortAscending?: string;
         sortDropdownSortDescending?: string;
         sortDropdownMultiColumnSortGroup?: string;
@@ -601,32 +604,32 @@ export declare namespace TableProps {
         sortDropdownRemoveFromSortDisabledReason?: string;
         clearSort?: string;
     }
-    interface LabelData {
+    export interface LabelData {
         sorted: boolean;
         descending: boolean;
         disabled: boolean;
         sortIndex?: number;
     }
-    interface OnRowClickDetail<T> {
+    export interface OnRowClickDetail<T> {
         rowIndex: number;
         item: T;
     }
-    interface OnRowContextMenuDetail<T> {
+    export interface OnRowContextMenuDetail<T> {
         rowIndex: number;
         item: T;
         clientX: number;
         clientY: number;
     }
-    interface ColumnWidthsChangeDetail {
+    export interface ColumnWidthsChangeDetail {
         widths: ReadonlyArray<number>;
     }
-    interface LiveAnnouncement {
+    export interface LiveAnnouncement {
         firstIndex: number;
         lastIndex: number;
         visibleItemsCount: number;
         totalItemsCount?: number;
     }
-    interface Ref {
+    export interface Ref {
         /**
          * When the sticky header is enabled and you call this function, the table
          * scroll parent scrolls to reveal the first row of the table.
@@ -637,20 +640,20 @@ export declare namespace TableProps {
          */
         cancelEdit?(): void;
     }
-    type SubmitEditFunction<ItemType, ValueType = unknown> = (item: ItemType, column: ColumnDefinition<ItemType>, newValue: ValueType) => Promise<void> | void;
-    interface ColumnDisplay {
+    export type SubmitEditFunction<ItemType, ValueType = unknown> = (item: ItemType, column: ColumnDefinition<ItemType>, newValue: ValueType) => Promise<void> | void;
+    export interface ColumnDisplay {
         type?: 'column';
         id: string;
         visible: boolean;
     }
-    interface GroupDisplay {
+    export interface GroupDisplay {
         type: 'group';
         id: string;
         visible: boolean;
         children: ReadonlyArray<ColumnDisplayProperties>;
     }
-    type ColumnDisplayProperties = ColumnDisplay | GroupDisplay;
-    interface ExpandableRows<T> {
+    export type ColumnDisplayProperties = ColumnDisplay | GroupDisplay;
+    export interface ExpandableRows<T> {
         getItemChildren: (item: T) => readonly T[];
         isItemExpandable: (item: T) => boolean;
         expandedItems: ReadonlyArray<T>;
@@ -662,43 +665,57 @@ export declare namespace TableProps {
         getSelectedItemsCount?: (item: T) => number;
         totalSelectedItemsCount?: number;
     }
-    type OnExpandableItemToggle<T> = NonCancelableEventHandler<ExpandableItemToggleDetail<T>>;
-    interface ExpandableItemToggleDetail<T> {
+    export type OnExpandableItemToggle<T> = NonCancelableEventHandler<ExpandableItemToggleDetail<T>>;
+    export interface ExpandableItemToggleDetail<T> {
         item: T;
         expanded: boolean;
     }
-    type OnGroupSelectionChange<T> = NonCancelableEventHandler<GroupSelectionChangeDetail<T>>;
-    interface GroupSelectionChangeDetail<T> {
+    export type OnGroupSelectionChange<T> = NonCancelableEventHandler<GroupSelectionChangeDetail<T>>;
+    export interface GroupSelectionChangeDetail<T> {
         groupSelection: GroupSelectionState<T>;
     }
-    interface GroupSelectionState<T> {
+    export interface GroupSelectionState<T> {
         inverted: boolean;
         toggledItems: readonly T[];
     }
-    type GetLoadingStatus<T> = (item: null | T) => LoadingStatus;
-    type LoadingStatus = 'pending' | 'loading' | 'error' | 'finished';
-    interface RenderLoaderDetail<T> {
+    export type GetLoadingStatus<T> = (item: null | T) => LoadingStatus;
+    export type LoadingStatus = 'pending' | 'loading' | 'error' | 'finished';
+    export interface RenderLoaderDetail<T> {
         item: null | T;
     }
-    interface RenderLoaderCounterDetail<T> {
+    export interface RenderLoaderCounterDetail<T> {
         loadingStatus: LoadingStatus;
         selected: boolean;
         item: null | T;
     }
-    interface RenderLoaderEmptyDetail<T> {
+    export interface RenderLoaderEmptyDetail<T> {
         item: T;
     }
-    interface FixedSkeletonConfig {
+    interface BaseSkeletonConfig<T> {
+        /**
+         * Renders a custom skeleton placeholder for each cell of the given column while data is loading.
+         * Use for columns whose final content is not a single line of text, so the placeholder matches the
+         * settled cell shape and the load-to-settle transition stays stable. Compose the returned content
+         * from the `Skeleton` component. Return `undefined` for a column to use the default single-line
+         * skeleton; return `null` to render an empty placeholder for that column.
+         *
+         * The returned content is rendered inside an `aria-hidden` row, so it is not announced to screen
+         * readers; do not render focusable or interactive elements.
+         */
+        renderCell?: (column: TableProps.ColumnDefinition<T>) => React.ReactNode;
+    }
+    export interface FixedSkeletonConfig<T = any> extends BaseSkeletonConfig<T> {
         totalRows: number;
         maxAutoRows?: never;
         minAutoRows?: never;
     }
-    interface AutoSkeletonConfig {
+    export interface AutoSkeletonConfig<T = any> extends BaseSkeletonConfig<T> {
         totalRows: 'auto';
         maxAutoRows?: number;
         minAutoRows?: number;
     }
-    type SkeletonConfig = FixedSkeletonConfig | AutoSkeletonConfig;
+    export type SkeletonConfig<T = any> = FixedSkeletonConfig<T> | AutoSkeletonConfig<T>;
+    export {};
 }
 export type TableRow<T> = TableDataRow<T> | TableLoaderRow<T>;
 interface TableDataRow<T> {

package/lib/internal/template/table/interfaces.d.ts.map CHANGED Viewed

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

package/lib/internal/template/table/interfaces.js.map CHANGED Viewed

	@@ -1 +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';\n\nimport { BaseComponentProps } from '../types/base-component';\nimport { CancelableEventHandler, NonCancelableEventHandler } from '../types/events';\nimport { Optional } from '../types/utils';\nimport ColumnDisplayProperties = TableProps.ColumnDisplayProperties;\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 Specifies additional analytics-related metadata.\n * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n * * `flowType` - Identifies the type of flow represented by the component.\n * * `resourceType` - Identifies the type of resource represented by the flow. Note: This API is currently experimental.\n * @analytics\n /\n analyticsMetadata?: TableProps.AnalyticsMetadata;\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 * In skeleton-loading mode this will be used as a label for screenreaders.\n /\n loadingText?: string;\n\n /\n Renders skeleton placeholder rows to fill the table while data is loading. Accepts:\n * - `totalRows` (number) - The total number of rows that should be rendered. If `items`\n * are also provided, those items will be rendered first, and `totalRows - items.length`\n * additional skeleton rows rendered after.\n * - `totalRows` ('auto') - The number of skeleton rows is calculated from the available viewport height.\n * - `maxAutoRows` (number) - Limits the number of skeleton rows rendered when `totalRows` is set to `'auto'`.\n * - `minAutoRows` (number) - Sets the minimum number of skeleton rows rendered when `totalRows` is set to `'auto'`.\n * Defaults to 1. Useful for tables rendered off-screen, where the calculated available height would\n * otherwise yield a single row.\n /\n skeleton?: TableProps.SkeletonConfig;\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 is also used in the following situations:\n * - to connect `items` and `selectedItems` values when they reference different objects.\n * - to connect `items` and `expandableRows.expandedItems` values when they reference different objects.\n * - to attach successful edit state to the correct item if its row index changes after editing.\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 `columnDisplay` 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 * plus a number `sortIndex` if the column is part of a multi-column sort.\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 * * `counter` ((ItemCounterData) => string) - Specifies secondary cell content, displayed next to the primary. Use it to display\n * resource counters in the first column of expandable tables with data grouping.\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.disabledReason` ((item) => string \| undefined) - A function that determines whether inline edit for certain items is disabled, and provides a reason why.\n * Return a string from the function to disable inline edit with a reason. Return `undefined` (or no return) from the function allow inline edit.\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 * * `editConfig.editingCell` ((item, cellContext) => ReactNode) - Determines the display of a cell's content when inline editing is active on a cell;\n * You receive the current table row `item` and a `cellContext` object as arguments.\n * The `cellContext` object contains the following properties:\n * * `cellContext.currentValue` - State to keep track of a value in input fields while editing.\n * * `cellContext.setValue` - Function to update `currentValue`. This should be called when the value in input field changes.\n * * `cellContext.submitValue` - Function to submit the `currentValue`.\n * * `editConfig.disableNativeForm` (boolean) - Disables the use of a `<form>` element to capture submissions inside the inline editor.\n * If enabled, ensure that any text inputs in the editing cell submit the cell value when the Enter key is pressed, using `cellContext.submitValue`.\n * * `isRowHeader` (boolean) - Specifies that cells in this column should be used as row headers.\n * * `hasDynamicContent` (boolean) - Specifies that cells in this column may have dynamic content. The contents will then be observed to update calculated column widths.\n * This may have a negative performance impact, so should be used only if necessary. It has no effect if `resizableColumns` is set to `true`.\n * * `verticalAlign` ('middle' \| 'top') - Determines the alignment of the content in the table cell.\n /\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n\n /\n Determines the alignment of the content inside table cells.\n * This property affects all cells, including the ones in the selection column.\n * To target individual cells use `columnDefinitions.verticalAlign`, that takes precedence over `cellVerticalAlign`.\n /\n cellVerticalAlign?: 'middle' \| 'top';\n\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 Toggles the content density of the table. Defaults to `'comfortable'`.\n /\n contentDensity?: 'comfortable' \| 'compact';\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 * * `selectionGroupLabel` (string) - Specifies the alternative text for the whole selection and single-selection column header.\n * * `itemSelectionLabel` ((SelectionState, Item) => string) - Specifies the alternative text for item selection controls.\n * The selection state includes:\n * * `selectedItems` (Item[]) - corresponds to table's `selectedItems`.\n * * `itemsCount` (optional, number) - corresponds to table's `expandableRows.getItemsCount(item)`.\n * * `selectedItemsCount` (optional, number) - corresponds to table's `expandableRows.getItemsCount(item)`.\n * * `allItemsSelectionLabel` ((SelectionState) => string) - Specifies the alternative text for all items selection control.\n * The selection state includes:\n * * `selectedItems` (Item[]) - corresponds to table's `selectedItems`.\n * * `itemsCount` (optional, number) - corresponds to `expandableRows.totalItemsCount` or `totalItemsCount`.\n * * `selectedItemsCount` (optional, number) - corresponds to `expandableRows.totalSelectedItemsCount` or `selectedItems.length`.\n * * `itemLoaderSelectionLabel`: ((SelectionState, Item) => string) - Specifies the alternative text for resource loader selector\n * in tables with data grouping.\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 * * `resizerRoleDescription` (string) - Provides role description for table column resizer buttons.\n * * `resizerTooltipText` (string) - Provides text for the table column resizer tooltip.\n * * `activateEditLabel` (EditableColumnDefinition, Item) => 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 * * `successfulEditLabel` (EditableColumnDefinition) => string -\n * Specifies an alternative text for the success icon in editable cells. This text is also announced to screen readers.\n * * `submittingEditText` (EditableColumnDefinition) => string -\n * Specifies a text that is announced to screen readers when a cell edit operation is submitted.\n * * `expandButtonLabel` (Item) => string - Specifies an alternative text for row expand button.\n * * `collapseButtonLabel` (Item) => string - Specifies an alternative text for row collapse button.\n * * `sortMenuTriggerLabel` (string) - Provides an alternative text for the column header sort menu trigger button when multi-column sort is enabled.\n * * `sortAscending` (string) - Screen reader word for ascending sort direction, used in sort announcements and a sorted column header's accessible text.\n * * `sortDescending` (string) - Screen reader word for descending sort direction, used in sort announcements and a sorted column header's accessible text.\n * * `liveAnnouncementSortOrder` (({ columns }) => string) - Formats the screen reader announcement for the current multi-column sort order.\n * * `liveAnnouncementSortCleared` (string) - Screen reader announcement made when the multi-column sort is cleared.\n * * `sortPriority` (({ priority }) => string) - Formats a sorted column's position in a multi-column sort, used in the sorted column header's accessible label.\n * @i18n\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 Enables multi-column sorting on the table. The object contains:\n \n * `sortingColumns` (ReadonlyArray<TableProps.SortingState<T>>) - The current multi-column\n * sort state. The first entry has the highest sort priority, and subsequent entries act as\n * tiebreakers.\n * * `onChange` (NonCancelableEventHandler<TableProps.MultiColumnSortChangeDetail<T>>) - Called\n * when the user changes the sort state.\n \n Use either this property or `sortingColumn` / `sortingDescending` / `onSortingChange`, but not both.\n /\n multiColumnSort?: TableProps.MultiColumnSort<T>;\n\n /\n Object containing the localized visible strings used by the Table component.\n \n When multi-column sorting is enabled it provides the sort UI labels:\n \n * `sortDropdownSortAscending` (string): Label for the \"Sort ascending\" dropdown menu item.\n * * `sortDropdownSortDescending` (string): Label for the \"Sort descending\" dropdown menu item.\n * * `sortDropdownMultiColumnSortGroup` (string): Label for the multi-column sort dropdown menu group.\n * * `sortDropdownAddToSortAscending` (string): Label for the \"Add to sort (ascending)\" dropdown menu item.\n * * `sortDropdownAddToSortDescending` (string): Label for the \"Add to sort (descending)\" dropdown menu item.\n * * `sortDropdownRemoveFromSort` (string): Label for the \"Remove from sort\" dropdown menu item.\n * * `sortDropdownAddToSortDisabledReason` (string): Reason shown when the \"Add to sort\" menu items are disabled.\n * * `sortDropdownRemoveFromSortDisabledReason` (string): Reason shown when the \"Remove from sort\" menu item is disabled.\n * * `clearSort` (string): Label for the \"Clear sort\" button.\n \n @i18n\n /\n i18nStrings?: TableProps.I18nStrings;\n\n /\n Specifies the number of first and/or last columns that should be sticky.\n \n If the available scrollable space is less than a certain threshold, the feature is deactivated.\n \n Use it in conjunction with the sticky columns preference of the\n * [collection preferences](/components/collection-preferences/) component.\n \n /\n stickyColumns?: TableProps.StickyColumns;\n\n /*\n Specifies an array that represents the table columns in the order in which they will be displayed, together with their visibility.\n \n If not set, all columns are displayed and the order is dictated by the `columnDefinitions` property.\n \n Use it in conjunction with the content display preference of the [collection preferences](/components/collection-preferences/) component.\n \n Each entry is one of the following:\n * - `ColumnDisplay` - Represents a single column.\n * - `type` ('column') - (Optional) Identifies the entry as a column. Defaults to `'column'` when omitted.\n * - `id` (string) - The column identifier. Must match a column `id` from `columnDefinitions`.\n * - `visible` (boolean) - Whether the column is visible.\n * - `GroupDisplay` - Represents a column group.\n * - `type` ('group') - Identifies the entry as a group.\n * - `id` (string) - The group identifier. Must match a group `id` from `groupDefinitions`.\n * - `visible` (boolean) - Whether the group is visible.\n * - `children` (ReadonlyArray<ColumnDisplayProperties>) - The columns or nested groups within this group.\n /\n columnDisplay?: ReadonlyArray<ColumnDisplayProperties>;\n\n /\n Defines the column groups. Each group has an `id` and `header` used to label the group header cell.\n \n When using grouped columns, you must also provide the `columnDisplay` property with `{ type: 'group', id, children }` entries\n * to assign columns to their respective groups and define the display hierarchy.\n \n Each group definition contains the following:\n * - `id` (string) - A unique identifier for the group.\n * - `header` (ReactNode) - The content displayed in the group header cell.\n * - `ariaLabel` ((LabelData) => string) - (Optional) A function that provides an `aria-label` for the group header.\n /\n groupDefinitions?: ReadonlyArray<TableProps.GroupDefinition<T>>;\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 @deprecated Replaced by `columnDisplay`.\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 new state for `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 Do not use `stickyHeader` conditionally. Instead, keep its value constant during the component lifecycle.\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 * * `borderless` - Use this variant when the table should have no outer borders or shadow\n * (such as in a dashboard item container).\n * * `embedded` - Use this variant within a parent container (such as a modal, expandable\n * section, container or split panel).\n * Deprecated, replaced by `borderless` and `container`.\n * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,\n * table).\n * * `full-page` – Use this variant when the table is the entire content of a 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 /\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 /\n firstIndex?: number;\n /\n Use this function to announce page changes to screen reader users.\n * The function argument takes the following properties:\n * * `firstIndex` (number) - The provided `firstIndex` property which defaults to 1 when not defined.\n * * `lastIndex` (number) - The index of the last visible item of the table.\n * * `visibleItemsCount` (number) - The number of rendered table items.\n * * `totalItemsCount` (optional, number) - The provided `totalItemsCount` property.\n * Important: in tables with expandable rows the `firstIndex`, `lastIndex`, and `totalItemsCount` reflect the top-level items only.\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 /\n Use this property to activate advanced keyboard navigation and focusing behaviors.\n * When set to `true`, table cells become navigable with arrow keys, and the entire table has a single tab stop.\n \n By default, the keyboard navigation is active for tables with expandable rows.\n /\n enableKeyboardNavigation?: boolean;\n\n /\n Use this property to define expandable table rows. The expandableRows configuration object consists of:\n * * `getItemChildren` ((Item) => Item[]) - Use it to define nested data that are shown when an item gets expanded.\n * * `isItemExpandable` ((Item) => boolean) - Use it for items that can be expanded to show nested data.\n * * `expandedItems` (Item[]) - Use it to represent the expanded state of items.\n * * `onExpandableItemToggle` (TableProps.OnExpandableItemToggle<Item>) - Called when an item's expand toggle is clicked.\n * * `groupSelection` (optional, GroupSelectionState<Item>) - Tree-like selection state for tables with grouped data. When defined, the\n * properties `selectionType` and `selectedItems` no longer apply. It reads as (assuming item \"a.1\" is nested under \"a\"):\n * * `{ inverted: false, toggledItems: [] }` - no items are selected;\n * * `{ inverted: true, toggledItems: [] }` - all items are selected;\n * * `{ inverted: false, toggledItems: [\"a\", \"a.1\"] }` - all items nested under \"a\", unless also nested under \"a.1\", are selected.\n * * `{ inverted: true, toggledItems: [\"a\", \"a.1\"] }` - the opposite of above.\n * * `onGroupSelectionChange` (optional, TableProps.OnGroupSelectionChange<Item>) - Called when group selection changes.\n * * `getItemsCount` (optional, (Item) => number) - Use it to indicate the number of resources nested under the given item.\n * The value is passed as `itemsCount` property to the `columnDefinitions[index].counter` and `ariaLabels.itemSelectionLabel` functions.\n * * `totalItemsCount` (optional, number) - Use it to indicate the total number of resources in the table.\n * The value is passed as `itemsCount` property to the `ariaLabels.allItemsSelectionLabel`.\n * * `getSelectedItemsCount` (optional, (Item) => number) - Use it to indicate the number of selected resources nested under the given item.\n * The value is passed as `selectedItemsCount` property to the `columnDefinitions[index].counter` and `ariaLabels.itemSelectionLabel` functions.\n * * `totalSelectedItemsCount` (optional, number) - Use it to indicate the total number of selected resources in the table.\n * The value is passed as `selectedItemsCount` property to the `ariaLabels.allItemsSelectionLabel`.\n /\n expandableRows?: TableProps.ExpandableRows<T>;\n\n /\n A function that specifies the current status of loading more items. It is called once for the entire\n * table with `item=null` and then for each expanded item. The function result is one of the four possible states:\n * * `pending` - Indicates that no request in progress, but more options may be loaded.\n * * `loading` - Indicates that data fetching is in progress.\n * * `finished` - Indicates that loading has finished and no more requests are expected.\n * * `error` - Indicates that an error occurred during fetch.\n /\n getLoadingStatus?: TableProps.GetLoadingStatus<T>;\n /\n * Renders loader row content for pending state.\n /\n renderLoaderPending?: (detail: TableProps.RenderLoaderDetail<T>) => React.ReactNode;\n /\n Renders loader row content for loading state.\n /\n renderLoaderLoading?: (detail: TableProps.RenderLoaderDetail<T>) => React.ReactNode;\n /\n Renders loader row content for error state.\n /\n renderLoaderError?: (detail: TableProps.RenderLoaderDetail<T>) => React.ReactNode;\n /\n Renders loader row content for empty row state: the loading status is \"finished\",\n * and the row is expanded but has empty children array.\n \n The empty loader state is only supported for expandable rows. Use `empty` slot if\n * the table items array is empty.\n /\n renderLoaderEmpty?: (detail: TableProps.RenderLoaderEmptyDetail<T>) => React.ReactNode;\n /\n Renders loader counter that is appended to the loader content in all loader states.\n /\n renderLoaderCounter?: (detail: TableProps.RenderLoaderCounterDetail<T>) => React.ReactNode;\n}\n\nexport namespace TableProps {\n export interface AnalyticsMetadata {\n instanceIdentifier?: string;\n flowType?: 'view-resource';\n resourceType?: string;\n }\n\n export type TrackBy<T> = string \| ((item: T) => string);\n\n export interface CellContext<V> {\n currentValue: Optional<V>;\n setValue: (value: V \| undefined) => void;\n submitValue: () => 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 Determines the display of a cell's content when inline edit is active.\n /\n editingCell(item: T, ctx: TableProps.CellContext<any>): React.ReactNode;\n\n /\n Determines whether inline edit for certain items is disabled, and provides a reason why.\n /\n disabledReason?: (item: T) => string \| undefined;\n\n /\n Disables the use of a `<form>` element to capture submissions inside the inline editor.\n * If enabled, ensure that any text inputs in the editing cell submit the cell value when\n * the Enter key is pressed, using `cellContext.submitValue`.\n /\n disableNativeForm?: boolean;\n }\n\n export type ColumnDefinition<T> = {\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 counter?(props: ItemCounterData<T>): React.ReactNode;\n editConfig?: EditConfig<T>;\n isRowHeader?: boolean;\n verticalAlign?: VerticalAlign;\n hasDynamicContent?: boolean;\n cell(item: T): React.ReactNode;\n } & SortingColumn<T>;\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n export interface GroupDefinition<T = any> {\n id: string;\n header: React.ReactNode;\n ariaLabel?: (data: LabelData) => string;\n }\n\n export interface ItemCounterData<T> {\n item: T;\n itemsCount?: number;\n selectedItemsCount?: number;\n }\n\n export interface StickyColumns {\n first?: number;\n last?: number;\n }\n\n export type VerticalAlign = 'middle' \| 'top';\n export type SelectionType = 'single' \| 'multi';\n export type Variant = 'container' \| 'embedded' \| 'borderless' \| 'stacked' \| 'full-page';\n export interface SelectionState<T> {\n selectedItems: ReadonlyArray<T>;\n itemsCount?: number;\n selectedItemsCount?: number;\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: SelectionState<T>) => string;\n itemSelectionLabel?: (data: SelectionState<T>, row: T) => string;\n itemLoaderSelectionLabel?: (data: SelectionState<T>, row: null \| T) => string;\n selectionGroupLabel?: string;\n tableLabel?: string;\n resizerRoleDescription?: string;\n resizerTooltipText?: 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>, item: T) => string;\n cancelEditLabel?: (column: ColumnDefinition<any>) => string;\n submitEditLabel?: (column: ColumnDefinition<any>) => string;\n submittingEditText?: (column: ColumnDefinition<any>) => string;\n successfulEditLabel?: (column: ColumnDefinition<any>) => string;\n expandButtonLabel?: (item: T) => string;\n collapseButtonLabel?: (item: T) => string;\n sortMenuTriggerLabel?: string;\n sortAscending?: string;\n sortDescending?: string;\n liveAnnouncementSortOrder?: (data: { columns: string }) => string;\n liveAnnouncementSortCleared?: string;\n sortPriority?: (data: { priority: number }) => 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 MultiColumnSort<T> {\n sortingColumns: ReadonlyArray<SortingState<T>>;\n onChange: NonCancelableEventHandler<MultiColumnSortChangeDetail<T>>;\n }\n export interface MultiColumnSortChangeDetail<T> {\n sortingColumns: ReadonlyArray<SortingState<T>>;\n }\n export interface I18nStrings {\n sortDropdownSortAscending?: string;\n sortDropdownSortDescending?: string;\n sortDropdownMultiColumnSortGroup?: string;\n sortDropdownAddToSortAscending?: string;\n sortDropdownAddToSortDescending?: string;\n sortDropdownRemoveFromSort?: string;\n sortDropdownAddToSortDisabledReason?: string;\n sortDropdownRemoveFromSortDisabledReason?: string;\n clearSort?: string;\n }\n export interface LabelData {\n sorted: boolean;\n descending: boolean;\n disabled: boolean;\n sortIndex?: number;\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 firstIndex: number;\n lastIndex: number;\n visibleItemsCount: number;\n totalItemsCount?: 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 export interface ColumnDisplay {\n type?: 'column';\n id: string;\n visible: boolean;\n }\n\n export interface GroupDisplay {\n type: 'group';\n id: string;\n visible: boolean;\n children: ReadonlyArray<ColumnDisplayProperties>;\n }\n\n export type ColumnDisplayProperties = ColumnDisplay \| GroupDisplay;\n\n export interface ExpandableRows<T> {\n getItemChildren: (item: T) => readonly T[];\n isItemExpandable: (item: T) => boolean;\n expandedItems: ReadonlyArray<T>;\n onExpandableItemToggle: OnExpandableItemToggle<T>;\n groupSelection?: GroupSelectionState<T>;\n onGroupSelectionChange?: OnGroupSelectionChange<T>;\n getItemsCount?: (item: T) => number;\n totalItemsCount?: number;\n getSelectedItemsCount?: (item: T) => number;\n totalSelectedItemsCount?: number;\n }\n\n export type OnExpandableItemToggle<T> = NonCancelableEventHandler<ExpandableItemToggleDetail<T>>;\n\n export interface ExpandableItemToggleDetail<T> {\n item: T;\n expanded: boolean;\n }\n\n export type OnGroupSelectionChange<T> = NonCancelableEventHandler<GroupSelectionChangeDetail<T>>;\n\n export interface GroupSelectionChangeDetail<T> {\n groupSelection: GroupSelectionState<T>;\n }\n\n export interface GroupSelectionState<T> {\n inverted: boolean;\n toggledItems: readonly T[];\n }\n\n export type GetLoadingStatus<T> = (item: null \| T) => LoadingStatus;\n\n export type LoadingStatus = 'pending' \| 'loading' \| 'error' \| 'finished';\n\n export interface RenderLoaderDetail<T> {\n item: null \| T;\n }\n\n export interface RenderLoaderCounterDetail<T> {\n loadingStatus: LoadingStatus;\n selected: boolean;\n item: null \| T;\n }\n\n export interface RenderLoaderEmptyDetail<T> {\n item: T;\n }\n\n export interface FixedSkeletonConfig {\n totalRows: number;\n maxAutoRows?: never;\n minAutoRows?: never;\n }\n\n export interface AutoSkeletonConfig {\n totalRows: 'auto';\n maxAutoRows?: number;\n minAutoRows?: number;\n }\n\n export type SkeletonConfig = FixedSkeletonConfig \| AutoSkeletonConfig;\n}\n\nexport type TableRow<T> = TableDataRow<T> \| TableLoaderRow<T>;\n\ninterface TableDataRow<T> {\n type: 'data';\n item: T;\n}\n\ninterface TableLoaderRow<T> {\n type: 'loader';\n item: null \| T;\n level: number;\n status: TableProps.LoadingStatus;\n from: number;\n}\n"]}
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';\n\nimport { BaseComponentProps } from '../types/base-component';\nimport { CancelableEventHandler, NonCancelableEventHandler } from '../types/events';\nimport { Optional } from '../types/utils';\nimport ColumnDisplayProperties = TableProps.ColumnDisplayProperties;\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 Specifies additional analytics-related metadata.\n * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n * * `flowType` - Identifies the type of flow represented by the component.\n * * `resourceType` - Identifies the type of resource represented by the flow. Note: This API is currently experimental.\n * @analytics\n /\n analyticsMetadata?: TableProps.AnalyticsMetadata;\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 * In skeleton-loading mode this will be used as a label for screenreaders.\n /\n loadingText?: string;\n\n /\n Renders skeleton placeholder rows to fill the table while data is loading. Accepts:\n * - `totalRows` (number) - The total number of rows that should be rendered. If `items`\n * are also provided, those items will be rendered first, and `totalRows - items.length`\n * additional skeleton rows rendered after.\n * - `totalRows` ('auto') - The number of skeleton rows is calculated from the available viewport height.\n * - `maxAutoRows` (number) - Limits the number of skeleton rows rendered when `totalRows` is set to `'auto'`.\n * - `minAutoRows` (number) - Sets the minimum number of skeleton rows rendered when `totalRows` is set to `'auto'`.\n * Defaults to 1. Useful for tables rendered off-screen, where the calculated available height would\n * otherwise yield a single row.\n * - `renderCell` ((column) => ReactNode) - Renders a custom skeleton placeholder per column, for cells whose\n * final content is not a single line of text (for example, multi-line cells, status indicators, or actions).\n * Return `undefined` for a column to fall back to the default single-line skeleton.\n /\n skeleton?: TableProps.SkeletonConfig<T>;\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 is also used in the following situations:\n * - to connect `items` and `selectedItems` values when they reference different objects.\n * - to connect `items` and `expandableRows.expandedItems` values when they reference different objects.\n * - to attach successful edit state to the correct item if its row index changes after editing.\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 `columnDisplay` 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 * plus a number `sortIndex` if the column is part of a multi-column sort.\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 * * `counter` ((ItemCounterData) => string) - Specifies secondary cell content, displayed next to the primary. Use it to display\n * resource counters in the first column of expandable tables with data grouping.\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.disabledReason` ((item) => string \| undefined) - A function that determines whether inline edit for certain items is disabled, and provides a reason why.\n * Return a string from the function to disable inline edit with a reason. Return `undefined` (or no return) from the function allow inline edit.\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 * * `editConfig.editingCell` ((item, cellContext) => ReactNode) - Determines the display of a cell's content when inline editing is active on a cell;\n * You receive the current table row `item` and a `cellContext` object as arguments.\n * The `cellContext` object contains the following properties:\n * * `cellContext.currentValue` - State to keep track of a value in input fields while editing.\n * * `cellContext.setValue` - Function to update `currentValue`. This should be called when the value in input field changes.\n * * `cellContext.submitValue` - Function to submit the `currentValue`.\n * * `editConfig.disableNativeForm` (boolean) - Disables the use of a `<form>` element to capture submissions inside the inline editor.\n * If enabled, ensure that any text inputs in the editing cell submit the cell value when the Enter key is pressed, using `cellContext.submitValue`.\n * * `isRowHeader` (boolean) - Specifies that cells in this column should be used as row headers.\n * * `hasDynamicContent` (boolean) - Specifies that cells in this column may have dynamic content. The contents will then be observed to update calculated column widths.\n * This may have a negative performance impact, so should be used only if necessary. It has no effect if `resizableColumns` is set to `true`.\n * * `verticalAlign` ('middle' \| 'top') - Determines the alignment of the content in the table cell.\n /\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n\n /\n Determines the alignment of the content inside table cells.\n * This property affects all cells, including the ones in the selection column.\n * To target individual cells use `columnDefinitions.verticalAlign`, that takes precedence over `cellVerticalAlign`.\n /\n cellVerticalAlign?: 'middle' \| 'top';\n\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 Toggles the content density of the table. Defaults to `'comfortable'`.\n /\n contentDensity?: 'comfortable' \| 'compact';\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 * * `selectionGroupLabel` (string) - Specifies the alternative text for the whole selection and single-selection column header.\n * * `itemSelectionLabel` ((SelectionState, Item) => string) - Specifies the alternative text for item selection controls.\n * The selection state includes:\n * * `selectedItems` (Item[]) - corresponds to table's `selectedItems`.\n * * `itemsCount` (optional, number) - corresponds to table's `expandableRows.getItemsCount(item)`.\n * * `selectedItemsCount` (optional, number) - corresponds to table's `expandableRows.getItemsCount(item)`.\n * * `allItemsSelectionLabel` ((SelectionState) => string) - Specifies the alternative text for all items selection control.\n * The selection state includes:\n * * `selectedItems` (Item[]) - corresponds to table's `selectedItems`.\n * * `itemsCount` (optional, number) - corresponds to `expandableRows.totalItemsCount` or `totalItemsCount`.\n * * `selectedItemsCount` (optional, number) - corresponds to `expandableRows.totalSelectedItemsCount` or `selectedItems.length`.\n * * `itemLoaderSelectionLabel`: ((SelectionState, Item) => string) - Specifies the alternative text for resource loader selector\n * in tables with data grouping.\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 * * `resizerRoleDescription` (string) - Provides role description for table column resizer buttons.\n * * `resizerTooltipText` (string) - Provides text for the table column resizer tooltip.\n * * `activateEditLabel` (EditableColumnDefinition, Item) => 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 * * `successfulEditLabel` (EditableColumnDefinition) => string -\n * Specifies an alternative text for the success icon in editable cells. This text is also announced to screen readers.\n * * `submittingEditText` (EditableColumnDefinition) => string -\n * Specifies a text that is announced to screen readers when a cell edit operation is submitted.\n * * `expandButtonLabel` (Item) => string - Specifies an alternative text for row expand button.\n * * `collapseButtonLabel` (Item) => string - Specifies an alternative text for row collapse button.\n * * `sortMenuTriggerLabel` (string) - Provides an alternative text for the column header sort menu trigger button when multi-column sort is enabled.\n * * `sortAscending` (string) - Screen reader word for ascending sort direction, used in sort announcements and a sorted column header's accessible text.\n * * `sortDescending` (string) - Screen reader word for descending sort direction, used in sort announcements and a sorted column header's accessible text.\n * * `liveAnnouncementSortOrder` (({ columns }) => string) - Formats the screen reader announcement for the current multi-column sort order.\n * * `liveAnnouncementSortCleared` (string) - Screen reader announcement made when the multi-column sort is cleared.\n * * `sortPriority` (({ priority }) => string) - Formats a sorted column's position in a multi-column sort, used in the sorted column header's accessible label.\n * @i18n\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 Enables multi-column sorting on the table. The object contains:\n \n * `sortingColumns` (ReadonlyArray<TableProps.SortingState<T>>) - The current multi-column\n * sort state. The first entry has the highest sort priority, and subsequent entries act as\n * tiebreakers.\n * * `onChange` (NonCancelableEventHandler<TableProps.MultiColumnSortChangeDetail<T>>) - Called\n * when the user changes the sort state.\n \n Use either this property or `sortingColumn` / `sortingDescending` / `onSortingChange`, but not both.\n /\n multiColumnSort?: TableProps.MultiColumnSort<T>;\n\n /\n Object containing the localized visible strings used by the Table component.\n \n When multi-column sorting is enabled it provides the sort UI labels:\n \n * `sortDropdownSortAscending` (string): Label for the \"Sort ascending\" dropdown menu item.\n * * `sortDropdownSortDescending` (string): Label for the \"Sort descending\" dropdown menu item.\n * * `sortDropdownMultiColumnSortGroup` (string): Label for the multi-column sort dropdown menu group.\n * * `sortDropdownAddToSortAscending` (string): Label for the \"Add to sort (ascending)\" dropdown menu item.\n * * `sortDropdownAddToSortDescending` (string): Label for the \"Add to sort (descending)\" dropdown menu item.\n * * `sortDropdownRemoveFromSort` (string): Label for the \"Remove from sort\" dropdown menu item.\n * * `sortDropdownAddToSortDisabledReason` (string): Reason shown when the \"Add to sort\" menu items are disabled.\n * * `sortDropdownRemoveFromSortDisabledReason` (string): Reason shown when the \"Remove from sort\" menu item is disabled.\n * * `clearSort` (string): Label for the \"Clear sort\" button.\n \n @i18n\n /\n i18nStrings?: TableProps.I18nStrings;\n\n /\n Specifies the number of first and/or last columns that should be sticky.\n \n If the available scrollable space is less than a certain threshold, the feature is deactivated.\n \n Use it in conjunction with the sticky columns preference of the\n * [collection preferences](/components/collection-preferences/) component.\n \n /\n stickyColumns?: TableProps.StickyColumns;\n\n /*\n Specifies an array that represents the table columns in the order in which they will be displayed, together with their visibility.\n \n If not set, all columns are displayed and the order is dictated by the `columnDefinitions` property.\n \n Use it in conjunction with the content display preference of the [collection preferences](/components/collection-preferences/) component.\n \n Each entry is one of the following:\n * - `ColumnDisplay` - Represents a single column.\n * - `type` ('column') - (Optional) Identifies the entry as a column. Defaults to `'column'` when omitted.\n * - `id` (string) - The column identifier. Must match a column `id` from `columnDefinitions`.\n * - `visible` (boolean) - Whether the column is visible.\n * - `GroupDisplay` - Represents a column group.\n * - `type` ('group') - Identifies the entry as a group.\n * - `id` (string) - The group identifier. Must match a group `id` from `groupDefinitions`.\n * - `visible` (boolean) - Whether the group is visible.\n * - `children` (ReadonlyArray<ColumnDisplayProperties>) - The columns or nested groups within this group.\n /\n columnDisplay?: ReadonlyArray<ColumnDisplayProperties>;\n\n /\n Defines the column groups. Each group has an `id` and `header` used to label the group header cell.\n \n When using grouped columns, you must also provide the `columnDisplay` property with `{ type: 'group', id, children }` entries\n * to assign columns to their respective groups and define the display hierarchy.\n \n Each group definition contains the following:\n * - `id` (string) - A unique identifier for the group.\n * - `header` (ReactNode) - The content displayed in the group header cell.\n * - `ariaLabel` ((LabelData) => string) - (Optional) A function that provides an `aria-label` for the group header.\n /\n groupDefinitions?: ReadonlyArray<TableProps.GroupDefinition<T>>;\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 @deprecated Replaced by `columnDisplay`.\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 new state for `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 Do not use `stickyHeader` conditionally. Instead, keep its value constant during the component lifecycle.\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 * * `borderless` - Use this variant when the table should have no outer borders or shadow\n * (such as in a dashboard item container).\n * * `embedded` - Use this variant within a parent container (such as a modal, expandable\n * section, container or split panel).\n * Deprecated, replaced by `borderless` and `container`.\n * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,\n * table).\n * * `full-page` – Use this variant when the table is the entire content of a 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 /\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 /\n firstIndex?: number;\n /\n Use this function to announce page changes to screen reader users.\n * The function argument takes the following properties:\n * * `firstIndex` (number) - The provided `firstIndex` property which defaults to 1 when not defined.\n * * `lastIndex` (number) - The index of the last visible item of the table.\n * * `visibleItemsCount` (number) - The number of rendered table items.\n * * `totalItemsCount` (optional, number) - The provided `totalItemsCount` property.\n * Important: in tables with expandable rows the `firstIndex`, `lastIndex`, and `totalItemsCount` reflect the top-level items only.\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 /\n Use this property to activate advanced keyboard navigation and focusing behaviors.\n * When set to `true`, table cells become navigable with arrow keys, and the entire table has a single tab stop.\n \n By default, the keyboard navigation is active for tables with expandable rows.\n /\n enableKeyboardNavigation?: boolean;\n\n /\n Use this property to define expandable table rows. The expandableRows configuration object consists of:\n * * `getItemChildren` ((Item) => Item[]) - Use it to define nested data that are shown when an item gets expanded.\n * * `isItemExpandable` ((Item) => boolean) - Use it for items that can be expanded to show nested data.\n * * `expandedItems` (Item[]) - Use it to represent the expanded state of items.\n * * `onExpandableItemToggle` (TableProps.OnExpandableItemToggle<Item>) - Called when an item's expand toggle is clicked.\n * * `groupSelection` (optional, GroupSelectionState<Item>) - Tree-like selection state for tables with grouped data. When defined, the\n * properties `selectionType` and `selectedItems` no longer apply. It reads as (assuming item \"a.1\" is nested under \"a\"):\n * * `{ inverted: false, toggledItems: [] }` - no items are selected;\n * * `{ inverted: true, toggledItems: [] }` - all items are selected;\n * * `{ inverted: false, toggledItems: [\"a\", \"a.1\"] }` - all items nested under \"a\", unless also nested under \"a.1\", are selected.\n * * `{ inverted: true, toggledItems: [\"a\", \"a.1\"] }` - the opposite of above.\n * * `onGroupSelectionChange` (optional, TableProps.OnGroupSelectionChange<Item>) - Called when group selection changes.\n * * `getItemsCount` (optional, (Item) => number) - Use it to indicate the number of resources nested under the given item.\n * The value is passed as `itemsCount` property to the `columnDefinitions[index].counter` and `ariaLabels.itemSelectionLabel` functions.\n * * `totalItemsCount` (optional, number) - Use it to indicate the total number of resources in the table.\n * The value is passed as `itemsCount` property to the `ariaLabels.allItemsSelectionLabel`.\n * * `getSelectedItemsCount` (optional, (Item) => number) - Use it to indicate the number of selected resources nested under the given item.\n * The value is passed as `selectedItemsCount` property to the `columnDefinitions[index].counter` and `ariaLabels.itemSelectionLabel` functions.\n * * `totalSelectedItemsCount` (optional, number) - Use it to indicate the total number of selected resources in the table.\n * The value is passed as `selectedItemsCount` property to the `ariaLabels.allItemsSelectionLabel`.\n /\n expandableRows?: TableProps.ExpandableRows<T>;\n\n /\n A function that specifies the current status of loading more items. It is called once for the entire\n * table with `item=null` and then for each expanded item. The function result is one of the four possible states:\n * * `pending` - Indicates that no request in progress, but more options may be loaded.\n * * `loading` - Indicates that data fetching is in progress.\n * * `finished` - Indicates that loading has finished and no more requests are expected.\n * * `error` - Indicates that an error occurred during fetch.\n /\n getLoadingStatus?: TableProps.GetLoadingStatus<T>;\n /\n * Renders loader row content for pending state.\n /\n renderLoaderPending?: (detail: TableProps.RenderLoaderDetail<T>) => React.ReactNode;\n /\n Renders loader row content for loading state.\n /\n renderLoaderLoading?: (detail: TableProps.RenderLoaderDetail<T>) => React.ReactNode;\n /\n Renders loader row content for error state.\n /\n renderLoaderError?: (detail: TableProps.RenderLoaderDetail<T>) => React.ReactNode;\n /\n Renders loader row content for empty row state: the loading status is \"finished\",\n * and the row is expanded but has empty children array.\n \n The empty loader state is only supported for expandable rows. Use `empty` slot if\n * the table items array is empty.\n /\n renderLoaderEmpty?: (detail: TableProps.RenderLoaderEmptyDetail<T>) => React.ReactNode;\n /\n Renders loader counter that is appended to the loader content in all loader states.\n /\n renderLoaderCounter?: (detail: TableProps.RenderLoaderCounterDetail<T>) => React.ReactNode;\n}\n\nexport namespace TableProps {\n export interface AnalyticsMetadata {\n instanceIdentifier?: string;\n flowType?: 'view-resource';\n resourceType?: string;\n }\n\n export type TrackBy<T> = string \| ((item: T) => string);\n\n export interface CellContext<V> {\n currentValue: Optional<V>;\n setValue: (value: V \| undefined) => void;\n submitValue: () => 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 Determines the display of a cell's content when inline edit is active.\n /\n editingCell(item: T, ctx: TableProps.CellContext<any>): React.ReactNode;\n\n /\n Determines whether inline edit for certain items is disabled, and provides a reason why.\n /\n disabledReason?: (item: T) => string \| undefined;\n\n /\n Disables the use of a `<form>` element to capture submissions inside the inline editor.\n * If enabled, ensure that any text inputs in the editing cell submit the cell value when\n * the Enter key is pressed, using `cellContext.submitValue`.\n /\n disableNativeForm?: boolean;\n }\n\n export type ColumnDefinition<T> = {\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 counter?(props: ItemCounterData<T>): React.ReactNode;\n editConfig?: EditConfig<T>;\n isRowHeader?: boolean;\n verticalAlign?: VerticalAlign;\n hasDynamicContent?: boolean;\n cell(item: T): React.ReactNode;\n } & SortingColumn<T>;\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n export interface GroupDefinition<T = any> {\n id: string;\n header: React.ReactNode;\n ariaLabel?: (data: LabelData) => string;\n }\n\n export interface ItemCounterData<T> {\n item: T;\n itemsCount?: number;\n selectedItemsCount?: number;\n }\n\n export interface StickyColumns {\n first?: number;\n last?: number;\n }\n\n export type VerticalAlign = 'middle' \| 'top';\n export type SelectionType = 'single' \| 'multi';\n export type Variant = 'container' \| 'embedded' \| 'borderless' \| 'stacked' \| 'full-page';\n export interface SelectionState<T> {\n selectedItems: ReadonlyArray<T>;\n itemsCount?: number;\n selectedItemsCount?: number;\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: SelectionState<T>) => string;\n itemSelectionLabel?: (data: SelectionState<T>, row: T) => string;\n itemLoaderSelectionLabel?: (data: SelectionState<T>, row: null \| T) => string;\n selectionGroupLabel?: string;\n tableLabel?: string;\n resizerRoleDescription?: string;\n resizerTooltipText?: 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>, item: T) => string;\n cancelEditLabel?: (column: ColumnDefinition<any>) => string;\n submitEditLabel?: (column: ColumnDefinition<any>) => string;\n submittingEditText?: (column: ColumnDefinition<any>) => string;\n successfulEditLabel?: (column: ColumnDefinition<any>) => string;\n expandButtonLabel?: (item: T) => string;\n collapseButtonLabel?: (item: T) => string;\n sortMenuTriggerLabel?: string;\n sortAscending?: string;\n sortDescending?: string;\n liveAnnouncementSortOrder?: (data: { columns: string }) => string;\n liveAnnouncementSortCleared?: string;\n sortPriority?: (data: { priority: number }) => 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 MultiColumnSort<T> {\n sortingColumns: ReadonlyArray<SortingState<T>>;\n onChange: NonCancelableEventHandler<MultiColumnSortChangeDetail<T>>;\n }\n export interface MultiColumnSortChangeDetail<T> {\n sortingColumns: ReadonlyArray<SortingState<T>>;\n }\n export interface I18nStrings {\n sortDropdownSortAscending?: string;\n sortDropdownSortDescending?: string;\n sortDropdownMultiColumnSortGroup?: string;\n sortDropdownAddToSortAscending?: string;\n sortDropdownAddToSortDescending?: string;\n sortDropdownRemoveFromSort?: string;\n sortDropdownAddToSortDisabledReason?: string;\n sortDropdownRemoveFromSortDisabledReason?: string;\n clearSort?: string;\n }\n export interface LabelData {\n sorted: boolean;\n descending: boolean;\n disabled: boolean;\n sortIndex?: number;\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 firstIndex: number;\n lastIndex: number;\n visibleItemsCount: number;\n totalItemsCount?: 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 export interface ColumnDisplay {\n type?: 'column';\n id: string;\n visible: boolean;\n }\n\n export interface GroupDisplay {\n type: 'group';\n id: string;\n visible: boolean;\n children: ReadonlyArray<ColumnDisplayProperties>;\n }\n\n export type ColumnDisplayProperties = ColumnDisplay \| GroupDisplay;\n\n export interface ExpandableRows<T> {\n getItemChildren: (item: T) => readonly T[];\n isItemExpandable: (item: T) => boolean;\n expandedItems: ReadonlyArray<T>;\n onExpandableItemToggle: OnExpandableItemToggle<T>;\n groupSelection?: GroupSelectionState<T>;\n onGroupSelectionChange?: OnGroupSelectionChange<T>;\n getItemsCount?: (item: T) => number;\n totalItemsCount?: number;\n getSelectedItemsCount?: (item: T) => number;\n totalSelectedItemsCount?: number;\n }\n\n export type OnExpandableItemToggle<T> = NonCancelableEventHandler<ExpandableItemToggleDetail<T>>;\n\n export interface ExpandableItemToggleDetail<T> {\n item: T;\n expanded: boolean;\n }\n\n export type OnGroupSelectionChange<T> = NonCancelableEventHandler<GroupSelectionChangeDetail<T>>;\n\n export interface GroupSelectionChangeDetail<T> {\n groupSelection: GroupSelectionState<T>;\n }\n\n export interface GroupSelectionState<T> {\n inverted: boolean;\n toggledItems: readonly T[];\n }\n\n export type GetLoadingStatus<T> = (item: null \| T) => LoadingStatus;\n\n export type LoadingStatus = 'pending' \| 'loading' \| 'error' \| 'finished';\n\n export interface RenderLoaderDetail<T> {\n item: null \| T;\n }\n\n export interface RenderLoaderCounterDetail<T> {\n loadingStatus: LoadingStatus;\n selected: boolean;\n item: null \| T;\n }\n\n export interface RenderLoaderEmptyDetail<T> {\n item: T;\n }\n\n interface BaseSkeletonConfig<T> {\n /\n Renders a custom skeleton placeholder for each cell of the given column while data is loading.\n * Use for columns whose final content is not a single line of text, so the placeholder matches the\n * settled cell shape and the load-to-settle transition stays stable. Compose the returned content\n * from the `Skeleton` component. Return `undefined` for a column to use the default single-line\n * skeleton; return `null` to render an empty placeholder for that column.\n \n The returned content is rendered inside an `aria-hidden` row, so it is not announced to screen\n * readers; do not render focusable or interactive elements.\n */\n renderCell?: (column: TableProps.ColumnDefinition<T>) => React.ReactNode;\n }\n\n export interface FixedSkeletonConfig<T = any> extends BaseSkeletonConfig<T> {\n totalRows: number;\n maxAutoRows?: never;\n minAutoRows?: never;\n }\n\n export interface AutoSkeletonConfig<T = any> extends BaseSkeletonConfig<T> {\n totalRows: 'auto';\n maxAutoRows?: number;\n minAutoRows?: number;\n }\n\n export type SkeletonConfig<T = any> = FixedSkeletonConfig<T> \| AutoSkeletonConfig<T>;\n}\n\nexport type TableRow<T> = TableDataRow<T> \| TableLoaderRow<T>;\n\ninterface TableDataRow<T> {\n type: 'data';\n item: T;\n}\n\ninterface TableLoaderRow<T> {\n type: 'loader';\n item: null \| T;\n level: number;\n status: TableProps.LoadingStatus;\n from: number;\n}\n"]}

package/lib/internal/template/table/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/table/internal.tsx"],"names":[],"mappings":"AA4CA,OAAO,EAAE,mBAAmB,EAAwB,MAAM,cAAc,CAAC;AA+CzE,eAAO,MAAM,sBAAsB,EAW9B,mBAAmB,CAAC;AAEzB,QAAA,MAAM,aAAa,~~EA+yBd~~,mBAAmB,CAAC;AAEzB,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/table/internal.tsx"],"names":[],"mappings":"AA4CA,OAAO,EAAE,mBAAmB,EAAwB,MAAM,cAAc,CAAC;AA+CzE,eAAO,MAAM,sBAAsB,EAW9B,mBAAmB,CAAC;AAEzB,QAAA,MAAM,aAAa,EAizBd,mBAAmB,CAAC;AAEzB,eAAe,aAAa,CAAC"}

package/lib/internal/template/table/internal.js CHANGED Viewed

@@ -395,7 +395,7 @@ const InternalTable = React.forwardRef(({ header, footer, empty, filter, paginat
                                 resizableColumns && columnGroupsLayout && columnGroupsLayout.rows.length > 1 && (React.createElement(TableColGroup, { visibleColumnDefinitions: visibleColumnDefinitions, hasSelection: hasSelection })),
                                 React.createElement(Thead, { ref: theadRef, hidden: stickyHeader, onFocusedComponentChange: focusId => { var _a; return (_a = stickyHeaderRef.current) === null || _a === void 0 ? void 0 : _a.setFocus(focusId); }, ...theadProps }),
                                 React.createElement("tbody", { ref: tableBodyRef },
-                                    skeleton && allItems.length === 0 && loading ? (React.createElement(SkeletonRows, { count: skeletonRowsCount, hasDataRows: false, totalColumnsCount: totalColumnsCount, loadingText: loadingText, hasSelection: hasSelection, hasFooter: hasFooter, stickyState: stickyState, tableRole: tableRole, ariaLabels: ariaLabels, cellVerticalAlign: cellVerticalAlign, computedVariant: computedVariant, visibleColumnDefinitions: visibleColumnDefinitions, wrapLines: wrapLines, resizableColumns: resizableColumns, colIndexOffset: colIndexOffset })) : !skeleton && (loading || allItems.length === 0) ? (React.createElement("tr", null,
+                                    skeleton && allItems.length === 0 && loading ? (React.createElement(SkeletonRows, { count: skeletonRowsCount, hasDataRows: false, totalColumnsCount: totalColumnsCount, loadingText: loadingText, hasSelection: hasSelection, hasFooter: hasFooter, stickyState: stickyState, tableRole: tableRole, ariaLabels: ariaLabels, cellVerticalAlign: cellVerticalAlign, computedVariant: computedVariant, visibleColumnDefinitions: visibleColumnDefinitions, wrapLines: wrapLines, resizableColumns: resizableColumns, colIndexOffset: colIndexOffset, renderCell: skeleton === null || skeleton === void 0 ? void 0 : skeleton.renderCell })) : !skeleton && (loading || allItems.length === 0) ? (React.createElement("tr", null,
                                         React.createElement(NoDataCell, { totalColumnsCount: totalColumnsCount, hasFooter: hasFooter, loading: loading, loadingText: loadingText, empty: empty, tableRef: tableRefObject, containerRef: wrapperMeasureRefObject }))) : (allRows.map((row, rowIndex) => {
                                         const isFirstRow = rowIndex === 0;
                                         const hasSkeletonBelow = loading && skeleton && allItems.length > 0 && skeletonRowsCount - allItems.length > 0;
@@ -497,7 +497,7 @@ const InternalTable = React.forwardRef(({ header, footer, empty, filter, paginat
                                                 return (React.createElement(TableLoaderCell, { key: getColumnKey(column, colIndex), ...sharedCellProps, wrapLines: false, columnId: (_a = column.id) !== null && _a !== void 0 ? _a : colIndex, colIndex: colIndex + colIndexOffset, isSelected: selectionType === 'group' && !!(loaderSelectionProps === null || loaderSelectionProps === void 0 ? void 0 : loaderSelectionProps.checked), isRowHeader: colIndex === 0, level: row.level, item: row.item, trackBy: trackBy, counter: loaderCounter }, loaderContent));
                                             }))));
                                     })),
-                                    loading && skeleton && allItems.length > 0 && skeletonRowsCount - allItems.length > 0 && (React.createElement(SkeletonRows, { count: skeletonRowsCount - allItems.length, hasDataRows: true, totalColumnsCount: totalColumnsCount, loadingText: loadingText, hasSelection: hasSelection, hasFooter: hasFooter, stickyState: stickyState, tableRole: tableRole, ariaLabels: ariaLabels, cellVerticalAlign: cellVerticalAlign, computedVariant: computedVariant, visibleColumnDefinitions: visibleColumnDefinitions, wrapLines: wrapLines, resizableColumns: resizableColumns, colIndexOffset: colIndexOffset }))))),
+                                    loading && skeleton && allItems.length > 0 && skeletonRowsCount - allItems.length > 0 && (React.createElement(SkeletonRows, { count: skeletonRowsCount - allItems.length, hasDataRows: true, totalColumnsCount: totalColumnsCount, loadingText: loadingText, hasSelection: hasSelection, hasFooter: hasFooter, stickyState: stickyState, tableRole: tableRole, ariaLabels: ariaLabels, cellVerticalAlign: cellVerticalAlign, computedVariant: computedVariant, visibleColumnDefinitions: visibleColumnDefinitions, wrapLines: wrapLines, resizableColumns: resizableColumns, colIndexOffset: colIndexOffset, renderCell: skeleton === null || skeleton === void 0 ? void 0 : skeleton.renderCell }))))),
                         resizableColumns && React.createElement(ResizeTracker, null)),
                     React.createElement(StickyScrollbar, { ref: scrollbarRef, wrapperRef: wrapperRefObject, tableRef: tableRefObject, onScroll: handleScroll, hasStickyColumns: hasStickyColumns }))))));
 });