@tiptap/react - npm Package Compare versions

Comparing version 2.0.0-beta.1 to 2.0.0-beta.2

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap-next/compare/@tiptap/react@2.0.0-beta.1...@tiptap/react@2.0.0-beta.2) (2021-03-09)
+
+**Note:** Version bump only for package @tiptap/react
+
+
+
+
+
 # [2.0.0-beta.1](https://github.com/ueberdosis/tiptap-next/compare/@tiptap/react@2.0.0-alpha.2...@tiptap/react@2.0.0-beta.1) (2021-03-05)
@@ -8,0 +16,0 @@

dist/packages/react/src/index.d.ts

 export * from '@tiptap/core';
-export { default as ReactRenderer } from './ReactRenderer';
-export { default as ReactNodeViewRenderer } from './ReactNodeViewRenderer';
-export { Editor, EditorContext, useEditor, } from './components/Editor';
+export { Editor } from './Editor';
+export * from './useEditor';
+export * from './EditorContent';

dist/tiptap-react.bundle.umd.min.js

@@ -1,15 +0,15 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@tiptap/core")):"function"==typeof define&&define.amd?define(["exports","@tiptap/core"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@tiptap/react"]={},e["@tiptap/core"])}(this,(function(e,t){"use strict";function r(e){var t={exports:{}};return e(t,t.exports),t.exports
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@tiptap/core")):"function"==typeof define&&define.amd?define(["exports","@tiptap/core"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@tiptap/react"]={},e["@tiptap/core"])}(this,(function(e,t){"use strict";class r extends t.Editor{constructor(){super(...arguments),this.contentComponent=null}}function n(e){var t={exports:{}};return e(t,t.exports),t.exports
 /*
-	object-assign
-	(c) Sindre Sorhus
-	@license MIT
-	*/}var n=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;function u(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}var i=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var r,i,c=u(e),s=1;s<arguments.length;s++){for(var l in r=Object(arguments[s]))o.call(r,l)&&(c[l]=r[l]);if(n){i=n(r);for(var f=0;f<i.length;f++)a.call(r,i[f])&&(c[i[f]]=r[i[f]])}}return c},c=r((function(e,t){var r=60103,n=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var o=60109,a=60110,u=60112;t.Suspense=60113;var c=60115,s=60116;if("function"==typeof Symbol&&Symbol.for){var l=Symbol.for;r=l("react.element"),n=l("react.portal"),t.Fragment=l("react.fragment"),t.StrictMode=l("react.strict_mode"),t.Profiler=l("react.profiler"),o=l("react.provider"),a=l("react.context"),u=l("react.forward_ref"),t.Suspense=l("react.suspense"),c=l("react.memo"),s=l("react.lazy")}var f="function"==typeof Symbol&&Symbol.iterator;function p(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=1;r<arguments.length;r++)t+="&args[]="+encodeURIComponent(arguments[r]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var d={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},y={};function v(e,t,r){this.props=e,this.context=t,this.refs=y,this.updater=r||d}function m(){}function h(e,t,r){this.props=e,this.context=t,this.refs=y,this.updater=r||d}v.prototype.isReactComponent={},v.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(p(85));this.updater.enqueueSetState(this,e,t,"setState")},v.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},m.prototype=v.prototype;var g=h.prototype=new m;g.constructor=h,i(g,v.prototype),g.isPureReactComponent=!0;var b={current:null},_=Object.prototype.hasOwnProperty,w={key:!0,ref:!0,__self:!0,__source:!0};function C(e,t,n){var o,a={},u=null,i=null;if(null!=t)for(o in void 0!==t.ref&&(i=t.ref),void 0!==t.key&&(u=""+t.key),t)_.call(t,o)&&!w.hasOwnProperty(o)&&(a[o]=t[o]);var c=arguments.length-2;if(1===c)a.children=n;else if(1<c){for(var s=Array(c),l=0;l<c;l++)s[l]=arguments[l+2];a.children=s}if(e&&e.defaultProps)for(o in c=e.defaultProps)void 0===a[o]&&(a[o]=c[o]);return{$$typeof:r,type:e,key:u,ref:i,props:a,_owner:b.current}}function k(e){return"object"==typeof e&&null!==e&&e.$$typeof===r}var R=/\/+/g;function j(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function O(e,t,o,a,u){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var c=!1;if(null===e)c=!0;else switch(i){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case r:case n:c=!0}}if(c)return u=u(c=e),e=""===a?"."+j(c,0):a,Array.isArray(u)?(o="",null!=e&&(o=e.replace(R,"$&/")+"/"),O(u,t,o,"",(function(e){return e}))):null!=u&&(k(u)&&(u=function(e,t){return{$$typeof:r,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(u,o+(!u.key||c&&c.key===u.key?"":(""+u.key).replace(R,"$&/")+"/")+e)),t.push(u)),1;if(c=0,a=""===a?".":a+":",Array.isArray(e))for(var s=0;s<e.length;s++){var l=a+j(i=e[s],s);c+=O(i,t,o,l,u)}else if("function"==typeof(l=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e)))for(e=l.call(e),s=0;!(i=e.next()).done;)c+=O(i=i.value,t,o,l=a+j(i,s++),u);else if("object"===i)throw t=""+e,Error(p(31,"[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t));return c}function S(e,t,r){if(null==e)return e;var n=[],o=0;return O(e,n,"","",(function(e){return t.call(r,e,o++)})),n}function P(e){if(-1===e._status){var t=e._result;t=t(),e._status=0,e._result=t,t.then((function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)}),(function(t){0===e._status&&(e._status=2,e._result=t)}))}if(1===e._status)return e._result;throw e._result}var E={current:null};function $(){var e=E.current;if(null===e)throw Error(p(321));return e}var x={ReactCurrentDispatcher:E,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:b,IsSomeRendererActing:{current:!1},assign:i};t.Children={map:S,forEach:function(e,t,r){S(e,(function(){t.apply(this,arguments)}),r)},count:function(e){var t=0;return S(e,(function(){t++})),t},toArray:function(e){return S(e,(function(e){return e}))||[]},only:function(e){if(!k(e))throw Error(p(143));return e}},t.Component=v,t.PureComponent=h,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=x,t.cloneElement=function(e,t,n){if(null==e)throw Error(p(267,e));var o=i({},e.props),a=e.key,u=e.ref,c=e._owner;if(null!=t){if(void 0!==t.ref&&(u=t.ref,c=b.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(l in t)_.call(t,l)&&!w.hasOwnProperty(l)&&(o[l]=void 0===t[l]&&void 0!==s?s[l]:t[l])}var l=arguments.length-2;if(1===l)o.children=n;else if(1<l){s=Array(l);for(var f=0;f<l;f++)s[f]=arguments[f+2];o.children=s}return{$$typeof:r,type:e.type,key:a,ref:u,props:o,_owner:c}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:a,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:o,_context:e},e.Consumer=e},t.createElement=C,t.createFactory=function(e){var t=C.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:u,render:e}},t.isValidElement=k,t.lazy=function(e){return{$$typeof:s,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:c,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return $().useCallback(e,t)},t.useContext=function(e,t){return $().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return $().useEffect(e,t)},t.useImperativeHandle=function(e,t,r){return $().useImperativeHandle(e,t,r)},t.useLayoutEffect=function(e,t){return $().useLayoutEffect(e,t)},t.useMemo=function(e,t){return $().useMemo(e,t)},t.useReducer=function(e,t,r){return $().useReducer(e,t,r)},t.useRef=function(e){return $().useRef(e)},t.useState=function(e){return $().useState(e)},t.version="17.0.1"})),s=r((function(e,t){"production"!==process.env.NODE_ENV&&function(){var e=i,r=60103,n=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var o=60109,a=60110,u=60112;t.Suspense=60113;var c=60120,s=60115,l=60116,f=60121,p=60122,d=60117,y=60129,v=60131;if("function"==typeof Symbol&&Symbol.for){var m=Symbol.for;r=m("react.element"),n=m("react.portal"),t.Fragment=m("react.fragment"),t.StrictMode=m("react.strict_mode"),t.Profiler=m("react.profiler"),o=m("react.provider"),a=m("react.context"),u=m("react.forward_ref"),t.Suspense=m("react.suspense"),c=m("react.suspense_list"),s=m("react.memo"),l=m("react.lazy"),f=m("react.block"),p=m("react.server.block"),d=m("react.fundamental"),m("react.scope"),m("react.opaque.id"),y=m("react.debug_trace_mode"),m("react.offscreen"),v=m("react.legacy_hidden")}var h="function"==typeof Symbol&&Symbol.iterator;function g(e){if(null===e||"object"!=typeof e)return null;var t=h&&e[h]||e["@@iterator"];return"function"==typeof t?t:null}var b={current:null},_={current:null},w={},C=null;function k(e){C=e}w.setExtraStackFrame=function(e){C=e},w.getCurrentStack=null,w.getStackAddendum=function(){var e="";C&&(e+=C);var t=w.getCurrentStack;return t&&(e+=t()||""),e};var R={ReactCurrentDispatcher:b,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:_,IsSomeRendererActing:{current:!1},assign:e};function j(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];S("warn",e,r)}function O(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];S("error",e,r)}function S(e,t,r){var n=R.ReactDebugCurrentFrame.getStackAddendum();""!==n&&(t+="%s",r=r.concat([n]));var o=r.map((function(e){return""+e}));o.unshift("Warning: "+t),Function.prototype.apply.call(console[e],console,o)}R.ReactDebugCurrentFrame=w;var P={};function E(e,t){var r=e.constructor,n=r&&(r.displayName||r.name)||"ReactClass",o=n+"."+t;P[o]||(O("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",t,n),P[o]=!0)}var $={isMounted:function(e){return!1},enqueueForceUpdate:function(e,t,r){E(e,"forceUpdate")},enqueueReplaceState:function(e,t,r,n){E(e,"replaceState")},enqueueSetState:function(e,t,r,n){E(e,"setState")}},x={};function T(e,t,r){this.props=e,this.context=t,this.refs=x,this.updater=r||$}Object.freeze(x),T.prototype.isReactComponent={},T.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},T.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};var N={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]},D=function(e,t){Object.defineProperty(T.prototype,e,{get:function(){j("%s(...) is deprecated in plain JavaScript React classes. %s",t[0],t[1])}})};for(var F in N)N.hasOwnProperty(F)&&D(F,N[F]);function I(){}function A(e,t,r){this.props=e,this.context=t,this.refs=x,this.updater=r||$}I.prototype=T.prototype;var M=A.prototype=new I;function U(e){return e.displayName||"Context"}function q(e){if(null==e)return null;if("number"==typeof e.tag&&O("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),"function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case t.Fragment:return"Fragment";case n:return"Portal";case t.Profiler:return"Profiler";case t.StrictMode:return"StrictMode";case t.Suspense:return"Suspense";case c:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case a:return U(e)+".Consumer";case o:return U(e._context)+".Provider";case u:return d=e,y=e.render,v="ForwardRef",m=y.displayName||y.name||"",d.displayName||(""!==m?v+"("+m+")":v);case s:return q(e.type);case f:return q(e._render);case l:var r=e,i=r._payload,p=r._init;try{return q(p(i))}catch(e){return null}}var d,y,v,m;return null}M.constructor=A,e(M,T.prototype),M.isPureReactComponent=!0;var V,z,L,W=Object.prototype.hasOwnProperty,Y={key:!0,ref:!0,__self:!0,__source:!0};function B(e){if(W.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return void 0!==e.ref}function H(e){if(W.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return void 0!==e.key}function J(e,t){var r=function(){V||(V=!0,O("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}function X(e,t){var r=function(){z||(z=!0,O("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"ref",{get:r,configurable:!0})}function G(e){if("string"==typeof e.ref&&_.current&&e.__self&&_.current.stateNode!==e.__self){var t=q(_.current.type);L[t]||(O('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',t,e.ref),L[t]=!0)}}L={};var K=function(e,t,n,o,a,u,i){var c={$$typeof:r,type:e,key:t,ref:n,props:i,_owner:u,_store:{}};return Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(c,"_self",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.defineProperty(c,"_source",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c};function Q(e,t,r){var n,o={},a=null,u=null,i=null,c=null;if(null!=t)for(n in B(t)&&(u=t.ref,G(t)),H(t)&&(a=""+t.key),i=void 0===t.__self?null:t.__self,c=void 0===t.__source?null:t.__source,t)W.call(t,n)&&!Y.hasOwnProperty(n)&&(o[n]=t[n]);var s=arguments.length-2;if(1===s)o.children=r;else if(s>1){for(var l=Array(s),f=0;f<s;f++)l[f]=arguments[f+2];Object.freeze&&Object.freeze(l),o.children=l}if(e&&e.defaultProps){var p=e.defaultProps;for(n in p)void 0===o[n]&&(o[n]=p[n])}if(a||u){var d="function"==typeof e?e.displayName||e.name||"Unknown":e;a&&J(o,d),u&&X(o,d)}return K(e,a,u,i,c,_.current,o)}function Z(t,r,n){if(null==t)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+t+".");var o,a,u=e({},t.props),i=t.key,c=t.ref,s=t._self,l=t._source,f=t._owner;if(null!=r)for(o in B(r)&&(c=r.ref,f=_.current),H(r)&&(i=""+r.key),t.type&&t.type.defaultProps&&(a=t.type.defaultProps),r)W.call(r,o)&&!Y.hasOwnProperty(o)&&(void 0===r[o]&&void 0!==a?u[o]=a[o]:u[o]=r[o]);var p=arguments.length-2;if(1===p)u.children=n;else if(p>1){for(var d=Array(p),y=0;y<p;y++)d[y]=arguments[y+2];u.children=d}return K(t.type,i,c,s,l,f,u)}function ee(e){return"object"==typeof e&&null!==e&&e.$$typeof===r}var te=!1,re=/\/+/g;function ne(e){return e.replace(re,"$&/")}function oe(e,t){return"object"==typeof e&&null!==e&&null!=e.key?(r=""+e.key,n={"=":"=0",":":"=2"},"$"+r.replace(/[=:]/g,(function(e){return n[e]}))):t.toString(36);var r,n}function ae(e,t,o,a,u){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var c,s,l,f=!1;if(null===e)f=!0;else switch(i){case"string":case"number":f=!0;break;case"object":switch(e.$$typeof){case r:case n:f=!0}}if(f){var p=e,d=u(p),y=""===a?"."+oe(p,0):a;if(Array.isArray(d)){var v="";null!=y&&(v=ne(y)+"/"),ae(d,t,v,"",(function(e){return e}))}else null!=d&&(ee(d)&&(c=d,s=o+(!d.key||p&&p.key===d.key?"":ne(""+d.key)+"/")+y,d=K(c.type,s,c.ref,c._self,c._source,c._owner,c.props)),t.push(d));return 1}var m=0,h=""===a?".":a+":";if(Array.isArray(e))for(var b=0;b<e.length;b++)m+=ae(l=e[b],t,o,h+oe(l,b),u);else{var _=g(e);if("function"==typeof _){var w=e;_===w.entries&&(te||j("Using Maps as children is not supported. Use an array of keyed ReactElements instead."),te=!0);for(var C,k=_.call(w),R=0;!(C=k.next()).done;)m+=ae(l=C.value,t,o,h+oe(l,R++),u)}else if("object"===i){var O=""+e;throw Error("Objects are not valid as a React child (found: "+("[object Object]"===O?"object with keys {"+Object.keys(e).join(", ")+"}":O)+"). If you meant to render a collection of children, use an array instead.")}}return m}function ue(e,t,r){if(null==e)return e;var n=[],o=0;return ae(e,n,"","",(function(e){return t.call(r,e,o++)})),n}function ie(e){if(-1===e._status){var t=(0,e._result)(),r=e;r._status=0,r._result=t,t.then((function(t){if(0===e._status){var r=t.default;void 0===r&&O("lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))",t);var n=e;n._status=1,n._result=r}}),(function(t){if(0===e._status){var r=e;r._status=2,r._result=t}}))}if(1===e._status)return e._result;throw e._result}function ce(e){return"string"==typeof e||"function"==typeof e||(e===t.Fragment||e===t.Profiler||e===y||e===t.StrictMode||e===t.Suspense||e===c||e===v||"object"==typeof e&&null!==e&&(e.$$typeof===l||e.$$typeof===s||e.$$typeof===o||e.$$typeof===a||e.$$typeof===u||e.$$typeof===d||e.$$typeof===f||e[0]===p))}function se(){var e=b.current;if(null===e)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return e}var le,fe,pe,de,ye,ve,me,he=0;function ge(){}ge.__reactDisabledLog=!0;var be,_e=R.ReactCurrentDispatcher;function we(e,t,r){if(void 0===be)try{throw Error()}catch(e){var n=e.stack.trim().match(/\n( *(at )?)/);be=n&&n[1]||""}return"\n"+be+e}var Ce,ke=!1,Re="function"==typeof WeakMap?WeakMap:Map;function je(t,r){if(!t||ke)return"";var n,o=Ce.get(t);if(void 0!==o)return o;ke=!0;var a,u=Error.prepareStackTrace;Error.prepareStackTrace=void 0,a=_e.current,_e.current=null,function(){if(0===he){le=console.log,fe=console.info,pe=console.warn,de=console.error,ye=console.group,ve=console.groupCollapsed,me=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ge,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}he++}();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(i,[])}catch(e){n=e}Reflect.construct(t,[],i)}else{try{i.call()}catch(e){n=e}t.call(i.prototype)}}else{try{throw Error()}catch(e){n=e}t()}}catch(e){if(e&&n&&"string"==typeof e.stack){for(var c=e.stack.split("\n"),s=n.stack.split("\n"),l=c.length-1,f=s.length-1;l>=1&&f>=0&&c[l]!==s[f];)f--;for(;l>=1&&f>=0;l--,f--)if(c[l]!==s[f]){if(1!==l||1!==f)do{if(l--,--f<0||c[l]!==s[f]){var p="\n"+c[l].replace(" at new "," at ");return"function"==typeof t&&Ce.set(t,p),p}}while(l>=1&&f>=0);break}}}finally{ke=!1,_e.current=a,function(){if(0==--he){var t={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:e({},t,{value:le}),info:e({},t,{value:fe}),warn:e({},t,{value:pe}),error:e({},t,{value:de}),group:e({},t,{value:ye}),groupCollapsed:e({},t,{value:ve}),groupEnd:e({},t,{value:me})})}he<0&&O("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}(),Error.prepareStackTrace=u}var d=t?t.displayName||t.name:"",y=d?we(d):"";return"function"==typeof t&&Ce.set(t,y),y}function Oe(e,t,r){return je(e,!1)}function Se(e,r,n){if(null==e)return"";if("function"==typeof e)return je(e,function(e){var t=e.prototype;return!(!t||!t.isReactComponent)}(e));if("string"==typeof e)return we(e);switch(e){case t.Suspense:return we("Suspense");case c:return we("SuspenseList")}if("object"==typeof e)switch(e.$$typeof){case u:return Oe(e.render);case s:return Se(e.type,r,n);case f:return Oe(e._render);case l:var o=e,a=o._payload,i=o._init;try{return Se(i(a),r,n)}catch(e){}}return""}Ce=new Re;var Pe,Ee={},$e=R.ReactDebugCurrentFrame;function xe(e){if(e){var t=e._owner,r=Se(e.type,e._source,t?t.type:null);$e.setExtraStackFrame(r)}else $e.setExtraStackFrame(null)}function Te(e){if(e){var t=e._owner;k(Se(e.type,e._source,t?t.type:null))}else k(null)}function Ne(){if(_.current){var e=q(_.current.type);if(e)return"\n\nCheck the render method of `"+e+"`."}return""}function De(e){return null!=e&&void 0!==(t=e.__source)?"\n\nCheck your code at "+t.fileName.replace(/^.*[\\\/]/,"")+":"+t.lineNumber+".":"";var t}Pe=!1;var Fe={};function Ie(e,t){if(e._store&&!e._store.validated&&null==e.key){e._store.validated=!0;var r=function(e){var t=Ne();if(!t){var r="string"==typeof e?e:e.displayName||e.name;r&&(t="\n\nCheck the top-level render call using <"+r+">.")}return t}(t);if(!Fe[r]){Fe[r]=!0;var n="";e&&e._owner&&e._owner!==_.current&&(n=" It was passed a child from "+q(e._owner.type)+"."),Te(e),O('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',r,n),Te(null)}}}function Ae(e,t){if("object"==typeof e)if(Array.isArray(e))for(var r=0;r<e.length;r++){var n=e[r];ee(n)&&Ie(n,t)}else if(ee(e))e._store&&(e._store.validated=!0);else if(e){var o=g(e);if("function"==typeof o&&o!==e.entries)for(var a,u=o.call(e);!(a=u.next()).done;)ee(a.value)&&Ie(a.value,t)}}function Me(e){var t,r=e.type;if(null!=r&&"string"!=typeof r){if("function"==typeof r)t=r.propTypes;else{if("object"!=typeof r||r.$$typeof!==u&&r.$$typeof!==s)return;t=r.propTypes}if(t){var n=q(r);!function(e,t,r,n,o){var a=Function.call.bind(Object.prototype.hasOwnProperty);for(var u in e)if(a(e,u)){var i=void 0;try{if("function"!=typeof e[u]){var c=Error((n||"React class")+": "+r+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw c.name="Invariant Violation",c}i=e[u](t,u,n,r,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(e){i=e}!i||i instanceof Error||(xe(o),O("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",r,u,typeof i),xe(null)),i instanceof Error&&!(i.message in Ee)&&(Ee[i.message]=!0,xe(o),O("Failed %s type: %s",r,i.message),xe(null))}}(t,e.props,"prop",n,e)}else if(void 0!==r.PropTypes&&!Pe){Pe=!0,O("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",q(r)||"Unknown")}"function"!=typeof r.getDefaultProps||r.getDefaultProps.isReactClassApproved||O("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Ue(e){for(var t=Object.keys(e.props),r=0;r<t.length;r++){var n=t[r];if("children"!==n&&"key"!==n){Te(e),O("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),Te(null);break}}null!==e.ref&&(Te(e),O("Invalid attribute `ref` supplied to `React.Fragment`."),Te(null))}function qe(e,n,o){var a=ce(e);if(!a){var u="";(void 0===e||"object"==typeof e&&null!==e&&0===Object.keys(e).length)&&(u+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var i,c=De(n);u+=c||Ne(),null===e?i="null":Array.isArray(e)?i="array":void 0!==e&&e.$$typeof===r?(i="<"+(q(e.type)||"Unknown")+" />",u=" Did you accidentally export a JSX literal instead of a component?"):i=typeof e,O("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",i,u)}var s=Q.apply(this,arguments);if(null==s)return s;if(a)for(var l=2;l<arguments.length;l++)Ae(arguments[l],e);return e===t.Fragment?Ue(s):Me(s),s}var Ve=!1;try{var ze=Object.freeze({});new Map([[ze,null]]),new Set([ze])}catch(e){}var Le=qe,We=function(e,t,r){for(var n=Z.apply(this,arguments),o=2;o<arguments.length;o++)Ae(arguments[o],n.type);return Me(n),n},Ye=function(e){var t=qe.bind(null,e);return t.type=e,Ve||(Ve=!0,j("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")),Object.defineProperty(t,"type",{enumerable:!1,get:function(){return j("Factory.type is deprecated. Access the class directly before passing it to createFactory."),Object.defineProperty(this,"type",{value:e}),e}}),t},Be={map:ue,forEach:function(e,t,r){ue(e,(function(){t.apply(this,arguments)}),r)},count:function(e){var t=0;return ue(e,(function(){t++})),t},toArray:function(e){return ue(e,(function(e){return e}))||[]},only:function(e){if(!ee(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};t.Children=Be,t.Component=T,t.PureComponent=A,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=R,t.cloneElement=We,t.createContext=function(e,t){void 0===t?t=null:null!==t&&"function"!=typeof t&&O("createContext: Expected the optional second argument to be a function. Instead received: %s",t);var r={$$typeof:a,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null};r.Provider={$$typeof:o,_context:r};var n=!1,u=!1,i=!1,c={$$typeof:a,_context:r,_calculateChangedBits:r._calculateChangedBits};return Object.defineProperties(c,{Provider:{get:function(){return u||(u=!0,O("Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?")),r.Provider},set:function(e){r.Provider=e}},_currentValue:{get:function(){return r._currentValue},set:function(e){r._currentValue=e}},_currentValue2:{get:function(){return r._currentValue2},set:function(e){r._currentValue2=e}},_threadCount:{get:function(){return r._threadCount},set:function(e){r._threadCount=e}},Consumer:{get:function(){return n||(n=!0,O("Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?")),r.Consumer}},displayName:{get:function(){return r.displayName},set:function(e){i||(j("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.",e),i=!0)}}}),r.Consumer=c,r._currentRenderer=null,r._currentRenderer2=null,r},t.createElement=Le,t.createFactory=Ye,t.createRef=function(){var e={current:null};return Object.seal(e),e},t.forwardRef=function(e){null!=e&&e.$$typeof===s?O("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):"function"!=typeof e?O("forwardRef requires a render function but was given %s.",null===e?"null":typeof e):0!==e.length&&2!==e.length&&O("forwardRef render functions accept exactly two parameters: props and ref. %s",1===e.length?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),null!=e&&(null==e.defaultProps&&null==e.propTypes||O("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"));var t,r={$$typeof:u,render:e};return Object.defineProperty(r,"displayName",{enumerable:!1,configurable:!0,get:function(){return t},set:function(r){t=r,null==e.displayName&&(e.displayName=r)}}),r},t.isValidElement=ee,t.lazy=function(e){var t,r,n={$$typeof:l,_payload:{_status:-1,_result:e},_init:ie};return Object.defineProperties(n,{defaultProps:{configurable:!0,get:function(){return t},set:function(e){O("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),t=e,Object.defineProperty(n,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return r},set:function(e){O("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),r=e,Object.defineProperty(n,"propTypes",{enumerable:!0})}}}),n},t.memo=function(e,t){ce(e)||O("memo: The first argument must be a component. Instead received: %s",null===e?"null":typeof e);var r,n={$$typeof:s,type:e,compare:void 0===t?null:t};return Object.defineProperty(n,"displayName",{enumerable:!1,configurable:!0,get:function(){return r},set:function(t){r=t,null==e.displayName&&(e.displayName=t)}}),n},t.useCallback=function(e,t){return se().useCallback(e,t)},t.useContext=function(e,t){var r=se();if(void 0!==t&&O("useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",t,"number"==typeof t&&Array.isArray(arguments[2])?"\n\nDid you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://reactjs.org/link/rules-of-hooks":""),void 0!==e._context){var n=e._context;n.Consumer===e?O("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):n.Provider===e&&O("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return r.useContext(e,t)},t.useDebugValue=function(e,t){return se().useDebugValue(e,t)},t.useEffect=function(e,t){return se().useEffect(e,t)},t.useImperativeHandle=function(e,t,r){return se().useImperativeHandle(e,t,r)},t.useLayoutEffect=function(e,t){return se().useLayoutEffect(e,t)},t.useMemo=function(e,t){return se().useMemo(e,t)},t.useReducer=function(e,t,r){return se().useReducer(e,t,r)},t.useRef=function(e){return se().useRef(e)},t.useState=function(e){return se().useState(e)},t.version="17.0.1"}()})),l=r((function(e){"production"===process.env.NODE_ENV?e.exports=c:e.exports=s}));
+  object-assign
+  (c) Sindre Sorhus
+  @license MIT
+  */}var o=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;function i(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}var c=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var r,n,c=i(e),s=1;s<arguments.length;s++){for(var l in r=Object(arguments[s]))a.call(r,l)&&(c[l]=r[l]);if(o){n=o(r);for(var f=0;f<n.length;f++)u.call(r,n[f])&&(c[n[f]]=r[n[f]])}}return c},s=n((function(e,t){var r=60103,n=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var o=60109,a=60110,u=60112;t.Suspense=60113;var i=60115,s=60116;if("function"==typeof Symbol&&Symbol.for){var l=Symbol.for;r=l("react.element"),n=l("react.portal"),t.Fragment=l("react.fragment"),t.StrictMode=l("react.strict_mode"),t.Profiler=l("react.profiler"),o=l("react.provider"),a=l("react.context"),u=l("react.forward_ref"),t.Suspense=l("react.suspense"),i=l("react.memo"),s=l("react.lazy")}var f="function"==typeof Symbol&&Symbol.iterator;function p(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=1;r<arguments.length;r++)t+="&args[]="+encodeURIComponent(arguments[r]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var d={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},y={};function m(e,t,r){this.props=e,this.context=t,this.refs=y,this.updater=r||d}function v(){}function h(e,t,r){this.props=e,this.context=t,this.refs=y,this.updater=r||d}m.prototype.isReactComponent={},m.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(p(85));this.updater.enqueueSetState(this,e,t,"setState")},m.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},v.prototype=m.prototype;var g=h.prototype=new v;g.constructor=h,c(g,m.prototype),g.isPureReactComponent=!0;var b={current:null},_=Object.prototype.hasOwnProperty,w={key:!0,ref:!0,__self:!0,__source:!0};function C(e,t,n){var o,a={},u=null,i=null;if(null!=t)for(o in void 0!==t.ref&&(i=t.ref),void 0!==t.key&&(u=""+t.key),t)_.call(t,o)&&!w.hasOwnProperty(o)&&(a[o]=t[o]);var c=arguments.length-2;if(1===c)a.children=n;else if(1<c){for(var s=Array(c),l=0;l<c;l++)s[l]=arguments[l+2];a.children=s}if(e&&e.defaultProps)for(o in c=e.defaultProps)void 0===a[o]&&(a[o]=c[o]);return{$$typeof:r,type:e,key:u,ref:i,props:a,_owner:b.current}}function k(e){return"object"==typeof e&&null!==e&&e.$$typeof===r}var R=/\/+/g;function j(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function O(e,t,o,a,u){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var c=!1;if(null===e)c=!0;else switch(i){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case r:case n:c=!0}}if(c)return u=u(c=e),e=""===a?"."+j(c,0):a,Array.isArray(u)?(o="",null!=e&&(o=e.replace(R,"$&/")+"/"),O(u,t,o,"",(function(e){return e}))):null!=u&&(k(u)&&(u=function(e,t){return{$$typeof:r,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(u,o+(!u.key||c&&c.key===u.key?"":(""+u.key).replace(R,"$&/")+"/")+e)),t.push(u)),1;if(c=0,a=""===a?".":a+":",Array.isArray(e))for(var s=0;s<e.length;s++){var l=a+j(i=e[s],s);c+=O(i,t,o,l,u)}else if("function"==typeof(l=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e)))for(e=l.call(e),s=0;!(i=e.next()).done;)c+=O(i=i.value,t,o,l=a+j(i,s++),u);else if("object"===i)throw t=""+e,Error(p(31,"[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t));return c}function S(e,t,r){if(null==e)return e;var n=[],o=0;return O(e,n,"","",(function(e){return t.call(r,e,o++)})),n}function P(e){if(-1===e._status){var t=e._result;t=t(),e._status=0,e._result=t,t.then((function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)}),(function(t){0===e._status&&(e._status=2,e._result=t)}))}if(1===e._status)return e._result;throw e._result}var E={current:null};function $(){var e=E.current;if(null===e)throw Error(p(321));return e}var x={ReactCurrentDispatcher:E,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:b,IsSomeRendererActing:{current:!1},assign:c};t.Children={map:S,forEach:function(e,t,r){S(e,(function(){t.apply(this,arguments)}),r)},count:function(e){var t=0;return S(e,(function(){t++})),t},toArray:function(e){return S(e,(function(e){return e}))||[]},only:function(e){if(!k(e))throw Error(p(143));return e}},t.Component=m,t.PureComponent=h,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=x,t.cloneElement=function(e,t,n){if(null==e)throw Error(p(267,e));var o=c({},e.props),a=e.key,u=e.ref,i=e._owner;if(null!=t){if(void 0!==t.ref&&(u=t.ref,i=b.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(l in t)_.call(t,l)&&!w.hasOwnProperty(l)&&(o[l]=void 0===t[l]&&void 0!==s?s[l]:t[l])}var l=arguments.length-2;if(1===l)o.children=n;else if(1<l){s=Array(l);for(var f=0;f<l;f++)s[f]=arguments[f+2];o.children=s}return{$$typeof:r,type:e.type,key:a,ref:u,props:o,_owner:i}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:a,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:o,_context:e},e.Consumer=e},t.createElement=C,t.createFactory=function(e){var t=C.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:u,render:e}},t.isValidElement=k,t.lazy=function(e){return{$$typeof:s,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:i,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return $().useCallback(e,t)},t.useContext=function(e,t){return $().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return $().useEffect(e,t)},t.useImperativeHandle=function(e,t,r){return $().useImperativeHandle(e,t,r)},t.useLayoutEffect=function(e,t){return $().useLayoutEffect(e,t)},t.useMemo=function(e,t){return $().useMemo(e,t)},t.useReducer=function(e,t,r){return $().useReducer(e,t,r)},t.useRef=function(e){return $().useRef(e)},t.useState=function(e){return $().useState(e)},t.version="17.0.1"})),l=n((function(e,t){"production"!==process.env.NODE_ENV&&function(){var e=c,r=60103,n=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var o=60109,a=60110,u=60112;t.Suspense=60113;var i=60120,s=60115,l=60116,f=60121,p=60122,d=60117,y=60129,m=60131;if("function"==typeof Symbol&&Symbol.for){var v=Symbol.for;r=v("react.element"),n=v("react.portal"),t.Fragment=v("react.fragment"),t.StrictMode=v("react.strict_mode"),t.Profiler=v("react.profiler"),o=v("react.provider"),a=v("react.context"),u=v("react.forward_ref"),t.Suspense=v("react.suspense"),i=v("react.suspense_list"),s=v("react.memo"),l=v("react.lazy"),f=v("react.block"),p=v("react.server.block"),d=v("react.fundamental"),v("react.scope"),v("react.opaque.id"),y=v("react.debug_trace_mode"),v("react.offscreen"),m=v("react.legacy_hidden")}var h="function"==typeof Symbol&&Symbol.iterator;function g(e){if(null===e||"object"!=typeof e)return null;var t=h&&e[h]||e["@@iterator"];return"function"==typeof t?t:null}var b={current:null},_={current:null},w={},C=null;function k(e){C=e}w.setExtraStackFrame=function(e){C=e},w.getCurrentStack=null,w.getStackAddendum=function(){var e="";C&&(e+=C);var t=w.getCurrentStack;return t&&(e+=t()||""),e};var R={ReactCurrentDispatcher:b,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:_,IsSomeRendererActing:{current:!1},assign:e};function j(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];S("warn",e,r)}function O(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];S("error",e,r)}function S(e,t,r){var n=R.ReactDebugCurrentFrame.getStackAddendum();""!==n&&(t+="%s",r=r.concat([n]));var o=r.map((function(e){return""+e}));o.unshift("Warning: "+t),Function.prototype.apply.call(console[e],console,o)}R.ReactDebugCurrentFrame=w;var P={};function E(e,t){var r=e.constructor,n=r&&(r.displayName||r.name)||"ReactClass",o=n+"."+t;P[o]||(O("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",t,n),P[o]=!0)}var $={isMounted:function(e){return!1},enqueueForceUpdate:function(e,t,r){E(e,"forceUpdate")},enqueueReplaceState:function(e,t,r,n){E(e,"replaceState")},enqueueSetState:function(e,t,r,n){E(e,"setState")}},x={};function T(e,t,r){this.props=e,this.context=t,this.refs=x,this.updater=r||$}Object.freeze(x),T.prototype.isReactComponent={},T.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},T.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};var N={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]},D=function(e,t){Object.defineProperty(T.prototype,e,{get:function(){j("%s(...) is deprecated in plain JavaScript React classes. %s",t[0],t[1])}})};for(var F in N)N.hasOwnProperty(F)&&D(F,N[F]);function I(){}function A(e,t,r){this.props=e,this.context=t,this.refs=x,this.updater=r||$}I.prototype=T.prototype;var M=A.prototype=new I;function U(e){return e.displayName||"Context"}function q(e){if(null==e)return null;if("number"==typeof e.tag&&O("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),"function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case t.Fragment:return"Fragment";case n:return"Portal";case t.Profiler:return"Profiler";case t.StrictMode:return"StrictMode";case t.Suspense:return"Suspense";case i:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case a:return U(e)+".Consumer";case o:return U(e._context)+".Provider";case u:return d=e,y=e.render,m="ForwardRef",v=y.displayName||y.name||"",d.displayName||(""!==v?m+"("+v+")":m);case s:return q(e.type);case f:return q(e._render);case l:var r=e,c=r._payload,p=r._init;try{return q(p(c))}catch(e){return null}}var d,y,m,v;return null}M.constructor=A,e(M,T.prototype),M.isPureReactComponent=!0;var V,z,L,W=Object.prototype.hasOwnProperty,Y={key:!0,ref:!0,__self:!0,__source:!0};function B(e){if(W.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return void 0!==e.ref}function H(e){if(W.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return void 0!==e.key}function J(e,t){var r=function(){V||(V=!0,O("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}function X(e,t){var r=function(){z||(z=!0,O("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"ref",{get:r,configurable:!0})}function G(e){if("string"==typeof e.ref&&_.current&&e.__self&&_.current.stateNode!==e.__self){var t=q(_.current.type);L[t]||(O('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',t,e.ref),L[t]=!0)}}L={};var K=function(e,t,n,o,a,u,i){var c={$$typeof:r,type:e,key:t,ref:n,props:i,_owner:u,_store:{}};return Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(c,"_self",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.defineProperty(c,"_source",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c};function Q(e,t,r){var n,o={},a=null,u=null,i=null,c=null;if(null!=t)for(n in B(t)&&(u=t.ref,G(t)),H(t)&&(a=""+t.key),i=void 0===t.__self?null:t.__self,c=void 0===t.__source?null:t.__source,t)W.call(t,n)&&!Y.hasOwnProperty(n)&&(o[n]=t[n]);var s=arguments.length-2;if(1===s)o.children=r;else if(s>1){for(var l=Array(s),f=0;f<s;f++)l[f]=arguments[f+2];Object.freeze&&Object.freeze(l),o.children=l}if(e&&e.defaultProps){var p=e.defaultProps;for(n in p)void 0===o[n]&&(o[n]=p[n])}if(a||u){var d="function"==typeof e?e.displayName||e.name||"Unknown":e;a&&J(o,d),u&&X(o,d)}return K(e,a,u,i,c,_.current,o)}function Z(t,r,n){if(null==t)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+t+".");var o,a,u=e({},t.props),i=t.key,c=t.ref,s=t._self,l=t._source,f=t._owner;if(null!=r)for(o in B(r)&&(c=r.ref,f=_.current),H(r)&&(i=""+r.key),t.type&&t.type.defaultProps&&(a=t.type.defaultProps),r)W.call(r,o)&&!Y.hasOwnProperty(o)&&(void 0===r[o]&&void 0!==a?u[o]=a[o]:u[o]=r[o]);var p=arguments.length-2;if(1===p)u.children=n;else if(p>1){for(var d=Array(p),y=0;y<p;y++)d[y]=arguments[y+2];u.children=d}return K(t.type,i,c,s,l,f,u)}function ee(e){return"object"==typeof e&&null!==e&&e.$$typeof===r}var te=!1,re=/\/+/g;function ne(e){return e.replace(re,"$&/")}function oe(e,t){return"object"==typeof e&&null!==e&&null!=e.key?(r=""+e.key,n={"=":"=0",":":"=2"},"$"+r.replace(/[=:]/g,(function(e){return n[e]}))):t.toString(36);var r,n}function ae(e,t,o,a,u){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var c,s,l,f=!1;if(null===e)f=!0;else switch(i){case"string":case"number":f=!0;break;case"object":switch(e.$$typeof){case r:case n:f=!0}}if(f){var p=e,d=u(p),y=""===a?"."+oe(p,0):a;if(Array.isArray(d)){var m="";null!=y&&(m=ne(y)+"/"),ae(d,t,m,"",(function(e){return e}))}else null!=d&&(ee(d)&&(c=d,s=o+(!d.key||p&&p.key===d.key?"":ne(""+d.key)+"/")+y,d=K(c.type,s,c.ref,c._self,c._source,c._owner,c.props)),t.push(d));return 1}var v=0,h=""===a?".":a+":";if(Array.isArray(e))for(var b=0;b<e.length;b++)v+=ae(l=e[b],t,o,h+oe(l,b),u);else{var _=g(e);if("function"==typeof _){var w=e;_===w.entries&&(te||j("Using Maps as children is not supported. Use an array of keyed ReactElements instead."),te=!0);for(var C,k=_.call(w),R=0;!(C=k.next()).done;)v+=ae(l=C.value,t,o,h+oe(l,R++),u)}else if("object"===i){var O=""+e;throw Error("Objects are not valid as a React child (found: "+("[object Object]"===O?"object with keys {"+Object.keys(e).join(", ")+"}":O)+"). If you meant to render a collection of children, use an array instead.")}}return v}function ue(e,t,r){if(null==e)return e;var n=[],o=0;return ae(e,n,"","",(function(e){return t.call(r,e,o++)})),n}function ie(e){if(-1===e._status){var t=(0,e._result)(),r=e;r._status=0,r._result=t,t.then((function(t){if(0===e._status){var r=t.default;void 0===r&&O("lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))",t);var n=e;n._status=1,n._result=r}}),(function(t){if(0===e._status){var r=e;r._status=2,r._result=t}}))}if(1===e._status)return e._result;throw e._result}function ce(e){return"string"==typeof e||"function"==typeof e||(e===t.Fragment||e===t.Profiler||e===y||e===t.StrictMode||e===t.Suspense||e===i||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===l||e.$$typeof===s||e.$$typeof===o||e.$$typeof===a||e.$$typeof===u||e.$$typeof===d||e.$$typeof===f||e[0]===p))}function se(){var e=b.current;if(null===e)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return e}var le,fe,pe,de,ye,me,ve,he=0;function ge(){}ge.__reactDisabledLog=!0;var be,_e=R.ReactCurrentDispatcher;function we(e,t,r){if(void 0===be)try{throw Error()}catch(e){var n=e.stack.trim().match(/\n( *(at )?)/);be=n&&n[1]||""}return"\n"+be+e}var Ce,ke=!1,Re="function"==typeof WeakMap?WeakMap:Map;function je(t,r){if(!t||ke)return"";var n,o=Ce.get(t);if(void 0!==o)return o;ke=!0;var a,u=Error.prepareStackTrace;Error.prepareStackTrace=void 0,a=_e.current,_e.current=null,function(){if(0===he){le=console.log,fe=console.info,pe=console.warn,de=console.error,ye=console.group,me=console.groupCollapsed,ve=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ge,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}he++}();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(i,[])}catch(e){n=e}Reflect.construct(t,[],i)}else{try{i.call()}catch(e){n=e}t.call(i.prototype)}}else{try{throw Error()}catch(e){n=e}t()}}catch(e){if(e&&n&&"string"==typeof e.stack){for(var c=e.stack.split("\n"),s=n.stack.split("\n"),l=c.length-1,f=s.length-1;l>=1&&f>=0&&c[l]!==s[f];)f--;for(;l>=1&&f>=0;l--,f--)if(c[l]!==s[f]){if(1!==l||1!==f)do{if(l--,--f<0||c[l]!==s[f]){var p="\n"+c[l].replace(" at new "," at ");return"function"==typeof t&&Ce.set(t,p),p}}while(l>=1&&f>=0);break}}}finally{ke=!1,_e.current=a,function(){if(0==--he){var t={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:e({},t,{value:le}),info:e({},t,{value:fe}),warn:e({},t,{value:pe}),error:e({},t,{value:de}),group:e({},t,{value:ye}),groupCollapsed:e({},t,{value:me}),groupEnd:e({},t,{value:ve})})}he<0&&O("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}(),Error.prepareStackTrace=u}var d=t?t.displayName||t.name:"",y=d?we(d):"";return"function"==typeof t&&Ce.set(t,y),y}function Oe(e,t,r){return je(e,!1)}function Se(e,r,n){if(null==e)return"";if("function"==typeof e)return je(e,function(e){var t=e.prototype;return!(!t||!t.isReactComponent)}(e));if("string"==typeof e)return we(e);switch(e){case t.Suspense:return we("Suspense");case i:return we("SuspenseList")}if("object"==typeof e)switch(e.$$typeof){case u:return Oe(e.render);case s:return Se(e.type,r,n);case f:return Oe(e._render);case l:var o=e,a=o._payload,c=o._init;try{return Se(c(a),r,n)}catch(e){}}return""}Ce=new Re;var Pe,Ee={},$e=R.ReactDebugCurrentFrame;function xe(e){if(e){var t=e._owner,r=Se(e.type,e._source,t?t.type:null);$e.setExtraStackFrame(r)}else $e.setExtraStackFrame(null)}function Te(e){if(e){var t=e._owner;k(Se(e.type,e._source,t?t.type:null))}else k(null)}function Ne(){if(_.current){var e=q(_.current.type);if(e)return"\n\nCheck the render method of `"+e+"`."}return""}function De(e){return null!=e&&void 0!==(t=e.__source)?"\n\nCheck your code at "+t.fileName.replace(/^.*[\\\/]/,"")+":"+t.lineNumber+".":"";var t}Pe=!1;var Fe={};function Ie(e,t){if(e._store&&!e._store.validated&&null==e.key){e._store.validated=!0;var r=function(e){var t=Ne();if(!t){var r="string"==typeof e?e:e.displayName||e.name;r&&(t="\n\nCheck the top-level render call using <"+r+">.")}return t}(t);if(!Fe[r]){Fe[r]=!0;var n="";e&&e._owner&&e._owner!==_.current&&(n=" It was passed a child from "+q(e._owner.type)+"."),Te(e),O('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',r,n),Te(null)}}}function Ae(e,t){if("object"==typeof e)if(Array.isArray(e))for(var r=0;r<e.length;r++){var n=e[r];ee(n)&&Ie(n,t)}else if(ee(e))e._store&&(e._store.validated=!0);else if(e){var o=g(e);if("function"==typeof o&&o!==e.entries)for(var a,u=o.call(e);!(a=u.next()).done;)ee(a.value)&&Ie(a.value,t)}}function Me(e){var t,r=e.type;if(null!=r&&"string"!=typeof r){if("function"==typeof r)t=r.propTypes;else{if("object"!=typeof r||r.$$typeof!==u&&r.$$typeof!==s)return;t=r.propTypes}if(t){var n=q(r);!function(e,t,r,n,o){var a=Function.call.bind(Object.prototype.hasOwnProperty);for(var u in e)if(a(e,u)){var i=void 0;try{if("function"!=typeof e[u]){var c=Error((n||"React class")+": "+r+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw c.name="Invariant Violation",c}i=e[u](t,u,n,r,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(e){i=e}!i||i instanceof Error||(xe(o),O("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",r,u,typeof i),xe(null)),i instanceof Error&&!(i.message in Ee)&&(Ee[i.message]=!0,xe(o),O("Failed %s type: %s",r,i.message),xe(null))}}(t,e.props,"prop",n,e)}else if(void 0!==r.PropTypes&&!Pe){Pe=!0,O("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",q(r)||"Unknown")}"function"!=typeof r.getDefaultProps||r.getDefaultProps.isReactClassApproved||O("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Ue(e){for(var t=Object.keys(e.props),r=0;r<t.length;r++){var n=t[r];if("children"!==n&&"key"!==n){Te(e),O("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),Te(null);break}}null!==e.ref&&(Te(e),O("Invalid attribute `ref` supplied to `React.Fragment`."),Te(null))}function qe(e,n,o){var a=ce(e);if(!a){var u="";(void 0===e||"object"==typeof e&&null!==e&&0===Object.keys(e).length)&&(u+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var i,c=De(n);u+=c||Ne(),null===e?i="null":Array.isArray(e)?i="array":void 0!==e&&e.$$typeof===r?(i="<"+(q(e.type)||"Unknown")+" />",u=" Did you accidentally export a JSX literal instead of a component?"):i=typeof e,O("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",i,u)}var s=Q.apply(this,arguments);if(null==s)return s;if(a)for(var l=2;l<arguments.length;l++)Ae(arguments[l],e);return e===t.Fragment?Ue(s):Me(s),s}var Ve=!1;try{var ze=Object.freeze({});new Map([[ze,null]]),new Set([ze])}catch(e){}var Le=qe,We=function(e,t,r){for(var n=Z.apply(this,arguments),o=2;o<arguments.length;o++)Ae(arguments[o],n.type);return Me(n),n},Ye=function(e){var t=qe.bind(null,e);return t.type=e,Ve||(Ve=!0,j("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")),Object.defineProperty(t,"type",{enumerable:!1,get:function(){return j("Factory.type is deprecated. Access the class directly before passing it to createFactory."),Object.defineProperty(this,"type",{value:e}),e}}),t},Be={map:ue,forEach:function(e,t,r){ue(e,(function(){t.apply(this,arguments)}),r)},count:function(e){var t=0;return ue(e,(function(){t++})),t},toArray:function(e){return ue(e,(function(e){return e}))||[]},only:function(e){if(!ee(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};t.Children=Be,t.Component=T,t.PureComponent=A,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=R,t.cloneElement=We,t.createContext=function(e,t){void 0===t?t=null:null!==t&&"function"!=typeof t&&O("createContext: Expected the optional second argument to be a function. Instead received: %s",t);var r={$$typeof:a,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null};r.Provider={$$typeof:o,_context:r};var n=!1,u=!1,i=!1,c={$$typeof:a,_context:r,_calculateChangedBits:r._calculateChangedBits};return Object.defineProperties(c,{Provider:{get:function(){return u||(u=!0,O("Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?")),r.Provider},set:function(e){r.Provider=e}},_currentValue:{get:function(){return r._currentValue},set:function(e){r._currentValue=e}},_currentValue2:{get:function(){return r._currentValue2},set:function(e){r._currentValue2=e}},_threadCount:{get:function(){return r._threadCount},set:function(e){r._threadCount=e}},Consumer:{get:function(){return n||(n=!0,O("Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?")),r.Consumer}},displayName:{get:function(){return r.displayName},set:function(e){i||(j("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.",e),i=!0)}}}),r.Consumer=c,r._currentRenderer=null,r._currentRenderer2=null,r},t.createElement=Le,t.createFactory=Ye,t.createRef=function(){var e={current:null};return Object.seal(e),e},t.forwardRef=function(e){null!=e&&e.$$typeof===s?O("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):"function"!=typeof e?O("forwardRef requires a render function but was given %s.",null===e?"null":typeof e):0!==e.length&&2!==e.length&&O("forwardRef render functions accept exactly two parameters: props and ref. %s",1===e.length?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),null!=e&&(null==e.defaultProps&&null==e.propTypes||O("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"));var t,r={$$typeof:u,render:e};return Object.defineProperty(r,"displayName",{enumerable:!1,configurable:!0,get:function(){return t},set:function(r){t=r,null==e.displayName&&(e.displayName=r)}}),r},t.isValidElement=ee,t.lazy=function(e){var t,r,n={$$typeof:l,_payload:{_status:-1,_result:e},_init:ie};return Object.defineProperties(n,{defaultProps:{configurable:!0,get:function(){return t},set:function(e){O("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),t=e,Object.defineProperty(n,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return r},set:function(e){O("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),r=e,Object.defineProperty(n,"propTypes",{enumerable:!0})}}}),n},t.memo=function(e,t){ce(e)||O("memo: The first argument must be a component. Instead received: %s",null===e?"null":typeof e);var r,n={$$typeof:s,type:e,compare:void 0===t?null:t};return Object.defineProperty(n,"displayName",{enumerable:!1,configurable:!0,get:function(){return r},set:function(t){r=t,null==e.displayName&&(e.displayName=t)}}),n},t.useCallback=function(e,t){return se().useCallback(e,t)},t.useContext=function(e,t){var r=se();if(void 0!==t&&O("useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",t,"number"==typeof t&&Array.isArray(arguments[2])?"\n\nDid you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://reactjs.org/link/rules-of-hooks":""),void 0!==e._context){var n=e._context;n.Consumer===e?O("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):n.Provider===e&&O("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return r.useContext(e,t)},t.useDebugValue=function(e,t){return se().useDebugValue(e,t)},t.useEffect=function(e,t){return se().useEffect(e,t)},t.useImperativeHandle=function(e,t,r){return se().useImperativeHandle(e,t,r)},t.useLayoutEffect=function(e,t){return se().useLayoutEffect(e,t)},t.useMemo=function(e,t){return se().useMemo(e,t)},t.useReducer=function(e,t,r){return se().useReducer(e,t,r)},t.useRef=function(e){return se().useRef(e)},t.useState=function(e){return se().useState(e)},t.version="17.0.1"}()})),f=n((function(e){"production"===process.env.NODE_ENV?e.exports=s:e.exports=l}));
 /** @license React v17.0.1
-	 * react.production.min.js
-	 *
-	 * Copyright (c) Facebook, Inc. and its affiliates.
-	 *
-	 * This source code is licensed under the MIT license found in the
-	 * LICENSE file in the root directory of this source tree.
-	 */const f=l.createContext({});e.Editor=({value:e,onChange:r,children:n,...o})=>{const[a,u]=l.useState(null),i=l.useRef(null);return l.useEffect((()=>{const n=new t.Editor({element:i.current,content:e,...o}).on("transaction",(()=>{r(n.getJSON())}));u(n)}),[]),l.createElement(f.Provider,{value:a},i.current&&n,l.createElement("div",{ref:i}))},e.EditorContext=f,e.ReactNodeViewRenderer=class{},e.ReactRenderer=class{},e.useEditor=()=>l.useContext(f),Object.keys(t).forEach((function(r){"default"===r||e.hasOwnProperty(r)||Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),Object.defineProperty(e,"__esModule",{value:!0})}));
+   * react.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */class p extends f.Component{constructor(e){super(e),this.editorContentRef=f.createRef(),this.state={editor:this.props.editor}}componentDidUpdate(){const{editor:e}=this.props;if(e&&e.options.element){const t=this.editorContentRef.current;t.appendChild(e.options.element.firstChild),e.setOptions({element:t}),e.contentComponent=this,setTimeout((()=>{e.createNodeViews()}),0)}}render(){return f.createElement("div",{ref:this.editorContentRef})}}const d=f.memo(p);e.Editor=r,e.EditorContent=d,e.PureEditorContent=p,e.useEditor=(e={})=>{const[t,n]=f.useState(null),o=function(){const[,e]=f.useState(0);return()=>e((e=>e+1))}();return f.useEffect((()=>{const t=new r(e);return n(t),t.on("transaction",o),()=>{t.destroy()}}),[]),t},Object.keys(t).forEach((function(r){"default"===r||e.hasOwnProperty(r)||Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=tiptap-react.bundle.umd.min.js.map

dist/tiptap-react.cjs.js

@@ -12,39 +12,59 @@ 'use strict';
 
-class ReactRenderer {
+class Editor extends core.Editor {
+    constructor() {
+        super(...arguments);
+        this.contentComponent = null;
+    }
 }
 
-class ReactNodeViewRenderer {
+function useForceUpdate() {
+    const [, setValue] = React.useState(0);
+    return () => setValue(value => value + 1);
 }
-
-const EditorContext = /*#__PURE__*/React.createContext({});
-const useEditor = () => React.useContext(EditorContext);
-const Editor = ({
-  value,
-  onChange,
-  children,
-  ...props
-}) => {
-  const [editor, setEditor] = React.useState(null);
-  const editorRef = React.useRef(null);
-  React.useEffect(() => {
-    const e = new core.Editor({
-      element: editorRef.current,
-      content: value,
-      ...props
-    }).on('transaction', () => {
-      onChange(e.getJSON());
-    });
-    setEditor(e);
-  }, []);
-  return /*#__PURE__*/React__default['default'].createElement(EditorContext.Provider, {
-    value: editor
-  }, editorRef.current && children, /*#__PURE__*/React__default['default'].createElement("div", {
-    ref: editorRef
-  }));
+const useEditor = (options = {}) => {
+    const [editor, setEditor] = React.useState(null);
+    const forceUpdate = useForceUpdate();
+    React.useEffect(() => {
+        const instance = new Editor(options);
+        setEditor(instance);
+        instance.on('transaction', forceUpdate);
+        return () => {
+            instance.destroy();
+        };
+    }, []);
+    return editor;
 };
 
+class PureEditorContent extends React__default['default'].Component {
+    constructor(props) {
+        super(props);
+        this.editorContentRef = React__default['default'].createRef();
+        this.state = {
+            editor: this.props.editor
+        };
+    }
+    componentDidUpdate() {
+        const { editor } = this.props;
+        if (editor && editor.options.element) {
+            const element = this.editorContentRef.current;
+            element.appendChild(editor.options.element.firstChild);
+            editor.setOptions({
+                element,
+            });
+            editor.contentComponent = this;
+            // TODO: why setTimeout?
+            setTimeout(() => {
+                editor.createNodeViews();
+            }, 0);
+        }
+    }
+    render() {
+        return (React__default['default'].createElement("div", { ref: this.editorContentRef }));
+    }
+}
+const EditorContent = React__default['default'].memo(PureEditorContent);
+
 exports.Editor = Editor;
-exports.EditorContext = EditorContext;
-exports.ReactNodeViewRenderer = ReactNodeViewRenderer;
-exports.ReactRenderer = ReactRenderer;
+exports.EditorContent = EditorContent;
+exports.PureEditorContent = PureEditorContent;
 exports.useEditor = useEditor;
@@ -51,0 +71,0 @@ Object.keys(core).forEach(function (k) {

dist/tiptap-react.esm.js

 import { Editor as Editor$1 } from '@tiptap/core';
 export * from '@tiptap/core';
-import React, { createContext, useContext, useState, useRef, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 
-class ReactRenderer {
+class Editor extends Editor$1 {
+    constructor() {
+        super(...arguments);
+        this.contentComponent = null;
+    }
 }
 
-class ReactNodeViewRenderer {
+function useForceUpdate() {
+    const [, setValue] = useState(0);
+    return () => setValue(value => value + 1);
 }
-
-const EditorContext = /*#__PURE__*/createContext({});
-const useEditor = () => useContext(EditorContext);
-const Editor = ({
-  value,
-  onChange,
-  children,
-  ...props
-}) => {
-  const [editor, setEditor] = useState(null);
-  const editorRef = useRef(null);
-  useEffect(() => {
-    const e = new Editor$1({
-      element: editorRef.current,
-      content: value,
-      ...props
-    }).on('transaction', () => {
-      onChange(e.getJSON());
-    });
-    setEditor(e);
-  }, []);
-  return /*#__PURE__*/React.createElement(EditorContext.Provider, {
-    value: editor
-  }, editorRef.current && children, /*#__PURE__*/React.createElement("div", {
-    ref: editorRef
-  }));
+const useEditor = (options = {}) => {
+    const [editor, setEditor] = useState(null);
+    const forceUpdate = useForceUpdate();
+    useEffect(() => {
+        const instance = new Editor(options);
+        setEditor(instance);
+        instance.on('transaction', forceUpdate);
+        return () => {
+            instance.destroy();
+        };
+    }, []);
+    return editor;
 };
 
-export { Editor, EditorContext, ReactNodeViewRenderer, ReactRenderer, useEditor };
+class PureEditorContent extends React.Component {
+    constructor(props) {
+        super(props);
+        this.editorContentRef = React.createRef();
+        this.state = {
+            editor: this.props.editor
+        };
+    }
+    componentDidUpdate() {
+        const { editor } = this.props;
+        if (editor && editor.options.element) {
+            const element = this.editorContentRef.current;
+            element.appendChild(editor.options.element.firstChild);
+            editor.setOptions({
+                element,
+            });
+            editor.contentComponent = this;
+            // TODO: why setTimeout?
+            setTimeout(() => {
+                editor.createNodeViews();
+            }, 0);
+        }
+    }
+    render() {
+        return (React.createElement("div", { ref: this.editorContentRef }));
+    }
+}
+const EditorContent = React.memo(PureEditorContent);
+
+export { Editor, EditorContent, PureEditorContent, useEditor };
 //# sourceMappingURL=tiptap-react.esm.js.map

dist/tiptap-react.umd.js

@@ -11,39 +11,59 @@ (function (global, factory) {
 
-  class ReactRenderer {
+  class Editor extends core.Editor {
+      constructor() {
+          super(...arguments);
+          this.contentComponent = null;
+      }
   }
 
-  class ReactNodeViewRenderer {
+  function useForceUpdate() {
+      const [, setValue] = React.useState(0);
+      return () => setValue(value => value + 1);
   }
-
-  const EditorContext = /*#__PURE__*/React.createContext({});
-  const useEditor = () => React.useContext(EditorContext);
-  const Editor = ({
-    value,
-    onChange,
-    children,
-    ...props
-  }) => {
-    const [editor, setEditor] = React.useState(null);
-    const editorRef = React.useRef(null);
-    React.useEffect(() => {
-      const e = new core.Editor({
-        element: editorRef.current,
-        content: value,
-        ...props
-      }).on('transaction', () => {
-        onChange(e.getJSON());
-      });
-      setEditor(e);
-    }, []);
-    return /*#__PURE__*/React__default['default'].createElement(EditorContext.Provider, {
-      value: editor
-    }, editorRef.current && children, /*#__PURE__*/React__default['default'].createElement("div", {
-      ref: editorRef
-    }));
+  const useEditor = (options = {}) => {
+      const [editor, setEditor] = React.useState(null);
+      const forceUpdate = useForceUpdate();
+      React.useEffect(() => {
+          const instance = new Editor(options);
+          setEditor(instance);
+          instance.on('transaction', forceUpdate);
+          return () => {
+              instance.destroy();
+          };
+      }, []);
+      return editor;
   };
 
+  class PureEditorContent extends React__default['default'].Component {
+      constructor(props) {
+          super(props);
+          this.editorContentRef = React__default['default'].createRef();
+          this.state = {
+              editor: this.props.editor
+          };
+      }
+      componentDidUpdate() {
+          const { editor } = this.props;
+          if (editor && editor.options.element) {
+              const element = this.editorContentRef.current;
+              element.appendChild(editor.options.element.firstChild);
+              editor.setOptions({
+                  element,
+              });
+              editor.contentComponent = this;
+              // TODO: why setTimeout?
+              setTimeout(() => {
+                  editor.createNodeViews();
+              }, 0);
+          }
+      }
+      render() {
+          return (React__default['default'].createElement("div", { ref: this.editorContentRef }));
+      }
+  }
+  const EditorContent = React__default['default'].memo(PureEditorContent);
+
   exports.Editor = Editor;
-  exports.EditorContext = EditorContext;
-  exports.ReactNodeViewRenderer = ReactNodeViewRenderer;
-  exports.ReactRenderer = ReactRenderer;
+  exports.EditorContent = EditorContent;
+  exports.PureEditorContent = PureEditorContent;
   exports.useEditor = useEditor;
@@ -50,0 +70,0 @@ Object.keys(core).forEach(function (k) {

package.json

 {
   "name": "@tiptap/react",
   "description": "React components for tiptap",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.2",
   "homepage": "https://tiptap.dev",
@@ -26,3 +26,4 @@ "keywords": [
     "@tiptap/core": "^2.0.0-beta.1",
-    "react": "^17.0.1"
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
   },
@@ -32,3 +33,6 @@ "dependencies": {
   },
-  "gitHead": "67781052b0ac805fbf82099a50e27f1dd28f8061"
+  "devDependencies": {
+    "@types/react-dom": "^17.0.1"
+  },
+  "gitHead": "bf357dd7cb3da87d494dd8843e90505bba9214ca"
 }

src/index.ts

 // @ts-nocheck
 export * from '@tiptap/core'
-export { default as ReactRenderer } from './ReactRenderer'
-export { default as ReactNodeViewRenderer } from './ReactNodeViewRenderer'
-export {
-  Editor, EditorContext, useEditor,
-} from './components/Editor'
+export { Editor } from './Editor'
+export * from './useEditor'
+// export * from './ReactRenderer'
+// export * from './ReactNodeViewRenderer'
+export * from './EditorContent'

src/ReactNodeViewRenderer.ts

@@ -1,1 +0,208 @@
-export default class ReactNodeViewRenderer {}
+// // @ts-nocheck
+// import { Node, NodeViewRenderer, NodeViewRendererProps } from '@tiptap/core'
+// import { Decoration, NodeView } from 'prosemirror-view'
+// import { NodeSelection } from 'prosemirror-state'
+// import { Node as ProseMirrorNode } from 'prosemirror-model'
+// import React from 'react'
+// import ReactDOM from 'react-dom'
+// import { Editor } from './Editor'
+// import { ReactRenderer } from './ReactRenderer'
+
+// interface ReactNodeViewRendererOptions {
+//   stopEvent: ((event: Event) => boolean) | null,
+//   update: ((node: ProseMirrorNode, decorations: Decoration[]) => boolean) | null,
+// }
+
+// class ReactNodeView implements NodeView {
+
+//   renderer!: ReactRenderer
+
+//   editor: Editor
+
+//   extension!: Node
+
+//   node!: ProseMirrorNode
+
+//   decorations!: Decoration[]
+
+//   getPos!: any
+
+//   isDragging = false
+
+//   options: ReactNodeViewRendererOptions = {
+//     stopEvent: null,
+//     update: null,
+//   }
+
+//   constructor(component: any, props: NodeViewRendererProps, options?: Partial<ReactNodeViewRendererOptions>) {
+//     this.options = { ...this.options, ...options }
+//     this.editor = props.editor as Editor
+//     this.extension = props.extension
+//     this.node = props.node
+//     this.getPos = props.getPos
+//     this.mount(component)
+//   }
+
+//   mount(component: any) {
+//     const props = {}
+
+//     if (!component.displayName) {
+//       component.displayName = this.extension.config.name
+//     }
+
+//     this.renderer = new ReactRenderer(component, {
+//       editor: this.editor,
+//       props,
+//     })
+//   }
+
+//   get dom() {
+//     // if (!this.renderer.element) {
+//     //   return null
+//     // }
+
+//     // if (!this.renderer.element.hasAttribute('data-node-view-wrapper')) {
+//     //   throw Error('Please use the NodeViewWrapper component for your node view.')
+//     // }
+
+//     return this.renderer.element
+//   }
+
+//   get contentDOM() {
+//     // console.log(this.dom)
+//     // return null
+//     // if (!this.renderer.element) {
+//     //   return null
+//     // }
+
+//     const hasContent = !this.node.type.isAtom
+
+//     if (!hasContent) {
+//       return null
+//     }
+
+//     const contentElement = this.dom.querySelector('[data-node-view-content]')
+
+//     return contentElement || this.dom
+//   }
+
+//   stopEvent(event: Event) {
+//     if (typeof this.options.stopEvent === 'function') {
+//       return this.options.stopEvent(event)
+//     }
+
+//     const target = (event.target as HTMLElement)
+//     const isInElement = this.dom.contains(target) && !this.contentDOM?.contains(target)
+
+//     // ignore all events from child nodes
+//     if (!isInElement) {
+//       return false
+//     }
+
+//     const { isEditable } = this.editor
+//     const { isDragging } = this
+//     const isDraggable = !!this.node.type.spec.draggable
+//     const isSelectable = NodeSelection.isSelectable(this.node)
+//     const isCopyEvent = event.type === 'copy'
+//     const isPasteEvent = event.type === 'paste'
+//     const isCutEvent = event.type === 'cut'
+//     const isClickEvent = event.type === 'mousedown'
+//     const isDragEvent = event.type.startsWith('drag') || event.type === 'drop'
+
+//     // ProseMirror tries to drag selectable nodes
+//     // even if `draggable` is set to `false`
+//     // this fix prevents that
+//     if (!isDraggable && isSelectable && isDragEvent) {
+//       event.preventDefault()
+//     }
+
+//     if (isDraggable && isDragEvent && !isDragging) {
+//       event.preventDefault()
+//       return false
+//     }
+
+//     // we have to store that dragging started
+//     if (isDraggable && isEditable && !isDragging && isClickEvent) {
+//       const dragHandle = target.closest('[data-drag-handle]')
+//       const isValidDragHandle = dragHandle
+//         && (this.dom === dragHandle || (this.dom.contains(dragHandle)))
+
+//       if (isValidDragHandle) {
+//         this.isDragging = true
+//         document.addEventListener('dragend', () => {
+//           this.isDragging = false
+//         }, { once: true })
+//       }
+//     }
+
+//     // these events are handled by prosemirror
+//     if (
+//       isDragging
+//       || isCopyEvent
+//       || isPasteEvent
+//       || isCutEvent
+//       || (isClickEvent && isSelectable)
+//     ) {
+//       return false
+//     }
+
+//     return true
+//   }
+
+//   ignoreMutation(mutation: MutationRecord | { type: 'selection'; target: Element }) {
+//     if (mutation.type === 'selection') {
+//       if (this.node.isLeaf) {
+//         return true
+//       }
+
+//       return false
+//     }
+
+//     if (!this.contentDOM) {
+//       return true
+//     }
+
+//     const contentDOMHasChanged = !this.contentDOM.contains(mutation.target)
+//       || this.contentDOM === mutation.target
+
+//     return contentDOMHasChanged
+//   }
+
+//   destroy() {
+//     this.renderer.destroy()
+//   }
+
+//   update(node: ProseMirrorNode, decorations: Decoration[]) {
+//     if (typeof this.options.update === 'function') {
+//       return this.options.update(node, decorations)
+//     }
+
+//     if (node.type !== this.node.type) {
+//       return false
+//     }
+
+//     if (node === this.node && this.decorations === decorations) {
+//       return true
+//     }
+
+//     this.node = node
+//     this.decorations = decorations
+//     // this.renderer.updateProps({ node, decorations })
+//     this.renderer.render()
+
+//     return true
+//   }
+// }
+
+// export function ReactNodeViewRenderer(component: any, options?: Partial<ReactNodeViewRendererOptions>): NodeViewRenderer {
+//   return (props: NodeViewRendererProps) => {
+//     // try to get the parent component
+//     // this is important for vue devtools to show the component hierarchy correctly
+//     // maybe it’s `undefined` because <editor-content> isn’t rendered yet
+//     if (!(props.editor as Editor).contentComponent) {
+//       return {}
+//     }
+
+//     return new ReactNodeView(component, props, options) as NodeView
+//   }
+// }

src/ReactRenderer.ts

@@ -1,1 +0,58 @@
-export default class ReactRenderer {}
+// // @ts-nocheck
+
+// import React from 'react'
+// import { render, unmountComponentAtNode } from 'react-dom'
+
+// import { Editor } from './Editor'
+
+// export interface VueRendererOptions {
+//   as?: string;
+//   editor: Editor;
+//   props?: { [key: string]: any };
+// }
+
+// export class ReactRenderer {
+//   id: string
+
+//   editor: Editor
+
+//   component: any
+
+//   teleportElement: Element
+
+//   element: Element
+
+//   props: { [key: string]: any }
+
+//   constructor(component: any, { props = {}, editor }: VueRendererOptions) {
+//     this.id = Math.floor(Math.random() * 0xFFFFFFFF).toString()
+//     this.component = component
+//     this.editor = editor
+//     this.props = props
+
+//     this.teleportElement = document.createElement('div')
+//     // this.teleportElement.setAttribute('data-bla', '')
+//     // render(React.createElement(component), this.teleportElement)
+//     // render(React.createElement(component), this.teleportElement)
+//     this.render()
+//     // this.element = this.teleportElement.firstElementChild as Element
+//     this.element = this.teleportElement
+//   }
+
+//   render() {
+//     render(React.createElement(this.component), this.teleportElement)
+//   }
+
+//   updateProps(props: { [key: string]: any } = {}) {
+//     // TODO
+//   }
+
+//   destroy() {
+//     // TODO
+//     // console.log('DESTROY', { bla: this.teleportElement })
+//     // console.log(document.querySelector('[data-bla]'))
+//     unmountComponentAtNode(this.teleportElement)
+//     // unmountComponentAtNode(document.querySelector('[data-bla]'))
+//   }
+
+// }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

185796

increased by10.6%

Number of package files

22

increased by15.79%

Lines of code

627

increased by101.61%

Worsened metrics

Dependency count

4

increased by33.33%

Dev dependency count

1

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes