@ai-matrx/records-ui 0.93.28 → 0.93.30

package/dist/index.js

@@ -1351,6 +1351,13 @@ function isId(value) {
 function pointsAtRecords(field2) {
   return field2.type === "list" || field2.type === "relation";
 }
+function shownValue(field2, value, labels) {
+  if (!labels || !pointsAtRecords(field2)) return value;
+  const ids = idsOf(value);
+  if (ids.length === 0) return value;
+  const words2 = ids.map((id) => labels(field2, id) ?? id);
+  return Array.isArray(value) ? words2 : words2[0];
+}
 function RecordLabelProvider({ children }) {
   const client = useRecordsClient();
   const [names, setNames] = useState4({});
@@ -6223,12 +6230,12 @@ function measuresFor(field2, storeOps, firstColumn) {
   });
 }
 function gridCopyConfig(args) {
-  const { tableId, tableName: tableName2, fields, rowLabel } = args;
+  const { tableId, tableName: tableName2, fields, rowLabel, labels } = args;
   const shown3 = (row) => {
     const document2 = row.document ?? {};
     const out = {};
     for (const field2 of fields) {
-      if (document2[field2.key] !== void 0) out[fieldName(field2)] = document2[field2.key];
+      if (document2[field2.key] !== void 0) out[fieldName(field2)] = shownValue(field2, document2[field2.key], labels);
     }
     return out;
   };
@@ -7383,7 +7390,9 @@ function useChoiceOptions(fields, keys) {
   return index;
 }
 function lookOf(option) {
-  return { id: String(option.id), key: optionKey2(option), label: optionLabel2(option) };
+  const raw = option.data?.["color"];
+  const color = typeof raw === "string" && STYLE_COLORS4.includes(raw) ? raw : void 0;
+  return { id: String(option.id), key: optionKey2(option), label: optionLabel2(option), ...color ? { color } : {} };
 }
 function paintByOption(style, fields, index, lookup) {
   if (index.size === 0) return { style, documentOf: (doc) => doc, choiceColorFor: lookup };
@@ -7407,10 +7416,13 @@ function paintByOption(style, fields, index, lookup) {
       }
       return out ?? doc;
     },
+    // A CHOICE PAINTS IN ITS OWN COLOUR (DATA-V2-BASICS-2 C1b): an option kept in its own Table
+    // carries the colour its owner gave it; coloured by Status, a "Verified" (green) row was tinted
+    // pink by the hash. The option's colour first, then the column's stored colours, then the hash.
     choiceColorFor: (fieldKey, value) => {
       const option = optionFor(index.get(fieldKey), value);
       if (!option) return lookup(fieldKey, value);
-      return lookup(fieldKey, option.label) ?? lookup(fieldKey, option.key);
+      return option.color ?? lookup(fieldKey, option.label) ?? lookup(fieldKey, option.key);
     }
   };
 }
@@ -12970,9 +12982,19 @@ function Grid({
     records.reload();
   }, [added, controls.columns, columnIds, fields.data, editing, records]);
   addRowRef.current = () => void addRowHere();
+  const labels = useRecordLabels(ordered);
+  const labelsNow = useRef16(labels);
+  labelsNow.current = labels;
+  const labelFor = useCallback18((field2, id) => labelsNow.current(field2, id), []);
+  useEffect32(() => {
+    for (const field2 of ordered) {
+      if (!pointsAtRecords(field2)) continue;
+      for (const row of rows) for (const id of idsOf(row.document?.[field2.key])) labels(field2, id);
+    }
+  }, [ordered, rows, labels]);
   const fieldColumns = useMemo23(
-    () => ordered.map(
-      (field2) => columnForField(
+    () => ordered.map((field2) => ({
+      ...columnForField(
         // A formula's hover text names its columns as they are called NOW (review 2, C3).
         // …and shows as its inputs do (money in, money out), blank when it has nothing to work on.
         withFormulaDisplayNow(field2, ordered, (f) => String(editorKindFor(f)), currencyCodeFor),
@@ -12990,8 +13012,9 @@ function Grid({
           cellFor: (recordId) => enrichCells.get(`${recordId}:${field2.key}`),
           onPin: canWrite ? pinCell : void 0
         }
-      )
-    ),
+      ),
+      ...pointsAtRecords(field2) ? { copyValue: (row) => shownValue(field2, row.document?.[field2.key], labelFor) } : {}
+    })),
     [
       ordered,
       canWrite,
@@ -13061,9 +13084,10 @@ function Grid({
       tableId,
       tableName: tableName(table.data),
       fields: ordered,
-      rowLabel: (row) => recordNameIn(table.data, row.document ?? {})
+      rowLabel: (row) => recordNameIn(table.data, row.document ?? {}),
+      labels: labelFor
     }) : null,
-    [tableId, table.data, ordered]
+    [tableId, table.data, ordered, labelFor]
   );
   const tableStyleProp = useMemo23(
     () => tableStyleIsEmpty2(paint.style) ? null : {
@@ -13956,13 +13980,6 @@ function toRows(fields, records, labels) {
     return row;
   });
 }
-function shownValue(field2, value, labels) {
-  if (!labels || !pointsAtRecords(field2)) return value;
-  const ids = idsOf(value);
-  if (ids.length === 0) return value;
-  const words2 = ids.map((id) => labels(field2, id) ?? id);
-  return Array.isArray(value) ? words2 : words2[0];
-}
 function download(name, mime, bytes) {
   const url = URL.createObjectURL(new Blob([bytes], { type: mime }));
   const anchor = document.createElement("a");