{"version":3,"sources":["webpack:///./src/components/organisms/grid-layout/GridLayout.tsx","webpack:///./src/templates/templateEdiciones.tsx","webpack:///./src/components/molecules/paginator/Paginator.tsx"],"names":["GridLayout","props","children","React","createElement","className","trim","style","gridTemplateColumns","columns","gap","padding","TemplateEdiciones","pageData","pageContext","pageContent","slug","numPages","currentPage","elements","keyName","referenciaCabecera","tipoCabecera","pageSlug","location","pathname","Layout","hideHeaderDesktop","hideHeaderMobile","isNotRoot","headboard","showPlayer","SEO","title","titulo","split","nombreCategoria","description","metaDescripcion","json","content","value","lang","referenciaOrganismos","map","index","key","id","LibraryComponents","categoryName","edicion","src","referenciaInterna","imagenHeader","file","url","alt","nombreSubcategoria","tituloSpan","descripcion","Link","to","Button","type","classname","text","isDisabled","link","target","rel","Paginator","quantity","Disclaimer","next","back","Array","from","length","_","active"],"mappings":"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","file":"component---src-templates-template-ediciones-tsx-a6f9a0bc0488a6f2fc06.js","sourcesContent":["import React from \"react\";\r\nimport \"./grid-layout.scss\";\r\n\r\ntype GridLayoutProps = {\r\n  columns?: string;\r\n  gap?: string;\r\n  padding?: string;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n};\r\n\r\nconst GridLayout = (props: GridLayoutProps) => {\r\n  const { children } = props;\r\n  const compClass = \"o-gridLayout\";\r\n  return (\r\n    <section className={`${compClass} ${\r\n      props.className ? props.className : \"\"\r\n    }`.trim()}>\r\n      <div\r\n        className={`${compClass}__grid`}\r\n        style={{\r\n          gridTemplateColumns: props.columns || \"1fr 1fr\",\r\n          gap: props.gap || \"1rem\",\r\n          padding: props.padding || \"3rem 0\",\r\n        }}\r\n      >\r\n        {children}\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default GridLayout;\r\n","import React from \"react\";\r\nimport GridLayout from \"../components/organisms/grid-layout/GridLayout\";\r\nimport Layout from \"../components/organisms/layout/layout\";\r\nimport LibraryComponents from \"../components/templates/library-components/libraryComponents\";\r\nimport { ReferenciaOrganismos } from \"../interfaces/ReferenciaOrganismos\";\r\nimport { Link } from \"gatsby\";\r\nimport SEO from \"../shared/seo\";\r\nimport Button from \"../components/atoms/button/button\";\r\nimport Disclaimer from \"../components/molecules/disclaimer/disclaimer\";\r\nimport Paginator from \"../components/molecules/paginator/Paginator\";\r\n\r\nimport \"./styles/templateEdiciones.scss\"\r\n\r\nconst TemplateEdiciones = (props: any) => {\r\n  const pageData = props.pageContext.pageContent;\r\n  const { slug, numPages, currentPage, elements } = props.pageContext;\r\n  const keyName =\r\n    pageData.referenciaCabecera && pageData.referenciaCabecera.tipoCabecera;\r\n  const pageSlug = props.location.pathname;\r\n  const compClass = \"m-page-editions\";\r\n  \r\n  return (\r\n    <Layout\r\n      hideHeaderDesktop={false}\r\n      hideHeaderMobile={false}\r\n      isNotRoot={true}\r\n      headboard={pageData.referenciaCabecera}\r\n      showPlayer={true}\r\n    >\r\n      <SEO\r\n        title={\r\n          props.pageContext.pageContent.titulo.split(\">\")[1] || props.pageContext.nombreCategoria\r\n        }\r\n        slug={pageSlug}\r\n        description={\r\n          props.pageContext.metaDescripcion &&\r\n          props.pageContext.metaDescripcion.json.content[0].content[0].value\r\n        }\r\n        // image={\r\n        //   props.pageContext.referenciaCabecera.imagenHeader &&\r\n        //   props.pageContext.referenciaCabecera.imagenHeader.file.url\r\n        // }\r\n        lang=\"es\"\r\n      />\r\n      {pageData.referenciaOrganismos &&\r\n        pageData.referenciaOrganismos.map(\r\n          (value: ReferenciaOrganismos, index: number) => (\r\n            <div key={index} className={keyName} id={`${keyName}${index}`}>\r\n              <LibraryComponents\r\n                content={value}\r\n                categoryName={pageData.nombreCategoria}\r\n              />\r\n            </div>\r\n          )\r\n        )}\r\n      <GridLayout className=\"ediciones\" columns=\"1fr\" gap=\"0\">\r\n        {elements.map((edicion, key) => {\r\n          return (\r\n            <div className={`${compClass}__editions`} key={key}>\r\n              <div className=\"m-page-editions__editions-container\">\r\n                <img\r\n                  src={\r\n                    edicion.referenciaInterna.referenciaCabecera.imagenHeader\r\n                      .file.url\r\n                  }\r\n                  alt=\"\"\r\n                />\r\n                <div className=\"m-page-editions__editions-content\">\r\n                  <h2>{edicion.nombreSubcategoria}</h2>\r\n                  <h3>\r\n                    {edicion.referenciaInterna.referenciaCabecera.tituloSpan}\r\n                  </h3>\r\n                  <p>\r\n                    {\r\n                      edicion.referenciaInterna.referenciaCabecera.descripcion\r\n                        .json.content[0].content[0].value\r\n                    }\r\n                  </p>\r\n                  <div className=\"m-page-editions__editions-content-actions\">\r\n                    <Link to={`${slug}${edicion.slug}`}>\r\n                      <Button\r\n                        type={\"button\"}\r\n                        classname=\"main-button ver-historias\"\r\n                        text=\"Ver historias\"\r\n                        isDisabled={false}\r\n                      />\r\n                    </Link>\r\n                    <Link to={`${edicion.link}`} target=\"_blank\" rel=\"noreferrer\">\r\n                      <Button\r\n                        type={\"button\"}\r\n                        classname=\"main-button\"\r\n                        text=\"Ver en PDF\"\r\n                        isDisabled={!edicion.link ? true : false}\r\n                      />\r\n                    </Link>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          );\r\n        })}\r\n      </GridLayout>\r\n      <Paginator slug={slug} quantity={numPages} currentPage={currentPage} />\r\n      <Disclaimer />\r\n    </Layout>\r\n  );\r\n};\r\n\r\nexport default TemplateEdiciones;\r\n","import { Link } from \"gatsby\";\r\nimport React from \"react\";\r\nimport \"./paginator.scss\";\r\n\r\nexport interface IPaginator {\r\n  quantity: number;\r\n  currentPage: number;\r\n  slug: string;\r\n}\r\n\r\nconst Paginator = (props: IPaginator) => {\r\n  const { quantity, currentPage, slug } = props;\r\n  const compClass = \"m-paginator\";\r\n  const itemClass = (active) => {\r\n    return `${compClass}__item ${\r\n      active ? `${compClass}__item--active` : \"\"\r\n    }`.trim();\r\n  };\r\n  let next = currentPage + 1;\r\n  let back = currentPage - 1;\r\n  return (\r\n    <div className={compClass}>\r\n      <Link\r\n        to={`${currentPage === 2 ? slug : slug + back}`}\r\n        className={currentPage < 2 ? \"inactive\" : \"active\"}\r\n      >\r\n        Atrás\r\n      </Link>\r\n      <div className={`${compClass}__desktop`}>\r\n        {Array.from({ length: quantity }).map((_, index) => {\r\n          if (index < currentPage - 3 && index !== 0) return \".\";\r\n          if (index > currentPage + 2 && index !== quantity - 1) return \".\";\r\n          return (\r\n            <span\r\n              className={itemClass(index + 1 === currentPage ? true : false)}\r\n              key={index}\r\n            >\r\n              {index === 0 ? (\r\n                <Link to={slug}>{index + 1}</Link>\r\n              ) : (\r\n                <Link to={slug + (index + 1)}>{index + 1}</Link>\r\n              )}\r\n            </span>\r\n          );\r\n        })}\r\n      </div>\r\n      <div className={`${compClass}__mobile`}>\r\n        <span>{currentPage}</span>\r\n        <span>de</span>\r\n        <span>{quantity}</span>\r\n      </div>\r\n      <Link\r\n        to={`${slug + next}`}\r\n        className={currentPage < quantity ? \"active\" : \"inactive\"}\r\n      >\r\n        Siguiente\r\n      </Link>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Paginator;\r\n"],"sourceRoot":""}