@atlaskit/editor-plugin-table 5.3.16 → 5.3.18

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

@@ -1,8 +1,9 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import rafSchd from 'raf-schd';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl-next';
 import { TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
 import { getGuidelinesWithHighlights } from '@atlaskit/editor-common/guideline';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { ResizerNext } from '@atlaskit/editor-common/resizer';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -14,13 +15,6 @@ import { TABLE_HIGHLIGHT_GAP, TABLE_HIGHLIGHT_TOLERANCE, TABLE_SNAP_GAP } from '
 import { generateResizedPayload, generateResizeFrameRatePayloads, useMeasureFramerate } from '../utils/analytics';
 import { defaultGuidelines } from '../utils/guidelines';
 import { defaultSnappingWidths, findClosestSnap } from '../utils/snapping';
-const messages = defineMessages({
-  resizeTable: {
-    id: 'fabric.editor.tables.resizeTable',
-    defaultMessage: 'Resize table',
-    description: 'Tooltip displayed on custom table width resize hande'
-  }
-});
 const handles = {
   right: true
 };

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

@@ -1,10 +1,9 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { defineMessages } from 'react-intl-next';
 import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
-import commonMessages from '@atlaskit/editor-common/messages';
+import commonMessages, { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { cellBackgroundColorPalette, DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
 import { closestElement, getChildrenInfo, getNodeName, isReferencedSource } from '@atlaskit/editor-common/utils';
 import { findParentDomRefOfType } from '@atlaskit/editor-prosemirror/utils';
@@ -21,36 +20,7 @@ import { getNewResizeStateFromSelectedColumns } from './pm-plugins/table-resizin
 import { pluginKey as tableWidthPluginKey } from './pm-plugins/table-width';
 import { canMergeCells } from './transforms';
 import { TableCssClassName } from './types';
-import { messages as ContextualMenuMessages } from './ui/FloatingContextualMenu/ContextualMenu';
-import tableMessages from './ui/messages';
 import { getMergedCellsPositions, getSelectedColumnIndexes, getSelectedRowIndexes } from './utils';
-export const messages = 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'
-  }
-});
 export const getToolbarMenuConfig = (config, state, {
   formatMessage
 }, editorAnalyticsAPI) => {
@@ -108,7 +78,7 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
   const pluginState = getPluginState(editorState);
   const options = [{
     id: 'editor.table.insertColumn',
-    title: formatMessage(tableMessages.insertColumn),
+    title: formatMessage(messages.insertColumn),
     onClick: (state, dispatch, view) => {
       const selectionRect = getClosestSelectionRect(state);
       const index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.right;
@@ -124,7 +94,7 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
     }, tooltip(addColumnAfter))
   }, {
     id: 'editor.table.insertRow',
-    title: formatMessage(tableMessages.insertRow),
+    title: formatMessage(messages.insertRow),
     onClick: (state, dispatch) => {
       const selectionRect = getClosestSelectionRect(state);
       const index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.bottom;
@@ -143,7 +113,7 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
     }, tooltip(addRowAfter))
   }, {
     id: 'editor.table.removeColumns',
-    title: formatMessage(tableMessages.removeColumns, {
+    title: formatMessage(messages.removeColumns, {
       0: numberOfColumns
     }),
     onClick: (state, dispatch, view) => {
@@ -161,7 +131,7 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
     disabled: false
   }, {
     id: 'editor.table.removeRows',
-    title: formatMessage(tableMessages.removeRows, {
+    title: formatMessage(messages.removeRows, {
       0: numberOfRows
     }),
     onClick: (state, dispatch) => {
@@ -179,13 +149,13 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
     disabled: false
   }, {
     id: 'editor.table.mergeCells',
-    title: formatMessage(ContextualMenuMessages.mergeCells),
+    title: formatMessage(messages.mergeCells),
     onClick: mergeCellsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.FLOATING_TB),
     selected: false,
     disabled: !canMergeCells(editorState.tr)
   }, {
     id: 'editor.table.splitCell',
-    title: formatMessage(ContextualMenuMessages.splitCell),
+    title: formatMessage(messages.splitCell),
     onClick: splitCellWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.FLOATING_TB),
     selected: false,
     disabled: !splitCell(editorState)
@@ -203,7 +173,7 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
     };
     options.push({
       id: 'editor.table.distributeColumns',
-      title: formatMessage(ContextualMenuMessages.distributeColumns),
+      title: formatMessage(messages.distributeColumns),
       onClick: distributeColumnWidths,
       selected: false,
       disabled: !wouldChange
@@ -211,10 +181,10 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
   }
   if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo2 = pluginState.pluginConfig) !== null && _pluginState$pluginCo2 !== void 0 && _pluginState$pluginCo2.allowColumnSorting) {
     const hasMergedCellsInTable = getMergedCellsPositions(editorState.tr).length > 0;
-    const warning = hasMergedCellsInTable ? formatMessage(ContextualMenuMessages.canNotSortTable) : undefined;
+    const warning = hasMergedCellsInTable ? formatMessage(messages.canNotSortTable) : undefined;
     options.push({
       id: 'editor.table.sortColumnAsc',
-      title: formatMessage(ContextualMenuMessages.sortColumnASC),
+      title: formatMessage(messages.sortColumnASC),
       onMouseOver: (state, dispatch) => {
         if (getMergedCellsPositions(state.tr).length !== 0) {
           hoverMergedCells()(state, dispatch);
@@ -236,7 +206,7 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
     });
     options.push({
       id: 'editor.table.sortColumnDesc',
-      title: formatMessage(ContextualMenuMessages.sortColumnDESC),
+      title: formatMessage(messages.sortColumnDESC),
       onMouseOver: (state, dispatch) => {
         if (getMergedCellsPositions(state.tr).length !== 0) {
           hoverMergedCells()(state, dispatch);
@@ -259,7 +229,7 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
   }
   options.push({
     id: 'editor.table.clearCells',
-    title: formatMessage(ContextualMenuMessages.clearCells, {
+    title: formatMessage(messages.clearCells, {
       0: Math.max(numberOfColumns, numberOfRows)
     }),
     onClick: (state, dispatch) => {
@@ -279,7 +249,7 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
     id: 'editor.table.cellOptions',
     testId: 'cell_options',
     type: 'dropdown',
-    title: formatMessage(tableMessages.cellOptions),
+    title: formatMessage(messages.cellOptions),
     options,
     // Increased dropdown item width to prevent labels from being truncated
     dropdownWidth: 230,
@@ -307,17 +277,17 @@ export const getToolbarConfig = (getEditorContainerWidth, editorAnalyticsAPI, ge
     // Check if we need to show confirm dialog for delete button
     let confirmDialog;
     if (isReferencedSource(state, tableObject.node)) {
-      const localSourceName = intl.formatMessage(tableMessages.unnamedSource);
+      const localSourceName = intl.formatMessage(messages.unnamedSource);
       confirmDialog = () => ({
-        title: intl.formatMessage(tableMessages.deleteElementTitle),
-        okButtonLabel: intl.formatMessage(tableMessages.confirmDeleteLinkedModalOKButton),
-        message: intl.formatMessage(tableMessages.confirmDeleteLinkedModalMessage, {
+        title: intl.formatMessage(messages.deleteElementTitle),
+        okButtonLabel: intl.formatMessage(messages.confirmDeleteLinkedModalOKButton),
+        message: intl.formatMessage(messages.confirmDeleteLinkedModalMessage, {
           nodeName: getNodeName(state, tableObject.node) || localSourceName
         }),
-        messagePrefix: intl.formatMessage(tableMessages.confirmDeleteLinkedModalMessagePrefix),
+        messagePrefix: intl.formatMessage(messages.confirmDeleteLinkedModalMessagePrefix),
         isReferentialityDialog: true,
         getChildrenInfo: () => getChildrenInfo(state, tableObject.node),
-        checkboxLabel: intl.formatMessage(tableMessages.confirmModalCheckboxLabel),
+        checkboxLabel: intl.formatMessage(messages.confirmModalCheckboxLabel),
         onConfirm: (isChecked = false) => clickWithCheckboxHandler(isChecked, tableObject.node)
       });
     }
@@ -419,7 +389,7 @@ const getColorPicker = (state, menu, {
   };
   return [{
     id: 'editor.table.colorPicker',
-    title: formatMessage(ContextualMenuMessages.cellBackground),
+    title: formatMessage(messages.cellBackground),
     type: 'select',
     selectType: 'color',
     defaultValue: defaultPalette,

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

@@ -3,9 +3,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import Tooltip from '@atlaskit/tooltip';
 import { TableCssClassName } from '../../types';
-import messages from '../messages';
 export const ColumnResizeWidget = ({
   startIndex,
   endIndex,

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

@@ -4,6 +4,7 @@ import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
@@ -11,7 +12,6 @@ import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import { toggleContextualMenu } from '../../commands';
 import { TableCssClassName as ClassName } from '../../types';
-import messages from '../../ui/messages';
 import FixedButton from './FixedButton';
 import { tableFloatingCellButtonSelectedStyles, tableFloatingCellButtonStyles } from './styles';
 const BUTTON_OFFSET = 3;

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

@@ -2,10 +2,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
-import { defineMessages, injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl-next';
 import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { DropdownMenuSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { backgroundPaletteTooltipMessages, cellBackgroundColorPalette, ColorPalette } from '@atlaskit/editor-common/ui-color';
 import { ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
@@ -21,50 +22,7 @@ import { canMergeCells } from '../../transforms';
 import { TableCssClassName as ClassName } from '../../types';
 import { getMergedCellsPositions, getSelectedColumnIndexes, getSelectedRowIndexes } from '../../utils';
 import { contextualMenuDropdownWidth } from '../consts';
-import tableMessages from '../messages';
 import { cellColourPreviewStyles } from './styles';
-export const messages = 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: `⚠️ 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`
-  }
-});
 export class ContextualMenu extends Component {
   constructor(...args) {
     super(...args);
@@ -138,7 +96,7 @@ export class ContextualMenu extends Component {
         });
       }
       items.push({
-        content: formatMessage(tableMessages.insertColumn),
+        content: formatMessage(messages.insertColumn),
         value: {
           name: 'insert_column'
         },
@@ -147,7 +105,7 @@ export class ContextualMenu extends Component {
         }, tooltip(addColumnAfter))
       });
       items.push({
-        content: formatMessage(tableMessages.insertRow),
+        content: formatMessage(messages.insertRow),
         value: {
           name: 'insert_row'
         },
@@ -164,7 +122,7 @@ export class ContextualMenu extends Component {
       const noOfColumns = right - left;
       const noOfRows = bottom - top;
       items.push({
-        content: formatMessage(tableMessages.removeColumns, {
+        content: formatMessage(messages.removeColumns, {
           0: noOfColumns
         }),
         value: {
@@ -172,7 +130,7 @@ export class ContextualMenu extends Component {
         }
       });
       items.push({
-        content: formatMessage(tableMessages.removeRows, {
+        content: formatMessage(messages.removeRows, {
           0: noOfRows
         }),
         value: {

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

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
 import { createPortal } from 'react-dom';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { closestElement } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
@@ -14,7 +15,6 @@ import { getPluginState as getTablePluginState } from '../../pm-plugins/plugin-f
 import { TableCssClassName as ClassName } from '../../types';
 import { getColumnDeleteButtonParams, getColumnsWidths, getRowDeleteButtonParams, getRowHeights } from '../../utils';
 import { stickyRowZIndex } from '../consts';
-import tableMessages from '../messages';
 import DeleteButton from './DeleteButton';
 import getPopupOptions from './getPopUpOptions';
 export function getSelectionType(selection) {
@@ -227,7 +227,7 @@ class FloatingDeleteButton extends Component {
     }
     const tableContainerWrapper = closestElement(tableRef, `.${ClassName.TABLE_CONTAINER}`);
     const button = /*#__PURE__*/React.createElement(DeleteButton, {
-      removeLabel: selectionType === 'column' ? tableMessages.removeColumns : tableMessages.removeRows,
+      removeLabel: selectionType === 'column' ? messages.removeColumns : messages.removeRows,
       onClick: this.handleClick,
       onMouseEnter: this.handleMouseEnter,
       onMouseLeave: this.handleMouseLeave

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

@@ -3,13 +3,13 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { addColumnAfter, addRowAfter, ToolTipContent } from '@atlaskit/editor-common/keymaps';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { tableMarginTop } from '@atlaskit/editor-common/styles';
 import { closestElement } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import Tooltip from '@atlaskit/tooltip';
 import { TableCssClassName as ClassName } from '../../types';
 import { tableToolbarSize } from '../consts';
-import tableMessages from '../messages';
 const getInsertLineHeight = (tableRef, hasStickyHeaders) => {
   // The line gets height 100% from the table,
   // but since we have an overflow on the left,
@@ -43,7 +43,7 @@ const getInsertLineWidth = (tableRef, isDragAndDropEnabled) => {
   return Math.min(offsetWidth + toolbarSize, parentOffsetWidth + toolbarSize - Math.max(scrollLeft - diff, 0)) + LINE_OFFSET;
 };
 const tooltipMessageByType = type => {
-  return type === 'row' ? tableMessages.insertRow : tableMessages.insertColumn;
+  return type === 'row' ? messages.insertRow : messages.insertColumn;
 };
 export const InsertButtonForDragAndDrop = ({
   onMouseDown,

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

@@ -2,11 +2,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
 import classnames from 'classnames';
 import { injectIntl } from 'react-intl-next';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
 import { clearHoverSelection, hoverTable } from '../../../commands';
 import { TableCssClassName as ClassName } from '../../../types';
-import messages from '../../messages';
 class CornerControlComponent extends Component {
   constructor(...args) {
     super(...args);

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

@@ -1,10 +1,10 @@
 import React, { useMemo } from 'react';
 import classnames from 'classnames';
 import { injectIntl } from 'react-intl-next';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
 import { clearHoverSelection, hoverTable } from '../../../commands';
 import { TableCssClassName as ClassName } from '../../../types';
-import messages from '../../messages';
 const DragCornerControlsComponent = ({
   editorView,
   isInDanger,

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

@@ -1,17 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
-import { defineMessages, injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl-next';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { clearHoverSelection } from '../../../commands';
 import { TableCssClassName as ClassName } from '../../../types';
 import { getRowClassNames, getRowHeights, getRowsParams } from '../../../utils';
 import { tableControlsSpacing, tableToolbarSize } from '../../consts';
-const messages = 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.'
-  }
-});
 class RowControlsComponent extends Component {
   constructor(...args) {
     super(...args);

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

@@ -4,9 +4,10 @@ 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, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import rafSchd from 'raf-schd';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl-next';
 import { TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
 import { getGuidelinesWithHighlights } from '@atlaskit/editor-common/guideline';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { ResizerNext } from '@atlaskit/editor-common/resizer';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -18,13 +19,6 @@ import { TABLE_HIGHLIGHT_GAP, TABLE_HIGHLIGHT_TOLERANCE, TABLE_SNAP_GAP } from '
 import { generateResizedPayload, generateResizeFrameRatePayloads, useMeasureFramerate } from '../utils/analytics';
 import { defaultGuidelines } from '../utils/guidelines';
 import { defaultSnappingWidths, findClosestSnap } from '../utils/snapping';
-var messages = defineMessages({
-  resizeTable: {
-    id: 'fabric.editor.tables.resizeTable',
-    defaultMessage: 'Resize table',
-    description: 'Tooltip displayed on custom table width resize hande'
-  }
-});
 var handles = {
   right: true
 };

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

@@ -1,10 +1,9 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { defineMessages } from 'react-intl-next';
 import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
-import commonMessages from '@atlaskit/editor-common/messages';
+import commonMessages, { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { cellBackgroundColorPalette, DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
 import { closestElement, getChildrenInfo as _getChildrenInfo, getNodeName, isReferencedSource } from '@atlaskit/editor-common/utils';
 import { findParentDomRefOfType } from '@atlaskit/editor-prosemirror/utils';
@@ -21,36 +20,7 @@ import { getNewResizeStateFromSelectedColumns } from './pm-plugins/table-resizin
 import { pluginKey as tableWidthPluginKey } from './pm-plugins/table-width';
 import { canMergeCells } from './transforms';
 import { TableCssClassName } from './types';
-import { messages as ContextualMenuMessages } from './ui/FloatingContextualMenu/ContextualMenu';
-import tableMessages from './ui/messages';
 import { getMergedCellsPositions, getSelectedColumnIndexes, getSelectedRowIndexes } from './utils';
-export var messages = 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'
-  }
-});
 export var getToolbarMenuConfig = function getToolbarMenuConfig(config, state, _ref, editorAnalyticsAPI) {
   var formatMessage = _ref.formatMessage;
   var options = [{
@@ -106,7 +76,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
   var pluginState = getPluginState(editorState);
   var options = [{
     id: 'editor.table.insertColumn',
-    title: formatMessage(tableMessages.insertColumn),
+    title: formatMessage(messages.insertColumn),
     onClick: function onClick(state, dispatch, view) {
       var selectionRect = getClosestSelectionRect(state);
       var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.right;
@@ -122,7 +92,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
     }, tooltip(addColumnAfter))
   }, {
     id: 'editor.table.insertRow',
-    title: formatMessage(tableMessages.insertRow),
+    title: formatMessage(messages.insertRow),
     onClick: function onClick(state, dispatch) {
       var selectionRect = getClosestSelectionRect(state);
       var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.bottom;
@@ -141,7 +111,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
     }, tooltip(addRowAfter))
   }, {
     id: 'editor.table.removeColumns',
-    title: formatMessage(tableMessages.removeColumns, {
+    title: formatMessage(messages.removeColumns, {
       0: numberOfColumns
     }),
     onClick: function onClick(state, dispatch, view) {
@@ -159,7 +129,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
     disabled: false
   }, {
     id: 'editor.table.removeRows',
-    title: formatMessage(tableMessages.removeRows, {
+    title: formatMessage(messages.removeRows, {
       0: numberOfRows
     }),
     onClick: function onClick(state, dispatch) {
@@ -177,13 +147,13 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
     disabled: false
   }, {
     id: 'editor.table.mergeCells',
-    title: formatMessage(ContextualMenuMessages.mergeCells),
+    title: formatMessage(messages.mergeCells),
     onClick: mergeCellsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.FLOATING_TB),
     selected: false,
     disabled: !canMergeCells(editorState.tr)
   }, {
     id: 'editor.table.splitCell',
-    title: formatMessage(ContextualMenuMessages.splitCell),
+    title: formatMessage(messages.splitCell),
     onClick: splitCellWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.FLOATING_TB),
     selected: false,
     disabled: !splitCell(editorState)
@@ -201,7 +171,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
     };
     options.push({
       id: 'editor.table.distributeColumns',
-      title: formatMessage(ContextualMenuMessages.distributeColumns),
+      title: formatMessage(messages.distributeColumns),
       onClick: distributeColumnWidths,
       selected: false,
       disabled: !wouldChange
@@ -209,10 +179,10 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
   }
   if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo2 = pluginState.pluginConfig) !== null && _pluginState$pluginCo2 !== void 0 && _pluginState$pluginCo2.allowColumnSorting) {
     var hasMergedCellsInTable = getMergedCellsPositions(editorState.tr).length > 0;
-    var warning = hasMergedCellsInTable ? formatMessage(ContextualMenuMessages.canNotSortTable) : undefined;
+    var warning = hasMergedCellsInTable ? formatMessage(messages.canNotSortTable) : undefined;
     options.push({
       id: 'editor.table.sortColumnAsc',
-      title: formatMessage(ContextualMenuMessages.sortColumnASC),
+      title: formatMessage(messages.sortColumnASC),
       onMouseOver: function onMouseOver(state, dispatch) {
         if (getMergedCellsPositions(state.tr).length !== 0) {
           hoverMergedCells()(state, dispatch);
@@ -234,7 +204,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
     });
     options.push({
       id: 'editor.table.sortColumnDesc',
-      title: formatMessage(ContextualMenuMessages.sortColumnDESC),
+      title: formatMessage(messages.sortColumnDESC),
       onMouseOver: function onMouseOver(state, dispatch) {
         if (getMergedCellsPositions(state.tr).length !== 0) {
           hoverMergedCells()(state, dispatch);
@@ -257,7 +227,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
   }
   options.push({
     id: 'editor.table.clearCells',
-    title: formatMessage(ContextualMenuMessages.clearCells, {
+    title: formatMessage(messages.clearCells, {
       0: Math.max(numberOfColumns, numberOfRows)
     }),
     onClick: function onClick(state, dispatch) {
@@ -276,7 +246,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
     id: 'editor.table.cellOptions',
     testId: 'cell_options',
     type: 'dropdown',
-    title: formatMessage(tableMessages.cellOptions),
+    title: formatMessage(messages.cellOptions),
     options: options,
     // Increased dropdown item width to prevent labels from being truncated
     dropdownWidth: 230,
@@ -306,20 +276,20 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
         // Check if we need to show confirm dialog for delete button
         var confirmDialog;
         if (isReferencedSource(state, tableObject.node)) {
-          var localSourceName = intl.formatMessage(tableMessages.unnamedSource);
+          var localSourceName = intl.formatMessage(messages.unnamedSource);
           confirmDialog = function confirmDialog() {
             return {
-              title: intl.formatMessage(tableMessages.deleteElementTitle),
-              okButtonLabel: intl.formatMessage(tableMessages.confirmDeleteLinkedModalOKButton),
-              message: intl.formatMessage(tableMessages.confirmDeleteLinkedModalMessage, {
+              title: intl.formatMessage(messages.deleteElementTitle),
+              okButtonLabel: intl.formatMessage(messages.confirmDeleteLinkedModalOKButton),
+              message: intl.formatMessage(messages.confirmDeleteLinkedModalMessage, {
                 nodeName: getNodeName(state, tableObject.node) || localSourceName
               }),
-              messagePrefix: intl.formatMessage(tableMessages.confirmDeleteLinkedModalMessagePrefix),
+              messagePrefix: intl.formatMessage(messages.confirmDeleteLinkedModalMessagePrefix),
               isReferentialityDialog: true,
               getChildrenInfo: function getChildrenInfo() {
                 return _getChildrenInfo(state, tableObject.node);
               },
-              checkboxLabel: intl.formatMessage(tableMessages.confirmModalCheckboxLabel),
+              checkboxLabel: intl.formatMessage(messages.confirmModalCheckboxLabel),
               onConfirm: function onConfirm() {
                 var isChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
                 return clickWithCheckboxHandler(isChecked, tableObject.node);
@@ -426,7 +396,7 @@ var getColorPicker = function getColorPicker(state, menu, _ref4, editorAnalytics
   };
   return [{
     id: 'editor.table.colorPicker',
-    title: formatMessage(ContextualMenuMessages.cellBackground),
+    title: formatMessage(messages.cellBackground),
     type: 'select',
     selectType: 'color',
     defaultValue: defaultPalette,

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

@@ -3,9 +3,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import Tooltip from '@atlaskit/tooltip';
 import { TableCssClassName } from '../../types';
-import messages from '../messages';
 export var ColumnResizeWidget = function ColumnResizeWidget(_ref) {
   var startIndex = _ref.startIndex,
     endIndex = _ref.endIndex,