@ai-matrx/records-ui 0.102.20 → 0.103.0

package/dist/index.d.cts

@@ -2270,6 +2270,11 @@ interface GridProps {
     searchOverride?: string | null | undefined;
     /** Every change of the term, from the embedded magnifier or the override (a controlled host's echo). */
     onSearchChange?: ((search: string) => void) | undefined;
+    /**
+     * `false`: the embedded grid draws no magnifier of its own — the host draws one in its own toolbar
+     * row and hands the term through `searchOverride` (Spaces N-19). Default `true`.
+     */
+    searchBox?: boolean | undefined;
     /** The new-row line's words ("New page"). Default "Add row". */
     newRowLabel?: string | undefined;
     /**
@@ -3980,6 +3985,11 @@ interface ViewSwitcherProps {
     /** The viewer's own search (`GridProps.searchOverride`): this viewer only, never saved, asked of the store. */
     searchOverride?: string | null | undefined;
     onSearchChange?: ((search: string) => void) | undefined;
+    /**
+     * `false`: the embedded grid draws no magnifier of its own — the host draws one in its own toolbar
+     * row and hands the term through `searchOverride` (Spaces N-19). Default `true`.
+     */
+    searchBox?: boolean | undefined;
     /** The grid's new-row line words (`GridProps.newRowLabel`). */
     newRowLabel?: string | undefined;
     className?: string | undefined;
@@ -4011,7 +4021,7 @@ declare function useViewRecords(view: SavedViewSpec, pageSize?: number, filter?:
      */
     membership: string;
 };
-declare function ViewSwitcher({ view, onLayoutChange, onViewChange, onOpenRecord, openRecordId, onCloseRecord, onMoved, onNewRecordForm, onAskWhoChanged, pageSize: pageSizeAsked, titleField, filter, onClearFilter, hostLayout, onHostLayoutChange, chooser, openExport, viewId, onOrderPlaced, footer, embedded, sortOverride, searchOverride, onSearchChange, newRowLabel, className, }: ViewSwitcherProps): react.JSX.Element;
+declare function ViewSwitcher({ view, onLayoutChange, onViewChange, onOpenRecord, openRecordId, onCloseRecord, onMoved, onNewRecordForm, onAskWhoChanged, pageSize: pageSizeAsked, titleField, filter, onClearFilter, hostLayout, onHostLayoutChange, chooser, openExport, viewId, onOrderPlaced, footer, embedded, sortOverride, searchOverride, onSearchChange, searchBox, newRowLabel, className, }: ViewSwitcherProps): react.JSX.Element;
 
 type CalendarMode = "month" | "week" | "day" | "list";
 interface CalendarViewProps {
@@ -6066,6 +6076,11 @@ interface TablePageProps$1 {
      */
     searchOverride?: string | null | undefined;
     onSearchChange?: ((search: string) => void) | undefined;
+    /**
+     * `false`: the embedded grid draws no magnifier of its own — the host draws one in its own toolbar
+     * row and hands the term through `searchOverride` (Spaces N-19). Default `true`.
+     */
+    searchBox?: boolean | undefined;
     /** Rows per page for every layout. */
     pageSize?: number | undefined;
     /**
@@ -6544,6 +6559,11 @@ interface EntityTablePageProps {
     /** The viewer's own search, handed by the host; asked of the door. Never saved. */
     searchOverride?: string | null | undefined;
     onSearchChange?: ((search: string) => void) | undefined;
+    /**
+     * `false`: the embedded grid draws no magnifier of its own — the host draws one in its own toolbar
+     * row and hands the term through `searchOverride` (Spaces N-19). Default `true`.
+     */
+    searchBox?: boolean | undefined;
     /** Beside the title row's controls (the host's own). */
     actions?: ReactNode;
     className?: string | undefined;

package/dist/index.d.ts

@@ -2270,6 +2270,11 @@ interface GridProps {
     searchOverride?: string | null | undefined;
     /** Every change of the term, from the embedded magnifier or the override (a controlled host's echo). */
     onSearchChange?: ((search: string) => void) | undefined;
+    /**
+     * `false`: the embedded grid draws no magnifier of its own — the host draws one in its own toolbar
+     * row and hands the term through `searchOverride` (Spaces N-19). Default `true`.
+     */
+    searchBox?: boolean | undefined;
     /** The new-row line's words ("New page"). Default "Add row". */
     newRowLabel?: string | undefined;
     /**
@@ -3980,6 +3985,11 @@ interface ViewSwitcherProps {
     /** The viewer's own search (`GridProps.searchOverride`): this viewer only, never saved, asked of the store. */
     searchOverride?: string | null | undefined;
     onSearchChange?: ((search: string) => void) | undefined;
+    /**
+     * `false`: the embedded grid draws no magnifier of its own — the host draws one in its own toolbar
+     * row and hands the term through `searchOverride` (Spaces N-19). Default `true`.
+     */
+    searchBox?: boolean | undefined;
     /** The grid's new-row line words (`GridProps.newRowLabel`). */
     newRowLabel?: string | undefined;
     className?: string | undefined;
@@ -4011,7 +4021,7 @@ declare function useViewRecords(view: SavedViewSpec, pageSize?: number, filter?:
      */
     membership: string;
 };
-declare function ViewSwitcher({ view, onLayoutChange, onViewChange, onOpenRecord, openRecordId, onCloseRecord, onMoved, onNewRecordForm, onAskWhoChanged, pageSize: pageSizeAsked, titleField, filter, onClearFilter, hostLayout, onHostLayoutChange, chooser, openExport, viewId, onOrderPlaced, footer, embedded, sortOverride, searchOverride, onSearchChange, newRowLabel, className, }: ViewSwitcherProps): react.JSX.Element;
+declare function ViewSwitcher({ view, onLayoutChange, onViewChange, onOpenRecord, openRecordId, onCloseRecord, onMoved, onNewRecordForm, onAskWhoChanged, pageSize: pageSizeAsked, titleField, filter, onClearFilter, hostLayout, onHostLayoutChange, chooser, openExport, viewId, onOrderPlaced, footer, embedded, sortOverride, searchOverride, onSearchChange, searchBox, newRowLabel, className, }: ViewSwitcherProps): react.JSX.Element;
 
 type CalendarMode = "month" | "week" | "day" | "list";
 interface CalendarViewProps {
@@ -6066,6 +6076,11 @@ interface TablePageProps$1 {
      */
     searchOverride?: string | null | undefined;
     onSearchChange?: ((search: string) => void) | undefined;
+    /**
+     * `false`: the embedded grid draws no magnifier of its own — the host draws one in its own toolbar
+     * row and hands the term through `searchOverride` (Spaces N-19). Default `true`.
+     */
+    searchBox?: boolean | undefined;
     /** Rows per page for every layout. */
     pageSize?: number | undefined;
     /**
@@ -6544,6 +6559,11 @@ interface EntityTablePageProps {
     /** The viewer's own search, handed by the host; asked of the door. Never saved. */
     searchOverride?: string | null | undefined;
     onSearchChange?: ((search: string) => void) | undefined;
+    /**
+     * `false`: the embedded grid draws no magnifier of its own — the host draws one in its own toolbar
+     * row and hands the term through `searchOverride` (Spaces N-19). Default `true`.
+     */
+    searchBox?: boolean | undefined;
     /** Beside the title row's controls (the host's own). */
     actions?: ReactNode;
     className?: string | undefined;

package/dist/index.js

@@ -6600,7 +6600,7 @@ function RecordValue({
   }
   if (inCell && ui.grid === "merged" && ui.renderText && typeof value === "string" && value.trim() !== "" && editorKindFor(field2) === "long_text" && !shownAsOf(field2) && !wholeValueOf(document2, field2.key) && !envelopeFor(document2, field2.key)?.absent && // A long-text cell holding a kind is drawn by the kind system below, not as markdown.
   !kindValueOf(value)) {
-    return /* @__PURE__ */ jsx27("span", { className: "block max-h-[4.5em] min-w-0 overflow-hidden whitespace-normal", "data-records-cell-text": "", children: ui.renderText(value, "cell") });
+    return /* @__PURE__ */ jsx27("span", { className: "block h-[1.5em] min-w-0 overflow-hidden whitespace-normal", "data-records-cell-text": "", children: ui.renderText(value, "cell") });
   }
   if (isSignatureField(field2) && value !== null && value !== void 0 && value !== "") {
     return /* @__PURE__ */ jsx27(SignatureValue, { value, inCell, recordId, fieldKey: field2.key, document: document2 });
@@ -10046,8 +10046,29 @@ var MEASURE_LABEL = {
   median: "Median",
   filled: "Filled",
   empty: "Empty",
-  unique: "Unique"
+  unique: "Unique",
+  percent_empty: "Percent empty",
+  percent_filled: "Percent filled",
+  range: "Range"
 };
+var NOTION_CALCULATIONS = [
+  { op: "count", menu: "Count all", footer: "Count" },
+  { op: "unique", menu: "Count unique values", footer: "Unique" },
+  { op: "empty", menu: "Count empty", footer: "Empty" },
+  { op: "filled", menu: "Count not empty", footer: "Not empty" },
+  { op: "percent_empty", menu: "Percent empty", footer: "Empty" },
+  { op: "percent_filled", menu: "Percent not empty", footer: "Not empty" },
+  { op: "sum", menu: "Sum", footer: "Sum" },
+  { op: "avg", menu: "Average", footer: "Average" },
+  { op: "median", menu: "Median", footer: "Median" },
+  { op: "min", menu: "Min", footer: "Min" },
+  { op: "max", menu: "Max", footer: "Max" },
+  { op: "range", menu: "Range", footer: "Range" }
+];
+function calculationsFor(field2, storeOps) {
+  const offered = new Set(measuresFor(field2, storeOps, true));
+  return NOTION_CALCULATIONS.filter((c) => offered.has(c.op));
+}
 var NUMERIC_ONLY = /* @__PURE__ */ new Set(["sum", "avg", "median"]);
 var ARITHMETIC2 = /* @__PURE__ */ new Set([
   "add",
@@ -10065,7 +10086,7 @@ var ARITHMETIC2 = /* @__PURE__ */ new Set([
   "ceiling",
   "floor"
 ]);
-var ORDERED = /* @__PURE__ */ new Set(["min", "max"]);
+var ORDERED = /* @__PURE__ */ new Set(["min", "max", "range"]);
 function isNumericField(field2) {
   const kind = editorKindFor(field2);
   if (kind === "number" || kind === "currency" || kind === "percent" || kind === "rollup") return true;
@@ -13348,14 +13369,17 @@ function SummaryCell({
   value,
   rowCount,
   summaries,
-  onChoose
+  onChoose,
+  calculate = false
 }) {
   const offered = useMemo19(
-    () => summaries.operations ? measuresFor(field2, summaries.operations, firstColumn) : null,
-    [summaries.operations, field2, firstColumn]
+    () => summaries.operations ? calculate ? calculationsFor(field2, summaries.operations).map((c) => c.op) : measuresFor(field2, summaries.operations, firstColumn) : null,
+    [summaries.operations, field2, firstColumn, calculate]
   );
-  const label = chosen ? MEASURE_LABEL[chosen] ?? chosen : null;
-  const shown4 = chosen === void 0 ? null : summaries.loading && value === void 0 ? "\u2026" : value === null || value === void 0 ? "\u2014" : chosen === "count" || chosen === "filled" || chosen === "empty" || chosen === "unique" ? String(value) : null;
+  const words2 = (op2, where) => calculate ? NOTION_CALCULATIONS.find((c) => c.op === op2)?.[where] ?? MEASURE_LABEL[op2] ?? op2 : MEASURE_LABEL[op2] ?? op2;
+  const label = chosen ? words2(chosen, "footer") : null;
+  const isDate4 = editorKindFor(field2) === "datetime";
+  const shown4 = chosen === void 0 ? null : summaries.loading && value === void 0 ? "\u2026" : value === null || value === void 0 ? "\u2014" : chosen === "count" || chosen === "filled" || chosen === "empty" || chosen === "unique" ? String(value) : chosen === "percent_empty" || chosen === "percent_filled" ? `${Number(value.toFixed(2))}%` : chosen === "range" && isDate4 ? `${Math.round(value)} day${Math.round(value) === 1 ? "" : "s"}` : null;
   return /* @__PURE__ */ jsxs43(DropdownMenu, { onOpenChange: (open) => open ? summaries.askOperations() : void 0, children: [
     /* @__PURE__ */ jsx48(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx48(
       Button24,
@@ -13377,7 +13401,7 @@ function SummaryCell({
             // AGG-WITHHELD: the store withheld this column from her — say so, never a bare dash.
             /* @__PURE__ */ jsx48("span", { className: "font-medium", children: /* @__PURE__ */ jsx48(WithheldValue, { field: field2, notice: summaries.withheld[field2.key] }) })
           ) : shown4 !== null ? /* @__PURE__ */ jsx48("span", { className: "font-medium tabular-nums", children: shown4 }) : /* @__PURE__ */ jsx48("span", { className: "font-medium tabular-nums", children: /* @__PURE__ */ jsx48(RecordValue, { field: field2, value, format: formatForField(field2) }) })
-        ] }) : "Summarize"
+        ] }) : calculate ? "Calculate" : "Summarize"
       }
     ) }),
     /* @__PURE__ */ jsxs43(DropdownMenuContent, { align: "start", children: [
@@ -13388,13 +13412,13 @@ function SummaryCell({
           "data-records-summary-choice": op2,
           onSelect: () => onChoose(op2),
           className: cn28(op2 === chosen && "font-medium"),
-          children: MEASURE_LABEL[op2] ?? op2
+          children: words2(op2, "menu")
         },
         op2
       )),
       chosen ? /* @__PURE__ */ jsxs43(Fragment13, { children: [
         /* @__PURE__ */ jsx48(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsx48(DropdownMenuItem, { onSelect: () => onChoose(null), children: "No summary" })
+        /* @__PURE__ */ jsx48(DropdownMenuItem, { onSelect: () => onChoose(null), children: calculate ? "None" : "No summary" })
       ] }) : null
     ] })
   ] });
@@ -20169,7 +20193,6 @@ function UndoRedoLive({ source }) {
 }
 function UndoRedoPair({ face, onUndo, onRedo }) {
   const undo = { depth: { back: face.back, forward: face.forward }, busy: face.busy };
-  if (undo.depth.back === 0 && undo.depth.forward === 0) return null;
   return /* @__PURE__ */ jsxs60(Fragment22, { children: [
     /* @__PURE__ */ jsxs60(
       Button38,
@@ -21477,7 +21500,8 @@ function GridBody({
   newRowLabel,
   sortOverride,
   searchOverride,
-  onSearchChange
+  onSearchChange,
+  searchBox = true
 }) {
   const toolbarSlot = useTableToolbarSlot();
   const tableCard = useMatrxTableCard();
@@ -22472,6 +22496,7 @@ function GridBody({
           value: summaries.values[columnId2],
           rowCount: summaries.rowCount,
           summaries,
+          calculate: embedded,
           onChoose: (op2) => footerNow.current.choose(columnId2, op2)
         }
       );
@@ -22736,7 +22761,8 @@ function GridBody({
     [storePaged, query, queryTotal, classicInCard, records.data?.total]
   );
   const showAddLine = mayAddRow && rows.length > 0;
-  const showSummaryLine = rows.length > 0 && (embedded ? Object.keys(chosenSummaries).length > 0 : !merged || Object.keys(chosenSummaries).length > 0);
+  const showSummaryLine = rows.length > 0 && (embedded || !merged || Object.keys(chosenSummaries).length > 0);
+  const calculationChosen = Object.keys(chosenSummaries).length > 0;
   const footerFace = JSON.stringify([
     showAddLine ? added.busy : null,
     showSummaryLine ? [chosenSummaries, summaries.values, summaries.rowCount, summaries.loading] : null
@@ -22839,10 +22865,11 @@ function GridBody({
       search: !embedded,
       // EMBEDDED: Notion's magnifier — the design system's own search group, a button that
       // opens into a field. It is the same `query.search` the store's read asks.
-      ...embedded ? {
+      ...embedded && searchBox ? {
         customSearch: /* @__PURE__ */ jsx70(
           TapTargetSearchGroup,
           {
+            surface: "solid",
             placeholder: "Search",
             value: searchOverride ?? query.search,
             onValueChange: (term) => {
@@ -23054,7 +23081,8 @@ function GridBody({
       noun,
       embedded,
       searchOverride,
-      onSearchChange
+      onSearchChange,
+      searchBox
     ]
   );
   const labelOfField = useCallback26(
@@ -23256,7 +23284,7 @@ function GridBody({
                 {
                   ...fills ? { className: "min-h-0 flex-1" } : {},
                   frameHeight: fills ? "fill" : "content",
-                  loadingRows: rememberedRowCount(rowMemoryKey, pageSize, fills ? "fill" : 5),
+                  loadingRows: rememberedRowCount(rowMemoryKey, pageSize, embedded ? fills ? "fill" : 5 : rememberedRowCount(`${tableId}:page:last`, pageSize, fills ? "fill" : 5)),
                   ...!look.rowHeight ? { loadingRowHeight: RECORDS_GRID_ROW_PX } : {},
                   data: rows,
                   columns: tableColumns,
@@ -23276,7 +23304,7 @@ function GridBody({
                     !look.wrap && "[&_tbody_td]:max-w-[28rem] [&_tbody_td]:overflow-hidden [&_tbody_td]:text-ellipsis [&_tbody_td]:whitespace-nowrap! [&_tbody_td_*]:whitespace-nowrap!",
                     look.fit === "scroll" && "sm:[&>table]:w-max! sm:[&>table]:max-w-none! sm:[&>table]:min-w-full!",
                     embedded && EMBEDDED_TABLE_CLASS,
-                    embedded && !showSummaryLine && EMBEDDED_PLAIN_FOOTER_CLASS
+                    embedded && !calculationChosen && EMBEDDED_PLAIN_FOOTER_CLASS
                   ),
                   footerRows,
                   ...embedded ? { copy: false } : copyConfig ? { copy: copyConfig } : {},
@@ -32733,6 +32761,7 @@ function ViewSwitcher({
   sortOverride,
   searchOverride,
   onSearchChange,
+  searchBox,
   newRowLabel,
   className
 }) {
@@ -32800,6 +32829,7 @@ function ViewSwitcher({
         ...sortOverride !== void 0 ? { sortOverride } : {},
         ...searchOverride !== void 0 ? { searchOverride } : {},
         ...onSearchChange ? { onSearchChange } : {},
+        ...searchBox === false ? { searchBox } : {},
         ...newRowLabel ? { newRowLabel } : {},
         ...filter ? { filter } : {},
         ...onClearFilter ? { onClearFilter } : {},
@@ -47578,6 +47608,7 @@ function TablePage({
   newRowLabel,
   searchOverride,
   onSearchChange,
+  searchBox,
   pageSize: pageSizeAsked,
   seedViews,
   onLeave,
@@ -48467,6 +48498,7 @@ function TablePage({
                 ...newRowLabel ? { newRowLabel } : {},
                 ...searchOverride !== void 0 ? { searchOverride } : {},
                 ...onSearchChange ? { onSearchChange } : {},
+                ...searchBox === false ? { searchBox } : {},
                 footer,
                 openExport: () => setRail("export"),
                 view: {
@@ -48773,6 +48805,7 @@ function EntityTablePageBody({
   presentation = "page",
   searchOverride,
   onSearchChange,
+  searchBox = true,
   pageSize = presentation === "embedded" ? EMBEDDED_PAGE_SIZE : 100,
   layout: opened = "grid",
   onLayoutChange,
@@ -48860,9 +48893,10 @@ function EntityTablePageBody({
     ] }) : null,
     addRefused ? /* @__PURE__ */ jsx156(ErrorBox9, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: addRefused, operation: "Add a row", origin: "records-ui/entityViews" }) : null,
     entity.error ? /* @__PURE__ */ jsx156("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ jsx156(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ jsxs145(Fragment65, { children: [
-      presentation === "embedded" ? /* @__PURE__ */ jsx156("div", { className: "flex min-w-0 items-center justify-end", "data-records-entity-search": "", children: /* @__PURE__ */ jsx156(TooltipProvider, { children: /* @__PURE__ */ jsx156(
+      presentation === "embedded" && searchBox ? /* @__PURE__ */ jsx156("div", { className: "flex min-w-0 items-center justify-end", "data-records-entity-search": "", children: /* @__PURE__ */ jsx156(TooltipProvider, { children: /* @__PURE__ */ jsx156(
         TapTargetSearchGroup2,
         {
+          surface: "solid",
           placeholder: "Search",
           value: term,
           onValueChange: (next) => {
@@ -48899,6 +48933,7 @@ function TablePage2(props) {
       ...rest.pageSize ? { pageSize: rest.pageSize } : {},
       ...rest.searchOverride !== void 0 ? { searchOverride: rest.searchOverride } : {},
       ...rest.onSearchChange ? { onSearchChange: rest.onSearchChange } : {},
+      ...rest.searchBox === false ? { searchBox: false } : {},
       ...layout ? { layout } : {},
       ...onLayoutChange ? { onLayoutChange } : {},
       ...groupBy ? { groupBy } : {},