@blaze-cms/react-page-builder 0.124.0-alpha.9 → 0.124.1-alpha.2

package/lib/components/SearchContent/index.js

@@ -1,315 +1,16 @@
 "use strict";
 
-require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/es.object.define-property.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.split.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.promise.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.array.flat.js");
-
-require("core-js/modules/es.array.unscopables.flat.js");
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.includes.js");
-
-require("core-js/modules/es.string.includes.js");
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _client = require("@apollo/client");
-
-var _router = require("next/router");
-
-var _query = require("../../application/query");
-
-var _BlazeLink = _interopRequireDefault(require("../BlazeLink"));
-
-var _templateObject;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var logError = function logError(error) {
-  return error;
-};
-
-var SearchContent = function SearchContent(_ref) {
-  var entities = _ref.entities,
-      searchInputAlignment = _ref.searchInputAlignment,
-      searchInputWrapperMobile = _ref.searchInputWrapperMobile,
-      searchInputWrapperDesktop = _ref.searchInputWrapperDesktop,
-      collapsible = _ref.collapsible,
-      isMobile = _ref.isMobile,
-      placeholder = _ref.placeholder;
-
-  var _useState = (0, _react.useState)(collapsible),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      collapsed = _useState2[0],
-      setCollapsed = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      searchTerm = _useState4[0],
-      setSearchTerm = _useState4[1];
-
-  var _useState5 = (0, _react.useState)([]),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      data = _useState6[0],
-      setData = _useState6[1];
-
-  var router = (0, _router.useRouter)();
-  var client = (0, _client.useApolloClient)();
-
-  var capitalize = function capitalize(s) {
-    if (typeof s !== 'string') return '';
-    return s.charAt(0).toUpperCase() + s.slice(1);
-  };
-
-  _react["default"].useEffect(function () {
-    if (data && data.length !== 0) return;
-    var promises = entities.map(function (entity) {
-      var _entity$split = entity.split('_'),
-          _entity$split2 = (0, _slicedToArray2["default"])(_entity$split, 2),
-          a = _entity$split2[0],
-          b = _entity$split2[1];
-
-      var entityName = capitalize(a) + capitalize(b);
-      var rawQueryStringified = JSON.stringify({
-        size: 0,
-        query: {
-          bool: {
-            should: [{
-              match: {
-                docType: entity
-              }
-            }],
-            minimum_should_match: 1
-          }
-        }
-      });
-      var query = (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n        ", "\n      "])), (0, _query.getPublishedContent)(entityName));
-
-      try {
-        return client.query({
-          query: query,
-          variables: {
-            rawQueryStringified: rawQueryStringified,
-            offset: 0,
-            limit: 5
-          }
-        });
-      } catch (e) {
-        return [];
-      }
-    });
-
-    try {
-      (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var fetchResults, searchResults;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return Promise.all(promises);
-
-              case 3:
-                fetchResults = _context.sent;
-                searchResults = fetchResults.map(function (result) {
-                  var resultData = result.data;
-                  return resultData.searchPublishedContent.results;
-                }).flat();
-                setData(searchResults);
-                _context.next = 11;
-                break;
-
-              case 8:
-                _context.prev = 8;
-                _context.t0 = _context["catch"](0);
-                logError(_context.t0);
-
-              case 11:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[0, 8]]);
-      }))();
-    } catch (e) {
-      logError(e);
-    }
-  });
-
-  var handleClick = function handleClick(e, url) {
-    e.preventDefault();
-    router.push(url);
-  };
-
-  var handleKeyPress = function handleKeyPress(e) {
-    if (e.key === 'Enter' && e.target.value !== '') {
-      router.push("/search?search_term=".concat(e.target.value));
-    }
-  };
-
-  var renderResults = function renderResults() {
-    return (// eslint-disable-next-line no-undef
-      data === null || data === void 0 ? void 0 : data.map(function (dataItem) {
-        var name = dataItem.name,
-            image = dataItem.image,
-            url = dataItem.url;
-
-        if (searchTerm && searchTerm !== '') {
-          if (name.includes(searchTerm)) {
-            return /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
-              href: url,
-              onClick: function onClick(e) {
-                return handleClick(e, url);
-              }
-            }, /*#__PURE__*/_react["default"].createElement("div", {
-              className: "mt-2 mb-1"
-            }, /*#__PURE__*/_react["default"].createElement("div", {
-              className: "flex justify-start items-center"
-            }, image.url ? /*#__PURE__*/_react["default"].createElement("img", {
-              src: image.url,
-              alt: name,
-              className: "w-20 h-14"
-            }) : null, /*#__PURE__*/_react["default"].createElement("span", {
-              className: "ml-2"
-            }, name))));
-          }
-
-          return null;
-        }
-      })
-    );
-  };
-
-  var searchResultsMessage = searchTerm ? "Search results for: ".concat(searchTerm) : '';
-  return collapsed ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--collapse__wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("label", {
-    className: "search-content--collapse__label"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "search-content--collapse__icon_wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
-    className: "search-content--collapse__icon",
-    viewBox: "0 0 20 20"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fillRule: "evenodd",
-    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
-    clipRule: "evenodd"
-  }))), /*#__PURE__*/_react["default"].createElement("input", {
-    onFocus: function onFocus() {
-      return setCollapsed(false);
-    },
-    onChange: function onChange(e) {
-      return setSearchTerm(e.target.value);
-    },
-    type: "text",
-    name: "search",
-    value: "",
-    className: "search-content--collapse__input"
-  })))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--expanded__wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("label", {
-    className: "search-content--expanded__label"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "search-content--expanded__icon_wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
-    className: "search-content--expanded__icon",
-    viewBox: "0 0 20 20"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fillRule: "evenodd",
-    d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
-    clipRule: "evenodd"
-  }))), /*#__PURE__*/_react["default"].createElement("input", {
-    type: "text",
-    name: "search",
-    onChange: function onChange(e) {
-      return setSearchTerm(e.target.value);
-    },
-    onKeyPress: handleKeyPress,
-    className: "search-content--expanded__input",
-    placeholder: placeholder,
-    onBlur: function onBlur() {
-      if (!collapsible) return;
-      if (!searchTerm || searchTerm === '') setCollapsed(true);
-    }
-  }))), data && searchResultsMessage !== '' && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--results__wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--results__wrapper--message"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "text-sm pt-2"
-  }, searchResultsMessage), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--results__message"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--results__content"
-  }, renderResults()))))));
-};
+var _SearchContent = _interopRequireDefault(require("./SearchContent"));
 
-SearchContent.propTypes = {
-  searchInputAlignment: _propTypes["default"].string,
-  searchInputWrapperMobile: _propTypes["default"].string,
-  searchInputWrapperDesktop: _propTypes["default"].string,
-  placeholder: _propTypes["default"].string,
-  isMobile: _propTypes["default"].bool,
-  collapsible: _propTypes["default"].bool,
-  entities: _propTypes["default"].array.isRequired
-};
-SearchContent.defaultProps = {
-  searchInputAlignment: '',
-  searchInputWrapperMobile: '',
-  searchInputWrapperDesktop: '',
-  placeholder: '',
-  isMobile: false,
-  collapsible: false
-};
-var _default = SearchContent;
+var _default = _SearchContent["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/components/SearchContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["logError","error","SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","collapsed","setCollapsed","searchTerm","setSearchTerm","data","setData","router","client","capitalize","s","charAt","toUpperCase","slice","React","useEffect","length","promises","map","entity","split","a","b","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","gql","variables","offset","limit","e","Promise","all","fetchResults","searchResults","result","resultData","searchPublishedContent","results","flat","handleClick","url","preventDefault","push","handleKeyPress","key","target","value","renderResults","dataItem","name","image","includes","searchResultsMessage","propTypes","PropTypes","string","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useApolloClient } from '@apollo/client';\n\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst logError = error => error;\n\nconst SearchContent = ({\n  entities,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  collapsible,\n  isMobile,\n  placeholder\n}) => {\n  const [collapsed, setCollapsed] = useState(collapsible);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const [data, setData] = useState([]);\n\n  const router = useRouter();\n  const client = useApolloClient();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  React.useEffect(() => {\n    if (data && data.length !== 0) return;\n\n    const promises = entities.map(entity => {\n      const [a, b] = entity.split('_');\n\n      const entityName = capitalize(a) + capitalize(b);\n\n      const rawQueryStringified = JSON.stringify({\n        size: 0,\n        query: {\n          bool: {\n            should: [\n              {\n                match: {\n                  docType: entity\n                }\n              }\n            ],\n            minimum_should_match: 1\n          }\n        }\n      });\n\n      const query = gql`\n        ${getPublishedContent(entityName)}\n      `;\n\n      try {\n        return client.query({\n          query,\n          variables: {\n            rawQueryStringified,\n            offset: 0,\n            limit: 5\n          }\n        });\n      } catch (e) {\n        return [];\n      }\n    });\n\n    try {\n      (async () => {\n        try {\n          const fetchResults = await Promise.all(promises);\n          const searchResults = fetchResults\n            .map(result => {\n              const { data: resultData } = result;\n              return resultData.searchPublishedContent.results;\n            })\n            .flat();\n\n          setData(searchResults);\n        } catch (e) {\n          logError(e);\n        }\n      })();\n    } catch (e) {\n      logError(e);\n    }\n  });\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyPress = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      router.push(`/search?search_term=${e.target.value}`);\n    }\n  };\n\n  const renderResults = () =>\n    // eslint-disable-next-line no-undef\n    data?.map(dataItem => {\n      const { name, image, url } = dataItem;\n\n      if (searchTerm && searchTerm !== '') {\n        if (name.includes(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              <div className=\"mt-2 mb-1\">\n                <div className=\"flex justify-start items-center\">\n                  {image.url ? <img src={image.url} alt={name} className=\"w-20 h-14\" /> : null}\n                  <span className=\"ml-2\">{name}</span>\n                </div>\n              </div>\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      }\n    });\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"search-content--collapse__wrapper\">\n        <label className=\"search-content--collapse__label\">\n          <span className=\"search-content--collapse__icon_wrapper\">\n            <svg className=\"search-content--collapse__icon\" viewBox=\"0 0 20 20\">\n              <path\n                fillRule=\"evenodd\"\n                d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"search-content--collapse__input\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"search-content--expanded__wrapper\">\n          <label className=\"search-content--expanded__label\">\n            <span className=\"search-content--expanded__icon_wrapper\">\n              <svg className=\"search-content--expanded__icon\" viewBox=\"0 0 20 20\">\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              onKeyPress={handleKeyPress}\n              className=\"search-content--expanded__input\"\n              placeholder={placeholder}\n              onBlur={() => {\n                if (!collapsible) return;\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"search-content--results__wrapper\">\n              <div className=\"search-content--results__wrapper--message\">\n                <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n                <div className=\"search-content--results__message\">\n                  <div className=\"search-content--results__content\">{renderResults()}</div>\n                </div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  placeholder: PropTypes.string,\n  isMobile: PropTypes.bool,\n  collapsible: PropTypes.bool,\n  entities: PropTypes.array.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  collapsible: false\n};\n\nexport default SearchContent;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["SearchContent"],"sources":["../../../src/components/SearchContent/index.js"],"sourcesContent":["import SearchContent from './SearchContent';\n\nexport default SearchContent;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,yB"}

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

@@ -1 +1 @@
-{"version":3,"file":"CloseMobileForm.js","names":["CloseMobileForm","handleClose","MOBILE_REFINEMENT_TITLE","propTypes","PropTypes","func","isRequired"],"sources":["../../../../src/components/SearchFilter/SearchFilter/CloseMobileForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MdClose } from 'react-icons/md';\nimport { MOBILE_REFINEMENT_TITLE } from '../constants';\n\nconst CloseMobileForm = ({ handleClose }) => (\n  <div className=\"filter__header filter__header--mobile\">\n    <p>{MOBILE_REFINEMENT_TITLE}</p>\n\n    <i role=\"button\" onClick={handleClose}>\n      <MdClose />\n    </i>\n  </div>\n);\n\nCloseMobileForm.propTypes = {\n  handleClose: PropTypes.func.isRequired\n};\n\nexport default CloseMobileForm;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB;EAAA,IAAGC,WAAH,QAAGA,WAAH;EAAA,oBACtB;IAAK,SAAS,EAAC;EAAf,gBACE,2CAAIC,kCAAJ,CADF,eAGE;IAAG,IAAI,EAAC,QAAR;IAAiB,OAAO,EAAED;EAA1B,gBACE,gCAAC,WAAD,OADF,CAHF,CADsB;AAAA,CAAxB;;AAUAD,eAAe,CAACG,SAAhB,GAA4B;EAC1BF,WAAW,EAAEG,sBAAUC,IAAV,CAAeC;AADF,CAA5B;eAIeN,e"}
+{"version":3,"file":"CloseMobileForm.js","names":["CloseMobileForm","handleClose","MOBILE_REFINEMENT_TITLE","propTypes","PropTypes","func","isRequired"],"sources":["../../../../src/components/SearchFilter/SearchFilter/CloseMobileForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MdClose } from 'react-icons/md';\nimport { MOBILE_REFINEMENT_TITLE } from '../constants';\n\nconst CloseMobileForm = ({ handleClose }) => (\n  <div className=\"filter__header filter__header--mobile\">\n    <p>{MOBILE_REFINEMENT_TITLE}</p>\n\n    <i role=\"button\" onClick={handleClose}>\n      <MdClose />\n    </i>\n  </div>\n);\n\nCloseMobileForm.propTypes = {\n  handleClose: PropTypes.func.isRequired\n};\n\nexport default CloseMobileForm;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB;EAAA,IAAGC,WAAH,QAAGA,WAAH;EAAA,oBACtB;IAAK,SAAS,EAAC;EAAf,gBACE,2CAAIC,kCAAJ,CADF,eAGE;IAAG,IAAI,EAAC,QAAR;IAAiB,OAAO,EAAED;EAA1B,gBACE,gCAAC,WAAD,OADF,CAHF,CADsB;AAAA,CAAxB;;AAUAD,eAAe,CAACG,SAAhB,GAA4B;EAC1BF,WAAW,EAAEG,qBAAA,CAAUC,IAAV,CAAeC;AADF,CAA5B;eAIeN,e"}

package/lib/components/SearchFilter/SearchFilter/FiltersList.js

@@ -72,8 +72,6 @@ var FiltersList = function FiltersList(_ref) {
     var isDataAvailable = !!data && Object.keys(data).length;
     var dataAggregations = isDataAvailable ? data : null;
     var areAggregationsAvailable = isDataAvailable && !!dataAggregations;
-    var results = areAggregationsAvailable && dataAggregations[propsToDisplay[0]];
-    var shouldDisplayFilter = results && results.buckets && results.buckets.length;
 
     switch (type) {
       case _constants.TEXT_SEARCH:
@@ -89,7 +87,7 @@ var FiltersList = function FiltersList(_ref) {
         })));
 
       case _constants.CHECKBOX:
-        return !!shouldDisplayFilter && /*#__PURE__*/_react["default"].createElement("div", {
+        return /*#__PURE__*/_react["default"].createElement("div", {
           key: dynamicKey,
           className: "filter__section filter__section--search-refine filter__section--checkboxes"
         }, /*#__PURE__*/_react["default"].createElement(_components.Checkbox, (0, _extends2["default"])({}, otherProps, {
@@ -104,7 +102,7 @@ var FiltersList = function FiltersList(_ref) {
         })));
 
       case _constants.SELECT:
-        return !!shouldDisplayFilter && /*#__PURE__*/_react["default"].createElement("div", {
+        return /*#__PURE__*/_react["default"].createElement("div", {
           key: dynamicKey,
           className: "filter__section filter__section--search-refine filter__section--selects"
         }, /*#__PURE__*/_react["default"].createElement(_components.SelectFilter, (0, _extends2["default"])({}, otherProps, {

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

@@ -1 +1 @@
-{"version":3,"file":"FiltersList.js","names":["FiltersList","data","filters","hasUrl","entity","filterValues","updateFilterValues","shouldSearch","MainContext","itemId","map","index","type","label","propsToDisplay","elementTitle","otherProps","length","dynamicKey","join","isDataAvailable","Object","keys","dataAggregations","areAggregationsAvailable","results","shouldDisplayFilter","buckets","TEXT_SEARCH","SEARCH_TERM","CHECKBOX","SELECT","RANGE","propTypes","PropTypes","bool","isRequired","string","object","func","array","defaultProps"],"sources":["../../../../src/components/SearchFilter/SearchFilter/FiltersList.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { TextSearch, Checkbox, SelectFilter, Range } from '../components';\nimport { CHECKBOX, SELECT, TEXT_SEARCH, RANGE, SEARCH_TERM } from '../constants';\n\nconst FiltersList = ({\n  data,\n  filters,\n  hasUrl,\n  entity,\n  filterValues,\n  updateFilterValues,\n  shouldSearch\n}) => {\n  const { itemId } = useContext(MainContext);\n\n  return filters.map(({ type, label, propsToDisplay, elementTitle, ...otherProps }, index) => {\n    if (!propsToDisplay && !propsToDisplay.length) return null;\n\n    const dynamicKey = [itemId, index].join('-');\n    const isDataAvailable = !!data && Object.keys(data).length;\n    const dataAggregations = isDataAvailable ? data : null;\n    const areAggregationsAvailable = isDataAvailable && !!dataAggregations;\n    const results = areAggregationsAvailable && dataAggregations[propsToDisplay[0]];\n    const shouldDisplayFilter = results && results.buckets && results.buckets.length;\n\n    switch (type) {\n      case TEXT_SEARCH:\n        return (\n          <div\n            key={dynamicKey}\n            className=\"filter__section filter__section--search-refine filter__section--search\">\n            <TextSearch\n              {...otherProps}\n              label={label}\n              elementTitle={elementTitle}\n              searchValue={filterValues[SEARCH_TERM]}\n              updateFilterValues={updateFilterValues}\n              filterValues={filterValues}\n            />\n          </div>\n        );\n      case CHECKBOX:\n        return (\n          !!shouldDisplayFilter && (\n            <div\n              key={dynamicKey}\n              className=\"filter__section filter__section--search-refine filter__section--checkboxes\">\n              <Checkbox\n                {...otherProps}\n                data={data}\n                prop={propsToDisplay[0]}\n                label={label}\n                elementTitle={elementTitle}\n                hasUrl={hasUrl}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      case SELECT:\n        return (\n          !!shouldDisplayFilter && (\n            <div\n              key={dynamicKey}\n              className=\"filter__section filter__section--search-refine filter__section--selects\">\n              <SelectFilter\n                {...otherProps}\n                data={data}\n                prop={propsToDisplay[0]}\n                label={label}\n                elementTitle={elementTitle}\n                hasUrl={hasUrl}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      case RANGE:\n        return (\n          !!areAggregationsAvailable && (\n            <div key={dynamicKey} className=\"range-slider__wrapper\">\n              <Range\n                {...otherProps}\n                dataAggregations={dataAggregations}\n                propsToDisplay={propsToDisplay}\n                label={label}\n                elementTitle={elementTitle}\n                entity={entity}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      default:\n        return null;\n    }\n  });\n};\n\nFiltersList.propTypes = {\n  hasUrl: PropTypes.bool.isRequired,\n  entity: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  data: PropTypes.object,\n  filters: PropTypes.array,\n  shouldSearch: PropTypes.bool\n};\n\nFiltersList.defaultProps = {\n  shouldSearch: false,\n  data: {},\n  filters: []\n};\n\nexport default FiltersList;\n"],"mappings":"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"}
+{"version":3,"file":"FiltersList.js","names":["FiltersList","data","filters","hasUrl","entity","filterValues","updateFilterValues","shouldSearch","useContext","MainContext","itemId","map","index","type","label","propsToDisplay","elementTitle","otherProps","length","dynamicKey","join","isDataAvailable","Object","keys","dataAggregations","areAggregationsAvailable","TEXT_SEARCH","SEARCH_TERM","CHECKBOX","SELECT","RANGE","propTypes","PropTypes","bool","isRequired","string","object","func","array","defaultProps"],"sources":["../../../../src/components/SearchFilter/SearchFilter/FiltersList.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { TextSearch, Checkbox, SelectFilter, Range } from '../components';\nimport { CHECKBOX, SELECT, TEXT_SEARCH, RANGE, SEARCH_TERM } from '../constants';\n\nconst FiltersList = ({\n  data,\n  filters,\n  hasUrl,\n  entity,\n  filterValues,\n  updateFilterValues,\n  shouldSearch\n}) => {\n  const { itemId } = useContext(MainContext);\n\n  return filters.map(({ type, label, propsToDisplay, elementTitle, ...otherProps }, index) => {\n    if (!propsToDisplay && !propsToDisplay.length) return null;\n    const dynamicKey = [itemId, index].join('-');\n    const isDataAvailable = !!data && Object.keys(data).length;\n    const dataAggregations = isDataAvailable ? data : null;\n    const areAggregationsAvailable = isDataAvailable && !!dataAggregations;\n\n    switch (type) {\n      case TEXT_SEARCH:\n        return (\n          <div\n            key={dynamicKey}\n            className=\"filter__section filter__section--search-refine filter__section--search\">\n            <TextSearch\n              {...otherProps}\n              label={label}\n              elementTitle={elementTitle}\n              searchValue={filterValues[SEARCH_TERM]}\n              updateFilterValues={updateFilterValues}\n              filterValues={filterValues}\n            />\n          </div>\n        );\n      case CHECKBOX:\n        return (\n          <div\n            key={dynamicKey}\n            className=\"filter__section filter__section--search-refine filter__section--checkboxes\">\n            <Checkbox\n              {...otherProps}\n              data={data}\n              prop={propsToDisplay[0]}\n              label={label}\n              elementTitle={elementTitle}\n              hasUrl={hasUrl}\n              filterValues={filterValues}\n              updateFilterValues={updateFilterValues}\n              shouldSearch={shouldSearch}\n            />\n          </div>\n        );\n      case SELECT:\n        return (\n          <div\n            key={dynamicKey}\n            className=\"filter__section filter__section--search-refine filter__section--selects\">\n            <SelectFilter\n              {...otherProps}\n              data={data}\n              prop={propsToDisplay[0]}\n              label={label}\n              elementTitle={elementTitle}\n              hasUrl={hasUrl}\n              filterValues={filterValues}\n              updateFilterValues={updateFilterValues}\n              shouldSearch={shouldSearch}\n            />\n          </div>\n        );\n      case RANGE:\n        return (\n          !!areAggregationsAvailable && (\n            <div key={dynamicKey} className=\"range-slider__wrapper\">\n              <Range\n                {...otherProps}\n                dataAggregations={dataAggregations}\n                propsToDisplay={propsToDisplay}\n                label={label}\n                elementTitle={elementTitle}\n                entity={entity}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      default:\n        return null;\n    }\n  });\n};\n\nFiltersList.propTypes = {\n  hasUrl: PropTypes.bool.isRequired,\n  entity: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  data: PropTypes.object,\n  filters: PropTypes.array,\n  shouldSearch: PropTypes.bool\n};\n\nFiltersList.defaultProps = {\n  shouldSearch: false,\n  data: {},\n  filters: []\n};\n\nexport default FiltersList;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"MobileFormToolbar.js","names":["MobileFormToolbar","formId","handleReset","RESET","SEARCH","propTypes","PropTypes","string","isRequired","func"],"sources":["../../../../src/components/SearchFilter/SearchFilter/MobileFormToolbar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { RESET, SEARCH } from '../constants';\n\nconst MobileFormToolbar = ({ formId, handleReset }) => (\n  <div className=\"filter__refine filter__refine--mobile-open\">\n    <div className=\"reset\" data-testid=\"reset-button\" role=\"button\" onClick={handleReset}>\n      {RESET}\n    </div>\n\n    <button className=\"search\" type=\"submit\" form={formId}>\n      {SEARCH}\n    </button>\n  </div>\n);\n\nMobileFormToolbar.propTypes = {\n  formId: PropTypes.string.isRequired,\n  handleReset: PropTypes.func.isRequired\n};\n\nexport default MobileFormToolbar;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB;EAAA,IAAGC,MAAH,QAAGA,MAAH;EAAA,IAAWC,WAAX,QAAWA,WAAX;EAAA,oBACxB;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC,OAAf;IAAuB,eAAY,cAAnC;IAAkD,IAAI,EAAC,QAAvD;IAAgE,OAAO,EAAEA;EAAzE,GACGC,gBADH,CADF,eAKE;IAAQ,SAAS,EAAC,QAAlB;IAA2B,IAAI,EAAC,QAAhC;IAAyC,IAAI,EAAEF;EAA/C,GACGG,iBADH,CALF,CADwB;AAAA,CAA1B;;AAYAJ,iBAAiB,CAACK,SAAlB,GAA8B;EAC5BJ,MAAM,EAAEK,sBAAUC,MAAV,CAAiBC,UADG;EAE5BN,WAAW,EAAEI,sBAAUG,IAAV,CAAeD;AAFA,CAA9B;eAKeR,iB"}
+{"version":3,"file":"MobileFormToolbar.js","names":["MobileFormToolbar","formId","handleReset","RESET","SEARCH","propTypes","PropTypes","string","isRequired","func"],"sources":["../../../../src/components/SearchFilter/SearchFilter/MobileFormToolbar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { RESET, SEARCH } from '../constants';\n\nconst MobileFormToolbar = ({ formId, handleReset }) => (\n  <div className=\"filter__refine filter__refine--mobile-open\">\n    <div className=\"reset\" data-testid=\"reset-button\" role=\"button\" onClick={handleReset}>\n      {RESET}\n    </div>\n\n    <button className=\"search\" type=\"submit\" form={formId}>\n      {SEARCH}\n    </button>\n  </div>\n);\n\nMobileFormToolbar.propTypes = {\n  formId: PropTypes.string.isRequired,\n  handleReset: PropTypes.func.isRequired\n};\n\nexport default MobileFormToolbar;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB;EAAA,IAAGC,MAAH,QAAGA,MAAH;EAAA,IAAWC,WAAX,QAAWA,WAAX;EAAA,oBACxB;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC,OAAf;IAAuB,eAAY,cAAnC;IAAkD,IAAI,EAAC,QAAvD;IAAgE,OAAO,EAAEA;EAAzE,GACGC,gBADH,CADF,eAKE;IAAQ,SAAS,EAAC,QAAlB;IAA2B,IAAI,EAAC,QAAhC;IAAyC,IAAI,EAAEF;EAA/C,GACGG,iBADH,CALF,CADwB;AAAA,CAA1B;;AAYAJ,iBAAiB,CAACK,SAAlB,GAA8B;EAC5BJ,MAAM,EAAEK,qBAAA,CAAUC,MAAV,CAAiBC,UADG;EAE5BN,WAAW,EAAEI,qBAAA,CAAUG,IAAV,CAAeD;AAFA,CAA9B;eAKeR,iB"}

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

@@ -1 +1 @@
-{"version":3,"file":"ResetDesktopForm.js","names":["ResetDesktopForm","handleReset","RESET","propTypes","PropTypes","func","isRequired"],"sources":["../../../../src/components/SearchFilter/SearchFilter/ResetDesktopForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FaRedoAlt } from 'react-icons/fa';\nimport { RESET } from '../constants';\n\nconst ResetDesktopForm = ({ handleReset }) => (\n  <div className=\"filter__reset\">\n    <button\n      type=\"button\"\n      className=\"icon-button icon-button--reset\"\n      title=\"reset--button\"\n      data-testid=\"reset-icon\"\n      onClick={handleReset}>\n      <i>\n        <FaRedoAlt />\n      </i>\n    </button>\n\n    <div role=\"button\" onClick={handleReset} data-testid=\"reset-button\">\n      {RESET}\n    </div>\n  </div>\n);\n\nResetDesktopForm.propTypes = {\n  handleReset: PropTypes.func.isRequired\n};\n\nexport default ResetDesktopForm;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IAAGC,WAAH,QAAGA,WAAH;EAAA,oBACvB;IAAK,SAAS,EAAC;EAAf,gBACE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAC,gCAFZ;IAGE,KAAK,EAAC,eAHR;IAIE,eAAY,YAJd;IAKE,OAAO,EAAEA;EALX,gBAME,wDACE,gCAAC,aAAD,OADF,CANF,CADF,eAYE;IAAK,IAAI,EAAC,QAAV;IAAmB,OAAO,EAAEA,WAA5B;IAAyC,eAAY;EAArD,GACGC,gBADH,CAZF,CADuB;AAAA,CAAzB;;AAmBAF,gBAAgB,CAACG,SAAjB,GAA6B;EAC3BF,WAAW,EAAEG,sBAAUC,IAAV,CAAeC;AADD,CAA7B;eAIeN,gB"}
+{"version":3,"file":"ResetDesktopForm.js","names":["ResetDesktopForm","handleReset","RESET","propTypes","PropTypes","func","isRequired"],"sources":["../../../../src/components/SearchFilter/SearchFilter/ResetDesktopForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FaRedoAlt } from 'react-icons/fa';\nimport { RESET } from '../constants';\n\nconst ResetDesktopForm = ({ handleReset }) => (\n  <div className=\"filter__reset\">\n    <button\n      type=\"button\"\n      className=\"icon-button icon-button--reset\"\n      title=\"reset--button\"\n      data-testid=\"reset-icon\"\n      onClick={handleReset}>\n      <i>\n        <FaRedoAlt />\n      </i>\n    </button>\n\n    <div role=\"button\" onClick={handleReset} data-testid=\"reset-button\">\n      {RESET}\n    </div>\n  </div>\n);\n\nResetDesktopForm.propTypes = {\n  handleReset: PropTypes.func.isRequired\n};\n\nexport default ResetDesktopForm;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IAAGC,WAAH,QAAGA,WAAH;EAAA,oBACvB;IAAK,SAAS,EAAC;EAAf,gBACE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAC,gCAFZ;IAGE,KAAK,EAAC,eAHR;IAIE,eAAY,YAJd;IAKE,OAAO,EAAEA;EALX,gBAME,wDACE,gCAAC,aAAD,OADF,CANF,CADF,eAYE;IAAK,IAAI,EAAC,QAAV;IAAmB,OAAO,EAAEA,WAA5B;IAAyC,eAAY;EAArD,GACGC,gBADH,CAZF,CADuB;AAAA,CAAzB;;AAmBAF,gBAAgB,CAACG,SAAjB,GAA6B;EAC3BF,WAAW,EAAEG,qBAAA,CAAUC,IAAV,CAAeC;AADD,CAA7B;eAIeN,gB"}

package/lib/components/SearchFilter/SearchFilter/SearchFilter.js

@@ -1,33 +1,19 @@
 "use strict";
 
-require("core-js/modules/es.object.keys.js");
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.iterator.js");
 
 require("core-js/modules/es.object.to-string.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-require("core-js/modules/es.array.for-each.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-
-require("core-js/modules/es.object.define-properties.js");
-
-require("core-js/modules/es.object.define-property.js");
-
-require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -37,14 +23,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 require("core-js/modules/es.function.name.js");
 
 require("core-js/modules/es.array.slice.js");
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -69,37 +53,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var reducer = function reducer(state, action) {
-  var newValues = action.newValues,
-      type = action.type,
-      _action$shouldSearch = action.shouldSearch,
-      shouldSearch = _action$shouldSearch === void 0 ? true : _action$shouldSearch;
-
-  switch (type) {
-    case 'update':
-      return _objectSpread(_objectSpread(_objectSpread({}, state), newValues), {}, {
-        shouldSearch: shouldSearch
-      });
-
-    case 'resetSearch':
-      return _objectSpread(_objectSpread({}, state), {}, {
-        shouldSearch: false
-      });
-
-    case 'reset':
-      return _objectSpread(_objectSpread({}, newValues), {}, {
-        shouldSearch: shouldSearch
-      });
-
-    default:
-      throw new Error();
-  }
-};
-
 var SearchFilter = function SearchFilter(_ref) {
   var searchFilterRef = _ref.searchFilterRef,
       data = _ref.data,
@@ -111,9 +64,10 @@ var SearchFilter = function SearchFilter(_ref) {
       isCollapsedOnResponsive = _ref.isCollapsedOnResponsive,
       displaySearchFilter = _ref.displaySearchFilter,
       setDisplaySearchFilter = _ref.setDisplaySearchFilter,
-      initialFilterValues = _ref.initialFilterValues,
       groupAfterDesktop = _ref.groupAfterDesktop,
-      groupAfterMobile = _ref.groupAfterMobile;
+      groupAfterMobile = _ref.groupAfterMobile,
+      filterValues = _ref.filterValues,
+      setAppliedFilters = _ref.setAppliedFilters;
 
   var _useState = (0, _react.useState)(true),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -125,11 +79,6 @@ var SearchFilter = function SearchFilter(_ref) {
       moreFiltersDesktopCollapsed = _useState4[0],
       setMoreFiltersDesktopCollapsed = _useState4[1];
 
-  var _useReducer = (0, _react.useReducer)(reducer, initialFilterValues),
-      _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
-      filterValues = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
   var doSubmit = function doSubmit() {
     var newValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : filterValues;
     var newQuery = (0, _helpers.buildQuery)(newValues, filters);
@@ -144,11 +93,11 @@ var SearchFilter = function SearchFilter(_ref) {
   (0, _react.useEffect)(function () {
     if (filterValues.shouldSearch) {
       handleSubmit(filterValues);
-      dispatch({
+      setAppliedFilters({
         type: 'resetSearch'
       });
     }
-  }, [filterValues, handleSubmit]);
+  }, [filterValues, handleSubmit, setAppliedFilters]);
   var formClass = (0, _classnames["default"])('filter__form filter__form--initial', {
     'filter__form--mobile': isCollapsedOnResponsive && displaySearchFilter,
     'filter__form--collapsible': isCollapsedOnResponsive
@@ -163,15 +112,16 @@ var SearchFilter = function SearchFilter(_ref) {
   var formId = "filter-".concat(name, "-form");
 
   var handleReset = function handleReset() {
-    var newValues = (0, _helpers.getInitialFilterValues)(data, filters, {});
-    dispatch({
+    var newValues = (0, _helpers.getInitialFilterValues)(null, filters, {});
+    setAppliedFilters({
       newValues: newValues,
       type: 'reset'
     });
+    doSubmit(newValues);
   };
 
   var updateFilterValues = function updateFilterValues(newValues, shouldSubmit) {
-    dispatch({
+    setAppliedFilters({
       newValues: newValues,
       shouldSearch: shouldSubmit,
       type: 'update'
@@ -297,7 +247,8 @@ SearchFilter.propTypes = {
   isCollapsedOnResponsive: _propTypes["default"].bool.isRequired,
   groupAfterDesktop: _propTypes["default"].number.isRequired,
   groupAfterMobile: _propTypes["default"].number.isRequired,
-  initialFilterValues: _propTypes["default"].object.isRequired
+  filterValues: _propTypes["default"].object.isRequired,
+  setAppliedFilters: _propTypes["default"].func.isRequired
 };
 var _default = SearchFilter;
 exports["default"] = _default;