slate-react 0.91.5-2023124214650 → 0.91.5

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import getDirection from 'direction';
 import debounce from 'lodash/debounce';
 import throttle from 'lodash/throttle';
-import React, { useLayoutEffect, useEffect, useRef, createContext, useContext, useCallback, Component, useState, useReducer, useMemo } from 'react';
+import React, { useLayoutEffect, useEffect, useRef, useState, memo, forwardRef, createContext, useContext, useCallback, Component, useReducer, useMemo } from 'react';
 import scrollIntoView from 'scroll-into-view-if-needed';
 import { Editor, Scrubber, Transforms, Range, Element as Element$1, Path, Node, Text as Text$1, Point } from 'slate';
 import { ResizeObserver } from '@juggle/resize-observer';
@@ -1247,7 +1247,9 @@ var TextString = props => {
 
   var 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
+  };
+
+  var [initialText] = useState(getTextContent); // 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
@@ -1256,7 +1258,6 @@ var TextString = props => {
   // eg makes native spellcheck opt out from checking the text node.
   // useLayoutEffect: updating our span before browser paint
 
-
   useIsomorphicLayoutEffect(() => {
     // 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 = getTextContent();
@@ -1266,27 +1267,24 @@ var TextString = props => {
     } // 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
 
-  }); // 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.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
+  }); // We intentionally render a memoized <span> that only receives the initial text content when the component is mounted.
+  // We defer to the layout effect above to update the `textContent` of the span element when needed.
 
+  return /*#__PURE__*/React.createElement(MemoizedText$1, {
+    ref: ref
+  }, initialText);
+};
 
+var MemoizedText$1 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement("span", {
     "data-slate-string": true,
     ref: ref
-  });
-};
+  }, props.children);
+}));
 /**
  * Leaf strings without text, render as zero-width strings.
  */
 
-
 var ZeroWidthString = props => {
   var {
     length = 0,