@panneau/lists 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/actions/ConfirmDialog.js

@@ -1,7 +1,6 @@
 import { messages } from "../messages.js";
 import Actions_module_default from "./Actions.module.js";
-import { c } from "react/compiler-runtime";
-import { Button, Dialog, usePanneauIntl } from "@panneau/ui";
+import { Button, Dialog, Spinner, usePanneauIntl } from "@panneau/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/actions/ConfirmDialog.tsx
 /** Formats an ICU message of the definition (`{count, plural, …}`) in the locale. */
@@ -19,137 +18,55 @@ function needsConfirmation(event) {
 }
 /**
 * Asks before running an action (decision 0017): the action's `confirm` title and message (an ICU
-* message with `{count}`), or default ones, and how many selected items will be skipped.
+* message with `{count}`), or default ones, and how many selected items will be skipped: those of
+* the current page that don't allow it, or the backend's count for every item matching a query.
 */
-function ConfirmDialog(t0) {
-	const $ = c(40);
-	const { event, onConfirm, onCancel } = t0;
+function ConfirmDialog({ event, preview = null, onConfirm, onCancel }) {
 	const intl = usePanneauIntl();
 	if (event === null) return null;
-	const { action, count, skipped } = event;
-	let T0;
-	let t1;
-	let t2;
-	let t3;
-	let t4;
-	let t5;
-	let t6;
-	let t7;
-	let t8;
-	let t9;
-	if ($[0] !== action.confirm || $[1] !== action.destructive || $[2] !== action.label || $[3] !== count || $[4] !== event || $[5] !== intl || $[6] !== onCancel || $[7] !== onConfirm) {
-		const confirm = typeof action.confirm === "object" ? action.confirm : {};
-		const values = {
-			count,
-			action: action.label
-		};
-		T0 = Dialog;
-		t3 = true;
-		if ($[18] !== onCancel) {
-			t4 = (open) => {
-				if (!open) onCancel();
-			};
-			$[18] = onCancel;
-			$[19] = t4;
-		} else t4 = $[19];
-		t5 = "alertdialog";
-		t6 = false;
-		t7 = "sm";
-		t8 = confirm.title !== void 0 ? formatDefinitionMessage(intl, confirm.title, values) : intl.formatMessage(messages.confirmTitle, { action: action.label });
-		let t10;
-		if ($[20] !== event || $[21] !== onConfirm) {
-			t10 = () => onConfirm(event);
-			$[20] = event;
-			$[21] = onConfirm;
-			$[22] = t10;
-		} else t10 = $[22];
-		t9 = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+	const { action, count } = event;
+	const loading = preview?.status === "loading";
+	const skipped = preview?.status === "done" ? preview.skipped : event.skipped.length;
+	const confirm = typeof action.confirm === "object" ? action.confirm : {};
+	const values = {
+		count,
+		action: action.label
+	};
+	return /* @__PURE__ */ jsxs(Dialog, {
+		isOpen: true,
+		onOpenChange: (open) => {
+			if (!open) onCancel();
+		},
+		role: "alertdialog",
+		isDismissable: false,
+		size: "sm",
+		title: confirm.title !== void 0 ? formatDefinitionMessage(intl, confirm.title, values) : intl.formatMessage(messages.confirmTitle, { action: action.label }),
+		footer: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
 			variant: "ghost",
 			onPress: onCancel,
 			children: confirm.cancelLabel ?? intl.formatMessage(messages.cancel)
 		}), /* @__PURE__ */ jsx(Button, {
 			variant: action.destructive === true ? "danger" : "primary",
 			autoFocus: true,
-			onPress: t10,
+			isDisabled: loading,
+			onPress: () => onConfirm(event),
 			children: confirm.confirmLabel ?? action.label
-		})] });
-		t1 = Actions_module_default.message;
-		t2 = confirm.message !== void 0 ? formatDefinitionMessage(intl, confirm.message, values) : intl.formatMessage(messages.confirmMessage, values);
-		$[0] = action.confirm;
-		$[1] = action.destructive;
-		$[2] = action.label;
-		$[3] = count;
-		$[4] = event;
-		$[5] = intl;
-		$[6] = onCancel;
-		$[7] = onConfirm;
-		$[8] = T0;
-		$[9] = t1;
-		$[10] = t2;
-		$[11] = t3;
-		$[12] = t4;
-		$[13] = t5;
-		$[14] = t6;
-		$[15] = t7;
-		$[16] = t8;
-		$[17] = t9;
-	} else {
-		T0 = $[8];
-		t1 = $[9];
-		t2 = $[10];
-		t3 = $[11];
-		t4 = $[12];
-		t5 = $[13];
-		t6 = $[14];
-		t7 = $[15];
-		t8 = $[16];
-		t9 = $[17];
-	}
-	let t10;
-	if ($[23] !== t1 || $[24] !== t2) {
-		t10 = /* @__PURE__ */ jsx("p", {
-			className: t1,
-			children: t2
-		});
-		$[23] = t1;
-		$[24] = t2;
-		$[25] = t10;
-	} else t10 = $[25];
-	let t11;
-	if ($[26] !== intl || $[27] !== skipped.length) {
-		t11 = skipped.length > 0 ? /* @__PURE__ */ jsx("p", {
+		})] }),
+		children: [/* @__PURE__ */ jsx("p", {
+			className: Actions_module_default.message,
+			children: confirm.message !== void 0 ? formatDefinitionMessage(intl, confirm.message, values) : intl.formatMessage(messages.confirmMessage, values)
+		}), loading ? /* @__PURE__ */ jsx("div", {
+			className: Actions_module_default.skipped,
+			children: /* @__PURE__ */ jsx(Spinner, {
+				size: "sm",
+				label: intl.formatMessage(messages.confirmChecking),
+				showLabel: true
+			})
+		}) : skipped > 0 ? /* @__PURE__ */ jsx("p", {
 			className: Actions_module_default.skipped,
-			children: intl.formatMessage(messages.confirmSkipped, { count: skipped.length })
-		}) : null;
-		$[26] = intl;
-		$[27] = skipped.length;
-		$[28] = t11;
-	} else t11 = $[28];
-	let t12;
-	if ($[29] !== T0 || $[30] !== t10 || $[31] !== t11 || $[32] !== t3 || $[33] !== t4 || $[34] !== t5 || $[35] !== t6 || $[36] !== t7 || $[37] !== t8 || $[38] !== t9) {
-		t12 = /* @__PURE__ */ jsxs(T0, {
-			isOpen: t3,
-			onOpenChange: t4,
-			role: t5,
-			isDismissable: t6,
-			size: t7,
-			title: t8,
-			footer: t9,
-			children: [t10, t11]
-		});
-		$[29] = T0;
-		$[30] = t10;
-		$[31] = t11;
-		$[32] = t3;
-		$[33] = t4;
-		$[34] = t5;
-		$[35] = t6;
-		$[36] = t7;
-		$[37] = t8;
-		$[38] = t9;
-		$[39] = t12;
-	} else t12 = $[39];
-	return t12;
+			children: intl.formatMessage(messages.confirmSkipped, { count: skipped })
+		}) : null]
+	});
 }
 //#endregion
 export { ConfirmDialog, needsConfirmation };

package/dist/actions/ConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","names":["onCancel","_c","_Fragment","styles"],"sources":["../../src/actions/ConfirmDialog.tsx"],"sourcesContent":["import type { IntlShape } from 'react-intl';\n\nimport { Button, Dialog, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../messages';\nimport type { ListActionEvent } from '../types';\nimport styles from './Actions.module.css';\n\n/** Formats an ICU message of the definition (`{count, plural, …}`) in the locale. */\nfunction formatDefinitionMessage(\n    intl: IntlShape,\n    message: string,\n    values: Record<string, unknown>,\n) {\n    try {\n        return String(\n            intl.formatters\n                .getMessageFormat(message, intl.locale)\n                .format(values as Record<string, string | number>),\n        );\n    } catch {\n        return message;\n    }\n}\n\n/** Whether an action needs a confirmation: it asks for one, or some selected items are skipped. */\nexport function needsConfirmation(event: ListActionEvent): boolean {\n    const { confirm } = event.action;\n    return (confirm !== undefined && confirm !== false) || event.skipped.length > 0;\n}\n\nexport interface ConfirmDialogProps {\n    /** The action to confirm, or `null` when the dialog is closed. */\n    event: ListActionEvent | null;\n    onConfirm: (event: ListActionEvent) => void;\n    onCancel: () => void;\n}\n\n/**\n * Asks before running an action (decision 0017): the action's `confirm` title and message (an ICU\n * message with `{count}`), or default ones, and how many selected items will be skipped.\n */\nexport function ConfirmDialog({ event, onConfirm, onCancel }: ConfirmDialogProps) {\n    const intl = usePanneauIntl();\n    if (event === null) {\n        return null;\n    }\n    const { action, count, skipped } = event;\n    const confirm = typeof action.confirm === 'object' ? action.confirm : {};\n    const values = { count, action: action.label };\n    return (\n        <Dialog\n            isOpen\n            onOpenChange={(open) => {\n                if (!open) {\n                    onCancel();\n                }\n            }}\n            role=\"alertdialog\"\n            isDismissable={false}\n            size=\"sm\"\n            title={\n                confirm.title !== undefined\n                    ? formatDefinitionMessage(intl, confirm.title, values)\n                    : intl.formatMessage(messages.confirmTitle, { action: action.label })\n            }\n            footer={\n                <>\n                    <Button variant=\"ghost\" onPress={onCancel}>\n                        {confirm.cancelLabel ?? intl.formatMessage(messages.cancel)}\n                    </Button>\n                    <Button\n                        variant={action.destructive === true ? 'danger' : 'primary'}\n                        autoFocus\n                        onPress={() => onConfirm(event)}\n                    >\n                        {confirm.confirmLabel ?? action.label}\n                    </Button>\n                </>\n            }\n        >\n            <p className={styles.message}>\n                {confirm.message !== undefined\n                    ? formatDefinitionMessage(intl, confirm.message, values)\n                    : intl.formatMessage(messages.confirmMessage, values)}\n            </p>\n            {skipped.length > 0 ? (\n                <p className={styles.skipped}>\n                    {intl.formatMessage(messages.confirmSkipped, { count: skipped.length })}\n                </p>\n            ) : null}\n        </Dialog>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ConfirmDialog.js","names":["_Fragment","styles"],"sources":["../../src/actions/ConfirmDialog.tsx"],"sourcesContent":["import type { IntlShape } from 'react-intl';\n\nimport { Button, Dialog, Spinner, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../messages';\nimport type { ListActionEvent, ListActionPreview } from '../types';\nimport styles from './Actions.module.css';\n\n/** Formats an ICU message of the definition (`{count, plural, …}`) in the locale. */\nfunction formatDefinitionMessage(\n    intl: IntlShape,\n    message: string,\n    values: Record<string, unknown>,\n) {\n    try {\n        return String(\n            intl.formatters\n                .getMessageFormat(message, intl.locale)\n                .format(values as Record<string, string | number>),\n        );\n    } catch {\n        return message;\n    }\n}\n\n/** Whether an action needs a confirmation: it asks for one, or some selected items are skipped. */\nexport function needsConfirmation(event: ListActionEvent): boolean {\n    const { confirm } = event.action;\n    return (confirm !== undefined && confirm !== false) || event.skipped.length > 0;\n}\n\n/** The dry run of a query selection: in progress, or done with the backend's count. */\nexport type ConfirmPreview = { status: 'loading' } | ({ status: 'done' } & ListActionPreview);\n\nexport interface ConfirmDialogProps {\n    /** The action to confirm, or `null` when the dialog is closed. */\n    event: ListActionEvent | null;\n    /**\n     * What the backend told about a query selection. Its count of skipped items replaces the\n     * count of the current page; while it loads, the dialog says so and can't be confirmed.\n     */\n    preview?: ConfirmPreview | null;\n    onConfirm: (event: ListActionEvent) => void;\n    onCancel: () => void;\n}\n\n/**\n * Asks before running an action (decision 0017): the action's `confirm` title and message (an ICU\n * message with `{count}`), or default ones, and how many selected items will be skipped: those of\n * the current page that don't allow it, or the backend's count for every item matching a query.\n */\nexport function ConfirmDialog({ event, preview = null, onConfirm, onCancel }: ConfirmDialogProps) {\n    const intl = usePanneauIntl();\n    if (event === null) {\n        return null;\n    }\n    const { action, count } = event;\n    const loading = preview?.status === 'loading';\n    const skipped = preview?.status === 'done' ? preview.skipped : event.skipped.length;\n    const confirm = typeof action.confirm === 'object' ? action.confirm : {};\n    const values = { count, action: action.label };\n    return (\n        <Dialog\n            isOpen\n            onOpenChange={(open) => {\n                if (!open) {\n                    onCancel();\n                }\n            }}\n            role=\"alertdialog\"\n            isDismissable={false}\n            size=\"sm\"\n            title={\n                confirm.title !== undefined\n                    ? formatDefinitionMessage(intl, confirm.title, values)\n                    : intl.formatMessage(messages.confirmTitle, { action: action.label })\n            }\n            footer={\n                <>\n                    <Button variant=\"ghost\" onPress={onCancel}>\n                        {confirm.cancelLabel ?? intl.formatMessage(messages.cancel)}\n                    </Button>\n                    <Button\n                        variant={action.destructive === true ? 'danger' : 'primary'}\n                        autoFocus\n                        isDisabled={loading}\n                        onPress={() => onConfirm(event)}\n                    >\n                        {confirm.confirmLabel ?? action.label}\n                    </Button>\n                </>\n            }\n        >\n            <p className={styles.message}>\n                {confirm.message !== undefined\n                    ? formatDefinitionMessage(intl, confirm.message, values)\n                    : intl.formatMessage(messages.confirmMessage, values)}\n            </p>\n            {loading ? (\n                <div className={styles.skipped}>\n                    <Spinner\n                        size=\"sm\"\n                        label={intl.formatMessage(messages.confirmChecking)}\n                        showLabel\n                    />\n                </div>\n            ) : skipped > 0 ? (\n                <p className={styles.skipped}>\n                    {intl.formatMessage(messages.confirmSkipped, { count: skipped })}\n                </p>\n            ) : null}\n        </Dialog>\n    );\n}\n"],"mappings":";;;;;;AASA,SAAS,wBACL,MACA,SACA,QACF;CACE,IAAI;EACA,OAAO,OACH,KAAK,WACA,iBAAiB,SAAS,KAAK,MAAM,CAAC,CACtC,OAAO,MAAyC,CACzD;CACJ,QAAQ;EACJ,OAAO;CACX;AACJ;;AAGA,SAAgB,kBAAkB,OAAiC;CAC/D,MAAM,EAAE,YAAY,MAAM;CAC1B,OAAQ,YAAY,KAAA,KAAa,YAAY,SAAU,MAAM,QAAQ,SAAS;AAClF;;;;;;AAsBA,SAAgB,cAAc,EAAE,OAAO,UAAU,MAAM,WAAW,YAAgC;CAC9F,MAAM,OAAO,eAAe;CAC5B,IAAI,UAAU,MACV,OAAO;CAEX,MAAM,EAAE,QAAQ,UAAU;CAC1B,MAAM,UAAU,SAAS,WAAW;CACpC,MAAM,UAAU,SAAS,WAAW,SAAS,QAAQ,UAAU,MAAM,QAAQ;CAC7E,MAAM,UAAU,OAAO,OAAO,YAAY,WAAW,OAAO,UAAU,CAAC;CACvE,MAAM,SAAS;EAAE;EAAO,QAAQ,OAAO;CAAM;CAC7C,OACI,qBAAC,QAAD;EACI,QAAA;EACA,eAAe,SAAS;GACpB,IAAI,CAAC,MACD,SAAS;EAEjB;EACA,MAAK;EACL,eAAe;EACf,MAAK;EACL,OACI,QAAQ,UAAU,KAAA,IACZ,wBAAwB,MAAM,QAAQ,OAAO,MAAM,IACnD,KAAK,cAAc,SAAS,cAAc,EAAE,QAAQ,OAAO,MAAM,CAAC;EAE5E,QACI,qBAAAA,UAAA,EAAA,UAAA,CACI,oBAAC,QAAD;GAAQ,SAAQ;GAAQ,SAAS;GAC5B,UAAA,QAAQ,eAAe,KAAK,cAAc,SAAS,MAAM;EACtD,CAAA,GACR,oBAAC,QAAD;GACI,SAAS,OAAO,gBAAgB,OAAO,WAAW;GAClD,WAAA;GACA,YAAY;GACZ,eAAe,UAAU,KAAK;GAE7B,UAAA,QAAQ,gBAAgB,OAAO;EAC5B,CAAA,CACZ,EAAA,CAAA;EA5BR,UAAA,CA+BI,oBAAC,KAAD;GAAG,WAAWC,uBAAO;GAChB,UAAA,QAAQ,YAAY,KAAA,IACf,wBAAwB,MAAM,QAAQ,SAAS,MAAM,IACrD,KAAK,cAAc,SAAS,gBAAgB,MAAM;EACzD,CAAA,GACF,UACG,oBAAC,OAAD;GAAK,WAAWA,uBAAO;GACnB,UAAA,oBAAC,SAAD;IACI,MAAK;IACL,OAAO,KAAK,cAAc,SAAS,eAAe;IAClD,WAAA;GAAS,CAAA;EAEZ,CAAA,IACL,UAAU,IACV,oBAAC,KAAD;GAAG,WAAWA,uBAAO;GAChB,UAAA,KAAK,cAAc,SAAS,gBAAgB,EAAE,OAAO,QAAQ,CAAC;EAChE,CAAA,IACH,IACA;;AAEhB"}

package/dist/actions/RowActions.js

@@ -3,10 +3,10 @@ import { messages } from "../messages.js";
 import Actions_module_default from "./Actions.module.js";
 import { getActionIcon } from "./icons.js";
 import { ActionButton } from "./ActionButton.js";
-import { c } from "react/compiler-runtime";
 import { IconButton, Menu, MenuItem, MenuTrigger, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Ellipsis } from "lucide-react";
+import { c } from "react/compiler-runtime";
 //#region src/actions/RowActions.tsx
 /** The actions of a row: buttons, then an overflow menu. */
 function RowActions(t0) {

package/dist/displays/Displays.css

@@ -1,8 +1,8 @@
-.panneau-empty-xEtZBq {
+.panneau-displays-empty {
     color: var(--panneau-color-text-muted);
 }
 
-.panneau-text-vty-EA {
+.panneau-displays-text {
     display: -webkit-box;
     overflow: hidden;
     -webkit-line-clamp: 2;
@@ -11,35 +11,35 @@
     overflow-wrap: anywhere;
 }
 
-.panneau-badges-2n5UJa {
+.panneau-displays-badges {
     display: inline-flex;
     flex-wrap: wrap;
     gap: var(--panneau-space-1);
 }
 
-.panneau-boolean-vvV7kf {
+.panneau-displays-boolean {
     display: inline-flex;
     align-items: center;
 }
 
-.panneau-true-Iu6Hsd {
+.panneau-displays-true {
     color: var(--panneau-color-success);
 }
 
-.panneau-false-zp5WgH {
+.panneau-displays-false {
     color: var(--panneau-color-text-muted);
 }
 
-.panneau-number-yfICs7 {
-    font-variant-numeric: tabular-nums;
+.panneau-displays-number {
+    font-variant-numeric: var(--panneau-font-numeric);
 }
 
-.panneau-link-nvMTOa {
+.panneau-displays-link {
     color: var(--panneau-color-link);
     overflow-wrap: anywhere;
 }
 
-.panneau-color-kkWQ1L {
+.panneau-displays-color {
     display: inline-flex;
     align-items: center;
     gap: var(--panneau-space-2);
@@ -47,7 +47,7 @@
     font-size: var(--panneau-font-size-sm);
 }
 
-.panneau-swatch-50Qwvv {
+.panneau-displays-swatch {
     flex: none;
     width: 1rem;
     height: 1rem;
@@ -55,13 +55,13 @@
     border-radius: var(--panneau-radius-sm);
 }
 
-.panneau-media-EOUwYg {
+.panneau-displays-media {
     display: inline-flex;
     align-items: center;
     gap: var(--panneau-space-2);
 }
 
-.panneau-thumbnail-WgBzFY {
+.panneau-displays-thumbnail {
     flex: none;
     width: 2.5rem;
     height: 2.5rem;

package/dist/displays/Displays.module.js

@@ -1,22 +1,22 @@
 import "./Displays.css";
 //#region src/displays/Displays.module.css
-var empty = "panneau-empty-xEtZBq";
-var text = "panneau-text-vty-EA";
-var badges = "panneau-badges-2n5UJa";
-var boolean = "panneau-boolean-vvV7kf";
-var number = "panneau-number-yfICs7";
-var link = "panneau-link-nvMTOa";
-var color = "panneau-color-kkWQ1L";
-var swatch = "panneau-swatch-50Qwvv";
-var media = "panneau-media-EOUwYg";
-var thumbnail = "panneau-thumbnail-WgBzFY";
+var empty = "panneau-displays-empty";
+var text = "panneau-displays-text";
+var badges = "panneau-displays-badges";
+var boolean = "panneau-displays-boolean";
+var number = "panneau-displays-number";
+var link = "panneau-displays-link";
+var color = "panneau-displays-color";
+var swatch = "panneau-displays-swatch";
+var media = "panneau-displays-media";
+var thumbnail = "panneau-displays-thumbnail";
 var Displays_module_default = {
 	empty,
 	text,
 	badges,
 	boolean,
-	"true": "panneau-true-Iu6Hsd",
-	"false": "panneau-false-zp5WgH",
+	"true": "panneau-displays-true",
+	"false": "panneau-displays-false",
 	number,
 	link,
 	color,

package/dist/displays/Displays.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Displays.module.js","names":[],"sources":["../../src/displays/Displays.module.css"],"sourcesContent":[".empty {\n    color: var(--panneau-color-text-muted);\n}\n\n.text {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-line-clamp: 2;\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow-wrap: anywhere;\n}\n\n.badges {\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: var(--panneau-space-1);\n}\n\n.boolean {\n    display: inline-flex;\n    align-items: center;\n}\n\n.true {\n    color: var(--panneau-color-success);\n}\n\n.false {\n    color: var(--panneau-color-text-muted);\n}\n\n.number {\n    font-variant-numeric: tabular-nums;\n}\n\n.link {\n    color: var(--panneau-color-link);\n    overflow-wrap: anywhere;\n}\n\n.color {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-2);\n    font-family: var(--panneau-font-family-mono);\n    font-size: var(--panneau-font-size-sm);\n}\n\n.swatch {\n    flex: none;\n    width: 1rem;\n    height: 1rem;\n    border: var(--panneau-border-width) solid var(--panneau-color-border-control);\n    border-radius: var(--panneau-radius-sm);\n}\n\n.media {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-2);\n}\n\n.thumbnail {\n    flex: none;\n    width: 2.5rem;\n    height: 2.5rem;\n    object-fit: cover;\n    background-color: var(--panneau-color-surface-sunken);\n    border-radius: var(--panneau-radius-sm);\n}\n"],"mappings":""}
+{"version":3,"file":"Displays.module.js","names":[],"sources":["../../src/displays/Displays.module.css"],"sourcesContent":[".empty {\n    color: var(--panneau-color-text-muted);\n}\n\n.text {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-line-clamp: 2;\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow-wrap: anywhere;\n}\n\n.badges {\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: var(--panneau-space-1);\n}\n\n.boolean {\n    display: inline-flex;\n    align-items: center;\n}\n\n.true {\n    color: var(--panneau-color-success);\n}\n\n.false {\n    color: var(--panneau-color-text-muted);\n}\n\n.number {\n    font-variant-numeric: var(--panneau-font-numeric);\n}\n\n.link {\n    color: var(--panneau-color-link);\n    overflow-wrap: anywhere;\n}\n\n.color {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-2);\n    font-family: var(--panneau-font-family-mono);\n    font-size: var(--panneau-font-size-sm);\n}\n\n.swatch {\n    flex: none;\n    width: 1rem;\n    height: 1rem;\n    border: var(--panneau-border-width) solid var(--panneau-color-border-control);\n    border-radius: var(--panneau-radius-sm);\n}\n\n.media {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-2);\n}\n\n.thumbnail {\n    flex: none;\n    width: 2.5rem;\n    height: 2.5rem;\n    object-fit: cover;\n    background-color: var(--panneau-color-surface-sunken);\n    border-radius: var(--panneau-radius-sm);\n}\n"],"mappings":""}

package/dist/displays/displays.js

@@ -1,10 +1,10 @@
 import { messages } from "../messages.js";
 import { getFieldOptions, getOptionLabel, toText } from "../values.js";
 import Displays_module_default from "./Displays.module.js";
-import { c } from "react/compiler-runtime";
 import { Badge, Icon, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, Minus } from "lucide-react";
+import { c } from "react/compiler-runtime";
 import { toReferences } from "@panneau/fields";
 //#region src/displays/displays.tsx
 /** What a cell shows without a value. Hidden from assistive technologies, which skip the cell. */

package/dist/filters/Filters.css

@@ -1,35 +1,35 @@
-.panneau-filters-9H41r8 {
+.panneau-filters {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-end;
     gap: var(--panneau-space-3);
 }
 
-.panneau-control-vD-jl2 {
+.panneau-filters-control {
     width: 12rem;
     max-width: 100%;
 }
 
-.panneau-toggle-aBWzSX {
+.panneau-filters-toggle {
     align-self: center;
     min-height: var(--panneau-control-height);
     display: flex;
     align-items: center;
 }
 
-.panneau-range-lY9OdJ {
+.panneau-filters-range {
     display: flex;
     flex-wrap: wrap;
     gap: var(--panneau-space-2);
     max-width: 100%;
 }
 
-.panneau-range-lY9OdJ > :not(legend) {
+.panneau-filters-range > :not(legend) {
     width: 11rem;
     max-width: 100%;
 }
 
-.panneau-chips-zPj5hD {
+.panneau-filters-chips {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
@@ -39,7 +39,7 @@
     list-style: none;
 }
 
-.panneau-chip-RQRPo6 {
+.panneau-filters-chip {
     display: inline-flex;
     align-items: center;
     gap: var(--panneau-space-1);
@@ -51,21 +51,21 @@
     border-radius: var(--panneau-radius-full);
 }
 
-.panneau-chipText-Uofas9 {
+.panneau-filters-chip-text {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
-.panneau-chipLabel-QsALcI {
+.panneau-filters-chip-label {
     color: var(--panneau-color-text-muted);
 }
 
 @container panneau-list (max-width: 40rem) {
-    .panneau-filters-9H41r8,
-    .panneau-control-vD-jl2,
-    .panneau-range-lY9OdJ,
-    .panneau-range-lY9OdJ > :not(legend) {
+    .panneau-filters,
+    .panneau-filters-control,
+    .panneau-filters-range,
+    .panneau-filters-range > :not(legend) {
         width: 100%;
     }
 }

package/dist/filters/Filters.js

@@ -2,10 +2,10 @@ import { messages } from "../messages.js";
 import Filters_module_default from "./Filters.module.js";
 import { builtInFilters } from "./controls.js";
 import { formatFilterValue, getFilterLabel, getFilterOptions } from "./format.js";
-import { c } from "react/compiler-runtime";
 import { Button, IconButton, usePanneauIntl } from "@panneau/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
+import { c } from "react/compiler-runtime";
 import { useState } from "react";
 //#region src/filters/Filters.tsx
 /** Remembers the labels of filter values, for the chips of active filters. */

package/dist/filters/Filters.module.js

@@ -1,13 +1,13 @@
 import "./Filters.css";
 //#region src/filters/Filters.module.css
-var filters = "panneau-filters-9H41r8";
-var control = "panneau-control-vD-jl2";
-var toggle = "panneau-toggle-aBWzSX";
-var range = "panneau-range-lY9OdJ";
-var chips = "panneau-chips-zPj5hD";
-var chip = "panneau-chip-RQRPo6";
-var chipText = "panneau-chipText-Uofas9";
-var chipLabel = "panneau-chipLabel-QsALcI";
+var filters = "panneau-filters";
+var control = "panneau-filters-control";
+var toggle = "panneau-filters-toggle";
+var range = "panneau-filters-range";
+var chips = "panneau-filters-chips";
+var chip = "panneau-filters-chip";
+var chipText = "panneau-filters-chip-text";
+var chipLabel = "panneau-filters-chip-label";
 var Filters_module_default = {
 	filters,
 	control,

package/dist/filters/controls.js

@@ -1,9 +1,9 @@
 import { messages } from "../messages.js";
 import { useDraft } from "../useDraft.js";
 import Filters_module_default from "./Filters.module.js";
-import { c } from "react/compiler-runtime";
 import { Fieldset, Select, Switch, TextInput, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { useFieldsContext } from "@panneau/fields";
 import { useEffect } from "react";
 import { DateField } from "@panneau/fields/date";

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { type ListActions, getActionHref, groupListActions, isAllowedOn } from './actions/actions';
-export { ConfirmDialog, type ConfirmDialogProps } from './actions/ConfirmDialog';
+export { ConfirmDialog, type ConfirmDialogProps, type ConfirmPreview, } from './actions/ConfirmDialog';
 export { type ActionIcons, getActionIcon } from './actions/icons';
 export { BooleanDisplay, ColorDisplay, DateDisplay, DateTimeDisplay, EmailDisplay, EmptyValue, MediaDisplay, NumberDisplay, RelationDisplay, RichTextDisplay, SelectDisplay, TextDisplay, TimeDisplay, UrlDisplay, builtInDisplays, } from './displays/displays';
 export { DateFilter, DateRangeFilter, RelationFilter, SelectFilter, TextFilter, ToggleFilter, builtInFilters, } from './filters/controls';
@@ -13,7 +13,7 @@ export { type LocalQueryOptions, type LocalQueryResult, applyListQuery } from '.
 export { countSelected, getPageSelection, isItemSelected } from './selection';
 export { Pagination, type PaginationProps } from './toolbar/Pagination';
 export { SearchField, type SearchFieldProps } from './toolbar/SearchField';
-export type { DisplayEntry, DisplayProps, FilterControlProps, FilterEntry, ListActionEvent, ListActionHandler, ListColumn, ListItem, ListLayoutEntry, ListLayoutProps, } from './types';
+export type { DisplayEntry, DisplayProps, FilterControlProps, FilterEntry, ListActionEvent, ListActionHandler, ListActionPreview, ListActionPreviewer, ListColumn, ListItem, ListLayoutEntry, ListLayoutProps, } from './types';
 export { useListState } from './useListState';
 export { getLocalizedValue, toText } from './values';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,KAAK,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EACH,cAAc,EACd,YAAY,EACZ,WAAW,EACX,eAAe,EACf,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,aAAa,EACb,eAAe,EACf,eAAe,EACf,aAAa,EACb,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACH,UAAU,EACV,eAAe,EACf,cAAc,EACd,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,cAAc,GACjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC3E,YAAY,EACR,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,eAAe,EACf,eAAe,GAClB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACnG,OAAO,EACH,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,cAAc,GACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,KAAK,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EACH,cAAc,EACd,YAAY,EACZ,WAAW,EACX,eAAe,EACf,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,aAAa,EACb,eAAe,EACf,eAAe,EACf,aAAa,EACb,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACH,UAAU,EACV,eAAe,EACf,cAAc,EACd,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,cAAc,GACjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC3E,YAAY,EACR,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,eAAe,EACf,eAAe,GAClB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/layouts/CardsLayout.css

@@ -1,4 +1,4 @@
-.panneau-cards-Z7Eoyl {
+.panneau-cards-layout-cards {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr));
     gap: var(--panneau-space-3);
@@ -7,7 +7,7 @@
     list-style: none;
 }
 
-.panneau-card-3yuJKc {
+.panneau-cards-layout-card {
     display: flex;
     flex-direction: column;
     gap: var(--panneau-space-2);
@@ -17,18 +17,18 @@
     border-radius: var(--panneau-radius-lg);
 }
 
-.panneau-card-3yuJKc[data-selected] {
+.panneau-cards-layout-card[data-selected] {
     background-color: var(--panneau-color-accent-subtle);
     border-color: var(--panneau-color-border-control);
 }
 
-.panneau-header-8nkYnu {
+.panneau-cards-layout-header {
     display: flex;
     align-items: flex-start;
     gap: var(--panneau-space-2);
 }
 
-.panneau-title-D4GR87 {
+.panneau-cards-layout-title {
     flex: 1;
     min-width: 0;
     margin: 0;
@@ -37,29 +37,35 @@
     line-height: var(--panneau-line-height-tight);
 }
 
-.panneau-values-JmHWF4 {
+.panneau-cards-layout-values {
     display: grid;
     gap: var(--panneau-space-1);
     margin: 0;
     font-size: var(--panneau-font-size-md);
 }
 
-.panneau-value--4Hmov {
+.panneau-cards-layout-values dt,
+.panneau-cards-layout-values dd {
+    margin: 0;
+    font-weight: inherit;
+}
+
+.panneau-cards-layout-value {
     display: grid;
     grid-template-columns: minmax(5rem, 40%) 1fr;
     gap: var(--panneau-space-2);
 }
 
-.panneau-value--4Hmov dt {
+.panneau-cards-layout-value dt {
     color: var(--panneau-color-text-muted);
 }
 
-.panneau-value--4Hmov dd {
+.panneau-cards-layout-value dd {
     margin: 0;
     min-width: 0;
 }
 
-.panneau-actions-gw5-oU {
+.panneau-cards-layout-actions {
     display: flex;
     flex-wrap: wrap;
     gap: var(--panneau-space-1);
@@ -67,6 +73,6 @@
     padding-top: var(--panneau-space-1);
 }
 
-.panneau-pageSelection-r1GtpS {
+.panneau-cards-layout-page-selection {
     margin-bottom: var(--panneau-space-2);
 }

package/dist/layouts/CardsLayout.js

@@ -1,9 +1,9 @@
 import { messages } from "../messages.js";
 import CardsLayout_module_default from "./CardsLayout.module.js";
 import { ItemTitle } from "./ItemTitle.js";
-import { c } from "react/compiler-runtime";
 import { Checkbox, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/layouts/CardsLayout.tsx
 /** Items as cards: the first column is the title, the others are listed under it. */
 function CardsLayout(t0) {

package/dist/layouts/CardsLayout.module.js

@@ -1,13 +1,13 @@
 import "./CardsLayout.css";
 //#region src/layouts/CardsLayout.module.css
-var cards = "panneau-cards-Z7Eoyl";
-var card = "panneau-card-3yuJKc";
-var header = "panneau-header-8nkYnu";
-var title = "panneau-title-D4GR87";
-var values = "panneau-values-JmHWF4";
-var value = "panneau-value--4Hmov";
-var actions = "panneau-actions-gw5-oU";
-var pageSelection = "panneau-pageSelection-r1GtpS";
+var cards = "panneau-cards-layout-cards";
+var card = "panneau-cards-layout-card";
+var header = "panneau-cards-layout-header";
+var title = "panneau-cards-layout-title";
+var values = "panneau-cards-layout-values";
+var value = "panneau-cards-layout-value";
+var actions = "panneau-cards-layout-actions";
+var pageSelection = "panneau-cards-layout-page-selection";
 var CardsLayout_module_default = {
 	cards,
 	card,