@ai-matrx/records-ui 0.115.78 → 0.115.79

package/CHANGELOG.md

@@ -1,10 +1,22 @@
 # Changelog — @ai-matrx/records-ui
 
-## 0.115.78
+## 0.115.79
 
 UNVERIFIED: this release has no Unreleased entry and the source comparison could not be made (the caller supplied no source comparison). Whether source changed is unknown; consumer action is unknown.
 Check the package's gitHead on npm against this version's gitHead: `git diff <previous gitHead> <this gitHead> -- apps/shared/records-ui/src`.
 
+## 0.115.78
+
+SOURCE CHANGED WITH NO RELEASE NOTE. This release shipped source changes that nobody described in an Unreleased entry,
+so they may include breaking API changes. Consumer action is UNKNOWN: read the diff before upgrading.
+Diff: `git diff 254d4d3f8b c3135c57b9 -- apps/shared/records-ui/src`
+
+Changed shipped source files (4):
+- `apps/shared/records-ui/src/Grid.tsx`
+- `apps/shared/records-ui/src/ViewSwitcher.tsx`
+- `apps/shared/records-ui/src/newRowValues.tsx`
+- `apps/shared/records-ui/src/recordMoves.tsx`
+
 ## 0.115.77
 
 SOURCE CHANGED WITH NO RELEASE NOTE. This release shipped source changes that nobody described in an Unreleased entry,

package/dist/index.cjs

@@ -6886,46 +6886,63 @@ function AttachmentChip({ id, onRemove, onPreview }) {
   const words2 = read?.name ?? (read ? FILE_CHIP_UNREAD : "\u2026");
   const href = read?.fileId ? host.hrefForFile?.({ fileId: read.fileId }) : void 0;
   const title = onPreview ? `Preview ${words2}` : href ? `Open ${words2}` : read?.why ?? FILE_CHIP_NO_PAGE;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_design_system22.Badge, { variant: "secondary", className: "max-w-[14rem] gap-1 text-[11px]", "data-records-file-chip": id, title, children: [
-    onPreview ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "truncate underline-offset-2 hover:underline",
-        "data-records-file-preview": id,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    import_design_system22.Badge,
+    {
+      variant: "secondary",
+      className: (0, import_design_system22.cn)("max-w-[14rem] gap-1 text-[11px]", onPreview && "cursor-pointer"),
+      "data-records-file-chip": id,
+      title,
+      ...onPreview ? {
         onClick: (event) => {
           event.stopPropagation();
           onPreview();
         },
         onMouseDown: (event) => event.stopPropagation(),
-        onDoubleClick: (event) => event.stopPropagation(),
-        children: words2
-      }
-    ) : href ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      import_outbound_react4.OutboundLink,
-      {
-        href,
-        className: "truncate underline-offset-2 hover:underline",
-        "data-records-file-link": read?.fileId ?? "",
-        onClick: (event) => event.stopPropagation(),
-        onMouseDown: (event) => event.stopPropagation(),
-        children: words2
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate", children: words2 }),
-    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Remove ${words2}`,
-        className: "shrink-0 rounded px-0.5 text-muted-foreground hover:text-foreground",
-        onClick: (event) => {
-          event.stopPropagation();
-          onRemove();
-        },
-        children: "\xD7"
-      }
-    ) : null
-  ] });
+        onDoubleClick: (event) => event.stopPropagation()
+      } : {},
+      children: [
+        onPreview ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "truncate underline-offset-2 hover:underline",
+            "data-records-file-preview": id,
+            onClick: (event) => {
+              event.stopPropagation();
+              onPreview();
+            },
+            onMouseDown: (event) => event.stopPropagation(),
+            onDoubleClick: (event) => event.stopPropagation(),
+            children: words2
+          }
+        ) : href ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          import_outbound_react4.OutboundLink,
+          {
+            href,
+            className: "truncate underline-offset-2 hover:underline",
+            "data-records-file-link": read?.fileId ?? "",
+            onClick: (event) => event.stopPropagation(),
+            onMouseDown: (event) => event.stopPropagation(),
+            children: words2
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate", children: words2 }),
+        onRemove ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Remove ${words2}`,
+            className: "shrink-0 rounded px-0.5 text-muted-foreground hover:text-foreground",
+            onClick: (event) => {
+              event.stopPropagation();
+              onRemove();
+            },
+            children: "\xD7"
+          }
+        ) : null
+      ]
+    }
+  );
 }
 function AttachmentChips({ value, onRemove }) {
   const host = useRecordsUi();
@@ -6966,6 +6983,18 @@ function AttachmentViewer({
     {
       className: "sm:max-w-3xl",
       "data-records-attachment-viewer": id,
+      tabIndex: -1,
+      onOpenAutoFocus: (event) => {
+        event.preventDefault();
+        event.currentTarget.focus();
+      },
+      onCloseAutoFocus: (event) => {
+        const chip = document.querySelector(`[data-records-file-preview="${ids[index]}"]`);
+        if (chip) {
+          event.preventDefault();
+          chip.focus();
+        }
+      },
       onKeyDown: (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -20700,6 +20729,8 @@ function columnForField(field2, editing, mayWriteRow, whyNotRow, look, onAskWhoC
       ] }) : name
     ),
     label: name,
+    // The field's own description, one hover away on every header (not only the type mark's glyph).
+    ...fieldHelpText(field2) ? { helpText: fieldHelpText(field2) } : {},
     accessorFn: (row) => row.document?.[field2.key],
     // A column the store keeps no value for is not offered a sort it would refuse (`sortRefusal`).
     sortable: sortRefusal(field2) === null,
@@ -21853,9 +21884,9 @@ var import_records43 = require("@ai-matrx/records");
 
 // src/importRuleCheck.ts
 var import_core13 = require("@ai-matrx/records/core");
-function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
+function refusedCellsOf(fields, rows, mapping, choiceOptions, relationNames) {
   const byKey = new Map(fields.map((f) => [f.key, f]));
-  const verdicts = [];
+  const cells = [];
   for (const [header, key] of Object.entries(mapping)) {
     const field2 = byKey.get(key);
     if (!field2) continue;
@@ -21865,9 +21896,8 @@ function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
     if (isChoice && !options) continue;
     const named = relationNames?.get(key);
     if (kind2 === "relation" && !named) continue;
-    let refused = 0;
     let judged = 0;
-    let first = null;
+    const mine = [];
     rows.forEach((row, i) => {
       const raw = String(row[header] ?? "").trim();
       if (raw === "") return;
@@ -21883,17 +21913,20 @@ function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
         );
         if (predicted.length > 0) why = predicted[0].message;
       }
-      if (why !== null) {
-        refused += 1;
-        if (!first) first = { why, line: i + 1, raw };
-      }
+      if (why !== null) mine.push({ header, line: i + 1, raw, why });
     });
-    if (refused > 0 && first) {
-      const f = first;
-      verdicts.push({ header, field: field2, refused, judged, firstWhy: f.why, firstLine: f.line, firstRaw: f.raw });
-    }
+    for (const c of mine) cells.push({ ...c, judged, field: field2 });
+  }
+  return cells;
+}
+function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
+  const verdicts = /* @__PURE__ */ new Map();
+  for (const c of refusedCellsOf(fields, rows, mapping, choiceOptions, relationNames)) {
+    const have = verdicts.get(c.header);
+    if (have) have.refused += 1;
+    else verdicts.set(c.header, { header: c.header, field: c.field, refused: 1, judged: c.judged, firstWhy: c.why, firstLine: c.line, firstRaw: c.raw });
   }
-  return verdicts;
+  return [...verdicts.values()];
 }
 
 // src/ImportWizard.tsx
@@ -22305,7 +22338,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
     },
     [client, openRun]
   );
-  const declared2 = fields.data ?? [];
+  const declared2 = (0, import_react122.useMemo)(() => fields.data ?? [], [fields.data]);
   const titleKey = table.data?.title_field ?? null;
   const titleHeader = titleFrom ?? (titleKey ? Object.entries(mapping).find(([h, key]) => key === titleKey && h !== TITLE_COPY)?.[0] ?? null : null);
   const distinctRows = (0, import_react122.useMemo)(() => {
@@ -22599,6 +22632,12 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
     () => exactDuplicateRows(effectiveRows, (plan?.columns ?? []).map((c) => c.header).filter((h) => !leftOut.has(h))),
     [effectiveRows, plan, leftOut]
   );
+  const [goAheadAnyway, setGoAheadAnyway] = (0, import_react122.useState)(false);
+  const refusedCells = (0, import_react122.useMemo)(
+    () => goAheadAnyway ? refusedCellsOf(declared2, effectiveRows, mapping, choiceIndex, relationIndex) : [],
+    [goAheadAnyway, declared2, effectiveRows, mapping, choiceIndex, relationIndex]
+  );
+  const [keptAside, setKeptAside] = (0, import_react122.useState)([]);
   const rowsToSend = (0, import_react122.useCallback)(
     (index) => {
       const repeated = new Set(skipRepeats ? repeats.map((r) => r.row) : []);
@@ -22608,6 +22647,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
         if (repeated.has(at)) return;
         const out = {};
         for (const [header, value] of Object.entries(row)) if (!leftOut.has(header)) out[header] = value;
+        for (const c of refusedCells) if (c.line === at + 1 && c.header in out) out[c.header] = "";
         if (titleFrom) out[TITLE_COPY] = String(row[titleFrom] ?? "").trim();
         for (const { header, field: field2 } of mappedRelations) {
           const named = index.get(field2.key);
@@ -22637,7 +22677,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
       return { rows: sent, lines };
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps -- choiceFor reads unlinkedChoice
-    [effectiveRows, combined, titleFrom, leftOut, mappedRelations, unlinkedChoice, dateAsks, dateMiss, repeats, skipRepeats]
+    [effectiveRows, combined, titleFrom, leftOut, mappedRelations, unlinkedChoice, dateAsks, dateMiss, repeats, skipRepeats, refusedCells]
   );
   const run = (0, import_react122.useCallback)(async () => {
     if (!plan) return;
@@ -22705,6 +22745,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
       index = reread;
     }
     const { rows: sendRows, lines: sendLines } = rowsToSend(index);
+    setKeptAside(refusedCells.map(({ header, line, raw, why }) => ({ header, line, raw, why })));
     setSentLines(sendLines);
     setRepeatsSkipped(effectiveRows.length - sendRows.length);
     let sendMapping = mapping;
@@ -22838,7 +22879,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
     setPhase("done");
     onWrote?.(finished.data.rows_written);
     void loadRuns();
-  }, [newColumns, makesColumns, kindChoice, guessedKind, addChoiceWords, client, dedupeKey, effectiveRows, fileBytes, fileHash, fileName, format, leftOut, loadRuns, mappedRelations, mapping, newChoiceWords, nudge, onDuplicate, onWrote, plan, readRelationNames, relationAsks, relationIndex, rights.admin, rowsToSend, tableId, unmapped, unlinkedChoice]);
+  }, [newColumns, makesColumns, kindChoice, guessedKind, addChoiceWords, client, dedupeKey, effectiveRows, fileBytes, fileHash, fileName, format, leftOut, loadRuns, mappedRelations, mapping, newChoiceWords, nudge, onDuplicate, onWrote, plan, readRelationNames, refusedCells, relationAsks, relationIndex, rights.admin, rowsToSend, tableId, unmapped, unlinkedChoice]);
   const counts = (0, import_react122.useMemo)(() => {
     let landed = 0;
     let duplicate = 0;
@@ -22867,8 +22908,8 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
   );
   const ruleVerdictOf = (0, import_react122.useMemo)(() => new Map(ruleVerdicts.map((v) => [v.header, v])), [ruleVerdicts]);
   const refusedByRules = ruleVerdicts.reduce((n, v) => n + v.refused, 0);
-  const [goAheadAnyway, setGoAheadAnyway] = (0, import_react122.useState)(false);
-  (0, import_react122.useEffect)(() => setGoAheadAnyway(false), [ruleVerdicts]);
+  const verdictKey = ruleVerdicts.map((v) => `${v.header}:${v.refused}/${v.judged}`).join("|");
+  (0, import_react122.useEffect)(() => setGoAheadAnyway(false), [verdictKey]);
   const [autoRan, setAutoRan] = (0, import_react122.useState)(false);
   (0, import_react122.useEffect)(() => {
     if (!autoRun || autoRan || !source || phase !== "ready" || !plan) return;
@@ -23458,6 +23499,23 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
           ] })
         }
       ) }) : null,
+      afterWrite && keptAside.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { "data-import-kept-aside": "", className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("p", { children: [
+          keptAside.length,
+          " cell",
+          keptAside.length === 1 ? " was" : "s were",
+          " kept aside and left empty; every other value in those rows was written."
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("ul", { className: "flex flex-col gap-0.5 text-muted-foreground", children: keptAside.map((c) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("li", { children: [
+          c.header,
+          ", ",
+          source ? `row ${c.line}` : `line ${lineInYourFile(c.line)}`,
+          ": ",
+          c.raw,
+          " \u2014 ",
+          c.why
+        ] }, `${c.header}:${c.line}`)) })
+      ] }) : null,
       repeatsSkipped > 0 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("p", { className: "text-muted-foreground", "data-import-repeats-skipped": "", children: [
         repeatsSkipped,
         " repeated row",
@@ -39885,6 +39943,9 @@ function settingsToCopy(source, target) {
   const same3 = source.layout === target.layout;
   return {
     where: source.where ?? null,
+    // The flat filter map a view may carry instead of (or beside) `where`: every stored filter shape travels.
+    filters: source.filters ?? null,
+    // saveViewPatch sends null to the door, which clears it
     sorts: source.sorts ?? [],
     groupField: source.groupField ?? null,
     presentation: look,
@@ -39919,7 +39980,7 @@ function SortableRow({ id, disabled, children }) {
     }
   );
 }
-function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, initialViews, className }) {
+function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, onSettingsCopied, initialViews, className }) {
   const client = (0, import_react233.useRecordsClient)();
   const claimSeed = useSeedGuard();
   const table = (0, import_react234.useTable)(tableId);
@@ -40092,6 +40153,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
       return;
     }
     setCopying(false);
+    onSettingsCopied?.(into.id);
     await load();
     notify?.success(`Copied settings from \u201C${source.name}\u201D`);
   }
@@ -54534,6 +54596,14 @@ function TablePage({
                     }
                   },
                   onViews: setViews,
+                  onSettingsCopied: (copiedId) => {
+                    setAddressResetEpoch((n) => n + 1);
+                    setLooks((all) => {
+                      const { [copiedId]: _gone, ...rest } = all ?? {};
+                      return rest;
+                    });
+                    void keepLook(client, tableId, copiedId, null);
+                  },
                   ...seededViews && viewsEpoch === 0 ? { initialViews: seededViews } : {},
                   seed: seedViews ?? [defaultView(tableId)],
                   settings: view && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: "flex flex-col gap-0.5 px-1 py-1", role: "radiogroup", "aria-label": FOOTER_WORDS.label, children: [