@elastic/eui 113.3.0 → 114.0.0

package/test-env/components/markdown_editor/plugins/remark/remark_intraword_underscore.js

@@ -0,0 +1,179 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+/*
+ * 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.
+ */
+
+// Temporary workaround for https://github.com/elastic/eui/issues/9404
+// remark-parse v8 doesn't implement the CommonMark rule that underscore
+// emphasis delimiters flanked by alphanumerics on both sides (intraword)
+// cannot open or close emphasis. This causes identifiers like
+// `ABCD__PineappleCherry__e` to render with bold formatting.
+// This plugin walks the parsed AST and reverses incorrectly applied
+// emphasis/strong nodes when both sides are alphanumeric characters.
+
+// eslint-disable-next-line import/no-unresolved
+
+var isTextNode = function isTextNode(node) {
+  return node.type === 'text';
+};
+var isEmphasisOrStrong = function isEmphasisOrStrong(node) {
+  return node.type === 'emphasis' || node.type === 'strong';
+};
+var isAlphanumeric = function isAlphanumeric(ch) {
+  return /[a-zA-Z0-9]/.test(ch);
+};
+
+/**
+ * Recursively converts an emphasis/strong node back into plain text
+ * with underscore delimiters restored.
+ */
+function flattenToText(node) {
+  var delimiter = node.type === 'emphasis' ? '_' : '__';
+  var inner = '';
+  var _iterator = _createForOfIteratorHelper(node.children),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var child = _step.value;
+      if (isTextNode(child)) {
+        inner += child.value;
+      } else if (isEmphasisOrStrong(child)) {
+        inner += flattenToText(child);
+      } else {
+        // Contains non-text children (links, images, etc.) — leave emphasis intact
+        return delimiter + collectText(node) + delimiter;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return delimiter + inner + delimiter;
+}
+function collectText(node) {
+  if (isTextNode(node)) return node.value;
+  if ('children' in node) {
+    return node.children.map(collectText).join('');
+  }
+  return '';
+}
+function processParent(parent, source) {
+  var modified = false;
+  var i = 0;
+  while (i < parent.children.length) {
+    var child = parent.children[i];
+    if (isEmphasisOrStrong(child) && isIntraword(parent, i, source)) {
+      var textValue = flattenToText(child);
+      var replacement = {
+        type: 'text',
+        value: textValue
+      };
+      parent.children.splice(i, 1, replacement);
+      modified = true;
+      // Don't advance — the replaced node may need to merge with neighbors
+    } else {
+      if ('children' in child) {
+        processParent(child, source);
+      }
+      i++;
+    }
+    if (modified) {
+      mergeAdjacentText(parent);
+      modified = false;
+      // After merging, restart scan since indices shifted
+      i = 0;
+    }
+  }
+}
+function getInnerText(node) {
+  if (isTextNode(node)) return node.value;
+  if ('children' in node) {
+    var children = node.children;
+    if (children.length > 0) return getInnerText(children[0]);
+  }
+  return '';
+}
+function getInnerTextEnd(node) {
+  if (isTextNode(node)) return node.value;
+  if ('children' in node) {
+    var children = node.children;
+    if (children.length > 0) return getInnerTextEnd(children[children.length - 1]);
+  }
+  return '';
+}
+
+/**
+ * Checks whether the emphasis/strong node at `index` within `parent`
+ * is an intraword usage of underscore delimiters.
+ *
+ * A node is intraword when at least one side has an alphanumeric text
+ * neighbor AND the inner content on the corresponding delimiter side
+ * also touches word characters — proving the underscores are embedded
+ * in a word rather than used as formatting.
+ */
+function isIntraword(parent, index, source) {
+  var _node$position;
+  var node = parent.children[index];
+
+  // Verify the delimiter is `_` (not `*`) by inspecting the source
+  if (((_node$position = node.position) === null || _node$position === void 0 || (_node$position = _node$position.start) === null || _node$position === void 0 ? void 0 : _node$position.offset) != null) {
+    var ch = source[node.position.start.offset];
+    if (ch !== '_') return false;
+  }
+  var prev = index > 0 ? parent.children[index - 1] : null;
+  var next = index < parent.children.length - 1 ? parent.children[index + 1] : null;
+  var prevChar = prev != null && isTextNode(prev) && prev.value.length > 0 ? prev.value[prev.value.length - 1] : null;
+  var nextChar = next != null && isTextNode(next) && next.value.length > 0 ? next.value[0] : null;
+  var prevIsAlpha = prevChar != null && isAlphanumeric(prevChar);
+  var nextIsAlpha = nextChar != null && isAlphanumeric(nextChar);
+
+  // Both sides flanked by alphanumeric — classic intraword (e.g. `foo__bar__baz`)
+  if (prevIsAlpha && nextIsAlpha) return true;
+
+  // One-sided: prev is alpha or underscore, no alpha next — check inner text
+  // starts with alpha (e.g. `Lorem__ipsum__` or `Lorem__ipsum_`)
+  if (prevIsAlpha || prevChar === '_') {
+    var inner = getInnerText(node);
+    if (inner.length > 0 && isAlphanumeric(inner[0])) return true;
+  }
+
+  // One-sided: next is alpha or underscore, no alpha prev — check inner text
+  // ends with alpha (e.g. `__Lorem__ipsum` or `_Lorem__ipsum`)
+  if (nextIsAlpha || nextChar === '_') {
+    var _inner = getInnerTextEnd(node);
+    if (_inner.length > 0 && isAlphanumeric(_inner[_inner.length - 1])) return true;
+  }
+  return false;
+}
+function mergeAdjacentText(parent) {
+  var i = 0;
+  while (i < parent.children.length - 1) {
+    if (isTextNode(parent.children[i]) && isTextNode(parent.children[i + 1])) {
+      parent.children[i].value += parent.children[i + 1].value;
+      parent.children.splice(i + 1, 1);
+    } else {
+      i++;
+    }
+  }
+}
+var attacher = function remarkIntrawordUnderscore() {
+  return function (tree, file) {
+    var source = String(file);
+    processParent(tree, source);
+  };
+};
+var _default = exports.default = attacher;
+module.exports = exports.default;

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

@@ -18,7 +18,7 @@ var _services = require("../../services");
 var _portal = require("../portal");
 var _overlay_mask = require("./overlay_mask.styles");
 var _overlay_mask_body = require("./overlay_mask_body.styles");
-var _excluded = ["className", "children", "headerZindexLocation", "maskRef"];
+var _excluded = ["className", "children", "headerZindexLocation", "maskRef", "hasAnimation"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -34,6 +34,8 @@ var EuiOverlayMask = exports.EuiOverlayMask = function EuiOverlayMask(_ref) {
     _ref$headerZindexLoca = _ref.headerZindexLocation,
     headerZindexLocation = _ref$headerZindexLoca === void 0 ? 'above' : _ref$headerZindexLoca,
     maskRef = _ref.maskRef,
+    _ref$hasAnimation = _ref.hasAnimation,
+    hasAnimation = _ref$hasAnimation === void 0 ? true : _ref$hasAnimation,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var hasRendered = (0, _react.useRef)(false);
   var _useState = (0, _react.useState)(null),
@@ -45,7 +47,7 @@ var EuiOverlayMask = exports.EuiOverlayMask = function EuiOverlayMask(_ref) {
     hasRendered.current = true;
   }, []);
   var styles = (0, _services.useEuiMemoizedStyles)(_overlay_mask.euiOverlayMaskStyles);
-  var cssStyles = (0, _css.cx)([styles.euiOverlayMask, styles["".concat(headerZindexLocation, "Header")], hasRendered.current && styles.noAnimation]);
+  var cssStyles = (0, _css.cx)([styles.euiOverlayMask, styles["".concat(headerZindexLocation, "Header")], (hasRendered.current || !hasAnimation) && styles.noAnimation]);
   (0, _react.useEffect)(function () {
     if (!overlayMaskNode) return;
     (0, _common.keysOf)(rest).forEach(function (key) {
@@ -104,5 +106,10 @@ EuiOverlayMask.propTypes = {
   /**
      * React ref to be passed to the wrapping container
      */
-  maskRef: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.any.isRequired])
+  maskRef: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.any.isRequired]),
+  /**
+     * If enabled, the mask will have a fade in animation.
+     * @default true
+     */
+  hasAnimation: _propTypes.default.bool
 };

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

@@ -30,7 +30,7 @@ var euiTreeViewItemStyles = exports.euiTreeViewItemStyles = function euiTreeView
       euiTreeView__node: _ref,
       default: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', defaultSize), " line-height:", defaultSize, ";;label:default;"),
       compressed: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', compressedSize), " line-height:", compressedSize, ";;label:compressed;"),
-      expanded: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', '100vh'), ";;label:expanded;")
+      expanded: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', 'none'), ";;label:expanded;")
     },
     button: {
       euiTreeView__nodeInner: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('width', '100%'), " ", (0, _global_styling.logicalCSS)('padding-left', euiTheme.size.s), " ", (0, _global_styling.logicalCSS)('padding-right', euiTheme.size.xxs), " display:flex;align-items:center;&:focus{", (0, _global_styling.euiFocusRing)(euiThemeContext, 'inset'), ";}&:hover,&:active,&:focus{background-color:", euiTheme.components.treeViewItemBackgroundHover, ";};label:euiTreeView__nodeInner;"),

package/test-env/services/hooks/index.js

@@ -3,109 +3,78 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  useEuiDisabledElement: true
-};
+Object.defineProperty(exports, "isMouseEvent", {
+  enumerable: true,
+  get: function get() {
+    return _useMouseMove.isMouseEvent;
+  }
+});
+Object.defineProperty(exports, "setMultipleRefs", {
+  enumerable: true,
+  get: function get() {
+    return _useCombinedRefs.setMultipleRefs;
+  }
+});
+Object.defineProperty(exports, "useCombinedRefs", {
+  enumerable: true,
+  get: function get() {
+    return _useCombinedRefs.useCombinedRefs;
+  }
+});
+Object.defineProperty(exports, "useDeepEqual", {
+  enumerable: true,
+  get: function get() {
+    return _useDeepEqual.useDeepEqual;
+  }
+});
+Object.defineProperty(exports, "useDependentState", {
+  enumerable: true,
+  get: function get() {
+    return _useDependentState.useDependentState;
+  }
+});
 Object.defineProperty(exports, "useEuiDisabledElement", {
   enumerable: true,
   get: function get() {
     return _useEuiDisabledElement.useEuiDisabledElement;
   }
 });
-var _useDependentState = require("./useDependentState");
-Object.keys(_useDependentState).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useDependentState[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useDependentState[key];
-    }
-  });
+Object.defineProperty(exports, "useForceRender", {
+  enumerable: true,
+  get: function get() {
+    return _useForceRender.useForceRender;
+  }
 });
-var _useCombinedRefs = require("./useCombinedRefs");
-Object.keys(_useCombinedRefs).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useCombinedRefs[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useCombinedRefs[key];
-    }
-  });
+Object.defineProperty(exports, "useIsPointerDown", {
+  enumerable: true,
+  get: function get() {
+    return _useIsPointerDown.useIsPointerDown;
+  }
 });
-var _useForceRender = require("./useForceRender");
-Object.keys(_useForceRender).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useForceRender[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useForceRender[key];
-    }
-  });
+Object.defineProperty(exports, "useLatest", {
+  enumerable: true,
+  get: function get() {
+    return _useLatest.useLatest;
+  }
 });
-var _useLatest = require("./useLatest");
-Object.keys(_useLatest).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useLatest[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useLatest[key];
-    }
-  });
+Object.defineProperty(exports, "useMouseMove", {
+  enumerable: true,
+  get: function get() {
+    return _useMouseMove.useMouseMove;
+  }
 });
-var _useDeepEqual = require("./useDeepEqual");
-Object.keys(_useDeepEqual).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useDeepEqual[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useDeepEqual[key];
-    }
-  });
+Object.defineProperty(exports, "useUpdateEffect", {
+  enumerable: true,
+  get: function get() {
+    return _useUpdateEffect.useUpdateEffect;
+  }
 });
+var _useDependentState = require("./useDependentState");
+var _useCombinedRefs = require("./useCombinedRefs");
+var _useForceRender = require("./useForceRender");
+var _useLatest = require("./useLatest");
+var _useDeepEqual = require("./useDeepEqual");
 var _useMouseMove = require("./useMouseMove");
-Object.keys(_useMouseMove).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useMouseMove[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useMouseMove[key];
-    }
-  });
-});
 var _useIsPointerDown = require("./useIsPointerDown");
-Object.keys(_useIsPointerDown).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useIsPointerDown[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useIsPointerDown[key];
-    }
-  });
-});
 var _useUpdateEffect = require("./useUpdateEffect");
-Object.keys(_useUpdateEffect).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useUpdateEffect[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useUpdateEffect[key];
-    }
-  });
-});
 var _useEuiDisabledElement = require("./useEuiDisabledElement");

package/test-env/services/hooks/useIsPointerDown.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useIsPointerDown = useIsPointerDown;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -20,23 +18,20 @@ var _react = require("react");
  * Useful for detecting text selection in progress.
  */
 function useIsPointerDown(container) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isPointerDown = _useState2[0],
-    setIsPointerDown = _useState2[1];
+  var isPointerDownRef = (0, _react.useRef)(false);
   (0, _react.useEffect)(function () {
     var handlePointerDown = function handlePointerDown(event) {
       if (container !== null && container !== void 0 && container.current && !container.current.contains(event.target)) {
         return;
       }
-      setIsPointerDown(true);
+      isPointerDownRef.current = true;
     };
     var handlePointerUpOrCancel = function handlePointerUpOrCancel() {
-      setIsPointerDown(false);
+      isPointerDownRef.current = false;
     };
     var handleVisibilityChange = function handleVisibilityChange() {
       if (document.visibilityState === 'hidden') {
-        setIsPointerDown(false);
+        isPointerDownRef.current = false;
       }
     };
     var controller = new AbortController();
@@ -54,5 +49,5 @@ function useIsPointerDown(container) {
       controller.abort();
     };
   }, [container]);
-  return isPointerDown;
+  return isPointerDownRef;
 }

package/test-env/services/index.js

@@ -69,6 +69,16 @@ var _exportNames = {
   formatDate: true,
   formatNumber: true,
   formatText: true,
+  useDependentState: true,
+  useCombinedRefs: true,
+  setMultipleRefs: true,
+  useForceRender: true,
+  useLatest: true,
+  useDeepEqual: true,
+  isMouseEvent: true,
+  useMouseMove: true,
+  useUpdateEffect: true,
+  useEuiDisabledElement: true,
   isEvenlyDivisibleBy: true,
   isWithinRange: true,
   Pager: true,
@@ -426,6 +436,12 @@ Object.defineProperty(exports, "isEvenlyDivisibleBy", {
     return _number.isEvenlyDivisibleBy;
   }
 });
+Object.defineProperty(exports, "isMouseEvent", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.isMouseEvent;
+  }
+});
 Object.defineProperty(exports, "isValidHex", {
   enumerable: true,
   get: function get() {
@@ -481,6 +497,12 @@ Object.defineProperty(exports, "saturate", {
     return _color.saturate;
   }
 });
+Object.defineProperty(exports, "setMultipleRefs", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.setMultipleRefs;
+  }
+});
 Object.defineProperty(exports, "shade", {
   enumerable: true,
   get: function get() {
@@ -547,18 +569,48 @@ Object.defineProperty(exports, "useColorStopsState", {
     return _color_picker.useColorStopsState;
   }
 });
+Object.defineProperty(exports, "useCombinedRefs", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useCombinedRefs;
+  }
+});
 Object.defineProperty(exports, "useCurrentEuiBreakpoint", {
   enumerable: true,
   get: function get() {
     return _breakpoint.useCurrentEuiBreakpoint;
   }
 });
+Object.defineProperty(exports, "useDeepEqual", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useDeepEqual;
+  }
+});
+Object.defineProperty(exports, "useDependentState", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useDependentState;
+  }
+});
 Object.defineProperty(exports, "useEuiContainerQuery", {
   enumerable: true,
   get: function get() {
     return _container_query_hook.useEuiContainerQuery;
   }
 });
+Object.defineProperty(exports, "useEuiDisabledElement", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useEuiDisabledElement;
+  }
+});
+Object.defineProperty(exports, "useForceRender", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useForceRender;
+  }
+});
 Object.defineProperty(exports, "useGeneratedHtmlId", {
   enumerable: true,
   get: function get() {
@@ -583,6 +635,24 @@ Object.defineProperty(exports, "useIsWithinMinBreakpoint", {
     return _breakpoint.useIsWithinMinBreakpoint;
   }
 });
+Object.defineProperty(exports, "useLatest", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useLatest;
+  }
+});
+Object.defineProperty(exports, "useMouseMove", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useMouseMove;
+  }
+});
+Object.defineProperty(exports, "useUpdateEffect", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useUpdateEffect;
+  }
+});
 Object.defineProperty(exports, "wcagContrastMin", {
   enumerable: true,
   get: function get() {
@@ -661,17 +731,6 @@ Object.keys(_findElement).forEach(function (key) {
 var _focus_trap = require("./focus_trap");
 var _format = require("./format");
 var _hooks = require("./hooks");
-Object.keys(_hooks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _hooks[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _hooks[key];
-    }
-  });
-});
 var _number = require("./number");
 var _paging = require("./paging");
 var _popover = require("./popover");