@elastic/eui 62.2.0 → 62.2.3

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,

package/es/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint.js}

@@ -1,5 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -19,7 +17,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-import React, { createContext, useContext, useState, useEffect } from 'react';
+import React, { createContext, useState, useEffect } from 'react';
 import { useEuiTheme } from '../theme';
 import { throttle } from '../throttle';
 import { getBreakpoint } from './breakpoint';
@@ -36,7 +34,7 @@ export var CurrentEuiBreakpointProvider = function CurrentEuiBreakpointProvider(
   var _useEuiTheme = useEuiTheme(),
       breakpoints = _useEuiTheme.euiTheme.breakpoint;
 
-  var _useState = useState((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined ? getBreakpoint(window.innerWidth, breakpoints) : undefined),
+  var _useState = useState(typeof window !== 'undefined' ? getBreakpoint(window.innerWidth, breakpoints) : undefined),
       _useState2 = _slicedToArray(_useState, 2),
       currentBreakpoint = _useState2[0],
       setCurrentBreakpoint = _useState2[1];
@@ -53,12 +51,4 @@ export var CurrentEuiBreakpointProvider = function CurrentEuiBreakpointProvider(
   return ___EmotionJSX(CurrentEuiBreakpointContext.Provider, {
     value: currentBreakpoint
   }, children);
-};
-/**
- * Hook util / syntactical sugar
- */
-
-export var useCurrentEuiBreakpoint = function useCurrentEuiBreakpoint() {
-  var currentBreakpoint = useContext(CurrentEuiBreakpointContext);
-  return currentBreakpoint;
 };

package/es/services/breakpoint/current_breakpoint_hook.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { useContext } from 'react';
+import { CurrentEuiBreakpointContext } from './current_breakpoint';
+/**
+ * Hook util / syntactical sugar for useContext()
+ *
+ * This hook is in its own separate file to make mocking it
+ * as a testenv easy for Jest unit tests
+ */
+
+export var useCurrentEuiBreakpoint = function useCurrentEuiBreakpoint() {
+  var currentBreakpoint = useContext(CurrentEuiBreakpointContext);
+  return currentBreakpoint;
+};

package/es/services/breakpoint/index.js

@@ -6,5 +6,6 @@
  * Side Public License, v 1.
  */
 export * from './breakpoint';
-export * from './currentEuiBreakpoint';
+export * from './current_breakpoint';
+export * from './current_breakpoint_hook';
 export * from './useIsWithinBreakpoints';

package/es/services/breakpoint/useIsWithinBreakpoints.js

@@ -5,7 +5,7 @@
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-import { useCurrentEuiBreakpoint } from './currentEuiBreakpoint';
+import { useCurrentEuiBreakpoint } from './current_breakpoint_hook';
 /**
  * Given the current window.innerWidth and an array of breakpoint keys,
  * this hook stores state and returns true or false if the window.innerWidth

package/eui.d.ts

@@ -6652,7 +6652,7 @@ declare module '@elastic/eui/src/services/throttle' {
 	export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
 
 }
-declare module '@elastic/eui/src/services/breakpoint/currentEuiBreakpoint' {
+declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
 	import React, { FunctionComponent } from 'react';
 	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint'; type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
 	export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
@@ -6661,11 +6661,17 @@ declare module '@elastic/eui/src/services/breakpoint/currentEuiBreakpoint' {
 	 * resize listener that returns the current breakpoint based on window width
 	 */
 	export const CurrentEuiBreakpointProvider: FunctionComponent;
+	export {};
+
+}
+declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
 	/**
-	 * Hook util / syntactical sugar
+	 * Hook util / syntactical sugar for useContext()
+	 *
+	 * This hook is in its own separate file to make mocking it
+	 * as a testenv easy for Jest unit tests
 	 */
-	export const useCurrentEuiBreakpoint: () => CurrentEuiBreakpoint;
-	export {};
+	export const useCurrentEuiBreakpoint: () => "s" | "xs" | "m" | "l" | "xl" | undefined;
 
 }
 declare module '@elastic/eui/src/services/breakpoint/useIsWithinBreakpoints' {
@@ -6685,7 +6691,8 @@ declare module '@elastic/eui/src/services/breakpoint/useIsWithinBreakpoints' {
 }
 declare module '@elastic/eui/src/services/breakpoint' {
 	export * from '@elastic/eui/src/services/breakpoint/breakpoint';
-	export * from '@elastic/eui/src/services/breakpoint/currentEuiBreakpoint';
+	export * from '@elastic/eui/src/services/breakpoint/current_breakpoint';
+	export * from '@elastic/eui/src/services/breakpoint/current_breakpoint_hook';
 	export * from '@elastic/eui/src/services/breakpoint/useIsWithinBreakpoints';
 
 }
@@ -12998,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' {
@@ -13028,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' {
@@ -18110,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;
@@ -19061,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';
@@ -23655,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/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint.js}

@@ -1,9 +1,11 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCurrentEuiBreakpoint = exports.CurrentEuiBreakpointProvider = exports.CurrentEuiBreakpointContext = void 0;
+exports.CurrentEuiBreakpointProvider = exports.CurrentEuiBreakpointContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -19,8 +21,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -47,7 +47,7 @@ var CurrentEuiBreakpointProvider = function CurrentEuiBreakpointProvider(_ref) {
   var _useEuiTheme = (0, _theme.useEuiTheme)(),
       breakpoints = _useEuiTheme.euiTheme.breakpoint;
 
-  var _useState = (0, _react.useState)((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined ? (0, _breakpoint.getBreakpoint)(window.innerWidth, breakpoints) : undefined),
+  var _useState = (0, _react.useState)(typeof window !== 'undefined' ? (0, _breakpoint.getBreakpoint)(window.innerWidth, breakpoints) : undefined),
       _useState2 = _slicedToArray(_useState, 2),
       currentBreakpoint = _useState2[0],
       setCurrentBreakpoint = _useState2[1];
@@ -65,16 +65,5 @@ var CurrentEuiBreakpointProvider = function CurrentEuiBreakpointProvider(_ref) {
     value: currentBreakpoint
   }, children);
 };
-/**
- * Hook util / syntactical sugar
- */
-
-
-exports.CurrentEuiBreakpointProvider = CurrentEuiBreakpointProvider;
-
-var useCurrentEuiBreakpoint = function useCurrentEuiBreakpoint() {
-  var currentBreakpoint = (0, _react.useContext)(CurrentEuiBreakpointContext);
-  return currentBreakpoint;
-};
 
-exports.useCurrentEuiBreakpoint = useCurrentEuiBreakpoint;
+exports.CurrentEuiBreakpointProvider = CurrentEuiBreakpointProvider;

package/lib/services/breakpoint/current_breakpoint_hook.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCurrentEuiBreakpoint = void 0;
+
+var _react = require("react");
+
+var _current_breakpoint = require("./current_breakpoint");
+
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+/**
+ * Hook util / syntactical sugar for useContext()
+ *
+ * This hook is in its own separate file to make mocking it
+ * as a testenv easy for Jest unit tests
+ */
+var useCurrentEuiBreakpoint = function useCurrentEuiBreakpoint() {
+  var currentBreakpoint = (0, _react.useContext)(_current_breakpoint.CurrentEuiBreakpointContext);
+  return currentBreakpoint;
+};
+
+exports.useCurrentEuiBreakpoint = useCurrentEuiBreakpoint;

package/lib/services/breakpoint/index.js

@@ -17,15 +17,28 @@ Object.keys(_breakpoint).forEach(function (key) {
   });
 });
 
-var _currentEuiBreakpoint = require("./currentEuiBreakpoint");
+var _current_breakpoint = require("./current_breakpoint");
 
-Object.keys(_currentEuiBreakpoint).forEach(function (key) {
+Object.keys(_current_breakpoint).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _currentEuiBreakpoint[key]) return;
+  if (key in exports && exports[key] === _current_breakpoint[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _currentEuiBreakpoint[key];
+      return _current_breakpoint[key];
+    }
+  });
+});
+
+var _current_breakpoint_hook = require("./current_breakpoint_hook");
+
+Object.keys(_current_breakpoint_hook).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _current_breakpoint_hook[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _current_breakpoint_hook[key];
     }
   });
 });

package/lib/services/breakpoint/useIsWithinBreakpoints.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useIsWithinBreakpoints = void 0;
 
-var _currentEuiBreakpoint = require("./currentEuiBreakpoint");
+var _current_breakpoint_hook = require("./current_breakpoint_hook");
 
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -27,7 +27,7 @@ var _currentEuiBreakpoint = require("./currentEuiBreakpoint");
  */
 var useIsWithinBreakpoints = function useIsWithinBreakpoints(sizes) {
   var isResponsive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var currentBreakpoint = (0, _currentEuiBreakpoint.useCurrentEuiBreakpoint)();
+  var currentBreakpoint = (0, _current_breakpoint_hook.useCurrentEuiBreakpoint)();
   return currentBreakpoint && isResponsive ? sizes.includes(currentBreakpoint) : false;
 };
 

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,

package/optimize/es/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint.js}

@@ -1,4 +1,3 @@
-import _typeof from "@babel/runtime/helpers/typeof";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 /*
@@ -8,7 +7,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-import React, { createContext, useContext, useState, useEffect } from 'react';
+import React, { createContext, useState, useEffect } from 'react';
 import { useEuiTheme } from '../theme';
 import { throttle } from '../throttle';
 import { getBreakpoint } from './breakpoint';
@@ -25,7 +24,7 @@ export var CurrentEuiBreakpointProvider = function CurrentEuiBreakpointProvider(
   var _useEuiTheme = useEuiTheme(),
       breakpoints = _useEuiTheme.euiTheme.breakpoint;
 
-  var _useState = useState((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined ? getBreakpoint(window.innerWidth, breakpoints) : undefined),
+  var _useState = useState(typeof window !== 'undefined' ? getBreakpoint(window.innerWidth, breakpoints) : undefined),
       _useState2 = _slicedToArray(_useState, 2),
       currentBreakpoint = _useState2[0],
       setCurrentBreakpoint = _useState2[1];
@@ -42,12 +41,4 @@ export var CurrentEuiBreakpointProvider = function CurrentEuiBreakpointProvider(
   return ___EmotionJSX(CurrentEuiBreakpointContext.Provider, {
     value: currentBreakpoint
   }, children);
-};
-/**
- * Hook util / syntactical sugar
- */
-
-export var useCurrentEuiBreakpoint = function useCurrentEuiBreakpoint() {
-  var currentBreakpoint = useContext(CurrentEuiBreakpointContext);
-  return currentBreakpoint;
 };

package/optimize/es/services/breakpoint/current_breakpoint_hook.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { useContext } from 'react';
+import { CurrentEuiBreakpointContext } from './current_breakpoint';
+/**
+ * Hook util / syntactical sugar for useContext()
+ *
+ * This hook is in its own separate file to make mocking it
+ * as a testenv easy for Jest unit tests
+ */
+
+export var useCurrentEuiBreakpoint = function useCurrentEuiBreakpoint() {
+  var currentBreakpoint = useContext(CurrentEuiBreakpointContext);
+  return currentBreakpoint;
+};

package/optimize/es/services/breakpoint/index.js

@@ -6,5 +6,6 @@
  * Side Public License, v 1.
  */
 export * from './breakpoint';
-export * from './currentEuiBreakpoint';
+export * from './current_breakpoint';
+export * from './current_breakpoint_hook';
 export * from './useIsWithinBreakpoints';

package/optimize/es/services/breakpoint/useIsWithinBreakpoints.js

@@ -5,7 +5,7 @@
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-import { useCurrentEuiBreakpoint } from './currentEuiBreakpoint';
+import { useCurrentEuiBreakpoint } from './current_breakpoint_hook';
 /**
  * Given the current window.innerWidth and an array of breakpoint keys,
  * this hook stores state and returns true or false if the window.innerWidth

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) {