{"version":3,"file":"component---src-templates-post-list-by-category-jsx-547fbbb38ddd954a9725.js","mappings":"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","sources":["webpack://blog/./src/components/icons/ChevronRight.jsx","webpack://blog/./src/utils/paginationConsts.js","webpack://blog/./src/components/icons/ChevronLeft.jsx","webpack://blog/./src/components/paginator/index.jsx","webpack://blog/./src/utils/paginationHelper.js","webpack://blog/./src/templates/post-list-by-category.jsx","webpack://blog/./src/components/post-card/index.jsx","webpack://blog/./src/components/post-card-cover/index.jsx","webpack://blog/./src/components/post-card-header/index.jsx","webpack://blog/./src/templates/post-list-content.jsx","webpack://blog/./src/templates/page.module.css"],"sourcesContent":["import * as React from 'react'\n\nconst SvgChevronRight = (props) => (\n  <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\n      stroke=\"currentColor\"\n      fill=\"currentColor\"\n    />\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n  </svg>\n)\n\nexport default SvgChevronRight\n","export const paginationElementTypes = {\n  CURRENT_PAGE: 'currentPage',\n  PAGE: 'page',\n  SEPARATOR: 'separator'\n}","import * as React from 'react'\n\nconst SvgChevronLeft = (props) => (\n  <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\n      stroke=\"currentColor\"\n      fill=\"currentColor\"\n    />\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n  </svg>\n)\n\nexport default SvgChevronLeft\n","import React from 'react'\nimport { Link } from 'gatsby'\nimport { calculatePages } from '../../utils/paginationHelper'\nimport { paginationElementTypes } from '../../utils/paginationConsts'\nimport Button from '../button'\nimport ChevronLeft from '../icons/ChevronLeft'\nimport ChevronRight from '../icons/ChevronRight'\n\nconst removeTrailingSlash = (path) => path.replace(/\\/$/, '')\nconst removePageNumberSegment = (path) => path.replace(/\\/strony\\/\\d+$/, '')\n\nconst toSubsectionPath = (path) => {\n  const newPath = removeTrailingSlash(path)\n  const subsectionPath = removePageNumberSegment(newPath)\n\n  return subsectionPath === '' ? '/' : subsectionPath\n}\n\nconst generatePagePath = (subsectionPath, pageNumber) => {\n  if (pageNumber === 1) {\n    return subsectionPath\n  }\n\n  if (subsectionPath === '/') {\n    return `/strony/${pageNumber}`\n  }\n\n  return `${subsectionPath}/strony/${pageNumber}`\n}\n\nfunction PaginationLinkElement({\n  elementType,\n  pageNumber,\n  subsectionPath,\n  elementIndex,\n}) {\n  const listItemStyles = [\n    'inline py-1 list-none',\n    ...(elementType === paginationElementTypes.CURRENT_PAGE\n      ? ['font-medium']\n      : []),\n  ].join(' ')\n\n  const testId =\n    elementType === paginationElementTypes.CURRENT_PAGE\n      ? 'current_page'\n      : undefined\n\n  let elementContent\n  switch (elementType) {\n    case paginationElementTypes.PAGE:\n      elementContent = (\n        <Link\n          className=\"text-blue-500 no-underline\"\n          to={generatePagePath(subsectionPath, pageNumber)}\n        >\n          {pageNumber}\n        </Link>\n      )\n      break\n    case paginationElementTypes.CURRENT_PAGE:\n      elementContent = pageNumber\n      break\n    case paginationElementTypes.SEPARATOR:\n      elementContent = '\\u2026'\n      break\n    default:\n      elementContent = null\n      break\n  }\n\n  const elementKey =\n    elementType !== paginationElementTypes.SEPARATOR\n      ? `page-${pageNumber}`\n      : `ellipsis-${elementIndex}`\n\n  return (\n    <li className={listItemStyles} key={elementKey} data-testid={testId}>\n      {elementContent}\n    </li>\n  )\n}\n\nexport default function Paginator({ currentPage, totalPages, currentPath }) {\n  const subsectionPath = toSubsectionPath(currentPath)\n  const nextPagePath = generatePagePath(subsectionPath, currentPage + 1)\n  const prevPagePath = generatePagePath(subsectionPath, currentPage - 1)\n\n  const pages = calculatePages(2, 2, currentPage, totalPages).map((p, ndx) => {\n    return (\n      <PaginationLinkElement\n        elementType={p.type}\n        pageNumber={p.pageNumber}\n        subsectionPath={subsectionPath}\n        elementIndex={ndx}\n        key={ndx}\n      />\n    )\n  })\n\n  if (pages.length === 0) {\n    return null\n  }\n\n  return (\n    <nav className=\"text-center mb-2 flex\">\n      {currentPage > 1 && (\n        <Button as={Link} to={prevPagePath} className=\"mb-2\">\n          <ChevronLeft className=\"h-3 align-baseline mx-1\" />\n          <span className=\"hidden md:block\">Poprzednia</span>\n        </Button>\n      )}\n\n      <ol className=\"text-xs px-3 py-2 w-full m-0\">{pages}</ol>\n\n      {currentPage < totalPages && (\n        <Button as={Link} to={nextPagePath} className=\"mb-2\">\n          <span className=\"hidden md:block\">Następna</span>\n          <ChevronRight className=\"h-3 align-baseline mx-1\" />\n        </Button>\n      )}\n    </nav>\n  )\n}\n","import { paginationElementTypes } from './paginationConsts';\n\nexport function calculatePages(numPreviousPages, numNextPages, currentPage, totalPages) {\n  if (totalPages === 1) {\n    return []\n  }\n\n  const paginationElements = [\n    {\n      pageNumber: currentPage,\n      type: paginationElementTypes.CURRENT_PAGE,\n    }\n  ]\n\n  const ellipsis = {\n    type: paginationElementTypes.SEPARATOR,\n  }\n\n  for (let i = 1; i <= numPreviousPages; i++) {\n    if (currentPage - i < 1) {\n      break;\n    }\n\n    paginationElements.unshift({\n      pageNumber: currentPage - i,\n      type: paginationElementTypes.PAGE\n    })\n  }\n\n  const firstPageNumber = paginationElements[0].pageNumber\n  if (firstPageNumber > 1) {\n    if (firstPageNumber > 2) {\n      paginationElements.unshift(ellipsis)\n    }\n\n    paginationElements.unshift({\n      pageNumber: 1,\n      type: paginationElementTypes.PAGE\n    })\n  }\n\n  for (let i = 1; i <= numNextPages; i++) {\n    if (currentPage + i > totalPages) {\n      break;\n    }\n\n    paginationElements.push({\n      pageNumber: currentPage + i,\n      type: paginationElementTypes.PAGE\n    })\n  }\n\n  const lastPageNumber = paginationElements[paginationElements.length - 1].pageNumber\n  if (lastPageNumber < totalPages) {\n    if (lastPageNumber < totalPages - 1) {\n      paginationElements.push(ellipsis)\n    }\n\n    paginationElements.push({\n      pageNumber: totalPages,\n      type: paginationElementTypes.PAGE\n    })\n  }\n\n  return paginationElements\n}\n\n","import React from 'react'\nimport { graphql } from 'gatsby'\nimport { Helmet } from 'react-helmet'\n\nimport Metadata from './metadata'\nimport PostListContent from './post-list-content'\n\nexport default function PostListByCategoryPage({\n  data,\n  pageContext,\n  location,\n}) {\n  const pageInfo = {\n    currentPage: pageContext.currentPage,\n    totalPages: pageContext.totalPages,\n  }\n\n  return (\n    <Metadata siteUrl={data.site.siteMetadata.siteUrl}>\n      <Helmet>\n        <meta\n          name=\"description\"\n          content={`Kolekcja naszych ulubionych przepisów kulinarnych w kategorii: ${pageContext.category}`}\n        ></meta>\n      </Helmet>\n\n      <PostListContent\n        allRecipesData={data.allStrapiRecipe}\n        pageInfo={pageInfo}\n        location={location}\n      />\n    </Metadata>\n  )\n}\n\nexport const pageQuery = graphql`\n  query blogListByCategoryQuery($category: String!, $skip: Int!, $limit: Int!) {\n    ...siteMetadata\n    ...allCategories\n\n    allStrapiRecipe(\n      filter: { category: { name: { eq: $category } } }\n      sort: { order: DESC, fields: [published_at] }\n      limit: $limit\n      skip: $skip\n    ) {\n      edges {\n        node {\n          ...postForList\n        }\n      }\n    }\n  }\n`\n","import React from 'react'\nimport { Link } from 'gatsby'\n\nexport default function PostCard({ href, className, children }) {\n  return (\n    <Link\n      to={href}\n      className={[\n        'bg-white text-black flex flex-col overflow-hidden no-underline',\n        className,\n      ].join(' ')}\n    >\n      {children}\n    </Link>\n  )\n}\n","import Img from 'gatsby-image'\nimport React from 'react'\n\nconst PostCardCover = ({ fluid, criticalImage }) => {\n  return (\n    <div className=\"relative overflow-hidden h-[200px]\">\n      <Img\n        fluid={fluid}\n        className=\"h-[200px] grow-0 shrink-0 basis-1/2\"\n        critical={criticalImage}\n      />\n    </div>\n  )\n}\n\nexport default PostCardCover\n","import React from 'react'\n\nconst PostCardHeader = ({ title, html }) => {\n  return (\n    <div className=\"text-lg mt-4 mr-4\">\n      <h2 className=\"text-lg text-black no-underline my-2 font-medium\">\n        {title}\n      </h2>\n      <div className=\"my-4\" dangerouslySetInnerHTML={{ __html: html }}></div>\n    </div>\n  )\n}\n\nexport default PostCardHeader\n","import React from 'react'\nimport Page from '../components/page'\nimport PostCard from '../components/post-card'\nimport PostCardCover from '../components/post-card-cover'\nimport PostCardHeader from '../components/post-card-header'\nimport Paginator from '../components/paginator'\nimport * as styles from './page.module.css'\n\nexport default function PostListContent({\n  allRecipesData,\n  pageInfo,\n  location,\n}) {\n  const Posts = allRecipesData.edges.map((edge, index) => {\n    const post = edge.node\n    return (\n      <PostCard\n        key={edge.node.id}\n        href={`/${post.category.slug}/${post.slug}`}\n        className={styles.singlePost}\n      >\n        {post.cover && (\n          <PostCardCover\n            fluid={post.cover.image.childImageSharp.fluid}\n            criticalImage={index < 3}\n          />\n        )}\n        <PostCardHeader\n          title={post.title}\n          html={post.parsedHeadline.childMarkdownRemark.html}\n        />\n      </PostCard>\n    )\n  })\n\n  return (\n    <Page>\n      <div className={styles.posts}>{Posts}</div>\n\n      <Paginator\n        currentPage={pageInfo.currentPage}\n        totalPages={pageInfo.totalPages}\n        currentPath={location.pathname}\n      />\n    </Page>\n  )\n}\n","// extracted by mini-css-extract-plugin\nexport var breakpoints = \"'../components/breakpoints.css'\";\nexport var tabletUp = \"(min-width: 768px)\";\nexport var phoneL = \"undefined\";\nexport var posts = \"page-module--posts--Z9TDg\";\nexport var singlePost = \"page-module--singlePost--xXDnI\";\nexport var blogPosts = \"page-module--blogPosts--0CsMK\";"],"names":["props","viewBox","xmlns","d","stroke","fill","paginationElementTypes","generatePagePath","subsectionPath","pageNumber","PaginationLinkElement","elementContent","elementType","elementIndex","listItemStyles","join","testId","undefined","Link","className","to","elementKey","key","Paginator","currentPage","totalPages","path","newPath","replace","removeTrailingSlash","removePageNumberSegment","toSubsectionPath","currentPath","nextPagePath","prevPagePath","pages","numPreviousPages","numNextPages","paginationElements","type","ellipsis","i","unshift","firstPageNumber","push","lastPageNumber","length","calculatePages","map","p","ndx","as","ChevronLeft","ChevronRight","PostListByCategoryPage","data","pageContext","location","pageInfo","siteUrl","site","siteMetadata","name","content","category","allRecipesData","allStrapiRecipe","PostCard","href","children","fluid","criticalImage","critical","title","html","dangerouslySetInnerHTML","__html","PostListContent","Posts","edges","edge","index","post","node","id","slug","styles","cover","image","childImageSharp","parsedHeadline","childMarkdownRemark","pathname","posts","singlePost","blogPosts"],"sourceRoot":""}