@blaze-cms/react-page-builder 0.114.0-alpha.1 → 0.114.0-alpha.5

package/CHANGELOG.md

@@ -3,6 +3,71 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.114.0-alpha.5](https://github.com/thebyte9/blaze/compare/v0.114.0-alpha.4...v0.114.0-alpha.5) (2021-11-30)
+
+
+### Bug Fixes
+
+* handle legacy sortby property as a string ([#3235](https://github.com/thebyte9/blaze/issues/3235)) ([2d25fc3](https://github.com/thebyte9/blaze/commit/2d25fc3e55125fec711d4a06f78d35a6b26d443a))
+
+
+
+
+
+# [0.114.0-alpha.4](https://github.com/thebyte9/blaze/compare/v0.114.0-alpha.3...v0.114.0-alpha.4) (2021-11-29)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.114.0-alpha.3](https://github.com/thebyte9/blaze/compare/v0.114.0-alpha.2...v0.114.0-alpha.3) (2021-11-25)
+
+
+### Bug Fixes
+
+* filters with url wont auto submit ([#3229](https://github.com/thebyte9/blaze/issues/3229)) ([44c08dc](https://github.com/thebyte9/blaze/commit/44c08dc1c1a34459f8cd6234aa4daa2cb4bcf1e1))
+
+
+
+
+
+# [0.114.0-alpha.2](https://github.com/thebyte9/blaze/compare/v0.113.1...v0.114.0-alpha.2) (2021-11-25)
+
+
+### Bug Fixes
+
+* hidden more filters dont auto submit ([#3228](https://github.com/thebyte9/blaze/issues/3228)) ([daae97e](https://github.com/thebyte9/blaze/commit/daae97ec697788c3f3ec4993b05594eb92095331))
+
+
+### Features
+
+* added extended sort properties to list and card ([#3226](https://github.com/thebyte9/blaze/issues/3226)) ([1feaa62](https://github.com/thebyte9/blaze/commit/1feaa6279d9ab3491b328dbfd230d4b996393687))
+* Wrap more filters for mobile with groupAfterMobile option ([#3213](https://github.com/thebyte9/blaze/issues/3213)) ([1b951a3](https://github.com/thebyte9/blaze/commit/1b951a316be151963c845da651baedb2e2e6817a))
+
+
+
+# [0.114.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.114.0-alpha.0...v0.114.0-alpha.1) (2021-11-24)
+
+
+### Features
+
+* added extended sort properties to list and card ([#3226](https://github.com/thebyte9/blaze/issues/3226)) ([8b6946e](https://github.com/thebyte9/blaze/commit/8b6946efd0fd80468858643ec9e79477d23613da))
+
+
+
+# [0.114.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.113.0...v0.114.0-alpha.0) (2021-11-22)
+
+
+### Features
+
+* Wrap more filters for mobile with groupAfterMobile option ([#3213](https://github.com/thebyte9/blaze/issues/3213)) ([8914aaa](https://github.com/thebyte9/blaze/commit/8914aaa33d29e8ff7d6a762f7c73adf6e559a344))
+
+
+
+
+
 # [0.114.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.114.0-alpha.0...v0.114.0-alpha.1) (2021-11-24)
 
 
@@ -25,6 +90,17 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+## [0.113.1](https://github.com/thebyte9/blaze/compare/v0.113.0...v0.113.1) (2021-11-24)
+
+
+### Bug Fixes
+
+* do not display loop data summary prop if label not set ([#3225](https://github.com/thebyte9/blaze/issues/3225)) ([1929b13](https://github.com/thebyte9/blaze/commit/1929b134e1631fda047e4bc142208676fdf2da01))
+
+
+
+
+
 # [0.113.0](https://github.com/thebyte9/blaze/compare/v0.113.0-alpha.9...v0.113.0) (2021-11-19)
 
 **Note:** Version bump only for package @blaze-cms/react-page-builder

package/lib/components/DataSummary/helpers/build-loop-props-content.js

@@ -86,7 +86,7 @@ var buildLoopPropsContent = function buildLoopPropsContent() {
         var propValue = loopValue ? getLoopValue(loopValue[i]) : regularValues[key];
         if (!propValue) return null;
         var linkToPublishedContent = (0, _getLinkToPublishedContent["default"])(key, data);
-        return [(0, _lodash["default"])(label) || (0, _lodash["default"])(key), propValue, linkToPublishedContent, modifier];
+        return [(0, _lodash["default"])(label), propValue, linkToPublishedContent, modifier];
       });
     })).filter(Boolean);
     loopPropsWithContent.push(propsArray);

package/lib/components/DataSummary/helpers/build-loop-props-content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DataSummary/helpers/build-loop-props-content.js"],"names":["getLoopValue","value","keyField","separateValues","propsToDisplay","loopProps","data","regularValues","loopValues","forEach","options","propertiesToDisplay","prop","isArrayValue","Array","isArray","isLoopableProp","includes","buildLoopPropsContent","limit","loopPropsWithContent","loopLimit","i","propsArray","map","label","modifier","key","loopValue","propValue","linkToPublishedContent","filter","Boolean","push"],"mappings":"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","sourcesContent":["import upperFirst from 'lodash.upperfirst';\nimport flatten from 'lodash.flatten';\nimport getLinkToPublishedContent from './get-link-to-published-content';\nimport getLoopPropsLimit from './get-loop-props-limit';\nimport getPropValue from './get-prop-value';\n\nconst getLoopValue = value => {\n  const { keyField } = value;\n  return value[keyField];\n};\n\nconst separateValues = (propsToDisplay, loopProps, data) => {\n  const regularValues = {};\n  const loopValues = {};\n\n  propsToDisplay.forEach(options => {\n    const { propertiesToDisplay } = options;\n    propertiesToDisplay.forEach(prop => {\n      const value = getPropValue(prop, data, options);\n      const isArrayValue = Array.isArray(value);\n      if (!value) return;\n      const isLoopableProp = loopProps.includes(prop) && isArrayValue;\n\n      if (isLoopableProp) {\n        loopValues[prop] = value;\n      } else {\n        regularValues[prop] = value;\n      }\n    });\n  });\n  return [regularValues, loopValues];\n};\n\nconst buildLoopPropsContent = (loopProps = [], propsToDisplay = [], limit = 0, data = {}) => {\n  const loopPropsWithContent = [];\n  const [regularValues, loopValues] = separateValues(propsToDisplay, loopProps, data);\n\n  const loopLimit = getLoopPropsLimit(loopValues, limit);\n\n  for (let i = 0; i < loopLimit; i += 1) {\n    const propsArray = flatten(\n      propsToDisplay.map(options => {\n        const { propertiesToDisplay, label, modifier = '' } = options;\n\n        return propertiesToDisplay.map(key => {\n          const loopValue = loopValues[key];\n          const propValue = loopValue ? getLoopValue(loopValue[i]) : regularValues[key];\n          if (!propValue) return null;\n          const linkToPublishedContent = getLinkToPublishedContent(key, data);\n          return [\n            upperFirst(label) || upperFirst(key),\n            propValue,\n            linkToPublishedContent,\n            modifier\n          ];\n        });\n      })\n    ).filter(Boolean);\n    loopPropsWithContent.push(propsArray);\n  }\n\n  return flatten(loopPropsWithContent);\n};\n\nexport default buildLoopPropsContent;\n"],"file":"build-loop-props-content.js"}
+{"version":3,"sources":["../../../../src/components/DataSummary/helpers/build-loop-props-content.js"],"names":["getLoopValue","value","keyField","separateValues","propsToDisplay","loopProps","data","regularValues","loopValues","forEach","options","propertiesToDisplay","prop","isArrayValue","Array","isArray","isLoopableProp","includes","buildLoopPropsContent","limit","loopPropsWithContent","loopLimit","i","propsArray","map","label","modifier","key","loopValue","propValue","linkToPublishedContent","filter","Boolean","push"],"mappings":"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","sourcesContent":["import upperFirst from 'lodash.upperfirst';\nimport flatten from 'lodash.flatten';\nimport getLinkToPublishedContent from './get-link-to-published-content';\nimport getLoopPropsLimit from './get-loop-props-limit';\nimport getPropValue from './get-prop-value';\n\nconst getLoopValue = value => {\n  const { keyField } = value;\n  return value[keyField];\n};\n\nconst separateValues = (propsToDisplay, loopProps, data) => {\n  const regularValues = {};\n  const loopValues = {};\n\n  propsToDisplay.forEach(options => {\n    const { propertiesToDisplay } = options;\n    propertiesToDisplay.forEach(prop => {\n      const value = getPropValue(prop, data, options);\n      const isArrayValue = Array.isArray(value);\n      if (!value) return;\n      const isLoopableProp = loopProps.includes(prop) && isArrayValue;\n\n      if (isLoopableProp) {\n        loopValues[prop] = value;\n      } else {\n        regularValues[prop] = value;\n      }\n    });\n  });\n  return [regularValues, loopValues];\n};\n\nconst buildLoopPropsContent = (loopProps = [], propsToDisplay = [], limit = 0, data = {}) => {\n  const loopPropsWithContent = [];\n  const [regularValues, loopValues] = separateValues(propsToDisplay, loopProps, data);\n\n  const loopLimit = getLoopPropsLimit(loopValues, limit);\n\n  for (let i = 0; i < loopLimit; i += 1) {\n    const propsArray = flatten(\n      propsToDisplay.map(options => {\n        const { propertiesToDisplay, label, modifier = '' } = options;\n\n        return propertiesToDisplay.map(key => {\n          const loopValue = loopValues[key];\n          const propValue = loopValue ? getLoopValue(loopValue[i]) : regularValues[key];\n          if (!propValue) return null;\n          const linkToPublishedContent = getLinkToPublishedContent(key, data);\n          return [upperFirst(label), propValue, linkToPublishedContent, modifier];\n        });\n      })\n    ).filter(Boolean);\n    loopPropsWithContent.push(propsArray);\n  }\n\n  return flatten(loopPropsWithContent);\n};\n\nexport default buildLoopPropsContent;\n"],"file":"build-loop-props-content.js"}

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

@@ -49,7 +49,8 @@ var FiltersList = function FiltersList(_ref) {
       hasUrl = _ref.hasUrl,
       entity = _ref.entity,
       filterValues = _ref.filterValues,
-      updateFilterValues = _ref.updateFilterValues;
+      updateFilterValues = _ref.updateFilterValues,
+      shouldSearch = _ref.shouldSearch;
 
   var _useContext = (0, _react.useContext)(_nextjsComponents.MainContext),
       itemId = _useContext.itemId;
@@ -92,7 +93,8 @@ var FiltersList = function FiltersList(_ref) {
           elementTitle: elementTitle,
           hasUrl: hasUrl,
           filterValues: filterValues,
-          updateFilterValues: updateFilterValues
+          updateFilterValues: updateFilterValues,
+          shouldSearch: shouldSearch
         }));
 
       case _constants.SELECT:
@@ -106,7 +108,8 @@ var FiltersList = function FiltersList(_ref) {
           elementTitle: elementTitle,
           hasUrl: hasUrl,
           filterValues: filterValues,
-          updateFilterValues: updateFilterValues
+          updateFilterValues: updateFilterValues,
+          shouldSearch: shouldSearch
         }));
 
       case _constants.RANGE:
@@ -121,7 +124,8 @@ var FiltersList = function FiltersList(_ref) {
           elementTitle: elementTitle,
           entity: entity,
           filterValues: filterValues,
-          updateFilterValues: updateFilterValues
+          updateFilterValues: updateFilterValues,
+          shouldSearch: shouldSearch
         }));
 
       default:
@@ -136,9 +140,11 @@ FiltersList.propTypes = {
   filterValues: _propTypes["default"].object.isRequired,
   updateFilterValues: _propTypes["default"].func.isRequired,
   data: _propTypes["default"].object,
-  filters: _propTypes["default"].array
+  filters: _propTypes["default"].array,
+  shouldSearch: _propTypes["default"].bool
 };
 FiltersList.defaultProps = {
+  shouldSearch: false,
   data: {},
   filters: []
 };

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","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 = ({ data, filters, hasUrl, entity, filterValues, updateFilterValues }) => {\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              />\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              />\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              />\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};\n\nFiltersList.defaultProps = {\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","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"}

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

@@ -198,15 +198,16 @@ var SearchFilter = function SearchFilter(_ref) {
     });
   };
 
-  var updateFilterValues = function updateFilterValues(newValues, shouldSearch) {
+  var updateFilterValues = function updateFilterValues(newValues, shouldSubmit) {
     dispatch({
       newValues: newValues,
-      shouldSearch: shouldSearch,
+      shouldSearch: shouldSubmit,
       type: 'update'
     });
   };
 
   var shouldGroup = !!(groupAfterDesktop || groupAfterMobile);
+  var shouldSearch = !hasUrl;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isDesktopFormDisplayed || isMobileFormDisplayed ? /*#__PURE__*/_react["default"].createElement("form", {
     ref: searchFilterRef,
     className: formClass,
@@ -228,6 +229,7 @@ var SearchFilter = function SearchFilter(_ref) {
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "filter__wrapper filter__wrapper--search-refine"
   }, !shouldGroup && /*#__PURE__*/_react["default"].createElement(_FiltersList["default"], {
+    shouldSearch: shouldSearch,
     data: data,
     filters: filters,
     hasUrl: hasUrl,
@@ -235,6 +237,7 @@ var SearchFilter = function SearchFilter(_ref) {
     filterValues: filterValues,
     updateFilterValues: updateFilterValues
   }), shouldGroup && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_FiltersList["default"], {
+    shouldSearch: shouldSearch,
     data: data,
     filters: filters.slice(0, groupAfterMobile),
     hasUrl: hasUrl,
@@ -252,6 +255,7 @@ var SearchFilter = function SearchFilter(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: _constants.MORE_FILTERS_CLASSES.MOBILE_CONTENT
   }, /*#__PURE__*/_react["default"].createElement(_FiltersList["default"], {
+    shouldSearch: shouldSearch && (0, _helpers.isDeviceDesktop)(),
     data: data,
     filters: filters.slice(groupAfterMobile, groupAfterDesktop ? groupAfterDesktop - 1 : 0),
     hasUrl: hasUrl,
@@ -269,6 +273,7 @@ var SearchFilter = function SearchFilter(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: _constants.MORE_FILTERS_CLASSES.DESKTOP_CONTENT
   }, /*#__PURE__*/_react["default"].createElement(_FiltersList["default"], {
+    shouldSearch: false,
     data: data,
     filters: filters.slice(groupAfterDesktop),
     hasUrl: hasUrl,

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","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, shouldSearch) => {\n    dispatch({ newValues, shouldSearch, type: 'update' });\n  };\n\n  const shouldGroup = !!(groupAfterDesktop || groupAfterMobile);\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                  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                    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                        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                            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","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"}

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

@@ -74,7 +74,8 @@ var Checkbox = function Checkbox(_ref) {
       prop = _ref.prop,
       updateFilterValues = _ref.updateFilterValues,
       filterValues = _ref.filterValues,
-      label = _ref.label;
+      label = _ref.label,
+      shouldSearch = _ref.shouldSearch;
 
   var _useState = (0, _react.useState)(null),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -129,7 +130,7 @@ var Checkbox = function Checkbox(_ref) {
         var value = _ref5.value;
         return value;
       });
-      updateFilterValues((0, _defineProperty2["default"])({}, prop, newCheckboxValues), true);
+      updateFilterValues((0, _defineProperty2["default"])({}, prop, newCheckboxValues), shouldSearch);
     }
   }), data[prop].buckets.length > _constants.LIMIT_MIN && /*#__PURE__*/_react["default"].createElement("div", {
     role: "button",
@@ -145,9 +146,11 @@ Checkbox.propTypes = {
   prop: _propTypes["default"].string.isRequired,
   filterValues: _propTypes["default"].object.isRequired,
   updateFilterValues: _propTypes["default"].func.isRequired,
+  shouldSearch: _propTypes["default"].bool,
   label: _propTypes["default"].string
 };
 Checkbox.defaultProps = {
+  shouldSearch: false,
   label: ''
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"names":["getButtonInfo","isMore","icon","DOWN","text","MORE","UP","LESS","Checkbox","data","prop","updateFilterValues","filterValues","label","checkboxLimit","setCheckboxLimit","handleCheckboxOptions","LIMIT_MIN","LIMIT_MAX","checkboxQueryParams","map","val","multiple","sortedValues","buckets","key","filter","Boolean","sort","forEach","value","i","push","name","checked","includes","id","shouldDisplayMore","eData","newCheckboxValues","length","propTypes","PropTypes","object","isRequired","string","func","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport upperFirst from 'lodash.upperfirst';\nimport { Checkboxes } from '@blaze-react/checkboxes';\nimport { withTitle } from '../../../HOC';\nimport { decodeValue } from '../helpers';\nimport { LIMIT_MIN, LIMIT_MAX, MORE, LESS, DOWN, UP } from '../constants';\n\nconst getButtonInfo = isMore => (isMore ? { icon: DOWN, text: MORE } : { icon: UP, text: LESS });\n\nconst Checkbox = ({ data, prop, updateFilterValues, filterValues, label }) => {\n  const [checkboxLimit, setCheckboxLimit] = useState(null);\n\n  const handleCheckboxOptions = () => {\n    if (checkboxLimit[prop] === LIMIT_MIN) {\n      setCheckboxLimit({ [prop]: LIMIT_MAX });\n    } else {\n      setCheckboxLimit({ [prop]: LIMIT_MIN });\n    }\n  };\n\n  if (!checkboxLimit) {\n    setCheckboxLimit({ [prop]: LIMIT_MIN });\n  }\n\n  if (!checkboxLimit) return null;\n\n  let checkboxQueryParams = [];\n\n  if (filterValues && filterValues[prop]) {\n    checkboxQueryParams =\n      typeof filterValues[prop] === 'string'\n        ? [decodeValue(filterValues[prop])]\n        : filterValues[prop].map(val => decodeValue(val));\n  }\n  const multiple = [];\n\n  const sortedValues = data[prop].buckets\n    .map(({ key }) => key)\n    .filter(Boolean)\n    .sort();\n\n  sortedValues.forEach(\n    (value, i) =>\n      i < checkboxLimit[prop] &&\n      multiple.push({\n        label: upperFirst(value),\n        value,\n        name: prop,\n        checked: checkboxQueryParams.includes(value),\n        id: value\n      })\n  );\n\n  const shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === LIMIT_MIN;\n\n  return (\n    <>\n      {label ? <p>{label}</p> : ''}\n      <Checkboxes\n        className=\"form-checkbox\"\n        options={multiple}\n        onChange={({ data: eData }) => {\n          const newCheckboxValues = eData\n            .filter(({ checked }) => checked)\n            .map(({ value }) => value);\n          updateFilterValues({ [prop]: newCheckboxValues }, true);\n        }}\n      />\n      {data[prop].buckets.length > LIMIT_MIN && (\n        <div role=\"button\" className=\"see-more\" onClick={handleCheckboxOptions}>\n          <i className={`fas fa-chevron-${getButtonInfo(shouldDisplayMore).icon}`} />\n          {` See ${getButtonInfo(shouldDisplayMore).text}`}\n        </div>\n      )}\n    </>\n  );\n};\n\nCheckbox.propTypes = {\n  data: PropTypes.object.isRequired,\n  prop: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  label: PropTypes.string\n};\n\nCheckbox.defaultProps = {\n  label: ''\n};\n\nexport default withTitle(Checkbox);\n"],"file":"Checkbox.js"}
+{"version":3,"sources":["../../../../src/components/SearchFilter/components/Checkbox.js"],"names":["getButtonInfo","isMore","icon","DOWN","text","MORE","UP","LESS","Checkbox","data","prop","updateFilterValues","filterValues","label","shouldSearch","checkboxLimit","setCheckboxLimit","handleCheckboxOptions","LIMIT_MIN","LIMIT_MAX","checkboxQueryParams","map","val","multiple","sortedValues","buckets","key","filter","Boolean","sort","forEach","value","i","push","name","checked","includes","id","shouldDisplayMore","eData","newCheckboxValues","length","propTypes","PropTypes","object","isRequired","string","func","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport upperFirst from 'lodash.upperfirst';\nimport { Checkboxes } from '@blaze-react/checkboxes';\nimport { withTitle } from '../../../HOC';\nimport { decodeValue } from '../helpers';\nimport { LIMIT_MIN, LIMIT_MAX, MORE, LESS, DOWN, UP } from '../constants';\n\nconst getButtonInfo = isMore => (isMore ? { icon: DOWN, text: MORE } : { icon: UP, text: LESS });\n\nconst Checkbox = ({ data, prop, updateFilterValues, filterValues, label, shouldSearch }) => {\n  const [checkboxLimit, setCheckboxLimit] = useState(null);\n\n  const handleCheckboxOptions = () => {\n    if (checkboxLimit[prop] === LIMIT_MIN) {\n      setCheckboxLimit({ [prop]: LIMIT_MAX });\n    } else {\n      setCheckboxLimit({ [prop]: LIMIT_MIN });\n    }\n  };\n\n  if (!checkboxLimit) {\n    setCheckboxLimit({ [prop]: LIMIT_MIN });\n  }\n\n  if (!checkboxLimit) return null;\n\n  let checkboxQueryParams = [];\n\n  if (filterValues && filterValues[prop]) {\n    checkboxQueryParams =\n      typeof filterValues[prop] === 'string'\n        ? [decodeValue(filterValues[prop])]\n        : filterValues[prop].map(val => decodeValue(val));\n  }\n  const multiple = [];\n\n  const sortedValues = data[prop].buckets\n    .map(({ key }) => key)\n    .filter(Boolean)\n    .sort();\n\n  sortedValues.forEach(\n    (value, i) =>\n      i < checkboxLimit[prop] &&\n      multiple.push({\n        label: upperFirst(value),\n        value,\n        name: prop,\n        checked: checkboxQueryParams.includes(value),\n        id: value\n      })\n  );\n\n  const shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === LIMIT_MIN;\n\n  return (\n    <>\n      {label ? <p>{label}</p> : ''}\n      <Checkboxes\n        className=\"form-checkbox\"\n        options={multiple}\n        onChange={({ data: eData }) => {\n          const newCheckboxValues = eData\n            .filter(({ checked }) => checked)\n            .map(({ value }) => value);\n          updateFilterValues({ [prop]: newCheckboxValues }, shouldSearch);\n        }}\n      />\n      {data[prop].buckets.length > LIMIT_MIN && (\n        <div role=\"button\" className=\"see-more\" onClick={handleCheckboxOptions}>\n          <i className={`fas fa-chevron-${getButtonInfo(shouldDisplayMore).icon}`} />\n          {` See ${getButtonInfo(shouldDisplayMore).text}`}\n        </div>\n      )}\n    </>\n  );\n};\n\nCheckbox.propTypes = {\n  data: PropTypes.object.isRequired,\n  prop: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  label: PropTypes.string\n};\n\nCheckbox.defaultProps = {\n  shouldSearch: false,\n  label: ''\n};\n\nexport default withTitle(Checkbox);\n"],"file":"Checkbox.js"}

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

@@ -59,8 +59,10 @@ var Range = function Range(_ref) {
       entity = _ref.entity,
       propsToDisplay = _ref.propsToDisplay,
       updateFilterValues = _ref.updateFilterValues,
-      filterValues = _ref.filterValues;
+      filterValues = _ref.filterValues,
+      shouldSearch = _ref.shouldSearch;
   var router = (0, _router.useRouter)();
+  var debounceAmount = shouldSearch ? 1200 : 100;
 
   var _parseUrl = (0, _queryString.parseUrl)((0, _decodeEncode.decodeValue)(router.asPath)),
       query = _parseUrl.query;
@@ -85,8 +87,8 @@ var Range = function Range(_ref) {
   var handleChange = (0, _lodash["default"])(function (option, value) {
     updateFilterValues((0, _defineProperty2["default"])({}, option, _objectSpread(_objectSpread({}, value), {}, {
       selectedOption: rangeOption
-    })), true);
-  }, 1200);
+    })), shouldSearch);
+  }, debounceAmount);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, hasMultipleOptions && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("label", null, label), /*#__PURE__*/_react["default"].createElement(_select["default"], {
     value: rangeOption,
     id: rangeOption,
@@ -124,10 +126,12 @@ Range.propTypes = {
   entity: _propTypes["default"].string.isRequired,
   filterValues: _propTypes["default"].object.isRequired,
   updateFilterValues: _propTypes["default"].func.isRequired,
+  shouldSearch: _propTypes["default"].bool,
   rangeInterval: _propTypes["default"].number,
   label: _propTypes["default"].string
 };
 Range.defaultProps = {
+  shouldSearch: false,
   rangeInterval: 1,
   label: ''
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SearchFilter/components/Range.js"],"names":["Range","rangeInterval","label","entity","propsToDisplay","updateFilterValues","filterValues","router","asPath","query","hasMultipleOptions","length","initialRangeOption","rangeOption","selectedOption","rangeValue","data","getEntitySchema","loading","options","min","max","shouldShowRange","handleChange","option","value","updatedOptions","forEach","prop","eMin","eMax","initValue","propTypes","PropTypes","array","isRequired","string","object","func","number","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash.debounce';\nimport RangeFilter from '@blaze-react/range-filter';\nimport { useRouter } from 'next/router';\nimport Select from '@blaze-react/select';\nimport { parseUrl } from 'query-string';\nimport { useGetSingleEntitySchema } from '../../../hooks';\nimport { withTitle } from '../../../HOC';\nimport { getSelectOptions, getIntersectedProp, getRangeValue } from '../helpers';\nimport { decodeValue } from '../helpers/decode-encode';\n\nconst Range = ({\n  rangeInterval,\n  label,\n  entity,\n  propsToDisplay,\n  updateFilterValues,\n  filterValues\n}) => {\n  const router = useRouter();\n  const { query } = parseUrl(decodeValue(router.asPath));\n  const hasMultipleOptions = propsToDisplay.length > 1;\n  const initialRangeOption = getIntersectedProp(query, propsToDisplay) || propsToDisplay[0];\n  const rangeOption =\n    (filterValues[initialRangeOption] && filterValues[initialRangeOption].selectedOption) ||\n    initialRangeOption;\n  const rangeValue = filterValues[rangeOption];\n\n  const { data: { getEntitySchema = {} } = {}, loading } = useGetSingleEntitySchema(\n    entity,\n    !hasMultipleOptions\n  );\n\n  if (loading || !rangeOption || !rangeValue) return '';\n\n  const options = getSelectOptions(getEntitySchema, propsToDisplay);\n  const { min, max } = rangeValue;\n  const shouldShowRange = rangeOption && min !== max;\n\n  const handleChange = debounce((option, value) => {\n    updateFilterValues({ [option]: { ...value, selectedOption: rangeOption } }, true);\n  }, 1200);\n\n  return (\n    <>\n      {hasMultipleOptions && (\n        <>\n          <label>{label}</label>\n          <Select\n            value={rangeOption}\n            id={rangeOption}\n            options={options}\n            required\n            onChange={({ value }) => {\n              const updatedOptions = {};\n              propsToDisplay.forEach(prop => {\n                const { min: eMin, max: eMax } = filterValues[prop];\n                const initValue = getRangeValue(null, rangeInterval, eMin, eMax);\n                updatedOptions[prop] = { ...initValue, selectedOption: value };\n              });\n\n              updateFilterValues(updatedOptions, false);\n            }}\n          />\n        </>\n      )}\n      {shouldShowRange && (\n        <RangeFilter\n          key={rangeOption}\n          name={rangeOption}\n          label={hasMultipleOptions ? '' : label}\n          value={rangeValue}\n          id={rangeOption}\n          onChange={({ value }) => {\n            handleChange(rangeOption, value);\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nRange.propTypes = {\n  propsToDisplay: PropTypes.array.isRequired,\n  entity: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  rangeInterval: PropTypes.number,\n  label: PropTypes.string\n};\n\nRange.defaultProps = {\n  rangeInterval: 1,\n  label: ''\n};\n\nexport default withTitle(Range);\n"],"file":"Range.js"}
+{"version":3,"sources":["../../../../src/components/SearchFilter/components/Range.js"],"names":["Range","rangeInterval","label","entity","propsToDisplay","updateFilterValues","filterValues","shouldSearch","router","debounceAmount","asPath","query","hasMultipleOptions","length","initialRangeOption","rangeOption","selectedOption","rangeValue","data","getEntitySchema","loading","options","min","max","shouldShowRange","handleChange","option","value","updatedOptions","forEach","prop","eMin","eMax","initValue","propTypes","PropTypes","array","isRequired","string","object","func","bool","number","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAQR;AAAA,MAPJC,aAOI,QAPJA,aAOI;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,MAHJC,kBAGI,QAHJA,kBAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,YACI,QADJA,YACI;AACJ,MAAMC,MAAM,GAAG,wBAAf;AACA,MAAMC,cAAc,GAAGF,YAAY,GAAG,IAAH,GAAU,GAA7C;;AACA,kBAAkB,2BAAS,+BAAYC,MAAM,CAACE,MAAnB,CAAT,CAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AACA,MAAMC,kBAAkB,GAAGR,cAAc,CAACS,MAAf,GAAwB,CAAnD;AACA,MAAMC,kBAAkB,GAAG,iCAAmBH,KAAnB,EAA0BP,cAA1B,KAA6CA,cAAc,CAAC,CAAD,CAAtF;AACA,MAAMW,WAAW,GACdT,YAAY,CAACQ,kBAAD,CAAZ,IAAoCR,YAAY,CAACQ,kBAAD,CAAZ,CAAiCE,cAAtE,IACAF,kBAFF;AAGA,MAAMG,UAAU,GAAGX,YAAY,CAACS,WAAD,CAA/B;;AAEA,8BAAyD,qCACvDZ,MADuD,EAEvD,CAACS,kBAFsD,CAAzD;AAAA,qDAAQM,IAAR;;AAAA,+DAAyC,EAAzC;AAAA,sDAAgBC,eAAhB;AAAA,MAAgBA,eAAhB,uCAAkC,EAAlC;AAAA,MAA6CC,OAA7C,yBAA6CA,OAA7C;AAKA,MAAIA,OAAO,IAAI,CAACL,WAAZ,IAA2B,CAACE,UAAhC,EAA4C,OAAO,EAAP;AAE5C,MAAMI,OAAO,GAAG,+BAAiBF,eAAjB,EAAkCf,cAAlC,CAAhB;AACA,MAAQkB,GAAR,GAAqBL,UAArB,CAAQK,GAAR;AAAA,MAAaC,GAAb,GAAqBN,UAArB,CAAaM,GAAb;AACA,MAAMC,eAAe,GAAGT,WAAW,IAAIO,GAAG,KAAKC,GAA/C;AAEA,MAAME,YAAY,GAAG,wBAAS,UAACC,MAAD,EAASC,KAAT,EAAmB;AAC/CtB,IAAAA,kBAAkB,sCAAIqB,MAAJ,kCAAkBC,KAAlB;AAAyBX,MAAAA,cAAc,EAAED;AAAzC,SAA0DR,YAA1D,CAAlB;AACD,GAFoB,EAElBE,cAFkB,CAArB;AAIA,sBACE,kEACGG,kBAAkB,iBACjB,+EACE,+CAAQV,KAAR,CADF,eAEE,gCAAC,kBAAD;AACE,IAAA,KAAK,EAAEa,WADT;AAEE,IAAA,EAAE,EAAEA,WAFN;AAGE,IAAA,OAAO,EAAEM,OAHX;AAIE,IAAA,QAAQ,MAJV;AAKE,IAAA,QAAQ,EAAE,yBAAe;AAAA,UAAZM,KAAY,SAAZA,KAAY;AACvB,UAAMC,cAAc,GAAG,EAAvB;AACAxB,MAAAA,cAAc,CAACyB,OAAf,CAAuB,UAAAC,IAAI,EAAI;AAC7B,iCAAiCxB,YAAY,CAACwB,IAAD,CAA7C;AAAA,YAAaC,IAAb,sBAAQT,GAAR;AAAA,YAAwBU,IAAxB,sBAAmBT,GAAnB;AACA,YAAMU,SAAS,GAAG,4BAAc,IAAd,EAAoBhC,aAApB,EAAmC8B,IAAnC,EAAyCC,IAAzC,CAAlB;AACAJ,QAAAA,cAAc,CAACE,IAAD,CAAd,mCAA4BG,SAA5B;AAAuCjB,UAAAA,cAAc,EAAEW;AAAvD;AACD,OAJD;AAMAtB,MAAAA,kBAAkB,CAACuB,cAAD,EAAiB,KAAjB,CAAlB;AACD;AAdH,IAFF,CAFJ,EAsBGJ,eAAe,iBACd,gCAAC,uBAAD;AACE,IAAA,GAAG,EAAET,WADP;AAEE,IAAA,IAAI,EAAEA,WAFR;AAGE,IAAA,KAAK,EAAEH,kBAAkB,GAAG,EAAH,GAAQV,KAHnC;AAIE,IAAA,KAAK,EAAEe,UAJT;AAKE,IAAA,EAAE,EAAEF,WALN;AAME,IAAA,QAAQ,EAAE,yBAAe;AAAA,UAAZY,KAAY,SAAZA,KAAY;AACvBF,MAAAA,YAAY,CAACV,WAAD,EAAcY,KAAd,CAAZ;AACD;AARH,IAvBJ,CADF;AAqCD,CAvED;;AAyEA3B,KAAK,CAACkC,SAAN,GAAkB;AAChB9B,EAAAA,cAAc,EAAE+B,sBAAUC,KAAV,CAAgBC,UADhB;AAEhBlC,EAAAA,MAAM,EAAEgC,sBAAUG,MAAV,CAAiBD,UAFT;AAGhB/B,EAAAA,YAAY,EAAE6B,sBAAUI,MAAV,CAAiBF,UAHf;AAIhBhC,EAAAA,kBAAkB,EAAE8B,sBAAUK,IAAV,CAAeH,UAJnB;AAKhB9B,EAAAA,YAAY,EAAE4B,sBAAUM,IALR;AAMhBxC,EAAAA,aAAa,EAAEkC,sBAAUO,MANT;AAOhBxC,EAAAA,KAAK,EAAEiC,sBAAUG;AAPD,CAAlB;AAUAtC,KAAK,CAAC2C,YAAN,GAAqB;AACnBpC,EAAAA,YAAY,EAAE,KADK;AAEnBN,EAAAA,aAAa,EAAE,CAFI;AAGnBC,EAAAA,KAAK,EAAE;AAHY,CAArB;;eAMe,oBAAUF,KAAV,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash.debounce';\nimport RangeFilter from '@blaze-react/range-filter';\nimport { useRouter } from 'next/router';\nimport Select from '@blaze-react/select';\nimport { parseUrl } from 'query-string';\nimport { useGetSingleEntitySchema } from '../../../hooks';\nimport { withTitle } from '../../../HOC';\nimport { getSelectOptions, getIntersectedProp, getRangeValue } from '../helpers';\nimport { decodeValue } from '../helpers/decode-encode';\n\nconst Range = ({\n  rangeInterval,\n  label,\n  entity,\n  propsToDisplay,\n  updateFilterValues,\n  filterValues,\n  shouldSearch\n}) => {\n  const router = useRouter();\n  const debounceAmount = shouldSearch ? 1200 : 100;\n  const { query } = parseUrl(decodeValue(router.asPath));\n  const hasMultipleOptions = propsToDisplay.length > 1;\n  const initialRangeOption = getIntersectedProp(query, propsToDisplay) || propsToDisplay[0];\n  const rangeOption =\n    (filterValues[initialRangeOption] && filterValues[initialRangeOption].selectedOption) ||\n    initialRangeOption;\n  const rangeValue = filterValues[rangeOption];\n\n  const { data: { getEntitySchema = {} } = {}, loading } = useGetSingleEntitySchema(\n    entity,\n    !hasMultipleOptions\n  );\n\n  if (loading || !rangeOption || !rangeValue) return '';\n\n  const options = getSelectOptions(getEntitySchema, propsToDisplay);\n  const { min, max } = rangeValue;\n  const shouldShowRange = rangeOption && min !== max;\n\n  const handleChange = debounce((option, value) => {\n    updateFilterValues({ [option]: { ...value, selectedOption: rangeOption } }, shouldSearch);\n  }, debounceAmount);\n\n  return (\n    <>\n      {hasMultipleOptions && (\n        <>\n          <label>{label}</label>\n          <Select\n            value={rangeOption}\n            id={rangeOption}\n            options={options}\n            required\n            onChange={({ value }) => {\n              const updatedOptions = {};\n              propsToDisplay.forEach(prop => {\n                const { min: eMin, max: eMax } = filterValues[prop];\n                const initValue = getRangeValue(null, rangeInterval, eMin, eMax);\n                updatedOptions[prop] = { ...initValue, selectedOption: value };\n              });\n\n              updateFilterValues(updatedOptions, false);\n            }}\n          />\n        </>\n      )}\n      {shouldShowRange && (\n        <RangeFilter\n          key={rangeOption}\n          name={rangeOption}\n          label={hasMultipleOptions ? '' : label}\n          value={rangeValue}\n          id={rangeOption}\n          onChange={({ value }) => {\n            handleChange(rangeOption, value);\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nRange.propTypes = {\n  propsToDisplay: PropTypes.array.isRequired,\n  entity: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  rangeInterval: PropTypes.number,\n  label: PropTypes.string\n};\n\nRange.defaultProps = {\n  shouldSearch: false,\n  rangeInterval: 1,\n  label: ''\n};\n\nexport default withTitle(Range);\n"],"file":"Range.js"}

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

@@ -36,7 +36,8 @@ var SelectFilter = function SelectFilter(_ref) {
       label = _ref.label,
       prop = _ref.prop,
       updateFilterValues = _ref.updateFilterValues,
-      filterValues = _ref.filterValues;
+      filterValues = _ref.filterValues,
+      shouldSearch = _ref.shouldSearch;
   var filterValue = filterValues[prop] || '';
   var options = data[prop].buckets.map(function (bucket) {
     return bucket.key;
@@ -49,7 +50,7 @@ var SelectFilter = function SelectFilter(_ref) {
     options: optionsJoined,
     onChange: function onChange(_ref2) {
       var value = _ref2.value;
-      updateFilterValues((0, _defineProperty2["default"])({}, prop, value), true);
+      updateFilterValues((0, _defineProperty2["default"])({}, prop, value), shouldSearch);
     }
   });
 };
@@ -59,9 +60,11 @@ SelectFilter.propTypes = {
   prop: _propTypes["default"].string.isRequired,
   filterValues: _propTypes["default"].object.isRequired,
   updateFilterValues: _propTypes["default"].func.isRequired,
+  shouldSearch: _propTypes["default"].bool,
   label: _propTypes["default"].string
 };
 SelectFilter.defaultProps = {
+  shouldSearch: false,
   label: ''
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SearchFilter/components/Select.js"],"names":["SelectFilter","data","label","prop","updateFilterValues","filterValues","filterValue","options","buckets","map","bucket","key","filter","Boolean","sort","optionsJoined","DEFAULT_OPTION","value","propTypes","PropTypes","object","isRequired","string","func","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAA6D;AAAA,MAA1DC,IAA0D,QAA1DA,IAA0D;AAAA,MAApDC,KAAoD,QAApDA,KAAoD;AAAA,MAA7CC,IAA6C,QAA7CA,IAA6C;AAAA,MAAvCC,kBAAuC,QAAvCA,kBAAuC;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AAChF,MAAMC,WAAW,GAAGD,YAAY,CAACF,IAAD,CAAZ,IAAsB,EAA1C;AAEA,MAAMI,OAAO,GAAGN,IAAI,CAACE,IAAD,CAAJ,CAAWK,OAAX,CACbC,GADa,CACT,UAAAC,MAAM;AAAA,WAAIA,MAAM,CAACC,GAAX;AAAA,GADG,EAEbC,MAFa,CAENC,OAFM,EAGbC,IAHa,EAAhB;AAKA,MAAMC,aAAa,IAAIC,yBAAJ,6CAAuBT,OAAvB,EAAnB;AAEA,sBACE,gCAAC,kBAAD;AACE,IAAA,KAAK,YAAKL,KAAK,IAAIC,IAAd,CADP;AAEE,IAAA,KAAK,EAAEG,WAFT;AAGE,IAAA,EAAE,EAAEH,IAHN;AAIE,IAAA,OAAO,EAAEY,aAJX;AAKE,IAAA,QAAQ,EAAE,yBAAe;AAAA,UAAZE,KAAY,SAAZA,KAAY;AACvBb,MAAAA,kBAAkB,sCAAID,IAAJ,EAAWc,KAAX,GAAoB,IAApB,CAAlB;AACD;AAPH,IADF;AAWD,CArBD;;AAuBAjB,YAAY,CAACkB,SAAb,GAAyB;AACvBjB,EAAAA,IAAI,EAAEkB,sBAAUC,MAAV,CAAiBC,UADA;AAEvBlB,EAAAA,IAAI,EAAEgB,sBAAUG,MAAV,CAAiBD,UAFA;AAGvBhB,EAAAA,YAAY,EAAEc,sBAAUC,MAAV,CAAiBC,UAHR;AAIvBjB,EAAAA,kBAAkB,EAAEe,sBAAUI,IAAV,CAAeF,UAJZ;AAKvBnB,EAAAA,KAAK,EAAEiB,sBAAUG;AALM,CAAzB;AAQAtB,YAAY,CAACwB,YAAb,GAA4B;AAC1BtB,EAAAA,KAAK,EAAE;AADmB,CAA5B;;eAIe,oBAAUF,YAAV,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@blaze-react/select';\nimport { withTitle } from '../../../HOC';\nimport { DEFAULT_OPTION } from '../constants';\n\nconst SelectFilter = ({ data, label, prop, updateFilterValues, filterValues }) => {\n  const filterValue = filterValues[prop] || '';\n\n  const options = data[prop].buckets\n    .map(bucket => bucket.key)\n    .filter(Boolean)\n    .sort();\n\n  const optionsJoined = [DEFAULT_OPTION, ...options];\n\n  return (\n    <Select\n      label={`${label || prop}`}\n      value={filterValue}\n      id={prop}\n      options={optionsJoined}\n      onChange={({ value }) => {\n        updateFilterValues({ [prop]: value }, true);\n      }}\n    />\n  );\n};\n\nSelectFilter.propTypes = {\n  data: PropTypes.object.isRequired,\n  prop: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  label: PropTypes.string\n};\n\nSelectFilter.defaultProps = {\n  label: ''\n};\n\nexport default withTitle(SelectFilter);\n"],"file":"Select.js"}
+{"version":3,"sources":["../../../../src/components/SearchFilter/components/Select.js"],"names":["SelectFilter","data","label","prop","updateFilterValues","filterValues","shouldSearch","filterValue","options","buckets","map","bucket","key","filter","Boolean","sort","optionsJoined","DEFAULT_OPTION","value","propTypes","PropTypes","object","isRequired","string","func","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAA2E;AAAA,MAAxEC,IAAwE,QAAxEA,IAAwE;AAAA,MAAlEC,KAAkE,QAAlEA,KAAkE;AAAA,MAA3DC,IAA2D,QAA3DA,IAA2D;AAAA,MAArDC,kBAAqD,QAArDA,kBAAqD;AAAA,MAAjCC,YAAiC,QAAjCA,YAAiC;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AAC9F,MAAMC,WAAW,GAAGF,YAAY,CAACF,IAAD,CAAZ,IAAsB,EAA1C;AAEA,MAAMK,OAAO,GAAGP,IAAI,CAACE,IAAD,CAAJ,CAAWM,OAAX,CACbC,GADa,CACT,UAAAC,MAAM;AAAA,WAAIA,MAAM,CAACC,GAAX;AAAA,GADG,EAEbC,MAFa,CAENC,OAFM,EAGbC,IAHa,EAAhB;AAKA,MAAMC,aAAa,IAAIC,yBAAJ,6CAAuBT,OAAvB,EAAnB;AAEA,sBACE,gCAAC,kBAAD;AACE,IAAA,KAAK,YAAKN,KAAK,IAAIC,IAAd,CADP;AAEE,IAAA,KAAK,EAAEI,WAFT;AAGE,IAAA,EAAE,EAAEJ,IAHN;AAIE,IAAA,OAAO,EAAEa,aAJX;AAKE,IAAA,QAAQ,EAAE,yBAAe;AAAA,UAAZE,KAAY,SAAZA,KAAY;AACvBd,MAAAA,kBAAkB,sCAAID,IAAJ,EAAWe,KAAX,GAAoBZ,YAApB,CAAlB;AACD;AAPH,IADF;AAWD,CArBD;;AAuBAN,YAAY,CAACmB,SAAb,GAAyB;AACvBlB,EAAAA,IAAI,EAAEmB,sBAAUC,MAAV,CAAiBC,UADA;AAEvBnB,EAAAA,IAAI,EAAEiB,sBAAUG,MAAV,CAAiBD,UAFA;AAGvBjB,EAAAA,YAAY,EAAEe,sBAAUC,MAAV,CAAiBC,UAHR;AAIvBlB,EAAAA,kBAAkB,EAAEgB,sBAAUI,IAAV,CAAeF,UAJZ;AAKvBhB,EAAAA,YAAY,EAAEc,sBAAUK,IALD;AAMvBvB,EAAAA,KAAK,EAAEkB,sBAAUG;AANM,CAAzB;AASAvB,YAAY,CAAC0B,YAAb,GAA4B;AAC1BpB,EAAAA,YAAY,EAAE,KADY;AAE1BJ,EAAAA,KAAK,EAAE;AAFmB,CAA5B;;eAKe,oBAAUF,YAAV,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@blaze-react/select';\nimport { withTitle } from '../../../HOC';\nimport { DEFAULT_OPTION } from '../constants';\n\nconst SelectFilter = ({ data, label, prop, updateFilterValues, filterValues, shouldSearch }) => {\n  const filterValue = filterValues[prop] || '';\n\n  const options = data[prop].buckets\n    .map(bucket => bucket.key)\n    .filter(Boolean)\n    .sort();\n\n  const optionsJoined = [DEFAULT_OPTION, ...options];\n\n  return (\n    <Select\n      label={`${label || prop}`}\n      value={filterValue}\n      id={prop}\n      options={optionsJoined}\n      onChange={({ value }) => {\n        updateFilterValues({ [prop]: value }, shouldSearch);\n      }}\n    />\n  );\n};\n\nSelectFilter.propTypes = {\n  data: PropTypes.object.isRequired,\n  prop: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  label: PropTypes.string\n};\n\nSelectFilter.defaultProps = {\n  shouldSearch: false,\n  label: ''\n};\n\nexport default withTitle(SelectFilter);\n"],"file":"Select.js"}

package/lib/components/SearchFilter/helpers/build-query.js

@@ -15,6 +15,8 @@ require("core-js/modules/es.array.for-each.js");
 
 require("core-js/modules/web.dom-collections.for-each.js");
 
+require("core-js/modules/es.array.includes.js");
+
 require("core-js/modules/es.array.join.js");
 
 var _constants = require("../constants");
@@ -32,7 +34,10 @@ var buildQuery = function buildQuery(filterValues, filters) {
     propsToDisplay.forEach(function (prop) {
       var value = filterValues[prop];
       var parsedValue = (0, _parseFilterValue["default"])(prop, type, value);
-      if (parsedValue) newQuery.push(parsedValue);
+
+      if (parsedValue && !newQuery.includes(parsedValue)) {
+        newQuery.push(parsedValue);
+      }
     });
   });
   return newQuery.join('&');

package/lib/components/SearchFilter/helpers/build-query.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SearchFilter/helpers/build-query.js"],"names":["buildQuery","filterValues","filters","newQuery","searchValue","SEARCH_TERM","push","forEach","propsToDisplay","type","TEXT_SEARCH","prop","value","parsedValue","join"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,YAAD,EAAeC,OAAf,EAA2B;AAC5C,MAAMC,QAAQ,GAAG,EAAjB;AACA,MAAMC,WAAW,GAAGH,YAAY,CAACI,sBAAD,CAAhC;AACA,MAAID,WAAJ,EAAiBD,QAAQ,CAACG,IAAT,WAAiBD,sBAAjB,cAAgCD,WAAhC;AAEjBF,EAAAA,OAAO,CAACK,OAAR,CAAgB,gBAA8B;AAAA,QAA3BC,cAA2B,QAA3BA,cAA2B;AAAA,QAAXC,IAAW,QAAXA,IAAW;AAC5C,QAAIA,IAAI,KAAKC,sBAAb,EAA0B;AAE1BF,IAAAA,cAAc,CAACD,OAAf,CAAuB,UAAAI,IAAI,EAAI;AAC7B,UAAMC,KAAK,GAAGX,YAAY,CAACU,IAAD,CAA1B;AACA,UAAME,WAAW,GAAG,kCAAiBF,IAAjB,EAAuBF,IAAvB,EAA6BG,KAA7B,CAApB;AACA,UAAIC,WAAJ,EAAiBV,QAAQ,CAACG,IAAT,CAAcO,WAAd;AAClB,KAJD;AAKD,GARD;AAUA,SAAOV,QAAQ,CAACW,IAAT,CAAc,GAAd,CAAP;AACD,CAhBD;;eAkBed,U","sourcesContent":["import { SEARCH_TERM, TEXT_SEARCH } from '../constants';\nimport parseFilterValue from './parse-filter-value';\n\nconst buildQuery = (filterValues, filters) => {\n  const newQuery = [];\n  const searchValue = filterValues[SEARCH_TERM];\n  if (searchValue) newQuery.push(`${SEARCH_TERM}=${searchValue}`);\n\n  filters.forEach(({ propsToDisplay, type }) => {\n    if (type === TEXT_SEARCH) return;\n\n    propsToDisplay.forEach(prop => {\n      const value = filterValues[prop];\n      const parsedValue = parseFilterValue(prop, type, value);\n      if (parsedValue) newQuery.push(parsedValue);\n    });\n  });\n\n  return newQuery.join('&');\n};\n\nexport default buildQuery;\n"],"file":"build-query.js"}
+{"version":3,"sources":["../../../../src/components/SearchFilter/helpers/build-query.js"],"names":["buildQuery","filterValues","filters","newQuery","searchValue","SEARCH_TERM","push","forEach","propsToDisplay","type","TEXT_SEARCH","prop","value","parsedValue","includes","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,YAAD,EAAeC,OAAf,EAA2B;AAC5C,MAAMC,QAAQ,GAAG,EAAjB;AACA,MAAMC,WAAW,GAAGH,YAAY,CAACI,sBAAD,CAAhC;AACA,MAAID,WAAJ,EAAiBD,QAAQ,CAACG,IAAT,WAAiBD,sBAAjB,cAAgCD,WAAhC;AAEjBF,EAAAA,OAAO,CAACK,OAAR,CAAgB,gBAA8B;AAAA,QAA3BC,cAA2B,QAA3BA,cAA2B;AAAA,QAAXC,IAAW,QAAXA,IAAW;AAC5C,QAAIA,IAAI,KAAKC,sBAAb,EAA0B;AAE1BF,IAAAA,cAAc,CAACD,OAAf,CAAuB,UAAAI,IAAI,EAAI;AAC7B,UAAMC,KAAK,GAAGX,YAAY,CAACU,IAAD,CAA1B;AACA,UAAME,WAAW,GAAG,kCAAiBF,IAAjB,EAAuBF,IAAvB,EAA6BG,KAA7B,CAApB;;AACA,UAAIC,WAAW,IAAI,CAACV,QAAQ,CAACW,QAAT,CAAkBD,WAAlB,CAApB,EAAoD;AAClDV,QAAAA,QAAQ,CAACG,IAAT,CAAcO,WAAd;AACD;AACF,KAND;AAOD,GAVD;AAYA,SAAOV,QAAQ,CAACY,IAAT,CAAc,GAAd,CAAP;AACD,CAlBD;;eAoBef,U","sourcesContent":["import { SEARCH_TERM, TEXT_SEARCH } from '../constants';\nimport parseFilterValue from './parse-filter-value';\n\nconst buildQuery = (filterValues, filters) => {\n  const newQuery = [];\n  const searchValue = filterValues[SEARCH_TERM];\n  if (searchValue) newQuery.push(`${SEARCH_TERM}=${searchValue}`);\n\n  filters.forEach(({ propsToDisplay, type }) => {\n    if (type === TEXT_SEARCH) return;\n\n    propsToDisplay.forEach(prop => {\n      const value = filterValues[prop];\n      const parsedValue = parseFilterValue(prop, type, value);\n      if (parsedValue && !newQuery.includes(parsedValue)) {\n        newQuery.push(parsedValue);\n      }\n    });\n  });\n\n  return newQuery.join('&');\n};\n\nexport default buildQuery;\n"],"file":"build-query.js"}