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 withStyles from '../styles/withStyles';\nimport { fade } from '../styles/colorManipulator';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n height: 1,\n margin: 0,\n // Reset browser default style.\n border: 'none',\n flexShrink: 0,\n backgroundColor: theme.palette.divider\n },\n\n /* Styles applied to the root element if `absolute={true}`. */\n absolute: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%'\n },\n\n /* Styles applied to the root element if `variant=\"inset\"`. */\n inset: {\n marginLeft: 72\n },\n\n /* Styles applied to the root element if `light={true}`. */\n light: {\n backgroundColor: fade(theme.palette.divider, 0.08)\n },\n\n /* Styles applied to the root element if `variant=\"middle\"`. */\n middle: {\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2)\n },\n\n /* Styles applied to the root element if `orientation=\"vertical\"`. */\n vertical: {\n height: '100%',\n width: 1\n },\n\n /* Styles applied to the root element if `flexItem={true}`. */\n flexItem: {\n alignSelf: 'stretch',\n height: 'auto'\n }\n };\n};\nvar Divider = /*#__PURE__*/React.forwardRef(function Divider(props, ref) {\n var _props$absolute = props.absolute,\n absolute = _props$absolute === void 0 ? false : _props$absolute,\n classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'hr' : _props$component,\n _props$flexItem = props.flexItem,\n flexItem = _props$flexItem === void 0 ? false : _props$flexItem,\n _props$light = props.light,\n light = _props$light === void 0 ? false : _props$light,\n _props$orientation = props.orientation,\n orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,\n _props$role = props.role,\n role = _props$role === void 0 ? Component !== 'hr' ? 'separator' : undefined : _props$role,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'fullWidth' : _props$variant,\n other = _objectWithoutProperties(props, [\"absolute\", \"classes\", \"className\", \"component\", \"flexItem\", \"light\", \"orientation\", \"role\", \"variant\"]);\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className, variant !== 'fullWidth' && classes[variant], absolute && classes.absolute, flexItem && classes.flexItem, light && classes.light, orientation === 'vertical' && classes.vertical),\n role: role,\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Divider.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 * Absolutely position the element.\n */\n absolute: PropTypes.bool,\n\n /**\n * @ignore\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 component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType,\n\n /**\n * If `true`, a vertical divider will have the correct height when used in flex container.\n * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)\n */\n flexItem: PropTypes.bool,\n\n /**\n * If `true`, the divider will have a lighter color.\n */\n light: PropTypes.bool,\n\n /**\n * The divider orientation.\n */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n\n /**\n * @ignore\n */\n role: PropTypes.string,\n\n /**\n * The variant to use.\n */\n variant: PropTypes.oneOf(['fullWidth', 'inset', 'middle'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiDivider'\n})(Divider);","map":{"version":3,"sources":["/Users/holunyeung/Documents/GitHub/Photo_React/photo/node_modules/@material-ui/core/esm/Divider/Divider.js"],"names":["_extends","_objectWithoutProperties","React","PropTypes","clsx","withStyles","fade","styles","theme","root","height","margin","border","flexShrink","backgroundColor","palette","divider","absolute","position","bottom","left","width","inset","marginLeft","light","middle","spacing","marginRight","vertical","flexItem","alignSelf","Divider","forwardRef","props","ref","_props$absolute","classes","className","_props$component","component","Component","_props$flexItem","_props$light","_props$orientation","orientation","_props$role","role","undefined","_props$variant","variant","other","createElement","process","env","NODE_ENV","propTypes","bool","children","node","object","string","elementType","oneOf","name"],"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 withStyles from '../styles/withStyles';\nimport { fade } from '../styles/colorManipulator';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n height: 1,\n margin: 0,\n // Reset browser default style.\n border: 'none',\n flexShrink: 0,\n backgroundColor: theme.palette.divider\n },\n\n /* Styles applied to the root element if `absolute={true}`. */\n absolute: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%'\n },\n\n /* Styles applied to the root element if `variant=\"inset\"`. */\n inset: {\n marginLeft: 72\n },\n\n /* Styles applied to the root element if `light={true}`. */\n light: {\n backgroundColor: fade(theme.palette.divider, 0.08)\n },\n\n /* Styles applied to the root element if `variant=\"middle\"`. */\n middle: {\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2)\n },\n\n /* Styles applied to the root element if `orientation=\"vertical\"`. */\n vertical: {\n height: '100%',\n width: 1\n },\n\n /* Styles applied to the root element if `flexItem={true}`. */\n flexItem: {\n alignSelf: 'stretch',\n height: 'auto'\n }\n };\n};\nvar Divider = /*#__PURE__*/React.forwardRef(function Divider(props, ref) {\n var _props$absolute = props.absolute,\n absolute = _props$absolute === void 0 ? false : _props$absolute,\n classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'hr' : _props$component,\n _props$flexItem = props.flexItem,\n flexItem = _props$flexItem === void 0 ? false : _props$flexItem,\n _props$light = props.light,\n light = _props$light === void 0 ? false : _props$light,\n _props$orientation = props.orientation,\n orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,\n _props$role = props.role,\n role = _props$role === void 0 ? Component !== 'hr' ? 'separator' : undefined : _props$role,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'fullWidth' : _props$variant,\n other = _objectWithoutProperties(props, [\"absolute\", \"classes\", \"className\", \"component\", \"flexItem\", \"light\", \"orientation\", \"role\", \"variant\"]);\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className, variant !== 'fullWidth' && classes[variant], absolute && classes.absolute, flexItem && classes.flexItem, light && classes.light, orientation === 'vertical' && classes.vertical),\n role: role,\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Divider.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 * Absolutely position the element.\n */\n absolute: PropTypes.bool,\n\n /**\n * @ignore\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 component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType,\n\n /**\n * If `true`, a vertical divider will have the correct height when used in flex container.\n * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)\n */\n flexItem: PropTypes.bool,\n\n /**\n * If `true`, the divider will have a lighter color.\n */\n light: PropTypes.bool,\n\n /**\n * The divider orientation.\n */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n\n /**\n * @ignore\n */\n role: PropTypes.string,\n\n /**\n * The variant to use.\n */\n variant: PropTypes.oneOf(['fullWidth', 'inset', 'middle'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiDivider'\n})(Divider);"]},"metadata":{},"sourceType":"module"}
|