@arbidocs/blocks 0.5.100 → 0.5.101

package/dist/{chunk-6OEAZ2TJ.js → chunk-VJQCOZ7O.js}

@@ -1,8 +1,8 @@
 "use client";
 import { DetailPanel, DetailSection, DetailFields, DetailField, DetailLinkList, DetailLinkItem, DetailEmpty } from './chunk-OC2PD52M.js';
-import { GridView } from './chunk-7F5Z4K5W.js';
+import { GridView } from './chunk-IU5CHOEU.js';
 import { testIdOr } from './chunk-UP3GCNPM.js';
-import { Sigma, Search, ArrowUpRight, FileText, UserRound, ChevronDown, CheckSquare, CalendarDays, Hash, Type, X, Loader2, Check, Maximize2, Plus, Trash2, Rows3, ArrowLeft, FileSpreadsheet, Eye, MoreHorizontal, Upload, Download, Table2, Lock } from 'lucide-react';
+import { Sigma, Search, ArrowUpRight, FileText, UserRound, ChevronDown, CheckSquare, CalendarDays, Hash, Type, X, Loader2, Check, Maximize2, Trash2, Rows3, Plus, ArrowLeft, FileSpreadsheet, Eye, MoreHorizontal, Upload, Download, Table2, Lock } from 'lucide-react';
 import { cn, Button, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Label, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DialogFooter, Textarea, Checkbox, Switch, Popover, PopoverTrigger, PopoverContent } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo } from 'react';
@@ -536,9 +536,9 @@ var WIDTHS = {
   rollup: 130
 };
 function HeaderLabel({
-  column,
+  dbColumn: column,
   onEdit,
-  label,
+  settingsLabel: label,
   computedLabel
 }) {
   const Icon = COLUMN_TYPE_ICONS[column.type];
@@ -564,6 +564,20 @@ function HeaderLabel({
     )
   ] });
 }
+function AddColumnHeader({ addLabel, onAddColumn }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": addLabel,
+      title: addLabel,
+      "data-testid": "database-add-column",
+      onClick: onAddColumn,
+      className: "flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground",
+      children: /* @__PURE__ */ jsx(Plus, { className: "size-4" })
+    }
+  );
+}
 function columnWidth(column) {
   const header = Math.round(column.name.length * 8) + 76 + (isComputedColumn(column) ? 16 : 0);
   return Math.min(320, Math.max(WIDTHS[column.type], header));
@@ -712,15 +726,13 @@ function createDatabaseColumns(columns, options = {}) {
     // The grid's own type inference must not second-guess the database's column type.
     cellDataType: false,
     headerComponentParams: {
-      innerHeaderComponent: () => /* @__PURE__ */ jsx(
-        HeaderLabel,
-        {
-          column,
-          label: l.columnSettings(column.name),
-          computedLabel: l.computed,
-          onEdit: !readOnly && onEditColumn ? () => onEditColumn(column) : void 0
-        }
-      )
+      innerHeaderComponent: HeaderLabel,
+      innerHeaderComponentParams: {
+        dbColumn: column,
+        settingsLabel: l.columnSettings(column.name),
+        computedLabel: l.computed,
+        onEdit: !readOnly && onEditColumn ? () => onEditColumn(column) : void 0
+      }
     },
     // An empty checkbox reads as unticked (not indeterminate).
     valueGetter: (p) => column.type === "checkbox" ? p.data?.values[column.id] === true : p.data?.values[column.id] ?? null,
@@ -752,18 +764,8 @@ function createDatabaseColumns(columns, options = {}) {
       // Pinned: on a wide table the add button stays in view instead of scrolling off the right.
       pinned: "right",
       lockPinned: true,
-      headerComponent: () => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": l.addColumn,
-          title: l.addColumn,
-          "data-testid": "database-add-column",
-          onClick: onAddColumn,
-          className: "flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground",
-          children: /* @__PURE__ */ jsx(Plus, { className: "size-4" })
-        }
-      ),
+      headerComponent: AddColumnHeader,
+      headerComponentParams: { addLabel: l.addColumn, onAddColumn },
       valueGetter: () => null
     });
   }
@@ -1327,17 +1329,34 @@ function DatabaseTable({
   testId
 }) {
   const l = { ...DEFAULT_DATABASE_TABLE_LABELS, ...labels };
+  const latest = useRef({ onEditColumn, onAddColumn, onOpenRow });
+  latest.current = { onEditColumn, onAddColumn, onOpenRow };
+  const hasEditColumn = !!onEditColumn;
+  const hasAddColumn = !!onAddColumn;
+  const hasOpenRow = !!onOpenRow;
+  const editColumn = useMemo(
+    () => hasEditColumn ? (column) => latest.current.onEditColumn?.(column) : void 0,
+    [hasEditColumn]
+  );
+  const addColumn = useMemo(
+    () => hasAddColumn ? () => latest.current.onAddColumn?.() : void 0,
+    [hasAddColumn]
+  );
+  const openRow = useMemo(
+    () => hasOpenRow ? (row) => latest.current.onOpenRow?.(row) : void 0,
+    [hasOpenRow]
+  );
   const columnDefs = useMemo(
     () => createDatabaseColumns(columns, {
       readOnly,
-      onEditColumn,
-      onAddColumn,
-      onOpenRow,
+      onEditColumn: editColumn,
+      onAddColumn: addColumn,
+      onOpenRow: openRow,
       sources,
       locale,
       labels: columnLabels
     }),
-    [columns, readOnly, onEditColumn, onAddColumn, onOpenRow, sources, locale, columnLabels]
+    [columns, readOnly, editColumn, addColumn, openRow, sources, locale, columnLabels]
   );
   const noColumns = columns.length === 0;
   const emptyState = {
@@ -2128,5 +2147,5 @@ function NewDatabaseDialog({
 }
 
 export { ADD_COLUMN_COL_ID, COLUMN_TYPE_ICONS, COMPUTED_COLUMN_TYPES, DATABASE_COLUMN_TYPES, DATABASE_ROLLUP_OPS, DEFAULT_COLUMN_CONFIG_LABELS, DEFAULT_DATABASE_COLUMN_DIALOG_LABELS, DEFAULT_DATABASE_COLUMN_LABELS, DEFAULT_DATABASE_COLUMN_TYPE_LABELS, DEFAULT_DATABASE_LIST_LABELS, DEFAULT_DATABASE_ROW_DETAIL_LABELS, DEFAULT_DATABASE_TABLE_LABELS, DEFAULT_DATABASE_TOOLBAR_LABELS, DEFAULT_NEW_DATABASE_DIALOG_LABELS, DEFAULT_PICK_CELL_EDITOR_LABELS, DatabaseColumnDialog, DatabaseList, DatabaseRowDetail, DatabaseTable, DatabaseToolbar, LINK_COLUMN_TYPES, LinkChip, LinkChipsCell, LookupCell, NewDatabaseDialog, OPEN_ROW_COL_ID, PersonCell, PersonChip, PickCellEditor, SelectCellEditor, SelectChip, canEditColumn, cellIds, cellList, columnWidth, compareCells, createDatabaseColumns, formatCell, formatDateValue, formatLookupValue, formatNumberValue, isComputedColumn, optionTone, rowTitle, sameCellValue, titleOf, toApiValue };
-//# sourceMappingURL=chunk-6OEAZ2TJ.js.map
-//# sourceMappingURL=chunk-6OEAZ2TJ.js.map
+//# sourceMappingURL=chunk-VJQCOZ7O.js.map
+//# sourceMappingURL=chunk-VJQCOZ7O.js.map