@haklex/rich-ext-excalidraw 0.12.0 → 0.14.0

package/dist/{ExcalidrawDisplayRenderer-B7O4vCQU.js → ExcalidrawDisplayRenderer-BWsFJSQ7.js}

@@ -1,11 +1,9 @@
 import { t as __exportAll } from "./rolldown-runtime-CiIaOW0V.js";
-import { D as excalidrawStaticContainer, S as excalidrawFullscreenPopup, T as excalidrawLoading, _ as excalidrawDialogTitle, c as excalidrawActionGroup, g as excalidrawDialogMeta, h as excalidrawDialogHeaderTitle, k as readonlyUIOptions, m as excalidrawDialogHeader, p as excalidrawDialogCanvas, s as excalidrawActionButton, t as useExcalidrawData, w as excalidrawHeaderClose, x as excalidrawError } from "./useExcalidrawData-DcXa8vqV.js";
+import { D as excalidrawStaticContainer, T as excalidrawLoading, c as excalidrawActionGroup, k as readonlyUIOptions, s as excalidrawActionButton, t as useExcalidrawData, x as excalidrawError } from "./useExcalidrawData-DcXa8vqV.js";
 import { Component, useCallback, useEffect, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useColorScheme } from "@haklex/rich-editor";
-import { presentDialog } from "@haklex/rich-editor-ui";
-import { usePortalTheme } from "@haklex/rich-style-token";
-import { Maximize2, ScanSearch, X, ZoomIn, ZoomOut } from "lucide-react";
+import { Maximize2, ScanSearch, ZoomIn, ZoomOut } from "lucide-react";
 //#region \0@oxc-project+runtime@0.127.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
@@ -46,52 +44,18 @@ function _defineProperty(e, r, t) {
 //#endregion
 //#region src/ExcalidrawDisplayRenderer.tsx
 var ExcalidrawDisplayRenderer_exports = /* @__PURE__ */ __exportAll({ ExcalidrawDisplayRenderer: () => ExcalidrawDisplayRenderer });
-var ExcalidrawDisplayRenderer = ({ snapshot }) => {
+var ExcalidrawDisplayRenderer = ({ onExpand, snapshot }) => {
 	return /* @__PURE__ */ jsx(ExcalidrawStaticCanvas, {
 		snapshot,
-		theme: useColorScheme()
+		theme: useColorScheme(),
+		onExpand
 	});
 };
-var ExcalidrawExpandContent = ({ dismiss, ExcalidrawComponent, data, theme }) => {
-	const apiRef = useRef(null);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-		className: excalidrawDialogHeader,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: excalidrawDialogHeaderTitle,
-			children: [/* @__PURE__ */ jsx("span", {
-				className: excalidrawDialogTitle,
-				children: "Whiteboard"
-			}), /* @__PURE__ */ jsx("span", {
-				className: excalidrawDialogMeta,
-				children: "excalidraw"
-			})]
-		}), /* @__PURE__ */ jsx("button", {
-			className: excalidrawHeaderClose,
-			type: "button",
-			onClick: dismiss,
-			children: /* @__PURE__ */ jsx(X, { size: 18 })
-		})]
-	}), /* @__PURE__ */ jsx("div", {
-		className: excalidrawDialogCanvas,
-		children: /* @__PURE__ */ jsx(ExcalidrawComponent, {
-			viewModeEnabled: true,
-			zenModeEnabled: true,
-			UIOptions: readonlyUIOptions,
-			initialData: data,
-			theme,
-			excalidrawAPI: (api) => {
-				apiRef.current = api;
-				setTimeout(() => api.scrollToContent(), 100);
-			}
-		})
-	})] });
-};
-var ExcalidrawStaticCanvas = ({ snapshot, theme }) => {
+var ExcalidrawStaticCanvas = ({ onExpand, snapshot, theme }) => {
 	const { snapshot: data, loading: dataLoading, error: dataError } = useExcalidrawData(snapshot);
 	const [ExcalidrawComponent, setExcalidrawComponent] = useState(null);
 	const [libLoading, setLibLoading] = useState(true);
 	const apiRef = useRef(null);
-	const { className: portalClassName } = usePortalTheme();
 	useEffect(() => {
 		Promise.all([import("@excalidraw/excalidraw"), import("@excalidraw/excalidraw/index.css")]).then(([mod]) => {
 			const Comp = mod.Excalidraw;
@@ -102,26 +66,27 @@ var ExcalidrawStaticCanvas = ({ snapshot, theme }) => {
 			setLibLoading(false);
 		});
 	}, []);
-	const handleExpand = useCallback(() => {
-		if (!ExcalidrawComponent || !data) return;
-		presentDialog({
-			content: ({ dismiss }) => /* @__PURE__ */ jsx(ExcalidrawExpandContent, {
-				ExcalidrawComponent,
-				data,
-				dismiss,
-				theme
+	const handleExpand = useCallback((e) => {
+		if (!onExpand || !ExcalidrawComponent || !data) return;
+		onExpand({
+			content: /* @__PURE__ */ jsx(ExcalidrawComponent, {
+				viewModeEnabled: true,
+				zenModeEnabled: true,
+				UIOptions: readonlyUIOptions,
+				initialData: data,
+				theme,
+				excalidrawAPI: (api) => {
+					setTimeout(() => api.scrollToContent(), 100);
+				}
 			}),
-			className: excalidrawFullscreenPopup,
-			portalClassName,
-			theme,
-			showCloseButton: false,
-			clickOutsideToDismiss: true
+			target: e.currentTarget,
+			theme
 		});
 	}, [
+		onExpand,
 		ExcalidrawComponent,
 		data,
-		theme,
-		portalClassName
+		theme
 	]);
 	if (dataLoading || libLoading) return /* @__PURE__ */ jsx("div", {
 		className: excalidrawStaticContainer,
@@ -199,8 +164,8 @@ var ExcalidrawStaticCanvas = ({ snapshot, theme }) => {
 					onClick: () => apiRef.current?.scrollToContent(),
 					children: /* @__PURE__ */ jsx(ScanSearch, { size: 20 })
 				}),
-				/* @__PURE__ */ jsx("button", {
-					className: excalidrawActionButton,
+				Boolean(onExpand) && /* @__PURE__ */ jsx("button", {
+					className: "_1c3wdzl7",
 					title: "Expand",
 					type: "button",
 					onClick: handleExpand,

package/dist/ExcalidrawDisplayRenderer.d.ts

@@ -1,5 +1,12 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
+export interface ExcalidrawExpandPayload {
+    content: ReactNode;
+    target: HTMLElement;
+    theme: 'light' | 'dark';
+}
+export type OnExcalidrawExpand = (payload: ExcalidrawExpandPayload) => void;
 export interface ExcalidrawStaticRendererProps {
+    onExpand?: OnExcalidrawExpand;
     snapshot: string;
 }
 export declare const ExcalidrawDisplayRenderer: FC<ExcalidrawStaticRendererProps>;

package/dist/ExcalidrawDisplayRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExcalidrawDisplayRenderer.d.ts","sourceRoot":"","sources":["../src/ExcalidrawDisplayRenderer.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiC,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAO/E,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,6BAA6B,CAGvE,CAAC"}
+{"version":3,"file":"ExcalidrawDisplayRenderer.d.ts","sourceRoot":"","sources":["../src/ExcalidrawDisplayRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,EAAE,EACP,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAC;AAE5E,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,6BAA6B,CAMvE,CAAC"}

package/dist/ExcalidrawExpandShell.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+export interface ExcalidrawExpandShellProps {
+    children: ReactNode;
+    dismiss: () => void;
+    meta?: ReactNode;
+    title?: ReactNode;
+}
+export declare const ExcalidrawExpandShell: FC<ExcalidrawExpandShellProps>;
+//# sourceMappingURL=ExcalidrawExpandShell.d.ts.map

package/dist/ExcalidrawExpandShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExcalidrawExpandShell.d.ts","sourceRoot":"","sources":["../src/ExcalidrawExpandShell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAkBhE,CAAC"}

package/dist/ExcalidrawNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExcalidrawNode.d.ts","sourceRoot":"","sources":["../src/ExcalidrawNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,OAAO,EACP,qBAAqB,EACrB,MAAM,EACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKzC,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAC3C;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,EACpB,qBAAqB,CACtB,CAAA;AAED,qBAAa,cAAe,SAAQ,aAAa,CAAC,YAAY,CAAC;IAC7D,UAAU,EAAE,MAAM,CAAA;IAElB,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,cAAc,GAAG,cAAc;gBAItC,QAAQ,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO;IAK3C,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,WAAW;IAM7C,SAAS,IAAI,OAAO;IAIpB,QAAQ,IAAI,OAAO;IAInB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,wBAAwB,GAAG,cAAc;IAI3E,UAAU,IAAI,wBAAwB;IAStC,WAAW,IAAI,MAAM;IAIrB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAKnC,QAAQ,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;CAKtE;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc,CAEtE;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,cAAc,CAExB"}
+{"version":3,"file":"ExcalidrawNode.d.ts","sourceRoot":"","sources":["../src/ExcalidrawNode.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,OAAO,EACP,qBAAqB,EACrB,MAAM,EACP,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,EAAE,qBAAqB,CAAC,CAAC;AAE3F,qBAAa,cAAe,SAAQ,aAAa,CAAC,YAAY,CAAC;IAC7D,UAAU,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,cAAc,GAAG,cAAc;gBAItC,QAAQ,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO;IAK3C,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,WAAW;IAM7C,SAAS,IAAI,OAAO;IAIpB,QAAQ,IAAI,OAAO;IAInB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,wBAAwB,GAAG,cAAc;IAI3E,UAAU,IAAI,wBAAwB;IAStC,WAAW,IAAI,MAAM;IAIrB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAKnC,QAAQ,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;CAKtE;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc,CAEtE;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,cAAc,CAE9F"}

package/dist/ExcalidrawSSRRenderer.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
+import { OnExcalidrawExpand } from './ExcalidrawDisplayRenderer';
 export interface ExcalidrawSSRRendererProps {
+    onExpand?: OnExcalidrawExpand;
     snapshot: string;
 }
 export declare const ExcalidrawSSRRenderer: FC<ExcalidrawSSRRendererProps>;

package/dist/ExcalidrawSSRRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExcalidrawSSRRenderer.d.ts","sourceRoot":"","sources":["../src/ExcalidrawSSRRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,MAAM,CAAC;CAClB;AA6BD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAQhE,CAAC"}
+{"version":3,"file":"ExcalidrawSSRRenderer.d.ts","sourceRoot":"","sources":["../src/ExcalidrawSSRRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;CAClB;AA6BD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAQhE,CAAC"}

package/dist/index.d.ts

@@ -1,15 +1,20 @@
 export type { ExcalidrawConfig } from './ExcalidrawConfigContext';
-export { ExcalidrawConfigProvider, useExcalidrawConfig, } from './ExcalidrawConfigContext';
-export type { ExcalidrawStaticRendererProps as ExcalidrawDisplayRendererProps } from './ExcalidrawDisplayRenderer';
+export { ExcalidrawConfigProvider, useExcalidrawConfig } from './ExcalidrawConfigContext';
+export type { ExcalidrawStaticRendererProps as ExcalidrawDisplayRendererProps, ExcalidrawExpandPayload, OnExcalidrawExpand, } from './ExcalidrawDisplayRenderer';
 export { ExcalidrawDisplayRenderer } from './ExcalidrawDisplayRenderer';
 export { $createExcalidrawEditNode, $isExcalidrawEditNode, ExcalidrawEditNode, } from './ExcalidrawEditNode';
 export type { ExcalidrawEditRendererProps } from './ExcalidrawEditRenderer';
 export { ExcalidrawEditRenderer } from './ExcalidrawEditRenderer';
+export type { ExcalidrawExpandShellProps } from './ExcalidrawExpandShell';
+export { ExcalidrawExpandShell } from './ExcalidrawExpandShell';
 export type { SerializedExcalidrawNode } from './ExcalidrawNode';
-export { $createExcalidrawNode, $isExcalidrawNode, ExcalidrawNode, } from './ExcalidrawNode';
+export { $createExcalidrawNode, $isExcalidrawNode, ExcalidrawNode } from './ExcalidrawNode';
 export { ExcalidrawPlugin, INSERT_EXCALIDRAW_COMMAND } from './ExcalidrawPlugin';
 export type { ExcalidrawSSRRendererProps } from './ExcalidrawSSRRenderer';
 export { ExcalidrawSSRRenderer } from './ExcalidrawSSRRenderer';
+export type { ExcalidrawSlotProps } from './slot';
+export { EXCALIDRAW_NODE_KEY } from './slot';
+export { excalidrawFullscreenPopup } from './styles.css';
 export { EXCALIDRAW_BLOCK_TRANSFORMER } from './transformer';
 export type { ExcalidrawSnapshot } from './types';
 export { parseSnapshot, serializeSnapshot } from './types';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EACL,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,2BAA2B,CAAA;AAClC,YAAY,EAAE,6BAA6B,IAAI,8BAA8B,EAAE,MAAM,6BAA6B,CAAA;AAClH,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,sBAAsB,CAAA;AAC7B,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,YAAY,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAA;AAChE,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EACjB,cAAc,GACf,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAC,yBAAyB,EAAE,MAAM,oBAAoB,CAAA;AAC/E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAA;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAG1D,YAAY,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAA;AAChF,YAAY,EAAE,6BAA6B,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAC3G,OAAO,EAAE,yBAAyB,IAAI,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AACnG,OAAO,EAAE,yBAAyB,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAC1F,YAAY,EACV,6BAA6B,IAAI,8BAA8B,EAC/D,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AACjF,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG3D,YAAY,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AACjF,YAAY,EAAE,6BAA6B,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAC5G,OAAO,EAAE,yBAAyB,IAAI,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACpG,OAAO,EAAE,yBAAyB,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/index.mjs

@@ -1,14 +1,14 @@
-import { A as ExcalidrawConfigProvider, j as useExcalidrawConfig, n as parseSnapshot, r as serializeSnapshot } from "./useExcalidrawData-DcXa8vqV.js";
-import { r as _defineProperty, t as ExcalidrawDisplayRenderer } from "./ExcalidrawDisplayRenderer-B7O4vCQU.js";
-import { a as ExcalidrawSSRRenderer, i as ExcalidrawNode, n as $createExcalidrawNode, r as $isExcalidrawNode, t as EXCALIDRAW_BLOCK_TRANSFORMER } from "./transformer-BCGsvNcN.js";
-import { t as ExcalidrawEditRenderer } from "./ExcalidrawEditRenderer-D_SZsItu.js";
+import { A as ExcalidrawConfigProvider, S as excalidrawFullscreenPopup, j as useExcalidrawConfig, n as parseSnapshot, r as serializeSnapshot } from "./useExcalidrawData-DcXa8vqV.js";
+import { r as _defineProperty, t as ExcalidrawDisplayRenderer } from "./ExcalidrawDisplayRenderer-BWsFJSQ7.js";
+import { a as ExcalidrawNode, i as $isExcalidrawNode, n as ExcalidrawExpandShell, o as EXCALIDRAW_NODE_KEY, r as $createExcalidrawNode, s as ExcalidrawSSRRenderer, t as EXCALIDRAW_BLOCK_TRANSFORMER } from "./transformer-zBd4ibNw.js";
+import { t as ExcalidrawEditRenderer } from "./ExcalidrawEditRenderer-BlJTjnpV.js";
 import { Suspense, createElement, lazy, useEffect } from "react";
-import { ViewportGate } from "@haklex/rich-editor-ui";
 import { PenTool } from "lucide-react";
+import { ViewportGate } from "@haklex/rich-editor-ui";
 import { $getNodeByKey, $insertNodes, COMMAND_PRIORITY_EDITOR, createCommand } from "lexical";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 //#region src/ExcalidrawEditNode.ts
-var LazyEditRenderer = lazy(() => import("./ExcalidrawEditRenderer-D_SZsItu.js").then((n) => n.n).then((m) => ({ default: m.ExcalidrawEditRenderer })));
+var LazyEditRenderer = lazy(() => import("./ExcalidrawEditRenderer-BlJTjnpV.js").then((n) => n.n).then((m) => ({ default: m.ExcalidrawEditRenderer })));
 var ExcalidrawEditNode = class ExcalidrawEditNode extends ExcalidrawNode {
 	static clone(node) {
 		return new ExcalidrawEditNode(node.__snapshot, node.__key);
@@ -84,4 +84,4 @@ function ExcalidrawPlugin() {
 	return null;
 }
 //#endregion
-export { $createExcalidrawEditNode, $createExcalidrawNode, $isExcalidrawEditNode, $isExcalidrawNode, EXCALIDRAW_BLOCK_TRANSFORMER, ExcalidrawConfigProvider, ExcalidrawDisplayRenderer, ExcalidrawDisplayRenderer as ExcalidrawRenderer, ExcalidrawDisplayRenderer as ExcalidrawStaticRenderer, ExcalidrawEditNode, ExcalidrawEditRenderer, ExcalidrawNode, ExcalidrawPlugin, ExcalidrawSSRRenderer, INSERT_EXCALIDRAW_COMMAND, parseSnapshot, serializeSnapshot, useExcalidrawConfig };
+export { $createExcalidrawEditNode, $createExcalidrawNode, $isExcalidrawEditNode, $isExcalidrawNode, EXCALIDRAW_BLOCK_TRANSFORMER, EXCALIDRAW_NODE_KEY, ExcalidrawConfigProvider, ExcalidrawDisplayRenderer, ExcalidrawDisplayRenderer as ExcalidrawRenderer, ExcalidrawDisplayRenderer as ExcalidrawStaticRenderer, ExcalidrawEditNode, ExcalidrawEditRenderer, ExcalidrawExpandShell, ExcalidrawNode, ExcalidrawPlugin, ExcalidrawSSRRenderer, INSERT_EXCALIDRAW_COMMAND, excalidrawFullscreenPopup, parseSnapshot, serializeSnapshot, useExcalidrawConfig };

package/dist/slot.d.ts

@@ -0,0 +1,11 @@
+import { ComponentType } from 'react';
+export declare const EXCALIDRAW_NODE_KEY: "Excalidraw";
+export interface ExcalidrawSlotProps {
+    snapshot: string;
+}
+declare module '@haklex/rich-editor' {
+    interface RendererConfig {
+        Excalidraw?: ComponentType<ExcalidrawSlotProps>;
+    }
+}
+//# sourceMappingURL=slot.d.ts.map

package/dist/slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../src/slot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,mBAAmB,EAAG,YAAqB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,cAAc;QACtB,UAAU,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;KACjD;CACF"}

package/dist/static.d.ts

@@ -1,11 +1,16 @@
 export type { ExcalidrawConfig } from './ExcalidrawConfigContext';
-export { ExcalidrawConfigProvider, useExcalidrawConfig, } from './ExcalidrawConfigContext';
-export type { ExcalidrawStaticRendererProps } from './ExcalidrawDisplayRenderer';
+export { ExcalidrawConfigProvider, useExcalidrawConfig } from './ExcalidrawConfigContext';
+export type { ExcalidrawExpandPayload, ExcalidrawStaticRendererProps, OnExcalidrawExpand, } from './ExcalidrawDisplayRenderer';
 export { ExcalidrawDisplayRenderer } from './ExcalidrawDisplayRenderer';
+export type { ExcalidrawExpandShellProps } from './ExcalidrawExpandShell';
+export { ExcalidrawExpandShell } from './ExcalidrawExpandShell';
 export type { SerializedExcalidrawNode } from './ExcalidrawNode';
-export { $createExcalidrawNode, $isExcalidrawNode, ExcalidrawNode, } from './ExcalidrawNode';
+export { $createExcalidrawNode, $isExcalidrawNode, ExcalidrawNode } from './ExcalidrawNode';
 export type { ExcalidrawSSRRendererProps } from './ExcalidrawSSRRenderer';
 export { ExcalidrawSSRRenderer } from './ExcalidrawSSRRenderer';
+export type { ExcalidrawSlotProps } from './slot';
+export { EXCALIDRAW_NODE_KEY } from './slot';
+export { excalidrawFullscreenPopup } from './styles.css';
 export { EXCALIDRAW_BLOCK_TRANSFORMER } from './transformer';
 export type { ExcalidrawStaticRendererProps as ExcalidrawRendererProps } from './ExcalidrawDisplayRenderer';
 export { ExcalidrawDisplayRenderer as ExcalidrawStaticRenderer } from './ExcalidrawDisplayRenderer';

package/dist/static.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"static.d.ts","sourceRoot":"","sources":["../src/static.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EACL,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,2BAA2B,CAAA;AAClC,YAAY,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAA;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,YAAY,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAA;AAChE,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EACjB,cAAc,GACf,MAAM,kBAAkB,CAAA;AACzB,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAA;AAG5D,YAAY,EAAE,6BAA6B,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAC3G,OAAO,EAAE,yBAAyB,IAAI,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AACnG,OAAO,EAAE,yBAAyB,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAA"}
+{"version":3,"file":"static.d.ts","sourceRoot":"","sources":["../src/static.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAC1F,YAAY,EACV,uBAAuB,EACvB,6BAA6B,EAC7B,kBAAkB,GACnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC5F,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC;AAG7D,YAAY,EAAE,6BAA6B,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAC5G,OAAO,EAAE,yBAAyB,IAAI,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACpG,OAAO,EAAE,yBAAyB,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/static.mjs

@@ -1,4 +1,4 @@
-import { A as ExcalidrawConfigProvider, j as useExcalidrawConfig } from "./useExcalidrawData-DcXa8vqV.js";
-import { t as ExcalidrawDisplayRenderer } from "./ExcalidrawDisplayRenderer-B7O4vCQU.js";
-import { a as ExcalidrawSSRRenderer, i as ExcalidrawNode, n as $createExcalidrawNode, r as $isExcalidrawNode, t as EXCALIDRAW_BLOCK_TRANSFORMER } from "./transformer-BCGsvNcN.js";
-export { $createExcalidrawNode, $isExcalidrawNode, EXCALIDRAW_BLOCK_TRANSFORMER, ExcalidrawConfigProvider, ExcalidrawDisplayRenderer, ExcalidrawDisplayRenderer as ExcalidrawRenderer, ExcalidrawDisplayRenderer as ExcalidrawStaticRenderer, ExcalidrawNode, ExcalidrawSSRRenderer, useExcalidrawConfig };
+import { A as ExcalidrawConfigProvider, S as excalidrawFullscreenPopup, j as useExcalidrawConfig } from "./useExcalidrawData-DcXa8vqV.js";
+import { t as ExcalidrawDisplayRenderer } from "./ExcalidrawDisplayRenderer-BWsFJSQ7.js";
+import { a as ExcalidrawNode, i as $isExcalidrawNode, n as ExcalidrawExpandShell, o as EXCALIDRAW_NODE_KEY, r as $createExcalidrawNode, s as ExcalidrawSSRRenderer, t as EXCALIDRAW_BLOCK_TRANSFORMER } from "./transformer-zBd4ibNw.js";
+export { $createExcalidrawNode, $isExcalidrawNode, EXCALIDRAW_BLOCK_TRANSFORMER, EXCALIDRAW_NODE_KEY, ExcalidrawConfigProvider, ExcalidrawDisplayRenderer, ExcalidrawDisplayRenderer as ExcalidrawRenderer, ExcalidrawDisplayRenderer as ExcalidrawStaticRenderer, ExcalidrawExpandShell, ExcalidrawNode, ExcalidrawSSRRenderer, excalidrawFullscreenPopup, useExcalidrawConfig };

package/dist/{transformer-BCGsvNcN.js → transformer-zBd4ibNw.js}

@@ -1,12 +1,14 @@
-import { E as excalidrawPlaceholder } from "./useExcalidrawData-DcXa8vqV.js";
-import { r as _defineProperty } from "./ExcalidrawDisplayRenderer-B7O4vCQU.js";
-import { Suspense, createElement, lazy } from "react";
-import { jsx } from "react/jsx-runtime";
+import { E as excalidrawPlaceholder, _ as excalidrawDialogTitle, h as excalidrawDialogHeaderTitle, m as excalidrawDialogHeader, p as excalidrawDialogCanvas, w as excalidrawHeaderClose } from "./useExcalidrawData-DcXa8vqV.js";
+import { r as _defineProperty } from "./ExcalidrawDisplayRenderer-BWsFJSQ7.js";
+import { Suspense, lazy } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
 import { ViewportGate } from "@haklex/rich-editor-ui";
 import { DecoratorNode } from "lexical";
+import { createRendererDecoration } from "@haklex/rich-editor/static";
 import { EXCALIDRAW_BLOCK_TRANSFORMER } from "@haklex/rich-headless/transformers";
 //#region src/ExcalidrawSSRRenderer.tsx
-var LazyDisplayRenderer = lazy(() => import("./ExcalidrawDisplayRenderer-B7O4vCQU.js").then((n) => n.n).then((m) => ({ default: m.ExcalidrawDisplayRenderer })));
+var LazyDisplayRenderer = lazy(() => import("./ExcalidrawDisplayRenderer-BWsFJSQ7.js").then((n) => n.n).then((m) => ({ default: m.ExcalidrawDisplayRenderer })));
 var ExcalidrawPlaceholder = ({ snapshot }) => {
 	let label = "Excalidraw Whiteboard";
 	try {
@@ -22,16 +24,22 @@ var ExcalidrawPlaceholder = ({ snapshot }) => {
 		children: /* @__PURE__ */ jsx("span", { children: label })
 	});
 };
-var ExcalidrawSSRRenderer = ({ snapshot }) => {
+var ExcalidrawSSRRenderer = ({ onExpand, snapshot }) => {
 	return /* @__PURE__ */ jsx(ViewportGate, {
 		fallback: /* @__PURE__ */ jsx(ExcalidrawPlaceholder, { snapshot }),
 		children: /* @__PURE__ */ jsx(Suspense, {
 			fallback: /* @__PURE__ */ jsx(ExcalidrawPlaceholder, { snapshot }),
-			children: /* @__PURE__ */ jsx(LazyDisplayRenderer, { snapshot })
+			children: /* @__PURE__ */ jsx(LazyDisplayRenderer, {
+				snapshot,
+				onExpand
+			})
 		})
 	});
 };
 //#endregion
+//#region src/slot.ts
+var EXCALIDRAW_NODE_KEY = "Excalidraw";
+//#endregion
 //#region src/ExcalidrawNode.ts
 var ExcalidrawNode = class ExcalidrawNode extends DecoratorNode {
 	static getType() {
@@ -75,7 +83,7 @@ var ExcalidrawNode = class ExcalidrawNode extends DecoratorNode {
 		writable.__snapshot = snapshot;
 	}
 	decorate(_editor, _config) {
-		return createElement(ExcalidrawSSRRenderer, { snapshot: this.__snapshot });
+		return createRendererDecoration(EXCALIDRAW_NODE_KEY, ExcalidrawSSRRenderer, { snapshot: this.__snapshot });
 	}
 };
 function $createExcalidrawNode(snapshot) {
@@ -85,4 +93,27 @@ function $isExcalidrawNode(node) {
 	return node instanceof ExcalidrawNode;
 }
 //#endregion
-export { ExcalidrawSSRRenderer as a, ExcalidrawNode as i, $createExcalidrawNode as n, $isExcalidrawNode as r, EXCALIDRAW_BLOCK_TRANSFORMER as t };
+//#region src/ExcalidrawExpandShell.tsx
+var ExcalidrawExpandShell = ({ children, dismiss, meta = "excalidraw", title = "Whiteboard" }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+	className: excalidrawDialogHeader,
+	children: [/* @__PURE__ */ jsxs("div", {
+		className: excalidrawDialogHeaderTitle,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: excalidrawDialogTitle,
+			children: title
+		}), meta != null && /* @__PURE__ */ jsx("span", {
+			className: "_1c3wdzld",
+			children: meta
+		})]
+	}), /* @__PURE__ */ jsx("button", {
+		className: excalidrawHeaderClose,
+		type: "button",
+		onClick: dismiss,
+		children: /* @__PURE__ */ jsx(X, { size: 18 })
+	})]
+}), /* @__PURE__ */ jsx("div", {
+	className: excalidrawDialogCanvas,
+	children
+})] });
+//#endregion
+export { ExcalidrawNode as a, $isExcalidrawNode as i, ExcalidrawExpandShell as n, EXCALIDRAW_NODE_KEY as o, $createExcalidrawNode as r, ExcalidrawSSRRenderer as s, EXCALIDRAW_BLOCK_TRANSFORMER as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-ext-excalidraw",
-  "version": "0.12.0",
+  "version": "0.14.0",
   "description": "Excalidraw whiteboard extension",
   "repository": {
     "type": "git",
@@ -26,7 +26,7 @@
   ],
   "dependencies": {
     "jsondiffpatch": "^0.7.3",
-    "@haklex/rich-headless": "0.12.0"
+    "@haklex/rich-headless": "0.14.0"
   },
   "devDependencies": {
     "@excalidraw/excalidraw": "^0.18.0",
@@ -50,9 +50,9 @@
     "lucide-react": "^1.0.0",
     "react": ">=19",
     "react-dom": ">=19",
-    "@haklex/rich-editor": "0.12.0",
-    "@haklex/rich-style-token": "0.12.0",
-    "@haklex/rich-editor-ui": "0.12.0"
+    "@haklex/rich-editor": "0.14.0",
+    "@haklex/rich-editor-ui": "0.14.0",
+    "@haklex/rich-style-token": "0.14.0"
   },
   "publishConfig": {
     "access": "public"

package/dist/{ExcalidrawEditRenderer-D_SZsItu.js → ExcalidrawEditRenderer-BlJTjnpV.js}

@@ -3,9 +3,9 @@ import { C as excalidrawHeaderActions, O as excalidrawStatusDot, S as excalidraw
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useColorScheme } from "@haklex/rich-editor";
+import { Clipboard, Download, Pencil, Save, X } from "lucide-react";
 import { SegmentedControl, dismissTopDialog, presentDialog } from "@haklex/rich-editor-ui";
 import { usePortalTheme } from "@haklex/rich-style-token";
-import { Clipboard, Download, Pencil, Save, X } from "lucide-react";
 //#region src/ExcalidrawEditRenderer.tsx
 var ExcalidrawEditRenderer_exports = /* @__PURE__ */ __exportAll({ ExcalidrawEditRenderer: () => ExcalidrawEditRenderer });
 var SAVE_DEBOUNCE_MS = 2e3;