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

package/dist/ListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.js","names":["action","item","column","event","id","next","styles"],"sources":["../src/ListView.tsx"],"sourcesContent":["import { type ReactNode, useState } from 'react';\n\nimport type { List } from '@panneau/core';\nimport { usePlugins } from '@panneau/core';\nimport type { Action, Field, Filter } from '@panneau/protocol';\nimport { Alert, Button, Checkbox, Spinner, usePanneauIntl, useToast } from '@panneau/ui';\n\nimport styles from './ListView.module.css';\nimport { ActionButton } from './actions/ActionButton';\nimport { ConfirmDialog, needsConfirmation } from './actions/ConfirmDialog';\nimport { RowActions } from './actions/RowActions';\nimport {\n    type ListActions,\n    getActionHref,\n    groupListActions,\n    hasScope,\n    isAllowedOn,\n} from './actions/actions';\nimport type { ActionIcons } from './actions/icons';\nimport { cx } from './cx';\nimport { builtInDisplays } from './displays/displays';\nimport { FilterChips, FilterControls, useFilterLabels } from './filters/Filters';\nimport { builtInLayouts } from './layouts/builtIn';\nimport { messages } from './messages';\nimport { countSelected, getPageSelection, isItemSelected } from './selection';\nimport { LayoutSwitch } from './toolbar/LayoutSwitch';\nimport { Pagination } from './toolbar/Pagination';\nimport { SearchField } from './toolbar/SearchField';\nimport { SortSelect } from './toolbar/SortSelect';\nimport type {\n    DisplayEntry,\n    FilterEntry,\n    ListActionEvent,\n    ListActionHandler,\n    ListColumn,\n    ListItem,\n    ListLayoutEntry,\n} from './types';\nimport { useListState } from './useListState';\nimport { getColumnValue, toText } from './values';\n\nexport interface ListViewProps {\n    /** The list state of `@panneau/core` (`useList()`): query and selection. */\n    list: List;\n    /** The items of the current page. `undefined` while they load for the first time. */\n    items: readonly ListItem[] | undefined;\n    columns: readonly ListColumn[];\n    /**\n     * How many items match the query, on every page (`meta.total`). With it, the list shows\n     * pagination and offers to select every matching item. Without it, `items` is the whole list.\n     */\n    total?: number | undefined;\n    /** Shows that items are loading. Items already shown stay, dimmed. */\n    isLoading?: boolean;\n    /** An error while loading: an alert with a retry replaces the items. */\n    error?: Error | null;\n    onRetry?: () => void;\n    /** Filter controls, with chips for the active filters. */\n    filters?: readonly Filter[];\n    /** Fields of the items, for the labels and options of filters that are not columns. */\n    fields?: readonly Field[];\n    /** Shows a search field (`q`). */\n    search?: boolean;\n    /** Layouts to choose from, the first one being the default. Defaults to `['table']`. */\n    layouts?: readonly string[];\n    /** The layout, controlled. */\n    layout?: string;\n    onLayoutChange?: (layout: string) => void;\n    /** Page sizes to choose from. */\n    perPageOptions?: readonly number[];\n    /** Shows checkboxes. Defaults to whether there are selection actions. */\n    selectable?: boolean;\n    /**\n     * Actions: a list (placed by their `placement`, or by scope), or grouped by placement as\n     * `resolveList()` does. Those the user can't run (`abilities.run`) are hidden.\n     */\n    actions?: ListActions;\n    /** Runs an action, after its confirmation. */\n    onAction?: ListActionHandler;\n    /**\n     * Icons of actions by action id (`{ archive: Archive }`), for actions written in code. They\n     * win over the Lucide icon an action names (`\"icon\": \"archive\"`).\n     */\n    actionIcons?: ActionIcons;\n    /** The field that titles items, for their label (`itemTitle` of the resource). */\n    itemTitle?: string;\n    /** The label of an item, for checkboxes and actions. Defaults to its title, then its id. */\n    getItemLabel?: (item: ListItem) => string;\n    /** A link to an item, on its title. */\n    getItemHref?: (item: ListItem) => string | null;\n    /** Displays by name, over the built-in ones and those of the plugins. */\n    displays?: Readonly<Record<string, DisplayEntry>>;\n    /** Layouts by id, over the built-in ones and those of the plugins. */\n    layoutComponents?: Readonly<Record<string, ListLayoutEntry>>;\n    /** Filter controls by filter type, over the built-in ones. */\n    filterControls?: Readonly<Record<string, FilterEntry>>;\n    /** Content at the end of the toolbar, such as a button to create an item. */\n    toolbar?: ReactNode;\n    /** Shown when the list has no items, without filters or search. */\n    emptyMessage?: ReactNode;\n    /** Accessible name of the list. Defaults to \"Items\". */\n    'aria-label'?: string;\n    className?: string;\n}\n\nfunction keyOf(action: Action, item?: ListItem): string {\n    return item !== undefined ? `${action.id}\\u0000${item.id}` : action.id;\n}\n\n/**\n * Renders the list state of `@panneau/core`: the items of the current page in a layout (table or\n * cards), with sorting, search, filters and their chips, pagination, selection and actions. It\n * fetches nothing: the caller gives the items of the list's query and their total.\n */\nexport function ListView({\n    list,\n    items,\n    columns,\n    total,\n    isLoading = false,\n    error = null,\n    onRetry,\n    filters = [],\n    fields = [],\n    search = false,\n    layouts: layoutsProp = ['table'],\n    layout: controlledLayout,\n    onLayoutChange,\n    perPageOptions,\n    selectable: selectableProp,\n    actions: actionsProp,\n    onAction,\n    actionIcons,\n    itemTitle,\n    getItemLabel: getItemLabelProp,\n    getItemHref,\n    displays,\n    layoutComponents,\n    filterControls,\n    toolbar,\n    emptyMessage,\n    'aria-label': ariaLabel,\n    className,\n}: ListViewProps) {\n    const intl = usePanneauIntl();\n    const toasts = useToast();\n    const plugins = usePlugins();\n    const { query, selection } = useListState(list);\n    const filterLabels = useFilterLabels();\n    const [uncontrolledLayout, setLayout] = useState<string | null>(null);\n    const [confirming, setConfirming] = useState<ListActionEvent | null>(null);\n    const [pending, setPending] = useState<string | null>(null);\n\n    const label = ariaLabel ?? intl.formatMessage(messages.list);\n    const pageItems = items ?? [];\n    const count = total ?? pageItems.length;\n    const sort = query.sort ?? [];\n    const filterValues = query.filter ?? {};\n    const hasQuery = Object.keys(filterValues).length > 0 || (query.q ?? '') !== '';\n\n    const allDisplays: Record<string, DisplayEntry> = {\n        ...builtInDisplays,\n        ...(Object.fromEntries(plugins.displays) as Record<string, DisplayEntry>),\n        ...displays,\n    };\n    const allLayouts: Record<string, ListLayoutEntry> = {\n        ...builtInLayouts,\n        ...(Object.fromEntries(plugins.listLayouts) as Record<string, ListLayoutEntry>),\n        ...layoutComponents,\n    };\n    // Layouts without a component (a plugin's that isn't installed) are left out.\n    const available = layoutsProp.filter((id) => allLayouts[id] !== undefined);\n    const layouts = available.length > 0 ? available : ['table'];\n    const layout = controlledLayout ?? uncontrolledLayout ?? layouts[0] ?? 'table';\n    const Layout = allLayouts[layout] ?? builtInLayouts.table;\n\n    const grouped = groupListActions(actionsProp);\n    const rowActions = grouped.row.filter((action) => hasScope(action, 'item'));\n    const rowMenu = grouped.menu.filter((action) => hasScope(action, 'item'));\n    // Actions placed in the menu also apply to selections, from the toolbar (once each).\n    const toolbarActions = [...grouped.toolbar, ...grouped.menu].filter(\n        (action, index, all) =>\n            (hasScope(action, 'selection') || hasScope(action, 'resource')) &&\n            all.findIndex((candidate) => candidate.id === action.id) === index,\n    );\n    const selectionActions = toolbarActions.filter((action) => hasScope(action, 'selection'));\n    const resourceActions = toolbarActions.filter((action) => hasScope(action, 'resource'));\n    const selectable = selectableProp ?? selectionActions.length > 0;\n\n    const selectedCount = selectable ? countSelected(selection, count) : 0;\n    const selectedItems = pageItems.filter((item) => isItemSelected(selection, item.id));\n    const pageSelection = getPageSelection(selection, pageItems);\n\n    const getItemLabel = (item: ListItem): string => {\n        if (getItemLabelProp !== undefined) {\n            return getItemLabelProp(item);\n        }\n        const titleColumn =\n            columns.find((column) => column.id === itemTitle) ??\n            (itemTitle === undefined ? columns[0] : undefined);\n        const title =\n            titleColumn !== undefined\n                ? toText(getColumnValue(item, titleColumn, intl.locale), intl.locale)\n                : itemTitle !== undefined\n                  ? toText(item[itemTitle], intl.locale)\n                  : '';\n        return title !== '' ? title : item.id;\n    };\n\n    const renderValue = (item: ListItem, column: ListColumn): ReactNode => {\n        if (column.render !== undefined) {\n            return column.render(item);\n        }\n        const Display =\n            (column.display !== undefined && column.display !== null\n                ? allDisplays[column.display]\n                : undefined) ?? builtInDisplays.text;\n        if (Display === undefined) {\n            return null;\n        }\n        return (\n            <Display\n                value={getColumnValue(item, column, intl.locale)}\n                item={item}\n                column={column}\n                field={column.field ?? null}\n            />\n        );\n    };\n\n    const execute = async (event: ListActionEvent) => {\n        setConfirming(null);\n        setPending(keyOf(event.action, event.item));\n        try {\n            const outcome = await onAction?.(event);\n            // `false`: the action didn't run (its parameters were cancelled).\n            if (event.scope === 'selection' && outcome !== false) {\n                list.clearSelection();\n            }\n        } catch (caught) {\n            toasts.show({\n                title: intl.formatMessage(messages.actionFailed, { action: event.action.label }),\n                ...(caught instanceof Error && caught.message !== ''\n                    ? { description: caught.message }\n                    : {}),\n                tone: 'danger',\n            });\n        } finally {\n            setPending(null);\n        }\n    };\n\n    const run = (event: ListActionEvent) => {\n        if (needsConfirmation(event)) {\n            setConfirming(event);\n        } else {\n            void execute(event);\n        }\n    };\n\n    const runOnItem = (action: Action, item: ListItem) =>\n        run({ action, scope: 'item', item, count: 1, skipped: [] });\n\n    const runOnSelection = (action: Action) => {\n        const selected = list.getSelection();\n        if (selected === null) {\n            return;\n        }\n        run({\n            action,\n            scope: 'selection',\n            selection: selected,\n            count: selectedCount,\n            skipped: selectedItems.filter((item) => !isAllowedOn(action, item)),\n        });\n    };\n\n    const runOnResource = (action: Action) =>\n        run({ action, scope: 'resource', count: count, skipped: [] });\n\n    const renderActions = (item: ListItem): ReactNode => {\n        const allowed = rowActions.filter((action) => isAllowedOn(action, item));\n        const menu = rowMenu.filter((action) => isAllowedOn(action, item));\n        if (allowed.length === 0 && menu.length === 0) {\n            return null;\n        }\n        const running =\n            pending?.endsWith(`\\u0000${item.id}`) === true ? pending.split('\\u0000')[0] : null;\n        return (\n            <RowActions\n                item={item}\n                itemLabel={getItemLabel(item)}\n                actions={allowed}\n                menu={menu}\n                pending={running ?? null}\n                onRun={(action) => runOnItem(action, item)}\n                icons={actionIcons}\n            />\n        );\n    };\n\n    const pageCheckbox = (\n        <Checkbox\n            aria-label={intl.formatMessage(messages.selectPage)}\n            isSelected={pageSelection === 'all'}\n            isIndeterminate={pageSelection === 'some'}\n            isDisabled={pageItems.length === 0}\n            onChange={() => {\n                const ids = pageItems.map((item) => item.id);\n                if (pageSelection === 'all') {\n                    list.deselect(ids);\n                } else {\n                    list.select(ids);\n                }\n            }}\n        />\n    );\n\n    const sortable = columns.some((column) => column.sortable === true);\n    const showToolbar =\n        search ||\n        filters.length > 0 ||\n        sortable ||\n        layouts.length > 1 ||\n        resourceActions.length > 0 ||\n        toolbar !== undefined;\n\n    const body = (() => {\n        if (error !== null) {\n            return (\n                <Alert\n                    tone=\"danger\"\n                    title={intl.formatMessage(messages.loadFailed)}\n                    actions={\n                        onRetry !== undefined ? (\n                            <Button size=\"sm\" onPress={onRetry}>\n                                {intl.formatMessage(messages.retry)}\n                            </Button>\n                        ) : undefined\n                    }\n                >\n                    {error.message}\n                </Alert>\n            );\n        }\n        if (items === undefined) {\n            return (\n                <div className={styles.state}>\n                    <Spinner showLabel />\n                </div>\n            );\n        }\n        if (pageItems.length === 0) {\n            return (\n                <div className={styles.state}>\n                    <p>\n                        {hasQuery\n                            ? intl.formatMessage(messages.noResults)\n                            : (emptyMessage ?? intl.formatMessage(messages.empty))}\n                    </p>\n                    {hasQuery ? (\n                        <Button size=\"sm\" onPress={() => clearFilters()}>\n                            {intl.formatMessage(messages.clearFilters)}\n                        </Button>\n                    ) : null}\n                </div>\n            );\n        }\n        return (\n            <Layout\n                items={pageItems}\n                columns={columns}\n                renderValue={renderValue}\n                getItemLabel={getItemLabel}\n                getItemHref={getItemHref}\n                selectable={selectable}\n                isSelected={(item) => isItemSelected(selection, item.id)}\n                onToggle={(item) => list.toggle(item.id)}\n                renderActions={renderActions}\n                sort={sort}\n                onSort={(column) => list.toggleSort(column.id)}\n                label={label}\n                pageSelection={pageCheckbox}\n            />\n        );\n    })();\n\n    function clearFilters() {\n        Object.keys(filterValues).forEach((id) => list.setFilter(id, undefined));\n        if ((query.q ?? '') !== '') {\n            list.setSearch('');\n        }\n    }\n\n    return (\n        <div className={cx(styles.list, className)}>\n            {showToolbar ? (\n                <div className={styles.toolbar}>\n                    <div className={styles.toolbarStart}>\n                        {search ? (\n                            <SearchField\n                                value={query.q ?? ''}\n                                onChange={(q) => list.setSearch(q)}\n                            />\n                        ) : null}\n                        {filters.length > 0 ? (\n                            <FilterControls\n                                filters={filters}\n                                values={filterValues}\n                                onChange={(id, value) => list.setFilter(id, value)}\n                                onLabel={filterLabels.remember}\n                                controls={filterControls}\n                                columns={columns}\n                                fields={fields}\n                                labels={filterLabels.labels}\n                            />\n                        ) : null}\n                    </div>\n                    <div className={styles.toolbarEnd}>\n                        {sortable ? (\n                            <div className={layout === 'table' ? styles.tableSort : undefined}>\n                                <SortSelect\n                                    columns={columns}\n                                    sort={sort}\n                                    onChange={(next) => list.setSort(next)}\n                                />\n                            </div>\n                        ) : null}\n                        {layouts.length > 1 ? (\n                            <LayoutSwitch\n                                layouts={layouts}\n                                value={layout}\n                                onChange={(next) => {\n                                    setLayout(next);\n                                    onLayoutChange?.(next);\n                                }}\n                            />\n                        ) : null}\n                        {resourceActions\n                            .filter(\n                                (action) => selectedCount === 0 || !hasScope(action, 'selection'),\n                            )\n                            .map((action) => (\n                                <ActionButton\n                                    key={action.id}\n                                    action={action}\n                                    icons={actionIcons}\n                                    size=\"md\"\n                                    href={getActionHref(action)}\n                                    isPending={pending === keyOf(action)}\n                                    onPress={() => runOnResource(action)}\n                                />\n                            ))}\n                        {toolbar}\n                    </div>\n                </div>\n            ) : null}\n            <FilterChips\n                filters={filters}\n                values={filterValues}\n                q={query.q}\n                onRemove={(id) => list.setFilter(id, undefined)}\n                onClearSearch={() => list.setSearch('')}\n                onClear={clearFilters}\n                columns={columns}\n                fields={fields}\n                labels={filterLabels.labels}\n            />\n            {selectedCount > 0 ? (\n                <div className={styles.selection}>\n                    <span className={styles.selectionCount} role=\"status\">\n                        {selection.mode === 'all'\n                            ? intl.formatMessage(messages.allMatchingSelected, {\n                                  total: selectedCount,\n                              })\n                            : intl.formatMessage(messages.selectedCount, { count: selectedCount })}\n                    </span>\n                    {selection.mode === 'ids' &&\n                    pageSelection === 'all' &&\n                    count > pageItems.length ? (\n                        <Button size=\"sm\" variant=\"ghost\" onPress={() => list.selectAllMatching()}>\n                            {intl.formatMessage(messages.selectAllMatching, { total: count })}\n                        </Button>\n                    ) : null}\n                    <Button size=\"sm\" variant=\"ghost\" onPress={() => list.clearSelection()}>\n                        {intl.formatMessage(messages.clearSelection)}\n                    </Button>\n                    {selectionActions.length > 0 ? (\n                        <div className={styles.selectionActions}>\n                            {selectionActions.map((action) => {\n                                const skipped = selectedItems.filter(\n                                    (item) => !isAllowedOn(action, item),\n                                ).length;\n                                return (\n                                    <ActionButton\n                                        key={action.id}\n                                        action={action}\n                                        icons={actionIcons}\n                                        size=\"md\"\n                                        href={null}\n                                        isPending={pending === keyOf(action)}\n                                        isDisabled={\n                                            (pending !== null && pending !== keyOf(action)) ||\n                                            skipped >= selectedCount\n                                        }\n                                        onPress={() => runOnSelection(action)}\n                                    />\n                                );\n                            })}\n                        </div>\n                    ) : null}\n                </div>\n            ) : null}\n            <div className={styles.body} aria-busy={isLoading && items !== undefined}>\n                {body}\n            </div>\n            {total !== undefined && error === null && total > 0 ? (\n                <Pagination\n                    page={query.page ?? 1}\n                    perPage={query.perPage ?? pageItems.length}\n                    total={total}\n                    onPageChange={(page) => list.setPage(page)}\n                    perPageOptions={perPageOptions}\n                    onPerPageChange={(perPage) => list.setPerPage(perPage)}\n                />\n            ) : null}\n            <ConfirmDialog\n                event={confirming}\n                onConfirm={(event) => void execute(event)}\n                onCancel={() => setConfirming(null)}\n            />\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ListView.js","names":["ReactNode","useRef","useState","List","ResolvedCalendar","asksConfirmation","currentMonth","formatRuleFailure","selectItemActions","usePlugins","getActionLabel","Action","Field","Filter","RuleFailure","Alert","Button","Checkbox","usePanneauIntl","useToast","ListSkeleton","styles","ActionButton","ConfirmDialog","ConfirmPreview","needsConfirmation","RowActions","orderRowActions","ListActions","getActionHref","groupListActions","hasScope","isAllowedOn","ActionIcons","getShownColumns","cx","FilterChips","FilterControls","useFilterLabels","getImageUrl","InlineCell","getInlineField","builtInLayouts","getCalendarTimeZone","messages","countSelected","getPageSelection","isItemSelected","ColumnMenu","LayoutSwitch","CursorPagination","Pagination","SearchField","SortSelect","DisplayEntry","FilterEntry","ListActionEvent","ListActionHandler","ListActionPreviewer","ListColumn","ListInlineEditHandler","ListItem","ListLayoutEntry","useListState","useRenderValue","getColumnValue","toText","ListViewProps","list","items","columns","columnChoice","total","cursors","next","previous","isLoading","error","Error","onRetry","filters","fields","search","layouts","layout","onLayoutChange","perPageOptions","selectable","actions","onAction","previewAction","actionIcons","itemTitle","itemImage","calendar","Pick","primaryAction","getItemLabel","item","getItemHref","getLinkHref","action","currentItemId","displays","Readonly","Record","layoutComponents","filterControls","inlineEdit","onInlineEdit","formatError","failure","path","toolbar","emptyMessage","className","keyOf","undefined","id","ListView","t0","$","_c","allColumns","t1","t2","t3","t4","t5","t6","t7","controlledLayout","selectableProp","actionsProp","t8","primaryActionProp","getItemLabelProp","t9","t10","t11","ariaLabel","t12","filtersProp","layoutsProp","intl","toasts","plugins","query","view","selection","filterLabels","confirming","setConfirming","preview","setPreview","confirmation","pending","setPending","t13","Symbol","for","saved","setSaved","t14","base","find","candidate","current","showItem","t15","formatMessage","label","t16","item_0","pageItems","map","count","length","t17","sort","t18","listLayouts","Object","fromEntries","t19","t20","allLayouts","t21","available","filter","chosenLayout","includes","Layout","table","inCalendar","t22","t23","entries","t24","id_0","filterValues","q","keys","hasQuery","grouped","toolbarActions","menu","_temp","selectionActions","_temp2","resourceActions","_temp3","selectedCount","t25","item_1","selectedItems","pageSelection","item_2","titleColumn","column","title","locale","renderValue","renderCell","item_3","column_0","content","field","current_0","base_0","value","name","closeConfirmation","execute","event","Promise","resolve","then","outcome","scope","clearSelection","catch","caught","show","actionFailed","message","description","tone","run","event_0","action_2","selection_0","dryRun","current_1","asks","confirm","status","result","skipped","Math","max","runOnItem","action_3","item_4","runOnSelection","action_4","selected","getSelection","item_5","runOnResource","action_5","pageActions","item_6","row","firstOf","action_6","flat","entry","slots","flatMap","id_1","some","slot","renderActions","item_7","allowed","running","endsWith","split","action_7","t26","selectPage","pageCheckbox","ids","_temp4","deselect","select","sortable","_temp5","choosesColumns","showToolbar","t27","clearFilters","forEach","id_2","setFilter","setSearch","t28","bb0","t29","loadFailed","t30","retry","t31","perPage","noResults","empty","t32","state","item_9","item_10","item_11","item_12","toggle","t33","column_3","toggleSort","timeZone","_temp6","field_0","month","onMonthChange","setMonth","more","body","toolbarStart","id_3","value_0","remember","labels","toolbarEnd","tableSort","setSort","next_0","setLayout","ids_0","setColumns","resetColumns","action_8","action_9","id_4","t34","selectionCount","mode","allMatchingSelected","selectAllMatching","action_10","skipped_0","item_13","t35","t36","t37","cursor","page","previousPage","nextPage","setPerPage","setPage","perPage_0","t38","event_1","t39","t40","column_2","column_1","item_8","action_1","action_0","index","all","findIndex","candidate_0","_c","styles"],"sources":["../src/ListView.tsx"],"sourcesContent":["import { type ReactNode, useRef, useState } from 'react';\n\nimport type { List, ResolvedCalendar } from '@panneau/core';\nimport {\n    asksConfirmation,\n    currentMonth,\n    formatRuleFailure,\n    selectItemActions,\n    usePlugins,\n} from '@panneau/core';\nimport { getActionLabel } from '@panneau/intl';\nimport type { Action, Field, Filter, RuleFailure } from '@panneau/protocol';\nimport { Alert, Button, Checkbox, usePanneauIntl, useToast } from '@panneau/ui';\n\nimport { ListSkeleton } from './ListSkeleton';\nimport styles from './ListView.module.css';\nimport { ActionButton } from './actions/ActionButton';\nimport { ConfirmDialog, type ConfirmPreview, needsConfirmation } from './actions/ConfirmDialog';\nimport { RowActions, orderRowActions } from './actions/RowActions';\nimport {\n    type ListActions,\n    getActionHref,\n    groupListActions,\n    hasScope,\n    isAllowedOn,\n} from './actions/actions';\nimport type { ActionIcons } from './actions/icons';\nimport { getShownColumns } from './columns';\nimport { cx } from './cx';\nimport { FilterChips, FilterControls, useFilterLabels } from './filters/Filters';\nimport { getImageUrl } from './images';\nimport { InlineCell } from './inline/InlineCell';\nimport { getInlineField } from './inline/editable';\nimport { builtInLayouts } from './layouts/builtIn';\nimport { getCalendarTimeZone } from './layouts/calendarDays';\nimport { messages } from './messages';\nimport { countSelected, getPageSelection, isItemSelected } from './selection';\nimport { ColumnMenu } from './toolbar/ColumnMenu';\nimport { LayoutSwitch } from './toolbar/LayoutSwitch';\nimport { CursorPagination, Pagination } from './toolbar/Pagination';\nimport { SearchField } from './toolbar/SearchField';\nimport { SortSelect } from './toolbar/SortSelect';\nimport type {\n    DisplayEntry,\n    FilterEntry,\n    ListActionEvent,\n    ListActionHandler,\n    ListActionPreviewer,\n    ListColumn,\n    ListInlineEditHandler,\n    ListItem,\n    ListLayoutEntry,\n} from './types';\nimport { useListState } from './useListState';\nimport { useRenderValue } from './useRenderValue';\nimport { getColumnValue, toText } from './values';\n\nexport interface ListViewProps {\n    /** The list state of `@panneau/core` (`useList()`): query and selection. */\n    list: List;\n    /**\n     * The items of the current page. `undefined` while they load for the first time: the list\n     * draws a skeleton of its rows, from its columns and its page size.\n     */\n    items: readonly ListItem[] | undefined;\n    /**\n     * Every column of the list. Those with `hidden` are shown when the user chooses them, from\n     * the \"Columns\" menu, and the view of the list state says which ones are shown (decision 0042).\n     */\n    columns: readonly ListColumn[];\n    /** Offers the user to show, hide and order the columns. Defaults to `true`. */\n    columnChoice?: boolean;\n    /**\n     * How many items match the query, on every page (`meta.total`). With it, the list shows\n     * pagination and offers to select every matching item. Without it, `items` is the whole list.\n     */\n    total?: number | undefined;\n    /**\n     * The cursors of the page, for a list paged with cursors (`nextCursor` and `previousCursor`\n     * of its `meta`): the list then has buttons to the previous and next pages, without page\n     * numbers or a total, and doesn't offer to select every matching item.\n     */\n    cursors?: { next: string | null; previous?: string | null | undefined } | undefined;\n    /** Shows that items are loading. Items already shown stay, dimmed. */\n    isLoading?: boolean;\n    /** An error while loading: an alert with a retry replaces the items. */\n    error?: Error | null;\n    onRetry?: () => void;\n    /** Filter controls, with chips for the active filters. */\n    filters?: readonly Filter[];\n    /** Fields of the items, for the labels and options of filters that are not columns. */\n    fields?: readonly Field[];\n    /** Shows a search field (`q`). */\n    search?: boolean;\n    /** Layouts to choose from, the first one being the default. Defaults to `['table']`. */\n    layouts?: readonly string[];\n    /** The layout, controlled. Without it, the layout is the view of the list state. */\n    layout?: string;\n    onLayoutChange?: (layout: string) => void;\n    /** Page sizes to choose from. */\n    perPageOptions?: readonly number[];\n    /** Shows checkboxes. Defaults to whether there are selection actions. */\n    selectable?: boolean;\n    /**\n     * Actions: a list (placed by their `placement`, or by scope), or grouped by placement as\n     * `resolveList()` does. Those the user can't run (`abilities.run`) are hidden.\n     */\n    actions?: ListActions;\n    /** Runs an action, after its confirmation. */\n    onAction?: ListActionHandler;\n    /**\n     * Asks the backend how many items of a query selection (\"Select all N items\") an action will\n     * skip, before the confirmation: the list only knows the abilities of the current page. Only\n     * for actions with `dryRun`. `useActionPreview()` of `@panneau/actions` is one.\n     */\n    previewAction?: ListActionPreviewer;\n    /**\n     * Icons of actions by action id (`{ archive: Archive }`), for actions written in code. They\n     * win over the Lucide icon an action names (`\"icon\": \"archive\"`).\n     */\n    actionIcons?: ActionIcons;\n    /** The field that titles items, for their label (`itemTitle` of the resource). */\n    itemTitle?: string;\n    /**\n     * The field shown as the image of items (`itemImage` of the resource, or `media` in a media\n     * library): a media reference, a media, a file or a URL. The `gallery` layout needs it\n     * (decision 0044), and the table starts each title with its thumbnail (decision 0061).\n     */\n    itemImage?: string | undefined;\n    /**\n     * The calendar of the list (`calendar` of `resolveList()`), for its `calendar` layout. The list\n     * state asks for its month when it is given the same calendar.\n     */\n    calendar?: Pick<ResolvedCalendar, 'field' | 'filter'> | null | undefined;\n    /**\n     * The id of the main action of rows, which keeps its label while the others show their icons\n     * (decision 0060): the one the title of an item opens, `edit` for a resource that opens its\n     * items in their form. Defaults to `show` when rows have it, else `edit`.\n     */\n    primaryAction?: string | null;\n    /** The label of an item, for checkboxes and actions. Defaults to its title, then its id. */\n    getItemLabel?: (item: ListItem) => string;\n    /** A link to an item, on its title. */\n    getItemHref?: (item: ListItem) => string | null;\n    /**\n     * The link of a built-in `show` or `edit` action without a `url` or a `route` (decision 0040),\n     * which the caller resolves to its own routes. Without it, or when it answers `null`, the list\n     * leaves those links out.\n     */\n    getLinkHref?: (action: Action, item: ListItem) => string | null;\n    /**\n     * The item shown next to the list, such as in a panel of its details: its row is marked, and\n     * the link of its title is the current page.\n     */\n    currentItemId?: string | null;\n    /** Displays by name, over the built-in ones and those of the plugins. */\n    displays?: Readonly<Record<string, DisplayEntry>>;\n    /** Layouts by id, over the built-in ones and those of the plugins. */\n    layoutComponents?: Readonly<Record<string, ListLayoutEntry>>;\n    /** Filter controls by filter type, over the built-in ones. */\n    filterControls?: Readonly<Record<string, FilterEntry>>;\n    /**\n     * The fields that columns edit in place (`inlineEdit` of the list), on the items that can be\n     * updated, in the table (decision 0043). Needs `onInlineEdit`.\n     */\n    inlineEdit?: readonly string[];\n    /** Saves a field edited in place, and resolves with the updated item. */\n    onInlineEdit?: ListInlineEditHandler;\n    /**\n     * The message of a portable rule that a value edited in place fails. Defaults to\n     * `formatRuleFailure()` of `@panneau/core`, in English; `useFormatRuleFailure()` of\n     * `@panneau/forms` translates them.\n     */\n    formatError?: (failure: RuleFailure, path: string) => string;\n    /** Content at the end of the toolbar, such as a button to create an item. */\n    toolbar?: ReactNode;\n    /** Shown when the list has no items, without filters or search. */\n    emptyMessage?: ReactNode;\n    /** Accessible name of the list. Defaults to \"Items\". */\n    'aria-label'?: string;\n    className?: string;\n}\n\nfunction keyOf(action: Action, item?: ListItem): string {\n    return item !== undefined ? `${action.id}\\u0000${item.id}` : action.id;\n}\n\n/**\n * Renders the list state of `@panneau/core`: the items of the current page in a layout (table or\n * cards), with sorting, search, filters and their chips, pagination, selection and actions. It\n * fetches nothing: the caller gives the items of the list's query and their total.\n */\nexport function ListView({\n    list,\n    items,\n    columns: allColumns,\n    columnChoice = true,\n    total,\n    cursors,\n    isLoading = false,\n    error = null,\n    onRetry,\n    filters: filtersProp = [],\n    fields = [],\n    search = false,\n    layouts: layoutsProp = ['table'],\n    layout: controlledLayout,\n    onLayoutChange,\n    perPageOptions,\n    selectable: selectableProp,\n    actions: actionsProp,\n    onAction,\n    previewAction,\n    actionIcons,\n    itemTitle,\n    itemImage,\n    calendar = null,\n    primaryAction: primaryActionProp,\n    getItemLabel: getItemLabelProp,\n    getItemHref,\n    getLinkHref,\n    currentItemId = null,\n    displays,\n    layoutComponents,\n    filterControls,\n    inlineEdit = [],\n    onInlineEdit,\n    formatError = formatRuleFailure,\n    toolbar,\n    emptyMessage,\n    'aria-label': ariaLabel,\n    className,\n}: ListViewProps) {\n    const intl = usePanneauIntl();\n    const toasts = useToast();\n    const plugins = usePlugins();\n    const { query, view, selection } = useListState(list);\n    const filterLabels = useFilterLabels();\n    const [confirming, setConfirming] = useState<ListActionEvent | null>(null);\n    const [preview, setPreview] = useState<ConfirmPreview | null>(null);\n    // The confirmation a dry run belongs to: a later one, or a cancel, discards its answer.\n    const confirmation = useRef(0);\n    const [pending, setPending] = useState<string | null>(null);\n\n    // Items saved in place, over the item the caller gave, until it gives another one.\n    const [saved, setSaved] = useState<\n        Readonly<Record<string, { base: ListItem; item: ListItem }>>\n    >({});\n    const showItem = (item: ListItem) => {\n        const base = items?.find((candidate) => candidate.id === item.id);\n        if (base !== undefined) {\n            setSaved((current) => ({ ...current, [item.id]: { base, item } }));\n        }\n    };\n\n    const label = ariaLabel ?? intl.formatMessage(messages.list);\n    const pageItems = (items ?? []).map((item) =>\n        saved[item.id]?.base === item ? (saved[item.id]?.item ?? item) : item,\n    );\n    const count = total ?? pageItems.length;\n    const sort = query.sort ?? [];\n\n    const allLayouts: Record<string, ListLayoutEntry> = {\n        ...builtInLayouts,\n        ...(Object.fromEntries(plugins.listLayouts) as Record<string, ListLayoutEntry>),\n        ...layoutComponents,\n    };\n    // Layouts without a component (a plugin's that isn't installed) are left out, and so are the\n    // gallery without images and the calendar without a calendar.\n    const available = layoutsProp.filter(\n        (id) =>\n            allLayouts[id] !== undefined &&\n            (id !== 'gallery' || itemImage !== undefined) &&\n            (id !== 'calendar' || calendar !== null),\n    );\n    const layouts = available.length > 0 ? available : ['table'];\n    const chosenLayout =\n        view.layout !== undefined && layouts.includes(view.layout) ? view.layout : undefined;\n    const layout = controlledLayout ?? chosenLayout ?? layouts[0] ?? 'table';\n    const columns = getShownColumns(allColumns, view.columns);\n    const Layout = allLayouts[layout] ?? builtInLayouts.table;\n    const inCalendar = layout === 'calendar' && calendar !== null;\n    // The calendar asks for its month through its filter, which it sets itself.\n    const filters = inCalendar\n        ? filtersProp.filter((filter) => filter.id !== calendar.filter)\n        : filtersProp;\n    const filterValues = Object.fromEntries(\n        Object.entries(query.filter ?? {}).filter(\n            ([id]) => !(inCalendar && id === calendar.filter),\n        ),\n    );\n    const hasQuery = Object.keys(filterValues).length > 0 || (query.q ?? '') !== '';\n\n    const grouped = groupListActions(actionsProp);\n    // Actions placed in the menu also apply to selections, from the toolbar (once each).\n    const toolbarActions = [...grouped.toolbar, ...grouped.menu].filter(\n        (action, index, all) =>\n            (hasScope(action, 'selection') || hasScope(action, 'resource')) &&\n            all.findIndex((candidate) => candidate.id === action.id) === index,\n    );\n    const selectionActions = toolbarActions.filter((action) => hasScope(action, 'selection'));\n    const resourceActions = toolbarActions.filter((action) => hasScope(action, 'resource'));\n    const selectable = selectableProp ?? selectionActions.length > 0;\n\n    const selectedCount = selectable ? countSelected(selection, count) : 0;\n    const selectedItems = pageItems.filter((item) => isItemSelected(selection, item.id));\n    const pageSelection = getPageSelection(selection, pageItems);\n\n    const getItemLabel = (item: ListItem): string => {\n        if (getItemLabelProp !== undefined) {\n            return getItemLabelProp(item);\n        }\n        const titleColumn =\n            allColumns.find((column) => column.id === itemTitle) ??\n            (itemTitle === undefined ? columns[0] : undefined);\n        const title =\n            titleColumn !== undefined\n                ? toText(getColumnValue(item, titleColumn, intl.locale), intl.locale)\n                : itemTitle !== undefined\n                  ? toText(item[itemTitle], intl.locale)\n                  : '';\n        return title !== '' ? title : item.id;\n    };\n\n    const renderValue = useRenderValue(displays);\n\n    const renderCell = (item: ListItem, column: ListColumn, content: ReactNode): ReactNode => {\n        const field = onInlineEdit !== undefined ? getInlineField(column, item, inlineEdit) : null;\n        if (field === null || onInlineEdit === undefined) {\n            return content;\n        }\n        return (\n            <InlineCell\n                key={`${item.id}\\u0000${column.id}`}\n                item={item}\n                field={field}\n                itemLabel={getItemLabel(item)}\n                getItemLabel={getItemLabel}\n                renderValue={(current) => renderValue(current, column)}\n                onSave={(base, value) => onInlineEdit({ item: base, field, value })}\n                onItem={showItem}\n                formatError={(failure) => formatError(failure, field.name)}\n            >\n                {content}\n            </InlineCell>\n        );\n    };\n\n    const closeConfirmation = () => {\n        confirmation.current += 1;\n        setConfirming(null);\n        setPreview(null);\n    };\n\n    const execute = async (event: ListActionEvent) => {\n        closeConfirmation();\n        setPending(keyOf(event.action, event.item));\n        // A promise chain rather than `try`, which the React Compiler only handles in part.\n        await Promise.resolve()\n            .then(() => onAction?.(event))\n            .then((outcome) => {\n                // `false`: the action didn't run (its parameters were cancelled).\n                if (event.scope === 'selection' && outcome !== false) {\n                    list.clearSelection();\n                }\n            })\n            .catch((caught: unknown) => {\n                toasts.show({\n                    title: intl.formatMessage(messages.actionFailed, {\n                        action: getActionLabel(event.action, intl),\n                    }),\n                    ...(caught instanceof Error && caught.message !== ''\n                        ? { description: caught.message }\n                        : {}),\n                    tone: 'danger',\n                });\n            });\n        setPending(null);\n    };\n\n    const run = (event: ListActionEvent) => {\n        const { action, selection } = event;\n        if (\n            previewAction !== undefined &&\n            action.dryRun === true &&\n            selection !== undefined &&\n            'query' in selection\n        ) {\n            // Every item matching a query: only the backend knows how many it would skip.\n            const current = ++confirmation.current;\n            const asks = action.confirm !== undefined && action.confirm !== false;\n            setConfirming(event);\n            setPreview({ status: 'loading' });\n            previewAction(event).then(\n                (result) => {\n                    if (confirmation.current !== current) {\n                        return;\n                    }\n                    const skipped = result?.skipped ?? event.skipped.length;\n                    // An undoable action asks above the limit of the undo, counted without the\n                    // items it skips (decision 0063).\n                    if (\n                        skipped === 0 &&\n                        !asks &&\n                        !asksConfirmation(action, Math.max(0, event.count - skipped))\n                    ) {\n                        void execute(event);\n                    } else {\n                        setPreview(result !== null ? { status: 'done', ...result } : null);\n                    }\n                },\n                () => {\n                    // Without an answer, the list confirms with what it knows.\n                    if (confirmation.current !== current) {\n                        return;\n                    }\n                    if (needsConfirmation(event)) {\n                        setPreview(null);\n                    } else {\n                        void execute(event);\n                    }\n                },\n            );\n            return;\n        }\n        if (needsConfirmation(event)) {\n            setConfirming(event);\n        } else {\n            void execute(event);\n        }\n    };\n\n    const runOnItem = (action: Action, item: ListItem) =>\n        run({ action, scope: 'item', item, count: 1, skipped: [] });\n\n    const runOnSelection = (action: Action) => {\n        const selected = list.getSelection();\n        if (selected === null) {\n            return;\n        }\n        run({\n            action,\n            scope: 'selection',\n            selection: selected,\n            count: selectedCount,\n            skipped: selectedItems.filter((item) => !isAllowedOn(action, item)),\n        });\n    };\n\n    const runOnResource = (action: Action) =>\n        run({ action, scope: 'resource', count: count, skipped: [] });\n\n    // The actions of the rows of the page, in order: each row keeps the place of those it doesn't\n    // have, so they line up (decision 0060).\n    const pageActions = pageItems.map((item) => [\n        ...selectItemActions(grouped.row, item, 'row', { getLinkHref }),\n        ...selectItemActions(grouped.menu, item, 'menu', { getLinkHref }),\n    ]);\n    const firstOf = (action: Action) =>\n        pageActions.flat().find((entry) => entry.action.id === action.id) ?? [];\n    const slots = orderRowActions(grouped.row.flatMap(firstOf), grouped.menu.flatMap(firstOf));\n    const primaryAction =\n        primaryActionProp !== undefined\n            ? primaryActionProp\n            : (['show', 'edit'].find((id) => slots.some((slot) => slot.action.id === id)) ?? null);\n\n    // The actions of a row and of its menu, as everywhere else an item shows its actions\n    const renderActions = (item: ListItem): ReactNode => {\n        const allowed = selectItemActions(grouped.row, item, 'row', { getLinkHref });\n        const menu = selectItemActions(grouped.menu, item, 'menu', { getLinkHref });\n        if (allowed.length === 0 && menu.length === 0) {\n            return null;\n        }\n        const running =\n            pending?.endsWith(`\\u0000${item.id}`) === true ? pending.split('\\u0000')[0] : null;\n        return (\n            <RowActions\n                itemLabel={getItemLabel(item)}\n                actions={allowed}\n                menu={menu}\n                pending={running ?? null}\n                onRun={(action) => runOnItem(action, item)}\n                icons={actionIcons}\n                slots={slots}\n                primary={primaryAction}\n            />\n        );\n    };\n\n    const pageCheckbox = (\n        <Checkbox\n            aria-label={intl.formatMessage(messages.selectPage)}\n            isSelected={pageSelection === 'all'}\n            isIndeterminate={pageSelection === 'some'}\n            isDisabled={pageItems.length === 0}\n            onChange={() => {\n                const ids = pageItems.map((item) => item.id);\n                if (pageSelection === 'all') {\n                    list.deselect(ids);\n                } else {\n                    list.select(ids);\n                }\n            }}\n        />\n    );\n\n    const sortable = allColumns.some((column) => column.sortable === true);\n    const choosesColumns = columnChoice && allColumns.length > 1;\n    const showToolbar =\n        search ||\n        filters.length > 0 ||\n        sortable ||\n        choosesColumns ||\n        layouts.length > 1 ||\n        resourceActions.length > 0 ||\n        toolbar !== undefined;\n\n    function clearFilters() {\n        Object.keys(filterValues).forEach((id) => list.setFilter(id, undefined));\n        if ((query.q ?? '') !== '') {\n            list.setSearch('');\n        }\n    }\n\n    const body = (() => {\n        if (error !== null) {\n            return (\n                <Alert\n                    tone=\"danger\"\n                    title={intl.formatMessage(messages.loadFailed)}\n                    actions={\n                        onRetry !== undefined ? (\n                            <Button size=\"sm\" onPress={onRetry}>\n                                {intl.formatMessage(messages.retry)}\n                            </Button>\n                        ) : undefined\n                    }\n                >\n                    {error.message}\n                </Alert>\n            );\n        }\n        if (items === undefined) {\n            return (\n                <ListSkeleton\n                    Layout={Layout}\n                    columns={columns}\n                    perPage={query.perPage}\n                    sort={sort}\n                    label={label}\n                    withImages={itemImage !== undefined}\n                />\n            );\n        }\n        // An empty month is still a calendar: it goes to the others.\n        if (pageItems.length === 0 && !inCalendar) {\n            return (\n                <div className={styles.state}>\n                    <p>\n                        {hasQuery\n                            ? intl.formatMessage(messages.noResults)\n                            : (emptyMessage ?? intl.formatMessage(messages.empty))}\n                    </p>\n                    {hasQuery ? (\n                        <Button size=\"sm\" onPress={() => clearFilters()}>\n                            {intl.formatMessage(messages.clearFilters)}\n                        </Button>\n                    ) : null}\n                </div>\n            );\n        }\n        return (\n            <Layout\n                items={pageItems}\n                columns={columns}\n                renderValue={renderValue}\n                getItemLabel={getItemLabel}\n                getItemHref={getItemHref}\n                getItemImage={\n                    itemImage !== undefined ? (item) => getImageUrl(item[itemImage]) : undefined\n                }\n                calendar={\n                    inCalendar\n                        ? {\n                              field: calendar.field,\n                              timeZone: getCalendarTimeZone(\n                                  [...fields, ...allColumns.map((column) => column.field)].find(\n                                      (field) => field?.name === calendar.field,\n                                  ),\n                              ),\n                              month: view.month ?? currentMonth(),\n                              onMonthChange: (month) => list.setMonth(month),\n                              more:\n                                  total !== undefined && total > pageItems.length\n                                      ? { total }\n                                      : cursors !== undefined && cursors.next !== null\n                                        ? { total: null }\n                                        : null,\n                          }\n                        : undefined\n                }\n                isCurrent={(item) => item.id === currentItemId}\n                selectable={selectable}\n                isSelected={(item) => isItemSelected(selection, item.id)}\n                onToggle={(item) => list.toggle(item.id)}\n                renderActions={renderActions}\n                sort={sort}\n                onSort={(column) => list.toggleSort(column.id)}\n                label={label}\n                pageSelection={pageCheckbox}\n                renderCell={renderCell}\n            />\n        );\n    })();\n\n    return (\n        <div className={cx(styles.list, className)}>\n            {showToolbar ? (\n                <div className={styles.toolbar}>\n                    <div className={styles.toolbarStart}>\n                        {search ? (\n                            <SearchField\n                                value={query.q ?? ''}\n                                onChange={(q) => list.setSearch(q)}\n                            />\n                        ) : null}\n                        {filters.length > 0 ? (\n                            <FilterControls\n                                filters={filters}\n                                values={filterValues}\n                                onChange={(id, value) => list.setFilter(id, value)}\n                                onLabel={filterLabels.remember}\n                                controls={filterControls}\n                                columns={allColumns}\n                                fields={fields}\n                                labels={filterLabels.labels}\n                            />\n                        ) : null}\n                    </div>\n                    <div className={styles.toolbarEnd}>\n                        {sortable ? (\n                            <div className={layout === 'table' ? styles.tableSort : undefined}>\n                                <SortSelect\n                                    columns={allColumns}\n                                    sort={sort}\n                                    onChange={(next) => list.setSort(next)}\n                                />\n                            </div>\n                        ) : null}\n                        {layouts.length > 1 ? (\n                            <LayoutSwitch\n                                layouts={layouts}\n                                value={layout}\n                                onChange={(next) => {\n                                    if (controlledLayout === undefined) {\n                                        list.setLayout(next);\n                                    }\n                                    onLayoutChange?.(next);\n                                }}\n                            />\n                        ) : null}\n                        {choosesColumns ? (\n                            <ColumnMenu\n                                columns={allColumns}\n                                shown={columns}\n                                onChange={(ids) => list.setColumns(ids)}\n                                onReset={\n                                    view.columns !== undefined ? () => list.resetColumns() : null\n                                }\n                            />\n                        ) : null}\n                        {resourceActions\n                            .filter(\n                                (action) => selectedCount === 0 || !hasScope(action, 'selection'),\n                            )\n                            .map((action) => (\n                                <ActionButton\n                                    key={action.id}\n                                    action={action}\n                                    icons={actionIcons}\n                                    size=\"md\"\n                                    href={getActionHref(action)}\n                                    isPending={pending === keyOf(action)}\n                                    onPress={() => runOnResource(action)}\n                                />\n                            ))}\n                        {toolbar}\n                    </div>\n                </div>\n            ) : null}\n            <FilterChips\n                filters={filters}\n                values={filterValues}\n                q={query.q}\n                onRemove={(id) => list.setFilter(id, undefined)}\n                onClearSearch={() => list.setSearch('')}\n                onClear={clearFilters}\n                columns={allColumns}\n                fields={fields}\n                labels={filterLabels.labels}\n            />\n            {selectedCount > 0 ? (\n                <div className={styles.selection}>\n                    <span className={styles.selectionCount} role=\"status\">\n                        {selection.mode === 'all'\n                            ? intl.formatMessage(messages.allMatchingSelected, {\n                                  total: selectedCount,\n                              })\n                            : intl.formatMessage(messages.selectedCount, { count: selectedCount })}\n                    </span>\n                    {selection.mode === 'ids' &&\n                    pageSelection === 'all' &&\n                    count > pageItems.length ? (\n                        <Button size=\"sm\" variant=\"ghost\" onPress={() => list.selectAllMatching()}>\n                            {intl.formatMessage(messages.selectAllMatching, { total: count })}\n                        </Button>\n                    ) : null}\n                    <Button size=\"sm\" variant=\"ghost\" onPress={() => list.clearSelection()}>\n                        {intl.formatMessage(messages.clearSelection)}\n                    </Button>\n                    {selectionActions.length > 0 ? (\n                        <div className={styles.selectionActions}>\n                            {selectionActions.map((action) => {\n                                const skipped = selectedItems.filter(\n                                    (item) => !isAllowedOn(action, item),\n                                ).length;\n                                return (\n                                    <ActionButton\n                                        key={action.id}\n                                        action={action}\n                                        icons={actionIcons}\n                                        size=\"md\"\n                                        href={null}\n                                        isPending={pending === keyOf(action)}\n                                        isDisabled={\n                                            (pending !== null && pending !== keyOf(action)) ||\n                                            skipped >= selectedCount\n                                        }\n                                        onPress={() => runOnSelection(action)}\n                                    />\n                                );\n                            })}\n                        </div>\n                    ) : null}\n                </div>\n            ) : null}\n            <div className={styles.body} aria-busy={isLoading && items !== undefined}>\n                {body}\n            </div>\n            {inCalendar ? null : cursors !== undefined && error === null ? (\n                <CursorPagination\n                    perPage={query.perPage ?? pageItems.length}\n                    hasPrevious={query.cursor !== undefined}\n                    hasNext={cursors.next !== null}\n                    onPrevious={() => list.previousPage(cursors.previous)}\n                    onNext={() => {\n                        if (cursors.next !== null) {\n                            list.nextPage(cursors.next);\n                        }\n                    }}\n                    perPageOptions={perPageOptions}\n                    onPerPageChange={(perPage) => list.setPerPage(perPage)}\n                />\n            ) : total !== undefined && error === null && total > 0 ? (\n                <Pagination\n                    page={query.page ?? 1}\n                    perPage={query.perPage ?? pageItems.length}\n                    total={total}\n                    onPageChange={(page) => list.setPage(page)}\n                    perPageOptions={perPageOptions}\n                    onPerPageChange={(perPage) => list.setPerPage(perPage)}\n                />\n            ) : null}\n            <ConfirmDialog\n                event={confirming}\n                preview={preview}\n                onConfirm={(event) => void execute(event)}\n                onCancel={closeConfirmation}\n            />\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/actions/ActionButton.d.ts

@@ -1,5 +1,5 @@
 import type { Action } from '@panneau/protocol';
-import { type ActionIcons } from './icons';
+import { type ActionIcons } from './icons.js';
 export interface ActionButtonProps {
     action: Action;
     /** Icons of actions by id, over the icon the action names. */
@@ -10,9 +10,15 @@ export interface ActionButtonProps {
     isPending?: boolean;
     isDisabled?: boolean;
     size?: 'sm' | 'md';
+    /**
+     * Only the icon, in the color of the action, with the label as its accessible name and
+     * tooltip, as rows show their actions (decision 0060). An action without an icon keeps its
+     * label.
+     */
+    iconOnly?: boolean;
     /** Accessible label, when the label alone isn't enough (`Edit Ada Lovelace`). */
     'aria-label'?: string;
 }
 /** An action as a button, or as a link for a `link` action with a URL. */
-export declare function ActionButton({ action, icons, href, onPress, isPending, isDisabled, size, 'aria-label': ariaLabel, }: ActionButtonProps): import("react").JSX.Element;
+export declare function ActionButton({ action, icons, href, onPress, isPending, isDisabled, size, iconOnly, 'aria-label': ariaLabel, }: ActionButtonProps): import("react").JSX.Element;
 //# sourceMappingURL=ActionButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../src/actions/ActionButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAKhD,OAAO,EAAE,KAAK,WAAW,EAAiB,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,iGAAiG;IACjG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,0EAA0E;AAC1E,wBAAgB,YAAY,CAAC,EACzB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,OAAO,EACP,SAAiB,EACjB,UAAkB,EAClB,IAAW,EACX,YAAY,EAAE,SAAS,GAC1B,EAAE,iBAAiB,+BA2BnB"}
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../src/actions/ActionButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAIhD,OAAO,EAAE,KAAK,WAAW,EAAgC,MAAM,SAAS,CAAC;AAEzE,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,iGAAiG;IACjG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAOD,0EAA0E;AAC1E,wBAAgB,YAAY,CAAC,EACzB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,OAAO,EACP,SAAiB,EACjB,UAAkB,EAClB,IAAW,EACX,QAAgB,EAChB,YAAY,EAAE,SAAS,GAC1B,EAAE,iBAAiB,+BA0CnB"}

package/dist/actions/ActionButton.js

@@ -1,32 +1,104 @@
 import Actions_module_default from "./Actions.module.js";
-import { getActionIcon } from "./icons.js";
-import { cx } from "../cx.js";
-import { Button, Icon } from "@panneau/ui";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Link } from "react-aria-components";
+import { getActionIcon, getActionTone } from "./icons.js";
+import { c } from "react/compiler-runtime";
+import { getActionLabel } from "@panneau/intl";
+import { Button, LinkButton, Tooltip, usePanneauIntl } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
 //#region src/actions/ActionButton.tsx
+/** Whether a link leaves the admin: it opens in a new tab. */
+function isExternal(href) {
+	return /^https?:\/\//.test(href);
+}
 /** An action as a button, or as a link for a `link` action with a URL. */
-function ActionButton({ action, icons, href, onPress, isPending = false, isDisabled = false, size = "sm", "aria-label": ariaLabel }) {
-	const icon = getActionIcon(action, icons);
-	if (href !== null) return /* @__PURE__ */ jsxs(Link, {
-		href,
-		"aria-label": ariaLabel,
-		className: cx(Actions_module_default.link, size === "md" && Actions_module_default.linkMd),
-		children: [icon !== void 0 ? /* @__PURE__ */ jsx(Icon, {
-			icon,
-			size: "sm"
-		}) : null, action.label]
-	});
-	return /* @__PURE__ */ jsx(Button, {
-		size,
-		variant: action.destructive === true ? "danger" : size === "sm" ? "ghost" : "secondary",
-		...icon !== void 0 ? { icon } : {},
-		isPending,
-		isDisabled,
-		"aria-label": ariaLabel,
-		onPress,
-		children: action.label
-	});
+function ActionButton(t0) {
+	const $ = c(27);
+	const { action, icons, href, onPress, isPending: t1, isDisabled: t2, size: t3, iconOnly: t4, "aria-label": ariaLabel } = t0;
+	const isPending = t1 === void 0 ? false : t1;
+	const isDisabled = t2 === void 0 ? false : t2;
+	const size = t3 === void 0 ? "sm" : t3;
+	const iconOnly = t4 === void 0 ? false : t4;
+	const intl = usePanneauIntl();
+	let t5;
+	if ($[0] !== action || $[1] !== icons) {
+		t5 = getActionIcon(action, icons);
+		$[0] = action;
+		$[1] = icons;
+		$[2] = t5;
+	} else t5 = $[2];
+	const icon = t5;
+	let t6;
+	if ($[3] !== action || $[4] !== intl) {
+		t6 = getActionLabel(action, intl);
+		$[3] = action;
+		$[4] = intl;
+		$[5] = t6;
+	} else t6 = $[5];
+	const label = t6;
+	const destructive = action.destructive === true;
+	const inRow = size === "sm";
+	let t7;
+	if ($[6] !== action || $[7] !== destructive || $[8] !== inRow) {
+		t7 = inRow ? getActionTone(action) : destructive ? "danger" : "neutral";
+		$[6] = action;
+		$[7] = destructive;
+		$[8] = inRow;
+		$[9] = t7;
+	} else t7 = $[9];
+	const tone = t7;
+	const appearance = inRow ? "subtle" : destructive ? "solid" : "outline";
+	const onlyIcon = iconOnly && icon !== void 0;
+	const name = ariaLabel ?? (onlyIcon ? label : void 0);
+	let t8;
+	if ($[10] !== appearance || $[11] !== href || $[12] !== icon || $[13] !== isDisabled || $[14] !== isPending || $[15] !== label || $[16] !== name || $[17] !== onPress || $[18] !== onlyIcon || $[19] !== size || $[20] !== tone) {
+		t8 = href !== null ? /* @__PURE__ */ jsx(LinkButton, {
+			href,
+			size,
+			tone,
+			appearance,
+			...icon !== void 0 ? { icon } : {},
+			external: isExternal(href),
+			"aria-label": name,
+			className: onlyIcon ? Actions_module_default.iconOnly : void 0,
+			children: onlyIcon ? null : label
+		}) : /* @__PURE__ */ jsx(Button, {
+			size,
+			tone,
+			appearance,
+			...icon !== void 0 ? { icon } : {},
+			isPending,
+			isDisabled,
+			"aria-label": name,
+			className: onlyIcon ? Actions_module_default.iconOnly : void 0,
+			onPress,
+			children: onlyIcon ? null : label
+		});
+		$[10] = appearance;
+		$[11] = href;
+		$[12] = icon;
+		$[13] = isDisabled;
+		$[14] = isPending;
+		$[15] = label;
+		$[16] = name;
+		$[17] = onPress;
+		$[18] = onlyIcon;
+		$[19] = size;
+		$[20] = tone;
+		$[21] = t8;
+	} else t8 = $[21];
+	const button = t8;
+	let t9;
+	if ($[22] !== button || $[23] !== label || $[24] !== name || $[25] !== onlyIcon) {
+		t9 = onlyIcon ? /* @__PURE__ */ jsx(Tooltip, {
+			content: name ?? label,
+			children: button
+		}) : button;
+		$[22] = button;
+		$[23] = label;
+		$[24] = name;
+		$[25] = onlyIcon;
+		$[26] = t9;
+	} else t9 = $[26];
+	return t9;
 }
 //#endregion
 export { ActionButton };

package/dist/actions/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","names":["styles"],"sources":["../../src/actions/ActionButton.tsx"],"sourcesContent":["import { Link } from 'react-aria-components';\n\nimport type { Action } from '@panneau/protocol';\nimport { Button, Icon } from '@panneau/ui';\n\nimport { cx } from '../cx';\nimport styles from './Actions.module.css';\nimport { type ActionIcons, getActionIcon } from './icons';\n\nexport interface ActionButtonProps {\n    action: Action;\n    /** Icons of actions by id, over the icon the action names. */\n    icons?: ActionIcons | undefined;\n    /** The link of a `link` action. Links go through React Aria, so an app's router handles them. */\n    href: string | null;\n    onPress: () => void;\n    isPending?: boolean;\n    isDisabled?: boolean;\n    size?: 'sm' | 'md';\n    /** Accessible label, when the label alone isn't enough (`Edit Ada Lovelace`). */\n    'aria-label'?: string;\n}\n\n/** An action as a button, or as a link for a `link` action with a URL. */\nexport function ActionButton({\n    action,\n    icons,\n    href,\n    onPress,\n    isPending = false,\n    isDisabled = false,\n    size = 'sm',\n    'aria-label': ariaLabel,\n}: ActionButtonProps) {\n    const icon = getActionIcon(action, icons);\n    if (href !== null) {\n        return (\n            <Link\n                href={href}\n                aria-label={ariaLabel}\n                className={cx(styles.link, size === 'md' && styles.linkMd)}\n            >\n                {icon !== undefined ? <Icon icon={icon} size=\"sm\" /> : null}\n                {action.label}\n            </Link>\n        );\n    }\n    return (\n        <Button\n            size={size}\n            variant={action.destructive === true ? 'danger' : size === 'sm' ? 'ghost' : 'secondary'}\n            {...(icon !== undefined ? { icon } : {})}\n            isPending={isPending}\n            isDisabled={isDisabled}\n            aria-label={ariaLabel}\n            onPress={onPress}\n        >\n            {action.label}\n        </Button>\n    );\n}\n"],"mappings":";;;;;;;;AAwBA,SAAgB,aAAa,EACzB,QACA,OACA,MACA,SACA,YAAY,OACZ,aAAa,OACb,OAAO,MACP,cAAc,aACI;CAClB,MAAM,OAAO,cAAc,QAAQ,KAAK;CACxC,IAAI,SAAS,MACT,OACI,qBAAC,MAAD;EACU;EACN,cAAY;EACZ,WAAW,GAAGA,uBAAO,MAAM,SAAS,QAAQA,uBAAO,MAAM;EAH7D,UAAA,CAKK,SAAS,KAAA,IAAY,oBAAC,MAAD;GAAY;GAAM,MAAK;EAAI,CAAA,IAAM,MACtD,OAAO,KACN;;CAGd,OACI,oBAAC,QAAD;EACU;EACN,SAAS,OAAO,gBAAgB,OAAO,WAAW,SAAS,OAAO,UAAU;EAC5E,GAAK,SAAS,KAAA,IAAY,EAAE,KAAK,IAAI,CAAC;EAC3B;EACC;EACZ,cAAY;EACH;EAER,UAAA,OAAO;CACJ,CAAA;AAEhB"}
+{"version":3,"file":"ActionButton.js","names":["getActionLabel","Action","Button","LinkButton","Tooltip","usePanneauIntl","styles","ActionIcons","getActionIcon","getActionTone","ActionButtonProps","action","icons","href","onPress","isPending","isDisabled","size","iconOnly","isExternal","test","ActionButton","t0","$","_c","t1","t2","t3","t4","ariaLabel","undefined","intl","t5","icon","t6","label","destructive","inRow","t7","tone","appearance","onlyIcon","name","t8","button","t9","_c","styles"],"sources":["../../src/actions/ActionButton.tsx"],"sourcesContent":["import { getActionLabel } from '@panneau/intl';\nimport type { Action } from '@panneau/protocol';\nimport { Button, LinkButton, Tooltip, usePanneauIntl } from '@panneau/ui';\n\nimport styles from './Actions.module.css';\nimport { type ActionIcons, getActionIcon, getActionTone } from './icons';\n\nexport interface ActionButtonProps {\n    action: Action;\n    /** Icons of actions by id, over the icon the action names. */\n    icons?: ActionIcons | undefined;\n    /** The link of a `link` action. Links go through React Aria, so an app's router handles them. */\n    href: string | null;\n    onPress: () => void;\n    isPending?: boolean;\n    isDisabled?: boolean;\n    size?: 'sm' | 'md';\n    /**\n     * Only the icon, in the color of the action, with the label as its accessible name and\n     * tooltip, as rows show their actions (decision 0060). An action without an icon keeps its\n     * label.\n     */\n    iconOnly?: boolean;\n    /** Accessible label, when the label alone isn't enough (`Edit Ada Lovelace`). */\n    'aria-label'?: string;\n}\n\n/** Whether a link leaves the admin: it opens in a new tab. */\nfunction isExternal(href: string): boolean {\n    return /^https?:\\/\\//.test(href);\n}\n\n/** An action as a button, or as a link for a `link` action with a URL. */\nexport function ActionButton({\n    action,\n    icons,\n    href,\n    onPress,\n    isPending = false,\n    isDisabled = false,\n    size = 'sm',\n    iconOnly = false,\n    'aria-label': ariaLabel,\n}: ActionButtonProps) {\n    const intl = usePanneauIntl();\n    const icon = getActionIcon(action, icons);\n    const label = getActionLabel(action, intl);\n    const destructive = action.destructive === true;\n    // In rows, the color of the action, tinted (decision 0060); beside the buttons of a toolbar,\n    // outlined (solid when it destroys).\n    const inRow = size === 'sm';\n    const tone = inRow ? getActionTone(action) : destructive ? 'danger' : 'neutral';\n    const appearance = inRow ? 'subtle' : destructive ? 'solid' : 'outline';\n    const onlyIcon = iconOnly && icon !== undefined;\n    const name = ariaLabel ?? (onlyIcon ? label : undefined);\n    const button =\n        href !== null ? (\n            <LinkButton\n                href={href}\n                size={size}\n                tone={tone}\n                appearance={appearance}\n                {...(icon !== undefined ? { icon } : {})}\n                external={isExternal(href)}\n                aria-label={name}\n                className={onlyIcon ? styles.iconOnly : undefined}\n            >\n                {onlyIcon ? null : label}\n            </LinkButton>\n        ) : (\n            <Button\n                size={size}\n                tone={tone}\n                appearance={appearance}\n                {...(icon !== undefined ? { icon } : {})}\n                isPending={isPending}\n                isDisabled={isDisabled}\n                aria-label={name}\n                className={onlyIcon ? styles.iconOnly : undefined}\n                onPress={onPress}\n            >\n                {onlyIcon ? null : label}\n            </Button>\n        );\n    return onlyIcon ? <Tooltip content={name ?? label}>{button}</Tooltip> : button;\n}\n"],"mappings":"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"}

package/dist/actions/Actions.css

@@ -1,9 +1,10 @@
+/* The actions of a row wrap where they don't fit, in a narrow list or a card. */
 .panneau-actions-row {
     display: inline-flex;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
+    max-width: 100%;
     align-items: center;
-    justify-content: flex-end;
-    gap: var(--panneau-space-1);
+    gap: var(--panneau-space-2);
 }
 
 .panneau-actions-toolbar {
@@ -13,41 +14,6 @@
     gap: var(--panneau-space-2);
 }
 
-/* A link that looks like a small ghost button (link actions: show, edit). */
-.panneau-actions-link {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--panneau-space-1);
-    height: var(--panneau-control-height-sm);
-    padding: 0 var(--panneau-space-2);
-    font-size: var(--panneau-font-size-sm);
-    font-weight: var(--panneau-font-weight-medium);
-    color: var(--panneau-color-text);
-    text-decoration: none;
-    white-space: nowrap;
-    border-radius: var(--panneau-radius-md);
-    cursor: pointer;
-}
-
-.panneau-actions-link[data-hovered] {
-    background-color: var(--panneau-color-hover);
-}
-
-.panneau-actions-link[data-pressed] {
-    background-color: var(--panneau-color-pressed);
-}
-
-.panneau-actions-link[data-focus-visible] {
-    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);
-    outline-offset: 1px;
-}
-
-.panneau-actions-link-md {
-    height: var(--panneau-control-height);
-    padding: 0 var(--panneau-space-3);
-    font-size: var(--panneau-font-size-control);
-}
-
 .panneau-actions-message {
     margin: 0;
 }
@@ -56,3 +22,15 @@
     margin: var(--panneau-space-2) 0 0;
     color: var(--panneau-color-warning);
 }
+
+/* An action shown by its icon alone, square. Doubled: over the padding of the button. */
+.panneau-actions-icon-only.panneau-actions-icon-only {
+    width: var(--panneau-control-height-sm);
+    padding: 0;
+}
+
+/* The place of an action that other rows have: the rows' actions line up (decision 0060). */
+.panneau-actions-placeholder {
+    display: inline-flex;
+    visibility: hidden;
+}

package/dist/actions/Actions.module.js

@@ -2,19 +2,19 @@ import "./Actions.css";
 //#region src/actions/Actions.module.css
 var row = "panneau-actions-row";
 var toolbar = "panneau-actions-toolbar";
-var link = "panneau-actions-link";
-var linkMd = "panneau-actions-link-md";
 var message = "panneau-actions-message";
 var skipped = "panneau-actions-skipped";
+var iconOnly = "panneau-actions-icon-only";
+var placeholder = "panneau-actions-placeholder";
 var Actions_module_default = {
 	row,
 	toolbar,
-	link,
-	linkMd,
 	message,
-	skipped
+	skipped,
+	iconOnly,
+	placeholder
 };
 //#endregion
-export { Actions_module_default as default, link, linkMd, message, row, skipped, toolbar };
+export { Actions_module_default as default, iconOnly, message, placeholder, row, skipped, toolbar };
 
 //# sourceMappingURL=Actions.module.js.map

package/dist/actions/Actions.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.module.js","names":[],"sources":["../../src/actions/Actions.module.css"],"sourcesContent":[".row {\n    display: inline-flex;\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--panneau-space-1);\n}\n\n.toolbar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--panneau-space-2);\n}\n\n/* A link that looks like a small ghost button (link actions: show, edit). */\n.link {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-1);\n    height: var(--panneau-control-height-sm);\n    padding: 0 var(--panneau-space-2);\n    font-size: var(--panneau-font-size-sm);\n    font-weight: var(--panneau-font-weight-medium);\n    color: var(--panneau-color-text);\n    text-decoration: none;\n    white-space: nowrap;\n    border-radius: var(--panneau-radius-md);\n    cursor: pointer;\n}\n\n.link[data-hovered] {\n    background-color: var(--panneau-color-hover);\n}\n\n.link[data-pressed] {\n    background-color: var(--panneau-color-pressed);\n}\n\n.link[data-focus-visible] {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 1px;\n}\n\n.linkMd {\n    height: var(--panneau-control-height);\n    padding: 0 var(--panneau-space-3);\n    font-size: var(--panneau-font-size-control);\n}\n\n.message {\n    margin: 0;\n}\n\n.skipped {\n    margin: var(--panneau-space-2) 0 0;\n    color: var(--panneau-color-warning);\n}\n"],"mappings":""}
+{"version":3,"file":"Actions.module.js","names":[],"sources":["../../src/actions/Actions.module.css"],"sourcesContent":["/* The actions of a row wrap where they don't fit, in a narrow list or a card. */\n.row {\n    display: inline-flex;\n    flex-wrap: wrap;\n    max-width: 100%;\n    align-items: center;\n    gap: var(--panneau-space-2);\n}\n\n.toolbar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--panneau-space-2);\n}\n\n.message {\n    margin: 0;\n}\n\n.skipped {\n    margin: var(--panneau-space-2) 0 0;\n    color: var(--panneau-color-warning);\n}\n\n/* An action shown by its icon alone, square. Doubled: over the padding of the button. */\n.iconOnly.iconOnly {\n    width: var(--panneau-control-height-sm);\n    padding: 0;\n}\n\n/* The place of an action that other rows have: the rows' actions line up (decision 0060). */\n.placeholder {\n    display: inline-flex;\n    visibility: hidden;\n}\n"],"mappings":""}

package/dist/actions/ConfirmDialog.d.ts

@@ -1,15 +1,31 @@
-import type { ListActionEvent } from '../types';
-/** Whether an action needs a confirmation: it asks for one, or some selected items are skipped. */
+import type { ListActionEvent, ListActionPreview } from '../types.js';
+/**
+ * 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.
+ */
 export declare function needsConfirmation(event: ListActionEvent): boolean;
+/** The dry run of a query selection: in progress, or done with the backend's count. */
+export type ConfirmPreview = {
+    status: 'loading';
+} | ({
+    status: 'done';
+} & ListActionPreview);
 export interface ConfirmDialogProps {
     /** The action to confirm, or `null` when the dialog is closed. */
     event: ListActionEvent | null;
+    /**
+     * What the backend told about a query selection. Its count of skipped items replaces the
+     * count of the current page; while it loads, the dialog says so and can't be confirmed.
+     */
+    preview?: ConfirmPreview | null;
     onConfirm: (event: ListActionEvent) => void;
     onCancel: () => void;
 }
 /**
  * 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.
  */
-export declare function ConfirmDialog({ event, onConfirm, onCancel }: ConfirmDialogProps): import("react").JSX.Element | null;
+export declare function ConfirmDialog({ event, preview, onConfirm, onCancel }: ConfirmDialogProps): import("react").JSX.Element | null;
 //# sourceMappingURL=ConfirmDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/actions/ConfirmDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAoBhD,mGAAmG;AACnG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAGjE;AAED,MAAM,WAAW,kBAAkB;IAC/B,kEAAkE;IAClE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,sCAmD/E"}
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/actions/ConfirmDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAoBnE;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAEjE;AAED,uFAAuF;AACvF,MAAM,MAAM,cAAc,GAAG;IAAE,MAAM,EAAE,SAAS,CAAA;CAAE,GAAG,CAAC;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,CAAC,CAAC;AAE9F,MAAM,WAAW,kBAAkB;IAC/B,kEAAkE;IAClE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,SAAS,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,sCA+D/F"}