{"version":3,"file":"NotificationBar-55621f160bfdb2e13497.js","mappings":"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","sources":["webpack://royal-geographical-society/./src/helpers/brand.ts","webpack://royal-geographical-society/./src/helpers/fluid.ts","webpack://royal-geographical-society/./src/helpers/grid.ts","webpack://royal-geographical-society/./src/helpers/media.ts","webpack://royal-geographical-society/./src/stories/Components/Global/NotificationBar/NotificationBar.styles.ts","webpack://royal-geographical-society/./src/stories/Components/Global/NotificationBar/NotificationBar.tsx","webpack://royal-geographical-society/./src/stories/Components/Global/SectionWrapper/SectionWrapper.styles.ts","webpack://royal-geographical-society/./src/hoc/withBaseProps.tsx","webpack://royal-geographical-society/./src/stories/Components/Global/SectionWrapper/SectionWrapper.tsx"],"sourcesContent":["import { hsl } from 'polished';\r\nexport default {\r\n    /** Hex: #FFFFFF */\r\n    white: '#FFFFFF',\r\n    /** Hex: #000000 */\r\n    black: '#000000',\r\n    /** Hex: #F54C00 (About us) */\r\n    orange: '#F54C00',\r\n    /** Hex: #0C6493 (Choose geography | Research) */\r\n    blue: '#0C6493',\r\n    /** Hex: #8E0075 (Schools) */\r\n    purple: '#8E0075',\r\n    /** Hex: #E00029 (Professionals) */\r\n    red: '#E00029',\r\n    green: {\r\n        /** Hex: #57830A (In the field) */\r\n        default: '#57830A',\r\n        /** Hex: #344F06 (Collections) */\r\n        dark: '#344F06',\r\n    },\r\n    /** Hex: #1A847D (Events) */\r\n    teal: '#1A847D',\r\n    grey: {\r\n        /** Hex: #212121 */\r\n        grey13: hsl(0, 0, 0.13),\r\n        /** Hex: #585858 */\r\n        grey20: hsl(0, 0, 0.2),\r\n        /** Hex: #585858 */\r\n        grey35: hsl(0, 0, 0.35),\r\n        /** Hex: #686868 */\r\n        grey41: hsl(0, 0, 0.41),\r\n        /** Hex: #707070 */\r\n        grey44: hsl(0, 0, 0.44),\r\n        /** Hex: #999999 */\r\n        grey60: hsl(0, 0, 0.6),\r\n        /** Hex: #CCCCCC */\r\n        grey80: hsl(0, 0, 0.8),\r\n        /** Hex: #E5E5E5 */\r\n        grey90: hsl(0, 0, 0.9),\r\n        /** Hex: #E7E7E7 */\r\n        grey91: hsl(0, 0, 0.91),\r\n        /** Hex: #F7F7F7 */\r\n        grey97: hsl(0, 0, 0.97),\r\n    },\r\n};\r\n/**\r\n * - Orange (CSS: `${brand.orange}`) (HEX: #F54C00)\r\n * - Blue (CSS: `${brand.blue}`) (HEX: #0C6493)\r\n * - Purple (CSS: `${brand.purple}`) (HEX: #8E0075)\r\n * - Red (CSS: `${brand.red}`) (HEX: #E00029)\r\n * - Green (CSS: `${brand.green.default}`) (HEX: #57830A)\r\n * - DarkGreen (CSS: `${brand.green.dark}`) (HEX: #344F06)\r\n * - Teal (CSS: `${brand.teal}`) (HEX: #1A847D)\r\n * - White (CSS: `${brand.white}`) (HEX: #FFFFFF)\r\n */\r\nexport var ThemeOption;\r\n(function (ThemeOption) {\r\n    ThemeOption[\"Orange\"] = \"orange\";\r\n    ThemeOption[\"Blue\"] = \"blue\";\r\n    ThemeOption[\"Purple\"] = \"purple\";\r\n    ThemeOption[\"Red\"] = \"red\";\r\n    ThemeOption[\"Green\"] = \"green\";\r\n    ThemeOption[\"DarkGreen\"] = \"dark-green\";\r\n    ThemeOption[\"Teal\"] = \"teal\";\r\n    ThemeOption[\"White\"] = \"white\";\r\n})(ThemeOption || (ThemeOption = {}));\r\n","import { Device } from './media';\r\n/**\r\n * Base pixel value for the \"rem\" unit.\r\n */\r\nexport const PIXELS_PER_REM = 18;\r\n/**\r\n * Default pixel value for the min width.\r\n */\r\nexport const DEFAULT_MIN_VALUE = Device.TabletSmall;\r\n/**\r\n * Default pixel value for the max width.\r\n */\r\nexport const DEFAULT_MAX_VALUE = Device.DesktopLarge;\r\n/**\r\n * Define a fluid value between the min/max values at the min/max widths.\r\n */\r\nexport function fluid(min, max, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE) {\r\n    const minRem = min / PIXELS_PER_REM;\r\n    const maxRem = max / PIXELS_PER_REM;\r\n    const minWidthRem = minWidth / PIXELS_PER_REM;\r\n    const maxWidthRem = maxWidth / PIXELS_PER_REM;\r\n    const slope = (maxRem - minRem) / (maxWidthRem - minWidthRem);\r\n    const yAxisIntersection = -minWidthRem * slope + minRem;\r\n    const clampMin = `${round(minRem)}rem`;\r\n    const clampVal = `${round(yAxisIntersection)}rem + ${round(slope * 100)}vw`;\r\n    const clampMax = `${round(maxRem)}rem`;\r\n    return `clamp(${clampMin}, ${clampVal}, ${clampMax})`;\r\n}\r\n/**\r\n * Define a fluid value between the min/max values at the min/max widths.\r\n */\r\nexport function fluidUnit(min, max, unit, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE) {\r\n    const slope = (max - min) / (maxWidth - minWidth);\r\n    const yAxisIntersection = -minWidth * slope + min;\r\n    const clampMin = `${round(min)}`;\r\n    const clampVal = `${round(yAxisIntersection)}${unit} + ${round(slope * 100)}vw`;\r\n    const clampMax = `${round(max)}`;\r\n    return `clamp(${clampMin}${unit}, ${clampVal}, ${clampMax}${unit})`;\r\n}\r\n/**\r\n * Round to nearest hundredth.\r\n */\r\nfunction round(num) {\r\n    return Math.round(num * 100) / 100;\r\n}\r\n","import { css } from 'styled-components';\r\nimport { Device, from } from './media';\r\nexport const SitePadding = 36;\r\nexport const SiteWidth = 1520;\r\nexport const SiteWidthBreakpoint = SiteWidth + SitePadding * 2;\r\nexport const siteWide = css `\r\n  --sitePadding: ${SitePadding}px;\r\n  --siteWidth: ${SiteWidth}px;\r\n  --gutterWidth: 10px;\r\n  margin: 0 auto;\r\n  max-width: calc(var(--siteWidth) + var(--sitePadding) + var(--sitePadding));\r\n  padding: 0 var(--sitePadding);\r\n  width: 100%;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    --gutterWidth: 16px;\r\n  }\r\n`;\r\nexport const baseGrid = css `\r\n  display: grid;\r\n  column-gap: var(--gutterWidth);\r\n  grid-template-columns: repeat(12, 1fr);\r\n`;\r\n","export var Device;\r\n(function (Device) {\r\n    Device[Device[\"MobileSmall\"] = 320] = \"MobileSmall\";\r\n    Device[Device[\"Mobile\"] = 375] = \"Mobile\";\r\n    Device[Device[\"MobileLarge\"] = 480] = \"MobileLarge\";\r\n    Device[Device[\"TabletSmall\"] = 568] = \"TabletSmall\";\r\n    Device[Device[\"Tablet\"] = 768] = \"Tablet\";\r\n    Device[Device[\"TabletLarge\"] = 1024] = \"TabletLarge\";\r\n    Device[Device[\"DesktopSmall\"] = 1280] = \"DesktopSmall\";\r\n    Device[Device[\"Desktop\"] = 1366] = \"Desktop\";\r\n    Device[Device[\"DesktopLarge\"] = 1600] = \"DesktopLarge\";\r\n    Device[Device[\"ActualDesktop\"] = 1920] = \"ActualDesktop\";\r\n    Device[Device[\"DesktopXL\"] = 2560] = \"DesktopXL\";\r\n})(Device || (Device = {}));\r\nexport function from(size) {\r\n    return `(min-width: ${size}px)`;\r\n}\r\nexport function until(size) {\r\n    return `(max-width: ${size - 1}px)`;\r\n}\r\nexport function between(start, end) {\r\n    return `${from(start)} and ${until(end)}`;\r\n}\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled from 'styled-components';\r\nimport SectionWrapper from '../SectionWrapper/SectionWrapper';\r\nimport SectionWrapperStyles from '../SectionWrapper/SectionWrapper.styles';\r\nconst Container = styled(SectionWrapper) `\r\n  background-color: ${brand.red};\r\n\r\n  &[data-show='true'] {\r\n    border: 4px solid ${brand.white};\r\n  }\r\n\r\n  ${SectionWrapperStyles.SiteWide} {\r\n    padding: 0;\r\n  }\r\n`;\r\nconst Content = styled.div `\r\n  padding: ${fluid(20, 26)} 50px ${fluid(20, 26)} ${fluid(15, 26)};\r\n  color: ${brand.white};\r\n  font-size: ${fluid(16, 22)};\r\n  line-height: ${fluid(22, 30)};\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    text-align: center;\r\n  }\r\n\r\n  a {\r\n    color: inherit;\r\n  }\r\n`;\r\nconst NotificationClose = styled.div `\r\n  position: absolute;\r\n  top: 50%;\r\n  right: ${fluid(15, 20)};\r\n  transform: translateY(-50%);\r\n  display: flex;\r\n  align-items: center;\r\n  cursor: pointer;\r\n\r\n  svg {\r\n    color: ${brand.white};\r\n    width: 21px;\r\n    height: 21px;\r\n  }\r\n`;\r\nexport const NotificationBarStyles = {\r\n    Container,\r\n    Content,\r\n    NotificationClose,\r\n};\r\n","import { SystemIcon, getSvgFromSystem } from '@helpers/systemIcons';\r\nimport React from 'react';\r\nimport { NotificationBarStyles as S } from './NotificationBar.styles';\r\nconst NotificationBar = (props) => {\r\n    const [displayNotification, setDisplayNotification] = React.useState(true);\r\n    return (React.createElement(S.Container, { flush: \"both\", \"data-show\": displayNotification }, displayNotification && (React.createElement(React.Fragment, null,\r\n        React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: props.content } }),\r\n        React.createElement(S.NotificationClose, { onClick: () => notificationHandler() }, getSvgFromSystem(SystemIcon.Close))))));\r\n    function notificationHandler() {\r\n        document.cookie = `notification-${props.id}=true; expires=Fri, 31 Dec 9999 23:59:59 GMT`;\r\n        setDisplayNotification(false);\r\n    }\r\n};\r\nexport default NotificationBar;\r\n","import brand, { ThemeOption } from '@helpers/brand';\r\nimport { siteWide } from '@helpers/grid';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n  --sectionSpacingTop: 40px;\r\n  --sectionSpacingBottom: 40px;\r\n\r\n  position: relative;\r\n  scroll-margin: var(--headerHeight) 0 0;\r\n\r\n  &[data-allow-scroll-margin='true'] {\r\n    overflow: clip;\r\n  }\r\n\r\n  &[data-flush='top'] {\r\n    --sectionSpacingTop: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingTop: 0;\r\n    }\r\n  }\r\n\r\n  &[data-flush='bottom'] {\r\n    --sectionSpacingBottom: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingBottom: 0;\r\n    }\r\n  }\r\n\r\n  &[data-flush='both'] {\r\n    --sectionSpacingTop: 0;\r\n    --sectionSpacingBottom: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingTop: 0;\r\n      --sectionSpacingBottom: 0;\r\n    }\r\n  }\r\n\r\n  &[data-component-theme=${ThemeOption.Orange}] {\r\n    --themeColor: ${brand.orange};\r\n  }\r\n\r\n  &[data-component-theme=${ThemeOption.Blue}] {\r\n    --themeColor: ${brand.blue};\r\n  }\r\n\r\n  &[data-component-theme=${ThemeOption.Purple}] {\r\n    --themeColor: ${brand.purple};\r\n  }\r\n\r\n  &[data-component-theme=${ThemeOption.Red}] {\r\n    --themeColor: ${brand.red};\r\n  }\r\n\r\n  &[data-component-theme=${ThemeOption.Green}] {\r\n    --themeColor: ${brand.green.default};\r\n  }\r\n\r\n  &[data-component-theme=${ThemeOption.DarkGreen}] {\r\n    --themeColor: ${brand.green.dark};\r\n  }\r\n\r\n  &[data-component-theme=${ThemeOption.Teal}] {\r\n    --themeColor: ${brand.teal};\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  color: var(--fgColor);\r\n  padding-top: var(--sectionSpacingTop);\r\n  padding-bottom: var(--sectionSpacingBottom);\r\n`;\r\nexport const SiteWide = styled.div `\r\n  ${siteWide}\r\n\r\n  [data-inner-width=\"reduced\"] & {\r\n    --siteWidth: 1136px;\r\n  }\r\n\r\n  [data-inner-width='narrow'] & {\r\n    --siteWidth: 880px;\r\n  }\r\n`;\r\nconst SectionWrapperStyles = {\r\n    Container,\r\n    Inner,\r\n    SiteWide,\r\n};\r\nexport default SectionWrapperStyles;\r\n","import * as React from 'react';\r\nconst BasePropsContext = React.createContext({});\r\nexport function withBaseProps(WrappedComponent) {\r\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n    const ComponentWithBaseProps = (props) => {\r\n        return (React.createElement(BasePropsContext.Provider, { value: props },\r\n            React.createElement(WrappedComponent, { ...props })));\r\n    };\r\n    ComponentWithBaseProps.displayName = `withBaseProps(${displayName})`;\r\n    return ComponentWithBaseProps;\r\n}\r\nexport const useBaseProps = () => React.useContext(BasePropsContext);\r\n","import { useBaseProps } from '@hoc/withBaseProps';\r\nimport * as React from 'react';\r\nimport S from './SectionWrapper.styles';\r\nconst SectionWrapper = React.forwardRef((props, ref) => {\r\n    const { children, theme, layout = 'default', flush = 'none', innerWidth = 'default', ...otherProps } = props;\r\n    const baseProps = useBaseProps();\r\n    return (React.createElement(S.Container, { ref: ref, id: baseProps.id, ...(theme ? { 'data-component-theme': theme } : null), \"data-allow-scroll-margin\": !!baseProps.id, \"data-flush\": flush, \"data-inner-width\": innerWidth, ...otherProps },\r\n        React.createElement(S.Inner, null, renderLayout())));\r\n    function renderLayout() {\r\n        if (layout === 'fullWidth') {\r\n            return children;\r\n        }\r\n        return React.createElement(S.SiteWide, null, children);\r\n    }\r\n});\r\nSectionWrapper.displayName = 'SectionWrapper';\r\nexport default SectionWrapper;\r\n"],"names":["white","black","orange","blue","purple","red","green","default","dark","teal","grey","grey13","hsl","grey20","grey35","grey41","grey44","grey60","grey80","grey90","grey91","grey97","ThemeOption","PIXELS_PER_REM","DEFAULT_MIN_VALUE","Device","DEFAULT_MAX_VALUE","fluid","min","max","minWidth","maxWidth","minRem","maxRem","minWidthRem","maxWidthRem","slope","yAxisIntersection","clampMin","round","clampVal","clampMax","fluidUnit","unit","num","Math","siteWide","css","from","baseGrid","size","until","between","start","end","NotificationBarStyles","Container","styled","SectionWrapper","brand","SectionWrapperStyles","Content","NotificationClose","props","displayNotification","setDisplayNotification","React","S","flush","dangerouslySetInnerHTML","__html","content","onClick","document","cookie","id","getSvgFromSystem","SystemIcon","Inner","SiteWide","BasePropsContext","ref","children","theme","layout","innerWidth","otherProps","baseProps","displayName"],"sourceRoot":""}