| 1 | {"version":3,"file":"Split.js","sources":["../src/components/Split/Split.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Inside } from 'use-inside'\nimport { useLayout } from '../Layout/Layout'\nimport { GU } from '../../style'\n\nfunction Split({ primary, secondary, invert }) {\n const { name: layout } = useLayout()\n const oneColumn = layout === 'small' || layout === 'medium'\n\n const inverted =\n (!oneColumn && invert === 'horizontal') ||\n (oneColumn && invert === 'vertical')\n\n const primaryContent = (\n <Inside name=\"Split:primary\">\n <div\n css={`\n flex-grow: 1;\n margin-left: ${!oneColumn && inverted ? 2 * GU : 0}px;\n padding-top: ${oneColumn && inverted ? 2 * GU : 0}px;\n `}\n >\n {primary}\n </div>\n </Inside>\n )\n\n const secondaryContent = (\n <Inside name=\"Split:secondary\">\n <div\n css={`\n flex-shrink: 0;\n flex-grow: 0;\n width: ${oneColumn ? '100%' : `${33 * GU}px`};\n margin-left: ${!oneColumn && !inverted ? 2 * GU : 0}px;\n padding-top: ${oneColumn && !inverted ? 2 * GU : 0}px;\n `}\n >\n {secondary}\n </div>\n </Inside>\n )\n\n return (\n <Inside name=\"Split\">\n <div\n css={`\n display: ${oneColumn ? 'block' : 'flex'};\n padding-bottom: ${3 * GU}px;\n width: 100%;\n `}\n >\n {inverted ? secondaryContent : primaryContent}\n {inverted ? primaryContent : secondaryContent}\n </div>\n </Inside>\n )\n}\n\nSplit.propTypes = {\n invert: PropTypes.oneOf(['none', 'horizontal', 'vertical']),\n primary: PropTypes.node,\n secondary: PropTypes.node,\n}\n\nSplit.defaultProps = {\n invert: 'none',\n}\n\nexport { Split }\nexport default Split\n"],"names":["Split","primary","secondary","invert","useLayout","layout","name","oneColumn","inverted","primaryContent","React","Inside","GU","secondaryContent","propTypes","PropTypes","oneOf","node","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAASA,KAAT,OAA+C;AAAA,MAA9BC,OAA8B,QAA9BA,OAA8B;AAAA,MAArBC,SAAqB,QAArBA,SAAqB;AAAA,MAAVC,MAAU,QAAVA,MAAU;;AAAA,mBACpBC,gBAAS,EADW;AAAA,MAC/BC,MAD+B,cACrCC,IADqC;;AAE7C,MAAMC,SAAS,GAAGF,MAAM,KAAK,OAAX,IAAsBA,MAAM,KAAK,QAAnD;AAEA,MAAMG,QAAQ,GACX,CAACD,SAAD,IAAcJ,MAAM,KAAK,YAA1B,IACCI,SAAS,IAAIJ,MAAM,KAAK,UAF3B;AAIA,MAAMM,cAAc,gBAClBC,6BAACC,SAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,kBACED;AAAA,UAGmB,CAACH,SAAD,IAAcC,QAAd,GAAyB,IAAII,YAA7B,GAAkC,CAHrD;AAAA,WAImBL,SAAS,IAAIC,QAAb,GAAwB,IAAII,YAA5B,GAAiC;AAJpD,KAOGX,OAPH,CADF,CADF;AAcA,MAAMY,gBAAgB,gBACpBH,6BAACC,SAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,kBACED;AAAA,WAIaH,SAAS,GAAG,MAAH,aAAe,KAAKK,YAApB,OAJtB;AAAA,WAKmB,CAACL,SAAD,IAAc,CAACC,QAAf,GAA0B,IAAII,YAA9B,GAAmC,CALtD;AAAA,WAMmBL,SAAS,IAAI,CAACC,QAAd,GAAyB,IAAII,YAA7B,GAAkC;AANrD,KASGV,SATH,CADF,CADF;AAgBA,sBACEQ,6BAACC,SAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,kBACED;AAAA,WAEeH,SAAS,GAAG,OAAH,GAAa,MAFrC;AAAA,WAGsB,IAAIK;AAH1B,KAOGJ,QAAQ,GAAGK,gBAAH,GAAsBJ,cAPjC,EAQGD,QAAQ,GAAGC,cAAH,GAAoBI,gBAR/B,CADF,CADF;AAcD;;AAEDb,KAAK,CAACc,SAAN,GAAkB;AAChBX,EAAAA,MAAM,EAAEY,eAAS,CAACC,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,EAAuB,UAAvB,CAAhB,CADQ;AAEhBf,EAAAA,OAAO,EAAEc,eAAS,CAACE,IAFH;AAGhBf,EAAAA,SAAS,EAAEa,eAAS,CAACE;AAHL,CAAlB;AAMAjB,KAAK,CAACkB,YAAN,GAAqB;AACnBf,EAAAA,MAAM,EAAE;AADW,CAArB;;;;;"} |