| 1 |
- {"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport Modal from '../Modal';\nimport Backdrop from '../Backdrop';\nimport withStyles from '../styles/withStyles';\nimport Slide from '../Slide';\nimport Paper from '../Paper';\nimport capitalize from '../utils/capitalize';\nimport { duration } from '../styles/transitions';\nimport useTheme from '../styles/useTheme';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {},\n\n /* Styles applied to the root element if `variant=\"permanent or persistent\"`. */\n docked: {\n flex: '0 0 auto'\n },\n\n /* Styles applied to the `Paper` component. */\n paper: {\n overflowY: 'auto',\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n flex: '1 0 auto',\n zIndex: theme.zIndex.drawer,\n WebkitOverflowScrolling: 'touch',\n // Add iOS momentum scrolling.\n // temporary style\n position: 'fixed',\n top: 0,\n // We disable the focus ring for mouse, touch and keyboard users.\n // At some point, it would be better to keep it for keyboard users.\n // :focus-ring CSS pseudo-class will help.\n outline: 0\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"left\"`. */\n paperAnchorLeft: {\n left: 0,\n right: 'auto'\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"right\"`. */\n paperAnchorRight: {\n left: 'auto',\n right: 0\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"top\"`. */\n paperAnchorTop: {\n top: 0,\n left: 0,\n bottom: 'auto',\n right: 0,\n height: 'auto',\n maxHeight: '100%'\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"bottom\"`. */\n paperAnchorBottom: {\n top: 'auto',\n left: 0,\n bottom: 0,\n right: 0,\n height: 'auto',\n maxHeight: '100%'\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"left\"` and `variant` is not \"temporary\". */\n paperAnchorDockedLeft: {\n borderRight: \"1px solid \".concat(theme.palette.divider)\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"top\"` and `variant` is not \"temporary\". */\n paperAnchorDockedTop: {\n borderBottom: \"1px solid \".concat(theme.palette.divider)\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"right\"` and `variant` is not \"temporary\". */\n paperAnchorDockedRight: {\n borderLeft: \"1px solid \".concat(theme.palette.divider)\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"bottom\"` and `variant` is not \"temporary\". */\n paperAnchorDockedBottom: {\n borderTop: \"1px solid \".concat(theme.palette.divider)\n },\n\n /* Styles applied to the `Modal` component. */\n modal: {}\n };\n};\nvar oppositeDirection = {\n left: 'right',\n right: 'left',\n top: 'down',\n bottom: 'up'\n};\nexport function isHorizontal(anchor) {\n return ['left', 'right'].indexOf(anchor) !== -1;\n}\nexport function getAnchor(theme, anchor) {\n return theme.direction === 'rtl' && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;\n}\nvar defaultTransitionDuration = {\n enter: duration.enteringScreen,\n exit: duration.leavingScreen\n};\n/**\n * The props of the [Modal](/api/modal/) component are available\n * when `variant=\"temporary\"` is set.\n */\n\nvar Drawer = /*#__PURE__*/React.forwardRef(function Drawer(props, ref) {\n var _props$anchor = props.anchor,\n anchorProp = _props$anchor === void 0 ? 'left' : _props$anchor,\n BackdropProps = props.BackdropProps,\n children = props.children,\n classes = props.classes,\n className = props.className,\n _props$elevation = props.elevation,\n elevation = _props$elevation === void 0 ? 16 : _props$elevation,\n _props$ModalProps = props.ModalProps;\n _props$ModalProps = _props$ModalProps === void 0 ? {} : _props$ModalProps;\n\n var BackdropPropsProp = _props$ModalProps.BackdropProps,\n ModalProps = _objectWithoutProperties(_props$ModalProps, [\"BackdropProps\"]),\n onClose = props.onClose,\n _props$open = props.open,\n open = _props$open === void 0 ? false : _props$open,\n _props$PaperProps = props.PaperProps,\n PaperProps = _props$PaperProps === void 0 ? {} : _props$PaperProps,\n SlideProps = props.SlideProps,\n _props$TransitionComp = props.TransitionComponent,\n TransitionComponent = _props$TransitionComp === void 0 ? Slide : _props$TransitionComp,\n _props$transitionDura = props.transitionDuration,\n transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'temporary' : _props$variant,\n other = _objectWithoutProperties(props, [\"anchor\", \"BackdropProps\", \"children\", \"classes\", \"className\", \"elevation\", \"ModalProps\", \"onClose\", \"open\", \"PaperProps\", \"SlideProps\", \"TransitionComponent\", \"transitionDuration\", \"variant\"]);\n\n var theme = useTheme(); // Let's assume that the Drawer will always be rendered on user space.\n // We use this state is order to skip the appear transition during the\n // initial mount of the component.\n\n var mounted = React.useRef(false);\n React.useEffect(function () {\n mounted.current = true;\n }, []);\n var anchor = getAnchor(theme, anchorProp);\n var drawer = /*#__PURE__*/React.createElement(Paper, _extends({\n elevation: variant === 'temporary' ? elevation : 0,\n square: true\n }, PaperProps, {\n className: clsx(classes.paper, classes[\"paperAnchor\".concat(capitalize(anchor))], PaperProps.className, variant !== 'temporary' && classes[\"paperAnchorDocked\".concat(capitalize(anchor))])\n }), children);\n\n if (variant === 'permanent') {\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, classes.docked, className),\n ref: ref\n }, other), drawer);\n }\n\n var slidingDrawer = /*#__PURE__*/React.createElement(TransitionComponent, _extends({\n in: open,\n direction: oppositeDirection[anchor],\n timeout: transitionDuration,\n appear: mounted.current\n }, SlideProps), drawer);\n\n if (variant === 'persistent') {\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, classes.docked, className),\n ref: ref\n }, other), slidingDrawer);\n } // variant === temporary\n\n\n return /*#__PURE__*/React.createElement(Modal, _extends({\n BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {\n transitionDuration: transitionDuration\n }),\n BackdropComponent: Backdrop,\n className: clsx(classes.root, classes.modal, className),\n open: open,\n onClose: onClose,\n ref: ref\n }, other, ModalProps), slidingDrawer);\n});\nprocess.env.NODE_ENV !== \"production\" ? Drawer.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * Side from which the drawer will appear.\n */\n anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),\n\n /**\n * @ignore\n */\n BackdropProps: PropTypes.object,\n\n /**\n * The contents of the drawer.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The elevation of the drawer.\n */\n elevation: PropTypes.number,\n\n /**\n * Props applied to the [`Modal`](/api/modal/) element.\n */\n ModalProps: PropTypes.object,\n\n /**\n * Callback fired when the component requests to be closed.\n *\n * @param {object} event The event source of the callback.\n */\n onClose: PropTypes.func,\n\n /**\n * If `true`, the drawer is open.\n */\n open: PropTypes.bool,\n\n /**\n * Props applied to the [`Paper`](/api/paper/) element.\n */\n PaperProps: PropTypes.object,\n\n /**\n * Props applied to the [`Slide`](/api/slide/) element.\n */\n SlideProps: PropTypes.object,\n\n /**\n * The duration for the transition, in milliseconds.\n * You may specify a single timeout for all transitions, or individually with an object.\n */\n transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n appear: PropTypes.number,\n enter: PropTypes.number,\n exit: PropTypes.number\n })]),\n\n /**\n * The variant to use.\n */\n variant: PropTypes.oneOf(['permanent', 'persistent', 'temporary'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiDrawer',\n flip: false\n})(Drawer);","map":{"version":3,"sources":["/Users/holunyeung/Documents/GitHub/Photo_React/photo/node_modules/@material-ui/core/esm/Drawer/Drawer.js"],"names":["_extends","_objectWithoutProperties","React","PropTypes","clsx","Modal","Backdrop","withStyles","Slide","Paper","capitalize","duration","useTheme","styles","theme","root","docked","flex","paper","overflowY","display","flexDirection","height","zIndex","drawer","WebkitOverflowScrolling","position","top","outline","paperAnchorLeft","left","right","paperAnchorRight","paperAnchorTop","bottom","maxHeight","paperAnchorBottom","paperAnchorDockedLeft","borderRight","concat","palette","divider","paperAnchorDockedTop","borderBottom","paperAnchorDockedRight","borderLeft","paperAnchorDockedBottom","borderTop","modal","oppositeDirection","isHorizontal","anchor","indexOf","getAnchor","direction","defaultTransitionDuration","enter","enteringScreen","exit","leavingScreen","Drawer","forwardRef","props","ref","_props$anchor","anchorProp","BackdropProps","children","classes","className","_props$elevation","elevation","_props$ModalProps","ModalProps","BackdropPropsProp","onClose","_props$open","open","_props$PaperProps","PaperProps","SlideProps","_props$TransitionComp","TransitionComponent","_props$transitionDura","transitionDuration","_props$variant","variant","other","mounted","useRef","useEffect","current","createElement","square","slidingDrawer","in","timeout","appear","BackdropComponent","process","env","NODE_ENV","propTypes","oneOf","object","node","string","number","func","bool","oneOfType","shape","name","flip"],"mappings":"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","sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport Modal from '../Modal';\nimport Backdrop from '../Backdrop';\nimport withStyles from '../styles/withStyles';\nimport Slide from '../Slide';\nimport Paper from '../Paper';\nimport capitalize from '../utils/capitalize';\nimport { duration } from '../styles/transitions';\nimport useTheme from '../styles/useTheme';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {},\n\n /* Styles applied to the root element if `variant=\"permanent or persistent\"`. */\n docked: {\n flex: '0 0 auto'\n },\n\n /* Styles applied to the `Paper` component. */\n paper: {\n overflowY: 'auto',\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n flex: '1 0 auto',\n zIndex: theme.zIndex.drawer,\n WebkitOverflowScrolling: 'touch',\n // Add iOS momentum scrolling.\n // temporary style\n position: 'fixed',\n top: 0,\n // We disable the focus ring for mouse, touch and keyboard users.\n // At some point, it would be better to keep it for keyboard users.\n // :focus-ring CSS pseudo-class will help.\n outline: 0\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"left\"`. */\n paperAnchorLeft: {\n left: 0,\n right: 'auto'\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"right\"`. */\n paperAnchorRight: {\n left: 'auto',\n right: 0\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"top\"`. */\n paperAnchorTop: {\n top: 0,\n left: 0,\n bottom: 'auto',\n right: 0,\n height: 'auto',\n maxHeight: '100%'\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"bottom\"`. */\n paperAnchorBottom: {\n top: 'auto',\n left: 0,\n bottom: 0,\n right: 0,\n height: 'auto',\n maxHeight: '100%'\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"left\"` and `variant` is not \"temporary\". */\n paperAnchorDockedLeft: {\n borderRight: \"1px solid \".concat(theme.palette.divider)\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"top\"` and `variant` is not \"temporary\". */\n paperAnchorDockedTop: {\n borderBottom: \"1px solid \".concat(theme.palette.divider)\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"right\"` and `variant` is not \"temporary\". */\n paperAnchorDockedRight: {\n borderLeft: \"1px solid \".concat(theme.palette.divider)\n },\n\n /* Styles applied to the `Paper` component if `anchor=\"bottom\"` and `variant` is not \"temporary\". */\n paperAnchorDockedBottom: {\n borderTop: \"1px solid \".concat(theme.palette.divider)\n },\n\n /* Styles applied to the `Modal` component. */\n modal: {}\n };\n};\nvar oppositeDirection = {\n left: 'right',\n right: 'left',\n top: 'down',\n bottom: 'up'\n};\nexport function isHorizontal(anchor) {\n return ['left', 'right'].indexOf(anchor) !== -1;\n}\nexport function getAnchor(theme, anchor) {\n return theme.direction === 'rtl' && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;\n}\nvar defaultTransitionDuration = {\n enter: duration.enteringScreen,\n exit: duration.leavingScreen\n};\n/**\n * The props of the [Modal](/api/modal/) component are available\n * when `variant=\"temporary\"` is set.\n */\n\nvar Drawer = /*#__PURE__*/React.forwardRef(function Drawer(props, ref) {\n var _props$anchor = props.anchor,\n anchorProp = _props$anchor === void 0 ? 'left' : _props$anchor,\n BackdropProps = props.BackdropProps,\n children = props.children,\n classes = props.classes,\n className = props.className,\n _props$elevation = props.elevation,\n elevation = _props$elevation === void 0 ? 16 : _props$elevation,\n _props$ModalProps = props.ModalProps;\n _props$ModalProps = _props$ModalProps === void 0 ? {} : _props$ModalProps;\n\n var BackdropPropsProp = _props$ModalProps.BackdropProps,\n ModalProps = _objectWithoutProperties(_props$ModalProps, [\"BackdropProps\"]),\n onClose = props.onClose,\n _props$open = props.open,\n open = _props$open === void 0 ? false : _props$open,\n _props$PaperProps = props.PaperProps,\n PaperProps = _props$PaperProps === void 0 ? {} : _props$PaperProps,\n SlideProps = props.SlideProps,\n _props$TransitionComp = props.TransitionComponent,\n TransitionComponent = _props$TransitionComp === void 0 ? Slide : _props$TransitionComp,\n _props$transitionDura = props.transitionDuration,\n transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'temporary' : _props$variant,\n other = _objectWithoutProperties(props, [\"anchor\", \"BackdropProps\", \"children\", \"classes\", \"className\", \"elevation\", \"ModalProps\", \"onClose\", \"open\", \"PaperProps\", \"SlideProps\", \"TransitionComponent\", \"transitionDuration\", \"variant\"]);\n\n var theme = useTheme(); // Let's assume that the Drawer will always be rendered on user space.\n // We use this state is order to skip the appear transition during the\n // initial mount of the component.\n\n var mounted = React.useRef(false);\n React.useEffect(function () {\n mounted.current = true;\n }, []);\n var anchor = getAnchor(theme, anchorProp);\n var drawer = /*#__PURE__*/React.createElement(Paper, _extends({\n elevation: variant === 'temporary' ? elevation : 0,\n square: true\n }, PaperProps, {\n className: clsx(classes.paper, classes[\"paperAnchor\".concat(capitalize(anchor))], PaperProps.className, variant !== 'temporary' && classes[\"paperAnchorDocked\".concat(capitalize(anchor))])\n }), children);\n\n if (variant === 'permanent') {\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, classes.docked, className),\n ref: ref\n }, other), drawer);\n }\n\n var slidingDrawer = /*#__PURE__*/React.createElement(TransitionComponent, _extends({\n in: open,\n direction: oppositeDirection[anchor],\n timeout: transitionDuration,\n appear: mounted.current\n }, SlideProps), drawer);\n\n if (variant === 'persistent') {\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, classes.docked, className),\n ref: ref\n }, other), slidingDrawer);\n } // variant === temporary\n\n\n return /*#__PURE__*/React.createElement(Modal, _extends({\n BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {\n transitionDuration: transitionDuration\n }),\n BackdropComponent: Backdrop,\n className: clsx(classes.root, classes.modal, className),\n open: open,\n onClose: onClose,\n ref: ref\n }, other, ModalProps), slidingDrawer);\n});\nprocess.env.NODE_ENV !== \"production\" ? Drawer.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * Side from which the drawer will appear.\n */\n anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),\n\n /**\n * @ignore\n */\n BackdropProps: PropTypes.object,\n\n /**\n * The contents of the drawer.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The elevation of the drawer.\n */\n elevation: PropTypes.number,\n\n /**\n * Props applied to the [`Modal`](/api/modal/) element.\n */\n ModalProps: PropTypes.object,\n\n /**\n * Callback fired when the component requests to be closed.\n *\n * @param {object} event The event source of the callback.\n */\n onClose: PropTypes.func,\n\n /**\n * If `true`, the drawer is open.\n */\n open: PropTypes.bool,\n\n /**\n * Props applied to the [`Paper`](/api/paper/) element.\n */\n PaperProps: PropTypes.object,\n\n /**\n * Props applied to the [`Slide`](/api/slide/) element.\n */\n SlideProps: PropTypes.object,\n\n /**\n * The duration for the transition, in milliseconds.\n * You may specify a single timeout for all transitions, or individually with an object.\n */\n transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n appear: PropTypes.number,\n enter: PropTypes.number,\n exit: PropTypes.number\n })]),\n\n /**\n * The variant to use.\n */\n variant: PropTypes.oneOf(['permanent', 'persistent', 'temporary'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiDrawer',\n flip: false\n})(Drawer);"]},"metadata":{},"sourceType":"module"}
|
