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

package/dist/filters/format.js.map

@@ -1 +1 @@
-{"version":3,"file":"format.js","names":[],"sources":["../../src/filters/format.ts"],"sourcesContent":["import type { IntlShape } from 'react-intl';\n\nimport type { Field, Filter, Option } from '@panneau/protocol';\nimport { isFilterRange } from '@panneau/protocol/runtime';\n\nimport { messages } from '../messages';\nimport type { ListColumn } from '../types';\nimport { getFieldOptions, getOptionLabel } from '../values';\n\n/** The label of a filter: its `label`, the label of its field, or its id. */\nexport function getFilterLabel(\n    filter: Filter,\n    columns: readonly ListColumn[],\n    fields: readonly Field[],\n): string {\n    if (filter.label !== undefined) {\n        return filter.label;\n    }\n    const field = findFilterField(filter, columns, fields);\n    return field?.label ?? filter.id;\n}\n\n/** The field a filter filters, when a column or the list's fields have one with its id. */\nexport function findFilterField(\n    filter: Filter,\n    columns: readonly ListColumn[],\n    fields: readonly Field[],\n): Field | null {\n    return (\n        fields.find((field) => field.name === filter.id) ??\n        columns.find((column) => column.field?.name === filter.id)?.field ??\n        null\n    );\n}\n\n/** The options of a filter: its own, or those of the field it filters. */\nexport function getFilterOptions(\n    filter: Filter,\n    columns: readonly ListColumn[],\n    fields: readonly Field[],\n): readonly Option[] {\n    return filter.options ?? getFieldOptions(findFilterField(filter, columns, fields));\n}\n\nconst DATE_ONLY = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\n\nfunction formatDay(value: string, intl: IntlShape): string {\n    const match = DATE_ONLY.exec(value);\n    if (match === null) {\n        return value;\n    }\n    return intl.formatDate(new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3])), {\n        dateStyle: 'medium',\n    });\n}\n\n/** The value of an active filter, as the text of its chip. */\nexport function formatFilterValue(\n    filter: Filter,\n    value: unknown,\n    {\n        intl,\n        options,\n        getValueLabel,\n    }: {\n        intl: IntlShape;\n        options: readonly Option[];\n        getValueLabel: (value: string) => string | null;\n    },\n): string {\n    const values: unknown[] = Array.isArray(value) ? value : [value];\n    switch (filter.type) {\n        case 'toggle':\n            return intl.formatMessage(String(value) === 'true' ? messages.yes : messages.no);\n        case 'date':\n            return formatDay(String(value), intl);\n        case 'date-range': {\n            const range = isFilterRange(value) ? value : {};\n            const from = range.from !== undefined ? String(range.from) : '';\n            const to = range.to !== undefined ? String(range.to) : '';\n            return intl.formatMessage(messages.dateRange, {\n                from: from !== '' ? formatDay(from, intl) : '…',\n                to: to !== '' ? formatDay(to, intl) : '…',\n            });\n        }\n        case 'relation':\n            return values.map((entry) => getValueLabel(String(entry)) ?? String(entry)).join(', ');\n        default:\n            return values\n                .map((entry) => getOptionLabel(options, entry) ?? String(entry))\n                .join(', ');\n    }\n}\n"],"mappings":";;;;;AAUA,SAAgB,eACZ,QACA,SACA,QACM;CACN,IAAI,OAAO,UAAU,KAAA,GACjB,OAAO,OAAO;CAGlB,OADc,gBAAgB,QAAQ,SAAS,MACxC,CAAA,EAAO,SAAS,OAAO;AAClC;;AAGA,SAAgB,gBACZ,QACA,SACA,QACY;CACZ,OACI,OAAO,MAAM,UAAU,MAAM,SAAS,OAAO,EAAE,KAC/C,QAAQ,MAAM,WAAW,OAAO,OAAO,SAAS,OAAO,EAAE,CAAC,EAAE,SAC5D;AAER;;AAGA,SAAgB,iBACZ,QACA,SACA,QACiB;CACjB,OAAO,OAAO,WAAW,gBAAgB,gBAAgB,QAAQ,SAAS,MAAM,CAAC;AACrF;AAEA,IAAM,YAAY;AAElB,SAAS,UAAU,OAAe,MAAyB;CACvD,MAAM,QAAQ,UAAU,KAAK,KAAK;CAClC,IAAI,UAAU,MACV,OAAO;CAEX,OAAO,KAAK,WAAW,IAAI,KAAK,OAAO,MAAM,EAAE,GAAG,OAAO,MAAM,EAAE,IAAI,GAAG,OAAO,MAAM,EAAE,CAAC,GAAG,EACvF,WAAW,SACf,CAAC;AACL;;AAGA,SAAgB,kBACZ,QACA,OACA,EACI,MACA,SACA,iBAME;CACN,MAAM,SAAoB,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;CAC/D,QAAQ,OAAO,MAAf;EACI,KAAK,UACD,OAAO,KAAK,cAAc,OAAO,KAAK,MAAM,SAAS,SAAS,MAAM,SAAS,EAAE;EACnF,KAAK,QACD,OAAO,UAAU,OAAO,KAAK,GAAG,IAAI;EACxC,KAAK,cAAc;GACf,MAAM,QAAQ,cAAc,KAAK,IAAI,QAAQ,CAAC;GAC9C,MAAM,OAAO,MAAM,SAAS,KAAA,IAAY,OAAO,MAAM,IAAI,IAAI;GAC7D,MAAM,KAAK,MAAM,OAAO,KAAA,IAAY,OAAO,MAAM,EAAE,IAAI;GACvD,OAAO,KAAK,cAAc,SAAS,WAAW;IAC1C,MAAM,SAAS,KAAK,UAAU,MAAM,IAAI,IAAI;IAC5C,IAAI,OAAO,KAAK,UAAU,IAAI,IAAI,IAAI;GAC1C,CAAC;EACL;EACA,KAAK,YACD,OAAO,OAAO,KAAK,UAAU,cAAc,OAAO,KAAK,CAAC,KAAK,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI;EACzF,SACI,OAAO,OACF,KAAK,UAAU,eAAe,SAAS,KAAK,KAAK,OAAO,KAAK,CAAC,CAAC,CAC/D,KAAK,IAAI;CACtB;AACJ"}
+{"version":3,"file":"format.js","names":["IntlShape","Field","Filter","Option","isFilterRange","messages","ListColumn","getFieldOptions","getOptionLabel","getFilterLabel","filter","columns","fields","label","undefined","field","findFilterField","id","find","name","column","getFilterOptions","options","DATE_ONLY","formatDay","value","intl","match","exec","formatDate","Date","Number","dateStyle","formatFilterValue","getValueLabel","values","Array","isArray","type","formatMessage","String","yes","no","range","from","to","dateRange","map","entry","join"],"sources":["../../src/filters/format.ts"],"sourcesContent":["import type { IntlShape } from 'react-intl';\n\nimport type { Field, Filter, Option } from '@panneau/protocol';\nimport { isFilterRange } from '@panneau/protocol/runtime';\n\nimport { messages } from '../messages';\nimport type { ListColumn } from '../types';\nimport { getFieldOptions, getOptionLabel } from '../values';\n\n/** The label of a filter: its `label`, the label of its field, or its id. */\nexport function getFilterLabel(\n    filter: Filter,\n    columns: readonly ListColumn[],\n    fields: readonly Field[],\n): string {\n    if (filter.label !== undefined) {\n        return filter.label;\n    }\n    const field = findFilterField(filter, columns, fields);\n    return field?.label ?? filter.id;\n}\n\n/** The field a filter filters, when a column or the list's fields have one with its id. */\nexport function findFilterField(\n    filter: Filter,\n    columns: readonly ListColumn[],\n    fields: readonly Field[],\n): Field | null {\n    return (\n        fields.find((field) => field.name === filter.id) ??\n        columns.find((column) => column.field?.name === filter.id)?.field ??\n        null\n    );\n}\n\n/** The options of a filter: its own, or those of the field it filters. */\nexport function getFilterOptions(\n    filter: Filter,\n    columns: readonly ListColumn[],\n    fields: readonly Field[],\n): readonly Option[] {\n    return filter.options ?? getFieldOptions(findFilterField(filter, columns, fields));\n}\n\nconst DATE_ONLY = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\n\nfunction formatDay(value: string, intl: IntlShape): string {\n    const match = DATE_ONLY.exec(value);\n    if (match === null) {\n        return value;\n    }\n    return intl.formatDate(new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3])), {\n        dateStyle: 'medium',\n    });\n}\n\n/** The value of an active filter, as the text of its chip. */\nexport function formatFilterValue(\n    filter: Filter,\n    value: unknown,\n    {\n        intl,\n        options,\n        getValueLabel,\n    }: {\n        intl: IntlShape;\n        options: readonly Option[];\n        getValueLabel: (value: string) => string | null;\n    },\n): string {\n    const values: unknown[] = Array.isArray(value) ? value : [value];\n    switch (filter.type) {\n        case 'toggle':\n            return intl.formatMessage(String(value) === 'true' ? messages.yes : messages.no);\n        case 'date':\n            return formatDay(String(value), intl);\n        case 'date-range': {\n            const range = isFilterRange(value) ? value : {};\n            const from = range.from !== undefined ? String(range.from) : '';\n            const to = range.to !== undefined ? String(range.to) : '';\n            return intl.formatMessage(messages.dateRange, {\n                from: from !== '' ? formatDay(from, intl) : '…',\n                to: to !== '' ? formatDay(to, intl) : '…',\n            });\n        }\n        case 'relation':\n            return values.map((entry) => getValueLabel(String(entry)) ?? String(entry)).join(', ');\n        default:\n            return values\n                .map((entry) => getOptionLabel(options, entry) ?? String(entry))\n                .join(', ');\n    }\n}\n"],"mappings":";;;;;AAUA,SAAgBS,eACZC,QACAC,SACAC,QACM;CACN,IAAIF,OAAOG,UAAUC,KAAAA,GACjB,OAAOJ,OAAOG;CAGlB,OADcG,gBAAgBN,QAAQC,SAASC,MACxCG,CAAAA,EAAOF,SAASH,OAAOO;AAClC;;AAGA,SAAgBD,gBACZN,QACAC,SACAC,QACY;CACZ,OACIA,OAAOM,MAAMH,UAAUA,MAAMI,SAAST,OAAOO,EAAE,KAC/CN,QAAQO,MAAME,WAAWA,OAAOL,OAAOI,SAAST,OAAOO,EAAE,CAAC,EAAEF,SAC5D;AAER;;AAGA,SAAgBM,iBACZX,QACAC,SACAC,QACiB;CACjB,OAAOF,OAAOY,WAAWf,gBAAgBS,gBAAgBN,QAAQC,SAASC,MAAM,CAAC;AACrF;AAEA,IAAMW,YAAY;AAElB,SAASC,UAAUC,OAAeC,MAAyB;CACvD,MAAMC,QAAQJ,UAAUK,KAAKH,KAAK;CAClC,IAAIE,UAAU,MACV,OAAOF;CAEX,OAAOC,KAAKG,WAAW,IAAIC,KAAKC,OAAOJ,MAAM,EAAE,GAAGI,OAAOJ,MAAM,EAAE,IAAI,GAAGI,OAAOJ,MAAM,EAAE,CAAC,GAAG,EACvFK,WAAW,SACf,CAAC;AACL;;AAGA,SAAgBC,kBACZvB,QACAe,OACA,EACIC,MACAJ,SACAY,iBAME;CACN,MAAMC,SAAoBC,MAAMC,QAAQZ,KAAK,IAAIA,QAAQ,CAACA,KAAK;CAC/D,QAAQf,OAAO4B,MAAf;EACI,KAAK,UACD,OAAOZ,KAAKa,cAAcC,OAAOf,KAAK,MAAM,SAASpB,SAASoC,MAAMpC,SAASqC,EAAE;EACnF,KAAK,QACD,OAAOlB,UAAUgB,OAAOf,KAAK,GAAGC,IAAI;EACxC,KAAK,cAAc;GACf,MAAMiB,QAAQvC,cAAcqB,KAAK,IAAIA,QAAQ,CAAC;GAC9C,MAAMmB,OAAOD,MAAMC,SAAS9B,KAAAA,IAAY0B,OAAOG,MAAMC,IAAI,IAAI;GAC7D,MAAMC,KAAKF,MAAME,OAAO/B,KAAAA,IAAY0B,OAAOG,MAAME,EAAE,IAAI;GACvD,OAAOnB,KAAKa,cAAclC,SAASyC,WAAW;IAC1CF,MAAMA,SAAS,KAAKpB,UAAUoB,MAAMlB,IAAI,IAAI;IAC5CmB,IAAIA,OAAO,KAAKrB,UAAUqB,IAAInB,IAAI,IAAI;GAC1C,CAAC;EACL;EACA,KAAK,YACD,OAAOS,OAAOY,KAAKC,UAAUd,cAAcM,OAAOQ,KAAK,CAAC,KAAKR,OAAOQ,KAAK,CAAC,CAAC,CAACC,KAAK,IAAI;EACzF,SACI,OAAOd,OACFY,KAAKC,UAAUxC,eAAec,SAAS0B,KAAK,KAAKR,OAAOQ,KAAK,CAAC,CAAC,CAC/DC,KAAK,IAAI;CACtB;AACJ"}

package/dist/images.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The URL of an image value: a media reference or a media (its thumbnail, or the URL of an
+ * image), a stored file (the URL of an image that browsers show), or a URL. `null` for anything
+ * else, such as a PDF without a thumbnail.
+ */
+export declare function getImageUrl(value: unknown): string | null;
+//# sourceMappingURL=images.d.ts.map

package/dist/images.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../src/images.ts"],"names":[],"mappings":"AA4BA;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAWzD"}

package/dist/images.js

@@ -0,0 +1,39 @@
+import { isRecord } from "./values.js";
+//#region src/images.ts
+/** The types of images that browsers show. A HEIC or TIFF original needs a thumbnail. */
+var WEB_IMAGE_TYPES = /* @__PURE__ */ new Set([
+	"image/apng",
+	"image/avif",
+	"image/bmp",
+	"image/gif",
+	"image/jpeg",
+	"image/png",
+	"image/svg+xml",
+	"image/webp"
+]);
+/**
+* Whether the URL of a media or a file is an image to show, from its `type` (a media's URL is
+* the file to show) or its `mime` (a file's URL is its original), when it says.
+*/
+function isImage(source) {
+	if (typeof source.type === "string") return source.type === "image";
+	if (typeof source.mime === "string") return WEB_IMAGE_TYPES.has(source.mime.toLowerCase());
+	return true;
+}
+/**
+* The URL of an image value: a media reference or a media (its thumbnail, or the URL of an
+* image), a stored file (the URL of an image that browsers show), or a URL. `null` for anything
+* else, such as a PDF without a thumbnail.
+*/
+function getImageUrl(value) {
+	const first = Array.isArray(value) ? value[0] : value;
+	if (typeof first === "string") return first !== "" ? first : null;
+	if (!isRecord(first)) return null;
+	const source = isRecord(first.media) ? first.media : first;
+	const url = source.thumbnailUrl ?? (isImage(source) ? source.url : null);
+	return typeof url === "string" && url !== "" ? url : null;
+}
+//#endregion
+export { getImageUrl };
+
+//# sourceMappingURL=images.js.map

package/dist/images.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"images.js","names":["isRecord","WEB_IMAGE_TYPES","Set","isImage","source","Record","type","mime","has","toLowerCase","getImageUrl","value","first","Array","isArray","media","url","thumbnailUrl"],"sources":["../src/images.ts"],"sourcesContent":["import { isRecord } from './values';\n\n/** The types of images that browsers show. A HEIC or TIFF original needs a thumbnail. */\nconst WEB_IMAGE_TYPES = new Set([\n    'image/apng',\n    'image/avif',\n    'image/bmp',\n    'image/gif',\n    'image/jpeg',\n    'image/png',\n    'image/svg+xml',\n    'image/webp',\n]);\n\n/**\n * Whether the URL of a media or a file is an image to show, from its `type` (a media's URL is\n * the file to show) or its `mime` (a file's URL is its original), when it says.\n */\nfunction isImage(source: Record<string, unknown>): boolean {\n    if (typeof source.type === 'string') {\n        return source.type === 'image';\n    }\n    if (typeof source.mime === 'string') {\n        return WEB_IMAGE_TYPES.has(source.mime.toLowerCase());\n    }\n    return true;\n}\n\n/**\n * The URL of an image value: a media reference or a media (its thumbnail, or the URL of an\n * image), a stored file (the URL of an image that browsers show), or a URL. `null` for anything\n * else, such as a PDF without a thumbnail.\n */\nexport function getImageUrl(value: unknown): string | null {\n    const first: unknown = Array.isArray(value) ? value[0] : value;\n    if (typeof first === 'string') {\n        return first !== '' ? first : null;\n    }\n    if (!isRecord(first)) {\n        return null;\n    }\n    const source = isRecord(first.media) ? first.media : first;\n    const url = source.thumbnailUrl ?? (isImage(source) ? source.url : null);\n    return typeof url === 'string' && url !== '' ? url : null;\n}\n"],"mappings":";;;AAGA,IAAMC,kCAAkB,IAAIC,IAAI;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAY,CACf;;;;;AAMD,SAASC,QAAQC,QAA0C;CACvD,IAAI,OAAOA,OAAOE,SAAS,UACvB,OAAOF,OAAOE,SAAS;CAE3B,IAAI,OAAOF,OAAOG,SAAS,UACvB,OAAON,gBAAgBO,IAAIJ,OAAOG,KAAKE,YAAY,CAAC;CAExD,OAAO;AACX;;;;;;AAOA,SAAgBC,YAAYC,OAA+B;CACvD,MAAMC,QAAiBC,MAAMC,QAAQH,KAAK,IAAIA,MAAM,KAAKA;CACzD,IAAI,OAAOC,UAAU,UACjB,OAAOA,UAAU,KAAKA,QAAQ;CAElC,IAAI,CAACZ,SAASY,KAAK,GACf,OAAO;CAEX,MAAMR,SAASJ,SAASY,MAAMG,KAAK,IAAIH,MAAMG,QAAQH;CACrD,MAAMI,MAAMZ,OAAOa,iBAAiBd,QAAQC,MAAM,IAAIA,OAAOY,MAAM;CACnE,OAAO,OAAOA,QAAQ,YAAYA,QAAQ,KAAKA,MAAM;AACzD"}

package/dist/index.d.ts

@@ -1,19 +1,23 @@
-export { type ListActions, getActionHref, groupListActions, isAllowedOn } from './actions/actions';
-export { ConfirmDialog, type ConfirmDialogProps } from './actions/ConfirmDialog';
-export { type ActionIcons, getActionIcon } from './actions/icons';
-export { BooleanDisplay, ColorDisplay, DateDisplay, DateTimeDisplay, EmailDisplay, EmptyValue, MediaDisplay, NumberDisplay, RelationDisplay, RichTextDisplay, SelectDisplay, TextDisplay, TimeDisplay, UrlDisplay, builtInDisplays, } from './displays/displays';
-export { DateFilter, DateRangeFilter, RelationFilter, SelectFilter, TextFilter, ToggleFilter, builtInFilters, } from './filters/controls';
-export { CardsLayout } from './layouts/CardsLayout';
-export { TableLayout } from './layouts/TableLayout';
-export { builtInLayouts } from './layouts/builtIn';
-export { List, type ListProps } from './List';
-export { ListView, type ListViewProps } from './ListView';
-export { listsPlugin } from './plugin';
-export { type LocalQueryOptions, type LocalQueryResult, applyListQuery } from './query';
-export { countSelected, getPageSelection, isItemSelected } from './selection';
-export { Pagination, type PaginationProps } from './toolbar/Pagination';
-export { SearchField, type SearchFieldProps } from './toolbar/SearchField';
-export type { DisplayEntry, DisplayProps, FilterControlProps, FilterEntry, ListActionEvent, ListActionHandler, ListColumn, ListItem, ListLayoutEntry, ListLayoutProps, } from './types';
-export { useListState } from './useListState';
-export { getLocalizedValue, toText } from './values';
+export { type ListActions, getActionHref, groupListActions, isAllowedOn } from './actions/actions.js';
+export { ConfirmDialog, type ConfirmDialogProps, type ConfirmPreview, } from './actions/ConfirmDialog.js';
+export { type ActionIcons, getActionIcon } from './actions/icons.js';
+export { BooleanDisplay, ColorDisplay, CountryDisplay, DateDisplay, DateRangeDisplay, DateTimeDisplay, DurationDisplay, EmailDisplay, EmbedDisplay, EmptyValue, FileDisplay, JsonDisplay, LocationDisplay, MediaDisplay, MoneyDisplay, NumberDisplay, RegionDisplay, AddressDisplay, LinkDisplay, RelationDisplay, RichTextDisplay, SelectDisplay, TagsDisplay, TelDisplay, TextDisplay, TimeDisplay, UrlDisplay, builtInDisplays, } from './displays/displays.js';
+export { DateFilter, DateRangeFilter, RelationFilter, SelectFilter, TextFilter, ToggleFilter, builtInFilters, } from './filters/controls.js';
+export { CalendarLayout } from './layouts/CalendarLayout.js';
+export { CardsLayout } from './layouts/CardsLayout.js';
+export { GalleryLayout } from './layouts/GalleryLayout.js';
+export { TableLayout } from './layouts/TableLayout.js';
+export { builtInLayouts } from './layouts/builtIn.js';
+export { ItemDetails, type ItemDetailsColumn, type ItemDetailsProps } from './ItemDetails.js';
+export { List, type ListProps } from './List.js';
+export { ListView, type ListViewProps } from './ListView.js';
+export { listsPlugin } from './plugin.js';
+export { type LocalQueryOptions, type LocalQueryResult, applyListQuery } from './query.js';
+export { countSelected, getPageSelection, isItemSelected } from './selection.js';
+export { CursorPagination, type CursorPaginationProps, Pagination, type PaginationProps, getPagingProps, } from './toolbar/Pagination.js';
+export { SearchField, type SearchFieldProps } from './toolbar/SearchField.js';
+export type { DisplayEntry, DisplayProps, FilterControlProps, FilterEntry, ListActionEvent, ListActionHandler, ListActionPreview, ListActionPreviewer, ListColumn, ListCalendarProps, ListItem, ListLayoutEntry, ListLayoutProps, } from './types.js';
+export { useListState } from './useListState.js';
+export { getImageUrl } from './images.js';
+export { getLocalizedValue, toText } from './values.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,KAAK,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EACH,cAAc,EACd,YAAY,EACZ,WAAW,EACX,eAAe,EACf,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,aAAa,EACb,eAAe,EACf,eAAe,EACf,aAAa,EACb,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACH,UAAU,EACV,eAAe,EACf,cAAc,EACd,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,cAAc,GACjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC3E,YAAY,EACR,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,eAAe,EACf,eAAe,GAClB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACnG,OAAO,EACH,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,cAAc,GACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,KAAK,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EACH,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,WAAW,EACX,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,cAAc,EACd,WAAW,EACX,eAAe,EACf,eAAe,EACf,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACH,UAAU,EACV,eAAe,EACf,cAAc,EACd,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,cAAc,GACjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,EACH,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,UAAU,EACV,KAAK,eAAe,EACpB,cAAc,GACjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC3E,YAAY,EACR,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,iBAAiB,EACjB,QAAQ,EACR,eAAe,EACf,eAAe,GAClB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -2,17 +2,21 @@ import { getActionHref, groupListActions, isAllowedOn } from "./actions/actions.
 import { ConfirmDialog } from "./actions/ConfirmDialog.js";
 import { getActionIcon } from "./actions/icons.js";
 import { getLocalizedValue, toText } from "./values.js";
-import { BooleanDisplay, ColorDisplay, DateDisplay, DateTimeDisplay, EmailDisplay, EmptyValue, MediaDisplay, NumberDisplay, RelationDisplay, RichTextDisplay, SelectDisplay, TextDisplay, TimeDisplay, UrlDisplay, builtInDisplays } from "./displays/displays.js";
+import { getImageUrl } from "./images.js";
+import { AddressDisplay, BooleanDisplay, ColorDisplay, CountryDisplay, DateDisplay, DateRangeDisplay, DateTimeDisplay, DurationDisplay, EmailDisplay, EmbedDisplay, EmptyValue, FileDisplay, JsonDisplay, LinkDisplay, LocationDisplay, MediaDisplay, MoneyDisplay, NumberDisplay, RegionDisplay, RelationDisplay, RichTextDisplay, SelectDisplay, TagsDisplay, TelDisplay, TextDisplay, TimeDisplay, UrlDisplay, builtInDisplays } from "./displays/displays.js";
 import { DateFilter, DateRangeFilter, RelationFilter, SelectFilter, TextFilter, ToggleFilter, builtInFilters } from "./filters/controls.js";
+import { CalendarLayout } from "./layouts/CalendarLayout.js";
 import { CardsLayout } from "./layouts/CardsLayout.js";
+import { GalleryLayout } from "./layouts/GalleryLayout.js";
 import { TableLayout } from "./layouts/TableLayout.js";
 import { builtInLayouts } from "./layouts/builtIn.js";
+import { ItemDetails } from "./ItemDetails.js";
 import { countSelected, getPageSelection, isItemSelected } from "./selection.js";
-import { Pagination } from "./toolbar/Pagination.js";
+import { CursorPagination, Pagination, getPagingProps } from "./toolbar/Pagination.js";
 import { SearchField } from "./toolbar/SearchField.js";
 import { useListState } from "./useListState.js";
 import { ListView } from "./ListView.js";
 import { applyListQuery } from "./query.js";
 import { List } from "./List.js";
 import { listsPlugin } from "./plugin.js";
-export { BooleanDisplay, CardsLayout, ColorDisplay, ConfirmDialog, DateDisplay, DateFilter, DateRangeFilter, DateTimeDisplay, EmailDisplay, EmptyValue, List, ListView, MediaDisplay, NumberDisplay, Pagination, RelationDisplay, RelationFilter, RichTextDisplay, SearchField, SelectDisplay, SelectFilter, TableLayout, TextDisplay, TextFilter, TimeDisplay, ToggleFilter, UrlDisplay, applyListQuery, builtInDisplays, builtInFilters, builtInLayouts, countSelected, getActionHref, getActionIcon, getLocalizedValue, getPageSelection, groupListActions, isAllowedOn, isItemSelected, listsPlugin, toText, useListState };
+export { AddressDisplay, BooleanDisplay, CalendarLayout, CardsLayout, ColorDisplay, ConfirmDialog, CountryDisplay, CursorPagination, DateDisplay, DateFilter, DateRangeDisplay, DateRangeFilter, DateTimeDisplay, DurationDisplay, EmailDisplay, EmbedDisplay, EmptyValue, FileDisplay, GalleryLayout, ItemDetails, JsonDisplay, LinkDisplay, List, ListView, LocationDisplay, MediaDisplay, MoneyDisplay, NumberDisplay, Pagination, RegionDisplay, RelationDisplay, RelationFilter, RichTextDisplay, SearchField, SelectDisplay, SelectFilter, TableLayout, TagsDisplay, TelDisplay, TextDisplay, TextFilter, TimeDisplay, ToggleFilter, UrlDisplay, applyListQuery, builtInDisplays, builtInFilters, builtInLayouts, countSelected, getActionHref, getActionIcon, getImageUrl, getLocalizedValue, getPageSelection, getPagingProps, groupListActions, isAllowedOn, isItemSelected, listsPlugin, toText, useListState };

package/dist/inline/Inline.css

@@ -0,0 +1,58 @@
+.panneau-inline-cell {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-1);
+    min-width: 8rem;
+}
+
+.panneau-inline-cell:has(> .panneau-inline-value) {
+    flex-direction: row;
+    align-items: center;
+    min-width: 0;
+}
+
+.panneau-inline-value {
+    min-width: 0;
+}
+
+/* The edit button shows on the row under the pointer, and when it has focus. */
+.panneau-inline-edit {
+    flex-shrink: 0;
+    opacity: 0;
+}
+
+tr:hover .panneau-inline-edit,
+.panneau-inline-edit[data-focus-visible],
+.panneau-inline-edit[data-pressed] {
+    opacity: 1;
+}
+
+@media (hover: none) {
+    .panneau-inline-edit {
+        opacity: 1;
+    }
+}
+
+.panneau-inline-control {
+    display: flex;
+    align-items: center;
+    gap: var(--panneau-space-2);
+}
+
+.panneau-inline-control > :first-child {
+    flex: 1;
+}
+
+.panneau-inline-conflict {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-1);
+    font-size: var(--panneau-font-size-sm);
+    color: var(--panneau-color-text-muted);
+}
+
+.panneau-inline-conflict-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--panneau-space-1);
+}

package/dist/inline/Inline.module.js

@@ -0,0 +1,20 @@
+import "./Inline.css";
+//#region src/inline/Inline.module.css
+var cell = "panneau-inline-cell";
+var value = "panneau-inline-value";
+var edit = "panneau-inline-edit";
+var control = "panneau-inline-control";
+var conflict = "panneau-inline-conflict";
+var conflictActions = "panneau-inline-conflict-actions";
+var Inline_module_default = {
+	cell,
+	value,
+	edit,
+	control,
+	conflict,
+	conflictActions
+};
+//#endregion
+export { cell, conflict, conflictActions, control, Inline_module_default as default, edit, value };
+
+//# sourceMappingURL=Inline.module.js.map

package/dist/inline/Inline.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.module.js","names":[],"sources":["../../src/inline/Inline.module.css"],"sourcesContent":[".cell {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-1);\n    min-width: 8rem;\n}\n\n.cell:has(> .value) {\n    flex-direction: row;\n    align-items: center;\n    min-width: 0;\n}\n\n.value {\n    min-width: 0;\n}\n\n/* The edit button shows on the row under the pointer, and when it has focus. */\n.edit {\n    flex-shrink: 0;\n    opacity: 0;\n}\n\n:global(tr):hover .edit,\n.edit[data-focus-visible],\n.edit[data-pressed] {\n    opacity: 1;\n}\n\n@media (hover: none) {\n    .edit {\n        opacity: 1;\n    }\n}\n\n.control {\n    display: flex;\n    align-items: center;\n    gap: var(--panneau-space-2);\n}\n\n.control > :first-child {\n    flex: 1;\n}\n\n.conflict {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-1);\n    font-size: var(--panneau-font-size-sm);\n    color: var(--panneau-color-text-muted);\n}\n\n.conflictActions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--panneau-space-1);\n}\n"],"mappings":""}

package/dist/inline/InlineCell.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+import type { Field, RuleFailure } from '@panneau/protocol';
+import type { ListItem } from '../types.js';
+export interface InlineCellProps {
+    item: ListItem;
+    /** The field the cell edits, of a type of `INLINE_TYPES`. */
+    field: Field;
+    /** The label of the item, for the name of the edit button. */
+    itemLabel: string;
+    /** The label of an item the backend gave back, for the toast that says it was saved. */
+    getItemLabel?: (item: ListItem) => string;
+    /** The content of the cell when it doesn't edit: the value, or the title's link. */
+    children: ReactNode;
+    /** Renders a value of the field, for the current value of a conflict. */
+    renderValue: (item: ListItem) => ReactNode;
+    /** Saves the value on an item (the current one after a conflict), with its version. */
+    onSave: (item: ListItem, value: unknown) => Promise<ListItem>;
+    /** Shows an item the backend gave back: saved, or changed by someone else. */
+    onItem: (item: ListItem) => void;
+    formatError: (failure: RuleFailure) => string;
+}
+/**
+ * A cell that edits its field in place (decision 0043): a checkbox for a boolean, otherwise the
+ * value with a button that turns it into the field's control. Enter or leaving the cell saves,
+ * Escape cancels; a select and a date save when one is picked. The value is checked by the
+ * field's portable rules, then saved alone; errors and conflicts show in the cell.
+ */
+export declare function InlineCell({ item, field, itemLabel, getItemLabel, children, renderValue, onSave, onItem, formatError, }: InlineCellProps): import("react").JSX.Element;
+//# sourceMappingURL=InlineCell.d.ts.map

package/dist/inline/InlineCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineCell.d.ts","sourceRoot":"","sources":["../../src/inline/InlineCell.tsx"],"names":[],"mappings":"AACA,OAAO,EAGH,KAAK,SAAS,EAIjB,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAK5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAoBzC,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,6DAA6D;IAC7D,KAAK,EAAE,KAAK,CAAC;IACb,8DAA8D;IAC9D,SAAS,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC;IAC1C,oFAAoF;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB,yEAAyE;IACzE,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,SAAS,CAAC;IAC3C,uFAAuF;IACvF,MAAM,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC9D,8EAA8E;IAC9E,MAAM,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,MAAM,CAAC;CACjD;AAMD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,MAAM,EACN,MAAM,EACN,WAAW,GACd,EAAE,eAAe,+BAyNjB"}