slate-react 0.99.0 → 0.100.0-2023920121024

package/dist/components/slate.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Descendant } from 'slate';
+import { Descendant, Selection } from 'slate';
 import { ReactEditor } from '../plugin/react-editor';
 /**
  * A wrapper around the provider to handle `onChange` events, because the editor
@@ -10,5 +10,7 @@ export declare const Slate: (props: {
     initialValue: Descendant[];
     children: React.ReactNode;
     onChange?: ((value: Descendant[]) => void) | undefined;
+    onSelectionChange?: ((selection: Selection) => void) | undefined;
+    onValueChange?: ((value: Descendant[]) => void) | undefined;
 }) => JSX.Element;
 //# sourceMappingURL=slate.d.ts.map

package/dist/components/slate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slate.d.ts","sourceRoot":"","sources":["../packages/slate-react/src/components/slate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,UAAU,EAA0B,MAAM,OAAO,CAAA;AAS1D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAIpD;;;GAGG;AAEH,eAAO,MAAM,KAAK;YACR,WAAW;kBACL,UAAU,EAAE;cAChB,MAAM,SAAS;wBACN,UAAU,EAAE,KAAK,IAAI;iBAsFzC,CAAA"}
+{"version":3,"file":"slate.d.ts","sourceRoot":"","sources":["../packages/slate-react/src/components/slate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAqC,SAAS,EAAE,MAAM,OAAO,CAAA;AAShF,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAIpD;;;GAGG;AAEH,eAAO,MAAM,KAAK;YACR,WAAW;kBACL,UAAU,EAAE;cAChB,MAAM,SAAS;wBACN,UAAU,EAAE,KAAK,IAAI;qCACR,SAAS,KAAK,IAAI;6BAC1B,UAAU,EAAE,KAAK,IAAI;iBAyG9C,CAAA"}

package/dist/index.es.js

@@ -4736,7 +4736,7 @@ function useSelectorContext(editor) {
   };
 }
 
-var _excluded = ["editor", "children", "onChange", "initialValue"];
+var _excluded = ["editor", "children", "onChange", "onSelectionChange", "onValueChange", "initialValue"];
 /**
  * A wrapper around the provider to handle `onChange` events, because the editor
  * is a mutable singleton so it won't ever register as "changed" otherwise.
@@ -4747,6 +4747,8 @@ var Slate = props => {
     editor,
     children,
     onChange,
+    onSelectionChange,
+    onValueChange,
     initialValue
   } = props,
       rest = _objectWithoutProperties(props, _excluded);
@@ -4771,17 +4773,28 @@ var Slate = props => {
     selectorContext,
     onChange: handleSelectorChange
   } = useSelectorContext(editor);
-  var onContextChange = useCallback(() => {
+  var onContextChange = useCallback(options => {
+    var _options$operation;
+
     if (onChange) {
       onChange(editor.children);
     }
 
+    switch (options === null || options === void 0 ? void 0 : (_options$operation = options.operation) === null || _options$operation === void 0 ? void 0 : _options$operation.type) {
+      case 'set_selection':
+        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(editor.selection);
+        break;
+
+      default:
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(editor.children);
+    }
+
     setContext(prevContext => ({
       v: prevContext.v + 1,
       editor
     }));
     handleSelectorChange(editor);
-  }, [editor, handleSelectorChange, onChange]);
+  }, [editor, handleSelectorChange, onChange, onSelectionChange, onValueChange]);
   useEffect(() => {
     EDITOR_TO_ON_CHANGE.set(editor, onContextChange);
     return () => {
@@ -5229,7 +5242,7 @@ var withReact = function withReact(editor) {
       var onContextChange = EDITOR_TO_ON_CHANGE.get(e);
 
       if (onContextChange) {
-        onContextChange();
+        onContextChange(options);
       }
 
       onChange(options);