@elastic/eui 62.2.1 → 62.2.4

package/es/components/basic_table/collapsed_item_actions.js

@@ -94,8 +94,7 @@ export var CollapsedItemActions = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "registerPopoverDiv", function (popoverDiv) {
       if (!_this.popoverDiv) {
         _this.popoverDiv = popoverDiv;
-
-        _this.popoverDiv.addEventListener('focusout', _this.onPopoverBlur);
+        _this.popoverDiv && _this.popoverDiv.addEventListener('focusout', _this.onPopoverBlur);
       }
     });
 

package/es/components/description_list/description_list_description.js

@@ -30,7 +30,8 @@ import PropTypes from "prop-types";
 import classNames from 'classnames';
 import { useEuiTheme } from '../../services';
 import { euiDescriptionListDescriptionStyles } from './description_list_description.styles';
-import { EuiDescriptionListContext } from './description_list_context';
+import { EuiDescriptionListContext } from './description_list_context'; // Export required for correct inference by HOCs
+
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiDescriptionListDescription = function EuiDescriptionListDescription(_ref) {
   var children = _ref.children,

package/es/components/description_list/description_list_title.js

@@ -30,7 +30,8 @@ import PropTypes from "prop-types";
 import classNames from 'classnames';
 import { useEuiTheme } from '../../services';
 import { euiDescriptionListTitleStyles } from './description_list_title.styles';
-import { EuiDescriptionListContext } from './description_list_context';
+import { EuiDescriptionListContext } from './description_list_context'; // Export required for correct inference by HOCs
+
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiDescriptionListTitle = function EuiDescriptionListTitle(_ref) {
   var children = _ref.children,
@@ -45,7 +46,7 @@ export var EuiDescriptionListTitle = function EuiDescriptionListTitle(_ref) {
 
   var theme = useEuiTheme();
   var styles = euiDescriptionListTitleStyles(theme);
-  var conditionalStyles = compressed && textStyle === 'reverse' ? [styles.fontStyles.compressed] : [styles.fontStyles[textStyle]];
+  var conditionalStyles = compressed && textStyle !== 'reverse' ? [styles.fontStyles.compressed] : [styles.fontStyles[textStyle]];
 
   switch (type) {
     case 'inline':

package/eui.d.ts

@@ -13005,10 +13005,9 @@ declare module '@elastic/eui/src/components/description_list/description_list_co
 declare module '@elastic/eui/src/components/description_list/description_list_title' {
 	import { HTMLAttributes, FunctionComponent } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	interface EuiDescriptionListTitleProps extends CommonProps, HTMLAttributes<HTMLElement> {
+	export interface EuiDescriptionListTitleProps extends CommonProps, HTMLAttributes<HTMLElement> {
 	}
 	export const EuiDescriptionListTitle: FunctionComponent<EuiDescriptionListTitleProps>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/description_list/description_list_description.styles' {
@@ -13035,10 +13034,9 @@ declare module '@elastic/eui/src/components/description_list/description_list_de
 declare module '@elastic/eui/src/components/description_list/description_list_description' {
 	import { HTMLAttributes, FunctionComponent } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	interface EuiDescriptionListDescriptionProps extends CommonProps, HTMLAttributes<HTMLElement> {
+	export interface EuiDescriptionListDescriptionProps extends CommonProps, HTMLAttributes<HTMLElement> {
 	}
 	export const EuiDescriptionListDescription: FunctionComponent<EuiDescriptionListDescriptionProps>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/description_list/description_list.styles' {
@@ -18117,7 +18115,7 @@ declare module '@elastic/eui/src/components/basic_table/collapsed_item_actions'
 	    togglePopover: () => void;
 	    closePopover: () => void;
 	    onPopoverBlur: () => void;
-	    registerPopoverDiv: (popoverDiv: HTMLDivElement) => void;
+	    registerPopoverDiv: (popoverDiv: HTMLDivElement | null) => void;
 	    componentWillUnmount(): void;
 	    onClickItem: (onClickAction: (() => void) | undefined) => void;
 	    render(): JSX.Element;
@@ -19068,56 +19066,6 @@ declare module '@elastic/eui' {
 	export * from '@elastic/eui/src/themes';
 	export * from '@elastic/eui/src/global_styling';
 
-}
-declare module '@elastic/eui/src/test/internal/render_with_styles' {
-	import { ReactElement } from 'react';
-	/**
-	 * Use this function to add the `@emotion` Jest serializer to a single test.
-	 * The resulting snapshot will include the styles of elements in the component that use `@emotion` for styling.
-	 *
-	 * This function must be run outside of a `test` block:
-	 
-	  ```
-	  describe('EuiMark', () => {
-	    renderWithStyles(<EuiMark>Marked</EuiMark>);
-
-	    test('is rendered', () => {});
-	  });
-	  ```
-	 */
-	export const renderWithStyles: (component: ReactElement) => never;
-
-}
-declare module '@elastic/eui/src/test/internal/render_custom_styles' {
-	import { ReactElement } from 'react';
-	/**
-	 * Use this test helper to quickly check that the component supports custom
-	 * `className`, `css`, and `style` properties.
-	 *
-	 * Example usage:
-	 *
-	 * shouldRenderCustomStyles(<EuiMark {...requiredProps} />Marked</EuiMark>);
-	 */
-	export const shouldRenderCustomStyles: (component: ReactElement) => void;
-
-}
-declare module '@elastic/eui/src/test/internal/test_custom_hook' {
-	
-	export const HookWrapper: (props: {
-	    hook?: Function;
-	}) => JSX.Element;
-	export const testCustomHook: <T>(hook?: Function | undefined, args?: unknown) => {
-	    return: T;
-	    getUpdatedState: () => T;
-	    updateHookArgs: (args: unknown) => void;
-	};
-
-}
-declare module '@elastic/eui/src/test/internal' {
-	export * from '@elastic/eui/src/test/internal/render_with_styles';
-	export * from '@elastic/eui/src/test/internal/render_custom_styles';
-	export * from '@elastic/eui/src/test/internal/test_custom_hook';
-
 }
 declare module '@elastic/eui/src/components/icon/assets/videoPlayer' {
 	import * as React from 'react';
@@ -23662,96 +23610,6 @@ declare module 'mdast-util-to-hast/lib/all' {
   const all: (h: H, node: Node) => Node[];
   export = all;
 }
-declare module '@elastic/eui/src/test/rtl/component_helpers' {
-	import '@testing-library/jest-dom';
-	/**
-	 * Ensure the EuiPopover being tested is open/closed before continuing
-	 * Note: Because EuiPopover is portalled, we want to query `document`
-	 * instead of the `container` returned by RTL's render()
-	 */
-	export const waitForEuiPopoverOpen: () => Promise<void>;
-	export const waitForEuiPopoverClose: () => Promise<void>;
-	/**
-	 * Ensure the EuiToolTip being tested is open and visible before continuing
-	 */
-	export const waitForEuiToolTipVisible: () => Promise<void>;
-	export const waitForEuiToolTipHidden: () => Promise<void>;
-
-}
-declare module '@elastic/eui/src/test/rtl/data_test_subj_queries' {
-	import { queryHelpers, Matcher, MatcherOptions } from '@testing-library/react'; const queryAllByTestSubject: (container: HTMLElement, id: Matcher, options?: MatcherOptions | undefined) => HTMLElement[]; const queryByTestSubject: queryHelpers.QueryBy<[Matcher]>, getAllByTestSubject: queryHelpers.GetAllBy<[Matcher]>, getByTestSubject: queryHelpers.GetBy<[Matcher]>, findAllByTestSubject: queryHelpers.FindAllBy<[Matcher]>, findByTestSubject: queryHelpers.FindBy<[Matcher]>;
-	export { queryByTestSubject, queryAllByTestSubject, getByTestSubject, getAllByTestSubject, findAllByTestSubject, findByTestSubject, };
-
-}
-declare module '@elastic/eui/src/test/rtl/custom_render' {
-	import { ReactElement } from 'react';
-	import { queries, RenderOptions, Screen } from '@testing-library/react';
-	import * as dataTestSubjQueries from '@elastic/eui/src/test/rtl/data_test_subj_queries'; const customRender: (ui: ReactElement, { queries: renderQueries, ...options }?: RenderOptions) => import("@testing-library/react").RenderResult<{
-	    getByLabelText: typeof queries.getByLabelText;
-	    getAllByLabelText: typeof queries.getAllByLabelText;
-	    queryByLabelText: typeof queries.queryByLabelText;
-	    queryAllByLabelText: typeof queries.queryAllByLabelText;
-	    findByLabelText: typeof queries.findByLabelText;
-	    findAllByLabelText: typeof queries.findAllByLabelText;
-	    getByPlaceholderText: typeof queries.getByPlaceholderText;
-	    getAllByPlaceholderText: typeof queries.getAllByPlaceholderText;
-	    queryByPlaceholderText: typeof queries.queryByPlaceholderText;
-	    queryAllByPlaceholderText: typeof queries.queryAllByPlaceholderText;
-	    findByPlaceholderText: typeof queries.findByPlaceholderText;
-	    findAllByPlaceholderText: typeof queries.findAllByPlaceholderText;
-	    getByText: typeof queries.getByText;
-	    getAllByText: typeof queries.getAllByText;
-	    queryByText: typeof queries.queryByText;
-	    queryAllByText: typeof queries.queryAllByText;
-	    findByText: typeof queries.findByText;
-	    findAllByText: typeof queries.findAllByText;
-	    getByAltText: typeof queries.getByAltText;
-	    getAllByAltText: typeof queries.getAllByAltText;
-	    queryByAltText: typeof queries.queryByAltText;
-	    queryAllByAltText: typeof queries.queryAllByAltText;
-	    findByAltText: typeof queries.findByAltText;
-	    findAllByAltText: typeof queries.findAllByAltText;
-	    getByTitle: typeof queries.getByTitle;
-	    getAllByTitle: typeof queries.getAllByTitle;
-	    queryByTitle: typeof queries.queryByTitle;
-	    queryAllByTitle: typeof queries.queryAllByTitle;
-	    findByTitle: typeof queries.findByTitle;
-	    findAllByTitle: typeof queries.findAllByTitle;
-	    getByDisplayValue: typeof queries.getByDisplayValue;
-	    getAllByDisplayValue: typeof queries.getAllByDisplayValue;
-	    queryByDisplayValue: typeof queries.queryByDisplayValue;
-	    queryAllByDisplayValue: typeof queries.queryAllByDisplayValue;
-	    findByDisplayValue: typeof queries.findByDisplayValue;
-	    findAllByDisplayValue: typeof queries.findAllByDisplayValue;
-	    getByRole: typeof queries.getByRole;
-	    getAllByRole: typeof queries.getAllByRole;
-	    queryByRole: typeof queries.queryByRole;
-	    queryAllByRole: typeof queries.queryAllByRole;
-	    findByRole: typeof queries.findByRole;
-	    findAllByRole: typeof queries.findAllByRole;
-	    getByTestId: typeof queries.getByTestId;
-	    getAllByTestId: typeof queries.getAllByTestId;
-	    queryByTestId: typeof queries.queryByTestId;
-	    queryAllByTestId: typeof queries.queryAllByTestId;
-	    findByTestId: typeof queries.findByTestId;
-	    findAllByTestId: typeof queries.findAllByTestId;
-	    queryByTestSubject: import("@testing-library/react").QueryBy<[import("@testing-library/react").Matcher]>;
-	    queryAllByTestSubject: (container: HTMLElement, id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-	    getByTestSubject: import("@testing-library/react").GetBy<[import("@testing-library/react").Matcher]>;
-	    getAllByTestSubject: import("@testing-library/react").GetAllBy<[import("@testing-library/react").Matcher]>;
-	    findAllByTestSubject: import("@testing-library/react").FindAllBy<[import("@testing-library/react").Matcher]>;
-	    findByTestSubject: import("@testing-library/react").FindBy<[import("@testing-library/react").Matcher]>;
-	}, HTMLElement, HTMLElement>;
-	export { customRender as render }; const customScreen: Screen<typeof queries & typeof dataTestSubjQueries>;
-	export { customScreen as screen };
-
-}
-declare module '@elastic/eui/src/test/rtl' {
-	export * from '@elastic/eui/src/test/rtl/component_helpers';
-	export { queryByTestSubject, queryAllByTestSubject, getByTestSubject, getAllByTestSubject, findAllByTestSubject, findByTestSubject, } from '@elastic/eui/src/test/rtl/data_test_subj_queries';
-	export { render, screen } from '@elastic/eui/src/test/rtl/custom_render';
-
-}
 declare module '@elastic/eui/src/components/table/mobile' {
 	export { EuiTableHeaderMobile } from '@elastic/eui/src/components/table/mobile/table_header_mobile';
 	export type { EuiTableSortMobileProps } from '@elastic/eui/src/components/table/mobile/table_sort_mobile';

package/i18ntokens.json

@@ -149,11 +149,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 169,
+        "line": 170,
         "column": 6
       },
       "end": {
-        "line": 169,
+        "line": 170,
         "column": 80
       }
     },
@@ -165,11 +165,11 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 186,
+        "line": 187,
         "column": 6
       },
       "end": {
-        "line": 186,
+        "line": 187,
         "column": 80
       }
     },

package/lib/components/basic_table/collapsed_item_actions.js

@@ -108,8 +108,7 @@ var CollapsedItemActions = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "registerPopoverDiv", function (popoverDiv) {
       if (!_this.popoverDiv) {
         _this.popoverDiv = popoverDiv;
-
-        _this.popoverDiv.addEventListener('focusout', _this.onPopoverBlur);
+        _this.popoverDiv && _this.popoverDiv.addEventListener('focusout', _this.onPopoverBlur);
       }
     });
 

package/lib/components/description_list/description_list_title.js

@@ -60,7 +60,7 @@ var EuiDescriptionListTitle = function EuiDescriptionListTitle(_ref) {
 
   var theme = (0, _services.useEuiTheme)();
   var styles = (0, _description_list_title.euiDescriptionListTitleStyles)(theme);
-  var conditionalStyles = compressed && textStyle === 'reverse' ? [styles.fontStyles.compressed] : [styles.fontStyles[textStyle]];
+  var conditionalStyles = compressed && textStyle !== 'reverse' ? [styles.fontStyles.compressed] : [styles.fontStyles[textStyle]];
 
   switch (type) {
     case 'inline':

package/optimize/es/components/basic_table/collapsed_item_actions.js

@@ -81,8 +81,7 @@ export var CollapsedItemActions = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "registerPopoverDiv", function (popoverDiv) {
       if (!_this.popoverDiv) {
         _this.popoverDiv = popoverDiv;
-
-        _this.popoverDiv.addEventListener('focusout', _this.onPopoverBlur);
+        _this.popoverDiv && _this.popoverDiv.addEventListener('focusout', _this.onPopoverBlur);
       }
     });
 

package/optimize/es/components/description_list/description_list_description.js

@@ -14,7 +14,8 @@ import React, { useContext } from 'react';
 import classNames from 'classnames';
 import { useEuiTheme } from '../../services';
 import { euiDescriptionListDescriptionStyles } from './description_list_description.styles';
-import { EuiDescriptionListContext } from './description_list_context';
+import { EuiDescriptionListContext } from './description_list_context'; // Export required for correct inference by HOCs
+
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiDescriptionListDescription = function EuiDescriptionListDescription(_ref) {
   var children = _ref.children,

package/optimize/es/components/description_list/description_list_title.js

@@ -14,7 +14,8 @@ import React, { useContext } from 'react';
 import classNames from 'classnames';
 import { useEuiTheme } from '../../services';
 import { euiDescriptionListTitleStyles } from './description_list_title.styles';
-import { EuiDescriptionListContext } from './description_list_context';
+import { EuiDescriptionListContext } from './description_list_context'; // Export required for correct inference by HOCs
+
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiDescriptionListTitle = function EuiDescriptionListTitle(_ref) {
   var children = _ref.children,
@@ -29,7 +30,7 @@ export var EuiDescriptionListTitle = function EuiDescriptionListTitle(_ref) {
 
   var theme = useEuiTheme();
   var styles = euiDescriptionListTitleStyles(theme);
-  var conditionalStyles = compressed && textStyle === 'reverse' ? [styles.fontStyles.compressed] : [styles.fontStyles[textStyle]];
+  var conditionalStyles = compressed && textStyle !== 'reverse' ? [styles.fontStyles.compressed] : [styles.fontStyles[textStyle]];
 
   switch (type) {
     case 'inline':

package/optimize/lib/components/basic_table/collapsed_item_actions.js

@@ -96,8 +96,7 @@ var CollapsedItemActions = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "registerPopoverDiv", function (popoverDiv) {
       if (!_this.popoverDiv) {
         _this.popoverDiv = popoverDiv;
-
-        _this.popoverDiv.addEventListener('focusout', _this.onPopoverBlur);
+        _this.popoverDiv && _this.popoverDiv.addEventListener('focusout', _this.onPopoverBlur);
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClickItem", function (onClickAction) {

package/optimize/lib/components/description_list/description_list_title.js

@@ -46,7 +46,7 @@ var EuiDescriptionListTitle = function EuiDescriptionListTitle(_ref) {
 
   var theme = (0, _services.useEuiTheme)();
   var styles = (0, _description_list_title.euiDescriptionListTitleStyles)(theme);
-  var conditionalStyles = compressed && textStyle === 'reverse' ? [styles.fontStyles.compressed] : [styles.fontStyles[textStyle]];
+  var conditionalStyles = compressed && textStyle !== 'reverse' ? [styles.fontStyles.compressed] : [styles.fontStyles[textStyle]];
 
   switch (type) {
     case 'inline':

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "62.2.1",
+  "version": "62.2.4",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "lib",
   "module": "es",

package/test-env/components/basic_table/collapsed_item_actions.js

@@ -98,8 +98,7 @@ var CollapsedItemActions = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "registerPopoverDiv", function (popoverDiv) {
       if (!_this.popoverDiv) {
         _this.popoverDiv = popoverDiv;
-
-        _this.popoverDiv.addEventListener('focusout', _this.onPopoverBlur);
+        _this.popoverDiv && _this.popoverDiv.addEventListener('focusout', _this.onPopoverBlur);
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClickItem", function (onClickAction) {

package/test-env/components/description_list/description_list_title.js

@@ -48,7 +48,7 @@ var EuiDescriptionListTitle = function EuiDescriptionListTitle(_ref) {
 
   var theme = (0, _services.useEuiTheme)();
   var styles = (0, _description_list_title.euiDescriptionListTitleStyles)(theme);
-  var conditionalStyles = compressed && textStyle === 'reverse' ? [styles.fontStyles.compressed] : [styles.fontStyles[textStyle]];
+  var conditionalStyles = compressed && textStyle !== 'reverse' ? [styles.fontStyles.compressed] : [styles.fontStyles[textStyle]];
 
   switch (type) {
     case 'inline':