@ai-matrx/records-ui 0.93.140 → 0.93.146

package/dist/pickers.d.cts

@@ -134,4 +134,15 @@ declare function RecordNameText({ dataSource, userId, tableId, recordId, }: {
     recordId: string | null;
 }): react.JSX.Element;
 
-export { ColumnValuesEditor, type ColumnValuesEditorProps, ColumnValuesText, DATA_BINDING_MISSING, DATA_BINDING_SHAPES, type DataBinding, DataBindingPicker, type DataBindingPickerProps, type DataBindingShape, RecordNameText, RecordPicker, type RecordPickerProps, type TableAnywhere, TableNameText, TablePicker, type TablePickerProps, TableScope, type TableScopeProps, type TablesAnywhere, bindingPlaceholdersFor, defaultBindingTemplate, emptyDataBinding, isCompleteDataBinding, isDataBinding, useTablesAnywhere };
+interface HeldChangeDecisionProps {
+    dataSource: RecordsDataSource;
+    userId: Uuid | null;
+    /** The organization the held change lives in (the marker's `organization_id`). */
+    organizationId: Uuid;
+    approvalId: Uuid;
+    /** Told once the store took the decision; `approved` says which way. */
+    onDecided: (approved: boolean) => void;
+}
+declare function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided }: HeldChangeDecisionProps): react.JSX.Element;
+
+export { ColumnValuesEditor, type ColumnValuesEditorProps, ColumnValuesText, DATA_BINDING_MISSING, DATA_BINDING_SHAPES, type DataBinding, DataBindingPicker, type DataBindingPickerProps, type DataBindingShape, HeldChangeDecision, type HeldChangeDecisionProps, RecordNameText, RecordPicker, type RecordPickerProps, type TableAnywhere, TableNameText, TablePicker, type TablePickerProps, TableScope, type TableScopeProps, type TablesAnywhere, bindingPlaceholdersFor, defaultBindingTemplate, emptyDataBinding, isCompleteDataBinding, isDataBinding, useTablesAnywhere };

package/dist/pickers.d.ts

@@ -134,4 +134,15 @@ declare function RecordNameText({ dataSource, userId, tableId, recordId, }: {
     recordId: string | null;
 }): react.JSX.Element;
 
-export { ColumnValuesEditor, type ColumnValuesEditorProps, ColumnValuesText, DATA_BINDING_MISSING, DATA_BINDING_SHAPES, type DataBinding, DataBindingPicker, type DataBindingPickerProps, type DataBindingShape, RecordNameText, RecordPicker, type RecordPickerProps, type TableAnywhere, TableNameText, TablePicker, type TablePickerProps, TableScope, type TableScopeProps, type TablesAnywhere, bindingPlaceholdersFor, defaultBindingTemplate, emptyDataBinding, isCompleteDataBinding, isDataBinding, useTablesAnywhere };
+interface HeldChangeDecisionProps {
+    dataSource: RecordsDataSource;
+    userId: Uuid | null;
+    /** The organization the held change lives in (the marker's `organization_id`). */
+    organizationId: Uuid;
+    approvalId: Uuid;
+    /** Told once the store took the decision; `approved` says which way. */
+    onDecided: (approved: boolean) => void;
+}
+declare function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided }: HeldChangeDecisionProps): react.JSX.Element;
+
+export { ColumnValuesEditor, type ColumnValuesEditorProps, ColumnValuesText, DATA_BINDING_MISSING, DATA_BINDING_SHAPES, type DataBinding, DataBindingPicker, type DataBindingPickerProps, type DataBindingShape, HeldChangeDecision, type HeldChangeDecisionProps, RecordNameText, RecordPicker, type RecordPickerProps, type TableAnywhere, TableNameText, TablePicker, type TablePickerProps, TableScope, type TableScopeProps, type TablesAnywhere, bindingPlaceholdersFor, defaultBindingTemplate, emptyDataBinding, isCompleteDataBinding, isDataBinding, useTablesAnywhere };

package/dist/pickers.js

@@ -400,21 +400,35 @@ import {
   fieldKindFor,
   newerKindOf as newerKindOf2
 } from "@ai-matrx/records";
+import { humanizeIdentifier } from "@ai-matrx/kit/text-case";
+
+// src/docs.ts
+function isSignatureField(field) {
+  return field.type === "text" && (field.format ?? "").toLowerCase() === "signature";
+}
+
+// src/parity.ts
+var kernelId = (name) => KERNEL_TABLES.find((t) => t.name === name)?.id ?? "";
+var KERNEL_FILE_TABLE = kernelId("File");
+var KERNEL_PERSON_TABLE = kernelId("Person");
+var PARITY_MADE_OF = Object.fromEntries(
+  PARITY_FIELD_TYPES.map((p) => [p.parity_type, p.made_of])
+);
+var KERNEL = { file: KERNEL_FILE_TABLE, person: KERNEL_PERSON_TABLE };
+function editorKindFor(field) {
+  return fieldKindFor(field, KERNEL);
+}
 
 // src/names.ts
 import { isUuidShape } from "@ai-matrx/kit/uuid";
-function humanize(token) {
-  const words = token.replace(/[_\-.]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").trim();
-  if (words === "") return token;
-  return words.charAt(0).toUpperCase() + words.slice(1);
-}
+import { humanizeIdentifier as humanizeIdentifier2 } from "@ai-matrx/kit/text-case";
 function fieldName(field) {
   const label = (field.label ?? "").trim();
-  if (label !== "" && label === field.key && /^[a-z0-9]+(?:[_.-][a-z0-9]+)+$/.test(label)) return humanize(label);
+  if (label !== "" && label === field.key && /^[a-z0-9]+(?:[_.-][a-z0-9]+)+$/.test(label)) return humanizeIdentifier2(label);
   if (label !== "") return label;
   const name = (field.name ?? "").trim();
   if (name !== "") return name;
-  return humanize(field.key);
+  return humanizeIdentifier2(field.key);
 }
 function recordName(document2, titleKey, fallback = "Untitled") {
   const data = document2 ?? {};
@@ -437,23 +451,7 @@ function rowNameIn(table, row, fallback = "Untitled") {
   return recordName(row?.document, table?.title_field ?? null, fallback);
 }
 var WITHHELD_RECORD_LABEL = "A record you have not been given access to";
-
-// src/docs.ts
-function isSignatureField(field) {
-  return field.type === "text" && (field.format ?? "").toLowerCase() === "signature";
-}
-
-// src/parity.ts
-var kernelId = (name) => KERNEL_TABLES.find((t) => t.name === name)?.id ?? "";
-var KERNEL_FILE_TABLE = kernelId("File");
-var KERNEL_PERSON_TABLE = kernelId("Person");
-var PARITY_MADE_OF = Object.fromEntries(
-  PARITY_FIELD_TYPES.map((p) => [p.parity_type, p.made_of])
-);
-var KERNEL = { file: KERNEL_FILE_TABLE, person: KERNEL_PERSON_TABLE };
-function editorKindFor(field) {
-  return fieldKindFor(field, KERNEL);
-}
+var UNREAD_RECORD_LABEL = "Couldn't load this name";
 
 // src/RelationPicker.tsx
 import { useEffect as useEffect3, useMemo, useState as useState3 } from "react";
@@ -932,7 +930,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
       const learned = {};
       for (const id2 of wanted) {
         const said = result.ok ? result.data[id2] : void 0;
-        learned[id2] = typeof said === "string" && said !== "" ? said : WITHHELD_RECORD_LABEL;
+        learned[id2] = !result.ok ? UNREAD_RECORD_LABEL : typeof said === "string" && said !== "" ? said : WITHHELD_RECORD_LABEL;
       }
       setWords((current) => ({ ...current, ...learned }));
     });
@@ -1531,7 +1529,7 @@ function RecordLabelProvider({ children }) {
           });
           for (const id of wanted) {
             const words = result.ok ? result.data[id] : void 0;
-            learned[id] = typeof words === "string" && words !== "" ? words : WITHHELD_RECORD_LABEL;
+            learned[id] = !result.ok ? UNREAD_RECORD_LABEL : typeof words === "string" && words !== "" ? words : WITHHELD_RECORD_LABEL;
           }
           if (result.ok) for (const id of result.archived ?? []) archivedNow[`${field.id}:${id}`] = true;
         })
@@ -4199,6 +4197,7 @@ import { Badge as Badge4, cn as cn14 } from "@ai-matrx/design-system";
 
 // src/kindValues.ts
 import { tryDecodeDirective } from "@ai-matrx/content-ir/directives";
+import { humanizeIdentifier as humanizeIdentifier3 } from "@ai-matrx/kit/text-case";
 var KIND_KEY = "__kind";
 var WHOLE_FENCE = /^\s*```(?:matrx|json)?[ \t]*\r?\n?([\s\S]*?)\r?\n?[ \t]*```\s*$/;
 function asObject(value) {
@@ -4244,8 +4243,7 @@ function kindValueWords(kv) {
   return kindLabel(kv.kind);
 }
 function kindLabel(kind) {
-  const words = kind.replace(/^directive_v\d+_/, "").replace(/_v\d+$/, "").replace(/_/g, " ").trim();
-  return words ? words.charAt(0).toUpperCase() + words.slice(1) : "Structured value";
+  return humanizeIdentifier3(kind.replace(/^directive_v\d+_/, "").replace(/_v\d+$/, "")) || "Structured value";
 }
 
 // src/ReferenceChips.tsx
@@ -4493,6 +4491,7 @@ function TableNameText({ dataSource, tableId }) {
   const tables = useTablesAnywhere(dataSource);
   if (!tableId) return /* @__PURE__ */ jsx23(Fragment7, { children: "\u2014" });
   if (tables.loading) return /* @__PURE__ */ jsx23(Fragment7, { children: "\u2026" });
+  if (tables.error) return /* @__PURE__ */ jsx23(Fragment7, { children: "Couldn't load the table's name" });
   return /* @__PURE__ */ jsx23(Fragment7, { children: tables.rows.find((t) => t.table_id === tableId)?.table_name ?? "\u2014" });
 }
 function ColumnValuesText({
@@ -4508,8 +4507,10 @@ function ColumnValuesWords({ tableId, value }) {
   const fields = useFields3(tableId);
   const labels = useRecordLabels(fields.data ?? void 0);
   if (fields.loading) return /* @__PURE__ */ jsx23(Fragment7, { children: "\u2026" });
+  if (fields.error) return /* @__PURE__ */ jsx23(Fragment7, { children: "Couldn't load this table's columns" });
   const parts = [];
   for (const [key, stored] of Object.entries(value)) {
+    if (key.startsWith("_")) continue;
     const field = (fields.data ?? []).find((f) => f.key === key);
     if (parts.length) parts.push(/* @__PURE__ */ jsx23("span", { children: ", " }, `${key}-sep`));
     parts.push(
@@ -4535,15 +4536,62 @@ function RecordNameWords({ tableId, recordId }) {
   const table = useTable3(tableId);
   const record = useRecord(recordId);
   if (record.loading || table.loading) return /* @__PURE__ */ jsx23(Fragment7, { children: "\u2026" });
+  if (record.error) return /* @__PURE__ */ jsx23(Fragment7, { children: "Couldn't load this record" });
   if (!record.data) return /* @__PURE__ */ jsx23(Fragment7, { children: "A record you cannot open" });
   return /* @__PURE__ */ jsx23(Fragment7, { children: recordName(record.data.document, table.data?.title_field ?? null) });
 }
+
+// src/HeldChangeDecision.tsx
+import { useEffect as useEffect15, useState as useState17 } from "react";
+import { RecordsProvider as RecordsProvider3, useRecordsClient as useRecordsClient3 } from "@ai-matrx/records/react";
+import { Button as Button11 } from "@ai-matrx/design-system";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided }) {
+  return /* @__PURE__ */ jsx24(RecordsProvider3, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ jsx24(Decision, { approvalId, onDecided }) });
+}
+function Decision({ approvalId, onDecided }) {
+  const client = useRecordsClient3();
+  const [may, setMay] = useState17(null);
+  const [busy, setBusy] = useState17(null);
+  const [error, setError] = useState17(null);
+  useEffect15(() => {
+    let live = true;
+    void client.workApprovalMayDecide({ approval_id: approvalId }).then((res) => {
+      if (!live) return;
+      if (res.ok) setMay(res.data);
+      else {
+        setMay(false);
+        setError(res.error);
+      }
+    });
+    return () => {
+      live = false;
+    };
+  }, [client, approvalId]);
+  const decide = async (approve) => {
+    setBusy(approve ? "approve" : "refuse");
+    setError(null);
+    const res = await client.workApprovalDecide({ approval_id: approvalId, approve });
+    setBusy(null);
+    if (res.ok) onDecided(approve);
+    else setError(res.error);
+  };
+  if (may === null) return /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
+  return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-1.5", children: [
+    may ? /* @__PURE__ */ jsxs21("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx24(Button11, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : "Approve" }),
+      /* @__PURE__ */ jsx24(Button11, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
+    ] }) : !error && /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
+    error ? /* @__PURE__ */ jsx24(RefusalLine, { error }) : null
+  ] });
+}
 export {
   ColumnValuesEditor,
   ColumnValuesText,
   DATA_BINDING_MISSING,
   DATA_BINDING_SHAPES,
   DataBindingPicker,
+  HeldChangeDecision,
   RecordNameText,
   RecordPicker,
   TableNameText,