@ai-matrx/records-ui 0.115.79 → 0.115.80

package/CHANGELOG.md

@@ -1,10 +1,25 @@
 # Changelog — @ai-matrx/records-ui
 
-## 0.115.79
+## 0.115.80
 
 UNVERIFIED: this release has no Unreleased entry and the source comparison could not be made (the caller supplied no source comparison). Whether source changed is unknown; consumer action is unknown.
 Check the package's gitHead on npm against this version's gitHead: `git diff <previous gitHead> <this gitHead> -- apps/shared/records-ui/src`.
 
+## 0.115.79
+
+SOURCE CHANGED WITH NO RELEASE NOTE. This release shipped source changes that nobody described in an Unreleased entry,
+so they may include breaking API changes. Consumer action is UNKNOWN: read the diff before upgrading.
+Diff: `git diff c3135c57b9 aa17cdaf9c -- apps/shared/records-ui/src`
+
+Changed shipped source files (7):
+- `apps/shared/records-ui/src/ImportWizard.tsx`
+- `apps/shared/records-ui/src/TablePage.tsx`
+- `apps/shared/records-ui/src/ViewBar.tsx`
+- `apps/shared/records-ui/src/gridAttachments.tsx`
+- `apps/shared/records-ui/src/gridColumns.tsx`
+- `apps/shared/records-ui/src/importRuleCheck.ts`
+- `apps/shared/records-ui/src/viewActions.ts`
+
 ## 0.115.78
 
 SOURCE CHANGED WITH NO RELEASE NOTE. This release shipped source changes that nobody described in an Unreleased entry,
@@ -31,6 +46,7 @@ Changed shipped source files (3):
 ## 0.115.76
 ### Unreleased
 
+- `ViewFilter` / `Condition` (NOTION-Q): a view's filter asks a multi-select column Notion's list questions (contains, does not contain, is empty, is not empty) and offers the fields of every table a relation points at ("Client › Client Type is / is not Past Client", the store's `linked` node: "is" = some linked record is, "is not" = none is). New exports `LIST_TERMS`, `linkedNode`, `linkedOf`; `ConditionField.via`. Needs the store migration `notionq_a_a_multi_pick_and_a_linked_field_filter_a_list`.
 - `ViewSwitcher newRowValues`: the host hands the values a new row starts with (Spaces: a view filtered to "This page's row" hands the relation), and every add path of every layout — the grid's add line and toolbar, board and pipeline "+", gallery, list, calendar, timeline — writes them with the row. A path's own values (a board column's stage) win. Absent: a blank row, as before.
 - The formula editor's function list follows the store's vocabulary: Airtable's remaining functions (ROUNDUP, FLOOR, COUNTA,
   IS_BEFORE, DATETIME_DIFF, WORKDAY_DIFF, ARRAYFLATTEN, REGEX_EXTRACT, RECORD_ID, …) are offered, and CREATED_TIME() and

package/dist/index.cjs

@@ -8006,6 +8006,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, op2, value) {
+  return {
+    op: "linked",
+    match: op2 === "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_react46.createContext)(false);
 var RELATIVE_DAY_TERMS = [
   { kind: "today", label: "is today" },
@@ -8118,13 +8145,15 @@ function ChoiceValue({ field: field2, 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;
 }
@@ -8142,7 +8171,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";
@@ -8163,6 +8198,12 @@ function conditionInWords(expr, fields) {
     const args = Array.isArray(n["args"]) ? n["args"] : [];
     if (op2 === "not") return `not ${walk(args[0])}`;
     if (op2 === "present") return `${walk(args[0])} has been answered`;
+    if (op2 === "is_empty") return `${walk(args[0])} is empty`;
+    if (op2 === "is_not_empty") return `${walk(args[0])} is not empty`;
+    if (op2 === "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);
@@ -8195,12 +8236,14 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
   const filterTerms = (0, import_react46.useContext)(FilterTermsContext);
   const relative = relativeDayOf(expr);
   const reader = meOf(expr);
-  const op2 = 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 op2 = 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;
@@ -8213,8 +8256,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 ?? (op2 || (next.field ? CONDITION_OPS[0].op : ""));
@@ -8224,8 +8270,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_runtime32.jsxs)("div", { className: className ?? "flex flex-wrap items-center gap-1 text-xs", children: [
@@ -8258,7 +8309,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
           className: "h-8 w-auto min-w-[6rem] text-xs",
           value: op2,
           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" }
         }
       ),
@@ -8272,7 +8323,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 || op2 === "present" ? null : pointsAtARecord(chosen) ? (
+      ) : null : reader || VALUELESS_OPS.has(op2) ? 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
@@ -8290,7 +8341,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
             allowCreate: false
           }
         )
-      ) : isChoiceColumn(chosen) && (op2 === "eq" || op2 === "ne") ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChoiceValue, { field: chosen.field, value: String(value ?? ""), onChange: (word) => write({ value: word }) }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      ) : isChoiceColumn(chosen) && (op2 === "eq" || op2 === "ne" || op2 === "contains" || op2 === "not_contains") ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChoiceValue, { field: chosen.field, value: String(value ?? ""), onChange: (word) => write({ value: word }) }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         import_design_system28.BasicInput,
         {
           className: "h-8 w-28 text-xs",
@@ -53157,10 +53208,39 @@ function ViewFilter({ tableId, view, onApply, className }) {
   (0, import_react310.useEffect)(() => {
     setDraft(saved);
   }, [view?.id, savedKey]);
-  const conditionFields = (0, import_react310.useMemo)(
-    () => (fields.data ?? []).map((f) => ({ id: f.id, key: f.key, label: f.label || f.key, field: f })),
+  const client = (0, import_react311.useOptionalRecordsClient)();
+  const relations = (0, import_react310.useMemo)(
+    () => (fields.data ?? []).filter((f) => f.type === "relation" && !!f.relation_target),
     [fields.data]
   );
+  const [linkedFields, setLinkedFields] = (0, import_react310.useState)({});
+  (0, import_react310.useEffect)(() => {
+    if (!open || !client) return;
+    let cancelled = false;
+    for (const rel of relations) {
+      const target = String(rel.relation_target);
+      void client.fields({ table_id: target }).then((got) => {
+        if (cancelled || !got.ok) return;
+        setLinkedFields((now) => ({ ...now, [rel.id]: got.data ?? [] }));
+      });
+    }
+    return () => {
+      cancelled = true;
+    };
+  }, [open, client, relations]);
+  const conditionFields = (0, import_react310.useMemo)(() => {
+    const own3 = (fields.data ?? []).map((f) => ({ id: f.id, key: f.key, label: f.label || f.key, field: f }));
+    const reached = relations.flatMap(
+      (rel) => (linkedFields[rel.id] ?? []).filter((inner2) => inner2.type !== "relation").map((inner2) => ({
+        id: `${rel.id}>${inner2.id}`,
+        key: `${rel.key}.${inner2.key}`,
+        label: `${rel.label || rel.key} \u203A ${inner2.label || inner2.key}`,
+        field: inner2,
+        via: { id: rel.id, fieldId: inner2.id }
+      }))
+    );
+    return [...own3, ...reached];
+  }, [fields.data, relations, linkedFields]);
   if (!view) return null;
   const count = conditionCount(saved);
   const changed2 = JSON.stringify(draft) !== savedKey;