npm - @atlaskit/editor-core - Versions diffs - 178.1.1 → 178.1.2 - Mend

@atlaskit/editor-core 178.1.1 → 178.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2514) hide show

package/dist/cjs/plugins/media/nodeviews/mediaSingle.js CHANGED Viewed

@@ -1,110 +1,61 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ReactMediaSingleNode = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _nodes = require("../../../utils/nodes");
 var _WithPluginState = _interopRequireDefault(require("../../../ui/WithPluginState"));
 var _width = require("../../width");
 var _utils2 = require("../../../utils");
 var _ResizableMediaSingle = _interopRequireDefault(require("../ui/ResizableMediaSingle"));
 var _grid = require("../../../plugins/grid");
 var _main = require("../pm-plugins/main");
 var _mediaNodeUpdater = require("./mediaNodeUpdater");
 var _prosemirrorUtils = require("prosemirror-utils");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _styles = require("./styles");
 var _richMediaUtils = require("../../../utils/rich-media-utils");
 var _mediaClient = require("@atlaskit/media-client");
 var _mediaCommon = require("../utils/media-common");
 var _mediaCommon2 = require("@atlaskit/media-common");
 var _ReactNodeView2 = _interopRequireDefault(require("../../../nodeviews/ReactNodeView"));
 var _CaptionPlaceholder = _interopRequireDefault(require("../ui/CaptionPlaceholder"));
 var _prosemirrorState = require("prosemirror-state");
 var _captions = require("../commands/captions");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var MediaSingleNode = /*#__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), "state", {
       width: undefined,
@@ -131,18 +82,14 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
               case 0:
                 _context.next = 2;
                 return props.mediaProvider;
               case 2:
                 mediaProvider = _context.sent;
                 if (mediaProvider) {
                   viewMediaClientConfig = mediaProvider.viewMediaClientConfig;
                   _this.setState({
                     viewMediaClientConfig: viewMediaClientConfig
                   });
                 }
               case 4:
               case "end":
                 return _context.stop();
@@ -150,7 +97,6 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
           }
         }, _callee);
       }));
       return function (_x) {
         return _ref.apply(this, arguments);
       };
@@ -164,67 +110,50 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
               case 0:
                 mediaNodeUpdater = _this.createMediaNodeUpdater(props);
                 addPendingTask = _this.props.mediaPluginState.addPendingTask; // we want the first child of MediaSingle (type "media")
                 node = _this.props.node.firstChild;
                 if (node) {
                   _context2.next = 5;
                   break;
                 }
                 return _context2.abrupt("return");
               case 5:
                 _context2.next = 7;
                 return mediaNodeUpdater.getRemoteDimensions();
               case 7:
                 updatedDimensions = _context2.sent;
                 if (updatedDimensions) {
                   mediaNodeUpdater.updateDimensions(updatedDimensions);
                 }
                 if (!(node.attrs.type === 'external' && node.attrs.__external)) {
                   _context2.next = 15;
                   break;
                 }
                 updatingNode = mediaNodeUpdater.handleExternalMedia(_this.props.getPos);
                 addPendingTask(updatingNode);
                 _context2.next = 14;
                 return updatingNode;
               case 14:
                 return _context2.abrupt("return");
               case 15:
                 contextId = mediaNodeUpdater.getNodeContextId();
                 if (contextId) {
                   _context2.next = 19;
                   break;
                 }
                 _context2.next = 19;
                 return mediaNodeUpdater.updateContextId();
               case 19:
                 _context2.next = 21;
                 return mediaNodeUpdater.hasDifferentContextId();
               case 21:
                 hasDifferentContextId = _context2.sent;
                 if (!hasDifferentContextId) {
                   _context2.next = 34;
                   break;
                 }
                 _this.setState({
                   isCopying: true
                 });
                 _context2.prev = 24;
                 copyNode = mediaNodeUpdater.copyNode({
                   traceId: node.attrs.__mediaTraceId
@@ -232,20 +161,16 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
                 addPendingTask(copyNode);
                 _context2.next = 29;
                 return copyNode;
               case 29:
                 _context2.next = 34;
                 break;
               case 31:
                 _context2.prev = 31;
                 _context2.t0 = _context2["catch"](24);
                 // if copyNode fails, let's set isCopying false so we can show the eventual error
                 _this.setState({
                   isCopying: false
                 });
               case 34:
               case "end":
                 return _context2.stop();
@@ -253,7 +178,6 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
           }
         }, _callee2, null, [[24, 31]]);
       }));
       return function (_x2) {
         return _ref2.apply(this, arguments);
       };
@@ -263,18 +187,15 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
       // We need to call "stopPropagation" here in order to prevent the browser from navigating to
       // another URL if the media node is wrapped in a link mark.
       event.stopPropagation();
       var propPos = _this.props.getPos();
       var state = _this.props.view.state;
       if (event.shiftKey) {
         // don't select text if there is current selection in a table (as this would override selected cells)
         if (state.selection instanceof _cellSelection.CellSelection) {
           return;
         }
-        (0, _utils2.setTextSelection)(_this.props.view, state.selection.from < propPos ? state.selection.from : propPos, // + 3 needed for offset of the media inside mediaSingle and cursor to make whole mediaSingle selected
+        (0, _utils2.setTextSelection)(_this.props.view, state.selection.from < propPos ? state.selection.from : propPos,
+        // + 3 needed for offset of the media inside mediaSingle and cursor to make whole mediaSingle selected
         state.selection.to > propPos ? state.selection.to : propPos + 3);
       } else {
         (0, _utils2.setNodeSelection)(_this.props.view, propPos);
@@ -282,15 +203,12 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateSize", function (width, layout) {
       var _this$props$view = _this.props.view,
-          state = _this$props$view.state,
-          dispatch = _this$props$view.dispatch;
+        state = _this$props$view.state,
+        dispatch = _this$props$view.dispatch;
       var pos = _this.props.getPos();
       if (typeof pos === 'undefined') {
         return;
       }
       var tr = state.tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, _this.props.node.attrs), {}, {
         layout: layout,
         width: width
@@ -304,68 +222,58 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
        * [1] https://discuss.prosemirror.net/t/setnodemarkup-loses-current-nodeselection/976
        * [2] https://discuss.prosemirror.net/t/setnodemarkup-and-deselect/3673
        */
       tr.setSelection(_prosemirrorState.NodeSelection.create(tr.doc, pos));
       return dispatch(tr);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMediaSingleClicked", function (event) {
       var _this$captionPlaceHol;
       if (!_utils.browser.ios) {
         return;
       }
       if (_this.mediaSingleWrapperRef.current !== event.target) {
         return;
       }
       (_this$captionPlaceHol = _this.captionPlaceHolderRef.current) === null || _this$captionPlaceHol === void 0 ? void 0 : _this$captionPlaceHol.click();
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clickPlaceholder", function () {
       var _this$props = _this.props,
-          view = _this$props.view,
-          getPos = _this$props.getPos,
-          node = _this$props.node;
+        view = _this$props.view,
+        getPos = _this$props.getPos,
+        node = _this$props.node;
       if (typeof getPos === 'boolean') {
         return;
       }
       (0, _captions.insertAndSelectCaptionFromMediaSinglePos)(getPos(), node)(view.state, view.dispatch);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLineLength", function (view, pos) {
       if ((0, _richMediaUtils.isRichMediaInsideOfBlockNode)(view, pos)) {
         var $pos = view.state.doc.resolve(pos);
         var domNode = view.nodeDOM($pos.pos);
         if ($pos.nodeAfter && _richMediaUtils.floatingLayouts.indexOf($pos.nodeAfter.attrs.layout) > -1 && domNode && domNode.parentElement) {
           return domNode.parentElement.offsetWidth;
         }
         if (domNode instanceof HTMLElement) {
           return domNode.offsetWidth;
         }
       }
       return null;
     });
     return _this;
   }
   (0, _createClass2.default)(MediaSingleNode, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       if (nextProps.mediaProvider !== this.props.mediaProvider) {
         this.setViewMediaClientConfig(nextProps);
-      } // Forced updates not required on mobile
+      }
+      // Forced updates not required on mobile
       if (nextProps.isCopyPasteEnabled === false) {
         return;
-      } // We need to call this method on any prop change since attrs can get removed with collab editing
-      // the method internally checks if we already have all attrs
+      }
+      // We need to call this method on any prop change since attrs can get removed with collab editing
+      // the method internally checks if we already have all attrs
       this.createMediaNodeUpdater(nextProps).updateFileAttrs();
     }
   }, {
@@ -380,20 +288,16 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
                 contextIdentifierProvider = this.props.contextIdentifierProvider;
                 _context3.next = 3;
                 return Promise.all([this.setViewMediaClientConfig(this.props), this.updateMediaNodeAttributes(this.props)]);
               case 3:
                 _context3.t0 = this;
                 _context3.next = 6;
                 return contextIdentifierProvider;
               case 6:
                 _context3.t1 = _context3.sent;
                 _context3.t2 = {
                   contextIdentifierProvider: _context3.t1
                 };
                 _context3.t0.setState.call(_context3.t0, _context3.t2);
               case 9:
               case "end":
                 return _context3.stop();
@@ -401,62 +305,53 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
           }
         }, _callee3, this);
       }));
       function componentDidMount() {
         return _componentDidMount.apply(this, arguments);
       }
       return componentDidMount;
     }()
   }, {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          selected = _this$props2.selected,
-          getPos = _this$props2.getPos,
-          node = _this$props2.node,
-          mediaOptions = _this$props2.mediaOptions,
-          fullWidthMode = _this$props2.fullWidthMode,
-          state = _this$props2.view.state,
-          view = _this$props2.view;
+        selected = _this$props2.selected,
+        getPos = _this$props2.getPos,
+        node = _this$props2.node,
+        mediaOptions = _this$props2.mediaOptions,
+        fullWidthMode = _this$props2.fullWidthMode,
+        state = _this$props2.view.state,
+        view = _this$props2.view;
       var _ref4 = node.attrs,
-          layout = _ref4.layout,
-          mediaSingleWidth = _ref4.width;
+        layout = _ref4.layout,
+        mediaSingleWidth = _ref4.width;
       var childNode = node.firstChild;
       var attrs = childNode.attrs;
       var width = attrs.width,
-          height = attrs.height;
+        height = attrs.height;
       if (attrs.type === 'external') {
         if ((0, _mediaCommon.isMediaBlobUrlFromAttrs)(attrs)) {
           var urlAttrs = (0, _mediaClient.getAttrsFromUrl)(attrs.url);
           if (urlAttrs) {
             var urlWidth = urlAttrs.width,
-                urlHeight = urlAttrs.height;
+              urlHeight = urlAttrs.height;
             width = width || urlWidth;
             height = height || urlHeight;
           }
         }
         var _this$state = this.state,
-            stateWidth = _this$state.width,
-            stateHeight = _this$state.height;
+          stateWidth = _this$state.width,
+          stateHeight = _this$state.height;
         if (width === null) {
           width = stateWidth || _ui.DEFAULT_IMAGE_WIDTH;
         }
         if (height === null) {
           height = stateHeight || _ui.DEFAULT_IMAGE_HEIGHT;
         }
       }
       if (!width || !height) {
         width = _ui.DEFAULT_IMAGE_WIDTH;
         height = _ui.DEFAULT_IMAGE_HEIGHT;
       }
       var mediaSingleProps = {
         layout: layout,
         width: width,
@@ -468,11 +363,9 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         hasFallbackContainer: false
       };
       var canResize = !!this.props.mediaOptions.allowResizing;
       if (!this.props.mediaOptions.allowResizingInTables) {
         // If resizing not allowed in tables, check parents for tables
         var pos = getPos();
         if (pos) {
           var $pos = state.doc.resolve(pos);
           var table = state.schema.nodes.table;
@@ -480,12 +373,9 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
           canResize = canResize && !disabledNode;
         }
       }
       var lineLength = this.getLineLength(view, getPos()) || this.props.lineLength;
       var isSelected = selected();
       var shouldShowPlaceholder = (0, _mediaCommon2.getMediaFeatureFlag)('captions', mediaOptions.featureFlags) && node.childCount !== 2 && isSelected && state.selection instanceof _prosemirrorState.NodeSelection;
       var MediaChildren = (0, _react.jsx)("figure", {
         ref: this.mediaSingleWrapperRef,
         css: _styles.figureWrapper,
@@ -513,27 +403,20 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
   }]);
   return MediaSingleNode;
 }(_react2.Component);
 exports.default = MediaSingleNode;
 (0, _defineProperty2.default)(MediaSingleNode, "defaultProps", {
   mediaOptions: {}
 });
 (0, _defineProperty2.default)(MediaSingleNode, "displayName", 'MediaSingleNode');
 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);
@@ -547,23 +430,19 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "isNodeSelected", function () {
       _this2.checkAndUpdateSelectionType();
       return _this2.selectionType !== null;
     });
     return _this2;
   }
   (0, _createClass2.default)(MediaSingleNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
       var domRef = document.createElement('div');
       if (this.reactComponentProps.mediaOptions && this.reactComponentProps.mediaOptions.allowMediaSingleEditable) {
         // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
         // see also: https://github.com/ProseMirror/prosemirror/issues/884
         domRef.contentEditable = 'true';
       }
       return domRef;
     }
   }, {
@@ -582,19 +461,15 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
         this.forceViewUpdate = false;
         return true;
       }
       if (this.node.attrs !== nextNode.attrs) {
         return true;
       }
       if (this.selectionType !== this.checkAndUpdateSelectionType()) {
         return true;
       }
       if (this.node.childCount !== nextNode.childCount) {
         return true;
       }
       return (0, _get2.default)((0, _getPrototypeOf2.default)(MediaSingleNodeView.prototype), "viewShouldUpdate", this).call(this, nextNode);
     }
   }, {
@@ -603,41 +478,38 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
       if (node.firstChild) {
         return node.firstChild.attrs.id;
       }
       return undefined;
     }
   }, {
     key: "update",
     value: function update(node, decorations, _innerDecorations, isValidUpdate) {
       var _this3 = this;
       if (!isValidUpdate) {
         isValidUpdate = function isValidUpdate(currentNode, newNode) {
           return _this3.getNodeMediaId(currentNode) === _this3.getNodeMediaId(newNode);
         };
       }
       return (0, _get2.default)((0, _getPrototypeOf2.default)(MediaSingleNodeView.prototype), "update", this).call(this, node, decorations, _innerDecorations, isValidUpdate);
     }
   }, {
     key: "render",
     value: function render(props, forwardRef) {
       var _this4 = this;
       var _this$reactComponentP = this.reactComponentProps,
-          eventDispatcher = _this$reactComponentP.eventDispatcher,
-          fullWidthMode = _this$reactComponentP.fullWidthMode,
-          providerFactory = _this$reactComponentP.providerFactory,
-          mediaOptions = _this$reactComponentP.mediaOptions,
-          dispatchAnalyticsEvent = _this$reactComponentP.dispatchAnalyticsEvent; // getPos is a boolean for marks, since this is a node we know it must be a function
+        eventDispatcher = _this$reactComponentP.eventDispatcher,
+        fullWidthMode = _this$reactComponentP.fullWidthMode,
+        providerFactory = _this$reactComponentP.providerFactory,
+        mediaOptions = _this$reactComponentP.mediaOptions,
+        dispatchAnalyticsEvent = _this$reactComponentP.dispatchAnalyticsEvent;
+      // getPos is a boolean for marks, since this is a node we know it must be a function
       var getPos = this.getPos;
       return (0, _react.jsx)(_providerFactory.WithProviders, {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: function renderNode(_ref5) {
           var mediaProvider = _ref5.mediaProvider,
-              contextIdentifierProvider = _ref5.contextIdentifierProvider;
+            contextIdentifierProvider = _ref5.contextIdentifierProvider;
           return (0, _react.jsx)(_WithPluginState.default, {
             editorView: _this4.view,
             plugins: {
@@ -646,7 +518,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
             },
             render: function render(_ref6) {
               var width = _ref6.width,
-                  mediaPluginState = _ref6.mediaPluginState;
+                mediaPluginState = _ref6.mediaPluginState;
               return (0, _react.jsx)(MediaSingleNode, {
                 width: width.width,
                 lineLength: width.lineLength,
@@ -674,7 +546,6 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
       // DOM has changed; recalculate if we need to re-render
       if (this.dom) {
         var offsetLeft = this.dom.offsetLeft;
         if (offsetLeft !== this.lastOffsetLeft) {
           this.lastOffsetLeft = offsetLeft;
           this.forceViewUpdate = true;
@@ -683,13 +554,11 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
           });
         }
       }
       return true;
     }
   }]);
   return MediaSingleNodeView;
 }(_ReactNodeView2.default);
 var ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent) {
   var mediaOptions = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
   return function (node, view, getPos) {
@@ -704,5 +573,4 @@ var ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAPI, even
     }, undefined, undefined, undefined, hasIntlContext).init();
   };
 };
 exports.ReactMediaSingleNode = ReactMediaSingleNode;

package/dist/cjs/plugins/media/nodeviews/messages.js CHANGED Viewed

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
 var _reactIntlNext = require("react-intl-next");
 var messages = (0, _reactIntlNext.defineMessages)({
   mediaGroupDeleteLabel: {
     id: 'fabric.editor.mediaGroupDeleteLabel',

package/dist/cjs/plugins/media/nodeviews/styles.js CHANGED Viewed

@@ -1,20 +1,14 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.figureWrapper = exports.MediaSingleNodeSelector = exports.MediaInlineNodeSelector = exports.MediaCardWrapper = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _templateObject, _templateObject2, _templateObject3;
 var MediaInlineNodeSelector = 'media-inline-node';
 exports.MediaInlineNodeSelector = MediaInlineNodeSelector;
 var MediaSingleNodeSelector = 'media-single-node';
@@ -23,11 +17,10 @@ var figureWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _
 exports.figureWrapper = figureWrapper;
 var absoluteDiv = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n"])));
 var forcedDimensions = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  position: relative;\n"])));
 var MediaCardWrapper = function MediaCardWrapper(_ref) {
   var dimensions = _ref.dimensions,
-      children = _ref.children,
-      onContextMenu = _ref.onContextMenu;
+    children = _ref.children,
+    onContextMenu = _ref.onContextMenu;
   return (0, _react2.jsx)("div", {
     css: forcedDimensions,
     style: {
@@ -38,5 +31,4 @@ var MediaCardWrapper = function MediaCardWrapper(_ref) {
     css: absoluteDiv
   }, children));
 };
 exports.MediaCardWrapper = MediaCardWrapper;