@panneau/lists 5.0.0-alpha.15 → 5.0.0-alpha.17

package/dist/ListView.js

@@ -2,13 +2,14 @@ import { getActionHref, groupListActions, hasScope, isAllowedOn } from "./action
 import { messages } from "./messages.js";
 import { ConfirmDialog, needsConfirmation } from "./actions/ConfirmDialog.js";
 import { getColumnValue, toText } from "./values.js";
+import { getCalendarTimeZone } from "./layouts/calendarDays.js";
 import { cx } from "./cx.js";
 import { builtInLayouts } from "./layouts/builtIn.js";
 import { useRenderValue } from "./useRenderValue.js";
 import { ListSkeleton } from "./ListSkeleton.js";
 import ListView_module_default from "./ListView.module.js";
 import { ActionButton } from "./actions/ActionButton.js";
-import { RowActions } from "./actions/RowActions.js";
+import { RowActions, orderRowActions } from "./actions/RowActions.js";
 import { getShownColumns } from "./columns.js";
 import { FilterChips, FilterControls, useFilterLabels } from "./filters/Filters.js";
 import { getImageUrl } from "./images.js";
@@ -37,8 +38,8 @@ function keyOf(action, item) {
 * fetches nothing: the caller gives the items of the list's query and their total.
 */
 function ListView(t0) {
-	const $ = c(118);
-	const { list, items, columns: allColumns, columnChoice: t1, total, cursors, isLoading: t2, error: t3, onRetry, filters: t4, fields: t5, search: t6, layouts: t7, layout: controlledLayout, onLayoutChange, perPageOptions, selectable: selectableProp, actions: actionsProp, onAction, previewAction, actionIcons, itemTitle, itemImage, calendar: t8, getItemLabel: getItemLabelProp, getItemHref, getLinkHref, currentItemId: t9, displays, layoutComponents, filterControls, inlineEdit: t10, onInlineEdit, formatError: t11, toolbar, emptyMessage, "aria-label": ariaLabel, className } = t0;
+	const $ = c(116);
+	const { list, items, columns: allColumns, columnChoice: t1, total, cursors, isLoading: t2, error: t3, onRetry, filters: t4, fields: t5, search: t6, layouts: t7, layout: controlledLayout, onLayoutChange, perPageOptions, selectable: selectableProp, actions: actionsProp, onAction, previewAction, actionIcons, itemTitle, itemImage, calendar: t8, primaryAction: primaryActionProp, getItemLabel: getItemLabelProp, getItemHref, getLinkHref, currentItemId: t9, displays, layoutComponents, filterControls, inlineEdit: t10, onInlineEdit, formatError: t11, toolbar, emptyMessage, "aria-label": ariaLabel, className } = t0;
 	const columnChoice = t1 === void 0 ? true : t1;
 	const isLoading = t2 === void 0 ? false : t2;
 	const error = t3 === void 0 ? null : t3;
@@ -49,13 +50,7 @@ function ListView(t0) {
 		$[1] = t12;
 	} else t12 = $[1];
 	const filtersProp = t12;
-	let t13;
-	if ($[2] !== t5) {
-		t13 = t5 === void 0 ? [] : t5;
-		$[2] = t5;
-		$[3] = t13;
-	} else t13 = $[3];
-	const fields = t13;
+	const fields = t5 === void 0 ? [] : t5;
 	const search = t6 === void 0 ? false : t6;
 	const layoutsProp = t7 === void 0 ? ["table"] : t7;
 	const calendar = t8 === void 0 ? null : t8;
@@ -71,15 +66,15 @@ function ListView(t0) {
 	const [preview, setPreview] = useState(null);
 	const confirmation = useRef(0);
 	const [pending, setPending] = useState(null);
+	let t13;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = {};
+		$[2] = t13;
+	} else t13 = $[2];
+	const [saved, setSaved] = useState(t13);
 	let t14;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = {};
-		$[4] = t14;
-	} else t14 = $[4];
-	const [saved, setSaved] = useState(t14);
-	let t15;
-	if ($[5] !== items) {
-		t15 = (item) => {
+	if ($[3] !== items) {
+		t14 = (item) => {
 			const base = items?.find((candidate) => candidate.id === item.id);
 			if (base !== void 0) setSaved((current) => ({
 				...current,
@@ -89,109 +84,109 @@ function ListView(t0) {
 				}
 			}));
 		};
-		$[5] = items;
-		$[6] = t15;
-	} else t15 = $[6];
-	const showItem = t15;
+		$[3] = items;
+		$[4] = t14;
+	} else t14 = $[4];
+	const showItem = t14;
+	let t15;
+	if ($[5] !== ariaLabel || $[6] !== intl) {
+		t15 = ariaLabel ?? intl.formatMessage(messages.list);
+		$[5] = ariaLabel;
+		$[6] = intl;
+		$[7] = t15;
+	} else t15 = $[7];
+	const label = t15;
 	let t16;
-	if ($[7] !== ariaLabel || $[8] !== intl) {
-		t16 = ariaLabel ?? intl.formatMessage(messages.list);
-		$[7] = ariaLabel;
-		$[8] = intl;
+	if ($[8] !== saved) {
+		t16 = (item_0) => saved[item_0.id]?.base === item_0 ? saved[item_0.id]?.item ?? item_0 : item_0;
+		$[8] = saved;
 		$[9] = t16;
 	} else t16 = $[9];
-	const label = t16;
+	const pageItems = (items ?? []).map(t16);
+	const count = total ?? pageItems.length;
 	let t17;
-	if ($[10] !== saved) {
-		t17 = (item_0) => saved[item_0.id]?.base === item_0 ? saved[item_0.id]?.item ?? item_0 : item_0;
-		$[10] = saved;
+	if ($[10] !== query.sort) {
+		t17 = query.sort ?? [];
+		$[10] = query.sort;
 		$[11] = t17;
 	} else t17 = $[11];
-	const pageItems = (items ?? []).map(t17);
-	const count = total ?? pageItems.length;
+	const sort = t17;
 	let t18;
-	if ($[12] !== query.sort) {
-		t18 = query.sort ?? [];
-		$[12] = query.sort;
+	if ($[12] !== plugins.listLayouts) {
+		t18 = Object.fromEntries(plugins.listLayouts);
+		$[12] = plugins.listLayouts;
 		$[13] = t18;
 	} else t18 = $[13];
-	const sort = t18;
-	let t19;
-	if ($[14] !== plugins.listLayouts) {
-		t19 = Object.fromEntries(plugins.listLayouts);
-		$[14] = plugins.listLayouts;
-		$[15] = t19;
-	} else t19 = $[15];
-	const t20 = t19;
-	let t21;
-	if ($[16] !== layoutComponents || $[17] !== t20) {
-		t21 = {
+	const t19 = t18;
+	let t20;
+	if ($[14] !== layoutComponents || $[15] !== t19) {
+		t20 = {
 			...builtInLayouts,
-			...t20,
+			...t19,
 			...layoutComponents
 		};
-		$[16] = layoutComponents;
-		$[17] = t20;
-		$[18] = t21;
-	} else t21 = $[18];
-	const allLayouts = t21;
-	let t22;
-	if ($[19] !== allLayouts || $[20] !== calendar || $[21] !== itemImage) {
-		t22 = (id) => allLayouts[id] !== void 0 && (id !== "gallery" || itemImage !== void 0) && (id !== "calendar" || calendar !== null);
-		$[19] = allLayouts;
-		$[20] = calendar;
-		$[21] = itemImage;
-		$[22] = t22;
-	} else t22 = $[22];
-	const available = layoutsProp.filter(t22);
+		$[14] = layoutComponents;
+		$[15] = t19;
+		$[16] = t20;
+	} else t20 = $[16];
+	const allLayouts = t20;
+	let t21;
+	if ($[17] !== allLayouts || $[18] !== calendar || $[19] !== itemImage) {
+		t21 = (id) => allLayouts[id] !== void 0 && (id !== "gallery" || itemImage !== void 0) && (id !== "calendar" || calendar !== null);
+		$[17] = allLayouts;
+		$[18] = calendar;
+		$[19] = itemImage;
+		$[20] = t21;
+	} else t21 = $[20];
+	const available = layoutsProp.filter(t21);
 	const layouts = available.length > 0 ? available : ["table"];
 	const chosenLayout = view.layout !== void 0 && layouts.includes(view.layout) ? view.layout : void 0;
 	const layout = controlledLayout ?? chosenLayout ?? layouts[0] ?? "table";
 	const columns = getShownColumns(allColumns, view.columns);
 	const Layout = allLayouts[layout] ?? builtInLayouts.table;
 	const inCalendar = layout === "calendar" && calendar !== null;
+	let t22;
+	if ($[21] !== calendar || $[22] !== filtersProp || $[23] !== inCalendar) {
+		t22 = inCalendar ? filtersProp.filter((filter) => filter.id !== calendar.filter) : filtersProp;
+		$[21] = calendar;
+		$[22] = filtersProp;
+		$[23] = inCalendar;
+		$[24] = t22;
+	} else t22 = $[24];
+	const filters = t22;
 	let t23;
-	if ($[23] !== calendar || $[24] !== filtersProp || $[25] !== inCalendar) {
-		t23 = inCalendar ? filtersProp.filter((filter) => filter.id !== calendar.filter) : filtersProp;
-		$[23] = calendar;
-		$[24] = filtersProp;
-		$[25] = inCalendar;
-		$[26] = t23;
-	} else t23 = $[26];
-	const filters = t23;
-	let t24;
-	if ($[27] !== calendar || $[28] !== inCalendar || $[29] !== query.filter) {
-		t24 = Object.fromEntries(Object.entries(query.filter ?? {}).filter((t25) => {
-			const [id_0] = t25;
+	if ($[25] !== calendar || $[26] !== inCalendar || $[27] !== query.filter) {
+		t23 = Object.fromEntries(Object.entries(query.filter ?? {}).filter((t24) => {
+			const [id_0] = t24;
 			return !(inCalendar && id_0 === calendar.filter);
 		}));
-		$[27] = calendar;
-		$[28] = inCalendar;
-		$[29] = query.filter;
-		$[30] = t24;
-	} else t24 = $[30];
-	const filterValues = t24;
-	let t25;
-	if ($[31] !== filterValues || $[32] !== query.q) {
-		t25 = Object.keys(filterValues).length > 0 || (query.q ?? "") !== "";
-		$[31] = filterValues;
-		$[32] = query.q;
-		$[33] = t25;
-	} else t25 = $[33];
-	const hasQuery = t25;
+		$[25] = calendar;
+		$[26] = inCalendar;
+		$[27] = query.filter;
+		$[28] = t23;
+	} else t23 = $[28];
+	const filterValues = t23;
+	let t24;
+	if ($[29] !== filterValues || $[30] !== query.q) {
+		t24 = Object.keys(filterValues).length > 0 || (query.q ?? "") !== "";
+		$[29] = filterValues;
+		$[30] = query.q;
+		$[31] = t24;
+	} else t24 = $[31];
+	const hasQuery = t24;
 	const grouped = groupListActions(actionsProp);
 	const toolbarActions = [...grouped.toolbar, ...grouped.menu].filter(_temp);
 	const selectionActions = toolbarActions.filter(_temp2);
 	const resourceActions = toolbarActions.filter(_temp3);
 	const selectable = selectableProp ?? selectionActions.length > 0;
 	const selectedCount = selectable ? countSelected(selection, count) : 0;
-	let t26;
-	if ($[34] !== selection) {
-		t26 = (item_1) => isItemSelected(selection, item_1.id);
-		$[34] = selection;
-		$[35] = t26;
-	} else t26 = $[35];
-	const selectedItems = pageItems.filter(t26);
+	let t25;
+	if ($[32] !== selection) {
+		t25 = (item_1) => isItemSelected(selection, item_1.id);
+		$[32] = selection;
+		$[33] = t25;
+	} else t25 = $[33];
+	const selectedItems = pageItems.filter(t25);
 	const pageSelection = getPageSelection(selection, pageItems);
 	const getItemLabel = (item_2) => {
 		if (getItemLabelProp !== void 0) return getItemLabelProp(item_2);
@@ -285,28 +280,34 @@ function ListView(t0) {
 		count,
 		skipped: []
 	});
-	const renderActions = (item_6) => {
-		const allowed = selectItemActions(grouped.row, item_6, "row", { getLinkHref });
-		const menu = selectItemActions(grouped.menu, item_6, "menu", { getLinkHref });
+	const pageActions = pageItems.map((item_6) => [...selectItemActions(grouped.row, item_6, "row", { getLinkHref }), ...selectItemActions(grouped.menu, item_6, "menu", { getLinkHref })]);
+	const firstOf = (action_6) => pageActions.flat().find((entry) => entry.action.id === action_6.id) ?? [];
+	const slots = orderRowActions(grouped.row.flatMap(firstOf), grouped.menu.flatMap(firstOf));
+	const primaryAction = primaryActionProp !== void 0 ? primaryActionProp : ["show", "edit"].find((id_1) => slots.some((slot) => slot.action.id === id_1)) ?? null;
+	const renderActions = (item_7) => {
+		const allowed = selectItemActions(grouped.row, item_7, "row", { getLinkHref });
+		const menu = selectItemActions(grouped.menu, item_7, "menu", { getLinkHref });
 		if (allowed.length === 0 && menu.length === 0) return null;
-		const running = pending?.endsWith(`\u0000${item_6.id}`) === true ? pending.split("\0")[0] : null;
+		const running = pending?.endsWith(`\u0000${item_7.id}`) === true ? pending.split("\0")[0] : null;
 		return /* @__PURE__ */ jsx(RowActions, {
-			itemLabel: getItemLabel(item_6),
+			itemLabel: getItemLabel(item_7),
 			actions: allowed,
 			menu,
 			pending: running ?? null,
-			onRun: (action_6) => runOnItem(action_6, item_6),
-			icons: actionIcons
+			onRun: (action_7) => runOnItem(action_7, item_7),
+			icons: actionIcons,
+			slots,
+			primary: primaryAction
 		});
 	};
-	let t27;
-	if ($[36] !== intl) {
-		t27 = intl.formatMessage(messages.selectPage);
-		$[36] = intl;
-		$[37] = t27;
-	} else t27 = $[37];
+	let t26;
+	if ($[34] !== intl) {
+		t26 = intl.formatMessage(messages.selectPage);
+		$[34] = intl;
+		$[35] = t26;
+	} else t26 = $[35];
 	const pageCheckbox = /* @__PURE__ */ jsx(Checkbox, {
-		"aria-label": t27,
+		"aria-label": t26,
 		isSelected: pageSelection === "all",
 		isIndeterminate: pageSelection === "some",
 		isDisabled: pageItems.length === 0,
@@ -319,56 +320,56 @@ function ListView(t0) {
 	const sortable = allColumns.some(_temp5);
 	const choosesColumns = columnChoice && allColumns.length > 1;
 	const showToolbar = search || filters.length > 0 || sortable || choosesColumns || layouts.length > 1 || resourceActions.length > 0 || toolbar !== void 0;
-	let t28;
-	if ($[38] !== filterValues || $[39] !== list || $[40] !== query.q) {
-		t28 = function clearFilters() {
-			Object.keys(filterValues).forEach((id_1) => list.setFilter(id_1, void 0));
+	let t27;
+	if ($[36] !== filterValues || $[37] !== list || $[38] !== query.q) {
+		t27 = function clearFilters() {
+			Object.keys(filterValues).forEach((id_2) => list.setFilter(id_2, void 0));
 			if ((query.q ?? "") !== "") list.setSearch("");
 		};
-		$[38] = filterValues;
-		$[39] = list;
-		$[40] = query.q;
-		$[41] = t28;
-	} else t28 = $[41];
-	const clearFilters = t28;
-	let t29;
+		$[36] = filterValues;
+		$[37] = list;
+		$[38] = query.q;
+		$[39] = t27;
+	} else t27 = $[39];
+	const clearFilters = t27;
+	let t28;
 	bb0: {
 		if (error !== null) {
+			let t29;
+			if ($[40] !== intl) {
+				t29 = intl.formatMessage(messages.loadFailed);
+				$[40] = intl;
+				$[41] = t29;
+			} else t29 = $[41];
 			let t30;
-			if ($[42] !== intl) {
-				t30 = intl.formatMessage(messages.loadFailed);
-				$[42] = intl;
-				$[43] = t30;
-			} else t30 = $[43];
-			let t31;
-			if ($[44] !== intl || $[45] !== onRetry) {
-				t31 = onRetry !== void 0 ? /* @__PURE__ */ jsx(Button, {
+			if ($[42] !== intl || $[43] !== onRetry) {
+				t30 = onRetry !== void 0 ? /* @__PURE__ */ jsx(Button, {
 					size: "sm",
 					onPress: onRetry,
 					children: intl.formatMessage(messages.retry)
 				}) : void 0;
-				$[44] = intl;
-				$[45] = onRetry;
-				$[46] = t31;
-			} else t31 = $[46];
-			let t32;
-			if ($[47] !== error.message || $[48] !== t30 || $[49] !== t31) {
-				t32 = /* @__PURE__ */ jsx(Alert, {
+				$[42] = intl;
+				$[43] = onRetry;
+				$[44] = t30;
+			} else t30 = $[44];
+			let t31;
+			if ($[45] !== error.message || $[46] !== t29 || $[47] !== t30) {
+				t31 = /* @__PURE__ */ jsx(Alert, {
 					tone: "danger",
-					title: t30,
-					actions: t31,
+					title: t29,
+					actions: t30,
 					children: error.message
 				});
-				$[47] = error.message;
-				$[48] = t30;
-				$[49] = t31;
-				$[50] = t32;
-			} else t32 = $[50];
-			t29 = t32;
+				$[45] = error.message;
+				$[46] = t29;
+				$[47] = t30;
+				$[48] = t31;
+			} else t31 = $[48];
+			t28 = t31;
 			break bb0;
 		}
 		if (items === void 0) {
-			t29 = /* @__PURE__ */ jsx(ListSkeleton, {
+			t28 = /* @__PURE__ */ jsx(ListSkeleton, {
 				Layout,
 				columns,
 				perPage: query.perPage,
@@ -378,108 +379,109 @@ function ListView(t0) {
 			break bb0;
 		}
 		if (pageItems.length === 0 && !inCalendar) {
+			let t29;
+			if ($[49] !== emptyMessage || $[50] !== hasQuery || $[51] !== intl) {
+				t29 = hasQuery ? intl.formatMessage(messages.noResults) : emptyMessage ?? intl.formatMessage(messages.empty);
+				$[49] = emptyMessage;
+				$[50] = hasQuery;
+				$[51] = intl;
+				$[52] = t29;
+			} else t29 = $[52];
 			let t30;
-			if ($[51] !== emptyMessage || $[52] !== hasQuery || $[53] !== intl) {
-				t30 = hasQuery ? intl.formatMessage(messages.noResults) : emptyMessage ?? intl.formatMessage(messages.empty);
-				$[51] = emptyMessage;
-				$[52] = hasQuery;
-				$[53] = intl;
+			if ($[53] !== t29) {
+				t30 = /* @__PURE__ */ jsx("p", { children: t29 });
+				$[53] = t29;
 				$[54] = t30;
 			} else t30 = $[54];
 			let t31;
-			if ($[55] !== t30) {
-				t31 = /* @__PURE__ */ jsx("p", { children: t30 });
-				$[55] = t30;
-				$[56] = t31;
-			} else t31 = $[56];
-			let t32;
-			if ($[57] !== clearFilters || $[58] !== hasQuery || $[59] !== intl) {
-				t32 = hasQuery ? /* @__PURE__ */ jsx(Button, {
+			if ($[55] !== clearFilters || $[56] !== hasQuery || $[57] !== intl) {
+				t31 = hasQuery ? /* @__PURE__ */ jsx(Button, {
 					size: "sm",
 					onPress: () => clearFilters(),
 					children: intl.formatMessage(messages.clearFilters)
 				}) : null;
-				$[57] = clearFilters;
-				$[58] = hasQuery;
-				$[59] = intl;
-				$[60] = t32;
-			} else t32 = $[60];
-			let t33;
-			if ($[61] !== t31 || $[62] !== t32) {
-				t33 = /* @__PURE__ */ jsxs("div", {
+				$[55] = clearFilters;
+				$[56] = hasQuery;
+				$[57] = intl;
+				$[58] = t31;
+			} else t31 = $[58];
+			let t32;
+			if ($[59] !== t30 || $[60] !== t31) {
+				t32 = /* @__PURE__ */ jsxs("div", {
 					className: ListView_module_default.state,
-					children: [t31, t32]
+					children: [t30, t31]
 				});
-				$[61] = t31;
-				$[62] = t32;
-				$[63] = t33;
-			} else t33 = $[63];
-			t29 = t33;
+				$[59] = t30;
+				$[60] = t31;
+				$[61] = t32;
+			} else t32 = $[61];
+			t28 = t32;
 			break bb0;
 		}
+		let t29;
+		if ($[62] !== itemImage) {
+			t29 = itemImage !== void 0 ? (item_9) => getImageUrl(item_9[itemImage]) : void 0;
+			$[62] = itemImage;
+			$[63] = t29;
+		} else t29 = $[63];
 		let t30;
-		if ($[64] !== itemImage) {
-			t30 = itemImage !== void 0 ? (item_8) => getImageUrl(item_8[itemImage]) : void 0;
-			$[64] = itemImage;
+		if ($[64] !== currentItemId) {
+			t30 = (item_10) => item_10.id === currentItemId;
+			$[64] = currentItemId;
 			$[65] = t30;
 		} else t30 = $[65];
 		let t31;
-		if ($[66] !== currentItemId) {
-			t31 = (item_9) => item_9.id === currentItemId;
-			$[66] = currentItemId;
+		if ($[66] !== selection) {
+			t31 = (item_11) => isItemSelected(selection, item_11.id);
+			$[66] = selection;
 			$[67] = t31;
 		} else t31 = $[67];
 		let t32;
-		if ($[68] !== selection) {
-			t32 = (item_10) => isItemSelected(selection, item_10.id);
-			$[68] = selection;
+		if ($[68] !== list) {
+			t32 = (item_12) => list.toggle(item_12.id);
+			$[68] = list;
 			$[69] = t32;
 		} else t32 = $[69];
 		let t33;
 		if ($[70] !== list) {
-			t33 = (item_11) => list.toggle(item_11.id);
+			t33 = (column_3) => list.toggleSort(column_3.id);
 			$[70] = list;
 			$[71] = t33;
 		} else t33 = $[71];
-		let t34;
-		if ($[72] !== list) {
-			t34 = (column_2) => list.toggleSort(column_2.id);
-			$[72] = list;
-			$[73] = t34;
-		} else t34 = $[73];
-		t29 = /* @__PURE__ */ jsx(Layout, {
+		t28 = /* @__PURE__ */ jsx(Layout, {
 			items: pageItems,
 			columns,
 			renderValue,
 			getItemLabel,
 			getItemHref,
-			getItemImage: t30,
+			getItemImage: t29,
 			calendar: inCalendar ? {
 				field: calendar.field,
+				timeZone: getCalendarTimeZone([...fields, ...allColumns.map(_temp6)].find((field_0) => field_0?.name === calendar.field)),
 				month: view.month ?? currentMonth(),
 				onMonthChange: (month) => list.setMonth(month),
 				more: total !== void 0 && total > pageItems.length ? { total } : cursors !== void 0 && cursors.next !== null ? { total: null } : null
 			} : void 0,
-			isCurrent: t31,
+			isCurrent: t30,
 			selectable,
-			isSelected: t32,
-			onToggle: t33,
+			isSelected: t31,
+			onToggle: t32,
 			renderActions,
 			sort,
-			onSort: t34,
+			onSort: t33,
 			label,
 			pageSelection: pageCheckbox,
 			renderCell
 		});
 	}
-	const body = t29;
-	let t30;
-	if ($[74] !== className) {
-		t30 = cx(ListView_module_default.list, className);
-		$[74] = className;
-		$[75] = t30;
-	} else t30 = $[75];
-	const t31 = showToolbar ? /* @__PURE__ */ jsxs("div", {
+	const body = t28;
+	let t29;
+	if ($[72] !== className) {
+		t29 = cx(ListView_module_default.list, className);
+		$[72] = className;
+		$[73] = t29;
+	} else t29 = $[73];
+	const t30 = showToolbar ? /* @__PURE__ */ jsxs("div", {
 		className: ListView_module_default.toolbar,
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: ListView_module_default.toolbarStart,
@@ -489,7 +491,7 @@ function ListView(t0) {
 			}) : null, filters.length > 0 ? /* @__PURE__ */ jsx(FilterControls, {
 				filters,
 				values: filterValues,
-				onChange: (id_2, value_0) => list.setFilter(id_2, value_0),
+				onChange: (id_3, value_0) => list.setFilter(id_3, value_0),
 				onLabel: filterLabels.remember,
 				controls: filterControls,
 				columns: allColumns,
@@ -521,55 +523,55 @@ function ListView(t0) {
 					onChange: (ids_0) => list.setColumns(ids_0),
 					onReset: view.columns !== void 0 ? () => list.resetColumns() : null
 				}) : null,
-				resourceActions.filter((action_7) => selectedCount === 0 || !hasScope(action_7, "selection")).map((action_8) => /* @__PURE__ */ jsx(ActionButton, {
-					action: action_8,
+				resourceActions.filter((action_8) => selectedCount === 0 || !hasScope(action_8, "selection")).map((action_9) => /* @__PURE__ */ jsx(ActionButton, {
+					action: action_9,
 					icons: actionIcons,
 					size: "md",
-					href: getActionHref(action_8),
-					isPending: pending === keyOf(action_8),
-					onPress: () => runOnResource(action_8)
-				}, action_8.id)),
+					href: getActionHref(action_9),
+					isPending: pending === keyOf(action_9),
+					onPress: () => runOnResource(action_9)
+				}, action_9.id)),
 				toolbar
 			]
 		})]
 	}) : null;
+	let t31;
 	let t32;
-	let t33;
-	if ($[76] !== list) {
-		t32 = (id_3) => list.setFilter(id_3, void 0);
-		t33 = () => list.setSearch("");
-		$[76] = list;
-		$[77] = t32;
-		$[78] = t33;
+	if ($[74] !== list) {
+		t31 = (id_4) => list.setFilter(id_4, void 0);
+		t32 = () => list.setSearch("");
+		$[74] = list;
+		$[75] = t31;
+		$[76] = t32;
 	} else {
-		t32 = $[77];
-		t33 = $[78];
+		t31 = $[75];
+		t32 = $[76];
 	}
-	let t34;
-	if ($[79] !== allColumns || $[80] !== clearFilters || $[81] !== fields || $[82] !== filterLabels.labels || $[83] !== filterValues || $[84] !== filters || $[85] !== query.q || $[86] !== t32 || $[87] !== t33) {
-		t34 = /* @__PURE__ */ jsx(FilterChips, {
+	let t33;
+	if ($[77] !== allColumns || $[78] !== clearFilters || $[79] !== fields || $[80] !== filterLabels.labels || $[81] !== filterValues || $[82] !== filters || $[83] !== query.q || $[84] !== t31 || $[85] !== t32) {
+		t33 = /* @__PURE__ */ jsx(FilterChips, {
 			filters,
 			values: filterValues,
 			q: query.q,
-			onRemove: t32,
-			onClearSearch: t33,
+			onRemove: t31,
+			onClearSearch: t32,
 			onClear: clearFilters,
 			columns: allColumns,
 			fields,
 			labels: filterLabels.labels
 		});
-		$[79] = allColumns;
-		$[80] = clearFilters;
-		$[81] = fields;
-		$[82] = filterLabels.labels;
-		$[83] = filterValues;
-		$[84] = filters;
-		$[85] = query.q;
-		$[86] = t32;
-		$[87] = t33;
-		$[88] = t34;
-	} else t34 = $[88];
-	const t35 = selectedCount > 0 ? /* @__PURE__ */ jsxs("div", {
+		$[77] = allColumns;
+		$[78] = clearFilters;
+		$[79] = fields;
+		$[80] = filterLabels.labels;
+		$[81] = filterValues;
+		$[82] = filters;
+		$[83] = query.q;
+		$[84] = t31;
+		$[85] = t32;
+		$[86] = t33;
+	} else t33 = $[86];
+	const t34 = selectedCount > 0 ? /* @__PURE__ */ jsxs("div", {
 		className: ListView_module_default.selection,
 		children: [
 			/* @__PURE__ */ jsx("span", {
@@ -591,36 +593,36 @@ function ListView(t0) {
 			}),
 			selectionActions.length > 0 ? /* @__PURE__ */ jsx("div", {
 				className: ListView_module_default.selectionActions,
-				children: selectionActions.map((action_9) => {
-					const skipped_0 = selectedItems.filter((item_12) => !isAllowedOn(action_9, item_12)).length;
+				children: selectionActions.map((action_10) => {
+					const skipped_0 = selectedItems.filter((item_13) => !isAllowedOn(action_10, item_13)).length;
 					return /* @__PURE__ */ jsx(ActionButton, {
-						action: action_9,
+						action: action_10,
 						icons: actionIcons,
 						size: "md",
 						href: null,
-						isPending: pending === keyOf(action_9),
-						isDisabled: pending !== null && pending !== keyOf(action_9) || skipped_0 >= selectedCount,
-						onPress: () => runOnSelection(action_9)
-					}, action_9.id);
+						isPending: pending === keyOf(action_10),
+						isDisabled: pending !== null && pending !== keyOf(action_10) || skipped_0 >= selectedCount,
+						onPress: () => runOnSelection(action_10)
+					}, action_10.id);
 				})
 			}) : null
 		]
 	}) : null;
-	const t36 = isLoading && items !== void 0;
-	let t37;
-	if ($[89] !== body || $[90] !== t36) {
-		t37 = /* @__PURE__ */ jsx("div", {
+	const t35 = isLoading && items !== void 0;
+	let t36;
+	if ($[87] !== body || $[88] !== t35) {
+		t36 = /* @__PURE__ */ jsx("div", {
 			className: ListView_module_default.body,
-			"aria-busy": t36,
+			"aria-busy": t35,
 			children: body
 		});
-		$[89] = body;
-		$[90] = t36;
-		$[91] = t37;
-	} else t37 = $[91];
-	let t38;
-	if ($[92] !== cursors || $[93] !== error || $[94] !== inCalendar || $[95] !== list || $[96] !== pageItems || $[97] !== perPageOptions || $[98] !== query.cursor || $[99] !== query.page || $[100] !== query.perPage || $[101] !== total) {
-		t38 = inCalendar ? null : cursors !== void 0 && error === null ? /* @__PURE__ */ jsx(CursorPagination, {
+		$[87] = body;
+		$[88] = t35;
+		$[89] = t36;
+	} else t36 = $[89];
+	let t37;
+	if ($[90] !== cursors || $[91] !== error || $[92] !== inCalendar || $[93] !== list || $[94] !== pageItems || $[95] !== perPageOptions || $[96] !== query.cursor || $[97] !== query.page || $[98] !== query.perPage || $[99] !== total) {
+		t37 = inCalendar ? null : cursors !== void 0 && error === null ? /* @__PURE__ */ jsx(CursorPagination, {
 			perPage: query.perPage ?? pageItems.length,
 			hasPrevious: query.cursor !== void 0,
 			hasNext: cursors.next !== null,
@@ -638,67 +640,70 @@ function ListView(t0) {
 			perPageOptions,
 			onPerPageChange: (perPage_0) => list.setPerPage(perPage_0)
 		}) : null;
-		$[92] = cursors;
-		$[93] = error;
-		$[94] = inCalendar;
-		$[95] = list;
-		$[96] = pageItems;
-		$[97] = perPageOptions;
-		$[98] = query.cursor;
-		$[99] = query.page;
-		$[100] = query.perPage;
-		$[101] = total;
+		$[90] = cursors;
+		$[91] = error;
+		$[92] = inCalendar;
+		$[93] = list;
+		$[94] = pageItems;
+		$[95] = perPageOptions;
+		$[96] = query.cursor;
+		$[97] = query.page;
+		$[98] = query.perPage;
+		$[99] = total;
+		$[100] = t37;
+	} else t37 = $[100];
+	let t38;
+	if ($[101] !== execute) {
+		t38 = (event_1) => void execute(event_1);
+		$[101] = execute;
 		$[102] = t38;
 	} else t38 = $[102];
 	let t39;
-	if ($[103] !== execute) {
-		t39 = (event_1) => void execute(event_1);
-		$[103] = execute;
-		$[104] = t39;
-	} else t39 = $[104];
-	let t40;
-	if ($[105] !== closeConfirmation || $[106] !== confirming || $[107] !== preview || $[108] !== t39) {
-		t40 = /* @__PURE__ */ jsx(ConfirmDialog, {
+	if ($[103] !== closeConfirmation || $[104] !== confirming || $[105] !== preview || $[106] !== t38) {
+		t39 = /* @__PURE__ */ jsx(ConfirmDialog, {
 			event: confirming,
 			preview,
-			onConfirm: t39,
+			onConfirm: t38,
 			onCancel: closeConfirmation
 		});
-		$[105] = closeConfirmation;
-		$[106] = confirming;
-		$[107] = preview;
-		$[108] = t39;
-		$[109] = t40;
-	} else t40 = $[109];
-	let t41;
-	if ($[110] !== t30 || $[111] !== t31 || $[112] !== t34 || $[113] !== t35 || $[114] !== t37 || $[115] !== t38 || $[116] !== t40) {
-		t41 = /* @__PURE__ */ jsxs("div", {
-			className: t30,
+		$[103] = closeConfirmation;
+		$[104] = confirming;
+		$[105] = preview;
+		$[106] = t38;
+		$[107] = t39;
+	} else t39 = $[107];
+	let t40;
+	if ($[108] !== t29 || $[109] !== t30 || $[110] !== t33 || $[111] !== t34 || $[112] !== t36 || $[113] !== t37 || $[114] !== t39) {
+		t40 = /* @__PURE__ */ jsxs("div", {
+			className: t29,
 			children: [
-				t31,
+				t30,
+				t33,
 				t34,
-				t35,
+				t36,
 				t37,
-				t38,
-				t40
+				t39
 			]
 		});
-		$[110] = t30;
-		$[111] = t31;
-		$[112] = t34;
-		$[113] = t35;
-		$[114] = t37;
-		$[115] = t38;
-		$[116] = t40;
-		$[117] = t41;
-	} else t41 = $[117];
-	return t41;
+		$[108] = t29;
+		$[109] = t30;
+		$[110] = t33;
+		$[111] = t34;
+		$[112] = t36;
+		$[113] = t37;
+		$[114] = t39;
+		$[115] = t40;
+	} else t40 = $[115];
+	return t40;
+}
+function _temp6(column_2) {
+	return column_2.field;
 }
 function _temp5(column_1) {
 	return column_1.sortable === true;
 }
-function _temp4(item_7) {
-	return item_7.id;
+function _temp4(item_8) {
+	return item_8.id;
 }
 function _temp3(action_1) {
 	return hasScope(action_1, "resource");