{"version":3,"sources":["webpack:///./src/templates/AboutUsPageTemplate/AboutUsPageTemplate.module.css","webpack:///./src/components/elements/Tabs/Tab.module.css","webpack:///./src/components/elements/Tabs/TabList.module.css","webpack:///./node_modules/gatsby-plugin-mdx/index.js","webpack:///./src/components/Layout/LayoutFullWidth.js","webpack:///./src/components/elements/Tabs/Tab.js","webpack:///./node_modules/gatsby-plugin-mdx/mdx-renderer.js","webpack:///./src/templates/AboutUsPageTemplate/AboutUsPageTemplate.js","webpack:///./src/components/elements/Tabs/TabList.js","webpack:///./src/components/elements/Tabs/TabPanel.module.css","webpack:///./src/components/elements/Tabs/TabPanel.js"],"names":["module","exports","MDXRenderer","require","LayoutFullWidth","header","children","useSiteMetadata","title","description","headerProps","image","backgroundUrl","Tab","identifier","className","kind","onClick","tabClassNames","classNames","styles","tab","isButton","link","tabContext","useContext","TabContext","activeTab","active","event","changeTab","React","useMDXComponents","mdx","useMDXScope","scope","components","props","mdxComponents","mdxScope","End","fullScope","keys","Object","values","key","fn","AboutUsPageTemplate","data","page","categories","frontmatter","intro","editor","cats","map","path","edges","profiles","flattenNodes","order","remainingCats","filter","c","includes","orderedCats","breadcrumbs","label","sectionDivider","thickness","tag","type","initialValue","cat","i","p","pathOr","length","catProfiles","columns","pipe","take","profile","thumbnailSrc","featuredImage","href","slug","teamPin","additionalInfo","excerpt","to","imageUrl","text","AboutUsPage","pageQuery","TabList","tabListClassNames","tabList","TabPanel","tabPanelClassNames"],"mappings":"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","file":"component---src-templates-about-us-page-template-about-us-page-template-js-088328691ffe8f81f6b5.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"teamPin\":\"AboutUsPageTemplate-module--team-pin--ROzqR\",\"sectionDivider\":\"AboutUsPageTemplate-module--section-divider--2vn-u\"};","// 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\"};","/**\n * Welcome to gatsby-plugin-mdx!\n *\n * Start reading in gatsby-node.js\n */\n\nconst MDXRenderer = require(`./mdx-renderer`)\n\nmodule.exports = {\n  MDXRenderer: MDXRenderer,\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Navbar from '../partials/NavBar/Navbar'\nimport useSiteMetadata from '../graphqlFragments/SiteMetadata'\nimport { Footer } from '..'\nimport Head from './Head'\nimport headerProps from '../propTypes/headerProps'\nimport PrimaryHeader from '../elements/PrimaryHeader/PrimaryHeader'\n\nconst LayoutFullWidth = ({ header, children }) => {\n  const { title, description } = useSiteMetadata()\n  const headerProps = {\n    ...header,\n    image: header.backgroundUrl,\n  }\n\n  return (\n    <>\n      <Head title={title} description={description} />\n      <Navbar />\n      <PrimaryHeader {...headerProps} />\n      {children}\n      <Footer />\n    </>\n  )\n}\n\nLayoutFullWidth.propTypes = {\n  header: headerProps,\n  children: PropTypes.node,\n}\n\nexport default LayoutFullWidth\n","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","const React = require(`react`)\nconst { useMDXComponents, mdx } = require(`@mdx-js/react`)\nconst { useMDXScope } = require(`./context`)\n\nmodule.exports = function MDXRenderer({\n  scope,\n  components,\n  children,\n  ...props\n}) {\n  const mdxComponents = useMDXComponents(components)\n  const mdxScope = useMDXScope(scope)\n\n  // Memoize the compiled component\n  const End = React.useMemo(() => {\n    if (!children) {\n      return null\n    }\n\n    const fullScope = {\n      // React is here just in case the user doesn't pass them in\n      // in a manual usage of the renderer\n      React,\n      mdx,\n      ...mdxScope,\n    }\n\n    const keys = Object.keys(fullScope)\n    const values = keys.map(key => fullScope[key])\n    const fn = new Function(`_fn`, ...keys, `${children}`)\n\n    return fn({}, ...values)\n  }, [children, scope])\n\n  return React.createElement(End, { components: mdxComponents, ...props })\n}\n","/* eslint-disable react/prop-types */\nimport React from 'react'\nimport { pipe, map, take, path, pathOr } from 'ramda'\nimport PropTypes from 'prop-types'\nimport { graphql } from 'gatsby'\nimport { MDXProvider } from '@mdx-js/react'\n\nimport { flattenNodes } from '../../utils'\nimport LayoutFullWidth from '../../components/Layout/LayoutFullWidth'\nimport headerProps from '../../components/propTypes/headerProps'\nimport {\n  Divider,\n  AggregatorTemplate,\n  Typography,\n  Tabs,\n  PinBlockGroup,\n  AggregatorPin4,\n  TransitionLink,\n  ReadMore,\n  MdxWrapper,\n  AggregatorPin,\n} from '../../components'\nimport { MDXRenderer } from 'gatsby-plugin-mdx'\nimport TabList from '../../components/elements/Tabs/TabList'\nimport Tab from '../../components/elements/Tabs/Tab'\nimport TabPanel from '../../components/elements/Tabs/TabPanel'\nimport styles from './AboutUsPageTemplate.module.css'\n\nexport const AboutUsPageTemplate = ({ data }) => {\n  const { page, categories } = data\n  const { frontmatter } = page\n  const { intro, editor } = frontmatter\n\n  const cats = map(path(['node', 'frontmatter', 'title']), categories.edges)\n  const profiles = flattenNodes(data.profiles.edges)\n\n  const order = ['Core Team', 'Co-Course Convenors', 'Consultants']\n  const remainingCats = cats.filter(c => !order.includes(c))\n  const orderedCats = [...order, ...remainingCats]\n\n  return (\n    <MDXProvider>\n      <AggregatorTemplate breadcrumbs={[{ label: 'About Us' }]} intro={intro}>\n        <Divider className={styles.sectionDivider} thickness={4} />\n\n        <MdxWrapper>\n          <MDXRenderer>{editor}</MDXRenderer>\n        </MdxWrapper>\n\n        <Divider className={styles.sectionDivider} thickness={4} />\n\n        <Typography tag=\"h3\" type=\"boxHeading\" className=\"mb-4\">\n          Our Team\n        </Typography>\n\n        <Tabs initialValue={`tab-0`}>\n          <TabList>\n            {orderedCats.map((cat, i) => {\n              const catProfiles = profiles.filter(p =>\n                pathOr([], ['teamCategory'], p).includes(cat),\n              )\n              return (\n                catProfiles.length > 0 && (\n                  <Tab identifier={`tab-${i}`} key={i} kind=\"button\">\n                    {cat}\n                  </Tab>\n                )\n              )\n            })}\n          </TabList>\n          {orderedCats.map((cat, i) => {\n            const catProfiles = profiles.filter(p =>\n              pathOr([], ['teamCategory'], p).includes(cat),\n            )\n            return (\n              catProfiles.length > 0 && (\n                <TabPanel identifier={`tab-${i}`} key={i}>\n                  <PinBlockGroup key={i} columns={2}>\n                    {pipe(\n                      take(4),\n                      map((profile, i) => (\n                        <AggregatorPin4\n                          key={i}\n                          title={profile.title}\n                          thumbnailSrc={profile.featuredImage}\n                          href={profile.slug}\n                          className={styles.teamPin}\n                        >\n                          {profile.additionalInfo && (\n                            <strong>{profile.additionalInfo}</strong>\n                          )}\n                          <p>{profile.excerpt}...</p>\n                        </AggregatorPin4>\n                      )),\n                    )(catProfiles)}\n                  </PinBlockGroup>\n                </TabPanel>\n              )\n            )\n          })}\n        </Tabs>\n\n        <ReadMore>\n          <TransitionLink to=\"/about-us/team\">View More</TransitionLink>\n        </ReadMore>\n\n        <Divider thickness={4} />\n\n        <Typography tag=\"h3\" type=\"boxHeading\" className=\"mb-4\">\n          Our Resources\n        </Typography>\n\n        {/* <Typography tag=\"h4\" type=\"h3\">\n          Podcasts, Glossary & FAQs\n        </Typography> */}\n\n        <PinBlockGroup columns={4}>\n          <AggregatorPin\n            imageUrl=\"https://res.cloudinary.com/do95jfmcf/image/upload/v1586963655/website/misc/Resources_Research.jpg\"\n            text=\"Podcasts\"\n          >\n            <TransitionLink\n              to=\"/about-us/our-resources\"\n              className=\"border-white text-white\"\n            >\n              <span>Listen</span>\n            </TransitionLink>\n          </AggregatorPin>\n          <AggregatorPin\n            title=\"View Publications\"\n            imageUrl=\"https://res.cloudinary.com/do95jfmcf/image/upload/v1586963654/website/misc/researching.png\"\n            href=\"/researching/\"\n            text=\"Publications\"\n          >\n            <TransitionLink\n              to=\"/researching/\"\n              className=\"border-white text-white\"\n            >\n              <span>View</span>\n            </TransitionLink>\n          </AggregatorPin>\n          <AggregatorPin\n            title=\"Visit Press Page\"\n            imageUrl=\"https://res.cloudinary.com/do95jfmcf/image/upload/v1586963655/website/misc/PressOffice.jpg\"\n            href=\"/about-us/press-office/\"\n            text=\"Press Office\"\n          >\n            <TransitionLink\n              to=\"/about-us/press-office/\"\n              className=\"border-white text-white\"\n            >\n              <span>View</span>\n            </TransitionLink>\n          </AggregatorPin>\n          <AggregatorPin\n            title=\"Visit Opportunities\"\n            imageUrl=\"https://res.cloudinary.com/do95jfmcf/image/upload/v1586963655/website/misc/Catalysing_Systems.jpg\"\n            href=\"/catalysing/category/opportunities/\"\n            text=\"Opportunities\"\n          >\n            <TransitionLink\n              to=\"/catalysing/category/opportunities/\"\n              className=\"border-white text-white\"\n            >\n              <span>View</span>\n            </TransitionLink>\n          </AggregatorPin>\n          {/* <AggregatorPin3\n            title=\"Podcasts\"\n            thumbnailSrc=\"https://res.cloudinary.com/do95jfmcf/image/upload/v1586963655/website/misc/Resources_Research.jpg\"\n            href=\"/about-us/our-resources\"\n          /> */}\n          {/* <AggregatorPin4\n            title=\"FAQs\"\n            thumbnailSrc=\"https://res.cloudinary.com/do95jfmcf/image/upload/v1586963655/website/misc/Catalysing_Finance.jpg\"\n          >\n            Short summary of this area or sector of work and mention its\n            presence in the media. 20 - 30 words only and truncates with an\n            ellipses ...\n          </AggregatorPin4>\n          <AggregatorPin4\n            title=\"Glossary\"\n            thumbnailSrc=\"https://res.cloudinary.com/do95jfmcf/image/upload/v1586963655/website/misc/Upcoming-Courses.jpg\"\n          >\n            Short summary of this area or sector of work and mention its\n            presence in the media. 20 - 30 words only and truncates with an\n            ellipses ...\n          </AggregatorPin4> */}\n        </PinBlockGroup>\n      </AggregatorTemplate>\n    </MDXProvider>\n  )\n}\n\nAboutUsPageTemplate.propTypes = {}\n\nconst AboutUsPage = ({ data }) => {\n  const {\n    page: {\n      frontmatter: { header },\n    },\n  } = data\n  return (\n    <LayoutFullWidth header={header}>\n      <AboutUsPageTemplate data={data} />\n    </LayoutFullWidth>\n  )\n}\n\nAboutUsPage.propTypes = {\n  page: PropTypes.shape({\n    frontmatter: PropTypes.shape({\n      header: headerProps,\n      editor: PropTypes.any,\n    }),\n  }),\n  categories: PropTypes.arrayOf(\n    PropTypes.shape({\n      frontmatter: PropTypes.shape({\n        title: PropTypes.string,\n      }),\n    }),\n  ),\n  profiles: PropTypes.shape({\n    edges: PropTypes.arrayOf(\n      PropTypes.shape({\n        node: PropTypes.object,\n      }),\n    ),\n  }),\n}\n\nexport default AboutUsPage\n\nexport const pageQuery = graphql`\n  query AboutUsPageTemplate($slug: String!) {\n    page: mdx(fields: { slug: { eq: $slug } }) {\n      frontmatter {\n        ...headerFields\n        ...introFields\n        editor\n      }\n    }\n    profiles: allMdx(\n      filter: { fields: { contentType: { eq: \"teamProfiles\" } } }\n    ) {\n      edges {\n        node {\n          id\n          fields {\n            slug\n          }\n          frontmatter {\n            title\n            additionalInfo\n            teamCategory\n            excerpt\n            featuredImage {\n              childCloudinaryMediaImage {\n                fixed(\n                  width: 200\n                  transformations: \"w_200,h_200,c_thumb,g_face\"\n                ) {\n                  aspectRatio\n                  height\n                  src\n                  srcSet\n                  width\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n    categories: allMdx(\n      filter: { fields: { contentType: { eq: \"teamCategories\" } } }\n      limit: 1000\n    ) {\n      edges {\n        node {\n          frontmatter {\n            title\n          }\n        }\n      }\n    }\n  }\n`\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\"};","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"],"sourceRoot":""}