slate-react 0.72.6 → 0.72.7-202202811645

package/dist/plugin/react-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-editor.d.ts","sourceRoot":"","sources":["../packages/slate-react/src/plugin/react-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAc,UAAU,EAAE,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAYlC,OAAO,EAEL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,cAAc,EAKf,MAAM,cAAc,CAAA;AAGrB;;GAEG;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAA;IACnD,cAAc,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAA;IAC/C,eAAe,EAAE,CACf,IAAI,EAAE,YAAY,EAClB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,KAClC,IAAI,CAAA;IACT,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,OAAO,CAAA;CACzD;AAED,eAAO,MAAM,WAAW;IACtB;;OAEG;sBAEe,WAAW,GAAG,MAAM;IAQtC;;OAEG;oBAEa,WAAW,QAAQ,IAAI,GAAG,GAAG;IAW7C;;OAEG;qBAEc,WAAW,QAAQ,IAAI;IA8BxC;;OAEG;qCAE8B,WAAW,GAAG,QAAQ,GAAG,UAAU;IAcpE;;OAEG;sBAEe,WAAW,GAAG,OAAO;IAIvC;;OAEG;uBAEgB,WAAW,GAAG,OAAO;IAIxC;;OAEG;iBAEU,WAAW,GAAG,IAAI;IAU/B;;OAEG;kBAEW,WAAW,GAAG,IAAI;IAUhC;;OAEG;qBAEc,WAAW,GAAG,IAAI;IAenC;;OAEG;uBAGO,WAAW,UACX,OAAO,YACN;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAC9B,OAAO;IAoCV;;OAEG;uBAEgB,WAAW,QAAQ,YAAY,GAAG,IAAI;IAIzD;;OAEG;+BAEwB,WAAW,QAAQ,YAAY,GAAG,OAAO;IAIpE;;OAEG;2BAEoB,WAAW,QAAQ,YAAY,GAAG,OAAO;IAIhE;;OAEG;4BAGO,WAAW,QACb,YAAY,sDAEjB,IAAI;IAIP;;OAEG;sBAEe,WAAW,QAAQ,IAAI,GAAG,WAAW;IAevD;;OAEG;uBAEgB,WAAW,SAAS,KAAK;IAgD5C;;;;;;;OAOG;uBAEgB,WAAW,SAAS,KAAK,GAAG,QAAQ;IA8BvD;;OAEG;wBAEiB,WAAW,WAAW,OAAO,GAAG,IAAI;IAgBxD;;OAEG;2BAEoB,WAAW,SAAS,GAAG,GAAG,KAAK;IAiEtD;;OAEG;4CAGO,WAAW;;;;IAuGrB;;OAEG;8CAGO,WAAW,YACT,QAAQ,GAAG,cAAc,GAAG,YAAY;;;;;;qBAyFnC,WAAW,SAAS,KAAK,GAAG,OAAO;CAMrD,CAAA"}
+{"version":3,"file":"react-editor.d.ts","sourceRoot":"","sources":["../packages/slate-react/src/plugin/react-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAc,UAAU,EAAE,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAYlC,OAAO,EAEL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,cAAc,EAKf,MAAM,cAAc,CAAA;AAGrB;;GAEG;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAA;IACnD,cAAc,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAA;IAC/C,eAAe,EAAE,CACf,IAAI,EAAE,YAAY,EAClB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,KAClC,IAAI,CAAA;IACT,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,OAAO,CAAA;CACzD;AAED,eAAO,MAAM,WAAW;IACtB;;OAEG;sBAEe,WAAW,GAAG,MAAM;IAQtC;;OAEG;oBAEa,WAAW,QAAQ,IAAI,GAAG,GAAG;IAW7C;;OAEG;qBAEc,WAAW,QAAQ,IAAI;IA8BxC;;OAEG;qCAE8B,WAAW,GAAG,QAAQ,GAAG,UAAU;IAcpE;;OAEG;sBAEe,WAAW,GAAG,OAAO;IAIvC;;OAEG;uBAEgB,WAAW,GAAG,OAAO;IAIxC;;OAEG;iBAEU,WAAW,GAAG,IAAI;IAU/B;;OAEG;kBAEW,WAAW,GAAG,IAAI;IAUhC;;OAEG;qBAEc,WAAW,GAAG,IAAI;IAenC;;OAEG;uBAGO,WAAW,UACX,OAAO,YACN;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAC9B,OAAO;IAoCV;;OAEG;uBAEgB,WAAW,QAAQ,YAAY,GAAG,IAAI;IAIzD;;OAEG;+BAEwB,WAAW,QAAQ,YAAY,GAAG,OAAO;IAIpE;;OAEG;2BAEoB,WAAW,QAAQ,YAAY,GAAG,OAAO;IAIhE;;OAEG;4BAGO,WAAW,QACb,YAAY,sDAEjB,IAAI;IAIP;;OAEG;sBAEe,WAAW,QAAQ,IAAI,GAAG,WAAW;IAevD;;OAEG;uBAEgB,WAAW,SAAS,KAAK;IAgD5C;;;;;;;OAOG;uBAEgB,WAAW,SAAS,KAAK,GAAG,QAAQ;IA8BvD;;OAEG;wBAEiB,WAAW,WAAW,OAAO,GAAG,IAAI;IAgBxD;;OAEG;2BAEoB,WAAW,SAAS,GAAG,GAAG,KAAK;IAiEtD;;OAEG;4CAGO,WAAW;;;;IA0GrB;;OAEG;8CAGO,WAAW,YACT,QAAQ,GAAG,cAAc,GAAG,YAAY;;;;;;qBAyFnC,WAAW,SAAS,KAAK,GAAG,OAAO;CAMrD,CAAA"}

package/dist/slate-react.js

@@ -947,7 +947,11 @@
 	  var text = props.text,
 	      _props$isTrailing = props.isTrailing,
 	      isTrailing = _props$isTrailing === void 0 ? false : _props$isTrailing;
-	  var ref = React.useRef(null); // This is the actual text rendering boundary where we interface with the DOM
+	  var ref = React.useRef(null);
+
+	  var getTextContent = function getTextContent() {
+	    return "".concat(text !== null && text !== void 0 ? text : '').concat(isTrailing ? '\n' : '');
+	  }; // This is the actual text rendering boundary where we interface with the DOM
 	  // The text is not rendered as part of the virtual DOM, as since we handle basic character insertions natively,
 	  // updating the DOM is not a one way dataflow anymore. What we need here is not reconciliation and diffing
 	  // with previous version of the virtual DOM, but rather diffing with the actual DOM element, and replace the DOM <span> content
@@ -956,16 +960,26 @@
 	  // eg makes native spellcheck opt out from checking the text node.
 	  // useLayoutEffect: updating our span before browser paint
 
+
 	  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' : '');
+	    var textWithTrailing = getTextContent();
 
 	    if (ref.current && ref.current.textContent !== textWithTrailing) {
 	      ref.current.textContent = textWithTrailing;
 	    } // intentionally not specifying dependencies, so that this effect runs on every render
 	    // as this effectively replaces "specifying the text in the virtual DOM under the <span> below" on each render
 
-	  }); // the span is intentionally same on every render in virtual DOM, actual rendering happens in the layout effect above
+	  }); // Render text content immediately if it's the first-time render
+	  // Ensure that text content is rendered on server-side rendering
+
+	  if (!ref.current) {
+	    return /*#__PURE__*/React__default['default'].createElement("span", {
+	      "data-slate-string": true,
+	      ref: ref
+	    }, getTextContent());
+	  } // the span is intentionally same on every render in virtual DOM, actual rendering happens in the layout effect above
+
 
 	  return /*#__PURE__*/React__default['default'].createElement("span", {
 	    "data-slate-string": true,
@@ -2302,6 +2316,7 @@
 	      // triggering a `beforeinput` expecting the change to be applied to the immediately before
 	      // set selection.
 	      scheduleOnDOMSelectionChange.flush();
+	      onDOMSelectionChange.flush();
 	      var selection = editor.selection;
 	      var type = event.inputType;
 	      var data = event.dataTransfer || event.data || undefined; // These two types occur while a user is composing text and can't be
@@ -3984,22 +3999,25 @@
 
 	      if (leafNode) {
 	        textNode = leafNode.closest('[data-slate-node="text"]');
-	        var window = ReactEditor.getWindow(editor);
-	        var range = window.document.createRange();
-	        range.setStart(textNode, 0);
-	        range.setEnd(nearestNode, nearestOffset);
-	        var contents = range.cloneContents();
-	        var removals = [].concat(_toConsumableArray(Array.prototype.slice.call(contents.querySelectorAll('[data-slate-zero-width]'))), _toConsumableArray(Array.prototype.slice.call(contents.querySelectorAll('[contenteditable=false]'))));
-	        removals.forEach(function (el) {
-	          el.parentNode.removeChild(el);
-	        }); // COMPAT: Edge has a bug where Range.prototype.toString() will
-	        // convert \n into \r\n. The bug causes a loop when slate-react
-	        // attempts to reposition its cursor to match the native position. Use
-	        // textContent.length instead.
-	        // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10291116/
-
-	        offset = contents.textContent.length;
-	        domNode = textNode;
+
+	        if (textNode) {
+	          var window = ReactEditor.getWindow(editor);
+	          var range = window.document.createRange();
+	          range.setStart(textNode, 0);
+	          range.setEnd(nearestNode, nearestOffset);
+	          var contents = range.cloneContents();
+	          var removals = [].concat(_toConsumableArray(Array.prototype.slice.call(contents.querySelectorAll('[data-slate-zero-width]'))), _toConsumableArray(Array.prototype.slice.call(contents.querySelectorAll('[contenteditable=false]'))));
+	          removals.forEach(function (el) {
+	            el.parentNode.removeChild(el);
+	          }); // COMPAT: Edge has a bug where Range.prototype.toString() will
+	          // convert \n into \r\n. The bug causes a loop when slate-react
+	          // attempts to reposition its cursor to match the native position. Use
+	          // textContent.length instead.
+	          // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10291116/
+
+	          offset = contents.textContent.length;
+	          domNode = textNode;
+	        }
 	      } else if (voidNode) {
 	        // For void nodes, the element with the offset key will be a cousin, not an
 	        // ancestor, so find it by going down from the nearest void parent.