@mui/x-data-grid 7.0.0-alpha.0 → 7.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/CHANGELOG.md +591 -5
  2. package/components/GridPagination.d.ts +2 -2
  3. package/components/toolbar/GridToolbarFilterButton.js +3 -1
  4. package/index.js +1 -1
  5. package/legacy/colDef/gridDefaultColumnTypes.js +2 -3
  6. package/legacy/components/GridPagination.js +3 -4
  7. package/legacy/components/columnHeaders/GridColumnHeadersInner.js +4 -5
  8. package/legacy/components/containers/GridRootStyles.js +69 -70
  9. package/legacy/components/toolbar/GridToolbarFilterButton.js +3 -1
  10. package/legacy/components/toolbar/GridToolbarQuickFilter.js +4 -5
  11. package/legacy/index.js +1 -1
  12. package/legacy/locales/arSD.js +1 -1
  13. package/legacy/locales/heIL.js +1 -2
  14. package/legacy/utils/domUtils.js +0 -14
  15. package/locales/arSD.js +1 -1
  16. package/locales/heIL.js +1 -2
  17. package/modern/components/toolbar/GridToolbarFilterButton.js +3 -1
  18. package/modern/index.js +1 -1
  19. package/modern/locales/arSD.js +1 -1
  20. package/modern/locales/heIL.js +1 -2
  21. package/modern/utils/domUtils.js +0 -14
  22. package/node/components/toolbar/GridToolbarFilterButton.js +3 -1
  23. package/node/index.js +1 -1
  24. package/node/locales/arSD.js +1 -1
  25. package/node/locales/heIL.js +1 -2
  26. package/node/utils/domUtils.js +0 -17
  27. package/package.json +5 -4
  28. package/utils/domUtils.d.ts +0 -3
  29. package/utils/domUtils.js +0 -14
package/components/GridPagination.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- export declare const GridPagination: React.ForwardRefExoticComponent<(Omit<Partial<import("@mui/material/TablePagination").TablePaginationOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("@mui/material/TablePagination").TablePaginationBaseProps, "hidden" | "color" | "page" | "content" | "size" | "style" | "height" | "translate" | "width" | "padding" | "abbr" | "slot" | "title" | "ref" | "colSpan" | "headers" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "rowSpan" | "scope" | "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" | "align" | "valign" | "sx" | "classes" | "variant" | "count" | "getItemAriaLabel" | "onPageChange" | "rowsPerPage" | "showFirstButton" | "showLastButton" | "labelDisplayedRows" | "labelRowsPerPage" | "onRowsPerPageChange" | "rowsPerPageOptions" | "backIconButtonProps" | "nextIconButtonProps" | "sortDirection" | "ActionsComponent" | "SelectProps"> & {
2
+ export declare const GridPagination: React.ForwardRefExoticComponent<(Omit<Partial<import("@mui/material/TablePagination").TablePaginationOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("@mui/material/TablePagination").TablePaginationBaseProps, "hidden" | "color" | "page" | "content" | "size" | "style" | "height" | "translate" | "width" | "padding" | "disabled" | "abbr" | "slot" | "title" | "ref" | "colSpan" | "headers" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "rowSpan" | "scope" | "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" | "align" | "valign" | "sx" | "classes" | "variant" | "slotProps" | "count" | "getItemAriaLabel" | "onPageChange" | "rowsPerPage" | "showFirstButton" | "showLastButton" | "labelDisplayedRows" | "labelRowsPerPage" | "onRowsPerPageChange" | "rowsPerPageOptions" | "backIconButtonProps" | "nextIconButtonProps" | "sortDirection" | "ActionsComponent" | "SelectProps"> & {
3
3
  component?: React.ElementType<any> | undefined;
4
- }>, "ref"> | Omit<Partial<import("@mui/material/TablePagination").TablePaginationOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@mui/material/TablePagination").TablePaginationBaseProps, "ref"> & React.RefAttributes<React.Component<any, any, any>>, "hidden" | "color" | "page" | "content" | "size" | "style" | "height" | "translate" | "width" | "padding" | "abbr" | "slot" | "title" | "ref" | "colSpan" | "headers" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "rowSpan" | "scope" | "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" | "align" | "valign" | "sx" | "classes" | "variant" | "count" | "getItemAriaLabel" | "onPageChange" | "rowsPerPage" | "showFirstButton" | "showLastButton" | "labelDisplayedRows" | "labelRowsPerPage" | "onRowsPerPageChange" | "rowsPerPageOptions" | "backIconButtonProps" | "nextIconButtonProps" | "sortDirection" | "ActionsComponent" | "SelectProps"> & {
4
+ }>, "ref"> | Omit<Partial<import("@mui/material/TablePagination").TablePaginationOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@mui/material/TablePagination").TablePaginationBaseProps, "ref"> & React.RefAttributes<React.Component<any, any, any>>, "hidden" | "color" | "page" | "content" | "size" | "style" | "height" | "translate" | "width" | "padding" | "disabled" | "abbr" | "slot" | "title" | "ref" | "colSpan" | "headers" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "rowSpan" | "scope" | "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" | "align" | "valign" | "sx" | "classes" | "variant" | "slotProps" | "count" | "getItemAriaLabel" | "onPageChange" | "rowsPerPage" | "showFirstButton" | "showLastButton" | "labelDisplayedRows" | "labelRowsPerPage" | "onRowsPerPageChange" | "rowsPerPageOptions" | "backIconButtonProps" | "nextIconButtonProps" | "sortDirection" | "ActionsComponent" | "SelectProps"> & {
5
5
  component?: React.ElementType<any> | undefined;
6
6
  }>, "ref">) & React.RefAttributes<HTMLDivElement>>;
package/components/toolbar/GridToolbarFilterButton.js CHANGED
@@ -130,6 +130,8 @@ process.env.NODE_ENV !== "production" ? GridToolbarFilterButton.propTypes = {
130
130
  * The props used for each slot inside.
131
131
  * @default {}
132
132
  */
133
- componentsProps: PropTypes.object
133
+ componentsProps: PropTypes.shape({
134
+ button: PropTypes.object
135
+ })
134
136
  } : void 0;
135
137
  export { GridToolbarFilterButton };
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid v7.0.0-alpha.0
2
+ * @mui/x-data-grid v7.0.0-alpha.2
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/legacy/colDef/gridDefaultColumnTypes.js CHANGED
@@ -7,14 +7,13 @@ import { GRID_SINGLE_SELECT_COL_DEF } from './gridSingleSelectColDef';
7
7
  import { GRID_ACTIONS_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from './gridActionsColDef';
8
8
  export var DEFAULT_GRID_COL_TYPE_KEY = '__default__';
9
9
  export var getGridDefaultColumnTypes = function getGridDefaultColumnTypes() {
10
- var _nativeColumnTypes;
11
- var nativeColumnTypes = (_nativeColumnTypes = {
10
+ var nativeColumnTypes = _defineProperty(_defineProperty({
12
11
  string: GRID_STRING_COL_DEF,
13
12
  number: GRID_NUMERIC_COL_DEF,
14
13
  date: GRID_DATE_COL_DEF,
15
14
  dateTime: GRID_DATETIME_COL_DEF,
16
15
  boolean: GRID_BOOLEAN_COL_DEF,
17
16
  singleSelect: GRID_SINGLE_SELECT_COL_DEF
18
- }, _defineProperty(_nativeColumnTypes, GRID_ACTIONS_COLUMN_TYPE, GRID_ACTIONS_COL_DEF), _defineProperty(_nativeColumnTypes, DEFAULT_GRID_COL_TYPE_KEY, GRID_STRING_COL_DEF), _nativeColumnTypes);
17
+ }, GRID_ACTIONS_COLUMN_TYPE, GRID_ACTIONS_COL_DEF), DEFAULT_GRID_COL_TYPE_KEY, GRID_STRING_COL_DEF);
19
18
  return nativeColumnTypes;
20
19
  };
package/legacy/components/GridPagination.js CHANGED
@@ -10,17 +10,16 @@ import { gridFilteredTopLevelRowCountSelector } from '../hooks/features/filter';
10
10
  import { gridPaginationModelSelector } from '../hooks/features/pagination/gridPaginationSelector';
11
11
  import { jsx as _jsx } from "react/jsx-runtime";
12
12
  var GridPaginationRoot = styled(TablePagination)(function (_ref) {
13
- var _ref2;
14
13
  var theme = _ref.theme;
15
- return _ref2 = {}, _defineProperty(_ref2, "& .".concat(tablePaginationClasses.selectLabel), _defineProperty({
14
+ return _defineProperty(_defineProperty({}, "& .".concat(tablePaginationClasses.selectLabel), _defineProperty({
16
15
  display: 'none'
17
16
  }, theme.breakpoints.up('sm'), {
18
17
  display: 'block'
19
- })), _defineProperty(_ref2, "& .".concat(tablePaginationClasses.input), _defineProperty({
18
+ })), "& .".concat(tablePaginationClasses.input), _defineProperty({
20
19
  display: 'none'
21
20
  }, theme.breakpoints.up('sm'), {
22
21
  display: 'inline-flex'
23
- })), _ref2;
22
+ }));
24
23
  });
25
24
  export var GridPagination = /*#__PURE__*/React.forwardRef(function GridPagination(props, ref) {
26
25
  var apiRef = useGridApiContext();
package/legacy/components/columnHeaders/GridColumnHeadersInner.js CHANGED
@@ -26,16 +26,15 @@ var GridColumnHeadersInnerRoot = styled('div', {
26
26
  return [_defineProperty({}, "&.".concat(gridClasses.columnHeaderDropZone), styles.columnHeaderDropZone), styles.columnHeadersInner];
27
27
  }
28
28
  })(function () {
29
- var _ref2;
30
- return _ref2 = {
29
+ return _defineProperty(_defineProperty({
31
30
  display: 'flex',
32
31
  alignItems: 'flex-start',
33
32
  flexDirection: 'column'
34
- }, _defineProperty(_ref2, "&.".concat(gridClasses.columnHeaderDropZone, " .").concat(gridClasses.columnHeaderDraggableContainer), {
33
+ }, "&.".concat(gridClasses.columnHeaderDropZone, " .").concat(gridClasses.columnHeaderDraggableContainer), {
35
34
  cursor: 'move'
36
- }), _defineProperty(_ref2, "&.".concat(gridClasses['columnHeadersInner--scrollable'], " .").concat(gridClasses.columnHeader, ":last-child"), {
35
+ }), "&.".concat(gridClasses['columnHeadersInner--scrollable'], " .").concat(gridClasses.columnHeader, ":last-child"), {
37
36
  borderRight: 'none'
38
- }), _ref2;
37
+ });
39
38
  });
40
39
  export var GridColumnHeadersInner = /*#__PURE__*/React.forwardRef(function GridColumnHeadersInner(props, ref) {
41
40
  var _apiRef$current$getRo, _apiRef$current$getRo2;
package/legacy/components/containers/GridRootStyles.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
3
- var _columnHeaderStyles;
4
3
  import { alpha, styled, darken, lighten } from '@mui/material/styles';
5
4
  import { gridClasses } from '../../constants/gridClasses';
6
5
  function getBorderColor(theme) {
@@ -16,13 +15,13 @@ var columnHeadersStyles = _defineProperty({}, ".".concat(gridClasses.columnSepar
16
15
  visibility: 'visible',
17
16
  width: 'auto'
18
17
  });
19
- var columnHeaderStyles = (_columnHeaderStyles = {}, _defineProperty(_columnHeaderStyles, "& .".concat(gridClasses.iconButtonContainer), {
18
+ var columnHeaderStyles = _defineProperty(_defineProperty({}, "& .".concat(gridClasses.iconButtonContainer), {
20
19
  visibility: 'visible',
21
20
  width: 'auto'
22
- }), _defineProperty(_columnHeaderStyles, "& .".concat(gridClasses.menuIcon), {
21
+ }), "& .".concat(gridClasses.menuIcon), {
23
22
  width: 'auto',
24
23
  visibility: 'visible'
25
- }), _columnHeaderStyles);
24
+ });
26
25
  export var GridRootStyles = styled('div', {
27
26
  name: 'MuiDataGrid',
28
27
  slot: 'Root',
@@ -31,7 +30,7 @@ export var GridRootStyles = styled('div', {
31
30
  _defineProperty({}, "& .".concat(gridClasses['cell--withRenderer']), styles['cell--withRenderer']), _defineProperty({}, "& .".concat(gridClasses.cell), styles.cell), _defineProperty({}, "& .".concat(gridClasses['cell--rangeTop']), styles['cell--rangeTop']), _defineProperty({}, "& .".concat(gridClasses['cell--rangeBottom']), styles['cell--rangeBottom']), _defineProperty({}, "& .".concat(gridClasses['cell--rangeLeft']), styles['cell--rangeLeft']), _defineProperty({}, "& .".concat(gridClasses['cell--rangeRight']), styles['cell--rangeRight']), _defineProperty({}, "& .".concat(gridClasses['cell--withRightBorder']), styles['cell--withRightBorder']), _defineProperty({}, "& .".concat(gridClasses.cellContent), styles.cellContent), _defineProperty({}, "& .".concat(gridClasses.cellCheckbox), styles.cellCheckbox), _defineProperty({}, "& .".concat(gridClasses.cellSkeleton), styles.cellSkeleton), _defineProperty({}, "& .".concat(gridClasses.checkboxInput), styles.checkboxInput), _defineProperty({}, "& .".concat(gridClasses['columnHeader--alignCenter']), styles['columnHeader--alignCenter']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--alignLeft']), styles['columnHeader--alignLeft']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--alignRight']), styles['columnHeader--alignRight']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--dragging']), styles['columnHeader--dragging']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--moving']), styles['columnHeader--moving']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--numeric']), styles['columnHeader--numeric']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--sortable']), styles['columnHeader--sortable']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--sorted']), styles['columnHeader--sorted']), _defineProperty({}, "& .".concat(gridClasses['columnHeader--withRightBorder']), styles['columnHeader--withRightBorder']), _defineProperty({}, "& .".concat(gridClasses.columnHeader), styles.columnHeader), _defineProperty({}, "& .".concat(gridClasses.headerFilterRow), styles.headerFilterRow), _defineProperty({}, "& .".concat(gridClasses.columnHeaderCheckbox), styles.columnHeaderCheckbox), _defineProperty({}, "& .".concat(gridClasses.columnHeaderDraggableContainer), styles.columnHeaderDraggableContainer), _defineProperty({}, "& .".concat(gridClasses.columnHeaderTitleContainer), styles.columnHeaderTitleContainer), _defineProperty({}, "& .".concat(gridClasses['columnSeparator--resizable']), styles['columnSeparator--resizable']), _defineProperty({}, "& .".concat(gridClasses['columnSeparator--resizing']), styles['columnSeparator--resizing']), _defineProperty({}, "& .".concat(gridClasses.columnSeparator), styles.columnSeparator), _defineProperty({}, "& .".concat(gridClasses.filterIcon), styles.filterIcon), _defineProperty({}, "& .".concat(gridClasses.iconSeparator), styles.iconSeparator), _defineProperty({}, "& .".concat(gridClasses.menuIcon), styles.menuIcon), _defineProperty({}, "& .".concat(gridClasses.menuIconButton), styles.menuIconButton), _defineProperty({}, "& .".concat(gridClasses.menuOpen), styles.menuOpen), _defineProperty({}, "& .".concat(gridClasses.menuList), styles.menuList), _defineProperty({}, "& .".concat(gridClasses['row--editable']), styles['row--editable']), _defineProperty({}, "& .".concat(gridClasses['row--editing']), styles['row--editing']), _defineProperty({}, "& .".concat(gridClasses['row--dragging']), styles['row--dragging']), _defineProperty({}, "& .".concat(gridClasses.row), styles.row), _defineProperty({}, "& .".concat(gridClasses.rowReorderCellPlaceholder), styles.rowReorderCellPlaceholder), _defineProperty({}, "& .".concat(gridClasses.rowReorderCell), styles.rowReorderCell), _defineProperty({}, "& .".concat(gridClasses['rowReorderCell--draggable']), styles['rowReorderCell--draggable']), _defineProperty({}, "& .".concat(gridClasses.sortIcon), styles.sortIcon), _defineProperty({}, "& .".concat(gridClasses.withBorderColor), styles.withBorderColor), _defineProperty({}, "& .".concat(gridClasses.treeDataGroupingCell), styles.treeDataGroupingCell), _defineProperty({}, "& .".concat(gridClasses.treeDataGroupingCellToggle), styles.treeDataGroupingCellToggle), _defineProperty({}, "& .".concat(gridClasses.detailPanelToggleCell), styles.detailPanelToggleCell), _defineProperty({}, "& .".concat(gridClasses['detailPanelToggleCell--expanded']), styles['detailPanelToggleCell--expanded']), styles.root];
32
31
  }
33
32
  })(function (_ref61) {
34
- var _$concat2, _mediaHoverHover, _mediaHoverNone, _$concat3, _extends2;
33
+ var _extends2;
35
34
  var theme = _ref61.theme;
36
35
  var borderColor = getBorderColor(theme);
37
36
  var radius = theme.shape.borderRadius;
@@ -57,45 +56,45 @@ export var GridRootStyles = styled('div', {
57
56
  minHeight: 0,
58
57
  flexDirection: 'column',
59
58
  overflowAnchor: 'none'
60
- }, _defineProperty(_extends2, "&.".concat(gridClasses.autoHeight), _defineProperty({
59
+ }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "&.".concat(gridClasses.autoHeight), _defineProperty({
61
60
  height: 'auto'
62
61
  }, "& .".concat(gridClasses['row--lastVisible'], " .").concat(gridClasses.cell), {
63
62
  borderBottomColor: 'transparent'
64
- })), _defineProperty(_extends2, "&.".concat(gridClasses.autosizing), (_$concat2 = {}, _defineProperty(_$concat2, "& .".concat(gridClasses.columnHeaderTitleContainerContent, " > *"), {
63
+ })), "&.".concat(gridClasses.autosizing), _defineProperty(_defineProperty({}, "& .".concat(gridClasses.columnHeaderTitleContainerContent, " > *"), {
65
64
  overflow: 'visible !important'
66
- }), _defineProperty(_$concat2, "& .".concat(gridClasses.cell, " > *"), {
65
+ }), "& .".concat(gridClasses.cell, " > *"), {
67
66
  overflow: 'visible !important',
68
67
  whiteSpace: 'nowrap'
69
- }), _$concat2)), _defineProperty(_extends2, "& .".concat(gridClasses['virtualScrollerContent--overflowed'], " .").concat(gridClasses['row--lastVisible'], " .").concat(gridClasses.cell), {
68
+ })), "& .".concat(gridClasses['virtualScrollerContent--overflowed'], " .").concat(gridClasses['row--lastVisible'], " .").concat(gridClasses.cell), {
70
69
  borderBottomColor: 'transparent'
71
- }), _defineProperty(_extends2, "& .".concat(gridClasses.columnHeader, ", & .").concat(gridClasses.cell), {
70
+ }), "& .".concat(gridClasses.columnHeader, ", & .").concat(gridClasses.cell), {
72
71
  WebkitTapHighlightColor: 'transparent',
73
72
  lineHeight: null,
74
73
  padding: '0 10px',
75
74
  boxSizing: 'border-box'
76
- }), _defineProperty(_extends2, "& .".concat(gridClasses.columnHeader, ":focus-within, & .").concat(gridClasses.cell, ":focus-within"), {
75
+ }), "& .".concat(gridClasses.columnHeader, ":focus-within, & .").concat(gridClasses.cell, ":focus-within"), {
77
76
  outline: "solid ".concat(theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / 0.5)") : alpha(theme.palette.primary.main, 0.5), " 1px"),
78
77
  outlineWidth: 1,
79
78
  outlineOffset: -1
80
- }), _defineProperty(_extends2, "& .".concat(gridClasses.columnHeader, ":focus, & .").concat(gridClasses.cell, ":focus"), {
79
+ }), "& .".concat(gridClasses.columnHeader, ":focus, & .").concat(gridClasses.cell, ":focus"), {
81
80
  outline: "solid ".concat(theme.palette.primary.main, " 1px")
82
- }), _defineProperty(_extends2, "& .".concat(gridClasses.columnHeaderCheckbox, ", & .").concat(gridClasses.cellCheckbox), {
81
+ }), "& .".concat(gridClasses.columnHeaderCheckbox, ", & .").concat(gridClasses.cellCheckbox), {
83
82
  padding: 0,
84
83
  justifyContent: 'center',
85
84
  alignItems: 'center'
86
- }), _defineProperty(_extends2, "& .".concat(gridClasses.columnHeader), {
85
+ }), "& .".concat(gridClasses.columnHeader), {
87
86
  position: 'relative',
88
87
  display: 'flex',
89
88
  alignItems: 'center'
90
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--sorted'], " .").concat(gridClasses.iconButtonContainer, ", & .").concat(gridClasses['columnHeader--filtered'], " .").concat(gridClasses.iconButtonContainer), {
89
+ }), "& .".concat(gridClasses['columnHeader--sorted'], " .").concat(gridClasses.iconButtonContainer, ", & .").concat(gridClasses['columnHeader--filtered'], " .").concat(gridClasses.iconButtonContainer), {
91
90
  visibility: 'visible',
92
91
  width: 'auto'
93
- }), _defineProperty(_extends2, "& .".concat(gridClasses.columnHeader, ":not(.").concat(gridClasses['columnHeader--sorted'], ") .").concat(gridClasses.sortIcon), {
92
+ }), "& .".concat(gridClasses.columnHeader, ":not(.").concat(gridClasses['columnHeader--sorted'], ") .").concat(gridClasses.sortIcon), {
94
93
  opacity: 0,
95
94
  transition: theme.transitions.create(['opacity'], {
96
95
  duration: theme.transitions.duration.shorter
97
96
  })
98
- }), _defineProperty(_extends2, "& .".concat(gridClasses.columnHeaderTitleContainer), {
97
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(gridClasses.columnHeaderTitleContainer), {
99
98
  display: 'flex',
100
99
  alignItems: 'center',
101
100
  minWidth: 0,
@@ -104,39 +103,39 @@ export var GridRootStyles = styled('div', {
104
103
  overflow: 'hidden',
105
104
  // to anchor the aggregation label
106
105
  position: 'relative'
107
- }), _defineProperty(_extends2, "& .".concat(gridClasses.columnHeaderTitleContainerContent), {
106
+ }), "& .".concat(gridClasses.columnHeaderTitleContainerContent), {
108
107
  overflow: 'hidden',
109
108
  display: 'flex',
110
109
  alignItems: 'center'
111
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--filledGroup'], " .").concat(gridClasses.columnHeaderTitleContainer), {
110
+ }), "& .".concat(gridClasses['columnHeader--filledGroup'], " .").concat(gridClasses.columnHeaderTitleContainer), {
112
111
  borderBottomWidth: '1px',
113
112
  borderBottomStyle: 'solid',
114
113
  boxSizing: 'border-box'
115
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--filledGroup'], ".").concat(gridClasses['columnHeader--showColumnBorder'], " .").concat(gridClasses.columnHeaderTitleContainer), {
114
+ }), "& .".concat(gridClasses['columnHeader--filledGroup'], ".").concat(gridClasses['columnHeader--showColumnBorder'], " .").concat(gridClasses.columnHeaderTitleContainer), {
116
115
  borderBottom: "none"
117
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--filledGroup'], ".").concat(gridClasses['columnHeader--showColumnBorder']), {
116
+ }), "& .".concat(gridClasses['columnHeader--filledGroup'], ".").concat(gridClasses['columnHeader--showColumnBorder']), {
118
117
  borderBottomWidth: '1px',
119
118
  borderBottomStyle: 'solid',
120
119
  boxSizing: 'border-box'
121
- }), _defineProperty(_extends2, "& .".concat(gridClasses.headerFilterRow), {
120
+ }), "& .".concat(gridClasses.headerFilterRow), {
122
121
  borderTop: "1px solid ".concat(borderColor)
123
- }), _defineProperty(_extends2, "& .".concat(gridClasses.sortIcon, ", & .").concat(gridClasses.filterIcon), {
122
+ }), "& .".concat(gridClasses.sortIcon, ", & .").concat(gridClasses.filterIcon), {
124
123
  fontSize: 'inherit'
125
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--sortable']), {
124
+ }), "& .".concat(gridClasses['columnHeader--sortable']), {
126
125
  cursor: 'pointer'
127
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--alignCenter'], " .").concat(gridClasses.columnHeaderTitleContainer), {
126
+ }), "& .".concat(gridClasses['columnHeader--alignCenter'], " .").concat(gridClasses.columnHeaderTitleContainer), {
128
127
  justifyContent: 'center'
129
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.columnHeaderDraggableContainer, ", & .").concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.columnHeaderTitleContainer), {
128
+ }), "& .".concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.columnHeaderDraggableContainer, ", & .").concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.columnHeaderTitleContainer), {
130
129
  flexDirection: 'row-reverse'
131
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--alignCenter'], " .").concat(gridClasses.menuIcon, ", & .").concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.menuIcon), {
130
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--alignCenter'], " .").concat(gridClasses.menuIcon, ", & .").concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.menuIcon), {
132
131
  marginRight: 'auto',
133
132
  marginLeft: -6
134
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.menuIcon, ", & .").concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.menuIcon), {
133
+ }), "& .".concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.menuIcon, ", & .").concat(gridClasses['columnHeader--alignRight'], " .").concat(gridClasses.menuIcon), {
135
134
  marginRight: 'auto',
136
135
  marginLeft: -10
137
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--moving']), {
136
+ }), "& .".concat(gridClasses['columnHeader--moving']), {
138
137
  backgroundColor: (theme.vars || theme).palette.action.hover
139
- }), _defineProperty(_extends2, "& .".concat(gridClasses.columnSeparator), {
138
+ }), "& .".concat(gridClasses.columnSeparator), {
140
139
  visibility: 'hidden',
141
140
  position: 'absolute',
142
141
  zIndex: 100,
@@ -144,13 +143,13 @@ export var GridRootStyles = styled('div', {
144
143
  flexDirection: 'column',
145
144
  justifyContent: 'center',
146
145
  color: borderColor
147
- }), _defineProperty(_extends2, '@media (hover: hover)', (_mediaHoverHover = {}, _defineProperty(_mediaHoverHover, "& .".concat(gridClasses.columnHeaders, ":hover"), columnHeadersStyles), _defineProperty(_mediaHoverHover, "& .".concat(gridClasses.columnHeader, ":hover"), columnHeaderStyles), _defineProperty(_mediaHoverHover, "& .".concat(gridClasses.columnHeader, ":not(.").concat(gridClasses['columnHeader--sorted'], "):hover .").concat(gridClasses.sortIcon), {
146
+ }), '@media (hover: hover)', _defineProperty(_defineProperty(_defineProperty({}, "& .".concat(gridClasses.columnHeaders, ":hover"), columnHeadersStyles), "& .".concat(gridClasses.columnHeader, ":hover"), columnHeaderStyles), "& .".concat(gridClasses.columnHeader, ":not(.").concat(gridClasses['columnHeader--sorted'], "):hover .").concat(gridClasses.sortIcon), {
148
147
  opacity: 0.5
149
- }), _mediaHoverHover)), _defineProperty(_extends2, '@media (hover: none)', (_mediaHoverNone = {}, _defineProperty(_mediaHoverNone, "& .".concat(gridClasses.columnHeaders), columnHeadersStyles), _defineProperty(_mediaHoverNone, "& .".concat(gridClasses.columnHeader), columnHeaderStyles), _mediaHoverNone)), _defineProperty(_extends2, "& .".concat(gridClasses['columnSeparator--sideLeft']), {
148
+ })), '@media (hover: none)', _defineProperty(_defineProperty({}, "& .".concat(gridClasses.columnHeaders), columnHeadersStyles), "& .".concat(gridClasses.columnHeader), columnHeaderStyles)), "& .".concat(gridClasses['columnSeparator--sideLeft']), {
150
149
  left: -12
151
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnSeparator--sideRight']), {
150
+ }), "& .".concat(gridClasses['columnSeparator--sideRight']), {
152
151
  right: -12
153
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnSeparator--resizable']), (_$concat3 = {
152
+ }), "& .".concat(gridClasses['columnSeparator--resizable']), _defineProperty(_defineProperty({
154
153
  cursor: 'col-resize',
155
154
  touchAction: 'none',
156
155
  '&:hover': {
@@ -160,23 +159,23 @@ export var GridRootStyles = styled('div', {
160
159
  color: borderColor
161
160
  }
162
161
  }
163
- }, _defineProperty(_$concat3, "&.".concat(gridClasses['columnSeparator--resizing']), {
162
+ }, "&.".concat(gridClasses['columnSeparator--resizing']), {
164
163
  color: (theme.vars || theme).palette.text.primary
165
- }), _defineProperty(_$concat3, '& svg', {
164
+ }), '& svg', {
166
165
  pointerEvents: 'none'
167
- }), _$concat3)), _defineProperty(_extends2, "& .".concat(gridClasses.iconSeparator), {
166
+ })), "& .".concat(gridClasses.iconSeparator), {
168
167
  color: 'inherit'
169
- }), _defineProperty(_extends2, "& .".concat(gridClasses.menuIcon), {
168
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(gridClasses.menuIcon), {
170
169
  width: 0,
171
170
  visibility: 'hidden',
172
171
  fontSize: 20,
173
172
  marginRight: -10,
174
173
  display: 'flex',
175
174
  alignItems: 'center'
176
- }), _defineProperty(_extends2, ".".concat(gridClasses.menuOpen), {
175
+ }), ".".concat(gridClasses.menuOpen), {
177
176
  visibility: 'visible',
178
177
  width: 'auto'
179
- }), _defineProperty(_extends2, "& .".concat(gridClasses.row), {
178
+ }), "& .".concat(gridClasses.row), {
180
179
  display: 'flex',
181
180
  width: 'fit-content',
182
181
  breakInside: 'avoid',
@@ -198,7 +197,7 @@ export var GridRootStyles = styled('div', {
198
197
  }
199
198
  }
200
199
  }
201
- }), _defineProperty(_extends2, "& .".concat(gridClasses.cell), {
200
+ }), "& .".concat(gridClasses.cell), {
202
201
  display: 'flex',
203
202
  alignItems: 'center',
204
203
  borderBottom: '1px solid',
@@ -212,17 +211,17 @@ export var GridRootStyles = styled('div', {
212
211
  }
213
212
  }
214
213
  }
215
- }), _defineProperty(_extends2, "&.".concat(gridClasses['root--disableUserSelection'], " .").concat(gridClasses.cell), {
214
+ }), "&.".concat(gridClasses['root--disableUserSelection'], " .").concat(gridClasses.cell), {
216
215
  userSelect: 'none'
217
- }), _defineProperty(_extends2, "& .".concat(gridClasses.row, ":not(.").concat(gridClasses['row--dynamicHeight'], ") > .").concat(gridClasses.cell), {
216
+ }), "& .".concat(gridClasses.row, ":not(.").concat(gridClasses['row--dynamicHeight'], ") > .").concat(gridClasses.cell), {
218
217
  overflow: 'hidden',
219
218
  whiteSpace: 'nowrap'
220
- }), _defineProperty(_extends2, "& .".concat(gridClasses.cellContent), {
219
+ }), "& .".concat(gridClasses.cellContent), {
221
220
  overflow: 'hidden',
222
221
  textOverflow: 'ellipsis'
223
- }), _defineProperty(_extends2, "& .".concat(gridClasses.cell, ".").concat(gridClasses['cell--selectionMode']), {
222
+ }), "& .".concat(gridClasses.cell, ".").concat(gridClasses['cell--selectionMode']), {
224
223
  cursor: 'default'
225
- }), _defineProperty(_extends2, "& .".concat(gridClasses.cell, ".").concat(gridClasses['cell--editing']), {
224
+ }), "& .".concat(gridClasses.cell, ".").concat(gridClasses['cell--editing']), {
226
225
  padding: 1,
227
226
  display: 'flex',
228
227
  boxShadow: theme.shadows[2],
@@ -231,85 +230,85 @@ export var GridRootStyles = styled('div', {
231
230
  outline: "solid ".concat((theme.vars || theme).palette.primary.main, " 1px"),
232
231
  outlineOffset: '-1px'
233
232
  }
234
- }), _defineProperty(_extends2, "& .".concat(gridClasses['row--editing']), {
233
+ }), "& .".concat(gridClasses['row--editing']), {
235
234
  boxShadow: theme.shadows[2]
236
- }), _defineProperty(_extends2, "& .".concat(gridClasses['row--editing'], " .").concat(gridClasses.cell), {
235
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(gridClasses['row--editing'], " .").concat(gridClasses.cell), {
237
236
  boxShadow: theme.shadows[0],
238
237
  backgroundColor: (theme.vars || theme).palette.background.paper
239
- }), _defineProperty(_extends2, "& .".concat(gridClasses.editBooleanCell), {
238
+ }), "& .".concat(gridClasses.editBooleanCell), {
240
239
  display: 'flex',
241
240
  height: '100%',
242
241
  width: '100%',
243
242
  alignItems: 'center',
244
243
  justifyContent: 'center'
245
- }), _defineProperty(_extends2, "& .".concat(gridClasses.booleanCell, "[data-value=\"true\"]"), {
244
+ }), "& .".concat(gridClasses.booleanCell, "[data-value=\"true\"]"), {
246
245
  color: (theme.vars || theme).palette.text.secondary
247
- }), _defineProperty(_extends2, "& .".concat(gridClasses.booleanCell, "[data-value=\"false\"]"), {
246
+ }), "& .".concat(gridClasses.booleanCell, "[data-value=\"false\"]"), {
248
247
  color: (theme.vars || theme).palette.text.disabled
249
- }), _defineProperty(_extends2, "& .".concat(gridClasses.actionsCell), {
248
+ }), "& .".concat(gridClasses.actionsCell), {
250
249
  display: 'inline-flex',
251
250
  alignItems: 'center',
252
251
  gridGap: theme.spacing(1)
253
- }), _defineProperty(_extends2, "& .".concat(gridClasses.rowReorderCell), {
252
+ }), "& .".concat(gridClasses.rowReorderCell), {
254
253
  display: 'inline-flex',
255
254
  flex: 1,
256
255
  alignItems: 'center',
257
256
  justifyContent: 'center',
258
257
  opacity: (theme.vars || theme).palette.action.disabledOpacity
259
- }), _defineProperty(_extends2, "& .".concat(gridClasses['rowReorderCell--draggable']), {
258
+ }), "& .".concat(gridClasses['rowReorderCell--draggable']), {
260
259
  cursor: 'move',
261
260
  opacity: 1
262
- }), _defineProperty(_extends2, "& .".concat(gridClasses.rowReorderCellContainer), {
261
+ }), "& .".concat(gridClasses.rowReorderCellContainer), {
263
262
  padding: 0,
264
263
  alignItems: 'stretch'
265
- }), _defineProperty(_extends2, ".".concat(gridClasses.withBorderColor), {
264
+ }), ".".concat(gridClasses.withBorderColor), {
266
265
  borderColor: borderColor
267
- }), _defineProperty(_extends2, "& .".concat(gridClasses['cell--withRightBorder']), {
266
+ }), "& .".concat(gridClasses['cell--withRightBorder']), {
268
267
  borderRightWidth: '1px',
269
268
  borderRightStyle: 'solid'
270
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--withRightBorder']), {
269
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--withRightBorder']), {
271
270
  borderRightWidth: '1px',
272
271
  borderRightStyle: 'solid'
273
- }), _defineProperty(_extends2, "& .".concat(gridClasses['cell--textLeft']), {
272
+ }), "& .".concat(gridClasses['cell--textLeft']), {
274
273
  justifyContent: 'flex-start'
275
- }), _defineProperty(_extends2, "& .".concat(gridClasses['cell--textRight']), {
274
+ }), "& .".concat(gridClasses['cell--textRight']), {
276
275
  justifyContent: 'flex-end'
277
- }), _defineProperty(_extends2, "& .".concat(gridClasses['cell--textCenter']), {
276
+ }), "& .".concat(gridClasses['cell--textCenter']), {
278
277
  justifyContent: 'center'
279
- }), _defineProperty(_extends2, "& .".concat(gridClasses.columnHeaderDraggableContainer), {
278
+ }), "& .".concat(gridClasses.columnHeaderDraggableContainer), {
280
279
  display: 'flex',
281
280
  width: '100%',
282
281
  height: '100%'
283
- }), _defineProperty(_extends2, "& .".concat(gridClasses.rowReorderCellPlaceholder), {
282
+ }), "& .".concat(gridClasses.rowReorderCellPlaceholder), {
284
283
  display: 'none'
285
- }), _defineProperty(_extends2, "& .".concat(gridClasses['columnHeader--dragging'], ", & .").concat(gridClasses['row--dragging']), {
284
+ }), "& .".concat(gridClasses['columnHeader--dragging'], ", & .").concat(gridClasses['row--dragging']), {
286
285
  background: (theme.vars || theme).palette.background.paper,
287
286
  padding: '0 12px',
288
287
  borderRadius: 'var(--unstable_DataGrid-radius)',
289
288
  opacity: (theme.vars || theme).palette.action.disabledOpacity
290
- }), _defineProperty(_extends2, "& .".concat(gridClasses['row--dragging']), _defineProperty({
289
+ }), "& .".concat(gridClasses['row--dragging']), _defineProperty({
291
290
  background: (theme.vars || theme).palette.background.paper,
292
291
  padding: '0 12px',
293
292
  borderRadius: 'var(--unstable_DataGrid-radius)',
294
293
  opacity: (theme.vars || theme).palette.action.disabledOpacity
295
294
  }, "& .".concat(gridClasses.rowReorderCellPlaceholder), {
296
295
  display: 'flex'
297
- })), _defineProperty(_extends2, "& .".concat(gridClasses.treeDataGroupingCell), {
296
+ })), "& .".concat(gridClasses.treeDataGroupingCell), {
298
297
  display: 'flex',
299
298
  alignItems: 'center',
300
299
  width: '100%'
301
- }), _defineProperty(_extends2, "& .".concat(gridClasses.treeDataGroupingCellToggle), {
300
+ }), "& .".concat(gridClasses.treeDataGroupingCellToggle), {
302
301
  flex: '0 0 28px',
303
302
  alignSelf: 'stretch',
304
303
  marginRight: theme.spacing(2)
305
- }), _defineProperty(_extends2, "& .".concat(gridClasses.groupingCriteriaCell), {
304
+ }), _defineProperty(_defineProperty(_extends2, "& .".concat(gridClasses.groupingCriteriaCell), {
306
305
  display: 'flex',
307
306
  alignItems: 'center',
308
307
  width: '100%'
309
- }), _defineProperty(_extends2, "& .".concat(gridClasses.groupingCriteriaCellToggle), {
308
+ }), "& .".concat(gridClasses.groupingCriteriaCellToggle), {
310
309
  flex: '0 0 28px',
311
310
  alignSelf: 'stretch',
312
311
  marginRight: theme.spacing(2)
313
- }), _extends2));
312
+ })));
314
313
  return gridStyle;
315
314
  });
package/legacy/components/toolbar/GridToolbarFilterButton.js CHANGED
@@ -133,6 +133,8 @@ process.env.NODE_ENV !== "production" ? GridToolbarFilterButton.propTypes = {
133
133
  * The props used for each slot inside.
134
134
  * @default {}
135
135
  */
136
- componentsProps: PropTypes.object
136
+ componentsProps: PropTypes.shape({
137
+ button: PropTypes.object
138
+ })
137
139
  } : void 0;
138
140
  export { GridToolbarFilterButton };
package/legacy/components/toolbar/GridToolbarQuickFilter.js CHANGED
@@ -21,9 +21,8 @@ var GridToolbarQuickFilterRoot = styled(TextField, {
21
21
  return styles.toolbarQuickFilter;
22
22
  }
23
23
  })(function (_ref) {
24
- var _ref2;
25
24
  var theme = _ref.theme;
26
- return _ref2 = {
25
+ return _defineProperty(_defineProperty({
27
26
  width: 'auto',
28
27
  paddingBottom: theme.spacing(0.5),
29
28
  '& input': {
@@ -32,15 +31,15 @@ var GridToolbarQuickFilterRoot = styled(TextField, {
32
31
  '& .MuiInput-underline:before': {
33
32
  borderBottom: "1px solid ".concat((theme.vars || theme).palette.divider)
34
33
  }
35
- }, _defineProperty(_ref2, "& input[type=search]::-ms-clear,\n& input[type=search]::-ms-reveal", {
34
+ }, "& input[type=search]::-ms-clear,\n& input[type=search]::-ms-reveal", {
36
35
  /* clears the 'X' icon from IE */
37
36
  display: 'none',
38
37
  width: 0,
39
38
  height: 0
40
- }), _defineProperty(_ref2, "& input[type=\"search\"]::-webkit-search-decoration,\n & input[type=\"search\"]::-webkit-search-cancel-button,\n & input[type=\"search\"]::-webkit-search-results-button,\n & input[type=\"search\"]::-webkit-search-results-decoration", {
39
+ }), "& input[type=\"search\"]::-webkit-search-decoration,\n & input[type=\"search\"]::-webkit-search-cancel-button,\n & input[type=\"search\"]::-webkit-search-results-button,\n & input[type=\"search\"]::-webkit-search-results-decoration", {
41
40
  /* clears the 'X' icon from Chrome */
42
41
  display: 'none'
43
- }), _ref2;
42
+ });
44
43
  });
45
44
  var defaultSearchValueParser = function defaultSearchValueParser(searchText) {
46
45
  return searchText.split(' ').filter(function (word) {
package/legacy/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid v7.0.0-alpha.0
2
+ * @mui/x-data-grid v7.0.0-alpha.2
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/legacy/locales/arSD.js CHANGED
@@ -95,7 +95,7 @@ var arSDGrid = {
95
95
  // Column menu text
96
96
  columnMenuLabel: 'القائمة',
97
97
  columnMenuShowColumns: 'إظهار الأعمدة',
98
- // columnMenuManageColumns: 'Manage columns',
98
+ columnMenuManageColumns: 'إدارة الأعمدة',
99
99
  columnMenuFilter: 'المرشِح',
100
100
  columnMenuHideColumn: 'إخفاء',
101
101
  columnMenuUnsort: 'الغاء الفرز',
package/legacy/locales/heIL.js CHANGED
@@ -132,8 +132,7 @@ var heILGrid = {
132
132
  // Column pinning text
133
133
  pinToLeft: 'נעץ משמאל',
134
134
  pinToRight: 'נעץ מימין',
135
- // unpin: 'Unpin',
136
-
135
+ unpin: 'הסר נעיצה',
137
136
  // Tree Data
138
137
  treeDataGroupingHeaderName: 'קבוצה',
139
138
  treeDataExpand: 'הרחב',
package/legacy/utils/domUtils.js CHANGED
@@ -5,20 +5,6 @@ export function isOverflown(element) {
5
5
  export function findParentElementFromClassName(elem, className) {
6
6
  return elem.closest(".".concat(className));
7
7
  }
8
- export function getRowEl(cell) {
9
- if (!cell) {
10
- return null;
11
- }
12
- return findParentElementFromClassName(cell, gridClasses.row);
13
- }
14
-
15
- // TODO remove
16
- export function isGridCellRoot(elem) {
17
- return elem != null && elem.classList.contains(gridClasses.cell);
18
- }
19
- export function isGridHeaderCellRoot(elem) {
20
- return elem != null && elem.classList.contains(gridClasses.columnHeader);
21
- }
22
8
  function escapeOperandAttributeSelector(operand) {
23
9
  return operand.replace(/["\\]/g, '\\$&');
24
10
  }
package/locales/arSD.js CHANGED
@@ -93,7 +93,7 @@ const arSDGrid = {
93
93
  // Column menu text
94
94
  columnMenuLabel: 'القائمة',
95
95
  columnMenuShowColumns: 'إظهار الأعمدة',
96
- // columnMenuManageColumns: 'Manage columns',
96
+ columnMenuManageColumns: 'إدارة الأعمدة',
97
97
  columnMenuFilter: 'المرشِح',
98
98
  columnMenuHideColumn: 'إخفاء',
99
99
  columnMenuUnsort: 'الغاء الفرز',