@elastic/eui 62.2.0 → 62.2.3

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

@@ -2,14 +2,12 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof3 = require("@babel/runtime/helpers/typeof");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCurrentEuiBreakpoint = exports.CurrentEuiBreakpointProvider = exports.CurrentEuiBreakpointContext = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+exports.CurrentEuiBreakpointProvider = exports.CurrentEuiBreakpointContext = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -25,7 +23,7 @@ var _react2 = require("@emotion/react");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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 _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; }
 
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -48,7 +46,7 @@ var CurrentEuiBreakpointProvider = function CurrentEuiBreakpointProvider(_ref) {
   var _useEuiTheme = (0, _theme.useEuiTheme)(),
       breakpoints = _useEuiTheme.euiTheme.breakpoint;
 
-  var _useState = (0, _react.useState)((typeof window === "undefined" ? "undefined" : (0, _typeof2.default)(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 = (0, _slicedToArray2.default)(_useState, 2),
       currentBreakpoint = _useState2[0],
       setCurrentBreakpoint = _useState2[1];
@@ -66,16 +64,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/optimize/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/optimize/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/optimize/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "62.2.0",
+  "version": "62.2.3",
   "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/services/breakpoint/current_breakpoint.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CurrentEuiBreakpointProvider = exports.CurrentEuiBreakpointContext = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _theme = require("../theme");
+
+var _throttle = require("../throttle");
+
+var _breakpoint = require("./breakpoint");
+
+var _react2 = require("@emotion/react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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; }
+
+/*
+ * 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.
+ */
+var CurrentEuiBreakpointContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+/**
+ * Top level provider (nested within EuiProvider) which provides a single
+ * resize listener that returns the current breakpoint based on window width
+ */
+
+exports.CurrentEuiBreakpointContext = CurrentEuiBreakpointContext;
+
+var CurrentEuiBreakpointProvider = function CurrentEuiBreakpointProvider(_ref) {
+  var children = _ref.children;
+
+  var _useEuiTheme = (0, _theme.useEuiTheme)(),
+      breakpoints = _useEuiTheme.euiTheme.breakpoint;
+
+  var _useState = (0, _react.useState)(typeof window !== 'undefined' ? (0, _breakpoint.getBreakpoint)(window.innerWidth, breakpoints) : undefined),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      currentBreakpoint = _useState2[0],
+      setCurrentBreakpoint = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var onWindowResize = (0, _throttle.throttle)(function () {
+      setCurrentBreakpoint((0, _breakpoint.getBreakpoint)(window.innerWidth, breakpoints));
+    }, 50);
+    window.addEventListener('resize', onWindowResize);
+    return function () {
+      return window.removeEventListener('resize', onWindowResize);
+    };
+  }, [breakpoints]);
+  return (0, _react2.jsx)(CurrentEuiBreakpointContext.Provider, {
+    value: currentBreakpoint
+  }, children);
+};
+
+exports.CurrentEuiBreakpointProvider = CurrentEuiBreakpointProvider;

package/test-env/services/breakpoint/{currentEuiBreakpoint.js → current_breakpoint_hook.js}

@@ -1,19 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCurrentEuiBreakpoint = void 0;
 
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _react = require("react");
 
 var _breakpoint = require("./breakpoint");
 
-var _currentEuiBreakpoint = require("./currentEuiBreakpoint");
+var _current_breakpoint = require("./current_breakpoint");
 
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -28,10 +24,10 @@ var _currentEuiBreakpoint = require("./currentEuiBreakpoint");
  * this test mock mimics CurrentEuiBreakpoint logic (w/o resize observers).
  */
 var useCurrentEuiBreakpoint = function useCurrentEuiBreakpoint() {
-  var context = (0, _react.useContext)(_currentEuiBreakpoint.CurrentEuiBreakpointContext);
+  var context = (0, _react.useContext)(_current_breakpoint.CurrentEuiBreakpointContext);
   if (context !== undefined) return context; // Component has been wrapped, everything is fine.
 
-  return (typeof window === "undefined" ? "undefined" : (0, _typeof2.default)(window)) !== undefined ? (0, _breakpoint.getBreakpoint)(window.innerWidth) : undefined;
+  return typeof window !== 'undefined' ? (0, _breakpoint.getBreakpoint)(window.innerWidth) : undefined;
 };
 
 exports.useCurrentEuiBreakpoint = useCurrentEuiBreakpoint;

package/test-env/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/test-env/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;
 };