{"version":3,"file":"728-16b5b10b75b4f0b04285.js","mappings":"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","sources":["webpack://WHU-FrontEnd/./src/widgets/NumberGroups/NumberGroupEntry.jsx","webpack://WHU-FrontEnd/./src/widgets/NumberGroups/NumberGroup.jsx","webpack://WHU-FrontEnd/./src/widgets/NumberGroups/NumberGroups.jsx"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport styled, { css } from 'styled-components'\nimport { breakpoint } from 'ui/elements/ThemeProvider/utils'\n\nconst NumberWrap = styled.div`\n  color: ${(props) => props.theme.palette.shade};\n  padding: 0 10px;\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n\n  ${breakpoint.md(css`\n    padding: 10px;\n\n    &:first-child {\n      padding-left: 10px;\n    }\n\n    &:last-child {\n      padding-right: 10px;\n    }\n  `)}\n`\nconst NumberContainer = styled.div`\n  font-weight: bold;\n  line-height: 1;\n`\nconst NumberSymbol = styled.span`\n  font-size: 28px;\n\n  ${breakpoint.md(css`\n    font-size: 40px;\n  `)}\n\n  ${breakpoint.lg(css`\n    font-size: 48px;\n  `)}\n`\nconst Number = styled.span`\n  font-size: 42px;\n\n  ${breakpoint.md(css`\n    font-size: 48px;\n  `)}\n\n  ${breakpoint.lg(css`\n    font-size: 58px;\n  `)}\n`\nconst Subtitle = styled.span``\n\nexport const NumberGroupEntryShape = PropTypes.shape({\n  _key: PropTypes.string.isRequired,\n  _type: PropTypes.string.isRequired,\n  number: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  prefix: PropTypes.string,\n  suffix: PropTypes.string,\n})\n\nconst NumberGroupEntry = ({ number }) => {\n  return (\n    <NumberWrap>\n      <NumberContainer>\n        {!!number.prefix && <NumberSymbol>{number.prefix}</NumberSymbol>}\n        <Number>{number.number}</Number>\n        {!!number.suffix && <NumberSymbol>{number.suffix}</NumberSymbol>}\n      </NumberContainer>\n      {number.subtitle && <Subtitle>{number.subtitle}</Subtitle>}\n    </NumberWrap>\n  )\n}\nNumberGroupEntry.propTypes = {\n  number: NumberGroupEntryShape,\n}\n\nexport default NumberGroupEntry\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styled, { css } from 'styled-components'\n\nimport NumberGroupEntry, { NumberGroupEntryShape } from './NumberGroupEntry'\nimport { breakpoint } from 'ui/elements/ThemeProvider/utils'\n\nconst Box = styled.div`\n  display: flex;\n  flex-direction: column;\n\n  margin: 20px 0;\n  padding: 0 20px;\n\n  box-sizing: border-box;\n\n  width: 100%;\n  flex-shrink: 0;\n  flex-grow: 0;\n\n  ${breakpoint.md(css`\n    width: 50%;\n  `)}\n\n  ${breakpoint.lg(css`\n    ${(props) => {\n      switch (props.perRow) {\n        case 2:\n          return css`\n            width: 50%;\n          `\n        case 4:\n          return css`\n            width: 25%;\n          `\n        case 3:\n        default:\n          return css`\n            width: 33%;\n          `\n      }\n    }}\n  `)}\n`\nconst Title = styled.span`\n  display: block;\n  color: ${(props) => props.theme.palette.primary};\n  font-size: 20px;\n  line-height: 1;\n  font-weight: bold;\n\n  margin-bottom: 5px;\n`\nconst Subtitle = styled.span`\n  display: block;\n  font-size: 20px;\n  line-height: 1;\n  font-weight: 300;\n  color: ${(props) => props.theme.palette.primary};\n\n  margin-bottom: 1em;\n`\nconst NumberWrap = styled.div`\n  display: flex;\n  flex-wrap: nowrap;\n  align-content: flex-start;\n  justify-content: flex-start;\n\n  padding: 8px 16px;\n\n  border-right: 0;\n  border-bottom: 0;\n\n  border-left: 1px;\n  border-top: 1px;\n  border-style: solid;\n  border-color: ${(props) => props.theme.palette.primary};\n\n  margin-top: auto;\n  margin-bottom: 0;\n`\n\nexport const NumberGroupShape = PropTypes.shape({\n  _key: PropTypes.string.isRequired,\n  _type: PropTypes.string.isRequired,\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  numbers: PropTypes.arrayOf(NumberGroupEntryShape).isRequired,\n})\n\nconst NumberGroup = ({ group, perRow }) => {\n  return (\n    <Box perRow={perRow}>\n      <Title>{group.title}</Title>\n      {!!group.subtitle && <Subtitle>{group.subtitle}</Subtitle>}\n      <NumberWrap>\n        {group.numbers.map((number) => {\n          return <NumberGroupEntry number={number} key={number._key} />\n        })}\n      </NumberWrap>\n    </Box>\n  )\n}\nNumberGroup.propTypes = {\n  group: NumberGroupShape.isRequired,\n  perRow: PropTypes.number.isRequired,\n}\n\nexport default NumberGroup\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styled from 'styled-components'\n\nimport NumberGroup, { NumberGroupShape } from './NumberGroup'\n\nconst Wrap = styled.div`\n  display: flex;\n  justify-content: flex-start;\n  align-content: flex-start;\n\n  margin-left: -16px !important;\n  margin-right: -16px !important;\n\n  flex-wrap: wrap;\n`\n\nconst NumberGroups = ({ groups, perRow }) => {\n  return (\n    <Wrap>\n      {groups.map((group) => {\n        return <NumberGroup group={group} perRow={perRow} key={group._key} />\n      })}\n    </Wrap>\n  )\n}\n\nNumberGroups.propTypes = {\n  groups: PropTypes.arrayOf(NumberGroupShape).isRequired,\n  perRow: PropTypes.number,\n}\n\nNumberGroups.defaultProps = {\n  perRow: 3,\n}\n\nexport default NumberGroups\n"],"names":["NumberWrap","styled","div","withConfig","displayName","componentId","props","theme","palette","shade","breakpoint","md","css","NumberContainer","NumberSymbol","span","lg","Number","Subtitle","NumberGroupEntryShape","PropTypes","_key","isRequired","_type","number","subtitle","prefix","suffix","_ref","React","Box","perRow","Title","primary","title","numbers","group","map","NumberGroupEntry","key","Wrap","NumberGroups","groups","NumberGroup","defaultProps"],"sourceRoot":""}