| 1 |
- {"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\"; // A grid component using the following libs as inspiration.\n//\n// For the implementation:\n// - https://getbootstrap.com/docs/4.3/layout/grid/\n// - https://github.com/kristoferjoseph/flexboxgrid/blob/master/src/css/flexboxgrid.css\n// - https://github.com/roylee0704/react-flexbox-grid\n// - https://material.angularjs.org/latest/layout/introduction\n//\n// Follow this flexbox Guide to better understand the underlying model:\n// - https://css-tricks.com/snippets/css/a-guide-to-flexbox/\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport requirePropFactory from '../utils/requirePropFactory';\nvar SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\nvar GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n\nfunction generateGrid(globalStyles, theme, breakpoint) {\n var styles = {};\n GRID_SIZES.forEach(function (size) {\n var key = \"grid-\".concat(breakpoint, \"-\").concat(size);\n\n if (size === true) {\n // For the auto layouting\n styles[key] = {\n flexBasis: 0,\n flexGrow: 1,\n maxWidth: '100%'\n };\n return;\n }\n\n if (size === 'auto') {\n styles[key] = {\n flexBasis: 'auto',\n flexGrow: 0,\n maxWidth: 'none'\n };\n return;\n } // Keep 7 significant numbers.\n\n\n var width = \"\".concat(Math.round(size / 12 * 10e7) / 10e5, \"%\"); // Close to the bootstrap implementation:\n // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41\n\n styles[key] = {\n flexBasis: width,\n flexGrow: 0,\n maxWidth: width\n };\n }); // No need for a media query for the first size.\n\n if (breakpoint === 'xs') {\n _extends(globalStyles, styles);\n } else {\n globalStyles[theme.breakpoints.up(breakpoint)] = styles;\n }\n}\n\nfunction getOffset(val) {\n var div = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n var parse = parseFloat(val);\n return \"\".concat(parse / div).concat(String(val).replace(String(parse), '') || 'px');\n}\n\nfunction generateGutter(theme, breakpoint) {\n var styles = {};\n SPACINGS.forEach(function (spacing) {\n var themeSpacing = theme.spacing(spacing);\n\n if (themeSpacing === 0) {\n return;\n }\n\n styles[\"spacing-\".concat(breakpoint, \"-\").concat(spacing)] = {\n margin: \"-\".concat(getOffset(themeSpacing, 2)),\n width: \"calc(100% + \".concat(getOffset(themeSpacing), \")\"),\n '& > $item': {\n padding: getOffset(themeSpacing, 2)\n }\n };\n });\n return styles;\n} // Default CSS values\n// flex: '0 1 auto',\n// flexDirection: 'row',\n// alignItems: 'flex-start',\n// flexWrap: 'nowrap',\n// justifyContent: 'flex-start',\n\n\nexport var styles = function styles(theme) {\n return _extends({\n /* Styles applied to the root element. */\n root: {},\n\n /* Styles applied to the root element if `container={true}`. */\n container: {\n boxSizing: 'border-box',\n display: 'flex',\n flexWrap: 'wrap',\n width: '100%'\n },\n\n /* Styles applied to the root element if `item={true}`. */\n item: {\n boxSizing: 'border-box',\n margin: '0' // For instance, it's useful when used with a `figure` element.\n\n },\n\n /* Styles applied to the root element if `zeroMinWidth={true}`. */\n zeroMinWidth: {\n minWidth: 0\n },\n\n /* Styles applied to the root element if `direction=\"column\"`. */\n 'direction-xs-column': {\n flexDirection: 'column'\n },\n\n /* Styles applied to the root element if `direction=\"column-reverse\"`. */\n 'direction-xs-column-reverse': {\n flexDirection: 'column-reverse'\n },\n\n /* Styles applied to the root element if `direction=\"row-reverse\"`. */\n 'direction-xs-row-reverse': {\n flexDirection: 'row-reverse'\n },\n\n /* Styles applied to the root element if `wrap=\"nowrap\"`. */\n 'wrap-xs-nowrap': {\n flexWrap: 'nowrap'\n },\n\n /* Styles applied to the root element if `wrap=\"reverse\"`. */\n 'wrap-xs-wrap-reverse': {\n flexWrap: 'wrap-reverse'\n },\n\n /* Styles applied to the root element if `alignItems=\"center\"`. */\n 'align-items-xs-center': {\n alignItems: 'center'\n },\n\n /* Styles applied to the root element if `alignItems=\"flex-start\"`. */\n 'align-items-xs-flex-start': {\n alignItems: 'flex-start'\n },\n\n /* Styles applied to the root element if `alignItems=\"flex-end\"`. */\n 'align-items-xs-flex-end': {\n alignItems: 'flex-end'\n },\n\n /* Styles applied to the root element if `alignItems=\"baseline\"`. */\n 'align-items-xs-baseline': {\n alignItems: 'baseline'\n },\n\n /* Styles applied to the root element if `alignContent=\"center\"`. */\n 'align-content-xs-center': {\n alignContent: 'center'\n },\n\n /* Styles applied to the root element if `alignContent=\"flex-start\"`. */\n 'align-content-xs-flex-start': {\n alignContent: 'flex-start'\n },\n\n /* Styles applied to the root element if `alignContent=\"flex-end\"`. */\n 'align-content-xs-flex-end': {\n alignContent: 'flex-end'\n },\n\n /* Styles applied to the root element if `alignContent=\"space-between\"`. */\n 'align-content-xs-space-between': {\n alignContent: 'space-between'\n },\n\n /* Styles applied to the root element if `alignContent=\"space-around\"`. */\n 'align-content-xs-space-around': {\n alignContent: 'space-around'\n },\n\n /* Styles applied to the root element if `justify=\"center\"`. */\n 'justify-xs-center': {\n justifyContent: 'center'\n },\n\n /* Styles applied to the root element if `justify=\"flex-end\"`. */\n 'justify-xs-flex-end': {\n justifyContent: 'flex-end'\n },\n\n /* Styles applied to the root element if `justify=\"space-between\"`. */\n 'justify-xs-space-between': {\n justifyContent: 'space-between'\n },\n\n /* Styles applied to the root element if `justify=\"space-around\"`. */\n 'justify-xs-space-around': {\n justifyContent: 'space-around'\n },\n\n /* Styles applied to the root element if `justify=\"space-evenly\"`. */\n 'justify-xs-space-evenly': {\n justifyContent: 'space-evenly'\n }\n }, generateGutter(theme, 'xs'), theme.breakpoints.keys.reduce(function (accumulator, key) {\n // Use side effect over immutability for better performance.\n generateGrid(accumulator, theme, key);\n return accumulator;\n }, {}));\n};\nvar Grid = /*#__PURE__*/React.forwardRef(function Grid(props, ref) {\n var _props$alignContent = props.alignContent,\n alignContent = _props$alignContent === void 0 ? 'stretch' : _props$alignContent,\n _props$alignItems = props.alignItems,\n alignItems = _props$alignItems === void 0 ? 'stretch' : _props$alignItems,\n classes = props.classes,\n classNameProp = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'div' : _props$component,\n _props$container = props.container,\n container = _props$container === void 0 ? false : _props$container,\n _props$direction = props.direction,\n direction = _props$direction === void 0 ? 'row' : _props$direction,\n _props$item = props.item,\n item = _props$item === void 0 ? false : _props$item,\n _props$justify = props.justify,\n justify = _props$justify === void 0 ? 'flex-start' : _props$justify,\n _props$lg = props.lg,\n lg = _props$lg === void 0 ? false : _props$lg,\n _props$md = props.md,\n md = _props$md === void 0 ? false : _props$md,\n _props$sm = props.sm,\n sm = _props$sm === void 0 ? false : _props$sm,\n _props$spacing = props.spacing,\n spacing = _props$spacing === void 0 ? 0 : _props$spacing,\n _props$wrap = props.wrap,\n wrap = _props$wrap === void 0 ? 'wrap' : _props$wrap,\n _props$xl = props.xl,\n xl = _props$xl === void 0 ? false : _props$xl,\n _props$xs = props.xs,\n xs = _props$xs === void 0 ? false : _props$xs,\n _props$zeroMinWidth = props.zeroMinWidth,\n zeroMinWidth = _props$zeroMinWidth === void 0 ? false : _props$zeroMinWidth,\n other = _objectWithoutProperties(props, [\"alignContent\", \"alignItems\", \"classes\", \"className\", \"component\", \"container\", \"direction\", \"item\", \"justify\", \"lg\", \"md\", \"sm\", \"spacing\", \"wrap\", \"xl\", \"xs\", \"zeroMinWidth\"]);\n\n var className = clsx(classes.root, classNameProp, container && [classes.container, spacing !== 0 && classes[\"spacing-xs-\".concat(String(spacing))]], item && classes.item, zeroMinWidth && classes.zeroMinWidth, direction !== 'row' && classes[\"direction-xs-\".concat(String(direction))], wrap !== 'wrap' && classes[\"wrap-xs-\".concat(String(wrap))], alignItems !== 'stretch' && classes[\"align-items-xs-\".concat(String(alignItems))], alignContent !== 'stretch' && classes[\"align-content-xs-\".concat(String(alignContent))], justify !== 'flex-start' && classes[\"justify-xs-\".concat(String(justify))], xs !== false && classes[\"grid-xs-\".concat(String(xs))], sm !== false && classes[\"grid-sm-\".concat(String(sm))], md !== false && classes[\"grid-md-\".concat(String(md))], lg !== false && classes[\"grid-lg-\".concat(String(lg))], xl !== false && classes[\"grid-xl-\".concat(String(xl))]);\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: className,\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Grid.propTypes = {\n /**\n * Defines the `align-content` style property.\n * It's applied for all screen sizes.\n */\n alignContent: PropTypes.oneOf(['stretch', 'center', 'flex-start', 'flex-end', 'space-between', 'space-around']),\n\n /**\n * Defines the `align-items` style property.\n * It's applied for all screen sizes.\n */\n alignItems: PropTypes.oneOf(['flex-start', 'center', 'flex-end', 'stretch', 'baseline']),\n\n /**\n * The content of the component.\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.isRequired,\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`, the component will have the flex *container* behavior.\n * You should be wrapping *items* with a *container*.\n */\n container: PropTypes.bool,\n\n /**\n * Defines the `flex-direction` style property.\n * It is applied for all screen sizes.\n */\n direction: PropTypes.oneOf(['row', 'row-reverse', 'column', 'column-reverse']),\n\n /**\n * If `true`, the component will have the flex *item* behavior.\n * You should be wrapping *items* with a *container*.\n */\n item: PropTypes.bool,\n\n /**\n * Defines the `justify-content` style property.\n * It is applied for all screen sizes.\n */\n justify: PropTypes.oneOf(['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly']),\n\n /**\n * Defines the number of grids the component is going to use.\n * It's applied for the `lg` breakpoint and wider screens if not overridden.\n */\n lg: PropTypes.oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n /**\n * Defines the number of grids the component is going to use.\n * It's applied for the `md` breakpoint and wider screens if not overridden.\n */\n md: PropTypes.oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n /**\n * Defines the number of grids the component is going to use.\n * It's applied for the `sm` breakpoint and wider screens if not overridden.\n */\n sm: PropTypes.oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n /**\n * Defines the space between the type `item` component.\n * It can only be used on a type `container` component.\n */\n spacing: PropTypes.oneOf(SPACINGS),\n\n /**\n * Defines the `flex-wrap` style property.\n * It's applied for all screen sizes.\n */\n wrap: PropTypes.oneOf(['nowrap', 'wrap', 'wrap-reverse']),\n\n /**\n * Defines the number of grids the component is going to use.\n * It's applied for the `xl` breakpoint and wider screens.\n */\n xl: PropTypes.oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n /**\n * Defines the number of grids the component is going to use.\n * It's applied for all the screen sizes with the lowest priority.\n */\n xs: PropTypes.oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n /**\n * If `true`, it sets `min-width: 0` on the item.\n * Refer to the limitations section of the documentation to better understand the use case.\n */\n zeroMinWidth: PropTypes.bool\n} : void 0;\nvar StyledGrid = withStyles(styles, {\n name: 'MuiGrid'\n})(Grid);\n\nif (process.env.NODE_ENV !== 'production') {\n var requireProp = requirePropFactory('Grid');\n StyledGrid.propTypes = _extends({}, StyledGrid.propTypes, {\n alignContent: requireProp('container'),\n alignItems: requireProp('container'),\n direction: requireProp('container'),\n justify: requireProp('container'),\n lg: requireProp('item'),\n md: requireProp('item'),\n sm: requireProp('item'),\n spacing: requireProp('container'),\n wrap: requireProp('container'),\n xs: requireProp('item'),\n zeroMinWidth: requireProp('item')\n });\n}\n\nexport default StyledGrid;","map":{"version":3,"sources":["/Users/holunyeung/Documents/GitHub/Photo_React/photo/node_modules/@material-ui/core/esm/Grid/Grid.js"],"names":["_objectWithoutProperties","_extends","React","PropTypes","clsx","withStyles","requirePropFactory","SPACINGS","GRID_SIZES","generateGrid","globalStyles","theme","breakpoint","styles","forEach","size","key","concat","flexBasis","flexGrow","maxWidth","width","Math","round","breakpoints","up","getOffset","val","div","arguments","length","undefined","parse","parseFloat","String","replace","generateGutter","spacing","themeSpacing","margin","padding","root","container","boxSizing","display","flexWrap","item","zeroMinWidth","minWidth","flexDirection","alignItems","alignContent","justifyContent","keys","reduce","accumulator","Grid","forwardRef","props","ref","_props$alignContent","_props$alignItems","classes","classNameProp","className","_props$component","component","Component","_props$container","_props$direction","direction","_props$item","_props$justify","justify","_props$lg","lg","_props$md","md","_props$sm","sm","_props$spacing","_props$wrap","wrap","_props$xl","xl","_props$xs","xs","_props$zeroMinWidth","other","createElement","process","env","NODE_ENV","propTypes","oneOf","children","node","object","isRequired","string","elementType","bool","StyledGrid","name","requireProp"],"mappings":"AAAA,OAAOA,wBAAP,MAAqC,oDAArC;AACA,OAAOC,QAAP,MAAqB,oCAArB,C,CACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,UAAP,MAAuB,sBAAvB;AACA,OAAOC,kBAAP,MAA+B,6BAA/B;AACA,IAAIC,QAAQ,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,EAA/B,CAAf;AACA,IAAIC,UAAU,GAAG,CAAC,MAAD,EAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,EAAqB,CAArB,EAAwB,CAAxB,EAA2B,CAA3B,EAA8B,CAA9B,EAAiC,CAAjC,EAAoC,CAApC,EAAuC,CAAvC,EAA0C,EAA1C,EAA8C,EAA9C,EAAkD,EAAlD,CAAjB;;AAEA,SAASC,YAAT,CAAsBC,YAAtB,EAAoCC,KAApC,EAA2CC,UAA3C,EAAuD;AACrD,MAAIC,MAAM,GAAG,EAAb;AACAL,EAAAA,UAAU,CAACM,OAAX,CAAmB,UAAUC,IAAV,EAAgB;AACjC,QAAIC,GAAG,GAAG,QAAQC,MAAR,CAAeL,UAAf,EAA2B,GAA3B,EAAgCK,MAAhC,CAAuCF,IAAvC,CAAV;;AAEA,QAAIA,IAAI,KAAK,IAAb,EAAmB;AACjB;AACAF,MAAAA,MAAM,CAACG,GAAD,CAAN,GAAc;AACZE,QAAAA,SAAS,EAAE,CADC;AAEZC,QAAAA,QAAQ,EAAE,CAFE;AAGZC,QAAAA,QAAQ,EAAE;AAHE,OAAd;AAKA;AACD;;AAED,QAAIL,IAAI,KAAK,MAAb,EAAqB;AACnBF,MAAAA,MAAM,CAACG,GAAD,CAAN,GAAc;AACZE,QAAAA,SAAS,EAAE,MADC;AAEZC,QAAAA,QAAQ,EAAE,CAFE;AAGZC,QAAAA,QAAQ,EAAE;AAHE,OAAd;AAKA;AACD,KApBgC,CAoB/B;;;AAGF,QAAIC,KAAK,GAAG,GAAGJ,MAAH,CAAUK,IAAI,CAACC,KAAL,CAAWR,IAAI,GAAG,EAAP,GAAY,IAAvB,IAA+B,IAAzC,EAA+C,GAA/C,CAAZ,CAvBiC,CAuBgC;AACjE;;AAEAF,IAAAA,MAAM,CAACG,GAAD,CAAN,GAAc;AACZE,MAAAA,SAAS,EAAEG,KADC;AAEZF,MAAAA,QAAQ,EAAE,CAFE;AAGZC,MAAAA,QAAQ,EAAEC;AAHE,KAAd;AAKD,GA/BD,EAFqD,CAiCjD;;AAEJ,MAAIT,UAAU,KAAK,IAAnB,EAAyB;AACvBX,IAAAA,QAAQ,CAACS,YAAD,EAAeG,MAAf,CAAR;AACD,GAFD,MAEO;AACLH,IAAAA,YAAY,CAACC,KAAK,CAACa,WAAN,CAAkBC,EAAlB,CAAqBb,UAArB,CAAD,CAAZ,GAAiDC,MAAjD;AACD;AACF;;AAED,SAASa,SAAT,CAAmBC,GAAnB,EAAwB;AACtB,MAAIC,GAAG,GAAGC,SAAS,CAACC,MAAV,GAAmB,CAAnB,IAAwBD,SAAS,CAAC,CAAD,CAAT,KAAiBE,SAAzC,GAAqDF,SAAS,CAAC,CAAD,CAA9D,GAAoE,CAA9E;AACA,MAAIG,KAAK,GAAGC,UAAU,CAACN,GAAD,CAAtB;AACA,SAAO,GAAGV,MAAH,CAAUe,KAAK,GAAGJ,GAAlB,EAAuBX,MAAvB,CAA8BiB,MAAM,CAACP,GAAD,CAAN,CAAYQ,OAAZ,CAAoBD,MAAM,CAACF,KAAD,CAA1B,EAAmC,EAAnC,KAA0C,IAAxE,CAAP;AACD;;AAED,SAASI,cAAT,CAAwBzB,KAAxB,EAA+BC,UAA/B,EAA2C;AACzC,MAAIC,MAAM,GAAG,EAAb;AACAN,EAAAA,QAAQ,CAACO,OAAT,CAAiB,UAAUuB,OAAV,EAAmB;AAClC,QAAIC,YAAY,GAAG3B,KAAK,CAAC0B,OAAN,CAAcA,OAAd,CAAnB;;AAEA,QAAIC,YAAY,KAAK,CAArB,EAAwB;AACtB;AACD;;AAEDzB,IAAAA,MAAM,CAAC,WAAWI,MAAX,CAAkBL,UAAlB,EAA8B,GAA9B,EAAmCK,MAAnC,CAA0CoB,OAA1C,CAAD,CAAN,GAA6D;AAC3DE,MAAAA,MAAM,EAAE,IAAItB,MAAJ,CAAWS,SAAS,CAACY,YAAD,EAAe,CAAf,CAApB,CADmD;AAE3DjB,MAAAA,KAAK,EAAE,eAAeJ,MAAf,CAAsBS,SAAS,CAACY,YAAD,CAA/B,EAA+C,GAA/C,CAFoD;AAG3D,mBAAa;AACXE,QAAAA,OAAO,EAAEd,SAAS,CAACY,YAAD,EAAe,CAAf;AADP;AAH8C,KAA7D;AAOD,GAdD;AAeA,SAAOzB,MAAP;AACD,C,CAAC;AACF;AACA;AACA;AACA;AACA;;;AAGA,OAAO,IAAIA,MAAM,GAAG,SAASA,MAAT,CAAgBF,KAAhB,EAAuB;AACzC,SAAOV,QAAQ,CAAC;AACd;AACAwC,IAAAA,IAAI,EAAE,EAFQ;;AAId;AACAC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,YADF;AAETC,MAAAA,OAAO,EAAE,MAFA;AAGTC,MAAAA,QAAQ,EAAE,MAHD;AAITxB,MAAAA,KAAK,EAAE;AAJE,KALG;;AAYd;AACAyB,IAAAA,IAAI,EAAE;AACJH,MAAAA,SAAS,EAAE,YADP;AAEJJ,MAAAA,MAAM,EAAE,GAFJ,CAEQ;;AAFR,KAbQ;;AAmBd;AACAQ,IAAAA,YAAY,EAAE;AACZC,MAAAA,QAAQ,EAAE;AADE,KApBA;;AAwBd;AACA,2BAAuB;AACrBC,MAAAA,aAAa,EAAE;AADM,KAzBT;;AA6Bd;AACA,mCAA+B;AAC7BA,MAAAA,aAAa,EAAE;AADc,KA9BjB;;AAkCd;AACA,gCAA4B;AAC1BA,MAAAA,aAAa,EAAE;AADW,KAnCd;;AAuCd;AACA,sBAAkB;AAChBJ,MAAAA,QAAQ,EAAE;AADM,KAxCJ;;AA4Cd;AACA,4BAAwB;AACtBA,MAAAA,QAAQ,EAAE;AADY,KA7CV;;AAiDd;AACA,6BAAyB;AACvBK,MAAAA,UAAU,EAAE;AADW,KAlDX;;AAsDd;AACA,iCAA6B;AAC3BA,MAAAA,UAAU,EAAE;AADe,KAvDf;;AA2Dd;AACA,+BAA2B;AACzBA,MAAAA,UAAU,EAAE;AADa,KA5Db;;AAgEd;AACA,+BAA2B;AACzBA,MAAAA,UAAU,EAAE;AADa,KAjEb;;AAqEd;AACA,+BAA2B;AACzBC,MAAAA,YAAY,EAAE;AADW,KAtEb;;AA0Ed;AACA,mCAA+B;AAC7BA,MAAAA,YAAY,EAAE;AADe,KA3EjB;;AA+Ed;AACA,iCAA6B;AAC3BA,MAAAA,YAAY,EAAE;AADa,KAhFf;;AAoFd;AACA,sCAAkC;AAChCA,MAAAA,YAAY,EAAE;AADkB,KArFpB;;AAyFd;AACA,qCAAiC;AAC/BA,MAAAA,YAAY,EAAE;AADiB,KA1FnB;;AA8Fd;AACA,yBAAqB;AACnBC,MAAAA,cAAc,EAAE;AADG,KA/FP;;AAmGd;AACA,2BAAuB;AACrBA,MAAAA,cAAc,EAAE;AADK,KApGT;;AAwGd;AACA,gCAA4B;AAC1BA,MAAAA,cAAc,EAAE;AADU,KAzGd;;AA6Gd;AACA,+BAA2B;AACzBA,MAAAA,cAAc,EAAE;AADS,KA9Gb;;AAkHd;AACA,+BAA2B;AACzBA,MAAAA,cAAc,EAAE;AADS;AAnHb,GAAD,EAsHZhB,cAAc,CAACzB,KAAD,EAAQ,IAAR,CAtHF,EAsHiBA,KAAK,CAACa,WAAN,CAAkB6B,IAAlB,CAAuBC,MAAvB,CAA8B,UAAUC,WAAV,EAAuBvC,GAAvB,EAA4B;AACxF;AACAP,IAAAA,YAAY,CAAC8C,WAAD,EAAc5C,KAAd,EAAqBK,GAArB,CAAZ;AACA,WAAOuC,WAAP;AACD,GAJ+B,EAI7B,EAJ6B,CAtHjB,CAAf;AA2HD,CA5HM;AA6HP,IAAIC,IAAI,GAAG,aAAatD,KAAK,CAACuD,UAAN,CAAiB,SAASD,IAAT,CAAcE,KAAd,EAAqBC,GAArB,EAA0B;AACjE,MAAIC,mBAAmB,GAAGF,KAAK,CAACP,YAAhC;AAAA,MACIA,YAAY,GAAGS,mBAAmB,KAAK,KAAK,CAA7B,GAAiC,SAAjC,GAA6CA,mBADhE;AAAA,MAEIC,iBAAiB,GAAGH,KAAK,CAACR,UAF9B;AAAA,MAGIA,UAAU,GAAGW,iBAAiB,KAAK,KAAK,CAA3B,GAA+B,SAA/B,GAA2CA,iBAH5D;AAAA,MAIIC,OAAO,GAAGJ,KAAK,CAACI,OAJpB;AAAA,MAKIC,aAAa,GAAGL,KAAK,CAACM,SAL1B;AAAA,MAMIC,gBAAgB,GAAGP,KAAK,CAACQ,SAN7B;AAAA,MAOIC,SAAS,GAAGF,gBAAgB,KAAK,KAAK,CAA1B,GAA8B,KAA9B,GAAsCA,gBAPtD;AAAA,MAQIG,gBAAgB,GAAGV,KAAK,CAAChB,SAR7B;AAAA,MASIA,SAAS,GAAG0B,gBAAgB,KAAK,KAAK,CAA1B,GAA8B,KAA9B,GAAsCA,gBATtD;AAAA,MAUIC,gBAAgB,GAAGX,KAAK,CAACY,SAV7B;AAAA,MAWIA,SAAS,GAAGD,gBAAgB,KAAK,KAAK,CAA1B,GAA8B,KAA9B,GAAsCA,gBAXtD;AAAA,MAYIE,WAAW,GAAGb,KAAK,CAACZ,IAZxB;AAAA,MAaIA,IAAI,GAAGyB,WAAW,KAAK,KAAK,CAArB,GAAyB,KAAzB,GAAiCA,WAb5C;AAAA,MAcIC,cAAc,GAAGd,KAAK,CAACe,OAd3B;AAAA,MAeIA,OAAO,GAAGD,cAAc,KAAK,KAAK,CAAxB,GAA4B,YAA5B,GAA2CA,cAfzD;AAAA,MAgBIE,SAAS,GAAGhB,KAAK,CAACiB,EAhBtB;AAAA,MAiBIA,EAAE,GAAGD,SAAS,KAAK,KAAK,CAAnB,GAAuB,KAAvB,GAA+BA,SAjBxC;AAAA,MAkBIE,SAAS,GAAGlB,KAAK,CAACmB,EAlBtB;AAAA,MAmBIA,EAAE,GAAGD,SAAS,KAAK,KAAK,CAAnB,GAAuB,KAAvB,GAA+BA,SAnBxC;AAAA,MAoBIE,SAAS,GAAGpB,KAAK,CAACqB,EApBtB;AAAA,MAqBIA,EAAE,GAAGD,SAAS,KAAK,KAAK,CAAnB,GAAuB,KAAvB,GAA+BA,SArBxC;AAAA,MAsBIE,cAAc,GAAGtB,KAAK,CAACrB,OAtB3B;AAAA,MAuBIA,OAAO,GAAG2C,cAAc,KAAK,KAAK,CAAxB,GAA4B,CAA5B,GAAgCA,cAvB9C;AAAA,MAwBIC,WAAW,GAAGvB,KAAK,CAACwB,IAxBxB;AAAA,MAyBIA,IAAI,GAAGD,WAAW,KAAK,KAAK,CAArB,GAAyB,MAAzB,GAAkCA,WAzB7C;AAAA,MA0BIE,SAAS,GAAGzB,KAAK,CAAC0B,EA1BtB;AAAA,MA2BIA,EAAE,GAAGD,SAAS,KAAK,KAAK,CAAnB,GAAuB,KAAvB,GAA+BA,SA3BxC;AAAA,MA4BIE,SAAS,GAAG3B,KAAK,CAAC4B,EA5BtB;AAAA,MA6BIA,EAAE,GAAGD,SAAS,KAAK,KAAK,CAAnB,GAAuB,KAAvB,GAA+BA,SA7BxC;AAAA,MA8BIE,mBAAmB,GAAG7B,KAAK,CAACX,YA9BhC;AAAA,MA+BIA,YAAY,GAAGwC,mBAAmB,KAAK,KAAK,CAA7B,GAAiC,KAAjC,GAAyCA,mBA/B5D;AAAA,MAgCIC,KAAK,GAAGxF,wBAAwB,CAAC0D,KAAD,EAAQ,CAAC,cAAD,EAAiB,YAAjB,EAA+B,SAA/B,EAA0C,WAA1C,EAAuD,WAAvD,EAAoE,WAApE,EAAiF,WAAjF,EAA8F,MAA9F,EAAsG,SAAtG,EAAiH,IAAjH,EAAuH,IAAvH,EAA6H,IAA7H,EAAmI,SAAnI,EAA8I,MAA9I,EAAsJ,IAAtJ,EAA4J,IAA5J,EAAkK,cAAlK,CAAR,CAhCpC;;AAkCA,MAAIM,SAAS,GAAG5D,IAAI,CAAC0D,OAAO,CAACrB,IAAT,EAAesB,aAAf,EAA8BrB,SAAS,IAAI,CAACoB,OAAO,CAACpB,SAAT,EAAoBL,OAAO,KAAK,CAAZ,IAAiByB,OAAO,CAAC,cAAc7C,MAAd,CAAqBiB,MAAM,CAACG,OAAD,CAA3B,CAAD,CAA5C,CAA3C,EAAiIS,IAAI,IAAIgB,OAAO,CAAChB,IAAjJ,EAAuJC,YAAY,IAAIe,OAAO,CAACf,YAA/K,EAA6LuB,SAAS,KAAK,KAAd,IAAuBR,OAAO,CAAC,gBAAgB7C,MAAhB,CAAuBiB,MAAM,CAACoC,SAAD,CAA7B,CAAD,CAA3N,EAAwQY,IAAI,KAAK,MAAT,IAAmBpB,OAAO,CAAC,WAAW7C,MAAX,CAAkBiB,MAAM,CAACgD,IAAD,CAAxB,CAAD,CAAlS,EAAqUhC,UAAU,KAAK,SAAf,IAA4BY,OAAO,CAAC,kBAAkB7C,MAAlB,CAAyBiB,MAAM,CAACgB,UAAD,CAA/B,CAAD,CAAxW,EAAwZC,YAAY,KAAK,SAAjB,IAA8BW,OAAO,CAAC,oBAAoB7C,MAApB,CAA2BiB,MAAM,CAACiB,YAAD,CAAjC,CAAD,CAA7b,EAAifsB,OAAO,KAAK,YAAZ,IAA4BX,OAAO,CAAC,cAAc7C,MAAd,CAAqBiB,MAAM,CAACuC,OAAD,CAA3B,CAAD,CAAphB,EAA6jBa,EAAE,KAAK,KAAP,IAAgBxB,OAAO,CAAC,WAAW7C,MAAX,CAAkBiB,MAAM,CAACoD,EAAD,CAAxB,CAAD,CAAplB,EAAqnBP,EAAE,KAAK,KAAP,IAAgBjB,OAAO,CAAC,WAAW7C,MAAX,CAAkBiB,MAAM,CAAC6C,EAAD,CAAxB,CAAD,CAA5oB,EAA6qBF,EAAE,KAAK,KAAP,IAAgBf,OAAO,CAAC,WAAW7C,MAAX,CAAkBiB,MAAM,CAAC2C,EAAD,CAAxB,CAAD,CAApsB,EAAquBF,EAAE,KAAK,KAAP,IAAgBb,OAAO,CAAC,WAAW7C,MAAX,CAAkBiB,MAAM,CAACyC,EAAD,CAAxB,CAAD,CAA5vB,EAA6xBS,EAAE,KAAK,KAAP,IAAgBtB,OAAO,CAAC,WAAW7C,MAAX,CAAkBiB,MAAM,CAACkD,EAAD,CAAxB,CAAD,CAApzB,CAApB;AACA,SAAO,aAAalF,KAAK,CAACuF,aAAN,CAAoBtB,SAApB,EAA+BlE,QAAQ,CAAC;AAC1D+D,IAAAA,SAAS,EAAEA,SAD+C;AAE1DL,IAAAA,GAAG,EAAEA;AAFqD,GAAD,EAGxD6B,KAHwD,CAAvC,CAApB;AAID,CAxCuB,CAAxB;AAyCAE,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,GAAwCpC,IAAI,CAACqC,SAAL,GAAiB;AACvD;;;;AAIA1C,EAAAA,YAAY,EAAEhD,SAAS,CAAC2F,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,YAAtB,EAAoC,UAApC,EAAgD,eAAhD,EAAiE,cAAjE,CAAhB,CALyC;;AAOvD;;;;AAIA5C,EAAAA,UAAU,EAAE/C,SAAS,CAAC2F,KAAV,CAAgB,CAAC,YAAD,EAAe,QAAf,EAAyB,UAAzB,EAAqC,SAArC,EAAgD,UAAhD,CAAhB,CAX2C;;AAavD;;;AAGAC,EAAAA,QAAQ,EAAE5F,SAAS,CAAC6F,IAhBmC;;AAkBvD;;;;AAIAlC,EAAAA,OAAO,EAAE3D,SAAS,CAAC8F,MAAV,CAAiBC,UAtB6B;;AAwBvD;;;AAGAlC,EAAAA,SAAS,EAAE7D,SAAS,CAACgG,MA3BkC;;AA6BvD;;;;AAIAjC,EAAAA,SAAS,EAAE/D;AACX;AADoB,GAEnBiG,WAnCsD;;AAqCvD;;;;AAIA1D,EAAAA,SAAS,EAAEvC,SAAS,CAACkG,IAzCkC;;AA2CvD;;;;AAIA/B,EAAAA,SAAS,EAAEnE,SAAS,CAAC2F,KAAV,CAAgB,CAAC,KAAD,EAAQ,aAAR,EAAuB,QAAvB,EAAiC,gBAAjC,CAAhB,CA/C4C;;AAiDvD;;;;AAIAhD,EAAAA,IAAI,EAAE3C,SAAS,CAACkG,IArDuC;;AAuDvD;;;;AAIA5B,EAAAA,OAAO,EAAEtE,SAAS,CAAC2F,KAAV,CAAgB,CAAC,YAAD,EAAe,QAAf,EAAyB,UAAzB,EAAqC,eAArC,EAAsD,cAAtD,EAAsE,cAAtE,CAAhB,CA3D8C;;AA6DvD;;;;AAIAnB,EAAAA,EAAE,EAAExE,SAAS,CAAC2F,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CAjEmD;;AAmEvD;;;;AAIAjB,EAAAA,EAAE,EAAE1E,SAAS,CAAC2F,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CAvEmD;;AAyEvD;;;;AAIAf,EAAAA,EAAE,EAAE5E,SAAS,CAAC2F,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CA7EmD;;AA+EvD;;;;AAIAzD,EAAAA,OAAO,EAAElC,SAAS,CAAC2F,KAAV,CAAgBvF,QAAhB,CAnF8C;;AAqFvD;;;;AAIA2E,EAAAA,IAAI,EAAE/E,SAAS,CAAC2F,KAAV,CAAgB,CAAC,QAAD,EAAW,MAAX,EAAmB,cAAnB,CAAhB,CAzFiD;;AA2FvD;;;;AAIAV,EAAAA,EAAE,EAAEjF,SAAS,CAAC2F,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CA/FmD;;AAiGvD;;;;AAIAR,EAAAA,EAAE,EAAEnF,SAAS,CAAC2F,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CArGmD;;AAuGvD;;;;AAIA/C,EAAAA,YAAY,EAAE5C,SAAS,CAACkG;AA3G+B,CAAzD,GA4GI,KAAK,CA5GT;AA6GA,IAAIC,UAAU,GAAGjG,UAAU,CAACQ,MAAD,EAAS;AAClC0F,EAAAA,IAAI,EAAE;AAD4B,CAAT,CAAV,CAEd/C,IAFc,CAAjB;;AAIA,IAAIkC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;AACzC,MAAIY,WAAW,GAAGlG,kBAAkB,CAAC,MAAD,CAApC;AACAgG,EAAAA,UAAU,CAACT,SAAX,GAAuB5F,QAAQ,CAAC,EAAD,EAAKqG,UAAU,CAACT,SAAhB,EAA2B;AACxD1C,IAAAA,YAAY,EAAEqD,WAAW,CAAC,WAAD,CAD+B;AAExDtD,IAAAA,UAAU,EAAEsD,WAAW,CAAC,WAAD,CAFiC;AAGxDlC,IAAAA,SAAS,EAAEkC,WAAW,CAAC,WAAD,CAHkC;AAIxD/B,IAAAA,OAAO,EAAE+B,WAAW,CAAC,WAAD,CAJoC;AAKxD7B,IAAAA,EAAE,EAAE6B,WAAW,CAAC,MAAD,CALyC;AAMxD3B,IAAAA,EAAE,EAAE2B,WAAW,CAAC,MAAD,CANyC;AAOxDzB,IAAAA,EAAE,EAAEyB,WAAW,CAAC,MAAD,CAPyC;AAQxDnE,IAAAA,OAAO,EAAEmE,WAAW,CAAC,WAAD,CARoC;AASxDtB,IAAAA,IAAI,EAAEsB,WAAW,CAAC,WAAD,CATuC;AAUxDlB,IAAAA,EAAE,EAAEkB,WAAW,CAAC,MAAD,CAVyC;AAWxDzD,IAAAA,YAAY,EAAEyD,WAAW,CAAC,MAAD;AAX+B,GAA3B,CAA/B;AAaD;;AAED,eAAeF,UAAf","sourcesContent":["import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\n// A grid component using the following libs as inspiration.\n//\n// For the implementation:\n// - https://getbootstrap.com/docs/4.3/layout/grid/\n// - https://github.com/kristoferjoseph/flexboxgrid/blob/master/src/css/flexboxgrid.css\n// - https://github.com/roylee0704/react-flexbox-grid\n// - https://material.angularjs.org/latest/layout/introduction\n//\n// Follow this flexbox Guide to better understand the underlying model:\n// - https://css-tricks.com/snippets/css/a-guide-to-flexbox/\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport requirePropFactory from '../utils/requirePropFactory';\nvar SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\nvar GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n\nfunction generateGrid(globalStyles, theme, breakpoint) {\n var styles = {};\n GRID_SIZES.forEach(function (size) {\n var key = \"grid-\".concat(breakpoint, \"-\").concat(size);\n\n if (size === true) {\n // For the auto layouting\n styles[key] = {\n flexBasis: 0,\n flexGrow: 1,\n maxWidth: '100%'\n };\n return;\n }\n\n if (size === 'auto') {\n styles[key] = {\n flexBasis: 'auto',\n flexGrow: 0,\n maxWidth: 'none'\n };\n return;\n } // Keep 7 significant numbers.\n\n\n var width = \"\".concat(Math.round(size / 12 * 10e7) / 10e5, \"%\"); // Close to the bootstrap implementation:\n // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41\n\n styles[key] = {\n flexBasis: width,\n flexGrow: 0,\n maxWidth: width\n };\n }); // No need for a media query for the first size.\n\n if (breakpoint === 'xs') {\n _extends(globalStyles, styles);\n } else {\n globalStyles[theme.breakpoints.up(breakpoint)] = styles;\n }\n}\n\nfunction getOffset(val) {\n var div = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n var parse = parseFloat(val);\n return \"\".concat(parse / div).concat(String(val).replace(String(parse), '') || 'px');\n}\n\nfunction generateGutter(theme, breakpoint) {\n var styles = {};\n SPACINGS.forEach(function (spacing) {\n var themeSpacing = theme.spacing(spacing);\n\n if (themeSpacing === 0) {\n return;\n }\n\n styles[\"spacing-\".concat(breakpoint, \"-\").concat(spacing)] = {\n margin: \"-\".concat(getOffset(themeSpacing, 2)),\n width: \"calc(100% + \".concat(getOffset(themeSpacing), \")\"),\n '& > $item': {\n padding: getOffset(themeSpacing, 2)\n }\n };\n });\n return styles;\n} // Default CSS values\n// flex: '0 1 auto',\n// flexDirection: 'row',\n// alignItems: 'flex-start',\n// flexWrap: 'nowrap',\n// justifyContent: 'flex-start',\n\n\nexport var styles = function styles(theme) {\n return _extends({\n /* Styles applied to the root element. */\n root: {},\n\n /* Styles applied to the root element if `container={true}`. */\n container: {\n boxSizing: 'border-box',\n display: 'flex',\n flexWrap: 'wrap',\n width: '100%'\n },\n\n /* Styles applied to the root element if `item={true}`. */\n item: {\n boxSizing: 'border-box',\n margin: '0' // For instance, it's useful when used with a `figure` element.\n\n },\n\n /* Styles applied to the root element if `zeroMinWidth={true}`. */\n zeroMinWidth: {\n minWidth: 0\n },\n\n /* Styles applied to the root element if `direction=\"column\"`. */\n 'direction-xs-column': {\n flexDirection: 'column'\n },\n\n /* Styles applied to the root element if `direction=\"column-reverse\"`. */\n 'direction-xs-column-reverse': {\n flexDirection: 'column-reverse'\n },\n\n /* Styles applied to the root element if `direction=\"row-reverse\"`. */\n 'direction-xs-row-reverse': {\n flexDirection: 'row-reverse'\n },\n\n /* Styles applied to the root element if `wrap=\"nowrap\"`. */\n 'wrap-xs-nowrap': {\n flexWrap: 'nowrap'\n },\n\n /* Styles applied to the root element if `wrap=\"reverse\"`. */\n 'wrap-xs-wrap-reverse': {\n flexWrap: 'wrap-reverse'\n },\n\n /* Styles applied to the root element if `alignItems=\"center\"`. */\n 'align-items-xs-center': {\n alignItems: 'center'\n },\n\n /* Styles applied to the root element if `alignItems=\"flex-start\"`. */\n 'align-items-xs-flex-start': {\n alignItems: 'flex-start'\n },\n\n /* Styles applied to the root element if `alignItems=\"flex-end\"`. */\n 'align-items-xs-flex-end': {\n alignItems: 'flex-end'\n },\n\n /* Styles applied to the root element if `alignItems=\"baseline\"`. */\n 'align-items-xs-baseline': {\n alignItems: 'baseline'\n },\n\n /* Styles applied to the root element if `alignContent=\"center\"`. */\n 'align-content-xs-center': {\n alignContent: 'center'\n },\n\n /* Styles applied to the root element if `alignContent=\"flex-start\"`. */\n 'align-content-xs-flex-start': {\n alignContent: 'flex-start'\n },\n\n /* Styles applied to the root element if `alignContent=\"flex-end\"`. */\n 'align-content-xs-flex-end': {\n alignContent: 'flex-end'\n },\n\n /* Styles applied to the root element if `alignContent=\"space-between\"`. */\n 'align-content-xs-space-between': {\n alignContent: 'space-between'\n },\n\n /* Styles applied to the root element if `alignContent=\"space-around\"`. */\n 'align-content-xs-space-around': {\n alignContent: 'space-around'\n },\n\n /* Styles applied to the root element if `justify=\"center\"`. */\n 'justify-xs-center': {\n justifyContent: 'center'\n },\n\n /* Styles applied to the root element if `justify=\"flex-end\"`. */\n 'justify-xs-flex-end': {\n justifyContent: 'flex-end'\n },\n\n /* Styles applied to the root element if `justify=\"space-between\"`. */\n 'justify-xs-space-between': {\n justifyContent: 'space-between'\n },\n\n /* Styles applied to the root element if `justify=\"space-around\"`. */\n 'justify-xs-space-around': {\n justifyContent: 'space-around'\n },\n\n /* Styles applied to the root element if `justify=\"space-evenly\"`. */\n 'justify-xs-space-evenly': {\n justifyContent: 'space-evenly'\n }\n }, generateGutter(theme, 'xs'), theme.breakpoints.keys.reduce(function (accumulator, key) {\n // Use side effect over immutability for better performance.\n generateGrid(accumulator, theme, key);\n return accumulator;\n }, {}));\n};\nvar Grid = /*#__PURE__*/React.forwardRef(function Grid(props, ref) {\n var _props$alignContent = props.alignContent,\n alignContent = _props$alignContent === void 0 ? 'stretch' : _props$alignContent,\n _props$alignItems = props.alignItems,\n alignItems = _props$alignItems === void 0 ? 'stretch' : _props$alignItems,\n classes = props.classes,\n classNameProp = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'div' : _props$component,\n _props$container = props.container,\n container = _props$container === void 0 ? false : _props$container,\n _props$direction = props.direction,\n direction = _props$direction === void 0 ? 'row' : _props$direction,\n _props$item = props.item,\n item = _props$item === void 0 ? false : _props$item,\n _props$justify = props.justify,\n justify = _props$justify === void 0 ? 'flex-start' : _props$justify,\n _props$lg = props.lg,\n lg = _props$lg === void 0 ? false : _props$lg,\n _props$md = props.md,\n md = _props$md === void 0 ? false : _props$md,\n _props$sm = props.sm,\n sm = _props$sm === void 0 ? false : _props$sm,\n _props$spacing = props.spacing,\n spacing = _props$spacing === void 0 ? 0 : _props$spacing,\n _props$wrap = props.wrap,\n wrap = _props$wrap === void 0 ? 'wrap' : _props$wrap,\n _props$xl = props.xl,\n xl = _props$xl === void 0 ? false : _props$xl,\n _props$xs = props.xs,\n xs = _props$xs === void 0 ? false : _props$xs,\n _props$zeroMinWidth = props.zeroMinWidth,\n zeroMinWidth = _props$zeroMinWidth === void 0 ? false : _props$zeroMinWidth,\n other = _objectWithoutProperties(props, [\"alignContent\", \"alignItems\", \"classes\", \"className\", \"component\", \"container\", \"direction\", \"item\", \"justify\", \"lg\", \"md\", \"sm\", \"spacing\", \"wrap\", \"xl\", \"xs\", \"zeroMinWidth\"]);\n\n var className = clsx(classes.root, classNameProp, container && [classes.container, spacing !== 0 && classes[\"spacing-xs-\".concat(String(spacing))]], item && classes.item, zeroMinWidth && classes.zeroMinWidth, direction !== 'row' && classes[\"direction-xs-\".concat(String(direction))], wrap !== 'wrap' && classes[\"wrap-xs-\".concat(String(wrap))], alignItems !== 'stretch' && classes[\"align-items-xs-\".concat(String(alignItems))], alignContent !== 'stretch' && classes[\"align-content-xs-\".concat(String(alignContent))], justify !== 'flex-start' && classes[\"justify-xs-\".concat(String(justify))], xs !== false && classes[\"grid-xs-\".concat(String(xs))], sm !== false && classes[\"grid-sm-\".concat(String(sm))], md !== false && classes[\"grid-md-\".concat(String(md))], lg !== false && classes[\"grid-lg-\".concat(String(lg))], xl !== false && classes[\"grid-xl-\".concat(String(xl))]);\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: className,\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Grid.propTypes = {\n /**\n * Defines the `align-content` style property.\n * It's applied for all screen sizes.\n */\n alignContent: PropTypes.oneOf(['stretch', 'center', 'flex-start', 'flex-end', 'space-between', 'space-around']),\n\n /**\n * Defines the `align-items` style property.\n * It's applied for all screen sizes.\n */\n alignItems: PropTypes.oneOf(['flex-start', 'center', 'flex-end', 'stretch', 'baseline']),\n\n /**\n * The content of the component.\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.isRequired,\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`, the component will have the flex *container* behavior.\n * You should be wrapping *items* with a *container*.\n */\n container: PropTypes.bool,\n\n /**\n * Defines the `flex-direction` style property.\n * It is applied for all screen sizes.\n */\n direction: PropTypes.oneOf(['row', 'row-reverse', 'column', 'column-reverse']),\n\n /**\n * If `true`, the component will have the flex *item* behavior.\n * You should be wrapping *items* with a *container*.\n */\n item: PropTypes.bool,\n\n /**\n * Defines the `justify-content` style property.\n * It is applied for all screen sizes.\n */\n justify: PropTypes.oneOf(['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly']),\n\n /**\n * Defines the number of grids the component is going to use.\n * It's applied for the `lg` breakpoint and wider screens if not overridden.\n */\n lg: PropTypes.oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n /**\n * Defines the number of grids the component is going to use.\n * It's applied for the `md` breakpoint and wider screens if not overridden.\n */\n md: PropTypes.oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n /**\n * Defines the number of grids the component is going to use.\n * It's applied for the `sm` breakpoint and wider screens if not overridden.\n */\n sm: PropTypes.oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n /**\n * Defines the space between the type `item` component.\n * It can only be used on a type `container` component.\n */\n spacing: PropTypes.oneOf(SPACINGS),\n\n /**\n * Defines the `flex-wrap` style property.\n * It's applied for all screen sizes.\n */\n wrap: PropTypes.oneOf(['nowrap', 'wrap', 'wrap-reverse']),\n\n /**\n * Defines the number of grids the component is going to use.\n * It's applied for the `xl` breakpoint and wider screens.\n */\n xl: PropTypes.oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n /**\n * Defines the number of grids the component is going to use.\n * It's applied for all the screen sizes with the lowest priority.\n */\n xs: PropTypes.oneOf([false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n\n /**\n * If `true`, it sets `min-width: 0` on the item.\n * Refer to the limitations section of the documentation to better understand the use case.\n */\n zeroMinWidth: PropTypes.bool\n} : void 0;\nvar StyledGrid = withStyles(styles, {\n name: 'MuiGrid'\n})(Grid);\n\nif (process.env.NODE_ENV !== 'production') {\n var requireProp = requirePropFactory('Grid');\n StyledGrid.propTypes = _extends({}, StyledGrid.propTypes, {\n alignContent: requireProp('container'),\n alignItems: requireProp('container'),\n direction: requireProp('container'),\n justify: requireProp('container'),\n lg: requireProp('item'),\n md: requireProp('item'),\n sm: requireProp('item'),\n spacing: requireProp('container'),\n wrap: requireProp('container'),\n xs: requireProp('item'),\n zeroMinWidth: requireProp('item')\n });\n}\n\nexport default StyledGrid;"]},"metadata":{},"sourceType":"module"}
|
