@elastic/eui 95.9.0 → 95.10.0

package/eui.d.ts

@@ -14393,7 +14393,7 @@ declare module '@elastic/eui/src/components/token' {
 
 }
 declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
-	import { ComponentType, JSXElementConstructor, ReactNode, HTMLAttributes, CSSProperties, ReactElement, AriaAttributes, MutableRefObject, Ref, Component, PropsWithChildren, ComponentClass } from 'react';
+	import { ComponentType, JSXElementConstructor, ReactNode, HTMLAttributes, CSSProperties, ReactElement, AriaAttributes, MutableRefObject, Ref, Component, ComponentClass } from 'react';
 	import { VariableSizeGridProps, VariableSizeGrid as Grid, GridOnItemsRenderedProps } from 'react-window';
 	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group';
 	import { EuiButtonEmpty, EuiButtonIcon } from '@elastic/eui/src/components/button';
@@ -14519,14 +14519,15 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    index: number;
 	    controlColumn: EuiDataGridControlColumn;
 	}
-	export interface EuiDataGridHeaderCellWrapperProps extends PropsWithChildren {
+	export interface EuiDataGridHeaderCellWrapperProps {
+	    children: ReactNode | ((renderFocusTrap: boolean) => ReactNode);
 	    id: string;
 	    index: number;
 	    width?: number | null;
 	    className?: string;
+	    'aria-label'?: AriaAttributes['aria-label'];
 	    hasActionsPopover?: boolean;
-	    isActionsButtonFocused?: boolean;
-	    focusActionsButton?: () => void;
+	    openActionsPopover?: () => void;
 	}
 	export type EuiDataGridFooterRowProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    rowIndex: number;
@@ -14987,6 +14988,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     * This can be used to display a readable column name in column hiding/sorting, where `display` won't be used.
 	     * This will also be used as a `title` attribute that will display on mouseover (useful if the display text is being truncated by the column width).
 	     * If not passed, `id` will be shown as the column name.
+	     * Passing this together with `display` is useful to ensure an accessible label is added to the column.
 	     */
 	    displayAsText?: string;
 	    /**
@@ -15383,9 +15385,57 @@ declare module '@elastic/eui/src/components/datagrid/utils/focus' {
 	export const getParentCellContent: (_element: Node | HTMLElement) => HTMLElement | null;
 	export {};
 
+}
+declare module '@elastic/eui/src/utils/prop_types/is' {
+	export const is: <T>(expectedValue: any) => {
+	    (props: T, propName: keyof T, componentName: string): Error | null;
+	    isRequired(props: T, propName: keyof T, componentName: string): Error | null;
+	};
+
+}
+declare module '@elastic/eui/src/utils/prop_types/with_required_prop' {
+	/**
+	 * PropType validation that, if the property is present,
+	 * validates against a proptype and verifies that another property exists
+	 *
+	 * example:
+	 * ExampleComponent.propTypes = {
+	 *   items: PropTypes.array,
+	 *   itemId: withRequiredProp(PropTypes.string, 'items', 'itemId is required to extract the ID from an item')
+	 * }
+	 *
+	 * this validator warns if ExampleComponent is passed an `items` prop but not `itemId`
+	 */
+	export const withRequiredProp: (proptype: any, requiredPropName: string, messageDescription?: string | undefined) => (...args: any[]) => any;
+
+}
+declare module '@elastic/eui/src/utils/prop_types' {
+	export const EuiPropTypes: {
+	    is: <T>(expectedValue: any) => {
+	        (props: T, propName: keyof T, componentName: string): Error | null;
+	        isRequired(props: T, propName: keyof T, componentName: string): Error | null;
+	    };
+	    withRequiredProp: (proptype: any, requiredPropName: string, messageDescription?: string | undefined) => (...args: any[]) => any;
+	};
+
+}
+declare module '@elastic/eui/src/utils/is_jest' {
+	export const IS_JEST_ENVIRONMENT: boolean;
+
+}
+declare module '@elastic/eui/src/utils/type_guards' {
+	export const isDOMNode: (el: any) => el is Node;
+
+}
+declare module '@elastic/eui/src/utils' {
+	export * from '@elastic/eui/src/utils/prop_types';
+	export * from '@elastic/eui/src/utils/is_jest';
+	export * from '@elastic/eui/src/utils/type_guards';
+
 }
 declare module '@elastic/eui/src/components/datagrid/body/cell/focus_utils' {
 	import { PropsWithChildren, FunctionComponent } from 'react';
+	import { FocusableElement } from 'tabbable';
 	/**
 	 * This internal utility component is used by all cells, both header and body/footer cells.
 	 * It always handles:
@@ -15400,6 +15450,7 @@ declare module '@elastic/eui/src/components/datagrid/body/cell/focus_utils' {
 	    cellEl?: HTMLElement | null;
 	    updateCellFocusContext: Function;
 	    renderFocusTrap?: boolean;
+	    onInteractiveChildrenFound?: (interactiveChildren: FocusableElement[]) => void;
 	}>;
 	/**
 	 * Cells with interactive children but no cell popover expansion should render a
@@ -15679,53 +15730,6 @@ 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/utils/prop_types/is' {
-	export const is: <T>(expectedValue: any) => {
-	    (props: T, propName: keyof T, componentName: string): Error | null;
-	    isRequired(props: T, propName: keyof T, componentName: string): Error | null;
-	};
-
-}
-declare module '@elastic/eui/src/utils/prop_types/with_required_prop' {
-	/**
-	 * PropType validation that, if the property is present,
-	 * validates against a proptype and verifies that another property exists
-	 *
-	 * example:
-	 * ExampleComponent.propTypes = {
-	 *   items: PropTypes.array,
-	 *   itemId: withRequiredProp(PropTypes.string, 'items', 'itemId is required to extract the ID from an item')
-	 * }
-	 *
-	 * this validator warns if ExampleComponent is passed an `items` prop but not `itemId`
-	 */
-	export const withRequiredProp: (proptype: any, requiredPropName: string, messageDescription?: string | undefined) => (...args: any[]) => any;
-
-}
-declare module '@elastic/eui/src/utils/prop_types' {
-	export const EuiPropTypes: {
-	    is: <T>(expectedValue: any) => {
-	        (props: T, propName: keyof T, componentName: string): Error | null;
-	        isRequired(props: T, propName: keyof T, componentName: string): Error | null;
-	    };
-	    withRequiredProp: (proptype: any, requiredPropName: string, messageDescription?: string | undefined) => (...args: any[]) => any;
-	};
-
-}
-declare module '@elastic/eui/src/utils/is_jest' {
-	export const IS_JEST_ENVIRONMENT: boolean;
-
-}
-declare module '@elastic/eui/src/utils/type_guards' {
-	export const isDOMNode: (el: any) => el is Node;
-
-}
-declare module '@elastic/eui/src/utils' {
-	export * from '@elastic/eui/src/utils/prop_types';
-	export * from '@elastic/eui/src/utils/is_jest';
-	export * from '@elastic/eui/src/utils/type_guards';
-
 }
 declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell_actions' {
 	import React, { Ref } from 'react';
@@ -16572,6 +16576,7 @@ declare module '@elastic/eui/src/components/date_picker/date_picker.styles' {
 	        disabled: import("@emotion/utils").SerializedStyles;
 	        readOnly: import("@emotion/utils").SerializedStyles;
 	    };
+	    inGroup: import("@emotion/utils").SerializedStyles;
 	};
 
 }
@@ -16580,6 +16585,7 @@ declare module '@elastic/eui/src/components/date_picker/date_picker' {
 	import type { Moment } from 'moment';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { PopoverAnchorPosition } from '@elastic/eui/src/components/popover';
+	import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form';
 	import { EuiFormControlLayoutIconsProps } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_icons';
 	import { ReactDatePickerProps } from '@elastic/eui/src/components/date_picker/react-datepicker';
 	export const euiDatePickerDefaultDateFormat = "MM/DD/YYYY";
@@ -16644,9 +16650,25 @@ declare module '@elastic/eui/src/components/date_picker/date_picker' {
 	     * **Use [EuiPopover](/#/layout/popover) values**: 'upCenter', 'upLeft', 'upRight', downCenter', 'downLeft', 'downRight', 'leftCenter', 'leftUp', 'leftDown', 'rightCenter', 'rightUp', 'rightDown'.
 	     */
 	    popoverPlacement?: PopoverAnchorPosition;
+	    /**
+	     * Creates an input group with element(s) coming before the input.
+	     * `string` | `ReactElement` or an array of these
+	     *
+	     * Ignored if `inline` or `controlOnly` are true.
+	     */
+	    append?: EuiFormControlLayoutProps['append'];
+	    /**
+	     * Creates an input group with element(s) coming before the input.
+	     * `string` | `ReactElement` or an array of these
+	     *
+	     * Ignored if `inline` or `controlOnly` are true.
+	     */
+	    prepend?: EuiFormControlLayoutProps['prepend'];
 	    /**
 	     * Completely removes form control layout wrapper and ignores
-	     * iconType. Best used inside EuiFormControlLayoutDelimited.
+	     * `iconType`, `prepend`, and `append`.
+	     *
+	     * Best used inside EuiFormControlLayoutDelimited.
 	     */
 	    controlOnly?: boolean;
 	}
@@ -19882,21 +19904,48 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_lin
 	        value: string;
 	    }>;
 	}
-	export interface EuiMarkdownLinkValidatorOptions {
+	export type EuiMarkdownLinkValidatorOptions = {
+	    /**
+	     * Allow or disallow relative links (links that begin with a `/`)
+	     * @default true
+	     */
+	    allowRelative?: boolean;
+	    /**
+	     * Allow or disallow specific [URL protocols or schemes](https://developer.mozilla.org/en-US/docs/Web/URI/Schemes)
+	     * @default ['https:', 'http:', 'mailto:']
+	     */
+	    allowProtocols?: string[];
+	};
+	export const DEFAULT_OPTIONS: {
 	    allowRelative: boolean;
 	    allowProtocols: string[];
-	}
+	};
 	export function euiMarkdownLinkValidator(options: EuiMarkdownLinkValidatorOptions): (ast: any) => void;
 	export function mutateLinkToText(node: LinkOrTextNode): LinkOrTextNode;
-	export function validateUrl(url: string, { allowRelative, allowProtocols }: EuiMarkdownLinkValidatorOptions): boolean;
+	export function validateUrl(url: string, { allowRelative, allowProtocols, }: EuiMarkdownLinkValidatorOptions): boolean;
 	export {};
 
 }
 declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins' {
 	import { PluggableList } from 'unified';
+	import { EuiMarkdownLinkValidatorOptions } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_link_validator';
 	import type { DefaultPluginsConfig } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/plugins';
 	export type DefaultEuiMarkdownParsingPlugins = PluggableList;
-	export const getDefaultEuiMarkdownParsingPlugins: ({ exclude, }?: DefaultPluginsConfig) => DefaultEuiMarkdownParsingPlugins;
+	export type DefaultParsingPluginsConfig = {
+	    /**
+	     * Allows enabling emoji rendering for emoticons such as :) and :(
+	     * @default { emoticon: false }
+	     */
+	    emoji?: {
+	        emoticon?: boolean;
+	    };
+	    /**
+	     * Allows configuring the `allowRelative` and `allowProtocols` of
+	     * #EuiMarkdownLinkValidatorOptions
+	     */
+	    linkValidator?: EuiMarkdownLinkValidatorOptions;
+	};
+	export const getDefaultEuiMarkdownParsingPlugins: ({ exclude, ...parsingConfig }?: DefaultPluginsConfig & DefaultParsingPluginsConfig) => DefaultEuiMarkdownParsingPlugins;
 	export const defaultParsingPlugins: DefaultEuiMarkdownParsingPlugins;
 
 }
@@ -19905,6 +19954,7 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_def
 	import { Plugin, PluggableList, Pluggable, Settings } from 'unified';
 	import { Options as Remark2RehypeOptions } from 'mdast-util-to-hast';
 	import rehype2react from 'rehype-react';
+	import { EuiLinkProps } from '@elastic/eui/src/components/link';
 	import type { DefaultPluginsConfig } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/plugins';
 	export interface Rehype2ReactOptions {
 	    components: {
@@ -19923,19 +19973,31 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_def
 	    ],
 	    ...PluggableList
 	];
-	export const getDefaultEuiMarkdownProcessingPlugins: ({ exclude, }?: DefaultPluginsConfig) => [[Plugin<[(Settings | undefined)?], Settings>, Remark2RehypeOptions], [typeof rehype2react, Rehype2ReactOptions], ...Pluggable<any[], Settings>[]];
+	export type DefaultProcessingPluginsConfig = {
+	    /**
+	     * Allows customizing all formatted links.
+	     * Accepts any prop that [EuiLink](/#/navigation/link) or any anchor link tag accepts.
+	     * Useful for, e.g. setting `target="_blank"` on all links
+	     */
+	    linkProps?: Partial<EuiLinkProps>;
+	};
+	export const getDefaultEuiMarkdownProcessingPlugins: ({ exclude, linkProps, }?: DefaultPluginsConfig & DefaultProcessingPluginsConfig) => [[Plugin<[(Settings | undefined)?], Settings>, Remark2RehypeOptions], [typeof rehype2react, Rehype2ReactOptions], ...Pluggable<any[], Settings>[]];
 	export const defaultProcessingPlugins: [[Plugin<[(Settings | undefined)?], Settings>, Remark2RehypeOptions], [typeof rehype2react, Rehype2ReactOptions], ...Pluggable<any[], Settings>[]];
 
 }
 declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/plugins' {
 	import { DefaultEuiMarkdownUiPlugins } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/ui_plugins';
-	import { DefaultEuiMarkdownParsingPlugins } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins';
-	import { DefaultEuiMarkdownProcessingPlugins } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/processing_plugins';
+	import { DefaultEuiMarkdownParsingPlugins, type DefaultParsingPluginsConfig } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins';
+	import { DefaultEuiMarkdownProcessingPlugins, type DefaultProcessingPluginsConfig } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/processing_plugins';
 	export type ExcludableDefaultPlugins = 'emoji' | 'lineBreaks' | 'linkValidator' | 'checkbox' | 'tooltip';
 	export type DefaultPluginsConfig = undefined | {
 	    exclude?: ExcludableDefaultPlugins[];
 	};
-	export const getDefaultEuiMarkdownPlugins: (config?: DefaultPluginsConfig) => {
+	export const getDefaultEuiMarkdownPlugins: (config?: DefaultPluginsConfig & {
+	    processingConfig?: DefaultProcessingPluginsConfig;
+	    parsingConfig?: DefaultParsingPluginsConfig;
+	    uiConfig?: {};
+	}) => {
 	    parsingPlugins: DefaultEuiMarkdownParsingPlugins;
 	    processingPlugins: DefaultEuiMarkdownProcessingPlugins;
 	    uiPlugins: DefaultEuiMarkdownUiPlugins;
@@ -22614,6 +22676,7 @@ declare module '@elastic/eui/src/components/selectable' {
 }
 declare module '@elastic/eui/src/components/search_bar/filters/field_value_selection_filter' {
 	import React, { Component, ReactNode } from 'react';
+	import { EuiSelectable } from '@elastic/eui/src/components/selectable';
 	import { EuiSelectableOptionCheckedType } from '@elastic/eui/src/components/selectable/selectable_option';
 	import { Query } from '@elastic/eui/src/components/search_bar/query';
 	import { Clause, OperatorType, Value } from '@elastic/eui/src/components/search_bar/query/ast';
@@ -22640,6 +22703,7 @@ declare module '@elastic/eui/src/components/search_bar/filters/field_value_selec
 	    available?: () => boolean;
 	    autoClose?: boolean;
 	    operator?: OperatorType;
+	    autoSortOptions?: boolean;
 	}
 	export interface FieldValueSelectionFilterProps {
 	    index: number;
@@ -22651,25 +22715,28 @@ declare module '@elastic/eui/src/components/search_bar/filters/field_value_selec
 	    popoverOpen: boolean;
 	    error: string | null;
 	    options: {
-	        all: FieldValueOptionType[];
-	        shown: FieldValueOptionType[];
+	        unsorted: FieldValueOptionType[];
+	        sorted: FieldValueOptionType[];
 	    } | null;
 	    cachedOptions?: FieldValueOptionType[] | null;
-	    activeItems: FieldValueOptionType[];
+	    activeItemsCount: number;
+	    lastCheckedValue?: Value;
 	}
 	export class FieldValueSelectionFilter extends Component<FieldValueSelectionFilterProps, State> {
+	    selectableClassRef: React.RefObject<EuiSelectable<{}>>;
+	    cacheTimeout: ReturnType<typeof setTimeout> | undefined;
 	    constructor(props: FieldValueSelectionFilterProps);
 	    closePopover(): void;
 	    onButtonClick(): void;
-	    loadOptions(): void;
-	    filterOptions(q?: string): void;
-	    getOptionFilter(): OptionsFilter;
-	    resolveOptionsLoader: () => OptionsLoader;
+	    loadOptions: () => Promise<void>;
+	    scrollToAutoSortedOption: () => void;
 	    resolveOptionName(option: FieldValueOptionType): string;
 	    onOptionClick(field: string, value: Value, checked?: Omit<EuiSelectableOptionCheckedType, 'mixed'>): void;
-	    resolveMultiSelect(): MultiSelect;
+	    get autoSortOptions(): boolean;
+	    get multiSelect(): MultiSelect;
 	    componentDidMount(): void;
 	    componentDidUpdate(prevProps: FieldValueSelectionFilterProps): void;
+	    componentWillUnmount(): void;
 	    render(): React.JSX.Element;
 	    resolveChecked(clause: Clause | undefined): 'on' | 'off' | undefined;
 	    isActiveField(field: string | undefined): boolean;
@@ -30483,12 +30550,14 @@ declare module '@elastic/eui' {
 "euiDataGridCellActions.expandButtonTitle": any;
 "euiDataGridCell.position": any;
 "euiDataGridCell.expansionEnterPrompt": any;
+"euiDataGridCell.focusTrapExitPrompt": any;
 "euiDataGridCell.focusTrapEnterPrompt": any;
 "euiColumnActions.hideColumn": any;
 "euiColumnActions.moveLeft": any;
 "euiColumnActions.moveRight": any;
 "euiColumnActions.sort": any;
-"euiDataGridHeaderCell.headerActions": any;
+"euiDataGridHeaderCell.actionsButtonAriaLabel": any;
+"euiDataGridHeaderCell.actionsEnterKeyInstructions": any;
 "euiDataGridHeaderCell.sortedByAscendingSingle": any;
 "euiDataGridHeaderCell.sortedByDescendingSingle": any;
 "euiDataGridHeaderCell.sortedByAscendingFirst": any;

package/i18ntokens.json

@@ -1061,20 +1061,38 @@
     },
     "filepath": "src/components/datagrid/body/cell/data_grid_cell.tsx"
   },
+  {
+    "token": "euiDataGridCell.focusTrapExitPrompt",
+    "defString": "Exited cell content.",
+    "highlighting": "string",
+    "loc": {
+      "start": {
+        "line": 187,
+        "column": 12,
+        "index": 6538
+      },
+      "end": {
+        "line": 191,
+        "column": 14,
+        "index": 6717
+      }
+    },
+    "filepath": "src/components/datagrid/body/cell/focus_utils.tsx"
+  },
   {
     "token": "euiDataGridCell.focusTrapEnterPrompt",
     "defString": "Press the Enter key to interact with this cell's contents.",
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 129,
-        "column": 10,
-        "index": 4308
+        "line": 198,
+        "column": 12,
+        "index": 6899
       },
       "end": {
-        "line": 133,
-        "column": 12,
-        "index": 4518
+        "line": 202,
+        "column": 14,
+        "index": 7117
       }
     },
     "filepath": "src/components/datagrid/body/cell/focus_utils.tsx"
@@ -1170,19 +1188,37 @@
     "filepath": "src/components/datagrid/body/header/column_actions.tsx"
   },
   {
-    "token": "euiDataGridHeaderCell.headerActions",
-    "defString": "Click to view column header actions",
+    "token": "euiDataGridHeaderCell.actionsButtonAriaLabel",
+    "defString": "{title}. Click to view column header actions.",
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 227,
-        "column": 16,
-        "index": 7525
+        "line": 125,
+        "column": 37,
+        "index": 3889
       },
       "end": {
-        "line": 230,
-        "column": 18,
-        "index": 7678
+        "line": 129,
+        "column": 7,
+        "index": 4039
+      }
+    },
+    "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
+  },
+  {
+    "token": "euiDataGridHeaderCell.actionsEnterKeyInstructions",
+    "defString": "Press the Enter key to view this column's actions",
+    "highlighting": "string",
+    "loc": {
+      "start": {
+        "line": 130,
+        "column": 42,
+        "index": 4083
+      },
+      "end": {
+        "line": 133,
+        "column": 7,
+        "index": 4223
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1193,14 +1229,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 298,
+        "line": 306,
         "column": 16,
-        "index": 9695
+        "index": 9972
       },
       "end": {
-        "line": 302,
+        "line": 310,
         "column": 18,
-        "index": 9869
+        "index": 10146
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1211,14 +1247,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 306,
+        "line": 314,
         "column": 16,
-        "index": 9947
+        "index": 10224
       },
       "end": {
-        "line": 310,
+        "line": 318,
         "column": 18,
-        "index": 10123
+        "index": 10400
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1229,14 +1265,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 316,
+        "line": 324,
         "column": 16,
-        "index": 10269
+        "index": 10546
       },
       "end": {
-        "line": 321,
+        "line": 329,
         "column": 18,
-        "index": 10497
+        "index": 10774
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1247,14 +1283,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 325,
+        "line": 333,
         "column": 16,
-        "index": 10575
+        "index": 10852
       },
       "end": {
-        "line": 330,
+        "line": 338,
         "column": 18,
-        "index": 10805
+        "index": 11082
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1265,14 +1301,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 336,
+        "line": 344,
         "column": 16,
-        "index": 10934
+        "index": 11211
       },
       "end": {
-        "line": 341,
+        "line": 349,
         "column": 18,
-        "index": 11172
+        "index": 11449
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1283,14 +1319,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 345,
+        "line": 353,
         "column": 16,
-        "index": 11250
+        "index": 11527
       },
       "end": {
-        "line": 350,
+        "line": 358,
         "column": 18,
-        "index": 11490
+        "index": 11767
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1301,14 +1337,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 415,
+        "line": 423,
         "column": 6,
-        "index": 13336
+        "index": 13613
       },
       "end": {
-        "line": 418,
+        "line": 426,
         "column": 8,
-        "index": 13529
+        "index": 13806
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"

package/lib/components/basic_table/in_memory_table.js

@@ -953,7 +953,8 @@ EuiInMemoryTable.propTypes = {
       searchThreshold: _propTypes.default.number,
       available: _propTypes.default.func,
       autoClose: _propTypes.default.bool,
-      operator: _propTypes.default.oneOf(["eq", "exact", "gt", "gte", "lt", "lte"])
+      operator: _propTypes.default.oneOf(["eq", "exact", "gt", "gte", "lt", "lte"]),
+      autoSortOptions: _propTypes.default.bool
     }).isRequired, _propTypes.default.shape({
       type: _propTypes.default.oneOf(["field_value_toggle"]).isRequired,
       field: _propTypes.default.string.isRequired,

package/lib/components/datagrid/body/cell/data_grid_cell.js

@@ -130,6 +130,7 @@ EuiDataGridCellContent.propTypes = {
        * This can be used to display a readable column name in column hiding/sorting, where `display` won't be used.
        * This will also be used as a `title` attribute that will display on mouseover (useful if the display text is being truncated by the column width).
        * If not passed, `id` will be shown as the column name.
+       * Passing this together with `display` is useful to ensure an accessible label is added to the column.
        */
     displayAsText: _propTypes.default.string,
     /**
@@ -1020,6 +1021,7 @@ EuiDataGridCell.propTypes = {
        * This can be used to display a readable column name in column hiding/sorting, where `display` won't be used.
        * This will also be used as a `title` attribute that will display on mouseover (useful if the display text is being truncated by the column width).
        * If not passed, `id` will be shown as the column name.
+       * Passing this together with `display` is useful to ensure an accessible label is added to the column.
        */
     displayAsText: _propTypes.default.string,
     /**