{"version":3,"file":"component---src-pages-look-at-art-together-js-da51c0c3d251c8a26f82.js","mappings":"2JAMMA,EAAYC,EAAAA,EAAAA,IAAH,2EAEOC,EAAAA,EAAAA,SAuBtB,IApByB,SAAC,GAAyB,IAAvBC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAClC,OACE,uBAAKC,MAAO,CAAEC,UAAW,WACvB,gBAACN,EAAD,KACE,gBAAC,IAAD,CAAYO,OAASJ,EAAa,EAAJ,EAAOK,QAAS,kBAAMJ,MAApD,QAGA,gBAAC,IAAD,CAAYG,OAAQJ,EAAS,EAAI,EAAGK,QAAS,kBAAMJ,MAAnD,Y,kECdFK,GAAaR,EAAAA,EAAAA,IAAO,SAAAS,GAAK,OAAI,yBAAYA,KAA5BT,CAAH,8QAGA,SAAAS,GAAK,OAAKA,EAAMH,OAASL,EAAAA,EAAAA,QAAiB,iBAC/C,SAAAQ,GAAK,OAAKA,EAAMH,OAASL,EAAAA,EAAAA,MAAeA,EAAAA,EAAAA,UAEvBA,EAAAA,EAAAA,SAER,SAAAQ,GAAK,OACrBA,EAAMC,cAAgBD,EAAMC,cAA5B,SAQJ,O,wDCjBMC,E,QAAgCX,EAAAA,IAAH,wHAwDnC,IA/C4B,SAAC,GAAgB,IAAdY,EAAa,EAAbA,OAwC7B,OACE,gBAACD,EAAD,KACGC,EAAO,CAAEC,WA5BK,SAACC,EAAUC,GAC5B,YADkD,IAAtBA,IAAAA,EAAa,MAEvC,2BACGD,EAASE,KAAI,WAAWC,GAAW,IAAD,EAEQ,EAF1BC,EAAkB,EAAlBA,KACXC,EAAQ,KACZ,UAAID,EAAKE,IAAID,aAAb,OAAI,EAAgBC,IAAIC,MAAMC,YAC5BH,EAAK,UAAGD,EAAKE,IAAID,aAAZ,aAAG,EAAgBC,IAAIC,MAAMC,WAEpC,IAAMC,EAAOR,EACNG,EAAKM,KAAKC,MADM,IACGV,EACtBG,EAAKM,KAAKC,MAEd,OACE,gBAAC,IAAD,CACEC,IAAKR,EAAKM,KAAKC,MACfE,MAAOT,EAAKS,MACZJ,KAAMA,EACNK,SAAUV,EAAKW,WACfV,MAAOA,SAUOW,mBAzCC,SAAChB,GAAD,OACzBA,EAASE,KAAI,YAAe,IAAD,EAEgB,EAF3BE,EAAW,EAAXA,KACVC,EAAQ,KACZ,UAAID,EAAKE,IAAID,aAAb,OAAI,EAAgBC,IAAIC,MAAMC,YAC5BH,EAAK,UAAGD,EAAKE,IAAID,aAAZ,aAAG,EAAgBC,IAAIC,MAAMC,WAGpC,MAAO,CACLH,MAAAA,EACAD,KAAAA,Y,6GCoCR,UAjD8B,SAAC,GAAwB,IAAtBa,EAAqB,EAArBA,SAAUC,EAAW,EAAXA,KACzC,GAGIC,EAAAA,EAAAA,YAAWC,EAAAA,IAFbC,EADF,EACEA,4BACAC,EAFF,EAEEA,qCAGItB,EAAWkB,EAAKK,gBAAgBC,MAEtC,OACE,gBAAC,IAAD,CACEN,KAAMA,EACNpB,OAAQ,YAAyC,IAAtCC,EAAqC,EAArCA,WAAYiB,EAAyB,EAAzBA,mBACrB,OACE,gCACE,gBAAC,IAAD,CAAKH,MAAM,4BACVI,EAASQ,OACVR,EAASQ,MAAMC,cACiB,SAAhCT,EAASQ,MAAMC,aACb,gBAAC,IAAD,CAAoBb,MAAM,OAAOH,KAAK,MAEtC,gBAAC,IAAD,CAAoBG,MAAM,eAAeH,KAAK,kBAEhD,uBAAKiB,UAAU,WACb,gBAAC,IAAD,CACEC,KAAI,6BACJC,SAAQ,kBAGZ,uBAAKF,UAAS,eACZ,gBAAC,IAAD,CACEvC,OAAQiC,EACRhC,QAAS,kBAAMiC,QAGlBD,EACC,gBAAC,IAAD,CACEH,KAAMF,EAAmBhB,GACzB8B,YAAa,WAGf/B,EAAWC,EAAU","sources":["webpack://d9test/./src/components/BinaryGridToggle.js","webpack://d9test/./src/components/ButtonGrid.js","webpack://d9test/./src/components/CollectionContainer.js","webpack://d9test/./src/pages/look-at-art-together.js"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { colors } from \"../utilities/themeVars\";\nimport PropTypes from \"prop-types\";\nimport ButtonGrid from \"./ButtonGrid\";\n\nconst Container = styled.div`\n  display: inline-block;\n  border: solid 2px ${colors.primary};\n`;\n\nconst BinaryGridToggle = ({ isGrid, handler }) => {\n  return (\n    <div style={{ textAlign: \"center\" }}>\n      <Container>\n        <ButtonGrid active={!isGrid ? 1 : 0} onClick={() => handler()}>\n          List\n        </ButtonGrid>\n        <ButtonGrid active={isGrid ? 1 : 0} onClick={() => handler()}>\n          Grid\n        </ButtonGrid>\n      </Container>\n    </div>\n  );\n};\n\nBinaryGridToggle.propTypes = {\n  isGrid: PropTypes.bool,\n  handler: PropTypes.func,\n};\n\nexport default BinaryGridToggle;\n","import styled from '@emotion/styled';\nimport { colors } from '../utilities/themeVars';\nimport React from 'react';\n\nconst ButtonGrid = styled(props => <button {...props} />)`\n  width: 92px;\n  padding: 8px 0;\n  background: ${props => (props.active ? colors.primary : 'transparent')};\n  color: ${props => (props.active ? colors.white : colors.primary)};\n  text-transform: uppercase;\n  border-right: solid 2px ${colors.primary};\n  font-weight: bold;\n  letter-spacing: ${props =>\n    props.letterSpacing ? props.letterSpacing : `1px`};\n  outline: none;\n\n  &:last-child {\n    border-right: none;\n  }\n`;\n\nexport default ButtonGrid;\n","import React from \"react\";\nimport LinkToTour from \"./LinkToTour\";\nimport styled from \"@emotion/styled\";\n\nconst CollectionPageStyledContainer = styled.div`\n  .heading {\n    margin-bottom: 30px;\n  }\n\n  .toggle-wrap {\n    margin-bottom: 20px;\n  }\n`;\nconst CollectionContainer = ({ render }) => {\n  const dataForGalleryView = (artworks) =>\n    artworks.map(({ node }) => {\n      let image = null; // placeholder image fallback\n      if (node.rel.image?.rel.media.localFile) {\n        image = node.rel.image?.rel.media.localFile;\n      }\n\n      return {\n        image,\n        node,\n      };\n    });\n\n  const renderList = (artworks, queryParam = null) => {\n    return (\n      <div>\n        {artworks.map(({ node }, index) => {\n          let image = null; // placeholder image fallback\n          if (node.rel.image?.rel.media.localFile) {\n            image = node.rel.image?.rel.media.localFile;\n          }\n          const link = queryParam\n            ? `${node.path.alias}?${queryParam}`\n            : node.path.alias;\n\n          return (\n            <LinkToTour\n              key={node.path.alias}\n              title={node.title}\n              link={link}\n              subtitle={node.artistName}\n              image={image}\n            />\n          );\n        })}\n      </div>\n    );\n  };\n\n  return (\n    <CollectionPageStyledContainer>\n      {render({ renderList, dataForGalleryView })}\n    </CollectionPageStyledContainer>\n  );\n};\n\nexport default CollectionContainer;\n","import React, { useContext } from \"react\";\nimport { graphql } from \"gatsby\";\nimport Seo from \"../components/seo\";\nimport HeadingWithSub from \"../components/HeadingWithSub\";\nimport { StoreContext } from \"../store\";\nimport GalleryContainer from \"../components/GalleryContainer\";\nimport CollectionContainer from \"../components/CollectionContainer\";\nimport BinaryGridToggle from \"../components/BinaryGridToggle\";\nimport ParentRouteHandler from \"../components/ParentRouteHandler\";\n\nconst LookAtArtTogetherPage = ({ location, data }) => {\n  const {\n    forFamiliesExperienceIsGrid,\n    toggleForFamiliesExperienceViewState,\n  } = useContext(StoreContext);\n\n  const artworks = data.allNodeArtPages.edges;\n\n  return (\n    <CollectionContainer\n      data={data}\n      render={({ renderList, dataForGalleryView }) => {\n        return (\n          <>\n            <Seo title=\"Families Art Experience\" />\n            {location.state &&\n            location.state.originalPath &&\n            location.state.originalPath === \"home\" ? (\n              <ParentRouteHandler title=\"Home\" path=\"/\" />\n            ) : (\n              <ParentRouteHandler title=\"For Families\" path=\"/for-families\" />\n            )}\n            <div className=\"heading\">\n              <HeadingWithSub\n                main={`Let's Look at Art Together`}\n                subTitle={`For families`}\n              />\n            </div>\n            <div className={`toggle-wrap`}>\n              <BinaryGridToggle\n                isGrid={forFamiliesExperienceIsGrid}\n                handler={() => toggleForFamiliesExperienceViewState()}\n              />\n            </div>\n            {forFamiliesExperienceIsGrid ? (\n              <GalleryContainer\n                data={dataForGalleryView(artworks)}\n                queryParams={\"kids=1\"}\n              />\n            ) : (\n              renderList(artworks, \"kids=1\")\n            )}\n          </>\n        );\n      }}\n    />\n  );\n};\n\nexport default LookAtArtTogetherPage;\n\nexport const query = graphql`\n  query {\n    allNodeArtPages(\n      filter: {\n        field_on_view: { eq: true }\n        field_include_families_questions: { eq: true }\n      }\n      sort: { fields: [field_sort_order_weight], order: ASC }\n    ) {\n      edges {\n        node {\n          ...ArtPages\n        }\n      }\n    }\n  }\n`;\n"],"names":["Container","styled","colors","isGrid","handler","style","textAlign","active","onClick","ButtonGrid","props","letterSpacing","CollectionPageStyledContainer","render","renderList","artworks","queryParam","map","index","node","image","rel","media","localFile","link","path","alias","key","title","subtitle","artistName","dataForGalleryView","location","data","useContext","StoreContext","forFamiliesExperienceIsGrid","toggleForFamiliesExperienceViewState","allNodeArtPages","edges","state","originalPath","className","main","subTitle","queryParams"],"sourceRoot":""}