@blaze-cms/react-page-builder 0.123.0-alpha.7 → 0.123.0

package/lib/components/SearchContent/index.js

@@ -35,7 +35,9 @@ require("core-js/modules/es.array.map.js");
 
 require("core-js/modules/es.function.name.js");
 
-require("core-js/modules/es.string.match.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"));
 
@@ -59,6 +61,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var SearchContent = function SearchContent(_ref) {
   var entity = _ref.entity,
+      searchInputAlignment = _ref.searchInputAlignment,
       searchInputWrapperMobile = _ref.searchInputWrapperMobile,
       searchInputWrapperDesktop = _ref.searchInputWrapperDesktop,
       isMobile = _ref.isMobile;
@@ -113,13 +116,19 @@ var SearchContent = function SearchContent(_ref) {
       data = _useQuery.data;
 
   if (loading) return null;
-  if (error) return "Error! ".concat(error);
+  if (error) return null;
 
   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() {
     // eslint-disable-next-line no-undef
     var _data$searchPublished = data === null || data === void 0 ? void 0 : data.searchPublishedContent,
@@ -130,7 +139,7 @@ var SearchContent = function SearchContent(_ref) {
         var name = _ref2.name,
             url = _ref2.url;
 
-        if (name.match(searchTerm)) {
+        if (name.includes(searchTerm)) {
           return /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
             href: url,
             onClick: function onClick(e) {
@@ -150,21 +159,19 @@ var SearchContent = function SearchContent(_ref) {
   return collapsed ? /*#__PURE__*/_react["default"].createElement("div", {
     className: isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "w-11 mx-auto"
+    className: "search-content--collapse__wrapper"
   }, /*#__PURE__*/_react["default"].createElement("label", {
-    className: "relative block"
+    className: "search-content--collapse__label"
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer"
+    className: "search-content--collapse__icon_wrapper"
   }, /*#__PURE__*/_react["default"].createElement("svg", {
-    className: "h-5 w-5 fill-slate-300",
+    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("span", {
-    className: "sr-only"
-  }, "Search"), /*#__PURE__*/_react["default"].createElement("input", {
+  }))), /*#__PURE__*/_react["default"].createElement("input", {
     onFocus: function onFocus() {
       return setCollapsed(false);
     },
@@ -174,47 +181,49 @@ var SearchContent = function SearchContent(_ref) {
     type: "text",
     name: "search",
     value: "",
-    className: "disabled:bg-white block bg-white w-full rounded-none border-white py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm"
+    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: "w-96 mx-auto rounded-3xl"
+    className: "search-content--expanded__wrapper"
   }, /*#__PURE__*/_react["default"].createElement("label", {
-    className: "relative block"
+    className: "search-content--expanded__label"
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "absolute inset-y-0 right-3 flex items-center pl-2"
+    className: "search-content--expanded__icon_wrapper"
   }, /*#__PURE__*/_react["default"].createElement("svg", {
-    className: "h-5 w-5 fill-slate-300",
+    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("span", {
-    className: "sr-only"
-  }, "Search"), /*#__PURE__*/_react["default"].createElement("input", {
+  }))), /*#__PURE__*/_react["default"].createElement("input", {
     type: "text",
     name: "search",
     onChange: function onChange(e) {
       return setSearchTerm(e.target.value);
     },
-    className: "block w-full rounded-full rounded-white py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm",
+    onKeyPress: handleKeyPress,
+    className: "search-content--expanded__input",
     placeholder: "Search for anything...",
     onBlur: function onBlur() {
       if (!searchTerm || searchTerm === '') setCollapsed(true);
     }
   }))), data && searchResultsMessage !== '' && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "bg-white ml-1 mr-1 rounded rounded-lg relative top-0 flex flex-col z-50 border-2 border-gray-50"
+    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: "text-left px-4 py-2"
+    className: "search-content--results__message"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "text-bold"
-  }, renderResults())))));
+    className: "search-content--results__content"
+  }, renderResults()))))));
 };
 
 SearchContent.propTypes = {
+  searchInputAlignment: _propTypes["default"].string,
   searchInputWrapperMobile: _propTypes["default"].string,
   searchInputWrapperDesktop: _propTypes["default"].string,
   isMobile: _propTypes["default"].bool,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["SearchContent","entity","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","collapsed","setCollapsed","searchTerm","setSearchTerm","router","capitalize","s","charAt","toUpperCase","slice","split","a","b","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","gql","variables","offset","limit","loading","error","data","handleClick","e","url","preventDefault","push","renderResults","searchPublishedContent","results","map","name","searchResultsMessage","target","value","propTypes","PropTypes","string","isRequired","defaultProps","searchInputAlignment"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst SearchContent = ({\n  entity,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  isMobile\n}) => {\n  const [collapsed, setCollapsed] = useState(true);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\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  const { loading, error, data } = useQuery(query, {\n    variables: { rawQueryStringified, offset: 0, limit: 5 }\n  });\n\n  if (loading) return null;\n  if (error) return `Error! ${error}`;\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const renderResults = () => {\n    // eslint-disable-next-line no-undef\n    const { results } = data?.searchPublishedContent;\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.match(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\n  };\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"w-11 mx-auto\">\n        <label className=\"relative block\">\n          <span className=\"absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer\">\n            <svg className=\"h-5 w-5 fill-slate-300\" 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          <span className=\"sr-only\">Search</span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"disabled:bg-white block bg-white w-full rounded-none border-white py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"w-96 mx-auto rounded-3xl\">\n          <label className=\"relative block\">\n            <span className=\"absolute inset-y-0 right-3 flex items-center pl-2\">\n              <svg className=\"h-5 w-5 fill-slate-300\" 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            <span className=\"sr-only\">Search</span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              className=\"block w-full rounded-full rounded-white py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm\"\n              placeholder=\"Search for anything...\"\n              onBlur={() => {\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"bg-white ml-1 mr-1 rounded rounded-lg relative top-0 flex flex-col z-50 border-2 border-gray-50\">\n              <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n              <div className=\"text-left px-4 py-2\">\n                <div className=\"text-bold\">{renderResults()}</div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  isMobile: PropTypes.bool,\n  entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  isMobile: false\n};\n\nexport default SearchContent;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["SearchContent","entity","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","collapsed","setCollapsed","searchTerm","setSearchTerm","router","capitalize","s","charAt","toUpperCase","slice","split","a","b","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","gql","variables","offset","limit","loading","error","data","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","renderResults","searchPublishedContent","results","map","name","includes","searchResultsMessage","propTypes","PropTypes","string","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst SearchContent = ({\n  entity,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  isMobile\n}) => {\n  const [collapsed, setCollapsed] = useState(true);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\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  const { loading, error, data } = useQuery(query, {\n    variables: { rawQueryStringified, offset: 0, limit: 5 }\n  });\n\n  if (loading) return null;\n  if (error) return null;\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    const { results } = data?.searchPublishedContent;\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.includes(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\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=\"Search for anything...\"\n              onBlur={() => {\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  isMobile: PropTypes.bool,\n  entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  isMobile: false\n};\n\nexport default SearchContent;\n"],"file":"index.js"}

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

@@ -23,6 +23,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 require("core-js/modules/es.array.map.js");
 
 require("core-js/modules/es.array.join.js");
@@ -39,6 +43,8 @@ var _components = require("../components");
 
 var _constants = require("../constants");
 
+var _excluded = ["type", "label", "propsToDisplay", "elementTitle"];
+
 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; }
@@ -59,8 +65,8 @@ var FiltersList = function FiltersList(_ref) {
     var type = _ref2.type,
         label = _ref2.label,
         propsToDisplay = _ref2.propsToDisplay,
-        rangeInterval = _ref2.rangeInterval,
-        elementTitle = _ref2.elementTitle;
+        elementTitle = _ref2.elementTitle,
+        otherProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
     if (!propsToDisplay && !propsToDisplay.length) return null;
     var dynamicKey = [itemId, index].join('-');
     var isDataAvailable = !!data && Object.keys(data).length;
@@ -74,19 +80,19 @@ var FiltersList = function FiltersList(_ref) {
         return /*#__PURE__*/_react["default"].createElement("div", {
           key: dynamicKey,
           className: "filter__section filter__section--search-refine filter__section--search"
-        }, /*#__PURE__*/_react["default"].createElement(_components.TextSearch, {
+        }, /*#__PURE__*/_react["default"].createElement(_components.TextSearch, (0, _extends2["default"])({}, otherProps, {
           label: label,
           elementTitle: elementTitle,
           searchValue: filterValues[_constants.SEARCH_TERM],
           updateFilterValues: updateFilterValues,
           filterValues: filterValues
-        }));
+        })));
 
       case _constants.CHECKBOX:
         return !!shouldDisplayFilter && /*#__PURE__*/_react["default"].createElement("div", {
           key: dynamicKey,
           className: "filter__section filter__section--search-refine filter__section--checkboxes"
-        }, /*#__PURE__*/_react["default"].createElement(_components.Checkbox, {
+        }, /*#__PURE__*/_react["default"].createElement(_components.Checkbox, (0, _extends2["default"])({}, otherProps, {
           data: data,
           prop: propsToDisplay[0],
           label: label,
@@ -95,13 +101,13 @@ var FiltersList = function FiltersList(_ref) {
           filterValues: filterValues,
           updateFilterValues: updateFilterValues,
           shouldSearch: shouldSearch
-        }));
+        })));
 
       case _constants.SELECT:
         return !!shouldDisplayFilter && /*#__PURE__*/_react["default"].createElement("div", {
           key: dynamicKey,
           className: "filter__section filter__section--search-refine filter__section--selects"
-        }, /*#__PURE__*/_react["default"].createElement(_components.SelectFilter, {
+        }, /*#__PURE__*/_react["default"].createElement(_components.SelectFilter, (0, _extends2["default"])({}, otherProps, {
           data: data,
           prop: propsToDisplay[0],
           label: label,
@@ -110,23 +116,22 @@ var FiltersList = function FiltersList(_ref) {
           filterValues: filterValues,
           updateFilterValues: updateFilterValues,
           shouldSearch: shouldSearch
-        }));
+        })));
 
       case _constants.RANGE:
         return !!areAggregationsAvailable && /*#__PURE__*/_react["default"].createElement("div", {
           key: dynamicKey,
           className: "range-slider__wrapper"
-        }, /*#__PURE__*/_react["default"].createElement(_components.Range, {
+        }, /*#__PURE__*/_react["default"].createElement(_components.Range, (0, _extends2["default"])({}, otherProps, {
           dataAggregations: dataAggregations,
           propsToDisplay: propsToDisplay,
-          rangeInterval: rangeInterval,
           label: label,
           elementTitle: elementTitle,
           entity: entity,
           filterValues: filterValues,
           updateFilterValues: updateFilterValues,
           shouldSearch: shouldSearch
-        }));
+        })));
 
       default:
         return null;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/FiltersList.js"],"names":["FiltersList","data","filters","hasUrl","entity","filterValues","updateFilterValues","shouldSearch","MainContext","itemId","map","index","type","label","propsToDisplay","rangeInterval","elementTitle","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"],"mappings":"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","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, rangeInterval, elementTitle }, 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              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                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                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                dataAggregations={dataAggregations}\n                propsToDisplay={propsToDisplay}\n                rangeInterval={rangeInterval}\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"],"file":"FiltersList.js"}
+{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/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"],"mappings":"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","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"],"file":"FiltersList.js"}

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

@@ -117,23 +117,13 @@ var SearchFilter = function SearchFilter(_ref) {
 
   var _useState = (0, _react.useState)(true),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isDesktop = _useState2[0],
-      setIsDesktop = _useState2[1];
+      moreFiltersMobileCollapsed = _useState2[0],
+      setMoreFiltersMobileCollapsed = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(null),
+  var _useState3 = (0, _react.useState)(true),
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      pageWidth = _useState4[0],
-      setPageWidth = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(true),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      moreFiltersMobileCollapsed = _useState6[0],
-      setMoreFiltersMobileCollapsed = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(true),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      moreFiltersDesktopCollapsed = _useState8[0],
-      setMoreFiltersDesktopCollapsed = _useState8[1];
+      moreFiltersDesktopCollapsed = _useState4[0],
+      setMoreFiltersDesktopCollapsed = _useState4[1];
 
   var _useReducer = (0, _react.useReducer)(reducer, initialFilterValues),
       _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
@@ -144,24 +134,6 @@ var SearchFilter = function SearchFilter(_ref) {
     var newQuery = (0, _helpers.buildQuery)(newValues, filters);
     handleSearch(newQuery);
   }, 200);
-  (0, _react.useEffect)(function () {
-    if (window && !pageWidth) {
-      setPageWidth(window.innerWidth);
-      setIsDesktop((0, _helpers.isDeviceDesktop)());
-    }
-
-    var handleResize = function handleResize(_ref2) {
-      var innerWidth = _ref2.target.innerWidth;
-      setIsDesktop((0, _helpers.isDeviceDesktop)());
-      setPageWidth(innerWidth);
-      if (isDesktop) setDisplaySearchFilter(false);
-    };
-
-    window.addEventListener('resize', handleResize);
-    return function () {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, [isDesktop, pageWidth, setDisplaySearchFilter]);
   (0, _react.useEffect)(function () {
     if (filterValues.shouldSearch) {
       handleSubmit(filterValues);
@@ -170,16 +142,9 @@ var SearchFilter = function SearchFilter(_ref) {
       });
     }
   }, [filterValues, handleSubmit]);
-  var isDesktopFormDisplayed = true;
-  var isMobileFormDisplayed = false;
-
-  if (!isDesktop && isCollapsedOnResponsive) {
-    isMobileFormDisplayed = displaySearchFilter;
-    isDesktopFormDisplayed = false;
-  }
-
-  var formClass = (0, _classnames["default"])({
-    'filter__form filter__form--mobile': isMobileFormDisplayed
+  var formClass = (0, _classnames["default"])('filter__form filter__form--initial', {
+    'filter__form--mobile': isCollapsedOnResponsive && displaySearchFilter,
+    'filter__form--collapsible': isCollapsedOnResponsive
   });
 
   var _getResponsiveFilterC = (0, _helpers.getResponsiveFilterClassnames)(moreFiltersDesktopCollapsed, moreFiltersMobileCollapsed),
@@ -208,7 +173,7 @@ var SearchFilter = function SearchFilter(_ref) {
 
   var shouldGroup = !!(groupAfterDesktop || groupAfterMobile);
   var shouldSearch = !hasUrl;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isDesktopFormDisplayed || isMobileFormDisplayed ? /*#__PURE__*/_react["default"].createElement("form", {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("form", {
     ref: searchFilterRef,
     className: formClass,
     "data-testid": formId,
@@ -218,13 +183,13 @@ var SearchFilter = function SearchFilter(_ref) {
       var newQuery = (0, _helpers.buildQuery)(filterValues, filters);
       handleSearch(newQuery);
     }
-  }, isMobileFormDisplayed && /*#__PURE__*/_react["default"].createElement(_CloseMobileForm["default"], {
+  }, displaySearchFilter && /*#__PURE__*/_react["default"].createElement(_CloseMobileForm["default"], {
     handleClose: function handleClose() {
       return setDisplaySearchFilter(false);
     }
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "filter filter--search-refine"
-  }, isDesktopFormDisplayed && /*#__PURE__*/_react["default"].createElement(_ResetDesktopForm["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_ResetDesktopForm["default"], {
     handleReset: handleReset
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "filter__wrapper filter__wrapper--search-refine"
@@ -294,13 +259,13 @@ var SearchFilter = function SearchFilter(_ref) {
   }), /*#__PURE__*/_react["default"].createElement("button", {
     className: "button button--full-width",
     type: "submit"
-  }, _constants.SEARCH)))), /*#__PURE__*/_react["default"].createElement("br", null), isDesktopFormDisplayed && /*#__PURE__*/_react["default"].createElement("button", {
+  }, _constants.SEARCH)))), /*#__PURE__*/_react["default"].createElement("br", null), !displaySearchFilter && /*#__PURE__*/_react["default"].createElement("button", {
     className: "button button--full-width",
     type: "submit"
-  }, _constants.SEARCH))), isMobileFormDisplayed && /*#__PURE__*/_react["default"].createElement(_MobileFormToolbar["default"], {
+  }, _constants.SEARCH))), displaySearchFilter && /*#__PURE__*/_react["default"].createElement(_MobileFormToolbar["default"], {
     formId: formId,
     handleReset: handleReset
-  })) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isCollapsedOnResponsive && /*#__PURE__*/_react["default"].createElement("div", {
+  })), isCollapsedOnResponsive && !displaySearchFilter && /*#__PURE__*/_react["default"].createElement("div", {
     className: "filter__refine filter__refine--mobile-close",
     "data-testid": "refine-mobile"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -308,7 +273,7 @@ var SearchFilter = function SearchFilter(_ref) {
     onClick: function onClick() {
       return setDisplaySearchFilter(true);
     }
-  }, _constants.REFINE))));
+  }, _constants.REFINE)));
 };
 
 SearchFilter.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/SearchFilter.js"],"names":["reducer","state","action","newValues","type","shouldSearch","Error","SearchFilter","searchFilterRef","data","filters","hasUrl","entity","handleSearch","name","isCollapsedOnResponsive","displaySearchFilter","setDisplaySearchFilter","initialFilterValues","groupAfterDesktop","groupAfterMobile","isDesktop","setIsDesktop","pageWidth","setPageWidth","moreFiltersMobileCollapsed","setMoreFiltersMobileCollapsed","moreFiltersDesktopCollapsed","setMoreFiltersDesktopCollapsed","filterValues","dispatch","handleSubmit","newQuery","window","innerWidth","handleResize","target","addEventListener","removeEventListener","isDesktopFormDisplayed","isMobileFormDisplayed","formClass","moreFiltersMobileWrapperClass","moreFiltersMobileTogglerClass","moreFiltersDesktopWrapperClass","moreFiltersDesktopTogglerClass","formId","handleReset","updateFilterValues","shouldSubmit","shouldGroup","e","preventDefault","slice","MORE_FILTERS_CLASSES","MOBILE_CONTENT","DESKTOP_CONTENT","DESKTOP_BUTTONS","SEARCH","MOBILE_BUTTONS","REFINE","propTypes","PropTypes","object","isRequired","array","bool","string","func","number"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useReducer } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport debounce from 'lodash.debounce';\nimport FiltersList from './FiltersList';\nimport {\n  isDeviceDesktop,\n  buildQuery,\n  getInitialFilterValues,\n  getResponsiveFilterClassnames\n} from '../helpers';\nimport CloseMobileForm from './CloseMobileForm';\nimport ResetDesktopForm from './ResetDesktopForm';\nimport MobileFormToolbar from './MobileFormToolbar';\nimport { SEARCH, REFINE, MORE_FILTERS_CLASSES } from '../constants';\n\nconst reducer = (state, action) => {\n  const { newValues, type, shouldSearch = true } = action;\n\n  switch (type) {\n    case 'update':\n      return { ...state, ...newValues, shouldSearch };\n    case 'resetSearch':\n      return { ...state, shouldSearch: false };\n    case 'reset':\n      return { ...newValues, shouldSearch };\n    default:\n      throw new Error();\n  }\n};\n\nconst SearchFilter = ({\n  searchFilterRef,\n  data,\n  filters,\n  hasUrl,\n  entity,\n  handleSearch,\n  name,\n  isCollapsedOnResponsive,\n  displaySearchFilter,\n  setDisplaySearchFilter,\n  initialFilterValues,\n  groupAfterDesktop,\n  groupAfterMobile\n}) => {\n  const [isDesktop, setIsDesktop] = useState(true);\n  const [pageWidth, setPageWidth] = useState(null);\n  const [moreFiltersMobileCollapsed, setMoreFiltersMobileCollapsed] = useState(true);\n  const [moreFiltersDesktopCollapsed, setMoreFiltersDesktopCollapsed] = useState(true);\n  const [filterValues, dispatch] = useReducer(reducer, initialFilterValues);\n\n  const handleSubmit = debounce(newValues => {\n    const newQuery = buildQuery(newValues, filters);\n    handleSearch(newQuery);\n  }, 200);\n\n  useEffect(\n    () => {\n      if (window && !pageWidth) {\n        setPageWidth(window.innerWidth);\n        setIsDesktop(isDeviceDesktop());\n      }\n\n      const handleResize = ({ target: { innerWidth } }) => {\n        setIsDesktop(isDeviceDesktop());\n        setPageWidth(innerWidth);\n        if (isDesktop) setDisplaySearchFilter(false);\n      };\n\n      window.addEventListener('resize', handleResize);\n      return () => {\n        window.removeEventListener('resize', handleResize);\n      };\n    },\n    [isDesktop, pageWidth, setDisplaySearchFilter]\n  );\n\n  useEffect(\n    () => {\n      if (filterValues.shouldSearch) {\n        handleSubmit(filterValues);\n        dispatch({ type: 'resetSearch' });\n      }\n    },\n    [filterValues, handleSubmit]\n  );\n\n  let isDesktopFormDisplayed = true;\n  let isMobileFormDisplayed = false;\n\n  if (!isDesktop && isCollapsedOnResponsive) {\n    isMobileFormDisplayed = displaySearchFilter;\n    isDesktopFormDisplayed = false;\n  }\n\n  const formClass = classnames({\n    'filter__form filter__form--mobile': isMobileFormDisplayed\n  });\n\n  const {\n    moreFiltersMobileWrapperClass,\n    moreFiltersMobileTogglerClass,\n    moreFiltersDesktopWrapperClass,\n    moreFiltersDesktopTogglerClass\n  } = getResponsiveFilterClassnames(moreFiltersDesktopCollapsed, moreFiltersMobileCollapsed);\n\n  const formId = `filter-${name}-form`;\n\n  const handleReset = () => {\n    const newValues = getInitialFilterValues(data, filters, {});\n\n    dispatch({ newValues, type: 'reset' });\n  };\n\n  const updateFilterValues = (newValues, shouldSubmit) => {\n    dispatch({ newValues, shouldSearch: shouldSubmit, type: 'update' });\n  };\n\n  const shouldGroup = !!(groupAfterDesktop || groupAfterMobile);\n  const shouldSearch = !hasUrl;\n\n  return (\n    <>\n      {isDesktopFormDisplayed || isMobileFormDisplayed ? (\n        <form\n          ref={searchFilterRef}\n          className={formClass}\n          data-testid={formId}\n          id={formId}\n          onSubmit={e => {\n            e.preventDefault();\n            const newQuery = buildQuery(filterValues, filters);\n            handleSearch(newQuery);\n          }}>\n          {isMobileFormDisplayed && (\n            <CloseMobileForm handleClose={() => setDisplaySearchFilter(false)} />\n          )}\n\n          <div className=\"filter filter--search-refine\">\n            {isDesktopFormDisplayed && <ResetDesktopForm handleReset={handleReset} />}\n\n            <div className=\"filter__wrapper filter__wrapper--search-refine\">\n              {!shouldGroup && (\n                <FiltersList\n                  shouldSearch={shouldSearch}\n                  data={data}\n                  filters={filters}\n                  hasUrl={hasUrl}\n                  entity={entity}\n                  filterValues={filterValues}\n                  updateFilterValues={updateFilterValues}\n                />\n              )}\n\n              {shouldGroup && (\n                <>\n                  <FiltersList\n                    shouldSearch={shouldSearch}\n                    data={data}\n                    filters={filters.slice(0, groupAfterMobile)}\n                    hasUrl={hasUrl}\n                    entity={entity}\n                    filterValues={filterValues}\n                    updateFilterValues={updateFilterValues}\n                  />\n\n                  {!!groupAfterMobile && (\n                    <button\n                      className={moreFiltersMobileTogglerClass}\n                      type=\"button\"\n                      onClick={() => setMoreFiltersMobileCollapsed(!moreFiltersMobileCollapsed)}>\n                      Filters\n                    </button>\n                  )}\n\n                  <div className={moreFiltersMobileWrapperClass}>\n                    <div className={MORE_FILTERS_CLASSES.MOBILE_CONTENT}>\n                      <FiltersList\n                        shouldSearch={shouldSearch && isDeviceDesktop()}\n                        data={data}\n                        filters={filters.slice(\n                          groupAfterMobile,\n                          groupAfterDesktop ? groupAfterDesktop - 1 : 0\n                        )}\n                        hasUrl={hasUrl}\n                        entity={entity}\n                        filterValues={filterValues}\n                        updateFilterValues={updateFilterValues}\n                      />\n\n                      {!!groupAfterDesktop && (\n                        <button\n                          className={moreFiltersDesktopTogglerClass}\n                          type=\"button\"\n                          onClick={() =>\n                            setMoreFiltersDesktopCollapsed(!moreFiltersDesktopCollapsed)\n                          }>\n                          More filters\n                        </button>\n                      )}\n\n                      <div className={moreFiltersDesktopWrapperClass}>\n                        <div className={MORE_FILTERS_CLASSES.DESKTOP_CONTENT}>\n                          <FiltersList\n                            shouldSearch={false}\n                            data={data}\n                            filters={filters.slice(groupAfterDesktop)}\n                            hasUrl={hasUrl}\n                            entity={entity}\n                            filterValues={filterValues}\n                            updateFilterValues={updateFilterValues}\n                          />\n                        </div>\n\n                        <div className={MORE_FILTERS_CLASSES.DESKTOP_BUTTONS}>\n                          <ResetDesktopForm handleReset={handleReset} />\n\n                          <button className=\"button button--full-width\" type=\"submit\">\n                            {SEARCH}\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n\n                    <div className={MORE_FILTERS_CLASSES.MOBILE_BUTTONS}>\n                      <ResetDesktopForm handleReset={handleReset} />\n\n                      <button className=\"button button--full-width\" type=\"submit\">\n                        {SEARCH}\n                      </button>\n                    </div>\n                  </div>\n                </>\n              )}\n\n              <br />\n\n              {isDesktopFormDisplayed && (\n                <button className=\"button button--full-width\" type=\"submit\">\n                  {SEARCH}\n                </button>\n              )}\n            </div>\n          </div>\n\n          {isMobileFormDisplayed && <MobileFormToolbar formId={formId} handleReset={handleReset} />}\n        </form>\n      ) : (\n        <>\n          {isCollapsedOnResponsive && (\n            <div\n              className=\"filter__refine filter__refine--mobile-close\"\n              data-testid=\"refine-mobile\">\n              <div role=\"button\" onClick={() => setDisplaySearchFilter(true)}>\n                {REFINE}\n              </div>\n            </div>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nSearchFilter.propTypes = {\n  data: PropTypes.object.isRequired,\n  filters: PropTypes.array.isRequired,\n  searchFilterRef: PropTypes.object.isRequired,\n  hasUrl: PropTypes.bool.isRequired,\n  entity: PropTypes.string.isRequired,\n  handleSearch: PropTypes.func.isRequired,\n  name: PropTypes.string.isRequired,\n  displaySearchFilter: PropTypes.bool.isRequired,\n  setDisplaySearchFilter: PropTypes.func.isRequired,\n  isCollapsedOnResponsive: PropTypes.bool.isRequired,\n  groupAfterDesktop: PropTypes.number.isRequired,\n  groupAfterMobile: PropTypes.number.isRequired,\n  initialFilterValues: PropTypes.object.isRequired\n};\n\nexport default SearchFilter;\n"],"file":"SearchFilter.js"}
+{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/SearchFilter.js"],"names":["reducer","state","action","newValues","type","shouldSearch","Error","SearchFilter","searchFilterRef","data","filters","hasUrl","entity","handleSearch","name","isCollapsedOnResponsive","displaySearchFilter","setDisplaySearchFilter","initialFilterValues","groupAfterDesktop","groupAfterMobile","moreFiltersMobileCollapsed","setMoreFiltersMobileCollapsed","moreFiltersDesktopCollapsed","setMoreFiltersDesktopCollapsed","filterValues","dispatch","handleSubmit","newQuery","formClass","moreFiltersMobileWrapperClass","moreFiltersMobileTogglerClass","moreFiltersDesktopWrapperClass","moreFiltersDesktopTogglerClass","formId","handleReset","updateFilterValues","shouldSubmit","shouldGroup","e","preventDefault","slice","MORE_FILTERS_CLASSES","MOBILE_CONTENT","DESKTOP_CONTENT","DESKTOP_BUTTONS","SEARCH","MOBILE_BUTTONS","REFINE","propTypes","PropTypes","object","isRequired","array","bool","string","func","number"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useReducer } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport debounce from 'lodash.debounce';\nimport FiltersList from './FiltersList';\nimport {\n  isDeviceDesktop,\n  buildQuery,\n  getInitialFilterValues,\n  getResponsiveFilterClassnames\n} from '../helpers';\nimport CloseMobileForm from './CloseMobileForm';\nimport ResetDesktopForm from './ResetDesktopForm';\nimport MobileFormToolbar from './MobileFormToolbar';\nimport { SEARCH, REFINE, MORE_FILTERS_CLASSES } from '../constants';\n\nconst reducer = (state, action) => {\n  const { newValues, type, shouldSearch = true } = action;\n\n  switch (type) {\n    case 'update':\n      return { ...state, ...newValues, shouldSearch };\n    case 'resetSearch':\n      return { ...state, shouldSearch: false };\n    case 'reset':\n      return { ...newValues, shouldSearch };\n    default:\n      throw new Error();\n  }\n};\n\nconst SearchFilter = ({\n  searchFilterRef,\n  data,\n  filters,\n  hasUrl,\n  entity,\n  handleSearch,\n  name,\n  isCollapsedOnResponsive,\n  displaySearchFilter,\n  setDisplaySearchFilter,\n  initialFilterValues,\n  groupAfterDesktop,\n  groupAfterMobile\n}) => {\n  const [moreFiltersMobileCollapsed, setMoreFiltersMobileCollapsed] = useState(true);\n  const [moreFiltersDesktopCollapsed, setMoreFiltersDesktopCollapsed] = useState(true);\n  const [filterValues, dispatch] = useReducer(reducer, initialFilterValues);\n\n  const handleSubmit = debounce(newValues => {\n    const newQuery = buildQuery(newValues, filters);\n    handleSearch(newQuery);\n  }, 200);\n\n  useEffect(\n    () => {\n      if (filterValues.shouldSearch) {\n        handleSubmit(filterValues);\n        dispatch({ type: 'resetSearch' });\n      }\n    },\n    [filterValues, handleSubmit]\n  );\n\n  const formClass = classnames('filter__form filter__form--initial', {\n    'filter__form--mobile': isCollapsedOnResponsive && displaySearchFilter,\n    'filter__form--collapsible': isCollapsedOnResponsive\n  });\n\n  const {\n    moreFiltersMobileWrapperClass,\n    moreFiltersMobileTogglerClass,\n    moreFiltersDesktopWrapperClass,\n    moreFiltersDesktopTogglerClass\n  } = getResponsiveFilterClassnames(moreFiltersDesktopCollapsed, moreFiltersMobileCollapsed);\n\n  const formId = `filter-${name}-form`;\n\n  const handleReset = () => {\n    const newValues = getInitialFilterValues(data, filters, {});\n\n    dispatch({ newValues, type: 'reset' });\n  };\n\n  const updateFilterValues = (newValues, shouldSubmit) => {\n    dispatch({ newValues, shouldSearch: shouldSubmit, type: 'update' });\n  };\n\n  const shouldGroup = !!(groupAfterDesktop || groupAfterMobile);\n  const shouldSearch = !hasUrl;\n\n  return (\n    <>\n      <form\n        ref={searchFilterRef}\n        className={formClass}\n        data-testid={formId}\n        id={formId}\n        onSubmit={e => {\n          e.preventDefault();\n          const newQuery = buildQuery(filterValues, filters);\n          handleSearch(newQuery);\n        }}>\n        {displaySearchFilter && (\n          <CloseMobileForm handleClose={() => setDisplaySearchFilter(false)} />\n        )}\n\n        <div className=\"filter filter--search-refine\">\n          <ResetDesktopForm handleReset={handleReset} />\n\n          <div className=\"filter__wrapper filter__wrapper--search-refine\">\n            {!shouldGroup && (\n              <FiltersList\n                shouldSearch={shouldSearch}\n                data={data}\n                filters={filters}\n                hasUrl={hasUrl}\n                entity={entity}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n              />\n            )}\n\n            {shouldGroup && (\n              <>\n                <FiltersList\n                  shouldSearch={shouldSearch}\n                  data={data}\n                  filters={filters.slice(0, groupAfterMobile)}\n                  hasUrl={hasUrl}\n                  entity={entity}\n                  filterValues={filterValues}\n                  updateFilterValues={updateFilterValues}\n                />\n\n                {!!groupAfterMobile && (\n                  <button\n                    className={moreFiltersMobileTogglerClass}\n                    type=\"button\"\n                    onClick={() => setMoreFiltersMobileCollapsed(!moreFiltersMobileCollapsed)}>\n                    Filters\n                  </button>\n                )}\n\n                <div className={moreFiltersMobileWrapperClass}>\n                  <div className={MORE_FILTERS_CLASSES.MOBILE_CONTENT}>\n                    <FiltersList\n                      shouldSearch={shouldSearch && isDeviceDesktop()}\n                      data={data}\n                      filters={filters.slice(\n                        groupAfterMobile,\n                        groupAfterDesktop ? groupAfterDesktop - 1 : 0\n                      )}\n                      hasUrl={hasUrl}\n                      entity={entity}\n                      filterValues={filterValues}\n                      updateFilterValues={updateFilterValues}\n                    />\n\n                    {!!groupAfterDesktop && (\n                      <button\n                        className={moreFiltersDesktopTogglerClass}\n                        type=\"button\"\n                        onClick={() =>\n                          setMoreFiltersDesktopCollapsed(!moreFiltersDesktopCollapsed)\n                        }>\n                        More filters\n                      </button>\n                    )}\n\n                    <div className={moreFiltersDesktopWrapperClass}>\n                      <div className={MORE_FILTERS_CLASSES.DESKTOP_CONTENT}>\n                        <FiltersList\n                          shouldSearch={false}\n                          data={data}\n                          filters={filters.slice(groupAfterDesktop)}\n                          hasUrl={hasUrl}\n                          entity={entity}\n                          filterValues={filterValues}\n                          updateFilterValues={updateFilterValues}\n                        />\n                      </div>\n\n                      <div className={MORE_FILTERS_CLASSES.DESKTOP_BUTTONS}>\n                        <ResetDesktopForm handleReset={handleReset} />\n\n                        <button className=\"button button--full-width\" type=\"submit\">\n                          {SEARCH}\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div className={MORE_FILTERS_CLASSES.MOBILE_BUTTONS}>\n                    <ResetDesktopForm handleReset={handleReset} />\n\n                    <button className=\"button button--full-width\" type=\"submit\">\n                      {SEARCH}\n                    </button>\n                  </div>\n                </div>\n              </>\n            )}\n\n            <br />\n\n            {!displaySearchFilter && (\n              <button className=\"button button--full-width\" type=\"submit\">\n                {SEARCH}\n              </button>\n            )}\n          </div>\n        </div>\n\n        {displaySearchFilter && <MobileFormToolbar formId={formId} handleReset={handleReset} />}\n      </form>\n\n      {isCollapsedOnResponsive &&\n        !displaySearchFilter && (\n          <div className=\"filter__refine filter__refine--mobile-close\" data-testid=\"refine-mobile\">\n            <div role=\"button\" onClick={() => setDisplaySearchFilter(true)}>\n              {REFINE}\n            </div>\n          </div>\n        )}\n    </>\n  );\n};\n\nSearchFilter.propTypes = {\n  data: PropTypes.object.isRequired,\n  filters: PropTypes.array.isRequired,\n  searchFilterRef: PropTypes.object.isRequired,\n  hasUrl: PropTypes.bool.isRequired,\n  entity: PropTypes.string.isRequired,\n  handleSearch: PropTypes.func.isRequired,\n  name: PropTypes.string.isRequired,\n  displaySearchFilter: PropTypes.bool.isRequired,\n  setDisplaySearchFilter: PropTypes.func.isRequired,\n  isCollapsedOnResponsive: PropTypes.bool.isRequired,\n  groupAfterDesktop: PropTypes.number.isRequired,\n  groupAfterMobile: PropTypes.number.isRequired,\n  initialFilterValues: PropTypes.object.isRequired\n};\n\nexport default SearchFilter;\n"],"file":"SearchFilter.js"}

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

@@ -11,8 +11,6 @@ exports["default"] = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 require("core-js/modules/es.array.sort.js");
 
 require("core-js/modules/es.array.filter.js");
@@ -21,8 +19,6 @@ require("core-js/modules/es.object.to-string.js");
 
 require("core-js/modules/es.array.map.js");
 
-require("core-js/modules/es.array.concat.js");
-
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -39,20 +35,34 @@ var SelectFilter = function SelectFilter(_ref) {
       prop = _ref.prop,
       updateFilterValues = _ref.updateFilterValues,
       filterValues = _ref.filterValues,
-      shouldSearch = _ref.shouldSearch;
+      shouldSearch = _ref.shouldSearch,
+      displayLabelAsPlaceholder = _ref.displayLabelAsPlaceholder;
   var filterValue = filterValues[prop] || '';
   var options = data[prop].buckets.map(function (bucket) {
     return bucket.key;
   }).filter(Boolean).sort();
-  var optionsJoined = [_constants.DEFAULT_OPTION].concat((0, _toConsumableArray2["default"])(options));
+  var optionsJoined = options;
+  var labelText = label || prop;
+  var labelToUse = labelText;
+  var defaultTextValue = _constants.DEFAULT_OPTION;
+
+  if (displayLabelAsPlaceholder) {
+    defaultTextValue = labelToUse;
+    labelToUse = null;
+  }
+
   return /*#__PURE__*/_react["default"].createElement(_select["default"], {
-    label: "".concat(label || prop),
+    label: labelToUse,
     value: filterValue,
     id: prop,
+    "data-testid": "filter-".concat(prop),
     options: optionsJoined,
+    defaultTextValue: defaultTextValue,
     onChange: function onChange(_ref2) {
       var value = _ref2.value;
-      updateFilterValues((0, _defineProperty2["default"])({}, prop, value), shouldSearch);
+      var valueToUse = value;
+      if (value === defaultTextValue) valueToUse = '';
+      updateFilterValues((0, _defineProperty2["default"])({}, prop, valueToUse), shouldSearch);
     }
   });
 };
@@ -63,11 +73,13 @@ SelectFilter.propTypes = {
   filterValues: _propTypes["default"].object.isRequired,
   updateFilterValues: _propTypes["default"].func.isRequired,
   shouldSearch: _propTypes["default"].bool,
-  label: _propTypes["default"].string
+  label: _propTypes["default"].string,
+  displayLabelAsPlaceholder: _propTypes["default"].bool
 };
 SelectFilter.defaultProps = {
   shouldSearch: false,
-  label: ''
+  label: '',
+  displayLabelAsPlaceholder: false
 };
 
 var _default = (0, _HOC.withTitle)(SelectFilter);