@ai-matrx/records-ui 0.115.78 → 0.115.80

package/dist/pickers.cjs

@@ -4032,46 +4032,63 @@ function AttachmentChip({ id, onRemove, onPreview }) {
   const words = read?.name ?? (read ? FILE_CHIP_UNREAD : "\u2026");
   const href = read?.fileId ? host.hrefForFile?.({ fileId: read.fileId }) : void 0;
   const title = onPreview ? `Preview ${words}` : href ? `Open ${words}` : read?.why ?? FILE_CHIP_NO_PAGE;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_design_system19.Badge, { variant: "secondary", className: "max-w-[14rem] gap-1 text-[11px]", "data-records-file-chip": id, title, children: [
-    onPreview ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "truncate underline-offset-2 hover:underline",
-        "data-records-file-preview": id,
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    import_design_system19.Badge,
+    {
+      variant: "secondary",
+      className: (0, import_design_system19.cn)("max-w-[14rem] gap-1 text-[11px]", onPreview && "cursor-pointer"),
+      "data-records-file-chip": id,
+      title,
+      ...onPreview ? {
         onClick: (event) => {
           event.stopPropagation();
           onPreview();
         },
         onMouseDown: (event) => event.stopPropagation(),
-        onDoubleClick: (event) => event.stopPropagation(),
-        children: words
-      }
-    ) : href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      import_outbound_react4.OutboundLink,
-      {
-        href,
-        className: "truncate underline-offset-2 hover:underline",
-        "data-records-file-link": read?.fileId ?? "",
-        onClick: (event) => event.stopPropagation(),
-        onMouseDown: (event) => event.stopPropagation(),
-        children: words
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "truncate", children: words }),
-    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Remove ${words}`,
-        className: "shrink-0 rounded px-0.5 text-muted-foreground hover:text-foreground",
-        onClick: (event) => {
-          event.stopPropagation();
-          onRemove();
-        },
-        children: "\xD7"
-      }
-    ) : null
-  ] });
+        onDoubleClick: (event) => event.stopPropagation()
+      } : {},
+      children: [
+        onPreview ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "truncate underline-offset-2 hover:underline",
+            "data-records-file-preview": id,
+            onClick: (event) => {
+              event.stopPropagation();
+              onPreview();
+            },
+            onMouseDown: (event) => event.stopPropagation(),
+            onDoubleClick: (event) => event.stopPropagation(),
+            children: words
+          }
+        ) : href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_outbound_react4.OutboundLink,
+          {
+            href,
+            className: "truncate underline-offset-2 hover:underline",
+            "data-records-file-link": read?.fileId ?? "",
+            onClick: (event) => event.stopPropagation(),
+            onMouseDown: (event) => event.stopPropagation(),
+            children: words
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "truncate", children: words }),
+        onRemove ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Remove ${words}`,
+            className: "shrink-0 rounded px-0.5 text-muted-foreground hover:text-foreground",
+            onClick: (event) => {
+              event.stopPropagation();
+              onRemove();
+            },
+            children: "\xD7"
+          }
+        ) : null
+      ]
+    }
+  );
 }
 function AttachmentChips({ value, onRemove }) {
   const host = useRecordsUi();
@@ -4112,6 +4129,18 @@ function AttachmentViewer({
     {
       className: "sm:max-w-3xl",
       "data-records-attachment-viewer": id,
+      tabIndex: -1,
+      onOpenAutoFocus: (event) => {
+        event.preventDefault();
+        event.currentTarget.focus();
+      },
+      onCloseAutoFocus: (event) => {
+        const chip = document.querySelector(`[data-records-file-preview="${ids[index]}"]`);
+        if (chip) {
+          event.preventDefault();
+          chip.focus();
+        }
+      },
       onKeyDown: (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -4749,6 +4778,33 @@ var CONDITION_OPS = [
   { op: "gte", label: "is at least" },
   { op: "lte", label: "is at most" }
 ];
+var LIST_TERMS = [
+  { op: "contains", label: "contains" },
+  { op: "not_contains", label: "does not contain" },
+  { op: "is_empty", label: "is empty" },
+  { op: "is_not_empty", label: "is not empty" }
+];
+var VALUELESS_OPS = /* @__PURE__ */ new Set(["present", "is_empty", "is_not_empty"]);
+var LINK_SEP = ">";
+function linkedNode(viaId, innerId, op, value) {
+  return {
+    op: "linked",
+    match: op === "eq" ? "any" : "none",
+    args: [{ field: viaId }, { op: "eq", args: [{ field: innerId }, { const: value }] }]
+  };
+}
+function linkedOf(expr) {
+  const node = asNode(expr);
+  if (!node || node["op"] !== "linked") return null;
+  const [rel, cond] = argsOf(node);
+  const innerNode = asNode(cond);
+  const [a, b] = innerNode ? argsOf(innerNode) : [];
+  const match = node["match"] ?? "any";
+  if (!rel || typeof rel["field"] !== "string" || !innerNode || innerNode["op"] !== "eq") return null;
+  if (!a || typeof a["field"] !== "string" || !b || !("const" in b)) return null;
+  if (match !== "any" && match !== "none") return null;
+  return { via: rel["field"], inner: a["field"], op: match === "any" ? "eq" : "ne", value: b["const"] };
+}
 var FilterTermsContext = (0, import_react36.createContext)(false);
 var RELATIVE_DAY_TERMS = [
   { kind: "today", label: "is today" },
@@ -4861,13 +4917,15 @@ function ChoiceValue({ field, value, onChange }) {
 }
 function conditionIsSimple(expr) {
   if (expr === null || expr === void 0) return true;
-  if (relativeDayOf(expr) !== null || meOf(expr) !== null) return true;
+  if (relativeDayOf(expr) !== null || meOf(expr) !== null || linkedOf(expr) !== null) return true;
   const node = expr;
-  if (typeof node.op !== "string" || !CONDITION_OPS.some((c) => c.op === node.op)) return false;
+  if (typeof node.op !== "string" || !(CONDITION_OPS.some((c) => c.op === node.op) || LIST_TERMS.some((c) => c.op === node.op))) {
+    return false;
+  }
   if (!Array.isArray(node.args)) return false;
   const first = node.args[0];
   if (!first || typeof first.field !== "string") return false;
-  if (node.op === "present") return node.args.length === 1;
+  if (VALUELESS_OPS.has(node.op)) return node.args.length === 1;
   const second = node.args[1];
   return node.args.length === 2 && !!second && "const" in second;
 }
@@ -4885,7 +4943,13 @@ function conditionInWords(expr, fields) {
     lte: "is at most",
     and: "and",
     or: "or",
-    matches: "matches"
+    matches: "matches",
+    contains: "contains",
+    not_contains: "does not contain",
+    has_any: "has any of",
+    has_all: "has all of",
+    has_none: "has none of",
+    is_exactly: "is exactly"
   };
   const walk = (node) => {
     if (node === null || node === void 0) return "nothing";
@@ -4906,6 +4970,12 @@ function conditionInWords(expr, fields) {
     const args = Array.isArray(n["args"]) ? n["args"] : [];
     if (op === "not") return `not ${walk(args[0])}`;
     if (op === "present") return `${walk(args[0])} has been answered`;
+    if (op === "is_empty") return `${walk(args[0])} is empty`;
+    if (op === "is_not_empty") return `${walk(args[0])} is not empty`;
+    if (op === "linked") {
+      const how = n["match"] === "every" ? "every" : n["match"] === "none" ? "none of" : "any";
+      return `${how} linked record in ${walk(args[0])}: ${walk(args[1])}`;
+    }
     const dayRange = relativeDayOf(n);
     if (dayRange) {
       const term = RELATIVE_DAY_TERMS.find((t) => t.kind === dayRange.kind);
@@ -4938,12 +5008,14 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
   const filterTerms = (0, import_react36.useContext)(FilterTermsContext);
   const relative = relativeDayOf(expr);
   const reader = meOf(expr);
-  const op = relative ? `rel:${relative.kind}` : reader ? reader.which : node?.op ?? "";
-  const onField = node?.args?.[0]?.field ?? "";
-  const value = relative || reader ? "" : node?.args?.[1]?.const ?? "";
+  const linked = linkedOf(expr);
+  const op = relative ? `rel:${relative.kind}` : reader ? reader.which : linked ? linked.op : node?.op ?? "";
+  const onField = linked ? `${linked.via}${LINK_SEP}${linked.inner}` : node?.args?.[0]?.field ?? "";
+  const value = relative || reader ? "" : linked ? linked.value : node?.args?.[1]?.const ?? "";
   const chosen = fields.find((f) => f.id === onField);
   const chosenKind = chosen?.field ? String(editorKindFor(chosen.field)) : "";
-  const extraTerms = !filterTerms ? [] : chosenKind === "datetime" ? RELATIVE_DAY_TERMS.map((t) => ({ op: `rel:${t.kind}`, label: t.label })) : chosenKind === "member" ? [{ op: "me", label: "is me" }, { op: "not_me", label: "is not me" }] : [];
+  const extraTerms = !filterTerms || chosen?.via ? [] : chosenKind === "datetime" ? RELATIVE_DAY_TERMS.map((t) => ({ op: `rel:${t.kind}`, label: t.label })) : chosenKind === "member" ? [{ op: "me", label: "is me" }, { op: "not_me", label: "is not me" }] : chosenKind === "multi_select" ? LIST_TERMS : [];
+  const baseTerms = chosen?.via ? CONDITION_OPS.filter((c) => c.op === "eq" || c.op === "ne") : CONDITION_OPS;
   const relativeTerm = relative ? RELATIVE_DAY_TERMS.find((t) => t.kind === relative.kind) : void 0;
   function write(next) {
     const picked = next.op;
@@ -4956,8 +5028,11 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
       onChange(relativeDayNode(fieldNow, relative.kind, next.days));
       return;
     }
-    if (next.field !== void 0 && (relative || reader)) {
-      onChange(next.field ? { op: CONDITION_OPS[0].op, args: [{ field: next.field }, { const: "" }] } : null);
+    if (next.field !== void 0 && (relative || reader || linked)) {
+      const target2 = fields.find((f) => f.id === next.field);
+      onChange(
+        !next.field ? null : target2?.via ? linkedNode(target2.via.id, target2.via.fieldId, "eq", "") : { op: CONDITION_OPS[0].op, args: [{ field: next.field }, { const: "" }] }
+      );
       return;
     }
     const chosenOp = next.op ?? (op || (next.field ? CONDITION_OPS[0].op : ""));
@@ -4967,8 +5042,13 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
       onChange(null);
       return;
     }
+    const target = fields.find((f) => f.id === chosenField);
+    if (target?.via) {
+      onChange(linkedNode(target.via.id, target.via.fieldId, chosenOp === "ne" ? "ne" : "eq", chosenValue));
+      return;
+    }
     onChange(
-      chosenOp === "present" ? { op: "present", args: [{ field: chosenField }] } : { op: chosenOp, args: [{ field: chosenField }, { const: chosenValue }] }
+      VALUELESS_OPS.has(chosenOp) ? { op: chosenOp, args: [{ field: chosenField }] } : { op: chosenOp, args: [{ field: chosenField }, { const: chosenValue }] }
     );
   }
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: className ?? "flex flex-wrap items-center gap-1 text-xs", children: [
@@ -5001,7 +5081,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
           className: "h-8 w-auto min-w-[6rem] text-xs",
           value: op,
           onChange: (next) => write({ op: next }),
-          options: [...CONDITION_OPS, ...extraTerms].map((c) => ({ value: c.op, label: c.label })),
+          options: [...baseTerms, ...extraTerms].map((c) => ({ value: c.op, label: c.label })),
           attrs: { "data-condition": "comparison" }
         }
       ),
@@ -5015,7 +5095,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
           value: String(relative.days ?? 7),
           onChange: (e) => write({ days: Math.max(0, Math.floor(Number(e.target.value) || 0)) })
         }
-      ) : null : reader || op === "present" ? null : pointsAtARecord(chosen) ? (
+      ) : null : reader || VALUELESS_OPS.has(op) ? null : pointsAtARecord(chosen) ? (
         // A RECORD IS PICKED BY ITS WORDS, NEVER TYPED AS AN ID. The same picker the
         // cell uses, on the same `relation_words_many` the cell reads, so a filter and
         // the column it filters can never disagree about what a record is called. It
@@ -5033,7 +5113,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
             allowCreate: false
           }
         )
-      ) : isChoiceColumn(chosen) && (op === "eq" || op === "ne") ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChoiceValue, { field: chosen.field, value: String(value ?? ""), onChange: (word) => write({ value: word }) }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      ) : isChoiceColumn(chosen) && (op === "eq" || op === "ne" || op === "contains" || op === "not_contains") ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChoiceValue, { field: chosen.field, value: String(value ?? ""), onChange: (word) => write({ value: word }) }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         import_design_system23.BasicInput,
         {
           className: "h-8 w-28 text-xs",