{"version":3,"file":"component---src-pages-events-index-js-78b7701583d52733aee5.js","mappings":"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","sources":["webpack://hpe-dev-portal/./src/pages/events/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { graphql, Link } from 'gatsby';\nimport { Box, Button, Paragraph } from 'grommet';\nimport {\n  Layout,\n  SEO,\n  PageDescription,\n  Card,\n  // EventCard,\n  ResponsiveGrid,\n  SectionHeader,\n} from '../../components';\nimport { useSiteMetadata } from '../../hooks/use-site-metadata';\n\nconst monthDay = Intl.DateTimeFormat('default', {\n  month: 'long',\n  day: 'numeric',\n});\nconst day = Intl.DateTimeFormat('default', {\n  day: 'numeric',\n});\nconst year = Intl.DateTimeFormat('default', {\n  year: 'numeric',\n});\n\nconst columns = {\n  small: ['auto'],\n  medium: ['auto', 'auto'],\n  large: ['auto', 'auto'],\n  xlarge: ['auto', 'auto'],\n};\n\nconst rows = {\n  small: ['auto', 'auto', 'auto'],\n  medium: ['auto', 'auto'],\n  large: ['auto'],\n  xlarge: ['auto'],\n};\n\nfunction Events({ data }) {\n  const pastEvents = data.pastEvents.edges;\n  const upcomingEvents = data.upcomingEvents.edges;\n  const onGoingEvents = data.onGoingEvents.edges;\n  const siteMetadata = useSiteMetadata();\n  const siteTitle = siteMetadata.title;\n\n  return (\n    <Layout title={siteTitle}>\n      <SEO title=\"Events\" />\n      <PageDescription\n        image=\"/img/events/EventsPage.svg\"\n        title=\"Events\"\n        alt=\"events page logo\"\n      >\n        <Box gap=\"small\">\n          <Box>\n            <Paragraph size=\"large\">\n              Technology moves fast. Participating in events helps you stay\n              ahead of the curve. Mark your calendar and connect with us at any\n              of these upcoming events.\n            </Paragraph>\n          </Box>\n          <Box>\n            <Link to=\"/newsletter-signup\">\n              <Button primary label=\"Keep Me Posted\" />\n            </Link>\n          </Box>\n        </Box>\n      </PageDescription>\n      {onGoingEvents && onGoingEvents.length > 0 && (\n        <SectionHeader title=\"Ongoing Events\">\n          {onGoingEvents.map(({ node }) => (\n            <Card\n              key={node.id}\n              category={node.frontmatter.category}\n              width={node.frontmatter.width}\n              content={node.rawMarkdownBody}\n              link={node.frontmatter.link}\n              image={node.frontmatter.image}\n              basis=\"auto\"\n            />\n          ))}\n        </SectionHeader>\n      )}\n      {upcomingEvents && upcomingEvents.length > 0 && (\n        <SectionHeader title=\"Upcoming Events\">\n          {upcomingEvents.map(({ node }) => (\n            <Card\n              key={node.id}\n              category={node.frontmatter.category}\n              width={node.frontmatter.width}\n              content={node.rawMarkdownBody}\n              link={node.frontmatter.link}\n              image={node.frontmatter.image}\n              basis=\"auto\"\n            />\n          ))}\n        </SectionHeader>\n      )}\n      {pastEvents && pastEvents.length > 0 && (\n        <SectionHeader title=\"Past Events\">\n          <ResponsiveGrid\n            rows={rows}\n            columns={columns}\n            style={{ gridGap: 0, margin: 0 }}\n          >\n            {pastEvents.map(({ node }) => (\n              // <EventCard key={node.id} node={node} />\n              <Card\n                key={node.id}\n                category={node.frontmatter.category}\n                width={node.frontmatter.width}\n                // content={node.rawMarkdownBody}\n                title={node.frontmatter.title}\n                date={`${monthDay.format(new Date(node.frontmatter.dateStart))}\n                ${\n                  node.frontmatter.dateEnd &&\n                  day.format(new Date(node.frontmatter.dateEnd)) >\n                    day.format(new Date(node.frontmatter.dateStart))\n                    ? `- ${day.format(new Date(node.frontmatter.dateEnd))}`\n                    : ''\n                }${`, ${year.format(new Date(node.frontmatter.dateEnd))}`}`}\n                link={node.frontmatter.link}\n                image={node.frontmatter.image}\n                basis=\"auto\"\n              />\n            ))}\n          </ResponsiveGrid>\n        </SectionHeader>\n      )}\n    </Layout>\n  );\n}\n\nEvents.propTypes = {\n  data: PropTypes.shape({\n    upcomingEvents: PropTypes.shape({\n      edges: PropTypes.arrayOf(\n        PropTypes.shape({\n          node: PropTypes.shape({\n            frontmatter: PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              link: PropTypes.string.isRequired,\n              image: PropTypes.string,\n              category: PropTypes.string,\n            }).isRequired,\n            excerpt: PropTypes.string.isRequired,\n            fields: PropTypes.shape({\n              slug: PropTypes.string.isRequired,\n              sourceInstanceName: PropTypes.string.isRequired,\n            }),\n          }).isRequired,\n        }).isRequired,\n      ).isRequired,\n    }).isRequired,\n    pastEvents: PropTypes.shape({\n      edges: PropTypes.arrayOf(\n        PropTypes.shape({\n          node: PropTypes.shape({\n            frontmatter: PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              link: PropTypes.string.isRequired,\n              image: PropTypes.string,\n              category: PropTypes.string,\n            }).isRequired,\n            excerpt: PropTypes.string.isRequired,\n            fields: PropTypes.shape({\n              slug: PropTypes.string.isRequired,\n              sourceInstanceName: PropTypes.string.isRequired,\n            }),\n          }).isRequired,\n        }).isRequired,\n      ).isRequired,\n    }).isRequired,\n    onGoingEvents: PropTypes.shape({\n      edges: PropTypes.arrayOf(\n        PropTypes.shape({\n          node: PropTypes.shape({\n            frontmatter: PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              link: PropTypes.string.isRequired,\n              image: PropTypes.string,\n              category: PropTypes.string,\n            }).isRequired,\n            excerpt: PropTypes.string.isRequired,\n            fields: PropTypes.shape({\n              slug: PropTypes.string.isRequired,\n              sourceInstanceName: PropTypes.string.isRequired,\n            }),\n          }).isRequired,\n        }).isRequired,\n      ).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default Events;\n\nexport const pageQuery = graphql`\n  query {\n    pastEvents: allMarkdownRemark(\n      filter: {\n        fields: { sourceInstanceName: { eq: \"event\" } }\n        isPast: { eq: true }\n      }\n      sort: {frontmatter: {dateStart: DESC}}\n    ) {\n      edges {\n        node {\n          id\n          rawMarkdownBody\n          fields {\n            slug\n            sourceInstanceName\n          }\n          excerpt\n          frontmatter {\n            title\n            image\n            category\n            dateStart\n            dateEnd\n            link\n            width\n          }\n        }\n      }\n    }\n    upcomingEvents: allMarkdownRemark(\n      filter: {\n        fields: { sourceInstanceName: { eq: \"event\" } }\n        isUpcoming: { eq: true }\n      }\n      sort: {frontmatter: {dateStart: ASC}}\n    ) {\n      edges {\n        node {\n          id\n          rawMarkdownBody\n          fields {\n            slug\n            sourceInstanceName\n          }\n          excerpt\n          frontmatter {\n            title\n            image\n            category\n            dateEnd\n            link\n            width\n          }\n        }\n      }\n    }\n    onGoingEvents: allMarkdownRemark(\n      filter: {\n        fields: { sourceInstanceName: { eq: \"event\" } }\n        isOngoing: { eq: true }\n      }\n      sort: {frontmatter: {dateStart: ASC}}\n    ) {\n      edges {\n        node {\n          id\n          rawMarkdownBody\n          fields {\n            slug\n            sourceInstanceName\n          }\n          excerpt\n          frontmatter {\n            title\n            image\n            category\n            dateStart\n            dateEnd\n            link\n            width\n          }\n        }\n      }\n    }\n  }\n`;\n"],"names":["monthDay","Intl","DateTimeFormat","month","day","year","columns","small","medium","large","xlarge","rows","_ref","data","pastEvents","edges","upcomingEvents","onGoingEvents","siteTitle","useSiteMetadata","title","React","Layout","SEO","PageDescription","image","alt","Box","gap","Paragraph","size","Link","to","Button","primary","label","length","SectionHeader","map","_ref2","node","Card","key","id","category","frontmatter","width","content","rawMarkdownBody","link","basis","_ref3","ResponsiveGrid","style","gridGap","margin","_ref4","date","format","Date","dateStart","dateEnd"],"sourceRoot":""}