@mui/lab 5.0.0-alpha.65 → 5.0.0-alpha.69

package/node/CalendarPicker/PickersCalendarHeader.js

@@ -34,9 +34,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 // tslint:disable-next-line no-relative-import-in-test
-const PickersCalendarHeaderRoot = (0, _styles.styled)('div', {
-  skipSx: true
-})({
+const PickersCalendarHeaderRoot = (0, _styles.styled)('div')({
   display: 'flex',
   alignItems: 'center',
   marginTop: 16,
@@ -47,9 +45,7 @@ const PickersCalendarHeaderRoot = (0, _styles.styled)('div', {
   maxHeight: 30,
   minHeight: 30
 });
-const PickersCalendarHeaderLabel = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const PickersCalendarHeaderLabel = (0, _styles.styled)('div')(({
   theme
 }) => (0, _extends2.default)({
   display: 'flex',
@@ -61,19 +57,13 @@ const PickersCalendarHeaderLabel = (0, _styles.styled)('div', {
 }, theme.typography.body1, {
   fontWeight: theme.typography.fontWeightMedium
 }));
-const PickersCalendarHeaderLabelItem = (0, _styles.styled)('div', {
-  skipSx: true
-})({
+const PickersCalendarHeaderLabelItem = (0, _styles.styled)('div')({
   marginRight: 6
 });
-const PickersCalendarHeaderSwitchViewButton = (0, _styles.styled)(_IconButton.default, {
-  skipSx: true
-})({
+const PickersCalendarHeaderSwitchViewButton = (0, _styles.styled)(_IconButton.default)({
   marginRight: 'auto'
 });
-const PickersCalendarHeaderSwitchView = (0, _styles.styled)(_ArrowDropDown.default, {
-  skipSx: true
-})(({
+const PickersCalendarHeaderSwitchView = (0, _styles.styled)(_ArrowDropDown.default)(({
   theme,
   ownerState
 }) => (0, _extends2.default)({

package/node/CalendarPicker/PickersFadeTransitionGroup.js

@@ -27,9 +27,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const classes = (0, _base.generateUtilityClasses)('PrivatePickersFadeTransitionGroup', ['root']);
 const animationDuration = 500;
-const PickersFadeTransitionGroupRoot = (0, _styles.styled)(_reactTransitionGroup.TransitionGroup, {
-  skipSx: true
-})({
+const PickersFadeTransitionGroupRoot = (0, _styles.styled)(_reactTransitionGroup.TransitionGroup)({
   display: 'block',
   position: 'relative'
 });

package/node/CalendarPicker/PickersSlideTransition.js

@@ -32,9 +32,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const classes = (0, _base.generateUtilityClasses)('PrivatePickersSlideTransition', ['root', 'slideEnter-left', 'slideEnter-right', 'slideEnterActive', 'slideEnterActive', 'slideExit', 'slideExitActiveLeft-left', 'slideExitActiveLeft-right']);
 const slideAnimationDuration = 350;
 exports.slideAnimationDuration = slideAnimationDuration;
-const PickersSlideTransitionRoot = (0, _styles.styled)(_reactTransitionGroup.TransitionGroup, {
-  skipSx: true
-})(({
+const PickersSlideTransitionRoot = (0, _styles.styled)(_reactTransitionGroup.TransitionGroup)(({
   theme
 }) => {
   const slideTransition = theme.transitions.create('transform', {

package/node/ClockPicker/Clock.js

@@ -35,9 +35,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const ClockRoot = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const ClockRoot = (0, _styles.styled)('div')(({
   theme
 }) => ({
   display: 'flex',
@@ -45,9 +43,7 @@ const ClockRoot = (0, _styles.styled)('div', {
   alignItems: 'center',
   margin: theme.spacing(2)
 }));
-const ClockClock = (0, _styles.styled)('div', {
-  skipSx: true
-})({
+const ClockClock = (0, _styles.styled)('div')({
   backgroundColor: 'rgba(0,0,0,.07)',
   borderRadius: '50%',
   height: 220,
@@ -56,9 +52,7 @@ const ClockClock = (0, _styles.styled)('div', {
   position: 'relative',
   pointerEvents: 'none'
 });
-const ClockSquareMask = (0, _styles.styled)('div', {
-  skipSx: true
-})({
+const ClockSquareMask = (0, _styles.styled)('div')({
   width: '100%',
   height: '100%',
   position: 'absolute',
@@ -75,9 +69,7 @@ const ClockSquareMask = (0, _styles.styled)('div', {
     cursor: 'move'
   }
 });
-const ClockPin = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const ClockPin = (0, _styles.styled)('div')(({
   theme
 }) => ({
   width: 6,
@@ -89,9 +81,7 @@ const ClockPin = (0, _styles.styled)('div', {
   left: '50%',
   transform: 'translate(-50%, -50%)'
 }));
-const ClockAmButton = (0, _styles.styled)(_IconButton.default, {
-  skipSx: true
-})(({
+const ClockAmButton = (0, _styles.styled)(_IconButton.default)(({
   theme,
   ownerState
 }) => (0, _extends2.default)({
@@ -106,9 +96,7 @@ const ClockAmButton = (0, _styles.styled)(_IconButton.default, {
     backgroundColor: theme.palette.primary.light
   }
 }));
-const ClockPmButton = (0, _styles.styled)(_IconButton.default, {
-  skipSx: true
-})(({
+const ClockPmButton = (0, _styles.styled)(_IconButton.default)(({
   theme,
   ownerState
 }) => (0, _extends2.default)({

package/node/ClockPicker/ClockNumber.js

@@ -31,9 +31,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const classes = (0, _base.generateUtilityClasses)('PrivateClockNumber', ['selected', 'disabled']);
 exports.classes = classes;
-const ClockNumberRoot = (0, _styles.styled)('span', {
-  skipSx: true
-})(({
+const ClockNumberRoot = (0, _styles.styled)('span')(({
   theme,
   ownerState
 }) => (0, _extends2.default)({
@@ -46,6 +44,7 @@ const ClockNumberRoot = (0, _styles.styled)('span', {
   alignItems: 'center',
   borderRadius: '50%',
   color: theme.palette.text.primary,
+  fontFamily: theme.typography.fontFamily,
   '&:focused': {
     backgroundColor: theme.palette.background.paper
   },

package/node/ClockPicker/ClockPointer.js

@@ -25,9 +25,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const ClockPointerRoot = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const ClockPointerRoot = (0, _styles.styled)('div')(({
   theme,
   ownerState
 }) => (0, _extends2.default)({
@@ -40,9 +38,7 @@ const ClockPointerRoot = (0, _styles.styled)('div', {
 }, ownerState.toAnimateTransform && {
   transition: theme.transitions.create(['transform', 'height'])
 }));
-const ClockPointerThumb = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const ClockPointerThumb = (0, _styles.styled)('div')(({
   theme,
   ownerState
 }) => (0, _extends2.default)({

package/node/DatePicker/DatePicker.js

@@ -64,7 +64,9 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker(inProps, re
   return isDesktop ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopDatePicker.default, (0, _extends2.default)({
     ref: ref,
     PopperProps: PopperProps,
-    TransitionComponent: TransitionComponent
+    TransitionComponent: TransitionComponent,
+    clearText: clearText,
+    clearable: clearable
   }, other)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileDatePicker.default, (0, _extends2.default)({
     ref: ref,
     cancelText: cancelText,

package/node/DatePicker/DatePickerToolbar.js

@@ -34,17 +34,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const classes = (0, _base.generateUtilityClasses)('PrivateDatePickerToolbar', ['penIcon']);
-const DatePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default, {
-  skipSx: true
-})({
+const DatePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default)({
   [`& .${classes.penIcon}`]: {
     position: 'relative',
     top: 4
   }
 });
-const DatePickerToolbarTitle = (0, _styles.styled)(_Typography.default, {
-  skipSx: true
-})(({
+const DatePickerToolbarTitle = (0, _styles.styled)(_Typography.default)(({
   ownerState
 }) => (0, _extends2.default)({}, ownerState.isLandscape && {
   margin: 'auto 16px auto auto'

package/node/DateRangePicker/DateRangePickerInput.js

@@ -31,9 +31,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const DateRangePickerInputRoot = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const DateRangePickerInputRoot = (0, _styles.styled)('div')(({
   theme
 }) => ({
   display: 'flex',

package/node/DateRangePicker/DateRangePickerToolbar.js

@@ -30,17 +30,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const classes = (0, _base.generateUtilityClasses)('PrivateDateRangePickerToolbar', ['penIcon']);
-const DateRangePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default, {
-  skipSx: true
-})({
+const DateRangePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default)({
   [`& .${classes.penIcon}`]: {
     position: 'relative',
     top: 4
   }
 });
-const DateRangePickerToolbarContainer = (0, _styles.styled)('div', {
-  skipSx: true
-})({
+const DateRangePickerToolbarContainer = (0, _styles.styled)('div')({
   display: 'flex'
 });
 /**

package/node/DateRangePicker/DateRangePickerViewDesktop.js

@@ -39,30 +39,22 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const DateRangePickerViewDesktopRoot = (0, _styles.styled)('div', {
-  skipSx: true
-})({
+const DateRangePickerViewDesktopRoot = (0, _styles.styled)('div')({
   display: 'flex',
   flexDirection: 'row'
 });
-const DateRangePickerViewDesktopContainer = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const DateRangePickerViewDesktopContainer = (0, _styles.styled)('div')(({
   theme
 }) => ({
   '&:not(:last-of-type)': {
     borderRight: `2px solid ${theme.palette.divider}`
   }
 }));
-const DateRangePickerViewDesktopCalendar = (0, _styles.styled)(_PickersCalendar.default, {
-  skipSx: true
-})({
+const DateRangePickerViewDesktopCalendar = (0, _styles.styled)(_PickersCalendar.default)({
   minWidth: 312,
   minHeight: 288
 });
-const DateRangePickerViewDesktopArrowSwitcher = (0, _styles.styled)(_PickersArrowSwitcher.default, {
-  skipSx: true
-})({
+const DateRangePickerViewDesktopArrowSwitcher = (0, _styles.styled)(_PickersArrowSwitcher.default)({
   padding: '16px 16px 8px 16px',
   display: 'flex',
   alignItems: 'center',

package/node/DateTimePicker/DateTimePickerTabs.js

@@ -33,7 +33,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const viewToTab = openView => {
   // TODO: what happens if `openView` is `month`?
-  if (openView === 'day' || openView === 'year') {
+  if (['day', 'month', 'year'].includes(openView)) {
     return 'date';
   }
 
@@ -48,9 +48,7 @@ const tabToView = tab => {
   return 'hours';
 };
 
-const DateTimePickerTabsRoot = (0, _styles.styled)(_Tabs.default, {
-  skipSx: true
-})(({
+const DateTimePickerTabsRoot = (0, _styles.styled)(_Tabs.default)(({
   ownerState,
   theme
 }) => (0, _extends2.default)({

package/node/DateTimePicker/DateTimePickerToolbar.js

@@ -40,9 +40,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const classes = (0, _base.generateUtilityClasses)('PrivateDateTimePickerToolbar', ['penIcon']);
-const DateTimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default, {
-  skipSx: true
-})({
+const DateTimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default)({
   paddingLeft: 16,
   paddingRight: 16,
   justifyContent: 'space-around',
@@ -52,21 +50,15 @@ const DateTimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default, {
     right: 8
   }
 });
-const DateTimePickerToolbarDateContainer = (0, _styles.styled)('div', {
-  skipSx: true
-})({
+const DateTimePickerToolbarDateContainer = (0, _styles.styled)('div')({
   display: 'flex',
   flexDirection: 'column',
   alignItems: 'flex-start'
 });
-const DateTimePickerToolbarTimeContainer = (0, _styles.styled)('div', {
-  skipSx: true
-})({
+const DateTimePickerToolbarTimeContainer = (0, _styles.styled)('div')({
   display: 'flex'
 });
-const DateTimePickerToolbarSeparator = (0, _styles.styled)(_PickersToolbarText.default, {
-  skipSx: true
-})({
+const DateTimePickerToolbarSeparator = (0, _styles.styled)(_PickersToolbarText.default)({
   margin: '0 4px 0 2px',
   cursor: 'default'
 });

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -33,7 +33,7 @@ var _usePickerState = require("../internal/pickers/hooks/usePickerState");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["onChange", "PopperProps", "PaperProps", "ToolbarComponent", "TransitionComponent", "value"];
+const _excluded = ["onChange", "PopperProps", "PaperProps", "ToolbarComponent", "TransitionComponent", "value", "clearText", "clearable"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -68,7 +68,9 @@ const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePick
     PopperProps,
     PaperProps,
     ToolbarComponent = _DatePickerToolbar.default,
-    TransitionComponent
+    TransitionComponent,
+    clearText,
+    clearable
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const AllDateInputProps = (0, _extends2.default)({}, inputProps, other, {
@@ -81,6 +83,8 @@ const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePick
     PopperProps: PopperProps,
     PaperProps: PaperProps,
     TransitionComponent: TransitionComponent,
+    clearText: clearText,
+    clearable: clearable,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, (0, _extends2.default)({}, pickerProps, {
       autoFocus: true,
       toolbarTitle: props.label || props.toolbarTitle,
@@ -124,6 +128,18 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
    */
   className: _propTypes.default.string,
 
+  /**
+   * If `true`, it shows the clear action in the picker dialog.
+   * @default false
+   */
+  clearable: _propTypes.default.bool,
+
+  /**
+   * Clear text message.
+   * @default 'Clear'
+   */
+  clearText: _propTypes.default.node,
+
   /**
    * The components used for each slot.
    * Either a string to use a HTML element or a component.

package/node/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -161,6 +161,18 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
    */
   className: _propTypes.default.string,
 
+  /**
+   * If `true`, it shows the clear action in the picker dialog.
+   * @default false
+   */
+  clearable: _propTypes.default.bool,
+
+  /**
+   * Clear text message.
+   * @default 'Clear'
+   */
+  clearText: _propTypes.default.node,
+
   /**
    * The components used for each slot.
    * Either a string to use a HTML element or a component.

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -134,6 +134,18 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
    */
   className: _propTypes.default.string,
 
+  /**
+   * If `true`, it shows the clear action in the picker dialog.
+   * @default false
+   */
+  clearable: _propTypes.default.bool,
+
+  /**
+   * Clear text message.
+   * @default 'Clear'
+   */
+  clearText: _propTypes.default.node,
+
   /**
    * The components used for each slot.
    * Either a string to use a HTML element or a component.

package/node/DesktopTimePicker/DesktopTimePicker.js

@@ -123,6 +123,18 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
    */
   className: _propTypes.default.string,
 
+  /**
+   * If `true`, it shows the clear action in the picker dialog.
+   * @default false
+   */
+  clearable: _propTypes.default.bool,
+
+  /**
+   * Clear text message.
+   * @default 'Clear'
+   */
+  clearText: _propTypes.default.node,
+
   /**
    * The components used for each slot.
    * Either a string to use a HTML element or a component.

package/node/LoadingButton/LoadingButton.js

@@ -256,7 +256,9 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
    * The variant to use.
    * @default 'text'
    */
-  variant: _propTypes.default.oneOf(['contained', 'outlined', 'text'])
+  variant: _propTypes.default
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([_propTypes.default.oneOf(['contained', 'outlined', 'text']), _propTypes.default.string])
 } : void 0;
 var _default = LoadingButton;
 exports.default = _default;

package/node/MonthPicker/PickersMonth.js

@@ -32,9 +32,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const classes = (0, _base.generateUtilityClasses)('PrivatePickersMonth', ['root', 'selected']);
-const PickersMonthRoot = (0, _styles.styled)(_Typography.default, {
-  skipSx: true
-})(({
+const PickersMonthRoot = (0, _styles.styled)(_Typography.default)(({
   theme
 }) => (0, _extends2.default)({
   flex: '1 0 33.33%',

package/node/TimePicker/TimePickerToolbar.js

@@ -64,23 +64,17 @@ const useUtilityClasses = ownerState => {
   return (0, _base.unstable_composeClasses)(slots, getTimePickerToolbarUtilityClass, classes);
 };
 
-const TimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default, {
-  skipSx: true
-})({
+const TimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default)({
   [`& .${timePickerToolbarClasses.penIconLandscape}`]: {
     marginTop: 'auto'
   }
 });
-const TimePickerToolbarSeparator = (0, _styles.styled)(_PickersToolbarText.default, {
-  skipSx: true
-})({
+const TimePickerToolbarSeparator = (0, _styles.styled)(_PickersToolbarText.default)({
   outline: 0,
   margin: '0 4px 0 2px',
   cursor: 'default'
 });
-const TimePickerToolbarHourMinuteLabel = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const TimePickerToolbarHourMinuteLabel = (0, _styles.styled)('div')(({
   theme,
   ownerState
 }) => (0, _extends2.default)({
@@ -92,9 +86,7 @@ const TimePickerToolbarHourMinuteLabel = (0, _styles.styled)('div', {
 }, theme.direction === 'rtl' && {
   flexDirection: 'row-reverse'
 }));
-const TimePickerToolbarAmPmSelection = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const TimePickerToolbarAmPmSelection = (0, _styles.styled)('div')(({
   ownerState
 }) => (0, _extends2.default)({
   display: 'flex',

package/node/TreeItem/TreeItem.js

@@ -129,7 +129,7 @@ const StyledTreeItemContent = (0, _styles.styled)(_TreeItemContent.default, {
   },
   [`& .${_treeItemClasses.default.label}`]: (0, _extends2.default)({
     width: '100%',
-    // fixes overflow - see https://github.com/mui-org/material-ui/issues/27372
+    // fixes overflow - see https://github.com/mui/material-ui/issues/27372
     minWidth: 0,
     paddingLeft: 4,
     position: 'relative'

package/node/TreeView/TreeView.js

@@ -707,6 +707,10 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
           if (isExpandable(focusedNodeId)) {
             toggleExpansion(event);
             flag = true;
+          } else if (multiSelect) {
+            flag = selectNode(event, focusedNodeId, true);
+          } else {
+            flag = selectNode(event, focusedNodeId);
           }
         }
 

package/node/YearPicker/PickersYear.js

@@ -50,9 +50,7 @@ const useUtilityClasses = ownerState => {
   return (0, _base.unstable_composeClasses)(slots, getPickersYearUtilityClass, classes);
 };
 
-const PickersYearRoot = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const PickersYearRoot = (0, _styles.styled)('div')(({
   ownerState
 }) => (0, _extends2.default)({
   flexBasis: '33.3%',
@@ -62,9 +60,7 @@ const PickersYearRoot = (0, _styles.styled)('div', {
 }, (ownerState == null ? void 0 : ownerState.wrapperVariant) === 'desktop' && {
   flexBasis: '25%'
 }));
-const PickersYearButton = (0, _styles.styled)('button', {
-  skipSx: true
-})(({
+const PickersYearButton = (0, _styles.styled)('button')(({
   theme
 }) => (0, _extends2.default)({
   color: 'unset',

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.65
+/** @license MUI v5.0.0-alpha.69
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/internal/pickers/Picker/Picker.js

@@ -41,9 +41,7 @@ const MobileKeyboardInputView = (0, _styles.styled)('div')({
   padding: '16px 24px'
 });
 exports.MobileKeyboardInputView = MobileKeyboardInputView;
-const PickerRoot = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const PickerRoot = (0, _styles.styled)('div')(({
   ownerState
 }) => (0, _extends2.default)({
   display: 'flex',

package/node/internal/pickers/PickersArrowSwitcher.js

@@ -34,16 +34,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const PickersArrowSwitcherRoot = (0, _styles.styled)('div')({
   display: 'flex'
 });
-const PickersArrowSwitcherSpacer = (0, _styles.styled)('div', {
-  skipSx: true
-})(({
+const PickersArrowSwitcherSpacer = (0, _styles.styled)('div')(({
   theme
 }) => ({
   width: theme.spacing(3)
 }));
-const PickersArrowSwitcherButton = (0, _styles.styled)(_IconButton.default, {
-  skipSx: true
-})(({
+const PickersArrowSwitcherButton = (0, _styles.styled)(_IconButton.default)(({
   ownerState
 }) => (0, _extends2.default)({}, ownerState.hidden && {
   visibility: 'hidden'

package/node/internal/pickers/PickersModalDialog.js

@@ -29,9 +29,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const PickersModalDialogRoot = (0, _styles.styled)(_Dialog.default, {
-  skipSx: true
-})({
+const PickersModalDialogRoot = (0, _styles.styled)(_Dialog.default)({
   [`& .${_Dialog.dialogClasses.container}`]: {
     outline: 0
   },
@@ -40,20 +38,16 @@ const PickersModalDialogRoot = (0, _styles.styled)(_Dialog.default, {
     minWidth: _dimensions.DIALOG_WIDTH
   }
 });
-const PickersModalDialogContent = (0, _styles.styled)(_DialogContent.default, {
-  skipSx: true
-})({
+const PickersModalDialogContent = (0, _styles.styled)(_DialogContent.default)({
   '&:first-of-type': {
     padding: 0
   }
 });
-const PickersModalDialogActions = (0, _styles.styled)(_DialogActions.default, {
-  skipSx: true
-})(({
+const PickersModalDialogActions = (0, _styles.styled)(_DialogActions.default)(({
   ownerState
 }) => (0, _extends2.default)({}, (ownerState.clearable || ownerState.showTodayButton) && {
   // set justifyContent to default value to fix IE11 layout bug
-  // see https://github.com/mui-org/material-ui-pickers/pull/267
+  // see https://github.com/mui/material-ui-pickers/pull/267
   justifyContent: 'flex-start',
   '& > *:first-of-type': {
     marginRight: 'auto'