@ai-matrx/records-ui 0.115.75 → 0.115.77

package/dist/pickers.js

@@ -2046,7 +2046,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
 
 // src/buttonCell.tsx
 import { useState as useState24 } from "react";
-import { Button as Button16, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Popover as Popover4, PopoverContent as PopoverContent4, PopoverTrigger as PopoverTrigger4, cn as cn21 } from "@ai-matrx/design-system";
+import { Button as Button16, Dialog as Dialog2, DialogContent as DialogContent2, DialogDescription, DialogHeader as DialogHeader2, DialogTitle as DialogTitle2, Popover as Popover4, PopoverContent as PopoverContent4, PopoverTrigger as PopoverTrigger4, cn as cn21 } from "@ai-matrx/design-system";
 import { CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS2, NEUTRAL_CHIP_CLASS as NEUTRAL_CHIP_CLASS2, isStyleColor as isStyleColor2 } from "@ai-matrx/design-system/data-table";
 import { buttonNeeds as buttonNeeds2, buttonOf as buttonOf2 } from "@ai-matrx/records";
 import { useOptionalRecordsClient as useOptionalRecordsClient8 } from "@ai-matrx/records/react";
@@ -2584,9 +2584,7 @@ var NOT_TYPED_BY_NAME = /* @__PURE__ */ new Set([
   "fx.lte",
   "fx.gt",
   "fx.gte",
-  "fx.autonumber",
-  "fx.created_time",
-  "fx.modified_time"
+  "fx.autonumber"
 ]);
 function formulaFunctionNames(kinds) {
   return [...new Set(kinds.map((row) => row.node))].filter((node) => node.startsWith("fx.") && !NOT_TYPED_BY_NAME.has(node)).map((node) => node.slice(3).toUpperCase()).sort();
@@ -3439,13 +3437,38 @@ var CONTEXT_POLICY_LABEL = {
   exclude: "No, keep it away from assistants"
 };
 var SUBSCRIPTION_CADENCES = exhaustiveValuesOf()(["instant", "hourly", "daily", "weekly"]);
-var ROLLUP_AGG_VALUES = ["count", "sum", "avg", "min", "max"];
+var ROLLUP_AGG_VALUES = [
+  "count",
+  "sum",
+  "avg",
+  "min",
+  "max",
+  // AIRTABLE PARITY (lane AT-FORMULA): the aggregates that read the linked values as they are.
+  "countall",
+  "counta",
+  "and",
+  "or",
+  "xor",
+  "arrayjoin",
+  "concatenate",
+  "arrayunique",
+  "arraycompact"
+];
 var ROLLUP_AGG_LABEL = {
   count: "How many there are",
   sum: "The total of",
   avg: "The average of",
   min: "The smallest",
-  max: "The largest"
+  max: "The largest",
+  countall: "How many values, empty ones too",
+  counta: "How many values are filled in",
+  and: "Yes when every value is yes",
+  or: "Yes when any value is yes",
+  xor: "Yes when an odd number are yes",
+  arrayjoin: "All the values, joined with commas",
+  concatenate: "All the values, run together",
+  arrayunique: "Each different value once",
+  arraycompact: "The values that are filled in"
 };
 var FORMULA_OP_VALUES = ["concat", "add", "sub", "mul", "div"];
 var FORMULA_OP_LABEL = {
@@ -3917,7 +3940,7 @@ function linkChipText(raw) {
 // src/gridAttachments.tsx
 import { useEffect as useEffect11, useRef as useRef10, useState as useState17 } from "react";
 import { useOptionalRecordsClient as useOptionalRecordsClient5 } from "@ai-matrx/records/react";
-import { Badge as Badge3, Button as Button10 } from "@ai-matrx/design-system";
+import { Badge as Badge3, Button as Button10, Dialog, DialogContent, DialogHeader, DialogTitle } from "@ai-matrx/design-system";
 
 // src/FilePicker.tsx
 import { useCallback as useCallback4, useId, useRef as useRef9, useState as useState16 } from "react";
@@ -4037,20 +4060,19 @@ function rememberHostFileIds(ids) {
 }
 var FILE_CHIP_UNREAD = "File";
 var FILE_CHIP_NO_PAGE = "This screen has no way to open files yet.";
-function AttachmentChip({ id, onRemove }) {
+function useFileRead(id) {
   const client = useOptionalRecordsClient5();
-  const host = useRecordsUi();
   const [read, setRead] = useState17(null);
   useEffect11(() => {
     let cancelled = false;
-    if (!client) {
-      setRead({ name: null, fileId: null, why: null });
-      return;
-    }
     if (handedHostFileIds.has(id)) {
       setRead({ name: null, fileId: id, why: null });
       return;
     }
+    if (!client) {
+      setRead({ name: null, fileId: null, why: null });
+      return;
+    }
     void client.recordRead({ record_id: id }).then((answered) => {
       if (cancelled) return;
       if (!answered.ok) {
@@ -4066,11 +4088,30 @@ function AttachmentChip({ id, onRemove }) {
       cancelled = true;
     };
   }, [client, id]);
+  return read;
+}
+function AttachmentChip({ id, onRemove, onPreview }) {
+  const host = useRecordsUi();
+  const read = useFileRead(id);
   const words = read?.name ?? (read ? FILE_CHIP_UNREAD : "\u2026");
   const href = read?.fileId ? host.hrefForFile?.({ fileId: read.fileId }) : void 0;
-  const title = href ? `Open ${words}` : read?.why ?? FILE_CHIP_NO_PAGE;
+  const title = onPreview ? `Preview ${words}` : href ? `Open ${words}` : read?.why ?? FILE_CHIP_NO_PAGE;
   return /* @__PURE__ */ jsxs19(Badge3, { variant: "secondary", className: "max-w-[14rem] gap-1 text-[11px]", "data-records-file-chip": id, title, children: [
-    href ? /* @__PURE__ */ jsx21(
+    onPreview ? /* @__PURE__ */ jsx21(
+      "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__ */ jsx21(
       OutboundLink4,
       {
         href,
@@ -4097,9 +4138,70 @@ function AttachmentChip({ id, onRemove }) {
   ] });
 }
 function AttachmentChips({ value, onRemove }) {
+  const host = useRecordsUi();
   const ids = attachmentIdsOf(value);
+  const [viewing, setViewing] = useState17(null);
   if (ids.length === 0) return null;
-  return /* @__PURE__ */ jsx21("span", { className: "flex flex-wrap gap-1", "data-records-file-chips": "", children: ids.map((id) => /* @__PURE__ */ jsx21(AttachmentChip, { id, ...onRemove ? { onRemove: () => onRemove(id) } : {} }, id)) });
+  const canPreview = Boolean(host.fileImage);
+  return /* @__PURE__ */ jsxs19("span", { className: "flex flex-wrap gap-1", "data-records-file-chips": "", children: [
+    ids.map((id, index) => /* @__PURE__ */ jsx21(
+      AttachmentChip,
+      {
+        id,
+        ...onRemove ? { onRemove: () => onRemove(id) } : {},
+        ...canPreview ? { onPreview: () => setViewing(index) } : {}
+      },
+      id
+    )),
+    viewing !== null && canPreview ? /* @__PURE__ */ jsx21(AttachmentViewer, { ids, index: Math.min(viewing, ids.length - 1), onIndex: setViewing, onClose: () => setViewing(null) }) : null
+  ] });
+}
+function stepAttachment(index, total, way) {
+  return Math.max(0, Math.min(total - 1, index + way));
+}
+function AttachmentViewer({
+  ids,
+  index,
+  onIndex,
+  onClose
+}) {
+  const host = useRecordsUi();
+  const id = ids[index];
+  const read = useFileRead(id);
+  const name = read?.name ?? (read ? FILE_CHIP_UNREAD : "\u2026");
+  const href = read?.fileId ? host.hrefForFile?.({ fileId: read.fileId }) : void 0;
+  const go = (way) => onIndex(stepAttachment(index, ids.length, way));
+  return /* @__PURE__ */ jsx21(Dialog, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs19(
+    DialogContent,
+    {
+      className: "sm:max-w-3xl",
+      "data-records-attachment-viewer": id,
+      onKeyDown: (event) => {
+        if (event.key === "ArrowLeft") {
+          event.preventDefault();
+          go(-1);
+        } else if (event.key === "ArrowRight") {
+          event.preventDefault();
+          go(1);
+        }
+      },
+      onClick: (event) => event.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsx21(DialogHeader, { children: /* @__PURE__ */ jsx21(DialogTitle, { className: "truncate text-sm", children: name }) }),
+        /* @__PURE__ */ jsx21("div", { className: "relative h-[60vh] w-full overflow-hidden rounded-md bg-muted", "data-records-attachment-stage": "", children: read?.fileId ? host.fileImage?.({ fileId: read.fileId, alt: name }) : null }),
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx21(Button10, { size: "sm", variant: "outline", "aria-label": "Previous file", disabled: index === 0, onClick: () => go(-1), "data-records-attachment-previous": "", children: "\u2190" }),
+          /* @__PURE__ */ jsx21(Button10, { size: "sm", variant: "outline", "aria-label": "Next file", disabled: index >= ids.length - 1, onClick: () => go(1), "data-records-attachment-next": "", children: "\u2192" }),
+          /* @__PURE__ */ jsxs19("span", { className: "text-xs tabular-nums text-muted-foreground", "data-records-attachment-position": "", children: [
+            index + 1,
+            " of ",
+            ids.length
+          ] }),
+          href ? /* @__PURE__ */ jsx21(OutboundLink4, { href, className: "ml-auto text-xs underline-offset-2 hover:underline", children: "Open in new tab" }) : null
+        ] })
+      ]
+    }
+  ) });
 }
 function hostTakesFiles(host) {
   return Boolean(host.pickFiles || host.upload);
@@ -6302,6 +6404,8 @@ function FieldEditor(props) {
   const [statusGroups, setStatusGroups] = useState23({});
   const [statusKeys, setStatusKeys] = useState23({});
   const [symbology, setSymbology] = useState23(String(start?.config?.["symbology"] ?? ""));
+  const descriptionStart = String(start?.config?.["description"] ?? "");
+  const [description, setDescription] = useState23(descriptionStart);
   const buttonStart = useMemo10(() => buttonOf(start) ?? { label: "" }, [start]);
   const [buttonSettings, setButtonSettings] = useState23(buttonStart);
   const prefixStart = autonumberPrefixOf3(start);
@@ -6451,6 +6555,7 @@ function FieldEditor(props) {
       const defaultChanged = takesADefault(field) && JSON.stringify(defaultNow) !== JSON.stringify(defaultToKeep(field.default));
       const patch = {
         ...defaultChanged ? { default: defaultNow } : {},
+        ...description.trim() !== descriptionStart.trim() ? { description: description.trim() === "" ? null : description.trim() } : {},
         // The column's look travels in the same settings patch (`display_format`), so a save is
         // still one store call. `FieldPatch` does not declare the key yet (store gap, reported);
         // the door has carried it since the Sheet's seam started writing it.
@@ -6657,6 +6762,19 @@ function FieldEditor(props) {
           }
         ) : null
       ] }),
+      field ? /* @__PURE__ */ jsxs30("label", { className: "flex flex-col gap-1 sm:col-span-2", children: [
+        /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: "Help text" }),
+        /* @__PURE__ */ jsx32(
+          BasicInput9,
+          {
+            value: description,
+            maxLength: 300,
+            "aria-label": "Help text",
+            placeholder: "Shown when the column name is hovered",
+            onChange: (e) => setDescription(e.target.value)
+          }
+        )
+      ] }) : null,
       /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx32(Label8, { className: "text-xs", children: "What it holds" }),
         /* @__PURE__ */ jsxs30(
@@ -7546,9 +7664,9 @@ function ButtonValue({ field, recordId, inCell }) {
         ] }) : null
       ] })
     ] }),
-    settingUp && tableId ? /* @__PURE__ */ jsx33(Dialog, { open: true, onOpenChange: (open) => open ? null : setSettingUp(false), children: /* @__PURE__ */ jsxs31(DialogContent, { className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl", onClick: stop, onPointerDown: stop, children: [
-      /* @__PURE__ */ jsxs31(DialogHeader, { children: [
-        /* @__PURE__ */ jsx33(DialogTitle, { children: `Column settings \xB7 ${fieldName(field)}` }),
+    settingUp && tableId ? /* @__PURE__ */ jsx33(Dialog2, { open: true, onOpenChange: (open) => open ? null : setSettingUp(false), children: /* @__PURE__ */ jsxs31(DialogContent2, { className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl", onClick: stop, onPointerDown: stop, children: [
+      /* @__PURE__ */ jsxs31(DialogHeader2, { children: [
+        /* @__PURE__ */ jsx33(DialogTitle2, { children: `Column settings \xB7 ${fieldName(field)}` }),
         /* @__PURE__ */ jsx33(DialogDescription, { className: "sr-only", children: "What the button does" })
       ] }),
       /* @__PURE__ */ jsx33(FieldEditor, { tableId, field, onSaved: () => setSettingUp(false), onCancel: () => setSettingUp(false) })