@parhelia/core 0.3.12831 → 0.3.12833

package/dist/editor/media-selector/MediaDetailsView.js

@@ -0,0 +1,152 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState, } from "react";
+import { Download, ExternalLink, FileIcon, Loader2, Pencil, Upload, X, } from "lucide-react";
+import { Button } from "../../components/ui/button";
+import { useEditContext } from "../client/editContext";
+import { EditorWarnings } from "../EditorWarnings";
+import { FieldListFieldWithFallbacks } from "../FieldListFieldWithFallbacks";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+import { formatDate } from "../utils";
+import { parseSitecoreDate } from "../utils/sitecoreDate";
+import { getMediaFileTypeLabel, isSelectableMedia } from "./mediaFileType";
+const detailFields = [
+    "title",
+    "alt",
+    "description",
+    "keywords",
+    "copyright",
+    "artist",
+];
+export function MediaDetailsView({ media, language, busy, onClose, onOpenFullItem, onReplaceMedia, }) {
+    const editContext = useEditContext();
+    const repository = editContext?.itemsRepository;
+    const [item, setItem] = useState();
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(false);
+    const [retry, setRetry] = useState(0);
+    const [dragOver, setDragOver] = useState(false);
+    const [previewFailed, setPreviewFailed] = useState(false);
+    const fileInput = useRef(null);
+    const closeButton = useRef(null);
+    const itemLanguage = media.language || language;
+    const itemVersion = media.version ?? 0;
+    useEffect(() => {
+        if (window.matchMedia("(max-width: 1023px)").matches)
+            closeButton.current?.focus();
+    }, []);
+    useEffect(() => {
+        let cancelled = false;
+        if (!repository)
+            return;
+        void repository
+            .getItem({ id: media.id, language: itemLanguage, version: itemVersion })
+            .then((loaded) => {
+            if (cancelled)
+                return;
+            setItem(loaded);
+            setError(!loaded);
+        })
+            .catch(() => {
+            if (!cancelled)
+                setError(true);
+        })
+            .finally(() => {
+            if (!cancelled)
+                setLoading(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [
+        repository?.getItem,
+        repository?.revision,
+        media.id,
+        itemLanguage,
+        itemVersion,
+        retry,
+    ]);
+    const fieldValue = (name) => {
+        const value = item?.fields.find((field) => field.name?.toLowerCase() === name.toLowerCase())?.value;
+        return typeof value === "string" || typeof value === "number"
+            ? String(value)
+            : undefined;
+    };
+    const attachmentField = item?.fields.find((field) => field.type.toLowerCase() === "attachment");
+    const attachment = attachmentField?.value && typeof attachmentField.value === "object"
+        ? attachmentField.value
+        : undefined;
+    const name = item?.name || media.name;
+    const extension = attachment?.extension || fieldValue("Extension") || media.extension;
+    const mimeType = attachment?.mimeType || fieldValue("Mime Type") || media.mimeType;
+    const fileName = attachment?.fileName || fieldValue("File Name") || name;
+    const source = attachment?.src || media.downloadUrl;
+    const mediaType = { ...media, extension, mimeType };
+    const typeLabel = getMediaFileTypeLabel(mediaType) || "File";
+    const isImage = isSelectableMedia(mediaType, "image");
+    const isVideo = isSelectableMedia(mediaType, "video");
+    const isAudio = mimeType?.startsWith("audio/") ||
+        ["mp3", "wav", "ogg", "m4a", "aac", "flac"].includes(typeLabel);
+    const previewUrl = media.previewUrl || source || media.thumbUrl;
+    const canReplace = !!item?.canWriteItem &&
+        !!attachmentField?.canWrite &&
+        editContext?.mode !== "preview";
+    const fields = detailFields.flatMap((name) => item?.fields.filter((field) => field.name?.toLowerCase() === name) ?? []);
+    const validators = editContext?.validationResult?.find((result) => result.item.id === item?.id &&
+        result.item.language === item?.language &&
+        result.item.version === item?.version)?.results ?? [];
+    const width = fieldValue("Width") || media.width;
+    const height = fieldValue("Height") || media.height;
+    const size = Number(fieldValue("Size") ?? media.size);
+    const updated = parseSitecoreDate(fieldValue("__Updated") || media.updated);
+    useEffect(() => {
+        setPreviewFailed(false);
+    }, [media.id, previewUrl, source]);
+    const handleDragOver = (event) => {
+        if (!Array.from(event.dataTransfer.types).includes("Files"))
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        event.dataTransfer.dropEffect = canReplace && !busy ? "move" : "none";
+        setDragOver(canReplace && !busy);
+    };
+    return (_jsxs("section", { "aria-label": "Media details", "data-testid": "media-details", className: "flex min-h-full flex-col bg-white", onDragEnter: handleDragOver, onDragOver: handleDragOver, onDragLeave: (event) => {
+            event.stopPropagation();
+            if (!(event.relatedTarget instanceof Node) ||
+                !event.currentTarget.contains(event.relatedTarget))
+                setDragOver(false);
+        }, onDrop: (event) => {
+            if (!Array.from(event.dataTransfer.types).includes("Files"))
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            setDragOver(false);
+            const file = event.dataTransfer.files[0];
+            if (file && canReplace && !busy)
+                onReplaceMedia(file);
+        }, children: [_jsxs("div", { className: "sticky top-0 z-10 flex items-center gap-2 border-b bg-white px-4 py-2", children: [_jsx("h3", { className: "min-w-0 flex-1 truncate text-sm font-medium", title: name, children: name }), item?.canRename && editContext?.mode !== "preview" && (_jsx(SimpleIconButton, { label: "Rename media", icon: _jsx(Pencil, { className: "h-4 w-4", strokeWidth: 1 }), disabled: busy, onClick: () => {
+                            if (editContext)
+                                void editContext.executeCommand({
+                                    command: editContext.configuration.commands.renameItem,
+                                    data: { items: [item] },
+                                });
+                        } })), _jsx(SimpleIconButton, { ref: closeButton, label: "Close media details", icon: _jsx(X, { className: "h-4 w-4", strokeWidth: 1 }), onClick: onClose })] }), _jsxs("div", { className: "bg-neutral-grey-5 relative flex min-h-44 items-center justify-center border-b p-4", children: [!previewFailed && isImage && previewUrl ? (_jsx("img", { src: previewUrl, alt: fieldValue("Alt") || name, className: "max-h-64 max-w-full object-contain", onError: () => setPreviewFailed(true) })) : !previewFailed && isVideo && source ? (_jsx("video", { src: source, controls: true, playsInline: true, preload: "metadata", "aria-label": `Video preview: ${name}`, className: "max-h-64 w-full", onError: () => setPreviewFailed(true) }, source)) : !previewFailed && isAudio && source ? (_jsx("audio", { src: source, controls: true, preload: "metadata", "aria-label": `Audio preview: ${name}`, className: "w-full", onError: () => setPreviewFailed(true) }, source)) : (_jsxs("div", { className: "text-neutral-grey-50 flex flex-col items-center gap-2 p-4 text-xs", children: [_jsx(FileIcon, { className: "h-12 w-12", strokeWidth: 1 }), _jsx("span", { children: previewFailed
+                                    ? "Preview unavailable"
+                                    : `${typeLabel.toUpperCase()} file` }), source && (_jsx("a", { href: source, target: "_blank", rel: "noreferrer", className: "underline", children: "Open file" }))] })), dragOver && (_jsx("div", { className: "border-feedback-blue bg-feedback-blue-light/80 absolute inset-2 flex items-center justify-center rounded border-2 border-dashed text-xs", children: "Drop to replace this file" }))] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b px-4 py-3", children: [_jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: (event) => onOpenFullItem(item?.descriptor ?? {
+                            id: media.id,
+                            language: itemLanguage,
+                            version: itemVersion,
+                        }, event), children: [_jsx(ExternalLink, { strokeWidth: 1 }), " Open full item"] }), source && (_jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsxs("a", { href: source, download: fileName, target: "_blank", rel: "noreferrer", children: [_jsx(Download, { strokeWidth: 1 }), " Download"] }) })), canReplace && (_jsxs(_Fragment, { children: [_jsx("input", { ref: fileInput, type: "file", className: "hidden", "aria-label": "Replace media file", disabled: busy, onChange: (event) => {
+                                    const file = event.target.files?.[0];
+                                    event.target.value = "";
+                                    if (file)
+                                        onReplaceMedia(file);
+                                } }), _jsxs(Button, { type: "button", variant: "ghost", size: "sm", disabled: busy, onClick: () => fileInput.current?.click(), children: [_jsx(Upload, { strokeWidth: 1 }), " Replace file"] })] }))] }), loading ? (_jsxs("div", { role: "status", className: "text-neutral-grey-50 flex items-center gap-2 p-4 text-xs", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Loading details\u2026"] })) : error ? (_jsxs("div", { role: "alert", className: "p-4 text-xs", children: ["Could not load media details.", " ", _jsx(Button, { variant: "link", size: "sm", onClick: () => {
+                            setLoading(true);
+                            setError(false);
+                            setRetry((value) => value + 1);
+                        }, children: "Retry" })] })) : (item && (_jsxs(_Fragment, { children: [_jsx(EditorWarnings, { item: item }), _jsxs("div", { className: "space-y-4 px-2 py-4", children: [fields.map((field) => (_jsx(FieldListFieldWithFallbacks, { fieldDescriptor: field.descriptor, title: field.name?.toLowerCase() === "alt" ? "Alt text" : undefined, validators: validators.filter((validator) => validator.itemId === item.id &&
+                                    validator.fieldId === field.id), simplified: true, readonly: editContext?.mode === "preview" }, field.id))), fields.length === 0 && (_jsx("p", { className: "text-neutral-grey-50 px-2 text-xs", children: "No editable details for this file. Open the full item for all fields." }))] })] }))), _jsxs("details", { className: "border-t px-4 py-3", open: true, children: [_jsx("summary", { className: "cursor-pointer text-xs font-medium", children: "File information" }), _jsxs("dl", { className: "mt-3 grid grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-2 text-xs", children: [_jsx("dt", { className: "text-neutral-grey-50", children: "File name" }), _jsx("dd", { className: "break-words", children: fileName }), _jsx("dt", { className: "text-neutral-grey-50", children: "Type" }), _jsx("dd", { children: typeLabel.toUpperCase() }), width && height && (_jsxs(_Fragment, { children: [_jsx("dt", { className: "text-neutral-grey-50", children: "Dimensions" }), _jsxs("dd", { children: [width, " \u00D7 ", height, " px"] })] })), Number.isFinite(size) && size > 0 && (_jsxs(_Fragment, { children: [_jsx("dt", { className: "text-neutral-grey-50", children: "Size" }), _jsx("dd", { children: size >= 1024 * 1024
+                                            ? `${(size / 1024 / 1024).toFixed(1)} MB`
+                                            : `${Math.max(1, Math.round(size / 1024))} KB` })] })), updated && (_jsxs(_Fragment, { children: [_jsx("dt", { className: "text-neutral-grey-50", children: "Modified" }), _jsx("dd", { children: formatDate(updated) })] })), (fieldValue("__Updated by") || media.updatedBy) && (_jsxs(_Fragment, { children: [_jsx("dt", { className: "text-neutral-grey-50", children: "Modified by" }), _jsx("dd", { className: "break-words", children: fieldValue("__Updated by") || media.updatedBy })] }))] })] })] }));
+}
+//# sourceMappingURL=MediaDetailsView.js.map

package/dist/editor/media-selector/MediaDetailsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaDetailsView.js","sourceRoot":"","sources":["../../../src/editor/media-selector/MediaDetailsView.tsx"],"names":[],"mappings":"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"}

package/dist/editor/media-selector/UploadMediaFileDialog.d.ts

@@ -0,0 +1,5 @@
+import type { DialogProps } from "../client/editContext";
+export type UploadMediaFileDialogProps = {
+    parentPath: string;
+};
+export declare function UploadMediaFileDialog({ parentPath, onClose, }: UploadMediaFileDialogProps & DialogProps<File>): import("react").JSX.Element;

package/dist/editor/media-selector/UploadMediaFileDialog.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Upload } from "lucide-react";
+import { Dialog, DialogContent } from "../../components/ui/dialog";
+import { StyledDialogTitle } from "../../components/ui/styled-dialog-title";
+import { Button } from "../../components/ui/button";
+import DialogButtons from "../ui/DialogButtons";
+export function UploadMediaFileDialog({ parentPath, onClose, }) {
+    return (_jsx(Dialog, { open: true, onOpenChange: (open) => !open && onClose(null), children: _jsxs(DialogContent, { children: [_jsx(StyledDialogTitle, { icon: _jsx(Upload, { strokeWidth: 1 }), title: "Upload file", subtitle: `Upload to ${parentPath}` }), _jsx("div", { className: "px-8 py-6", children: _jsx("input", { type: "file", "aria-label": "File to upload", onChange: (event) => {
+                            const file = event.target.files?.[0];
+                            if (file)
+                                onClose(file);
+                        } }) }), _jsx(DialogButtons, { children: _jsx(Button, { variant: "outline", onClick: () => onClose(null), children: "Cancel" }) })] }) }));
+}
+//# sourceMappingURL=UploadMediaFileDialog.js.map

package/dist/editor/media-selector/UploadMediaFileDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadMediaFileDialog.js","sourceRoot":"","sources":["../../../src/editor/media-selector/UploadMediaFileDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAIhD,MAAM,UAAU,qBAAqB,CAAC,EACpC,UAAU,EACV,OAAO,GACwC;IAC/C,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,QAAC,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,YACzD,MAAC,aAAa,eACZ,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAC,MAAM,IAAC,WAAW,EAAE,CAAC,GAAI,EAChC,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAE,aAAa,UAAU,EAAE,GACnC,EACF,cAAK,SAAS,EAAC,WAAW,YACxB,gBACE,IAAI,EAAC,MAAM,gBACA,gBAAgB,EAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAClB,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;4BACrC,IAAI,IAAI;gCAAE,OAAO,CAAC,IAAI,CAAC,CAAC;wBAC1B,CAAC,GACD,GACE,EACN,KAAC,aAAa,cACZ,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,uBAE7C,GACK,IACF,GACT,CACV,CAAC;AACJ,CAAC"}

package/dist/editor/media-selector/useMediaFolderDrag.d.ts

@@ -0,0 +1,26 @@
+import { type HTMLAttributes } from "react";
+import type { ItemDescriptor } from "../pageModel";
+import type { Thumbnail } from "../services/contentService";
+type MediaItem = Thumbnail & {
+    language?: string;
+    version?: number;
+};
+type FolderTarget = {
+    id: string;
+    name: string;
+    language?: string;
+    version?: number;
+};
+export declare function useMediaFolderDrag({ language, images, selectedIds, disabled, onMoved, }: {
+    language: string;
+    images: MediaItem[];
+    selectedIds: string[];
+    disabled: boolean;
+    onMoved: (items: ItemDescriptor[]) => void;
+}): {
+    getItemProps: (item: MediaItem, isFolder: boolean) => HTMLAttributes<HTMLElement>;
+    getDropProps: (target: FolderTarget) => HTMLAttributes<HTMLElement>;
+    dropTarget: string | undefined;
+    moving: boolean;
+};
+export {};

package/dist/editor/media-selector/useMediaFolderDrag.js

@@ -0,0 +1,153 @@
+import { useRef, useState } from "react";
+import { toast } from "sonner";
+import { useEditContext } from "../client/editContext";
+import { beginMediaItemPointerDrag, cancelMediaItemPointerDrag, consumeMediaItemPointerDrag, MEDIA_ITEM_DRAG_MIME, readMediaItemDrag, startMediaItemDrag, toMediaItemDescriptor, } from "./mediaItemDrag";
+export function useMediaFolderDrag({ language, images, selectedIds, disabled, onMoved, }) {
+    const editContext = useEditContext();
+    const [dropTarget, setDropTarget] = useState();
+    const [moving, setMoving] = useState(false);
+    const movingRef = useRef(false);
+    const draggedItems = useRef([]);
+    const suppressClick = useRef(false);
+    const normalize = (id) => id.toLowerCase();
+    const finishDrag = () => {
+        cancelMediaItemPointerDrag();
+        draggedItems.current = [];
+        setDropTarget(undefined);
+        editContext?.dragEnd();
+        // A pointer fallback can emit a click after pointerup.
+        window.setTimeout(() => {
+            suppressClick.current = false;
+        }, 0);
+    };
+    const move = async (target, items) => {
+        if (disabled || movingRef.current || !items.length || !editContext)
+            return;
+        movingRef.current = true;
+        setMoving(true);
+        try {
+            const ids = new Set(items.map((item) => normalize(item.id)));
+            const destination = await editContext.itemsRepository.getItem({
+                id: target.id,
+                language: target.language || language,
+                version: target.version ?? 0,
+            });
+            if (!destination?.canCreate) {
+                toast.error("You don't have permission to move items into this folder.");
+                return;
+            }
+            // Check ancestry as well as self-drops, including folders found via search.
+            let ancestor = destination;
+            const visited = new Set();
+            while (ancestor) {
+                const id = normalize(ancestor.id);
+                if (ids.has(id)) {
+                    toast.error("A folder cannot be moved into itself or one of its subfolders.");
+                    return;
+                }
+                if (!ancestor.parentId || visited.has(id))
+                    break;
+                visited.add(id);
+                ancestor = await editContext.itemsRepository.getItem({
+                    id: ancestor.parentId,
+                    language,
+                    version: 0,
+                });
+            }
+            const moved = await editContext.operations.moveItems(items, destination.descriptor, -1);
+            if (moved) {
+                onMoved(items);
+                toast.success(items.length === 1
+                    ? `Moved "${items[0].name ?? "item"}" to ${target.name}`
+                    : `Moved ${items.length} items to ${target.name}`);
+            }
+        }
+        catch (error) {
+            editContext.showErrorToast(error);
+        }
+        finally {
+            movingRef.current = false;
+            setMoving(false);
+        }
+    };
+    const getDropProps = (target) => ({
+        onDragOver: (event) => {
+            const items = draggedItems.current.length
+                ? draggedItems.current
+                : editContext?.dragObject?.type === "items"
+                    ? (editContext.dragObject.items ?? [])
+                    : [];
+            const isItemDrag = items.length > 0 ||
+                Array.from(event.dataTransfer.types).includes(MEDIA_ITEM_DRAG_MIME);
+            if (!isItemDrag)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            const allowed = !disabled &&
+                !movingRef.current &&
+                !items.some((item) => normalize(item.id) === normalize(target.id));
+            event.dataTransfer.dropEffect = allowed ? "move" : "none";
+            setDropTarget(allowed ? target.id : undefined);
+        },
+        onDragLeave: (event) => {
+            if (event.relatedTarget instanceof Node &&
+                event.currentTarget.contains(event.relatedTarget))
+                return;
+            setDropTarget(undefined);
+        },
+        onDrop: (event) => {
+            const drag = readMediaItemDrag(event.dataTransfer) ?? editContext?.dragObject;
+            if (drag?.type !== "items")
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            finishDrag();
+            void move(target, drag.items ?? []);
+        },
+        onPointerUp: (event) => {
+            const drag = consumeMediaItemPointerDrag(event.nativeEvent);
+            if (drag?.type !== "items")
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            suppressClick.current = true;
+            finishDrag();
+            void move(target, drag.items ?? []);
+        },
+        onClickCapture: (event) => {
+            if (!suppressClick.current)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+        },
+    });
+    const getItemProps = (item, isFolder) => {
+        const selection = selectedIds.includes(item.id)
+            ? images.filter((image) => selectedIds.includes(image.id))
+            : [item];
+        return {
+            ...(isFolder ? getDropProps(item) : {}),
+            draggable: !disabled && !moving,
+            onPointerDown: (event) => {
+                if (disabled || moving)
+                    return;
+                beginMediaItemPointerDrag({
+                    event: event.nativeEvent,
+                    items: selection,
+                    language,
+                });
+            },
+            onDragStart: (event) => {
+                if (disabled || movingRef.current) {
+                    event.preventDefault();
+                    return;
+                }
+                draggedItems.current = selection.map((image) => toMediaItemDescriptor(image, language));
+                startMediaItemDrag({ event, editContext, items: selection, language });
+            },
+            onDragEnd: finishDrag,
+        };
+    };
+    return { getItemProps, getDropProps, dropTarget, moving };
+}
+//# sourceMappingURL=useMediaFolderDrag.js.map

package/dist/editor/media-selector/useMediaFolderDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaFolderDrag.js","sourceRoot":"","sources":["../../../src/editor/media-selector/useMediaFolderDrag.ts"],"names":[],"mappings":"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"}

package/dist/editor/menubar/OpenPublishedPageButton.d.ts

@@ -0,0 +1 @@
+export declare function OpenPublishedPageButton(): import("react").JSX.Element | null;

package/dist/editor/menubar/OpenPublishedPageButton.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExternalLink } from "lucide-react";
+import { Button } from "../../components/ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip";
+import { useEditContext } from "../client/editContext";
+import { usePageResolvedSignal } from "../page-viewer/pageViewContext";
+import { publicSiteSourcePhrases } from "../settings/panels/publicSiteHelpers";
+export function OpenPublishedPageButton() {
+    const editContext = useEditContext();
+    usePageResolvedSignal();
+    if (!editContext ||
+        editContext.workspaceId !== "editor" ||
+        editContext.isMobile)
+        return null;
+    const context = editContext.getActiveSlotContext()?.primaryPageViewContext;
+    const url = context?.publishedUrl;
+    if (!url)
+        return null;
+    const source = context.publicSite?.source;
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { size: "iconSm", variant: "ghost", asChild: true, children: _jsx("a", { href: url, target: "_blank", rel: "noreferrer noopener", "aria-label": "Open published page", "data-testid": "open-published-page", "data-published-url": url, "data-public-site-source": source, children: _jsx(ExternalLink, { strokeWidth: 1, className: "h-4 w-4" }) }) }) }), _jsxs(TooltipContent, { children: [_jsxs("div", { children: ["Open published page", source ? ` — via ${publicSiteSourcePhrases[source] ?? source}` : ""] }), _jsx("div", { className: "mt-1 max-w-md font-mono text-xs break-all", dir: "ltr", children: url })] })] }));
+}
+//# sourceMappingURL=OpenPublishedPageButton.js.map

package/dist/editor/menubar/OpenPublishedPageButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenPublishedPageButton.js","sourceRoot":"","sources":["../../../src/editor/menubar/OpenPublishedPageButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,MAAM,UAAU,uBAAuB;IACrC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,qBAAqB,EAAE,CAAC;IACxB,IACE,CAAC,WAAW;QACZ,WAAW,CAAC,WAAW,KAAK,QAAQ;QACpC,WAAW,CAAC,QAAQ;QAEpB,OAAO,IAAI,CAAC;IACd,MAAM,OAAO,GAAG,WAAW,CAAC,oBAAoB,EAAE,EAAE,sBAAsB,CAAC;IAC3E,MAAM,GAAG,GAAG,OAAO,EAAE,YAAY,CAAC;IAClC,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IACtB,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1C,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,kBAC3C,YACE,IAAI,EAAE,GAAG,EACT,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,gBACd,qBAAqB,iBACpB,qBAAqB,wBACb,GAAG,6BACE,MAAM,YAE/B,KAAC,YAAY,IAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAC,SAAS,GAAG,GAClD,GACG,GACM,EACjB,MAAC,cAAc,eACb,iDAEG,MAAM,CAAC,CAAC,CAAC,UAAU,uBAAuB,CAAC,MAAM,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,IAChE,EACN,cAAK,SAAS,EAAC,2CAA2C,EAAC,GAAG,EAAC,KAAK,YACjE,GAAG,GACA,IACS,IACT,CACX,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/toolbar-sections/CommentsToggleControl.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The comments split button: the left half shows and hides the comment
+ * margin, the right half (while the margin is shown) opens its filters. The
+ * margin itself carries no controls; it is the page's margin, not a panel.
+ *
+ * On a phone the left half drives the comments panel below the canvas: it
+ * opens the panel, brings it back when the edit form or a sidebar covers
+ * it, and closes it. Its pressed state is the panel's, not the persisted
+ * preference's, so it tells what a tap will do.
+ */
+export declare function CommentsToggleControl(): import("react").JSX.Element | null;

package/dist/editor/menubar/toolbar-sections/CommentsToggleControl.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, MessageCircleMore } from "lucide-react";
+import { CountBadge } from "../../../components/ui/badge";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../../components/ui/popover";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../../components/ui/tooltip";
+import { cn } from "../../../lib/utils";
+import { useEditContext } from "../../client/editContext";
+import { countActiveFeedbackFilters, FeedbackFiltersPanel, } from "../../reviews/FeedbackFilters";
+import { useFeedbackPersonFilter } from "../../reviews/feedbackPersonFilter";
+import { FEEDBACK_SIDEBAR_TEXT_CLASS } from "../../reviews/feedbackSidebarText";
+import { useMobileBottomPanel } from "../../mobileBottomPanel";
+import { closeCommentsFeedback, openCommentsFeedback, toggleCommentsFeedback, } from "../../reviews/openCommentsFeedback";
+import { useFeedbackThreads } from "../../reviews/useFeedbackThreads";
+import { SimpleIconButton } from "../../ui/SimpleIconButton";
+/**
+ * The comments split button: the left half shows and hides the comment
+ * margin, the right half (while the margin is shown) opens its filters. The
+ * margin itself carries no controls; it is the page's margin, not a panel.
+ *
+ * On a phone the left half drives the comments panel below the canvas: it
+ * opens the panel, brings it back when the edit form or a sidebar covers
+ * it, and closes it. Its pressed state is the panel's, not the persisted
+ * preference's, so it tells what a tap will do.
+ */
+export function CommentsToggleControl() {
+    const editContext = useEditContext();
+    const selectedPeople = useFeedbackPersonFilter();
+    const bottomPanel = useMobileBottomPanel();
+    if (!editContext)
+        return null;
+    const isMobile = !!editContext.isMobile;
+    const panelOpen = !!editContext.mobileCommentsPanelOpen;
+    const panelShowing = bottomPanel === "comments";
+    const showComments = isMobile ? panelOpen : !!editContext.showComments;
+    const handleToggle = () => {
+        if (!isMobile) {
+            toggleCommentsFeedback(editContext);
+            return;
+        }
+        if (!panelOpen) {
+            openCommentsFeedback(editContext);
+        }
+        else if (!panelShowing) {
+            editContext.revealMobileCommentsPanel();
+        }
+        else {
+            closeCommentsFeedback(editContext);
+        }
+    };
+    const toggleLabel = isMobile && panelOpen && !panelShowing
+        ? "Show comments panel"
+        : "Show comments";
+    const commentsCount = editContext.comments?.filter((comment) => !comment.isResolved).length || 0;
+    const activeFilterCount = countActiveFeedbackFilters(!!editContext.showResolvedComments, selectedPeople);
+    const filterLabel = activeFilterCount > 0
+        ? `Filter comments (${activeFilterCount} active filters)`
+        : "Filter comments";
+    return (_jsxs("div", { className: "flex items-stretch", role: "group", "aria-label": "Comments", children: [_jsx(SimpleIconButton, { className: cn("relative", showComments && "rounded-r-none"), selected: showComments, icon: _jsx(MessageCircleMore, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: toggleLabel, size: "large", "data-testid": "toggle-comments-button", onClick: handleToggle, children: commentsCount > 0 && (_jsx(CountBadge, { className: "absolute -top-1 -right-1 z-10 min-w-[16px]", children: commentsCount > 99 ? "99+" : commentsCount })) }), showComments && (_jsxs(Tooltip, { delayDuration: 500, children: [_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(TooltipTrigger, { asChild: true, children: _jsx(SimpleIconButton, { "data-testid": "feedback-filter-button", showTooltip: false, selected: true, icon: _jsx(ChevronDown, { className: "h-3 w-3", strokeWidth: 1 }), label: filterLabel, className: "relative rounded-l-none px-0.5 py-0", onClick: () => { }, children: activeFilterCount > 0 && (_jsx("span", { "data-testid": "feedback-filter-active", className: "bg-highlight-100 absolute right-0.5 bottom-1 h-1.5 w-1.5 rounded-full" })) }) }) }), _jsx(PopoverContent, { className: `${FEEDBACK_SIDEBAR_TEXT_CLASS} w-72 p-3`, align: "end", "data-testid": "feedback-filter-popover", children: _jsx(CommentsFilterPopoverBody, {}) })] }), _jsx(TooltipContent, { children: filterLabel })] }))] }));
+}
+/** Mounted only while the popover is open: resolves the author names. */
+function CommentsFilterPopoverBody() {
+    const feedback = useFeedbackThreads();
+    return (_jsx(FeedbackFiltersPanel, { showResolved: feedback.showResolved, selectedPeople: feedback.selectedPersonFilter, availableAuthors: feedback.availableAuthors, onShowResolvedChange: feedback.setShowResolved, onSelectedPeopleChange: feedback.setSelectedPersonFilter }));
+}
+//# sourceMappingURL=CommentsToggleControl.js.map

package/dist/editor/menubar/toolbar-sections/CommentsToggleControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsToggleControl.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/CommentsToggleControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EACL,0BAA0B,EAC1B,oBAAoB,GACrB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;;;;;;;;GASG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,uBAAuB,EAAE,CAAC;IACjD,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAC3C,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,QAAQ,GAAG,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC;IACxC,MAAM,SAAS,GAAG,CAAC,CAAC,WAAW,CAAC,uBAAuB,CAAC;IACxD,MAAM,YAAY,GAAG,WAAW,KAAK,UAAU,CAAC;IAChD,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC;IACvE,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,sBAAsB,CAAC,WAAW,CAAC,CAAC;YACpC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,oBAAoB,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;aAAM,IAAI,CAAC,YAAY,EAAE,CAAC;YACzB,WAAW,CAAC,yBAAyB,EAAE,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,qBAAqB,CAAC,WAAW,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,CAAC;IACF,MAAM,WAAW,GACf,QAAQ,IAAI,SAAS,IAAI,CAAC,YAAY;QACpC,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,eAAe,CAAC;IACtB,MAAM,aAAa,GACjB,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC;IAC7E,MAAM,iBAAiB,GAAG,0BAA0B,CAClD,CAAC,CAAC,WAAW,CAAC,oBAAoB,EAClC,cAAc,CACf,CAAC;IACF,MAAM,WAAW,GACf,iBAAiB,GAAG,CAAC;QACnB,CAAC,CAAC,oBAAoB,iBAAiB,kBAAkB;QACzD,CAAC,CAAC,iBAAiB,CAAC;IAExB,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,OAAO,gBAAY,UAAU,aACpE,KAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,YAAY,IAAI,gBAAgB,CAAC,EAC3D,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,KAAC,iBAAiB,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,CAAC,GAAI,EACnE,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,OAAO,iBACA,wBAAwB,EACpC,OAAO,EAAE,YAAY,YAEpB,aAAa,GAAG,CAAC,IAAI,CACpB,KAAC,UAAU,IAAC,SAAS,EAAC,4CAA4C,YAC/D,aAAa,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,GAChC,CACd,GACgB,EAClB,YAAY,IAAI,CACf,MAAC,OAAO,IAAC,aAAa,EAAE,GAAG,aACzB,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,gBAAgB,mBACH,wBAAwB,EACpC,WAAW,EAAE,KAAK,EAClB,QAAQ,QACR,IAAI,EAAE,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAE,CAAC,GAAI,EACzD,KAAK,EAAE,WAAW,EAClB,SAAS,EAAC,qCAAqC,EAC/C,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,YAEhB,iBAAiB,GAAG,CAAC,IAAI,CACxB,8BACc,wBAAwB,EACpC,SAAS,EAAC,uEAAuE,GACjF,CACH,GACgB,GACJ,GACF,EACjB,KAAC,cAAc,IACb,SAAS,EAAE,GAAG,2BAA2B,WAAW,EACpD,KAAK,EAAC,KAAK,iBACC,yBAAyB,YAErC,KAAC,yBAAyB,KAAG,GACd,IACT,EACV,KAAC,cAAc,cAAE,WAAW,GAAkB,IACtC,CACX,IACG,CACP,CAAC;AACJ,CAAC;AAED,yEAAyE;AACzE,SAAS,yBAAyB;IAChC,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;IACtC,OAAO,CACL,KAAC,oBAAoB,IACnB,YAAY,EAAE,QAAQ,CAAC,YAAY,EACnC,cAAc,EAAE,QAAQ,CAAC,oBAAoB,EAC7C,gBAAgB,EAAE,QAAQ,CAAC,gBAAgB,EAC3C,oBAAoB,EAAE,QAAQ,CAAC,eAAe,EAC9C,sBAAsB,EAAE,QAAQ,CAAC,uBAAuB,GACxD,CACH,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/toolbar-sections/FindReplaceControls.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Toolbar entry point for "Find and replace" (also reachable with Ctrl+H).
+ * The popover is non-modal and stays open while the user scrolls or clicks
+ * the canvas, so the highlighted matches can be inspected one by one.
+ */
+export declare function FindReplaceControls(): import("react").JSX.Element | null;

package/dist/editor/menubar/toolbar-sections/FindReplaceControls.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Popover, PopoverAnchor, PopoverContent, } from "../../../components/ui/popover";
+import { useEditContext } from "../../client/editContext";
+import { FindReplacePanel } from "../../find-replace/FindReplacePanel";
+import { findReplaceCommand } from "../../find-replace/findReplaceCommand";
+import { findReplaceStore, useFindReplaceState, } from "../../find-replace/findReplaceStore";
+import { SimpleIconButton } from "../../ui/SimpleIconButton";
+/**
+ * Toolbar entry point for "Find and replace" (also reachable with Ctrl+H).
+ * The popover is non-modal and stays open while the user scrolls or clicks
+ * the canvas, so the highlighted matches can be inspected one by one.
+ */
+export function FindReplaceControls() {
+    const editContext = useEditContext();
+    const { open } = useFindReplaceState();
+    if (!editContext)
+        return null;
+    const disabled = editContext.isCommandDisabled({
+        command: findReplaceCommand,
+    });
+    return (_jsxs(Popover, { open: open, onOpenChange: (next) => {
+            if (next)
+                findReplaceStore.open();
+            else
+                findReplaceStore.close();
+        }, enableIframeClickDetection: false, children: [_jsx(PopoverAnchor, { asChild: true, children: _jsx(SimpleIconButton, { icon: findReplaceCommand.icon, label: "Find and replace (Ctrl+H)", size: "large", selected: open, disabled: disabled, onClick: () => findReplaceStore.toggle(), "data-testid": "toolbar-find-replace-button" }) }), _jsx(PopoverContent, { align: "start", side: "bottom", sideOffset: 6, className: "w-[400px] max-w-[90vw] p-0", 
+                // Clicking elsewhere in the editor must not dismiss the panel: it is
+                // a tool window, closed by its own button, Escape or the toolbar icon.
+                onInteractOutside: (event) => event.preventDefault(), onOpenAutoFocus: (event) => event.preventDefault(), "data-testid": "find-replace-popover", children: open && (_jsx(FindReplacePanel, { editContext: editContext, onClose: () => findReplaceStore.close() })) })] }));
+}
+//# sourceMappingURL=FindReplaceControls.js.map

package/dist/editor/menubar/toolbar-sections/FindReplaceControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FindReplaceControls.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/FindReplaceControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,OAAO,EACP,aAAa,EACb,cAAc,GACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EACL,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;;;GAIG;AACH,MAAM,UAAU,mBAAmB;IACjC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACvC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,QAAQ,GAAG,WAAW,CAAC,iBAAiB,CAAC;QAC7C,OAAO,EAAE,kBAAkB;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,IAAI;gBAAE,gBAAgB,CAAC,IAAI,EAAE,CAAC;;gBAC7B,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAChC,CAAC,EACD,0BAA0B,EAAE,KAAK,aAEjC,KAAC,aAAa,IAAC,OAAO,kBACpB,KAAC,gBAAgB,IACf,IAAI,EAAE,kBAAkB,CAAC,IAAI,EAC7B,KAAK,EAAC,2BAA2B,EACjC,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,iBAC5B,6BAA6B,GACzC,GACY,EAChB,KAAC,cAAc,IACb,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,CAAC,EACb,SAAS,EAAC,4BAA4B;gBACtC,qEAAqE;gBACrE,uEAAuE;gBACvE,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EACpD,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,iBACtC,sBAAsB,YAEjC,IAAI,IAAI,CACP,KAAC,gBAAgB,IACf,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,GACvC,CACH,GACc,IACT,CACX,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/toolbar-sections/SpellCheckToggleControl.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Switches the user's spell-check preference: the same setting as "Check
+ * spelling" under Settings > User Preferences, so both stay in sync.
+ */
+export declare function SpellCheckToggleControl(): import("react").JSX.Element | null;

package/dist/editor/menubar/toolbar-sections/SpellCheckToggleControl.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SpellCheck } from "lucide-react";
+import { useEditContext } from "../../client/editContext";
+import { SimpleIconButton } from "../../ui/SimpleIconButton";
+/**
+ * Switches the user's spell-check preference: the same setting as "Check
+ * spelling" under Settings > User Preferences, so both stay in sync.
+ */
+export function SpellCheckToggleControl() {
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    const enabled = editContext.userInfo?.preferences?.spellCheckEnabled !== false;
+    return (_jsx(SimpleIconButton, { icon: _jsx(SpellCheck, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Check spelling", size: "large", "data-testid": "toggle-spellcheck-button", selected: enabled, onClick: () => editContext.setUserPreferences({ spellCheckEnabled: !enabled }) }));
+}
+//# sourceMappingURL=SpellCheckToggleControl.js.map

package/dist/editor/menubar/toolbar-sections/SpellCheckToggleControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpellCheckToggleControl.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/SpellCheckToggleControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;;GAGG;AACH,MAAM,UAAU,uBAAuB;IACrC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,OAAO,GAAG,WAAW,CAAC,QAAQ,EAAE,WAAW,EAAE,iBAAiB,KAAK,KAAK,CAAC;IAE/E,OAAO,CACL,KAAC,gBAAgB,IACf,IAAI,EAAE,KAAC,UAAU,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,CAAC,GAAI,EAC5D,KAAK,EAAC,gBAAgB,EACtB,IAAI,EAAC,OAAO,iBACA,0BAA0B,EACtC,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC,OAAO,EAAE,CAAC,GAEjE,CACH,CAAC;AACJ,CAAC"}