@atlaskit/editor-plugin-table 42.2.5 → 42.2.6

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-table
 
+## 42.2.6
+
+### Patch Changes
+
+- [`f9a44232e1263`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f9a44232e1263) -
+  Clean up experiment `platform_editor_table_limited_mode`
+- Updated dependencies
+
 ## 42.2.5
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableContainer.js

@@ -13,17 +13,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _tableEvents = require("@atlaskit/editor-common/analytics/types/table-events");
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
-var _resizer = require("@atlaskit/editor-common/styles/resizer");
 var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _commandsWithAnalytics = require("../pm-plugins/commands/commands-with-analytics");
-var _colgroup = require("../pm-plugins/table-resizing/utils/colgroup");
 var _consts = require("../pm-plugins/table-resizing/utils/consts");
 var _misc = require("../pm-plugins/table-resizing/utils/misc");
 var _alignment = require("../pm-plugins/utils/alignment");
 var _types = require("../types");
-var _useIsTableInLimitedMode = require("../ui/hooks/useIsTableInLimitedMode");
 var _tableContainerStyles = require("./table-container-styles");
 var _TableResizer = require("./TableResizer");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -346,118 +343,29 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
     node: node
   }, children))));
 });
-/**
- * Stand-in for `ResizableTableContainer`, used when limited mode has disabled resizing the table as
- * a whole. Column resizing is unaffected and keeps working through the cell decorations.
- *
- * It reproduces the same DOM and CSS that `toDOM` renders for a resizable table
- * (`.pm-table-resizer-container` > `.resizer-item` > `.resizer-hover-zone`) so that swapping the
- * nodeView in over the initial ProseMirror render leaves the table exactly where it was — and so
- * that the column resize handles still find the elements they measure against — but it mounts no
- * `TableResizer`, so there is no `re-resizable` instance, no table width handle, no handle tooltip,
- * no `clientHeight` read for the handle size and no per-table subscription to the interaction and
- * table shared states.
- *
- * Every width here comes from the same pure-CSS helpers `toDOM` uses, so unlike
- * `ResizableTableContainer` it needs no measured container width and does no layout maths.
- */
-var StaticTableContainer = function StaticTableContainer(_ref5) {
+var TableContainer = exports.TableContainer = function TableContainer(_ref5) {
   var children = _ref5.children,
-    className = _ref5.className,
     node = _ref5.node,
+    className = _ref5.className,
+    _ref5$containerWidth = _ref5.containerWidth,
+    editorWidth = _ref5$containerWidth.width,
+    lineLength = _ref5$containerWidth.lineLength,
     editorView = _ref5.editorView,
     getPos = _ref5.getPos,
+    tableRef = _ref5.tableRef,
+    isNested = _ref5.isNested,
+    tableWrapperHeight = _ref5.tableWrapperHeight,
+    isResizing = _ref5.isResizing,
     pluginInjectionApi = _ref5.pluginInjectionApi,
+    isWholeTableInDanger = _ref5.isWholeTableInDanger,
+    isTableResizingEnabled = _ref5.isTableResizingEnabled,
     isTableScalingEnabled = _ref5.isTableScalingEnabled,
+    allowFixedColumnWidthOption = _ref5.allowFixedColumnWidthOption,
     isTableAlignmentEnabled = _ref5.isTableAlignmentEnabled,
+    shouldUseIncreasedScalingPercent = _ref5.shouldUseIncreasedScalingPercent,
     isCommentEditor = _ref5.isCommentEditor,
     isChromelessEditor = _ref5.isChromelessEditor;
-  var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
-  var containerStyle = (0, _react.useMemo)(function () {
-    return {
-      '--ak-editor-table-gutter-padding': 'calc(var(--ak-editor--large-gutter-padding) * 2)',
-      '--ak-editor-table-width': isFullPageAppearance ? (0, _misc.getTableResizerContainerForFullPageWidthInCSS)(node, isTableScalingEnabled) : "calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))",
-      width: 'var(--ak-editor-table-width)'
-    };
-  }, [node, isTableScalingEnabled, isFullPageAppearance]);
-  var itemStyle = (0, _react.useMemo)(function () {
-    return {
-      position: 'relative',
-      boxSizing: 'border-box',
-      minWidth: "".concat((0, _colgroup.getResizerMinWidth)(node), "px"),
-      maxWidth: (0, _misc.getTableResizerContainerMaxWidthInCSS)(isCommentEditor, isChromelessEditor, isTableScalingEnabled),
-      width: (0, _misc.getTableResizerItemWidthInCSS)(node, isCommentEditor, isChromelessEditor)
-    };
-  }, [node, isCommentEditor, isChromelessEditor, isTableScalingEnabled]);
-  return /*#__PURE__*/_react.default.createElement(AlignmentTableContainerWrapper, {
-    isTableAlignmentEnabled: isTableAlignmentEnabled,
-    node: node,
-    pluginInjectionApi: pluginInjectionApi,
-    getPos: getPos,
-    editorView: editorView
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: _types.TableCssClassName.TABLE_RESIZER_CONTAINER
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: containerStyle
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    // `display-handle` carries no handle to show here, but it keeps this element matching both
-    // `toDOM` and the `.resizer-item.display-handle` lookup in `measureTableWithAutoLayout`.
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _classnames.default)(_resizer.resizerItemClassName, 'display-handle')
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: itemStyle
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _resizer.resizerHoverZoneClassName
-  }, /*#__PURE__*/_react.default.createElement(InnerContainer
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  , {
-    className: className,
-    node: node
-  }, children)))));
-};
-var TableContainer = exports.TableContainer = function TableContainer(_ref6) {
-  var children = _ref6.children,
-    node = _ref6.node,
-    className = _ref6.className,
-    _ref6$containerWidth = _ref6.containerWidth,
-    editorWidth = _ref6$containerWidth.width,
-    lineLength = _ref6$containerWidth.lineLength,
-    editorView = _ref6.editorView,
-    getPos = _ref6.getPos,
-    tableRef = _ref6.tableRef,
-    isNested = _ref6.isNested,
-    tableWrapperHeight = _ref6.tableWrapperHeight,
-    isResizing = _ref6.isResizing,
-    pluginInjectionApi = _ref6.pluginInjectionApi,
-    isWholeTableInDanger = _ref6.isWholeTableInDanger,
-    isTableResizingEnabled = _ref6.isTableResizingEnabled,
-    isTableScalingEnabled = _ref6.isTableScalingEnabled,
-    allowFixedColumnWidthOption = _ref6.allowFixedColumnWidthOption,
-    isTableAlignmentEnabled = _ref6.isTableAlignmentEnabled,
-    shouldUseIncreasedScalingPercent = _ref6.shouldUseIncreasedScalingPercent,
-    isCommentEditor = _ref6.isCommentEditor,
-    isChromelessEditor = _ref6.isChromelessEditor;
-  // Limited mode drops the whole-table resizer only; column resizing is untouched.
-  var isTableWidthResizingDisabled = (0, _useIsTableInLimitedMode.useIsTableInLimitedMode)(pluginInjectionApi, editorView);
   if (isTableResizingEnabled && !isNested) {
-    if (isTableWidthResizingDisabled) {
-      return /*#__PURE__*/_react.default.createElement(StaticTableContainer
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      , {
-        className: className,
-        node: node,
-        editorView: editorView,
-        getPos: getPos,
-        pluginInjectionApi: pluginInjectionApi,
-        isTableScalingEnabled: isTableScalingEnabled,
-        isTableAlignmentEnabled: isTableAlignmentEnabled,
-        isCommentEditor: isCommentEditor,
-        isChromelessEditor: isChromelessEditor
-      }, children);
-    }
     return /*#__PURE__*/_react.default.createElement(ResizableTableContainer
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     , {

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

@@ -26,7 +26,6 @@ var _mergedCells = require("../../pm-plugins/utils/merged-cells");
 var _types = require("../../types");
 var _consts = require("../consts");
 var _DragPreview = require("../DragPreview");
-var _useIsTableInLimitedMode = require("../hooks/useIsTableInLimitedMode");
 var _HandleIconComponent = require("./HandleIconComponent");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /* eslint-disable @atlaskit/design-system/no-html-button */
@@ -67,13 +66,6 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     isHovered = _useState4[0],
     setIsHovered = _useState4[1];
-
-  // Limited mode disables dragging rows and columns, but the handle itself keeps working as the
-  // selection and menu affordance. The hook subscribes to limited mode (rather than reading the
-  // plugin state once) so the effect below re-runs and un-registers the draggable if limited mode
-  // flips mid-session.
-  var isInLimitedMode = (0, _useIsTableInLimitedMode.useIsTableInLimitedMode)(api, editorView);
-  var isDraggingEnabled = !isInLimitedMode;
   var isRow = direction === 'row';
   var isColumn = direction === 'column';
   var hasMergedCells = (0, _react.useMemo)(function () {
@@ -116,12 +108,6 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
   (0, _react.useEffect)(function () {
     var dragHandleDivRefCurrent = dragHandleDivRef.current;
     var browser = (0, _browser.getBrowserInfo)();
-
-    // Skipping the registration entirely (rather than returning false from `canDrag`) means the
-    // `draggable="true"` attribute is never added, so no drag can start from the handle at all.
-    if (!isDraggingEnabled) {
-      return;
-    }
     if (dragHandleDivRefCurrent) {
       return (0, _elementAdapter.draggable)({
         element: dragHandleDivRefCurrent,
@@ -174,7 +160,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
         }
       });
     }
-  }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells, isDraggingEnabled]);
+  }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells]);
   var showDragMenuAnchorId = isRow ? 'drag-handle-button-row' : 'drag-handle-button-column';
   var browser = (0, _browser.getBrowserInfo)();
 

package/dist/es2019/nodeviews/TableContainer.js

@@ -4,17 +4,14 @@ import classNames from 'classnames';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import { CHANGE_ALIGNMENT_REASON } from '@atlaskit/editor-common/analytics/types/table-events';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { resizerHoverZoneClassName, resizerItemClassName } from '@atlaskit/editor-common/styles/resizer';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { akEditorDefaultLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles/constants';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { setTableAlignmentWithTableContentWithPosWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
-import { getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
 import { TABLE_MAX_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR, RESIZE_HANDLE_SPACING } from '../pm-plugins/table-resizing/utils/consts';
-import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS, getTableResizerItemWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
+import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
 import { ALIGN_CENTER, ALIGN_START } from '../pm-plugins/utils/alignment';
 import { TableCssClassName as ClassName } from '../types';
-import { useIsTableInLimitedMode } from '../ui/hooks/useIsTableInLimitedMode';
 import { getAlignmentStyle } from './table-container-styles';
 import { TableResizer } from './TableResizer';
 const InnerContainer = /*#__PURE__*/forwardRef(({
@@ -340,75 +337,6 @@ export const ResizableTableContainer = /*#__PURE__*/React.memo(({
     node: node
   }, children))));
 });
-/**
- * Stand-in for `ResizableTableContainer`, used when limited mode has disabled resizing the table as
- * a whole. Column resizing is unaffected and keeps working through the cell decorations.
- *
- * It reproduces the same DOM and CSS that `toDOM` renders for a resizable table
- * (`.pm-table-resizer-container` > `.resizer-item` > `.resizer-hover-zone`) so that swapping the
- * nodeView in over the initial ProseMirror render leaves the table exactly where it was — and so
- * that the column resize handles still find the elements they measure against — but it mounts no
- * `TableResizer`, so there is no `re-resizable` instance, no table width handle, no handle tooltip,
- * no `clientHeight` read for the handle size and no per-table subscription to the interaction and
- * table shared states.
- *
- * Every width here comes from the same pure-CSS helpers `toDOM` uses, so unlike
- * `ResizableTableContainer` it needs no measured container width and does no layout maths.
- */
-const StaticTableContainer = ({
-  children,
-  className,
-  node,
-  editorView,
-  getPos,
-  pluginInjectionApi,
-  isTableScalingEnabled,
-  isTableAlignmentEnabled,
-  isCommentEditor,
-  isChromelessEditor
-}) => {
-  const isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
-  const containerStyle = useMemo(() => ({
-    '--ak-editor-table-gutter-padding': 'calc(var(--ak-editor--large-gutter-padding) * 2)',
-    '--ak-editor-table-width': isFullPageAppearance ? getTableResizerContainerForFullPageWidthInCSS(node, isTableScalingEnabled) : `calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))`,
-    width: 'var(--ak-editor-table-width)'
-  }), [node, isTableScalingEnabled, isFullPageAppearance]);
-  const itemStyle = useMemo(() => ({
-    position: 'relative',
-    boxSizing: 'border-box',
-    minWidth: `${getResizerMinWidth(node)}px`,
-    maxWidth: getTableResizerContainerMaxWidthInCSS(isCommentEditor, isChromelessEditor, isTableScalingEnabled),
-    width: getTableResizerItemWidthInCSS(node, isCommentEditor, isChromelessEditor)
-  }), [node, isCommentEditor, isChromelessEditor, isTableScalingEnabled]);
-  return /*#__PURE__*/React.createElement(AlignmentTableContainerWrapper, {
-    isTableAlignmentEnabled: isTableAlignmentEnabled,
-    node: node,
-    pluginInjectionApi: pluginInjectionApi,
-    getPos: getPos,
-    editorView: editorView
-  }, /*#__PURE__*/React.createElement("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ClassName.TABLE_RESIZER_CONTAINER
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: containerStyle
-  }, /*#__PURE__*/React.createElement("div", {
-    // `display-handle` carries no handle to show here, but it keeps this element matching both
-    // `toDOM` and the `.resizer-item.display-handle` lookup in `measureTableWithAutoLayout`.
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: classNames(resizerItemClassName, 'display-handle')
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: itemStyle
-  }, /*#__PURE__*/React.createElement("span", {
-    className: resizerHoverZoneClassName
-  }, /*#__PURE__*/React.createElement(InnerContainer
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  , {
-    className: className,
-    node: node
-  }, children)))));
-};
 export const TableContainer = ({
   children,
   node,
@@ -433,24 +361,7 @@ export const TableContainer = ({
   isCommentEditor,
   isChromelessEditor
 }) => {
-  // Limited mode drops the whole-table resizer only; column resizing is untouched.
-  const isTableWidthResizingDisabled = useIsTableInLimitedMode(pluginInjectionApi, editorView);
   if (isTableResizingEnabled && !isNested) {
-    if (isTableWidthResizingDisabled) {
-      return /*#__PURE__*/React.createElement(StaticTableContainer
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      , {
-        className: className,
-        node: node,
-        editorView: editorView,
-        getPos: getPos,
-        pluginInjectionApi: pluginInjectionApi,
-        isTableScalingEnabled: isTableScalingEnabled,
-        isTableAlignmentEnabled: isTableAlignmentEnabled,
-        isCommentEditor: isCommentEditor,
-        isChromelessEditor: isChromelessEditor
-      }, children);
-    }
     return /*#__PURE__*/React.createElement(ResizableTableContainer
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     , {

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

@@ -18,7 +18,6 @@ import { findDuplicatePosition, hasMergedCellsInSelection } from '../../pm-plugi
 import { TableCssClassName as ClassName } from '../../types';
 import { dragTableInsertColumnButtonSize } from '../consts';
 import { DragPreview } from '../DragPreview';
-import { useIsTableInLimitedMode } from '../hooks/useIsTableInLimitedMode';
 import { HandleIconComponent } from './HandleIconComponent';
 const DragHandleComponent = ({
   api,
@@ -54,13 +53,6 @@ const DragHandleComponent = ({
     isDragMenuOpen = false
   } = getDnDPluginState(state);
   const [isHovered, setIsHovered] = useState(false);
-
-  // Limited mode disables dragging rows and columns, but the handle itself keeps working as the
-  // selection and menu affordance. The hook subscribes to limited mode (rather than reading the
-  // plugin state once) so the effect below re-runs and un-registers the draggable if limited mode
-  // flips mid-session.
-  const isInLimitedMode = useIsTableInLimitedMode(api, editorView);
-  const isDraggingEnabled = !isInLimitedMode;
   const isRow = direction === 'row';
   const isColumn = direction === 'column';
   const hasMergedCells = useMemo(() => {
@@ -103,12 +95,6 @@ const DragHandleComponent = ({
   useEffect(() => {
     const dragHandleDivRefCurrent = dragHandleDivRef.current;
     const browser = getBrowserInfo();
-
-    // Skipping the registration entirely (rather than returning false from `canDrag`) means the
-    // `draggable="true"` attribute is never added, so no drag can start from the handle at all.
-    if (!isDraggingEnabled) {
-      return;
-    }
     if (dragHandleDivRefCurrent) {
       return draggable({
         element: dragHandleDivRefCurrent,
@@ -162,7 +148,7 @@ const DragHandleComponent = ({
         }
       });
     }
-  }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells, isDraggingEnabled]);
+  }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells]);
   const showDragMenuAnchorId = isRow ? 'drag-handle-button-row' : 'drag-handle-button-column';
   const browser = getBrowserInfo();
 

package/dist/esm/nodeviews/TableContainer.js

@@ -5,17 +5,14 @@ import classNames from 'classnames';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import { CHANGE_ALIGNMENT_REASON } from '@atlaskit/editor-common/analytics/types/table-events';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { resizerHoverZoneClassName, resizerItemClassName } from '@atlaskit/editor-common/styles/resizer';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { akEditorDefaultLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles/constants';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { setTableAlignmentWithTableContentWithPosWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
-import { getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
 import { TABLE_MAX_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR, RESIZE_HANDLE_SPACING } from '../pm-plugins/table-resizing/utils/consts';
-import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS, getTableResizerItemWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
+import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
 import { ALIGN_CENTER, ALIGN_START } from '../pm-plugins/utils/alignment';
 import { TableCssClassName as ClassName } from '../types';
-import { useIsTableInLimitedMode } from '../ui/hooks/useIsTableInLimitedMode';
 import { getAlignmentStyle } from './table-container-styles';
 import { TableResizer } from './TableResizer';
 var InnerContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -337,118 +334,29 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref4) {
     node: node
   }, children))));
 });
-/**
- * Stand-in for `ResizableTableContainer`, used when limited mode has disabled resizing the table as
- * a whole. Column resizing is unaffected and keeps working through the cell decorations.
- *
- * It reproduces the same DOM and CSS that `toDOM` renders for a resizable table
- * (`.pm-table-resizer-container` > `.resizer-item` > `.resizer-hover-zone`) so that swapping the
- * nodeView in over the initial ProseMirror render leaves the table exactly where it was — and so
- * that the column resize handles still find the elements they measure against — but it mounts no
- * `TableResizer`, so there is no `re-resizable` instance, no table width handle, no handle tooltip,
- * no `clientHeight` read for the handle size and no per-table subscription to the interaction and
- * table shared states.
- *
- * Every width here comes from the same pure-CSS helpers `toDOM` uses, so unlike
- * `ResizableTableContainer` it needs no measured container width and does no layout maths.
- */
-var StaticTableContainer = function StaticTableContainer(_ref5) {
+export var TableContainer = function TableContainer(_ref5) {
   var children = _ref5.children,
-    className = _ref5.className,
     node = _ref5.node,
+    className = _ref5.className,
+    _ref5$containerWidth = _ref5.containerWidth,
+    editorWidth = _ref5$containerWidth.width,
+    lineLength = _ref5$containerWidth.lineLength,
     editorView = _ref5.editorView,
     getPos = _ref5.getPos,
+    tableRef = _ref5.tableRef,
+    isNested = _ref5.isNested,
+    tableWrapperHeight = _ref5.tableWrapperHeight,
+    isResizing = _ref5.isResizing,
     pluginInjectionApi = _ref5.pluginInjectionApi,
+    isWholeTableInDanger = _ref5.isWholeTableInDanger,
+    isTableResizingEnabled = _ref5.isTableResizingEnabled,
     isTableScalingEnabled = _ref5.isTableScalingEnabled,
+    allowFixedColumnWidthOption = _ref5.allowFixedColumnWidthOption,
     isTableAlignmentEnabled = _ref5.isTableAlignmentEnabled,
+    shouldUseIncreasedScalingPercent = _ref5.shouldUseIncreasedScalingPercent,
     isCommentEditor = _ref5.isCommentEditor,
     isChromelessEditor = _ref5.isChromelessEditor;
-  var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
-  var containerStyle = useMemo(function () {
-    return {
-      '--ak-editor-table-gutter-padding': 'calc(var(--ak-editor--large-gutter-padding) * 2)',
-      '--ak-editor-table-width': isFullPageAppearance ? getTableResizerContainerForFullPageWidthInCSS(node, isTableScalingEnabled) : "calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))",
-      width: 'var(--ak-editor-table-width)'
-    };
-  }, [node, isTableScalingEnabled, isFullPageAppearance]);
-  var itemStyle = useMemo(function () {
-    return {
-      position: 'relative',
-      boxSizing: 'border-box',
-      minWidth: "".concat(getResizerMinWidth(node), "px"),
-      maxWidth: getTableResizerContainerMaxWidthInCSS(isCommentEditor, isChromelessEditor, isTableScalingEnabled),
-      width: getTableResizerItemWidthInCSS(node, isCommentEditor, isChromelessEditor)
-    };
-  }, [node, isCommentEditor, isChromelessEditor, isTableScalingEnabled]);
-  return /*#__PURE__*/React.createElement(AlignmentTableContainerWrapper, {
-    isTableAlignmentEnabled: isTableAlignmentEnabled,
-    node: node,
-    pluginInjectionApi: pluginInjectionApi,
-    getPos: getPos,
-    editorView: editorView
-  }, /*#__PURE__*/React.createElement("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ClassName.TABLE_RESIZER_CONTAINER
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: containerStyle
-  }, /*#__PURE__*/React.createElement("div", {
-    // `display-handle` carries no handle to show here, but it keeps this element matching both
-    // `toDOM` and the `.resizer-item.display-handle` lookup in `measureTableWithAutoLayout`.
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: classNames(resizerItemClassName, 'display-handle')
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: itemStyle
-  }, /*#__PURE__*/React.createElement("span", {
-    className: resizerHoverZoneClassName
-  }, /*#__PURE__*/React.createElement(InnerContainer
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  , {
-    className: className,
-    node: node
-  }, children)))));
-};
-export var TableContainer = function TableContainer(_ref6) {
-  var children = _ref6.children,
-    node = _ref6.node,
-    className = _ref6.className,
-    _ref6$containerWidth = _ref6.containerWidth,
-    editorWidth = _ref6$containerWidth.width,
-    lineLength = _ref6$containerWidth.lineLength,
-    editorView = _ref6.editorView,
-    getPos = _ref6.getPos,
-    tableRef = _ref6.tableRef,
-    isNested = _ref6.isNested,
-    tableWrapperHeight = _ref6.tableWrapperHeight,
-    isResizing = _ref6.isResizing,
-    pluginInjectionApi = _ref6.pluginInjectionApi,
-    isWholeTableInDanger = _ref6.isWholeTableInDanger,
-    isTableResizingEnabled = _ref6.isTableResizingEnabled,
-    isTableScalingEnabled = _ref6.isTableScalingEnabled,
-    allowFixedColumnWidthOption = _ref6.allowFixedColumnWidthOption,
-    isTableAlignmentEnabled = _ref6.isTableAlignmentEnabled,
-    shouldUseIncreasedScalingPercent = _ref6.shouldUseIncreasedScalingPercent,
-    isCommentEditor = _ref6.isCommentEditor,
-    isChromelessEditor = _ref6.isChromelessEditor;
-  // Limited mode drops the whole-table resizer only; column resizing is untouched.
-  var isTableWidthResizingDisabled = useIsTableInLimitedMode(pluginInjectionApi, editorView);
   if (isTableResizingEnabled && !isNested) {
-    if (isTableWidthResizingDisabled) {
-      return /*#__PURE__*/React.createElement(StaticTableContainer
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      , {
-        className: className,
-        node: node,
-        editorView: editorView,
-        getPos: getPos,
-        pluginInjectionApi: pluginInjectionApi,
-        isTableScalingEnabled: isTableScalingEnabled,
-        isTableAlignmentEnabled: isTableAlignmentEnabled,
-        isCommentEditor: isCommentEditor,
-        isChromelessEditor: isChromelessEditor
-      }, children);
-    }
     return /*#__PURE__*/React.createElement(ResizableTableContainer
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     , {

package/dist/esm/ui/DragHandle/index.js

@@ -20,7 +20,6 @@ import { findDuplicatePosition, hasMergedCellsInSelection } from '../../pm-plugi
 import { TableCssClassName as ClassName } from '../../types';
 import { dragTableInsertColumnButtonSize } from '../consts';
 import { DragPreview } from '../DragPreview';
-import { useIsTableInLimitedMode } from '../hooks/useIsTableInLimitedMode';
 import { HandleIconComponent } from './HandleIconComponent';
 var DragHandleComponent = function DragHandleComponent(_ref) {
   var api = _ref.api,
@@ -58,13 +57,6 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     isHovered = _useState4[0],
     setIsHovered = _useState4[1];
-
-  // Limited mode disables dragging rows and columns, but the handle itself keeps working as the
-  // selection and menu affordance. The hook subscribes to limited mode (rather than reading the
-  // plugin state once) so the effect below re-runs and un-registers the draggable if limited mode
-  // flips mid-session.
-  var isInLimitedMode = useIsTableInLimitedMode(api, editorView);
-  var isDraggingEnabled = !isInLimitedMode;
   var isRow = direction === 'row';
   var isColumn = direction === 'column';
   var hasMergedCells = useMemo(function () {
@@ -107,12 +99,6 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
   useEffect(function () {
     var dragHandleDivRefCurrent = dragHandleDivRef.current;
     var browser = getBrowserInfo();
-
-    // Skipping the registration entirely (rather than returning false from `canDrag`) means the
-    // `draggable="true"` attribute is never added, so no drag can start from the handle at all.
-    if (!isDraggingEnabled) {
-      return;
-    }
     if (dragHandleDivRefCurrent) {
       return draggable({
         element: dragHandleDivRefCurrent,
@@ -165,7 +151,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
         }
       });
     }
-  }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells, isDraggingEnabled]);
+  }, [tableLocalId, direction, indexes, isRow, editorView.state.selection, hasMergedCells]);
   var showDragMenuAnchorId = isRow ? 'drag-handle-button-row' : 'drag-handle-button-column';
   var browser = getBrowserInfo();
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "42.2.5",
+	"version": "42.2.6",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"

package/dist/cjs/ui/hooks/useIsTableInLimitedMode.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useIsTableInLimitedMode = void 0;
-var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
-var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
-/**
- * Limited mode strips expensive behaviour on very large documents. For tables that means dragging
- * rows and columns is turned off, and so is resizing the table as a whole. Column resizing is left
- * alone — only the whole-table resizer goes away.
- */
-var useIsTableInLimitedMode = exports.useIsTableInLimitedMode = function useIsTableInLimitedMode(api, editorView) {
-  var enabled = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['limitedMode'], function (states) {
-    var _states$limitedModeSt;
-    return !!((_states$limitedModeSt = states.limitedModeState) !== null && _states$limitedModeSt !== void 0 && _states$limitedModeSt.enabled);
-  });
-  return enabled && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_limited_mode');
-};

package/dist/es2019/ui/hooks/useIsTableInLimitedMode.js

@@ -1,14 +0,0 @@
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-/**
- * Limited mode strips expensive behaviour on very large documents. For tables that means dragging
- * rows and columns is turned off, and so is resizing the table as a whole. Column resizing is left
- * alone — only the whole-table resizer goes away.
- */
-export const useIsTableInLimitedMode = (api, editorView) => {
-  const enabled = useSharedPluginStateWithSelector(api, ['limitedMode'], states => {
-    var _states$limitedModeSt;
-    return !!((_states$limitedModeSt = states.limitedModeState) !== null && _states$limitedModeSt !== void 0 && _states$limitedModeSt.enabled);
-  });
-  return enabled && isExperimentEnabled('platform_editor_table_limited_mode');
-};

package/dist/esm/ui/hooks/useIsTableInLimitedMode.js

@@ -1,14 +0,0 @@
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-/**
- * Limited mode strips expensive behaviour on very large documents. For tables that means dragging
- * rows and columns is turned off, and so is resizing the table as a whole. Column resizing is left
- * alone — only the whole-table resizer goes away.
- */
-export var useIsTableInLimitedMode = function useIsTableInLimitedMode(api, editorView) {
-  var enabled = useSharedPluginStateWithSelector(api, ['limitedMode'], function (states) {
-    var _states$limitedModeSt;
-    return !!((_states$limitedModeSt = states.limitedModeState) !== null && _states$limitedModeSt !== void 0 && _states$limitedModeSt.enabled);
-  });
-  return enabled && isExperimentEnabled('platform_editor_table_limited_mode');
-};

package/dist/types/ui/hooks/useIsTableInLimitedMode.d.ts

@@ -1,8 +0,0 @@
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { PluginInjectionAPI } from '../../types';
-/**
- * Limited mode strips expensive behaviour on very large documents. For tables that means dragging
- * rows and columns is turned off, and so is resizing the table as a whole. Column resizing is left
- * alone — only the whole-table resizer goes away.
- */
-export declare const useIsTableInLimitedMode: (api: PluginInjectionAPI | undefined | null, editorView: EditorView) => boolean;