@atlaskit/editor-common 114.8.1 → 114.10.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @atlaskit/editor-common
 
+## 114.10.0
+
+### Minor Changes
+
+- [`4b61b018db494`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4b61b018db494) -
+  [ux] Adds AI image generation to the editor by introducing a new plugin for image generation in
+  the editor with the functionalities to create AI images with a prompt and style choice. The plugin
+  is gated behind a feature experiment.
+
+### Patch Changes
+
+- [`edc25b2fd6660`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/edc25b2fd6660) -
+  Fix editor popup not respecting scrollableElement changes when editor is re-parented.
+
+  When the `platform_editor_fix_scrolling_popup_position` experiment is enabled, the Popup component
+  now detects when the `scrollableElement` prop changes (e.g. the editor instance is moved into a
+  different container) and re-initialises the scroll event listener and ResizeObserver to track the
+  new scroll parent. Previously, the scroll element was resolved only once on mount, so subsequent
+  changes were silently ignored and popups would lose scroll tracking.
+
+- Updated dependencies
+
+## 114.9.0
+
+### Minor Changes
+
+- [`46c5125fd06d8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/46c5125fd06d8) -
+  Perf-linting cleanup: fix performance linting violations in editor-common, gated behind
+  platform_editor_perf_lint_cleanup experiment
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 114.8.1
 
 ### Patch Changes

package/dist/cjs/extensibility/Extension/Extension/index.js

@@ -236,15 +236,20 @@ var Extension = function Extension(props) {
     }),
     lineLength = _useSharedPluginState.lineLength,
     width = _useSharedPluginState.width;
-
-  // Ignored via go/ees005
-  return (0, _react2.jsx)(ExtensionWithPluginState
-  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-  , (0, _extends2.default)({
-    widthState: {
+  var memoizedWidthState = _react.default.useMemo(function () {
+    return {
       width: width !== null && width !== void 0 ? width : 0,
       lineLength: lineLength
-    }
+    };
+  }, [width, lineLength]);
+  var widthState = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedWidthState : {
+    width: width !== null && width !== void 0 ? width : 0,
+    lineLength: lineLength
+  };
+
+  // Ignored via go/ees005
+  return (0, _react2.jsx)(ExtensionWithPluginState, (0, _extends2.default)({
+    widthState: widthState
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, props));
 };

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.getShouldShowBodiedMacroLabel = exports.ExtensionLabel = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
+var _react = require("react");
+var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactIntl = require("react-intl");
 var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
@@ -23,7 +24,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
-var containerStyles = (0, _react.css)({
+var containerStyles = (0, _react2.css)({
   textAlign: 'left',
   zIndex: 1,
   position: 'relative',
@@ -32,13 +33,13 @@ var containerStyles = (0, _react.css)({
     marginTop: "var(--ds-space-300, 24px)"
   }
 });
-var showLabelStyles = (0, _react.css)({
+var showLabelStyles = (0, _react2.css)({
   opacity: 1
 });
-var hideLabelStyles = (0, _react.css)({
+var hideLabelStyles = (0, _react2.css)({
   opacity: 0
 });
-var labelStyles = (0, _react.css)({
+var labelStyles = (0, _react2.css)({
   opacity: 0,
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 1,
@@ -100,14 +101,14 @@ var spacerStyles = (0, _primitives.xcss)({
   position: 'absolute',
   width: '100%'
 });
-var iconStyles = (0, _react.css)({
+var iconStyles = (0, _react2.css)({
   marginLeft: "var(--ds-space-075, 6px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.hide-icon': {
     display: 'none'
   }
 });
-var bodiedMacroIconStyles = (0, _react.css)({
+var bodiedMacroIconStyles = (0, _react2.css)({
   display: 'none'
 });
 var i18n = (0, _reactIntl.defineMessages)({
@@ -162,9 +163,17 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
     'hide-icon': (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? false : isBodiedMacro && !isNodeHovered,
     'extension-icon': (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true)
   });
+  var memoizedTooltipValues = (0, _react.useMemo)(function () {
+    return {
+      macroName: text
+    };
+  }, [text]);
+  var tooltipValues = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedTooltipValues : {
+    macroName: text
+  };
   return (
     // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable
-    (0, _react.jsx)("div", {
+    (0, _react2.jsx)("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       css: containerStyles
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -187,19 +196,16 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
       onBlur: (0, _expValEquals.expValEquals)('editor_a11y__enghealth-46814_fy26', 'isEnabled', true) ? function () {} : undefined,
       "data-testid": "new-lozenge-container",
       contentEditable: false
-    }, (0, _react.jsx)(_tooltip.default, {
-      content: (0, _react.jsx)(_reactIntl.FormattedMessage
+    }, (0, _react2.jsx)(_tooltip.default, {
+      content: (0, _react2.jsx)(_reactIntl.FormattedMessage
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading
       , (0, _extends2.default)({}, i18n.configure, {
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        values: {
-          macroName: text
-        }
+        values: tooltipValues
       })),
       position: "top"
     }, function (tooltipProps) {
-      return (0, _react.jsx)("span", (0, _extends2.default)({
+      return (0, _react2.jsx)("span", (0, _extends2.default)({
         "data-testid": "new-lozenge-button"
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
@@ -208,16 +214,16 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         ,
         className: labelClassNames
-      }), text, (0, _react.jsx)("span", {
+      }), text, (0, _react2.jsx)("span", {
         css: [iconStyles, isBodiedMacro && (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) && bodiedMacroIconStyles]
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         ,
         className: iconClassNames,
         "data-testid": "config-icon"
-      }, (0, _react.jsx)(_customize.default, {
+      }, (0, _react2.jsx)(_customize.default, {
         label: ""
       })));
-    }), (0, _react.jsx)(_primitives.Box, {
+    }), (0, _react2.jsx)(_primitives.Box, {
       xcss: spacerStyles
     }))
   );

package/dist/cjs/extensibility/Extension.js

@@ -86,7 +86,7 @@ var Extension = exports.Extension = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- there seems to be an existing bug where the Extension component can't be resized if this is memoised because it doesn't rerender so this can't be memoised without a larger refactor
       , {
         providers: ['extensionProvider'],
         providerFactory: this.providerFactory,

package/dist/cjs/extensions/UnknownMacroPlaceholder.js

@@ -8,10 +8,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.UnknownMacroPlaceholder = UnknownMacroPlaceholder;
 require("./UnknownMacroPlaceholder.compiled.css");
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactIntl = require("react-intl");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _messages = require("./messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // Unknown macro placeholder styling aligned with Legacy Content Macro (LCM) for consistent look
@@ -24,28 +26,48 @@ var unknownMacroHeaderStyles = null;
 // Match LCM content area: white surface, text color inherits
 var unknownMacroBodyStyles = null;
 var unknownMacroPreStyles = null;
+var formatParam = function formatParam(key, param) {
+  var _param$value;
+  var value = String((_param$value = param === null || param === void 0 ? void 0 : param.value) !== null && _param$value !== void 0 ? _param$value : '').trim();
+  return "".concat(key, " = ").concat(value);
+};
+var EMPTY_MACRO_PARAMS = {};
 function UnknownMacroPlaceholder(_ref) {
-  var _extensionNode$parame, _extensionNode$parame2, _extensionNode$parame3, _extensionNode$parame4;
+  var _extensionNode$parame, _extensionNode$parame2, _extensionNode$parame3, _extensionNode$parame4, _extensionNode$parame5, _extensionNode$parame6;
   var extensionNode = _ref.extensionNode;
   var intl = (0, _reactIntl.useIntl)();
   var macroTitle = ((_extensionNode$parame = extensionNode.parameters) === null || _extensionNode$parame === void 0 || (_extensionNode$parame = _extensionNode$parame.macroMetadata) === null || _extensionNode$parame === void 0 ? void 0 : _extensionNode$parame.title) || extensionNode.extensionKey;
   var bodyContent = (_extensionNode$parame2 = extensionNode.parameters) === null || _extensionNode$parame2 === void 0 || (_extensionNode$parame2 = _extensionNode$parame2.macroParams) === null || _extensionNode$parame2 === void 0 || (_extensionNode$parame2 = _extensionNode$parame2.__bodyContent) === null || _extensionNode$parame2 === void 0 ? void 0 : _extensionNode$parame2.value;
-  var macroParams = (_extensionNode$parame3 = (_extensionNode$parame4 = extensionNode.parameters) === null || _extensionNode$parame4 === void 0 ? void 0 : _extensionNode$parame4.macroParams) !== null && _extensionNode$parame3 !== void 0 ? _extensionNode$parame3 : {};
-  var formatParam = function formatParam(key, param) {
-    var _param$value;
-    var value = String((_param$value = param === null || param === void 0 ? void 0 : param.value) !== null && _param$value !== void 0 ? _param$value : '').trim();
+  var macroParamsOld = (_extensionNode$parame3 = (_extensionNode$parame4 = extensionNode.parameters) === null || _extensionNode$parame4 === void 0 ? void 0 : _extensionNode$parame4.macroParams) !== null && _extensionNode$parame3 !== void 0 ? _extensionNode$parame3 : {};
+  var macroParams = (_extensionNode$parame5 = (_extensionNode$parame6 = extensionNode.parameters) === null || _extensionNode$parame6 === void 0 ? void 0 : _extensionNode$parame6.macroParams) !== null && _extensionNode$parame5 !== void 0 ? _extensionNode$parame5 : EMPTY_MACRO_PARAMS;
+  var formatParamInline = function formatParamInline(key, param) {
+    var _param$value2;
+    var value = String((_param$value2 = param === null || param === void 0 ? void 0 : param.value) !== null && _param$value2 !== void 0 ? _param$value2 : '').trim();
     return "".concat(key, " = ").concat(value);
   };
-  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
-  var visibleParams = Object.entries(macroParams).filter(function (_ref2) {
-    var _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
-      key = _ref3[0];
+  var memoizedVisibleParams = (0, _react.useMemo)(function () {
+    return Object.entries(macroParams).filter(function (_ref2) {
+      var _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
+        key = _ref3[0];
+      return !key.startsWith('_');
+    }).map(function (_ref4) {
+      var _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
+        key = _ref5[0],
+        param = _ref5[1];
+      return formatParam(key, param);
+    }).join(' | ');
+  }, [macroParams]);
+  var visibleParams = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedVisibleParams :
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- intentional fallback for experiment off path
+  Object.entries(macroParamsOld).filter(function (_ref6) {
+    var _ref7 = (0, _slicedToArray2.default)(_ref6, 1),
+      key = _ref7[0];
     return !key.startsWith('_');
-  }).map(function (_ref4) {
-    var _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
-      key = _ref5[0],
-      param = _ref5[1];
-    return formatParam(key, param);
+  }).map(function (_ref8) {
+    var _ref9 = (0, _slicedToArray2.default)(_ref8, 2),
+      key = _ref9[0],
+      param = _ref9[1];
+    return formatParamInline(key, param);
   }).join(' | ');
   var headerText = visibleParams ? "".concat(intl.formatMessage(_messages.messages.unknownMacroHeader, {
     macroTitle: macroTitle

package/dist/cjs/messages/insert-block.js

@@ -56,6 +56,21 @@ var toolbarInsertBlockMessages = exports.toolbarInsertBlockMessages = (0, _react
     defaultMessage: 'Image',
     description: 'Shown as a menu item label in the editor insert menu, used to insert an image into the document.'
   },
+  aiImageGeneration: {
+    id: 'fabric.editor.aiImageGeneration',
+    defaultMessage: 'Generate image',
+    description: 'Shown as a menu item label in the editor insert menu, used to open a popup for generating an image with AI.'
+  },
+  aiImageGenerationDescription: {
+    id: 'fabric.editor.aiImageGeneration.description',
+    defaultMessage: 'Generate an image with AI',
+    description: 'Displayed as a description text for the AI image generation option in the editor insert menu.'
+  },
+  aiImageGenerationPopupAriaLabel: {
+    id: 'fabric.editor.aiImageGeneration.popupAriaLabel',
+    defaultMessage: 'Generate image with AI',
+    description: 'Accessible label announced by screen readers when the AI image generation popup opens.'
+  },
   mention: {
     id: 'fabric.editor.mention',
     defaultMessage: 'Mention',

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "114.8.0";
+var packageVersion = "114.9.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "114.8.0";
+var packageVersion = "114.9.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/Popup/index.js

@@ -12,6 +12,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _bindEventListener = require("bind-event-listener");
 var _focusTrap = _interopRequireDefault(require("focus-trap"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactDom = require("react-dom");
@@ -252,10 +253,44 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
         return this.initFocusTrap();
       }
     }
+
+    /**
+     * Idempotent scroll element setup — tears down any previous listener/observer
+     * then attaches to the current scroll parent.
+     */
+  }, {
+    key: "initScrollElement",
+    value: function initScrollElement() {
+      var _this$unbindScroll;
+      var _this$props = this.props,
+        stick = _this$props.stick,
+        target = _this$props.target,
+        scrollableElement = _this$props.scrollableElement;
+      (_this$unbindScroll = this.unbindScroll) === null || _this$unbindScroll === void 0 || _this$unbindScroll.call(this);
+      if (this.scrollElement && this.resizeObserver) {
+        this.resizeObserver.unobserve(this.scrollElement);
+      }
+      this.scrollElement = scrollableElement;
+      if (stick && !this.scrollElement && target) {
+        this.scrollElement = (0, _utils.findOverflowScrollParent)(target);
+      }
+      if (this.scrollElement) {
+        if (this.resizeObserver) {
+          this.resizeObserver.observe(this.scrollElement);
+        }
+        this.unbindScroll = (0, _bindEventListener.bind)(this.scrollElement, {
+          type: 'scroll',
+          listener: this.onResize
+        });
+      }
+    }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       this.handleChangedFocusTrapProp(prevProps);
+      if ((0, _expValEquals.expValEquals)('platform_editor_fix_scrolling_popup_position', 'isEnabled', true) && prevProps.scrollableElement !== this.props.scrollableElement) {
+        this.initScrollElement();
+      }
       if (this.props !== prevProps) {
         this.scheduledUpdatePosition(prevProps);
       }
@@ -266,16 +301,16 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       window.addEventListener('resize', this.onResize);
+      if ((0, _expValEquals.expValEquals)('platform_editor_fix_scrolling_popup_position', 'isEnabled', true)) {
+        this.initScrollElement();
+        return;
+      }
       var stick = this.props.stick;
 
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       var target = this.props.target;
-
-      // Resolve the effective scroll parent: prefer the explicitly provided scrollableElement
-      // prop over the auto-detected ancestor. Allows product consumers to provide the correct
-      // scroll container (e.g. a modal body) when auto-detection can't find it.
-      var scrollParentElement = (0, _expValEquals.expValEquals)('platform_editor_fix_scrolling_popup_position', 'isEnabled', true) ? this.props.scrollableElement || (0, _utils.findOverflowScrollParent)(target) : (0, _utils.findOverflowScrollParent)(target);
+      var scrollParentElement = (0, _utils.findOverflowScrollParent)(target);
       if (scrollParentElement && this.resizeObserver) {
         this.resizeObserver.observe(scrollParentElement);
       }
@@ -293,10 +328,11 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$resizeObserver3;
+      var _this$unbindScroll2, _this$resizeObserver3;
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       window.removeEventListener('resize', this.onResize);
+      (_this$unbindScroll2 = this.unbindScroll) === null || _this$unbindScroll2 === void 0 || _this$unbindScroll2.call(this);
       if (this.scrollElement) {
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -355,9 +391,9 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-        target = _this$props.target,
-        mountTo = _this$props.mountTo;
+      var _this$props2 = this.props,
+        target = _this$props2.target,
+        mountTo = _this$props2.mountTo;
       var validPosition = this.state.validPosition;
       if (!target || !validPosition) {
         return null;

package/dist/es2019/extensibility/Extension/Extension/index.js

@@ -235,15 +235,18 @@ const Extension = props => {
       lineLength: (_states$widthState2 = states.widthState) === null || _states$widthState2 === void 0 ? void 0 : _states$widthState2.lineLength
     };
   });
+  const memoizedWidthState = React.useMemo(() => ({
+    width: width !== null && width !== void 0 ? width : 0,
+    lineLength
+  }), [width, lineLength]);
+  const widthState = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedWidthState : {
+    width: width !== null && width !== void 0 ? width : 0,
+    lineLength
+  };
 
   // Ignored via go/ees005
-  return jsx(ExtensionWithPluginState
-  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-  , _extends({
-    widthState: {
-      width: width !== null && width !== void 0 ? width : 0,
-      lineLength
-    }
+  return jsx(ExtensionWithPluginState, _extends({
+    widthState: widthState
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, props));
 };

package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
+import { useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
 import { css, jsx } from '@emotion/react';
@@ -153,6 +154,12 @@ export const ExtensionLabel = ({
     'hide-icon': expValEquals('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? false : isBodiedMacro && !isNodeHovered,
     'extension-icon': expValEquals('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true)
   });
+  const memoizedTooltipValues = useMemo(() => ({
+    macroName: text
+  }), [text]);
+  const tooltipValues = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedTooltipValues : {
+    macroName: text
+  };
   return (
     // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable
     jsx("div", {
@@ -183,10 +190,7 @@ export const ExtensionLabel = ({
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading
       , _extends({}, i18n.configure, {
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        values: {
-          macroName: text
-        }
+        values: tooltipValues
       })),
       position: "top"
     }, tooltipProps => jsx("span", _extends({

package/dist/es2019/extensibility/Extension.js

@@ -65,7 +65,7 @@ export class Extension extends Component {
   }
   render() {
     return /*#__PURE__*/React.createElement(WithProviders
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- there seems to be an existing bug where the Extension component can't be resized if this is memoised because it doesn't rerender so this can't be memoised without a larger refactor
     , {
       providers: ['extensionProvider'],
       providerFactory: this.providerFactory,

package/dist/es2019/extensions/UnknownMacroPlaceholder.js

@@ -2,7 +2,9 @@
 import "./UnknownMacroPlaceholder.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { useMemo } from 'react';
 import { useIntl } from 'react-intl';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { messages } from './messages';
 // Unknown macro placeholder styling aligned with Legacy Content Macro (LCM) for consistent look
 const neutralBorder = "var(--ds-background-neutral, #0515240F)";
@@ -14,21 +16,30 @@ const unknownMacroHeaderStyles = null;
 // Match LCM content area: white surface, text color inherits
 const unknownMacroBodyStyles = null;
 const unknownMacroPreStyles = null;
+const formatParam = (key, param) => {
+  var _param$value;
+  const value = String((_param$value = param === null || param === void 0 ? void 0 : param.value) !== null && _param$value !== void 0 ? _param$value : '').trim();
+  return `${key} = ${value}`;
+};
+const EMPTY_MACRO_PARAMS = {};
 export function UnknownMacroPlaceholder({
   extensionNode
 }) {
-  var _extensionNode$parame, _extensionNode$parame2, _extensionNode$parame3, _extensionNode$parame4, _extensionNode$parame5, _extensionNode$parame6, _extensionNode$parame7;
+  var _extensionNode$parame, _extensionNode$parame2, _extensionNode$parame3, _extensionNode$parame4, _extensionNode$parame5, _extensionNode$parame6, _extensionNode$parame7, _extensionNode$parame8, _extensionNode$parame9;
   const intl = useIntl();
   const macroTitle = ((_extensionNode$parame = extensionNode.parameters) === null || _extensionNode$parame === void 0 ? void 0 : (_extensionNode$parame2 = _extensionNode$parame.macroMetadata) === null || _extensionNode$parame2 === void 0 ? void 0 : _extensionNode$parame2.title) || extensionNode.extensionKey;
   const bodyContent = (_extensionNode$parame3 = extensionNode.parameters) === null || _extensionNode$parame3 === void 0 ? void 0 : (_extensionNode$parame4 = _extensionNode$parame3.macroParams) === null || _extensionNode$parame4 === void 0 ? void 0 : (_extensionNode$parame5 = _extensionNode$parame4.__bodyContent) === null || _extensionNode$parame5 === void 0 ? void 0 : _extensionNode$parame5.value;
-  const macroParams = (_extensionNode$parame6 = (_extensionNode$parame7 = extensionNode.parameters) === null || _extensionNode$parame7 === void 0 ? void 0 : _extensionNode$parame7.macroParams) !== null && _extensionNode$parame6 !== void 0 ? _extensionNode$parame6 : {};
-  const formatParam = (key, param) => {
-    var _param$value;
-    const value = String((_param$value = param === null || param === void 0 ? void 0 : param.value) !== null && _param$value !== void 0 ? _param$value : '').trim();
+  const macroParamsOld = (_extensionNode$parame6 = (_extensionNode$parame7 = extensionNode.parameters) === null || _extensionNode$parame7 === void 0 ? void 0 : _extensionNode$parame7.macroParams) !== null && _extensionNode$parame6 !== void 0 ? _extensionNode$parame6 : {};
+  const macroParams = (_extensionNode$parame8 = (_extensionNode$parame9 = extensionNode.parameters) === null || _extensionNode$parame9 === void 0 ? void 0 : _extensionNode$parame9.macroParams) !== null && _extensionNode$parame8 !== void 0 ? _extensionNode$parame8 : EMPTY_MACRO_PARAMS;
+  const formatParamInline = (key, param) => {
+    var _param$value2;
+    const value = String((_param$value2 = param === null || param === void 0 ? void 0 : param.value) !== null && _param$value2 !== void 0 ? _param$value2 : '').trim();
     return `${key} = ${value}`;
   };
-  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
-  const visibleParams = Object.entries(macroParams).filter(([key]) => !key.startsWith('_')).map(([key, param]) => formatParam(key, param)).join(' | ');
+  const memoizedVisibleParams = useMemo(() => Object.entries(macroParams).filter(([key]) => !key.startsWith('_')).map(([key, param]) => formatParam(key, param)).join(' | '), [macroParams]);
+  const visibleParams = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedVisibleParams :
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- intentional fallback for experiment off path
+  Object.entries(macroParamsOld).filter(([key]) => !key.startsWith('_')).map(([key, param]) => formatParamInline(key, param)).join(' | ');
   const headerText = visibleParams ? `${intl.formatMessage(messages.unknownMacroHeader, {
     macroTitle
   })} | ${visibleParams}` : intl.formatMessage(messages.unknownMacroHeader, {

package/dist/es2019/messages/insert-block.js

@@ -50,6 +50,21 @@ export const toolbarInsertBlockMessages = defineMessages({
     defaultMessage: 'Image',
     description: 'Shown as a menu item label in the editor insert menu, used to insert an image into the document.'
   },
+  aiImageGeneration: {
+    id: 'fabric.editor.aiImageGeneration',
+    defaultMessage: 'Generate image',
+    description: 'Shown as a menu item label in the editor insert menu, used to open a popup for generating an image with AI.'
+  },
+  aiImageGenerationDescription: {
+    id: 'fabric.editor.aiImageGeneration.description',
+    defaultMessage: 'Generate an image with AI',
+    description: 'Displayed as a description text for the AI image generation option in the editor insert menu.'
+  },
+  aiImageGenerationPopupAriaLabel: {
+    id: 'fabric.editor.aiImageGeneration.popupAriaLabel',
+    defaultMessage: 'Generate image with AI',
+    description: 'Accessible label announced by screen readers when the AI image generation popup opens.'
+  },
   mention: {
     id: 'fabric.editor.mention',
     defaultMessage: 'Mention',

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "114.8.0";
+const packageVersion = "114.9.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "114.8.0";
+const packageVersion = "114.9.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({