@blaze-cms/react-page-builder 0.142.1-core-styles.0 → 0.143.0-alpha.1
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 +9 -1
- package/lib/components/Carousel/CarouselImage/CarouselImage.js +1 -0
- package/lib/components/Carousel/CarouselImage/CarouselImage.js.map +1 -1
- package/lib/components/Carousel/CarouselRender/CarouselRender.js +2 -0
- package/lib/components/Carousel/CarouselRender/CarouselRender.js.map +1 -1
- package/lib/components/Image/GlobalLightbox/GlobalLightbox.js +5 -2
- package/lib/components/Image/GlobalLightbox/GlobalLightbox.js.map +1 -1
- package/lib/components/ItemList/ItemListButton/ItemListButton.js +2 -1
- package/lib/components/ItemList/ItemListButton/ItemListButton.js.map +1 -1
- package/lib/components/ItemList/ItemListCounter/ItemListCounter.js +1 -0
- package/lib/components/ItemList/ItemListCounter/ItemListCounter.js.map +1 -1
- package/lib/components/ItemList/ItemListNew/ItemListNew.js +2 -1
- package/lib/components/ItemList/ItemListNew/ItemListNew.js.map +1 -1
- package/lib/components/MenuItem/MenuItem.js +3 -1
- package/lib/components/MenuItem/MenuItem.js.map +1 -1
- package/lib/components/SearchFilter/SearchFilter/CloseMobileForm.js +2 -1
- package/lib/components/SearchFilter/SearchFilter/CloseMobileForm.js.map +1 -1
- package/lib/components/SearchFilter/SearchFilter/MobileFormToolbar.js +2 -1
- package/lib/components/SearchFilter/SearchFilter/MobileFormToolbar.js.map +1 -1
- package/lib/components/SearchFilter/SearchFilter/ResetDesktopForm.js +2 -1
- package/lib/components/SearchFilter/SearchFilter/ResetDesktopForm.js.map +1 -1
- package/lib/components/SearchFilter/SearchFilter/SearchFilter.js +2 -1
- package/lib/components/SearchFilter/SearchFilter/SearchFilter.js.map +1 -1
- package/lib/components/SearchFilter/components/Checkbox.js +2 -1
- package/lib/components/SearchFilter/components/Checkbox.js.map +1 -1
- package/lib/components/Video/VideoModal.js +1 -0
- package/lib/components/Video/VideoModal.js.map +1 -1
- package/lib/components/Video/providers/Vimeo/VimeoProvider.js +1 -0
- package/lib/components/Video/providers/Vimeo/VimeoProvider.js.map +1 -1
- package/lib/components/Video/providers/YouTube/YoutubeEmbeded.js +1 -0
- package/lib/components/Video/providers/YouTube/YoutubeEmbeded.js.map +1 -1
- package/lib-es/components/Carousel/CarouselImage/CarouselImage.js +1 -0
- package/lib-es/components/Carousel/CarouselImage/CarouselImage.js.map +1 -1
- package/lib-es/components/Carousel/CarouselRender/CarouselRender.js +2 -0
- package/lib-es/components/Carousel/CarouselRender/CarouselRender.js.map +1 -1
- package/lib-es/components/Image/GlobalLightbox/GlobalLightbox.js +5 -2
- package/lib-es/components/Image/GlobalLightbox/GlobalLightbox.js.map +1 -1
- package/lib-es/components/ItemList/ItemListButton/ItemListButton.js +2 -1
- package/lib-es/components/ItemList/ItemListButton/ItemListButton.js.map +1 -1
- package/lib-es/components/ItemList/ItemListCounter/ItemListCounter.js +1 -0
- package/lib-es/components/ItemList/ItemListCounter/ItemListCounter.js.map +1 -1
- package/lib-es/components/ItemList/ItemListNew/ItemListNew.js +2 -1
- package/lib-es/components/ItemList/ItemListNew/ItemListNew.js.map +1 -1
- package/lib-es/components/MenuItem/MenuItem.js +3 -1
- package/lib-es/components/MenuItem/MenuItem.js.map +1 -1
- package/lib-es/components/SearchFilter/SearchFilter/CloseMobileForm.js +2 -1
- package/lib-es/components/SearchFilter/SearchFilter/CloseMobileForm.js.map +1 -1
- package/lib-es/components/SearchFilter/SearchFilter/MobileFormToolbar.js +2 -1
- package/lib-es/components/SearchFilter/SearchFilter/MobileFormToolbar.js.map +1 -1
- package/lib-es/components/SearchFilter/SearchFilter/ResetDesktopForm.js +2 -1
- package/lib-es/components/SearchFilter/SearchFilter/ResetDesktopForm.js.map +1 -1
- package/lib-es/components/SearchFilter/SearchFilter/SearchFilter.js +2 -1
- package/lib-es/components/SearchFilter/SearchFilter/SearchFilter.js.map +1 -1
- package/lib-es/components/SearchFilter/components/Checkbox.js +2 -1
- package/lib-es/components/SearchFilter/components/Checkbox.js.map +1 -1
- package/lib-es/components/Video/VideoModal.js +1 -0
- package/lib-es/components/Video/VideoModal.js.map +1 -1
- package/lib-es/components/Video/providers/Vimeo/VimeoProvider.js +1 -0
- package/lib-es/components/Video/providers/Vimeo/VimeoProvider.js.map +1 -1
- package/lib-es/components/Video/providers/YouTube/YoutubeEmbeded.js +1 -0
- package/lib-es/components/Video/providers/YouTube/YoutubeEmbeded.js.map +1 -1
- package/package.json +10 -10
- package/src/components/Carousel/CarouselImage/CarouselImage.js +1 -0
- package/src/components/Carousel/CarouselRender/CarouselRender.js +2 -0
- package/src/components/Image/GlobalLightbox/GlobalLightbox.js +12 -2
- package/src/components/ItemList/ItemListButton/ItemListButton.js +2 -1
- package/src/components/ItemList/ItemListCounter/ItemListCounter.js +1 -0
- package/src/components/ItemList/ItemListNew/ItemListNew.js +4 -1
- package/src/components/MenuItem/MenuItem.js +4 -1
- package/src/components/SearchFilter/SearchFilter/CloseMobileForm.js +1 -1
- package/src/components/SearchFilter/SearchFilter/MobileFormToolbar.js +6 -1
- package/src/components/SearchFilter/SearchFilter/ResetDesktopForm.js +1 -1
- package/src/components/SearchFilter/SearchFilter/SearchFilter.js +4 -1
- package/src/components/SearchFilter/components/Checkbox.js +5 -1
- package/src/components/Video/VideoModal.js +1 -0
- package/src/components/Video/providers/Vimeo/VimeoProvider.js +1 -0
- package/src/components/Video/providers/YouTube/YoutubeEmbeded.js +1 -0
- package/tests/unit/src/components/Carousel/CarouselImage/__snapshots__/CarouselImage.test.js.snap +1 -0
- package/tests/unit/src/components/Carousel/__snapshots__/Carousel.test.js.snap +5 -0
- package/tests/unit/src/components/DataSummary/helpers/build-loop-props-content.test.js +2 -2
- package/tests/unit/src/components/Image/GlobalLightbox/__snapshots__/GlobalLightbox.test.js.snap +1 -0
- package/tests/unit/src/components/ItemList/__snapshots__/ItemListButton.test.js.snap +4 -0
- package/tests/unit/src/components/ItemList/__snapshots__/ItemListCounter.test.js.snap +1 -0
- package/tests/unit/src/components/ItemList/__snapshots__/ItemListNew.test.js.snap +2 -0
- package/tests/unit/src/components/Layout/Layout.test.js +1 -1
- package/tests/unit/src/components/Layout/__snapshots__/Layout.test.js.snap +1 -1
- package/tests/unit/src/components/MenuItem/__snapshots__/MenuItem.test.js.snap +3 -0
- package/tests/unit/src/components/SearchFilter/SearchFilter/__snapshots__/CloseMobileForm.test.js.snap +1 -0
- package/tests/unit/src/components/SearchFilter/SearchFilter/__snapshots__/MobileFormToolbar.test.js.snap +1 -0
- package/tests/unit/src/components/SearchFilter/SearchFilter/__snapshots__/ResetDesktopForm.test.js.snap +1 -0
- package/tests/unit/src/components/SearchFilter/SearchFilter/__snapshots__/SearchFilter.test.js.snap +18 -0
- package/tests/unit/src/components/Video/__snapshots__/VideoModal.test.js.snap +1 -0
- package/tests/unit/src/components/Video/providers/Vimeo/__snapshots__/Vimeo.test.js.snap +1 -0
- package/tests/unit/src/components/Video/providers/YouTube/__snapshots__/YouTubeProvider.test.js.snap +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,15 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
# [0.143.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.143.0-alpha.0...v0.143.0-alpha.1) (2024-06-13)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @blaze-cms/react-page-builder
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [0.143.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.142.0...v0.143.0-alpha.0) (2024-06-13)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @blaze-cms/react-page-builder
|
|
9
17
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselImage.js","names":["_react","_interopRequireDefault","require","_propTypes","_hooks","_utils","_LazyImage","CarouselImage","_ref","imageId","enableLightbox","toggleModal","handleSelectedImage","priority","_useGetImages","useGetImages","data","loading","error","message","_ref2","getFile","url","_ref2$url","imageUrl","_ref2$data","imageData","_getImageData","getImageData","altText","handleEnableLightbox","createElement","className","src","alt","sizeKey","onClick","role","propTypes","PropTypes","string","isRequired","bool","func","_default","exports"],"sources":["../../../../src/components/Carousel/CarouselImage/CarouselImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useGetImages } from '../../../hooks';\nimport { getImageData } from '../../../utils';\nimport LazyImage from '../../LazyImage';\n\nconst CarouselImage = ({ imageId, enableLightbox, toggleModal, handleSelectedImage, priority }) => {\n const { data, loading, error } = useGetImages(imageId);\n\n if (error) return error.message;\n\n const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n getFile: { url: '', data: {} }\n };\n\n const { altText } = getImageData({}, imageData);\n\n const handleEnableLightbox = () => {\n if (!enableLightbox) return;\n toggleModal();\n handleSelectedImage(imageId);\n };\n\n return (\n <div className=\"carousel__slide\">\n {loading ? (\n <div />\n ) : (\n <LazyImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"carousel\"\n onClick={handleEnableLightbox}\n role=\"button\"\n priority={priority}\n />\n )}\n </div>\n );\n};\n\nCarouselImage.propTypes = {\n imageId: PropTypes.string.isRequired,\n enableLightbox: PropTypes.bool.isRequired,\n toggleModal: PropTypes.func.isRequired,\n handleSelectedImage: PropTypes.func.isRequired,\n priority: PropTypes.bool.isRequired\n};\n\nexport default CarouselImage;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAgF;EAAA,IAA1EC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;EAC1F,IAAAC,aAAA,GAAiC,IAAAC,mBAAY,EAACN,OAAO,CAAC;IAA9CO,IAAI,GAAAF,aAAA,CAAJE,IAAI;IAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;IAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;EAE5B,IAAIA,KAAK,EAAE,OAAOA,KAAK,CAACC,OAAO;EAE/B,IAAAC,KAAA,GAAqDJ,IAAI,CAACK,OAAO,IAAI;MACnEA,OAAO,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEN,IAAI,EAAE,CAAC;MAAE;IAC/B,CAAC;IAAAO,SAAA,GAAAH,KAAA,CAFOE,GAAG;IAAEE,QAAQ,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IAAAE,UAAA,GAAAL,KAAA,CAAEJ,IAAI;IAAEU,SAAS,GAAAD,UAAA,cAAG,CAAC,CAAC,GAAAA,UAAA;EAIhD,IAAAE,aAAA,GAAoB,IAAAC,mBAAY,EAAC,CAAC,CAAC,EAAEF,SAAS,CAAC;IAAvCG,OAAO,GAAAF,aAAA,CAAPE,OAAO;EAEf,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;IACjC,IAAI,CAACpB,cAAc,EAAE;IACrBC,WAAW,CAAC,CAAC;IACbC,mBAAmB,CAACH,OAAO,CAAC;EAC9B,CAAC;EAED,oBACET,MAAA,YAAA+B,aAAA;IAAKC,SAAS,EAAC;EAAiB,GAC7Bf,OAAO,gBACNjB,MAAA,YAAA+B,aAAA,YAAM,CAAC,gBAEP/B,MAAA,YAAA+B,aAAA,CAACzB,UAAA,WAAS;IACR2B,GAAG,EAAET,QAAS;IACdU,GAAG,EAAEL,OAAQ;IACbM,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAEN,oBAAqB;IAC9BO,IAAI,EAAC,QAAQ;
|
|
1
|
+
{"version":3,"file":"CarouselImage.js","names":["_react","_interopRequireDefault","require","_propTypes","_hooks","_utils","_LazyImage","CarouselImage","_ref","imageId","enableLightbox","toggleModal","handleSelectedImage","priority","_useGetImages","useGetImages","data","loading","error","message","_ref2","getFile","url","_ref2$url","imageUrl","_ref2$data","imageData","_getImageData","getImageData","altText","handleEnableLightbox","createElement","className","src","alt","sizeKey","onClick","role","propTypes","PropTypes","string","isRequired","bool","func","_default","exports"],"sources":["../../../../src/components/Carousel/CarouselImage/CarouselImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useGetImages } from '../../../hooks';\nimport { getImageData } from '../../../utils';\nimport LazyImage from '../../LazyImage';\n\nconst CarouselImage = ({ imageId, enableLightbox, toggleModal, handleSelectedImage, priority }) => {\n const { data, loading, error } = useGetImages(imageId);\n\n if (error) return error.message;\n\n const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n getFile: { url: '', data: {} }\n };\n\n const { altText } = getImageData({}, imageData);\n\n const handleEnableLightbox = () => {\n if (!enableLightbox) return;\n toggleModal();\n handleSelectedImage(imageId);\n };\n\n return (\n <div className=\"carousel__slide\">\n {loading ? (\n <div />\n ) : (\n <LazyImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"carousel\"\n onClick={handleEnableLightbox}\n role=\"button\"\n aria-label=\"View Image\"\n priority={priority}\n />\n )}\n </div>\n );\n};\n\nCarouselImage.propTypes = {\n imageId: PropTypes.string.isRequired,\n enableLightbox: PropTypes.bool.isRequired,\n toggleModal: PropTypes.func.isRequired,\n handleSelectedImage: PropTypes.func.isRequired,\n priority: PropTypes.bool.isRequired\n};\n\nexport default CarouselImage;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAgF;EAAA,IAA1EC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;EAC1F,IAAAC,aAAA,GAAiC,IAAAC,mBAAY,EAACN,OAAO,CAAC;IAA9CO,IAAI,GAAAF,aAAA,CAAJE,IAAI;IAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;IAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;EAE5B,IAAIA,KAAK,EAAE,OAAOA,KAAK,CAACC,OAAO;EAE/B,IAAAC,KAAA,GAAqDJ,IAAI,CAACK,OAAO,IAAI;MACnEA,OAAO,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEN,IAAI,EAAE,CAAC;MAAE;IAC/B,CAAC;IAAAO,SAAA,GAAAH,KAAA,CAFOE,GAAG;IAAEE,QAAQ,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IAAAE,UAAA,GAAAL,KAAA,CAAEJ,IAAI;IAAEU,SAAS,GAAAD,UAAA,cAAG,CAAC,CAAC,GAAAA,UAAA;EAIhD,IAAAE,aAAA,GAAoB,IAAAC,mBAAY,EAAC,CAAC,CAAC,EAAEF,SAAS,CAAC;IAAvCG,OAAO,GAAAF,aAAA,CAAPE,OAAO;EAEf,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;IACjC,IAAI,CAACpB,cAAc,EAAE;IACrBC,WAAW,CAAC,CAAC;IACbC,mBAAmB,CAACH,OAAO,CAAC;EAC9B,CAAC;EAED,oBACET,MAAA,YAAA+B,aAAA;IAAKC,SAAS,EAAC;EAAiB,GAC7Bf,OAAO,gBACNjB,MAAA,YAAA+B,aAAA,YAAM,CAAC,gBAEP/B,MAAA,YAAA+B,aAAA,CAACzB,UAAA,WAAS;IACR2B,GAAG,EAAET,QAAS;IACdU,GAAG,EAAEL,OAAQ;IACbM,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAEN,oBAAqB;IAC9BO,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBxB,QAAQ,EAAEA;EAAS,CACpB,CAEA,CAAC;AAEV,CAAC;AAEDN,aAAa,CAAC+B,SAAS,GAAG;EACxB7B,OAAO,EAAE8B,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpC/B,cAAc,EAAE6B,qBAAS,CAACG,IAAI,CAACD,UAAU;EACzC9B,WAAW,EAAE4B,qBAAS,CAACI,IAAI,CAACF,UAAU;EACtC7B,mBAAmB,EAAE2B,qBAAS,CAACI,IAAI,CAACF,UAAU;EAC9C5B,QAAQ,EAAE0B,qBAAS,CAACG,IAAI,CAACD;AAC3B,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEatC,aAAa"}
|
|
@@ -30,6 +30,7 @@ var CarouselRender = function CarouselRender(_ref) {
|
|
|
30
30
|
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
31
31
|
className: "carousel__button carousel__button--previous",
|
|
32
32
|
role: "button",
|
|
33
|
+
"aria-label": "Previous Slide",
|
|
33
34
|
onClick: function onClick() {
|
|
34
35
|
return handleNavigation(direction.back);
|
|
35
36
|
}
|
|
@@ -47,6 +48,7 @@ var CarouselRender = function CarouselRender(_ref) {
|
|
|
47
48
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
48
49
|
className: "carousel__button carousel__button--next",
|
|
49
50
|
role: "button",
|
|
51
|
+
"aria-label": "Next Slide",
|
|
50
52
|
onClick: function onClick() {
|
|
51
53
|
return handleNavigation(direction.next);
|
|
52
54
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselRender.js","names":["_react","_interopRequireDefault","require","_propTypes","_CarouselImage","_HOC","_excluded","CarouselRender","_ref","handleNavigation","imageIds","listRef","shouldDisplayCount","shouldDisplayCaption","caption","countMessage","direction","priorityLimit","otherProps","_objectWithoutProperties2","createElement","className","role","onClick","back","ref","map","imageId","index","_extends2","key","priority","next","propTypes","PropTypes","string","bool","isRequired","array","displayCount","object","number","func","defaultProps","_default","exports","withTitle"],"sources":["../../../../src/components/Carousel/CarouselRender/CarouselRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselImage from '../CarouselImage';\nimport { withTitle } from '../../../HOC';\n\nconst CarouselRender = ({\n handleNavigation,\n imageIds,\n listRef,\n shouldDisplayCount,\n shouldDisplayCaption,\n caption,\n countMessage,\n direction,\n priorityLimit,\n ...otherProps\n}) => (\n <div className=\"carousel\">\n <div>\n <div\n className=\"carousel__button carousel__button--previous\"\n role=\"button\"\n onClick={() => handleNavigation(direction.back)}>\n <div className=\"arrow arrow--left\" />\n </div>\n <div className=\"carousel__list\" ref={listRef}>\n {imageIds.map((imageId, index) => (\n <CarouselImage\n key={imageId}\n priority={index < priorityLimit}\n imageId={imageId}\n {...otherProps}\n />\n ))}\n </div>\n <div\n className=\"carousel__button carousel__button--next\"\n role=\"button\"\n onClick={() => handleNavigation(direction.next)}>\n {shouldDisplayCount && <p data-testid=\"count\">{countMessage}</p>}\n <div className=\"arrow arrow--right\" />\n </div>\n </div>\n {shouldDisplayCaption && (\n <div className=\"carousel__details\" data-testid=\"carousel-details\">\n <div className=\"caption\">{caption}</div>\n </div>\n )}\n </div>\n);\n\nCarouselRender.propTypes = {\n caption: PropTypes.string,\n shouldDisplayCaption: PropTypes.bool.isRequired,\n imageIds: PropTypes.array,\n displayCount: PropTypes.bool,\n listRef: PropTypes.object,\n countMessage: PropTypes.number,\n direction: PropTypes.object.isRequired,\n handleNavigation: PropTypes.func.isRequired,\n shouldDisplayCount: PropTypes.bool.isRequired,\n priorityLimit: PropTypes.number\n};\n\nCarouselRender.defaultProps = {\n listRef: null,\n imageIds: [],\n caption: '',\n displayCount: false,\n countMessage: null,\n priorityLimit: 0\n};\n\nexport default withTitle(CarouselRender);\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAAyC,IAAAI,SAAA;AAEzC,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA;EAAA,IAClBC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;IAClBC,oBAAoB,GAAAL,IAAA,CAApBK,oBAAoB;IACpBC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IACTC,aAAa,GAAAT,IAAA,CAAbS,aAAa;IACVC,UAAU,OAAAC,yBAAA,aAAAX,IAAA,EAAAF,SAAA;EAAA,oBAEbN,MAAA,YAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAU,gBACvBrB,MAAA,YAAAoB,aAAA,2BACEpB,MAAA,YAAAoB,aAAA;IACEC,SAAS,EAAC,6CAA6C;IACvDC,IAAI,EAAC,QAAQ;
|
|
1
|
+
{"version":3,"file":"CarouselRender.js","names":["_react","_interopRequireDefault","require","_propTypes","_CarouselImage","_HOC","_excluded","CarouselRender","_ref","handleNavigation","imageIds","listRef","shouldDisplayCount","shouldDisplayCaption","caption","countMessage","direction","priorityLimit","otherProps","_objectWithoutProperties2","createElement","className","role","onClick","back","ref","map","imageId","index","_extends2","key","priority","next","propTypes","PropTypes","string","bool","isRequired","array","displayCount","object","number","func","defaultProps","_default","exports","withTitle"],"sources":["../../../../src/components/Carousel/CarouselRender/CarouselRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselImage from '../CarouselImage';\nimport { withTitle } from '../../../HOC';\n\nconst CarouselRender = ({\n handleNavigation,\n imageIds,\n listRef,\n shouldDisplayCount,\n shouldDisplayCaption,\n caption,\n countMessage,\n direction,\n priorityLimit,\n ...otherProps\n}) => (\n <div className=\"carousel\">\n <div>\n <div\n className=\"carousel__button carousel__button--previous\"\n role=\"button\"\n aria-label=\"Previous Slide\"\n onClick={() => handleNavigation(direction.back)}>\n <div className=\"arrow arrow--left\" />\n </div>\n <div className=\"carousel__list\" ref={listRef}>\n {imageIds.map((imageId, index) => (\n <CarouselImage\n key={imageId}\n priority={index < priorityLimit}\n imageId={imageId}\n {...otherProps}\n />\n ))}\n </div>\n <div\n className=\"carousel__button carousel__button--next\"\n role=\"button\"\n aria-label=\"Next Slide\"\n onClick={() => handleNavigation(direction.next)}>\n {shouldDisplayCount && <p data-testid=\"count\">{countMessage}</p>}\n <div className=\"arrow arrow--right\" />\n </div>\n </div>\n {shouldDisplayCaption && (\n <div className=\"carousel__details\" data-testid=\"carousel-details\">\n <div className=\"caption\">{caption}</div>\n </div>\n )}\n </div>\n);\n\nCarouselRender.propTypes = {\n caption: PropTypes.string,\n shouldDisplayCaption: PropTypes.bool.isRequired,\n imageIds: PropTypes.array,\n displayCount: PropTypes.bool,\n listRef: PropTypes.object,\n countMessage: PropTypes.number,\n direction: PropTypes.object.isRequired,\n handleNavigation: PropTypes.func.isRequired,\n shouldDisplayCount: PropTypes.bool.isRequired,\n priorityLimit: PropTypes.number\n};\n\nCarouselRender.defaultProps = {\n listRef: null,\n imageIds: [],\n caption: '',\n displayCount: false,\n countMessage: null,\n priorityLimit: 0\n};\n\nexport default withTitle(CarouselRender);\n"],"mappings":"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"}
|
|
@@ -115,7 +115,8 @@ var GlobalLightbox = function GlobalLightbox(_ref) {
|
|
|
115
115
|
}, parentName || metaTitle || name), /*#__PURE__*/_react["default"].createElement("div", {
|
|
116
116
|
role: "button",
|
|
117
117
|
className: "modal__close",
|
|
118
|
-
onClick: handleClose
|
|
118
|
+
onClick: handleClose,
|
|
119
|
+
"aria-label": "Close modal"
|
|
119
120
|
}, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaTimes, null)))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
120
121
|
className: "modal__content modal__content--gallery"
|
|
121
122
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -134,7 +135,8 @@ var GlobalLightbox = function GlobalLightbox(_ref) {
|
|
|
134
135
|
}, imageCounter)), /*#__PURE__*/_react["default"].createElement(_NavButton["default"], {
|
|
135
136
|
handleAction: handlePrevious,
|
|
136
137
|
show: showPrevious,
|
|
137
|
-
modifier: "previous"
|
|
138
|
+
modifier: "previous",
|
|
139
|
+
"aria-label": "Previous Image"
|
|
138
140
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
139
141
|
className: "slider slider--gallery"
|
|
140
142
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -154,6 +156,7 @@ var GlobalLightbox = function GlobalLightbox(_ref) {
|
|
|
154
156
|
sizeKey: "globalLightbox",
|
|
155
157
|
"data-testid": "globalLightboxImage"
|
|
156
158
|
})))))), /*#__PURE__*/_react["default"].createElement(_NavButton["default"], {
|
|
159
|
+
"aria-label": "Next Image",
|
|
157
160
|
handleAction: handleNext,
|
|
158
161
|
show: showNext,
|
|
159
162
|
modifier: "next"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalLightbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_imageCdnReact","_fa","_BlazeLink","_ImageDetails","_NavButton","_getImageData2","_useGetImages2","_helpers","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","GlobalLightbox","_ref","images","onClose","selectedImage","metaTitle","parentName","_useState","useState","_useState2","_slicedToArray2","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","_objectWithoutProperties2","_useGetImages","useGetImages","data","loading","error","message","_ref2","getFile","_ref2$url","imageUrl","_ref2$data","imageData","urlProps","href","title","imgWrapperProps","_getImageData","getImageData","caption","altText","shouldDisplayCaption","shouldShowProperty","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","concat","createElement","Fragment","className","role","onClick","FaTimes","handleAction","show","modifier","keys","ResponsiveImage","src","alt","sizeKey","propTypes","PropTypes","arrayOf","shape","string","func","isRequired","number","defaultProps","_default","exports"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n const [index, setIndex] = useState(selectedImage);\n\n const currentImage = images[index] || {};\n\n const {\n imageId,\n url,\n name,\n enableLightbox,\n isCaptionDisplayed,\n areImageCreditsDisplayed,\n imageCredits,\n credits,\n ...otherProps\n } = currentImage;\n\n const { data, loading, error } = useGetImages(imageId);\n\n if (error) {\n return error.message;\n }\n\n const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n getFile: { url: '', data: {} }\n };\n\n const urlProps = { href: url, title: name };\n const imgWrapperProps = url ? urlProps : {};\n\n const { caption, altText } = getImageData(otherProps, imageData);\n\n const shouldDisplayCaption = shouldShowProperty({\n isDisplayed: isCaptionDisplayed,\n value: caption\n });\n\n // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n const shouldDisplayCredits = shouldShowProperty({\n isDisplayed: areImageCreditsDisplayed,\n value: credits || imageCredits\n });\n\n const navigate = position => {\n const newPosition = index + position;\n if (images[newPosition]) {\n setIndex(newPosition);\n }\n };\n\n const handlePrevious = () => navigate(-1);\n const handleNext = () => navigate(1);\n const handleClose = () => onClose();\n\n const showNext = index !== images.length - 1;\n const showPrevious = !!index;\n\n const imageCounter = `${index + 1} of ${images.length}`;\n\n return (\n <>\n {!!images.length && (\n <div>\n <div className=\"overlay\" />\n <div className=\"modal modal--full-screen modal--gallery modal--show\">\n <header className=\"modal__header modal__header--gallery\">\n <div className=\"modal__title modal__title--gallery\">\n {parentName || metaTitle || name}\n </div>\n <div role=\"button\" className=\"modal__close\" onClick={handleClose}>\n <i>\n <FaTimes />\n </i>\n </div>\n </header>\n <div className=\"modal__content modal__content--gallery\">\n <div className=\"gallery\">\n <div className=\"gallery__column gallery__column--slider\">\n <div className=\"gallery__slider\">\n <div className=\"slider__wrapper slider__wrapper--gallery open\">\n <div className=\"slider__header slider__header--gallery\">\n <div\n className=\"slider__counter slider__counter--gallery\"\n data-testid=\"image-counter\">\n {imageCounter}\n </div>\n </div>\n\n <NavButton\n handleAction={handlePrevious}\n show={showPrevious}\n modifier=\"previous\"\n />\n\n <div className=\"slider slider--gallery\">\n <div className=\"slider__list slider__list--gallery\">\n <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n <div className=\"slider__slide slider__slide--gallery\">\n {loading && <div />}\n {Object.keys(imgWrapperProps).length ? (\n <BlazeLink {...imgWrapperProps}>\n <ResponsiveImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"globalLightbox\"\n data-testid=\"globalLightboxImage\"\n />\n </BlazeLink>\n ) : (\n <Fragment>\n <ResponsiveImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"globalLightbox\"\n data-testid=\"globalLightboxImage\"\n />\n </Fragment>\n )}\n </div>\n </div>\n </div>\n </div>\n\n <NavButton handleAction={handleNext} show={showNext} modifier=\"next\" />\n </div>\n {(shouldDisplayCaption || shouldDisplayCredits) && (\n <ImageDetails\n caption={caption}\n credits={credits || imageCredits}\n shouldDisplayCaption={shouldDisplayCaption}\n shouldDisplayCredits={shouldDisplayCredits}\n />\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n )}\n </>\n );\n};\n\nGlobalLightbox.propTypes = {\n images: PropTypes.arrayOf(\n PropTypes.shape({\n url: PropTypes.string,\n imageId: PropTypes.string\n })\n ),\n metaTitle: PropTypes.string,\n onClose: PropTypes.func.isRequired,\n selectedImage: PropTypes.number,\n parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n metaTitle: '',\n images: [],\n selectedImage: 0,\n parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"GlobalLightbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_imageCdnReact","_fa","_BlazeLink","_ImageDetails","_NavButton","_getImageData2","_useGetImages2","_helpers","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","GlobalLightbox","_ref","images","onClose","selectedImage","metaTitle","parentName","_useState","useState","_useState2","_slicedToArray2","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","_objectWithoutProperties2","_useGetImages","useGetImages","data","loading","error","message","_ref2","getFile","_ref2$url","imageUrl","_ref2$data","imageData","urlProps","href","title","imgWrapperProps","_getImageData","getImageData","caption","altText","shouldDisplayCaption","shouldShowProperty","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","concat","createElement","Fragment","className","role","onClick","FaTimes","handleAction","show","modifier","keys","ResponsiveImage","src","alt","sizeKey","propTypes","PropTypes","arrayOf","shape","string","func","isRequired","number","defaultProps","_default","exports"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n const [index, setIndex] = useState(selectedImage);\n\n const currentImage = images[index] || {};\n\n const {\n imageId,\n url,\n name,\n enableLightbox,\n isCaptionDisplayed,\n areImageCreditsDisplayed,\n imageCredits,\n credits,\n ...otherProps\n } = currentImage;\n\n const { data, loading, error } = useGetImages(imageId);\n\n if (error) {\n return error.message;\n }\n\n const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n getFile: { url: '', data: {} }\n };\n\n const urlProps = { href: url, title: name };\n const imgWrapperProps = url ? urlProps : {};\n\n const { caption, altText } = getImageData(otherProps, imageData);\n\n const shouldDisplayCaption = shouldShowProperty({\n isDisplayed: isCaptionDisplayed,\n value: caption\n });\n\n // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n const shouldDisplayCredits = shouldShowProperty({\n isDisplayed: areImageCreditsDisplayed,\n value: credits || imageCredits\n });\n\n const navigate = position => {\n const newPosition = index + position;\n if (images[newPosition]) {\n setIndex(newPosition);\n }\n };\n\n const handlePrevious = () => navigate(-1);\n const handleNext = () => navigate(1);\n const handleClose = () => onClose();\n\n const showNext = index !== images.length - 1;\n const showPrevious = !!index;\n\n const imageCounter = `${index + 1} of ${images.length}`;\n\n return (\n <>\n {!!images.length && (\n <div>\n <div className=\"overlay\" />\n <div className=\"modal modal--full-screen modal--gallery modal--show\">\n <header className=\"modal__header modal__header--gallery\">\n <div className=\"modal__title modal__title--gallery\">\n {parentName || metaTitle || name}\n </div>\n <div\n role=\"button\"\n className=\"modal__close\"\n onClick={handleClose}\n aria-label=\"Close modal\">\n <i>\n <FaTimes />\n </i>\n </div>\n </header>\n <div className=\"modal__content modal__content--gallery\">\n <div className=\"gallery\">\n <div className=\"gallery__column gallery__column--slider\">\n <div className=\"gallery__slider\">\n <div className=\"slider__wrapper slider__wrapper--gallery open\">\n <div className=\"slider__header slider__header--gallery\">\n <div\n className=\"slider__counter slider__counter--gallery\"\n data-testid=\"image-counter\">\n {imageCounter}\n </div>\n </div>\n\n <NavButton\n handleAction={handlePrevious}\n show={showPrevious}\n modifier=\"previous\"\n aria-label=\"Previous Image\"\n />\n\n <div className=\"slider slider--gallery\">\n <div className=\"slider__list slider__list--gallery\">\n <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n <div className=\"slider__slide slider__slide--gallery\">\n {loading && <div />}\n {Object.keys(imgWrapperProps).length ? (\n <BlazeLink {...imgWrapperProps}>\n <ResponsiveImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"globalLightbox\"\n data-testid=\"globalLightboxImage\"\n />\n </BlazeLink>\n ) : (\n <Fragment>\n <ResponsiveImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"globalLightbox\"\n data-testid=\"globalLightboxImage\"\n />\n </Fragment>\n )}\n </div>\n </div>\n </div>\n </div>\n\n <NavButton\n aria-label=\"Next Image\"\n handleAction={handleNext}\n show={showNext}\n modifier=\"next\"\n />\n </div>\n {(shouldDisplayCaption || shouldDisplayCredits) && (\n <ImageDetails\n caption={caption}\n credits={credits || imageCredits}\n shouldDisplayCaption={shouldDisplayCaption}\n shouldDisplayCredits={shouldDisplayCredits}\n />\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n )}\n </>\n );\n};\n\nGlobalLightbox.propTypes = {\n images: PropTypes.arrayOf(\n PropTypes.shape({\n url: PropTypes.string,\n imageId: PropTypes.string\n })\n ),\n metaTitle: PropTypes.string,\n onClose: PropTypes.func.isRequired,\n selectedImage: PropTypes.number,\n parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n metaTitle: '',\n images: [],\n selectedImage: 0,\n parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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"}
|
|
@@ -110,7 +110,8 @@ var ItemListButton = function ItemListButton(_ref) {
|
|
|
110
110
|
},
|
|
111
111
|
onMouseLeave: function onMouseLeave() {
|
|
112
112
|
return setIsHover(false);
|
|
113
|
-
}
|
|
113
|
+
},
|
|
114
|
+
"aria-label": "Add to ".concat(listName)
|
|
114
115
|
}, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(Icon, null)));
|
|
115
116
|
};
|
|
116
117
|
ItemListButton.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemListButton.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_bs","_client","_query","_helpers","_hooks","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ItemListButton","_ref","listName","parent","modifier","itemId","itemEntity","_useState","useState","_useState2","_slicedToArray2","isHover","setIsHover","_useItemListId","useItemListId","listId","getIcon","isInList","BsBookmarkXFill","BsBookmarkCheckFill","BsBookmarkStarFill","BsBookmarkStar","_useQuery","useQuery","getItemList","variables","id","skip","data","error","loading","_useMutation","useMutation","addItemsToList","onCompleted","_ref2","listAddResult","result","setItemListId","_useMutation2","addListItem","_useMutation3","removeItemsFromList","_useMutation4","removeListItem","clickHandler","listItems","name","message","getItemListData","find","_ref3","idToCheck","entityToCheck","Icon","stateClassName","className","filter","Boolean","join","createElement","role","onClick","onMouseEnter","onMouseLeave","propTypes","PropTypes","object","string","defaultProps","_default","exports"],"sources":["../../../../src/components/ItemList/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BsBookmarkStarFill,\n BsBookmarkCheckFill,\n BsBookmarkStar,\n BsBookmarkXFill\n} from 'react-icons/bs';\nimport { useQuery, useMutation } from '@apollo/client';\nimport { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';\nimport { getItemListData, setItemListId } from '../helpers';\nimport { useItemListId } from '../hooks';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n const { itemId, itemEntity } = parent;\n const [isHover, setIsHover] = useState(false);\n const { listId } = useItemListId({ listName });\n\n const getIcon = () => {\n if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;\n return isHover ? BsBookmarkStarFill : BsBookmarkStar;\n };\n\n const { data, error, loading } = useQuery(getItemList, {\n variables: { id: listId },\n skip: !listId\n });\n\n const [addListItem] = useMutation(addItemsToList, {\n onCompleted: ({ addItemsToList: listAddResult }) => {\n const {\n result: { id }\n } = listAddResult;\n\n if (!listId) {\n setItemListId(listName, id);\n }\n }\n });\n\n const [removeListItem] = useMutation(removeItemsFromList);\n\n const clickHandler = () => {\n setIsHover(false);\n isInList\n ? removeListItem({\n variables: { listId, listItems: [{ itemId, itemEntity }] },\n skip: !listId\n })\n : addListItem({\n variables: { name: listName, id: listId, listItems: [{ itemId, itemEntity }] },\n skip: !listId\n });\n };\n\n if (loading) return '';\n if (error) return error.message;\n\n const listItems = getItemListData(data);\n const isInList = !!listItems.find(\n ({ itemId: idToCheck, itemEntity: entityToCheck }) =>\n idToCheck === itemId && entityToCheck === itemEntity\n );\n const Icon = getIcon();\n const stateClassName = isInList ? 'item-list-button--selected' : '';\n const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');\n\n return (\n <div\n className={className}\n role=\"button\"\n onClick={clickHandler}\n onMouseEnter={() => setIsHover(true)}\n onMouseLeave={() => setIsHover(false)}>\n <i>\n <Icon />\n </i>\n </div>\n );\n};\n\nItemListButton.propTypes = {\n parent: PropTypes.object,\n listName: PropTypes.string,\n modifier: PropTypes.string\n};\n\nItemListButton.defaultProps = {\n parent: {},\n listName: '',\n modifier: ''\n};\n\nexport default ItemListButton;\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ItemListButton.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_bs","_client","_query","_helpers","_hooks","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ItemListButton","_ref","listName","parent","modifier","itemId","itemEntity","_useState","useState","_useState2","_slicedToArray2","isHover","setIsHover","_useItemListId","useItemListId","listId","getIcon","isInList","BsBookmarkXFill","BsBookmarkCheckFill","BsBookmarkStarFill","BsBookmarkStar","_useQuery","useQuery","getItemList","variables","id","skip","data","error","loading","_useMutation","useMutation","addItemsToList","onCompleted","_ref2","listAddResult","result","setItemListId","_useMutation2","addListItem","_useMutation3","removeItemsFromList","_useMutation4","removeListItem","clickHandler","listItems","name","message","getItemListData","find","_ref3","idToCheck","entityToCheck","Icon","stateClassName","className","filter","Boolean","join","createElement","role","onClick","onMouseEnter","onMouseLeave","concat","propTypes","PropTypes","object","string","defaultProps","_default","exports"],"sources":["../../../../src/components/ItemList/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BsBookmarkStarFill,\n BsBookmarkCheckFill,\n BsBookmarkStar,\n BsBookmarkXFill\n} from 'react-icons/bs';\nimport { useQuery, useMutation } from '@apollo/client';\nimport { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';\nimport { getItemListData, setItemListId } from '../helpers';\nimport { useItemListId } from '../hooks';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n const { itemId, itemEntity } = parent;\n const [isHover, setIsHover] = useState(false);\n const { listId } = useItemListId({ listName });\n\n const getIcon = () => {\n if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;\n return isHover ? BsBookmarkStarFill : BsBookmarkStar;\n };\n\n const { data, error, loading } = useQuery(getItemList, {\n variables: { id: listId },\n skip: !listId\n });\n\n const [addListItem] = useMutation(addItemsToList, {\n onCompleted: ({ addItemsToList: listAddResult }) => {\n const {\n result: { id }\n } = listAddResult;\n\n if (!listId) {\n setItemListId(listName, id);\n }\n }\n });\n\n const [removeListItem] = useMutation(removeItemsFromList);\n\n const clickHandler = () => {\n setIsHover(false);\n isInList\n ? removeListItem({\n variables: { listId, listItems: [{ itemId, itemEntity }] },\n skip: !listId\n })\n : addListItem({\n variables: { name: listName, id: listId, listItems: [{ itemId, itemEntity }] },\n skip: !listId\n });\n };\n\n if (loading) return '';\n if (error) return error.message;\n\n const listItems = getItemListData(data);\n const isInList = !!listItems.find(\n ({ itemId: idToCheck, itemEntity: entityToCheck }) =>\n idToCheck === itemId && entityToCheck === itemEntity\n );\n const Icon = getIcon();\n const stateClassName = isInList ? 'item-list-button--selected' : '';\n const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');\n\n return (\n <div\n className={className}\n role=\"button\"\n onClick={clickHandler}\n onMouseEnter={() => setIsHover(true)}\n onMouseLeave={() => setIsHover(false)}\n aria-label={`Add to ${listName}`}>\n <i>\n <Icon />\n </i>\n </div>\n );\n};\n\nItemListButton.propTypes = {\n parent: PropTypes.object,\n listName: PropTypes.string,\n modifier: PropTypes.string\n};\n\nItemListButton.defaultProps = {\n parent: {},\n listName: '',\n modifier: ''\n};\n\nexport default ItemListButton;\n"],"mappings":"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"}
|
|
@@ -45,6 +45,7 @@ var ItemListCounter = function ItemListCounter(_ref) {
|
|
|
45
45
|
role: "button",
|
|
46
46
|
type: "button",
|
|
47
47
|
className: "item-list-counter ".concat(modifier),
|
|
48
|
+
"aria-label": "View ".concat(listName),
|
|
48
49
|
onClick: handleClick
|
|
49
50
|
}, /*#__PURE__*/_react["default"].createElement(CounterIcon, null), /*#__PURE__*/_react["default"].createElement("span", {
|
|
50
51
|
className: "item-list-counter__badge"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemListCounter.js","names":["_react","_interopRequireDefault","require","_propTypes","_router","_client","_bs","_query","_hooks","_helpers","ItemListCounter","_ref","listName","modifier","url","router","useRouter","_useItemListId","useItemListId","listId","_useQuery","useQuery","getItemList","variables","id","skip","data","error","loading","message","listItems","getItemListData","listLength","length","CounterIcon","BsBookmarkStarFill","BsBookmarkStar","handleClick","push","concat","createElement","role","type","className","onClick","propTypes","PropTypes","string","defaultProps","_default","exports"],"sources":["../../../../src/components/ItemList/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData } from '../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n const router = useRouter();\n const { listId } = useItemListId({ listName });\n\n const { data, error, loading } = useQuery(getItemList, {\n variables: { id: listId },\n skip: !listId\n });\n\n if (loading) return '';\n if (error) return error.message;\n\n const listItems = getItemListData(data);\n const listLength = listItems.length;\n const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;\n\n const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);\n\n return (\n <div\n role=\"button\"\n type=\"button\"\n className={`item-list-counter ${modifier}`}\n onClick={handleClick}>\n <CounterIcon />\n <span className=\"item-list-counter__badge\">{listLength}</span>\n </div>\n );\n};\n\nItemListCounter.propTypes = {\n url: PropTypes.string,\n listName: PropTypes.string,\n modifier: PropTypes.string\n};\n\nItemListCounter.defaultProps = {\n url: '',\n listName: '',\n modifier: ''\n};\n\nexport default ItemListCounter;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAEA,IAAMQ,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAoC;EAAA,IAA9BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,GAAG,GAAAH,IAAA,CAAHG,GAAG;EAChD,IAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC1B,IAAAC,cAAA,GAAmB,IAAAC,oBAAa,EAAC;MAAEN,QAAQ,EAARA;IAAS,CAAC,CAAC;IAAtCO,MAAM,GAAAF,cAAA,CAANE,MAAM;EAEd,IAAAC,SAAA,GAAiC,IAAAC,gBAAQ,EAACC,kBAAW,EAAE;MACrDC,SAAS,EAAE;QAAEC,EAAE,EAAEL;MAAO,CAAC;MACzBM,IAAI,EAAE,CAACN;IACT,CAAC,CAAC;IAHMO,IAAI,GAAAN,SAAA,CAAJM,IAAI;IAAEC,KAAK,GAAAP,SAAA,CAALO,KAAK;IAAEC,OAAO,GAAAR,SAAA,CAAPQ,OAAO;EAK5B,IAAIA,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACE,OAAO;EAE/B,IAAMC,SAAS,GAAG,IAAAC,wBAAe,EAACL,IAAI,CAAC;EACvC,IAAMM,UAAU,GAAGF,SAAS,CAACG,MAAM;EACnC,IAAMC,WAAW,GAAGF,UAAU,GAAGG,sBAAkB,GAAGC,kBAAc;EAEpE,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;IAAA,OAAStB,MAAM,CAACuB,IAAI,CAAC,WAAW,KAAAC,MAAA,CAAKzB,GAAG,kBAAAyB,MAAA,CAAepB,MAAM,CAAE,CAAC;EAAA;EAEjF,oBACEnB,MAAA,YAAAwC,aAAA;IACEC,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAC,QAAQ;IACbC,SAAS,uBAAAJ,MAAA,CAAuB1B,QAAQ,CAAG;IAC3C
|
|
1
|
+
{"version":3,"file":"ItemListCounter.js","names":["_react","_interopRequireDefault","require","_propTypes","_router","_client","_bs","_query","_hooks","_helpers","ItemListCounter","_ref","listName","modifier","url","router","useRouter","_useItemListId","useItemListId","listId","_useQuery","useQuery","getItemList","variables","id","skip","data","error","loading","message","listItems","getItemListData","listLength","length","CounterIcon","BsBookmarkStarFill","BsBookmarkStar","handleClick","push","concat","createElement","role","type","className","onClick","propTypes","PropTypes","string","defaultProps","_default","exports"],"sources":["../../../../src/components/ItemList/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData } from '../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n const router = useRouter();\n const { listId } = useItemListId({ listName });\n\n const { data, error, loading } = useQuery(getItemList, {\n variables: { id: listId },\n skip: !listId\n });\n\n if (loading) return '';\n if (error) return error.message;\n\n const listItems = getItemListData(data);\n const listLength = listItems.length;\n const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;\n\n const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);\n\n return (\n <div\n role=\"button\"\n type=\"button\"\n className={`item-list-counter ${modifier}`}\n aria-label={`View ${listName}`}\n onClick={handleClick}>\n <CounterIcon />\n <span className=\"item-list-counter__badge\">{listLength}</span>\n </div>\n );\n};\n\nItemListCounter.propTypes = {\n url: PropTypes.string,\n listName: PropTypes.string,\n modifier: PropTypes.string\n};\n\nItemListCounter.defaultProps = {\n url: '',\n listName: '',\n modifier: ''\n};\n\nexport default ItemListCounter;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAEA,IAAMQ,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAoC;EAAA,IAA9BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,GAAG,GAAAH,IAAA,CAAHG,GAAG;EAChD,IAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC1B,IAAAC,cAAA,GAAmB,IAAAC,oBAAa,EAAC;MAAEN,QAAQ,EAARA;IAAS,CAAC,CAAC;IAAtCO,MAAM,GAAAF,cAAA,CAANE,MAAM;EAEd,IAAAC,SAAA,GAAiC,IAAAC,gBAAQ,EAACC,kBAAW,EAAE;MACrDC,SAAS,EAAE;QAAEC,EAAE,EAAEL;MAAO,CAAC;MACzBM,IAAI,EAAE,CAACN;IACT,CAAC,CAAC;IAHMO,IAAI,GAAAN,SAAA,CAAJM,IAAI;IAAEC,KAAK,GAAAP,SAAA,CAALO,KAAK;IAAEC,OAAO,GAAAR,SAAA,CAAPQ,OAAO;EAK5B,IAAIA,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACE,OAAO;EAE/B,IAAMC,SAAS,GAAG,IAAAC,wBAAe,EAACL,IAAI,CAAC;EACvC,IAAMM,UAAU,GAAGF,SAAS,CAACG,MAAM;EACnC,IAAMC,WAAW,GAAGF,UAAU,GAAGG,sBAAkB,GAAGC,kBAAc;EAEpE,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;IAAA,OAAStB,MAAM,CAACuB,IAAI,CAAC,WAAW,KAAAC,MAAA,CAAKzB,GAAG,kBAAAyB,MAAA,CAAepB,MAAM,CAAE,CAAC;EAAA;EAEjF,oBACEnB,MAAA,YAAAwC,aAAA;IACEC,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAC,QAAQ;IACbC,SAAS,uBAAAJ,MAAA,CAAuB1B,QAAQ,CAAG;IAC3C,sBAAA0B,MAAA,CAAoB3B,QAAQ,CAAG;IAC/BgC,OAAO,EAAEP;EAAY,gBACrBrC,MAAA,YAAAwC,aAAA,CAACN,WAAW,MAAE,CAAC,eACflC,MAAA,YAAAwC,aAAA;IAAMG,SAAS,EAAC;EAA0B,GAAEX,UAAiB,CAC1D,CAAC;AAEV,CAAC;AAEDtB,eAAe,CAACmC,SAAS,GAAG;EAC1B/B,GAAG,EAAEgC,qBAAS,CAACC,MAAM;EACrBnC,QAAQ,EAAEkC,qBAAS,CAACC,MAAM;EAC1BlC,QAAQ,EAAEiC,qBAAS,CAACC;AACtB,CAAC;AAEDrC,eAAe,CAACsC,YAAY,GAAG;EAC7BlC,GAAG,EAAE,EAAE;EACPF,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;AACZ,CAAC;AAAC,IAAAoC,QAAA,GAAAC,OAAA,cAEaxC,eAAe"}
|
|
@@ -49,7 +49,8 @@ var ItemListNew = function ItemListNew(_ref) {
|
|
|
49
49
|
};
|
|
50
50
|
return /*#__PURE__*/_react["default"].createElement(_button["default"], {
|
|
51
51
|
className: "item-list-new ".concat(modifier),
|
|
52
|
-
onClick: handleClick
|
|
52
|
+
onClick: handleClick,
|
|
53
|
+
"aria-label": "Create new ".concat(listName)
|
|
53
54
|
}, text);
|
|
54
55
|
};
|
|
55
56
|
ItemListNew.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemListNew.js","names":["_react","_interopRequireDefault","require","_propTypes","_router","_client","_button","_queryString","_query","_hooks","_helpers","_constants","ItemListNew","_ref","listName","modifier","text","router","useRouter","_parseUrl","parseUrl","asPath","_parseUrl$query","query","_parseUrl$query2","listItemId","LIST_ITEM_QUERY_PARAM","_useItemListId","useItemListId","listId","listIdToUse","_useQuery","useQuery","getItemList","variables","id","skip","data","error","loading","message","listItems","getItemListData","length","handleClick","setItemListId","setParamAndRedirect","createElement","className","concat","onClick","propTypes","PropTypes","string","isRequired","defaultProps","_default","exports"],"sources":["../../../../src/components/ItemList/ItemListNew/ItemListNew.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport BlazeButton from '@blaze-react/button';\nimport { parseUrl } from 'query-string';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData, setItemListId, setParamAndRedirect } from '../helpers';\nimport { LIST_ITEM_QUERY_PARAM } from '../constants';\n\nconst ItemListNew = ({ listName, modifier, text }) => {\n const router = useRouter();\n const { query: { [LIST_ITEM_QUERY_PARAM]: listItemId } = {} } = parseUrl(router.asPath);\n\n const { listId } = useItemListId({ listName });\n const listIdToUse = listItemId || listId;\n const { data, error, loading } = useQuery(getItemList, {\n variables: { id: listIdToUse },\n skip: !listIdToUse\n });\n\n if (loading) return '';\n if (error) return error.message;\n\n const listItems = getItemListData(data);\n if (!listItems.length) return '';\n\n const handleClick = () => {\n setItemListId(listName, '');\n setParamAndRedirect(router);\n };\n\n return (\n <BlazeButton
|
|
1
|
+
{"version":3,"file":"ItemListNew.js","names":["_react","_interopRequireDefault","require","_propTypes","_router","_client","_button","_queryString","_query","_hooks","_helpers","_constants","ItemListNew","_ref","listName","modifier","text","router","useRouter","_parseUrl","parseUrl","asPath","_parseUrl$query","query","_parseUrl$query2","listItemId","LIST_ITEM_QUERY_PARAM","_useItemListId","useItemListId","listId","listIdToUse","_useQuery","useQuery","getItemList","variables","id","skip","data","error","loading","message","listItems","getItemListData","length","handleClick","setItemListId","setParamAndRedirect","createElement","className","concat","onClick","propTypes","PropTypes","string","isRequired","defaultProps","_default","exports"],"sources":["../../../../src/components/ItemList/ItemListNew/ItemListNew.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport BlazeButton from '@blaze-react/button';\nimport { parseUrl } from 'query-string';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData, setItemListId, setParamAndRedirect } from '../helpers';\nimport { LIST_ITEM_QUERY_PARAM } from '../constants';\n\nconst ItemListNew = ({ listName, modifier, text }) => {\n const router = useRouter();\n const { query: { [LIST_ITEM_QUERY_PARAM]: listItemId } = {} } = parseUrl(router.asPath);\n\n const { listId } = useItemListId({ listName });\n const listIdToUse = listItemId || listId;\n const { data, error, loading } = useQuery(getItemList, {\n variables: { id: listIdToUse },\n skip: !listIdToUse\n });\n\n if (loading) return '';\n if (error) return error.message;\n\n const listItems = getItemListData(data);\n if (!listItems.length) return '';\n\n const handleClick = () => {\n setItemListId(listName, '');\n setParamAndRedirect(router);\n };\n\n return (\n <BlazeButton\n className={`item-list-new ${modifier}`}\n onClick={handleClick}\n aria-label={`Create new ${listName}`}>\n {text}\n </BlazeButton>\n );\n};\n\nItemListNew.propTypes = {\n listName: PropTypes.string.isRequired,\n modifier: PropTypes.string,\n text: PropTypes.string.isRequired\n};\n\nItemListNew.defaultProps = {\n modifier: ''\n};\n\nexport default ItemListNew;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAEA,IAAMU,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAqC;EAAA,IAA/BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAC7C,IAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC1B,IAAAC,SAAA,GAAgE,IAAAC,qBAAQ,EAACH,MAAM,CAACI,MAAM,CAAC;IAAAC,eAAA,GAAAH,SAAA,CAA/EI,KAAK;IAAAC,gBAAA,GAAAF,eAAA,cAA4C,CAAC,CAAC,GAAAA,eAAA;IAAjBG,UAAU,GAAAD,gBAAA,CAAlCE,gCAAqB;EAEvC,IAAAC,cAAA,GAAmB,IAAAC,oBAAa,EAAC;MAAEd,QAAQ,EAARA;IAAS,CAAC,CAAC;IAAtCe,MAAM,GAAAF,cAAA,CAANE,MAAM;EACd,IAAMC,WAAW,GAAGL,UAAU,IAAII,MAAM;EACxC,IAAAE,SAAA,GAAiC,IAAAC,gBAAQ,EAACC,kBAAW,EAAE;MACrDC,SAAS,EAAE;QAAEC,EAAE,EAAEL;MAAY,CAAC;MAC9BM,IAAI,EAAE,CAACN;IACT,CAAC,CAAC;IAHMO,IAAI,GAAAN,SAAA,CAAJM,IAAI;IAAEC,KAAK,GAAAP,SAAA,CAALO,KAAK;IAAEC,OAAO,GAAAR,SAAA,CAAPQ,OAAO;EAK5B,IAAIA,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACE,OAAO;EAE/B,IAAMC,SAAS,GAAG,IAAAC,wBAAe,EAACL,IAAI,CAAC;EACvC,IAAI,CAACI,SAAS,CAACE,MAAM,EAAE,OAAO,EAAE;EAEhC,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB,IAAAC,sBAAa,EAAC/B,QAAQ,EAAE,EAAE,CAAC;IAC3B,IAAAgC,4BAAmB,EAAC7B,MAAM,CAAC;EAC7B,CAAC;EAED,oBACEjB,MAAA,YAAA+C,aAAA,CAACzC,OAAA,WAAW;IACV0C,SAAS,mBAAAC,MAAA,CAAmBlC,QAAQ,CAAG;IACvCmC,OAAO,EAAEN,WAAY;IACrB,4BAAAK,MAAA,CAA0BnC,QAAQ;EAAG,GACpCE,IACU,CAAC;AAElB,CAAC;AAEDJ,WAAW,CAACuC,SAAS,GAAG;EACtBrC,QAAQ,EAAEsC,qBAAS,CAACC,MAAM,CAACC,UAAU;EACrCvC,QAAQ,EAAEqC,qBAAS,CAACC,MAAM;EAC1BrC,IAAI,EAAEoC,qBAAS,CAACC,MAAM,CAACC;AACzB,CAAC;AAED1C,WAAW,CAAC2C,YAAY,GAAG;EACzBxC,QAAQ,EAAE;AACZ,CAAC;AAAC,IAAAyC,QAAA,GAAAC,OAAA,cAEa7C,WAAW"}
|
|
@@ -63,9 +63,11 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
63
63
|
href: url
|
|
64
64
|
}, text) : /*#__PURE__*/_react["default"].createElement("span", {
|
|
65
65
|
role: "button",
|
|
66
|
-
onClick: handleItemEvent
|
|
66
|
+
onClick: handleItemEvent,
|
|
67
|
+
"aria-label": text
|
|
67
68
|
}, text), hasValidChildren && /*#__PURE__*/_react["default"].createElement("i", {
|
|
68
69
|
role: "button",
|
|
70
|
+
"aria-label": displayChildren ? "Collapse ".concat(text, " menu items") : "Expand ".concat(text, " menu items"),
|
|
69
71
|
className: "menu--item--link--icon",
|
|
70
72
|
onClick: function onClick() {
|
|
71
73
|
return setDisplayChildren(!displayChildren);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_fa","_constants","_helpers","_BlazeLink","_MenuContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","MenuItem","_ref","children","eventType","text","modifier","url","_useState","useState","_useState2","_slicedToArray2","displayChildren","setDisplayChildren","_useContext","useContext","MenuContext","showMobileMenu","useEffect","isHoverEvent","HOVER","childrenDisplayClass","HIDDEN","handleItemEvent","_ref2","type","MOUSE_ENTER","MOUSE_LEAVE","hasValidChildren","hasChildren","createElement","className","onMouseEnter","onMouseLeave","href","role","onClick","
|
|
1
|
+
{"version":3,"file":"MenuItem.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_fa","_constants","_helpers","_BlazeLink","_MenuContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","MenuItem","_ref","children","eventType","text","modifier","url","_useState","useState","_useState2","_slicedToArray2","displayChildren","setDisplayChildren","_useContext","useContext","MenuContext","showMobileMenu","useEffect","isHoverEvent","HOVER","childrenDisplayClass","HIDDEN","handleItemEvent","_ref2","type","MOUSE_ENTER","MOUSE_LEAVE","hasValidChildren","hasChildren","createElement","className","onMouseEnter","onMouseLeave","href","role","onClick","concat","FaChevronUp","FaChevronDown","propTypes","PropTypes","string","isRequired","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../../src/components/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\n\nconst MenuItem = ({ children, eventType, text, modifier, url }) => {\n const [displayChildren, setDisplayChildren] = useState(false);\n const { showMobileMenu } = useContext(MenuContext);\n\n useEffect(\n () => {\n if (!showMobileMenu) setDisplayChildren(false);\n },\n [showMobileMenu]\n );\n\n const isHoverEvent = eventType === HOVER;\n const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n\n const handleItemEvent = ({ type }) => {\n if (isHoverEvent) {\n if (type === MOUSE_ENTER) {\n setDisplayChildren(true);\n }\n if (type === MOUSE_LEAVE) {\n setDisplayChildren(false);\n }\n }\n };\n const hasValidChildren = hasChildren(children);\n\n return (\n <li\n className={modifier}\n onMouseEnter={handleItemEvent}\n onMouseLeave={handleItemEvent}\n aria-label={text}>\n <div className=\"menu--item--link\">\n {url ? (\n <BlazeLink href={url}>{text}</BlazeLink>\n ) : (\n <span role=\"button\" onClick={handleItemEvent} aria-label={text}>\n {text}\n </span>\n )}\n {hasValidChildren && (\n <i\n role=\"button\"\n aria-label={\n displayChildren ? `Collapse ${text} menu items` : `Expand ${text} menu items`\n }\n className=\"menu--item--link--icon\"\n onClick={() => setDisplayChildren(!displayChildren)}>\n {displayChildren ? <FaChevronUp /> : <FaChevronDown />}\n </i>\n )}\n </div>\n {hasValidChildren && (\n <div className={`menu--item-children ${childrenDisplayClass}`}>{children}</div>\n )}\n </li>\n );\n};\n\nMenuItem.propTypes = {\n modifier: PropTypes.string,\n text: PropTypes.string,\n url: PropTypes.string,\n eventType: PropTypes.string.isRequired,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItem.defaultProps = {\n url: '',\n modifier: '',\n text: '',\n children: null\n};\n\nexport default MenuItem;\n"],"mappings":"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"}
|
|
@@ -16,7 +16,8 @@ var CloseMobileForm = function CloseMobileForm(_ref) {
|
|
|
16
16
|
className: "filter__header filter__header--mobile"
|
|
17
17
|
}, /*#__PURE__*/_react["default"].createElement("p", null, _constants.MOBILE_REFINEMENT_TITLE), /*#__PURE__*/_react["default"].createElement("i", {
|
|
18
18
|
role: "button",
|
|
19
|
-
onClick: handleClose
|
|
19
|
+
onClick: handleClose,
|
|
20
|
+
"aria-label": "Close"
|
|
20
21
|
}, /*#__PURE__*/_react["default"].createElement(_md.MdClose, null)));
|
|
21
22
|
};
|
|
22
23
|
CloseMobileForm.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CloseMobileForm.js","names":["_react","_interopRequireDefault","require","_propTypes","_md","_constants","CloseMobileForm","_ref","handleClose","createElement","className","MOBILE_REFINEMENT_TITLE","role","onClick","MdClose","propTypes","PropTypes","func","isRequired","_default","exports"],"sources":["../../../../src/components/SearchFilter/SearchFilter/CloseMobileForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MdClose } from 'react-icons/md';\nimport { MOBILE_REFINEMENT_TITLE } from '../constants';\n\nconst CloseMobileForm = ({ handleClose }) => (\n <div className=\"filter__header filter__header--mobile\">\n <p>{MOBILE_REFINEMENT_TITLE}</p>\n\n <i role=\"button\" onClick={handleClose}>\n <MdClose />\n </i>\n </div>\n);\n\nCloseMobileForm.propTypes = {\n handleClose: PropTypes.func.isRequired\n};\n\nexport default CloseMobileForm;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA;EAAA,IAAMC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EAAA,oBACpCR,MAAA,YAAAS,aAAA;IAAKC,SAAS,EAAC;EAAuC,gBACpDV,MAAA,YAAAS,aAAA,YAAIE,kCAA2B,CAAC,eAEhCX,MAAA,YAAAS,aAAA;IAAGG,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAEL;
|
|
1
|
+
{"version":3,"file":"CloseMobileForm.js","names":["_react","_interopRequireDefault","require","_propTypes","_md","_constants","CloseMobileForm","_ref","handleClose","createElement","className","MOBILE_REFINEMENT_TITLE","role","onClick","MdClose","propTypes","PropTypes","func","isRequired","_default","exports"],"sources":["../../../../src/components/SearchFilter/SearchFilter/CloseMobileForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MdClose } from 'react-icons/md';\nimport { MOBILE_REFINEMENT_TITLE } from '../constants';\n\nconst CloseMobileForm = ({ handleClose }) => (\n <div className=\"filter__header filter__header--mobile\">\n <p>{MOBILE_REFINEMENT_TITLE}</p>\n\n <i role=\"button\" onClick={handleClose} aria-label=\"Close\">\n <MdClose />\n </i>\n </div>\n);\n\nCloseMobileForm.propTypes = {\n handleClose: PropTypes.func.isRequired\n};\n\nexport default CloseMobileForm;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA;EAAA,IAAMC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EAAA,oBACpCR,MAAA,YAAAS,aAAA;IAAKC,SAAS,EAAC;EAAuC,gBACpDV,MAAA,YAAAS,aAAA,YAAIE,kCAA2B,CAAC,eAEhCX,MAAA,YAAAS,aAAA;IAAGG,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAEL,WAAY;IAAC,cAAW;EAAO,gBACvDR,MAAA,YAAAS,aAAA,CAACL,GAAA,CAAAU,OAAO,MAAE,CACT,CACA,CAAC;AAAA,CACP;AAEDR,eAAe,CAACS,SAAS,GAAG;EAC1BP,WAAW,EAAEQ,qBAAS,CAACC,IAAI,CAACC;AAC9B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEad,eAAe"}
|
|
@@ -18,7 +18,8 @@ var MobileFormToolbar = function MobileFormToolbar(_ref) {
|
|
|
18
18
|
className: "reset",
|
|
19
19
|
"data-testid": "reset-button",
|
|
20
20
|
role: "button",
|
|
21
|
-
onClick: handleReset
|
|
21
|
+
onClick: handleReset,
|
|
22
|
+
"aria-label": "Reset Filters"
|
|
22
23
|
}, _constants.RESET), /*#__PURE__*/_react["default"].createElement("button", {
|
|
23
24
|
className: "search",
|
|
24
25
|
type: "submit",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileFormToolbar.js","names":["_react","_interopRequireDefault","require","_propTypes","_constants","MobileFormToolbar","_ref","formId","handleReset","createElement","className","role","onClick","RESET","type","form","SEARCH","propTypes","PropTypes","string","isRequired","func","_default","exports"],"sources":["../../../../src/components/SearchFilter/SearchFilter/MobileFormToolbar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { RESET, SEARCH } from '../constants';\n\nconst MobileFormToolbar = ({ formId, handleReset }) => (\n <div className=\"filter__refine filter__refine--mobile-open\">\n <div
|
|
1
|
+
{"version":3,"file":"MobileFormToolbar.js","names":["_react","_interopRequireDefault","require","_propTypes","_constants","MobileFormToolbar","_ref","formId","handleReset","createElement","className","role","onClick","RESET","type","form","SEARCH","propTypes","PropTypes","string","isRequired","func","_default","exports"],"sources":["../../../../src/components/SearchFilter/SearchFilter/MobileFormToolbar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { RESET, SEARCH } from '../constants';\n\nconst MobileFormToolbar = ({ formId, handleReset }) => (\n <div className=\"filter__refine filter__refine--mobile-open\">\n <div\n className=\"reset\"\n data-testid=\"reset-button\"\n role=\"button\"\n onClick={handleReset}\n aria-label=\"Reset Filters\">\n {RESET}\n </div>\n\n <button className=\"search\" type=\"submit\" form={formId}>\n {SEARCH}\n </button>\n </div>\n);\n\nMobileFormToolbar.propTypes = {\n formId: PropTypes.string.isRequired,\n handleReset: PropTypes.func.isRequired\n};\n\nexport default MobileFormToolbar;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEA,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA;EAAA,IAAMC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;EAAA,oBAC9CR,MAAA,YAAAS,aAAA;IAAKC,SAAS,EAAC;EAA4C,gBACzDV,MAAA,YAAAS,aAAA;IACEC,SAAS,EAAC,OAAO;IACjB,eAAY,cAAc;IAC1BC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEJ,WAAY;IACrB,cAAW;EAAe,GACzBK,gBACE,CAAC,eAENb,MAAA,YAAAS,aAAA;IAAQC,SAAS,EAAC,QAAQ;IAACI,IAAI,EAAC,QAAQ;IAACC,IAAI,EAAER;EAAO,GACnDS,iBACK,CACL,CAAC;AAAA,CACP;AAEDX,iBAAiB,CAACY,SAAS,GAAG;EAC5BV,MAAM,EAAEW,qBAAS,CAACC,MAAM,CAACC,UAAU;EACnCZ,WAAW,EAAEU,qBAAS,CAACG,IAAI,CAACD;AAC9B,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEalB,iBAAiB"}
|
|
@@ -23,7 +23,8 @@ var ResetDesktopForm = function ResetDesktopForm(_ref) {
|
|
|
23
23
|
}, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaRedoAlt, null))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
24
24
|
role: "button",
|
|
25
25
|
onClick: handleReset,
|
|
26
|
-
"data-testid": "reset-button"
|
|
26
|
+
"data-testid": "reset-button",
|
|
27
|
+
"aria-label": "Reset Filters"
|
|
27
28
|
}, _constants.RESET));
|
|
28
29
|
};
|
|
29
30
|
ResetDesktopForm.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResetDesktopForm.js","names":["_react","_interopRequireDefault","require","_propTypes","_fa","_constants","ResetDesktopForm","_ref","handleReset","createElement","className","type","title","onClick","FaRedoAlt","role","RESET","propTypes","PropTypes","func","isRequired","_default","exports"],"sources":["../../../../src/components/SearchFilter/SearchFilter/ResetDesktopForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FaRedoAlt } from 'react-icons/fa';\nimport { RESET } from '../constants';\n\nconst ResetDesktopForm = ({ handleReset }) => (\n <div className=\"filter__reset\">\n <button\n type=\"button\"\n className=\"icon-button icon-button--reset\"\n title=\"reset--button\"\n data-testid=\"reset-icon\"\n onClick={handleReset}>\n <i>\n <FaRedoAlt />\n </i>\n </button>\n\n <div role=\"button\" onClick={handleReset} data-testid=\"reset-button\">\n {RESET}\n </div>\n </div>\n);\n\nResetDesktopForm.propTypes = {\n handleReset: PropTypes.func.isRequired\n};\n\nexport default ResetDesktopForm;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA;EAAA,IAAMC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EAAA,oBACrCR,MAAA,YAAAS,aAAA;IAAKC,SAAS,EAAC;EAAe,gBAC5BV,MAAA,YAAAS,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbD,SAAS,EAAC,gCAAgC;IAC1CE,KAAK,EAAC,eAAe;IACrB,eAAY,YAAY;IACxBC,OAAO,EAAEL;EAAY,gBACrBR,MAAA,YAAAS,aAAA,yBACET,MAAA,YAAAS,aAAA,CAACL,GAAA,CAAAU,SAAS,MAAE,CACX,CACG,CAAC,eAETd,MAAA,YAAAS,aAAA;IAAKM,IAAI,EAAC,QAAQ;IAACF,OAAO,EAAEL,WAAY;IAAC,eAAY;
|
|
1
|
+
{"version":3,"file":"ResetDesktopForm.js","names":["_react","_interopRequireDefault","require","_propTypes","_fa","_constants","ResetDesktopForm","_ref","handleReset","createElement","className","type","title","onClick","FaRedoAlt","role","RESET","propTypes","PropTypes","func","isRequired","_default","exports"],"sources":["../../../../src/components/SearchFilter/SearchFilter/ResetDesktopForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FaRedoAlt } from 'react-icons/fa';\nimport { RESET } from '../constants';\n\nconst ResetDesktopForm = ({ handleReset }) => (\n <div className=\"filter__reset\">\n <button\n type=\"button\"\n className=\"icon-button icon-button--reset\"\n title=\"reset--button\"\n data-testid=\"reset-icon\"\n onClick={handleReset}>\n <i>\n <FaRedoAlt />\n </i>\n </button>\n\n <div role=\"button\" onClick={handleReset} data-testid=\"reset-button\" aria-label=\"Reset Filters\">\n {RESET}\n </div>\n </div>\n);\n\nResetDesktopForm.propTypes = {\n handleReset: PropTypes.func.isRequired\n};\n\nexport default ResetDesktopForm;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA;EAAA,IAAMC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EAAA,oBACrCR,MAAA,YAAAS,aAAA;IAAKC,SAAS,EAAC;EAAe,gBAC5BV,MAAA,YAAAS,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbD,SAAS,EAAC,gCAAgC;IAC1CE,KAAK,EAAC,eAAe;IACrB,eAAY,YAAY;IACxBC,OAAO,EAAEL;EAAY,gBACrBR,MAAA,YAAAS,aAAA,yBACET,MAAA,YAAAS,aAAA,CAACL,GAAA,CAAAU,SAAS,MAAE,CACX,CACG,CAAC,eAETd,MAAA,YAAAS,aAAA;IAAKM,IAAI,EAAC,QAAQ;IAACF,OAAO,EAAEL,WAAY;IAAC,eAAY,cAAc;IAAC,cAAW;EAAe,GAC3FQ,gBACE,CACF,CAAC;AAAA,CACP;AAEDV,gBAAgB,CAACW,SAAS,GAAG;EAC3BT,WAAW,EAAEU,qBAAS,CAACC,IAAI,CAACC;AAC9B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEahB,gBAAgB"}
|
|
@@ -194,7 +194,8 @@ var SearchFilter = function SearchFilter(_ref) {
|
|
|
194
194
|
role: "button",
|
|
195
195
|
onClick: function onClick() {
|
|
196
196
|
return setDisplaySearchFilter(true);
|
|
197
|
-
}
|
|
197
|
+
},
|
|
198
|
+
"aria-label": "Toggle Search Filter"
|
|
198
199
|
}, _constants.REFINE)));
|
|
199
200
|
};
|
|
200
201
|
SearchFilter.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchFilter.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_lodash","_FiltersList","_helpers","_CloseMobileForm","_ResetDesktopForm","_MobileFormToolbar","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SearchFilter","_ref","searchFilterRef","listComponentName","data","filters","hasUrl","entity","handleSearch","name","isCollapsedOnResponsive","displaySearchFilter","setDisplaySearchFilter","groupAfterDesktop","groupAfterMobile","filterValues","setAppliedFilters","query","_useState","useState","_useState2","_slicedToArray2","moreFiltersMobileCollapsed","setMoreFiltersMobileCollapsed","_useState3","_useState4","moreFiltersDesktopCollapsed","setMoreFiltersDesktopCollapsed","doSubmit","newValues","newQuery","buildUrlQuery","handleSubmit","debounce","useEffect","shouldSearch","type","formClass","classnames","_getResponsiveFilterC","getResponsiveFilterClassnames","moreFiltersMobileWrapperClass","moreFiltersMobileTogglerClass","moreFiltersDesktopWrapperClass","moreFiltersDesktopTogglerClass","formId","concat","handleReset","updateFilterValues","shouldSubmit","shouldGroup","createElement","Fragment","ref","className","id","onSubmit","preventDefault","handleClose","slice","onClick","MORE_FILTERS_CLASSES","MOBILE_CONTENT","isDeviceDesktop","DESKTOP_CONTENT","DESKTOP_BUTTONS","SEARCH","MOBILE_BUTTONS","role","REFINE","propTypes","PropTypes","object","isRequired","array","bool","string","func","number","defaultProps","_default","exports"],"sources":["../../../../src/components/SearchFilter/SearchFilter/SearchFilter.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport debounce from 'lodash.debounce';\nimport FiltersList from './FiltersList';\nimport { isDeviceDesktop, getResponsiveFilterClassnames, buildUrlQuery } from '../helpers';\n\nimport CloseMobileForm from './CloseMobileForm';\nimport ResetDesktopForm from './ResetDesktopForm';\nimport MobileFormToolbar from './MobileFormToolbar';\nimport { SEARCH, REFINE, MORE_FILTERS_CLASSES } from '../constants';\n\nconst SearchFilter = ({\n searchFilterRef,\n listComponentName,\n data,\n filters,\n hasUrl,\n entity,\n handleSearch,\n name,\n isCollapsedOnResponsive,\n displaySearchFilter,\n setDisplaySearchFilter,\n groupAfterDesktop,\n groupAfterMobile,\n filterValues,\n setAppliedFilters,\n query\n}) => {\n const [moreFiltersMobileCollapsed, setMoreFiltersMobileCollapsed] = useState(true);\n const [moreFiltersDesktopCollapsed, setMoreFiltersDesktopCollapsed] = useState(true);\n\n const doSubmit = newValues => {\n const newQuery = filterValues\n ? buildUrlQuery(newValues, filters, listComponentName, query)\n : '';\n handleSearch(newQuery);\n setMoreFiltersDesktopCollapsed(true);\n setMoreFiltersMobileCollapsed(true);\n };\n\n const handleSubmit = debounce(newValues => {\n doSubmit(newValues);\n }, 200);\n\n useEffect(\n () => {\n if (filterValues.shouldSearch) {\n handleSubmit(filterValues);\n setAppliedFilters({ type: 'resetSearch' });\n }\n },\n [filterValues, handleSubmit, setAppliedFilters]\n );\n\n const formClass = classnames('filter__form filter__form--initial', {\n 'filter__form--mobile': isCollapsedOnResponsive && displaySearchFilter,\n 'filter__form--collapsible': isCollapsedOnResponsive\n });\n\n const {\n moreFiltersMobileWrapperClass,\n moreFiltersMobileTogglerClass,\n moreFiltersDesktopWrapperClass,\n moreFiltersDesktopTogglerClass\n } = getResponsiveFilterClassnames(moreFiltersDesktopCollapsed, moreFiltersMobileCollapsed);\n\n const formId = `filter-${name}-form`;\n\n const handleReset = () => {\n setAppliedFilters({ type: 'reset' });\n doSubmit();\n };\n\n const updateFilterValues = (newValues, shouldSubmit) => {\n setAppliedFilters({ newValues, shouldSearch: shouldSubmit, type: 'update' });\n };\n\n const shouldGroup = !!(groupAfterDesktop || groupAfterMobile);\n\n return (\n <>\n <form\n ref={searchFilterRef}\n className={formClass}\n data-testid={formId}\n id={formId}\n onSubmit={e => {\n e.preventDefault();\n doSubmit(filterValues);\n }}>\n {displaySearchFilter && (\n <CloseMobileForm handleClose={() => setDisplaySearchFilter(false)} />\n )}\n\n <div className=\"filter filter--search-refine\">\n <ResetDesktopForm handleReset={handleReset} />\n\n <div className=\"filter__wrapper filter__wrapper--search-refine\">\n {!shouldGroup && (\n <FiltersList\n shouldSearch={!hasUrl}\n data={data}\n filters={filters}\n hasUrl={hasUrl}\n entity={entity}\n filterValues={filterValues}\n updateFilterValues={updateFilterValues}\n />\n )}\n\n {shouldGroup && (\n <>\n <FiltersList\n shouldSearch={!hasUrl}\n data={data}\n filters={filters.slice(0, groupAfterMobile)}\n hasUrl={hasUrl}\n entity={entity}\n filterValues={filterValues}\n updateFilterValues={updateFilterValues}\n />\n\n {!!groupAfterMobile && (\n <button\n data-testId=\"search-filter-mobile-toggler\"\n className={moreFiltersMobileTogglerClass}\n type=\"button\"\n onClick={() => setMoreFiltersMobileCollapsed(!moreFiltersMobileCollapsed)}>\n Filters\n </button>\n )}\n\n <div className={moreFiltersMobileWrapperClass}>\n <div className={MORE_FILTERS_CLASSES.MOBILE_CONTENT}>\n <FiltersList\n shouldSearch={!hasUrl && isDeviceDesktop()}\n data={data}\n filters={filters.slice(\n groupAfterMobile,\n groupAfterDesktop ? groupAfterDesktop - 1 : 0\n )}\n hasUrl={hasUrl}\n entity={entity}\n filterValues={filterValues}\n updateFilterValues={updateFilterValues}\n />\n\n {!!groupAfterDesktop && (\n <button\n data-testId=\"search-filter-desktop-toggler\"\n className={moreFiltersDesktopTogglerClass}\n type=\"button\"\n onClick={() =>\n setMoreFiltersDesktopCollapsed(!moreFiltersDesktopCollapsed)\n }>\n {moreFiltersDesktopCollapsed ? 'More filters' : 'Less filters'}\n </button>\n )}\n\n <div className={moreFiltersDesktopWrapperClass}>\n <div className={MORE_FILTERS_CLASSES.DESKTOP_CONTENT}>\n <FiltersList\n shouldSearch={false}\n data={data}\n filters={filters.slice(groupAfterDesktop)}\n hasUrl={hasUrl}\n entity={entity}\n filterValues={filterValues}\n updateFilterValues={updateFilterValues}\n />\n </div>\n\n <div className={MORE_FILTERS_CLASSES.DESKTOP_BUTTONS}>\n <ResetDesktopForm handleReset={handleReset} />\n\n <button className=\"button button--full-width\" type=\"submit\">\n {SEARCH}\n </button>\n </div>\n </div>\n </div>\n\n <div className={MORE_FILTERS_CLASSES.MOBILE_BUTTONS}>\n <ResetDesktopForm handleReset={handleReset} />\n\n <button className=\"button button--full-width\" type=\"submit\">\n {SEARCH}\n </button>\n </div>\n </div>\n </>\n )}\n\n <br />\n\n {!displaySearchFilter && (\n <button className=\"button button--full-width\" type=\"submit\">\n {SEARCH}\n </button>\n )}\n </div>\n </div>\n\n {displaySearchFilter && <MobileFormToolbar formId={formId} handleReset={handleReset} />}\n </form>\n\n {isCollapsedOnResponsive &&\n !displaySearchFilter && (\n <div className=\"filter__refine filter__refine--mobile-close\" data-testid=\"refine-mobile\">\n <div role=\"button\" onClick={() => setDisplaySearchFilter(true)}>\n {REFINE}\n </div>\n </div>\n )}\n </>\n );\n};\n\nSearchFilter.propTypes = {\n data: PropTypes.object.isRequired,\n filters: PropTypes.array.isRequired,\n searchFilterRef: PropTypes.object.isRequired,\n hasUrl: PropTypes.bool.isRequired,\n entity: PropTypes.string.isRequired,\n handleSearch: PropTypes.func.isRequired,\n name: PropTypes.string.isRequired,\n displaySearchFilter: PropTypes.bool.isRequired,\n setDisplaySearchFilter: PropTypes.func.isRequired,\n isCollapsedOnResponsive: PropTypes.bool.isRequired,\n groupAfterDesktop: PropTypes.number.isRequired,\n groupAfterMobile: PropTypes.number.isRequired,\n filterValues: PropTypes.object.isRequired,\n setAppliedFilters: PropTypes.func.isRequired,\n listComponentName: PropTypes.string,\n query: PropTypes.object\n};\n\nSearchFilter.defaultProps = {\n listComponentName: '',\n query: {}\n};\n\nexport default SearchFilter;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SearchFilter.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_lodash","_FiltersList","_helpers","_CloseMobileForm","_ResetDesktopForm","_MobileFormToolbar","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SearchFilter","_ref","searchFilterRef","listComponentName","data","filters","hasUrl","entity","handleSearch","name","isCollapsedOnResponsive","displaySearchFilter","setDisplaySearchFilter","groupAfterDesktop","groupAfterMobile","filterValues","setAppliedFilters","query","_useState","useState","_useState2","_slicedToArray2","moreFiltersMobileCollapsed","setMoreFiltersMobileCollapsed","_useState3","_useState4","moreFiltersDesktopCollapsed","setMoreFiltersDesktopCollapsed","doSubmit","newValues","newQuery","buildUrlQuery","handleSubmit","debounce","useEffect","shouldSearch","type","formClass","classnames","_getResponsiveFilterC","getResponsiveFilterClassnames","moreFiltersMobileWrapperClass","moreFiltersMobileTogglerClass","moreFiltersDesktopWrapperClass","moreFiltersDesktopTogglerClass","formId","concat","handleReset","updateFilterValues","shouldSubmit","shouldGroup","createElement","Fragment","ref","className","id","onSubmit","preventDefault","handleClose","slice","onClick","MORE_FILTERS_CLASSES","MOBILE_CONTENT","isDeviceDesktop","DESKTOP_CONTENT","DESKTOP_BUTTONS","SEARCH","MOBILE_BUTTONS","role","REFINE","propTypes","PropTypes","object","isRequired","array","bool","string","func","number","defaultProps","_default","exports"],"sources":["../../../../src/components/SearchFilter/SearchFilter/SearchFilter.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport debounce from 'lodash.debounce';\nimport FiltersList from './FiltersList';\nimport { isDeviceDesktop, getResponsiveFilterClassnames, buildUrlQuery } from '../helpers';\n\nimport CloseMobileForm from './CloseMobileForm';\nimport ResetDesktopForm from './ResetDesktopForm';\nimport MobileFormToolbar from './MobileFormToolbar';\nimport { SEARCH, REFINE, MORE_FILTERS_CLASSES } from '../constants';\n\nconst SearchFilter = ({\n searchFilterRef,\n listComponentName,\n data,\n filters,\n hasUrl,\n entity,\n handleSearch,\n name,\n isCollapsedOnResponsive,\n displaySearchFilter,\n setDisplaySearchFilter,\n groupAfterDesktop,\n groupAfterMobile,\n filterValues,\n setAppliedFilters,\n query\n}) => {\n const [moreFiltersMobileCollapsed, setMoreFiltersMobileCollapsed] = useState(true);\n const [moreFiltersDesktopCollapsed, setMoreFiltersDesktopCollapsed] = useState(true);\n\n const doSubmit = newValues => {\n const newQuery = filterValues\n ? buildUrlQuery(newValues, filters, listComponentName, query)\n : '';\n handleSearch(newQuery);\n setMoreFiltersDesktopCollapsed(true);\n setMoreFiltersMobileCollapsed(true);\n };\n\n const handleSubmit = debounce(newValues => {\n doSubmit(newValues);\n }, 200);\n\n useEffect(\n () => {\n if (filterValues.shouldSearch) {\n handleSubmit(filterValues);\n setAppliedFilters({ type: 'resetSearch' });\n }\n },\n [filterValues, handleSubmit, setAppliedFilters]\n );\n\n const formClass = classnames('filter__form filter__form--initial', {\n 'filter__form--mobile': isCollapsedOnResponsive && displaySearchFilter,\n 'filter__form--collapsible': isCollapsedOnResponsive\n });\n\n const {\n moreFiltersMobileWrapperClass,\n moreFiltersMobileTogglerClass,\n moreFiltersDesktopWrapperClass,\n moreFiltersDesktopTogglerClass\n } = getResponsiveFilterClassnames(moreFiltersDesktopCollapsed, moreFiltersMobileCollapsed);\n\n const formId = `filter-${name}-form`;\n\n const handleReset = () => {\n setAppliedFilters({ type: 'reset' });\n doSubmit();\n };\n\n const updateFilterValues = (newValues, shouldSubmit) => {\n setAppliedFilters({ newValues, shouldSearch: shouldSubmit, type: 'update' });\n };\n\n const shouldGroup = !!(groupAfterDesktop || groupAfterMobile);\n\n return (\n <>\n <form\n ref={searchFilterRef}\n className={formClass}\n data-testid={formId}\n id={formId}\n onSubmit={e => {\n e.preventDefault();\n doSubmit(filterValues);\n }}>\n {displaySearchFilter && (\n <CloseMobileForm handleClose={() => setDisplaySearchFilter(false)} />\n )}\n\n <div className=\"filter filter--search-refine\">\n <ResetDesktopForm handleReset={handleReset} />\n\n <div className=\"filter__wrapper filter__wrapper--search-refine\">\n {!shouldGroup && (\n <FiltersList\n shouldSearch={!hasUrl}\n data={data}\n filters={filters}\n hasUrl={hasUrl}\n entity={entity}\n filterValues={filterValues}\n updateFilterValues={updateFilterValues}\n />\n )}\n\n {shouldGroup && (\n <>\n <FiltersList\n shouldSearch={!hasUrl}\n data={data}\n filters={filters.slice(0, groupAfterMobile)}\n hasUrl={hasUrl}\n entity={entity}\n filterValues={filterValues}\n updateFilterValues={updateFilterValues}\n />\n\n {!!groupAfterMobile && (\n <button\n data-testId=\"search-filter-mobile-toggler\"\n className={moreFiltersMobileTogglerClass}\n type=\"button\"\n onClick={() => setMoreFiltersMobileCollapsed(!moreFiltersMobileCollapsed)}>\n Filters\n </button>\n )}\n\n <div className={moreFiltersMobileWrapperClass}>\n <div className={MORE_FILTERS_CLASSES.MOBILE_CONTENT}>\n <FiltersList\n shouldSearch={!hasUrl && isDeviceDesktop()}\n data={data}\n filters={filters.slice(\n groupAfterMobile,\n groupAfterDesktop ? groupAfterDesktop - 1 : 0\n )}\n hasUrl={hasUrl}\n entity={entity}\n filterValues={filterValues}\n updateFilterValues={updateFilterValues}\n />\n\n {!!groupAfterDesktop && (\n <button\n data-testId=\"search-filter-desktop-toggler\"\n className={moreFiltersDesktopTogglerClass}\n type=\"button\"\n onClick={() =>\n setMoreFiltersDesktopCollapsed(!moreFiltersDesktopCollapsed)\n }>\n {moreFiltersDesktopCollapsed ? 'More filters' : 'Less filters'}\n </button>\n )}\n\n <div className={moreFiltersDesktopWrapperClass}>\n <div className={MORE_FILTERS_CLASSES.DESKTOP_CONTENT}>\n <FiltersList\n shouldSearch={false}\n data={data}\n filters={filters.slice(groupAfterDesktop)}\n hasUrl={hasUrl}\n entity={entity}\n filterValues={filterValues}\n updateFilterValues={updateFilterValues}\n />\n </div>\n\n <div className={MORE_FILTERS_CLASSES.DESKTOP_BUTTONS}>\n <ResetDesktopForm handleReset={handleReset} />\n\n <button className=\"button button--full-width\" type=\"submit\">\n {SEARCH}\n </button>\n </div>\n </div>\n </div>\n\n <div className={MORE_FILTERS_CLASSES.MOBILE_BUTTONS}>\n <ResetDesktopForm handleReset={handleReset} />\n\n <button className=\"button button--full-width\" type=\"submit\">\n {SEARCH}\n </button>\n </div>\n </div>\n </>\n )}\n\n <br />\n\n {!displaySearchFilter && (\n <button className=\"button button--full-width\" type=\"submit\">\n {SEARCH}\n </button>\n )}\n </div>\n </div>\n\n {displaySearchFilter && <MobileFormToolbar formId={formId} handleReset={handleReset} />}\n </form>\n\n {isCollapsedOnResponsive &&\n !displaySearchFilter && (\n <div className=\"filter__refine filter__refine--mobile-close\" data-testid=\"refine-mobile\">\n <div\n role=\"button\"\n onClick={() => setDisplaySearchFilter(true)}\n aria-label=\"Toggle Search Filter\">\n {REFINE}\n </div>\n </div>\n )}\n </>\n );\n};\n\nSearchFilter.propTypes = {\n data: PropTypes.object.isRequired,\n filters: PropTypes.array.isRequired,\n searchFilterRef: PropTypes.object.isRequired,\n hasUrl: PropTypes.bool.isRequired,\n entity: PropTypes.string.isRequired,\n handleSearch: PropTypes.func.isRequired,\n name: PropTypes.string.isRequired,\n displaySearchFilter: PropTypes.bool.isRequired,\n setDisplaySearchFilter: PropTypes.func.isRequired,\n isCollapsedOnResponsive: PropTypes.bool.isRequired,\n groupAfterDesktop: PropTypes.number.isRequired,\n groupAfterMobile: PropTypes.number.isRequired,\n filterValues: PropTypes.object.isRequired,\n setAppliedFilters: PropTypes.func.isRequired,\n listComponentName: PropTypes.string,\n query: PropTypes.object\n};\n\nSearchFilter.defaultProps = {\n listComponentName: '',\n query: {}\n};\n\nexport default SearchFilter;\n"],"mappings":"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"}
|
|
@@ -99,7 +99,8 @@ var Checkbox = function Checkbox(_ref) {
|
|
|
99
99
|
}), data[prop].buckets.length > _constants.LIMIT_MIN && /*#__PURE__*/_react["default"].createElement("div", {
|
|
100
100
|
role: "button",
|
|
101
101
|
className: "see-more",
|
|
102
|
-
onClick: handleCheckboxOptions
|
|
102
|
+
onClick: handleCheckboxOptions,
|
|
103
|
+
"aria-label": shouldDisplayMore ? "See ".concat(_constants.MORE, " options") : "See ".concat(_constants.LESS, " options")
|
|
103
104
|
}, shouldDisplayMore ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaChevronDown, {
|
|
104
105
|
className: "inline-icon"
|
|
105
106
|
})), " See ".concat(_constants.MORE)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaChevronUp, {
|