material-react-table 0.22.2 → 0.23.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,6 +12,7 @@ import {
12
12
  } from '@tanstack/react-table';
13
13
  import {
14
14
  MRT_Cell,
15
+ MRT_Column,
15
16
  MRT_ColumnDef,
16
17
  MRT_FilterOption,
17
18
  MRT_Row,
@@ -56,6 +57,10 @@ export const MRT_TableRoot = <TData extends Record<string, any> = {}>(
56
57
  useState<MRT_Cell<TData> | null>(initialState?.currentEditingCell ?? null);
57
58
  const [currentEditingRow, setCurrentEditingRow] =
58
59
  useState<MRT_Row<TData> | null>(initialState?.currentEditingRow ?? null);
60
+ const [currentDraggingColumn, setCurrentDraggingColumn] =
61
+ useState<MRT_Column<TData> | null>(null);
62
+ const [currentHoveredColumn, setCurrentHoveredColumn] =
63
+ useState<MRT_Column<TData> | null>(null);
59
64
  const [density, setDensity] = useState(
60
65
  initialState?.density ?? 'comfortable',
61
66
  );
@@ -223,10 +228,12 @@ export const MRT_TableRoot = <TData extends Record<string, any> = {}>(
223
228
  initialState,
224
229
  state: {
225
230
  columnOrder,
231
+ currentDraggingColumn,
226
232
  currentEditingCell,
227
233
  currentEditingRow,
228
234
  currentFilterFns,
229
235
  currentGlobalFilterFn,
236
+ currentHoveredColumn,
230
237
  density,
231
238
  isFullScreen,
232
239
  showAlertBanner,
@@ -236,6 +243,8 @@ export const MRT_TableRoot = <TData extends Record<string, any> = {}>(
236
243
  } as TableState,
237
244
  tableId,
238
245
  }),
246
+ setCurrentDraggingColumn:
247
+ props.onCurrentDraggingColumnChange ?? setCurrentDraggingColumn,
239
248
  setCurrentEditingCell:
240
249
  props.onCurrentEditingCellChange ?? setCurrentEditingCell,
241
250
  setCurrentEditingRow:
@@ -243,6 +252,8 @@ export const MRT_TableRoot = <TData extends Record<string, any> = {}>(
243
252
  setCurrentFilterFns: props.onCurrentFilterFnsChange ?? setCurrentFilterFns,
244
253
  setCurrentGlobalFilterFn:
245
254
  props.onCurrentGlobalFilterFnChange ?? setCurrentGlobalFilterFn,
255
+ setCurrentHoveredColumn:
256
+ props.onCurrentHoveredColumnChange ?? setCurrentHoveredColumn,
246
257
  setDensity: props.onDensityChange ?? setDensity,
247
258
  setIsFullScreen: props.onIsFullScreenChange ?? setIsFullScreen,
248
259
  setShowAlertBanner: props.onShowAlertBannerChange ?? setShowAlertBanner,
package/src/utils.ts CHANGED
@@ -85,7 +85,10 @@ export const getLeadingDisplayColumnIds = <
85
85
  ((props.positionActionsColumn === 'first' && props.enableRowActions) ||
86
86
  (props.enableEditing && props.editingMode === 'row')) &&
87
87
  'mrt-row-actions',
88
- (props.enableExpanding || props.enableGrouping) && 'mrt-expand',
88
+ (props.enableExpanding ||
89
+ props.enableGrouping ||
90
+ props.renderDetailPanel) &&
91
+ 'mrt-expand',
89
92
  props.enableRowSelection && 'mrt-select',
90
93
  props.enableRowNumbers && 'mrt-row-numbers',
91
94
  ].filter(Boolean) as string[];