@bendyline/squisq-grid-react 2.11.2 → 2.11.4

package/dist/index.d.ts

@@ -325,6 +325,12 @@ interface DataGridProps {
     onSave?: () => void | Promise<void>;
     saving?: boolean;
     height?: number;
+    /** Virtual row height in CSS pixels (default 28). */
+    rowHeight?: number;
+    /** Show the per-column filter controls beneath the sortable header. */
+    showFilters?: boolean;
+    /** Initial/fallback widths for columns before user resizing. */
+    defaultColumnWidths?: readonly number[];
     /** Reason editing is unavailable (e.g. parquet sidecars). */
     readOnlyReason?: string;
     /**
@@ -371,6 +377,6 @@ interface FormulaSupport {
     getFormula(rowId: number, col: number): string | undefined;
     commitFormula(rowId: number, col: number, formula: string): Promise<FormulaCommitResult>;
 }
-declare function DataGrid({ provider, journal, view, onViewChange, viewPersisted, onSave, saving, height, readOnlyReason, isCellLocked, lockedReason, formulaSupport, onCellEdited, extraDirtyCount, onDiscardExtra, className, }: DataGridProps): ReactElement;
+declare function DataGrid({ provider, journal, view, onViewChange, viewPersisted, onSave, saving, height, rowHeight, showFilters, defaultColumnWidths, readOnlyReason, isCellLocked, lockedReason, formulaSupport, onCellEdited, extraDirtyCount, onDiscardExtra, className, }: DataGridProps): ReactElement;
 
 export { type ColumnarTable, DataGrid, type DataGridProps, EditJournal, type FormulaCommitResult, type FormulaSupport, type IngestCell, type IngestColumnHint, type IngestTable, type JournalEntry, type KernelCellEdit, type KernelColumnPayload, type KernelRequest, type KernelResponse, type KernelScope, LocalKernelHost, type StoreColumn, TableStoreClient, type TableStoreClientOptions, buildColumnarTable, buildKernelSource, columnCellValue, discardJournal, journalFor, tableKernel };

package/dist/index.js

@@ -738,6 +738,9 @@ function DataGrid({
   onSave,
   saving = false,
   height = DEFAULT_HEIGHT,
+  rowHeight = ROW_HEIGHT,
+  showFilters = true,
+  defaultColumnWidths,
   readOnlyReason,
   isCellLocked,
   lockedReason,
@@ -816,7 +819,7 @@ function DataGrid({
   const virtualizer = useVirtualizer({
     count: viewRowCount,
     getScrollElement: () => bodyRef.current,
-    estimateSize: () => ROW_HEIGHT,
+    estimateSize: () => rowHeight,
     overscan: OVERSCAN,
     // Correct first paint before the scroll element is measured — and the
     // only measurement available in layout-less environments (jsdom).
@@ -1364,9 +1367,9 @@ function DataGrid({
     const count = schema?.columns.length ?? 0;
     return Array.from(
       { length: count },
-      (_, col) => `${colWidths[col] ?? DEFAULT_COL_WIDTH}px`
+      (_, col) => `${colWidths[col] ?? defaultColumnWidths?.[col] ?? DEFAULT_COL_WIDTH}px`
     ).join(" ");
-  }, [colWidths, schema]);
+  }, [colWidths, defaultColumnWidths, schema]);
   const range = selection ? normalizedRange(selection) : null;
   const filterValueFor = (name) => view.filter.find((clause) => clause.column === name)?.value ?? "";
   return /* @__PURE__ */ jsxs(
@@ -1436,7 +1439,7 @@ function DataGrid({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx("div", { className: "squisq-grid-filterrow", children: (() => {
+                          showFilters && /* @__PURE__ */ jsx("div", { className: "squisq-grid-filterrow", children: (() => {
                             const opState = opStateFor(col, column.name);
                             return /* @__PURE__ */ jsxs(Fragment, { children: [
                               /* @__PURE__ */ jsxs(
@@ -1490,7 +1493,11 @@ function DataGrid({
                               className: "squisq-grid-resizer",
                               onPointerDown: (event) => {
                                 event.preventDefault();
-                                startResize(col, event.clientX, colWidths[col] ?? DEFAULT_COL_WIDTH);
+                                startResize(
+                                  col,
+                                  event.clientX,
+                                  colWidths[col] ?? defaultColumnWidths?.[col] ?? DEFAULT_COL_WIDTH
+                                );
                               }
                             }
                           )
@@ -1512,7 +1519,7 @@ function DataGrid({
                     style: {
                       transform: `translateY(${item.start}px)`,
                       gridTemplateColumns: gridTemplate,
-                      height: ROW_HEIGHT
+                      height: rowHeight
                     },
                     children: schema?.columns.map((column, col) => {
                       const inRange = range && item.index >= range.r0 && item.index <= range.r1 && col >= range.c0 && col <= range.c1;

package/dist/styles/index.css

@@ -7,7 +7,7 @@
   border-radius: 8px;
   background: var(--squisq-grid-bg, #ffffff);
   color: var(--squisq-grid-text, #1f2937);
-  font-size: 0.82rem;
+  font-size: var(--squisq-grid-font-size, 0.82rem);
   overflow: hidden;
 }
 .squisq-grid-scroller {
@@ -39,6 +39,7 @@
   border: none;
   background: none;
   font: inherit;
+  font-family: var(--squisq-grid-header-font-family, inherit);
   font-weight: 600;
   color: var(--squisq-grid-header-text, #374151);
   padding: 4px 8px 2px;
@@ -197,6 +198,9 @@
   box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
   font-weight: 400;
 }
+.squisq-grid-valuemenu > * {
+  flex: none;
+}
 .squisq-grid-valueoption {
   display: block;
   overflow: hidden;
@@ -298,7 +302,7 @@
   padding: 4px 10px;
   border-top: 1px solid var(--squisq-grid-border, #d1d5db);
   background: var(--squisq-grid-header-bg, #f9fafb);
-  font-size: 0.74rem;
+  font-size: var(--squisq-grid-footer-font-size, 0.74rem);
   color: var(--squisq-grid-text-muted, #6b7280);
 }
 .squisq-grid-status {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-grid-react",
-  "version": "2.11.2",
+  "version": "2.11.4",
   "description": "Virtualized data grid for squisq data sidecars: columnar worker store, TableQueryProvider, and a TanStack-Virtual React renderer",
   "license": "MIT",
   "author": "Bendyline",
@@ -53,7 +53,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@bendyline/squisq": "2.11.1",
+    "@bendyline/squisq": "2.11.3",
     "@tanstack/react-virtual": "3.14.10"
   },
   "peerDependencies": {