@payload-onpage/react 0.2.1 → 0.3.1

package/dist/styles.js

@@ -2,6 +2,7 @@
  * The editor's own styles, injected once. Everything is prefixed `po-` and set
  * explicitly, so the host site's CSS (and its absence) doesn't matter.
  */
+import { DOM_ATTR } from "./dom.js";
 export const PO_Z = 2147483000;
 export const PO_CSS = `
 .po-layer{position:fixed;inset:0;pointer-events:none;z-index:${PO_Z};font:13px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;color:#0f172a}
@@ -50,14 +51,14 @@ export const PO_CSS = `
 .po-blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
 .po-blocks button{all:unset;padding:14px;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font:600 13px system-ui,sans-serif}
 .po-blocks button:hover,.po-blocks button:focus-visible{border-color:#4f7cff;background:#f5f8ff}
-.po-dock{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:6px;background:#0f172a;color:#fff;border-radius:12px;box-shadow:0 12px 40px #0f172a55;pointer-events:auto;max-width:calc(100vw - 24px);flex-wrap:wrap}
+.po-dock{position:fixed;left:50%;width:max-content;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:6px;background:#0f172a;color:#fff;border-radius:12px;box-shadow:0 12px 40px #0f172a55;pointer-events:auto;max-width:calc(100vw - 24px);flex-wrap:wrap}
 .po-dock .po-status{padding:0 10px;font-size:12px;opacity:.85;white-space:nowrap}
 .po-dock .po-status.is-bad{color:#fca5a5;opacity:1}
 .po-dock .po-sep{width:1px;height:20px;background:#ffffff26;margin:0 4px}
 .po-dock .po-primary{background:#3b63e0}
 .po-dock .po-primary:hover{background:#2f5bd9}
 .po-chip-locale{padding:2px 7px;border-radius:999px;background:#ffffff1f;font-size:11px;font-weight:700;text-transform:uppercase}
-.po-notice{position:fixed;left:50%;bottom:72px;transform:translateX(-50%);max-width:min(560px,calc(100vw - 24px));padding:8px 12px;border-radius:10px;background:#fffbeb;color:#78350f;border:1px solid #fcd34d;font-size:12px;pointer-events:auto}
+.po-notice{position:fixed;left:50%;width:max-content;bottom:72px;transform:translateX(-50%);max-width:min(560px,calc(100vw - 24px));padding:8px 12px;border-radius:10px;background:#fffbeb;color:#78350f;border:1px solid #fcd34d;font-size:12px;pointer-events:auto}
 .po-doc-layer{position:absolute;top:0;left:0;width:0;height:0;overflow:visible;z-index:${PO_Z};pointer-events:none;font:13px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif}
 .po-inline{position:absolute;pointer-events:auto;outline:2px solid #4f7cff;outline-offset:2px;border-radius:2px;background:transparent;white-space:pre-wrap;word-break:break-word;caret-color:currentColor;cursor:text}
 .po-inline:focus{outline-color:#4f7cff}
@@ -80,7 +81,7 @@ export const PO_CSS = `
 .po-opaque{display:inline-flex;align-items:center;gap:6px;margin:6px 0;padding:6px 10px;border:1px dashed #94a3b8;border-radius:8px;background:#f8fafc;color:#475569;font:12px system-ui,sans-serif;user-select:none}
 html[data-onpage-editing] [data-onpage-field]{cursor:pointer}
 [data-onpage-hidden="true"]{visibility:hidden!important}
-.po-preview{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px;background:#0f172a;color:#fff;border-radius:12px;box-shadow:0 12px 40px #0f172a55;pointer-events:auto;max-width:calc(100vw - 24px);flex-wrap:wrap}
+.po-preview{position:fixed;left:50%;width:max-content;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px;background:#0f172a;color:#fff;border-radius:12px;box-shadow:0 12px 40px #0f172a55;pointer-events:auto;max-width:calc(100vw - 24px);flex-wrap:wrap}
 .po-preview .po-status{padding:0 8px;font-size:12px;opacity:.85}
 .po-rel-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;background:#f1f5f9;font-size:12px;margin:0 0 4px}
 .po-rel-item button{all:unset;cursor:pointer;margin-left:auto;padding:0 4px;color:#64748b}
@@ -115,7 +116,7 @@ export function injectStyles() {
         return;
     injected = true;
     const el = document.createElement('style');
-    el.setAttribute('data-onpage-styles', '');
+    el.setAttribute(DOM_ATTR.styles, '');
     el.textContent = PO_CSS;
     document.head.appendChild(el);
 }

package/dist/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAA;AAE9B,MAAM,CAAC,MAAM,MAAM,GAAG;+DACyC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yFAsDsB,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD5F,CAAA;AAED,IAAI,QAAQ,GAAG,KAAK,CAAA;AACpB,MAAM,UAAU,YAAY;IAC1B,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAM;IACvD,QAAQ,GAAG,IAAI,CAAA;IACf,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAC1C,EAAE,CAAC,YAAY,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAA;IACzC,EAAE,CAAC,WAAW,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;AAC/B,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAA;AAE9B,MAAM,CAAC,MAAM,MAAM,GAAG;+DACyC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yFAsDsB,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD5F,CAAA;AAED,IAAI,QAAQ,GAAG,KAAK,CAAA;AACpB,MAAM,UAAU,YAAY;IAC1B,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAM;IACvD,QAAQ,GAAG,IAAI,CAAA;IACf,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAC1C,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;IACpC,EAAE,CAAC,WAAW,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;AAC/B,CAAC"}

package/dist/targets.d.ts

@@ -11,7 +11,7 @@ export declare const isRowTarget: (t: Target) => boolean;
 export declare function buildIndex(all: Target[]): TargetIndex;
 /** The innermost field target and all row targets (innermost first) at or above `el`. */
 export declare function targetsAt(index: TargetIndex, el: Element | null): {
-    field?: Target;
+    field?: Target | undefined;
     rows: Target[];
 };
 export declare function useTargets(locator: Locator, root: () => ParentNode | null): TargetIndex;

package/dist/targets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"targets.d.ts","sourceRoot":"","sources":["../src/targets.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,EAAa,KAAK,OAAO,EAAE,KAAK,MAAM,EAAmB,MAAM,sBAAsB,CAAA;AAI5F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,eAAO,MAAM,aAAa,GAAI,GAAG,MAAM,KAAG,OAAkC,CAAA;AAC5E,eAAO,MAAM,WAAW,GAAI,GAAG,MAAM,KAAG,OAA4B,CAAA;AAEpE,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,CAoBrD;AAED,yFAAyF;AACzF,wBAAgB,SAAS,CACvB,KAAK,EAAE,WAAW,EAClB,EAAE,EAAE,OAAO,GAAG,IAAI,GACjB;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,EAAE,CAAA;CAAE,CAUpC;AAYD,wBAAgB,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,GAAG,IAAI,GAAG,WAAW,CAkCvF"}
+{"version":3,"file":"targets.d.ts","sourceRoot":"","sources":["../src/targets.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,EAAa,KAAK,OAAO,EAAE,KAAK,MAAM,EAAmB,MAAM,sBAAsB,CAAA;AAI5F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,eAAO,MAAM,aAAa,GAAI,GAAG,MAAM,KAAG,OAAkC,CAAA;AAC5E,eAAO,MAAM,WAAW,GAAI,GAAG,MAAM,KAAG,OAA4B,CAAA;AAEpE,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,CAoBrD;AAED,yFAAyF;AACzF,wBAAgB,SAAS,CACvB,KAAK,EAAE,WAAW,EAClB,EAAE,EAAE,OAAO,GAAG,IAAI,GACjB;IAAE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,EAAE,CAAA;CAAE,CAUhD;AAYD,wBAAgB,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,GAAG,IAAI,GAAG,WAAW,CAkCvF"}

package/dist/types.d.ts

@@ -1,43 +1,47 @@
 /** Public types of the editor UI. */
 import type { ComponentType } from 'react';
-import type { DocRef, EditorSession, MediaLibrary, Renderer, SchemaField, SessionSnapshot, Target, TargetKind } from '@payload-onpage/core';
-import type { MessageKey, Translate } from './messages.ts';
+import type { DocRef, EditorSession, MediaLibrary, Renderer, SchemaField, SchemaFieldType, SessionSnapshot, Target, TargetKind, RefKey } from '@payload-onpage/core';
+import type { Translate } from './messages.ts';
 export interface EditingState {
     /** refKey of the document */
-    key: string;
+    key: RefKey;
     path: string;
     /** Editor id from the registry ("text", "richText", …). */
     editor: string;
     point?: {
         x: number;
         y: number;
-    };
+    } | undefined;
     /** The element that was clicked (several elements may show one field). */
-    el?: Element;
+    el?: Element | undefined;
 }
+/** Which panel is open. */
 export type Panel = {
     kind: 'settings';
-    key: string;
+    key: RefKey;
     path: string;
     title: string;
 } | {
     kind: 'blocks';
-    key: string;
+    key: RefKey;
     listPath: string;
     index: number;
 } | null;
 export interface Selection {
-    key: string;
+    key: RefKey;
     path: string;
 }
-/** Props every field editor receives. */
-export interface FieldEditorProps {
-    docKey: string;
+/**
+ * Props a field editor receives. `F` is the field kind it edits (e.g.
+ * `NumberField`, with `min`/`max`) and `V` its value after `normalize`.
+ */
+export interface FieldEditorProps<F extends SchemaField = SchemaField, V = unknown> {
+    docKey: RefKey;
     path: string;
-    field: SchemaField;
+    field: F;
     /** The element showing the field (re-resolved after each refresh). */
     element: () => Element | null;
-    value: unknown;
+    value: V;
     /** Commit a value (one undo step, autosaved). */
     commit: (value: unknown) => void;
     /** Live preview while editing (no history entry, not saved). */
@@ -45,29 +49,36 @@ export interface FieldEditorProps {
     /** Close the editor (after commit, or to cancel: transient previews are reverted). */
     close: () => void;
     /** Leave a stand-in showing the new content until the page re-renders (refresh mode). */
-    ghost: (g: {
-        html: string;
-        className?: string;
-        style?: Partial<CSSStyleDeclaration>;
-    }) => void;
+    ghost: (g: GhostInput) => void;
     /** True when the page renders this document from editor state (instant); false = server refresh. */
     live: boolean;
     point?: {
         x: number;
         y: number;
-    };
+    } | undefined;
     /** UI strings. */
     t: Translate;
 }
+/** What an editor leaves on the page until it re-renders. */
+export interface GhostInput {
+    html: string;
+    className?: string | undefined;
+    style?: Partial<CSSStyleDeclaration> | undefined;
+}
 /**
  * A field editor (the FieldEditor port). `inline` editors replace the element
  * in place (text, rich text); `popover` editors open beside it or as a dialog
  * (select, date, relationship, image…). Register your own by id and refer to it
  * from a field with `admin: { custom: { onpage: { editor: 'my-id' } } }`, or by
- * field type ("json", "code"…) to replace or add a default.
+ * field type ("json", "code"…) to replace or add a default. Build one with
+ * `defineEditor()` so its props are typed by the field kinds it accepts.
  */
 export interface FieldEditorDef {
     mode: 'inline' | 'popover';
+    /** Field types it can edit. The registry never hands it any other kind. Default: any. */
+    accepts?: readonly SchemaFieldType[];
+    /** The raw stored value → the editor's value. Default: passed through. */
+    normalize?: (raw: unknown, field: SchemaField) => unknown;
     component: ComponentType<FieldEditorProps>;
 }
 export type EditorRegistry = Record<string, FieldEditorDef>;
@@ -81,51 +92,65 @@ export interface TargetIndex {
     all: Target[];
     /** Targets whose element is exactly `el`. */
     at: (el: Element) => Target[];
-    find: (key: string, path: string, kinds?: TargetKind[]) => Target | undefined;
+    find: (key: RefKey, path: string, kinds?: TargetKind[]) => Target | undefined;
+}
+/** A short message shown in the dock. */
+export interface Flash {
+    text: string;
+    bad?: boolean | undefined;
 }
-/** What extensions and field editors can use from the editor (`useOnPage()`). */
-export interface OnPageContextValue {
+/**
+ * The editor's stable API: the session, configuration and actions. It changes
+ * only when the editor is reconfigured, so components that only act (toolbars,
+ * custom UI, client-mode documents) don't re-render on every keystroke.
+ */
+export interface OnPageApi {
     session: EditorSession;
-    snap: SessionSnapshot;
     renderer: Renderer;
-    media?: MediaLibrary;
+    media?: MediaLibrary | undefined;
     editors: EditorRegistry;
-    targets: TargetIndex;
     links: Links;
     t: Translate;
-    panel: Panel;
     setPanel: (p: Panel) => void;
-    editing: EditingState | null;
     setEditing: (e: EditingState | null) => void;
-    selected: Selection | null;
     setSelected: (s: Selection | null) => void;
-    /** Documents shown on the current page (the session may hold others from earlier pages). */
-    docKeys: string[];
     /** Is this document rendered from session state (client mode)? */
-    isLive: (key: string) => boolean;
+    isLive: (key: RefKey) => boolean;
     /** Client-mode documents register here (they don't need a server refresh). */
-    registerClientDoc: (key: string) => () => void;
-    /** The page is re-rendering after a save (refresh mode). */
-    rendering: boolean;
+    registerClientDoc: (key: RefKey) => () => void;
     /** Open the right editor for a field (registry resolution); false if none applies. */
-    edit: (key: string, path: string, opts?: {
+    edit: (key: RefKey, path: string, opts?: {
         point?: {
             x: number;
             y: number;
-        };
-        kind?: TargetKind;
-        anchor?: Element;
+        } | undefined;
+        kind?: TargetKind | undefined;
+        anchor?: Element | undefined;
     }) => boolean;
     /** Re-render documents after an operation outside autosave (publish, reload). */
     rerender: (refs: DocRef[]) => Promise<void>;
-    /** Show a short message in the dock. */
-    notify: (key: MessageKey | (string & {}), vars?: Record<string, string | number>, bad?: boolean) => void;
-    addGhost: (g: {
-        key: string;
+    /** Show a short message in the dock: translated text (`notify(t('notify.published'))`), or an error's text. */
+    notify: (text: string, bad?: boolean) => void;
+    addGhost: (g: GhostInput & {
+        key: RefKey;
         path: string;
-        html: string;
-        className?: string;
-        style?: Partial<CSSStyleDeclaration>;
     }) => void;
 }
+/** What changes as people edit: the documents, what's on the page and what's open. */
+export interface OnPageState {
+    snap: SessionSnapshot;
+    targets: TargetIndex;
+    panel: Panel;
+    editing: EditingState | null;
+    selected: Selection | null;
+    /** Documents shown on the current page (the session may hold others from earlier pages). */
+    docKeys: RefKey[];
+    /** The page is re-rendering after a save (refresh mode). */
+    rendering: boolean;
+    /** The dock's current message. */
+    flash: Flash | null;
+}
+/** Everything inside the editor (`useOnPage()`): its API and its state. */
+export type OnPageContextValue = OnPageApi & OnPageState;
+export type PanelKind = NonNullable<Panel>['kind'];
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"BlockPicker.d.ts","sourceRoot":"","sources":["../../src/ui/BlockPicker.tsx"],"names":[],"mappings":"AAMA,qEAAqE;AACrE,wBAAgB,WAAW,uCAyC1B"}
+{"version":3,"file":"BlockPicker.d.ts","sourceRoot":"","sources":["../../src/ui/BlockPicker.tsx"],"names":[],"mappings":"AAOA,qEAAqE;AACrE,wBAAgB,WAAW,uCAuC1B"}

package/dist/ui/BlockPicker.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { fieldAtPath, insertItem, newBlockRow, updateArray } from '@payload-onpage/core';
+import { fieldAtPath, isReady, newBlockRow } from '@payload-onpage/core';
+import { insertRow } from "../rowOps.js";
 import { useOnPage } from "../context.js";
 import { Dialog } from "./Dialog.js";
 /** Choose a block type to insert at a position in a blocks field. */
@@ -9,18 +10,18 @@ export function BlockPicker() {
     if (panel?.kind !== 'blocks')
         return null;
     const state = snap.docs[panel.key];
-    if (!state?.schema || !state.doc)
+    if (!isReady(state))
         return null;
     const { key, listPath, index } = panel;
     const field = fieldAtPath(state.schema.fields, state.doc, listPath)?.field;
-    const blocks = field?.type === 'blocks' ? (field.blocks ?? []) : [];
+    const blocks = field?.type === 'blocks' ? field.blocks : [];
     const choose = (slug) => {
         const block = blocks.find((b) => b.slug === slug);
         if (!block)
             return;
-        session.apply(key, (d) => updateArray(d, listPath, (a) => insertItem(a, index, newBlockRow(block))));
+        const next = insertRow(session, key, listPath, index, newBlockRow(block));
         setPanel(null);
-        setSelected({ key, path: `${listPath}.${index}` });
+        setSelected(next);
     };
     return (_jsx(Dialog, { title: t('blocks.title'), onClose: () => setPanel(null), t: t, width: 640, testId: "onpage-block-picker", children: _jsx("div", { className: "po-blocks", children: blocks.map((b) => (_jsx("button", { type: "button", onClick: () => choose(b.slug), "data-testid": `onpage-block-${b.slug}`, children: b.labels.singular }, b.slug))) }) }));
 }

package/dist/ui/BlockPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockPicker.js","sourceRoot":"","sources":["../../src/ui/BlockPicker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACxF,OAAO,EAAE,SAAS,EAAE,MAAM,eAAgB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAc,CAAA;AAErC,qEAAqE;AACrE,MAAM,UAAU,WAAW;IACzB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE,CAAA;IACtE,IAAI,KAAK,EAAE,IAAI,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAA;IACzC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAClC,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG;QAAE,OAAO,IAAI,CAAA;IAC7C,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACtC,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAC1E,MAAM,MAAM,GAAG,KAAK,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEnE,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,EAAE;QAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAA;QACjD,IAAI,CAAC,KAAK;YAAE,OAAM;QAClB,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CACvB,WAAW,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAC1E,CAAA;QACD,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,WAAW,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,QAAQ,IAAI,KAAK,EAAE,EAAE,CAAC,CAAA;IACpD,CAAC,CAAA;IAED,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,GAAG,EACV,MAAM,EAAC,qBAAqB,YAE5B,cAAK,SAAS,EAAC,WAAW,YACvB,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACjB,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,iBAChB,gBAAgB,CAAC,CAAC,IAAI,EAAE,YAEpC,CAAC,CAAC,MAAM,CAAC,QAAQ,IALb,CAAC,CAAC,IAAI,CAMJ,CACV,CAAC,GACE,GACC,CACV,CAAA;AACH,CAAC"}
+{"version":3,"file":"BlockPicker.js","sourceRoot":"","sources":["../../src/ui/BlockPicker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAgB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAc,CAAA;AAErC,qEAAqE;AACrE,MAAM,UAAU,WAAW;IACzB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE,CAAA;IACtE,IAAI,KAAK,EAAE,IAAI,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAA;IACzC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAClC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAChC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACtC,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAC1E,MAAM,MAAM,GAAG,KAAK,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IAE3D,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,EAAE;QAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAA;QACjD,IAAI,CAAC,KAAK;YAAE,OAAM;QAClB,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAA;QACzE,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,GAAG,EACV,MAAM,EAAC,qBAAqB,YAE5B,cAAK,SAAS,EAAC,WAAW,YACvB,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACjB,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,iBAChB,gBAAgB,CAAC,CAAC,IAAI,EAAE,YAEpC,CAAC,CAAC,MAAM,CAAC,QAAQ,IALb,CAAC,CAAC,IAAI,CAMJ,CACV,CAAC,GACE,GACC,CACV,CAAA;AACH,CAAC"}

package/dist/ui/Dialog.d.ts

@@ -1,8 +1,3 @@
-/**
- * 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 { type ReactNode } from 'react';
 import type { Translate } from '../messages.ts';
 export interface DialogProps {

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/ui/Dialog.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,OAAO,EAA0D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,CAAC,EAAE,SAAS,CAAA;IACZ,2FAA2F;IAC3F,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAA;IACvC,MAAM,CAAC,EAAE,MAAM,OAAO,GAAG,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kDAAkD;IAClD,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,CAAC,EACD,OAAiB,EACjB,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE,WAAW,+BA0Hb"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/ui/Dialog.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA0D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,CAAC,EAAE,SAAS,CAAA;IACZ,2FAA2F;IAC3F,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAA;IACvC,MAAM,CAAC,EAAE,MAAM,OAAO,GAAG,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kDAAkD;IAClD,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,CAAC,EACD,OAAiB,EACjB,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE,WAAW,+BA6Hb"}

package/dist/ui/Dialog.js

@@ -5,6 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * close, Tab stays inside (modal), Escape closes. `variant="popover"` is
  * anchored next to an element and closes on an outside click.
  */
+import { useEvent } from "../useEvent.js";
 import { useEffect, useId, useRef, useState } from 'react';
 import { focusableIn, popoverPosition } from "../dom.js";
 import { useLayoutTick } from "../layout.js";
@@ -32,20 +33,23 @@ export function Dialog({ title, onClose, children, t, variant = 'modal', anchor,
         ro.observe(el);
         return () => ro.disconnect();
     }, [variant]);
+    // Stable, so the listeners below aren't re-bound on every render (callers pass inline
+    // closures); a re-bind would also re-open the deferral gap where an outside click is lost.
+    const close = useEvent(onClose);
     useEffect(() => {
         const onKey = (e) => {
             if (e.key === 'Escape') {
                 e.stopPropagation();
-                onClose();
+                close();
                 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];
+            const last = items.at(-1);
+            if (!first || !last)
+                return;
             if (e.shiftKey && document.activeElement === first) {
                 e.preventDefault();
                 last.focus();
@@ -57,7 +61,7 @@ export function Dialog({ title, onClose, children, t, variant = 'modal', anchor,
         };
         const onDown = (e) => {
             if (variant === 'popover' && box.current && !box.current.contains(e.target))
-                onClose();
+                close();
         };
         document.addEventListener('keydown', onKey, true);
         // Deferred, so the click that opened a popover doesn't close it.
@@ -67,7 +71,7 @@ export function Dialog({ title, onClose, children, t, variant = 'modal', anchor,
             document.removeEventListener('keydown', onKey, true);
             document.removeEventListener('pointerdown', onDown, true);
         };
-    }, [onClose, variant]);
+    }, [close, 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 })] }) }));

package/dist/ui/Dialog.js.map

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

package/dist/ui/Dock.d.ts

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

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

@@ -1 +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"}
+{"version":3,"file":"Dock.d.ts","sourceRoot":"","sources":["../../src/ui/Dock.tsx"],"names":[],"mappings":"AA0DA,wBAAgB,IAAI,gCAsMnB"}

package/dist/ui/Dock.js

@@ -1,10 +1,43 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * The bottom bar: save status across the page's documents (with per-document
+ * recovery: reload after a conflict, retry after an error), undo/redo, locale,
+ * share link, preview, discard, admin, exit and publish.
+ */
+import { errorText } from '@payload-onpage/core';
 import { useEffect, useState } from 'react';
 import { useOnPage } from "../context.js";
 import { relativeTime } from "../messages.js";
 import { PostButton } from "./PostButton.js";
+import { ToolbarButton } from "./ToolbarButton.js";
 const title = (d) => d.schema?.labels.singular ?? d.ref.slug;
+/** What the dock says, most urgent first. */
+function dockStatus(s, t) {
+    if (s.failed)
+        return {
+            text: t('dock.unavailable', { doc: title(s.failed), error: s.failed.error ?? '' }),
+            bad: true,
+        };
+    if (!s.docs.length)
+        return { text: t('dock.nothing') };
+    if (!s.ready.length)
+        return { text: t('dock.loading') };
+    if (s.conflict)
+        return { text: t('dock.conflict', { doc: title(s.conflict) }), bad: true };
+    if (s.error)
+        return {
+            text: t('dock.saveFailed', { doc: title(s.error), message: s.error.save.message ?? '' }),
+            bad: true,
+        };
+    if (s.saving)
+        return { text: t('dock.saving') };
+    if (s.rendering)
+        return { text: t('dock.updating') };
+    if (s.lastSaved)
+        return { text: t('dock.saved', { ago: relativeTime(s.lastSaved) }) };
+    return { text: t('dock.editing') };
+}
 function useTicker(ms) {
     const [, setN] = useState(0);
     useEffect(() => {
@@ -12,8 +45,8 @@ function useTicker(ms) {
         return () => clearInterval(id);
     }, [ms]);
 }
-export function Dock({ flash }) {
-    const { session, snap, links, rendering, notify, rerender, docKeys, t } = useOnPage();
+export function Dock() {
+    const { session, snap, links, rendering, notify, rerender, docKeys, flash, t } = useOnPage();
     const [confirmDiscard, setConfirmDiscard] = useState(false);
     useTicker(5000);
     useEffect(() => {
@@ -31,23 +64,8 @@ export function Dock({ flash }) {
     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 retryable = failed ?? error;
+    const status = dockStatus({ docs, ready, failed, conflict, error, saving, rendering, lastSaved }, t);
     const schema = ready[0]?.schema;
     const nonDefaultLocale = schema?.defaultLocale && session.locale && session.locale !== schema.defaultLocale;
     const publish = async () => {
@@ -56,12 +74,12 @@ export function Dock({ flash }) {
             if (res.published.length)
                 await rerender(res.published);
             if (res.ok)
-                notify(res.published.length ? 'notify.published' : 'notify.nothingToPublish');
+                notify(t(res.published.length ? 'notify.published' : 'notify.nothingToPublish'));
             else
-                notify('notify.publishFailed', { message: res.message ?? '' }, true);
+                notify(t('notify.publishFailed', { message: res.message ?? '' }), true);
         }
         catch (e) {
-            notify('notify.publishFailed', { message: e.message }, true);
+            notify(t('notify.publishFailed', { message: errorText(e) }), true);
         }
     };
     const discard = async () => {
@@ -71,10 +89,10 @@ export function Dock({ flash }) {
         setConfirmDiscard(false);
         try {
             await session.discard({ keys: docKeys });
-            notify('notify.discarded');
+            notify(t('notify.discarded'));
         }
         catch (e) {
-            notify(e.message, undefined, true);
+            notify(errorText(e), true);
         }
     };
     const reload = async (d) => {
@@ -83,7 +101,7 @@ export function Dock({ flash }) {
             await rerender([d.ref]);
         }
         catch (e) {
-            notify(e.message, undefined, true);
+            notify(errorText(e), true);
         }
     };
     const createLink = session.dataSource.createPreviewLink?.bind(session.dataSource);
@@ -93,12 +111,12 @@ export function Dock({ flash }) {
         try {
             const { url, expiresAt } = await createLink(primary.ref, { locale: session.locale });
             await navigator.clipboard.writeText(url);
-            notify('notify.linkCopied', { date: new Date(expiresAt).toLocaleString() });
+            notify(t('notify.linkCopied', { date: new Date(expiresAt).toLocaleString() }));
         }
         catch (e) {
-            notify('notify.linkFailed', { message: e.message }, true);
+            notify(t('notify.linkFailed', { message: errorText(e) }), 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') })] })] }));
+    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') })), retryable && (_jsx("button", { type: "button", className: "po-btn", onClick: () => void session.retry(retryable.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(ToolbarButton, { label: t('dock.undo'), hint: `${t('dock.undo')} (⌘Z)`, icon: "\u21B6", disabled: !snap.canUndo, onClick: () => session.undo(), testId: "onpage-undo" }), _jsx(ToolbarButton, { label: t('dock.redo'), hint: `${t('dock.redo')} (⇧⌘Z)`, icon: "\u21B7", disabled: !snap.canRedo, onClick: () => session.redo(), testId: "onpage-redo" }), _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