@atlaskit/editor-plugin-table 0.0.0 → 0.0.2

package/dist/cjs/plugins/table/pm-plugins/decorations/utils/compose-decorations.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.composeDecorations = void 0;
+
+var composeDecorations = function composeDecorations(transformers) {
+  return function (_ref) {
+    var decorationSet = _ref.decorationSet,
+        tr = _ref.tr;
+    return transformers.reduce(function (decorationSet, transform) {
+      return transform({
+        decorationSet: decorationSet,
+        tr: tr
+      });
+    }, decorationSet);
+  };
+};
+
+exports.composeDecorations = composeDecorations;

package/dist/cjs/plugins/table/pm-plugins/decorations/utils/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "buildColumnControlsDecorations", {
+  enumerable: true,
+  get: function get() {
+    return _columnControls.buildColumnControlsDecorations;
+  }
+});
+Object.defineProperty(exports, "buildColumnResizingDecorations", {
+  enumerable: true,
+  get: function get() {
+    return _columnResizing.buildColumnResizingDecorations;
+  }
+});
+Object.defineProperty(exports, "composeDecorations", {
+  enumerable: true,
+  get: function get() {
+    return _composeDecorations.composeDecorations;
+  }
+});
+Object.defineProperty(exports, "maybeUpdateColumnControlsSelectedDecoration", {
+  enumerable: true,
+  get: function get() {
+    return _columnControls.maybeUpdateColumnControlsSelectedDecoration;
+  }
+});
+
+var _columnControls = require("./column-controls");
+
+var _columnResizing = require("./column-resizing");
+
+var _composeDecorations = require("./compose-decorations");

package/dist/cjs/plugins/table/pm-plugins/decorations/utils/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/plugins/table/pm-plugins/default-table-selection.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultTableSelection = void 0;
+var defaultTableSelection = {
+  hoveredColumns: [],
+  hoveredRows: [],
+  isInDanger: false
+};
+exports.defaultTableSelection = defaultTableSelection;

package/dist/cjs/plugins/table/pm-plugins/keymap.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.keymapPlugin = keymapPlugin;
+
+var _prosemirrorKeymap = require("prosemirror-keymap");
+
+var _prosemirrorCommands = require("prosemirror-commands");
+
+var keymaps = _interopRequireWildcard(require("@atlaskit/editor-common/keymaps"));
+
+var _analytics = require("@atlaskit/editor-common/analytics");
+
+var _commands = require("../commands");
+
+var _commandsWithAnalytics = require("../commands-with-analytics");
+
+var _insert = require("../commands/insert");
+
+var _analytics2 = require("../utils/analytics");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var createTableWithAnalytics = function createTableWithAnalytics(editorAnalyticsAPI) {
+  return (0, _analytics2.withEditorAnalyticsAPI)({
+    action: _analytics.ACTION.INSERTED,
+    actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE,
+    attributes: {
+      inputMethod: _analytics.INPUT_METHOD.SHORTCUT
+    },
+    eventType: _analytics.EVENT_TYPE.TRACK
+  })(editorAnalyticsAPI)((0, _commands.createTable)());
+};
+
+function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI) {
+  var list = {};
+  keymaps.bindKeymapWithCommand(keymaps.nextCell.common, (0, _commands.goToNextCell)(editorAnalyticsAPI)(1), list);
+  keymaps.bindKeymapWithCommand(keymaps.previousCell.common, (0, _commands.goToNextCell)(editorAnalyticsAPI)(-1), list);
+  keymaps.bindKeymapWithCommand(keymaps.toggleTable.common, createTableWithAnalytics(editorAnalyticsAPI), list);
+  keymaps.bindKeymapWithCommand(keymaps.backspace.common, (0, _prosemirrorCommands.chainCommands)((0, _commandsWithAnalytics.deleteTableIfSelectedWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.KEYBOARD), (0, _commandsWithAnalytics.emptyMultipleCellsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.KEYBOARD)), list);
+  keymaps.bindKeymapWithCommand(keymaps.backspace.common, _commands.moveCursorBackward, list); // Add row/column shortcuts
+
+  keymaps.bindKeymapWithCommand(keymaps.addRowBefore.common, (0, _commandsWithAnalytics.addRowAroundSelection)(editorAnalyticsAPI)('TOP'), list);
+  keymaps.bindKeymapWithCommand(keymaps.addRowAfter.common, (0, _commandsWithAnalytics.addRowAroundSelection)(editorAnalyticsAPI)('BOTTOM'), list);
+  keymaps.bindKeymapWithCommand(keymaps.addColumnBefore.common, (0, _commands.triggerUnlessTableHeader)((0, _insert.addColumnBefore)(getEditorContainerWidth)), list);
+  keymaps.bindKeymapWithCommand(keymaps.addColumnAfter.common, (0, _insert.addColumnAfter)(getEditorContainerWidth), list);
+  return (0, _prosemirrorKeymap.keymap)(list);
+}
+
+var _default = keymapPlugin;
+exports.default = _default;

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

@@ -0,0 +1,308 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPlugin = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
+var _prosemirrorUtils = require("prosemirror-utils");
+
+var _utils = require("@atlaskit/editor-tables/utils");
+
+var _utils2 = require("@atlaskit/editor-common/utils");
+
+var _commands = require("../commands");
+
+var _eventHandlers = require("../event-handlers");
+
+var _table = require("../nodeviews/table");
+
+var _plugin = require("../pm-plugins/decorations/plugin");
+
+var _transforms = require("../transforms");
+
+var _types = require("../types");
+
+var _utils3 = require("../utils");
+
+var _analytics = require("@atlaskit/editor-common/analytics");
+
+var _defaultTableSelection = require("./default-table-selection");
+
+var _pluginFactory = require("./plugin-factory");
+
+var _pluginKey = require("./plugin-key");
+
+var _tableCell = _interopRequireDefault(require("../nodeviews/tableCell"));
+
+var _misc = require("../commands/misc");
+
+var _transforms2 = require("@atlaskit/editor-common/transforms");
+
+var _coreUtils = require("@atlaskit/editor-common/core-utils");
+
+var _paste = require("../utils/paste");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var isBreakoutEnabled;
+var isFullWidthModeEnabled;
+var wasFullWidthModeEnabled;
+
+var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI) {
+  var _window;
+
+  isBreakoutEnabled = breakoutEnabled;
+  isFullWidthModeEnabled = fullWidthModeEnabled;
+  wasFullWidthModeEnabled = previousFullWidthModeEnabled;
+  var state = (0, _pluginFactory.createPluginState)(dispatch, _objectSpread({
+    pluginConfig: pluginConfig,
+    insertColumnButtonIndex: undefined,
+    insertRowButtonIndex: undefined,
+    isFullWidthModeEnabled: isFullWidthModeEnabled,
+    isHeaderRowEnabled: !!pluginConfig.allowHeaderRow,
+    isHeaderColumnEnabled: false
+  }, _defaultTableSelection.defaultTableSelection));
+  var elementContentRects = {};
+  var observer = (_window = window) !== null && _window !== void 0 && _window.ResizeObserver ? new ResizeObserver(function (entries) {
+    entries.forEach(function (entry) {
+      if (!entry.target.id) {
+        return;
+      }
+
+      elementContentRects[entry.target.id] = entry.contentRect;
+    });
+  }) : undefined;
+  var tableCellNodeview = pluginConfig.tableCellOptimization ? {
+    tableCell: function tableCell(node, view, getPos) {
+      return new _tableCell.default(node, view, getPos, getEditorFeatureFlags, observer);
+    },
+    tableHeader: function tableHeader(node, view, getPos) {
+      return new _tableCell.default(node, view, getPos, getEditorFeatureFlags, observer);
+    }
+  } : {}; // Used to prevent invalid table cell spans being reported more than once per editor/document
+
+  var invalidTableIds = [];
+  var editorViewRef = null;
+
+  var getCurrentEditorState = function getCurrentEditorState() {
+    var editorView = editorViewRef;
+
+    if (!editorView) {
+      return null;
+    }
+
+    return editorView.state;
+  };
+
+  return new _safePlugin.SafePlugin({
+    state: state,
+    key: _pluginKey.pluginKey,
+    appendTransaction: function appendTransaction(transactions, oldState, newState) {
+      var tr = transactions.find(function (tr) {
+        return tr.getMeta('uiEvent') === 'cut';
+      });
+
+      function reportInvalidTableCellSpanAttrs(invalidNodeAttr) {
+        if (invalidTableIds.find(function (id) {
+          return id === invalidNodeAttr.tableLocalId;
+        })) {
+          return;
+        }
+
+        invalidTableIds.push(invalidNodeAttr.tableLocalId);
+        dispatchAnalyticsEvent({
+          action: _analytics.ACTION.INVALID_DOCUMENT_ENCOUNTERED,
+          actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+          eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+          attributes: {
+            nodeType: invalidNodeAttr.nodeType,
+            reason: "".concat(invalidNodeAttr.attribute, ": ").concat(invalidNodeAttr.reason),
+            tableLocalId: invalidNodeAttr.tableLocalId,
+            spanValue: invalidNodeAttr.spanValue
+          }
+        });
+      }
+
+      if (tr) {
+        // "fixTables" removes empty rows as we don't allow that in schema
+        var updatedTr = (0, _eventHandlers.handleCut)(tr, oldState, newState, editorAnalyticsAPI);
+        return (0, _transforms.fixTables)(updatedTr) || updatedTr;
+      }
+
+      if (transactions.find(function (tr) {
+        return tr.docChanged;
+      })) {
+        return (0, _transforms.fixTables)(newState.tr, reportInvalidTableCellSpanAttrs);
+      }
+    },
+    view: function view(editorView) {
+      var domAtPos = editorView.domAtPos.bind(editorView);
+      editorViewRef = editorView;
+      return {
+        update: function update(view) {
+          var state = view.state,
+              dispatch = view.dispatch;
+          var selection = state.selection;
+          var pluginState = (0, _pluginFactory.getPluginState)(state);
+          var tableRef;
+          var tableNode;
+
+          if (pluginState.editorHasFocus) {
+            var parent = (0, _prosemirrorUtils.findParentDomRefOfType)(state.schema.nodes.table, domAtPos)(selection);
+
+            if (parent) {
+              tableRef = parent.querySelector('table') || undefined;
+            }
+
+            tableNode = (0, _utils.findTable)(state.selection);
+          }
+
+          if (pluginState.tableRef !== tableRef) {
+            (0, _commands.setTableRef)(tableRef)(state, dispatch);
+          }
+
+          if (pluginState.tableNode !== tableNode) {
+            (0, _utils3.updateResizeHandles)(tableRef);
+          }
+
+          if (pluginState.editorHasFocus && pluginState.tableRef) {
+            var _ref = state.selection,
+                $cursor = _ref.$cursor;
+
+            if ($cursor) {
+              // Only update bold when it's a cursor
+              var tableCellHeader = (0, _prosemirrorUtils.findParentNodeOfType)(state.schema.nodes.tableHeader)(state.selection);
+
+              if (tableCellHeader) {
+                (0, _commands.addBoldInEmptyHeaderCells)(tableCellHeader)(state, dispatch);
+              }
+            }
+          }
+        },
+        destroy: function destroy() {
+          if (observer) {
+            observer.disconnect();
+          }
+        }
+      };
+    },
+    props: {
+      transformPasted: function transformPasted(slice) {
+        var editorState = getCurrentEditorState();
+
+        if (!editorState) {
+          return slice;
+        }
+
+        var schema = editorState.schema; // if we're pasting to outside a table or outside a table
+        // header, ensure that we apply any table headers to the first
+        // row of content we see, if required
+
+        if (!(0, _coreUtils.insideTable)(editorState) && (0, _paste.isHeaderRowRequired)(editorState)) {
+          slice = (0, _misc.transformSliceToAddTableHeaders)(slice, schema);
+        }
+
+        slice = (0, _utils3.transformSliceToFixHardBreakProblemOnCopyFromCell)(slice, schema); // We do this separately, so it also applies to drag/drop events
+        // This needs to go before `transformSliceToRemoveOpenExpand`
+
+        slice = (0, _transforms2.transformSliceToRemoveOpenLayoutNodes)(slice, schema); // If a partial paste of expand, paste only the content
+        // This needs to go before `transformSliceToRemoveOpenTable`
+
+        slice = (0, _transforms2.transformSliceToRemoveOpenExpand)(slice, schema);
+        /** If a partial paste of table, paste only table's content */
+
+        slice = (0, _utils3.transformSliceToRemoveOpenTable)(slice, schema);
+        /** If a partial paste of bodied extension, paste only text */
+
+        slice = (0, _transforms2.transformSliceToRemoveOpenBodiedExtension)(slice, schema);
+        slice = (0, _utils3.transformSliceToCorrectEmptyTableCells)(slice, schema);
+
+        if (!pluginConfig.allowColumnResizing) {
+          slice = (0, _misc.transformSliceToRemoveColumnsWidths)(slice, schema);
+        } // If we don't allow background on cells, we need to remove it
+        // from the paste slice
+
+
+        if (!pluginConfig.allowBackgroundColor) {
+          slice = (0, _misc.transformSliceRemoveCellBackgroundColor)(slice, schema);
+        }
+
+        return slice;
+      },
+      handleClick: function handleClick(_ref2, _pos, event) {
+        var state = _ref2.state,
+            dispatch = _ref2.dispatch;
+
+        var decorationSet = _plugin.pluginKey.getState(state);
+
+        if ((0, _utils3.findControlsHoverDecoration)(decorationSet).length) {
+          (0, _commands.clearHoverSelection)()(state, dispatch);
+        } // ED-6069: workaround for Chrome given a regression introduced in prosemirror-view@1.6.8
+        // Returning true prevents that updateSelection() is getting called in the commit below:
+        // @see https://github.com/ProseMirror/prosemirror-view/commit/33fe4a8b01584f6b4103c279033dcd33e8047b95
+
+
+        if (_utils2.browser.chrome && event.target) {
+          var targetClassList = event.target.classList;
+
+          if (targetClassList.contains(_types.TableCssClassName.CONTROLS_BUTTON) || targetClassList.contains(_types.TableCssClassName.CONTEXTUAL_MENU_BUTTON)) {
+            return true;
+          }
+        }
+
+        return false;
+      },
+      handleScrollToSelection: function handleScrollToSelection(view) {
+        // when typing into a sticky header cell, we don't want to scroll
+        // back to the top of the table if the user has already scrolled down
+        var tableHeader = view.state.schema.nodes.tableHeader;
+        var domRef = (0, _prosemirrorUtils.findParentDomRefOfType)(tableHeader, view.domAtPos.bind(view))(view.state.selection);
+        var maybeTr = (0, _utils2.closestElement)(domRef, 'tr');
+        return maybeTr ? maybeTr.classList.contains('sticky') : false;
+      },
+      handleTextInput: function handleTextInput(_ref3, from, to, text) {
+        var state = _ref3.state,
+            dispatch = _ref3.dispatch;
+        var tr = (0, _transforms.replaceSelectedTable)(state, text, _analytics.INPUT_METHOD.KEYBOARD, editorAnalyticsAPI);
+
+        if (tr.selectionSet) {
+          dispatch(tr);
+          return true;
+        }
+
+        return false;
+      },
+      nodeViews: _objectSpread(_objectSpread({}, tableCellNodeview), {}, {
+        table: function table(node, view, getPos) {
+          return (0, _table.createTableView)(node, view, getPos, portalProviderAPI, eventDispatcher, {
+            isBreakoutEnabled: isBreakoutEnabled,
+            isFullWidthModeEnabled: isFullWidthModeEnabled,
+            wasFullWidthModeEnabled: wasFullWidthModeEnabled
+          }, getEditorContainerWidth, getEditorFeatureFlags);
+        }
+      }),
+      handleDOMEvents: {
+        focus: _eventHandlers.handleFocus,
+        blur: _eventHandlers.handleBlur,
+        mousedown: _eventHandlers.handleMouseDown,
+        mouseover: (0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleMouseOver),
+        mouseleave: (0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleMouseLeave),
+        mouseout: (0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleMouseOut),
+        mousemove: (0, _eventHandlers.whenTableInFocus)((0, _eventHandlers.handleMouseMove)(getEditorFeatureFlags), elementContentRects),
+        click: (0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleClick)
+      },
+      handleTripleClick: _eventHandlers.handleTripleClick
+    }
+  });
+};
+
+exports.createPlugin = createPlugin;

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

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPluginState = exports.createPluginState = exports.createCommand = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _utils = require("@atlaskit/editor-common/utils");
+
+var _handlers = require("../handlers");
+
+var _reducer = _interopRequireDefault(require("../reducer"));
+
+var _pluginKey = require("./plugin-key");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var _pluginFactory = (0, _utils.pluginFactory)(_pluginKey.pluginKey, _reducer.default, {
+  mapping: function mapping(tr, pluginState) {
+    if (tr.docChanged) {
+      var updatedTargetCell = {};
+
+      if (pluginState.targetCellPosition) {
+        var _tr$mapping$mapResult = tr.mapping.mapResult(pluginState.targetCellPosition),
+            pos = _tr$mapping$mapResult.pos,
+            deleted = _tr$mapping$mapResult.deleted;
+
+        updatedTargetCell = {
+          targetCellPosition: deleted ? undefined : pos
+        };
+      }
+
+      var updatedTablePos = {};
+
+      if (pluginState.tablePos) {
+        var _tr$mapping$mapResult2 = tr.mapping.mapResult(pluginState.tablePos, -1),
+            _pos = _tr$mapping$mapResult2.pos,
+            _deleted = _tr$mapping$mapResult2.deleted;
+
+        updatedTablePos = {
+          tablePos: _deleted ? undefined : _pos
+        };
+      }
+
+      return _objectSpread(_objectSpread(_objectSpread({}, pluginState), updatedTargetCell), updatedTablePos);
+    }
+
+    return pluginState;
+  },
+  onDocChanged: _handlers.handleDocOrSelectionChanged,
+  onSelectionChanged: _handlers.handleDocOrSelectionChanged
+}),
+    createPluginState = _pluginFactory.createPluginState,
+    createCommand = _pluginFactory.createCommand,
+    getPluginState = _pluginFactory.getPluginState;
+
+exports.getPluginState = getPluginState;
+exports.createCommand = createCommand;
+exports.createPluginState = createPluginState;

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pluginKey = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var pluginKey = new _prosemirrorState.PluginKey('tablePlugin');
+exports.pluginKey = pluginKey;

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tableSafariDelayedDomSelectionSyncingWorkaroundKey = exports.createPlugin = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
+var tableSafariDelayedDomSelectionSyncingWorkaroundKey = new _prosemirrorState.PluginKey('tableSafariDelayedDomSelectionSyncingWorkaround');
+exports.tableSafariDelayedDomSelectionSyncingWorkaroundKey = tableSafariDelayedDomSelectionSyncingWorkaroundKey;
+
+var createPlugin = function createPlugin() {
+  // From a review of the prosemirror-view source code,
+  // the only places where a view relies on the presence
+  // of view.mouseDown are;
+  //   - when checking it's presence in selectionToDOM
+  //     to delay drag selections
+  //   - to ensure it is cleaned up when the mouseup
+  //     event is not fired in a previous mousedown event
+  // Because we are manually wiping the view.mouseDown,
+  // we manage this custom cleanup ourselves
+  var prevMouseDownDone = null;
+  return new _safePlugin.SafePlugin({
+    key: tableSafariDelayedDomSelectionSyncingWorkaroundKey,
+    props: {
+      handleDOMEvents: {
+        mousedown: function mousedown(view) {
+          // Workaround issue in safari where table selections
+          //  do not work correctly since prosemirror delayed
+          // 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"
+          // mouseDown, and if so, it delays running logic
+          // which causes the table selections issue.
+          // The handleDOMEvents are called before ProseMirror
+          // events fired on the editable DOM element.
+          // This means the view.mouseView will not yet be
+          // created when the mousedown event starts.
+          // https://prosemirror.net/docs/ref/#view.EditorProps.handleDOMEvents
+          //
+          // Because selectionToDOM is only added to the script
+          // tasks queue following the mousedown event, we can
+          // prepend a task which will clear the mouseDown from
+          // the view. We do this using a setTimout with no
+          // interval.
+          if (prevMouseDownDone) {
+            // avoid memory leaks when the mouseup event is not fired
+            // in a previous mousedown event
+            prevMouseDownDone();
+          }
+
+          setTimeout(function () {
+            // the ts-ignores here are required due to the
+            // view.mouseDown being an internal which is
+            // not part of the views type signature
+            // @ts-ignore
+            if (view.mouseDown) {
+              // @ts-ignore
+              prevMouseDownDone = view.mouseDown.done.bind(view.mouseDown); // @ts-ignore
+
+              view.mouseDown = null;
+            }
+          });
+          return false;
+        }
+      }
+    }
+  });
+};
+
+exports.createPlugin = createPlugin;