@cdx-ui/data-grid 0.3.12 → 0.3.13

package/lib/module/adapter/pinning.js

@@ -1,8 +1,9 @@
 "use strict";
 
-import { SELECT_COLUMN_ID } from '../types';
+import { DETAIL_PANEL_TOGGLE_ID, SELECT_COLUMN_ID } from '../types';
 export const DEFAULT_PINNED_COLUMN_WIDTH = 100;
 export const SELECT_COLUMN_WIDTH = 56;
+export const DETAIL_PANEL_TOGGLE_WIDTH = 48;
 export function isColumnPinningActive(state) {
   return state.start.length > 0 || state.end.length > 0;
 }
@@ -13,6 +14,9 @@ export function pinnedColumnPixelWidth(columnId, col) {
   if (columnId === SELECT_COLUMN_ID) {
     return SELECT_COLUMN_WIDTH;
   }
+  if (columnId === DETAIL_PANEL_TOGGLE_ID) {
+    return DETAIL_PANEL_TOGGLE_WIDTH;
+  }
   return Math.max(col?.width ?? DEFAULT_PINNED_COLUMN_WIDTH, col?.minWidth ?? 0);
 }
 export function buildPinnedOffsets(state, colByField) {

package/lib/module/adapter/pinning.js.map

@@ -1 +1 @@
-{"version":3,"names":["SELECT_COLUMN_ID","DEFAULT_PINNED_COLUMN_WIDTH","SELECT_COLUMN_WIDTH","isColumnPinningActive","state","start","length","end","pinnedFieldSet","Set","pinnedColumnPixelWidth","columnId","col","Math","max","width","minWidth","buildPinnedOffsets","colByField","Map","startOffset","id","set","get","endOffset","index","startTotal","endTotal","pinnedCellStyle","edge","offset","isHeader","position","insetInlineStart","insetInlineEnd","zIndex","pinnedEdgeGuidesImage","offsets","color","isRTL","stops","toString","inner","push","undefined","join","warnedPinnedFlexFields","warnPinnedFlexColumns","columns","pinned","__DEV__","column","has","field","flex","add","console","warn"],"sourceRoot":"../../../src","sources":["adapter/pinning.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["DETAIL_PANEL_TOGGLE_ID","SELECT_COLUMN_ID","DEFAULT_PINNED_COLUMN_WIDTH","SELECT_COLUMN_WIDTH","DETAIL_PANEL_TOGGLE_WIDTH","isColumnPinningActive","state","start","length","end","pinnedFieldSet","Set","pinnedColumnPixelWidth","columnId","col","Math","max","width","minWidth","buildPinnedOffsets","colByField","Map","startOffset","id","set","get","endOffset","index","startTotal","endTotal","pinnedCellStyle","edge","offset","isHeader","position","insetInlineStart","insetInlineEnd","zIndex","pinnedEdgeGuidesImage","offsets","color","isRTL","stops","toString","inner","push","undefined","join","warnedPinnedFlexFields","warnPinnedFlexColumns","columns","pinned","__DEV__","column","has","field","flex","add","console","warn"],"sourceRoot":"../../../src","sources":["adapter/pinning.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/adapter/selectColumn.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { SELECT_COLUMN_ID } from '../types';
+import { DETAIL_PANEL_TOGGLE_ID, SELECT_COLUMN_ID } from '../types';
 export function createSelectColumn() {
   return {
     id: SELECT_COLUMN_ID,
@@ -11,4 +11,14 @@ export function createSelectColumn() {
     size: 48
   };
 }
+export function createDetailPanelToggleColumn() {
+  return {
+    id: DETAIL_PANEL_TOGGLE_ID,
+    header: DETAIL_PANEL_TOGGLE_ID,
+    enableSorting: false,
+    enableColumnFilter: false,
+    enableGlobalFilter: false,
+    size: 48
+  };
+}
 //# sourceMappingURL=selectColumn.js.map

package/lib/module/adapter/selectColumn.js.map

@@ -1 +1 @@
-{"version":3,"names":["SELECT_COLUMN_ID","createSelectColumn","id","header","enableSorting","enableColumnFilter","enableGlobalFilter","size"],"sourceRoot":"../../../src","sources":["adapter/selectColumn.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,UAAU;AAE3C,OAAO,SAASC,kBAAkBA,CAAA,EAAG;EACnC,OAAO;IACLC,EAAE,EAAEF,gBAAgB;IACpBG,MAAM,EAAEH,gBAAgB;IACxBI,aAAa,EAAE,KAAK;IACpBC,kBAAkB,EAAE,KAAK;IACzBC,kBAAkB,EAAE,KAAK;IACzBC,IAAI,EAAE;EACR,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["DETAIL_PANEL_TOGGLE_ID","SELECT_COLUMN_ID","createSelectColumn","id","header","enableSorting","enableColumnFilter","enableGlobalFilter","size","createDetailPanelToggleColumn"],"sourceRoot":"../../../src","sources":["adapter/selectColumn.ts"],"mappings":";;AAAA,SAASA,sBAAsB,EAAEC,gBAAgB,QAAQ,UAAU;AAEnE,OAAO,SAASC,kBAAkBA,CAAA,EAAG;EACnC,OAAO;IACLC,EAAE,EAAEF,gBAAgB;IACpBG,MAAM,EAAEH,gBAAgB;IACxBI,aAAa,EAAE,KAAK;IACpBC,kBAAkB,EAAE,KAAK;IACzBC,kBAAkB,EAAE,KAAK;IACzBC,IAAI,EAAE;EACR,CAAC;AACH;AAEA,OAAO,SAASC,6BAA6BA,CAAA,EAAG;EAC9C,OAAO;IACLN,EAAE,EAAEH,sBAAsB;IAC1BI,MAAM,EAAEJ,sBAAsB;IAC9BK,aAAa,EAAE,KAAK;IACpBC,kBAAkB,EAAE,KAAK;IACzBC,kBAAkB,EAAE,KAAK;IACzBC,IAAI,EAAE;EACR,CAAC;AACH","ignoreList":[]}

package/lib/module/adapter/treeData.js

@@ -0,0 +1,187 @@
+"use strict";
+
+/** The shape TanStack rows share; filtered and sorted rows carry their filtered `subRows`. */
+
+const pathKey = path => JSON.stringify(path);
+const warnedDuplicatePaths = new Set();
+export function buildTreeIndex(rows, getTreeDataPath, keyOf) {
+  const byPath = new Map();
+  const paths = new Map();
+  for (const row of rows) {
+    const path = getTreeDataPath(row);
+    const key = pathKey(path);
+    if (__DEV__ && byPath.has(key) && !warnedDuplicatePaths.has(key)) {
+      warnedDuplicatePaths.add(key);
+      console.warn(`[DataGrid] Duplicate tree data path ${key}. Paths must be unique.`);
+    }
+    byPath.set(key, row);
+    paths.set(row, path);
+  }
+  const roots = [];
+  const childrenOf = new Map();
+  const rowOf = new Map();
+  const parentKeyOf = new Map();
+  const childKeysOf = new Map();
+  for (const row of rows) {
+    const path = paths.get(row) ?? [];
+    const key = keyOf(row);
+    rowOf.set(key, row);
+    let parent;
+    for (let length = path.length - 1; length > 0 && parent === undefined; length -= 1) {
+      parent = byPath.get(pathKey(path.slice(0, length)));
+    }
+    if (parent === undefined || parent === row) {
+      roots.push(row);
+      continue;
+    }
+    const parentKey = keyOf(parent);
+    parentKeyOf.set(key, parentKey);
+    const siblings = childrenOf.get(parent);
+    if (siblings) {
+      siblings.push(row);
+    } else {
+      childrenOf.set(parent, [row]);
+    }
+    const siblingKeys = childKeysOf.get(parentKey);
+    if (siblingKeys) {
+      siblingKeys.push(key);
+    } else {
+      childKeysOf.set(parentKey, [key]);
+    }
+  }
+  const depthOf = new Map();
+  const breadthFirst = roots.map(row => keyOf(row));
+  for (const key of breadthFirst) {
+    depthOf.set(key, 0);
+  }
+  // The array iterator also visits children pushed during the loop.
+  for (const key of breadthFirst) {
+    for (const child of childKeysOf.get(key) ?? []) {
+      depthOf.set(child, (depthOf.get(key) ?? 0) + 1);
+      breadthFirst.push(child);
+    }
+  }
+  return {
+    roots,
+    childrenOf,
+    rowOf,
+    parentKeyOf,
+    childKeysOf,
+    depthOf,
+    keysDeepestFirst: breadthFirst.reverse()
+  };
+}
+
+/**
+ * With `propagateParents`, a parent is `all` exactly when every child is `all`, whatever the model
+ * says about the parent itself. Without it, a parent's own selection decides, and partly selected
+ * descendants show as `some`.
+ */
+export function computeTreeSelection(index, selected, propagateParents) {
+  const status = new Map();
+  for (const key of index.keysDeepestFirst) {
+    const isSelected = selected.has(key);
+    const children = index.childKeysOf.get(key);
+    if (!children?.length) {
+      status.set(key, isSelected ? 'all' : 'none');
+      continue;
+    }
+    let all = true;
+    let some = false;
+    for (const child of children) {
+      const childStatus = status.get(child) ?? 'none';
+      if (childStatus !== 'all') {
+        all = false;
+      }
+      if (childStatus !== 'none') {
+        some = true;
+      }
+    }
+    if (propagateParents) {
+      status.set(key, all ? 'all' : some || isSelected ? 'some' : 'none');
+    } else {
+      status.set(key, isSelected ? 'all' : some ? 'some' : 'none');
+    }
+  }
+  return status;
+}
+export function applyTreeSelection(index, selected, targets, value, propagateParents) {
+  const next = new Set(selected);
+  for (const key of targets) {
+    if (value) {
+      next.add(key);
+    } else {
+      next.delete(key);
+    }
+  }
+  if (propagateParents) {
+    for (const key of index.keysDeepestFirst) {
+      const children = index.childKeysOf.get(key);
+      if (!children?.length) {
+        continue;
+      }
+      if (children.every(child => next.has(child))) {
+        next.add(key);
+      } else {
+        next.delete(key);
+      }
+    }
+  }
+  return next;
+}
+
+/**
+ * Rows a toggle writes (`targets`) and the rows whose state decides the toggle direction
+ * (`units`). With `descendants`, a row's filtered sub-rows are included; a row whose children were
+ * all filtered out takes its whole subtree, so a matching group can still be picked.
+ */
+export function selectionScope(rows, index, descendants) {
+  const targets = [];
+  const units = [];
+  const visitFullSubtree = key => {
+    targets.push(key);
+    const children = index.childKeysOf.get(key);
+    if (!children?.length) {
+      units.push(key);
+      return;
+    }
+    children.forEach(visitFullSubtree);
+  };
+  const visit = row => {
+    if (!descendants) {
+      targets.push(row.id);
+      units.push(row.id);
+      return;
+    }
+    if (row.subRows.length === 0) {
+      visitFullSubtree(row.id);
+      return;
+    }
+    targets.push(row.id);
+    row.subRows.forEach(visit);
+  };
+  rows.forEach(visit);
+  return {
+    targets,
+    units
+  };
+}
+
+/** Keeps every row that matches and every ancestor of a match. */
+export function keepMatchesWithAncestors(rows, index, keyOf, matches) {
+  const keep = new Set();
+  for (const row of rows) {
+    if (!matches(row)) {
+      continue;
+    }
+    for (let key = keyOf(row); key !== undefined;) {
+      if (keep.has(key)) {
+        break;
+      }
+      keep.add(key);
+      key = index.parentKeyOf.get(key);
+    }
+  }
+  return rows.filter(row => keep.has(keyOf(row)));
+}
+//# sourceMappingURL=treeData.js.map

package/lib/module/adapter/treeData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pathKey","path","JSON","stringify","warnedDuplicatePaths","Set","buildTreeIndex","rows","getTreeDataPath","keyOf","byPath","Map","paths","row","key","__DEV__","has","add","console","warn","set","roots","childrenOf","rowOf","parentKeyOf","childKeysOf","get","parent","length","undefined","slice","push","parentKey","siblings","siblingKeys","depthOf","breadthFirst","map","child","keysDeepestFirst","reverse","computeTreeSelection","index","selected","propagateParents","status","isSelected","children","all","some","childStatus","applyTreeSelection","targets","value","next","delete","every","selectionScope","descendants","units","visitFullSubtree","forEach","visit","id","subRows","keepMatchesWithAncestors","matches","keep","filter"],"sourceRoot":"../../../src","sources":["adapter/treeData.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/styles.js

@@ -147,7 +147,20 @@ export const dataGridBodyVariants = cva(Platform.select({
   default: ''
 }));
 export const dataGridFilterInputVariants = cva('min-w-24');
-export const dataGridFilterPanelVariants = cva('absolute start-4 top-16 z-30 w-max max-w-[calc(100%-2rem)] gap-3 rounded-lg border border-stroke-secondary bg-surface-primary px-3 pb-2 pt-3 shadow-lg');
+
+// The toolbar panel sits at a fixed spot in the grid root. A panel opened from a column is anchored
+// to its opener in a portal, so its position and width cap come from the anchored overlay instead.
+export const dataGridFilterPanelVariants = cva('w-max gap-3 rounded-lg border border-stroke-secondary bg-surface-primary px-3 pb-2 pt-3 shadow-lg', {
+  variants: {
+    anchored: {
+      true: '',
+      false: 'absolute start-4 top-16 z-30 max-w-[calc(100%-2rem)]'
+    }
+  },
+  defaultVariants: {
+    anchored: false
+  }
+});
 
 // The panel is as wide as one unwrapped row, capped at the grid's width. Below that, fields wrap
 // onto new lines and grow to fill them, so the layout follows the grid's width, not the viewport.
@@ -178,6 +191,39 @@ export const dataGridCellVariants = cva(['h-12 px-4', Platform.select({
   web: 'border-b border-stroke-secondary',
   default: ''
 })]);
+export const dataGridDetailToggleCellVariants = cva(['w-12 px-2', Platform.select({
+  web: 'border-b border-stroke-secondary',
+  default: ''
+})]);
+
+// Header labels and depth-0 content line up because both reserve the toggle slot.
+export const dataGridTreeCellInnerVariants = cva('min-w-0 flex-1 flex-row items-center gap-2');
+export const dataGridTreeToggleSlotVariants = cva('size-8 shrink-0 items-center justify-center');
+export const dataGridTreeContentVariants = cva('min-w-0 flex-1 flex-row items-center');
+export const dataGridDetailPanelCellVariants = cva(['px-4 py-3', Platform.select({
+  web: 'border-b border-stroke-secondary bg-surface-primary',
+  default: ''
+})]);
+
+// Same `w-0 min-w-full` trick as the header label: a declared column width truncates the value
+// with an ellipsis instead of wrapping it onto a second line and growing the fixed-height row.
+export const dataGridCellTextVariants = cva('min-w-0', {
+  variants: {
+    align: {
+      start: 'text-start',
+      center: 'text-center',
+      end: 'text-end'
+    },
+    fitToColumn: {
+      true: 'w-0 min-w-full',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    align: 'start',
+    fitToColumn: false
+  }
+});
 export const dataGridSelectCellVariants = cva(['w-14 px-4', Platform.select({
   web: 'border-b border-stroke-secondary',
   default: ''

package/lib/module/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","dataGridRootVariants","variants","autoHeight","true","false","defaultVariants","dataGridMainVariants","overlay","compoundVariants","className","dataGridPinnedSurfaceVariants","select","web","default","header","dataGridPinnedEdgeVariants","edge","start","end","none","dataGridToolbarVariants","dataGridToolbarSearchVariants","dataGridToolbarActionsVariants","dataGridFooterVariants","dataGridOverlayVariants","headerFilters","dataGridEmptyOverlayVariants","dataGridHeaderCellInnerVariants","align","center","fitToColumn","dataGridHeaderLabelVariants","dataGridSortButtonVariants","position","leading","trailing","sorted","dataGridTableVariants","dataGridHeaderVariants","dataGridBodyVariants","dataGridFilterInputVariants","dataGridFilterPanelVariants","dataGridFilterPanelRowVariants","dataGridFilterPanelLogicVariants","dataGridFilterPanelFieldVariants","size","column","operator","value","dataGridFilterPanelColumnVariants","dataGridFilterPanelOperatorVariants","dataGridFilterPanelValueVariants","dataGridFilterPanelFooterVariants","dataGridHeadVariants","dataGridSelectHeadVariants","dataGridCellVariants","dataGridSelectCellVariants","dataGridPaginationVariants","dataGridPaginationRangeVariants"],"sourceRoot":"../../src","sources":["styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","cva","dataGridRootVariants","variants","autoHeight","true","false","defaultVariants","dataGridMainVariants","overlay","compoundVariants","className","dataGridPinnedSurfaceVariants","select","web","default","header","dataGridPinnedEdgeVariants","edge","start","end","none","dataGridToolbarVariants","dataGridToolbarSearchVariants","dataGridToolbarActionsVariants","dataGridFooterVariants","dataGridOverlayVariants","headerFilters","dataGridEmptyOverlayVariants","dataGridHeaderCellInnerVariants","align","center","fitToColumn","dataGridHeaderLabelVariants","dataGridSortButtonVariants","position","leading","trailing","sorted","dataGridTableVariants","dataGridHeaderVariants","dataGridBodyVariants","dataGridFilterInputVariants","dataGridFilterPanelVariants","anchored","dataGridFilterPanelRowVariants","dataGridFilterPanelLogicVariants","dataGridFilterPanelFieldVariants","size","column","operator","value","dataGridFilterPanelColumnVariants","dataGridFilterPanelOperatorVariants","dataGridFilterPanelValueVariants","dataGridFilterPanelFooterVariants","dataGridHeadVariants","dataGridSelectHeadVariants","dataGridCellVariants","dataGridDetailToggleCellVariants","dataGridTreeCellInnerVariants","dataGridTreeToggleSlotVariants","dataGridTreeContentVariants","dataGridDetailPanelCellVariants","dataGridCellTextVariants","dataGridSelectCellVariants","dataGridPaginationVariants","dataGridPaginationRangeVariants"],"sourceRoot":"../../src","sources":["styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/types.js

@@ -25,8 +25,18 @@
  * explicit `{ value, label }` pair.
  */
 
+/** Maps a column `field` to `false` to hide it. Fields that are missing or `true` stay visible. */
+
+/**
+ * How a selection change spreads through `treeData`. Both default to `true`, as in MUI.
+ */
+
 export const SELECT_COLUMN_ID = '__select__';
 
+/** Same id as MUI X's master-detail toggle column. */
+export const DETAIL_PANEL_TOGGLE_ID = '__detail_panel_toggle__';
+export const EMPTY_ROW_ID_SET = new Set();
+
 /** MUI X Data Grid checkbox-column field; accepted as an alias for {@link SELECT_COLUMN_ID}. */
 export const MUI_CHECKBOX_FIELD = '__check__';
 export const DEFAULT_PAGE_SIZE_OPTIONS = [25, 50, 100];

package/lib/module/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["SELECT_COLUMN_ID","MUI_CHECKBOX_FIELD","DEFAULT_PAGE_SIZE_OPTIONS","DEFAULT_PAGINATION_MODEL","page","pageSize","EMPTY_SELECTION","type","ids","Set"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":";;AA8BA;AACA;AACA;AACA;;AAsCA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA;;AAYA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;;AA+HA,OAAO,MAAMA,gBAAgB,GAAG,YAAY;;AAE5C;AACA,OAAO,MAAMC,kBAAkB,GAAG,WAAW;AAE7C,OAAO,MAAMC,yBAAyB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAU;AAE/D,OAAO,MAAMC,wBAA6C,GAAG;EAC3DC,IAAI,EAAE,CAAC;EACPC,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,eAAsC,GAAG;EACpDC,IAAI,EAAE,SAAS;EACfC,GAAG,EAAE,IAAIC,GAAG,CAAC;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["SELECT_COLUMN_ID","DETAIL_PANEL_TOGGLE_ID","EMPTY_ROW_ID_SET","Set","MUI_CHECKBOX_FIELD","DEFAULT_PAGE_SIZE_OPTIONS","DEFAULT_PAGINATION_MODEL","page","pageSize","EMPTY_SELECTION","type","ids"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":";;AA8BA;AACA;AACA;AACA;;AAsCA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA;;AAYA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;;AAwDA;;AAeA;AACA;AACA;;AA6HA,OAAO,MAAMA,gBAAgB,GAAG,YAAY;;AAE5C;AACA,OAAO,MAAMC,sBAAsB,GAAG,yBAAyB;AAE/D,OAAO,MAAMC,gBAAwC,GAAG,IAAIC,GAAG,CAAC,CAAC;;AAEjE;AACA,OAAO,MAAMC,kBAAkB,GAAG,WAAW;AAE7C,OAAO,MAAMC,yBAAyB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAU;AAE/D,OAAO,MAAMC,wBAA6C,GAAG;EAC3DC,IAAI,EAAE,CAAC;EACPC,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,eAAsC,GAAG;EACpDC,IAAI,EAAE,SAAS;EACfC,GAAG,EAAE,IAAIR,GAAG,CAAC;AACf,CAAC","ignoreList":[]}

package/lib/module/useDataGridTable.js

@@ -1,14 +1,15 @@
 "use strict";
 
-import { useMemo } from 'react';
-import { columnFilteringFeature, columnPinningFeature, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_includesString, globalFilteringFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_text, tableFeatures, useTable } from '@tanstack/react-table';
-import { createSelectColumn } from './adapter/selectColumn';
+import { useMemo, useState } from 'react';
+import { columnFilteringFeature, columnPinningFeature, columnVisibilityFeature, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_includesString, globalFilteringFeature, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_text, tableFeatures, useTable } from '@tanstack/react-table';
+import { createDetailPanelToggleColumn, createSelectColumn } from './adapter/selectColumn';
+import { applyTreeSelection, buildTreeIndex, computeTreeSelection, keepMatchesWithAncestors, selectionScope } from './adapter/treeData';
 import { applyUpdater, gridColDefToColumnDef } from './adapter/columns';
 import { filterFn_displayText, metaUsesDisplayFilter, normalizeFilterQuery, sortFn_boolean, sortFn_datetime, sortFn_number, sortFn_selectLabel, untypedCellIncludesQuery } from './adapter/columnTypes';
 import { filterOperatorNeedsValue, isActiveFilterItem, isBlankFilterValue, isFilterValueGroup, isOperatorFilterValue, rowMatchesFilterItem } from './adapter/filterOperators';
-import { SELECT_COLUMN_ID } from './types';
+import { DETAIL_PANEL_TOGGLE_ID, SELECT_COLUMN_ID } from './types';
 function gridGlobalFilterFn(row, columnId, filterValue) {
-  if (columnId === SELECT_COLUMN_ID) {
+  if (columnId === SELECT_COLUMN_ID || columnId === DETAIL_PANEL_TOGGLE_ID) {
     return false;
   }
   const meta = row.getAllCells().find(cell => cell.column.id === columnId)?.column.columnDef.meta;
@@ -20,7 +21,9 @@ function gridGlobalFilterFn(row, columnId, filterValue) {
 const features = tableFeatures({
   columnFilteringFeature,
   columnPinningFeature,
+  columnVisibilityFeature,
   globalFilteringFeature,
+  rowExpandingFeature,
   rowSortingFeature,
   rowPaginationFeature,
   rowSelectionFeature,
@@ -193,6 +196,10 @@ export function resolveRowId(row, getRowId) {
   }
   return '';
 }
+const EMPTY_EXPANSION = {};
+const EMPTY_FILTER_EXPANSION = {};
+const EMPTY_VISIBILITY = {};
+let warnedMissingTreeDataPath = false;
 export function useDataGridTable({
   rows,
   columns,
@@ -214,8 +221,22 @@ export function useDataGridTable({
   onQuickFilterChange,
   rowSelectionModel,
   onRowSelectionModelChange,
-  columnPinning
+  columnPinning,
+  columnVisibility = EMPTY_VISIBILITY,
+  detailPanel = false,
+  treeData: treeDataProp = false,
+  getTreeDataPath,
+  defaultGroupingExpansionDepth = 0,
+  isGroupExpandedByDefault,
+  rowSelectionPropagation
 }) {
+  const treeData = treeDataProp && getTreeDataPath !== undefined;
+  if (__DEV__ && treeDataProp && getTreeDataPath === undefined && !warnedMissingTreeDataPath) {
+    warnedMissingTreeDataPath = true;
+    console.warn('[DataGrid] `treeData` needs `getTreeDataPath`. Rendering flat rows.');
+  }
+  const propagateDescendants = rowSelectionPropagation?.descendants ?? true;
+  const propagateParents = rowSelectionPropagation?.parents ?? true;
   const orFilterItems = useMemo(() => {
     if (filterLogicOperator !== 'or' || filterMode === 'server') {
       return undefined;
@@ -223,17 +244,27 @@ export function useDataGridTable({
     const active = filterModel.filter(isActiveFilterItem);
     return active.length > 1 ? active : undefined;
   }, [filterLogicOperator, filterMode, filterModel]);
+  const keyOf = useMemo(() => row => selectionIdKey(resolveRowId(row, getRowId)), [getRowId]);
+  const fullTree = useMemo(() => treeData ? buildTreeIndex(rows, getTreeDataPath, keyOf) : undefined, [getTreeDataPath, keyOf, rows, treeData]);
   const data = useMemo(() => {
     if (!orFilterItems) {
       return [...rows];
     }
     const filterableColumns = new Map(columns.filter(col => col.filterable !== false).map(col => [col.field, col]));
-    return rows.filter(row => orFilterItems.some(item => {
+    const matches = row => orFilterItems.some(item => {
       const col = filterableColumns.get(item.field);
       return col !== undefined && rowMatchesFilterItem(col, row, item);
-    }));
-  }, [columns, orFilterItems, rows]);
+    });
+    return fullTree ? keepMatchesWithAncestors(rows, fullTree, keyOf, matches) : rows.filter(matches);
+  }, [columns, fullTree, keyOf, orFilterItems, rows]);
   const allIds = useMemo(() => data.map(row => resolveRowId(row, getRowId)), [data, getRowId]);
+  const allRowIds = useMemo(() => rows.map(row => resolveRowId(row, getRowId)), [rows, getRowId]);
+  const tree = useMemo(() => {
+    if (!fullTree || !getTreeDataPath) {
+      return undefined;
+    }
+    return data.length === rows.length ? fullTree : buildTreeIndex(data, getTreeDataPath, keyOf);
+  }, [data, fullTree, getTreeDataPath, keyOf, rows.length]);
   const columnDefs = useMemo(() => {
     const mapped = columns.map(col => {
       const def = gridColDefToColumnDef(col);
@@ -242,12 +273,68 @@ export function useDataGridTable({
       }
       return def;
     });
-    return checkboxSelection ? [createSelectColumn(), ...mapped] : mapped;
-  }, [checkboxSelection, columns, disableColumnSorting]);
+    return [...(checkboxSelection && !treeData ? [createSelectColumn()] : []), ...(detailPanel ? [createDetailPanelToggleColumn()] : []), ...mapped];
+  }, [checkboxSelection, columns, detailPanel, disableColumnSorting, treeData]);
   const sortingState = useMemo(() => sortModelToSortingState(sortModel), [sortModel]);
   const paginationState = useMemo(() => paginationModelToState(paginationModel), [paginationModel]);
   const columnFilterState = useMemo(() => orFilterItems ? [] : filterModelToColumnFilters(filterModel), [filterModel, orFilterItems]);
-  const rowSelectionState = useMemo(() => selectionModelToRowSelection(rowSelectionModel, allIds), [rowSelectionModel, allIds]);
+  const rowSelectionState = useMemo(() => selectionModelToRowSelection(rowSelectionModel, treeData ? allRowIds : allIds), [rowSelectionModel, treeData, allRowIds, allIds]);
+  const filterSignature = treeData && filterMode === 'client' && (quickFilter.trim().length > 0 || filterModel.some(isActiveFilterItem)) ? JSON.stringify([quickFilter, filterModel, filterLogicOperator]) : '';
+  const [userExpanded, setUserExpanded] = useState({});
+  const [filterExpansion, setFilterExpansion] = useState({
+    signature: '',
+    expanded: {}
+  });
+  const filterExpanded = filterSignature !== '' && filterExpansion.signature === filterSignature ? filterExpansion.expanded : EMPTY_FILTER_EXPANSION;
+  const expandedState = useMemo(() => {
+    if (!tree) {
+      return EMPTY_EXPANSION;
+    }
+    const isExpanded = key => {
+      if (filterSignature !== '') {
+        return filterExpanded[key] ?? true;
+      }
+      const own = userExpanded[key];
+      if (own !== undefined) {
+        return own;
+      }
+      const row = tree.rowOf.get(key);
+      const depth = fullTree?.depthOf.get(key) ?? tree.depthOf.get(key) ?? 0;
+      if (row !== undefined && isGroupExpandedByDefault) {
+        return isGroupExpandedByDefault({
+          id: resolveRowId(row, getRowId),
+          row,
+          depth
+        });
+      }
+      return defaultGroupingExpansionDepth === -1 || depth < defaultGroupingExpansionDepth;
+    };
+    const state = {};
+    for (const key of tree.childKeysOf.keys()) {
+      if (isExpanded(key)) {
+        state[key] = true;
+      }
+    }
+    return state;
+  }, [tree, fullTree, filterSignature, filterExpanded, userExpanded, isGroupExpandedByDefault, defaultGroupingExpansionDepth, getRowId]);
+  const isRowExpanded = key => key in expandedState;
+  const toggleRowExpanded = key => {
+    const next = !isRowExpanded(key);
+    if (filterSignature !== '') {
+      setFilterExpansion(previous => ({
+        signature: filterSignature,
+        expanded: {
+          ...(previous.signature === filterSignature ? previous.expanded : {}),
+          [key]: next
+        }
+      }));
+      return;
+    }
+    setUserExpanded(previous => ({
+      ...previous,
+      [key]: next
+    }));
+  };
   const resetPaginationPage = () => {
     if (paginationModel.page !== 0) {
       onPaginationModelChange({
@@ -274,8 +361,11 @@ export function useDataGridTable({
   const table = useTable({
     features,
     columns: columnDefs,
-    data,
-    getRowId: row => selectionIdKey(resolveRowId(row, getRowId)),
+    data: tree ? tree.roots : data,
+    getRowId: row => keyOf(row),
+    getSubRows: tree ? row => tree.childrenOf.get(row) : undefined,
+    filterFromLeafRows: treeData,
+    paginateExpandedRows: false,
     enableMultiSort: false,
     enableMultiRowSelection: true,
     globalFilterFn: gridGlobalFilterFn,
@@ -290,7 +380,9 @@ export function useDataGridTable({
       columnFilters: columnFilterState,
       globalFilter: quickFilter,
       rowSelection: rowSelectionState,
-      columnPinning
+      columnPinning,
+      columnVisibility,
+      expanded: expandedState
     },
     onSortingChange: updater => {
       const next = applyUpdater(updater, sortingState);
@@ -319,11 +411,50 @@ export function useDataGridTable({
     onFilterModelChange(model);
     resetPaginationPage();
   };
+  const treeSelection = useMemo(() => {
+    if (!fullTree) {
+      return undefined;
+    }
+    const selectedKeys = new Set(Object.keys(rowSelectionState));
+    return {
+      selectedKeys,
+      statuses: computeTreeSelection(fullTree, selectedKeys, propagateParents)
+    };
+  }, [fullTree, propagateParents, rowSelectionState]);
+  let treeState;
+  if (fullTree && treeSelection) {
+    const {
+      selectedKeys,
+      statuses
+    } = treeSelection;
+    const selectionStatus = key => statuses.get(key) ?? 'none';
+    const commit = scope => {
+      const value = !scope.units.every(key => selectionStatus(key) === 'all');
+      const next = applyTreeSelection(fullTree, selectedKeys, scope.targets, value, propagateParents);
+      onRowSelectionModelChange(rowSelectionToModel(Object.fromEntries([...next].map(key => [key, true])), rowSelectionModel, allRowIds));
+    };
+    const filtered = table.getFilteredRowModel();
+    const headerScope = propagateDescendants ? selectionScope(filtered.rows, fullTree, true) : selectionScope(filtered.flatRows, fullTree, false);
+    const selectedUnits = headerScope.units.filter(key => selectionStatus(key) !== 'none');
+    const allUnitsSelected = headerScope.units.length > 0 && headerScope.units.every(key => selectionStatus(key) === 'all');
+    treeState = {
+      isRowExpanded,
+      toggleRowExpanded,
+      selectionStatus,
+      toggleRowSelected: row => commit(selectionScope([row], fullTree, propagateDescendants)),
+      toggleAllRowsSelected: () => commit(headerScope),
+      headerSelection: {
+        checked: allUnitsSelected,
+        indeterminate: !allUnitsSelected && selectedUnits.length > 0
+      }
+    };
+  }
   return {
     table,
     setQuickFilter,
     setColumnFilter,
-    setFilterModel
+    setFilterModel,
+    tree: treeState
   };
 }
 //# sourceMappingURL=useDataGridTable.js.map