@atlaskit/editor-plugin-table 1.1.0 → 1.1.2

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

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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; }
-
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { findParentDomRefOfType, findParentNodeOfType } from 'prosemirror-utils';
 import { findTable } from '@atlaskit/editor-tables/utils';
@@ -32,7 +29,6 @@ var isFullWidthModeEnabled;
 var wasFullWidthModeEnabled;
 export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI) {
   var _window;
-
   isBreakoutEnabled = breakoutEnabled;
   isFullWidthModeEnabled = fullWidthModeEnabled;
   wasFullWidthModeEnabled = previousFullWidthModeEnabled;
@@ -50,7 +46,6 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       if (!entry.target.id) {
         return;
       }
-
       elementContentRects[entry.target.id] = entry.contentRect;
     });
   }) : undefined;
@@ -61,21 +56,18 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
     tableHeader: function tableHeader(node, view, getPos) {
       return new TableCellNodeView(node, view, getPos, getEditorFeatureFlags, observer);
     }
-  }; // Used to prevent invalid table cell spans being reported more than once per editor/document
+  };
 
+  // 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({
     state: state,
     key: pluginKey,
@@ -83,14 +75,12 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       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: ACTION.INVALID_DOCUMENT_ENCOUNTERED,
@@ -104,13 +94,11 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
           }
         });
       }
-
       if (tr) {
         // "fixTables" removes empty rows as we don't allow that in schema
         var updatedTr = handleCut(tr, oldState, newState, editorAnalyticsAPI);
         return fixTables(updatedTr) || updatedTr;
       }
-
       if (transactions.find(function (tr) {
         return tr.docChanged;
       })) {
@@ -123,38 +111,30 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       return {
         update: function update(view) {
           var state = view.state,
-              dispatch = view.dispatch;
+            dispatch = view.dispatch;
           var selection = state.selection;
           var pluginState = getPluginState(state);
           var tableRef;
           var tableNode;
-
           if (pluginState.editorHasFocus) {
             var parent = findParentDomRefOfType(state.schema.nodes.table, domAtPos)(selection);
-
             if (parent) {
               tableRef = parent.querySelector('table') || undefined;
             }
-
             tableNode = findTable(state.selection);
           }
-
           if (pluginState.tableRef !== tableRef) {
             setTableRef(tableRef)(state, dispatch);
           }
-
           if (pluginState.tableNode !== tableNode) {
             updateResizeHandles(tableRef);
           }
-
           if (pluginState.editorHasFocus && pluginState.tableRef) {
             var _ref = state.selection,
-                $cursor = _ref.$cursor;
-
+              $cursor = _ref.$cursor;
             if ($cursor) {
               // Only update bold when it's a cursor
               var tableCellHeader = findParentNodeOfType(state.schema.nodes.tableHeader)(state.selection);
-
               if (tableCellHeader) {
                 addBoldInEmptyHeaderCells(tableCellHeader)(state, dispatch);
               }
@@ -171,66 +151,61 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
     props: {
       transformPasted: function transformPasted(slice) {
         var editorState = getCurrentEditorState();
-
         if (!editorState) {
           return slice;
         }
+        var schema = editorState.schema;
 
-        var schema = editorState.schema; // if we're pasting to outside a table or outside a table
+        // 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 (!insideTable(editorState) && isHeaderRowRequired(editorState)) {
           slice = transformSliceToAddTableHeaders(slice, schema);
         }
+        slice = transformSliceToFixHardBreakProblemOnCopyFromCell(slice, schema);
 
-        slice = transformSliceToFixHardBreakProblemOnCopyFromCell(slice, schema); // We do this separately, so it also applies to drag/drop events
+        // We do this separately, so it also applies to drag/drop events
         // This needs to go before `transformSliceToRemoveOpenExpand`
+        slice = transformSliceToRemoveOpenLayoutNodes(slice, schema);
 
-        slice = transformSliceToRemoveOpenLayoutNodes(slice, schema); // If a partial paste of expand, paste only the content
+        // If a partial paste of expand, paste only the content
         // This needs to go before `transformSliceToRemoveOpenTable`
-
         slice = transformSliceToRemoveOpenExpand(slice, schema);
-        /** If a partial paste of table, paste only table's content */
 
+        /** If a partial paste of table, paste only table's content */
         slice = transformSliceToRemoveOpenTable(slice, schema);
-        /** If a partial paste of bodied extension, paste only text */
 
+        /** If a partial paste of bodied extension, paste only text */
         slice = transformSliceToRemoveOpenBodiedExtension(slice, schema);
         slice = transformSliceToCorrectEmptyTableCells(slice, schema);
-
         if (!pluginConfig.allowColumnResizing) {
           slice = transformSliceToRemoveColumnsWidths(slice, schema);
-        } // If we don't allow background on cells, we need to remove it
-        // from the paste slice
-
+        }
 
+        // If we don't allow background on cells, we need to remove it
+        // from the paste slice
         if (!pluginConfig.allowBackgroundColor) {
           slice = transformSliceRemoveCellBackgroundColor(slice, schema);
         }
-
         return slice;
       },
       handleClick: function handleClick(_ref2, _pos, event) {
         var state = _ref2.state,
-            dispatch = _ref2.dispatch;
+          dispatch = _ref2.dispatch;
         var decorationSet = decorationsPluginKey.getState(state);
-
         if (findControlsHoverDecoration(decorationSet).length) {
           clearHoverSelection()(state, dispatch);
-        } // ED-6069: workaround for Chrome given a regression introduced in prosemirror-view@1.6.8
+        }
+
+        // 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 (browser.chrome && event.target) {
           var targetClassList = event.target.classList;
-
           if (targetClassList.contains(ClassName.CONTROLS_BUTTON) || targetClassList.contains(ClassName.CONTEXTUAL_MENU_BUTTON)) {
             return true;
           }
         }
-
         return false;
       },
       handleScrollToSelection: function handleScrollToSelection(view) {
@@ -243,14 +218,12 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       },
       handleTextInput: function handleTextInput(_ref3, from, to, text) {
         var state = _ref3.state,
-            dispatch = _ref3.dispatch;
+          dispatch = _ref3.dispatch;
         var tr = replaceSelectedTable(state, text, INPUT_METHOD.KEYBOARD, editorAnalyticsAPI);
-
         if (tr.selectionSet) {
           dispatch(tr);
           return true;
         }
-
         return false;
       },
       nodeViews: _objectSpread(_objectSpread({}, tableCellNodeview), {}, {

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

@@ -1,51 +1,39 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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; }
-
 import { pluginFactory } from '@atlaskit/editor-common/utils';
 import { handleDocOrSelectionChanged } from '../handlers';
 import reducer from '../reducer';
 import { pluginKey } from './plugin-key';
-
 var _pluginFactory = pluginFactory(pluginKey, reducer, {
-  mapping: function mapping(tr, pluginState) {
-    if (tr.docChanged) {
-      var updatedTargetCell = {};
-
-      if (pluginState.targetCellPosition) {
-        var _tr$mapping$mapResult = tr.mapping.mapResult(pluginState.targetCellPosition),
+    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),
+          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
-        };
+          updatedTablePos = {
+            tablePos: _deleted ? undefined : _pos
+          };
+        }
+        return _objectSpread(_objectSpread(_objectSpread({}, pluginState), updatedTargetCell), updatedTablePos);
       }
-
-      return _objectSpread(_objectSpread(_objectSpread({}, pluginState), updatedTargetCell), updatedTablePos);
-    }
-
-    return pluginState;
-  },
-  onDocChanged: handleDocOrSelectionChanged,
-  onSelectionChanged: handleDocOrSelectionChanged
-}),
-    createPluginState = _pluginFactory.createPluginState,
-    createCommand = _pluginFactory.createCommand,
-    getPluginState = _pluginFactory.getPluginState;
-
+      return pluginState;
+    },
+    onDocChanged: handleDocOrSelectionChanged,
+    onSelectionChanged: handleDocOrSelectionChanged
+  }),
+  createPluginState = _pluginFactory.createPluginState,
+  createCommand = _pluginFactory.createCommand,
+  getPluginState = _pluginFactory.getPluginState;
 export { createPluginState, createCommand, getPluginState };

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

@@ -9,6 +9,7 @@ export var createPlugin = function createPlugin() {
   //     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;
@@ -22,13 +23,16 @@ export var createPlugin = function 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"
           // 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
@@ -40,21 +44,22 @@ export var createPlugin = function createPlugin() {
           // 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
-
+              prevMouseDownDone = view.mouseDown.done.bind(view.mouseDown);
+              // @ts-ignore
               view.mouseDown = null;
             }
           });

package/dist/esm/plugins/table/pm-plugins/safari-delete-composition-text-issue-workaround.js

@@ -19,13 +19,10 @@ export var createPlugin = function createPlugin() {
       },
       apply: function apply(tr, value) {
         var renderSpan = tr.getMeta(tableSafariDeleteCompositionTextIssueWorkaroundKey);
-
         if (typeof renderSpan === 'undefined') {
           return value;
         }
-
         var decorations;
-
         if (renderSpan) {
           // Find position of the first text node in case it has multiple text nodes created by Japanese IME
           var $from = tr.selection.$from;
@@ -38,7 +35,6 @@ export var createPlugin = function createPlugin() {
         } else {
           decorations = DecorationSet.empty;
         }
-
         return {
           renderSpan: renderSpan,
           decorations: decorations
@@ -54,43 +50,35 @@ export var createPlugin = function createPlugin() {
           if ((event === null || event === void 0 ? void 0 : event.inputType) !== 'deleteCompositionText') {
             return false;
           }
-
           var selection = window.getSelection();
-
           if (!selection || selection.rangeCount <= 0 || selection.type !== 'Range') {
             return false;
           }
-
           var range = selection.getRangeAt(0);
           var startContainer = range.startContainer,
-              endContainer = range.endContainer,
-              endOffset = range.endOffset,
-              startOffset = range.startOffset;
+            endContainer = range.endContainer,
+            endOffset = range.endOffset,
+            startOffset = range.startOffset;
           /**
            * On Safari when composition text is deleted, it deletes any empty elements it finds up the dom tree. Prosemirror can sometimes be confused by this
            * and will think that we meant to delete those elements. This fix forces the resulting node to not be empty.
            * The condition here checks to see if the entire text node is about to be swapped inside of an element
            */
-
           if (startContainer.nodeType === Node.TEXT_NODE && startContainer === endContainer && startOffset === 0 && endOffset === startContainer.length) {
             var tr = view.state.tr;
             tr.setMeta(tableSafariDeleteCompositionTextIssueWorkaroundKey, true);
             view.dispatch(tr);
           }
-
           return false;
         },
         input: function input(view, event) {
           if ((event === null || event === void 0 ? void 0 : event.inputType) !== 'deleteCompositionText') {
             return false;
           }
-
           var selection = window.getSelection();
-
           if (!selection) {
             return false;
           }
-
           var tr = view.state.tr;
           tr.setMeta(tableSafariDeleteCompositionTextIssueWorkaroundKey, false);
           view.dispatch(tr);

package/dist/esm/plugins/table/pm-plugins/sticky-headers/nodeviews/dom.js

@@ -1,25 +1,21 @@
 export var getTree = function getTree(tr) {
   // pm renders into tbody, owned by react
   var tbody = tr.parentElement;
-
   if (!tbody) {
     return null;
-  } // rendered by react
-
+  }
 
+  // rendered by react
   var table = tbody.parentElement;
-
   if (!table) {
     return null;
-  } // rendered by react
-
+  }
 
+  // rendered by react
   var wrapper = table.parentElement;
-
   if (!wrapper) {
     return null;
   }
-
   return {
     wrapper: wrapper,
     table: table
@@ -29,6 +25,5 @@ export var getTop = function getTop(element) {
   if (!element || element instanceof Window) {
     return 0;
   }
-
   return element.getBoundingClientRect().top;
 };