@superdoc-dev/react 2.0.0-next.2 → 2.0.0-next.4

package/README.md

@@ -92,7 +92,8 @@ All [SuperDoc config options](https://docs.superdoc.dev) are available as props,
 |------|------|-------------|
 | `id` | `string` | Custom container ID (auto-generated if not provided) |
 | `renderLoading` | `() => ReactNode` | Loading UI |
-| `hideToolbar` | `boolean` | Hide toolbar (default: false) |
+| `hideToolbar` | `boolean` | Hide toolbar (default: false). Older spelling of `ui.toolbar: false`; still wins when set |
+| `contained` | `boolean` | Scroll inside a fixed-height parent (default: false) |
 | `className` | `string` | Wrapper CSS class |
 | `style` | `CSSProperties` | Wrapper inline styles |
 
@@ -104,8 +105,11 @@ These props cause the SuperDoc instance to be destroyed and recreated when chang
 - `user` - Current user identity
 - `users` - List of users
 - `modules` - Module configuration (collaboration, comments, etc.)
+- `ui` - Built-in UI configuration (see below)
 - `role` - User permission level
 - `hideToolbar` - Toolbar visibility
+- `contained` - Fixed-height container mode
+- `id` - Editor and toolbar container identity
 
 ### Props Handled Efficiently
 
@@ -121,6 +125,22 @@ Other SuperDoc options (`rulers`, `pagination`, etc.) are applied only on initia
 ref.current?.getInstance()?.toggleRuler();
 ```
 
+### Built-in UI
+
+`ui` controls which built-in surfaces SuperDoc renders. Omit it and everything behaves as it always has.
+
+```tsx
+<SuperDocEditor document={file} ui={{ toolbar: false }} />
+```
+
+- `ui={false}` renders no built-in UI at all: no toolbar, comments, or context menu. It does not disable editing, the Document API, or `superdoc.ui`, so it is the setting to reach for when the application draws its own interface.
+- `ui={{ toolbar: false }}` turns off one surface and leaves the rest alone. Every key works this way, so a partial `ui` object stays additive.
+- `ui={{ toolbar: { container: '#my-toolbar' } }}` mounts the built-in toolbar into an element you own. React then skips its own toolbar host rather than rendering an empty one.
+
+`hideToolbar` predates this and still wins when set, so existing components keep working. Prefer `ui.toolbar: false` in new code: it says the same thing in the core configuration and applies across every framework.
+
+Changing `ui` rebuilds the instance, as the list above notes. Pass a stable object (a module constant, or one wrapped in `useMemo`) rather than an inline literal, or every render will tear the editor down and recreate it.
+
 ### Common Props
 
 ```tsx

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`react`);c=s(c);let l=require(`react/jsx-runtime`);function u(){let e=c.useRef(null);return e.current===null&&(e.current=`-${Date.now()}-${Math.random().toString(36).slice(2,9)}`),e.current}var d=c.useId;const f=typeof d==`function`?d:u;function p(e){let t=c.useRef(e),n=c.useRef(e);return t.current!==e&&(m(n.current,e)||(n.current=e),t.current=e),n.current}function m(e,t){if(e===t)return!0;if(e==null||t==null)return e===t;try{return JSON.stringify(e)===JSON.stringify(t)}catch{return!1}}function h(e,t){let[n,r]=(0,c.useState)(!1),{id:i,renderLoading:a,hideToolbar:o=!1,contained:s=!1,className:u,style:d,onReady:m,onEditorCreate:h,onEditorDestroy:g,onEditorUpdate:_,onTransaction:v,onContentError:y,onException:b,onZoomChange:x,onViewportChange:S,document:C,user:w,users:T,modules:E,...D}=e,O=e.documentMode??`editing`,k=e.role??`editor`,A=p(w),j=p(T),M=(0,c.useRef)(null),N=(0,c.useRef)(null),P=f(),F=i??`superdoc${P}`,I=F,L=`${F}-toolbar`,[R,z]=(0,c.useState)(!0),B=(0,c.useRef)({onReady:m,onEditorCreate:h,onEditorDestroy:g,onEditorUpdate:_,onTransaction:v,onContentError:y,onException:b,onZoomChange:x,onViewportChange:S});(0,c.useEffect)(()=>{B.current={onReady:m,onEditorCreate:h,onEditorDestroy:g,onEditorUpdate:_,onTransaction:v,onContentError:y,onException:b,onZoomChange:x,onViewportChange:S}},[m,h,g,_,v,y,b,x,S]);let V=(0,c.useRef)(null),H=(0,c.useRef)(!1),U=(0,c.useRef)(O);(0,c.useEffect)(()=>{U.current!==O&&(M.current?M.current.setDocumentMode(O):H.current&&(V.current=O)),U.current=O},[O]),(0,c.useImperativeHandle)(t,()=>({getInstance:()=>M.current}),[]),(0,c.useEffect)(()=>{z(!0),r(!1),H.current=!0;let e=!1,t=null;return(async()=>{try{let n=(await import(`superdoc`)).SuperDoc;if(e)return;t=new n({...D,selector:`#${CSS.escape(I)}`,...!o&&N.current?{toolbar:`#${CSS.escape(L)}`}:{},documentMode:O,role:k,contained:s,...C==null?{}:{document:C},...A?{user:A}:{},...j?{users:j}:{},...E?{modules:E}:{},onReady:t=>{e||(z(!1),H.current=!1,V.current&&V.current!==O&&(t.superdoc.setDocumentMode(V.current),V.current=null),B.current.onReady?.(t))},onEditorCreate:t=>{e||B.current.onEditorCreate?.(t)},onEditorDestroy:()=>{e||B.current.onEditorDestroy?.()},onEditorUpdate:t=>{e||B.current.onEditorUpdate?.(t)},onTransaction:t=>{e||B.current.onTransaction?.(t)},onContentError:t=>{e||B.current.onContentError?.(t)},onException:t=>{e||B.current.onException?.(t)},onZoomChange:t=>{e||B.current.onZoomChange?.(t)},onViewportChange:t=>{e||B.current.onViewportChange?.(t)}}),M.current=t}catch(t){e||(H.current=!1,z(!1),r(!0),console.error(`[SuperDocEditor] Failed to initialize SuperDoc:`,t),B.current.onException?.({error:t}))}})(),()=>{H.current=!1,V.current=null,t&&(t.destroy(),M.current=null),e=!0}},[C,A,j,E,k,o,s,I,L]);let W=[`superdoc-wrapper`,u].filter(Boolean).join(` `),G=R?{display:`none`}:void 0;return(0,l.jsxs)(`div`,{className:W,style:{...d,...s&&{display:`flex`,flexDirection:`column`}},children:[!o&&(0,l.jsx)(`div`,{ref:N,id:L,className:`superdoc-toolbar-container`,style:G}),(0,l.jsx)(`div`,{id:I,className:`superdoc-editor-container`,style:{...G,...s&&{flex:1,minHeight:0}}}),R&&!n&&a&&(0,l.jsx)(`div`,{className:`superdoc-loading-container`,children:a()}),n&&(0,l.jsx)(`div`,{className:`superdoc-error-container`,children:`Failed to load editor. Check console for details.`})]})}const g=(0,c.forwardRef)(h);g.displayName=`SuperDocEditor`;var _=g;exports.SuperDocEditor=g,exports.default=_;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`react`);c=s(c);let l=require(`react/jsx-runtime`);function u(){let e=c.useRef(null);return e.current===null&&(e.current=`-${Date.now()}-${Math.random().toString(36).slice(2,9)}`),e.current}var d=c.useId;const f=typeof d==`function`?d:u;function p(e){let t=c.useRef(e),n=c.useRef(e);return t.current!==e&&(m(n.current,e)||(n.current=e),t.current=e),n.current}function m(e,t){if(e===t)return!0;if(e==null||t==null)return e===t;try{return JSON.stringify(e)===JSON.stringify(t)}catch{return!1}}function h(e,t){let[n,r]=(0,c.useState)(!1),{id:i,renderLoading:a,hideToolbar:o=!1,contained:s=!1,className:u,style:d,onReady:m,onEditorCreate:h,onEditorDestroy:g,onEditorUpdate:_,onTransaction:v,onContentError:y,onException:b,onZoomChange:x,onViewportChange:S,document:C,user:w,users:T,modules:E,ui:D,...O}=e,k=e.documentMode??`editing`,A=e.role??`editor`,j=D===!1?!1:D?.toolbar,M=typeof j==`object`&&!!j&&j.container!==void 0,N=!o&&j!==!1&&!M,P=(()=>{if(D===!1||D===void 0||!o)return D;let{toolbar:e,...t}=D;return{...t,toolbar:!1}})(),F=p(w),I=p(T),L=(0,c.useRef)(null),R=(0,c.useRef)(null),z=f(),B=i??`superdoc${z}`,V=B,H=`${B}-toolbar`,[U,W]=(0,c.useState)(!0),G=(0,c.useRef)({onReady:m,onEditorCreate:h,onEditorDestroy:g,onEditorUpdate:_,onTransaction:v,onContentError:y,onException:b,onZoomChange:x,onViewportChange:S});(0,c.useEffect)(()=>{G.current={onReady:m,onEditorCreate:h,onEditorDestroy:g,onEditorUpdate:_,onTransaction:v,onContentError:y,onException:b,onZoomChange:x,onViewportChange:S}},[m,h,g,_,v,y,b,x,S]);let K=(0,c.useRef)(null),q=(0,c.useRef)(!1),J=(0,c.useRef)(k);(0,c.useEffect)(()=>{J.current!==k&&(L.current?L.current.setDocumentMode(k):q.current&&(K.current=k)),J.current=k},[k]),(0,c.useImperativeHandle)(t,()=>({getInstance:()=>L.current}),[]),(0,c.useEffect)(()=>{W(!0),r(!1),q.current=!0;let e=!1,t=null;return(async()=>{try{let n=(await import(`superdoc`)).SuperDoc;if(e)return;t=new n({...O,selector:`#${CSS.escape(V)}`,...N&&R.current?{toolbar:`#${CSS.escape(H)}`}:{},documentMode:k,role:A,contained:s,...C==null?{}:{document:C},...F?{user:F}:{},...I?{users:I}:{},...E?{modules:E}:{},...P===void 0?{}:{ui:P},onReady:t=>{e||(W(!1),q.current=!1,K.current&&K.current!==k&&(t.superdoc.setDocumentMode(K.current),K.current=null),G.current.onReady?.(t))},onEditorCreate:t=>{e||G.current.onEditorCreate?.(t)},onEditorDestroy:()=>{e||G.current.onEditorDestroy?.()},onEditorUpdate:t=>{e||G.current.onEditorUpdate?.(t)},onTransaction:t=>{e||G.current.onTransaction?.(t)},onContentError:t=>{e||G.current.onContentError?.(t)},onException:t=>{e||G.current.onException?.(t)},onZoomChange:t=>{e||G.current.onZoomChange?.(t)},onViewportChange:t=>{e||G.current.onViewportChange?.(t)}}),L.current=t}catch(t){e||(q.current=!1,W(!1),r(!0),console.error(`[SuperDocEditor] Failed to initialize SuperDoc:`,t),G.current.onException?.({error:t}))}})(),()=>{q.current=!1,K.current=null,t&&(t.destroy(),L.current=null),e=!0}},[C,F,I,E,D,A,o,s,V,H]);let Y=[`superdoc-wrapper`,u].filter(Boolean).join(` `),X=U?{display:`none`}:void 0;return(0,l.jsxs)(`div`,{className:Y,style:{...d,...s&&{display:`flex`,flexDirection:`column`}},children:[N&&(0,l.jsx)(`div`,{ref:R,id:H,className:`superdoc-toolbar-container`,style:X}),(0,l.jsx)(`div`,{id:V,className:`superdoc-editor-container`,style:{...X,...s&&{flex:1,minHeight:0}}}),U&&!n&&a&&(0,l.jsx)(`div`,{className:`superdoc-loading-container`,children:a()}),n&&(0,l.jsx)(`div`,{className:`superdoc-error-container`,children:`Failed to load editor. Check console for details.`})]})}const g=(0,c.forwardRef)(h);g.displayName=`SuperDocEditor`;var _=g;exports.SuperDocEditor=g,exports.default=_;

package/dist/index.d.ts

@@ -62,7 +62,16 @@ declare interface ReactProps {
     id?: string;
     /** Render function for loading state */
     renderLoading?: () => ReactNode;
-    /** Hide the toolbar container. When true, no toolbar is rendered. @default false */
+    /**
+     * Hide the toolbar container. When true, no toolbar is rendered.
+     *
+     * Prefer `ui.toolbar: false`, which says this in the core configuration and
+     * applies to every framework. `ui: false` also hides the toolbar, but it
+     * turns off every built-in surface — comments, context menu, and the rest —
+     * so reach for it only when the application owns the whole interface.
+     *
+     * This prop is the older spelling and still wins when set. @default false
+     */
     hideToolbar?: boolean;
     /** Enable contained mode for fixed-height container embedding. When true, SuperDoc
      *  fits within its parent's height and scrolls internally. @default false */
@@ -104,7 +113,7 @@ export declare type SuperDocContentErrorEvent = Parameters<NonNullable<SuperDocC
 /**
  * SuperDocEditor component with forwardRef - Initializes SuperDoc instance and handles cleanup.
  */
-declare const SuperDocEditor: ForwardRefExoticComponent<SuperDocEditorProps & RefAttributes<SuperDocRef>>;
+declare const SuperDocEditor: ForwardRefExoticComponent<Omit<SuperDocEditorProps, "ref"> & RefAttributes<SuperDocRef>>;
 export { SuperDocEditor }
 export default SuperDocEditor;
 

package/dist/index.js

@@ -2,49 +2,57 @@ import * as React from "react";
 import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function useIdPolyfill() {
-	let s = React.useRef(null);
-	return s.current === null && (s.current = `-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`), s.current;
+	let o = React.useRef(null);
+	return o.current === null && (o.current = `-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`), o.current;
 }
 var reactUseId = React.useId;
 const useStableId = typeof reactUseId == "function" ? reactUseId : useIdPolyfill;
-function useMemoByValue(s) {
-	let c = React.useRef(s), l = React.useRef(s);
-	return c.current !== s && (shallowJsonEqual(l.current, s) || (l.current = s), c.current = s), l.current;
+function useMemoByValue(o) {
+	let s = React.useRef(o), c = React.useRef(o);
+	return s.current !== o && (shallowJsonEqual(c.current, o) || (c.current = o), s.current = o), c.current;
 }
-function shallowJsonEqual(e, s) {
-	if (e === s) return !0;
-	if (e == null || s == null) return e === s;
+function shallowJsonEqual(e, o) {
+	if (e === o) return !0;
+	if (e == null || o == null) return e === o;
 	try {
-		return JSON.stringify(e) === JSON.stringify(s);
+		return JSON.stringify(e) === JSON.stringify(o);
 	} catch {
 		return !1;
 	}
 }
-function SuperDocEditorInner(e, s) {
-	let [u, d] = useState(!1), { id: f, renderLoading: p, hideToolbar: m = !1, contained: h = !1, className: g, style: _, onReady: v, onEditorCreate: y, onEditorDestroy: b, onEditorUpdate: x, onTransaction: S, onContentError: C, onException: w, onZoomChange: T, onViewportChange: E, document: D, user: O, users: k, modules: A, ...j } = e, M = e.documentMode ?? "editing", N = e.role ?? "editor", P = useMemoByValue(O), F = useMemoByValue(k), I = useRef(null), L = useRef(null), R = useStableId(), z = f ?? `superdoc${R}`, B = z, V = `${z}-toolbar`, [H, U] = useState(!0), W = useRef({
-		onReady: v,
-		onEditorCreate: y,
-		onEditorDestroy: b,
-		onEditorUpdate: x,
-		onTransaction: S,
-		onContentError: C,
-		onException: w,
-		onZoomChange: T,
-		onViewportChange: E
+function SuperDocEditorInner(e, o) {
+	let [l, u] = useState(!1), { id: d, renderLoading: f, hideToolbar: p = !1, contained: m = !1, className: h, style: g, onReady: _, onEditorCreate: v, onEditorDestroy: y, onEditorUpdate: b, onTransaction: x, onContentError: S, onException: C, onZoomChange: w, onViewportChange: T, document: E, user: D, users: O, modules: k, ui: A, ...j } = e, M = e.documentMode ?? "editing", N = e.role ?? "editor", P = A === !1 ? !1 : A?.toolbar, F = typeof P == "object" && !!P && P.container !== void 0, I = !p && P !== !1 && !F, L = (() => {
+		if (A === !1 || A === void 0 || !p) return A;
+		let { toolbar: e, ...o } = A;
+		return {
+			...o,
+			toolbar: !1
+		};
+	})(), R = useMemoByValue(D), z = useMemoByValue(O), B = useRef(null), V = useRef(null), H = useStableId(), U = d ?? `superdoc${H}`, W = U, G = `${U}-toolbar`, [K, q] = useState(!0), J = useRef({
+		onReady: _,
+		onEditorCreate: v,
+		onEditorDestroy: y,
+		onEditorUpdate: b,
+		onTransaction: x,
+		onContentError: S,
+		onException: C,
+		onZoomChange: w,
+		onViewportChange: T
 	});
 	useEffect(() => {
-		W.current = {
-			onReady: v,
-			onEditorCreate: y,
-			onEditorDestroy: b,
-			onEditorUpdate: x,
-			onTransaction: S,
-			onContentError: C,
-			onException: w,
-			onZoomChange: T,
-			onViewportChange: E
+		J.current = {
+			onReady: _,
+			onEditorCreate: v,
+			onEditorDestroy: y,
+			onEditorUpdate: b,
+			onTransaction: x,
+			onContentError: S,
+			onException: C,
+			onZoomChange: w,
+			onViewportChange: T
 		};
 	}, [
+		_,
 		v,
 		y,
 		b,
@@ -52,108 +60,109 @@ function SuperDocEditorInner(e, s) {
 		S,
 		C,
 		w,
-		T,
-		E
+		T
 	]);
-	let G = useRef(null), K = useRef(!1), q = useRef(M);
+	let Y = useRef(null), X = useRef(!1), Z = useRef(M);
 	useEffect(() => {
-		q.current !== M && (I.current ? I.current.setDocumentMode(M) : K.current && (G.current = M)), q.current = M;
-	}, [M]), useImperativeHandle(s, () => ({ getInstance: () => I.current }), []), useEffect(() => {
-		U(!0), d(!1), K.current = !0;
-		let e = !1, s = null;
+		Z.current !== M && (B.current ? B.current.setDocumentMode(M) : X.current && (Y.current = M)), Z.current = M;
+	}, [M]), useImperativeHandle(o, () => ({ getInstance: () => B.current }), []), useEffect(() => {
+		q(!0), u(!1), X.current = !0;
+		let e = !1, o = null;
 		return (async () => {
 			try {
-				let c = (await import("superdoc")).SuperDoc;
+				let s = (await import("superdoc")).SuperDoc;
 				if (e) return;
-				s = new c({
+				o = new s({
 					...j,
-					selector: `#${CSS.escape(B)}`,
-					...!m && L.current ? { toolbar: `#${CSS.escape(V)}` } : {},
+					selector: `#${CSS.escape(W)}`,
+					...I && V.current ? { toolbar: `#${CSS.escape(G)}` } : {},
 					documentMode: M,
 					role: N,
-					contained: h,
-					...D == null ? {} : { document: D },
-					...P ? { user: P } : {},
-					...F ? { users: F } : {},
-					...A ? { modules: A } : {},
-					onReady: (s) => {
-						e || (U(!1), K.current = !1, G.current && G.current !== M && (s.superdoc.setDocumentMode(G.current), G.current = null), W.current.onReady?.(s));
+					contained: m,
+					...E == null ? {} : { document: E },
+					...R ? { user: R } : {},
+					...z ? { users: z } : {},
+					...k ? { modules: k } : {},
+					...L === void 0 ? {} : { ui: L },
+					onReady: (o) => {
+						e || (q(!1), X.current = !1, Y.current && Y.current !== M && (o.superdoc.setDocumentMode(Y.current), Y.current = null), J.current.onReady?.(o));
 					},
-					onEditorCreate: (s) => {
-						e || W.current.onEditorCreate?.(s);
+					onEditorCreate: (o) => {
+						e || J.current.onEditorCreate?.(o);
 					},
 					onEditorDestroy: () => {
-						e || W.current.onEditorDestroy?.();
+						e || J.current.onEditorDestroy?.();
 					},
-					onEditorUpdate: (s) => {
-						e || W.current.onEditorUpdate?.(s);
+					onEditorUpdate: (o) => {
+						e || J.current.onEditorUpdate?.(o);
 					},
-					onTransaction: (s) => {
-						e || W.current.onTransaction?.(s);
+					onTransaction: (o) => {
+						e || J.current.onTransaction?.(o);
 					},
-					onContentError: (s) => {
-						e || W.current.onContentError?.(s);
+					onContentError: (o) => {
+						e || J.current.onContentError?.(o);
 					},
-					onException: (s) => {
-						e || W.current.onException?.(s);
+					onException: (o) => {
+						e || J.current.onException?.(o);
 					},
-					onZoomChange: (s) => {
-						e || W.current.onZoomChange?.(s);
+					onZoomChange: (o) => {
+						e || J.current.onZoomChange?.(o);
 					},
-					onViewportChange: (s) => {
-						e || W.current.onViewportChange?.(s);
+					onViewportChange: (o) => {
+						e || J.current.onViewportChange?.(o);
 					}
-				}), I.current = s;
-			} catch (s) {
-				e || (K.current = !1, U(!1), d(!0), console.error("[SuperDocEditor] Failed to initialize SuperDoc:", s), W.current.onException?.({ error: s }));
+				}), B.current = o;
+			} catch (o) {
+				e || (X.current = !1, q(!1), u(!0), console.error("[SuperDocEditor] Failed to initialize SuperDoc:", o), J.current.onException?.({ error: o }));
 			}
 		})(), () => {
-			K.current = !1, G.current = null, s && (s.destroy(), I.current = null), e = !0;
+			X.current = !1, Y.current = null, o && (o.destroy(), B.current = null), e = !0;
 		};
 	}, [
-		D,
-		P,
-		F,
+		E,
+		R,
+		z,
+		k,
 		A,
 		N,
+		p,
 		m,
-		h,
-		B,
-		V
+		W,
+		G
 	]);
-	let J = ["superdoc-wrapper", g].filter(Boolean).join(" "), Y = H ? { display: "none" } : void 0;
+	let Q = ["superdoc-wrapper", h].filter(Boolean).join(" "), $ = K ? { display: "none" } : void 0;
 	return /* @__PURE__ */ jsxs("div", {
-		className: J,
+		className: Q,
 		style: {
-			..._,
-			...h && {
+			...g,
+			...m && {
 				display: "flex",
 				flexDirection: "column"
 			}
 		},
 		children: [
-			!m && /* @__PURE__ */ jsx("div", {
-				ref: L,
-				id: V,
+			I && /* @__PURE__ */ jsx("div", {
+				ref: V,
+				id: G,
 				className: "superdoc-toolbar-container",
-				style: Y
+				style: $
 			}),
 			/* @__PURE__ */ jsx("div", {
-				id: B,
+				id: W,
 				className: "superdoc-editor-container",
 				style: {
-					...Y,
-					...h && {
+					...$,
+					...m && {
 						flex: 1,
 						minHeight: 0
 					}
 				}
 			}),
-			H && !u && p && /* @__PURE__ */ jsx("div", {
+			K && !l && f && /* @__PURE__ */ jsx("div", {
 				className: "superdoc-loading-container",
-				children: p()
+				children: f()
 			}),
-			u && /* @__PURE__ */ jsx("div", {
+			l && /* @__PURE__ */ jsx("div", {
 				className: "superdoc-error-container",
 				children: "Failed to load editor. Check console for details."
 			})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc-dev/react",
-  "version": "2.0.0-next.2",
+  "version": "2.0.0-next.4",
   "description": "Official React wrapper for the SuperDoc document editor",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -27,12 +27,12 @@
   ],
   "license": "AGPL-3.0",
   "dependencies": {
-    "superdoc": "2.0.0-next.26"
+    "superdoc": "2.4.0-next.6"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "superdoc": "2.0.0-next.26"
+    "superdoc": "2.4.0-next.6"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
@@ -61,13 +61,13 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/superdoc-dev/superdoc.git",
+    "url": "git+https://github.com/superdoc/docx-editor.git",
     "directory": "packages/react"
   },
   "bugs": {
-    "url": "https://github.com/superdoc-dev/superdoc/issues"
+    "url": "https://github.com/superdoc/docx-editor/issues"
   },
-  "homepage": "https://github.com/superdoc-dev/superdoc/tree/main/packages/react#readme",
+  "homepage": "https://github.com/superdoc/docx-editor/tree/main/packages/react#readme",
   "scripts": {
     "build": "vite build",
     "dev": "vite build --watch",