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

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

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

@@ -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":"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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 { 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"}
+{"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/constants.js

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.115.0",
+  "version": "0.116.0-alpha.1",
   "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": "2b370ab0ac0c2c755049a737c7004c6d6088255c"
+  "gitHead": "1b427e1842087433fcf5ddec8e8f5384159fc6ea"
 }

package/src/components/CarouselWrapper.js

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

@@ -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/SearchFilter/SearchFilter/ResetDesktopForm.js

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

package/src/components/SearchFilter/components/Checkbox.js

@@ -2,11 +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, prop, updateFilterValues, filterValues, label, shouldSearch }) => {
   const [checkboxLimit, setCheckboxLimit] = useState(null);
@@ -69,8 +68,21 @@ const Checkbox = ({ data, prop, updateFilterValues, filterValues, label, shouldS
       />
       {data[prop].buckets.length > LIMIT_MIN && (
         <div role="button" className="see-more" onClick={handleCheckboxOptions}>
-          <i className={`fas fa-chevron-${getButtonInfo(shouldDisplayMore).icon}`} />
-          {` See ${getButtonInfo(shouldDisplayMore).text}`}
+          {shouldDisplayMore ? (
+            <>
+              <i>
+                <FaChevronDown className="inline-icon" />
+              </i>
+              {` See ${MORE}`}
+            </>
+          ) : (
+            <>
+              <i>
+                <FaChevronUp className="inline-icon" />
+              </i>
+              {` See ${LESS}`}
+            </>
+          )}
         </div>
       )}
     </>

package/src/components/SearchFilter/constants.js

@@ -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';
@@ -52,8 +50,6 @@ export {
   LIMIT_MAX,
   MORE,
   LESS,
-  DOWN,
-  UP,
   UPDATED_RANGES,
   MIN_VALUE,
   MAX_VALUE,

package/src/components/SocialFollow/SFItem.js

@@ -4,12 +4,14 @@ import PropTypes from 'prop-types';
 import { SOCIAL_NETWORKS, BASE_CLASS_NAME_FOLLOW } from './sf.config';
 
 const SFItem = ({ url, id }) => {
-  const { name, className, icon, spanClassName } = SOCIAL_NETWORKS[id];
+  const { name, className, Icon, spanClassName } = SOCIAL_NETWORKS[id];
 
   return (
     <li className={BASE_CLASS_NAME_FOLLOW}>
       <a title={name} href={url} className={className} rel="noopener nofollow" target="_blank">
-        <i className={`fab ${icon}`} />
+        <i>
+          <Icon />
+        </i>
         <span className={`social__network ${spanClassName}`}>{name}</span>
       </a>
     </li>

package/src/components/SocialFollow/sf.config.js

@@ -1,3 +1,12 @@
+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';
@@ -6,37 +15,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/tests/unit/src/components/Image/GlobalLightbox/__snapshots__/GlobalLightbox.test.js.snap

@@ -19,9 +19,21 @@ exports[`GlobalLightbox component should match snapshot 1`] = `
           class="modal__close"
           role="button"
         >
-          <i
-            class="fas fa-times"
-          />
+          <i>
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 352 512"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
+              />
+            </svg>
+          </i>
         </div>
       </header>
       <div

package/tests/unit/src/components/SearchFilter/SearchFilter/__snapshots__/ResetDesktopForm.test.js.snap

@@ -11,9 +11,21 @@ exports[`ResetDesktopForm component should render without throwing error and mat
       title="reset--button"
       type="button"
     >
-      <i
-        class="fas fa-redo-alt"
-      />
+      <i>
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 512 512"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z"
+          />
+        </svg>
+      </i>
     </button>
     <div
       data-testid="reset-button"