@ai-matrx/records-ui 0.93.28 → 0.93.30

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.93.30
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.93.29..npm/records-ui/v0.93.30 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.93.29
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.93.28..npm/records-ui/v0.93.29 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
 ## 0.93.28
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/index.cjs

@@ -1710,6 +1710,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 = (0, import_react9.useRecordsClient)();
   const [names, setNames] = (0, import_react8.useState)({});
@@ -6534,12 +6541,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;
   };
@@ -7680,7 +7687,9 @@ function useChoiceOptions(fields, keys) {
   return index;
 }
 function lookOf(option) {
-  return { id: String(option.id), key: (0, import_records12.optionKey)(option), label: (0, import_records12.optionLabel)(option) };
+  const raw = option.data?.["color"];
+  const color = typeof raw === "string" && import_data_table7.STYLE_COLORS.includes(raw) ? raw : void 0;
+  return { id: String(option.id), key: (0, import_records12.optionKey)(option), label: (0, import_records12.optionLabel)(option), ...color ? { color } : {} };
 }
 function paintByOption(style, fields, index, lookup) {
   if (index.size === 0) return { style, documentOf: (doc) => doc, choiceColorFor: lookup };
@@ -7704,10 +7713,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);
     }
   };
 }
@@ -13179,9 +13191,19 @@ function Grid({
     records.reload();
   }, [added, controls.columns, columnIds, fields.data, editing, records]);
   addRowRef.current = () => void addRowHere();
+  const labels = useRecordLabels(ordered);
+  const labelsNow = (0, import_react72.useRef)(labels);
+  labelsNow.current = labels;
+  const labelFor = (0, import_react72.useCallback)((field2, id) => labelsNow.current(field2, id), []);
+  (0, import_react72.useEffect)(() => {
+    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 = (0, import_react72.useMemo)(
-    () => 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),
@@ -13199,8 +13221,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,
@@ -13270,9 +13293,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 = (0, import_react72.useMemo)(
     () => (0, import_data_table9.tableStyleIsEmpty)(paint.style) ? null : {
@@ -14165,13 +14189,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");