@mui/x-data-grid 5.7.0 → 5.8.0
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 +74 -0
- package/DataGrid/DataGrid.d.ts +8 -3
- package/DataGrid/DataGrid.js +27 -4
- package/DataGrid/useDataGridComponent.js +2 -4
- package/DataGrid/useDataGridProps.d.ts +2 -1
- package/colDef/gridBooleanColDef.d.ts +1 -1
- package/colDef/gridBooleanOperators.d.ts +1 -1
- package/colDef/gridDateColDef.d.ts +5 -9
- package/colDef/gridDateColDef.js +2 -2
- package/colDef/gridDateOperators.d.ts +1 -1
- package/{models/colDef → colDef}/gridDefaultColumnTypes.d.ts +1 -1
- package/{models/colDef → colDef}/gridDefaultColumnTypes.js +6 -6
- package/colDef/gridNumericColDef.d.ts +1 -1
- package/colDef/gridNumericOperators.d.ts +2 -2
- package/colDef/gridStringColDef.d.ts +1 -1
- package/colDef/gridStringOperators.d.ts +1 -1
- package/colDef/index.d.ts +1 -0
- package/colDef/index.js +2 -1
- package/components/GridRow.js +1 -1
- package/components/cell/GridCell.d.ts +4 -4
- package/components/cell/GridCell.js +2 -2
- package/components/cell/GridEditInputCell.js +2 -2
- package/components/cell/GridEditSingleSelectCell.js +2 -2
- package/components/columnHeaders/GridColumnHeaderFilterIconButton.d.ts +12 -0
- package/components/columnHeaders/{ColumnHeaderFilterIcon.js → GridColumnHeaderFilterIconButton.js} +22 -4
- package/components/columnHeaders/GridColumnHeaderItem.js +5 -5
- package/components/columnHeaders/index.d.ts +1 -0
- package/components/columnHeaders/index.js +1 -0
- package/components/columnSelection/GridCellCheckboxRenderer.js +2 -2
- package/components/columnSelection/GridHeaderCheckbox.d.ts +1 -1
- package/components/containers/GridRoot.js +29 -17
- package/components/menu/columnMenu/GridColumnMenu.js +1 -1
- package/components/panel/GridPanel.d.ts +2 -2
- package/components/panel/GridPreferencesPanel.js +1 -1
- package/constants/defaultGridSlotsComponents.js +2 -1
- package/constants/gridClasses.d.ts +15 -3
- package/hooks/core/index.d.ts +1 -1
- package/hooks/core/{preProcessing/gridPreProcessingApi.d.ts → pipeProcessing/gridPipeProcessingApi.d.ts} +19 -18
- package/hooks/core/{preProcessing/gridPreProcessingApi.js → pipeProcessing/gridPipeProcessingApi.js} +0 -0
- package/hooks/core/pipeProcessing/index.d.ts +3 -0
- package/hooks/core/pipeProcessing/index.js +3 -0
- package/hooks/core/pipeProcessing/useGridPipeProcessing.d.ts +27 -0
- package/hooks/core/pipeProcessing/useGridPipeProcessing.js +74 -0
- package/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.d.ts +7 -0
- package/hooks/core/{preProcessing/useGridRegisterPreProcessor.js → pipeProcessing/useGridRegisterPipeProcessor.js} +2 -2
- package/hooks/core/strategyProcessing/useGridStrategyProcessing.d.ts +27 -16
- package/hooks/core/strategyProcessing/useGridStrategyProcessing.js +26 -15
- package/hooks/core/useGridInitialization.js +2 -2
- package/hooks/features/columnHeaders/useGridColumnHeaders.js +1 -1
- package/hooks/features/columns/gridColumnsSelector.d.ts +6 -6
- package/hooks/features/columns/gridColumnsUtils.d.ts +3 -3
- package/hooks/features/columns/gridColumnsUtils.js +49 -17
- package/hooks/features/columns/useGridColumns.js +36 -27
- package/hooks/features/dimensions/gridDimensionsApi.d.ts +5 -0
- package/hooks/features/dimensions/useGridDimensions.js +2 -1
- package/hooks/features/editRows/useGridCellEditing.new.d.ts +1 -1
- package/hooks/features/editRows/useGridCellEditing.new.js +22 -7
- package/hooks/features/editRows/useGridRowEditing.new.d.ts +1 -1
- package/hooks/features/editRows/useGridRowEditing.new.js +22 -7
- package/hooks/features/events/useGridEvents.d.ts +1 -1
- package/hooks/features/events/useGridEvents.js +2 -0
- package/hooks/features/filter/gridFilterSelector.d.ts +3 -9
- package/hooks/features/filter/useGridFilter.js +4 -4
- package/hooks/features/{keyboard → keyboardNavigation}/useGridKeyboardNavigation.d.ts +2 -5
- package/hooks/features/{keyboard → keyboardNavigation}/useGridKeyboardNavigation.js +27 -6
- package/hooks/features/pagination/gridPaginationSelector.d.ts +1 -3
- package/hooks/features/pagination/useGridPage.js +9 -4
- package/hooks/features/pagination/useGridPageSize.js +3 -3
- package/hooks/features/preferencesPanel/useGridPreferencesPanel.js +18 -5
- package/hooks/features/rows/gridRowsSelector.d.ts +1 -1
- package/hooks/features/rows/gridRowsUtils.d.ts +8 -0
- package/hooks/features/rows/gridRowsUtils.js +11 -0
- package/hooks/features/rows/index.d.ts +1 -0
- package/hooks/features/rows/index.js +1 -1
- package/hooks/features/rows/useGridRows.js +3 -3
- package/hooks/features/rows/useGridRowsMeta.js +3 -3
- package/hooks/features/scroll/useGridScroll.js +4 -13
- package/hooks/features/selection/gridSelectionSelector.d.ts +1 -3
- package/hooks/features/selection/useGridSelection.d.ts +4 -2
- package/hooks/features/selection/useGridSelection.js +72 -25
- package/hooks/features/selection/useGridSelectionPreProcessors.js +2 -2
- package/hooks/features/sorting/gridSortingSelector.d.ts +1 -3
- package/hooks/features/sorting/gridSortingUtils.d.ts +1 -2
- package/hooks/features/sorting/useGridSorting.js +3 -3
- package/hooks/features/statePersistence/useGridStatePersistence.js +2 -2
- package/hooks/utils/useGridRootProps.d.ts +1 -1
- package/hooks/utils/useGridVisibleRows.d.ts +2 -2
- package/index.js +1 -1
- package/internals/index.d.ts +3 -6
- package/internals/index.js +2 -3
- package/legacy/DataGrid/DataGrid.js +27 -4
- package/legacy/DataGrid/useDataGridComponent.js +2 -4
- package/legacy/colDef/gridDateColDef.js +2 -2
- package/legacy/{models/colDef → colDef}/gridDefaultColumnTypes.js +6 -6
- package/legacy/colDef/index.js +2 -1
- package/legacy/components/GridRow.js +1 -1
- package/legacy/components/cell/GridCell.js +2 -2
- package/legacy/components/cell/GridEditInputCell.js +2 -2
- package/legacy/components/cell/GridEditSingleSelectCell.js +2 -2
- package/legacy/components/columnHeaders/{ColumnHeaderFilterIcon.js → GridColumnHeaderFilterIconButton.js} +22 -4
- package/legacy/components/columnHeaders/GridColumnHeaderItem.js +5 -5
- package/legacy/components/columnHeaders/index.js +1 -0
- package/legacy/components/columnSelection/GridCellCheckboxRenderer.js +2 -2
- package/legacy/components/containers/GridRoot.js +34 -17
- package/legacy/components/menu/columnMenu/GridColumnMenu.js +1 -1
- package/legacy/components/panel/GridPreferencesPanel.js +1 -1
- package/legacy/constants/defaultGridSlotsComponents.js +2 -1
- package/legacy/hooks/core/{preProcessing/gridPreProcessingApi.js → pipeProcessing/gridPipeProcessingApi.js} +0 -0
- package/legacy/hooks/core/pipeProcessing/index.js +3 -0
- package/legacy/hooks/core/pipeProcessing/useGridPipeProcessing.js +83 -0
- package/legacy/hooks/core/{preProcessing/useGridRegisterPreProcessor.js → pipeProcessing/useGridRegisterPipeProcessor.js} +2 -2
- package/legacy/hooks/core/strategyProcessing/useGridStrategyProcessing.js +26 -15
- package/legacy/hooks/core/useGridInitialization.js +2 -2
- package/legacy/hooks/features/columnHeaders/useGridColumnHeaders.js +1 -1
- package/legacy/hooks/features/columns/gridColumnsUtils.js +49 -18
- package/legacy/hooks/features/columns/useGridColumns.js +36 -27
- package/legacy/hooks/features/dimensions/useGridDimensions.js +2 -1
- package/legacy/hooks/features/editRows/useGridCellEditing.new.js +22 -7
- package/legacy/hooks/features/editRows/useGridRowEditing.new.js +22 -7
- package/legacy/hooks/features/events/useGridEvents.js +2 -0
- package/legacy/hooks/features/filter/useGridFilter.js +4 -4
- package/legacy/hooks/features/{keyboard → keyboardNavigation}/useGridKeyboardNavigation.js +27 -6
- package/legacy/hooks/features/pagination/useGridPage.js +11 -4
- package/legacy/hooks/features/pagination/useGridPageSize.js +3 -3
- package/legacy/hooks/features/preferencesPanel/useGridPreferencesPanel.js +18 -5
- package/legacy/hooks/features/rows/gridRowsUtils.js +13 -0
- package/legacy/hooks/features/rows/index.js +1 -1
- package/legacy/hooks/features/rows/useGridRows.js +5 -5
- package/legacy/hooks/features/rows/useGridRowsMeta.js +3 -3
- package/legacy/hooks/features/scroll/useGridScroll.js +4 -13
- package/legacy/hooks/features/selection/useGridSelection.js +74 -25
- package/legacy/hooks/features/selection/useGridSelectionPreProcessors.js +2 -2
- package/legacy/hooks/features/sorting/useGridSorting.js +3 -3
- package/legacy/hooks/features/statePersistence/useGridStatePersistence.js +2 -2
- package/legacy/index.js +1 -1
- package/legacy/internals/index.js +2 -3
- package/legacy/locales/daDK.js +36 -32
- package/legacy/models/colDef/index.js +1 -2
- package/legacy/models/events/gridEvents.js +4 -2
- package/legacy/models/gridRows.js +1 -33
- package/legacy/models/index.js +2 -2
- package/{modern/hooks/core/preProcessing/gridPreProcessingApi.js → legacy/models/params/gridPreferencePanelParams.js} +0 -0
- package/legacy/models/params/index.js +2 -1
- package/locales/daDK.js +32 -32
- package/models/api/gridApiCommon.d.ts +2 -2
- package/models/api/gridEditingApi.d.ts +2 -2
- package/models/api/gridParamsApi.d.ts +5 -5
- package/models/api/gridRowApi.d.ts +2 -2
- package/models/colDef/gridColDef.d.ts +33 -28
- package/models/colDef/index.d.ts +0 -1
- package/models/colDef/index.js +1 -2
- package/models/events/gridEventLookup.d.ts +12 -6
- package/models/events/gridEvents.d.ts +11 -5
- package/models/events/gridEvents.js +4 -2
- package/models/gridCell.d.ts +1 -0
- package/models/gridEditRowModel.d.ts +1 -1
- package/models/gridFilterOperator.d.ts +3 -2
- package/models/gridRows.d.ts +10 -18
- package/models/gridRows.js +1 -31
- package/models/gridSlotsComponent.d.ts +5 -0
- package/models/gridSlotsComponentsProps.d.ts +1 -0
- package/models/gridSortModel.d.ts +3 -4
- package/models/index.d.ts +1 -1
- package/models/index.js +2 -2
- package/models/params/gridCellParams.d.ts +14 -14
- package/models/params/gridColumnHeaderParams.d.ts +3 -2
- package/models/params/gridEditCellParams.d.ts +2 -3
- package/models/params/gridPreferencePanelParams.d.ts +3 -0
- package/models/params/gridPreferencePanelParams.js +1 -0
- package/models/params/gridRowParams.d.ts +7 -8
- package/models/params/gridValueOptionsParams.d.ts +3 -3
- package/models/params/index.d.ts +1 -0
- package/models/params/index.js +2 -1
- package/models/props/DataGridProps.d.ts +36 -16
- package/modern/DataGrid/DataGrid.js +27 -4
- package/modern/DataGrid/useDataGridComponent.js +2 -4
- package/modern/colDef/gridDateColDef.js +2 -2
- package/modern/{models/colDef → colDef}/gridDefaultColumnTypes.js +6 -6
- package/modern/colDef/index.js +2 -1
- package/modern/components/GridRow.js +1 -1
- package/modern/components/cell/GridCell.js +2 -2
- package/modern/components/cell/GridEditInputCell.js +2 -2
- package/modern/components/cell/GridEditSingleSelectCell.js +2 -2
- package/modern/components/columnHeaders/{ColumnHeaderFilterIcon.js → GridColumnHeaderFilterIconButton.js} +22 -4
- package/modern/components/columnHeaders/GridColumnHeaderItem.js +3 -3
- package/modern/components/columnHeaders/index.js +1 -0
- package/modern/components/columnSelection/GridCellCheckboxRenderer.js +2 -2
- package/modern/components/containers/GridRoot.js +29 -17
- package/modern/components/menu/columnMenu/GridColumnMenu.js +1 -1
- package/modern/components/panel/GridPreferencesPanel.js +1 -1
- package/modern/constants/defaultGridSlotsComponents.js +2 -1
- package/modern/hooks/core/pipeProcessing/gridPipeProcessingApi.js +1 -0
- package/modern/hooks/core/pipeProcessing/index.js +3 -0
- package/modern/hooks/core/pipeProcessing/useGridPipeProcessing.js +74 -0
- package/modern/hooks/core/{preProcessing/useGridRegisterPreProcessor.js → pipeProcessing/useGridRegisterPipeProcessor.js} +2 -2
- package/modern/hooks/core/strategyProcessing/useGridStrategyProcessing.js +26 -15
- package/modern/hooks/core/useGridInitialization.js +2 -2
- package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +1 -1
- package/modern/hooks/features/columns/gridColumnsUtils.js +49 -17
- package/modern/hooks/features/columns/useGridColumns.js +36 -27
- package/modern/hooks/features/dimensions/useGridDimensions.js +2 -1
- package/modern/hooks/features/editRows/useGridCellEditing.new.js +22 -7
- package/modern/hooks/features/editRows/useGridRowEditing.new.js +22 -7
- package/modern/hooks/features/events/useGridEvents.js +2 -0
- package/modern/hooks/features/filter/useGridFilter.js +4 -4
- package/modern/hooks/features/{keyboard → keyboardNavigation}/useGridKeyboardNavigation.js +27 -6
- package/modern/hooks/features/pagination/useGridPage.js +9 -4
- package/modern/hooks/features/pagination/useGridPageSize.js +3 -3
- package/modern/hooks/features/preferencesPanel/useGridPreferencesPanel.js +18 -5
- package/modern/hooks/features/rows/gridRowsUtils.js +11 -0
- package/modern/hooks/features/rows/index.js +1 -1
- package/modern/hooks/features/rows/useGridRows.js +1 -1
- package/modern/hooks/features/rows/useGridRowsMeta.js +3 -3
- package/modern/hooks/features/scroll/useGridScroll.js +4 -9
- package/modern/hooks/features/selection/useGridSelection.js +72 -25
- package/modern/hooks/features/selection/useGridSelectionPreProcessors.js +2 -2
- package/modern/hooks/features/sorting/useGridSorting.js +3 -3
- package/modern/hooks/features/statePersistence/useGridStatePersistence.js +2 -2
- package/modern/index.js +1 -1
- package/modern/internals/index.js +2 -3
- package/modern/locales/daDK.js +32 -32
- package/modern/models/colDef/index.js +1 -2
- package/modern/models/events/gridEvents.js +4 -2
- package/modern/models/gridRows.js +1 -31
- package/modern/models/index.js +2 -2
- package/modern/models/params/gridPreferencePanelParams.js +1 -0
- package/modern/models/params/index.js +2 -1
- package/node/DataGrid/DataGrid.js +27 -4
- package/node/DataGrid/useDataGridComponent.js +2 -5
- package/node/colDef/gridDateColDef.js +2 -2
- package/node/{models/colDef → colDef}/gridDefaultColumnTypes.js +6 -6
- package/node/colDef/index.js +13 -0
- package/node/components/GridRow.js +1 -1
- package/node/components/cell/GridCell.js +2 -2
- package/node/components/cell/GridEditInputCell.js +2 -2
- package/node/components/cell/GridEditSingleSelectCell.js +2 -2
- package/node/components/columnHeaders/{ColumnHeaderFilterIcon.js → GridColumnHeaderFilterIconButton.js} +23 -5
- package/node/components/columnHeaders/GridColumnHeaderItem.js +5 -6
- package/node/components/columnHeaders/index.js +13 -0
- package/node/components/columnSelection/GridCellCheckboxRenderer.js +2 -2
- package/node/components/containers/GridRoot.js +28 -17
- package/node/components/menu/columnMenu/GridColumnMenu.js +1 -1
- package/node/components/panel/GridPreferencesPanel.js +1 -1
- package/node/constants/defaultGridSlotsComponents.js +1 -0
- package/node/hooks/core/{preProcessing/gridPreProcessingApi.js → pipeProcessing/gridPipeProcessingApi.js} +0 -0
- package/node/hooks/core/pipeProcessing/index.js +44 -0
- package/node/hooks/core/pipeProcessing/useGridPipeProcessing.js +93 -0
- package/node/hooks/core/{preProcessing/useGridRegisterPreProcessor.js → pipeProcessing/useGridRegisterPipeProcessor.js} +4 -4
- package/node/hooks/core/strategyProcessing/useGridStrategyProcessing.js +26 -15
- package/node/hooks/core/useGridInitialization.js +2 -2
- package/node/hooks/features/columnHeaders/useGridColumnHeaders.js +1 -1
- package/node/hooks/features/columns/gridColumnsUtils.js +54 -21
- package/node/hooks/features/columns/useGridColumns.js +36 -27
- package/node/hooks/features/dimensions/useGridDimensions.js +2 -1
- package/node/hooks/features/editRows/useGridCellEditing.new.js +24 -7
- package/node/hooks/features/editRows/useGridRowEditing.new.js +24 -7
- package/node/hooks/features/events/useGridEvents.js +2 -0
- package/node/hooks/features/filter/useGridFilter.js +4 -4
- package/node/hooks/features/{keyboard → keyboardNavigation}/useGridKeyboardNavigation.js +29 -6
- package/node/hooks/features/pagination/useGridPage.js +8 -3
- package/node/hooks/features/pagination/useGridPageSize.js +3 -3
- package/node/hooks/features/preferencesPanel/useGridPreferencesPanel.js +20 -5
- package/node/hooks/features/rows/gridRowsUtils.js +18 -0
- package/node/hooks/features/rows/index.js +15 -1
- package/node/hooks/features/rows/useGridRows.js +5 -5
- package/node/hooks/features/rows/useGridRowsMeta.js +3 -3
- package/node/hooks/features/scroll/useGridScroll.js +3 -13
- package/node/hooks/features/selection/useGridSelection.js +71 -24
- package/node/hooks/features/selection/useGridSelectionPreProcessors.js +2 -2
- package/node/hooks/features/sorting/useGridSorting.js +3 -3
- package/node/hooks/features/statePersistence/useGridStatePersistence.js +2 -2
- package/node/index.js +1 -1
- package/node/internals/index.js +4 -12
- package/node/locales/daDK.js +32 -32
- package/node/models/colDef/index.js +0 -13
- package/node/models/events/gridEvents.js +4 -2
- package/node/models/gridRows.js +1 -34
- package/node/models/index.js +13 -13
- package/node/models/params/gridPreferencePanelParams.js +5 -0
- package/node/models/params/index.js +13 -0
- package/package.json +1 -1
- package/components/columnHeaders/ColumnHeaderFilterIcon.d.ts +0 -5
- package/hooks/core/preProcessing/index.d.ts +0 -3
- package/hooks/core/preProcessing/index.js +0 -3
- package/hooks/core/preProcessing/useGridPreProcessing.d.ts +0 -6
- package/hooks/core/preProcessing/useGridPreProcessing.js +0 -53
- package/hooks/core/preProcessing/useGridRegisterPreProcessor.d.ts +0 -7
- package/hooks/features/keyboard/useGridKeyboard.d.ts +0 -10
- package/hooks/features/keyboard/useGridKeyboard.js +0 -70
- package/legacy/hooks/core/preProcessing/index.js +0 -3
- package/legacy/hooks/core/preProcessing/useGridPreProcessing.js +0 -62
- package/legacy/hooks/features/keyboard/useGridKeyboard.js +0 -70
- package/modern/hooks/core/preProcessing/index.js +0 -3
- package/modern/hooks/core/preProcessing/useGridPreProcessing.js +0 -53
- package/modern/hooks/features/keyboard/useGridKeyboard.js +0 -70
- package/node/hooks/core/preProcessing/index.js +0 -44
- package/node/hooks/core/preProcessing/useGridPreProcessing.js +0 -72
- package/node/hooks/features/keyboard/useGridKeyboard.js +0 -91
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A helper function to check if the id provided is valid.
|
|
3
|
+
* @param {GridRowId} id Id as [[GridRowId]].
|
|
4
|
+
* @param {GridRowModel | Partial<GridRowModel>} row Row as [[GridRowModel]].
|
|
5
|
+
* @param {string} detailErrorMessage A custom error message to display for invalid IDs
|
|
6
|
+
*/
|
|
7
|
+
export function checkGridRowIdIsValid(id, row) {
|
|
8
|
+
var detailErrorMessage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'A row was provided without id in the rows prop:';
|
|
9
|
+
|
|
10
|
+
if (id == null) {
|
|
11
|
+
throw new Error(['MUI: The data grid component requires all rows to have a unique `id` property.', 'Alternatively, you can use the `getRowId` prop to specify a custom id for each row.', detailErrorMessage, JSON.stringify(row)].join('\n'));
|
|
12
|
+
}
|
|
13
|
+
}
|
|
@@ -3,12 +3,12 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
|
3
3
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { GridEvents } from '../../../models/events';
|
|
6
|
-
import { checkGridRowIdIsValid } from '../../../models/gridRows';
|
|
7
6
|
import { useGridApiMethod } from '../../utils/useGridApiMethod';
|
|
8
7
|
import { useGridLogger } from '../../utils/useGridLogger';
|
|
9
8
|
import { gridRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowIdsSelector, gridRowGroupingNameSelector } from './gridRowsSelector';
|
|
10
9
|
import { GridSignature, useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
|
|
11
10
|
import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
|
|
11
|
+
import { checkGridRowIdIsValid } from './gridRowsUtils';
|
|
12
12
|
|
|
13
13
|
function getGridRowId(rowModel, getRowId, detailErrorMessage) {
|
|
14
14
|
var id = getRowId ? getRowId(rowModel) : rowModel.id;
|
|
@@ -92,13 +92,13 @@ export var useGridRows = function useGridRows(apiRef, props) {
|
|
|
92
92
|
|
|
93
93
|
var currentPage = useGridVisibleRows(apiRef, props);
|
|
94
94
|
var getRow = React.useCallback(function (id) {
|
|
95
|
-
var
|
|
95
|
+
var _ref2;
|
|
96
96
|
|
|
97
|
-
return (
|
|
97
|
+
return (_ref2 = gridRowsLookupSelector(apiRef)[id]) != null ? _ref2 : null;
|
|
98
98
|
}, [apiRef]);
|
|
99
99
|
var lookup = React.useMemo(function () {
|
|
100
|
-
return currentPage.rows.reduce(function (acc,
|
|
101
|
-
var id =
|
|
100
|
+
return currentPage.rows.reduce(function (acc, _ref3, index) {
|
|
101
|
+
var id = _ref3.id;
|
|
102
102
|
acc[id] = index;
|
|
103
103
|
return acc;
|
|
104
104
|
}, {});
|
|
@@ -74,7 +74,7 @@ export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
|
|
|
74
74
|
initialHeights.spacingBottom = (_spacing$bottom = spacing.bottom) != null ? _spacing$bottom : 0;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
var sizes = apiRef.current.
|
|
77
|
+
var sizes = apiRef.current.unstable_applyPipeProcessors('rowHeight', initialHeights, row);
|
|
78
78
|
var finalRowHeight = Object.values(sizes).reduce(function (acc2, value) {
|
|
79
79
|
return acc2 + value;
|
|
80
80
|
}, 0);
|
|
@@ -122,14 +122,14 @@ export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
|
|
|
122
122
|
React.useEffect(function () {
|
|
123
123
|
hydrateRowsMeta();
|
|
124
124
|
}, [rowHeight, filterState, paginationState, sortingState, hydrateRowsMeta]);
|
|
125
|
-
var
|
|
125
|
+
var handlepipeProcessorRegister = React.useCallback(function (name) {
|
|
126
126
|
if (name !== 'rowHeight') {
|
|
127
127
|
return;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
hydrateRowsMeta();
|
|
131
131
|
}, [hydrateRowsMeta]);
|
|
132
|
-
useGridApiEventHandler(apiRef, GridEvents.
|
|
132
|
+
useGridApiEventHandler(apiRef, GridEvents.pipeProcessorRegister, handlepipeProcessorRegister);
|
|
133
133
|
var rowsMetaApi = {
|
|
134
134
|
unstable_getRowHeight: getTargetRowHeight,
|
|
135
135
|
unstable_getRowInternalSizes: getRowInternalSizes,
|
|
@@ -5,8 +5,7 @@ import { gridColumnPositionsSelector, gridVisibleColumnDefinitionsSelector } fro
|
|
|
5
5
|
import { gridPageSelector, gridPageSizeSelector } from '../pagination/gridPaginationSelector';
|
|
6
6
|
import { gridRowCountSelector } from '../rows/gridRowsSelector';
|
|
7
7
|
import { gridRowsMetaSelector } from '../rows/gridRowsMetaSelector';
|
|
8
|
-
import { useGridApiMethod } from '../../utils/useGridApiMethod';
|
|
9
|
-
import { useGridNativeEventListener } from '../../utils/useGridNativeEventListener'; // Logic copied from https://www.w3.org/TR/wai-aria-practices/examples/listbox/js/listbox.js
|
|
8
|
+
import { useGridApiMethod } from '../../utils/useGridApiMethod'; // Logic copied from https://www.w3.org/TR/wai-aria-practices/examples/listbox/js/listbox.js
|
|
10
9
|
// Similar to https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView
|
|
11
10
|
|
|
12
11
|
function scrollIntoView(dimensions) {
|
|
@@ -41,8 +40,9 @@ export var useGridScroll = function useGridScroll(apiRef, props) {
|
|
|
41
40
|
var scrollToIndexes = React.useCallback(function (params) {
|
|
42
41
|
var totalRowCount = gridRowCountSelector(apiRef);
|
|
43
42
|
var visibleColumns = gridVisibleColumnDefinitionsSelector(apiRef);
|
|
43
|
+
var scrollToHeader = params.rowIndex == null;
|
|
44
44
|
|
|
45
|
-
if (totalRowCount === 0 || visibleColumns.length === 0) {
|
|
45
|
+
if (!scrollToHeader && totalRowCount === 0 || visibleColumns.length === 0) {
|
|
46
46
|
return false;
|
|
47
47
|
}
|
|
48
48
|
|
|
@@ -73,7 +73,7 @@ export var useGridScroll = function useGridScroll(apiRef, props) {
|
|
|
73
73
|
});
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
scrollCoordinates = apiRef.current.
|
|
76
|
+
scrollCoordinates = apiRef.current.unstable_applyPipeProcessors('scrollToIndexes', scrollCoordinates, params);
|
|
77
77
|
|
|
78
78
|
if (_typeof(scrollCoordinates.left) !== undefined || _typeof(scrollCoordinates.top) !== undefined) {
|
|
79
79
|
apiRef.current.scroll(scrollCoordinates);
|
|
@@ -115,13 +115,4 @@ export var useGridScroll = function useGridScroll(apiRef, props) {
|
|
|
115
115
|
getScrollPosition: getScrollPosition
|
|
116
116
|
};
|
|
117
117
|
useGridApiMethod(apiRef, scrollApi, 'GridScrollApi');
|
|
118
|
-
var preventScroll = React.useCallback(function (event) {
|
|
119
|
-
event.target.scrollLeft = 0;
|
|
120
|
-
event.target.scrollTop = 0;
|
|
121
|
-
}, []);
|
|
122
|
-
useGridNativeEventListener(apiRef, function () {
|
|
123
|
-
var _apiRef$current, _apiRef$current$rende, _apiRef$current$rende2;
|
|
124
|
-
|
|
125
|
-
return (_apiRef$current = apiRef.current) == null ? void 0 : (_apiRef$current$rende = _apiRef$current.renderingZoneRef) == null ? void 0 : (_apiRef$current$rende2 = _apiRef$current$rende.current) == null ? void 0 : _apiRef$current$rende2.parentElement;
|
|
126
|
-
}, 'scroll', preventScroll);
|
|
127
118
|
};
|
|
@@ -6,14 +6,14 @@ import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
|
|
|
6
6
|
import { useGridApiMethod } from '../../utils/useGridApiMethod';
|
|
7
7
|
import { useGridLogger } from '../../utils/useGridLogger';
|
|
8
8
|
import { gridRowsLookupSelector } from '../rows/gridRowsSelector';
|
|
9
|
-
import { isGridCellRoot } from '../../../utils/domUtils';
|
|
10
9
|
import { gridSelectionStateSelector, selectedGridRowsSelector, selectedIdsLookupSelector } from './gridSelectionSelector';
|
|
11
10
|
import { gridPaginatedVisibleSortedGridRowIdsSelector } from '../pagination';
|
|
11
|
+
import { gridFocusCellSelector } from '../focus/gridFocusStateSelector';
|
|
12
12
|
import { gridVisibleSortedRowIdsSelector } from '../filter/gridFilterSelector';
|
|
13
13
|
import { GRID_CHECKBOX_SELECTION_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from '../../../colDef';
|
|
14
14
|
import { GridCellModes } from '../../../models/gridEditRowModel';
|
|
15
|
-
import { isKeyboardEvent } from '../../../utils/keyboardUtils';
|
|
16
|
-
import { getVisibleRows } from '../../utils/useGridVisibleRows';
|
|
15
|
+
import { isKeyboardEvent, isNavigationKey } from '../../../utils/keyboardUtils';
|
|
16
|
+
import { getVisibleRows, useGridVisibleRows } from '../../utils/useGridVisibleRows';
|
|
17
17
|
|
|
18
18
|
var getSelectionModelPropValue = function getSelectionModelPropValue(selectionModelProp, prevSelectionModel) {
|
|
19
19
|
if (selectionModelProp == null) {
|
|
@@ -39,8 +39,10 @@ export var selectionStateInitializer = function selectionStateInitializer(state,
|
|
|
39
39
|
});
|
|
40
40
|
};
|
|
41
41
|
/**
|
|
42
|
-
* @requires useGridRows (state, method)
|
|
43
|
-
* @requires useGridParamsApi (method)
|
|
42
|
+
* @requires useGridRows (state, method) - can be after
|
|
43
|
+
* @requires useGridParamsApi (method) - can be after
|
|
44
|
+
* @requires useGridFocus (state) - can be after
|
|
45
|
+
* @requires useGridKeyboardNavigation (`cellKeyDown` event must first be consumed by it)
|
|
44
46
|
*/
|
|
45
47
|
|
|
46
48
|
export var useGridSelection = function useGridSelection(apiRef, props) {
|
|
@@ -63,7 +65,8 @@ export var useGridSelection = function useGridSelection(apiRef, props) {
|
|
|
63
65
|
pagination = props.pagination,
|
|
64
66
|
paginationMode = props.paginationMode;
|
|
65
67
|
var canHaveMultipleSelection = !disableMultipleSelection || checkboxSelection;
|
|
66
|
-
var
|
|
68
|
+
var visibleRows = useGridVisibleRows(apiRef, props);
|
|
69
|
+
var expandMouseRowRangeSelection = React.useCallback(function (id) {
|
|
67
70
|
var _lastRowToggled$curre;
|
|
68
71
|
|
|
69
72
|
var endId = id;
|
|
@@ -191,17 +194,18 @@ export var useGridSelection = function useGridSelection(apiRef, props) {
|
|
|
191
194
|
return;
|
|
192
195
|
}
|
|
193
196
|
|
|
194
|
-
logger.debug("Expanding selection from row ".concat(startId, " to row ").concat(endId));
|
|
195
|
-
|
|
196
|
-
var
|
|
197
|
-
var
|
|
197
|
+
logger.debug("Expanding selection from row ".concat(startId, " to row ").concat(endId)); // Using rows from all pages allow to select a range across several pages
|
|
198
|
+
|
|
199
|
+
var allPagesRowIds = gridVisibleSortedRowIdsSelector(apiRef);
|
|
200
|
+
var startIndex = allPagesRowIds.indexOf(startId);
|
|
201
|
+
var endIndex = allPagesRowIds.indexOf(endId);
|
|
198
202
|
|
|
199
203
|
var _ref2 = startIndex > endIndex ? [endIndex, startIndex] : [startIndex, endIndex],
|
|
200
204
|
_ref3 = _slicedToArray(_ref2, 2),
|
|
201
205
|
start = _ref3[0],
|
|
202
206
|
end = _ref3[1];
|
|
203
207
|
|
|
204
|
-
var rowsBetweenStartAndEnd =
|
|
208
|
+
var rowsBetweenStartAndEnd = allPagesRowIds.slice(start, end + 1);
|
|
205
209
|
apiRef.current.selectRows(rowsBetweenStartAndEnd, isSelected, resetSelection);
|
|
206
210
|
}, [apiRef, logger]);
|
|
207
211
|
var selectionApi = {
|
|
@@ -275,11 +279,11 @@ export var useGridSelection = function useGridSelection(apiRef, props) {
|
|
|
275
279
|
}
|
|
276
280
|
|
|
277
281
|
if (event.shiftKey && (canHaveMultipleSelection || checkboxSelection)) {
|
|
278
|
-
|
|
282
|
+
expandMouseRowRangeSelection(params.id);
|
|
279
283
|
} else {
|
|
280
284
|
handleSingleRowSelection(params.id, event);
|
|
281
285
|
}
|
|
282
|
-
}, [disableSelectionOnClick, canHaveMultipleSelection, checkboxSelection, apiRef,
|
|
286
|
+
}, [disableSelectionOnClick, canHaveMultipleSelection, checkboxSelection, apiRef, expandMouseRowRangeSelection, handleSingleRowSelection]);
|
|
283
287
|
var preventSelectionOnShift = React.useCallback(function (params, event) {
|
|
284
288
|
if (canHaveMultipleSelection && event.shiftKey) {
|
|
285
289
|
var _window$getSelection;
|
|
@@ -289,35 +293,80 @@ export var useGridSelection = function useGridSelection(apiRef, props) {
|
|
|
289
293
|
}, [canHaveMultipleSelection]);
|
|
290
294
|
var handleRowSelectionCheckboxChange = React.useCallback(function (params, event) {
|
|
291
295
|
if (event.nativeEvent.shiftKey) {
|
|
292
|
-
|
|
296
|
+
expandMouseRowRangeSelection(params.id);
|
|
293
297
|
} else {
|
|
294
298
|
apiRef.current.selectRow(params.id, params.value);
|
|
295
299
|
}
|
|
296
|
-
}, [apiRef,
|
|
300
|
+
}, [apiRef, expandMouseRowRangeSelection]);
|
|
297
301
|
var handleHeaderSelectionCheckboxChange = React.useCallback(function (params) {
|
|
298
302
|
var shouldLimitSelectionToCurrentPage = props.checkboxSelectionVisibleOnly && props.pagination;
|
|
299
303
|
var rowsToBeSelected = shouldLimitSelectionToCurrentPage ? gridPaginatedVisibleSortedGridRowIdsSelector(apiRef) : gridVisibleSortedRowIdsSelector(apiRef);
|
|
300
304
|
apiRef.current.selectRows(rowsToBeSelected, params.value);
|
|
301
305
|
}, [apiRef, props.checkboxSelectionVisibleOnly, props.pagination]);
|
|
302
306
|
var handleCellKeyDown = React.useCallback(function (params, event) {
|
|
303
|
-
//
|
|
307
|
+
// Get the most recent cell mode because it may have been changed by another listener
|
|
308
|
+
if (apiRef.current.getCellMode(params.id, params.field) === GridCellModes.Edit) {
|
|
309
|
+
return;
|
|
310
|
+
} // Ignore portal
|
|
304
311
|
// Do not apply shortcuts if the focus is not on the cell root component
|
|
305
|
-
|
|
306
|
-
|
|
312
|
+
|
|
313
|
+
|
|
314
|
+
if (!event.currentTarget.contains(event.target)) {
|
|
307
315
|
return;
|
|
308
|
-
}
|
|
316
|
+
}
|
|
309
317
|
|
|
318
|
+
if (isNavigationKey(event.key) && event.shiftKey) {
|
|
319
|
+
// The cell that has focus after the keyboard navigation
|
|
320
|
+
var focusCell = gridFocusCellSelector(apiRef);
|
|
310
321
|
|
|
311
|
-
|
|
312
|
-
|
|
322
|
+
if (focusCell && focusCell.id !== params.id) {
|
|
323
|
+
event.preventDefault();
|
|
324
|
+
var isNextRowSelected = apiRef.current.isRowSelected(focusCell.id);
|
|
313
325
|
|
|
314
|
-
|
|
315
|
-
|
|
326
|
+
if (!canHaveMultipleSelection) {
|
|
327
|
+
apiRef.current.selectRow(focusCell.id, !isNextRowSelected, true);
|
|
328
|
+
return;
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
var newRowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(focusCell.id);
|
|
332
|
+
var previousRowIndex = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
|
|
333
|
+
var start;
|
|
334
|
+
var end;
|
|
335
|
+
|
|
336
|
+
if (newRowIndex > previousRowIndex) {
|
|
337
|
+
if (isNextRowSelected) {
|
|
338
|
+
// We are navigating to the bottom of the page and adding selected rows
|
|
339
|
+
start = previousRowIndex;
|
|
340
|
+
end = newRowIndex - 1;
|
|
341
|
+
} else {
|
|
342
|
+
// We are navigating to the bottom of the page and removing selected rows
|
|
343
|
+
start = previousRowIndex;
|
|
344
|
+
end = newRowIndex;
|
|
345
|
+
}
|
|
346
|
+
} else {
|
|
347
|
+
// eslint-disable-next-line no-lonely-if
|
|
348
|
+
if (isNextRowSelected) {
|
|
349
|
+
// We are navigating to the top of the page and removing selected rows
|
|
350
|
+
start = newRowIndex + 1;
|
|
351
|
+
end = previousRowIndex;
|
|
352
|
+
} else {
|
|
353
|
+
// We are navigating to the top of the page and adding selected rows
|
|
354
|
+
start = newRowIndex;
|
|
355
|
+
end = previousRowIndex;
|
|
356
|
+
}
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
var rowsBetweenStartAndEnd = visibleRows.rows.slice(start, end + 1).map(function (row) {
|
|
360
|
+
return row.id;
|
|
361
|
+
});
|
|
362
|
+
apiRef.current.selectRows(rowsBetweenStartAndEnd, !isNextRowSelected);
|
|
363
|
+
return;
|
|
364
|
+
}
|
|
316
365
|
}
|
|
317
366
|
|
|
318
367
|
if (event.key === ' ' && event.shiftKey) {
|
|
319
368
|
event.preventDefault();
|
|
320
|
-
handleSingleRowSelection(
|
|
369
|
+
handleSingleRowSelection(params.id, event);
|
|
321
370
|
return;
|
|
322
371
|
}
|
|
323
372
|
|
|
@@ -325,7 +374,7 @@ export var useGridSelection = function useGridSelection(apiRef, props) {
|
|
|
325
374
|
event.preventDefault();
|
|
326
375
|
selectRows(apiRef.current.getAllRowIds(), true);
|
|
327
376
|
}
|
|
328
|
-
}, [apiRef, handleSingleRowSelection, selectRows]);
|
|
377
|
+
}, [apiRef, handleSingleRowSelection, selectRows, visibleRows.rows, canHaveMultipleSelection]);
|
|
329
378
|
useGridApiEventHandler(apiRef, GridEvents.visibleRowsSet, removeOutdatedSelection);
|
|
330
379
|
useGridApiEventHandler(apiRef, GridEvents.cellClick, handleCellClick);
|
|
331
380
|
useGridApiEventHandler(apiRef, GridEvents.rowSelectionCheckboxChange, handleRowSelectionCheckboxChange);
|
|
@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { unstable_composeClasses as composeClasses } from '@mui/material';
|
|
5
|
-
import {
|
|
5
|
+
import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
|
|
6
6
|
import { getDataGridUtilityClass } from '../../../constants';
|
|
7
7
|
import { GRID_CHECKBOX_SELECTION_COL_DEF } from '../../../colDef';
|
|
8
8
|
|
|
@@ -44,5 +44,5 @@ export var useGridSelectionPreProcessors = function useGridSelectionPreProcessor
|
|
|
44
44
|
|
|
45
45
|
return columnsState;
|
|
46
46
|
}, [apiRef, classes, props.checkboxSelection]);
|
|
47
|
-
|
|
47
|
+
useGridRegisterPipeProcessor(apiRef, 'hydrateColumns', updateSelectionColumn);
|
|
48
48
|
};
|
|
@@ -13,7 +13,7 @@ import { gridRowIdsSelector, gridRowTreeSelector } from '../rows';
|
|
|
13
13
|
import { useFirstRender } from '../../utils/useFirstRender';
|
|
14
14
|
import { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from '../../core/strategyProcessing';
|
|
15
15
|
import { buildAggregatedSortingApplier, mergeStateWithSortModel, getNextGridSortDirection, sanitizeSortModel } from './gridSortingUtils';
|
|
16
|
-
import {
|
|
16
|
+
import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
|
|
17
17
|
export var sortingStateInitializer = function sortingStateInitializer(state, props) {
|
|
18
18
|
var _ref, _props$sortModel, _props$initialState, _props$initialState$s;
|
|
19
19
|
|
|
@@ -206,8 +206,8 @@ export var useGridSorting = function useGridSorting(apiRef, props) {
|
|
|
206
206
|
var rowTree = gridRowTreeSelector(apiRef);
|
|
207
207
|
return params.sortRowList(Object.values(rowTree));
|
|
208
208
|
}, [apiRef]);
|
|
209
|
-
|
|
210
|
-
|
|
209
|
+
useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);
|
|
210
|
+
useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
|
|
211
211
|
useGridRegisterStrategyProcessor(apiRef, GRID_DEFAULT_STRATEGY, 'sorting', flatSortingMethod);
|
|
212
212
|
/**
|
|
213
213
|
* EVENTS
|
|
@@ -2,11 +2,11 @@ import * as React from 'react';
|
|
|
2
2
|
import { useGridApiMethod } from '../../utils';
|
|
3
3
|
export var useGridStatePersistence = function useGridStatePersistence(apiRef) {
|
|
4
4
|
var exportState = React.useCallback(function () {
|
|
5
|
-
var stateToExport = apiRef.current.
|
|
5
|
+
var stateToExport = apiRef.current.unstable_applyPipeProcessors('exportState', {});
|
|
6
6
|
return stateToExport;
|
|
7
7
|
}, [apiRef]);
|
|
8
8
|
var restoreState = React.useCallback(function (stateToRestore) {
|
|
9
|
-
var response = apiRef.current.
|
|
9
|
+
var response = apiRef.current.unstable_applyPipeProcessors('restoreState', {
|
|
10
10
|
callbacks: []
|
|
11
11
|
}, {
|
|
12
12
|
stateToRestore: stateToRestore
|
package/legacy/index.js
CHANGED
|
@@ -3,7 +3,7 @@ export { GridVirtualScrollerContent } from '../components/virtualization/GridVir
|
|
|
3
3
|
export { GridVirtualScrollerRenderZone } from '../components/virtualization/GridVirtualScrollerRenderZone';
|
|
4
4
|
export { GridColumnHeaders } from '../components/columnHeaders/GridColumnHeaders';
|
|
5
5
|
export { GridColumnHeadersInner } from '../components/columnHeaders/GridColumnHeadersInner';
|
|
6
|
-
export {
|
|
6
|
+
export { useGridRegisterPipeProcessor } from '../hooks/core/pipeProcessing';
|
|
7
7
|
export { useGridRegisterStrategyProcessor } from '../hooks/core/strategyProcessing';
|
|
8
8
|
export { useGridInitialization } from '../hooks/core/useGridInitialization';
|
|
9
9
|
export { useGridClipboard } from '../hooks/features/clipboard/useGridClipboard';
|
|
@@ -15,8 +15,7 @@ export { useGridCsvExport } from '../hooks/features/export/useGridCsvExport';
|
|
|
15
15
|
export { useGridPrintExport } from '../hooks/features/export/useGridPrintExport';
|
|
16
16
|
export { useGridFilter, filterStateInitializer } from '../hooks/features/filter/useGridFilter';
|
|
17
17
|
export { useGridFocus, focusStateInitializer } from '../hooks/features/focus/useGridFocus';
|
|
18
|
-
export {
|
|
19
|
-
export { useGridKeyboardNavigation } from '../hooks/features/keyboard/useGridKeyboardNavigation';
|
|
18
|
+
export { useGridKeyboardNavigation } from '../hooks/features/keyboardNavigation/useGridKeyboardNavigation';
|
|
20
19
|
export { useGridPagination, paginationStateInitializer } from '../hooks/features/pagination/useGridPagination';
|
|
21
20
|
export { useGridPreferencesPanel, preferencePanelStateInitializer } from '../hooks/features/preferencesPanel/useGridPreferencesPanel';
|
|
22
21
|
export { useGridEditing as useGridEditing_new, editingStateInitializer as editingStateInitializer_new } from '../hooks/features/editRows/useGridEditing.new';
|
package/legacy/locales/daDK.js
CHANGED
|
@@ -6,7 +6,7 @@ var daDKGrid = {
|
|
|
6
6
|
noResultsOverlayLabel: 'Ingen resultater',
|
|
7
7
|
errorOverlayDefaultLabel: 'Der skete en fejl.',
|
|
8
8
|
// Density selector toolbar button text
|
|
9
|
-
|
|
9
|
+
toolbarDensity: 'Tæthed',
|
|
10
10
|
toolbarDensityLabel: 'Tæthed',
|
|
11
11
|
toolbarDensityCompact: 'Kompakt',
|
|
12
12
|
toolbarDensityStandard: 'Standard',
|
|
@@ -15,7 +15,7 @@ var daDKGrid = {
|
|
|
15
15
|
toolbarColumns: 'Kolonne',
|
|
16
16
|
toolbarColumnsLabel: 'Vælg kolonne',
|
|
17
17
|
// Filters toolbar button text
|
|
18
|
-
|
|
18
|
+
toolbarFilters: 'Filtre',
|
|
19
19
|
toolbarFiltersLabel: 'Vis filtre',
|
|
20
20
|
toolbarFiltersTooltipHide: 'Skjul filtre',
|
|
21
21
|
toolbarFiltersTooltipShow: 'Vis filtre',
|
|
@@ -26,7 +26,7 @@ var daDKGrid = {
|
|
|
26
26
|
// toolbarExport: 'Export',
|
|
27
27
|
toolbarExportLabel: 'Eksporter',
|
|
28
28
|
toolbarExportCSV: 'Download som CSV',
|
|
29
|
-
|
|
29
|
+
toolbarExportPrint: 'Print',
|
|
30
30
|
// Columns panel text
|
|
31
31
|
columnsPanelTextFieldLabel: 'Find kolonne',
|
|
32
32
|
columnsPanelTextFieldPlaceholder: 'Kolonne titel',
|
|
@@ -36,11 +36,11 @@ var daDKGrid = {
|
|
|
36
36
|
// Filter panel text
|
|
37
37
|
filterPanelAddFilter: 'Tilføj filter',
|
|
38
38
|
filterPanelDeleteIconLabel: 'Slet',
|
|
39
|
-
|
|
39
|
+
filterPanelLinkOperator: 'Logisk operator',
|
|
40
40
|
filterPanelOperators: 'Operatorer',
|
|
41
41
|
// TODO v6: rename to filterPanelOperator
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
filterPanelOperatorAnd: 'Og',
|
|
43
|
+
filterPanelOperatorOr: 'Eller',
|
|
44
44
|
filterPanelColumns: 'Kolonne',
|
|
45
45
|
filterPanelInputLabel: 'Værdi',
|
|
46
46
|
filterPanelInputPlaceholder: 'Filter værdi',
|
|
@@ -49,52 +49,52 @@ var daDKGrid = {
|
|
|
49
49
|
filterOperatorEquals: 'Lig med',
|
|
50
50
|
filterOperatorStartsWith: 'Begynder med',
|
|
51
51
|
filterOperatorEndsWith: 'Ender med',
|
|
52
|
-
filterOperatorIs: '
|
|
53
|
-
filterOperatorNot: '
|
|
52
|
+
filterOperatorIs: 'Er lig med',
|
|
53
|
+
filterOperatorNot: 'Er ikke lig med',
|
|
54
54
|
filterOperatorAfter: 'Efter',
|
|
55
55
|
filterOperatorOnOrAfter: 'På eller efter',
|
|
56
56
|
filterOperatorBefore: 'Før',
|
|
57
57
|
filterOperatorOnOrBefore: 'På eller før',
|
|
58
|
-
filterOperatorIsEmpty: 'Indeholder data',
|
|
59
|
-
filterOperatorIsNotEmpty: 'Indeholder
|
|
60
|
-
|
|
58
|
+
filterOperatorIsEmpty: 'Indeholder ikke data',
|
|
59
|
+
filterOperatorIsNotEmpty: 'Indeholder data',
|
|
60
|
+
filterOperatorIsAnyOf: 'indeholder en af',
|
|
61
61
|
// Filter values text
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
62
|
+
filterValueAny: 'hvilken som helst',
|
|
63
|
+
filterValueTrue: 'positiv',
|
|
64
|
+
filterValueFalse: 'negativ',
|
|
65
65
|
// Column menu text
|
|
66
|
-
|
|
66
|
+
columnMenuLabel: 'Menu',
|
|
67
67
|
columnMenuShowColumns: 'Vis Kolonner',
|
|
68
|
-
|
|
68
|
+
columnMenuFilter: 'Filtre',
|
|
69
69
|
columnMenuHideColumn: 'Skjul',
|
|
70
70
|
columnMenuUnsort: 'Fjern sortering',
|
|
71
71
|
columnMenuSortAsc: 'Sorter stigende',
|
|
72
72
|
columnMenuSortDesc: 'Sorter faldende',
|
|
73
73
|
// Column header text
|
|
74
74
|
columnHeaderFiltersTooltipActive: function columnHeaderFiltersTooltipActive(count) {
|
|
75
|
-
return count !== 1 ? "".concat(count, " aktive filtre") : "
|
|
75
|
+
return count !== 1 ? "".concat(count, " aktive filtre") : "\xC9t aktivt filter";
|
|
76
76
|
},
|
|
77
77
|
columnHeaderFiltersLabel: 'Vis filtre',
|
|
78
78
|
columnHeaderSortIconLabel: 'Sorter',
|
|
79
79
|
// Rows selected footer text
|
|
80
80
|
footerRowSelected: function footerRowSelected(count) {
|
|
81
|
-
return count !== 1 ? "".concat(count.toLocaleString(), " r\xE6kker valgt") : "
|
|
81
|
+
return count !== 1 ? "".concat(count.toLocaleString(), " r\xE6kker valgt") : "\xC9n r\xE6kke valgt";
|
|
82
82
|
},
|
|
83
83
|
// Total row amount footer text
|
|
84
|
-
footerTotalRows: '
|
|
84
|
+
footerTotalRows: 'Antal rækker i alt:',
|
|
85
85
|
// Total visible row amount footer text
|
|
86
86
|
footerTotalVisibleRows: function footerTotalVisibleRows(visibleCount, totalCount) {
|
|
87
87
|
return "".concat(visibleCount.toLocaleString(), " af ").concat(totalCount.toLocaleString());
|
|
88
88
|
},
|
|
89
89
|
// Checkbox selection text
|
|
90
90
|
checkboxSelectionHeaderName: 'Afkrydsningsvalg',
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
91
|
+
checkboxSelectionSelectAllRows: 'Vælg alle rækker',
|
|
92
|
+
checkboxSelectionUnselectAllRows: 'Fravælg alle rækker',
|
|
93
|
+
checkboxSelectionSelectRow: 'Vælg række',
|
|
94
|
+
checkboxSelectionUnselectRow: 'Fravælg række',
|
|
95
95
|
// Boolean cell text
|
|
96
|
-
|
|
97
|
-
|
|
96
|
+
booleanCellTrueLabel: 'ja',
|
|
97
|
+
booleanCellFalseLabel: 'nej',
|
|
98
98
|
// Actions cell more text
|
|
99
99
|
actionsCellMore: 'mere',
|
|
100
100
|
// Column pinning text
|
|
@@ -104,13 +104,17 @@ var daDKGrid = {
|
|
|
104
104
|
// Tree Data
|
|
105
105
|
treeDataGroupingHeaderName: 'Gruppering',
|
|
106
106
|
treeDataExpand: 'Vis underelementer',
|
|
107
|
-
treeDataCollapse: 'Skjul underelementer'
|
|
108
|
-
//
|
|
109
|
-
|
|
110
|
-
|
|
107
|
+
treeDataCollapse: 'Skjul underelementer',
|
|
108
|
+
// Grouping columns
|
|
109
|
+
groupingColumnHeaderName: 'Gruppér',
|
|
110
|
+
groupColumn: function groupColumn(name) {
|
|
111
|
+
return "Grupp\xE9r efter ".concat(name);
|
|
112
|
+
},
|
|
113
|
+
unGroupColumn: function unGroupColumn(name) {
|
|
114
|
+
return "Fjern grupp\xE9ring efter ".concat(name);
|
|
115
|
+
},
|
|
111
116
|
// Master/detail
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
117
|
+
expandDetailPanel: 'Udvid',
|
|
118
|
+
collapseDetailPanel: 'Kollaps'
|
|
115
119
|
};
|
|
116
120
|
export var daDK = getGridLocalization(daDKGrid, daDKCore);
|
|
@@ -63,8 +63,8 @@ var GridEvents;
|
|
|
63
63
|
GridEvents["columnsChange"] = "columnsChange";
|
|
64
64
|
GridEvents["detailPanelsExpandedRowIdsChange"] = "detailPanelsExpandedRowIdsChange";
|
|
65
65
|
GridEvents["pinnedColumnsChange"] = "pinnedColumnsChange";
|
|
66
|
-
GridEvents["
|
|
67
|
-
GridEvents["
|
|
66
|
+
GridEvents["pipeProcessorRegister"] = "pipeProcessorRegister";
|
|
67
|
+
GridEvents["pipeProcessorUnregister"] = "pipeProcessorUnregister";
|
|
68
68
|
GridEvents["activeStrategyProcessorChange"] = "activeStrategyProcessorChange";
|
|
69
69
|
GridEvents["strategyAvailabilityChange"] = "strategyAvailabilityChange";
|
|
70
70
|
GridEvents["sortModelChange"] = "sortModelChange";
|
|
@@ -73,6 +73,8 @@ var GridEvents;
|
|
|
73
73
|
GridEvents["stateChange"] = "stateChange";
|
|
74
74
|
GridEvents["columnVisibilityChange"] = "columnVisibilityChange";
|
|
75
75
|
GridEvents["virtualScrollerContentSizeChange"] = "virtualScrollerContentSizeChange";
|
|
76
|
+
GridEvents["preferencePanelClose"] = "preferencePanelClose";
|
|
77
|
+
GridEvents["preferencePanelOpen"] = "preferencePanelOpen";
|
|
76
78
|
})(GridEvents || (GridEvents = {}));
|
|
77
79
|
|
|
78
80
|
export { GridEvents };
|
|
@@ -1,33 +1 @@
|
|
|
1
|
-
|
|
2
|
-
* @deprecated prefer GridRowModel.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* The key value object representing the data of a row.
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* The grid rows total height and row positions.
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* The type of Id supported by the grid.
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* The function to retrieve the id of a [[GridRowModel]].
|
|
19
|
-
*/
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* An helper function to check if the id provided is valid.
|
|
23
|
-
* @param {GridRowId} id Id as [[GridRowId]].
|
|
24
|
-
* @param {GridRowModel | Partial<GridRowModel>} row Row as [[GridRowModel]].
|
|
25
|
-
* @param {string} detailErrorMessage A custom error message to display for invalid IDs
|
|
26
|
-
*/
|
|
27
|
-
export function checkGridRowIdIsValid(id, row) {
|
|
28
|
-
var detailErrorMessage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'A row was provided without id in the rows prop:';
|
|
29
|
-
|
|
30
|
-
if (id == null) {
|
|
31
|
-
throw new Error(['MUI: The data grid component requires all rows to have a unique `id` property.', 'Alternatively, you can use the `getRowId` prop to specify a custom id for each row.', detailErrorMessage, JSON.stringify(row)].join('\n'));
|
|
32
|
-
}
|
|
33
|
-
}
|
|
1
|
+
export {};
|
package/legacy/models/index.js
CHANGED
|
@@ -5,7 +5,6 @@ export * from './gridEditRowModel';
|
|
|
5
5
|
export * from './gridFeatureMode';
|
|
6
6
|
export * from './gridFilterItem';
|
|
7
7
|
export * from './gridFilterModel';
|
|
8
|
-
export * from './gridFilterOperator';
|
|
9
8
|
export * from './gridRootContainerRef';
|
|
10
9
|
export * from './gridRenderContextProps';
|
|
11
10
|
export * from './gridRows';
|
|
@@ -23,4 +22,5 @@ export * from './gridExport';
|
|
|
23
22
|
export * from './logger';
|
|
24
23
|
export * from './muiEvent';
|
|
25
24
|
export * from './events';
|
|
26
|
-
export * from './gridSortModel';
|
|
25
|
+
export * from './gridSortModel';
|
|
26
|
+
export * from './gridFilterOperator';
|
|
File without changes
|
|
@@ -9,4 +9,5 @@ export * from './gridRowSelectionCheckboxParams';
|
|
|
9
9
|
export * from './gridHeaderSelectionCheckboxParams';
|
|
10
10
|
export * from './gridValueOptionsParams';
|
|
11
11
|
export * from './gridCellParams';
|
|
12
|
-
export * from './gridSortModelParams';
|
|
12
|
+
export * from './gridSortModelParams';
|
|
13
|
+
export * from './gridPreferencePanelParams';
|