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

package/dist/layouts/calendarDays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarDays.d.ts","sourceRoot":"","sources":["../../src/layouts/calendarDays.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAQ/C,+EAA+E;AAC/E,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAIlF;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CACvB,KAAK,EAAE,OAAO,EACd,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,GACzB,MAAM,EAAE,CAoBV"}

package/dist/layouts/calendarDays.js

@@ -0,0 +1,44 @@
+import { getBoundDay, getDateRangeSettings, isDateRangeValue } from "@panneau/fields/daterange";
+//#region src/layouts/calendarDays.ts
+var DAY_MS = 864e5;
+function addDays(day, count) {
+	return new Date(Date.parse(`${day}T00:00:00Z`) + count * DAY_MS).toISOString().slice(0, 10);
+}
+/** The time zone of a calendar's field: its `settings.timeZone`, or `null`. */
+function getCalendarTimeZone(field) {
+	return field !== null && field !== void 0 ? getDateRangeSettings({
+		...field.settings,
+		time: true
+	}).timeZone : null;
+}
+/**
+* The days an item shows on, within the days shown (`2026-10-26` to `2026-12-06`): the day of a
+* `date` or a `datetime`, in the time zone (the browser's without one), or each day a `daterange`
+* covers (decision 0053). A range open at its end shows on its first day; one open at its start, on
+* its last.
+*/
+function getItemDays(value, shown, timeZone) {
+	if (isDateRangeValue(value)) {
+		const zone = value.timeZone ?? timeZone ?? void 0;
+		const first = getBoundDay(value.start, zone);
+		const last = getBoundDay(value.end, zone);
+		if (first === null || last === null) {
+			const day = first ?? last;
+			return day !== null && day >= shown.first && day <= shown.last ? [day] : [];
+		}
+		const days = [];
+		let day = first > shown.first ? first : shown.first;
+		const end = last < shown.last ? last : shown.last;
+		while (day <= end) {
+			days.push(day);
+			day = addDays(day, 1);
+		}
+		return days;
+	}
+	const day = typeof value === "string" ? getBoundDay(value, timeZone ?? void 0) : null;
+	return day !== null ? [day] : [];
+}
+//#endregion
+export { getCalendarTimeZone, getItemDays };
+
+//# sourceMappingURL=calendarDays.js.map

package/dist/layouts/calendarDays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarDays.js","names":["getBoundDay","getDateRangeSettings","isDateRangeValue","Field","DAY_MS","addDays","day","count","Date","parse","toISOString","slice","getCalendarTimeZone","field","undefined","settings","time","timeZone","getItemDays","value","shown","first","last","zone","start","end","days","push"],"sources":["../../src/layouts/calendarDays.ts"],"sourcesContent":["import { getBoundDay, getDateRangeSettings, isDateRangeValue } from '@panneau/fields/daterange';\nimport type { Field } from '@panneau/protocol';\n\nconst DAY_MS = 86_400_000;\n\nfunction addDays(day: string, count: number): string {\n    return new Date(Date.parse(`${day}T00:00:00Z`) + count * DAY_MS).toISOString().slice(0, 10);\n}\n\n/** The time zone of a calendar's field: its `settings.timeZone`, or `null`. */\nexport function getCalendarTimeZone(field: Field | null | undefined): string | null {\n    return field !== null && field !== undefined\n        ? getDateRangeSettings({ ...field.settings, time: true }).timeZone\n        : null;\n}\n\n/**\n * The days an item shows on, within the days shown (`2026-10-26` to `2026-12-06`): the day of a\n * `date` or a `datetime`, in the time zone (the browser's without one), or each day a `daterange`\n * covers (decision 0053). A range open at its end shows on its first day; one open at its start, on\n * its last.\n */\nexport function getItemDays(\n    value: unknown,\n    shown: { first: string; last: string },\n    timeZone?: string | null,\n): string[] {\n    if (isDateRangeValue(value)) {\n        const zone = value.timeZone ?? timeZone ?? undefined;\n        const first = getBoundDay(value.start, zone);\n        const last = getBoundDay(value.end, zone);\n        if (first === null || last === null) {\n            const day = first ?? last;\n            return day !== null && day >= shown.first && day <= shown.last ? [day] : [];\n        }\n        const days: string[] = [];\n        let day = first > shown.first ? first : shown.first;\n        const end = last < shown.last ? last : shown.last;\n        while (day <= end) {\n            days.push(day);\n            day = addDays(day, 1);\n        }\n        return days;\n    }\n    const day = typeof value === 'string' ? getBoundDay(value, timeZone ?? undefined) : null;\n    return day !== null ? [day] : [];\n}\n"],"mappings":";;AAGA,IAAMI,SAAS;AAEf,SAASC,QAAQC,KAAaC,OAAuB;CACjD,OAAO,IAAIC,KAAKA,KAAKC,MAAM,GAAGH,IAAG,WAAY,IAAIC,QAAQH,MAAM,CAAC,CAACM,YAAY,CAAC,CAACC,MAAM,GAAG,EAAE;AAC9F;;AAGA,SAAgBC,oBAAoBC,OAAgD;CAChF,OAAOA,UAAU,QAAQA,UAAUC,KAAAA,IAC7Bb,qBAAqB;EAAE,GAAGY,MAAME;EAAUC,MAAM;CAAK,CAAC,CAAC,CAACC,WACxD;AACV;;;;;;;AAQA,SAAgBC,YACZC,OACAC,OACAH,UACQ;CACR,IAAIf,iBAAiBiB,KAAK,GAAG;EACzB,MAAMI,OAAOJ,MAAMF,YAAYA,YAAYH,KAAAA;EAC3C,MAAMO,QAAQrB,YAAYmB,MAAMK,OAAOD,IAAI;EAC3C,MAAMD,OAAOtB,YAAYmB,MAAMM,KAAKF,IAAI;EACxC,IAAIF,UAAU,QAAQC,SAAS,MAAM;GACjC,MAAMhB,MAAMe,SAASC;GACrB,OAAOhB,QAAQ,QAAQA,OAAOc,MAAMC,SAASf,OAAOc,MAAME,OAAO,CAAChB,GAAG,IAAI,CAAA;EAC7E;EACA,MAAMoB,OAAiB,CAAA;EACvB,IAAIpB,MAAMe,QAAQD,MAAMC,QAAQA,QAAQD,MAAMC;EAC9C,MAAMI,MAAMH,OAAOF,MAAME,OAAOA,OAAOF,MAAME;EAC7C,OAAOhB,OAAOmB,KAAK;GACfC,KAAKC,KAAKrB,GAAG;GACbA,MAAMD,QAAQC,KAAK,CAAC;EACxB;EACA,OAAOoB;CACX;CACA,MAAMpB,MAAM,OAAOa,UAAU,WAAWnB,YAAYmB,OAAOF,YAAYH,KAAAA,CAAS,IAAI;CACpF,OAAOR,QAAQ,OAAO,CAACA,GAAG,IAAI,CAAA;AAClC"}

package/dist/plugin.d.ts

@@ -1,4 +1,4 @@
-import type { DisplayEntry, ListLayoutEntry } from './types';
+import type { DisplayEntry, ListLayoutEntry } from './types.js';
 /**
  * The built-in displays and layouts as a `@panneau/core` plugin, with the French messages of every
  * Panneau package (from `@panneau/intl`). Lists use the built-in displays and layouts without it:

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":[],"sources":["../src/plugin.ts"],"sourcesContent":["import { fr } from '@panneau/intl';\n\nimport { builtInDisplays } from './displays/displays';\nimport { builtInLayouts } from './layouts/builtIn';\nimport type { DisplayEntry, ListLayoutEntry } from './types';\n\n/**\n * The built-in displays and layouts as a `@panneau/core` plugin, with the French messages of every\n * Panneau package (from `@panneau/intl`). Lists use the built-in displays and layouts without it:\n * pass it for the messages, before the plugins that replace a display.\n */\nexport const listsPlugin: {\n    id: string;\n    displays: Readonly<Record<string, DisplayEntry>>;\n    listLayouts: Readonly<Record<string, ListLayoutEntry>>;\n    locales: Readonly<Record<string, Record<string, string>>>;\n} = {\n    id: 'panneau-lists',\n    displays: builtInDisplays,\n    listLayouts: builtInLayouts,\n    locales: { fr },\n};\n"],"mappings":";;;;;;;;;AAWA,IAAa,cAKT;CACA,IAAI;CACJ,UAAU;CACV,aAAa;CACb,SAAS,EAAE,GAAG;AAClB"}
+{"version":3,"file":"plugin.js","names":["fr","builtInDisplays","builtInLayouts","DisplayEntry","ListLayoutEntry","listsPlugin","id","displays","Readonly","Record","listLayouts","locales"],"sources":["../src/plugin.ts"],"sourcesContent":["import { fr } from '@panneau/intl';\n\nimport { builtInDisplays } from './displays/displays';\nimport { builtInLayouts } from './layouts/builtIn';\nimport type { DisplayEntry, ListLayoutEntry } from './types';\n\n/**\n * The built-in displays and layouts as a `@panneau/core` plugin, with the French messages of every\n * Panneau package (from `@panneau/intl`). Lists use the built-in displays and layouts without it:\n * pass it for the messages, before the plugins that replace a display.\n */\nexport const listsPlugin: {\n    id: string;\n    displays: Readonly<Record<string, DisplayEntry>>;\n    listLayouts: Readonly<Record<string, ListLayoutEntry>>;\n    locales: Readonly<Record<string, Record<string, string>>>;\n} = {\n    id: 'panneau-lists',\n    displays: builtInDisplays,\n    listLayouts: builtInLayouts,\n    locales: { fr },\n};\n"],"mappings":";;;;;;;;;AAWA,IAAaK,cAKT;CACAC,IAAI;CACJC,UAAUN;CACVS,aAAaR;CACbS,SAAS,EAAEX,GAAG;AAClB"}

package/dist/query.d.ts

@@ -1,5 +1,5 @@
 import type { ListQuery } from '@panneau/protocol';
-import type { ListColumn, ListItem } from './types';
+import type { ListColumn, ListItem } from './types.js';
 export interface LocalQueryOptions {
     /** The columns: values of localized fields are compared in `locale`. */
     columns?: readonly ListColumn[];
@@ -14,8 +14,9 @@ export interface LocalQueryResult<T extends ListItem> {
 }
 /**
  * Applies a list query to items in memory, as a backend would: filters (the value, or one of the
- * values, matches as a string; a range matches the values within its bounds), search in every text
- * value, sort, then the page. For a product that has every item at hand.
+ * values, matches as a string; a range matches the values within its bounds, and the date ranges
+ * that overlap them), search in every text value, sort (a date range by its start, money by its
+ * amount), then the page. For a product that has every item at hand.
  */
 export declare function applyListQuery<T extends ListItem>(items: readonly T[], query: ListQuery, options?: LocalQueryOptions): LocalQueryResult<T>;
 //# sourceMappingURL=query.d.ts.map

package/dist/query.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../src/query.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGpD,MAAM,WAAW,iBAAiB;IAC9B,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAChC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,QAAQ;IAChD,6BAA6B;IAC7B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;CACjB;AAOD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,QAAQ,EAC7C,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,KAAK,EAAE,SAAS,EAChB,OAAO,GAAE,iBAAsB,GAChC,gBAAgB,CAAC,CAAC,CAAC,CA6DrB"}
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../src/query.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGpD,MAAM,WAAW,iBAAiB;IAC9B,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAChC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,QAAQ;IAChD,6BAA6B;IAC7B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;CACjB;AAwBD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,QAAQ,EAC7C,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,KAAK,EAAE,SAAS,EAChB,OAAO,GAAE,iBAAsB,GAChC,gBAAgB,CAAC,CAAC,CAAC,CA6DrB"}

package/dist/query.js

@@ -6,9 +6,20 @@ function valueOf(item, key, options) {
 	return column !== void 0 ? getColumnValue(item, column, options.locale ?? "en") : item[key];
 }
 /**
+* What a value sorts by: the start of a date range (its end when it has none), the amount of money,
+* or the value itself (decision 0053).
+*/
+function sortValue(value) {
+	if (value === null || typeof value !== "object" || Array.isArray(value)) return value;
+	if ("start" in value && "end" in value) return value.start ?? value.end;
+	if ("currency" in value && "amount" in value && typeof value.amount === "number") return value.amount;
+	return value;
+}
+/**
 * Applies a list query to items in memory, as a backend would: filters (the value, or one of the
-* values, matches as a string; a range matches the values within its bounds), search in every text
-* value, sort, then the page. For a product that has every item at hand.
+* values, matches as a string; a range matches the values within its bounds, and the date ranges
+* that overlap them), search in every text value, sort (a date range by its start, money by its
+* amount), then the page. For a product that has every item at hand.
 */
 function applyListQuery(items, query, options = {}) {
 	const locale = options.locale ?? "en";
@@ -39,8 +50,8 @@ function applyListQuery(items, query, options = {}) {
 			for (const part of sort) {
 				const descending = part.startsWith("-");
 				const key = descending ? part.slice(1) : part;
-				const left = valueOf(a, key, options);
-				const right = valueOf(b, key, options);
+				const left = sortValue(valueOf(a, key, options));
+				const right = sortValue(valueOf(b, key, options));
 				const order = typeof left === "number" && typeof right === "number" ? left - right : compareText(toText(left, locale), toText(right, locale), collator);
 				if (order !== 0) return descending ? -order : order;
 			}

package/dist/query.js.map

@@ -1 +1 @@
-{"version":3,"file":"query.js","names":[],"sources":["../src/query.ts"],"sourcesContent":["import type { ListQuery } from '@panneau/protocol';\nimport { isFilterRange, matchesFilterRange } from '@panneau/protocol/runtime';\n\nimport type { ListColumn, ListItem } from './types';\nimport { getColumnValue, toText } from './values';\n\nexport interface LocalQueryOptions {\n    /** The columns: values of localized fields are compared in `locale`. */\n    columns?: readonly ListColumn[];\n    /** Locale of localized values and of the text comparison. Defaults to `en`. */\n    locale?: string;\n}\n\nexport interface LocalQueryResult<T extends ListItem> {\n    /** The items of the page. */\n    items: T[];\n    /** How many items match the filters and the search, on every page. */\n    total: number;\n}\n\nfunction valueOf(item: ListItem, key: string, options: LocalQueryOptions): unknown {\n    const column = options.columns?.find((candidate) => candidate.id === key);\n    return column !== undefined ? getColumnValue(item, column, options.locale ?? 'en') : item[key];\n}\n\n/**\n * Applies a list query to items in memory, as a backend would: filters (the value, or one of the\n * values, matches as a string; a range matches the values within its bounds), search in every text\n * value, sort, then the page. For a product that has every item at hand.\n */\nexport function applyListQuery<T extends ListItem>(\n    items: readonly T[],\n    query: ListQuery,\n    options: LocalQueryOptions = {},\n): LocalQueryResult<T> {\n    const locale = options.locale ?? 'en';\n    let result = [...items];\n    Object.entries(query.filter ?? {}).forEach(([key, expected]) => {\n        if (isFilterRange(expected)) {\n            result = result.filter((item) =>\n                matchesFilterRange(valueOf(item, key, options), expected),\n            );\n            return;\n        }\n        const accepted = (Array.isArray(expected) ? expected : [expected]).map(String);\n        result = result.filter((item) => {\n            const value = valueOf(item, key, options);\n            const values: unknown[] = Array.isArray(value) ? value : [value];\n            return values.some((candidate) => {\n                const id =\n                    candidate !== null && typeof candidate === 'object' && 'id' in candidate\n                        ? candidate.id\n                        : candidate;\n                return accepted.includes(String(id));\n            });\n        });\n    });\n    const q = query.q?.trim().toLocaleLowerCase(locale) ?? '';\n    if (q !== '') {\n        result = result.filter((item) =>\n            Object.entries(item)\n                .filter(([key]) => key !== 'id' && key !== 'abilities' && key !== 'version')\n                .some(([key]) =>\n                    toText(valueOf(item, key, options), locale)\n                        .toLocaleLowerCase(locale)\n                        .includes(q),\n                ),\n        );\n    }\n    const sort = query.sort ?? [];\n    if (sort.length > 0) {\n        const collator = new Intl.Collator(locale, { numeric: true, sensitivity: 'base' });\n        result.sort((a, b) => {\n            for (const part of sort) {\n                const descending = part.startsWith('-');\n                const key = descending ? part.slice(1) : part;\n                const left = valueOf(a, key, options);\n                const right = valueOf(b, key, options);\n                const order =\n                    typeof left === 'number' && typeof right === 'number'\n                        ? left - right\n                        : compareText(toText(left, locale), toText(right, locale), collator);\n                if (order !== 0) {\n                    return descending ? -order : order;\n                }\n            }\n            return 0;\n        });\n    }\n    const total = result.length;\n    if (query.perPage !== undefined) {\n        const page = query.page ?? 1;\n        result = result.slice((page - 1) * query.perPage, page * query.perPage);\n    }\n    return { items: result, total };\n}\n\n/** Compares texts, empty ones last. */\nfunction compareText(left: string, right: string, collator: Intl.Collator): number {\n    if (left === right) {\n        return 0;\n    }\n    if (left === '') {\n        return 1;\n    }\n    if (right === '') {\n        return -1;\n    }\n    return collator.compare(left, right);\n}\n"],"mappings":";;;AAoBA,SAAS,QAAQ,MAAgB,KAAa,SAAqC;CAC/E,MAAM,SAAS,QAAQ,SAAS,MAAM,cAAc,UAAU,OAAO,GAAG;CACxE,OAAO,WAAW,KAAA,IAAY,eAAe,MAAM,QAAQ,QAAQ,UAAU,IAAI,IAAI,KAAK;AAC9F;;;;;;AAOA,SAAgB,eACZ,OACA,OACA,UAA6B,CAAC,GACX;CACnB,MAAM,SAAS,QAAQ,UAAU;CACjC,IAAI,SAAS,CAAC,GAAG,KAAK;CACtB,OAAO,QAAQ,MAAM,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,cAAc;EAC5D,IAAI,cAAc,QAAQ,GAAG;GACzB,SAAS,OAAO,QAAQ,SACpB,mBAAmB,QAAQ,MAAM,KAAK,OAAO,GAAG,QAAQ,CAC5D;GACA;EACJ;EACA,MAAM,YAAY,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAC,QAAQ,EAAA,CAAG,IAAI,MAAM;EAC7E,SAAS,OAAO,QAAQ,SAAS;GAC7B,MAAM,QAAQ,QAAQ,MAAM,KAAK,OAAO;GAExC,QAD0B,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK,EAAA,CACjD,MAAM,cAAc;IAC9B,MAAM,KACF,cAAc,QAAQ,OAAO,cAAc,YAAY,QAAQ,YACzD,UAAU,KACV;IACV,OAAO,SAAS,SAAS,OAAO,EAAE,CAAC;GACvC,CAAC;EACL,CAAC;CACL,CAAC;CACD,MAAM,IAAI,MAAM,GAAG,KAAK,CAAC,CAAC,kBAAkB,MAAM,KAAK;CACvD,IAAI,MAAM,IACN,SAAS,OAAO,QAAQ,SACpB,OAAO,QAAQ,IAAI,CAAC,CACf,QAAQ,CAAC,SAAS,QAAQ,QAAQ,QAAQ,eAAe,QAAQ,SAAS,CAAC,CAC3E,MAAM,CAAC,SACJ,OAAO,QAAQ,MAAM,KAAK,OAAO,GAAG,MAAM,CAAC,CACtC,kBAAkB,MAAM,CAAC,CACzB,SAAS,CAAC,CACnB,CACR;CAEJ,MAAM,OAAO,MAAM,QAAQ,CAAA;CAC3B,IAAI,KAAK,SAAS,GAAG;EACjB,MAAM,WAAW,IAAI,KAAK,SAAS,QAAQ;GAAE,SAAS;GAAM,aAAa;EAAO,CAAC;EACjF,OAAO,MAAM,GAAG,MAAM;GAClB,KAAK,MAAM,QAAQ,MAAM;IACrB,MAAM,aAAa,KAAK,WAAW,GAAG;IACtC,MAAM,MAAM,aAAa,KAAK,MAAM,CAAC,IAAI;IACzC,MAAM,OAAO,QAAQ,GAAG,KAAK,OAAO;IACpC,MAAM,QAAQ,QAAQ,GAAG,KAAK,OAAO;IACrC,MAAM,QACF,OAAO,SAAS,YAAY,OAAO,UAAU,WACvC,OAAO,QACP,YAAY,OAAO,MAAM,MAAM,GAAG,OAAO,OAAO,MAAM,GAAG,QAAQ;IAC3E,IAAI,UAAU,GACV,OAAO,aAAa,CAAC,QAAQ;GAErC;GACA,OAAO;EACX,CAAC;CACL;CACA,MAAM,QAAQ,OAAO;CACrB,IAAI,MAAM,YAAY,KAAA,GAAW;EAC7B,MAAM,OAAO,MAAM,QAAQ;EAC3B,SAAS,OAAO,OAAO,OAAO,KAAK,MAAM,SAAS,OAAO,MAAM,OAAO;CAC1E;CACA,OAAO;EAAE,OAAO;EAAQ;CAAM;AAClC;;AAGA,SAAS,YAAY,MAAc,OAAe,UAAiC;CAC/E,IAAI,SAAS,OACT,OAAO;CAEX,IAAI,SAAS,IACT,OAAO;CAEX,IAAI,UAAU,IACV,OAAO;CAEX,OAAO,SAAS,QAAQ,MAAM,KAAK;AACvC"}
+{"version":3,"file":"query.js","names":["ListQuery","isFilterRange","matchesFilterRange","ListColumn","ListItem","getColumnValue","toText","LocalQueryOptions","columns","locale","LocalQueryResult","items","T","total","valueOf","item","key","options","column","find","candidate","id","undefined","sortValue","value","Array","isArray","start","end","amount","applyListQuery","query","result","Object","entries","filter","forEach","expected","accepted","map","String","values","some","includes","q","trim","toLocaleLowerCase","sort","length","collator","Intl","Collator","numeric","sensitivity","a","b","part","descending","startsWith","slice","left","right","order","compareText","perPage","page","compare"],"sources":["../src/query.ts"],"sourcesContent":["import type { ListQuery } from '@panneau/protocol';\nimport { isFilterRange, matchesFilterRange } from '@panneau/protocol/runtime';\n\nimport type { ListColumn, ListItem } from './types';\nimport { getColumnValue, toText } from './values';\n\nexport interface LocalQueryOptions {\n    /** The columns: values of localized fields are compared in `locale`. */\n    columns?: readonly ListColumn[];\n    /** Locale of localized values and of the text comparison. Defaults to `en`. */\n    locale?: string;\n}\n\nexport interface LocalQueryResult<T extends ListItem> {\n    /** The items of the page. */\n    items: T[];\n    /** How many items match the filters and the search, on every page. */\n    total: number;\n}\n\nfunction valueOf(item: ListItem, key: string, options: LocalQueryOptions): unknown {\n    const column = options.columns?.find((candidate) => candidate.id === key);\n    return column !== undefined ? getColumnValue(item, column, options.locale ?? 'en') : item[key];\n}\n\n/**\n * What a value sorts by: the start of a date range (its end when it has none), the amount of money,\n * or the value itself (decision 0053).\n */\nfunction sortValue(value: unknown): unknown {\n    if (value === null || typeof value !== 'object' || Array.isArray(value)) {\n        return value;\n    }\n    if ('start' in value && 'end' in value) {\n        return value.start ?? value.end;\n    }\n    if ('currency' in value && 'amount' in value && typeof value.amount === 'number') {\n        return value.amount;\n    }\n    return value;\n}\n\n/**\n * Applies a list query to items in memory, as a backend would: filters (the value, or one of the\n * values, matches as a string; a range matches the values within its bounds, and the date ranges\n * that overlap them), search in every text value, sort (a date range by its start, money by its\n * amount), then the page. For a product that has every item at hand.\n */\nexport function applyListQuery<T extends ListItem>(\n    items: readonly T[],\n    query: ListQuery,\n    options: LocalQueryOptions = {},\n): LocalQueryResult<T> {\n    const locale = options.locale ?? 'en';\n    let result = [...items];\n    Object.entries(query.filter ?? {}).forEach(([key, expected]) => {\n        if (isFilterRange(expected)) {\n            result = result.filter((item) =>\n                matchesFilterRange(valueOf(item, key, options), expected),\n            );\n            return;\n        }\n        const accepted = (Array.isArray(expected) ? expected : [expected]).map(String);\n        result = result.filter((item) => {\n            const value = valueOf(item, key, options);\n            const values: unknown[] = Array.isArray(value) ? value : [value];\n            return values.some((candidate) => {\n                const id =\n                    candidate !== null && typeof candidate === 'object' && 'id' in candidate\n                        ? candidate.id\n                        : candidate;\n                return accepted.includes(String(id));\n            });\n        });\n    });\n    const q = query.q?.trim().toLocaleLowerCase(locale) ?? '';\n    if (q !== '') {\n        result = result.filter((item) =>\n            Object.entries(item)\n                .filter(([key]) => key !== 'id' && key !== 'abilities' && key !== 'version')\n                .some(([key]) =>\n                    toText(valueOf(item, key, options), locale)\n                        .toLocaleLowerCase(locale)\n                        .includes(q),\n                ),\n        );\n    }\n    const sort = query.sort ?? [];\n    if (sort.length > 0) {\n        const collator = new Intl.Collator(locale, { numeric: true, sensitivity: 'base' });\n        result.sort((a, b) => {\n            for (const part of sort) {\n                const descending = part.startsWith('-');\n                const key = descending ? part.slice(1) : part;\n                const left = sortValue(valueOf(a, key, options));\n                const right = sortValue(valueOf(b, key, options));\n                const order =\n                    typeof left === 'number' && typeof right === 'number'\n                        ? left - right\n                        : compareText(toText(left, locale), toText(right, locale), collator);\n                if (order !== 0) {\n                    return descending ? -order : order;\n                }\n            }\n            return 0;\n        });\n    }\n    const total = result.length;\n    if (query.perPage !== undefined) {\n        const page = query.page ?? 1;\n        result = result.slice((page - 1) * query.perPage, page * query.perPage);\n    }\n    return { items: result, total };\n}\n\n/** Compares texts, empty ones last. */\nfunction compareText(left: string, right: string, collator: Intl.Collator): number {\n    if (left === right) {\n        return 0;\n    }\n    if (left === '') {\n        return 1;\n    }\n    if (right === '') {\n        return -1;\n    }\n    return collator.compare(left, right);\n}\n"],"mappings":";;;AAoBA,SAASc,QAAQC,MAAgBC,KAAaC,SAAqC;CAC/E,MAAMC,SAASD,QAAQT,SAASW,MAAMC,cAAcA,UAAUC,OAAOL,GAAG;CACxE,OAAOE,WAAWI,KAAAA,IAAYjB,eAAeU,MAAMG,QAAQD,QAAQR,UAAU,IAAI,IAAIM,KAAKC;AAC9F;;;;;AAMA,SAASO,UAAUC,OAAyB;CACxC,IAAIA,UAAU,QAAQ,OAAOA,UAAU,YAAYC,MAAMC,QAAQF,KAAK,GAClE,OAAOA;CAEX,IAAI,WAAWA,SAAS,SAASA,OAC7B,OAAOA,MAAMG,SAASH,MAAMI;CAEhC,IAAI,cAAcJ,SAAS,YAAYA,SAAS,OAAOA,MAAMK,WAAW,UACpE,OAAOL,MAAMK;CAEjB,OAAOL;AACX;;;;;;;AAQA,SAAgBM,eACZnB,OACAoB,OACAd,UAA6B,CAAC,GACX;CACnB,MAAMR,SAASQ,QAAQR,UAAU;CACjC,IAAIuB,SAAS,CAAC,GAAGrB,KAAK;CACtBsB,OAAOC,QAAQH,MAAMI,UAAU,CAAC,CAAC,CAAC,CAACC,SAAS,CAACpB,KAAKqB,cAAc;EAC5D,IAAIpC,cAAcoC,QAAQ,GAAG;GACzBL,SAASA,OAAOG,QAAQpB,SACpBb,mBAAmBY,QAAQC,MAAMC,KAAKC,OAAO,GAAGoB,QAAQ,CAC5D;GACA;EACJ;EACA,MAAMC,YAAYb,MAAMC,QAAQW,QAAQ,IAAIA,WAAW,CAACA,QAAQ,EAAA,CAAGE,IAAIC,MAAM;EAC7ER,SAASA,OAAOG,QAAQpB,SAAS;GAC7B,MAAMS,QAAQV,QAAQC,MAAMC,KAAKC,OAAO;GAExC,QAD0BQ,MAAMC,QAAQF,KAAK,IAAIA,QAAQ,CAACA,KAAK,EAAA,CACjDkB,MAAMtB,cAAc;IAC9B,MAAMC,KACFD,cAAc,QAAQ,OAAOA,cAAc,YAAY,QAAQA,YACzDA,UAAUC,KACVD;IACV,OAAOkB,SAASK,SAASH,OAAOnB,EAAE,CAAC;GACvC,CAAC;EACL,CAAC;CACL,CAAC;CACD,MAAMuB,IAAIb,MAAMa,GAAGC,KAAK,CAAC,CAACC,kBAAkBrC,MAAM,KAAK;CACvD,IAAImC,MAAM,IACNZ,SAASA,OAAOG,QAAQpB,SACpBkB,OAAOC,QAAQnB,IAAI,CAAC,CACfoB,QAAQ,CAACnB,SAASA,QAAQ,QAAQA,QAAQ,eAAeA,QAAQ,SAAS,CAAC,CAC3E0B,MAAM,CAAC1B,SACJV,OAAOQ,QAAQC,MAAMC,KAAKC,OAAO,GAAGR,MAAM,CAAC,CACtCqC,kBAAkBrC,MAAM,CAAC,CACzBkC,SAASC,CAAC,CACnB,CACR;CAEJ,MAAMG,OAAOhB,MAAMgB,QAAQ,CAAA;CAC3B,IAAIA,KAAKC,SAAS,GAAG;EACjB,MAAMC,WAAW,IAAIC,KAAKC,SAAS1C,QAAQ;GAAE2C,SAAS;GAAMC,aAAa;EAAO,CAAC;EACjFrB,OAAOe,MAAMO,GAAGC,MAAM;GAClB,KAAK,MAAMC,QAAQT,MAAM;IACrB,MAAMU,aAAaD,KAAKE,WAAW,GAAG;IACtC,MAAM1C,MAAMyC,aAAaD,KAAKG,MAAM,CAAC,IAAIH;IACzC,MAAMI,OAAOrC,UAAUT,QAAQwC,GAAGtC,KAAKC,OAAO,CAAC;IAC/C,MAAM4C,QAAQtC,UAAUT,QAAQyC,GAAGvC,KAAKC,OAAO,CAAC;IAChD,MAAM6C,QACF,OAAOF,SAAS,YAAY,OAAOC,UAAU,WACvCD,OAAOC,QACPE,YAAYzD,OAAOsD,MAAMnD,MAAM,GAAGH,OAAOuD,OAAOpD,MAAM,GAAGwC,QAAQ;IAC3E,IAAIa,UAAU,GACV,OAAOL,aAAa,CAACK,QAAQA;GAErC;GACA,OAAO;EACX,CAAC;CACL;CACA,MAAMjD,QAAQmB,OAAOgB;CACrB,IAAIjB,MAAMiC,YAAY1C,KAAAA,GAAW;EAC7B,MAAM2C,OAAOlC,MAAMkC,QAAQ;EAC3BjC,SAASA,OAAO2B,OAAOM,OAAO,KAAKlC,MAAMiC,SAASC,OAAOlC,MAAMiC,OAAO;CAC1E;CACA,OAAO;EAAErD,OAAOqB;EAAQnB;CAAM;AAClC;;AAGA,SAASkD,YAAYH,MAAcC,OAAeZ,UAAiC;CAC/E,IAAIW,SAASC,OACT,OAAO;CAEX,IAAID,SAAS,IACT,OAAO;CAEX,IAAIC,UAAU,IACV,OAAO;CAEX,OAAOZ,SAASiB,QAAQN,MAAMC,KAAK;AACvC"}

package/dist/selection.d.ts

@@ -1,5 +1,5 @@
 import type { ListSelection } from '@panneau/core';
-import type { ListItem } from './types';
+import type { ListItem } from './types.js';
 /** Whether an item is selected. */
 export declare function isItemSelected(selection: ListSelection, id: string): boolean;
 /** How many items are selected, given the total of the list (or the count of items without it). */

package/dist/selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection.js","names":[],"sources":["../src/selection.ts"],"sourcesContent":["import type { ListSelection } from '@panneau/core';\n\nimport type { ListItem } from './types';\n\n// The selection is read from the subscribed state, not through the methods of the list\n// (`list.isSelected()`): under the React Compiler, a component that calls a method of an object\n// that doesn't change would keep its first result.\n\n/** Whether an item is selected. */\nexport function isItemSelected(selection: ListSelection, id: string): boolean {\n    return selection.mode === 'all' ? !selection.except.includes(id) : selection.ids.includes(id);\n}\n\n/** How many items are selected, given the total of the list (or the count of items without it). */\nexport function countSelected(selection: ListSelection, total: number): number {\n    return selection.mode === 'all'\n        ? Math.max(0, total - selection.except.length)\n        : selection.ids.length;\n}\n\n/** Whether every, some or none of the items of a page are selected. */\nexport function getPageSelection(\n    selection: ListSelection,\n    items: readonly ListItem[],\n): 'all' | 'some' | 'none' {\n    const selected = items.filter((item) => isItemSelected(selection, item.id)).length;\n    if (selected === 0 || items.length === 0) {\n        return 'none';\n    }\n    return selected === items.length ? 'all' : 'some';\n}\n"],"mappings":";;AASA,SAAgB,eAAe,WAA0B,IAAqB;CAC1E,OAAO,UAAU,SAAS,QAAQ,CAAC,UAAU,OAAO,SAAS,EAAE,IAAI,UAAU,IAAI,SAAS,EAAE;AAChG;;AAGA,SAAgB,cAAc,WAA0B,OAAuB;CAC3E,OAAO,UAAU,SAAS,QACpB,KAAK,IAAI,GAAG,QAAQ,UAAU,OAAO,MAAM,IAC3C,UAAU,IAAI;AACxB;;AAGA,SAAgB,iBACZ,WACA,OACuB;CACvB,MAAM,WAAW,MAAM,QAAQ,SAAS,eAAe,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC;CAC5E,IAAI,aAAa,KAAK,MAAM,WAAW,GACnC,OAAO;CAEX,OAAO,aAAa,MAAM,SAAS,QAAQ;AAC/C"}
+{"version":3,"file":"selection.js","names":["ListSelection","ListItem","isItemSelected","selection","id","mode","except","includes","ids","countSelected","total","Math","max","length","getPageSelection","items","selected","filter","item"],"sources":["../src/selection.ts"],"sourcesContent":["import type { ListSelection } from '@panneau/core';\n\nimport type { ListItem } from './types';\n\n// The selection is read from the subscribed state, not through the methods of the list\n// (`list.isSelected()`): under the React Compiler, a component that calls a method of an object\n// that doesn't change would keep its first result.\n\n/** Whether an item is selected. */\nexport function isItemSelected(selection: ListSelection, id: string): boolean {\n    return selection.mode === 'all' ? !selection.except.includes(id) : selection.ids.includes(id);\n}\n\n/** How many items are selected, given the total of the list (or the count of items without it). */\nexport function countSelected(selection: ListSelection, total: number): number {\n    return selection.mode === 'all'\n        ? Math.max(0, total - selection.except.length)\n        : selection.ids.length;\n}\n\n/** Whether every, some or none of the items of a page are selected. */\nexport function getPageSelection(\n    selection: ListSelection,\n    items: readonly ListItem[],\n): 'all' | 'some' | 'none' {\n    const selected = items.filter((item) => isItemSelected(selection, item.id)).length;\n    if (selected === 0 || items.length === 0) {\n        return 'none';\n    }\n    return selected === items.length ? 'all' : 'some';\n}\n"],"mappings":";;AASA,SAAgBE,eAAeC,WAA0BC,IAAqB;CAC1E,OAAOD,UAAUE,SAAS,QAAQ,CAACF,UAAUG,OAAOC,SAASH,EAAE,IAAID,UAAUK,IAAID,SAASH,EAAE;AAChG;;AAGA,SAAgBK,cAAcN,WAA0BO,OAAuB;CAC3E,OAAOP,UAAUE,SAAS,QACpBM,KAAKC,IAAI,GAAGF,QAAQP,UAAUG,OAAOO,MAAM,IAC3CV,UAAUK,IAAIK;AACxB;;AAGA,SAAgBC,iBACZX,WACAY,OACuB;CACvB,MAAMC,WAAWD,MAAME,QAAQC,SAAShB,eAAeC,WAAWe,KAAKd,EAAE,CAAC,CAAC,CAACS;CAC5E,IAAIG,aAAa,KAAKD,MAAMF,WAAW,GACnC,OAAO;CAEX,OAAOG,aAAaD,MAAMF,SAAS,QAAQ;AAC/C"}

package/dist/toolbar/ColumnMenu.d.ts

@@ -0,0 +1,17 @@
+import type { ListColumn } from '../types.js';
+export interface ColumnMenuProps {
+    /** Every column of the list, in the order of the definition. */
+    columns: readonly ListColumn[];
+    /** The columns shown, in their order. */
+    shown: readonly ListColumn[];
+    /** Shows these columns, by id, in this order. */
+    onChange: (ids: string[]) => void;
+    /** Back to the columns of the definition, or `null` while they are shown. */
+    onReset: (() => void) | null;
+}
+/**
+ * A button that opens the columns of a list: a checkbox to show or hide each one, buttons to
+ * move the shown ones, and a reset to the columns of the definition (decision 0042).
+ */
+export declare function ColumnMenu({ columns, shown, onChange, onReset }: ColumnMenuProps): import("react").JSX.Element;
+//# sourceMappingURL=ColumnMenu.d.ts.map

package/dist/toolbar/ColumnMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnMenu.d.ts","sourceRoot":"","sources":["../../src/toolbar/ColumnMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,MAAM,WAAW,eAAe;IAC5B,gEAAgE;IAChE,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,yCAAyC;IACzC,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7B,iDAAiD;IACjD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAClC,6EAA6E;IAC7E,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;CAChC;AAMD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,+BAmFhF"}

package/dist/toolbar/ColumnMenu.js

@@ -0,0 +1,193 @@
+import { messages } from "../messages.js";
+import Toolbar_module_default from "./Toolbar.module.js";
+import { c } from "react/compiler-runtime";
+import { Button, Checkbox, IconButton, Popover, PopoverTrigger, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDown, ArrowUp, Columns3 } from "lucide-react";
+//#region src/toolbar/ColumnMenu.tsx
+function labelOf(column) {
+	return typeof column.label === "string" ? column.label : column.id;
+}
+/**
+* A button that opens the columns of a list: a checkbox to show or hide each one, buttons to
+* move the shown ones, and a reset to the columns of the definition (decision 0042).
+*/
+function ColumnMenu(t0) {
+	const $ = c(42);
+	const { columns, shown, onChange, onReset } = t0;
+	const intl = usePanneauIntl();
+	let T0;
+	let T1;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	if ($[0] !== columns || $[1] !== intl || $[2] !== onChange || $[3] !== shown) {
+		const ids = shown.map(_temp);
+		const ordered = [...shown, ...columns.filter((column_0) => !shown.includes(column_0))];
+		const move = (index, offset) => {
+			const next = [...ids];
+			const [id] = next.splice(index, 1);
+			if (id !== void 0) {
+				next.splice(index + offset, 0, id);
+				onChange(next);
+			}
+		};
+		T1 = PopoverTrigger;
+		let t7;
+		if ($[12] !== intl) {
+			t7 = intl.formatMessage(messages.columns);
+			$[12] = intl;
+			$[13] = t7;
+		} else t7 = $[13];
+		if ($[14] !== t7) {
+			t6 = /* @__PURE__ */ jsx(Button, {
+				icon: Columns3,
+				children: t7
+			});
+			$[14] = t7;
+			$[15] = t6;
+		} else t6 = $[15];
+		T0 = Popover;
+		t4 = "bottom end";
+		if ($[16] !== intl) {
+			t5 = intl.formatMessage(messages.columns);
+			$[16] = intl;
+			$[17] = t5;
+		} else t5 = $[17];
+		t3 = Toolbar_module_default.columns;
+		t1 = Toolbar_module_default.columnList;
+		t2 = ordered.map((column_1) => {
+			const index_0 = ids.indexOf(column_1.id);
+			const isShown = index_0 !== -1;
+			const label = labelOf(column_1);
+			return /* @__PURE__ */ jsxs("li", {
+				className: Toolbar_module_default.column,
+				children: [/* @__PURE__ */ jsx(Checkbox, {
+					isSelected: isShown,
+					isDisabled: column_1.hideable === false || isShown && ids.length === 1,
+					onChange: (selected) => onChange(selected ? [...ids, column_1.id] : ids.filter((id_0) => id_0 !== column_1.id)),
+					className: Toolbar_module_default.columnLabel,
+					children: label
+				}), isShown ? /* @__PURE__ */ jsxs("span", {
+					className: Toolbar_module_default.columnMoves,
+					children: [/* @__PURE__ */ jsx(IconButton, {
+						icon: ArrowUp,
+						size: "sm",
+						label: intl.formatMessage(messages.moveColumnUp, { column: label }),
+						showTooltip: false,
+						isDisabled: index_0 === 0,
+						onPress: () => move(index_0, -1)
+					}), /* @__PURE__ */ jsx(IconButton, {
+						icon: ArrowDown,
+						size: "sm",
+						label: intl.formatMessage(messages.moveColumnDown, { column: label }),
+						showTooltip: false,
+						isDisabled: index_0 === ids.length - 1,
+						onPress: () => move(index_0, 1)
+					})]
+				}) : null]
+			}, column_1.id);
+		});
+		$[0] = columns;
+		$[1] = intl;
+		$[2] = onChange;
+		$[3] = shown;
+		$[4] = T0;
+		$[5] = T1;
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+		$[11] = t6;
+	} else {
+		T0 = $[4];
+		T1 = $[5];
+		t1 = $[6];
+		t2 = $[7];
+		t3 = $[8];
+		t4 = $[9];
+		t5 = $[10];
+		t6 = $[11];
+	}
+	let t7;
+	if ($[18] !== t1 || $[19] !== t2) {
+		t7 = /* @__PURE__ */ jsx("ul", {
+			className: t1,
+			children: t2
+		});
+		$[18] = t1;
+		$[19] = t2;
+		$[20] = t7;
+	} else t7 = $[20];
+	const t8 = onReset === null;
+	let t9;
+	if ($[21] !== onReset) {
+		t9 = () => onReset?.();
+		$[21] = onReset;
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] !== intl) {
+		t10 = intl.formatMessage(messages.resetColumns);
+		$[23] = intl;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== t10 || $[26] !== t8 || $[27] !== t9) {
+		t11 = /* @__PURE__ */ jsx(Button, {
+			size: "sm",
+			appearance: "ghost",
+			isDisabled: t8,
+			onPress: t9,
+			children: t10
+		});
+		$[25] = t10;
+		$[26] = t8;
+		$[27] = t9;
+		$[28] = t11;
+	} else t11 = $[28];
+	let t12;
+	if ($[29] !== t11 || $[30] !== t3 || $[31] !== t7) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			children: [t7, t11]
+		});
+		$[29] = t11;
+		$[30] = t3;
+		$[31] = t7;
+		$[32] = t12;
+	} else t12 = $[32];
+	let t13;
+	if ($[33] !== T0 || $[34] !== t12 || $[35] !== t4 || $[36] !== t5) {
+		t13 = /* @__PURE__ */ jsx(T0, {
+			placement: t4,
+			"aria-label": t5,
+			children: t12
+		});
+		$[33] = T0;
+		$[34] = t12;
+		$[35] = t4;
+		$[36] = t5;
+		$[37] = t13;
+	} else t13 = $[37];
+	let t14;
+	if ($[38] !== T1 || $[39] !== t13 || $[40] !== t6) {
+		t14 = /* @__PURE__ */ jsxs(T1, { children: [t6, t13] });
+		$[38] = T1;
+		$[39] = t13;
+		$[40] = t6;
+		$[41] = t14;
+	} else t14 = $[41];
+	return t14;
+}
+function _temp(column) {
+	return column.id;
+}
+//#endregion
+export { ColumnMenu };
+
+//# sourceMappingURL=ColumnMenu.js.map

package/dist/toolbar/ColumnMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnMenu.js","names":["ArrowDown","ArrowUp","Columns3","Button","Checkbox","IconButton","Popover","PopoverTrigger","usePanneauIntl","messages","ListColumn","styles","ColumnMenuProps","columns","shown","onChange","ids","onReset","labelOf","column","label","id","ColumnMenu","t0","$","_c","intl","T0","T1","t1","t2","t3","t4","t5","t6","map","_temp","ordered","filter","column_0","includes","move","index","offset","next","splice","undefined","t7","formatMessage","columnList","column_1","index_0","indexOf","isShown","hideable","length","selected","id_0","columnLabel","columnMoves","moveColumnUp","moveColumnDown","t8","t9","t10","resetColumns","t11","t12","t13","t14","_c","styles"],"sources":["../../src/toolbar/ColumnMenu.tsx"],"sourcesContent":["import { ArrowDown, ArrowUp, Columns3 } from 'lucide-react';\n\nimport { Button, Checkbox, IconButton, Popover, PopoverTrigger, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../messages';\nimport type { ListColumn } from '../types';\nimport styles from './Toolbar.module.css';\n\nexport interface ColumnMenuProps {\n    /** Every column of the list, in the order of the definition. */\n    columns: readonly ListColumn[];\n    /** The columns shown, in their order. */\n    shown: readonly ListColumn[];\n    /** Shows these columns, by id, in this order. */\n    onChange: (ids: string[]) => void;\n    /** Back to the columns of the definition, or `null` while they are shown. */\n    onReset: (() => void) | null;\n}\n\nfunction labelOf(column: ListColumn): string {\n    return typeof column.label === 'string' ? column.label : column.id;\n}\n\n/**\n * A button that opens the columns of a list: a checkbox to show or hide each one, buttons to\n * move the shown ones, and a reset to the columns of the definition (decision 0042).\n */\nexport function ColumnMenu({ columns, shown, onChange, onReset }: ColumnMenuProps) {\n    const intl = usePanneauIntl();\n    const ids = shown.map((column) => column.id);\n    // The shown columns first, in their order, then the others, where showing one adds it.\n    const ordered = [...shown, ...columns.filter((column) => !shown.includes(column))];\n    const move = (index: number, offset: number) => {\n        const next = [...ids];\n        const [id] = next.splice(index, 1);\n        if (id !== undefined) {\n            next.splice(index + offset, 0, id);\n            onChange(next);\n        }\n    };\n    return (\n        <PopoverTrigger>\n            <Button icon={Columns3}>{intl.formatMessage(messages.columns)}</Button>\n            <Popover placement=\"bottom end\" aria-label={intl.formatMessage(messages.columns)}>\n                <div className={styles.columns}>\n                    <ul className={styles.columnList}>\n                        {ordered.map((column) => {\n                            const index = ids.indexOf(column.id);\n                            const isShown = index !== -1;\n                            const label = labelOf(column);\n                            return (\n                                <li key={column.id} className={styles.column}>\n                                    <Checkbox\n                                        isSelected={isShown}\n                                        // The last column shown stays: a list shows something.\n                                        isDisabled={\n                                            column.hideable === false ||\n                                            (isShown && ids.length === 1)\n                                        }\n                                        onChange={(selected) =>\n                                            onChange(\n                                                selected\n                                                    ? [...ids, column.id]\n                                                    : ids.filter((id) => id !== column.id),\n                                            )\n                                        }\n                                        className={styles.columnLabel}\n                                    >\n                                        {label}\n                                    </Checkbox>\n                                    {isShown ? (\n                                        <span className={styles.columnMoves}>\n                                            <IconButton\n                                                icon={ArrowUp}\n                                                size=\"sm\"\n                                                label={intl.formatMessage(messages.moveColumnUp, {\n                                                    column: label,\n                                                })}\n                                                showTooltip={false}\n                                                isDisabled={index === 0}\n                                                onPress={() => move(index, -1)}\n                                            />\n                                            <IconButton\n                                                icon={ArrowDown}\n                                                size=\"sm\"\n                                                label={intl.formatMessage(messages.moveColumnDown, {\n                                                    column: label,\n                                                })}\n                                                showTooltip={false}\n                                                isDisabled={index === ids.length - 1}\n                                                onPress={() => move(index, 1)}\n                                            />\n                                        </span>\n                                    ) : null}\n                                </li>\n                            );\n                        })}\n                    </ul>\n                    <Button\n                        size=\"sm\"\n                        appearance=\"ghost\"\n                        isDisabled={onReset === null}\n                        onPress={() => onReset?.()}\n                    >\n                        {intl.formatMessage(messages.resetColumns)}\n                    </Button>\n                </div>\n            </Popover>\n        </PopoverTrigger>\n    );\n}\n"],"mappings":"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"}

package/dist/toolbar/LayoutSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSwitch.d.ts","sourceRoot":"","sources":["../../src/toolbar/LayoutSwitch.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,iBAAiB;IAC9B,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAoC3E"}
+{"version":3,"file":"LayoutSwitch.d.ts","sourceRoot":"","sources":["../../src/toolbar/LayoutSwitch.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,iBAAiB;IAC9B,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAsC3E"}

package/dist/toolbar/LayoutSwitch.js

@@ -3,16 +3,18 @@ import Toolbar_module_default from "./Toolbar.module.js";
 import { c } from "react/compiler-runtime";
 import { Icon, Tooltip, usePanneauIntl } from "@panneau/ui";
 import { jsx } from "react/jsx-runtime";
-import { LayoutGrid, Rows3, Square } from "lucide-react";
+import { CalendarDays, Images, LayoutGrid, Rows3, Square } from "lucide-react";
 import { ToggleButton, ToggleButtonGroup } from "react-aria-components";
 //#region src/toolbar/LayoutSwitch.tsx
 var ICONS = {
 	table: Rows3,
-	cards: LayoutGrid
+	cards: LayoutGrid,
+	gallery: Images,
+	calendar: CalendarDays
 };
 /** Buttons to show the items as a table, as cards, or in a plugin's layout. */
 function LayoutSwitch(t0) {
-	const $ = c(23);
+	const $ = c(29);
 	const { layouts, value, onChange } = t0;
 	const intl = usePanneauIntl();
 	let t1;
@@ -28,42 +30,58 @@ function LayoutSwitch(t0) {
 		$[3] = t2;
 	} else t2 = $[3];
 	let t3;
-	if ($[4] !== t1 || $[5] !== t2) {
-		t3 = {
-			table: t1,
-			cards: t2
-		};
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	const labels = t3;
+	if ($[4] !== intl) {
+		t3 = intl.formatMessage(messages.layoutGallery);
+		$[4] = intl;
+		$[5] = t3;
+	} else t3 = $[5];
 	let t4;
-	if ($[7] !== intl) {
-		t4 = intl.formatMessage(messages.layout);
-		$[7] = intl;
-		$[8] = t4;
-	} else t4 = $[8];
+	if ($[6] !== intl) {
+		t4 = intl.formatMessage(messages.layoutCalendar);
+		$[6] = intl;
+		$[7] = t4;
+	} else t4 = $[7];
 	let t5;
-	if ($[9] !== value) {
-		t5 = [value];
-		$[9] = value;
-		$[10] = t5;
-	} else t5 = $[10];
+	if ($[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
+		t5 = {
+			table: t1,
+			cards: t2,
+			gallery: t3,
+			calendar: t4
+		};
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	const labels = t5;
 	let t6;
-	if ($[11] !== onChange) {
-		t6 = (keys) => {
+	if ($[13] !== intl) {
+		t6 = intl.formatMessage(messages.layout);
+		$[13] = intl;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] !== value) {
+		t7 = [value];
+		$[15] = value;
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== onChange) {
+		t8 = (keys) => {
 			const [next] = [...keys];
 			if (next !== void 0) onChange(String(next));
 		};
-		$[11] = onChange;
-		$[12] = t6;
-	} else t6 = $[12];
-	let t7;
-	if ($[13] !== labels || $[14] !== layouts) {
-		let t8;
-		if ($[16] !== labels) {
-			t8 = (layout) => {
+		$[17] = onChange;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== labels || $[20] !== layouts) {
+		let t10;
+		if ($[22] !== labels) {
+			t10 = (layout) => {
 				const label = labels[layout] ?? layout;
 				return /* @__PURE__ */ jsx(Tooltip, {
 					content: label,
@@ -75,32 +93,32 @@ function LayoutSwitch(t0) {
 					})
 				}, layout);
 			};
-			$[16] = labels;
-			$[17] = t8;
-		} else t8 = $[17];
-		t7 = layouts.map(t8);
-		$[13] = labels;
-		$[14] = layouts;
-		$[15] = t7;
-	} else t7 = $[15];
-	let t8;
-	if ($[18] !== t4 || $[19] !== t5 || $[20] !== t6 || $[21] !== t7) {
-		t8 = /* @__PURE__ */ jsx(ToggleButtonGroup, {
-			"aria-label": t4,
+			$[22] = labels;
+			$[23] = t10;
+		} else t10 = $[23];
+		t9 = layouts.map(t10);
+		$[19] = labels;
+		$[20] = layouts;
+		$[21] = t9;
+	} else t9 = $[21];
+	let t10;
+	if ($[24] !== t6 || $[25] !== t7 || $[26] !== t8 || $[27] !== t9) {
+		t10 = /* @__PURE__ */ jsx(ToggleButtonGroup, {
+			"aria-label": t6,
 			selectionMode: "single",
 			disallowEmptySelection: true,
-			selectedKeys: t5,
-			onSelectionChange: t6,
+			selectedKeys: t7,
+			onSelectionChange: t8,
 			className: Toolbar_module_default.layouts,
-			children: t7
+			children: t9
 		});
-		$[18] = t4;
-		$[19] = t5;
-		$[20] = t6;
-		$[21] = t7;
-		$[22] = t8;
-	} else t8 = $[22];
-	return t8;
+		$[24] = t6;
+		$[25] = t7;
+		$[26] = t8;
+		$[27] = t9;
+		$[28] = t10;
+	} else t10 = $[28];
+	return t10;
 }
 //#endregion
 export { LayoutSwitch };