@atlaskit/editor-plugin-media 1.42.18 → 1.43.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-media
 
+## 1.43.0
+
+### Minor Changes
+
+- [#178313](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178313)
+  [`29cb5563c4f9f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/29cb5563c4f9f) -
+  [ux] Disables dropzone while the editor is offline
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.42.18
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaGroup.js

@@ -9,10 +9,9 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
@@ -31,7 +30,7 @@ var _mediaGroupNext = require("./mediaGroupNext");
 var _mediaNodeUpdater = require("./mediaNodeUpdater");
 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) { (0, _defineProperty2.default)(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 = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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 isMediaGroupSelectedFromProps = function isMediaGroupSelectedFromProps(props) {
   /**
@@ -62,16 +61,14 @@ var hasSelectionChanged = function hasSelectionChanged(oldProps, newProps) {
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var MediaGroup = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(MediaGroup, _React$Component);
-  var _super = _createSuper(MediaGroup);
   function MediaGroup(_props) {
     var _this;
     (0, _classCallCheck2.default)(this, MediaGroup);
-    _this = _super.call(this, _props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _callSuper(this, MediaGroup, [_props]);
+    (0, _defineProperty2.default)(_this, "state", {
       viewMediaClientConfig: undefined
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateNodeAttrs", function (props, node, getPos) {
+    (0, _defineProperty2.default)(_this, "updateNodeAttrs", function (props, node, getPos) {
       var view = props.view,
         mediaProvider = props.mediaProvider,
         contextIdentifierProvider = props.contextIdentifierProvider;
@@ -84,7 +81,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
       });
       mediaNodeUpdater.updateNodeAttrs(getPos);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setMediaItems", function (props) {
+    (0, _defineProperty2.default)(_this, "setMediaItems", function (props) {
       var _this$mediaPluginStat;
       var updatedAttrs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var node = props.node;
@@ -110,7 +107,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
       });
       (_this$mediaPluginStat = _this.mediaPluginState) === null || _this$mediaPluginStat === void 0 || _this$mediaPluginStat.handleMediaGroupUpdate(oldMediaNodes, _this.mediaNodes);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getIdentifier", function (item) {
+    (0, _defineProperty2.default)(_this, "getIdentifier", function (item) {
       if (item.attrs.type === 'external') {
         return {
           mediaItemType: 'external-image',
@@ -123,7 +120,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
         collectionName: item.attrs.collection
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isNodeSelected", function (nodePos) {
+    (0, _defineProperty2.default)(_this, "isNodeSelected", function (nodePos) {
       var selected = isMediaGroupSelectedFromProps(_this.props);
       if (selected === _utils.SelectedState.selectedInRange) {
         return true;
@@ -133,7 +130,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
       }
       return false;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderChildNodes", function () {
+    (0, _defineProperty2.default)(_this, "renderChildNodes", function () {
       var viewMediaClientConfig = _this.state.viewMediaClientConfig;
       var _this$props = _this.props,
         getPos = _this$props.getPos,
@@ -195,7 +192,8 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  (0, _createClass2.default)(MediaGroup, [{
+  (0, _inherits2.default)(MediaGroup, _React$Component);
+  return (0, _createClass2.default)(MediaGroup, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
@@ -302,7 +300,6 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
       return this.renderChildNodes();
     }
   }]);
-  return MediaGroup;
 }(_react.default.Component);
 (0, _defineProperty2.default)(MediaGroup, "displayName", 'MediaGroup');
 var IntlMediaGroup = (0, _reactIntlNext.injectIntl)(MediaGroup);
@@ -321,13 +318,12 @@ function MediaGroupNodeViewInternal(_ref3) {
   });
 }
 var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
-  (0, _inherits2.default)(MediaGroupNodeView, _ReactNodeView);
-  var _super2 = _createSuper(MediaGroupNodeView);
   function MediaGroupNodeView() {
     (0, _classCallCheck2.default)(this, MediaGroupNodeView);
-    return _super2.apply(this, arguments);
+    return _callSuper(this, MediaGroupNodeView, arguments);
   }
-  (0, _createClass2.default)(MediaGroupNodeView, [{
+  (0, _inherits2.default)(MediaGroupNodeView, _ReactNodeView);
+  return (0, _createClass2.default)(MediaGroupNodeView, [{
     key: "render",
     value: function render(props, forwardRef) {
       var _this3 = this;
@@ -389,7 +385,6 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
       });
     }
   }]);
-  return MediaGroupNodeView;
 }(_reactNodeView.default);
 var ReactMediaGroupNode = exports.ReactMediaGroupNode = function ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory) {
   var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};

package/dist/cjs/nodeviews/mediaInline.js

@@ -8,10 +8,10 @@ exports.handleNewNode = exports.ReactMediaInlineNode = exports.MediaInlineNodeVi
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -27,8 +27,9 @@ var _mediaUi = require("@atlaskit/media-ui");
 var _isType = require("../pm-plugins/utils/is-type");
 var _MediaViewerContainer = require("../ui/MediaViewer/MediaViewerContainer");
 var _mediaNodeUpdater = require("./mediaNodeUpdater");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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; })(); }
+function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 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) { (0, _defineProperty2.default)(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; } /**
  * @jsxRuntime classic
@@ -245,13 +246,12 @@ var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
   });
 };
 var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
-  (0, _inherits2.default)(MediaInlineNodeView, _SelectionBasedNodeVi);
-  var _super = _createSuper(MediaInlineNodeView);
   function MediaInlineNodeView() {
     (0, _classCallCheck2.default)(this, MediaInlineNodeView);
-    return _super.apply(this, arguments);
+    return _callSuper(this, MediaInlineNodeView, arguments);
   }
-  (0, _createClass2.default)(MediaInlineNodeView, [{
+  (0, _inherits2.default)(MediaInlineNodeView, _SelectionBasedNodeVi);
+  return (0, _createClass2.default)(MediaInlineNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
       var domRef = document.createElement('span');
@@ -269,7 +269,7 @@ var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_
       if (this.node.attrs !== nextNode.attrs) {
         return true;
       }
-      return (0, _get2.default)((0, _getPrototypeOf2.default)(MediaInlineNodeView.prototype), "viewShouldUpdate", this).call(this, nextNode);
+      return _superPropGet(MediaInlineNodeView, "viewShouldUpdate", this, 3)([nextNode]);
     }
   }, {
     key: "render",
@@ -298,7 +298,6 @@ var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_
       });
     }
   }]);
-  return MediaInlineNodeView;
 }(_selectionBasedNodeView.SelectionBasedNodeView);
 var ReactMediaInlineNode = exports.ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
   return function (node, view, getPos) {

package/dist/cjs/nodeviews/mediaNodeUpdater.js

@@ -636,7 +636,7 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
     }());
     this.props = props;
   }
-  (0, _createClass2.default)(MediaNodeUpdater, [{
+  return (0, _createClass2.default)(MediaNodeUpdater, [{
     key: "setProps",
     value: function setProps(newComponentProps) {
       this.props = _objectSpread(_objectSpread({}, this.props), newComponentProps);
@@ -773,7 +773,6 @@ var MediaNodeUpdater = exports.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/cjs/nodeviews/mediaNodeView/index.js

@@ -8,11 +8,10 @@ exports.ReactMediaNode = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
@@ -26,8 +25,9 @@ var _media = _interopRequireDefault(require("./media"));
 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) { (0, _defineProperty2.default)(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 = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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; })(); }
+function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 var MediaNodeWithProviders = function MediaNodeWithProviders(_ref) {
   var pluginInjectionApi = _ref.pluginInjectionApi,
     innerComponent = _ref.innerComponent;
@@ -43,17 +43,15 @@ function isMediaDecorationSpec(decoration) {
   return decoration.spec.type !== undefined && decoration.spec.selected !== undefined;
 }
 var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
-  (0, _inherits2.default)(MediaNodeView, _SelectionBasedNodeVi);
-  var _super = _createSuper(MediaNodeView);
   function MediaNodeView() {
     var _this;
     (0, _classCallCheck2.default)(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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isSelected", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onExternalImageLoaded", function (dimensions) {
+    _this = _callSuper(this, MediaNodeView, [].concat(args));
+    (0, _defineProperty2.default)(_this, "isSelected", false);
+    (0, _defineProperty2.default)(_this, "onExternalImageLoaded", function (dimensions) {
       var getPos = _this.getPos;
       var _this$getAttrs = _this.getAttrs(),
         width = _this$getAttrs.width,
@@ -69,7 +67,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         })(_this.view.state, _this.view.dispatch);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMediaNodeWithState", function (contextIdentifierProvider) {
+    (0, _defineProperty2.default)(_this, "renderMediaNodeWithState", function (contextIdentifierProvider) {
       return function (_ref2) {
         var editorWidth = _ref2.width,
           mediaProvider = _ref2.mediaProvider;
@@ -115,7 +113,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         });
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMediaNodeWithProviders", function (_ref3) {
+    (0, _defineProperty2.default)(_this, "renderMediaNodeWithProviders", function (_ref3) {
       var contextIdentifierProvider = _ref3.contextIdentifierProvider;
       var pluginInjectionApi = _this.reactComponentProps.pluginInjectionApi;
       return /*#__PURE__*/_react.default.createElement(MediaNodeWithProviders, {
@@ -125,7 +123,8 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     });
     return _this;
   }
-  (0, _createClass2.default)(MediaNodeView, [{
+  (0, _inherits2.default)(MediaNodeView, _SelectionBasedNodeVi);
+  return (0, _createClass2.default)(MediaNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
       var domRef = document.createElement('div');
@@ -149,7 +148,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
       if (this.node.attrs !== nextNode.attrs) {
         return true;
       }
-      return (0, _get2.default)((0, _getPrototypeOf2.default)(MediaNodeView.prototype), "viewShouldUpdate", this).call(this, nextNode, decorations);
+      return _superPropGet(MediaNodeView, "viewShouldUpdate", this, 3)([nextNode, decorations]);
     }
   }, {
     key: "stopEvent",
@@ -186,7 +185,6 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
       });
     }
   }]);
-  return MediaNodeView;
 }(_selectionBasedNodeView.SelectionBasedNodeView);
 var ReactMediaNode = exports.ReactMediaNode = function ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory) {
   var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};

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

@@ -10,10 +10,9 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
@@ -26,23 +25,21 @@ var _pluginKey = require("../../pm-plugins/plugin-key");
 var _styles = require("../styles");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 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 && {}.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; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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; })(); }
 // This is being used by DropPlaceholder now
 var MEDIA_HEIGHT = exports.MEDIA_HEIGHT = 125;
 var FILE_WIDTH = exports.FILE_WIDTH = 156;
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(MediaNode, _Component);
-  var _super = _createSuper(MediaNode);
   function MediaNode(_props) {
     var _this;
     (0, _classCallCheck2.default)(this, MediaNode);
-    _this = _super.call(this, _props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "videoControlsWrapperRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "unbindKeyDown", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setViewMediaClientConfig", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    _this = _callSuper(this, MediaNode, [_props]);
+    (0, _defineProperty2.default)(_this, "state", {});
+    (0, _defineProperty2.default)(_this, "videoControlsWrapperRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "unbindKeyDown", null);
+    (0, _defineProperty2.default)(_this, "setViewMediaClientConfig", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var mediaProvider, viewMediaClientConfig;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -63,11 +60,11 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
         }
       }, _callee);
     })));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectMediaSingleFromCard", function (_ref2) {
+    (0, _defineProperty2.default)(_this, "selectMediaSingleFromCard", function (_ref2) {
       var event = _ref2.event;
       _this.selectMediaSingle(event);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectMediaSingle", function (event) {
+    (0, _defineProperty2.default)(_this, "selectMediaSingle", function (event) {
       var propPos = _this.props.getPos();
       if (typeof propPos !== 'number') {
         return;
@@ -89,13 +86,13 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
         (0, _utils.setNodeSelection)(_this.props.view, propPos - 1);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFullscreenChange", function (fullscreen) {
+    (0, _defineProperty2.default)(_this, "onFullscreenChange", function (fullscreen) {
       var _this$mediaPluginStat;
       (_this$mediaPluginStat = _this.mediaPluginState) === null || _this$mediaPluginStat === void 0 || _this$mediaPluginStat.updateAndDispatch({
         isFullscreen: fullscreen
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleNewNode", function (props) {
+    (0, _defineProperty2.default)(_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 () {
@@ -106,7 +103,8 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
     _this.mediaPluginState = _pluginKey.stateKey.getState(view.state);
     return _this;
   }
-  (0, _createClass2.default)(MediaNode, [{
+  (0, _inherits2.default)(MediaNode, _Component);
+  return (0, _createClass2.default)(MediaNode, [{
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps, nextState) {
       var hasNewViewMediaClientConfig = !this.state.viewMediaClientConfig && nextState.viewMediaClientConfig;
@@ -294,6 +292,5 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-  return MediaNode;
 }(_react.Component);
 var _default = exports.default = (0, _utils.withImageLoader)(MediaNode);

package/dist/cjs/nodeviews/mediaSingle.js

@@ -12,10 +12,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
@@ -44,9 +43,10 @@ var _mediaSingleNext = require("./mediaSingleNext");
 var _styles = require("./styles");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 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 && {}.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; }
+function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 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) { (0, _defineProperty2.default)(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 = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+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; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -61,27 +61,25 @@ var figureWrapperStyles = (0, _react2.css)({
  */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(MediaSingleNode, _Component);
-  var _super = _createSuper(MediaSingleNode);
   function MediaSingleNode() {
     var _this;
     (0, _classCallCheck2.default)(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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mediaNodeUpdater", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _callSuper(this, MediaSingleNode, [].concat(args));
+    (0, _defineProperty2.default)(_this, "mediaNodeUpdater", null);
+    (0, _defineProperty2.default)(_this, "state", {
       width: undefined,
       height: undefined,
       viewMediaClientConfig: undefined,
       isCopying: false
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mediaSingleWrapperRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "mediaSingleWrapperRef", /*#__PURE__*/_react.default.createRef());
     // platform_editor_typography_ugc clean up
     // remove HTMLSpanElement type
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "captionPlaceHolderRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createOrUpdateMediaNodeUpdater", function (props) {
+    (0, _defineProperty2.default)(_this, "captionPlaceHolderRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "createOrUpdateMediaNodeUpdater", function (props) {
       var node = _this.props.node.firstChild;
       var updaterProps = _objectSpread(_objectSpread({}, props), {}, {
         isMediaSingle: true,
@@ -95,7 +93,7 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
         (_this$mediaNodeUpdate = _this.mediaNodeUpdater) === null || _this$mediaNodeUpdate === void 0 || _this$mediaNodeUpdate.setProps(updaterProps);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setViewMediaClientConfig", /*#__PURE__*/function () {
+    (0, _defineProperty2.default)(_this, "setViewMediaClientConfig", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(props) {
         var mediaProvider, viewMediaClientConfig;
         return _regenerator.default.wrap(function _callee$(_context) {
@@ -121,7 +119,7 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
         return _ref.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateMediaNodeAttributes", /*#__PURE__*/function () {
+    (0, _defineProperty2.default)(_this, "updateMediaNodeAttributes", /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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;
@@ -202,7 +200,7 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
         return _ref2.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectMediaSingle", function (_ref3) {
+    (0, _defineProperty2.default)(_this, "selectMediaSingle", function (_ref3) {
       var event = _ref3.event;
       var propPos = _this.props.getPos();
       if (typeof propPos !== 'number') {
@@ -225,7 +223,7 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
         (0, _utils.setNodeSelection)(_this.props.view, propPos);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateSize", function (width, layout) {
+    (0, _defineProperty2.default)(_this, "updateSize", function (width, layout) {
       var _this$props$view = _this.props.view,
         state = _this$props$view.state,
         dispatch = _this$props$view.dispatch;
@@ -250,7 +248,7 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
       tr.setSelection(_state.NodeSelection.create(tr.doc, pos));
       return dispatch(tr);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMediaSingleClicked", function (event) {
+    (0, _defineProperty2.default)(_this, "onMediaSingleClicked", function (event) {
       var _this$captionPlaceHol;
       // Workaround for iOS 16 Caption selection issue
       // @see https://product-fabric.atlassian.net/browse/MEX-2012
@@ -262,7 +260,7 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
       }
       (_this$captionPlaceHol = _this.captionPlaceHolderRef.current) === null || _this$captionPlaceHol === void 0 || _this$captionPlaceHol.click();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clickPlaceholder", function () {
+    (0, _defineProperty2.default)(_this, "clickPlaceholder", function () {
       var _pluginInjectionApi$a;
       var _this$props = _this.props,
         view = _this$props.view,
@@ -276,7 +274,8 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  (0, _createClass2.default)(MediaSingleNode, [{
+  (0, _inherits2.default)(MediaSingleNode, _Component);
+  return (0, _createClass2.default)(MediaSingleNode, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       if (!this.mediaNodeUpdater) {
@@ -540,7 +539,6 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
       }), MediaChildren));
     }
   }]);
-  return MediaSingleNode;
 }(_react.Component);
 (0, _defineProperty2.default)(MediaSingleNode, "defaultProps", {
   mediaOptions: {}
@@ -614,19 +612,17 @@ var MediaSingleNodeWrapper = function MediaSingleNodeWrapper(_ref6) {
   });
 };
 var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
-  (0, _inherits2.default)(MediaSingleNodeView, _ReactNodeView);
-  var _super2 = _createSuper(MediaSingleNodeView);
   function MediaSingleNodeView() {
     var _this2;
     (0, _classCallCheck2.default)(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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "lastOffsetLeft", 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "forceViewUpdate", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "selectionType", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "checkAndUpdateSelectionType", function () {
+    _this2 = _callSuper(this, MediaSingleNodeView, [].concat(args));
+    (0, _defineProperty2.default)(_this2, "lastOffsetLeft", 0);
+    (0, _defineProperty2.default)(_this2, "forceViewUpdate", false);
+    (0, _defineProperty2.default)(_this2, "selectionType", null);
+    (0, _defineProperty2.default)(_this2, "checkAndUpdateSelectionType", function () {
       var getPos = _this2.getPos;
       var selection = _this2.view.state.selection;
 
@@ -645,13 +641,14 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
       _this2.selectionType = isNodeSelected;
       return isNodeSelected;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "isNodeSelected", function () {
+    (0, _defineProperty2.default)(_this2, "isNodeSelected", function () {
       _this2.checkAndUpdateSelectionType();
       return _this2.selectionType !== null;
     });
     return _this2;
   }
-  (0, _createClass2.default)(MediaSingleNodeView, [{
+  (0, _inherits2.default)(MediaSingleNodeView, _ReactNodeView);
+  return (0, _createClass2.default)(MediaSingleNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
       var domRef = document.createElement('div');
@@ -698,7 +695,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
       if (this.node.childCount !== nextNode.childCount) {
         return true;
       }
-      return (0, _get2.default)((0, _getPrototypeOf2.default)(MediaSingleNodeView.prototype), "viewShouldUpdate", this).call(this, nextNode);
+      return _superPropGet(MediaSingleNodeView, "viewShouldUpdate", this, 3)([nextNode]);
     }
   }, {
     key: "subscribeToViewModeChange",
@@ -755,7 +752,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
           return _this4.getNodeMediaId(currentNode) === _this4.getNodeMediaId(newNode);
         };
       }
-      return (0, _get2.default)((0, _getPrototypeOf2.default)(MediaSingleNodeView.prototype), "update", this).call(this, node, decorations, _innerDecorations, isValidUpdate);
+      return _superPropGet(MediaSingleNodeView, "update", this, 3)([node, decorations, _innerDecorations, isValidUpdate]);
     }
   }, {
     key: "render",
@@ -817,7 +814,6 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
       (_this$unsubscribeToVi = this.unsubscribeToViewModeChange) === null || _this$unsubscribeToVi === void 0 || _this$unsubscribeToVi.call(this);
     }
   }]);
-  return MediaSingleNodeView;
 }(_reactNodeView.default);
 var ReactMediaSingleNode = exports.ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, pluginInjectionApi, dispatchAnalyticsEvent) {
   var mediaOptions = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};