@atlaskit/editor-core 188.2.0 → 188.2.1

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

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.toolbarButtonWrapper = exports.menuItemDimensions = exports.line = exports.itemSpacing = exports.contextualSubMenu = exports.contextualMenuColorIcon = exports.contextualMenuArrow = exports.buttonWrapperStyle = exports.buttonStyle = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
+var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var colors = _colors;
-var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _constants = require("@atlaskit/theme/constants");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 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); }
@@ -26,12 +26,12 @@ var menuItemDimensions = exports.menuItemDimensions = {
 // TODO: Migrate away from gridSize
 // Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
 var itemSpacing = exports.itemSpacing = (0, _constants.gridSize)() / 2;
-var contextualMenuArrow = exports.contextualMenuArrow = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  &::after {\n    content: '\u203A';\n    margin-left: 4px;\n    line-height: 20px;\n    color: ", ";\n  }\n"])), "var(--ds-icon, ".concat(_colors.N90, ")"));
+var contextualMenuArrow = exports.contextualMenuArrow = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  &::after {\n    content: '\u203A';\n    margin-left: ", ";\n    line-height: 20px;\n    color: ", ";\n  }\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(_colors.N90, ")"));
 var contextualMenuColorIcon = exports.contextualMenuColorIcon = function contextualMenuColorIcon(color) {
   return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  &::before {\n    content: '';\n    display: block;\n    border: 1px solid ", ";\n    border-radius: ", ";\n    width: 20px;\n    height: 20px;\n    ", "\n  }\n"])), contextualMenuArrow, _uiColor.DEFAULT_BORDER_COLOR, "var(--ds-border-radius-100, 3px)", color && "background: ".concat(color));
 };
 var contextualSubMenu = exports.contextualSubMenu = function contextualSubMenu(index) {
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: ", ";\n  background: ", ";\n  box-shadow: ", ";\n  display: flex;\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n  padding: 8px;\n\n  > div {\n    padding: 0;\n  }\n"])), "var(--ds-border-radius-100, 3px)", "var(--ds-surface-overlay, white)", "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"), index * (menuItemDimensions.height + itemSpacing * 2), menuItemDimensions.width);
+  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: ", ";\n  background: ", ";\n  box-shadow: ", ";\n  display: flex;\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n  padding: ", ";\n\n  > div {\n    padding: 0;\n  }\n"])), "var(--ds-border-radius-100, 3px)", "var(--ds-surface-overlay, white)", "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"), index * (menuItemDimensions.height + itemSpacing * 2), menuItemDimensions.width, "var(--ds-space-100, 8px)");
 };
 var buttonStyle = exports.buttonStyle = function buttonStyle(selected) {
   return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  height: 26px;\n  width: 26px;\n  padding: 0;\n  border-radius: 4px;\n  background-color: ", ";\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: block;\n"])), selected ? "var(--ds-text, ".concat(_colors.N800, ")") : "var(--ds-background-neutral, ".concat(_colors.N20A, ")"), _uiColor.DEFAULT_BORDER_COLOR);

package/dist/cjs/plugins/media/ui/Media/DropPlaceholder.js

@@ -7,17 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _constants = require("@atlaskit/theme/constants");
-var _colors = require("@atlaskit/theme/colors");
-var _documentFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/document-filled"));
-var _adfSchema = require("@atlaskit/adf-schema");
 var _reactIntlNext = require("react-intl-next");
-var _dropPlaceholderMessages = require("./drop-placeholder-messages");
+var _adfSchema = require("@atlaskit/adf-schema");
+var _documentFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/document-filled"));
+var _colors = require("@atlaskit/theme/colors");
+var _constants = require("@atlaskit/theme/constants");
 var _media = require("../../nodeviews/mediaNodeView/media");
+var _dropPlaceholderMessages = require("./drop-placeholder-messages");
 var _templateObject, _templateObject2;
 /** @jsx jsx */
 var iconWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  background: ", ";\n  border-radius: ", "px;\n  margin: 5px 3px 25px;\n  width: ", "px;\n  min-height: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), "var(--ds-icon-accent-blue, ".concat((0, _adfSchema.hexToRgba)(_colors.B400, 0.4) || _colors.B400, ")"), "var(--ds-background-accent-blue-subtle, ".concat((0, _adfSchema.hexToRgba)(_colors.B300, 0.6) || _colors.B300, ")"), (0, _constants.borderRadius)(), _media.FILE_WIDTH, _media.MEDIA_HEIGHT);
-var dropLine = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border-radius: ", "px;\n  margin: 2px 0;\n  width: 100%;\n  height: 2px;\n"])), "var(--ds-border-focused, ".concat(_colors.B200, ")"), (0, _constants.borderRadius)());
+var dropLine = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border-radius: ", "px;\n  margin: ", " 0;\n  width: 100%;\n  height: 2px;\n"])), "var(--ds-border-focused, ".concat(_colors.B200, ")"), (0, _constants.borderRadius)(), "var(--ds-space-025, 2px)");
 var IconWrapperComponent = function IconWrapperComponent(props) {
   var intl = props.intl;
   var dropPlaceholderLabel = _dropPlaceholderMessages.dropPlaceholderMessages.dropPlaceholderLabel;

package/dist/cjs/plugins/media/ui/MediaLinkingToolbar.js

@@ -16,14 +16,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _ui = require("@atlaskit/editor-common/ui");
-var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
-var _unlink = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/unlink"));
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _link = require("@atlaskit/editor-common/link");
 var _messages = require("@atlaskit/editor-common/messages");
+var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
+var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
+var _unlink = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/unlink"));
 var _colors = require("@atlaskit/theme/colors");
-var _analytics = require("@atlaskit/editor-common/analytics");
 var _mediaLinkingToolbarMessages = require("./media-linking-toolbar-messages");
 var _templateObject, _templateObject2;
 /** @jsx jsx */

package/dist/cjs/plugins/media/ui/MediaPicker/BrowserWrapper.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.BrowserWrapper = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _PickerFacadeProvider = _interopRequireDefault(require("./PickerFacadeProvider"));
 var _mediaPicker = require("@atlaskit/media-picker");
+var _PickerFacadeProvider = _interopRequireDefault(require("./PickerFacadeProvider"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BrowserWrapper = exports.BrowserWrapper = function BrowserWrapper(_ref) {

package/dist/cjs/plugins/media/ui/MediaPicker/ClipboardWrapper.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ClipboardWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _PickerFacadeProvider = _interopRequireDefault(require("./PickerFacadeProvider"));
 var _mediaPicker = require("@atlaskit/media-picker");
+var _PickerFacadeProvider = _interopRequireDefault(require("./PickerFacadeProvider"));
 var ClipboardWrapper = exports.ClipboardWrapper = function ClipboardWrapper(_ref) {
   var mediaState = _ref.mediaState,
     featureFlags = _ref.featureFlags,

package/dist/cjs/plugins/media/ui/MediaPicker/DropzoneWrapper.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.DropzoneWrapper = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _ui = require("@atlaskit/editor-common/ui");
 var _mediaPicker = require("@atlaskit/media-picker");
 var _PickerFacadeProvider = _interopRequireDefault(require("./PickerFacadeProvider"));
-var _ui = require("@atlaskit/editor-common/ui");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DropzoneWrapper = exports.DropzoneWrapper = function DropzoneWrapper(_ref) {

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

@@ -13,10 +13,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _BrowserWrapper = require("./BrowserWrapper");
 var _ClipboardWrapper = require("./ClipboardWrapper");
 var _DropzoneWrapper = require("./DropzoneWrapper");
-var _BrowserWrapper = require("./BrowserWrapper");
-var _hooks = require("@atlaskit/editor-common/hooks");
 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 MediaPicker = function MediaPicker(_ref) {

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

@@ -8,15 +8,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.PixelEntry = exports.FullWidthDisplay = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
-var _react2 = require("react");
-var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
-var _styles = require("./styles");
-var _messages = require("./messages");
+var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("./constants");
+var _messages = require("./messages");
+var _styles = require("./styles");
 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; }
 /** @jsx jsx */
@@ -32,23 +32,23 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
     formatMessage = _ref.intl.formatMessage,
     showMigration = _ref.showMigration,
     onMigrate = _ref.onMigrate;
-  var ratioWidth = (0, _react2.useMemo)(function () {
+  var ratioWidth = (0, _react.useMemo)(function () {
     return mediaHeight / mediaWidth;
   }, [mediaHeight, mediaWidth]);
-  var ratioHeight = (0, _react2.useMemo)(function () {
+  var ratioHeight = (0, _react.useMemo)(function () {
     return mediaWidth / mediaHeight;
   }, [mediaHeight, mediaWidth]);
-  var _useState = (0, _react2.useState)(width),
+  var _useState = (0, _react.useState)(width),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     computedWidth = _useState2[0],
     setComputedWidth = _useState2[1];
-  var _useState3 = (0, _react2.useState)(Math.round(ratioWidth * width)),
+  var _useState3 = (0, _react.useState)(Math.round(ratioWidth * width)),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     computedHeight = _useState4[0],
     setComputedHeight = _useState4[1];
 
   // Handle update to width from outside component
-  (0, _react2.useEffect)(function () {
+  (0, _react.useEffect)(function () {
     setComputedWidth(width);
     setComputedHeight(Math.round(ratioWidth * width));
   }, [width, ratioWidth]);
@@ -85,7 +85,7 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
   };
 
   // Handle updating computed fields based on
-  var handleOnChange = (0, _react2.useCallback)(function (type) {
+  var handleOnChange = (0, _react.useCallback)(function (type) {
     return function (event) {
       var value = parseInt(event.currentTarget.value);
       var newInputValue = isNaN(value) ? '' : value;
@@ -112,36 +112,36 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
     };
   }, [minWidth, maxWidth, onChange, ratioWidth, ratioHeight]);
   if (showMigration) {
-    return (0, _react.jsx)(_tooltip.default, {
+    return (0, _react2.jsx)(_tooltip.default, {
       content: formatMessage(_messages.messages.migrationButtonTooltip)
-    }, (0, _react.jsx)(_button.default, {
+    }, (0, _react2.jsx)(_button.default, {
       appearance: "warning",
       spacing: "compact",
       onClick: onMigrate,
       testId: _constants.PIXELENTRY_MIGRATION_BUTTON_TESTID
     }, formatMessage(_messages.messages.migrationButtonText)));
   }
-  return (0, _react.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     css: _styles.pixelEntryForm
-  }, (0, _react.jsx)(_form.default, {
+  }, (0, _react2.jsx)(_form.default, {
     onSubmit: handleOnSubmit
   }, function (_ref2) {
     var formProps = _ref2.formProps;
-    return (0, _react.jsx)("form", formProps, (0, _react.jsx)("div", {
+    return (0, _react2.jsx)("form", formProps, (0, _react2.jsx)("div", {
       css: _styles.pixelSizingWrapper
-    }, (0, _react.jsx)(_form.Field, {
+    }, (0, _react2.jsx)(_form.Field, {
       key: "inputWidth",
       name: "inputWidth",
       defaultValue: computedWidth
     }, function (_ref3) {
       var fieldProps = _ref3.fieldProps;
-      return (0, _react.jsx)(_tooltip.default, {
+      return (0, _react2.jsx)(_tooltip.default, {
         hideTooltipOnMouseDown: true,
         content: formatMessage(_messages.messages.inputWidthTooltip, {
           maxWidth: maxWidth
         }),
         position: "top"
-      }, (0, _react.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
+      }, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
         css: [_styles.pixelSizingWidthInput, _styles.pixelSizingInput],
         appearance: "none",
         isCompact: true,
@@ -151,19 +151,19 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
           maxWidth: maxWidth
         })
       })));
-    }), (0, _react.jsx)("span", {
+    }), (0, _react2.jsx)("span", {
       css: _styles.pixelSizingLabel
-    }, "x"), (0, _react.jsx)(_form.Field, {
+    }, "x"), (0, _react2.jsx)(_form.Field, {
       key: "inputHeight",
       name: "inputHeight",
       defaultValue: computedHeight
     }, function (_ref4) {
       var fieldProps = _ref4.fieldProps;
-      return (0, _react.jsx)(_tooltip.default, {
+      return (0, _react2.jsx)(_tooltip.default, {
         hideTooltipOnMouseDown: true,
         content: formatMessage(_messages.messages.inputHeightTooltip),
         position: "top"
-      }, (0, _react.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
+      }, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
         css: [_styles.pixelSizingHeightInput, _styles.pixelSizingInput],
         appearance: "none",
         isCompact: true,
@@ -171,7 +171,7 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
         pattern: "\\d*",
         "aria-label": formatMessage(_messages.messages.inputHeightAriaLabel)
       })));
-    }), (0, _react.jsx)(_button.default, {
+    }), (0, _react2.jsx)(_button.default, {
       css: _styles.pixelEntryHiddenSubmit,
       type: "submit"
     }, formatMessage(_messages.messages.submitButtonText))));
@@ -179,7 +179,7 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
 };
 var FullWidthDisplay = exports.FullWidthDisplay = function FullWidthDisplay(_ref5) {
   var formatMessage = _ref5.intl.formatMessage;
-  return (0, _react.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     css: _styles.pixelSizingFullWidthLabelStyles
-  }, (0, _react.jsx)("span", null, formatMessage(_messages.messages.fullWidthLabel)));
+  }, (0, _react2.jsx)("span", null, formatMessage(_messages.messages.fullWidthLabel)));
 };

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

@@ -17,22 +17,22 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _ui = require("@atlaskit/editor-common/ui");
-var _utils2 = require("@atlaskit/editor-common/utils");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _styled = require("./styled");
-var _resizer = require("@atlaskit/editor-common/resizer");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _styles = require("@atlaskit/editor-common/styles");
-var _mediaSingle = require("@atlaskit/editor-common/media-single");
-var _guideline = require("@atlaskit/editor-common/guideline");
-var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _analytics = require("../../utils/analytics");
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
+var _memoizeOne = _interopRequireDefault(require("memoize-one"));
+var _guideline = require("@atlaskit/editor-common/guideline");
+var _mediaSingle = require("@atlaskit/editor-common/media-single");
+var _resizer = require("@atlaskit/editor-common/resizer");
+var _styles = require("@atlaskit/editor-common/styles");
+var _ui = require("@atlaskit/editor-common/ui");
+var _utils = require("@atlaskit/editor-common/utils");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _main = require("../../pm-plugins/main");
-var _ResizableMediaMigrationNotification = require("./ResizableMediaMigrationNotification");
+var _analytics = require("../../utils/analytics");
 var _checkMediaType = require("../../utils/check-media-type");
+var _ResizableMediaMigrationNotification = require("./ResizableMediaMigrationNotification");
+var _styled = require("./styled");
 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 = exports.resizerNextTestId = 'mediaSingle.resizerNext.testid';
@@ -186,7 +186,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       if (_this.pos === null) {
         return;
       }
-      (0, _utils2.setNodeSelection)(_this.props.view, _this.pos);
+      (0, _utils.setNodeSelection)(_this.props.view, _this.pos);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResizeStart", function () {
       _this.setState({
@@ -383,7 +383,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         return false;
       }
       var listItem = this.props.view.state.schema.nodes.listItem;
-      return !!(0, _utils.findParentNodeOfTypeClosestToPos)($pos, [listItem]);
+      return !!(0, _utils2.findParentNodeOfTypeClosestToPos)($pos, [listItem]);
     }
   }, {
     key: "insideLayout",
@@ -393,7 +393,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         return false;
       }
       var layoutColumn = this.props.view.state.schema.nodes.layoutColumn;
-      return !!(0, _utils.findParentNodeOfTypeClosestToPos)($pos, [layoutColumn]);
+      return !!(0, _utils2.findParentNodeOfTypeClosestToPos)($pos, [layoutColumn]);
     }
   }, {
     key: "isGuidelineEnabled",
@@ -486,7 +486,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       var enable = {};
       _ui.handleSides.forEach(function (side) {
         var oppositeSide = side === 'left' ? 'right' : 'left';
-        enable[side] = _utils2.nonWrappedLayouts.concat("wrap-".concat(oppositeSide)).concat("align-".concat(_ui.imageAlignmentMap[oppositeSide])).indexOf(layout) > -1;
+        enable[side] = _utils.nonWrappedLayouts.concat("wrap-".concat(oppositeSide)).concat("align-".concat(_ui.imageAlignmentMap[oppositeSide])).indexOf(layout) > -1;
         if (side === 'left' && _this2.insideInlineLike) {
           enable[side] = false;
         }
@@ -524,7 +524,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         handleResize: this.handleResize,
         handleResizeStop: this.handleResizeStop,
         snap: this.state.snaps,
-        resizeRatio: _utils2.nonWrappedLayouts.includes(layout) ? 2 : 1,
+        resizeRatio: _utils.nonWrappedLayouts.includes(layout) ? 2 : 1,
         "data-testid": resizerNextTestId,
         isHandleVisible: selected,
         handlePositioning: isNestedNode ? 'adjacent' : undefined,

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

@@ -17,13 +17,13 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _ui = require("@atlaskit/editor-common/ui");
+var _utils = require("@atlaskit/editor-common/utils");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _styled = require("./styled");
-var _mediaSingle = require("@atlaskit/editor-common/media-single");
-var _utils2 = require("@atlaskit/editor-common/utils");
 var _checkMediaType = require("../../utils/check-media-type");
+var _styled = require("./styled");
 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 = exports.default = /*#__PURE__*/function (_React$Component) {
@@ -60,7 +60,7 @@ var ResizableMediaSingle = exports.default = /*#__PURE__*/function (_React$Compo
       _this.setState({
         resizedPctWidth: newPct
       });
-      var newLayout = (0, _utils.hasParentNodeOfType)(state.schema.nodes.table)(state.selection) ? layout : _this.calcUnwrappedLayout(newPct, newWidth);
+      var newLayout = (0, _utils2.hasParentNodeOfType)(state.schema.nodes.table)(state.selection) ? layout : _this.calcUnwrappedLayout(newPct, newWidth);
       if (newPct <= 100) {
         if (_this.wrappedLayout && (stop ? newPct !== 100 : true)) {
           newLayout = layout;
@@ -125,7 +125,7 @@ var ResizableMediaSingle = exports.default = /*#__PURE__*/function (_React$Compo
         table = _this$props$view$stat.table,
         expand = _this$props$view$stat.expand,
         nestedExpand = _this$props$view$stat.nestedExpand;
-      if (_this.$pos && !!(0, _utils.findParentNodeOfTypeClosestToPos)(_this.$pos, [layoutColumn, table, expand, nestedExpand].filter(Boolean))) {
+      if (_this.$pos && !!(0, _utils2.findParentNodeOfTypeClosestToPos)(_this.$pos, [layoutColumn, table, expand, nestedExpand].filter(Boolean))) {
         return [];
       }
       if (snapWidth > _editorSharedStyles.akEditorWideLayoutWidth) {
@@ -187,7 +187,7 @@ var ResizableMediaSingle = exports.default = /*#__PURE__*/function (_React$Compo
       if (!this.$pos) {
         return false;
       }
-      return !!(0, _utils.findParentNodeOfTypeClosestToPos)(this.$pos, table);
+      return !!(0, _utils2.findParentNodeOfTypeClosestToPos)(this.$pos, table);
     }
   }, {
     key: "componentDidMount",
@@ -317,7 +317,7 @@ var ResizableMediaSingle = exports.default = /*#__PURE__*/function (_React$Compo
         return false;
       }
       var listItem = this.props.view.state.schema.nodes.listItem;
-      return !!(0, _utils.findParentNodeOfTypeClosestToPos)($pos, [listItem]);
+      return !!(0, _utils2.findParentNodeOfTypeClosestToPos)($pos, [listItem]);
     }
   }, {
     key: "insideLayout",
@@ -327,7 +327,7 @@ var ResizableMediaSingle = exports.default = /*#__PURE__*/function (_React$Compo
         return false;
       }
       var layoutColumn = this.props.view.state.schema.nodes.layoutColumn;
-      return !!(0, _utils.findParentNodeOfTypeClosestToPos)($pos, [layoutColumn]);
+      return !!(0, _utils2.findParentNodeOfTypeClosestToPos)($pos, [layoutColumn]);
     }
   }, {
     key: "render",
@@ -399,7 +399,7 @@ var ResizableMediaSingle = exports.default = /*#__PURE__*/function (_React$Compo
         selected: selected,
         enable: enable,
         calcNewSize: this.calcNewSize,
-        snapPoints: (0, _utils2.calculateSnapPoints)(snapPointsProps),
+        snapPoints: (0, _utils.calculateSnapPoints)(snapPointsProps),
         scaleFactor: !this.wrappedLayout && !this.insideInlineLike ? 2 : 1,
         highlights: this.highlights,
         nodeType: "media",

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _attachment = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/attachment"));
+var _reactIntlNext = require("react-intl-next");
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _attachment = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/attachment"));
 var _toolbarMediaMessages = require("./toolbar-media-messages");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _reactIntlNext = require("react-intl-next");
 var onClickMediaButton = function onClickMediaButton(pluginState) {
   return function () {
     pluginState.showMediaPicker();

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

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.insertMediaInlineNode = exports.insertMediaGroupNode = exports.getPosInList = exports.canInsertMediaInline = void 0;
-var _model = require("@atlaskit/editor-prosemirror/model");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("@atlaskit/editor-common/utils");
-var _mediaCommon = require("./media-common");
+var _model = require("@atlaskit/editor-prosemirror/model");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
-var _selection = require("@atlaskit/editor-common/selection");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _mediaCommon = require("./media-common");
 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));

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

@@ -8,15 +8,15 @@ exports.insertMediaSingleNode = exports.insertMediaAsMediaSingle = exports.creat
 exports.isCaptionNode = isCaptionNode;
 exports.isVideo = exports.isMediaSingle = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _insert = require("@atlaskit/editor-common/insert");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
+var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _insert = require("@atlaskit/editor-common/insert");
-var _mediaCommon = require("../utils/media-common");
-var _selection = require("@atlaskit/editor-common/selection");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _mediaCommon = require("../utils/media-common");
 var _isImage = require("./is-image");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/dist/cjs/plugins/selection/gap-cursor/utils/place-gap-cursor.js

@@ -56,7 +56,9 @@ var measureValue = function measureValue(style, measureValues) {
   return result;
 };
 var mutateElementStyle = function mutateElementStyle(element, style, side) {
+  element.style.transform = style.getPropertyValue('transform');
   if ((0, _utils.isLeftCursor)(side)) {
+    element.style.width = style.getPropertyValue('width');
     element.style.marginLeft = style.getPropertyValue('margin-left');
   } else {
     var marginRight = parseFloat(style.getPropertyValue('margin-right'));

package/dist/cjs/version-wrapper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "188.2.0";
+var version = exports.version = "188.2.1";
 var nextMajorVersion = exports.nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/plugins/media/commands/captions.js

@@ -1,5 +1,5 @@
-import { setTextSelection } from '@atlaskit/editor-prosemirror/utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { setTextSelection } from '@atlaskit/editor-prosemirror/utils';
 export const selectCaptionFromMediaSinglePos = (mediaSingleNodePos, mediaSingleNode) => (state, dispatch) => {
   // node should have two children, media and caption
   if (mediaSingleNode.childCount !== 2) {

package/dist/es2019/plugins/media/commands/helpers.js

@@ -1,5 +1,5 @@
-import { stateKey as mediaPluginKey } from '../pm-plugins/plugin-key';
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
+import { stateKey as mediaPluginKey } from '../pm-plugins/plugin-key';
 /**
  * Note that Media Inline is inserted like a media single node into the media plugin state.
  * Though it is not of type mediaSingle, it shares the same `findMediaSingleNode` method

package/dist/es2019/plugins/media/commands/linking.js

@@ -1,11 +1,11 @@
-import { createMediaLinkingCommand, getMediaLinkingState, mediaLinkingPluginKey } from '../pm-plugins/linking';
-import { normalizeUrl } from '@atlaskit/editor-common/utils';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { createToggleBlockMarkOnRange } from '@atlaskit/editor-common/commands';
+import { normalizeUrl } from '@atlaskit/editor-common/utils';
+import { createMediaLinkingCommand, getMediaLinkingState, mediaLinkingPluginKey } from '../pm-plugins/linking';
 import { MediaLinkingActionsTypes } from '../pm-plugins/linking/actions';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { currentMediaNode } from '../utils/current-media-node';
-import { checkMediaType } from '../utils/check-media-type';
 import { getMediaPluginState } from '../pm-plugins/main';
+import { checkMediaType } from '../utils/check-media-type';
+import { currentMediaNode } from '../utils/current-media-node';
 export const showLinkingToolbar = createMediaLinkingCommand(state => {
   const mediaLinkingState = getMediaLinkingState(state);
   if (mediaLinkingState && mediaLinkingState.mediaPos !== null) {

package/dist/es2019/plugins/media/index.js

@@ -1,28 +1,28 @@
 import React from 'react';
+import { media, mediaGroup, mediaInline, mediaSingleSpec } from '@atlaskit/adf-schema';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { PluginKey, NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconImages } from '@atlaskit/editor-common/quick-insert';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { media, mediaGroup, mediaInline, mediaSingleSpec } from '@atlaskit/adf-schema';
-import { stateKey as pluginKey, createPlugin } from './pm-plugins/main';
+import { NodeSelection, PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { ReactMediaGroupNode } from './nodeviews/mediaGroup';
+import { ReactMediaInlineNode } from './nodeviews/mediaInline';
+import { ReactMediaNode } from './nodeviews/mediaNodeView';
+import { ReactMediaSingleNode } from './nodeviews/mediaSingle';
 import { createPlugin as createMediaAltTextPlugin } from './pm-plugins/alt-text';
 import keymapMediaAltTextPlugin from './pm-plugins/alt-text/keymap';
-import keymapMediaSinglePlugin from './pm-plugins/keymap-media-single';
-import keymapLinkingPlugin from './pm-plugins/linking/keymap';
 import keymapPlugin from './pm-plugins/keymap';
+import keymapMediaSinglePlugin from './pm-plugins/keymap-media-single';
 import linkingPlugin from './pm-plugins/linking';
-import ToolbarMedia from './ui/ToolbarMedia';
-import { ReactMediaGroupNode } from './nodeviews/mediaGroup';
-import { ReactMediaSingleNode } from './nodeviews/mediaSingle';
+import keymapLinkingPlugin from './pm-plugins/linking/keymap';
+import { createPlugin, stateKey as pluginKey } from './pm-plugins/main';
+import { stateKey } from './pm-plugins/plugin-key';
 import { floatingToolbar } from './toolbar';
-import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { IconImages } from '@atlaskit/editor-common/quick-insert';
 import { MediaPickerComponents } from './ui/MediaPicker';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { ReactMediaNode } from './nodeviews/mediaNodeView';
-import { ReactMediaInlineNode } from './nodeviews/mediaInline';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { stateKey } from './pm-plugins/plugin-key';
+import ToolbarMedia from './ui/ToolbarMedia';
 import { insertMediaAsMediaSingle } from './utils/media-single';
 export { insertMediaSingleNode } from './utils/media-single';
 const MediaPickerFunctionalComponent = ({

package/dist/es2019/plugins/media/nodeviews/mediaGroup.js

@@ -1,16 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import { injectIntl } from 'react-intl-next';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
+import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
+import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { Filmstrip } from '@atlaskit/media-filmstrip';
-import React from 'react';
-import ReactNodeView from '@atlaskit/editor-common/react-node-view';
-import { SelectedState, isNodeSelectedOrInRange, setNodeSelection } from '@atlaskit/editor-common/utils';
 import { stateKey as mediaStateKey } from '../pm-plugins/plugin-key';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
-import { getMediaFeatureFlag } from '@atlaskit/media-common';
-import { injectIntl } from 'react-intl-next';
 import { messages } from './messages';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 const isMediaGroupSelectedFromProps = props => {
   /**
    *  ED-19831