@bmsuisse/datagrid 0.33.1 → 0.34.0

package/dist/index.d.ts

@@ -1395,6 +1395,22 @@ interface DataGridProps<TRow> {
      * control back, it just stops resyncing.
      */
     gridState?: GridState;
+    /**
+     * Fires on every sort/filter/page/pageSize change, in **both** `"client"`
+     * and `"server"` `dataSource.mode` — unlike `dataSource.onStateChange`
+     * (server-mode only, and required there), this is purely an observer and
+     * works whether or not `<DataGrid>` owns its own state. The one way to
+     * know a `"client"`-mode grid's *current* filter/sort/page from outside
+     * (e.g. to compute a footer total over only the currently-filtered rows
+     * with the exported `evaluateFilter`, or to build a custom paginated
+     * footer in another locale) — `"client"` mode has no equivalent of
+     * `dataSource.onStateChange` otherwise. Debounced ~300ms for filter
+     * changes (typing), immediate for sort/page/pageSize, matching
+     * `dataSource.onStateChange`'s own timing. Does not imply control: pass
+     * `gridState` too if you also want to push state back in (e.g. resetting
+     * filters programmatically); omit `gridState` to just observe.
+     */
+    onGridStateChange?: (state: GridState) => void;
     /**
      * Controlled column visibility, e.g. driven by a `<ColumnSelector>` next
      * to the grid. Both must be supplied together to actually hide columns —
@@ -1610,7 +1626,7 @@ interface DataGridProps<TRow> {
  * (`"server"`). Column filter UI defaults to the type-appropriate widget
  * from `src/filter` unless a column supplies its own `cell` renderer.
  */
-declare function DataGrid<TRow extends RowData>({ columns, dataSource, getRowId, rowActions, headerActions, enableMultiSort, initialState, columnVisibility, renderDetail, enableColumnResizing, columnResizeMode, columnSizing: controlledColumnSizing, onColumnSizingChange, virtualize, showPagination, getRowProps, getRowTestId, gridState, selectedIds: controlledSelectedIds, onSelectedIdsChange, testId, loading: loadingProp, groupBy, renderGroupHeader, defaultGroupsExpanded, expandedGroups: controlledExpandedGroups, onExpandedGroupsChange, zebra, showTotals, editing, cellEditing, }: DataGridProps<TRow>): ReactElement;
+declare function DataGrid<TRow extends RowData>({ columns, dataSource, getRowId, rowActions, headerActions, enableMultiSort, initialState, columnVisibility, renderDetail, enableColumnResizing, columnResizeMode, columnSizing: controlledColumnSizing, onColumnSizingChange, virtualize, showPagination, getRowProps, getRowTestId, gridState, onGridStateChange, selectedIds: controlledSelectedIds, onSelectedIdsChange, testId, loading: loadingProp, groupBy, renderGroupHeader, defaultGroupsExpanded, expandedGroups: controlledExpandedGroups, onExpandedGroupsChange, zebra, showTotals, editing, cellEditing, }: DataGridProps<TRow>): ReactElement;
 
 interface GridStateController {
     state: GridState;
@@ -1632,8 +1648,12 @@ interface GridStateController {
  * Owns `GridState` (filter/sort/page/pageSize) for `<DataGrid>` and, in
  * `"server"` mode, calls `dataSource.onStateChange` on every change —
  * debounced ~300ms for filter changes (typing), immediately for sort/page
- * changes. In `"client"` mode `onStateChange` doesn't exist and is never
- * called; the grid re-filters/re-sorts the in-memory array itself instead.
+ * changes. In `"client"` mode `dataSource.onStateChange` doesn't exist and
+ * is never called; the grid re-filters/re-sorts the in-memory array itself
+ * instead. `onGridStateChange` (see its own doc on `DataGridProps`) gets the
+ * same notifications regardless of mode, for callers that just want to
+ * observe — e.g. a `"client"`-mode grid with no other way to know its
+ * current filter/sort/page from outside.
  *
  * Deliberately takes no `columns` and enforces no `sortable`/`filterable`
  * policy itself — `toggleSort`/`setColumnFilter` will happily act on any
@@ -1668,7 +1688,7 @@ interface GridStateController {
  * particular page size at all. Has no effect once `externalState` is in
  * play — a controlled `GridState` is always fully caller-specified.
  */
-declare function useGridState<TRow>(dataSource: DataSource<TRow>, initialState?: Partial<GridState>, externalState?: GridState, showPagination?: boolean): GridStateController;
+declare function useGridState<TRow>(dataSource: DataSource<TRow>, initialState?: Partial<GridState>, externalState?: GridState, showPagination?: boolean, onGridStateChange?: (state: GridState) => void): GridStateController;
 
 interface ClientProcessingResult<TRow> {
     rows: TRow[];

package/dist/index.js

@@ -1283,7 +1283,7 @@ function facetedNumberValues(data, column, filter) {
 
 // src/filter/StringFilter.tsx
 import { FunnelIcon as FunnelIcon6 } from "@heroicons/react/24/outline";
-import { useId as useId3 } from "react";
+import { useEffect as useEffect4, useId as useId3, useState as useState5 } from "react";
 import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 var STRING_OPERATORS = [
   { value: "contains", label: "Contains" },
@@ -1298,10 +1298,13 @@ function StringFilter({
   onChange,
   bare = false
 }) {
-  const operator = value?.operator ?? DEFAULT_OPERATOR2;
+  const [operator, setOperator] = useState5(value?.operator ?? DEFAULT_OPERATOR2);
   const text = typeof value?.value === "string" ? value.value : "";
   const inputId = useId3();
   const isFiltered = text !== "";
+  useEffect4(() => {
+    setOperator(value?.operator ?? DEFAULT_OPERATOR2);
+  }, [value?.operator]);
   function emit(nextOperator, nextText) {
     if (nextText === "") {
       onChange(void 0);
@@ -1316,7 +1319,9 @@ function StringFilter({
         value: operator,
         onValueChange: (next) => {
           const nextOperator = STRING_OPERATORS.find((option) => option.value === next)?.value;
-          if (nextOperator) emit(nextOperator, text);
+          if (!nextOperator) return;
+          setOperator(nextOperator);
+          emit(nextOperator, text);
         },
         children: [
           /* @__PURE__ */ jsx13(SelectTrigger, { "aria-label": `${column.header} filter operator`, children: /* @__PURE__ */ jsx13(SelectValue, {}) }),
@@ -1579,7 +1584,7 @@ function MultilineStringEditor({
 }
 
 // src/edit/NumberEditor.tsx
-import { useEffect as useEffect4, useRef as useRef5, useState as useState5 } from "react";
+import { useEffect as useEffect5, useRef as useRef5, useState as useState6 } from "react";
 import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 function textFromValue(value) {
   return value === null || value === void 0 ? "" : String(value);
@@ -1593,9 +1598,9 @@ function NumberEditor({
   autoFocus
 }) {
   const errorId = editErrorId(rowId, column.id);
-  const [text, setText] = useState5(() => textFromValue(value));
+  const [text, setText] = useState6(() => textFromValue(value));
   const lastEmittedRef = useRef5(value);
-  useEffect4(() => {
+  useEffect5(() => {
     if (value === lastEmittedRef.current) return;
     lastEmittedRef.current = value;
     setText(textFromValue(value));
@@ -1673,22 +1678,22 @@ function renderDefaultEditWidget(column, rowId, value, onChange, error, autoFocu
 }
 
 // src/edit/editingState.ts
-import { useEffect as useEffect5, useRef as useRef6, useState as useState6 } from "react";
+import { useEffect as useEffect6, useRef as useRef6, useState as useState7 } from "react";
 function editValuesEqual(a, b) {
   if (a instanceof Date && b instanceof Date) return a.getTime() === b.getTime();
   return a === b;
 }
 function useEditingState(editing, getRowId) {
-  const [pendingEdits, setPendingEdits] = useState6(/* @__PURE__ */ new Map());
-  const [editErrors, setEditErrors] = useState6(/* @__PURE__ */ new Map());
+  const [pendingEdits, setPendingEdits] = useState7(/* @__PURE__ */ new Map());
+  const [editErrors, setEditErrors] = useState7(/* @__PURE__ */ new Map());
   const hasEditErrors = editErrors.size > 0;
-  const [activeRowId, setActiveRowId] = useState6(null);
-  const [autoFocusTarget, setAutoFocusTarget] = useState6(null);
+  const [activeRowId, setActiveRowId] = useState7(null);
+  const [autoFocusTarget, setAutoFocusTarget] = useState7(null);
   function activateRow(rowId, columnId) {
     setActiveRowId(rowId);
     setAutoFocusTarget({ rowId, columnId });
   }
-  useEffect5(() => {
+  useEffect6(() => {
     if (autoFocusTarget) setAutoFocusTarget(null);
   }, [autoFocusTarget]);
   function commitEdit(column, row, value) {
@@ -1981,11 +1986,11 @@ function extendRangeForFillToCellRange(base, target, rowIds, columnIds, rowIndex
 }
 
 // src/cell-editing/useCellSelection.ts
-import { useCallback as useCallback2, useMemo as useMemo3, useRef as useRef7, useState as useState7 } from "react";
+import { useCallback as useCallback2, useMemo as useMemo3, useRef as useRef7, useState as useState8 } from "react";
 function useCellSelection({ rowIds, columnIds, onNavigateToRow }) {
-  const [selection, setSelectionState] = useState7(void 0);
-  const [isDragging, setIsDragging] = useState7(false);
-  const [dragFocus, setDragFocus] = useState7(void 0);
+  const [selection, setSelectionState] = useState8(void 0);
+  const [isDragging, setIsDragging] = useState8(false);
+  const [dragFocus, setDragFocus] = useState8(void 0);
   const draggingRef = useRef7(false);
   const dragFocusRef = useRef7(void 0);
   const rowIndex = useMemo3(() => buildIndexMap(rowIds), [rowIds]);
@@ -2048,8 +2053,8 @@ function useCellSelection({ rowIds, columnIds, onNavigateToRow }) {
     if (isDragging && dragFocus) return { anchor: selection.anchor, focus: dragFocus };
     return selection;
   }, [selection, isDragging, dragFocus]);
-  const [isFillDragging, setIsFillDragging] = useState7(false);
-  const [fillTarget, setFillTarget] = useState7(void 0);
+  const [isFillDragging, setIsFillDragging] = useState8(false);
+  const [fillTarget, setFillTarget] = useState8(void 0);
   const fillDraggingRef = useRef7(false);
   const fillTargetRef = useRef7(void 0);
   const fillBaseRef = useRef7(void 0);
@@ -2102,17 +2107,17 @@ function useCellSelection({ rowIds, columnIds, onNavigateToRow }) {
 }
 
 // src/cell-editing/useCellEditingState.ts
-import { useRef as useRef8, useState as useState8 } from "react";
+import { useRef as useRef8, useState as useState9 } from "react";
 function cellKey(rowId, columnId) {
   return `${rowId}:${columnId}`;
 }
 function useCellEditingState(cellEditing, getRowId) {
-  const [editingCell, setEditingCell] = useState8(void 0);
-  const [initialText, setInitialText] = useState8(void 0);
-  const [hasDraft, setHasDraft] = useState8(false);
-  const [draftValue, setDraftValue] = useState8(void 0);
-  const [overrides, setOverrides] = useState8(/* @__PURE__ */ new Map());
-  const [errors, setErrors] = useState8(/* @__PURE__ */ new Map());
+  const [editingCell, setEditingCell] = useState9(void 0);
+  const [initialText, setInitialText] = useState9(void 0);
+  const [hasDraft, setHasDraft] = useState9(false);
+  const [draftValue, setDraftValue] = useState9(void 0);
+  const [overrides, setOverrides] = useState9(/* @__PURE__ */ new Map());
+  const [errors, setErrors] = useState9(/* @__PURE__ */ new Map());
   const justCommittedRef = useRef8(false);
   function closeEditor() {
     setEditingCell(void 0);
@@ -2272,7 +2277,7 @@ function renderCellModeCell(column, row, rawValue, ctx) {
 }
 
 // src/cell-editing/SelectionOverlay.tsx
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef9, useState as useState9 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef9, useState as useState10 } from "react";
 import { Fragment as Fragment2, jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 function cellSelector(rowId, columnId) {
   const escape = (value) => typeof CSS !== "undefined" && CSS.escape ? CSS.escape(value) : value.replace(/["\\]/g, "\\$&");
@@ -2303,8 +2308,8 @@ function SelectionOverlay({
   fillPreviewRange,
   onFillHandleMouseDown
 }) {
-  const [rect, setRect] = useState9(void 0);
-  const [previewRect, setPreviewRect] = useState9(void 0);
+  const [rect, setRect] = useState10(void 0);
+  const [previewRect, setPreviewRect] = useState10(void 0);
   const recomputeRef = useRef9(() => {
   });
   recomputeRef.current = () => {
@@ -2552,7 +2557,7 @@ function computeFillChanges(sourceRange, finalRange, rowIds, columnIds, columns,
 
 // src/column-selector/ColumnSelector.tsx
 import { Columns3 } from "lucide-react";
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 
 // src/components/ui/dialog.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
@@ -2676,7 +2681,7 @@ function ColumnSelector({
   open,
   onOpenChange
 }) {
-  useEffect6(() => {
+  useEffect7(() => {
     if (!persistKey) return;
     const restored = readPersistedVisibility(persistKey);
     if (restored) onVisibilityChange({ ...visibility, ...restored });
@@ -2817,23 +2822,23 @@ import { BarsArrowDownIcon, BarsArrowUpIcon, FunnelIcon as FunnelIcon7 } from "@
 import { columnResizingFeature, columnSizingFeature, flexRender, tableFeatures, useTable } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { ChevronRight, Loader2 } from "lucide-react";
-import { Fragment as Fragment3, useEffect as useEffect10, useMemo as useMemo8, useRef as useRef12, useState as useState14 } from "react";
+import { Fragment as Fragment3, useEffect as useEffect11, useMemo as useMemo8, useRef as useRef12, useState as useState15 } from "react";
 
 // src/cell-editing/renderAlwaysEditCell.tsx
 import {
-  useEffect as useEffect7,
-  useState as useState10
+  useEffect as useEffect8,
+  useState as useState11
 } from "react";
 import { jsx as jsx32 } from "react/jsx-runtime";
 function AlwaysEditCell(props) {
   const { column, row, rawValue, ctx, atomicGesture } = props;
   const rowId = ctx.getRowId(row);
   const resolvedValue = ctx.resolveValue(rowId, column.id, rawValue);
-  const [draft, setDraft] = useState10(void 0);
-  const [enumOpen, setEnumOpen] = useState10(false);
+  const [draft, setDraft] = useState11(void 0);
+  const [enumOpen, setEnumOpen] = useState11(false);
   const isBuiltinEnum = column.type === "enum" && !column.renderEditCell;
   const shouldOpenEnumNow = isBuiltinEnum && (atomicGesture?.shouldOpenEnum(rowId, column.id) ?? false);
-  useEffect7(() => {
+  useEffect8(() => {
     if (shouldOpenEnumNow) setEnumOpen(true);
   }, [shouldOpenEnumNow]);
   if (!isEditable(column, row)) {
@@ -2931,9 +2936,9 @@ function AlwaysEditCell(props) {
 }
 
 // src/hooks/useGroupExpansion.ts
-import { useCallback as useCallback3, useState as useState11 } from "react";
+import { useCallback as useCallback3, useState as useState12 } from "react";
 function useGroupExpansion(defaultGroupsExpanded, controlledExpandedGroups, onExpandedGroupsChange) {
-  const [internalExpandedGroups, setInternalExpandedGroups] = useState11({});
+  const [internalExpandedGroups, setInternalExpandedGroups] = useState12({});
   const expandedGroups = controlledExpandedGroups ?? internalExpandedGroups;
   const updateExpandedGroups = useCallback3(
     (next) => {
@@ -2956,10 +2961,10 @@ function useGroupExpansion(defaultGroupsExpanded, controlledExpandedGroups, onEx
 }
 
 // src/hooks/useStickyGroupHeaderTop.ts
-import { useLayoutEffect as useLayoutEffect3, useRef as useRef10, useState as useState12 } from "react";
+import { useLayoutEffect as useLayoutEffect3, useRef as useRef10, useState as useState13 } from "react";
 function useStickyGroupHeaderTop(enabled) {
   const theadRef = useRef10(null);
-  const [groupHeaderTop, setGroupHeaderTop] = useState12(0);
+  const [groupHeaderTop, setGroupHeaderTop] = useState13(0);
   useLayoutEffect3(() => {
     if (!enabled) return;
     const theadEl = theadRef.current;
@@ -3023,15 +3028,15 @@ function processClientData(data, state) {
 }
 
 // src/grid/useGridState.ts
-import { useCallback as useCallback4, useEffect as useEffect9, useMemo as useMemo7, useState as useState13 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect10, useMemo as useMemo7, useState as useState14 } from "react";
 
 // src/hooks/useDebouncedCallback.ts
-import { useEffect as useEffect8, useMemo as useMemo6, useRef as useRef11 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo6, useRef as useRef11 } from "react";
 function useDebouncedCallback(callback, delayMs) {
   const callbackRef = useRef11(callback);
   callbackRef.current = callback;
   const timeoutRef = useRef11(void 0);
-  useEffect8(() => {
+  useEffect9(() => {
     return () => {
       clearTimeout(timeoutRef.current);
     };
@@ -3060,8 +3065,8 @@ function nextSortDir(current, descFirst) {
   if (current === first) return second;
   return void 0;
 }
-function useGridState(dataSource, initialState, externalState, showPagination = true) {
-  const [state, setState] = useState13(() => {
+function useGridState(dataSource, initialState, externalState, showPagination = true, onGridStateChange) {
+  const [state, setState] = useState14(() => {
     if (externalState) return externalState;
     const pageSize = initialState?.pageSize ?? (showPagination ? DEFAULT_STATE.pageSize : Number.MAX_SAFE_INTEGER);
     return { ...DEFAULT_STATE, ...initialState, pageSize };
@@ -3069,8 +3074,9 @@ function useGridState(dataSource, initialState, externalState, showPagination =
   const notifyRaw = useCallback4(
     (next) => {
       if (dataSource.mode === "server") dataSource.onStateChange(next);
+      onGridStateChange?.(next);
     },
-    [dataSource]
+    [dataSource, onGridStateChange]
   );
   const { run: notifyDebounced, cancel: cancelDebouncedNotify } = useDebouncedCallback(
     notifyRaw,
@@ -3083,7 +3089,7 @@ function useGridState(dataSource, initialState, externalState, showPagination =
     },
     [notifyRaw, cancelDebouncedNotify]
   );
-  useEffect9(() => {
+  useEffect10(() => {
     if (!externalState) return;
     cancelDebouncedNotify();
     setState(externalState);
@@ -3235,6 +3241,7 @@ function DataGrid({
   getRowProps,
   getRowTestId,
   gridState,
+  onGridStateChange,
   selectedIds: controlledSelectedIds,
   onSelectedIdsChange,
   testId,
@@ -3254,21 +3261,22 @@ function DataGrid({
     dataSource,
     initialState,
     gridState,
-    showPagination
+    showPagination,
+    onGridStateChange
   );
-  const [internalSelectedIds, setInternalSelectedIds] = useState14(/* @__PURE__ */ new Set());
+  const [internalSelectedIds, setInternalSelectedIds] = useState15(/* @__PURE__ */ new Set());
   const selectedIds = controlledSelectedIds ?? internalSelectedIds;
   function updateSelectedIds(next) {
     setInternalSelectedIds(next);
     onSelectedIdsChange?.(next);
   }
-  const [internalColumnSizing, setInternalColumnSizing] = useState14({});
+  const [internalColumnSizing, setInternalColumnSizing] = useState15({});
   const columnSizing = controlledColumnSizing ?? internalColumnSizing;
   function updateColumnSizing(next) {
     setInternalColumnSizing(next);
     onColumnSizingChange?.(next);
   }
-  const [expandedIds, setExpandedIds] = useState14(/* @__PURE__ */ new Set());
+  const [expandedIds, setExpandedIds] = useState15(/* @__PURE__ */ new Set());
   function toggleRowExpanded(id) {
     setExpandedIds((prev) => {
       const next = new Set(prev);
@@ -3446,7 +3454,7 @@ function DataGrid({
   }, [visibleColumns, enableColumnResizing, leftPinnedOffsets, rightPinnedOffsets, columnSizing]);
   const tableRows = table.getRowModel().rows;
   const truncationWarnedRef = useRef12(false);
-  useEffect10(() => {
+  useEffect11(() => {
     if (process.env.NODE_ENV === "production") return;
     if (showPagination) return;
     if (truncationWarnedRef.current) return;
@@ -3489,10 +3497,10 @@ function DataGrid({
   const paddingBottom = virtualItems.length > 0 ? virtualizer.getTotalSize() - virtualItems[virtualItems.length - 1].end : 0;
   const lastVisibleIndex = virtualItems.length > 0 ? virtualItems[virtualItems.length - 1].index : -1;
   const notifiedForLengthRef = useRef12(-1);
-  useEffect10(() => {
+  useEffect11(() => {
     notifiedForLengthRef.current = -1;
   }, [state.filter, state.sort]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!virtualize?.onEndReached) return;
     if (lastVisibleIndex < 0 || lastVisibleIndex < flatItems.length - 1) return;
     if (virtualize.hasMore === false) return;
@@ -3520,7 +3528,7 @@ function DataGrid({
   });
   const clickCellRef = useRef12(null);
   const dragMovedRef = useRef12(false);
-  const [pendingOpenEnumCell, setPendingOpenEnumCell] = useState14(void 0);
+  const [pendingOpenEnumCell, setPendingOpenEnumCell] = useState15(void 0);
   atomicGestureRef.current = {
     shouldOpenEnum: (rowId, columnId) => pendingOpenEnumCell?.rowId === rowId && pendingOpenEnumCell?.columnId === columnId,
     // Mirrors exactly what `handleCellMouseDown` below does for every other
@@ -3545,7 +3553,7 @@ function DataGrid({
   }
   const pendingDragCellRef = useRef12(null);
   const dragRafRef = useRef12(null);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!cellSelection.isDragging) return;
     function handleMouseMove(event) {
       const cellEl = event.target?.closest("[data-cell-row]");
@@ -3586,7 +3594,7 @@ function DataGrid({
   }, [cellSelection.isDragging, cellSelection.updateDrag, cellSelection.endDrag]);
   const pendingFillCellRef = useRef12(null);
   const fillRafRef = useRef12(null);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!cellSelection.isFillDragging) return;
     function handleMouseMove(event) {
       const cellEl = event.target?.closest("[data-cell-row]");
@@ -3623,7 +3631,7 @@ function DataGrid({
     };
   }, [cellSelection.isFillDragging, cellSelection.updateFillDrag, cellSelection.endFillDrag]);
   const wasEditingCellRef = useRef12(void 0);
-  useEffect10(() => {
+  useEffect11(() => {
     const wasEditing = wasEditingCellRef.current !== void 0;
     wasEditingCellRef.current = cellEditingCtx?.editingCell;
     if (!wasEditing || cellEditingCtx?.editingCell) return;
@@ -4252,7 +4260,7 @@ function DataGrid({
 // src/tree/TreeDataGrid.tsx
 import { useVirtualizer as useVirtualizer2 } from "@tanstack/react-virtual";
 import { AlertCircle, ChevronDown as ChevronDown2, ChevronRight as ChevronRight2, Loader2 as Loader22 } from "lucide-react";
-import { Fragment as Fragment5, useEffect as useEffect11, useMemo as useMemo10, useRef as useRef13 } from "react";
+import { Fragment as Fragment5, useEffect as useEffect12, useMemo as useMemo10, useRef as useRef13 } from "react";
 
 // src/tree/flattenTree.ts
 function flattenTree(roots, accessors, expanded, childrenOverride) {
@@ -4297,7 +4305,7 @@ function computeSelectionStates(roots, accessors, childrenOverride, selectedIds)
 }
 
 // src/tree/useTreeState.ts
-import { useCallback as useCallback5, useMemo as useMemo9, useState as useState15 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo9, useState as useState16 } from "react";
 function useTreeState({
   data,
   getRowId,
@@ -4309,7 +4317,7 @@ function useTreeState({
   childrenMap: controlledChildrenMap,
   onChildrenMapChange
 }) {
-  const [internalExpanded, setInternalExpanded] = useState15({});
+  const [internalExpanded, setInternalExpanded] = useState16({});
   const expanded = controlledExpanded ?? internalExpanded;
   const setExpanded = useCallback5(
     (updater) => {
@@ -4321,7 +4329,7 @@ function useTreeState({
     },
     [controlledExpanded, onExpandedChange]
   );
-  const [internalChildrenMap, setInternalChildrenMap] = useState15(/* @__PURE__ */ new Map());
+  const [internalChildrenMap, setInternalChildrenMap] = useState16(/* @__PURE__ */ new Map());
   const childrenMap = controlledChildrenMap ?? internalChildrenMap;
   const setChildrenMap = useCallback5(
     (updater) => {
@@ -4333,8 +4341,8 @@ function useTreeState({
     },
     [controlledChildrenMap, onChildrenMapChange]
   );
-  const [loadingIds, setLoadingIds] = useState15(/* @__PURE__ */ new Set());
-  const [errorIds, setErrorIds] = useState15(/* @__PURE__ */ new Map());
+  const [loadingIds, setLoadingIds] = useState16(/* @__PURE__ */ new Set());
+  const [errorIds, setErrorIds] = useState16(/* @__PURE__ */ new Map());
   const resolveHasChildren = useMemo9(
     () => hasChildren ?? ((row) => (getChildren(row)?.length ?? 0) > 0),
     [hasChildren, getChildren]
@@ -4507,7 +4515,7 @@ function TreeDataGrid({
     onChildrenMapChange
   });
   const didAutoExpand = useRef13(false);
-  useEffect11(() => {
+  useEffect12(() => {
     if (didAutoExpand.current) return;
     didAutoExpand.current = true;
     if (initialExpandedLevel > 0) void expandToLevel(initialExpandedLevel);