@atlaskit/editor-core 188.0.11 → 188.1.0

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

@@ -9,19 +9,11 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 var PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH = 120;
-var pixelSizingWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: grid;\n  grid-template-columns: 1fr 1em 1fr 0;\n  grid-template-rows: auto;\n  grid-template-areas: 'widthinput label heightinput submit';\n  width: ", "px;\n  text-align: center;\n  height: ", ";\n\n  // Atlaskit fieldset does not allow style override\n  & > * {\n    margin-top: 0 !important;\n  }\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");
-exports.pixelSizingWrapper = pixelSizingWrapper;
-var pixelEntryForm = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  form {\n    width: 100%;\n  }\n"])));
-exports.pixelEntryForm = pixelEntryForm;
-var pixelSizingInput = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: ", ";\n  & input {\n    text-align: center;\n  }\n"])), "var(--ds-space-300, 24px)");
-exports.pixelSizingInput = pixelSizingInput;
-var pixelSizingLabel = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  grid-area: label;\n  line-height: ", ";\n"])), "var(--ds-space-300, 24px)");
-exports.pixelSizingLabel = pixelSizingLabel;
-var pixelSizingWidthInput = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  grid-area: widthinput;\n"])));
-exports.pixelSizingWidthInput = pixelSizingWidthInput;
-var pixelSizingHeightInput = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  grid-area: heightinput;\n"])));
-exports.pixelSizingHeightInput = pixelSizingHeightInput;
-var pixelEntryHiddenSubmit = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  grid-area: submit;\n  visibility: hidden;\n  width: 0;\n  height: 0;\n"])));
-exports.pixelEntryHiddenSubmit = pixelEntryHiddenSubmit;
-var pixelSizingFullWidthLabelStyles = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: ", "px;\n  height: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");
-exports.pixelSizingFullWidthLabelStyles = pixelSizingFullWidthLabelStyles;
+var pixelSizingWrapper = exports.pixelSizingWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: grid;\n  grid-template-columns: 1fr 1em 1fr 0;\n  grid-template-rows: auto;\n  grid-template-areas: 'widthinput label heightinput submit';\n  width: ", "px;\n  text-align: center;\n  height: ", ";\n\n  // Atlaskit fieldset does not allow style override\n  & > * {\n    margin-top: 0 !important;\n  }\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");
+var pixelEntryForm = exports.pixelEntryForm = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  form {\n    width: 100%;\n  }\n"])));
+var pixelSizingInput = exports.pixelSizingInput = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: ", ";\n  & input {\n    text-align: center;\n  }\n"])), "var(--ds-space-300, 24px)");
+var pixelSizingLabel = exports.pixelSizingLabel = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  grid-area: label;\n  line-height: ", ";\n"])), "var(--ds-space-300, 24px)");
+var pixelSizingWidthInput = exports.pixelSizingWidthInput = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  grid-area: widthinput;\n"])));
+var pixelSizingHeightInput = exports.pixelSizingHeightInput = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  grid-area: heightinput;\n"])));
+var pixelEntryHiddenSubmit = exports.pixelEntryHiddenSubmit = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  grid-area: submit;\n  visibility: hidden;\n  width: 0;\n  height: 0;\n"])));
+var pixelSizingFullWidthLabelStyles = exports.pixelSizingFullWidthLabelStyles = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: ", "px;\n  height: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");

package/dist/cjs/plugins/media/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.js

@@ -8,10 +8,9 @@ var _react = require("@emotion/react");
 var _styles = require("./styles");
 /** @jsx jsx */
 
-var ResizableMediaMigrationNotification = function ResizableMediaMigrationNotification() {
+var ResizableMediaMigrationNotification = exports.ResizableMediaMigrationNotification = function ResizableMediaMigrationNotification() {
   return (0, _react.jsx)("div", {
     "data-testid": "resizable-media-migration-notification",
     css: [_styles.resizableMediaMigrationNotificationStyle]
   });
-};
-exports.ResizableMediaMigrationNotification = ResizableMediaMigrationNotification;
+};

package/dist/cjs/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -35,8 +35,7 @@ var _ResizableMediaMigrationNotification = require("./ResizableMediaMigrationNot
 var _checkMediaType = require("../../utils/check-media-type");
 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; } } /** @jsx jsx */
-var resizerNextTestId = 'mediaSingle.resizerNext.testid';
-exports.resizerNextTestId = resizerNextTestId;
+var resizerNextTestId = exports.resizerNextTestId = 'mediaSingle.resizerNext.testid';
 var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ResizableMediaSingleNext, _React$Component);
   var _super = _createSuper(ResizableMediaSingleNext);
@@ -112,8 +111,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       return Math.round(height / width * newWidth);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "displayGuideline", function (guidelines) {
-      var _this$props$pluginInj, _this$props$pluginInj2, _this$props$pluginInj3;
-      return (_this$props$pluginInj = _this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 ? void 0 : (_this$props$pluginInj2 = _this$props$pluginInj.guideline) === null || _this$props$pluginInj2 === void 0 ? void 0 : (_this$props$pluginInj3 = _this$props$pluginInj2.actions) === null || _this$props$pluginInj3 === void 0 ? void 0 : _this$props$pluginInj3.displayGuideline(_this.props.view)({
+      var _this$props$pluginInj;
+      return (_this$props$pluginInj = _this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 || (_this$props$pluginInj = _this$props$pluginInj.guideline) === null || _this$props$pluginInj === void 0 || (_this$props$pluginInj = _this$props$pluginInj.actions) === null || _this$props$pluginInj === void 0 ? void 0 : _this$props$pluginInj.displayGuideline(_this.props.view)({
         guidelines: guidelines
       });
     });
@@ -143,8 +142,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       return Math.min(contentWidth || _editorSharedStyles.akEditorDefaultLayoutWidth, isVideoFile ? _mediaSingle.MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH : _mediaSingle.MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH);
     }));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getRelativeGuides", function () {
-      var _this$props$pluginInj4, _this$props$pluginInj5, _this$props$pluginInj6;
-      var guidelinePluginState = (_this$props$pluginInj4 = _this.props.pluginInjectionApi) === null || _this$props$pluginInj4 === void 0 ? void 0 : (_this$props$pluginInj5 = _this$props$pluginInj4.guideline) === null || _this$props$pluginInj5 === void 0 ? void 0 : (_this$props$pluginInj6 = _this$props$pluginInj5.sharedState) === null || _this$props$pluginInj6 === void 0 ? void 0 : _this$props$pluginInj6.currentState();
+      var _this$props$pluginInj2;
+      var guidelinePluginState = (_this$props$pluginInj2 = _this.props.pluginInjectionApi) === null || _this$props$pluginInj2 === void 0 || (_this$props$pluginInj2 = _this$props$pluginInj2.guideline) === null || _this$props$pluginInj2 === void 0 || (_this$props$pluginInj2 = _this$props$pluginInj2.sharedState) === null || _this$props$pluginInj2 === void 0 ? void 0 : _this$props$pluginInj2.currentState();
       var _ref = (guidelinePluginState === null || guidelinePluginState === void 0 ? void 0 : guidelinePluginState.rect) || {
           top: 0,
           left: 0
@@ -399,8 +398,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "isGuidelineEnabled",
     get: function get() {
-      var _this$props$pluginInj7;
-      return !!((_this$props$pluginInj7 = this.props.pluginInjectionApi) !== null && _this$props$pluginInj7 !== void 0 && _this$props$pluginInj7.guideline);
+      var _this$props$pluginInj3;
+      return !!((_this$props$pluginInj3 = this.props.pluginInjectionApi) !== null && _this$props$pluginInj3 !== void 0 && _this$props$pluginInj3.guideline);
     }
 
     // check if is inside of layout, table, expand, nestedExpand and list item
@@ -498,6 +497,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         'richMedia-selected': selected,
         'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
       });
+      // @ts-expect-error - TS2339 Lodash get() now infers types.
       var resizerNextClassName = (0, _classnames.default)(className, _styles.resizerStyles);
       var isNestedNode = this.isNestedNode();
       var maxWidth = !isResizing && isNestedNode ?
@@ -534,5 +534,4 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   }]);
   return ResizableMediaSingleNext;
 }(_react.default.Component);
-var _default = ResizableMediaSingleNext;
-exports.default = _default;
+var _default = exports.default = ResizableMediaSingleNext;

package/dist/cjs/plugins/media/ui/ResizableMediaSingle/index.js

@@ -26,7 +26,7 @@ var _utils2 = require("@atlaskit/editor-common/utils");
 var _checkMediaType = require("../../utils/check-media-type");
 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; } } /** @jsx jsx */
-var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
+var ResizableMediaSingle = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ResizableMediaSingle, _React$Component);
   var _super = _createSuper(ResizableMediaSingle);
   function ResizableMediaSingle() {
@@ -42,11 +42,11 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
       isVideoFile: true
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "displayGrid", function (visible, gridType, highlight) {
-      var _pluginInjectionApi$g, _pluginInjectionApi$g2;
+      var _pluginInjectionApi$g;
       var _this$props = _this.props,
         pluginInjectionApi = _this$props.pluginInjectionApi,
         view = _this$props.view;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$g = pluginInjectionApi.grid) === null || _pluginInjectionApi$g === void 0 ? void 0 : (_pluginInjectionApi$g2 = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g2 === void 0 ? void 0 : _pluginInjectionApi$g2.displayGrid(view)({
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$g = pluginInjectionApi.grid) === null || _pluginInjectionApi$g === void 0 || (_pluginInjectionApi$g = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g === void 0 || _pluginInjectionApi$g.displayGrid(view)({
         visible: visible,
         gridType: gridType,
         highlight: highlight
@@ -418,5 +418,4 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return ResizableMediaSingle;
-}(_react.default.Component);
-exports.default = ResizableMediaSingle;
+}(_react.default.Component);

package/dist/cjs/plugins/media/ui/ResizableMediaSingle/styled.js

@@ -9,7 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
 var _templateObject;
-var wrapperStyle = function wrapperStyle(props) {
+var wrapperStyle = exports.wrapperStyle = function wrapperStyle(props) {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & > div {\n    ", ";\n    position: relative;\n    clear: both;\n  }\n"])), (0, _ui.MediaSingleDimensionHelper)(props));
-};
-exports.wrapperStyle = wrapperStyle;
+};

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

@@ -14,5 +14,4 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 NOTIFICATION_SIZE = 8;
 var SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
-var resizableMediaMigrationNotificationStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", ";\n  right: calc(", " + ", ");\n  background-color: ", ";\n  border-radius: ", ";\n  width: ", "px;\n  height: ", "px;\n  pointer-events: none;\n"])), SPACE_FROM_EDGE, "var(--ds-space-150, 12px)", SPACE_FROM_EDGE, "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"), "var(--ds-border-radius-circle, 50%)", NOTIFICATION_SIZE, NOTIFICATION_SIZE);
-exports.resizableMediaMigrationNotificationStyle = resizableMediaMigrationNotificationStyle;
+var resizableMediaMigrationNotificationStyle = exports.resizableMediaMigrationNotificationStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", ";\n  right: calc(", " + ", ");\n  background-color: ", ";\n  border-radius: ", ";\n  width: ", "px;\n  height: ", "px;\n  pointer-events: none;\n"])), SPACE_FROM_EDGE, "var(--ds-space-150, 12px)", SPACE_FROM_EDGE, "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"), "var(--ds-border-radius-circle, 50%)", NOTIFICATION_SIZE, NOTIFICATION_SIZE);

package/dist/cjs/plugins/media/ui/ToolbarMedia/index.js

@@ -39,5 +39,4 @@ var ToolbarMedia = function ToolbarMedia(_ref) {
     })
   });
 };
-var _default = (0, _reactIntlNext.injectIntl)(ToolbarMedia);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(ToolbarMedia);

package/dist/cjs/plugins/media/ui/ToolbarMedia/toolbar-media-messages.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.toolbarMediaMessages = void 0;
 var _reactIntlNext = require("react-intl-next");
-var toolbarMediaMessages = (0, _reactIntlNext.defineMessages)({
+var toolbarMediaMessages = exports.toolbarMediaMessages = (0, _reactIntlNext.defineMessages)({
   toolbarMediaTitle: {
     id: 'fabric.editor.toolbarMediaTitle',
     defaultMessage: 'Add image, video, or file',
     description: 'a label for an icon that describes files, videos and images'
   }
-});
-exports.toolbarMediaMessages = toolbarMediaMessages;
+});

package/dist/cjs/plugins/media/ui/media-linking-toolbar-messages.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mediaLinkToolbarMessages = void 0;
 var _reactIntlNext = require("react-intl-next");
-var mediaLinkToolbarMessages = (0, _reactIntlNext.defineMessages)({
+var mediaLinkToolbarMessages = exports.mediaLinkToolbarMessages = (0, _reactIntlNext.defineMessages)({
   backLink: {
     id: 'fabric.editor.backLink',
     defaultMessage: 'Go back',
     description: 'Go back from media linking toolbar to main toolbar'
   }
-});
-exports.mediaLinkToolbarMessages = mediaLinkToolbarMessages;
+});

package/dist/cjs/plugins/media/utils/analytics.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getMediaResizeAnalyticsEvent = exports.getMediaInputResizeAnalyticsEvent = void 0;
 var _analytics = require("@atlaskit/editor-common/analytics");
-var getMediaResizeAnalyticsEvent = function getMediaResizeAnalyticsEvent(type, attributes) {
+var getMediaResizeAnalyticsEvent = exports.getMediaResizeAnalyticsEvent = function getMediaResizeAnalyticsEvent(type, attributes) {
   if (!attributes) {
     return;
   }
@@ -29,8 +29,7 @@ var getMediaResizeAnalyticsEvent = function getMediaResizeAnalyticsEvent(type, a
     eventType: _analytics.EVENT_TYPE.UI
   };
 };
-exports.getMediaResizeAnalyticsEvent = getMediaResizeAnalyticsEvent;
-var getMediaInputResizeAnalyticsEvent = function getMediaInputResizeAnalyticsEvent(type, attributes) {
+var getMediaInputResizeAnalyticsEvent = exports.getMediaInputResizeAnalyticsEvent = function getMediaInputResizeAnalyticsEvent(type, attributes) {
   if (!attributes) {
     return;
   }
@@ -51,5 +50,4 @@ var getMediaInputResizeAnalyticsEvent = function getMediaInputResizeAnalyticsEve
     },
     eventType: _analytics.EVENT_TYPE.UI
   };
-};
-exports.getMediaInputResizeAnalyticsEvent = getMediaInputResizeAnalyticsEvent;
+};

package/dist/cjs/plugins/media/utils/check-media-type.js

@@ -8,7 +8,7 @@ exports.checkMediaType = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _mediaClient = require("@atlaskit/media-client");
-var checkMediaType = /*#__PURE__*/function () {
+var checkMediaType = exports.checkMediaType = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(mediaNode, mediaClientConfig) {
     var fileState;
     return _regenerator.default.wrap(function _callee$(_context) {
@@ -53,5 +53,4 @@ var checkMediaType = /*#__PURE__*/function () {
   return function checkMediaType(_x, _x2) {
     return _ref.apply(this, arguments);
   };
-}();
-exports.checkMediaType = checkMediaType;
+}();

package/dist/cjs/plugins/media/utils/current-media-node.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.currentMediaNodeWithPos = exports.currentMediaNodeBorderMark = exports.currentMediaNode = void 0;
 var _state = require("@atlaskit/editor-prosemirror/state");
-var currentMediaNodeWithPos = function currentMediaNodeWithPos(editorState) {
+var currentMediaNodeWithPos = exports.currentMediaNodeWithPos = function currentMediaNodeWithPos(editorState) {
   var doc = editorState.doc,
     selection = editorState.selection,
     schema = editorState.schema;
@@ -22,13 +22,11 @@ var currentMediaNodeWithPos = function currentMediaNodeWithPos(editorState) {
     pos: pos
   };
 };
-exports.currentMediaNodeWithPos = currentMediaNodeWithPos;
-var currentMediaNode = function currentMediaNode(editorState) {
+var currentMediaNode = exports.currentMediaNode = function currentMediaNode(editorState) {
   var _currentMediaNodeWith;
   return (_currentMediaNodeWith = currentMediaNodeWithPos(editorState)) === null || _currentMediaNodeWith === void 0 ? void 0 : _currentMediaNodeWith.node;
 };
-exports.currentMediaNode = currentMediaNode;
-var currentMediaNodeBorderMark = function currentMediaNodeBorderMark(editorState) {
+var currentMediaNodeBorderMark = exports.currentMediaNodeBorderMark = function currentMediaNodeBorderMark(editorState) {
   var node = currentMediaNode(editorState);
   if (!node) {
     return;
@@ -40,5 +38,4 @@ var currentMediaNodeBorderMark = function currentMediaNodeBorderMark(editorState
     return;
   }
   return borderMark.attrs;
-};
-exports.currentMediaNodeBorderMark = currentMediaNodeBorderMark;
+};

package/dist/cjs/plugins/media/utils/is-image.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isImage = void 0;
-var isImage = function isImage(fileType) {
+var isImage = exports.isImage = function isImage(fileType) {
   return !!fileType && (fileType.indexOf('image/') > -1 || fileType.indexOf('video/') > -1);
-};
-exports.isImage = isImage;
+};

package/dist/cjs/plugins/media/utils/media-common.js

@@ -3,44 +3,38 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unwrapNestedMediaElements = exports.transformSliceToCorrectMediaWrapper = exports.splitMediaGroup = exports.removeMediaNode = exports.posOfPrecedingMediaGroup = exports.posOfParentMediaGroup = exports.posOfMediaGroupNearby = exports.isSelectionNonMediaBlockNode = exports.isSelectionMediaSingleNode = exports.isMediaBlobUrlFromAttrs = exports.isInsidePotentialEmptyParagraph = exports.getMediaNodeFromSelection = exports.copyOptionalAttrsFromMediaState = void 0;
+exports.splitMediaGroup = exports.removeMediaNode = exports.posOfPrecedingMediaGroup = exports.posOfParentMediaGroup = exports.posOfMediaGroupNearby = exports.isSelectionNonMediaBlockNode = exports.isSelectionMediaSingleNode = exports.isMediaBlobUrlFromAttrs = exports.isInsidePotentialEmptyParagraph = exports.getMediaNodeFromSelection = exports.copyOptionalAttrsFromMediaState = void 0;
+var _selection = require("@atlaskit/editor-common/selection");
+var _utils = require("@atlaskit/editor-common/utils");
 var _commands = require("@atlaskit/editor-prosemirror/commands");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _utils2 = require("@atlaskit/editor-common/utils");
-var _isImage = require("./is-image");
-var _selection = require("@atlaskit/editor-common/selection");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _mediaClient = require("@atlaskit/media-client");
 var isTemporary = function isTemporary(id) {
   return id.indexOf('temporary:') === 0;
 };
-var isMediaBlobUrlFromAttrs = function isMediaBlobUrlFromAttrs(attrs) {
+var isMediaBlobUrlFromAttrs = exports.isMediaBlobUrlFromAttrs = function isMediaBlobUrlFromAttrs(attrs) {
   return !!(attrs && attrs.type === 'external' && (0, _mediaClient.isMediaBlobUrl)(attrs.url));
 };
-exports.isMediaBlobUrlFromAttrs = isMediaBlobUrlFromAttrs;
-var posOfMediaGroupNearby = function posOfMediaGroupNearby(state) {
+var posOfMediaGroupNearby = exports.posOfMediaGroupNearby = function posOfMediaGroupNearby(state) {
   return posOfParentMediaGroup(state) || posOfFollowingMediaGroup(state) || posOfPrecedingMediaGroup(state) || posOfMediaGroupNextToGapCursor(state);
 };
-exports.posOfMediaGroupNearby = posOfMediaGroupNearby;
-var isSelectionNonMediaBlockNode = function isSelectionNonMediaBlockNode(state) {
+var isSelectionNonMediaBlockNode = exports.isSelectionNonMediaBlockNode = function isSelectionNonMediaBlockNode(state) {
   var _ref = state.selection,
     node = _ref.node;
   return node && node.type !== state.schema.nodes.media && node.isBlock;
 };
-exports.isSelectionNonMediaBlockNode = isSelectionNonMediaBlockNode;
-var isSelectionMediaSingleNode = function isSelectionMediaSingleNode(state) {
+var isSelectionMediaSingleNode = exports.isSelectionMediaSingleNode = function isSelectionMediaSingleNode(state) {
   var _ref2 = state.selection,
     node = _ref2.node;
   return node && node.type === state.schema.nodes.mediaSingle;
 };
-exports.isSelectionMediaSingleNode = isSelectionMediaSingleNode;
-var posOfPrecedingMediaGroup = function posOfPrecedingMediaGroup(state) {
+var posOfPrecedingMediaGroup = exports.posOfPrecedingMediaGroup = function posOfPrecedingMediaGroup(state) {
   if (!(0, _selection.atTheBeginningOfBlock)(state)) {
     return;
   }
   return posOfMediaGroupAbove(state, state.selection.$from);
 };
-exports.posOfPrecedingMediaGroup = posOfPrecedingMediaGroup;
 var posOfMediaGroupNextToGapCursor = function posOfMediaGroupNextToGapCursor(state) {
   var selection = state.selection;
   if (selection instanceof _selection.GapCursorSelection) {
@@ -85,11 +79,10 @@ var posOfMediaGroupAbove = function posOfMediaGroupAbove(state, $pos) {
  * Determine whether the cursor is inside empty paragraph
  * or the selection is the entire paragraph
  */
-var isInsidePotentialEmptyParagraph = function isInsidePotentialEmptyParagraph(state) {
+var isInsidePotentialEmptyParagraph = exports.isInsidePotentialEmptyParagraph = function isInsidePotentialEmptyParagraph(state) {
   var $from = state.selection.$from;
   return $from.parent.type === state.schema.nodes.paragraph && (0, _selection.atTheBeginningOfBlock)(state) && (0, _selection.atTheEndOfBlock)(state);
 };
-exports.isInsidePotentialEmptyParagraph = isInsidePotentialEmptyParagraph;
 var posOfMediaGroupBelow = function posOfMediaGroupBelow(state, $pos) {
   var prepend = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   var adjacentPos;
@@ -106,7 +99,7 @@ var posOfMediaGroupBelow = function posOfMediaGroupBelow(state, $pos) {
   }
   return;
 };
-var posOfParentMediaGroup = function posOfParentMediaGroup(state, $pos) {
+var posOfParentMediaGroup = exports.posOfParentMediaGroup = function posOfParentMediaGroup(state, $pos) {
   var prepend = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var $from = state.selection.$from;
   $pos = $pos || $from;
@@ -115,8 +108,7 @@ var posOfParentMediaGroup = function posOfParentMediaGroup(state, $pos) {
   }
   return;
 };
-exports.posOfParentMediaGroup = posOfParentMediaGroup;
-var removeMediaNode = function removeMediaNode(view, node, getPos) {
+var removeMediaNode = exports.removeMediaNode = function removeMediaNode(view, node, getPos) {
   var id = node.attrs.id;
   var state = view.state;
   var tr = state.tr,
@@ -139,15 +131,14 @@ var removeMediaNode = function removeMediaNode(view, node, getPos) {
   // Prosemirror didn't gave us the behaviour of moving left if the media node is not the last one.
   // So we handle it ourselves.
   if (selection.from === currentMediaNodePos && !isLastMediaNode && !(0, _selection.atTheBeginningOfDoc)(state) && nodeBefore && nodeBefore.type.name === 'media') {
-    var _nodeBefore = (0, _utils.findPositionOfNodeBefore)(tr.selection);
+    var _nodeBefore = (0, _utils2.findPositionOfNodeBefore)(tr.selection);
     if (_nodeBefore) {
       tr.setSelection(_state.NodeSelection.create(tr.doc, _nodeBefore));
     }
   }
   view.dispatch(tr);
 };
-exports.removeMediaNode = removeMediaNode;
-var splitMediaGroup = function splitMediaGroup(view) {
+var splitMediaGroup = exports.splitMediaGroup = function splitMediaGroup(view) {
   var selection = view.state.selection;
 
   // if selection is not a media node, do nothing.
@@ -157,17 +148,16 @@ var splitMediaGroup = function splitMediaGroup(view) {
   (0, _commands.deleteSelection)(view.state, view.dispatch);
   if (selection.$to.nodeAfter) {
     (0, _commands.splitBlock)(view.state, view.dispatch);
-    (0, _utils2.createParagraphNear)(false)(view.state, view.dispatch);
+    (0, _utils.createParagraphNear)(false)(view.state, view.dispatch);
   } else {
-    (0, _utils2.createNewParagraphBelow)(view.state, view.dispatch);
+    (0, _utils.createNewParagraphBelow)(view.state, view.dispatch);
   }
   return true;
 };
-exports.splitMediaGroup = splitMediaGroup;
 var isOptionalAttr = function isOptionalAttr(attr) {
   return attr.length > 1 && attr[0] === '_' && attr[1] === '_';
 };
-var copyOptionalAttrsFromMediaState = function copyOptionalAttrsFromMediaState(mediaState, node) {
+var copyOptionalAttrsFromMediaState = exports.copyOptionalAttrsFromMediaState = function copyOptionalAttrsFromMediaState(mediaState, node) {
   Object.keys(node.attrs).filter(isOptionalAttr).forEach(function (key) {
     var mediaStateKey = key.substring(2);
     var attrValue = mediaState[mediaStateKey];
@@ -177,111 +167,7 @@ var copyOptionalAttrsFromMediaState = function copyOptionalAttrsFromMediaState(m
     }
   });
 };
-exports.copyOptionalAttrsFromMediaState = copyOptionalAttrsFromMediaState;
-var transformSliceToCorrectMediaWrapper = function transformSliceToCorrectMediaWrapper(slice, schema) {
-  var _schema$nodes = schema.nodes,
-    mediaGroup = _schema$nodes.mediaGroup,
-    mediaSingle = _schema$nodes.mediaSingle,
-    media = _schema$nodes.media;
-  return (0, _utils2.mapSlice)(slice, function (node, parent) {
-    if (!parent && node.type === media) {
-      if (mediaSingle && ((0, _isImage.isImage)(node.attrs.__fileMimeType) || node.attrs.type === 'external')) {
-        return mediaSingle.createChecked({}, node);
-      } else {
-        return mediaGroup.createChecked({}, [node]);
-      }
-    }
-    return node;
-  });
-};
-
-/**
- * Check base styles to see if an element will be invisible when rendered in a document.
- * @param element
- */
-exports.transformSliceToCorrectMediaWrapper = transformSliceToCorrectMediaWrapper;
-var isElementInvisible = function isElementInvisible(element) {
-  return element.style.opacity === '0' || element.style.display === 'none' || element.style.visibility === 'hidden';
-};
-var VALID_TAGS_CONTAINER = ['DIV', 'TD'];
-function canContainImage(element) {
-  if (!element) {
-    return false;
-  }
-  return VALID_TAGS_CONTAINER.indexOf(element.tagName) !== -1;
-}
-
-/**
- * Given a html string, we attempt to hoist any nested `<img>` tags,
- * not directly wrapped by a `<div>` as ProseMirror no-op's
- * on those scenarios.
- * @param html
- */
-var unwrapNestedMediaElements = function unwrapNestedMediaElements(html) {
-  var parser = new DOMParser();
-  var doc = parser.parseFromString(html, 'text/html');
-  var wrapper = doc.body;
-
-  // Remove Google Doc's wrapper <b> el
-  var docsWrapper = wrapper.querySelector('b[id^="docs-internal-guid-"]');
-  if (docsWrapper) {
-    (0, _utils2.unwrap)(wrapper, docsWrapper);
-  }
-  var imageTags = wrapper.querySelectorAll('img');
-  if (!imageTags.length) {
-    return html;
-  }
-  imageTags.forEach(function (imageTag) {
-    // Capture the immediate parent, we may remove the media from here later.
-    var mediaParent = imageTag.parentElement;
-    if (!mediaParent) {
-      return;
-    }
-
-    // If either the parent or the image itself contains styles that would make
-    // them invisible on copy, dont paste them.
-    if (isElementInvisible(mediaParent) || isElementInvisible(imageTag)) {
-      mediaParent.removeChild(imageTag);
-      return;
-    }
-
-    // If its wrapped by a valid container we assume its safe to bypass.
-    // ProseMirror should handle these cases properly.
-    if (canContainImage(mediaParent) || mediaParent instanceof HTMLSpanElement && mediaParent.closest('[class*="emoji-common"]')) {
-      return;
-    }
-
-    // Find the top most element that the parent has a valid container for the image.
-    // Stop just before found the wrapper
-    var insertBeforeElement = (0, _utils2.walkUpTreeUntil)(mediaParent, function (element) {
-      // If is at the top just use this element as reference
-      if (element.parentElement === wrapper) {
-        return true;
-      }
-      return canContainImage(element.parentElement);
-    });
-
-    // Here we try to insert the media right after its top most valid parent element
-    // Unless its the last element in our structure then we will insert above it.
-    if (insertBeforeElement && insertBeforeElement.parentElement) {
-      // Insert as close as possible to the most closest valid element index in the tree.
-      insertBeforeElement.parentElement.insertBefore(imageTag, insertBeforeElement.nextElementSibling || insertBeforeElement);
-
-      // Attempt to clean up lines left behind by the image
-      mediaParent.innerText = mediaParent.innerText.trim();
-      // Walk up and delete empty elements left over after removing the image tag
-      (0, _utils2.removeNestedEmptyEls)(mediaParent);
-    }
-  });
-
-  // If last child is a hardbreak we don't want it
-  if (wrapper.lastElementChild && wrapper.lastElementChild.tagName === 'BR') {
-    wrapper.removeChild(wrapper.lastElementChild);
-  }
-  return wrapper.innerHTML;
-};
-exports.unwrapNestedMediaElements = unwrapNestedMediaElements;
-var getMediaNodeFromSelection = function getMediaNodeFromSelection(state) {
+var getMediaNodeFromSelection = exports.getMediaNodeFromSelection = function getMediaNodeFromSelection(state) {
   if (!isSelectionMediaSingleNode(state)) {
     return null;
   }
@@ -292,5 +178,4 @@ var getMediaNodeFromSelection = function getMediaNodeFromSelection(state) {
     return mediaNode;
   }
   return null;
-};
-exports.getMediaNodeFromSelection = getMediaNodeFromSelection;
+};

package/dist/cjs/plugins/media/utils/media-files.js

@@ -10,11 +10,10 @@ var _mediaCommon = require("./media-common");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _selection = require("@atlaskit/editor-common/selection");
 var _analytics = require("@atlaskit/editor-common/analytics");
-var canInsertMediaInline = function canInsertMediaInline(state) {
+var canInsertMediaInline = exports.canInsertMediaInline = function canInsertMediaInline(state) {
   var node = state.schema.nodes.mediaInline.create({});
   return (0, _utils2.canInsert)(state.selection.$to, _model.Fragment.from(node));
 };
-exports.canInsertMediaInline = canInsertMediaInline;
 var getInsertMediaGroupAnalytics = function getInsertMediaGroupAnalytics(mediaState, inputMethod) {
   var media = '';
   if (mediaState.length === 1) {
@@ -77,7 +76,7 @@ function shouldAppendParagraph(state, node) {
  * @param mediaState Media file to be added to the editor
  * @param collection Collection for the media to be added
  */
-var insertMediaInlineNode = function insertMediaInlineNode(editorAnalyticsAPI) {
+var insertMediaInlineNode = exports.insertMediaInlineNode = function insertMediaInlineNode(editorAnalyticsAPI) {
   return function (view, mediaState, collection, inputMethod) {
     var state = view.state,
       dispatch = view.dispatch;
@@ -110,7 +109,7 @@ var insertMediaInlineNode = function insertMediaInlineNode(editorAnalyticsAPI) {
     } else {
       tr.insert(pos, content).deleteRange(deleteRange.start, deleteRange.end);
     }
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaInlineAnalytics(mediaState, inputMethod))(tr);
+    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaInlineAnalytics(mediaState, inputMethod))(tr);
     dispatch(tr);
     return true;
   };
@@ -123,8 +122,7 @@ var insertMediaInlineNode = function insertMediaInlineNode(editorAnalyticsAPI) {
  * @param mediaStates Media files to be added to the editor
  * @param collection Collection for the media to be added
  */
-exports.insertMediaInlineNode = insertMediaInlineNode;
-var insertMediaGroupNode = function insertMediaGroupNode(editorAnalyticsAPI) {
+var insertMediaGroupNode = exports.insertMediaGroupNode = function insertMediaGroupNode(editorAnalyticsAPI) {
   return function (view, mediaStates, collection, inputMethod) {
     var state = view.state,
       dispatch = view.dispatch;
@@ -158,7 +156,7 @@ var insertMediaGroupNode = function insertMediaGroupNode(editorAnalyticsAPI) {
       } else {
         tr.insert(mediaInsertPos, content).deleteRange(deleteRange.start, deleteRange.end);
       }
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
       dispatch(tr);
       setSelectionAfterMediaInsertion(view);
       return;
@@ -168,11 +166,10 @@ var insertMediaGroupNode = function insertMediaGroupNode(editorAnalyticsAPI) {
     if (withParagraph && parent.type !== schema.nodes.mediaGroup) {
       content.push(paragraph.create());
     }
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
+    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
     dispatch((0, _utils2.safeInsert)(_model.Fragment.fromArray(content), mediaInsertPos)(tr));
   };
 };
-exports.insertMediaGroupNode = insertMediaGroupNode;
 var createMediaFileNodes = function createMediaFileNodes(mediaStates, collection, media) {
   var nodes = mediaStates.map(function (mediaState) {
     var id = mediaState.id;
@@ -205,7 +202,7 @@ var findRootListNode = function findRootListNode(state) {
  * @param content Content to be inserted
  * @param state Editor State
  */
-var getPosInList = function getPosInList(state) {
+var getPosInList = exports.getPosInList = function getPosInList(state) {
   var _state$schema$nodes2 = state.schema.nodes,
     mediaGroup = _state$schema$nodes2.mediaGroup,
     listItem = _state$schema$nodes2.listItem;
@@ -237,7 +234,6 @@ var getPosInList = function getPosInList(state) {
  * @param content Content to be inserted
  * @param state Editor state
  */
-exports.getPosInList = getPosInList;
 var findMediaInsertPos = function findMediaInsertPos(state) {
   var _state$selection = state.selection,
     $from = _state$selection.$from,