@ai-matrx/records-ui 0.102.16 → 0.102.19

package/dist/pickers.js

@@ -40,7 +40,7 @@ function fieldOptionsOnce(client, fieldId) {
 }
 
 // src/editors.tsx
-import { useCallback as useCallback5, useEffect as useEffect10, useRef as useRef11, useState as useState14 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect10, useLayoutEffect, useRef as useRef11, useState as useState14 } from "react";
 import { allowsOtherValues, choiceValuesOf, coerceTypedAnswer, newerKindOf as newerKindOf4, decideTypedChoice, isTheChosen, optionKey as optionKey2, rankTypedMatches as rankTypedMatches3, readTypedTime as readTypedTime2, typedDateText as typedDateText2, typedTimeText as typedTimeText2 } from "@ai-matrx/records";
 import { useOptionalRecordsClient as useOptionalRecordsClient7 } from "@ai-matrx/records/react";
 import {
@@ -3038,7 +3038,13 @@ function ClockGlyph() {
     /* @__PURE__ */ jsx16("path", { d: "M12 6v6l4 2" })
   ] });
 }
-function TypedDateHelper({ kind, text, onText, label }) {
+function TypedDateHelper({
+  kind,
+  text,
+  onText,
+  label,
+  onPicked
+}) {
   const [open, setOpen] = useState12(false);
   const held = readBox(text, kind);
   const today = /* @__PURE__ */ new Date();
@@ -3053,12 +3059,16 @@ function TypedDateHelper({ kind, text, onText, label }) {
   const pickDay = (d) => {
     const day = `${shown2.y}-${pad(shown2.m + 1)}-${pad(d)}`;
     onText(wordsFor(kind, day, held.time));
-    if (kind === "date") setOpen(false);
+    if (kind === "date") {
+      setOpen(false);
+      onPicked?.();
+    }
   };
   const pickTime = (t) => {
     const day = kind === "datetime" ? held.day ?? todayKey : null;
     onText(wordsFor(kind, day, t));
     setOpen(false);
+    onPicked?.();
   };
   const turn = (by) => {
     const at = new Date(shown2.y, shown2.m + by, 1);
@@ -3311,6 +3321,17 @@ function openingText(field, value) {
   const format = formatForField(field);
   return format ? typedText(format, value) : String(value);
 }
+function ReadsAsNote({ typed, always, children }) {
+  const note = useRef11(null);
+  const [repeats, setRepeats] = useState14(false);
+  useLayoutEffect(() => {
+    if (always) return;
+    const words = (t) => (t ?? "").replace(/^Reads as/, "").replace(/\s+/g, "").toLowerCase();
+    setRepeats(words(note.current?.textContent) === words(typed));
+  }, [typed, always]);
+  if (repeats) return null;
+  return /* @__PURE__ */ jsx17("span", { ref: note, "data-records-typed-reads-as": "", "data-records-cell-note": "", className: "text-[10px] text-muted-foreground", children });
+}
 function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCancel }) {
   const client = useOptionalRecordsClient7();
   const kind = String(editorKindFor(field));
@@ -3354,7 +3375,7 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
   return /* @__PURE__ */ jsxs15("span", { className: "flex flex-col gap-0.5", children: [
     helper && !disabled ? /* @__PURE__ */ jsxs15("span", { className: "flex min-w-0 items-center gap-0.5", children: [
       box,
-      /* @__PURE__ */ jsx17(TypedDateHelper, { kind: helper, text: value.text, onText: retype, label: fieldName(field) })
+      /* @__PURE__ */ jsx17(TypedDateHelper, { kind: helper, text: value.text, onText: retype, label: fieldName(field), onPicked: onCommit })
     ] }) : box,
     judged === null ? /* @__PURE__ */ jsxs15("span", { "data-records-cell-note": "", className: "text-[10px] text-muted-foreground", children: [
       "Reading ",
@@ -3388,7 +3409,7 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
         }
       ),
       judged.cancelOnly && onCancel ? /* @__PURE__ */ jsx17("span", { "data-records-choice-ask": "", children: /* @__PURE__ */ jsx17(Button7, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onCancel(), children: "Cancel" }) }) : null
-    ] }) : judged.value === null || judged.value === void 0 ? null : /* @__PURE__ */ jsxs15("span", { "data-records-typed-reads-as": "", "data-records-cell-note": "", className: "text-[10px] text-muted-foreground", children: [
+    ] }) : judged.value === null || judged.value === void 0 ? null : /* @__PURE__ */ jsxs15(ReadsAsNote, { typed: value.text, always: isChoiceAddition(judged.value), children: [
       isChoiceAddition(judged.value) ? `Adds ${quoted(judged.value.add)} to the choices for ${fieldName(field)}. ` : null,
       "Reads as",
       " ",
@@ -3401,7 +3422,7 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
         const shown2 = format ?? (kind === "datetime" ? { id: carriesTimeOfDay(field, judged.value) ? "datetime" : "date" } : void 0);
         return shown2 ? /* @__PURE__ */ jsx17(FormattedValue, { value: judged.value, format: shown2 }) : String(judged.value);
       })()
-    ] })
+    ] }, value.text)
   ] });
 }
 function isPersonsName(field) {