@payload-onpage/react 0.0.0-stage → 0.2.0

package/dist/ui/Dialog.js

@@ -0,0 +1,83 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The one dialog primitive: labelled, focus moves in on open and back on
+ * close, Tab stays inside (modal), Escape closes. `variant="popover"` is
+ * anchored next to an element and closes on an outside click.
+ */
+import { useEffect, useId, useRef, useState } from 'react';
+import { focusableIn, popoverPosition } from "../dom.js";
+import { useLayoutTick } from "../layout.js";
+export function Dialog({ title, onClose, children, t, variant = 'modal', anchor, width, testId, actions, }) {
+    const box = useRef(null);
+    const titleId = useId();
+    const [height, setHeight] = useState(240);
+    useLayoutTick(); // popovers follow their anchor
+    // Focus in on open, back on close.
+    useEffect(() => {
+        const previous = document.activeElement;
+        const el = box.current;
+        if (el)
+            (el.querySelector('[autofocus],[data-autofocus]') ??
+                focusableIn(el)[0] ??
+                el).focus({ preventScroll: true });
+        return () => previous?.focus?.({ preventScroll: true });
+    }, []);
+    // Popovers flip above their anchor when there's no room below: track their height.
+    useEffect(() => {
+        const el = box.current;
+        if (variant !== 'popover' || !el)
+            return;
+        const ro = new ResizeObserver(() => setHeight(el.offsetHeight));
+        ro.observe(el);
+        return () => ro.disconnect();
+    }, [variant]);
+    useEffect(() => {
+        const onKey = (e) => {
+            if (e.key === 'Escape') {
+                e.stopPropagation();
+                onClose();
+                return;
+            }
+            if (e.key !== 'Tab' || variant !== 'modal' || !box.current)
+                return;
+            const items = focusableIn(box.current);
+            if (!items.length)
+                return;
+            const first = items[0];
+            const last = items[items.length - 1];
+            if (e.shiftKey && document.activeElement === first) {
+                e.preventDefault();
+                last.focus();
+            }
+            else if (!e.shiftKey && document.activeElement === last) {
+                e.preventDefault();
+                first.focus();
+            }
+        };
+        const onDown = (e) => {
+            if (variant === 'popover' && box.current && !box.current.contains(e.target))
+                onClose();
+        };
+        document.addEventListener('keydown', onKey, true);
+        // Deferred, so the click that opened a popover doesn't close it.
+        const timer = setTimeout(() => document.addEventListener('pointerdown', onDown, true));
+        return () => {
+            clearTimeout(timer);
+            document.removeEventListener('keydown', onKey, true);
+            document.removeEventListener('pointerdown', onDown, true);
+        };
+    }, [onClose, variant]);
+    const header = (_jsxs("header", { className: "po-dialog-head", children: [_jsx("h2", { className: "po-h3", id: titleId, children: title }), actions, _jsx("button", { type: "button", className: "po-btn po-close", onClick: onClose, "aria-label": t('common.close'), children: "\u2715" })] }));
+    if (variant === 'modal') {
+        return (_jsx("div", { className: "po-modal-bg", onPointerDown: (e) => e.target === e.currentTarget && onClose(), "data-testid": testId, children: _jsxs("div", { ref: box, className: "po-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, style: width ? { width: `min(${width}px, 100%)` } : undefined, children: [header, _jsx("div", { className: "po-body", children: children })] }) }));
+    }
+    const style = variant === 'popover'
+        ? {
+            ...popoverPosition(anchor?.() ?? null, { width: width ?? 300, height }),
+            width: width ?? 300,
+        }
+        : { top: 72, right: 16 };
+    return (_jsxs("div", { ref: box, className: variant === 'popover' ? 'po-pop' : 'po-panel', role: "dialog", "aria-labelledby": titleId, tabIndex: -1, style: style, "data-testid": testId, children: [header, children] }));
+}
+//# sourceMappingURL=Dialog.js.map

package/dist/ui/Dialog.js.map

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

package/dist/ui/Dock.d.ts

@@ -0,0 +1,7 @@
+export declare function Dock({ flash }: {
+    flash: {
+        text: string;
+        bad?: boolean;
+    } | null;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Dock.d.ts.map

package/dist/ui/Dock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dock.d.ts","sourceRoot":"","sources":["../../src/ui/Dock.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAA;CAAE,+BAwNhF"}

package/dist/ui/Dock.js

@@ -0,0 +1,104 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useOnPage } from "../context.js";
+import { relativeTime } from "../messages.js";
+import { PostButton } from "./PostButton.js";
+const title = (d) => d.schema?.labels.singular ?? d.ref.slug;
+function useTicker(ms) {
+    const [, setN] = useState(0);
+    useEffect(() => {
+        const id = setInterval(() => setN((n) => n + 1), ms);
+        return () => clearInterval(id);
+    }, [ms]);
+}
+export function Dock({ flash }) {
+    const { session, snap, links, rendering, notify, rerender, docKeys, t } = useOnPage();
+    const [confirmDiscard, setConfirmDiscard] = useState(false);
+    useTicker(5000);
+    useEffect(() => {
+        if (!confirmDiscard)
+            return;
+        const id = setTimeout(() => setConfirmDiscard(false), 4000);
+        return () => clearTimeout(id);
+    }, [confirmDiscard]);
+    const docs = docKeys.map((k) => snap.docs[k]).filter((d) => !!d);
+    const ready = docs.filter((d) => d.status === 'ready');
+    const failed = docs.find((d) => d.status === 'error');
+    const conflict = docs.find((d) => d.save.status === 'conflict');
+    const error = docs.find((d) => d.save.status === 'error');
+    const saving = docs.some((d) => d.save.status === 'saving' || d.save.status === 'pending');
+    const lastSaved = Math.max(0, ...docs.map((d) => d.save.lastSavedAt ?? 0));
+    const primary = docs[0];
+    const busy = snap.busy;
+    const status = failed
+        ? { text: t('dock.unavailable', { doc: title(failed), error: failed.error ?? '' }), bad: true }
+        : !docs.length
+            ? { text: t('dock.nothing') }
+            : !ready.length
+                ? { text: t('dock.loading') }
+                : conflict
+                    ? { text: t('dock.conflict', { doc: title(conflict) }), bad: true }
+                    : error
+                        ? { text: `${title(error)}: ${error.save.message ?? ''}`, bad: true }
+                        : saving
+                            ? { text: t('dock.saving') }
+                            : rendering
+                                ? { text: t('dock.updating') }
+                                : lastSaved
+                                    ? { text: t('dock.saved', { ago: relativeTime(lastSaved) }) }
+                                    : { text: t('dock.editing') };
+    const schema = ready[0]?.schema;
+    const nonDefaultLocale = schema?.defaultLocale && session.locale && session.locale !== schema.defaultLocale;
+    const publish = async () => {
+        try {
+            const res = await session.publish({ keys: docKeys });
+            if (res.published.length)
+                await rerender(res.published);
+            if (res.ok)
+                notify(res.published.length ? 'notify.published' : 'notify.nothingToPublish');
+            else
+                notify('notify.publishFailed', { message: res.message ?? '' }, true);
+        }
+        catch (e) {
+            notify('notify.publishFailed', { message: e.message }, true);
+        }
+    };
+    const discard = async () => {
+        // Two-step: the first click arms, the second (within 4s) discards.
+        if (!confirmDiscard)
+            return setConfirmDiscard(true);
+        setConfirmDiscard(false);
+        try {
+            await session.discard({ keys: docKeys });
+            notify('notify.discarded');
+        }
+        catch (e) {
+            notify(e.message, undefined, true);
+        }
+    };
+    const reload = async (d) => {
+        try {
+            await session.reload(d.key);
+            await rerender([d.ref]);
+        }
+        catch (e) {
+            notify(e.message, undefined, true);
+        }
+    };
+    const createLink = session.dataSource.createPreviewLink?.bind(session.dataSource);
+    const share = async () => {
+        if (!createLink || !primary)
+            return;
+        try {
+            const { url, expiresAt } = await createLink(primary.ref, { locale: session.locale });
+            await navigator.clipboard.writeText(url);
+            notify('notify.linkCopied', { date: new Date(expiresAt).toLocaleString() });
+        }
+        catch (e) {
+            notify('notify.linkFailed', { message: e.message }, true);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [nonDefaultLocale && (_jsx("div", { className: "po-notice", role: "note", "data-testid": "onpage-locale-notice", children: t('dock.localeNotice', { locale: session.locale ?? '' }) })), _jsxs("div", { className: "po-dock", role: "toolbar", "aria-label": t('dock.label'), "data-testid": "onpage-dock", children: [_jsx("span", { className: `po-status${(flash?.bad ?? status.bad) ? ' is-bad' : ''}`, role: "status", "aria-live": "polite", "data-testid": "onpage-status", children: flash?.text ?? status.text }), conflict && (_jsx("button", { type: "button", className: "po-btn", disabled: busy, onClick: () => void reload(conflict), "data-testid": "onpage-reload", children: t('dock.reload') })), (failed ?? error) && (_jsx("button", { type: "button", className: "po-btn", onClick: () => void session.retry((failed ?? error).key), "data-testid": "onpage-retry", children: t('dock.retry') })), docs.length > 1 && (_jsx("span", { className: "po-docs", title: docs.map(title).join(', '), "data-testid": "onpage-doc-count", children: t('dock.documents', { count: docs.length }) })), session.locale && _jsx("span", { className: "po-chip-locale", children: session.locale }), _jsx("span", { className: "po-sep" }), _jsx("button", { type: "button", className: "po-btn", onClick: () => session.undo(), disabled: !snap.canUndo, "aria-label": t('dock.undo'), title: `${t('dock.undo')} (⌘Z)`, "data-testid": "onpage-undo", children: "\u21B6" }), _jsx("button", { type: "button", className: "po-btn", onClick: () => session.redo(), disabled: !snap.canRedo, "aria-label": t('dock.redo'), title: `${t('dock.redo')} (⇧⌘Z)`, "data-testid": "onpage-redo", children: "\u21B7" }), _jsx("span", { className: "po-sep" }), links.mode && (_jsx(PostButton, { action: links.mode('view'), title: t('dock.previewHint'), testId: "onpage-preview", children: t('dock.preview') })), createLink && primary && (_jsx("button", { type: "button", className: "po-btn", onClick: () => void share(), title: t('dock.shareHint'), "data-testid": "onpage-share", children: t('dock.share') })), _jsx("button", { type: "button", className: `po-btn${confirmDiscard ? ' is-danger' : ''}`, disabled: !ready.length || busy, onClick: () => void discard(), onBlur: () => setConfirmDiscard(false), title: t('dock.discardHint'), "data-testid": "onpage-discard", children: t(confirmDiscard ? 'dock.discardConfirm' : 'dock.discard') }), links.admin && primary && (_jsx("a", { className: "po-btn", href: links.admin(primary.ref), target: "_blank", rel: "noopener noreferrer", "data-testid": "onpage-open-admin", children: t('dock.admin') })), _jsx(PostButton, { action: links.exit, testId: "onpage-exit", children: t('dock.exit') }), _jsx("button", { type: "button", className: "po-btn po-primary", disabled: !ready.length || busy || !!conflict, onClick: () => void publish(), "data-testid": "onpage-publish", children: t(busy ? 'dock.publishing' : 'dock.publish') })] })] }));
+}
+//# sourceMappingURL=Dock.js.map

package/dist/ui/Dock.js.map

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

package/dist/ui/Overlay.d.ts

@@ -0,0 +1,2 @@
+export declare function Overlay(): import("react").JSX.Element;
+//# sourceMappingURL=Overlay.d.ts.map

package/dist/ui/Overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/ui/Overlay.tsx"],"names":[],"mappings":"AAwQA,wBAAgB,OAAO,gCA2DtB"}

package/dist/ui/Overlay.js

@@ -0,0 +1,150 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Everything drawn over the page: hover outlines, the section and item
+ * toolbars, "+" insert points and "+ Add" for lists. Positions are measured
+ * from the target elements whenever the layout changes.
+ */
+import { cloneRow, fieldAtPath, getAt, insertItem, isEditablePath, moveItem, newArrayRow, refKey, removeItem, resolveRow, updateArray, } from '@payload-onpage/core';
+import { useEffect, useState } from 'react';
+import { useOnPage } from "../context.js";
+import { isOurs } from "../dom.js";
+import { useLayoutTick } from "../layout.js";
+import { targetsAt } from "../targets.js";
+import { hasSettings } from "./SettingsPanel.js";
+const VIEW_PAD = 8;
+function useHover() {
+    const { targets } = useOnPage();
+    const [hover, setHover] = useState({ rows: [] });
+    useEffect(() => {
+        const onMove = (e) => {
+            const t = e.target;
+            if (!(t instanceof Element) || isOurs(t))
+                return; // over our UI: keep the current hover
+            const next = targetsAt(targets, t);
+            setHover((h) => h.field === next.field &&
+                h.rows.length === next.rows.length &&
+                h.rows.every((r, i) => r === next.rows[i])
+                ? h
+                : next);
+        };
+        window.addEventListener('pointermove', onMove, { passive: true });
+        return () => window.removeEventListener('pointermove', onMove);
+    }, [targets]);
+    return hover;
+}
+function Outline({ el, variant, label, }) {
+    const r = el.getBoundingClientRect();
+    if (r.width === 0 && r.height === 0)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: `po-outline${variant ? ` is-${variant}` : ''}`, style: { top: r.top - 2, left: r.left - 2, width: r.width + 4, height: r.height + 4 } }), label && (_jsx("div", { className: `po-chip${variant === 'item' ? ' is-item' : ''}`, style: { top: Math.max(r.top - 2, 22), left: r.left - 2 }, children: label }))] }));
+}
+function RowToolbar({ row, variant }) {
+    const { session, setSelected, setPanel, selected, targets, t } = useOnPage();
+    const { key, info, el } = row;
+    const r = el.getBoundingClientRect();
+    if (r.bottom < 40 || r.top > window.innerHeight - 40)
+        return null;
+    const top = Math.min(Math.max(r.top + VIEW_PAD, 60), r.bottom - 40);
+    const right = Math.max(window.innerWidth - r.right + VIEW_PAD, VIEW_PAD);
+    const { listPath, index, length, rowFields, path } = info;
+    const label = targets.find(key, path, ['item'])?.label || info.label;
+    const apply = (fn) => session.apply(key, fn);
+    const max = info.listField.maxRows;
+    const min = info.listField.minRows ?? 0;
+    const move = (dir) => {
+        apply((d) => updateArray(d, listPath, (a) => moveItem(a, index, index + dir)));
+        setSelected({ key, path: `${listPath}.${index + dir}` });
+    };
+    const duplicate = () => {
+        apply((d) => updateArray(d, listPath, (a) => insertItem(a, index + 1, cloneRow(a[index], rowFields))));
+        setSelected({ key, path: `${listPath}.${index + 1}` });
+    };
+    const remove = () => {
+        apply((d) => updateArray(d, listPath, (a) => removeItem(a, index)));
+        if (selected?.key === key && selected.path.startsWith(path))
+            setSelected(null);
+    };
+    return (_jsxs("div", { className: `po-bar${variant === 'item' ? ' is-item' : ''}`, style: { top, right }, role: "toolbar", "aria-label": t('row.toolbar', { label }), "data-testid": `onpage-${variant}-toolbar`, children: [_jsx("span", { className: "po-btn po-bar-label", children: label }), _jsx("button", { type: "button", className: "po-btn", disabled: index === 0, onClick: () => move(-1), "aria-label": t('row.moveUp'), title: t('row.moveUp'), "data-testid": `onpage-${variant}-up`, children: "\u2191" }), _jsx("button", { type: "button", className: "po-btn", disabled: index >= length - 1, onClick: () => move(1), "aria-label": t('row.moveDown'), title: t('row.moveDown'), "data-testid": `onpage-${variant}-down`, children: "\u2193" }), _jsx("button", { type: "button", className: "po-btn", disabled: max !== undefined && length >= max, onClick: duplicate, "aria-label": t('row.duplicate'), title: t('row.duplicate'), "data-testid": `onpage-${variant}-duplicate`, children: "\u29C9" }), hasSettings(rowFields, path, key, targets) && (_jsx("button", { type: "button", className: "po-btn", onClick: () => setPanel({ kind: 'settings', key, path, title: label }), "aria-label": t('row.settings'), title: t('row.settings'), "data-testid": `onpage-${variant}-settings`, children: "\u2699" })), _jsx("button", { type: "button", className: "po-btn is-danger", disabled: length <= min, onClick: remove, "aria-label": t('row.delete'), title: t('row.delete'), "data-testid": `onpage-${variant}-delete`, children: "\u2715" })] }));
+}
+function InsertPoints({ row }) {
+    const { setPanel, t } = useOnPage();
+    const r = row.el.getBoundingClientRect();
+    const x = r.left + r.width / 2;
+    const at = (index, y, edge) => y > 0 && y < window.innerHeight ? (_jsx("div", { className: "po-add", style: { top: y, left: x }, children: _jsxs("button", { type: "button", className: "po-btn", onClick: () => setPanel({ kind: 'blocks', key: row.key, listPath: row.info.listPath, index }), "aria-label": `${t('row.addSection')} (${edge})`, "data-testid": `onpage-insert-${edge}`, children: ["+ ", t('row.addSection')] }) }, edge)) : null;
+    return (_jsxs(_Fragment, { children: [at(row.info.index, r.top, 'above'), at(row.info.index + 1, r.bottom, 'below')] }));
+}
+function AddItem({ list }) {
+    const { snap, session, setPanel, setSelected, t } = useOnPage();
+    const key = refKey(list.ref);
+    const state = snap.docs[key];
+    if (!state?.schema || !state.doc || !isEditablePath(state.schema, list.path))
+        return null;
+    const field = fieldAtPath(state.schema.fields, state.doc, list.path)?.field;
+    if (!field || (field.type !== 'array' && field.type !== 'blocks'))
+        return null;
+    const length = (getAt(state.doc, list.path) ?? []).length;
+    const r = list.el.getBoundingClientRect();
+    if (field.type === 'blocks') {
+        // Sections get "+ Add section" above/below each one; this covers an empty list.
+        if (length)
+            return null;
+        return (_jsx("div", { className: "po-add", style: { top: r.top + Math.min(r.height / 2, 160), left: r.left + r.width / 2 }, children: _jsxs("button", { type: "button", className: "po-btn", onClick: () => setPanel({ kind: 'blocks', key, listPath: list.path, index: 0 }), "data-testid": "onpage-add-first-section", children: ["+ ", t('row.addFirstSection')] }) }));
+    }
+    if (field.maxRows !== undefined && length >= field.maxRows)
+        return null;
+    // Below the list, or pinned to the bottom of the viewport while the list runs past it.
+    if (r.bottom < 0 || r.top > window.innerHeight - 40)
+        return null;
+    const y = Math.min(r.bottom + 14, window.innerHeight - 84);
+    const item = list.label || field.labels?.singular || field.label;
+    const add = () => {
+        session.apply(key, (d) => updateArray(d, list.path, (a) => [...a, newArrayRow(field)]));
+        setSelected({ key, path: `${list.path}.${length}` });
+    };
+    return (_jsx("div", { className: "po-add is-item", style: { top: y, left: r.left + r.width / 2 }, children: _jsxs("button", { type: "button", className: "po-btn", onClick: add, "data-testid": "onpage-add-item", children: ["+ ", t('row.addItem', { item })] }) }));
+}
+export function Overlay() {
+    const { selected, editing, targets, snap } = useOnPage();
+    useLayoutTick();
+    const hover = useHover();
+    const rowFor = (target) => {
+        if (!target)
+            return null;
+        const key = refKey(target.ref);
+        const state = snap.docs[key];
+        const info = state?.schema && state.doc ? resolveRow(state.schema, state.doc, target.path) : null;
+        return info ? { key, info, el: target.el } : null;
+    };
+    // The active row: the selected one, else the innermost hovered row.
+    const active = rowFor(selected ? targets.find(selected.key, selected.path, ['item']) : hover.rows[0]);
+    // Its section: the outermost enclosing row of a blocks field (may be itself).
+    let section = null;
+    if (active) {
+        const segs = active.info.path.split('.');
+        for (let i = 1; i < segs.length && !section; i++) {
+            if (!/^\d+$/.test(segs[i]))
+                continue;
+            const path = segs.slice(0, i + 1).join('.');
+            const candidate = path === active.info.path ? active : rowFor(targets.find(active.key, path, ['item']));
+            if (candidate?.info.isBlock)
+                section = candidate;
+        }
+    }
+    const item = active && section?.info.path !== active.info.path ? active : null;
+    // "+ Add" for the active item's list, and for empty annotated lists.
+    const lists = targets.all.filter((t) => t.kind === 'list');
+    const itemList = item
+        ? lists.find((l) => refKey(l.ref) === item.key && l.path === item.info.listPath)
+        : undefined;
+    const emptyLists = lists.filter((l) => {
+        const doc = snap.docs[refKey(l.ref)]?.doc;
+        return doc && !(getAt(doc, l.path) ?? []).length;
+    });
+    const hoverField = !editing ? hover.field : undefined;
+    return (_jsxs(_Fragment, { children: [section && _jsx(Outline, { el: section.el, variant: "block" }), item && _jsx(Outline, { el: item.el, variant: "item" }), hoverField && _jsx(Outline, { el: hoverField.el, label: hoverField.label }), !editing && section && _jsx(InsertPoints, { row: section }), !editing && section && _jsx(RowToolbar, { row: section, variant: "block" }), !editing && item && _jsx(RowToolbar, { row: item, variant: "item" }), !editing && itemList && _jsx(AddItem, { list: itemList }), !editing &&
+                emptyLists
+                    .filter((l) => l !== itemList)
+                    .map((l) => _jsx(AddItem, { list: l }, `${refKey(l.ref)}|${l.path}`))] }));
+}
+//# sourceMappingURL=Overlay.js.map

package/dist/ui/Overlay.js.map

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

package/dist/ui/PostButton.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+/** A button that POSTs to `action` and follows the response (the plugin's state-changing endpoints). */
+export declare function PostButton({ action, children, className, title, testId, }: {
+    action: string;
+    children: ReactNode;
+    className?: string;
+    title?: string;
+    testId?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PostButton.d.ts.map

package/dist/ui/PostButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostButton.d.ts","sourceRoot":"","sources":["../../src/ui/PostButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,wGAAwG;AACxG,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,SAAoB,EACpB,KAAK,EACL,MAAM,GACP,EAAE;IACD,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,+BAQA"}

package/dist/ui/PostButton.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** A button that POSTs to `action` and follows the response (the plugin's state-changing endpoints). */
+export function PostButton({ action, children, className = 'po-btn', title, testId, }) {
+    return (_jsx("form", { method: "post", action: action, style: { display: 'contents' }, children: _jsx("button", { type: "submit", className: className, title: title, "data-testid": testId, children: children }) }));
+}
+//# sourceMappingURL=PostButton.js.map

package/dist/ui/PostButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostButton.js","sourceRoot":"","sources":["../../src/ui/PostButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAIZ,wGAAwG;AACxG,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,KAAK,EACL,MAAM,GAOP;IACC,OAAO,CACL,eAAM,MAAM,EAAC,MAAM,EAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,YAChE,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAe,MAAM,YAC1E,QAAQ,GACF,GACJ,CACR,CAAA;AACH,CAAC"}

package/dist/ui/PreviewToolbar.d.ts

@@ -0,0 +1,15 @@
+import { type Messages } from '../messages.ts';
+export interface PreviewToolbarProps {
+    /** Endpoint that leaves preview (POST), back to the published page. */
+    exitHref: string;
+    /** Endpoint that switches to editing (POST); omit for people who can't edit (shared links). */
+    editHref?: string;
+    /** Opened from a shared preview link. */
+    shared?: boolean;
+    messages?: Messages;
+}
+export declare const FRAME_PARAM = "onpage-frame";
+/** True inside the device-preview frame (the toolbar and editor stay out of it). */
+export declare const inPreviewFrame: () => boolean;
+export declare function PreviewToolbar({ exitHref, editHref, shared, messages }: PreviewToolbarProps): import("react").ReactPortal | null;
+//# sourceMappingURL=PreviewToolbar.d.ts.map

package/dist/ui/PreviewToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewToolbar.d.ts","sourceRoot":"","sources":["../../src/ui/PreviewToolbar.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAI/D,MAAM,WAAW,mBAAmB;IAClC,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAA;IAChB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAOD,eAAO,MAAM,WAAW,iBAAiB,CAAA;AAEzC,oFAAoF;AACpF,eAAO,MAAM,cAAc,QAAO,OAE4D,CAAA;AAU9F,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,mBAAmB,sCA8E3F"}

package/dist/ui/PreviewToolbar.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Preview mode: the draft without editing tools. Device widths open the same
+ * page in a framed viewport. Signed-in editors can switch back to editing;
+ * people on a shared link can leave to the published page.
+ */
+import { useEffect, useMemo, useState, useSyncExternalStore } from 'react';
+import { createPortal } from 'react-dom';
+import { UI } from "../dom.js";
+import { createTranslate } from "../messages.js";
+import { injectStyles } from "../styles.js";
+import { PostButton } from "./PostButton.js";
+const DEVICES = [
+    { id: 'phone', width: 390 },
+    { id: 'tablet', width: 820 },
+];
+export const FRAME_PARAM = 'onpage-frame';
+/** True inside the device-preview frame (the toolbar and editor stay out of it). */
+export const inPreviewFrame = () => typeof window !== 'undefined' &&
+    (window.self !== window.top || new URLSearchParams(window.location.search).has(FRAME_PARAM));
+const noop = () => () => { };
+const useMounted = () => useSyncExternalStore(noop, () => true, () => false);
+export function PreviewToolbar({ exitHref, editHref, shared, messages }) {
+    const [device, setDevice] = useState(null);
+    const mounted = useMounted();
+    const t = useMemo(() => createTranslate(messages), [messages]);
+    useEffect(() => injectStyles(), []);
+    useEffect(() => {
+        if (!device)
+            return;
+        const onKey = (e) => e.key === 'Escape' && setDevice(null);
+        document.addEventListener('keydown', onKey);
+        return () => document.removeEventListener('keydown', onKey);
+    }, [device]);
+    if (!mounted || inPreviewFrame())
+        return null;
+    const frameSrc = () => {
+        const u = new URL(window.location.href);
+        u.searchParams.set(FRAME_PARAM, '1');
+        return u.toString();
+    };
+    return createPortal(_jsxs("div", { className: "po-layer", [UI]: '', children: [device && (_jsxs("div", { className: "po-frame-bg", "data-testid": "onpage-device-frame", children: [_jsx("button", { type: "button", className: "po-frame-close", onClick: () => setDevice(null), "aria-label": t('common.close') }), _jsx("iframe", { src: frameSrc(), title: t(`preview.${device.id}`), style: { width: device.width } })] })), _jsxs("div", { className: "po-preview", role: "toolbar", "aria-label": t('preview.label'), "data-testid": "onpage-preview-toolbar", children: [_jsx("span", { className: "po-badge", children: t('preview.badge') }), _jsx("span", { className: "po-status", children: t(shared ? 'preview.shared' : 'preview.own') }), DEVICES.map((d) => (_jsx("button", { type: "button", className: "po-btn", "aria-pressed": device?.id === d.id, onClick: () => setDevice(device?.id === d.id ? null : d), "data-testid": `onpage-device-${d.id}`, children: t(`preview.${d.id}`) }, d.id))), device && (_jsx("button", { type: "button", className: "po-btn", onClick: () => setDevice(null), "data-testid": "onpage-device-desktop", children: t('preview.desktop') })), editHref && (_jsx(PostButton, { action: editHref, className: "po-btn po-primary", testId: "onpage-edit", children: t('preview.edit') })), _jsx(PostButton, { action: exitHref, testId: "onpage-exit-preview", children: t(shared ? 'preview.viewPublished' : 'preview.exit') })] })] }), document.body);
+}
+//# sourceMappingURL=PreviewToolbar.js.map

package/dist/ui/PreviewToolbar.js.map

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

package/dist/ui/SettingsPanel.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Settings for one section or item, generated from the schema: every value
+ * that isn't edited directly on the page — selects (layout, background, width,
+ * spacing…), checkboxes, numbers, dates, relationships, URLs and other plain
+ * text, images that aren't on the page. Changes apply immediately.
+ */
+import { type SchemaField } from '@payload-onpage/core';
+import type { TargetIndex } from '../types.ts';
+export declare const hasSettings: (fields: SchemaField[], path: string, key: string, targets: TargetIndex) => boolean;
+export declare function SettingsPanel(): import("react").JSX.Element | null;
+//# sourceMappingURL=SettingsPanel.d.ts.map

package/dist/ui/SettingsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../src/ui/SettingsPanel.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,EAA6C,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAIlG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAuB9C,eAAO,MAAM,WAAW,GACtB,QAAQ,WAAW,EAAE,EACrB,MAAM,MAAM,EACZ,KAAK,MAAM,EACX,SAAS,WAAW,KACnB,OAA8D,CAAA;AA0NjE,wBAAgB,aAAa,uCAoB5B"}