@ai-matrx/records-ui 0.101.30 → 0.101.31

package/dist/pickers.cjs

@@ -4394,13 +4394,31 @@ function BindingDetails({
 }
 
 // src/PickedSummaries.tsx
-var import_react35 = require("@ai-matrx/records/react");
+var import_react36 = require("@ai-matrx/records/react");
 
 // src/values.tsx
 var import_data_table4 = require("@ai-matrx/design-system/data-table");
 var import_field_formats5 = require("@ai-matrx/design-system/field-formats");
 var import_design_system20 = require("@ai-matrx/design-system");
 
+// src/embeddedLook.tsx
+var import_react34 = require("react");
+var EmbeddedLookContext = (0, import_react34.createContext)(null);
+var EmbeddedLookProvider = EmbeddedLookContext.Provider;
+function useEmbeddedLook() {
+  return (0, import_react34.useContext)(EmbeddedLookContext);
+}
+var EMBEDDED_TABLE_CLASS = [
+  "[&_tbody_td]:h-10",
+  "[&_tbody_td]:align-middle!",
+  "[&_tbody_td]:border-r",
+  "[&_tbody_td]:border-border",
+  "[&_tbody_td:last-child]:border-r-0",
+  "[&_thead_th]:border-r",
+  "[&_thead_th]:border-border",
+  "[&_thead_th:last-child]:border-r-0"
+].join(" ");
+
 // src/enumLabels.ts
 function exhaustiveValuesOf() {
   return function(values) {
@@ -4436,7 +4454,7 @@ var ABSENCE_WORD_LABEL = {
 var import_core2 = require("@ai-matrx/records/core");
 
 // src/WholeValue.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_core = require("@ai-matrx/records/core");
 var import_design_system18 = require("@ai-matrx/design-system");
 var import_jsx_runtime21 = require("react/jsx-runtime");
@@ -4533,10 +4551,39 @@ function referencesOf(field, value, kind, labels) {
 }
 var ARCHIVED_REFERENCE_WORD = "Archived";
 var ARCHIVED_REFERENCE_TIP = "In the Archived view; restore it to use it again";
+function PageGlyph() {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 14, height: 14, fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "data-records-page-glyph": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M10 13H8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M16 17H8" })
+  ] });
+}
 function ReferenceChip({ reference, waiting }) {
   const host = useRecordsUi();
   const words = reference.label ?? (reference.token === "record" ? waiting ?? "Loading\u2026" : WITHHELD_ENTITY_LABEL);
   const drawn = host.renderReference ? host.renderReference({ ...reference, label: reference.label ?? words }) : null;
+  const look = useEmbeddedLook();
+  if (look?.plainRelation) {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      "span",
+      {
+        className: (0, import_design_system19.cn)(
+          "inline-flex max-w-full min-w-0 items-center gap-1.5 text-sm text-foreground hover:underline [&_a]:text-inherit [&_a]:no-underline [&_a:hover]:underline",
+          reference.archived && "opacity-70"
+        ),
+        "data-records-reference-chip": reference.token,
+        "data-records-reference-plain": "",
+        "data-records-reference-archived": reference.archived ? "" : void 0,
+        title: reference.archived ? ARCHIVED_REFERENCE_TIP : words,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { "aria-hidden": "true", "data-records-reference-icon": "", className: "inline-flex size-4 shrink-0 items-center justify-center text-muted-foreground", children: reference.icon ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm leading-none", children: reference.icon }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PageGlyph, {}) }),
+          drawn ?? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "truncate", children: words }),
+          reference.archived ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "shrink-0 text-muted-foreground", children: ARCHIVED_REFERENCE_WORD }) : null
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     import_design_system19.Badge,
     {
@@ -4690,7 +4737,7 @@ function renderValue(field, value, document2, labels, stillWaitingFor, look) {
           "data-records-choice-chip": "",
           ...chip.tinted ? { "data-records-choice-tint": "" } : {},
           children: [
-            look?.choiceDot ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": "true", "data-records-choice-dot": "", className: (0, import_design_system20.cn)("mr-1.5 inline-block size-1.5 shrink-0 rounded-full", chip.dot) }) : null,
+            look?.choiceDot ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": "true", "data-matrx-pill-ink": "", "data-records-choice-dot": "", className: (0, import_design_system20.cn)("mr-1.5 inline-block size-1.5 shrink-0 rounded-full", chip.dot) }) : null,
             statusMark(field, item, Array.isArray(value) ? void 0 : document2),
             scalarText(field, item, labels, Array.isArray(value) ? void 0 : stillWaitingFor)
           ]
@@ -4811,7 +4858,7 @@ function ColumnValuesText({
   );
 }
 function ColumnValuesWords({ tableId, value }) {
-  const fields = (0, import_react35.useFields)(tableId);
+  const fields = (0, import_react36.useFields)(tableId);
   const labels = useRecordLabels(fields.data ?? void 0);
   if (fields.loading) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2026" });
   if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "Couldn't load this table's columns" });
@@ -4850,8 +4897,8 @@ function RecordNameText({
   );
 }
 function RecordNameWords({ tableId, recordId }) {
-  const table = (0, import_react35.useTable)(tableId);
-  const record = (0, import_react35.useRecord)(recordId);
+  const table = (0, import_react36.useTable)(tableId);
+  const record = (0, import_react36.useRecord)(recordId);
   if (record.loading || table.loading) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "\u2026" });
   if (record.error) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "Couldn't load this record" });
   if (!record.data) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: "A record you cannot open" });
@@ -4859,19 +4906,19 @@ function RecordNameWords({ tableId, recordId }) {
 }
 
 // src/HeldChangeDecision.tsx
-var import_react36 = require("react");
-var import_react37 = require("@ai-matrx/records/react");
+var import_react37 = require("react");
+var import_react38 = require("@ai-matrx/records/react");
 var import_design_system21 = require("@ai-matrx/design-system");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react37.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Decision, { approvalId, onDecided }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react38.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Decision, { approvalId, onDecided }) });
 }
 function Decision({ approvalId, onDecided }) {
-  const client = (0, import_react37.useRecordsClient)();
-  const [may, setMay] = (0, import_react36.useState)(null);
-  const [busy, setBusy] = (0, import_react36.useState)(null);
-  const [error, setError] = (0, import_react36.useState)(null);
-  (0, import_react36.useEffect)(() => {
+  const client = (0, import_react38.useRecordsClient)();
+  const [may, setMay] = (0, import_react37.useState)(null);
+  const [busy, setBusy] = (0, import_react37.useState)(null);
+  const [error, setError] = (0, import_react37.useState)(null);
+  (0, import_react37.useEffect)(() => {
     let live = true;
     void client.workApprovalMayDecide({ approval_id: approvalId }).then((res) => {
       if (!live) return;