@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/cjs/plugins/media/pm-plugins/media-editor-plugin-factory.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pluginKey = void 0;
-
 var _prosemirrorState = require("prosemirror-state");
-
 var pluginKey = new _prosemirrorState.PluginKey('mediaEditorPlugin');
 exports.pluginKey = pluginKey;

package/dist/cjs/plugins/media/pm-plugins/mediaTaskManager.js

@@ -1,31 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MediaTaskManager = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var MediaTaskManager = /*#__PURE__*/(0, _createClass2.default)(function MediaTaskManager() {
   var _this = this;
-
   (0, _classCallCheck2.default)(this, MediaTaskManager);
   (0, _defineProperty2.default)(this, "pendingTask", Promise.resolve(null));
   (0, _defineProperty2.default)(this, "taskMap", new Map());
   (0, _defineProperty2.default)(this, "cancelPendingTask", function (id) {
     var task = _this.taskMap.get(id);
-
     if (task && !task.cancelController.signal.aborted) {
       task.cancelController.abort();
     }
@@ -41,24 +32,20 @@ var MediaTaskManager = /*#__PURE__*/(0, _createClass2.default)(function MediaTas
                 _context.next = 2;
                 break;
               }
-
               return _context.abrupt("return", lastTask);
-
             case 2:
               chainedPromise = _this.pendingTask.then(function () {
-                return (// Call ourselves to make sure that no new pending tasks have been
+                return (
+                  // Call ourselves to make sure that no new pending tasks have been
                   // added before the current promise has resolved.
                   _this.waitForPendingTasks(undefined, _this.pendingTask)
                 );
               });
-
               if (timeout) {
                 _context.next = 5;
                 break;
               }
-
               return _context.abrupt("return", chainedPromise);
-
             case 5:
               timeoutPromise = new Promise(function (_resolve, reject) {
                 rejectTimeout = window.setTimeout(function () {
@@ -69,7 +56,6 @@ var MediaTaskManager = /*#__PURE__*/(0, _createClass2.default)(function MediaTas
                 clearTimeout(rejectTimeout);
                 return value;
               })]));
-
             case 7:
             case "end":
               return _context.stop();
@@ -77,48 +63,40 @@ var MediaTaskManager = /*#__PURE__*/(0, _createClass2.default)(function MediaTas
         }
       }, _callee);
     }));
-
     return function (_x, _x2) {
       return _ref.apply(this, arguments);
     };
   }());
   (0, _defineProperty2.default)(this, "resumePendingTask", function (id) {
     var mediaTask = _this.taskMap.get(id);
-
     if (mediaTask && mediaTask.cancelController.signal.aborted) {
       _this.addPendingTask(mediaTask.task, id);
     }
   });
   (0, _defineProperty2.default)(this, "addPendingTask", function (task, id) {
     var currentTask = task;
-
     if (id) {
       var cancelController = new AbortController();
       var signal = cancelController.signal;
-
       _this.taskMap.set(id, {
         task: task,
         cancelController: cancelController
       });
-
       currentTask = new Promise(function (resolve) {
         task.then(resolve, resolve).finally(function () {
           _this.taskMap.delete(id);
         });
-
         signal.onabort = function () {
           resolve(null);
         };
       });
-    } // Chain the previous promise with a new one for this media item
-
+    }
 
+    // Chain the previous promise with a new one for this media item
     var currentPendingTask = _this.pendingTask;
-
     var pendingPromise = function pendingPromise() {
       return currentPendingTask;
     };
-
     _this.pendingTask = currentTask.then(pendingPromise, pendingPromise);
     return _this.pendingTask;
   });

package/dist/cjs/plugins/media/pm-plugins/plugin-key.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.stateKey = void 0;
-
 var _prosemirrorState = require("prosemirror-state");
-
 var stateKey = new _prosemirrorState.PluginKey('mediaPlugin');
 exports.stateKey = stateKey;

package/dist/cjs/plugins/media/styles.js

@@ -1,27 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mediaStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _styles = require("@atlaskit/editor-common/styles");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _mediaCard = require("@atlaskit/media-card");
-
 var _templateObject;
-
 var mediaStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", " & [layout='full-width'] .", ",\n    & [layout='wide'] .", " {\n      margin-left: 50%;\n      transform: translateX(-50%);\n    }\n\n    & [layout^='wrap-'] + [layout^='wrap-'] {\n      clear: none;\n      & + p,\n      & + div[class^='fabric-editor-align'],\n      & + ul,\n      & + ol,\n      & + h1,\n      & + h2,\n      & + h3,\n      & + h4,\n      & + h5,\n      & + h6 {\n        clear: both !important;\n      }\n      & .", " {\n        margin-left: 0;\n        margin-right: 0;\n      }\n    }\n\n    .mediaSingleView-content-wrap[layout^='wrap-'] {\n      max-width: 100%;\n      // overwrite default Prosemirror setting making it clear: both\n      clear: inherit;\n    }\n\n    .mediaSingleView-content-wrap[layout='wrap-left'] {\n      float: left;\n    }\n\n    .mediaSingleView-content-wrap[layout='wrap-right'] {\n      float: right;\n    }\n\n    .mediaSingleView-content-wrap[layout='wrap-right']\n      + .mediaSingleView-content-wrap[layout='wrap-left'] {\n      clear: both;\n    }\n\n    /* Larger margins for resize handlers when at depth 0 of the document */\n    & > .mediaSingleView-content-wrap {\n      .richMedia-resize-handle-right {\n        margin-right: -", "px;\n      }\n      .richMedia-resize-handle-left {\n        margin-left: -", "px;\n      }\n    }\n  }\n\n  .richMedia-resize-handle-right,\n  .richMedia-resize-handle-left {\n    display: flex;\n    flex-direction: column;\n\n    /* vertical align */\n    justify-content: center;\n  }\n\n  .richMedia-resize-handle-right {\n    align-items: flex-end;\n    padding-right: 12px;\n    margin-right: -", "px;\n  }\n\n  .richMedia-resize-handle-left {\n    align-items: flex-start;\n    padding-left: 12px;\n    margin-left: -", "px;\n  }\n\n  .richMedia-resize-handle-right::after,\n  .richMedia-resize-handle-left::after {\n    content: ' ';\n    display: flex;\n    width: 3px;\n    height: 64px;\n\n    border-radius: 6px;\n  }\n\n  .", ":hover .richMedia-resize-handle-left::after,\n  .", ":hover .richMedia-resize-handle-right::after {\n    background: ", ";\n  }\n\n  .", " .richMedia-resize-handle-right::after,\n  .", " .richMedia-resize-handle-left::after,\n  .", " .richMedia-resize-handle-right:hover::after,\n  .", " .richMedia-resize-handle-left:hover::after,\n  .", ".is-resizing .richMedia-resize-handle-right::after,\n  .", ".is-resizing .richMedia-resize-handle-left::after {\n    background: ", ";\n  }\n\n  .__resizable_base__ {\n    left: unset !important;\n    width: auto !important;\n    height: auto !important;\n  }\n\n  /* Danger when top level node for smart cards / inline links */\n  .danger > div > div > .media-card-frame,\n  .danger > span > a {\n    background-color: ", ";\n    box-shadow: 0px 0px 0px ", "px\n      ", ";\n    transition: background-color 0s, box-shadow 0s;\n  }\n  .mediaGroupView-content-wrap.danger {\n    /* Media inline */\n    .", "::after {\n      border: 1px solid ", ";\n    }\n  }\n  /* Danger when nested node or common */\n  .danger {\n    /* Media single */\n    .", " .", "::after {\n      border: 1px solid ", ";\n    }\n    /* Media single video player */\n    .", " .", "::after {\n      border: 1px solid ", ";\n    }\n    /* New file experience */\n    .", " .", " {\n      box-shadow: 0 0 0 1px\n        ", " !important;\n    }\n    /* Media resize handlers */\n    .richMedia-resize-handle-right::after,\n    .richMedia-resize-handle-left::after {\n      background: ", ";\n    }\n\n    /* Smart cards */\n    div div .media-card-frame,\n    .inlineCardView-content-wrap > span > a {\n      background-color: ", "; /* R75 with 50% opactiy */\n      transition: background-color 0s;\n    }\n\n    div div .media-card-frame::after {\n      box-shadow: none;\n    }\n  }\n"])), _styles.mediaSingleSharedStyle, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide, _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide, _editorSharedStyles.akEditorMediaResizeHandlerPadding, _editorSharedStyles.akEditorMediaResizeHandlerPadding, _styles.richMediaClassName, _styles.richMediaClassName, "var(--ds-border, ".concat(_colors.N60, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, "var(--ds-border-focused, ".concat(_colors.B200, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), _editorSharedStyles.akEditorSelectedBorderBoldSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _mediaCard.fileCardImageViewSelectedSelector, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _styles.richMediaClassName, _mediaCard.fileCardImageViewSelector, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _styles.richMediaClassName, _mediaCard.inlinePlayerClassName, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _styles.richMediaClassName, _mediaCard.newFileExperienceClassName, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-blanket-danger, rgb(255, 189, 173, 0.5))");
+
 /* `left: unset` above is to work around Chrome bug where rendering a div with
  * that style applied inside a container that has a scroll, causes any svgs on
  * the page, without a border, that are inside a flexbox, to no longer align to
@@ -30,5 +22,4 @@ var mediaStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _tag
  * for us, this means that all the toolbar icons start jumping around if
  * you make the viewport small
  */
-
 exports.mediaStyles = mediaStyles;

package/dist/cjs/plugins/media/toolbar/alt-text.js

@@ -1,38 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAltTextToolbar = exports.altTextEditComponent = exports.altTextButton = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _commands = require("../pm-plugins/alt-text/commands");
-
 var _keymaps = require("../../../keymaps");
-
 var _messages = require("../pm-plugins/alt-text/messages");
-
 var _AltTextEdit = _interopRequireWildcard(require("../pm-plugins/alt-text/ui/AltTextEdit"));
-
 var _mediaCommon = require("../utils/media-common");
-
 var _style = require("../pm-plugins/alt-text/style");
-
 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; }
-
 var altTextButton = function altTextButton(intl, state) {
   var mediaNode = (0, _mediaCommon.getMediaNodeFromSelection)(state);
   var message = mediaNode && mediaNode.attrs.alt ? _messages.messages.editAltText : _messages.messages.altText;
@@ -50,9 +35,7 @@ var altTextButton = function altTextButton(intl, state) {
     })
   };
 };
-
 exports.altTextButton = altTextButton;
-
 var altTextEditComponent = function altTextEditComponent(options) {
   return {
     type: 'custom',
@@ -62,13 +45,10 @@ var altTextEditComponent = function altTextEditComponent(options) {
       if (!view) {
         return null;
       }
-
       var mediaNode = (0, _mediaCommon.getMediaNodeFromSelection)(view.state);
-
       if (!mediaNode) {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement(_AltTextEdit.default, {
         view: view,
         key: idx,
@@ -78,9 +58,7 @@ var altTextEditComponent = function altTextEditComponent(options) {
     }
   };
 };
-
 exports.altTextEditComponent = altTextEditComponent;
-
 var getAltTextToolbar = function getAltTextToolbar(toolbarBaseConfig, options) {
   return _objectSpread(_objectSpread({}, toolbarBaseConfig), {}, {
     width: _AltTextEdit.CONTAINER_WIDTH_IN_PX,
@@ -88,5 +66,4 @@ var getAltTextToolbar = function getAltTextToolbar(toolbarBaseConfig, options) {
     items: [altTextEditComponent(options)]
   });
 };
-
 exports.getAltTextToolbar = getAltTextToolbar;

package/dist/cjs/plugins/media/toolbar/commands.js

@@ -4,32 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.removeInlineCard = exports.changeMediaCardToInline = exports.changeInlineToMediaCard = void 0;
-
 var _prosemirrorModel = require("prosemirror-model");
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _prosemirrorUtils = require("prosemirror-utils");
-
 var _analytics = require("../../analytics");
-
 var _utils = require("./utils");
-
 var changeInlineToMediaCard = function changeInlineToMediaCard(state, dispatch) {
   var _state$schema$nodes = state.schema.nodes,
-      media = _state$schema$nodes.media,
-      mediaInline = _state$schema$nodes.mediaInline,
-      mediaGroup = _state$schema$nodes.mediaGroup;
+    media = _state$schema$nodes.media,
+    mediaInline = _state$schema$nodes.mediaInline,
+    mediaGroup = _state$schema$nodes.mediaGroup;
   var selectedNode = state.selection instanceof _prosemirrorState.NodeSelection && state.selection.node.type === mediaInline && state.selection.node;
-
   if (!selectedNode) {
     return false;
   }
-
   var _selectedNode$attrs = selectedNode.attrs,
-      id = _selectedNode$attrs.id,
-      type = _selectedNode$attrs.type,
-      collection = _selectedNode$attrs.collection;
+    id = _selectedNode$attrs.id,
+    type = _selectedNode$attrs.type,
+    collection = _selectedNode$attrs.collection;
   var mediaNode = media.createChecked({
     id: id,
     type: type,
@@ -40,7 +32,6 @@ var changeInlineToMediaCard = function changeInlineToMediaCard(state, dispatch)
   var tr = state.tr;
   tr = (0, _prosemirrorUtils.removeSelectedNode)(tr);
   tr = (0, _prosemirrorUtils.safeInsert)(group, nodePos, true)(tr);
-
   if (dispatch) {
     (0, _analytics.addAnalytics)(state, tr, {
       action: _analytics.ACTION.CHANGED_TYPE,
@@ -53,36 +44,28 @@ var changeInlineToMediaCard = function changeInlineToMediaCard(state, dispatch)
     });
     dispatch(tr);
   }
-
   return true;
 };
-
 exports.changeInlineToMediaCard = changeInlineToMediaCard;
-
 var changeMediaCardToInline = function changeMediaCardToInline(state, dispatch) {
   var _state$schema$nodes2 = state.schema.nodes,
-      media = _state$schema$nodes2.media,
-      mediaInline = _state$schema$nodes2.mediaInline,
-      paragraph = _state$schema$nodes2.paragraph;
+    media = _state$schema$nodes2.media,
+    mediaInline = _state$schema$nodes2.mediaInline,
+    paragraph = _state$schema$nodes2.paragraph;
   var selectedNode = state.selection instanceof _prosemirrorState.NodeSelection && state.selection.node;
-
   if (!selectedNode || !selectedNode.type === media) {
     return false;
   }
-
   var mediaInlineNode = mediaInline.create({
     id: selectedNode.attrs.id,
     collection: selectedNode.attrs.collection
   });
   var space = state.schema.text(' ');
-
   var content = _prosemirrorModel.Fragment.from([mediaInlineNode, space]);
-
   var node = paragraph.createChecked({}, content);
   var nodePos = state.tr.doc.resolve(state.selection.from).start() - 1;
   var tr = (0, _utils.removeMediaGroupNode)(state);
   tr = (0, _prosemirrorUtils.safeInsert)(node, nodePos, true)(tr);
-
   if (dispatch) {
     (0, _analytics.addAnalytics)(state, tr, {
       action: _analytics.ACTION.CHANGED_TYPE,
@@ -95,22 +78,16 @@ var changeMediaCardToInline = function changeMediaCardToInline(state, dispatch)
     });
     dispatch(tr);
   }
-
   return true;
 };
-
 exports.changeMediaCardToInline = changeMediaCardToInline;
-
 var removeInlineCard = function removeInlineCard(state, dispatch) {
   if ((0, _prosemirrorUtils.isNodeSelection)(state.selection)) {
     if (dispatch) {
       dispatch((0, _prosemirrorUtils.removeSelectedNode)(state.tr));
     }
-
     return true;
   }
-
   return false;
 };
-
 exports.removeInlineCard = removeInlineCard;

package/dist/cjs/plugins/media/toolbar/filePreviewItem.js

@@ -1,62 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FilePreviewItem = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _mediaViewer = require("@atlaskit/media-viewer");
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _filePreview = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file-preview"));
-
 var _Button = _interopRequireDefault(require("../../floating-toolbar/ui/Button"));
-
 var _utils = require("./utils");
-
 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; }
-
 var FilePreviewItem = function FilePreviewItem(_ref) {
   var mediaPluginState = _ref.mediaPluginState,
-      intl = _ref.intl;
-
+    intl = _ref.intl;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isMediaViewerVisible = _useState2[0],
-      setMediaViewerVisible = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isMediaViewerVisible = _useState2[0],
+    setMediaViewerVisible = _useState2[1];
   var openMediaViewer = function openMediaViewer() {
     setMediaViewerVisible(true);
   };
-
   var onMediaViewerClose = function onMediaViewerClose() {
     setMediaViewerVisible(false);
   };
-
   var renderMediaViewer = function renderMediaViewer() {
     if (isMediaViewerVisible) {
       var dataSource = {
         list: []
       };
       var selectedNodeAttrs = (0, _utils.getSelectedMediaContainerNodeAttrs)(mediaPluginState);
-
       if (selectedNodeAttrs && mediaPluginState.mediaClientConfig) {
         var id = selectedNodeAttrs.id,
-            _selectedNodeAttrs$co = selectedNodeAttrs.collection,
-            collection = _selectedNodeAttrs$co === void 0 ? '' : _selectedNodeAttrs$co;
+          _selectedNodeAttrs$co = selectedNodeAttrs.collection,
+          collection = _selectedNodeAttrs$co === void 0 ? '' : _selectedNodeAttrs$co;
         var identifier = {
           id: id,
           mediaItemType: 'file',
@@ -71,10 +53,8 @@ var FilePreviewItem = function FilePreviewItem(_ref) {
         }), document.body);
       }
     }
-
     return null;
   };
-
   var mediaViewer = renderMediaViewer();
   var tooltipContent = intl.formatMessage(_mediaUi.messages.preview);
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -87,5 +67,4 @@ var FilePreviewItem = function FilePreviewItem(_ref) {
     tooltipContent: tooltipContent
   }), mediaViewer);
 };
-
 exports.FilePreviewItem = FilePreviewItem;