@atlaskit/editor-common 69.2.2 → 69.3.0

package/dist/cjs/utils/index.js

@@ -29,6 +29,12 @@ Object.defineProperty(exports, "SEVERITY", {
     return _analytics.SEVERITY;
   }
 });
+Object.defineProperty(exports, "SelectedState", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.SelectedState;
+  }
+});
 Object.defineProperty(exports, "TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS", {
   enumerable: true,
   get: function get() {
@@ -113,12 +119,30 @@ Object.defineProperty(exports, "clearMeasure", {
     return _measure.clearMeasure;
   }
 });
+Object.defineProperty(exports, "closest", {
+  enumerable: true,
+  get: function get() {
+    return _dom.closest;
+  }
+});
+Object.defineProperty(exports, "closestElement", {
+  enumerable: true,
+  get: function get() {
+    return _dom.closestElement;
+  }
+});
 Object.defineProperty(exports, "compose", {
   enumerable: true,
   get: function get() {
     return _compose.compose;
   }
 });
+Object.defineProperty(exports, "containsClassName", {
+  enumerable: true,
+  get: function get() {
+    return _dom.containsClassName;
+  }
+});
 Object.defineProperty(exports, "convertProsemirrorTableNodeToArrayOfRows", {
   enumerable: true,
   get: function get() {
@@ -131,12 +155,30 @@ Object.defineProperty(exports, "createCompareNodes", {
     return _compareNodes.createCompareNodes;
   }
 });
+Object.defineProperty(exports, "extractSliceFromStep", {
+  enumerable: true,
+  get: function get() {
+    return _editorCoreUtils.extractSliceFromStep;
+  }
+});
 Object.defineProperty(exports, "findAndTrackUnsupportedContentNodes", {
   enumerable: true,
   get: function get() {
     return _trackUnsupportedContent.findAndTrackUnsupportedContentNodes;
   }
 });
+Object.defineProperty(exports, "findChangedNodesFromTransaction", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.findChangedNodesFromTransaction;
+  }
+});
+Object.defineProperty(exports, "flatmap", {
+  enumerable: true,
+  get: function get() {
+    return _slice.flatmap;
+  }
+});
 Object.defineProperty(exports, "getAnalyticsAppearance", {
   enumerable: true,
   get: function get() {
@@ -167,6 +209,12 @@ Object.defineProperty(exports, "getExtensionRenderer", {
     return _extensionHandler.getExtensionRenderer;
   }
 });
+Object.defineProperty(exports, "getFragmentBackingArray", {
+  enumerable: true,
+  get: function get() {
+    return _slice.getFragmentBackingArray;
+  }
+});
 Object.defineProperty(exports, "getModeFromTheme", {
   enumerable: true,
   get: function get() {
@@ -209,6 +257,36 @@ Object.defineProperty(exports, "hasMergedCell", {
     return _table.hasMergedCell;
   }
 });
+Object.defineProperty(exports, "isElementInTableCell", {
+  enumerable: true,
+  get: function get() {
+    return _editorCoreUtils.isElementInTableCell;
+  }
+});
+Object.defineProperty(exports, "isLastItemMediaGroup", {
+  enumerable: true,
+  get: function get() {
+    return _editorCoreUtils.isLastItemMediaGroup;
+  }
+});
+Object.defineProperty(exports, "isLinkMark", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.isLinkMark;
+  }
+});
+Object.defineProperty(exports, "isNodeSelectedOrInRange", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.isNodeSelectedOrInRange;
+  }
+});
+Object.defineProperty(exports, "isParagraph", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.isParagraph;
+  }
+});
 Object.defineProperty(exports, "isPastDate", {
   enumerable: true,
   get: function get() {
@@ -227,6 +305,72 @@ Object.defineProperty(exports, "isPerformanceObserverAvailable", {
     return _isPerformanceApiAvailable.isPerformanceObserverAvailable;
   }
 });
+Object.defineProperty(exports, "isSupportedInParent", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.isSupportedInParent;
+  }
+});
+Object.defineProperty(exports, "isText", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.isText;
+  }
+});
+Object.defineProperty(exports, "isTextInput", {
+  enumerable: true,
+  get: function get() {
+    return _isTextInput.isTextInput;
+  }
+});
+Object.defineProperty(exports, "isTextSelection", {
+  enumerable: true,
+  get: function get() {
+    return _editorCoreUtils.isTextSelection;
+  }
+});
+Object.defineProperty(exports, "isType", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.isType;
+  }
+});
+Object.defineProperty(exports, "isValidPosition", {
+  enumerable: true,
+  get: function get() {
+    return _editorCoreUtils.isValidPosition;
+  }
+});
+Object.defineProperty(exports, "mapChildren", {
+  enumerable: true,
+  get: function get() {
+    return _slice.mapChildren;
+  }
+});
+Object.defineProperty(exports, "mapElem", {
+  enumerable: true,
+  get: function get() {
+    return _dom.mapElem;
+  }
+});
+Object.defineProperty(exports, "mapFragment", {
+  enumerable: true,
+  get: function get() {
+    return _slice.mapFragment;
+  }
+});
+Object.defineProperty(exports, "mapSlice", {
+  enumerable: true,
+  get: function get() {
+    return _slice.mapSlice;
+  }
+});
+Object.defineProperty(exports, "maphElem", {
+  enumerable: true,
+  get: function get() {
+    return _dom.maphElem;
+  }
+});
 Object.defineProperty(exports, "measureRender", {
   enumerable: true,
   get: function get() {
@@ -239,6 +383,36 @@ Object.defineProperty(exports, "measureTTI", {
     return _measureTti.measureTTI;
   }
 });
+Object.defineProperty(exports, "nonNullable", {
+  enumerable: true,
+  get: function get() {
+    return _editorCoreUtils.nonNullable;
+  }
+});
+Object.defineProperty(exports, "parsePx", {
+  enumerable: true,
+  get: function get() {
+    return _dom.parsePx;
+  }
+});
+Object.defineProperty(exports, "pluginFactory", {
+  enumerable: true,
+  get: function get() {
+    return _pluginStateFactory.pluginFactory;
+  }
+});
+Object.defineProperty(exports, "removeNestedEmptyEls", {
+  enumerable: true,
+  get: function get() {
+    return _dom.removeNestedEmptyEls;
+  }
+});
+Object.defineProperty(exports, "setNodeSelection", {
+  enumerable: true,
+  get: function get() {
+    return _editorCoreUtils.setNodeSelection;
+  }
+});
 Object.defineProperty(exports, "shouldForceTracking", {
   enumerable: true,
   get: function get() {
@@ -257,6 +431,18 @@ Object.defineProperty(exports, "startMeasure", {
     return _measure.startMeasure;
   }
 });
+Object.defineProperty(exports, "stepAddsOneOf", {
+  enumerable: true,
+  get: function get() {
+    return _editorCoreUtils.stepAddsOneOf;
+  }
+});
+Object.defineProperty(exports, "stepHasSlice", {
+  enumerable: true,
+  get: function get() {
+    return _editorCoreUtils.stepHasSlice;
+  }
+});
 Object.defineProperty(exports, "stopMeasure", {
   enumerable: true,
   get: function get() {
@@ -293,24 +479,48 @@ Object.defineProperty(exports, "todayTimestampInUTC", {
     return _date.todayTimestampInUTC;
   }
 });
+Object.defineProperty(exports, "unwrap", {
+  enumerable: true,
+  get: function get() {
+    return _dom.unwrap;
+  }
+});
 Object.defineProperty(exports, "useComponentRenderTracking", {
   enumerable: true,
   get: function get() {
     return _useComponentRenderTracking.useComponentRenderTracking;
   }
 });
+Object.defineProperty(exports, "validNode", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.validNode;
+  }
+});
 Object.defineProperty(exports, "validateADFEntity", {
   enumerable: true,
   get: function get() {
     return _validateUsingSpec.validateADFEntity;
   }
 });
+Object.defineProperty(exports, "validateNodes", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.validateNodes;
+  }
+});
 Object.defineProperty(exports, "validationErrorHandler", {
   enumerable: true,
   get: function get() {
     return _validateUsingSpec.validationErrorHandler;
   }
 });
+Object.defineProperty(exports, "walkUpTreeUntil", {
+  enumerable: true,
+  get: function get() {
+    return _dom.walkUpTreeUntil;
+  }
+});
 Object.defineProperty(exports, "withImageLoader", {
   enumerable: true,
   get: function get() {
@@ -328,10 +538,20 @@ var _errorReporter = _interopRequireDefault(require("./error-reporter"));
 
 var _date = require("./date");
 
+var _editorCoreUtils = require("./editor-core-utils");
+
 var _imageLoader = require("./imageLoader");
 
 var _breakout = require("./breakout");
 
+var _nodes = require("./nodes");
+
+var _pluginStateFactory = require("./plugin-state-factory");
+
+var _slice = require("./slice");
+
+var _dom = require("./dom");
+
 var _traversor = _interopRequireDefault(require("./traversor"));
 
 var _analytics = require("./analytics");
@@ -356,6 +576,8 @@ var _compareNodes = require("./compareNodes");
 
 var _compose = require("./compose");
 
+var _isTextInput = require("./is-text-input");
+
 var _whitespace = require("./whitespace");
 
 var _shouldForceTracking = require("./should-force-tracking");

package/dist/cjs/utils/is-text-input.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isTextInput = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _prosemirrorTransform = require("prosemirror-transform");
+
+// TODO: remove from editor-core utils, re-export from editor-common
+var isTextInput = function isTextInput(tr) {
+  var _tr$steps = (0, _slicedToArray2.default)(tr.steps, 1),
+      step = _tr$steps[0];
+
+  if (!step || !(step instanceof _prosemirrorTransform.ReplaceStep)) {
+    return false;
+  }
+
+  var _ref = step,
+      content = _ref.slice.content,
+      from = _ref.from,
+      to = _ref.to;
+  var char = content.firstChild;
+  return from === to && content.childCount === 1 && !!char && !!char.text && char.text.length === 1;
+};
+
+exports.isTextInput = isTextInput;

package/dist/cjs/utils/nodes.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateNodes = exports.validNode = exports.isType = exports.isText = exports.isSupportedInParent = exports.isParagraph = exports.isNodeSelectedOrInRange = exports.isLinkMark = exports.findChangedNodesFromTransaction = exports.SelectedState = void 0;
+
+/**
+ * Finds all top level nodes affected by the transaction
+ * Uses from/to positions in transaction's steps to work out which nodes will
+ * be changed by the transaction
+ */
+var findChangedNodesFromTransaction = function findChangedNodesFromTransaction(tr) {
+  var nodes = [];
+  var steps = tr.steps || [];
+  steps.forEach(function (step) {
+    var to = step.to,
+        from = step.from,
+        slice = step.slice;
+    var size = slice && slice.content ? slice.content.size : 0;
+
+    for (var i = from; i <= to + size; i++) {
+      if (i <= tr.doc.content.size) {
+        (function () {
+          var topLevelNode = tr.doc.resolve(i).node(1);
+
+          if (topLevelNode && !nodes.find(function (n) {
+            return n === topLevelNode;
+          })) {
+            nodes.push(topLevelNode);
+          }
+        })();
+      }
+    }
+  });
+  return nodes;
+};
+
+exports.findChangedNodesFromTransaction = findChangedNodesFromTransaction;
+
+var validNode = function validNode(node) {
+  try {
+    node.check(); // this will throw an error if the node is invalid
+  } catch (error) {
+    return false;
+  }
+
+  return true;
+};
+/** Validates prosemirror nodes, and returns true only if all nodes are valid */
+
+
+exports.validNode = validNode;
+
+var validateNodes = function validateNodes(nodes) {
+  return nodes.every(validNode);
+};
+
+exports.validateNodes = validateNodes;
+
+var isType = function isType(node, type) {
+  return type && node && node.type === type;
+};
+
+exports.isType = isType;
+
+var isParagraph = function isParagraph(node, schema) {
+  return isType(node, schema.nodes.paragraph);
+};
+
+exports.isParagraph = isParagraph;
+
+var isText = function isText(node, schema) {
+  return isType(node, schema.nodes.text);
+};
+
+exports.isText = isText;
+
+var isLinkMark = function isLinkMark(node, schema) {
+  return isType(node, schema.marks.link);
+};
+
+exports.isLinkMark = isLinkMark;
+var SelectedState;
+/**
+ * Returns if the current selection from achor-head is selecting the node.
+ * If the node is not selected then null is returned.
+ * If the node is selected then an enum is returned that describes weather the node
+ * is fully selected by a range or if the "inside" of the node has been selected or clicked.
+ */
+
+exports.SelectedState = SelectedState;
+
+(function (SelectedState) {
+  SelectedState[SelectedState["selectedInRange"] = 0] = "selectedInRange";
+  SelectedState[SelectedState["selectedInside"] = 1] = "selectedInside";
+})(SelectedState || (exports.SelectedState = SelectedState = {}));
+
+var isNodeSelectedOrInRange = function isNodeSelectedOrInRange(anchorPosition, headPosition, nodePosition, nodeSize) {
+  var rangeStart = Math.min(anchorPosition, headPosition);
+  var rangeEnd = Math.max(anchorPosition, headPosition);
+  var nodeStart = nodePosition;
+  var nodeEnd = nodePosition + nodeSize;
+
+  if (anchorPosition === headPosition) {
+    return null;
+  }
+
+  if (rangeStart <= nodeStart && nodeEnd < rangeEnd || rangeStart < nodeStart && nodeEnd <= rangeEnd) {
+    return SelectedState.selectedInRange;
+  }
+
+  if (nodeStart <= anchorPosition && headPosition <= nodeEnd) {
+    return SelectedState.selectedInside;
+  }
+
+  return null;
+};
+/**
+ * Checks if a particular node fragment is supported in the parent
+ * @param state EditorState
+ * @param fragment The fragment to be checked for
+ */
+
+
+exports.isNodeSelectedOrInRange = isNodeSelectedOrInRange;
+
+var isSupportedInParent = function isSupportedInParent(state, fragment, currentAppearance) {
+  var depth = currentAppearance === 'embed' || currentAppearance === 'block' ? undefined : -1;
+  var parent = state.selection.$from.node(depth);
+  return parent && parent.type.validContent(fragment);
+};
+
+exports.isSupportedInParent = isSupportedInParent;

package/dist/cjs/utils/plugin-state-factory.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pluginFactory = pluginFactory;
+
+/**
+ * Creates a ProseMirror plugin's state and handles UI updates.
+ *
+ * Here's a few things to keep in mind:
+ * - plugin's state is stored as a single object
+ * - `Reducer` specifies how plugin's state changes in response to commands
+ * - `Command` describes only what happen, but not how state changes
+ * - `mapping` could be used to map ProseMirror positions stored in plugin's state
+ *
+ * Example:
+ *  const { createPluginState, createCommand, getPluginState } = pluginFactory(
+ *    reducer,
+ *    pluginKey
+ *  );
+ *
+ *  export const createPlugin = (dispatch: Dispatch, initialState) =>
+ *    new SafePlugin({
+ *      state: createPluginState(dispatch, initialState),
+ *      key: pluginKey
+ *    });
+ *
+ * Example of a reducer:
+ *
+ *  export const reducer = (
+ *    state: TablePluginState,
+ *    action: TableAction,
+ *  ): TablePluginState => {
+ *    switch (action.type) {
+ *      case 'TOGGLE_CONTEXTUAL_MENU':
+ *      return {
+ *        ...state,
+ *        isContextualMenuOpen: !state.isContextualMenuOpen,
+ *      };
+ *    default:
+ *      return state;
+ *    }
+ *  };
+ *
+ *
+ * Example of a command:
+ *
+ * export const toggleContextualMenu = createCommand({
+ *   type: 'TOGGLE_CONTEXTUAL_MENU',
+ * }, tr => tr.setMeta('addToHistory', false));
+ *
+ */
+function isFunction(x) {
+  return typeof x === 'function';
+}
+
+function pluginFactory(pluginKey, reducer) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var mapping = options.mapping,
+      onDocChanged = options.onDocChanged,
+      onSelectionChanged = options.onSelectionChanged;
+  return {
+    createPluginState: function createPluginState(dispatch, initialState) {
+      return {
+        init: function init(_, state) {
+          return isFunction(initialState) ? initialState(state) : initialState;
+        },
+        apply: function apply(tr, _pluginState) {
+          var oldState = mapping ? mapping(tr, _pluginState) : _pluginState;
+          var newState = oldState;
+          var meta = tr.getMeta(pluginKey);
+
+          if (meta) {
+            newState = reducer(oldState, meta);
+          }
+
+          if (onDocChanged && tr.docChanged) {
+            newState = onDocChanged(tr, newState);
+          } else if (onSelectionChanged && tr.selectionSet) {
+            newState = onSelectionChanged(tr, newState);
+          }
+
+          if (newState !== oldState) {
+            dispatch(pluginKey, newState);
+          }
+
+          return newState;
+        }
+      };
+    },
+    createCommand: function createCommand(action, transform) {
+      return function (state, dispatch) {
+        if (dispatch) {
+          var _tr = transform ? transform(state.tr, state) : state.tr;
+
+          var resolvedAction = isFunction(action) ? action(state) : action;
+
+          if (_tr && resolvedAction) {
+            dispatch(_tr.setMeta(pluginKey, resolvedAction));
+          } else {
+            return false;
+          }
+        }
+
+        return true;
+      };
+    },
+    getPluginState: function getPluginState(state) {
+      return pluginKey.getState(state);
+    }
+  };
+}

package/dist/cjs/utils/slice.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.flatmap = flatmap;
+exports.getFragmentBackingArray = getFragmentBackingArray;
+exports.mapChildren = mapChildren;
+exports.mapFragment = mapFragment;
+exports.mapSlice = mapSlice;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _prosemirrorModel = require("prosemirror-model");
+
+/**
+ * A helper to get the underlying array of a fragment.
+ */
+function getFragmentBackingArray(fragment) {
+  return fragment.content;
+}
+
+function mapFragment(content, callback) {
+  var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var children = [];
+
+  for (var i = 0, size = content.childCount; i < size; i++) {
+    var _node = content.child(i);
+
+    var transformed = _node.isLeaf ? callback(_node, parent, i) : callback(_node.copy(mapFragment(_node.content, callback, _node)), parent, i);
+
+    if (transformed) {
+      if (transformed instanceof _prosemirrorModel.Fragment) {
+        children.push.apply(children, (0, _toConsumableArray2.default)(getFragmentBackingArray(transformed)));
+      } else if (Array.isArray(transformed)) {
+        children.push.apply(children, (0, _toConsumableArray2.default)(transformed));
+      } else {
+        children.push(transformed);
+      }
+    }
+  }
+
+  return _prosemirrorModel.Fragment.fromArray(children);
+}
+
+function mapSlice(slice, callback) {
+  var fragment = mapFragment(slice.content, callback);
+  return new _prosemirrorModel.Slice(fragment, slice.openStart, slice.openEnd);
+}
+
+function flatmap(fragment, callback) {
+  var fragmentContent = [];
+
+  for (var i = 0; i < fragment.childCount; i++) {
+    var child = callback(fragment.child(i), i, fragment);
+
+    if (Array.isArray(child)) {
+      fragmentContent.push.apply(fragmentContent, (0, _toConsumableArray2.default)(child));
+    } else {
+      fragmentContent.push(child);
+    }
+  }
+
+  return _prosemirrorModel.Fragment.fromArray(fragmentContent);
+}
+
+function mapChildren(node, callback) {
+  var array = [];
+
+  for (var i = 0; i < node.childCount; i++) {
+    array.push(callback(node.child(i), i, node instanceof _prosemirrorModel.Fragment ? node : node.content));
+  }
+
+  return array;
+}

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "69.2.2",
+	"version": "69.3.0",
 	"sideEffects": false
 }