{"version":3,"sources":["webpack:///./src/components/elements/Tabs/Tab.module.css","webpack:///./src/components/elements/Tabs/TabList.module.css","webpack:///./src/components/Layout/ContentRightSidebar/ContentRightSidebar.js","webpack:///./src/templates/OurResourcesTemplate/OurResourcesTemplate.module.css","webpack:///./src/components/elements/Tabs/Tab.js","webpack:///./src/components/elements/Tabs/TabList.js","webpack:///./src/components/elements/Tabs/TabPanel.module.css","webpack:///./src/components/Layout/ContentRightSidebar/ContentRightSidebar.module.css","webpack:///./src/components/elements/Tabs/TabPanel.js","webpack:///./src/templates/OurResourcesTemplate/OurResourcesTemplate.js"],"names":["module","exports","ContentRightSidebar","header","children","useSiteMetadata","title","description","classes","classNames","styles","root","headerProps","image","backgroundUrl","className","Tab","identifier","kind","onClick","tabClassNames","tab","isButton","link","tabContext","useContext","TabContext","activeTab","active","event","changeTab","TabList","tabListClassNames","tabList","TabPanel","tabPanelClassNames","OurResourcesTemplate","data","aboutPage","frontmatter","podcasts","flattenNodes","edges","cats","categories","documents","documentCats","documentCategories","breadcrumbs","label","url","thickness","tag","type","initialValue","head","tabsHeader","map","cat","key","columns","filter","document","includes","index","href","file","target","podcast","podcastCategories","orientation","pageQuery"],"mappings":"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","file":"component---src-templates-our-resources-template-our-resources-template-js-ccf260b03a7df48bdc22.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"tab\":\"Tab-module--tab--1KaJ6\",\"isButton\":\"Tab-module--is-button--2GGyB\",\"active\":\"Tab-module--active--1aiAs\",\"link\":\"Tab-module--link--2RL_e\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tabList\":\"TabList-module--tab-list---GMgF\"};","import React from 'react'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport Navbar from '../../partials/NavBar/Navbar'\nimport useSiteMetadata from '../../graphqlFragments/SiteMetadata'\nimport Head from '../Head'\nimport { Footer } from '../..'\nimport styles from './ContentRightSidebar.module.css'\nimport headerProps from '../../propTypes/headerProps'\nimport PrimaryHeader from '../../elements/PrimaryHeader/PrimaryHeader'\n\nconst ContentRightSidebar = ({ header, children }) => {\n  const { title, description } = useSiteMetadata()\n  const classes = classNames(['page-wrapper container', styles.root])\n  const headerProps = !header\n    ? null\n    : {\n        ...header,\n        image: header.backgroundUrl,\n      }\n\n  return (\n    <>\n      <Head title={title} description={description} />\n      <Navbar />\n      {header && <PrimaryHeader {...headerProps} />}\n      <div className={classes}>{children}</div>\n      <Footer />\n    </>\n  )\n}\n\nContentRightSidebar.propTypes = {\n  header: headerProps,\n  children: PropTypes.node,\n}\n\nexport default ContentRightSidebar\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tabsHeader\":\"OurResourcesTemplate-module--tabs-header--1N2rh\",\"tabList\":\"OurResourcesTemplate-module--tab-list--3pBQa\"};","import React, { useContext } from 'react'\nimport { TabContext } from './Tabs'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport styles from './Tab.module.css'\n\nconst Tab = ({\n  identifier,\n  className = '',\n  kind = 'base',\n  onClick = () => {},\n  children,\n}) => {\n  const tabClassNames = classNames([styles.tab, className], {\n    [styles.isButton]: kind === 'button',\n    [styles.link]: kind === 'link',\n  })\n  const tabContext = useContext(TabContext)\n\n  const handleClick = event => {\n    tabContext.changeTab(identifier)\n    onClick(event)\n  }\n\n  return (\n    <span\n      className={`\n      ${tabClassNames}\n      ${tabContext.activeTab === identifier ? styles.active : ''}\n      `}\n      onClick={handleClick}\n    >\n      {children}\n    </span>\n  )\n}\n\nTab.propTypes = {\n  className: PropTypes.string,\n  identifier: PropTypes.string,\n  onClick: PropTypes.func,\n  kind: PropTypes.oneOf(['base', 'link', 'button']),\n  children: PropTypes.node,\n}\n\nexport default Tab\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport styles from './TabList.module.css'\n\nconst TabList = ({ className = '', children }) => {\n  const tabListClassNames = classNames([styles.tabList, className])\n\n  return <div className={tabListClassNames}>{children}</div>\n}\n\nTabList.propTypes = {\n  className: PropTypes.string,\n  initialValue: PropTypes.string,\n  children: PropTypes.node,\n}\n\nexport default TabList\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tabPanel\":\"TabPanel-module--tab-panel--3DCLp\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"ContentRightSidebar-module--root--OGPZo\"};","import React, { useContext } from 'react'\nimport { TabContext } from './Tabs'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport './TabPanel.module.css'\n\nconst TabPanel = ({ identifier, className = '', children }) => {\n  const tabPanelClassNames = classNames([className, 'tab-panel'])\n  const tabContext = useContext(TabContext)\n\n  return (\n    tabContext.activeTab === identifier && (\n      <div className={tabPanelClassNames}>{children}</div>\n    )\n  )\n}\n\nTabPanel.propTypes = {\n  className: PropTypes.string,\n  identifier: PropTypes.string,\n  children: PropTypes.node,\n}\n\nexport default TabPanel\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport {\n  TemplateBreadCrumbs,\n  Typography,\n  Divider,\n  PressOfficeWidget,\n  Social,\n  PinBlockGroup,\n  IonoPodcast,\n  Tabs,\n} from '../../components'\nimport styles from './OurResourcesTemplate.module.css'\nimport { graphql } from 'gatsby'\nimport ContentRightSidebar from '../../components/Layout/ContentRightSidebar/ContentRightSidebar'\nimport { flattenNodes } from '../../utils'\nimport { head } from 'ramda'\nimport TabList from '../../components/elements/Tabs/TabList'\nimport Tab from '../../components/elements/Tabs/Tab'\nimport TabPanel from '../../components/elements/Tabs/TabPanel'\n\nconst OurResourcesTemplate = ({ data }) => {\n  const {\n    aboutPage: {\n      frontmatter: { header },\n    },\n    // categories,\n  } = data\n\n  const breadcrumbs = [\n    { label: 'About Us', url: '/about-us/' },\n    { label: 'Our Resources' },\n  ]\n\n  const podcasts = flattenNodes(data.podcasts.edges)\n  const cats = flattenNodes(data.categories.edges)\n  const documents = flattenNodes(data.documents.edges)\n  const documentCats = flattenNodes(data.documentCategories.edges)\n\n  return (\n    <>\n      <ContentRightSidebar header={header}>\n        <div>\n          <TemplateBreadCrumbs breadcrumbs={breadcrumbs} />\n          <Divider thickness={4} />\n          <Typography tag=\"h1\" type=\"boxHeading\" className=\"mb-8\">\n            Our Resources\n          </Typography>\n\n          <Typography tag=\"h2\" className=\"mb-4\">\n            Documents\n          </Typography>\n\n          <Tabs initialValue={head(documentCats).title} className=\"mb-8\">\n            <div className={styles.tabsHeader}>\n              <TabList className={styles.tabList}>\n                {documentCats.map(cat => {\n                  return (\n                    cat && (\n                      <Tab key={cat.title} identifier={cat.title} kind=\"link\">\n                        {cat.title}\n                      </Tab>\n                    )\n                  )\n                })}\n              </TabList>\n            </div>\n\n            {documentCats.map(cat => {\n              return (\n                <TabPanel key={cat.title} identifier={cat.title}>\n                  <div key={cat.title}>\n                    <PinBlockGroup key={1} columns={1} />\n                    <ul className=\"list-disc pl-2 ml-8\">\n                      {documents\n                        .filter(document =>\n                          cat.title.includes(document.documentCategories),\n                        )\n                        .map((document, index) => {\n                          return (\n                            <li key={`document-${index}`}>\n                              <a\n                                href={document.file}\n                                target=\"__blank\"\n                                className=\"text-blue hover:underline\"\n                              >\n                                {document.title}\n                              </a>\n                            </li>\n                          )\n                        })}\n                    </ul>\n                  </div>\n                </TabPanel>\n              )\n            })}\n          </Tabs>\n\n          <Typography tag=\"h2\" className=\"mb-4\">\n            Podcasts\n          </Typography>\n\n          <Tabs initialValue={head(cats).title}>\n            <div className={styles.tabsHeader}>\n              <TabList className={styles.tabList}>\n                {cats.map(cat => {\n                  return (\n                    cat && (\n                      <Tab key={cat.title} identifier={cat.title} kind=\"link\">\n                        {cat.title}\n                      </Tab>\n                    )\n                  )\n                })}\n              </TabList>\n            </div>\n\n            {cats.map(cat => {\n              return (\n                <TabPanel key={cat.title} identifier={cat.title}>\n                  <div key={cat.title}>\n                    <PinBlockGroup key={1} columns={1} />\n                    {podcasts\n                      .filter(podcast =>\n                        cat.title.includes(podcast.podcastCategories),\n                      )\n                      .map(podcast => {\n                        return (\n                          <>\n                            <IonoPodcast key={1} url={podcast.url} />\n                          </>\n                        )\n                      })}\n                  </div>\n                </TabPanel>\n              )\n            })}\n          </Tabs>\n        </div>\n        <div>\n          <Social orientation=\"horizontal\" />\n          <Divider thickness={4} />\n          <PressOfficeWidget />\n        </div>\n      </ContentRightSidebar>\n    </>\n  )\n}\n\nOurResourcesTemplate.propTypes = {\n  data: PropTypes.shape({\n    aboutPage: PropTypes.any,\n    categories: PropTypes.any,\n    podcasts: PropTypes.shape({\n      edges: PropTypes.array,\n    }),\n    documentCategories: PropTypes.shape({\n      edges: PropTypes.array,\n    }),\n    documents: PropTypes.shape({\n      edges: PropTypes.array,\n    }),\n  }),\n}\n\nexport default OurResourcesTemplate\n\nexport const pageQuery = graphql`\n  query OurResourcesPageQuery {\n    aboutPage: mdx(fields: { slug: { eq: \"/about-us/\" } }) {\n      frontmatter {\n        ...headerFields\n      }\n    }\n    categories: allMdx(\n      filter: { fields: { contentType: { eq: \"podcastCategories\" } } }\n      sort: { fields: frontmatter___order, order: ASC }\n      limit: 1000\n    ) {\n      edges {\n        node {\n          frontmatter {\n            title\n          }\n        }\n      }\n    }\n    podcasts: allMdx(\n      filter: { fields: { contentType: { eq: \"podcasts\" } } }\n      sort: { fields: frontmatter___publishedDate, order: DESC }\n    ) {\n      edges {\n        node {\n          frontmatter {\n            title\n            url\n            podcastCategories\n          }\n        }\n      }\n    }\n    documentCategories: allMdx(\n      filter: { fields: { contentType: { eq: \"documentCategories\" } } }\n      sort: { fields: frontmatter___order, order: ASC }\n      limit: 1000\n    ) {\n      edges {\n        node {\n          frontmatter {\n            title\n          }\n        }\n      }\n    }\n    documents: allMdx(\n      filter: { fields: { contentType: { eq: \"documents\" } } }\n      sort: { fields: frontmatter___publishedDate, order: DESC }\n    ) {\n      edges {\n        node {\n          frontmatter {\n            title\n            file\n            documentCategories\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}