@ai-matrx/records-ui 0.109.4 → 0.109.6

package/dist/index.js

@@ -3698,7 +3698,7 @@ function ReferenceBuilder({
     ] }) }),
     target && /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-0.5", children: [
       /* @__PURE__ */ jsx12(Label2, { className: "text-xs", children: "It will read" }),
-      preview.loading ? /* @__PURE__ */ jsx12("p", { className: "text-[11px] text-muted-foreground", children: "Reading a few of its records\u2026" }) : (preview.data?.rows.length ?? 0) === 0 ? /* @__PURE__ */ jsx12("p", { className: "text-[11px] text-muted-foreground", children: "That table has no records yet, so there is nothing to show here \u2014 this column will still work, and the first record added is the first thing it offers." }) : /* @__PURE__ */ jsx12("ul", { className: "flex flex-col gap-0.5", children: (preview.data?.rows ?? []).map((row) => /* @__PURE__ */ jsx12("li", { className: "truncate text-[11px] text-foreground", children: previewWords(
+      preview.loading ? /* @__PURE__ */ jsx12("p", { className: "text-[11px] text-muted-foreground", children: "Reading a few of its records\u2026" }) : (preview.data?.rows?.length ?? 0) === 0 ? /* @__PURE__ */ jsx12("p", { className: "text-[11px] text-muted-foreground", children: "That table has no records yet, so there is nothing to show here \u2014 this column will still work, and the first record added is the first thing it offers." }) : /* @__PURE__ */ jsx12("ul", { className: "flex flex-col gap-0.5", children: (preview.data?.rows ?? []).map((row) => /* @__PURE__ */ jsx12("li", { className: "truncate text-[11px] text-foreground", children: previewWords(
         row.document,
         display,
         titleField
@@ -21897,7 +21897,7 @@ function useRowFollowsItsMove(args) {
   const lastIds = useRef34(args.rowIds);
   const frame = useRef34(0);
   useEffect49(() => () => cancelAnimationFrame(frame.current), []);
-  const noteWrite = useCallback25((rowId) => {
+  const noteWrite = useCallback25((rowId, key) => {
     const box = latest.current.box.current;
     if (!box) return;
     const el = rowEl(box, rowId);
@@ -21906,7 +21906,7 @@ function useRowFollowsItsMove(args) {
       held.current = null;
       return;
     }
-    held.current = { rowId, top: el.getBoundingClientRect().top, index, at: Date.now() };
+    held.current = { rowId, key, top: el.getBoundingClientRect().top, index, at: Date.now() };
   }, []);
   useLayoutEffect5(() => {
     if (args.rowIds === lastIds.current) return;
@@ -21926,6 +21926,7 @@ function useRowFollowsItsMove(args) {
     }
     if (index === pending.index) return;
     held.current = null;
+    latest.current.onMoved?.(pending.rowId, pending.key);
     const el = rowEl(box, pending.rowId);
     if (!el) {
       bringIntoView(box, pending.rowId, index, args.rowIds);
@@ -22945,6 +22946,9 @@ function GridBody({
   const openingKey = openingSort ? `${openingSort.id}:${openingSort.direction}` : "none";
   const address = useViewAddress();
   const addressSeed = useRef37(address?.initial ?? null);
+  const addressSort = useRef37(
+    address?.initial?.sort ? { id: address.initial.sort.field, direction: address.initial.sort.direction } : null
+  );
   const [query, setQuery] = useState61(() => ({
     page: addressSeed.current?.page ?? 1,
     pageSize,
@@ -22959,11 +22963,15 @@ function GridBody({
     if (seed && fields.data) addressSeed.current = null;
     setQuery((held) => ({
       ...held,
-      sort: seed?.sort ? { id: seed.sort.field, direction: seed.sort.direction } : openingSort,
+      sort: addressSort.current ?? openingSort,
       page: seed?.page ?? 1
     }));
     setSeatedOn(openingKey);
   }, [openingKey]);
+  useEffect52(() => {
+    const held = addressSort.current;
+    if (held && (query.sort?.id !== held.id || query.sort?.direction !== held.direction)) addressSort.current = null;
+  }, [query.sort]);
   const columnSort = query.sort;
   const overrideKey = sortOverride ? `${sortOverride.field}:${sortOverride.direction}` : "";
   const overrideSeen = useRef37(overrideKey);
@@ -23006,6 +23014,7 @@ function GridBody({
     if (resetSeen.current === resetEpoch) return;
     resetSeen.current = resetEpoch;
     addressSeed.current = null;
+    addressSort.current = null;
     setQuery((held) => ({ ...held, sort: openingSort, search: "", anyOf: "", columnFilters: {}, page: 1 }));
   }, [resetEpoch]);
   const [page, setPage] = useState61(0);
@@ -23137,6 +23146,7 @@ function GridBody({
   const canWrite = Boolean(editable) && (rights.write || askPerRow && rowIds.some(mayWriteRow));
   const readOnly = !editable || Boolean(host.rights) && !rights.write && !rights.structure;
   const gridBox = useRef37(null);
+  const lastExit = useRef37(null);
   const pushWritten = useRef37(null);
   const sheetController = useRef37(null);
   const versions = useRecordVersions(client, rows);
@@ -23157,7 +23167,10 @@ function GridBody({
      * Enter or Cmd-Z works without a click. Sheets and Airtable.
      */
     ...merged ? {
-      onEnded: (exit, from, how) => sheetController.current?.endEdit(exit, { rowId: from.rowId, columnId: from.key }, how)
+      onEnded: (exit, from, how) => {
+        lastExit.current = { rowId: from.rowId, key: from.key, exit };
+        sheetController.current?.endEdit(exit, { rowId: from.rowId, columnId: from.key }, how);
+      }
     } : {}
   });
   const editingNow = useRef37(editing);
@@ -23185,7 +23198,15 @@ function GridBody({
     sort: sortedField ? { key: sortedField.key, name: fieldName(sortedField) } : null,
     say: (line) => undo.say(line, false, true)
   });
-  const rowMove = useRowFollowsItsMove({ box: gridBox, rowIds });
+  const rowMove = useRowFollowsItsMove({
+    box: gridBox,
+    rowIds,
+    onMoved: (rowId, key) => {
+      const exit = lastExit.current;
+      if (!exit || exit.rowId !== rowId || exit.key !== key) return;
+      if (exit.exit === "down" || exit.exit === "stay") sheetController.current?.select({ rowId, columnId: key });
+    }
+  });
   pushWritten.current = (write) => {
     const field2 = (fields.data ?? []).find((f) => f.key === write.key);
     const name = changedRecordName(table.data, rows.find((r) => r.id === write.rowId)?.document ?? {}, write.key, write.after);
@@ -23193,7 +23214,7 @@ function GridBody({
       label: `Changed ${field2 ? fieldName(field2) : humanizeIdentifier10(write.key)} on ${name}`,
       cells: [{ rowId: write.rowId, key: write.key, before: write.before ?? null, after: write.after ?? null, version: write.version }]
     });
-    rowMove.noteWrite(write.rowId);
+    rowMove.noteWrite(write.rowId, write.key);
     noteWriteForView(write, name);
   };
   const storeLayout = useStoreGridLayout(tableId);
@@ -24615,7 +24636,7 @@ function GridBody({
           }
         ) : null,
         question.refused.length > 0 ? /* @__PURE__ */ jsx72("p", { role: "status", "data-records-filter-refused": "", className: "text-xs text-muted-foreground", children: question.refused.join(" ") }) : null,
-        storePaged && (serverRead.data?.sortIgnored.length ?? 0) > 0 ? /* @__PURE__ */ jsx72("p", { role: "status", "data-records-sort-ignored": serverRead.data?.sortIgnored.join(" "), className: "text-xs text-muted-foreground", children: "Sort skipped: column not available" }) : null,
+        storePaged && sortIgnoredOf(serverRead.data).length > 0 ? /* @__PURE__ */ jsx72("p", { role: "status", "data-records-sort-ignored": sortIgnoredOf(serverRead.data).join(" "), className: "text-xs text-muted-foreground", children: "Sort skipped: column not available" }) : null,
         runner.outcome && !(merged && runner.outcome.kind === "ran" && runner.outcome.undo !== null) ? /* @__PURE__ */ jsx72(ActionOutcomeNotice, { outcome: runner.outcome, onUndo: () => void runner.undo(), onDismiss: runner.dismiss }) : null,
         duplicated ? /* @__PURE__ */ jsxs65("p", { role: "status", "data-records-duplicated": "", className: "flex items-center gap-2 rounded border border-border bg-muted/40 px-2 py-1 text-xs", children: [
           /* @__PURE__ */ jsx72("span", { children: duplicated }),
@@ -25017,6 +25038,9 @@ function withoutGoneColumns(query, liveKeys, openingSort) {
   const fallback = openingSort && liveKeys.has(openingSort.id) ? openingSort : null;
   return { ...query, sort: sortGone ? fallback : query.sort, columnFilters, page: 1 };
 }
+function sortIgnoredOf(answer) {
+  return Array.isArray(answer?.sortIgnored) ? answer.sortIgnored : [];
+}
 
 // src/RecordsTableCard.tsx
 import { MatrxTableCard, MatrxTableCardEmpty, MatrxTableCardShowMore as MatrxTableCardShowMore2, TABLE_CARD_DEFAULT_INITIAL_ROWS } from "@ai-matrx/design-system/data-table";
@@ -26474,7 +26498,7 @@ function columnFromName(label) {
   if (has(/\b(type|category|kind|tier|plan|platform|channel|source|level)\b/)) return { label, type: "select" };
   if (has(/\b(time|at|scheduled|starts|ends|appointment)\b/) && !has(/\b(date|day)\b/)) return { label, type: "datetime" };
   if (has(/\b(date|day|birthday|deadline|due|dob|born|joined|since|until|start|end|published|posted)\b/)) return { label, type: "date" };
-  if (has(/\b(price|cost|amount|revenue|budget|fee|fees|salary|paid|invoice|total|spend|value|rate card|mrr|arr)\b|\$/)) return { label, type: "currency" };
+  if (has(/\b(price|cost|amount|revenue|budget|fee|fees|salary|paid|total|spend|value|rate card|mrr|arr)\b|\$/)) return { label, type: "currency" };
   if (has(/%|\b(percent|percentage|rate|ratio|margin|completion)\b/)) return { label, type: "percent" };
   if (has(/\b(count|qty|quantity|number of|age|score|hours|minutes|units|followers|views|likes|stars|rating|points|#)\b|^#|^no\.? /)) return { label, type: "number" };
   if (has(/\b(done|completed|approved|active|signed|confirmed)\b/)) return { label, type: "checkbox" };