@atlaskit/editor-plugin-media 0.12.5 → 0.12.6

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-plugin-media
 
+## 0.12.6
+
+### Patch Changes
+
+- [#71136](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71136) [`c803fea1e6a4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c803fea1e6a4) - Move all plugin translations to editor-common
+- Updated dependencies
+
 ## 0.12.5
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaGroup.js

@@ -17,6 +17,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
+var _media = require("@atlaskit/editor-common/media");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _utils = require("@atlaskit/editor-common/utils");
@@ -25,7 +26,6 @@ var _mediaCommon = require("@atlaskit/media-common");
 var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
 var _pluginKey = require("../pm-plugins/plugin-key");
 var _mediaNodeUpdater = require("./mediaNodeUpdater");
-var _messages = require("./messages");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(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); }; }
@@ -161,7 +161,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
               actions: [{
                 handler: disabled || !_this.mediaPluginState ? function () {} : _this.mediaPluginState.handleMediaNodeRemoval.bind(null, undefined, getNodePos),
                 icon: /*#__PURE__*/_react.default.createElement(_close.default, {
-                  label: _this.props.intl.formatMessage(_messages.messages.mediaGroupDeleteLabel)
+                  label: _this.props.intl.formatMessage(_media.nodeViewsMessages.mediaGroupDeleteLabel)
                 })
               }]
             };

package/dist/cjs/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -19,13 +19,13 @@ var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _media = require("@atlaskit/editor-common/media");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
 var _colors = require("@atlaskit/theme/colors");
 var _commands = require("../commands");
-var _messages = require("../messages");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 /** @jsx jsx */
 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); }; }
@@ -138,7 +138,7 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
     value: function render() {
       var formatMessage = this.props.intl.formatMessage;
       var showClearTextButton = this.state.showClearTextButton;
-      var backButtonMessage = formatMessage(_messages.messages.back);
+      var backButtonMessage = formatMessage(_media.altTextMessages.back);
       var backButtonMessageComponent = (0, _react2.jsx)(_keymaps.ToolTipContent, {
         description: backButtonMessage,
         keymap: _keymaps.escape,
@@ -157,17 +157,17 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
       }, (0, _react2.jsx)("div", {
         css: buttonWrapper
       }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
-        title: formatMessage(_messages.messages.back),
+        title: formatMessage(_media.altTextMessages.back),
         icon: (0, _react2.jsx)(_chevronLeftLarge.default, {
-          label: formatMessage(_messages.messages.back)
+          label: formatMessage(_media.altTextMessages.back)
         }),
         tooltipContent: backButtonMessageComponent,
         onClick: this.closeMediaAltTextMenu
       })), (0, _react2.jsx)(_ui.PanelTextInput, {
         testId: "alt-text-input",
-        ariaLabel: formatMessage(_messages.messages.placeholder),
+        ariaLabel: formatMessage(_media.altTextMessages.placeholder),
         describedById: "".concat(hasErrors ? 'errors-list' : '', " support-text"),
-        placeholder: formatMessage(_messages.messages.placeholder),
+        placeholder: formatMessage(_media.altTextMessages.placeholder),
         defaultValue: this.state.lastValue,
         onCancel: this.dispatchCancelEvent,
         onChange: this.handleOnChange,
@@ -181,13 +181,13 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
         css: buttonWrapper
       }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
         testId: "alt-text-clear-button",
-        title: formatMessage(_messages.messages.clear),
+        title: formatMessage(_media.altTextMessages.clear),
         icon: (0, _react2.jsx)("span", {
           css: clearText
         }, (0, _react2.jsx)(_crossCircle.default, {
-          label: formatMessage(_messages.messages.clear)
+          label: formatMessage(_media.altTextMessages.clear)
         })),
-        tooltipContent: formatMessage(_messages.messages.clear),
+        tooltipContent: formatMessage(_media.altTextMessages.clear),
         onClick: this.handleClearText
       }))), hasErrors && (0, _react2.jsx)("section", {
         id: "errors-list",
@@ -197,7 +197,7 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
       }, errorsList), (0, _react2.jsx)("p", {
         css: supportText,
         id: "support-text"
-      }, formatMessage(_messages.messages.supportText)));
+      }, formatMessage(_media.altTextMessages.supportText)));
     }
   }, {
     key: "fireAnalytics",

package/dist/cjs/pm-plugins/keymap.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.keymapPlugin = keymapPlugin;
 var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _media = require("@atlaskit/editor-common/media");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _selection = require("@atlaskit/editor-common/selection");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
@@ -16,7 +17,6 @@ var _captions = require("../commands/captions");
 var _pluginKey = require("../pm-plugins/plugin-key");
 var _commands = require("../toolbar/commands");
 var _utils = require("../toolbar/utils");
-var _mediaResizeAnnouncerMess = require("./mediaResizeAnnouncerMess");
 function keymapPlugin(options, editorAnalyticsAPI, editorSelectionAPI, widthPlugin, getIntl) {
   var list = {};
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.undo.common, ignoreLinksInSteps, list);
@@ -81,11 +81,11 @@ var createAnnouncer = function createAnnouncer(action, mediaWidth, changeAmount,
   } else {
     var newMediaWidth = mediaWidth + changeAmount;
     if (validation === 'greater-than-max') {
-      announcerContainer.textContent = intl.formatMessage(_mediaResizeAnnouncerMess.mediaResizeAnnouncerMess.MediaWidthIsMax);
+      announcerContainer.textContent = intl.formatMessage(_media.mediaResizeAnnouncerMessMessages.MediaWidthIsMax);
     } else if (validation === 'less-than-min') {
-      announcerContainer.textContent = intl.formatMessage(_mediaResizeAnnouncerMess.mediaResizeAnnouncerMess.MediaWidthIsMin);
+      announcerContainer.textContent = intl.formatMessage(_media.mediaResizeAnnouncerMessMessages.MediaWidthIsMin);
     } else {
-      announcerContainer.textContent = intl.formatMessage(_mediaResizeAnnouncerMess.mediaResizeAnnouncerMess.DefaultMediaWidth, {
+      announcerContainer.textContent = intl.formatMessage(_media.mediaResizeAnnouncerMessMessages.DefaultMediaWidth, {
         action: action,
         newMediaWidth: newMediaWidth
       });
@@ -124,9 +124,9 @@ var handleMediaSizeChange = function handleMediaSizeChange(editorAnalyticsAPI, w
       validationResult = _validationMaxMin.validation;
     var formattedAction = action;
     if (action === 'increased') {
-      formattedAction = intl.formatMessage(_mediaResizeAnnouncerMess.mediaResizeAnnouncerMess.IncreasedAction);
+      formattedAction = intl.formatMessage(_media.mediaResizeAnnouncerMessMessages.IncreasedAction);
     } else if (action === 'decreased') {
-      formattedAction = intl.formatMessage(_mediaResizeAnnouncerMess.mediaResizeAnnouncerMess.DecreasedAction);
+      formattedAction = intl.formatMessage(_media.mediaResizeAnnouncerMessMessages.DecreasedAction);
     }
     var newLayout = (0, _utils.calcNewLayout)(newWidthValidated, (_getSelectedMediaSing2 = (0, _utils.getSelectedMediaSingle)(state)) === null || _getSelectedMediaSing2 === void 0 || (_getSelectedMediaSing2 = _getSelectedMediaSing2.node) === null || _getSelectedMediaSing2 === void 0 || (_getSelectedMediaSing2 = _getSelectedMediaSing2.attrs) === null || _getSelectedMediaSing2 === void 0 ? void 0 : _getSelectedMediaSing2.layout, contentWidth, options === null || options === void 0 ? void 0 : options.fullWidthEnabled);
     (0, _commands.updateMediaSingleWidth)(editorAnalyticsAPI)(newWidthValidated, validationResult, 'keyboard', newLayout)(state, dispatch);

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

@@ -9,9 +9,9 @@ exports.getAltTextToolbar = exports.altTextEditComponent = exports.altTextButton
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _media = require("@atlaskit/editor-common/media");
 var _styles = require("@atlaskit/editor-common/styles");
 var _commands = require("../pm-plugins/alt-text/commands");
-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 _commands2 = require("./commands");
@@ -22,7 +22,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var testId = 'alt-text-edit-button';
 var altTextButton = exports.altTextButton = function altTextButton(intl, state, editorAnalyticsAPI) {
   var mediaNode = (0, _mediaCommon.getMediaSingleOrInlineNodeFromSelection)(state);
-  var message = mediaNode && mediaNode.attrs.alt ? _messages.messages.editAltText : _messages.messages.altText;
+  var message = mediaNode && mediaNode.attrs.alt ? _media.altTextMessages.editAltText : _media.altTextMessages.altText;
   var title = intl.formatMessage(message);
   return {
     title: title,

package/dist/cjs/ui/CaptionPlaceholder/index.js

@@ -9,9 +9,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
+var _media = require("@atlaskit/editor-common/media");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _colors = require("@atlaskit/theme/colors");
-var _messages = require("./messages");
 var _templateObject;
 /** @jsx jsx */
 var placeholder = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  width: 100%;\n  text-align: center;\n  margin-top: ", " !important;\n  display: block;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-100, 8px)");
@@ -23,5 +23,5 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
     onClick: onClick,
     "data-id": _mediaSingle.CAPTION_PLACEHOLDER_ID,
     "data-testid": "caption-placeholder"
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.placeholder));
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _media.captionMessages.placeholder));
 });

package/dist/cjs/ui/ImageBorder/index.js

@@ -9,6 +9,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _icons = require("@atlaskit/editor-common/icons");
+var _media = require("@atlaskit/editor-common/media");
 var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiColor = require("@atlaskit/editor-common/ui-color");
@@ -16,7 +17,6 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _editorPalette = require("@atlaskit/editor-palette");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _messages = require("./messages");
 var _styles2 = require("./styles");
 /** @jsx jsx */
 
@@ -51,17 +51,17 @@ var ImageBorder = function ImageBorder(_ref) {
     }
   };
   var borderSizeOptions = [{
-    name: formatMessage(_messages.messages.borderSizeSubtle),
+    name: formatMessage(_media.imageBorderMessages.borderSizeSubtle),
     value: 1
   }, {
-    name: formatMessage(_messages.messages.borderSizeMedium),
+    name: formatMessage(_media.imageBorderMessages.borderSizeMedium),
     value: 2
   }, {
-    name: formatMessage(_messages.messages.borderSizeBold),
+    name: formatMessage(_media.imageBorderMessages.borderSizeBold),
     value: 3
   }];
   var items = [{
-    content: formatMessage(_messages.messages.borderColor),
+    content: formatMessage(_media.imageBorderMessages.borderColor),
     value: {
       name: 'color'
     },
@@ -87,7 +87,7 @@ var ImageBorder = function ImageBorder(_ref) {
       }
     })))
   }, {
-    content: formatMessage(_messages.messages.borderSize),
+    content: formatMessage(_media.imageBorderMessages.borderSize),
     value: {
       name: 'size'
     },
@@ -144,18 +144,18 @@ var ImageBorder = function ImageBorder(_ref) {
     selected: enabled,
     onClick: toggleBorder,
     spacing: "compact",
-    "aria-label": enabled ? formatMessage(_messages.messages.removeBorder) : formatMessage(_messages.messages.addBorder),
+    "aria-label": enabled ? formatMessage(_media.imageBorderMessages.removeBorder) : formatMessage(_media.imageBorderMessages.addBorder),
     iconBefore: (0, _react2.jsx)(_icons.BorderIcon, {
       label: ""
     }),
-    title: enabled ? formatMessage(_messages.messages.removeBorder) : formatMessage(_messages.messages.addBorder)
+    title: enabled ? formatMessage(_media.imageBorderMessages.removeBorder) : formatMessage(_media.imageBorderMessages.addBorder)
   }), (0, _react2.jsx)("div", {
     ref: popupTarget
   }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
     className: "image-border-toolbar-dropdown",
     selected: enabled || isOpen,
-    "aria-label": formatMessage(_messages.messages.borderOptions),
-    title: formatMessage(_messages.messages.borderOptions),
+    "aria-label": formatMessage(_media.imageBorderMessages.borderOptions),
+    title: formatMessage(_media.imageBorderMessages.borderOptions),
     spacing: "compact",
     iconBefore: (0, _react2.jsx)(_chevronDown.default, {
       label: ""

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

@@ -9,18 +9,18 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _adfSchema = require("@atlaskit/adf-schema");
+var _media = require("@atlaskit/editor-common/media");
 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 _media2 = require("../../nodeviews/mediaNodeView/media");
 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 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)(), _media2.FILE_WIDTH, _media2.MEDIA_HEIGHT);
 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;
+  var dropPlaceholderLabel = _media.dropPlaceholderMessages.dropPlaceholderLabel;
   return (0, _react.jsx)("div", {
     css: iconWrapper
   }, (0, _react.jsx)(_documentFilled.default, {

package/dist/cjs/ui/MediaLinkingToolbar.js

@@ -18,13 +18,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _link = require("@atlaskit/editor-common/link");
+var _media = require("@atlaskit/editor-common/media");
 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 _mediaLinkingToolbarMessages = require("./media-linking-toolbar-messages");
 var _templateObject, _templateObject2;
 /** @jsx jsx */
 // Common Translations will live here
@@ -96,7 +96,7 @@ var LinkAddToolbar = exports.LinkAddToolbar = /*#__PURE__*/function (_React$Pure
       var getPlaceholder = function getPlaceholder(hasActivityProvider) {
         return formatMessage(hasActivityProvider ? _messages.linkToolbarMessages.placeholder : _messages.linkToolbarMessages.linkPlaceholder);
       };
-      var formatLinkAddressText = formatMessage(_mediaLinkingToolbarMessages.mediaLinkToolbarMessages.backLink);
+      var formatLinkAddressText = formatMessage(_media.mediaLinkToolbarMessages.backLink);
       var formatUnlinkText = formatMessage(_messages.linkToolbarMessages.unlink);
       var errorsList = _this.state.validationErrors.map(function (error, index) {
         return (0, _react2.jsx)(_ui.ErrorMessage, {

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

@@ -11,11 +11,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _media = require("@atlaskit/editor-common/media");
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
 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; }
@@ -113,13 +113,13 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
   }, [minWidth, maxWidth, onChange, ratioWidth, ratioHeight]);
   if (showMigration) {
     return (0, _react2.jsx)(_tooltip.default, {
-      content: formatMessage(_messages.messages.migrationButtonTooltip)
+      content: formatMessage(_media.pixelEntryMessages.migrationButtonTooltip)
     }, (0, _react2.jsx)(_button.default, {
       appearance: "warning",
       spacing: "compact",
       onClick: onMigrate,
       testId: _constants.PIXELENTRY_MIGRATION_BUTTON_TESTID
-    }, formatMessage(_messages.messages.migrationButtonText)));
+    }, formatMessage(_media.pixelEntryMessages.migrationButtonText)));
   }
   return (0, _react2.jsx)("div", {
     css: _styles.pixelEntryForm
@@ -137,7 +137,7 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
       var fieldProps = _ref3.fieldProps;
       return (0, _react2.jsx)(_tooltip.default, {
         hideTooltipOnMouseDown: true,
-        content: formatMessage(_messages.messages.inputWidthTooltip, {
+        content: formatMessage(_media.pixelEntryMessages.inputWidthTooltip, {
           maxWidth: maxWidth
         }),
         position: "top"
@@ -147,7 +147,7 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
         isCompact: true,
         onChange: handleOnChange('inputWidth'),
         pattern: "\\d*",
-        "aria-label": formatMessage(_messages.messages.inputWidthAriaLabel, {
+        "aria-label": formatMessage(_media.pixelEntryMessages.inputWidthAriaLabel, {
           maxWidth: maxWidth
         })
       })));
@@ -161,7 +161,7 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
       var fieldProps = _ref4.fieldProps;
       return (0, _react2.jsx)(_tooltip.default, {
         hideTooltipOnMouseDown: true,
-        content: formatMessage(_messages.messages.inputHeightTooltip),
+        content: formatMessage(_media.pixelEntryMessages.inputHeightTooltip),
         position: "top"
       }, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
         css: [_styles.pixelSizingHeightInput, _styles.pixelSizingInput],
@@ -169,17 +169,17 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
         isCompact: true,
         onChange: handleOnChange('inputHeight'),
         pattern: "\\d*",
-        "aria-label": formatMessage(_messages.messages.inputHeightAriaLabel)
+        "aria-label": formatMessage(_media.pixelEntryMessages.inputHeightAriaLabel)
       })));
     }), (0, _react2.jsx)(_button.default, {
       css: _styles.pixelEntryHiddenSubmit,
       type: "submit"
-    }, formatMessage(_messages.messages.submitButtonText))));
+    }, formatMessage(_media.pixelEntryMessages.submitButtonText))));
   }));
 };
 var FullWidthDisplay = exports.FullWidthDisplay = function FullWidthDisplay(_ref5) {
   var formatMessage = _ref5.intl.formatMessage;
   return (0, _react2.jsx)("div", {
     css: _styles.pixelSizingFullWidthLabelStyles
-  }, (0, _react2.jsx)("span", null, formatMessage(_messages.messages.fullWidthLabel)));
+  }, (0, _react2.jsx)("span", null, formatMessage(_media.pixelEntryMessages.fullWidthLabel)));
 };

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

@@ -8,9 +8,9 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
+var _media = require("@atlaskit/editor-common/media");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _attachment = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/attachment"));
-var _toolbarMediaMessages = require("./toolbar-media-messages");
 var onClickMediaButton = function onClickMediaButton(pluginState) {
   return function () {
     pluginState.showMediaPicker();
@@ -27,7 +27,7 @@ var ToolbarMedia = function ToolbarMedia(_ref) {
   if (!(mediaState !== null && mediaState !== void 0 && mediaState.allowsUploads)) {
     return null;
   }
-  var toolbarMediaTitle = _toolbarMediaMessages.toolbarMediaMessages.toolbarMediaTitle;
+  var toolbarMediaTitle = _media.toolbarMediaMessages.toolbarMediaTitle;
   return /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarButton, {
     buttonId: _uiMenu.TOOLBAR_BUTTON.MEDIA,
     onClick: onClickMediaButton(mediaState),

package/dist/es2019/nodeviews/mediaGroup.js

@@ -2,6 +2,7 @@ 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 { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
 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';
@@ -10,7 +11,6 @@ import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { Filmstrip } from '@atlaskit/media-filmstrip';
 import { stateKey as mediaStateKey } from '../pm-plugins/plugin-key';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
-import { messages } from './messages';
 const isMediaGroupSelectedFromProps = props => {
   /**
    *  ED-19831

package/dist/es2019/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -7,13 +7,13 @@ import { injectIntl } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';
+import { altTextMessages as messages } from '@atlaskit/editor-common/media';
 import { FloatingToolbarButton as Button, ErrorMessage, PanelTextInput, RECENT_SEARCH_WIDTH_IN_PX } from '@atlaskit/editor-common/ui';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import { N200, N30, N80, R400 } from '@atlaskit/theme/colors';
 import { closeMediaAltTextMenu, closeMediaAltTextMenuAndSave } from '../commands';
-import { messages } from '../messages';
 export const CONTAINER_WIDTH_IN_PX = RECENT_SEARCH_WIDTH_IN_PX;
 export const MAX_ALT_TEXT_LENGTH = 510; // double tweet length
 

package/dist/es2019/pm-plugins/keymap.js

@@ -1,4 +1,5 @@
 import { bindKeymapWithCommand, decreaseMediaSize, enter, increaseMediaSize, insertNewLine, moveDown, moveLeft, moveRight, tab, undo } from '@atlaskit/editor-common/keymaps';
+import { mediaResizeAnnouncerMessMessages as mediaResizeAnnouncerMess } from '@atlaskit/editor-common/media';
 import { calcMediaSingleMaxWidth, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH } from '@atlaskit/editor-common/media-single';
 import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
@@ -9,7 +10,6 @@ import { insertAndSelectCaptionFromMediaSinglePos, selectCaptionFromMediaSingleP
 import { stateKey } from '../pm-plugins/plugin-key';
 import { updateMediaSingleWidth } from '../toolbar/commands';
 import { calcNewLayout, getSelectedMediaSingle } from '../toolbar/utils';
-import { mediaResizeAnnouncerMess } from './mediaResizeAnnouncerMess';
 export function keymapPlugin(options, editorAnalyticsAPI, editorSelectionAPI, widthPlugin, getIntl) {
   const list = {};
   bindKeymapWithCommand(undo.common, ignoreLinksInSteps, list);

package/dist/es2019/toolbar/alt-text.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { addAltText, ToolTipContent } from '@atlaskit/editor-common/keymaps';
+import { altTextMessages as messages } from '@atlaskit/editor-common/media';
 import { MediaSharedClassNames as ClassNames } from '@atlaskit/editor-common/styles';
 import { openMediaAltTextMenu } from '../pm-plugins/alt-text/commands';
-import { messages } from '../pm-plugins/alt-text/messages';
 import AltTextEdit, { CONTAINER_WIDTH_IN_PX } from '../pm-plugins/alt-text/ui/AltTextEdit';
 import { getMediaSingleOrInlineNodeFromSelection } from '../utils/media-common';
 import { getNodeType } from './commands';

package/dist/es2019/ui/CaptionPlaceholder/index.js

@@ -2,9 +2,9 @@
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
+import { captionMessages as messages } from '@atlaskit/editor-common/media';
 import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
 import { N200 } from '@atlaskit/theme/colors';
-import { messages } from './messages';
 const placeholder = css`
   color: ${`var(--ds-text-subtlest, ${N200})`};
   width: 100%;

package/dist/es2019/ui/ImageBorder/index.js

@@ -2,6 +2,7 @@
 import { useRef, useState } from 'react';
 import { jsx } from '@emotion/react';
 import { BorderIcon } from '@atlaskit/editor-common/icons';
+import { imageBorderMessages as messages } from '@atlaskit/editor-common/media';
 import { DropdownMenuSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { borderColorPalette, borderPaletteTooltipMessages, ColorPalette } from '@atlaskit/editor-common/ui-color';
@@ -9,7 +10,6 @@ import { ArrowKeyNavigationType, DropdownMenu, ToolbarButton } from '@atlaskit/e
 import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import Tooltip from '@atlaskit/tooltip';
-import { messages } from './messages';
 import { buttonStyle, buttonWrapperStyle, contextualMenuArrow, contextualMenuColorIcon, contextualSubMenu, itemSpacing, line, menuItemDimensions, toolbarButtonWrapper } from './styles';
 const ImageBorder = ({
   intl: {

package/dist/es2019/ui/Media/DropPlaceholder.js

@@ -2,11 +2,11 @@
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { hexToRgba } from '@atlaskit/adf-schema';
+import { dropPlaceholderMessages } from '@atlaskit/editor-common/media';
 import DocumentFilledIcon from '@atlaskit/icon/glyph/document-filled';
 import { B200, B300, B400 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { FILE_WIDTH, MEDIA_HEIGHT } from '../../nodeviews/mediaNodeView/media';
-import { dropPlaceholderMessages } from './drop-placeholder-messages';
 const iconWrapper = css`
   color: ${`var(--ds-icon-accent-blue, ${hexToRgba(B400, 0.4) || B400})`};
   background: ${`var(--ds-background-accent-blue-subtle, ${hexToRgba(B300, 0.6) || B300})`};

package/dist/es2019/ui/MediaLinkingToolbar.js

@@ -4,6 +4,7 @@ import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { container, containerWithProvider, inputWrapper, RecentSearch } from '@atlaskit/editor-common/link';
+import { mediaLinkToolbarMessages } from '@atlaskit/editor-common/media';
 import { linkToolbarMessages } from '@atlaskit/editor-common/messages';
 import { ErrorMessage } from '@atlaskit/editor-common/ui';
 // Common Translations will live here
@@ -13,7 +14,6 @@ import { normalizeUrl } from '@atlaskit/editor-common/utils';
 import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
 import EditorUnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import { R400 } from '@atlaskit/theme/colors';
-import { mediaLinkToolbarMessages } from './media-linking-toolbar-messages';
 const validationWrapper = css`
   line-height: 0;
   padding: ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-300, 24px)"}

package/dist/es2019/ui/PixelEntry/index.js

@@ -3,11 +3,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { jsx } from '@emotion/react';
 import Button from '@atlaskit/button';
+import { pixelEntryMessages as messages } from '@atlaskit/editor-common/media';
 import Form, { Field } from '@atlaskit/form';
 import Textfield from '@atlaskit/textfield';
 import Tooltip from '@atlaskit/tooltip';
 import { PIXELENTRY_MIGRATION_BUTTON_TESTID } from './constants';
-import { messages } from './messages';
 import { pixelEntryForm, pixelEntryHiddenSubmit, pixelSizingFullWidthLabelStyles, pixelSizingHeightInput, pixelSizingInput, pixelSizingLabel, pixelSizingWidthInput, pixelSizingWrapper } from './styles';
 export const PixelEntry = ({
   width,

package/dist/es2019/ui/ToolbarMedia/index.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
 import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import AttachmentIcon from '@atlaskit/icon/glyph/editor/attachment';
-import { toolbarMediaMessages } from './toolbar-media-messages';
 const onClickMediaButton = pluginState => () => {
   pluginState.showMediaPicker();
   return true;

package/dist/esm/nodeviews/mediaGroup.js

@@ -14,6 +14,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
 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';
@@ -22,7 +23,6 @@ import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { Filmstrip } from '@atlaskit/media-filmstrip';
 import { stateKey as mediaStateKey } from '../pm-plugins/plugin-key';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
-import { messages } from './messages';
 var isMediaGroupSelectedFromProps = function isMediaGroupSelectedFromProps(props) {
   /**
    *  ED-19831

package/dist/esm/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -17,13 +17,13 @@ import { injectIntl } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';
+import { altTextMessages as messages } from '@atlaskit/editor-common/media';
 import { FloatingToolbarButton as Button, ErrorMessage, PanelTextInput, RECENT_SEARCH_WIDTH_IN_PX } from '@atlaskit/editor-common/ui';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import { N200, N30, N80, R400 } from '@atlaskit/theme/colors';
 import { closeMediaAltTextMenu, closeMediaAltTextMenuAndSave } from '../commands';
-import { messages } from '../messages';
 export var CONTAINER_WIDTH_IN_PX = RECENT_SEARCH_WIDTH_IN_PX;
 export var MAX_ALT_TEXT_LENGTH = 510; // double tweet length
 

package/dist/esm/pm-plugins/keymap.js

@@ -1,4 +1,5 @@
 import { bindKeymapWithCommand, decreaseMediaSize, enter, increaseMediaSize, insertNewLine, moveDown, moveLeft, moveRight, tab, undo } from '@atlaskit/editor-common/keymaps';
+import { mediaResizeAnnouncerMessMessages as mediaResizeAnnouncerMess } from '@atlaskit/editor-common/media';
 import { calcMediaSingleMaxWidth, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH } from '@atlaskit/editor-common/media-single';
 import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
@@ -9,7 +10,6 @@ import { insertAndSelectCaptionFromMediaSinglePos, selectCaptionFromMediaSingleP
 import { stateKey } from '../pm-plugins/plugin-key';
 import { updateMediaSingleWidth } from '../toolbar/commands';
 import { calcNewLayout, getSelectedMediaSingle } from '../toolbar/utils';
-import { mediaResizeAnnouncerMess } from './mediaResizeAnnouncerMess';
 export function keymapPlugin(options, editorAnalyticsAPI, editorSelectionAPI, widthPlugin, getIntl) {
   var list = {};
   bindKeymapWithCommand(undo.common, ignoreLinksInSteps, list);

package/dist/esm/toolbar/alt-text.js

@@ -3,9 +3,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import React from 'react';
 import { addAltText, ToolTipContent } from '@atlaskit/editor-common/keymaps';
+import { altTextMessages as messages } from '@atlaskit/editor-common/media';
 import { MediaSharedClassNames as ClassNames } from '@atlaskit/editor-common/styles';
 import { openMediaAltTextMenu } from '../pm-plugins/alt-text/commands';
-import { messages } from '../pm-plugins/alt-text/messages';
 import AltTextEdit, { CONTAINER_WIDTH_IN_PX } from '../pm-plugins/alt-text/ui/AltTextEdit';
 import { getMediaSingleOrInlineNodeFromSelection } from '../utils/media-common';
 import { getNodeType } from './commands';