@ai-matrx/records-ui 0.93.142 → 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

@@ -451,6 +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";
+var UNREAD_RECORD_LABEL = "Couldn't load this name";
 
 // src/RelationPicker.tsx
 import { useEffect as useEffect3, useMemo, useState as useState3 } from "react";
@@ -929,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 }));
     });
@@ -1528,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;
         })
@@ -4490,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({
@@ -4505,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(
@@ -4532,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,