@ai-matrx/records-ui 0.93.153 → 0.95.3

package/dist/pickers.d.cts

@@ -37,10 +37,13 @@ interface TableScopeProps {
     children: ReactNode;
     /** Shown while the Table's organization is unknown, or when no Table is chosen. */
     fallback?: ReactNode;
+    /** Shown when the list of Tables could not be read, or the Table is not one this person can
+     *  open — a scope that never resolves must say so, never wait forever. Defaults to `fallback`. */
+    unavailable?: ReactNode;
     tables?: TablesAnywhere;
 }
 /** The record store, bound to the organization the chosen Table lives in. */
-declare function TableScope({ dataSource, userId, tableId, children, fallback, tables }: TableScopeProps): react.JSX.Element;
+declare function TableScope({ dataSource, userId, tableId, children, fallback, unavailable, tables }: TableScopeProps): react.JSX.Element;
 interface ColumnValuesEditorProps {
     tableId: string;
     /** `{field key: stored value}` — what the step matches on or writes. */

package/dist/pickers.d.ts

@@ -37,10 +37,13 @@ interface TableScopeProps {
     children: ReactNode;
     /** Shown while the Table's organization is unknown, or when no Table is chosen. */
     fallback?: ReactNode;
+    /** Shown when the list of Tables could not be read, or the Table is not one this person can
+     *  open — a scope that never resolves must say so, never wait forever. Defaults to `fallback`. */
+    unavailable?: ReactNode;
     tables?: TablesAnywhere;
 }
 /** The record store, bound to the organization the chosen Table lives in. */
-declare function TableScope({ dataSource, userId, tableId, children, fallback, tables }: TableScopeProps): react.JSX.Element;
+declare function TableScope({ dataSource, userId, tableId, children, fallback, unavailable, tables }: TableScopeProps): react.JSX.Element;
 interface ColumnValuesEditorProps {
     tableId: string;
     /** `{field key: stored value}` — what the step matches on or writes. */

package/dist/pickers.js

@@ -398,6 +398,63 @@ function BarcodeControl({ value, onChange, disabled, id }) {
   ] });
 }
 
+// src/choiceLooks.ts
+import {
+  CHOICE_CHIP_CLASS,
+  NEUTRAL_CHIP_CLASS,
+  STYLE_COLORS
+} from "@ai-matrx/design-system/data-table";
+function displayFormatOf(field) {
+  const raw = field.display_format;
+  if (!raw || typeof raw !== "object") return null;
+  const id = raw.id;
+  if (typeof id !== "string" || id === "") return null;
+  const options = raw.options;
+  return { id, options: options && typeof options === "object" ? options : {} };
+}
+function isStyleColor(v) {
+  return typeof v === "string" && STYLE_COLORS.includes(v);
+}
+function choiceLooksOf(field) {
+  const display = displayFormatOf(field);
+  const choices = display?.options["choices"];
+  if (!Array.isArray(choices)) return [];
+  const out = [];
+  for (const c of choices) {
+    if (!c || typeof c !== "object") continue;
+    const value = c.value;
+    if (typeof value !== "string" || value.trim() === "") continue;
+    const color = c.color;
+    const label = c.label;
+    out.push({
+      value: value.trim(),
+      ...typeof label === "string" && label.trim() !== "" ? { label: label.trim() } : {},
+      ...isStyleColor(color) ? { color } : {}
+    });
+  }
+  return out;
+}
+function choiceWord(value) {
+  return String(value ?? "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
+}
+function storedChoiceColor(field, value) {
+  if (value === null || value === void 0 || value === "") return void 0;
+  const word = choiceWord(value);
+  if (word === "") return void 0;
+  for (const look of choiceLooksOf(field)) {
+    if (!look.color) continue;
+    if (choiceWord(look.value) === word || look.label && choiceWord(look.label) === word) return look.color;
+  }
+  return void 0;
+}
+function choiceChipLookOf(field, ...words) {
+  for (const word of words) {
+    const color = storedChoiceColor(field, word);
+    if (color) return { className: CHOICE_CHIP_CLASS[color], color };
+  }
+  return { className: NEUTRAL_CHIP_CLASS, color: null };
+}
+
 // src/parity.ts
 import {
   KERNEL_TABLES,
@@ -2440,7 +2497,7 @@ function PersonPicker({ field, value, onChange, disabled, id, className, autoOpe
 
 // src/presentation.ts
 import {
-  STYLE_COLORS,
+  STYLE_COLORS as STYLE_COLORS2,
   parseTableStyle,
   tableStyleIsEmpty
 } from "@ai-matrx/design-system/data-table";
@@ -2512,7 +2569,7 @@ import { getFieldFormat as getFieldFormat3, parseFieldInput } from "@ai-matrx/de
 // src/formattedValue.tsx
 import { useRef as useRef7 } from "react";
 import { FormattedCell } from "@ai-matrx/design-system/data-table";
-import { formatFieldValue as formatFieldValue2, getFieldFormat as getFieldFormat2 } from "@ai-matrx/design-system/field-formats";
+import { formatFieldValue as formatFieldValue2, formatPhone, getFieldFormat as getFieldFormat2 } from "@ai-matrx/design-system/field-formats";
 import { cn as cn10 } from "@ai-matrx/design-system";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var LINK = "inline-flex min-w-0 items-center gap-1 text-primary hover:underline";
@@ -2652,16 +2709,6 @@ function FormattedValue({
   if (!result.ok || result.empty || !def?.rich) return /* @__PURE__ */ jsx13(FormattedCell, { result });
   return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ jsx13(FormattedCell, { result });
 }
-function formatPhone(raw) {
-  const text = raw.trim();
-  const digits = text.replace(/\D/g, "");
-  if (/[a-z]/i.test(text.replace(/ext\.?|x/gi, ""))) return text;
-  if (digits.length === 10 && !text.startsWith("+")) return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;
-  if (digits.length === 11 && digits.startsWith("1") && (text.startsWith("+1") || text.startsWith("1") || !text.startsWith("+"))) {
-    return `+1 (${digits.slice(1, 4)}) ${digits.slice(4, 7)}-${digits.slice(7)}`;
-  }
-  return text;
-}
 function linkChipText(raw) {
   try {
     const url = new URL(raw.includes("://") ? raw : `https://${raw}`);
@@ -2946,63 +2993,6 @@ function useChoiceNudge(enabled = true) {
   return nudge;
 }
 
-// src/choiceLooks.ts
-import {
-  CHOICE_CHIP_CLASS,
-  NEUTRAL_CHIP_CLASS,
-  STYLE_COLORS as STYLE_COLORS2
-} from "@ai-matrx/design-system/data-table";
-function displayFormatOf(field) {
-  const raw = field.display_format;
-  if (!raw || typeof raw !== "object") return null;
-  const id = raw.id;
-  if (typeof id !== "string" || id === "") return null;
-  const options = raw.options;
-  return { id, options: options && typeof options === "object" ? options : {} };
-}
-function isStyleColor(v) {
-  return typeof v === "string" && STYLE_COLORS2.includes(v);
-}
-function choiceLooksOf(field) {
-  const display = displayFormatOf(field);
-  const choices = display?.options["choices"];
-  if (!Array.isArray(choices)) return [];
-  const out = [];
-  for (const c of choices) {
-    if (!c || typeof c !== "object") continue;
-    const value = c.value;
-    if (typeof value !== "string" || value.trim() === "") continue;
-    const color = c.color;
-    const label = c.label;
-    out.push({
-      value: value.trim(),
-      ...typeof label === "string" && label.trim() !== "" ? { label: label.trim() } : {},
-      ...isStyleColor(color) ? { color } : {}
-    });
-  }
-  return out;
-}
-function choiceWord(value) {
-  return String(value ?? "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
-}
-function storedChoiceColor(field, value) {
-  if (value === null || value === void 0 || value === "") return void 0;
-  const word = choiceWord(value);
-  if (word === "") return void 0;
-  for (const look of choiceLooksOf(field)) {
-    if (!look.color) continue;
-    if (choiceWord(look.value) === word || look.label && choiceWord(look.label) === word) return look.color;
-  }
-  return void 0;
-}
-function choiceChipLookOf(field, ...words) {
-  for (const word of words) {
-    const color = storedChoiceColor(field, word);
-    if (color) return { className: CHOICE_CHIP_CLASS[color], color };
-  }
-  return { className: NEUTRAL_CHIP_CLASS, color: null };
-}
-
 // src/editors.tsx
 import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var CHOICE_EDITOR_ADDS_WHAT_IS_TYPED = true;
@@ -3904,25 +3894,43 @@ function madeOn(stamp) {
 
 // src/TablePickers.tsx
 import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+var SHARED_FOR_MS = 5e3;
+var sharedReads = /* @__PURE__ */ new WeakMap();
+function readTablesAnywhere(dataSource) {
+  const held = sharedReads.get(dataSource);
+  if (held && Date.now() - held.at < SHARED_FOR_MS) return held.read;
+  const read = Promise.resolve(dataSource.rpc("data_home_tables", {}, { schema: "custom" })).then(
+    ({ data, error }) => {
+      if (error) {
+        return {
+          loading: false,
+          error: refusalSentence({ message: String(error["message"] ?? "") }) || "Tables could not be read.",
+          rows: []
+        };
+      }
+      const rows = (Array.isArray(data) ? data : []).slice();
+      rows.sort((a, b) => a.table_name.localeCompare(b.table_name));
+      return { loading: false, error: null, rows };
+    },
+    (thrown) => ({
+      loading: false,
+      error: String(thrown?.message ?? thrown) || "Tables could not be read.",
+      rows: []
+    })
+  );
+  sharedReads.set(dataSource, { at: Date.now(), read });
+  void read.then((result) => {
+    if (result.error && sharedReads.get(dataSource)?.read === read) sharedReads.delete(dataSource);
+  });
+  return read;
+}
 function useTablesAnywhere(dataSource) {
   const [state, setState] = useState16({ loading: true, error: null, rows: [] });
   useEffect12(() => {
     let live = true;
-    void Promise.resolve(dataSource.rpc("data_home_tables", {}, { schema: "custom" })).then(
-      ({ data, error }) => {
-        if (!live) return;
-        if (error) {
-          setState({ loading: false, error: refusalSentence({ message: String(error["message"] ?? "") }) || "Tables could not be read.", rows: [] });
-          return;
-        }
-        const rows = (Array.isArray(data) ? data : []).slice();
-        rows.sort((a, b) => a.table_name.localeCompare(b.table_name));
-        setState({ loading: false, error: null, rows });
-      },
-      (thrown) => {
-        if (live) setState({ loading: false, error: String(thrown?.message ?? thrown), rows: [] });
-      }
-    );
+    void readTablesAnywhere(dataSource).then((result) => {
+      if (live) setState(result);
+    });
     return () => {
       live = false;
     };
@@ -3962,10 +3970,11 @@ function TablePicker({ dataSource, value, onChange, disabled, tables }) {
     missing && /* @__PURE__ */ jsx19("p", { className: "text-[11px] text-destructive", children: "This table is archived or not shared with you." })
   ] });
 }
-function TableScope({ dataSource, userId, tableId, children, fallback = null, tables }) {
+function TableScope({ dataSource, userId, tableId, children, fallback = null, unavailable, tables }) {
   const own3 = useTablesAnywhere(dataSource);
   const list = tables ?? own3;
   const organizationId = list.rows.find((t) => t.table_id === tableId)?.organization_id ?? null;
+  if (tableId && !organizationId && !list.loading) return /* @__PURE__ */ jsx19(Fragment5, { children: unavailable ?? fallback });
   if (!tableId || !organizationId) return /* @__PURE__ */ jsx19(Fragment5, { children: fallback });
   return /* @__PURE__ */ jsx19(RecordsProvider2, { config: { dataSource, actor: personActor(userId), organizationId }, children });
 }
@@ -4394,6 +4403,9 @@ function WholeValueCell({ words, pointer }) {
   ] });
 }
 
+// src/values.tsx
+import { formatPhone as formatPhone2 } from "@ai-matrx/design-system/field-formats";
+
 // src/ReferenceChips.tsx
 import { entityRefsOf as entityRefsOf2 } from "@ai-matrx/records";
 import { Badge as Badge4, cn as cn15 } from "@ai-matrx/design-system";
@@ -4638,7 +4650,7 @@ function renderValue(field, value, document2, labels, stillWaitingFor) {
         title: value,
         "data-records-phone": "",
         onClick: (event) => event.stopPropagation(),
-        children: formatPhone(value)
+        children: formatPhone2(value)
       }
     );
   }
@@ -4704,7 +4716,17 @@ function ColumnValuesText({
   value
 }) {
   if (!tableId) return /* @__PURE__ */ jsx24(Fragment7, { children: "\u2014" });
-  return /* @__PURE__ */ jsx24(TableScope, { dataSource, userId, tableId, fallback: /* @__PURE__ */ jsx24(Fragment7, { children: "\u2026" }), children: /* @__PURE__ */ jsx24(RecordLabelProvider, { children: /* @__PURE__ */ jsx24(ColumnValuesWords, { tableId, value }) }) });
+  return /* @__PURE__ */ jsx24(
+    TableScope,
+    {
+      dataSource,
+      userId,
+      tableId,
+      fallback: /* @__PURE__ */ jsx24(Fragment7, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ jsx24(Fragment7, { children: "Couldn't load this table's columns" }),
+      children: /* @__PURE__ */ jsx24(RecordLabelProvider, { children: /* @__PURE__ */ jsx24(ColumnValuesWords, { tableId, value }) })
+    }
+  );
 }
 function ColumnValuesWords({ tableId, value }) {
   const fields = useFields3(tableId);
@@ -4733,7 +4755,17 @@ function RecordNameText({
   recordId
 }) {
   if (!tableId || !recordId) return /* @__PURE__ */ jsx24(Fragment7, { children: "\u2014" });
-  return /* @__PURE__ */ jsx24(TableScope, { dataSource, userId, tableId, fallback: /* @__PURE__ */ jsx24(Fragment7, { children: "\u2026" }), children: /* @__PURE__ */ jsx24(RecordNameWords, { tableId, recordId }) });
+  return /* @__PURE__ */ jsx24(
+    TableScope,
+    {
+      dataSource,
+      userId,
+      tableId,
+      fallback: /* @__PURE__ */ jsx24(Fragment7, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ jsx24(Fragment7, { children: "Couldn't load this record" }),
+      children: /* @__PURE__ */ jsx24(RecordNameWords, { tableId, recordId })
+    }
+  );
 }
 function RecordNameWords({ tableId, recordId }) {
   const table = useTable3(tableId);