@atlaskit/editor-plugin-table 8.4.12 → 8.4.13

package/dist/es2019/ui/TableFloatingColumnControls/ColumnControls/index.js

@@ -9,7 +9,8 @@ import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection, hoverCell, hoverColumns, selectColumn, selectColumns } from '../../../pm-plugins/commands';
 import { toggleDragMenu } from '../../../pm-plugins/drag-and-drop/commands';
-import { getRowsParams, getSelectedColumnIndexes } from '../../../pm-plugins/utils';
+import { getRowsParams } from '../../../pm-plugins/utils/row-controls';
+import { getSelectedColumnIndexes } from '../../../pm-plugins/utils/selection';
 import { TableCssClassName as ClassName } from '../../../types';
 import { DragHandle } from '../../DragHandle';
 const getSelectedColumns = selection => {
@@ -62,11 +63,19 @@ export const ColumnControls = ({
       state,
       dispatch
     } = editorView;
-    const isClickOutsideSelectedCols = selectedColIndexes.length >= 1 && !selectedColIndexes.includes(colIndex);
+    const isClickOutsideSelectedCols =
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    selectedColIndexes.length >= 1 && !selectedColIndexes.includes(colIndex);
     if (!selectedColIndexes || selectedColIndexes.length === 0 || isClickOutsideSelectedCols) {
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       selectColumn(colIndex, event.shiftKey)(state, dispatch);
     }
-    if (selectedColIndexes.length > 1 && selectedColIndexes.includes(colIndex) && !event.shiftKey) {
+    if (selectedColIndexes.length > 1 &&
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    selectedColIndexes.includes(colIndex) && !event.shiftKey) {
       selectColumns(selectedColIndexes)(state, dispatch);
     }
   }, [colIndex, selectedColIndexes, editorView]);
@@ -75,6 +84,8 @@ export const ColumnControls = ({
       state,
       dispatch
     } = editorView;
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     hoverColumns([colIndex])(state, dispatch);
   }, [colIndex, editorView]);
   const handleMouseMove = useCallback(e => {
@@ -119,13 +130,18 @@ export const ColumnControls = ({
     toggleDragMenu(undefined, 'column', colIndex, trigger)(state, dispatch);
   }, [editorView, colIndex]);
   const colIndexes = useMemo(() => {
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     return [colIndex];
   }, [colIndex]);
   if (stickyTop && columnControlsRef.current) {
     var _getScrollOffset;
     columnControlsRef.current.scrollLeft = (_getScrollOffset = getScrollOffset === null || getScrollOffset === void 0 ? void 0 : getScrollOffset()) !== null && _getScrollOffset !== void 0 ? _getScrollOffset : 0;
   }
-  const generateHandleByType = (type, appearance, gridColumn, indexes) => {
+  const generateHandleByType = (type, appearance, gridColumn, indexes
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/max-params
+  ) => {
     var _rowHeights$reduce, _colWidths$reduce;
     const isHover = type === 'hover';
     const isPlaceholder = appearance === 'placeholder';
@@ -188,7 +204,10 @@ export const ColumnControls = ({
     // always position placeholder in first column to avoid overflow issues
     selectedAppearance === 'placeholder' ? '1 / span 1' : `${selectedColIndexes[0] + 1} / span ${selectedColIndexes.length}`, selectedColIndexes));
     if (hoveredCell && isTableHovered && colIndex !== undefined && !selectedColIndexes.includes(colIndex)) {
-      handles.push(generateHandleByType('hover', 'default', `${colIndex + 1} / span 1`, colIndexes));
+      handles.push(
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      generateHandleByType('hover', 'default', `${colIndex + 1} / span 1`, colIndexes));
     }
     return handles;
   };
@@ -228,7 +247,10 @@ export const ColumnControls = ({
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
       className: ClassName.DRAG_COLUMN_FLOATING_INSERT_DOT_WRAPPER,
-      contentEditable: false,
+      contentEditable: false
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/no-array-index-key
+      ,
       key: index
     }, /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/es2019/ui/TableFloatingColumnControls/ColumnDropTargets/index.js

@@ -28,7 +28,10 @@ export const ColumnDropTargets = ({
     className: ClassName.DRAG_COLUMN_CONTROLS_INNER,
     "data-testid": "table-floating-column-controls-drop-targets"
   }, colWidths === null || colWidths === void 0 ? void 0 : colWidths.map((width, index) => {
-    return /*#__PURE__*/React.createElement(ColumnDropTarget, {
+    return /*#__PURE__*/React.createElement(ColumnDropTarget
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/no-array-index-key
+    , {
       key: index,
       index: index,
       localId: localId,

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

@@ -2,7 +2,9 @@ import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { containsHeaderColumn, getColumnsWidths, getRowHeights } from '../../pm-plugins/utils';
+import { getColumnsWidths } from '../../pm-plugins/utils/column-controls';
+import { containsHeaderColumn } from '../../pm-plugins/utils/nodes';
+import { getRowHeights } from '../../pm-plugins/utils/row-controls';
 import { TableCssClassName as ClassName } from '../../types';
 import { ColumnControls } from './ColumnControls';
 import { ColumnDropTargets } from './ColumnDropTargets';
@@ -66,7 +68,10 @@ const TableFloatingColumnControls = ({
     var _rowHeights$, _containerRef$current;
     const columnControlTopOffsetFromParent = '-12px';
     const headerRowHeight = hasHeaderRow && stickyTop !== undefined ? (_rowHeights$ = rowHeights === null || rowHeights === void 0 ? void 0 : rowHeights[0]) !== null && _rowHeights$ !== void 0 ? _rowHeights$ : 0 : 0;
-    containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.style.setProperty('top', fg('platform_editor_breakout_use_css') ? columnControlTopOffsetFromParent : `${stickyTop - headerRowHeight + 33}px` // 33px is padding and margin applied on tr.sticky
+    containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.style.setProperty('top', fg('platform_editor_breakout_use_css') ? columnControlTopOffsetFromParent :
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    `${stickyTop - headerRowHeight + 33}px` // 33px is padding and margin applied on tr.sticky
     );
   } else {
     var _containerRef$current2;

package/dist/es2019/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -8,6 +8,8 @@ import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables
 import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection, hoverTable } from '../../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../../types';
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components, @typescript-eslint/no-explicit-any
 class CornerControlComponent extends Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/ui/TableFloatingControls/FloatingControlsWithSelection.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { CornerControls } from './CornerControls';
-import { RowControls } from './RowControls';
+import { CornerControls } from './CornerControls/ClassicCornerControls';
+import { RowControls } from './RowControls/ClassicControls';
 export const FloatingControlsWithSelection = ({
   editorView,
   tableRef,

package/dist/es2019/ui/TableFloatingControls/NumberColumn/index.js

@@ -5,9 +5,11 @@ import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { isRowSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
-import { getRowHeights } from '../../../pm-plugins/utils';
+import { getRowHeights } from '../../../pm-plugins/utils/row-controls';
 import { TableCssClassName as ClassName } from '../../../types';
 import { tableBorderColor } from '../../consts';
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components, @typescript-eslint/no-explicit-any
 export default class NumberColumn extends Component {
   constructor(...args) {
     super(...args);
@@ -107,6 +109,8 @@ export default class NumberColumn extends Component {
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React.createElement("div", {
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/no-array-index-key
       key: `wrapper-${index}`
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -122,6 +126,8 @@ export default class NumberColumn extends Component {
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
     React.createElement("div", {
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/no-array-index-key
       key: `wrapper-${index}`
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,

package/dist/es2019/ui/TableFloatingControls/RowControls/ClassicControls.js

@@ -4,9 +4,11 @@ import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
-import { getRowClassNames, getRowHeights, getRowsParams } from '../../../pm-plugins/utils';
+import { getRowClassNames, getRowHeights, getRowsParams } from '../../../pm-plugins/utils/row-controls';
 import { TableCssClassName as ClassName } from '../../../types';
 import { tableControlsSpacing, tableToolbarSize } from '../../consts';
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
 class RowControlsComponent extends Component {
   constructor(...args) {
     super(...args);
@@ -68,7 +70,10 @@ class RowControlsComponent extends Component {
             // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
             marginTop: `${marginTop}px`,
             // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-            top: fg('platform_editor_breakout_use_css') ? thisRowSticky ? `3px` : undefined : thisRowSticky ? `${this.props.stickyTop + 3}px` : undefined,
+            top: fg('platform_editor_breakout_use_css') ? thisRowSticky ? `3px` : undefined : thisRowSticky ?
+            // Ignored via go/ees005
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            `${this.props.stickyTop + 3}px` : undefined,
             // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
             paddingTop: thisRowSticky ? `${tableControlsSpacing}px` : undefined
           }

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

@@ -8,7 +8,8 @@ import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/ad
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { toggleDragMenu } from '../../../pm-plugins/drag-and-drop/commands';
 import { getPluginState as getTablePluginState } from '../../../pm-plugins/plugin-factory';
-import { getRowHeights, getRowsParams, getSelectedRowIndexes } from '../../../pm-plugins/utils';
+import { getRowHeights, getRowsParams } from '../../../pm-plugins/utils/row-controls';
+import { getSelectedRowIndexes } from '../../../pm-plugins/utils/selection';
 import { TableCssClassName as ClassName } from '../../../types';
 import { dropTargetExtendedWidth } from '../../consts';
 import { DragHandle } from '../../DragHandle';
@@ -101,21 +102,36 @@ const DragControlsComponent = ({
     updateCellHoverLocation(Number(rowIndex));
   }, [updateCellHoverLocation]);
   const rowIndexes = useMemo(() => {
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     return [rowIndex];
   }, [rowIndex]);
   const handleMouseOver = useCallback(() => {
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     hoverRows([rowIndex]);
   }, [hoverRows, rowIndex]);
   const handleClick = useCallback(e => {
-    const isClickOutsideSelectedRows = selectedRowIndexes.length >= 1 && !selectedRowIndexes.includes(rowIndex);
+    const isClickOutsideSelectedRows =
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    selectedRowIndexes.length >= 1 && !selectedRowIndexes.includes(rowIndex);
     if (!selectedRowIndexes || selectedRowIndexes.length === 0 || isClickOutsideSelectedRows) {
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       selectRow(rowIndex, e.shiftKey);
     }
+
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     if (selectedRowIndexes.length > 1 && selectedRowIndexes.includes(rowIndex) && !e.shiftKey) {
       selectRows(selectedRowIndexes);
     }
   }, [rowIndex, selectRow, selectRows, selectedRowIndexes]);
-  const generateHandleByType = (type, appearance, gridRow, indexes) => {
+  const generateHandleByType = (type, appearance, gridRow, indexes
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/max-params
+  ) => {
     const isHover = type === 'hover';
     const previewHeight = rowHeights.reduce((sum, v, i) => sum + v * (indexes.includes(i) ? 1 : 0), 0);
     return /*#__PURE__*/React.createElement("div", {
@@ -196,7 +212,11 @@ const DragControlsComponent = ({
     }, rowsParams.map(({
       startIndex,
       endIndex
-    }, index) => /*#__PURE__*/React.createElement(Fragment, {
+    }, index) =>
+    /*#__PURE__*/
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/no-array-index-key
+    React.createElement(Fragment, {
       key: index
     }, /*#__PURE__*/React.createElement("div", {
       style: {
@@ -209,11 +229,17 @@ const DragControlsComponent = ({
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
       className: ClassName.DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER,
-      contentEditable: false,
+      contentEditable: false
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/no-array-index-key
+      ,
       key: `insert-dot-${index}`
     }, /*#__PURE__*/React.createElement("div", {
       className: ClassName.DRAG_ROW_FLOATING_INSERT_DOT
-    })), isDragging && /*#__PURE__*/React.createElement(RowDropTarget, {
+    })), isDragging && /*#__PURE__*/React.createElement(RowDropTarget
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/no-array-index-key
+    , {
       key: `drop-target-${index}`,
       index: index,
       localId: currentNodeLocalId,

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

@@ -6,10 +6,12 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { hoverCell, hoverRows, selectRow, selectRows } from '../../pm-plugins/commands';
 import { isTableNested } from '../../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName } from '../../types';
-import { CornerControls, DragCornerControls, DragCornerControlsWithSelection } from './CornerControls';
+import { CornerControls } from './CornerControls/ClassicCornerControls';
+import { DragCornerControls, DragCornerControlsWithSelection } from './CornerControls/DragCornerControls';
 import { FloatingControlsWithSelection } from './FloatingControlsWithSelection';
 import NumberColumn from './NumberColumn';
-import { DragControls, RowControls } from './RowControls';
+import { RowControls } from './RowControls/ClassicControls';
+import { DragControls } from './RowControls/DragControls';
 export const TableFloatingControls = ({
   editorView,
   tableRef,
@@ -38,6 +40,8 @@ export const TableFloatingControls = ({
     } = editorView;
     // fix for issue ED-4665
     if (browser.ie_version === 11) {
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
       editorView.dom.blur();
     }
     selectRow(row, expand)(state, dispatch);
@@ -49,6 +53,8 @@ export const TableFloatingControls = ({
     } = editorView;
     // fix for issue ED-4665
     if (browser.ie_version === 11) {
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
       editorView.dom.blur();
     }
     selectRows(rowIndexes)(state, dispatch);
@@ -84,6 +90,8 @@ export const TableFloatingControls = ({
   const stickyTop = stickyHeader && stickyHeader.sticky && hasHeaderRow ? stickyHeader.top : undefined;
   const wrapperClassName = isDragAndDropEnabled ? isChromelessEditor ? ClassName.DRAG_ROW_CONTROLS_WRAPPER + ' ' + ClassName.TABLE_CHROMELESS : ClassName.DRAG_ROW_CONTROLS_WRAPPER : ClassName.ROW_CONTROLS_WRAPPER;
   const tablePos = (_findTable = findTable(editorView.state.selection)) === null || _findTable === void 0 ? void 0 : _findTable.pos;
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const isNested = tablePos !== undefined && isTableNested(editorView.state, tablePos);
   const shouldShowCornerControls = !(featureFlagsState !== null && featureFlagsState !== void 0 && featureFlagsState.elementDragAndDrop) || isNested && !editorExperiment('nested-dnd', true);
   return (
@@ -125,7 +133,10 @@ export const TableFloatingControls = ({
       editorView: editorView,
       tableActive: tableActive,
       isInDanger: isInDanger,
-      isResizing: isResizing,
+      isResizing: isResizing
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      ,
       tableWidth: tableWrapperWidth,
       hoverRows: _hoverRows,
       selectRow: _selectRow,

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

@@ -821,6 +821,13 @@ export const baseTableStyles = props => {
 				color: ${`var(--ds-text-selected, ${N0})`};
 			}
 		}
+
+		// nested tables should be ignored when we apply border-left: 0 to the parent table
+		.${ClassName.TABLE_CONTAINER} {
+			.${ClassName.NUMBERED_COLUMN_BUTTON} {
+				border-left: 1px solid ${tableBorderColor};
+			}
+		}
 	}
 	:not(.${ClassName.IS_RESIZING}) .${ClassName.WITH_CONTROLS} {
 		.${ClassName.NUMBERED_COLUMN_BUTTON}:not(.${ClassName.NUMBERED_COLUMN_BUTTON_DISABLED}) {

package/dist/es2019/ui/event-handlers.js

@@ -9,8 +9,11 @@ import { addResizeHandleDecorations, clearHoverSelection, hideInsertColumnOrRowB
 import { getPluginState as getDragDropPluginState } from '../pm-plugins/drag-and-drop/plugin-factory';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { getPluginState as getResizePluginState } from '../pm-plugins/table-resizing/plugin-factory';
-import { deleteColumns, deleteRows } from '../pm-plugins/transforms';
-import { convertHTMLCellIndexToColumnIndex, getColumnIndexMappedToColumnIndexInFirstRow, getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, getSelectedCellInfo, hasResizeHandler, isCell, isColumnControlsDecorations, isCornerButton, isDragColumnFloatingInsertDot, isDragCornerButton, isDragRowFloatingInsertDot, isInsertRowButton, isResizeHandleDecoration, isRowControlsButton, isTableContainerOrWrapper, isTableControlsButton } from '../pm-plugins/utils';
+import { deleteColumns } from '../pm-plugins/transforms/delete-columns';
+import { deleteRows } from '../pm-plugins/transforms/delete-rows';
+import { getSelectedCellInfo } from '../pm-plugins/utils/analytics';
+import { convertHTMLCellIndexToColumnIndex, getColumnIndexMappedToColumnIndexInFirstRow } from '../pm-plugins/utils/column-controls';
+import { getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, hasResizeHandler, isCell, isColumnControlsDecorations, isCornerButton, isDragColumnFloatingInsertDot, isDragCornerButton, isDragRowFloatingInsertDot, isInsertRowButton, isResizeHandleDecoration, isRowControlsButton, isTableContainerOrWrapper, isTableControlsButton } from '../pm-plugins/utils/dom';
 import { getAllowAddColumnCustomStep } from '../pm-plugins/utils/get-allow-add-column-custom-step';
 import { TableCssClassName as ClassName, RESIZE_HANDLE_AREA_DECORATION_GAP } from '../types';
 const isFocusingCalendar = event => event instanceof FocusEvent && event.relatedTarget instanceof HTMLElement && event.relatedTarget.getAttribute('aria-label') === 'calendar';
@@ -45,8 +48,15 @@ export const handleClick = (view, event) => {
     return false;
   }
   const element = event.target;
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const table = findTable(view.state.selection);
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
   if (event instanceof MouseEvent && isColumnControlsDecorations(element)) {
+    // Ignored via go/ees005
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
     const [startIndex] = getColumnOrRowIndex(element);
     const {
       state,
@@ -57,14 +67,24 @@ export const handleClick = (view, event) => {
   const matchfn = element.matches ? element.matches : element.msMatchesSelector;
 
   // check if the table cell with an image is clicked and its not the image itself
-  if (!table || !isElementInTableCell(element) || !matchfn || matchfn.call(element, 'table .image, table p, table .image div')) {
+  if (!table ||
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
+  !isElementInTableCell(element) || !matchfn || matchfn.call(element, 'table .image, table p, table .image div')) {
     return false;
   }
   const map = TableMap.get(table.node);
 
   /** Getting the offset of current item clicked */
-  const colElement = closestElement(element, 'td') || closestElement(element, 'th');
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
+  const colElement = closestElement(element, 'td') ||
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
+  closestElement(element, 'th');
   const colIndex = colElement && colElement.cellIndex;
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
   const rowElement = closestElement(element, 'tr');
   const rowIndex = rowElement && rowElement.rowIndex;
   const cellIndex = map.width * rowIndex + colIndex;
@@ -353,7 +373,10 @@ export function handleTripleClick(view, pos) {
   }
   return false;
 }
-export const handleCut = (oldTr, oldState, newState, api, editorAnalyticsAPI, editorView, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false) => {
+export const handleCut = (oldTr, oldState, newState, api, editorAnalyticsAPI, editorView, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) => {
   const oldSelection = oldState.tr.selection;
   let {
     tr
@@ -434,11 +457,16 @@ export const whenTableInFocus = (eventHandler, pluginInjectionApi) => (view, mou
 const trackCellLocation = (view, mouseEvent) => {
   var _tableElement$dataset;
   const target = mouseEvent.target;
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
   const maybeTableCell = isElementInTableCell(target);
   const {
     tableNode,
     tableRef
   } = getPluginState(view.state);
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
   const tableElement = closestElement(target, 'table');
 
   // hover will only trigger if target localId is the same with selected localId
@@ -449,6 +477,8 @@ const trackCellLocation = (view, mouseEvent) => {
     return;
   }
   const htmlColIndex = maybeTableCell.cellIndex;
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
   const rowElement = closestElement(target, 'tr');
   const htmlRowIndex = rowElement && rowElement.rowIndex;
   const tableMap = tableNode && TableMap.get(tableNode);

package/dist/es2019/ui/icons/SortingIconWrapper.js

@@ -8,5 +8,7 @@ export const SortingIconWrapper = props => {
   if ((editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'edit') {
     return null;
   }
+  // Ignored via go/ees005
+  // eslint-disable-next-line react/jsx-props-no-spreading
   return /*#__PURE__*/React.createElement(SortingIcon, props);
 };

package/dist/es2019/ui/toolbar.js

@@ -31,18 +31,23 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, hoverTable, removeDescendantNodes } from '../pm-plugins/commands';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, deleteTableWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, setTableAlignmentWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics, toggleFixedColumnWidthsOptionAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics, wrapTableInExpandWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
 import { getPluginState } from '../pm-plugins/plugin-factory';
-import { pluginKey as tableResizingPluginKey } from '../pm-plugins/table-resizing';
+import { pluginKey as tableResizingPluginKey } from '../pm-plugins/table-resizing/plugin-key';
 import { getStaticTableScalingPercent } from '../pm-plugins/table-resizing/utils/misc';
 import { getNewResizeStateFromSelectedColumns } from '../pm-plugins/table-resizing/utils/resize-state';
 import { pluginKey as tableWidthPluginKey } from '../pm-plugins/table-width';
-import { canMergeCells } from '../pm-plugins/transforms';
-import { getMergedCellsPositions, getSelectedColumnIndexes, getSelectedRowIndexes, isTableNested } from '../pm-plugins/utils';
+import { canMergeCells } from '../pm-plugins/transforms/merge';
 import { normaliseAlignment } from '../pm-plugins/utils/alignment';
+import { isTableNested } from '../pm-plugins/utils/nodes';
+import { getSelectedColumnIndexes, getSelectedRowIndexes } from '../pm-plugins/utils/selection';
+import { getMergedCellsPositions } from '../pm-plugins/utils/table';
 import { TableCssClassName } from '../types';
 import { FloatingAlignmentButtons } from './FloatingAlignmentButtons/FloatingAlignmentButtons';
 export const getToolbarMenuConfig = (config, state, {
   formatMessage
-}, editorAnalyticsAPI, isTableScalingWithFixedColumnWidthsOptionShown = false, areTableColumnWidthsFixed = false) => {
+}, editorAnalyticsAPI, isTableScalingWithFixedColumnWidthsOptionShown = false, areTableColumnWidthsFixed = false
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) => {
   const optionItem = 'item-checkbox';
   const options = [{
     id: 'editor.table.lockColumnWidths',
@@ -124,7 +129,10 @@ export const getToolbarMenuConfig = (config, state, {
 // with native widgets. It's enabled via a plugin config.
 export const getToolbarCellOptionsConfig = (editorState, editorView, initialSelectionRect, {
   formatMessage
-}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false) => {
+}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) => {
   var _pluginState$pluginCo, _pluginState$pluginCo2;
   const {
     top,
@@ -323,7 +331,10 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
 };
 export const getClosestSelectionRect = state => {
   const selection = state.selection;
-  return isSelectionType(selection, 'cell') ? getSelectionRect(selection) : findCellRectClosestToPos(selection.$from);
+  return isSelectionType(selection, 'cell') ?
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  getSelectionRect(selection) : findCellRectClosestToPos(selection.$from);
 };
 const getClosestSelectionOrTableRect = state => {
   const selection = state.selection;
@@ -333,9 +344,15 @@ const getClosestSelectionOrTableRect = state => {
   }
   const map = TableMap.get(tableObject.node);
   const tableRect = new Rect(0, 0, map.width, map.height);
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   return isSelectionType(selection, 'cell') ? getSelectionRect(selection) : tableRect;
 };
-export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAPI, getEditorFeatureFlags, getEditorView, options, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false) => config => (state, intl) => {
+export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAPI, getEditorFeatureFlags, getEditorView, options, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) => config => (state, intl) => {
   const tableObject = findTable(state.selection);
   const pluginState = getPluginState(state);
   const resizeState = tableResizingPluginKey.getState(state);
@@ -358,7 +375,10 @@ export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAP
       const domAtPos = editorView.domAtPos.bind(editorView);
       const parent = findParentDomRefOfType(nodeType, domAtPos)(state.selection);
       if (parent) {
-        const tableRef = parent.querySelector('table') || undefined;
+        const tableRef =
+        // Ignored via go/ees005
+        // eslint-disable-next-line @atlaskit/editor/no-as-casting
+        parent.querySelector('table') || undefined;
         if (tableRef) {
           element = closestElement(tableRef, `.${TableCssClassName.TABLE_NODE_WRAPPER}`) || undefined;
         }
@@ -444,17 +464,25 @@ const separator = hidden => {
 };
 const getCellItems = (state, view, {
   formatMessage
-}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false) => {
+}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) => {
   const initialSelectionRect = getClosestSelectionRect(state);
   if (initialSelectionRect) {
     const cellOptions = getToolbarCellOptionsConfig(state, view, initialSelectionRect, {
       formatMessage
     }, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor);
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     return [cellOptions, separator(cellOptions.hidden)];
   }
   return [];
 };
-const getDistributeConfig = (getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, isCommentEditor = false) => (state, dispatch, editorView) => {
+const getDistributeConfig = (getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, isCommentEditor = false
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) => (state, dispatch, editorView) => {
   const selectionOrTableRect = getClosestSelectionOrTableRect(state);
   if (!editorView || !selectionOrTableRect) {
     return false;
@@ -471,7 +499,10 @@ const getDistributeConfig = (getEditorContainerWidth, api, editorAnalyticsAPI, i
 // fixed column button should be in this function call in the future
 const getColumnSettingItems = (editorState, editorView, {
   formatMessage
-}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, isCommentEditor = false) => {
+}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, isCommentEditor = false
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) => {
   var _newResizeStateWithAn2, _pluginState$pluginCo3;
   const pluginState = getPluginState(editorState);
   const selectionOrTableRect = getClosestSelectionOrTableRect(editorState);
@@ -501,7 +532,10 @@ const getColumnSettingItems = (editorState, editorView, {
 };
 const getColorPicker = (state, menu, {
   formatMessage
-}, editorAnalyticsAPI, getEditorView) => {
+}, editorAnalyticsAPI, getEditorView
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) => {
   var _node$attrs;
   const {
     targetCellPosition,
@@ -526,6 +560,8 @@ const getColorPicker = (state, menu, {
     defaultValue: defaultPalette,
     options: cellBackgroundColorPalette,
     returnEscToButton: true,
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     onChange: option => setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.FLOATING_TB, option.value, getEditorView())
   }, separator(menu.hidden)];
 };
@@ -558,7 +594,10 @@ const highlightColumnsHandler = (state, dispatch) => {
 };
 const getAlignmentOptionsConfig = (editorState, {
   formatMessage
-}, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor, isCommentEditor) => {
+}, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor, isCommentEditor
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) => {
   const tableObject = findTable(editorState.selection);
   if (!tableObject) {
     return [];
@@ -611,6 +650,8 @@ const getAlignmentOptionsConfig = (editorState, {
     render: props => {
       return jsx(FloatingAlignmentButtons, _extends({
         alignmentButtons: alignmentButtons
+        // Ignored via go/ees005
+        // eslint-disable-next-line react/jsx-props-no-spreading
       }, props));
     },
     width: 60,
@@ -631,7 +672,10 @@ const getSelectedAlignmentIcon = (alignmentIcons, selectedNode) => {
   const selectedAlignment = selectedNode.attrs.layout;
   return alignmentIcons.find(icon => icon.value === normaliseAlignment(selectedAlignment));
 };
-const isLayoutOptionDisabled = (selectedNode, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) => {
+const isLayoutOptionDisabled = (selectedNode, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) => {
   const {
     lineLength
   } = getEditorContainerWidth();