@atlaskit/editor-common 114.8.1 → 114.9.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 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/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.8.1";
 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.8.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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/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.8.1";
 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.8.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -229,15 +229,20 @@ var Extension = function Extension(props) {
     }),
     lineLength = _useSharedPluginState.lineLength,
     width = _useSharedPluginState.width;
-
-  // 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: {
+  var memoizedWidthState = React.useMemo(function () {
+    return {
       width: width !== null && width !== void 0 ? width : 0,
       lineLength: lineLength
-    }
+    };
+  }, [width, lineLength]);
+  var widthState = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedWidthState : {
+    width: width !== null && width !== void 0 ? width : 0,
+    lineLength: lineLength
+  };
+
+  // Ignored via go/ees005
+  return jsx(ExtensionWithPluginState, _extends({
+    widthState: widthState
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, props));
 };

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

@@ -4,6 +4,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,14 @@ export var ExtensionLabel = function ExtensionLabel(_ref) {
     '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)
   });
+  var memoizedTooltipValues = useMemo(function () {
+    return {
+      macroName: text
+    };
+  }, [text]);
+  var 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 +192,7 @@ export var ExtensionLabel = function ExtensionLabel(_ref) {
       // 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"
     }, function (tooltipProps) {

package/dist/esm/extensibility/Extension.js

@@ -77,7 +77,7 @@ export var Extension = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function 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/esm/extensions/UnknownMacroPlaceholder.js

@@ -3,7 +3,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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
 var neutralBorder = "var(--ds-background-neutral, #0515240F)";
@@ -15,28 +17,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 = {};
 export 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 = 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 = _slicedToArray(_ref2, 1),
-      key = _ref3[0];
+  var memoizedVisibleParams = useMemo(function () {
+    return Object.entries(macroParams).filter(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 1),
+        key = _ref3[0];
+      return !key.startsWith('_');
+    }).map(function (_ref4) {
+      var _ref5 = _slicedToArray(_ref4, 2),
+        key = _ref5[0],
+        param = _ref5[1];
+      return formatParam(key, param);
+    }).join(' | ');
+  }, [macroParams]);
+  var 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(function (_ref6) {
+    var _ref7 = _slicedToArray(_ref6, 1),
+      key = _ref7[0];
     return !key.startsWith('_');
-  }).map(function (_ref4) {
-    var _ref5 = _slicedToArray(_ref4, 2),
-      key = _ref5[0],
-      param = _ref5[1];
-    return formatParam(key, param);
+  }).map(function (_ref8) {
+    var _ref9 = _slicedToArray(_ref8, 2),
+      key = _ref9[0],
+      param = _ref9[1];
+    return formatParamInline(key, param);
   }).join(' | ');
   var headerText = visibleParams ? "".concat(intl.formatMessage(messages.unknownMacroHeader, {
     macroTitle: macroTitle

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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.8.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

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

package/dist/types/extensibility/Extension/Lozenge/ExtensionLabel.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import type { CSSProperties } from 'react';
+import { type CSSProperties } from 'react';
 import { jsx } from '@emotion/react';
 import type { ExtensionsPluginInjectionAPI } from '../../types';
 export declare const getShouldShowBodiedMacroLabel: (isBodiedMacro: boolean | undefined, isNodeHovered: boolean | undefined, showLivePagesBodiedMacrosRendererView: boolean | undefined, showBodiedExtensionRendererView: boolean | undefined, showUpdatedLivePages1PBodiedExtensionUI: boolean | undefined) => boolean | undefined;

package/dist/types-ts4.5/extensibility/Extension/Lozenge/ExtensionLabel.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import type { CSSProperties } from 'react';
+import { type CSSProperties } from 'react';
 import { jsx } from '@emotion/react';
 import type { ExtensionsPluginInjectionAPI } from '../../types';
 export declare const getShouldShowBodiedMacroLabel: (isBodiedMacro: boolean | undefined, isNodeHovered: boolean | undefined, showLivePagesBodiedMacrosRendererView: boolean | undefined, showBodiedExtensionRendererView: boolean | undefined, showUpdatedLivePages1PBodiedExtensionUI: boolean | undefined) => boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "114.8.1",
+	"version": "114.9.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/activity-provider": "^2.5.0",
-		"@atlaskit/adf-schema": "^52.5.0",
+		"@atlaskit/adf-schema": "^52.6.0",
 		"@atlaskit/adf-utils": "^19.27.0",
 		"@atlaskit/afm-i18n-platform-editor-editor-common": "2.18.0",
 		"@atlaskit/analytics-listeners": "^10.0.0",
@@ -63,7 +63,7 @@
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/link-datasource": "^5.2.0",
 		"@atlaskit/link-picker": "^5.1.0",
-		"@atlaskit/media-card": "^80.1.0",
+		"@atlaskit/media-card": "^80.2.0",
 		"@atlaskit/media-client": "^36.0.0",
 		"@atlaskit/media-client-react": "^5.0.0",
 		"@atlaskit/media-common": "^13.0.0",
@@ -86,7 +86,7 @@
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/task-decision": "^20.0.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^67.0.0",
+		"@atlaskit/tmp-editor-statsig": "^68.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.2.0",
 		"@atlaskit/width-detector": "^5.1.0",