@panneau/lists 4.1.1 → 5.0.0-alpha.0

package/dist/actions/ConfirmDialog.js

@@ -0,0 +1,157 @@
+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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/actions/ConfirmDialog.tsx
+/** Formats an ICU message of the definition (`{count, plural, …}`) in the locale. */
+function formatDefinitionMessage(intl, message, values) {
+	try {
+		return String(intl.formatters.getMessageFormat(message, intl.locale).format(values));
+	} catch {
+		return message;
+	}
+}
+/** Whether an action needs a confirmation: it asks for one, or some selected items are skipped. */
+function needsConfirmation(event) {
+	const { confirm } = event.action;
+	return confirm !== void 0 && confirm !== false || event.skipped.length > 0;
+}
+/**
+* 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.
+*/
+function ConfirmDialog(t0) {
+	const $ = c(40);
+	const { event, onConfirm, onCancel } = t0;
+	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, {
+			variant: "ghost",
+			onPress: onCancel,
+			children: confirm.cancelLabel ?? intl.formatMessage(messages.cancel)
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: action.destructive === true ? "danger" : "primary",
+			autoFocus: true,
+			onPress: t10,
+			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", {
+			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;
+}
+//#endregion
+export { ConfirmDialog, needsConfirmation };
+
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/actions/ConfirmDialog.js.map

@@ -0,0 +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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"}

package/dist/actions/RowActions.d.ts

@@ -0,0 +1,17 @@
+import type { Action } from '@panneau/protocol';
+import type { ListItem } from '../types';
+export interface RowActionsProps {
+    item: ListItem;
+    /** The label of the item, for the accessible names of its actions. */
+    itemLabel: string;
+    /** Actions shown as buttons. */
+    actions: readonly Action[];
+    /** Actions in the overflow menu. */
+    menu: readonly Action[];
+    /** Id of the action that is running on this item, if any. */
+    pending: string | null;
+    onRun: (action: Action) => void;
+}
+/** The actions of a row: buttons, then an overflow menu. */
+export declare function RowActions({ item, itemLabel, actions, menu, pending, onRun }: RowActionsProps): import("react").JSX.Element;
+//# sourceMappingURL=RowActions.d.ts.map

package/dist/actions/RowActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../src/actions/RowActions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAIhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAMzC,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,sEAAsE;IACtE,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,oCAAoC;IACpC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACxB,6DAA6D;IAC7D,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,4DAA4D;AAC5D,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,eAAe,+BAuD7F"}

package/dist/actions/RowActions.js

@@ -0,0 +1,95 @@
+import { getActionHref } from "./actions.js";
+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";
+//#region src/actions/RowActions.tsx
+/** The actions of a row: buttons, then an overflow menu. */
+function RowActions(t0) {
+	const $ = c(23);
+	const { item, itemLabel, actions, menu, pending, onRun } = t0;
+	const intl = usePanneauIntl();
+	let t1;
+	if ($[0] !== actions || $[1] !== intl || $[2] !== item || $[3] !== itemLabel || $[4] !== onRun || $[5] !== pending) {
+		let t2;
+		if ($[7] !== intl || $[8] !== item || $[9] !== itemLabel || $[10] !== onRun || $[11] !== pending) {
+			t2 = (action) => /* @__PURE__ */ jsx(ActionButton, {
+				action,
+				href: getActionHref(action, item),
+				isPending: pending === action.id,
+				isDisabled: pending !== null && pending !== action.id,
+				"aria-label": intl.formatMessage(messages.actionOnItem, {
+					action: action.label,
+					item: itemLabel
+				}),
+				onPress: () => onRun(action)
+			}, action.id);
+			$[7] = intl;
+			$[8] = item;
+			$[9] = itemLabel;
+			$[10] = onRun;
+			$[11] = pending;
+			$[12] = t2;
+		} else t2 = $[12];
+		t1 = actions.map(t2);
+		$[0] = actions;
+		$[1] = intl;
+		$[2] = item;
+		$[3] = itemLabel;
+		$[4] = onRun;
+		$[5] = pending;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[13] !== intl || $[14] !== item || $[15] !== itemLabel || $[16] !== menu || $[17] !== onRun || $[18] !== pending) {
+		t2 = menu.length > 0 ? /* @__PURE__ */ jsxs(MenuTrigger, { children: [/* @__PURE__ */ jsx(IconButton, {
+			icon: Ellipsis,
+			size: "sm",
+			label: intl.formatMessage(messages.itemActions, { item: itemLabel }),
+			isPending: pending !== null && menu.some((action_0) => action_0.id === pending)
+		}), /* @__PURE__ */ jsx(Menu, {
+			placement: "bottom end",
+			onAction: (key) => {
+				const action_1 = menu.find((candidate) => candidate.id === key);
+				if (action_1 !== void 0 && getActionHref(action_1, item) === null) onRun(action_1);
+			},
+			children: menu.map((action_2) => {
+				const href = getActionHref(action_2, item);
+				const icon = getActionIcon(action_2);
+				return /* @__PURE__ */ jsx(MenuItem, {
+					id: action_2.id,
+					isDanger: action_2.destructive === true,
+					...icon !== void 0 ? { icon } : {},
+					...href !== null ? { href } : {},
+					children: action_2.label
+				}, action_2.id);
+			})
+		})] }) : null;
+		$[13] = intl;
+		$[14] = item;
+		$[15] = itemLabel;
+		$[16] = menu;
+		$[17] = onRun;
+		$[18] = pending;
+		$[19] = t2;
+	} else t2 = $[19];
+	let t3;
+	if ($[20] !== t1 || $[21] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("div", {
+			className: Actions_module_default.row,
+			children: [t1, t2]
+		});
+		$[20] = t1;
+		$[21] = t2;
+		$[22] = t3;
+	} else t3 = $[22];
+	return t3;
+}
+//#endregion
+export { RowActions };
+
+//# sourceMappingURL=RowActions.js.map

package/dist/actions/RowActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowActions.js","names":["action","Ellipsis","_c","styles"],"sources":["../../src/actions/RowActions.tsx"],"sourcesContent":["import { Ellipsis } from 'lucide-react';\n\nimport type { Action } from '@panneau/protocol';\nimport { IconButton, Menu, MenuItem, MenuTrigger, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../messages';\nimport type { ListItem } from '../types';\nimport { ActionButton } from './ActionButton';\nimport styles from './Actions.module.css';\nimport { getActionHref } from './actions';\nimport { getActionIcon } from './icons';\n\nexport interface RowActionsProps {\n    item: ListItem;\n    /** The label of the item, for the accessible names of its actions. */\n    itemLabel: string;\n    /** Actions shown as buttons. */\n    actions: readonly Action[];\n    /** Actions in the overflow menu. */\n    menu: readonly Action[];\n    /** Id of the action that is running on this item, if any. */\n    pending: string | null;\n    onRun: (action: Action) => void;\n}\n\n/** The actions of a row: buttons, then an overflow menu. */\nexport function RowActions({ item, itemLabel, actions, menu, pending, onRun }: RowActionsProps) {\n    const intl = usePanneauIntl();\n    return (\n        <div className={styles.row}>\n            {actions.map((action) => (\n                <ActionButton\n                    key={action.id}\n                    action={action}\n                    href={getActionHref(action, item)}\n                    isPending={pending === action.id}\n                    isDisabled={pending !== null && pending !== action.id}\n                    aria-label={intl.formatMessage(messages.actionOnItem, {\n                        action: action.label,\n                        item: itemLabel,\n                    })}\n                    onPress={() => onRun(action)}\n                />\n            ))}\n            {menu.length > 0 ? (\n                <MenuTrigger>\n                    <IconButton\n                        icon={Ellipsis}\n                        size=\"sm\"\n                        label={intl.formatMessage(messages.itemActions, { item: itemLabel })}\n                        isPending={pending !== null && menu.some((action) => action.id === pending)}\n                    />\n                    <Menu\n                        placement=\"bottom end\"\n                        onAction={(key) => {\n                            const action = menu.find((candidate) => candidate.id === key);\n                            if (action !== undefined && getActionHref(action, item) === null) {\n                                onRun(action);\n                            }\n                        }}\n                    >\n                        {menu.map((action) => {\n                            const href = getActionHref(action, item);\n                            const icon = getActionIcon(action);\n                            return (\n                                <MenuItem\n                                    key={action.id}\n                                    id={action.id}\n                                    isDanger={action.destructive === true}\n                                    {...(icon !== undefined ? { icon } : {})}\n                                    {...(href !== null ? { href } : {})}\n                                >\n                                    {action.label}\n                                </MenuItem>\n                            );\n                        })}\n                    </Menu>\n                </MenuTrigger>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;;;AA0BA,SAAO,WAAA,IAAA;CAAA,MAAA,IAAAE,EAAA,EAAA;CAAoB,MAAA,EAAA,MAAA,WAAA,SAAA,MAAA,SAAA,UAAA;CACvB,MAAA,OAAa,eAAe;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,WAAA,EAAA,OAAA,QAAA,EAAA,OAAA,QAAA,EAAA,OAAA,aAAA,EAAA,OAAA,SAAA,EAAA,OAAA,SAAA;EAAA,IAAA;EAAA,IAAA,EAAA,OAAA,QAAA,EAAA,OAAA,QAAA,EAAA,OAAA,aAAA,EAAA,QAAA,SAAA,EAAA,QAAA,SAAA;GAGT,MAAA,WACT,oBAAC,cAAD;IAEY;IACF,MAAA,cAAc,QAAQ,IAAI;IACrB,WAAA,YAAY,OAAM;IACjB,YAAA,YAAY,QAAQ,YAAY,OAAM;IACtC,cAAA,KAAI,cAAe,SAAQ,cAAe;KAAA,QAC1C,OAAM;KAAM,MACd;IACV,CAAC;IACQ,eAAM,MAAM,MAAM;GAAC,GATvB,OAAM,EASiB;GAEnC,EAAA,KAAA;GAAA,EAAA,KAAA;GAAA,EAAA,KAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;EAAA,OAAA,KAAA,EAAA;EAbA,KAAA,QAAO,IAAK,EAaZ;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,QAAA,EAAA,QAAA,QAAA,EAAA,QAAA,aAAA,EAAA,QAAA,QAAA,EAAA,QAAA,SAAA,EAAA,QAAA,SAAA;EACD,KAAA,KAAI,SAAU,IACX,qBAAC,aAAD,EAAA,UAAA,CACI,oBAAC,YAAD;GACUD,MAAA;GACD,MAAA;GACE,OAAA,KAAI,cAAe,SAAQ,aAAc,EAAA,MAAQ,UAAU,CAAC;GACxD,WAAA,YAAY,QAAQ,KAAI,MAAM,aAAYD,SAAM,OAAQ,OAAO;EAAC,CAAA,GAE/E,oBAAC,MAAD;GACc,WAAA;GACA,WAAA,QAAA;IACN,MAAA,WAAe,KAAI,MAAM,cAAe,UAAS,OAAQ,GAAG;IAC5D,IAAIA,aAAW,KAAA,KAAa,cAAcA,UAAQ,IAAI,MAAM,MACxD,MAAMA,QAAM;GACf;GAGJ,UAAA,KAAI,KAAK,aAAA;IACN,MAAA,OAAa,cAAcA,UAAQ,IAAI;IACvC,MAAA,OAAa,cAAcA,QAAM;IAAE,OAE/B,oBAAC,UAAD;KAEQ,IAAAA,SAAM;KACA,UAAAA,SAAM,gBAAiB;KAAI,GAChC,SAAS,KAAA,IAAT,EAAA,KAAiC,IAAjC,CAAiC;KAAC,GAClC,SAAS,OAAT,EAAA,KAA4B,IAA5B,CAA4B;KAEhCA,UAAAA,SAAM;IAPF,GACAA,SAAM,EADN;GAQE,CAElB;EAvBA,CAAA,CAPG,EAAA,CAAA,IADf;EAkCO,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,MAAA,EAAA,QAAA,IAAA;EAjDZ,KAAA,qBAAA,OAAA;GAAgB,WAAAG,uBAAM;GAAtB,UAAA,CACK,IAcA,EAmCC;;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAlDN;AAkDM"}

package/dist/actions/actions.d.ts

@@ -0,0 +1,23 @@
+import type { Action, ActionPlacement } from '@panneau/protocol';
+import type { ListItem } from '../types';
+/** Actions of a list: a list (grouped by their placements), or already grouped by placement. */
+export type ListActions = readonly Action[] | Partial<Record<ActionPlacement, readonly Action[]>>;
+/**
+ * Groups actions by placement, without those the user can't run on the resource
+ * (`abilities.run`). Actions already grouped (as `resolveList()` does) are filtered the same way.
+ */
+export declare function groupListActions(actions: ListActions | undefined): Record<ActionPlacement, Action[]>;
+/**
+ * Whether an action is available on an item (decision 0011). Without abilities, the item allows
+ * everything and the backend decides. With abilities, a link is allowed unless the item says
+ * otherwise, and other actions only when the item lists their id.
+ */
+export declare function isAllowedOn(action: Action, item: ListItem): boolean;
+/**
+ * The link of a `link` action for an item: its `url` template with `{id}` (and other `{field}`
+ * values of the item) filled in, or `null` for an action with a `route` or without an item.
+ */
+export declare function getActionHref(action: Action, item?: ListItem): string | null;
+/** Whether an action's scope includes another one. */
+export declare function hasScope(action: Action, scope: Action['scope'][number]): boolean;
+//# sourceMappingURL=actions.d.ts.map

package/dist/actions/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/actions/actions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,gGAAgG;AAChG,MAAM,MAAM,WAAW,GAAG,SAAS,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,MAAM,EAAE,CAAC,CAAC,CAAC;AAElG;;;GAGG;AACH,wBAAgB,gBAAgB,CAC5B,OAAO,EAAE,WAAW,GAAG,SAAS,GACjC,MAAM,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC,CASnC;AAMD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAWnE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAW5E;AAED,sDAAsD;AACtD,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,GAAG,OAAO,CAEhF"}

package/dist/actions/actions.js

@@ -0,0 +1,56 @@
+import { canRunAction, groupActions } from "@panneau/core";
+//#region src/actions/actions.ts
+/**
+* Groups actions by placement, without those the user can't run on the resource
+* (`abilities.run`). Actions already grouped (as `resolveList()` does) are filtered the same way.
+*/
+function groupListActions(actions) {
+	if (actions === void 0) return {
+		row: [],
+		toolbar: [],
+		form: [],
+		menu: []
+	};
+	if (isActionList(actions)) return groupActions(actions);
+	const pick = (placement) => (actions[placement] ?? []).filter(canRunAction);
+	return {
+		row: pick("row"),
+		toolbar: pick("toolbar"),
+		form: pick("form"),
+		menu: pick("menu")
+	};
+}
+function isActionList(actions) {
+	return Array.isArray(actions);
+}
+/**
+* Whether an action is available on an item (decision 0011). Without abilities, the item allows
+* everything and the backend decides. With abilities, a link is allowed unless the item says
+* otherwise, and other actions only when the item lists their id.
+*/
+function isAllowedOn(action, item) {
+	if (!canRunAction(action)) return false;
+	if (item.abilities === void 0) return true;
+	if (action.kind === "link") return item.abilities[action.id] !== false;
+	return item.abilities[action.id] === true;
+}
+/**
+* The link of a `link` action for an item: its `url` template with `{id}` (and other `{field}`
+* values of the item) filled in, or `null` for an action with a `route` or without an item.
+*/
+function getActionHref(action, item) {
+	if (action.kind !== "link" || action.url === void 0) return null;
+	const { url } = action;
+	return url.replace(/\{([^}]+)\}/g, (match, name) => {
+		const value = item?.[name];
+		return typeof value === "string" || typeof value === "number" ? encodeURIComponent(String(value)) : match;
+	});
+}
+/** Whether an action's scope includes another one. */
+function hasScope(action, scope) {
+	return action.scope.includes(scope);
+}
+//#endregion
+export { getActionHref, groupListActions, hasScope, isAllowedOn };
+
+//# sourceMappingURL=actions.js.map

package/dist/actions/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","names":[],"sources":["../../src/actions/actions.ts"],"sourcesContent":["import { canRunAction, groupActions } from '@panneau/core';\nimport type { Action, ActionPlacement } from '@panneau/protocol';\n\nimport type { ListItem } from '../types';\n\n/** Actions of a list: a list (grouped by their placements), or already grouped by placement. */\nexport type ListActions = readonly Action[] | Partial<Record<ActionPlacement, readonly Action[]>>;\n\n/**\n * Groups actions by placement, without those the user can't run on the resource\n * (`abilities.run`). Actions already grouped (as `resolveList()` does) are filtered the same way.\n */\nexport function groupListActions(\n    actions: ListActions | undefined,\n): Record<ActionPlacement, Action[]> {\n    if (actions === undefined) {\n        return { row: [], toolbar: [], form: [], menu: [] };\n    }\n    if (isActionList(actions)) {\n        return groupActions(actions);\n    }\n    const pick = (placement: ActionPlacement) => (actions[placement] ?? []).filter(canRunAction);\n    return { row: pick('row'), toolbar: pick('toolbar'), form: pick('form'), menu: pick('menu') };\n}\n\nfunction isActionList(actions: ListActions): actions is readonly Action[] {\n    return Array.isArray(actions);\n}\n\n/**\n * Whether an action is available on an item (decision 0011). Without abilities, the item allows\n * everything and the backend decides. With abilities, a link is allowed unless the item says\n * otherwise, and other actions only when the item lists their id.\n */\nexport function isAllowedOn(action: Action, item: ListItem): boolean {\n    if (!canRunAction(action)) {\n        return false;\n    }\n    if (item.abilities === undefined) {\n        return true;\n    }\n    if (action.kind === 'link') {\n        return item.abilities[action.id] !== false;\n    }\n    return item.abilities[action.id] === true;\n}\n\n/**\n * The link of a `link` action for an item: its `url` template with `{id}` (and other `{field}`\n * values of the item) filled in, or `null` for an action with a `route` or without an item.\n */\nexport function getActionHref(action: Action, item?: ListItem): string | null {\n    if (action.kind !== 'link' || action.url === undefined) {\n        return null;\n    }\n    const { url } = action;\n    return url.replace(/\\{([^}]+)\\}/g, (match, name: string) => {\n        const value = item?.[name];\n        return typeof value === 'string' || typeof value === 'number'\n            ? encodeURIComponent(String(value))\n            : match;\n    });\n}\n\n/** Whether an action's scope includes another one. */\nexport function hasScope(action: Action, scope: Action['scope'][number]): boolean {\n    return action.scope.includes(scope);\n}\n"],"mappings":";;;;;;AAYA,SAAgB,iBACZ,SACiC;CACjC,IAAI,YAAY,KAAA,GACZ,OAAO;EAAE,KAAK,CAAA;EAAI,SAAS,CAAA;EAAI,MAAM,CAAA;EAAI,MAAM,CAAA;CAAG;CAEtD,IAAI,aAAa,OAAO,GACpB,OAAO,aAAa,OAAO;CAE/B,MAAM,QAAQ,eAAgC,QAAQ,cAAc,CAAA,EAAA,CAAI,OAAO,YAAY;CAC3F,OAAO;EAAE,KAAK,KAAK,KAAK;EAAG,SAAS,KAAK,SAAS;EAAG,MAAM,KAAK,MAAM;EAAG,MAAM,KAAK,MAAM;CAAE;AAChG;AAEA,SAAS,aAAa,SAAoD;CACtE,OAAO,MAAM,QAAQ,OAAO;AAChC;;;;;;AAOA,SAAgB,YAAY,QAAgB,MAAyB;CACjE,IAAI,CAAC,aAAa,MAAM,GACpB,OAAO;CAEX,IAAI,KAAK,cAAc,KAAA,GACnB,OAAO;CAEX,IAAI,OAAO,SAAS,QAChB,OAAO,KAAK,UAAU,OAAO,QAAQ;CAEzC,OAAO,KAAK,UAAU,OAAO,QAAQ;AACzC;;;;;AAMA,SAAgB,cAAc,QAAgB,MAAgC;CAC1E,IAAI,OAAO,SAAS,UAAU,OAAO,QAAQ,KAAA,GACzC,OAAO;CAEX,MAAM,EAAE,QAAQ;CAChB,OAAO,IAAI,QAAQ,iBAAiB,OAAO,SAAiB;EACxD,MAAM,QAAQ,OAAO;EACrB,OAAO,OAAO,UAAU,YAAY,OAAO,UAAU,WAC/C,mBAAmB,OAAO,KAAK,CAAC,IAChC;CACV,CAAC;AACL;;AAGA,SAAgB,SAAS,QAAgB,OAAyC;CAC9E,OAAO,OAAO,MAAM,SAAS,KAAK;AACtC"}

package/dist/actions/icons.d.ts

@@ -0,0 +1,5 @@
+import { type LucideIcon } from 'lucide-react';
+import type { Action } from '@panneau/protocol';
+/** The icon of an action, for the built-in ones. */
+export declare function getActionIcon(action: Action): LucideIcon | undefined;
+//# sourceMappingURL=icons.d.ts.map

package/dist/actions/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/actions/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,KAAK,UAAU,EAKlB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAgBhD,oDAAoD;AACpD,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAEpE"}

package/dist/actions/icons.js

@@ -0,0 +1,23 @@
+import { Copy, Download, Eye, Pencil, RotateCcw, Trash2, Upload } from "lucide-react";
+//#region src/actions/icons.ts
+/**
+* Icons of the built-in actions. Icons named in definitions (`"icon": "send"`) need a lookup by
+* name, which comes with the actions of Phase 2 (decision 0020).
+*/
+var BUILT_IN_ICONS = {
+	show: Eye,
+	edit: Pencil,
+	duplicate: Copy,
+	delete: Trash2,
+	restore: RotateCcw,
+	export: Download,
+	import: Upload
+};
+/** The icon of an action, for the built-in ones. */
+function getActionIcon(action) {
+	return BUILT_IN_ICONS[action.id];
+}
+//#endregion
+export { getActionIcon };
+
+//# sourceMappingURL=icons.js.map

package/dist/actions/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","names":[],"sources":["../../src/actions/icons.ts"],"sourcesContent":["import {\n    Copy,\n    Download,\n    Eye,\n    type LucideIcon,\n    Pencil,\n    RotateCcw,\n    Trash2,\n    Upload,\n} from 'lucide-react';\n\nimport type { Action } from '@panneau/protocol';\n\n/**\n * Icons of the built-in actions. Icons named in definitions (`\"icon\": \"send\"`) need a lookup by\n * name, which comes with the actions of Phase 2 (decision 0020).\n */\nconst BUILT_IN_ICONS: Record<string, LucideIcon> = {\n    show: Eye,\n    edit: Pencil,\n    duplicate: Copy,\n    delete: Trash2,\n    restore: RotateCcw,\n    export: Download,\n    import: Upload,\n};\n\n/** The icon of an action, for the built-in ones. */\nexport function getActionIcon(action: Action): LucideIcon | undefined {\n    return BUILT_IN_ICONS[action.id];\n}\n"],"mappings":";;;;;;AAiBA,IAAM,iBAA6C;CAC/C,MAAM;CACN,MAAM;CACN,WAAW;CACX,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,QAAQ;AACZ;;AAGA,SAAgB,cAAc,QAAwC;CAClE,OAAO,eAAe,OAAO;AACjC"}

package/dist/cx.d.ts

@@ -0,0 +1,3 @@
+/** Joins class names, skipping empty ones. */
+export declare function cx(...classNames: (string | false | null | undefined)[]): string;
+//# sourceMappingURL=cx.d.ts.map

package/dist/cx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../src/cx.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,wBAAgB,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE/E"}

package/dist/cx.js

@@ -0,0 +1,9 @@
+//#region src/cx.ts
+/** Joins class names, skipping empty ones. */
+function cx(...classNames) {
+	return classNames.filter(Boolean).join(" ");
+}
+//#endregion
+export { cx };
+
+//# sourceMappingURL=cx.js.map

package/dist/cx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.js","names":[],"sources":["../src/cx.ts"],"sourcesContent":["/** Joins class names, skipping empty ones. */\nexport function cx(...classNames: (string | false | null | undefined)[]): string {\n    return classNames.filter(Boolean).join(' ');\n}\n"],"mappings":";;AACA,SAAgB,GAAG,GAAG,YAA2D;CAC7E,OAAO,WAAW,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC9C"}

package/dist/displays/Displays.css

@@ -0,0 +1,71 @@
+.panneau-empty-xEtZBq {
+    color: var(--panneau-color-text-muted);
+}
+
+.panneau-text-vty-EA {
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow-wrap: anywhere;
+}
+
+.panneau-badges-2n5UJa {
+    display: inline-flex;
+    flex-wrap: wrap;
+    gap: var(--panneau-space-1);
+}
+
+.panneau-boolean-vvV7kf {
+    display: inline-flex;
+    align-items: center;
+}
+
+.panneau-true-Iu6Hsd {
+    color: var(--panneau-color-success);
+}
+
+.panneau-false-zp5WgH {
+    color: var(--panneau-color-text-muted);
+}
+
+.panneau-number-yfICs7 {
+    font-variant-numeric: tabular-nums;
+}
+
+.panneau-link-nvMTOa {
+    color: var(--panneau-color-link);
+    overflow-wrap: anywhere;
+}
+
+.panneau-color-kkWQ1L {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--panneau-space-2);
+    font-family: var(--panneau-font-family-mono);
+    font-size: var(--panneau-font-size-sm);
+}
+
+.panneau-swatch-50Qwvv {
+    flex: none;
+    width: 1rem;
+    height: 1rem;
+    border: var(--panneau-border-width) solid var(--panneau-color-border-control);
+    border-radius: var(--panneau-radius-sm);
+}
+
+.panneau-media-EOUwYg {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--panneau-space-2);
+}
+
+.panneau-thumbnail-WgBzFY {
+    flex: none;
+    width: 2.5rem;
+    height: 2.5rem;
+    object-fit: cover;
+    background-color: var(--panneau-color-surface-sunken);
+    border-radius: var(--panneau-radius-sm);
+}

package/dist/displays/Displays.module.js

@@ -0,0 +1,30 @@
+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 Displays_module_default = {
+	empty,
+	text,
+	badges,
+	boolean,
+	"true": "panneau-true-Iu6Hsd",
+	"false": "panneau-false-zp5WgH",
+	number,
+	link,
+	color,
+	swatch,
+	media,
+	thumbnail
+};
+//#endregion
+export { badges, boolean, color, Displays_module_default as default, empty, link, media, number, swatch, text, thumbnail };
+
+//# sourceMappingURL=Displays.module.js.map

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

@@ -0,0 +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":""}

package/dist/displays/displays.d.ts

@@ -0,0 +1,36 @@
+import type { DisplayEntry, DisplayProps } from '../types';
+/** What a cell shows without a value. Hidden from assistive technologies, which skip the cell. */
+export declare function EmptyValue(): import("react").JSX.Element;
+/** Text, on two lines at most. The default display. */
+export declare function TextDisplay({ value }: DisplayProps): import("react").JSX.Element;
+/** HTML as plain text. */
+export declare function RichTextDisplay({ value }: DisplayProps): import("react").JSX.Element;
+/** A number, in the format of the locale. */
+export declare function NumberDisplay({ value }: DisplayProps): import("react").JSX.Element;
+/** Yes or no, as an icon with its label. */
+export declare function BooleanDisplay({ value }: DisplayProps): import("react").JSX.Element;
+/** A date, in the format of the locale. */
+export declare function DateDisplay({ value }: DisplayProps): import("react").JSX.Element;
+/** A date and a time, in the format and the time zone of the user. */
+export declare function DateTimeDisplay({ value }: DisplayProps): import("react").JSX.Element;
+/** A time of day (`14:30`), in the format of the locale. */
+export declare function TimeDisplay({ value }: DisplayProps): import("react").JSX.Element;
+/** The labels of the selected options, as badges. */
+export declare function SelectDisplay({ value, field }: DisplayProps): import("react").JSX.Element;
+/** The labels of related items. */
+export declare function RelationDisplay({ value }: DisplayProps): import("react").JSX.Element;
+/** A link that opens the URL. */
+export declare function UrlDisplay({ value }: DisplayProps): import("react").JSX.Element;
+/** A link that writes an email. */
+export declare function EmailDisplay({ value }: DisplayProps): import("react").JSX.Element;
+/** A swatch, with the color's code. */
+export declare function ColorDisplay({ value }: DisplayProps): import("react").JSX.Element;
+/** A thumbnail and the name of a media item (or of the first one). */
+export declare function MediaDisplay({ value }: DisplayProps): import("react").JSX.Element;
+/**
+ * The built-in displays, by name. A column's display is its `display`, its field's `display`, or
+ * its field's type: field types are display names. Values without a known display are shown as
+ * text.
+ */
+export declare const builtInDisplays: Readonly<Record<string, DisplayEntry>>;
+//# sourceMappingURL=displays.d.ts.map

package/dist/displays/displays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"displays.d.ts","sourceRoot":"","sources":["../../src/displays/displays.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI3D,kGAAkG;AAClG,wBAAgB,UAAU,gCAMzB;AAWD,uDAAuD;AACvD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,+BAIlD;AAED,0BAA0B;AAC1B,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,+BAStD;AAED,6CAA6C;AAC7C,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,+BAQpD;AAED,4CAA4C;AAC5C,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,+BAcrD;AAkBD,2CAA2C;AAC3C,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,+BAOlD;AAED,sEAAsE;AACtE,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,+BAWtD;AAED,4DAA4D;AAC5D,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,+BAQlD;AAED,qDAAqD;AACrD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,YAAY,+BAa3D;AAED,mCAAmC;AACnC,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,+BAUtD;AAED,iCAAiC;AACjC,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,+BASjD;AAED,mCAAmC;AACnC,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,+BASnD;AAED,uCAAuC;AACvC,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,+BAUnD;AAED,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,+BAenD;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAgBlE,CAAC"}