@atlaskit/editor-common 114.1.0 → 114.2.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/editor-common
 
+## 114.2.0
+
+### Minor Changes
+
+- [`3dba8a4e8c8b2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3dba8a4e8c8b2) -
+  Perf-linting cleanup: fix performance linting violations in editor-common, gated behind
+  platform_editor_perf_lint_cleanup experiment
+- [`c1b397760c36c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c1b397760c36c) -
+  Perf-linting cleanup: fix performance linting violations in editor-common, gated behind
+  platform_editor_perf_lint_cleanup experiment
+- [`3394e81c10e6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3394e81c10e6e) -
+  Fix table flicker on focus: defer data-initial-width-mode removal to after colgroup update.
+  Consolidate isTableInContentMode and hasTableBeenResized into editor-common/table.
+
+### Patch Changes
+
+- [`7f604c26ce22f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7f604c26ce22f) -
+  Fixes casing issue with data-testid on extension node wrapper
+- [`ddee349aeb565`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ddee349aeb565) -
+  Clean up ff platform_forge_ui_support_images_in_adfrenderer
+
+## 114.1.1
+
+### Patch Changes
+
+- [`2e95c42be9be9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2e95c42be9be9) -
+  Fix inline node view portal rendering for SSR streaming. Add SSR branch in
+  `getInlineNodeViewProducer` that renders inline node views synchronously using `createRoot` +
+  `flushSync` directly into the `domRef`, bypassing the portal mechanism. Skip
+  `portalProviderAPI.remove()` during SSR cleanup. All changes gated behind
+  `platform_editor_editor_ssr_streaming`.
+
 ## 114.1.0
 
 ### Minor Changes

package/dist/cjs/card/ui/assets/card.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IconCard = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
 var IconCardGlyph = function IconCardGlyph(_ref) {
   var ariaLabel = _ref['aria-label'],
@@ -27,17 +28,22 @@ var IconCardGlyph = function IconCardGlyph(_ref) {
     fill: "currentColor"
   }));
 };
+var iconCardStyle = {
+  width: '24px',
+  height: '24px'
+};
 var IconCard = exports.IconCard = function IconCard(_ref2) {
   var label = _ref2.label;
+  var style = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? iconCardStyle :
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
+  {
+    width: '24px',
+    height: '24px'
+  };
   return /*#__PURE__*/_react.default.createElement(IconCardGlyph, {
     "aria-label": label
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      width: '24px',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      height: '24px'
-    }
+    style: style
   });
 };

package/dist/cjs/card/ui/assets/embed.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IconEmbed = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
 var IconEmbedGlyph = function IconEmbedGlyph(_ref) {
   var ariaLabel = _ref['aria-label'],
@@ -27,17 +28,22 @@ var IconEmbedGlyph = function IconEmbedGlyph(_ref) {
     fill: "currentColor"
   }));
 };
+var iconEmbedStyle = {
+  width: '24px',
+  height: '24px'
+};
 var IconEmbed = exports.IconEmbed = function IconEmbed(_ref2) {
   var label = _ref2.label;
+  var style = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? iconEmbedStyle :
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
+  {
+    width: '24px',
+    height: '24px'
+  };
   return /*#__PURE__*/_react.default.createElement(IconEmbedGlyph, {
     "aria-label": label
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      width: '24px',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      height: '24px'
-    }
+    style: style
   });
 };

package/dist/cjs/card/ui/assets/inline.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IconInline = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
 var IconInlineGlyph = function IconInlineGlyph(_ref) {
   var ariaLabel = _ref['aria-label'],
@@ -27,17 +28,22 @@ var IconInlineGlyph = function IconInlineGlyph(_ref) {
     fill: "currentColor"
   }));
 };
+var iconInlineStyle = {
+  width: '24px',
+  height: '24px'
+};
 var IconInline = exports.IconInline = function IconInline(_ref2) {
   var label = _ref2.label;
+  var style = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? iconInlineStyle :
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
+  {
+    width: '24px',
+    height: '24px'
+  };
   return /*#__PURE__*/_react.default.createElement(IconInlineGlyph, {
     "aria-label": label
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      width: '24px',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      height: '24px'
-    }
+    style: style
   });
 };

package/dist/cjs/card/ui/assets/url.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IconUrl = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
 var IconUrlGlyph = function IconUrlGlyph(_ref) {
   var ariaLabel = _ref['aria-label'],
@@ -29,17 +30,22 @@ var IconUrlGlyph = function IconUrlGlyph(_ref) {
     fill: "currentColor"
   }));
 };
+var iconUrlStyle = {
+  width: '24px',
+  height: '24px'
+};
 var IconUrl = exports.IconUrl = function IconUrl(_ref2) {
   var label = _ref2.label;
+  var style = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? iconUrlStyle :
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
+  {
+    width: '24px',
+    height: '24px'
+  };
   return /*#__PURE__*/_react.default.createElement(IconUrlGlyph, {
     "aria-label": label
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      width: '24px',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      height: '24px'
-    }
+    style: style
   });
 };

package/dist/cjs/extensibility/ExtensionNodeWrapper.js

@@ -78,7 +78,7 @@ var ExtensionNodeWrapper = exports.ExtensionNodeWrapper = function ExtensionNode
     relative: showMacroInteractionDesignUpdates
   });
   return (0, _react2.jsx)("span", {
-    "data-testId": "extension-node-wrapper"
+    "data-testid": "extension-node-wrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: wrapperClassNames,

package/dist/cjs/extensibility/extensionNodeView.js

@@ -155,7 +155,7 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
       if (this.didReuseSsrDom && (0, _expValEquals.expValEquals)('platform_editor_hydration_skip_react_portal', 'isEnabled', true)) {
         var ssrElement = this.findSSRElement();
         if (ssrElement) {
-          var extensionNodeWrapper = ssrElement.querySelector('[data-testId="extension-node-wrapper"]');
+          var extensionNodeWrapper = ssrElement.querySelector('[data-testid="extension-node-wrapper"]');
           if (extensionNodeWrapper) {
             extensionNodeWrapper.remove();
           }

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.0.0";
+var packageVersion = "114.1.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/react-node-view/getInlineNodeViewProducer.js

@@ -10,9 +10,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
+var _reactDom = require("react-dom");
+var _client = require("react-dom/client");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../analytics");
+var _isSsr = require("../core-utils/is-ssr");
 var _ErrorBoundary = require("../ui/ErrorBoundary");
 var _utils = require("../utils");
 var _browser = require("../utils/browser");
@@ -24,7 +28,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var isSSR = Boolean(process.env.REACT_SSR);
 var inlineNodeViewClassname = exports.inlineNodeViewClassname = 'inlineNodeView';
 var canRenderFallback = function canRenderFallback(node) {
   return node.type.isInline && node.type.isAtom && node.type.isLeaf;
@@ -77,13 +80,39 @@ function createNodeView(_ref) {
   // to the passed dom element (domRef) which means it is automatically
   // "cleaned up" when you do a "re render".
   function renderComponent() {
-    pmPluginFactoryParams.portalProviderAPI.render(getPortalChildren({
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      currentNode: currentNode,
-      nodeViewParams: nodeViewParams,
-      Component: Component,
-      extraComponentProps: extraComponentProps
-    }), domRef, key);
+    if ((0, _isSsr.isSSR)() && (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
+      var html = '';
+
+      // We don't use direct rendering to the domRef, as this can lead to unexpected behavior,
+      // when the domRef element might have handlers from ProseMirror that will start executing
+      // in JSDom. Therefore, we simply attempt to render the element synchronously, get its HTML, and set it to the domRef,
+      // to keep the domRef as clear as possible.
+      try {
+        var PortalComponent = getPortalChildren({
+          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+          currentNode: currentNode,
+          nodeViewParams: nodeViewParams,
+          Component: Component,
+          extraComponentProps: extraComponentProps
+        });
+        var rootElement = document.createElement('span');
+        var ssrRoot = (0, _client.createRoot)(rootElement);
+        (0, _reactDom.flushSync)(function () {
+          ssrRoot.render((0, _react2.jsx)(PortalComponent, null));
+        });
+        html = rootElement.innerHTML;
+        ssrRoot.unmount();
+      } catch (_unused) {}
+      domRef.innerHTML = html;
+    } else {
+      pmPluginFactoryParams.portalProviderAPI.render(getPortalChildren({
+        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+        currentNode: currentNode,
+        nodeViewParams: nodeViewParams,
+        Component: Component,
+        extraComponentProps: extraComponentProps
+      }), domRef, key);
+    }
   }
   var _getPerformanceOption = (0, _utils.getPerformanceOptions)(nodeViewParams.view),
     samplingRate = _getPerformanceOption.samplingRate,
@@ -137,10 +166,12 @@ function createNodeView(_ref) {
       return true;
     },
     destroy: function destroy() {
-      // When prosemirror destroys the node view, we need to clean up
-      // what we have previously rendered using the editor portal
-      // provider api.
-      pmPluginFactoryParams.portalProviderAPI.remove(key);
+      if (!(0, _isSsr.isSSR)() || !(0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
+        // When prosemirror destroys the node view, we need to clean up
+        // what we have previously rendered using the editor portal
+        // provider api.
+        pmPluginFactoryParams.portalProviderAPI.remove(key);
+      }
       // @ts-expect-error Expect an error as domRef is expected to be
       // of HTMLSpanElement type however once the node view has
       // been destroyed no other consumers should still be using it.
@@ -412,7 +443,7 @@ function getInlineNodeViewProducer(_ref4) {
       extraNodeViewProps: extraNodeViewProps
     };
     var isNodeTypeAllowedToBeVirtualized = virtualizedNodeAllowlist.includes((node === null || node === void 0 || (_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type.name) || '');
-    if (!isNodeTypeAllowedToBeVirtualized || isSSR) {
+    if (!isNodeTypeAllowedToBeVirtualized || (0, _isSsr.isSSR)()) {
       return createNodeView(parameters);
     }
     if ((0, _platformFeatureFlags.fg)('platform_editor_inline_node_virt_threshold_override')) {

package/dist/cjs/resizer/BreakoutResizer.js

@@ -11,6 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _analytics = require("../analytics");
 var _styles = require("../styles");
@@ -78,6 +79,10 @@ var defaultStyles = {
   display: 'grid'
 };
 var RESIZE_STEP_VALUE = 10;
+var RESIZER_ENABLE_HANDLES = {
+  left: true,
+  right: true
+};
 /**
  * BreakoutResizer is a common component used to resize nodes that support the 'Breakout' mark, so it requires
  * correct ADF support.
@@ -330,10 +335,8 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
     });
   }
   return /*#__PURE__*/_react.default.createElement(_Resizer.default, {
-    ref: resizerRef
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    enable: {
+    ref: resizerRef,
+    enable: (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? RESIZER_ENABLE_HANDLES : {
       left: true,
       right: true
     },

package/dist/cjs/resizer/Resizer.js

@@ -15,6 +15,7 @@ var _classnames3 = _interopRequireDefault(require("classnames"));
 var _reResizable = require("re-resizable");
 var _reactIntl = require("react-intl");
 var _primitives = require("@atlaskit/primitives");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _breakout = require("../messages/breakout");
@@ -127,16 +128,30 @@ var ResizerNext = function ResizerNext(props, ref) {
     left: (0, _classnames3.default)(handleClassName !== null && handleClassName !== void 0 ? handleClassName : _resizer.resizerHandleClassName, 'left', handleSize, handleAlignmentMethod),
     right: (0, _classnames3.default)(handleClassName !== null && handleClassName !== void 0 ? handleClassName : _resizer.resizerHandleClassName, 'right', handleSize, handleAlignmentMethod)
   };
+  var handleWidth = handlePositioning === 'adjacent' ? "var(--ds-space-100, 8px)" : "var(--ds-space-300, 24px)";
   var baseHandleStyles = {
-    width: handlePositioning === 'adjacent' ? "var(--ds-space-100, 8px)" : "var(--ds-space-300, 24px)",
+    width: handleWidth,
     zIndex: _resizer.resizerHandleZIndex,
     pointerEvents: 'auto',
     alignItems: handlePositioning === 'adjacent' ? 'center' : undefined
   };
-  var offset = handlePositioning === 'adjacent' ? "calc(".concat(baseHandleStyles.width, " * -1)") : "calc(".concat(baseHandleStyles.width, " * -0.5)");
-
-  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
-  var nextHandleStyles = SUPPORTED_HANDLES.reduce(function (result, position) {
+  var memoizedBaseHandleStyles = (0, _react.useMemo)(function () {
+    return {
+      width: handleWidth,
+      zIndex: _resizer.resizerHandleZIndex,
+      pointerEvents: 'auto',
+      alignItems: handlePositioning === 'adjacent' ? 'center' : undefined
+    };
+  }, [handleWidth, handlePositioning]);
+  var offset = handlePositioning === 'adjacent' ? "calc(".concat(handleWidth, " * -1)") : "calc(".concat(handleWidth, " * -0.5)");
+  var memoizedNextHandleStyles = (0, _react.useMemo)(function () {
+    return SUPPORTED_HANDLES.reduce(function (result, position) {
+      return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, position, _objectSpread(_objectSpread({}, memoizedBaseHandleStyles), {}, (0, _defineProperty2.default)({}, position, offset), handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles[position])));
+    }, {});
+  }, [memoizedBaseHandleStyles, offset, handleStyles]);
+  var nextHandleStyles = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedNextHandleStyles :
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- intentional fallback for experiment off path
+  SUPPORTED_HANDLES.reduce(function (result, position) {
     return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, position, _objectSpread(_objectSpread({}, baseHandleStyles), {}, (0, _defineProperty2.default)({}, position, offset), handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles[position])));
   }, {});
   var resizerClassName = (0, _classnames3.default)(className, _resizer.resizerItemClassName, (0, _defineProperty2.default)({
@@ -202,15 +217,21 @@ var ResizerNext = function ResizerNext(props, ref) {
     }
     return snapGap;
   }, [snap, snapGap]);
-  return /*#__PURE__*/_react.default.createElement(_reResizable.Resizable, (0, _extends2.default)({
-    ref: resizable
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    size: {
+  var resizerAutoSize = (0, _react.useMemo)(function () {
+    return {
       width: width !== null && width !== void 0 ? width : 'auto',
-      // just content itself (no paddings)
       height: 'auto'
-    }
+    };
+  }, [width]);
+  var resizerSize = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? resizerAutoSize :
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
+  {
+    width: width !== null && width !== void 0 ? width : 'auto',
+    height: 'auto'
+  };
+  return /*#__PURE__*/_react.default.createElement(_reResizable.Resizable, (0, _extends2.default)({
+    ref: resizable,
+    size: resizerSize
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: resizerClassName,

package/dist/cjs/table/content-mode.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isTableInContentMode = exports.hasTableColumnBeenResized = exports.hasTableBeenResized = void 0;
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
+/**
+ * Returns true if any cell in the first row of the table has a colwidth attribute set.
+ *
+ * Used by both the editor (as `hasTableColumnBeenResized`) and the renderer (as `hasColWidths`)
+ * to determine whether a table has had its columns manually resized.
+ */
+var hasTableColumnBeenResized = exports.hasTableColumnBeenResized = function hasTableColumnBeenResized(tableNode) {
+  var firstRow = tableNode.content.firstChild;
+  if (!firstRow) {
+    return false;
+  }
+  for (var i = 0; i < firstRow.childCount; i++) {
+    if (firstRow.child(i).attrs.colwidth) {
+      return true;
+    }
+  }
+  return false;
+};
+
+/**
+ * Returns true if the table has been explicitly resized — either the table itself has a width
+ * attribute set, or any column has been individually resized (colwidth present on cells).
+ */
+var hasTableBeenResized = exports.hasTableBeenResized = function hasTableBeenResized(tableNode) {
+  return tableNode.attrs.width !== null || hasTableColumnBeenResized(tableNode);
+};
+
+/**
+ * Determines whether a table should render in content mode.
+ *
+ * Content mode tables have no fixed column widths — the browser sizes columns to fit their
+ * content (`table-layout: auto`). This is the shared core predicate used by both the editor
+ * and the renderer. Each consumer is responsible for computing `isSupported` from its own
+ * feature flags / props before calling this function.
+ *
+ * A table is in content mode when ALL of the following are true:
+ * 1. The `platform_editor_table_fit_to_content_auto_convert` experiment is enabled
+ * 2. `isSupported` is true (caller has verified resizing is allowed and appearance is full-page)
+ * 3. The table is not nested inside another table or block node
+ * 4. The table node exists
+ * 5. The table has not been explicitly resized (`width === null` and no `colwidth` on cells)
+ * 6. The table's layout is `'align-start'`
+ */
+var isTableInContentMode = exports.isTableInContentMode = function isTableInContentMode(_ref) {
+  var tableNode = _ref.tableNode,
+    isSupported = _ref.isSupported,
+    isTableNested = _ref.isTableNested;
+  if (!(0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
+    return false;
+  }
+  if (!tableNode || isTableNested) {
+    return false;
+  }
+  return isSupported && !hasTableBeenResized(tableNode) && tableNode.attrs.layout === 'align-start';
+};

package/dist/cjs/table/index.js

@@ -22,6 +22,25 @@ Object.defineProperty(exports, "StatusClassNames", {
     return _SortingIcon.StatusClassNames;
   }
 });
+Object.defineProperty(exports, "hasTableBeenResized", {
+  enumerable: true,
+  get: function get() {
+    return _contentMode.hasTableBeenResized;
+  }
+});
+Object.defineProperty(exports, "hasTableColumnBeenResized", {
+  enumerable: true,
+  get: function get() {
+    return _contentMode.hasTableColumnBeenResized;
+  }
+});
+Object.defineProperty(exports, "isTableInContentMode", {
+  enumerable: true,
+  get: function get() {
+    return _contentMode.isTableInContentMode;
+  }
+});
 var _consts = require("./consts");
 var _SortingIcon = _interopRequireWildcard(require("./SortingIcon"));
+var _contentMode = require("./content-mode");
 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); }

package/dist/cjs/toolbar/context.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useEditorToolbar = exports.EditorToolbarProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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 EditorToolbarContext = /*#__PURE__*/(0, _react.createContext)({
   editorView: null,
@@ -31,14 +32,23 @@ var EditorToolbarProvider = exports.EditorToolbarProvider = function EditorToolb
     editorViewMode = _ref.editorViewMode,
     editorToolbarDockingPreference = _ref.editorToolbarDockingPreference,
     isOffline = _ref.isOffline;
-  return /*#__PURE__*/_react.default.createElement(EditorToolbarContext.Provider, {
-    // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    value: {
+  var memoizedValue = (0, _react.useMemo)(function () {
+    return {
       editorView: editorView,
       editorAppearance: editorAppearance,
       editorViewMode: editorViewMode,
       editorToolbarDockingPreference: editorToolbarDockingPreference,
       isOffline: isOffline
-    }
+    };
+  }, [editorView, editorAppearance, editorViewMode, editorToolbarDockingPreference, isOffline]);
+  var contextValue = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedValue : {
+    editorView: editorView,
+    editorAppearance: editorAppearance,
+    editorViewMode: editorViewMode,
+    editorToolbarDockingPreference: editorToolbarDockingPreference,
+    isOffline: isOffline
+  };
+  return /*#__PURE__*/_react.default.createElement(EditorToolbarContext.Provider, {
+    value: contextValue
   }, children);
 };

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.0.0";
+var packageVersion = "114.1.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/MediaSingle/styled.js

@@ -260,7 +260,7 @@ var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 var mediaWrapperStyle = exports.mediaWrapperStyle = function mediaWrapperStyle(props) {
-  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\n\t", "\n\n\t/* Editor */\n  & > figure {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t/* Comments on media project adds comment badge as child of the media wrapper,\n\tthus we need to exclude it so that style is applied to intended div */\n\t& > div:not([data-media-badges='true']) {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t& * [data-mark-annotation-type='inlineComment'] {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&[data-node-type='embedCard'] > div {\n\t\twidth: 100%;\n\t}\n\n\t/* Renderer */\n\t[data-node-type='media'] {\n\t\tposition: static !important;\n\t\t", "\n\n\t\t> div {\n\t\t\tposition: absolute;\n\t\t\theight: 100%;\n\t\t}\n\t}\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative', (0, _platformFeatureFlags.fg)('platform_forge_ui_support_images_in_adfrenderer') ? 'height: auto !important;' : '');
+  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\n\t", "\n\n\t/* Editor */\n  & > figure {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t/* Comments on media project adds comment badge as child of the media wrapper,\n\tthus we need to exclude it so that style is applied to intended div */\n\t& > div:not([data-media-badges='true']) {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t& * [data-mark-annotation-type='inlineComment'] {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&[data-node-type='embedCard'] > div {\n\t\twidth: 100%;\n\t}\n\n\t/* Renderer */\n\t[data-node-type='media'] {\n\t\tposition: static !important;\n\t\theight: auto !important;\n\n\t\t> div {\n\t\t\tposition: absolute;\n\t\t\theight: 100%;\n\t\t}\n\t}\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative');
 };
 var MediaWrapper = exports.MediaWrapper = function MediaWrapper(_ref3) {
   var children = _ref3.children,

package/dist/es2019/card/ui/assets/card.js

@@ -1,4 +1,6 @@
 import React from 'react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+
 // Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
 const IconCardGlyph = ({
   'aria-label': ariaLabel,
@@ -21,18 +23,23 @@ const IconCardGlyph = ({
     fill: "currentColor"
   }));
 };
+const iconCardStyle = {
+  width: '24px',
+  height: '24px'
+};
 export const IconCard = ({
   label
 }) => {
+  const style = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? iconCardStyle :
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
+  {
+    width: '24px',
+    height: '24px'
+  };
   return /*#__PURE__*/React.createElement(IconCardGlyph, {
     "aria-label": label
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      width: '24px',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      height: '24px'
-    }
+    style: style
   });
 };