{"version":3,"file":"component---src-templates-project-tag-tsx-11a2f7144bf0ac386c6b.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/components/pagination/pagination.tsx","webpack://gravitywell-website-2019/./src/templates/ProjectTag.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 * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport Icon from \"../icon\";\nimport Link from \"../link\";\n\ninterface IProps {\n  current: number;\n  total: number;\n  limit: number;\n  slug: string;\n}\n\nconst PaginationWrapper = styled.nav`\n  padding-top: 0 !important;\n\n  .pagination-wrapper {\n    display: flex;\n    justify-content: center;\n\n    ul,\n    .more-shortcut {\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\n    ul li a,\n    .more-shortcut a {\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"black\"\n  })};\n      fill: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"black\"\n  })};\n\n      .icon {\n        transition: none;\n      }\n\n      &:hover {\n        color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n        fill: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n      }\n    }\n\n    ul {\n      display: none;\n      flex-direction: row;\n      padding: 0;\n      list-style: none;\n\n      li {\n        padding: 0 0.8rem 0 0;\n\n        a {\n          display: block;\n          width: 2.4rem;\n          text-align: center;\n          border-bottom: 0.2rem solid transparent;\n\n          &.active {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n            border-bottom-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          }\n        }\n      }\n    }\n\n    .more-shortcut {\n      padding-top: 0;\n\n      a {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        align-items: center;\n        width: 6.8rem;\n\n        .text,\n        .icon {\n          display: block;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .pagination-wrapper {\n      justify-content: space-between;\n\n      ul {\n        display: flex;\n      }\n    }\n  }\n`;\n\nconst Pagination = ({\n  current, total, limit, slug\n}: IProps) => {\n  const pageCount = Math.ceil(total / limit);\n  const Pages: number[] = new Array(pageCount).fill(null);\n  const next = current + 1;\n  const groupSize = 5;\n  const groupEdgeSize = Math.floor(groupSize / 2);\n  let groupIdxStart = current - groupEdgeSize;\n  let groupIdxEnd = current + groupEdgeSize;\n\n  // Make sure that the groupIdxStart and groupIdxEnd indexes remain at the bottom\n  // or the top of the possible spectrum\n  if (groupIdxStart <= 0) {\n    groupIdxStart = groupSize - groupSize;\n    groupIdxEnd = groupSize - 1;\n  } else if (groupIdxEnd >= pageCount - 1) {\n    groupIdxStart = pageCount - groupSize;\n    groupIdxEnd = pageCount - 1;\n  }\n\n  // Return null if total is 0\n  if (total === 0 || pageCount <= 1) {\n    return null;\n  }\n\n  return (\n    <PaginationWrapper\n      className=\"pagination-container content-container\"\n      role=\"navigation\"\n      aria-label=\"Pagination navigation\"\n    >\n      <div className=\"pagination-wrapper\">\n        <ul>\n          {Pages.map((_, i) => {\n            const href = i === 0 ? slug : `${slug}/${i + 1}`;\n            const pageNo = i + 1;\n\n            // For the first page, which is not active\n            if (i === 0 && current >= groupSize - groupEdgeSize) {\n              return (\n                <li key={i}>\n                  <Link\n                    type=\"none\"\n                    activeClassName=\"active\"\n                    href={href}\n                    ariaLabel={`Goto page ${pageNo}`}\n                  >\n                    <>\n                      {pageNo}\n                      ...\n                    </>\n                  </Link>\n                </li>\n              );\n            }\n\n            // // For the last page, which is not active\n            // if (\n            //   i === pageCount - 1 &&\n            //   current < pageCount - (groupSize - 1)\n            // ) {\n            //   return (\n            //     <li key={i}>\n            //       <Link\n            //         type=\"none\"\n            //         activeClassName=\"active\"\n            //         href={href}\n            //         ariaLabel={`Goto page ${pageNo}`}\n            //       >\n            //         <>...{pageNo}</>\n            //       </Link>\n            //     </li>\n            //   );\n            //\n\n            if (i >= groupIdxStart && i <= groupIdxEnd) {\n              return (\n                <li key={i}>\n                  <Link\n                    type=\"none\"\n                    activeClassName=\"active\"\n                    href={href}\n                    rel={current === i ? \"canonical\" : undefined}\n                    ariaLabel={`Goto page ${pageNo}`}\n                  >\n                    <>\n                      {pageNo}\n                    </>\n                  </Link>\n                </li>\n              );\n            }\n\n            return;\n          })}\n        </ul>\n\n        {next < pageCount && (\n          <p className=\"more-shortcut\">\n            <Link\n              type=\"none\"\n              href={`${slug}/${next + 1}`}\n              rel=\"next\"\n              ariaLabel={`Goto the next page, page ${next + 1}`}\n            >\n              <>\n                <span className=\"text\">\n                  <span className=\"off-screen\">\n                    Click here to view\n                    {\" \"}\n                  </span>\n                  More\n\n                  <span className=\"off-screen\">\n                    {\" \"}\n                    (next page).\n                  </span>\n                </span>\n\n                <Icon\n                  className=\"icon\"\n                  icon=\"arrowRight\"\n                  size={1.6}\n                />\n              </>\n            </Link>\n          </p>\n        )}\n      </div>\n    </PaginationWrapper>\n  );\n};\n\nexport default Pagination;\n","import { graphql } from \"gatsby\";\nimport React from \"react\";\n\nimport CollapseTags from \"../components/collapse-tags/collapse-tags\";\nimport { FullWidthColumnWrapper } from \"../components/confines-wrappers\";\nimport FiltersApplied from \"../components/filters-applied/filters-applied\";\nimport Footer from \"../components/footer\";\nimport GetInTouch from \"../components/get-in-touch\";\nimport { Gradient } from \"../components/gradients\";\nimport Header from \"../components/header\";\nimport HelmetWrapper from \"../components/helmet-wrapper\";\nimport { breadCrumbSchema } from \"../components/html-schema-snippets\";\nimport {\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 Tags from \"../components/project-tags\";\nimport ProjectsGrid from \"../components/projects-grid\";\nimport Text from \"../components/text\";\nimport {\n  IProjectData,\n  PageTopCustom,\n  ProjectsContainer\n} from \"../pages/projects\";\n\nexport interface IAllTaxonomyTermProject {\n  edges: ITaxonomyTermProject[];\n}\n\ninterface ITaxonomyTermProject {\n  name: string;\n  relationships: {\n    node__project: IProjectData[] | null;\n  };\n}\n\ninterface ITaxonomyTermProject {\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: IProjectData;\n}\n\ninterface IProjectTagsProps {\n  allNodeProject: {\n    edges: INodeData[];\n  } | null;\n  allTaxonomyTermProjects: IAllTaxonomyTermProject;\n}\n\n/**\n * Projects tagged page\n */\nconst ProjectTags = ({\n  data,\n  pageContext\n}: {\n  data: IProjectTagsProps;\n  pageContext: IPageContext;\n}) => {\n  const paginationPage = pageContext.current + 1;\n\n  const breadcrumbs: IBreadCrumb[] = [\n    {\n      name: \"Projects\",\n      path: \"/projects\"\n    },\n    {\n      name: pageContext.name,\n      path: pageContext.slug\n    }\n  ];\n\n  let projectNodes: INodeData[] = [];\n  let projects: IProjectData[] = [];\n  let schemaJson: IBreadCrumbSchema[] = [];\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 projectNodes variable\n  if (data.allNodeProject) {\n    projectNodes = data.allNodeProject.edges;\n\n    projects = projectNodes.map(projectNode => {\n      return projectNode.node;\n    });\n  }\n\n  return (\n    <Layout className=\"projects projects-by-tag\">\n      <>\n        <HelmetWrapper\n          title={paginationPage === 1 ?\n            `${pageContext.name} Projects` :\n            `${pageContext.name} Projects page ${paginationPage}`}\n          description={`Specific ${pageContext.name} Projects which form part of our portfolio`}\n          updatedAt={projects[ 0 ] ? projects[ 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=\"darkBlueOrange\"\n              style={{ color: \"white\" }}\n              height=\"small\"\n            >\n              <Gradient\n                gradient=\"purpleOrange\"\n                angle={75}\n                options={{ colorStops: [ \"80%\", \"100%\" ] }}\n                style={{\n                  position: \"absolute\",\n                  height: \"100%\",\n                  width: \"100%\",\n                  left: 0,\n                  top: 0,\n                  opacity: 0.5,\n                  zIndex: -1\n                }}\n              />\n\n              <FullWidthColumnWrapper className=\"top-content\">\n                <p className=\"heading\">\n                  {`${pageContext.name} projects`}\n                </p>\n\n                <Text\n                  className=\"filtered-by\"\n                  fontSize=\"small_2\"\n                  letterSpacing=\"medium\"\n                  fontColor=\"third\"\n                  lineHeight=\"normalized\"\n                  style={{ textTransform: \"uppercase\" }}\n                >\n                  Filter by:\n                </Text>\n\n                <Tags data={data} />\n              </FullWidthColumnWrapper>\n            </PageTop>\n          </PageTopCustom>\n        </header>\n\n        <CollapseTags\n          root=\"/projects\"\n          rootTerm=\"Featured\"\n          tags={data.allTaxonomyTermProjects.edges}\n        />\n\n        <aside>\n          <FiltersApplied\n            filter={pageContext.name}\n            clearLink=\"/projects\"\n            type=\"project\"\n          />\n        </aside>\n\n        <main\n          id=\"main-content\"\n          role=\"main\"\n        >\n          <h1 className=\"off-screen\">\n            {`${pageContext.name} projects`}\n          </h1>\n\n          {projects.length === 0 ? (\n            <NoItemsFound>\n              <p>\n                <strong>\n                  Oops\n                </strong>\n                . No projects were found.\n              </p>\n            </NoItemsFound>\n          ) : (\n            <ProjectsContainer>\n              <div className=\"projects-grid-container\">\n                <ProjectsGrid projects={projects} />\n              </div>\n            </ProjectsContainer>\n          )}\n        </main>\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        <footer role=\"contentinfo\">\n          <GetInTouch />\n\n          <Footer />\n        </footer>\n      </>\n    </Layout>\n  );\n};\n\nexport default ProjectTags;\n\nexport const projectTagsQuery = graphql`\n  query($slug: [String], $skip: Int = 0, $limit: Int = 10, $tagLimit: Int = 9) {\n    allNodeProject(\n      limit: $limit\n      skip: $skip\n      filter: {\n        relationships: {\n          field_project_tags: { elemMatch: { path: { alias: { in: $slug } } } }\n        }\n      }\n      sort: { fields: created, order: DESC }\n    ) {\n      edges {\n        node {\n          ...getProjectData\n        }\n      }\n    }\n    ...getProjectTags\n  }\n`;\n"],"names":["FiltersAppliedWrapper","styled","theme","colourHelper","variant","fontSizeHelper","fontWeightHelper","fontLineHeightHelper","filter","clearLink","type","className","href","NoItemsFoundContainer","children","classes","PaginationWrapper","current","total","limit","slug","pageCount","Math","ceil","Pages","Array","fill","next","groupEdgeSize","floor","groupSize","groupIdxStart","groupIdxEnd","role","map","_","i","pageNo","key","activeClassName","ariaLabel","rel","undefined","icon","size","schemaJson","data","pageContext","paginationPage","breadcrumbs","name","path","projects","push","breadCrumbSchema","allNodeProject","edges","projectNode","node","title","description","updatedAt","changed","canonicalPath","JSON","stringify","id","initialLogo","initialTheme","PageTopCustom","gradient","style","color","height","angle","options","colorStops","position","width","left","top","opacity","zIndex","fontSize","letterSpacing","fontColor","lineHeight","textTransform","root","rootTerm","tags","allTaxonomyTermProjects","length","ProjectsContainer"],"sourceRoot":""}