@tiptap/react 2.5.2 → 2.5.4

package/dist/index.cjs

@@ -6,6 +6,11 @@ var ReactDOM = require('react-dom');
 var core = require('@tiptap/core');
 var extensionFloatingMenu = require('@tiptap/extension-floating-menu');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var ReactDOM__default = /*#__PURE__*/_interopDefaultCompat(ReactDOM);
+
 const mergeRefs = (...refs) => {
     return (node) => {
         refs.forEach(ref => {
@@ -19,14 +24,14 @@ const mergeRefs = (...refs) => {
     };
 };
 const Portals = ({ renderers }) => {
-    return (React.createElement(React.Fragment, null, Object.entries(renderers).map(([key, renderer]) => {
-        return ReactDOM.createPortal(renderer.reactElement, renderer.element, key);
+    return (React__default.default.createElement(React__default.default.Fragment, null, Object.entries(renderers).map(([key, renderer]) => {
+        return ReactDOM__default.default.createPortal(renderer.reactElement, renderer.element, key);
     })));
 };
-class PureEditorContent extends React.Component {
+class PureEditorContent extends React__default.default.Component {
     constructor(props) {
         super(props);
-        this.editorContentRef = React.createRef();
+        this.editorContentRef = React__default.default.createRef();
         this.initialized = false;
         this.state = {
             renderers: {},
@@ -108,24 +113,24 @@ class PureEditorContent extends React.Component {
     }
     render() {
         const { editor, innerRef, ...rest } = this.props;
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", { ref: mergeRefs(innerRef, this.editorContentRef), ...rest }),
-            React.createElement(Portals, { renderers: this.state.renderers })));
+        return (React__default.default.createElement(React__default.default.Fragment, null,
+            React__default.default.createElement("div", { ref: mergeRefs(innerRef, this.editorContentRef), ...rest }),
+            React__default.default.createElement(Portals, { renderers: this.state.renderers })));
     }
 }
 // EditorContent should be re-created whenever the Editor instance changes
 const EditorContentWithKey = React.forwardRef((props, ref) => {
-    const key = React.useMemo(() => {
+    const key = React__default.default.useMemo(() => {
         return Math.floor(Math.random() * 0xFFFFFFFF).toString();
     }, [props.editor]);
     // Can't use JSX here because it conflicts with the type definition of Vue's JSX, so use createElement
-    return React.createElement(PureEditorContent, {
+    return React__default.default.createElement(PureEditorContent, {
         key,
         innerRef: ref,
         ...props,
     });
 });
-const EditorContent = React.memo(EditorContentWithKey);
+const EditorContent = React__default.default.memo(EditorContentWithKey);
 
 class Editor extends core.Editor {
     constructor() {
@@ -157,7 +162,7 @@ var hasRequiredUseSyncExternalStoreShim_production_min;
 function requireUseSyncExternalStoreShim_production_min () {
 	if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
 	hasRequiredUseSyncExternalStoreShim_production_min = 1;
-var e=React;function h(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k="function"===typeof Object.is?Object.is:h,l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n(function(){c.value=d;c.getSnapshot=b;r(c)&&g({inst:c});},[a,d,b]);m(function(){r(c)&&g({inst:c});return a(function(){r(c)&&g({inst:c});})},[a]);p(d);return d}
+var e=React__default.default;function h(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k="function"===typeof Object.is?Object.is:h,l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n(function(){c.value=d;c.getSnapshot=b;r(c)&&g({inst:c});},[a,d,b]);m(function(){r(c)&&g({inst:c});return a(function(){r(c)&&g({inst:c});})},[a]);p(d);return d}
 	function r(a){var b=a.getSnapshot;a=a.value;try{var d=b();return !k(a,d)}catch(f){return !0}}function t(a,b){return b()}var u="undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement?t:q;useSyncExternalStoreShim_production_min.useSyncExternalStore=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:u;
 	return useSyncExternalStoreShim_production_min;
 }
@@ -191,9 +196,9 @@ function requireUseSyncExternalStoreShim_development () {
 	) {
 	  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
 	}
-	          var React$1 = React;
+	          var React = React__default.default;
 
-	var ReactSharedInternals = React$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+	var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
 	function error(format) {
 	  {
@@ -245,10 +250,10 @@ function requireUseSyncExternalStoreShim_development () {
 
 	// dispatch for CommonJS interop named imports.
 
-	var useState = React$1.useState,
-	    useEffect = React$1.useEffect,
-	    useLayoutEffect = React$1.useLayoutEffect,
-	    useDebugValue = React$1.useDebugValue;
+	var useState = React.useState,
+	    useEffect = React.useEffect,
+	    useLayoutEffect = React.useLayoutEffect,
+	    useDebugValue = React.useDebugValue;
 	var didWarnOld18Alpha = false;
 	var didWarnUncachedGetSnapshot = false; // Disclaimer: This shim breaks many of the rules of React, and only works
 	// because of a very particular set of implementation details and assumptions
@@ -268,7 +273,7 @@ function requireUseSyncExternalStoreShim_development () {
 	getServerSnapshot) {
 	  {
 	    if (!didWarnOld18Alpha) {
-	      if (React$1.startTransition !== undefined) {
+	      if (React.startTransition !== undefined) {
 	        didWarnOld18Alpha = true;
 
 	        error('You are using an outdated, pre-release alpha of React 18 that ' + 'does not support useSyncExternalStore. The ' + 'use-sync-external-store shim will not work correctly. Upgrade ' + 'to a newer pre-release.');
@@ -391,7 +396,7 @@ function requireUseSyncExternalStoreShim_development () {
 	var isServerEnvironment = !canUseDOM;
 
 	var shim = isServerEnvironment ? useSyncExternalStore$1 : useSyncExternalStore;
-	var useSyncExternalStore$2 = React$1.useSyncExternalStore !== undefined ? React$1.useSyncExternalStore : shim;
+	var useSyncExternalStore$2 = React.useSyncExternalStore !== undefined ? React.useSyncExternalStore : shim;
 
 	useSyncExternalStoreShim_development.useSyncExternalStore = useSyncExternalStore$2;
 	          /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
@@ -437,7 +442,7 @@ var hasRequiredWithSelector_production_min;
 function requireWithSelector_production_min () {
 	if (hasRequiredWithSelector_production_min) return withSelector_production_min;
 	hasRequiredWithSelector_production_min = 1;
-var h=React,n=requireShim();function p(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var q="function"===typeof Object.is?Object.is:p,r=n.useSyncExternalStore,t=h.useRef,u=h.useEffect,v=h.useMemo,w=h.useDebugValue;
+var h=React__default.default,n=requireShim();function p(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var q="function"===typeof Object.is?Object.is:p,r=n.useSyncExternalStore,t=h.useRef,u=h.useEffect,v=h.useMemo,w=h.useDebugValue;
 	withSelector_production_min.useSyncExternalStoreWithSelector=function(a,b,e,l,g){var c=t(null);if(null===c.current){var f={hasValue:!1,value:null};c.current=f;}else f=c.current;c=v(function(){function a(a){if(!c){c=!0;d=a;a=l(a);if(void 0!==g&&f.hasValue){var b=f.value;if(g(b,a))return k=b}return k=a}b=k;if(q(d,a))return b;var e=l(a);if(void 0!==g&&g(b,e))return b;d=a;return k=e}var c=!1,d,k,m=void 0===e?null:e;return [function(){return a(b())},null===m?void 0:function(){return a(m())}]},[b,e,l,g]);var d=r(a,c[0],c[1]);
 	u(function(){f.hasValue=!0;f.value=d;},[d]);w(d);return d};
 	return withSelector_production_min;
@@ -472,7 +477,7 @@ function requireWithSelector_development () {
 	) {
 	  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
 	}
-	          var React$1 = React;
+	          var React = React__default.default;
 	var shim = requireShim();
 
 	/**
@@ -490,10 +495,10 @@ function requireWithSelector_development () {
 
 	// for CommonJS interop.
 
-	var useRef = React$1.useRef,
-	    useEffect = React$1.useEffect,
-	    useMemo = React$1.useMemo,
-	    useDebugValue = React$1.useDebugValue; // Same as useSyncExternalStore, but supports selector and isEqual arguments.
+	var useRef = React.useRef,
+	    useEffect = React.useEffect,
+	    useMemo = React.useMemo,
+	    useDebugValue = React.useDebugValue; // Same as useSyncExternalStore, but supports selector and isEqual arguments.
 
 	function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
 	  // Use this to track the rendered snapshot.
@@ -737,8 +742,14 @@ function useEditor(options = {}, deps = []) {
             // for ssr, this is the first time the editor is created
             setEditor(editorInstance);
         }
+        else if (Array.isArray(deps) && deps.length) {
+            // the deps array is used to re-initialize the editor instance
+            editorInstance = new Editor(options);
+            setEditor(editorInstance);
+        }
         else {
-            // if the editor does exist, update the editor options accordingly
+            // if the editor does exist & deps are empty, we don't need to re-initialize the editor
+            // we can fast-path to update the editor options on the existing instance
             editorInstance.setOptions(options);
         }
     }, deps);
@@ -875,9 +886,9 @@ function EditorProvider({ children, slotAfter, slotBefore, ...editorOptions }) {
     if (!editor) {
         return null;
     }
-    return (React.createElement(EditorContext.Provider, { value: { editor } },
+    return (React__default.default.createElement(EditorContext.Provider, { value: { editor } },
         slotBefore,
-        React.createElement(EditorConsumer, null, ({ editor: currentEditor }) => (React.createElement(EditorContent, { editor: currentEditor }))),
+        React__default.default.createElement(EditorConsumer, null, ({ editor: currentEditor }) => (React__default.default.createElement(EditorContent, { editor: currentEditor }))),
         children,
         slotAfter));
 }
@@ -910,7 +921,7 @@ const BubbleMenu = (props) => {
         menuEditor.registerPlugin(plugin);
         return () => menuEditor.unregisterPlugin(pluginKey);
     }, [props.editor, currentEditor, element]);
-    return (React.createElement("div", { ref: setElement, className: props.className, style: { visibility: 'hidden' } }, props.children));
+    return (React__default.default.createElement("div", { ref: setElement, className: props.className, style: { visibility: 'hidden' } }, props.children));
 };
 
 const FloatingMenu = (props) => {
@@ -944,7 +955,7 @@ const FloatingMenu = (props) => {
         currentEditor,
         element,
     ]);
-    return (React.createElement("div", { ref: setElement, className: props.className, style: { visibility: 'hidden' } }, props.children));
+    return (React__default.default.createElement("div", { ref: setElement, className: props.className, style: { visibility: 'hidden' } }, props.children));
 };
 
 const ReactNodeViewContext = React.createContext({
@@ -955,16 +966,16 @@ const useReactNodeView = () => React.useContext(ReactNodeViewContext);
 const NodeViewContent = props => {
     const Tag = props.as || 'div';
     const { nodeViewContentRef } = useReactNodeView();
-    return (React.createElement(Tag, { ...props, ref: nodeViewContentRef, "data-node-view-content": "", style: {
+    return (React__default.default.createElement(Tag, { ...props, ref: nodeViewContentRef, "data-node-view-content": "", style: {
             whiteSpace: 'pre-wrap',
             ...props.style,
         } }));
 };
 
-const NodeViewWrapper = React.forwardRef((props, ref) => {
+const NodeViewWrapper = React__default.default.forwardRef((props, ref) => {
     const { onDragStart } = useReactNodeView();
     const Tag = props.as || 'div';
-    return (React.createElement(Tag, { ...props, ref: ref, "data-node-view-wrapper": "", onDragStart: onDragStart, style: {
+    return (React__default.default.createElement(Tag, { ...props, ref: ref, "data-node-view-wrapper": "", onDragStart: onDragStart, style: {
             whiteSpace: 'normal',
             ...props.style,
         } }));
@@ -1029,7 +1040,7 @@ class ReactRenderer {
                 this.ref = ref;
             };
         }
-        this.reactElement = React.createElement(Component, { ...props });
+        this.reactElement = React__default.default.createElement(Component, { ...props });
         (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.contentComponent) === null || _b === void 0 ? void 0 : _b.setRenderer(this.id, this);
     }
     updateProps(props = {}) {
@@ -1071,9 +1082,9 @@ class ReactNodeView extends core.NodeView {
                     element.appendChild(this.contentDOMElement);
                 }
             };
-            return (React.createElement(React.Fragment, null,
-                React.createElement(ReactNodeViewContext.Provider, { value: { onDragStart, nodeViewContentRef } },
-                    React.createElement(Component, { ...componentProps }))));
+            return (React__default.default.createElement(React__default.default.Fragment, null,
+                React__default.default.createElement(ReactNodeViewContext.Provider, { value: { onDragStart, nodeViewContentRef } },
+                    React__default.default.createElement(Component, { ...componentProps }))));
         };
         ReactNodeViewProvider.displayName = 'ReactNodeView';
         if (this.node.isLeaf) {