npm - @blaze-cms/react-page-builder - Versions diffs - 0.115.0-alpha.1 → 0.116.0 - Mend

@blaze-cms/react-page-builder 0.115.0-alpha.1 → 0.116.0

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.

Files changed (59) hide show

package/lib-es/components/CarouselWrapper.js.map CHANGED Viewed

	@@ -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,~~GAAGR~~,MAAM,EAAlB;AACA,QAAM,~~CAACS~~,aAAD,EAAgBC,iBAAhB,~~IAAqCT~~,QAAQ,CAAC;~~AAAEU~~,IAAAA,WAAW,EAAE,KAAf;AAAsBC,IAAAA,YAAY,EAAE;AAApC,GAAD,CAAnD;~~AAEAV~~,EAAAA,SAAS,CAAC,MAAM;AACd,UAAM;~~AACJW~~,MAAAA,OAAO,EAAE;AAAEC,QAAAA,WAAF;AAAeC,QAAAA;AAAf;AADL,QAEFP,GAFJ;AAIA,QAAIO,WAAW,IAAID,WAAnB,EAAgCJ,iBAAiB,CAAC;AAAEC,MAAAA,WAAW,EAAE,KAAf;AAAsBC,MAAAA,YAAY,EAAE;AAApC,KAAD,CAAjB;AACjC,GANQ,EAMN,EANM,CAAT;;AAQA,QAAMI,YAAY,GAAG,MAAM;AACzB,UAAM;AACJH,MAAAA,OAAO,EAAE;AAAEC,QAAAA,WAAF;AAAeG,QAAAA,UAAf;AAA2BF,QAAAA;AAA3B;AADL,QAEFP,GAFJ;AAGA,UAAMU,kBAAkB,GAAG,CAAC,CAACD,UAA7B;AACA,UAAME,mBAAmB,GAAGF,UAAU,GAAGH,WAAb,GAA2B,CAA3B,GAA+BC,WAA3D;AACAL,IAAAA,iBAAiB,CAAC;AAAEC,MAAAA,WAAW,EAAEO,kBAAf;AAAmCN,MAAAA,YAAY,EAAEO;AAAjD,KAAD,CAAjB;AACD,GAPD;;AASA,QAAMC,sBAAsB,GAAGC,SAAS,IAAI;AAC1C,UAAM;AACJR,MAAAA,OAAO,EAAE;AAAEC,QAAAA,WAAF;AAAeG,QAAAA;AAAf;AADL,QAEFT,GAFJ;AAGAA,IAAAA,GAAG,CAACK,OAAJ,CAAYI,UAAZ,GAAyBI,SAAS,GAAGJ,UAAU,GAAGH,WAAhB,GAA8BG,UAAU,GAAGH,WAA7E;AACD,GALD;;AAOA,QAAM;AAAEH,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MAAgCH,aAAtC;AACA,QAAMa,gBAAgB,GAAI,+BAA8BhB,cAAe,EAAvE;AACA,QAAMiB,gBAAgB,GAAI,gEAA+DhB,WAAY,+CAArG;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEe;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGX,WAAW,iBACV;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,SAAS,EAAC,wCAFZ;AAGE,IAAA,OAAO,EAAE,MAAMS,sBAAsB;AAHvC,kBAIE~~;AAAG~~,~~IAAA~~,~~SAAS~~,~~EAAC;AAAb~~,~~IAJF~~,CAFJ,CADF,~~eAWE~~;AAAK,IAAA,SAAS,EAAC;AAAf,KACGR,YAAY,iBACX;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,SAAS,EAAC,gDAFZ;AAGE,IAAA,OAAO,EAAE,MAAMQ,sBAAsB,CAAC,IAAD;AAHvC,kBAIE~~;AAAG~~,~~IAAA~~,~~SAAS~~,~~EAAC;AAAb~~,~~IAJF~~,CAFJ,~~CAXF~~,~~eAqBE~~;AAAK,IAAA,SAAS,EAAEG,gBAAhB;AAAkC,IAAA,GAAG,EAAEf,GAAvC;AAA4C,IAAA,QAAQ,EAAEQ;AAAtD,KACGX,QADH,~~CArBF~~,CADF;~~AA2BD~~,~~CA3DD~~;;~~AA6DAD~~,eAAe,CAACoB,SAAhB,GAA4B;AAC1BlB,EAAAA,cAAc,~~EAAEH~~,SAAS,~~CAACsB~~,MADA;AAE1BlB,EAAAA,WAAW,~~EAAEJ~~,SAAS,~~CAACuB~~,MAFG;AAG1BrB,EAAAA,QAAQ,~~EAAEF~~,SAAS,~~CAACwB~~,SAAV,CAAoB,~~CAACxB~~,SAAS,~~CAACyB~~,OAAV,~~CAAkBzB~~,SAAS,~~CAAC0B~~,IAA5B,CAAD,~~EAAoC1B~~,SAAS,~~CAAC0B~~,IAA9C,CAApB;AAHgB,CAA5B;AAMAzB,eAAe,CAAC0B,YAAhB,GAA+B;AAC7BvB,EAAAA,WAAW,EAAE,CADgB;AAE7BD,EAAAA,cAAc,EAAE,EAFa;AAG7BD,EAAAA,QAAQ,EAAE;AAHmB,CAA/B;AAMA,eAAeD,eAAf","sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\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 ~~className=\"fas fa-angle-left\"~~ />\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 ~~className=\"fas fa-angle-right\"~~ />\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"}
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"}

package/lib-es/components/Image/GlobalLightbox/GlobalLightbox.js CHANGED Viewed

@@ -3,6 +3,7 @@ const _excluded = ["imageId", "url", "name", "enableLightbox", "isCaptionDisplay
 import React, { useState, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
+import { FaTimes } from 'react-icons/fa';
 import BlazeLink from '../../BlazeLink';
 import ImageDetails from '../ImageDetails';
 import NavButton from './NavButton';
@@ -99,9 +100,7 @@ const GlobalLightbox = ({
     role: "button",
     className: "modal__close",
     onClick: handleClose
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "fas fa-times"
-  }))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaTimes, null)))), /*#__PURE__*/React.createElement("div", {
     className: "modal__content modal__content--gallery"
   }, /*#__PURE__*/React.createElement("div", {
     className: "gallery"

package/lib-es/components/Image/GlobalLightbox/GlobalLightbox.js.map CHANGED Viewed

	@@ -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"}

package/lib-es/components/Menu/Menu.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import BlazeButton from '@blaze-react/button';
+import { MdMenu } from 'react-icons/md';
 import { useCheckMobileScreen } from '../../hooks';
 import { HIDDEN } from '../../constants';
@@ -18,9 +19,7 @@ const Menu = ({
   return /*#__PURE__*/React.createElement(React.Fragment, null, collapse && /*#__PURE__*/React.createElement(BlazeButton, {
     className: mobileButtonClass,
     onClick: () => setShowMobileMenu(!showMobileMenu)
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "material-icons"
-  }, "menu")), /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(MdMenu, null))), /*#__PURE__*/React.createElement("ul", {
     className: childrenDisplayClass
   }, children));
 };

package/lib-es/components/Menu/Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["React","useState","PropTypes","BlazeButton","useCheckMobileScreen","HIDDEN","Menu","children","collapse","modifier","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","shouldDisplayChildren","childrenDisplayClass","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,WAAP,MAAwB,qBAAxB;AACA,SAASC,oBAAT,QAAqC,aAArC;AACA,SAASC,MAAT,QAAuB,iBAAvB;;AAEA,MAAMC,IAAI,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,QAAZ;AAAsBC,EAAAA;AAAtB,CAAD,KAAsC;AACjD,QAAMC,QAAQ,GAAGN,oBAAoB,EAArC;AACA,QAAM,CAACO,cAAD,EAAiBC,iBAAjB,~~IAAsCX~~,QAAQ,CAAC,KAAD,CAApD;AAEA,~~QAAMY~~,sBAAsB,GAAGL,QAAQ,IAAIE,QAA3C;AACA,QAAMI,iBAAiB,GAAGD,sBAAsB,IAAIH,QAA1B,GAAqC,EAArC,GAA0CL,MAApE;AACA,QAAMU,qBAAqB,GAAGF,sBAAsB,GAAGF,cAAH,GAAoB,IAAxE;AACA,QAAMK,oBAAoB,GAAGD,qBAAqB,GAAGN,QAAH,GAAe,GAAEA,QAAS,IAAGJ,MAAO,EAAtF;AAEA,sBACE,0CACGG,QAAQ,iBACP,oBAAC,WAAD;AACE,IAAA,SAAS,EAAEM,iBADb;AAEE,IAAA,OAAO,EAAE,MAAMF,iBAAiB,CAAC,CAACD,cAAF;AAFlC,kBAGE~~;AAAG~~,~~IAAA~~,~~SAAS~~,~~EAAC;AAAb~~,~~YAHF~~,CAFJ,~~eAQE~~;AAAI,IAAA,SAAS,EAAEK;AAAf,KAAsCT,QAAtC,~~CARF~~,CADF;~~AAYD~~,~~CArBD~~;;~~AAuBAD~~,IAAI,CAACW,SAAL,GAAiB;AACfT,EAAAA,QAAQ,~~EAAEN~~,SAAS,~~CAACgB~~,IAAV,CAAeC,UADV;AAEfV,EAAAA,QAAQ,~~EAAEP~~,SAAS,~~CAACkB~~,MAFL;AAGfb,EAAAA,QAAQ,~~EAAEL~~,SAAS,~~CAACmB~~,SAAV,CAAoB,~~CAACnB~~,SAAS,~~CAACoB~~,OAAV,~~CAAkBpB~~,SAAS,~~CAACqB~~,IAA5B,CAAD,~~EAAoCrB~~,SAAS,~~CAACqB~~,IAA9C,CAApB;AAHK,CAAjB;AAMAjB,IAAI,CAACkB,YAAL,GAAoB;AAClBf,EAAAA,QAAQ,EAAE,EADQ;AAElBF,EAAAA,QAAQ,EAAE;AAFQ,CAApB;AAKA,eAAeD,IAAf","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport { useCheckMobileScreen } from '../../hooks';\nimport { HIDDEN } from '../../constants';\n\nconst Menu = ({ children, collapse, modifier }) => {\n const isMobile = useCheckMobileScreen();\n const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n const shouldDisplayCollapsed = collapse && isMobile;\n const mobileButtonClass = shouldDisplayCollapsed && isMobile ? '' : HIDDEN;\n const shouldDisplayChildren = shouldDisplayCollapsed ? showMobileMenu : true;\n const childrenDisplayClass = shouldDisplayChildren ? modifier : `${modifier} ${HIDDEN}`;\n\n return (\n <>\n {collapse && (\n <BlazeButton\n className={mobileButtonClass}\n onClick={() => setShowMobileMenu(!showMobileMenu)}>\n <i ~~className=\"material-icons\">menu~~</i>\n </BlazeButton>\n )}\n <ul className={childrenDisplayClass}>{children}</ul>\n </>\n );\n};\n\nMenu.propTypes = {\n collapse: PropTypes.bool.isRequired,\n modifier: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n modifier: '',\n children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}
1	+ {"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["React","useState","PropTypes","BlazeButton","MdMenu","useCheckMobileScreen","HIDDEN","Menu","children","collapse","modifier","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","shouldDisplayChildren","childrenDisplayClass","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,WAAP,MAAwB,qBAAxB;AACA,SAASC,MAAT,QAAuB,gBAAvB;AACA,SAASC,oBAAT,QAAqC,aAArC;AACA,SAASC,MAAT,QAAuB,iBAAvB;;AAEA,MAAMC,IAAI,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,QAAZ;AAAsBC,EAAAA;AAAtB,CAAD,KAAsC;AACjD,QAAMC,QAAQ,GAAGN,oBAAoB,EAArC;AACA,QAAM,CAACO,cAAD,EAAiBC,iBAAjB,IAAsCZ,QAAQ,CAAC,KAAD,CAApD;AAEA,QAAMa,sBAAsB,GAAGL,QAAQ,IAAIE,QAA3C;AACA,QAAMI,iBAAiB,GAAGD,sBAAsB,IAAIH,QAA1B,GAAqC,EAArC,GAA0CL,MAApE;AACA,QAAMU,qBAAqB,GAAGF,sBAAsB,GAAGF,cAAH,GAAoB,IAAxE;AACA,QAAMK,oBAAoB,GAAGD,qBAAqB,GAAGN,QAAH,GAAe,GAAEA,QAAS,IAAGJ,MAAO,EAAtF;AAEA,sBACE,0CACGG,QAAQ,iBACP,oBAAC,WAAD;AACE,IAAA,SAAS,EAAEM,iBADb;AAEE,IAAA,OAAO,EAAE,MAAMF,iBAAiB,CAAC,CAACD,cAAF;AAFlC,kBAGE,4CACE,oBAAC,MAAD,OADF,CAHF,CAFJ,eAUE;AAAI,IAAA,SAAS,EAAEK;AAAf,KAAsCT,QAAtC,CAVF,CADF;AAcD,CAvBD;;AAyBAD,IAAI,CAACW,SAAL,GAAiB;AACfT,EAAAA,QAAQ,EAAEP,SAAS,CAACiB,IAAV,CAAeC,UADV;AAEfV,EAAAA,QAAQ,EAAER,SAAS,CAACmB,MAFL;AAGfb,EAAAA,QAAQ,EAAEN,SAAS,CAACoB,SAAV,CAAoB,CAACpB,SAAS,CAACqB,OAAV,CAAkBrB,SAAS,CAACsB,IAA5B,CAAD,EAAoCtB,SAAS,CAACsB,IAA9C,CAApB;AAHK,CAAjB;AAMAjB,IAAI,CAACkB,YAAL,GAAoB;AAClBf,EAAAA,QAAQ,EAAE,EADQ;AAElBF,EAAAA,QAAQ,EAAE;AAFQ,CAApB;AAKA,eAAeD,IAAf","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport { MdMenu } from 'react-icons/md';\nimport { useCheckMobileScreen } from '../../hooks';\nimport { HIDDEN } from '../../constants';\n\nconst Menu = ({ children, collapse, modifier }) => {\n const isMobile = useCheckMobileScreen();\n const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n const shouldDisplayCollapsed = collapse && isMobile;\n const mobileButtonClass = shouldDisplayCollapsed && isMobile ? '' : HIDDEN;\n const shouldDisplayChildren = shouldDisplayCollapsed ? showMobileMenu : true;\n const childrenDisplayClass = shouldDisplayChildren ? modifier : `${modifier} ${HIDDEN}`;\n\n return (\n <>\n {collapse && (\n <BlazeButton\n className={mobileButtonClass}\n onClick={() => setShowMobileMenu(!showMobileMenu)}>\n <i>\n <MdMenu />\n </i>\n </BlazeButton>\n )}\n <ul className={childrenDisplayClass}>{children}</ul>\n </>\n );\n};\n\nMenu.propTypes = {\n collapse: PropTypes.bool.isRequired,\n modifier: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n modifier: '',\n children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}

package/lib-es/components/SearchFilter/SearchFilter/CloseMobileForm.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { MdClose } from 'react-icons/md';
 import { MOBILE_REFINEMENT_TITLE } from '../constants';
 const CloseMobileForm = ({
@@ -8,9 +9,8 @@ const CloseMobileForm = ({
   className: "filter__header filter__header--mobile"
 }, /*#__PURE__*/React.createElement("p", null, MOBILE_REFINEMENT_TITLE), /*#__PURE__*/React.createElement("i", {
   role: "button",
-  className: "material-icons",
   onClick: handleClose
-}, "close"));
+}, /*#__PURE__*/React.createElement(MdClose, null)));
 CloseMobileForm.propTypes = {
   handleClose: PropTypes.func.isRequired

package/lib-es/components/SearchFilter/SearchFilter/CloseMobileForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/CloseMobileForm.js"],"names":["React","PropTypes","MOBILE_REFINEMENT_TITLE","CloseMobileForm","handleClose","propTypes","func","isRequired"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,uBAAT,QAAwC,cAAxC;;AAEA,MAAMC,eAAe,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,kBACtB;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE,+BAAIF,uBAAJ,CADF,eAGE;AAAG,EAAA,IAAI,EAAC,QAAR;AAAiB,EAAA,~~SAAS~~,~~EAAC,gBAA3B~~;~~AAA4C~~,~~EAAA~~,~~OAAO~~,~~EAAEE;AAArD~~,~~WAHF~~,CADF;;AAUAD,eAAe,CAACE,SAAhB,GAA4B;AAC1BD,EAAAA,WAAW,~~EAAEH~~,SAAS,~~CAACK~~,IAAV,CAAeC;AADF,CAA5B;AAIA,eAAeJ,eAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\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\" ~~className=\"material-icons\"~~ onClick={handleClose}>\n ~~close\~~n </i>\n </div>\n);\n\nCloseMobileForm.propTypes = {\n handleClose: PropTypes.func.isRequired\n};\n\nexport default CloseMobileForm;\n"],"file":"CloseMobileForm.js"}
1	+ {"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/CloseMobileForm.js"],"names":["React","PropTypes","MdClose","MOBILE_REFINEMENT_TITLE","CloseMobileForm","handleClose","propTypes","func","isRequired"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,OAAT,QAAwB,gBAAxB;AACA,SAASC,uBAAT,QAAwC,cAAxC;;AAEA,MAAMC,eAAe,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,kBACtB;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE,+BAAIF,uBAAJ,CADF,eAGE;AAAG,EAAA,IAAI,EAAC,QAAR;AAAiB,EAAA,OAAO,EAAEE;AAA1B,gBACE,oBAAC,OAAD,OADF,CAHF,CADF;;AAUAD,eAAe,CAACE,SAAhB,GAA4B;AAC1BD,EAAAA,WAAW,EAAEJ,SAAS,CAACM,IAAV,CAAeC;AADF,CAA5B;AAIA,eAAeJ,eAAf","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"],"file":"CloseMobileForm.js"}

package/lib-es/components/SearchFilter/SearchFilter/ResetDesktopForm.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { FaRedoAlt } from 'react-icons/fa';
 import { RESET } from '../constants';
 const ResetDesktopForm = ({
@@ -12,9 +13,7 @@ const ResetDesktopForm = ({
   title: "reset--button",
   "data-testid": "reset-icon",
   onClick: handleReset
-}, /*#__PURE__*/React.createElement("i", {
-  className: "fas fa-redo-alt"
-})), /*#__PURE__*/React.createElement("div", {
+}, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaRedoAlt, null))), /*#__PURE__*/React.createElement("div", {
   role: "button",
   onClick: handleReset,
   "data-testid": "reset-button"

package/lib-es/components/SearchFilter/SearchFilter/ResetDesktopForm.js.map CHANGED Viewed

	@@ -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~~;AAAG~~,~~EAAA~~,~~SAAS~~,~~EAAC;AAAb~~,~~EANF~~,CADF,~~eAUE~~;AAAK,EAAA,IAAI,EAAC,QAAV;AAAmB,EAAA,OAAO,EAAEA,WAA5B;AAAyC,iBAAY;AAArD,GACGF,KADH,~~CAVF~~,CADF;;~~AAiBAC~~,gBAAgB,CAACE,SAAjB,GAA6B;AAC3BD,EAAAA,WAAW,~~EAAEH~~,SAAS,~~CAACK~~,IAAV,CAAeC;AADD,CAA7B;AAIA,eAAeJ,gBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\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 ~~className=\"fas fa-redo-alt\"~~ />\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"}
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"}

package/lib-es/components/SearchFilter/components/Checkbox.js CHANGED Viewed

@@ -2,17 +2,10 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import upperFirst from 'lodash.upperfirst';
 import { Checkboxes } from '@blaze-react/checkboxes';
+import { FaChevronDown, FaChevronUp } from 'react-icons/fa';
 import { withTitle } from '../../../HOC';
 import { decodeValue } from '../helpers';
-import { LIMIT_MIN, LIMIT_MAX, MORE, LESS, DOWN, UP } from '../constants';
-const getButtonInfo = isMore => isMore ? {
-  icon: DOWN,
-  text: MORE
-} : {
-  icon: UP,
-  text: LESS
-};
+import { LIMIT_MIN, LIMIT_MAX, MORE, LESS } from '../constants';
 const Checkbox = ({
   data,
@@ -80,9 +73,11 @@ const Checkbox = ({
     role: "button",
     className: "see-more",
     onClick: handleCheckboxOptions
-  }, /*#__PURE__*/React.createElement("i", {
-    className: `fas fa-chevron-${getButtonInfo(shouldDisplayMore).icon}`
-  }), ` See ${getButtonInfo(shouldDisplayMore).text}`));
+  }, shouldDisplayMore ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaChevronDown, {
+    className: "inline-icon"
+  })), ` See ${MORE}`) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaChevronUp, {
+    className: "inline-icon"
+  })), ` See ${LESS}`)));
 };
 Checkbox.propTypes = {

package/lib-es/components/SearchFilter/components/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"names":["React","useState","PropTypes","upperFirst","Checkboxes","withTitle","decodeValue","LIMIT_MIN","LIMIT_MAX","MORE","LESS","~~DOWN","UP","getButtonInfo","isMore","icon","text","~~Checkbox","data","prop","updateFilterValues","filterValues","label","shouldSearch","checkboxLimit","setCheckboxLimit","handleCheckboxOptions","checkboxQueryParams","map","val","multiple","sortedValues","buckets","key","filter","Boolean","sort","forEach","value","i","push","name","checked","includes","id","shouldDisplayMore","eData","newCheckboxValues","length","propTypes","object","isRequired","string","func","bool","defaultProps"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,mBAAvB;AACA,SAASC,UAAT,QAA2B,yBAA3B;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,WAAT,QAA4B,YAA5B;AACA,SAASC,SAAT,EAAoBC,SAApB,EAA+BC,IAA/B,EAAqCC,IAArC,~~EAA2CC~~,~~IAA3C,EAAiDC,EAAjD,QAA2D,cAA3D~~;;AAEA,MAAMC,~~aAAa,GAAGC,MAAM,IAAKA,MAAM,GAAG;AAAEC,EAAAA,IAAI,EAAEJ,IAAR;AAAcK,EAAAA,IAAI,EAAEP;AAApB,CAAH,GAAgC;AAAEM,EAAAA,IAAI,EAAEH,EAAR;AAAYI,EAAAA,IAAI,EAAEN;AAAlB,CAAvE;;AAEA,MAAMO,~~QAAQ,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,IAAR;AAAcC,EAAAA,kBAAd;AAAkCC,EAAAA,YAAlC;AAAgDC,EAAAA,KAAhD;AAAuDC,EAAAA;AAAvD,CAAD,KAA2E;AAC1F,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,~~IAAoCxB~~,QAAQ,CAAC,IAAD,CAAlD;;AAEA,~~QAAMyB~~,qBAAqB,GAAG,MAAM;AAClC,QAAIF,aAAa,CAACL,IAAD,CAAb,~~KAAwBZ~~,SAA5B,EAAuC;~~AACrCkB~~,MAAAA,gBAAgB,CAAC;AAAE,SAACN,IAAD,~~GAAQX~~;AAAV,OAAD,CAAhB;AACD,KAFD,MAEO;~~AACLiB~~,MAAAA,gBAAgB,CAAC;AAAE,SAACN,IAAD,~~GAAQZ~~;AAAV,OAAD,CAAhB;AACD;AACF,GAND;;AAQA,MAAI,~~CAACiB~~,aAAL,EAAoB;AAClBC,IAAAA,gBAAgB,CAAC;AAAE,OAACN,IAAD,~~GAAQZ~~;AAAV,KAAD,CAAhB;AACD;;AAED,MAAI,~~CAACiB~~,aAAL,EAAoB,OAAO,IAAP;AAEpB,MAAIG,mBAAmB,GAAG,EAA1B;;AAEA,MAAIN,YAAY,IAAIA,YAAY,CAACF,IAAD,CAAhC,EAAwC;AACtCQ,IAAAA,mBAAmB,GACjB,OAAON,YAAY,CAACF,IAAD,CAAnB,KAA8B,QAA9B,GACI,~~CAACb~~,WAAW,~~CAACe~~,YAAY,CAACF,IAAD,CAAb,CAAZ,CADJ,GAEIE,YAAY,CAACF,IAAD,CAAZ,CAAmBS,GAAnB,CAAuBC,GAAG,~~IAAIvB~~,WAAW,~~CAACuB~~,GAAD,CAAzC,CAHN;AAID;;AACD,QAAMC,QAAQ,GAAG,EAAjB;AAEA,QAAMC,YAAY,GAAGb,IAAI,CAACC,IAAD,CAAJ,CAAWa,OAAX,CAClBJ,GADkB,CACd,CAAC;AAAEK,IAAAA;AAAF,GAAD,KAAaA,GADC,EAElBC,MAFkB,CAEXC,OAFW,EAGlBC,IAHkB,EAArB;AAKAL,EAAAA,YAAY,CAACM,OAAb,CACE,CAACC,KAAD,EAAQC,CAAR,KACEA,CAAC,GAAGf,aAAa,CAACL,IAAD,CAAjB,IACAW,QAAQ,CAACU,IAAT,CAAc;AACZlB,IAAAA,KAAK,~~EAAEnB~~,UAAU,~~CAACmC~~,KAAD,CADL;AAEZA,IAAAA,KAFY;AAGZG,IAAAA,IAAI,EAAEtB,IAHM;AAIZuB,IAAAA,OAAO,EAAEf,mBAAmB,CAACgB,QAApB,CAA6BL,KAA7B,CAJG;AAKZM,IAAAA,EAAE,EAAEN;AALQ,GAAd,CAHJ;AAYA,QAAMO,iBAAiB,GAAG,CAACrB,aAAD,IAAkBA,aAAa,CAACL,IAAD,CAAb,~~KAAwBZ~~,SAApE;AAEA,sBACE,~~0CACGe~~,KAAK,gBAAG,+BAAIA,KAAJ,CAAH,GAAoB,EAD5B,eAEE,oBAAC,UAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,OAAO,EAAEQ,QAFX;AAGE,IAAA,QAAQ,EAAE,CAAC;AAAEZ,MAAAA,IAAI,EAAE4B;AAAR,KAAD,KAAqB;AAC7B,YAAMC,iBAAiB,GAAGD,KAAK,CAC5BZ,MADuB,CAChB,CAAC;AAAEQ,QAAAA;AAAF,OAAD,KAAiBA,OADD,EAEvBd,GAFuB,CAEnB,CAAC;AAAEU,QAAAA;AAAF,OAAD,KAAeA,KAFI,CAA1B;AAGAlB,MAAAA,kBAAkB,CAAC;AAAE,SAACD,IAAD,GAAQ4B;AAAV,OAAD,EAAgCxB,YAAhC,CAAlB;AACD;AARH,IAFF,EAYGL,IAAI,CAACC,IAAD,CAAJ,CAAWa,OAAX,CAAmBgB,MAAnB,~~GAA4BzC~~,SAA5B,iBACC;AAAK,IAAA,IAAI,EAAC,QAAV;AAAmB,IAAA,SAAS,EAAC,UAA7B;AAAwC,IAAA,OAAO,~~EAAEmB~~;AAAjD,~~kBACE~~;~~AAAG~~,IAAA,SAAS,~~EAAG~~,~~kBAAiBb~~,~~aAAa~~,~~CAACgC~~,~~iBAAD~~,~~CAAb~~,~~CAAiC9B~~,~~IAAK~~;~~AAAtE~~,~~IADF~~,~~EAEI~~,~~QAAOF~~,~~aAAa~~,~~CAACgC~~,~~iBAAD~~,~~CAAb~~,~~CAAiC7B,~~IAAK,~~EAFjD~~,CAbJ,CADF;~~AAqBD~~,~~CAnED~~;;~~AAqEAC~~,QAAQ,CAACgC,SAAT,GAAqB;AACnB/B,EAAAA,IAAI,~~EAAEhB~~,SAAS,~~CAACgD~~,MAAV,CAAiBC,UADJ;AAEnBhC,EAAAA,IAAI,~~EAAEjB~~,SAAS,~~CAACkD~~,MAAV,CAAiBD,UAFJ;AAGnB9B,EAAAA,YAAY,~~EAAEnB~~,SAAS,~~CAACgD~~,MAAV,CAAiBC,UAHZ;AAInB/B,EAAAA,kBAAkB,~~EAAElB~~,SAAS,~~CAACmD~~,IAAV,CAAeF,UAJhB;AAKnB5B,EAAAA,YAAY,~~EAAErB~~,SAAS,~~CAACoD~~,IALL;AAMnBhC,EAAAA,KAAK,~~EAAEpB~~,SAAS,~~CAACkD~~;AANE,CAArB;AASAnC,QAAQ,CAACsC,YAAT,GAAwB;AACtBhC,EAAAA,YAAY,EAAE,KADQ;AAEtBD,EAAAA,KAAK,EAAE;AAFe,CAAxB;AAKA,~~eAAejB~~,SAAS,~~CAACY~~,QAAD,CAAxB","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport upperFirst from 'lodash.upperfirst';\nimport { Checkboxes } from '@blaze-react/checkboxes';\nimport { withTitle } from '../../../HOC';\nimport { decodeValue } from '../helpers';\nimport { LIMIT_MIN, LIMIT_MAX, MORE, LESS, ~~DOWN, UP~~ } from '../constants';\n\nconst ~~getButtonInfo = isMore => (isMore ? { icon: DOWN, text: MORE } : { icon: UP, text: LESS });\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 <i className={`~~fas~~ ~~fa-chevron-$~~{~~getButtonInfo(shouldDisplayMore).icon~~}`} />\n {` See ${~~getButtonInfo(shouldDisplayMore).text~~}`}\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"}
1	+ {"version":3,"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"names":["React","useState","PropTypes","upperFirst","Checkboxes","FaChevronDown","FaChevronUp","withTitle","decodeValue","LIMIT_MIN","LIMIT_MAX","MORE","LESS","Checkbox","data","prop","updateFilterValues","filterValues","label","shouldSearch","checkboxLimit","setCheckboxLimit","handleCheckboxOptions","checkboxQueryParams","map","val","multiple","sortedValues","buckets","key","filter","Boolean","sort","forEach","value","i","push","name","checked","includes","id","shouldDisplayMore","eData","newCheckboxValues","length","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"}

package/lib-es/components/SearchFilter/components/TextSearch.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Input from '@blaze-react/input';
+import { MdSearch } from 'react-icons/md';
 import { withTitle } from '../../../HOC';
 import { SEARCH_TERM } from '../constants';
@@ -36,9 +37,7 @@ const TextSearch = ({
       [SEARCH_TERM]: searchValue
     }, true);
   }
-}, /*#__PURE__*/React.createElement("i", {
-  className: "material-icons"
-}, "search"))));
+}, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(MdSearch, null)))));
 TextSearch.propTypes = {
   filterValues: PropTypes.object.isRequired,

package/lib-es/components/SearchFilter/components/TextSearch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SearchFilter/components/TextSearch.js"],"names":["React","PropTypes","Input","withTitle","SEARCH_TERM","TextSearch","label","searchValue","updateFilterValues","handleSubmit","filterValues","value","eValue","e","preventDefault","propTypes","object","isRequired","string","func","defaultProps"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,WAAT,QAA4B,cAA5B;;AAEA,MAAMC,UAAU,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,WAAT;AAAsBC,EAAAA,kBAAtB;AAA0CC,EAAAA,YAA1C;AAAwDC,EAAAA;AAAxD,CAAD,kBACjB;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE,oBAAC,KAAD;AACE,EAAA,EAAE,EAAEN,WADN;AAEE,EAAA,KAAK,EAAEG,WAFT;AAGE,EAAA,WAAW,EAAED,KAAK,IAAI,QAHxB;AAIE,EAAA,QAAQ,EAAE,CAAC;AAAEK,IAAAA,KAAK,EAAEC;AAAT,GAAD,KAAuB;AAC/BJ,IAAAA,kBAAkB,CAAC;AAAE,OAACJ,WAAD,GAAeQ;AAAjB,KAAD,EAA4B,KAA5B,CAAlB;AACD;AANH,EADF,CADF,eAWE;AACE,EAAA,IAAI,EAAC,QADP;AAEE,EAAA,SAAS,EAAC,iCAFZ;AAGE,EAAA,OAAO,EAAEC,CAAC,IAAI;AACZA,IAAAA,CAAC,CAACC,cAAF;AACAN,IAAAA,kBAAkB,CAAC;AAAE,OAACJ,WAAD,GAAeG;AAAjB,KAAD,EAAiC,IAAjC,CAAlB;AACD;AANH,gBAOE~~;AAAG~~,~~EAAA~~,~~SAAS~~,~~EAAC;AAAb~~,~~YAPF~~,CAXF,CADF,CADF;;~~AA0BAF~~,UAAU,CAACU,SAAX,GAAuB;AACrBL,EAAAA,YAAY,~~EAAET~~,SAAS,~~CAACe~~,MAAV,CAAiBC,UADV;AAErBV,EAAAA,WAAW,~~EAAEN~~,SAAS,~~CAACiB~~,MAAV,CAAiBD,UAFT;AAGrBT,EAAAA,kBAAkB,~~EAAEP~~,SAAS,~~CAACkB~~,IAAV,CAAeF,UAHd;AAIrBR,EAAAA,YAAY,~~EAAER~~,SAAS,~~CAACkB~~,IAAV,CAAeF,UAJR;AAKrBX,EAAAA,KAAK,~~EAAEL~~,SAAS,~~CAACiB~~;AALI,CAAvB;AAQAb,UAAU,CAACe,YAAX,GAA0B;AACxBd,EAAAA,KAAK,EAAE;AADiB,CAA1B;AAIA,eAAeH,SAAS,CAACE,UAAD,CAAxB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Input from '@blaze-react/input';\nimport { withTitle } from '../../../HOC';\nimport { SEARCH_TERM } from '../constants';\n\nconst TextSearch = ({ label, searchValue, updateFilterValues, handleSubmit, filterValues }) => (\n <div className=\"search\">\n <div className=\"search__wrapper\">\n <div className=\"form-field form-field--input form-field--search\">\n <Input\n id={SEARCH_TERM}\n value={searchValue}\n placeholder={label \|\| 'Search'}\n onChange={({ value: eValue }) => {\n updateFilterValues({ [SEARCH_TERM]: eValue }, false);\n }}\n />\n </div>\n <button\n type=\"button\"\n className=\"icon-button icon-button--search\"\n onClick={e => {\n e.preventDefault();\n updateFilterValues({ [SEARCH_TERM]: searchValue }, true);\n }}>\n <i ~~className=\"material-icons\">search~~</i>\n </button>\n </div>\n </div>\n);\n\nTextSearch.propTypes = {\n filterValues: PropTypes.object.isRequired,\n searchValue: PropTypes.string.isRequired,\n updateFilterValues: PropTypes.func.isRequired,\n handleSubmit: PropTypes.func.isRequired,\n label: PropTypes.string\n};\n\nTextSearch.defaultProps = {\n label: ''\n};\n\nexport default withTitle(TextSearch);\n"],"file":"TextSearch.js"}
1	+ {"version":3,"sources":["../../../../src/components/SearchFilter/components/TextSearch.js"],"names":["React","PropTypes","Input","MdSearch","withTitle","SEARCH_TERM","TextSearch","label","searchValue","updateFilterValues","handleSubmit","filterValues","value","eValue","e","preventDefault","propTypes","object","isRequired","string","func","defaultProps"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AACA,SAASC,QAAT,QAAyB,gBAAzB;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,WAAT,QAA4B,cAA5B;;AAEA,MAAMC,UAAU,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,WAAT;AAAsBC,EAAAA,kBAAtB;AAA0CC,EAAAA,YAA1C;AAAwDC,EAAAA;AAAxD,CAAD,kBACjB;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE,oBAAC,KAAD;AACE,EAAA,EAAE,EAAEN,WADN;AAEE,EAAA,KAAK,EAAEG,WAFT;AAGE,EAAA,WAAW,EAAED,KAAK,IAAI,QAHxB;AAIE,EAAA,QAAQ,EAAE,CAAC;AAAEK,IAAAA,KAAK,EAAEC;AAAT,GAAD,KAAuB;AAC/BJ,IAAAA,kBAAkB,CAAC;AAAE,OAACJ,WAAD,GAAeQ;AAAjB,KAAD,EAA4B,KAA5B,CAAlB;AACD;AANH,EADF,CADF,eAWE;AACE,EAAA,IAAI,EAAC,QADP;AAEE,EAAA,SAAS,EAAC,iCAFZ;AAGE,EAAA,OAAO,EAAEC,CAAC,IAAI;AACZA,IAAAA,CAAC,CAACC,cAAF;AACAN,IAAAA,kBAAkB,CAAC;AAAE,OAACJ,WAAD,GAAeG;AAAjB,KAAD,EAAiC,IAAjC,CAAlB;AACD;AANH,gBAOE,4CACE,oBAAC,QAAD,OADF,CAPF,CAXF,CADF,CADF;;AA4BAF,UAAU,CAACU,SAAX,GAAuB;AACrBL,EAAAA,YAAY,EAAEV,SAAS,CAACgB,MAAV,CAAiBC,UADV;AAErBV,EAAAA,WAAW,EAAEP,SAAS,CAACkB,MAAV,CAAiBD,UAFT;AAGrBT,EAAAA,kBAAkB,EAAER,SAAS,CAACmB,IAAV,CAAeF,UAHd;AAIrBR,EAAAA,YAAY,EAAET,SAAS,CAACmB,IAAV,CAAeF,UAJR;AAKrBX,EAAAA,KAAK,EAAEN,SAAS,CAACkB;AALI,CAAvB;AAQAb,UAAU,CAACe,YAAX,GAA0B;AACxBd,EAAAA,KAAK,EAAE;AADiB,CAA1B;AAIA,eAAeH,SAAS,CAACE,UAAD,CAAxB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Input from '@blaze-react/input';\nimport { MdSearch } from 'react-icons/md';\nimport { withTitle } from '../../../HOC';\nimport { SEARCH_TERM } from '../constants';\n\nconst TextSearch = ({ label, searchValue, updateFilterValues, handleSubmit, filterValues }) => (\n <div className=\"search\">\n <div className=\"search__wrapper\">\n <div className=\"form-field form-field--input form-field--search\">\n <Input\n id={SEARCH_TERM}\n value={searchValue}\n placeholder={label \|\| 'Search'}\n onChange={({ value: eValue }) => {\n updateFilterValues({ [SEARCH_TERM]: eValue }, false);\n }}\n />\n </div>\n <button\n type=\"button\"\n className=\"icon-button icon-button--search\"\n onClick={e => {\n e.preventDefault();\n updateFilterValues({ [SEARCH_TERM]: searchValue }, true);\n }}>\n <i>\n <MdSearch />\n </i>\n </button>\n </div>\n </div>\n);\n\nTextSearch.propTypes = {\n filterValues: PropTypes.object.isRequired,\n searchValue: PropTypes.string.isRequired,\n updateFilterValues: PropTypes.func.isRequired,\n handleSubmit: PropTypes.func.isRequired,\n label: PropTypes.string\n};\n\nTextSearch.defaultProps = {\n label: ''\n};\n\nexport default withTitle(TextSearch);\n"],"file":"TextSearch.js"}

package/lib-es/components/SearchFilter/constants.js CHANGED Viewed

@@ -13,8 +13,6 @@ const LIMIT_MIN = 5;
 const LIMIT_MAX = 1000;
 const MORE = 'more';
 const LESS = 'less';
-const DOWN = 'down';
-const UP = 'up';
 const UPDATED_RANGES = 'updated_ranges';
 const MIN_VALUE = 'min-value';
 const MAX_VALUE = 'max-value';
@@ -34,5 +32,5 @@ const MORE_FILTERS_CLASSES = {
   DESKTOP_TOGGLER: `${MORE_FILTERS_CLASSES_BASE}-desktop-toggler`,
   DESKTOP_BUTTONS: `${MORE_FILTERS_CLASSES_BASE}-desktop-buttons`
 };
-export { CHECKBOX, SELECT, TEXT_SEARCH, SEARCH_TERM, SIZE, KEYWORD, RAW_RESULTS, DEFAULT_OPTION, DEFAULT_VALUES, RANGE, CHECKBOX_SELECT, LIMIT_MIN, LIMIT_MAX, MORE, LESS, DOWN, UP, UPDATED_RANGES, MIN_VALUE, MAX_VALUE, TABLET_WIDTH, RESET, SEARCH, REFINE, MOBILE_REFINEMENT_TITLE, MORE_FILTERS_CLASSES };
+export { 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 };
 //# sourceMappingURL=constants.js.map

package/lib-es/components/SearchFilter/constants.js.map CHANGED Viewed

	@@ -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","~~DOWN","UP","~~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,MAAMA,QAAQ,GAAG,UAAjB;AACA,MAAMC,MAAM,GAAG,QAAf;AACA,MAAMC,WAAW,GAAG,aAApB;AACA,MAAMC,WAAW,GAAG,aAApB;AACA,MAAMC,IAAI,GAAG,EAAb;AACA,MAAMC,OAAO,GAAG,SAAhB;AACA,MAAMC,WAAW,GAAG,YAApB;AACA,MAAMC,cAAc,GAAG,KAAvB;AACA,MAAMC,cAAc,GAAG,CAAC,KAAD,EAAQ,kBAAR,CAAvB;AACA,MAAMC,KAAK,GAAG,OAAd;AACA,MAAMC,eAAe,GAAG,CAAC,UAAD,EAAa,QAAb,CAAxB;AACA,MAAMC,SAAS,GAAG,CAAlB;AACA,MAAMC,SAAS,GAAG,IAAlB;AACA,MAAMC,IAAI,GAAG,MAAb;AACA,MAAMC,IAAI,GAAG,MAAb;AACA,MAAMC,~~IAAI,GAAG,MAAb;AACA,MAAMC,EAAE,GAAG,IAAX;AACA,MAAMC,~~cAAc,GAAG,gBAAvB;AACA,MAAMC,SAAS,GAAG,WAAlB;AACA,MAAMC,SAAS,GAAG,WAAlB;AACA,MAAMC,YAAY,GAAG,GAArB;AACA,MAAMC,KAAK,GAAG,mBAAd;AACA,MAAMC,MAAM,GAAG,QAAf;AACA,MAAMC,MAAM,GAAI,eAAhB;AACA,MAAMC,uBAAuB,GAAG,mBAAhC;AAEA,MAAMC,yBAAyB,GAAG,sBAAlC;AACA,MAAMC,oBAAoB,GAAG;AAC3BC,EAAAA,cAAc,EAAG,GAAEF,yBAA0B,iBADlB;AAE3BG,EAAAA,cAAc,EAAG,GAAEH,yBAA0B,iBAFlB;AAG3BI,EAAAA,cAAc,EAAG,GAAEJ,yBAA0B,iBAHlB;AAI3BK,EAAAA,cAAc,EAAG,GAAEL,yBAA0B,iBAJlB;AAK3BM,EAAAA,eAAe,EAAG,GAAEN,yBAA0B,kBALnB;AAM3BO,EAAAA,eAAe,EAAG,GAAEP,yBAA0B,kBANnB;AAO3BQ,EAAAA,eAAe,EAAG,GAAER,yBAA0B,kBAPnB;AAQ3BS,EAAAA,eAAe,EAAG,GAAET,yBAA0B;AARnB,CAA7B;AAWA,~~SACEzB~~,QADF,EAEEC,MAFF,EAGEC,WAHF,EAIEC,WAJF,EAKEC,IALF,EAMEC,OANF,EAOEC,WAPF,EAQEC,cARF,EASEC,cATF,EAUEC,KAVF,EAWEC,eAXF,EAYEC,SAZF,EAaEC,SAbF,EAcEC,IAdF,EAeEC,IAfF,EAgBEC,~~IAhBF~~,EAiBEC,~~EAjBF~~,EAkBEC,~~cAlBF~~,EAmBEC,~~SAnBF~~,EAoBEC,~~SApBF~~,EAqBEC,~~YArBF~~,EAsBEC,~~KAtBF~~,EAuBEC,~~MAvBF~~,~~EAwBEC~~,~~MAxBF,EAyBEC,uBAzBF,EA0BEE,oBA1BF~~","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 ~~DOWN = 'down';\nconst UP = 'up';\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 ~~DOWN,\n UP,\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"}
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,MAAMA,QAAQ,GAAG,UAAjB;AACA,MAAMC,MAAM,GAAG,QAAf;AACA,MAAMC,WAAW,GAAG,aAApB;AACA,MAAMC,WAAW,GAAG,aAApB;AACA,MAAMC,IAAI,GAAG,EAAb;AACA,MAAMC,OAAO,GAAG,SAAhB;AACA,MAAMC,WAAW,GAAG,YAApB;AACA,MAAMC,cAAc,GAAG,KAAvB;AACA,MAAMC,cAAc,GAAG,CAAC,KAAD,EAAQ,kBAAR,CAAvB;AACA,MAAMC,KAAK,GAAG,OAAd;AACA,MAAMC,eAAe,GAAG,CAAC,UAAD,EAAa,QAAb,CAAxB;AACA,MAAMC,SAAS,GAAG,CAAlB;AACA,MAAMC,SAAS,GAAG,IAAlB;AACA,MAAMC,IAAI,GAAG,MAAb;AACA,MAAMC,IAAI,GAAG,MAAb;AACA,MAAMC,cAAc,GAAG,gBAAvB;AACA,MAAMC,SAAS,GAAG,WAAlB;AACA,MAAMC,SAAS,GAAG,WAAlB;AACA,MAAMC,YAAY,GAAG,GAArB;AACA,MAAMC,KAAK,GAAG,mBAAd;AACA,MAAMC,MAAM,GAAG,QAAf;AACA,MAAMC,MAAM,GAAI,eAAhB;AACA,MAAMC,uBAAuB,GAAG,mBAAhC;AAEA,MAAMC,yBAAyB,GAAG,sBAAlC;AACA,MAAMC,oBAAoB,GAAG;AAC3BC,EAAAA,cAAc,EAAG,GAAEF,yBAA0B,iBADlB;AAE3BG,EAAAA,cAAc,EAAG,GAAEH,yBAA0B,iBAFlB;AAG3BI,EAAAA,cAAc,EAAG,GAAEJ,yBAA0B,iBAHlB;AAI3BK,EAAAA,cAAc,EAAG,GAAEL,yBAA0B,iBAJlB;AAK3BM,EAAAA,eAAe,EAAG,GAAEN,yBAA0B,kBALnB;AAM3BO,EAAAA,eAAe,EAAG,GAAEP,yBAA0B,kBANnB;AAO3BQ,EAAAA,eAAe,EAAG,GAAER,yBAA0B,kBAPnB;AAQ3BS,EAAAA,eAAe,EAAG,GAAET,yBAA0B;AARnB,CAA7B;AAWA,SACEvB,QADF,EAEEC,MAFF,EAGEC,WAHF,EAIEC,WAJF,EAKEC,IALF,EAMEC,OANF,EAOEC,WAPF,EAQEC,cARF,EASEC,cATF,EAUEC,KAVF,EAWEC,eAXF,EAYEC,SAZF,EAaEC,SAbF,EAcEC,IAdF,EAeEC,IAfF,EAgBEC,cAhBF,EAiBEC,SAjBF,EAkBEC,SAlBF,EAmBEC,YAnBF,EAoBEC,KApBF,EAqBEC,MArBF,EAsBEC,MAtBF,EAuBEC,uBAvBF,EAwBEE,oBAxBF","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"}

package/lib-es/components/SocialFollow/SFItem.js CHANGED Viewed

@@ -10,7 +10,7 @@ const SFItem = ({
   const {
     name,
     className,
-    icon,
+    Icon,
     spanClassName
   } = SOCIAL_NETWORKS[id];
   return /*#__PURE__*/React.createElement("li", {
@@ -21,9 +21,7 @@ const SFItem = ({
     className: className,
     rel: "noopener nofollow",
     target: "_blank"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: `fab ${icon}`
-  }), /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(Icon, null)), /*#__PURE__*/React.createElement("span", {
     className: `social__network ${spanClassName}`
   }, name)));
 };

package/lib-es/components/SocialFollow/SFItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/SocialFollow/SFItem.js"],"names":["React","PropTypes","SOCIAL_NETWORKS","BASE_CLASS_NAME_FOLLOW","SFItem","url","id","name","className","~~icon~~","spanClassName","propTypes","string","isRequired"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,eAAT,EAA0BC,sBAA1B,QAAwD,aAAxD;;AAEA,MAAMC,MAAM,GAAG,CAAC;AAAEC,EAAAA,GAAF;AAAOC,EAAAA;AAAP,CAAD,KAAiB;AAC9B,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,SAAR;AAAmBC,IAAAA,IAAnB;AAAyBC,IAAAA;AAAzB,MAA2CR,eAAe,CAACI,EAAD,CAAhE;AAEA,sBACE;AAAI,IAAA,SAAS,EAAEH;AAAf,kBACE;AAAG,IAAA,KAAK,EAAEI,IAAV;AAAgB,IAAA,IAAI,EAAEF,GAAtB;AAA2B,IAAA,SAAS,EAAEG,SAAtC;AAAiD,IAAA,GAAG,EAAC,mBAArD;AAAyE,IAAA,MAAM,EAAC;AAAhF,kBACE~~;AAAG~~,~~IAAA~~,~~SAAS~~,~~EAAG~~,~~OAAMC~~,~~IAAK;AAA1B~~,~~IADF,eAEE~~;AAAM,IAAA,SAAS,EAAG,~~mBAAkBC~~,aAAc;AAAlD,KAAsDH,IAAtD,~~CAFF~~,CADF,CADF;~~AAQD~~,~~CAXD~~;;~~AAaAH~~,MAAM,CAACO,SAAP,GAAmB;AACjBN,EAAAA,GAAG,EAAEJ,SAAS,CAACW,MAAV,CAAiBC,UADL;AAEjBP,EAAAA,EAAE,EAAEL,SAAS,CAACW,MAAV,CAAiBC;AAFJ,CAAnB;AAKA,eAAeT,MAAf","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 ~~className={`fab ${icon}`}~~ />\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"}
1	+ {"version":3,"sources":["../../../src/components/SocialFollow/SFItem.js"],"names":["React","PropTypes","SOCIAL_NETWORKS","BASE_CLASS_NAME_FOLLOW","SFItem","url","id","name","className","Icon","spanClassName","propTypes","string","isRequired"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,eAAT,EAA0BC,sBAA1B,QAAwD,aAAxD;;AAEA,MAAMC,MAAM,GAAG,CAAC;AAAEC,EAAAA,GAAF;AAAOC,EAAAA;AAAP,CAAD,KAAiB;AAC9B,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,SAAR;AAAmBC,IAAAA,IAAnB;AAAyBC,IAAAA;AAAzB,MAA2CR,eAAe,CAACI,EAAD,CAAhE;AAEA,sBACE;AAAI,IAAA,SAAS,EAAEH;AAAf,kBACE;AAAG,IAAA,KAAK,EAAEI,IAAV;AAAgB,IAAA,IAAI,EAAEF,GAAtB;AAA2B,IAAA,SAAS,EAAEG,SAAtC;AAAiD,IAAA,GAAG,EAAC,mBAArD;AAAyE,IAAA,MAAM,EAAC;AAAhF,kBACE,4CACE,oBAAC,IAAD,OADF,CADF,eAIE;AAAM,IAAA,SAAS,EAAG,mBAAkBE,aAAc;AAAlD,KAAsDH,IAAtD,CAJF,CADF,CADF;AAUD,CAbD;;AAeAH,MAAM,CAACO,SAAP,GAAmB;AACjBN,EAAAA,GAAG,EAAEJ,SAAS,CAACW,MAAV,CAAiBC,UADL;AAEjBP,EAAAA,EAAE,EAAEL,SAAS,CAACW,MAAV,CAAiBC;AAFJ,CAAnB;AAKA,eAAeT,MAAf","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"}

package/lib-es/components/SocialFollow/sf.config.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { FaFacebookF, FaTwitter, FaPinterestP, FaInstagram, FaLinkedinIn, FaYoutube } from 'react-icons/fa';
 export const BASE_CLASS_NAME_FOLLOW = 'social__list-item social__list-item--follow';
 export const PORTRAIT = 'portrait';
 export const LANDSCAPE = 'landscape';
@@ -5,37 +6,37 @@ export const SOCIAL_NETWORKS = {
   facebook: {
     name: 'Facebook',
     className: 'facebook',
-    icon: 'fa-facebook-f',
+    Icon: FaFacebookF,
     spanClassName: 'hidden'
   },
   twitter: {
     name: 'Twitter',
     className: 'twitter',
-    icon: 'fa-twitter',
+    Icon: FaTwitter,
     spanClassName: 'hidden'
   },
   pinterest: {
     name: 'Pinterest',
     className: 'pinterest',
-    icon: 'fa-pinterest-p',
+    Icon: FaPinterestP,
     spanClassName: 'hidden'
   },
   instagram: {
     name: 'Instagram',
     className: 'instagram',
-    icon: 'fa-instagram',
+    Icon: FaInstagram,
     spanClassName: 'hidden'
   },
   linkedin: {
     name: 'Linkedin',
     className: 'linkedin',
-    icon: 'fa-linkedin-in',
+    Icon: FaLinkedinIn,
     spanClassName: 'hidden'
   },
   youtube: {
     name: 'YouTube',
     className: 'youtube',
-    icon: 'fa-youtube',
+    Icon: FaYoutube,
     spanClassName: 'hidden'
   }
 };

package/lib-es/components/SocialFollow/sf.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/SocialFollow/sf.config.js"],"names":["BASE_CLASS_NAME_FOLLOW","PORTRAIT","LANDSCAPE","SOCIAL_NETWORKS","facebook","name","className","~~icon~~","spanClassName","twitter","pinterest","instagram","linkedin","youtube"],"mappings":"AAAA,OAAO,~~MAAMA~~,sBAAsB,GAAG,6CAA/B;AACP,OAAO,MAAMC,QAAQ,GAAG,UAAjB;AACP,OAAO,MAAMC,SAAS,GAAG,WAAlB;AAEP,OAAO,MAAMC,eAAe,GAAG;AAC7BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE,UADE;AAERC,IAAAA,SAAS,EAAE,UAFH;AAGRC,IAAAA,IAAI,~~EAAE~~,~~eAHE~~;~~AAIRC~~,IAAAA,aAAa,EAAE;AAJP,GADmB;AAO7BC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,IAAI,EAAE,SADC;AAEPC,IAAAA,SAAS,EAAE,SAFJ;AAGPC,IAAAA,IAAI,~~EAAE~~,~~YAHC~~;~~AAIPC~~,IAAAA,aAAa,EAAE;AAJR,GAPoB;AAa7BE,EAAAA,SAAS,EAAE;AACTL,IAAAA,IAAI,EAAE,WADG;AAETC,IAAAA,SAAS,EAAE,WAFF;AAGTC,IAAAA,IAAI,~~EAAE~~,~~gBAHG~~;~~AAITC~~,IAAAA,aAAa,EAAE;AAJN,GAbkB;AAmB7BG,EAAAA,SAAS,EAAE;AACTN,IAAAA,IAAI,EAAE,WADG;AAETC,IAAAA,SAAS,EAAE,WAFF;AAGTC,IAAAA,IAAI,~~EAAE~~,~~cAHG~~;~~AAITC~~,IAAAA,aAAa,EAAE;AAJN,GAnBkB;AAyB7BI,EAAAA,QAAQ,EAAE;AACRP,IAAAA,IAAI,EAAE,UADE;AAERC,IAAAA,SAAS,EAAE,UAFH;AAGRC,IAAAA,IAAI,~~EAAE~~,~~gBAHE~~;~~AAIRC~~,IAAAA,aAAa,EAAE;AAJP,GAzBmB;AA+B7BK,EAAAA,OAAO,EAAE;AACPR,IAAAA,IAAI,EAAE,SADC;AAEPC,IAAAA,SAAS,EAAE,SAFJ;AAGPC,IAAAA,IAAI,~~EAAE~~,~~YAHC~~;~~AAIPC~~,IAAAA,aAAa,EAAE;AAJR;AA/BoB,CAAxB","sourcesContent":["~~export~~ 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~~: ~~'fa-facebook-f'~~,\n spanClassName: 'hidden'\n },\n twitter: {\n name: 'Twitter',\n className: 'twitter',\n ~~icon~~: ~~'fa-twitter'~~,\n spanClassName: 'hidden'\n },\n pinterest: {\n name: 'Pinterest',\n className: 'pinterest',\n ~~icon~~: ~~'fa-pinterest-p'~~,\n spanClassName: 'hidden'\n },\n instagram: {\n name: 'Instagram',\n className: 'instagram',\n ~~icon~~: ~~'fa-instagram'~~,\n spanClassName: 'hidden'\n },\n linkedin: {\n name: 'Linkedin',\n className: 'linkedin',\n ~~icon~~: ~~'fa-linkedin-in'~~,\n spanClassName: 'hidden'\n },\n youtube: {\n name: 'YouTube',\n className: 'youtube',\n ~~icon~~: ~~'fa-youtube'~~,\n spanClassName: 'hidden'\n }\n};\n"],"file":"sf.config.js"}
1	+ {"version":3,"sources":["../../../src/components/SocialFollow/sf.config.js"],"names":["FaFacebookF","FaTwitter","FaPinterestP","FaInstagram","FaLinkedinIn","FaYoutube","BASE_CLASS_NAME_FOLLOW","PORTRAIT","LANDSCAPE","SOCIAL_NETWORKS","facebook","name","className","Icon","spanClassName","twitter","pinterest","instagram","linkedin","youtube"],"mappings":"AAAA,SACEA,WADF,EAEEC,SAFF,EAGEC,YAHF,EAIEC,WAJF,EAKEC,YALF,EAMEC,SANF,QAOO,gBAPP;AASA,OAAO,MAAMC,sBAAsB,GAAG,6CAA/B;AACP,OAAO,MAAMC,QAAQ,GAAG,UAAjB;AACP,OAAO,MAAMC,SAAS,GAAG,WAAlB;AAEP,OAAO,MAAMC,eAAe,GAAG;AAC7BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE,UADE;AAERC,IAAAA,SAAS,EAAE,UAFH;AAGRC,IAAAA,IAAI,EAAEb,WAHE;AAIRc,IAAAA,aAAa,EAAE;AAJP,GADmB;AAO7BC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,IAAI,EAAE,SADC;AAEPC,IAAAA,SAAS,EAAE,SAFJ;AAGPC,IAAAA,IAAI,EAAEZ,SAHC;AAIPa,IAAAA,aAAa,EAAE;AAJR,GAPoB;AAa7BE,EAAAA,SAAS,EAAE;AACTL,IAAAA,IAAI,EAAE,WADG;AAETC,IAAAA,SAAS,EAAE,WAFF;AAGTC,IAAAA,IAAI,EAAEX,YAHG;AAITY,IAAAA,aAAa,EAAE;AAJN,GAbkB;AAmB7BG,EAAAA,SAAS,EAAE;AACTN,IAAAA,IAAI,EAAE,WADG;AAETC,IAAAA,SAAS,EAAE,WAFF;AAGTC,IAAAA,IAAI,EAAEV,WAHG;AAITW,IAAAA,aAAa,EAAE;AAJN,GAnBkB;AAyB7BI,EAAAA,QAAQ,EAAE;AACRP,IAAAA,IAAI,EAAE,UADE;AAERC,IAAAA,SAAS,EAAE,UAFH;AAGRC,IAAAA,IAAI,EAAET,YAHE;AAIRU,IAAAA,aAAa,EAAE;AAJP,GAzBmB;AA+B7BK,EAAAA,OAAO,EAAE;AACPR,IAAAA,IAAI,EAAE,SADC;AAEPC,IAAAA,SAAS,EAAE,SAFJ;AAGPC,IAAAA,IAAI,EAAER,SAHC;AAIPS,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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.115.0-alpha.1",
+  "version": "0.116.0",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -71,7 +71,8 @@
     "next": "10.0.5",
     "prop-types": "^15.7.2",
     "react": "^16.13.1",
-    "react-apollo": "^3.1.1"
+    "react-apollo": "^3.1.1",
+    "react-icons": ">= 4.3.1"
   },
   "devDependencies": {
     "@apollo/react-testing": "^3.1.1",
@@ -87,5 +88,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "ff1ab30b5d4a8ab1ae37105a8b180e43d860f16a"
+  "gitHead": "7e61f8ea829a63a55f795f53299006ee2af46647"
 }

package/src/components/CarouselWrapper.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
+import { FaAngleLeft, FaAngleRight } from 'react-icons/fa';
 const CarouselWrapper = ({ children, bannerModifier, itemsPerRow }) => {
   const ref = useRef();
@@ -41,7 +42,9 @@ const CarouselWrapper = ({ children, bannerModifier, itemsPerRow }) => {
             type="button"
             className="card-carousel__button-back icon-button"
             onClick={() => handleButtonNavigation()}>
-            <i className="fas fa-angle-left" />
+            <i>
+              <FaAngleLeft />
+            </i>
           </button>
         )}
       </div>
@@ -51,7 +54,9 @@ const CarouselWrapper = ({ children, bannerModifier, itemsPerRow }) => {
             type="button"
             className="card-carousel__button-forward icon-button icon"
             onClick={() => handleButtonNavigation(true)}>
-            <i className="fas fa-angle-right" />
+            <i>
+              <FaAngleRight />
+            </i>
           </button>
         )}
       </div>

package/src/components/Image/GlobalLightbox/GlobalLightbox.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import React, { useState, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
+import { FaTimes } from 'react-icons/fa';
 import BlazeLink from '../../BlazeLink';
 import ImageDetails from '../ImageDetails';
 import NavButton from './NavButton';
@@ -78,7 +79,9 @@ const GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName
                 {parentName || metaTitle || name}
               </div>
               <div role="button" className="modal__close" onClick={handleClose}>
-                <i className="fas fa-times" />
+                <i>
+                  <FaTimes />
+                </i>
               </div>
             </header>
             <div className="modal__content modal__content--gallery">

package/src/components/Menu/Menu.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import BlazeButton from '@blaze-react/button';
+import { MdMenu } from 'react-icons/md';
 import { useCheckMobileScreen } from '../../hooks';
 import { HIDDEN } from '../../constants';
@@ -19,7 +20,9 @@ const Menu = ({ children, collapse, modifier }) => {
         <BlazeButton
           className={mobileButtonClass}
           onClick={() => setShowMobileMenu(!showMobileMenu)}>
-          <i className="material-icons">menu</i>
+          <i>
+            <MdMenu />
+          </i>
         </BlazeButton>
       )}
       <ul className={childrenDisplayClass}>{children}</ul>

package/src/components/SearchFilter/SearchFilter/CloseMobileForm.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { MdClose } from 'react-icons/md';
 import { MOBILE_REFINEMENT_TITLE } from '../constants';
 const CloseMobileForm = ({ handleClose }) => (
   <div className="filter__header filter__header--mobile">
     <p>{MOBILE_REFINEMENT_TITLE}</p>
-    <i role="button" className="material-icons" onClick={handleClose}>
-      close
+    <i role="button" onClick={handleClose}>
+      <MdClose />
     </i>
   </div>
 );

package/src/components/SearchFilter/SearchFilter/ResetDesktopForm.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { FaRedoAlt } from 'react-icons/fa';
 import { RESET } from '../constants';
 const ResetDesktopForm = ({ handleReset }) => (
@@ -10,7 +11,9 @@ const ResetDesktopForm = ({ handleReset }) => (
       title="reset--button"
       data-testid="reset-icon"
       onClick={handleReset}>
-      <i className="fas fa-redo-alt" />
+      <i>
+        <FaRedoAlt />
+      </i>
     </button>
     <div role="button" onClick={handleReset} data-testid="reset-button">