@mui/x-data-grid 6.16.1 → 6.16.3
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.
- package/CHANGELOG.md +169 -0
- package/DataGrid/DataGrid.d.ts +7 -0
- package/DataGrid/DataGrid.js +8 -1
- package/colDef/gridDateColDef.js +0 -4
- package/components/GridRow.js +7 -3
- package/components/cell/GridCell.js +7 -3
- package/components/columnHeaders/GridColumnHeaderSortIcon.d.ts +1 -1
- package/components/containers/GridRootStyles.js +3 -0
- package/components/panel/filterPanel/GridFilterForm.d.ts +7 -0
- package/components/panel/filterPanel/GridFilterForm.js +8 -0
- package/components/panel/filterPanel/GridFilterPanel.d.ts +7 -0
- package/components/panel/filterPanel/GridFilterPanel.js +8 -0
- package/components/toolbar/GridToolbarQuickFilter.d.ts +8 -0
- package/components/toolbar/GridToolbarQuickFilter.js +9 -0
- package/components/virtualization/GridVirtualScroller.js +3 -1
- package/constants/gridClasses.d.ts +4 -0
- package/constants/gridClasses.js +1 -1
- package/hooks/features/columnGrouping/gridColumnGroupsUtils.d.ts +4 -1
- package/hooks/features/columnGrouping/gridColumnGroupsUtils.js +13 -2
- package/hooks/features/columnGrouping/useGridColumnGrouping.js +12 -6
- package/hooks/features/columns/gridColumnsUtils.d.ts +1 -1
- package/hooks/features/columns/gridColumnsUtils.js +0 -1
- package/hooks/features/filter/gridFilterUtils.js +4 -4
- package/hooks/features/sorting/gridSortingUtils.d.ts +1 -1
- package/hooks/features/virtualization/useGridVirtualScroller.js +8 -2
- package/index.js +1 -1
- package/legacy/DataGrid/DataGrid.js +8 -1
- package/legacy/colDef/gridDateColDef.js +0 -4
- package/legacy/components/GridRow.js +6 -2
- package/legacy/components/cell/GridCell.js +7 -3
- package/legacy/components/containers/GridRootStyles.js +2 -0
- package/legacy/components/panel/filterPanel/GridFilterForm.js +8 -0
- package/legacy/components/panel/filterPanel/GridFilterPanel.js +8 -0
- package/legacy/components/toolbar/GridToolbarQuickFilter.js +9 -0
- package/legacy/components/virtualization/GridVirtualScroller.js +3 -1
- package/legacy/constants/gridClasses.js +1 -1
- package/legacy/hooks/features/columnGrouping/gridColumnGroupsUtils.js +13 -2
- package/legacy/hooks/features/columnGrouping/useGridColumnGrouping.js +12 -6
- package/legacy/hooks/features/columns/gridColumnsUtils.js +0 -1
- package/legacy/hooks/features/filter/gridFilterUtils.js +4 -4
- package/legacy/hooks/features/virtualization/useGridVirtualScroller.js +8 -2
- package/legacy/index.js +1 -1
- package/legacy/locales/arSD.js +26 -28
- package/legacy/locales/roRO.js +1 -1
- package/locales/arSD.js +26 -28
- package/locales/roRO.js +1 -1
- package/models/events/gridEventLookup.d.ts +14 -0
- package/models/props/DataGridProps.d.ts +3 -3
- package/modern/DataGrid/DataGrid.js +8 -1
- package/modern/colDef/gridDateColDef.js +0 -4
- package/modern/components/GridRow.js +7 -3
- package/modern/components/cell/GridCell.js +6 -2
- package/modern/components/containers/GridRootStyles.js +3 -0
- package/modern/components/panel/filterPanel/GridFilterForm.js +8 -0
- package/modern/components/panel/filterPanel/GridFilterPanel.js +8 -0
- package/modern/components/toolbar/GridToolbarQuickFilter.js +9 -0
- package/modern/components/virtualization/GridVirtualScroller.js +3 -1
- package/modern/constants/gridClasses.js +1 -1
- package/modern/hooks/features/columnGrouping/gridColumnGroupsUtils.js +13 -2
- package/modern/hooks/features/columnGrouping/useGridColumnGrouping.js +10 -3
- package/modern/hooks/features/columns/gridColumnsUtils.js +0 -1
- package/modern/hooks/features/filter/gridFilterUtils.js +4 -4
- package/modern/hooks/features/virtualization/useGridVirtualScroller.js +8 -2
- package/modern/index.js +1 -1
- package/modern/locales/arSD.js +26 -28
- package/modern/locales/roRO.js +1 -1
- package/node/DataGrid/DataGrid.js +10 -3
- package/node/DataGrid/useDataGridProps.js +2 -2
- package/node/colDef/gridCheckboxSelectionColDef.js +2 -2
- package/node/colDef/gridDateColDef.js +0 -4
- package/node/components/DataGridVirtualScroller.js +2 -2
- package/node/components/GridApiContext.js +2 -2
- package/node/components/GridColumnHeaders.js +2 -2
- package/node/components/GridFooter.js +2 -2
- package/node/components/GridHeader.js +2 -2
- package/node/components/GridLoadingOverlay.js +2 -2
- package/node/components/GridNoResultsOverlay.js +2 -2
- package/node/components/GridNoRowsOverlay.js +2 -2
- package/node/components/GridPagination.js +2 -2
- package/node/components/GridRow.js +9 -5
- package/node/components/GridRowCount.js +2 -2
- package/node/components/GridSelectedRowCount.js +2 -2
- package/node/components/base/GridBody.js +2 -2
- package/node/components/base/GridFooterPlaceholder.js +2 -2
- package/node/components/base/GridOverlays.js +2 -2
- package/node/components/cell/GridActionsCell.js +2 -2
- package/node/components/cell/GridActionsCellItem.js +2 -2
- package/node/components/cell/GridBooleanCell.js +2 -2
- package/node/components/cell/GridCell.js +8 -4
- package/node/components/cell/GridEditBooleanCell.js +2 -2
- package/node/components/cell/GridEditDateCell.js +2 -2
- package/node/components/cell/GridEditInputCell.js +2 -2
- package/node/components/cell/GridEditSingleSelectCell.js +2 -2
- package/node/components/cell/GridSkeletonCell.js +2 -2
- package/node/components/columnHeaders/ColumnHeaderMenuIcon.js +2 -2
- package/node/components/columnHeaders/GridBaseColumnHeaders.js +2 -2
- package/node/components/columnHeaders/GridColumnGroupHeader.js +2 -2
- package/node/components/columnHeaders/GridColumnHeaderFilterIconButton.js +2 -2
- package/node/components/columnHeaders/GridColumnHeaderItem.js +2 -2
- package/node/components/columnHeaders/GridColumnHeaderSeparator.js +2 -2
- package/node/components/columnHeaders/GridColumnHeaderSortIcon.js +2 -2
- package/node/components/columnHeaders/GridColumnHeaderTitle.js +2 -2
- package/node/components/columnHeaders/GridColumnHeadersInner.js +2 -2
- package/node/components/columnHeaders/GridGenericColumnHeaderItem.js +2 -2
- package/node/components/columnHeaders/GridIconButtonContainer.js +2 -2
- package/node/components/columnSelection/GridCellCheckboxRenderer.js +2 -2
- package/node/components/columnSelection/GridHeaderCheckbox.js +2 -2
- package/node/components/containers/GridFooterContainer.js +2 -2
- package/node/components/containers/GridMainContainer.js +2 -2
- package/node/components/containers/GridOverlay.js +2 -2
- package/node/components/containers/GridRoot.js +2 -2
- package/node/components/containers/GridRootStyles.js +3 -0
- package/node/components/containers/GridToolbarContainer.js +2 -2
- package/node/components/menu/GridMenu.js +2 -2
- package/node/components/menu/columnMenu/GridColumnHeaderMenu.js +2 -2
- package/node/components/menu/columnMenu/GridColumnMenu.js +2 -2
- package/node/components/menu/columnMenu/GridColumnMenuContainer.js +2 -2
- package/node/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem.js +2 -2
- package/node/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js +2 -2
- package/node/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.js +2 -2
- package/node/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.js +2 -2
- package/node/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +2 -2
- package/node/components/panel/GridColumnsPanel.js +2 -2
- package/node/components/panel/GridPanel.js +2 -2
- package/node/components/panel/GridPanelContent.js +2 -2
- package/node/components/panel/GridPanelFooter.js +2 -2
- package/node/components/panel/GridPanelHeader.js +2 -2
- package/node/components/panel/GridPanelWrapper.js +2 -2
- package/node/components/panel/GridPreferencesPanel.js +2 -2
- package/node/components/panel/filterPanel/GridFilterForm.js +11 -3
- package/node/components/panel/filterPanel/GridFilterInputBoolean.js +2 -2
- package/node/components/panel/filterPanel/GridFilterInputDate.js +2 -2
- package/node/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js +2 -2
- package/node/components/panel/filterPanel/GridFilterInputMultipleValue.js +2 -2
- package/node/components/panel/filterPanel/GridFilterInputSingleSelect.js +2 -2
- package/node/components/panel/filterPanel/GridFilterInputValue.js +2 -2
- package/node/components/panel/filterPanel/GridFilterPanel.js +11 -3
- package/node/components/toolbar/GridToolbar.js +2 -2
- package/node/components/toolbar/GridToolbarColumnsButton.js +2 -2
- package/node/components/toolbar/GridToolbarDensitySelector.js +2 -2
- package/node/components/toolbar/GridToolbarExport.js +2 -2
- package/node/components/toolbar/GridToolbarExportContainer.js +2 -2
- package/node/components/toolbar/GridToolbarFilterButton.js +2 -2
- package/node/components/toolbar/GridToolbarQuickFilter.js +12 -3
- package/node/components/virtualization/GridVirtualScroller.js +5 -3
- package/node/components/virtualization/GridVirtualScrollerContent.js +2 -2
- package/node/components/virtualization/GridVirtualScrollerRenderZone.js +2 -2
- package/node/constants/gridClasses.js +1 -1
- package/node/context/GridContextProvider.js +2 -2
- package/node/context/GridRootPropsContext.js +2 -2
- package/node/hooks/core/pipeProcessing/useGridPipeProcessing.js +2 -2
- package/node/hooks/core/pipeProcessing/useGridRegisterPipeApplier.js +2 -2
- package/node/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.js +2 -2
- package/node/hooks/core/strategyProcessing/useGridRegisterStrategyProcessor.js +2 -2
- package/node/hooks/core/strategyProcessing/useGridStrategyProcessing.js +2 -2
- package/node/hooks/core/useGridApiInitialization.js +2 -2
- package/node/hooks/core/useGridLocaleText.js +2 -2
- package/node/hooks/core/useGridLoggerFactory.js +2 -2
- package/node/hooks/core/useGridStateInitialization.js +2 -2
- package/node/hooks/features/clipboard/useGridClipboard.js +2 -2
- package/node/hooks/features/columnGrouping/gridColumnGroupsUtils.js +13 -2
- package/node/hooks/features/columnGrouping/useGridColumnGrouping.js +12 -5
- package/node/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -2
- package/node/hooks/features/columnMenu/useGridColumnMenu.js +2 -2
- package/node/hooks/features/columnMenu/useGridColumnMenuSlots.js +2 -2
- package/node/hooks/features/columns/gridColumnsUtils.js +0 -1
- package/node/hooks/features/columns/useGridColumnSpanning.js +2 -2
- package/node/hooks/features/columns/useGridColumns.js +2 -2
- package/node/hooks/features/density/useGridDensity.js +2 -2
- package/node/hooks/features/dimensions/useGridDimensions.js +2 -2
- package/node/hooks/features/editing/useGridCellEditing.js +2 -2
- package/node/hooks/features/editing/useGridEditing.js +2 -2
- package/node/hooks/features/editing/useGridRowEditing.js +2 -2
- package/node/hooks/features/export/useGridCsvExport.js +2 -2
- package/node/hooks/features/export/useGridPrintExport.js +2 -2
- package/node/hooks/features/filter/gridFilterUtils.js +4 -4
- package/node/hooks/features/filter/useGridFilter.js +2 -2
- package/node/hooks/features/focus/useGridFocus.js +2 -2
- package/node/hooks/features/headerFiltering/useGridHeaderFiltering.js +2 -2
- package/node/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +2 -2
- package/node/hooks/features/pagination/useGridPagination.js +2 -2
- package/node/hooks/features/preferencesPanel/useGridPreferencesPanel.js +2 -2
- package/node/hooks/features/rowSelection/useGridRowSelection.js +2 -2
- package/node/hooks/features/rowSelection/useGridRowSelectionPreProcessors.js +2 -2
- package/node/hooks/features/rows/useGridParamsApi.js +2 -2
- package/node/hooks/features/rows/useGridRows.js +2 -2
- package/node/hooks/features/rows/useGridRowsMeta.js +2 -2
- package/node/hooks/features/scroll/useGridScroll.js +2 -2
- package/node/hooks/features/sorting/useGridSorting.js +2 -2
- package/node/hooks/features/statePersistence/useGridStatePersistence.js +2 -2
- package/node/hooks/features/virtualization/useGridVirtualScroller.js +10 -4
- package/node/hooks/features/virtualization/useGridVirtualization.js +2 -2
- package/node/hooks/utils/useFirstRender.js +2 -2
- package/node/hooks/utils/useGridApiContext.js +2 -2
- package/node/hooks/utils/useGridApiEventHandler.js +2 -2
- package/node/hooks/utils/useGridApiMethod.js +2 -2
- package/node/hooks/utils/useGridApiRef.js +2 -2
- package/node/hooks/utils/useGridInitializeState.js +2 -2
- package/node/hooks/utils/useGridLogger.js +2 -2
- package/node/hooks/utils/useGridNativeEventListener.js +2 -2
- package/node/hooks/utils/useGridPrivateApiContext.js +2 -2
- package/node/hooks/utils/useGridRootProps.js +2 -2
- package/node/hooks/utils/useGridSelector.js +2 -2
- package/node/hooks/utils/useGridVisibleRows.js +2 -2
- package/node/hooks/utils/useLazyRef.js +2 -2
- package/node/hooks/utils/useOnMount.js +2 -2
- package/node/index.js +1 -1
- package/node/internals/utils/useProps.js +2 -2
- package/node/joy/icons.js +2 -2
- package/node/joy/joySlots.js +2 -2
- package/node/locales/arSD.js +26 -28
- package/node/locales/roRO.js +1 -1
- package/node/material/components/MUISelectOption.js +2 -2
- package/node/material/icons/GridColumnUnsortedIcon.js +2 -2
- package/node/material/icons/index.js +2 -2
- package/node/utils/fastMemo.js +2 -2
- package/package.json +3 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
-
const _excluded = ["selected", "hovered", "rowId", "row", "index", "style", "position", "rowHeight", "className", "visibleColumns", "renderedColumns", "containerWidth", "firstColumnToRender", "lastColumnToRender", "isLastVisible", "focusedCellColumnIndexNotInRange", "isNotVisible", "focusedCell", "tabbableCell", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave"];
|
|
3
|
+
const _excluded = ["selected", "hovered", "rowId", "row", "index", "style", "position", "rowHeight", "className", "visibleColumns", "renderedColumns", "containerWidth", "firstColumnToRender", "lastColumnToRender", "isLastVisible", "focusedCellColumnIndexNotInRange", "isNotVisible", "focusedCell", "tabbableCell", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave", "onMouseOut", "onMouseOver"];
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import clsx from 'clsx';
|
|
@@ -76,7 +76,9 @@ const GridRow = /*#__PURE__*/React.forwardRef(function GridRow(props, refProp) {
|
|
|
76
76
|
onClick,
|
|
77
77
|
onDoubleClick,
|
|
78
78
|
onMouseEnter,
|
|
79
|
-
onMouseLeave
|
|
79
|
+
onMouseLeave,
|
|
80
|
+
onMouseOut,
|
|
81
|
+
onMouseOver
|
|
80
82
|
} = props,
|
|
81
83
|
other = _objectWithoutPropertiesLoose(props, _excluded);
|
|
82
84
|
const apiRef = useGridApiContext();
|
|
@@ -321,7 +323,9 @@ const GridRow = /*#__PURE__*/React.forwardRef(function GridRow(props, refProp) {
|
|
|
321
323
|
onClick: publishClick,
|
|
322
324
|
onDoubleClick: publish('rowDoubleClick', onDoubleClick),
|
|
323
325
|
onMouseEnter: publish('rowMouseEnter', onMouseEnter),
|
|
324
|
-
onMouseLeave: publish('rowMouseLeave', onMouseLeave)
|
|
326
|
+
onMouseLeave: publish('rowMouseLeave', onMouseLeave),
|
|
327
|
+
onMouseOut: publish('rowMouseOut', onMouseOut),
|
|
328
|
+
onMouseOver: publish('rowMouseOver', onMouseOver)
|
|
325
329
|
} : null;
|
|
326
330
|
return /*#__PURE__*/_jsxs("div", _extends({
|
|
327
331
|
ref: handleRef,
|
|
@@ -48,10 +48,11 @@ const useUtilityClasses = ownerState => {
|
|
|
48
48
|
showRightBorder,
|
|
49
49
|
isEditable,
|
|
50
50
|
isSelected,
|
|
51
|
+
isSelectionMode,
|
|
51
52
|
classes
|
|
52
53
|
} = ownerState;
|
|
53
54
|
const slots = {
|
|
54
|
-
root: ['cell', `cell--text${capitalize(align)}`, isEditable && 'cell--editable', isSelected && 'selected', showRightBorder && 'cell--withRightBorder', 'withBorderColor'],
|
|
55
|
+
root: ['cell', `cell--text${capitalize(align)}`, isEditable && 'cell--editable', isSelected && 'selected', showRightBorder && 'cell--withRightBorder', isSelectionMode && !isEditable && 'cell--selectionMode', 'withBorderColor'],
|
|
55
56
|
content: ['cellContent']
|
|
56
57
|
};
|
|
57
58
|
return composeClasses(slots, getDataGridUtilityClass, classes);
|
|
@@ -458,12 +459,15 @@ const GridCellV7 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
458
459
|
const cellRef = React.useRef(null);
|
|
459
460
|
const handleRef = useForkRef(ref, cellRef);
|
|
460
461
|
const focusElementRef = React.useRef(null);
|
|
462
|
+
// @ts-expect-error To access `unstable_cellSelection` flag as it's a `premium` feature
|
|
463
|
+
const isSelectionMode = rootProps.unstable_cellSelection ?? false;
|
|
461
464
|
const ownerState = {
|
|
462
465
|
align,
|
|
463
466
|
showRightBorder,
|
|
464
467
|
isEditable,
|
|
465
468
|
classes: rootProps.classes,
|
|
466
|
-
isSelected
|
|
469
|
+
isSelected,
|
|
470
|
+
isSelectionMode
|
|
467
471
|
};
|
|
468
472
|
const classes = useUtilityClasses(ownerState);
|
|
469
473
|
const publishMouseUp = React.useCallback(eventName => event => {
|
|
@@ -395,6 +395,9 @@ export const GridRootStyles = styled('div', {
|
|
|
395
395
|
overflow: 'hidden',
|
|
396
396
|
textOverflow: 'ellipsis'
|
|
397
397
|
},
|
|
398
|
+
[`& .${gridClasses.cell}.${gridClasses['cell--selectionMode']}`]: {
|
|
399
|
+
cursor: 'default'
|
|
400
|
+
},
|
|
398
401
|
[`& .${gridClasses.cell}.${gridClasses['cell--editing']}`]: {
|
|
399
402
|
padding: 1,
|
|
400
403
|
display: 'flex',
|
|
@@ -428,4 +428,12 @@ process.env.NODE_ENV !== "production" ? GridFilterForm.propTypes = {
|
|
|
428
428
|
*/
|
|
429
429
|
valueInputProps: PropTypes.any
|
|
430
430
|
} : void 0;
|
|
431
|
+
|
|
432
|
+
/**
|
|
433
|
+
* Demos:
|
|
434
|
+
* - [Filtering - overview](https://mui.com/x/react-data-grid/filtering/)
|
|
435
|
+
*
|
|
436
|
+
* API:
|
|
437
|
+
* - [GridFilterForm API](https://mui.com/x/api/data-grid/grid-filter-form/)
|
|
438
|
+
*/
|
|
431
439
|
export { GridFilterForm };
|
|
@@ -211,4 +211,12 @@ process.env.NODE_ENV !== "production" ? GridFilterPanel.propTypes = {
|
|
|
211
211
|
*/
|
|
212
212
|
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
|
213
213
|
} : void 0;
|
|
214
|
+
|
|
215
|
+
/**
|
|
216
|
+
* Demos:
|
|
217
|
+
* - [Filtering - overview](https://mui.com/x/react-data-grid/filtering/)
|
|
218
|
+
*
|
|
219
|
+
* API:
|
|
220
|
+
* - [GridFilterPanel API](https://mui.com/x/api/data-grid/grid-filter-panel/)
|
|
221
|
+
*/
|
|
214
222
|
export { GridFilterPanel, getGridFilter };
|
|
@@ -132,4 +132,13 @@ process.env.NODE_ENV !== "production" ? GridToolbarQuickFilter.propTypes = {
|
|
|
132
132
|
*/
|
|
133
133
|
quickFilterParser: PropTypes.func
|
|
134
134
|
} : void 0;
|
|
135
|
+
|
|
136
|
+
/**
|
|
137
|
+
* Demos:
|
|
138
|
+
* - [Filtering - overview](https://mui.com/x/react-data-grid/filtering/)
|
|
139
|
+
* - [Filtering - quick filter](https://mui.com/x/react-data-grid/filtering/quick-filter/)
|
|
140
|
+
*
|
|
141
|
+
* API:
|
|
142
|
+
* - [GridToolbarQuickFilter API](https://mui.com/x/api/data-grid/grid-toolbar-quick-filter/)
|
|
143
|
+
*/
|
|
135
144
|
export { GridToolbarQuickFilter };
|
|
@@ -26,8 +26,10 @@ const VirtualScrollerRoot = styled('div', {
|
|
|
26
26
|
position: 'relative',
|
|
27
27
|
'@media print': {
|
|
28
28
|
overflow: 'hidden'
|
|
29
|
-
}
|
|
29
|
+
},
|
|
30
|
+
zIndex: 0 // See https://github.com/mui/mui-x/issues/10547
|
|
30
31
|
});
|
|
32
|
+
|
|
31
33
|
const GridVirtualScroller = /*#__PURE__*/React.forwardRef(function GridVirtualScroller(props, ref) {
|
|
32
34
|
const rootProps = useGridRootProps();
|
|
33
35
|
const classes = useUtilityClasses(rootProps);
|
|
@@ -2,4 +2,4 @@ import { unstable_generateUtilityClasses as generateUtilityClasses, unstable_gen
|
|
|
2
2
|
export function getDataGridUtilityClass(slot) {
|
|
3
3
|
return generateUtilityClass('MuiDataGrid', slot);
|
|
4
4
|
}
|
|
5
|
-
export const gridClasses = generateUtilityClasses('MuiDataGrid', ['actionsCell', 'aggregationColumnHeader', 'aggregationColumnHeader--alignLeft', 'aggregationColumnHeader--alignCenter', 'aggregationColumnHeader--alignRight', 'aggregationColumnHeaderLabel', 'autoHeight', 'autosizing', 'booleanCell', 'cell--editable', 'cell--editing', 'cell--textCenter', 'cell--textLeft', 'cell--textRight', 'cell--withRenderer', 'cell--rangeTop', 'cell--rangeBottom', 'cell--rangeLeft', 'cell--rangeRight', 'cell', 'cellContent', 'cellCheckbox', 'cellSkeleton', 'checkboxInput', 'columnHeader--alignCenter', 'columnHeader--alignLeft', 'columnHeader--alignRight', 'columnHeader--dragging', 'columnHeader--moving', 'columnHeader--numeric', 'columnHeader--sortable', 'columnHeader--sorted', 'columnHeader--filtered', 'columnHeader', 'columnHeaderCheckbox', 'columnHeaderDraggableContainer', 'columnHeaderDropZone', 'columnHeaderTitle', 'columnHeaderTitleContainer', 'columnHeaderTitleContainerContent', 'columnGroupHeader', 'columnHeader--filledGroup', 'columnHeader--emptyGroup', 'columnHeader--showColumnBorder', 'columnHeaders', 'columnHeadersInner', 'columnHeadersInner--scrollable', 'columnSeparator--resizable', 'columnSeparator--resizing', 'columnSeparator--sideLeft', 'columnSeparator--sideRight', 'columnSeparator', 'columnsPanel', 'columnsPanelRow', 'detailPanel', 'detailPanels', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'footerCell', 'panel', 'panelHeader', 'panelWrapper', 'panelContent', 'panelFooter', 'paper', 'editBooleanCell', 'editInputCell', 'filterForm', 'filterFormDeleteIcon', 'filterFormLogicOperatorInput', 'filterFormColumnInput', 'filterFormOperatorInput', 'filterFormValueInput', 'filterIcon', 'footerContainer', 'headerFilterRow', 'iconButtonContainer', 'iconSeparator', 'main', 'menu', 'menuIcon', 'menuIconButton', 'menuOpen', 'menuList', 'overlay', 'overlayWrapper', 'overlayWrapperInner', 'root', 'root--densityStandard', 'root--densityComfortable', 'root--densityCompact', 'root--disableUserSelection', 'row', 'row--editable', 'row--editing', 'row--lastVisible', 'row--dragging', 'row--dynamicHeight', 'row--detailPanelExpanded', 'rowReorderCellPlaceholder', 'rowCount', 'rowReorderCellContainer', 'rowReorderCell', 'rowReorderCell--draggable', 'scrollArea--left', 'scrollArea--right', 'scrollArea', 'selectedRowCount', 'sortIcon', 'toolbarContainer', 'toolbarFilterList', 'virtualScroller', 'virtualScrollerContent', 'virtualScrollerContent--overflowed', 'virtualScrollerRenderZone', 'pinnedColumns', 'pinnedColumns--left', 'pinnedColumns--right', 'pinnedColumnHeaders', 'pinnedColumnHeaders--left', 'pinnedColumnHeaders--right', 'withBorderColor', 'cell--withRightBorder', 'columnHeader--withRightBorder', 'treeDataGroupingCell', 'treeDataGroupingCellToggle', 'groupingCriteriaCell', 'groupingCriteriaCellToggle', 'pinnedRows', 'pinnedRows--top', 'pinnedRows--bottom', 'pinnedRowsRenderZone']);
|
|
5
|
+
export const gridClasses = generateUtilityClasses('MuiDataGrid', ['actionsCell', 'aggregationColumnHeader', 'aggregationColumnHeader--alignLeft', 'aggregationColumnHeader--alignCenter', 'aggregationColumnHeader--alignRight', 'aggregationColumnHeaderLabel', 'autoHeight', 'autosizing', 'booleanCell', 'cell--editable', 'cell--editing', 'cell--textCenter', 'cell--textLeft', 'cell--textRight', 'cell--withRenderer', 'cell--rangeTop', 'cell--rangeBottom', 'cell--rangeLeft', 'cell--rangeRight', 'cell--selectionMode', 'cell', 'cellContent', 'cellCheckbox', 'cellSkeleton', 'checkboxInput', 'columnHeader--alignCenter', 'columnHeader--alignLeft', 'columnHeader--alignRight', 'columnHeader--dragging', 'columnHeader--moving', 'columnHeader--numeric', 'columnHeader--sortable', 'columnHeader--sorted', 'columnHeader--filtered', 'columnHeader', 'columnHeaderCheckbox', 'columnHeaderDraggableContainer', 'columnHeaderDropZone', 'columnHeaderTitle', 'columnHeaderTitleContainer', 'columnHeaderTitleContainerContent', 'columnGroupHeader', 'columnHeader--filledGroup', 'columnHeader--emptyGroup', 'columnHeader--showColumnBorder', 'columnHeaders', 'columnHeadersInner', 'columnHeadersInner--scrollable', 'columnSeparator--resizable', 'columnSeparator--resizing', 'columnSeparator--sideLeft', 'columnSeparator--sideRight', 'columnSeparator', 'columnsPanel', 'columnsPanelRow', 'detailPanel', 'detailPanels', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'footerCell', 'panel', 'panelHeader', 'panelWrapper', 'panelContent', 'panelFooter', 'paper', 'editBooleanCell', 'editInputCell', 'filterForm', 'filterFormDeleteIcon', 'filterFormLogicOperatorInput', 'filterFormColumnInput', 'filterFormOperatorInput', 'filterFormValueInput', 'filterIcon', 'footerContainer', 'headerFilterRow', 'iconButtonContainer', 'iconSeparator', 'main', 'menu', 'menuIcon', 'menuIconButton', 'menuOpen', 'menuList', 'overlay', 'overlayWrapper', 'overlayWrapperInner', 'root', 'root--densityStandard', 'root--densityComfortable', 'root--densityCompact', 'root--disableUserSelection', 'row', 'row--editable', 'row--editing', 'row--lastVisible', 'row--dragging', 'row--dynamicHeight', 'row--detailPanelExpanded', 'rowReorderCellPlaceholder', 'rowCount', 'rowReorderCellContainer', 'rowReorderCell', 'rowReorderCell--draggable', 'scrollArea--left', 'scrollArea--right', 'scrollArea', 'selectedRowCount', 'sortIcon', 'toolbarContainer', 'toolbarFilterList', 'virtualScroller', 'virtualScrollerContent', 'virtualScrollerContent--overflowed', 'virtualScrollerRenderZone', 'pinnedColumns', 'pinnedColumns--left', 'pinnedColumns--right', 'pinnedColumnHeaders', 'pinnedColumnHeaders--left', 'pinnedColumnHeaders--right', 'withBorderColor', 'cell--withRightBorder', 'columnHeader--withRightBorder', 'treeDataGroupingCell', 'treeDataGroupingCellToggle', 'groupingCriteriaCell', 'groupingCriteriaCellToggle', 'pinnedRows', 'pinnedRows--top', 'pinnedRows--bottom', 'pinnedRowsRenderZone']);
|
|
@@ -34,11 +34,20 @@ export const unwrapGroupingColumnModel = columnGroupingModel => {
|
|
|
34
34
|
});
|
|
35
35
|
return unwrappedSubTree;
|
|
36
36
|
};
|
|
37
|
-
export const getColumnGroupsHeaderStructure = (orderedColumns, unwrappedGroupingModel) => {
|
|
37
|
+
export const getColumnGroupsHeaderStructure = (orderedColumns, unwrappedGroupingModel, pinnedFields) => {
|
|
38
38
|
const getParents = field => unwrappedGroupingModel[field] ?? [];
|
|
39
39
|
const groupingHeaderStructure = [];
|
|
40
40
|
const maxDepth = Math.max(...orderedColumns.map(field => getParents(field).length));
|
|
41
41
|
const haveSameParents = (field1, field2, depth) => isDeepEqual(getParents(field1).slice(0, depth + 1), getParents(field2).slice(0, depth + 1));
|
|
42
|
+
const haveDifferentContainers = (field1, field2) => {
|
|
43
|
+
if (pinnedFields?.left && pinnedFields.left.includes(field1) && !pinnedFields.left.includes(field2)) {
|
|
44
|
+
return true;
|
|
45
|
+
}
|
|
46
|
+
if (pinnedFields?.right && !pinnedFields.right.includes(field1) && pinnedFields.right.includes(field2)) {
|
|
47
|
+
return true;
|
|
48
|
+
}
|
|
49
|
+
return false;
|
|
50
|
+
};
|
|
42
51
|
for (let depth = 0; depth < maxDepth; depth += 1) {
|
|
43
52
|
const depthStructure = orderedColumns.reduce((structure, newField) => {
|
|
44
53
|
const groupId = getParents(newField)[depth] ?? null;
|
|
@@ -51,7 +60,9 @@ export const getColumnGroupsHeaderStructure = (orderedColumns, unwrappedGrouping
|
|
|
51
60
|
const lastGroup = structure[structure.length - 1];
|
|
52
61
|
const prevField = lastGroup.columnFields[lastGroup.columnFields.length - 1];
|
|
53
62
|
const prevGroupId = lastGroup.groupId;
|
|
54
|
-
if (prevGroupId !== groupId || !haveSameParents(prevField, newField, depth)
|
|
63
|
+
if (prevGroupId !== groupId || !haveSameParents(prevField, newField, depth) ||
|
|
64
|
+
// Fix for https://github.com/mui/mui-x/issues/7041
|
|
65
|
+
haveDifferentContainers(prevField, newField)) {
|
|
55
66
|
// It's a new group
|
|
56
67
|
return [...structure, {
|
|
57
68
|
columnFields: [newField],
|
|
@@ -46,7 +46,9 @@ export const columnGroupsStateInitializer = (state, props, apiRef) => {
|
|
|
46
46
|
const visibleColumnFields = gridVisibleColumnFieldsSelector(apiRef);
|
|
47
47
|
const groupLookup = createGroupLookup(props.columnGroupingModel ?? []);
|
|
48
48
|
const unwrappedGroupingModel = unwrapGroupingColumnModel(props.columnGroupingModel ?? []);
|
|
49
|
-
const columnGroupsHeaderStructure = getColumnGroupsHeaderStructure(columnFields, unwrappedGroupingModel
|
|
49
|
+
const columnGroupsHeaderStructure = getColumnGroupsHeaderStructure(columnFields, unwrappedGroupingModel,
|
|
50
|
+
// @ts-expect-error Move this part to `Pro` package
|
|
51
|
+
apiRef.current.state.pinnedColumns ?? {});
|
|
50
52
|
const maxDepth = visibleColumnFields.length === 0 ? 0 : Math.max(...visibleColumnFields.map(field => unwrappedGroupingModel[field]?.length ?? 0));
|
|
51
53
|
return _extends({}, state, {
|
|
52
54
|
columnGrouping: {
|
|
@@ -83,7 +85,10 @@ export const useGridColumnGrouping = (apiRef, props) => {
|
|
|
83
85
|
const unwrappedGroupingModel = unwrapGroupingColumnModel(props.columnGroupingModel ?? []);
|
|
84
86
|
apiRef.current.setState(state => {
|
|
85
87
|
const orderedFields = state.columns?.orderedFields ?? [];
|
|
86
|
-
|
|
88
|
+
|
|
89
|
+
// @ts-expect-error Move this logic to `Pro` package
|
|
90
|
+
const pinnedColumns = state.pinnedColumns ?? {};
|
|
91
|
+
const columnGroupsHeaderStructure = getColumnGroupsHeaderStructure(orderedFields, unwrappedGroupingModel, pinnedColumns);
|
|
87
92
|
return _extends({}, state, {
|
|
88
93
|
columnGrouping: _extends({}, state.columnGrouping, {
|
|
89
94
|
headerStructure: columnGroupsHeaderStructure
|
|
@@ -95,11 +100,13 @@ export const useGridColumnGrouping = (apiRef, props) => {
|
|
|
95
100
|
if (!props.experimentalFeatures?.columnGrouping) {
|
|
96
101
|
return;
|
|
97
102
|
}
|
|
103
|
+
// @ts-expect-error Move this logic to `Pro` package
|
|
104
|
+
const pinnedColumns = apiRef.current.getPinnedColumns?.() ?? {};
|
|
98
105
|
const columnFields = gridColumnFieldsSelector(apiRef);
|
|
99
106
|
const visibleColumnFields = gridVisibleColumnFieldsSelector(apiRef);
|
|
100
107
|
const groupLookup = createGroupLookup(columnGroupingModel ?? []);
|
|
101
108
|
const unwrappedGroupingModel = unwrapGroupingColumnModel(columnGroupingModel ?? []);
|
|
102
|
-
const columnGroupsHeaderStructure = getColumnGroupsHeaderStructure(columnFields, unwrappedGroupingModel);
|
|
109
|
+
const columnGroupsHeaderStructure = getColumnGroupsHeaderStructure(columnFields, unwrappedGroupingModel, pinnedColumns);
|
|
103
110
|
const maxDepth = visibleColumnFields.length === 0 ? 0 : Math.max(...visibleColumnFields.map(field => unwrappedGroupingModel[field]?.length ?? 0));
|
|
104
111
|
apiRef.current.setState(state => {
|
|
105
112
|
return _extends({}, state, {
|
|
@@ -50,7 +50,6 @@ export function computeFlexColumnsWidth({
|
|
|
50
50
|
for (let i = 0; i < flexColumns.length; i += 1) {
|
|
51
51
|
const column = flexColumns[i];
|
|
52
52
|
if (flexColumnsLookup.all[column.field] && flexColumnsLookup.all[column.field].frozen === true) {
|
|
53
|
-
// eslint-disable-next-line no-continue
|
|
54
53
|
continue;
|
|
55
54
|
}
|
|
56
55
|
|
|
@@ -160,7 +160,7 @@ export const buildAggregatedFilterItemsApplier = (getRowId, filterModel, apiRef,
|
|
|
160
160
|
|
|
161
161
|
// We generate a new function with `eval()` to avoid expensive patterns for JS engines
|
|
162
162
|
// such as a dynamic object assignment, e.g. `{ [dynamicKey]: value }`.
|
|
163
|
-
const filterItemTemplate = `(function filterItem$$(appliers, row, shouldApplyFilter) {
|
|
163
|
+
const filterItemTemplate = `(function filterItem$$(getRowId, appliers, row, shouldApplyFilter) {
|
|
164
164
|
${appliers.map((applier, i) => `const shouldApply${i} = !shouldApplyFilter || shouldApplyFilter(${JSON.stringify(applier.item.field)});`).join('\n')}
|
|
165
165
|
|
|
166
166
|
const result$$ = {
|
|
@@ -174,7 +174,7 @@ export const buildAggregatedFilterItemsApplier = (getRowId, filterModel, apiRef,
|
|
|
174
174
|
})`;
|
|
175
175
|
const filterItemCore = evalCode(filterItemTemplate.replaceAll('$$', String(filterItemsApplierId)));
|
|
176
176
|
const filterItem = (row, shouldApplyItem) => {
|
|
177
|
-
return filterItemCore(appliers, row, shouldApplyItem);
|
|
177
|
+
return filterItemCore(getRowId, appliers, row, shouldApplyItem);
|
|
178
178
|
};
|
|
179
179
|
filterItemsApplierId += 1;
|
|
180
180
|
return filterItem;
|
|
@@ -223,7 +223,7 @@ export const buildAggregatedQuickFilterApplier = (getRowId, filterModel, apiRef)
|
|
|
223
223
|
const result = {};
|
|
224
224
|
const usedCellParams = {};
|
|
225
225
|
|
|
226
|
-
/* eslint-disable no-restricted-syntax, no-labels
|
|
226
|
+
/* eslint-disable no-restricted-syntax, no-labels */
|
|
227
227
|
outer: for (let v = 0; v < quickFilterValues.length; v += 1) {
|
|
228
228
|
const filterValue = quickFilterValues[v];
|
|
229
229
|
for (let i = 0; i < appliersPerField.length; i += 1) {
|
|
@@ -260,7 +260,7 @@ export const buildAggregatedQuickFilterApplier = (getRowId, filterModel, apiRef)
|
|
|
260
260
|
}
|
|
261
261
|
result[filterValue] = false;
|
|
262
262
|
}
|
|
263
|
-
/* eslint-enable no-restricted-syntax, no-labels
|
|
263
|
+
/* eslint-enable no-restricted-syntax, no-labels */
|
|
264
264
|
|
|
265
265
|
return result;
|
|
266
266
|
};
|
|
@@ -348,10 +348,16 @@ export const useGridVirtualScroller = props => {
|
|
|
348
348
|
}
|
|
349
349
|
return -1;
|
|
350
350
|
}, [cellFocus, currentPage.rows]);
|
|
351
|
-
useGridApiEventHandler(apiRef, '
|
|
351
|
+
useGridApiEventHandler(apiRef, 'rowMouseOver', (params, event) => {
|
|
352
|
+
if (event.currentTarget.contains(event.relatedTarget)) {
|
|
353
|
+
return;
|
|
354
|
+
}
|
|
352
355
|
setHoveredRowId(params.id ?? null);
|
|
353
356
|
});
|
|
354
|
-
useGridApiEventHandler(apiRef, '
|
|
357
|
+
useGridApiEventHandler(apiRef, 'rowMouseOut', (params, event) => {
|
|
358
|
+
if (event.currentTarget.contains(event.relatedTarget)) {
|
|
359
|
+
return;
|
|
360
|
+
}
|
|
355
361
|
setHoveredRowId(null);
|
|
356
362
|
});
|
|
357
363
|
const getRows = (params = {
|
package/modern/index.js
CHANGED
package/modern/locales/arSD.js
CHANGED
|
@@ -37,7 +37,7 @@ const arSDGrid = {
|
|
|
37
37
|
columnsPanelHideAllButton: 'إخفاء الكل',
|
|
38
38
|
// Filter panel text
|
|
39
39
|
filterPanelAddFilter: 'إضافة مرشِح',
|
|
40
|
-
|
|
40
|
+
filterPanelRemoveAll: 'حذف الكل',
|
|
41
41
|
filterPanelDeleteIconLabel: 'حذف',
|
|
42
42
|
filterPanelLogicOperator: 'عامل منطقي',
|
|
43
43
|
filterPanelOperator: 'عامل',
|
|
@@ -60,34 +60,32 @@ const arSDGrid = {
|
|
|
60
60
|
filterOperatorIsEmpty: 'خالي',
|
|
61
61
|
filterOperatorIsNotEmpty: 'غير خالي',
|
|
62
62
|
filterOperatorIsAnyOf: 'أي من',
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
63
|
+
'filterOperator=': '=',
|
|
64
|
+
'filterOperator!=': '!=',
|
|
65
|
+
'filterOperator>': '>',
|
|
66
|
+
'filterOperator>=': '>=',
|
|
67
|
+
'filterOperator<': '<',
|
|
68
|
+
'filterOperator<=': '<=',
|
|
70
69
|
// Header filter operators text
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
70
|
+
headerFilterOperatorContains: 'يحتوي على',
|
|
71
|
+
headerFilterOperatorEquals: 'يساوي',
|
|
72
|
+
headerFilterOperatorStartsWith: 'يبدأ ب',
|
|
73
|
+
headerFilterOperatorEndsWith: 'ينتهي ب',
|
|
74
|
+
headerFilterOperatorIs: 'هو',
|
|
75
|
+
headerFilterOperatorNot: 'هو ليس',
|
|
76
|
+
headerFilterOperatorAfter: 'يقع بعد',
|
|
77
|
+
headerFilterOperatorOnOrAfter: 'هو على او بعد',
|
|
78
|
+
headerFilterOperatorBefore: 'يقع قبل',
|
|
79
|
+
headerFilterOperatorOnOrBefore: 'هو على او بعد',
|
|
80
|
+
headerFilterOperatorIsEmpty: 'هو فارغ',
|
|
81
|
+
headerFilterOperatorIsNotEmpty: 'هو ليس فارغ',
|
|
82
|
+
headerFilterOperatorIsAnyOf: 'هو أي من',
|
|
83
|
+
'headerFilterOperator=': 'يساوي',
|
|
84
|
+
'headerFilterOperator!=': 'لا يساوي',
|
|
85
|
+
'headerFilterOperator>': 'أكبر من',
|
|
86
|
+
'headerFilterOperator>=': 'أكبر من او يساوي',
|
|
87
|
+
'headerFilterOperator<': 'اصغر من',
|
|
88
|
+
'headerFilterOperator<=': 'اصغر من او يساوي',
|
|
91
89
|
// Filter values text
|
|
92
90
|
filterValueAny: 'أي',
|
|
93
91
|
filterValueTrue: 'صائب',
|
package/modern/locales/roRO.js
CHANGED
|
@@ -74,7 +74,7 @@ const roROGrid = {
|
|
|
74
74
|
headerFilterOperatorIs: 'Este',
|
|
75
75
|
headerFilterOperatorNot: 'Nu este',
|
|
76
76
|
headerFilterOperatorAfter: 'Este după',
|
|
77
|
-
headerFilterOperatorOnOrAfter: 'Este la sau
|
|
77
|
+
headerFilterOperatorOnOrAfter: 'Este la sau după',
|
|
78
78
|
headerFilterOperatorBefore: 'Este înainte de',
|
|
79
79
|
headerFilterOperatorOnOrBefore: 'este la sau înainte de',
|
|
80
80
|
headerFilterOperatorIsEmpty: 'Este gol',
|
|
@@ -15,8 +15,8 @@ var _useDataGridComponent = require("./useDataGridComponent");
|
|
|
15
15
|
var _useDataGridProps = require("./useDataGridProps");
|
|
16
16
|
var _DataGridVirtualScroller = require("../components/DataGridVirtualScroller");
|
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
-
function _getRequireWildcardCache(
|
|
19
|
-
function _interopRequireWildcard(
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
20
|
const DataGridRaw = /*#__PURE__*/React.forwardRef(function DataGrid(inProps, ref) {
|
|
21
21
|
const props = (0, _useDataGridProps.useDataGridProps)(inProps);
|
|
22
22
|
const privateApiRef = (0, _useDataGridComponent.useDataGridComponent)(props.apiRef, props);
|
|
@@ -35,6 +35,13 @@ const DataGridRaw = /*#__PURE__*/React.forwardRef(function DataGrid(inProps, ref
|
|
|
35
35
|
}))
|
|
36
36
|
});
|
|
37
37
|
});
|
|
38
|
+
/**
|
|
39
|
+
* Demos:
|
|
40
|
+
* - [DataGrid](https://mui.com/x/react-data-grid/demo/)
|
|
41
|
+
*
|
|
42
|
+
* API:
|
|
43
|
+
* - [DataGrid API](https://mui.com/x/api/data-grid/data-grid/)
|
|
44
|
+
*/
|
|
38
45
|
const DataGrid = exports.DataGrid = /*#__PURE__*/React.memo(DataGridRaw);
|
|
39
46
|
|
|
40
47
|
/**
|
|
@@ -668,7 +675,7 @@ DataGridRaw.propTypes = {
|
|
|
668
675
|
/**
|
|
669
676
|
* If `true`, the grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
|
|
670
677
|
* If an object is provided, you can choose to ignore the `valueFormatter` for CSV export or clipboard export.
|
|
671
|
-
* @default
|
|
678
|
+
* @default false
|
|
672
679
|
*/
|
|
673
680
|
unstable_ignoreValueFormatterDuringExport: _propTypes.default.oneOfType([_propTypes.default.shape({
|
|
674
681
|
clipboardExport: _propTypes.default.bool,
|
|
@@ -12,8 +12,8 @@ var _constants = require("../constants");
|
|
|
12
12
|
var _defaultGridSlotsComponents = require("../constants/defaultGridSlotsComponents");
|
|
13
13
|
var _models = require("../models");
|
|
14
14
|
var _utils = require("../internals/utils");
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
const DATA_GRID_FORCED_PROPS = {
|
|
18
18
|
disableMultipleColumnsFiltering: true,
|
|
19
19
|
disableMultipleColumnsSorting: true,
|
|
@@ -12,8 +12,8 @@ var _GridHeaderCheckbox = require("../components/columnSelection/GridHeaderCheck
|
|
|
12
12
|
var _gridRowSelectionSelector = require("../hooks/features/rowSelection/gridRowSelectionSelector");
|
|
13
13
|
var _gridBooleanColDef = require("./gridBooleanColDef");
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
const GRID_CHECKBOX_SELECTION_FIELD = exports.GRID_CHECKBOX_SELECTION_FIELD = '__check__';
|
|
18
18
|
const GRID_CHECKBOX_SELECTION_COL_DEF = exports.GRID_CHECKBOX_SELECTION_COL_DEF = (0, _extends2.default)({}, _gridBooleanColDef.GRID_BOOLEAN_COL_DEF, {
|
|
19
19
|
field: GRID_CHECKBOX_SELECTION_FIELD,
|
|
@@ -60,8 +60,6 @@ const GRID_DATE_COL_DEF = exports.GRID_DATE_COL_DEF = (0, _extends2.default)({},
|
|
|
60
60
|
valueFormatter: gridDateFormatter,
|
|
61
61
|
filterOperators: (0, _gridDateOperators.getGridDateOperators)(),
|
|
62
62
|
renderEditCell: _GridEditDateCell.renderEditDateCell,
|
|
63
|
-
getApplyQuickFilterFn: undefined,
|
|
64
|
-
getApplyQuickFilterFnV7: undefined,
|
|
65
63
|
// @ts-ignore
|
|
66
64
|
pastedValueParser: value => new Date(value)
|
|
67
65
|
});
|
|
@@ -71,8 +69,6 @@ const GRID_DATETIME_COL_DEF = exports.GRID_DATETIME_COL_DEF = (0, _extends2.defa
|
|
|
71
69
|
valueFormatter: gridDateTimeFormatter,
|
|
72
70
|
filterOperators: (0, _gridDateOperators.getGridDateOperators)(true),
|
|
73
71
|
renderEditCell: _GridEditDateCell.renderEditDateCell,
|
|
74
|
-
getApplyQuickFilterFn: undefined,
|
|
75
|
-
getApplyQuickFilterFnV7: undefined,
|
|
76
72
|
// @ts-ignore
|
|
77
73
|
pastedValueParser: value => new Date(value)
|
|
78
74
|
});
|
|
@@ -15,8 +15,8 @@ var _useGridVirtualScroller = require("../hooks/features/virtualization/useGridV
|
|
|
15
15
|
var _GridOverlays = require("./base/GridOverlays");
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
const _excluded = ["className"];
|
|
18
|
-
function _getRequireWildcardCache(
|
|
19
|
-
function _interopRequireWildcard(
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
20
|
const DataGridVirtualScroller = exports.DataGridVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGridVirtualScroller(props, ref) {
|
|
21
21
|
const {
|
|
22
22
|
className
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.GridApiContext = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
function _getRequireWildcardCache(
|
|
9
|
-
function _interopRequireWildcard(
|
|
8
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
9
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
10
10
|
const GridApiContext = exports.GridApiContext = /*#__PURE__*/React.createContext(undefined);
|
|
11
11
|
if (process.env.NODE_ENV !== 'production') {
|
|
12
12
|
GridApiContext.displayName = 'GridApiContext';
|
|
@@ -16,8 +16,8 @@ var _GridBaseColumnHeaders = require("./columnHeaders/GridBaseColumnHeaders");
|
|
|
16
16
|
var _GridColumnHeadersInner = require("./columnHeaders/GridColumnHeadersInner");
|
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
18
|
const _excluded = ["innerRef", "className", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnPositions", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "densityFactor", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence"];
|
|
19
|
-
function _getRequireWildcardCache(
|
|
20
|
-
function _interopRequireWildcard(
|
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
21
21
|
const GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnsHeaders(props, ref) {
|
|
22
22
|
const {
|
|
23
23
|
innerRef,
|
|
@@ -17,8 +17,8 @@ var _GridSelectedRowCount = require("./GridSelectedRowCount");
|
|
|
17
17
|
var _GridFooterContainer = require("./containers/GridFooterContainer");
|
|
18
18
|
var _useGridRootProps = require("../hooks/utils/useGridRootProps");
|
|
19
19
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
|
-
function _getRequireWildcardCache(
|
|
21
|
-
function _interopRequireWildcard(
|
|
20
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
22
22
|
const GridFooter = exports.GridFooter = /*#__PURE__*/React.forwardRef(function GridFooter(props, ref) {
|
|
23
23
|
const apiRef = (0, _useGridApiContext.useGridApiContext)();
|
|
24
24
|
const rootProps = (0, _useGridRootProps.useGridRootProps)();
|
|
@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _useGridRootProps = require("../hooks/utils/useGridRootProps");
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
function GridHeader() {
|
|
15
15
|
const rootProps = (0, _useGridRootProps.useGridRootProps)();
|
|
16
16
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
@@ -11,8 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
11
11
|
var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
|
|
12
12
|
var _GridOverlay = require("./containers/GridOverlay");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
16
|
const GridLoadingOverlay = exports.GridLoadingOverlay = /*#__PURE__*/React.forwardRef(function GridLoadingOverlay(props, ref) {
|
|
17
17
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridOverlay.GridOverlay, (0, _extends2.default)({
|
|
18
18
|
ref: ref
|
|
@@ -10,8 +10,8 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _useGridApiContext = require("../hooks/utils/useGridApiContext");
|
|
11
11
|
var _GridOverlay = require("./containers/GridOverlay");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _getRequireWildcardCache(
|
|
14
|
-
function _interopRequireWildcard(
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
15
|
const GridNoResultsOverlay = exports.GridNoResultsOverlay = /*#__PURE__*/React.forwardRef(function GridNoResultsOverlay(props, ref) {
|
|
16
16
|
const apiRef = (0, _useGridApiContext.useGridApiContext)();
|
|
17
17
|
const noResultsOverlayLabel = apiRef.current.getLocaleText('noResultsOverlayLabel');
|