@atlaskit/editor-plugin-table 0.0.0 → 0.0.2

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

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tableSafariDeleteCompositionTextIssueWorkaroundKey = exports.createPlugin = void 0;
+
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
+var _prosemirrorState = require("prosemirror-state");
+
+var _prosemirrorView = require("prosemirror-view");
+
+/**
+ * Fix an issue that composition text replacement in Safari removes empty nodes during text composition text deletion.
+ * https://github.com/ProseMirror/prosemirror/issues/934
+ * We will remove this plugin when Webkit fix the problem itself.
+ */
+var tableSafariDeleteCompositionTextIssueWorkaroundKey = new _prosemirrorState.PluginKey('tableSafariDeleteCompositionTextIssueWorkaround');
+exports.tableSafariDeleteCompositionTextIssueWorkaroundKey = tableSafariDeleteCompositionTextIssueWorkaroundKey;
+
+var createPlugin = function createPlugin() {
+  return new _safePlugin.SafePlugin({
+    key: tableSafariDeleteCompositionTextIssueWorkaroundKey,
+    state: {
+      init: function init() {
+        return {
+          renderSpan: false,
+          decorations: _prosemirrorView.DecorationSet.empty
+        };
+      },
+      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;
+          var pos = $from.before($from.depth);
+
+          var spanDecoration = _prosemirrorView.Decoration.widget(pos, function () {
+            var spanElement = document.createElement('span');
+            return spanElement;
+          });
+
+          decorations = _prosemirrorView.DecorationSet.create(tr.doc, [spanDecoration]);
+        } else {
+          decorations = _prosemirrorView.DecorationSet.empty;
+        }
+
+        return {
+          renderSpan: renderSpan,
+          decorations: decorations
+        };
+      }
+    },
+    props: {
+      decorations: function decorations(state) {
+        return tableSafariDeleteCompositionTextIssueWorkaroundKey.getState(state).decorations;
+      },
+      handleDOMEvents: {
+        beforeinput: function beforeinput(view, event) {
+          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;
+          /**
+           * 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);
+          return false;
+        }
+      }
+    }
+  });
+};
+
+exports.createPlugin = createPlugin;

package/dist/cjs/plugins/table/pm-plugins/sticky-headers/commands.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateStickyState = exports.removeStickyState = void 0;
+
+var _pluginState = require("./plugin-state");
+
+var updateStickyState = function updateStickyState(rowState) {
+  return (0, _pluginState.createCommand)({
+    name: 'UPDATE',
+    state: rowState
+  }, function (tr) {
+    return tr.setMeta('addToHistory', false);
+  });
+};
+
+exports.updateStickyState = updateStickyState;
+
+var removeStickyState = function removeStickyState(pos) {
+  return (0, _pluginState.createCommand)({
+    name: 'REMOVE',
+    pos: pos
+  }, function (tr) {
+    return tr.setMeta('addToHistory', false);
+  });
+};
+
+exports.removeStickyState = removeStickyState;

package/dist/cjs/plugins/table/pm-plugins/sticky-headers/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TableRowNodeView", {
+  enumerable: true,
+  get: function get() {
+    return _tableRow.TableRowNodeView;
+  }
+});
+Object.defineProperty(exports, "createPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _plugin.createPlugin;
+  }
+});
+Object.defineProperty(exports, "findStickyHeaderForTable", {
+  enumerable: true,
+  get: function get() {
+    return _util.findStickyHeaderForTable;
+  }
+});
+Object.defineProperty(exports, "pluginKey", {
+  enumerable: true,
+  get: function get() {
+    return _pluginKey.pluginKey;
+  }
+});
+Object.defineProperty(exports, "removeStickyState", {
+  enumerable: true,
+  get: function get() {
+    return _commands.removeStickyState;
+  }
+});
+Object.defineProperty(exports, "updateStickyState", {
+  enumerable: true,
+  get: function get() {
+    return _commands.updateStickyState;
+  }
+});
+
+var _plugin = require("./plugin");
+
+var _pluginKey = require("./plugin-key");
+
+var _util = require("./util");
+
+var _commands = require("./commands");
+
+var _tableRow = require("./nodeviews/tableRow");

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTree = exports.getTop = void 0;
+
+var getTree = function getTree(tr) {
+  // pm renders into tbody, owned by react
+  var tbody = tr.parentElement;
+
+  if (!tbody) {
+    return null;
+  } // rendered by react
+
+
+  var table = tbody.parentElement;
+
+  if (!table) {
+    return null;
+  } // rendered by react
+
+
+  var wrapper = table.parentElement;
+
+  if (!wrapper) {
+    return null;
+  }
+
+  return {
+    wrapper: wrapper,
+    table: table
+  };
+};
+
+exports.getTree = getTree;
+
+var getTop = function getTop(element) {
+  if (!element || element instanceof Window) {
+    return 0;
+  }
+
+  return element.getBoundingClientRect().top;
+};
+
+exports.getTop = getTop;