@ai-matrx/records-ui 0.102.16 → 0.102.19

package/dist/pickers.cjs

@@ -3036,7 +3036,13 @@ function ClockGlyph() {
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M12 6v6l4 2" })
   ] });
 }
-function TypedDateHelper({ kind, text, onText, label }) {
+function TypedDateHelper({
+  kind,
+  text,
+  onText,
+  label,
+  onPicked
+}) {
   const [open, setOpen] = (0, import_react21.useState)(false);
   const held = readBox(text, kind);
   const today = /* @__PURE__ */ new Date();
@@ -3051,12 +3057,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);
@@ -3309,6 +3319,17 @@ function openingText(field, value) {
   const format = formatForField(field);
   return format ? typedText(format, value) : String(value);
 }
+function ReadsAsNote({ typed, always, children }) {
+  const note = (0, import_react24.useRef)(null);
+  const [repeats, setRepeats] = (0, import_react24.useState)(false);
+  (0, import_react24.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__ */ (0, import_jsx_runtime17.jsx)("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 = (0, import_react25.useOptionalRecordsClient)();
   const kind = String(editorKindFor(field));
@@ -3352,7 +3373,7 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex flex-col gap-0.5", children: [
     helper && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex min-w-0 items-center gap-0.5", children: [
       box,
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TypedDateHelper, { kind: helper, text: value.text, onText: retype, label: fieldName(field) })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TypedDateHelper, { kind: helper, text: value.text, onText: retype, label: fieldName(field), onPicked: onCommit })
     ] }) : box,
     judged === null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { "data-records-cell-note": "", className: "text-[10px] text-muted-foreground", children: [
       "Reading ",
@@ -3386,7 +3407,7 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
         }
       ),
       judged.cancelOnly && onCancel ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "data-records-choice-ask": "", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system15.Button, { 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__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsxs)(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",
       " ",
@@ -3399,7 +3420,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__ */ (0, import_jsx_runtime17.jsx)(FormattedValue, { value: judged.value, format: shown2 }) : String(judged.value);
       })()
-    ] })
+    ] }, value.text)
   ] });
 }
 function isPersonsName(field) {