@panneau/lists 5.0.0-alpha.16 → 5.0.0-alpha.18

package/README.md

@@ -77,23 +77,23 @@ const { data, isFetching, error } = useResourceList('pages', query); // @panneau
 
 ## What a list does
 
-| Feature    | How                                                                                                                                                                                                                                                                                                                                |
-| ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Columns    | `item[id]` shown with a display: the column's `display`, else text. Localized values in the UI's locale. `render` for a cell of its own                                                                                                                                                                                            |
-| Displays   | `text`, `textarea`, `slug`, `richtext`, `number`, `boolean`, `date`, `datetime`, `time`, `select`, `relation`, `url`, `email`, `color`, `media`                                                                                                                                                                                    |
-| Columns    | A "Columns" menu shows, hides and orders them: `hidden` columns are shown when the user picks them, and `hideable: false` ones always are. In the view of the list state                                                                                                                                                           |
-| Layouts    | `table`, `cards`, `gallery` (on `itemImage`) and `calendar` (with `calendar`), the first of `layouts` being the default, in the view of the list state. On narrow lists, table rows stack and show the label of each value, and the calendar lists its days with items ([0044](../../docs/decisions/0044-gallery-and-calendar.md)) |
-| Sorting    | Sortable column headers (`aria-sort`), and a select for cards and phones                                                                                                                                                                                                                                                           |
-| Filters    | `text`, `select`, `toggle`, `date`, `date-range` (sent as bounds: `filter[id][from]`, `filter[id][to]`), `relation`, with chips for the active filters and the search                                                                                                                                                              |
-| Pagination | With `total`: the range, previous and next pages, and the page size (`perPageOptions`)                                                                                                                                                                                                                                             |
-| Selection  | Checkboxes, the page, then "select all N items", which selects every item matching the query, with exceptions                                                                                                                                                                                                                      |
-| Actions    | `row` (buttons), `menu` (the row's menu), `toolbar` (selection and resource actions), with `confirm`, hidden by abilities ([0011](../../docs/decisions/0011-permissions.md))                                                                                                                                                       |
-| Editing    | Columns of `inlineEdit` edit their field in place in the table (`text`, `number`, `select`, `boolean`, `date`), on items that can be updated: `onInlineEdit` saves the one field ([0043](../../docs/decisions/0043-inline-editing.md))                                                                                             |
-| States     | Skeleton rows of the columns while `items` is `undefined`, an error with a retry, an empty message, and "no results" with a button that clears the filters                                                                                                                                                                         |
+| Feature    | How                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| ---------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Columns    | `item[id]` shown with a display: the column's `display`, else text. Localized values in the UI's locale. `render` for a cell of its own                                                                                                                                                                                                                                                                                                                        |
+| Displays   | `text`, `textarea`, `slug`, `richtext`, `number`, `boolean`, `date`, `datetime`, `time`, `select`, `relation`, `url`, `email`, `color`, `media`                                                                                                                                                                                                                                                                                                                |
+| Columns    | A "Columns" menu shows, hides and orders them: `hidden` columns are shown when the user picks them, and `hideable: false` ones always are. In the view of the list state                                                                                                                                                                                                                                                                                       |
+| Layouts    | `table`, `cards`, `gallery` (on `itemImage`) and `calendar` (with `calendar`), the first of `layouts` being the default, in the view of the list state. With `itemImage`, the table starts each title with a thumbnail ([0061](../../docs/decisions/0061-item-images-in-lists.md)). On narrow lists, table rows stack and show the label of each value, and the calendar lists its days with items ([0044](../../docs/decisions/0044-gallery-and-calendar.md)) |
+| Sorting    | Sortable column headers (`aria-sort`), and a select for cards and phones                                                                                                                                                                                                                                                                                                                                                                                       |
+| Filters    | `text`, `select`, `toggle`, `date`, `date-range` (sent as bounds: `filter[id][from]`, `filter[id][to]`), `relation`, with chips for the active filters and the search                                                                                                                                                                                                                                                                                          |
+| Pagination | With `total`: the range, previous and next pages, and the page size (`perPageOptions`)                                                                                                                                                                                                                                                                                                                                                                         |
+| Selection  | Checkboxes, the page, then "select all N items", which selects every item matching the query, with exceptions                                                                                                                                                                                                                                                                                                                                                  |
+| Actions    | `row` (buttons), `menu` (the row's menu), `toolbar` (selection and resource actions), with `confirm`, hidden by abilities ([0011](../../docs/decisions/0011-permissions.md))                                                                                                                                                                                                                                                                                   |
+| Editing    | Columns of `inlineEdit` edit their field in place in the table (`text`, `number`, `select`, `boolean`, `date`), on items that can be updated: `onInlineEdit` saves the one field ([0043](../../docs/decisions/0043-inline-editing.md))                                                                                                                                                                                                                         |
+| States     | Skeleton rows of the columns while `items` is `undefined`, an error with a retry, an empty message, and "no results" with a button that clears the filters                                                                                                                                                                                                                                                                                                     |
 
 An action shows the icon it names (`"icon": "send"`, through `getNamedIcon()` of `@panneau/ui`, which needs an `iconLoader` on `PanneauRoot`, such as `lucideIconLoader` of `@panneau/ui/named-icons`), or the icon of a built-in action (`edit`, `delete`…). Actions written in code can get icon components by id instead, which win over names: `actionIcons={{ archive: Archive }}`.
 
-Lists confirm an action when it has `confirm` (its title and message are ICU messages with `{count}`), or when some selected items don't allow it. For every item matching a query, they only know the current page: with `previewAction` (`useActionPreview()` of `@panneau/actions`), an action that declares `dryRun` asks the backend first, and the confirmation gives its count of skipped items. Then they call `onAction` with the action, its scope, the item or the `Selection` of the protocol, the count and the skipped items. A promise shows the action as pending; when it rejects, a toast says that it failed. After a selection action, the selection is cleared.
+Lists confirm an action when it has `confirm` (its title and message are ICU messages with `{count}`), or when some selected items don't allow it. An `undoable` action runs without a confirmation, unless it sets one, up to `UNDO_LIMIT` items (100), counted from the selection or the dry run: its toast offers "Undo" instead (`asksConfirmation()` of `@panneau/core`, [decision 0063](../../docs/decisions/0063-undo-instead-of-a-confirmation.md)). A value changed in place says so in a toast whose "Undo" saves the previous value the same way, with the version the save got. For every item matching a query, they only know the current page: with `previewAction` (`useActionPreview()` of `@panneau/actions`), an action that declares `dryRun` asks the backend first, and the confirmation gives its count of skipped items. Then they call `onAction` with the action, its scope, the item or the `Selection` of the protocol, the count and the skipped items. A promise shows the action as pending; when it rejects, a toast says that it failed. After a selection action, the selection is cleared.
 
 A `relation` filter keeps ids in the query (`filter[author]=7`). Its chip and picker show the labels of the items it picked, and those of ids from the URL once the relation source's `resolve()` gives them.
 

package/dist/ListSkeleton.d.ts

@@ -6,6 +6,8 @@ export interface ListSkeletonProps {
     perPage: number | undefined;
     sort: readonly string[];
     label: string;
+    /** Whether items have an image: the table draws the placeholder of their thumbnails. */
+    withImages?: boolean;
 }
 /**
  * The first page of a list that loads (decision 0034): the list's own layout, with its columns
@@ -13,5 +15,5 @@ export interface ListSkeletonProps {
  * inert and hidden: its headers can't be used before the items are there, and the status message
  * of the region says that the list loads.
  */
-export declare function ListSkeleton({ Layout, columns, perPage, sort, label }: ListSkeletonProps): import("react").JSX.Element;
+export declare function ListSkeleton({ Layout, columns, perPage, sort, label, withImages, }: ListSkeletonProps): import("react").JSX.Element;
 //# sourceMappingURL=ListSkeleton.d.ts.map

package/dist/ListSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListSkeleton.d.ts","sourceRoot":"","sources":["../src/ListSkeleton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAY,eAAe,EAAE,MAAM,SAAS,CAAC;AAUrE,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,oDAAoD;IACpD,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,iBAAiB,+BAgCxF"}
+{"version":3,"file":"ListSkeleton.d.ts","sourceRoot":"","sources":["../src/ListSkeleton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAY,eAAe,EAAE,MAAM,SAAS,CAAC;AAUrE,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,oDAAoD;IACpD,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EACzB,MAAM,EACN,OAAO,EACP,OAAO,EACP,IAAI,EACJ,KAAK,EACL,UAAkB,GACrB,EAAE,iBAAiB,+BAiCnB"}

package/dist/ListSkeleton.js

@@ -23,37 +23,39 @@ var nothing = () => void 0;
 * of the region says that the list loads.
 */
 function ListSkeleton(t0) {
-	const $ = c(17);
-	const { Layout, columns, perPage, sort, label } = t0;
+	const $ = c(18);
+	const { Layout, columns, perPage, sort, label, withImages: t1 } = t0;
+	const withImages = t1 === void 0 ? false : t1;
 	const intl = usePanneauIntl();
 	const rows = Math.max(1, Math.min(perPage ?? MAX_ROWS, MAX_ROWS));
-	let t1;
+	let t2;
 	if ($[0] !== rows) {
-		t1 = Array.from({ length: rows }, _temp);
+		t2 = Array.from({ length: rows }, _temp);
 		$[0] = rows;
-		$[1] = t1;
-	} else t1 = $[1];
-	const items = t1;
-	let t2;
+		$[1] = t2;
+	} else t2 = $[1];
+	const items = t2;
+	let t3;
 	if ($[2] !== columns || $[3] !== items) {
-		t2 = (item, column) => {
+		t3 = (item, column) => {
 			const offset = items.indexOf(item) + columns.indexOf(column);
 			return /* @__PURE__ */ jsx(Skeleton, { width: WIDTHS[offset % WIDTHS.length] });
 		};
 		$[2] = columns;
 		$[3] = items;
-		$[4] = t2;
-	} else t2 = $[4];
-	const renderValue = t2;
-	let t3;
+		$[4] = t3;
+	} else t3 = $[4];
+	const renderValue = t3;
+	let t4;
 	if ($[5] !== intl) {
-		t3 = intl.formatMessage(messages.loading);
+		t4 = intl.formatMessage(messages.loading);
 		$[5] = intl;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] !== Layout || $[8] !== columns || $[9] !== items || $[10] !== label || $[11] !== renderValue || $[12] !== sort) {
-		t4 = /* @__PURE__ */ jsx("div", {
+		$[6] = t4;
+	} else t4 = $[6];
+	const t5 = withImages ? none : void 0;
+	let t6;
+	if ($[7] !== Layout || $[8] !== columns || $[9] !== items || $[10] !== label || $[11] !== renderValue || $[12] !== sort || $[13] !== t5) {
+		t6 = /* @__PURE__ */ jsx("div", {
 			inert: true,
 			"aria-hidden": "true",
 			children: /* @__PURE__ */ jsx(Layout, {
@@ -62,6 +64,7 @@ function ListSkeleton(t0) {
 				renderValue,
 				getItemLabel: _temp2,
 				getItemHref: none,
+				getItemImage: t5,
 				isCurrent: _temp3,
 				selectable: false,
 				isSelected: _temp4,
@@ -79,19 +82,20 @@ function ListSkeleton(t0) {
 		$[10] = label;
 		$[11] = renderValue;
 		$[12] = sort;
-		$[13] = t4;
-	} else t4 = $[13];
-	let t5;
-	if ($[14] !== t3 || $[15] !== t4) {
-		t5 = /* @__PURE__ */ jsx(LoadingRegion, {
-			label: t3,
-			children: t4
+		$[13] = t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] !== t4 || $[16] !== t6) {
+		t7 = /* @__PURE__ */ jsx(LoadingRegion, {
+			label: t4,
+			children: t6
 		});
-		$[14] = t3;
 		$[15] = t4;
-		$[16] = t5;
-	} else t5 = $[16];
-	return t5;
+		$[16] = t6;
+		$[17] = t7;
+	} else t7 = $[17];
+	return t7;
 }
 function _temp4() {
 	return false;

package/dist/ListSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListSkeleton.js","names":["ReactNode","LoadingRegion","Skeleton","usePanneauIntl","messages","ListColumn","ListItem","ListLayoutEntry","MAX_ROWS","WIDTHS","none","nothing","undefined","ListSkeletonProps","Layout","columns","perPage","sort","label","ListSkeleton","t0","$","_c","intl","rows","Math","max","min","t1","Array","from","length","_temp","items","t2","item","column","offset","indexOf","renderValue","t3","formatMessage","loading","t4","_temp2","_temp3","_temp4","t5","item_0","id","_","index","String","_c"],"sources":["../src/ListSkeleton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { LoadingRegion, Skeleton, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from './messages';\nimport type { ListColumn, ListItem, ListLayoutEntry } from './types';\n\n/** The most rows a skeleton draws: about what fits in a window. */\nconst MAX_ROWS = 10;\n/** Widths of the values, varied so the rows read as text. */\nconst WIDTHS = ['72%', '48%', '64%', '40%', '56%', '80%'];\n\nconst none = () => null;\nconst nothing = () => undefined;\n\nexport interface ListSkeletonProps {\n    Layout: ListLayoutEntry;\n    columns: readonly ListColumn[];\n    /** The page size: as many rows, up to what fits. */\n    perPage: number | undefined;\n    sort: readonly string[];\n    label: string;\n}\n\n/**\n * The first page of a list that loads (decision 0034): the list's own layout, with its columns\n * and a skeleton for each value, as many rows as the page size, up to what fits. The layout is\n * inert and hidden: its headers can't be used before the items are there, and the status message\n * of the region says that the list loads.\n */\nexport function ListSkeleton({ Layout, columns, perPage, sort, label }: ListSkeletonProps) {\n    const intl = usePanneauIntl();\n    const rows = Math.max(1, Math.min(perPage ?? MAX_ROWS, MAX_ROWS));\n    const items: ListItem[] = Array.from({ length: rows }, (_, index) => ({\n        id: `skeleton-${String(index)}`,\n    }));\n    const renderValue = (item: ListItem, column: ListColumn): ReactNode => {\n        const offset = items.indexOf(item) + columns.indexOf(column);\n        return <Skeleton width={WIDTHS[offset % WIDTHS.length]} />;\n    };\n    return (\n        <LoadingRegion label={intl.formatMessage(messages.loading)}>\n            <div inert aria-hidden=\"true\">\n                <Layout\n                    items={items}\n                    columns={columns}\n                    renderValue={renderValue}\n                    getItemLabel={(item) => item.id}\n                    getItemHref={none}\n                    isCurrent={() => false}\n                    selectable={false}\n                    isSelected={() => false}\n                    onToggle={nothing}\n                    renderActions={none}\n                    sort={sort}\n                    onSort={nothing}\n                    label={label}\n                    pageSelection={null}\n                />\n            </div>\n        </LoadingRegion>\n    );\n}\n"],"mappings":";;;;;;AAQA,IAAMQ,WAAW;;AAEjB,IAAMC,SAAS;CAAC;CAAO;CAAO;CAAO;CAAO;CAAO;AAAK;AAExD,IAAMC,aAAa;AACnB,IAAMC,gBAAgBC,KAAAA;;;;;;;AAiBtB,SAAOO,aAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAsB,MAAA,EAAAR,QAAAC,SAAAC,SAAAC,MAAAC,UAAAE;CACzB,MAAAG,OAAapB,eAAe;CAC5B,MAAAqB,OAAaC,KAAIC,IAAK,GAAGD,KAAIE,IAAKX,WAAAR,UAAqBA,QAAQ,CAAC;CAAE,IAAAoB;CAAA,IAAAP,EAAA,OAAAG,MAAA;EACxCI,KAAAC,MAAKC,KAAM,EAAAC,QAAUP,KAAK,GAAGQ,KAErD;EAACX,EAAA,KAAAG;EAAAH,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAFH,MAAAY,QAA0BL;CAEtB,IAAAM;CAAA,IAAAb,EAAA,OAAAN,WAAAM,EAAA,OAAAY,OAAA;EACgBC,MAAAC,MAAAC,WAAA;GAChB,MAAAC,SAAeJ,MAAKK,QAASH,IAAI,IAAIpB,QAAOuB,QAASF,MAAM;GAAE,OACtD,oBAAC,UAAD,EAAiB,OAAA3B,OAAO4B,SAAS5B,OAAMsB,QAAQ,CAAA;EAAI;EAC7DV,EAAA,KAAAN;EAAAM,EAAA,KAAAY;EAAAZ,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAHD,MAAAkB,cAAoBL;CAGlB,IAAAM;CAAA,IAAAnB,EAAA,OAAAE,MAAA;EAEwBiB,KAAAjB,KAAIkB,cAAerC,SAAQsC,OAAQ;EAACrB,EAAA,KAAAE;EAAAF,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,OAAAP,UAAAO,EAAA,OAAAN,WAAAM,EAAA,OAAAY,SAAAZ,EAAA,QAAAH,SAAAG,EAAA,QAAAkB,eAAAlB,EAAA,QAAAJ,MAAA;EACtD0B,KAAA,oBAAA,OAAA;GAAK,OAAA;GAAkB,eAAA;GACnB,UAAA,oBAAC,QAAD;IACWV;IACElB;IACIwB;IACC,cAAAK;IACDlC,aAAAA;IACF,WAAAmC;IACC,YAAA;IACA,YAAAC;IACFnC,UAAAA;IACKD,eAAAA;IACTO;IACEN,QAAAA;IACDO;IACQ,eAAA;GAAI,CAAA;EAErB,CAAA;EAAAG,EAAA,KAAAP;EAAAO,EAAA,KAAAN;EAAAM,EAAA,KAAAY;EAAAZ,EAAA,MAAAH;EAAAG,EAAA,MAAAkB;EAAAlB,EAAA,MAAAJ;EAAAI,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,QAAAmB,MAAAnB,EAAA,QAAAsB,IAAA;EAlBVI,KAAA,oBAAC,eAAD;GAAsB,OAAAP;GAClBG,UAAAA;EADU,CAAA;EAmBEtB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAsB;EAAAtB,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,OAnBhB0B;AAmBgB;AA9BjB,SAAAD,SAAA;CAAA,OAqB+B;AAAK;AArBpC,SAAAD,SAAA;CAAA,OAmB8B;AAAK;AAnBnC,SAAAD,OAAAI,QAAA;CAAA,OAiBqCb,OAAIc;AAAG;AAjB5C,SAAAjB,MAAAkB,GAAAC,OAAA;CAAA,OAGmE,EAAAF,IAC9D,YAAYG,OAAOD,KAAK,IAChC;AAAC"}
+{"version":3,"file":"ListSkeleton.js","names":["ReactNode","LoadingRegion","Skeleton","usePanneauIntl","messages","ListColumn","ListItem","ListLayoutEntry","MAX_ROWS","WIDTHS","none","nothing","undefined","ListSkeletonProps","Layout","columns","perPage","sort","label","withImages","ListSkeleton","t0","$","_c","t1","intl","rows","Math","max","min","t2","Array","from","length","_temp","items","t3","item","column","offset","indexOf","renderValue","t4","formatMessage","loading","t5","t6","_temp2","_temp3","_temp4","t7","item_0","id","_","index","String","_c"],"sources":["../src/ListSkeleton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { LoadingRegion, Skeleton, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from './messages';\nimport type { ListColumn, ListItem, ListLayoutEntry } from './types';\n\n/** The most rows a skeleton draws: about what fits in a window. */\nconst MAX_ROWS = 10;\n/** Widths of the values, varied so the rows read as text. */\nconst WIDTHS = ['72%', '48%', '64%', '40%', '56%', '80%'];\n\nconst none = () => null;\nconst nothing = () => undefined;\n\nexport interface ListSkeletonProps {\n    Layout: ListLayoutEntry;\n    columns: readonly ListColumn[];\n    /** The page size: as many rows, up to what fits. */\n    perPage: number | undefined;\n    sort: readonly string[];\n    label: string;\n    /** Whether items have an image: the table draws the placeholder of their thumbnails. */\n    withImages?: boolean;\n}\n\n/**\n * The first page of a list that loads (decision 0034): the list's own layout, with its columns\n * and a skeleton for each value, as many rows as the page size, up to what fits. The layout is\n * inert and hidden: its headers can't be used before the items are there, and the status message\n * of the region says that the list loads.\n */\nexport function ListSkeleton({\n    Layout,\n    columns,\n    perPage,\n    sort,\n    label,\n    withImages = false,\n}: ListSkeletonProps) {\n    const intl = usePanneauIntl();\n    const rows = Math.max(1, Math.min(perPage ?? MAX_ROWS, MAX_ROWS));\n    const items: ListItem[] = Array.from({ length: rows }, (_, index) => ({\n        id: `skeleton-${String(index)}`,\n    }));\n    const renderValue = (item: ListItem, column: ListColumn): ReactNode => {\n        const offset = items.indexOf(item) + columns.indexOf(column);\n        return <Skeleton width={WIDTHS[offset % WIDTHS.length]} />;\n    };\n    return (\n        <LoadingRegion label={intl.formatMessage(messages.loading)}>\n            <div inert aria-hidden=\"true\">\n                <Layout\n                    items={items}\n                    columns={columns}\n                    renderValue={renderValue}\n                    getItemLabel={(item) => item.id}\n                    getItemHref={none}\n                    getItemImage={withImages ? none : undefined}\n                    isCurrent={() => false}\n                    selectable={false}\n                    isSelected={() => false}\n                    onToggle={nothing}\n                    renderActions={none}\n                    sort={sort}\n                    onSort={nothing}\n                    label={label}\n                    pageSelection={null}\n                />\n            </div>\n        </LoadingRegion>\n    );\n}\n"],"mappings":";;;;;;AAQA,IAAMQ,WAAW;;AAEjB,IAAMC,SAAS;CAAC;CAAO;CAAO;CAAO;CAAO;CAAO;AAAK;AAExD,IAAMC,aAAa;AACnB,IAAMC,gBAAgBC,KAAAA;;;;;;;AAmBtB,SAAOQ,aAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAsB,MAAA,EAAAT,QAAAC,SAAAC,SAAAC,MAAAC,OAAAC,YAAAK,OAAAH;CAMzB,MAAAF,aAAAK,OAAAZ,KAAAA,IAAA,QAAAY;CAEA,MAAAC,OAAatB,eAAe;CAC5B,MAAAuB,OAAaC,KAAIC,IAAK,GAAGD,KAAIE,IAAKb,WAAAR,UAAqBA,QAAQ,CAAC;CAAE,IAAAsB;CAAA,IAAAR,EAAA,OAAAI,MAAA;EACxCI,KAAAC,MAAKC,KAAM,EAAAC,QAAUP,KAAK,GAAGQ,KAErD;EAACZ,EAAA,KAAAI;EAAAJ,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAFH,MAAAa,QAA0BL;CAEtB,IAAAM;CAAA,IAAAd,EAAA,OAAAP,WAAAO,EAAA,OAAAa,OAAA;EACgBC,MAAAC,MAAAC,WAAA;GAChB,MAAAC,SAAeJ,MAAKK,QAASH,IAAI,IAAItB,QAAOyB,QAASF,MAAM;GAAE,OACtD,oBAAC,UAAD,EAAiB,OAAA7B,OAAO8B,SAAS9B,OAAMwB,QAAQ,CAAA;EAAI;EAC7DX,EAAA,KAAAP;EAAAO,EAAA,KAAAa;EAAAb,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAHD,MAAAmB,cAAoBL;CAGlB,IAAAM;CAAA,IAAApB,EAAA,OAAAG,MAAA;EAEwBiB,KAAAjB,KAAIkB,cAAevC,SAAQwC,OAAQ;EAACtB,EAAA,KAAAG;EAAAH,EAAA,KAAAoB;CAAA,OAAAA,KAAApB,EAAA;CAQhC,MAAAuB,KAAA1B,aAAAT,OAAAE,KAAAA;CAA6B,IAAAkC;CAAA,IAAAxB,EAAA,OAAAR,UAAAQ,EAAA,OAAAP,WAAAO,EAAA,OAAAa,SAAAb,EAAA,QAAAJ,SAAAI,EAAA,QAAAmB,eAAAnB,EAAA,QAAAL,QAAAK,EAAA,QAAAuB,IAAA;EAPnDC,KAAA,oBAAA,OAAA;GAAK,OAAA;GAAkB,eAAA;GACnB,UAAA,oBAAC,QAAD;IACWX;IACEpB;IACI0B;IACC,cAAAM;IACDrC,aAAAA;IACC,cAAAmC;IACH,WAAAG;IACC,YAAA;IACA,YAAAC;IACFtC,UAAAA;IACKD,eAAAA;IACTO;IACEN,QAAAA;IACDO;IACQ,eAAA;GAAI,CAAA;EAErB,CAAA;EAAAI,EAAA,KAAAR;EAAAQ,EAAA,KAAAP;EAAAO,EAAA,KAAAa;EAAAb,EAAA,MAAAJ;EAAAI,EAAA,MAAAmB;EAAAnB,EAAA,MAAAL;EAAAK,EAAA,MAAAuB;EAAAvB,EAAA,MAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAA,IAAA4B;CAAA,IAAA5B,EAAA,QAAAoB,MAAApB,EAAA,QAAAwB,IAAA;EAnBVI,KAAA,oBAAC,eAAD;GAAsB,OAAAR;GAClBI,UAAAA;EADU,CAAA;EAoBExB,EAAA,MAAAoB;EAAApB,EAAA,MAAAwB;EAAAxB,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CAAA,OApBhB4B;AAoBgB;AAtCjB,SAAAD,SAAA;CAAA,OA6B+B;AAAK;AA7BpC,SAAAD,SAAA;CAAA,OA2B8B;AAAK;AA3BnC,SAAAD,OAAAI,QAAA;CAAA,OAwBqCd,OAAIe;AAAG;AAxB5C,SAAAlB,MAAAmB,GAAAC,OAAA;CAAA,OAUmE,EAAAF,IAC9D,YAAYG,OAAOD,KAAK,IAChC;AAAC"}

package/dist/ListView.d.ts

@@ -74,8 +74,9 @@ export interface ListViewProps {
     /** The field that titles items, for their label (`itemTitle` of the resource). */
     itemTitle?: string;
     /**
-     * The field shown as the image of items (`itemImage` of the resource): a media reference, a
-     * file or a URL. The `gallery` layout needs it (decision 0044).
+     * The field shown as the image of items (`itemImage` of the resource, or `media` in a media
+     * library): a media reference, a media, a file or a URL. The `gallery` layout needs it
+     * (decision 0044), and the table starts each title with its thumbnail (decision 0061).
      */
     itemImage?: string | undefined;
     /**
@@ -83,6 +84,12 @@ export interface ListViewProps {
      * state asks for its month when it is given the same calendar.
      */
     calendar?: Pick<ResolvedCalendar, 'field' | 'filter'> | null | undefined;
+    /**
+     * The id of the main action of rows, which keeps its label while the others show their icons
+     * (decision 0060): the one the title of an item opens, `edit` for a resource that opens its
+     * items in their form. Defaults to `show` when rows have it, else `edit`.
+     */
+    primaryAction?: string | null;
     /** The label of an item, for checkboxes and actions. Defaults to its title, then its id. */
     getItemLabel?: (item: ListItem) => string;
     /** A link to an item, on its title. */
@@ -130,5 +137,5 @@ export interface ListViewProps {
  * cards), with sorting, search, filters and their chips, pagination, selection and actions. It
  * fetches nothing: the caller gives the items of the list's query and their total.
  */
-export declare function ListView({ list, items, columns: allColumns, columnChoice, total, cursors, isLoading, error, onRetry, filters: filtersProp, fields, search, layouts: layoutsProp, layout: controlledLayout, onLayoutChange, perPageOptions, selectable: selectableProp, actions: actionsProp, onAction, previewAction, actionIcons, itemTitle, itemImage, calendar, getItemLabel: getItemLabelProp, getItemHref, getLinkHref, currentItemId, displays, layoutComponents, filterControls, inlineEdit, onInlineEdit, formatError, toolbar, emptyMessage, 'aria-label': ariaLabel, className, }: ListViewProps): import("react").JSX.Element;
+export declare function ListView({ list, items, columns: allColumns, columnChoice, total, cursors, isLoading, error, onRetry, filters: filtersProp, fields, search, layouts: layoutsProp, layout: controlledLayout, onLayoutChange, perPageOptions, selectable: selectableProp, actions: actionsProp, onAction, previewAction, actionIcons, itemTitle, itemImage, calendar, primaryAction: primaryActionProp, getItemLabel: getItemLabelProp, getItemHref, getLinkHref, currentItemId, displays, layoutComponents, filterControls, inlineEdit, onInlineEdit, formatError, toolbar, emptyMessage, 'aria-label': ariaLabel, className, }: ListViewProps): import("react").JSX.Element;
 //# sourceMappingURL=ListView.d.ts.map

package/dist/ListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../src/ListView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../src/ListView.tsx"],"names":[],"mappings":"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"}

package/dist/ListView.js

@@ -2,6 +2,7 @@ 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 { getImageUrl } from "./images.js";
 import { getCalendarTimeZone } from "./layouts/calendarDays.js";
 import { cx } from "./cx.js";
 import { builtInLayouts } from "./layouts/builtIn.js";
@@ -9,10 +10,9 @@ 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";
 import { InlineCell } from "./inline/InlineCell.js";
 import { getInlineField } from "./inline/editable.js";
 import { countSelected, getPageSelection, isItemSelected } from "./selection.js";
@@ -22,7 +22,7 @@ import { CursorPagination, Pagination } from "./toolbar/Pagination.js";
 import { SearchField } from "./toolbar/SearchField.js";
 import { SortSelect } from "./toolbar/SortSelect.js";
 import { useListState } from "./useListState.js";
-import { currentMonth, formatRuleFailure, selectItemActions, usePlugins } from "@panneau/core";
+import { asksConfirmation, currentMonth, formatRuleFailure, selectItemActions, usePlugins } from "@panneau/core";
 import { c } from "react/compiler-runtime";
 import { getActionLabel } from "@panneau/intl";
 import { Alert, Button, Checkbox, usePanneauIntl, useToast } from "@panneau/ui";
@@ -39,7 +39,7 @@ function keyOf(action, item) {
 */
 function ListView(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, getItemLabel: getItemLabelProp, getItemHref, getLinkHref, currentItemId: t9, displays, layoutComponents, filterControls, inlineEdit: t10, onInlineEdit, formatError: t11, toolbar, emptyMessage, "aria-label": ariaLabel, className } = t0;
+	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;
@@ -202,6 +202,7 @@ function ListView(t0) {
 			item: item_3,
 			field,
 			itemLabel: getItemLabel(item_3),
+			getItemLabel,
 			renderValue: (current_0) => renderValue(current_0, column_0),
 			onSave: (base_0, value) => onInlineEdit({
 				item: base_0,
@@ -241,7 +242,8 @@ function ListView(t0) {
 			setPreview({ status: "loading" });
 			previewAction(event_0).then((result) => {
 				if (confirmation.current !== current_1) return;
-				if ((result?.skipped ?? event_0.skipped.length) === 0 && !asks) execute(event_0);
+				const skipped = result?.skipped ?? event_0.skipped.length;
+				if (skipped === 0 && !asks && !asksConfirmation(action_2, Math.max(0, event_0.count - skipped))) execute(event_0);
 				else setPreview(result !== null ? {
 					status: "done",
 					...result
@@ -280,18 +282,24 @@ 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 t26;
@@ -317,7 +325,7 @@ function ListView(t0) {
 	let t27;
 	if ($[36] !== filterValues || $[37] !== list || $[38] !== query.q) {
 		t27 = function clearFilters() {
-			Object.keys(filterValues).forEach((id_1) => list.setFilter(id_1, void 0));
+			Object.keys(filterValues).forEach((id_2) => list.setFilter(id_2, void 0));
 			if ((query.q ?? "") !== "") list.setSearch("");
 		};
 		$[36] = filterValues;
@@ -368,7 +376,8 @@ function ListView(t0) {
 				columns,
 				perPage: query.perPage,
 				sort,
-				label
+				label,
+				withImages: itemImage !== void 0
 			});
 			break bb0;
 		}
@@ -414,25 +423,25 @@ function ListView(t0) {
 		}
 		let t29;
 		if ($[62] !== itemImage) {
-			t29 = itemImage !== void 0 ? (item_8) => getImageUrl(item_8[itemImage]) : void 0;
+			t29 = itemImage !== void 0 ? (item_9) => getImageUrl(item_9[itemImage]) : void 0;
 			$[62] = itemImage;
 			$[63] = t29;
 		} else t29 = $[63];
 		let t30;
 		if ($[64] !== currentItemId) {
-			t30 = (item_9) => item_9.id === currentItemId;
+			t30 = (item_10) => item_10.id === currentItemId;
 			$[64] = currentItemId;
 			$[65] = t30;
 		} else t30 = $[65];
 		let t31;
 		if ($[66] !== selection) {
-			t31 = (item_10) => isItemSelected(selection, item_10.id);
+			t31 = (item_11) => isItemSelected(selection, item_11.id);
 			$[66] = selection;
 			$[67] = t31;
 		} else t31 = $[67];
 		let t32;
 		if ($[68] !== list) {
-			t32 = (item_11) => list.toggle(item_11.id);
+			t32 = (item_12) => list.toggle(item_12.id);
 			$[68] = list;
 			$[69] = t32;
 		} else t32 = $[69];
@@ -485,7 +494,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,
@@ -517,14 +526,14 @@ 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
 			]
 		})]
@@ -532,7 +541,7 @@ function ListView(t0) {
 	let t31;
 	let t32;
 	if ($[74] !== list) {
-		t31 = (id_3) => list.setFilter(id_3, void 0);
+		t31 = (id_4) => list.setFilter(id_4, void 0);
 		t32 = () => list.setSearch("");
 		$[74] = list;
 		$[75] = t31;
@@ -587,17 +596,17 @@ 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
 		]
@@ -696,8 +705,8 @@ function _temp6(column_2) {
 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");