@atlaskit/editor-plugin-table 9.1.3 → 9.2.1

package/dist/cjs/ui/TableFloatingControls/RowControls/DragControls.js

@@ -5,12 +5,13 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DragControls = void 0;
+exports.DragControlsWithSelection = exports.DragControls = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _editorTables = require("@atlaskit/editor-tables");
 var _utils = require("@atlaskit/editor-tables/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _commands = require("../../../pm-plugins/commands");
 var _commands2 = require("../../../pm-plugins/drag-and-drop/commands");
@@ -35,7 +36,7 @@ var getSelectedRows = function getSelectedRows(selection) {
   }
   return [];
 };
-var DragControlsComponent = function DragControlsComponent(_ref) {
+var DragControls = exports.DragControls = function DragControls(_ref) {
   var _tableNode$attrs$loca, _tableNode$attrs;
   var tableRef = _ref.tableRef,
     tableNode = _ref.tableNode,
@@ -49,7 +50,9 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
     hoverRows = _ref.hoverRows,
     selectRow = _ref.selectRow,
     selectRows = _ref.selectRows,
-    updateCellHoverLocation = _ref.updateCellHoverLocation;
+    updateCellHoverLocation = _ref.updateCellHoverLocation,
+    api = _ref.api,
+    selection = _ref.selection;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isDragging = _useState2[0],
@@ -59,7 +62,7 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
   var heights = rowHeights.map(function (height) {
     return "".concat(height - 1, "px");
   }).join(' ');
-  var selectedRowIndexes = getSelectedRows(editorView.state.selection);
+  var selectedRowIndexes = getSelectedRows(selection !== null && selection !== void 0 ? selection : editorView.state.selection);
   var currentNodeLocalId = (_tableNode$attrs$loca = tableNode === null || tableNode === void 0 || (_tableNode$attrs = tableNode.attrs) === null || _tableNode$attrs === void 0 ? void 0 : _tableNode$attrs.localId) !== null && _tableNode$attrs$loca !== void 0 ? _tableNode$attrs$loca : '';
   (0, _react.useEffect)(function () {
     return (0, _adapter.monitorForElements)({
@@ -138,10 +141,7 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
       selectRows(selectedRowIndexes);
     }
   }, [rowIndex, selectRow, selectRows, selectedRowIndexes]);
-  var generateHandleByType = function generateHandleByType(type, appearance, gridRow, indexes
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  ) {
+  var generateHandleByType = function generateHandleByType(type, appearance, gridRow, indexes) {
     var isHover = type === 'hover';
     var previewHeight = rowHeights.reduce(function (sum, v, i) {
       return sum + v * (indexes.includes(i) ? 1 : 0);
@@ -167,7 +167,23 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
         pointerEvents: 'none'
       },
       "data-testid": "table-floating-row-".concat(isHover ? rowIndex : selectedRowIndexes[0], "-drag-handle")
-    }, /*#__PURE__*/_react.default.createElement(_DragHandle.DragHandle, {
+    }, (0, _platformFeatureFlags.fg)('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/_react.default.createElement(_DragHandle.DragHandleWithSharedState, {
+      isDragMenuTarget: !isHover,
+      direction: "row",
+      tableLocalId: currentNodeLocalId,
+      indexes: indexes,
+      forceDefaultHandle: !isHover,
+      previewWidth: tableWidth,
+      previewHeight: previewHeight,
+      appearance: appearance,
+      hoveredCell: hoveredCell,
+      onClick: handleClick,
+      onMouseOver: handleMouseOver,
+      onMouseOut: handleMouseOut,
+      toggleDragMenu: toggleDragMenuHandler,
+      editorView: editorView,
+      api: api
+    }) : /*#__PURE__*/_react.default.createElement(_DragHandle.DragHandle, {
       isDragMenuTarget: !isHover,
       direction: "row",
       tableLocalId: currentNodeLocalId,
@@ -271,4 +287,38 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
     }), rowHandles())
   );
 };
-var DragControls = exports.DragControls = (0, _reactIntlNext.injectIntl)(DragControlsComponent);
+var DragControlsWithSelection = exports.DragControlsWithSelection = function DragControlsWithSelection(_ref5) {
+  var editorView = _ref5.editorView,
+    tableRef = _ref5.tableRef,
+    tableNode = _ref5.tableNode,
+    tableWidth = _ref5.tableWidth,
+    tableActive = _ref5.tableActive,
+    hoveredCell = _ref5.hoveredCell,
+    isInDanger = _ref5.isInDanger,
+    isTableHovered = _ref5.isTableHovered,
+    isResizing = _ref5.isResizing,
+    hoverRows = _ref5.hoverRows,
+    selectRow = _ref5.selectRow,
+    selectRows = _ref5.selectRows,
+    updateCellHoverLocation = _ref5.updateCellHoverLocation,
+    api = _ref5.api;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['selection']),
+    selectionState = _useSharedPluginState.selectionState;
+  return /*#__PURE__*/_react.default.createElement(DragControls, {
+    editorView: editorView,
+    tableRef: tableRef,
+    tableNode: tableNode,
+    tableWidth: tableWidth,
+    tableActive: tableActive,
+    hoveredCell: hoveredCell,
+    isInDanger: isInDanger,
+    isTableHovered: isTableHovered,
+    isResizing: isResizing,
+    hoverRows: hoverRows,
+    selectRow: selectRow,
+    selectRows: selectRows,
+    updateCellHoverLocation: updateCellHoverLocation,
+    api: api,
+    selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
+  });
+};

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TableFloatingControls = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _browser = require("@atlaskit/editor-common/browser");
-var _hooks = require("@atlaskit/editor-common/hooks");
 var _utils = require("@atlaskit/editor-tables/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("../../pm-plugins/commands");
 var _nodes = require("../../pm-plugins/utils/nodes");
@@ -22,6 +22,7 @@ var _ClassicControls = require("./RowControls/ClassicControls");
 var _DragControls = require("./RowControls/DragControls");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// Row controls
 var TableFloatingControls = exports.TableFloatingControls = function TableFloatingControls(_ref) {
   var _findTable;
   var editorView = _ref.editorView,
@@ -82,8 +83,6 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
       (0, _commands.hoverCell)(rowIndex, 0)(state, dispatch);
     }
   }, [editorView, tableActive]);
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['featureFlags']),
-    featureFlagsState = _useSharedPluginState.featureFlagsState;
   if (!tableRef) {
     return null;
   }
@@ -93,7 +92,7 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var isNested = tablePos !== undefined && (0, _nodes.isTableNested)(editorView.state, tablePos);
-  var shouldShowCornerControls = !(featureFlagsState !== null && featureFlagsState !== void 0 && featureFlagsState.elementDragAndDrop) || isNested && !(0, _experiments.editorExperiment)('nested-dnd', true);
+  var shouldShowCornerControls = isNested && !(0, _experiments.editorExperiment)('nested-dnd', true);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -116,18 +115,36 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
       updateCellHoverLocation: updateCellHoverLocation,
       stickyTop: stickyTop,
       isDragAndDropEnabled: isDragAndDropEnabled
-    }) : null, tableActive && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shouldShowCornerControls && ((0, _experiments.editorExperiment)('platform_editor_table_use_shared_state_hook', true) ? /*#__PURE__*/_react.default.createElement(_DragCornerControls.DragCornerControlsWithSelection, {
+    }) : null, tableActive && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _platformFeatureFlags.fg)('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shouldShowCornerControls && /*#__PURE__*/_react.default.createElement(_DragCornerControls.DragCornerControlsWithSelection, {
       editorView: editorView,
       tableRef: tableRef,
       isInDanger: isInDanger,
       isResizing: isResizing,
       api: api
-    }) : /*#__PURE__*/_react.default.createElement(_DragCornerControls.DragCornerControls, {
+    }), /*#__PURE__*/_react.default.createElement(_DragControls.DragControlsWithSelection, {
+      tableRef: tableRef,
+      tableNode: tableNode,
+      hoveredCell: hoveredCell,
+      isTableHovered: isTableHovered,
+      editorView: editorView,
+      tableActive: tableActive,
+      isInDanger: isInDanger,
+      isResizing: isResizing
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      ,
+      tableWidth: tableWrapperWidth,
+      hoverRows: _hoverRows,
+      selectRow: _selectRow,
+      selectRows: _selectRows,
+      updateCellHoverLocation: updateCellHoverLocation,
+      api: api
+    })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shouldShowCornerControls && /*#__PURE__*/_react.default.createElement(_DragCornerControls.DragCornerControls, {
       editorView: editorView,
       tableRef: tableRef,
       isInDanger: isInDanger,
       isResizing: isResizing
-    })), /*#__PURE__*/_react.default.createElement(_DragControls.DragControls, {
+    }), /*#__PURE__*/_react.default.createElement(_DragControls.DragControls, {
       tableRef: tableRef,
       tableNode: tableNode,
       hoveredCell: hoveredCell,
@@ -144,7 +161,7 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
       selectRow: _selectRow,
       selectRows: _selectRows,
       updateCellHoverLocation: updateCellHoverLocation
-    })) : (0, _experiments.editorExperiment)('platform_editor_table_use_shared_state_hook', true) ? /*#__PURE__*/_react.default.createElement(_FloatingControlsWithSelection.FloatingControlsWithSelection, {
+    }))) : (0, _platformFeatureFlags.fg)('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/_react.default.createElement(_FloatingControlsWithSelection.FloatingControlsWithSelection, {
       editorView: editorView,
       tableRef: tableRef,
       isInDanger: isInDanger,

package/dist/cjs/ui/toolbar.js

@@ -551,10 +551,7 @@ var getColumnSettingItems = function getColumnSettingItems(editorState, editorVi
   }
   return items;
 };
-var getColorPicker = function getColorPicker(state, menu, _ref5, editorAnalyticsAPI, getEditorView
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var getColorPicker = function getColorPicker(state, menu, _ref5, editorAnalyticsAPI, getEditorView) {
   var _node$attrs;
   var formatMessage = _ref5.formatMessage;
   var _getPluginState2 = (0, _pluginFactory.getPluginState)(state),
@@ -617,10 +614,7 @@ var highlightColumnsHandler = function highlightColumnsHandler(state, dispatch)
   }
   return false;
 };
-var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref6, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor, isCommentEditor
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref6, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor, isCommentEditor) {
   var formatMessage = _ref6.formatMessage;
   var tableObject = (0, _utils3.findTable)(editorState.selection);
   if (!tableObject) {
@@ -699,10 +693,7 @@ var getSelectedAlignmentIcon = function getSelectedAlignmentIcon(alignmentIcons,
     return icon.value === (0, _alignment.normaliseAlignment)(selectedAlignment);
   });
 };
-var isLayoutOptionDisabled = function isLayoutOptionDisabled(selectedNode, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var isLayoutOptionDisabled = function isLayoutOptionDisabled(selectedNode, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) {
   var _getEditorContainerWi = getEditorContainerWidth(),
     lineLength = _getEditorContainerWi.lineLength;
   var tableContainerWidth = (0, _nodeWidth.getTableContainerWidth)(selectedNode);

package/dist/es2019/nodeviews/TableCell.js

@@ -26,8 +26,6 @@ function delayUntilIdle(cb) {
 // eslint-disable-next-line require-unicode-regexp
 const cssVariablePattern = /^VAR\(--.*\)$/;
 export default class TableCell extends TableNodeView {
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   constructor(node, view, getPos, eventDispatcher, editorAnalyticsAPI) {
     super(node, view, getPos, eventDispatcher);
 

package/dist/es2019/nodeviews/TableComponent.js

@@ -13,7 +13,6 @@ import { akEditorTableNumberColumnWidth, akEditorTableToolbarSize as tableToolba
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { autoSizeTable, clearHoverSelection } from '../pm-plugins/commands';
 import { autoScrollerFactory } from '../pm-plugins/drag-and-drop/utils/autoscrollers';
 import { getPluginState } from '../pm-plugins/plugin-factory';
@@ -668,7 +667,7 @@ class TableComponent extends React.Component {
       isInDanger
     } = this.props;
     const table = findTable(view.state.selection);
-    if (editorExperiment('platform_editor_table_use_shared_state_hook', false)) {
+    if (!fg('platform_editor_table_use_shared_state_hook_fg')) {
       const pluginState = getPluginState(view.state);
       isInDanger = pluginState.isInDanger;
     }
@@ -802,7 +801,8 @@ class TableComponent extends React.Component {
       isTableScalingEnabled,
       // here we can use options.isTableScalingEnabled
       allowTableResizing,
-      allowTableAlignment
+      allowTableAlignment,
+      selection
     } = this.props;
     let {
       isInDanger,
@@ -816,7 +816,7 @@ class TableComponent extends React.Component {
       showAfterShadow
     } = this.state;
     const node = getNode();
-    if (editorExperiment('platform_editor_table_use_shared_state_hook', false)) {
+    if (!fg('platform_editor_table_use_shared_state_hook_fg')) {
       const pluginState = getPluginState(view.state);
       isInDanger = pluginState.isInDanger;
       hoveredRows = pluginState.hoveredRows;
@@ -912,7 +912,7 @@ class TableComponent extends React.Component {
         [ClassName.WITH_CONTROLS]: allowControls && tableActive,
         [ClassName.TABLE_STICKY]: this.state.stickyHeader && hasHeaderRow,
         [ClassName.HOVERED_DELETE_BUTTON]: isInDanger,
-        [ClassName.TABLE_SELECTED]: isTableSelected(view.state.selection)
+        [ClassName.TABLE_SELECTED]: isTableSelected(selection !== null && selection !== void 0 ? selection : view.state.selection)
       }),
       editorView: view,
       getPos: getPos,

package/dist/es2019/nodeviews/TableComponentWithSharedState.js

@@ -27,8 +27,9 @@ export const TableComponentWithSharedState = ({
   const {
     widthState,
     tableState,
-    mediaState
-  } = useSharedPluginState(api, ['width', 'table', 'media']);
+    mediaState,
+    selectionState
+  } = useSharedPluginState(api, ['width', 'table', 'media', 'selection']);
   if (!tableState) {
     return null;
   }
@@ -66,7 +67,7 @@ export const TableComponentWithSharedState = ({
     getPos: getPos,
     isMediaFullscreen: mediaState === null || mediaState === void 0 ? void 0 : mediaState.isFullscreen,
     options: options,
-    allowControls: !!allowControls,
+    allowControls: allowControls,
     isHeaderRowEnabled: isHeaderRowEnabled,
     isHeaderColumnEnabled: isHeaderColumnEnabled,
     isDragAndDropEnabled: options === null || options === void 0 ? void 0 : options.isDragAndDropEnabled,
@@ -89,6 +90,7 @@ export const TableComponentWithSharedState = ({
     hoveredRows: hoveredRows,
     hoveredCell: hoveredCell,
     isTableHovered: isTableHovered,
-    isWholeTableInDanger: isWholeTableInDanger
+    isWholeTableInDanger: isWholeTableInDanger,
+    selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
   });
 };

package/dist/es2019/nodeviews/TableContainer.js

@@ -1,9 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { CHANGE_ALIGNMENT_REASON, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { akEditorDefaultLayoutWidth, akEditorGutterPaddingDynamic, akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { setTableAlignmentWithTableContentWithPosWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { TABLE_MAX_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR } from '../pm-plugins/table-resizing/utils/consts';
@@ -254,7 +256,7 @@ export const ResizableTableContainer = /*#__PURE__*/React.memo(({
     ,
     className: ClassName.TABLE_RESIZER_CONTAINER,
     ref: containerRef
-  }, isLivePageViewMode ? /*#__PURE__*/React.createElement(InnerContainer
+  }, fg('platform_editor_live_page_prevent_table_recreation') ? null : isLivePageViewMode ? /*#__PURE__*/React.createElement(InnerContainer
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: className,
@@ -271,7 +273,16 @@ export const ResizableTableContainer = /*#__PURE__*/React.memo(({
   React.createElement(TableResizer, tableResizerProps, /*#__PURE__*/React.createElement(InnerContainer, {
     className: className,
     node: node
-  }, children))));
+  }, children)), fg('platform_editor_live_page_prevent_table_recreation') ?
+  /*#__PURE__*/
+  // Ignored via go/ees005
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  React.createElement(TableResizer, _extends({}, tableResizerProps, {
+    disabled: isLivePageViewMode
+  }), /*#__PURE__*/React.createElement(InnerContainer, {
+    className: className,
+    node: node
+  }, children)) : null));
 });
 export const TableContainer = ({
   children,

package/dist/es2019/nodeviews/TableNodeViewBase.js

@@ -3,8 +3,6 @@ export default class TableNodeView {
   /**
    * @constructor
    */
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   constructor(node, view, getPos, eventDispatcher) {
     this.node = node;
     this.view = view;

package/dist/es2019/nodeviews/TableResizer.js

@@ -72,10 +72,7 @@ const getResizerMinWidth = node => {
  * @param isTableScalingEnabled
  * @param isFullWidthModeEnabled
  */
-const getVisibleGuidelines = (guidelines, containerWidth, lineLength, isTableScalingEnabled, isFullWidthModeEnabled
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+const getVisibleGuidelines = (guidelines, containerWidth, lineLength, isTableScalingEnabled, isFullWidthModeEnabled) => {
   let guidelineVisibleAdjustment = TABLE_GUIDELINE_VISIBLE_ADJUSTMENT;
   if (isTableScalingEnabled) {
     // Notes:
@@ -116,7 +113,8 @@ export const TableResizer = ({
   shouldUseIncreasedScalingPercent,
   pluginInjectionApi,
   isFullWidthModeEnabled,
-  isCommentEditor
+  isCommentEditor,
+  disabled
 }) => {
   var _editorView$state, _pluginInjectionApi$a2;
   const currentGap = useRef(0);
@@ -186,10 +184,7 @@ export const TableResizer = ({
     // was hardcoded to 0, using PRESERVE_TABLE_SNAPPING_LENGTH_OFFSET instead.
     isFullWidthModeEnabled ? lineLength + 2 * akEditorGutterPaddingDynamic() : containerWidth, excludeGuidelineConfig) : defaultSnappingWidths
   } : undefined, [snappingEnabled, isTableScalingEnabled, excludeGuidelineConfig, containerWidth, lineLength, isFullWidthModeEnabled]);
-  const switchToCenterAlignment = useCallback((pos, node, newWidth, state, dispatch
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  ) => {
+  const switchToCenterAlignment = useCallback((pos, node, newWidth, state, dispatch) => {
     if (shouldChangeAlignmentToCenterResized(isTableAlignmentEnabled, node, lineLength, newWidth) && isResizing.current) {
       var _pluginInjectionApi$a;
       const tableNodeWithPos = {
@@ -477,7 +472,7 @@ export const TableResizer = ({
   const resizeRatio = !isTableAlignmentEnabled || isTableAlignmentEnabled && normaliseAlignment(node.attrs.layout) === ALIGN_CENTER ? 2 : 1;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResizerNext, {
     ref: resizerRef,
-    enable: handles,
+    enable: fg('platform_editor_live_page_prevent_table_recreation') ? disabled ? {} : handles : handles,
     width: width,
     handleAlignmentMethod: "sticky",
     handleSize: handleSize,

package/dist/es2019/nodeviews/TableRow.js

@@ -19,8 +19,6 @@ const HEADER_ROW_SCROLL_THROTTLE_TIMEOUT = 200;
 // if too short it would trigger too many dom updates.
 const HEADER_ROW_SCROLL_RESET_DEBOUNCE_TIMEOUT = 400;
 export default class TableRow extends TableNodeView {
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   constructor(node, view, getPos, eventDispatcher) {
     super(node, view, getPos, eventDispatcher);
     _defineProperty(this, "colControlsOffset", 0);

package/dist/es2019/nodeviews/lazy-node-views.js

@@ -15,10 +15,7 @@ export const lazyTableView = options => {
     './table').then(({
       createTableView
     }) => {
-      return (node, view, getPos, decorations, getNodeViewOptions
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
-      ) => {
+      return (node, view, getPos, decorations, getNodeViewOptions) => {
         const {
           portalProviderAPI,
           eventDispatcher,
@@ -52,10 +49,7 @@ export const lazyTableCellView = options => {
     './TableCell').then(({
       default: TableCell
     }) => {
-      return (node, view, getPos, decorations, getNodeViewOptions
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
-      ) => {
+      return (node, view, getPos, decorations, getNodeViewOptions) => {
         var _pluginInjectionApi$a;
         const {
           eventDispatcher,
@@ -84,10 +78,7 @@ export const lazyTableHeaderView = options => {
     './TableCell').then(({
       default: TableCell
     }) => {
-      return (node, view, getPos, decorations, getNodeViewOptions
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
-      ) => {
+      return (node, view, getPos, decorations, getNodeViewOptions) => {
         var _pluginInjectionApi$a2;
         const {
           eventDispatcher,
@@ -115,10 +106,7 @@ export const lazyTableRowView = options => {
     './TableRow').then(({
       default: TableRow
     }) => {
-      return (node, view, getPos, decorations, getNodeViewOptions
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
-      ) => {
+      return (node, view, getPos, decorations, getNodeViewOptions) => {
         const {
           eventDispatcher
         } = getNodeViewOptions();

package/dist/es2019/nodeviews/table.js

@@ -7,7 +7,6 @@ import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { pluginConfig as getPluginConfig } from '../pm-plugins/create-plugin-config';
 import { pluginKey as tableDragAndDropPluginKey } from '../pm-plugins/drag-and-drop/plugin-key';
 import { getPluginState } from '../pm-plugins/plugin-factory';
@@ -28,10 +27,7 @@ const tableAttributes = node => {
     'data-table-display-mode': node.attrs.displayMode
   };
 };
-const getInlineWidth = (node, options, state, pos, allowTableResizing
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+const getInlineWidth = (node, options, state, pos, allowTableResizing) => {
   if (!node.attrs.width && options !== null && options !== void 0 && options.isCommentEditor && allowTableResizing) {
     return;
   }
@@ -109,7 +105,7 @@ export default class TableView extends ReactNodeView {
     }
   }
   render(props, forwardRef) {
-    if (editorExperiment('platform_editor_table_use_shared_state_hook', true)) {
+    if (fg('platform_editor_table_use_shared_state_hook_fg')) {
       return /*#__PURE__*/React.createElement(TableComponentWithSharedState, {
         forwardRef: forwardRef,
         getNode: this.getNode,
@@ -294,10 +290,7 @@ export default class TableView extends ReactNodeView {
     super.destroy();
   }
 }
-export const createTableView = (node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi, isCommentEditor, isChromelessEditor
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const createTableView = (node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi, isCommentEditor, isChromelessEditor) => {
   var _pluginInjectionApi$t;
   const {
     pluginConfig,

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

@@ -18,10 +18,7 @@ import { getSelectedColumnIndexes } from '../utils/selection';
 const getTablePluginCommand = (actionPayload, originalTr) => {
   return createCommand(() => actionPayload, tr => (originalTr || tr).setMeta('addToHistory', false));
 };
-const updateResizeHandleAndStatePosition = (rowIndex, columnIndex, nextResizeHandlePos, nodeViewPortalProviderAPI
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => (state, dispatch) => {
+const updateResizeHandleAndStatePosition = (rowIndex, columnIndex, nextResizeHandlePos, nodeViewPortalProviderAPI) => (state, dispatch) => {
   let customTr = state.tr;
   const {
     pluginConfig: {

package/dist/es2019/pm-plugins/commands/commands-with-analytics.js

@@ -167,10 +167,7 @@ export const insertRowWithAnalytics = editorAnalyticsAPI => (inputMethod, option
     eventType: EVENT_TYPE.TRACK
   };
 })(editorAnalyticsAPI)(insertRow(options.index, options.moveCursorToInsertedRow));
-export const changeColumnWidthByStepWithAnalytics = (editorAnalyticsAPI, api) => (stepSize, getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor, inputMethod, ariaNotify, getIntl
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => withEditorAnalyticsAPI(state => {
+export const changeColumnWidthByStepWithAnalytics = (editorAnalyticsAPI, api) => (stepSize, getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor, inputMethod, ariaNotify, getIntl) => withEditorAnalyticsAPI(state => {
   const {
     table,
     totalRowCount,
@@ -205,10 +202,7 @@ export const changeColumnWidthByStepWithAnalytics = (editorAnalyticsAPI, api) =>
   getIntl: getIntl,
   api
 }));
-export const insertColumnWithAnalytics = (api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => (inputMethod, position) => withEditorAnalyticsAPI(state => {
+export const insertColumnWithAnalytics = (api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false) => (inputMethod, position) => withEditorAnalyticsAPI(state => {
   const {
     totalRowCount,
     totalColumnCount
@@ -252,10 +246,7 @@ export const deleteRowsWithAnalytics = editorAnalyticsAPI => (inputMethod, rect,
   }
   return true;
 });
-export const deleteColumnsWithAnalytics = (editorAnalyticsAPI, api, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => (inputMethod, rect) => withEditorAnalyticsAPI(({
+export const deleteColumnsWithAnalytics = (editorAnalyticsAPI, api, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false) => (inputMethod, rect) => withEditorAnalyticsAPI(({
   selection
 }) => {
   const {
@@ -276,10 +267,7 @@ export const deleteColumnsWithAnalytics = (editorAnalyticsAPI, api, isTableScali
     eventType: EVENT_TYPE.TRACK
   };
 })(editorAnalyticsAPI)(deleteColumnsCommand(rect, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor));
-export const deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = (editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => (state, dispatch) => {
+export const deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = (editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent) => (state, dispatch) => {
   const {
     selection
   } = state;
@@ -477,10 +465,7 @@ export const toggleFixedColumnWidthsOptionAnalytics = (editorAnalyticsAPI, input
     eventType: EVENT_TYPE.TRACK
   };
 })(editorAnalyticsAPI)(editorCommandToPMCommand(setTableDisplayMode));
-export const setTableAlignmentWithAnalytics = (editorAnalyticsAPI, isCommentEditor) => (newAlignment, previousAlignment, inputMethod, reason
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => withEditorAnalyticsAPI(state => {
+export const setTableAlignmentWithAnalytics = (editorAnalyticsAPI, isCommentEditor) => (newAlignment, previousAlignment, inputMethod, reason) => withEditorAnalyticsAPI(state => {
   const {
     table,
     totalRowCount,
@@ -502,10 +487,7 @@ export const setTableAlignmentWithAnalytics = (editorAnalyticsAPI, isCommentEdit
     }
   };
 })(editorAnalyticsAPI)(editorCommandToPMCommand(setTableAlignment(newAlignment, isCommentEditor)));
-export const setTableAlignmentWithTableContentWithPosWithAnalytics = editorAnalyticsAPI => (newAlignment, previousAlignment, tableNodeWithPos, inputMethod, reason
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => withEditorAnalyticsAPI(() => {
+export const setTableAlignmentWithTableContentWithPosWithAnalytics = editorAnalyticsAPI => (newAlignment, previousAlignment, tableNodeWithPos, inputMethod, reason) => withEditorAnalyticsAPI(() => {
   const map = TableMap.get(tableNodeWithPos.node);
   const totalRowCount = map.height;
   const totalColumnCount = map.width;

package/dist/es2019/pm-plugins/commands/delete.js

@@ -1,9 +1,6 @@
 import { deleteColumns } from '../transforms/delete-columns';
 import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step';
-export const deleteColumnsCommand = (rect, api, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => (state, dispatch, view) => {
+export const deleteColumnsCommand = (rect, api, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false) => (state, dispatch, view) => {
   const tr = deleteColumns(rect, getAllowAddColumnCustomStep(state), api, view, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(state.tr);
   if (dispatch) {
     dispatch(tr);