UNPKG

3.69 kBJavaScriptView Raw
1"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}require("./index-c1dfd062.js");var React=require("react"),React__default=_interopDefault(React),index$1=require("./index-c5b41b43.js"),SPACINGS=[0,1,2,3,4,5,6,7,8,9,10],GRID_SIZES=["auto",!0,1,2,3,4,5,6,7,8,9,10,11,12];function generateGrid(e,t,i){var r={};GRID_SIZES.forEach(function(e){var t="grid-".concat(i,"-").concat(e);if(!0!==e)if("auto"!==e){var n="".concat(Math.round(e/12*1e8)/1e6,"%");r[t]={flexBasis:n,flexGrow:0,maxWidth:n}}else r[t]={flexBasis:"auto",flexGrow:0,maxWidth:"none"};else r[t]={flexBasis:0,flexGrow:1,maxWidth:"100%"}}),"xs"===i?index$1._extends(e,r):e[t.breakpoints.up(i)]=r}function generateGutter(n,i){var r={};return SPACINGS.forEach(function(e){var t=n.spacing(e);0!==t&&(r["spacing-".concat(i,"-").concat(e)]={margin:-t/2,width:"calc(100% + ".concat(t,"px)"),"& > $item":{padding:t/2}})}),r}var styles=function(n){return index$1._extends({root:{},container:{boxSizing:"border-box",display:"flex",flexWrap:"wrap",width:"100%"},item:{boxSizing:"border-box",margin:"0"},zeroMinWidth:{minWidth:0},"direction-xs-column":{flexDirection:"column"},"direction-xs-column-reverse":{flexDirection:"column-reverse"},"direction-xs-row-reverse":{flexDirection:"row-reverse"},"wrap-xs-nowrap":{flexWrap:"nowrap"},"wrap-xs-wrap-reverse":{flexWrap:"wrap-reverse"},"align-items-xs-center":{alignItems:"center"},"align-items-xs-flex-start":{alignItems:"flex-start"},"align-items-xs-flex-end":{alignItems:"flex-end"},"align-items-xs-baseline":{alignItems:"baseline"},"align-content-xs-center":{alignContent:"center"},"align-content-xs-flex-start":{alignContent:"flex-start"},"align-content-xs-flex-end":{alignContent:"flex-end"},"align-content-xs-space-between":{alignContent:"space-between"},"align-content-xs-space-around":{alignContent:"space-around"},"justify-xs-center":{justifyContent:"center"},"justify-xs-flex-end":{justifyContent:"flex-end"},"justify-xs-space-between":{justifyContent:"space-between"},"justify-xs-space-around":{justifyContent:"space-around"},"justify-xs-space-evenly":{justifyContent:"space-evenly"}},generateGutter(n,"xs"),index$1.keys.reduce(function(e,t){return generateGrid(e,n,t),e},{}))},Grid=React__default.forwardRef(function(e,t){var n=e.alignContent,i=void 0===n?"stretch":n,r=e.alignItems,a=void 0===r?"stretch":r,s=e.classes,o=e.className,c=e.component,d=void 0===c?"div":c,l=e.container,x=void 0!==l&&l,f=e.direction,g=void 0===f?"row":f,u=e.item,p=void 0!==u&&u,m=e.justify,v=void 0===m?"flex-start":m,w=e.lg,S=void 0!==w&&w,y=e.md,h=void 0!==y&&y,b=e.sm,j=void 0!==b&&b,G=e.spacing,C=void 0===G?0:G,_=e.wrap,I=void 0===_?"wrap":_,W=e.xl,$=void 0!==W&&W,R=e.xs,D=void 0!==R&&R,z=e.zeroMinWidth,M=void 0!==z&&z,E=index$1._objectWithoutProperties(e,["alignContent","alignItems","classes","className","component","container","direction","item","justify","lg","md","sm","spacing","wrap","xl","xs","zeroMinWidth"]),N=index$1.clsx(s.root,o,x&&[s.container,0!==C&&s["spacing-xs-".concat(String(C))]],p&&s.item,M&&s.zeroMinWidth,"row"!==g&&s["direction-xs-".concat(String(g))],"wrap"!==I&&s["wrap-xs-".concat(String(I))],"stretch"!==a&&s["align-items-xs-".concat(String(a))],"stretch"!==i&&s["align-content-xs-".concat(String(i))],"flex-start"!==v&&s["justify-xs-".concat(String(v))],!1!==D&&s["grid-xs-".concat(String(D))],!1!==j&&s["grid-sm-".concat(String(j))],!1!==h&&s["grid-md-".concat(String(h))],!1!==S&&s["grid-lg-".concat(String(S))],!1!==$&&s["grid-xl-".concat(String($))]);return React__default.createElement(d,index$1._extends({className:N,ref:t},E))}),StyledGrid=index$1.withStyles(styles,{name:"MuiGrid"})(Grid);exports.Grid=StyledGrid;