@atlaskit/editor-plugin-caption 10.1.0 → 10.1.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-caption
 
+## 10.1.1
+
+### Patch Changes
+
+- [`ed7459903c172`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ed7459903c172) -
+  Updated media to display correctly when ssr streaming is used.
+- Updated dependencies
+
 ## 10.1.0
 
 ### Minor Changes

package/dist/cjs/captionPlugin.js

@@ -25,8 +25,9 @@ var captionPlugin = function captionPlugin(_ref) {
           var portalProviderAPI = _ref2.portalProviderAPI,
             providerFactory = _ref2.providerFactory,
             eventDispatcher = _ref2.eventDispatcher,
-            dispatch = _ref2.dispatch;
-          return (0, _main.default)(portalProviderAPI, eventDispatcher, providerFactory, dispatch, api);
+            dispatch = _ref2.dispatch,
+            getIntl = _ref2.getIntl;
+          return (0, _main.default)(portalProviderAPI, eventDispatcher, providerFactory, dispatch, api, getIntl());
         }
       }, {
         name: 'captionKeymap',

package/dist/cjs/nodeviews/index.js

@@ -13,17 +13,23 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _browserApis = require("@atlaskit/browser-apis");
+var _coreUtils = require("@atlaskit/editor-common/core-utils");
+var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
 var _selectionBasedNodeView = require("@atlaskit/editor-common/selection-based-node-view");
 var _ui = require("@atlaskit/editor-common/ui");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var CaptionNodeView = exports.CaptionNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
-  function CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate, pluginInjectionApi) {
+  function CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate, pluginInjectionApi, intl) {
     var _this;
     (0, _classCallCheck2.default)(this, CaptionNodeView);
     _this = _callSuper(this, CaptionNodeView, [node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate]);
     (0, _defineProperty2.default)(_this, "selected", _this.insideSelection());
     _this.pluginInjectionApi = pluginInjectionApi;
+    _this.intl = intl;
     _this.handleEditorDisabledChanged();
     return _this;
   }
@@ -31,15 +37,16 @@ var CaptionNodeView = exports.CaptionNodeView = /*#__PURE__*/function (_Selectio
   return (0, _createClass2.default)(CaptionNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
-      var domRef = document.createElement('figcaption');
+      var _getDocument;
+      var domRef = ((_getDocument = (0, _browserApis.getDocument)()) !== null && _getDocument !== void 0 ? _getDocument : document).createElement('figcaption');
       domRef.setAttribute('data-caption', 'true');
       return domRef;
     }
   }, {
     key: "getContentDOM",
     value: function getContentDOM() {
-      var _this$pluginInjection;
-      var dom = document.createElement('div');
+      var _getDocument2, _this$pluginInjection;
+      var dom = ((_getDocument2 = (0, _browserApis.getDocument)()) !== null && _getDocument2 !== void 0 ? _getDocument2 : document).createElement('div');
       // setting a className prevents PM/Chrome mutation observer from
       // incorrectly deleting nodes
       dom.className = 'caption-wrapper';
@@ -75,12 +82,18 @@ var CaptionNodeView = exports.CaptionNodeView = /*#__PURE__*/function (_Selectio
   }, {
     key: "render",
     value: function render(_props, forwardRef) {
-      return /*#__PURE__*/_react.default.createElement(_ui.Caption, {
+      var children = /*#__PURE__*/_react.default.createElement(_ui.Caption, {
         selected: this.insideSelection(),
         hasContent: this.node.content.childCount > 0
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement(_reactNodeView.NodeViewContentHole, {
         ref: forwardRef
       }));
+      if (!this.intl || !(0, _coreUtils.isSSR)() || !(0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
+        return children;
+      }
+      return /*#__PURE__*/_react.default.createElement(_reactIntl.RawIntlProvider, {
+        value: this.intl
+      }, children);
     }
   }, {
     key: "viewShouldUpdate",
@@ -103,8 +116,9 @@ var CaptionNodeView = exports.CaptionNodeView = /*#__PURE__*/function (_Selectio
     }
   }]);
 }(_selectionBasedNodeView.SelectionBasedNodeView);
-function captionNodeView(portalProviderAPI, eventDispatcher, pluginInjectionApi) {
+/** Creates a caption node view for use with ProseMirror. */
+function captionNodeView(portalProviderAPI, eventDispatcher, pluginInjectionApi, intl) {
   return function (node, view, getPos) {
-    return new CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {}, undefined, undefined, pluginInjectionApi).init();
+    return new CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {}, undefined, undefined, pluginInjectionApi, intl).init();
   };
 }

package/dist/cjs/pm-plugins/main.js

@@ -18,7 +18,7 @@ var fireAnalytics = function fireAnalytics(tr, action, analyticsApi) {
     actionSubjectId: _analytics.ACTION_SUBJECT_ID.CAPTION
   })(tr);
 };
-var _default = exports.default = function _default(portalProviderAPI, eventDispatcher, providerFactory, dispatch, pluginInjectionApi) {
+var _default = exports.default = function _default(portalProviderAPI, eventDispatcher, providerFactory, dispatch, pluginInjectionApi, intl) {
   var _pluginInjectionApi$a;
   var analyticsApi = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions;
   return new _safePlugin.SafePlugin({
@@ -50,7 +50,7 @@ var _default = exports.default = function _default(portalProviderAPI, eventDispa
     key: _pluginKey.pluginKey,
     props: {
       nodeViews: {
-        caption: (0, _nodeviews.default)(portalProviderAPI, eventDispatcher, pluginInjectionApi)
+        caption: (0, _nodeviews.default)(portalProviderAPI, eventDispatcher, pluginInjectionApi, intl)
       }
     }
   });

package/dist/es2019/captionPlugin.js

@@ -19,8 +19,9 @@ const captionPlugin = ({
           portalProviderAPI,
           providerFactory,
           eventDispatcher,
-          dispatch
-        }) => createCaptionPlugin(portalProviderAPI, eventDispatcher, providerFactory, dispatch, api)
+          dispatch,
+          getIntl
+        }) => createCaptionPlugin(portalProviderAPI, eventDispatcher, providerFactory, dispatch, api, getIntl())
       }, {
         name: 'captionKeymap',
         plugin: captionKeymap

package/dist/es2019/nodeviews/index.js

@@ -1,22 +1,29 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
+import { RawIntlProvider } from 'react-intl';
+import { getDocument } from '@atlaskit/browser-apis';
+import { isSSR } from '@atlaskit/editor-common/core-utils';
+import { NodeViewContentHole } from '@atlaskit/editor-common/react-node-view';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 import { Caption } from '@atlaskit/editor-common/ui';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export class CaptionNodeView extends SelectionBasedNodeView {
-  constructor(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate, pluginInjectionApi) {
+  constructor(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate, pluginInjectionApi, intl) {
     super(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate);
     _defineProperty(this, "selected", this.insideSelection());
     this.pluginInjectionApi = pluginInjectionApi;
+    this.intl = intl;
     this.handleEditorDisabledChanged();
   }
   createDomRef() {
-    const domRef = document.createElement('figcaption');
+    var _getDocument;
+    const domRef = ((_getDocument = getDocument()) !== null && _getDocument !== void 0 ? _getDocument : document).createElement('figcaption');
     domRef.setAttribute('data-caption', 'true');
     return domRef;
   }
   getContentDOM() {
-    var _this$pluginInjection, _this$pluginInjection2, _this$pluginInjection3;
-    const dom = document.createElement('div');
+    var _getDocument2, _this$pluginInjection, _this$pluginInjection2, _this$pluginInjection3;
+    const dom = ((_getDocument2 = getDocument()) !== null && _getDocument2 !== void 0 ? _getDocument2 : document).createElement('div');
     // setting a className prevents PM/Chrome mutation observer from
     // incorrectly deleting nodes
     dom.className = 'caption-wrapper';
@@ -45,12 +52,18 @@ export class CaptionNodeView extends SelectionBasedNodeView {
     }
   }
   render(_props, forwardRef) {
-    return /*#__PURE__*/React.createElement(Caption, {
+    const children = /*#__PURE__*/React.createElement(Caption, {
       selected: this.insideSelection(),
       hasContent: this.node.content.childCount > 0
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(NodeViewContentHole, {
       ref: forwardRef
     }));
+    if (!this.intl || !isSSR() || !expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
+      return children;
+    }
+    return /*#__PURE__*/React.createElement(RawIntlProvider, {
+      value: this.intl
+    }, children);
   }
   viewShouldUpdate(nextNode) {
     if (this.node.childCount !== nextNode.childCount) {
@@ -68,8 +81,10 @@ export class CaptionNodeView extends SelectionBasedNodeView {
     this.cleanupEditorDisabledListener = undefined;
   }
 }
-export default function captionNodeView(portalProviderAPI, eventDispatcher, pluginInjectionApi) {
+
+/** Creates a caption node view for use with ProseMirror. */
+export default function captionNodeView(portalProviderAPI, eventDispatcher, pluginInjectionApi, intl) {
   return (node, view, getPos) => {
-    return new CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {}, undefined, undefined, pluginInjectionApi).init();
+    return new CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {}, undefined, undefined, pluginInjectionApi, intl).init();
   };
 }

package/dist/es2019/pm-plugins/main.js

@@ -11,7 +11,7 @@ const fireAnalytics = (tr, action, analyticsApi) => {
     actionSubjectId: ACTION_SUBJECT_ID.CAPTION
   })(tr);
 };
-export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch, pluginInjectionApi) => {
+export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch, pluginInjectionApi, intl) => {
   var _pluginInjectionApi$a;
   const analyticsApi = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions;
   return new SafePlugin({
@@ -43,7 +43,7 @@ export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch,
     key: pluginKey,
     props: {
       nodeViews: {
-        caption: captionNodeView(portalProviderAPI, eventDispatcher, pluginInjectionApi)
+        caption: captionNodeView(portalProviderAPI, eventDispatcher, pluginInjectionApi, intl)
       }
     }
   });

package/dist/esm/captionPlugin.js

@@ -18,8 +18,9 @@ var captionPlugin = function captionPlugin(_ref) {
           var portalProviderAPI = _ref2.portalProviderAPI,
             providerFactory = _ref2.providerFactory,
             eventDispatcher = _ref2.eventDispatcher,
-            dispatch = _ref2.dispatch;
-          return createCaptionPlugin(portalProviderAPI, eventDispatcher, providerFactory, dispatch, api);
+            dispatch = _ref2.dispatch,
+            getIntl = _ref2.getIntl;
+          return createCaptionPlugin(portalProviderAPI, eventDispatcher, providerFactory, dispatch, api, getIntl());
         }
       }, {
         name: 'captionKeymap',

package/dist/esm/nodeviews/index.js

@@ -7,15 +7,21 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
+import { RawIntlProvider } from 'react-intl';
+import { getDocument } from '@atlaskit/browser-apis';
+import { isSSR } from '@atlaskit/editor-common/core-utils';
+import { NodeViewContentHole } from '@atlaskit/editor-common/react-node-view';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 import { Caption } from '@atlaskit/editor-common/ui';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var CaptionNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
-  function CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate, pluginInjectionApi) {
+  function CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate, pluginInjectionApi, intl) {
     var _this;
     _classCallCheck(this, CaptionNodeView);
     _this = _callSuper(this, CaptionNodeView, [node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate]);
     _defineProperty(_this, "selected", _this.insideSelection());
     _this.pluginInjectionApi = pluginInjectionApi;
+    _this.intl = intl;
     _this.handleEditorDisabledChanged();
     return _this;
   }
@@ -23,15 +29,16 @@ export var CaptionNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   return _createClass(CaptionNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
-      var domRef = document.createElement('figcaption');
+      var _getDocument;
+      var domRef = ((_getDocument = getDocument()) !== null && _getDocument !== void 0 ? _getDocument : document).createElement('figcaption');
       domRef.setAttribute('data-caption', 'true');
       return domRef;
     }
   }, {
     key: "getContentDOM",
     value: function getContentDOM() {
-      var _this$pluginInjection;
-      var dom = document.createElement('div');
+      var _getDocument2, _this$pluginInjection;
+      var dom = ((_getDocument2 = getDocument()) !== null && _getDocument2 !== void 0 ? _getDocument2 : document).createElement('div');
       // setting a className prevents PM/Chrome mutation observer from
       // incorrectly deleting nodes
       dom.className = 'caption-wrapper';
@@ -67,12 +74,18 @@ export var CaptionNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   }, {
     key: "render",
     value: function render(_props, forwardRef) {
-      return /*#__PURE__*/React.createElement(Caption, {
+      var children = /*#__PURE__*/React.createElement(Caption, {
         selected: this.insideSelection(),
         hasContent: this.node.content.childCount > 0
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React.createElement(NodeViewContentHole, {
         ref: forwardRef
       }));
+      if (!this.intl || !isSSR() || !expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
+        return children;
+      }
+      return /*#__PURE__*/React.createElement(RawIntlProvider, {
+        value: this.intl
+      }, children);
     }
   }, {
     key: "viewShouldUpdate",
@@ -95,8 +108,10 @@ export var CaptionNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     }
   }]);
 }(SelectionBasedNodeView);
-export default function captionNodeView(portalProviderAPI, eventDispatcher, pluginInjectionApi) {
+
+/** Creates a caption node view for use with ProseMirror. */
+export default function captionNodeView(portalProviderAPI, eventDispatcher, pluginInjectionApi, intl) {
   return function (node, view, getPos) {
-    return new CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {}, undefined, undefined, pluginInjectionApi).init();
+    return new CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {}, undefined, undefined, pluginInjectionApi, intl).init();
   };
 }

package/dist/esm/pm-plugins/main.js

@@ -11,7 +11,7 @@ var fireAnalytics = function fireAnalytics(tr, action, analyticsApi) {
     actionSubjectId: ACTION_SUBJECT_ID.CAPTION
   })(tr);
 };
-export default (function (portalProviderAPI, eventDispatcher, providerFactory, dispatch, pluginInjectionApi) {
+export default (function (portalProviderAPI, eventDispatcher, providerFactory, dispatch, pluginInjectionApi, intl) {
   var _pluginInjectionApi$a;
   var analyticsApi = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions;
   return new SafePlugin({
@@ -43,7 +43,7 @@ export default (function (portalProviderAPI, eventDispatcher, providerFactory, d
     key: pluginKey,
     props: {
       nodeViews: {
-        caption: captionNodeView(portalProviderAPI, eventDispatcher, pluginInjectionApi)
+        caption: captionNodeView(portalProviderAPI, eventDispatcher, pluginInjectionApi, intl)
       }
     }
   });

package/dist/types/nodeviews/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { type IntlShape } from 'react-intl';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ForwardRef, ReactComponentProps, shouldUpdate } from '@atlaskit/editor-common/react-node-view';
@@ -11,7 +12,8 @@ export declare class CaptionNodeView extends SelectionBasedNodeView {
     private selected;
     private cleanupEditorDisabledListener?;
     pluginInjectionApi?: ExtractInjectionAPI<CaptionPlugin>;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: ReactComponentProps, reactComponent?: React.ComponentType<React.PropsWithChildren<unknown>>, viewShouldUpdate?: shouldUpdate, pluginInjectionApi?: ExtractInjectionAPI<CaptionPlugin>);
+    private intl?;
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: ReactComponentProps, reactComponent?: React.ComponentType<React.PropsWithChildren<unknown>>, viewShouldUpdate?: shouldUpdate, pluginInjectionApi?: ExtractInjectionAPI<CaptionPlugin>, intl?: IntlShape);
     createDomRef(): HTMLElement;
     getContentDOM(): {
         dom: HTMLDivElement;
@@ -25,4 +27,5 @@ export declare class CaptionNodeView extends SelectionBasedNodeView {
     viewShouldUpdate(nextNode: PMNode): boolean;
     destroy(): void;
 }
-export default function captionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<CaptionPlugin> | undefined): (node: PMNode, view: EditorView, getPos: getPosHandler) => CaptionNodeView;
+/** Creates a caption node view for use with ProseMirror. */
+export default function captionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<CaptionPlugin> | undefined, intl?: IntlShape): (node: PMNode, view: EditorView, getPos: getPosHandler) => CaptionNodeView;

package/dist/types/pm-plugins/main.d.ts

@@ -1,8 +1,9 @@
+import type { IntlShape } from 'react-intl';
 import type { Dispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { CaptionPlugin } from '../captionPluginType';
-declare const _default: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, dispatch: Dispatch, pluginInjectionApi: ExtractInjectionAPI<CaptionPlugin> | undefined) => SafePlugin;
+declare const _default: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, dispatch: Dispatch, pluginInjectionApi: ExtractInjectionAPI<CaptionPlugin> | undefined, intl?: IntlShape) => SafePlugin;
 export default _default;

package/dist/types-ts4.5/nodeviews/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { type IntlShape } from 'react-intl';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ForwardRef, ReactComponentProps, shouldUpdate } from '@atlaskit/editor-common/react-node-view';
@@ -11,7 +12,8 @@ export declare class CaptionNodeView extends SelectionBasedNodeView {
     private selected;
     private cleanupEditorDisabledListener?;
     pluginInjectionApi?: ExtractInjectionAPI<CaptionPlugin>;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: ReactComponentProps, reactComponent?: React.ComponentType<React.PropsWithChildren<unknown>>, viewShouldUpdate?: shouldUpdate, pluginInjectionApi?: ExtractInjectionAPI<CaptionPlugin>);
+    private intl?;
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: ReactComponentProps, reactComponent?: React.ComponentType<React.PropsWithChildren<unknown>>, viewShouldUpdate?: shouldUpdate, pluginInjectionApi?: ExtractInjectionAPI<CaptionPlugin>, intl?: IntlShape);
     createDomRef(): HTMLElement;
     getContentDOM(): {
         dom: HTMLDivElement;
@@ -25,4 +27,5 @@ export declare class CaptionNodeView extends SelectionBasedNodeView {
     viewShouldUpdate(nextNode: PMNode): boolean;
     destroy(): void;
 }
-export default function captionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<CaptionPlugin> | undefined): (node: PMNode, view: EditorView, getPos: getPosHandler) => CaptionNodeView;
+/** Creates a caption node view for use with ProseMirror. */
+export default function captionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<CaptionPlugin> | undefined, intl?: IntlShape): (node: PMNode, view: EditorView, getPos: getPosHandler) => CaptionNodeView;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,8 +1,9 @@
+import type { IntlShape } from 'react-intl';
 import type { Dispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { CaptionPlugin } from '../captionPluginType';
-declare const _default: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, dispatch: Dispatch, pluginInjectionApi: ExtractInjectionAPI<CaptionPlugin> | undefined) => SafePlugin;
+declare const _default: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, dispatch: Dispatch, pluginInjectionApi: ExtractInjectionAPI<CaptionPlugin> | undefined, intl?: IntlShape) => SafePlugin;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-caption",
-	"version": "10.1.0",
+	"version": "10.1.1",
 	"description": "Caption plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,14 +28,17 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/adf-schema": "^52.11.0",
-		"@atlaskit/editor-plugin-analytics": "^10.0.0",
+		"@atlaskit/browser-apis": "^0.0.1",
+		"@atlaskit/editor-plugin-analytics": "^10.1.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^10.1.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
+		"@atlaskit/tmp-editor-statsig": "^81.0.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.30.0",
-		"react": "^18.2.0"
+		"@atlaskit/editor-common": "^114.33.0",
+		"react": "^18.2.0",
+		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"techstack": {
 		"@atlassian/frontend": {