@ai-matrx/records-ui 0.107.3 → 0.107.5

package/dist/pickers.cjs

@@ -42,8 +42,8 @@ __export(pickers_exports, {
 module.exports = __toCommonJS(pickers_exports);
 
 // src/TablePickers.tsx
-var import_react31 = require("react");
-var import_react32 = require("@ai-matrx/records/react");
+var import_react32 = require("react");
+var import_react33 = require("@ai-matrx/records/react");
 var import_design_system17 = require("@ai-matrx/design-system");
 
 // src/askOnce.ts
@@ -81,9 +81,9 @@ function fieldOptionsOnce(client, fieldId) {
 }
 
 // src/editors.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_records10 = require("@ai-matrx/records");
-var import_react26 = require("@ai-matrx/records/react");
+var import_react27 = require("@ai-matrx/records/react");
 var import_design_system15 = require("@ai-matrx/design-system");
 
 // src/dates.ts
@@ -3067,9 +3067,41 @@ function formatControl(args) {
 }
 
 // src/typedDateHelper.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_design_system14 = require("@ai-matrx/design-system");
 var import_records9 = require("@ai-matrx/records");
+
+// src/personTime.ts
+var import_react22 = require("react");
+var zone = null;
+var listeners = /* @__PURE__ */ new Set();
+function usePersonTimeZone() {
+  return (0, import_react22.useSyncExternalStore)(
+    (cb) => {
+      listeners.add(cb);
+      return () => listeners.delete(cb);
+    },
+    () => zone,
+    () => null
+  );
+}
+function personWallNow(at = /* @__PURE__ */ new Date()) {
+  if (!zone) return at;
+  const parts = new Intl.DateTimeFormat("en-US", {
+    timeZone: zone,
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hourCycle: "h23"
+  }).formatToParts(at);
+  const n = (t) => Number(parts.find((p) => p.type === t)?.value ?? 0);
+  return new Date(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
+}
+
+// src/typedDateHelper.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var WEEK = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
@@ -3117,11 +3149,12 @@ function TypedDateHelper({
   label,
   onPicked
 }) {
-  const [open, setOpen] = (0, import_react22.useState)(false);
+  const [open, setOpen] = (0, import_react23.useState)(false);
   const held = readBox(text, kind);
-  const today = /* @__PURE__ */ new Date();
+  usePersonTimeZone();
+  const today = personWallNow();
   const start = held.day ? new Date(Number(held.day.slice(0, 4)), Number(held.day.slice(5, 7)) - 1, 1) : new Date(today.getFullYear(), today.getMonth(), 1);
-  const [month, setMonth] = (0, import_react22.useState)(null);
+  const [month, setMonth] = (0, import_react23.useState)(null);
   const shown2 = month ?? { y: start.getFullYear(), m: start.getMonth() };
   const first = new Date(shown2.y, shown2.m, 1).getDay();
   const days = new Date(shown2.y, shown2.m + 1, 0).getDate();
@@ -3226,8 +3259,8 @@ function TypedDateHelper({
 }
 
 // src/choiceNudge.ts
-var import_react23 = require("react");
-var import_react24 = require("@ai-matrx/records/react");
+var import_react24 = require("react");
+var import_react25 = require("@ai-matrx/records/react");
 var asked2 = /* @__PURE__ */ new WeakMap();
 function choiceNudgeOf(client) {
   let answer = asked2.get(client);
@@ -3241,9 +3274,9 @@ function choiceNudgeOf(client) {
   return answer;
 }
 function useChoiceNudge(enabled = true) {
-  const client = (0, import_react24.useOptionalRecordsClient)();
-  const [nudge, setNudge] = (0, import_react23.useState)(null);
-  (0, import_react23.useEffect)(() => {
+  const client = (0, import_react25.useOptionalRecordsClient)();
+  const [nudge, setNudge] = (0, import_react24.useState)(null);
+  (0, import_react24.useEffect)(() => {
     if (!enabled || !client) return;
     let live = true;
     void choiceNudgeOf(client).then((answer) => {
@@ -3394,9 +3427,9 @@ function openingText(field, value) {
   return format ? typedText(format, value) : String(value);
 }
 function ReadsAsNote({ typed, always, children }) {
-  const note = (0, import_react25.useRef)(null);
-  const [repeats, setRepeats] = (0, import_react25.useState)(false);
-  (0, import_react25.useLayoutEffect)(() => {
+  const note = (0, import_react26.useRef)(null);
+  const [repeats, setRepeats] = (0, import_react26.useState)(false);
+  (0, import_react26.useLayoutEffect)(() => {
     if (always) return;
     const words = (t) => (t ?? "").replace(/^Reads as/, "").replace(/\s+/g, "").toLowerCase();
     setRepeats(words(note.current?.textContent) === words(typed));
@@ -3405,12 +3438,12 @@ function ReadsAsNote({ typed, always, children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime18.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_react26.useOptionalRecordsClient)();
+  const client = (0, import_react27.useOptionalRecordsClient)();
   const kind = String(editorKindFor(field));
   const needsChoices = kind === "select" || kind === "multi_select";
   const nudge = useChoiceNudge(needsChoices);
-  const [choices, setChoices] = (0, import_react25.useState)(null);
-  (0, import_react25.useEffect)(() => {
+  const [choices, setChoices] = (0, import_react26.useState)(null);
+  (0, import_react26.useEffect)(() => {
     if (!needsChoices || !client) return;
     let cancelled = false;
     void fieldOptionsOnce(client, field.id).then((result) => {
@@ -3420,7 +3453,7 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
       cancelled = true;
     };
   }, [client, field.id, needsChoices]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (choices && nudge && value.judged === null) onChange({ ...value, judged: judgeTyped(field, value.text, choices, nudge) });
   }, [choices, nudge, value, field, onChange]);
   const judged = value.judged;
@@ -3496,7 +3529,7 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
   const host = useRecordsUi();
   const kind = editorKindFor(field);
   const inputId = id ?? `field-${field.key}`;
-  const ownDetails = (0, import_react26.useOptionalRecordsClient)() === null;
+  const ownDetails = (0, import_react27.useOptionalRecordsClient)() === null;
   if (isTypedDraft(value)) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TypedTextControl, { field, value, onChange, disabled, id: inputId, onCommit, onCancel });
   if (isSignatureField(field)) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SignaturePad, { id: inputId, value, onChange, disabled });
   const newerControl = newerKindControl({ field, value, onChange, disabled, id: inputId });
@@ -3604,11 +3637,11 @@ function FieldControl({ field, value, onChange, disabled, id, autoOpen, onClose,
   }
 }
 function TypedWordsControl({ field, value, onChange, disabled, id }) {
-  const [text, setText] = (0, import_react25.useState)(() => openingText(field, value));
-  const [refusal2, setRefusal] = (0, import_react25.useState)(null);
-  const [why, setWhy] = (0, import_react25.useState)(void 0);
-  const sent = (0, import_react25.useRef)(value);
-  (0, import_react25.useEffect)(() => {
+  const [text, setText] = (0, import_react26.useState)(() => openingText(field, value));
+  const [refusal2, setRefusal] = (0, import_react26.useState)(null);
+  const [why, setWhy] = (0, import_react26.useState)(void 0);
+  const sent = (0, import_react26.useRef)(value);
+  (0, import_react26.useEffect)(() => {
     if (value === sent.current) return;
     sent.current = value;
     setText(openingText(field, value));
@@ -3688,8 +3721,8 @@ function CheckboxControl({ field, value, onChange, disabled, id }) {
 }
 function JsonControl({ field, value, onChange, disabled, id }) {
   const initial = value === null || value === void 0 ? "" : typeof value === "string" ? value : JSON.stringify(value, null, 2);
-  const [text, setText] = (0, import_react25.useState)(initial);
-  const [broken, setBroken] = (0, import_react25.useState)(null);
+  const [text, setText] = (0, import_react26.useState)(initial);
+  const [broken, setBroken] = (0, import_react26.useState)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       import_design_system15.BasicTextarea,
@@ -3750,11 +3783,11 @@ function inTheStoresOrder(options) {
   return [...options].sort((a, b) => position(a) - position(b) || made(a).localeCompare(made(b)));
 }
 function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose, onCancel, addsChoices, initialSearch, asForm, onChosen }) {
-  const client = (0, import_react26.useOptionalRecordsClient)();
-  const [options, setOptions] = (0, import_react25.useState)(null);
-  const [refusal2, setRefusal] = (0, import_react25.useState)(null);
-  const [reread, setReread] = (0, import_react25.useState)(0);
-  (0, import_react25.useEffect)(() => {
+  const client = (0, import_react27.useOptionalRecordsClient)();
+  const [options, setOptions] = (0, import_react26.useState)(null);
+  const [refusal2, setRefusal] = (0, import_react26.useState)(null);
+  const [reread, setReread] = (0, import_react26.useState)(0);
+  (0, import_react26.useEffect)(() => {
     if (!client) return;
     let cancelled = false;
     void fieldOptionsOnce(client, field.id).then((result) => {
@@ -3904,18 +3937,18 @@ function OpenChoicePicker({
   allowOther = true,
   onChoicesChanged
 }) {
-  const client = (0, import_react26.useOptionalRecordsClient)();
+  const client = (0, import_react27.useOptionalRecordsClient)();
   const nudge = useChoiceNudge();
-  const [open, setOpenState] = (0, import_react25.useState)(autoOpen === true);
-  const onCloseRef = (0, import_react25.useRef)(onClose);
+  const [open, setOpenState] = (0, import_react26.useState)(autoOpen === true);
+  const onCloseRef = (0, import_react26.useRef)(onClose);
   onCloseRef.current = onClose;
-  const setOpen = (0, import_react25.useCallback)((next) => {
+  const setOpen = (0, import_react26.useCallback)((next) => {
     setOpenState(next);
     if (!next) onCloseRef.current?.();
   }, []);
-  const [search, setSearch] = (0, import_react25.useState)(initialSearch ?? "");
-  const [adding, setAdding] = (0, import_react25.useState)(false);
-  const [addRefused, setAddRefused] = (0, import_react25.useState)(null);
+  const [search, setSearch] = (0, import_react26.useState)(initialSearch ?? "");
+  const [adding, setAdding] = (0, import_react26.useState)(false);
+  const [addRefused, setAddRefused] = (0, import_react26.useState)(null);
   const titleOf = (option) => recordName(option.data, null, "Unnamed choice");
   const held = withoutAddition(value);
   const current = (0, import_records10.choiceValuesOf)(held.value);
@@ -4072,7 +4105,7 @@ function ChoiceAnswer({
   isChosen,
   onChosen
 }) {
-  const [search, setSearch] = (0, import_react25.useState)("");
+  const [search, setSearch] = (0, import_react26.useState)("");
   const held = field.multi ? (0, import_records10.choiceValuesOf)(value) : value === null || value === void 0 || value === "" ? [] : [value];
   const on = (choice) => held.some((v) => isChosen ? isChosen(choice, v) : String(v) === choice.key || String(v) === choice.label);
   const press = (choice) => {
@@ -4175,17 +4208,17 @@ function ChoiceAnswer({
 }
 
 // src/RecordsMount.tsx
-var import_react27 = require("react");
-var import_react28 = require("@ai-matrx/records/react");
+var import_react28 = require("react");
+var import_react29 = require("@ai-matrx/records/react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function personActor(userId) {
   return userId ? { actor: "user", user_id: userId } : { actor: "user" };
 }
 
 // src/tablePicking.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_records11 = require("@ai-matrx/records");
-var import_react30 = require("@ai-matrx/records/react");
+var import_react31 = require("@ai-matrx/records/react");
 var import_design_system16 = require("@ai-matrx/design-system");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var APP_TABLE_PREFIX = "records_ui_";
@@ -4262,8 +4295,8 @@ function readTablesAnywhere(dataSource) {
   return read;
 }
 function useTablesAnywhere(dataSource) {
-  const [state, setState] = (0, import_react31.useState)({ loading: true, error: null, rows: [] });
-  (0, import_react31.useEffect)(() => {
+  const [state, setState] = (0, import_react32.useState)({ loading: true, error: null, rows: [] });
+  (0, import_react32.useEffect)(() => {
     let live = true;
     void readTablesAnywhere(dataSource).then((result) => {
       if (live) setState(result);
@@ -4333,14 +4366,14 @@ function TableScope({ dataSource, userId, tableId, children, fallback = null, un
   const organizationId = list.rows.find((t) => t.table_id === tableId)?.organization_id ?? null;
   if (tableId && !organizationId && !list.loading) return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: unavailable ?? fallback });
   if (!tableId || !organizationId) return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: fallback });
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react32.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react33.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children });
 }
 function ColumnValuesEditor({ tableId, value, onChange, disabled, addLabel }) {
-  const fields = (0, import_react32.useFields)(tableId);
-  const all = (0, import_react31.useMemo)(() => fields.data ?? [], [fields.data]);
-  const byKey = (0, import_react31.useMemo)(() => new Map(all.map((f) => [f.key, f])), [all]);
+  const fields = (0, import_react33.useFields)(tableId);
+  const all = (0, import_react32.useMemo)(() => fields.data ?? [], [fields.data]);
+  const byKey = (0, import_react32.useMemo)(() => new Map(all.map((f) => [f.key, f])), [all]);
   const keys = Object.keys(value);
-  const [adding, setAdding] = (0, import_react31.useState)(false);
+  const [adding, setAdding] = (0, import_react32.useState)(false);
   const optionsFor = (current) => all.filter((f) => f.key === current || !(f.key in value)).map((f) => ({ value: f.key, label: fieldName(f) }));
   const rename = (from, to) => {
     if (from === to) return;
@@ -4428,8 +4461,8 @@ function ColumnValueRow({
   ] });
 }
 function RecordPicker({ tableId, value, onChange, disabled }) {
-  const table = (0, import_react32.useTable)(tableId);
-  const records = (0, import_react32.useRecords)(tableId, { pageSize: 200 });
+  const table = (0, import_react33.useTable)(tableId);
+  const records = (0, import_react33.useRecords)(tableId, { pageSize: 200 });
   const rows = records.data?.rows ?? [];
   const options = rows.map((row) => ({
     value: row.id,
@@ -4456,9 +4489,9 @@ function RecordPicker({ tableId, value, onChange, disabled }) {
 }
 
 // src/DataBindingPicker.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_records12 = require("@ai-matrx/records");
-var import_react34 = require("@ai-matrx/records/react");
+var import_react35 = require("@ai-matrx/records/react");
 var import_design_system18 = require("@ai-matrx/design-system");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var DATA_BINDING_SHAPES = [
@@ -4548,11 +4581,11 @@ function BindingDetails({
   disabled,
   defaultRowLimit
 }) {
-  const table = (0, import_react34.useTable)(tableId);
-  const fields = (0, import_react34.useFields)(tableId);
-  const fieldList = (0, import_react33.useMemo)(() => fields.data ?? [], [fields.data]);
+  const table = (0, import_react35.useTable)(tableId);
+  const fields = (0, import_react35.useFields)(tableId);
+  const fieldList = (0, import_react34.useMemo)(() => fields.data ?? [], [fields.data]);
   const shape = binding.semantic_type;
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (disabled || shape === "value" || binding.transform || fields.loading || fieldList.length === 0) return;
     onChange({
       ...binding,
@@ -4697,7 +4730,7 @@ function BindingDetails({
 }
 
 // src/PickedSummaries.tsx
-var import_react37 = require("@ai-matrx/records/react");
+var import_react38 = require("@ai-matrx/records/react");
 
 // src/values.tsx
 var import_data_table4 = require("@ai-matrx/design-system/data-table");
@@ -4705,11 +4738,11 @@ var import_field_formats5 = require("@ai-matrx/design-system/field-formats");
 var import_design_system21 = require("@ai-matrx/design-system");
 
 // src/embeddedLook.tsx
-var import_react35 = require("react");
-var EmbeddedLookContext = (0, import_react35.createContext)(null);
+var import_react36 = require("react");
+var EmbeddedLookContext = (0, import_react36.createContext)(null);
 var EmbeddedLookProvider = EmbeddedLookContext.Provider;
 function useEmbeddedLook() {
-  return (0, import_react35.useContext)(EmbeddedLookContext);
+  return (0, import_react36.useContext)(EmbeddedLookContext);
 }
 var EMBEDDED_TABLE_CLASS = [
   "[&_tbody_td]:h-10",
@@ -4757,7 +4790,7 @@ var ABSENCE_WORD_LABEL = {
 var import_core2 = require("@ai-matrx/records/core");
 
 // src/WholeValue.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_core = require("@ai-matrx/records/core");
 var import_design_system19 = require("@ai-matrx/design-system");
 var import_jsx_runtime23 = require("react/jsx-runtime");
@@ -5182,7 +5215,7 @@ function ColumnValuesText({
   );
 }
 function ColumnValuesWords({ tableId, value }) {
-  const fields = (0, import_react37.useFields)(tableId);
+  const fields = (0, import_react38.useFields)(tableId);
   const labels = useRecordLabels(fields.data ?? void 0);
   if (fields.loading) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: "\u2026" });
   if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: "Couldn't load this table's columns" });
@@ -5221,8 +5254,8 @@ function RecordNameText({
   );
 }
 function RecordNameWords({ tableId, recordId }) {
-  const table = (0, import_react37.useTable)(tableId);
-  const record = (0, import_react37.useRecord)(recordId);
+  const table = (0, import_react38.useTable)(tableId);
+  const record = (0, import_react38.useRecord)(recordId);
   if (record.loading || table.loading) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: "\u2026" });
   if (record.error) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: "Couldn't load this record" });
   if (!record.data) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: "A record you cannot open" });
@@ -5230,19 +5263,19 @@ function RecordNameWords({ tableId, recordId }) {
 }
 
 // src/HeldChangeDecision.tsx
-var import_react38 = require("react");
-var import_react39 = require("@ai-matrx/records/react");
+var import_react39 = require("react");
+var import_react40 = require("@ai-matrx/records/react");
 var import_design_system22 = require("@ai-matrx/design-system");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react39.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Decision, { approvalId, onDecided }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react40.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Decision, { approvalId, onDecided }) });
 }
 function Decision({ approvalId, onDecided }) {
-  const client = (0, import_react39.useRecordsClient)();
-  const [may, setMay] = (0, import_react38.useState)(null);
-  const [busy, setBusy] = (0, import_react38.useState)(null);
-  const [error, setError] = (0, import_react38.useState)(null);
-  (0, import_react38.useEffect)(() => {
+  const client = (0, import_react40.useRecordsClient)();
+  const [may, setMay] = (0, import_react39.useState)(null);
+  const [busy, setBusy] = (0, import_react39.useState)(null);
+  const [error, setError] = (0, import_react39.useState)(null);
+  (0, import_react39.useEffect)(() => {
     let live = true;
     void client.workApprovalMayDecide({ approval_id: approvalId }).then((res) => {
       if (!live) return;