slate-react 0.91.0-202319185818 → 0.91.0

package/dist/index.es.js

@@ -1120,6 +1120,14 @@ var useIsomorphicLayoutEffect = CAN_USE_DOM ? useLayoutEffect : useEffect;
 var _excluded$3 = ["anchor", "focus"],
     _excluded2$1 = ["anchor", "focus"];
 var shallowCompare = (obj1, obj2) => Object.keys(obj1).length === Object.keys(obj2).length && Object.keys(obj1).every(key => obj2.hasOwnProperty(key) && obj1[key] === obj2[key]);
+
+var isDecorationFlagsEqual = (range, other) => {
+  var rangeOwnProps = _objectWithoutProperties(range, _excluded$3);
+
+  var otherOwnProps = _objectWithoutProperties(other, _excluded2$1);
+
+  return range[PLACEHOLDER_SYMBOL] === other[PLACEHOLDER_SYMBOL] && shallowCompare(rangeOwnProps, otherOwnProps);
+};
 /**
  * Check if a list of decorator ranges are equal to another.
  *
@@ -1128,7 +1136,8 @@ var shallowCompare = (obj1, obj2) => Object.keys(obj1).length === Object.keys(ob
  * kept in order, and the odd case where they aren't is okay to re-render for.
  */
 
-var isDecoratorRangeListEqual = (list, another) => {
+
+var isElementDecorationsEqual = (list, another) => {
   if (list.length !== another.length) {
     return false;
   }
@@ -1137,11 +1146,31 @@ var isDecoratorRangeListEqual = (list, another) => {
     var range = list[i];
     var other = another[i];
 
-    var rangeOwnProps = _objectWithoutProperties(range, _excluded$3);
+    if (!Range.equals(range, other) || !isDecorationFlagsEqual(range, other)) {
+      return false;
+    }
+  }
+
+  return true;
+};
+/**
+ * Check if a list of decorator ranges are equal to another.
+ *
+ * PERF: this requires the two lists to also have the ranges inside them in the
+ * same order, but this is an okay constraint for us since decorations are
+ * kept in order, and the odd case where they aren't is okay to re-render for.
+ */
+
+var isTextDecorationsEqual = (list, another) => {
+  if (list.length !== another.length) {
+    return false;
+  }
 
-    var otherOwnProps = _objectWithoutProperties(other, _excluded2$1);
+  for (var i = 0; i < list.length; i++) {
+    var range = list[i];
+    var other = another[i]; // compare only offsets because paths doesn't matter for text
 
-    if (!Range.equals(range, other) || range[PLACEHOLDER_SYMBOL] !== other[PLACEHOLDER_SYMBOL] || !shallowCompare(rangeOwnProps, otherOwnProps)) {
+    if (range.anchor.offset !== other.anchor.offset || range.focus.offset !== other.focus.offset || !isDecorationFlagsEqual(range, other)) {
       return false;
     }
   }
@@ -1462,7 +1491,7 @@ var Text = props => {
 };
 
 var MemoizedText = /*#__PURE__*/React.memo(Text, (prev, next) => {
-  return next.parent === prev.parent && next.isLast === prev.isLast && next.renderLeaf === prev.renderLeaf && next.text === prev.text && isDecoratorRangeListEqual(next.decorations, prev.decorations);
+  return next.parent === prev.parent && next.isLast === prev.isLast && next.renderLeaf === prev.renderLeaf && next.text === prev.text && isTextDecorationsEqual(next.decorations, prev.decorations);
 });
 
 /**
@@ -1562,7 +1591,7 @@ var Element = props => {
 };
 
 var MemoizedElement = /*#__PURE__*/React.memo(Element, (prev, next) => {
-  return prev.element === next.element && prev.renderElement === next.renderElement && prev.renderLeaf === next.renderLeaf && isDecoratorRangeListEqual(prev.decorations, next.decorations) && (prev.selection === next.selection || !!prev.selection && !!next.selection && Range.equals(prev.selection, next.selection));
+  return prev.element === next.element && prev.renderElement === next.renderElement && prev.renderLeaf === next.renderLeaf && isElementDecorationsEqual(prev.decorations, next.decorations) && (prev.selection === next.selection || !!prev.selection && !!next.selection && Range.equals(prev.selection, next.selection));
 });
 /**
  * The default element renderer.