@bmsuisse/datagrid 0.32.1 → 0.32.2

package/dist/index.d.ts

@@ -1744,6 +1744,17 @@ interface TreeDataGridProps<TRow> extends TreeAccessors<TRow> {
     columns: ColumnDef<TRow>[];
     /** Root-level rows. */
     data: TRow[];
+    /**
+     * Whether the root `data` set is still being fetched. Purely cosmetic —
+     * unlike `<DataGrid>`'s `loading` (a full-overlay spinner over the whole
+     * body), `<TreeDataGrid>` has no existing rows to obscure while `data` is
+     * empty, so this only swaps the empty-state row from "No results." to a
+     * spinner + "Loading..." for as long as `data.length === 0`. Once real
+     * rows arrive, this stops mattering — a background refetch never re-shows
+     * the empty state, so there's nothing for a full overlay to add here.
+     * Defaults to `false`.
+     */
+    loading?: boolean;
     /**
      * The column whose cell gets the depth indentation + expand/collapse
      * chevron prepended. Defaults to the first column in `columns`.
@@ -1959,7 +1970,7 @@ interface TreeDataGridProps<TRow> extends TreeAccessors<TRow> {
  * column's cell matches `treeColumnId` (defaults to `columns[0]`); every
  * other column renders exactly like it would in `<DataGrid>`.
  */
-declare function TreeDataGrid<TRow>({ columns, data, treeColumnId, columnVisibility, getRowId, getChildren, hasChildren, onLoadChildren, initialExpandedLevel, expanded: controlledExpanded, onExpandedChange, childrenMap: controlledChildrenMap, onChildrenMapChange, indentSize, getRowProps, getRowTestId, rowActions, virtualizeThreshold, estimatedRowHeight, maxBodyHeight, testId, selectedIds: controlledSelectedIds, onSelectedIdsChange, getRowSelectionState, isRowSelectionDisabled, groupBy, renderGroupHeader, defaultGroupsExpanded, expandedGroups: controlledExpandedGroups, onExpandedGroupsChange, zebra, editing, }: TreeDataGridProps<TRow>): ReactElement;
+declare function TreeDataGrid<TRow>({ columns, data, loading, treeColumnId, columnVisibility, getRowId, getChildren, hasChildren, onLoadChildren, initialExpandedLevel, expanded: controlledExpanded, onExpandedChange, childrenMap: controlledChildrenMap, onChildrenMapChange, indentSize, getRowProps, getRowTestId, rowActions, virtualizeThreshold, estimatedRowHeight, maxBodyHeight, testId, selectedIds: controlledSelectedIds, onSelectedIdsChange, getRowSelectionState, isRowSelectionDisabled, groupBy, renderGroupHeader, defaultGroupsExpanded, expandedGroups: controlledExpandedGroups, onExpandedGroupsChange, zebra, editing, }: TreeDataGridProps<TRow>): ReactElement;
 
 interface FlatTreeRow<TRow> {
     row: TRow;

package/dist/index.js

@@ -4397,6 +4397,7 @@ function TreeCell({
 function TreeDataGrid({
   columns,
   data,
+  loading = false,
   treeColumnId,
   columnVisibility,
   getRowId,
@@ -4638,7 +4639,10 @@ function TreeDataGrid({
             )),
             showRowActionsColumn && /* @__PURE__ */ jsx34("th", { className: "sticky top-0 z-20 border-b border-border bg-muted p-2", "aria-label": "Row actions" })
           ] }) }),
-          /* @__PURE__ */ jsx34("tbody", { children: data.length === 0 ? /* @__PURE__ */ jsx34("tr", { children: /* @__PURE__ */ jsx34("td", { colSpan: totalColumnCount, className: "p-4 text-center text-muted-foreground", children: "No results." }) }) : groupedBuckets ? groupedBuckets.map((bucket) => {
+          /* @__PURE__ */ jsx34("tbody", { children: data.length === 0 ? /* @__PURE__ */ jsx34("tr", { children: /* @__PURE__ */ jsx34("td", { colSpan: totalColumnCount, className: "p-4 text-center text-muted-foreground", children: loading ? /* @__PURE__ */ jsxs21("span", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx34(Loader22, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }),
+            "Loading..."
+          ] }) : "No results." }) }) : groupedBuckets ? groupedBuckets.map((bucket) => {
             const groupExpanded = isGroupExpanded(bucket.key);
             return /* @__PURE__ */ jsxs21(Fragment5, { children: [
               /* @__PURE__ */ jsx34("tr", { "data-testid": `group-header-${bucket.key}`, children: /* @__PURE__ */ jsx34(