@elastic/eui 69.0.0 → 70.0.0

package/eui.d.ts

@@ -4768,8 +4768,8 @@ declare module '@elastic/eui/src/components/observer/resize_observer' {
 declare module '@elastic/eui/src/components/form/form.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const euiFormVariables: (euiThemeContext: UseEuiTheme) => {
-	    controlLayoutGroupInputHeight: string | undefined;
-	    controlLayoutGroupInputCompressedHeight: string | undefined;
+	    controlLayoutGroupInputHeight: string;
+	    controlLayoutGroupInputCompressedHeight: string;
 	    controlLayoutGroupInputCompressedBorderRadius: import("csstype").Property.BorderRadius<string | number> | undefined;
 	    controlIconSize: {
 	        s: string;
@@ -4790,7 +4790,7 @@ declare module '@elastic/eui/src/components/form/form.styles' {
 	    controlPlaceholderText: string;
 	    inputGroupLabelBackground: string;
 	    inputGroupBorder: string;
-	    maxWidth: string | undefined;
+	    maxWidth: string;
 	    controlHeight: string;
 	    controlCompressedHeight: string;
 	    controlPadding: string;
@@ -5485,8 +5485,12 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip.styles' {
 	    left: import("@emotion/utils").SerializedStyles;
 	    right: import("@emotion/utils").SerializedStyles;
 	    euiToolTip__arrow: import("@emotion/utils").SerializedStyles;
-	};
-	export const euiToolTipPopoverStyles: ({ euiTheme, colorMode, }: UseEuiTheme) => {
+	    arrowPositions: {
+	        top: import("@emotion/utils").SerializedStyles;
+	        bottom: import("@emotion/utils").SerializedStyles;
+	        left: import("@emotion/utils").SerializedStyles;
+	        right: import("@emotion/utils").SerializedStyles;
+	    };
 	    euiToolTip__title: import("@emotion/utils").SerializedStyles;
 	};
 	export const euiToolTipAnchorStyles: () => {
@@ -5524,7 +5528,10 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip_anchor' {
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip_arrow' {
 	import { HTMLAttributes, FunctionComponent } from 'react';
-	export const EuiToolTipArrow: FunctionComponent<HTMLAttributes<HTMLDivElement>>;
+	import { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
+	export const EuiToolTipArrow: FunctionComponent<{
+	    position: ToolTipPositions;
+	} & HTMLAttributes<HTMLDivElement>>;
 
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
@@ -6652,15 +6659,9 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 
 }
 declare module '@elastic/eui/src/global_styling/functions/math' {
-	/**
-	 * Utility for performing math callbacks on a string with CSS units
-	 * and returning a string with its unit preserved.
-	 *
-	 * Example usage:
-	 * mathWithUnits('4px', (x) => x / 2) = '2px';
-	 * mathWithUnits(euiTheme.size.xs, (x) => x + 2) = '6px';
-	 */
-	export const mathWithUnits: (value: string | number | undefined, callback: (x: number) => number, unit?: string) => string | undefined;
+	 type ValueTypes = string | number | undefined;
+	export const mathWithUnits: (values: ValueTypes | ValueTypes[], callback: (...args: number[]) => number, unit?: string) => string;
+	export {};
 
 }
 declare module '@elastic/eui/src/global_styling/functions/size' {
@@ -7448,6 +7449,14 @@ declare module '@elastic/eui/src/global_styling/mixins/_padding' {
 	export const PADDING_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
 	export type EuiPaddingSize = typeof PADDING_SIZES[number];
 	export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
+	export const euiPaddingSizeCSS: (euiThemeContext: UseEuiTheme, side?: "left" | "right" | "top" | "bottom" | "horizontal" | "vertical" | undefined) => {
+	    none: null;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
+	};
 	export const useEuiPaddingSize: (size: EuiPaddingSize) => string | null;
 	export const useEuiPaddingCSS: (side?: "left" | "right" | "top" | "bottom" | "horizontal" | "vertical" | undefined) => {
 	    none: null;
@@ -8730,11 +8739,27 @@ declare module '@elastic/eui/src/components/card' {
 	export type { EuiCheckableCardProps } from '@elastic/eui/src/components/card/checkable_card';
 	export { EuiCheckableCard } from '@elastic/eui/src/components/card/checkable_card';
 
+}
+declare module '@elastic/eui/src/components/code/code_block_line.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCodeBlockLineStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCodeBlock__line: string;
+	    hasLineNumbers: string;
+	    lineText: {
+	        euiCodeBlock__lineText: string;
+	        isHighlighted: string;
+	    };
+	    lineNumber: {
+	        euiCodeBlock__lineNumber: string;
+	    };
+	};
+
 }
 declare module '@elastic/eui/src/components/code/utils' {
 	import { ReactElement, ReactNode, HTMLAttributes } from 'react';
 	import { AST, RefractorNode } from 'refractor';
 	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { UseEuiTheme } from '@elastic/eui/src/services';
 	/**
 	 * Utils shared between EuiCode and EuiCodeBlock
 	 */
@@ -8758,9 +8783,47 @@ declare module '@elastic/eui/src/components/code/utils' {
 	    highlight?: string;
 	}
 	export const parseLineRanges: (ranges: string) => number[];
-	export const highlightByLine: (children: string, language: string, data: LineNumbersConfig) => RefractorNode[];
+	export const highlightByLine: (children: string, language: string, data: LineNumbersConfig, euiTheme: UseEuiTheme) => RefractorNode[];
 	export {};
 
+}
+declare module '@elastic/eui/src/components/code/code_syntax.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCodeSyntaxColors: (euiThemeContext: UseEuiTheme) => {
+	    backgroundColor: string;
+	    color: string;
+	    inlineCodeColor: string;
+	    selectedBackgroundColor: string;
+	    commentColor: string;
+	    selectorTagColor: string;
+	    stringColor: string;
+	    tagColor: string;
+	    nameColor: string;
+	    numberColor: string;
+	    keywordColor: string;
+	    functionTitleColor: string;
+	    typeColor: string;
+	    attributeColor: string;
+	    symbolColor: string;
+	    paramsColor: string;
+	    metaColor: string;
+	    titleColor: string;
+	    sectionColor: string;
+	    additionColor: string;
+	    deletionColor: string;
+	    selectorClassColor: string;
+	    selectorIdColor: string;
+	};
+	export const euiCodeSyntaxTokens: (euiThemeContext: UseEuiTheme) => string;
+
+}
+declare module '@elastic/eui/src/components/code/code.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCodeStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCode: import("@emotion/utils").SerializedStyles;
+	    transparentBackground: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/code/code' {
 	import { FunctionComponent } from 'react';
@@ -8768,6 +8831,24 @@ declare module '@elastic/eui/src/components/code/code' {
 	export type EuiCodeProps = EuiCodeSharedProps;
 	export const EuiCode: FunctionComponent<EuiCodeProps>;
 
+}
+declare module '@elastic/eui/src/components/code/code_block_overflow' {
+	import { CSSProperties } from 'react';
+	/**
+	 * Overflow logic - returns overflow-related state/logic/utils
+	 *
+	 * Detects whether the code block overflows and returns a tabIndex of 0 if so,
+	 * which allows keyboard users to use the up/down arrow keys to scroll through
+	 * the container.
+	 */
+	export const useOverflow: ({ overflowHeight, }: {
+	    overflowHeight?: string | number | undefined;
+	}) => {
+	    setWrapperRef: import("react").Dispatch<import("react").SetStateAction<Element | null>>;
+	    tabIndex: 0 | -1;
+	    overflowHeightStyles: CSSProperties;
+	};
+
 }
 declare module '@elastic/eui/src/components/copy/copy' {
 	import { Component, ReactElement, ReactNode } from 'react';
@@ -8812,14 +8893,32 @@ declare module '@elastic/eui/src/components/copy' {
 	export type { EuiCopyProps } from '@elastic/eui/src/components/copy/copy';
 	export { EuiCopy } from '@elastic/eui/src/components/copy/copy';
 
+}
+declare module '@elastic/eui/src/components/code/code_block_copy' {
+	import { ReactNode } from 'react';
+	/**
+	 * Hook that returns copy-related state/logic/utils
+	 */
+	export const useCopy: ({ isCopyable, isVirtualized, children, }: {
+	    isCopyable: boolean;
+	    isVirtualized: boolean;
+	    children: ReactNode;
+	}) => {
+	    innerTextRef: (node: HTMLElement | Element | null | undefined) => void;
+	    copyButton: JSX.Element | null;
+	};
+
 }
 declare module '@elastic/eui/src/components/overlay_mask/overlay_mask.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const euiOverlayMaskStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiOverlayMask: import("@emotion/utils").SerializedStyles;
-	    aboveHeader: import("@emotion/utils").SerializedStyles;
-	    belowHeader: import("@emotion/utils").SerializedStyles;
+	    euiOverlayMask: string;
+	    aboveHeader: string;
+	    belowHeader: string;
 	};
+
+}
+declare module '@elastic/eui/src/components/overlay_mask/overlay_mask_body.styles' {
 	export const euiOverlayMaskBodyStyles: import("@emotion/utils").SerializedStyles;
 
 }
@@ -8844,7 +8943,7 @@ declare module '@elastic/eui/src/components/overlay_mask/overlay_mask' {
 	     */
 	    maskRef?: Ref<HTMLDivElement> | MutableRefObject<HTMLDivElement>;
 	}
-	export type EuiOverlayMaskProps = CommonProps & Omit<Partial<Record<keyof HTMLAttributes<HTMLDivElement>, string>>, keyof EuiOverlayMaskInterface> & EuiOverlayMaskInterface;
+	export type EuiOverlayMaskProps = Omit<CommonProps, 'css'> & Omit<Partial<Record<keyof HTMLAttributes<HTMLDivElement>, string>>, keyof EuiOverlayMaskInterface> & EuiOverlayMaskInterface;
 	export const EuiOverlayMask: FunctionComponent<EuiOverlayMaskProps>;
 
 }
@@ -8852,13 +8951,129 @@ declare module '@elastic/eui/src/components/overlay_mask' {
 	export type { EuiOverlayMaskProps } from '@elastic/eui/src/components/overlay_mask/overlay_mask';
 	export { EuiOverlayMask } from '@elastic/eui/src/components/overlay_mask/overlay_mask';
 
+}
+declare module '@elastic/eui/src/components/code/code_block.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCodeBlockStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCodeBlock: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    transparentBackground: import("@emotion/utils").SerializedStyles;
+	    isFullScreen: import("@emotion/utils").SerializedStyles;
+	    hasControls: {
+	        none: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	        xl: import("@emotion/utils").SerializedStyles;
+	    };
+	    hasBothControls: {
+	        none: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	        xl: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+	export const euiCodeBlockPreStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCodeBlock__pre: import("@emotion/utils").SerializedStyles;
+	    padding: {
+	        none: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	        xl: import("@emotion/utils").SerializedStyles;
+	    };
+	    whiteSpace: {
+	        pre: {
+	            pre: import("@emotion/utils").SerializedStyles;
+	            controlsOffset: {
+	                none: import("@emotion/utils").SerializedStyles;
+	                s: import("@emotion/utils").SerializedStyles;
+	                m: import("@emotion/utils").SerializedStyles;
+	                l: import("@emotion/utils").SerializedStyles;
+	                xl: import("@emotion/utils").SerializedStyles;
+	            };
+	        };
+	        preWrap: {
+	            preWrap: import("@emotion/utils").SerializedStyles;
+	            controlsOffset: {
+	                none: import("@emotion/utils").SerializedStyles;
+	                s: import("@emotion/utils").SerializedStyles;
+	                m: import("@emotion/utils").SerializedStyles;
+	                l: import("@emotion/utils").SerializedStyles;
+	                xl: import("@emotion/utils").SerializedStyles;
+	            };
+	        };
+	    };
+	};
+	export const euiCodeBlockCodeStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCodeBlock__code: import("@emotion/utils").SerializedStyles;
+	    isVirtualized: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/code/code_block_full_screen' {
+	import { FunctionComponent, KeyboardEvent } from 'react';
+	/**
+	 * Hook that returns fullscreen-related state/logic/utils
+	 */
+	export const useFullScreen: ({ overflowHeight, }: {
+	    overflowHeight?: string | number | undefined;
+	}) => {
+	    fullScreenButton: JSX.Element | null;
+	    isFullScreen: boolean;
+	    onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+	};
+	/**
+	 * Portalled full screen wrapper
+	 */
+	export const EuiCodeBlockFullScreenWrapper: FunctionComponent;
+
+}
+declare module '@elastic/eui/src/components/code/code_block_controls.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCodeBlockControlsStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCodeBlock__controls: import("@emotion/utils").SerializedStyles;
+	    offset: {
+	        none: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+
+}
+declare module '@elastic/eui/src/components/code/code_block_controls' {
+	import { FC, ReactNode } from 'react';
+	import type { EuiCodeBlockPaddingSize } from '@elastic/eui/src/components/code/code_block';
+	export const EuiCodeBlockControls: FC<{
+	    controls: ReactNode[];
+	    paddingSize: EuiCodeBlockPaddingSize;
+	}>;
+
+}
+declare module '@elastic/eui/src/components/code/code_block_virtualized' {
+	import { HTMLAttributes } from 'react';
+	import { RefractorNode } from 'refractor';
+	export const EuiCodeBlockVirtualized: ({ data, rowHeight, overflowHeight, preProps, codeProps, }: {
+	    data: RefractorNode[];
+	    rowHeight: number;
+	    overflowHeight?: string | number | undefined;
+	    preProps: HTMLAttributes<HTMLPreElement>;
+	    codeProps: HTMLAttributes<HTMLElement>;
+	}) => JSX.Element;
+
 }
 declare module '@elastic/eui/src/components/code/code_block' {
 	import { FunctionComponent } from 'react';
 	import { ExclusiveUnion } from '@elastic/eui/src/components/common';
-	import { EuiCodeSharedProps } from '@elastic/eui/src/components/code/utils'; type PaddingSize = 'none' | 's' | 'm' | 'l'; type FontSize = 's' | 'm' | 'l';
-	export const FONT_SIZES: ("s" | "m" | "l")[];
-	export const PADDING_SIZES: PaddingSize[]; type VirtualizedOptionProps = ExclusiveUnion<{
+	import { EuiCodeSharedProps } from '@elastic/eui/src/components/code/utils';
+	export const FONT_SIZES: readonly ["s", "m", "l"];
+	export type EuiCodeBlockFontSize = typeof FONT_SIZES[number];
+	export const PADDING_SIZES: readonly ["none", "s", "m", "l"];
+	export type EuiCodeBlockPaddingSize = typeof PADDING_SIZES[number]; type VirtualizedOptionProps = ExclusiveUnion<{
 	    isVirtualized: true;
 	    overflowHeight: number | string;
 	    whiteSpace?: 'pre';
@@ -8872,8 +9087,8 @@ declare module '@elastic/eui/src/components/code/code_block' {
 	    highlight?: string;
 	}
 	export type EuiCodeBlockProps = EuiCodeSharedProps & {
-	    paddingSize?: PaddingSize;
-	    fontSize?: FontSize;
+	    paddingSize?: EuiCodeBlockPaddingSize;
+	    fontSize?: EuiCodeBlockFontSize;
 	    /**
 	     * Specify how `white-space` inside the element is handled.
 	     * `pre` respects line breaks/white space but doesn't force them to wrap the line
@@ -16390,7 +16605,7 @@ declare module '@elastic/eui/src/themes' {
 }
 declare module '@elastic/eui/src/components/provider/cache/cache_provider' {
 	import { PropsWithChildren } from 'react';
-	import { EmotionCache } from '@emotion/cache';
+	import { EmotionCache } from '@emotion/css';
 	export interface EuiCacheProviderProps {
 	    cache?: false | EmotionCache;
 	}
@@ -16403,7 +16618,7 @@ declare module '@elastic/eui/src/components/provider/cache' {
 }
 declare module '@elastic/eui/src/components/provider/provider' {
 	import React, { PropsWithChildren } from 'react';
-	import { EmotionCache } from '@emotion/react';
+	import { EmotionCache } from '@emotion/css';
 	import { EuiGlobalStylesProps } from '@elastic/eui/src/global_styling/reset/global_styles';
 	import { EuiThemeProviderProps, EuiThemeSystem } from '@elastic/eui/src/services';
 	export interface EuiProviderProps<T> extends Omit<EuiThemeProviderProps<T>, 'children' | 'theme'>, EuiGlobalStylesProps {
@@ -16690,7 +16905,7 @@ declare module '@elastic/eui/src/components/search_bar/query/ast' {
 	    getFieldClauses(field?: string): FieldClause[];
 	    getFieldClause(field: string, predicate: (c: FieldClause) => boolean): FieldClause | undefined;
 	    hasOrFieldClause(field: string, value?: Value): boolean;
-	    getOrFieldClause(field: string, value?: Value): FieldClause | undefined;
+	    getOrFieldClause(field: string, value?: Value, must?: boolean, operator?: OperatorType): FieldClause | undefined;
 	    addOrFieldValue(field: string, value: Value, must?: boolean, operator?: OperatorType): _AST;
 	    removeOrFieldValue(field: string, value: Value): _AST;
 	    removeOrFieldClauses(field: string): _AST;
@@ -18832,6 +19047,7 @@ declare module '@elastic/eui/src/components/tour/tour.styles' {
 	};
 	export const euiTourBeaconStyles: ({ euiTheme }: UseEuiTheme) => {
 	    euiTourBeacon: import("@emotion/utils").SerializedStyles;
+	    isOpen: import("@emotion/utils").SerializedStyles;
 	    right: import("@emotion/utils").SerializedStyles;
 	    left: import("@emotion/utils").SerializedStyles;
 	    top: import("@emotion/utils").SerializedStyles;
@@ -19570,6 +19786,11 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	        defaultFields?: string[];
 	        isClauseMatcher?: (...args: any) => boolean;
 	        explain?: boolean;
+	        /**
+	         * When the search bar Query is controlled and passed to the `search` prop it is by default executed against the items passed to the table to filter them out.
+	         * If the filtering is already done before passing the `items` to the table we can disable the execution by setting `enabled` to `false`.
+	         */
+	        enabled?: boolean;
 	    };
 	    /**
 	     * Insert content between the search bar and table components.
@@ -20008,6 +20229,35 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_collap
 	};
 	export const EuiResizableCollapseButton: FunctionComponent<EuiResizableCollapseButtonProps>;
 
+}
+declare module '@elastic/eui/src/components/resizable_container/resizable_panel.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiResizablePanelStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiResizablePanel: import("@emotion/utils").SerializedStyles;
+	    collapsed: import("@emotion/utils").SerializedStyles;
+	    paddingSizes: {
+	        none: null;
+	        xs: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	        xl: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+	export const euiResizablePanelContentStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiResizablePanel__content: import("@emotion/utils").SerializedStyles;
+	    scrollable: import("@emotion/utils").SerializedStyles;
+	    collapsedChildren: import("@emotion/utils").SerializedStyles;
+	    horizontal: {
+	        collapsed: import("@emotion/utils").SerializedStyles;
+	        hasCollapsibleButton: import("@emotion/utils").SerializedStyles;
+	    };
+	    vertical: {
+	        collapsed: import("@emotion/utils").SerializedStyles;
+	        hasCollapsibleButton: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+
 }
 declare module '@elastic/eui/src/components/resizable_container/resizable_panel' {
 	import { CSSProperties, ReactNode, FunctionComponent, HTMLAttributes } from 'react';
@@ -20111,21 +20361,26 @@ declare module '@elastic/eui/src/components/resizable_container/helpers' {
 	export const useContainerCallbacks: ({ initialState, containerRef, onPanelWidthChange, }: Params) => [EuiResizableContainerActions, EuiResizableContainerState];
 	export {};
 
+}
+declare module '@elastic/eui/src/components/resizable_container/resizable_container.styles' {
+	export const euiResizableContainerStyles: () => {
+	    euiResizableContainer: import("@emotion/utils").SerializedStyles;
+	    horizontal: import("@emotion/utils").SerializedStyles;
+	    vertical: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/resizable_container/resizable_container' {
 	import { ReactNode, CSSProperties, FunctionComponent, HTMLAttributes, ComponentType } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiResizableButtonProps } from '@elastic/eui/src/components/resizable_container/resizable_button';
 	import { EuiResizablePanelProps, ToggleCollapseCallback } from '@elastic/eui/src/components/resizable_container/resizable_panel';
-	import { EuiResizableContainerActions, ResizeTrigger } from '@elastic/eui/src/components/resizable_container/types'; const containerDirections: {
-	    vertical: string;
-	    horizontal: string;
-	};
+	import { EuiResizableContainerActions, ResizeTrigger } from '@elastic/eui/src/components/resizable_container/types';
 	export interface EuiResizableContainerProps extends HTMLAttributes<HTMLDivElement>, CommonProps {
 	    /**
 	     * Specify the container direction
 	     */
-	    direction?: keyof typeof containerDirections;
+	    direction?: 'vertical' | 'horizontal';
 	    /**
 	     * Pure function which accepts Panel and Resizer components in arguments
 	     * and returns a component tree
@@ -20150,7 +20405,6 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_contai
 	    style?: CSSProperties;
 	}
 	export const EuiResizableContainer: FunctionComponent<EuiResizableContainerProps>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/resizable_container' {
@@ -24965,9 +25219,9 @@ declare module '@elastic/eui' {
 "euiCardSelect.selected": any;
 "euiCardSelect.unavailable": any;
 "euiCardSelect.select": any;
-"euiCodeBlock.copyButton": any;
-"euiCodeBlock.fullscreenCollapse": any;
-"euiCodeBlock.fullscreenExpand": any;
+"euiCodeBlockCopy.copy": any;
+"euiCodeBlockFullScreen.fullscreenCollapse": any;
+"euiCodeBlockFullScreen.fullscreenExpand": any;
 "euiColorPickerSwatch.ariaLabel": any;
 "euiColorPicker.popoverLabel": any;
 "euiColorPicker.colorLabel": any;

package/i18ntokens.json

@@ -304,52 +304,52 @@
     "filepath": "src/components/card/card_select/card_select.tsx"
   },
   {
-    "token": "euiCodeBlock.copyButton",
+    "token": "euiCodeBlockCopy.copy",
     "defString": "Copy",
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 359,
-        "column": 21
+        "line": 36,
+        "column": 24
       },
       "end": {
-        "line": 359,
-        "column": 66
+        "line": 36,
+        "column": 67
       }
     },
-    "filepath": "src/components/code/code_block.tsx"
+    "filepath": "src/components/code/code_block_copy.tsx"
   },
   {
-    "token": "euiCodeBlock.fullscreenCollapse",
+    "token": "euiCodeBlockFullScreen.fullscreenCollapse",
     "defString": "Collapse",
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 405,
+        "line": 47,
         "column": 49
       },
       "end": {
-        "line": 408,
+        "line": 53,
         "column": 3
       }
     },
-    "filepath": "src/components/code/code_block.tsx"
+    "filepath": "src/components/code/code_block_full_screen.tsx"
   },
   {
-    "token": "euiCodeBlock.fullscreenExpand",
+    "token": "euiCodeBlockFullScreen.fullscreenExpand",
     "defString": "Expand",
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 405,
+        "line": 47,
         "column": 49
       },
       "end": {
-        "line": 408,
+        "line": 53,
         "column": 3
       }
     },
-    "filepath": "src/components/code/code_block.tsx"
+    "filepath": "src/components/code/code_block_full_screen.tsx"
   },
   {
     "token": "euiColorPickerSwatch.ariaLabel",
@@ -4725,11 +4725,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 336,
+        "line": 314,
         "column": 32
       },
       "end": {
-        "line": 339,
+        "line": 317,
         "column": 3
       }
     },
@@ -5605,11 +5605,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 231,
+        "line": 234,
         "column": 10
       },
       "end": {
-        "line": 238,
+        "line": 241,
         "column": 11
       }
     },
@@ -5621,11 +5621,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 231,
+        "line": 234,
         "column": 10
       },
       "end": {
-        "line": 238,
+        "line": 241,
         "column": 11
       }
     },
@@ -5637,11 +5637,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 231,
+        "line": 234,
         "column": 10
       },
       "end": {
-        "line": 238,
+        "line": 241,
         "column": 11
       }
     },

package/lib/components/basic_table/in_memory_table.js

@@ -414,7 +414,7 @@ var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
           sortName = _this$state2.sortName,
           pageIndex = _this$state2.pageIndex,
           pageSize = _this$state2.pageSize;
-      var matchingItems = query ? _search_bar.EuiSearchBar.Query.execute(query, items, executeQueryOptions) : items;
+      var matchingItems = query !== null && (executeQueryOptions === null || executeQueryOptions === void 0 ? void 0 : executeQueryOptions.enabled) !== false ? _search_bar.EuiSearchBar.Query.execute(query, items, executeQueryOptions) : items;
       var sortedItems = sortName ? matchingItems.slice(0) // avoid mutating the source array
       .sort(this.getItemSorter()) // sort, causes mutation
       : matchingItems;
@@ -1219,7 +1219,13 @@ EuiInMemoryTable.propTypes = {
   executeQueryOptions: _propTypes.default.shape({
     defaultFields: _propTypes.default.arrayOf(_propTypes.default.string.isRequired),
     isClauseMatcher: _propTypes.default.func,
-    explain: _propTypes.default.bool
+    explain: _propTypes.default.bool,
+
+    /**
+         * When the search bar Query is controlled and passed to the `search` prop it is by default executed against the items passed to the table to filter them out.
+         * If the filtering is already done before passing the `items` to the table we can disable the execution by setting `enabled` to `false`.
+         */
+    enabled: _propTypes.default.bool
   }),
 
   /**