@elastic/eui 92.0.0 → 92.1.0

package/eui.d.ts

@@ -11012,6 +11012,16 @@ 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;
+	    border: import("@emotion/utils").SerializedStyles;
+	    borderDirection: {
+	        horizontal: import("@emotion/utils").SerializedStyles;
+	        vertical: import("@emotion/utils").SerializedStyles;
+	    };
+	    handle: import("@emotion/utils").SerializedStyles;
+	    handleDirection: {
+	        horizontal: import("@emotion/utils").SerializedStyles;
+	        vertical: import("@emotion/utils").SerializedStyles;
+	    };
 	    alignIndicator: {
 	        center: import("@emotion/utils").SerializedStyles;
 	        start: import("@emotion/utils").SerializedStyles;
@@ -11031,8 +11041,14 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_button
 	     */
 	    isHorizontal?: boolean;
 	    /**
-	     * Specify the alignment of the initial resize indicator. Defaults to `center`,
-	     * but consider using `start` for extremely tall content that scrolls off-screen
+	     * By default, EuiResizableButton will show a grab handle to indicate resizability.
+	     * This indicator can be optionally hidden to show a plain border instead.
+	     */
+	    indicator?: 'handle' | 'border';
+	    /**
+	     * Allows customizing the alignment of grab `handle` indicators (does nothing for
+	     * border indicators). Defaults to `center`, but consider using `start` for extremely
+	     * tall content that scrolls off-screen
 	     */
 	    alignIndicator?: 'center' | 'start' | 'end';
 	    /**
@@ -11051,8 +11067,14 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_button
 	     */
 	    isHorizontal?: boolean | undefined;
 	    /**
-	     * Specify the alignment of the initial resize indicator. Defaults to `center`,
-	     * but consider using `start` for extremely tall content that scrolls off-screen
+	     * By default, EuiResizableButton will show a grab handle to indicate resizability.
+	     * This indicator can be optionally hidden to show a plain border instead.
+	     */
+	    indicator?: "border" | "handle" | undefined;
+	    /**
+	     * Allows customizing the alignment of grab `handle` indicators (does nothing for
+	     * border indicators). Defaults to `center`, but consider using `start` for extremely
+	     * tall content that scrolls off-screen
 	     */
 	    alignIndicator?: "center" | "end" | "start" | undefined;
 	    /**
@@ -11278,12 +11300,13 @@ declare module '@elastic/eui/src/components/resizable_container/helpers' {
 	        [key: string]: number;
 	    }) => any;
 	}
+	export const isTouchEvent: (event: MouseEvent | ReactMouseEvent | TouchEvent | ReactTouchEvent) => event is TouchEvent | ReactTouchEvent<Element>;
 	export const pxToPercent: (proportion: number, whole: number) => number;
 	export const sizesOnly: (panelObject: EuiResizableContainerRegistry['panels']) => {
 	    [key: string]: number;
 	};
 	export const getPanelMinSize: (panelMinSize: string[], containerSize: number) => number;
-	export const getPosition: (event: ReactMouseEvent | ReactTouchEvent, isHorizontal: boolean) => number;
+	export const getPosition: (event: ReactMouseEvent | MouseEvent | ReactTouchEvent | TouchEvent, isHorizontal: boolean) => number;
 	export const useContainerCallbacks: ({ initialState, containerRef, onPanelWidthChange, }: Params) => [EuiResizableContainerActions, EuiResizableContainerState];
 	export {};
 
@@ -11344,8 +11367,14 @@ declare module '@elastic/eui/src/components/flyout/flyout_resizable.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const euiFlyoutResizableButtonStyles: ({ euiTheme }: UseEuiTheme) => {
 	    euiFlyoutResizableButton: import("@emotion/utils").SerializedStyles;
-	    left: import("@emotion/utils").SerializedStyles;
-	    right: import("@emotion/utils").SerializedStyles;
+	    overlay: {
+	        left: import("@emotion/utils").SerializedStyles;
+	        right: import("@emotion/utils").SerializedStyles;
+	    };
+	    push: {
+	        left: import("@emotion/utils").SerializedStyles;
+	        right: import("@emotion/utils").SerializedStyles;
+	    };
 	};
 
 }
@@ -11498,6 +11527,7 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 	};
 	export const euiCollapsibleNavFooterStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiCollapsibleNav__footer: import("@emotion/utils").SerializedStyles;
+	    euiFlyoutFooter__overflow: import("@emotion/utils").SerializedStyles;
 	    isPushCollapsed: import("@emotion/utils").SerializedStyles;
 	};
 
@@ -13483,7 +13513,6 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    setColumnWidth: (columnId: string, width: number) => void;
 	    setVisibleColumns: (columnId: string[]) => void;
 	    switchColumnPos: (colFromId: string, colToId: string) => void;
-	    headerIsInteractive: boolean;
 	}
 	export type EuiDataGridHeaderRowProps = CommonProps & HTMLAttributes<HTMLDivElement> & EuiDataGridHeaderRowPropsSpecificProps;
 	export interface EuiDataGridHeaderCellProps extends Omit<EuiDataGridHeaderRowPropsSpecificProps, 'leadingControlColumns'> {
@@ -13493,14 +13522,15 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	export interface EuiDataGridControlHeaderCellProps {
 	    index: number;
 	    controlColumn: EuiDataGridControlColumn;
-	    headerIsInteractive: boolean;
 	}
 	export interface EuiDataGridHeaderCellWrapperProps extends PropsWithChildren {
 	    id: string;
 	    index: number;
-	    headerIsInteractive: boolean;
 	    width?: number | null;
 	    className?: string;
+	    hasActionsPopover?: boolean;
+	    isActionsButtonFocused?: boolean;
+	    focusActionsButton?: () => void;
 	}
 	export type EuiDataGridFooterRowProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    rowIndex: number;
@@ -13753,8 +13783,6 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    renderCustomGridBody?: EuiDataGridProps['renderCustomGridBody'];
 	    interactiveCellId: EuiDataGridCellProps['interactiveCellId'];
 	    pagination?: Required<EuiDataGridPaginationProps>;
-	    headerIsInteractive: boolean;
-	    handleHeaderMutation: MutationCallback;
 	    setVisibleColumns: EuiDataGridHeaderRowProps['setVisibleColumns'];
 	    switchColumnPos: EuiDataGridHeaderRowProps['switchColumnPos'];
 	    onColumnResize?: EuiDataGridOnColumnResizeHandler;
@@ -13904,9 +13932,6 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	export interface EuiDataGridCellState {
 	    cellProps: EuiDataGridSetCellProps;
 	    isFocused: boolean;
-	    isEntered: boolean;
-	    enableInteractions: boolean;
-	    disableCellTabIndex: boolean;
 	    cellTextAlign: 'Left' | 'Right';
 	}
 	export type EuiDataGridCellValueProps = Omit<EuiDataGridCellProps, 'width' | 'interactiveCellId' | 'popoverContext' | 'rowManager'>;
@@ -14319,24 +14344,20 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 
 }
 declare module '@elastic/eui/src/components/datagrid/utils/focus' {
-	import { HTMLAttributes, KeyboardEvent, MutableRefObject } from 'react';
-	import { GridOnItemsRenderedProps } from 'react-window';
+	import { HTMLAttributes, KeyboardEvent } from 'react';
 	import { DataGridFocusContextShape, EuiDataGridFocusedCell, EuiDataGridProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
 	export const DataGridFocusContext: import("react").Context<DataGridFocusContextShape>; type FocusProps = Pick<HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onKeyUp'>;
 	/**
 	 * Main focus context and overarching focus state management
 	 */
-	export const useFocus: ({ headerIsInteractive, gridItemsRendered, }: {
-	    headerIsInteractive: boolean;
-	    gridItemsRendered: MutableRefObject<GridOnItemsRenderedProps | null>;
-	}) => DataGridFocusContextShape & {
+	export const useFocus: () => DataGridFocusContextShape & {
 	    focusProps: FocusProps;
 	};
 	export const notifyCellOfFocusState: (cellsUpdateFocus: Map<string, Function>, cell: EuiDataGridFocusedCell, isFocused: boolean) => void;
 	/**
 	 * Keydown handler for connecting focus state with keyboard navigation
 	 */
-	export const createKeyDownHandler: ({ gridElement, visibleColCount, visibleRowCount, visibleRowStartIndex, rowCount, pagination, hasFooter, headerIsInteractive, focusContext, }: {
+	export const createKeyDownHandler: ({ gridElement, visibleColCount, visibleRowCount, visibleRowStartIndex, rowCount, pagination, hasFooter, focusContext, }: {
 	    gridElement: HTMLDivElement | null;
 	    visibleColCount: number;
 	    visibleRowCount: number;
@@ -14344,7 +14365,6 @@ declare module '@elastic/eui/src/components/datagrid/utils/focus' {
 	    rowCount: EuiDataGridProps['rowCount'];
 	    pagination: Required<EuiDataGridProps['pagination']>;
 	    hasFooter: boolean;
-	    headerIsInteractive: boolean;
 	    focusContext: DataGridFocusContextShape;
 	}) => (event: KeyboardEvent<HTMLDivElement>) => void;
 	/**
@@ -14354,11 +14374,34 @@ declare module '@elastic/eui/src/components/datagrid/utils/focus' {
 	 */
 	export const preventTabbing: (records: MutationRecord[]) => void;
 	export const getParentCellContent: (_element: Node | HTMLElement) => HTMLElement | null;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/datagrid/body/cell/focus_utils' {
+	import { PropsWithChildren, FunctionComponent } from 'react';
 	/**
-	 * Focus fixes & workarounds
+	 * This internal utility component is used by all cells, both header and body/footer cells.
+	 * It always handles:
+	 *   1. Removing any interactive children from keyboard tab order on cell mount
+	 *   2. Listening for focus on any interactive children and updating the cell focus context
+	 *
+	 * It should *only* render focus traps for:
+	 *   1. Header cells that are `actions: false` but still have interactive children
+	 *   2. Body cells that are `isExpandable: false` but still have interactive children
 	 */
-	export const useHeaderFocusWorkaround: (headerIsInteractive: boolean) => void;
-	export {};
+	export const HandleInteractiveChildren: FunctionComponent<PropsWithChildren & {
+	    cellEl?: HTMLElement | null;
+	    updateCellFocusContext: Function;
+	    renderFocusTrap?: boolean;
+	}>;
+	/**
+	 * Cells with interactive children but no cell popover expansion should render a
+	 * focus trap that can be entered with the Enter key, which cycles keyboard tabs
+	 * through the cell contents only, and exited with the Escape key
+	 */
+	export const FocusTrappedChildren: FunctionComponent<PropsWithChildren & {
+	    cellEl: HTMLElement;
+	}>;
 
 }
 declare module '@elastic/eui/src/components/datagrid/body/header/data_grid_header_cell_wrapper' {
@@ -14614,53 +14657,20 @@ declare module '@elastic/eui/src/components/datagrid/body/header/data_grid_heade
 }
 declare module '@elastic/eui/src/components/datagrid/body/header/use_data_grid_header' {
 	import React from 'react';
-	import { EuiDataGridHeaderRowProps } from '@elastic/eui/src/components/datagrid/data_grid_types'; type Props = EuiDataGridHeaderRowProps & {
-	    handleHeaderMutation: MutationCallback;
-	};
+	import { EuiDataGridHeaderRowProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
 	/**
 	 * DRY out setting up the grid header and its refs & observers
 	 */
-	export const useDataGridHeader: ({ handleHeaderMutation, ...props }: Props) => {
+	export const useDataGridHeader: (props: EuiDataGridHeaderRowProps) => {
 	    headerRow: React.JSX.Element;
 	    headerRowHeight: number;
 	};
-	export {};
 
 }
 declare module '@elastic/eui/src/components/datagrid/body/header' {
 	export { EuiDataGridHeaderRow } from '@elastic/eui/src/components/datagrid/body/header/data_grid_header_row';
 	export { useDataGridHeader } from '@elastic/eui/src/components/datagrid/body/header/use_data_grid_header';
 
-}
-declare module '@elastic/eui/src/components/datagrid/body/data_grid_cell_actions' {
-	import React from 'react';
-	import { EuiDataGridColumn } from '@elastic/eui/src/components/datagrid/data_grid_types';
-	export const EuiDataGridCellActions: ({ onExpandClick, column, rowIndex, colIndex, }: {
-	    onExpandClick: () => void;
-	    column?: EuiDataGridColumn | undefined;
-	    rowIndex: number;
-	    colIndex: number;
-	}) => React.JSX.Element;
-	export const EuiDataGridCellPopoverActions: ({ rowIndex, colIndex, column, }: {
-	    column?: EuiDataGridColumn | undefined;
-	    colIndex: number;
-	    rowIndex: number;
-	}) => React.JSX.Element;
-
-}
-declare module '@elastic/eui/src/components/datagrid/body/data_grid_cell_popover' {
-	import React, { ReactNode } from 'react';
-	import { DataGridCellPopoverContextShape, EuiDataGridCellPopoverElementProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
-	export const DataGridCellPopoverContext: React.Context<DataGridCellPopoverContextShape>;
-	export const useCellPopover: () => {
-	    cellPopoverContext: DataGridCellPopoverContextShape;
-	    cellPopover: ReactNode;
-	};
-	export const DefaultCellPopover: ({ schema, cellActions, children, cellContentsElement, }: EuiDataGridCellPopoverElementProps) => React.JSX.Element;
-	export const JsonPopoverContent: ({ cellText }: {
-	    cellText: string;
-	}) => React.JSX.Element;
-
 }
 declare module '@elastic/eui/src/utils/prop_types/is' {
 	export const is: <T>(expectedValue: any) => {
@@ -14704,23 +14714,51 @@ declare module '@elastic/eui/src/utils' {
 	export * from '@elastic/eui/src/utils/is_jest';
 
 }
-declare module '@elastic/eui/src/components/datagrid/body/data_grid_cell' {
-	import React, { Component, ContextType, FocusEvent } from 'react';
+declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell_actions' {
+	import React from 'react';
+	import { EuiDataGridColumn } from '@elastic/eui/src/components/datagrid/data_grid_types';
+	export const EuiDataGridCellActions: ({ onExpandClick, column, rowIndex, colIndex, }: {
+	    onExpandClick: () => void;
+	    column?: EuiDataGridColumn | undefined;
+	    rowIndex: number;
+	    colIndex: number;
+	}) => React.JSX.Element;
+	export const EuiDataGridCellPopoverActions: ({ rowIndex, colIndex, column, }: {
+	    column?: EuiDataGridColumn | undefined;
+	    colIndex: number;
+	    rowIndex: number;
+	}) => React.JSX.Element;
+
+}
+declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell_popover' {
+	import React, { ReactNode } from 'react';
+	import { DataGridCellPopoverContextShape, EuiDataGridCellPopoverElementProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
+	export const DataGridCellPopoverContext: React.Context<DataGridCellPopoverContextShape>;
+	export const useCellPopover: () => {
+	    cellPopoverContext: DataGridCellPopoverContextShape;
+	    cellPopover: ReactNode;
+	};
+	export const DefaultCellPopover: ({ schema, cellActions, children, cellContentsElement, }: EuiDataGridCellPopoverElementProps) => React.JSX.Element;
+	export const JsonPopoverContent: ({ cellText }: {
+	    cellText: string;
+	}) => React.JSX.Element;
+
+}
+declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell' {
+	import React, { Component, ContextType } from 'react';
 	import { DataGridFocusContext } from '@elastic/eui/src/components/datagrid/utils/focus';
 	import { EuiDataGridCellProps, EuiDataGridCellState, EuiDataGridSetCellProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
 	export class EuiDataGridCell extends Component<EuiDataGridCellProps, EuiDataGridCellState> {
-	    static activeFocusTimeoutId: number | undefined;
 	    cellRef: React.MutableRefObject<HTMLDivElement | null>;
 	    contentObserver: any;
 	    popoverAnchorRef: React.MutableRefObject<HTMLDivElement | null>;
 	    cellContentsRef: HTMLDivElement | null;
 	    state: EuiDataGridCellState;
 	    unsubscribeCell?: Function;
-	    focusTimeout: number | undefined;
 	    style: null;
 	    static contextType: React.Context<import ("@elastic/eui/src/components/datagrid/data_grid_types").DataGridFocusContextShape>;
 	    context: ContextType<typeof DataGridFocusContext>;
-	    getInteractables: () => never[] | NodeListOf<HTMLElement>;
+	    updateCellFocusContext: () => void;
 	    takeFocus: (preventScroll: boolean) => void;
 	    recalculateAutoHeight: () => void;
 	    recalculateLineHeight: () => void;
@@ -14732,10 +14770,6 @@ declare module '@elastic/eui/src/components/datagrid/body/data_grid_cell' {
 	    shouldComponentUpdate(nextProps: EuiDataGridCellProps, nextState: EuiDataGridCellState): boolean;
 	    setCellProps: (cellProps: EuiDataGridSetCellProps) => void;
 	    setCellContentsRef: (ref: HTMLDivElement | null) => void;
-	    onFocus: (e: FocusEvent<HTMLDivElement>) => void;
-	    onBlur: () => void;
-	    preventTabbing: () => void;
-	    enableTabbing: () => void;
 	    setCellTextAlign: () => void;
 	    isExpandable: () => boolean;
 	    isPopoverOpen: () => boolean;
@@ -14743,6 +14777,24 @@ declare module '@elastic/eui/src/components/datagrid/body/data_grid_cell' {
 	    render(): React.JSX.Element;
 	}
 
+}
+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'; type CellProps = Pick<EuiDataGridCellProps, 'colIndex' | 'visibleRowIndex' | 'style' | 'renderCellValue' | 'renderCellPopover' | 'interactiveCellId' | 'rowHeightsOptions' | 'rowHeightUtils' | 'rowManager' | 'setRowHeight'> & 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
+	 * (e.g. control vs data cell), & sets shared props between all cells
+	 */
+	export const Cell: FunctionComponent<CellProps>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/datagrid/body/cell' {
+	export { EuiDataGridCell } from '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell';
+	export { Cell } from '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell_wrapper';
+	export { DataGridCellPopoverContext, useCellPopover, } from '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell_popover';
+
 }
 declare module '@elastic/eui/src/components/datagrid/body/footer/data_grid_footer_row' {
 	import React from 'react'; const EuiDataGridFooterRow: React.MemoExoticComponent<React.ForwardRefExoticComponent<import ("@elastic/eui/src/components").CommonProps & React.HTMLAttributes<HTMLDivElement> & {
@@ -14780,18 +14832,6 @@ declare module '@elastic/eui/src/components/datagrid/body/footer' {
 	export { EuiDataGridFooterRow } from '@elastic/eui/src/components/datagrid/body/footer/data_grid_footer_row';
 	export { useDataGridFooter } from '@elastic/eui/src/components/datagrid/body/footer/use_data_grid_footer';
 
-}
-declare module '@elastic/eui/src/components/datagrid/body/data_grid_cell_wrapper' {
-	import { FunctionComponent } from 'react';
-	import { EuiDataGridCellProps, EuiDataGridBodyProps, EuiDataGridHeaderRowProps } from '@elastic/eui/src/components/datagrid/data_grid_types'; type CellProps = Pick<EuiDataGridCellProps, 'colIndex' | 'visibleRowIndex' | 'style' | 'renderCellValue' | 'renderCellPopover' | 'interactiveCellId' | 'rowHeightsOptions' | 'rowHeightUtils' | 'rowManager' | 'setRowHeight'> & 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
-	 * (e.g. control vs data cell), & sets shared props between all cells
-	 */
-	export const Cell: FunctionComponent<CellProps>;
-	export {};
-
 }
 declare module '@elastic/eui/src/components/datagrid/body/data_grid_row_manager' {
 	import { RefObject } from 'react';
@@ -15198,13 +15238,6 @@ declare module '@elastic/eui/src/components/datagrid/utils/in_memory' {
 	 */
 	export const EuiDataGridInMemoryRenderer: FunctionComponent<EuiDataGridInMemoryRendererProps>;
 
-}
-declare module '@elastic/eui/src/components/datagrid/body/header/header_is_interactive' {
-	export const useHeaderIsInteractive: (gridElement: HTMLElement | null) => {
-	    headerIsInteractive: boolean;
-	    handleHeaderMutation: MutationCallback;
-	};
-
 }
 declare module '@elastic/eui/src/components/datagrid/utils/row_count' {
 	import { EuiDataGridProps, EuiDataGridVisibleRows } from '@elastic/eui/src/components/datagrid/data_grid_types';
@@ -19531,7 +19564,7 @@ declare module '@elastic/eui/src/components/tree_view/tree_view' {
 	    static contextType: React.Context<string>;
 	    context: ContextType<typeof EuiTreeViewContext>;
 	    isNested: boolean;
-	    constructor(props: EuiTreeViewProps, context: ContextType<typeof EuiTreeViewContext>);
+	    constructor(props: EuiTreeViewProps, context?: ContextType<typeof EuiTreeViewContext>);
 	    componentDidUpdate(prevProps: EuiTreeViewProps): void;
 	    buttonRef: Array<HTMLButtonElement | undefined>;
 	    setButtonRef: (ref: HTMLButtonElement | HTMLAnchorElement | null, index: number) => void;
@@ -28477,6 +28510,8 @@ declare module '@elastic/eui' {
 "euiComboBox.listboxAriaLabel": any;
 "euiDataGridCellActions.expandButtonTitle": any;
 "euiDataGridCell.position": any;
+"euiDataGridCell.expansionEnterPrompt": any;
+"euiDataGridCell.focusTrapEnterPrompt": any;
 "euiColumnActions.hideColumn": any;
 "euiColumnActions.moveLeft": any;
 "euiColumnActions.moveRight": any;