{"version":3,"file":"component---src-templates-latest-staff-tsx-d72de1686930d6104786.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/filters-applied/filters-applied.tsx","webpack://gravitywell-website-2019/./src/components/no-items-found/no-items-found.tsx","webpack://gravitywell-website-2019/./src/templates/LatestStaff.tsx"],"sourcesContent":["import React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { SmallColumnWidthWrapper } from \"../confines-wrappers\";\nimport Link from \"../link\";\n\ninterface IProps {\n  filter: string;\n  clearLink: string;\n  type: string;\n}\n\nconst FiltersAppliedWrapper = styled.aside`\n  transition: 0.2s ease-in-out;\n  padding-top: 3.2rem;\n  padding-bottom: 2.8rem;\n  border-bottom: 0.2rem solid\n    ${({ theme }) => colourHelper({\n    theme,\n    variant: \"lightestGrey\"\n  })};\n\n  .text {\n    margin-bottom: 0;\n    text-align: center;\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n    font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n    line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n\n    > span {\n      display: block;\n    }\n\n    .showing {\n      strong {\n        display: block;\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n      }\n    }\n\n    .clear-link {\n      padding-top: 1.8rem;\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  }\n\n  @media (min-width: 480px) {\n    .text {\n      .showing {\n        strong {\n          display: inline;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 568px) {\n    .text {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n    }\n\n    .clear-link {\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  }\n\n  @media (min-width: 960px) {\n    padding-top: 3.8rem;\n    padding-bottom: 3.4rem;\n\n    .text {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n    }\n  }\n`;\n\nconst FiltersApplied = ({\n  filter, clearLink, type\n}: IProps) => {\n  return (\n    <FiltersAppliedWrapper>\n      <SmallColumnWidthWrapper>\n        <p className=\"text\">\n          <span className=\"showing\">\n            Showing\n            {\" \"}\n\n            {type}\n            s for:\n\n            {\" \"}\n\n            <strong>\n              {filter}\n            </strong>\n          </span>\n\n          <span className=\"off-screen\">\n            .\n            <br />\n\n            <br />\n          </span>\n\n          <span className=\"clear-link\">\n            <span className=\"off-screen\">\n              Click here to\n              {\" \"}\n            </span>\n\n            <Link href={clearLink}>\n              Clear Filters\n            </Link>\n\n            <span className=\"off-screen\">\n              .\n            </span>\n          </span>\n        </p>\n      </SmallColumnWidthWrapper>\n    </FiltersAppliedWrapper>\n  );\n};\n\nexport default FiltersApplied;\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  fontLineHeightHelper,\n  fontSizeHelper\n} from \"../../theme/theme-helper\";\nimport { FullWidthColumnWrapper } from \"../confines-wrappers\";\n\ninterface IProps {\n  className?: string;\n  children: React.ReactElement;\n}\n\nconst NoItemsFoundContainer = styled.aside`\n  .no-content-wrapper {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    min-height: 34.8rem;\n\n    p {\n      margin-bottom: 0;\n      text-align: center;\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n    }\n  }\n\n  @media (min-width: 568px) {\n    .no-content-wrapper {\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .no-content-wrapper {\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n      }\n    }\n  }\n`;\n\n/**\n * No items found class component\n */\nconst NoItemsFound = ({ className, children }: IProps) => {\n  const classes = `no-content-container${className ? ` ${className}` : \"\"}`;\n\n  return (\n    <NoItemsFoundContainer className={classes}>\n      <FullWidthColumnWrapper className=\"content-container no-content-wrapper\">\n        {children}\n      </FullWidthColumnWrapper>\n    </NoItemsFoundContainer>\n  );\n};\n\nexport default NoItemsFound;\n","import { graphql } from \"gatsby\";\nimport React from \"react\";\n\nimport ArticlesGrid from \"../components/articles-grid\";\nimport { IArticleData } from \"../components/articles-grid/articles-grid\";\nimport CollapseTags from \"../components/collapse-tags/collapse-tags\";\nimport { FullWidthColumnWrapper } from \"../components/confines-wrappers\";\nimport FiltersApplied from \"../components/filters-applied\";\nimport Footer from \"../components/footer\";\nimport GetInTouch from \"../components/get-in-touch\";\nimport Header from \"../components/header\";\nimport HelmetWrapper from \"../components/helmet-wrapper\";\nimport HeroTags from \"../components/hero-tags/hero-tags\";\nimport breadCrumbSchema, {\n  IBreadCrumb,\n  IBreadCrumbSchema\n} from \"../components/html-schema-snippets/breadcrumb-schema\";\nimport Layout from \"../components/layout\";\nimport NoItemsFound from \"../components/no-items-found/no-items-found\";\nimport PageTop from \"../components/page-top\";\nimport Pagination from \"../components/pagination\";\nimport { IProfileFields } from \"../pages/about-us\";\nimport {\n  ArticlesGridWrapper,\n  IBlogArticleData,\n  PageTopCustom\n} from \"../pages/latest\";\nimport getProfile from \"./utils/getProfile\";\n\nexport interface IAllTaxonomyTermLatest {\n  edges: ITaxonomyTermLatest[];\n}\n\ninterface ITaxonomyTermLatest {\n  name: string;\n  relationships: {\n    node__blog_article: IBlogArticleData[] | null;\n  };\n}\n\ninterface ITaxonomyTermLatest {\n  node: {\n    name: string;\n    path: {\n      alias: string;\n    };\n  };\n}\n\ninterface IPageContext {\n  skip: number;\n  limit: number;\n  current: number;\n  name: string;\n  slug: string;\n  total: number;\n}\n\ninterface INodeData {\n  node: IBlogArticleData;\n}\n\ninterface ILatestStaffProps {\n  nodeLatestOverview: {\n    created: string;\n    changed: string;\n    title: string;\n    field_hero_heading: string;\n    field_meta_description: string;\n  };\n  allNodeBlogArticle: {\n    edges: INodeData[];\n  } | null;\n  allTaxonomyTermLatest: IAllTaxonomyTermLatest;\n}\n\nconst LatestStaff = ({\n  data,\n  pageContext\n}: {\n  data: ILatestStaffProps;\n  pageContext: IPageContext;\n}) => {\n  const paginationPage = pageContext.current + 1;\n\n  const breadcrumbs: IBreadCrumb[] = [\n    {\n      name: \"Latest\",\n      path: \"/latest\"\n    },\n    {\n      name: pageContext.name,\n      path: pageContext.slug\n    }\n  ];\n\n  let latestNodes: INodeData[] = [];\n  let latestArticles: IBlogArticleData[] = [];\n  let schemaJson: IBreadCrumbSchema[] = [];\n  let profileData: IProfileFields | null = null;\n\n  // If the pagination page value is greater than the 1st page, add a breadcrumb\n  if (paginationPage > 1) {\n    breadcrumbs.push({\n      name: `Page ${paginationPage}`,\n      path: `${pageContext.slug}/${paginationPage}`\n    });\n  }\n\n  // Now set the schema JSON object\n  schemaJson = [ breadCrumbSchema(breadcrumbs) ];\n\n  // If there is allNodeProject, set the latestNodes variable\n  if (data.allNodeBlogArticle) {\n    latestNodes = data.allNodeBlogArticle.edges;\n\n    latestArticles = latestNodes.map(projectNode => {\n      return projectNode.node;\n    });\n\n    // If latestArticles exist, get the author for the posts\n    if (latestArticles.length > 0) {\n      profileData = getProfile(latestArticles[ 0 ].relationships.author);\n    }\n  }\n\n  return (\n    <Layout className=\"latest latest-by-tag\">\n      <>\n        <HelmetWrapper\n          title={paginationPage === 1 ?\n            `${pageContext.name}'s Latest articles` :\n            `${pageContext.name}'s Latest articles page ${paginationPage}`}\n          description={`All articles created by ${pageContext.name} from our Latest section`}\n          twitterAuthorUsername={(profileData && profileData.field_twitter_username) || undefined}\n          updatedAt={latestArticles[ 0 ] ? latestArticles[ 0 ].changed : \"\"}\n          canonicalPath={pageContext.slug}\n        >\n          <script type=\"application/ld+json\">\n            {JSON.stringify(schemaJson)}\n          </script>\n        </HelmetWrapper>\n\n        <header\n          role=\"banner\"\n          id=\"header\"\n        >\n          <Header\n            initialLogo\n            initialTheme=\"dark\"\n          />\n\n          <PageTopCustom id=\"hero\">\n            <PageTop\n              gradient=\"lightPinkPurple\"\n              height=\"small\"\n            >\n              <FullWidthColumnWrapper className=\"top-content\">\n                <p className=\"heading\">\n                  {data.nodeLatestOverview.field_hero_heading}\n                </p>\n\n                <HeroTags\n                  initialTheme=\"light\"\n                  featuredPath=\"/latest\"\n                  tags={data.allTaxonomyTermLatest.edges.map(tag => {\n                    return {\n                      name: tag.node.name,\n                      path: tag.node.path.alias\n                    };\n                  })}\n                />\n              </FullWidthColumnWrapper>\n            </PageTop>\n          </PageTopCustom>\n\n          <CollapseTags\n            root=\"/latest\"\n            rootTerm=\"Everything\"\n            tags={data.allTaxonomyTermLatest.edges}\n          />\n\n          <FiltersApplied\n            filter={pageContext.name}\n            clearLink=\"/latest\"\n            type=\"post\"\n          />\n        </header>\n\n        <main\n          id=\"main-content\"\n          role=\"main\"\n        >\n          <h1 className=\"off-screen\">\n            {`${pageContext.name} articles`}\n          </h1>\n\n          {latestArticles.length === 0 ? (\n            <NoItemsFound>\n              <p>\n                <strong>\n                  Oops\n                </strong>\n                . No articles were found.\n              </p>\n            </NoItemsFound>\n          ) : (\n            <>\n              <ArticlesGridWrapper>\n                <ArticlesGrid\n                  articles={latestArticles.map(post => {\n                    const profile = getProfile(post.relationships.author);\n\n                    const articleObj: IArticleData = {\n                      created: post.created,\n                      path: post.path.alias,\n                      title: post.title,\n                      author: profile.field_full_name,\n                      cover: post.relationships.field_cover_image\n                    };\n\n                    return articleObj;\n                  })}\n                />\n              </ArticlesGridWrapper>\n\n              <aside>\n                <FullWidthColumnWrapper>\n                  <Pagination\n                    current={pageContext.current}\n                    total={pageContext.total}\n                    limit={pageContext.limit}\n                    slug={pageContext.slug}\n                  />\n                </FullWidthColumnWrapper>\n              </aside>\n            </>\n          )}\n        </main>\n\n        <footer role=\"contentinfo\">\n          <GetInTouch />\n\n          <Footer />\n        </footer>\n      </>\n    </Layout>\n  );\n};\n\nexport default LatestStaff;\n\nexport const latestStaffQuery = graphql`\n  query(\n    $nodeIds: [String]\n    $skip: Int = 0\n    $limit: Int = 18\n    $tagLimit: Int = 4\n  ) {\n    nodeLatestOverview {\n      created\n      changed\n      title\n      field_hero_heading\n      field_meta_description\n    }\n    allNodeBlogArticle(\n      limit: $limit\n      skip: $skip\n      filter: { id: { in: $nodeIds } }\n      sort: { fields: created, order: DESC }\n    ) {\n      edges {\n        node {\n          ...getLatestData\n        }\n      }\n    }\n    ...getLatestTags\n  }\n`;\n"],"names":["FiltersAppliedWrapper","styled","theme","colourHelper","variant","fontSizeHelper","fontWeightHelper","fontLineHeightHelper","filter","clearLink","type","className","href","NoItemsFoundContainer","children","classes","schemaJson","data","pageContext","paginationPage","current","breadcrumbs","name","path","slug","latestArticles","profileData","push","breadCrumbSchema","allNodeBlogArticle","edges","map","projectNode","node","length","getProfile","relationships","author","title","description","twitterAuthorUsername","field_twitter_username","undefined","updatedAt","changed","canonicalPath","JSON","stringify","role","id","initialLogo","initialTheme","PageTopCustom","gradient","height","nodeLatestOverview","field_hero_heading","featuredPath","tags","allTaxonomyTermLatest","tag","alias","root","rootTerm","ArticlesGridWrapper","articles","post","profile","created","field_full_name","cover","field_cover_image","total","limit"],"sourceRoot":""}