@atlaskit/editor-plugin-table 7.6.5 → 7.6.7

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-table
 
+## 7.6.7
+
+### Patch Changes
+
+- [#86408](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86408) [`6bff86c31d81`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6bff86c31d81) - Clean up feature flag for increasing visibility of table scroll shadows
+
+## 7.6.6
+
+### Patch Changes
+
+- [#86633](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86633) [`d9780cd1adb8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d9780cd1adb8) - ED-22713: Fixed table resizing not working with keyboard shortcuts
+- [#86724](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86724) [`718a9aa2424d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/718a9aa2424d) - [ED-22607] Remove references to maxFrames for multi bodied extensions and bump adf-schema from 35.7.0 to 35.8.0
+- Updated dependencies
+
 ## 7.6.5
 
 ### Patch Changes

package/dist/cjs/commands/column-resize.js

@@ -119,16 +119,16 @@ var activateNextResizeArea = exports.activateNextResizeArea = function activateN
     var currentCellRect = tableMap.findCell($currentCell.pos - $currentCell.start(-1));
     var $nextCell = (0, _utils.nextCell)($currentCell, 'horiz', direction);
     if (ariaNotify && getIntl) {
-      var columnDirection = '';
       if (direction === 1) {
-        columnDirection = getIntl().formatMessage(_messages.tableMessages.columnRightResize);
+        ariaNotify(getIntl().formatMessage(_messages.tableMessages.focusedOtherResize, {
+          direction: 'right'
+        }));
       }
       if (direction === -1) {
-        columnDirection = getIntl().formatMessage(_messages.tableMessages.columnLeftResize);
+        ariaNotify(getIntl().formatMessage(_messages.tableMessages.focusedOtherResize, {
+          direction: 'left'
+        }));
       }
-      ariaNotify(getIntl().formatMessage(_messages.tableMessages.focusedOtherResize, {
-        direction: columnDirection
-      }));
     }
     if ($nextCell) {
       // we are somewhere in between the side columns of the table

package/dist/cjs/nodeviews/TableComponent.js

@@ -784,9 +784,10 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }), this.state.stickyHeader && /*#__PURE__*/_react.default.createElement("div", {
         style: {
           position: 'absolute',
-          right: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') ? "".concat((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.increase-shadow-visibility_lh89r') ? "var(--ds-space-400, 32px)" // tableOverflowShadowWidthWide
-          : "var(--ds-space-100, 8px)" // tableOverflowShadowWidth
-          ) : "var(--ds-space-negative-025, -2px)"
+          right: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') ? "var(--ds-space-400, 32px)" // tableOverflowShadowWidthWide
+          :
+          // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+          '22px'
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(_types.TableCssClassName.TABLE_RIGHT_SHADOW, " ").concat(_types.TableCssClassName.TABLE_STICKY_SHADOW),

package/dist/cjs/nodeviews/TableResizer.js

@@ -297,6 +297,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     if (newWidth > maxWidth || newWidth < resizerMinWidth) {
       return;
     }
+    setLocalTableWidth(newWidth);
     handleResizeStop({
       width: width,
       x: 0,

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

@@ -13,10 +13,8 @@ function tableSelectionKeymapPlugin(editorSelectionAPI) {
   var list = {};
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRight.common, (0, _selection.arrowRightFromTable)(editorSelectionAPI)(), list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveLeft.common, (0, _selection.arrowLeftFromTable)(editorSelectionAPI)(), list);
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y.table-selection_9uv33')) {
-    (0, _keymaps.bindKeymapArrayWithCommand)(_keymaps.selectColumn, (0, _selection.selectColumns)(editorSelectionAPI)(true), list);
-    (0, _keymaps.bindKeymapArrayWithCommand)(_keymaps.selectRow, (0, _selection.selectRows)(editorSelectionAPI)(true), list);
-  }
+  (0, _keymaps.bindKeymapArrayWithCommand)(_keymaps.selectColumn, (0, _selection.selectColumns)(editorSelectionAPI)(true), list);
+  (0, _keymaps.bindKeymapArrayWithCommand)(_keymaps.selectRow, (0, _selection.selectRows)(editorSelectionAPI)(true), list);
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.shift-arrowup-fix')) {
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.shiftArrowUp.common, (0, _selection.shiftArrowUpFromTable)(editorSelectionAPI)(), list);
   }

package/dist/cjs/ui/ui-styles.js

@@ -73,7 +73,7 @@ var DeleteButton = exports.DeleteButton = function DeleteButton() {
   return (0, _react.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  .", ",\n    .", " {\n    height: ", "px;\n    width: ", "px;\n  }\n  .", " {\n    .", " {\n      ", "\n    }\n  }\n\n  .", ":hover {\n    background: ", ";\n    color: ", ";\n    cursor: pointer;\n  }\n"])), _types.TableCssClassName.CONTROLS_DELETE_BUTTON_WRAP, _types.TableCssClassName.CONTROLS_DELETE_BUTTON, _consts.tableDeleteButtonSize, _consts.tableDeleteButtonSize, _types.TableCssClassName.CONTROLS_DELETE_BUTTON_WRAP, _types.TableCssClassName.CONTROLS_DELETE_BUTTON, Button("\n        background: ".concat(_consts.tableCellSelectedDeleteIconBackground, ";\n        color: ").concat(_consts.tableCellSelectedDeleteIconColor, ";\n      ")), _types.TableCssClassName.CONTROLS_DELETE_BUTTON, _consts.tableCellHoverDeleteIconBackground, _consts.tableCellHoverDeleteIconColor);
 };
 var OverflowShadow = exports.OverflowShadow = function OverflowShadow(isDragAndDropEnabled) {
-  return (0, _react.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  .", ", .", " {\n    display: block;\n    height: calc(100% - ", "px);\n    position: absolute;\n    pointer-events: none;\n    top: ", "px;\n    z-index: ", ";\n    width: ", "px;\n  }\n  .", " {\n    background: linear-gradient(\n        to left,\n        transparent 0,\n        ", "\n          ", "%\n      ),\n      linear-gradient(\n        to right,\n        ", " 0px,\n        transparent 1px\n      );\n    left: 0px;\n  }\n  .", "[data-number-column='true'] > :not(.", ").", " {\n    left: ", "px;\n  }\n  .", " {\n    background: linear-gradient(\n        to right,\n        transparent 0,\n        ", "\n          ", "%\n      ),\n      linear-gradient(\n        to left,\n        ", " 0px,\n        transparent 1px\n      );\n    left: ", ";\n  }\n  .", " {\n    ", "\n    .", " {\n      border-left: 1px solid ", ";\n    }\n  }\n"])), _types.TableCssClassName.TABLE_RIGHT_SHADOW, _types.TableCssClassName.TABLE_LEFT_SHADOW, _styles.tableMarginTop, _styles.tableMarginTop, _editorSharedStyles.akEditorShadowZIndex, (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.increase-shadow-visibility_lh89r') ? _consts.tableOverflowShadowWidthWide : _consts.tableOverflowShadowWidth, _types.TableCssClassName.TABLE_LEFT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(_colors.N40A, ")"), (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.increase-shadow-visibility_lh89r') ? 140 : 100, "var(--ds-shadow-overflow-perimeter, transparent)", _types.TableCssClassName.TABLE_CONTAINER, _types.TableCssClassName.TABLE_STICKY_SHADOW, _types.TableCssClassName.TABLE_LEFT_SHADOW, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, _types.TableCssClassName.TABLE_RIGHT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(_colors.N40A, ")"), (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.increase-shadow-visibility_lh89r') ? 140 : 100, "var(--ds-shadow-overflow-perimeter, transparent)", (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') ? "calc(100% - ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.increase-shadow-visibility_lh89r') ? _consts.tableOverflowShadowWidthWide : _consts.tableOverflowShadowWidth, "px)") : "calc(100% - ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.increase-shadow-visibility_lh89r') ? _consts.tableOverflowShadowWidthWide - 10 : -2, "px)"), _types.TableCssClassName.WITH_CONTROLS, overflowShadowWidhoutDnD(isDragAndDropEnabled), _types.TableCssClassName.TABLE_LEFT_SHADOW, _consts.tableBorderColor);
+  return (0, _react.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  .", ", .", " {\n    display: block;\n    height: calc(100% - ", "px);\n    position: absolute;\n    pointer-events: none;\n    top: ", "px;\n    z-index: ", ";\n    width: ", "px;\n  }\n  .", " {\n    background: linear-gradient(\n        to left,\n        transparent 0,\n        ", " 140%\n      ),\n      linear-gradient(\n        to right,\n        ", " 0px,\n        transparent 1px\n      );\n    left: 0px;\n  }\n  .", "[data-number-column='true'] > :not(.", ").", " {\n    left: ", "px;\n  }\n  .", " {\n    background: linear-gradient(\n        to right,\n        transparent 0,\n        ", " 140%\n      ),\n      linear-gradient(\n        to left,\n        ", " 0px,\n        transparent 1px\n      );\n    left: ", ";\n  }\n  .", " {\n    ", "\n    .", " {\n      border-left: 1px solid ", ";\n    }\n  }\n"])), _types.TableCssClassName.TABLE_RIGHT_SHADOW, _types.TableCssClassName.TABLE_LEFT_SHADOW, _styles.tableMarginTop, _styles.tableMarginTop, _editorSharedStyles.akEditorShadowZIndex, _consts.tableOverflowShadowWidthWide, _types.TableCssClassName.TABLE_LEFT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(_colors.N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", _types.TableCssClassName.TABLE_CONTAINER, _types.TableCssClassName.TABLE_STICKY_SHADOW, _types.TableCssClassName.TABLE_LEFT_SHADOW, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, _types.TableCssClassName.TABLE_RIGHT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(_colors.N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", (0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width') ? "calc(100% - ".concat(_consts.tableOverflowShadowWidthWide, "px)") : "calc(100% - ".concat(_consts.tableOverflowShadowWidthWide - 10, "px)"), _types.TableCssClassName.WITH_CONTROLS, overflowShadowWidhoutDnD(isDragAndDropEnabled), _types.TableCssClassName.TABLE_LEFT_SHADOW, _consts.tableBorderColor);
 };
 var overflowShadowWidhoutDnD = function overflowShadowWidhoutDnD(isDragAndDropEnabled) {
   if (!isDragAndDropEnabled) {

package/dist/es2019/commands/column-resize.js

@@ -114,16 +114,16 @@ export const activateNextResizeArea = ({
   const currentCellRect = tableMap.findCell($currentCell.pos - $currentCell.start(-1));
   const $nextCell = nextCell($currentCell, 'horiz', direction);
   if (ariaNotify && getIntl) {
-    let columnDirection = '';
     if (direction === 1) {
-      columnDirection = getIntl().formatMessage(messages.columnRightResize);
+      ariaNotify(getIntl().formatMessage(messages.focusedOtherResize, {
+        direction: 'right'
+      }));
     }
     if (direction === -1) {
-      columnDirection = getIntl().formatMessage(messages.columnLeftResize);
+      ariaNotify(getIntl().formatMessage(messages.focusedOtherResize, {
+        direction: 'left'
+      }));
     }
-    ariaNotify(getIntl().formatMessage(messages.focusedOtherResize, {
-      direction: columnDirection
-    }));
   }
   if ($nextCell) {
     // we are somewhere in between the side columns of the table

package/dist/es2019/nodeviews/TableComponent.js

@@ -773,9 +773,10 @@ class TableComponent extends React.Component {
     }), this.state.stickyHeader && /*#__PURE__*/React.createElement("div", {
       style: {
         position: 'absolute',
-        right: getBooleanFF('platform.editor.custom-table-width') ? `${getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? "var(--ds-space-400, 32px)" // tableOverflowShadowWidthWide
-        : "var(--ds-space-100, 8px)" // tableOverflowShadowWidth
-        }` : "var(--ds-space-negative-025, -2px)"
+        right: getBooleanFF('platform.editor.custom-table-width') ? `${"var(--ds-space-400, 32px)" // tableOverflowShadowWidthWide
+        }` :
+        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+        '22px'
       }
     }, /*#__PURE__*/React.createElement("div", {
       className: `${ClassName.TABLE_RIGHT_SHADOW} ${ClassName.TABLE_STICKY_SHADOW}`,

package/dist/es2019/nodeviews/TableResizer.js

@@ -289,6 +289,7 @@ export const TableResizer = ({
     if (newWidth > maxWidth || newWidth < resizerMinWidth) {
       return;
     }
+    setLocalTableWidth(newWidth);
     handleResizeStop({
       width: width,
       x: 0,

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

@@ -6,10 +6,8 @@ export function tableSelectionKeymapPlugin(editorSelectionAPI) {
   const list = {};
   bindKeymapWithCommand(moveRight.common, arrowRightFromTable(editorSelectionAPI)(), list);
   bindKeymapWithCommand(moveLeft.common, arrowLeftFromTable(editorSelectionAPI)(), list);
-  if (getBooleanFF('platform.editor.a11y.table-selection_9uv33')) {
-    bindKeymapArrayWithCommand(selectColumn, selectColumns(editorSelectionAPI)(true), list);
-    bindKeymapArrayWithCommand(selectRow, selectRows(editorSelectionAPI)(true), list);
-  }
+  bindKeymapArrayWithCommand(selectColumn, selectColumns(editorSelectionAPI)(true), list);
+  bindKeymapArrayWithCommand(selectRow, selectRows(editorSelectionAPI)(true), list);
   if (getBooleanFF('platform.editor.table.shift-arrowup-fix')) {
     bindKeymapWithCommand(shiftArrowUp.common, shiftArrowUpFromTable(editorSelectionAPI)(), list);
   }

package/dist/es2019/ui/ui-styles.js

@@ -4,7 +4,7 @@ import { akEditorShadowZIndex, akEditorTableBorder, akEditorTableNumberColumnWid
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B300, N0, N300, N40A, N60A, Y200, Y50 } from '@atlaskit/theme/colors';
 import { TableCssClassName as ClassName } from '../types';
-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';
+import { columnControlsDecorationHeight, columnControlsSelectedZIndex, columnControlsZIndex, dragTableInsertColumnButtonSize, insertLineWidth, lineMarkerSize, resizeHandlerAreaWidth, resizeHandlerZIndex, resizeLineWidth, tableBorderColor, tableBorderDeleteColor, tableBorderSelectedColor, tableCellDeleteColor, tableCellHoverDeleteIconBackground, tableCellHoverDeleteIconColor, tableCellSelectedDeleteIconBackground, tableCellSelectedDeleteIconColor, tableDeleteButtonSize, tableHeaderCellBackgroundColor, tableInsertColumnButtonSize, tableOverflowShadowWidthWide, tableToolbarDeleteColor, tableToolbarSelectedColor, tableToolbarSize } from './consts';
 const InsertLine = cssString => css`
   .${ClassName.CONTROLS_INSERT_LINE} {
     background: ${tableBorderSelectedColor};
@@ -267,14 +267,13 @@ export const OverflowShadow = isDragAndDropEnabled => css`
     pointer-events: none;
     top: ${tableMarginTop}px;
     z-index: ${akEditorShadowZIndex};
-    width: ${getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? tableOverflowShadowWidthWide : tableOverflowShadowWidth}px;
+    width: ${tableOverflowShadowWidthWide}px;
   }
   .${ClassName.TABLE_LEFT_SHADOW} {
     background: linear-gradient(
         to left,
         transparent 0,
-        ${`var(--ds-shadow-overflow-spread, ${N40A})`}
-          ${getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? 140 : 100}%
+        ${`var(--ds-shadow-overflow-spread, ${N40A})`} 140%
       ),
       linear-gradient(
         to right,
@@ -290,15 +289,14 @@ export const OverflowShadow = isDragAndDropEnabled => css`
     background: linear-gradient(
         to right,
         transparent 0,
-        ${`var(--ds-shadow-overflow-spread, ${N40A})`}
-          ${getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? 140 : 100}%
+        ${`var(--ds-shadow-overflow-spread, ${N40A})`} 140%
       ),
       linear-gradient(
         to left,
         ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px,
         transparent 1px
       );
-    left: ${getBooleanFF('platform.editor.custom-table-width') ? `calc(100% - ${getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? tableOverflowShadowWidthWide : tableOverflowShadowWidth}px)` : `calc(100% - ${getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? tableOverflowShadowWidthWide - 10 : -2}px)`};
+    left: ${getBooleanFF('platform.editor.custom-table-width') ? `calc(100% - ${tableOverflowShadowWidthWide}px)` : `calc(100% - ${tableOverflowShadowWidthWide - 10}px)`};
   }
   .${ClassName.WITH_CONTROLS} {
     ${overflowShadowWidhoutDnD(isDragAndDropEnabled)}

package/dist/esm/commands/column-resize.js

@@ -113,16 +113,16 @@ export var activateNextResizeArea = function activateNextResizeArea(_ref2) {
     var currentCellRect = tableMap.findCell($currentCell.pos - $currentCell.start(-1));
     var $nextCell = nextCell($currentCell, 'horiz', direction);
     if (ariaNotify && getIntl) {
-      var columnDirection = '';
       if (direction === 1) {
-        columnDirection = getIntl().formatMessage(messages.columnRightResize);
+        ariaNotify(getIntl().formatMessage(messages.focusedOtherResize, {
+          direction: 'right'
+        }));
       }
       if (direction === -1) {
-        columnDirection = getIntl().formatMessage(messages.columnLeftResize);
+        ariaNotify(getIntl().formatMessage(messages.focusedOtherResize, {
+          direction: 'left'
+        }));
       }
-      ariaNotify(getIntl().formatMessage(messages.focusedOtherResize, {
-        direction: columnDirection
-      }));
     }
     if ($nextCell) {
       // we are somewhere in between the side columns of the table

package/dist/esm/nodeviews/TableComponent.js

@@ -777,9 +777,10 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }), this.state.stickyHeader && /*#__PURE__*/React.createElement("div", {
         style: {
           position: 'absolute',
-          right: getBooleanFF('platform.editor.custom-table-width') ? "".concat(getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? "var(--ds-space-400, 32px)" // tableOverflowShadowWidthWide
-          : "var(--ds-space-100, 8px)" // tableOverflowShadowWidth
-          ) : "var(--ds-space-negative-025, -2px)"
+          right: getBooleanFF('platform.editor.custom-table-width') ? "var(--ds-space-400, 32px)" // tableOverflowShadowWidthWide
+          :
+          // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+          '22px'
         }
       }, /*#__PURE__*/React.createElement("div", {
         className: "".concat(ClassName.TABLE_RIGHT_SHADOW, " ").concat(ClassName.TABLE_STICKY_SHADOW),

package/dist/esm/nodeviews/TableResizer.js

@@ -287,6 +287,7 @@ export var TableResizer = function TableResizer(_ref) {
     if (newWidth > maxWidth || newWidth < resizerMinWidth) {
       return;
     }
+    setLocalTableWidth(newWidth);
     handleResizeStop({
       width: width,
       x: 0,

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

@@ -6,10 +6,8 @@ export function tableSelectionKeymapPlugin(editorSelectionAPI) {
   var list = {};
   bindKeymapWithCommand(moveRight.common, arrowRightFromTable(editorSelectionAPI)(), list);
   bindKeymapWithCommand(moveLeft.common, arrowLeftFromTable(editorSelectionAPI)(), list);
-  if (getBooleanFF('platform.editor.a11y.table-selection_9uv33')) {
-    bindKeymapArrayWithCommand(selectColumn, selectColumns(editorSelectionAPI)(true), list);
-    bindKeymapArrayWithCommand(selectRow, selectRows(editorSelectionAPI)(true), list);
-  }
+  bindKeymapArrayWithCommand(selectColumn, selectColumns(editorSelectionAPI)(true), list);
+  bindKeymapArrayWithCommand(selectRow, selectRows(editorSelectionAPI)(true), list);
   if (getBooleanFF('platform.editor.table.shift-arrowup-fix')) {
     bindKeymapWithCommand(shiftArrowUp.common, shiftArrowUpFromTable(editorSelectionAPI)(), list);
   }

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

@@ -6,7 +6,7 @@ import { akEditorShadowZIndex, akEditorTableBorder, akEditorTableNumberColumnWid
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B300, N0, N300, N40A, N60A, Y200, Y50 } from '@atlaskit/theme/colors';
 import { TableCssClassName as ClassName } from '../types';
-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';
+import { columnControlsDecorationHeight, columnControlsSelectedZIndex, columnControlsZIndex, dragTableInsertColumnButtonSize, insertLineWidth, lineMarkerSize, resizeHandlerAreaWidth, resizeHandlerZIndex, resizeLineWidth, tableBorderColor, tableBorderDeleteColor, tableBorderSelectedColor, tableCellDeleteColor, tableCellHoverDeleteIconBackground, tableCellHoverDeleteIconColor, tableCellSelectedDeleteIconBackground, tableCellSelectedDeleteIconColor, tableDeleteButtonSize, tableHeaderCellBackgroundColor, tableInsertColumnButtonSize, tableOverflowShadowWidthWide, tableToolbarDeleteColor, tableToolbarSelectedColor, tableToolbarSize } from './consts';
 var InsertLine = function InsertLine(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, akEditorUnitZIndex, cssString);
 };
@@ -66,7 +66,7 @@ export var DeleteButton = function DeleteButton() {
   return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  .", ",\n    .", " {\n    height: ", "px;\n    width: ", "px;\n  }\n  .", " {\n    .", " {\n      ", "\n    }\n  }\n\n  .", ":hover {\n    background: ", ";\n    color: ", ";\n    cursor: pointer;\n  }\n"])), ClassName.CONTROLS_DELETE_BUTTON_WRAP, ClassName.CONTROLS_DELETE_BUTTON, tableDeleteButtonSize, tableDeleteButtonSize, ClassName.CONTROLS_DELETE_BUTTON_WRAP, ClassName.CONTROLS_DELETE_BUTTON, Button("\n        background: ".concat(tableCellSelectedDeleteIconBackground, ";\n        color: ").concat(tableCellSelectedDeleteIconColor, ";\n      ")), ClassName.CONTROLS_DELETE_BUTTON, tableCellHoverDeleteIconBackground, tableCellHoverDeleteIconColor);
 };
 export var OverflowShadow = function OverflowShadow(isDragAndDropEnabled) {
-  return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  .", ", .", " {\n    display: block;\n    height: calc(100% - ", "px);\n    position: absolute;\n    pointer-events: none;\n    top: ", "px;\n    z-index: ", ";\n    width: ", "px;\n  }\n  .", " {\n    background: linear-gradient(\n        to left,\n        transparent 0,\n        ", "\n          ", "%\n      ),\n      linear-gradient(\n        to right,\n        ", " 0px,\n        transparent 1px\n      );\n    left: 0px;\n  }\n  .", "[data-number-column='true'] > :not(.", ").", " {\n    left: ", "px;\n  }\n  .", " {\n    background: linear-gradient(\n        to right,\n        transparent 0,\n        ", "\n          ", "%\n      ),\n      linear-gradient(\n        to left,\n        ", " 0px,\n        transparent 1px\n      );\n    left: ", ";\n  }\n  .", " {\n    ", "\n    .", " {\n      border-left: 1px solid ", ";\n    }\n  }\n"])), ClassName.TABLE_RIGHT_SHADOW, ClassName.TABLE_LEFT_SHADOW, tableMarginTop, tableMarginTop, akEditorShadowZIndex, getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? tableOverflowShadowWidthWide : tableOverflowShadowWidth, ClassName.TABLE_LEFT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(N40A, ")"), getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? 140 : 100, "var(--ds-shadow-overflow-perimeter, transparent)", ClassName.TABLE_CONTAINER, ClassName.TABLE_STICKY_SHADOW, ClassName.TABLE_LEFT_SHADOW, akEditorTableNumberColumnWidth - 1, ClassName.TABLE_RIGHT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(N40A, ")"), getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? 140 : 100, "var(--ds-shadow-overflow-perimeter, transparent)", getBooleanFF('platform.editor.custom-table-width') ? "calc(100% - ".concat(getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? tableOverflowShadowWidthWide : tableOverflowShadowWidth, "px)") : "calc(100% - ".concat(getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r') ? tableOverflowShadowWidthWide - 10 : -2, "px)"), ClassName.WITH_CONTROLS, overflowShadowWidhoutDnD(isDragAndDropEnabled), ClassName.TABLE_LEFT_SHADOW, tableBorderColor);
+  return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  .", ", .", " {\n    display: block;\n    height: calc(100% - ", "px);\n    position: absolute;\n    pointer-events: none;\n    top: ", "px;\n    z-index: ", ";\n    width: ", "px;\n  }\n  .", " {\n    background: linear-gradient(\n        to left,\n        transparent 0,\n        ", " 140%\n      ),\n      linear-gradient(\n        to right,\n        ", " 0px,\n        transparent 1px\n      );\n    left: 0px;\n  }\n  .", "[data-number-column='true'] > :not(.", ").", " {\n    left: ", "px;\n  }\n  .", " {\n    background: linear-gradient(\n        to right,\n        transparent 0,\n        ", " 140%\n      ),\n      linear-gradient(\n        to left,\n        ", " 0px,\n        transparent 1px\n      );\n    left: ", ";\n  }\n  .", " {\n    ", "\n    .", " {\n      border-left: 1px solid ", ";\n    }\n  }\n"])), ClassName.TABLE_RIGHT_SHADOW, ClassName.TABLE_LEFT_SHADOW, tableMarginTop, tableMarginTop, akEditorShadowZIndex, tableOverflowShadowWidthWide, ClassName.TABLE_LEFT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", ClassName.TABLE_CONTAINER, ClassName.TABLE_STICKY_SHADOW, ClassName.TABLE_LEFT_SHADOW, akEditorTableNumberColumnWidth - 1, ClassName.TABLE_RIGHT_SHADOW, "var(--ds-shadow-overflow-spread, ".concat(N40A, ")"), "var(--ds-shadow-overflow-perimeter, transparent)", getBooleanFF('platform.editor.custom-table-width') ? "calc(100% - ".concat(tableOverflowShadowWidthWide, "px)") : "calc(100% - ".concat(tableOverflowShadowWidthWide - 10, "px)"), ClassName.WITH_CONTROLS, overflowShadowWidhoutDnD(isDragAndDropEnabled), ClassName.TABLE_LEFT_SHADOW, tableBorderColor);
 };
 var overflowShadowWidhoutDnD = function overflowShadowWidhoutDnD(isDragAndDropEnabled) {
   if (!isDragAndDropEnabled) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "7.6.5",
+  "version": "7.6.7",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,9 +28,9 @@
     "runReact18": false
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^35.7.0",
-    "@atlaskit/custom-steps": "^0.0.16",
-    "@atlaskit/editor-common": "^78.22.0",
+    "@atlaskit/adf-schema": "^35.8.0",
+    "@atlaskit/custom-steps": "^0.0.17",
+    "@atlaskit/editor-common": "^78.23.0",
     "@atlaskit/editor-palette": "1.5.3",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-content-insertion": "^1.0.0",
@@ -46,10 +46,10 @@
     "@atlaskit/pragmatic-drag-and-drop": "^1.1.0",
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
-    "@atlaskit/primitives": "^5.2.0",
+    "@atlaskit/primitives": "^5.5.0",
     "@atlaskit/theme": "^12.7.0",
     "@atlaskit/toggle": "^13.0.0",
-    "@atlaskit/tokens": "^1.42.0",
+    "@atlaskit/tokens": "^1.43.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -116,9 +116,6 @@
     "platform.editor.resizing-table-height-improvement": {
       "type": "boolean"
     },
-    "platform.editor.table.increase-shadow-visibility_lh89r": {
-      "type": "boolean"
-    },
     "platform.editor.table.shift-arrowup-fix": {
       "type": "boolean"
     },
@@ -128,9 +125,6 @@
     "platform.editor.a11y-table-resizing_uapcv": {
       "type": "boolean"
     },
-    "platform.editor.a11y.table-selection_9uv33": {
-      "type": "boolean"
-    },
     "platform.editor.menu.group-items": {
       "type": "boolean"
     },

package/src/commands/column-resize.ts

@@ -203,22 +203,23 @@ export const activateNextResizeArea =
     );
 
     const $nextCell = nextCell($currentCell, 'horiz', direction);
-    if (ariaNotify && getIntl) {
-      let columnDirection = '';
 
+    if (ariaNotify && getIntl) {
       if (direction === 1) {
-        columnDirection = getIntl().formatMessage(messages.columnRightResize);
+        ariaNotify(
+          getIntl().formatMessage(messages.focusedOtherResize, {
+            direction: 'right',
+          }),
+        );
       }
 
       if (direction === -1) {
-        columnDirection = getIntl().formatMessage(messages.columnLeftResize);
+        ariaNotify(
+          getIntl().formatMessage(messages.focusedOtherResize, {
+            direction: 'left',
+          }),
+        );
       }
-
-      ariaNotify(
-        getIntl().formatMessage(messages.focusedOtherResize, {
-          direction: columnDirection,
-        }),
-      );
     }
 
     if ($nextCell) {

package/src/nodeviews/TableComponent.tsx

@@ -797,13 +797,10 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
               position: 'absolute',
               right: getBooleanFF('platform.editor.custom-table-width')
                 ? `${
-                    getBooleanFF(
-                      'platform.editor.table.increase-shadow-visibility_lh89r',
-                    )
-                      ? token('space.400', '32px') // tableOverflowShadowWidthWide
-                      : token('space.100', '8px') // tableOverflowShadowWidth
+                    token('space.400', '32px') // tableOverflowShadowWidthWide
                   }`
-                : token('space.negative.025', '-2px'),
+                : // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+                  '22px',
             }}
           >
             <div

package/src/nodeviews/TableResizer.tsx

@@ -491,6 +491,7 @@ export const TableResizer = ({
       if (newWidth > maxWidth || newWidth < resizerMinWidth) {
         return;
       }
+      setLocalTableWidth(newWidth);
       handleResizeStop(
         { width: width, x: 0, y: 0, height: 0 },
         { width: step, height: 0 },

package/src/pm-plugins/table-selection-keymap.ts

@@ -42,19 +42,17 @@ export function tableSelectionKeymapPlugin(
     list,
   );
 
-  if (getBooleanFF('platform.editor.a11y.table-selection_9uv33')) {
-    bindKeymapArrayWithCommand(
-      selectColumn,
-      selectColumns(editorSelectionAPI)(true),
-      list,
-    );
+  bindKeymapArrayWithCommand(
+    selectColumn,
+    selectColumns(editorSelectionAPI)(true),
+    list,
+  );
 
-    bindKeymapArrayWithCommand(
-      selectRow,
-      selectRows(editorSelectionAPI)(true),
-      list,
-    );
-  }
+  bindKeymapArrayWithCommand(
+    selectRow,
+    selectRows(editorSelectionAPI)(true),
+    list,
+  );
 
   if (getBooleanFF('platform.editor.table.shift-arrowup-fix')) {
     bindKeymapWithCommand(

package/src/ui/ui-styles.ts

@@ -38,7 +38,6 @@ import {
   tableDeleteButtonSize,
   tableHeaderCellBackgroundColor,
   tableInsertColumnButtonSize,
-  tableOverflowShadowWidth,
   tableOverflowShadowWidthWide,
   tableToolbarDeleteColor,
   tableToolbarSelectedColor,
@@ -346,22 +345,13 @@ export const OverflowShadow = (
     pointer-events: none;
     top: ${tableMarginTop}px;
     z-index: ${akEditorShadowZIndex};
-    width: ${getBooleanFF(
-      'platform.editor.table.increase-shadow-visibility_lh89r',
-    )
-      ? tableOverflowShadowWidthWide
-      : tableOverflowShadowWidth}px;
+    width: ${tableOverflowShadowWidthWide}px;
   }
   .${ClassName.TABLE_LEFT_SHADOW} {
     background: linear-gradient(
         to left,
         transparent 0,
-        ${token('elevation.shadow.overflow.spread', N40A)}
-          ${getBooleanFF(
-            'platform.editor.table.increase-shadow-visibility_lh89r',
-          )
-            ? 140
-            : 100}%
+        ${token('elevation.shadow.overflow.spread', N40A)} 140%
       ),
       linear-gradient(
         to right,
@@ -377,12 +367,7 @@ export const OverflowShadow = (
     background: linear-gradient(
         to right,
         transparent 0,
-        ${token('elevation.shadow.overflow.spread', N40A)}
-          ${getBooleanFF(
-            'platform.editor.table.increase-shadow-visibility_lh89r',
-          )
-            ? 140
-            : 100}%
+        ${token('elevation.shadow.overflow.spread', N40A)} 140%
       ),
       linear-gradient(
         to left,
@@ -390,16 +375,8 @@ export const OverflowShadow = (
         transparent 1px
       );
     left: ${getBooleanFF('platform.editor.custom-table-width')
-      ? `calc(100% - ${
-          getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r')
-            ? tableOverflowShadowWidthWide
-            : tableOverflowShadowWidth
-        }px)`
-      : `calc(100% - ${
-          getBooleanFF('platform.editor.table.increase-shadow-visibility_lh89r')
-            ? tableOverflowShadowWidthWide - 10
-            : -2
-        }px)`};
+      ? `calc(100% - ${tableOverflowShadowWidthWide}px)`
+      : `calc(100% - ${tableOverflowShadowWidthWide - 10}px)`};
   }
   .${ClassName.WITH_CONTROLS} {
     ${overflowShadowWidhoutDnD(isDragAndDropEnabled)}