{"version":3,"sources":["components/SubNavRelatedLinks/index.module.scss","components/SubNavRelatedLinks/index.tsx","react/RoutableLink/index.js","ts/enums.ts","ts/handleAnchorOffset.ts"],"names":["module","exports","withSitecoreContext","props","_fields$children","_fields$heading","fields","sitecoreContext","isEditing","pageEditing","subNavContainerRef","useRef","pathname","useLocation","links","children","filter","x","_x$fields","_x$fields$link","_x$fields2","link","value","href","linkText","useEffect","current","handleAnchorOffset","heading","length","React","createElement","className","css","subNavContainer","ref","Text","field","tag","title","innerContainer","list","map","index","key","listItem","Fragment","Link","RoutableLink","listItemLink","data-chevron","data-color","Colors","GREY","_props$field","_props$field$value","_props$field2","_props$field3","_props$field3$value","_props$field4","_props$field4$value","_props$field6","hasValidHref","editable","target","linktype","ariaLabelObj","ariaLabel","_props$field5","_value$href","newProps","_objectWithoutProperties","startsWith","RouterLink","Object","assign","to","text","linkProps","_objectSpread","Sizes","Themes","urlHistory","getOffsetFromTopOfPage","el","rect","getBoundingClientRect","scrollTop","window","pageYOffset","document","documentElement","top","performOffset","e","_document","_document$body","_document2","_document2$body","preventDefault","header","body","querySelector","anchor","closest","hash","anchorPosition","offsetAmount","offsetHeight","scrollIntoView","behavior","block","inline","scrollTo","push","handleAnchorOffsetUrlHash","setTimeout","_document3","_document4","_document4$body","location","test","container","history","anchorLinks","querySelectorAll","forEach","addEventListener"],"mappings":"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","file":"static/js/SubNavRelatedLinks.8986a550.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"subNavContainer\":\"SubNavRelatedLinks_subNavContainer__1_j9C\",\"title\":\"SubNavRelatedLinks_title__2FIct\",\"innerContainer\":\"SubNavRelatedLinks_innerContainer__2A0O2\",\"list\":\"SubNavRelatedLinks_list__1--us\",\"listItem\":\"SubNavRelatedLinks_listItem__3uKS8\",\"listItemLink\":\"SubNavRelatedLinks_listItemLink__2jP3F\"};","import React, { useRef, useEffect } from 'react';\r\nimport { Link, Text, withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\r\nimport { RoutableLink } from '../../react/RoutableLink';\r\nimport { Colors, Targets } from '../../ts/enums';\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { handleAnchorOffset } from '../../ts/handleAnchorOffset'\r\nimport css from './index.module.scss';\r\n\r\nconst SubNavRelatedLinks = (props) => {\r\n  const { fields, sitecoreContext } = props;\r\n  const isEditing = sitecoreContext?.pageEditing;\r\n  const subNavContainerRef = useRef();\r\n  const { pathname } = useLocation();\r\n\r\n  const links = fields?.children?.filter(x => isEditing || x.fields?.link?.value.href && x.fields?.linkText.value)\r\n\r\n  useEffect(() => {\r\n    if (!subNavContainerRef.current) return;\r\n    if(!isEditing) {\r\n      handleAnchorOffset(subNavContainerRef.current);\r\n    }\r\n  },[pathname]);\r\n\r\n  return (\r\n    isEditing || fields?.heading?.value && links?.length > 0 ?\r\n      <section className={css.subNavContainer} ref={subNavContainerRef}>\r\n\r\n        <Text field={fields.heading} tag='p' className={css.title} />\r\n\r\n        <div className={css.innerContainer}>\r\n          <ul className={css.list}>\r\n            {\r\n              links?.map((link, index) =>\r\n                <li key={index} className={css.listItem}>\r\n                  {\r\n                    isEditing ?\r\n                      <>\r\n                        <Link field={link.fields.link}></Link>\r\n                        <Text field={link.fields.linkText}></Text>\r\n                      </>\r\n                      : <RoutableLink field={link.fields.link} className={css.listItemLink} data-chevron={true} data-color={Colors.GREY} >\r\n                        <Text field={link.fields.linkText} />\r\n                      </RoutableLink>\r\n                  }\r\n                </li>\r\n              )\r\n            }\r\n          </ul>\r\n        </div>\r\n      </section>\r\n      : null\r\n  );\r\n}\r\n\r\nexport default withSitecoreContext()(SubNavRelatedLinks);","import React from 'react';\r\nimport { Link } from '@sitecore-jss/sitecore-jss-react';\r\n// note we're aliasing the router's link component name, since it conflicts with JSS' link component\r\nimport { Link as RouterLink } from 'react-router-dom';\r\n\r\n/** React component that turns Sitecore link values that start with / into react-router route links */\r\nconst RoutableLink = (props) => {\r\n  const hasValidHref = props.field?.value?.href;\r\n  const isEditing = props?.editable && props?.field?.editable;\r\n    const target = props?.field?.value?.linktype == \"external\" ? \"_blank\" : props.field?.value?.target || \"_self\";\r\n\r\n  // only want to apply the routing link if not editing (if editing, need to render editable link value)\r\n\r\n  var ariaLabelObj = {};\r\n  if(props?.ariaLabel && props?.ariaLabel.length > 0){\r\n    ariaLabelObj[\"aria-label\"] = props?.ariaLabel;\r\n  }\r\n  if (hasValidHref && !isEditing) {\r\n\r\n    const value = props?.field?.value;\r\n    var { field, editable, ariaLabel, ...newProps } = props;\r\n\r\n    // determine if a link is a route or not. This logic may not be appropriate for all usages.\r\n    if (value?.href?.startsWith('/')) {\r\n      return (\r\n        <RouterLink to={value.href} {...ariaLabelObj} target={target} {...newProps}>\r\n          {\r\n            <span className='linkText'>\r\n              {props?.children || value?.text || value?.href}\r\n            </span>\r\n          }\r\n        </RouterLink>\r\n      );\r\n    }\r\n  }\r\n  var linkProps = { ...props, field: { value: { ...props?.field?.value, target: target } } };\r\n  var {ariaLabel,...newProps} = linkProps;\r\n  return <Link {...ariaLabelObj} {...newProps}><span className='linkText'>{props?.children}</span></Link>;\r\n};\r\n\r\n// usage - drop-in replacement for JSS' Link component\r\nexport { RoutableLink }","export enum Colors {\r\n  RED = 'red',\r\n  TERRACOTTA = 'terracotta',\r\n  VIOLET = 'violet',\r\n  DARKVIOLET = 'darkviolet',\r\n  YELLOW = 'yellow',\r\n  LAKE = 'lake',\r\n  DARKLAKE = 'darklake',\r\n  GREY = 'grey',\r\n  WHITE = 'white'  \r\n};\r\n\r\nexport enum Sizes {\r\n  SMALL = 'small',\r\n  MEDIUM = 'medium',\r\n  LARGE = 'large'\r\n};\r\n\r\nexport enum Targets {\r\n  SELF = '_self',\r\n  BLANK = '_blank',\r\n};\r\n\r\nexport enum Themes {\r\n  DARK = 'dark',\r\n  LIGHT = 'light',\r\n  WHITE = 'white'\r\n}","var urlHistory;\r\n\r\nfunction getOffsetFromTopOfPage(el) {\r\n    let rect = el.getBoundingClientRect(),\r\n    scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    return rect.top + scrollTop;\r\n}\r\n\r\nfunction performOffset(e){\r\n    e.preventDefault();\r\n    let header = document?.body?.querySelector('header');\r\n    let anchor = document?.body?.querySelector(e.target.closest('a').hash);\r\n    let anchorPosition = getOffsetFromTopOfPage(anchor);\r\n    let offsetAmount = header.offsetHeight + 15;\r\n    anchor.scrollIntoView({behavior: \"smooth\", block: 'start', inline: 'nearest'});\r\n    window.scrollTo({top: anchorPosition - offsetAmount, behavior: 'smooth'});\r\n    if (urlHistory) {\r\n        urlHistory.push(e.target.closest('a').hash);\r\n    }\r\n    return false;\r\n}\r\n\r\nexport function handleAnchorOffsetUrlHash(){\r\n    //timeout of zero to wait for dom load\r\n    setTimeout(function(){\r\n        let hash = window.location.hash;\r\n        if(hash == \"#maincontent\") return;\r\n        if(hash.length == 0 || !(/^[A-Za-z\\#]+[\\w\\-\\:\\.]*$/).test(hash)) return;\r\n        let anchor = document?.body.querySelector(hash);\r\n\r\n        if(!anchor) return;\r\n        let header = document?.body?.querySelector('header');\r\n        let anchorPosition = getOffsetFromTopOfPage(anchor);\r\n        let offsetAmount = header.offsetHeight + 15;\r\n        anchor.scrollIntoView({behavior: \"smooth\", block: 'start', inline: 'nearest'});\r\n        window.scrollTo({top: anchorPosition - offsetAmount, behavior: 'smooth'});\r\n    },0);\r\n}\r\n\r\nexport function handleAnchorOffset(container, history?) {\r\n    const anchorLinks = container?.querySelectorAll('a[href^=\"#\"]');\r\n    urlHistory = history;\r\n    anchorLinks.forEach((link) => {\r\n        link.addEventListener('click', performOffset, false);\r\n    });\r\n}"],"sourceRoot":""}