@atlaskit/editor-core 161.0.0 → 163.0.0

package/dist/es2019/plugins/placeholder-text/selection-utils.js

@@ -0,0 +1,9 @@
+import { TextSelection } from 'prosemirror-state';
+export const isSelectionAtPlaceholder = selection => {
+  if (!(selection instanceof TextSelection) || !selection.$cursor) {
+    return false;
+  }
+
+  const node = selection.$cursor.doc.nodeAt(selection.$cursor.pos);
+  return (node === null || node === void 0 ? void 0 : node.type.name) === 'placeholder';
+};

package/dist/es2019/plugins/placeholder-text/styles.js

@@ -1,7 +1,29 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { N300 } from '@atlaskit/theme/colors';
+import { SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 export const placeholderTextStyles = css`
   .ProseMirror span[data-placeholder] {
     color: ${N300};
+    display: inline;
+  }
+
+  .ProseMirror span.pm-placeholder {
+    display: inline;
+    color: ${N300};
+  }
+  .ProseMirror span.pm-placeholder__text {
+    display: inline;
+    color: ${N300};
+  }
+
+  .ProseMirror span.pm-placeholder.${akEditorSelectedNodeClassName} {
+    ${getSelectionStyles([SelectionStyle.Background])}
+  }
+
+  .ProseMirror span.pm-placeholder__text[data-placeholder]::after {
+    color: ${N300};
+    cursor: text;
+    content: attr(data-placeholder);
+    display: inline;
   }
 `;

package/dist/es2019/plugins/rule/pm-plugins/input-rule.js

@@ -10,6 +10,9 @@ export const createHorizontalRule = (state, start, end, inputMethod) => {
   }
 
   let tr = null;
+  const {
+    rule
+  } = state.schema.nodes;
   const {
     newInsertionBehaviour
   } = getFeatureFlags(state);
@@ -21,7 +24,7 @@ export const createHorizontalRule = (state, start, end, inputMethod) => {
      * without considering the extra text after the `/` command.
      **/
     tr = state.tr.replaceWith(start, end, Fragment.empty);
-    tr = safeInsert(state.schema.nodes.rule.createChecked(), tr.selection.from)(tr);
+    tr = safeInsert(rule.createChecked(), tr.selection.from)(tr);
   }
 
   if (!tr) {

package/dist/es2019/plugins/rule/styles.js

@@ -1,9 +1,9 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { ruleSharedStyles } from '@atlaskit/editor-common/styles';
 import { akEditorLineHeight, akEditorSelectedBorderColor, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-export const ruleStyles = css`
+export const ruleStyles = props => css`
   .ProseMirror {
-    ${ruleSharedStyles};
+    ${ruleSharedStyles(props)};
 
     hr {
       cursor: pointer;

package/dist/es2019/plugins/selection/gap-cursor/styles.js

@@ -1,4 +1,4 @@
-import { keyframes } from 'styled-components';
+import { css, keyframes } from '@emotion/react';
 const gapCursorBlink = keyframes`
   from, to {
     opacity: 0;
@@ -12,7 +12,7 @@ const gapCursor = '.ProseMirror-gapcursor';
 const prosemirrorwidget = '.ProseMirror-widget';
 const wrapLeft = '[layout="wrap-left"]';
 const wrapRight = '[layout="wrap-right"]';
-export const gapCursorStyles = `
+export const gapCursorStyles = css`
   /* =============== GAP CURSOR ================== */
   .ProseMirror {
     &.${hideCaretModifier} {

package/dist/es2019/plugins/selection/pm-plugins/selection-main.js

@@ -1,6 +1,5 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { NodeSelection, TextSelection } from 'prosemirror-state';
-import { browser } from '@atlaskit/editor-common/utils';
 import { createPluginState, getPluginState } from '../plugin-factory';
 import { selectionPluginKey } from '../types';
 import { getDecorations, shouldRecalcDecorations, getNodeSelectionAnalyticsPayload, getRangeSelectionAnalyticsPayload, getAllSelectionAnalyticsPayload, getCellSelectionAnalyticsPayload } from '../utils';
@@ -117,29 +116,14 @@ export const createPlugin = (dispatch, dispatchAnalyticsEvent, options = {}) =>
           return false;
         },
         keydown: (editorView, event) => {
-          const {
-            state
-          } = editorView; // Firefox bugfix to bypass issue with editing text adjacent to a DOM node with
-          // contenteditable="false". (See https://product-fabric.atlassian.net/browse/ED-9452)
-          // On keypress, if the head of cursor selection touches a node with contenteditable="false",
-          // we temporarily remove the attribute, wait one tick, then restore it with its original value.
-
-          if (browser.gecko) {
-            const node = editorView.nodeDOM(editorView.state.selection.head);
-
-            if (node instanceof HTMLElement && node.getAttribute('contenteditable') === 'false') {
-              node.removeAttribute('contenteditable');
-              requestAnimationFrame(() => {
-                node.setAttribute('contenteditable', 'false');
-              });
-            }
-          } // Bugfix for block ReactNodeViews like table and extension
+          // Bugfix for block ReactNodeViews like table and extension
           // They could not be selected with Shift + ArrowDown/ArrowUp
           // Fixed when contenteditable = false, but then you couldn't edit their contents
           // Therefore, briefly set contenteditable=false to allow the selection through, then set it back to true
-
-
           if (event instanceof KeyboardEvent && event.shiftKey && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+            const {
+              state
+            } = editorView;
             let pos;
 
             if (event.key === 'ArrowDown') {

package/dist/es2019/plugins/status/index.js

@@ -24,11 +24,7 @@ const baseStatusPlugin = options => ({
   pmPlugins() {
     return [{
       name: 'status',
-      plugin: ({
-        dispatch,
-        portalProviderAPI,
-        eventDispatcher
-      }) => createStatusPlugin(dispatch, portalProviderAPI, eventDispatcher, options)
+      plugin: pmPluginFactoryParams => createStatusPlugin(pmPluginFactoryParams, options)
     }, {
       name: 'statusKeymap',
       plugin: keymapPlugin

package/dist/es2019/plugins/status/nodeviews/status.js

@@ -1,95 +1,58 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 import { Status } from '@atlaskit/status/element';
-import { ReactNodeView } from '../../../nodeviews';
 import { messages } from './messages';
 export const StyledStatus = styled.span`
   opacity: ${props => props.placeholderStyle ? 0.5 : 1};
 `;
 
-class StatusContainerView extends React.Component {
-  constructor(props) {
-    super(props);
+const StatusContainerView = props => {
+  const {
+    text,
+    color,
+    localId,
+    style,
+    intl: {
+      formatMessage
+    }
+  } = props;
+  const statusText = text ? text : formatMessage(messages.placeholder);
+
+  const handleClick = event => {
+    if (event.nativeEvent.stopImmediatePropagation) {
+      event.nativeEvent.stopImmediatePropagation();
+    } // handling of popup is done in plugin.apply on selection change.
 
-    _defineProperty(this, "handleClick", event => {
-      if (event.nativeEvent.stopImmediatePropagation) {
-        event.nativeEvent.stopImmediatePropagation();
-      } // handling of popup is done in plugin.apply on selection change.
-
-    });
-  }
-
-  render() {
-    const {
-      text,
-      color,
-      localId,
-      style,
-      intl: {
-        formatMessage
-      }
-    } = this.props;
-    const statusText = text ? text : formatMessage(messages.placeholder);
-    return /*#__PURE__*/React.createElement(StyledStatus, {
-      placeholderStyle: !text
-    }, /*#__PURE__*/React.createElement(Status, {
-      text: statusText,
-      color: color,
-      localId: localId,
-      style: style,
-      onClick: this.handleClick
-    }));
-  }
-
-}
+  };
 
-_defineProperty(StatusContainerView, "displayName", 'StatusContainerView');
+  return /*#__PURE__*/React.createElement(StyledStatus, {
+    placeholderStyle: !text
+  }, /*#__PURE__*/React.createElement(Status, {
+    text: statusText,
+    color: color,
+    localId: localId,
+    style: style,
+    onClick: handleClick
+  }));
+};
 
 export const IntlStatusContainerView = injectIntl(StatusContainerView);
-export class StatusNodeView extends ReactNodeView {
-  createDomRef() {
-    return super.createDomRef();
-  }
-
-  setDomAttrs(node, element) {
-    const {
-      color,
-      localId,
-      style
-    } = node.attrs;
-    element.dataset.color = color;
-    element.dataset.localId = localId;
-    element.dataset.style = style;
-  }
-
-  render(props) {
-    const {
-      options
-    } = props;
-    const {
-      text,
-      color,
-      localId,
-      style
-    } = this.node.attrs;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, options && options.allowZeroWidthSpaceAfter && ZERO_WIDTH_SPACE, /*#__PURE__*/React.createElement(IntlStatusContainerView, {
-      view: this.view,
-      text: text,
-      color: color,
-      style: style,
-      localId: localId
-    }), options && options.allowZeroWidthSpaceAfter && ZERO_WIDTH_SPACE);
-  }
-
-}
-export default function statusNodeView(portalProviderAPI, eventDispatcher, options) {
-  return (node, view, getPos) => {
-    const hasIntlContext = true;
-    return new StatusNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
-      options
-    }, undefined, undefined, undefined, hasIntlContext).init();
-  };
-}
+export const StatusNodeView = props => {
+  const {
+    view
+  } = props;
+  const {
+    text,
+    color,
+    localId,
+    style
+  } = props.node.attrs;
+  return /*#__PURE__*/React.createElement(IntlStatusContainerView, {
+    view: view,
+    text: text,
+    color: color,
+    style: style,
+    localId: localId
+  });
+};

package/dist/es2019/plugins/status/plugin.js

@@ -1,11 +1,12 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { NodeSelection, TextSelection } from 'prosemirror-state';
-import statusNodeView from './nodeviews/status';
+import { getInlineNodeViewProducer } from '../../nodeviews/getInlineNodeViewProducer';
+import { StatusNodeView } from './nodeviews/status';
 import { pluginKey } from './plugin-key';
 import { isEmptyStatus, mayGetStatusAtSelection } from './utils';
 export { pluginKey, pluginKeyName } from './plugin-key';
 
-const createPlugin = (dispatch, portalProviderAPI, eventDispatcher, options) => new SafePlugin({
+const createPlugin = (pmPluginFactoryParams, options) => new SafePlugin({
   state: {
     init: () => ({
       isNew: false,
@@ -19,7 +20,7 @@ const createPlugin = (dispatch, portalProviderAPI, eventDispatcher, options) =>
         const newState = { ...state,
           ...meta
         };
-        dispatch(pluginKey, newState);
+        pmPluginFactoryParams.dispatch(pluginKey, newState);
         return newState;
       }
 
@@ -34,7 +35,7 @@ const createPlugin = (dispatch, portalProviderAPI, eventDispatcher, options) =>
         };
 
         if (newState.showStatusPickerAt !== state.showStatusPickerAt) {
-          dispatch(pluginKey, newState);
+          pmPluginFactoryParams.dispatch(pluginKey, newState);
           return newState;
         }
       }
@@ -54,7 +55,7 @@ const createPlugin = (dispatch, portalProviderAPI, eventDispatcher, options) =>
             isNew: false,
             showStatusPickerAt
           };
-          dispatch(pluginKey, newState);
+          pmPluginFactoryParams.dispatch(pluginKey, newState);
           return newState;
         }
       }
@@ -102,7 +103,13 @@ const createPlugin = (dispatch, portalProviderAPI, eventDispatcher, options) =>
   key: pluginKey,
   props: {
     nodeViews: {
-      status: statusNodeView(portalProviderAPI, eventDispatcher, options)
+      status: getInlineNodeViewProducer({
+        pmPluginFactoryParams,
+        Component: StatusNodeView,
+        extraComponentProps: {
+          options
+        }
+      })
     }
   }
 });

package/dist/es2019/plugins/status/styles.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { StatusSharedCssClassName, TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { SelectionStyle, getSelectionStyles, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 export const statusStyles = css`
@@ -15,13 +15,7 @@ export const statusStyles = css`
     }
   }
   .${StatusSharedCssClassName.STATUS_CONTAINER} {
-    // these two styles can be removed when displayInlineBlockForInlineNodes is enabled by default
-    // as it will make all inline nodes inline-block by default
-    display: inline-block;
-    user-select: all;
-
     > span {
-      display: inline-block;
       cursor: pointer;
       line-height: 0; /* Prevent responsive layouts increasing height of container. */
     }

package/dist/es2019/plugins/table/commands/index.js

@@ -2,6 +2,6 @@ export { hoverColumns, hoverRows, hoverTable, hoverMergedCells, clearHoverSelect
 export { insertColumn, insertRow, createTable } from './insert';
 export { getNextLayout, toggleContextualMenu, toggleHeaderColumn, toggleHeaderRow, toggleNumberColumn, toggleTableLayout } from './toggle';
 export { clearMultipleCells } from './clear';
-export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectRow, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations, setTableSize } from './misc';
+export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectRow, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations } from './misc';
 export { sortByColumn } from './sort';
 export { goToNextCell } from './go-to-next-cell';

package/dist/es2019/plugins/table/commands/insert.js

@@ -94,7 +94,7 @@ export const insertColumn = column => (state, dispatch, view) => {
 };
 export const insertRow = (row, moveCursorToTheNewRow) => (state, dispatch) => {
   // Don't clone the header row
-  const headerRowEnabled = checkIfHeaderRowEnabled(state);
+  const headerRowEnabled = checkIfHeaderRowEnabled(state.selection);
   const clonePreviousRow = headerRowEnabled && row > 1 || !headerRowEnabled && row > 0; // When the table have header row
   // we should not add row on the position zero
 

package/dist/es2019/plugins/table/commands/misc.js

@@ -13,7 +13,7 @@ import { createCommand, getPluginState } from '../pm-plugins/plugin-factory';
 import { fixAutoSizedTable } from '../transforms';
 import { TableCssClassName as ClassName, TableDecorations } from '../types';
 import { createColumnControlsDecoration, createColumnSelectedDecoration } from '../utils/decoration';
-import { checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, isIsolating } from '../utils/nodes';
+import { checkIfNumberColumnEnabled, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, isIsolating } from '../utils/nodes';
 import { updatePluginStateDecorations } from '../utils/update-plugin-state-decorations'; // #endregion
 // #endregion
 // #region Commands
@@ -40,8 +40,9 @@ export const setTableRef = ref => createCommand(state => {
       tablePos,
       tableWrapperTarget,
       layout: layout || 'default',
-      isHeaderRowEnabled: checkIfHeaderRowEnabled(state),
-      isHeaderColumnEnabled: checkIfHeaderColumnEnabled(state),
+      isNumberColumnEnabled: checkIfNumberColumnEnabled(state.selection),
+      isHeaderRowEnabled: checkIfHeaderRowEnabled(state.selection),
+      isHeaderColumnEnabled: checkIfHeaderColumnEnabled(state.selection),
       decorationSet,
       resizeHandleColumnIndex: undefined
     }
@@ -110,7 +111,7 @@ export const triggerUnlessTableHeader = command => (state, dispatch, view) => {
   if (selection instanceof CellSelection) {
     const rect = getSelectionRect(selection);
 
-    if (!checkIfHeaderRowEnabled(state) || rect && rect.top > 0) {
+    if (!checkIfHeaderRowEnabled(selection) || rect && rect.top > 0) {
       return command(state, dispatch, view);
     }
   }
@@ -382,13 +383,6 @@ export const addResizeHandleDecorations = columnIndex => createCommand(state =>
     }
   };
 }, tr => tr.setMeta('addToHistory', false));
-export const setTableSize = (tableHeight, tableWidth) => createCommand({
-  type: 'SET_TABLE_SIZE',
-  data: {
-    tableHeight,
-    tableWidth
-  }
-}, tr => tr.setMeta('addToHistory', false));
 export const autoSizeTable = (view, node, table, basePos, opts) => {
   view.dispatch(fixAutoSizedTable(view, node, table, basePos, opts));
   return true;

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

@@ -313,7 +313,7 @@ export const toggleNumberColumnWithAnalytics = () => withAnalytics(state => {
     actionSubject: ACTION_SUBJECT.TABLE,
     actionSubjectId: null,
     attributes: {
-      newState: !checkIfNumberColumnEnabled(state),
+      newState: !checkIfNumberColumnEnabled(state.selection),
       totalRowCount,
       totalColumnCount
     },

package/dist/es2019/plugins/table/handlers.js

@@ -6,8 +6,9 @@ import { isTableCollapsible } from './utils/collapse';
 import { defaultTableSelection } from './pm-plugins/default-table-selection';
 import { pluginKey as tableResizingPluginKey } from './pm-plugins/table-resizing';
 import { TableSortStep } from '@atlaskit/adf-schema/steps';
-
 // #endregion
+import { checkIfNumberColumnEnabled, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled } from './utils/nodes';
+
 const nextTableSorting = (tr, table) => {
   const tableSortStep = tr.steps.find(step => step instanceof TableSortStep);
   return tableSortStep && table && table.pos === tableSortStep.pos ? tableSortStep.next : undefined;
@@ -63,7 +64,10 @@ const updateTableNodePluginState = ({
     ...defaultTableSelection,
     tableNode,
     ordering: nextTableSorting(tr, table),
-    resizeHandleColumnIndex: nextResizeHandleColumnIndex(tr, pluginState.resizeHandleColumnIndex)
+    resizeHandleColumnIndex: nextResizeHandleColumnIndex(tr, pluginState.resizeHandleColumnIndex),
+    isNumberColumnEnabled: checkIfNumberColumnEnabled(tr.selection),
+    isHeaderColumnEnabled: checkIfHeaderColumnEnabled(tr.selection),
+    isHeaderRowEnabled: checkIfHeaderRowEnabled(tr.selection)
   };
 };
 

package/dist/es2019/plugins/table/index.js

@@ -15,7 +15,7 @@ import { createPlugin as createDecorationsPlugin } from './pm-plugins/decoration
 import { keymapPlugin } from './pm-plugins/keymap';
 import { tableSelectionKeymapPlugin } from './pm-plugins/table-selection-keymap';
 import { createPlugin } from './pm-plugins/main';
-import { pluginKey } from './pm-plugins/plugin-factory';
+import { pluginKey } from './pm-plugins/plugin-key';
 import { createPlugin as createStickyHeadersPlugin, findStickyHeaderForTable, pluginKey as stickyHeadersPluginKey } from './pm-plugins/sticky-headers';
 import { createPlugin as createFlexiResizingPlugin, pluginKey as tableResizingPluginKey } from './pm-plugins/table-resizing';
 import { getToolbarConfig } from './toolbar';
@@ -25,7 +25,6 @@ import FloatingDeleteButton from './ui/FloatingDeleteButton';
 import FloatingInsertButton from './ui/FloatingInsertButton';
 import LayoutButton from './ui/LayoutButton';
 import { isLayoutSupported } from './utils';
-import { getFeatureFlags } from '../feature-flags-context';
 import { ErrorBoundary } from '../../ui/ErrorBoundary';
 
 const tablesPlugin = options => ({
@@ -111,6 +110,8 @@ const tablesPlugin = options => ({
     }]; // workaround for prosemirrors delayed dom selection syncing during pointer drag
     // causing issues with table selections in Safari
     // https://github.com/ProseMirror/prosemirror-view/commit/885258b80551ac87b81601d3ed25f552aeb22293
+    // NOTE: this workaround can be removed when next upgrading prosemirror as the issue will be fixed
+    // https://github.com/ProseMirror/prosemirror-view/pull/116
 
     if (browser.safari) {
       plugins.push({
@@ -162,15 +163,11 @@ const tablesPlugin = options => ({
           insertRowButtonIndex,
           isHeaderColumnEnabled,
           isHeaderRowEnabled,
-          tableWrapperTarget,
-          tableWidth
+          tableWrapperTarget
         } = tablePluginState;
         const {
           allowControls
         } = pluginConfig;
-        const {
-          tableRenderOptimization
-        } = getFeatureFlags(state) || {};
         const stickyHeader = stickyHeadersState ? findStickyHeaderForTable(stickyHeadersState, tablePos) : undefined;
         return /*#__PURE__*/React.createElement(React.Fragment, null, targetCellPosition && tableRef && !isDragging && options && options.allowContextualMenu && /*#__PURE__*/React.createElement(FloatingContextualButton, {
           isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
@@ -220,7 +217,6 @@ const tablesPlugin = options => ({
           targetRef: tableWrapperTarget,
           layout: layout,
           isResizing: !!resizingPluginState && !!resizingPluginState.dragging,
-          tableWidth: tableRenderOptimization ? tableWidth : undefined,
           stickyHeader: stickyHeader
         }));
       }
@@ -234,7 +230,7 @@ const tablesPlugin = options => ({
       id: 'table',
       title: formatMessage(messages.table),
       description: formatMessage(messages.tableDescription),
-      keywords: ['cell'],
+      keywords: ['cell', 'table'],
       priority: 600,
       keyshortcut: tooltip(toggleTable),
       icon: () => /*#__PURE__*/React.createElement(IconTable, null),

package/dist/es2019/plugins/table/nodeviews/TableComponent.js

@@ -417,7 +417,7 @@ class TableComponent extends React.Component {
       if (this.overflowShadowsObserver) {
         var _this$state$stickyHea;
 
-        this.overflowShadowsObserver.observeCells((_this$state$stickyHea = this.state.stickyHeader) === null || _this$state$stickyHea === void 0 ? void 0 : _this$state$stickyHea.sticky, containsHeaderRow(view.state, getNode()));
+        this.overflowShadowsObserver.observeCells((_this$state$stickyHea = this.state.stickyHeader) === null || _this$state$stickyHea === void 0 ? void 0 : _this$state$stickyHea.sticky, containsHeaderRow(getNode()));
       }
     }
 
@@ -490,7 +490,7 @@ class TableComponent extends React.Component {
     const headerRow = tableRef ? tableRef.querySelector('tr[data-header-row]') : undefined; //dont need to change tableHeight with tableRenderOptimization because it will be observed inside floating components
 
     const tableHeight = tableRef && !tableRenderOptimization ? tableRef.offsetHeight : undefined;
-    const hasHeaderRow = containsHeaderRow(view.state, node);
+    const hasHeaderRow = containsHeaderRow(node);
     const rowControls = /*#__PURE__*/React.createElement("div", {
       className: ClassName.ROW_CONTROLS_WRAPPER
     }, /*#__PURE__*/React.createElement(TableFloatingControls, {

package/dist/es2019/plugins/table/nodeviews/table.js

@@ -5,12 +5,12 @@ import ReactNodeView from '../../../nodeviews/ReactNodeView';
 import WithPluginState from '../../../ui/WithPluginState';
 import { pluginKey as widthPluginKey } from '../../width';
 import { pluginConfig as getPluginConfig } from '../create-plugin-config';
-import { getPluginState, pluginKey } from '../pm-plugins/plugin-factory';
+import { getPluginState } from '../pm-plugins/plugin-factory';
+import { pluginKey } from '../pm-plugins/plugin-key';
 import { pluginKey as tableResizingPluginKey } from '../pm-plugins/table-resizing';
 import { generateColgroup } from '../pm-plugins/table-resizing/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import TableComponent from './TableComponent';
-import { setTableSize } from '../commands';
 import { getFeatureFlags } from '../../feature-flags-context';
 import { EmitterEvents } from '../../../extensibility';
 
@@ -44,31 +44,17 @@ export default class TableView extends ReactNodeView {
     _defineProperty(this, "hasHoveredRows", false);
 
     this.getPos = props.getPos;
-    this.editorView = props.view;
     this.tableRenderOptimization = props.tableRenderOptimization;
     this.eventDispatcher = props.eventDispatcher;
   }
 
   getContentDOM() {
-    var _window;
-
     const rendered = DOMSerializer.renderSpec(document, toDOM(this.node, this.reactComponentProps));
 
     if (rendered.dom) {
       this.table = rendered.dom;
     }
 
-    if (this.tableRenderOptimization && this.table && !this.resizeObserver && (_window = window) !== null && _window !== void 0 && _window.ResizeObserver) {
-      this.resizeObserver = new ResizeObserver(entries => {
-        for (let entry of entries) {
-          const height = entry.contentRect ? entry.contentRect.height : entry.target.offsetHeight;
-          const width = entry.contentRect ? entry.contentRect.width : entry.target.offsetWidth;
-          setTableSize(height, width)(this.editorView.state, this.editorView.dispatch);
-        }
-      });
-      this.resizeObserver.observe(this.table);
-    }
-
     return rendered;
   }
 

package/dist/es2019/plugins/table/pm-plugins/decorations/plugin.js

@@ -2,7 +2,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { DecorationSet } from 'prosemirror-view';
-import { pluginKey as tablePluginKey } from '../plugin-factory';
+import { pluginKey as tablePluginKey } from '../plugin-key';
 import { buildColumnControlsDecorations, maybeUpdateColumnControlsSelectedDecoration } from './utils';
 export const pluginKey = new PluginKey('tableDecorationsPlugin');
 export const getDecorations = state => pluginKey.getState(state);

package/dist/es2019/plugins/table/pm-plugins/main.js

@@ -12,7 +12,8 @@ import { TableCssClassName as ClassName } from '../types';
 import { findControlsHoverDecoration, updateResizeHandles } from '../utils';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '../../analytics';
 import { defaultTableSelection } from './default-table-selection';
-import { createPluginState, getPluginState, pluginKey } from './plugin-factory';
+import { createPluginState, getPluginState } from './plugin-factory';
+import { pluginKey } from './plugin-key';
 import TableCellNodeView from '../nodeviews/tableCell';
 let isBreakoutEnabled;
 let isDynamicTextSizingEnabled;

package/dist/es2019/plugins/table/pm-plugins/plugin-factory.js

@@ -1,8 +1,7 @@
-import { PluginKey } from 'prosemirror-state';
 import { pluginFactory } from '../../../utils/plugin-state-factory';
 import { handleDocOrSelectionChanged } from '../handlers';
 import reducer from '../reducer';
-export const pluginKey = new PluginKey('tablePlugin');
+import { pluginKey } from './plugin-key';
 export const {
   createPluginState,
   createCommand,

package/dist/es2019/plugins/table/pm-plugins/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from 'prosemirror-state';
+export const pluginKey = new PluginKey('tablePlugin');

package/dist/es2019/plugins/table/pm-plugins/safari-delayed-dom-selection-syncing-workaround.js

@@ -22,6 +22,8 @@ export const createPlugin = () => {
           // DOM selection syncing during pointer drag.
           //
           // https://github.com/ProseMirror/prosemirror-view/commit/885258b80551ac87b81601d3ed25f552aeb22293
+          // NOTE: this workaround can be removed when next upgrading prosemirror as the issue will be fixed
+          // https://github.com/ProseMirror/prosemirror-view/pull/116
           // This fix removes the selectionToDOM from the view
           // prior to selectionToDOM being called.
           // selectionToDOM checks if there is an "active"

package/dist/es2019/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js

@@ -4,7 +4,7 @@ import { pluginKey as widthPluginKey } from '../../../../../plugins/width';
 import { mapChildren } from '../../../../../utils/slice';
 import { TableCssClassName as ClassName, TableCssClassName } from '../../../types';
 import { stickyHeaderBorderBottomWidth, stickyRowOffsetTop, tableControlsSpacing, tableScrollbarOffset } from '../../../ui/consts';
-import { pluginKey as tablePluginKey } from '../../plugin-factory';
+import { pluginKey as tablePluginKey } from '../../plugin-key';
 import { syncStickyRowToTable, updateStickyMargins as updateTableMargin } from '../../table-resizing/utils/dom';
 import { updateStickyState } from '../commands';
 import { getTop, getTree } from './dom';