@atlaskit/editor-common 78.29.3 → 78.30.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-common
 
+## 78.30.0
+
+### Minor Changes
+
+- [#91466](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91466) [`b55ddb9fd20c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b55ddb9fd20c) - Added `key` API to PortalProvider
+
 ## 78.29.3
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "78.29.3";
+var packageVersion = "78.30.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateUniqueNodeKey = void 0;
+var _v = _interopRequireDefault(require("uuid/v4"));
+var generateUniqueNodeKey = exports.generateUniqueNodeKey = function generateUniqueNodeKey() {
+  return (0, _v.default)();
+};

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

@@ -12,6 +12,7 @@ var _react2 = require("@emotion/react");
 var _analytics = require("../analytics");
 var _ErrorBoundary = require("../ui/ErrorBoundary");
 var _utils = require("../utils");
+var _generateUniqueNodeKey = require("./generateUniqueNodeKey");
 /** @jsx jsx */
 
 var inlineNodeViewClassname = exports.inlineNodeViewClassname = 'inlineNodeView';
@@ -24,6 +25,7 @@ function createNodeView(_ref) {
   // used for comparisions when doing updates, before being
   // overwritten to the updated node.
   var currentNode = nodeViewParams.node;
+  var key = (0, _generateUniqueNodeKey.generateUniqueNodeKey)();
 
   // First we setup the dom element which will be rendered and "tracked" by prosemirror
   // and also used as a "editor portal" (not react portal) target by the editor
@@ -60,7 +62,7 @@ function createNodeView(_ref) {
       nodeViewParams: nodeViewParams,
       Component: Component,
       extraComponentProps: extraComponentProps
-    }), domRef, false,
+    }), domRef, key, false,
     // node views should be rendered with intl context
     true);
   }
@@ -118,7 +120,7 @@ function createNodeView(_ref) {
       // 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(domRef);
+      pmPluginFactoryParams.portalProviderAPI.remove(key, domRef);
       // @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.

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

@@ -27,6 +27,7 @@ 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 ReactNodeView = exports.default = /*#__PURE__*/function () {
   function ReactNodeView(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent) {
@@ -57,6 +58,7 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
     this._viewShouldUpdate = viewShouldUpdate;
     this.eventDispatcher = eventDispatcher;
     this.hasIntlContext = hasIntlContext;
+    this.key = (0, _generateUniqueNodeKey.generateUniqueNodeKey)();
   }
 
   /**
@@ -124,7 +126,7 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
           dispatchAnalyticsEvent: _this3.dispatchAnalyticsEvent
         }, component());
       };
-      this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.hasAnalyticsContext, this.hasIntlContext);
+      this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.key, this.hasAnalyticsContext, this.hasIntlContext);
     }
   }, {
     key: "createDomRef",
@@ -221,7 +223,7 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
       if (!this.domRef) {
         return;
       }
-      this.portalProviderAPI.remove(this.domRef);
+      this.portalProviderAPI.remove(this.key, this.domRef);
       this.domRef = undefined;
       this.contentDOM = undefined;
     }

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

@@ -22,7 +22,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.29.3";
+var packageVersion = "78.30.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -42,10 +42,11 @@ var PortalProviderAPI = exports.PortalProviderAPI = /*#__PURE__*/function (_Even
   }
   (0, _createClass2.default)(PortalProviderAPI, [{
     key: "render",
-    value: function render(children, container) {
-      var hasAnalyticsContext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var hasIntlContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    value: function render(children, container, key) {
+      var hasAnalyticsContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+      var hasIntlContext = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
       this.portals.set(container, {
+        key: key,
         children: children,
         hasAnalyticsContext: hasAnalyticsContext,
         hasIntlContext: hasIntlContext
@@ -86,7 +87,7 @@ var PortalProviderAPI = exports.PortalProviderAPI = /*#__PURE__*/function (_Even
     }
   }, {
     key: "remove",
-    value: function remove(container) {
+    value: function remove(key, container) {
       this.portals.delete(container);
 
       // There is a race condition that can happen caused by Prosemirror vs React,

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 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 = "78.29.3";
+const packageVersion = "78.30.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -0,0 +1,4 @@
+import uuid from 'uuid/v4';
+export const generateUniqueNodeKey = () => {
+  return uuid();
+};

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

@@ -6,6 +6,7 @@ import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { browser } from '../utils';
 import { analyticsEventKey, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered, ZERO_WIDTH_SPACE } from '../utils';
+import { generateUniqueNodeKey } from './generateUniqueNodeKey';
 export const inlineNodeViewClassname = 'inlineNodeView';
 function createNodeView({
   nodeViewParams,
@@ -17,6 +18,7 @@ function createNodeView({
   // used for comparisions when doing updates, before being
   // overwritten to the updated node.
   let currentNode = nodeViewParams.node;
+  const key = generateUniqueNodeKey();
 
   // First we setup the dom element which will be rendered and "tracked" by prosemirror
   // and also used as a "editor portal" (not react portal) target by the editor
@@ -53,7 +55,7 @@ function createNodeView({
       nodeViewParams,
       Component,
       extraComponentProps
-    }), domRef, false,
+    }), domRef, key, false,
     // node views should be rendered with intl context
     true);
   }
@@ -112,7 +114,7 @@ function createNodeView({
       // 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(domRef);
+      pmPluginFactoryParams.portalProviderAPI.remove(key, domRef);
       // @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.

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

@@ -6,6 +6,7 @@ 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 default class ReactNodeView {
   constructor(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasAnalyticsContext = false, viewShouldUpdate, hasIntlContext = false) {
@@ -29,6 +30,7 @@ export default class ReactNodeView {
     this._viewShouldUpdate = viewShouldUpdate;
     this.eventDispatcher = eventDispatcher;
     this.hasIntlContext = hasIntlContext;
+    this.key = generateUniqueNodeKey();
   }
 
   /**
@@ -90,7 +92,7 @@ export default class ReactNodeView {
         dispatchAnalyticsEvent: this.dispatchAnalyticsEvent
       }, component());
     };
-    this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.hasAnalyticsContext, this.hasIntlContext);
+    this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.key, this.hasAnalyticsContext, this.hasIntlContext);
   }
   createDomRef() {
     if (!this.node.isInline) {
@@ -163,7 +165,7 @@ export default class ReactNodeView {
     if (!this.domRef) {
       return;
     }
-    this.portalProviderAPI.remove(this.domRef);
+    this.portalProviderAPI.remove(this.key, this.domRef);
     this.domRef = undefined;
     this.contentDOM = undefined;
   }

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

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "78.29.3";
+const packageVersion = "78.30.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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

@@ -19,9 +19,10 @@ export class PortalProviderAPI extends EventDispatcher {
     this.onAnalyticsEvent = onAnalyticsEvent;
     this.useAnalyticsContext = analyticsContext;
   }
-  render(children, container, hasAnalyticsContext = false, hasIntlContext = false) {
+  render(children, container, key, hasAnalyticsContext = false, hasIntlContext = false) {
     this.portals.set(container, {
-      children: children,
+      key,
+      children,
       hasAnalyticsContext,
       hasIntlContext
     });
@@ -57,7 +58,7 @@ export class PortalProviderAPI extends EventDispatcher {
       unstable_renderSubtreeIntoContainer(this.context, wrappedChildren, container);
     });
   }
-  remove(container) {
+  remove(key, container) {
     this.portals.delete(container);
 
     // There is a race condition that can happen caused by Prosemirror vs React,

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 = "78.29.3";
+var packageVersion = "78.30.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -0,0 +1,4 @@
+import uuid from 'uuid/v4';
+export var generateUniqueNodeKey = function generateUniqueNodeKey() {
+  return uuid();
+};

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

@@ -6,6 +6,7 @@ import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { browser } from '../utils';
 import { analyticsEventKey, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered, ZERO_WIDTH_SPACE } from '../utils';
+import { generateUniqueNodeKey } from './generateUniqueNodeKey';
 export var inlineNodeViewClassname = 'inlineNodeView';
 function createNodeView(_ref) {
   var nodeViewParams = _ref.nodeViewParams,
@@ -16,6 +17,7 @@ function createNodeView(_ref) {
   // used for comparisions when doing updates, before being
   // overwritten to the updated node.
   var currentNode = nodeViewParams.node;
+  var key = generateUniqueNodeKey();
 
   // First we setup the dom element which will be rendered and "tracked" by prosemirror
   // and also used as a "editor portal" (not react portal) target by the editor
@@ -52,7 +54,7 @@ function createNodeView(_ref) {
       nodeViewParams: nodeViewParams,
       Component: Component,
       extraComponentProps: extraComponentProps
-    }), domRef, false,
+    }), domRef, key, false,
     // node views should be rendered with intl context
     true);
   }
@@ -110,7 +112,7 @@ function createNodeView(_ref) {
       // 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(domRef);
+      pmPluginFactoryParams.portalProviderAPI.remove(key, domRef);
       // @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.

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

@@ -8,6 +8,7 @@ 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';
 var ReactNodeView = /*#__PURE__*/function () {
   function ReactNodeView(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent) {
@@ -38,6 +39,7 @@ var ReactNodeView = /*#__PURE__*/function () {
     this._viewShouldUpdate = viewShouldUpdate;
     this.eventDispatcher = eventDispatcher;
     this.hasIntlContext = hasIntlContext;
+    this.key = generateUniqueNodeKey();
   }
 
   /**
@@ -105,7 +107,7 @@ var ReactNodeView = /*#__PURE__*/function () {
           dispatchAnalyticsEvent: _this3.dispatchAnalyticsEvent
         }, component());
       };
-      this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.hasAnalyticsContext, this.hasIntlContext);
+      this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.key, this.hasAnalyticsContext, this.hasIntlContext);
     }
   }, {
     key: "createDomRef",
@@ -202,7 +204,7 @@ var ReactNodeView = /*#__PURE__*/function () {
       if (!this.domRef) {
         return;
       }
-      this.portalProviderAPI.remove(this.domRef);
+      this.portalProviderAPI.remove(this.key, this.domRef);
       this.domRef = undefined;
       this.contentDOM = undefined;
     }

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

@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.29.3";
+var packageVersion = "78.30.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -35,10 +35,11 @@ export var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
   }
   _createClass(PortalProviderAPI, [{
     key: "render",
-    value: function render(children, container) {
-      var hasAnalyticsContext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var hasIntlContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    value: function render(children, container, key) {
+      var hasAnalyticsContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+      var hasIntlContext = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
       this.portals.set(container, {
+        key: key,
         children: children,
         hasAnalyticsContext: hasAnalyticsContext,
         hasIntlContext: hasIntlContext
@@ -79,7 +80,7 @@ export var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
     }
   }, {
     key: "remove",
-    value: function remove(container) {
+    value: function remove(key, container) {
       this.portals.delete(container);
 
       // There is a race condition that can happen caused by Prosemirror vs React,

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

@@ -0,0 +1 @@
+export declare const generateUniqueNodeKey: () => string;

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

@@ -22,6 +22,7 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     getPos: getPosHandler;
     contentDOM: HTMLElement | null | undefined;
     node: PMNode;
+    key: string;
     constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, hasAnalyticsContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
     /**
      * This method exists to move initialization logic out of the constructor,

package/dist/types/ui/PortalProvider/index.d.ts

@@ -12,6 +12,7 @@ export type PortalRendererState = {
     portals: Portals;
 };
 type MountedPortal = {
+    key: string;
     children: () => React.ReactChild | null;
     hasAnalyticsContext: boolean;
     hasIntlContext: boolean;
@@ -24,11 +25,11 @@ export declare class PortalProviderAPI extends EventDispatcher {
     useAnalyticsContext?: boolean;
     constructor(intl: IntlShape, onAnalyticsEvent?: FireAnalyticsCallback, analyticsContext?: boolean);
     setContext: (context: any) => void;
-    render(children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, hasAnalyticsContext?: boolean, hasIntlContext?: boolean): void;
+    render(children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, key: string, hasAnalyticsContext?: boolean, hasIntlContext?: boolean): void;
     forceUpdate({ intl }: {
         intl: IntlShape;
     }): void;
-    remove(container: HTMLElement): void;
+    remove(key: string, container: HTMLElement): void;
 }
 export declare const PortalProvider: React.FC<import("react-intl-next").WithIntlProps<BasePortalProviderProps>> & {
     WrappedComponent: React.ComponentType<BasePortalProviderProps>;

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

@@ -0,0 +1 @@
+export declare const generateUniqueNodeKey: () => string;

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

@@ -22,6 +22,7 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     getPos: getPosHandler;
     contentDOM: HTMLElement | null | undefined;
     node: PMNode;
+    key: string;
     constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, hasAnalyticsContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
     /**
      * This method exists to move initialization logic out of the constructor,

package/dist/types-ts4.5/ui/PortalProvider/index.d.ts

@@ -12,6 +12,7 @@ export type PortalRendererState = {
     portals: Portals;
 };
 type MountedPortal = {
+    key: string;
     children: () => React.ReactChild | null;
     hasAnalyticsContext: boolean;
     hasIntlContext: boolean;
@@ -24,11 +25,11 @@ export declare class PortalProviderAPI extends EventDispatcher {
     useAnalyticsContext?: boolean;
     constructor(intl: IntlShape, onAnalyticsEvent?: FireAnalyticsCallback, analyticsContext?: boolean);
     setContext: (context: any) => void;
-    render(children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, hasAnalyticsContext?: boolean, hasIntlContext?: boolean): void;
+    render(children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, key: string, hasAnalyticsContext?: boolean, hasIntlContext?: boolean): void;
     forceUpdate({ intl }: {
         intl: IntlShape;
     }): void;
-    remove(container: HTMLElement): void;
+    remove(key: string, container: HTMLElement): void;
 }
 export declare const PortalProvider: React.FC<import("react-intl-next").WithIntlProps<BasePortalProviderProps>> & {
     WrappedComponent: React.ComponentType<BasePortalProviderProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "78.29.3",
+  "version": "78.30.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -162,6 +162,7 @@
     "react-loadable": "^5.1.0",
     "react-virtualized": "^9.8.0",
     "rusha": "^0.8.13",
+    "uuid": "^3.1.0",
     "w3c-keyname": "^2.1.8"
   },
   "peerDependencies": {