@elastic/eui 95.11.0 → 95.12.0

package/eui.d.ts

@@ -2533,6 +2533,12 @@ declare module '@elastic/eui/src/components/table/table_row_cell' {
 	     * See #EuiTableRowCellMobileOptionsShape
 	     */
 	    mobileOptions?: EuiTableRowCellMobileOptionsShape;
+	    /**
+	     * Content rendered outside the visible cell content wrapper. Useful for, e.g. screen reader text.
+	     *
+	     * Used by EuiBasicTable to render hidden copy markers
+	     */
+	    append?: ReactNode;
 	} type Props = CommonProps & Omit<TdHTMLAttributes<HTMLTableCellElement>, 'valign'> & EuiTableRowCellProps;
 	export const EuiTableRowCell: FunctionComponent<Props>;
 	export {};
@@ -3268,7 +3274,7 @@ declare module '@elastic/eui/src/components/table/table_header_cell_shared' {
 
 }
 declare module '@elastic/eui/src/components/table/table_header_cell' {
-	import { FunctionComponent, ThHTMLAttributes } from 'react';
+	import { FunctionComponent, ThHTMLAttributes, ReactNode } from 'react';
 	import { HorizontalAlignment } from '@elastic/eui/src/services';
 	import { CommonProps, NoArgCallback } from '@elastic/eui/src/components/common';
 	import type { EuiTableRowCellMobileOptionsShape } from '@elastic/eui/src/components/table/table_row_cell';
@@ -3287,18 +3293,25 @@ declare module '@elastic/eui/src/components/table/table_header_cell' {
 	     * Shows the sort indicator but removes the button
 	     */
 	    readOnly?: boolean;
+	    /**
+	     * Content rendered outside the visible cell content wrapper. Useful for, e.g. screen reader text.
+	     *
+	     * Used by EuiBasicTable to render hidden copy markers
+	     */
+	    append?: ReactNode;
 	};
 	export const EuiTableHeaderCell: FunctionComponent<EuiTableHeaderCellProps>;
 
 }
 declare module '@elastic/eui/src/components/table/table_header_cell_checkbox' {
-	import { FunctionComponent, ThHTMLAttributes } from 'react';
+	import { FunctionComponent, ThHTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { HEADER_CELL_SCOPE } from '@elastic/eui/src/components/table/table_header_cell_shared';
 	export type EuiTableHeaderCellCheckboxScope = (typeof HEADER_CELL_SCOPE)[number];
 	export interface EuiTableHeaderCellCheckboxProps {
 	    width?: string | number;
 	    scope?: EuiTableHeaderCellCheckboxScope;
+	    append?: ReactNode;
 	}
 	export const EuiTableHeaderCellCheckbox: FunctionComponent<CommonProps & ThHTMLAttributes<HTMLTableHeaderCellElement> & EuiTableHeaderCellCheckboxProps>;
 
@@ -5286,9 +5299,11 @@ declare module '@elastic/eui/src/components/table/table_row' {
 
 }
 declare module '@elastic/eui/src/components/table/table_row_cell_checkbox' {
-	import { FunctionComponent, TdHTMLAttributes } from 'react';
+	import { FunctionComponent, TdHTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export const EuiTableRowCellCheckbox: FunctionComponent<CommonProps & TdHTMLAttributes<HTMLTableCellElement>>;
+	export const EuiTableRowCellCheckbox: FunctionComponent<CommonProps & TdHTMLAttributes<HTMLTableCellElement> & {
+	    append?: ReactNode;
+	}>;
 
 }
 declare module '@elastic/eui/src/components/table' {
@@ -7157,9 +7172,38 @@ declare module '@elastic/eui/src/services/console' {
 	export * from '@elastic/eui/src/services/console/warn_once';
 
 }
-declare module '@elastic/eui/src/services/copy_to_clipboard' {
+declare module '@elastic/eui/src/services/copy/copy_to_clipboard' {
 	export function copyToClipboard(text: string): boolean;
 
+}
+declare module '@elastic/eui/src/services/copy/tabular_copy' {
+	import React, { PropsWithChildren } from 'react';
+	/**
+	 * Clipboard text cleaning logic
+	 */
+	export const CHARS: {
+	    NEWLINE: string;
+	    TAB: string;
+	    TABULAR_CONTENT_BOUND: string;
+	    NO_COPY_BOUND: string;
+	};
+	export const onTabularCopy: (event: ClipboardEvent | React.ClipboardEvent) => void;
+	export const tabularCopyMarkers: {
+	    hiddenTab: React.JSX.Element;
+	    hiddenNewline: React.JSX.Element;
+	    hiddenWrapperBoundary: React.JSX.Element;
+	    hiddenNoCopyBoundary: React.JSX.Element;
+	};
+	/**
+	 * Wrapper setup around table/grid tabular content we want to override/clean up on copy
+	 */
+	export const OverrideCopiedTabularContent: ({ children, }: PropsWithChildren) => React.JSX.Element;
+
+}
+declare module '@elastic/eui/src/services/copy' {
+	export { copyToClipboard } from '@elastic/eui/src/services/copy/copy_to_clipboard';
+	export { tabularCopyMarkers, OverrideCopiedTabularContent, } from '@elastic/eui/src/services/copy/tabular_copy';
+
 }
 declare module '@elastic/eui/src/services/findElement' {
 	/**
@@ -7498,7 +7542,7 @@ declare module '@elastic/eui/src/services' {
 	export { useColorPickerState, useColorStopsState } from '@elastic/eui/src/services/color_picker';
 	export type { EuiSetColorMethod } from '@elastic/eui/src/services/color_picker';
 	export * from '@elastic/eui/src/services/console';
-	export { copyToClipboard } from '@elastic/eui/src/services/copy_to_clipboard';
+	export * from '@elastic/eui/src/services/copy';
 	export * from '@elastic/eui/src/services/emotion';
 	export * from '@elastic/eui/src/services/findElement';
 	export { dateFormatAliases, formatAuto, formatBoolean, formatDate, formatNumber, formatText, } from '@elastic/eui/src/services/format';
@@ -11867,6 +11911,20 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_button
 	    euiResizableButton: import("@emotion/utils").SerializedStyles;
 	    horizontal: import("@emotion/utils").SerializedStyles;
 	    vertical: import("@emotion/utils").SerializedStyles;
+	    accountForScrollbars: {
+	        horizontal: {
+	            both: import("@emotion/utils").SerializedStyles;
+	            before: import("@emotion/utils").SerializedStyles;
+	            after: import("@emotion/utils").SerializedStyles;
+	            none: import("@emotion/utils").SerializedStyles;
+	        };
+	        vertical: {
+	            both: import("@emotion/utils").SerializedStyles;
+	            before: import("@emotion/utils").SerializedStyles;
+	            after: import("@emotion/utils").SerializedStyles;
+	            none: import("@emotion/utils").SerializedStyles;
+	        };
+	    };
 	    border: import("@emotion/utils").SerializedStyles;
 	    borderDirection: {
 	        horizontal: import("@emotion/utils").SerializedStyles;
@@ -11906,6 +11964,12 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_button
 	     * tall content that scrolls off-screen
 	     */
 	    alignIndicator?: 'center' | 'start' | 'end';
+	    /**
+	     * By default, EuiResizableButton will overlap into the panels before/after it.
+	     * This can occasionally occlude interactive elements like scrollbars. To prevent
+	     * this overlap, use this prop to remove the overlap for the specified side.
+	     */
+	    accountForScrollbars?: 'before' | 'after' | 'both';
 	    /**
 	     * When disabled, the resizer button will be completely hidden
 	     */
@@ -11932,6 +11996,12 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_button
 	     * tall content that scrolls off-screen
 	     */
 	    alignIndicator?: "center" | "end" | "start" | undefined;
+	    /**
+	     * By default, EuiResizableButton will overlap into the panels before/after it.
+	     * This can occasionally occlude interactive elements like scrollbars. To prevent
+	     * this overlap, use this prop to remove the overlap for the specified side.
+	     */
+	    accountForScrollbars?: "both" | "before" | "after" | undefined;
 	    /**
 	     * When disabled, the resizer button will be completely hidden
 	     */
@@ -14171,51 +14241,6 @@ declare module '@elastic/eui/src/components/comment_list' {
 	export type { EuiCommentListProps } from '@elastic/eui/src/components/comment_list/comment_list';
 	export { EuiCommentList } from '@elastic/eui/src/components/comment_list/comment_list';
 
-}
-declare module '@elastic/eui/src/components/datagrid/data_grid.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiDataGridVariables: (euiThemeContext: UseEuiTheme) => {
-	    cellPadding: {
-	        s: string;
-	        m: string;
-	        l: string;
-	    };
-	    lineHeight: {
-	        s: import("csstype").Property.LineHeight<string | number> | undefined;
-	        m: import("csstype").Property.LineHeight<string | number> | undefined;
-	    };
-	    fontSize: {
-	        s: import("csstype").Property.FontSize<string | number> | undefined;
-	        m: import("csstype").Property.FontSize<string | number> | undefined;
-	    };
-	    levels: {
-	        cellPopover: number;
-	        readonly stickyHeader: number;
-	    };
-	};
-	export const euiDataGridStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiDataGrid: import("@emotion/utils").SerializedStyles;
-	    cellPadding: {
-	        cellPadding: (size: 's' | 'm' | 'l') => import("@emotion/utils").SerializedStyles;
-	        readonly s: import("@emotion/utils").SerializedStyles;
-	        readonly m: import("@emotion/utils").SerializedStyles;
-	        readonly l: import("@emotion/utils").SerializedStyles;
-	    };
-	    fontSize: {
-	        fontSize: (size: 's' | 'm') => import("@emotion/utils").SerializedStyles;
-	        readonly s: import("@emotion/utils").SerializedStyles;
-	        readonly m: import("@emotion/utils").SerializedStyles;
-	        readonly l: import("@emotion/utils").SerializedStyles;
-	    };
-	    borders: {
-	        none: null;
-	        horizontal: import("@emotion/utils").SerializedStyles;
-	        all: import("@emotion/utils").SerializedStyles;
-	    };
-	    euiDataGrid__content: import("@emotion/utils").SerializedStyles;
-	    euiDataGrid__focusWrap: import("@emotion/utils").SerializedStyles;
-	};
-
 }
 declare module '@elastic/eui/src/components/datagrid/utils/data_grid_schema' {
 	import { EuiDataGridColumn, EuiDataGridInMemory, EuiDataGridInMemoryValues, EuiDataGridSchema, EuiDataGridSchemaDetector } from '@elastic/eui/src/components/datagrid/data_grid_types';
@@ -14268,17 +14293,11 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
 	import { MutableRefObject } from 'react';
 	import { GridOnItemsRenderedProps } from 'react-window';
 	import { EuiDataGridColumn, EuiDataGridRowHeightOption, EuiDataGridRowHeightsOptions, EuiDataGridScrollAnchorRow, EuiDataGridStyle, ImperativeGridApi } from '@elastic/eui/src/components/datagrid/data_grid_types';
-	import { euiDataGridVariables } from '@elastic/eui/src/components/datagrid/data_grid.styles';
 	export type RowHeightUtilsType = RowHeightUtils | RowHeightVirtualizationUtils;
 	export class RowHeightUtils {
 	    getRowHeightOption(rowIndex: number, rowHeightsOptions?: EuiDataGridRowHeightsOptions): EuiDataGridRowHeightOption | undefined;
 	    isRowHeightOverride(rowIndex: number, rowHeightsOptions?: EuiDataGridRowHeightsOptions): boolean;
 	    getCalculatedHeight(heightOption: EuiDataGridRowHeightOption, defaultHeight: number, rowIndex?: number, isRowHeightOverride?: boolean): number;
-	    /**
-	     * Styles utils
-	     */
-	    private styles;
-	    cacheStyles(gridStyles: EuiDataGridStyle, cellPaddingsMap: ReturnType<typeof euiDataGridVariables>['cellPadding']): void;
 	    /**
 	     * Height types
 	     */
@@ -14287,7 +14306,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
 	     * Line count utils
 	     */
 	    getLineCount(option?: EuiDataGridRowHeightOption): number | undefined;
-	    calculateHeightForLineCount(cellRef: HTMLElement, lineCount: number, excludePadding?: boolean): number;
+	    calculateHeightForLineCount(cellRef: HTMLElement, lineCount: number): number;
 	    /**
 	     * Auto height utils
 	     */
@@ -14325,7 +14344,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
 	 * Hook for instantiating RowHeightUtils, setting internal class vars,
 	 * and setting up various row-height-related side effects
 	 */
-	export const useRowHeightUtils: ({ virtualization, rowHeightsOptions, gridStyles, columns, }: {
+	export const useRowHeightUtils: ({ virtualization, rowHeightsOptions, columns, }: {
 	    virtualization?: false | {
 	        gridRef: MutableRefObject<ImperativeGridApi | null>;
 	        outerGridElementRef: MutableRefObject<HTMLDivElement | null>;
@@ -14558,6 +14577,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    schemaDetectors: EuiDataGridSchemaDetector[];
 	    defaultColumnWidth?: number | null;
 	    setColumnWidth: (columnId: string, width: number) => void;
+	    visibleColCount: number;
 	    setVisibleColumns: (columnId: string[]) => void;
 	    switchColumnPos: (colFromId: string, colToId: string) => void;
 	    gridStyles: EuiDataGridStyle;
@@ -14569,12 +14589,14 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	}
 	export interface EuiDataGridControlHeaderCellProps {
 	    index: number;
+	    visibleColCount: number;
 	    controlColumn: EuiDataGridControlColumn;
 	}
 	export interface EuiDataGridHeaderCellWrapperProps {
 	    children: ReactNode | ((renderFocusTrap: boolean) => ReactNode);
 	    id: string;
 	    index: number;
+	    visibleColCount: number;
 	    width?: number | null;
 	    className?: string;
 	    'aria-label'?: AriaAttributes['aria-label'];
@@ -14593,6 +14615,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    renderCellPopover?: EuiDataGridCellProps['renderCellPopover'];
 	    interactiveCellId: EuiDataGridCellProps['interactiveCellId'];
 	    visibleRowIndex?: number;
+	    visibleColCount: number;
 	    gridStyles: EuiDataGridStyle;
 	};
 	export interface EuiDataGridVisibleRows {
@@ -14989,6 +15012,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    rowHeightUtils?: RowHeightUtilsType;
 	    rowManager?: EuiDataGridRowManager;
 	    pagination?: Required<EuiDataGridPaginationProps>;
+	    gridStyles: EuiDataGridStyle;
 	}
 	export interface EuiDataGridCellState {
 	    cellProps: EuiDataGridSetCellProps;
@@ -15559,9 +15583,9 @@ declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell.st
 	    euiDataGridRowCell: import("@emotion/utils").SerializedStyles;
 	    content: {
 	        euiDataGridRowCell__content: import("@emotion/utils").SerializedStyles;
-	        controlColumn: import("@emotion/utils").SerializedStyles;
 	        autoHeight: import("@emotion/utils").SerializedStyles;
 	        defaultHeight: import("@emotion/utils").SerializedStyles;
+	        controlColumn: import("@emotion/utils").SerializedStyles;
 	    };
 	};
 
@@ -15828,7 +15852,6 @@ declare module '@elastic/eui/src/components/datagrid/body/header/data_grid_heade
 	 */
 	export const euiDataGridHeaderCellStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiDataGridHeaderCell__content: import("@emotion/utils").SerializedStyles;
-	    left: import("@emotion/utils").SerializedStyles;
 	    right: import("@emotion/utils").SerializedStyles;
 	    euiDataGridHeaderCell__popover: import("@emotion/utils").SerializedStyles;
 	    euiDataGridHeaderCell__button: import("@emotion/utils").SerializedStyles;
@@ -15863,6 +15886,51 @@ declare module '@elastic/eui/src/components/datagrid/body/header/data_grid_heade
 	    popoverScreenReaderText: React.JSX.Element;
 	};
 
+}
+declare module '@elastic/eui/src/components/datagrid/data_grid.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiDataGridVariables: (euiThemeContext: UseEuiTheme) => {
+	    cellPadding: {
+	        s: string;
+	        m: string;
+	        l: string;
+	    };
+	    lineHeight: {
+	        s: import("csstype").Property.LineHeight<string | number> | undefined;
+	        m: import("csstype").Property.LineHeight<string | number> | undefined;
+	    };
+	    fontSize: {
+	        s: import("csstype").Property.FontSize<string | number> | undefined;
+	        m: import("csstype").Property.FontSize<string | number> | undefined;
+	    };
+	    levels: {
+	        cellPopover: number;
+	        readonly stickyHeader: number;
+	    };
+	};
+	export const euiDataGridStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiDataGrid: import("@emotion/utils").SerializedStyles;
+	    cellPadding: {
+	        cellPadding: (size: 's' | 'm' | 'l') => import("@emotion/utils").SerializedStyles;
+	        readonly s: import("@emotion/utils").SerializedStyles;
+	        readonly m: import("@emotion/utils").SerializedStyles;
+	        readonly l: import("@emotion/utils").SerializedStyles;
+	    };
+	    fontSize: {
+	        fontSize: (size: 's' | 'm') => import("@emotion/utils").SerializedStyles;
+	        readonly s: import("@emotion/utils").SerializedStyles;
+	        readonly m: import("@emotion/utils").SerializedStyles;
+	        readonly l: import("@emotion/utils").SerializedStyles;
+	    };
+	    borders: {
+	        none: null;
+	        horizontal: import("@emotion/utils").SerializedStyles;
+	        all: import("@emotion/utils").SerializedStyles;
+	    };
+	    euiDataGrid__content: import("@emotion/utils").SerializedStyles;
+	    euiDataGrid__focusWrap: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/datagrid/body/header/data_grid_header_row.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -15982,7 +16050,7 @@ declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell' {
 declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell_wrapper' {
 	import { FunctionComponent } from 'react';
 	import { EuiDataGridCellProps, EuiDataGridBodyProps, EuiDataGridHeaderRowProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
-	export type CellProps = Pick<EuiDataGridCellProps, 'colIndex' | 'visibleRowIndex' | 'style' | 'renderCellValue' | 'cellContext' | 'renderCellPopover' | 'interactiveCellId' | 'rowHeightsOptions' | 'rowHeightUtils' | 'rowManager' | 'setRowHeight' | 'column'> & Pick<EuiDataGridBodyProps, 'schema' | 'schemaDetectors' | 'pagination' | 'columns' | 'leadingControlColumns' | 'trailingControlColumns' | 'visibleColCount'> & Pick<EuiDataGridHeaderRowProps, 'columnWidths' | 'defaultColumnWidth'> & Partial<EuiDataGridCellProps>;
+	export type CellProps = Pick<EuiDataGridCellProps, 'colIndex' | 'visibleRowIndex' | 'style' | 'renderCellValue' | 'cellContext' | 'renderCellPopover' | 'interactiveCellId' | 'gridStyles' | 'rowHeightsOptions' | 'rowHeightUtils' | 'rowManager' | 'setRowHeight' | 'column'> & Pick<EuiDataGridBodyProps, 'schema' | 'schemaDetectors' | 'pagination' | 'columns' | 'leadingControlColumns' | 'trailingControlColumns' | 'visibleColCount'> & Pick<EuiDataGridHeaderRowProps, 'columnWidths' | 'defaultColumnWidth'> & Partial<EuiDataGridCellProps>;
 	/**
 	 * A DRY wrapper used by both custom and virtualized grid cells.
 	 * It grabs context,  determines the type of cell being rendered
@@ -16022,6 +16090,7 @@ declare module '@elastic/eui/src/components/datagrid/body/footer/data_grid_foote
 	    renderCellPopover?: React.JSXElementConstructor<import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridCellPopoverElementProps> | ((props: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridCellPopoverElementProps) => React.ReactNode) | undefined;
 	    interactiveCellId: string;
 	    visibleRowIndex?: number | undefined;
+	    visibleColCount: number;
 	    gridStyles: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridStyle;
 	} & React.RefAttributes<HTMLDivElement>>>;
 	export { EuiDataGridFooterRow };
@@ -21067,6 +21136,19 @@ declare module '@elastic/eui/src/components/provider/cache/cache_provider' {
 declare module '@elastic/eui/src/components/provider/cache' {
 	export * from '@elastic/eui/src/components/provider/cache/cache_provider';
 
+}
+declare module '@elastic/eui/src/components/provider/system_color_mode/system_color_mode_provider' {
+	import { FunctionComponent, ReactElement } from 'react';
+	import { EuiThemeColorModeStandard } from '@elastic/eui/src/services';
+	export const COLOR_MODE_MEDIA_QUERY = "(prefers-color-scheme: dark)";
+	export const EuiSystemColorModeProvider: FunctionComponent<{
+	    children: (systemColorMode: EuiThemeColorModeStandard) => ReactElement;
+	}>;
+
+}
+declare module '@elastic/eui/src/components/provider/system_color_mode' {
+	export { EuiSystemColorModeProvider } from '@elastic/eui/src/components/provider/system_color_mode/system_color_mode_provider';
+
 }
 declare module '@elastic/eui/src/components/provider/nested/nested_context' {
 	import React, { PropsWithChildren } from 'react';
@@ -21088,15 +21170,20 @@ declare module '@elastic/eui/src/components/provider/nested' {
 declare module '@elastic/eui/src/components/provider/provider' {
 	import React, { PropsWithChildren } from 'react';
 	import type { EmotionCache } from '@emotion/css';
-	import { EuiThemeProviderProps, EuiThemeSystem } from '@elastic/eui/src/services';
+	import { EuiThemeProviderProps, EuiThemeSystem, EuiThemeColorMode } from '@elastic/eui/src/services';
 	import { EuiGlobalStylesProps } from '@elastic/eui/src/global_styling/reset/global_styles';
 	import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
-	export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'colorMode' | 'modify'> {
+	export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'modify'> {
 	    /**
 	     * Provide a specific EuiTheme; Defaults to EuiThemeAmsterdam;
 	     * Pass `null` to remove all theming including global reset
 	     */
 	    theme?: EuiThemeSystem | null;
+	    /**
+	     * Allows setting `light` or `dark` mode.
+	     * Defaults to the user's OS/system setting if undefined.
+	     */
+	    colorMode?: EuiThemeColorMode;
 	    /**
 	     * Provide global styles via `@emotion/react` `Global` for your custom theme.
 	     * Pass `false` to remove the default EUI global styles.
@@ -24519,7 +24606,8 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	    renderItemActionsCell(itemId: ItemIdResolved, item: T, column: EuiTableActionsColumnType<T>, columnIndex: number, rowIndex: number, hasCustomActions: boolean): React.JSX.Element;
 	    renderItemFieldDataCell(itemId: ItemId<T>, item: T, column: EuiTableFieldDataColumnType<T>, columnIndex: number, setScopeRow: boolean): React.JSX.Element;
 	    renderItemComputedCell(itemId: ItemId<T>, item: T, column: EuiTableComputedColumnType<T>, columnIndex: number): React.JSX.Element;
-	    renderItemCell(item: T, column: EuiBasicTableColumn<T>, key: string | number, content: ReactNode, setScopeRow: boolean): React.JSX.Element;
+	    renderItemCell(item: T, column: EuiBasicTableColumn<T>, columnIndex: number, key: string | number, content: ReactNode, setScopeRow: boolean): React.JSX.Element;
+	    renderCopyChar: (columnIndex: number) => React.JSX.Element;
 	    resolveColumnSortDirection: (column: EuiBasicTableColumn<T>) => "desc" | "asc" | undefined;
 	    resolveColumnOnSort: (column: EuiBasicTableColumn<T>) => (() => void) | undefined;
 	    getRendererForDataType(dataType?: EuiTableDataType): (value: any) => string;
@@ -25133,10 +25221,11 @@ declare module '@elastic/eui/src/components/datagrid/data_grid.stories.utils' {
 	    location: React.JSX.Element;
 	    date: string;
 	    account: string;
-	    version: string;
+	    version: React.JSX.Element;
 	}[];
 	export const defaultStorybookArgs: {
 	    'aria-label': string;
+	    css: import("@emotion/utils").SerializedStyles;
 	    columns: ({
 	        id: string;
 	        displayAsText: string;
@@ -25145,6 +25234,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid.stories.utils' {
 	        initialWidth?: undefined;
 	        actions?: undefined;
 	        isResizable?: undefined;
+	        schema?: undefined;
 	    } | {
 	        id: string;
 	        displayAsText: string;
@@ -25153,6 +25243,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid.stories.utils' {
 	        defaultSortDirection?: undefined;
 	        actions?: undefined;
 	        isResizable?: undefined;
+	        schema?: undefined;
 	    } | {
 	        id: string;
 	        displayAsText: string;
@@ -25161,6 +25252,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid.stories.utils' {
 	        initialWidth?: undefined;
 	        actions?: undefined;
 	        isResizable?: undefined;
+	        schema?: undefined;
 	    } | {
 	        id: string;
 	        displayAsText: string;
@@ -25182,6 +25274,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid.stories.utils' {
 	        defaultSortDirection?: undefined;
 	        initialWidth?: undefined;
 	        isResizable?: undefined;
+	        schema?: undefined;
 	    } | {
 	        id: string;
 	        displayAsText: string;
@@ -25190,6 +25283,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid.stories.utils' {
 	        initialWidth?: undefined;
 	        actions?: undefined;
 	        isResizable?: undefined;
+	        schema?: undefined;
 	    } | {
 	        id: string;
 	        displayAsText: string;
@@ -25197,6 +25291,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid.stories.utils' {
 	        initialWidth: number;
 	        isResizable: boolean;
 	        actions: false;
+	        schema: string;
 	        cellActions?: undefined;
 	    })[];
 	    rowCount: number;
@@ -25211,7 +25306,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid.stories.utils' {
 	        id: string;
 	        width: number;
 	        headerCellRender: () => React.JSX.Element;
-	        rowCellRender: () => React.JSX.Element;
+	        rowCellRender: ({ rowIndex }: EuiDataGridCellValueElementProps) => React.JSX.Element;
 	    }[];
 	    columnVisibility: {
 	        visibleColumns: string[];