@atlaskit/editor-plugin-table 5.3.17 → 5.3.18

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-table
 
+## 5.3.18
+
+### Patch Changes
+
+- [#42287](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42287) [`02bc2130172`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02bc2130172) - [ux] Moves intl messages from edito-plugin-table to editor-common to fix table plugin translations
+
 ## 5.3.17
 
 ### Patch Changes

package/dist/cjs/plugins/table/nodeviews/TableResizer.js

@@ -13,6 +13,7 @@ var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _guideline = require("@atlaskit/editor-common/guideline");
+var _messages = require("@atlaskit/editor-common/messages");
 var _resizer = require("@atlaskit/editor-common/resizer");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -28,13 +29,6 @@ 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; }
 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 messages = (0, _reactIntlNext.defineMessages)({
-  resizeTable: {
-    id: 'fabric.editor.tables.resizeTable',
-    defaultMessage: 'Resize table',
-    description: 'Tooltip displayed on custom table width resize hande'
-  }
-});
 var handles = {
   right: true
 };
@@ -260,6 +254,6 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     isHandleVisible: isTableSelected,
     appearance: isInDanger && isTableSelected ? 'danger' : undefined,
     handleHighlight: "shadow",
-    handleTooltipContent: formatMessage(messages.resizeTable)
+    handleTooltipContent: formatMessage(_messages.tableMessages.resizeTable)
   }, children);
 };

package/dist/cjs/plugins/table/toolbar.js

@@ -1,16 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.messages = exports.getToolbarMenuConfig = exports.getToolbarConfig = exports.getToolbarCellOptionsConfig = exports.getClosestSelectionRect = void 0;
+exports.getToolbarMenuConfig = exports.getToolbarConfig = exports.getToolbarCellOptionsConfig = exports.getClosestSelectionRect = void 0;
 var _react = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
 var _customSteps = require("@atlaskit/custom-steps");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
+var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
 var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _utils = require("@atlaskit/editor-common/utils");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
@@ -27,61 +27,34 @@ var _resizeState = require("./pm-plugins/table-resizing/utils/resize-state");
 var _tableWidth = require("./pm-plugins/table-width");
 var _transforms = require("./transforms");
 var _types = require("./types");
-var _ContextualMenu = require("./ui/FloatingContextualMenu/ContextualMenu");
-var _messages2 = _interopRequireDefault(require("./ui/messages"));
 var _utils4 = require("./utils");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /** @jsx jsx */
 
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
-  tableOptions: {
-    id: 'fabric.editor.tableOptions',
-    defaultMessage: 'Table options',
-    description: 'Opens a menu with additional table options'
-  },
-  headerRow: {
-    id: 'fabric.editor.headerRow',
-    defaultMessage: 'Header row',
-    description: 'Marks the first table row as a header row'
-  },
-  headerColumn: {
-    id: 'fabric.editor.headerColumn',
-    defaultMessage: 'Header column',
-    description: 'Marks the first table column as a header row'
-  },
-  numberedColumn: {
-    id: 'fabric.editor.numberedColumn',
-    defaultMessage: 'Numbered column',
-    description: 'Adds an auto-numbering column to your table'
-  },
-  collapseTable: {
-    id: 'fabric.editor.collapseTable',
-    defaultMessage: 'Collapse table',
-    description: 'Wraps table in an expand'
-  }
-});
 var getToolbarMenuConfig = exports.getToolbarMenuConfig = function getToolbarMenuConfig(config, state, _ref, editorAnalyticsAPI) {
   var formatMessage = _ref.formatMessage;
   var options = [{
     id: 'editor.table.headerRow',
-    title: formatMessage(messages.headerRow),
+    title: formatMessage(_messages.tableMessages.headerRow),
     onClick: (0, _commandsWithAnalytics.toggleHeaderRowWithAnalytics)(editorAnalyticsAPI),
     selected: state.isHeaderRowEnabled,
     hidden: !config.allowHeaderRow
   }, {
     id: 'editor.table.headerColumn',
-    title: formatMessage(messages.headerColumn),
+    title: formatMessage(_messages.tableMessages.headerColumn),
     onClick: (0, _commandsWithAnalytics.toggleHeaderColumnWithAnalytics)(editorAnalyticsAPI),
     selected: state.isHeaderColumnEnabled,
     hidden: !config.allowHeaderColumn
   }, {
     id: 'editor.table.numberedColumn',
-    title: formatMessage(messages.numberedColumn),
+    title: formatMessage(_messages.tableMessages.numberedColumn),
     onClick: (0, _commandsWithAnalytics.toggleNumberColumnWithAnalytics)(editorAnalyticsAPI),
     selected: state.isNumberColumnEnabled,
     hidden: !config.allowNumberColumn
   }, {
     id: 'editor.table.collapseTable',
-    title: formatMessage(messages.collapseTable),
+    title: formatMessage(_messages.tableMessages.collapseTable),
     onClick: (0, _commandsWithAnalytics.wrapTableInExpandWithAnalytics)(editorAnalyticsAPI),
     selected: !!state.isTableCollapsed,
     disabled: !state.canCollapseTable,
@@ -91,7 +64,7 @@ var getToolbarMenuConfig = exports.getToolbarMenuConfig = function getToolbarMen
     id: 'editor.table.tableOptions',
     type: 'dropdown',
     testId: 'table_options',
-    title: formatMessage(messages.tableOptions),
+    title: formatMessage(_messages.tableMessages.tableOptions),
     hidden: options.every(function (option) {
       return option.hidden;
     }),
@@ -114,7 +87,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
   var pluginState = (0, _pluginFactory.getPluginState)(editorState);
   var options = [{
     id: 'editor.table.insertColumn',
-    title: formatMessage(_messages2.default.insertColumn),
+    title: formatMessage(_messages.tableMessages.insertColumn),
     onClick: function onClick(state, dispatch, view) {
       var selectionRect = getClosestSelectionRect(state);
       var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.right;
@@ -130,7 +103,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
     }, (0, _keymaps.tooltip)(_keymaps.addColumnAfter))
   }, {
     id: 'editor.table.insertRow',
-    title: formatMessage(_messages2.default.insertRow),
+    title: formatMessage(_messages.tableMessages.insertRow),
     onClick: function onClick(state, dispatch) {
       var selectionRect = getClosestSelectionRect(state);
       var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.bottom;
@@ -149,7 +122,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
     }, (0, _keymaps.tooltip)(_keymaps.addRowAfter))
   }, {
     id: 'editor.table.removeColumns',
-    title: formatMessage(_messages2.default.removeColumns, {
+    title: formatMessage(_messages.tableMessages.removeColumns, {
       0: numberOfColumns
     }),
     onClick: function onClick(state, dispatch, view) {
@@ -167,7 +140,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
     disabled: false
   }, {
     id: 'editor.table.removeRows',
-    title: formatMessage(_messages2.default.removeRows, {
+    title: formatMessage(_messages.tableMessages.removeRows, {
       0: numberOfRows
     }),
     onClick: function onClick(state, dispatch) {
@@ -185,13 +158,13 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
     disabled: false
   }, {
     id: 'editor.table.mergeCells',
-    title: formatMessage(_ContextualMenu.messages.mergeCells),
+    title: formatMessage(_messages.tableMessages.mergeCells),
     onClick: (0, _commandsWithAnalytics.mergeCellsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB),
     selected: false,
     disabled: !(0, _transforms.canMergeCells)(editorState.tr)
   }, {
     id: 'editor.table.splitCell',
-    title: formatMessage(_ContextualMenu.messages.splitCell),
+    title: formatMessage(_messages.tableMessages.splitCell),
     onClick: (0, _commandsWithAnalytics.splitCellWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.FLOATING_TB),
     selected: false,
     disabled: !(0, _utils3.splitCell)(editorState)
@@ -209,7 +182,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
     };
     options.push({
       id: 'editor.table.distributeColumns',
-      title: formatMessage(_ContextualMenu.messages.distributeColumns),
+      title: formatMessage(_messages.tableMessages.distributeColumns),
       onClick: distributeColumnWidths,
       selected: false,
       disabled: !wouldChange
@@ -217,10 +190,10 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
   }
   if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo2 = pluginState.pluginConfig) !== null && _pluginState$pluginCo2 !== void 0 && _pluginState$pluginCo2.allowColumnSorting) {
     var hasMergedCellsInTable = (0, _utils4.getMergedCellsPositions)(editorState.tr).length > 0;
-    var warning = hasMergedCellsInTable ? formatMessage(_ContextualMenu.messages.canNotSortTable) : undefined;
+    var warning = hasMergedCellsInTable ? formatMessage(_messages.tableMessages.canNotSortTable) : undefined;
     options.push({
       id: 'editor.table.sortColumnAsc',
-      title: formatMessage(_ContextualMenu.messages.sortColumnASC),
+      title: formatMessage(_messages.tableMessages.sortColumnASC),
       onMouseOver: function onMouseOver(state, dispatch) {
         if ((0, _utils4.getMergedCellsPositions)(state.tr).length !== 0) {
           (0, _commands.hoverMergedCells)()(state, dispatch);
@@ -242,7 +215,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
     });
     options.push({
       id: 'editor.table.sortColumnDesc',
-      title: formatMessage(_ContextualMenu.messages.sortColumnDESC),
+      title: formatMessage(_messages.tableMessages.sortColumnDESC),
       onMouseOver: function onMouseOver(state, dispatch) {
         if ((0, _utils4.getMergedCellsPositions)(state.tr).length !== 0) {
           (0, _commands.hoverMergedCells)()(state, dispatch);
@@ -265,7 +238,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
   }
   options.push({
     id: 'editor.table.clearCells',
-    title: formatMessage(_ContextualMenu.messages.clearCells, {
+    title: formatMessage(_messages.tableMessages.clearCells, {
       0: Math.max(numberOfColumns, numberOfRows)
     }),
     onClick: function onClick(state, dispatch) {
@@ -284,7 +257,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
     id: 'editor.table.cellOptions',
     testId: 'cell_options',
     type: 'dropdown',
-    title: formatMessage(_messages2.default.cellOptions),
+    title: formatMessage(_messages.tableMessages.cellOptions),
     options: options,
     // Increased dropdown item width to prevent labels from being truncated
     dropdownWidth: 230,
@@ -314,20 +287,20 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(getE
         // Check if we need to show confirm dialog for delete button
         var confirmDialog;
         if ((0, _utils.isReferencedSource)(state, tableObject.node)) {
-          var localSourceName = intl.formatMessage(_messages2.default.unnamedSource);
+          var localSourceName = intl.formatMessage(_messages.tableMessages.unnamedSource);
           confirmDialog = function confirmDialog() {
             return {
-              title: intl.formatMessage(_messages2.default.deleteElementTitle),
-              okButtonLabel: intl.formatMessage(_messages2.default.confirmDeleteLinkedModalOKButton),
-              message: intl.formatMessage(_messages2.default.confirmDeleteLinkedModalMessage, {
+              title: intl.formatMessage(_messages.tableMessages.deleteElementTitle),
+              okButtonLabel: intl.formatMessage(_messages.tableMessages.confirmDeleteLinkedModalOKButton),
+              message: intl.formatMessage(_messages.tableMessages.confirmDeleteLinkedModalMessage, {
                 nodeName: (0, _utils.getNodeName)(state, tableObject.node) || localSourceName
               }),
-              messagePrefix: intl.formatMessage(_messages2.default.confirmDeleteLinkedModalMessagePrefix),
+              messagePrefix: intl.formatMessage(_messages.tableMessages.confirmDeleteLinkedModalMessagePrefix),
               isReferentialityDialog: true,
               getChildrenInfo: function getChildrenInfo() {
                 return (0, _utils.getChildrenInfo)(state, tableObject.node);
               },
-              checkboxLabel: intl.formatMessage(_messages2.default.confirmModalCheckboxLabel),
+              checkboxLabel: intl.formatMessage(_messages.tableMessages.confirmModalCheckboxLabel),
               onConfirm: function onConfirm() {
                 var isChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
                 return clickWithCheckboxHandler(isChecked, tableObject.node);
@@ -434,7 +407,7 @@ var getColorPicker = function getColorPicker(state, menu, _ref4, editorAnalytics
   };
   return [{
     id: 'editor.table.colorPicker',
-    title: formatMessage(_ContextualMenu.messages.cellBackground),
+    title: formatMessage(_messages.tableMessages.cellBackground),
     type: 'select',
     selectType: 'color',
     defaultValue: defaultPalette,

package/dist/cjs/plugins/table/ui/ColumnResizeWidget/index.js

@@ -9,9 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
+var _messages = require("@atlaskit/editor-common/messages");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _types = require("../../types");
-var _messages = _interopRequireDefault(require("../messages"));
 /** @jsx jsx */
 
 var ColumnResizeWidget = exports.ColumnResizeWidget = function ColumnResizeWidget(_ref) {
@@ -28,7 +28,7 @@ var ColumnResizeWidget = exports.ColumnResizeWidget = function ColumnResizeWidge
     });
   }
   return (0, _react2.jsx)(_tooltip.default, {
-    content: formatMessage(_messages.default.adjustColumns),
+    content: formatMessage(_messages.tableMessages.adjustColumns),
     hideTooltipOnClick: true,
     hideTooltipOnMouseDown: true,
     position: "mouse",

package/dist/cjs/plugins/table/ui/FloatingContextualButton/index.js

@@ -10,6 +10,7 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
+var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
@@ -17,7 +18,6 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _commands = require("../../commands");
 var _types = require("../../types");
-var _messages = _interopRequireDefault(require("../../ui/messages"));
 var _FixedButton = _interopRequireDefault(require("./FixedButton"));
 var _styles = require("./styles");
 /** @jsx jsx */
@@ -51,7 +51,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
   if (!targetCellRef || !(targetCellRef instanceof HTMLElement)) {
     return null;
   }
-  var labelCellOptions = formatMessage(_messages.default.cellOptions);
+  var labelCellOptions = formatMessage(_messages.tableMessages.cellOptions);
   var button = (0, _react2.jsx)("div", {
     css: function css(theme) {
       return [(0, _styles.tableFloatingCellButtonStyles)({

package/dist/cjs/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.messages = exports.default = exports.ContextualMenu = void 0;
+exports.default = exports.ContextualMenu = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -18,6 +18,7 @@ var _reactIntlNext = require("react-intl-next");
 var _customSteps = require("@atlaskit/custom-steps");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _messages = require("@atlaskit/editor-common/messages");
 var _styles = require("@atlaskit/editor-common/styles");
 var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
@@ -33,54 +34,11 @@ var _transforms = require("../../transforms");
 var _types = require("../../types");
 var _utils3 = require("../../utils");
 var _consts = require("../consts");
-var _messages = _interopRequireDefault(require("../messages"));
 var _styles2 = require("./styles");
 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); }; }
 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 messages = exports.messages = (0, _reactIntlNext.defineMessages)({
-  cellBackground: {
-    id: 'fabric.editor.cellBackground',
-    defaultMessage: 'Cell background',
-    description: 'Change the background color of a table cell.'
-  },
-  mergeCells: {
-    id: 'fabric.editor.mergeCells',
-    defaultMessage: 'Merge cells',
-    description: 'Merge tables cells together.'
-  },
-  splitCell: {
-    id: 'fabric.editor.splitCell',
-    defaultMessage: 'Split cell',
-    description: 'Split a merged table cell.'
-  },
-  clearCells: {
-    id: 'fabric.editor.clearCells',
-    defaultMessage: 'Clear {0, plural, one {cell} other {cells}}',
-    description: 'Clears the contents of the selected cells (this does not delete the cells themselves).'
-  },
-  sortColumnASC: {
-    id: 'fabric.editor.sortColumnASC',
-    defaultMessage: 'Sort column A → Z',
-    description: 'Sort column in ascending order'
-  },
-  sortColumnDESC: {
-    id: 'fabric.editor.sortColumnDESC',
-    defaultMessage: 'Sort column Z → A',
-    description: 'Sort column in descending order'
-  },
-  canNotSortTable: {
-    id: 'fabric.editor.canNotSortTable',
-    defaultMessage: "\u26A0\uFE0F You can't sort a table with merged cells",
-    description: "Split your cells to enable this feature"
-  },
-  distributeColumns: {
-    id: 'fabric.editor.distributeColumns',
-    defaultMessage: "Distribute columns",
-    description: "Distribute widths between selected columns"
-  }
-});
 var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ContextualMenu, _Component);
   var _super = _createSuper(ContextualMenu);
@@ -126,7 +84,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         var node = isOpen && targetCellPosition ? state.doc.nodeAt(targetCellPosition) : null;
         var background = (0, _editorPalette.hexToEditorBackgroundPaletteColor)((node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff');
         items.push({
-          content: formatMessage(messages.cellBackground),
+          content: formatMessage(_messages.tableMessages.cellBackground),
           value: {
             name: 'background'
           },
@@ -151,7 +109,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         });
       }
       items.push({
-        content: formatMessage(_messages.default.insertColumn),
+        content: formatMessage(_messages.tableMessages.insertColumn),
         value: {
           name: 'insert_column'
         },
@@ -160,7 +118,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         }, (0, _keymaps.tooltip)(_keymaps.addColumnAfter))
       });
       items.push({
-        content: formatMessage(_messages.default.insertRow),
+        content: formatMessage(_messages.tableMessages.insertRow),
         value: {
           name: 'insert_row'
         },
@@ -175,7 +133,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       var noOfColumns = right - left;
       var noOfRows = bottom - top;
       items.push({
-        content: formatMessage(_messages.default.removeColumns, {
+        content: formatMessage(_messages.tableMessages.removeColumns, {
           0: noOfColumns
         }),
         value: {
@@ -183,7 +141,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         }
       });
       items.push({
-        content: formatMessage(_messages.default.removeRows, {
+        content: formatMessage(_messages.tableMessages.removeRows, {
           0: noOfRows
         }),
         value: {
@@ -192,14 +150,14 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       });
       if (allowMergeCells) {
         items.push({
-          content: formatMessage(messages.mergeCells),
+          content: formatMessage(_messages.tableMessages.mergeCells),
           value: {
             name: 'merge'
           },
           isDisabled: !(0, _transforms.canMergeCells)(state.tr)
         });
         items.push({
-          content: formatMessage(messages.splitCell),
+          content: formatMessage(_messages.tableMessages.splitCell),
           value: {
             name: 'split'
           },
@@ -211,7 +169,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         var newResizeState = (0, _resizeState.getNewResizeStateFromSelectedColumns)(selectionRect, state, editorView.domAtPos.bind(editorView), _this.props.getEditorContainerWidth);
         var wouldChange = (_newResizeState$chang = newResizeState === null || newResizeState === void 0 ? void 0 : newResizeState.changed) !== null && _newResizeState$chang !== void 0 ? _newResizeState$chang : false;
         items.push({
-          content: formatMessage(messages.distributeColumns),
+          content: formatMessage(_messages.tableMessages.distributeColumns),
           value: {
             name: 'distribute_columns'
           },
@@ -221,24 +179,24 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       if (allowColumnSorting) {
         var hasMergedCellsInTable = (0, _utils3.getMergedCellsPositions)(state.tr).length > 0;
         var warning = hasMergedCellsInTable ? {
-          tooltipDescription: formatMessage(messages.canNotSortTable),
+          tooltipDescription: formatMessage(_messages.tableMessages.canNotSortTable),
           isDisabled: true
         } : {};
         items.push(_objectSpread({
-          content: formatMessage(messages.sortColumnASC),
+          content: formatMessage(_messages.tableMessages.sortColumnASC),
           value: {
             name: 'sort_column_asc'
           }
         }, warning));
         items.push(_objectSpread({
-          content: formatMessage(messages.sortColumnDESC),
+          content: formatMessage(_messages.tableMessages.sortColumnDESC),
           value: {
             name: 'sort_column_desc'
           }
         }, warning));
       }
       items.push({
-        content: formatMessage(messages.clearCells, {
+        content: formatMessage(_messages.tableMessages.clearCells, {
           0: Math.max(noOfColumns, noOfRows)
         }),
         value: {

package/dist/cjs/plugins/table/ui/FloatingDeleteButton/index.js

@@ -18,6 +18,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -29,7 +30,6 @@ var _pluginFactory = require("../../pm-plugins/plugin-factory");
 var _types = require("../../types");
 var _utils3 = require("../../utils");
 var _consts = require("../consts");
-var _messages = _interopRequireDefault(require("../messages"));
 var _DeleteButton = _interopRequireDefault(require("./DeleteButton"));
 var _getPopUpOptions = _interopRequireDefault(require("./getPopUpOptions"));
 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); }
@@ -184,7 +184,7 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
       }
       var tableContainerWrapper = (0, _utils.closestElement)(tableRef, ".".concat(_types.TableCssClassName.TABLE_CONTAINER));
       var button = /*#__PURE__*/_react.default.createElement(_DeleteButton.default, {
-        removeLabel: selectionType === 'column' ? _messages.default.removeColumns : _messages.default.removeRows,
+        removeLabel: selectionType === 'column' ? _messages.tableMessages.removeColumns : _messages.tableMessages.removeRows,
         onClick: this.handleClick,
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave

package/dist/cjs/plugins/table/ui/FloatingInsertButton/InsertButton.js

@@ -8,13 +8,13 @@ exports.default = exports.InsertButtonForDragAndDrop = exports.DragAndDropInsert
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _messages = require("@atlaskit/editor-common/messages");
 var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _types = require("../../types");
 var _consts = require("../consts");
-var _messages = _interopRequireDefault(require("../messages"));
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 var getInsertLineHeight = function getInsertLineHeight(tableRef, hasStickyHeaders) {
@@ -47,7 +47,7 @@ var getInsertLineWidth = function getInsertLineWidth(tableRef, isDragAndDropEnab
   return Math.min(offsetWidth + toolbarSize, parentOffsetWidth + toolbarSize - Math.max(scrollLeft - diff, 0)) + LINE_OFFSET;
 };
 var tooltipMessageByType = function tooltipMessageByType(type) {
-  return type === 'row' ? _messages.default.insertRow : _messages.default.insertColumn;
+  return type === 'row' ? _messages.tableMessages.insertRow : _messages.tableMessages.insertColumn;
 };
 var InsertButtonForDragAndDrop = exports.InsertButtonForDragAndDrop = function InsertButtonForDragAndDrop(_ref2) {
   var onMouseDown = _ref2.onMouseDown,

package/dist/cjs/plugins/table/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -16,11 +16,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactIntlNext = require("react-intl-next");
+var _messages = require("@atlaskit/editor-common/messages");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _commands = require("../../../commands");
 var _types = require("../../../types");
-var _messages = _interopRequireDefault(require("../../messages"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _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); }; }
@@ -90,7 +90,7 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
         },
         contentEditable: false
       }, /*#__PURE__*/_react.default.createElement("button", {
-        "aria-label": formatMessage(_messages.default.cornerControl),
+        "aria-label": formatMessage(_messages.tableMessages.cornerControl),
         type: "button",
         className: (0, _classnames.default)(_types.TableCssClassName.CONTROLS_CORNER_BUTTON, {
           danger: isActive && isInDanger

package/dist/cjs/plugins/table/ui/TableFloatingControls/CornerControls/DragCornerControls.js

@@ -9,10 +9,10 @@ exports.DragCornerControls = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactIntlNext = require("react-intl-next");
+var _messages = require("@atlaskit/editor-common/messages");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _commands = require("../../../commands");
 var _types = require("../../../types");
-var _messages = _interopRequireDefault(require("../../messages"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var DragCornerControlsComponent = function DragCornerControlsComponent(_ref) {
@@ -47,7 +47,7 @@ var DragCornerControlsComponent = function DragCornerControlsComponent(_ref) {
       active: isActive,
       danger: isActive && isInDanger
     }),
-    "aria-label": formatMessage(_messages.default.cornerControl),
+    "aria-label": formatMessage(_messages.tableMessages.cornerControl),
     type: "button",
     onClick: handleOnClick,
     onMouseOver: handleMouseOver,

package/dist/cjs/plugins/table/ui/TableFloatingControls/RowControls/ClassicControls.js

@@ -15,6 +15,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _messages = require("@atlaskit/editor-common/messages");
 var _commands = require("../../../commands");
 var _types = require("../../../types");
 var _utils = require("../../../utils");
@@ -23,13 +24,6 @@ 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; }
 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 messages = (0, _reactIntlNext.defineMessages)({
-  rowControl: {
-    id: 'fabric.editor.rowControl',
-    defaultMessage: 'Highlight row',
-    description: 'A button on the left of each row that shows up when the table is in focus. Clicking on it will select the entire row.'
-  }
-});
 var RowControlsComponent = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(RowControlsComponent, _Component);
   var _super = _createSuper(RowControlsComponent);
@@ -91,7 +85,7 @@ var RowControlsComponent = /*#__PURE__*/function (_Component) {
             paddingTop: thisRowSticky ? "".concat(_consts.tableControlsSpacing, "px") : undefined
           }
         }, /*#__PURE__*/_react.default.createElement("button", {
-          "aria-label": formatMessage(messages.rowControl),
+          "aria-label": formatMessage(_messages.tableMessages.rowControl),
           type: "button",
           className: "".concat(_types.TableCssClassName.ROW_CONTROLS_BUTTON, " ").concat(_types.TableCssClassName.CONTROLS_BUTTON),
           onClick: function onClick(event) {