@ai-matrx/records-ui 0.93.153 → 0.95.3

package/dist/pickers.cjs

@@ -409,6 +409,59 @@ function BarcodeControl({ value, onChange, disabled, id }) {
   ] });
 }
 
+// src/choiceLooks.ts
+var import_data_table = require("@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" && import_data_table.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: import_data_table.CHOICE_CHIP_CLASS[color], color };
+  }
+  return { className: import_data_table.NEUTRAL_CHIP_CLASS, color: null };
+}
+
 // src/parity.ts
 var import_records2 = require("@ai-matrx/records");
 var import_text_case = require("@ai-matrx/kit/text-case");
@@ -2437,7 +2490,7 @@ function PersonPicker({ field, value, onChange, disabled, id, className, autoOpe
 }
 
 // src/presentation.ts
-var import_data_table = require("@ai-matrx/design-system/data-table");
+var import_data_table2 = require("@ai-matrx/design-system/data-table");
 var import_field_formats2 = require("@ai-matrx/design-system/field-formats");
 var import_records8 = require("@ai-matrx/records");
 var DRAWN_KINDS = /* @__PURE__ */ new Set(["select", "multi_select", "relation", "member", "person", "attachment", "file", "entity_reference", "checkbox", "boolean", "signature", "json"]);
@@ -2505,7 +2558,7 @@ var import_field_formats4 = require("@ai-matrx/design-system/field-formats");
 
 // src/formattedValue.tsx
 var import_react19 = require("react");
-var import_data_table2 = require("@ai-matrx/design-system/data-table");
+var import_data_table3 = require("@ai-matrx/design-system/data-table");
 var import_field_formats3 = require("@ai-matrx/design-system/field-formats");
 var import_design_system11 = require("@ai-matrx/design-system");
 var import_jsx_runtime13 = require("react/jsx-runtime");
@@ -2580,7 +2633,7 @@ function rich(id, text, raw, format) {
     case "url":
       return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { href: text.includes("://") ? text : `https://${text}`, target: "_blank", rel: "noopener noreferrer", className: LINK, onClick: own2, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "truncate", children: text }) });
     case "phone":
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { href: `tel:${text.replace(/[^\d+]/g, "")}`, className: LINK, onClick: own2, title: text, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "truncate tabular-nums", children: formatPhone(text) }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { href: `tel:${text.replace(/[^\d+]/g, "")}`, className: LINK, onClick: own2, title: text, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "truncate tabular-nums", children: (0, import_field_formats3.formatPhone)(text) }) });
     case "address":
       return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "a",
@@ -2643,18 +2696,8 @@ function FormattedValue({
     return /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsx)(import_data_table2.FormattedCell, { result });
-  return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_data_table2.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;
+  if (!result.ok || result.empty || !def?.rich) return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_data_table3.FormattedCell, { result });
+  return rich(def.id, result.text, value, format) ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_data_table3.FormattedCell, { result });
 }
 function linkChipText(raw) {
   try {
@@ -2940,59 +2983,6 @@ function useChoiceNudge(enabled = true) {
   return nudge;
 }
 
-// src/choiceLooks.ts
-var import_data_table3 = require("@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" && import_data_table3.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: import_data_table3.CHOICE_CHIP_CLASS[color], color };
-  }
-  return { className: import_data_table3.NEUTRAL_CHIP_CLASS, color: null };
-}
-
 // src/editors.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var CHOICE_EDITOR_ADDS_WHAT_IS_TYPED = true;
@@ -3894,25 +3884,43 @@ function madeOn(stamp) {
 
 // src/TablePickers.tsx
 var import_jsx_runtime19 = require("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] = (0, import_react30.useState)({ loading: true, error: null, rows: [] });
   (0, import_react30.useEffect)(() => {
     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;
     };
@@ -3952,10 +3960,11 @@ function TablePicker({ dataSource, value, onChange, disabled, tables }) {
     missing && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("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__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: unavailable ?? fallback });
   if (!tableId || !organizationId) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: fallback });
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react31.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children });
 }
@@ -4384,6 +4393,9 @@ function WholeValueCell({ words, pointer }) {
   ] });
 }
 
+// src/values.tsx
+var import_field_formats6 = require("@ai-matrx/design-system/field-formats");
+
 // src/ReferenceChips.tsx
 var import_records13 = require("@ai-matrx/records");
 var import_design_system19 = require("@ai-matrx/design-system");
@@ -4628,7 +4640,7 @@ function renderValue(field, value, document2, labels, stillWaitingFor) {
         title: value,
         "data-records-phone": "",
         onClick: (event) => event.stopPropagation(),
-        children: formatPhone(value)
+        children: (0, import_field_formats6.formatPhone)(value)
       }
     );
   }
@@ -4694,7 +4706,17 @@ function ColumnValuesText({
   value
 }) {
   if (!tableId) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2014" });
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableScope, { dataSource, userId, tableId, fallback: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2026" }), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RecordLabelProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ColumnValuesWords, { tableId, value }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    TableScope,
+    {
+      dataSource,
+      userId,
+      tableId,
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "Couldn't load this table's columns" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RecordLabelProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ColumnValuesWords, { tableId, value }) })
+    }
+  );
 }
 function ColumnValuesWords({ tableId, value }) {
   const fields = (0, import_react35.useFields)(tableId);
@@ -4723,7 +4745,17 @@ function RecordNameText({
   recordId
 }) {
   if (!tableId || !recordId) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2014" });
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableScope, { dataSource, userId, tableId, fallback: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2026" }), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RecordNameWords, { tableId, recordId }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    TableScope,
+    {
+      dataSource,
+      userId,
+      tableId,
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2026" }),
+      unavailable: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "Couldn't load this record" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RecordNameWords, { tableId, recordId })
+    }
+  );
 }
 function RecordNameWords({ tableId, recordId }) {
   const table = (0, import_react35.useTable)(tableId);