@atlaskit/editor-common 114.33.0 → 114.33.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-common
 
+## 114.33.2
+
+### Patch Changes
+
+- [`ed7459903c172`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ed7459903c172) -
+  Updated media to display correctly when ssr streaming is used.
+- Updated dependencies
+
+## 114.33.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 114.33.0
 
 ### Minor Changes

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

@@ -15,6 +15,7 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _hooks = require("../../../hooks");
+var _NodeViewContentHole = require("../../../react-node-view/NodeViewContentHole");
 var _ui = require("../../../ui");
 var _utils = require("../../../utils");
 var _shouldExtensionBreakout = require("../../utils/should-extension-breakout");
@@ -221,7 +222,7 @@ function ExtensionWithPluginState(props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: contentClassNames
-  }, (0, _react2.jsx)("div", {
+  }, (0, _react2.jsx)(_NodeViewContentHole.NodeViewContentHole, {
     ref: handleContentDOMRef
   }))))));
 }

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

package/dist/cjs/portal/common.js

@@ -99,7 +99,17 @@ var getPortalProviderAPI = exports.getPortalProviderAPI = function getPortalProv
           var renderToStaticMarkup = getRenderToStaticMarkup();
           var Children = children;
           html = renderToStaticMarkup( /*#__PURE__*/_react.default.createElement(Children, null));
-        } catch (_unused) {}
+        } catch (error) {
+          if (process.env.NODE_ENV !== 'production') {
+            var _Array$from$find$repl, _Array$from$find;
+            // Extract the nodeView type name from container classes, e.g. "mediaSingleView-content-wrap" → "mediaSingle"
+            var nodeTypeName = (_Array$from$find$repl = (_Array$from$find = Array.from(container.classList).find(function (c) {
+              return c.endsWith('View-content-wrap');
+            })) === null || _Array$from$find === void 0 ? void 0 : _Array$from$find.replace('View-content-wrap', '')) !== null && _Array$from$find$repl !== void 0 ? _Array$from$find$repl : 'unknown';
+            // eslint-disable-next-line no-console
+            console.warn("[EditorSSR] Failed to render \"".concat(nodeTypeName, "\" nodeView to static markup during SSR streaming. ") + 'The container will be empty. This is likely caused by a React hook ' + '(e.g. useSharedPluginStateWithSelector, useIntl) that requires a context ' + "not available during renderToStaticMarkup. Ensure the nodeView's render() " + 'is wrapped with Context Providers, or that the hook has an SSR-safe fallback.', error);
+          }
+        }
         container.innerHTML = html;
       } else {
         if (typeof onBeforeReactDomRender === 'function') {

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NodeViewContentHole = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _isSsr = require("../core-utils/is-ssr");
+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); }
+/**
+ * A component that serves as a placeholder for the content DOM of a ProseMirror NodeView.
+ * It forwards a ref to the underlying div element, which can be used to access the content DOM for rendering the NodeView's content.
+ */
+var NodeViewContentHole = exports.NodeViewContentHole = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
+    ref: ref,
+    "data-ssr-content-dom-ref": (0, _isSsr.isSSR)() && (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? '' : undefined
+  }));
+});

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

@@ -4,6 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "NodeViewContentHole", {
+  enumerable: true,
+  get: function get() {
+    return _NodeViewContentHole.NodeViewContentHole;
+  }
+});
 exports.default = void 0;
 Object.defineProperty(exports, "getInlineNodeViewProducer", {
   enumerable: true,
@@ -22,13 +28,16 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../analytics");
+var _coreUtils = require("../core-utils");
 var _eventDispatcher = require("../event-dispatcher");
 var _ErrorBoundary = require("../ui/ErrorBoundary");
 var _utils = require("../utils");
 var _analytics2 = require("../utils/analytics");
 var _generateUniqueNodeKey = require("./generateUniqueNodeKey");
 var _getInlineNodeViewProducer = require("./getInlineNodeViewProducer");
+var _NodeViewContentHole = require("./NodeViewContentHole");
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 var ReactNodeView = exports.default = /*#__PURE__*/function () {
@@ -110,6 +119,17 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
         this.renderReactComponent(function () {
           return _this2.render(_this2.reactComponentProps, _this2.handleRef);
         });
+
+        // During SSR, renderToStaticMarkup + container.innerHTML (in portal) clobbers the
+        // contentDOMWrapper that was appended above. The React ref callback
+        // (forwardRef) never fires in renderToStaticMarkup, so contentDOM is
+        // left detached. Re-attach it by finding the marked SSR ref target.
+        if ((0, _coreUtils.isSSR)() && this.domRef && (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
+          var refTarget = this.domRef.querySelector('[data-ssr-content-dom-ref]');
+          if (refTarget) {
+            this.handleRef(refTarget);
+          }
+        }
       }
       trackingEnabled && (0, _utils.stopMeasureReactNodeViewRendered)({
         nodeTypeName: this.node.type.name,

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

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

@@ -12,6 +12,7 @@ import classnames from 'classnames';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useSharedPluginStateWithSelector } from '../../../hooks';
+import { NodeViewContentHole } from '../../../react-node-view/NodeViewContentHole';
 import { overflowShadow } from '../../../ui';
 import { calculateBreakoutStyles } from '../../../utils';
 import { shouldExtensionBreakout } from '../../utils/should-extension-breakout';
@@ -217,7 +218,7 @@ function ExtensionWithPluginState(props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: contentClassNames
-  }, jsx("div", {
+  }, jsx(NodeViewContentHole, {
     ref: handleContentDOMRef
   }))))));
 }

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

package/dist/es2019/portal/common.js

@@ -78,7 +78,15 @@ export const getPortalProviderAPI = portalManager => {
           const renderToStaticMarkup = getRenderToStaticMarkup();
           const Children = children;
           html = renderToStaticMarkup( /*#__PURE__*/React.createElement(Children, null));
-        } catch {}
+        } catch (error) {
+          if (process.env.NODE_ENV !== 'production') {
+            var _Array$from$find$repl, _Array$from$find;
+            // Extract the nodeView type name from container classes, e.g. "mediaSingleView-content-wrap" → "mediaSingle"
+            const nodeTypeName = (_Array$from$find$repl = (_Array$from$find = Array.from(container.classList).find(c => c.endsWith('View-content-wrap'))) === null || _Array$from$find === void 0 ? void 0 : _Array$from$find.replace('View-content-wrap', '')) !== null && _Array$from$find$repl !== void 0 ? _Array$from$find$repl : 'unknown';
+            // eslint-disable-next-line no-console
+            console.warn(`[EditorSSR] Failed to render "${nodeTypeName}" nodeView to static markup during SSR streaming. ` + 'The container will be empty. This is likely caused by a React hook ' + '(e.g. useSharedPluginStateWithSelector, useIntl) that requires a context ' + "not available during renderToStaticMarkup. Ensure the nodeView's render() " + 'is wrapped with Context Providers, or that the hook has an SSR-safe fallback.', error);
+          }
+        }
         container.innerHTML = html;
       } else {
         if (typeof onBeforeReactDomRender === 'function') {

package/dist/es2019/react-node-view/NodeViewContentHole.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isSSR } from '../core-utils/is-ssr';
+
+/**
+ * A component that serves as a placeholder for the content DOM of a ProseMirror NodeView.
+ * It forwards a ref to the underlying div element, which can be used to access the content DOM for rendering the NodeView's content.
+ */
+export const NodeViewContentHole = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement("div", _extends({}, props, {
+  ref: ref,
+  "data-ssr-content-dom-ref": isSSR() && expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? '' : undefined
+})));

package/dist/es2019/react-node-view/index.js

@@ -4,13 +4,16 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @atlaskit/editor/no-re-export */
 
 import React from 'react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
+import { isSSR } from '../core-utils';
 import { createDispatch } from '../event-dispatcher';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
 import { analyticsEventKey } from '../utils/analytics';
 import { generateUniqueNodeKey } from './generateUniqueNodeKey';
 export { getInlineNodeViewProducer, inlineNodeViewClassname } from './getInlineNodeViewProducer';
+export { NodeViewContentHole } from './NodeViewContentHole';
 export default class ReactNodeView {
   constructor(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps,
   // Spreading props to pass through dynamic component props
@@ -82,6 +85,17 @@ export default class ReactNodeView {
     });
     if (!shouldSkipInitRender) {
       this.renderReactComponent(() => this.render(this.reactComponentProps, this.handleRef));
+
+      // During SSR, renderToStaticMarkup + container.innerHTML (in portal) clobbers the
+      // contentDOMWrapper that was appended above. The React ref callback
+      // (forwardRef) never fires in renderToStaticMarkup, so contentDOM is
+      // left detached. Re-attach it by finding the marked SSR ref target.
+      if (isSSR() && this.domRef && expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
+        const refTarget = this.domRef.querySelector('[data-ssr-content-dom-ref]');
+        if (refTarget) {
+          this.handleRef(refTarget);
+        }
+      }
     }
     trackingEnabled && stopMeasureReactNodeViewRendered({
       nodeTypeName: this.node.type.name,

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

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

@@ -17,6 +17,7 @@ import classnames from 'classnames';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useSharedPluginStateWithSelector } from '../../../hooks';
+import { NodeViewContentHole } from '../../../react-node-view/NodeViewContentHole';
 import { overflowShadow } from '../../../ui';
 import { calculateBreakoutStyles } from '../../../utils';
 import { shouldExtensionBreakout } from '../../utils/should-extension-breakout';
@@ -214,7 +215,7 @@ function ExtensionWithPluginState(props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: contentClassNames
-  }, jsx("div", {
+  }, jsx(NodeViewContentHole, {
     ref: handleContentDOMRef
   }))))));
 }

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

package/dist/esm/portal/common.js

@@ -88,7 +88,17 @@ export var getPortalProviderAPI = function getPortalProviderAPI(portalManager) {
           var renderToStaticMarkup = getRenderToStaticMarkup();
           var Children = children;
           html = renderToStaticMarkup( /*#__PURE__*/React.createElement(Children, null));
-        } catch (_unused) {}
+        } catch (error) {
+          if (process.env.NODE_ENV !== 'production') {
+            var _Array$from$find$repl, _Array$from$find;
+            // Extract the nodeView type name from container classes, e.g. "mediaSingleView-content-wrap" → "mediaSingle"
+            var nodeTypeName = (_Array$from$find$repl = (_Array$from$find = Array.from(container.classList).find(function (c) {
+              return c.endsWith('View-content-wrap');
+            })) === null || _Array$from$find === void 0 ? void 0 : _Array$from$find.replace('View-content-wrap', '')) !== null && _Array$from$find$repl !== void 0 ? _Array$from$find$repl : 'unknown';
+            // eslint-disable-next-line no-console
+            console.warn("[EditorSSR] Failed to render \"".concat(nodeTypeName, "\" nodeView to static markup during SSR streaming. ") + 'The container will be empty. This is likely caused by a React hook ' + '(e.g. useSharedPluginStateWithSelector, useIntl) that requires a context ' + "not available during renderToStaticMarkup. Ensure the nodeView's render() " + 'is wrapped with Context Providers, or that the hook has an SSR-safe fallback.', error);
+          }
+        }
         container.innerHTML = html;
       } else {
         if (typeof onBeforeReactDomRender === 'function') {

package/dist/esm/react-node-view/NodeViewContentHole.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isSSR } from '../core-utils/is-ssr';
+
+/**
+ * A component that serves as a placeholder for the content DOM of a ProseMirror NodeView.
+ * It forwards a ref to the underlying div element, which can be used to access the content DOM for rendering the NodeView's content.
+ */
+export var NodeViewContentHole = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+    ref: ref,
+    "data-ssr-content-dom-ref": isSSR() && expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) ? '' : undefined
+  }));
+});

package/dist/esm/react-node-view/index.js

@@ -6,13 +6,16 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @atlaskit/editor/no-re-export */
 
 import React from 'react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
+import { isSSR } from '../core-utils';
 import { createDispatch } from '../event-dispatcher';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
 import { analyticsEventKey } from '../utils/analytics';
 import { generateUniqueNodeKey } from './generateUniqueNodeKey';
 export { getInlineNodeViewProducer, inlineNodeViewClassname } from './getInlineNodeViewProducer';
+export { NodeViewContentHole } from './NodeViewContentHole';
 var ReactNodeView = /*#__PURE__*/function () {
   function ReactNodeView(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps,
   // Spreading props to pass through dynamic component props
@@ -92,6 +95,17 @@ var ReactNodeView = /*#__PURE__*/function () {
         this.renderReactComponent(function () {
           return _this2.render(_this2.reactComponentProps, _this2.handleRef);
         });
+
+        // During SSR, renderToStaticMarkup + container.innerHTML (in portal) clobbers the
+        // contentDOMWrapper that was appended above. The React ref callback
+        // (forwardRef) never fires in renderToStaticMarkup, so contentDOM is
+        // left detached. Re-attach it by finding the marked SSR ref target.
+        if (isSSR() && this.domRef && expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
+          var refTarget = this.domRef.querySelector('[data-ssr-content-dom-ref]');
+          if (refTarget) {
+            this.handleRef(refTarget);
+          }
+        }
       }
       trackingEnabled && stopMeasureReactNodeViewRendered({
         nodeTypeName: this.node.type.name,

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

package/dist/types/react-node-view/NodeViewContentHole.d.ts

@@ -0,0 +1,6 @@
+import { type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';
+/**
+ * A component that serves as a placeholder for the content DOM of a ProseMirror NodeView.
+ * It forwards a ref to the underlying div element, which can be used to access the content DOM for rendering the NodeView's content.
+ */
+export declare const NodeViewContentHole: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;

package/dist/types/react-node-view/index.d.ts

@@ -7,6 +7,7 @@ import type { ForwardRef, getPosHandler, ProsemirrorGetPosHandler, ReactComponen
 export type { getPosHandler, ReactComponentProps, shouldUpdate, ProsemirrorGetPosHandler, ForwardRef, };
 export type { InlineNodeViewComponentProps } from './getInlineNodeViewProducer';
 export { getInlineNodeViewProducer, inlineNodeViewClassname } from './getInlineNodeViewProducer';
+export { NodeViewContentHole } from './NodeViewContentHole';
 export default class ReactNodeView<P = ReactComponentProps> implements NodeView {
     private domRef?;
     private contentDOMWrapper?;
@@ -39,7 +40,7 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
         contentDOM?: HTMLElement | null | undefined;
         dom: HTMLElement;
     } | undefined;
-    handleRef: (node: HTMLElement | null) => void;
+    handleRef: (node: Element | null) => void;
     private _handleRef;
     render(props: P, forwardRef?: ForwardRef): React.ReactElement<any> | null;
     update(node: PMNode, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource, validUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;

package/dist/types-ts4.5/react-node-view/NodeViewContentHole.d.ts

@@ -0,0 +1,6 @@
+import { type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';
+/**
+ * A component that serves as a placeholder for the content DOM of a ProseMirror NodeView.
+ * It forwards a ref to the underlying div element, which can be used to access the content DOM for rendering the NodeView's content.
+ */
+export declare const NodeViewContentHole: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/react-node-view/index.d.ts

@@ -7,6 +7,7 @@ import type { ForwardRef, getPosHandler, ProsemirrorGetPosHandler, ReactComponen
 export type { getPosHandler, ReactComponentProps, shouldUpdate, ProsemirrorGetPosHandler, ForwardRef, };
 export type { InlineNodeViewComponentProps } from './getInlineNodeViewProducer';
 export { getInlineNodeViewProducer, inlineNodeViewClassname } from './getInlineNodeViewProducer';
+export { NodeViewContentHole } from './NodeViewContentHole';
 export default class ReactNodeView<P = ReactComponentProps> implements NodeView {
     private domRef?;
     private contentDOMWrapper?;
@@ -39,7 +40,7 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
         contentDOM?: HTMLElement | null | undefined;
         dom: HTMLElement;
     } | undefined;
-    handleRef: (node: HTMLElement | null) => void;
+    handleRef: (node: Element | null) => void;
     private _handleRef;
     render(props: P, forwardRef?: ForwardRef): React.ReactElement<any> | null;
     update(node: PMNode, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource, validUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "114.33.0",
+	"version": "114.33.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -57,20 +57,20 @@
 		"@atlaskit/editor-tables": "^2.10.0",
 		"@atlaskit/editor-toolbar": "^1.5.0",
 		"@atlaskit/editor-toolbar-model": "^0.5.0",
-		"@atlaskit/emoji": "^70.8.0",
+		"@atlaskit/emoji": "^70.9.0",
 		"@atlaskit/icon": "^34.6.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/link-datasource": "^5.2.0",
 		"@atlaskit/link-picker": "^5.1.0",
 		"@atlaskit/media-card": "^80.5.0",
-		"@atlaskit/media-client": "^36.2.0",
+		"@atlaskit/media-client": "^36.3.0",
 		"@atlaskit/media-client-react": "^5.1.0",
 		"@atlaskit/media-common": "^13.3.0",
 		"@atlaskit/media-file-preview": "^0.17.0",
 		"@atlaskit/media-picker": "^71.3.0",
 		"@atlaskit/media-ui": "^29.2.0",
 		"@atlaskit/media-viewer": "^53.2.0",
-		"@atlaskit/mention": "^25.1.0",
+		"@atlaskit/mention": "^26.0.0",
 		"@atlaskit/menu": "^8.5.0",
 		"@atlaskit/object": "^1.0.0",
 		"@atlaskit/onboarding": "^14.6.0",