@elastic/eui 114.2.0 → 115.0.0

package/es/components/tool_tip/tool_tip_popover.js

@@ -13,7 +13,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React, { useEffect, useRef, useCallback } from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
-import { useEuiTheme } from '../../services';
+import { useEuiMemoizedStyles } from '../../services';
 import { euiToolTipStyles } from './tool_tip.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiToolTipPopover = function EuiToolTipPopover(_ref) {
@@ -24,23 +24,23 @@ export var EuiToolTipPopover = function EuiToolTipPopover(_ref) {
     popoverRef = _ref.popoverRef,
     calculatedPosition = _ref.calculatedPosition,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var popover = useRef();
-  var euiTheme = useEuiTheme();
-  var styles = euiToolTipStyles(euiTheme);
+  var popover = useRef(null);
+  var styles = useEuiMemoizedStyles(euiToolTipStyles);
   var cssStyles = [styles.euiToolTip, calculatedPosition && styles[calculatedPosition]];
   var updateDimensions = useCallback(function () {
     requestAnimationFrame(function () {
-      // Because of this delay, sometimes `positionToolTip` becomes unavailable.
+      // Because of this delay, the popover may have unmounted by the time the RAF fires.
       if (popover.current) {
         positionToolTip();
       }
     });
   }, [positionToolTip]);
-  var setPopoverRef = function setPopoverRef(ref) {
+  var setPopoverRef = useCallback(function (ref) {
+    popover.current = ref;
     if (popoverRef) {
       popoverRef(ref);
     }
-  };
+  }, [popoverRef]);
   useEffect(function () {
     document.body.classList.add('euiBody-hasPortalContent');
     window.addEventListener('resize', updateDimensions);

package/es/test/rtl/component_helpers.d.ts

@@ -6,9 +6,6 @@
 export declare const waitForEuiPopoverOpen: () => Promise<void>;
 export declare const waitForEuiPopoverClose: () => Promise<void>;
 
-export declare const waitForEuiToolTipVisible: () => Promise<void>;
-export declare const waitForEuiToolTipHidden: () => Promise<void>;
-
 export declare const showEuiComboBoxOptions: () => Promise<void>;
 
 export declare const waitForEuiContextMenuPanelTransition: () => Promise<void>;

package/es/test/rtl/component_helpers.js

@@ -65,81 +65,59 @@ export var waitForEuiPopoverClose = /*#__PURE__*/function () {
 }();
 
 /**
- * Ensure the EuiToolTip being tested is open and visible before continuing
+ * jsdom does not track keyboard vs. mouse input modality, so `:focus-visible`
+ * always returns false. Call this before `fireEvent.focus()` on an element that
+ * should be treated as keyboard-focused.
+ *
+ * Returns a cleanup function, call it after test assertions to restore the spy.
  */
-export var waitForEuiToolTipVisible = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          _context3.next = 2;
-          return waitFor(function () {
-            var tooltip = document.querySelector('.euiToolTipPopover');
-            expect(tooltip).toBeVisible();
-          }, {
-            timeout: 3000
-          } // Account for long delay on tooltips
-          );
-        case 2:
-          return _context3.abrupt("return", _context3.sent);
-        case 3:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  }));
-  return function waitForEuiToolTipVisible() {
-    return _ref3.apply(this, arguments);
+export var simulateFocusVisible = function simulateFocusVisible(element) {
+  var originalMatches = Element.prototype.matches.bind(element);
+  var spy = jest.spyOn(element, 'matches').mockImplementation(function (selector) {
+    return selector === ':focus-visible' ? true : originalMatches(selector);
+  });
+  return function () {
+    return spy.mockRestore();
   };
-}();
-export var waitForEuiToolTipHidden = /*#__PURE__*/function () {
-  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          _context4.next = 2;
-          return waitFor(function () {
-            var tooltip = document.querySelector('.euiToolTipPopover');
-            expect(tooltip).toBeNull();
-          });
-        case 2:
-          return _context4.abrupt("return", _context4.sent);
-        case 3:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  }));
-  return function waitForEuiToolTipHidden() {
-    return _ref4.apply(this, arguments);
-  };
-}();
+};
+
+/**
+ * Prefer this over `fireEvent.focus()` in tooltip tests. Plain `fireEvent.focus`
+ * does not set `:focus-visible` in jsdom and will not trigger the tooltip.
+ *
+ * Returns a cleanup function to restore the mock after assertions.
+ */
+export var focusEuiToolTipTrigger = function focusEuiToolTipTrigger(element) {
+  var cleanup = simulateFocusVisible(element);
+  fireEvent.focus(element);
+  return cleanup;
+};
 
 /**
  * EuiComboBox
  */
 
 export var showEuiComboBoxOptions = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
         case 0:
           fireEvent.click(screen.getByTestSubject('comboBoxToggleListButton'));
-          _context5.next = 3;
+          _context3.next = 3;
           return waitForEuiPopoverOpen();
         case 3:
-          _context5.next = 5;
+          _context3.next = 5;
           return waitFor(function () {
             expect(screen.getByRole('listbox')).toBeInTheDocument();
           });
         case 5:
         case "end":
-          return _context5.stop();
+          return _context3.stop();
       }
-    }, _callee5);
+    }, _callee3);
   }));
   return function showEuiComboBoxOptions() {
-    return _ref5.apply(this, arguments);
+    return _ref3.apply(this, arguments);
   };
 }();
 
@@ -148,16 +126,16 @@ export var showEuiComboBoxOptions = /*#__PURE__*/function () {
  */
 
 export var waitForEuiContextMenuPanelTransition = /*#__PURE__*/function () {
-  var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
     var getPanels;
-    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
         case 0:
           // Used document instead of container or screen due to context menus living in portals
           getPanels = function getPanels() {
             return document.querySelectorAll('.euiContextMenuPanel');
           }; // 2 panels will appear for the transition animation
-          _context6.next = 3;
+          _context4.next = 3;
           return waitFor(function () {
             expect(getPanels().length).toEqual(2);
           });
@@ -172,11 +150,11 @@ export var waitForEuiContextMenuPanelTransition = /*#__PURE__*/function () {
           expect(getPanels().length).toEqual(1);
         case 6:
         case "end":
-          return _context6.stop();
+          return _context4.stop();
       }
-    }, _callee6);
+    }, _callee4);
   }));
   return function waitForEuiContextMenuPanelTransition() {
-    return _ref6.apply(this, arguments);
+    return _ref4.apply(this, arguments);
   };
 }();

package/eui.d.ts

@@ -2103,12 +2103,7 @@ declare module '@elastic/eui/src/components/observer/resize_observer' {
 
 }
 declare module '@elastic/eui/src/components/portal/portal' {
-	/**
-	 * NOTE: We can't test this component because Enzyme doesn't support rendering
-	 * into portals.
-	 */
-	import React, { FunctionComponent, Component, ContextType, ReactNode } from 'react';
-	import { EuiNestedThemeContext } from '@elastic/eui/src/services'; const INSERT_POSITIONS: readonly ["after", "before"];
+	import { FunctionComponent, ReactNode } from 'react'; const INSERT_POSITIONS: readonly ["after", "before"];
 	type EuiPortalInsertPosition = (typeof INSERT_POSITIONS)[number];
 	export interface EuiPortalProps {
 	    /**
@@ -2129,19 +2124,6 @@ declare module '@elastic/eui/src/components/portal/portal' {
 	    portalRef?: (ref: HTMLDivElement | null) => void;
 	}
 	export const EuiPortal: FunctionComponent<EuiPortalProps>;
-	interface EuiPortalState {
-	    portalNode: HTMLDivElement | null;
-	}
-	export class EuiPortalClass extends Component<EuiPortalProps, EuiPortalState> {
-	    static contextType: React.Context<import("@elastic/eui-theme-common").EuiThemeNested>;
-	    context: ContextType<typeof EuiNestedThemeContext>;
-	    constructor(props: EuiPortalProps);
-	    componentDidMount(): void;
-	    componentWillUnmount(): void;
-	    private setThemeColor;
-	    private updatePortalRef;
-	    render(): React.ReactPortal | null;
-	}
 	export {};
 
 }
@@ -9763,7 +9745,6 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip.styles' {
 	export const euiToolTipBorderColor: (euiTheme: UseEuiTheme["euiTheme"]) => string;
 	export const euiToolTipStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiToolTip: import("@emotion/react").SerializedStyles;
-	    s: import("@emotion/react").SerializedStyles;
 	    top: import("@emotion/react").SerializedStyles;
 	    bottom: import("@emotion/react").SerializedStyles;
 	    left: import("@emotion/react").SerializedStyles;
@@ -9792,7 +9773,7 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip_popover' {
 	    positionToolTip: () => void;
 	    children?: ReactNode;
 	    title?: ReactNode;
-	    popoverRef?: (ref: HTMLDivElement) => void;
+	    popoverRef?: (ref: HTMLDivElement | null) => void;
 	    calculatedPosition?: ToolTipPositions;
 	};
 	export const EuiToolTipPopover: FunctionComponent<Props>;
@@ -9842,16 +9823,16 @@ declare module '@elastic/eui/src/services/popover/reposition_on_scroll' {
 
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip_anchor' {
-	import React, { HTMLAttributes } from 'react';
+	import React, { HTMLAttributes, type FocusEvent as ReactFocusEvent } from 'react';
 	import type { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip/tool_tip';
 	export type EuiToolTipAnchorProps = Omit<HTMLAttributes<HTMLSpanElement>, 'onBlur' | 'onFocus' | 'children'> & Required<Pick<EuiToolTipProps, 'display' | 'children'>> & {
 	    onBlur: () => void;
-	    onFocus: () => void;
+	    onFocus: (e: ReactFocusEvent) => void;
 	    isVisible: boolean;
 	};
 	export const EuiToolTipAnchor: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "onFocus" | "onBlur"> & Required<Pick<EuiToolTipProps, "children" | "display">> & {
 	    onBlur: () => void;
-	    onFocus: () => void;
+	    onFocus: (e: ReactFocusEvent) => void;
 	    isVisible: boolean;
 	} & React.RefAttributes<HTMLSpanElement>>;
 
@@ -9875,21 +9856,11 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip_manager' {
 
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
-	import React, { Component, ContextType, ReactElement, ReactNode, MouseEvent as ReactMouseEvent, HTMLAttributes } from 'react';
+	import React, { ReactElement, ReactNode, type MouseEvent as ReactMouseEvent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { type EuiPopoverPosition } from '@elastic/eui/src/services/popover';
-	import { EuiComponentDefaultsContext } from '@elastic/eui/src/components/provider/component_defaults';
 	import { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
 	export const POSITIONS: readonly ["top", "right", "bottom", "left"]; const DISPLAYS: readonly ["inlineBlock", "block"];
-	export type ToolTipDelay = 'regular' | 'long';
 	export const DEFAULT_TOOLTIP_OFFSET = 16;
-	interface ToolTipStyles {
-	    top: number;
-	    left: number | 'auto';
-	    right?: number | 'auto';
-	    opacity?: number;
-	    visibility?: 'hidden';
-	}
 	export interface EuiToolTipProps extends CommonProps {
 	    /**
 	     * Passes onto the span wrapping the trigger.
@@ -9915,10 +9886,6 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
 	     * Common display alternatives for the anchor wrapper
 	     */
 	    display?: (typeof DISPLAYS)[number];
-	    /**
-	     * Delay before showing tooltip. Good for repeatable items.
-	     */
-	    delay: ToolTipDelay;
 	    /**
 	     * An optional title for your tooltip.
 	     */
@@ -9930,7 +9897,7 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
 	    /**
 	     * Suggested position. If there is not enough room for it this will be changed.
 	     */
-	    position: ToolTipPositions;
+	    position?: ToolTipPositions;
 	    /**
 	     * When `true`, the tooltip's position is re-calculated when the user
 	     * scrolls. This supports having fixed-position tooltip anchors.
@@ -9957,40 +9924,12 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
 	     */
 	    offset?: number;
 	}
-	interface State {
-	    visible: boolean;
-	    hasFocus: boolean;
-	    calculatedPosition: ToolTipPositions;
-	    toolTipStyles: ToolTipStyles;
-	    arrowStyles?: Record<EuiPopoverPosition, number | string>;
-	    id: string;
-	}
-	export class EuiToolTip extends Component<EuiToolTipProps, State> {
-	    static contextType: React.Context<import ("@elastic/eui/src/components/provider/component_defaults").EuiComponentDefaults>;
-	    context: ContextType<typeof EuiComponentDefaultsContext>;
-	    private repositionOnScroll;
-	    _isMounted: boolean;
-	    anchor: null | HTMLElement;
-	    popover: null | HTMLElement;
-	    private timeoutId?;
-	    constructor(props: EuiToolTipProps);
-	    static defaultProps: Partial<EuiToolTipProps>;
-	    clearAnimationTimeout: () => void;
-	    componentDidMount(): void;
-	    componentWillUnmount(): void;
-	    componentDidUpdate(prevProps: EuiToolTipProps, prevState: State): void;
-	    testAnchor: () => void;
-	    setAnchorRef: (ref: HTMLElement) => HTMLElement;
-	    setPopoverRef: (ref: HTMLElement) => HTMLElement;
+	export interface EuiToolTipRef {
 	    showToolTip: () => void;
-	    positionToolTip: () => void;
 	    hideToolTip: () => void;
-	    onFocus: () => void;
-	    onBlur: () => void;
-	    onEscapeKey: (event: React.KeyboardEvent<HTMLSpanElement>) => void;
-	    onMouseOut: (event: ReactMouseEvent<HTMLSpanElement, MouseEvent>) => void;
-	    render(): React.JSX.Element;
+	    id: string;
 	}
+	export const EuiToolTip: React.ForwardRefExoticComponent<EuiToolTipProps & React.RefAttributes<EuiToolTipRef>>;
 	export {};
 
 }
@@ -9999,7 +9938,7 @@ declare module '@elastic/eui/src/components/tool_tip/icon_tip' {
 	import { PropsOf } from '@elastic/eui/src/components/common';
 	import { EuiIcon, IconSize, IconType } from '@elastic/eui/src/components/icon';
 	import { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip/tool_tip';
-	export type EuiIconTipProps = Omit<EuiToolTipProps, 'children' | 'delay' | 'position'> & {
+	export type EuiIconTipProps = Omit<EuiToolTipProps, 'children' | 'position'> & {
 	    /**
 	     * Children are not allowed as they are built using the icon props
 	     */
@@ -10026,7 +9965,6 @@ declare module '@elastic/eui/src/components/tool_tip/icon_tip' {
 	    iconProps?: Omit<PropsOf<typeof EuiIcon>, 'type'> & {
 	        type?: never;
 	    };
-	    delay?: EuiToolTipProps['delay'];
 	    position?: EuiToolTipProps['position'];
 	};
 	export const EuiIconTip: FunctionComponent<EuiIconTipProps>;
@@ -10034,7 +9972,7 @@ declare module '@elastic/eui/src/components/tool_tip/icon_tip' {
 }
 declare module '@elastic/eui/src/components/tool_tip' {
 	export type { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
-	export type { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip/tool_tip';
+	export type { EuiToolTipProps, EuiToolTipRef } from '@elastic/eui/src/components/tool_tip/tool_tip';
 	export { EuiToolTip } from '@elastic/eui/src/components/tool_tip/tool_tip';
 	export type { EuiIconTipProps } from '@elastic/eui/src/components/tool_tip/icon_tip';
 	export { EuiIconTip } from '@elastic/eui/src/components/tool_tip/icon_tip';
@@ -11837,9 +11775,8 @@ declare module '@elastic/eui/src/components/basic_table/table_types' {
 	    icon?: IconType;
 	    /** Additional props for EuiIcon */
 	    iconProps?: EuiIconTipProps['iconProps'];
-	    /** Additional props for the EuiToolip */
-	    tooltipProps?: Omit<EuiToolTipProps, 'children' | 'delay' | 'position'> & {
-	        delay?: EuiToolTipProps['delay'];
+	    /** Additional props for the EuiToolTip */
+	    tooltipProps?: Omit<EuiToolTipProps, 'children' | 'position'> & {
 	        position?: EuiToolTipProps['position'];
 	    };
 	};
@@ -13477,9 +13414,11 @@ declare module '@elastic/eui/src/components/flyout/hooks' {
 	import { EuiFlyoutProps } from '@elastic/eui/src/components/flyout/flyout';
 	/**
 	 * Determines if a flyout should be rendered in a "pushed" state based on its
-	 * configuration and the current window size.
+	 * configuration and the current window or container size.
 	 */
-	export const useIsPushed: (props: Pick<EuiFlyoutProps, "type" | "pushMinBreakpoint">) => boolean;
+	export const useIsPushed: (props: Pick<EuiFlyoutProps, "type" | "pushMinBreakpoint"> & {
+	    containerWidth?: number;
+	}) => boolean;
 
 }
 declare module '@elastic/eui/src/components/flyout/manager/flyout_main' {
@@ -21865,9 +21804,8 @@ declare module '@elastic/eui/src/components/color_picker/color_picker_swatch' {
 	     * @default true
 	     */
 	    showToolTip?: boolean;
-	    /** Additional props for the EuiToolip when `showToolTip={true}` */
-	    toolTipProps?: Omit<EuiToolTipProps, 'children' | 'delay' | 'position'> & {
-	        delay?: EuiToolTipProps['delay'];
+	    /** Additional props for the EuiToolTip when `showToolTip={true}` */
+	    toolTipProps?: Omit<EuiToolTipProps, 'children' | 'position'> & {
 	        position?: EuiToolTipProps['position'];
 	    };
 	};
@@ -21878,9 +21816,8 @@ declare module '@elastic/eui/src/components/color_picker/color_picker_swatch' {
 	     * @default true
 	     */
 	    showToolTip?: boolean;
-	    /** Additional props for the EuiToolip when `showToolTip={true}` */
-	    toolTipProps?: Omit<EuiToolTipProps, "children" | "delay" | "position"> & {
-	        delay?: EuiToolTipProps["delay"];
+	    /** Additional props for the EuiToolTip when `showToolTip={true}` */
+	    toolTipProps?: Omit<EuiToolTipProps, "children" | "position"> & {
 	        position?: EuiToolTipProps["position"];
 	    };
 	} & React.RefAttributes<HTMLButtonElement>>;
@@ -22368,7 +22305,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
 	import React, { ButtonHTMLAttributes, Component } from 'react';
 	import { WithEuiThemeProps } from '@elastic/eui/src/services';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiToolTip } from '@elastic/eui/src/components/tool_tip';
+	import type { EuiToolTipRef } from '@elastic/eui/src/components/tool_tip';
 	import { EuiComboBoxOptionOption } from '@elastic/eui/src/components/combo_box';
 	export type FilterChecked = 'on' | 'off';
 	export interface EuiFilterSelectItemProps extends CommonProps, ButtonHTMLAttributes<HTMLButtonElement> {
@@ -22392,7 +22329,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
 	        truncateContent: boolean;
 	    };
 	    buttonRef: HTMLButtonElement | null;
-	    tooltipRef: React.RefObject<EuiToolTip>;
+	    tooltipRef: React.RefObject<EuiToolTipRef>;
 	    state: {
 	        hasFocus: boolean;
 	    };
@@ -22400,6 +22337,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
 	    focus: () => void;
 	    toggleToolTip: (isFocused: boolean) => void;
 	    hasFocus: () => boolean;
+	    componentDidMount(): void;
 	    componentDidUpdate(prevProps: Readonly<WithEuiThemeProps<{}> & EuiFilterSelectItemProps>): void;
 	    render(): React.JSX.Element;
 	}
@@ -28871,7 +28809,7 @@ declare module '@elastic/eui/src/components/key_pad_menu/key_pad_menu_item' {
 	    /**
 	     * Extends the wrapping EuiToolTip props when `betaBadgeLabel` is provided
 	     */
-	    betaBadgeTooltipProps?: Partial<Omit<EuiToolTipProps, 'title' | 'content' | 'delay'>>;
+	    betaBadgeTooltipProps?: Partial<Omit<EuiToolTipProps, 'title' | 'content'>>;
 	    /**
 	     * Use `onClick` instead when the item is not `checkable`
 	     */
@@ -29140,7 +29078,7 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_types' {
 	}
 	export type EuiMarkdownEditorUiPlugin<NodeShape = any> = {
 	    name: string;
-	    button: {
+	    button?: {
 	        label: string;
 	        iconType: IconType;
 	        isDisabled?: boolean;
@@ -32463,7 +32401,7 @@ declare module '@elastic/eui/src/components/search_bar/filters/field_value_toggl
 
 }
 declare module '@elastic/eui/src/components/search_bar/filters/field_value_toggle_group_filter' {
-	import React, { Component } from 'react';
+	import { FC } from 'react';
 	import { Query } from '@elastic/eui/src/components/search_bar/query';
 	import { OperatorType } from '@elastic/eui/src/components/search_bar/query/ast';
 	export interface FieldValueToggleGroupFilterItemType {
@@ -32487,14 +32425,7 @@ declare module '@elastic/eui/src/components/search_bar/filters/field_value_toggl
 	    query: Query;
 	    onChange: (value: Query) => void;
 	}
-	export class FieldValueToggleGroupFilter extends Component<FieldValueToggleGroupFilterProps> {
-	    resolveDisplay(config: FieldValueToggleGroupFilterConfigType, query: Query, item: FieldValueToggleGroupFilterItemType): {
-	        active: boolean;
-	        name: string;
-	    };
-	    valueChanged(item: FieldValueToggleGroupFilterItemType, active: boolean): void;
-	    render(): React.JSX.Element[];
-	}
+	export const FieldValueToggleGroupFilter: FC<FieldValueToggleGroupFilterProps>;
 
 }
 declare module '@elastic/eui/src/components/search_bar/filters/custom_component_filter' {