@arbidocs/blocks 0.5.99 → 0.5.101

package/dist/{chunk-IK4MSXXR.cjs → chunk-4IRS55N2.cjs}

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkBQOL4XNZ_cjs = require('./chunk-BQOL4XNZ.cjs');
-var chunkLKK52DEY_cjs = require('./chunk-LKK52DEY.cjs');
+var chunkXNXNLXIC_cjs = require('./chunk-XNXNLXIC.cjs');
 var chunkPLIF5CUV_cjs = require('./chunk-PLIF5CUV.cjs');
 var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
@@ -538,9 +538,9 @@ var WIDTHS = {
   rollup: 130
 };
 function HeaderLabel({
-  column,
+  dbColumn: column,
   onEdit,
-  label,
+  settingsLabel: label,
   computedLabel
 }) {
   const Icon = COLUMN_TYPE_ICONS[column.type];
@@ -566,6 +566,20 @@ function HeaderLabel({
     )
   ] });
 }
+function AddColumnHeader({ addLabel, onAddColumn }) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.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));
@@ -714,15 +728,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__ */ jsxRuntime.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,
@@ -754,18 +766,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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-4" })
-        }
-      ),
+      headerComponent: AddColumnHeader,
+      headerComponentParams: { addLabel: l.addColumn, onAddColumn },
       valueGetter: () => null
     });
   }
@@ -1329,17 +1331,34 @@ function DatabaseTable({
   testId
 }) {
   const l = { ...DEFAULT_DATABASE_TABLE_LABELS, ...labels };
+  const latest = react.useRef({ onEditColumn, onAddColumn, onOpenRow });
+  latest.current = { onEditColumn, onAddColumn, onOpenRow };
+  const hasEditColumn = !!onEditColumn;
+  const hasAddColumn = !!onAddColumn;
+  const hasOpenRow = !!onOpenRow;
+  const editColumn = react.useMemo(
+    () => hasEditColumn ? (column) => latest.current.onEditColumn?.(column) : void 0,
+    [hasEditColumn]
+  );
+  const addColumn = react.useMemo(
+    () => hasAddColumn ? () => latest.current.onAddColumn?.() : void 0,
+    [hasAddColumn]
+  );
+  const openRow = react.useMemo(
+    () => hasOpenRow ? (row) => latest.current.onOpenRow?.(row) : void 0,
+    [hasOpenRow]
+  );
   const columnDefs = react.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 = {
@@ -1376,7 +1395,7 @@ function DatabaseTable({
       "data-testid": chunkPLIF5CUV_cjs.testIdOr(testId, { testId: "database-table" }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLKK52DEY_cjs.GridView,
+          chunkXNXNLXIC_cjs.GridView,
           {
             testId: "database-grid",
             items: rows,
@@ -2176,5 +2195,5 @@ exports.rowTitle = rowTitle;
 exports.sameCellValue = sameCellValue;
 exports.titleOf = titleOf;
 exports.toApiValue = toApiValue;
-//# sourceMappingURL=chunk-IK4MSXXR.cjs.map
-//# sourceMappingURL=chunk-IK4MSXXR.cjs.map
+//# sourceMappingURL=chunk-4IRS55N2.cjs.map
+//# sourceMappingURL=chunk-4IRS55N2.cjs.map