@panneau/app 5.0.0-alpha.4 → 5.0.0-alpha.5

package/dist/pages/NotFoundPage.js

@@ -0,0 +1,93 @@
+import { useDocumentTitle } from "../documentTitle.js";
+import pages_module_default from "./pages.module.js";
+import { LinkButton } from "./PageHeader.js";
+import { c } from "react/compiler-runtime";
+import { appMessages } from "@panneau/intl";
+import { Heading, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/NotFoundPage.tsx
+/** The page of the paths that match no route, resource or page. */
+function NotFoundPage(t0) {
+	const $ = c(21);
+	const { homeHref } = t0;
+	const intl = usePanneauIntl();
+	let t1;
+	if ($[0] !== intl) {
+		t1 = intl.formatMessage(appMessages.notFound);
+		$[0] = intl;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== t1) {
+		t2 = [t1];
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	useDocumentTitle(t2);
+	let t3;
+	if ($[4] !== intl) {
+		t3 = intl.formatMessage(appMessages.notFound);
+		$[4] = intl;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Heading, {
+			level: 1,
+			children: t3
+		});
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== intl) {
+		t5 = intl.formatMessage(appMessages.notFoundText);
+		$[8] = intl;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== t5) {
+		t6 = /* @__PURE__ */ jsx("p", {
+			className: pages_module_default.intro,
+			children: t5
+		});
+		$[10] = t5;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== intl) {
+		t7 = intl.formatMessage(appMessages.backHome);
+		$[12] = intl;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== homeHref || $[15] !== t7) {
+		t8 = /* @__PURE__ */ jsx(LinkButton, {
+			href: homeHref,
+			children: t7
+		});
+		$[14] = homeHref;
+		$[15] = t7;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== t4 || $[18] !== t6 || $[19] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: pages_module_default.center,
+			children: [
+				t4,
+				t6,
+				t8
+			]
+		});
+		$[17] = t4;
+		$[18] = t6;
+		$[19] = t8;
+		$[20] = t9;
+	} else t9 = $[20];
+	return t9;
+}
+//#endregion
+export { NotFoundPage };
+
+//# sourceMappingURL=NotFoundPage.js.map

package/dist/pages/NotFoundPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundPage.js","names":["homeHref","_c","styles"],"sources":["../../src/pages/NotFoundPage.tsx"],"sourcesContent":["import { appMessages } from '@panneau/intl';\nimport { Heading, usePanneauIntl } from '@panneau/ui';\n\nimport { useDocumentTitle } from '../documentTitle';\nimport { LinkButton } from './PageHeader';\nimport styles from './pages.module.css';\n\nexport interface NotFoundPageProps {\n    homeHref: string;\n}\n\n/** The page of the paths that match no route, resource or page. */\nexport function NotFoundPage({ homeHref }: NotFoundPageProps) {\n    const intl = usePanneauIntl();\n    useDocumentTitle([intl.formatMessage(appMessages.notFound)]);\n    return (\n        <div className={styles.center}>\n            <Heading level={1}>{intl.formatMessage(appMessages.notFound)}</Heading>\n            <p className={styles.intro}>{intl.formatMessage(appMessages.notFoundText)}</p>\n            <LinkButton href={homeHref}>{intl.formatMessage(appMessages.backHome)}</LinkButton>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAO,aAAA,IAAA;CAAA,MAAA,IAAAC,EAAA,EAAA;CAAsB,MAAA,EAAA,aAAA;CACzB,MAAA,OAAa,eAAe;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA;EACZ,KAAA,KAAI,cAAe,YAAW,QAAS;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,IAAA;EAAzC,KAAA,CAAC,EAAwC;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAA3D,iBAAiB,EAA0C;CAAC,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA;EAGhC,KAAA,KAAI,cAAe,YAAW,QAAS;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,IAAA;EAA5D,KAAA,oBAAC,SAAD;GAAgB,OAAA;GAAI,UAAA;EAAZ,CAAA;EAA+D,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA;EAC1C,KAAA,KAAI,cAAe,YAAW,YAAa;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,IAAA;EAAzE,KAAA,oBAAA,KAAA;GAAc,WAAAC,qBAAM;GAAS,UAAA;EAAiD,CAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,MAAA;EACjD,KAAA,KAAI,cAAe,YAAW,QAAS;EAAC,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,YAAA,EAAA,QAAA,IAAA;EAArE,KAAA,oBAAC,YAAD;GAAkBF,MAAA;GAAW,UAAA;EAAlB,CAAA;EAAwE,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,MAAA,EAAA,QAAA,MAAA,EAAA,QAAA,IAAA;EAHvF,KAAA,qBAAA,OAAA;GAAgB,WAAAE,qBAAM;GAAtB,UAAA;IACI;IACA;IACA;GACE;;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAJN;AAIM"}

package/dist/pages/PageHeader.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+export interface PageHeaderProps {
+    title: ReactNode;
+    /** A link to the parent page, above the title. */
+    back?: {
+        href: string;
+        label: string;
+    };
+    /** Buttons and links at the end of the header. */
+    actions?: ReactNode;
+}
+/** The title of a page, with a link to its parent page and its actions. */
+export declare function PageHeader({ title, back, actions }: PageHeaderProps): import("react").JSX.Element;
+export interface LinkButtonProps {
+    href: string;
+    icon?: ReactNode;
+    children: ReactNode;
+}
+/** A link that looks like the primary button. */
+export declare function LinkButton({ href, icon, children }: LinkButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/pages/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/pages/PageHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,kDAAkD;IAClD,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,2EAA2E;AAC3E,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,eAAe,+BAenE;AAED,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,iDAAiD;AACjD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAOnE"}

package/dist/pages/PageHeader.js

@@ -0,0 +1,86 @@
+import pages_module_default from "./pages.module.js";
+import { c } from "react/compiler-runtime";
+import { Heading, Icon } from "@panneau/ui";
+import { Link } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft } from "lucide-react";
+//#region src/pages/PageHeader.tsx
+/** The title of a page, with a link to its parent page and its actions. */
+function PageHeader(t0) {
+	const $ = c(12);
+	const { title, back, actions } = t0;
+	let t1;
+	if ($[0] !== back) {
+		t1 = back !== void 0 ? /* @__PURE__ */ jsxs(Link, {
+			href: back.href,
+			className: pages_module_default.back,
+			children: [/* @__PURE__ */ jsx(Icon, {
+				icon: ChevronLeft,
+				size: "sm"
+			}), back.label]
+		}) : null;
+		$[0] = back;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== title) {
+		t2 = /* @__PURE__ */ jsx(Heading, {
+			level: 1,
+			children: title
+		});
+		$[2] = title;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== t1 || $[5] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("div", {
+			className: pages_module_default.headerTitle,
+			children: [t1, t2]
+		});
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== actions) {
+		t4 = actions !== void 0 ? /* @__PURE__ */ jsx("div", {
+			className: pages_module_default.headerActions,
+			children: actions
+		}) : null;
+		$[7] = actions;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t3 || $[10] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("header", {
+			className: pages_module_default.header,
+			children: [t3, t4]
+		});
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	return t5;
+}
+/** A link that looks like the primary button. */
+function LinkButton(t0) {
+	const $ = c(4);
+	const { href, icon, children } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== href || $[2] !== icon) {
+		t1 = /* @__PURE__ */ jsxs(Link, {
+			href,
+			className: pages_module_default.linkButton,
+			children: [icon, children]
+		});
+		$[0] = children;
+		$[1] = href;
+		$[2] = icon;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+//#endregion
+export { LinkButton, PageHeader };
+
+//# sourceMappingURL=PageHeader.js.map

package/dist/pages/PageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","names":["ChevronLeft","title","actions","href","icon","children","_c","styles"],"sources":["../../src/pages/PageHeader.tsx"],"sourcesContent":["import { ChevronLeft } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Link } from 'react-aria-components';\n\nimport { Heading, Icon } from '@panneau/ui';\n\nimport styles from './pages.module.css';\n\nexport interface PageHeaderProps {\n    title: ReactNode;\n    /** A link to the parent page, above the title. */\n    back?: { href: string; label: string };\n    /** Buttons and links at the end of the header. */\n    actions?: ReactNode;\n}\n\n/** The title of a page, with a link to its parent page and its actions. */\nexport function PageHeader({ title, back, actions }: PageHeaderProps) {\n    return (\n        <header className={styles.header}>\n            <div className={styles.headerTitle}>\n                {back !== undefined ? (\n                    <Link href={back.href} className={styles.back}>\n                        <Icon icon={ChevronLeft} size=\"sm\" />\n                        {back.label}\n                    </Link>\n                ) : null}\n                <Heading level={1}>{title}</Heading>\n            </div>\n            {actions !== undefined ? <div className={styles.headerActions}>{actions}</div> : null}\n        </header>\n    );\n}\n\nexport interface LinkButtonProps {\n    href: string;\n    icon?: ReactNode;\n    children: ReactNode;\n}\n\n/** A link that looks like the primary button. */\nexport function LinkButton({ href, icon, children }: LinkButtonProps) {\n    return (\n        <Link href={href} className={styles.linkButton}>\n            {icon}\n            {children}\n        </Link>\n    );\n}\n"],"mappings":";;;;;;;;AAiBA,SAAO,WAAA,IAAA;CAAA,MAAA,IAAAM,EAAA,EAAA;CAAoB,MAAA,EAAA,OAAA,MAAA,YAAA;CAAyC,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA;EAInD,KAAA,SAAS,KAAA,IACN,qBAAC,MAAD;GAAY,MAAA,KAAI;GAAkB,WAAAC,qBAAM;GAAxC,UAAA,CACI,oBAAC,MAAD;IAAYP,MAAA;IAAkB,MAAA;GAAI,CAAA,GACjC,KAAI,KAFJ;EADR,CAAA,IAAA;EAKO,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EACR,KAAA,oBAAC,SAAD;GAAgB,OAAA;GAAI,UAAA;EAAZ,CAAA;EAA4B,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,EAAA,OAAA,IAAA;EAPxC,KAAA,qBAAA,OAAA;GAAgB,WAAAO,qBAAM;GAAtB,UAAA,CACK,IAMD,EACE;;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,SAAA;EACL,KAAA,YAAY,KAAA,IAAY,oBAAA,OAAA;GAAgB,WAAAA,qBAAM;GAAiB,UAAA;EAAc,CAAA,IAA7E;EAAoF,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,EAAA,QAAA,IAAA;EAVzF,KAAA,qBAAA,UAAA;GAAmB,WAAAA,qBAAM;GAAzB,UAAA,CACI,IASC,EACI;;EAAA,EAAA,KAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAXT;AAWS;;AAWjB,SAAO,WAAA,IAAA;CAAA,MAAA,IAAAD,EAAA,CAAA;CAAoB,MAAA,EAAA,MAAA,MAAA,aAAA;CAAyC,IAAA;CAAA,IAAA,EAAA,OAAA,YAAA,EAAA,OAAA,QAAA,EAAA,OAAA,MAAA;EAE5D,KAAA,qBAAC,MAAD;GAAY;GAAiB,WAAAC,qBAAM;GAAnC,UAAA,CACK,MACA,QAFA;;EAGE,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAHP;AAGO"}

package/dist/pages/ResourceFormPage.d.ts

@@ -0,0 +1,15 @@
+import { type ResolvedResource } from '@panneau/core';
+import type { Definition } from '@panneau/protocol';
+export interface ResourceFormPageProps {
+    definition: Definition;
+    resolved: ResolvedResource;
+    basePath: string;
+    /** The item to edit, or `null` to create one. */
+    id: string | null;
+}
+/**
+ * The form to create or edit an item: saved through the adapter, with validation errors from the
+ * server, version conflicts and a guard on unsaved changes. A new item opens in its edit page.
+ */
+export declare function ResourceFormPage({ definition, resolved, basePath, id }: ResourceFormPageProps): import("react").JSX.Element;
+//# sourceMappingURL=ResourceFormPage.d.ts.map

package/dist/pages/ResourceFormPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceFormPage.d.ts","sourceRoot":"","sources":["../../src/pages/ResourceFormPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAA8B,MAAM,eAAe,CAAC;AAKlF,OAAO,KAAK,EAAE,UAAU,EAAQ,MAAM,mBAAmB,CAAC;AAY1D,MAAM,WAAW,qBAAqB;IAClC,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,qBAAqB,+BAgG7F"}

package/dist/pages/ResourceFormPage.js

@@ -0,0 +1,204 @@
+import { useDocumentTitle } from "../documentTitle.js";
+import { navigate } from "../location.js";
+import { routePath } from "../routes.js";
+import { capitalize } from "../navigation.js";
+import pages_module_default from "./pages.module.js";
+import { PageHeader } from "./PageHeader.js";
+import { useRecordRecentItem } from "../recentItems.js";
+import { getItemTitle } from "./itemTitle.js";
+import { c } from "react/compiler-runtime";
+import { getItemValues, resolveForm } from "@panneau/core";
+import { useCreateItem, useDataAdapter, useResourceItem, useUpdateItem } from "@panneau/data/query";
+import { appMessages } from "@panneau/intl";
+import { Alert, Button, Spinner, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createRelationSource } from "@panneau/fields";
+import { Form } from "@panneau/forms";
+//#region src/pages/ResourceFormPage.tsx
+/**
+* The form to create or edit an item: saved through the adapter, with validation errors from the
+* server, version conflicts and a guard on unsaved changes. A new item opens in its edit page.
+*/
+function ResourceFormPage(t0) {
+	const $ = c(48);
+	const { definition, resolved, basePath, id } = t0;
+	const intl = usePanneauIntl();
+	const adapter = useDataAdapter();
+	const { resource } = resolved;
+	const mode = id === null ? "create" : "update";
+	const itemQuery = useResourceItem(resource.id, id);
+	const createItem = useCreateItem(resource.id);
+	const updateItem = useUpdateItem(resource.id);
+	let t1;
+	if ($[0] !== adapter || $[1] !== definition) {
+		t1 = createRelationSource(adapter, { definition });
+		$[0] = adapter;
+		$[1] = definition;
+		$[2] = t1;
+	} else t1 = $[2];
+	const relationSource = t1;
+	const { fields, layout } = resolveForm(resource, { mode });
+	const item = itemQuery.data;
+	const singular = resource.label.singular;
+	let t2;
+	if ($[3] !== definition.locale || $[4] !== intl || $[5] !== item || $[6] !== mode || $[7] !== resource.itemTitle || $[8] !== singular) {
+		t2 = mode === "create" ? intl.formatMessage(appMessages.create, { resource: singular }) : getItemTitle(item, resource.itemTitle, definition.locale) ?? intl.formatMessage(appMessages.edit, { resource: singular });
+		$[3] = definition.locale;
+		$[4] = intl;
+		$[5] = item;
+		$[6] = mode;
+		$[7] = resource.itemTitle;
+		$[8] = singular;
+		$[9] = t2;
+	} else t2 = $[9];
+	const title = t2;
+	let t3;
+	if ($[10] !== definition.locale || $[11] !== id || $[12] !== item || $[13] !== resource.id || $[14] !== resource.itemTitle) {
+		t3 = id !== null && item !== void 0 ? {
+			resource: resource.id,
+			id,
+			title: getItemTitle(item, resource.itemTitle, definition.locale) ?? id
+		} : null;
+		$[10] = definition.locale;
+		$[11] = id;
+		$[12] = item;
+		$[13] = resource.id;
+		$[14] = resource.itemTitle;
+		$[15] = t3;
+	} else t3 = $[15];
+	useRecordRecentItem(basePath, t3);
+	let t4;
+	if ($[16] !== basePath || $[17] !== resource.id) {
+		t4 = routePath({
+			name: "resource.index",
+			resource: resource.id
+		}, basePath);
+		$[16] = basePath;
+		$[17] = resource.id;
+		$[18] = t4;
+	} else t4 = $[18];
+	let t5;
+	if ($[19] !== definition.locale || $[20] !== resource.label.plural) {
+		t5 = capitalize(resource.label.plural, definition.locale);
+		$[19] = definition.locale;
+		$[20] = resource.label.plural;
+		$[21] = t5;
+	} else t5 = $[21];
+	let t6;
+	if ($[22] !== t4 || $[23] !== t5) {
+		t6 = {
+			href: t4,
+			label: t5
+		};
+		$[22] = t4;
+		$[23] = t5;
+		$[24] = t6;
+	} else t6 = $[24];
+	const back = t6;
+	let t7;
+	if ($[25] !== back.label || $[26] !== title) {
+		t7 = [title, back.label];
+		$[25] = back.label;
+		$[26] = title;
+		$[27] = t7;
+	} else t7 = $[27];
+	useDocumentTitle(t7);
+	let content;
+	if (mode === "update" && item === void 0) {
+		let t8;
+		if ($[28] !== intl || $[29] !== itemQuery || $[30] !== singular) {
+			t8 = itemQuery.isError ? /* @__PURE__ */ jsxs(Alert, {
+				tone: "danger",
+				children: [/* @__PURE__ */ jsx("p", { children: intl.formatMessage(appMessages.itemLoadError, { resource: singular }) }), /* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					onPress: () => void itemQuery.refetch(),
+					children: intl.formatMessage(appMessages.retry)
+				})]
+			}) : /* @__PURE__ */ jsx(Spinner, { showLabel: true });
+			$[28] = intl;
+			$[29] = itemQuery;
+			$[30] = singular;
+			$[31] = t8;
+		} else t8 = $[31];
+		content = t8;
+	} else {
+		let t8;
+		if ($[32] !== createItem || $[33] !== id || $[34] !== updateItem) {
+			t8 = (values, t9) => {
+				const { version, changes } = t9;
+				return id === null ? createItem.mutateAsync(values) : updateItem.mutateAsync({
+					id,
+					values: changes,
+					version
+				});
+			};
+			$[32] = createItem;
+			$[33] = id;
+			$[34] = updateItem;
+			$[35] = t8;
+		} else t8 = $[35];
+		let t9;
+		if ($[36] !== basePath || $[37] !== id || $[38] !== resource.id) {
+			t9 = (result) => {
+				if (id === null) navigate(routePath({
+					name: "resource.edit",
+					resource: resource.id,
+					id: result.id
+				}, basePath));
+			};
+			$[36] = basePath;
+			$[37] = id;
+			$[38] = resource.id;
+			$[39] = t9;
+		} else t9 = $[39];
+		let t10;
+		if ($[40] !== itemQuery) {
+			t10 = () => void itemQuery.refetch();
+			$[40] = itemQuery;
+			$[41] = t10;
+		} else t10 = $[41];
+		content = /* @__PURE__ */ jsx(Form, {
+			"aria-label": title,
+			fields,
+			layout,
+			values: item !== void 0 ? getItemValues(item, fields.map(_temp)) : void 0,
+			version: item?.version ?? null,
+			mode,
+			locales: definition.locales,
+			relationSource,
+			guardUnsavedChanges: true,
+			showSavedToast: true,
+			onSubmit: t8,
+			onSubmitted: t9,
+			onReload: t10
+		}, item?.version ?? item?.id ?? "new");
+	}
+	let t8;
+	if ($[42] !== back || $[43] !== title) {
+		t8 = /* @__PURE__ */ jsx(PageHeader, {
+			title,
+			back
+		});
+		$[42] = back;
+		$[43] = title;
+		$[44] = t8;
+	} else t8 = $[44];
+	let t9;
+	if ($[45] !== content || $[46] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: `${pages_module_default.page} ${pages_module_default.narrow}`,
+			children: [t8, content]
+		});
+		$[45] = content;
+		$[46] = t8;
+		$[47] = t9;
+	} else t9 = $[47];
+	return t9;
+}
+function _temp(field) {
+	return field.name;
+}
+//#endregion
+export { ResourceFormPage };
+
+//# sourceMappingURL=ResourceFormPage.js.map

package/dist/pages/ResourceFormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceFormPage.js","names":["content","title","fields","layout","mode","relationSource","back","_c","styles"],"sources":["../../src/pages/ResourceFormPage.tsx"],"sourcesContent":["import { type ResolvedResource, getItemValues, resolveForm } from '@panneau/core';\nimport { useCreateItem, useDataAdapter, useResourceItem, useUpdateItem } from '@panneau/data/query';\nimport { createRelationSource } from '@panneau/fields';\nimport { Form } from '@panneau/forms';\nimport { appMessages } from '@panneau/intl';\nimport type { Definition, Item } from '@panneau/protocol';\nimport { Alert, Button, Spinner, usePanneauIntl } from '@panneau/ui';\n\nimport { useDocumentTitle } from '../documentTitle';\nimport { navigate } from '../location';\nimport { capitalize } from '../navigation';\nimport { useRecordRecentItem } from '../recentItems';\nimport { routePath } from '../routes';\nimport { PageHeader } from './PageHeader';\nimport { getItemTitle } from './itemTitle';\nimport styles from './pages.module.css';\n\nexport interface ResourceFormPageProps {\n    definition: Definition;\n    resolved: ResolvedResource;\n    basePath: string;\n    /** The item to edit, or `null` to create one. */\n    id: string | null;\n}\n\n/**\n * The form to create or edit an item: saved through the adapter, with validation errors from the\n * server, version conflicts and a guard on unsaved changes. A new item opens in its edit page.\n */\nexport function ResourceFormPage({ definition, resolved, basePath, id }: ResourceFormPageProps) {\n    const intl = usePanneauIntl();\n    const adapter = useDataAdapter();\n    const { resource } = resolved;\n    const mode = id === null ? 'create' : 'update';\n    const itemQuery = useResourceItem(resource.id, id);\n    const createItem = useCreateItem(resource.id);\n    const updateItem = useUpdateItem(resource.id);\n    const relationSource = createRelationSource(adapter, { definition });\n    const { fields, layout } = resolveForm(resource, { mode });\n    const item = itemQuery.data;\n    const singular = resource.label.singular;\n    const title =\n        mode === 'create'\n            ? intl.formatMessage(appMessages.create, { resource: singular })\n            : (getItemTitle(item, resource.itemTitle, definition.locale) ??\n              intl.formatMessage(appMessages.edit, { resource: singular }));\n    useRecordRecentItem(\n        basePath,\n        id !== null && item !== undefined\n            ? {\n                  resource: resource.id,\n                  id,\n                  title: getItemTitle(item, resource.itemTitle, definition.locale) ?? id,\n              }\n            : null,\n    );\n    const back = {\n        href: routePath({ name: 'resource.index', resource: resource.id }, basePath),\n        label: capitalize(resource.label.plural, definition.locale),\n    };\n    useDocumentTitle([title, back.label]);\n\n    let content;\n    if (mode === 'update' && item === undefined) {\n        content = itemQuery.isError ? (\n            <Alert tone=\"danger\">\n                <p>{intl.formatMessage(appMessages.itemLoadError, { resource: singular })}</p>\n                <Button size=\"sm\" onPress={() => void itemQuery.refetch()}>\n                    {intl.formatMessage(appMessages.retry)}\n                </Button>\n            </Alert>\n        ) : (\n            <Spinner showLabel />\n        );\n    } else {\n        content = (\n            <Form\n                key={item?.version ?? item?.id ?? 'new'}\n                aria-label={title}\n                fields={fields}\n                layout={layout}\n                values={\n                    item !== undefined\n                        ? getItemValues(\n                              item,\n                              fields.map((field) => field.name),\n                          )\n                        : undefined\n                }\n                version={item?.version ?? null}\n                mode={mode}\n                locales={definition.locales}\n                relationSource={relationSource}\n                guardUnsavedChanges\n                showSavedToast\n                onSubmit={(values, { version, changes }) =>\n                    id === null\n                        ? createItem.mutateAsync(values)\n                        : updateItem.mutateAsync({ id, values: changes, version })\n                }\n                onSubmitted={(result) => {\n                    if (id === null) {\n                        navigate(\n                            routePath(\n                                {\n                                    name: 'resource.edit',\n                                    resource: resource.id,\n                                    id: (result as Item).id,\n                                },\n                                basePath,\n                            ),\n                        );\n                    }\n                }}\n                onReload={() => void itemQuery.refetch()}\n            />\n        );\n    }\n\n    return (\n        <div className={`${styles.page} ${styles.narrow}`}>\n            <PageHeader title={title} back={back} />\n            {content}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/pages/ResourceListPage.d.ts

@@ -0,0 +1,15 @@
+import { type ResolvedResource } from '@panneau/core';
+export interface ResourceListPageProps {
+    resolved: ResolvedResource;
+    basePath: string;
+    locale: string;
+    /** The item shown in a panel next to the list (the show route), or `null`. */
+    selectedId?: string | null;
+}
+/**
+ * The list of a resource: its query in the URL, its items fetched through the adapter, and its
+ * actions run by the action runner. Rendered with a `key` per resource, so each one keeps its own
+ * list state.
+ */
+export declare function ResourceListPage({ resolved, basePath, locale, selectedId, }: ResourceListPageProps): import("react").JSX.Element;
+//# sourceMappingURL=ResourceListPage.d.ts.map

package/dist/pages/ResourceListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceListPage.d.ts","sourceRoot":"","sources":["../../src/pages/ResourceListPage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,gBAAgB,EAAW,MAAM,eAAe,CAAC;AAe/D,MAAM,WAAW,qBAAqB;IAClC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,UAAiB,GACpB,EAAE,qBAAqB,+BA8EvB"}

package/dist/pages/ResourceListPage.js

@@ -0,0 +1,101 @@
+import { useDocumentTitle } from "../documentTitle.js";
+import { routePath } from "../routes.js";
+import { capitalize } from "../navigation.js";
+import pages_module_default from "./pages.module.js";
+import { LinkButton, PageHeader } from "./PageHeader.js";
+import { getItemTitle } from "./itemTitle.js";
+import { cx } from "../cx.js";
+import { ItemPanel } from "./ItemPanel.js";
+import { useList } from "@panneau/core";
+import { useResourceItem, useResourceList } from "@panneau/data/query";
+import { appMessages } from "@panneau/intl";
+import { Icon, usePanneauIntl } from "@panneau/ui";
+import { useActionPreview, useActionRunner } from "@panneau/actions";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus } from "lucide-react";
+import { ListView } from "@panneau/lists";
+//#region src/pages/ResourceListPage.tsx
+/**
+* The list of a resource: its query in the URL, its items fetched through the adapter, and its
+* actions run by the action runner. Rendered with a `key` per resource, so each one keeps its own
+* list state.
+*/
+function ResourceListPage({ resolved, basePath, locale, selectedId = null }) {
+	const intl = usePanneauIntl();
+	const { resource, list: definitionList, abilities } = resolved;
+	const { query, list } = useList({ list: definitionList });
+	const { data, error, isFetching, refetch } = useResourceList(resource.id, query, { placeholderData: (previous) => previous });
+	const runAction = useActionRunner(resource.id);
+	const previewAction = useActionPreview(resource.id);
+	const title = capitalize(resource.label.plural, locale);
+	const { data: selected } = useResourceItem(resource.id, selectedId);
+	useDocumentTitle([selectedId !== null ? getItemTitle(selected, resource.itemTitle, locale) ?? selectedId : null, title]);
+	const search = window.location.search;
+	const indexPath = routePath({
+		name: "resource.index",
+		resource: resource.id
+	}, basePath);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(pages_module_default.page, selectedId !== null && pages_module_default.withPanel),
+		children: [
+			/* @__PURE__ */ jsx(PageHeader, {
+				title,
+				actions: abilities.create ? /* @__PURE__ */ jsx(LinkButton, {
+					href: routePath({
+						name: "resource.create",
+						resource: resource.id
+					}, basePath),
+					icon: /* @__PURE__ */ jsx(Icon, {
+						icon: Plus,
+						size: "md"
+					}),
+					children: intl.formatMessage(appMessages.create, { resource: resource.label.singular })
+				}) : void 0
+			}),
+			resource.description !== void 0 ? /* @__PURE__ */ jsx("p", {
+				className: pages_module_default.intro,
+				children: resource.description
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: pages_module_default.split,
+				children: [/* @__PURE__ */ jsx(ListView, {
+					...definitionList,
+					"aria-label": title,
+					list,
+					items: data?.data,
+					total: data?.meta.total,
+					isLoading: isFetching,
+					error,
+					onRetry: () => void refetch(),
+					fields: resource.fields,
+					itemTitle: resource.itemTitle,
+					layouts: ["table", "cards"],
+					perPageOptions: [
+						10,
+						20,
+						50,
+						100
+					],
+					getItemHref: (item) => `${routePath({
+						name: "resource.show",
+						resource: resource.id,
+						id: item.id
+					}, basePath)}${search}`,
+					currentItemId: selectedId,
+					onAction: runAction,
+					previewAction
+				}), selectedId !== null ? /* @__PURE__ */ jsx(ItemPanel, {
+					resolved,
+					basePath,
+					locale,
+					id: selectedId,
+					closeHref: `${indexPath}${search}`
+				}, selectedId) : null]
+			})
+		]
+	});
+}
+//#endregion
+export { ResourceListPage };
+
+//# sourceMappingURL=ResourceListPage.js.map

package/dist/pages/ResourceListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceListPage.js","names":["styles"],"sources":["../../src/pages/ResourceListPage.tsx"],"sourcesContent":["import { Plus } from 'lucide-react';\n\nimport { useActionPreview, useActionRunner } from '@panneau/actions';\nimport { type ResolvedResource, useList } from '@panneau/core';\nimport { useResourceItem, useResourceList } from '@panneau/data/query';\nimport { appMessages } from '@panneau/intl';\nimport { ListView } from '@panneau/lists';\nimport { Icon, usePanneauIntl } from '@panneau/ui';\n\nimport { cx } from '../cx';\nimport { useDocumentTitle } from '../documentTitle';\nimport { capitalize } from '../navigation';\nimport { routePath } from '../routes';\nimport { ItemPanel } from './ItemPanel';\nimport { LinkButton, PageHeader } from './PageHeader';\nimport { getItemTitle } from './itemTitle';\nimport styles from './pages.module.css';\n\nexport interface ResourceListPageProps {\n    resolved: ResolvedResource;\n    basePath: string;\n    locale: string;\n    /** The item shown in a panel next to the list (the show route), or `null`. */\n    selectedId?: string | null;\n}\n\n/**\n * The list of a resource: its query in the URL, its items fetched through the adapter, and its\n * actions run by the action runner. Rendered with a `key` per resource, so each one keeps its own\n * list state.\n */\nexport function ResourceListPage({\n    resolved,\n    basePath,\n    locale,\n    selectedId = null,\n}: ResourceListPageProps) {\n    const intl = usePanneauIntl();\n    const { resource, list: definitionList, abilities } = resolved;\n    const { query, list } = useList({ list: definitionList });\n    const { data, error, isFetching, refetch } = useResourceList(resource.id, query, {\n        placeholderData: (previous) => previous,\n    });\n    const runAction = useActionRunner(resource.id);\n    const previewAction = useActionPreview(resource.id);\n    const title = capitalize(resource.label.plural, locale);\n    // The item of the panel, which the panel fetches too\n    const { data: selected } = useResourceItem(resource.id, selectedId);\n    useDocumentTitle([\n        selectedId !== null\n            ? (getItemTitle(selected, resource.itemTitle, locale) ?? selectedId)\n            : null,\n        title,\n    ]);\n    // The list keeps its query in the URL: the panel opens and closes without losing it.\n    const search = window.location.search;\n    const indexPath = routePath({ name: 'resource.index', resource: resource.id }, basePath);\n    return (\n        <div className={cx(styles.page, selectedId !== null && styles.withPanel)}>\n            <PageHeader\n                title={title}\n                actions={\n                    abilities.create ? (\n                        <LinkButton\n                            href={routePath(\n                                { name: 'resource.create', resource: resource.id },\n                                basePath,\n                            )}\n                            icon={<Icon icon={Plus} size=\"md\" />}\n                        >\n                            {intl.formatMessage(appMessages.create, {\n                                resource: resource.label.singular,\n                            })}\n                        </LinkButton>\n                    ) : undefined\n                }\n            />\n            {resource.description !== undefined ? (\n                <p className={styles.intro}>{resource.description}</p>\n            ) : null}\n            <div className={styles.split}>\n                <ListView\n                    {...definitionList}\n                    aria-label={title}\n                    list={list}\n                    items={data?.data}\n                    total={data?.meta.total}\n                    isLoading={isFetching}\n                    error={error}\n                    onRetry={() => void refetch()}\n                    fields={resource.fields}\n                    itemTitle={resource.itemTitle}\n                    layouts={['table', 'cards']}\n                    perPageOptions={[10, 20, 50, 100]}\n                    getItemHref={(item) =>\n                        `${routePath({ name: 'resource.show', resource: resource.id, id: item.id }, basePath)}${search}`\n                    }\n                    currentItemId={selectedId}\n                    onAction={runAction}\n                    previewAction={previewAction}\n                />\n                {selectedId !== null ? (\n                    <ItemPanel\n                        key={selectedId}\n                        resolved={resolved}\n                        basePath={basePath}\n                        locale={locale}\n                        id={selectedId}\n                        closeHref={`${indexPath}${search}`}\n                    />\n                ) : null}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,iBAAiB,EAC7B,UACA,UACA,QACA,aAAa,QACS;CACtB,MAAM,OAAO,eAAe;CAC5B,MAAM,EAAE,UAAU,MAAM,gBAAgB,cAAc;CACtD,MAAM,EAAE,OAAO,SAAS,QAAQ,EAAE,MAAM,eAAe,CAAC;CACxD,MAAM,EAAE,MAAM,OAAO,YAAY,YAAY,gBAAgB,SAAS,IAAI,OAAO,EAC7E,kBAAkB,aAAa,SACnC,CAAC;CACD,MAAM,YAAY,gBAAgB,SAAS,EAAE;CAC7C,MAAM,gBAAgB,iBAAiB,SAAS,EAAE;CAClD,MAAM,QAAQ,WAAW,SAAS,MAAM,QAAQ,MAAM;CAEtD,MAAM,EAAE,MAAM,aAAa,gBAAgB,SAAS,IAAI,UAAU;CAClE,iBAAiB,CACb,eAAe,OACR,aAAa,UAAU,SAAS,WAAW,MAAM,KAAK,aACvD,MACN,KAAK,CACR;CAED,MAAM,SAAS,OAAO,SAAS;CAC/B,MAAM,YAAY,UAAU;EAAE,MAAM;EAAkB,UAAU,SAAS;CAAG,GAAG,QAAQ;CACvF,OACI,qBAAC,OAAD;EAAK,WAAW,GAAGA,qBAAO,MAAM,eAAe,QAAQA,qBAAO,SAAS;EAAvE,UAAA;GACI,oBAAC,YAAD;IACW;IACP,SACI,UAAU,SACN,oBAAC,YAAD;KACI,MAAM,UACF;MAAE,MAAM;MAAmB,UAAU,SAAS;KAAG,GACjD,QACJ;KACA,MAAM,oBAAC,MAAD;MAAM,MAAM;MAAM,MAAK;KAAI,CAAA;KAEhC,UAAA,KAAK,cAAc,YAAY,QAAQ,EACpC,UAAU,SAAS,MAAM,SAC7B,CAAC;IACO,CAAA,IACZ,KAAA;GACP,CAAA;GAEJ,SAAS,gBAAgB,KAAA,IACtB,oBAAC,KAAD;IAAG,WAAWA,qBAAO;IAAQ,UAAA,SAAS;GAAe,CAAA,IACrD;GACJ,qBAAC,OAAD;IAAK,WAAWA,qBAAO;IAAvB,UAAA,CACI,oBAAC,UAAD;KACI,GAAI;KACJ,cAAY;KACN;KACN,OAAO,MAAM;KACb,OAAO,MAAM,KAAK;KAClB,WAAW;KACJ;KACP,eAAe,KAAK,QAAQ;KAC5B,QAAQ,SAAS;KACjB,WAAW,SAAS;KACpB,SAAS,CAAC,SAAS,OAAO;KAC1B,gBAAgB;MAAC;MAAI;MAAI;MAAI;KAAG;KAChC,cAAc,SACV,GAAG,UAAU;MAAE,MAAM;MAAiB,UAAU,SAAS;MAAI,IAAI,KAAK;KAAG,GAAG,QAAQ,IAAI;KAE5F,eAAe;KACf,UAAU;KACK;IAAc,CAAA,GAEhC,eAAe,OACZ,oBAAC,WAAD;KAEc;KACA;KACF;KACR,IAAI;KACJ,WAAW,GAAG,YAAY;IAAS,GAL9B,UAK8B,IAEvC,IACH;;EACJ;;AAEb"}

package/dist/pages/itemTitle.d.ts

@@ -0,0 +1,7 @@
+import type { Item } from '@panneau/protocol';
+/**
+ * The title of an item: the value of the resource's `itemTitle` field, in the locale when it is
+ * localized. `null` without one.
+ */
+export declare function getItemTitle(item: Item | undefined, itemTitle: string | undefined, locale: string): string | null;
+//# sourceMappingURL=itemTitle.d.ts.map

package/dist/pages/itemTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"itemTitle.d.ts","sourceRoot":"","sources":["../../src/pages/itemTitle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE9C;;;GAGG;AACH,wBAAgB,YAAY,CACxB,IAAI,EAAE,IAAI,GAAG,SAAS,EACtB,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,MAAM,EAAE,MAAM,GACf,MAAM,GAAG,IAAI,CAWf"}

package/dist/pages/itemTitle.js

@@ -0,0 +1,18 @@
+//#region src/pages/itemTitle.ts
+/**
+* The title of an item: the value of the resource's `itemTitle` field, in the locale when it is
+* localized. `null` without one.
+*/
+function getItemTitle(item, itemTitle, locale) {
+	const value = itemTitle !== void 0 ? item?.[itemTitle] : void 0;
+	if (typeof value === "string") return value;
+	if (value !== null && typeof value === "object") {
+		const first = value[locale] ?? Object.values(value)[0];
+		return typeof first === "string" ? first : null;
+	}
+	return null;
+}
+//#endregion
+export { getItemTitle };
+
+//# sourceMappingURL=itemTitle.js.map

package/dist/pages/itemTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"itemTitle.js","names":[],"sources":["../../src/pages/itemTitle.ts"],"sourcesContent":["import type { Item } from '@panneau/protocol';\n\n/**\n * The title of an item: the value of the resource's `itemTitle` field, in the locale when it is\n * localized. `null` without one.\n */\nexport function getItemTitle(\n    item: Item | undefined,\n    itemTitle: string | undefined,\n    locale: string,\n): string | null {\n    const value = itemTitle !== undefined ? item?.[itemTitle] : undefined;\n    if (typeof value === 'string') {\n        return value;\n    }\n    if (value !== null && typeof value === 'object') {\n        const localized = (value as Record<string, unknown>)[locale];\n        const first = localized ?? Object.values(value)[0];\n        return typeof first === 'string' ? first : null;\n    }\n    return null;\n}\n"],"mappings":";;;;;AAMA,SAAgB,aACZ,MACA,WACA,QACa;CACb,MAAM,QAAQ,cAAc,KAAA,IAAY,OAAO,aAAa,KAAA;CAC5D,IAAI,OAAO,UAAU,UACjB,OAAO;CAEX,IAAI,UAAU,QAAQ,OAAO,UAAU,UAAU;EAE7C,MAAM,QADa,MAAkC,WAC1B,OAAO,OAAO,KAAK,CAAC,CAAC;EAChD,OAAO,OAAO,UAAU,WAAW,QAAQ;CAC/C;CACA,OAAO;AACX"}