@blaze-cms/react-page-builder 0.115.0 → 0.116.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 +8 -0
- package/lib/components/CarouselWrapper.js +4 -6
- package/lib/components/CarouselWrapper.js.map +1 -1
- package/lib/components/Image/GlobalLightbox/GlobalLightbox.js +3 -3
- package/lib/components/Image/GlobalLightbox/GlobalLightbox.js.map +1 -1
- package/lib/components/SearchFilter/SearchFilter/ResetDesktopForm.js +3 -3
- package/lib/components/SearchFilter/SearchFilter/ResetDesktopForm.js.map +1 -1
- package/lib/components/SearchFilter/components/Checkbox.js +7 -13
- package/lib/components/SearchFilter/components/Checkbox.js.map +1 -1
- package/lib/components/SearchFilter/constants.js +1 -5
- package/lib/components/SearchFilter/constants.js.map +1 -1
- package/lib/components/SocialFollow/SFItem.js +2 -4
- package/lib/components/SocialFollow/SFItem.js.map +1 -1
- package/lib/components/SocialFollow/sf.config.js +9 -6
- package/lib/components/SocialFollow/sf.config.js.map +1 -1
- package/lib-es/components/CarouselWrapper.js +3 -6
- package/lib-es/components/CarouselWrapper.js.map +1 -1
- package/lib-es/components/Image/GlobalLightbox/GlobalLightbox.js +2 -3
- package/lib-es/components/Image/GlobalLightbox/GlobalLightbox.js.map +1 -1
- package/lib-es/components/SearchFilter/SearchFilter/ResetDesktopForm.js +2 -3
- package/lib-es/components/SearchFilter/SearchFilter/ResetDesktopForm.js.map +1 -1
- package/lib-es/components/SearchFilter/components/Checkbox.js +7 -12
- package/lib-es/components/SearchFilter/components/Checkbox.js.map +1 -1
- package/lib-es/components/SearchFilter/constants.js +1 -3
- package/lib-es/components/SearchFilter/constants.js.map +1 -1
- package/lib-es/components/SocialFollow/SFItem.js +2 -4
- package/lib-es/components/SocialFollow/SFItem.js.map +1 -1
- package/lib-es/components/SocialFollow/sf.config.js +7 -6
- package/lib-es/components/SocialFollow/sf.config.js.map +1 -1
- package/package.json +4 -3
- package/src/components/CarouselWrapper.js +7 -2
- package/src/components/Image/GlobalLightbox/GlobalLightbox.js +4 -1
- package/src/components/SearchFilter/SearchFilter/ResetDesktopForm.js +4 -1
- package/src/components/SearchFilter/components/Checkbox.js +17 -5
- package/src/components/SearchFilter/constants.js +0 -4
- package/src/components/SocialFollow/SFItem.js +4 -2
- package/src/components/SocialFollow/sf.config.js +15 -6
- package/tests/unit/src/components/Image/GlobalLightbox/__snapshots__/GlobalLightbox.test.js.snap +15 -3
- package/tests/unit/src/components/SearchFilter/SearchFilter/__snapshots__/ResetDesktopForm.test.js.snap +15 -3
- package/tests/unit/src/components/SearchFilter/SearchFilter/__snapshots__/SearchFilter.test.js.snap +179 -47
- package/tests/unit/src/components/SocialFollow/__snapshots__/SFItem.test.js.snap +15 -3
- package/tests/unit/src/components/SocialFollow/__snapshots__/SocialFollow.test.js.snap +30 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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
|
+
# [0.116.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.116.0-alpha.0...v0.116.0-alpha.1) (2021-12-20)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @blaze-cms/react-page-builder
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
# [0.115.0](https://github.com/thebyte9/blaze/compare/v0.115.0-alpha.1...v0.115.0) (2021-12-16)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @blaze-cms/react-page-builder
|
|
@@ -29,6 +29,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
29
29
|
|
|
30
30
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
31
|
|
|
32
|
+
var _fa = require("react-icons/fa");
|
|
33
|
+
|
|
32
34
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
33
35
|
|
|
34
36
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -91,9 +93,7 @@ var CarouselWrapper = function CarouselWrapper(_ref) {
|
|
|
91
93
|
onClick: function onClick() {
|
|
92
94
|
return handleButtonNavigation();
|
|
93
95
|
}
|
|
94
|
-
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
95
|
-
className: "fas fa-angle-left"
|
|
96
|
-
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
96
|
+
}, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaAngleLeft, null)))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
97
97
|
className: "card-carousel__button-wrapper absolute right-0 h-full flex justify-center items-center z-10"
|
|
98
98
|
}, displayRight && /*#__PURE__*/_react["default"].createElement("button", {
|
|
99
99
|
type: "button",
|
|
@@ -101,9 +101,7 @@ var CarouselWrapper = function CarouselWrapper(_ref) {
|
|
|
101
101
|
onClick: function onClick() {
|
|
102
102
|
return handleButtonNavigation(true);
|
|
103
103
|
}
|
|
104
|
-
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
105
|
-
className: "fas fa-angle-right"
|
|
106
|
-
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
104
|
+
}, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaAngleRight, null)))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
107
105
|
className: contentClassName,
|
|
108
106
|
ref: ref,
|
|
109
107
|
onScroll: handleScroll
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["CarouselWrapper","children","bannerModifier","itemsPerRow","ref","displayLeft","displayRight","buttonDisplay","setButtonDisplays","current","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","handleButtonNavigation","direction","wrapperClassName","contentClassName","propTypes","PropTypes","string","number","oneOfType","arrayOf","node","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAA+C;AAAA,MAA5CC,QAA4C,QAA5CA,QAA4C;AAAA,MAAlCC,cAAkC,QAAlCA,cAAkC;AAAA,MAAlBC,WAAkB,QAAlBA,WAAkB;AACrE,MAAMC,GAAG,GAAG,oBAAZ;;AACA,kBAA2C,qBAAS;AAAEC,IAAAA,WAAW,EAAE,KAAf;AAAsBC,IAAAA,YAAY,EAAE;AAApC,GAAT,CAA3C;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,iBAAtB;;AAEA,wBAAU,YAAM;AACd,uBAEIJ,GAFJ,CACEK,OADF;AAAA,QACaC,WADb,gBACaA,WADb;AAAA,QAC0BC,WAD1B,gBAC0BA,WAD1B;AAIA,QAAIA,WAAW,IAAID,WAAnB,EAAgCF,iBAAiB,CAAC;AAAEH,MAAAA,WAAW,EAAE,KAAf;AAAsBC,MAAAA,YAAY,EAAE;AAApC,KAAD,CAAjB;AACjC,GAND,EAMG,EANH;;AAQA,MAAMM,YAAY,GAAG,SAAfA,YAAe,GAAM;AACzB,wBAEIR,GAFJ,CACEK,OADF;AAAA,QACaC,WADb,iBACaA,WADb;AAAA,QAC0BG,UAD1B,iBAC0BA,UAD1B;AAAA,QACsCF,WADtC,iBACsCA,WADtC;AAGA,QAAMG,kBAAkB,GAAG,CAAC,CAACD,UAA7B;AACA,QAAME,mBAAmB,GAAGF,UAAU,GAAGH,WAAb,GAA2B,CAA3B,GAA+BC,WAA3D;AACAH,IAAAA,iBAAiB,CAAC;AAAEH,MAAAA,WAAW,EAAES,kBAAf;AAAmCR,MAAAA,YAAY,EAAES;AAAjD,KAAD,CAAjB;AACD,GAPD;;AASA,MAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAAAC,SAAS,EAAI;AAC1C,wBAEIb,GAFJ,CACEK,OADF;AAAA,QACaC,WADb,iBACaA,WADb;AAAA,QAC0BG,UAD1B,iBAC0BA,UAD1B;AAGAT,IAAAA,GAAG,CAACK,OAAJ,CAAYI,UAAZ,GAAyBI,SAAS,GAAGJ,UAAU,GAAGH,WAAhB,GAA8BG,UAAU,GAAGH,WAA7E;AACD,GALD;;AAOA,MAAQL,WAAR,GAAsCE,aAAtC,CAAQF,WAAR;AAAA,MAAqBC,YAArB,GAAsCC,aAAtC,CAAqBD,YAArB;AACA,MAAMY,gBAAgB,yCAAkChB,cAAlC,CAAtB;AACA,MAAMiB,gBAAgB,0EAAmEhB,WAAnE,kDAAtB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEe;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGb,WAAW,iBACV;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,SAAS,EAAC,wCAFZ;AAGE,IAAA,OAAO,EAAE;AAAA,aAAMW,sBAAsB,EAA5B;AAAA;AAHX,kBAIE
|
|
1
|
+
{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["CarouselWrapper","children","bannerModifier","itemsPerRow","ref","displayLeft","displayRight","buttonDisplay","setButtonDisplays","current","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","handleButtonNavigation","direction","wrapperClassName","contentClassName","propTypes","PropTypes","string","number","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaAngleLeft, FaAngleRight } from 'react-icons/fa';\n\nconst CarouselWrapper = ({ children, bannerModifier, itemsPerRow }) => {\n const ref = useRef();\n const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n\n useEffect(() => {\n const {\n current: { offsetWidth, scrollWidth }\n } = ref;\n\n if (scrollWidth <= offsetWidth) setButtonDisplays({ displayLeft: false, displayRight: false });\n }, []);\n\n const handleScroll = () => {\n const {\n current: { offsetWidth, scrollLeft, scrollWidth }\n } = ref;\n const updatedDisplayLeft = !!scrollLeft;\n const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n };\n\n const handleButtonNavigation = direction => {\n const {\n current: { offsetWidth, scrollLeft }\n } = ref;\n ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n };\n\n const { displayLeft, displayRight } = buttonDisplay;\n const wrapperClassName = `card-carousel relative gap-2${bannerModifier}`;\n const contentClassName = `card-carousel__content card-carousel__content--items-per-row-${itemsPerRow} flex flex-nowrap p-4 gap-4 overflow-x-scroll`;\n\n return (\n <div className={wrapperClassName}>\n <div className=\"card-carousel__button-wrapper absolute left-0 h-full flex justify-center items-center z-10\">\n {displayLeft && (\n <button\n type=\"button\"\n className=\"card-carousel__button-back icon-button\"\n onClick={() => handleButtonNavigation()}>\n <i>\n <FaAngleLeft />\n </i>\n </button>\n )}\n </div>\n <div className=\"card-carousel__button-wrapper absolute right-0 h-full flex justify-center items-center z-10\">\n {displayRight && (\n <button\n type=\"button\"\n className=\"card-carousel__button-forward icon-button icon\"\n onClick={() => handleButtonNavigation(true)}>\n <i>\n <FaAngleRight />\n </i>\n </button>\n )}\n </div>\n <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n {children}\n </div>\n </div>\n );\n};\n\nCarouselWrapper.propTypes = {\n bannerModifier: PropTypes.string,\n itemsPerRow: PropTypes.number,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nCarouselWrapper.defaultProps = {\n itemsPerRow: 0,\n bannerModifier: '',\n children: []\n};\n\nexport default CarouselWrapper;\n"],"file":"CarouselWrapper.js"}
|
|
@@ -39,6 +39,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
39
39
|
|
|
40
40
|
var _imageCdnReact = require("@blaze-cms/image-cdn-react");
|
|
41
41
|
|
|
42
|
+
var _fa = require("react-icons/fa");
|
|
43
|
+
|
|
42
44
|
var _BlazeLink = _interopRequireDefault(require("../../BlazeLink"));
|
|
43
45
|
|
|
44
46
|
var _ImageDetails = _interopRequireDefault(require("../ImageDetails"));
|
|
@@ -155,9 +157,7 @@ var GlobalLightbox = function GlobalLightbox(_ref) {
|
|
|
155
157
|
role: "button",
|
|
156
158
|
className: "modal__close",
|
|
157
159
|
onClick: handleClose
|
|
158
|
-
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
159
|
-
className: "fas fa-times"
|
|
160
|
-
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
160
|
+
}, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaTimes, null)))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
161
161
|
className: "modal__content modal__content--gallery"
|
|
162
162
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
163
163
|
className: "gallery"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"names":["GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","data","loading","error","message","getFile","imageUrl","imageData","urlProps","href","title","imgWrapperProps","caption","altText","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","Object","keys","propTypes","PropTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\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 className=\"fas fa-times\" />\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"],"file":"GlobalLightbox.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"names":["GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","data","loading","error","message","getFile","imageUrl","imageData","urlProps","href","title","imgWrapperProps","caption","altText","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","Object","keys","propTypes","PropTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"mappings":"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","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"],"file":"GlobalLightbox.js"}
|
|
@@ -13,6 +13,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
13
13
|
|
|
14
14
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
15
|
|
|
16
|
+
var _fa = require("react-icons/fa");
|
|
17
|
+
|
|
16
18
|
var _constants = require("../constants");
|
|
17
19
|
|
|
18
20
|
var ResetDesktopForm = function ResetDesktopForm(_ref) {
|
|
@@ -25,9 +27,7 @@ var ResetDesktopForm = function ResetDesktopForm(_ref) {
|
|
|
25
27
|
title: "reset--button",
|
|
26
28
|
"data-testid": "reset-icon",
|
|
27
29
|
onClick: handleReset
|
|
28
|
-
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
29
|
-
className: "fas fa-redo-alt"
|
|
30
|
-
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
30
|
+
}, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaRedoAlt, null))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
31
31
|
role: "button",
|
|
32
32
|
onClick: handleReset,
|
|
33
33
|
"data-testid": "reset-button"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/ResetDesktopForm.js"],"names":["ResetDesktopForm","handleReset","RESET","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAAGC,WAAH,QAAGA,WAAH;AAAA,sBACvB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,SAAS,EAAC,gCAFZ;AAGE,IAAA,KAAK,EAAC,eAHR;AAIE,mBAAY,YAJd;AAKE,IAAA,OAAO,EAAEA;AALX,kBAME
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/ResetDesktopForm.js"],"names":["ResetDesktopForm","handleReset","RESET","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAAGC,WAAH,QAAGA,WAAH;AAAA,sBACvB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,SAAS,EAAC,gCAFZ;AAGE,IAAA,KAAK,EAAC,eAHR;AAIE,mBAAY,YAJd;AAKE,IAAA,OAAO,EAAEA;AALX,kBAME,wDACE,gCAAC,aAAD,OADF,CANF,CADF,eAYE;AAAK,IAAA,IAAI,EAAC,QAAV;AAAmB,IAAA,OAAO,EAAEA,WAA5B;AAAyC,mBAAY;AAArD,KACGC,gBADH,CAZF,CADuB;AAAA,CAAzB;;AAmBAF,gBAAgB,CAACG,SAAjB,GAA6B;AAC3BF,EAAAA,WAAW,EAAEG,sBAAUC,IAAV,CAAeC;AADD,CAA7B;eAIeN,gB","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"],"file":"ResetDesktopForm.js"}
|
|
@@ -49,6 +49,8 @@ var _lodash = _interopRequireDefault(require("lodash.upperfirst"));
|
|
|
49
49
|
|
|
50
50
|
var _checkboxes = require("@blaze-react/checkboxes");
|
|
51
51
|
|
|
52
|
+
var _fa = require("react-icons/fa");
|
|
53
|
+
|
|
52
54
|
var _HOC = require("../../../HOC");
|
|
53
55
|
|
|
54
56
|
var _helpers = require("../helpers");
|
|
@@ -59,16 +61,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
59
61
|
|
|
60
62
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
61
63
|
|
|
62
|
-
var getButtonInfo = function getButtonInfo(isMore) {
|
|
63
|
-
return isMore ? {
|
|
64
|
-
icon: _constants.DOWN,
|
|
65
|
-
text: _constants.MORE
|
|
66
|
-
} : {
|
|
67
|
-
icon: _constants.UP,
|
|
68
|
-
text: _constants.LESS
|
|
69
|
-
};
|
|
70
|
-
};
|
|
71
|
-
|
|
72
64
|
var Checkbox = function Checkbox(_ref) {
|
|
73
65
|
var data = _ref.data,
|
|
74
66
|
prop = _ref.prop,
|
|
@@ -136,9 +128,11 @@ var Checkbox = function Checkbox(_ref) {
|
|
|
136
128
|
role: "button",
|
|
137
129
|
className: "see-more",
|
|
138
130
|
onClick: handleCheckboxOptions
|
|
139
|
-
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
140
|
-
className: "
|
|
141
|
-
}), " See ".concat(
|
|
131
|
+
}, shouldDisplayMore ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaChevronDown, {
|
|
132
|
+
className: "inline-icon"
|
|
133
|
+
})), " See ".concat(_constants.MORE)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaChevronUp, {
|
|
134
|
+
className: "inline-icon"
|
|
135
|
+
})), " See ".concat(_constants.LESS))));
|
|
142
136
|
};
|
|
143
137
|
|
|
144
138
|
Checkbox.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"names":["Checkbox","data","prop","updateFilterValues","filterValues","label","shouldSearch","checkboxLimit","setCheckboxLimit","handleCheckboxOptions","LIMIT_MIN","LIMIT_MAX","checkboxQueryParams","map","val","multiple","sortedValues","buckets","key","filter","Boolean","sort","forEach","value","i","push","name","checked","includes","id","shouldDisplayMore","eData","newCheckboxValues","length","MORE","LESS","propTypes","PropTypes","object","isRequired","string","func","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport upperFirst from 'lodash.upperfirst';\nimport { Checkboxes } from '@blaze-react/checkboxes';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { withTitle } from '../../../HOC';\nimport { decodeValue } from '../helpers';\nimport { LIMIT_MIN, LIMIT_MAX, MORE, LESS } from '../constants';\n\nconst Checkbox = ({ data, prop, updateFilterValues, filterValues, label, shouldSearch }) => {\n const [checkboxLimit, setCheckboxLimit] = useState(null);\n\n const handleCheckboxOptions = () => {\n if (checkboxLimit[prop] === LIMIT_MIN) {\n setCheckboxLimit({ [prop]: LIMIT_MAX });\n } else {\n setCheckboxLimit({ [prop]: LIMIT_MIN });\n }\n };\n\n if (!checkboxLimit) {\n setCheckboxLimit({ [prop]: LIMIT_MIN });\n }\n\n if (!checkboxLimit) return null;\n\n let checkboxQueryParams = [];\n\n if (filterValues && filterValues[prop]) {\n checkboxQueryParams =\n typeof filterValues[prop] === 'string'\n ? [decodeValue(filterValues[prop])]\n : filterValues[prop].map(val => decodeValue(val));\n }\n const multiple = [];\n\n const sortedValues = data[prop].buckets\n .map(({ key }) => key)\n .filter(Boolean)\n .sort();\n\n sortedValues.forEach(\n (value, i) =>\n i < checkboxLimit[prop] &&\n multiple.push({\n label: upperFirst(value),\n value,\n name: prop,\n checked: checkboxQueryParams.includes(value),\n id: value\n })\n );\n\n const shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === LIMIT_MIN;\n\n return (\n <>\n {label ? <p>{label}</p> : ''}\n <Checkboxes\n className=\"form-checkbox\"\n options={multiple}\n onChange={({ data: eData }) => {\n const newCheckboxValues = eData\n .filter(({ checked }) => checked)\n .map(({ value }) => value);\n updateFilterValues({ [prop]: newCheckboxValues }, shouldSearch);\n }}\n />\n {data[prop].buckets.length > LIMIT_MIN && (\n <div role=\"button\" className=\"see-more\" onClick={handleCheckboxOptions}>\n {shouldDisplayMore ? (\n <>\n <i>\n <FaChevronDown className=\"inline-icon\" />\n </i>\n {` See ${MORE}`}\n </>\n ) : (\n <>\n <i>\n <FaChevronUp className=\"inline-icon\" />\n </i>\n {` See ${LESS}`}\n </>\n )}\n </div>\n )}\n </>\n );\n};\n\nCheckbox.propTypes = {\n data: PropTypes.object.isRequired,\n prop: PropTypes.string.isRequired,\n filterValues: PropTypes.object.isRequired,\n updateFilterValues: PropTypes.func.isRequired,\n shouldSearch: PropTypes.bool,\n label: PropTypes.string\n};\n\nCheckbox.defaultProps = {\n shouldSearch: false,\n label: ''\n};\n\nexport default withTitle(Checkbox);\n"],"file":"Checkbox.js"}
|
|
@@ -5,7 +5,7 @@ require("core-js/modules/es.object.define-property.js");
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.UPDATED_RANGES = exports.
|
|
8
|
+
exports.UPDATED_RANGES = exports.TEXT_SEARCH = exports.TABLET_WIDTH = exports.SIZE = exports.SELECT = exports.SEARCH_TERM = exports.SEARCH = exports.RESET = exports.REFINE = exports.RAW_RESULTS = exports.RANGE = exports.MORE_FILTERS_CLASSES = exports.MORE = exports.MOBILE_REFINEMENT_TITLE = exports.MIN_VALUE = exports.MAX_VALUE = exports.LIMIT_MIN = exports.LIMIT_MAX = exports.LESS = exports.KEYWORD = exports.DEFAULT_VALUES = exports.DEFAULT_OPTION = exports.CHECKBOX_SELECT = exports.CHECKBOX = void 0;
|
|
9
9
|
var CHECKBOX = 'checkbox';
|
|
10
10
|
exports.CHECKBOX = CHECKBOX;
|
|
11
11
|
var SELECT = 'select';
|
|
@@ -36,10 +36,6 @@ var MORE = 'more';
|
|
|
36
36
|
exports.MORE = MORE;
|
|
37
37
|
var LESS = 'less';
|
|
38
38
|
exports.LESS = LESS;
|
|
39
|
-
var DOWN = 'down';
|
|
40
|
-
exports.DOWN = DOWN;
|
|
41
|
-
var UP = 'up';
|
|
42
|
-
exports.UP = UP;
|
|
43
39
|
var UPDATED_RANGES = 'updated_ranges';
|
|
44
40
|
exports.UPDATED_RANGES = UPDATED_RANGES;
|
|
45
41
|
var MIN_VALUE = 'min-value';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/SearchFilter/constants.js"],"names":["CHECKBOX","SELECT","TEXT_SEARCH","SEARCH_TERM","SIZE","KEYWORD","RAW_RESULTS","DEFAULT_OPTION","DEFAULT_VALUES","RANGE","CHECKBOX_SELECT","LIMIT_MIN","LIMIT_MAX","MORE","LESS","
|
|
1
|
+
{"version":3,"sources":["../../../src/components/SearchFilter/constants.js"],"names":["CHECKBOX","SELECT","TEXT_SEARCH","SEARCH_TERM","SIZE","KEYWORD","RAW_RESULTS","DEFAULT_OPTION","DEFAULT_VALUES","RANGE","CHECKBOX_SELECT","LIMIT_MIN","LIMIT_MAX","MORE","LESS","UPDATED_RANGES","MIN_VALUE","MAX_VALUE","TABLET_WIDTH","RESET","SEARCH","REFINE","MOBILE_REFINEMENT_TITLE","MORE_FILTERS_CLASSES_BASE","MORE_FILTERS_CLASSES","MOBILE_WRAPPER","MOBILE_CONTENT","MOBILE_TOGGLER","MOBILE_BUTTONS","DESKTOP_WRAPPER","DESKTOP_CONTENT","DESKTOP_TOGGLER","DESKTOP_BUTTONS"],"mappings":";;;;;;;;AAAA,IAAMA,QAAQ,GAAG,UAAjB;;AACA,IAAMC,MAAM,GAAG,QAAf;;AACA,IAAMC,WAAW,GAAG,aAApB;;AACA,IAAMC,WAAW,GAAG,aAApB;;AACA,IAAMC,IAAI,GAAG,EAAb;;AACA,IAAMC,OAAO,GAAG,SAAhB;;AACA,IAAMC,WAAW,GAAG,YAApB;;AACA,IAAMC,cAAc,GAAG,KAAvB;;AACA,IAAMC,cAAc,GAAG,CAAC,KAAD,EAAQ,kBAAR,CAAvB;;AACA,IAAMC,KAAK,GAAG,OAAd;;AACA,IAAMC,eAAe,GAAG,CAAC,UAAD,EAAa,QAAb,CAAxB;;AACA,IAAMC,SAAS,GAAG,CAAlB;;AACA,IAAMC,SAAS,GAAG,IAAlB;;AACA,IAAMC,IAAI,GAAG,MAAb;;AACA,IAAMC,IAAI,GAAG,MAAb;;AACA,IAAMC,cAAc,GAAG,gBAAvB;;AACA,IAAMC,SAAS,GAAG,WAAlB;;AACA,IAAMC,SAAS,GAAG,WAAlB;;AACA,IAAMC,YAAY,GAAG,GAArB;;AACA,IAAMC,KAAK,GAAG,mBAAd;;AACA,IAAMC,MAAM,GAAG,QAAf;;AACA,IAAMC,MAAM,kBAAZ;;AACA,IAAMC,uBAAuB,GAAG,mBAAhC;;AAEA,IAAMC,yBAAyB,GAAG,sBAAlC;AACA,IAAMC,oBAAoB,GAAG;AAC3BC,EAAAA,cAAc,YAAKF,yBAAL,oBADa;AAE3BG,EAAAA,cAAc,YAAKH,yBAAL,oBAFa;AAG3BI,EAAAA,cAAc,YAAKJ,yBAAL,oBAHa;AAI3BK,EAAAA,cAAc,YAAKL,yBAAL,oBAJa;AAK3BM,EAAAA,eAAe,YAAKN,yBAAL,qBALY;AAM3BO,EAAAA,eAAe,YAAKP,yBAAL,qBANY;AAO3BQ,EAAAA,eAAe,YAAKR,yBAAL,qBAPY;AAQ3BS,EAAAA,eAAe,YAAKT,yBAAL;AARY,CAA7B","sourcesContent":["const CHECKBOX = 'checkbox';\nconst SELECT = 'select';\nconst TEXT_SEARCH = 'text-search';\nconst SEARCH_TERM = 'search_term';\nconst SIZE = 50;\nconst KEYWORD = 'keyword';\nconst RAW_RESULTS = 'rawResults';\nconst DEFAULT_OPTION = 'Any';\nconst DEFAULT_VALUES = ['Any', 'Please Choose...'];\nconst RANGE = 'range';\nconst CHECKBOX_SELECT = ['checkbox', 'select'];\nconst LIMIT_MIN = 5;\nconst LIMIT_MAX = 1000;\nconst MORE = 'more';\nconst LESS = 'less';\nconst UPDATED_RANGES = 'updated_ranges';\nconst MIN_VALUE = 'min-value';\nconst MAX_VALUE = 'max-value';\nconst TABLET_WIDTH = 768;\nconst RESET = 'Reset all filters';\nconst SEARCH = 'Search';\nconst REFINE = `Refine Search`;\nconst MOBILE_REFINEMENT_TITLE = 'Search refinement';\n\nconst MORE_FILTERS_CLASSES_BASE = 'filter__more-filters';\nconst MORE_FILTERS_CLASSES = {\n MOBILE_WRAPPER: `${MORE_FILTERS_CLASSES_BASE}-mobile-wrapper`,\n MOBILE_CONTENT: `${MORE_FILTERS_CLASSES_BASE}-mobile-content`,\n MOBILE_TOGGLER: `${MORE_FILTERS_CLASSES_BASE}-mobile-toggler`,\n MOBILE_BUTTONS: `${MORE_FILTERS_CLASSES_BASE}-mobile-buttons`,\n DESKTOP_WRAPPER: `${MORE_FILTERS_CLASSES_BASE}-desktop-wrapper`,\n DESKTOP_CONTENT: `${MORE_FILTERS_CLASSES_BASE}-desktop-content`,\n DESKTOP_TOGGLER: `${MORE_FILTERS_CLASSES_BASE}-desktop-toggler`,\n DESKTOP_BUTTONS: `${MORE_FILTERS_CLASSES_BASE}-desktop-buttons`\n};\n\nexport {\n CHECKBOX,\n SELECT,\n TEXT_SEARCH,\n SEARCH_TERM,\n SIZE,\n KEYWORD,\n RAW_RESULTS,\n DEFAULT_OPTION,\n DEFAULT_VALUES,\n RANGE,\n CHECKBOX_SELECT,\n LIMIT_MIN,\n LIMIT_MAX,\n MORE,\n LESS,\n UPDATED_RANGES,\n MIN_VALUE,\n MAX_VALUE,\n TABLET_WIDTH,\n RESET,\n SEARCH,\n REFINE,\n MOBILE_REFINEMENT_TITLE,\n MORE_FILTERS_CLASSES\n};\n"],"file":"constants.js"}
|
|
@@ -24,7 +24,7 @@ var SFItem = function SFItem(_ref) {
|
|
|
24
24
|
var _SOCIAL_NETWORKS$id = _sf.SOCIAL_NETWORKS[id],
|
|
25
25
|
name = _SOCIAL_NETWORKS$id.name,
|
|
26
26
|
className = _SOCIAL_NETWORKS$id.className,
|
|
27
|
-
|
|
27
|
+
Icon = _SOCIAL_NETWORKS$id.Icon,
|
|
28
28
|
spanClassName = _SOCIAL_NETWORKS$id.spanClassName;
|
|
29
29
|
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
30
30
|
className: _sf.BASE_CLASS_NAME_FOLLOW
|
|
@@ -34,9 +34,7 @@ var SFItem = function SFItem(_ref) {
|
|
|
34
34
|
className: className,
|
|
35
35
|
rel: "noopener nofollow",
|
|
36
36
|
target: "_blank"
|
|
37
|
-
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
38
|
-
className: "fab ".concat(icon)
|
|
39
|
-
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
37
|
+
}, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(Icon, null)), /*#__PURE__*/_react["default"].createElement("span", {
|
|
40
38
|
className: "social__network ".concat(spanClassName)
|
|
41
39
|
}, name)));
|
|
42
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/SocialFollow/SFItem.js"],"names":["SFItem","url","id","SOCIAL_NETWORKS","name","className","
|
|
1
|
+
{"version":3,"sources":["../../../src/components/SocialFollow/SFItem.js"],"names":["SFItem","url","id","SOCIAL_NETWORKS","name","className","Icon","spanClassName","BASE_CLASS_NAME_FOLLOW","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AACA;;AAHA;AAKA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAAiB;AAAA,MAAdC,GAAc,QAAdA,GAAc;AAAA,MAATC,EAAS,QAATA,EAAS;AAC9B,4BAAiDC,oBAAgBD,EAAhB,CAAjD;AAAA,MAAQE,IAAR,uBAAQA,IAAR;AAAA,MAAcC,SAAd,uBAAcA,SAAd;AAAA,MAAyBC,IAAzB,uBAAyBA,IAAzB;AAAA,MAA+BC,aAA/B,uBAA+BA,aAA/B;AAEA,sBACE;AAAI,IAAA,SAAS,EAAEC;AAAf,kBACE;AAAG,IAAA,KAAK,EAAEJ,IAAV;AAAgB,IAAA,IAAI,EAAEH,GAAtB;AAA2B,IAAA,SAAS,EAAEI,SAAtC;AAAiD,IAAA,GAAG,EAAC,mBAArD;AAAyE,IAAA,MAAM,EAAC;AAAhF,kBACE,wDACE,gCAAC,IAAD,OADF,CADF,eAIE;AAAM,IAAA,SAAS,4BAAqBE,aAArB;AAAf,KAAsDH,IAAtD,CAJF,CADF,CADF;AAUD,CAbD;;AAeAJ,MAAM,CAACS,SAAP,GAAmB;AACjBR,EAAAA,GAAG,EAAES,sBAAUC,MAAV,CAAiBC,UADL;AAEjBV,EAAAA,EAAE,EAAEQ,sBAAUC,MAAV,CAAiBC;AAFJ,CAAnB;eAKeZ,M","sourcesContent":["/* eslint-disable react/jsx-no-target-blank */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { SOCIAL_NETWORKS, BASE_CLASS_NAME_FOLLOW } from './sf.config';\n\nconst SFItem = ({ url, id }) => {\n const { name, className, Icon, spanClassName } = SOCIAL_NETWORKS[id];\n\n return (\n <li className={BASE_CLASS_NAME_FOLLOW}>\n <a title={name} href={url} className={className} rel=\"noopener nofollow\" target=\"_blank\">\n <i>\n <Icon />\n </i>\n <span className={`social__network ${spanClassName}`}>{name}</span>\n </a>\n </li>\n );\n};\n\nSFItem.propTypes = {\n url: PropTypes.string.isRequired,\n id: PropTypes.string.isRequired\n};\n\nexport default SFItem;\n"],"file":"SFItem.js"}
|
|
@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.SOCIAL_NETWORKS = exports.PORTRAIT = exports.LANDSCAPE = exports.BASE_CLASS_NAME_FOLLOW = void 0;
|
|
9
|
+
|
|
10
|
+
var _fa = require("react-icons/fa");
|
|
11
|
+
|
|
9
12
|
var BASE_CLASS_NAME_FOLLOW = 'social__list-item social__list-item--follow';
|
|
10
13
|
exports.BASE_CLASS_NAME_FOLLOW = BASE_CLASS_NAME_FOLLOW;
|
|
11
14
|
var PORTRAIT = 'portrait';
|
|
@@ -16,37 +19,37 @@ var SOCIAL_NETWORKS = {
|
|
|
16
19
|
facebook: {
|
|
17
20
|
name: 'Facebook',
|
|
18
21
|
className: 'facebook',
|
|
19
|
-
|
|
22
|
+
Icon: _fa.FaFacebookF,
|
|
20
23
|
spanClassName: 'hidden'
|
|
21
24
|
},
|
|
22
25
|
twitter: {
|
|
23
26
|
name: 'Twitter',
|
|
24
27
|
className: 'twitter',
|
|
25
|
-
|
|
28
|
+
Icon: _fa.FaTwitter,
|
|
26
29
|
spanClassName: 'hidden'
|
|
27
30
|
},
|
|
28
31
|
pinterest: {
|
|
29
32
|
name: 'Pinterest',
|
|
30
33
|
className: 'pinterest',
|
|
31
|
-
|
|
34
|
+
Icon: _fa.FaPinterestP,
|
|
32
35
|
spanClassName: 'hidden'
|
|
33
36
|
},
|
|
34
37
|
instagram: {
|
|
35
38
|
name: 'Instagram',
|
|
36
39
|
className: 'instagram',
|
|
37
|
-
|
|
40
|
+
Icon: _fa.FaInstagram,
|
|
38
41
|
spanClassName: 'hidden'
|
|
39
42
|
},
|
|
40
43
|
linkedin: {
|
|
41
44
|
name: 'Linkedin',
|
|
42
45
|
className: 'linkedin',
|
|
43
|
-
|
|
46
|
+
Icon: _fa.FaLinkedinIn,
|
|
44
47
|
spanClassName: 'hidden'
|
|
45
48
|
},
|
|
46
49
|
youtube: {
|
|
47
50
|
name: 'YouTube',
|
|
48
51
|
className: 'youtube',
|
|
49
|
-
|
|
52
|
+
Icon: _fa.FaYoutube,
|
|
50
53
|
spanClassName: 'hidden'
|
|
51
54
|
}
|
|
52
55
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/SocialFollow/sf.config.js"],"names":["BASE_CLASS_NAME_FOLLOW","PORTRAIT","LANDSCAPE","SOCIAL_NETWORKS","facebook","name","className","
|
|
1
|
+
{"version":3,"sources":["../../../src/components/SocialFollow/sf.config.js"],"names":["BASE_CLASS_NAME_FOLLOW","PORTRAIT","LANDSCAPE","SOCIAL_NETWORKS","facebook","name","className","Icon","FaFacebookF","spanClassName","twitter","FaTwitter","pinterest","FaPinterestP","instagram","FaInstagram","linkedin","FaLinkedinIn","youtube","FaYoutube"],"mappings":";;;;;;;;;AAAA;;AASO,IAAMA,sBAAsB,GAAG,6CAA/B;;AACA,IAAMC,QAAQ,GAAG,UAAjB;;AACA,IAAMC,SAAS,GAAG,WAAlB;;AAEA,IAAMC,eAAe,GAAG;AAC7BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE,UADE;AAERC,IAAAA,SAAS,EAAE,UAFH;AAGRC,IAAAA,IAAI,EAAEC,eAHE;AAIRC,IAAAA,aAAa,EAAE;AAJP,GADmB;AAO7BC,EAAAA,OAAO,EAAE;AACPL,IAAAA,IAAI,EAAE,SADC;AAEPC,IAAAA,SAAS,EAAE,SAFJ;AAGPC,IAAAA,IAAI,EAAEI,aAHC;AAIPF,IAAAA,aAAa,EAAE;AAJR,GAPoB;AAa7BG,EAAAA,SAAS,EAAE;AACTP,IAAAA,IAAI,EAAE,WADG;AAETC,IAAAA,SAAS,EAAE,WAFF;AAGTC,IAAAA,IAAI,EAAEM,gBAHG;AAITJ,IAAAA,aAAa,EAAE;AAJN,GAbkB;AAmB7BK,EAAAA,SAAS,EAAE;AACTT,IAAAA,IAAI,EAAE,WADG;AAETC,IAAAA,SAAS,EAAE,WAFF;AAGTC,IAAAA,IAAI,EAAEQ,eAHG;AAITN,IAAAA,aAAa,EAAE;AAJN,GAnBkB;AAyB7BO,EAAAA,QAAQ,EAAE;AACRX,IAAAA,IAAI,EAAE,UADE;AAERC,IAAAA,SAAS,EAAE,UAFH;AAGRC,IAAAA,IAAI,EAAEU,gBAHE;AAIRR,IAAAA,aAAa,EAAE;AAJP,GAzBmB;AA+B7BS,EAAAA,OAAO,EAAE;AACPb,IAAAA,IAAI,EAAE,SADC;AAEPC,IAAAA,SAAS,EAAE,SAFJ;AAGPC,IAAAA,IAAI,EAAEY,aAHC;AAIPV,IAAAA,aAAa,EAAE;AAJR;AA/BoB,CAAxB","sourcesContent":["import {\n FaFacebookF,\n FaTwitter,\n FaPinterestP,\n FaInstagram,\n FaLinkedinIn,\n FaYoutube\n} from 'react-icons/fa';\n\nexport const BASE_CLASS_NAME_FOLLOW = 'social__list-item social__list-item--follow';\nexport const PORTRAIT = 'portrait';\nexport const LANDSCAPE = 'landscape';\n\nexport const SOCIAL_NETWORKS = {\n facebook: {\n name: 'Facebook',\n className: 'facebook',\n Icon: FaFacebookF,\n spanClassName: 'hidden'\n },\n twitter: {\n name: 'Twitter',\n className: 'twitter',\n Icon: FaTwitter,\n spanClassName: 'hidden'\n },\n pinterest: {\n name: 'Pinterest',\n className: 'pinterest',\n Icon: FaPinterestP,\n spanClassName: 'hidden'\n },\n instagram: {\n name: 'Instagram',\n className: 'instagram',\n Icon: FaInstagram,\n spanClassName: 'hidden'\n },\n linkedin: {\n name: 'Linkedin',\n className: 'linkedin',\n Icon: FaLinkedinIn,\n spanClassName: 'hidden'\n },\n youtube: {\n name: 'YouTube',\n className: 'youtube',\n Icon: FaYoutube,\n spanClassName: 'hidden'\n }\n};\n"],"file":"sf.config.js"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { useRef, useState, useEffect } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
+
import { FaAngleLeft, FaAngleRight } from 'react-icons/fa';
|
|
3
4
|
|
|
4
5
|
const CarouselWrapper = ({
|
|
5
6
|
children,
|
|
@@ -64,17 +65,13 @@ const CarouselWrapper = ({
|
|
|
64
65
|
type: "button",
|
|
65
66
|
className: "card-carousel__button-back icon-button",
|
|
66
67
|
onClick: () => handleButtonNavigation()
|
|
67
|
-
}, /*#__PURE__*/React.createElement("i", {
|
|
68
|
-
className: "fas fa-angle-left"
|
|
69
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
68
|
+
}, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaAngleLeft, null)))), /*#__PURE__*/React.createElement("div", {
|
|
70
69
|
className: "card-carousel__button-wrapper absolute right-0 h-full flex justify-center items-center z-10"
|
|
71
70
|
}, displayRight && /*#__PURE__*/React.createElement("button", {
|
|
72
71
|
type: "button",
|
|
73
72
|
className: "card-carousel__button-forward icon-button icon",
|
|
74
73
|
onClick: () => handleButtonNavigation(true)
|
|
75
|
-
}, /*#__PURE__*/React.createElement("i", {
|
|
76
|
-
className: "fas fa-angle-right"
|
|
77
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
74
|
+
}, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaAngleRight, null)))), /*#__PURE__*/React.createElement("div", {
|
|
78
75
|
className: contentClassName,
|
|
79
76
|
ref: ref,
|
|
80
77
|
onScroll: handleScroll
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["React","useRef","useState","useEffect","PropTypes","CarouselWrapper","children","bannerModifier","itemsPerRow","ref","buttonDisplay","setButtonDisplays","displayLeft","displayRight","current","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","handleButtonNavigation","direction","wrapperClassName","contentClassName","propTypes","string","number","oneOfType","arrayOf","node","defaultProps"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,QAAxB,EAAkCC,SAAlC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,eAAe,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,cAAZ;AAA4BC,EAAAA;AAA5B,CAAD,KAA+C;AACrE,QAAMC,GAAG,
|
|
1
|
+
{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["React","useRef","useState","useEffect","PropTypes","FaAngleLeft","FaAngleRight","CarouselWrapper","children","bannerModifier","itemsPerRow","ref","buttonDisplay","setButtonDisplays","displayLeft","displayRight","current","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","handleButtonNavigation","direction","wrapperClassName","contentClassName","propTypes","string","number","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaAngleLeft, FaAngleRight } from 'react-icons/fa';\n\nconst CarouselWrapper = ({ children, bannerModifier, itemsPerRow }) => {\n const ref = useRef();\n const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n\n useEffect(() => {\n const {\n current: { offsetWidth, scrollWidth }\n } = ref;\n\n if (scrollWidth <= offsetWidth) setButtonDisplays({ displayLeft: false, displayRight: false });\n }, []);\n\n const handleScroll = () => {\n const {\n current: { offsetWidth, scrollLeft, scrollWidth }\n } = ref;\n const updatedDisplayLeft = !!scrollLeft;\n const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n };\n\n const handleButtonNavigation = direction => {\n const {\n current: { offsetWidth, scrollLeft }\n } = ref;\n ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n };\n\n const { displayLeft, displayRight } = buttonDisplay;\n const wrapperClassName = `card-carousel relative gap-2${bannerModifier}`;\n const contentClassName = `card-carousel__content card-carousel__content--items-per-row-${itemsPerRow} flex flex-nowrap p-4 gap-4 overflow-x-scroll`;\n\n return (\n <div className={wrapperClassName}>\n <div className=\"card-carousel__button-wrapper absolute left-0 h-full flex justify-center items-center z-10\">\n {displayLeft && (\n <button\n type=\"button\"\n className=\"card-carousel__button-back icon-button\"\n onClick={() => handleButtonNavigation()}>\n <i>\n <FaAngleLeft />\n </i>\n </button>\n )}\n </div>\n <div className=\"card-carousel__button-wrapper absolute right-0 h-full flex justify-center items-center z-10\">\n {displayRight && (\n <button\n type=\"button\"\n className=\"card-carousel__button-forward icon-button icon\"\n onClick={() => handleButtonNavigation(true)}>\n <i>\n <FaAngleRight />\n </i>\n </button>\n )}\n </div>\n <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n {children}\n </div>\n </div>\n );\n};\n\nCarouselWrapper.propTypes = {\n bannerModifier: PropTypes.string,\n itemsPerRow: PropTypes.number,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nCarouselWrapper.defaultProps = {\n itemsPerRow: 0,\n bannerModifier: '',\n children: []\n};\n\nexport default CarouselWrapper;\n"],"file":"CarouselWrapper.js"}
|
|
@@ -3,6 +3,7 @@ const _excluded = ["imageId", "url", "name", "enableLightbox", "isCaptionDisplay
|
|
|
3
3
|
import React, { useState, Fragment } from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
|
|
6
|
+
import { FaTimes } from 'react-icons/fa';
|
|
6
7
|
import BlazeLink from '../../BlazeLink';
|
|
7
8
|
import ImageDetails from '../ImageDetails';
|
|
8
9
|
import NavButton from './NavButton';
|
|
@@ -99,9 +100,7 @@ const GlobalLightbox = ({
|
|
|
99
100
|
role: "button",
|
|
100
101
|
className: "modal__close",
|
|
101
102
|
onClick: handleClose
|
|
102
|
-
}, /*#__PURE__*/React.createElement("i", {
|
|
103
|
-
className: "fas fa-times"
|
|
104
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
103
|
+
}, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaTimes, null)))), /*#__PURE__*/React.createElement("div", {
|
|
105
104
|
className: "modal__content modal__content--gallery"
|
|
106
105
|
}, /*#__PURE__*/React.createElement("div", {
|
|
107
106
|
className: "gallery"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"names":["React","useState","Fragment","PropTypes","ResponsiveImage","BlazeLink","ImageDetails","NavButton","getImageData","useGetImages","shouldShowProperty","GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","data","loading","error","message","imageUrl","imageData","getFile","urlProps","href","title","imgWrapperProps","caption","altText","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","Object","keys","propTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\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 className=\"fas fa-times\" />\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"],"file":"GlobalLightbox.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"names":["React","useState","Fragment","PropTypes","ResponsiveImage","FaTimes","BlazeLink","ImageDetails","NavButton","getImageData","useGetImages","shouldShowProperty","GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","data","loading","error","message","imageUrl","imageData","getFile","urlProps","href","title","imgWrapperProps","caption","altText","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","Object","keys","propTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"mappings":"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","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"],"file":"GlobalLightbox.js"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
+
import { FaRedoAlt } from 'react-icons/fa';
|
|
3
4
|
import { RESET } from '../constants';
|
|
4
5
|
|
|
5
6
|
const ResetDesktopForm = ({
|
|
@@ -12,9 +13,7 @@ const ResetDesktopForm = ({
|
|
|
12
13
|
title: "reset--button",
|
|
13
14
|
"data-testid": "reset-icon",
|
|
14
15
|
onClick: handleReset
|
|
15
|
-
}, /*#__PURE__*/React.createElement("i", {
|
|
16
|
-
className: "fas fa-redo-alt"
|
|
17
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
16
|
+
}, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaRedoAlt, null))), /*#__PURE__*/React.createElement("div", {
|
|
18
17
|
role: "button",
|
|
19
18
|
onClick: handleReset,
|
|
20
19
|
"data-testid": "reset-button"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/ResetDesktopForm.js"],"names":["React","PropTypes","RESET","ResetDesktopForm","handleReset","propTypes","func","isRequired"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,KAAT,QAAsB,cAAtB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,kBACvB;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE;AACE,EAAA,IAAI,EAAC,QADP;AAEE,EAAA,SAAS,EAAC,gCAFZ;AAGE,EAAA,KAAK,EAAC,eAHR;AAIE,iBAAY,YAJd;AAKE,EAAA,OAAO,EAAEA;AALX,gBAME
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/ResetDesktopForm.js"],"names":["React","PropTypes","FaRedoAlt","RESET","ResetDesktopForm","handleReset","propTypes","func","isRequired"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,SAAT,QAA0B,gBAA1B;AACA,SAASC,KAAT,QAAsB,cAAtB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,kBACvB;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE;AACE,EAAA,IAAI,EAAC,QADP;AAEE,EAAA,SAAS,EAAC,gCAFZ;AAGE,EAAA,KAAK,EAAC,eAHR;AAIE,iBAAY,YAJd;AAKE,EAAA,OAAO,EAAEA;AALX,gBAME,4CACE,oBAAC,SAAD,OADF,CANF,CADF,eAYE;AAAK,EAAA,IAAI,EAAC,QAAV;AAAmB,EAAA,OAAO,EAAEA,WAA5B;AAAyC,iBAAY;AAArD,GACGF,KADH,CAZF,CADF;;AAmBAC,gBAAgB,CAACE,SAAjB,GAA6B;AAC3BD,EAAAA,WAAW,EAAEJ,SAAS,CAACM,IAAV,CAAeC;AADD,CAA7B;AAIA,eAAeJ,gBAAf","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"],"file":"ResetDesktopForm.js"}
|