@blaze-cms/react-page-builder 0.141.0-alpha.0 → 0.141.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +57 -0
- package/lib/components/BlazeLink.js +6 -2
- package/lib/components/BlazeLink.js.map +1 -1
- package/lib/components/Card/Card.js.map +1 -1
- package/lib/components/ContentGroup/ContentGroupTabs.js +10 -8
- package/lib/components/ContentGroup/ContentGroupTabs.js.map +1 -1
- package/lib/components/Image/ImageRender.js +4 -2
- package/lib/components/Image/ImageRender.js.map +1 -1
- package/lib/components/List/components/Header/ListHeader.js +5 -2
- package/lib/components/List/components/Header/ListHeader.js.map +1 -1
- package/lib/components/List/components/Pagination/Classic.js +2 -2
- package/lib/components/List/components/Pagination/Classic.js.map +1 -1
- package/lib/components/List/components/Pagination/LoadMore.js +2 -1
- package/lib/components/List/components/Pagination/LoadMore.js.map +1 -1
- package/lib/components/List/helpers/build-pagination-items.js +2 -1
- package/lib/components/List/helpers/build-pagination-items.js.map +1 -1
- package/lib/components/Menu/Menu.js +4 -2
- package/lib/components/Menu/Menu.js.map +1 -1
- package/lib/components/SearchFilter/components/Select.js +1 -0
- package/lib/components/SearchFilter/components/Select.js.map +1 -1
- package/lib/components/SearchFilterSort/SearchFilterSort.js +1 -0
- package/lib/components/SearchFilterSort/SearchFilterSort.js.map +1 -1
- package/lib/components/SocialFollow/SFItem.js +4 -3
- package/lib/components/SocialFollow/SFItem.js.map +1 -1
- package/lib/components/Video/providers/Default.js +13 -7
- package/lib/components/Video/providers/Default.js.map +1 -1
- package/lib/components/Video/providers/get-provider.js +5 -0
- package/lib/components/Video/providers/get-provider.js.map +1 -1
- package/lib/hooks/helpers/getVariant.js.map +1 -1
- package/lib/utils/variant-handler.js +2 -1
- package/lib/utils/variant-handler.js.map +1 -1
- package/lib/variants/HeroImage/index.js +29 -0
- package/lib/variants/HeroImage/index.js.map +1 -0
- package/lib/variants/Infographic/Infographic.js +27 -0
- package/lib/variants/Infographic/Infographic.js.map +1 -0
- package/lib/variants/Infographic/index.js +41 -0
- package/lib/variants/Infographic/index.js.map +1 -0
- package/lib/variants/Infographic/useInfographic.js +43 -0
- package/lib/variants/Infographic/useInfographic.js.map +1 -0
- package/lib/variants/LongformGallery/LongformGallery.js +53 -0
- package/lib/variants/LongformGallery/LongformGallery.js.map +1 -0
- package/lib/variants/LongformGallery/LongformGalleryImage.js +71 -0
- package/lib/variants/LongformGallery/LongformGalleryImage.js.map +1 -0
- package/lib/variants/LongformGallery/constants.js +19 -0
- package/lib/variants/LongformGallery/constants.js.map +1 -0
- package/lib/variants/LongformGallery/helpers/index.js +29 -0
- package/lib/variants/LongformGallery/helpers/index.js.map +1 -0
- package/lib/variants/LongformGallery/helpers/parseImageData.js +42 -0
- package/lib/variants/LongformGallery/helpers/parseImageData.js.map +1 -0
- package/lib/variants/LongformGallery/helpers/separateImages.js +36 -0
- package/lib/variants/LongformGallery/helpers/separateImages.js.map +1 -0
- package/lib/variants/LongformGallery/helpers/shouldSkip.js +13 -0
- package/lib/variants/LongformGallery/helpers/shouldSkip.js.map +1 -0
- package/lib/variants/LongformGallery/index.js +43 -0
- package/lib/variants/LongformGallery/index.js.map +1 -0
- package/lib/variants/LongformGallery/useLongformGallery.js +58 -0
- package/lib/variants/LongformGallery/useLongformGallery.js.map +1 -0
- package/lib/variants/LongformRow/index.js +29 -0
- package/lib/variants/LongformRow/index.js.map +1 -0
- package/lib/variants/ParallaxImageTextRight/index.js +30 -0
- package/lib/variants/ParallaxImageTextRight/index.js.map +1 -0
- package/lib/variants/ThumbnailCarousel/ThumbnailCarousel.js +63 -0
- package/lib/variants/ThumbnailCarousel/ThumbnailCarousel.js.map +1 -0
- package/lib/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js +37 -0
- package/lib/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js.map +1 -0
- package/lib/variants/ThumbnailCarousel/ThumbnailImage/index.js +11 -0
- package/lib/variants/ThumbnailCarousel/ThumbnailImage/index.js.map +1 -0
- package/lib/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js +69 -0
- package/lib/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js.map +1 -0
- package/lib/variants/ThumbnailCarousel/index.js +41 -0
- package/lib/variants/ThumbnailCarousel/index.js.map +1 -0
- package/lib/variants/ThumbnailCarousel/useThumbnailCarousel.js +66 -0
- package/lib/variants/ThumbnailCarousel/useThumbnailCarousel.js.map +1 -0
- package/lib/variants/index.js +15 -1
- package/lib/variants/index.js.map +1 -1
- package/lib-es/components/BlazeLink.js +6 -2
- package/lib-es/components/BlazeLink.js.map +1 -1
- package/lib-es/components/Card/Card.js.map +1 -1
- package/lib-es/components/ContentGroup/ContentGroupTabs.js +10 -8
- package/lib-es/components/ContentGroup/ContentGroupTabs.js.map +1 -1
- package/lib-es/components/Image/ImageRender.js +4 -2
- package/lib-es/components/Image/ImageRender.js.map +1 -1
- package/lib-es/components/List/components/Header/ListHeader.js +5 -2
- package/lib-es/components/List/components/Header/ListHeader.js.map +1 -1
- package/lib-es/components/List/components/Pagination/Classic.js +2 -2
- package/lib-es/components/List/components/Pagination/Classic.js.map +1 -1
- package/lib-es/components/List/components/Pagination/LoadMore.js +2 -1
- package/lib-es/components/List/components/Pagination/LoadMore.js.map +1 -1
- package/lib-es/components/List/helpers/build-pagination-items.js +2 -1
- package/lib-es/components/List/helpers/build-pagination-items.js.map +1 -1
- package/lib-es/components/Menu/Menu.js +4 -2
- package/lib-es/components/Menu/Menu.js.map +1 -1
- package/lib-es/components/SearchFilter/components/Select.js +1 -0
- package/lib-es/components/SearchFilter/components/Select.js.map +1 -1
- package/lib-es/components/SearchFilterSort/SearchFilterSort.js +1 -0
- package/lib-es/components/SearchFilterSort/SearchFilterSort.js.map +1 -1
- package/lib-es/components/SocialFollow/SFItem.js +4 -3
- package/lib-es/components/SocialFollow/SFItem.js.map +1 -1
- package/lib-es/components/Video/providers/Default.js +14 -7
- package/lib-es/components/Video/providers/Default.js.map +1 -1
- package/lib-es/components/Video/providers/get-provider.js +2 -1
- package/lib-es/components/Video/providers/get-provider.js.map +1 -1
- package/lib-es/hooks/helpers/getVariant.js.map +1 -1
- package/lib-es/utils/variant-handler.js +2 -1
- package/lib-es/utils/variant-handler.js.map +1 -1
- package/lib-es/variants/HeroImage/index.js +10 -0
- package/lib-es/variants/HeroImage/index.js.map +1 -0
- package/lib-es/variants/Infographic/Infographic.js +20 -0
- package/lib-es/variants/Infographic/Infographic.js.map +1 -0
- package/lib-es/variants/Infographic/index.js +10 -0
- package/lib-es/variants/Infographic/index.js.map +1 -0
- package/lib-es/variants/Infographic/useInfographic.js +23 -0
- package/lib-es/variants/Infographic/useInfographic.js.map +1 -0
- package/lib-es/variants/LongformGallery/LongformGallery.js +40 -0
- package/lib-es/variants/LongformGallery/LongformGallery.js.map +1 -0
- package/lib-es/variants/LongformGallery/LongformGalleryImage.js +59 -0
- package/lib-es/variants/LongformGallery/LongformGalleryImage.js.map +1 -0
- package/lib-es/variants/LongformGallery/constants.js +18 -0
- package/lib-es/variants/LongformGallery/constants.js.map +1 -0
- package/lib-es/variants/LongformGallery/helpers/index.js +5 -0
- package/lib-es/variants/LongformGallery/helpers/index.js.map +1 -0
- package/lib-es/variants/LongformGallery/helpers/parseImageData.js +26 -0
- package/lib-es/variants/LongformGallery/helpers/parseImageData.js.map +1 -0
- package/lib-es/variants/LongformGallery/helpers/separateImages.js +25 -0
- package/lib-es/variants/LongformGallery/helpers/separateImages.js.map +1 -0
- package/lib-es/variants/LongformGallery/helpers/shouldSkip.js +3 -0
- package/lib-es/variants/LongformGallery/helpers/shouldSkip.js.map +1 -0
- package/lib-es/variants/LongformGallery/index.js +12 -0
- package/lib-es/variants/LongformGallery/index.js.map +1 -0
- package/lib-es/variants/LongformGallery/useLongformGallery.js +47 -0
- package/lib-es/variants/LongformGallery/useLongformGallery.js.map +1 -0
- package/lib-es/variants/LongformRow/index.js +10 -0
- package/lib-es/variants/LongformRow/index.js.map +1 -0
- package/lib-es/variants/ParallaxImageTextRight/index.js +11 -0
- package/lib-es/variants/ParallaxImageTextRight/index.js.map +1 -0
- package/lib-es/variants/ThumbnailCarousel/ThumbnailCarousel.js +49 -0
- package/lib-es/variants/ThumbnailCarousel/ThumbnailCarousel.js.map +1 -0
- package/lib-es/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js +30 -0
- package/lib-es/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js.map +1 -0
- package/lib-es/variants/ThumbnailCarousel/ThumbnailImage/index.js +3 -0
- package/lib-es/variants/ThumbnailCarousel/ThumbnailImage/index.js.map +1 -0
- package/lib-es/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js +62 -0
- package/lib-es/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js.map +1 -0
- package/lib-es/variants/ThumbnailCarousel/index.js +10 -0
- package/lib-es/variants/ThumbnailCarousel/index.js.map +1 -0
- package/lib-es/variants/ThumbnailCarousel/useThumbnailCarousel.js +47 -0
- package/lib-es/variants/ThumbnailCarousel/useThumbnailCarousel.js.map +1 -0
- package/lib-es/variants/index.js +14 -1
- package/lib-es/variants/index.js.map +1 -1
- package/package.json +8 -8
- package/src/components/BlazeLink.js +23 -4
- package/src/components/Card/Card.js +0 -1
- package/src/components/ContentGroup/ContentGroupTabs.js +11 -8
- package/src/components/Image/ImageRender.js +4 -2
- package/src/components/List/components/Header/ListHeader.js +7 -4
- package/src/components/List/components/Pagination/Classic.js +2 -2
- package/src/components/List/components/Pagination/LoadMore.js +7 -2
- package/src/components/List/helpers/build-pagination-items.js +2 -1
- package/src/components/Menu/Menu.js +4 -3
- package/src/components/SearchFilter/components/Select.js +1 -0
- package/src/components/SearchFilterSort/SearchFilterSort.js +1 -0
- package/src/components/SocialFollow/SFItem.js +8 -2
- package/src/components/Video/providers/Default.js +12 -6
- package/src/components/Video/providers/get-provider.js +2 -1
- package/src/hooks/helpers/getVariant.js +1 -0
- package/src/utils/variant-handler.js +2 -1
- package/src/variants/HeroImage/index.js +8 -0
- package/src/variants/Infographic/Infographic.js +14 -0
- package/src/variants/Infographic/index.js +12 -0
- package/src/variants/Infographic/useInfographic.js +18 -0
- package/src/variants/LongformGallery/LongformGallery.js +47 -0
- package/src/variants/LongformGallery/LongformGalleryImage.js +65 -0
- package/src/variants/LongformGallery/constants.js +21 -0
- package/src/variants/LongformGallery/helpers/index.js +5 -0
- package/src/variants/LongformGallery/helpers/parseImageData.js +25 -0
- package/src/variants/LongformGallery/helpers/separateImages.js +38 -0
- package/src/variants/LongformGallery/helpers/shouldSkip.js +3 -0
- package/src/variants/LongformGallery/index.js +13 -0
- package/src/variants/LongformGallery/useLongformGallery.js +41 -0
- package/src/variants/LongformRow/index.js +8 -0
- package/src/variants/ParallaxImageTextRight/index.js +9 -0
- package/src/variants/ThumbnailCarousel/ThumbnailCarousel.js +51 -0
- package/src/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js +26 -0
- package/src/variants/ThumbnailCarousel/ThumbnailImage/index.js +3 -0
- package/src/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js +61 -0
- package/src/variants/ThumbnailCarousel/index.js +12 -0
- package/src/variants/ThumbnailCarousel/useThumbnailCarousel.js +42 -0
- package/src/variants/index.js +15 -1
- package/tests/unit/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.js.snap +3 -0
- package/tests/unit/src/components/Button.test.js +2 -2
- package/tests/unit/src/components/Card/__snapshots__/Card.test.js.snap +13 -0
- package/tests/unit/src/components/Card/__snapshots__/CardContainer.test.js.snap +8 -0
- package/tests/unit/src/components/ContentGroup/__snapshots__/ContentGroupTabs.test.js.snap +2 -0
- package/tests/unit/src/components/Image/GlobalLightbox/__snapshots__/GlobalLightbox.test.js.snap +1 -0
- package/tests/unit/src/components/Image/__snapshots__/Image.test.js.snap +3 -0
- package/tests/unit/src/components/Image/__snapshots__/ImageFactory.test.js.snap +4 -0
- package/tests/unit/src/components/List/components/Header/__snapshots__/ListHeader.test.js.snap +5 -0
- package/tests/unit/src/components/List/components/Pagination/__snapshots__/Classic.test.js.snap +8 -2
- package/tests/unit/src/components/List/components/Pagination/__snapshots__/ListPagination.test.js.snap +5 -1
- package/tests/unit/src/components/List/components/Pagination/__snapshots__/LoadMore.test.js.snap +1 -1
- package/tests/unit/src/components/List/helpers/__snapshots__/build-pagination-items.test.js.snap +21 -0
- package/tests/unit/src/components/MenuItem/__snapshots__/MenuItem.test.js.snap +1 -0
- package/tests/unit/src/components/SearchFilter/components/__snapshots__/Select.test.js.snap +5 -3
- package/tests/unit/src/components/SearchFilterSort/__snapshots__/SearchFilterSort.test.js.snap +2 -1
- package/tests/unit/src/components/SocialFollow/__snapshots__/SFItem.test.js.snap +2 -2
- package/tests/unit/src/components/SocialFollow/__snapshots__/SocialFollow.test.js.snap +2 -6
- package/tests/unit/src/components/TextBlock/__snapshots__/TextBlock.test.js.snap +4 -0
- package/tests/unit/src/components/Video/providers/__snapshots__/Default.test.js.snap +111 -108
- package/tests/unit/src/components/__snapshots__/BlazeLink.test.js.snap +1 -1
- package/tests/unit/src/components/__snapshots__/Button.test.js.snap +1 -0
- package/tests/unit/src/helpers/__snapshots__/parse-textBlock.test.js.snap +1 -0
- package/tests/unit/src/helpers/parse-textBlock.test.js +3 -1
- package/tests/unit/src/utils/variant-handler.test.js +9 -4
- package/tests/unit/src/variants/LongFormGallery/LongformGallery.test.js +42 -0
- package/tests/unit/src/variants/LongFormGallery/LongformGalleryImage.test.js +44 -0
- package/tests/unit/src/variants/LongFormGallery/__snapshots__/LongformGallery.test.js.snap +99 -0
- package/tests/unit/src/variants/LongFormGallery/__snapshots__/LongformGalleryImage.test.js.snap +51 -0
- package/tests/unit/src/variants/LongFormGallery/constants.js +37 -0
- package/tests/unit/src/variants/LongFormGallery/helpers/parseImageData.test.js +53 -0
- package/tests/unit/src/variants/LongFormGallery/helpers/separateImages.test.js +52 -0
- package/tests/unit/src/variants/LongFormGallery/helpers/shouldSkip.test.js +23 -0
- package/tests/unit/src/variants/LongFormGallery/useLongformGallery.test.js +36 -0
- package/tests/unit/src/variants/ThumbnailCarousel/ThumbnailCarousel.test.js +29 -0
- package/tests/unit/src/variants/ThumbnailCarousel/ThumbnailImage.test.js +45 -0
- package/tests/unit/src/variants/ThumbnailCarousel/__snapshots__/ThumbnailCarousel.test.js.snap +71 -0
- package/tests/unit/src/variants/ThumbnailCarousel/__snapshots__/ThumbnailImage.test.js.snap +19 -0
- package/tests/unit/src/variants/ThumbnailCarousel/mocks.js +64 -0
|
@@ -31,13 +31,13 @@ const Classic = ({
|
|
|
31
31
|
onClick: onClick,
|
|
32
32
|
shallow: true,
|
|
33
33
|
scroll: true
|
|
34
|
-
}, PREVIOUS_STRING), pages, !!nextPageLink && /*#__PURE__*/React.createElement(BlazeLink, {
|
|
34
|
+
}, `${PREVIOUS_STRING} page`), pages, !!nextPageLink && /*#__PURE__*/React.createElement(BlazeLink, {
|
|
35
35
|
href: nextPageLink,
|
|
36
36
|
className: "pagination_page-next",
|
|
37
37
|
onClick: onClick,
|
|
38
38
|
shallow: true,
|
|
39
39
|
scroll: true
|
|
40
|
-
}, NEXT_STRING));
|
|
40
|
+
}, `${NEXT_STRING} page`));
|
|
41
41
|
};
|
|
42
42
|
Classic.propTypes = {
|
|
43
43
|
numberOfPages: PropTypes.number.isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Classic.js","names":["React","PropTypes","buildPaginationItems","BlazeLink","buildPaginationUrl","NEXT_STRING","PREVIOUS_STRING","Classic","name","numberOfPages","currentPage","query","url","isLastPage","onClick","pages","nextPage","previousPage","previousPageLink","nextPageLink","createElement","Fragment","href","className","shallow","scroll","propTypes","number","isRequired","string","object","bool","func"],"sources":["../../../../../src/components/List/components/Pagination/Classic.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { buildPaginationItems } from '../../helpers';\nimport BlazeLink from '../../../BlazeLink';\nimport buildPaginationUrl from '../../helpers/build-pagination-url';\nimport { NEXT_STRING, PREVIOUS_STRING } from '../../../../constants';\n\nconst Classic = ({ name, numberOfPages, currentPage, query, url, isLastPage, onClick }) => {\n const pages = buildPaginationItems({ name, numberOfPages, currentPage, query, url, onClick });\n const nextPage = currentPage + 1;\n const previousPage = currentPage - 1;\n const previousPageLink =\n currentPage > 1 ? buildPaginationUrl(name, previousPage, query, url) : null;\n const nextPageLink = !isLastPage ? buildPaginationUrl(name, nextPage, query, url) : null;\n\n return (\n <>\n {!!previousPageLink && (\n <BlazeLink\n href={previousPageLink}\n className=\"pagination_page-previous\"\n onClick={onClick}\n shallow\n scroll>\n {PREVIOUS_STRING}\n </BlazeLink>\n )}\n {pages}\n {!!nextPageLink && (\n <BlazeLink\n href={nextPageLink}\n className=\"pagination_page-next\"\n onClick={onClick}\n shallow\n scroll>\n {NEXT_STRING}\n </BlazeLink>\n )}\n </>\n );\n};\n\nClassic.propTypes = {\n numberOfPages: PropTypes.number.isRequired,\n currentPage: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n query: PropTypes.object.isRequired,\n url: PropTypes.string.isRequired,\n isLastPage: PropTypes.bool.isRequired,\n onClick: PropTypes.func.isRequired\n};\n\nexport default Classic;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,OAAOC,SAAS,MAAM,oBAAoB;AAC1C,OAAOC,kBAAkB,MAAM,oCAAoC;AACnE,SAASC,WAAW,EAAEC,eAAe,QAAQ,uBAAuB;AAEpE,MAAMC,OAAO,GAAGA,CAAC;EAAEC,IAAI;EAAEC,aAAa;EAAEC,WAAW;EAAEC,KAAK;EAAEC,GAAG;EAAEC,UAAU;EAAEC;AAAQ,CAAC,KAAK;EACzF,MAAMC,KAAK,GAAGb,oBAAoB,CAAC;IAAEM,IAAI;IAAEC,aAAa;IAAEC,WAAW;IAAEC,KAAK;IAAEC,GAAG;IAAEE;EAAQ,CAAC,CAAC;EAC7F,MAAME,QAAQ,GAAGN,WAAW,GAAG,CAAC;EAChC,MAAMO,YAAY,GAAGP,WAAW,GAAG,CAAC;EACpC,MAAMQ,gBAAgB,GACpBR,WAAW,GAAG,CAAC,GAAGN,kBAAkB,CAACI,IAAI,EAAES,YAAY,EAAEN,KAAK,EAAEC,GAAG,CAAC,GAAG,IAAI;EAC7E,MAAMO,YAAY,GAAG,CAACN,UAAU,GAAGT,kBAAkB,CAACI,IAAI,EAAEQ,QAAQ,EAAEL,KAAK,EAAEC,GAAG,CAAC,GAAG,IAAI;EAExF,oBACEZ,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,QACG,CAAC,CAACH,gBAAgB,iBACjBlB,KAAA,CAAAoB,aAAA,CAACjB,SAAS;IACRmB,IAAI,EAAEJ,gBAAiB;IACvBK,SAAS,EAAC,0BAA0B;IACpCT,OAAO,EAAEA,OAAQ;IACjBU,OAAO;IACPC,MAAM;EAAA,
|
|
1
|
+
{"version":3,"file":"Classic.js","names":["React","PropTypes","buildPaginationItems","BlazeLink","buildPaginationUrl","NEXT_STRING","PREVIOUS_STRING","Classic","name","numberOfPages","currentPage","query","url","isLastPage","onClick","pages","nextPage","previousPage","previousPageLink","nextPageLink","createElement","Fragment","href","className","shallow","scroll","propTypes","number","isRequired","string","object","bool","func"],"sources":["../../../../../src/components/List/components/Pagination/Classic.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { buildPaginationItems } from '../../helpers';\nimport BlazeLink from '../../../BlazeLink';\nimport buildPaginationUrl from '../../helpers/build-pagination-url';\nimport { NEXT_STRING, PREVIOUS_STRING } from '../../../../constants';\n\nconst Classic = ({ name, numberOfPages, currentPage, query, url, isLastPage, onClick }) => {\n const pages = buildPaginationItems({ name, numberOfPages, currentPage, query, url, onClick });\n const nextPage = currentPage + 1;\n const previousPage = currentPage - 1;\n const previousPageLink =\n currentPage > 1 ? buildPaginationUrl(name, previousPage, query, url) : null;\n const nextPageLink = !isLastPage ? buildPaginationUrl(name, nextPage, query, url) : null;\n\n return (\n <>\n {!!previousPageLink && (\n <BlazeLink\n href={previousPageLink}\n className=\"pagination_page-previous\"\n onClick={onClick}\n shallow\n scroll>\n {`${PREVIOUS_STRING} page`}\n </BlazeLink>\n )}\n {pages}\n {!!nextPageLink && (\n <BlazeLink\n href={nextPageLink}\n className=\"pagination_page-next\"\n onClick={onClick}\n shallow\n scroll>\n {`${NEXT_STRING} page`}\n </BlazeLink>\n )}\n </>\n );\n};\n\nClassic.propTypes = {\n numberOfPages: PropTypes.number.isRequired,\n currentPage: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n query: PropTypes.object.isRequired,\n url: PropTypes.string.isRequired,\n isLastPage: PropTypes.bool.isRequired,\n onClick: PropTypes.func.isRequired\n};\n\nexport default Classic;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,OAAOC,SAAS,MAAM,oBAAoB;AAC1C,OAAOC,kBAAkB,MAAM,oCAAoC;AACnE,SAASC,WAAW,EAAEC,eAAe,QAAQ,uBAAuB;AAEpE,MAAMC,OAAO,GAAGA,CAAC;EAAEC,IAAI;EAAEC,aAAa;EAAEC,WAAW;EAAEC,KAAK;EAAEC,GAAG;EAAEC,UAAU;EAAEC;AAAQ,CAAC,KAAK;EACzF,MAAMC,KAAK,GAAGb,oBAAoB,CAAC;IAAEM,IAAI;IAAEC,aAAa;IAAEC,WAAW;IAAEC,KAAK;IAAEC,GAAG;IAAEE;EAAQ,CAAC,CAAC;EAC7F,MAAME,QAAQ,GAAGN,WAAW,GAAG,CAAC;EAChC,MAAMO,YAAY,GAAGP,WAAW,GAAG,CAAC;EACpC,MAAMQ,gBAAgB,GACpBR,WAAW,GAAG,CAAC,GAAGN,kBAAkB,CAACI,IAAI,EAAES,YAAY,EAAEN,KAAK,EAAEC,GAAG,CAAC,GAAG,IAAI;EAC7E,MAAMO,YAAY,GAAG,CAACN,UAAU,GAAGT,kBAAkB,CAACI,IAAI,EAAEQ,QAAQ,EAAEL,KAAK,EAAEC,GAAG,CAAC,GAAG,IAAI;EAExF,oBACEZ,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,QACG,CAAC,CAACH,gBAAgB,iBACjBlB,KAAA,CAAAoB,aAAA,CAACjB,SAAS;IACRmB,IAAI,EAAEJ,gBAAiB;IACvBK,SAAS,EAAC,0BAA0B;IACpCT,OAAO,EAAEA,OAAQ;IACjBU,OAAO;IACPC,MAAM;EAAA,GACJ,GAAEnB,eAAgB,OACX,CACZ,EACAS,KAAK,EACL,CAAC,CAACI,YAAY,iBACbnB,KAAA,CAAAoB,aAAA,CAACjB,SAAS;IACRmB,IAAI,EAAEH,YAAa;IACnBI,SAAS,EAAC,sBAAsB;IAChCT,OAAO,EAAEA,OAAQ;IACjBU,OAAO;IACPC,MAAM;EAAA,GACJ,GAAEpB,WAAY,OACP,CAEb,CAAC;AAEP,CAAC;AAEDE,OAAO,CAACmB,SAAS,GAAG;EAClBjB,aAAa,EAAER,SAAS,CAAC0B,MAAM,CAACC,UAAU;EAC1ClB,WAAW,EAAET,SAAS,CAAC0B,MAAM,CAACC,UAAU;EACxCpB,IAAI,EAAEP,SAAS,CAAC4B,MAAM,CAACD,UAAU;EACjCjB,KAAK,EAAEV,SAAS,CAAC6B,MAAM,CAACF,UAAU;EAClChB,GAAG,EAAEX,SAAS,CAAC4B,MAAM,CAACD,UAAU;EAChCf,UAAU,EAAEZ,SAAS,CAAC8B,IAAI,CAACH,UAAU;EACrCd,OAAO,EAAEb,SAAS,CAAC+B,IAAI,CAACJ;AAC1B,CAAC;AAED,eAAerB,OAAO"}
|
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { LOAD_MORE_STRING } from '../../../../constants';
|
|
4
4
|
import buildPaginationUrl from '../../helpers/build-pagination-url';
|
|
5
|
+
import BlazeLink from '../../../BlazeLink';
|
|
5
6
|
const LoadMore = ({
|
|
6
7
|
name,
|
|
7
8
|
currentPage,
|
|
@@ -17,7 +18,7 @@ const LoadMore = ({
|
|
|
17
18
|
e.preventDefault();
|
|
18
19
|
triggerInfiniteScroll();
|
|
19
20
|
};
|
|
20
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(
|
|
21
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BlazeLink, {
|
|
21
22
|
className: "pagination_load-more",
|
|
22
23
|
role: "button",
|
|
23
24
|
href: nextPageLink,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadMore.js","names":["React","PropTypes","LOAD_MORE_STRING","buildPaginationUrl","LoadMore","name","currentPage","query","url","triggerInfiniteScroll","isLastPage","nextPage","nextPageLink","loadMoreItems","e","preventDefault","createElement","Fragment","className","role","href","onClick","propTypes","bool","isRequired","number","string","object","func"],"sources":["../../../../../src/components/List/components/Pagination/LoadMore.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { LOAD_MORE_STRING } from '../../../../constants';\nimport buildPaginationUrl from '../../helpers/build-pagination-url';\n\nconst LoadMore = ({ name, currentPage, query, url, triggerInfiniteScroll, isLastPage }) => {\n if (isLastPage) return null;\n const nextPage = currentPage + 1;\n const nextPageLink = buildPaginationUrl(name, nextPage, query, url);\n\n const loadMoreItems = e => {\n e.preventDefault();\n triggerInfiniteScroll();\n };\n\n return (\n <>\n <
|
|
1
|
+
{"version":3,"file":"LoadMore.js","names":["React","PropTypes","LOAD_MORE_STRING","buildPaginationUrl","BlazeLink","LoadMore","name","currentPage","query","url","triggerInfiniteScroll","isLastPage","nextPage","nextPageLink","loadMoreItems","e","preventDefault","createElement","Fragment","className","role","href","onClick","propTypes","bool","isRequired","number","string","object","func"],"sources":["../../../../../src/components/List/components/Pagination/LoadMore.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { LOAD_MORE_STRING } from '../../../../constants';\nimport buildPaginationUrl from '../../helpers/build-pagination-url';\nimport BlazeLink from '../../../BlazeLink';\n\nconst LoadMore = ({ name, currentPage, query, url, triggerInfiniteScroll, isLastPage }) => {\n if (isLastPage) return null;\n const nextPage = currentPage + 1;\n const nextPageLink = buildPaginationUrl(name, nextPage, query, url);\n\n const loadMoreItems = e => {\n e.preventDefault();\n triggerInfiniteScroll();\n };\n\n return (\n <>\n <BlazeLink\n className=\"pagination_load-more\"\n role=\"button\"\n href={nextPageLink}\n onClick={loadMoreItems}>\n {LOAD_MORE_STRING}\n </BlazeLink>\n </>\n );\n};\n\nLoadMore.propTypes = {\n isLastPage: PropTypes.bool.isRequired,\n currentPage: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n query: PropTypes.object.isRequired,\n url: PropTypes.string.isRequired,\n triggerInfiniteScroll: PropTypes.func.isRequired\n};\n\nexport default LoadMore;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAOC,kBAAkB,MAAM,oCAAoC;AACnE,OAAOC,SAAS,MAAM,oBAAoB;AAE1C,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,IAAI;EAAEC,WAAW;EAAEC,KAAK;EAAEC,GAAG;EAAEC,qBAAqB;EAAEC;AAAW,CAAC,KAAK;EACzF,IAAIA,UAAU,EAAE,OAAO,IAAI;EAC3B,MAAMC,QAAQ,GAAGL,WAAW,GAAG,CAAC;EAChC,MAAMM,YAAY,GAAGV,kBAAkB,CAACG,IAAI,EAAEM,QAAQ,EAAEJ,KAAK,EAAEC,GAAG,CAAC;EAEnE,MAAMK,aAAa,GAAGC,CAAC,IAAI;IACzBA,CAAC,CAACC,cAAc,CAAC,CAAC;IAClBN,qBAAqB,CAAC,CAAC;EACzB,CAAC;EAED,oBACEV,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,qBACElB,KAAA,CAAAiB,aAAA,CAACb,SAAS;IACRe,SAAS,EAAC,sBAAsB;IAChCC,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAER,YAAa;IACnBS,OAAO,EAAER;EAAc,GACtBZ,gBACQ,CACX,CAAC;AAEP,CAAC;AAEDG,QAAQ,CAACkB,SAAS,GAAG;EACnBZ,UAAU,EAAEV,SAAS,CAACuB,IAAI,CAACC,UAAU;EACrClB,WAAW,EAAEN,SAAS,CAACyB,MAAM,CAACD,UAAU;EACxCnB,IAAI,EAAEL,SAAS,CAAC0B,MAAM,CAACF,UAAU;EACjCjB,KAAK,EAAEP,SAAS,CAAC2B,MAAM,CAACH,UAAU;EAClChB,GAAG,EAAER,SAAS,CAAC0B,MAAM,CAACF,UAAU;EAChCf,qBAAqB,EAAET,SAAS,CAAC4B,IAAI,CAACJ;AACxC,CAAC;AAED,eAAepB,QAAQ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"build-pagination-items.js","names":["React","BlazeLink","buildPaginationUrl","PAGINATION_DISPLAY_LIMIT","PAGINATION_DIFFERENCE","buildPaginationItems","name","numberOfPages","currentPage","query","url","onClick","pages","paginationDifference","index","page","length","href","pageHtml","createElement","key","className","shallow","scroll","push"],"sources":["../../../../src/components/List/helpers/build-pagination-items.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../../BlazeLink';\nimport buildPaginationUrl from './build-pagination-url';\nimport { PAGINATION_DISPLAY_LIMIT, PAGINATION_DIFFERENCE } from '../../../constants';\n\nconst buildPaginationItems = ({ name, numberOfPages, currentPage, query, url, onClick }) => {\n const pages = [];\n const paginationDifference =\n currentPage > PAGINATION_DIFFERENCE ? currentPage - PAGINATION_DIFFERENCE : 0;\n\n if (numberOfPages <= 1) return null;\n\n for (let index = 0; index < numberOfPages; index += 1) {\n const page = index + 1 + paginationDifference;\n if (pages.length < PAGINATION_DISPLAY_LIMIT && page <= numberOfPages) {\n const href = buildPaginationUrl(name, page, query, url);\n const pageHtml =\n page === currentPage ? (\n <span key={page} className=\"pagination_page-item--current\">\n {page}\n </span>\n ) : (\n <BlazeLink\n key={page}\n href={href}\n className=\"pagination_page-item\"\n onClick={onClick}\n shallow\n scroll>\n {page}\n </BlazeLink>\n );\n pages.push(pageHtml);\n }\n }\n\n return pages;\n};\n\nexport default buildPaginationItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,iBAAiB;AACvC,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,SAASC,wBAAwB,EAAEC,qBAAqB,QAAQ,oBAAoB;AAEpF,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,aAAa;EAAEC,WAAW;EAAEC,KAAK;EAAEC,GAAG;EAAEC;AAAQ,CAAC,KAAK;EAC1F,MAAMC,KAAK,GAAG,EAAE;EAChB,MAAMC,oBAAoB,GACxBL,WAAW,GAAGJ,qBAAqB,GAAGI,WAAW,GAAGJ,qBAAqB,GAAG,CAAC;EAE/E,IAAIG,aAAa,IAAI,CAAC,EAAE,OAAO,IAAI;EAEnC,KAAK,IAAIO,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGP,aAAa,EAAEO,KAAK,IAAI,CAAC,EAAE;IACrD,MAAMC,IAAI,GAAGD,KAAK,GAAG,CAAC,GAAGD,oBAAoB;IAC7C,IAAID,KAAK,CAACI,MAAM,GAAGb,wBAAwB,IAAIY,IAAI,IAAIR,aAAa,EAAE;MACpE,MAAMU,IAAI,GAAGf,kBAAkB,CAACI,IAAI,EAAES,IAAI,EAAEN,KAAK,EAAEC,GAAG,CAAC;MACvD,MAAMQ,QAAQ,GACZH,IAAI,KAAKP,WAAW,gBAClBR,KAAA,CAAAmB,aAAA;QAAMC,GAAG,EAAEL,IAAK;QAACM,SAAS,EAAC;MAA+B,GACvDN,IACG,CAAC,gBAEPf,KAAA,CAAAmB,aAAA,CAAClB,SAAS;QACRmB,GAAG,EAAEL,IAAK;QACVE,IAAI,EAAEA,IAAK;QACXI,SAAS,EAAC,sBAAsB;QAChCV,OAAO,EAAEA,OAAQ;QACjBW,OAAO;QACPC,MAAM;
|
|
1
|
+
{"version":3,"file":"build-pagination-items.js","names":["React","BlazeLink","buildPaginationUrl","PAGINATION_DISPLAY_LIMIT","PAGINATION_DIFFERENCE","buildPaginationItems","name","numberOfPages","currentPage","query","url","onClick","pages","paginationDifference","index","page","length","href","pageHtml","createElement","key","className","shallow","scroll","ariaLabel","push"],"sources":["../../../../src/components/List/helpers/build-pagination-items.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../../BlazeLink';\nimport buildPaginationUrl from './build-pagination-url';\nimport { PAGINATION_DISPLAY_LIMIT, PAGINATION_DIFFERENCE } from '../../../constants';\n\nconst buildPaginationItems = ({ name, numberOfPages, currentPage, query, url, onClick }) => {\n const pages = [];\n const paginationDifference =\n currentPage > PAGINATION_DIFFERENCE ? currentPage - PAGINATION_DIFFERENCE : 0;\n\n if (numberOfPages <= 1) return null;\n\n for (let index = 0; index < numberOfPages; index += 1) {\n const page = index + 1 + paginationDifference;\n if (pages.length < PAGINATION_DISPLAY_LIMIT && page <= numberOfPages) {\n const href = buildPaginationUrl(name, page, query, url);\n const pageHtml =\n page === currentPage ? (\n <span key={page} className=\"pagination_page-item--current\">\n {page}\n </span>\n ) : (\n <BlazeLink\n key={page}\n href={href}\n className=\"pagination_page-item\"\n onClick={onClick}\n shallow\n scroll\n ariaLabel={`Page ${page}`}>\n {page}\n </BlazeLink>\n );\n pages.push(pageHtml);\n }\n }\n\n return pages;\n};\n\nexport default buildPaginationItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,iBAAiB;AACvC,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,SAASC,wBAAwB,EAAEC,qBAAqB,QAAQ,oBAAoB;AAEpF,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,aAAa;EAAEC,WAAW;EAAEC,KAAK;EAAEC,GAAG;EAAEC;AAAQ,CAAC,KAAK;EAC1F,MAAMC,KAAK,GAAG,EAAE;EAChB,MAAMC,oBAAoB,GACxBL,WAAW,GAAGJ,qBAAqB,GAAGI,WAAW,GAAGJ,qBAAqB,GAAG,CAAC;EAE/E,IAAIG,aAAa,IAAI,CAAC,EAAE,OAAO,IAAI;EAEnC,KAAK,IAAIO,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGP,aAAa,EAAEO,KAAK,IAAI,CAAC,EAAE;IACrD,MAAMC,IAAI,GAAGD,KAAK,GAAG,CAAC,GAAGD,oBAAoB;IAC7C,IAAID,KAAK,CAACI,MAAM,GAAGb,wBAAwB,IAAIY,IAAI,IAAIR,aAAa,EAAE;MACpE,MAAMU,IAAI,GAAGf,kBAAkB,CAACI,IAAI,EAAES,IAAI,EAAEN,KAAK,EAAEC,GAAG,CAAC;MACvD,MAAMQ,QAAQ,GACZH,IAAI,KAAKP,WAAW,gBAClBR,KAAA,CAAAmB,aAAA;QAAMC,GAAG,EAAEL,IAAK;QAACM,SAAS,EAAC;MAA+B,GACvDN,IACG,CAAC,gBAEPf,KAAA,CAAAmB,aAAA,CAAClB,SAAS;QACRmB,GAAG,EAAEL,IAAK;QACVE,IAAI,EAAEA,IAAK;QACXI,SAAS,EAAC,sBAAsB;QAChCV,OAAO,EAAEA,OAAQ;QACjBW,OAAO;QACPC,MAAM;QACNC,SAAS,EAAG,QAAOT,IAAK;MAAE,GACzBA,IACQ,CACZ;MACHH,KAAK,CAACa,IAAI,CAACP,QAAQ,CAAC;IACtB;EACF;EAEA,OAAON,KAAK;AACd,CAAC;AAED,eAAeP,oBAAoB"}
|
|
@@ -6,6 +6,7 @@ import { useRouter } from 'next/router';
|
|
|
6
6
|
import { MdMenu, MdClose } from 'react-icons/md';
|
|
7
7
|
import { Link } from '@blaze-cms/nextjs-components';
|
|
8
8
|
import MenuContext from './MenuContext';
|
|
9
|
+
import BlazeLink from '../BlazeLink';
|
|
9
10
|
const Menu = ({
|
|
10
11
|
children,
|
|
11
12
|
collapse,
|
|
@@ -61,7 +62,8 @@ const Menu = ({
|
|
|
61
62
|
}) : /*#__PURE__*/React.createElement(MdMenu, {
|
|
62
63
|
className: hamburgerIconModifier
|
|
63
64
|
}))))), logoOnMobile && !showMobileMenu && /*#__PURE__*/React.createElement(Link, {
|
|
64
|
-
href: "/"
|
|
65
|
+
href: "/",
|
|
66
|
+
name: "mobile menu"
|
|
65
67
|
}, /*#__PURE__*/React.createElement("img", {
|
|
66
68
|
src: logoOnMobileUrl,
|
|
67
69
|
alt: logoOnMobileAlt,
|
|
@@ -70,7 +72,7 @@ const Menu = ({
|
|
|
70
72
|
className: "menu--desktop-wrapper"
|
|
71
73
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
72
74
|
className: childModifiers
|
|
73
|
-
}, logoOnDesktop && /*#__PURE__*/React.createElement(
|
|
75
|
+
}, logoOnDesktop && /*#__PURE__*/React.createElement(BlazeLink, {
|
|
74
76
|
href: "/",
|
|
75
77
|
className: ""
|
|
76
78
|
}, /*#__PURE__*/React.createElement("img", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","names":["React","useState","useEffect","PropTypes","BlazeButton","classnames","useRouter","MdMenu","MdClose","Link","MenuContext","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","closeIconModifier","router","showMobileMenu","setShowMobileMenu","handleRouteChange","events","on","off","shouldDisplayChildren","childModifiers","isMobileMenuExpanded","menuWrapperClasses","createElement","Provider","value","className","onClick","href","src","alt","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Menu/Menu.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport classnames from 'classnames';\nimport { useRouter } from 'next/router';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport MenuContext from './MenuContext';\n\nconst Menu = ({\n children,\n collapse,\n modifier,\n mobileMenuModifier,\n mobileMenuChildrenModifier,\n mobileIconAlignment,\n mobileButtonModifier,\n hamburgerIconModifier,\n logoOnMobile,\n logoOnDesktop,\n logoOnMobileUrl,\n logoOnMobileAlt,\n logoOnMobileModifier,\n logoOnDesktopModifier,\n closeIconModifier\n}) => {\n const router = useRouter();\n const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n useEffect(\n () => {\n const handleRouteChange = () => setShowMobileMenu(false);\n router.events.on('routeChangeStart', handleRouteChange);\n\n return () => {\n router.events.off('routeChangeStart', handleRouteChange);\n };\n },\n [router.events]\n );\n\n const shouldDisplayChildren = collapse ? showMobileMenu : true;\n\n const childModifiers = classnames({\n [mobileMenuChildrenModifier]: shouldDisplayChildren,\n [modifier]: !showMobileMenu\n });\n\n const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n const menuWrapperClasses = classnames('menu--wrapper', {\n 'menu--wrapper--mobile-open': showMobileMenu,\n 'menu--wrapper--mobile-closed': collapse && !showMobileMenu\n });\n\n return (\n <MenuContext.Provider value={{ showMobileMenu }}>\n <div className={menuWrapperClasses}>\n {collapse && (\n <div className=\"menu--mobile-wrapper\">\n <div\n className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n <BlazeButton\n className={`menu--mobile-button ${mobileButtonModifier}`}\n onClick={() => setShowMobileMenu(!showMobileMenu)}\n aria-label={showMobileMenu ? 'Close mobile menu' : 'Open mobile menu'}>\n <i>\n {showMobileMenu ? (\n <MdClose className={closeIconModifier} />\n ) : (\n <MdMenu className={hamburgerIconModifier} />\n )}\n </i>\n </BlazeButton>\n </div>\n </div>\n )}\n {logoOnMobile &&\n !showMobileMenu && (\n <Link href=\"/\">\n <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n </Link>\n )}\n\n <div className=\"menu--desktop-wrapper\">\n <ul className={childModifiers}>\n {logoOnDesktop && (\n <
|
|
1
|
+
{"version":3,"file":"Menu.js","names":["React","useState","useEffect","PropTypes","BlazeButton","classnames","useRouter","MdMenu","MdClose","Link","MenuContext","BlazeLink","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","closeIconModifier","router","showMobileMenu","setShowMobileMenu","handleRouteChange","events","on","off","shouldDisplayChildren","childModifiers","isMobileMenuExpanded","menuWrapperClasses","createElement","Provider","value","className","onClick","href","name","src","alt","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Menu/Menu.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport classnames from 'classnames';\nimport { useRouter } from 'next/router';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport MenuContext from './MenuContext';\nimport BlazeLink from '../BlazeLink';\n\nconst Menu = ({\n children,\n collapse,\n modifier,\n mobileMenuModifier,\n mobileMenuChildrenModifier,\n mobileIconAlignment,\n mobileButtonModifier,\n hamburgerIconModifier,\n logoOnMobile,\n logoOnDesktop,\n logoOnMobileUrl,\n logoOnMobileAlt,\n logoOnMobileModifier,\n logoOnDesktopModifier,\n closeIconModifier\n}) => {\n const router = useRouter();\n const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n useEffect(\n () => {\n const handleRouteChange = () => setShowMobileMenu(false);\n router.events.on('routeChangeStart', handleRouteChange);\n\n return () => {\n router.events.off('routeChangeStart', handleRouteChange);\n };\n },\n [router.events]\n );\n\n const shouldDisplayChildren = collapse ? showMobileMenu : true;\n\n const childModifiers = classnames({\n [mobileMenuChildrenModifier]: shouldDisplayChildren,\n [modifier]: !showMobileMenu\n });\n\n const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n const menuWrapperClasses = classnames('menu--wrapper', {\n 'menu--wrapper--mobile-open': showMobileMenu,\n 'menu--wrapper--mobile-closed': collapse && !showMobileMenu\n });\n\n return (\n <MenuContext.Provider value={{ showMobileMenu }}>\n <div className={menuWrapperClasses}>\n {collapse && (\n <div className=\"menu--mobile-wrapper\">\n <div\n className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n <BlazeButton\n className={`menu--mobile-button ${mobileButtonModifier}`}\n onClick={() => setShowMobileMenu(!showMobileMenu)}\n aria-label={showMobileMenu ? 'Close mobile menu' : 'Open mobile menu'}>\n <i>\n {showMobileMenu ? (\n <MdClose className={closeIconModifier} />\n ) : (\n <MdMenu className={hamburgerIconModifier} />\n )}\n </i>\n </BlazeButton>\n </div>\n </div>\n )}\n {logoOnMobile &&\n !showMobileMenu && (\n <Link href=\"/\" name=\"mobile menu\">\n <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n </Link>\n )}\n\n <div className=\"menu--desktop-wrapper\">\n <ul className={childModifiers}>\n {logoOnDesktop && (\n <BlazeLink href=\"/\" className=\"\">\n <img\n src={logoOnMobileUrl}\n alt={logoOnMobileAlt}\n className={logoOnDesktopModifier}\n />\n </BlazeLink>\n )}\n {children}\n </ul>\n </div>\n </div>\n </MenuContext.Provider>\n );\n};\n\nMenu.propTypes = {\n collapse: PropTypes.bool.isRequired,\n logoOnMobile: PropTypes.bool.isRequired,\n logoOnDesktop: PropTypes.bool,\n logoOnMobileUrl: PropTypes.string,\n logoOnMobileAlt: PropTypes.string,\n logoOnMobileModifier: PropTypes.string,\n logoOnDesktopModifier: PropTypes.string,\n hamburgerIconModifier: PropTypes.string,\n closeIconModifier: PropTypes.string,\n mobileButtonModifier: PropTypes.string,\n mobileMenuModifier: PropTypes.string,\n mobileMenuChildrenModifier: PropTypes.string,\n modifier: PropTypes.string,\n mobileIconAlignment: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n logoOnDesktop: false,\n logoOnMobileUrl: '',\n logoOnMobileAlt: '',\n logoOnMobileModifier: '',\n logoOnDesktopModifier: '',\n hamburgerIconModifier: '',\n closeIconModifier: '',\n mobileButtonModifier: '',\n mobileIconAlignment: '',\n mobileMenuModifier: '',\n mobileMenuChildrenModifier: '',\n modifier: '',\n children: []\n};\n\nexport default Menu;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","names":["React","PropTypes","Select","DEFAULT_OPTION","SelectFilter","data","label","prop","updateFilterValues","filterValues","shouldSearch","displayLabelAsPlaceholder","displayFilterCount","elementTitle","filterValue","disabledOptions","buckets","options","map","key","doc_count","count","push","optionLabel","filter","Boolean","sort","labelText","labelToUse","defaultTextValue","createElement","Fragment","className","value","id","onChange","valueToUse","disabled","propTypes","object","isRequired","string","func","bool","defaultProps"],"sources":["../../../../src/components/SearchFilter/components/Select.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@blaze-react/select';\nimport { DEFAULT_OPTION } from '../constants';\n\nconst SelectFilter = ({\n data,\n label,\n prop,\n updateFilterValues,\n filterValues,\n shouldSearch,\n displayLabelAsPlaceholder,\n displayFilterCount,\n elementTitle\n}) => {\n const filterValue = filterValues[prop] || '';\n const disabledOptions = [];\n const { buckets = [] } = data[prop] || {};\n const options = buckets\n .map(({ key, doc_count: count }) => {\n if (!count) disabledOptions.push(key);\n const optionLabel = displayFilterCount ? `${key} (${count})` : key;\n return [key, optionLabel];\n })\n .filter(Boolean)\n .sort();\n\n const labelText = label || prop;\n let labelToUse = labelText;\n let defaultTextValue = DEFAULT_OPTION;\n if (displayLabelAsPlaceholder) {\n defaultTextValue = labelToUse;\n labelToUse = null;\n }\n\n return (\n <>\n {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\n <Select\n label={labelToUse}\n value={filterValue}\n id={prop}\n data-testid={`filter-${prop}`}\n options={options}\n defaultTextValue={defaultTextValue}\n onChange={({ value }) => {\n let valueToUse = value;\n if (value === defaultTextValue) valueToUse = '';\n updateFilterValues({ [prop]: valueToUse }, shouldSearch);\n }}\n disabled={disabledOptions}\n />\n </>\n );\n};\n\nSelectFilter.propTypes = {\n data: PropTypes.object.isRequired,\n prop: PropTypes.string.isRequired,\n filterValues: PropTypes.object,\n updateFilterValues: PropTypes.func.isRequired,\n shouldSearch: PropTypes.bool,\n label: PropTypes.string,\n elementTitle: PropTypes.string,\n\n displayLabelAsPlaceholder: PropTypes.bool,\n displayFilterCount: PropTypes.bool\n};\n\nSelectFilter.defaultProps = {\n filterValues: {},\n shouldSearch: false,\n label: '',\n elementTitle: '',\n displayLabelAsPlaceholder: false,\n displayFilterCount: false\n};\n\nexport default SelectFilter;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,cAAc,QAAQ,cAAc;AAE7C,MAAMC,YAAY,GAAGA,CAAC;EACpBC,IAAI;EACJC,KAAK;EACLC,IAAI;EACJC,kBAAkB;EAClBC,YAAY;EACZC,YAAY;EACZC,yBAAyB;EACzBC,kBAAkB;EAClBC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGL,YAAY,CAACF,IAAI,CAAC,IAAI,EAAE;EAC5C,MAAMQ,eAAe,GAAG,EAAE;EAC1B,MAAM;IAAEC,OAAO,GAAG;EAAG,CAAC,GAAGX,IAAI,CAACE,IAAI,CAAC,IAAI,CAAC,CAAC;EACzC,MAAMU,OAAO,GAAGD,OAAO,CACpBE,GAAG,CAAC,CAAC;IAAEC,GAAG;IAAEC,SAAS,EAAEC;EAAM,CAAC,KAAK;IAClC,IAAI,CAACA,KAAK,EAAEN,eAAe,CAACO,IAAI,CAACH,GAAG,CAAC;IACrC,MAAMI,WAAW,GAAGX,kBAAkB,GAAI,GAAEO,GAAI,KAAIE,KAAM,GAAE,GAAGF,GAAG;IAClE,OAAO,CAACA,GAAG,EAAEI,WAAW,CAAC;EAC3B,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,CAAC;EAET,MAAMC,SAAS,GAAGrB,KAAK,IAAIC,IAAI;EAC/B,IAAIqB,UAAU,GAAGD,SAAS;EAC1B,IAAIE,gBAAgB,GAAG1B,cAAc;EACrC,IAAIQ,yBAAyB,EAAE;IAC7BkB,gBAAgB,GAAGD,UAAU;IAC7BA,UAAU,GAAG,IAAI;EACnB;EAEA,oBACE5B,KAAA,CAAA8B,aAAA,CAAA9B,KAAA,CAAA+B,QAAA,QACGlB,YAAY,iBAAIb,KAAA,CAAA8B,aAAA;IAAKE,SAAS,EAAC;EAA0B,GAAEnB,YAAkB,CAAC,eAC/Eb,KAAA,CAAA8B,aAAA,CAAC5B,MAAM;IACLI,KAAK,EAAEsB,UAAW;IAClBK,KAAK,EAAEnB,WAAY;IACnBoB,EAAE,EAAE3B,IAAK;
|
|
1
|
+
{"version":3,"file":"Select.js","names":["React","PropTypes","Select","DEFAULT_OPTION","SelectFilter","data","label","prop","updateFilterValues","filterValues","shouldSearch","displayLabelAsPlaceholder","displayFilterCount","elementTitle","filterValue","disabledOptions","buckets","options","map","key","doc_count","count","push","optionLabel","filter","Boolean","sort","labelText","labelToUse","defaultTextValue","createElement","Fragment","className","value","id","name","onChange","valueToUse","disabled","propTypes","object","isRequired","string","func","bool","defaultProps"],"sources":["../../../../src/components/SearchFilter/components/Select.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@blaze-react/select';\nimport { DEFAULT_OPTION } from '../constants';\n\nconst SelectFilter = ({\n data,\n label,\n prop,\n updateFilterValues,\n filterValues,\n shouldSearch,\n displayLabelAsPlaceholder,\n displayFilterCount,\n elementTitle\n}) => {\n const filterValue = filterValues[prop] || '';\n const disabledOptions = [];\n const { buckets = [] } = data[prop] || {};\n const options = buckets\n .map(({ key, doc_count: count }) => {\n if (!count) disabledOptions.push(key);\n const optionLabel = displayFilterCount ? `${key} (${count})` : key;\n return [key, optionLabel];\n })\n .filter(Boolean)\n .sort();\n\n const labelText = label || prop;\n let labelToUse = labelText;\n let defaultTextValue = DEFAULT_OPTION;\n if (displayLabelAsPlaceholder) {\n defaultTextValue = labelToUse;\n labelToUse = null;\n }\n\n return (\n <>\n {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\n <Select\n label={labelToUse}\n value={filterValue}\n id={prop}\n name={`filter-${prop}`}\n data-testid={`filter-${prop}`}\n options={options}\n defaultTextValue={defaultTextValue}\n onChange={({ value }) => {\n let valueToUse = value;\n if (value === defaultTextValue) valueToUse = '';\n updateFilterValues({ [prop]: valueToUse }, shouldSearch);\n }}\n disabled={disabledOptions}\n />\n </>\n );\n};\n\nSelectFilter.propTypes = {\n data: PropTypes.object.isRequired,\n prop: PropTypes.string.isRequired,\n filterValues: PropTypes.object,\n updateFilterValues: PropTypes.func.isRequired,\n shouldSearch: PropTypes.bool,\n label: PropTypes.string,\n elementTitle: PropTypes.string,\n\n displayLabelAsPlaceholder: PropTypes.bool,\n displayFilterCount: PropTypes.bool\n};\n\nSelectFilter.defaultProps = {\n filterValues: {},\n shouldSearch: false,\n label: '',\n elementTitle: '',\n displayLabelAsPlaceholder: false,\n displayFilterCount: false\n};\n\nexport default SelectFilter;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchFilterSort.js","names":["React","Select","useRouter","parseUrl","PropTypes","DEFAULT_SORT","handleSortUpdate","withTitle","getSortFromQuery","listComponentName","listNameKey","sortKey","sortByKey","SearchFilterSort","filters","elementLabel","selectLabel","id","router","asPath","url","query","sort","sortby","selectedValue","defaultTextValue","options","map","label","optionLabel","propsToDisplay","sortValue","setSortValue","value","createElement","className","onChange","propTypes","array","string","defaultProps"],"sources":["../../../src/components/SearchFilterSort/SearchFilterSort.js"],"sourcesContent":["import React from 'react';\nimport Select from '@blaze-react/select';\nimport { useRouter } from 'next/router';\nimport { parseUrl } from 'query-string';\nimport PropTypes from 'prop-types';\nimport { DEFAULT_SORT } from './constants';\nimport { handleSortUpdate } from './helpers';\nimport { withTitle } from '../../HOC';\n\nconst getSortFromQuery = listComponentName => {\n const listNameKey = listComponentName ? `pb[${listComponentName}]` : '';\n const sortKey = `${listNameKey}${listNameKey ? '[sort]' : 'sort'}`;\n const sortByKey = `${listNameKey}${listNameKey ? '[sortby]' : 'sortby'}`;\n return [sortKey, sortByKey];\n};\nconst SearchFilterSort = ({ filters, elementLabel, selectLabel, id, listComponentName }) => {\n const router = useRouter();\n const { asPath } = router;\n const [sortKey, sortByKey] = getSortFromQuery(listComponentName);\n const { url, query, query: { [sortKey]: sort, [sortByKey]: sortby } = {} } = parseUrl(asPath);\n const selectedValue = `${sortby}:${sort}` || '';\n const defaultTextValue = selectLabel || DEFAULT_SORT;\n const options = filters.map(({ label: optionLabel, propsToDisplay, sort: sortValue }) => [\n `${propsToDisplay[0]}:${sortValue}`,\n optionLabel\n ]);\n\n const setSortValue = ({ value }) =>\n handleSortUpdate({ router, value, query, url, selectLabel, listComponentName });\n\n return (\n <div className=\"sort-by\">\n <Select\n label={elementLabel}\n defaultTextValue={defaultTextValue}\n value={selectedValue}\n id={id}\n options={options}\n onChange={setSortValue}\n />\n </div>\n );\n};\n\nSearchFilterSort.propTypes = {\n filters: PropTypes.array,\n elementLabel: PropTypes.string,\n selectLabel: PropTypes.string,\n id: PropTypes.string,\n listComponentName: PropTypes.string\n};\n\nSearchFilterSort.defaultProps = {\n filters: [],\n elementLabel: '',\n selectLabel: '',\n id: '',\n listComponentName: ''\n};\n\nexport default withTitle(SearchFilterSort);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,cAAc;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,SAAS,QAAQ,WAAW;AAErC,MAAMC,gBAAgB,GAAGC,iBAAiB,IAAI;EAC5C,MAAMC,WAAW,GAAGD,iBAAiB,GAAI,MAAKA,iBAAkB,GAAE,GAAG,EAAE;EACvE,MAAME,OAAO,GAAI,GAAED,WAAY,GAAEA,WAAW,GAAG,QAAQ,GAAG,MAAO,EAAC;EAClE,MAAME,SAAS,GAAI,GAAEF,WAAY,GAAEA,WAAW,GAAG,UAAU,GAAG,QAAS,EAAC;EACxE,OAAO,CAACC,OAAO,EAAEC,SAAS,CAAC;AAC7B,CAAC;AACD,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC,WAAW;EAAEC,EAAE;EAAER;AAAkB,CAAC,KAAK;EAC1F,MAAMS,MAAM,GAAGhB,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEiB;EAAO,CAAC,GAAGD,MAAM;EACzB,MAAM,CAACP,OAAO,EAAEC,SAAS,CAAC,GAAGJ,gBAAgB,CAACC,iBAAiB,CAAC;EAChE,MAAM;IAAEW,GAAG;IAAEC,KAAK;IAAEA,KAAK,EAAE;MAAE,CAACV,OAAO,GAAGW,IAAI;MAAE,CAACV,SAAS,GAAGW;IAAO,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGpB,QAAQ,CAACgB,MAAM,CAAC;EAC7F,MAAMK,aAAa,GAAI,GAAED,MAAO,IAAGD,IAAK,EAAC,IAAI,EAAE;EAC/C,MAAMG,gBAAgB,GAAGT,WAAW,IAAIX,YAAY;EACpD,MAAMqB,OAAO,GAAGZ,OAAO,CAACa,GAAG,CAAC,CAAC;IAAEC,KAAK,EAAEC,WAAW;IAAEC,cAAc;IAAER,IAAI,EAAES;EAAU,CAAC,KAAK,CACtF,GAAED,cAAc,CAAC,CAAC,CAAE,IAAGC,SAAU,EAAC,EACnCF,WAAW,CACZ,CAAC;EAEF,MAAMG,YAAY,GAAGA,CAAC;IAAEC;EAAM,CAAC,KAC7B3B,gBAAgB,CAAC;IAAEY,MAAM;IAAEe,KAAK;IAAEZ,KAAK;IAAED,GAAG;IAAEJ,WAAW;IAAEP;EAAkB,CAAC,CAAC;EAEjF,oBACET,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAS,gBACtBnC,KAAA,CAAAkC,aAAA,CAACjC,MAAM;
|
|
1
|
+
{"version":3,"file":"SearchFilterSort.js","names":["React","Select","useRouter","parseUrl","PropTypes","DEFAULT_SORT","handleSortUpdate","withTitle","getSortFromQuery","listComponentName","listNameKey","sortKey","sortByKey","SearchFilterSort","filters","elementLabel","selectLabel","id","router","asPath","url","query","sort","sortby","selectedValue","defaultTextValue","options","map","label","optionLabel","propsToDisplay","sortValue","setSortValue","value","createElement","className","name","onChange","propTypes","array","string","defaultProps"],"sources":["../../../src/components/SearchFilterSort/SearchFilterSort.js"],"sourcesContent":["import React from 'react';\nimport Select from '@blaze-react/select';\nimport { useRouter } from 'next/router';\nimport { parseUrl } from 'query-string';\nimport PropTypes from 'prop-types';\nimport { DEFAULT_SORT } from './constants';\nimport { handleSortUpdate } from './helpers';\nimport { withTitle } from '../../HOC';\n\nconst getSortFromQuery = listComponentName => {\n const listNameKey = listComponentName ? `pb[${listComponentName}]` : '';\n const sortKey = `${listNameKey}${listNameKey ? '[sort]' : 'sort'}`;\n const sortByKey = `${listNameKey}${listNameKey ? '[sortby]' : 'sortby'}`;\n return [sortKey, sortByKey];\n};\nconst SearchFilterSort = ({ filters, elementLabel, selectLabel, id, listComponentName }) => {\n const router = useRouter();\n const { asPath } = router;\n const [sortKey, sortByKey] = getSortFromQuery(listComponentName);\n const { url, query, query: { [sortKey]: sort, [sortByKey]: sortby } = {} } = parseUrl(asPath);\n const selectedValue = `${sortby}:${sort}` || '';\n const defaultTextValue = selectLabel || DEFAULT_SORT;\n const options = filters.map(({ label: optionLabel, propsToDisplay, sort: sortValue }) => [\n `${propsToDisplay[0]}:${sortValue}`,\n optionLabel\n ]);\n\n const setSortValue = ({ value }) =>\n handleSortUpdate({ router, value, query, url, selectLabel, listComponentName });\n\n return (\n <div className=\"sort-by\">\n <Select\n name=\"sortby\"\n label={elementLabel}\n defaultTextValue={defaultTextValue}\n value={selectedValue}\n id={id}\n options={options}\n onChange={setSortValue}\n />\n </div>\n );\n};\n\nSearchFilterSort.propTypes = {\n filters: PropTypes.array,\n elementLabel: PropTypes.string,\n selectLabel: PropTypes.string,\n id: PropTypes.string,\n listComponentName: PropTypes.string\n};\n\nSearchFilterSort.defaultProps = {\n filters: [],\n elementLabel: '',\n selectLabel: '',\n id: '',\n listComponentName: ''\n};\n\nexport default withTitle(SearchFilterSort);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,cAAc;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,SAAS,QAAQ,WAAW;AAErC,MAAMC,gBAAgB,GAAGC,iBAAiB,IAAI;EAC5C,MAAMC,WAAW,GAAGD,iBAAiB,GAAI,MAAKA,iBAAkB,GAAE,GAAG,EAAE;EACvE,MAAME,OAAO,GAAI,GAAED,WAAY,GAAEA,WAAW,GAAG,QAAQ,GAAG,MAAO,EAAC;EAClE,MAAME,SAAS,GAAI,GAAEF,WAAY,GAAEA,WAAW,GAAG,UAAU,GAAG,QAAS,EAAC;EACxE,OAAO,CAACC,OAAO,EAAEC,SAAS,CAAC;AAC7B,CAAC;AACD,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC,WAAW;EAAEC,EAAE;EAAER;AAAkB,CAAC,KAAK;EAC1F,MAAMS,MAAM,GAAGhB,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEiB;EAAO,CAAC,GAAGD,MAAM;EACzB,MAAM,CAACP,OAAO,EAAEC,SAAS,CAAC,GAAGJ,gBAAgB,CAACC,iBAAiB,CAAC;EAChE,MAAM;IAAEW,GAAG;IAAEC,KAAK;IAAEA,KAAK,EAAE;MAAE,CAACV,OAAO,GAAGW,IAAI;MAAE,CAACV,SAAS,GAAGW;IAAO,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGpB,QAAQ,CAACgB,MAAM,CAAC;EAC7F,MAAMK,aAAa,GAAI,GAAED,MAAO,IAAGD,IAAK,EAAC,IAAI,EAAE;EAC/C,MAAMG,gBAAgB,GAAGT,WAAW,IAAIX,YAAY;EACpD,MAAMqB,OAAO,GAAGZ,OAAO,CAACa,GAAG,CAAC,CAAC;IAAEC,KAAK,EAAEC,WAAW;IAAEC,cAAc;IAAER,IAAI,EAAES;EAAU,CAAC,KAAK,CACtF,GAAED,cAAc,CAAC,CAAC,CAAE,IAAGC,SAAU,EAAC,EACnCF,WAAW,CACZ,CAAC;EAEF,MAAMG,YAAY,GAAGA,CAAC;IAAEC;EAAM,CAAC,KAC7B3B,gBAAgB,CAAC;IAAEY,MAAM;IAAEe,KAAK;IAAEZ,KAAK;IAAED,GAAG;IAAEJ,WAAW;IAAEP;EAAkB,CAAC,CAAC;EAEjF,oBACET,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAS,gBACtBnC,KAAA,CAAAkC,aAAA,CAACjC,MAAM;IACLmC,IAAI,EAAC,QAAQ;IACbR,KAAK,EAAEb,YAAa;IACpBU,gBAAgB,EAAEA,gBAAiB;IACnCQ,KAAK,EAAET,aAAc;IACrBP,EAAE,EAAEA,EAAG;IACPS,OAAO,EAAEA,OAAQ;IACjBW,QAAQ,EAAEL;EAAa,CACxB,CACE,CAAC;AAEV,CAAC;AAEDnB,gBAAgB,CAACyB,SAAS,GAAG;EAC3BxB,OAAO,EAAEV,SAAS,CAACmC,KAAK;EACxBxB,YAAY,EAAEX,SAAS,CAACoC,MAAM;EAC9BxB,WAAW,EAAEZ,SAAS,CAACoC,MAAM;EAC7BvB,EAAE,EAAEb,SAAS,CAACoC,MAAM;EACpB/B,iBAAiB,EAAEL,SAAS,CAACoC;AAC/B,CAAC;AAED3B,gBAAgB,CAAC4B,YAAY,GAAG;EAC9B3B,OAAO,EAAE,EAAE;EACXC,YAAY,EAAE,EAAE;EAChBC,WAAW,EAAE,EAAE;EACfC,EAAE,EAAE,EAAE;EACNR,iBAAiB,EAAE;AACrB,CAAC;AAED,eAAeF,SAAS,CAACM,gBAAgB,CAAC"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { SOCIAL_NETWORKS, BASE_CLASS_NAME_FOLLOW } from './sf.config';
|
|
5
|
+
import BlazeLink from '../BlazeLink';
|
|
5
6
|
const SFItem = ({
|
|
6
7
|
url,
|
|
7
8
|
id
|
|
@@ -14,12 +15,12 @@ const SFItem = ({
|
|
|
14
15
|
} = SOCIAL_NETWORKS[id];
|
|
15
16
|
return /*#__PURE__*/React.createElement("li", {
|
|
16
17
|
className: BASE_CLASS_NAME_FOLLOW
|
|
17
|
-
}, /*#__PURE__*/React.createElement(
|
|
18
|
-
title: name,
|
|
18
|
+
}, /*#__PURE__*/React.createElement(BlazeLink, {
|
|
19
19
|
href: url,
|
|
20
20
|
className: className,
|
|
21
21
|
rel: "noopener nofollow",
|
|
22
|
-
target: "_blank"
|
|
22
|
+
target: "_blank",
|
|
23
|
+
ariaLabel: name
|
|
23
24
|
}, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(Icon, null)), /*#__PURE__*/React.createElement("span", {
|
|
24
25
|
className: `social__network ${spanClassName}`
|
|
25
26
|
}, name)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SFItem.js","names":["React","PropTypes","SOCIAL_NETWORKS","BASE_CLASS_NAME_FOLLOW","SFItem","url","id","name","className","Icon","spanClassName","createElement","
|
|
1
|
+
{"version":3,"file":"SFItem.js","names":["React","PropTypes","SOCIAL_NETWORKS","BASE_CLASS_NAME_FOLLOW","BlazeLink","SFItem","url","id","name","className","Icon","spanClassName","createElement","href","rel","target","ariaLabel","propTypes","string","isRequired"],"sources":["../../../src/components/SocialFollow/SFItem.js"],"sourcesContent":["/* eslint-disable react/jsx-no-target-blank */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { SOCIAL_NETWORKS, BASE_CLASS_NAME_FOLLOW } from './sf.config';\nimport BlazeLink from '../BlazeLink';\n\nconst SFItem = ({ url, id }) => {\n const { name, className, Icon, spanClassName } = SOCIAL_NETWORKS[id];\n\n return (\n <li className={BASE_CLASS_NAME_FOLLOW}>\n <BlazeLink\n href={url}\n className={className}\n rel=\"noopener nofollow\"\n target=\"_blank\"\n ariaLabel={name}>\n <i>\n <Icon />\n </i>\n <span className={`social__network ${spanClassName}`}>{name}</span>\n </BlazeLink>\n </li>\n );\n};\n\nSFItem.propTypes = {\n url: PropTypes.string.isRequired,\n id: PropTypes.string.isRequired\n};\n\nexport default SFItem;\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,EAAEC,sBAAsB,QAAQ,aAAa;AACrE,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,MAAM,GAAGA,CAAC;EAAEC,GAAG;EAAEC;AAAG,CAAC,KAAK;EAC9B,MAAM;IAAEC,IAAI;IAAEC,SAAS;IAAEC,IAAI;IAAEC;EAAc,CAAC,GAAGT,eAAe,CAACK,EAAE,CAAC;EAEpE,oBACEP,KAAA,CAAAY,aAAA;IAAIH,SAAS,EAAEN;EAAuB,gBACpCH,KAAA,CAAAY,aAAA,CAACR,SAAS;IACRS,IAAI,EAAEP,GAAI;IACVG,SAAS,EAAEA,SAAU;IACrBK,GAAG,EAAC,mBAAmB;IACvBC,MAAM,EAAC,QAAQ;IACfC,SAAS,EAAER;EAAK,gBAChBR,KAAA,CAAAY,aAAA,yBACEZ,KAAA,CAAAY,aAAA,CAACF,IAAI,MAAE,CACN,CAAC,eACJV,KAAA,CAAAY,aAAA;IAAMH,SAAS,EAAG,mBAAkBE,aAAc;EAAE,GAAEH,IAAW,CACxD,CACT,CAAC;AAET,CAAC;AAEDH,MAAM,CAACY,SAAS,GAAG;EACjBX,GAAG,EAAEL,SAAS,CAACiB,MAAM,CAACC,UAAU;EAChCZ,EAAE,EAAEN,SAAS,CAACiB,MAAM,CAACC;AACvB,CAAC;AAED,eAAed,MAAM"}
|
|
@@ -1,29 +1,36 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { Player } from 'video-react';
|
|
4
|
+
import { VIDEO_WRAPPER_CLASS_NAME } from '../../../constants';
|
|
5
|
+
|
|
4
6
|
// import 'video-react/styles/scss/video-react.scss';
|
|
5
7
|
|
|
6
8
|
const Default = ({
|
|
7
9
|
modifier,
|
|
8
10
|
url,
|
|
9
|
-
autoplay
|
|
10
|
-
|
|
11
|
+
autoplay,
|
|
12
|
+
loop
|
|
13
|
+
}) => /*#__PURE__*/React.createElement("div", {
|
|
14
|
+
className: VIDEO_WRAPPER_CLASS_NAME
|
|
15
|
+
}, /*#__PURE__*/React.createElement(Player, {
|
|
11
16
|
className: modifier,
|
|
12
17
|
preload: "none",
|
|
13
18
|
autoPlay: autoplay,
|
|
19
|
+
loop: loop,
|
|
14
20
|
muted: autoplay
|
|
15
21
|
}, /*#__PURE__*/React.createElement("source", {
|
|
16
|
-
src: url
|
|
17
|
-
|
|
18
|
-
}));
|
|
22
|
+
src: url
|
|
23
|
+
})));
|
|
19
24
|
Default.propTypes = {
|
|
20
25
|
url: PropTypes.string.isRequired,
|
|
21
26
|
modifier: PropTypes.string,
|
|
22
|
-
autoplay: PropTypes.bool
|
|
27
|
+
autoplay: PropTypes.bool,
|
|
28
|
+
loop: PropTypes.bool
|
|
23
29
|
};
|
|
24
30
|
Default.defaultProps = {
|
|
25
31
|
modifier: null,
|
|
26
|
-
autoplay: false
|
|
32
|
+
autoplay: false,
|
|
33
|
+
loop: false
|
|
27
34
|
};
|
|
28
35
|
export default Default;
|
|
29
36
|
//# sourceMappingURL=Default.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Default.js","names":["React","PropTypes","Player","Default","modifier","url","autoplay","createElement","className","preload","autoPlay","muted","src","
|
|
1
|
+
{"version":3,"file":"Default.js","names":["React","PropTypes","Player","VIDEO_WRAPPER_CLASS_NAME","Default","modifier","url","autoplay","loop","createElement","className","preload","autoPlay","muted","src","propTypes","string","isRequired","bool","defaultProps"],"sources":["../../../../src/components/Video/providers/Default.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Player } from 'video-react';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../constants';\n\n// import 'video-react/styles/scss/video-react.scss';\n\nconst Default = ({ modifier, url, autoplay, loop }) => (\n <div className={VIDEO_WRAPPER_CLASS_NAME}>\n <Player className={modifier} preload=\"none\" autoPlay={autoplay} loop={loop} muted={autoplay}>\n <source src={url} />\n </Player>\n </div>\n);\n\nDefault.propTypes = {\n url: PropTypes.string.isRequired,\n modifier: PropTypes.string,\n autoplay: PropTypes.bool,\n loop: PropTypes.bool\n};\n\nDefault.defaultProps = {\n modifier: null,\n autoplay: false,\n loop: false\n};\n\nexport default Default;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,wBAAwB,QAAQ,oBAAoB;;AAE7D;;AAEA,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,QAAQ;EAAEC;AAAK,CAAC,kBAChDR,KAAA,CAAAS,aAAA;EAAKC,SAAS,EAAEP;AAAyB,gBACvCH,KAAA,CAAAS,aAAA,CAACP,MAAM;EAACQ,SAAS,EAAEL,QAAS;EAACM,OAAO,EAAC,MAAM;EAACC,QAAQ,EAAEL,QAAS;EAACC,IAAI,EAAEA,IAAK;EAACK,KAAK,EAAEN;AAAS,gBAC1FP,KAAA,CAAAS,aAAA;EAAQK,GAAG,EAAER;AAAI,CAAE,CACb,CACL,CACN;AAEDF,OAAO,CAACW,SAAS,GAAG;EAClBT,GAAG,EAAEL,SAAS,CAACe,MAAM,CAACC,UAAU;EAChCZ,QAAQ,EAAEJ,SAAS,CAACe,MAAM;EAC1BT,QAAQ,EAAEN,SAAS,CAACiB,IAAI;EACxBV,IAAI,EAAEP,SAAS,CAACiB;AAClB,CAAC;AAEDd,OAAO,CAACe,YAAY,GAAG;EACrBd,QAAQ,EAAE,IAAI;EACdE,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAED,eAAeJ,OAAO"}
|
|
@@ -3,7 +3,8 @@ const SUPPORTED_PROVIDERS = {
|
|
|
3
3
|
youtube: dynamic(() => import( /* webpackChunkName: "blazePbVideoYouTube" */'./YouTube/YouTubeProvider')),
|
|
4
4
|
JWPlayer: dynamic(() => import( /* webpackChunkName: "blazePbVideoJWPlayer" */'./JWPlayer/JWPlayerProvider')),
|
|
5
5
|
vimeo: dynamic(() => import( /* webpackChunkName: "blazePbVideoVimeo" */'./Vimeo/VimeoProvider')),
|
|
6
|
-
default: dynamic(() => import( /* webpackChunkName: "blazePbVideoDefault" */'./Default'))
|
|
6
|
+
default: dynamic(() => import( /* webpackChunkName: "blazePbVideoDefault" */'./Default')),
|
|
7
|
+
html: dynamic(() => import( /* webpackChunkName: "blazePbVideoDefault" */'./Default'))
|
|
7
8
|
};
|
|
8
9
|
function getProvider(provider) {
|
|
9
10
|
return SUPPORTED_PROVIDERS[provider] || SUPPORTED_PROVIDERS.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-provider.js","names":["dynamic","SUPPORTED_PROVIDERS","youtube","JWPlayer","vimeo","default","getProvider","provider"],"sources":["../../../../src/components/Video/providers/get-provider.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SUPPORTED_PROVIDERS = {\n youtube: dynamic(() =>\n import(/* webpackChunkName: \"blazePbVideoYouTube\" */ './YouTube/YouTubeProvider')\n ),\n JWPlayer: dynamic(() =>\n import(/* webpackChunkName: \"blazePbVideoJWPlayer\" */ './JWPlayer/JWPlayerProvider')\n ),\n vimeo: dynamic(() => import(/* webpackChunkName: \"blazePbVideoVimeo\" */ './Vimeo/VimeoProvider')),\n default: dynamic(() => import(/* webpackChunkName: \"blazePbVideoDefault\" */ './Default'))\n};\n\nfunction getProvider(provider) {\n return SUPPORTED_PROVIDERS[provider] || SUPPORTED_PROVIDERS.default;\n}\n\nexport default getProvider;\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,OAAO,CAAC,MACf,MAAM,EAAC,6CAA8C,2BAA2B,CAClF,CAAC;EACDG,QAAQ,EAAEH,OAAO,CAAC,MAChB,MAAM,EAAC,8CAA+C,6BAA6B,CACrF,CAAC;EACDI,KAAK,EAAEJ,OAAO,CAAC,MAAM,MAAM,EAAC,2CAA4C,uBAAuB,CAAC,CAAC;EACjGK,OAAO,EAAEL,OAAO,CAAC,MAAM,MAAM,EAAC,6CAA8C,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"get-provider.js","names":["dynamic","SUPPORTED_PROVIDERS","youtube","JWPlayer","vimeo","default","html","getProvider","provider"],"sources":["../../../../src/components/Video/providers/get-provider.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SUPPORTED_PROVIDERS = {\n youtube: dynamic(() =>\n import(/* webpackChunkName: \"blazePbVideoYouTube\" */ './YouTube/YouTubeProvider')\n ),\n JWPlayer: dynamic(() =>\n import(/* webpackChunkName: \"blazePbVideoJWPlayer\" */ './JWPlayer/JWPlayerProvider')\n ),\n vimeo: dynamic(() => import(/* webpackChunkName: \"blazePbVideoVimeo\" */ './Vimeo/VimeoProvider')),\n default: dynamic(() => import(/* webpackChunkName: \"blazePbVideoDefault\" */ './Default')),\n html: dynamic(() => import(/* webpackChunkName: \"blazePbVideoDefault\" */ './Default'))\n};\n\nfunction getProvider(provider) {\n return SUPPORTED_PROVIDERS[provider] || SUPPORTED_PROVIDERS.default;\n}\n\nexport default getProvider;\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,OAAO,CAAC,MACf,MAAM,EAAC,6CAA8C,2BAA2B,CAClF,CAAC;EACDG,QAAQ,EAAEH,OAAO,CAAC,MAChB,MAAM,EAAC,8CAA+C,6BAA6B,CACrF,CAAC;EACDI,KAAK,EAAEJ,OAAO,CAAC,MAAM,MAAM,EAAC,2CAA4C,uBAAuB,CAAC,CAAC;EACjGK,OAAO,EAAEL,OAAO,CAAC,MAAM,MAAM,EAAC,6CAA8C,WAAW,CAAC,CAAC;EACzFM,IAAI,EAAEN,OAAO,CAAC,MAAM,MAAM,EAAC,6CAA8C,WAAW,CAAC;AACvF,CAAC;AAED,SAASO,WAAWA,CAACC,QAAQ,EAAE;EAC7B,OAAOP,mBAAmB,CAACO,QAAQ,CAAC,IAAIP,mBAAmB,CAACI,OAAO;AACrE;AAEA,eAAeE,WAAW"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getVariant.js","names":["variantHandler","getVariant","settings","variant","VariantComponent","getSettings","get","variantSettings"],"sources":["../../../src/hooks/helpers/getVariant.js"],"sourcesContent":["import { variantHandler } from '../../utils';\n\nexport default function getVariant(settings) {\n const { variant } = settings;\n if (!variant) return [null, {}];\n const { VariantComponent, getSettings } = variantHandler.get(variant) || {};\n const variantSettings =\n !!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;\n\n return [VariantComponent, variantSettings];\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,aAAa;AAE5C,eAAe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,QAAQ;EAC5B,IAAI,CAACC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"getVariant.js","names":["variantHandler","getVariant","settings","variant","VariantComponent","getSettings","get","variantSettings"],"sources":["../../../src/hooks/helpers/getVariant.js"],"sourcesContent":["import { variantHandler } from '../../utils';\n\nexport default function getVariant(settings) {\n const { variant } = settings;\n if (!variant) return [null, {}];\n\n const { VariantComponent, getSettings } = variantHandler.get(variant) || {};\n const variantSettings =\n !!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;\n\n return [VariantComponent, variantSettings];\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,aAAa;AAE5C,eAAe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,QAAQ;EAC5B,IAAI,CAACC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;EAE/B,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAGL,cAAc,CAACM,GAAG,CAACH,OAAO,CAAC,IAAI,CAAC,CAAC;EAC3E,MAAMI,eAAe,GACnB,CAAC,CAACF,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACH,QAAQ,CAAC,GAAGA,QAAQ;EAEvF,OAAO,CAACE,gBAAgB,EAAEG,eAAe,CAAC;AAC5C"}
|
|
@@ -13,7 +13,8 @@ function variantMapHandler() {
|
|
|
13
13
|
}
|
|
14
14
|
function validate(key, variant) {
|
|
15
15
|
if (!key || !variant) throw new BlazeError('Variant requires key and component');
|
|
16
|
-
|
|
16
|
+
// eslint-disable-next-line no-console
|
|
17
|
+
if (variants.has(key) && key !== 'array') console.warn(`Variant already exists: ${key}`); // todo: restore error // throw new BlazeError(`Variant already exists: ${key}`);
|
|
17
18
|
}
|
|
18
19
|
return {
|
|
19
20
|
add,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variant-handler.js","names":["BlazeError","variantMapHandler","variants","Map","get","key","getAll","Array","from","entries","add","variant","validate","set","has","variantHandler"],"sources":["../../src/utils/variant-handler.js"],"sourcesContent":["import { BlazeError } from '@blaze-cms/core-errors';\n\nfunction variantMapHandler() {\n const variants = new Map();\n\n function get(key) {\n return variants.get(key);\n }\n\n function getAll() {\n return Array.from(variants.entries());\n }\n\n function add(key, variant) {\n validate(key, variant);\n variants.set(key, variant);\n }\n\n function validate(key, variant) {\n if (!key || !variant) throw new BlazeError('Variant requires key and component');\n if (variants.has(key) && key !== 'array') throw new BlazeError(`Variant already exists`);\n }\n\n return {\n add,\n get,\n getAll\n };\n}\n\nconst variantHandler = variantMapHandler();\n\nexport default variantHandler;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,iBAAiBA,CAAA,EAAG;EAC3B,MAAMC,QAAQ,GAAG,IAAIC,GAAG,CAAC,CAAC;EAE1B,SAASC,GAAGA,CAACC,GAAG,EAAE;IAChB,OAAOH,QAAQ,CAACE,GAAG,CAACC,GAAG,CAAC;EAC1B;EAEA,SAASC,MAAMA,CAAA,EAAG;IAChB,OAAOC,KAAK,CAACC,IAAI,CAACN,QAAQ,CAACO,OAAO,CAAC,CAAC,CAAC;EACvC;EAEA,SAASC,GAAGA,CAACL,GAAG,EAAEM,OAAO,EAAE;IACzBC,QAAQ,CAACP,GAAG,EAAEM,OAAO,CAAC;IACtBT,QAAQ,CAACW,GAAG,CAACR,GAAG,EAAEM,OAAO,CAAC;EAC5B;EAEA,SAASC,QAAQA,CAACP,GAAG,EAAEM,OAAO,EAAE;IAC9B,IAAI,CAACN,GAAG,IAAI,CAACM,OAAO,EAAE,MAAM,IAAIX,UAAU,CAAC,oCAAoC,CAAC;IAChF,IAAIE,QAAQ,CAACY,GAAG,CAACT,GAAG,CAAC,IAAIA,GAAG,KAAK,OAAO,
|
|
1
|
+
{"version":3,"file":"variant-handler.js","names":["BlazeError","variantMapHandler","variants","Map","get","key","getAll","Array","from","entries","add","variant","validate","set","has","console","warn","variantHandler"],"sources":["../../src/utils/variant-handler.js"],"sourcesContent":["import { BlazeError } from '@blaze-cms/core-errors';\n\nfunction variantMapHandler() {\n const variants = new Map();\n\n function get(key) {\n return variants.get(key);\n }\n\n function getAll() {\n return Array.from(variants.entries());\n }\n\n function add(key, variant) {\n validate(key, variant);\n variants.set(key, variant);\n }\n\n function validate(key, variant) {\n if (!key || !variant) throw new BlazeError('Variant requires key and component');\n // eslint-disable-next-line no-console\n if (variants.has(key) && key !== 'array') console.warn(`Variant already exists: ${key}`); // todo: restore error // throw new BlazeError(`Variant already exists: ${key}`);\n }\n\n return {\n add,\n get,\n getAll\n };\n}\n\nconst variantHandler = variantMapHandler();\n\nexport default variantHandler;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,iBAAiBA,CAAA,EAAG;EAC3B,MAAMC,QAAQ,GAAG,IAAIC,GAAG,CAAC,CAAC;EAE1B,SAASC,GAAGA,CAACC,GAAG,EAAE;IAChB,OAAOH,QAAQ,CAACE,GAAG,CAACC,GAAG,CAAC;EAC1B;EAEA,SAASC,MAAMA,CAAA,EAAG;IAChB,OAAOC,KAAK,CAACC,IAAI,CAACN,QAAQ,CAACO,OAAO,CAAC,CAAC,CAAC;EACvC;EAEA,SAASC,GAAGA,CAACL,GAAG,EAAEM,OAAO,EAAE;IACzBC,QAAQ,CAACP,GAAG,EAAEM,OAAO,CAAC;IACtBT,QAAQ,CAACW,GAAG,CAACR,GAAG,EAAEM,OAAO,CAAC;EAC5B;EAEA,SAASC,QAAQA,CAACP,GAAG,EAAEM,OAAO,EAAE;IAC9B,IAAI,CAACN,GAAG,IAAI,CAACM,OAAO,EAAE,MAAM,IAAIX,UAAU,CAAC,oCAAoC,CAAC;IAChF;IACA,IAAIE,QAAQ,CAACY,GAAG,CAACT,GAAG,CAAC,IAAIA,GAAG,KAAK,OAAO,EAAEU,OAAO,CAACC,IAAI,CAAE,2BAA0BX,GAAI,EAAC,CAAC,CAAC,CAAC;EAC5F;EAEA,OAAO;IACLK,GAAG;IACHN,GAAG;IACHE;EACF,CAAC;AACH;AAEA,MAAMW,cAAc,GAAGhB,iBAAiB,CAAC,CAAC;AAE1C,eAAegB,cAAc"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
const HeroImage = {
|
|
5
|
+
getSettings: componentSettings => _objectSpread(_objectSpread({}, componentSettings), {}, {
|
|
6
|
+
modifier: 'hero-image'
|
|
7
|
+
})
|
|
8
|
+
};
|
|
9
|
+
export default HeroImage;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["HeroImage","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/HeroImage/index.js"],"sourcesContent":["const HeroImage = {\n getSettings: componentSettings => ({\n ...componentSettings,\n modifier: 'hero-image'\n })\n};\n\nexport default HeroImage;\n"],"mappings":";;;AAAA,MAAMA,SAAS,GAAG;EAChBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAY;AAE1B,CAAC;AAED,eAAeJ,SAAS"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import useInfographic from './useInfographic';
|
|
3
|
+
const Infographic = props => {
|
|
4
|
+
const {
|
|
5
|
+
contentRef,
|
|
6
|
+
id,
|
|
7
|
+
className,
|
|
8
|
+
tabId,
|
|
9
|
+
children
|
|
10
|
+
} = useInfographic(props);
|
|
11
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
12
|
+
ref: contentRef,
|
|
13
|
+
id: id,
|
|
14
|
+
className: className,
|
|
15
|
+
role: "tabpanel",
|
|
16
|
+
"aria-labelledby": tabId
|
|
17
|
+
}, children);
|
|
18
|
+
};
|
|
19
|
+
export default Infographic;
|
|
20
|
+
//# sourceMappingURL=Infographic.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Infographic.js","names":["React","useInfographic","Infographic","props","contentRef","id","className","tabId","children","createElement","ref","role"],"sources":["../../../src/variants/Infographic/Infographic.js"],"sourcesContent":["import React from 'react';\nimport useInfographic from './useInfographic';\n\nconst Infographic = props => {\n const { contentRef, id, className, tabId, children } = useInfographic(props);\n\n return (\n <div ref={contentRef} id={id} className={className} role=\"tabpanel\" aria-labelledby={tabId}>\n {children}\n </div>\n );\n};\n\nexport default Infographic;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAAEC,UAAU;IAAEC,EAAE;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGP,cAAc,CAACE,KAAK,CAAC;EAE5E,oBACEH,KAAA,CAAAS,aAAA;IAAKC,GAAG,EAAEN,UAAW;IAACC,EAAE,EAAEA,EAAG;IAACC,SAAS,EAAEA,SAAU;IAACK,IAAI,EAAC,UAAU;IAAC,mBAAiBJ;EAAM,GACxFC,QACE,CAAC;AAEV,CAAC;AAED,eAAeN,WAAW"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
import dynamic from 'next/dynamic';
|
|
5
|
+
const Infographic = {
|
|
6
|
+
getSettings: componentSettings => _objectSpread({}, componentSettings),
|
|
7
|
+
VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantInfographic" */'./Infographic'))
|
|
8
|
+
};
|
|
9
|
+
export default Infographic;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["dynamic","Infographic","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/Infographic/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst Infographic = {\n getSettings: componentSettings => ({\n ...componentSettings\n }),\n VariantComponent: dynamic(() =>\n import(/* webpackChunkName: \"blazePbVariantInfographic\" */ './Infographic')\n )\n};\n\nexport default Infographic;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,WAAW,GAAG;EAClBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CAAC,MACxB,MAAM,EAAC,mDAAoD,eAAe,CAC5E;AACF,CAAC;AAED,eAAeC,WAAW"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
const _excluded = ["className"];
|
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
|
+
import { useInView } from '@blaze-react/utils/lib/customHooks';
|
|
7
|
+
const useInfographic = _ref => {
|
|
8
|
+
let {
|
|
9
|
+
className: _className
|
|
10
|
+
} = _ref,
|
|
11
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
12
|
+
const [isIntersecting, contentRef] = useInView({
|
|
13
|
+
once: true,
|
|
14
|
+
offset: '200px'
|
|
15
|
+
});
|
|
16
|
+
const className = `${_className} infographic${isIntersecting ? ' infographic__active' : ''}`;
|
|
17
|
+
return _objectSpread(_objectSpread({}, props), {}, {
|
|
18
|
+
className,
|
|
19
|
+
contentRef
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
export default useInfographic;
|
|
23
|
+
//# sourceMappingURL=useInfographic.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useInfographic.js","names":["useInView","useInfographic","_ref","className","_className","props","_objectWithoutProperties","_excluded","isIntersecting","contentRef","once","offset","_objectSpread"],"sources":["../../../src/variants/Infographic/useInfographic.js"],"sourcesContent":["import { useInView } from '@blaze-react/utils/lib/customHooks';\n\nconst useInfographic = ({ className: _className, ...props }) => {\n const [isIntersecting, contentRef] = useInView({\n once: true,\n offset: '200px'\n });\n\n const className = `${_className} infographic${isIntersecting ? ' infographic__active' : ''}`;\n\n return {\n ...props,\n className,\n contentRef\n };\n};\n\nexport default useInfographic;\n"],"mappings":";;;;;AAAA,SAASA,SAAS,QAAQ,oCAAoC;AAE9D,MAAMC,cAAc,GAAGC,IAAA,IAAyC;EAAA,IAAxC;MAAEC,SAAS,EAAEC;IAAqB,CAAC,GAAAF,IAAA;IAAPG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACvD,MAAM,CAACC,cAAc,EAAEC,UAAU,CAAC,GAAGT,SAAS,CAAC;IAC7CU,IAAI,EAAE,IAAI;IACVC,MAAM,EAAE;EACV,CAAC,CAAC;EAEF,MAAMR,SAAS,GAAI,GAAEC,UAAW,eAAcI,cAAc,GAAG,sBAAsB,GAAG,EAAG,EAAC;EAE5F,OAAAI,aAAA,CAAAA,aAAA,KACKP,KAAK;IACRF,SAAS;IACTM;EAAU;AAEd,CAAC;AAED,eAAeR,cAAc"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { withTitle } from '../../HOC';
|
|
4
|
+
import useLongformGallery from './useLongformGallery';
|
|
5
|
+
import LongformGalleryImage from './LongformGalleryImage';
|
|
6
|
+
const LongformGallery = props => {
|
|
7
|
+
const {
|
|
8
|
+
loading,
|
|
9
|
+
error,
|
|
10
|
+
groupedImages,
|
|
11
|
+
shouldDisplayCaption,
|
|
12
|
+
caption,
|
|
13
|
+
handleImageOnClick
|
|
14
|
+
} = useLongformGallery(props);
|
|
15
|
+
if (loading || error || !groupedImages.length) return null;
|
|
16
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
17
|
+
className: "longform-gallery",
|
|
18
|
+
"data-testid": "longform-gallery"
|
|
19
|
+
}, groupedImages.map((imageGroup, i) =>
|
|
20
|
+
/*#__PURE__*/
|
|
21
|
+
// eslint-disable-next-line react/no-array-index-key
|
|
22
|
+
React.createElement("div", {
|
|
23
|
+
key: i,
|
|
24
|
+
"data-testid": "grouped-images",
|
|
25
|
+
className: "longform-gallery__images"
|
|
26
|
+
}, imageGroup.map(secondaryImage => /*#__PURE__*/React.createElement(LongformGalleryImage, _extends({
|
|
27
|
+
key: secondaryImage.id
|
|
28
|
+
}, secondaryImage, {
|
|
29
|
+
numberOfImages: imageGroup.length,
|
|
30
|
+
className: imageGroup.length > 2 ? 'longform-gallery__images__image secondary-image' : 'longform-gallery__images__image main-image',
|
|
31
|
+
handleImageOnClick: handleImageOnClick
|
|
32
|
+
}))))), shouldDisplayCaption && /*#__PURE__*/React.createElement("div", {
|
|
33
|
+
className: "carousel__details",
|
|
34
|
+
"data-testid": "carousel-details"
|
|
35
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
36
|
+
className: "caption"
|
|
37
|
+
}, caption)));
|
|
38
|
+
};
|
|
39
|
+
export default withTitle(LongformGallery);
|
|
40
|
+
//# sourceMappingURL=LongformGallery.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LongformGallery.js","names":["React","withTitle","useLongformGallery","LongformGalleryImage","LongformGallery","props","loading","error","groupedImages","shouldDisplayCaption","caption","handleImageOnClick","length","createElement","className","map","imageGroup","i","key","secondaryImage","_extends","id","numberOfImages"],"sources":["../../../src/variants/LongformGallery/LongformGallery.js"],"sourcesContent":["import React from 'react';\nimport { withTitle } from '../../HOC';\nimport useLongformGallery from './useLongformGallery';\nimport LongformGalleryImage from './LongformGalleryImage';\n\nconst LongformGallery = props => {\n const {\n loading,\n error,\n groupedImages,\n shouldDisplayCaption,\n caption,\n handleImageOnClick\n } = useLongformGallery(props);\n\n if (loading || error || !groupedImages.length) return null;\n\n return (\n <div className=\"longform-gallery\" data-testid=\"longform-gallery\">\n {groupedImages.map((imageGroup, i) => (\n // eslint-disable-next-line react/no-array-index-key\n <div key={i} data-testid=\"grouped-images\" className=\"longform-gallery__images\">\n {imageGroup.map(secondaryImage => (\n <LongformGalleryImage\n key={secondaryImage.id}\n {...secondaryImage}\n numberOfImages={imageGroup.length}\n className={\n imageGroup.length > 2\n ? 'longform-gallery__images__image secondary-image'\n : 'longform-gallery__images__image main-image'\n }\n handleImageOnClick={handleImageOnClick}\n />\n ))}\n </div>\n ))}\n {shouldDisplayCaption && (\n <div className=\"carousel__details\" data-testid=\"carousel-details\">\n <div className=\"caption\">{caption}</div>\n </div>\n )}\n </div>\n );\n};\n\nexport default withTitle(LongformGallery);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,WAAW;AACrC,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IACJC,OAAO;IACPC,KAAK;IACLC,aAAa;IACbC,oBAAoB;IACpBC,OAAO;IACPC;EACF,CAAC,GAAGT,kBAAkB,CAACG,KAAK,CAAC;EAE7B,IAAIC,OAAO,IAAIC,KAAK,IAAI,CAACC,aAAa,CAACI,MAAM,EAAE,OAAO,IAAI;EAE1D,oBACEZ,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC,kBAAkB;IAAC,eAAY;EAAkB,GAC7DN,aAAa,CAACO,GAAG,CAAC,CAACC,UAAU,EAAEC,CAAC;EAAA;EAC/B;EACAjB,KAAA,CAAAa,aAAA;IAAKK,GAAG,EAAED,CAAE;IAAC,eAAY,gBAAgB;IAACH,SAAS,EAAC;EAA0B,GAC3EE,UAAU,CAACD,GAAG,CAACI,cAAc,iBAC5BnB,KAAA,CAAAa,aAAA,CAACV,oBAAoB,EAAAiB,QAAA;IACnBF,GAAG,EAAEC,cAAc,CAACE;EAAG,GACnBF,cAAc;IAClBG,cAAc,EAAEN,UAAU,CAACJ,MAAO;IAClCE,SAAS,EACPE,UAAU,CAACJ,MAAM,GAAG,CAAC,GACjB,iDAAiD,GACjD,4CACL;IACDD,kBAAkB,EAAEA;EAAmB,EACxC,CACF,CACE,CACN,CAAC,EACDF,oBAAoB,iBACnBT,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAkB,gBAC/Dd,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC;EAAS,GAAEJ,OAAa,CACpC,CAEJ,CAAC;AAEV,CAAC;AAED,eAAeT,SAAS,CAACG,eAAe,CAAC"}
|