{"version":3,"file":"component---src-pages-artistguides-js-d9e3c60acbb71f7a81c7.js","mappings":"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","sources":["webpack://d9test/./src/components/Arrow.js","webpack://d9test/./src/components/HeadingWithSub.js","webpack://d9test/./src/components/HeadingWithSub.module.css","webpack://d9test/./src/components/LinkToTour.js","webpack://d9test/./src/components/Styled.js","webpack://d9test/./src/pages/artistguides.js","webpack://d9test/./src/images/arrow.svg"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styled from \"@emotion/styled\";\nimport arrow from \"../images/arrow.svg\";\n\nconst DirectionContainer = styled.div`\n  transform:\n    ${(props) => {\n      let deg;\n      if (props.direction === `left`) {\n        deg = 180;\n      } else if (props.direction === `right`) {\n        deg = 0;\n      } else if (props.direction === `up`) {\n        deg = 90;\n      } else {\n        deg = -90;\n      }\n      return `rotate(${deg})`;\n    }}\n  );\n\n`;\n\nconst Arrow = ({ direction }) => (\n  <DirectionContainer direction={direction}>\n    <img src={arrow} alt=\"back arrow\" />\n  </DirectionContainer>\n);\n\nArrow.propTypes = {\n  direction: PropTypes.string,\n};\n\nArrow.defaultProps = {\n  direction: `right`,\n};\n\nexport default Arrow;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styled from \"@emotion/styled\";\nimport { fontBold, textUpperCase } from \"./Styled\";\nimport { colors } from \"../utilities/themeVars\";\nimport arrow from \"../images/arrow.svg\";\nimport * as classes from \"./HeadingWithSub.module.css\";\nimport { Link } from \"gatsby\";\n\nconst Container = styled.div`\n  margin: 10px 0;\n\n  .main {\n    margin-bottom: 0;\n  }\n\n  .small {\n    font-size: 26px;\n  }\n  .subtitle {\n    ${[textUpperCase, fontBold]};\n    color: ${colors.primary};\n    font-size: 12px;\n    letter-spacing: 1px;\n    margin-top: 6px;\n  }\n  .img {\n    margin-left: 8px;\n  }\n  .headerLink {\n    color: #000;\n  }\n  .withArrow {\n    display: flex;\n  }\n`;\n\nconst HeadingWithSub = ({\n  main,\n  subTitle,\n  h2 = false,\n  backArrow = false,\n  link,\n}) => {\n  return (\n    <Container className={backArrow ? classes.withArrow : \"\"}>\n      {link ? (\n        <>\n          {h2 ? (\n            <Link to={link} className={\"headerLink\"}>\n              <h2 className=\"main small\">{main}</h2>\n            </Link>\n          ) : (\n            <h1 className=\"main\">{main}</h1>\n          )}\n          {subTitle && <div className={\"subtitle\"}>{subTitle}</div>}\n          {backArrow && <img className={\"img\"} src={arrow} alt=\"back arrow\" />}\n        </>\n      ) : (\n        <>\n          {h2 ? (\n            <h2 className=\"main small\">{main}</h2>\n          ) : (\n            <h1 className=\"main\">{main}</h1>\n          )}\n          {subTitle && <div className={\"subtitle\"}>{subTitle}</div>}\n          {backArrow && <img className={\"img\"} src={arrow} alt=\"back arrow\" />}\n        </>\n      )}\n    </Container>\n  );\n};\n\nHeadingWithSub.propTypes = {\n  main: PropTypes.string,\n  subtitle: PropTypes.string,\n};\n\nexport default HeadingWithSub;\n","// extracted by mini-css-extract-plugin\nexport var withArrow = \"HeadingWithSub-module--withArrow--smkBK\";","import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { colors } from \"../utilities/themeVars\";\nimport { graphql, StaticQuery, Link } from \"gatsby\";\nimport { GatsbyImage, getImage, StaticImage } from \"gatsby-plugin-image\";\nimport Arrow from \"./Arrow\";\n\nconst PlaceHolder = () => (\n  <StaticQuery\n    query={graphql`\n      query {\n        placeholderImage: file(\n          relativePath: { eq: \"artwork-placeholder.jpg\" }\n        ) {\n          childImageSharp {\n            gatsbyImageData(width: 82)\n          }\n        }\n      }\n    `}\n    render={(data) => {\n      return <GatsbyImage image={getImage(data.placeholderImage)} />;\n    }}\n  />\n);\n\nconst ATagType = ({\n  isDownload,\n  link,\n  children,\n  newTab,\n  isPdf,\n  originPath,\n  origin,\n  title,\n  category,\n}) =>\n  isDownload ? (\n    <a href={link} target={newTab ? \"_blank\" : \"\"} rel=\"noreferrer\">\n      {children}\n    </a>\n  ) : isPdf ? (\n    <Link\n      to=\"/reader\"\n      state={{\n        pdf: link,\n        originalPath: originPath,\n        origin: origin,\n        title: title,\n        category: category,\n      }}\n    >\n      {children}\n    </Link>\n  ) : (\n    <Link to={link}>{children}</Link>\n  );\n\nconst Container = styled.div`\n  > a {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 0;\n    border-bottom: solid 1px ${colors.gray3};\n  }\n`;\n\nconst Left = styled.div`\n  margin-right: 10px;\n  max-width: 82px;\n\n  .img {\n    max-width: 82px;\n  }\n`;\n\nconst Right = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  flex-grow: 1;\n\n  .title {\n    font-size: 16px;\n    color: ${colors.text};\n    margin-bottom: 4px;\n  }\n\n  .subtitle {\n    text-transform: uppercase;\n    font-weight: bold;\n    letter-spacing: 1px;\n    font-size: 12px;\n  }\n  .arrow {\n    min-width: 9px;\n    margin-left: 10px;\n  }\n`;\n\nconst LinkToTour = ({\n  title,\n  subtitle,\n  image = null,\n  link = \"/\",\n  displayImage = true,\n  isDownload = false,\n  newTab = false,\n  isPdf = false,\n  originPath = \"\",\n  origin = \"\",\n  category = \"\",\n}) => {\n  if (!image || image === null) {\n    image = <PlaceHolder />;\n  } else {\n    image = <GatsbyImage image={getImage(image)} width={82} />;\n  }\n\n  return (\n    <Container>\n      <ATagType\n        isDownload={isDownload}\n        link={subtitle !== \"Coming Soon\" ? link : \"\"}\n        newTab={newTab}\n        isPdf={isPdf}\n        originPath={originPath}\n        origin={origin}\n        title={title}\n        category={category}\n      >\n        {displayImage && image && (\n          <Left>{ image }</Left>\n        )}\n        <Right>\n          <div>\n            <div className={\"title\"}>{title}</div>\n            <div className={\"subtitle\"}>{subtitle}</div>\n          </div>\n          <div className=\"arrow\">\n            <Arrow direction={\"right\"} />\n          </div>\n        </Right>\n      </ATagType>\n    </Container>\n  );\n};\n\nexport default LinkToTour;\n","import { css } from \"@emotion/react\";\nimport { colors } from \"../utilities/themeVars\";\n\nexport const textUpperCase = css`\n  text-transform: uppercase;\n`;\n\nexport const colorPrimary = css`\n  color: ${colors.primary};\n`;\n\nexport const fontBold = css`\n  font-weight: bold;\n`;\n","import React from \"react\";\nimport Seo from \"../components/seo\";\nimport HeadingWithSub from \"../components/HeadingWithSub\";\nimport LinkToTour from \"../components/LinkToTour\";\nimport styled from \"@emotion/styled\";\nimport { graphql } from \"gatsby\";\nimport ParentRouteHandler from \"../components/ParentRouteHandler\";\n\nconst ArtistGuides = ({ location, data }) => {\n  const isNavigatedFromNavMenu = location.search.includes(\"from-nav=1\");\n\n  const Container = styled.div`\n    h2.small {\n      font-size: 30px;\n    }\n\n    .intro {\n      font-size: 16px;\n      margin-bottom: 10px;\n      margin-top: 16px;\n    }\n\n    .guides {\n      margin-bottom: 42px;\n    }\n  `;\n\n  let artistPdfs = [];\n\n  data.pdfs.edges.map(({ node }) => {\n    let item;\n    if (node.relationships.field_pdf_asset) {\n      item = node.relationships.field_pdf_asset;\n    }\n    if (node.field_pdf_category === \"artist\") {\n      artistPdfs.push({\n        id: node.id,\n        label: node.title,\n        text: item ? \"View\" : \"Coming Soon\",\n        link: item ? item.localFile.publicURL : \"\",\n        newTab: item ? true : false,\n      });\n    }\n  });\n\n  return (\n    <Container>\n      <Seo title=\"Artist Guides\" />\n      {isNavigatedFromNavMenu && <ParentRouteHandler title={\"back\"} />}\n\n      <div className=\"guides\">\n        <HeadingWithSub main={\"Artist Guides\"} h2={true} />\n\n        <p className=\"intro\">\n          Learn about artists in the expansive presentations featured in the\n          skylit galleries on the third floor. Go in depth with extended content\n          on each artwork.\n        </p>\n\n        {artistPdfs.map((guide) => (\n          <LinkToTour\n            key={guide.id}\n            title={guide.label}\n            subtitle={guide.text}\n            link={guide.link}\n            isDownload={false}\n            displayImage={false}\n            newTab={guide.newTab}\n            isPdf={true}\n            originPath=\"/artistguides\"\n            origin=\"Artist Guides\"\n            category=\"Artist Guides\"\n          />\n        ))}\n      </div>\n    </Container>\n  );\n};\n\nexport default ArtistGuides;\n\nexport const query = graphql`\n  {\n    pdfs: allNodeMobilePdf {\n      edges {\n        node {\n          ...MobilePDFQuery\n        }\n      }\n    }\n  }\n`;\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjkyMSIgaGVpZ2h0PSIxMy45OTIiIHZpZXdCb3g9IjAgMCA4LjkyMSAxMy45OTIiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNkNjAwMWM7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNC4wNjcgLTEwLjQwNCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNjI4IDMuNjI4KSI+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xMS43MzYsNy43NTIsMTguOSwxNC44MjZsLTcuMTc2LDYuOTE4LTEuNzM3LTEuOEwxNS4zMjEsMTQuOCw5Ljk4MSw5LjUzMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNDU4IC0wLjk3NSkiLz48L2c+PC9nPjwvc3ZnPg==\""],"names":["DirectionContainer","styled","props","direction","Arrow","src","arrow","alt","defaultProps","Container","textUpperCase","fontBold","colors","main","subTitle","h2","backArrow","link","className","Link","to","PlaceHolder","StaticQuery","query","render","data","G","image","getImage","placeholderImage","ATagType","isDownload","children","newTab","isPdf","originPath","origin","title","category","href","target","rel","state","pdf","originalPath","Left","Right","subtitle","displayImage","width","css","location","isNavigatedFromNavMenu","search","includes","artistPdfs","pdfs","edges","map","item","node","relationships","field_pdf_asset","field_pdf_category","push","id","label","text","localFile","publicURL","guide","key"],"sourceRoot":""}