@atlaskit/editor-plugin-table 9.1.3 → 9.2.1

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

@@ -2,9 +2,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 
 import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
-import { injectIntl } from 'react-intl-next';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { CellSelection } from '@atlaskit/editor-tables';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { toggleDragMenu } from '../../../pm-plugins/drag-and-drop/commands';
@@ -13,7 +14,7 @@ import { getRowHeights, getRowsParams } from '../../../pm-plugins/utils/row-cont
 import { getSelectedRowIndexes } from '../../../pm-plugins/utils/selection';
 import { TableCssClassName as ClassName } from '../../../types';
 import { dropTargetExtendedWidth } from '../../consts';
-import { DragHandle } from '../../DragHandle';
+import { DragHandle, DragHandleWithSharedState } from '../../DragHandle';
 import RowDropTarget from '../RowDropTarget';
 var getSelectedRows = function getSelectedRows(selection) {
   if (selection instanceof CellSelection && selection.isRowSelection()) {
@@ -25,7 +26,7 @@ var getSelectedRows = function getSelectedRows(selection) {
   }
   return [];
 };
-var DragControlsComponent = function DragControlsComponent(_ref) {
+export var DragControls = function DragControls(_ref) {
   var _tableNode$attrs$loca, _tableNode$attrs;
   var tableRef = _ref.tableRef,
     tableNode = _ref.tableNode,
@@ -39,7 +40,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 = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isDragging = _useState2[0],
@@ -49,7 +52,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 : '';
   useEffect(function () {
     return monitorForElements({
@@ -128,10 +131,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);
@@ -157,7 +157,23 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
         pointerEvents: 'none'
       },
       "data-testid": "table-floating-row-".concat(isHover ? rowIndex : selectedRowIndexes[0], "-drag-handle")
-    }, /*#__PURE__*/React.createElement(DragHandle, {
+    }, fg('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/React.createElement(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.createElement(DragHandle, {
       isDragMenuTarget: !isHover,
       direction: "row",
       tableLocalId: currentNodeLocalId,
@@ -261,4 +277,38 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
     }), rowHandles())
   );
 };
-export var DragControls = injectIntl(DragControlsComponent);
+export var 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 = useSharedPluginState(api, ['selection']),
+    selectionState = _useSharedPluginState.selectionState;
+  return /*#__PURE__*/React.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/esm/ui/TableFloatingControls/index.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { browser } from '@atlaskit/editor-common/browser';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { findTable } from '@atlaskit/editor-tables/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { hoverCell, hoverRows, selectRow, selectRows } from '../../pm-plugins/commands';
 import { isTableNested } from '../../pm-plugins/utils/nodes';
@@ -11,7 +11,8 @@ import { DragCornerControls, DragCornerControlsWithSelection } from './CornerCon
 import { FloatingControlsWithSelection } from './FloatingControlsWithSelection';
 import NumberColumn from './NumberColumn';
 import { RowControls } from './RowControls/ClassicControls';
-import { DragControls } from './RowControls/DragControls';
+import { DragControls, DragControlsWithSelection } from './RowControls/DragControls';
+// Row controls
 export var TableFloatingControls = function TableFloatingControls(_ref) {
   var _findTable;
   var editorView = _ref.editorView,
@@ -72,8 +73,6 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
       hoverCell(rowIndex, 0)(state, dispatch);
     }
   }, [editorView, tableActive]);
-  var _useSharedPluginState = useSharedPluginState(api, ['featureFlags']),
-    featureFlagsState = _useSharedPluginState.featureFlagsState;
   if (!tableRef) {
     return null;
   }
@@ -83,7 +82,7 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var isNested = tablePos !== undefined && isTableNested(editorView.state, tablePos);
-  var shouldShowCornerControls = !(featureFlagsState !== null && featureFlagsState !== void 0 && featureFlagsState.elementDragAndDrop) || isNested && !editorExperiment('nested-dnd', true);
+  var shouldShowCornerControls = isNested && !editorExperiment('nested-dnd', true);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -106,18 +105,36 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
       updateCellHoverLocation: updateCellHoverLocation,
       stickyTop: stickyTop,
       isDragAndDropEnabled: isDragAndDropEnabled
-    }) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, shouldShowCornerControls && (editorExperiment('platform_editor_table_use_shared_state_hook', true) ? /*#__PURE__*/React.createElement(DragCornerControlsWithSelection, {
+    }) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, fg('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/React.createElement(React.Fragment, null, shouldShowCornerControls && /*#__PURE__*/React.createElement(DragCornerControlsWithSelection, {
       editorView: editorView,
       tableRef: tableRef,
       isInDanger: isInDanger,
       isResizing: isResizing,
       api: api
-    }) : /*#__PURE__*/React.createElement(DragCornerControls, {
+    }), /*#__PURE__*/React.createElement(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.createElement(React.Fragment, null, shouldShowCornerControls && /*#__PURE__*/React.createElement(DragCornerControls, {
       editorView: editorView,
       tableRef: tableRef,
       isInDanger: isInDanger,
       isResizing: isResizing
-    })), /*#__PURE__*/React.createElement(DragControls, {
+    }), /*#__PURE__*/React.createElement(DragControls, {
       tableRef: tableRef,
       tableNode: tableNode,
       hoveredCell: hoveredCell,
@@ -134,7 +151,7 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
       selectRow: _selectRow,
       selectRows: _selectRows,
       updateCellHoverLocation: updateCellHoverLocation
-    })) : editorExperiment('platform_editor_table_use_shared_state_hook', true) ? /*#__PURE__*/React.createElement(FloatingControlsWithSelection, {
+    }))) : fg('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/React.createElement(FloatingControlsWithSelection, {
       editorView: editorView,
       tableRef: tableRef,
       isInDanger: isInDanger,

package/dist/esm/ui/toolbar.js

@@ -543,10 +543,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 = getPluginState(state),
@@ -609,10 +606,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 = findTable(editorState.selection);
   if (!tableObject) {
@@ -691,10 +685,7 @@ var getSelectedAlignmentIcon = function getSelectedAlignmentIcon(alignmentIcons,
     return icon.value === 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 = getTableContainerWidth(selectedNode);

package/dist/types/nodeviews/TableComponent.d.ts

@@ -5,6 +5,7 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { EditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CellHoverMeta, PluginInjectionAPI } from '../types';
 import type { TableOptions } from './types';
@@ -17,7 +18,7 @@ interface ComponentProps {
     options?: TableOptions;
     contentDOM: (node: HTMLElement | null) => void;
     containerWidth: EditorContainerWidth;
-    allowControls: boolean;
+    allowControls?: boolean;
     allowTableResizing?: boolean;
     allowTableAlignment?: boolean;
     isHeaderRowEnabled: boolean;
@@ -37,6 +38,7 @@ interface ComponentProps {
     hoveredCell?: CellHoverMeta;
     isTableHovered?: boolean;
     isWholeTableInDanger?: boolean;
+    selection?: Selection;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<ComponentProps>> & {
     WrappedComponent: React.ComponentType<ComponentProps>;

package/dist/types/nodeviews/TableResizer.d.ts

@@ -28,6 +28,7 @@ interface TableResizerProps {
     isCommentEditor?: boolean;
     onResizeStop?: () => void;
     onResizeStart?: () => void;
+    disabled?: boolean;
 }
-export declare const TableResizer: ({ children, width, maxWidth, containerWidth, lineLength, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, isWholeTableInDanger, shouldUseIncreasedScalingPercent, pluginInjectionApi, isFullWidthModeEnabled, isCommentEditor, }: PropsWithChildren<TableResizerProps>) => JSX.Element;
+export declare const TableResizer: ({ children, width, maxWidth, containerWidth, lineLength, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, isWholeTableInDanger, shouldUseIncreasedScalingPercent, pluginInjectionApi, isFullWidthModeEnabled, isCommentEditor, disabled, }: PropsWithChildren<TableResizerProps>) => JSX.Element;
 export {};

package/dist/types/types/index.d.ts

@@ -33,7 +33,7 @@ export type PluginInjectionAPIWithA11y = ExtractInjectionAPI<TablePlugin> & {
         };
     };
 };
-export type TableSharedStateInternal = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'wasFullWidthModeEnabled' | 'isHeaderRowEnabled' | 'isHeaderColumnEnabled' | 'ordering' | 'isInDanger' | 'hoveredRows' | 'hoveredCell' | 'isTableHovered' | 'tableNode' | 'widthToWidest'> & {
+export type TableSharedStateInternal = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'wasFullWidthModeEnabled' | 'isHeaderRowEnabled' | 'isHeaderColumnEnabled' | 'ordering' | 'isInDanger' | 'hoveredRows' | 'hoveredColumns' | 'hoveredCell' | 'isTableHovered' | 'tableNode' | 'widthToWidest'> & {
     isResizing: boolean;
     isTableResizing?: boolean;
     isWholeTableInDanger?: boolean;

package/dist/types/ui/DragHandle/index.d.ts

@@ -20,8 +20,29 @@ type DragHandleProps = {
     toggleDragMenu?: (trigger: TriggerType, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     editorView: EditorView;
     isDragMenuTarget: boolean;
+    hoveredColumns?: number[];
+    hoveredRows?: number[];
 };
 export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<DragHandleProps & WrappedComponentProps>;
 };
+export declare const DragHandleWithSharedState: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & {
+    api?: import("@atlaskit/editor-common/types").EditorInjectionAPI<"table", {
+        pluginConfiguration: import("../../tablePluginType").TablePluginOptions | undefined;
+        actions: import("../../tablePluginType").TablePluginActions;
+        sharedState?: import("../../types").TableSharedState | undefined;
+        commands: import("../../tablePluginType").TablePluginCommands;
+        dependencies: import("../../tablePluginType").TablePluginDependencies;
+    }> | undefined;
+} & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<DragHandleProps & {
+        api?: import("@atlaskit/editor-common/types").EditorInjectionAPI<"table", {
+            pluginConfiguration: import("../../tablePluginType").TablePluginOptions | undefined;
+            actions: import("../../tablePluginType").TablePluginActions;
+            sharedState?: import("../../types").TableSharedState | undefined;
+            commands: import("../../tablePluginType").TablePluginCommands;
+            dependencies: import("../../tablePluginType").TablePluginDependencies;
+        }> | undefined;
+    } & WrappedComponentProps>;
+};
 export {};

package/dist/types/ui/TableFloatingColumnControls/ColumnControls/index.d.ts

@@ -20,7 +20,7 @@ interface ColumnControlsProps {
     isDragging?: boolean;
     getScrollOffset?: () => number;
 }
-export declare const ColumnControls: ({ editorView, tableActive, tableRef, hoveredCell, stickyTop, localId, isInDanger, rowHeights, colWidths, hasHeaderColumn, isTableHovered, tableContainerWidth, isNumberColumnEnabled, isDragging, getScrollOffset, api, }: ColumnControlsProps & {
+export declare const ColumnControls: ({ editorView, tableActive, tableRef, hoveredCell, stickyTop, localId, isInDanger, rowHeights, colWidths, isTableHovered, tableContainerWidth, isNumberColumnEnabled, isDragging, getScrollOffset, api, }: ColumnControlsProps & {
     api?: import("@atlaskit/editor-common/types").EditorInjectionAPI<"table", {
         pluginConfiguration: import("../../../tablePluginType").TablePluginOptions | undefined;
         actions: import("../../../tablePluginType").TablePluginActions;

package/dist/types/ui/TableFloatingControls/RowControls/DragControls.d.ts

@@ -1,7 +1,9 @@
-import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
+/// <reference types="react" />
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { TablePlugin } from '../../../tablePluginType';
 import type { CellHoverMeta } from '../../../types';
 type DragControlsProps = {
     editorView: EditorView;
@@ -17,8 +19,9 @@ type DragControlsProps = {
     selectRow: (row: number, expand: boolean) => void;
     selectRows: (rowIndexes: number[]) => void;
     updateCellHoverLocation: (rowIndex: number) => void;
+    api?: ExtractInjectionAPI<TablePlugin>;
+    selection?: Selection;
 };
-export declare const DragControls: React.FC<import("react-intl-next").WithIntlProps<DragControlsProps & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<DragControlsProps & WrappedComponentProps>;
-};
+export declare const DragControls: ({ tableRef, tableNode, tableWidth, hoveredCell, tableActive, editorView, isInDanger, isResizing, isTableHovered, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, selection, }: DragControlsProps) => JSX.Element | null;
+export declare const DragControlsWithSelection: ({ editorView, tableRef, tableNode, tableWidth, tableActive, hoveredCell, isInDanger, isTableHovered, isResizing, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, }: Exclude<DragControlsProps, 'selection'>) => JSX.Element;
 export {};

package/dist/types-ts4.5/nodeviews/TableComponent.d.ts

@@ -5,6 +5,7 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { EditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CellHoverMeta, PluginInjectionAPI } from '../types';
 import type { TableOptions } from './types';
@@ -17,7 +18,7 @@ interface ComponentProps {
     options?: TableOptions;
     contentDOM: (node: HTMLElement | null) => void;
     containerWidth: EditorContainerWidth;
-    allowControls: boolean;
+    allowControls?: boolean;
     allowTableResizing?: boolean;
     allowTableAlignment?: boolean;
     isHeaderRowEnabled: boolean;
@@ -37,6 +38,7 @@ interface ComponentProps {
     hoveredCell?: CellHoverMeta;
     isTableHovered?: boolean;
     isWholeTableInDanger?: boolean;
+    selection?: Selection;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<ComponentProps>> & {
     WrappedComponent: React.ComponentType<ComponentProps>;

package/dist/types-ts4.5/nodeviews/TableResizer.d.ts

@@ -28,6 +28,7 @@ interface TableResizerProps {
     isCommentEditor?: boolean;
     onResizeStop?: () => void;
     onResizeStart?: () => void;
+    disabled?: boolean;
 }
-export declare const TableResizer: ({ children, width, maxWidth, containerWidth, lineLength, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, isWholeTableInDanger, shouldUseIncreasedScalingPercent, pluginInjectionApi, isFullWidthModeEnabled, isCommentEditor, }: PropsWithChildren<TableResizerProps>) => JSX.Element;
+export declare const TableResizer: ({ children, width, maxWidth, containerWidth, lineLength, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, isWholeTableInDanger, shouldUseIncreasedScalingPercent, pluginInjectionApi, isFullWidthModeEnabled, isCommentEditor, disabled, }: PropsWithChildren<TableResizerProps>) => JSX.Element;
 export {};

package/dist/types-ts4.5/types/index.d.ts

@@ -33,7 +33,7 @@ export type PluginInjectionAPIWithA11y = ExtractInjectionAPI<TablePlugin> & {
         };
     };
 };
-export type TableSharedStateInternal = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'wasFullWidthModeEnabled' | 'isHeaderRowEnabled' | 'isHeaderColumnEnabled' | 'ordering' | 'isInDanger' | 'hoveredRows' | 'hoveredCell' | 'isTableHovered' | 'tableNode' | 'widthToWidest'> & {
+export type TableSharedStateInternal = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'wasFullWidthModeEnabled' | 'isHeaderRowEnabled' | 'isHeaderColumnEnabled' | 'ordering' | 'isInDanger' | 'hoveredRows' | 'hoveredColumns' | 'hoveredCell' | 'isTableHovered' | 'tableNode' | 'widthToWidest'> & {
     isResizing: boolean;
     isTableResizing?: boolean;
     isWholeTableInDanger?: boolean;

package/dist/types-ts4.5/ui/DragHandle/index.d.ts

@@ -20,8 +20,29 @@ type DragHandleProps = {
     toggleDragMenu?: (trigger: TriggerType, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     editorView: EditorView;
     isDragMenuTarget: boolean;
+    hoveredColumns?: number[];
+    hoveredRows?: number[];
 };
 export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<DragHandleProps & WrappedComponentProps>;
 };
+export declare const DragHandleWithSharedState: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & {
+    api?: import("@atlaskit/editor-common/types").EditorInjectionAPI<"table", {
+        pluginConfiguration: import("../../tablePluginType").TablePluginOptions | undefined;
+        actions: import("../../tablePluginType").TablePluginActions;
+        sharedState?: import("../../types").TableSharedState | undefined;
+        commands: import("../../tablePluginType").TablePluginCommands;
+        dependencies: import("../../tablePluginType").TablePluginDependencies;
+    }> | undefined;
+} & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<DragHandleProps & {
+        api?: import("@atlaskit/editor-common/types").EditorInjectionAPI<"table", {
+            pluginConfiguration: import("../../tablePluginType").TablePluginOptions | undefined;
+            actions: import("../../tablePluginType").TablePluginActions;
+            sharedState?: import("../../types").TableSharedState | undefined;
+            commands: import("../../tablePluginType").TablePluginCommands;
+            dependencies: import("../../tablePluginType").TablePluginDependencies;
+        }> | undefined;
+    } & WrappedComponentProps>;
+};
 export {};

package/dist/types-ts4.5/ui/TableFloatingColumnControls/ColumnControls/index.d.ts

@@ -20,7 +20,7 @@ interface ColumnControlsProps {
     isDragging?: boolean;
     getScrollOffset?: () => number;
 }
-export declare const ColumnControls: ({ editorView, tableActive, tableRef, hoveredCell, stickyTop, localId, isInDanger, rowHeights, colWidths, hasHeaderColumn, isTableHovered, tableContainerWidth, isNumberColumnEnabled, isDragging, getScrollOffset, api, }: ColumnControlsProps & {
+export declare const ColumnControls: ({ editorView, tableActive, tableRef, hoveredCell, stickyTop, localId, isInDanger, rowHeights, colWidths, isTableHovered, tableContainerWidth, isNumberColumnEnabled, isDragging, getScrollOffset, api, }: ColumnControlsProps & {
     api?: import("@atlaskit/editor-common/types").EditorInjectionAPI<"table", {
         pluginConfiguration: import("../../../tablePluginType").TablePluginOptions | undefined;
         actions: import("../../../tablePluginType").TablePluginActions;

package/dist/types-ts4.5/ui/TableFloatingControls/RowControls/DragControls.d.ts

@@ -1,7 +1,9 @@
-import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
+/// <reference types="react" />
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { TablePlugin } from '../../../tablePluginType';
 import type { CellHoverMeta } from '../../../types';
 type DragControlsProps = {
     editorView: EditorView;
@@ -17,8 +19,9 @@ type DragControlsProps = {
     selectRow: (row: number, expand: boolean) => void;
     selectRows: (rowIndexes: number[]) => void;
     updateCellHoverLocation: (rowIndex: number) => void;
+    api?: ExtractInjectionAPI<TablePlugin>;
+    selection?: Selection;
 };
-export declare const DragControls: React.FC<import("react-intl-next").WithIntlProps<DragControlsProps & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<DragControlsProps & WrappedComponentProps>;
-};
+export declare const DragControls: ({ tableRef, tableNode, tableWidth, hoveredCell, tableActive, editorView, isInDanger, isResizing, isTableHovered, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, selection, }: DragControlsProps) => JSX.Element | null;
+export declare const DragControlsWithSelection: ({ editorView, tableRef, tableNode, tableWidth, tableActive, hoveredCell, isInDanger, isTableHovered, isResizing, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, }: Exclude<DragControlsProps, 'selection'>) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "9.1.3",
+	"version": "9.2.1",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,10 +30,10 @@
 		"@atlaskit/adf-schema": "^46.1.0",
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/custom-steps": "^0.9.0",
-		"@atlaskit/editor-common": "^99.1.0",
+		"@atlaskit/editor-common": "^99.5.0",
 		"@atlaskit/editor-palette": "1.6.4",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.2.0",
-		"@atlaskit/editor-plugin-analytics": "^1.10.0",
+		"@atlaskit/editor-plugin-analytics": "^1.11.0",
 		"@atlaskit/editor-plugin-batch-attribute-updates": "1.1.11",
 		"@atlaskit/editor-plugin-content-insertion": "^1.11.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/editor-shared-styles": "^3.2.0",
 		"@atlaskit/editor-tables": "^2.8.0",
-		"@atlaskit/icon": "^23.3.0",
+		"@atlaskit/icon": "^23.4.0",
 		"@atlaskit/menu": "^2.13.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
@@ -51,9 +51,9 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.34.0",
+		"@atlaskit/tmp-editor-statsig": "^2.41.0",
 		"@atlaskit/toggle": "^14.0.0",
-		"@atlaskit/tokens": "^3.0.0",
+		"@atlaskit/tokens": "^3.2.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -134,6 +134,15 @@
 		},
 		"platform_editor_table_overflow_in_full_width_fix": {
 			"type": "boolean"
+		},
+		"platform_editor_table_use_shared_state_hook_fg": {
+			"type": "boolean"
+		},
+		"platform_editor_live_page_prevent_table_recreation": {
+			"type": "boolean"
+		},
+		"platform_editor_nested_tables_paste_dupe_fix": {
+			"type": "boolean"
 		}
 	}
 }

package/src/nodeviews/TableCell.ts

@@ -37,8 +37,6 @@ const cssVariablePattern = /^VAR\(--.*\)$/;
 export default class TableCell extends TableNodeView<HTMLElement> implements NodeView {
 	private delayHandle: number | undefined;
 
-	// Ignored via go/ees005
-	// eslint-disable-next-line @typescript-eslint/max-params
 	constructor(
 		node: PMNode,
 		view: EditorView,

package/src/nodeviews/TableComponent.tsx

@@ -17,6 +17,7 @@ import { tableMarginSides } from '@atlaskit/editor-common/styles';
 import type { EditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import {
 	akEditorTableNumberColumnWidth,
@@ -26,7 +27,6 @@ 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 type { CleanupFn } from '@atlaskit/pragmatic-drag-and-drop/types';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { token } from '@atlaskit/tokens';
 
 import { autoSizeTable, clearHoverSelection } from '../pm-plugins/commands';
@@ -107,7 +107,7 @@ interface ComponentProps {
 
 	contentDOM: (node: HTMLElement | null) => void;
 	containerWidth: EditorContainerWidth;
-	allowControls: boolean;
+	allowControls?: boolean;
 
 	allowTableResizing?: boolean;
 	allowTableAlignment?: boolean;
@@ -125,12 +125,13 @@ interface ComponentProps {
 	pluginInjectionApi?: PluginInjectionAPI;
 	intl: IntlShape;
 
-	// marking props as option to ensure backward compatibility when platform_editor_table_use_shared_state_hook disabled
+	// marking props as optional to ensure backward compatibility when platform_editor_table_use_shared_state_hook_fg disabled
 	isInDanger?: boolean;
 	hoveredRows?: number[];
 	hoveredCell?: CellHoverMeta;
 	isTableHovered?: boolean;
 	isWholeTableInDanger?: boolean;
+	selection?: Selection;
 }
 
 interface TableState {
@@ -598,7 +599,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 
 		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;
 		}
@@ -809,6 +810,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 			isTableScalingEnabled, // here we can use options.isTableScalingEnabled
 			allowTableResizing,
 			allowTableAlignment,
+			selection,
 		} = this.props;
 
 		let { isInDanger, hoveredRows, hoveredCell, isTableHovered, isWholeTableInDanger } = this.props;
@@ -816,7 +818,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 		const { showBeforeShadow, 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;
@@ -926,7 +928,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 					[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 ?? view.state.selection),
 				})}
 				editorView={view}
 				getPos={getPos}