@ai-matrx/records-ui 0.115.75 → 0.115.77

package/dist/pickers.cjs

@@ -2520,9 +2520,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();
@@ -3375,13 +3373,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 = {
@@ -3973,20 +3996,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 = (0, import_react32.useOptionalRecordsClient)();
-  const host = useRecordsUi();
   const [read, setRead] = (0, import_react31.useState)(null);
   (0, import_react31.useEffect)(() => {
     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) {
@@ -4002,11 +4024,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__ */ (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: [
-    href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    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,
@@ -4033,9 +4074,70 @@ function AttachmentChip({ id, onRemove }) {
   ] });
 }
 function AttachmentChips({ value, onRemove }) {
+  const host = useRecordsUi();
   const ids = attachmentIdsOf(value);
+  const [viewing, setViewing] = (0, import_react31.useState)(null);
   if (ids.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "flex flex-wrap gap-1", "data-records-file-chips": "", children: ids.map((id) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AttachmentChip, { id, ...onRemove ? { onRemove: () => onRemove(id) } : {} }, id)) });
+  const canPreview = Boolean(host.fileImage);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "flex flex-wrap gap-1", "data-records-file-chips": "", children: [
+    ids.map((id, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      AttachmentChip,
+      {
+        id,
+        ...onRemove ? { onRemove: () => onRemove(id) } : {},
+        ...canPreview ? { onPreview: () => setViewing(index) } : {}
+      },
+      id
+    )),
+    viewing !== null && canPreview ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(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__ */ (0, import_jsx_runtime21.jsx)(import_design_system19.Dialog, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    import_design_system19.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__ */ (0, import_jsx_runtime21.jsx)(import_design_system19.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system19.DialogTitle, { className: "truncate text-sm", children: name }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system19.Button, { size: "sm", variant: "outline", "aria-label": "Previous file", disabled: index === 0, onClick: () => go(-1), "data-records-attachment-previous": "", children: "\u2190" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system19.Button, { size: "sm", variant: "outline", "aria-label": "Next file", disabled: index >= ids.length - 1, onClick: () => go(1), "data-records-attachment-next": "", children: "\u2192" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "text-xs tabular-nums text-muted-foreground", "data-records-attachment-position": "", children: [
+            index + 1,
+            " of ",
+            ids.length
+          ] }),
+          href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_outbound_react4.OutboundLink, { 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);
@@ -6229,6 +6331,8 @@ function FieldEditor(props) {
   const [statusGroups, setStatusGroups] = (0, import_react44.useState)({});
   const [statusKeys, setStatusKeys] = (0, import_react44.useState)({});
   const [symbology, setSymbology] = (0, import_react44.useState)(String(start?.config?.["symbology"] ?? ""));
+  const descriptionStart = String(start?.config?.["description"] ?? "");
+  const [description, setDescription] = (0, import_react44.useState)(descriptionStart);
   const buttonStart = (0, import_react44.useMemo)(() => (0, import_records24.buttonOf)(start) ?? { label: "" }, [start]);
   const [buttonSettings, setButtonSettings] = (0, import_react44.useState)(buttonStart);
   const prefixStart = (0, import_records24.autonumberPrefixOf)(start);
@@ -6378,6 +6482,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.
@@ -6584,6 +6689,19 @@ function FieldEditor(props) {
           }
         ) : null
       ] }),
+      field ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "flex flex-col gap-1 sm:col-span-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "Help text" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          import_design_system29.BasicInput,
+          {
+            value: description,
+            maxLength: 300,
+            "aria-label": "Help text",
+            placeholder: "Shown when the column name is hovered",
+            onChange: (e) => setDescription(e.target.value)
+          }
+        )
+      ] }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system29.Label, { className: "text-xs", children: "What it holds" }),
         /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(