@aglyn/plugins-data 1.0.0-beta.195 → 1.0.0-beta.197

package/src/lib/components/host-datasets-card.component.js

@@ -16,21 +16,25 @@
  */ 'use client';
 import { _ as _extends } from "@swc/helpers/_/_extends";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { applyDatasetQuery, checkDatasetQuota, checkEntitlement, checkQuota, coerceDocumentValues, datasetIntegrityUpdate, datasetValueToInput, effectiveDatasetModel, formatDatasetValue, getCustomFieldType, modelFromFieldEntries, parseDatasetFieldEntries, parseDatasetFilter, parseDatasetSort, pluginDocsHelp, validateDocument } from "@aglyn/aglyn";
+import { checkDatasetQuota, checkEntitlement, checkQuota, coerceDocumentValues, datasetIntegrityUpdate, datasetValueToInput, effectiveDatasetModel, formatDatasetValue, getCustomFieldType, modelFromFieldEntries, parseDatasetFieldEntries, pluginDocsHelp, validateDocument } from "@aglyn/aglyn";
 import { exportShortfall, mapImportColumns, parseImportRows } from "../model/index.js";
 import { CardDisplay, useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import ListFilterChips from "@aglyn/shared-ui-jsx/components/list-filter-chips.component";
 import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
+import { ListTable, listActionsColumn } from "@aglyn/shared-ui-jsx/components/list-table.component";
 import QuotaReadoutComponent from "@aglyn/shared-ui-jsx/components/quota-readout.component";
-import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
+import { listFilterGridColumns } from "@aglyn/shared-ui-jsx/const/list-grid-filter";
+import { useListGridFilter } from "@aglyn/shared-ui-jsx/hooks/use-list-grid-filter";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
 import { Timestamp } from "@aglyn/shared-util-timestamp";
-import { Button, Dialog, DialogActions, DialogContent, DialogTitle, MenuItem, Stack, TableBody, TableCell, TableHead, TableRow, TextField, Tooltip, Typography } from "@mui/material";
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, MenuItem, Stack, TextField, Typography } from "@mui/material";
 import { collection, deleteDoc, deleteField, doc, documentId, getCountFromServer, getDocs, limit, orderBy, query, where, setDoc, writeBatch } from "firebase/firestore";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useFirestore, useFirestoreCollection, useHostActivityLogger, useOrgDataScope, usePagedCollection, useScopeTokens, useUser } from "@aglyn/tenant-feature-instance";
 import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
 import { DatasetSchemaDialog } from "./dataset-schema-dialog.component.js";
 import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
+import { datasetRecordFilter, matchRecordWindow, planRecordFilter, RECORD_FILTER_WINDOW, recordColumn } from "./dataset-record-filter.js";
 /**
  * How many existing records a keyed CSV import may consult.
  *
@@ -62,7 +66,7 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
  * dark-launch rule as everywhere (no plan, no gate). The host path is
  * the pre-migration fallback for hosts not yet org-wired.
  */ export function HostDatasetsCard(props) {
-    var _datasets_find, _ref, _ref1, _ref2, _ref3, _ref4, _ref5;
+    var _datasets_find, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6;
     const { hostId } = props;
     // `dataScope` is null until the async org lookup settles (AGL-1061), and
     // for a host with no owning org — there is no host fallback to act on
@@ -206,6 +210,10 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
     const fields = useMemo(()=>model.order, [
         model
     ]);
+    // The records grid's Filters panel, from the dataset's own schema.
+    const recordFilter = useMemo(()=>datasetRecordFilter(model), [
+        model
+    ]);
     // Guarded on BOTH the scope and a real selection (AGL-1440): with no
     // datasets, `selected` never resolves, and `datasets/-none-/records` is not
     // an empty read for everyone — the AGL-1044 scoped-sharing rules deny it
@@ -254,13 +262,93 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
    * `sortDatasetRecords` is deliberately NOT applied to the page. Re-sorting a
    * window of an id-ordered walk by `order` is the same lie the old code told:
    * rows would run in one order within a page and another across pages.
-   */ const { rows: records, hasMore: hasMoreRecords, page: recordPage, setPage: setRecordPage, pageSize: recordPageSize, setPageSize: setRecordPageSize } = usePagedCollection((pageLimit)=>dataScope && (selected == null ? void 0 : selected.$id) ? query(collection(firestore, dataScope[0], dataScope[1], 'datasets', selected.$id, 'records'), orderBy(documentId()), limit(pageLimit)) : null, [
+   * The grid's column sort is off for the same reason.
+   *
+   * ## Filtering, and what reaches every record
+   *
+   * The grid's Filters panel and quick search narrow the walk through the
+   * record's `filterKeys` (`datasetFilterKeys`): a token array Firestore's
+   * automatic single-field index serves with `array-contains` beside the same
+   * document-name order, so it needs no composite index and no index
+   * deploy. ONE condition is served that way — the first clause a token can
+   * answer (`datasetFilterToken`), else the first search word — and when it is
+   * the only condition, the walk pages through every matching record exactly
+   * as it pages through all of them.
+   *
+   * Anything more — a second clause, a second word, a multi-word `contains`,
+   * or a clause no token answers (number and date ranges, empty checks,
+   * negations) — cannot be one `array-contains`. Those read a WINDOW of
+   * {@link RECORD_FILTER_WINDOW} records under the served condition (or the
+   * plain walk when none is servable), match the rest in memory, and page the
+   * matches here; the caption says when the window was full. Ranges on
+   * numbers and dates are therefore always window-only.
+   */ const gridFilter = useListGridFilter({
+        selectFields: recordFilter.selectFields
+    });
+    // A clause on a field this dataset does not have (the reader switched
+    // datasets) narrows nothing and is not shown.
+    const recordClauses = useMemo(()=>gridFilter.clauses.filter((clause)=>recordFilter.fields.some((field)=>field.column === clause.field)), [
+        gridFilter.clauses,
+        recordFilter.fields
+    ]);
+    const recordPlan = useMemo(()=>planRecordFilter(model, recordClauses, gridFilter.searchWords), [
+        model,
+        recordClauses,
+        gridFilter.searchWords
+    ]);
+    /** The walk, narrowed by the served token when there is one. */ const recordsQuery = useCallback((cap)=>dataScope && (selected == null ? void 0 : selected.$id) ? query(collection(firestore, dataScope[0], dataScope[1], 'datasets', selected.$id, 'records'), ...recordPlan.token ? [
+            where('filterKeys', 'array-contains', recordPlan.token)
+        ] : [], orderBy(documentId()), limit(cap)) : null, [
         firestore,
         dataScope,
-        selected == null ? void 0 : selected.$id
+        selected == null ? void 0 : selected.$id,
+        recordPlan.token
+    ]);
+    const { rows: pagedRecords, hasMore: hasMorePaged, page: pagedPage, setPage: setPagedPage, pageSize: recordPageSize, setPageSize: setPagedPageSize } = usePagedCollection((pageLimit)=>recordPlan.windowed ? null : recordsQuery(pageLimit), [
+        recordsQuery,
+        recordPlan.windowed
+    ], {
+        idField: '$id'
+    });
+    // The window: one read past the cap, so "the window was full" is a fact.
+    const { data: windowDocs } = useFirestoreCollection(()=>recordPlan.windowed ? recordsQuery(RECORD_FILTER_WINDOW + 1) : null, [
+        recordsQuery,
+        recordPlan.windowed
     ], {
         idField: '$id'
     });
+    const windowRecords = useMemo(()=>recordPlan.windowed ? (windowDocs != null ? windowDocs : []).slice(0, RECORD_FILTER_WINDOW) : [], [
+        recordPlan.windowed,
+        windowDocs
+    ]);
+    const windowFull = recordPlan.windowed && ((_ref = windowDocs == null ? void 0 : windowDocs.length) != null ? _ref : 0) > RECORD_FILTER_WINDOW;
+    const windowMatches = useMemo(()=>recordPlan.windowed ? matchRecordWindow(model, recordFilter.fields, windowRecords, recordPlan) : [], [
+        recordPlan,
+        model,
+        recordFilter.fields,
+        windowRecords
+    ]);
+    const [windowPage, setWindowPage] = useState(0);
+    const [windowPageSize, setWindowPageSize] = useState(recordPageSize);
+    useEffect(()=>{
+        setWindowPage(0);
+    }, [
+        recordPlan,
+        selected == null ? void 0 : selected.$id
+    ]);
+    /** Every record this card has read: the page, or the whole window. */ const records = recordPlan.windowed ? windowRecords : pagedRecords;
+    /** The rows on screen. */ const shownRecords = recordPlan.windowed ? windowMatches.slice(windowPage * windowPageSize, (windowPage + 1) * windowPageSize) : pagedRecords;
+    const recordPage = recordPlan.windowed ? windowPage : pagedPage;
+    const setRecordPage = recordPlan.windowed ? setWindowPage : setPagedPage;
+    const hasMoreRecords = recordPlan.windowed ? (windowPage + 1) * windowPageSize < windowMatches.length : hasMorePaged;
+    const setRecordPageSize = useCallback((next)=>{
+        setPagedPageSize(next);
+        setWindowPageSize(next);
+        setWindowPage(0);
+    }, [
+        setPagedPageSize
+    ]);
+    const filteringRecords = recordClauses.length > 0 || gridFilter.searchWords.some((word)=>word.trim());
     /**
    * The two HEAD-COUNTS on this card are server aggregates, not the lengths
    * of the two capped listeners above (AGL-1716, the AGL-1706 shape).
@@ -358,45 +446,6 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
     // changes nothing about which way it can be wrong.
     const datasetCount = serverDatasetCount != null ? serverDatasetCount : datasets.length;
     const recordCount = serverRecordCount && serverRecordCount.datasetId === countedDatasetId ? serverRecordCount.count : records.length;
-    /*
-   * NO FILTERS PANEL AND NO SEARCH over the records (AGL-3317). The walk is
-   * cursor-paged by document name, and a record's fields live under
-   * `values`, which the index configuration exempts from single-field
-   * indexing — so no `where` on any field can be served, and a filter or a
-   * search over the loaded page would present one page as the dataset. The
-   * Filter and Sort boxes stay because they say they apply to this page, and
-   * the Dataset select is a scope: it picks which collection is walked.
-   */ // Query layer (AGL-181): the same evaluator the renderer uses, applied in
-    // memory over the rows in front of the reader. That window is now one PAGE
-    // rather than a 500-row sample (AGL-2501), which is a smaller claim and a
-    // true one — the helper text says which, because a filter box that looks
-    // like it searches the collection and does not is worse than one that says
-    // so.
-    const [filterText, setFilterText] = useState('');
-    const [sortText, setSortText] = useState('');
-    const visibleRecords = useMemo(()=>{
-        const where = parseDatasetFilter(filterText);
-        const orderBy = parseDatasetSort(sortText);
-        if (!where && !orderBy) return records;
-        const rows = records.map((record)=>{
-            var _record_values;
-            return _extends({
-                __record: record
-            }, (_record_values = record.values) != null ? _record_values : {});
-        });
-        return applyDatasetQuery(model, rows, _extends({}, where ? {
-            where: [
-                where
-            ]
-        } : {}, orderBy ? {
-            orderBy
-        } : {})).map((row)=>row.__record);
-    }, [
-        records,
-        filterText,
-        sortText,
-        model
-    ]);
     // --- Create dataset -----------------------------------------------------
     const [creator, setCreator] = useState(null);
     const handleOpenCreator = useCallback(()=>{
@@ -427,7 +476,7 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
     ]);
     // Entries are human names — "Roast preference" → stable id
     // `roast_preference` with the pretty name kept for headers (AGL-558).
-    const creatorEntries = parseDatasetFieldEntries((_ref = creator == null ? void 0 : creator.fields) != null ? _ref : '');
+    const creatorEntries = parseDatasetFieldEntries((_ref1 = creator == null ? void 0 : creator.fields) != null ? _ref1 : '');
     const creatorFields = creatorEntries.map((entry)=>entry.id);
     const handleCreate = useCallback(async ()=>{
         // No org, no create. The `else` that used to sit below this was the
@@ -694,7 +743,8 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
    * an edit landing underneath updates the open dialog. When the row leaves
    * the page — deleted, or paged past — this answers `null` and the dialog
    * closes, which is the honest response to a record no longer in front of
-   * this reader. Nothing here queries: `records` is the page query's answer.
+   * this reader. Nothing here queries: `records` is the page (or filter window)
+   * query's answer.
    */ const [viewerId, setViewerId] = useState(null);
     const viewerRecord = useMemo(()=>{
         var _records_find;
@@ -765,6 +815,7 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
                     mergeFields: [
                         'values',
                         'referencedIds',
+                        'filterKeys',
                         'updatedAt'
                     ]
                 });
@@ -1178,10 +1229,69 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
         enqueueSnackbar,
         logActivity
     ]);
+    /*
+   * One column per schema field, filterable as far as `datasetRecordFilter`
+   * declares it. The row OPENS the record, read-only (`onOpen`); the actions
+   * column holds the keyboard's way in (`View`, a real button) beside Edit
+   * and Delete, and a press anywhere in it never opens the row.
+   */ const recordGridColumns = useMemo(()=>listFilterGridColumns([
+            ...fields.map((fieldId)=>{
+                var _ref;
+                const field = model.fields[fieldId];
+                return {
+                    field: recordColumn(fieldId),
+                    headerName: (_ref = field == null ? void 0 : field.name) != null ? _ref : fieldId,
+                    // Field descriptions (AGL-560) surface as header hints.
+                    description: field == null ? void 0 : field.description,
+                    flex: 1,
+                    minWidth: 140,
+                    sortable: false,
+                    renderCell: ({ row })=>{
+                        var _row_values, _row_values1;
+                        return (field == null ? void 0 : field.type) === 'reference' ? referenceLabel(fieldId, (_row_values = row.values) == null ? void 0 : _row_values[fieldId]) || '--' : field ? formatDatasetValue(field, (_row_values1 = row.values) == null ? void 0 : _row_values1[fieldId]) || '--' : '--';
+                    }
+                };
+            }),
+            listActionsColumn((record)=>/*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    sx: {
+                        height: '100%',
+                        alignItems: 'center',
+                        justifyContent: 'flex-end'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            onClick: ()=>setViewerId(record.$id),
+                            children: 'View'
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            onClick: handleOpenRecord(record),
+                            children: 'Edit'
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            color: "error",
+                            onClick: handleDeleteRecord(record),
+                            children: 'Delete'
+                        })
+                    ]
+                }), {
+                width: 220
+            })
+        ], recordFilter.fields, recordFilter.options, recordFilter.headers), [
+        fields,
+        model,
+        referenceLabel,
+        handleOpenRecord,
+        handleDeleteRecord,
+        recordFilter
+    ]);
     return /*#__PURE__*/ _jsxs(CardDisplay, {
         header: 'Data',
         help: pluginDocsHelp('datasets', {
-            anchor: '#model-builder'
+            anchor: '#filter-records'
         }),
         contentGutterX: true,
         contentGutterY: true,
@@ -1210,7 +1320,7 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
                                 select: true,
                                 size: "small",
                                 label: "Dataset",
-                                value: (_ref1 = selected == null ? void 0 : selected.$id) != null ? _ref1 : '',
+                                value: (_ref2 = selected == null ? void 0 : selected.$id) != null ? _ref2 : '',
                                 onChange: (event)=>setSelectedId(event.target.value),
                                 sx: {
                                     minWidth: 180
@@ -1269,130 +1379,40 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
                         limit: checkQuota(org, 'recordsPerDataset', recordCount).limit,
                         noun: "record"
                     }) : null,
-                    selected && records.length > 0 ? /*#__PURE__*/ _jsxs(Stack, {
-                        direction: "row",
-                        spacing: 1,
+                    selected && (records.length > 0 || recordPage > 0 || filteringRecords) ? /*#__PURE__*/ _jsxs(_Fragment, {
                         children: [
-                            /*#__PURE__*/ _jsx(TextField, {
-                                size: "small",
-                                label: "Filter",
-                                value: filterText,
-                                onChange: (event)=>setFilterText(event.target.value),
-                                helperText: 'e.g. price <= 20 · applies to this page',
-                                sx: {
-                                    minWidth: 220
-                                }
+                            /*#__PURE__*/ _jsx(ListFilterChips, {
+                                fields: recordFilter.fields,
+                                headers: recordFilter.headers,
+                                clauses: recordClauses,
+                                onChange: gridFilter.setClauses,
+                                options: recordFilter.options,
+                                servedField: recordPlan.windowed ? null : recordPlan.servedField
                             }),
-                            /*#__PURE__*/ _jsx(TextField, {
-                                size: "small",
-                                label: "Sort",
-                                value: sortText,
-                                onChange: (event)=>setSortText(event.target.value),
-                                helperText: 'e.g. price desc',
-                                sx: {
-                                    minWidth: 140
-                                }
-                            })
-                        ]
-                    }) : null,
-                    selected && (records.length > 0 || recordPage > 0) ? /*#__PURE__*/ _jsxs(_Fragment, {
-                        children: [
-                            /*#__PURE__*/ _jsxs(ScrollTable, {
-                                size: "small",
-                                children: [
-                                    /*#__PURE__*/ _jsx(TableHead, {
-                                        children: /*#__PURE__*/ _jsxs(TableRow, {
-                                            children: [
-                                                fields.map((fieldId)=>{
-                                                    var _field_name, _ref;
-                                                    const field = model.fields[fieldId];
-                                                    // Field descriptions (AGL-560) surface as header hints.
-                                                    return /*#__PURE__*/ _jsx(TableCell, {
-                                                        children: (field == null ? void 0 : field.description) ? /*#__PURE__*/ _jsx(Tooltip, {
-                                                            title: field.description,
-                                                            children: /*#__PURE__*/ _jsx("span", {
-                                                                style: {
-                                                                    cursor: 'help'
-                                                                },
-                                                                children: (_field_name = field.name) != null ? _field_name : fieldId
-                                                            })
-                                                        }) : (_ref = field == null ? void 0 : field.name) != null ? _ref : fieldId
-                                                    }, fieldId);
-                                                }),
-                                                /*#__PURE__*/ _jsx(TableCell, {
-                                                    align: "right",
-                                                    children: 'Actions'
-                                                })
-                                            ]
-                                        })
-                                    }),
-                                    /*#__PURE__*/ _jsx(TableBody, {
-                                        children: visibleRecords.map((record)=>/*
-                  The row OPENS the record, read-only. Reading a record and
-                  changing one used to be the same gesture: `Edit` was the only
-                  way to see a document's full contents, so every look opened a
-                  form whose primary button writes.
-
-                  The click is the mouse affordance and nothing else — a `<tr>`
-                  cannot be made into a real activatable control without
-                  overriding the `row` role a table depends on. The keyboard's
-                  affordance is the `View` button in the actions cluster: a
-                  genuine `<button>`, in the tab order, announced as one, with
-                  the theme's focus ring. Both reach the same handler.
-                */ /*#__PURE__*/ _jsxs(TableRow, {
-                                                hover: true,
-                                                onClick: ()=>setViewerId(record.$id),
-                                                sx: {
-                                                    cursor: 'pointer'
-                                                },
-                                                children: [
-                                                    fields.map((fieldId)=>{
-                                                        var _model_fields_fieldId, _record_values, _record_values1;
-                                                        return /*#__PURE__*/ _jsx(TableCell, {
-                                                            children: ((_model_fields_fieldId = model.fields[fieldId]) == null ? void 0 : _model_fields_fieldId.type) === 'reference' ? referenceLabel(fieldId, (_record_values = record.values) == null ? void 0 : _record_values[fieldId]) || '--' : model.fields[fieldId] ? formatDatasetValue(model.fields[fieldId], (_record_values1 = record.values) == null ? void 0 : _record_values1[fieldId]) || '--' : '--'
-                                                        }, fieldId);
-                                                    }),
-                                                    /*#__PURE__*/ _jsxs(TableCell, {
-                                                        align: "right",
-                                                        sx: {
-                                                            whiteSpace: 'nowrap'
-                                                        },
-                                                        /*
-                      Every control in this cell is its OWN action. Without
-                      this the row's handler fires too, so `Delete` would open
-                      the viewer behind its own destructive write and `Edit`
-                      would leave a read-only dialog stacked under the form —
-                      the kind of defect nobody reports and everybody works
-                      around.
-                    */ onClick: (event)=>event.stopPropagation(),
-                                                        children: [
-                                                            /*#__PURE__*/ _jsx(Button, {
-                                                                size: "small",
-                                                                onClick: ()=>setViewerId(record.$id),
-                                                                children: 'View'
-                                                            }),
-                                                            /*#__PURE__*/ _jsx(Button, {
-                                                                size: "small",
-                                                                onClick: handleOpenRecord(record),
-                                                                children: 'Edit'
-                                                            }),
-                                                            /*#__PURE__*/ _jsx(Button, {
-                                                                size: "small",
-                                                                color: "error",
-                                                                onClick: handleDeleteRecord(record),
-                                                                children: 'Delete'
-                                                            })
-                                                        ]
-                                                    })
-                                                ]
-                                            }, record.$id))
-                                    })
-                                ]
+                            windowFull ? /*#__PURE__*/ _jsx(Typography, {
+                                variant: "caption",
+                                color: "text.secondary",
+                                children: `Filtering the first ${RECORD_FILTER_WINDOW.toLocaleString()} records` + (recordPlan.token ? ' that match the first condition' : '') + ' — one filter or one search word on its own reaches every record.'
+                            }) : null,
+                            /*#__PURE__*/ _jsx(ListTable, {
+                                "aria-label": "Records",
+                                rows: shownRecords,
+                                columns: recordGridColumns,
+                                onOpen: (id)=>setViewerId(id),
+                                // One page of the walk (or of the window's matches), turned by
+                                // the footer below: the grid neither slices nor filters it.
+                                hideFooter: true,
+                                filterMode: "server",
+                                filterModel: gridFilter.filterModel,
+                                onFilterModelChange: gridFilter.onFilterModelChange,
+                                quickFilter: true,
+                                disableColumnSorting: true,
+                                noRowsLabel: filteringRecords ? 'No records match these filters' : 'No records yet.'
                             }),
                             /*#__PURE__*/ _jsx(ListPagination, {
                                 page: recordPage,
                                 pageSize: recordPageSize,
-                                rowCount: records.length,
+                                rowCount: shownRecords.length,
                                 hasMore: hasMoreRecords,
                                 onPageChange: setRecordPage,
                                 onPageSizeChange: setRecordPageSize
@@ -1444,7 +1464,7 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
                         children: [
                             /*#__PURE__*/ _jsx(TextField, {
                                 label: "Name",
-                                value: (_ref2 = creator == null ? void 0 : creator.name) != null ? _ref2 : '',
+                                value: (_ref3 = creator == null ? void 0 : creator.name) != null ? _ref3 : '',
                                 onChange: (event)=>setCreator((prev)=>prev ? _extends({}, prev, {
                                             name: event.target.value
                                         }) : prev),
@@ -1457,7 +1477,7 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
                             }),
                             /*#__PURE__*/ _jsx(TextField, {
                                 label: "Fields",
-                                value: (_ref3 = creator == null ? void 0 : creator.fields) != null ? _ref3 : '',
+                                value: (_ref4 = creator == null ? void 0 : creator.fields) != null ? _ref4 : '',
                                 onChange: (event)=>setCreator((prev)=>prev ? _extends({}, prev, {
                                             fields: event.target.value
                                         }) : prev),
@@ -1691,7 +1711,7 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
                                 minRows: 6,
                                 size: "small",
                                 label: "CSV (with header row) or JSON array",
-                                value: (_ref4 = importer == null ? void 0 : importer.text) != null ? _ref4 : '',
+                                value: (_ref5 = importer == null ? void 0 : importer.text) != null ? _ref5 : '',
                                 onChange: (event)=>setImporter((prev)=>prev ? _extends({}, prev, {
                                             text: event.target.value
                                         }) : prev),
@@ -1704,7 +1724,7 @@ import { DatasetRecordDialog } from "./dataset-record-dialog.component.js";
                                 select: true,
                                 size: "small",
                                 label: "Match on field (upsert)",
-                                value: (_ref5 = importer == null ? void 0 : importer.keyField) != null ? _ref5 : '',
+                                value: (_ref6 = importer == null ? void 0 : importer.keyField) != null ? _ref6 : '',
                                 onChange: (event)=>setImporter((prev)=>prev ? _extends({}, prev, {
                                             keyField: event.target.value
                                         }) : prev),