@elastic/eui 113.3.0 → 114.0.0

package/es/services/index.js

@@ -22,7 +22,7 @@ export * from './emotion';
 export * from './findElement';
 export { focusTrapPubSub } from './focus_trap';
 export { dateFormatAliases, formatAuto, formatBoolean, formatDate, formatNumber, formatText } from './format';
-export * from './hooks';
+export { useDependentState, useCombinedRefs, setMultipleRefs, useForceRender, useLatest, useDeepEqual, isMouseEvent, useMouseMove, useUpdateEffect, useEuiDisabledElement } from './hooks';
 export { isEvenlyDivisibleBy, isWithinRange } from './number';
 export { Pager } from './paging';
 export { calculatePopoverPosition, findPopoverPosition } from './popover';

package/eui.d.ts

@@ -404,12 +404,12 @@ declare module '@elastic/eui/src/services/hooks/useMouseMove' {
 
 }
 declare module '@elastic/eui/src/services/hooks/useIsPointerDown' {
-	import { MutableRefObject } from 'react';
+	import { type MutableRefObject } from 'react';
 	/**
 	 * A hook that tracks whether the pointer is currently down/pressed.
 	 * Useful for detecting text selection in progress.
 	 */
-	export function useIsPointerDown(container?: MutableRefObject<HTMLElement | null>): boolean;
+	export function useIsPointerDown(container?: MutableRefObject<HTMLElement | null>): MutableRefObject<boolean>;
 
 }
 declare module '@elastic/eui/src/services/hooks/useEuiDisabledElement' {
@@ -479,14 +479,14 @@ declare module '@elastic/eui/src/services/hooks/useEuiDisabledElement' {
 
 }
 declare module '@elastic/eui/src/services/hooks' {
-	export * from '@elastic/eui/src/services/hooks/useDependentState';
-	export * from '@elastic/eui/src/services/hooks/useCombinedRefs';
-	export * from '@elastic/eui/src/services/hooks/useForceRender';
-	export * from '@elastic/eui/src/services/hooks/useLatest';
-	export * from '@elastic/eui/src/services/hooks/useDeepEqual';
-	export * from '@elastic/eui/src/services/hooks/useMouseMove';
-	export * from '@elastic/eui/src/services/hooks/useIsPointerDown';
-	export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
+	export { useDependentState } from '@elastic/eui/src/services/hooks/useDependentState';
+	export { useCombinedRefs, setMultipleRefs } from '@elastic/eui/src/services/hooks/useCombinedRefs';
+	export { useForceRender } from '@elastic/eui/src/services/hooks/useForceRender';
+	export { useLatest } from '@elastic/eui/src/services/hooks/useLatest';
+	export { useDeepEqual } from '@elastic/eui/src/services/hooks/useDeepEqual';
+	export { isMouseEvent, useMouseMove } from '@elastic/eui/src/services/hooks/useMouseMove';
+	export { useIsPointerDown } from '@elastic/eui/src/services/hooks/useIsPointerDown';
+	export { useUpdateEffect } from '@elastic/eui/src/services/hooks/useUpdateEffect';
 	export { type EuiDisabledProps, useEuiDisabledElement, } from '@elastic/eui/src/services/hooks/useEuiDisabledElement';
 
 }
@@ -12346,6 +12346,8 @@ declare module '@elastic/eui/src/components/flyout/manager/types' {
 	    childIconType?: IconType;
 	    /** Stack of child flyouts we navigated away from. */
 	    childHistory: ChildHistoryEntry[];
+	    /** Key that scopes this session's history; same Symbol reference = same history group. Always set (from action or Symbol()). */
+	    historyKey: symbol;
 	}
 	export interface PushPaddingOffsets {
 	    /** Push padding applied to the left side (in pixels) */
@@ -12376,7 +12378,7 @@ declare module '@elastic/eui/src/components/flyout/manager/types' {
 	export interface FlyoutManagerApi {
 	    state: EuiFlyoutManagerState;
 	    dispatch: (action: Action) => void;
-	    addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, iconType?: IconType, minWidth?: number) => void;
+	    addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, historyKey?: symbol, iconType?: IconType, minWidth?: number) => void;
 	    closeFlyout: (flyoutId: string) => void;
 	    closeAllFlyouts: () => void;
 	    setActiveFlyout: (flyoutId: string | null) => void;
@@ -12437,6 +12439,7 @@ declare module '@elastic/eui/src/components/flyout/manager/actions' {
 	    title: string;
 	    level: EuiFlyoutLevel;
 	    size?: string;
+	    historyKey?: symbol;
 	    iconType?: IconType;
 	    minWidth?: number;
 	}
@@ -12513,9 +12516,10 @@ declare module '@elastic/eui/src/components/flyout/manager/actions' {
 	 * - `title` is used for the flyout menu.
 	 * - `level` determines whether the flyout is `main` or `child`.
 	 * - Optional `size` is the named EUI size (e.g. `s`, `m`, `l`).
+	 * - Optional `historyKey` (Symbol) scopes history; only flyouts with the same reference share Back/history. Omit for a unique group per session.
 	 * - Optional `iconType` is shown next to the session title in the history menu.
 	 */
-	export const addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, iconType?: IconType, minWidth?: number) => AddFlyoutAction;
+	export const addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, historyKey?: symbol, iconType?: IconType, minWidth?: number) => AddFlyoutAction;
 	/** Unregister a flyout and update the session accordingly. */
 	export const closeFlyout: (flyoutId: string) => CloseFlyoutAction;
 	/** Unregister all flyouts. */
@@ -12576,7 +12580,7 @@ declare module '@elastic/eui/src/components/flyout/manager/store' {
 	    subscribe: (listener: Listener) => () => void;
 	    subscribeToEvents: (listener: EventListener) => () => void;
 	    dispatch: (action: Action) => void;
-	    addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, iconType?: IconType, minWidth?: number) => void;
+	    addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, historyKey?: symbol, iconType?: IconType, minWidth?: number) => void;
 	    closeFlyout: (flyoutId: string) => void;
 	    closeAllFlyouts: () => void;
 	    setActiveFlyout: (flyoutId: string | null) => void;
@@ -13095,8 +13099,8 @@ declare module '@elastic/eui/src/components/flyout/flyout.styles' {
 	        push: import("@emotion/react").SerializedStyles;
 	        right: import("@emotion/react").SerializedStyles;
 	        left: import("@emotion/react").SerializedStyles;
-	        noAnimation: import("@emotion/react").SerializedStyles;
 	    };
+	    noAnimation: import("@emotion/react").SerializedStyles;
 	    paddingSizes: {
 	        none: import("@emotion/react").SerializedStyles;
 	        s: import("@emotion/react").SerializedStyles;
@@ -13373,6 +13377,7 @@ declare module '@elastic/eui/src/components/flyout/manager/flyout_managed' {
 	 */
 	export interface EuiManagedFlyoutProps extends EuiFlyoutComponentProps {
 	    level: EuiFlyoutLevel;
+	    historyKey?: symbol;
 	    flyoutMenuProps?: Omit<EuiFlyoutMenuProps, 'historyItems' | 'showBackButton'>;
 	    onActive?: () => void;
 	}
@@ -13499,6 +13504,11 @@ declare module '@elastic/eui/src/components/overlay_mask/overlay_mask' {
 	     * React ref to be passed to the wrapping container
 	     */
 	    maskRef?: Ref<HTMLDivElement> | MutableRefObject<HTMLDivElement>;
+	    /**
+	     * If enabled, the mask will have a fade in animation.
+	     * @default true
+	     */
+	    hasAnimation?: boolean;
 	}
 	export type EuiOverlayMaskProps = Omit<CommonProps, 'css'> & Omit<Partial<Record<keyof HTMLAttributes<HTMLDivElement>, string>>, keyof EuiOverlayMaskInterface> & EuiOverlayMaskInterface;
 	export const EuiOverlayMask: FunctionComponent<EuiOverlayMaskProps>;
@@ -13522,6 +13532,11 @@ declare module '@elastic/eui/src/components/flyout/_flyout_overlay' {
 	     * z-index); 'below' to keep them in the flyout stacking level.
 	     */
 	    headerZindexLocation?: 'above' | 'below';
+	    /**
+	     * When provided, clips the overlay mask to the container's bounding rect
+	     * rather than covering the full viewport.
+	     */
+	    containerRect?: DOMRect | null;
 	}
 	/**
 	 * Light wrapper for conditionally rendering portals or overlay masks:
@@ -13531,7 +13546,7 @@ declare module '@elastic/eui/src/components/flyout/_flyout_overlay' {
 	 *
 	 * @internal
 	 */
-	export const EuiFlyoutOverlay: ({ children, isPushed, maskProps, hasOverlayMask, maskZIndex, headerZindexLocation, }: EuiFlyoutOverlayProps) => React.JSX.Element;
+	export const EuiFlyoutOverlay: ({ children, isPushed, maskProps, hasOverlayMask, maskZIndex, headerZindexLocation, containerRect, }: EuiFlyoutOverlayProps) => React.JSX.Element;
 
 }
 declare module '@elastic/eui/src/components/resizable_container/types' {
@@ -14694,10 +14709,16 @@ declare module '@elastic/eui/src/components/flyout/flyout.component' {
 	     */
 	    pushMinBreakpoint?: EuiBreakpointSize;
 	    /**
-	     * Enables a slide in animation on push flyouts
-	     * @default false
+	     * @deprecated - use `hasAnimation` instead
+	     * Enables a slide in animation on flyouts
+	     * @default true for overlay flyouts, `false` for push flyouts
 	     */
 	    pushAnimation?: boolean;
+	    /**
+	     * Enables a slide in animation on flyouts
+	     * @default true for overlay flyouts, `false` for push flyouts
+	     */
+	    hasAnimation?: boolean;
 	    style?: CSSProperties;
 	    /**
 	     * When the flyout is used as a child in a managed flyout session, setting `true` gives the shaded background style.
@@ -14809,6 +14830,11 @@ declare module '@elastic/eui/src/components/flyout/flyout' {
 	     * @default undefined (auto-inherit when nested, otherwise 'never')
 	     */
 	    session?: typeof SESSION_START | typeof SESSION_INHERIT | typeof SESSION_NEVER;
+	    /**
+	     * Optional Symbol to scope flyout history. Only flyouts that receive the same Symbol reference share Back button and history; omit to get a unique group per session.
+	     * @default undefined (each session gets a unique key and does not share history)
+	     */
+	    historyKey?: symbol;
 	    /**
 	     * Callback fired when the flyout becomes active/visible, which may happen programmatically from history navigation.
 	     */
@@ -17043,7 +17069,7 @@ declare module '@elastic/eui/src/services' {
 	export * from '@elastic/eui/src/services/findElement';
 	export { focusTrapPubSub } from '@elastic/eui/src/services/focus_trap';
 	export { dateFormatAliases, formatAuto, formatBoolean, formatDate, formatNumber, formatText, } from '@elastic/eui/src/services/format';
-	export * from '@elastic/eui/src/services/hooks';
+	export { useDependentState, useCombinedRefs, setMultipleRefs, useForceRender, useLatest, useDeepEqual, isMouseEvent, useMouseMove, useUpdateEffect, useEuiDisabledElement, type EuiDisabledProps, } from '@elastic/eui/src/services/hooks';
 	export { isEvenlyDivisibleBy, isWithinRange } from '@elastic/eui/src/services/number';
 	export { Pager } from '@elastic/eui/src/services/paging';
 	export { calculatePopoverPosition, findPopoverPosition } from '@elastic/eui/src/services/popover';
@@ -29339,6 +29365,11 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/remark/remar
 	export const FENCED_CLASS = "remark-prismjs--fenced"; const attacher: Plugin;
 	export default attacher;
 
+}
+declare module '@elastic/eui/src/components/markdown_editor/plugins/remark/remark_intraword_underscore' {
+	import { Plugin } from 'unified'; const attacher: Plugin;
+	export default attacher;
+
 }
 declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_checkbox/types' {
 	export interface CheckboxNodeDetails {
@@ -35261,8 +35292,6 @@ declare module '@elastic/eui' {
 "euiToast.dismissToast": any;
 "euiGlobalToastList.clearAllToastsButtonAriaLabel": any;
 "euiGlobalToastList.clearAllToastsButtonDisplayText": any;
-"euiTableHeaderCell.titleTextWithDesc": any;
-"euiStat.loadingText": any;
 "euiStepStrings.step": any;
 "euiStepStrings.simpleStep": any;
 "euiStepStrings.complete": any;
@@ -35279,18 +35308,20 @@ declare module '@elastic/eui' {
 "euiStepStrings.simpleLoading": any;
 "euiStepStrings.current": any;
 "euiStepStrings.simpleCurrent": any;
-"euiSkeletonLoading.loadedAriaText": any;
-"euiSkeletonLoading.loadingAriaText": any;
+"euiTableHeaderCell.titleTextWithDesc": any;
+"euiStat.loadingText": any;
 "euiSelectable.loadingOptions": any;
 "euiSelectable.noMatchingOptions": any;
 "euiSelectable.noAvailableOptions": any;
 "euiSelectable.screenReaderInstructions": any;
 "euiSelectable.placeholderName": any;
 "euiSelectable.searchResults": any;
-"euiSideNav.mobileToggleAriaLabel": any;
+"euiSkeletonLoading.loadedAriaText": any;
+"euiSkeletonLoading.loadingAriaText": any;
 "euiSearchBox.placeholder": any;
 "euiSearchBox.incrementalAriaLabel": any;
 "euiSearchBox.ariaLabel": any;
+"euiSideNav.mobileToggleAriaLabel": any;
 "euiResizablePanel.toggleButtonAriaLabel": any;
 "euiResizableButton.horizontalResizerAriaLabel": any;
 "euiResizableButton.verticalResizerAriaLabel": any;
@@ -35310,10 +35341,10 @@ declare module '@elastic/eui' {
 "euiPagination.of": any;
 "euiPagination.collection": any;
 "euiPagination.fromEndLabel": any;
-"euiMark.highlightStart": any;
-"euiMark.highlightEnd": any;
 "euiModal.screenReaderModalDialog": any;
 "euiModal.closeModal": any;
+"euiMark.highlightStart": any;
+"euiMark.highlightEnd": any;
 "euiMarkdownEditorToolbar.editor": any;
 "euiMarkdownEditorToolbar.previewMarkdown": any;
 "euiMarkdownEditorHelpButton.mdSyntaxLink": any;
@@ -35332,31 +35363,32 @@ declare module '@elastic/eui' {
 "euiLoadingStrings.ariaLabel": any;
 "euiExternalLinkIcon.newTarget.screenReaderOnlyText": any;
 "euiExternalLinkIcon.externalTarget.screenReaderOnlyText": any;
+"euiImageButton.openFullScreen": any;
+"euiImageButton.closeFullScreen": any;
 "euiInlineEditForm.saveButtonAriaLabel": any;
 "euiInlineEditForm.cancelButtonAriaLabel": any;
 "euiInlineEditForm.inputKeyboardInstructions": any;
 "euiInlineEditForm.activateEditModeDescription": any;
-"euiImageButton.openFullScreen": any;
-"euiImageButton.closeFullScreen": any;
 "euiForm.addressFormErrors": any;
-"euiFilterButton.filterBadgeActiveAriaLabel": any;
-"euiFilterButton.filterBadgeAvailableAriaLabel": any;
 "euiFlyoutMenu.back": any;
 "euiFlyoutMenu.history": any;
 "euiFlyout.screenReaderModalDialog": any;
 "euiFlyout.screenReaderNoOverlayMaskDialog": any;
 "euiFlyout.screenReaderFocusTrapShards": any;
 "euiFlyoutCloseButton.ariaLabel": any;
+"euiFilterButton.filterBadgeActiveAriaLabel": any;
+"euiFilterButton.filterBadgeAvailableAriaLabel": any;
 "euiErrorBoundary.error": any;
 "euiDataGrid.ariaLabel": any;
 "euiDataGrid.ariaLabelledBy": any;
 "euiDataGrid.screenReaderNotice": any;
-"euiHue.ariaValueText": any;
-"euiHue.ariaRoleDescription": any;
-"euiHue.label": any;
+"euiComboBox.listboxAriaLabel": any;
 "euiSaturation.ariaLabel": any;
 "euiSaturation.roleDescription": any;
 "euiSaturation.screenReaderInstructions": any;
+"euiHue.ariaValueText": any;
+"euiHue.ariaRoleDescription": any;
+"euiHue.label": any;
 "euiColorPickerSwatch.ariaLabel": any;
 "euiColorPicker.popoverLabel": any;
 "euiColorPicker.colorLabel": any;
@@ -35366,13 +35398,13 @@ declare module '@elastic/eui' {
 "euiColorPicker.alphaLabel": any;
 "euiColorPicker.openLabel": any;
 "euiColorPicker.closeLabel": any;
+"euiColorPicker.ariaLabel": any;
 "euiCollapsibleNavBeta.ariaLabel": any;
-"euiComboBox.listboxAriaLabel": any;
 "euiCodeBlockFullScreen.fullscreenCollapse": any;
 "euiCodeBlockFullScreen.fullscreenExpand": any;
 "euiCodeBlockFullScreen.ariaLabel": any;
-"euiCodeBlockAnnotations.ariaLabel": any;
 "euiCodeBlockCopy.copy": any;
+"euiCodeBlockAnnotations.ariaLabel": any;
 "euiCodeBlock.label": any;
 "euiCallOut.dismissAriaLabel": any;
 "euiBreadcrumbs.nav.ariaLabel": any;
@@ -35563,7 +35595,6 @@ declare module '@elastic/eui' {
 "euiKeyboardShortcuts.escapeDescription": any;
 "euiFullscreenSelector.fullscreenButton": any;
 "euiFullscreenSelector.fullscreenButtonActive": any;
-"euiDataGridToolbarControl.badgeAriaLabel": any;
 "euiDisplaySelector.densityLabel": any;
 "euiDisplaySelector.labelCompact": any;
 "euiDisplaySelector.labelNormal": any;
@@ -35574,6 +35605,13 @@ declare module '@elastic/eui' {
 "euiDisplaySelector.labelMax": any;
 "euiDisplaySelector.buttonText": any;
 "euiDisplaySelector.resetButtonText": any;
+"euiDataGridToolbarControl.badgeAriaLabel": any;
+"euiColumnSortingDraggable.defaultSortAsc": any;
+"euiColumnSortingDraggable.defaultSortDesc": any;
+"euiColumnSortingDraggable.dragHandleAriaLabel": any;
+"euiColumnSortingDraggable.activeSortLabel": any;
+"euiColumnSortingDraggable.removeSortLabel": any;
+"euiColumnSortingDraggable.toggleLegend": any;
 "euiColumnSorting.button": any;
 "euiColumnSorting.sortFieldAriaLabel": any;
 "euiColumnSorting.emptySorting": any;
@@ -35585,19 +35623,7 @@ declare module '@elastic/eui' {
 "euiColumnSelector.searchcolumns": any;
 "euiColumnSelector.selectAll": any;
 "euiColumnSelector.hideAll": any;
-"euiColumnSortingDraggable.defaultSortAsc": any;
-"euiColumnSortingDraggable.defaultSortDesc": any;
-"euiColumnSortingDraggable.dragHandleAriaLabel": any;
-"euiColumnSortingDraggable.activeSortLabel": any;
-"euiColumnSortingDraggable.removeSortLabel": any;
-"euiColumnSortingDraggable.toggleLegend": any;
-"euiCollapsibleNavButton.ariaLabelExpand": any;
-"euiCollapsibleNavButton.ariaLabelCollapse": any;
-"euiCollapsibleNavButton.ariaLabelOpen": any;
-"euiCollapsibleNavButton.ariaLabelClose": any;
-"euiCollapsibleNavKibanaSolution.switcherTitle": any;
-"euiCollapsibleNavKibanaSolution.switcherAriaLabel": any;
-"euiCollapsibleNavKibanaSolution.groupLabel": any;
+"euiComboBoxPill.removeSelection": any;
 "euiComboBoxOptionsList.loadingOptions": any;
 "euiComboBoxOptionsList.delimiterMessage": any;
 "euiComboBoxOptionsList.alreadyAdded": any;
@@ -35605,7 +35631,13 @@ declare module '@elastic/eui' {
 "euiComboBoxOptionsList.noMatchingOptions": any;
 "euiComboBoxOptionsList.noAvailableOptions": any;
 "euiComboBoxOptionsList.allOptionsSelected": any;
-"euiComboBoxPill.removeSelection": any;
+"euiCollapsibleNavButton.ariaLabelExpand": any;
+"euiCollapsibleNavButton.ariaLabelCollapse": any;
+"euiCollapsibleNavButton.ariaLabelOpen": any;
+"euiCollapsibleNavButton.ariaLabelClose": any;
+"euiCollapsibleNavKibanaSolution.switcherTitle": any;
+"euiCollapsibleNavKibanaSolution.switcherAriaLabel": any;
+"euiCollapsibleNavKibanaSolution.groupLabel": any;
 "euiCardSelect.selected": any;
 "euiCardSelect.unavailable": any;
 "euiCardSelect.select": any;
@@ -35634,10 +35666,10 @@ declare module '@elastic/eui' {
 "euiDatePopoverContent.nowTabContent": any;
 "euiDatePopoverContent.nowTabButtonStart": any;
 "euiDatePopoverContent.nowTabButtonEnd": any;
-"euiAbsoluteTab.dateFormatButtonLabel": any;
-"euiAbsoluteTab.dateFormatError": any;
 "euiDatePopoverButton.invalidTitle": any;
 "euiDatePopoverButton.outdatedTitle": any;
+"euiAbsoluteTab.dateFormatButtonLabel": any;
+"euiAbsoluteTab.dateFormatError": any;
 "euiDataGridHeaderCell.sortedByAscendingSingle": any;
 "euiDataGridHeaderCell.sortedByDescendingSingle": any;
 "euiDataGridHeaderCell.sortedByAscendingFirst": any;