@mui/lab 5.0.0-alpha.57 → 5.0.0-alpha.61

package/node/TabPanel/TabPanel.js

@@ -111,7 +111,7 @@ process.env.NODE_ENV !== "production" ? TabPanel.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when

package/node/Timeline/Timeline.js

@@ -130,7 +130,7 @@ process.env.NODE_ENV !== "production" ? Timeline.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 /**
  *

package/node/TimelineConnector/TimelineConnector.js

@@ -97,7 +97,7 @@ process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = TimelineConnector;
 exports.default = _default;

package/node/TimelineContent/TimelineContent.js

@@ -115,7 +115,7 @@ process.env.NODE_ENV !== "production" ? TimelineContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = TimelineContent;
 exports.default = _default;

package/node/TimelineDot/TimelineDot.js

@@ -136,7 +136,7 @@ process.env.NODE_ENV !== "production" ? TimelineDot.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The dot can appear filled or outlined.

package/node/TimelineItem/TimelineItem.js

@@ -152,7 +152,7 @@ process.env.NODE_ENV !== "production" ? TimelineItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = TimelineItem;
 exports.default = _default;

package/node/TimelineOppositeContent/TimelineOppositeContent.js

@@ -116,7 +116,7 @@ process.env.NODE_ENV !== "production" ? TimelineOppositeContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 TimelineOppositeContent.muiName = 'TimelineOppositeContent';
 var _default = TimelineOppositeContent;

package/node/TimelineSeparator/TimelineSeparator.js

@@ -94,7 +94,7 @@ process.env.NODE_ENV !== "production" ? TimelineSeparator.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = TimelineSeparator;
 exports.default = _default;

package/node/TreeItem/TreeItem.js

@@ -428,7 +428,7 @@ process.env.NODE_ENV !== "production" ? TreeItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.
@@ -439,7 +439,7 @@ process.env.NODE_ENV !== "production" ? TreeItem.propTypes
 
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition) component.
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
    */
   TransitionProps: _propTypes.default.object
 } : void 0;

package/node/TreeView/TreeView.js

@@ -992,7 +992,7 @@ process.env.NODE_ENV !== "production" ? TreeView.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = TreeView;
 exports.default = _default;

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.57
+/** @license MUI v5.0.0-alpha.61
  *
  * 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/wrappers/{StaticWrapper.js → PickerStaticWrapper.js}

@@ -1,25 +1,57 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+exports.getStaticWrapperUtilityClass = getStaticWrapperUtilityClass;
+exports.pickerStaticWrapperClasses = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
 var React = _interopRequireWildcard(require("react"));
 
 var _styles = require("@mui/material/styles");
 
+var _base = require("@mui/base");
+
 var _dimensions = require("../constants/dimensions");
 
 var _WrapperVariantContext = require("./WrapperVariantContext");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+const _excluded = ["displayStaticWrapperAs"];
+
 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); }
 
 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 StaticWrapperRoot = (0, _styles.styled)('div', {
+function getStaticWrapperUtilityClass(slot) {
+  return (0, _base.generateUtilityClass)('MuiPickerStaticWrapper', slot);
+}
+
+const pickerStaticWrapperClasses = (0, _base.generateUtilityClasses)('MuiPickerStaticWrapper', ['root']);
+exports.pickerStaticWrapperClasses = pickerStaticWrapperClasses;
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root']
+  };
+  return (0, _base.unstable_composeClasses)(slots, getStaticWrapperUtilityClass, classes);
+};
+
+const PickerStaticWrapperRoot = (0, _styles.styled)('div', {
+  name: 'MuiPickerStaticWrapper',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root,
   skipSx: true
 })(({
   theme
@@ -31,22 +63,27 @@ const StaticWrapperRoot = (0, _styles.styled)('div', {
   backgroundColor: theme.palette.background.paper
 }));
 
-function StaticWrapper(props) {
+function PickerStaticWrapper(inProps) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiPickerStaticWrapper'
+  });
   const {
-    displayStaticWrapperAs,
-    children
-  } = props;
+    displayStaticWrapperAs
+  } = props,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const classes = useUtilityClasses(props);
   const isStatic = true;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_WrapperVariantContext.IsStaticVariantContext.Provider, {
     value: isStatic,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_WrapperVariantContext.WrapperVariantContext.Provider, {
       value: displayStaticWrapperAs,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StaticWrapperRoot, {
-        children: children
-      })
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PickerStaticWrapperRoot, (0, _extends2.default)({
+        className: classes.root
+      }, other))
     })
   });
 }
 
-var _default = StaticWrapper;
+var _default = PickerStaticWrapper;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.57",
+  "version": "5.0.0-alpha.61",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -23,6 +23,10 @@
     "url": "https://github.com/mui-org/material-ui/issues"
   },
   "homepage": "https://mui.com/components/about-the-lab/",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/mui"
+  },
   "peerDependencies": {
     "@mui/material": "^5.0.0",
     "@types/react": "^16.8.6 || ^17.0.0",
@@ -56,14 +60,14 @@
     "@date-io/dayjs": "^2.11.0",
     "@date-io/luxon": "^2.11.1",
     "@date-io/moment": "^2.11.0",
-    "@mui/base": "5.0.0-alpha.57",
-    "@mui/system": "^5.2.1",
-    "@mui/utils": "^5.2.1",
+    "@mui/base": "5.0.0-alpha.61",
+    "@mui/system": "^5.2.5",
+    "@mui/utils": "^5.2.3",
     "clsx": "^1.1.1",
     "prop-types": "^15.7.2",
     "react-is": "^17.0.2",
     "react-transition-group": "^4.4.2",
-    "rifm": "^0.12.0"
+    "rifm": "^0.12.1"
   },
   "sideEffects": false,
   "publishConfig": {

package/themeAugmentation/components.d.ts

@@ -106,6 +106,11 @@ export interface LabComponents {
     styleOverrides?: ComponentsOverrides['MuiYearPicker'];
     variants?: ComponentsVariants['MuiYearPicker'];
   };
+  MuiPickerStaticWrapper?: {
+    defaultProps?: ComponentsProps['MuiPickerStaticWrapper'];
+    styleOverrides?: ComponentsOverrides['MuiPickerStaticWrapper'];
+    variants?: ComponentsVariants['MuiPickerStaticWrapper'];
+  };
 }
 
 declare module '@mui/material/styles' {

package/themeAugmentation/overrides.d.ts

@@ -17,6 +17,7 @@ import { TimelineSeparatorClassKey } from '../TimelineSeparator';
 import { TreeItemClassKey } from '../TreeItem';
 import { TreeViewClassKey } from '../TreeView';
 import { YearPickerClassKey } from '../YearPicker';
+import { PickerStaticWrapperClassKey } from '../internal/pickers/wrappers/PickerStaticWrapper';
 
 // prettier-ignore
 export interface LabComponentNameToClassKey {
@@ -39,6 +40,7 @@ export interface LabComponentNameToClassKey {
   MuiTreeItem: TreeItemClassKey;
   MuiTreeView: TreeViewClassKey;
   MuiYearPicker: YearPickerClassKey;
+  MuiPickerStaticWrapper: PickerStaticWrapperClassKey;
 }
 
 declare module '@mui/material/styles' {

package/themeAugmentation/props.d.ts

@@ -36,7 +36,7 @@ export interface LabComponentsPropsList {
   MuiCalendarPickerSkeleton: CalendarPickerSkeletonProps;
   MuiClockPicker: ClockPickerProps<unknown>;
   MuiDatePicker: DatePickerProps;
-  MuiDateRangePickerDay: DateRangePickerDayProps;
+  MuiDateRangePickerDay: DateRangePickerDayProps<unknown>;
   MuiDateTimePicker: DateTimePickerProps;
   MuiDesktopDateTimePicker: DesktopDateTimePickerProps;
   MuiDesktopTimePicker: DesktopTimePickerProps;

package/internal/pickers/wrappers/StaticWrapper.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-export interface StaticWrapperProps {
-    children?: React.ReactNode;
-    /**
-     * Force static wrapper inner components to be rendered in mobile or desktop mode.
-     */
-    displayStaticWrapperAs: 'desktop' | 'mobile';
-}
-declare function StaticWrapper(props: StaticWrapperProps): JSX.Element;
-export default StaticWrapper;

package/internal/pickers/wrappers/StaticWrapper.js

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { DIALOG_WIDTH } from '../constants/dimensions';
-import { WrapperVariantContext, IsStaticVariantContext } from './WrapperVariantContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-const StaticWrapperRoot = styled('div', {
-  skipSx: true
-})(({
-  theme
-}) => ({
-  overflow: 'hidden',
-  minWidth: DIALOG_WIDTH,
-  display: 'flex',
-  flexDirection: 'column',
-  backgroundColor: theme.palette.background.paper
-}));
-
-function StaticWrapper(props) {
-  const {
-    displayStaticWrapperAs,
-    children
-  } = props;
-  const isStatic = true;
-  return /*#__PURE__*/_jsx(IsStaticVariantContext.Provider, {
-    value: isStatic,
-    children: /*#__PURE__*/_jsx(WrapperVariantContext.Provider, {
-      value: displayStaticWrapperAs,
-      children: /*#__PURE__*/_jsx(StaticWrapperRoot, {
-        children: children
-      })
-    })
-  });
-}
-
-export default StaticWrapper;

package/legacy/internal/pickers/wrappers/StaticWrapper.js

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { DIALOG_WIDTH } from '../constants/dimensions';
-import { WrapperVariantContext, IsStaticVariantContext } from './WrapperVariantContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-var StaticWrapperRoot = styled('div', {
-  skipSx: true
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    overflow: 'hidden',
-    minWidth: DIALOG_WIDTH,
-    display: 'flex',
-    flexDirection: 'column',
-    backgroundColor: theme.palette.background.paper
-  };
-});
-
-function StaticWrapper(props) {
-  var displayStaticWrapperAs = props.displayStaticWrapperAs,
-      children = props.children;
-  var isStatic = true;
-  return /*#__PURE__*/_jsx(IsStaticVariantContext.Provider, {
-    value: isStatic,
-    children: /*#__PURE__*/_jsx(WrapperVariantContext.Provider, {
-      value: displayStaticWrapperAs,
-      children: /*#__PURE__*/_jsx(StaticWrapperRoot, {
-        children: children
-      })
-    })
-  });
-}
-
-export default StaticWrapper;

package/modern/internal/pickers/wrappers/StaticWrapper.js

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { DIALOG_WIDTH } from '../constants/dimensions';
-import { WrapperVariantContext, IsStaticVariantContext } from './WrapperVariantContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-const StaticWrapperRoot = styled('div', {
-  skipSx: true
-})(({
-  theme
-}) => ({
-  overflow: 'hidden',
-  minWidth: DIALOG_WIDTH,
-  display: 'flex',
-  flexDirection: 'column',
-  backgroundColor: theme.palette.background.paper
-}));
-
-function StaticWrapper(props) {
-  const {
-    displayStaticWrapperAs,
-    children
-  } = props;
-  const isStatic = true;
-  return /*#__PURE__*/_jsx(IsStaticVariantContext.Provider, {
-    value: isStatic,
-    children: /*#__PURE__*/_jsx(WrapperVariantContext.Provider, {
-      value: displayStaticWrapperAs,
-      children: /*#__PURE__*/_jsx(StaticWrapperRoot, {
-        children: children
-      })
-    })
-  });
-}
-
-export default StaticWrapper;