| 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 capitalize from '../utils/capitalize';\nvar RADIUS_STANDARD = 10;\nvar RADIUS_DOT = 4;\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n position: 'relative',\n display: 'inline-flex',\n // For correct alignment with the text.\n verticalAlign: 'middle',\n flexShrink: 0\n },\n\n /* Styles applied to the badge `span` element. */\n badge: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n justifyContent: 'center',\n alignContent: 'center',\n alignItems: 'center',\n position: 'absolute',\n boxSizing: 'border-box',\n fontFamily: theme.typography.fontFamily,\n fontWeight: theme.typography.fontWeightMedium,\n fontSize: theme.typography.pxToRem(12),\n minWidth: RADIUS_STANDARD * 2,\n lineHeight: 1,\n padding: '0 6px',\n height: RADIUS_STANDARD * 2,\n borderRadius: RADIUS_STANDARD,\n zIndex: 1,\n // Render the badge on top of potential ripples.\n transition: theme.transitions.create('transform', {\n easing: theme.transitions.easing.easeInOut,\n duration: theme.transitions.duration.enteringScreen\n })\n },\n\n /* Styles applied to the root element if `color=\"primary\"`. */\n colorPrimary: {\n backgroundColor: theme.palette.primary.main,\n color: theme.palette.primary.contrastText\n },\n\n /* Styles applied to the root element if `color=\"secondary\"`. */\n colorSecondary: {\n backgroundColor: theme.palette.secondary.main,\n color: theme.palette.secondary.contrastText\n },\n\n /* Styles applied to the root element if `color=\"error\"`. */\n colorError: {\n backgroundColor: theme.palette.error.main,\n color: theme.palette.error.contrastText\n },\n\n /* Styles applied to the root element if `variant=\"dot\"`. */\n dot: {\n borderRadius: RADIUS_DOT,\n height: RADIUS_DOT * 2,\n minWidth: RADIUS_DOT * 2,\n padding: 0\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }} overlap=\"rectangle\"`. */\n anchorOriginTopRightRectangle: {\n top: 0,\n right: 0,\n transform: 'scale(1) translate(50%, -50%)',\n transformOrigin: '100% 0%',\n '&$invisible': {\n transform: 'scale(0) translate(50%, -50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangle\"`. */\n anchorOriginBottomRightRectangle: {\n bottom: 0,\n right: 0,\n transform: 'scale(1) translate(50%, 50%)',\n transformOrigin: '100% 100%',\n '&$invisible': {\n transform: 'scale(0) translate(50%, 50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }} overlap=\"rectangle\"`. */\n anchorOriginTopLeftRectangle: {\n top: 0,\n left: 0,\n transform: 'scale(1) translate(-50%, -50%)',\n transformOrigin: '0% 0%',\n '&$invisible': {\n transform: 'scale(0) translate(-50%, -50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangle\"`. */\n anchorOriginBottomLeftRectangle: {\n bottom: 0,\n left: 0,\n transform: 'scale(1) translate(-50%, 50%)',\n transformOrigin: '0% 100%',\n '&$invisible': {\n transform: 'scale(0) translate(-50%, 50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }} overlap=\"circle\"`. */\n anchorOriginTopRightCircle: {\n top: '14%',\n right: '14%',\n transform: 'scale(1) translate(50%, -50%)',\n transformOrigin: '100% 0%',\n '&$invisible': {\n transform: 'scale(0) translate(50%, -50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"circle\"`. */\n anchorOriginBottomRightCircle: {\n bottom: '14%',\n right: '14%',\n transform: 'scale(1) translate(50%, 50%)',\n transformOrigin: '100% 100%',\n '&$invisible': {\n transform: 'scale(0) translate(50%, 50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }} overlap=\"circle\"`. */\n anchorOriginTopLeftCircle: {\n top: '14%',\n left: '14%',\n transform: 'scale(1) translate(-50%, -50%)',\n transformOrigin: '0% 0%',\n '&$invisible': {\n transform: 'scale(0) translate(-50%, -50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"circle\"`. */\n anchorOriginBottomLeftCircle: {\n bottom: '14%',\n left: '14%',\n transform: 'scale(1) translate(-50%, 50%)',\n transformOrigin: '0% 100%',\n '&$invisible': {\n transform: 'scale(0) translate(-50%, 50%)'\n }\n },\n\n /* Pseudo-class to the badge `span` element if `invisible={true}`. */\n invisible: {\n transition: theme.transitions.create('transform', {\n easing: theme.transitions.easing.easeInOut,\n duration: theme.transitions.duration.leavingScreen\n })\n }\n };\n};\nvar Badge = /*#__PURE__*/React.forwardRef(function Badge(props, ref) {\n var _props$anchorOrigin = props.anchorOrigin,\n anchorOrigin = _props$anchorOrigin === void 0 ? {\n vertical: 'top',\n horizontal: 'right'\n } : _props$anchorOrigin,\n badgeContent = props.badgeContent,\n children = props.children,\n classes = props.classes,\n className = props.className,\n _props$color = props.color,\n color = _props$color === void 0 ? 'default' : _props$color,\n _props$component = props.component,\n ComponentProp = _props$component === void 0 ? 'span' : _props$component,\n invisibleProp = props.invisible,\n _props$max = props.max,\n max = _props$max === void 0 ? 99 : _props$max,\n _props$overlap = props.overlap,\n overlap = _props$overlap === void 0 ? 'rectangle' : _props$overlap,\n _props$showZero = props.showZero,\n showZero = _props$showZero === void 0 ? false : _props$showZero,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'standard' : _props$variant,\n other = _objectWithoutProperties(props, [\"anchorOrigin\", \"badgeContent\", \"children\", \"classes\", \"className\", \"color\", \"component\", \"invisible\", \"max\", \"overlap\", \"showZero\", \"variant\"]);\n\n var invisible = invisibleProp;\n\n if (invisibleProp == null && (badgeContent === 0 && !showZero || badgeContent == null && variant !== 'dot')) {\n invisible = true;\n }\n\n var displayValue = '';\n\n if (variant !== 'dot') {\n displayValue = badgeContent > max ? \"\".concat(max, \"+\") : badgeContent;\n }\n\n return /*#__PURE__*/React.createElement(ComponentProp, _extends({\n className: clsx(classes.root, className),\n ref: ref\n }, other), children, /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(classes.badge, classes[\"\".concat(anchorOrigin.horizontal).concat(capitalize(anchorOrigin.vertical), \"}\")], classes[\"anchorOrigin\".concat(capitalize(anchorOrigin.vertical)).concat(capitalize(anchorOrigin.horizontal)).concat(capitalize(overlap))], color !== 'default' && classes[\"color\".concat(capitalize(color))], invisible && classes.invisible, variant === 'dot' && classes.dot)\n }, displayValue));\n});\nprocess.env.NODE_ENV !== \"production\" ? Badge.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 * The anchor of the badge.\n */\n anchorOrigin: PropTypes.shape({\n horizontal: PropTypes.oneOf(['left', 'right']).isRequired,\n vertical: PropTypes.oneOf(['bottom', 'top']).isRequired\n }),\n\n /**\n * The content rendered within the badge.\n */\n badgeContent: PropTypes.node,\n\n /**\n * The badge will be added relative to this node.\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 color of the component. It supports those theme colors that make sense for this component.\n */\n color: PropTypes.oneOf(['default', 'error', 'primary', 'secondary']),\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`, the badge will be invisible.\n */\n invisible: PropTypes.bool,\n\n /**\n * Max count to show.\n */\n max: PropTypes.number,\n\n /**\n * Wrapped shape the badge should overlap.\n */\n overlap: PropTypes.oneOf(['circle', 'rectangle']),\n\n /**\n * Controls whether the badge is hidden when `badgeContent` is zero.\n */\n showZero: PropTypes.bool,\n\n /**\n * The variant to use.\n */\n variant: PropTypes.oneOf(['dot', 'standard'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiBadge'\n})(Badge);","map":{"version":3,"sources":["/Users/holunyeung/Documents/GitHub/Photo_React/photo/node_modules/@material-ui/core/esm/Badge/Badge.js"],"names":["_extends","_objectWithoutProperties","React","PropTypes","clsx","withStyles","capitalize","RADIUS_STANDARD","RADIUS_DOT","styles","theme","root","position","display","verticalAlign","flexShrink","badge","flexDirection","flexWrap","justifyContent","alignContent","alignItems","boxSizing","fontFamily","typography","fontWeight","fontWeightMedium","fontSize","pxToRem","minWidth","lineHeight","padding","height","borderRadius","zIndex","transition","transitions","create","easing","easeInOut","duration","enteringScreen","colorPrimary","backgroundColor","palette","primary","main","color","contrastText","colorSecondary","secondary","colorError","error","dot","anchorOriginTopRightRectangle","top","right","transform","transformOrigin","anchorOriginBottomRightRectangle","bottom","anchorOriginTopLeftRectangle","left","anchorOriginBottomLeftRectangle","anchorOriginTopRightCircle","anchorOriginBottomRightCircle","anchorOriginTopLeftCircle","anchorOriginBottomLeftCircle","invisible","leavingScreen","Badge","forwardRef","props","ref","_props$anchorOrigin","anchorOrigin","vertical","horizontal","badgeContent","children","classes","className","_props$color","_props$component","component","ComponentProp","invisibleProp","_props$max","max","_props$overlap","overlap","_props$showZero","showZero","_props$variant","variant","other","displayValue","concat","createElement","process","env","NODE_ENV","propTypes","shape","oneOf","isRequired","node","object","string","elementType","bool","number","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 capitalize from '../utils/capitalize';\nvar RADIUS_STANDARD = 10;\nvar RADIUS_DOT = 4;\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n position: 'relative',\n display: 'inline-flex',\n // For correct alignment with the text.\n verticalAlign: 'middle',\n flexShrink: 0\n },\n\n /* Styles applied to the badge `span` element. */\n badge: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n justifyContent: 'center',\n alignContent: 'center',\n alignItems: 'center',\n position: 'absolute',\n boxSizing: 'border-box',\n fontFamily: theme.typography.fontFamily,\n fontWeight: theme.typography.fontWeightMedium,\n fontSize: theme.typography.pxToRem(12),\n minWidth: RADIUS_STANDARD * 2,\n lineHeight: 1,\n padding: '0 6px',\n height: RADIUS_STANDARD * 2,\n borderRadius: RADIUS_STANDARD,\n zIndex: 1,\n // Render the badge on top of potential ripples.\n transition: theme.transitions.create('transform', {\n easing: theme.transitions.easing.easeInOut,\n duration: theme.transitions.duration.enteringScreen\n })\n },\n\n /* Styles applied to the root element if `color=\"primary\"`. */\n colorPrimary: {\n backgroundColor: theme.palette.primary.main,\n color: theme.palette.primary.contrastText\n },\n\n /* Styles applied to the root element if `color=\"secondary\"`. */\n colorSecondary: {\n backgroundColor: theme.palette.secondary.main,\n color: theme.palette.secondary.contrastText\n },\n\n /* Styles applied to the root element if `color=\"error\"`. */\n colorError: {\n backgroundColor: theme.palette.error.main,\n color: theme.palette.error.contrastText\n },\n\n /* Styles applied to the root element if `variant=\"dot\"`. */\n dot: {\n borderRadius: RADIUS_DOT,\n height: RADIUS_DOT * 2,\n minWidth: RADIUS_DOT * 2,\n padding: 0\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }} overlap=\"rectangle\"`. */\n anchorOriginTopRightRectangle: {\n top: 0,\n right: 0,\n transform: 'scale(1) translate(50%, -50%)',\n transformOrigin: '100% 0%',\n '&$invisible': {\n transform: 'scale(0) translate(50%, -50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"rectangle\"`. */\n anchorOriginBottomRightRectangle: {\n bottom: 0,\n right: 0,\n transform: 'scale(1) translate(50%, 50%)',\n transformOrigin: '100% 100%',\n '&$invisible': {\n transform: 'scale(0) translate(50%, 50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }} overlap=\"rectangle\"`. */\n anchorOriginTopLeftRectangle: {\n top: 0,\n left: 0,\n transform: 'scale(1) translate(-50%, -50%)',\n transformOrigin: '0% 0%',\n '&$invisible': {\n transform: 'scale(0) translate(-50%, -50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"rectangle\"`. */\n anchorOriginBottomLeftRectangle: {\n bottom: 0,\n left: 0,\n transform: 'scale(1) translate(-50%, 50%)',\n transformOrigin: '0% 100%',\n '&$invisible': {\n transform: 'scale(0) translate(-50%, 50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }} overlap=\"circle\"`. */\n anchorOriginTopRightCircle: {\n top: '14%',\n right: '14%',\n transform: 'scale(1) translate(50%, -50%)',\n transformOrigin: '100% 0%',\n '&$invisible': {\n transform: 'scale(0) translate(50%, -50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }} overlap=\"circle\"`. */\n anchorOriginBottomRightCircle: {\n bottom: '14%',\n right: '14%',\n transform: 'scale(1) translate(50%, 50%)',\n transformOrigin: '100% 100%',\n '&$invisible': {\n transform: 'scale(0) translate(50%, 50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }} overlap=\"circle\"`. */\n anchorOriginTopLeftCircle: {\n top: '14%',\n left: '14%',\n transform: 'scale(1) translate(-50%, -50%)',\n transformOrigin: '0% 0%',\n '&$invisible': {\n transform: 'scale(0) translate(-50%, -50%)'\n }\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }} overlap=\"circle\"`. */\n anchorOriginBottomLeftCircle: {\n bottom: '14%',\n left: '14%',\n transform: 'scale(1) translate(-50%, 50%)',\n transformOrigin: '0% 100%',\n '&$invisible': {\n transform: 'scale(0) translate(-50%, 50%)'\n }\n },\n\n /* Pseudo-class to the badge `span` element if `invisible={true}`. */\n invisible: {\n transition: theme.transitions.create('transform', {\n easing: theme.transitions.easing.easeInOut,\n duration: theme.transitions.duration.leavingScreen\n })\n }\n };\n};\nvar Badge = /*#__PURE__*/React.forwardRef(function Badge(props, ref) {\n var _props$anchorOrigin = props.anchorOrigin,\n anchorOrigin = _props$anchorOrigin === void 0 ? {\n vertical: 'top',\n horizontal: 'right'\n } : _props$anchorOrigin,\n badgeContent = props.badgeContent,\n children = props.children,\n classes = props.classes,\n className = props.className,\n _props$color = props.color,\n color = _props$color === void 0 ? 'default' : _props$color,\n _props$component = props.component,\n ComponentProp = _props$component === void 0 ? 'span' : _props$component,\n invisibleProp = props.invisible,\n _props$max = props.max,\n max = _props$max === void 0 ? 99 : _props$max,\n _props$overlap = props.overlap,\n overlap = _props$overlap === void 0 ? 'rectangle' : _props$overlap,\n _props$showZero = props.showZero,\n showZero = _props$showZero === void 0 ? false : _props$showZero,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'standard' : _props$variant,\n other = _objectWithoutProperties(props, [\"anchorOrigin\", \"badgeContent\", \"children\", \"classes\", \"className\", \"color\", \"component\", \"invisible\", \"max\", \"overlap\", \"showZero\", \"variant\"]);\n\n var invisible = invisibleProp;\n\n if (invisibleProp == null && (badgeContent === 0 && !showZero || badgeContent == null && variant !== 'dot')) {\n invisible = true;\n }\n\n var displayValue = '';\n\n if (variant !== 'dot') {\n displayValue = badgeContent > max ? \"\".concat(max, \"+\") : badgeContent;\n }\n\n return /*#__PURE__*/React.createElement(ComponentProp, _extends({\n className: clsx(classes.root, className),\n ref: ref\n }, other), children, /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(classes.badge, classes[\"\".concat(anchorOrigin.horizontal).concat(capitalize(anchorOrigin.vertical), \"}\")], classes[\"anchorOrigin\".concat(capitalize(anchorOrigin.vertical)).concat(capitalize(anchorOrigin.horizontal)).concat(capitalize(overlap))], color !== 'default' && classes[\"color\".concat(capitalize(color))], invisible && classes.invisible, variant === 'dot' && classes.dot)\n }, displayValue));\n});\nprocess.env.NODE_ENV !== \"production\" ? Badge.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 * The anchor of the badge.\n */\n anchorOrigin: PropTypes.shape({\n horizontal: PropTypes.oneOf(['left', 'right']).isRequired,\n vertical: PropTypes.oneOf(['bottom', 'top']).isRequired\n }),\n\n /**\n * The content rendered within the badge.\n */\n badgeContent: PropTypes.node,\n\n /**\n * The badge will be added relative to this node.\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 color of the component. It supports those theme colors that make sense for this component.\n */\n color: PropTypes.oneOf(['default', 'error', 'primary', 'secondary']),\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`, the badge will be invisible.\n */\n invisible: PropTypes.bool,\n\n /**\n * Max count to show.\n */\n max: PropTypes.number,\n\n /**\n * Wrapped shape the badge should overlap.\n */\n overlap: PropTypes.oneOf(['circle', 'rectangle']),\n\n /**\n * Controls whether the badge is hidden when `badgeContent` is zero.\n */\n showZero: PropTypes.bool,\n\n /**\n * The variant to use.\n */\n variant: PropTypes.oneOf(['dot', 'standard'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiBadge'\n})(Badge);"]},"metadata":{},"sourceType":"module"}
|
