slate-react 0.72.4 → 0.72.6

package/dist/slate-react.js

@@ -855,6 +855,40 @@
 	  return defaultBehavior(compute(target, computeOptions), computeOptions.behavior);
 	}
 
+	var IS_IOS = typeof navigator !== 'undefined' && typeof window !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+	var IS_APPLE = typeof navigator !== 'undefined' && /Mac OS X/.test(navigator.userAgent);
+	var IS_ANDROID = typeof navigator !== 'undefined' && /Android/.test(navigator.userAgent);
+	var IS_FIREFOX = typeof navigator !== 'undefined' && /^(?!.*Seamonkey)(?=.*Firefox).*/i.test(navigator.userAgent);
+	var IS_SAFARI = typeof navigator !== 'undefined' && /Version\/[\d\.]+.*Safari/.test(navigator.userAgent); // "modern" Edge was released at 79.x
+
+	var IS_EDGE_LEGACY = typeof navigator !== 'undefined' && /Edge?\/(?:[0-6][0-9]|[0-7][0-8])/i.test(navigator.userAgent);
+	var IS_CHROME = typeof navigator !== 'undefined' && /Chrome/i.test(navigator.userAgent); // Native `beforeInput` events don't work well with react on Chrome 75
+	// and older, Chrome 76+ can use `beforeInput` though.
+
+	var IS_CHROME_LEGACY = typeof navigator !== 'undefined' && /Chrome?\/(?:[0-7][0-5]|[0-6][0-9])/i.test(navigator.userAgent); // Firefox did not support `beforeInput` until `v87`.
+
+	var IS_FIREFOX_LEGACY = typeof navigator !== 'undefined' && /^(?!.*Seamonkey)(?=.*Firefox\/(?:[0-7][0-9]|[0-8][0-6])).*/i.test(navigator.userAgent); // qq browser
+
+	var IS_QQBROWSER = typeof navigator !== 'undefined' && /.*QQBrowser/.test(navigator.userAgent); // UC mobile browser
+
+	var IS_UC_MOBILE = typeof navigator !== 'undefined' && /.*UCBrowser/.test(navigator.userAgent); // Wechat browser
+
+	var IS_WECHATBROWSER = typeof navigator !== 'undefined' && /.*Wechat/.test(navigator.userAgent); // Check if DOM is available as React does internally.
+	// https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js
+
+	var CAN_USE_DOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined'); // COMPAT: Firefox/Edge Legacy don't support the `beforeinput` event
+	// Chrome Legacy doesn't support `beforeinput` correctly
+
+	var HAS_BEFORE_INPUT_SUPPORT = !IS_CHROME_LEGACY && !IS_EDGE_LEGACY && // globalThis is undefined in older browsers
+	typeof globalThis !== 'undefined' && globalThis.InputEvent && // @ts-ignore The `getTargetRanges` property isn't recognized.
+	typeof globalThis.InputEvent.prototype.getTargetRanges === 'function';
+
+	/**
+	 * Prevent warning on SSR by falling back to useEffect when DOM isn't available
+	 */
+
+	var useIsomorphicLayoutEffect = CAN_USE_DOM ? React.useLayoutEffect : React.useEffect;
+
 	/**
 	 * Leaf content strings.
 	 */
@@ -922,7 +956,7 @@
 	  // eg makes native spellcheck opt out from checking the text node.
 	  // useLayoutEffect: updating our span before browser paint
 
-	  React.useLayoutEffect(function () {
+	  useIsomorphicLayoutEffect(function () {
 	    // null coalescing text to make sure we're not outputing "null" as a string in the extreme case it is nullish at runtime
 	    var textWithTrailing = "".concat(text !== null && text !== void 0 ? text : '').concat(isTrailing ? '\n' : '');
 
@@ -1076,40 +1110,6 @@
 	  return /*#__PURE__*/React__default['default'].createElement("span", Object.assign({}, attributes), children);
 	};
 
-	var IS_IOS = typeof navigator !== 'undefined' && typeof window !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
-	var IS_APPLE = typeof navigator !== 'undefined' && /Mac OS X/.test(navigator.userAgent);
-	var IS_ANDROID = typeof navigator !== 'undefined' && /Android/.test(navigator.userAgent);
-	var IS_FIREFOX = typeof navigator !== 'undefined' && /^(?!.*Seamonkey)(?=.*Firefox).*/i.test(navigator.userAgent);
-	var IS_SAFARI = typeof navigator !== 'undefined' && /Version\/[\d\.]+.*Safari/.test(navigator.userAgent); // "modern" Edge was released at 79.x
-
-	var IS_EDGE_LEGACY = typeof navigator !== 'undefined' && /Edge?\/(?:[0-6][0-9]|[0-7][0-8])/i.test(navigator.userAgent);
-	var IS_CHROME = typeof navigator !== 'undefined' && /Chrome/i.test(navigator.userAgent); // Native `beforeInput` events don't work well with react on Chrome 75
-	// and older, Chrome 76+ can use `beforeInput` though.
-
-	var IS_CHROME_LEGACY = typeof navigator !== 'undefined' && /Chrome?\/(?:[0-7][0-5]|[0-6][0-9])/i.test(navigator.userAgent); // Firefox did not support `beforeInput` until `v87`.
-
-	var IS_FIREFOX_LEGACY = typeof navigator !== 'undefined' && /^(?!.*Seamonkey)(?=.*Firefox\/(?:[0-7][0-9]|[0-8][0-6])).*/i.test(navigator.userAgent); // qq browser
-
-	var IS_QQBROWSER = typeof navigator !== 'undefined' && /.*QQBrowser/.test(navigator.userAgent); // UC mobile browser
-
-	var IS_UC_MOBILE = typeof navigator !== 'undefined' && /.*UCBrowser/.test(navigator.userAgent); // Wechat browser
-
-	var IS_WECHATBROWSER = typeof navigator !== 'undefined' && /.*Wechat/.test(navigator.userAgent); // Check if DOM is available as React does internally.
-	// https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js
-
-	var CAN_USE_DOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined'); // COMPAT: Firefox/Edge Legacy don't support the `beforeinput` event
-	// Chrome Legacy doesn't support `beforeinput` correctly
-
-	var HAS_BEFORE_INPUT_SUPPORT = !IS_CHROME_LEGACY && !IS_EDGE_LEGACY && // globalThis is undefined in older browsers
-	typeof globalThis !== 'undefined' && globalThis.InputEvent && // @ts-ignore The `getTargetRanges` property isn't recognized.
-	typeof globalThis.InputEvent.prototype.getTargetRanges === 'function';
-
-	/**
-	 * Prevent warning on SSR by falling back to useEffect when DOM isn't available
-	 */
-
-	var useIsomorphicLayoutEffect = CAN_USE_DOM ? React.useLayoutEffect : React.useEffect;
-
 	var _excluded$3 = ["anchor", "focus"],
 	    _excluded2 = ["anchor", "focus"];
 	var shallowCompare = function shallowCompare(obj1, obj2) {
@@ -2220,7 +2220,7 @@
 
 
 	    state.isUpdatingSelection = true;
-	    var newDomRange = selection && ReactEditor.toDOMRange(editor, selection);
+	    var newDomRange = selection && hasDomSelectionInEditor && ReactEditor.toDOMRange(editor, selection);
 
 	    if (newDomRange) {
 	      if (slate.Range.isBackward(selection)) {
@@ -5097,20 +5097,10 @@
 	    };
 
 	    document.addEventListener('focus', fn, true);
-	    return function () {
-	      return document.removeEventListener('focus', fn, true);
-	    };
-	  }, []);
-	  useIsomorphicLayoutEffect(function () {
-	    var fn = function fn() {
-	      setTimeout(function () {
-	        setIsFocused(ReactEditor.isFocused(editor));
-	      }, 0);
-	    };
-
 	    document.addEventListener('blur', fn, true);
 	    return function () {
-	      return document.removeEventListener('blur', fn, true);
+	      document.removeEventListener('focus', fn, true);
+	      document.removeEventListener('blur', fn, true);
 	    };
 	  }, []);
 	  return /*#__PURE__*/React__default['default'].createElement(SlateContext.Provider, {