slate-react 0.74.0 → 0.74.2-20222911156

package/dist/index.js

@@ -50,6 +50,83 @@ module.exports["default"] = module.exports, module.exports.__esModule = true;
 
 var _defineProperty = unwrapExports(defineProperty);
 
+var arrayLikeToArray = createCommonjsModule(function (module) {
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+
+module.exports = _arrayLikeToArray;
+module.exports["default"] = module.exports, module.exports.__esModule = true;
+});
+
+unwrapExports(arrayLikeToArray);
+
+var arrayWithoutHoles = createCommonjsModule(function (module) {
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return arrayLikeToArray(arr);
+}
+
+module.exports = _arrayWithoutHoles;
+module.exports["default"] = module.exports, module.exports.__esModule = true;
+});
+
+unwrapExports(arrayWithoutHoles);
+
+var iterableToArray = createCommonjsModule(function (module) {
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+module.exports = _iterableToArray;
+module.exports["default"] = module.exports, module.exports.__esModule = true;
+});
+
+unwrapExports(iterableToArray);
+
+var unsupportedIterableToArray = createCommonjsModule(function (module) {
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
+}
+
+module.exports = _unsupportedIterableToArray;
+module.exports["default"] = module.exports, module.exports.__esModule = true;
+});
+
+unwrapExports(unsupportedIterableToArray);
+
+var nonIterableSpread = createCommonjsModule(function (module) {
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+module.exports = _nonIterableSpread;
+module.exports["default"] = module.exports, module.exports.__esModule = true;
+});
+
+unwrapExports(nonIterableSpread);
+
+var toConsumableArray = createCommonjsModule(function (module) {
+function _toConsumableArray(arr) {
+  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
+}
+
+module.exports = _toConsumableArray;
+module.exports["default"] = module.exports, module.exports.__esModule = true;
+});
+
+var _toConsumableArray = unwrapExports(toConsumableArray);
+
 var arrayWithHoles = createCommonjsModule(function (module) {
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -98,39 +175,6 @@ module.exports["default"] = module.exports, module.exports.__esModule = true;
 
 unwrapExports(iterableToArrayLimit);
 
-var arrayLikeToArray = createCommonjsModule(function (module) {
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-
-module.exports = _arrayLikeToArray;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
-});
-
-unwrapExports(arrayLikeToArray);
-
-var unsupportedIterableToArray = createCommonjsModule(function (module) {
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
-}
-
-module.exports = _unsupportedIterableToArray;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
-});
-
-unwrapExports(unsupportedIterableToArray);
-
 var nonIterableRest = createCommonjsModule(function (module) {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -780,11 +824,6 @@ var useSelected = function useSelected() {
   return React.useContext(SelectedContext);
 };
 
-function _createForOfIteratorHelper$3(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$3(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray$3(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$3(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen); }
-
-function _arrayLikeToArray$3(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 /**
  * Children.
  */
@@ -796,37 +835,21 @@ var useChildren = function useChildren(props) {
       renderPlaceholder = props.renderPlaceholder,
       renderLeaf = props.renderLeaf,
       selection = props.selection;
-  var decorate = useDecorate();
+  useDecorate();
   var editor = useSlateStatic();
   var path = ReactEditor.findPath(editor, node);
   var children = [];
   var isLeafBlock = slate.Element.isElement(node) && !editor.isInline(node) && slate.Editor.hasInlines(editor, node);
 
-  for (var i = 0; i < node.children.length; i++) {
+  var _loop = function _loop(i) {
     var p = path.concat(i);
     var n = node.children[i];
     var key = ReactEditor.findKey(editor, n);
     var range = slate.Editor.range(editor, p);
     var sel = selection && slate.Range.intersection(range, selection);
-    var ds = decorate([n, p]);
-
-    var _iterator = _createForOfIteratorHelper$3(decorations),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var dec = _step.value;
-        var d = slate.Range.intersection(dec, range);
-
-        if (d) {
-          ds.push(d);
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
+    var ds = decorations.filter(function (dec) {
+      return slate.Range.intersection(dec, range);
+    });
 
     if (slate.Element.isElement(n)) {
       children.push( /*#__PURE__*/React__default['default'].createElement(SelectedContext.Provider, {
@@ -855,6 +878,10 @@ var useChildren = function useChildren(props) {
 
     NODE_TO_INDEX.set(n, i);
     NODE_TO_PARENT.set(n, node);
+  };
+
+  for (var i = 0; i < node.children.length; i++) {
+    _loop(i);
   }
 
   return children;
@@ -1582,6 +1609,14 @@ var Editable$1 = function Editable(props) {
         case 'insertReplacementText':
         case 'insertText':
           {
+            var _selection = editor.selection;
+
+            if (_selection) {
+              if (slate.Range.isExpanded(_selection)) {
+                slate.Editor.deleteFragment(editor);
+              }
+            }
+
             if (type === 'insertFromComposition') {
               // COMPAT: in Safari, `compositionend` is dispatched after the
               // `beforeinput` for "insertFromComposition". But if we wait for it
@@ -1643,7 +1678,14 @@ var Editable$1 = function Editable(props) {
       window.document.removeEventListener('selectionchange', scheduleOnDOMSelectionChange);
     };
   }, [scheduleOnDOMSelectionChange]);
-  var decorations = decorate([editor, []]);
+
+  var decorations = _toConsumableArray(slate.Node.nodes(editor)).flatMap(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        n = _ref2[0],
+        p = _ref2[1];
+
+    return decorate([n, p]);
+  });
 
   if (placeholder && editor.children.length === 1 && Array.from(slate.Node.texts(editor)).length === 1 && slate.Node.string(editor) === '' && !isComposing) {
     var _decorations$push;
@@ -2290,9 +2332,9 @@ var Editable$1 = function Editable(props) {
  * The default placeholder element
  */
 
-var DefaultPlaceholder = function DefaultPlaceholder(_ref) {
-  var attributes = _ref.attributes,
-      children = _ref.children;
+var DefaultPlaceholder = function DefaultPlaceholder(_ref3) {
+  var attributes = _ref3.attributes,
+      children = _ref3.children;
   return /*#__PURE__*/React__default['default'].createElement("span", Object.assign({}, attributes), children);
 };
 /**
@@ -2618,50 +2660,6 @@ module.exports["default"] = module.exports, module.exports.__esModule = true;
 
 var _classCallCheck = unwrapExports(classCallCheck);
 
-var arrayWithoutHoles = createCommonjsModule(function (module) {
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return arrayLikeToArray(arr);
-}
-
-module.exports = _arrayWithoutHoles;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
-});
-
-unwrapExports(arrayWithoutHoles);
-
-var iterableToArray = createCommonjsModule(function (module) {
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-module.exports = _iterableToArray;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
-});
-
-unwrapExports(iterableToArray);
-
-var nonIterableSpread = createCommonjsModule(function (module) {
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-module.exports = _nonIterableSpread;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
-});
-
-unwrapExports(nonIterableSpread);
-
-var toConsumableArray = createCommonjsModule(function (module) {
-function _toConsumableArray(arr) {
-  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
-}
-
-module.exports = _toConsumableArray;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
-});
-
-var _toConsumableArray = unwrapExports(toConsumableArray);
-
 /**
  * An auto-incrementing identifier for keys.
  */
@@ -4340,16 +4338,19 @@ var Slate = function Slate(props) {
   });
   useIsomorphicLayoutEffect(function () {
     var fn = function fn() {
-      setTimeout(function () {
-        if (unmountRef.current) {
-          return;
-        }
-
-        setIsFocused(ReactEditor.isFocused(editor));
-      }, 0);
+      return setIsFocused(ReactEditor.isFocused(editor));
     };
 
     document.addEventListener('focus', fn, true);
+    return function () {
+      return document.removeEventListener('focus', fn, true);
+    };
+  }, []);
+  useIsomorphicLayoutEffect(function () {
+    var fn = function fn() {
+      return setIsFocused(ReactEditor.isFocused(editor));
+    };
+
     document.addEventListener('blur', fn, true);
     return function () {
       document.removeEventListener('focus', fn, true);