| 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 { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n display: 'flex',\n flexWrap: 'wrap',\n overflowY: 'auto',\n listStyle: 'none',\n padding: 0,\n WebkitOverflowScrolling: 'touch' // Add iOS momentum scrolling.\n\n }\n};\nvar GridList = /*#__PURE__*/React.forwardRef(function GridList(props, ref) {\n var _props$cellHeight = props.cellHeight,\n cellHeight = _props$cellHeight === void 0 ? 180 : _props$cellHeight,\n children = props.children,\n classes = props.classes,\n className = props.className,\n _props$cols = props.cols,\n cols = _props$cols === void 0 ? 2 : _props$cols,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'ul' : _props$component,\n _props$spacing = props.spacing,\n spacing = _props$spacing === void 0 ? 4 : _props$spacing,\n style = props.style,\n other = _objectWithoutProperties(props, [\"cellHeight\", \"children\", \"classes\", \"className\", \"cols\", \"component\", \"spacing\", \"style\"]);\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className),\n ref: ref,\n style: _extends({\n margin: -spacing / 2\n }, style)\n }, other), React.Children.map(children, function (child) {\n if (! /*#__PURE__*/React.isValidElement(child)) {\n return null;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (isFragment(child)) {\n console.error([\"Material-UI: The GridList component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n }\n }\n\n var childCols = child.props.cols || 1;\n var childRows = child.props.rows || 1;\n return /*#__PURE__*/React.cloneElement(child, {\n style: _extends({\n width: \"\".concat(100 / cols * childCols, \"%\"),\n height: cellHeight === 'auto' ? 'auto' : cellHeight * childRows + spacing,\n padding: spacing / 2\n }, child.props.style)\n });\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? GridList.propTypes = {\n /**\n * Number of px for one cell height.\n * You can set `'auto'` if you want to let the children determine the height.\n */\n cellHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf(['auto'])]),\n\n /**\n * Grid Tiles that will be in Grid List.\n */\n children: PropTypes.node.isRequired,\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.isRequired,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * Number of columns.\n */\n cols: PropTypes.number,\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 * Number of px for the spacing between tiles.\n */\n spacing: PropTypes.number,\n\n /**\n * @ignore\n */\n style: PropTypes.object\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiGridList'\n})(GridList);","map":{"version":3,"sources":["/Users/holunyeung/Documents/GitHub/Photo_React/photo/node_modules/@material-ui/core/esm/GridList/GridList.js"],"names":["_extends","_objectWithoutProperties","React","isFragment","PropTypes","clsx","withStyles","styles","root","display","flexWrap","overflowY","listStyle","padding","WebkitOverflowScrolling","GridList","forwardRef","props","ref","_props$cellHeight","cellHeight","children","classes","className","_props$cols","cols","_props$component","component","Component","_props$spacing","spacing","style","other","createElement","margin","Children","map","child","isValidElement","process","env","NODE_ENV","console","error","join","childCols","childRows","rows","cloneElement","width","concat","height","propTypes","oneOfType","number","oneOf","node","isRequired","object","string","elementType","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 { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n display: 'flex',\n flexWrap: 'wrap',\n overflowY: 'auto',\n listStyle: 'none',\n padding: 0,\n WebkitOverflowScrolling: 'touch' // Add iOS momentum scrolling.\n\n }\n};\nvar GridList = /*#__PURE__*/React.forwardRef(function GridList(props, ref) {\n var _props$cellHeight = props.cellHeight,\n cellHeight = _props$cellHeight === void 0 ? 180 : _props$cellHeight,\n children = props.children,\n classes = props.classes,\n className = props.className,\n _props$cols = props.cols,\n cols = _props$cols === void 0 ? 2 : _props$cols,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'ul' : _props$component,\n _props$spacing = props.spacing,\n spacing = _props$spacing === void 0 ? 4 : _props$spacing,\n style = props.style,\n other = _objectWithoutProperties(props, [\"cellHeight\", \"children\", \"classes\", \"className\", \"cols\", \"component\", \"spacing\", \"style\"]);\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className),\n ref: ref,\n style: _extends({\n margin: -spacing / 2\n }, style)\n }, other), React.Children.map(children, function (child) {\n if (! /*#__PURE__*/React.isValidElement(child)) {\n return null;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (isFragment(child)) {\n console.error([\"Material-UI: The GridList component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n }\n }\n\n var childCols = child.props.cols || 1;\n var childRows = child.props.rows || 1;\n return /*#__PURE__*/React.cloneElement(child, {\n style: _extends({\n width: \"\".concat(100 / cols * childCols, \"%\"),\n height: cellHeight === 'auto' ? 'auto' : cellHeight * childRows + spacing,\n padding: spacing / 2\n }, child.props.style)\n });\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? GridList.propTypes = {\n /**\n * Number of px for one cell height.\n * You can set `'auto'` if you want to let the children determine the height.\n */\n cellHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf(['auto'])]),\n\n /**\n * Grid Tiles that will be in Grid List.\n */\n children: PropTypes.node.isRequired,\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.isRequired,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * Number of columns.\n */\n cols: PropTypes.number,\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 * Number of px for the spacing between tiles.\n */\n spacing: PropTypes.number,\n\n /**\n * @ignore\n */\n style: PropTypes.object\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiGridList'\n})(GridList);"]},"metadata":{},"sourceType":"module"}
|
