@payload-onpage/react 0.0.0-stage → 0.2.0

package/dist/editors/DateEditor.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Dialog } from "../ui/Dialog.js";
+/** Payload stores dates as ISO strings; the input works in local time. */
+const toLocalInput = (iso, withTime) => {
+    if (typeof iso !== 'string' || !iso)
+        return '';
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return '';
+    const pad = (n) => String(n).padStart(2, '0');
+    const date = `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+    return withTime ? `${date}T${pad(d.getHours())}:${pad(d.getMinutes())}` : date;
+};
+export function DateEditor({ field, value, element, commit, close, t }) {
+    const withTime = field.pickerAppearance === 'dayAndTime' || field.pickerAppearance === 'timeOnly';
+    const [draft, setDraft] = useState(toLocalInput(value, withTime));
+    const save = () => {
+        // Date-only values are stored at local noon, which survives any timezone shift (as Payload's picker does).
+        const next = draft ? new Date(withTime ? draft : `${draft}T12:00:00`).toISOString() : null;
+        if (next !== value)
+            commit(next);
+        close();
+    };
+    return (_jsxs(Dialog, { variant: "popover", anchor: element, title: field.label, onClose: close, t: t, testId: "onpage-date", children: [_jsx("div", { className: "po-row", children: _jsx("input", { className: "po-input", type: withTime ? 'datetime-local' : 'date', "aria-label": field.label, "data-autofocus": true, value: draft, onChange: (e) => setDraft(e.target.value), onKeyDown: (e) => e.key === 'Enter' && save(), "data-testid": "onpage-date-input" }) }), _jsxs("div", { className: "po-actions", children: [_jsx("button", { type: "button", className: "po-btn po-primary", onClick: save, "data-testid": "onpage-apply", children: t('common.apply') }), !field.required && (_jsx("button", { type: "button", className: "po-btn", onClick: () => setDraft(''), children: t('common.clear') }))] })] }));
+}
+//# sourceMappingURL=DateEditor.js.map

package/dist/editors/DateEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateEditor.js","sourceRoot":"","sources":["../../src/editors/DateEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAkB,CAAA;AAEzC,0EAA0E;AAC1E,MAAM,YAAY,GAAG,CAAC,GAAY,EAAE,QAAiB,EAAU,EAAE;IAC/D,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAA;IAC9C,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAA;IACvB,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QAAE,OAAO,EAAE,CAAA;IACxC,MAAM,GAAG,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IACrD,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAA;IAC9E,OAAO,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;AAChF,CAAC,CAAA;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAoB;IACtF,MAAM,QAAQ,GAAG,KAAK,CAAC,gBAAgB,KAAK,YAAY,IAAI,KAAK,CAAC,gBAAgB,KAAK,UAAU,CAAA;IACjG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IACjE,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,2GAA2G;QAC3G,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;QAC1F,IAAI,IAAI,KAAK,KAAK;YAAE,MAAM,CAAC,IAAI,CAAC,CAAA;QAChC,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,MAAM,EAAC,aAAa,aAEpB,cAAK,SAAS,EAAC,QAAQ,YACrB,gBACE,SAAS,EAAC,UAAU,EACpB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,gBAC9B,KAAK,CAAC,KAAK,0BAEvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,IAAI,EAAE,iBACjC,mBAAmB,GAC/B,GACE,EACN,eAAK,SAAS,EAAC,YAAY,aACzB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,IAAI,iBACD,cAAc,YAEzB,CAAC,CAAC,cAAc,CAAC,GACX,EACR,CAAC,KAAK,CAAC,QAAQ,IAAI,CAClB,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,YACjE,CAAC,CAAC,cAAc,CAAC,GACX,CACV,IACG,IACC,CACV,CAAA;AACH,CAAC"}

package/dist/editors/InlineText.d.ts

@@ -0,0 +1,4 @@
+import type { FieldEditorProps } from '../types.ts';
+export declare const escapeHtml: (s: string) => string;
+export declare function InlineText({ field, value, element, commit, preview, close, ghost, live, point, t, }: FieldEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=InlineText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineText.d.ts","sourceRoot":"","sources":["../../src/editors/InlineText.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEnD,eAAO,MAAM,UAAU,GAAI,GAAG,MAAM,KAAG,MACuD,CAAA;AAE9F,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,CAAC,GACF,EAAE,gBAAgB,+BAyElB"}

package/dist/editors/InlineText.js

@@ -0,0 +1,77 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * In-place editing for text, textarea and email fields.
+ *
+ * The site's element is never made editable (React owns its DOM). An editable
+ * twin with the same computed typography is laid over it and the original is
+ * hidden. In client mode each keystroke re-renders the page live underneath;
+ * in refresh mode the twin shows the text and, after commit, stays as a ghost
+ * until the server render arrives. Blur/Enter commits (one undo step), Escape
+ * cancels.
+ */
+import { useLayoutEffect, useRef } from 'react';
+import { toText } from '@payload-onpage/core';
+import { copyTypography, HIDDEN, placeCaret, placeOver, typographyOf } from "../dom.js";
+import { useTrackElement } from "../layout.js";
+export const escapeHtml = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' })[c]);
+export function InlineText({ field, value, element, commit, preview, close, ghost, live, point, t, }) {
+    const multiline = field.type === 'textarea';
+    const ref = useRef(null);
+    const initial = useRef(toText(value));
+    const done = useRef(false);
+    useLayoutEffect(() => {
+        const el = element();
+        const twin = ref.current;
+        if (!twin)
+            return;
+        if (el) {
+            copyTypography(el, twin);
+            placeOver(twin, el, { minWidth: 40, minHeight: true });
+            el.setAttribute(HIDDEN, 'true');
+        }
+        twin.textContent = initial.current;
+        twin.focus({ preventScroll: true });
+        placeCaret(twin, point);
+        return () => element()?.removeAttribute(HIDDEN);
+        // Runs once: the twin takes over the element for its lifetime.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // Follow the element as the page reflows (client mode re-renders it live).
+    useTrackElement(element, (el) => {
+        if (!ref.current)
+            return;
+        if (!el.hasAttribute(HIDDEN))
+            el.setAttribute(HIDDEN, 'true');
+        placeOver(ref.current, el, { minWidth: 40, minHeight: true });
+    });
+    const read = () => {
+        // textContent, not innerText: innerText applies CSS (text-transform:
+        // uppercase on an eyebrow would save "SANDBOX" for "Sandbox").
+        const text = (ref.current?.textContent ?? '').replace(/\u00a0/g, ' ').replace(/\n$/, '');
+        return multiline ? text : text.replace(/\s*\n\s*/g, ' ');
+    };
+    const finish = (save) => {
+        if (done.current)
+            return;
+        done.current = true;
+        const text = read();
+        if (save && text !== initial.current) {
+            commit(text === '' && !field.required ? null : text);
+            if (!live && ref.current)
+                ghost({ html: escapeHtml(text), style: typographyOf(ref.current) });
+        }
+        close();
+    };
+    return (_jsx("div", { ref: ref, className: "po-inline", contentEditable: "plaintext-only", suppressContentEditableWarning: true, role: "textbox", tabIndex: 0, "aria-multiline": multiline, "aria-label": t('inline.label', { field: field.label }), "data-testid": "onpage-inline-text", spellCheck: true, onInput: () => live && preview(read()), onBlur: () => finish(true), onKeyDown: (e) => {
+            if (e.key === 'Escape') {
+                e.preventDefault();
+                finish(false);
+            }
+            else if (e.key === 'Enter' && (!multiline || e.metaKey || e.ctrlKey)) {
+                e.preventDefault();
+                finish(true);
+            }
+        } }));
+}
+//# sourceMappingURL=InlineText.js.map

package/dist/editors/InlineText.js.map

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

package/dist/editors/NumberEditor.d.ts

@@ -0,0 +1,4 @@
+import type { FieldEditorProps } from '../types.ts';
+/** Number input, with a slider when the field has min and max. */
+export declare function NumberEditor({ field, value, element, commit, preview, close, live, t, }: FieldEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=NumberEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberEditor.d.ts","sourceRoot":"","sources":["../../src/editors/NumberEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAGnD,kEAAkE;AAClE,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACP,KAAK,EACL,IAAI,EACJ,CAAC,GACF,EAAE,gBAAgB,+BAmDlB"}

package/dist/editors/NumberEditor.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { toText } from '@payload-onpage/core';
+import { useState } from 'react';
+import { Dialog } from "../ui/Dialog.js";
+/** Number input, with a slider when the field has min and max. */
+export function NumberEditor({ field, value, element, commit, preview, close, live, t, }) {
+    const [draft, setDraft] = useState(toText(value));
+    const slider = field.min !== undefined && field.max !== undefined;
+    const save = () => {
+        const next = draft === '' ? null : Number(draft);
+        if (next !== value && (next === null || !Number.isNaN(next)))
+            commit(next);
+        close();
+    };
+    const change = (v) => {
+        setDraft(v);
+        if (live && v !== '' && !Number.isNaN(Number(v)))
+            preview(Number(v));
+    };
+    return (_jsxs(Dialog, { variant: "popover", anchor: element, title: field.label, onClose: close, t: t, testId: "onpage-number", children: [_jsxs("div", { className: "po-row", children: [slider && (_jsx("input", { type: "range", "aria-label": field.label, min: field.min, max: field.max, value: draft || field.min, onChange: (e) => change(e.target.value), "data-testid": "onpage-number-slider" })), _jsx("input", { className: "po-input", type: "number", "aria-label": field.label, "data-autofocus": true, min: field.min, max: field.max, value: draft, onChange: (e) => change(e.target.value), onKeyDown: (e) => e.key === 'Enter' && save(), "data-testid": "onpage-number-input" })] }), _jsx("button", { type: "button", className: "po-btn po-primary", onClick: save, "data-testid": "onpage-apply", children: t('common.apply') })] }));
+}
+//# sourceMappingURL=NumberEditor.js.map

package/dist/editors/NumberEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberEditor.js","sourceRoot":"","sources":["../../src/editors/NumberEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAkB,CAAA;AAEzC,kEAAkE;AAClE,MAAM,UAAU,YAAY,CAAC,EAC3B,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,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;IACjD,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAA;IACjE,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,MAAM,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAChD,IAAI,IAAI,KAAK,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAAE,MAAM,CAAC,IAAI,CAAC,CAAA;QAC1E,KAAK,EAAE,CAAA;IACT,CAAC,CAAA;IACD,MAAM,MAAM,GAAG,CAAC,CAAS,EAAE,EAAE;QAC3B,QAAQ,CAAC,CAAC,CAAC,CAAA;QACX,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IACtE,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,MAAM,EAAC,eAAe,aAEtB,eAAK,SAAS,EAAC,QAAQ,aACpB,MAAM,IAAI,CACT,gBACE,IAAI,EAAC,OAAO,gBACA,KAAK,CAAC,KAAK,EACvB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,GAAG,EACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,iBAC3B,sBAAsB,GAClC,CACH,EACD,gBACE,SAAS,EAAC,UAAU,EACpB,IAAI,EAAC,QAAQ,gBACD,KAAK,CAAC,KAAK,0BAEvB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,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,qBAAqB,GACjC,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/RelationshipEditor.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipEditor.d.ts","sourceRoot":"","sources":["../../src/editors/RelationshipEditor.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAInD,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,EACN,KAAK,EACL,CAAC,GACF,EAAE,gBAAgB,+BAkIlB"}

package/dist/editors/RelationshipEditor.js

@@ -0,0 +1,60 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Relationship editor: search the related collection(s) by their title field
+ * (Payload REST, so access control applies) and pick one, or several for
+ * hasMany. Polymorphic fields get a collection switch and store `{ relationTo, value }`.
+ */
+import { relationId, relationTitle } from '@payload-onpage/core';
+import { useCallback, useState } from 'react';
+import { useOnPage } from "../context.js";
+import { Dialog } from "../ui/Dialog.js";
+import { useDebouncedSearch } from "./useDebouncedSearch.js";
+export function RelationshipEditor({ docKey, field, value, element, commit, close, t, }) {
+    const { session, snap } = useOnPage();
+    const targets = Array.isArray(field.relationTo)
+        ? field.relationTo
+        : field.relationTo
+            ? [field.relationTo]
+            : [];
+    const poly = Array.isArray(field.relationTo);
+    const [collection, setCollection] = useState(targets[0] ?? '');
+    const relations = snap.docs[docKey]?.schema?.relations ?? {};
+    const titleField = relations[collection]?.titleField;
+    const many = !!field.hasMany;
+    const current = many
+        ? Array.isArray(value)
+            ? value
+            : []
+        : value == null
+            ? []
+            : [value];
+    const ds = session.dataSource;
+    const search = useCallback(async (query) => ds.search
+        ? {
+            items: await ds.search(collection, {
+                query,
+                titleField,
+                locale: session.locale,
+                limit: 12,
+            }),
+            hasMore: false,
+        }
+        : { items: [], hasMore: false }, [ds, collection, titleField, session.locale]);
+    const results = useDebouncedSearch(ds.search ? search : null, []);
+    const wrap = (hit) => poly ? { relationTo: collection, value: hit.doc } : hit.doc;
+    const same = (v, id) => String(relationId(v)) === String(id);
+    const pick = (hit) => {
+        if (!many) {
+            commit(wrap(hit));
+            close();
+            return;
+        }
+        commit(current.some((v) => same(v, hit.id))
+            ? current.filter((v) => !same(v, hit.id))
+            : [...current, wrap(hit)]);
+    };
+    const remove = (i) => commit(many ? current.filter((_, j) => j !== i) : null);
+    return (_jsxs(Dialog, { variant: "popover", anchor: element, title: field.label, onClose: close, t: t, width: 320, testId: "onpage-relationship", children: [current.map((v, i) => (_jsxs("div", { className: "po-rel-item", children: [relationTitle(v, titleField), (!field.required || many) && (_jsx("button", { type: "button", onClick: () => remove(i), "aria-label": `${t('common.remove')} ${relationTitle(v, titleField)}`, children: "\u2715" }))] }, `${String(relationId(v))}-${i}`))), poly && (_jsx("div", { className: "po-seg", role: "radiogroup", "aria-label": field.label, children: targets.map((c) => (_jsx("button", { type: "button", role: "radio", "aria-checked": c === collection, onClick: () => setCollection(c), children: relations[c]?.label ?? c }, c))) })), !ds.search ? (_jsx("p", { className: "po-muted", children: t('search.unsupported') })) : (_jsxs(_Fragment, { children: [_jsx("input", { className: "po-input", "aria-label": t('search.placeholder'), placeholder: t('search.placeholder'), value: results.query, "data-autofocus": true, onChange: (e) => results.setQuery(e.target.value), "data-testid": "onpage-relationship-search" }), results.error && _jsx("p", { className: "po-error", children: results.error }), _jsx("div", { className: "po-pop-list", role: "listbox", "aria-multiselectable": many, "aria-label": field.label, children: results.items.map((h) => (_jsx("button", { type: "button", role: "option", "aria-selected": current.some((v) => same(v, h.id)), onClick: () => pick(h), "data-testid": `onpage-relationship-${h.id}`, children: h.title }, String(h.id)))) })] }))] }));
+}
+//# sourceMappingURL=RelationshipEditor.js.map

package/dist/editors/RelationshipEditor.js.map

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

package/dist/editors/SelectEditor.d.ts

@@ -0,0 +1,4 @@
+import type { FieldEditorProps } from '../types.ts';
+/** Select / radio: pick one (closes) or toggle several (hasMany). */
+export declare function SelectEditor({ field, value, element, commit, close, t }: FieldEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=SelectEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEditor.d.ts","sourceRoot":"","sources":["../../src/editors/SelectEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAGnD,qEAAqE;AACrE,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,gBAAgB,+BAkEzF"}

package/dist/editors/SelectEditor.js

@@ -0,0 +1,36 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { toText } from '@payload-onpage/core';
+import { Dialog } from "../ui/Dialog.js";
+/** Select / radio: pick one (closes) or toggle several (hasMany). */
+export function SelectEditor({ field, value, element, commit, close, t }) {
+    const options = field.options ?? [];
+    const many = !!field.hasMany;
+    const current = many
+        ? Array.isArray(value)
+            ? value
+            : []
+        : value == null
+            ? []
+            : [toText(value)];
+    const pick = (v) => {
+        if (!many) {
+            commit(v);
+            close();
+            return;
+        }
+        const set = new Set(current);
+        if (v === null)
+            set.clear();
+        else if (set.has(v))
+            set.delete(v);
+        else
+            set.add(v);
+        commit(options.map((o) => o.value).filter((o) => set.has(o)));
+    };
+    return (_jsx(Dialog, { variant: "popover", anchor: element, title: field.label, onClose: close, t: t, testId: "onpage-select", children: _jsxs("div", { className: "po-pop-list", role: "listbox", "aria-multiselectable": many, "aria-label": field.label, children: [!field.required && !many && (_jsx("button", { type: "button", role: "option", "aria-selected": !current.length, onClick: () => pick(null), children: t('common.none') })), options.map((o) => {
+                    const selected = current.includes(o.value);
+                    return (_jsxs("button", { type: "button", role: "option", "aria-selected": selected, onClick: () => pick(o.value), "data-testid": `onpage-option-${o.value}`, children: [many ? (selected ? '☑ ' : '☐ ') : '', o.label] }, o.value));
+                })] }) }));
+}
+//# sourceMappingURL=SelectEditor.js.map

package/dist/editors/SelectEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEditor.js","sourceRoot":"","sources":["../../src/editors/SelectEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAkB,CAAA;AAEzC,qEAAqE;AACrE,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAoB;IACxF,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAA;IACnC,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,CAAA;IAC5B,MAAM,OAAO,GAAa,IAAI;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YACpB,CAAC,CAAE,KAAkB;YACrB,CAAC,CAAC,EAAE;QACN,CAAC,CAAC,KAAK,IAAI,IAAI;YACb,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;IACrB,MAAM,IAAI,GAAG,CAAC,CAAgB,EAAE,EAAE;QAChC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,MAAM,CAAC,CAAC,CAAC,CAAA;YACT,KAAK,EAAE,CAAA;YACP,OAAM;QACR,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAA;QAC5B,IAAI,CAAC,KAAK,IAAI;YAAE,GAAG,CAAC,KAAK,EAAE,CAAA;aACtB,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;;YAC7B,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;QACf,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/D,CAAC,CAAA;IACD,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,eAAe,YAEtB,eACE,SAAS,EAAC,aAAa,EACvB,IAAI,EAAC,SAAS,0BACQ,IAAI,gBACd,KAAK,CAAC,KAAK,aAEtB,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,IAAI,CAC3B,iBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,mBACE,CAAC,OAAO,CAAC,MAAM,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAExB,CAAC,CAAC,aAAa,CAAC,GACV,CACV,EACA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBACjB,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC1C,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,mBACE,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,iBACf,iBAAiB,CAAC,CAAC,KAAK,EAAE,aAEtC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EACpC,CAAC,CAAC,KAAK,KARH,CAAC,CAAC,KAAK,CASL,CACV,CAAA;gBACH,CAAC,CAAC,IACE,GACC,CACV,CAAA;AACH,CAAC"}

package/dist/editors/UploadEditor.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadEditor.d.ts","sourceRoot":"","sources":["../../src/editors/UploadEditor.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAInD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,gBAAgB,+BAmHhF"}

package/dist/editors/UploadEditor.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Image editor: pick from the upload collection (search, pages) or upload a
+ * new file, through the MediaLibrary port. The chosen document goes into state
+ * populated, so a client-rendered page shows it at once; saving sends its id.
+ */
+import { relationId } from '@payload-onpage/core';
+import { useCallback, useRef, useState } from 'react';
+import { useOnPage } from "../context.js";
+import { Dialog } from "../ui/Dialog.js";
+import { useDebouncedSearch } from "./useDebouncedSearch.js";
+export function UploadEditor({ field, value, commit, close, t }) {
+    const { media } = useOnPage();
+    const relationTo = (Array.isArray(field.relationTo) ? field.relationTo[0] : field.relationTo) ?? 'media';
+    const [uploading, setUploading] = useState(false);
+    const [uploadError, setUploadError] = useState(null);
+    const fileRef = useRef(null);
+    const search = useCallback((query, page) => media
+        ? media.search({ query, page, relationTo })
+        : Promise.resolve({ items: [], hasMore: false }), [media, relationTo]);
+    const results = useDebouncedSearch(media ? search : null, []);
+    const currentId = relationId(value);
+    const choose = (m) => {
+        commit(m.doc);
+        close();
+    };
+    const upload = async (file) => {
+        if (!media?.upload)
+            return;
+        setUploading(true);
+        try {
+            choose(await media.upload(file, { relationTo }));
+        }
+        catch (e) {
+            setUploadError(e.message);
+        }
+        finally {
+            setUploading(false);
+        }
+    };
+    const actions = (_jsxs(_Fragment, { children: [_jsx("input", { className: "po-input po-search", "aria-label": t('media.search'), placeholder: t('media.search'), value: results.query, "data-autofocus": true, onChange: (e) => results.setQuery(e.target.value), "data-testid": "onpage-media-search" }), media?.upload && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "po-btn", onClick: () => fileRef.current?.click(), disabled: uploading, "data-testid": "onpage-media-upload", children: t('media.upload') }), _jsx("input", { ref: fileRef, type: "file", accept: "image/*", hidden: true, onChange: (e) => e.target.files?.[0] && void upload(e.target.files[0]) })] })), !field.required && currentId != null && (_jsx("button", { type: "button", className: "po-btn", onClick: () => {
+                    commit(null);
+                    close();
+                }, "data-testid": "onpage-media-remove", children: t('common.remove') }))] }));
+    return (_jsxs(Dialog, { title: field.label, onClose: close, t: t, actions: actions, testId: "onpage-media-picker", children: [(results.error ?? uploadError) && _jsx("p", { className: "po-error", children: results.error ?? uploadError }), _jsx("div", { className: "po-grid", children: results.items.map((m) => (_jsxs("button", { type: "button", className: "po-tile", onClick: () => choose(m), "aria-current": String(m.id) === String(currentId), "data-testid": `onpage-media-${m.id}`, children: [_jsx("img", { src: m.thumbnailUrl ?? m.url ?? '', alt: m.alt ?? '', loading: "lazy" }), _jsx("span", { children: m.alt || m.filename })] }, String(m.id)))) }), !results.busy && !results.items.length && _jsx("p", { className: "po-muted", children: t('media.empty') }), results.hasMore && (_jsx("div", { className: "po-center", children: _jsx("button", { type: "button", className: "po-btn", onClick: results.more, disabled: results.busy, children: t('media.more') }) })), (results.busy || uploading) && _jsx("p", { className: "po-muted", children: t('media.loading') })] }));
+}
+//# sourceMappingURL=UploadEditor.js.map

package/dist/editors/UploadEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadEditor.js","sourceRoot":"","sources":["../../src/editors/UploadEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;GAIG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAgB,CAAA;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAkB,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAoB;IAC/E,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,CAAA;IAC7B,MAAM,UAAU,GACd,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,OAAO,CAAA;IACvF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IACnE,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC9C,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,KAAa,EAAE,IAAY,EAAE,EAAE,CAC9B,KAAK;QACH,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;QAC3C,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,EAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EACnE,CAAC,KAAK,EAAE,UAAU,CAAC,CACpB,CAAA;IACD,MAAM,OAAO,GAAG,kBAAkB,CAAY,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;IACxE,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAEnC,MAAM,MAAM,GAAG,CAAC,CAAY,EAAE,EAAE;QAC9B,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACb,KAAK,EAAE,CAAA;IACT,CAAC,CAAA;IACD,MAAM,MAAM,GAAG,KAAK,EAAE,IAAU,EAAE,EAAE;QAClC,IAAI,CAAC,KAAK,EAAE,MAAM;YAAE,OAAM;QAC1B,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,IAAI,CAAC;YACH,MAAM,CAAC,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,CAAA;QAClD,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,cAAc,CAAE,CAAW,CAAC,OAAO,CAAC,CAAA;QACtC,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,CACd,8BACE,gBACE,SAAS,EAAC,oBAAoB,gBAClB,CAAC,CAAC,cAAc,CAAC,EAC7B,WAAW,EAAE,CAAC,CAAC,cAAc,CAAC,EAC9B,KAAK,EAAE,OAAO,CAAC,KAAK,0BAEpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,iBACrC,qBAAqB,GACjC,EACD,KAAK,EAAE,MAAM,IAAI,CAChB,8BACE,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,EACvC,QAAQ,EAAE,SAAS,iBACP,qBAAqB,YAEhC,CAAC,CAAC,cAAc,CAAC,GACX,EACT,gBACE,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,MAAM,QACN,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GACtE,IACD,CACJ,EACA,CAAC,KAAK,CAAC,QAAQ,IAAI,SAAS,IAAI,IAAI,IAAI,CACvC,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,CAAC,IAAI,CAAC,CAAA;oBACZ,KAAK,EAAE,CAAA;gBACT,CAAC,iBACW,qBAAqB,YAEhC,CAAC,CAAC,eAAe,CAAC,GACZ,CACV,IACA,CACJ,CAAA;IAED,OAAO,CACL,MAAC,MAAM,IACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,EACd,CAAC,EAAE,CAAC,EACJ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAC,qBAAqB,aAE3B,CAAC,OAAO,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,YAAG,SAAS,EAAC,UAAU,YAAE,OAAO,CAAC,KAAK,IAAI,WAAW,GAAK,EAC7F,cAAK,SAAS,EAAC,SAAS,YACrB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACxB,kBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,kBACV,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,SAAS,CAAC,iBACnC,gBAAgB,CAAC,CAAC,EAAE,EAAE,aAEnC,cAAK,GAAG,EAAE,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,EAC5E,yBAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,QAAQ,GAAQ,KAR7B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CASV,CACV,CAAC,GACE,EACL,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,YAAG,SAAS,EAAC,UAAU,YAAE,CAAC,CAAC,aAAa,CAAC,GAAK,EACxF,OAAO,CAAC,OAAO,IAAI,CAClB,cAAK,SAAS,EAAC,WAAW,YACxB,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,IAAI,YACnF,CAAC,CAAC,YAAY,CAAC,GACT,GACL,CACP,EACA,CAAC,OAAO,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,YAAG,SAAS,EAAC,UAAU,YAAE,CAAC,CAAC,eAAe,CAAC,GAAK,IACzE,CACV,CAAA;AACH,CAAC"}

package/dist/editors/index.d.ts

@@ -0,0 +1,13 @@
+/** The default field editors. Spread, override or remove (`null`) entries via the `editors` option. */
+import type { EditorRegistry } from '../types.ts';
+import { CheckboxEditor } from './CheckboxEditor.tsx';
+import { ColorEditor } from './ColorEditor.tsx';
+import { DateEditor } from './DateEditor.tsx';
+import { InlineText } from './InlineText.tsx';
+import { NumberEditor } from './NumberEditor.tsx';
+import { RelationshipEditor } from './RelationshipEditor.tsx';
+import { SelectEditor } from './SelectEditor.tsx';
+import { UploadEditor } from './UploadEditor.tsx';
+export declare const defaultEditors: EditorRegistry;
+export { CheckboxEditor, ColorEditor, DateEditor, InlineText, NumberEditor, RelationshipEditor, SelectEditor, UploadEditor, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editors/index.ts"],"names":[],"mappings":"AAAA,uGAAuG;AACvG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,eAAO,MAAM,cAAc,EAAE,cAY5B,CAAA;AAED,OAAO,EACL,cAAc,EACd,WAAW,EACX,UAAU,EACV,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,YAAY,GACb,CAAA"}

package/dist/editors/index.js

@@ -0,0 +1,23 @@
+import { CheckboxEditor } from "./CheckboxEditor.js";
+import { ColorEditor } from "./ColorEditor.js";
+import { DateEditor } from "./DateEditor.js";
+import { InlineText } from "./InlineText.js";
+import { NumberEditor } from "./NumberEditor.js";
+import { RelationshipEditor } from "./RelationshipEditor.js";
+import { SelectEditor } from "./SelectEditor.js";
+import { UploadEditor } from "./UploadEditor.js";
+export const defaultEditors = {
+    text: { mode: 'inline', component: InlineText },
+    textarea: { mode: 'inline', component: InlineText },
+    email: { mode: 'inline', component: InlineText },
+    select: { mode: 'popover', component: SelectEditor },
+    radio: { mode: 'popover', component: SelectEditor },
+    checkbox: { mode: 'popover', component: CheckboxEditor },
+    number: { mode: 'popover', component: NumberEditor },
+    date: { mode: 'popover', component: DateEditor },
+    relationship: { mode: 'popover', component: RelationshipEditor },
+    upload: { mode: 'popover', component: UploadEditor },
+    color: { mode: 'popover', component: ColorEditor },
+};
+export { CheckboxEditor, ColorEditor, DateEditor, InlineText, NumberEditor, RelationshipEditor, SelectEditor, UploadEditor, };
+//# sourceMappingURL=index.js.map

package/dist/editors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editors/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAsB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAA0B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAmB;IAC5C,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE;IAC/C,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE;IACnD,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE;IAChD,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE;IACpD,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE;IACnD,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE;IACxD,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE;IACpD,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE;IAChD,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE;IAChE,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE;IACpD,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE;CACnD,CAAA;AAED,OAAO,EACL,cAAc,EACd,WAAW,EACX,UAAU,EACV,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,YAAY,GACb,CAAA"}

package/dist/editors/useDebouncedSearch.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Run `search(query, page)` 250ms after the inputs settle; results accumulate
+ * across pages and reset when the query changes. Stale responses are ignored.
+ */
+export declare function useDebouncedSearch<T>(search: ((query: string, page: number) => Promise<{
+    items: T[];
+    hasMore: boolean;
+}>) | null, deps: unknown[]): {
+    query: string;
+    setQuery: (q: string) => void;
+    items: T[];
+    hasMore: boolean;
+    more: () => void;
+    busy: boolean;
+    error: string | null;
+};
+//# sourceMappingURL=useDebouncedSearch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedSearch.d.ts","sourceRoot":"","sources":["../../src/editors/useDebouncedSearch.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC,GAAG,IAAI,EAC3F,IAAI,EAAE,OAAO,EAAE;;kBAiCC,MAAM;;;;;;EAUvB"}

package/dist/editors/useDebouncedSearch.js

@@ -0,0 +1,50 @@
+'use client';
+import { useEffect, useState } from 'react';
+/**
+ * Run `search(query, page)` 250ms after the inputs settle; results accumulate
+ * across pages and reset when the query changes. Stale responses are ignored.
+ */
+export function useDebouncedSearch(search, deps) {
+    const [query, setQuery] = useState('');
+    const [page, setPage] = useState(1);
+    const [items, setItems] = useState([]);
+    const [hasMore, setHasMore] = useState(false);
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        if (!search)
+            return;
+        let live = true;
+        const timer = setTimeout(() => {
+            setBusy(true);
+            search(query, page)
+                .then((res) => {
+                if (!live)
+                    return;
+                setItems((prev) => (page === 1 ? res.items : [...prev, ...res.items]));
+                setHasMore(res.hasMore);
+                setError(null);
+            })
+                .catch((e) => live && setError(e instanceof Error ? e.message : String(e)))
+                .finally(() => live && setBusy(false));
+        }, 250);
+        return () => {
+            live = false;
+            clearTimeout(timer);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [search, query, page, ...deps]);
+    return {
+        query,
+        setQuery: (q) => {
+            setQuery(q);
+            setPage(1);
+        },
+        items,
+        hasMore,
+        more: () => setPage((p) => p + 1),
+        busy,
+        error,
+    };
+}
+//# sourceMappingURL=useDebouncedSearch.js.map

package/dist/editors/useDebouncedSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedSearch.js","sourceRoot":"","sources":["../../src/editors/useDebouncedSearch.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAChC,MAA2F,EAC3F,IAAe;IAEf,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAM,EAAE,CAAC,CAAA;IAC3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAM;QACnB,IAAI,IAAI,GAAG,IAAI,CAAA;QACf,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,OAAO,CAAC,IAAI,CAAC,CAAA;YACb,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;iBAChB,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;gBACZ,IAAI,CAAC,IAAI;oBAAE,OAAM;gBACjB,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;gBACtE,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;gBACvB,QAAQ,CAAC,IAAI,CAAC,CAAA;YAChB,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,CAAU,EAAE,EAAE,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;iBACnF,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;QAC1C,CAAC,EAAE,GAAG,CAAC,CAAA;QACP,OAAO,GAAG,EAAE;YACV,IAAI,GAAG,KAAK,CAAA;YACZ,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,CAAA;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,CAAA;IAElC,OAAO;QACL,KAAK;QACL,QAAQ,EAAE,CAAC,CAAS,EAAE,EAAE;YACtB,QAAQ,CAAC,CAAC,CAAC,CAAA;YACX,OAAO,CAAC,CAAC,CAAC,CAAA;QACZ,CAAC;QACD,KAAK;QACL,OAAO;QACP,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QACjC,IAAI;QACJ,KAAK;KACN,CAAA;AACH,CAAC"}

package/dist/hub.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The editor hub: a module-level store holding the mounted editor, so
+ * components anywhere on the page (client-mode documents, custom UI) can reach
+ * it without being rendered inside it. That keeps `<OnPage />` a sibling in the
+ * layout, not a wrapper. Kept on `globalThis` so two copies of the package
+ * (a bundling mistake) still share one editor.
+ */
+import type { OnPageContextValue } from './types.ts';
+export declare const hub: {
+    get: () => OnPageContextValue | null;
+    set: (value: OnPageContextValue | null) => void;
+    subscribe: (fn: () => void) => (() => void);
+};
+//# sourceMappingURL=hub.d.ts.map

package/dist/hub.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hub.d.ts","sourceRoot":"","sources":["../src/hub.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAapD,eAAO,MAAM,GAAG;eACL,kBAAkB,GAAG,IAAI;iBACrB,kBAAkB,GAAG,IAAI,KAAG,IAAI;oBAK7B,MAAM,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC;CAI1C,CAAA"}

package/dist/hub.js

@@ -0,0 +1,20 @@
+const KEY = Symbol.for('payload-onpage.hub');
+const store = (globalThis[KEY] ??= {
+    current: null,
+    listeners: new Set(),
+});
+export const hub = {
+    get: () => store.current,
+    set: (value) => {
+        if (value === store.current)
+            return;
+        store.current = value;
+        for (const fn of store.listeners)
+            fn();
+    },
+    subscribe: (fn) => {
+        store.listeners.add(fn);
+        return () => store.listeners.delete(fn);
+    },
+};
+//# sourceMappingURL=hub.js.map

package/dist/hub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hub.js","sourceRoot":"","sources":["../src/hub.ts"],"names":[],"mappings":"AAcA,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;AAC5C,MAAM,KAAK,GAAQ,CAAE,UAA8C,CAAC,GAAG,CAAC,KAAK;IAC3E,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,IAAI,GAAG,EAAE;CACrB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG;IACjB,GAAG,EAAE,GAA8B,EAAE,CAAC,KAAK,CAAC,OAAO;IACnD,GAAG,EAAE,CAAC,KAAgC,EAAQ,EAAE;QAC9C,IAAI,KAAK,KAAK,KAAK,CAAC,OAAO;YAAE,OAAM;QACnC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAA;QACrB,KAAK,MAAM,EAAE,IAAI,KAAK,CAAC,SAAS;YAAE,EAAE,EAAE,CAAA;IACxC,CAAC;IACD,SAAS,EAAE,CAAC,EAAc,EAAgB,EAAE;QAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;QACvB,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IACzC,CAAC;CACF,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @payload-onpage/react — the on-page editor UI.
+ *
+ *   <OnPageEditor dataSource={payloadRest()} media={payloadUploads()} links={{ exit: '/api/onpage/exit' }} />
+ *
+ * Framework adapters (e.g. @payload-onpage/next) mount it for you. Building a
+ * field editor? See `@payload-onpage/react/editor-kit`.
+ */
+export { OnPageEditor, type OnPageEditorProps } from './editor/OnPageEditor.tsx';
+export { OnPageClient, type OnPageClientProps } from './OnPageClient.tsx';
+export { PreviewToolbar, inPreviewFrame, FRAME_PARAM, type PreviewToolbarProps, } from './ui/PreviewToolbar.tsx';
+export { useOnPage, useOnPageOptional } from './context.tsx';
+export type { EditorRegistry, FieldEditorDef, FieldEditorProps, Links, OnPageContextValue, TargetIndex, } from './types.ts';
+export { defaultEditors, CheckboxEditor, ColorEditor, DateEditor, InlineText, NumberEditor, RelationshipEditor, SelectEditor, UploadEditor, } from './editors/index.ts';
+export { resolveEditor, mergeEditors } from './registry.ts';
+export { annotations, stega, composite, rowPrefixes } from './locators.ts';
+export { editable, editableOff, p, ATTR, type Editable, type EditableTarget, type FieldKind, } from './annotations.ts';
+export { clientState, fullReload } from './renderers.ts';
+export { defaultMessages, createTranslate, type Messages, type MessageKey, type Translate, } from './messages.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACzE,OAAO,EACL,cAAc,EACd,cAAc,EACd,WAAW,EACX,KAAK,mBAAmB,GACzB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAC5D,YAAY,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,KAAK,EACL,kBAAkB,EAClB,WAAW,GACZ,MAAM,YAAY,CAAA;AACnB,OAAO,EACL,cAAc,EACd,cAAc,EACd,WAAW,EACX,UAAU,EACV,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,YAAY,GACb,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC1E,OAAO,EACL,QAAQ,EACR,WAAW,EACX,CAAC,EACD,IAAI,EACJ,KAAK,QAAQ,EACb,KAAK,cAAc,EACnB,KAAK,SAAS,GACf,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EACL,eAAe,EACf,eAAe,EACf,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,SAAS,GACf,MAAM,eAAe,CAAA"}

package/dist/index.js

@@ -0,0 +1,19 @@
+/**
+ * @payload-onpage/react — the on-page editor UI.
+ *
+ *   <OnPageEditor dataSource={payloadRest()} media={payloadUploads()} links={{ exit: '/api/onpage/exit' }} />
+ *
+ * Framework adapters (e.g. @payload-onpage/next) mount it for you. Building a
+ * field editor? See `@payload-onpage/react/editor-kit`.
+ */
+export { OnPageEditor } from "./editor/OnPageEditor.js";
+export { OnPageClient } from "./OnPageClient.js";
+export { PreviewToolbar, inPreviewFrame, FRAME_PARAM, } from "./ui/PreviewToolbar.js";
+export { useOnPage, useOnPageOptional } from "./context.js";
+export { defaultEditors, CheckboxEditor, ColorEditor, DateEditor, InlineText, NumberEditor, RelationshipEditor, SelectEditor, UploadEditor, } from "./editors/index.js";
+export { resolveEditor, mergeEditors } from "./registry.js";
+export { annotations, stega, composite, rowPrefixes } from "./locators.js";
+export { editable, editableOff, p, ATTR, } from "./annotations.js";
+export { clientState, fullReload } from "./renderers.js";
+export { defaultMessages, createTranslate, } from "./messages.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,YAAY,EAA0B,MAAM,0BAA2B,CAAA;AAChF,OAAO,EAAE,YAAY,EAA0B,MAAM,mBAAoB,CAAA;AACzE,OAAO,EACL,cAAc,EACd,cAAc,EACd,WAAW,GAEZ,MAAM,wBAAyB,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAe,CAAA;AAS5D,OAAO,EACL,cAAc,EACd,cAAc,EACd,WAAW,EACX,UAAU,EACV,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,YAAY,GACb,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC1E,OAAO,EACL,QAAQ,EACR,WAAW,EACX,CAAC,EACD,IAAI,GAIL,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EACL,eAAe,EACf,eAAe,GAIhB,MAAM,eAAe,CAAA"}