@atlaskit/editor-common 126.3.2 → 126.4.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-common
 
+## 126.4.0
+
+### Minor Changes
+
+- [`bcdb07236fe50`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bcdb07236fe50) -
+  Add an optional selection prop to invalidate memoized extension renders under
+  confluence_enable_react-compiler-runtime-platform while reading current state from editorView.
+  Preserve MAUI selection updates without resetting content readiness.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 126.3.2
 
 ### Patch Changes

package/dist/cjs/extensibility/Extension.js

@@ -31,6 +31,7 @@ var Extension = exports.Extension = /*#__PURE__*/function (_Component) {
       var _this$props = _this.props,
         node = _this$props.node,
         getPos = _this$props.getPos,
+        selection = _this$props.selection,
         editorView = _this$props.editorView,
         handleContentDOMRef = _this$props.handleContentDOMRef,
         extensionHandlers = _this$props.extensionHandlers,
@@ -54,6 +55,7 @@ var Extension = exports.Extension = /*#__PURE__*/function (_Component) {
         mode = _ref2.mode;
       var isLivePageViewMode = contentMode === 'live-view' || mode === 'view';
       return /*#__PURE__*/_react.default.createElement(_ExtensionComponent.ExtensionComponent, {
+        selection: selection,
         editorView: editorView,
         node: node,
         getPos: getPos,

package/dist/cjs/extensibility/extensionNodeView.js

@@ -17,6 +17,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _reactCompilerGating = require("@atlaskit/react-compiler-gating");
 var _coreUtils = require("../core-utils");
 var _reactNodeView = _interopRequireDefault(require("../react-node-view"));
 var _Extension = require("./Extension");
@@ -312,7 +313,10 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
       if (this.didReuseSsrDom) {
         return null;
       }
-      return /*#__PURE__*/_react.default.createElement(ExtensionNodeRender, {
+      return /*#__PURE__*/_react.default.createElement(ExtensionNodeRender
+      // EditorView is mutable; expose selection changes to invalidate compiled renders.
+      , {
+        selection: (0, _reactCompilerGating.isReactCompilerActivePlatform)() ? this.view.state.selection : undefined,
         editorView: this.view,
         eventDispatcher: this.eventDispatcher,
         forwardRef: forwardRef
@@ -337,7 +341,8 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
  */
 function ExtensionNodeRender(_ref2) {
   var _renderProps$extensio, _renderProps$extensio2;
-  var editorView = _ref2.editorView,
+  var selection = _ref2.selection,
+    editorView = _ref2.editorView,
     eventDispatcher = _ref2.eventDispatcher,
     forwardRef = _ref2.forwardRef,
     getPos = _ref2.getPos,
@@ -361,6 +366,7 @@ function ExtensionNodeRender(_ref2) {
     generatedContentMotion: generatedContentMotion,
     contentReady: contentReady
   }, /*#__PURE__*/_react.default.createElement(_Extension.Extension, {
+    selection: selection,
     editorView: editorView,
     node: node,
     eventDispatcher: eventDispatcher,

package/dist/cjs/monitoring/error.js

@@ -27,7 +27,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "126.3.1";
+var packageVersion = "126.3.2";
 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 = "126.3.1";
+var packageVersion = "126.3.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/extensibility/Extension.js

@@ -14,6 +14,7 @@ export class Extension extends Component {
       const {
         node,
         getPos,
+        selection,
         editorView,
         handleContentDOMRef,
         extensionHandlers,
@@ -39,6 +40,7 @@ export class Extension extends Component {
       } = currentState || {};
       const isLivePageViewMode = contentMode === 'live-view' || mode === 'view';
       return /*#__PURE__*/React.createElement(ExtensionComponent, {
+        selection: selection,
         editorView: editorView,
         node: node,
         getPos: getPos,

package/dist/es2019/extensibility/extensionNodeView.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { useCallback, useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { isReactCompilerActivePlatform } from '@atlaskit/react-compiler-gating';
 import { isSSR } from '../core-utils';
 import ReactNodeView from '../react-node-view';
 import { Extension } from './Extension';
@@ -263,7 +264,10 @@ export class ExtensionNode extends ReactNodeView {
     if (this.didReuseSsrDom) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(ExtensionNodeRender, {
+    return /*#__PURE__*/React.createElement(ExtensionNodeRender
+    // EditorView is mutable; expose selection changes to invalidate compiled renders.
+    , {
+      selection: isReactCompilerActivePlatform() ? this.view.state.selection : undefined,
       editorView: this.view,
       eventDispatcher: this.eventDispatcher,
       forwardRef: forwardRef
@@ -286,6 +290,7 @@ export class ExtensionNode extends ReactNodeView {
  * wrapper, and the wrapper animates the node in once it has.
  */
 function ExtensionNodeRender({
+  selection,
   editorView,
   eventDispatcher,
   forwardRef,
@@ -307,6 +312,7 @@ function ExtensionNodeRender({
     generatedContentMotion: generatedContentMotion,
     contentReady: contentReady
   }, /*#__PURE__*/React.createElement(Extension, {
+    selection: selection,
     editorView: editorView,
     node: node,
     eventDispatcher: eventDispatcher,

package/dist/es2019/monitoring/error.js

@@ -13,7 +13,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "126.3.1";
+const packageVersion = "126.3.2";
 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/fg';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "126.3.1";
+const packageVersion = "126.3.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/esm/extensibility/Extension.js

@@ -22,6 +22,7 @@ export var Extension = /*#__PURE__*/function (_Component) {
       var _this$props = _this.props,
         node = _this$props.node,
         getPos = _this$props.getPos,
+        selection = _this$props.selection,
         editorView = _this$props.editorView,
         handleContentDOMRef = _this$props.handleContentDOMRef,
         extensionHandlers = _this$props.extensionHandlers,
@@ -45,6 +46,7 @@ export var Extension = /*#__PURE__*/function (_Component) {
         mode = _ref2.mode;
       var isLivePageViewMode = contentMode === 'live-view' || mode === 'view';
       return /*#__PURE__*/React.createElement(ExtensionComponent, {
+        selection: selection,
         editorView: editorView,
         node: node,
         getPos: getPos,

package/dist/esm/extensibility/extensionNodeView.js

@@ -11,6 +11,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 import React, { useCallback, useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { isReactCompilerActivePlatform } from '@atlaskit/react-compiler-gating';
 import { isSSR } from '../core-utils';
 import ReactNodeView from '../react-node-view';
 import { Extension } from './Extension';
@@ -302,7 +303,10 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
       if (this.didReuseSsrDom) {
         return null;
       }
-      return /*#__PURE__*/React.createElement(ExtensionNodeRender, {
+      return /*#__PURE__*/React.createElement(ExtensionNodeRender
+      // EditorView is mutable; expose selection changes to invalidate compiled renders.
+      , {
+        selection: isReactCompilerActivePlatform() ? this.view.state.selection : undefined,
         editorView: this.view,
         eventDispatcher: this.eventDispatcher,
         forwardRef: forwardRef
@@ -327,7 +331,8 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
  */
 function ExtensionNodeRender(_ref2) {
   var _renderProps$extensio, _renderProps$extensio2;
-  var editorView = _ref2.editorView,
+  var selection = _ref2.selection,
+    editorView = _ref2.editorView,
     eventDispatcher = _ref2.eventDispatcher,
     forwardRef = _ref2.forwardRef,
     getPos = _ref2.getPos,
@@ -351,6 +356,7 @@ function ExtensionNodeRender(_ref2) {
     generatedContentMotion: generatedContentMotion,
     contentReady: contentReady
   }, /*#__PURE__*/React.createElement(Extension, {
+    selection: selection,
     editorView: editorView,
     node: node,
     eventDispatcher: eventDispatcher,

package/dist/esm/monitoring/error.js

@@ -19,7 +19,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "126.3.1";
+var packageVersion = "126.3.2";
 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/fg';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "126.3.1";
+var packageVersion = "126.3.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

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

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EventDispatcher } from '../event-dispatcher';
 import type { ExtensionHandlers, ReferenceEntity } from '../extensions';
@@ -18,12 +19,14 @@ export interface Props {
     handleContentDOMRef: (node: HTMLElement | null) => void;
     macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
     node: PMNode;
+    /** Called by the extension once its content is ready to be shown. */
+    onContentReady?: () => void;
     pluginInjectionApi: ExtensionsPluginInjectionAPI;
     providerFactory?: ProviderFactory;
     references?: ReferenceEntity[];
-    /** Called by the extension once its content is ready to be shown. */
-    onContentReady?: () => void;
     rendererExtensionHandlers?: ExtensionHandlers;
+    /** Invalidates memoized renders on selection changes; read current state from editorView. */
+    selection?: Selection;
     showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
     showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean;
 }

package/dist/types/extensibility/ExtensionComponent.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { type Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EventDispatcher } from '../event-dispatcher';
 import type { ExtensionHandlers, ExtensionProvider, ReferenceEntity } from '../extensions';
@@ -24,6 +25,8 @@ export interface Props {
     pluginInjectionApi: ExtensionsPluginInjectionAPI;
     references?: ReferenceEntity[];
     rendererExtensionHandlers?: ExtensionHandlers;
+    /** Invalidates memoized renders on selection changes; read current state from editorView. */
+    selection?: Selection;
     setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
     showBodiedExtensionRendererView?: boolean;
     showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "126.3.2",
+	"version": "126.4.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -64,7 +64,7 @@
 		"@atlaskit/media-file-preview": "^2.0.0",
 		"@atlaskit/media-picker": "^73.0.0",
 		"@atlaskit/media-ui": "^31.0.0",
-		"@atlaskit/media-viewer": "^54.9.0",
+		"@atlaskit/media-viewer": "^54.10.0",
 		"@atlaskit/mention": "^30.0.0",
 		"@atlaskit/menu": "^11.0.0",
 		"@atlaskit/object": "^2.3.0",
@@ -85,7 +85,7 @@
 		"@atlaskit/task-decision": "^21.11.0",
 		"@atlaskit/teams-app-config": "^3.1.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tmp-editor-statsig": "^215.0.0",
+		"@atlaskit/tmp-editor-statsig": "^216.0.0",
 		"@atlaskit/tokens": "^20.1.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/width-detector": "^7.2.0",