@atlaskit/editor-plugin-table 5.4.3 → 5.4.5

package/dist/esm/plugins/table/ui/ui-styles.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34;
 import { css } from '@emotion/react';
 import { tableCellBorderWidth, tableMarginTop, tableMarginTopWithControl } from '@atlaskit/editor-common/styles';
 import { akEditorShadowZIndex, akEditorTableNumberColumnWidth, akEditorUnitZIndex } from '@atlaskit/editor-shared-styles';
@@ -7,7 +7,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B300, N0, N300, N40A, N60A, Y200, Y50 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { TableCssClassName as ClassName } from '../types';
-import { columnControlsDecorationHeight, columnControlsSelectedZIndex, columnControlsZIndex, dragTableInsertColumnButtonSize, insertLineWidth, lineMarkerSize, resizeHandlerAreaWidth, resizeHandlerZIndex, resizeLineWidth, tableBorderColor, tableBorderDeleteColor, tableBorderSelectedColor, tableCellDeleteColor, tableCellDisabledColor, tableCellHoverDeleteIconBackground, tableCellHoverDeleteIconColor, tableCellSelectedDeleteIconBackground, tableCellSelectedDeleteIconColor, tableDeleteButtonSize, tableHeaderCellBackgroundColor, tableInsertColumnButtonSize, tableOverflowShadowWidth, tableOverflowShadowWidthWide, tableToolbarDeleteColor, tableToolbarSelectedColor, tableToolbarSize } from './consts';
+import { columnControlsDecorationHeight, columnControlsSelectedZIndex, columnControlsZIndex, dragTableInsertColumnButtonSize, insertLineWidth, lineMarkerSize, resizeHandlerAreaWidth, resizeHandlerZIndex, resizeLineWidth, tableBorderColor, tableBorderDeleteColor, tableBorderSelectedColor, tableCellDeleteColor, tableCellHoverDeleteIconBackground, tableCellHoverDeleteIconColor, tableCellSelectedDeleteIconBackground, tableCellSelectedDeleteIconColor, tableDeleteButtonSize, tableHeaderCellBackgroundColor, tableInsertColumnButtonSize, tableOverflowShadowWidth, tableOverflowShadowWidthWide, tableToolbarDeleteColor, tableToolbarSelectedColor, tableToolbarSize } from './consts';
 var InsertLine = function InsertLine(props, cssString) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    background: ", ";\n    display: none;\n    position: absolute;\n    z-index: ", ";\n    ", "\n  }\n"])), ClassName.CONTROLS_INSERT_LINE, tableBorderSelectedColor(props), akEditorUnitZIndex, cssString);
 };
@@ -92,31 +92,28 @@ export var columnControlsDecoration = function columnControlsDecoration(props) {
   }
 };
 export var hoveredDeleteButton = function hoveredDeleteButton(props) {
-  return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  .", ".", " {\n    .", ",\n      .", ",\n      .", " {\n      border: 1px solid ", ";\n    }\n    .", "::after {\n      background: ", ";\n    }\n  }\n"])), ClassName.TABLE_CONTAINER, ClassName.HOVERED_DELETE_BUTTON, ClassName.SELECTED_CELL, ClassName.COLUMN_SELECTED, ClassName.HOVERED_CELL, tableBorderDeleteColor(props), ClassName.SELECTED_CELL, tableCellDeleteColor(props));
-};
-export var disabledCell = function disabledCell(props) {
-  return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  :not(.", ")\n    .", ":not(.", ") {\n    .", ".", " {\n      position: relative;\n      border: 1px solid ", ";\n    }\n    .", ".", "::after {\n      border: 1px solid ", ";\n    }\n  }\n"])), ClassName.IS_RESIZING, ClassName.TABLE_CONTAINER, ClassName.HOVERED_DELETE_BUTTON, ClassName.HOVERED_CELL, ClassName.HOVERED_DISABLED_CELL, tableCellDisabledColor, ClassName.HOVERED_CELL, ClassName.HOVERED_DISABLED_CELL, tableCellDisabledColor);
+  return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  .", ".", " {\n    .", ",\n      .", ",\n      .", " {\n      border: 1px solid ", ";\n    }\n    .", "::after {\n      background: ", ";\n    }\n\n    .", " > table {\n      td.", "::after {\n        background: ", ";\n        border: 1px solid ", ";\n      }\n      th.", " {\n        background-color: unset;\n      }\n      th.", "::after {\n        background: ", ";\n        border: 1px solid ", ";\n      }\n    }\n  }\n"])), ClassName.TABLE_CONTAINER, ClassName.HOVERED_DELETE_BUTTON, ClassName.SELECTED_CELL, ClassName.COLUMN_SELECTED, ClassName.HOVERED_CELL, tableBorderDeleteColor(props), ClassName.SELECTED_CELL, tableCellDeleteColor(props), ClassName.TABLE_NODE_WRAPPER, ClassName.HOVERED_NO_HIGHLIGHT, tableCellDeleteColor(props), tableBorderDeleteColor(props), ClassName.HOVERED_NO_HIGHLIGHT, ClassName.HOVERED_NO_HIGHLIGHT, tableCellDeleteColor(props), tableBorderDeleteColor(props));
 };
 export var hoveredCell = function hoveredCell(props) {
-  return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  :not(.", ")\n    .", ":not(.", ") {\n    .", " {\n      position: relative;\n      border: 1px solid ", ";\n    }\n  }\n"])), ClassName.IS_RESIZING, ClassName.TABLE_CONTAINER, ClassName.HOVERED_DELETE_BUTTON, ClassName.HOVERED_CELL, tableBorderSelectedColor(props));
+  return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  :not(.", ")\n    .", ":not(.", ") {\n    .", " {\n      position: relative;\n      border: 1px solid ", ";\n    }\n    .", ".", " {\n      position: relative;\n      border: 1px solid ", ";\n    }\n  }\n"])), ClassName.IS_RESIZING, ClassName.TABLE_CONTAINER, ClassName.HOVERED_DELETE_BUTTON, ClassName.HOVERED_CELL, tableBorderSelectedColor(props), ClassName.HOVERED_CELL, ClassName.HOVERED_NO_HIGHLIGHT, tableBorderColor(props));
 };
-export var hoveredWarningCell = css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  :not(.", ")\n    .", ":not(.", ") {\n    td.", " {\n      background-color: ", " !important; // We need to override the background-color added to the cell\n      border: 1px solid ", ";\n    }\n  }\n"])), ClassName.IS_RESIZING, ClassName.TABLE_CONTAINER, ClassName.HOVERED_DELETE_BUTTON, ClassName.HOVERED_CELL_WARNING, "var(--ds-background-warning, ".concat(Y50, ")"), "var(--ds-border-warning, ".concat(Y200, ")"));
+export var hoveredWarningCell = css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  :not(.", ")\n    .", ":not(.", ") {\n    td.", " {\n      background-color: ", " !important; // We need to override the background-color added to the cell\n      border: 1px solid ", ";\n    }\n  }\n"])), ClassName.IS_RESIZING, ClassName.TABLE_CONTAINER, ClassName.HOVERED_DELETE_BUTTON, ClassName.HOVERED_CELL_WARNING, "var(--ds-background-warning, ".concat(Y50, ")"), "var(--ds-border-warning, ".concat(Y200, ")"));
 
 // move the resize handle zone completely inside the table cell to avoid overflow
 var getLastColumnResizerOverrides = function getLastColumnResizerOverrides() {
-  return getBooleanFF('platform.editor.custom-table-width') ? css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n        tr\n          th:last-child\n          .", ",\n          tr\n          td:last-child\n          .", " {\n          background-color: transparent;\n          position: absolute;\n          width: ", "px;\n          height: 100%;\n          top: 0;\n          right: 0;\n          cursor: col-resize;\n          z-index: ", ";\n        }\n      "])), ClassName.RESIZE_HANDLE_DECORATION, ClassName.RESIZE_HANDLE_DECORATION, resizeHandlerAreaWidth / 2, resizeHandlerZIndex) : '';
+  return getBooleanFF('platform.editor.custom-table-width') ? css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n        tr\n          th:last-child\n          .", ",\n          tr\n          td:last-child\n          .", " {\n          background-color: transparent;\n          position: absolute;\n          width: ", "px;\n          height: 100%;\n          top: 0;\n          right: 0;\n          cursor: col-resize;\n          z-index: ", ";\n        }\n      "])), ClassName.RESIZE_HANDLE_DECORATION, ClassName.RESIZE_HANDLE_DECORATION, resizeHandlerAreaWidth / 2, resizeHandlerZIndex) : '';
 };
 var resizeHandleOverrides = function resizeHandleOverrides(props) {
   if (getBooleanFF('platform.editor.table.drag-and-drop')) {
-    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n      th.", "::before,\n        td.", "::before {\n        content: ' ';\n        position: absolute;\n        left: ", ";\n        top: -1px;\n        width: ", "px;\n        height: calc(100% + 2px);\n        background-color: ", ";\n        z-index: ", ";\n      }\n\n      th.", "::before,\n        td.", "::before {\n        content: ' ';\n        position: absolute;\n        right: -1px;\n        top: -1px;\n        width: ", "px;\n        height: calc(100% + 2px);\n        background-color: ", ";\n        z-index: ", ";\n      }\n    "])), ClassName.WITH_RESIZE_LINE, ClassName.WITH_RESIZE_LINE, "var(--ds-space-negative-025, -2px)", resizeLineWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_RESIZE_LINE_LAST_COLUMN, ClassName.WITH_RESIZE_LINE_LAST_COLUMN, resizeLineWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2);
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n      th.", "::before,\n        td.", "::before {\n        content: ' ';\n        position: absolute;\n        left: ", ";\n        top: -1px;\n        width: ", "px;\n        height: calc(100% + 2px);\n        background-color: ", ";\n        z-index: ", ";\n      }\n\n      th.", "::before,\n        td.", "::before {\n        content: ' ';\n        position: absolute;\n        right: -1px;\n        top: -1px;\n        width: ", "px;\n        height: calc(100% + 2px);\n        background-color: ", ";\n        z-index: ", ";\n      }\n    "])), ClassName.WITH_RESIZE_LINE, ClassName.WITH_RESIZE_LINE, "var(--ds-space-negative-025, -2px)", resizeLineWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_RESIZE_LINE_LAST_COLUMN, ClassName.WITH_RESIZE_LINE_LAST_COLUMN, resizeLineWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2);
   }
-  return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      left: ", ";\n      top: -1px;\n      width: ", "px;\n      height: calc(100% + 2px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      left: ", ";\n      position: absolute;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n      top: -", "px;\n    }\n\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      right: -1px;\n      top: -1px;\n      width: ", "px;\n      height: calc(100% + 2px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      right: -1px;\n      position: absolute;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n      top: -", "px;\n    }\n  "])), ClassName.WITH_RESIZE_LINE, "var(--ds-space-negative-025, -2px)", resizeLineWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_RESIZE_LINE, "var(--ds-space-negative-025, -2px)", resizeLineWidth, tableToolbarSize + tableCellBorderWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2, tableToolbarSize + tableCellBorderWidth, ClassName.WITH_RESIZE_LINE_LAST_COLUMN, resizeLineWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_RESIZE_LINE_LAST_COLUMN, resizeLineWidth, tableToolbarSize + tableCellBorderWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2, tableToolbarSize + tableCellBorderWidth);
+  return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      left: ", ";\n      top: -1px;\n      width: ", "px;\n      height: calc(100% + 2px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      left: ", ";\n      position: absolute;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n      top: -", "px;\n    }\n\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      right: -1px;\n      top: -1px;\n      width: ", "px;\n      height: calc(100% + 2px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      right: -1px;\n      position: absolute;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n      top: -", "px;\n    }\n  "])), ClassName.WITH_RESIZE_LINE, "var(--ds-space-negative-025, -2px)", resizeLineWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_RESIZE_LINE, "var(--ds-space-negative-025, -2px)", resizeLineWidth, tableToolbarSize + tableCellBorderWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2, tableToolbarSize + tableCellBorderWidth, ClassName.WITH_RESIZE_LINE_LAST_COLUMN, resizeLineWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_RESIZE_LINE_LAST_COLUMN, resizeLineWidth, tableToolbarSize + tableCellBorderWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2, tableToolbarSize + tableCellBorderWidth);
 };
 export var resizeHandle = function resizeHandle(props) {
-  return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  .", " {\n    .", " {\n      background-color: transparent;\n      position: absolute;\n      width: ", "px;\n      height: 100%;\n      top: 0;\n      right: -", "px;\n      cursor: col-resize;\n      z-index: ", ";\n    }\n\n    ", "\n\n    ", "\n\n    table\n      tr:first-of-type\n      th.", "\n      .", "::after,\n      table\n      tr:first-of-type\n      td.", "\n      .", "::after {\n      top: -", "px;\n      height: calc(100% + ", "px);\n    }\n  }\n"])), ClassName.TABLE_CONTAINER, ClassName.RESIZE_HANDLE_DECORATION, resizeHandlerAreaWidth, resizeHandlerAreaWidth / 2, resizeHandlerZIndex, getLastColumnResizerOverrides(), resizeHandleOverrides(props), ClassName.WITH_RESIZE_LINE, ClassName.RESIZE_HANDLE_DECORATION, ClassName.WITH_RESIZE_LINE, ClassName.RESIZE_HANDLE_DECORATION, tableToolbarSize + tableCellBorderWidth, tableToolbarSize + tableCellBorderWidth);
+  return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  .", " {\n    .", " {\n      background-color: transparent;\n      position: absolute;\n      width: ", "px;\n      height: 100%;\n      top: 0;\n      right: -", "px;\n      cursor: col-resize;\n      z-index: ", ";\n    }\n\n    ", "\n\n    ", "\n\n    table\n      tr:first-of-type\n      th.", "\n      .", "::after,\n      table\n      tr:first-of-type\n      td.", "\n      .", "::after {\n      top: -", "px;\n      height: calc(100% + ", "px);\n    }\n  }\n"])), ClassName.TABLE_CONTAINER, ClassName.RESIZE_HANDLE_DECORATION, resizeHandlerAreaWidth, resizeHandlerAreaWidth / 2, resizeHandlerZIndex, getLastColumnResizerOverrides(), resizeHandleOverrides(props), ClassName.WITH_RESIZE_LINE, ClassName.RESIZE_HANDLE_DECORATION, ClassName.WITH_RESIZE_LINE, ClassName.RESIZE_HANDLE_DECORATION, tableToolbarSize + tableCellBorderWidth, tableToolbarSize + tableCellBorderWidth);
 };
 
 // Drag and Drop: drop target insert line
 export var insertLine = function insertLine(props) {
-  return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  .", " {\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      left: -1px;\n      top: -1px;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      left: -1px;\n      position: absolute;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n      top: -", "px;\n    }\n\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      left: ", ";\n      top: -1px;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      left: ", ";\n      position: absolute;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n      top: -", "px;\n    }\n\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      right: -1px;\n      top: -1px;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      right: -1px;\n      position: absolute;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n      top: -", "px;\n    }\n\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      left: ", ";\n      top: -1px;\n      height: ", "px;\n      width: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      left: ", ";\n      position: absolute;\n      height: ", "px;\n      width: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n      top: -1px;\n    }\n\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      left: ", ";\n      bottom: 0;\n      height: ", "px;\n      width: calc(100% + 2px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      left: ", ";\n      bottom: 0;\n      position: absolute;\n      height: ", "px;\n      width: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n  }\n"])), ClassName.TABLE_CONTAINER, ClassName.WITH_FIRST_COLUMN_INSERT_LINE, insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_FIRST_COLUMN_INSERT_LINE, insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, tableCellBorderWidth, ClassName.WITH_COLUMN_INSERT_LINE, "var(--ds-space-negative-025, -2px)", insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_COLUMN_INSERT_LINE, "var(--ds-space-negative-025, -2px)", insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, tableCellBorderWidth, ClassName.WITH_LAST_COLUMN_INSERT_LINE, insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_LAST_COLUMN_INSERT_LINE, insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, tableCellBorderWidth, ClassName.WITH_ROW_INSERT_LINE, "var(--ds-space-negative-025, -2px)", insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_ROW_INSERT_LINE, "var(--ds-space-negative-025, -2px)", insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_LAST_ROW_INSERT_LINE, "var(--ds-space-negative-025, -2px)", insertLineWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_LAST_ROW_INSERT_LINE, "var(--ds-space-negative-025, -2px)", insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2);
+  return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  .", " {\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      left: -1px;\n      top: -1px;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      left: -1px;\n      position: absolute;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n      top: -", "px;\n    }\n\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      left: ", ";\n      top: -1px;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      left: ", ";\n      position: absolute;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n      top: -", "px;\n    }\n\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      right: -1px;\n      top: -1px;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      right: -1px;\n      position: absolute;\n      width: ", "px;\n      height: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n      top: -", "px;\n    }\n\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      left: ", ";\n      top: -1px;\n      height: ", "px;\n      width: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      left: ", ";\n      position: absolute;\n      height: ", "px;\n      width: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n      top: -1px;\n    }\n\n    td.", "::before {\n      content: ' ';\n      position: absolute;\n      left: ", ";\n      bottom: 0;\n      height: ", "px;\n      width: calc(100% + 2px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n\n    th.", "::before {\n      content: ' ';\n      left: ", ";\n      bottom: 0;\n      position: absolute;\n      height: ", "px;\n      width: calc(100% + ", "px);\n      background-color: ", ";\n      z-index: ", ";\n    }\n  }\n"])), ClassName.TABLE_CONTAINER, ClassName.WITH_FIRST_COLUMN_INSERT_LINE, insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_FIRST_COLUMN_INSERT_LINE, insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, tableCellBorderWidth, ClassName.WITH_COLUMN_INSERT_LINE, "var(--ds-space-negative-025, -2px)", insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_COLUMN_INSERT_LINE, "var(--ds-space-negative-025, -2px)", insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, tableCellBorderWidth, ClassName.WITH_LAST_COLUMN_INSERT_LINE, insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_LAST_COLUMN_INSERT_LINE, insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, tableCellBorderWidth, ClassName.WITH_ROW_INSERT_LINE, "var(--ds-space-negative-025, -2px)", insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_ROW_INSERT_LINE, "var(--ds-space-negative-025, -2px)", insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_LAST_ROW_INSERT_LINE, "var(--ds-space-negative-025, -2px)", insertLineWidth, tableBorderSelectedColor(props), columnControlsZIndex * 2, ClassName.WITH_LAST_ROW_INSERT_LINE, "var(--ds-space-negative-025, -2px)", insertLineWidth, tableCellBorderWidth * 2, tableBorderSelectedColor(props), columnControlsZIndex * 2);
 };

package/dist/esm/plugins/table/utils/decoration.js

@@ -12,7 +12,6 @@ import { findTable, getCellsInRow, getSelectionRect } from '@atlaskit/editor-tab
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { TableCssClassName as ClassName, TableDecorations } from '../types';
 import { ColumnResizeWidget } from '../ui/ColumnResizeWidget';
-import { hasMergedCellsInColumn, hasMergedCellsInRow } from './merged-cells';
 var filterDecorationByKey = function filterDecorationByKey(key, decorationSet) {
   return decorationSet.find(undefined, undefined, function (spec) {
     return spec.key.indexOf(key) > -1;
@@ -60,8 +59,6 @@ export var createControlsHoverDecoration = function createControlsHoverDecoratio
   var updatedCells = cells.map(function (x) {
     return x.pos;
   });
-  var hasMergedCells = type === 'row' ? hasMergedCellsInRow(hoveredIndexes[0])(tr.selection) : hasMergedCellsInColumn(hoveredIndexes[0])(tr.selection);
-  var disabled = hasMergedCells;
 
   // ED-15246 fixed trello card table overflow issue
   // If columns / rows have been merged the hovered selection is different to the actual selection
@@ -112,10 +109,14 @@ export var createControlsHoverDecoration = function createControlsHoverDecoratio
     if (selected) {
       classes.push(ClassName.SELECTED_CELL);
     }
-    if (isDragAndDropEnable && disabled) {
-      classes.push(ClassName.HOVERED_DISABLED_CELL);
+    if (isDragAndDropEnable) {
+      if (type === 'column' || type === 'row') {
+        classes.pop();
+        classes.push(ClassName.HOVERED_NO_HIGHLIGHT);
+      }
+    } else {
+      classes.push(type === 'column' ? ClassName.HOVERED_COLUMN : type === 'row' ? ClassName.HOVERED_ROW : ClassName.HOVERED_TABLE);
     }
-    classes.push(type === 'column' ? ClassName.HOVERED_COLUMN : type === 'row' ? ClassName.HOVERED_ROW : ClassName.HOVERED_TABLE);
     var key;
     switch (type) {
       case 'row':

package/dist/types/plugins/table/types.d.ts

@@ -306,8 +306,8 @@ export declare const TableCssClassName: {
     HOVERED_COLUMN: string;
     HOVERED_ROW: string;
     HOVERED_TABLE: string;
+    HOVERED_NO_HIGHLIGHT: string;
     HOVERED_CELL: string;
-    HOVERED_DISABLED_CELL: string;
     HOVERED_CELL_IN_DANGER: string;
     HOVERED_CELL_ACTIVE: string;
     HOVERED_CELL_WARNING: string;

package/dist/types/plugins/table/ui/DragHandle/HandleIconComponent.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+type HandleIconProps = {
+    hasMergedCells: boolean;
+    direction: 'row' | 'column';
+    isDragMenuOpen: boolean | undefined;
+    isRowHandleHovered: boolean;
+    isColumnHandleHovered: boolean;
+    isCurrentRowSelected: boolean;
+    isCurrentColumnSelected: boolean;
+    dragMenuDirection: 'row' | 'column' | undefined;
+};
+export declare const HandleIconComponent: (props: HandleIconProps) => JSX.Element;
+export {};

package/dist/types/plugins/table/ui/consts.d.ts

@@ -13,7 +13,6 @@ export declare const tableBorderSelectedColor: import("@atlaskit/theme").ThemedV
 export declare const tableCellSelectedDeleteIconColor: import("@atlaskit/theme").ThemedValue<"var(--ds-icon-subtle)">;
 export declare const tableCellSelectedDeleteIconBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-accent-gray-subtlest)">;
 export declare const tableCellDeleteColor: import("@atlaskit/theme").ThemedValue<"var(--ds-blanket-danger)">;
-export declare const tableCellDisabledColor: "var(--ds-background-accent-gray-subtler-hovered)";
 export declare const tableBorderDeleteColor: import("@atlaskit/theme").ThemedValue<"var(--ds-border-danger)">;
 export declare const tableToolbarDeleteColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-danger-pressed)">;
 export declare const tableCellHoverDeleteIconColor: import("@atlaskit/theme").ThemedValue<"var(--ds-icon-inverse)">;

package/dist/types/plugins/table/ui/ui-styles.d.ts

@@ -14,7 +14,6 @@ export declare const floatingColumnControls: (props: ThemeProps) => import("@emo
 export declare const rowControlsWrapperDotStyle: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
 export declare const columnControlsDecoration: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
 export declare const hoveredDeleteButton: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const disabledCell: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
 export declare const hoveredCell: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
 export declare const hoveredWarningCell: import("@emotion/react").SerializedStyles;
 export declare const resizeHandle: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/plugins/table/types.d.ts

@@ -306,8 +306,8 @@ export declare const TableCssClassName: {
     HOVERED_COLUMN: string;
     HOVERED_ROW: string;
     HOVERED_TABLE: string;
+    HOVERED_NO_HIGHLIGHT: string;
     HOVERED_CELL: string;
-    HOVERED_DISABLED_CELL: string;
     HOVERED_CELL_IN_DANGER: string;
     HOVERED_CELL_ACTIVE: string;
     HOVERED_CELL_WARNING: string;

package/dist/types-ts4.5/plugins/table/ui/DragHandle/HandleIconComponent.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+type HandleIconProps = {
+    hasMergedCells: boolean;
+    direction: 'row' | 'column';
+    isDragMenuOpen: boolean | undefined;
+    isRowHandleHovered: boolean;
+    isColumnHandleHovered: boolean;
+    isCurrentRowSelected: boolean;
+    isCurrentColumnSelected: boolean;
+    dragMenuDirection: 'row' | 'column' | undefined;
+};
+export declare const HandleIconComponent: (props: HandleIconProps) => JSX.Element;
+export {};

package/dist/types-ts4.5/plugins/table/ui/consts.d.ts

@@ -13,7 +13,6 @@ export declare const tableBorderSelectedColor: import("@atlaskit/theme").ThemedV
 export declare const tableCellSelectedDeleteIconColor: import("@atlaskit/theme").ThemedValue<"var(--ds-icon-subtle)">;
 export declare const tableCellSelectedDeleteIconBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-accent-gray-subtlest)">;
 export declare const tableCellDeleteColor: import("@atlaskit/theme").ThemedValue<"var(--ds-blanket-danger)">;
-export declare const tableCellDisabledColor: "var(--ds-background-accent-gray-subtler-hovered)";
 export declare const tableBorderDeleteColor: import("@atlaskit/theme").ThemedValue<"var(--ds-border-danger)">;
 export declare const tableToolbarDeleteColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-danger-pressed)">;
 export declare const tableCellHoverDeleteIconColor: import("@atlaskit/theme").ThemedValue<"var(--ds-icon-inverse)">;

package/dist/types-ts4.5/plugins/table/ui/ui-styles.d.ts

@@ -14,7 +14,6 @@ export declare const floatingColumnControls: (props: ThemeProps) => import("@emo
 export declare const rowControlsWrapperDotStyle: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
 export declare const columnControlsDecoration: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
 export declare const hoveredDeleteButton: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const disabledCell: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
 export declare const hoveredCell: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
 export declare const hoveredWarningCell: import("@emotion/react").SerializedStyles;
 export declare const resizeHandle: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "5.4.3",
+  "version": "5.4.5",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,8 +27,8 @@
     "releaseModel": "continuous"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^34.0.0",
-    "@atlaskit/custom-steps": "^0.0.4",
+    "@atlaskit/adf-schema": "^34.0.1",
+    "@atlaskit/custom-steps": "^0.0.5",
     "@atlaskit/editor-common": "^76.23.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-plugin-analytics": "^0.3.0",

package/src/__tests__/integration/__fixtures__/basic-table.ts

@@ -1,4 +1,4 @@
-export default {
+export const basicTableAdf = {
   version: 1,
   type: 'doc',
   content: [

package/src/__tests__/unit/analytics.ts

@@ -31,6 +31,7 @@ import {
 import sendKeyToPm from '@atlaskit/editor-test-helpers/send-key-to-pm';
 import { B50 } from '@atlaskit/theme/colors';
 
+import tablePlugin from '../../plugins/table-plugin';
 import {
   deleteColumnsWithAnalytics,
   deleteRowsWithAnalytics,
@@ -51,7 +52,6 @@ import { handleCut } from '../../plugins/table/event-handlers';
 import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import { replaceSelectedTable } from '../../plugins/table/transforms';
 import type { PluginConfig } from '../../plugins/table/types';
-import tablePlugin from '../../plugins/table-plugin';
 
 const defaultTableDoc = doc(
   table()(

package/src/__tests__/unit/collab.ts

@@ -24,10 +24,10 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../plugins/table-plugin';
 import { pluginKey as tablePluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import { setResizeHandlePos } from '../../plugins/table/pm-plugins/table-resizing/commands';
 import type { PluginConfig } from '../../plugins/table/types';
-import tablePlugin from '../../plugins/table-plugin';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 

package/src/__tests__/unit/commands/sort.ts

@@ -24,8 +24,8 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
-import { sortByColumn } from '../../../plugins/table/commands/sort';
 import tablePlugin from '../../../plugins/table-plugin';
+import { sortByColumn } from '../../../plugins/table/commands/sort';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 

package/src/__tests__/unit/copy-paste.ts

@@ -53,6 +53,7 @@ import {
 // eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
 import defaultSchema from '@atlaskit/editor-test-helpers/schema';
 
+import tablePlugin from '../../plugins/table-plugin';
 import { pluginKey as tablePluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import type { PluginConfig, TablePluginState } from '../../plugins/table/types';
 import {
@@ -62,7 +63,6 @@ import {
   transformSliceToRemoveOpenTable,
   unwrapContentFromTable,
 } from '../../plugins/table/utils/paste';
-import tablePlugin from '../../plugins/table-plugin';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 const array = (...args: any): Node[] => args.map((i: any) => i(defaultSchema));

package/src/__tests__/unit/event-handlers/index.ts

@@ -23,11 +23,11 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../../plugins/table-plugin';
 import { whenTableInFocus } from '../../../plugins/table/event-handlers';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import { setDragging } from '../../../plugins/table/pm-plugins/table-resizing/commands';
 import type { TablePluginState } from '../../../plugins/table/types';
-import tablePlugin from '../../../plugins/table-plugin';
 
 describe('event-handlers', () => {
   let editor: any;

package/src/__tests__/unit/event-handlers.ts

@@ -28,6 +28,7 @@ import {
 } from '@atlaskit/editor-test-helpers/doc-builder';
 import { ffTest } from '@atlassian/feature-flags-test-utils';
 
+import tablePlugin from '../../plugins/table-plugin';
 import {
   addResizeHandleDecorations,
   showInsertColumnButton,
@@ -42,7 +43,6 @@ import {
 import { getPluginState } from '../../plugins/table/pm-plugins/plugin-factory';
 import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import { TableCssClassName as ClassName } from '../../plugins/table/types';
-import tablePlugin from '../../plugins/table-plugin';
 
 describe('table plugin: decorations', () => {
   const createEditor = createProsemirrorEditorFactory();

package/src/__tests__/unit/fix-tables.ts

@@ -23,9 +23,9 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../plugins/table-plugin';
 import { pluginKey as tablePluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import type { PluginConfig } from '../../plugins/table/types';
-import tablePlugin from '../../plugins/table-plugin';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 

package/src/__tests__/unit/handlers.ts

@@ -23,11 +23,11 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../plugins/table-plugin';
 import { handleDocOrSelectionChanged } from '../../plugins/table/handlers';
 import { defaultTableSelection } from '../../plugins/table/pm-plugins/default-table-selection';
 import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import type { TablePluginState } from '../../plugins/table/types';
-import tablePlugin from '../../plugins/table-plugin';
 
 describe('table action handlers', () => {
   let editor: any;

package/src/__tests__/unit/hover-selection.ts

@@ -31,6 +31,7 @@ import {
 // eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
 import { selectColumns } from '@atlaskit/editor-test-helpers/table';
 
+import tablePlugin from '../../plugins/table-plugin';
 import {
   clearHoverSelection,
   hoverColumns,
@@ -41,7 +42,6 @@ import { getDecorations } from '../../plugins/table/pm-plugins/decorations/plugi
 import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import type { TablePluginState } from '../../plugins/table/types';
 import { TableDecorations } from '../../plugins/table/types';
-import tablePlugin from '../../plugins/table-plugin';
 
 describe('table hover selection plugin', () => {
   const createEditor = createProsemirrorEditorFactory();

package/src/__tests__/unit/index.ts

@@ -45,6 +45,7 @@ import {
 // eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
 import sendKeyToPm from '@atlaskit/editor-test-helpers/send-key-to-pm';
 
+import tablePlugin from '../../plugins/table-plugin';
 import {
   createTable,
   insertColumn,
@@ -61,7 +62,6 @@ import {
   checkIfHeaderRowEnabled,
   checkIfNumberColumnEnabled,
 } from '../../plugins/table/utils';
-import tablePlugin from '../../plugins/table-plugin';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 

package/src/__tests__/unit/layout.ts

@@ -25,6 +25,7 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../plugins/table-plugin';
 import { toggleTableLayout } from '../../plugins/table/commands';
 import { getPluginState } from '../../plugins/table/pm-plugins/plugin-factory';
 import { pluginKey as tablePluginKey } from '../../plugins/table/pm-plugins/plugin-key';
@@ -32,7 +33,6 @@ import type {
   PermittedLayoutsDescriptor,
   TablePluginState,
 } from '../../plugins/table/types';
-import tablePlugin from '../../plugins/table-plugin';
 
 describe('table toolbar', () => {
   const tableOptions = {

package/src/__tests__/unit/nodeviews/TableComponent.tsx

@@ -27,6 +27,7 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../../plugins/table-plugin';
 import * as commands from '../../../plugins/table/commands';
 import {
   hoverTable,
@@ -36,7 +37,6 @@ import TableComponent from '../../../plugins/table/nodeviews/TableComponent';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import type { TablePluginState } from '../../../plugins/table/types';
 import { TableCssClassName as ClassName } from '../../../plugins/table/types';
-import tablePlugin from '../../../plugins/table-plugin';
 
 jest.mock('../../../plugins/table/utils/nodes', () =>
   Object.assign({}, jest.requireActual('../../../plugins/table/utils/nodes'), {

package/src/__tests__/unit/nodeviews/TableContainer.tsx

@@ -23,6 +23,7 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../../plugins/table-plugin';
 import {
   ResizableTableContainer,
   TableContainer,
@@ -30,7 +31,6 @@ import {
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import { pluginKey as tableResizingPluginKey } from '../../../plugins/table/pm-plugins/table-width';
 import type { TablePluginState } from '../../../plugins/table/types';
-import tablePlugin from '../../../plugins/table-plugin';
 
 const mockStartMeasure = jest.fn();
 const mockEndMeasure = jest.fn(() => {

package/src/__tests__/unit/nodeviews/cell.ts

@@ -32,10 +32,10 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../../plugins/table-plugin';
 import TableCell from '../../../plugins/table/nodeviews/TableCell';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import type { PluginConfig } from '../../../plugins/table/types';
-import tablePlugin from '../../../plugins/table-plugin';
 
 jest.mock('@atlaskit/editor-common/utils', () => ({
   ...jest.requireActual<Object>('@atlaskit/editor-common/utils'),

package/src/__tests__/unit/pm-plugins/safari-delete-composition-text-issue-workaround.ts

@@ -22,8 +22,8 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
-import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import tablePlugin from '../../../plugins/table-plugin';
+import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 
 describe('table/safari-delete-composition-text-issue-workaround', () => {
   let editor: any;

package/src/__tests__/unit/pm-plugins/table-width.ts

@@ -25,8 +25,8 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
-import { pluginKey as tablePluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import tablePlugin from '../../../plugins/table-plugin';
+import { pluginKey as tablePluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 
 const createDoc = (attrs: any) =>
   doc(

package/src/__tests__/unit/sort-column.ts

@@ -26,13 +26,13 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../plugins/table-plugin';
 import { sortByColumn } from '../../plugins/table/commands';
 import { pluginKey as tablePluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import type {
   PermittedLayoutsDescriptor,
   TablePluginState,
 } from '../../plugins/table/types';
-import tablePlugin from '../../plugins/table-plugin';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 

package/src/__tests__/unit/transforms/delete-columns.ts

@@ -29,10 +29,10 @@ import {
 } from '@atlaskit/editor-test-helpers/doc-builder';
 import { ffTest } from '@atlassian/feature-flags-test-utils';
 
+import tablePlugin from '../../../plugins/table-plugin';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import { deleteColumns } from '../../../plugins/table/transforms';
 import type { TablePluginState } from '../../../plugins/table/types';
-import tablePlugin from '../../../plugins/table-plugin';
 
 const colsToRect = (cols: Array<number>, noOfRows: number): Rect => ({
   left: Math.min(...cols),

package/src/__tests__/unit/transforms/delete-rows.ts

@@ -29,10 +29,10 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../../plugins/table-plugin';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import { deleteRows } from '../../../plugins/table/transforms';
 import type { TablePluginState } from '../../../plugins/table/types';
-import tablePlugin from '../../../plugins/table-plugin';
 
 const rowsToRect = (rows: Array<number>, noOfColumns: number): Rect => ({
   left: 0,

package/src/__tests__/unit/transforms/merging.ts

@@ -25,10 +25,10 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../../plugins/table-plugin';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import { mergeCells } from '../../../plugins/table/transforms';
 import type { TablePluginState } from '../../../plugins/table/types';
-import tablePlugin from '../../../plugins/table-plugin';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 

package/src/__tests__/unit/ui/ContextualMenu.tsx

@@ -29,8 +29,8 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
-import { ContextualMenu } from '../../../plugins/table/ui/FloatingContextualMenu/ContextualMenu';
 import tablePlugin from '../../../plugins/table-plugin';
+import { ContextualMenu } from '../../../plugins/table/ui/FloatingContextualMenu/ContextualMenu';
 
 describe('ContextualMenu', () => {
   const getEditorContainerWidth = () => ({ width: 500 });

package/src/__tests__/unit/ui/CornerControls.tsx

@@ -27,10 +27,10 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../../plugins/table-plugin';
 import { getPluginState } from '../../../plugins/table/pm-plugins/plugin-factory';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import { CornerControls } from '../../../plugins/table/ui/TableFloatingControls/CornerControls';
-import tablePlugin from '../../../plugins/table-plugin';
 
 describe('CornerControls', () => {
   const createEditor = createProsemirrorEditorFactory();

package/src/__tests__/unit/ui/FloatingContextualButton.tsx

@@ -32,9 +32,9 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../../plugins/table-plugin';
 import type { Props as FloatingContextualButtonProps } from '../../../plugins/table/ui/FloatingContextualButton';
 import FloatingContextualButton from '../../../plugins/table/ui/FloatingContextualButton';
-import tablePlugin from '../../../plugins/table-plugin';
 
 jest.mock('@atlaskit/editor-prosemirror/utils', () => {
   // Unblock prosemirror bump:

package/src/__tests__/unit/ui/FloatingContextualMenu.tsx

@@ -29,9 +29,9 @@ import {
   tr,
 } from '@atlaskit/editor-test-helpers/doc-builder';
 
+import tablePlugin from '../../../plugins/table-plugin';
 import { getPluginState } from '../../../plugins/table/pm-plugins/plugin-factory';
 import FloatingContextualMenu from '../../../plugins/table/ui/FloatingContextualMenu';
-import tablePlugin from '../../../plugins/table-plugin';
 
 describe('FloatingContextualMenu', () => {
   const createEditor = createProsemirrorEditorFactory();

package/src/__tests__/unit/ui/FloatingDeleteButton.tsx

@@ -20,13 +20,13 @@ import {
 // eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
 import { selectColumns, selectRows } from '@atlaskit/editor-test-helpers/table';
 
+import tablePlugin from '../../../plugins/table-plugin';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import type { TablePluginState } from '../../../plugins/table/types';
 import { TableCssClassName } from '../../../plugins/table/types';
 import type { Props as FloatingDeleteButtonProps } from '../../../plugins/table/ui/FloatingDeleteButton';
 import FloatingDeleteButton from '../../../plugins/table/ui/FloatingDeleteButton';
 import * as tableColumnControlsUtils from '../../../plugins/table/utils/column-controls';
-import tablePlugin from '../../../plugins/table-plugin';
 
 describe('Floating Delete Button', () => {
   const createEditor = createEditorFactory<TablePluginState>();