{"version":3,"sources":["webpack:///./src/pages/categories/optional-probes/for-sk-rhc-series/index.js","webpack:///./src/components/CatalogProductsList/CatalogProductsList.js","webpack:///./src/components/Pagination/Pagination.js"],"names":["ForSkRhcSeries","allMdx","data","forSkRhcSeries","useTranslationsCat","className","posts","edges","CatalogProductList","useTranslations","yen","taxIncluded","open_price","pathName","window","location","pathname","indexOf","map","post","node","key","frontmatter","sku","fields","locale","href","parent","relativeDirectory","target","rel","src","productImages","width","height","alt","name","model","price","taxIncludedPrice","Pagination","pages","useEffect","history","pushState","addEventListener","e","scrollTo","useState","currentPage","setCurrentPage","currentPageSp","setCurrentPageSp","totalPage","Math","ceil","length","totalPageSp","paginate","pageNumber","paginateSp","indexOfLastPost","indexOfFirstPost","currentPosts","slice","indexOfLastPostSp","indexOfFirstPostSp","currentPostsSp","type","onClick","pattern","onInput","parseInt","value"],"mappings":"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","file":"component---src-pages-categories-optional-probes-for-sk-rhc-series-index-js-bf60f8861724aa845394.js","sourcesContent":["import React from \"react\";\r\nimport Footer from \"../../../../components/Footer/Footer\";\r\nimport CategoryLeftNav from \"../../../../components/TwoColumnLeftNav/CategoryLeftNav\";\r\nimport {graphql} from \"gatsby\";\r\nimport Pagination from \"../../../../components/Pagination/Pagination\";\r\nimport useTranslationsCat from \"../../../../components/useTranslationsCat\";\r\n\r\nconst ForSkRhcSeries = ({ data: { allMdx } }) => {\r\n    const { forSkRhcSeries } = useTranslationsCat()\r\n    return (\r\n        <>\r\n            <article className=\"category-page two-column-left-nav\">\r\n                <CategoryLeftNav />\r\n                <section className=\"main-content\">\r\n                    <section className=\"main-content\">\r\n                        <div className=\"content-container\">\r\n                            <h2 className=\"large bold\">{ forSkRhcSeries }</h2>\r\n                            <Pagination posts={allMdx.edges} />\r\n                        </div>\r\n                    </section>\r\n                </section>\r\n            </article>\r\n            <Footer />\r\n        </>\r\n    );\r\n};\r\n\r\nexport default ForSkRhcSeries;\r\n\r\nexport const query = graphql`\r\n\tquery ForSkRhcSeries($locale: String!) {\r\n\t\tallMdx(\r\n\t\t\tfilter: {\r\n\t\t\t\tfileAbsolutePath: { regex: \"/(product)/.*\\\\\\\\.mdx$/\" }\r\n\t\t\t\tfrontmatter: {  ignoreSearch: { ne: \"true\"}, categories: { regex: \"/^for_sk_rhc_series$/\" } }\r\n\t\t\t\tfields: { locale: { eq: $locale } }\r\n\t\t\t}\r\n\t\t\tsort: { fields: [frontmatter___sku], order: ASC }\r\n\t\t) {\r\n\t\t\tedges {\r\n\t\t\t\tnode {\r\n\t\t\t\t\tfrontmatter {\r\n\t\t\t\t\t\tsku\r\n\t\t\t\t\t\tname\r\n\t\t\t\t\t\tmodel\r\n\t\t\t\t\t\tprice\r\n\t\t\t\t\t\ttaxIncludedPrice\r\n\t\t\t\t\t\tproductImages\r\n\t\t\t\t\t}\r\n\t\t\t\t\tfields {\r\n\t\t\t\t\t\tlocale\r\n\t\t\t\t\t}\r\n\t\t\t\t\tparent {\r\n\t\t\t\t\t\t... on File {\r\n\t\t\t\t\t\t\trelativeDirectory\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n`;\r\n","import React from \"react\";\nimport useTranslations from \"../../components/useTranslations\";\n\nconst CatalogProductList = ({ posts }) => {\n\tconst { yen, taxIncluded, open_price } = useTranslations();\n\tconst pathName = typeof window !== 'undefined' ? window.location.pathname : '';\n\treturn (\n\t\t<div>\n\t\t\t{\n\t\t\t\t(pathName.indexOf('/en') !== -1) ?\n\t\t\t\t\t<ul className=\"product-list flex wrap\">\n\t\t\t\t\t\t{posts.map(({ node: post }) => (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tkey={`${post.frontmatter.sku}-${post.fields.locale}`}\n\t\t\t\t\t\t\t\tclassName={`product-link`}\n\t\t\t\t\t\t\t\thref={`/en/${post.parent.relativeDirectory}`}\n\t\t\t\t\t\t\t\ttarget={'_blank'}\n\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t<div className=\"flex column-to-row\">\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\tsrc={post.frontmatter.productImages[0]}\n\t\t\t\t\t\t\t\t\t\t\twidth={\"281px\"}\n\t\t\t\t\t\t\t\t\t\t\theight={\"211px\"}\n\t\t\t\t\t\t\t\t\t\t\talt={post.frontmatter.name}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"txt-box\">\n\t\t\t\t\t\t\t\t\t\t\t<p className=\"sku\">{post.frontmatter.sku}</p>\n\t\t\t\t\t\t\t\t\t\t\t<p className=\"name medium bold\">{post.frontmatter.name}</p>\n\t\t\t\t\t\t\t\t\t\t\t<p className=\"name medium bold\">{post.frontmatter.model}</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t\t:\n\t\t\t\t\t<ul className=\"product-list flex wrap\">\n\t\t\t\t\t\t{posts.map(({ node: post }) => (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tkey={`${post.frontmatter.sku}-${post.fields.locale}`}\n\t\t\t\t\t\t\t\tclassName={`product-link`}\n\t\t\t\t\t\t\t\thref={`/${post.parent.relativeDirectory}`}\n\t\t\t\t\t\t\t\ttarget={'_blank'}\n\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t<div className=\"flex column-to-row\">\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\tsrc={post.frontmatter.productImages[0]}\n\t\t\t\t\t\t\t\t\t\t\twidth={\"281px\"}\n\t\t\t\t\t\t\t\t\t\t\theight={\"211px\"}\n\t\t\t\t\t\t\t\t\t\t\talt={post.frontmatter.name}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"txt-box\">\n\t\t\t\t\t\t\t\t\t\t\t<p className=\"sku\">{post.frontmatter.sku}</p>\n\t\t\t\t\t\t\t\t\t\t\t<p className=\"name medium bold\">{post.frontmatter.name}</p>\n\t\t\t\t\t\t\t\t\t\t\t<p className=\"name medium bold\">{post.frontmatter.model}</p>\n\t\t\t\t\t\t\t\t\t\t\t<p className=\"price medium bold\">\n\t\t\t\t\t\t\t\t\t\t\t\t{post.frontmatter.open_price === \"1\" ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span>{open_price}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{post.frontmatter.price}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{yen}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n                                                        ({taxIncluded} {post.frontmatter.taxIncludedPrice}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{yen})\n                                                    </span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t}\n\t\t</div>\n\t);\n};\n\nexport default CatalogProductList;\n","import React, {useEffect, useState} from \"react\";\nimport CatalogProductList from \"../CatalogProductsList/CatalogProductsList\";\nimport useTranslations from \"../../components/useTranslations\";\n\nconst Pagination = ({ posts }) => {\n\n\tconst { pages } = useTranslations();\n\t// if (typeof window !== `undefined`) {\n\t// \twindow.history.pushState(null, null, null);\n\t// \twindow.addEventListener('popstate', (e) => {\n\t// \t\tpaginate(currentPage);\n\t// \t\t{window.scrollTo(0, 0)}\n\t// \t});\n\t// }\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\twindow.history.pushState(null, null, window.location.href);\n\t\t\twindow.addEventListener('popstate', (e) => {\n\t\t\t\t// paginate(currentPage);\n\t\t\t\twindow.scrollTo(0, 0);\n\t\t\t});\n\t\t}}\n\t)\n\n\tconst [currentPage, setCurrentPage] = useState(1);\n\tconst [currentPageSp, setCurrentPageSp] = useState(1);\n\tconst postsPerPage = 40;\n\tconst postsPerPageSp = 10;\n\tconst totalPage = Math.ceil(posts.length / postsPerPage);\n\tconst totalPageSp = Math.ceil(posts.length / postsPerPageSp);\n\n\tconst paginate = (pageNumber) => {\n\t\tsetCurrentPage(pageNumber)\n\t\twindow.scrollTo(0, 0);\n\t};\n\tconst paginateSp = (pageNumber) => setCurrentPageSp(pageNumber);\n\n\tconst indexOfLastPost = currentPage * postsPerPage;\n\tconst indexOfFirstPost = indexOfLastPost - postsPerPage;\n\tconst currentPosts = posts.slice(indexOfFirstPost, indexOfLastPost);\n\n\tconst indexOfLastPostSp = currentPageSp * postsPerPageSp;\n\tconst indexOfFirstPostSp = indexOfLastPostSp - postsPerPageSp;\n\tconst currentPostsSp = posts.slice(indexOfFirstPostSp, indexOfLastPostSp);\n\n\treturn (\n\t\t<>\n\t\t\t<div className={\"pc\"}>\n\t\t\t\t<CatalogProductList posts={currentPosts} />\n\t\t\t\t<div className=\"pagination-bar flex center\">\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tpaginate(currentPage > 1 ? currentPage - 1 : currentPage)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclassName=\"prev\"\n\t\t\t\t\t\tname=\"prev\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"flex-part flex center\">\n\t\t\t\t\t\t<p>{pages}：</p>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName={\"medium page-number\"}\n\t\t\t\t\t\t\ttype={\"text\"}\n\t\t\t\t\t\t\tpattern=\"[0-9]*\"\n\t\t\t\t\t\t\tonInput={(e) => paginate(parseInt(e.target.value), 10)}\n\t\t\t\t\t\t\tvalue={currentPage}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<p>/ {totalPage}</p>\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tpaginate(currentPage < totalPage ? currentPage + 1 : currentPage)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclassName=\"next\"\n\t\t\t\t\t\tname=\"next\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className={\"sp\"}>\n\t\t\t\t<CatalogProductList posts={currentPostsSp} />\n\t\t\t\t<div className=\"pagination-bar flex center\">\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tpaginateSp(currentPageSp > 1 ? currentPageSp - 1 : currentPageSp)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclassName=\"prev\"\n\t\t\t\t\t\tname=\"prev\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"flex-part flex center\">\n\t\t\t\t\t\t<p>{pages}：</p>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName={\"medium page-number\"}\n\t\t\t\t\t\t\ttype={\"text\"}\n\t\t\t\t\t\t\tpattern=\"[0-9]*\"\n\t\t\t\t\t\t\tonInput={(e) => paginateSp(e.target.value)}\n\t\t\t\t\t\t\tvalue={currentPageSp}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<p>/ {totalPageSp}</p>\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tpaginateSp(\n\t\t\t\t\t\t\t\tcurrentPageSp < totalPageSp ? currentPageSp + 1 : currentPageSp\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclassName=\"next\"\n\t\t\t\t\t\tname=\"next\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default Pagination;\n"],"sourceRoot":""}