@panneau/lists 5.0.0-alpha.2 → 5.0.0-alpha.20

package/dist/actions/ConfirmDialog.js

@@ -1,7 +1,9 @@
 import { messages } from "../messages.js";
 import Actions_module_default from "./Actions.module.js";
+import { asksConfirmation } from "@panneau/core";
 import { c } from "react/compiler-runtime";
-import { Button, Dialog, usePanneauIntl } from "@panneau/ui";
+import { getActionLabel } from "@panneau/intl";
+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. */
@@ -12,23 +14,30 @@ function formatDefinitionMessage(intl, message, values) {
 		return message;
 	}
 }
-/** Whether an action needs a confirmation: it asks for one, or some selected items are skipped. */
+/**
+* Whether an action needs a confirmation: it asks for one, or it is undoable but runs on more items
+* than an undo can put back (`asksConfirmation()`, decision 0063), or some selected items are
+* skipped.
+*/
 function needsConfirmation(event) {
-	const { confirm } = event.action;
-	return confirm !== void 0 && confirm !== false || event.skipped.length > 0;
+	return asksConfirmation(event.action, event.count) || 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.
+* 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;
+	const { event, preview: t1, onConfirm, onCancel } = t0;
+	const preview = t1 === void 0 ? null : t1;
 	const intl = usePanneauIntl();
 	if (event === null) return null;
-	const { action, count, skipped } = event;
+	const { action, count } = event;
+	const loading = preview?.status === "loading";
+	const skipped = preview?.status === "done" ? preview.skipped : event.skipped.length;
 	let T0;
-	let t1;
+	let t10;
 	let t2;
 	let t3;
 	let t4;
@@ -37,119 +46,128 @@ function ConfirmDialog(t0) {
 	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) {
+	if ($[0] !== action || $[1] !== count || $[2] !== event || $[3] !== intl || $[4] !== loading || $[5] !== onCancel || $[6] !== onConfirm) {
 		const confirm = typeof action.confirm === "object" ? action.confirm : {};
+		const label = getActionLabel(action, intl);
 		const values = {
 			count,
-			action: action.label
+			action: label
 		};
 		T0 = Dialog;
-		t3 = true;
-		if ($[18] !== onCancel) {
-			t4 = (open) => {
+		t4 = true;
+		if ($[17] !== onCancel) {
+			t5 = (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, {
+			$[17] = onCancel;
+			$[18] = t5;
+		} else t5 = $[18];
+		t6 = "alertdialog";
+		t7 = false;
+		t8 = "sm";
+		t9 = confirm.title !== void 0 ? formatDefinitionMessage(intl, confirm.title, values) : intl.formatMessage(messages.confirmTitle, { action: label });
+		let t11;
+		if ($[19] !== event || $[20] !== onConfirm) {
+			t11 = () => onConfirm(event);
+			$[19] = event;
+			$[20] = onConfirm;
+			$[21] = t11;
+		} else t11 = $[21];
+		t10 = /* @__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
+			isDisabled: loading,
+			onPress: t11,
+			children: confirm.confirmLabel ?? 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;
+		t2 = Actions_module_default.message;
+		t3 = confirm.message !== void 0 ? formatDefinitionMessage(intl, confirm.message, values) : intl.formatMessage(messages.confirmMessage, values);
+		$[0] = action;
+		$[1] = count;
+		$[2] = event;
+		$[3] = intl;
+		$[4] = loading;
+		$[5] = onCancel;
+		$[6] = onConfirm;
+		$[7] = T0;
+		$[8] = t10;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+		$[14] = t7;
+		$[15] = t8;
+		$[16] = t9;
 	} else {
-		T0 = $[8];
-		t1 = $[9];
-		t2 = $[10];
-		t3 = $[11];
-		t4 = $[12];
-		t5 = $[13];
-		t6 = $[14];
-		t7 = $[15];
-		t8 = $[16];
-		t9 = $[17];
+		T0 = $[7];
+		t10 = $[8];
+		t2 = $[9];
+		t3 = $[10];
+		t4 = $[11];
+		t5 = $[12];
+		t6 = $[13];
+		t7 = $[14];
+		t8 = $[15];
+		t9 = $[16];
 	}
-	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", {
+	if ($[22] !== t2 || $[23] !== t3) {
+		t11 = /* @__PURE__ */ jsx("p", {
+			className: t2,
+			children: t3
+		});
+		$[22] = t2;
+		$[23] = t3;
+		$[24] = t11;
+	} else t11 = $[24];
+	let t12;
+	if ($[25] !== intl || $[26] !== loading || $[27] !== skipped) {
+		t12 = loading ? /* @__PURE__ */ jsx("div", {
 			className: Actions_module_default.skipped,
-			children: intl.formatMessage(messages.confirmSkipped, { count: skipped.length })
+			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 })
 		}) : 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]
+		$[25] = intl;
+		$[26] = loading;
+		$[27] = skipped;
+		$[28] = t12;
+	} else t12 = $[28];
+	let t13;
+	if ($[29] !== T0 || $[30] !== t10 || $[31] !== t11 || $[32] !== t12 || $[33] !== t4 || $[34] !== t5 || $[35] !== t6 || $[36] !== t7 || $[37] !== t8 || $[38] !== t9) {
+		t13 = /* @__PURE__ */ jsxs(T0, {
+			isOpen: t4,
+			onOpenChange: t5,
+			role: t6,
+			isDismissable: t7,
+			size: t8,
+			title: t9,
+			footer: t10,
+			children: [t11, t12]
 		});
 		$[29] = T0;
 		$[30] = t10;
 		$[31] = t11;
-		$[32] = t3;
+		$[32] = t12;
 		$[33] = t4;
 		$[34] = t5;
 		$[35] = t6;
 		$[36] = t7;
 		$[37] = t8;
 		$[38] = t9;
-		$[39] = t12;
-	} else t12 = $[39];
-	return t12;
+		$[39] = t13;
+	} else t13 = $[39];
+	return t13;
 }
 //#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":["IntlShape","asksConfirmation","getActionLabel","Button","Dialog","Spinner","usePanneauIntl","messages","ListActionEvent","ListActionPreview","styles","formatDefinitionMessage","intl","message","values","Record","String","formatters","getMessageFormat","locale","format","needsConfirmation","event","action","count","skipped","length","ConfirmPreview","status","ConfirmDialogProps","preview","onConfirm","onCancel","ConfirmDialog","t0","$","_c","t1","undefined","loading","T0","t10","t2","t3","t4","t5","t6","t7","t8","t9","confirm","label","open","title","formatMessage","confirmTitle","t11","cancelLabel","cancel","destructive","confirmLabel","confirmMessage","t12","confirmChecking","confirmSkipped","t13","_c","_Fragment","styles"],"sources":["../../src/actions/ConfirmDialog.tsx"],"sourcesContent":["import type { IntlShape } from 'react-intl';\n\nimport { asksConfirmation } from '@panneau/core';\nimport { getActionLabel } from '@panneau/intl';\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/**\n * Whether an action needs a confirmation: it asks for one, or it is undoable but runs on more items\n * than an undo can put back (`asksConfirmation()`, decision 0063), or some selected items are\n * skipped.\n */\nexport function needsConfirmation(event: ListActionEvent): boolean {\n    return asksConfirmation(event.action, event.count) || 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 label = getActionLabel(action, intl);\n    const values = { count, 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: 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 ?? 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":"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"}

package/dist/actions/RowActions.d.ts

@@ -1,20 +1,36 @@
+import type { ItemAction } from '@panneau/core';
 import type { Action } from '@panneau/protocol';
-import type { ListItem } from '../types';
-import { type ActionIcons } from './icons';
+import { type ActionIcons } from './icons.js';
 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[];
+    /** Actions placed in `row`, with their links (`selectItemActions()` of `@panneau/core`). */
+    actions: readonly ItemAction[];
+    /** Actions placed in `menu`: icons too while they fit, the first to go in the menu. */
+    menu: readonly ItemAction[];
     /** Id of the action that is running on this item, if any. */
     pending: string | null;
     onRun: (action: Action) => void;
     /** Icons of actions by id, over the icon the action names. */
     icons?: ActionIcons | undefined;
+    /**
+     * The actions of every row of the list, in order (`orderRowActions()`): a row keeps the place
+     * of those it doesn't have, so the actions of the rows line up. Without it, its own.
+     */
+    slots?: readonly ItemAction[] | undefined;
+    /** The id of the main action of rows, which keeps its label (`show` or `edit`). */
+    primary?: string | null | undefined;
 }
-/** The actions of a row: buttons, then an overflow menu. */
-export declare function RowActions({ item, itemLabel, actions, menu, pending, onRun, icons, }: RowActionsProps): import("react").JSX.Element;
+/**
+ * The actions of a row in their order: those placed in `row`, then those placed in `menu`, and
+ * those that destroy last. The last ones are the first to go in the menu.
+ */
+export declare function orderRowActions(actions: readonly ItemAction[], menu: readonly ItemAction[]): ItemAction[];
+/**
+ * The actions of a row (decision 0060): their icons, in their colors, with their labels as names
+ * and tooltips, but the main action, which keeps its label while the row has room; and when the
+ * icons don't fit, the last ones in an overflow menu, which never holds a single action. How they fit is the same for every row of the list (`RowActionsFit`), and a
+ * row keeps the place of the actions of other rows that it doesn't have, so they line up.
+ */
+export declare function RowActions({ itemLabel, actions, menu, pending, onRun, icons, slots, primary, }: RowActionsProps): import("react").JSX.Element;
 //# sourceMappingURL=RowActions.d.ts.map

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

@@ -1 +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;AAIzC,OAAO,EAAE,KAAK,WAAW,EAAiB,MAAM,SAAS,CAAC;AAE1D,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;IAChC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACnC;AAED,4DAA4D;AAC5D,wBAAgB,UAAU,CAAC,EACvB,IAAI,EACJ,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,GACR,EAAE,eAAe,+BAwDjB"}
+{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../src/actions/RowActions.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAOhD,OAAO,EAAE,KAAK,WAAW,EAAiB,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,eAAe;IAC5B,sEAAsE;IACtE,SAAS,EAAE,MAAM,CAAC;IAClB,4FAA4F;IAC5F,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,uFAAuF;IACvF,IAAI,EAAE,SAAS,UAAU,EAAE,CAAC;IAC5B,6DAA6D;IAC7D,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,UAAU,EAAE,GAAG,SAAS,CAAC;IAC1C,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACvC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC3B,OAAO,EAAE,SAAS,UAAU,EAAE,EAC9B,IAAI,EAAE,SAAS,UAAU,EAAE,GAC5B,UAAU,EAAE,CASd;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACvB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAc,GACjB,EAAE,eAAe,+BA0FjB"}

package/dist/actions/RowActions.js

@@ -1,99 +1,170 @@
-import { getActionHref } from "./actions.js";
 import { messages } from "../messages.js";
 import Actions_module_default from "./Actions.module.js";
 import { getActionIcon } from "./icons.js";
+import { RowActionsFit } from "./fit.js";
 import { ActionButton } from "./ActionButton.js";
 import { c } from "react/compiler-runtime";
+import { getActionLabel } from "@panneau/intl";
 import { IconButton, Menu, MenuItem, MenuTrigger, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Ellipsis } from "lucide-react";
+import { use } from "react";
 //#region src/actions/RowActions.tsx
-/** The actions of a row: buttons, then an overflow menu. */
+/**
+* The actions of a row in their order: those placed in `row`, then those placed in `menu`, and
+* those that destroy last. The last ones are the first to go in the menu.
+*/
+function orderRowActions(actions, menu) {
+	const all = [...actions, ...menu].filter((entry, index, list) => list.findIndex((other) => other.action.id === entry.action.id) === index);
+	return [...all.filter(({ action }) => action.destructive !== true), ...all.filter(({ action }) => action.destructive === true)];
+}
+/**
+* The actions of a row (decision 0060): their icons, in their colors, with their labels as names
+* and tooltips, but the main action, which keeps its label while the row has room; and when the
+* icons don't fit, the last ones in an overflow menu, which never holds a single action. How they fit is the same for every row of the list (`RowActionsFit`), and a
+* row keeps the place of the actions of other rows that it doesn't have, so they line up.
+*/
 function RowActions(t0) {
-	const $ = c(26);
-	const { item, itemLabel, actions, menu, pending, onRun, icons } = t0;
+	const $ = c(30);
+	const { itemLabel, actions, menu, pending, onRun, icons, slots, primary: t1 } = t0;
+	const primary = t1 === void 0 ? null : t1;
 	const intl = usePanneauIntl();
-	let t1;
-	if ($[0] !== actions || $[1] !== icons || $[2] !== intl || $[3] !== item || $[4] !== itemLabel || $[5] !== onRun || $[6] !== pending) {
-		let t2;
-		if ($[8] !== icons || $[9] !== intl || $[10] !== item || $[11] !== itemLabel || $[12] !== onRun || $[13] !== pending) {
-			t2 = (action) => /* @__PURE__ */ jsx(ActionButton, {
-				action,
+	const level = use(RowActionsFit);
+	let t2;
+	if ($[0] !== actions || $[1] !== icons || $[2] !== intl || $[3] !== itemLabel || $[4] !== level || $[5] !== menu || $[6] !== onRun || $[7] !== pending || $[8] !== primary || $[9] !== slots) {
+		const own = orderRowActions(actions, menu);
+		let t3;
+		if ($[11] !== slots) {
+			t3 = (t4) => {
+				const { action } = t4;
+				return slots?.some((slot) => slot.action.id === action.id) !== true;
+			};
+			$[11] = slots;
+			$[12] = t3;
+		} else t3 = $[12];
+		const all = [...slots ?? [], ...own.filter(t3)];
+		const find = (slot_0) => own.find((t4) => {
+			const { action: action_0 } = t4;
+			return action_0.id === slot_0.action.id;
+		});
+		const inMenu = level >= 2 && all.length >= 2 ? Math.min(level, all.length) : 0;
+		const shown = all.slice(0, all.length - inMenu);
+		const overflow = all.slice(all.length - inMenu).flatMap((slot_1) => find(slot_1) ?? []);
+		let t5;
+		if ($[13] !== intl || $[14] !== itemLabel) {
+			t5 = (action_1) => intl.formatMessage(messages.actionOnItem, {
+				action: getActionLabel(action_1, intl),
+				item: itemLabel
+			});
+			$[13] = intl;
+			$[14] = itemLabel;
+			$[15] = t5;
+		} else t5 = $[15];
+		const name = t5;
+		let t6;
+		if ($[16] !== icons || $[17] !== level || $[18] !== name || $[19] !== onRun || $[20] !== pending || $[21] !== primary) {
+			t6 = (entry) => /* @__PURE__ */ jsx(ActionButton, {
+				action: entry.action,
 				icons,
-				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);
-			$[8] = icons;
-			$[9] = intl;
-			$[10] = item;
-			$[11] = itemLabel;
-			$[12] = onRun;
-			$[13] = pending;
-			$[14] = t2;
-		} else t2 = $[14];
-		t1 = actions.map(t2);
+				href: entry.href,
+				iconOnly: level >= 1 || entry.action.id !== primary,
+				isPending: pending === entry.action.id,
+				isDisabled: pending !== null && pending !== entry.action.id,
+				"aria-label": name(entry.action),
+				onPress: () => onRun(entry.action)
+			}, entry.action.id);
+			$[16] = icons;
+			$[17] = level;
+			$[18] = name;
+			$[19] = onRun;
+			$[20] = pending;
+			$[21] = primary;
+			$[22] = t6;
+		} else t6 = $[22];
+		const button = t6;
+		const placeholder = _temp;
+		let t7;
+		if ($[23] !== intl || $[24] !== itemLabel) {
+			t7 = intl.formatMessage(messages.itemActions, { item: itemLabel });
+			$[23] = intl;
+			$[24] = itemLabel;
+			$[25] = t7;
+		} else t7 = $[25];
+		const t8 = overflow.length >= 2;
+		const t9 = pending !== null && overflow.some((t10) => {
+			const { action: action_2 } = t10;
+			return action_2.id === pending;
+		});
+		let t11;
+		if ($[26] !== t7 || $[27] !== t8 || $[28] !== t9) {
+			t11 = /* @__PURE__ */ jsx(IconButton, {
+				icon: Ellipsis,
+				size: "sm",
+				appearance: "subtle",
+				label: t7,
+				showTooltip: t8,
+				isPending: t9
+			});
+			$[26] = t7;
+			$[27] = t8;
+			$[28] = t9;
+			$[29] = t11;
+		} else t11 = $[29];
+		const menuButton = t11;
+		t2 = /* @__PURE__ */ jsxs("div", {
+			className: Actions_module_default.row,
+			"data-row-actions": all.length,
+			children: [shown.map((slot_2) => {
+				const entry_0 = find(slot_2);
+				return entry_0 !== void 0 ? button(entry_0) : placeholder(slot_2.action.id, button({
+					...slot_2,
+					href: null
+				}));
+			}), overflow.length >= 2 ? /* @__PURE__ */ jsxs(MenuTrigger, { children: [menuButton, /* @__PURE__ */ jsx(Menu, {
+				placement: "bottom end",
+				onAction: (key_0) => {
+					const entry_1 = overflow.find((t12) => {
+						const { action: action_3 } = t12;
+						return action_3.id === key_0;
+					});
+					if (entry_1 !== void 0 && entry_1.href === null) onRun(entry_1.action);
+				},
+				children: overflow.map((t13) => {
+					const { action: action_4, href } = t13;
+					const icon = getActionIcon(action_4, icons);
+					return /* @__PURE__ */ jsx(MenuItem, {
+						id: action_4.id,
+						isDanger: action_4.destructive === true,
+						...icon !== void 0 ? { icon } : {},
+						...href !== null ? { href } : {},
+						children: getActionLabel(action_4, intl)
+					}, action_4.id);
+				})
+			})] }) : overflow.length === 1 && overflow[0] !== void 0 ? button(overflow[0]) : inMenu > 0 ? placeholder("menu", menuButton) : null]
+		});
 		$[0] = actions;
 		$[1] = icons;
 		$[2] = intl;
-		$[3] = item;
-		$[4] = itemLabel;
-		$[5] = onRun;
-		$[6] = pending;
-		$[7] = t1;
-	} else t1 = $[7];
-	let t2;
-	if ($[15] !== icons || $[16] !== intl || $[17] !== item || $[18] !== itemLabel || $[19] !== menu || $[20] !== onRun || $[21] !== 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, icons);
-				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;
-		$[15] = icons;
-		$[16] = intl;
-		$[17] = item;
-		$[18] = itemLabel;
-		$[19] = menu;
-		$[20] = onRun;
-		$[21] = pending;
-		$[22] = t2;
-	} else t2 = $[22];
-	let t3;
-	if ($[23] !== t1 || $[24] !== t2) {
-		t3 = /* @__PURE__ */ jsxs("div", {
-			className: Actions_module_default.row,
-			children: [t1, t2]
-		});
-		$[23] = t1;
-		$[24] = t2;
-		$[25] = t3;
-	} else t3 = $[25];
-	return t3;
+		$[3] = itemLabel;
+		$[4] = level;
+		$[5] = menu;
+		$[6] = onRun;
+		$[7] = pending;
+		$[8] = primary;
+		$[9] = slots;
+		$[10] = t2;
+	} else t2 = $[10];
+	return t2;
+}
+function _temp(key, content) {
+	return /* @__PURE__ */ jsx("span", {
+		className: Actions_module_default.placeholder,
+		"aria-hidden": "true",
+		inert: true,
+		children: content
+	}, key);
 }
 //#endregion
-export { RowActions };
+export { RowActions, orderRowActions };
 
 //# sourceMappingURL=RowActions.js.map