@mui/material 5.10.16 → 5.11.0

package/SwipeableDrawer/SwipeArea.js

@@ -1,26 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _styled = _interopRequireDefault(require("../styles/styled"));
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-var _Drawer = require("../Drawer/Drawer");
-var _jsxRuntime = require("react/jsx-runtime");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["anchor", "classes", "className", "width", "style"];
-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 SwipeAreaRoot = (0, _styled.default)('div')(({
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import styled from '../styles/styled';
+import capitalize from '../utils/capitalize';
+import { isHorizontal } from '../Drawer/Drawer';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SwipeAreaRoot = styled('div')(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   position: 'fixed',
   top: 0,
   left: 0,
@@ -51,13 +42,13 @@ const SwipeArea = /*#__PURE__*/React.forwardRef(function SwipeArea(props, ref) {
       width,
       style
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SwipeAreaRoot, (0, _extends2.default)({
-    className: (0, _clsx.default)('PrivateSwipeArea-root', classes.root, classes[`anchor${(0, _capitalize.default)(anchor)}`], className),
+  return /*#__PURE__*/_jsx(SwipeAreaRoot, _extends({
+    className: clsx('PrivateSwipeArea-root', classes.root, classes[`anchor${capitalize(anchor)}`], className),
     ref: ref,
-    style: (0, _extends2.default)({
-      [(0, _Drawer.isHorizontal)(anchor) ? 'width' : 'height']: width
+    style: _extends({
+      [isHorizontal(anchor) ? 'width' : 'height']: width
     }, style),
     ownerState: ownerState
   }, other));
@@ -66,24 +57,23 @@ process.env.NODE_ENV !== "production" ? SwipeArea.propTypes = {
   /**
    * Side on which to attach the discovery area.
    */
-  anchor: _propTypes.default.oneOf(['left', 'top', 'right', 'bottom']).isRequired,
+  anchor: PropTypes.oneOf(['left', 'top', 'right', 'bottom']).isRequired,
   /**
    * @ignore
    */
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * @ignore
    */
-  className: _propTypes.default.string,
+  className: PropTypes.string,
   /**
    * @ignore
    */
-  style: _propTypes.default.object,
+  style: PropTypes.object,
   /**
    * The width of the left most (or right most) area in `px` where the
    * drawer can be swiped open from.
    */
-  width: _propTypes.default.number.isRequired
+  width: PropTypes.number.isRequired
 } : void 0;
-var _default = SwipeArea;
-exports.default = _default;
+export default SwipeArea;

package/SwipeableDrawer/SwipeableDrawer.d.ts

@@ -47,8 +47,9 @@ export interface SwipeableDrawerProps extends Omit<DrawerProps, 'onClose' | 'ope
   onOpen: React.ReactEventHandler<{}>;
   /**
    * If `true`, the component is shown.
+   * @default false
    */
-  open: boolean;
+  open?: boolean;
   /**
    * The element is used to intercept the touch events on the edge.
    */

package/SwipeableDrawer/SwipeableDrawer.js

@@ -1,35 +1,27 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.reset = reset;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _reactDom = require("react-dom");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
-var _system = require("@mui/system");
-var _base = require("@mui/base");
-var _Drawer = _interopRequireWildcard(require("../Drawer/Drawer"));
-var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
-var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
-var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
-var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
-var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
-var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-var _utils2 = require("../transitions/utils");
-var _SwipeArea = _interopRequireDefault(require("./SwipeArea"));
-var _jsxRuntime = require("react/jsx-runtime");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["BackdropProps"],
   _excluded2 = ["anchor", "disableBackdropTransition", "disableDiscovery", "disableSwipeToOpen", "hideBackdrop", "hysteresis", "minFlingVelocity", "ModalProps", "onClose", "onOpen", "open", "PaperProps", "SwipeAreaProps", "swipeAreaWidth", "transitionDuration", "variant"];
-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; }
+import * as React from 'react';
+import { flushSync } from 'react-dom';
+import PropTypes from 'prop-types';
+import { elementTypeAcceptingRef } from '@mui/utils';
+import { useThemeProps } from '@mui/system';
+import { NoSsr } from '@mui/base';
+import Drawer, { getAnchor, isHorizontal } from '../Drawer/Drawer';
+import useForkRef from '../utils/useForkRef';
+import ownerDocument from '../utils/ownerDocument';
+import ownerWindow from '../utils/ownerWindow';
+import useEventCallback from '../utils/useEventCallback';
+import useEnhancedEffect from '../utils/useEnhancedEffect';
+import useTheme from '../styles/useTheme';
+import { getTransitionProps } from '../transitions/utils';
+import SwipeArea from './SwipeArea';
+
 // This value is closed to what browsers are using internally to
 // trigger a native scroll.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const UNCERTAINTY_THRESHOLD = 3; // px
 
 // This is the part of the drawer displayed on touch start.
@@ -41,7 +33,7 @@ const DRAG_STARTED_SIGNAL = 20; // px
 let claimedSwipeInstance = null;
 
 // Exported for test purposes.
-function reset() {
+export function reset() {
   claimedSwipeInstance = null;
 }
 function calculateCurrentX(anchor, touches, doc) {
@@ -65,7 +57,7 @@ function getDomTreeShapes(element, rootNode) {
   // Adapted from https://github.com/oliviertassinari/react-swipeable-views/blob/7666de1dba253b896911adf2790ce51467670856/packages/react-swipeable-views/src/SwipeableViews.js#L129
   const domTreeShapes = [];
   while (element && element !== rootNode.parentElement) {
-    const style = (0, _ownerWindow.default)(rootNode).getComputedStyle(element);
+    const style = ownerWindow(rootNode).getComputedStyle(element);
     if (
     // Ignore the scroll children if the element is absolute positioned.
     style.getPropertyValue('position') === 'absolute' ||
@@ -125,11 +117,11 @@ function computeHasNativeHandler({
 }
 const iOS = typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent);
 const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(inProps, ref) {
-  const props = (0, _system.useThemeProps)({
+  const props = useThemeProps({
     name: 'MuiSwipeableDrawer',
     props: inProps
   });
-  const theme = (0, _useTheme.default)();
+  const theme = useTheme();
   const transitionDurationDefault = {
     enter: theme.transitions.duration.enteringScreen,
     exit: theme.transitions.duration.leavingScreen
@@ -147,15 +139,15 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       } = {},
       onClose,
       onOpen,
-      open,
+      open = false,
       PaperProps = {},
       SwipeAreaProps,
       swipeAreaWidth = 20,
       transitionDuration = transitionDurationDefault,
       variant = 'temporary'
     } = props,
-    ModalPropsProp = (0, _objectWithoutPropertiesLoose2.default)(props.ModalProps, _excluded),
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+    ModalPropsProp = _objectWithoutPropertiesLoose(props.ModalProps, _excluded),
+    other = _objectWithoutPropertiesLoose(props, _excluded2);
   const [maybeSwiping, setMaybeSwiping] = React.useState(false);
   const swipeInstance = React.useRef({
     isSwiping: null
@@ -163,14 +155,14 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
   const swipeAreaRef = React.useRef();
   const backdropRef = React.useRef();
   const paperRef = React.useRef();
-  const handleRef = (0, _useForkRef.default)(PaperProps.ref, paperRef);
+  const handleRef = useForkRef(PaperProps.ref, paperRef);
   const touchDetected = React.useRef(false);
 
   // Ref for transition duration based on / to match swipe speed
   const calculatedDurationRef = React.useRef();
 
   // Use a ref so the open value used is always up to date inside useCallback.
-  (0, _useEnhancedEffect.default)(() => {
+  useEnhancedEffect(() => {
     calculatedDurationRef.current = null;
   }, [open]);
   const setPosition = React.useCallback((translate, options = {}) => {
@@ -178,16 +170,16 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       mode = null,
       changeTransition = true
     } = options;
-    const anchorRtl = (0, _Drawer.getAnchor)(theme, anchor);
+    const anchorRtl = getAnchor(theme, anchor);
     const rtlTranslateMultiplier = ['right', 'bottom'].indexOf(anchorRtl) !== -1 ? 1 : -1;
-    const horizontalSwipe = (0, _Drawer.isHorizontal)(anchor);
+    const horizontalSwipe = isHorizontal(anchor);
     const transform = horizontalSwipe ? `translate(${rtlTranslateMultiplier * translate}px, 0)` : `translate(0, ${rtlTranslateMultiplier * translate}px)`;
     const drawerStyle = paperRef.current.style;
     drawerStyle.webkitTransform = transform;
     drawerStyle.transform = transform;
     let transition = '';
     if (mode) {
-      transition = theme.transitions.create('all', (0, _utils2.getTransitionProps)({
+      transition = theme.transitions.create('all', getTransitionProps({
         easing: undefined,
         style: undefined,
         timeout: transitionDuration
@@ -208,13 +200,13 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       }
     }
   }, [anchor, disableBackdropTransition, hideBackdrop, theme, transitionDuration]);
-  const handleBodyTouchEnd = (0, _useEventCallback.default)(nativeEvent => {
+  const handleBodyTouchEnd = useEventCallback(nativeEvent => {
     if (!touchDetected.current) {
       return;
     }
     claimedSwipeInstance = null;
     touchDetected.current = false;
-    (0, _reactDom.flushSync)(() => {
+    flushSync(() => {
       setMaybeSwiping(false);
     });
 
@@ -224,13 +216,13 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       return;
     }
     swipeInstance.current.isSwiping = null;
-    const anchorRtl = (0, _Drawer.getAnchor)(theme, anchor);
-    const horizontal = (0, _Drawer.isHorizontal)(anchor);
+    const anchorRtl = getAnchor(theme, anchor);
+    const horizontal = isHorizontal(anchor);
     let current;
     if (horizontal) {
-      current = calculateCurrentX(anchorRtl, nativeEvent.changedTouches, (0, _ownerDocument.default)(nativeEvent.currentTarget));
+      current = calculateCurrentX(anchorRtl, nativeEvent.changedTouches, ownerDocument(nativeEvent.currentTarget));
     } else {
-      current = calculateCurrentY(anchorRtl, nativeEvent.changedTouches, (0, _ownerWindow.default)(nativeEvent.currentTarget));
+      current = calculateCurrentY(anchorRtl, nativeEvent.changedTouches, ownerWindow(nativeEvent.currentTarget));
     }
     const startLocation = horizontal ? swipeInstance.current.startX : swipeInstance.current.startY;
     const maxTranslate = getMaxTranslate(horizontal, paperRef.current);
@@ -260,7 +252,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       });
     }
   });
-  const handleBodyTouchMove = (0, _useEventCallback.default)(nativeEvent => {
+  const handleBodyTouchMove = useEventCallback(nativeEvent => {
     // the ref may be null when a parent component updates while swiping
     if (!paperRef.current || !touchDetected.current) {
       return;
@@ -270,10 +262,10 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
     if (claimedSwipeInstance !== null && claimedSwipeInstance !== swipeInstance.current) {
       return;
     }
-    const anchorRtl = (0, _Drawer.getAnchor)(theme, anchor);
-    const horizontalSwipe = (0, _Drawer.isHorizontal)(anchor);
-    const currentX = calculateCurrentX(anchorRtl, nativeEvent.touches, (0, _ownerDocument.default)(nativeEvent.currentTarget));
-    const currentY = calculateCurrentY(anchorRtl, nativeEvent.touches, (0, _ownerWindow.default)(nativeEvent.currentTarget));
+    const anchorRtl = getAnchor(theme, anchor);
+    const horizontalSwipe = isHorizontal(anchor);
+    const currentX = calculateCurrentX(anchorRtl, nativeEvent.touches, ownerDocument(nativeEvent.currentTarget));
+    const currentY = calculateCurrentY(anchorRtl, nativeEvent.touches, ownerWindow(nativeEvent.currentTarget));
     if (open && paperRef.current.contains(nativeEvent.target) && claimedSwipeInstance === null) {
       const domTreeShapes = getDomTreeShapes(nativeEvent.target, paperRef.current);
       const hasNativeHandler = computeHasNativeHandler({
@@ -359,7 +351,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
     }
     setPosition(translate);
   });
-  const handleBodyTouchStart = (0, _useEventCallback.default)(nativeEvent => {
+  const handleBodyTouchStart = useEventCallback(nativeEvent => {
     // We are not supposed to handle this touch move.
     // Example of use case: ignore the event if there is a Slider.
     if (nativeEvent.defaultPrevented) {
@@ -375,10 +367,10 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
     if (open && (hideBackdrop || !backdropRef.current.contains(nativeEvent.target)) && !paperRef.current.contains(nativeEvent.target)) {
       return;
     }
-    const anchorRtl = (0, _Drawer.getAnchor)(theme, anchor);
-    const horizontalSwipe = (0, _Drawer.isHorizontal)(anchor);
-    const currentX = calculateCurrentX(anchorRtl, nativeEvent.touches, (0, _ownerDocument.default)(nativeEvent.currentTarget));
-    const currentY = calculateCurrentY(anchorRtl, nativeEvent.touches, (0, _ownerWindow.default)(nativeEvent.currentTarget));
+    const anchorRtl = getAnchor(theme, anchor);
+    const horizontalSwipe = isHorizontal(anchor);
+    const currentX = calculateCurrentX(anchorRtl, nativeEvent.touches, ownerDocument(nativeEvent.currentTarget));
+    const currentY = calculateCurrentY(anchorRtl, nativeEvent.touches, ownerWindow(nativeEvent.currentTarget));
     if (!open) {
       if (disableSwipeToOpen || nativeEvent.target !== swipeAreaRef.current) {
         return;
@@ -395,7 +387,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
     claimedSwipeInstance = null;
     swipeInstance.current.startX = currentX;
     swipeInstance.current.startY = currentY;
-    (0, _reactDom.flushSync)(() => {
+    flushSync(() => {
       setMaybeSwiping(true);
     });
     if (!open && paperRef.current) {
@@ -412,7 +404,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
   });
   React.useEffect(() => {
     if (variant === 'temporary') {
-      const doc = (0, _ownerDocument.default)(paperRef.current);
+      const doc = ownerDocument(paperRef.current);
       doc.addEventListener('touchstart', handleBodyTouchStart);
       // A blocking listener prevents Firefox's navbar to auto-hide on scroll.
       // It only needs to prevent scrolling on the drawer's content when open.
@@ -442,20 +434,20 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       setMaybeSwiping(false);
     }
   }, [open]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Drawer.default, (0, _extends2.default)({
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(Drawer, _extends({
       open: variant === 'temporary' && maybeSwiping ? true : open,
       variant: variant,
-      ModalProps: (0, _extends2.default)({
-        BackdropProps: (0, _extends2.default)({}, BackdropProps, {
+      ModalProps: _extends({
+        BackdropProps: _extends({}, BackdropProps, {
           ref: backdropRef
         })
       }, variant === 'temporary' && {
         keepMounted: true
       }, ModalPropsProp),
       hideBackdrop: hideBackdrop,
-      PaperProps: (0, _extends2.default)({}, PaperProps, {
-        style: (0, _extends2.default)({
+      PaperProps: _extends({}, PaperProps, {
+        style: _extends({
           pointerEvents: variant === 'temporary' && !open ? 'none' : ''
         }, PaperProps.style),
         ref: handleRef
@@ -464,8 +456,8 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       transitionDuration: calculatedDurationRef.current || transitionDuration,
       onClose: onClose,
       ref: ref
-    }, other)), !disableSwipeToOpen && variant === 'temporary' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.NoSsr, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SwipeArea.default, (0, _extends2.default)({
+    }, other)), !disableSwipeToOpen && variant === 'temporary' && /*#__PURE__*/_jsx(NoSsr, {
+      children: /*#__PURE__*/_jsx(SwipeArea, _extends({
         anchor: anchor,
         ref: swipeAreaRef,
         width: swipeAreaWidth
@@ -481,52 +473,52 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
   /**
    * @ignore
    */
-  anchor: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
+  anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
   /**
    * The content of the component.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * Disable the backdrop transition.
    * This can improve the FPS on low-end devices.
    * @default false
    */
-  disableBackdropTransition: _propTypes.default.bool,
+  disableBackdropTransition: PropTypes.bool,
   /**
    * If `true`, touching the screen near the edge of the drawer will not slide in the drawer a bit
    * to promote accidental discovery of the swipe gesture.
    * @default false
    */
-  disableDiscovery: _propTypes.default.bool,
+  disableDiscovery: PropTypes.bool,
   /**
    * If `true`, swipe to open is disabled. This is useful in browsers where swiping triggers
    * navigation actions. Swipe to open is disabled on iOS browsers by default.
    * @default typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent)
    */
-  disableSwipeToOpen: _propTypes.default.bool,
+  disableSwipeToOpen: PropTypes.bool,
   /**
    * @ignore
    */
-  hideBackdrop: _propTypes.default.bool,
+  hideBackdrop: PropTypes.bool,
   /**
    * Affects how far the drawer must be opened/closed to change its state.
    * Specified as percent (0-1) of the width of the drawer
    * @default 0.52
    */
-  hysteresis: _propTypes.default.number,
+  hysteresis: PropTypes.number,
   /**
    * Defines, from which (average) velocity on, the swipe is
    * defined as complete although hysteresis isn't reached.
    * Good threshold is between 250 - 1000 px/s
    * @default 450
    */
-  minFlingVelocity: _propTypes.default.number,
+  minFlingVelocity: PropTypes.number,
   /**
    * @ignore
    */
-  ModalProps: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({
-    BackdropProps: _propTypes.default.shape({
-      component: _utils.elementTypeAcceptingRef
+  ModalProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({
+    BackdropProps: PropTypes.shape({
+      component: elementTypeAcceptingRef
     })
   }),
   /**
@@ -534,34 +526,35 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
    *
    * @param {object} event The event source of the callback.
    */
-  onClose: _propTypes.default.func.isRequired,
+  onClose: PropTypes.func.isRequired,
   /**
    * Callback fired when the component requests to be opened.
    *
    * @param {object} event The event source of the callback.
    */
-  onOpen: _propTypes.default.func.isRequired,
+  onOpen: PropTypes.func.isRequired,
   /**
    * If `true`, the component is shown.
+   * @default false
    */
-  open: _propTypes.default.bool.isRequired,
+  open: PropTypes.bool.isRequired,
   /**
    * @ignore
    */
-  PaperProps: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({
-    component: _utils.elementTypeAcceptingRef,
-    style: _propTypes.default.object
+  PaperProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({
+    component: elementTypeAcceptingRef,
+    style: PropTypes.object
   }),
   /**
    * The element is used to intercept the touch events on the edge.
    */
-  SwipeAreaProps: _propTypes.default.object,
+  SwipeAreaProps: PropTypes.object,
   /**
    * The width of the left most (or right most) area in `px` that
    * the drawer can be swiped open from.
    * @default 20
    */
-  swipeAreaWidth: _propTypes.default.number,
+  swipeAreaWidth: PropTypes.number,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -570,15 +563,14 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  transitionDuration: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
-    appear: _propTypes.default.number,
-    enter: _propTypes.default.number,
-    exit: _propTypes.default.number
+  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    appear: PropTypes.number,
+    enter: PropTypes.number,
+    exit: PropTypes.number
   })]),
   /**
    * @ignore
    */
-  variant: _propTypes.default.oneOf(['permanent', 'persistent', 'temporary'])
+  variant: PropTypes.oneOf(['permanent', 'persistent', 'temporary'])
 } : void 0;
-var _default = SwipeableDrawer;
-exports.default = _default;
+export default SwipeableDrawer;

package/SwipeableDrawer/index.js

@@ -1,13 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _SwipeableDrawer.default;
-  }
-});
-var _SwipeableDrawer = _interopRequireDefault(require("./SwipeableDrawer"));
+export { default } from './SwipeableDrawer';

package/SwipeableDrawer/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../esm/SwipeableDrawer/index.js",
-  "main": "./index.js",
+  "module": "./index.js",
+  "main": "../node/SwipeableDrawer/index.js",
   "types": "./index.d.ts"
 }