@mui/x-data-grid 6.0.0-alpha.13 โ 6.0.0-alpha.14
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 +134 -0
- package/DataGrid/DataGrid.js +0 -10
- package/colDef/gridSingleSelectOperators.js +6 -3
- package/components/GridRow.d.ts +2 -2
- package/components/columnSelection/GridHeaderCheckbox.d.ts +1 -1
- package/components/panel/GridPanel.d.ts +2 -2
- package/components/panel/filterPanel/GridFilterInputValue.d.ts +1 -1
- package/components/panel/filterPanel/GridFilterInputValue.js +6 -56
- package/components/toolbar/GridToolbarFilterButton.d.ts +1 -1
- package/hooks/features/clipboard/useGridClipboard.js +14 -2
- package/hooks/features/editing/gridEditingSelectors.d.ts +1 -1
- package/hooks/features/export/useGridPrintExport.js +2 -0
- package/hooks/features/virtualization/useGridVirtualScroller.js +4 -4
- package/index.js +1 -1
- package/legacy/DataGrid/DataGrid.js +0 -10
- package/legacy/colDef/gridSingleSelectOperators.js +6 -3
- package/legacy/components/panel/filterPanel/GridFilterInputValue.js +3 -56
- package/legacy/hooks/features/clipboard/useGridClipboard.js +14 -2
- package/legacy/hooks/features/export/useGridPrintExport.js +2 -0
- package/legacy/hooks/features/virtualization/useGridVirtualScroller.js +4 -4
- package/legacy/index.js +1 -1
- package/legacy/models/gridEditRowModel.js +0 -1
- package/models/api/gridParamsApi.d.ts +1 -1
- package/models/colDef/gridColDef.d.ts +14 -14
- package/models/events/gridEventLookup.d.ts +12 -19
- package/models/gridCellClass.d.ts +3 -2
- package/models/gridEditRowModel.d.ts +1 -2
- package/models/gridEditRowModel.js +0 -1
- package/models/gridFilterOperator.d.ts +1 -1
- package/models/gridStateCommunity.d.ts +2 -2
- package/models/params/gridCellParams.d.ts +5 -5
- package/models/params/gridColumnHeaderParams.d.ts +1 -1
- package/models/params/gridEditCellParams.d.ts +2 -2
- package/models/props/DataGridProps.d.ts +1 -11
- package/modern/DataGrid/DataGrid.js +0 -10
- package/modern/colDef/gridSingleSelectOperators.js +4 -3
- package/modern/components/panel/filterPanel/GridFilterInputValue.js +5 -55
- package/modern/hooks/features/clipboard/useGridClipboard.js +13 -1
- package/modern/hooks/features/export/useGridPrintExport.js +2 -0
- package/modern/hooks/features/virtualization/useGridVirtualScroller.js +4 -4
- package/modern/index.js +1 -1
- package/modern/models/gridEditRowModel.js +0 -1
- package/node/DataGrid/DataGrid.js +0 -10
- package/node/colDef/gridSingleSelectOperators.js +4 -3
- package/node/components/panel/filterPanel/GridFilterInputValue.js +5 -55
- package/node/hooks/features/clipboard/useGridClipboard.js +13 -1
- package/node/hooks/features/export/useGridPrintExport.js +2 -0
- package/node/hooks/features/virtualization/useGridVirtualScroller.js +3 -3
- package/node/index.js +1 -1
- package/node/models/gridEditRowModel.js +0 -1
- package/package.json +3 -3
- package/utils/utils.d.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,85 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 6.0.0-alpha.14
|
|
7
|
+
|
|
8
|
+
_Jan 5, 2023_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights โจ:
|
|
11
|
+
|
|
12
|
+
- ๐ Add `SingleInputTimeRangeField` and `SingleInputDateTimeRangeField` components (#7186) @alexfauquette
|
|
13
|
+
- ๐ Use grid for modifying pickers layout (#6900) @alexfauquette
|
|
14
|
+
- โจ Improve field components editing experience (#7272) @flaviendelangle
|
|
15
|
+
- ๐ป Multiple codemods
|
|
16
|
+
- ๐ Many documentation improvements
|
|
17
|
+
- ๐ Bugfixes
|
|
18
|
+
|
|
19
|
+
### `@mui/x-data-grid@v6.0.0-alpha.14` / `@mui/x-data-grid-pro@v6.0.0-alpha.14` / `@mui/x-data-grid-premium@v6.0.0-alpha.14`
|
|
20
|
+
|
|
21
|
+
#### Breaking changes
|
|
22
|
+
|
|
23
|
+
- [DataGrid] Set default `GridCellParams['value']` type to `unknown` (#6959) @cherniavskii
|
|
24
|
+
|
|
25
|
+
The default type of `GridCellParams['value']` was changed from `any` to `unknown`.
|
|
26
|
+
|
|
27
|
+
#### Changes
|
|
28
|
+
|
|
29
|
+
- [DataGrid] Fix flickering on mount (#7205) @cherniavskii
|
|
30
|
+
- [DataGrid] Fix selected text in cell input not being copied in Firefox (#6593) @cherniavskii
|
|
31
|
+
- [DataGrid] Invert generic parameters order (#6874) @DanailH
|
|
32
|
+
- [DataGrid] Remove legacy logic for `singleSelect` inside `GridFilterInputValue` (#7386) @m4theushw
|
|
33
|
+
- [DataGrid] Remove remaining props from legacy editing API (#7381) @m4theushw
|
|
34
|
+
- [DataGrid] Set default `GridCellParams['value']` type to `unknown` (#6959) @cherniavskii
|
|
35
|
+
|
|
36
|
+
### `@mui/x-date-pickers@v6.0.0-alpha.14` / `@mui/x-date-pickers-pro@v6.0.0-alpha.14`
|
|
37
|
+
|
|
38
|
+
#### Breaking changes
|
|
39
|
+
|
|
40
|
+
- [fields] Rename the `input` slot of the fields to `textField` to avoid confusion (#7369) @flaviendelangle
|
|
41
|
+
|
|
42
|
+
#### Changes
|
|
43
|
+
|
|
44
|
+
- [fields] Add `SingleInputTimeRangeField` and `SingleInputDateTimeRangeField` components (#7186) @alexfauquette
|
|
45
|
+
- [fields] Improve editing (automatic section switch, allow letter editing in digit section, allow numeric editing in letter section) (#7272) @flaviendelangle
|
|
46
|
+
- [fields] Rename the `input` slot of the fields to `textField` to avoid confusion (#7369) @flaviendelangle
|
|
47
|
+
- [fields] Prevent date change on `TimeField` arrow edition (#7383) @flaviendelangle
|
|
48
|
+
- [pickers] Clean some JSDoc descriptions (#7384) @flaviendelangle
|
|
49
|
+
- [pickers] Remove redundant `variants` in theme augmentation (#7356) @LukasTy
|
|
50
|
+
- [pickers] Remove the `PaperContent` slot from the new pickers (#7342) @flaviendelangle
|
|
51
|
+
- [pickers] Use grid for modifying the layout (#6900) @alexfauquette
|
|
52
|
+
|
|
53
|
+
### `@mui/x-codemod@v6.0.0-alpha.14`
|
|
54
|
+
|
|
55
|
+
#### Changes
|
|
56
|
+
|
|
57
|
+
- [codemod] Add new codemod for adapter import (#7348) @flaviendelangle
|
|
58
|
+
- [codemod] Add new codemod for the value prop renaming on the view components (#7338) @flaviendelangle
|
|
59
|
+
- [codemod] Reorganize codemods and add rename column menu components codemod (#7368) @MBilalShafi
|
|
60
|
+
|
|
61
|
+
### Docs
|
|
62
|
+
|
|
63
|
+
- [docs] Add example to add back the mobile keyboard view (#7347) @flaviendelangle
|
|
64
|
+
- [docs] Cleanup the doc pages of the community pickers (#7339) @flaviendelangle
|
|
65
|
+
- [docs] Drop security fixes support for v4 (#7322) @oliviertassinari
|
|
66
|
+
- [docs] Fix `disablePast` and `disableFuture` definition swap (#7324) @alexfauquette
|
|
67
|
+
- [docs] Hide ad for paid docs pages (#7321) @oliviertassinari
|
|
68
|
+
- [docs] New page for `TimeClock` (#7280) @flaviendelangle
|
|
69
|
+
- [docs] Note the pickers breaking changes supported by the codemod (#7337) @flaviendelangle
|
|
70
|
+
- [docs] Redirect translated pages (#7341) @cherniavskii
|
|
71
|
+
- [docs] Reorganize v6 pickers migration guide (#7257) @flaviendelangle
|
|
72
|
+
|
|
73
|
+
### Core
|
|
74
|
+
|
|
75
|
+
- [core] Apply eslint rule for React component @oliviertassinari
|
|
76
|
+
- [core] Apply title capitalization convention @oliviertassinari
|
|
77
|
+
- [core] Fix the product license reference name (#7367) @oliviertassinari
|
|
78
|
+
- [core] Order the slots alphabetically in the JSON files (#7349) @flaviendelangle
|
|
79
|
+
- [core] Remove blanklines in `_redirects` @oliviertassinari
|
|
80
|
+
- [core] Remove dead prettier config @oliviertassinari
|
|
81
|
+
- [core] Sync back with the mono repo (#7351) @oliviertassinari
|
|
82
|
+
- [core] Sync monorepo, fix layout scrollbar @oliviertassinari
|
|
83
|
+
- [core] Upgrade monorepo (#7307) @LukasTy
|
|
84
|
+
|
|
6
85
|
## 6.0.0-alpha.13
|
|
7
86
|
|
|
8
87
|
_Dec 24, 2022_
|
|
@@ -1507,6 +1586,61 @@ You can find more information about the new api, including how to set those tran
|
|
|
1507
1586
|
- [test] Skip tests for column pinning and dynamic row height (#5997) @m4theushw
|
|
1508
1587
|
- [website] Improve security header @oliviertassinari
|
|
1509
1588
|
|
|
1589
|
+
## 5.17.18
|
|
1590
|
+
|
|
1591
|
+
_Jan 5, 2023_
|
|
1592
|
+
|
|
1593
|
+
We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights โจ:
|
|
1594
|
+
|
|
1595
|
+
- ๐ Bugfixes
|
|
1596
|
+
|
|
1597
|
+
### `@mui/x-data-grid@v5.17.18` / `@mui/x-data-grid-pro@v5.17.18` / `@mui/x-data-grid-premium@v5.17.18`
|
|
1598
|
+
|
|
1599
|
+
#### Changes
|
|
1600
|
+
|
|
1601
|
+
- [DataGrid] Fix rows not rendering properly after height change (#7376) @cherniavskii
|
|
1602
|
+
- [DataGrid] Fix selected text in cell input not being copied in Firefox (#7330) @cherniavskii
|
|
1603
|
+
- [DataGridPremium] Export row grouping column menu components (#7308) @cherniavskii
|
|
1604
|
+
|
|
1605
|
+
### `@mui/x-date-pickers@v5.0.13` / `@mui/x-date-pickers-pro@v5.0.13`
|
|
1606
|
+
|
|
1607
|
+
#### Changes
|
|
1608
|
+
|
|
1609
|
+
- [pickers] Fix the product license reference name (#7367)
|
|
1610
|
+
|
|
1611
|
+
### Docs
|
|
1612
|
+
|
|
1613
|
+
- [docs] Redirect translated pages (#7370) @cherniavskii
|
|
1614
|
+
|
|
1615
|
+
### Core
|
|
1616
|
+
|
|
1617
|
+
- [core] Fix release date (#7314) @DanailH
|
|
1618
|
+
- [core] Fix the product license reference name (#7367) @oliviertassinari
|
|
1619
|
+
- [core] Upgrade monorepo (#7344) @cherniavskii
|
|
1620
|
+
|
|
1621
|
+
## 5.17.17
|
|
1622
|
+
|
|
1623
|
+
_Dec 24, 2022_
|
|
1624
|
+
|
|
1625
|
+
We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights โจ:
|
|
1626
|
+
|
|
1627
|
+
- ๐ Improve Russian (ru-RU) and Korean (ko-KR) locales
|
|
1628
|
+
- ๐ Bugfixes
|
|
1629
|
+
|
|
1630
|
+
### `@mui/x-data-grid@v5.17.17` / `@mui/x-data-grid-pro@v5.17.17` / `@mui/x-data-grid-premium@v5.17.17`
|
|
1631
|
+
|
|
1632
|
+
#### Changes
|
|
1633
|
+
|
|
1634
|
+
- [DataGrid] Update Russian (ru-RU) locale (#7291) @VeceluXa
|
|
1635
|
+
- [DataGridPro] Use row ID as `key` of the detail panels (#7311) @m4theushw
|
|
1636
|
+
- [DataGridPremium] Fix `exceljs` import with parcel (#7285) @alexfauquette
|
|
1637
|
+
|
|
1638
|
+
### `@mui/x-date-pickers@v5.0.12` / `@mui/x-date-pickers-pro@v5.0.12`
|
|
1639
|
+
|
|
1640
|
+
#### Changes
|
|
1641
|
+
|
|
1642
|
+
- [pickers] Improve Korean (ko-KR) locale (#7283) @hanbin9775
|
|
1643
|
+
|
|
1510
1644
|
## 5.17.16
|
|
1511
1645
|
|
|
1512
1646
|
_Dec 16, 2022_
|
package/DataGrid/DataGrid.js
CHANGED
|
@@ -155,10 +155,6 @@ DataGridRaw.propTypes = {
|
|
|
155
155
|
* @default "cell"
|
|
156
156
|
*/
|
|
157
157
|
editMode: PropTypes.oneOf(['cell', 'row']),
|
|
158
|
-
/**
|
|
159
|
-
* Set the edit rows model of the grid.
|
|
160
|
-
*/
|
|
161
|
-
editRowsModel: PropTypes.object,
|
|
162
158
|
/**
|
|
163
159
|
* An error that will turn the grid into its error state and display the error component.
|
|
164
160
|
*/
|
|
@@ -407,12 +403,6 @@ DataGridRaw.propTypes = {
|
|
|
407
403
|
* @param {GridCallbackDetails} details Additional details for this callback.
|
|
408
404
|
*/
|
|
409
405
|
onColumnVisibilityModelChange: PropTypes.func,
|
|
410
|
-
/**
|
|
411
|
-
* Callback fired when the `editRowsModel` changes.
|
|
412
|
-
* @param {GridEditRowsModel} editRowsModel With all properties from [[GridEditRowsModel]].
|
|
413
|
-
* @param {GridCallbackDetails} details Additional details for this callback.
|
|
414
|
-
*/
|
|
415
|
-
onEditRowsModelChange: PropTypes.func,
|
|
416
406
|
/**
|
|
417
407
|
* Callback fired when an exception is thrown in the grid.
|
|
418
408
|
* @param {any} args The arguments passed to the `showError` call.
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { GridFilterInputSingleSelect } from '../components/panel/filterPanel/GridFilterInputSingleSelect';
|
|
2
2
|
import { GridFilterInputMultipleSingleSelect } from '../components/panel/filterPanel/GridFilterInputMultipleSingleSelect';
|
|
3
|
+
import { isObject } from '../utils/utils';
|
|
3
4
|
const parseObjectValue = value => {
|
|
4
|
-
if (value == null ||
|
|
5
|
+
if (value == null || !isObject(value)) {
|
|
5
6
|
return value;
|
|
6
7
|
}
|
|
7
8
|
return value.value;
|
|
8
9
|
};
|
|
9
10
|
export const getGridSingleSelectQuickFilterFn = (value, column, apiRef) => {
|
|
11
|
+
var _parseObjectValue;
|
|
10
12
|
if (!value) {
|
|
11
13
|
return null;
|
|
12
14
|
}
|
|
@@ -15,7 +17,7 @@ export const getGridSingleSelectQuickFilterFn = (value, column, apiRef) => {
|
|
|
15
17
|
valueFormatter,
|
|
16
18
|
field
|
|
17
19
|
} = column;
|
|
18
|
-
const potentialValues = [parseObjectValue(value).toString()];
|
|
20
|
+
const potentialValues = [(_parseObjectValue = parseObjectValue(value)) == null ? void 0 : _parseObjectValue.toString()];
|
|
19
21
|
const iterableColumnValues = typeof valueOptions === 'function' ? valueOptions({
|
|
20
22
|
field
|
|
21
23
|
}) : valueOptions || [];
|
|
@@ -49,7 +51,8 @@ export const getGridSingleSelectQuickFilterFn = (value, column, apiRef) => {
|
|
|
49
51
|
return ({
|
|
50
52
|
value: columnValue
|
|
51
53
|
}) => {
|
|
52
|
-
|
|
54
|
+
var _parseObjectValue2;
|
|
55
|
+
return columnValue != null ? potentialValues.includes((_parseObjectValue2 = parseObjectValue(columnValue)) == null ? void 0 : _parseObjectValue2.toString()) : false;
|
|
53
56
|
};
|
|
54
57
|
};
|
|
55
58
|
export const getGridSingleSelectOperators = () => [{
|
package/components/GridRow.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { GridRowId, GridRowModel } from '../models/gridRows';
|
|
3
|
-
import {
|
|
3
|
+
import { GridEditingState } from '../models/gridEditRowModel';
|
|
4
4
|
import { GridStateColDef } from '../models/colDef/gridColDef';
|
|
5
5
|
import { GridCellIdentifier } from '../hooks/features/focus/gridFocusState';
|
|
6
6
|
export interface GridRowProps {
|
|
@@ -19,7 +19,7 @@ export interface GridRowProps {
|
|
|
19
19
|
renderedColumns: GridStateColDef[];
|
|
20
20
|
cellFocus: GridCellIdentifier | null;
|
|
21
21
|
cellTabIndex: GridCellIdentifier | null;
|
|
22
|
-
editRowsState:
|
|
22
|
+
editRowsState: GridEditingState;
|
|
23
23
|
position: 'left' | 'center' | 'right';
|
|
24
24
|
row?: GridRowModel;
|
|
25
25
|
isLastVisible?: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { GridColumnHeaderParams } from '../../models/params/gridColumnHeaderParams';
|
|
3
|
-
declare const GridHeaderCheckbox: React.ForwardRefExoticComponent<GridColumnHeaderParams<
|
|
3
|
+
declare const GridHeaderCheckbox: React.ForwardRefExoticComponent<GridColumnHeaderParams<import("../../models/gridRows").GridValidRowModel, any, any> & React.RefAttributes<HTMLInputElement>>;
|
|
4
4
|
export { GridHeaderCheckbox };
|
|
@@ -14,6 +14,6 @@ export interface GridPanelProps extends React.ComponentProps<typeof GridPanelRoo
|
|
|
14
14
|
open: boolean;
|
|
15
15
|
}
|
|
16
16
|
export declare const gridPanelClasses: Record<keyof GridPanelClasses, string>;
|
|
17
|
-
declare const GridPanelRoot: import("@emotion/styled").StyledComponent<Pick<Pick<import("@mui/material/Popper").PopperProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps"> & React.RefAttributes<HTMLDivElement>, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps" | keyof React.RefAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
18
|
-
declare const GridPanel: React.ForwardRefExoticComponent<Pick<GridPanelProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "key" | "as" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "
|
|
17
|
+
declare const GridPanelRoot: import("@emotion/styled").StyledComponent<Pick<Pick<import("@mui/material/Popper").PopperProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "ownerState" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps"> & React.RefAttributes<HTMLDivElement>, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "ownerState" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps" | keyof React.RefAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
18
|
+
declare const GridPanel: React.ForwardRefExoticComponent<Pick<GridPanelProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "key" | "as" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "theme" | "component" | "sx" | "classes" | "ownerState" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
19
|
export { GridPanel };
|
|
@@ -3,7 +3,7 @@ import { TextFieldProps } from '@mui/material/TextField';
|
|
|
3
3
|
import { GridFilterInputValueProps } from './GridFilterInputValueProps';
|
|
4
4
|
export declare const SUBMIT_FILTER_STROKE_TIME = 500;
|
|
5
5
|
export interface GridTypeFilterInputValueProps extends GridFilterInputValueProps {
|
|
6
|
-
type?: 'text' | 'number' | 'date' | 'datetime-local'
|
|
6
|
+
type?: 'text' | 'number' | 'date' | 'datetime-local';
|
|
7
7
|
}
|
|
8
8
|
declare function GridFilterInputValue(props: GridTypeFilterInputValueProps & TextFieldProps): JSX.Element;
|
|
9
9
|
declare namespace GridFilterInputValue {
|
|
@@ -4,43 +4,12 @@ const _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef"];
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import { unstable_useId as useId } from '@mui/utils';
|
|
7
|
-
import MenuItem from '@mui/material/MenuItem';
|
|
8
7
|
import { GridLoadIcon } from '../../icons';
|
|
9
8
|
import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
|
|
10
|
-
import { getValueFromValueOptions } from './filterPanelUtils';
|
|
11
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
-
const warnedOnce = {};
|
|
13
|
-
function warnDeprecatedTypeSupport(type) {
|
|
14
|
-
console.warn([`MUI: Using GridFilterInputValue with a "${type}" column is deprecated.`, 'Use GridFilterInputSingleSelect instead.'].join('\n'));
|
|
15
|
-
warnedOnce[type] = true;
|
|
16
|
-
}
|
|
17
|
-
const renderSingleSelectOptions = ({
|
|
18
|
-
valueOptions,
|
|
19
|
-
valueFormatter,
|
|
20
|
-
field
|
|
21
|
-
}, api, OptionComponent) => {
|
|
22
|
-
const iterableColumnValues = typeof valueOptions === 'function' ? ['', ...valueOptions({
|
|
23
|
-
field
|
|
24
|
-
})] : ['', ...(valueOptions || [])];
|
|
25
|
-
return iterableColumnValues.map(option => {
|
|
26
|
-
const isOptionTypeObject = typeof option === 'object';
|
|
27
|
-
const key = isOptionTypeObject ? option.value : option;
|
|
28
|
-
const value = isOptionTypeObject ? option.value : option;
|
|
29
|
-
const formattedValue = valueFormatter && option !== '' ? valueFormatter({
|
|
30
|
-
value: option,
|
|
31
|
-
field,
|
|
32
|
-
api
|
|
33
|
-
}) : option;
|
|
34
|
-
const content = isOptionTypeObject ? option.label : formattedValue;
|
|
35
|
-
return /*#__PURE__*/_jsx(OptionComponent, {
|
|
36
|
-
value: value,
|
|
37
|
-
children: content
|
|
38
|
-
}, key);
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
10
|
export const SUBMIT_FILTER_STROKE_TIME = 500;
|
|
42
11
|
function GridFilterInputValue(props) {
|
|
43
|
-
var _item$value, _rootProps$components
|
|
12
|
+
var _item$value, _rootProps$components;
|
|
44
13
|
const {
|
|
45
14
|
item,
|
|
46
15
|
applyValue,
|
|
@@ -49,44 +18,25 @@ function GridFilterInputValue(props) {
|
|
|
49
18
|
focusElementRef
|
|
50
19
|
} = props,
|
|
51
20
|
others = _objectWithoutPropertiesLoose(props, _excluded);
|
|
52
|
-
if (process.env.NODE_ENV !== 'production' && ['date', 'datetime-local', 'singleSelect'].includes(type) && !warnedOnce[type]) {
|
|
53
|
-
warnDeprecatedTypeSupport(type);
|
|
54
|
-
}
|
|
55
21
|
const filterTimeout = React.useRef();
|
|
56
22
|
const [filterValueState, setFilterValueState] = React.useState((_item$value = item.value) != null ? _item$value : '');
|
|
57
23
|
const [applying, setIsApplying] = React.useState(false);
|
|
58
24
|
const id = useId();
|
|
59
25
|
const rootProps = useGridRootProps();
|
|
60
|
-
const baseSelectProps = ((_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.baseSelect) || {};
|
|
61
|
-
const isSelectNative = (_baseSelectProps$nati = baseSelectProps.native) != null ? _baseSelectProps$nati : true;
|
|
62
|
-
const singleSelectProps = type === 'singleSelect' ? {
|
|
63
|
-
select: true,
|
|
64
|
-
SelectProps: _extends({
|
|
65
|
-
native: isSelectNative
|
|
66
|
-
}, (_rootProps$components2 = rootProps.componentsProps) == null ? void 0 : _rootProps$components2.baseSelect),
|
|
67
|
-
children: renderSingleSelectOptions(apiRef.current.getColumn(item.field), apiRef.current, isSelectNative ? 'option' : MenuItem)
|
|
68
|
-
} : {};
|
|
69
26
|
const onFilterChange = React.useCallback(event => {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
const column = apiRef.current.getColumn(item.field);
|
|
74
|
-
const columnValueOptions = typeof column.valueOptions === 'function' ? column.valueOptions({
|
|
75
|
-
field: column.field
|
|
76
|
-
}) : column.valueOptions;
|
|
77
|
-
value = getValueFromValueOptions(value, columnValueOptions);
|
|
78
|
-
}
|
|
27
|
+
const {
|
|
28
|
+
value
|
|
29
|
+
} = event.target;
|
|
79
30
|
clearTimeout(filterTimeout.current);
|
|
80
31
|
setFilterValueState(String(value));
|
|
81
32
|
setIsApplying(true);
|
|
82
|
-
// TODO singleSelect doesn't debounce
|
|
83
33
|
filterTimeout.current = setTimeout(() => {
|
|
84
34
|
applyValue(_extends({}, item, {
|
|
85
35
|
value
|
|
86
36
|
}));
|
|
87
37
|
setIsApplying(false);
|
|
88
38
|
}, SUBMIT_FILTER_STROKE_TIME);
|
|
89
|
-
}, [
|
|
39
|
+
}, [applyValue, item]);
|
|
90
40
|
React.useEffect(() => {
|
|
91
41
|
return () => {
|
|
92
42
|
clearTimeout(filterTimeout.current);
|
|
@@ -113,7 +63,7 @@ function GridFilterInputValue(props) {
|
|
|
113
63
|
shrink: true
|
|
114
64
|
},
|
|
115
65
|
inputRef: focusElementRef
|
|
116
|
-
},
|
|
66
|
+
}, others, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.baseTextField));
|
|
117
67
|
}
|
|
118
68
|
process.env.NODE_ENV !== "production" ? GridFilterInputValue.propTypes = {
|
|
119
69
|
// ----------------------------- Warning --------------------------------
|
|
@@ -10,5 +10,5 @@ export interface GridToolbarFilterButtonProps extends Omit<TooltipProps, 'title'
|
|
|
10
10
|
button?: ButtonProps;
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
|
-
declare const GridToolbarFilterButton: React.ForwardRefExoticComponent<Pick<GridToolbarFilterButtonProps, "hidden" | "color" | "style" | "open" | "translate" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onClose" | "sx" | "classes" | "components" | "placement" | "arrow" | "slotProps" | "slots" | "
|
|
13
|
+
declare const GridToolbarFilterButton: React.ForwardRefExoticComponent<Pick<GridToolbarFilterButtonProps, "hidden" | "color" | "style" | "open" | "translate" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onClose" | "sx" | "classes" | "components" | "placement" | "arrow" | "slotProps" | "slots" | "TransitionProps" | "componentsProps" | "TransitionComponent" | "onOpen" | "describeChild" | "disableFocusListener" | "disableHoverListener" | "disableInteractive" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "followCursor" | "leaveDelay" | "leaveTouchDelay" | "PopperComponent" | "PopperProps"> & React.RefAttributes<HTMLButtonElement>>;
|
|
14
14
|
export { GridToolbarFilterButton };
|
|
@@ -18,6 +18,19 @@ function writeToClipboardPolyfill(data) {
|
|
|
18
18
|
document.body.removeChild(span);
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
|
+
function hasNativeSelection(element) {
|
|
22
|
+
var _window$getSelection;
|
|
23
|
+
if (((_window$getSelection = window.getSelection()) == null ? void 0 : _window$getSelection.toString()) !== '') {
|
|
24
|
+
return true;
|
|
25
|
+
}
|
|
26
|
+
if (!element) {
|
|
27
|
+
return false;
|
|
28
|
+
}
|
|
29
|
+
if ((element.selectionEnd || 0) - (element.selectionStart || 0) > 0) {
|
|
30
|
+
return true;
|
|
31
|
+
}
|
|
32
|
+
return false;
|
|
33
|
+
}
|
|
21
34
|
|
|
22
35
|
/**
|
|
23
36
|
* @requires useGridCsvExport (method)
|
|
@@ -41,7 +54,6 @@ export const useGridClipboard = apiRef => {
|
|
|
41
54
|
}
|
|
42
55
|
}, [apiRef]);
|
|
43
56
|
const handleKeydown = React.useCallback(event => {
|
|
44
|
-
var _window$getSelection;
|
|
45
57
|
const isModifierKeyPressed = event.ctrlKey || event.metaKey || event.altKey;
|
|
46
58
|
// event.key === 'c' is not enough as alt+c can lead to ยฉ, รง, or other characters on macOS.
|
|
47
59
|
// event.code === 'KeyC' is not enough as event.code assume a QWERTY keyboard layout which would
|
|
@@ -51,7 +63,7 @@ export const useGridClipboard = apiRef => {
|
|
|
51
63
|
}
|
|
52
64
|
|
|
53
65
|
// Do nothing if there's a native selection
|
|
54
|
-
if ((
|
|
66
|
+
if (hasNativeSelection(event.target)) {
|
|
55
67
|
return;
|
|
56
68
|
}
|
|
57
69
|
apiRef.current.unstable_copySelectedRowsToClipboard(event.altKey);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { GridStateCommunity } from '../../../models/gridStateCommunity';
|
|
2
|
-
export declare const gridEditRowsStateSelector: (state: GridStateCommunity) => import("../../..").
|
|
2
|
+
export declare const gridEditRowsStateSelector: (state: GridStateCommunity) => import("../../..").GridEditingState;
|
|
@@ -91,6 +91,8 @@ export const useGridPrintExport = (apiRef, props) => {
|
|
|
91
91
|
// Allow to overflow to not hide the border of the last row
|
|
92
92
|
const gridMain = gridClone.querySelector(`.${gridClasses.main}`);
|
|
93
93
|
gridMain.style.overflow = 'visible';
|
|
94
|
+
// See https://support.google.com/chrome/thread/191619088?hl=en&msgid=193009642
|
|
95
|
+
gridMain.style.contain = 'size';
|
|
94
96
|
const columnHeaders = gridClone.querySelector(`.${gridClasses.columnHeaders}`);
|
|
95
97
|
const columnHeadersInner = columnHeaders.querySelector(`.${gridClasses.columnHeadersInner}`);
|
|
96
98
|
columnHeadersInner.style.width = '100%';
|
|
@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
3
3
|
const _excluded = ["style"];
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import * as ReactDOM from 'react-dom';
|
|
6
|
-
import { unstable_useForkRef as useForkRef } from '@mui/utils';
|
|
6
|
+
import { unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
|
|
7
7
|
import { useGridPrivateApiContext } from '../../utils/useGridPrivateApiContext';
|
|
8
8
|
import { useGridRootProps } from '../../utils/useGridRootProps';
|
|
9
9
|
import { useGridSelector } from '../../utils/useGridSelector';
|
|
@@ -147,7 +147,7 @@ export const useGridVirtualScroller = props => {
|
|
|
147
147
|
lastColumnIndex
|
|
148
148
|
};
|
|
149
149
|
}, [disableVirtualization, getNearestIndexToRender, rowsMeta.positions.length, rootProps.autoHeight, rootProps.rowBuffer, currentPage.rows, columnPositions, visibleColumns.length, apiRef, containerDimensions]);
|
|
150
|
-
|
|
150
|
+
useEnhancedEffect(() => {
|
|
151
151
|
if (disableVirtualization) {
|
|
152
152
|
renderZoneRef.current.style.transform = `translate3d(0px, 0px, 0px)`;
|
|
153
153
|
} else {
|
|
@@ -156,7 +156,7 @@ export const useGridVirtualScroller = props => {
|
|
|
156
156
|
rootRef.current.scrollTop = 0;
|
|
157
157
|
}
|
|
158
158
|
}, [disableVirtualization]);
|
|
159
|
-
|
|
159
|
+
useEnhancedEffect(() => {
|
|
160
160
|
setContainerDimensions({
|
|
161
161
|
width: rootRef.current.clientWidth,
|
|
162
162
|
height: rootRef.current.clientHeight
|
|
@@ -221,7 +221,7 @@ export const useGridVirtualScroller = props => {
|
|
|
221
221
|
});
|
|
222
222
|
prevRenderContext.current = nextRenderContext;
|
|
223
223
|
}, [apiRef, setRenderContext, prevRenderContext, currentPage.rows.length, rootProps.rowBuffer]);
|
|
224
|
-
|
|
224
|
+
useEnhancedEffect(() => {
|
|
225
225
|
if (containerDimensions.width == null) {
|
|
226
226
|
return;
|
|
227
227
|
}
|
package/index.js
CHANGED
|
@@ -157,10 +157,6 @@ DataGridRaw.propTypes = {
|
|
|
157
157
|
* @default "cell"
|
|
158
158
|
*/
|
|
159
159
|
editMode: PropTypes.oneOf(['cell', 'row']),
|
|
160
|
-
/**
|
|
161
|
-
* Set the edit rows model of the grid.
|
|
162
|
-
*/
|
|
163
|
-
editRowsModel: PropTypes.object,
|
|
164
160
|
/**
|
|
165
161
|
* An error that will turn the grid into its error state and display the error component.
|
|
166
162
|
*/
|
|
@@ -409,12 +405,6 @@ DataGridRaw.propTypes = {
|
|
|
409
405
|
* @param {GridCallbackDetails} details Additional details for this callback.
|
|
410
406
|
*/
|
|
411
407
|
onColumnVisibilityModelChange: PropTypes.func,
|
|
412
|
-
/**
|
|
413
|
-
* Callback fired when the `editRowsModel` changes.
|
|
414
|
-
* @param {GridEditRowsModel} editRowsModel With all properties from [[GridEditRowsModel]].
|
|
415
|
-
* @param {GridCallbackDetails} details Additional details for this callback.
|
|
416
|
-
*/
|
|
417
|
-
onEditRowsModelChange: PropTypes.func,
|
|
418
408
|
/**
|
|
419
409
|
* Callback fired when an exception is thrown in the grid.
|
|
420
410
|
* @param {any} args The arguments passed to the `showError` call.
|