UNPKG

2.65 kBSource Map (JSON)View Raw
1{"version":3,"file":"CardLayout.js","sources":["../src/components/CardLayout/CardLayout.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Inside } from 'use-inside'\nimport { GU } from '../../style'\nimport { useLayout } from '../Layout/Layout'\n\nfunction CardLayout({ children, columnWidthMin, rowHeight, ...props }) {\n const { layoutName } = useLayout()\n const fullWidth = layoutName === 'small'\n const gridAutoRowValue = rowHeight === 'auto' ? rowHeight : `${rowHeight}px`\n\n return (\n <Inside name=\"CardLayout\">\n <div\n css={`\n display: grid;\n grid-gap: ${2 * GU}px;\n grid-auto-flow: row;\n grid-template-columns: repeat(\n ${fullWidth ? 'auto-fit' : 'auto-fill'},\n minmax(${columnWidthMin}px, 1fr)\n );\n grid-auto-rows: ${gridAutoRowValue};\n align-items: start;\n padding: 0 ${fullWidth ? 2 * GU : 0}px ${3 * GU}px;\n margin: 0 auto;\n `}\n {...props}\n >\n {children}\n </div>\n </Inside>\n )\n}\n\nCardLayout.propTypes = {\n children: PropTypes.node,\n columnWidthMin: PropTypes.number,\n rowHeight: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),\n}\n\nCardLayout.defaultProps = {\n columnWidthMin: 21 * GU,\n rowHeight: 21 * GU,\n}\n\nexport { CardLayout }\nexport default CardLayout\n"],"names":["CardLayout","children","columnWidthMin","rowHeight","props","useLayout","layoutName","fullWidth","gridAutoRowValue","React","Inside","GU","propTypes","PropTypes","node","number","oneOfType","oneOf","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAASA,UAAT,OAAuE;AAAA,MAAjDC,QAAiD,QAAjDA,QAAiD;AAAA,MAAvCC,cAAuC,QAAvCA,cAAuC;AAAA,MAAvBC,SAAuB,QAAvBA,SAAuB;AAAA,MAATC,KAAS;;AAAA,mBAC9CC,gBAAS,EADqC;AAAA,MAC7DC,UAD6D,cAC7DA,UAD6D;;AAErE,MAAMC,SAAS,GAAGD,UAAU,KAAK,OAAjC;AACA,MAAME,gBAAgB,GAAGL,SAAS,KAAK,MAAd,GAAuBA,SAAvB,aAAsCA,SAAtC,OAAzB;AAEA,sBACEM,6BAACC,SAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,kBACED,iEAcML,KAdN;AAAA,UAGgB,IAAIO,YAHpB;AAAA,WAMQJ,SAAS,GAAG,UAAH,GAAgB,WANjC;AAAA,WAOeL,cAPf;AAAA,WASsBM,gBATtB;AAAA,WAWiBD,SAAS,GAAG,IAAII,YAAP,GAAY,CAXtC;AAAA,WAW6C,IAAIA;AAXjD,MAgBGV,QAhBH,CADF,CADF;AAsBD;;AAEDD,UAAU,CAACY,SAAX,GAAuB;AACrBX,EAAAA,QAAQ,EAAEY,eAAS,CAACC,IADC;AAErBZ,EAAAA,cAAc,EAAEW,eAAS,CAACE,MAFL;AAGrBZ,EAAAA,SAAS,EAAEU,eAAS,CAACG,SAAV,CAAoB,CAACH,eAAS,CAACI,KAAV,CAAgB,CAAC,MAAD,CAAhB,CAAD,EAA4BJ,eAAS,CAACE,MAAtC,CAApB;AAHU,CAAvB;AAMAf,UAAU,CAACkB,YAAX,GAA0B;AACxBhB,EAAAA,cAAc,EAAE,KAAKS,YADG;AAExBR,EAAAA,SAAS,EAAE,KAAKQ;AAFQ,CAA1B;;;;;"}
\No newline at end of file