@payload-onpage/react 0.0.0-stage → 0.1.0

package/dist/editor/OnPageEditor.js

@@ -0,0 +1,211 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The on-page editor. Mount it once (the Next adapter's <OnPage /> does) and
+ * it finds editable content through the Locator, opens each document it finds
+ * in an EditorSession, and edits through the field-editor registry. Saves go
+ * through the DataSource; the Renderer shows them (server refresh by default,
+ * instant for documents rendered with <OnPageClient>).
+ */
+import { useEvent } from "../useEvent.js";
+import { EditorSession, fieldAtPath, isEditablePath, refKey, } from '@payload-onpage/core';
+import { useCallback, useEffect, useMemo, useState, useSyncExternalStore } from 'react';
+import { createPortal } from 'react-dom';
+import { OnPageContext } from "../context.js";
+import { UI } from "../dom.js";
+import { defaultEditors } from "../editors/index.js";
+import { hub } from "../hub.js";
+import { notifyLayout } from "../layout.js";
+import { annotations, composite, stega } from "../locators.js";
+import { createTranslate } from "../messages.js";
+import { mergeEditors, resolveEditor } from "../registry.js";
+import { clientState } from "../renderers.js";
+import { injectStyles } from "../styles.js";
+import { useTargets } from "../targets.js";
+import { BlockPicker } from "../ui/BlockPicker.js";
+import { Dock } from "../ui/Dock.js";
+import { Overlay } from "../ui/Overlay.js";
+import { SettingsPanel } from "../ui/SettingsPanel.js";
+import { FieldHost } from "./FieldHost.js";
+import { Ghosts } from "./Ghosts.js";
+import { usePageEvents } from "./usePageEvents.js";
+import { useGhosts } from "./useGhosts.js";
+const EMPTY_SNAP = { docs: {}, canUndo: false, canRedo: false, busy: false };
+const noopSubscribe = () => () => { };
+export function OnPageEditor(props) {
+    const { dataSource, locale, autosaveDelay, links, media } = props;
+    const renderer = useMemo(() => props.renderer ?? clientState(), [props.renderer]);
+    const locator = useMemo(() => props.locator ?? composite(annotations(), stega()), [props.locator]);
+    const editors = useMemo(() => mergeEditors(defaultEditors, props.editors), [props.editors]);
+    const t = useMemo(() => createTranslate(props.messages), [props.messages]);
+    const rootProp = props.root;
+    const root = useCallback(() => (rootProp ? rootProp() : typeof document === 'undefined' ? null : document.body), [rootProp]);
+    const [panel, setPanel] = useState(null);
+    const [editing, setEditing] = useState(null);
+    const [selected, setSelected] = useState(null);
+    const [renders, setRenders] = useState(0);
+    const [flash, setFlash] = useState(null);
+    const [clientDocs, setClientDocs] = useState(() => new Set());
+    const [session, setSession] = useState(null);
+    const snap = useSyncExternalStore(session?.subscribe ?? noopSubscribe, session?.getSnapshot ?? (() => EMPTY_SNAP), () => EMPTY_SNAP);
+    const targets = useTargets(locator, root);
+    const { ghosts, add: addGhostEntry, rendered: ghostsRendered } = useGhosts(session ? snap : null);
+    const isLive = useCallback((key) => renderer.live || clientDocs.has(key), [renderer, clientDocs]);
+    /** Re-render documents that aren't client-rendered, then retire their ghosts. */
+    const rerender = useCallback(async (refs, seq) => {
+        const stale = refs.filter((r) => !isLive(refKey(r)));
+        if (!stale.length)
+            return;
+        setRenders((n) => n + 1);
+        try {
+            await renderer.afterSave({ refs: stale });
+        }
+        catch (e) {
+            console.error('[payload-onpage] render after save failed', e);
+        }
+        finally {
+            setRenders((n) => n - 1);
+            // Give the new DOM a moment to land (and the locator to rescan) before uncovering it.
+            setTimeout(() => {
+                for (const r of stale)
+                    ghostsRendered(refKey(r), seq ?? Number.MAX_SAFE_INTEGER);
+            }, 250);
+        }
+    }, [isLive, renderer, ghostsRendered]);
+    const handleSaved = useEvent((ref, seq) => void rerender([ref], seq));
+    // One session per data source and locale; disposed (after flushing) when they change or on unmount.
+    useEffect(() => {
+        // Refresh mode saves quickly (the page only updates after a save); client mode uses the collection's interval.
+        const delay = autosaveDelay ?? (renderer.live ? undefined : 250);
+        const s = new EditorSession({
+            dataSource,
+            locale,
+            autosaveDelay: delay,
+            onSaved: (ref, seq) => handleSaved(ref, seq),
+        });
+        // The session is an external resource with a lifecycle; it lives in state so StrictMode's
+        // mount/unmount/mount gets a fresh one each time.
+        // eslint-disable-next-line react-hooks/set-state-in-effect
+        setSession(s);
+        return () => {
+            void s.flush().finally(() => s.dispose());
+        };
+    }, [dataSource, locale, autosaveDelay, renderer.live, handleSaved]);
+    useEffect(() => {
+        if (!flash)
+            return;
+        const id = setTimeout(() => setFlash(null), 4000);
+        return () => clearTimeout(id);
+    }, [flash]);
+    // Documents on this page: everything the locator found, plus client-mode documents.
+    const docKeys = useMemo(() => {
+        const keys = new Set(clientDocs);
+        for (const target of targets.all)
+            keys.add(refKey(target.ref));
+        return [...keys];
+    }, [targets, clientDocs]);
+    useEffect(() => {
+        if (!session)
+            return;
+        const seen = new Set();
+        for (const target of targets.all) {
+            const k = refKey(target.ref);
+            if (seen.has(k))
+                continue;
+            seen.add(k);
+            void session.open(target.ref);
+        }
+    }, [targets, session]);
+    useEffect(() => notifyLayout(), [snap, targets]);
+    const notify = useCallback((key, vars, bad) => setFlash({ text: t(key, vars), bad }), [t]);
+    const registerClientDoc = useCallback((key) => {
+        setClientDocs((s) => new Set(s).add(key));
+        return () => setClientDocs((s) => {
+            const next = new Set(s);
+            next.delete(key);
+            return next;
+        });
+    }, []);
+    const addGhost = useCallback((g) => addGhostEntry(g, session?.get(g.key)?.save.seq ?? 0), [addGhostEntry, session]);
+    const edit = useCallback((key, path, opts = {}) => {
+        const state = session?.get(key);
+        if (!state?.schema || !state.doc) {
+            if (state?.status === 'error')
+                notify('notify.cantEdit', { message: state.error ?? '' }, true);
+            else
+                notify('notify.loading');
+            return true;
+        }
+        if (!isEditablePath(state.schema, path))
+            return false;
+        const hit = fieldAtPath(state.schema.fields, state.doc, path);
+        if (!hit)
+            return false;
+        const editor = resolveEditor(editors, hit.field, opts.kind === 'field' ? undefined : opts.kind);
+        if (!editor)
+            return false;
+        setEditing({
+            key,
+            path,
+            editor,
+            point: opts.point,
+            el: opts.anchor ?? targets.find(key, path)?.el,
+        });
+        return true;
+    }, [session, editors, targets, notify]);
+    const ctx = useMemo(() => session && {
+        session,
+        snap,
+        renderer,
+        media,
+        editors,
+        targets,
+        links,
+        t,
+        panel,
+        setPanel,
+        editing,
+        setEditing,
+        selected,
+        setSelected,
+        docKeys,
+        isLive,
+        registerClientDoc,
+        rendering: renders > 0,
+        edit,
+        rerender: (refs) => rerender(refs),
+        notify,
+        addGhost,
+    }, [
+        session,
+        snap,
+        renderer,
+        media,
+        editors,
+        targets,
+        links,
+        t,
+        panel,
+        editing,
+        selected,
+        docKeys,
+        isLive,
+        registerClientDoc,
+        renders,
+        edit,
+        rerender,
+        notify,
+        addGhost,
+    ]);
+    useEffect(() => {
+        hub.set(ctx);
+    }, [ctx]);
+    useEffect(() => () => hub.set(null), []);
+    useEffect(() => injectStyles(), []);
+    usePageEvents(ctx, root);
+    const mounted = useSyncExternalStore(noopSubscribe, () => true, () => false);
+    if (!mounted || !ctx)
+        return null;
+    return (_jsxs(OnPageContext.Provider, { value: ctx, children: [createPortal(_jsxs("div", { className: "po-doc-layer", [UI]: '', children: [_jsx(Ghosts, { ghosts: ghosts }), _jsx(FieldHost, { mode: "inline" })] }), document.body), createPortal(_jsxs("div", { className: "po-layer", [UI]: '', children: [_jsx(Overlay, {}), _jsx(SettingsPanel, {}), _jsx(BlockPicker, {}), _jsx(FieldHost, { mode: "popover" }), _jsx(Dock, { flash: flash })] }), document.body)] }));
+}
+//# sourceMappingURL=OnPageEditor.js.map

package/dist/editor/OnPageEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnPageEditor.js","sourceRoot":"","sources":["../../src/editor/OnPageEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;GAMG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EACL,aAAa,EACb,WAAW,EACX,cAAc,EACd,MAAM,GAOP,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAgB,CAAA;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAiB,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAU1C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAuB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAgB,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAmB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAyB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAc,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAuB1C,MAAM,UAAU,GAAoB,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA;AAC7F,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,CAAA;AAEpC,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACjE,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,IAAI,WAAW,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IACjF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAClG,MAAM,OAAO,GAAmB,OAAO,CACrC,GAAG,EAAE,CAAC,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,EACjD,CAAC,KAAK,CAAC,OAAO,CAAC,CAChB,CAAA;IACD,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC1E,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAA;IAC3B,MAAM,IAAI,GAAG,WAAW,CACtB,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EACtF,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,IAAI,CAAC,CAAA;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC,CAAA;IACjE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAA;IAChE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACzC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAyC,IAAI,CAAC,CAAA;IAChF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAsB,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,CAAA;IAClF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAuB,IAAI,CAAC,CAAA;IAClE,MAAM,IAAI,GAAG,oBAAoB,CAC/B,OAAO,EAAE,SAAS,IAAI,aAAa,EACnC,OAAO,EAAE,WAAW,IAAI,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,EAC1C,GAAG,EAAE,CAAC,UAAU,CACjB,CAAA;IACD,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;IACzC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAEjG,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,GAAW,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,IAAI,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EACrD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAA;IAED,iFAAiF;IACjF,MAAM,QAAQ,GAAG,WAAW,CAC1B,KAAK,EAAE,IAAc,EAAE,GAAY,EAAE,EAAE;QACrC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACpD,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAM;QACzB,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;QACxB,IAAI,CAAC;YACH,MAAM,QAAQ,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;QAC3C,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,2CAA2C,EAAE,CAAC,CAAC,CAAA;QAC/D,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YACxB,sFAAsF;YACtF,UAAU,CAAC,GAAG,EAAE;gBACd,KAAK,MAAM,CAAC,IAAI,KAAK;oBAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,MAAM,CAAC,gBAAgB,CAAC,CAAA;YAClF,CAAC,EAAE,GAAG,CAAC,CAAA;QACT,CAAC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,EAAE,cAAc,CAAC,CACnC,CAAA;IAED,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE,CAAC,KAAK,QAAQ,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;IAErF,oGAAoG;IACpG,SAAS,CAAC,GAAG,EAAE;QACb,+GAA+G;QAC/G,MAAM,KAAK,GAAG,aAAa,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QAChE,MAAM,CAAC,GAAG,IAAI,aAAa,CAAC;YAC1B,UAAU;YACV,MAAM;YACN,aAAa,EAAE,KAAK;YACpB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC;SAC7C,CAAC,CAAA;QACF,0FAA0F;QAC1F,kDAAkD;QAClD,2DAA2D;QAC3D,UAAU,CAAC,CAAC,CAAC,CAAA;QACb,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAA;QAC3C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK;YAAE,OAAM;QAClB,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAA;QACjD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,oFAAoF;IACpF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,IAAI,GAAG,IAAI,GAAG,CAAS,UAAU,CAAC,CAAA;QACxC,KAAK,MAAM,MAAM,IAAI,OAAO,CAAC,GAAG;YAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;QAC9D,OAAO,CAAC,GAAG,IAAI,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAA;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAM;QACpB,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAA;QAC9B,KAAK,MAAM,MAAM,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;YACjC,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;YAC5B,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;gBAAE,SAAQ;YACzB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;YACX,KAAK,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEtB,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAEhD,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,EACzD,CAAC,CAAC,CAAC,CACJ,CAAA;IAED,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,GAAW,EAAE,EAAE;QACpD,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;QACzC,OAAO,GAAG,EAAE,CACV,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE;YAClB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAA;YACvB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;YAChB,OAAO,IAAI,CAAA;QACb,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,EAC3D,CAAC,aAAa,EAAE,OAAO,CAAC,CACzB,CAAA;IAED,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE;QACvB,MAAM,KAAK,GAAG,OAAO,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA;QAC/B,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;YACjC,IAAI,KAAK,EAAE,MAAM,KAAK,OAAO;gBAC3B,MAAM,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,CAAA;;gBAC5D,MAAM,CAAC,gBAAgB,CAAC,CAAA;YAC7B,OAAO,IAAI,CAAA;QACb,CAAC;QACD,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;YAAE,OAAO,KAAK,CAAA;QACrD,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;QAC7D,IAAI,CAAC,GAAG;YAAE,OAAO,KAAK,CAAA;QACtB,MAAM,MAAM,GAAG,aAAa,CAC1B,OAAO,EACP,GAAG,CAAC,KAAK,EACT,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAC9C,CAAA;QACD,IAAI,CAAC,MAAM;YAAE,OAAO,KAAK,CAAA;QACzB,UAAU,CAAC;YACT,GAAG;YACH,IAAI;YACJ,MAAM;YACN,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,EAAE,EAAE,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE;SAC/C,CAAC,CAAA;QACF,OAAO,IAAI,CAAA;IACb,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CACpC,CAAA;IAED,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CACH,OAAO,IAAI;QACT,OAAO;QACP,IAAI;QACJ,QAAQ;QACR,KAAK;QACL,OAAO;QACP,OAAO;QACP,KAAK;QACL,CAAC;QACD,KAAK;QACL,QAAQ;QACR,OAAO;QACP,UAAU;QACV,QAAQ;QACR,WAAW;QACX,OAAO;QACP,MAAM;QACN,iBAAiB;QACjB,SAAS,EAAE,OAAO,GAAG,CAAC;QACtB,IAAI;QACJ,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;QAClC,MAAM;QACN,QAAQ;KACT,EACH;QACE,OAAO;QACP,IAAI;QACJ,QAAQ;QACR,KAAK;QACL,OAAO;QACP,OAAO;QACP,KAAK;QACL,CAAC;QACD,KAAK;QACL,OAAO;QACP,QAAQ;QACR,OAAO;QACP,MAAM;QACN,iBAAiB;QACjB,OAAO;QACP,IAAI;QACJ,QAAQ;QACR,MAAM;QACN,QAAQ;KACT,CACF,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACd,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACT,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IACxC,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,CAAC,CAAA;IACnC,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;IAExB,MAAM,OAAO,GAAG,oBAAoB,CAClC,aAAa,EACb,GAAG,EAAE,CAAC,IAAI,EACV,GAAG,EAAE,CAAC,KAAK,CACZ,CAAA;IACD,IAAI,CAAC,OAAO,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAA;IAEjC,OAAO,CACL,MAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,aAC/B,YAAY,CACX,eAAK,SAAS,EAAC,cAAc,EAAO,CAAC,EAAE,CAAC,EAAE,EAAE,aAC1C,KAAC,MAAM,IAAC,MAAM,EAAE,MAAM,GAAI,EAC1B,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,GAAG,IACvB,EACN,QAAQ,CAAC,IAAI,CACd,EACA,YAAY,CACX,eAAK,SAAS,EAAC,UAAU,EAAO,CAAC,EAAE,CAAC,EAAE,EAAE,aACtC,KAAC,OAAO,KAAG,EACX,KAAC,aAAa,KAAG,EACjB,KAAC,WAAW,KAAG,EACf,KAAC,SAAS,IAAC,IAAI,EAAC,SAAS,GAAG,EAC5B,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,GAAI,IAClB,EACN,QAAQ,CAAC,IAAI,CACd,IACsB,CAC1B,CAAA;AACH,CAAC"}

package/dist/editor/useGhosts.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Ghosts: in refresh mode, committed content stays on screen (over the hidden
+ * original) until the server render that includes it has landed. A ghost
+ * records the document's save sequence when it was made; the render after a
+ * later save retires it. Failed saves and a TTL retire ghosts too.
+ */
+import type { SessionSnapshot } from '@payload-onpage/core';
+export interface Ghost {
+    id: string;
+    key: string;
+    path: string;
+    html: string;
+    className?: string;
+    style?: Partial<CSSStyleDeclaration>;
+    /** Save sequence of the document when the ghost was made. */
+    afterSeq: number;
+    until: number;
+}
+export declare function useGhosts(snap: SessionSnapshot | null): {
+    ghosts: Ghost[];
+    add: (g: Omit<Ghost, "id" | "until" | "afterSeq">, afterSeq: number) => void;
+    rendered: (key: string, seq: number) => void;
+};
+//# sourceMappingURL=useGhosts.d.ts.map

package/dist/editor/useGhosts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGhosts.d.ts","sourceRoot":"","sources":["../../src/editor/useGhosts.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAG3D,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC,6DAA6D;IAC7D,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd;AAID,wBAAgB,SAAS,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI;;aAGxB,IAAI,CAAC,KAAK,EAAE,IAAI,GAAG,OAAO,GAAG,UAAU,CAAC,YAAY,MAAM;oBASnD,MAAM,OAAO,MAAM;EA0BvD"}

package/dist/editor/useGhosts.js

@@ -0,0 +1,34 @@
+'use client';
+import { useCallback, useEffect, useState } from 'react';
+const TTL = 15_000;
+export function useGhosts(snap) {
+    const [ghosts, setGhosts] = useState([]);
+    const add = useCallback((g, afterSeq) => {
+        const now = Date.now();
+        setGhosts((gs) => [
+            ...gs.filter((x) => !(x.key === g.key && x.path === g.path)),
+            { ...g, afterSeq, id: `${now}-${Math.random().toString(36).slice(2)}`, until: now + TTL },
+        ]);
+    }, []);
+    /** The page re-rendered after save `seq` of document `key`. */
+    const rendered = useCallback((key, seq) => {
+        setGhosts((gs) => gs.some((g) => g.key === key && g.afterSeq < seq)
+            ? gs.filter((g) => !(g.key === key && g.afterSeq < seq))
+            : gs);
+    }, []);
+    // Expired ghosts.
+    useEffect(() => {
+        if (!ghosts.length)
+            return;
+        const next = Math.min(...ghosts.map((g) => g.until)) - Date.now();
+        const timer = setTimeout(() => setGhosts((gs) => gs.filter((g) => g.until > Date.now())), Math.max(next, 0) + 10);
+        return () => clearTimeout(timer);
+    }, [ghosts]);
+    // A failed save will never render: don't cover the page for it.
+    const visible = ghosts.filter((g) => {
+        const status = snap?.docs[g.key]?.save.status;
+        return status !== 'error' && status !== 'conflict';
+    });
+    return { ghosts: visible, add, rendered };
+}
+//# sourceMappingURL=useGhosts.js.map

package/dist/editor/useGhosts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGhosts.js","sourceRoot":"","sources":["../../src/editor/useGhosts.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AASZ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAcxD,MAAM,GAAG,GAAG,MAAM,CAAA;AAElB,MAAM,UAAU,SAAS,CAAC,IAA4B;IACpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,EAAE,CAAC,CAAA;IAEjD,MAAM,GAAG,GAAG,WAAW,CAAC,CAAC,CAA2C,EAAE,QAAgB,EAAE,EAAE;QACxF,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QACtB,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC;YAChB,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;YAC5D,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE;SAC1F,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,+DAA+D;IAC/D,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE;QACxD,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,CACf,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,QAAQ,GAAG,GAAG,CAAC;YAC/C,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;YACxD,CAAC,CAAC,EAAE,CACP,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,kBAAkB;IAClB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QACjE,MAAM,KAAK,GAAG,UAAU,CACtB,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,EAC/D,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CACvB,CAAA;QACD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,gEAAgE;IAChE,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QAClC,MAAM,MAAM,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,CAAA;QAC7C,OAAO,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,UAAU,CAAA;IACpD,CAAC,CAAC,CAAA;IAEF,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAA;AAC3C,CAAC"}

package/dist/editor/usePageEvents.d.ts

@@ -0,0 +1,3 @@
+import type { OnPageContextValue } from '../types.ts';
+export declare function usePageEvents(ctx: OnPageContextValue | null, root: () => ParentNode | null): void;
+//# sourceMappingURL=usePageEvents.d.ts.map

package/dist/editor/usePageEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageEvents.d.ts","sourceRoot":"","sources":["../../src/editor/usePageEvents.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAIrD,wBAAgB,aAAa,CAAC,GAAG,EAAE,kBAAkB,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CA8IjG"}

package/dist/editor/usePageEvents.js

@@ -0,0 +1,164 @@
+'use client';
+/**
+ * Page-level input for the editor:
+ *  - click a field to edit it, a row to select it (⌥-click uses the page normally)
+ *  - keyboard: every target is focusable; Enter edits a field or selects a row,
+ *    ⌥↑/⌥↓ move the selected row, ⌥⌫ deletes it, Escape clears; ⌘Z/⇧⌘Z undo/redo
+ *  - a warning before leaving with unsaved changes
+ */
+import { useEvent } from "../useEvent.js";
+import { moveItem, refKey, removeItem, resolveRow, updateArray } from '@payload-onpage/core';
+import { useEffect } from 'react';
+import { isOurs, isTyping } from "../dom.js";
+import { isFieldTarget, isRowTarget, targetsAt } from "../targets.js";
+const FOCUSABLE_FLAG = 'data-onpage-focusable';
+export function usePageEvents(ctx, root) {
+    const onClick = useEvent((e) => {
+        if (!ctx || e.altKey || e.button !== 0)
+            return;
+        const t = e.target;
+        if (!(t instanceof Element) || isOurs(t))
+            return;
+        const r = root();
+        if (r && !r.contains(t))
+            return;
+        const { field, rows } = targetsAt(ctx.targets, t);
+        const row = rows[0];
+        const inControl = !!t.closest('a,button,label,summary,[role="button"]');
+        if (row)
+            ctx.setSelected({ key: refKey(row.ref), path: row.path });
+        else if (!field)
+            ctx.setSelected(null);
+        if (field &&
+            ctx.edit(refKey(field.ref), field.path, {
+                point: { x: e.clientX, y: e.clientY },
+                kind: field.kind,
+                anchor: field.el,
+            })) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+        else if ((field || row) && inControl) {
+            e.preventDefault(); // don't navigate away from the editor by accident
+        }
+    });
+    const moveSelected = (dir) => {
+        if (!ctx?.selected)
+            return false;
+        const { key, path } = ctx.selected;
+        const state = ctx.snap.docs[key];
+        const info = state?.schema && state.doc ? resolveRow(state.schema, state.doc, path) : null;
+        if (!info)
+            return false;
+        if (dir === 'delete') {
+            if (info.length <= (info.listField.minRows ?? 0))
+                return true;
+            ctx.session.apply(key, (d) => updateArray(d, info.listPath, (a) => removeItem(a, info.index)));
+            ctx.setSelected(null);
+            return true;
+        }
+        const to = info.index + dir;
+        if (to < 0 || to >= info.length)
+            return true;
+        ctx.session.apply(key, (d) => updateArray(d, info.listPath, (a) => moveItem(a, info.index, to)));
+        ctx.setSelected({ key, path: `${info.listPath}.${to}` });
+        return true;
+    };
+    const onKey = useEvent((e) => {
+        if (!ctx)
+            return;
+        const mod = e.metaKey || e.ctrlKey;
+        if (e.key === 'Escape') {
+            ctx.setPanel(null);
+            ctx.setSelected(null);
+            return;
+        }
+        if (isTyping(e.target))
+            return;
+        if (mod && e.key.toLowerCase() === 'z') {
+            e.preventDefault();
+            if (e.shiftKey)
+                ctx.session.redo();
+            else
+                ctx.session.undo();
+            return;
+        }
+        if (mod && e.key.toLowerCase() === 'y') {
+            e.preventDefault();
+            ctx.session.redo();
+            return;
+        }
+        if (e.altKey &&
+            (e.key === 'ArrowUp' || e.key === 'ArrowDown' || e.key === 'Backspace' || e.key === 'Delete')) {
+            if (moveSelected(e.key === 'ArrowUp' ? -1 : e.key === 'ArrowDown' ? 1 : 'delete'))
+                e.preventDefault();
+            return;
+        }
+        if ((e.key === 'Enter' || e.key === 'F2') &&
+            e.target instanceof Element &&
+            e.target.hasAttribute(FOCUSABLE_FLAG)) {
+            const own = ctx.targets.at(e.target);
+            const field = own.find(isFieldTarget);
+            const row = own.find(isRowTarget);
+            if (field && ctx.edit(refKey(field.ref), field.path, { kind: field.kind, anchor: field.el }))
+                e.preventDefault();
+            else if (row) {
+                ctx.setSelected({ key: refKey(row.ref), path: row.path });
+                e.preventDefault();
+            }
+        }
+    });
+    const onFocus = useEvent((e) => {
+        if (!ctx || !(e.target instanceof Element) || !e.target.hasAttribute(FOCUSABLE_FLAG))
+            return;
+        const row = ctx.targets.at(e.target).find(isRowTarget);
+        if (row)
+            ctx.setSelected({ key: refKey(row.ref), path: row.path });
+    });
+    const onUnload = useEvent((e) => {
+        if (!ctx?.session.hasPendingSaves)
+            return;
+        void ctx.session.flush();
+        e.preventDefault();
+    });
+    useEffect(() => {
+        document.documentElement.setAttribute('data-onpage-editing', '');
+        const click = (e) => onClick(e);
+        const key = (e) => onKey(e);
+        const focus = (e) => onFocus(e);
+        const unload = (e) => onUnload(e);
+        document.addEventListener('click', click, true);
+        document.addEventListener('keydown', key);
+        document.addEventListener('focusin', focus);
+        window.addEventListener('beforeunload', unload);
+        return () => {
+            document.documentElement.removeAttribute('data-onpage-editing');
+            document.removeEventListener('click', click, true);
+            document.removeEventListener('keydown', key);
+            document.removeEventListener('focusin', focus);
+            window.removeEventListener('beforeunload', unload);
+        };
+    }, [onClick, onFocus, onKey, onUnload]);
+    // Make every target reachable by keyboard (restored when the editor goes away).
+    const targets = ctx?.targets;
+    useEffect(() => {
+        const touched = [];
+        for (const t of targets?.all ?? []) {
+            if (t.kind === 'list' || !(t.el instanceof HTMLElement) || t.el.hasAttribute('tabindex'))
+                continue;
+            t.el.setAttribute('tabindex', '0');
+            t.el.setAttribute(FOCUSABLE_FLAG, '');
+            if (t.label)
+                t.el.setAttribute('aria-description', t.label);
+            touched.push(t.el);
+        }
+        return () => {
+            for (const el of touched) {
+                el.removeAttribute('tabindex');
+                el.removeAttribute(FOCUSABLE_FLAG);
+                el.removeAttribute('aria-description');
+            }
+        };
+    }, [targets]);
+}
+//# sourceMappingURL=usePageEvents.js.map

package/dist/editor/usePageEvents.js.map

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

package/dist/editor-kit.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @payload-onpage/react/editor-kit — building blocks for custom field editors
+ * (the default editors and @payload-onpage/lexical use exactly these).
+ *
+ *   function JsonEditor({ field, value, element, commit, close, t }: FieldEditorProps) {
+ *     return <Dialog variant="popover" anchor={element} title={field.label} onClose={close} t={t}>…</Dialog>
+ *   }
+ */
+export { Dialog, type DialogProps } from './ui/Dialog.tsx';
+export { useOnPage } from './context.tsx';
+export { useDebouncedSearch } from './editors/useDebouncedSearch.ts';
+export { escapeHtml } from './editors/InlineText.tsx';
+export { HIDDEN, UI, caretAt, copyTypography, placeCaret, placeOver, typographyOf, popoverPosition, } from './dom.ts';
+export { useTrackElement, useLayoutTick, notifyLayout } from './layout.ts';
+export { useEvent } from './useEvent.ts';
+export { sanitizeHtml } from './sanitize.ts';
+export type { EditorRegistry, FieldEditorDef, FieldEditorProps } from './types.ts';
+export type { Translate } from './messages.ts';
+//# sourceMappingURL=editor-kit.d.ts.map

package/dist/editor-kit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-kit.d.ts","sourceRoot":"","sources":["../src/editor-kit.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EACL,MAAM,EACN,EAAE,EACF,OAAO,EACP,cAAc,EACd,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,GAChB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClF,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA"}

package/dist/editor-kit.js

@@ -0,0 +1,17 @@
+/**
+ * @payload-onpage/react/editor-kit — building blocks for custom field editors
+ * (the default editors and @payload-onpage/lexical use exactly these).
+ *
+ *   function JsonEditor({ field, value, element, commit, close, t }: FieldEditorProps) {
+ *     return <Dialog variant="popover" anchor={element} title={field.label} onClose={close} t={t}>…</Dialog>
+ *   }
+ */
+export { Dialog } from "./ui/Dialog.js";
+export { useOnPage } from "./context.js";
+export { useDebouncedSearch } from "./editors/useDebouncedSearch.js";
+export { escapeHtml } from "./editors/InlineText.js";
+export { HIDDEN, UI, caretAt, copyTypography, placeCaret, placeOver, typographyOf, popoverPosition, } from "./dom.js";
+export { useTrackElement, useLayoutTick, notifyLayout } from "./layout.js";
+export { useEvent } from "./useEvent.js";
+export { sanitizeHtml } from "./sanitize.js";
+//# sourceMappingURL=editor-kit.js.map

package/dist/editor-kit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-kit.js","sourceRoot":"","sources":["../src/editor-kit.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAoB,MAAM,gBAAiB,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAe,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAA0B,CAAA;AACrD,OAAO,EACL,MAAM,EACN,EAAE,EACF,OAAO,EACP,cAAc,EACd,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,GAChB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA"}

package/dist/editors/CheckboxEditor.d.ts

@@ -0,0 +1,3 @@
+import type { FieldEditorProps } from '../types.ts';
+export declare function CheckboxEditor({ field, value, element, commit, close, t }: FieldEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=CheckboxEditor.d.ts.map

package/dist/editors/CheckboxEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxEditor.d.ts","sourceRoot":"","sources":["../../src/editors/CheckboxEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAGnD,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,gBAAgB,+BAyB3F"}

package/dist/editors/CheckboxEditor.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog } from "../ui/Dialog.js";
+export function CheckboxEditor({ field, value, element, commit, close, t }) {
+    return (_jsx(Dialog, { variant: "popover", anchor: element, title: field.label, onClose: close, t: t, testId: "onpage-checkbox", children: _jsxs("label", { className: "po-check", children: [_jsx("input", { type: "checkbox", "data-autofocus": true, checked: Boolean(value ?? field.defaultValue), onChange: (e) => {
+                        commit(e.target.checked);
+                        close();
+                    }, "data-testid": "onpage-checkbox-input" }), field.label] }) }));
+}
+//# sourceMappingURL=CheckboxEditor.js.map

package/dist/editors/CheckboxEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxEditor.js","sourceRoot":"","sources":["../../src/editors/CheckboxEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAkB,CAAA;AAEzC,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAoB;IAC1F,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,EACd,CAAC,EAAE,CAAC,EACJ,MAAM,EAAC,iBAAiB,YAExB,iBAAO,SAAS,EAAC,UAAU,aACzB,gBACE,IAAI,EAAC,UAAU,0BAEf,OAAO,EAAE,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,EAC7C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;wBACxB,KAAK,EAAE,CAAA;oBACT,CAAC,iBACW,uBAAuB,GACnC,EACD,KAAK,CAAC,KAAK,IACN,GACD,CACV,CAAA;AACH,CAAC"}

package/dist/editors/ColorEditor.d.ts

@@ -0,0 +1,4 @@
+import type { FieldEditorProps } from '../types.ts';
+/** Hex color with a native picker. Use it from a text field: `admin.custom.onpage.editor: 'color'`. */
+export declare function ColorEditor({ field, value, element, commit, preview, close, live, t, }: FieldEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=ColorEditor.d.ts.map

package/dist/editors/ColorEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorEditor.d.ts","sourceRoot":"","sources":["../../src/editors/ColorEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,uGAAuG;AACvG,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACP,KAAK,EACL,IAAI,EACJ,CAAC,GACF,EAAE,gBAAgB,+BA6ClB"}

package/dist/editors/ColorEditor.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Dialog } from "../ui/Dialog.js";
+const HEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+/** Hex color with a native picker. Use it from a text field: `admin.custom.onpage.editor: 'color'`. */
+export function ColorEditor({ field, value, element, commit, preview, close, live, t, }) {
+    const [draft, setDraft] = useState(typeof value === 'string' ? value : '');
+    const change = (v) => {
+        setDraft(v);
+        if (live && HEX.test(v))
+            preview(v);
+    };
+    const save = () => {
+        if (draft !== (value ?? '') && (draft === '' || HEX.test(draft)))
+            commit(draft || null);
+        close();
+    };
+    return (_jsxs(Dialog, { variant: "popover", anchor: element, title: field.label, onClose: close, t: t, width: 260, testId: "onpage-color", children: [_jsxs("div", { className: "po-row po-inline-row", children: [_jsx("input", { type: "color", "aria-label": field.label, value: HEX.test(draft) && draft.length === 7 ? draft : '#000000', onChange: (e) => change(e.target.value), "data-testid": "onpage-color-picker" }), _jsx("input", { className: "po-input", "aria-label": field.label, "data-autofocus": true, value: draft, placeholder: "#1e40af", "aria-invalid": draft !== '' && !HEX.test(draft), onChange: (e) => change(e.target.value), onKeyDown: (e) => e.key === 'Enter' && save(), "data-testid": "onpage-color-input" })] }), _jsx("button", { type: "button", className: "po-btn po-primary", onClick: save, "data-testid": "onpage-apply", children: t('common.apply') })] }));
+}
+//# sourceMappingURL=ColorEditor.js.map

package/dist/editors/ColorEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorEditor.js","sourceRoot":"","sources":["../../src/editors/ColorEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAkB,CAAA;AAEzC,MAAM,GAAG,GAAG,iCAAiC,CAAA;AAE7C,uGAAuG;AACvG,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACP,KAAK,EACL,IAAI,EACJ,CAAC,GACgB;IACjB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAC1E,MAAM,MAAM,GAAG,CAAC,CAAS,EAAE,EAAE;QAC3B,QAAQ,CAAC,CAAC,CAAC,CAAA;QACX,IAAI,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;YAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IACrC,CAAC,CAAA;IACD,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,IAAI,KAAK,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAAE,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAA;QACvF,KAAK,EAAE,CAAA;IACT,CAAC,CAAA;IACD,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,EACd,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,GAAG,EACV,MAAM,EAAC,cAAc,aAErB,eAAK,SAAS,EAAC,sBAAsB,aACnC,gBACE,IAAI,EAAC,OAAO,gBACA,KAAK,CAAC,KAAK,EACvB,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAChE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,iBAC3B,qBAAqB,GACjC,EACF,gBACE,SAAS,EAAC,UAAU,gBACR,KAAK,CAAC,KAAK,0BAEvB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAC,SAAS,kBACP,KAAK,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EAC9C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACvC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,IAAI,EAAE,iBACjC,oBAAoB,GAChC,IACE,EACN,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,IAAI,iBAAc,cAAc,YAC1F,CAAC,CAAC,cAAc,CAAC,GACX,IACF,CACV,CAAA;AACH,CAAC"}

package/dist/editors/DateEditor.d.ts

@@ -0,0 +1,3 @@
+import type { FieldEditorProps } from '../types.ts';
+export declare function DateEditor({ field, value, element, commit, close, t }: FieldEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=DateEditor.d.ts.map

package/dist/editors/DateEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateEditor.d.ts","sourceRoot":"","sources":["../../src/editors/DateEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAanD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,gBAAgB,+BA+CvF"}