@elastic/eui 113.3.0 → 114.0.0

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

@@ -69,9 +69,9 @@ export var euiFlyoutStyles = function euiFlyoutStyles(euiThemeContext) {
     push: {
       push: /*#__PURE__*/css("clip-path:none;z-index:", Number(euiTheme.levels.flyout) - 1, ";;label:push;"),
       right: /*#__PURE__*/css(logicalCSS('border-left', euiTheme.border.thick), ";;label:right;"),
-      left: /*#__PURE__*/css(logicalCSS('border-right', euiTheme.border.thick), ";;label:left;"),
-      noAnimation: _ref
+      left: /*#__PURE__*/css(logicalCSS('border-right', euiTheme.border.thick), ";;label:left;")
     },
+    noAnimation: _ref,
     // Padding
     paddingSizes: {
       none: /*#__PURE__*/css(composeFlyoutPadding(euiThemeContext, 'none'), ";;label:none;"),

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

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["className", "title", "titleId", "hideTitle", "hideCloseButton", "historyItems", "showBackButton", "backButtonProps", "customActions"];
+var _excluded = ["className", "title", "titleId", "hideTitle", "hideCloseButton", "historyItems", "showBackButton", "backButtonProps", "customActions", "iconType"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -107,6 +107,7 @@ export var EuiFlyoutMenu = function EuiFlyoutMenu(_ref2) {
     showBackButton = _ref2.showBackButton,
     backButtonProps = _ref2.backButtonProps,
     customActions = _ref2.customActions,
+    _iconType = _ref2.iconType,
     rest = _objectWithoutProperties(_ref2, _excluded);
   var _useContext = useContext(EuiFlyoutMenuContext),
     onClose = _useContext.onClose;

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

@@ -69,19 +69,22 @@ export var ACTION_CLOSE_UNMANAGED_FLYOUT = "".concat(PREFIX, "/closeUnmanagedFly
  * - `title` is used for the flyout menu.
  * - `level` determines whether the flyout is `main` or `child`.
  * - Optional `size` is the named EUI size (e.g. `s`, `m`, `l`).
+ * - Optional `historyKey` (Symbol) scopes history; only flyouts with the same reference share Back/history. Omit for a unique group per session.
  * - Optional `iconType` is shown next to the session title in the history menu.
  */
 export var addFlyout = function addFlyout(flyoutId, title) {
   var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : LEVEL_MAIN;
   var size = arguments.length > 3 ? arguments[3] : undefined;
-  var iconType = arguments.length > 4 ? arguments[4] : undefined;
-  var minWidth = arguments.length > 5 ? arguments[5] : undefined;
+  var historyKey = arguments.length > 4 ? arguments[4] : undefined;
+  var iconType = arguments.length > 5 ? arguments[5] : undefined;
+  var minWidth = arguments.length > 6 ? arguments[6] : undefined;
   return {
     type: ACTION_ADD,
     flyoutId: flyoutId,
     title: title,
     level: level,
     size: size,
+    historyKey: historyKey,
     iconType: iconType,
     minWidth: minWidth
   };

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["id", "onClose", "onActive", "level", "size", "minWidth", "css", "flyoutMenuProps"];
+var _excluded = ["id", "onClose", "onActive", "level", "size", "minWidth", "historyKey", "css", "flyoutMenuProps"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
@@ -58,6 +58,7 @@ export var EuiManagedFlyout = /*#__PURE__*/forwardRef(function (_ref, ref) {
     level = _ref.level,
     sizeProp = _ref.size,
     minWidth = _ref.minWidth,
+    historyKey = _ref.historyKey,
     customCss = _ref.css,
     _flyoutMenuProps = _ref.flyoutMenuProps,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -156,7 +157,7 @@ export var EuiManagedFlyout = /*#__PURE__*/forwardRef(function (_ref, ref) {
   // Register with flyout manager context when open, remove when closed
   // Using useLayoutEffect to run synchronously before DOM updates
   useLayoutEffect(function () {
-    addFlyout(flyoutId, title, level, size, _flyoutMenuProps === null || _flyoutMenuProps === void 0 ? void 0 : _flyoutMenuProps.iconType, typeof minWidth === 'number' ? minWidth : undefined);
+    addFlyout(flyoutId, title, level, size, level === LEVEL_MAIN ? historyKey : undefined, _flyoutMenuProps === null || _flyoutMenuProps === void 0 ? void 0 : _flyoutMenuProps.iconType, typeof minWidth === 'number' ? minWidth : undefined);
     return function () {
       var currentStoreState = getFlyoutManagerStore().getState();
       var stillInStore = currentStoreState.flyouts.some(function (f) {
@@ -172,7 +173,7 @@ export var EuiManagedFlyout = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
       wasRegisteredRef.current = false;
     };
-  }, [flyoutId, title, level, size, minWidth, _flyoutMenuProps === null || _flyoutMenuProps === void 0 ? void 0 : _flyoutMenuProps.iconType, addFlyout, closeFlyout, closeAllFlyouts]);
+  }, [flyoutId, title, level, size, minWidth, historyKey, _flyoutMenuProps === null || _flyoutMenuProps === void 0 ? void 0 : _flyoutMenuProps.iconType, addFlyout, closeFlyout, closeAllFlyouts]);
 
   // Detect when flyout has been removed from manager state (e.g., via Back button)
   // and trigger onClose callback to notify the parent component

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

@@ -26,6 +26,28 @@ export var initialState = {
   currentZIndex: 0,
   unmanagedFlyouts: []
 };
+var addSessionFlyoutsToRemove = function addSessionFlyoutsToRemove(session, flyoutsToRemove) {
+  var _session$childHistory;
+  flyoutsToRemove.add(session.mainFlyoutId);
+  if (session.childFlyoutId) {
+    flyoutsToRemove.add(session.childFlyoutId);
+  }
+  ((_session$childHistory = session.childHistory) !== null && _session$childHistory !== void 0 ? _session$childHistory : []).forEach(function (e) {
+    return flyoutsToRemove.add(e.flyoutId);
+  });
+};
+var moveHistoryGroupToTop = function moveHistoryGroupToTop(sessions, historyKey) {
+  var groupSessions = [];
+  var otherSessions = [];
+  sessions.forEach(function (session) {
+    if (session.historyKey === historyKey) {
+      groupSessions.push(session);
+    } else {
+      otherSessions.push(session);
+    }
+  });
+  return [].concat(otherSessions, groupSessions);
+};
 
 /**
  * Reducer handling all flyout manager actions and state transitions.
@@ -74,6 +96,7 @@ export function flyoutManagerReducer() {
           title = action.title,
           level = action.level,
           size = action.size,
+          historyKey = action.historyKey,
           iconType = action.iconType,
           minWidth = action.minWidth;
         var isDuplicate = state.flyouts.some(function (f) {
@@ -100,7 +123,8 @@ export function flyoutManagerReducer() {
             iconType: iconType,
             childFlyoutId: null,
             childHistory: [],
-            zIndex: state.currentZIndex
+            zIndex: state.currentZIndex,
+            historyKey: historyKey !== null && historyKey !== void 0 ? historyKey : Symbol()
           };
           return _objectSpread(_objectSpread({}, state), {}, {
             sessions: [].concat(_toConsumableArray(state.sessions), [newSession]),
@@ -227,8 +251,8 @@ export function flyoutManagerReducer() {
           });
         }
         var owningSessionIndex = state.sessions.findIndex(function (session) {
-          var _session$childHistory;
-          return session.childFlyoutId === action.flyoutId || ((_session$childHistory = session.childHistory) !== null && _session$childHistory !== void 0 ? _session$childHistory : []).some(function (entry) {
+          var _session$childHistory2;
+          return session.childFlyoutId === action.flyoutId || ((_session$childHistory2 = session.childHistory) !== null && _session$childHistory2 !== void 0 ? _session$childHistory2 : []).some(function (entry) {
             return entry.flyoutId === action.flyoutId;
           });
         });
@@ -260,21 +284,37 @@ export function flyoutManagerReducer() {
         });
       }
 
-    // Unregister all flyouts.
+    // Unregister all flyouts (within the current history group only).
     case ACTION_CLOSE_ALL:
       {
         if (state.sessions.length === 0) {
           return state;
         }
+        var _currentSessionIndex = state.sessions.length - 1;
+        var _currentSession = state.sessions[_currentSessionIndex];
+        var currentKey = _currentSession.historyKey;
 
-        // Reset current z-index to 0 only if no unmanaged flyouts remain.
+        // Remove all sessions that have the current historyKey (entire group)
+        var _newSessions = state.sessions.filter(function (s) {
+          return s.historyKey !== currentKey;
+        });
+        var _flyoutsToRemove = new Set();
+        state.sessions.forEach(function (session) {
+          if (session.historyKey === currentKey) {
+            addSessionFlyoutsToRemove(session, _flyoutsToRemove);
+          }
+        });
+        var _newFlyouts3 = state.flyouts.filter(function (f) {
+          return !_flyoutsToRemove.has(f.flyoutId);
+        });
         var _newCurrentZIndex2 = state.currentZIndex;
-        if (state.unmanagedFlyouts.length === 0) {
+        if (_newSessions.length === 0 && state.unmanagedFlyouts.length === 0) {
           _newCurrentZIndex2 = 0;
         }
-        return _objectSpread(_objectSpread({}, initialState), {}, {
-          currentZIndex: _newCurrentZIndex2,
-          unmanagedFlyouts: state.unmanagedFlyouts
+        return _objectSpread(_objectSpread({}, state), {}, {
+          sessions: _newSessions,
+          flyouts: _newFlyouts3,
+          currentZIndex: _newCurrentZIndex2
         });
       }
 
@@ -286,8 +326,8 @@ export function flyoutManagerReducer() {
           return state;
         }
         var _updatedSessions2 = _toConsumableArray(state.sessions);
-        var _currentSessionIndex = _updatedSessions2.length - 1;
-        _updatedSessions2[_currentSessionIndex] = _objectSpread(_objectSpread({}, _updatedSessions2[_currentSessionIndex]), {}, {
+        var _currentSessionIndex2 = _updatedSessions2.length - 1;
+        _updatedSessions2[_currentSessionIndex2] = _objectSpread(_objectSpread({}, _updatedSessions2[_currentSessionIndex2]), {}, {
           childFlyoutId: action.flyoutId
         });
         return _objectSpread(_objectSpread({}, state), {}, {
@@ -333,51 +373,50 @@ export function flyoutManagerReducer() {
         });
       }
 
-    // Go back: pop child history when any, else pop current session
+    // Go back: pop child history when any, else pop current session (only within same historyKey).
     case ACTION_GO_BACK:
       {
-        var _currentSession$child3, _currentSession$child4;
+        var _currentSession2$chil;
         if (state.sessions.length === 0) {
           return state;
         }
-        var _currentSessionIndex2 = state.sessions.length - 1;
-        var _currentSession = state.sessions[_currentSessionIndex2];
-        var _childHistory = (_currentSession$child3 = _currentSession.childHistory) !== null && _currentSession$child3 !== void 0 ? _currentSession$child3 : [];
+        var _currentSessionIndex3 = state.sessions.length - 1;
+        var _currentSession2 = state.sessions[_currentSessionIndex3];
+        var _childHistory = (_currentSession2$chil = _currentSession2.childHistory) !== null && _currentSession2$chil !== void 0 ? _currentSession2$chil : [];
         if (_childHistory.length > 0) {
           // Pop one child: set current child to the last entry in history, remove the current child flyout
           var popped = _childHistory[_childHistory.length - 1];
           var newChildHistory = _childHistory.slice(0, -1);
           var _updatedSessions3 = _toConsumableArray(state.sessions);
-          _updatedSessions3[_currentSessionIndex2] = _objectSpread(_objectSpread({}, _currentSession), {}, {
+          _updatedSessions3[_currentSessionIndex3] = _objectSpread(_objectSpread({}, _currentSession2), {}, {
             childHistory: newChildHistory,
             childFlyoutId: popped.flyoutId,
             childTitle: popped.title,
             childIconType: popped.iconType
           });
-          var _newFlyouts3 = state.flyouts.filter(function (f) {
-            return f.flyoutId !== _currentSession.childFlyoutId;
+          var _newFlyouts4 = state.flyouts.filter(function (f) {
+            return f.flyoutId !== _currentSession2.childFlyoutId;
           });
           return _objectSpread(_objectSpread({}, state), {}, {
             sessions: _updatedSessions3,
-            flyouts: _newFlyouts3
+            flyouts: _newFlyouts4
           });
         }
 
         // No child history: pop current session (main + all its children)
-        var _flyoutsToRemove = new Set([_currentSession.mainFlyoutId]);
-        if (_currentSession.childFlyoutId) {
-          _flyoutsToRemove.add(_currentSession.childFlyoutId);
-        }
-        ((_currentSession$child4 = _currentSession.childHistory) !== null && _currentSession$child4 !== void 0 ? _currentSession$child4 : []).forEach(function (e) {
-          return _flyoutsToRemove.add(e.flyoutId);
+        var _flyoutsToRemove2 = new Set();
+        addSessionFlyoutsToRemove(_currentSession2, _flyoutsToRemove2);
+        var sessionsWithoutCurrent = state.sessions.slice(0, _currentSessionIndex3);
+        var hasRemainingInCurrentGroup = sessionsWithoutCurrent.some(function (s) {
+          return s.historyKey === _currentSession2.historyKey;
         });
-        var _newFlyouts4 = state.flyouts.filter(function (f) {
-          return !_flyoutsToRemove.has(f.flyoutId);
+        var _newSessions2 = hasRemainingInCurrentGroup ? moveHistoryGroupToTop(sessionsWithoutCurrent, _currentSession2.historyKey) : sessionsWithoutCurrent;
+        var _newFlyouts5 = state.flyouts.filter(function (f) {
+          return !_flyoutsToRemove2.has(f.flyoutId);
         });
-        var _newSessions = state.sessions.slice(0, _currentSessionIndex2);
         return _objectSpread(_objectSpread({}, state), {}, {
-          sessions: _newSessions,
-          flyouts: _newFlyouts4
+          sessions: _newSessions2,
+          flyouts: _newFlyouts5
         });
       }
 
@@ -386,11 +425,11 @@ export function flyoutManagerReducer() {
       {
         var _flyoutId3 = action.flyoutId,
           _level = action.level;
-        var _currentSessionIndex3 = state.sessions.length - 1;
+        var _currentSessionIndex4 = state.sessions.length - 1;
         if (_level === LEVEL_CHILD && state.sessions.length > 0) {
-          var _currentSession2$chil;
-          var _currentSession2 = state.sessions[_currentSessionIndex3];
-          var _childHistory2 = (_currentSession2$chil = _currentSession2.childHistory) !== null && _currentSession2$chil !== void 0 ? _currentSession2$chil : [];
+          var _currentSession3$chil;
+          var _currentSession3 = state.sessions[_currentSessionIndex4];
+          var _childHistory2 = (_currentSession3$chil = _currentSession3.childHistory) !== null && _currentSession3$chil !== void 0 ? _currentSession3$chil : [];
           var targetIndex = _childHistory2.findIndex(function (entry) {
             return entry.flyoutId === _flyoutId3;
           });
@@ -399,18 +438,18 @@ export function flyoutManagerReducer() {
           }
           var targetEntry = _childHistory2[targetIndex];
           var _newChildHistory = _childHistory2.slice(0, targetIndex);
-          var _flyoutsToRemove2 = new Set();
-          if (_currentSession2.childFlyoutId) {
-            _flyoutsToRemove2.add(_currentSession2.childFlyoutId);
+          var _flyoutsToRemove3 = new Set();
+          if (_currentSession3.childFlyoutId) {
+            _flyoutsToRemove3.add(_currentSession3.childFlyoutId);
           }
           _childHistory2.slice(targetIndex + 1).forEach(function (e) {
-            _flyoutsToRemove2.add(e.flyoutId);
+            _flyoutsToRemove3.add(e.flyoutId);
           });
-          var _newFlyouts5 = state.flyouts.filter(function (f) {
-            return !_flyoutsToRemove2.has(f.flyoutId);
+          var _newFlyouts6 = state.flyouts.filter(function (f) {
+            return !_flyoutsToRemove3.has(f.flyoutId);
           });
           var _updatedSessions4 = _toConsumableArray(state.sessions);
-          _updatedSessions4[_currentSessionIndex3] = _objectSpread(_objectSpread({}, _currentSession2), {}, {
+          _updatedSessions4[_currentSessionIndex4] = _objectSpread(_objectSpread({}, _currentSession3), {}, {
             childHistory: _newChildHistory,
             childFlyoutId: targetEntry.flyoutId,
             childTitle: targetEntry.title,
@@ -418,7 +457,7 @@ export function flyoutManagerReducer() {
           });
           return _objectSpread(_objectSpread({}, state), {}, {
             sessions: _updatedSessions4,
-            flyouts: _newFlyouts5
+            flyouts: _newFlyouts6
           });
         }
 
@@ -429,25 +468,45 @@ export function flyoutManagerReducer() {
         if (targetSessionIndex === -1) {
           return state; // Target flyout not found
         }
+        var _currentSession4 = state.sessions[_currentSessionIndex4];
+        var targetSession = state.sessions[targetSessionIndex];
+
+        // Group-local navigation: keep other history groups, remove only newer sessions in target's group,
+        // then bring that group to the top.
+        if (targetSession.historyKey === _currentSession4.historyKey) {
+          var _flyoutsToRemove4 = new Set();
+          var sessionsAfterTargetInGroup = state.sessions.filter(function (session, index) {
+            return index > targetSessionIndex && session.historyKey === targetSession.historyKey;
+          });
+          sessionsAfterTargetInGroup.forEach(function (session) {
+            addSessionFlyoutsToRemove(session, _flyoutsToRemove4);
+          });
+          var sessionsWithoutRemoved = state.sessions.filter(function (session) {
+            return !sessionsAfterTargetInGroup.some(function (removed) {
+              return removed.mainFlyoutId === session.mainFlyoutId;
+            });
+          });
+          var reorderedSessions = moveHistoryGroupToTop(sessionsWithoutRemoved, targetSession.historyKey);
+          var _newFlyouts7 = state.flyouts.filter(function (f) {
+            return !_flyoutsToRemove4.has(f.flyoutId);
+          });
+          return _objectSpread(_objectSpread({}, state), {}, {
+            sessions: reorderedSessions,
+            flyouts: _newFlyouts7
+          });
+        }
         var sessionsToClose = state.sessions.slice(targetSessionIndex + 1);
-        var _flyoutsToRemove3 = new Set();
+        var _flyoutsToRemove5 = new Set();
         sessionsToClose.forEach(function (session) {
-          var _session$childHistory2;
-          _flyoutsToRemove3.add(session.mainFlyoutId);
-          if (session.childFlyoutId) {
-            _flyoutsToRemove3.add(session.childFlyoutId);
-          }
-          ((_session$childHistory2 = session.childHistory) !== null && _session$childHistory2 !== void 0 ? _session$childHistory2 : []).forEach(function (e) {
-            return _flyoutsToRemove3.add(e.flyoutId);
-          });
+          addSessionFlyoutsToRemove(session, _flyoutsToRemove5);
         });
-        var _newFlyouts6 = state.flyouts.filter(function (f) {
-          return !_flyoutsToRemove3.has(f.flyoutId);
+        var _newFlyouts8 = state.flyouts.filter(function (f) {
+          return !_flyoutsToRemove5.has(f.flyoutId);
         });
-        var _newSessions2 = state.sessions.slice(0, targetSessionIndex + 1);
+        var _newSessions3 = state.sessions.slice(0, targetSessionIndex + 1);
         return _objectSpread(_objectSpread({}, state), {}, {
-          sessions: _newSessions2,
-          flyouts: _newFlyouts6
+          sessions: _newSessions3,
+          flyouts: _newFlyouts8
         });
       }
 

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

@@ -47,8 +47,15 @@ function createStore() {
     var _currentSession$child;
     var currentSessionIndex = currentState.sessions.length - 1;
     var currentSession = currentSessionIndex >= 0 ? currentState.sessions[currentSessionIndex] : null;
+    if (!currentSession) {
+      return [];
+    }
     var previousSessions = currentState.sessions.slice(0, currentSessionIndex);
-    var childHistory = (_currentSession$child = currentSession === null || currentSession === void 0 ? void 0 : currentSession.childHistory) !== null && _currentSession$child !== void 0 ? _currentSession$child : [];
+    // Only include sessions in the same history group (same historyKey reference)
+    var previousSessionsInGroup = previousSessions.filter(function (session) {
+      return session.historyKey === currentSession.historyKey;
+    });
+    var childHistory = (_currentSession$child = currentSession.childHistory) !== null && _currentSession$child !== void 0 ? _currentSession$child : [];
     var childItems = _toConsumableArray(childHistory).reverse().map(function (entry) {
       return {
         title: entry.title,
@@ -59,11 +66,11 @@ function createStore() {
       };
     });
 
-    // Previous sessions: list each session's current child then its child history (so all travelled entries appear)
+    // Previous sessions (same group): list each session's current child then its child history
     var previousSessionItems = [];
     var _loop = function _loop() {
       var _session$childHistory;
-      var session = previousSessions[i];
+      var session = previousSessionsInGroup[i];
       var mainTitle = session.title;
       var mainFlyoutId = session.mainFlyoutId;
       var history = (_session$childHistory = session.childHistory) !== null && _session$childHistory !== void 0 ? _session$childHistory : [];
@@ -101,7 +108,7 @@ function createStore() {
         });
       }
     };
-    for (var i = previousSessions.length - 1; i >= 0; i--) {
+    for (var i = previousSessionsInGroup.length - 1; i >= 0; i--) {
       _loop();
     }
     return [].concat(_toConsumableArray(childItems), previousSessionItems);
@@ -140,8 +147,8 @@ function createStore() {
     subscribe: subscribe,
     subscribeToEvents: subscribeToEvents,
     dispatch: dispatch,
-    addFlyout: function addFlyout(flyoutId, title, level, size, iconType, minWidth) {
-      return dispatch(addFlyoutAction(flyoutId, title, level, size, iconType, minWidth));
+    addFlyout: function addFlyout(flyoutId, title, level, size, historyKey, iconType, minWidth) {
+      return dispatch(addFlyoutAction(flyoutId, title, level, size, historyKey, iconType, minWidth));
     },
     closeFlyout: function closeFlyout(flyoutId) {
       return dispatch(closeFlyoutAction(flyoutId));

package/optimize/es/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins.js

@@ -18,6 +18,7 @@ import markdown from 'remark-parse-no-trim';
 import emoji from 'remark-emoji';
 import breaks from 'remark-breaks';
 import highlight from '../remark/remark_prismjs';
+import intrawordUnderscore from '../remark/remark_intraword_underscore';
 import * as MarkdownTooltip from '../markdown_tooltip';
 import * as MarkdownCheckbox from '../markdown_checkbox';
 import { euiMarkdownLinkValidator, DEFAULT_OPTIONS as LINK_VALIDATOR_DEFAULTS } from '../markdown_link_validator';
@@ -34,7 +35,7 @@ export var getDefaultEuiMarkdownParsingPlugins = function getDefaultEuiMarkdownP
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var exclude = _ref.exclude,
     parsingConfig = _objectWithoutProperties(_ref, _excluded);
-  var parsingPlugins = [[markdown, {}], [highlight, {}]];
+  var parsingPlugins = [[markdown, {}], [highlight, {}], [intrawordUnderscore, {}]];
   Object.entries(DEFAULT_PARSING_PLUGINS).forEach(function (_ref2) {
     var _ref3 = _slicedToArray(_ref2, 2),
       pluginName = _ref3[0],

package/optimize/es/components/markdown_editor/plugins/remark/remark_intraword_underscore.js

@@ -0,0 +1,172 @@
+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);
+  };
+};
+export default attacher;

package/optimize/es/components/overlay_mask/overlay_mask.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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
@@ -25,6 +25,8 @@ export var 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 = _objectWithoutProperties(_ref, _excluded);
   var hasRendered = useRef(false);
   var _useState = useState(null),
@@ -36,7 +38,7 @@ export var EuiOverlayMask = function EuiOverlayMask(_ref) {
     hasRendered.current = true;
   }, []);
   var styles = useEuiMemoizedStyles(euiOverlayMaskStyles);
-  var cssStyles = cx([styles.euiOverlayMask, styles["".concat(headerZindexLocation, "Header")], hasRendered.current && styles.noAnimation]);
+  var cssStyles = cx([styles.euiOverlayMask, styles["".concat(headerZindexLocation, "Header")], (hasRendered.current || !hasAnimation) && styles.noAnimation]);
   useEffect(function () {
     if (!overlayMaskNode) return;
     keysOf(rest).forEach(function (key) {