@rebasepro/cms 0.20.0 → 0.21.0

package/dist/{export-DJoGYb89.js → export-DtSmLT6u.js}

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { pn as useAdminContext } from "./util-4oPxPkbp.js";
-import React, { useCallback } from "react";
+import { bn as useAdminContext, dn as resolveSelection, fn as selectionQueryToFindParams, mn as walkEntityPages } from "./util-h6jhiiBE.js";
+import React, { useCallback, useMemo } from "react";
 import { Alert, BooleanSwitchWithLabel, Button, CircularProgress, Dialog, DialogActions, DialogContent, DialogTitle, DownloadIcon, IconButton, Label, RadioGroup, RadioGroupItem, Tooltip, iconSize } from "@rebasepro/ui";
 import { getDefaultValuesFor } from "@rebasepro/common";
 import { useData, useTranslation } from "@rebasepro/app";
@@ -198,39 +198,25 @@ var EXPORT_PAGE_SIZE = 500;
 */
 var MAX_EXPORT_ROWS = 1e5;
 /**
-* Read **every** row matching a query, one page at a time.
+* Read **every** row matching a query, for an export file.
 *
-* `find({})` sends no `limit`, and an absent limit is resolved server-side to
-* `DEFAULT_LIST_LIMIT` — 50 rows. The export used to hand those 50 rows back as
-* `<collection>.csv` with nothing saying it was a sample, next to a dialog
-* warning that the collection had 100 000 documents.
+* The export used to hand back the 50 rows an unwindowed `find({})` resolves to
+* as `<collection>.csv`, with nothing saying it was a sample, next to a dialog
+* warning that the collection had 100 000 documents. The walk is in
+* {@link walkEntityPages}; what belongs to export is the ceiling — an export is
+* built in memory and handed to a Blob — and what to say on hitting it.
 *
-* Termination is driven by the server's `meta.hasMore` where it is reported and
-* by an empty page otherwise — never by comparing a page's length against the
-* requested limit, since a final page that happens to be exactly full is
-* indistinguishable that way and a walk that stops there drops rows.
-*
-* @throws When more than `maxRows` rows match. A truncated export is worse than
-* no export: it is indistinguishable from a complete one.
+* @throws When more than `maxRows` rows match.
 */
 async function fetchAllEntitiesForExport({ accessor, params, pageSize = 500, maxRows = MAX_EXPORT_ROWS, onProgress }) {
-	const rows = [];
-	let offset = 0;
-	for (;;) {
-		const res = await accessor.find({
-			...params,
-			limit: pageSize,
-			offset
-		});
-		const page = res?.data ?? [];
-		rows.push(...page);
-		onProgress?.(rows.length, res?.meta?.total);
-		if (rows.length > maxRows) throw new Error(`This export would contain more than ${maxRows.toLocaleString()} rows, which is more than the browser can build in one file. Filter the collection down, or export it from the server.`);
-		if (page.length === 0) break;
-		if (res?.meta && !res.meta.hasMore) break;
-		offset += page.length;
-	}
-	return rows;
+	return walkEntityPages({
+		accessor,
+		params,
+		pageSize,
+		maxRows,
+		onProgress,
+		onCeiling: (max) => `This export would contain more than ${max.toLocaleString()} rows, which is more than the browser can build in one file. Filter the collection down, or export it from the server.`
+	});
 }
 //#endregion
 //#region src/data_export/export/BasicExportAction.tsx
@@ -382,7 +368,7 @@ async function mapInChunks(items, fn, chunkSize = ADDITIONAL_FIELDS_CONCURRENCY)
 	for (let i = 0; i < items.length; i += chunkSize) results.push(...await Promise.all(items.slice(i, i + chunkSize).map(fn)));
 	return results;
 }
-function ExportCollectionAction({ collection, path, collectionEntitiesCount, onAnalyticsEvent, exportAllowed, notAllowedView }) {
+function ExportCollectionAction({ collection, path, collectionEntitiesCount, selectionController, tableController, onAnalyticsEvent, exportAllowed, notAllowedView }) {
 	const { t } = useTranslation();
 	const exportConfig = typeof collection.exportable === "object" ? collection.exportable : void 0;
 	const dateRef = React.useRef(/* @__PURE__ */ new Date());
@@ -392,7 +378,20 @@ function ExportCollectionAction({ collection, path, collectionEntitiesCount, onA
 	const [dateExportType, setDateExportType] = React.useState("string");
 	const context = useAdminContext();
 	const dataClient = useData();
-	const tooManyToExport = collectionEntitiesCount !== void 0 && collectionEntitiesCount > 1e5;
+	const exportSelection = selectionController?.hasSelection ? selectionController.selection : void 0;
+	const liveQuery = useMemo(() => ({
+		path,
+		filterValues: tableController?.filterValues,
+		searchString: tableController?.searchString,
+		sortBy: tableController?.sortBy
+	}), [
+		path,
+		tableController?.filterValues,
+		tableController?.searchString,
+		tableController?.sortBy
+	]);
+	const rowsToExport = exportSelection ? selectionController?.selectedCount : collectionEntitiesCount;
+	const tooManyToExport = rowsToExport !== void 0 && rowsToExport > 1e5;
 	const canExport = !exportAllowed || exportAllowed({
 		collectionEntitiesCount: collectionEntitiesCount ?? 0,
 		path,
@@ -442,12 +441,20 @@ function ExportCollectionAction({ collection, path, collectionEntitiesCount, onA
 		setDataLoadingError(void 0);
 		setProgress({ loaded: 0 });
 		try {
-			const data = await fetchAllEntitiesForExport({
-				accessor: dataClient.collection(path),
-				onProgress: (loaded, total) => setProgress({
-					loaded,
-					total
-				})
+			const onProgress = (loaded, total) => setProgress({
+				loaded,
+				total
+			});
+			const accessor = dataClient.collection(path);
+			const data = exportSelection ? await resolveSelection({
+				selection: exportSelection,
+				accessor,
+				maxRows: MAX_EXPORT_ROWS,
+				onProgress
+			}) : await fetchAllEntitiesForExport({
+				accessor,
+				params: selectionQueryToFindParams(liveQuery),
+				onProgress
 			});
 			const additionalData = await fetchAdditionalFields(data);
 			const additionalHeaders = [...exportConfig?.additionalFields?.map((column) => column.key) ?? [], ...collection.additionalFields?.map((field) => field.key) ?? []];
@@ -482,6 +489,8 @@ function ExportCollectionAction({ collection, path, collectionEntitiesCount, onA
 		onAnalyticsEvent,
 		dataClient,
 		path,
+		exportSelection,
+		liveQuery,
 		fetchAdditionalFields,
 		includeUndefinedValues,
 		flattenArrays,
@@ -519,8 +528,11 @@ function ExportCollectionAction({ collection, path, collectionEntitiesCount, onA
 			/* @__PURE__ */ jsxs(DialogContent, {
 				className: "flex flex-col gap-4 my-4",
 				children: [
-					/* @__PURE__ */ jsx("div", { children: t("download_table_csv") }),
-					collectionEntitiesCount !== void 0 && collectionEntitiesCount > DOCS_LIMIT && !tooManyToExport && /* @__PURE__ */ jsx(Alert, {
+					/* @__PURE__ */ jsx("div", { children: exportSelection ? rowsToExport === void 0 ? t("export_selection_all_matching", { collection: collection.name }) ?? `Download every ${collection.name} matching the current filter as a ${exportType.toUpperCase()}` : t("export_selection_count", {
+						total: rowsToExport.toLocaleString(),
+						format: exportType.toUpperCase()
+					}) ?? `Download the ${rowsToExport.toLocaleString()} selected rows as a ${exportType.toUpperCase()}` : t("download_table_csv") }),
+					!exportSelection && collectionEntitiesCount !== void 0 && collectionEntitiesCount > DOCS_LIMIT && !tooManyToExport && /* @__PURE__ */ jsx(Alert, {
 						color: "warning",
 						children: /* @__PURE__ */ jsx("div", { children: t("large_number_of_documents", { count: collectionEntitiesCount.toString() }) })
 					}),
@@ -651,4 +663,4 @@ var export_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { MAX_EXPORT_ROWS as a, downloadDataAsCsv as c, escapeCsvFormula as d, getEntityCSVExportableData as f, EXPORT_PAGE_SIZE as i, downloadEntitiesExport as l, ExportCollectionAction as n, fetchAllEntitiesForExport as o, getEntityJsonExportableData as p, BasicExportAction as r, downloadBlob as s, export_exports as t, entryToCSVRow as u };
 
-//# sourceMappingURL=export-DJoGYb89.js.map
+//# sourceMappingURL=export-DtSmLT6u.js.map

package/dist/export-DtSmLT6u.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-DtSmLT6u.js","names":[],"sources":["../src/data_export/export/export.ts","../src/data_export/export/fetch_export_data.ts","../src/data_export/export/BasicExportAction.tsx","../src/data_export/export/ExportCollectionAction.tsx","../src/data_export/export/index.ts"],"sourcesContent":["import { Entity, EntityReference, Properties, Property } from \"@rebasepro/types\";\nimport { type ArrayValuesCount, getArrayValuesCount, getValueInPath } from \"@rebasepro/utils\";\n\ninterface Header {\n    key: string;\n    label: string;\n}\n\nexport interface DownloadEntitiesExportParams<M extends Record<string, unknown>> {\n    data: Entity<M>[];\n    additionalData: Record<string, unknown>[] | undefined;\n    properties: Properties;\n    propertiesOrder: string[] | undefined;\n    name: string;\n    flattenArrays: boolean;\n    additionalHeaders: string[] | undefined;\n    exportType: \"csv\" | \"json\";\n    dateExportType: \"timestamp\" | \"string\";\n}\n\nexport function downloadEntitiesExport<M extends Record<string, unknown>>({\n    data,\n    additionalData,\n    properties,\n    propertiesOrder,\n    name,\n    flattenArrays,\n    additionalHeaders,\n    exportType,\n    dateExportType\n}: DownloadEntitiesExportParams<M>\n) {\n\n    console.debug(\"Downloading export\", {\n        dataLength: data.length,\n        properties,\n        exportType,\n        dateExportType\n    });\n\n    if (exportType === \"csv\") {\n        const arrayValuesCount = flattenArrays ? getArrayValuesCount(data.map(d => d.values)) : {};\n        const headers = getExportHeaders(properties, propertiesOrder, additionalHeaders, arrayValuesCount);\n        const exportableData = getEntityCSVExportableData(data, additionalData, properties, headers, dateExportType);\n        const headersData = entryToCSVRow(headers.map(h => h.label));\n        const csvData = exportableData.map(entry => entryToCSVRow(entry));\n        downloadBlob([headersData, ...csvData], `${name}.csv`, \"text/csv\");\n    } else {\n        const exportableData = getEntityJsonExportableData(data, additionalData, properties, dateExportType);\n        const json = JSON.stringify(exportableData, null, 2);\n        downloadBlob([json], `${name}.json`, \"application/json\");\n    }\n}\n\nexport function getEntityCSVExportableData(data: Entity<Record<string, unknown>>[],\n    additionalData: Record<string, unknown>[] | undefined,\n    properties: Properties,\n    headers: Header[],\n    dateExportType: \"timestamp\" | \"string\"\n) {\n\n    const mergedData: Record<string, unknown>[] = data.map(e => ({\n        id: e.id,\n        ...processValuesForExport(e.values, properties, \"csv\", dateExportType)\n    }));\n\n    if (additionalData) {\n        additionalData.forEach((additional, index) => {\n            mergedData[index] = { ...mergedData[index],\n...additional };\n        });\n    }\n\n    return mergedData && mergedData.map((entry) => {\n        return headers.map((header) => getValueInPath(entry, header.key));\n    });\n}\n\nexport function getEntityJsonExportableData(data: Entity<Record<string, unknown>>[],\n    additionalData: Record<string, unknown>[] | undefined,\n    properties: Properties,\n    dateExportType: \"timestamp\" | \"string\"\n) {\n\n    const mergedData: Record<string, unknown>[] = data.map(e => ({\n        id: e.id,\n        ...processValuesForExport(e.values, properties, \"json\", dateExportType)\n    }));\n\n    if (additionalData) {\n        additionalData.forEach((additional, index) => {\n            mergedData[index] = { ...mergedData[index],\n...additional };\n        });\n    }\n\n    return mergedData;\n}\n\nfunction getExportHeaders<M extends Record<string, unknown>>(properties: Properties,\n    propertiesOrder: string[] | undefined,\n    additionalHeaders: string[] | undefined,\n    arrayValuesCount?: ArrayValuesCount): Header[] {\n\n    const headers: Header[] = [\n        {\n            label: \"id\",\n            key: \"id\"\n        },\n        ...(propertiesOrder ?? Object.keys(properties))\n            .flatMap((childKey) => {\n                const property = properties[childKey];\n                if (!property) {\n                    console.warn(\"Property not found\", childKey, properties);\n                    return [];\n                }\n                if (arrayValuesCount && arrayValuesCount[childKey] > 1) {\n                    return Array.from({ length: arrayValuesCount[childKey] },\n                        (_, i) => getHeaders(property as Property, `${childKey}[${i}]`, \"\"))\n                        .flat();\n                } else {\n                    return getHeaders(property as Property, childKey, \"\");\n                }\n            })\n    ];\n\n    if (additionalHeaders) {\n        headers.push(...additionalHeaders.map(h => ({\n            label: h,\n            key: h\n        })));\n    }\n\n    return headers;\n}\n\n/**\n * Get headers for property. There could be more than one header per property\n * @param property\n * @param propertyKey\n * @param prefix\n */\nfunction getHeaders(property: Property, propertyKey: string, prefix = \"\"): Header[] {\n    const currentKey = prefix ? `${prefix}.${propertyKey}` : propertyKey;\n    if (property.type === \"map\" && property.properties) {\n        return Object.entries(property.properties)\n            .map(([childKey, p]) => getHeaders(p, childKey, currentKey))\n            .flat();\n    } else {\n        return [{\n            label: currentKey,\n            key: currentKey\n        }];\n    }\n}\n\n/**\n * Read whatever a `date` column actually arrived as into a `Date`.\n *\n * The driver/WebSocket path revives `{ __type: \"date\" }` into a `Date`; the REST\n * path — which is the one the admin is on — leaves an ISO string, and an epoch\n * number is what a re-imported export carries. Returns `undefined` for anything\n * that is not a date, so the caller can pass the raw value through.\n */\nfunction toExportableDate(inputValue: unknown): Date | undefined {\n    if (inputValue instanceof Date) return Number.isNaN(inputValue.getTime()) ? undefined : inputValue;\n    if (typeof inputValue === \"number\" && Number.isFinite(inputValue)) return new Date(inputValue);\n    if (typeof inputValue === \"string\" && inputValue.trim() !== \"\") {\n        const parsed = new Date(inputValue);\n        return Number.isNaN(parsed.getTime()) ? undefined : parsed;\n    }\n    return undefined;\n}\n\nfunction processValueForExport(inputValue: unknown,\n    property: Property,\n    exportType: \"csv\" | \"json\",\n    dateExportType: \"timestamp\" | \"string\"\n): unknown {\n\n    let value: unknown;\n    if (property.type === \"map\" && property.properties) {\n        value = processValuesForExport(inputValue as Record<string, unknown>, property.properties as Properties, exportType, dateExportType);\n    } else if (property.type === \"array\") {\n        if (property.of && Array.isArray(inputValue)) {\n            if (Array.isArray(property.of)) {\n                value = property.of.map((p, i) => processValueForExport(inputValue[i], p, exportType, dateExportType));\n            } else if (property.of.type === \"map\") {\n                value = exportType === \"csv\"\n                    ? inputValue.map((e) => JSON.stringify(e))\n                    : inputValue.map((e) => processValueForExport(e, property.of as Property, exportType, dateExportType));\n                ;\n            } else {\n                value = inputValue.map((e) => processValueForExport(e, property.of as Property, exportType, dateExportType));\n            }\n        } else {\n            value = inputValue;\n        }\n    } else if (property.type === \"reference\" && inputValue && typeof inputValue === \"object\" && \"isEntityReference\" in inputValue && typeof (inputValue as EntityReference).isEntityReference === \"function\" && (inputValue as EntityReference).isEntityReference()) {\n        const ref = inputValue ? inputValue as EntityReference : undefined;\n        value = ref ? ref.fullPath : null;\n    } else if (property.type === \"date\") {\n        // Not `instanceof Date`: the admin reads over REST, and the REST row\n        // pipeline hands dates back as the database wrote them — a string. That\n        // made this branch dead on every live export, so both radio options\n        // produced identical files. Normalise here, where the declared type says\n        // the column is a date, and leave anything unparseable untouched rather\n        // than exporting an invalid date as `null`.\n        const date = toExportableDate(inputValue);\n        value = date\n            ? (dateExportType === \"timestamp\" ? date.getTime() : date.toISOString())\n            : inputValue;\n    } else {\n        value = inputValue;\n    }\n\n    return value;\n}\n\nfunction processValuesForExport<M extends Record<string, unknown>>\n    (inputValues: Record<string, unknown>,\n        properties: Properties,\n        exportType: \"csv\" | \"json\",\n        dateExportType: \"timestamp\" | \"string\"\n    ): Record<string, unknown> {\n    const updatedValues = Object.entries(properties)\n        .map(([key, property]) => {\n            const inputValue = inputValues && (inputValues)[key];\n            const updatedValue = processValueForExport(inputValue, property as Property, exportType, dateExportType);\n            if (updatedValue === undefined) return {};\n            return ({ [key]: updatedValue });\n        })\n        .reduce((a, b) => ({ ...a,\n...b }), {}) as Record<string, unknown>;\n    return { ...inputValues,\n...updatedValues };\n}\n\n/**\n * Characters that make a spreadsheet read a cell as a formula rather than text.\n *\n * Quoting is CSV *escaping* and is not enough: Excel, LibreOffice Calc and\n * Sheets strip the CSV quoting at parse time and then evaluate a cell whose\n * first character is one of these — `=HYPERLINK(…)` exfiltrates neighbouring\n * cells on click, `=cmd|'…'!A0` is worse.\n */\nconst FORMULA_TRIGGERS = [\"=\", \"+\", \"-\", \"@\", \"\\t\", \"\\r\"];\n\n/**\n * Neutralise a cell that a spreadsheet would otherwise evaluate, by prefixing a\n * single quote — the standard OWASP mitigation. The apostrophe is consumed by\n * the spreadsheet as \"treat the rest as text\", so the value reads back intact.\n */\nexport function escapeCsvFormula(value: string): string {\n    const first = value.charAt(0);\n    if (!FORMULA_TRIGGERS.includes(first)) return value;\n    // A signed number is not a formula, and prefixing it would turn every\n    // negative amount in the file into text. `-1+1` is still neutralised,\n    // because it is not a number.\n    if ((first === \"-\" || first === \"+\") && value.trim() !== \"\" && Number.isFinite(Number(value))) return value;\n    return \"'\" + value;\n}\n\nfunction toCSVCell(v: unknown): string {\n    if (v === null || v === undefined) return \"\";\n    const s = Array.isArray(v) ? JSON.stringify(v) : String(v);\n    return \"\\\"\" + escapeCsvFormula(s).replaceAll(\"\\\"\", \"\\\"\\\"\") + \"\\\"\";\n}\n\nexport function entryToCSVRow(entry: unknown[]) {\n    return entry\n        .map(toCSVCell)\n        .join(\",\") + \"\\r\\n\";\n}\n\nexport function downloadBlob(content: BlobPart[], filename: string, contentType: string) {\n    const blob = new Blob(content, { type: contentType });\n    const url = URL.createObjectURL(blob);\n    const pom = document.createElement(\"a\");\n    pom.href = url;\n    pom.setAttribute(\"download\", filename);\n    pom.click();\n}\n\nexport function downloadDataAsCsv(data: object[], name: string) {\n    if (data.length === 0) return;\n\n    const headers = Object.keys(data[0]);\n    const csvContent = [\n        headers.join(\",\"),\n        ...data.map(row => headers.map(header => toCSVCell((row as Record<string, unknown>)[header])).join(\",\"))\n    ].join(\"\\r\\n\");\n\n    downloadBlob([csvContent], `${name}.csv`, \"text/csv\");\n}\n","import { Entity, FindParams } from \"@rebasepro/types\";\nimport { EntityPageAccessor, walkEntityPages } from \"../../util/entity_pages\";\n\n/**\n * Rows asked for per request.\n *\n * Kept at or below the server's `MAX_LIST_LIMIT`, which is now the largest page\n * a read will serve *and refuses* anything larger — it used to clamp silently,\n * and asking for 100 000 while receiving 1 000 looked exactly like a collection\n * with 1 000 rows in it. The walk still never trusts the page size it asked for:\n * it advances by the rows it was actually handed.\n */\nexport const EXPORT_PAGE_SIZE = 500;\n\n/**\n * Most rows one browser-side export will materialise.\n *\n * Everything here is built in memory and handed to a Blob, so there is a\n * ceiling whether or not it is named. Naming it means going over it **throws**\n * instead of writing a short file that reads like the whole collection.\n */\nexport const MAX_EXPORT_ROWS = 100_000;\n\nexport interface FetchAllForExportParams<M extends Record<string, unknown>> {\n    /** The collection accessor to read through — `dataClient.collection(path)`. */\n    accessor: EntityPageAccessor<M>;\n    /** Query to export. The window (`limit` / `offset` / `page`) is owned by the walk. */\n    params?: Omit<FindParams<M>, \"limit\" | \"offset\" | \"page\">;\n    pageSize?: number;\n    maxRows?: number;\n    /** Called after every page with the rows so far, and the total when the server reports one. */\n    onProgress?: (loaded: number, total: number | undefined) => void;\n}\n\n/**\n * Read **every** row matching a query, for an export file.\n *\n * The export used to hand back the 50 rows an unwindowed `find({})` resolves to\n * as `<collection>.csv`, with nothing saying it was a sample, next to a dialog\n * warning that the collection had 100 000 documents. The walk is in\n * {@link walkEntityPages}; what belongs to export is the ceiling — an export is\n * built in memory and handed to a Blob — and what to say on hitting it.\n *\n * @throws When more than `maxRows` rows match.\n */\nexport async function fetchAllEntitiesForExport<M extends Record<string, unknown>>({\n    accessor,\n    params,\n    pageSize = EXPORT_PAGE_SIZE,\n    maxRows = MAX_EXPORT_ROWS,\n    onProgress\n}: FetchAllForExportParams<M>): Promise<Entity<M>[]> {\n    return walkEntityPages<M>({\n        accessor,\n        params,\n        pageSize,\n        maxRows,\n        onProgress,\n        onCeiling: (max) =>\n            `This export would contain more than ${max.toLocaleString()} rows, which is more than the ` +\n            \"browser can build in one file. Filter the collection down, or export it from the server.\"\n    });\n}\n","\nimport React, { useCallback } from \"react\";\n\nimport { useTranslation } from \"@rebasepro/app\";\nimport { Entity, Properties } from \"@rebasepro/types\";\nimport {\n    BooleanSwitchWithLabel,\n    Button,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    DownloadIcon,\n    IconButton,\n    Label,\n    RadioGroup,\n    RadioGroupItem,\n    Tooltip,\n    Typography\n} from \"@rebasepro/ui\";\nimport { downloadEntitiesExport } from \"./export\";\n\nexport type BasicExportActionProps = {\n    data: Entity<any>[];\n    properties: Properties;\n    propertiesOrder?: string[];\n}\n\nexport function BasicExportAction({\n    data,\n    properties,\n    propertiesOrder\n}: BasicExportActionProps) {\n\n    const { t } = useTranslation();\n    const dateRef = React.useRef<Date>(new Date());\n    const [flattenArrays, setFlattenArrays] = React.useState<boolean>(true);\n    const [exportType, setExportType] = React.useState<\"csv\" | \"json\">(\"csv\");\n    const [dateExportType, setDateExportType] = React.useState<\"timestamp\" | \"string\">(\"string\");\n\n    const [open, setOpen] = React.useState(false);\n\n    const handleClickOpen = useCallback(() => {\n        setOpen(true);\n    }, [setOpen]);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, [setOpen]);\n\n    const onOkClicked = useCallback(() => {\n        downloadEntitiesExport({\n            data,\n            additionalData: [],\n            properties,\n            propertiesOrder,\n            name: \"export.csv\",\n            flattenArrays,\n            additionalHeaders: [],\n            exportType,\n            dateExportType\n        });\n        handleClose();\n    }, []);\n\n    return <>\n\n        <Tooltip title={\"Export\"}\n            asChild={true}>\n            <IconButton\n                size={\"small\"}\n                color={\"primary\"} onClick={handleClickOpen}>\n                <DownloadIcon\n                    size={\"small\"}/>\n            </IconButton>\n        </Tooltip>\n\n        <Dialog\n            open={open}\n            onOpenChange={setOpen}\n            maxWidth={\"xl\"}>\n\n            <DialogTitle variant={\"h6\"}>{t(\"export_data\")}</DialogTitle>\n\n            <DialogContent className={\"flex flex-col gap-4 my-4\"}>\n\n                <div>{t(\"download_table_csv\")}</div>\n\n                <div className={\"flex flex-row gap-4\"}>\n                    <div className={\"p-4 flex flex-col\"}>\n                        <RadioGroup value={exportType} onValueChange={(v) => setExportType(v as \"csv\" | \"json\")}>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"csv\" id=\"radio-csv\"/>\n                                <Label htmlFor=\"radio-csv\">{t(\"csv\")}</Label>\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"json\" id=\"radio-json\"/>\n                                <Label htmlFor=\"radio-json\">{t(\"json\")}</Label>\n                            </div>\n                        </RadioGroup>\n                    </div>\n\n                    <div className={\"p-4 flex flex-col\"}>\n                        <RadioGroup value={dateExportType} onValueChange={(v) => setDateExportType(v as \"timestamp\" | \"string\")}>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"timestamp\" id=\"radio-timestamp\"/>\n                                <Label htmlFor=\"radio-timestamp\">{t(\"dates_as_timestamps\")} ({dateRef.current.getTime()})</Label>\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"string\" id=\"radio-string\"/>\n                                <Label htmlFor=\"radio-string\">{t(\"dates_as_strings\")} ({dateRef.current.toISOString()})</Label>\n                            </div>\n                        </RadioGroup>\n                    </div>\n                </div>\n\n                <BooleanSwitchWithLabel\n                    size={\"small\"}\n                    disabled={exportType !== \"csv\"}\n                    value={flattenArrays}\n                    onValueChange={setFlattenArrays}\n                    label={t(\"flatten_arrays\")}/>\n\n            </DialogContent>\n\n            <DialogActions>\n\n                <Button onClick={handleClose}\n                    variant={\"text\"}>\n                    {t(\"cancel\")}\n                </Button>\n\n                <Button onClick={onOkClicked}>\n                    {t(\"download\")}\n                </Button>\n\n            </DialogActions>\n\n        </Dialog>\n\n    </>;\n}\n","\nimport React, { useCallback, useMemo } from \"react\";\n\nimport {\n    useAuthController,\n    useCustomizationController,\n    useData,\n    useTranslation\n} from \"@rebasepro/app\";\nimport { useAdminContext } from \"../../hooks\";\nimport { Entity, User } from \"@rebasepro/types\";\nimport { CollectionActionsProps, ExportConfig, RebaseContext, AdminCollection, SelectionQuery } from \"@rebasepro/cms-types\";\nimport { getDefaultValuesFor } from \"@rebasepro/common\";\nimport {\n    Alert,\n    BooleanSwitchWithLabel,\n    Button,\n    CircularProgress,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    DownloadIcon,\n    IconButton,\n    iconSize,\n    Label,\n    RadioGroup,\n    RadioGroupItem,\n    Tooltip\n} from \"@rebasepro/ui\";\nimport { downloadEntitiesExport } from \"./export\";\nimport { fetchAllEntitiesForExport, MAX_EXPORT_ROWS } from \"./fetch_export_data\";\nimport { resolveSelection, selectionQueryToFindParams } from \"../../selection\";\n\nconst DOCS_LIMIT = 500;\n\n/**\n * Additional-field builders run per row and may do I/O, so a `Promise.all` over\n * the whole export is one request per row all at once. That was bounded only by\n * the 50-row cap the export used to have; now that the read is paginated, it is\n * bounded here instead.\n */\nconst ADDITIONAL_FIELDS_CONCURRENCY = 50;\n\nasync function mapInChunks<T, R>(items: T[], fn: (item: T) => Promise<R>, chunkSize = ADDITIONAL_FIELDS_CONCURRENCY): Promise<R[]> {\n    const results: R[] = [];\n    for (let i = 0; i < items.length; i += chunkSize) {\n        results.push(...await Promise.all(items.slice(i, i + chunkSize).map(fn)));\n    }\n    return results;\n}\n\nexport function ExportCollectionAction<M extends Record<string, unknown>, USER extends User>({\n    collection,\n    path,\n    collectionEntitiesCount,\n    selectionController,\n    tableController,\n    onAnalyticsEvent,\n    exportAllowed,\n    notAllowedView\n}: CollectionActionsProps<M, USER, AdminCollection<M>> & {\n    exportAllowed?: (props: { collectionEntitiesCount: number, path: string, collection: AdminCollection }) => boolean;\n    notAllowedView?: React.ReactNode;\n    onAnalyticsEvent?: (event: string, params?: any) => void;\n}) {\n\n    const { t } = useTranslation();\n\n    const exportConfig = typeof collection.exportable === \"object\" ? collection.exportable : undefined;\n\n    const dateRef = React.useRef<Date>(new Date());\n\n    const [includeUndefinedValues, setIncludeUndefinedValues] = React.useState<boolean>(false);\n    const [flattenArrays, setFlattenArrays] = React.useState<boolean>(true);\n    const [exportType, setExportType] = React.useState<\"csv\" | \"json\">(\"csv\");\n    const [dateExportType, setDateExportType] = React.useState<\"timestamp\" | \"string\">(\"string\");\n\n    const context = useAdminContext<USER>();\n    const dataClient = useData();\n\n    // A selection narrows the export to it; with none, the export is the view\n    // — filter, search and sort included.\n    const exportSelection = selectionController?.hasSelection ? selectionController.selection : undefined;\n\n    const liveQuery: SelectionQuery<M> = useMemo(() => ({\n        path,\n        filterValues: tableController?.filterValues,\n        searchString: tableController?.searchString,\n        sortBy: tableController?.sortBy\n    }), [path, tableController?.filterValues, tableController?.searchString, tableController?.sortBy]);\n\n    // Said before the download starts, not discovered halfway through it: the\n    // walk refuses rather than writing a short file, so the dialog has to name\n    // the ceiling it is about to hit.\n    const rowsToExport = exportSelection ? selectionController?.selectedCount : collectionEntitiesCount;\n    const tooManyToExport = rowsToExport !== undefined && rowsToExport > MAX_EXPORT_ROWS;\n\n    const canExport = !exportAllowed || exportAllowed({\n        collectionEntitiesCount: collectionEntitiesCount ?? 0,\n        path,\n        collection\n    });\n\n    const [dataLoading, setDataLoading] = React.useState<boolean>(false);\n    const [dataLoadingError, setDataLoadingError] = React.useState<Error | undefined>();\n    const [progress, setProgress] = React.useState<{ loaded: number, total?: number }>({ loaded: 0 });\n\n    const [open, setOpen] = React.useState(false);\n\n    const handleClickOpen = useCallback(() => {\n        setOpen(true);\n    }, [setOpen]);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, [setOpen]);\n\n    const fetchAdditionalFields = useCallback(async (entities: Entity<M>[]) => {\n\n        const additionalExportFields = exportConfig?.additionalFields;\n        const additionalFields = collection.additionalFields;\n\n        const resolvedExportColumnsValues: Record<string, any>[] = additionalExportFields\n            ? await mapInChunks(entities, async (entity) => {\n                return (await Promise.all(additionalExportFields.map(async (column) => {\n                    return {\n                        [column.key]: await column.builder({\n                            entity,\n                            context: context as RebaseContext\n                        })\n                    };\n                }))).reduce((a, b) => ({ ...a,\n...b }), {});\n            })\n            : [];\n\n        const resolvedColumnsValues: Record<string, any>[] = additionalFields\n            ? await mapInChunks(entities, async (entity) => {\n                return (await Promise.all(additionalFields\n                    .map(async (field) => {\n                        if (!field.value)\n                            return {};\n                        return {\n                            [field.key]: await field.value({\n                                entity,\n                                context: context as RebaseContext\n                            })\n                        };\n                    }))).reduce((a, b) => ({ ...a,\n...b }), {});\n            })\n            : [];\n        return [...resolvedExportColumnsValues, ...resolvedColumnsValues];\n    }, [exportConfig?.additionalFields]);\n\n    const doDownload = useCallback(async (collection: AdminCollection<M>,\n        exportConfig: ExportConfig<any> | undefined): Promise<boolean> => {\n\n        onAnalyticsEvent?.(\"export_collection\", {\n            collection: collection.slug\n        });\n        setDataLoading(true);\n        setDataLoadingError(undefined);\n        setProgress({ loaded: 0 });\n        try {\n            const onProgress = (loaded: number, total: number | undefined) => setProgress({ loaded, total });\n            const accessor = dataClient.collection(path) as { find: (params?: any) => Promise<any> };\n\n            // What the user is looking at, or what they picked out of it.\n            //\n            // Neither used to be true: the export read the collection with no\n            // params at all, so a filtered, searched table of 40 rows exported\n            // every row in the table — and ticking rows first changed nothing.\n            const data = exportSelection\n                ? await resolveSelection<M>({\n                    selection: exportSelection,\n                    accessor,\n                    maxRows: MAX_EXPORT_ROWS,\n                    onProgress\n                })\n                // Paginated, not `find({})`: an absent limit resolves to 50 rows\n                // server-side, so the export used to be the first page of the\n                // collection under a filename that read like all of it.\n                : await fetchAllEntitiesForExport<M>({\n                    accessor,\n                    params: selectionQueryToFindParams(liveQuery),\n                    onProgress\n                });\n            const additionalData = await fetchAdditionalFields(data);\n            const additionalHeaders = [\n                ...exportConfig?.additionalFields?.map(column => column.key) ?? [],\n                ...collection.additionalFields?.map(field => field.key) ?? []\n            ];\n\n            const defaultValues = includeUndefinedValues ? getDefaultValuesFor(collection.properties) : undefined;\n            const dataWithDefaults = defaultValues\n                ? data.map(entity => ({\n                    ...entity,\n                    values: { ...defaultValues,\n...entity.values }\n                }))\n                : data;\n            downloadEntitiesExport({\n                data: dataWithDefaults,\n                additionalData,\n                properties: collection.properties,\n                propertiesOrder: collection.propertiesOrder,\n                name: collection.name,\n                flattenArrays,\n                additionalHeaders,\n                exportType,\n                dateExportType\n            });\n            onAnalyticsEvent?.(\"export_collection_success\", {\n                collection: collection.slug\n            });\n            return true;\n        } catch (e) {\n            console.error(\"Error loading export data\", e);\n            setDataLoadingError(e as Error);\n            return false;\n        } finally {\n            setDataLoading(false);\n        }\n\n    }, [onAnalyticsEvent, dataClient, path, exportSelection, liveQuery, fetchAdditionalFields, includeUndefinedValues, flattenArrays, exportType, dateExportType]);\n\n    const onOkClicked = useCallback(() => {\n        // The dialog stays open until the walk finishes: it is the only place a\n        // multi-page export reports progress, or reports that it failed.\n        doDownload(collection, exportConfig).then((downloaded) => {\n            if (downloaded) handleClose();\n        });\n    }, [doDownload, collection, exportConfig, handleClose]);\n\n    return <>\n\n        <Tooltip title={\"Export\"}\n            asChild={true}>\n            <IconButton\n                size={\"small\"}\n                color={\"primary\"}\n                onClick={handleClickOpen}>\n                <DownloadIcon size={iconSize.small}/>\n            </IconButton>\n        </Tooltip>\n\n        <Dialog\n            open={open}\n            onOpenChange={setOpen}\n            maxWidth={\"xl\"}>\n\n            <DialogTitle variant={\"h6\"}>{t(\"export_data\")}</DialogTitle>\n\n            <DialogContent className={\"flex flex-col gap-4 my-4\"}>\n\n                {/* What is about to be downloaded, in as many words. The export\n                    now follows the selection, or the view's filter and search —\n                    so \"the content of this table\" would be describing something\n                    it no longer does. */}\n                <div>{exportSelection\n                    ? (rowsToExport === undefined\n                        ? (t(\"export_selection_all_matching\", { collection: collection.name })\n                            ?? `Download every ${collection.name} matching the current filter as a ${exportType.toUpperCase()}`)\n                        : (t(\"export_selection_count\", {\n                            total: rowsToExport.toLocaleString(),\n                            format: exportType.toUpperCase()\n                        }) ?? `Download the ${rowsToExport.toLocaleString()} selected rows as a ${exportType.toUpperCase()}`))\n                    : t(\"download_table_csv\")}</div>\n\n                {!exportSelection && collectionEntitiesCount !== undefined && collectionEntitiesCount > DOCS_LIMIT && !tooManyToExport &&\n                    <Alert color={\"warning\"}>\n                        <div>\n                            {t(\"large_number_of_documents\", { count: collectionEntitiesCount.toString() })}\n                        </div>\n                    </Alert>}\n\n                {tooManyToExport &&\n                    <Alert color={\"error\"}>\n                        <div>\n                            {t(\"too_many_documents_to_export\", {\n                                count: (collectionEntitiesCount ?? 0).toString(),\n                                limit: MAX_EXPORT_ROWS.toString()\n                            })}\n                        </div>\n                    </Alert>}\n\n                <div className={\"flex flex-row gap-4\"}>\n                    <div className={\"p-4 flex flex-col\"}>\n                        <RadioGroup value={exportType} onValueChange={(v) => setExportType(v as \"csv\" | \"json\")}>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"csv\" id=\"radio-csv\"/>\n                                <Label htmlFor=\"radio-csv\">{t(\"csv\")}</Label>\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"json\" id=\"radio-json\"/>\n                                <Label htmlFor=\"radio-json\">{t(\"json\")}</Label>\n                            </div>\n                        </RadioGroup>\n                    </div>\n\n                    <div className={\"p-4 flex flex-col\"}>\n                        <RadioGroup value={dateExportType} onValueChange={(v) => setDateExportType(v as \"timestamp\" | \"string\")}>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"timestamp\" id=\"radio-timestamp\"/>\n                                <Label htmlFor=\"radio-timestamp\">{t(\"dates_as_timestamps\")} ({dateRef.current.getTime()})</Label>\n                            </div>\n                            <div className=\"flex items-center gap-2\">\n                                <RadioGroupItem value=\"string\" id=\"radio-string\"/>\n                                <Label htmlFor=\"radio-string\">{t(\"dates_as_strings\")} ({dateRef.current.toISOString()})</Label>\n                            </div>\n                        </RadioGroup>\n                    </div>\n                </div>\n\n                <BooleanSwitchWithLabel\n                    size={\"small\"}\n                    disabled={exportType !== \"csv\"}\n                    value={flattenArrays}\n                    onValueChange={setFlattenArrays}\n                    label={t(\"flatten_arrays\")}/>\n\n                <BooleanSwitchWithLabel\n                    size={\"small\"}\n                    value={includeUndefinedValues}\n                    onValueChange={setIncludeUndefinedValues}\n                    label={t(\"include_undefined_values\")}/>\n\n                {dataLoadingError && <Alert color={\"error\"}>\n                    <div>{dataLoadingError.message}</div>\n                </Alert>}\n\n                {!canExport && notAllowedView}\n\n            </DialogContent>\n\n            <DialogActions>\n\n                {dataLoading && <CircularProgress size={\"smallest\"}/>}\n\n                {dataLoading && <Label>\n                    {progress.total !== undefined\n                        ? `${progress.loaded} / ${progress.total}`\n                        : `${progress.loaded}`}\n                </Label>}\n\n                <Button onClick={handleClose}\n                    variant={\"text\"}>\n                    {t(\"cancel\")}\n                </Button>\n\n                <Button onClick={onOkClicked}\n                    disabled={dataLoading || !canExport || tooManyToExport}>\n                    {t(\"download\")}\n                </Button>\n\n            </DialogActions>\n\n        </Dialog>\n\n    </>;\n}\n","export * from \"./export\";\nexport * from \"./fetch_export_data\";\nexport * from \"./BasicExportAction\";\nexport * from \"./ExportCollectionAction\";\n"],"mappings":"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"}

package/dist/form/EntityForm.d.ts

@@ -9,4 +9,4 @@ import type { EntityFormProps } from "../types/components/EntityFormProps.js";
  *
  * @group Components
  */
-export declare function EntityForm<M extends Record<string, unknown>>({ path, entityId: entityIdProp, collection, onValuesModified, onIdChange, onSaved, entity, initialDirtyValues, onFormContextReady, initialStatus, className, onStatusChange, onEntityChange, openEntityMode, formex: formexProp, disabled: disabledProp, Builder, EntityFormActionsComponent, showDefaultActions, navigateBack: navigateBackProp, children, onSubmit: onSubmitProp, onValuesChangeDeferred: onValuesChangeDeferredProp, onReset: onResetProp, uniqueFieldValidator: uniqueFieldValidatorProp, beforeFields, afterFields, pluginActions: pluginActionsProp, computedInitialValues, hasLocalChanges: hasLocalChangesProp, localChangesData, manualApplyLocalChanges, localChangesCacheKey, onClearLocalChanges }: EntityFormProps<M>): React.JSX.Element;
+export declare function EntityForm<M extends Record<string, unknown>>({ path, entityId: entityIdProp, collection, onValuesModified, onIdChange, onSaved, entity, initialDirtyValues, onFormContextReady, initialStatus, className, onStatusChange, onEntityChange, openEntityMode, formex: formexProp, disabled: disabledProp, Builder, parentCollectionSlugs, parentEntityIds, EntityFormActionsComponent, showDefaultActions, navigateBack: navigateBackProp, children, onSubmit: onSubmitProp, onValuesChangeDeferred: onValuesChangeDeferredProp, onReset: onResetProp, uniqueFieldValidator: uniqueFieldValidatorProp, beforeFields, afterFields, pluginActions: pluginActionsProp, computedInitialValues, hasLocalChanges: hasLocalChangesProp, localChangesData, manualApplyLocalChanges, localChangesCacheKey, onClearLocalChanges }: EntityFormProps<M>): React.JSX.Element;

package/dist/{history-BBpsdTrJ.js → history-C6kUDQ3f.js}

@@ -1,4 +1,4 @@
-import { Er as getPropertyInPath$1, On as PropertyPreview, tt as useHistory } from "./util-4oPxPkbp.js";
+import { Fn as PropertyPreview, Nr as getPropertyInPath$1, tt as useHistory } from "./util-h6jhiiBE.js";
 import * as React$1 from "react";
 import { useEffect, useRef, useState } from "react";
 import { ArrowLeftIcon, Chip, ErrorBoundary, HistoryIcon, IconButton, Label, Tooltip, Typography, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
@@ -310,4 +310,4 @@ function EntityHistoryView({ entity, collection, formContext, refreshToken }) {
 //#endregion
 export { EntityHistoryView };
 
-//# sourceMappingURL=history-BBpsdTrJ.js.map
+//# sourceMappingURL=history-C6kUDQ3f.js.map

package/dist/{history-BBpsdTrJ.js.map → history-C6kUDQ3f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"history-BBpsdTrJ.js","names":[],"sources":["../src/components/history/UserChip.tsx","../src/components/history/EntityHistoryEntry.tsx","../src/components/history/EntityHistoryView.tsx"],"sourcesContent":["import { User } from \"@rebasepro/types\";\nimport { Chip, Tooltip } from \"@rebasepro/ui\";\n\nexport function UserChip({ user }: { user: User }) {\n    return (\n        <Tooltip title={user.email ?? user.uid}>\n            <Chip size={\"small\"} className={\"flex items-center\"}>\n                {user.photoURL && <img\n                    className={\"rounded-full w-6 h-6 mr-2\"}\n                    src={user.photoURL} alt={user.displayName ?? \"User picture\"}/>}\n                <span>{user.displayName ?? user.email ?? user.uid}</span>\n            </Chip>\n        </Tooltip>\n    );\n}\n","\nimport type { Property } from \"@rebasepro/types\";\nimport * as React from \"react\";\n\nimport { ArrowLeftIcon, Chip, cls, defaultBorderMixin, iconSize, Tooltip, Typography } from \"@rebasepro/ui\";\nimport { PreviewSize } from \"../../types/components/PropertyPreviewProps\";\nimport { getPropertyInPath } from \"../../util/property_utils\";\nimport { PropertyPreview } from \"../../preview/PropertyPreview\";\nimport { SkeletonPropertyComponent } from \"../../preview/property_previews/SkeletonPropertyComponent\";\nimport { useAuthController } from \"@rebasepro/app\";\nimport { UserChip } from \"./UserChip\";\nimport { HistoryEntryData } from \"../../hooks\";\nimport { getValueInPath } from \"@rebasepro/utils\";\nimport type { AdminCollection } from \"@rebasepro/cms-types\";\n\n/**\n * Recursive deep equality for primitives, arrays and plain objects.\n */\nfunction deepEqual(a: unknown, b: unknown): boolean {\n    if (a === b) return true;\n    if (a == null || b == null) return a === b;\n    if (typeof a !== typeof b) return false;\n    if (typeof a !== \"object\") return false;\n\n    if (Array.isArray(a)) {\n        if (!Array.isArray(b) || a.length !== (b as unknown[]).length) return false;\n        return a.every((item, i) => deepEqual(item, (b as unknown[])[i]));\n    }\n\n    if (Array.isArray(b)) return false;\n\n    const aObj = a as Record<string, unknown>;\n    const bObj = b as Record<string, unknown>;\n    const aKeys = Object.keys(aObj);\n    const bKeys = Object.keys(bObj);\n    if (aKeys.length !== bKeys.length) return false;\n    return aKeys.every(key => key in bObj && deepEqual(aObj[key], bObj[key]));\n}\n\nexport type EntityHistoryEntryProps = {\n    size: PreviewSize;\n    actions?: React.ReactNode;\n    collection?: AdminCollection;\n    hover?: boolean;\n    entry: HistoryEntryData;\n    onClick?: (e: React.SyntheticEvent) => void;\n};\n\nfunction PreviousValueView({\n    previousValueInPath,\n    childProperty,\n    propertyKey\n}: {\n    previousValueInPath: unknown;\n    childProperty: Property;\n    propertyKey: string;\n}) {\n    if (typeof previousValueInPath === \"string\" || typeof previousValueInPath === \"number\") {\n        return <Typography variant={\"caption\"} color={\"secondary\"} className=\"line-through\">\n            {previousValueInPath}\n        </Typography>;\n    } else if (typeof previousValueInPath === \"boolean\") {\n        return <Typography variant={\"caption\"} color={\"secondary\"} className=\"line-through\">\n            {previousValueInPath ? \"true\" : \"false\"}\n        </Typography>;\n    } else {\n        return <Tooltip\n            side={\"left\"}\n            title={<div className={\"flex flex-col gap-2\"}>\n                <Typography variant={\"caption\"} color={\"secondary\"}>\n                    Previous value\n                </Typography>\n                <PropertyPreview\n                    propertyKey={propertyKey as string}\n                    value={previousValueInPath as never}\n                    property={childProperty as Property}\n                    size={\"small\"}/>\n            </div>}>\n            <ArrowLeftIcon size={iconSize.smallest} color={\"disabled\"} className={\"mb-1\"}/>\n        </Tooltip>\n    }\n}\n\n/**\n * Displays a single entity history revision entry.\n * Adapted from the entity_history plugin — now reads from backend API data.\n */\nexport function EntityHistoryEntry({\n    actions,\n    hover,\n    collection,\n    size,\n    entry\n}: EntityHistoryEntryProps) {\n\n    const authController = useAuthController();\n\n    // The backend reports the whole row as changed, which includes the columns\n    // that cannot meaningfully change: a timestamp it stamps itself on every\n    // write, and the primary key, which is what identifies the row being\n    // revised. Every revision was listing `updated_at: <now>` and `id: <the id\n    // in the title bar>` around the one field the user actually edited.\n    const changedFields = React.useMemo(() => {\n        const all = entry.changed_fields;\n        if (!all || !collection) return all;\n        return all.filter(key => {\n            const property = getPropertyInPath(collection.properties, key);\n            if (!property) return true;\n            if (\"isId\" in property && property.isId) return false;\n            return !(property.type === \"date\" && \"autoValue\" in property && property.autoValue);\n        });\n    }, [entry.changed_fields, collection]);\n\n    const previousValues = entry.previous_values;\n    const updatedOn = new Date(entry.updated_at);\n    const updatedBy = entry.updated_by;\n\n    // Resolve user display\n    const currentUser = authController.user;\n    const userDisplay = updatedBy === currentUser?.uid\n        ? currentUser\n        : undefined;\n\n    return <div className={\"@container/histentry w-full flex flex-col gap-2\"}>\n        <div className={\"flex items-center flex-wrap gap-2\"}>\n            <Typography variant={\"body2\"} color={\"secondary\"}>\n                {updatedOn.toLocaleString()}\n            </Typography>\n            <Chip size={\"small\"}>\n                {entry.action}\n            </Chip>\n            {!userDisplay && updatedBy && <Chip size={\"small\"}>{updatedBy}</Chip>}\n            {userDisplay && <UserChip user={userDisplay}/>}\n        </div>\n        <div\n            className={cls(\n                \"bg-surface-card\",\n                \"min-h-[44px]\",\n                \"w-full\",\n                \"items-center\",\n                hover ? \"hover:bg-surface-hover\" : \"\",\n                size === \"small\" ? \"p-1\" : \"px-2 py-1\",\n                \"flex border rounded-lg\",\n                defaultBorderMixin\n            )}>\n\n            {actions}\n\n            <div className={\"flex flex-col grow w-full m-1 shrink min-w-0\"}>\n\n                {changedFields && collection && changedFields.map((key: string) => {\n                    const childProperty = getPropertyInPath(collection.properties, key);\n                    const valueInPath = entry.values ? getValueInPath(entry.values, key) : undefined;\n                    const previousValueInPath = previousValues ? getValueInPath(previousValues, key) : undefined;\n\n                    const element = childProperty\n                        ? <PropertyPreview\n                            propertyKey={key}\n                            value={valueInPath as never}\n                            property={childProperty as Property}\n                            size={\"small\"}/>\n                        : <Typography variant={\"body2\"}>\n                            {typeof valueInPath === \"string\" ? valueInPath : JSON.stringify(valueInPath)}\n                        </Typography>;\n\n                    // The key column used to be `min-w-[200px] w-1/5` beside a\n                    // `w-4/5` value — 200px of label and 80% of the row, which\n                    // adds up to more than the row in anything narrower than a\n                    // full page. In the inspector that pushed every value off\n                    // the right edge and wrapped ids one character per line.\n                    // It stacks until the entry itself is wide enough.\n                    return (\n                        <div key={\"ref_prev_\" + key}\n                            className=\"flex flex-col @sm/histentry:flex-row @sm/histentry:items-baseline gap-x-4 gap-y-0.5 w-full my-1.5\">\n                            <Typography variant={\"caption\"}\n                                color={\"secondary\"}\n                                className=\"shrink-0 break-all @sm/histentry:w-40 @sm/histentry:text-right @sm/histentry:break-normal @sm/histentry:truncate\">\n                                {key}\n                            </Typography>\n                            <div className=\"min-w-0 flex-1 flex flex-col items-start gap-0.5\">\n                                {previousValueInPath !== undefined && !deepEqual(previousValueInPath, valueInPath) &&\n                                    <PreviousValueView previousValueInPath={previousValueInPath}\n                                        childProperty={childProperty as Property}\n                                        propertyKey={key}/>\n                                }\n                                {element}\n                            </div>\n                        </div>\n                    );\n                })}\n\n                {(!changedFields || changedFields.length === 0) && (\n                    <Typography variant={\"caption\"} color={\"secondary\"}>\n                        {entry.action === \"create\" ? \"Entity created\" :\n                            entry.action === \"delete\" ? \"Entity deleted\" : \"No field changes recorded\"}\n                    </Typography>\n                )}\n\n            </div>\n\n        </div>\n    </div>;\n}\n","\nimport type { EntityCustomViewParams } from \"@rebasepro/cms-types\";\nimport { useRef, useEffect } from \"react\";\nimport { cls, IconButton, Label, Tooltip, Typography } from \"@rebasepro/ui\";\nimport { ErrorBoundary, HistoryIcon } from \"@rebasepro/ui\";\nimport { EntityHistoryEntry } from \"./EntityHistoryEntry\";\nimport { useSnackbarController, useAuthController, useTranslation } from \"@rebasepro/app\";\nimport { ConfirmationDialog } from \"@rebasepro/app\";\nimport { useState } from \"react\";\nimport { useHistory } from \"../../hooks/useHistory\";\n\n/**\n * Entity history tab view. Shows a paginated list of entity revisions\n * fetched from the backend API. Supports infinite scroll and revert.\n */\nexport function EntityHistoryView<M extends Record<string, unknown>>({\n    entity,\n    collection,\n    formContext,\n    refreshToken\n}: EntityCustomViewParams<M> & {\n    /** Bumped once per save, so the list picks up the revision it just made. */\n    refreshToken?: number;\n}) {\n\n    const { t } = useTranslation();\n    const snackbarController = useSnackbarController();\n    const authController = useAuthController();\n    const dirty = formContext?.formex.dirty;\n\n    const slug = collection.slug;\n    const entityId = entity?.id;\n\n    const {\n        entries,\n        isLoading,\n        hasMore,\n        loadMore,\n        revert\n    } = useHistory({\n        slug,\n        entityId,\n        enabled: !!entityId,\n        pageSize: 10,\n        refreshToken\n    });\n\n    const [revertHistoryId, setRevertHistoryId] = useState<string | undefined>();\n    const [isReverting, setIsReverting] = useState(false);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const loadMoreRef = useRef<HTMLDivElement>(null);\n\n    // Intersection observer for infinite scroll\n    useEffect(() => {\n        const currentContainer = containerRef.current;\n        const currentLoadMore = loadMoreRef.current;\n\n        if (!currentContainer || !currentLoadMore || !hasMore || isLoading) return;\n\n        const observer = new IntersectionObserver(\n            (observerEntries) => {\n                if (observerEntries[0].isIntersecting && hasMore && !isLoading) {\n                    loadMore();\n                }\n            },\n            {\n                root: currentContainer,\n                rootMargin: \"0px 0px 200px 0px\",\n                threshold: 0.01\n            }\n        );\n\n        observer.observe(currentLoadMore);\n\n        return () => observer.disconnect();\n    }, [hasMore, isLoading, entries.length, loadMore]);\n\n    if (!entity) {\n        return <div className=\"flex items-center justify-center h-full\">\n            <Label>{t(\"history_new_entity\") ?? \"History is only available for existing records\"}</Label>\n        </div>;\n    }\n\n    async function doRevert(historyId: string) {\n        setIsReverting(true);\n        try {\n            const revertedValues = await revert(historyId);\n            setRevertHistoryId(undefined);\n\n            // Reset the form with the reverted values so the UI updates\n            // immediately without requiring a page refresh.\n            if (formContext?.formex?.resetForm && revertedValues) {\n                formContext.formex.resetForm({\n                    values: revertedValues as M,\n                    submitCount: 0,\n                    touched: {}\n                });\n            }\n\n            snackbarController.open({\n                message: t(\"history_reverted\") ?? \"Reverted to selected version\",\n                type: \"info\"\n            });\n        } catch (error) {\n            console.error(\"Error reverting entity:\", error);\n            snackbarController.open({\n                message: t(\"history_revert_error\") ?? \"Error reverting entity\",\n                type: \"error\"\n            });\n        } finally {\n            setIsReverting(false);\n        }\n    }\n\n    const revertEntry = revertHistoryId\n        ? entries.find(e => e.id === revertHistoryId)\n        : undefined;\n\n    // `p-8` plus a `mt-24` heading were sized for a full-width tab that no\n    // longer exists. In the inspector panel that was 96px of nothing above the\n    // first revision, and 32px of gutter on each side of a 448px column.\n    return <div\n        ref={containerRef}\n        className={cls(\"relative flex-1 h-full overflow-auto w-full flex flex-col gap-4 p-4 sm:p-5\")}>\n        <div className=\"flex flex-col gap-2 max-w-6xl mx-auto w-full\">\n\n            {isLoading && entries.length === 0 && (\n                <div className=\"flex flex-col gap-4\">\n                    {[1, 2, 3].map(i => (\n                        <div key={i} className=\"flex flex-col gap-2 animate-pulse\">\n                            <div className=\"h-4 w-48 bg-surface-raised rounded\"/>\n                            <div className=\"h-12 w-full bg-surface-raised rounded-lg border border-hairline-strong\"/>\n                        </div>\n                    ))}\n                </div>\n            )}\n\n            {!isLoading && entries.length === 0 && <>\n                <Label>\n                    {t(\"history_empty\") ?? \"No history available\"}\n                </Label>\n                <Typography variant={\"caption\"}>\n                    {t(\"history_empty_description\") ?? \"When you save a record, a new version is created and stored in the history.\"}\n                </Typography>\n            </>}\n\n            {entries.map((entry) => (\n                <div key={entry.id} className=\"flex flex-col gap-2 w-full\">\n                    <EntityHistoryEntry\n                        entry={entry}\n                        collection={collection}\n                        size={\"medium\"}\n                        actions={\n                            <Tooltip title={t(\"history_revert\") ?? \"Revert to this version\"}\n                                className={\"m-2 grow-0 self-start\"}>\n                                <IconButton\n                                    onClick={() => {\n                                        if (dirty) {\n                                            snackbarController.open({\n                                                message: t(\"history_revert_dirty\") ?? \"Please save or discard your changes before reverting\",\n                                                type: \"warning\"\n                                            });\n                                        } else {\n                                            setRevertHistoryId(entry.id);\n                                        }\n                                    }}>\n                                    <HistoryIcon/>\n                                </IconButton>\n                            </Tooltip>\n                        }\n                    />\n                </div>\n            ))}\n\n            {/* Load more sentinel */}\n            {entries.length > 0 && (\n                <div ref={loadMoreRef} className=\"py-4 text-center\">\n                    {isLoading && <Label>{t(\"loading\")}</Label>}\n                    {!hasMore && entries.length > 10 && <Label>{t(\"history_no_more\") ?? \"No more history\"}</Label>}\n                </div>\n            )}\n        </div>\n\n        <ErrorBoundary>\n            <ConfirmationDialog\n                open={Boolean(revertHistoryId)}\n                onAccept={() => {\n                    if (revertHistoryId) doRevert(revertHistoryId);\n                }}\n                onCancel={() => setRevertHistoryId(undefined)}\n                title={<Typography variant={\"subtitle2\"}>{t(\"history_revert_title\") ?? \"Revert data to this version?\"}</Typography>}\n                body={revertEntry\n                    ? <div className=\"p-4\">\n                        <Typography variant={\"caption\"} color={\"secondary\"}>\n                            This will save the entity with the values from{\" \"}\n                            {new Date(revertEntry.updated_at).toLocaleString()}.\n                            A new history entry will be created for the revert.\n                        </Typography>\n                    </div>\n                    : null\n                }\n            />\n        </ErrorBoundary>\n    </div>;\n}\n"],"mappings":"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"}
+{"version":3,"file":"history-C6kUDQ3f.js","names":[],"sources":["../src/components/history/UserChip.tsx","../src/components/history/EntityHistoryEntry.tsx","../src/components/history/EntityHistoryView.tsx"],"sourcesContent":["import { User } from \"@rebasepro/types\";\nimport { Chip, Tooltip } from \"@rebasepro/ui\";\n\nexport function UserChip({ user }: { user: User }) {\n    return (\n        <Tooltip title={user.email ?? user.uid}>\n            <Chip size={\"small\"} className={\"flex items-center\"}>\n                {user.photoURL && <img\n                    className={\"rounded-full w-6 h-6 mr-2\"}\n                    src={user.photoURL} alt={user.displayName ?? \"User picture\"}/>}\n                <span>{user.displayName ?? user.email ?? user.uid}</span>\n            </Chip>\n        </Tooltip>\n    );\n}\n","\nimport type { Property } from \"@rebasepro/types\";\nimport * as React from \"react\";\n\nimport { ArrowLeftIcon, Chip, cls, defaultBorderMixin, iconSize, Tooltip, Typography } from \"@rebasepro/ui\";\nimport { PreviewSize } from \"../../types/components/PropertyPreviewProps\";\nimport { getPropertyInPath } from \"../../util/property_utils\";\nimport { PropertyPreview } from \"../../preview/PropertyPreview\";\nimport { SkeletonPropertyComponent } from \"../../preview/property_previews/SkeletonPropertyComponent\";\nimport { useAuthController } from \"@rebasepro/app\";\nimport { UserChip } from \"./UserChip\";\nimport { HistoryEntryData } from \"../../hooks\";\nimport { getValueInPath } from \"@rebasepro/utils\";\nimport type { AdminCollection } from \"@rebasepro/cms-types\";\n\n/**\n * Recursive deep equality for primitives, arrays and plain objects.\n */\nfunction deepEqual(a: unknown, b: unknown): boolean {\n    if (a === b) return true;\n    if (a == null || b == null) return a === b;\n    if (typeof a !== typeof b) return false;\n    if (typeof a !== \"object\") return false;\n\n    if (Array.isArray(a)) {\n        if (!Array.isArray(b) || a.length !== (b as unknown[]).length) return false;\n        return a.every((item, i) => deepEqual(item, (b as unknown[])[i]));\n    }\n\n    if (Array.isArray(b)) return false;\n\n    const aObj = a as Record<string, unknown>;\n    const bObj = b as Record<string, unknown>;\n    const aKeys = Object.keys(aObj);\n    const bKeys = Object.keys(bObj);\n    if (aKeys.length !== bKeys.length) return false;\n    return aKeys.every(key => key in bObj && deepEqual(aObj[key], bObj[key]));\n}\n\nexport type EntityHistoryEntryProps = {\n    size: PreviewSize;\n    actions?: React.ReactNode;\n    collection?: AdminCollection;\n    hover?: boolean;\n    entry: HistoryEntryData;\n    onClick?: (e: React.SyntheticEvent) => void;\n};\n\nfunction PreviousValueView({\n    previousValueInPath,\n    childProperty,\n    propertyKey\n}: {\n    previousValueInPath: unknown;\n    childProperty: Property;\n    propertyKey: string;\n}) {\n    if (typeof previousValueInPath === \"string\" || typeof previousValueInPath === \"number\") {\n        return <Typography variant={\"caption\"} color={\"secondary\"} className=\"line-through\">\n            {previousValueInPath}\n        </Typography>;\n    } else if (typeof previousValueInPath === \"boolean\") {\n        return <Typography variant={\"caption\"} color={\"secondary\"} className=\"line-through\">\n            {previousValueInPath ? \"true\" : \"false\"}\n        </Typography>;\n    } else {\n        return <Tooltip\n            side={\"left\"}\n            title={<div className={\"flex flex-col gap-2\"}>\n                <Typography variant={\"caption\"} color={\"secondary\"}>\n                    Previous value\n                </Typography>\n                <PropertyPreview\n                    propertyKey={propertyKey as string}\n                    value={previousValueInPath as never}\n                    property={childProperty as Property}\n                    size={\"small\"}/>\n            </div>}>\n            <ArrowLeftIcon size={iconSize.smallest} color={\"disabled\"} className={\"mb-1\"}/>\n        </Tooltip>\n    }\n}\n\n/**\n * Displays a single entity history revision entry.\n * Adapted from the entity_history plugin — now reads from backend API data.\n */\nexport function EntityHistoryEntry({\n    actions,\n    hover,\n    collection,\n    size,\n    entry\n}: EntityHistoryEntryProps) {\n\n    const authController = useAuthController();\n\n    // The backend reports the whole row as changed, which includes the columns\n    // that cannot meaningfully change: a timestamp it stamps itself on every\n    // write, and the primary key, which is what identifies the row being\n    // revised. Every revision was listing `updated_at: <now>` and `id: <the id\n    // in the title bar>` around the one field the user actually edited.\n    const changedFields = React.useMemo(() => {\n        const all = entry.changed_fields;\n        if (!all || !collection) return all;\n        return all.filter(key => {\n            const property = getPropertyInPath(collection.properties, key);\n            if (!property) return true;\n            if (\"isId\" in property && property.isId) return false;\n            return !(property.type === \"date\" && \"autoValue\" in property && property.autoValue);\n        });\n    }, [entry.changed_fields, collection]);\n\n    const previousValues = entry.previous_values;\n    const updatedOn = new Date(entry.updated_at);\n    const updatedBy = entry.updated_by;\n\n    // Resolve user display\n    const currentUser = authController.user;\n    const userDisplay = updatedBy === currentUser?.uid\n        ? currentUser\n        : undefined;\n\n    return <div className={\"@container/histentry w-full flex flex-col gap-2\"}>\n        <div className={\"flex items-center flex-wrap gap-2\"}>\n            <Typography variant={\"body2\"} color={\"secondary\"}>\n                {updatedOn.toLocaleString()}\n            </Typography>\n            <Chip size={\"small\"}>\n                {entry.action}\n            </Chip>\n            {!userDisplay && updatedBy && <Chip size={\"small\"}>{updatedBy}</Chip>}\n            {userDisplay && <UserChip user={userDisplay}/>}\n        </div>\n        <div\n            className={cls(\n                \"bg-surface-card\",\n                \"min-h-[44px]\",\n                \"w-full\",\n                \"items-center\",\n                hover ? \"hover:bg-surface-hover\" : \"\",\n                size === \"small\" ? \"p-1\" : \"px-2 py-1\",\n                \"flex border rounded-lg\",\n                defaultBorderMixin\n            )}>\n\n            {actions}\n\n            <div className={\"flex flex-col grow w-full m-1 shrink min-w-0\"}>\n\n                {changedFields && collection && changedFields.map((key: string) => {\n                    const childProperty = getPropertyInPath(collection.properties, key);\n                    const valueInPath = entry.values ? getValueInPath(entry.values, key) : undefined;\n                    const previousValueInPath = previousValues ? getValueInPath(previousValues, key) : undefined;\n\n                    const element = childProperty\n                        ? <PropertyPreview\n                            propertyKey={key}\n                            value={valueInPath as never}\n                            property={childProperty as Property}\n                            size={\"small\"}/>\n                        : <Typography variant={\"body2\"}>\n                            {typeof valueInPath === \"string\" ? valueInPath : JSON.stringify(valueInPath)}\n                        </Typography>;\n\n                    // The key column used to be `min-w-[200px] w-1/5` beside a\n                    // `w-4/5` value — 200px of label and 80% of the row, which\n                    // adds up to more than the row in anything narrower than a\n                    // full page. In the inspector that pushed every value off\n                    // the right edge and wrapped ids one character per line.\n                    // It stacks until the entry itself is wide enough.\n                    return (\n                        <div key={\"ref_prev_\" + key}\n                            className=\"flex flex-col @sm/histentry:flex-row @sm/histentry:items-baseline gap-x-4 gap-y-0.5 w-full my-1.5\">\n                            <Typography variant={\"caption\"}\n                                color={\"secondary\"}\n                                className=\"shrink-0 break-all @sm/histentry:w-40 @sm/histentry:text-right @sm/histentry:break-normal @sm/histentry:truncate\">\n                                {key}\n                            </Typography>\n                            <div className=\"min-w-0 flex-1 flex flex-col items-start gap-0.5\">\n                                {previousValueInPath !== undefined && !deepEqual(previousValueInPath, valueInPath) &&\n                                    <PreviousValueView previousValueInPath={previousValueInPath}\n                                        childProperty={childProperty as Property}\n                                        propertyKey={key}/>\n                                }\n                                {element}\n                            </div>\n                        </div>\n                    );\n                })}\n\n                {(!changedFields || changedFields.length === 0) && (\n                    <Typography variant={\"caption\"} color={\"secondary\"}>\n                        {entry.action === \"create\" ? \"Entity created\" :\n                            entry.action === \"delete\" ? \"Entity deleted\" : \"No field changes recorded\"}\n                    </Typography>\n                )}\n\n            </div>\n\n        </div>\n    </div>;\n}\n","\nimport type { EntityCustomViewParams } from \"@rebasepro/cms-types\";\nimport { useRef, useEffect } from \"react\";\nimport { cls, IconButton, Label, Tooltip, Typography } from \"@rebasepro/ui\";\nimport { ErrorBoundary, HistoryIcon } from \"@rebasepro/ui\";\nimport { EntityHistoryEntry } from \"./EntityHistoryEntry\";\nimport { useSnackbarController, useAuthController, useTranslation } from \"@rebasepro/app\";\nimport { ConfirmationDialog } from \"@rebasepro/app\";\nimport { useState } from \"react\";\nimport { useHistory } from \"../../hooks/useHistory\";\n\n/**\n * Entity history tab view. Shows a paginated list of entity revisions\n * fetched from the backend API. Supports infinite scroll and revert.\n */\nexport function EntityHistoryView<M extends Record<string, unknown>>({\n    entity,\n    collection,\n    formContext,\n    refreshToken\n}: EntityCustomViewParams<M> & {\n    /** Bumped once per save, so the list picks up the revision it just made. */\n    refreshToken?: number;\n}) {\n\n    const { t } = useTranslation();\n    const snackbarController = useSnackbarController();\n    const authController = useAuthController();\n    const dirty = formContext?.formex.dirty;\n\n    const slug = collection.slug;\n    const entityId = entity?.id;\n\n    const {\n        entries,\n        isLoading,\n        hasMore,\n        loadMore,\n        revert\n    } = useHistory({\n        slug,\n        entityId,\n        enabled: !!entityId,\n        pageSize: 10,\n        refreshToken\n    });\n\n    const [revertHistoryId, setRevertHistoryId] = useState<string | undefined>();\n    const [isReverting, setIsReverting] = useState(false);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const loadMoreRef = useRef<HTMLDivElement>(null);\n\n    // Intersection observer for infinite scroll\n    useEffect(() => {\n        const currentContainer = containerRef.current;\n        const currentLoadMore = loadMoreRef.current;\n\n        if (!currentContainer || !currentLoadMore || !hasMore || isLoading) return;\n\n        const observer = new IntersectionObserver(\n            (observerEntries) => {\n                if (observerEntries[0].isIntersecting && hasMore && !isLoading) {\n                    loadMore();\n                }\n            },\n            {\n                root: currentContainer,\n                rootMargin: \"0px 0px 200px 0px\",\n                threshold: 0.01\n            }\n        );\n\n        observer.observe(currentLoadMore);\n\n        return () => observer.disconnect();\n    }, [hasMore, isLoading, entries.length, loadMore]);\n\n    if (!entity) {\n        return <div className=\"flex items-center justify-center h-full\">\n            <Label>{t(\"history_new_entity\") ?? \"History is only available for existing records\"}</Label>\n        </div>;\n    }\n\n    async function doRevert(historyId: string) {\n        setIsReverting(true);\n        try {\n            const revertedValues = await revert(historyId);\n            setRevertHistoryId(undefined);\n\n            // Reset the form with the reverted values so the UI updates\n            // immediately without requiring a page refresh.\n            if (formContext?.formex?.resetForm && revertedValues) {\n                formContext.formex.resetForm({\n                    values: revertedValues as M,\n                    submitCount: 0,\n                    touched: {}\n                });\n            }\n\n            snackbarController.open({\n                message: t(\"history_reverted\") ?? \"Reverted to selected version\",\n                type: \"info\"\n            });\n        } catch (error) {\n            console.error(\"Error reverting entity:\", error);\n            snackbarController.open({\n                message: t(\"history_revert_error\") ?? \"Error reverting entity\",\n                type: \"error\"\n            });\n        } finally {\n            setIsReverting(false);\n        }\n    }\n\n    const revertEntry = revertHistoryId\n        ? entries.find(e => e.id === revertHistoryId)\n        : undefined;\n\n    // `p-8` plus a `mt-24` heading were sized for a full-width tab that no\n    // longer exists. In the inspector panel that was 96px of nothing above the\n    // first revision, and 32px of gutter on each side of a 448px column.\n    return <div\n        ref={containerRef}\n        className={cls(\"relative flex-1 h-full overflow-auto w-full flex flex-col gap-4 p-4 sm:p-5\")}>\n        <div className=\"flex flex-col gap-2 max-w-6xl mx-auto w-full\">\n\n            {isLoading && entries.length === 0 && (\n                <div className=\"flex flex-col gap-4\">\n                    {[1, 2, 3].map(i => (\n                        <div key={i} className=\"flex flex-col gap-2 animate-pulse\">\n                            <div className=\"h-4 w-48 bg-surface-raised rounded\"/>\n                            <div className=\"h-12 w-full bg-surface-raised rounded-lg border border-hairline-strong\"/>\n                        </div>\n                    ))}\n                </div>\n            )}\n\n            {!isLoading && entries.length === 0 && <>\n                <Label>\n                    {t(\"history_empty\") ?? \"No history available\"}\n                </Label>\n                <Typography variant={\"caption\"}>\n                    {t(\"history_empty_description\") ?? \"When you save a record, a new version is created and stored in the history.\"}\n                </Typography>\n            </>}\n\n            {entries.map((entry) => (\n                <div key={entry.id} className=\"flex flex-col gap-2 w-full\">\n                    <EntityHistoryEntry\n                        entry={entry}\n                        collection={collection}\n                        size={\"medium\"}\n                        actions={\n                            <Tooltip title={t(\"history_revert\") ?? \"Revert to this version\"}\n                                className={\"m-2 grow-0 self-start\"}>\n                                <IconButton\n                                    onClick={() => {\n                                        if (dirty) {\n                                            snackbarController.open({\n                                                message: t(\"history_revert_dirty\") ?? \"Please save or discard your changes before reverting\",\n                                                type: \"warning\"\n                                            });\n                                        } else {\n                                            setRevertHistoryId(entry.id);\n                                        }\n                                    }}>\n                                    <HistoryIcon/>\n                                </IconButton>\n                            </Tooltip>\n                        }\n                    />\n                </div>\n            ))}\n\n            {/* Load more sentinel */}\n            {entries.length > 0 && (\n                <div ref={loadMoreRef} className=\"py-4 text-center\">\n                    {isLoading && <Label>{t(\"loading\")}</Label>}\n                    {!hasMore && entries.length > 10 && <Label>{t(\"history_no_more\") ?? \"No more history\"}</Label>}\n                </div>\n            )}\n        </div>\n\n        <ErrorBoundary>\n            <ConfirmationDialog\n                open={Boolean(revertHistoryId)}\n                onAccept={() => {\n                    if (revertHistoryId) doRevert(revertHistoryId);\n                }}\n                onCancel={() => setRevertHistoryId(undefined)}\n                title={<Typography variant={\"subtitle2\"}>{t(\"history_revert_title\") ?? \"Revert data to this version?\"}</Typography>}\n                body={revertEntry\n                    ? <div className=\"p-4\">\n                        <Typography variant={\"caption\"} color={\"secondary\"}>\n                            This will save the entity with the values from{\" \"}\n                            {new Date(revertEntry.updated_at).toLocaleString()}.\n                            A new history entry will be created for the revert.\n                        </Typography>\n                    </div>\n                    : null\n                }\n            />\n        </ErrorBoundary>\n    </div>;\n}\n"],"mappings":"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"}

package/dist/{import-C4VQ0rwO.js → import-BciQBH5t.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { At as convertDataToEntity, Er as getPropertyInPath$1, Ft as ImportSaveInProgress, Jn as useCollectionRegistryController, Nt as getInferenceType, Pt as useImportConfig, Rt as ImportFileUpload, Tr as getPropertiesWithPropertiesOrder, Wt as PropertyConfigBadge, cn as useSelectionController, k as getFieldConfig, kt as DataNewPropertiesMapping, un as CollectionTableBinding } from "./util-4oPxPkbp.js";
+import { At as convertDataToEntity, Ft as ImportSaveInProgress, Mr as getPropertiesWithPropertiesOrder, Nr as getPropertyInPath$1, Nt as getInferenceType, Pt as useImportConfig, Rt as ImportFileUpload, Wt as PropertyConfigBadge, _n as CollectionTableBinding, hn as useSelectionController, k as getFieldConfig, kt as DataNewPropertiesMapping, tr as useCollectionRegistryController } from "./util-h6jhiiBE.js";
 import React, { useCallback, useEffect } from "react";
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Select, SelectItem, Tooltip, Typography, UploadIcon, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
 import { useAuthController, useCustomizationController, useSnackbarController } from "@rebasepro/app";
@@ -326,4 +326,4 @@ var import_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { PropertySelectEntry as i, ImportCollectionAction as n, ImportDataPreview as r, import_exports as t };
 
-//# sourceMappingURL=import-C4VQ0rwO.js.map
+//# sourceMappingURL=import-BciQBH5t.js.map

package/dist/{import-C4VQ0rwO.js.map → import-BciQBH5t.js.map}

@@ -1 +1 @@
-{"version":3,"file":"import-C4VQ0rwO.js","names":[],"sources":["../src/data_import/import/ImportCollectionAction.tsx","../src/data_import/import/index.ts"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport {\n    useAuthController,\n    useCustomizationController,\n    useSnackbarController\n} from \"@rebasepro/app\";\nimport { getPropertiesWithPropertiesOrder, getPropertyInPath } from \"../../util\";\nimport { Properties, Property, User } from \"@rebasepro/types\";\nimport { CollectionActionsProps, AdminCollection } from \"@rebasepro/cms-types\";\nimport { getFieldConfig } from \"../../components/field_configs\";\nimport { PropertyConfigBadge } from \"../../components/PropertyConfigBadge\";\nimport { useSelectionController } from \"../../components/CollectionViewBinding/useSelectionController\";\nimport { CollectionTableBinding } from \"../../components/CollectionTableBinding/CollectionTableBinding\";\nimport { useCollectionRegistryController } from \"../../hooks\";\nimport {\n    Button,\n    cls,\n    defaultBorderMixin,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    IconButton,\n    iconSize,\n    Select,\n    SelectItem,\n    Tooltip,\n    Typography,\n    UploadIcon\n} from \"@rebasepro/ui\";\nimport { buildEntityPropertiesFromData } from \"@rebasepro/inference\";\nimport { useImportConfig } from \"../hooks\";\nimport { convertDataToEntity, getInferenceType } from \"../utils\";\nimport { DataNewPropertiesMapping } from \"../components/DataNewPropertiesMapping\";\nimport { ImportFileUpload } from \"../components/ImportFileUpload\";\nimport { ImportSaveInProgress } from \"../components/ImportSaveInProgress\";\nimport { ImportConfig } from \"../types\";\nimport { isPrototypePollutingKey, slugify } from \"@rebasepro/utils\";\n\ntype ImportState = \"initial\" | \"mapping\" | \"preview\" | \"import_data_saving\";\n\nexport function ImportCollectionAction<M extends Record<string, unknown>, USER extends User>({\n    collection,\n    path,\n    onAnalyticsEvent\n}: CollectionActionsProps<M, USER> & {\n    onAnalyticsEvent?: (event: string, params?: any) => void;\n}\n) {\n\n    const snackbarController = useSnackbarController();\n\n    const [open, setOpen] = React.useState(false);\n\n    const [step, setStep] = React.useState<ImportState>(\"initial\");\n\n    const importConfig = useImportConfig();\n\n    const handleClickOpen = useCallback(() => {\n        setOpen(true);\n        onAnalyticsEvent?.(\"import_open\");\n        setStep(\"initial\");\n    }, [onAnalyticsEvent]);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, [setOpen]);\n\n    const onMappingComplete = useCallback(() => {\n        onAnalyticsEvent?.(\"import_mapping_complete\");\n        setStep(\"preview\");\n    }, [onAnalyticsEvent]);\n\n    const onPreviewComplete = useCallback(() => {\n        onAnalyticsEvent?.(\"import_data_save\");\n        setStep(\"import_data_saving\");\n    }, [onAnalyticsEvent]);\n\n    const onDataAdded = async (data: object[]) => {\n        importConfig.setImportData(data);\n\n        if (data.length > 0) {\n            const originProperties = await buildEntityPropertiesFromData(data, getInferenceType);\n            importConfig.setOriginProperties(originProperties as Properties);\n\n            const headersMapping = buildHeadersMappingFromData(data, collection?.properties);\n            importConfig.setHeadersMapping(headersMapping);\n            const firstKey = Object.keys(headersMapping)?.[0];\n            if (firstKey?.includes(\"id\") || firstKey?.includes(\"key\")) {\n                importConfig.setIdColumn(firstKey);\n            }\n        }\n        setTimeout(() => {\n            onAnalyticsEvent?.(\"import_data_added\");\n            setStep(\"mapping\");\n        }, 100);\n    };\n\n    const properties = getPropertiesWithPropertiesOrder(collection.properties, collection.propertiesOrder as Extract<keyof M, string>[]);\n\n    const propertiesAndLevel = Object.entries(properties)\n        .flatMap(([key, property]) => getPropertiesAndLevel(key, property, 0));\n    const propertiesOrder = (collection.propertiesOrder ?? Object.keys(collection.properties)) as Extract<keyof M, string>[];\n\n    return <>\n\n        <Tooltip title={\"Import\"}\n            asChild={true}>\n            <IconButton\n                size={\"small\"}\n                color={\"primary\"} onClick={handleClickOpen}>\n                <UploadIcon size={iconSize.small}/>\n            </IconButton>\n        </Tooltip>\n\n        <Dialog open={open}\n            fullWidth={step !== \"initial\"}\n            fullHeight={step !== \"initial\"}\n            maxWidth={step === \"initial\" ? \"lg\" : \"7xl\"}>\n\n            <DialogTitle variant={\"h6\"} hidden={step === \"preview\"}>Import data</DialogTitle>\n\n            <DialogContent className={\"h-full flex flex-col gap-4 my-4\"} fullHeight={step === \"preview\"}>\n\n                {step === \"initial\" && <>\n                    <Typography variant={\"body2\"}>Upload a CSV, Excel or JSON file and map it to your existing\n                        schema</Typography>\n                    <ImportFileUpload onDataAdded={onDataAdded}/>\n                </>}\n\n                {step === \"mapping\" && <>\n                    <DataNewPropertiesMapping importConfig={importConfig}\n                        destinationProperties={properties}\n                        buildPropertyView={({\n                            isIdColumn,\n                            property,\n                            propertyKey,\n                            importKey\n                        }) => {\n                            return <PropertyTreeSelect\n                                selectedPropertyKey={propertyKey ?? \"\"}\n                                properties={properties}\n                                propertiesAndLevel={propertiesAndLevel}\n                                isIdColumn={isIdColumn}\n                                onIdSelected={() => {\n                                    importConfig.setIdColumn(importKey);\n                                }}\n                                onPropertySelected={(newPropertyKey) => {\n\n                                    onAnalyticsEvent?.(\"import_mapping_field_updated\");\n                                    const newHeadersMapping: Record<string, string | null> = Object.entries(importConfig.headersMapping)\n                                        .map(([currentImportKey, currentPropertyKey]) => {\n                                            if (currentPropertyKey === newPropertyKey) {\n                                                return { [currentImportKey]: null };\n                                            }\n                                            if (currentImportKey === importKey) {\n                                                return { [currentImportKey]: newPropertyKey };\n                                            }\n                                            return { [currentImportKey]: currentPropertyKey };\n                                        })\n                                        .reduce((acc, curr) => ({ ...acc,\n...curr }), {});\n                                    importConfig.setHeadersMapping(newHeadersMapping as Record<string, string>);\n\n                                    if (newPropertyKey === importConfig.idColumn) {\n                                        importConfig.setIdColumn(undefined);\n                                    }\n\n                                }}\n                            />;\n                        }}/>\n                </>}\n\n                {step === \"preview\" && <ImportDataPreview importConfig={importConfig}\n                    properties={properties}\n                    propertiesOrder={propertiesOrder}/>}\n\n                {step === \"import_data_saving\" && importConfig &&\n                    <ImportSaveInProgress importConfig={importConfig}\n                        collection={collection as AdminCollection}\n                        path={path}\n                        onImportSuccess={(importedCollection) => {\n                            handleClose();\n                            snackbarController.open({\n                                type: \"info\",\n                                message: \"Data imported successfully\"\n                            });\n                        }}\n                    />}\n\n            </DialogContent>\n            <DialogActions>\n\n                {step === \"mapping\" && <Button\n                    onClick={() => setStep(\"initial\")}\n                    variant={\"text\"}>\n                    Back\n                </Button>}\n\n                {step === \"preview\" && <Button\n                    onClick={() => setStep(\"mapping\")}\n                    variant={\"text\"}>\n                    Back\n                </Button>}\n\n                <Button onClick={handleClose}\n                    variant={\"text\"}>\n                    Cancel\n                </Button>\n\n                {step === \"mapping\" && <Button variant=\"filled\"\n                    color={\"primary\"}\n                    onClick={onMappingComplete}>\n                    Next\n                </Button>}\n\n                {step === \"preview\" && <Button variant=\"filled\"\n                    color={\"primary\"}\n                    onClick={onPreviewComplete}>\n                    Save data\n                </Button>}\n\n            </DialogActions>\n        </Dialog>\n\n    </>;\n}\n\nconst internalIDValue = \"__internal_id__\";\n\nfunction PropertyTreeSelect({\n    selectedPropertyKey,\n    properties,\n    onPropertySelected,\n    onIdSelected,\n    propertiesAndLevel,\n    isIdColumn\n}: {\n    selectedPropertyKey: string | null;\n    properties: Record<string, Property>;\n    onPropertySelected: (propertyKey: string | null) => void;\n    onIdSelected: () => void;\n    propertiesAndLevel: PropertyAndLevel[];\n    isIdColumn?: boolean;\n}) {\n\n    const selectedProperty = selectedPropertyKey ? getPropertyInPath(properties, selectedPropertyKey) : null;\n\n    const renderValue = useCallback((selectedPropertyKey: string) => {\n\n        if (selectedPropertyKey === internalIDValue) {\n            return <Typography variant={\"body2\"} className={\"p-4\"}>Use this column as ID</Typography>;\n        }\n\n        if (!selectedPropertyKey || !selectedProperty) {\n            return <Typography variant={\"body2\"} color=\"disabled\" className={\"p-4\"}>Do not import this\n                property</Typography>;\n        }\n\n        return <PropertySelectEntry propertyKey={selectedPropertyKey}\n            property={selectedProperty as Property}/>;\n    }, [selectedProperty]);\n\n    const onSelectValueChange = (value: string) => {\n        if (value === internalIDValue) {\n            onIdSelected();\n            onPropertySelected(null);\n        } else if (value === \"__do_not_import\") {\n            onPropertySelected(null);\n        } else {\n            onPropertySelected(value);\n        }\n    };\n\n    return <Select value={isIdColumn ? internalIDValue : (selectedPropertyKey ?? undefined)}\n        fullWidth={true}\n        onValueChange={onSelectValueChange}\n        renderValue={renderValue}>\n\n        <SelectItem value={\"__do_not_import\"}>\n            <Typography variant={\"body2\"} color={\"disabled\"} className={\"p-4\"}>Do not import this property</Typography>\n        </SelectItem>\n\n        <SelectItem value={internalIDValue}>\n            <Typography variant={\"body2\"} className={\"p-4\"}>Use this column as ID</Typography>\n        </SelectItem>\n\n        {propertiesAndLevel.map(({\n            property,\n            level,\n            propertyKey\n        }) => {\n            return <SelectItem value={propertyKey}\n                key={propertyKey}\n                disabled={property.type === \"map\"}>\n                <PropertySelectEntry propertyKey={propertyKey}\n                    property={property}\n                    level={level}/>\n            </SelectItem>;\n        })}\n\n    </Select>;\n}\n\ntype PropertyAndLevel = {\n    property: Property,\n    level: number,\n    propertyKey: string\n};\n\nfunction getPropertiesAndLevel(key: string, property: Property, level: number): PropertyAndLevel[] {\n    const properties: PropertyAndLevel[] = [];\n    properties.push({\n        property,\n        level,\n        propertyKey: key\n    });\n    if (property.type === \"map\" && property.properties) {\n        Object.entries(property.properties).forEach(([childKey, value]) => {\n            properties.push(...getPropertiesAndLevel(`${key}.${childKey}`, value as Property, level + 1));\n        });\n    }\n    return properties;\n}\n\nexport function PropertySelectEntry({\n    propertyKey,\n    property,\n    level = 0\n}: {\n    propertyKey: string;\n    property: Property;\n    level?: number;\n}) {\n\n    const { propertyConfigs } = useCustomizationController();\n    const widget = getFieldConfig(property, propertyConfigs);\n\n    return <div\n        className=\"flex flex-row w-full text-start items-center h-full\">\n\n        {new Array(level).fill(0).map((_, index) =>\n            <div className={cls(defaultBorderMixin, \"ml-8 border-l h-12\")} key={index}/>)}\n\n        <div className={\"m-4\"}>\n            <Tooltip title={widget?.name}>\n                <PropertyConfigBadge propertyConfig={widget}/>\n            </Tooltip>\n        </div>\n\n        <div className={\"flex flex-col grow p-2 pl-2\"}>\n            <Typography variant=\"body1\"\n                component=\"span\"\n                className=\"grow pr-2\">\n                {property.name\n                    ? property.name\n                    : \"\\u00a0\"\n                }\n            </Typography>\n\n            <Typography className=\" pr-2\"\n                variant={\"body2\"}\n                component=\"span\"\n                color=\"secondary\">\n                {propertyKey}\n            </Typography>\n        </div>\n\n    </div>;\n\n}\n\nexport function ImportDataPreview<M extends Record<string, unknown>>({\n    importConfig,\n    properties,\n    propertiesOrder\n}: {\n    importConfig: ImportConfig,\n    properties: Properties,\n    propertiesOrder: Extract<keyof M, string>[],\n}) {\n    const authController = useAuthController();\n    const collectionRegistry = useCollectionRegistryController();\n    useEffect(() => {\n        const mappedData = importConfig.importData.map(d => convertDataToEntity(\n            authController,\n            collectionRegistry,\n            d,\n            importConfig.idColumn,\n            importConfig.headersMapping,\n            properties,\n            \"TEMP_PATH\",\n            importConfig.defaultValues\n        ));\n        importConfig.setEntities(mappedData);\n    }, []);\n\n    const selectionController = useSelectionController();\n\n    return <CollectionTableBinding\n        title={<div>\n            <Typography variant={\"subtitle2\"}>Imported data preview</Typography>\n            {/* Conditional because it is only true when a column was chosen as\n                the id: without one, every row is created and nothing can be\n                overwritten. With one, the import asks for an upsert — which it\n                did not, back when this sentence was unconditional and false. */}\n            <Typography variant={\"caption\"}>\n                {importConfig.idColumn\n                    ? \"Entities with the same id will be overwritten\"\n                    : \"All rows will be imported as new entities\"}\n            </Typography>\n        </div>}\n        tableController={{\n            data: importConfig.entities,\n            dataLoading: false,\n            noMoreToLoad: false\n        }}\n        enablePopupIcon={false}\n        endAdornment={<div className={\"h-12\"}/>}\n        filterable={false}\n        sortable={false}\n        openEntityMode={\"full_screen\"}\n        selectionController={selectionController}\n        properties={properties}/>\n\n}\n\nfunction buildHeadersMappingFromData(objArr: object[], properties?: Properties) {\n    const headersMapping: Record<string, string> = {};\n    objArr.filter(Boolean).forEach((obj) => {\n        Object.keys(obj).forEach((key) => {\n            // The keys are the uploaded file's header row; `headersMapping[key] = …`\n            // is the same setter the import pipeline refuses elsewhere.\n            if (isPrototypePollutingKey(key)) return;\n            const child = (obj as Record<string, unknown>)[key];\n            if (child != null && typeof child === \"object\" && !Array.isArray(child)) {\n                const childProperty = properties?.[key];\n                const childProperties = childProperty && \"properties\" in childProperty ? childProperty.properties : undefined;\n                const childHeadersMapping = buildHeadersMappingFromData([child as object], childProperties);\n                Object.entries(childHeadersMapping).forEach(([subKey, mapping]) => {\n                    headersMapping[`${key}.${subKey}`] = `${key}.${mapping}`;\n                });\n            }\n\n            if (!properties) {\n                headersMapping[key] = key;\n            } else if (key in properties) {\n                headersMapping[key] = key;\n            } else {\n                const slug = slugify(key);\n                if (slug in properties) {\n                    headersMapping[key] = slug;\n                } else {\n                    headersMapping[key] = key;\n                }\n            }\n\n        });\n    });\n    return headersMapping;\n}\n","export * from \"./ImportCollectionAction\";\n"],"mappings":"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"}
+{"version":3,"file":"import-BciQBH5t.js","names":[],"sources":["../src/data_import/import/ImportCollectionAction.tsx","../src/data_import/import/index.ts"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport {\n    useAuthController,\n    useCustomizationController,\n    useSnackbarController\n} from \"@rebasepro/app\";\nimport { getPropertiesWithPropertiesOrder, getPropertyInPath } from \"../../util\";\nimport { Properties, Property, User } from \"@rebasepro/types\";\nimport { CollectionActionsProps, AdminCollection } from \"@rebasepro/cms-types\";\nimport { getFieldConfig } from \"../../components/field_configs\";\nimport { PropertyConfigBadge } from \"../../components/PropertyConfigBadge\";\nimport { useSelectionController } from \"../../components/CollectionViewBinding/useSelectionController\";\nimport { CollectionTableBinding } from \"../../components/CollectionTableBinding/CollectionTableBinding\";\nimport { useCollectionRegistryController } from \"../../hooks\";\nimport {\n    Button,\n    cls,\n    defaultBorderMixin,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    IconButton,\n    iconSize,\n    Select,\n    SelectItem,\n    Tooltip,\n    Typography,\n    UploadIcon\n} from \"@rebasepro/ui\";\nimport { buildEntityPropertiesFromData } from \"@rebasepro/inference\";\nimport { useImportConfig } from \"../hooks\";\nimport { convertDataToEntity, getInferenceType } from \"../utils\";\nimport { DataNewPropertiesMapping } from \"../components/DataNewPropertiesMapping\";\nimport { ImportFileUpload } from \"../components/ImportFileUpload\";\nimport { ImportSaveInProgress } from \"../components/ImportSaveInProgress\";\nimport { ImportConfig } from \"../types\";\nimport { isPrototypePollutingKey, slugify } from \"@rebasepro/utils\";\n\ntype ImportState = \"initial\" | \"mapping\" | \"preview\" | \"import_data_saving\";\n\nexport function ImportCollectionAction<M extends Record<string, unknown>, USER extends User>({\n    collection,\n    path,\n    onAnalyticsEvent\n}: CollectionActionsProps<M, USER> & {\n    onAnalyticsEvent?: (event: string, params?: any) => void;\n}\n) {\n\n    const snackbarController = useSnackbarController();\n\n    const [open, setOpen] = React.useState(false);\n\n    const [step, setStep] = React.useState<ImportState>(\"initial\");\n\n    const importConfig = useImportConfig();\n\n    const handleClickOpen = useCallback(() => {\n        setOpen(true);\n        onAnalyticsEvent?.(\"import_open\");\n        setStep(\"initial\");\n    }, [onAnalyticsEvent]);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, [setOpen]);\n\n    const onMappingComplete = useCallback(() => {\n        onAnalyticsEvent?.(\"import_mapping_complete\");\n        setStep(\"preview\");\n    }, [onAnalyticsEvent]);\n\n    const onPreviewComplete = useCallback(() => {\n        onAnalyticsEvent?.(\"import_data_save\");\n        setStep(\"import_data_saving\");\n    }, [onAnalyticsEvent]);\n\n    const onDataAdded = async (data: object[]) => {\n        importConfig.setImportData(data);\n\n        if (data.length > 0) {\n            const originProperties = await buildEntityPropertiesFromData(data, getInferenceType);\n            importConfig.setOriginProperties(originProperties as Properties);\n\n            const headersMapping = buildHeadersMappingFromData(data, collection?.properties);\n            importConfig.setHeadersMapping(headersMapping);\n            const firstKey = Object.keys(headersMapping)?.[0];\n            if (firstKey?.includes(\"id\") || firstKey?.includes(\"key\")) {\n                importConfig.setIdColumn(firstKey);\n            }\n        }\n        setTimeout(() => {\n            onAnalyticsEvent?.(\"import_data_added\");\n            setStep(\"mapping\");\n        }, 100);\n    };\n\n    const properties = getPropertiesWithPropertiesOrder(collection.properties, collection.propertiesOrder as Extract<keyof M, string>[]);\n\n    const propertiesAndLevel = Object.entries(properties)\n        .flatMap(([key, property]) => getPropertiesAndLevel(key, property, 0));\n    const propertiesOrder = (collection.propertiesOrder ?? Object.keys(collection.properties)) as Extract<keyof M, string>[];\n\n    return <>\n\n        <Tooltip title={\"Import\"}\n            asChild={true}>\n            <IconButton\n                size={\"small\"}\n                color={\"primary\"} onClick={handleClickOpen}>\n                <UploadIcon size={iconSize.small}/>\n            </IconButton>\n        </Tooltip>\n\n        <Dialog open={open}\n            fullWidth={step !== \"initial\"}\n            fullHeight={step !== \"initial\"}\n            maxWidth={step === \"initial\" ? \"lg\" : \"7xl\"}>\n\n            <DialogTitle variant={\"h6\"} hidden={step === \"preview\"}>Import data</DialogTitle>\n\n            <DialogContent className={\"h-full flex flex-col gap-4 my-4\"} fullHeight={step === \"preview\"}>\n\n                {step === \"initial\" && <>\n                    <Typography variant={\"body2\"}>Upload a CSV, Excel or JSON file and map it to your existing\n                        schema</Typography>\n                    <ImportFileUpload onDataAdded={onDataAdded}/>\n                </>}\n\n                {step === \"mapping\" && <>\n                    <DataNewPropertiesMapping importConfig={importConfig}\n                        destinationProperties={properties}\n                        buildPropertyView={({\n                            isIdColumn,\n                            property,\n                            propertyKey,\n                            importKey\n                        }) => {\n                            return <PropertyTreeSelect\n                                selectedPropertyKey={propertyKey ?? \"\"}\n                                properties={properties}\n                                propertiesAndLevel={propertiesAndLevel}\n                                isIdColumn={isIdColumn}\n                                onIdSelected={() => {\n                                    importConfig.setIdColumn(importKey);\n                                }}\n                                onPropertySelected={(newPropertyKey) => {\n\n                                    onAnalyticsEvent?.(\"import_mapping_field_updated\");\n                                    const newHeadersMapping: Record<string, string | null> = Object.entries(importConfig.headersMapping)\n                                        .map(([currentImportKey, currentPropertyKey]) => {\n                                            if (currentPropertyKey === newPropertyKey) {\n                                                return { [currentImportKey]: null };\n                                            }\n                                            if (currentImportKey === importKey) {\n                                                return { [currentImportKey]: newPropertyKey };\n                                            }\n                                            return { [currentImportKey]: currentPropertyKey };\n                                        })\n                                        .reduce((acc, curr) => ({ ...acc,\n...curr }), {});\n                                    importConfig.setHeadersMapping(newHeadersMapping as Record<string, string>);\n\n                                    if (newPropertyKey === importConfig.idColumn) {\n                                        importConfig.setIdColumn(undefined);\n                                    }\n\n                                }}\n                            />;\n                        }}/>\n                </>}\n\n                {step === \"preview\" && <ImportDataPreview importConfig={importConfig}\n                    properties={properties}\n                    propertiesOrder={propertiesOrder}/>}\n\n                {step === \"import_data_saving\" && importConfig &&\n                    <ImportSaveInProgress importConfig={importConfig}\n                        collection={collection as AdminCollection}\n                        path={path}\n                        onImportSuccess={(importedCollection) => {\n                            handleClose();\n                            snackbarController.open({\n                                type: \"info\",\n                                message: \"Data imported successfully\"\n                            });\n                        }}\n                    />}\n\n            </DialogContent>\n            <DialogActions>\n\n                {step === \"mapping\" && <Button\n                    onClick={() => setStep(\"initial\")}\n                    variant={\"text\"}>\n                    Back\n                </Button>}\n\n                {step === \"preview\" && <Button\n                    onClick={() => setStep(\"mapping\")}\n                    variant={\"text\"}>\n                    Back\n                </Button>}\n\n                <Button onClick={handleClose}\n                    variant={\"text\"}>\n                    Cancel\n                </Button>\n\n                {step === \"mapping\" && <Button variant=\"filled\"\n                    color={\"primary\"}\n                    onClick={onMappingComplete}>\n                    Next\n                </Button>}\n\n                {step === \"preview\" && <Button variant=\"filled\"\n                    color={\"primary\"}\n                    onClick={onPreviewComplete}>\n                    Save data\n                </Button>}\n\n            </DialogActions>\n        </Dialog>\n\n    </>;\n}\n\nconst internalIDValue = \"__internal_id__\";\n\nfunction PropertyTreeSelect({\n    selectedPropertyKey,\n    properties,\n    onPropertySelected,\n    onIdSelected,\n    propertiesAndLevel,\n    isIdColumn\n}: {\n    selectedPropertyKey: string | null;\n    properties: Record<string, Property>;\n    onPropertySelected: (propertyKey: string | null) => void;\n    onIdSelected: () => void;\n    propertiesAndLevel: PropertyAndLevel[];\n    isIdColumn?: boolean;\n}) {\n\n    const selectedProperty = selectedPropertyKey ? getPropertyInPath(properties, selectedPropertyKey) : null;\n\n    const renderValue = useCallback((selectedPropertyKey: string) => {\n\n        if (selectedPropertyKey === internalIDValue) {\n            return <Typography variant={\"body2\"} className={\"p-4\"}>Use this column as ID</Typography>;\n        }\n\n        if (!selectedPropertyKey || !selectedProperty) {\n            return <Typography variant={\"body2\"} color=\"disabled\" className={\"p-4\"}>Do not import this\n                property</Typography>;\n        }\n\n        return <PropertySelectEntry propertyKey={selectedPropertyKey}\n            property={selectedProperty as Property}/>;\n    }, [selectedProperty]);\n\n    const onSelectValueChange = (value: string) => {\n        if (value === internalIDValue) {\n            onIdSelected();\n            onPropertySelected(null);\n        } else if (value === \"__do_not_import\") {\n            onPropertySelected(null);\n        } else {\n            onPropertySelected(value);\n        }\n    };\n\n    return <Select value={isIdColumn ? internalIDValue : (selectedPropertyKey ?? undefined)}\n        fullWidth={true}\n        onValueChange={onSelectValueChange}\n        renderValue={renderValue}>\n\n        <SelectItem value={\"__do_not_import\"}>\n            <Typography variant={\"body2\"} color={\"disabled\"} className={\"p-4\"}>Do not import this property</Typography>\n        </SelectItem>\n\n        <SelectItem value={internalIDValue}>\n            <Typography variant={\"body2\"} className={\"p-4\"}>Use this column as ID</Typography>\n        </SelectItem>\n\n        {propertiesAndLevel.map(({\n            property,\n            level,\n            propertyKey\n        }) => {\n            return <SelectItem value={propertyKey}\n                key={propertyKey}\n                disabled={property.type === \"map\"}>\n                <PropertySelectEntry propertyKey={propertyKey}\n                    property={property}\n                    level={level}/>\n            </SelectItem>;\n        })}\n\n    </Select>;\n}\n\ntype PropertyAndLevel = {\n    property: Property,\n    level: number,\n    propertyKey: string\n};\n\nfunction getPropertiesAndLevel(key: string, property: Property, level: number): PropertyAndLevel[] {\n    const properties: PropertyAndLevel[] = [];\n    properties.push({\n        property,\n        level,\n        propertyKey: key\n    });\n    if (property.type === \"map\" && property.properties) {\n        Object.entries(property.properties).forEach(([childKey, value]) => {\n            properties.push(...getPropertiesAndLevel(`${key}.${childKey}`, value as Property, level + 1));\n        });\n    }\n    return properties;\n}\n\nexport function PropertySelectEntry({\n    propertyKey,\n    property,\n    level = 0\n}: {\n    propertyKey: string;\n    property: Property;\n    level?: number;\n}) {\n\n    const { propertyConfigs } = useCustomizationController();\n    const widget = getFieldConfig(property, propertyConfigs);\n\n    return <div\n        className=\"flex flex-row w-full text-start items-center h-full\">\n\n        {new Array(level).fill(0).map((_, index) =>\n            <div className={cls(defaultBorderMixin, \"ml-8 border-l h-12\")} key={index}/>)}\n\n        <div className={\"m-4\"}>\n            <Tooltip title={widget?.name}>\n                <PropertyConfigBadge propertyConfig={widget}/>\n            </Tooltip>\n        </div>\n\n        <div className={\"flex flex-col grow p-2 pl-2\"}>\n            <Typography variant=\"body1\"\n                component=\"span\"\n                className=\"grow pr-2\">\n                {property.name\n                    ? property.name\n                    : \"\\u00a0\"\n                }\n            </Typography>\n\n            <Typography className=\" pr-2\"\n                variant={\"body2\"}\n                component=\"span\"\n                color=\"secondary\">\n                {propertyKey}\n            </Typography>\n        </div>\n\n    </div>;\n\n}\n\nexport function ImportDataPreview<M extends Record<string, unknown>>({\n    importConfig,\n    properties,\n    propertiesOrder\n}: {\n    importConfig: ImportConfig,\n    properties: Properties,\n    propertiesOrder: Extract<keyof M, string>[],\n}) {\n    const authController = useAuthController();\n    const collectionRegistry = useCollectionRegistryController();\n    useEffect(() => {\n        const mappedData = importConfig.importData.map(d => convertDataToEntity(\n            authController,\n            collectionRegistry,\n            d,\n            importConfig.idColumn,\n            importConfig.headersMapping,\n            properties,\n            \"TEMP_PATH\",\n            importConfig.defaultValues\n        ));\n        importConfig.setEntities(mappedData);\n    }, []);\n\n    const selectionController = useSelectionController();\n\n    return <CollectionTableBinding\n        title={<div>\n            <Typography variant={\"subtitle2\"}>Imported data preview</Typography>\n            {/* Conditional because it is only true when a column was chosen as\n                the id: without one, every row is created and nothing can be\n                overwritten. With one, the import asks for an upsert — which it\n                did not, back when this sentence was unconditional and false. */}\n            <Typography variant={\"caption\"}>\n                {importConfig.idColumn\n                    ? \"Entities with the same id will be overwritten\"\n                    : \"All rows will be imported as new entities\"}\n            </Typography>\n        </div>}\n        tableController={{\n            data: importConfig.entities,\n            dataLoading: false,\n            noMoreToLoad: false\n        }}\n        enablePopupIcon={false}\n        endAdornment={<div className={\"h-12\"}/>}\n        filterable={false}\n        sortable={false}\n        openEntityMode={\"full_screen\"}\n        selectionController={selectionController}\n        properties={properties}/>\n\n}\n\nfunction buildHeadersMappingFromData(objArr: object[], properties?: Properties) {\n    const headersMapping: Record<string, string> = {};\n    objArr.filter(Boolean).forEach((obj) => {\n        Object.keys(obj).forEach((key) => {\n            // The keys are the uploaded file's header row; `headersMapping[key] = …`\n            // is the same setter the import pipeline refuses elsewhere.\n            if (isPrototypePollutingKey(key)) return;\n            const child = (obj as Record<string, unknown>)[key];\n            if (child != null && typeof child === \"object\" && !Array.isArray(child)) {\n                const childProperty = properties?.[key];\n                const childProperties = childProperty && \"properties\" in childProperty ? childProperty.properties : undefined;\n                const childHeadersMapping = buildHeadersMappingFromData([child as object], childProperties);\n                Object.entries(childHeadersMapping).forEach(([subKey, mapping]) => {\n                    headersMapping[`${key}.${subKey}`] = `${key}.${mapping}`;\n                });\n            }\n\n            if (!properties) {\n                headersMapping[key] = key;\n            } else if (key in properties) {\n                headersMapping[key] = key;\n            } else {\n                const slug = slugify(key);\n                if (slug in properties) {\n                    headersMapping[key] = slug;\n                } else {\n                    headersMapping[key] = key;\n                }\n            }\n\n        });\n    });\n    return headersMapping;\n}\n","export * from \"./ImportCollectionAction\";\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export * from "./hooks/index.js";
 export { addInitialSlash, removeInitialSlash, removeTrailingSlash, removeInitialAndTrailingSlashes, getLastSegment, getCollectionBySlugWithin, getCollectionPathsCombinations, resolveCollectionPathIds, mergeEntityActions, resolveEntityAction, resolveEntityView, isReferenceProperty, isRelationProperty, getIconForWidget, getIconForProperty, getPropertyInPath, getResolvedPropertyInPath, getBracketNotation, getPropertiesWithPropertiesOrder, getDefaultPropertiesOrder, getEntityPreviewKeys, getEntityTitlePropertyKey, getEntityTitlePropertyKeyForEntity } from "./util/index.js";
 export { mapPropertyToConfig, mapPropertiesToConfigs } from "./util/propertyConfigMapper.js";
 export { useCollectionDataController, createStaticDataController } from "./util/dataControllerAdapter.js";
+export * from "./selection/index.js";
 export * from "./data_import/index.js";
 export * from "./data_export/index.js";
 export * from "./collection_editor/index.js";