slate-react 0.82.1 → 0.82.2-202281032115

package/dist/slate-react.js

@@ -2254,11 +2254,23 @@
 	      renderPlaceholder = props.renderPlaceholder,
 	      renderLeaf = props.renderLeaf,
 	      selection = props.selection;
-	  var ref = React.useRef(null);
 	  var editor = useSlateStatic();
 	  var readOnly = useReadOnly();
 	  var isInline = editor.isInline(element);
 	  var key = ReactEditor.findKey(editor, element);
+	  var ref = React.useCallback(function (ref) {
+	    // Update element-related weak maps with the DOM element ref.
+	    var KEY_TO_ELEMENT = EDITOR_TO_KEY_TO_ELEMENT.get(editor);
+
+	    if (ref) {
+	      KEY_TO_ELEMENT === null || KEY_TO_ELEMENT === void 0 ? void 0 : KEY_TO_ELEMENT.set(key, ref);
+	      NODE_TO_ELEMENT.set(element, ref);
+	      ELEMENT_TO_NODE.set(ref, element);
+	    } else {
+	      KEY_TO_ELEMENT === null || KEY_TO_ELEMENT === void 0 ? void 0 : KEY_TO_ELEMENT["delete"](key);
+	      NODE_TO_ELEMENT["delete"](element);
+	    }
+	  }, [editor, key, element]);
 	  var children = useChildren({
 	    decorations: decorations,
 	    node: element,
@@ -2321,21 +2333,8 @@
 	    }));
 	    NODE_TO_INDEX.set(_text, 0);
 	    NODE_TO_PARENT.set(_text, element);
-	  } // Update element-related weak maps with the DOM element ref.
-
-
-	  useIsomorphicLayoutEffect(function () {
-	    var KEY_TO_ELEMENT = EDITOR_TO_KEY_TO_ELEMENT.get(editor);
+	  }
 
-	    if (ref.current) {
-	      KEY_TO_ELEMENT === null || KEY_TO_ELEMENT === void 0 ? void 0 : KEY_TO_ELEMENT.set(key, ref.current);
-	      NODE_TO_ELEMENT.set(element, ref.current);
-	      ELEMENT_TO_NODE.set(ref.current, element);
-	    } else {
-	      KEY_TO_ELEMENT === null || KEY_TO_ELEMENT === void 0 ? void 0 : KEY_TO_ELEMENT["delete"](key);
-	      NODE_TO_ELEMENT["delete"](element);
-	    }
-	  });
 	  return renderElement({
 	    attributes: attributes,
 	    children: children,
@@ -4507,6 +4506,11 @@
 	            androidInputManager === null || androidInputManager === void 0 ? void 0 : androidInputManager.handleUserSelect(range);
 	          }
 	        }
+	      } // Deselect the editor if the dom selection is not selectable in readonly mode
+
+
+	      if (readOnly && (!anchorNodeSelectable || !focusNodeSelectable)) {
+	        slate.Transforms.deselect(editor);
 	      }
 	    }
 	  }, 100), [readOnly]);
@@ -5037,7 +5041,8 @@
 	    node: ref,
 	    receivedUserInput: receivedUserInput
 	  }, /*#__PURE__*/React__default['default'].createElement(Component, Object.assign({
-	    role: readOnly ? undefined : 'textbox'
+	    role: readOnly ? undefined : 'textbox',
+	    "aria-multiline": readOnly ? undefined : true
 	  }, attributes, {
 	    // COMPAT: Certain browsers don't support the `beforeinput` event, so we'd
 	    // have to use hacks to make these replacement-based features work.