@ai-matrx/records-ui 0.115.70 → 0.115.71

package/dist/pickers.cjs

@@ -61,11 +61,11 @@ var import_react = require("react");
 var import_records2 = require("@ai-matrx/records");
 var import_react2 = require("@ai-matrx/records/react");
 var import_design_system = require("@ai-matrx/design-system");
-var import_data_table2 = require("@ai-matrx/design-system/data-table");
+var import_data_table = require("@ai-matrx/design-system/data-table");
 
 // src/choiceLooks.ts
 var import_records = require("@ai-matrx/records");
-var import_data_table = require("@ai-matrx/design-system/data-table");
+var import_table_style = require("@ai-matrx/design-system/data-table/table-style");
 function displayFormatOf(field) {
   const raw = field.display_format;
   if (!raw || typeof raw !== "object") return null;
@@ -75,7 +75,7 @@ function displayFormatOf(field) {
   return { id, options: options && typeof options === "object" ? options : {} };
 }
 function isStyleColor(v) {
-  return typeof v === "string" && import_data_table.STYLE_COLORS.includes(v);
+  return typeof v === "string" && import_table_style.STYLE_COLORS.includes(v);
 }
 function choiceLooksOf(field) {
   const display = displayFormatOf(field);
@@ -132,9 +132,9 @@ function nextChoiceColor(worn) {
 function choiceChipLookOf(field, ...words) {
   for (const word of words) {
     const color = storedChoiceColor(field, word);
-    if (color) return { className: import_data_table.CHOICE_CHIP_CLASS[color], color };
+    if (color) return { className: import_table_style.CHOICE_CHIP_CLASS[color], color };
   }
-  return { className: import_data_table.NEUTRAL_CHIP_CLASS, color: null };
+  return { className: import_table_style.NEUTRAL_CHIP_CLASS, color: null };
 }
 
 // src/plainWords.ts
@@ -536,12 +536,12 @@ function ChoiceSwatch({ words, color, onColor }) {
       "button",
       {
         type: "button",
-        "aria-label": `Colour for ${words}: ${color ? import_data_table2.STYLE_COLOR_LABELS[color] : "none"}`,
-        title: color ? import_data_table2.STYLE_COLOR_LABELS[color] : "No colour",
+        "aria-label": `Colour for ${words}: ${color ? import_data_table.STYLE_COLOR_LABELS[color] : "none"}`,
+        title: color ? import_data_table.STYLE_COLOR_LABELS[color] : "No colour",
         "data-records-choice-swatch": color ?? "none",
         className: (0, import_design_system.cn)(
           "h-4 w-4 shrink-0 rounded-full",
-          color ? import_data_table2.SWATCH_CLASS[color] : "border border-border bg-background"
+          color ? import_data_table.SWATCH_CLASS[color] : "border border-border bg-background"
         )
       }
     ) }),
@@ -558,17 +558,17 @@ function ChoiceSwatch({ words, color, onColor }) {
           className: (0, import_design_system.cn)("h-5 w-5 rounded-full border border-border bg-background", color === null && "ring-2 ring-ring ring-offset-1")
         }
       ),
-      import_data_table2.STYLE_COLORS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_data_table.STYLE_COLORS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
         {
           type: "button",
           role: "radio",
           "aria-checked": color === c,
-          "aria-label": import_data_table2.STYLE_COLOR_LABELS[c],
-          title: import_data_table2.STYLE_COLOR_LABELS[c],
+          "aria-label": import_data_table.STYLE_COLOR_LABELS[c],
+          title: import_data_table.STYLE_COLOR_LABELS[c],
           "data-records-choice-color": `${words}:${c}`,
           onClick: () => pick(c),
-          className: (0, import_design_system.cn)("h-5 w-5 rounded-full", import_data_table2.SWATCH_CLASS[c], color === c && "ring-2 ring-ring ring-offset-1")
+          className: (0, import_design_system.cn)("h-5 w-5 rounded-full", import_data_table.SWATCH_CLASS[c], color === c && "ring-2 ring-ring ring-offset-1")
         },
         c
       ))
@@ -667,8 +667,7 @@ function lockedStructure(base) {
   return { ...base, structure: false, why: (what) => what === "structure" ? DATABASE_LOCKED_REASON : base.why(what) };
 }
 
-// src/host.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+// src/tableRights.ts
 function tableRights(may, overallReason) {
   return {
     ...may,
@@ -677,6 +676,9 @@ function tableRights(may, overallReason) {
   };
 }
 var NO_RIGHTS = tableRights(NOT_ANSWERED_YET);
+
+// src/host.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var NO_MEMBERS_REASON = "This app cannot offer the people in your organization on this screen yet, so there is nobody to pick. Type the person's name into a text field for now, and tell us \u2014 it is on our list, not yours.";
 var NO_UPLOAD_REASON = "This screen cannot take a file yet, so there is no chooser here rather than one that loses what you pick. Put a link to the file in a text field for now. It is on our list, not yours.";
 var HostContext = (0, import_react3.createContext)(null);
@@ -2024,7 +2026,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
 // src/buttonCell.tsx
 var import_react46 = require("react");
 var import_design_system30 = require("@ai-matrx/design-system");
-var import_data_table8 = require("@ai-matrx/design-system/data-table");
+var import_data_table6 = require("@ai-matrx/design-system/data-table");
 var import_records26 = require("@ai-matrx/records");
 var import_react47 = require("@ai-matrx/records/react");
 
@@ -2082,7 +2084,8 @@ var import_react12 = require("react");
 var import_records9 = require("@ai-matrx/records");
 var import_react13 = require("@ai-matrx/records/react");
 var import_design_system9 = require("@ai-matrx/design-system");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+
+// src/tablePickerEntries.ts
 var PLATFORM_TABLE_PREFIX = "records_ui_";
 function keptByPlatform(table) {
   return table.platform_owned === true || table.kept_by_the_app === true;
@@ -2126,6 +2129,9 @@ function madeOn(stamp) {
   if (Number.isNaN(at.getTime())) return null;
   return new Intl.DateTimeFormat(void 0, { month: "short", day: "numeric", year: "numeric" }).format(at);
 }
+
+// src/tablePicking.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function usePickerTables() {
   const client = (0, import_react13.useRecordsClient)();
   const tables = (0, import_react13.useTables)();
@@ -2771,7 +2777,7 @@ var import_design_system22 = require("@ai-matrx/design-system");
 var import_react34 = require("@ai-matrx/records/react");
 
 // src/values.tsx
-var import_data_table5 = require("@ai-matrx/design-system/data-table");
+var import_data_table3 = require("@ai-matrx/design-system/data-table");
 var import_field_formats4 = require("@ai-matrx/design-system/field-formats");
 var import_design_system21 = require("@ai-matrx/design-system");
 
@@ -2779,8 +2785,7 @@ var import_design_system21 = require("@ai-matrx/design-system");
 var import_react20 = require("react");
 
 // src/presentation.ts
-var import_table_style = require("@ai-matrx/design-system/data-table/table-style");
-var import_data_table3 = require("@ai-matrx/design-system/data-table");
+var import_table_style2 = require("@ai-matrx/design-system/data-table/table-style");
 var import_field_formats2 = require("@ai-matrx/design-system/field-formats");
 var import_records11 = require("@ai-matrx/records");
 var DRAWN_KINDS = /* @__PURE__ */ new Set(["select", "multi_select", "relation", "member", "person", "attachment", "file", "entity_reference", "checkbox", "boolean", "signature", "json"]);
@@ -3694,7 +3699,7 @@ var import_field_formats5 = require("@ai-matrx/design-system/field-formats");
 
 // src/formattedValue.tsx
 var import_react29 = require("react");
-var import_data_table4 = require("@ai-matrx/design-system/data-table");
+var import_data_table2 = require("@ai-matrx/design-system/data-table");
 var import_field_formats3 = require("@ai-matrx/design-system/field-formats");
 var import_design_system17 = require("@ai-matrx/design-system");
 var import_outbound_react3 = require("@ai-matrx/kit/outbound-react");
@@ -3831,8 +3836,8 @@ function FormattedValue({
     return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RatingStars, { value, max: format.options?.ratingMax ?? 5, onRate, selectFirst });
   }
   const result = (0, import_field_formats3.formatFieldValue)(value, format);
-  if (!result.ok || result.empty || !def?.rich) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_data_table4.FormattedCell, { result });
-  return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_data_table4.FormattedCell, { result });
+  if (!result.ok || result.empty || !def?.rich) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_data_table2.FormattedCell, { result });
+  return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_data_table2.FormattedCell, { result });
 }
 function linkChipText(raw) {
   try {
@@ -4320,8 +4325,8 @@ function formulaSourceArchived(field, document2) {
   const keys = (field.config ?? {})[FORMULA_INPUT_KEYS];
   if (!Array.isArray(keys) || !document2) return null;
   for (const key of keys) {
-    const state = (0, import_records16.sourceArchivedOf)(document2[String(key)]);
-    if (state) return state;
+    const state2 = (0, import_records16.sourceArchivedOf)(document2[String(key)]);
+    if (state2) return state2;
   }
   return null;
 }
@@ -4373,12 +4378,12 @@ function computedEmptyOf(field, document2) {
   return { kind: "formula" };
 }
 var SOURCE_ARCHIVED_WORDS = "Source archived";
-function sourceArchivedSentence(state) {
-  if (!state.label) return "A column it reads is archived";
-  return state.table ? `${state.label} on ${state.table} is archived` : `${state.label} is archived`;
+function sourceArchivedSentence(state2) {
+  if (!state2.label) return "A column it reads is archived";
+  return state2.table ? `${state2.label} on ${state2.table} is archived` : `${state2.label} is archived`;
 }
-function SourceArchivedValue({ state }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs italic text-muted-foreground", title: sourceArchivedSentence(state), "data-records-source-archived": state.field_id ?? "", children: SOURCE_ARCHIVED_WORDS });
+function SourceArchivedValue({ state: state2 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs italic text-muted-foreground", title: sourceArchivedSentence(state2), "data-records-source-archived": state2.field_id ?? "", children: SOURCE_ARCHIVED_WORDS });
 }
 var ABSENCE_WORDS = ABSENCE_WORD_LABEL;
 function renderValue(field, value, document2, labels, stillWaitingFor, look) {
@@ -4423,7 +4428,7 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
   const chosen = kind === "select" || kind === "multi_select";
   const chipOf = (item) => {
     const chipLook = choiceChipLookOf(field, item, scalarText(field, item, labels));
-    return { className: chipLook.className, tinted: chipLook.color !== null, dot: import_data_table5.SWATCH_CLASS[chipLook.color ?? "gray"] };
+    return { className: chipLook.className, tinted: chipLook.color !== null, dot: import_data_table3.SWATCH_CLASS[chipLook.color ?? "gray"] };
   };
   if (chosen) {
     const items = Array.isArray(value) ? value : [value];
@@ -4530,12 +4535,12 @@ function scalarText(field, value, labels, stillWaitingFor) {
 
 // src/SourceArchivedNotice.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
-function bringBackLabel(state) {
-  return state.label ? `Bring back ${state.label}` : "Bring it back";
+function bringBackLabel(state2) {
+  return state2.label ? `Bring back ${state2.label}` : "Bring it back";
 }
 function SourceArchivedNotice({ fieldId, tableId }) {
   const client = (0, import_react34.useRecordsClient)();
-  const [state, setState] = (0, import_react33.useState)(null);
+  const [state2, setState] = (0, import_react33.useState)(null);
   const [busy, setBusy] = (0, import_react33.useState)(false);
   const [refused, setRefused] = (0, import_react33.useState)(null);
   const read = (0, import_react33.useCallback)(async () => {
@@ -4546,19 +4551,19 @@ function SourceArchivedNotice({ fieldId, tableId }) {
   (0, import_react33.useEffect)(() => {
     void read();
   }, [read]);
-  if (refused && !state) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RefusalNotice, { error: refused });
-  if (!state) return null;
+  if (refused && !state2) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RefusalNotice, { error: refused });
+  if (!state2) return null;
   const restore = async () => {
-    if (!state.field_id) return;
+    if (!state2.field_id) return;
     setBusy(true);
     setRefused(null);
-    const done = await client.fieldRestore({ field_id: state.field_id });
+    const done = await client.fieldRestore({ field_id: state2.field_id });
     setBusy(false);
     if (!done.ok) {
       setRefused(done.error);
       return;
     }
-    if (state.table_id) (0, import_react34.tableShapeChanged)(state.table_id);
+    if (state2.table_id) (0, import_react34.tableShapeChanged)(state2.table_id);
     (0, import_react34.tableShapeChanged)(tableId);
     await read();
   };
@@ -4567,13 +4572,13 @@ function SourceArchivedNotice({ fieldId, tableId }) {
     {
       className: "flex flex-wrap items-center gap-2 rounded-md border border-border px-3 py-2",
       "data-testid": "source-archived-notice",
-      "data-field-id": state.field_id ?? "",
+      "data-field-id": state2.field_id ?? "",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-sm", children: SOURCE_ARCHIVED_WORDS }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: sourceArchivedSentence(state) })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: sourceArchivedSentence(state2) })
         ] }),
-        state.field_id ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_design_system22.Button, { type: "button", size: "sm", variant: "secondary", disabled: busy, onClick: () => void restore(), children: bringBackLabel(state) }) : null,
+        state2.field_id ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_design_system22.Button, { type: "button", size: "sm", variant: "secondary", disabled: busy, onClick: () => void restore(), children: bringBackLabel(state2) }) : null,
         refused ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RefusalNotice, { error: refused, className: "basis-full" }) : null
       ]
     }
@@ -4588,23 +4593,25 @@ var import_react37 = require("@ai-matrx/records/react");
 
 // src/personTime.ts
 var import_react35 = require("react");
-var import_table_style2 = require("@ai-matrx/design-system/data-table/table-style");
-var zone = null;
-var listeners = /* @__PURE__ */ new Set();
+
+// src/personZone.ts
+var import_table_style3 = require("@ai-matrx/design-system/data-table/table-style");
+var import_global_slot = require("@ai-matrx/kit/global-slot");
+var state = (0, import_global_slot.globalSlot)("ai-matrx.records-ui.person-time-zone", () => ({
+  zone: null,
+  listeners: /* @__PURE__ */ new Set()
+}));
 function getPersonTimeZone() {
-  return zone;
+  return state.zone;
 }
-function usePersonTimeZone() {
-  return (0, import_react35.useSyncExternalStore)(
-    (cb) => {
-      listeners.add(cb);
-      return () => listeners.delete(cb);
-    },
-    () => zone,
-    () => null
-  );
+function subscribePersonTimeZone(listener) {
+  state.listeners.add(listener);
+  return () => {
+    state.listeners.delete(listener);
+  };
 }
 function personWallNow(at = /* @__PURE__ */ new Date()) {
+  const zone = state.zone;
   if (!zone) return at;
   const parts = new Intl.DateTimeFormat("en-US", {
     timeZone: zone,
@@ -4620,6 +4627,15 @@ function personWallNow(at = /* @__PURE__ */ new Date()) {
   return new Date(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
 }
 
+// src/personTime.ts
+function usePersonTimeZone() {
+  return (0, import_react35.useSyncExternalStore)(
+    subscribePersonTimeZone,
+    getPersonTimeZone,
+    () => null
+  );
+}
+
 // src/Condition.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var CONDITION_OPS = [
@@ -4647,10 +4663,10 @@ var RELATIVE_DAY_TERMS = [
   { kind: "past_days", label: "is in the past \u2026 days", takesDays: true }
 ];
 function relativeDayNode(fieldId, kind, days) {
-  const zone2 = getPersonTimeZone();
+  const zone = getPersonTimeZone();
   const window2 = { relative: kind };
   if (RELATIVE_DAY_TERMS.find((t) => t.kind === kind)?.takesDays) window2["n"] = days ?? 7;
-  if (zone2) window2["tz"] = zone2;
+  if (zone) window2["tz"] = zone;
   return { op: "within", args: [{ field: fieldId }, { const: window2 }] };
 }
 function relativeDayOf(expr) {
@@ -5829,14 +5845,14 @@ var import_records24 = require("@ai-matrx/records");
 // src/ButtonSettings.tsx
 var import_react42 = require("react");
 var import_design_system28 = require("@ai-matrx/design-system");
-var import_data_table7 = require("@ai-matrx/design-system/data-table");
+var import_data_table5 = require("@ai-matrx/design-system/data-table");
 var import_records23 = require("@ai-matrx/records");
 var import_react43 = require("@ai-matrx/records/react");
 
 // src/AccentSwatches.tsx
 var import_records22 = require("@ai-matrx/records");
 var import_design_system27 = require("@ai-matrx/design-system");
-var import_data_table6 = require("@ai-matrx/design-system/data-table");
+var import_data_table4 = require("@ai-matrx/design-system/data-table");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function AccentSwatches({ value, onChange, options = import_records22.PORTAL_ACCENTS, noneLabel = "App colour" }) {
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-wrap gap-1.5", role: "radiogroup", "aria-label": "Colour", children: [
@@ -5860,10 +5876,10 @@ function AccentSwatches({ value, onChange, options = import_records22.PORTAL_ACC
         type: "button",
         role: "radio",
         "aria-checked": value === c,
-        "aria-label": import_data_table6.STYLE_COLOR_LABELS[c],
-        title: import_data_table6.STYLE_COLOR_LABELS[c],
+        "aria-label": import_data_table4.STYLE_COLOR_LABELS[c],
+        title: import_data_table4.STYLE_COLOR_LABELS[c],
         onClick: () => onChange(c),
-        className: (0, import_design_system27.cn)("h-7 w-7 rounded-full border-2", import_data_table6.SWATCH_CLASS[c], value === c ? "border-foreground" : "border-transparent")
+        className: (0, import_design_system27.cn)("h-7 w-7 rounded-full border-2", import_data_table4.SWATCH_CLASS[c], value === c ? "border-foreground" : "border-transparent")
       },
       c
     ))
@@ -5943,7 +5959,7 @@ function ButtonSettingsEditor({
         AccentSwatches,
         {
           value: value.color ?? "",
-          options: import_data_table7.STYLE_COLORS,
+          options: import_data_table5.STYLE_COLORS,
           noneLabel: "Plain",
           onChange: (next) => set({ color: next === "" ? void 0 : next })
         }
@@ -7008,12 +7024,12 @@ function sourceKindOf(field) {
   if (kind === "attachment") return "file";
   return null;
 }
-function whatIsMissing(state) {
-  const noun = state.noun ?? "column";
-  const { type, label, via, pick, agg, of, relations, formulaFields } = state;
-  const relationTarget = state.relationTarget ?? "";
+function whatIsMissing(state2) {
+  const noun = state2.noun ?? "column";
+  const { type, label, via, pick, agg, of, relations, formulaFields } = state2;
+  const relationTarget = state2.relationTarget ?? "";
   if (label.trim() === "") return `Give the ${noun} a name.`;
-  if (type === "entity_reference") return whatIsMissingForEntityReference(state.allowedTypes ?? []);
+  if (type === "entity_reference") return whatIsMissingForEntityReference(state2.allowedTypes ?? []);
   if (type === "relation") {
     if (relationTarget.trim() === "") return `Choose the table this ${noun} points at.`;
     return null;
@@ -7388,7 +7404,7 @@ function ButtonValue({ field, recordId, inCell }) {
   const [said2, setSaid] = (0, import_react46.useState)(null);
   const [settingUp, setSettingUp] = (0, import_react46.useState)(false);
   if (!b) return null;
-  const color = (0, import_data_table8.isStyleColor)(b.color) ? import_data_table8.CHOICE_CHIP_CLASS[b.color] : import_data_table8.NEUTRAL_CHIP_CLASS;
+  const color = (0, import_data_table6.isStyleColor)(b.color) ? import_data_table6.CHOICE_CHIP_CLASS[b.color] : import_data_table6.NEUTRAL_CHIP_CLASS;
   const needs = (0, import_records26.buttonNeeds)(b);
   const tableId = field.entity_definition_id;
   const press = async () => {
@@ -8951,11 +8967,17 @@ function ChoiceAnswer({
 
 // src/RecordsMount.tsx
 var import_react57 = require("react");
-var import_react58 = require("@ai-matrx/records/react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+
+// src/dataSource.ts
+var import_global_slot2 = require("@ai-matrx/kit/global-slot");
 function personActor(userId) {
   return userId ? { actor: "user", user_id: userId } : { actor: "user" };
 }
+var dataSources = (0, import_global_slot2.globalSlot)("ai-matrx.records-ui.data-sources", () => /* @__PURE__ */ new WeakMap());
+
+// src/RecordsMount.tsx
+var import_react58 = require("@ai-matrx/records/react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 
 // src/TablePickers.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
@@ -8990,7 +9012,7 @@ function readTablesAnywhere(dataSource) {
   return read;
 }
 function useTablesAnywhere(dataSource) {
-  const [state, setState] = (0, import_react59.useState)({ loading: true, error: null, rows: [] });
+  const [state2, setState] = (0, import_react59.useState)({ loading: true, error: null, rows: [] });
   (0, import_react59.useEffect)(() => {
     let live = true;
     void readTablesAnywhere(dataSource).then((result) => {
@@ -9000,7 +9022,7 @@ function useTablesAnywhere(dataSource) {
       live = false;
     };
   }, [dataSource]);
-  return state;
+  return state2;
 }
 function TablePicker({ dataSource, value, onChange, disabled, tables }) {
   const own3 = useTablesAnywhere(dataSource);