@elastic/eui 92.0.0 → 92.1.1

package/test-env/components/resizable_container/helpers.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useContainerCallbacks = exports.sizesOnly = exports.pxToPercent = exports.getPosition = exports.getPanelMinSize = void 0;
+exports.useContainerCallbacks = exports.sizesOnly = exports.pxToPercent = exports.isTouchEvent = exports.getPosition = exports.getPanelMinSize = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -18,9 +18,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           * in compliance with, at your election, the Elastic License 2.0 or the Server
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           * Side Public License, v 1.
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           */
-function isMouseEvent(event) {
-  return (0, _typeof2.default)(event) === 'object' && 'pageX' in event && 'pageY' in event;
-}
+var isTouchEvent = function isTouchEvent(event) {
+  return (0, _typeof2.default)(event) === 'object' && 'targetTouches' in event;
+};
+exports.isTouchEvent = isTouchEvent;
 var pxToPercent = function pxToPercent(proportion, whole) {
   if (whole < 1 || proportion < 0) return 0;
   return proportion / whole * 100;
@@ -50,9 +51,8 @@ var getPanelMinSize = function getPanelMinSize(panelMinSize, containerSize) {
 };
 exports.getPanelMinSize = getPanelMinSize;
 var getPosition = function getPosition(event, isHorizontal) {
-  var clientX = isMouseEvent(event) ? event.clientX : event.touches[0].clientX;
-  var clientY = isMouseEvent(event) ? event.clientY : event.touches[0].clientY;
-  return isHorizontal ? clientX : clientY;
+  var direction = isHorizontal ? 'clientX' : 'clientY';
+  return isTouchEvent(event) ? event.targetTouches[0][direction] : event[direction];
 };
 exports.getPosition = getPosition;
 var getSiblingPanel = function getSiblingPanel(element, adjacency) {

package/test-env/components/resizable_container/resizable_button.js

@@ -17,7 +17,7 @@ var _services = require("../../services");
 var _context = require("./context");
 var _resizable_button = require("./resizable_button.styles");
 var _react2 = require("@emotion/react");
-var _excluded = ["isHorizontal", "alignIndicator", "className"],
+var _excluded = ["isHorizontal", "indicator", "alignIndicator", "className"],
   _excluded2 = ["registration", "id", "disabled", "onFocus"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -34,14 +34,17 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var EuiResizableButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var isHorizontal = _ref.isHorizontal,
+    _ref$indicator = _ref.indicator,
+    indicator = _ref$indicator === void 0 ? 'handle' : _ref$indicator,
     _ref$alignIndicator = _ref.alignIndicator,
     alignIndicator = _ref$alignIndicator === void 0 ? 'center' : _ref$alignIndicator,
     className = _ref.className,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var classes = (0, _classnames.default)('euiResizableButton', className);
+  var resizeDirection = isHorizontal ? 'horizontal' : 'vertical';
   var euiTheme = (0, _services.useEuiTheme)();
   var styles = (0, _resizable_button.euiResizableButtonStyles)(euiTheme);
-  var cssStyles = [styles.euiResizableButton, isHorizontal ? styles.horizontal : styles.vertical, styles.alignIndicator[alignIndicator]];
+  var cssStyles = [styles.euiResizableButton, styles[indicator], styles["".concat(indicator, "Direction")][resizeDirection], styles[resizeDirection], indicator === 'handle' && styles.alignIndicator[alignIndicator]];
   return (0, _react2.jsx)(_i18n.EuiI18n, {
     tokens: ['euiResizableButton.horizontalResizerAriaLabel', 'euiResizableButton.verticalResizerAriaLabel'],
     defaults: ['Press the left or right arrow keys to adjust panels size', 'Press the up or down arrow keys to adjust panels size']
@@ -71,8 +74,14 @@ EuiResizableButton.propTypes = {
        */
   isHorizontal: _propTypes.default.bool,
   /**
-       * Specify the alignment of the initial resize indicator. Defaults to `center`,
-       * but consider using `start` for extremely tall content that scrolls off-screen
+       * By default, EuiResizableButton will show a grab handle to indicate resizability.
+       * This indicator can be optionally hidden to show a plain border instead.
+       */
+  indicator: _propTypes.default.oneOf(["handle", "border"]),
+  /**
+       * Allows customizing the alignment of grab `handle` indicators (does nothing for
+       * border indicators). Defaults to `center`, but consider using `start` for extremely
+       * tall content that scrolls off-screen
        */
   alignIndicator: _propTypes.default.oneOf(["center", "start", "end"]),
   /**

package/test-env/components/resizable_container/resizable_button.styles.js

@@ -46,21 +46,31 @@ var euiResizableButtonStyles = function euiResizableButtonStyles(euiThemeContext
   var transitionSpeed = euiTheme.animation.fast;
   var transition = "".concat(transitionSpeed, " ease");
   return {
-    // Mimics the "grab" icon with CSS psuedo-elements.
-    // 1. The "grab" icon transforms into a thicker straight line on :hover and :focus
-    // 2. Start/end aligned handles should have a slight margin offset that disappears on hover/focus
+    // Creates a resizable indicator (either a grab handle or a plain border) with CSS psuedo-elements.
+    // 1. The "grab" handle transforms into a thicker straight line on :hover and :focus
+    // 2. Start/end aligned grab handles should have a slight margin offset that disappears on hover/focus
     // 3. CSS hack to smooth out/anti-alias the 1px wide handles at various zoom levels
-    euiResizableButton: /*#__PURE__*/(0, _react.css)("z-index:1;flex-shrink:0;display:flex;justify-content:center;gap:", (0, _global_styling.mathWithUnits)(grabHandleHeight, function (x) {
-      return x * 2;
-    }), ";&:disabled{display:none;}&:hover,&:focus{gap:0;justify-content:center;}", _global_styling.euiCanAnimate, "{transition:gap ", transition, ",justify-content ", transition, ";}&::before,&::after{content:'';display:block;background-color:", euiTheme.colors.darkestShade, ";transform:translateZ(0);", _global_styling.euiCanAnimate, "{transition:width ", transition, ",height ", transition, ",margin ", transition, ",background-color ", transition, ";}}&:hover{&::before,&::after{background-color:", euiTheme.colors.mediumShade, ";", _global_styling.euiCanAnimate, "{transition-delay:", transitionSpeed, ";}}}&:focus,&:active{background-color:", (0, _services.transparentize)(euiTheme.colors.primary, 0.1), ";&::before,&::after{background-color:", euiTheme.colors.primary, ";", _global_styling.euiCanAnimate, "{transition:width ", transition, ",height ", transition, ";transition-delay:", (0, _global_styling.mathWithUnits)(transitionSpeed, function (x) {
+    euiResizableButton: /*#__PURE__*/(0, _react.css)("z-index:1;flex-shrink:0;display:flex;justify-content:center;&:disabled{display:none;}&::before,&::after{content:'';display:block;", _global_styling.euiCanAnimate, "{transition:width ", transition, ",height ", transition, ",margin ", transition, ",background-color ", transition, ";}}&:hover{&::before,&::after{background-color:", euiTheme.colors.mediumShade, ";}}&:focus,&:active{background-color:", (0, _services.transparentize)(euiTheme.colors.primary, 0.1), ";&::before,&::after{background-color:", euiTheme.colors.primary, ";", _global_styling.euiCanAnimate, "{transition:width ", transition, ",height ", transition, ";transition-delay:", (0, _global_styling.mathWithUnits)(transitionSpeed, function (x) {
       return x / 2;
     }), ";}}};label:euiResizableButton;"),
     horizontal: /*#__PURE__*/(0, _react.css)("cursor:col-resize;", (0, _global_styling.logicalCSS)('height', '100%'), " ", (0, _global_styling.logicalCSS)('width', buttonSize), " margin-inline:", (0, _global_styling.mathWithUnits)(buttonSize, function (x) {
       return x / -2;
-    }), ";&::before,&::after{", (0, _global_styling.logicalCSS)('width', grabHandleHeight), " ", (0, _global_styling.logicalCSS)('height', grabHandleWidth), " margin-block:", euiTheme.size.base, ";}&:hover,&:focus,&:active{&::before,&::after{", (0, _global_styling.logicalCSS)('height', '100%'), " margin-block:0;transform:none;}};label:horizontal;"),
+    }), ";;label:horizontal;"),
     vertical: /*#__PURE__*/(0, _react.css)("flex-direction:column;cursor:row-resize;", (0, _global_styling.logicalCSS)('width', '100%'), " ", (0, _global_styling.logicalCSS)('height', buttonSize), " margin-block:", (0, _global_styling.mathWithUnits)(buttonSize, function (x) {
       return x / -2;
-    }), ";&::before,&::after{", (0, _global_styling.logicalCSS)('height', grabHandleHeight), " ", (0, _global_styling.logicalCSS)('width', grabHandleWidth), " margin-inline:", euiTheme.size.base, ";}&:hover,&:focus,&:active{&::before,&::after{", (0, _global_styling.logicalCSS)('width', '100%'), " margin-inline:0;transform:none;}};label:vertical;"),
+    }), ";;label:vertical;"),
+    border: /*#__PURE__*/(0, _react.css)("&::before,&::after{background-color:", euiTheme.border.color, ";};label:border;"),
+    borderDirection: {
+      horizontal: /*#__PURE__*/(0, _react.css)("&::before{", (0, _global_styling.logicalCSS)('width', euiTheme.border.width.thin), " ", (0, _global_styling.logicalCSS)('height', '100%'), ";}&:hover,&:focus,&:active{&::after{", (0, _global_styling.logicalCSS)('width', euiTheme.border.width.thin), " ", (0, _global_styling.logicalCSS)('height', '100%'), ";}};label:horizontal;"),
+      vertical: /*#__PURE__*/(0, _react.css)("&::before{", (0, _global_styling.logicalCSS)('height', euiTheme.border.width.thin), " ", (0, _global_styling.logicalCSS)('width', '100%'), ";}&:hover,&:focus,&:active{&::after{", (0, _global_styling.logicalCSS)('height', euiTheme.border.width.thin), " ", (0, _global_styling.logicalCSS)('width', '100%'), ";}};label:vertical;")
+    },
+    handle: /*#__PURE__*/(0, _react.css)("gap:", (0, _global_styling.mathWithUnits)(grabHandleHeight, function (x) {
+      return x * 2;
+    }), ";&:hover,&:focus,&:active{gap:0;}", _global_styling.euiCanAnimate, "{transition:gap ", transition, ";}&::before,&::after{background-color:", euiTheme.colors.darkestShade, ";transform:translateZ(0);}&:hover{&::before,&::after{", _global_styling.euiCanAnimate, "{transition-delay:", transitionSpeed, ";}}};label:handle;"),
+    handleDirection: {
+      horizontal: /*#__PURE__*/(0, _react.css)("&::before,&::after{", (0, _global_styling.logicalCSS)('width', grabHandleHeight), " ", (0, _global_styling.logicalCSS)('height', grabHandleWidth), " margin-block:", euiTheme.size.base, ";}&:hover,&:focus,&:active{&::before,&::after{", (0, _global_styling.logicalCSS)('height', '100%'), " margin-block:0;transform:none;}};label:horizontal;"),
+      vertical: /*#__PURE__*/(0, _react.css)("&::before,&::after{", (0, _global_styling.logicalCSS)('height', grabHandleHeight), " ", (0, _global_styling.logicalCSS)('width', grabHandleWidth), " margin-inline:", euiTheme.size.base, ";}&:hover,&:focus,&:active{&::before,&::after{", (0, _global_styling.logicalCSS)('width', '100%'), " margin-inline:0;transform:none;}};label:vertical;")
+    },
     alignIndicator: {
       center: _ref3,
       start: _ref2,

package/test-env/components/resizable_container/resizable_container.js

@@ -109,16 +109,33 @@ var EuiResizableContainer = function EuiResizableContainer(_ref) {
       prevPanelId: prevPanelId,
       nextPanelId: nextPanelId
     });
-  }, [actions, isHorizontal, resizeStart]);
-  var onMouseMove = (0, _react.useCallback)(function (event) {
-    if (!reducerState.prevPanelId || !reducerState.nextPanelId || !reducerState.isDragging) return;
-    var position = (0, _helpers.getPosition)(event, isHorizontal);
-    actions.dragMove({
-      position: position,
-      prevPanelId: reducerState.prevPanelId,
-      nextPanelId: reducerState.nextPanelId
-    });
-  }, [actions, isHorizontal, reducerState.prevPanelId, reducerState.nextPanelId, reducerState.isDragging]);
+
+    // Window event listeners instead of React events are used to continue
+    // detecting movement even if the user's mouse leaves the container
+
+    var onMouseMove = function onMouseMove(event) {
+      var position = (0, _helpers.getPosition)(event, isHorizontal);
+      actions.dragMove({
+        position: position,
+        prevPanelId: prevPanelId,
+        nextPanelId: nextPanelId
+      });
+    };
+    var onMouseUp = function onMouseUp() {
+      if (resizeContext.current.trigger === 'pointer') {
+        resizeEnd();
+      }
+      actions.reset();
+      window.removeEventListener('mousemove', onMouseMove);
+      window.removeEventListener('mouseup', onMouseUp);
+      window.removeEventListener('touchmove', onMouseMove);
+      window.removeEventListener('touchend', onMouseUp);
+    };
+    window.addEventListener('mousemove', onMouseMove);
+    window.addEventListener('mouseup', onMouseUp);
+    window.addEventListener('touchmove', onMouseMove);
+    window.addEventListener('touchend', onMouseUp);
+  }, [actions, isHorizontal, resizeStart, resizeEnd]);
   var getKeyMoveDirection = (0, _react.useCallback)(function (key) {
     var direction = null;
     if (isHorizontal && key === _services.keys.ARROW_LEFT || !isHorizontal && key === _services.keys.ARROW_UP) {
@@ -156,12 +173,6 @@ var EuiResizableContainer = function EuiResizableContainer(_ref) {
       resizeEnd();
     }
   }, [getKeyMoveDirection, resizeEnd]);
-  var onMouseUp = (0, _react.useCallback)(function () {
-    if (resizeContext.current.trigger === 'pointer') {
-      resizeEnd();
-    }
-    actions.reset();
-  }, [actions, resizeEnd]);
   var onBlur = (0, _react.useCallback)(function () {
     if (resizeContext.current.trigger === 'key') {
       resizeEnd();
@@ -220,12 +231,7 @@ var EuiResizableContainer = function EuiResizableContainer(_ref) {
   }, (0, _react2.jsx)("div", (0, _extends2.default)({
     css: cssStyles,
     className: classes,
-    ref: containerRef,
-    onMouseMove: reducerState.isDragging ? onMouseMove : undefined,
-    onMouseUp: onMouseUp,
-    onMouseLeave: onMouseUp,
-    onTouchMove: onMouseMove,
-    onTouchEnd: onMouseUp
+    ref: containerRef
   }, rest), render()));
 };
 exports.EuiResizableContainer = EuiResizableContainer;

package/test-env/components/steps/step_number.styles.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.euiStepNumberStyles = exports.euiStepNumberContentStyles = void 0;
 var _react = require("@emotion/react");
 var _global_styling = require("../../global_styling");
-var _services = require("../../services");
 var _step = require("./step.styles");
 var _mixins = require("../../themes/amsterdam/global_styling/mixins");
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /*
@@ -46,12 +45,12 @@ var euiStepNumberStyles = function euiStepNumberStyles(euiThemeContext) {
     xs: /*#__PURE__*/(0, _react.css)(createStepsNumber(euiStep.numberXSSize, (0, _global_styling.euiFontSizeFromScale)('xs', euiTheme)), ";;label:xs;"),
     // status
     incomplete: /*#__PURE__*/(0, _react.css)("background-color:transparent;color:", euiTheme.colors.text, ";border:", euiTheme.border.thick, ";;label:incomplete;"),
-    disabled: /*#__PURE__*/(0, _react.css)("background-color:", (0, _mixins.euiButtonFillColor)(euiThemeContext, 'disabled').backgroundColor, ";color:", (0, _services.makeHighContrastColor)(euiTheme.colors.disabledText)((0, _mixins.euiButtonFillColor)(euiThemeContext, 'disabled').backgroundColor), ";;label:disabled;"),
+    disabled: /*#__PURE__*/(0, _react.css)((0, _mixins.euiButtonFillColor)(euiThemeContext, 'disabled'), ";;label:disabled;"),
     loading: _ref,
-    warning: /*#__PURE__*/(0, _react.css)("color:", (0, _mixins.euiButtonFillColor)(euiThemeContext, 'warning').color, ";background-color:", (0, _mixins.euiButtonFillColor)(euiThemeContext, 'warning').backgroundColor, ";", _global_styling.euiCanAnimate, "{animation:", _global_styling.euiAnimScale, " ", euiTheme.animation.fast, " ", euiTheme.animation.bounce, ";};label:warning;"),
-    danger: /*#__PURE__*/(0, _react.css)("color:", (0, _mixins.euiButtonFillColor)(euiThemeContext, 'danger').color, ";background-color:", (0, _mixins.euiButtonFillColor)(euiThemeContext, 'danger').backgroundColor, ";", _global_styling.euiCanAnimate, "{animation:", _global_styling.euiAnimScale, " ", euiTheme.animation.fast, " ", euiTheme.animation.bounce, ";};label:danger;"),
-    complete: /*#__PURE__*/(0, _react.css)("color:", (0, _mixins.euiButtonFillColor)(euiThemeContext, 'success').color, ";background-color:", (0, _mixins.euiButtonFillColor)(euiThemeContext, 'success').backgroundColor, ";", _global_styling.euiCanAnimate, "{animation:", _global_styling.euiAnimScale, " ", euiTheme.animation.fast, " ", euiTheme.animation.bounce, ";};label:complete;"),
-    current: /*#__PURE__*/(0, _react.css)("border:2px solid ", euiTheme.colors.body, ";box-shadow:0 0 0 2px ", euiTheme.colors.primary, ";.euiStepNumber__number{display:inline-block;transform:translateY(-2px);};label:current;")
+    warning: /*#__PURE__*/(0, _react.css)((0, _mixins.euiButtonFillColor)(euiThemeContext, 'warning'), " ", _global_styling.euiCanAnimate, "{animation:", _global_styling.euiAnimScale, " ", euiTheme.animation.fast, " ", euiTheme.animation.bounce, ";};label:warning;"),
+    danger: /*#__PURE__*/(0, _react.css)((0, _mixins.euiButtonFillColor)(euiThemeContext, 'danger'), " ", _global_styling.euiCanAnimate, "{animation:", _global_styling.euiAnimScale, " ", euiTheme.animation.fast, " ", euiTheme.animation.bounce, ";};label:danger;"),
+    complete: /*#__PURE__*/(0, _react.css)((0, _mixins.euiButtonFillColor)(euiThemeContext, 'success'), " ", _global_styling.euiCanAnimate, "{animation:", _global_styling.euiAnimScale, " ", euiTheme.animation.fast, " ", euiTheme.animation.bounce, ";};label:complete;"),
+    current: /*#__PURE__*/(0, _react.css)("border:", euiTheme.border.width.thick, " solid ", euiTheme.colors.body, ";box-shadow:0 0 0 ", euiTheme.border.width.thick, " ", euiTheme.colors.primary, ";;label:current;")
   };
 };
 exports.euiStepNumberStyles = euiStepNumberStyles;
@@ -72,7 +71,7 @@ var euiStepNumberContentStyles = function euiStepNumberContentStyles(_ref3) {
     incomplete: /*#__PURE__*/(0, _react.css)("display:unset;position:relative;inset-block-start:-", euiTheme.border.width.thick, ";;label:incomplete;"),
     loading: /*#__PURE__*/(0, _react.css)(";label:loading;"),
     disabled: /*#__PURE__*/(0, _react.css)(";label:disabled;"),
-    current: /*#__PURE__*/(0, _react.css)(";label:current;")
+    current: /*#__PURE__*/(0, _react.css)("display:inline-block;transform:translateY(-", euiTheme.border.width.thick, ");;label:current;")
   };
 };
 exports.euiStepNumberContentStyles = euiStepNumberContentStyles;

package/test-env/components/tree_view/tree_view.js

@@ -41,7 +41,9 @@ var EuiTreeViewContext = /*#__PURE__*/(0, _react.createContext)('');
 function hasAriaLabel(x) {
   return x.hasOwnProperty('aria-label');
 }
-function getTreeId(propId, contextId, idGenerator) {
+function getTreeId(propId) {
+  var contextId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var idGenerator = arguments.length > 2 ? arguments[2] : undefined;
   return propId !== null && propId !== void 0 ? propId : contextId === '' ? idGenerator() : contextId;
 }
 var displayToClassNameMap = {
@@ -51,9 +53,14 @@ var displayToClassNameMap = {
 var EuiTreeView = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(EuiTreeView, _Component);
   var _super = _createSuper(EuiTreeView);
-  function EuiTreeView(props, context) {
+  function EuiTreeView(props,
+  // Without the optional ? typing, TS will throw errors on JSX component errors
+  // @see https://github.com/facebook/react/issues/13944#issuecomment-1183693239
+  context) {
     var _this;
     (0, _classCallCheck2.default)(this, EuiTreeView);
+    // TODO: context in constructor has been deprecated.
+    // We should likely convert this to a function component
     _this = _super.call(this, props, context);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "treeIdGenerator", (0, _services.htmlIdGenerator)('euiTreeView'));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isNested", void 0);

package/es/components/datagrid/body/header/header_is_interactive.js

@@ -1,58 +0,0 @@
-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."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/*
- * 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 { useCallback, useEffect, useState } from 'react';
-import { tabbable } from 'tabbable';
-export var useHeaderIsInteractive = function useHeaderIsInteractive(gridElement) {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    headerIsInteractive = _useState2[0],
-    setHeaderIsInteractive = _useState2[1];
-  var handleHeaderChange = useCallback(function (headerRow) {
-    var tabbables = tabbable(headerRow);
-    var managed = headerRow.querySelectorAll('[data-euigrid-tab-managed]');
-    var hasInteractives = tabbables.length > 0 || managed.length > 0;
-    if (hasInteractives !== headerIsInteractive) {
-      setHeaderIsInteractive(hasInteractives);
-    }
-  }, [headerIsInteractive]);
-
-  // Set headerIsInteractive on data grid init/load
-  useEffect(function () {
-    if (gridElement) {
-      var headerElement = gridElement.querySelector('[data-test-subj~=dataGridHeader]');
-      if (headerElement) {
-        handleHeaderChange(headerElement);
-      }
-    }
-  }, [gridElement, handleHeaderChange]);
-
-  // Update headerIsInteractive if the header changes (e.g., columns are hidden)
-  // Used in header mutation observer set in EuiDataGridBody
-  var handleHeaderMutation = useCallback(function (records) {
-    var _records = _slicedToArray(records, 1),
-      target = _records[0].target;
-
-    // find the wrapping header div
-    var headerRow = target.parentElement;
-    while (headerRow && (headerRow.getAttribute('data-test-subj') || '').split(/\s+/).indexOf('dataGridHeader') === -1) {
-      headerRow = headerRow.parentElement;
-    }
-    if (headerRow) handleHeaderChange(headerRow);
-  }, [handleHeaderChange]);
-  return {
-    headerIsInteractive: headerIsInteractive,
-    handleHeaderMutation: handleHeaderMutation
-  };
-};

package/lib/components/datagrid/body/header/header_is_interactive.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useHeaderIsInteractive = void 0;
-var _react = require("react");
-var _tabbable = require("tabbable");
-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."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /*
-                                                                       * 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 useHeaderIsInteractive = function useHeaderIsInteractive(gridElement) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    headerIsInteractive = _useState2[0],
-    setHeaderIsInteractive = _useState2[1];
-  var handleHeaderChange = (0, _react.useCallback)(function (headerRow) {
-    var tabbables = (0, _tabbable.tabbable)(headerRow);
-    var managed = headerRow.querySelectorAll('[data-euigrid-tab-managed]');
-    var hasInteractives = tabbables.length > 0 || managed.length > 0;
-    if (hasInteractives !== headerIsInteractive) {
-      setHeaderIsInteractive(hasInteractives);
-    }
-  }, [headerIsInteractive]);
-
-  // Set headerIsInteractive on data grid init/load
-  (0, _react.useEffect)(function () {
-    if (gridElement) {
-      var headerElement = gridElement.querySelector('[data-test-subj~=dataGridHeader]');
-      if (headerElement) {
-        handleHeaderChange(headerElement);
-      }
-    }
-  }, [gridElement, handleHeaderChange]);
-
-  // Update headerIsInteractive if the header changes (e.g., columns are hidden)
-  // Used in header mutation observer set in EuiDataGridBody
-  var handleHeaderMutation = (0, _react.useCallback)(function (records) {
-    var _records = _slicedToArray(records, 1),
-      target = _records[0].target;
-
-    // find the wrapping header div
-    var headerRow = target.parentElement;
-    while (headerRow && (headerRow.getAttribute('data-test-subj') || '').split(/\s+/).indexOf('dataGridHeader') === -1) {
-      headerRow = headerRow.parentElement;
-    }
-    if (headerRow) handleHeaderChange(headerRow);
-  }, [handleHeaderChange]);
-  return {
-    headerIsInteractive: headerIsInteractive,
-    handleHeaderMutation: handleHeaderMutation
-  };
-};
-exports.useHeaderIsInteractive = useHeaderIsInteractive;

package/optimize/es/components/datagrid/body/header/header_is_interactive.js

@@ -1,53 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/*
- * 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 { useCallback, useEffect, useState } from 'react';
-import { tabbable } from 'tabbable';
-export var useHeaderIsInteractive = function useHeaderIsInteractive(gridElement) {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    headerIsInteractive = _useState2[0],
-    setHeaderIsInteractive = _useState2[1];
-  var handleHeaderChange = useCallback(function (headerRow) {
-    var tabbables = tabbable(headerRow);
-    var managed = headerRow.querySelectorAll('[data-euigrid-tab-managed]');
-    var hasInteractives = tabbables.length > 0 || managed.length > 0;
-    if (hasInteractives !== headerIsInteractive) {
-      setHeaderIsInteractive(hasInteractives);
-    }
-  }, [headerIsInteractive]);
-
-  // Set headerIsInteractive on data grid init/load
-  useEffect(function () {
-    if (gridElement) {
-      var headerElement = gridElement.querySelector('[data-test-subj~=dataGridHeader]');
-      if (headerElement) {
-        handleHeaderChange(headerElement);
-      }
-    }
-  }, [gridElement, handleHeaderChange]);
-
-  // Update headerIsInteractive if the header changes (e.g., columns are hidden)
-  // Used in header mutation observer set in EuiDataGridBody
-  var handleHeaderMutation = useCallback(function (records) {
-    var _records = _slicedToArray(records, 1),
-      target = _records[0].target;
-
-    // find the wrapping header div
-    var headerRow = target.parentElement;
-    while (headerRow && (headerRow.getAttribute('data-test-subj') || '').split(/\s+/).indexOf('dataGridHeader') === -1) {
-      headerRow = headerRow.parentElement;
-    }
-    if (headerRow) handleHeaderChange(headerRow);
-  }, [handleHeaderChange]);
-  return {
-    headerIsInteractive: headerIsInteractive,
-    handleHeaderMutation: handleHeaderMutation
-  };
-};

package/optimize/lib/components/datagrid/body/header/header_is_interactive.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useHeaderIsInteractive = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _tabbable = require("tabbable");
-/*
- * 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 useHeaderIsInteractive = function useHeaderIsInteractive(gridElement) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    headerIsInteractive = _useState2[0],
-    setHeaderIsInteractive = _useState2[1];
-  var handleHeaderChange = (0, _react.useCallback)(function (headerRow) {
-    var tabbables = (0, _tabbable.tabbable)(headerRow);
-    var managed = headerRow.querySelectorAll('[data-euigrid-tab-managed]');
-    var hasInteractives = tabbables.length > 0 || managed.length > 0;
-    if (hasInteractives !== headerIsInteractive) {
-      setHeaderIsInteractive(hasInteractives);
-    }
-  }, [headerIsInteractive]);
-
-  // Set headerIsInteractive on data grid init/load
-  (0, _react.useEffect)(function () {
-    if (gridElement) {
-      var headerElement = gridElement.querySelector('[data-test-subj~=dataGridHeader]');
-      if (headerElement) {
-        handleHeaderChange(headerElement);
-      }
-    }
-  }, [gridElement, handleHeaderChange]);
-
-  // Update headerIsInteractive if the header changes (e.g., columns are hidden)
-  // Used in header mutation observer set in EuiDataGridBody
-  var handleHeaderMutation = (0, _react.useCallback)(function (records) {
-    var _records = (0, _slicedToArray2.default)(records, 1),
-      target = _records[0].target;
-
-    // find the wrapping header div
-    var headerRow = target.parentElement;
-    while (headerRow && (headerRow.getAttribute('data-test-subj') || '').split(/\s+/).indexOf('dataGridHeader') === -1) {
-      headerRow = headerRow.parentElement;
-    }
-    if (headerRow) handleHeaderChange(headerRow);
-  }, [handleHeaderChange]);
-  return {
-    headerIsInteractive: headerIsInteractive,
-    handleHeaderMutation: handleHeaderMutation
-  };
-};
-exports.useHeaderIsInteractive = useHeaderIsInteractive;

package/test-env/components/datagrid/body/header/header_is_interactive.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useHeaderIsInteractive = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _tabbable = require("tabbable");
-/*
- * 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 useHeaderIsInteractive = function useHeaderIsInteractive(gridElement) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    headerIsInteractive = _useState2[0],
-    setHeaderIsInteractive = _useState2[1];
-  var handleHeaderChange = (0, _react.useCallback)(function (headerRow) {
-    var tabbables = (0, _tabbable.tabbable)(headerRow);
-    var managed = headerRow.querySelectorAll('[data-euigrid-tab-managed]');
-    var hasInteractives = tabbables.length > 0 || managed.length > 0;
-    if (hasInteractives !== headerIsInteractive) {
-      setHeaderIsInteractive(hasInteractives);
-    }
-  }, [headerIsInteractive]);
-
-  // Set headerIsInteractive on data grid init/load
-  (0, _react.useEffect)(function () {
-    if (gridElement) {
-      var headerElement = gridElement.querySelector('[data-test-subj~=dataGridHeader]');
-      if (headerElement) {
-        handleHeaderChange(headerElement);
-      }
-    }
-  }, [gridElement, handleHeaderChange]);
-
-  // Update headerIsInteractive if the header changes (e.g., columns are hidden)
-  // Used in header mutation observer set in EuiDataGridBody
-  var handleHeaderMutation = (0, _react.useCallback)(function (records) {
-    var _records = (0, _slicedToArray2.default)(records, 1),
-      target = _records[0].target;
-
-    // find the wrapping header div
-    var headerRow = target.parentElement;
-    while (headerRow && (headerRow.getAttribute('data-test-subj') || '').split(/\s+/).indexOf('dataGridHeader') === -1) {
-      headerRow = headerRow.parentElement;
-    }
-    if (headerRow) handleHeaderChange(headerRow);
-  }, [handleHeaderChange]);
-  return {
-    headerIsInteractive: headerIsInteractive,
-    handleHeaderMutation: handleHeaderMutation
-  };
-};
-exports.useHeaderIsInteractive = useHeaderIsInteractive;