@elastic/eui 76.1.0 → 76.3.0

package/optimize/es/components/datagrid/utils/row_heights.js

@@ -1,9 +1,18 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _get from "@babel/runtime/helpers/get";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -24,16 +33,11 @@ export var cellPaddingsMap = {
 export var AUTO_HEIGHT = 'auto';
 export var DEFAULT_ROW_HEIGHT = 34;
 export var RowHeightUtils = /*#__PURE__*/function () {
-  function RowHeightUtils(gridRef, outerGridElementRef, gridItemsRenderedRef, rerenderGridBodyRef) {
+  function RowHeightUtils() {
     var _this = this;
 
     _classCallCheck(this, RowHeightUtils);
 
-    this.gridRef = gridRef;
-    this.outerGridElementRef = outerGridElementRef;
-    this.gridItemsRenderedRef = gridItemsRenderedRef;
-    this.rerenderGridBodyRef = rerenderGridBodyRef;
-
     _defineProperty(this, "styles", {
       paddingTop: 0,
       paddingBottom: 0
@@ -65,10 +69,6 @@ export var RowHeightUtils = /*#__PURE__*/function () {
     });
 
     _defineProperty(this, "heightsCache", new Map());
-
-    _defineProperty(this, "timerId", void 0);
-
-    _defineProperty(this, "lastUpdatedRow", Infinity);
   }
 
   _createClass(RowHeightUtils, [{
@@ -154,6 +154,11 @@ export var RowHeightUtils = /*#__PURE__*/function () {
 
       return false;
     }
+    /**
+     * Heights cache utils
+     * This cache is primarily used by auto heights & secondarily used by lineCount row overrides
+     */
+
   }, {
     key: "getRowHeight",
     value: function getRowHeight(rowIndex) {
@@ -166,23 +171,20 @@ export var RowHeightUtils = /*#__PURE__*/function () {
   }, {
     key: "setRowHeight",
     value: function setRowHeight(rowIndex, colId) {
-      var _this$rerenderGridBod, _this$rerenderGridBod2;
-
       var height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_ROW_HEIGHT;
-      var visibleRowIndex = arguments.length > 3 ? arguments[3] : undefined;
+
+      var _visibleRowIndex = arguments.length > 3 ? arguments[3] : undefined;
+
       var rowHeights = this.heightsCache.get(rowIndex) || new Map();
       var adaptedHeight = Math.ceil(height + this.styles.paddingTop + this.styles.paddingBottom);
 
       if (rowHeights.get(colId) === adaptedHeight) {
-        return;
+        return false;
+      } else {
+        rowHeights.set(colId, adaptedHeight);
+        this.heightsCache.set(rowIndex, rowHeights);
+        return true;
       }
-
-      rowHeights.set(colId, adaptedHeight);
-      this.heightsCache.set(rowIndex, rowHeights);
-      this.resetRow(visibleRowIndex); // When an auto row height is updated, force a re-render
-      // of the grid body to update the unconstrained height
-
-      (_this$rerenderGridBod = (_this$rerenderGridBod2 = this.rerenderGridBodyRef).current) === null || _this$rerenderGridBod === void 0 ? void 0 : _this$rerenderGridBod.call(_this$rerenderGridBod2);
     }
   }, {
     key: "pruneHiddenColumnHeights",
@@ -201,22 +203,84 @@ export var RowHeightUtils = /*#__PURE__*/function () {
           }
         });
       });
+      return didModify;
+    }
+  }]);
+
+  return RowHeightUtils;
+}();
+/**
+ * Row height utils with virtualization library-specific APIs
+ */
+
+export var RowHeightVirtualizationUtils = /*#__PURE__*/function (_RowHeightUtils) {
+  _inherits(RowHeightVirtualizationUtils, _RowHeightUtils);
+
+  var _super = _createSuper(RowHeightVirtualizationUtils);
+
+  function RowHeightVirtualizationUtils(gridRef, outerGridElementRef, gridItemsRenderedRef, rerenderGridBodyRef) {
+    var _this2;
+
+    _classCallCheck(this, RowHeightVirtualizationUtils);
+
+    _this2 = _super.call(this);
+    _this2.gridRef = gridRef;
+    _this2.outerGridElementRef = outerGridElementRef;
+    _this2.gridItemsRenderedRef = gridItemsRenderedRef;
+    _this2.rerenderGridBodyRef = rerenderGridBodyRef;
+
+    _defineProperty(_assertThisInitialized(_this2), "timerId", void 0);
+
+    _defineProperty(_assertThisInitialized(_this2), "lastUpdatedRow", Infinity);
+
+    return _this2;
+  }
+  /**
+   * Virtualization workarounds for auto height rows
+   */
+
+
+  _createClass(RowHeightVirtualizationUtils, [{
+    key: "setRowHeight",
+    value: function setRowHeight(rowIndex, colId) {
+      var height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_ROW_HEIGHT;
+      var visibleRowIndex = arguments.length > 3 ? arguments[3] : undefined;
+
+      var didModify = _get(_getPrototypeOf(RowHeightVirtualizationUtils.prototype), "setRowHeight", this).call(this, rowIndex, colId, height, visibleRowIndex); // When an auto row height is updated, force a re-render
+      // of the grid body to update the unconstrained height
+
+
+      if (didModify) {
+        var _this$rerenderGridBod, _this$rerenderGridBod2;
+
+        (_this$rerenderGridBod = (_this$rerenderGridBod2 = this.rerenderGridBodyRef).current) === null || _this$rerenderGridBod === void 0 ? void 0 : _this$rerenderGridBod.call(_this$rerenderGridBod2);
+        this.resetRow(visibleRowIndex);
+      }
+
+      return didModify; // Mostly just here for typing
+    }
+  }, {
+    key: "pruneHiddenColumnHeights",
+    value: function pruneHiddenColumnHeights(visibleColumns) {
+      var didModify = _get(_getPrototypeOf(RowHeightVirtualizationUtils.prototype), "pruneHiddenColumnHeights", this).call(this, visibleColumns);
 
       if (didModify) {
         this.resetRow(0);
       }
+
+      return didModify; // Mostly just here for typing
     }
   }, {
     key: "resetRow",
     value: function resetRow(visibleRowIndex) {
-      var _this2 = this;
+      var _this3 = this;
 
       // save the first row index of batch, reassigning it only
       // if this visible row index less than lastUpdatedRow
       this.lastUpdatedRow = Math.min(this.lastUpdatedRow, visibleRowIndex);
       clearTimeout(this.timerId);
       this.timerId = window.setTimeout(function () {
-        return _this2.resetGrid();
+        return _this3.resetGrid();
       }, 0);
     }
   }, {
@@ -254,24 +318,29 @@ export var RowHeightUtils = /*#__PURE__*/function () {
     }
   }]);
 
-  return RowHeightUtils;
-}();
+  return RowHeightVirtualizationUtils;
+}(RowHeightUtils);
 /**
  * Hook for instantiating RowHeightUtils, setting internal class vars,
  * and setting up various row-height-related side effects
  */
 
 export var useRowHeightUtils = function useRowHeightUtils(_ref2) {
-  var gridRef = _ref2.gridRef,
-      outerGridElementRef = _ref2.outerGridElementRef,
-      gridItemsRenderedRef = _ref2.gridItemsRenderedRef,
+  var virtualization = _ref2.virtualization,
+      rowHeightsOptions = _ref2.rowHeightsOptions,
       gridStyles = _ref2.gridStyles,
-      columns = _ref2.columns,
-      rowHeightsOptions = _ref2.rowHeightsOptions;
+      columns = _ref2.columns;
   var forceRenderRef = useLatest(useForceRender());
 
   var _useState = useState(function () {
-    return new RowHeightUtils(gridRef, outerGridElementRef, gridItemsRenderedRef, forceRenderRef);
+    if (virtualization) {
+      var _gridRef = virtualization.gridRef,
+          _outerGridElementRef = virtualization.outerGridElementRef,
+          _gridItemsRenderedRef = virtualization.gridItemsRenderedRef;
+      return new RowHeightVirtualizationUtils(_gridRef, _outerGridElementRef, _gridItemsRenderedRef, forceRenderRef);
+    } else {
+      return new RowHeightUtils();
+    }
   }),
       _useState2 = _slicedToArray(_useState, 1),
       rowHeightUtils = _useState2[0]; // Forces a rerender whenever the row heights change, as this can cause the

package/optimize/es/components/flyout/flyout.js

@@ -266,6 +266,7 @@ export var EuiFlyout = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   var flyout = ___EmotionJSX(EuiFocusTrap, _extends({
     disabled: isPushed,
+    scrollLock: ownFocus,
     clickOutsideDisables: !ownFocus,
     onClickOutside: onClickOutside
   }, focusTrapProps), ___EmotionJSX(Element, _extends({

package/optimize/es/components/icon/icon_map.js

@@ -415,6 +415,8 @@ export var typeToPathMap = {
   visVisualBuilder: 'vis_visual_builder',
   visualizeApp: 'app_visualize',
   warning: 'warning',
+  alert: 'warning',
+  // NOTE: This is an undocumented alias for `warning`, added for legacy compatability with Elastic Charts
   watchesApp: 'app_watches',
   wordWrap: 'wordWrap',
   wordWrapDisabled: 'wordWrapDisabled',

package/optimize/es/components/image/image_fullscreen_wrapper.js

@@ -58,6 +58,8 @@ export var EuiImageFullScreenWrapper = function EuiImageFullScreenWrapper(_ref)
   return ___EmotionJSX(EuiOverlayMask, {
     "data-test-subj": "fullScreenOverlayMask"
   }, ___EmotionJSX(EuiFocusTrap, {
+    scrollLock: true,
+    preventScrollOnFocus: true,
     onClickOutside: closeFullScreen
   }, ___EmotionJSX(React.Fragment, null, ___EmotionJSX("figure", _extends({
     "aria-label": optionalCaptionText,

package/optimize/lib/components/accessibility/skip_link/skip_link.js

@@ -61,7 +61,14 @@ var EuiSkipLink = function EuiSkipLink(_ref) {
     var hasValidId = !!destinationEl; // Check the fallback destination if not
 
     if (!destinationEl && fallbackDestination) {
-      destinationEl = document.querySelector(fallbackDestination);
+      if (Array.isArray(fallbackDestination)) {
+        for (var i = 0; i < fallbackDestination.length; i++) {
+          destinationEl = document.querySelector(fallbackDestination[i]);
+          if (destinationEl) break; // Stop once the first fallback has been found
+        }
+      } else {
+        destinationEl = document.querySelector(fallbackDestination);
+      }
     }
 
     if ((overrideLinkBehavior || !hasValidId) && destinationEl) {

package/optimize/lib/components/code/code_block_full_screen.js

@@ -104,6 +104,8 @@ var EuiCodeBlockFullScreenWrapper = function EuiCodeBlockFullScreenWrapper(_ref2
   var cssStyles = [styles.euiCodeBlock, styles.l, // Force fullscreen to use large font
   styles.isFullScreen];
   return (0, _react2.jsx)(_overlay_mask.EuiOverlayMask, null, (0, _react2.jsx)(_focus_trap.EuiFocusTrap, {
+    scrollLock: true,
+    preventScrollOnFocus: true,
     clickOutsideDisables: true
   }, (0, _react2.jsx)("div", {
     className: "euiCodeBlockFullScreen",