{"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","className","compClass","trim","style","gridTemplateColumns","columns","gap","padding","TemplateEdiciones","pageData","pageContext","pageContent","slug","numPages","currentPage","elements","keyName","referenciaCabecera","tipoCabecera","pageSlug","location","pathname","hideHeaderDesktop","hideHeaderMobile","isNotRoot","headboard","showPlayer","title","titulo","split","nombreCategoria","description","metaDescripcion","json","content","value","lang","referenciaOrganismos","map","index","key","id","categoryName","edicion","src","referenciaInterna","imagenHeader","file","url","alt","nombreSubcategoria","tituloSpan","descripcion","to","type","classname","text","isDisabled","link","target","rel","quantity","Paginator","next","back","Array","from","length","_","active"],"mappings":"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","file":"component---src-templates-template-ediciones-tsx-9bd83ee37a9d62d4b4eb.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":""}