@mui/material 5.10.0 → 5.10.3

package/SwipeableDrawer/SwipeableDrawer.js

@@ -1,24 +1,54 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"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 _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 _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");
+
 const _excluded = ["BackdropProps"],
       _excluded2 = ["anchor", "disableBackdropTransition", "disableDiscovery", "disableSwipeToOpen", "hideBackdrop", "hysteresis", "minFlingVelocity", "ModalProps", "onClose", "onOpen", "open", "PaperProps", "SwipeAreaProps", "swipeAreaWidth", "transitionDuration", "variant"];
-import * as React from 'react';
-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 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";
+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; }
+
+// This value is closed to what browsers are using internally to
+// trigger a native scroll.
 const UNCERTAINTY_THRESHOLD = 3; // px
 // This is the part of the drawer displayed on touch start.
 
@@ -29,7 +59,7 @@ const DRAG_STARTED_SIGNAL = 20; // px
 
 let claimedSwipeInstance = null; // Exported for test purposes.
 
-export function reset() {
+function reset() {
   claimedSwipeInstance = null;
 }
 
@@ -59,7 +89,7 @@ function getDomTreeShapes(element, rootNode) {
   const domTreeShapes = [];
 
   while (element && element !== rootNode.parentElement) {
-    const style = ownerWindow(rootNode).getComputedStyle(element);
+    const style = (0, _ownerWindow.default)(rootNode).getComputedStyle(element);
 
     if ( // Ignore the scroll children if the element is absolute positioned.
     style.getPropertyValue('position') === 'absolute' || // Ignore the scroll children if the element has an overflowX hidden
@@ -125,16 +155,15 @@ function computeHasNativeHandler({
 
 const iOS = typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent);
 const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _system.useThemeProps)({
     name: 'MuiSwipeableDrawer',
     props: inProps
   });
-  const theme = useTheme();
+  const theme = (0, _useTheme.default)();
   const transitionDurationDefault = {
     enter: theme.transitions.duration.enteringScreen,
     exit: theme.transitions.duration.leavingScreen
   };
-
   const {
     anchor = 'left',
     disableBackdropTransition = false,
@@ -155,9 +184,8 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
     transitionDuration = transitionDurationDefault,
     variant = 'temporary'
   } = props,
-        ModalPropsProp = _objectWithoutPropertiesLoose(props.ModalProps, _excluded),
-        other = _objectWithoutPropertiesLoose(props, _excluded2);
-
+        ModalPropsProp = (0, _objectWithoutPropertiesLoose2.default)(props.ModalProps, _excluded),
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
   const [maybeSwiping, setMaybeSwiping] = React.useState(false);
   const swipeInstance = React.useRef({
     isSwiping: null
@@ -169,7 +197,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
 
   const calculatedDurationRef = React.useRef(); // Use a ref so the open value used is always up to date inside useCallback.
 
-  useEnhancedEffect(() => {
+  (0, _useEnhancedEffect.default)(() => {
     calculatedDurationRef.current = null;
   }, [open]);
   const setPosition = React.useCallback((translate, options = {}) => {
@@ -177,9 +205,9 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       mode = null,
       changeTransition = true
     } = options;
-    const anchorRtl = getAnchor(theme, anchor);
+    const anchorRtl = (0, _Drawer.getAnchor)(theme, anchor);
     const rtlTranslateMultiplier = ['right', 'bottom'].indexOf(anchorRtl) !== -1 ? 1 : -1;
-    const horizontalSwipe = isHorizontal(anchor);
+    const horizontalSwipe = (0, _Drawer.isHorizontal)(anchor);
     const transform = horizontalSwipe ? `translate(${rtlTranslateMultiplier * translate}px, 0)` : `translate(0, ${rtlTranslateMultiplier * translate}px)`;
     const drawerStyle = paperRef.current.style;
     drawerStyle.webkitTransform = transform;
@@ -187,7 +215,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
     let transition = '';
 
     if (mode) {
-      transition = theme.transitions.create('all', getTransitionProps({
+      transition = theme.transitions.create('all', (0, _utils2.getTransitionProps)({
         easing: undefined,
         style: undefined,
         timeout: transitionDuration
@@ -211,7 +239,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       }
     }
   }, [anchor, disableBackdropTransition, hideBackdrop, theme, transitionDuration]);
-  const handleBodyTouchEnd = useEventCallback(nativeEvent => {
+  const handleBodyTouchEnd = (0, _useEventCallback.default)(nativeEvent => {
     if (!touchDetected.current) {
       return;
     }
@@ -226,14 +254,14 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
     }
 
     swipeInstance.current.isSwiping = null;
-    const anchorRtl = getAnchor(theme, anchor);
-    const horizontal = isHorizontal(anchor);
+    const anchorRtl = (0, _Drawer.getAnchor)(theme, anchor);
+    const horizontal = (0, _Drawer.isHorizontal)(anchor);
     let current;
 
     if (horizontal) {
-      current = calculateCurrentX(anchorRtl, nativeEvent.changedTouches, ownerDocument(nativeEvent.currentTarget));
+      current = calculateCurrentX(anchorRtl, nativeEvent.changedTouches, (0, _ownerDocument.default)(nativeEvent.currentTarget));
     } else {
-      current = calculateCurrentY(anchorRtl, nativeEvent.changedTouches, ownerWindow(nativeEvent.currentTarget));
+      current = calculateCurrentY(anchorRtl, nativeEvent.changedTouches, (0, _ownerWindow.default)(nativeEvent.currentTarget));
     }
 
     const startLocation = horizontal ? swipeInstance.current.startX : swipeInstance.current.startY;
@@ -268,7 +296,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       });
     }
   });
-  const handleBodyTouchMove = useEventCallback(nativeEvent => {
+  const handleBodyTouchMove = (0, _useEventCallback.default)(nativeEvent => {
     // the ref may be null when a parent component updates while swiping
     if (!paperRef.current || !touchDetected.current) {
       return;
@@ -279,10 +307,10 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       return;
     }
 
-    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));
+    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));
 
     if (open && paperRef.current.contains(nativeEvent.target) && claimedSwipeInstance === null) {
       const domTreeShapes = getDomTreeShapes(nativeEvent.target, paperRef.current);
@@ -380,7 +408,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
 
     setPosition(translate);
   });
-  const handleBodyTouchStart = useEventCallback(nativeEvent => {
+  const handleBodyTouchStart = (0, _useEventCallback.default)(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) {
@@ -397,10 +425,10 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       return;
     }
 
-    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));
+    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));
 
     if (!open) {
       if (disableSwipeToOpen || nativeEvent.target !== swipeAreaRef.current) {
@@ -437,7 +465,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
   });
   React.useEffect(() => {
     if (variant === 'temporary') {
-      const doc = ownerDocument(paperRef.current);
+      const doc = (0, _ownerDocument.default)(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.
       // When closed, the overlay prevents scrolling.
@@ -468,18 +496,18 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       setMaybeSwiping(false);
     }
   }, [open]);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(Drawer, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Drawer.default, (0, _extends2.default)({
       open: variant === 'temporary' && maybeSwiping ? true : open,
       variant: variant,
-      ModalProps: _extends({
-        BackdropProps: _extends({}, BackdropProps, {
+      ModalProps: (0, _extends2.default)({
+        BackdropProps: (0, _extends2.default)({}, BackdropProps, {
           ref: backdropRef
         })
       }, ModalPropsProp),
       hideBackdrop: hideBackdrop,
-      PaperProps: _extends({}, PaperProps, {
-        style: _extends({
+      PaperProps: (0, _extends2.default)({}, PaperProps, {
+        style: (0, _extends2.default)({
           pointerEvents: variant === 'temporary' && !open ? 'none' : ''
         }, PaperProps.style),
         ref: paperRef
@@ -488,8 +516,8 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       transitionDuration: calculatedDurationRef.current || transitionDuration,
       onClose: onClose,
       ref: ref
-    }, other)), !disableSwipeToOpen && variant === 'temporary' && /*#__PURE__*/_jsx(NoSsr, {
-      children: /*#__PURE__*/_jsx(SwipeArea, _extends({
+    }, other)), !disableSwipeToOpen && variant === 'temporary' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.NoSsr, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SwipeArea.default, (0, _extends2.default)({
         anchor: anchor,
         ref: swipeAreaRef,
         width: swipeAreaWidth
@@ -508,45 +536,45 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes
   /**
    * @ignore
    */
-  anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
+  anchor: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
 
   /**
    * The content of the component.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
 
   /**
    * Disable the backdrop transition.
    * This can improve the FPS on low-end devices.
    * @default false
    */
-  disableBackdropTransition: PropTypes.bool,
+  disableBackdropTransition: _propTypes.default.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.bool,
+  disableDiscovery: _propTypes.default.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.bool,
+  disableSwipeToOpen: _propTypes.default.bool,
 
   /**
    * @ignore
    */
-  hideBackdrop: PropTypes.bool,
+  hideBackdrop: _propTypes.default.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.number,
+  hysteresis: _propTypes.default.number,
 
   /**
    * Defines, from which (average) velocity on, the swipe is
@@ -554,16 +582,16 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes
    * Good threshold is between 250 - 1000 px/s
    * @default 450
    */
-  minFlingVelocity: PropTypes.number,
+  minFlingVelocity: _propTypes.default.number,
 
   /**
    * @ignore
    */
-  ModalProps: PropTypes
+  ModalProps: _propTypes.default
   /* @typescript-to-proptypes-ignore */
   .shape({
-    BackdropProps: PropTypes.shape({
-      component: elementTypeAcceptingRef
+    BackdropProps: _propTypes.default.shape({
+      component: _utils.elementTypeAcceptingRef
     })
   }),
 
@@ -572,41 +600,41 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes
    *
    * @param {object} event The event source of the callback.
    */
-  onClose: PropTypes.func.isRequired,
+  onClose: _propTypes.default.func.isRequired,
 
   /**
    * Callback fired when the component requests to be opened.
    *
    * @param {object} event The event source of the callback.
    */
-  onOpen: PropTypes.func.isRequired,
+  onOpen: _propTypes.default.func.isRequired,
 
   /**
    * If `true`, the component is shown.
    */
-  open: PropTypes.bool.isRequired,
+  open: _propTypes.default.bool.isRequired,
 
   /**
    * @ignore
    */
-  PaperProps: PropTypes
+  PaperProps: _propTypes.default
   /* @typescript-to-proptypes-ignore */
   .shape({
-    component: elementTypeAcceptingRef,
-    style: PropTypes.object
+    component: _utils.elementTypeAcceptingRef,
+    style: _propTypes.default.object
   }),
 
   /**
    * The element is used to intercept the touch events on the edge.
    */
-  SwipeAreaProps: PropTypes.object,
+  SwipeAreaProps: _propTypes.default.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.number,
+  swipeAreaWidth: _propTypes.default.number,
 
   /**
    * The duration for the transition, in milliseconds.
@@ -616,15 +644,16 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    appear: PropTypes.number,
-    enter: PropTypes.number,
-    exit: PropTypes.number
+  transitionDuration: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+    appear: _propTypes.default.number,
+    enter: _propTypes.default.number,
+    exit: _propTypes.default.number
   })]),
 
   /**
    * @ignore
    */
-  variant: PropTypes.oneOf(['permanent', 'persistent', 'temporary'])
+  variant: _propTypes.default.oneOf(['permanent', 'persistent', 'temporary'])
 } : void 0;
-export default SwipeableDrawer;
+var _default = SwipeableDrawer;
+exports.default = _default;

package/SwipeableDrawer/index.js

@@ -1 +1,15 @@
-export { default } from './SwipeableDrawer';
+"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"));

package/SwipeableDrawer/package.json

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