{"version":3,"sources":["webpack:///./src/components/modules/Resident.js","webpack:///./src/components/modules/TechnicalReport.js","webpack:///./src/pages/projects.js","webpack:///./src/components/modules/BlockImageText.js"],"names":["Resident","data","className","onClick","e","currentTarget","parentElement","classList","toggle","title","date","formatDate","Date","imageTextBlock","map","block","index","key","__typename","classnames","twoColumn","richText","description","json","textLeft","textRight","text","image","Image","TechnicalReport","author","published","abstract","displayImage","fluid","href","linkUrl","pdf","file","url","target","rel","mt3","Projects","projectsPage","allContentfulProjects","nodes","slice","introDescription","residents","technicalReports","useState","residentsSorted","setResidentsSorted","residentsIndex","setResidentsIndex","reportsIndex","setReportsIndex","useEffect","sort","a","b","Layout","pageTitle","BlockRichText","BlockTextText","BlockImageText","resident","length","report","BlockLinksList","isNavList","setTextToLeft"],"mappings":"uLAmGeA,EA9FE,SAAC,GAAc,IAAZC,EAAW,EAAXA,KAOlB,OACE,wBAAIC,UAAU,iDACZ,4BACEA,UAAU,6FACVC,QATkB,SAAAC,GACNA,EAAEC,cAAcC,cACtBC,UAAUC,OAAO,yBASvB,yBAAKN,UAAU,kBAAkBD,EAAKQ,OACtC,yBAAKP,UAAU,QACZD,EAAKS,MACJ,yBAAKR,UAAU,sBACZS,YAAW,IAAIC,KAAKX,EAAKS,QAG9B,yBAAKR,UAAU,sDACb,0BAAMA,UAAU,OAChB,0BAAMA,UAAU,UAItB,yBAAKA,UAAU,6CACZD,EAAKY,eAAeC,KAAI,SAACC,EAAOC,GAC/B,OACE,yBAAKC,IAAKD,GACc,4BAArBD,EAAMG,YACL,yBACEhB,UAAWiB,IAAW,wBAAyB,CAC7C,aAAwB,IAAVH,KAGhB,uBAAGd,UAAU,OAAOa,EAAMN,OAC1B,yBAAKP,UAAU,8CACb,yBACEA,UAAWiB,IAAW,kBAAmB,CACvC,wBAAyBJ,EAAMK,UAC/B,iCAAkCL,EAAMK,aAGzCC,YAASN,EAAMO,YAAYC,SAKd,4BAArBR,EAAMG,YACL,yBACEhB,UAAWiB,IAAW,wBAAyB,CAC7C,aAAwB,IAAVH,KAGhB,uBAAGd,UAAU,OAAOa,EAAMN,OAC1B,yBAAKP,UAAU,8CACb,yBAAKA,UAAU,iDACZmB,YAASN,EAAMS,SAASD,OAE3B,yBAAKrB,UAAU,iDACZmB,YAASN,EAAMU,UAAUF,SAKZ,6BAArBR,EAAMG,YACL,yBACEhB,UAAWiB,IACT,yCACA,CACE,aAAwB,IAAVH,KAIlB,yBAAKd,UAAU,2EACb,uBAAGA,UAAU,OAAOa,EAAMN,OACzBY,YAASN,EAAMW,KAAKH,OAEtBR,EAAMY,OACL,yBAAKzB,UAAU,uEACb,kBAAC0B,EAAA,EAAD,CAAOD,MAAOZ,EAAMY,iBC/B3BE,EAlDS,SAAC,GAA8B,IAA5B5B,EAA2B,EAA3BA,KAA2B,IAArBC,iBAAqB,MAAT,GAAS,EACpD,OACE,wBAAIA,UAAS,uBAAyBA,GACpC,yBAAKA,UAAU,wCACb,yBAAKA,UAAU,6FACb,yBAAKA,UAAU,2DACb,yBAAKA,UAAU,iBAAf,WACA,yBAAKA,UAAU,iBAAiBD,EAAK6B,SAEvC,yBAAK5B,UAAU,+DACb,yBAAKA,UAAU,iBAAf,UACA,yBAAKA,UAAU,iBAAiBD,EAAKQ,QAEvC,yBAAKP,UAAU,+DACb,yBAAKA,UAAU,iBAAf,cACA,yBAAKA,UAAU,iBACZS,YAAW,IAAIC,KAAKX,EAAK8B,cAG9B,yBAAK7B,UAAU,+DACb,yBAAKA,UAAU,iBAAf,aACA,yBAAKA,UAAU,iBACb,2BAAID,EAAK+B,SAASA,aAIxB,yBAAK9B,UAAU,6EACb,yBAAKA,UAAU,MACZD,EAAKgC,cAAgBhC,EAAKgC,aAAaC,OACtC,gCACE,kBAACN,EAAA,EAAD,CAAOD,MAAO1B,EAAKgC,gBAGvB,uBACEE,KAAMlC,EAAKmC,QAAUnC,EAAKmC,QAAUnC,EAAKoC,IAAIC,KAAKC,IAClDC,OAAO,SACPC,IAAI,sBACJvC,UAAWiB,IAAW,qBAAsB,CAC1CuB,IAAKzC,EAAKgC,gBALd,iB,gDCsEGU,UAjGE,SAAC,GAAc,IAGxBC,EAHuB,EAAX3C,KAGQ4C,sBAAsBC,MAAMC,OAAO,GAAG,GACxDC,EAAkDJ,EAAlDI,iBAAkBC,EAAgCL,EAAhCK,UAAWC,EAAqBN,EAArBM,iBAJR,EAOiBC,mBAAS,IAAhDC,EAPsB,KAOLC,EAPK,OAUeF,mBAAS,GAA9CG,EAVsB,KAUNC,EAVM,OAaWJ,mBAAS,GAA1CK,EAbsB,KAaRC,EAbQ,KAuB7B,OANAC,qBAAU,WACRL,EACEJ,EAAUU,MAAK,SAACC,EAAGC,GAAJ,OAAU,IAAIjD,KAAKiD,EAAEnD,MAAQ,IAAIE,KAAKgD,EAAElD,YAExD,CAACuC,EAAWI,IAGb,kBAACS,EAAA,EAAD,CAAQC,UAAU,YAChB,6BAAS7D,UAAU,8CAEhB8C,GACC,oCACmC,4BAAhCA,EAAiB9B,YAChB,kBAAC8C,EAAA,EAAD,CAAe/D,KAAM+C,EAAkB9C,UAAU,OAElB,4BAAhC8C,EAAiB9B,YAChB,kBAAC+C,EAAA,EAAD,CAAehE,KAAM+C,EAAkB9C,UAAU,OAElB,6BAAhC8C,EAAiB9B,YAChB,kBAACgD,EAAA,EAAD,CAAgBjE,KAAM+C,EAAkB9C,UAAU,QAKxD,6BAASA,UAAU,+BACjB,wBAAIA,UAAU,8BAAd,aACA,wBAAIA,UAAU,kBACXkD,EAAgBL,MAAM,EAAGO,GAAgBxC,KAAI,SAACqD,EAAUnD,GACvD,OAAO,kBAAC,EAAD,CAAUC,IAAKD,EAAOf,KAAMkE,QAGtCf,EAAgBgB,OAASd,GACxB,6BAASpD,UAAU,MACjB,4BACEA,UAAU,4BACVC,QAAS,WACPoD,EAAkBD,EA1CA,KAuCtB,4BAYN,6BAASpD,UAAU,4BACjB,wBAAIA,UAAU,8BAAd,yBACA,wBAAIA,UAAU,kBACXgD,EAAiBH,MAAM,EAAGS,GAAc1C,KAAI,SAACuD,EAAQrD,GACpD,OACE,kBAAC,EAAD,CACEC,IAAKD,EACLf,KAAMoE,EACNnE,UAAWiB,IAAW,CACpB,SAAoB,IAAVH,UAMnBkC,EAAiBkB,OAASZ,GACzB,6BAAStD,UAAU,MACjB,4BACEA,UAAU,4BACVC,QAAS,WACPsD,EAAgBD,EApEA,KAiEpB,0BAYN,kBAACc,EAAA,EAAD,CAAgBC,WAAW,EAAMrE,UAAU,W,kCCtGnD,sEAuCegE,IAlCQ,SAAC,GAA8B,IAA5BjE,EAA2B,EAA3BA,KAA2B,IAArBC,iBAAqB,MAAT,GAAS,EACnD,OACE,6BAASA,UAAS,4BAA8BA,GAC9C,wBAAIA,UAAU,gDACXD,EAAKQ,OAER,yBACEP,UAAWiB,IAAW,+BAAgC,CACpD,0CAA2ClB,EAAKuE,iBAGlD,yBACEtE,UAAWiB,IAAW,6CAA8C,CAClE,aAAclB,EAAKuE,iBAGpBvE,EAAK0B,OACJ,gCACE,kBAAC,IAAD,CAAOA,MAAO1B,EAAK0B,UAIzB,yBACEzB,UAAWiB,IAAW,6CAA8C,CAClE,cAAelB,EAAKuE,iBAGrBnD,YAASpB,EAAKyB,KAAKH","file":"component---src-pages-projects-js-98b82fc1aa54be32b79e.js","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { formatDate, richText } from 'components/utils/helpers';\nimport Image from 'components/base/Image';\n\nconst Resident = ({ data }) => {\n  // Accordion toggler\n  const toggleAccordion = e => {\n    let accordion = e.currentTarget.parentElement;\n    accordion.classList.toggle('Accordion--collapse');\n  };\n\n  return (\n    <li className=\"Resident Accordion Accordion--collapse pv2 bt\">\n      <button\n        className=\"Resident__head Accordion__head db w-100 flex justify-between body-subheader gradient-hover\"\n        onClick={toggleAccordion}\n      >\n        <div className=\"Resident__name\">{data.title}</div>\n        <div className=\"flex\">\n          {data.date && (\n            <div className=\"Resident__year mr2\">\n              {formatDate(new Date(data.date))}\n            </div>\n          )}\n          <div className=\"Accordion__arrow flex justify-between items-center\">\n            <span className=\"db\"></span>\n            <span className=\"db\"></span>\n          </div>\n        </div>\n      </button>\n      <div className=\"Resident__body Accordion__body mv4 mv6-lg\">\n        {data.imageTextBlock.map((block, index) => {\n          return (\n            <div key={index}>\n              {block.__typename === 'ContentfulBlockRichText' && (\n                <div\n                  className={classnames('Resident__description', {\n                    'mt4 mt6-lg': index !== 0\n                  })}\n                >\n                  <p className=\"ttu\">{block.title}</p>\n                  <div className=\"mt3 flex flex-column flex-row-md body-copy\">\n                    <div\n                      className={classnames('w-100 body-copy', {\n                        'body-copy__two-column': block.twoColumn,\n                        'w-50-md pr3-md pr4-xl pr5-xxl': !block.twoColumn\n                      })}\n                    >\n                      {richText(block.description.json)}\n                    </div>\n                  </div>\n                </div>\n              )}\n              {block.__typename === 'ContentfulBlockTextText' && (\n                <div\n                  className={classnames('Resident__description', {\n                    'mt4 mt6-lg': index !== 0\n                  })}\n                >\n                  <p className=\"ttu\">{block.title}</p>\n                  <div className=\"mt3 flex flex-column flex-row-md body-copy\">\n                    <div className=\"w-100 w-50-md body-copy pr3-md pr4-xl pr5-xxl\">\n                      {richText(block.textLeft.json)}\n                    </div>\n                    <div className=\"w-100 w-50-md body-copy pl3-md pl4-xl pl5-xxl\">\n                      {richText(block.textRight.json)}\n                    </div>\n                  </div>\n                </div>\n              )}\n              {block.__typename === 'ContentfulBlockImageText' && (\n                <div\n                  className={classnames(\n                    'flex flex-column flex-row-md body-copy',\n                    {\n                      'mt4 mt6-lg': index !== 0\n                    }\n                  )}\n                >\n                  <div className=\"Resident__description w-100 body-copy pr0 w-50-md pr3-md pr4-xl pr5-xxl\">\n                    <p className=\"ttu\">{block.title}</p>\n                    {richText(block.text.json)}\n                  </div>\n                  {block.image && (\n                    <div className=\"Resident__images w-100 w-50-md mt4 mt0-md pl0 pl3-md pl4-xl pl5-xxl\">\n                      <Image image={block.image} />\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </li>\n  );\n};\n\nexport default Resident;\n","import React from 'react';\nimport { formatDate } from 'components/utils/helpers';\nimport classnames from 'classnames';\nimport Image from 'components/base/Image';\n\nconst TechnicalReport = ({ data, className = '' }) => {\n  return (\n    <li className={`TechnicalReport pv4 ${className}`}>\n      <div className=\"flex flex-column-reverse flex-row-md\">\n        <div className=\"TechnicalReport__description w-100 w-75-md body-copy pr0 pr3-md pr4-xl pr5-xxl mt3 mt0-md\">\n          <div className=\"TechnicalReport__line-item flex flex-column flex-row-md\">\n            <div className=\"w-100 w-30-md\">Author:</div>\n            <div className=\"w-100 w-70-md\">{data.author}</div>\n          </div>\n          <div className=\"TechnicalReport__line-item flex flex-column flex-row-md mt3\">\n            <div className=\"w-100 w-30-md\">Title:</div>\n            <div className=\"w-100 w-70-md\">{data.title}</div>\n          </div>\n          <div className=\"TechnicalReport__line-item flex flex-column flex-row-md mt3\">\n            <div className=\"w-100 w-30-md\">Published:</div>\n            <div className=\"w-100 w-70-md\">\n              {formatDate(new Date(data.published))}\n            </div>\n          </div>\n          <div className=\"TechnicalReport__line-item flex flex-column flex-row-md mt3\">\n            <div className=\"w-100 w-30-md\">Abstract:</div>\n            <div className=\"w-100 w-70-md\">\n              <p>{data.abstract.abstract}</p>\n            </div>\n          </div>\n        </div>\n        <div className=\"TechnicalReport__images body-copy w-100 w-25-md pl0 pl3-md pl4-xl pl5-xxl\">\n          <div className=\"tc\">\n            {data.displayImage && data.displayImage.fluid && (\n              <figure>\n                <Image image={data.displayImage} />\n              </figure>\n            )}\n            <a\n              href={data.linkUrl ? data.linkUrl : data.pdf.file.url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className={classnames('gradient-hover dib', {\n                mt3: data.displayImage\n              })}\n            >\n              Download\n            </a>\n          </div>\n        </div>\n      </div>\n    </li>\n  );\n};\n\nexport default TechnicalReport;\n","import React, { useState, useEffect } from 'react';\nimport { graphql } from 'gatsby';\nimport Layout from 'components/Layout';\nimport classnames from 'classnames';\nimport Resident from 'components/modules/Resident';\nimport TechnicalReport from 'components/modules/TechnicalReport';\nimport BlockRichText from 'components/modules/BlockRichText';\nimport BlockTextText from 'components/modules/BlockTextText';\nimport BlockImageText from 'components/modules/BlockImageText';\nimport BlockLinksList from 'components/modules/BlockLinksList';\n\nconst Projects = ({ data }) => {\n  //get the last item in the nodes - this is in case they have a draft version\n  //of a new projects page\n  const projectsPage = data.allContentfulProjects.nodes.slice(-1)[0];\n  const { introDescription, residents, technicalReports } = projectsPage;\n\n  // State for residents, sorted by date\n  const [residentsSorted, setResidentsSorted] = useState([]);\n\n  // State for number of residents to show\n  const [residentsIndex, setResidentsIndex] = useState(5);\n  const residentsIndexIncrementer = 5;\n  // State for number of reports to show\n  const [reportsIndex, setReportsIndex] = useState(5);\n  const reportsIndexIncrementer = 5;\n\n  // Set the residents in order by date\n  useEffect(() => {\n    setResidentsSorted(\n      residents.sort((a, b) => new Date(b.date) - new Date(a.date))\n    );\n  }, [residents, setResidentsSorted]);\n\n  return (\n    <Layout pageTitle=\"Projects\">\n      <article className=\"container container--thin container--boxed\">\n        {/* an intro description block */}\n        {introDescription && (\n          <>\n            {introDescription.__typename === 'ContentfulBlockRichText' && (\n              <BlockRichText data={introDescription} className=\"bb\" />\n            )}\n            {introDescription.__typename === 'ContentfulBlockTextText' && (\n              <BlockTextText data={introDescription} className=\"bb\" />\n            )}\n            {introDescription.__typename === 'ContentfulBlockImageText' && (\n              <BlockImageText data={introDescription} className=\"bb\" />\n            )}\n          </>\n        )}\n        {/* Residents list block */}\n        <section className=\"block bb pv3 pv4-xl pv5-xxl\">\n          <h3 className=\"body-header ph3 ph4-xl ttu\">Residents</h3>\n          <ul className=\"ph3 ph4-xl mt6\">\n            {residentsSorted.slice(0, residentsIndex).map((resident, index) => {\n              return <Resident key={index} data={resident} />;\n            })}\n          </ul>\n          {residentsSorted.length > residentsIndex && (\n            <section className=\"tc\">\n              <button\n                className=\"gradient-hover ph3 ph4-xl\"\n                onClick={() => {\n                  setResidentsIndex(residentsIndex + residentsIndexIncrementer);\n                }}\n              >\n                Show more residents...\n              </button>\n            </section>\n          )}\n        </section>\n        {/* Technical reports block */}\n        <section className=\"block pv3 pv4-xl pv5-xxl\">\n          <h3 className=\"body-header ph3 ph4-xl ttu\">MAL Technical Reports</h3>\n          <ul className=\"ph3 ph4-xl mt6\">\n            {technicalReports.slice(0, reportsIndex).map((report, index) => {\n              return (\n                <TechnicalReport\n                  key={index}\n                  data={report}\n                  className={classnames({\n                    'bt mt4': index !== 0\n                  })}\n                />\n              );\n            })}\n          </ul>\n          {technicalReports.length > reportsIndex && (\n            <section className=\"tc\">\n              <button\n                className=\"gradient-hover ph3 ph4-xl\"\n                onClick={() => {\n                  setReportsIndex(reportsIndex + reportsIndexIncrementer);\n                }}\n              >\n                Show more reports...\n              </button>\n            </section>\n          )}\n        </section>\n        {/* Links list block */}\n        <BlockLinksList isNavList={true} className=\"bt\" />\n      </article>\n    </Layout>\n  );\n};\n\nexport default Projects;\n\nexport const query = graphql`\n  query projectsPage {\n    allContentfulProjects {\n      nodes {\n        title\n        introDescription {\n          __typename\n          title\n          ... on Node {\n            ... on ContentfulBlockRichText {\n              description {\n                json\n              }\n              twoColumn\n            }\n            ... on ContentfulBlockTextText {\n              textLeft {\n                json\n              }\n              textRight {\n                json\n              }\n            }\n            ... on ContentfulBlockImageText {\n              image {\n                description\n                fluid(maxWidth: 600) {\n                  ...GatsbyContentfulFluid_withWebp\n                }\n              }\n              text {\n                json\n              }\n              setTextToLeft\n            }\n          }\n        }\n        residents {\n          ... on Node {\n            ... on ContentfulBlockResident {\n              title\n              date\n              imageTextBlock {\n                __typename\n                ... on Node {\n                  ... on ContentfulBlockImageText {\n                    title\n                    image {\n                      description\n                      fluid(maxWidth: 600) {\n                        ...GatsbyContentfulFluid_withWebp\n                      }\n                    }\n                    setTextToLeft\n                    text {\n                      json\n                    }\n                  }\n                  ... on ContentfulBlockTextText {\n                    title\n                    textLeft {\n                      json\n                    }\n                    textRight {\n                      json\n                    }\n                  }\n                  ... on ContentfulBlockRichText {\n                    title\n                    description {\n                      json\n                    }\n                    twoColumn\n                  }\n                }\n              }\n            }\n          }\n        }\n        technicalReports {\n          ... on Node {\n            ... on ContentfulBlockTechnicalReport {\n              author\n              title\n              published\n              abstract {\n                abstract\n              }\n              displayImage {\n                description\n                fluid(maxWidth: 600) {\n                  ...GatsbyContentfulFluid_withWebp\n                }\n              }\n              pdf {\n                file {\n                  url\n                  fileName\n                }\n              }\n              linkUrl\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport { richText } from 'components/utils/helpers';\nimport classnames from 'classnames';\nimport Image from 'components/base/Image';\n\nconst BlockImageText = ({ data, className = '' }) => {\n  return (\n    <section className={`block pv3 pv4-xl pv5-xxl ${className}`}>\n      <h3 className=\"body-header mb3 mb4-md mb5-xl ph3 ph4-xl ttu\">\n        {data.title}\n      </h3>\n      <div\n        className={classnames('flex flex-column flex-row-md', {\n          'flex-column-reverse flex-row-reverse-md': data.setTextToLeft\n        })}\n      >\n        <div\n          className={classnames('w-100 w-50-md body-copy ph3 ph4-xl ph5-xxl', {\n            'mt4 mt0-md': data.setTextToLeft\n          })}\n        >\n          {data.image && (\n            <figure>\n              <Image image={data.image} />\n            </figure>\n          )}\n        </div>\n        <div\n          className={classnames('w-100 w-50-md body-copy ph3 ph4-xl ph5-xxl', {\n            'mt4 mt0-md': !data.setTextToLeft\n          })}\n        >\n          {richText(data.text.json)}\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default BlockImageText;\n"],"sourceRoot":""}