{"version":3,"sources":["webpack:///./src/modules/Breadcrumbs/index.js","webpack:///./src/modules/Breadcrumbs/Breadcrumbs.js"],"names":["Container","styled","div","withConfig","displayName","componentId","rem","_ref","theme","name","_ref2","area","mediaQuery","md","_templateObject","_taggedTemplateLiteral","_ref3","concat","LeadingRectangle","color","yellow","BreadcrumbLink","Link","getFontSize","_ref4","primary","sm","_templateObject2","_templateObject3","lg","_templateObject4","BreadcrumbSeperator","span","keyGen","consecutive","Breadcrumbs","_React$Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","key","value","_this$props","this","props","links","length","lastLink","React","Ribbon","marginBottom","roundedTop","MediaQuery","query","breakpoints","matches","map","item","index","label","defaultProps"],"mappings":"2FACA,+D,sxDCoBA,IAAMA,EAAYC,IAAOC,IAAGC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,eAAVJ,CAAU,6JACRK,YAAI,KACX,SAAAC,GAAQ,MACF,SADEA,EAALC,MACNC,KACF,OACA,SAEQH,YAAI,KAWhB,SAAAI,GAAO,MAAgB,YAAhBA,EAAJC,MAAiC,wBAEpCC,IAAWC,GAAEC,MAAAC,EAAA,qBACX,SAAAC,GAAO,MACE,YADFA,EAAJL,MACe,uBAAAM,OAEJX,YAAI,IAAG,eAKrBY,EAAmBjB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,eAAVJ,CAAU,gGAExBK,YAAI,IACAA,YAAI,IACGa,IAAMC,OACVd,YAAI,GACHA,YAAI,IAGjBe,EAAiBpB,YAAOqB,KAAKnB,WAAA,CAAAC,YAAA,8BAAAC,YAAA,eAAZJ,CAAY,6KACpBsB,YAAY,SAGhB,SAAAC,GAAQ,OAAAA,EAALhB,MAAkBiB,UAQ5Bb,IAAWc,GAAEC,MAAAZ,EAAA,gCACAT,YAAI,MAGjBM,IAAWC,GAAEe,MAAAb,EAAA,gCACAT,YAAI,MAGjBM,IAAWiB,GAAEC,MAAAf,EAAA,gCACAT,YAAI,OAIfyB,EAAsB9B,IAAO+B,KAAI7B,WAAA,CAAAC,YAAA,mCAAAC,YAAA,eAAXJ,CAAW,oDACtBK,YAAI,GACHA,YAAI,GACPiB,YAAY,SAKrBU,EAASC,MAGTC,EAAW,SAAAC,I,qRAAAC,CAAAF,EAAAC,GAAA,I,MAAAE,EAAAC,EAAAJ,GAAA,SAAAA,IAAA,OAAAK,EAAA,KAAAL,GAAAG,EAAAG,MAAA,KAAAC,WAoCd,O,EApCcP,G,EAAA,EAAAQ,IAAA,SAAAC,MAIf,WACE,IAAAC,EAAwBC,KAAKC,MAArBC,EAAKH,EAALG,MAAOrC,EAAIkC,EAAJlC,KAEf,IAAKqC,GAA0B,IAAjBA,EAAMC,OAAc,OAAO,KAEzC,IAAMC,EAAWF,EAAMA,EAAMC,OAAS,GAEtC,OACEE,gBAACC,IAAM,CAACC,cAAc,EAAOC,YAAY,GACvCH,gBAACnD,EAAS,CAACW,KAAMA,GACfwC,gBAACjC,EAAgB,MACjBiC,gBAACI,IAAU,CAACC,MAAK,eAAAvC,OAAiBwC,IAAY5C,GAAE,SAC7C,SAAA6C,GAAO,OACNA,EACEV,EAAMW,KAAI,SAACC,EAAMC,GACf,OACEV,gBAACA,WAAc,CAACR,IAAG,cAAA1B,OAAgBgB,MACjCkB,gBAAC9B,EAAmBuC,EAAOA,EAAKE,OAC/BD,EAAQb,EAAMC,OAAS,GACtBE,gBAACpB,EAAmB,KAAC,SAM7BoB,gBAAC9B,EAAmB6B,EAAWA,EAASY,iB,8EAOrD3B,EApCc,CAASgB,aAApBhB,EACG/B,YAAc,cADjB+B,EAEG4B,aAAe,GAqCT5B","file":"static/scripts/breadcrumbs-12542fbfc1c588e10f0d.js","sourcesContent":["// @flow\nexport { default } from './Breadcrumbs.js'\n","// @flow\nimport * as React from 'react'\nimport styled from 'styled-components'\nimport consecutive from 'consecutive'\nimport { rem } from 'polished'\nimport { breakpoints, mediaQuery } from '../../styles/media'\nimport { color } from '../../styles/theme'\n\nimport type { AreaTypes } from '../../types/enums/AreaTypes'\nimport type { LinkViewModel } from '../../types/LinkViewModel'\n\nimport Link from '../../components/Link'\nimport MediaQuery from '../../components/MediaQuery/MediaQuery'\nimport Ribbon from '../../components/Ribbon/Ribbon'\nimport { getFontSize } from '../../styles/style-helpers'\n\nexport type Props = {\n  links: Array<LinkViewModel>,\n  area?: AreaTypes,\n}\n\nconst Container = styled.div`\n  padding-bottom: ${rem(32)};\n  display: ${({ theme }) =>\n    theme.name === 'kids'\n      ? 'none'\n      : 'flex'}; /* hide Breadcrumbs on kids theme, quick'n'dirty */\n  align-items: center;\n  min-height: ${rem(41)};\n  overflow-x: auto;\n  a:last-child {\n    &:after {\n      display: none;\n    }\n  }\n\n  @media print {\n    display: none;\n  }\n  ${({ area }) => area === 'library' && `padding-top: 46px;}`}\n\n  ${mediaQuery.md`\n    ${({ area }) =>\n      area === 'library' &&\n      `\n     padding-top: ${rem(96)};\n    `}\n  `};\n`\n\nconst LeadingRectangle = styled.div`\n  height: 2px;\n  width: ${rem(16)};\n  min-width: ${rem(16)};\n  background-color: ${color.yellow};\n  margin-right: ${rem(8)};\n  margin-bottom: ${rem(2)};\n`\n\nconst BreadcrumbLink = styled(Link)`\n  font-size: ${getFontSize('tiny')};\n  font-weight: bold;\n  text-transform: uppercase;\n  color: ${({ theme }) => theme.primary};\n  letter-spacing: 1px;\n  line-height: 1;\n  white-space: nowrap;\n\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  ${mediaQuery.sm`\n    max-width: ${rem(250)};\n  `}\n\n  ${mediaQuery.md`\n    max-width: ${rem(120)};\n  `}\n\n  ${mediaQuery.lg`\n    max-width: ${rem(190)};\n  `}\n`\n\nconst BreadcrumbSeperator = styled.span`\n  margin-left: ${rem(8)};\n  margin-right: ${rem(8)};\n  font-size: ${getFontSize('tiny')};\n`\n\ntype State = {}\n\nconst keyGen = consecutive()\n\n// @TODO - Remember this will inherit the Link's hover expression - get rid of it or fix Link\nclass Breadcrumbs extends React.Component<Props, State> {\n  static displayName = 'Breadcrumbs'\n  static defaultProps = {}\n\n  render() {\n    const { links, area } = this.props\n\n    if (!links || links.length === 0) return null\n\n    const lastLink = links[links.length - 1]\n\n    return (\n      <Ribbon marginBottom={false} roundedTop={true}>\n        <Container area={area}>\n          <LeadingRectangle />\n          <MediaQuery query={`(min-width: ${breakpoints.md}em)`}>\n            {matches =>\n              matches ? (\n                links.map((item, index) => {\n                  return (\n                    <React.Fragment key={`Breadcrumb-${keyGen()}`}>\n                      <BreadcrumbLink {...item}>{item.label}</BreadcrumbLink>\n                      {index < links.length - 1 && (\n                        <BreadcrumbSeperator>/</BreadcrumbSeperator>\n                      )}\n                    </React.Fragment>\n                  )\n                })\n              ) : (\n                <BreadcrumbLink {...lastLink}>{lastLink.label}</BreadcrumbLink>\n              )\n            }\n          </MediaQuery>\n        </Container>\n      </Ribbon>\n    )\n  }\n}\n\nexport default Breadcrumbs\n"],"sourceRoot":""}