@atlaskit/editor-plugin-media 1.42.17 → 1.43.0

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

@@ -14,8 +14,9 @@ const MediaPicker = ({
 }) => {
   var _editorDom$parentElem;
   const {
-    focusState
-  } = useSharedPluginState(api, ['focus']);
+    focusState,
+    connectivityState
+  } = useSharedPluginState(api, ['focus', 'connectivity']);
   const featureFlags = mediaState.mediaOptions && mediaState.mediaOptions.featureFlags;
   const editorDom = editorDomElement;
   const editorParent = (_editorDom$parentElem = editorDom.parentElement) !== null && _editorDom$parentElem !== void 0 ? _editorDom$parentElem : undefined;
@@ -34,7 +35,9 @@ const MediaPicker = ({
   }) : null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, clipboard, /*#__PURE__*/React.createElement(DropzoneWrapper, {
     mediaState: mediaState,
-    isActive: !isPopupOpened,
+    isActive: !isPopupOpened &&
+    // If we're offline don't show the dropzone
+    (connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode) !== 'offline',
     featureFlags: featureFlags,
     editorDomElement: editorDomElement,
     appearance: appearance

package/dist/es2019/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -985,7 +985,9 @@ const ResizableMediaSingleToggle = ({
 }) => {
   if (fg('platform_editor_react18_phase2__media_single')) {
     return jsx(ResizableMediaSingleNextFunctional, {
-      allowBreakoutSnapPoints: allowBreakoutSnapPoints,
+      allowBreakoutSnapPoints: allowBreakoutSnapPoints
+      // eslint-disable-next-line react/no-children-prop
+      ,
       children: children
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -1020,7 +1022,9 @@ const ResizableMediaSingleToggle = ({
     });
   }
   return jsx(ResizableMediaSingleNext, {
-    allowBreakoutSnapPoints: allowBreakoutSnapPoints,
+    allowBreakoutSnapPoints: allowBreakoutSnapPoints
+    // eslint-disable-next-line react/no-children-prop
+    ,
     children: children
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

package/dist/esm/index.js

@@ -1 +1,4 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
 export { mediaPlugin } from './mediaPlugin';

package/dist/esm/nodeviews/mediaGroup.js

@@ -1,15 +1,14 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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 { injectIntl } from 'react-intl-next';
@@ -55,16 +54,14 @@ var hasSelectionChanged = function hasSelectionChanged(oldProps, newProps) {
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var MediaGroup = /*#__PURE__*/function (_React$Component) {
-  _inherits(MediaGroup, _React$Component);
-  var _super = _createSuper(MediaGroup);
   function MediaGroup(_props) {
     var _this;
     _classCallCheck(this, MediaGroup);
-    _this = _super.call(this, _props);
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, MediaGroup, [_props]);
+    _defineProperty(_this, "state", {
       viewMediaClientConfig: undefined
     });
-    _defineProperty(_assertThisInitialized(_this), "updateNodeAttrs", function (props, node, getPos) {
+    _defineProperty(_this, "updateNodeAttrs", function (props, node, getPos) {
       var view = props.view,
         mediaProvider = props.mediaProvider,
         contextIdentifierProvider = props.contextIdentifierProvider;
@@ -77,7 +74,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
       });
       mediaNodeUpdater.updateNodeAttrs(getPos);
     });
-    _defineProperty(_assertThisInitialized(_this), "setMediaItems", function (props) {
+    _defineProperty(_this, "setMediaItems", function (props) {
       var _this$mediaPluginStat;
       var updatedAttrs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var node = props.node;
@@ -103,7 +100,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
       });
       (_this$mediaPluginStat = _this.mediaPluginState) === null || _this$mediaPluginStat === void 0 || _this$mediaPluginStat.handleMediaGroupUpdate(oldMediaNodes, _this.mediaNodes);
     });
-    _defineProperty(_assertThisInitialized(_this), "getIdentifier", function (item) {
+    _defineProperty(_this, "getIdentifier", function (item) {
       if (item.attrs.type === 'external') {
         return {
           mediaItemType: 'external-image',
@@ -116,7 +113,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
         collectionName: item.attrs.collection
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "isNodeSelected", function (nodePos) {
+    _defineProperty(_this, "isNodeSelected", function (nodePos) {
       var selected = isMediaGroupSelectedFromProps(_this.props);
       if (selected === SelectedState.selectedInRange) {
         return true;
@@ -126,7 +123,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
       }
       return false;
     });
-    _defineProperty(_assertThisInitialized(_this), "renderChildNodes", function () {
+    _defineProperty(_this, "renderChildNodes", function () {
       var viewMediaClientConfig = _this.state.viewMediaClientConfig;
       var _this$props = _this.props,
         getPos = _this$props.getPos,
@@ -188,7 +185,8 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _createClass(MediaGroup, [{
+  _inherits(MediaGroup, _React$Component);
+  return _createClass(MediaGroup, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
@@ -295,7 +293,6 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
       return this.renderChildNodes();
     }
   }]);
-  return MediaGroup;
 }(React.Component);
 _defineProperty(MediaGroup, "displayName", 'MediaGroup');
 var IntlMediaGroup = injectIntl(MediaGroup);
@@ -314,13 +311,12 @@ function MediaGroupNodeViewInternal(_ref3) {
   });
 }
 var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
-  _inherits(MediaGroupNodeView, _ReactNodeView);
-  var _super2 = _createSuper(MediaGroupNodeView);
   function MediaGroupNodeView() {
     _classCallCheck(this, MediaGroupNodeView);
-    return _super2.apply(this, arguments);
+    return _callSuper(this, MediaGroupNodeView, arguments);
   }
-  _createClass(MediaGroupNodeView, [{
+  _inherits(MediaGroupNodeView, _ReactNodeView);
+  return _createClass(MediaGroupNodeView, [{
     key: "render",
     value: function render(props, forwardRef) {
       var _this3 = this;
@@ -382,7 +378,6 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
       });
     }
   }]);
-  return MediaGroupNodeView;
 }(ReactNodeView);
 export var ReactMediaGroupNode = function ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory) {
   var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};

package/dist/esm/nodeviews/mediaInline.js

@@ -1,14 +1,15 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _get from "@babel/runtime/helpers/get";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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; })(); }
+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 _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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; }
@@ -241,13 +242,12 @@ var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
   });
 };
 export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
-  _inherits(MediaInlineNodeView, _SelectionBasedNodeVi);
-  var _super = _createSuper(MediaInlineNodeView);
   function MediaInlineNodeView() {
     _classCallCheck(this, MediaInlineNodeView);
-    return _super.apply(this, arguments);
+    return _callSuper(this, MediaInlineNodeView, arguments);
   }
-  _createClass(MediaInlineNodeView, [{
+  _inherits(MediaInlineNodeView, _SelectionBasedNodeVi);
+  return _createClass(MediaInlineNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
       var domRef = document.createElement('span');
@@ -265,7 +265,7 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
       if (this.node.attrs !== nextNode.attrs) {
         return true;
       }
-      return _get(_getPrototypeOf(MediaInlineNodeView.prototype), "viewShouldUpdate", this).call(this, nextNode);
+      return _superPropGet(MediaInlineNodeView, "viewShouldUpdate", this, 3)([nextNode]);
     }
   }, {
     key: "render",
@@ -294,7 +294,6 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
       });
     }
   }]);
-  return MediaInlineNodeView;
 }(SelectionBasedNodeView);
 export var ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
   return function (node, view, getPos) {

package/dist/esm/nodeviews/mediaNodeUpdater.js

@@ -629,7 +629,7 @@ export var MediaNodeUpdater = /*#__PURE__*/function () {
     }());
     this.props = props;
   }
-  _createClass(MediaNodeUpdater, [{
+  return _createClass(MediaNodeUpdater, [{
     key: "setProps",
     value: function setProps(newComponentProps) {
       this.props = _objectSpread(_objectSpread({}, this.props), newComponentProps);
@@ -766,7 +766,6 @@ export var MediaNodeUpdater = /*#__PURE__*/function () {
       return handleExternalMedia;
     }()
   }]);
-  return MediaNodeUpdater;
 }();
 var hasPrivateAttrsChanged = function hasPrivateAttrsChanged(currentAttrs, newAttrs) {
   return currentAttrs.__fileName !== newAttrs.__fileName || currentAttrs.__fileMimeType !== newAttrs.__fileMimeType || currentAttrs.__fileSize !== newAttrs.__fileSize || currentAttrs.__contextId !== newAttrs.__contextId;

package/dist/esm/nodeviews/mediaNodeView/index.js

@@ -1,17 +1,17 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _get from "@babel/runtime/helpers/get";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["width", "height"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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; })(); }
+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 from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/media-single';
@@ -36,17 +36,15 @@ function isMediaDecorationSpec(decoration) {
   return decoration.spec.type !== undefined && decoration.spec.selected !== undefined;
 }
 var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
-  _inherits(MediaNodeView, _SelectionBasedNodeVi);
-  var _super = _createSuper(MediaNodeView);
   function MediaNodeView() {
     var _this;
     _classCallCheck(this, MediaNodeView);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "isSelected", false);
-    _defineProperty(_assertThisInitialized(_this), "onExternalImageLoaded", function (dimensions) {
+    _this = _callSuper(this, MediaNodeView, [].concat(args));
+    _defineProperty(_this, "isSelected", false);
+    _defineProperty(_this, "onExternalImageLoaded", function (dimensions) {
       var getPos = _this.getPos;
       var _this$getAttrs = _this.getAttrs(),
         width = _this$getAttrs.width,
@@ -62,7 +60,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         })(_this.view.state, _this.view.dispatch);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "renderMediaNodeWithState", function (contextIdentifierProvider) {
+    _defineProperty(_this, "renderMediaNodeWithState", function (contextIdentifierProvider) {
       return function (_ref2) {
         var editorWidth = _ref2.width,
           mediaProvider = _ref2.mediaProvider;
@@ -108,7 +106,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         });
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "renderMediaNodeWithProviders", function (_ref3) {
+    _defineProperty(_this, "renderMediaNodeWithProviders", function (_ref3) {
       var contextIdentifierProvider = _ref3.contextIdentifierProvider;
       var pluginInjectionApi = _this.reactComponentProps.pluginInjectionApi;
       return /*#__PURE__*/React.createElement(MediaNodeWithProviders, {
@@ -118,7 +116,8 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     });
     return _this;
   }
-  _createClass(MediaNodeView, [{
+  _inherits(MediaNodeView, _SelectionBasedNodeVi);
+  return _createClass(MediaNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
       var domRef = document.createElement('div');
@@ -142,7 +141,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
       if (this.node.attrs !== nextNode.attrs) {
         return true;
       }
-      return _get(_getPrototypeOf(MediaNodeView.prototype), "viewShouldUpdate", this).call(this, nextNode, decorations);
+      return _superPropGet(MediaNodeView, "viewShouldUpdate", this, 3)([nextNode, decorations]);
     }
   }, {
     key: "stopEvent",
@@ -179,7 +178,6 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
       });
     }
   }]);
-  return MediaNodeView;
 }(SelectionBasedNodeView);
 export var ReactMediaNode = function ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory) {
   var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};

package/dist/esm/nodeviews/mediaNodeView/media.js

@@ -1,13 +1,12 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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, { Component } from 'react';
 import { bind } from 'bind-event-listener';
@@ -24,16 +23,14 @@ export var MEDIA_HEIGHT = 125;
 export var FILE_WIDTH = 156;
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var MediaNode = /*#__PURE__*/function (_Component) {
-  _inherits(MediaNode, _Component);
-  var _super = _createSuper(MediaNode);
   function MediaNode(_props) {
     var _this;
     _classCallCheck(this, MediaNode);
-    _this = _super.call(this, _props);
-    _defineProperty(_assertThisInitialized(_this), "state", {});
-    _defineProperty(_assertThisInitialized(_this), "videoControlsWrapperRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "unbindKeyDown", null);
-    _defineProperty(_assertThisInitialized(_this), "setViewMediaClientConfig", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    _this = _callSuper(this, MediaNode, [_props]);
+    _defineProperty(_this, "state", {});
+    _defineProperty(_this, "videoControlsWrapperRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "unbindKeyDown", null);
+    _defineProperty(_this, "setViewMediaClientConfig", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var mediaProvider, viewMediaClientConfig;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -54,11 +51,11 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
         }
       }, _callee);
     })));
-    _defineProperty(_assertThisInitialized(_this), "selectMediaSingleFromCard", function (_ref2) {
+    _defineProperty(_this, "selectMediaSingleFromCard", function (_ref2) {
       var event = _ref2.event;
       _this.selectMediaSingle(event);
     });
-    _defineProperty(_assertThisInitialized(_this), "selectMediaSingle", function (event) {
+    _defineProperty(_this, "selectMediaSingle", function (event) {
       var propPos = _this.props.getPos();
       if (typeof propPos !== 'number') {
         return;
@@ -80,13 +77,13 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
         setNodeSelection(_this.props.view, propPos - 1);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onFullscreenChange", function (fullscreen) {
+    _defineProperty(_this, "onFullscreenChange", function (fullscreen) {
       var _this$mediaPluginStat;
       (_this$mediaPluginStat = _this.mediaPluginState) === null || _this$mediaPluginStat === void 0 || _this$mediaPluginStat.updateAndDispatch({
         isFullscreen: fullscreen
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleNewNode", function (props) {
+    _defineProperty(_this, "handleNewNode", function (props) {
       var _this$mediaPluginStat2;
       var node = props.node;
       (_this$mediaPluginStat2 = _this.mediaPluginState) === null || _this$mediaPluginStat2 === void 0 || _this$mediaPluginStat2.handleMediaNodeMount(node, function () {
@@ -97,7 +94,8 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
     _this.mediaPluginState = mediaStateKey.getState(view.state);
     return _this;
   }
-  _createClass(MediaNode, [{
+  _inherits(MediaNode, _Component);
+  return _createClass(MediaNode, [{
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps, nextState) {
       var hasNewViewMediaClientConfig = !this.state.viewMediaClientConfig && nextState.viewMediaClientConfig;
@@ -285,6 +283,5 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-  return MediaNode;
 }(Component);
 export default withImageLoader(MediaNode);

package/dist/esm/nodeviews/mediaSingle.js

@@ -3,15 +3,15 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+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; })(); }
 /**
  * @jsxRuntime classic
@@ -55,27 +55,25 @@ var figureWrapperStyles = css({
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var MediaSingleNode = /*#__PURE__*/function (_Component) {
-  _inherits(MediaSingleNode, _Component);
-  var _super = _createSuper(MediaSingleNode);
   function MediaSingleNode() {
     var _this;
     _classCallCheck(this, MediaSingleNode);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "mediaNodeUpdater", null);
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, MediaSingleNode, [].concat(args));
+    _defineProperty(_this, "mediaNodeUpdater", null);
+    _defineProperty(_this, "state", {
       width: undefined,
       height: undefined,
       viewMediaClientConfig: undefined,
       isCopying: false
     });
-    _defineProperty(_assertThisInitialized(_this), "mediaSingleWrapperRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "mediaSingleWrapperRef", /*#__PURE__*/React.createRef());
     // platform_editor_typography_ugc clean up
     // remove HTMLSpanElement type
-    _defineProperty(_assertThisInitialized(_this), "captionPlaceHolderRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "createOrUpdateMediaNodeUpdater", function (props) {
+    _defineProperty(_this, "captionPlaceHolderRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "createOrUpdateMediaNodeUpdater", function (props) {
       var node = _this.props.node.firstChild;
       var updaterProps = _objectSpread(_objectSpread({}, props), {}, {
         isMediaSingle: true,
@@ -89,7 +87,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         (_this$mediaNodeUpdate = _this.mediaNodeUpdater) === null || _this$mediaNodeUpdate === void 0 || _this$mediaNodeUpdate.setProps(updaterProps);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "setViewMediaClientConfig", /*#__PURE__*/function () {
+    _defineProperty(_this, "setViewMediaClientConfig", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(props) {
         var mediaProvider, viewMediaClientConfig;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -115,7 +113,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         return _ref.apply(this, arguments);
       };
     }());
-    _defineProperty(_assertThisInitialized(_this), "updateMediaNodeAttributes", /*#__PURE__*/function () {
+    _defineProperty(_this, "updateMediaNodeAttributes", /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(props) {
         var _this$mediaNodeUpdate2, _this$props$node$firs, _this$mediaNodeUpdate4, _this$mediaNodeUpdate6;
         var addPendingTask, node, updatedDimensions, currentAttrs, _this$mediaNodeUpdate3, updatingNode, contextId, _this$mediaNodeUpdate5, hasDifferentContextId, copyNode;
@@ -196,7 +194,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         return _ref2.apply(this, arguments);
       };
     }());
-    _defineProperty(_assertThisInitialized(_this), "selectMediaSingle", function (_ref3) {
+    _defineProperty(_this, "selectMediaSingle", function (_ref3) {
       var event = _ref3.event;
       var propPos = _this.props.getPos();
       if (typeof propPos !== 'number') {
@@ -219,7 +217,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         setNodeSelection(_this.props.view, propPos);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "updateSize", function (width, layout) {
+    _defineProperty(_this, "updateSize", function (width, layout) {
       var _this$props$view = _this.props.view,
         state = _this$props$view.state,
         dispatch = _this$props$view.dispatch;
@@ -244,7 +242,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
       tr.setSelection(NodeSelection.create(tr.doc, pos));
       return dispatch(tr);
     });
-    _defineProperty(_assertThisInitialized(_this), "onMediaSingleClicked", function (event) {
+    _defineProperty(_this, "onMediaSingleClicked", function (event) {
       var _this$captionPlaceHol;
       // Workaround for iOS 16 Caption selection issue
       // @see https://product-fabric.atlassian.net/browse/MEX-2012
@@ -256,7 +254,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
       }
       (_this$captionPlaceHol = _this.captionPlaceHolderRef.current) === null || _this$captionPlaceHol === void 0 || _this$captionPlaceHol.click();
     });
-    _defineProperty(_assertThisInitialized(_this), "clickPlaceholder", function () {
+    _defineProperty(_this, "clickPlaceholder", function () {
       var _pluginInjectionApi$a;
       var _this$props = _this.props,
         view = _this$props.view,
@@ -270,7 +268,8 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(MediaSingleNode, [{
+  _inherits(MediaSingleNode, _Component);
+  return _createClass(MediaSingleNode, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       if (!this.mediaNodeUpdater) {
@@ -534,7 +533,6 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
       }), MediaChildren));
     }
   }]);
-  return MediaSingleNode;
 }(Component);
 _defineProperty(MediaSingleNode, "defaultProps", {
   mediaOptions: {}
@@ -609,19 +607,17 @@ var MediaSingleNodeWrapper = function MediaSingleNodeWrapper(_ref6) {
   });
 };
 var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
-  _inherits(MediaSingleNodeView, _ReactNodeView);
-  var _super2 = _createSuper(MediaSingleNodeView);
   function MediaSingleNodeView() {
     var _this2;
     _classCallCheck(this, MediaSingleNodeView);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this2 = _super2.call.apply(_super2, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this2), "lastOffsetLeft", 0);
-    _defineProperty(_assertThisInitialized(_this2), "forceViewUpdate", false);
-    _defineProperty(_assertThisInitialized(_this2), "selectionType", null);
-    _defineProperty(_assertThisInitialized(_this2), "checkAndUpdateSelectionType", function () {
+    _this2 = _callSuper(this, MediaSingleNodeView, [].concat(args));
+    _defineProperty(_this2, "lastOffsetLeft", 0);
+    _defineProperty(_this2, "forceViewUpdate", false);
+    _defineProperty(_this2, "selectionType", null);
+    _defineProperty(_this2, "checkAndUpdateSelectionType", function () {
       var getPos = _this2.getPos;
       var selection = _this2.view.state.selection;
 
@@ -640,13 +636,14 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
       _this2.selectionType = isNodeSelected;
       return isNodeSelected;
     });
-    _defineProperty(_assertThisInitialized(_this2), "isNodeSelected", function () {
+    _defineProperty(_this2, "isNodeSelected", function () {
       _this2.checkAndUpdateSelectionType();
       return _this2.selectionType !== null;
     });
     return _this2;
   }
-  _createClass(MediaSingleNodeView, [{
+  _inherits(MediaSingleNodeView, _ReactNodeView);
+  return _createClass(MediaSingleNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
       var domRef = document.createElement('div');
@@ -693,7 +690,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
       if (this.node.childCount !== nextNode.childCount) {
         return true;
       }
-      return _get(_getPrototypeOf(MediaSingleNodeView.prototype), "viewShouldUpdate", this).call(this, nextNode);
+      return _superPropGet(MediaSingleNodeView, "viewShouldUpdate", this, 3)([nextNode]);
     }
   }, {
     key: "subscribeToViewModeChange",
@@ -750,7 +747,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
           return _this4.getNodeMediaId(currentNode) === _this4.getNodeMediaId(newNode);
         };
       }
-      return _get(_getPrototypeOf(MediaSingleNodeView.prototype), "update", this).call(this, node, decorations, _innerDecorations, isValidUpdate);
+      return _superPropGet(MediaSingleNodeView, "update", this, 3)([node, decorations, _innerDecorations, isValidUpdate]);
     }
   }, {
     key: "render",
@@ -812,7 +809,6 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
       (_this$unsubscribeToVi = this.unsubscribeToViewModeChange) === null || _this$unsubscribeToVi === void 0 || _this$unsubscribeToVi.call(this);
     }
   }]);
-  return MediaSingleNodeView;
 }(ReactNodeView);
 export var ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, pluginInjectionApi, dispatchAnalyticsEvent) {
   var mediaOptions = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};