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

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.116.0-alpha.2](https://github.com/thebyte9/blaze/compare/v0.116.0-alpha.1...v0.116.0-alpha.2) (2021-12-21)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
 # [0.116.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.116.0-alpha.0...v0.116.0-alpha.1) (2021-12-20)
 
 **Note:** Version bump only for package @blaze-cms/react-page-builder

package/lib/components/Menu/Menu.js

@@ -33,6 +33,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _button = _interopRequireDefault(require("@blaze-react/button"));
 
+var _md = require("react-icons/md");
+
 var _hooks = require("../../hooks");
 
 var _constants = require("../../constants");
@@ -61,9 +63,7 @@ var Menu = function Menu(_ref) {
     onClick: function onClick() {
       return setShowMobileMenu(!showMobileMenu);
     }
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "material-icons"
-  }, "menu")), /*#__PURE__*/_react["default"].createElement("ul", {
+  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_md.MdMenu, null))), /*#__PURE__*/_react["default"].createElement("ul", {
     className: childrenDisplayClass
   }, children));
 };

package/lib/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["Menu","children","collapse","modifier","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","HIDDEN","shouldDisplayChildren","childrenDisplayClass","propTypes","PropTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAAsC;AAAA,MAAnCC,QAAmC,QAAnCA,QAAmC;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACjD,MAAMC,QAAQ,GAAG,kCAAjB;;AACA,kBAA4C,qBAAS,KAAT,CAA5C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AAEA,MAAMC,sBAAsB,GAAGL,QAAQ,IAAIE,QAA3C;AACA,MAAMI,iBAAiB,GAAGD,sBAAsB,IAAIH,QAA1B,GAAqC,EAArC,GAA0CK,iBAApE;AACA,MAAMC,qBAAqB,GAAGH,sBAAsB,GAAGF,cAAH,GAAoB,IAAxE;AACA,MAAMM,oBAAoB,GAAGD,qBAAqB,GAAGP,QAAH,aAAiBA,QAAjB,cAA6BM,iBAA7B,CAAlD;AAEA,sBACE,kEACGP,QAAQ,iBACP,gCAAC,kBAAD;AACE,IAAA,SAAS,EAAEM,iBADb;AAEE,IAAA,OAAO,EAAE;AAAA,aAAMF,iBAAiB,CAAC,CAACD,cAAF,CAAvB;AAAA;AAFX,kBAGE;AAAG,IAAA,SAAS,EAAC;AAAb,YAHF,CAFJ,eAQE;AAAI,IAAA,SAAS,EAAEM;AAAf,KAAsCV,QAAtC,CARF,CADF;AAYD,CArBD;;AAuBAD,IAAI,CAACY,SAAL,GAAiB;AACfV,EAAAA,QAAQ,EAAEW,sBAAUC,IAAV,CAAeC,UADV;AAEfZ,EAAAA,QAAQ,EAAEU,sBAAUG,MAFL;AAGff,EAAAA,QAAQ,EAAEY,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB;AAHK,CAAjB;AAMAnB,IAAI,CAACoB,YAAL,GAAoB;AAClBjB,EAAAA,QAAQ,EAAE,EADQ;AAElBF,EAAAA,QAAQ,EAAE;AAFQ,CAApB;eAKeD,I","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"}
+{"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["Menu","children","collapse","modifier","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","HIDDEN","shouldDisplayChildren","childrenDisplayClass","propTypes","PropTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAAsC;AAAA,MAAnCC,QAAmC,QAAnCA,QAAmC;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACjD,MAAMC,QAAQ,GAAG,kCAAjB;;AACA,kBAA4C,qBAAS,KAAT,CAA5C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AAEA,MAAMC,sBAAsB,GAAGL,QAAQ,IAAIE,QAA3C;AACA,MAAMI,iBAAiB,GAAGD,sBAAsB,IAAIH,QAA1B,GAAqC,EAArC,GAA0CK,iBAApE;AACA,MAAMC,qBAAqB,GAAGH,sBAAsB,GAAGF,cAAH,GAAoB,IAAxE;AACA,MAAMM,oBAAoB,GAAGD,qBAAqB,GAAGP,QAAH,aAAiBA,QAAjB,cAA6BM,iBAA7B,CAAlD;AAEA,sBACE,kEACGP,QAAQ,iBACP,gCAAC,kBAAD;AACE,IAAA,SAAS,EAAEM,iBADb;AAEE,IAAA,OAAO,EAAE;AAAA,aAAMF,iBAAiB,CAAC,CAACD,cAAF,CAAvB;AAAA;AAFX,kBAGE,wDACE,gCAAC,UAAD,OADF,CAHF,CAFJ,eAUE;AAAI,IAAA,SAAS,EAAEM;AAAf,KAAsCV,QAAtC,CAVF,CADF;AAcD,CAvBD;;AAyBAD,IAAI,CAACY,SAAL,GAAiB;AACfV,EAAAA,QAAQ,EAAEW,sBAAUC,IAAV,CAAeC,UADV;AAEfZ,EAAAA,QAAQ,EAAEU,sBAAUG,MAFL;AAGff,EAAAA,QAAQ,EAAEY,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB;AAHK,CAAjB;AAMAnB,IAAI,CAACoB,YAAL,GAAoB;AAClBjB,EAAAA,QAAQ,EAAE,EADQ;AAElBF,EAAAA,QAAQ,EAAE;AAFQ,CAApB;eAKeD,I","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/components/SearchFilter/SearchFilter/CloseMobileForm.js

@@ -13,6 +13,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _md = require("react-icons/md");
+
 var _constants = require("../constants");
 
 var CloseMobileForm = function CloseMobileForm(_ref) {
@@ -21,9 +23,8 @@ var CloseMobileForm = function CloseMobileForm(_ref) {
     className: "filter__header filter__header--mobile"
   }, /*#__PURE__*/_react["default"].createElement("p", null, _constants.MOBILE_REFINEMENT_TITLE), /*#__PURE__*/_react["default"].createElement("i", {
     role: "button",
-    className: "material-icons",
     onClick: handleClose
-  }, "close"));
+  }, /*#__PURE__*/_react["default"].createElement(_md.MdClose, null)));
 };
 
 CloseMobileForm.propTypes = {

package/lib/components/SearchFilter/SearchFilter/CloseMobileForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/CloseMobileForm.js"],"names":["CloseMobileForm","handleClose","MOBILE_REFINEMENT_TITLE","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAAGC,WAAH,QAAGA,WAAH;AAAA,sBACtB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,2CAAIC,kCAAJ,CADF,eAGE;AAAG,IAAA,IAAI,EAAC,QAAR;AAAiB,IAAA,SAAS,EAAC,gBAA3B;AAA4C,IAAA,OAAO,EAAED;AAArD,aAHF,CADsB;AAAA,CAAxB;;AAUAD,eAAe,CAACG,SAAhB,GAA4B;AAC1BF,EAAAA,WAAW,EAAEG,sBAAUC,IAAV,CAAeC;AADF,CAA5B;eAIeN,e","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"}
+{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/CloseMobileForm.js"],"names":["CloseMobileForm","handleClose","MOBILE_REFINEMENT_TITLE","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAAGC,WAAH,QAAGA,WAAH;AAAA,sBACtB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,2CAAIC,kCAAJ,CADF,eAGE;AAAG,IAAA,IAAI,EAAC,QAAR;AAAiB,IAAA,OAAO,EAAED;AAA1B,kBACE,gCAAC,WAAD,OADF,CAHF,CADsB;AAAA,CAAxB;;AAUAD,eAAe,CAACG,SAAhB,GAA4B;AAC1BF,EAAAA,WAAW,EAAEG,sBAAUC,IAAV,CAAeC;AADF,CAA5B;eAIeN,e","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/components/SearchFilter/components/TextSearch.js

@@ -17,6 +17,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _input = _interopRequireDefault(require("@blaze-react/input"));
 
+var _md = require("react-icons/md");
+
 var _HOC = require("../../../HOC");
 
 var _constants = require("../constants");
@@ -48,9 +50,7 @@ var TextSearch = function TextSearch(_ref) {
       e.preventDefault();
       updateFilterValues((0, _defineProperty2["default"])({}, _constants.SEARCH_TERM, searchValue), true);
     }
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "material-icons"
-  }, "search"))));
+  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_md.MdSearch, null)))));
 };
 
 TextSearch.propTypes = {

package/lib/components/SearchFilter/components/TextSearch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SearchFilter/components/TextSearch.js"],"names":["TextSearch","label","searchValue","updateFilterValues","handleSubmit","filterValues","SEARCH_TERM","eValue","value","e","preventDefault","propTypes","PropTypes","object","isRequired","string","func","defaultProps"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,WAAV,QAAUA,WAAV;AAAA,MAAuBC,kBAAvB,QAAuBA,kBAAvB;AAAA,MAA2CC,YAA3C,QAA2CA,YAA3C;AAAA,MAAyDC,YAAzD,QAAyDA,YAAzD;AAAA,sBACjB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,gCAAC,iBAAD;AACE,IAAA,EAAE,EAAEC,sBADN;AAEE,IAAA,KAAK,EAAEJ,WAFT;AAGE,IAAA,WAAW,EAAED,KAAK,IAAI,QAHxB;AAIE,IAAA,QAAQ,EAAE,yBAAuB;AAAA,UAAbM,MAAa,SAApBC,KAAoB;AAC/BL,MAAAA,kBAAkB,sCAAIG,sBAAJ,EAAkBC,MAAlB,GAA4B,KAA5B,CAAlB;AACD;AANH,IADF,CADF,eAWE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,SAAS,EAAC,iCAFZ;AAGE,IAAA,OAAO,EAAE,iBAAAE,CAAC,EAAI;AACZA,MAAAA,CAAC,CAACC,cAAF;AACAP,MAAAA,kBAAkB,sCAAIG,sBAAJ,EAAkBJ,WAAlB,GAAiC,IAAjC,CAAlB;AACD;AANH,kBAOE;AAAG,IAAA,SAAS,EAAC;AAAb,cAPF,CAXF,CADF,CADiB;AAAA,CAAnB;;AA0BAF,UAAU,CAACW,SAAX,GAAuB;AACrBN,EAAAA,YAAY,EAAEO,sBAAUC,MAAV,CAAiBC,UADV;AAErBZ,EAAAA,WAAW,EAAEU,sBAAUG,MAAV,CAAiBD,UAFT;AAGrBX,EAAAA,kBAAkB,EAAES,sBAAUI,IAAV,CAAeF,UAHd;AAIrBV,EAAAA,YAAY,EAAEQ,sBAAUI,IAAV,CAAeF,UAJR;AAKrBb,EAAAA,KAAK,EAAEW,sBAAUG;AALI,CAAvB;AAQAf,UAAU,CAACiB,YAAX,GAA0B;AACxBhB,EAAAA,KAAK,EAAE;AADiB,CAA1B;;eAIe,oBAAUD,UAAV,C","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"}
+{"version":3,"sources":["../../../../src/components/SearchFilter/components/TextSearch.js"],"names":["TextSearch","label","searchValue","updateFilterValues","handleSubmit","filterValues","SEARCH_TERM","eValue","value","e","preventDefault","propTypes","PropTypes","object","isRequired","string","func","defaultProps"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,WAAV,QAAUA,WAAV;AAAA,MAAuBC,kBAAvB,QAAuBA,kBAAvB;AAAA,MAA2CC,YAA3C,QAA2CA,YAA3C;AAAA,MAAyDC,YAAzD,QAAyDA,YAAzD;AAAA,sBACjB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,gCAAC,iBAAD;AACE,IAAA,EAAE,EAAEC,sBADN;AAEE,IAAA,KAAK,EAAEJ,WAFT;AAGE,IAAA,WAAW,EAAED,KAAK,IAAI,QAHxB;AAIE,IAAA,QAAQ,EAAE,yBAAuB;AAAA,UAAbM,MAAa,SAApBC,KAAoB;AAC/BL,MAAAA,kBAAkB,sCAAIG,sBAAJ,EAAkBC,MAAlB,GAA4B,KAA5B,CAAlB;AACD;AANH,IADF,CADF,eAWE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,SAAS,EAAC,iCAFZ;AAGE,IAAA,OAAO,EAAE,iBAAAE,CAAC,EAAI;AACZA,MAAAA,CAAC,CAACC,cAAF;AACAP,MAAAA,kBAAkB,sCAAIG,sBAAJ,EAAkBJ,WAAlB,GAAiC,IAAjC,CAAlB;AACD;AANH,kBAOE,wDACE,gCAAC,YAAD,OADF,CAPF,CAXF,CADF,CADiB;AAAA,CAAnB;;AA4BAF,UAAU,CAACW,SAAX,GAAuB;AACrBN,EAAAA,YAAY,EAAEO,sBAAUC,MAAV,CAAiBC,UADV;AAErBZ,EAAAA,WAAW,EAAEU,sBAAUG,MAAV,CAAiBD,UAFT;AAGrBX,EAAAA,kBAAkB,EAAES,sBAAUI,IAAV,CAAeF,UAHd;AAIrBV,EAAAA,YAAY,EAAEQ,sBAAUI,IAAV,CAAeF,UAJR;AAKrBb,EAAAA,KAAK,EAAEW,sBAAUG;AALI,CAAvB;AAQAf,UAAU,CAACiB,YAAX,GAA0B;AACxBhB,EAAAA,KAAK,EAAE;AADiB,CAA1B;;eAIe,oBAAUD,UAAV,C","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/Menu/Menu.js

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

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

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

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

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

@@ -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"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.116.0-alpha.1",
+  "version": "0.116.0-alpha.2",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -88,5 +88,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "1b427e1842087433fcf5ddec8e8f5384159fc6ea"
+  "gitHead": "2233c0f814dd2634c5b092feb75508f3ec4bbcf8"
 }

package/src/components/Menu/Menu.js

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

@@ -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/components/TextSearch.js

@@ -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';
 
@@ -24,7 +25,9 @@ const TextSearch = ({ label, searchValue, updateFilterValues, handleSubmit, filt
           e.preventDefault();
           updateFilterValues({ [SEARCH_TERM]: searchValue }, true);
         }}>
-        <i className="material-icons">search</i>
+        <i>
+          <MdSearch />
+        </i>
       </button>
     </div>
   </div>

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

@@ -9,10 +9,25 @@ exports[`CloseMobileForm component should render without throwing error and matc
       Search refinement
     </p>
     <i
-      class="material-icons"
       role="button"
     >
-      close
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        stroke-width="0"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M0 0h24v24H0z"
+          fill="none"
+        />
+        <path
+          d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+        />
+      </svg>
     </i>
   </div>
 </DocumentFragment>

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

@@ -625,10 +625,25 @@ exports[`SearchFilter component when the device is mobile when isCollapsedOnResp
         Search refinement
       </p>
       <i
-        class="material-icons"
         role="button"
       >
-        close
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0z"
+            fill="none"
+          />
+          <path
+            d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+          />
+        </svg>
       </i>
     </div>
     <div

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

@@ -31,10 +31,24 @@ exports[`TextSearch component should render without throwing an error and match
         class="icon-button icon-button--search"
         type="button"
       >
-        <i
-          class="material-icons"
-        >
-          search
+        <i>
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+            />
+            <path
+              d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
+            />
+          </svg>
         </i>
       </button>
     </div>