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

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

@@ -1,10 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import React, { useState, useEffect, useReducer } from 'react';
+import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import debounce from 'lodash.debounce';
@@ -15,34 +9,6 @@ import ResetDesktopForm from './ResetDesktopForm';
 import MobileFormToolbar from './MobileFormToolbar';
 import { SEARCH, REFINE, MORE_FILTERS_CLASSES } from '../constants';
 
-const reducer = (state, action) => {
-  const {
-    newValues,
-    type,
-    shouldSearch = true
-  } = action;
-
-  switch (type) {
-    case 'update':
-      return _objectSpread(_objectSpread(_objectSpread({}, state), newValues), {}, {
-        shouldSearch
-      });
-
-    case 'resetSearch':
-      return _objectSpread(_objectSpread({}, state), {}, {
-        shouldSearch: false
-      });
-
-    case 'reset':
-      return _objectSpread(_objectSpread({}, newValues), {}, {
-        shouldSearch
-      });
-
-    default:
-      throw new Error();
-  }
-};
-
 const SearchFilter = ({
   searchFilterRef,
   data,
@@ -54,13 +20,13 @@ const SearchFilter = ({
   isCollapsedOnResponsive,
   displaySearchFilter,
   setDisplaySearchFilter,
-  initialFilterValues,
   groupAfterDesktop,
-  groupAfterMobile
+  groupAfterMobile,
+  filterValues,
+  setAppliedFilters
 }) => {
   const [moreFiltersMobileCollapsed, setMoreFiltersMobileCollapsed] = useState(true);
   const [moreFiltersDesktopCollapsed, setMoreFiltersDesktopCollapsed] = useState(true);
-  const [filterValues, dispatch] = useReducer(reducer, initialFilterValues);
 
   const doSubmit = (newValues = filterValues) => {
     const newQuery = buildQuery(newValues, filters);
@@ -75,11 +41,11 @@ const SearchFilter = ({
   useEffect(() => {
     if (filterValues.shouldSearch) {
       handleSubmit(filterValues);
-      dispatch({
+      setAppliedFilters({
         type: 'resetSearch'
       });
     }
-  }, [filterValues, handleSubmit]);
+  }, [filterValues, handleSubmit, setAppliedFilters]);
   const formClass = classnames('filter__form filter__form--initial', {
     'filter__form--mobile': isCollapsedOnResponsive && displaySearchFilter,
     'filter__form--collapsible': isCollapsedOnResponsive
@@ -93,15 +59,16 @@ const SearchFilter = ({
   const formId = `filter-${name}-form`;
 
   const handleReset = () => {
-    const newValues = getInitialFilterValues(data, filters, {});
-    dispatch({
+    const newValues = getInitialFilterValues(null, filters, {});
+    setAppliedFilters({
       newValues,
       type: 'reset'
     });
+    doSubmit(newValues);
   };
 
   const updateFilterValues = (newValues, shouldSubmit) => {
-    dispatch({
+    setAppliedFilters({
       newValues,
       shouldSearch: shouldSubmit,
       type: 'update'
@@ -219,7 +186,8 @@ SearchFilter.propTypes = {
   isCollapsedOnResponsive: PropTypes.bool.isRequired,
   groupAfterDesktop: PropTypes.number.isRequired,
   groupAfterMobile: PropTypes.number.isRequired,
-  initialFilterValues: PropTypes.object.isRequired
+  filterValues: PropTypes.object.isRequired,
+  setAppliedFilters: PropTypes.func.isRequired
 };
 export default SearchFilter;
 //# sourceMappingURL=SearchFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchFilter.js","names":["React","useState","useEffect","useReducer","PropTypes","classnames","debounce","FiltersList","isDeviceDesktop","buildQuery","getInitialFilterValues","getResponsiveFilterClassnames","CloseMobileForm","ResetDesktopForm","MobileFormToolbar","SEARCH","REFINE","MORE_FILTERS_CLASSES","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","doSubmit","newQuery","handleSubmit","formClass","moreFiltersMobileWrapperClass","moreFiltersMobileTogglerClass","moreFiltersDesktopWrapperClass","moreFiltersDesktopTogglerClass","formId","handleReset","updateFilterValues","shouldSubmit","shouldGroup","e","preventDefault","slice","MOBILE_CONTENT","DESKTOP_CONTENT","DESKTOP_BUTTONS","MOBILE_BUTTONS","propTypes","object","isRequired","array","bool","string","func","number"],"sources":["../../../../src/components/SearchFilter/SearchFilter/SearchFilter.js"],"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 doSubmit = (newValues = filterValues) => {\n    const newQuery = buildQuery(newValues, filters);\n    handleSearch(newQuery);\n    setMoreFiltersDesktopCollapsed(true);\n    setMoreFiltersMobileCollapsed(true);\n  };\n\n  const handleSubmit = debounce(newValues => {\n    doSubmit(newValues);\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          doSubmit();\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                    data-testId=\"search-filter-mobile-toggler\"\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                        data-testId=\"search-filter-desktop-toggler\"\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"],"mappings":"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"}
+{"version":3,"file":"SearchFilter.js","names":["React","useState","useEffect","PropTypes","classnames","debounce","FiltersList","isDeviceDesktop","buildQuery","getInitialFilterValues","getResponsiveFilterClassnames","CloseMobileForm","ResetDesktopForm","MobileFormToolbar","SEARCH","REFINE","MORE_FILTERS_CLASSES","SearchFilter","searchFilterRef","data","filters","hasUrl","entity","handleSearch","name","isCollapsedOnResponsive","displaySearchFilter","setDisplaySearchFilter","groupAfterDesktop","groupAfterMobile","filterValues","setAppliedFilters","moreFiltersMobileCollapsed","setMoreFiltersMobileCollapsed","moreFiltersDesktopCollapsed","setMoreFiltersDesktopCollapsed","doSubmit","newValues","newQuery","handleSubmit","shouldSearch","type","formClass","moreFiltersMobileWrapperClass","moreFiltersMobileTogglerClass","moreFiltersDesktopWrapperClass","moreFiltersDesktopTogglerClass","formId","handleReset","updateFilterValues","shouldSubmit","shouldGroup","e","preventDefault","slice","MOBILE_CONTENT","DESKTOP_CONTENT","DESKTOP_BUTTONS","MOBILE_BUTTONS","propTypes","object","isRequired","array","bool","string","func","number"],"sources":["../../../../src/components/SearchFilter/SearchFilter/SearchFilter.js"],"sourcesContent":["import React, { useState, useEffect } 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 SearchFilter = ({\n  searchFilterRef,\n  data,\n  filters,\n  hasUrl,\n  entity,\n  handleSearch,\n  name,\n  isCollapsedOnResponsive,\n  displaySearchFilter,\n  setDisplaySearchFilter,\n  groupAfterDesktop,\n  groupAfterMobile,\n  filterValues,\n  setAppliedFilters\n}) => {\n  const [moreFiltersMobileCollapsed, setMoreFiltersMobileCollapsed] = useState(true);\n  const [moreFiltersDesktopCollapsed, setMoreFiltersDesktopCollapsed] = useState(true);\n\n  const doSubmit = (newValues = filterValues) => {\n    const newQuery = buildQuery(newValues, filters);\n    handleSearch(newQuery);\n    setMoreFiltersDesktopCollapsed(true);\n    setMoreFiltersMobileCollapsed(true);\n  };\n\n  const handleSubmit = debounce(newValues => {\n    doSubmit(newValues);\n  }, 200);\n\n  useEffect(\n    () => {\n      if (filterValues.shouldSearch) {\n        handleSubmit(filterValues);\n        setAppliedFilters({ type: 'resetSearch' });\n      }\n    },\n    [filterValues, handleSubmit, setAppliedFilters]\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(null, filters, {});\n    setAppliedFilters({ newValues, type: 'reset' });\n    doSubmit(newValues);\n  };\n\n  const updateFilterValues = (newValues, shouldSubmit) => {\n    setAppliedFilters({ 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          doSubmit();\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                    data-testId=\"search-filter-mobile-toggler\"\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                        data-testId=\"search-filter-desktop-toggler\"\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  filterValues: PropTypes.object.isRequired,\n  setAppliedFilters: PropTypes.func.isRequired\n};\n\nexport default SearchFilter;\n"],"mappings":"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"}

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

@@ -1,4 +1,10 @@
-import React, { useState, useRef } from 'react';
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React, { useState, useRef, useReducer, useEffect } from 'react';
 import { useRouter } from 'next/router';
 import { useQuery } from '@apollo/client';
 import PropTypes from 'prop-types';
@@ -6,11 +12,39 @@ import { parseUrl, stringify } from 'query-string';
 import SearchFilter from './SearchFilter';
 import { withTitle } from '../../HOC';
 import { getSearchPublishedContent } from '../../application/query';
-import { buildNewQuery, buildRawQueryStringified, getInitialFilterValues } from './helpers';
+import { buildNewQuery, buildRawQueryStringified, getInitialFilterValues, buildFiltersQuery } from './helpers';
 import { getEntityData } from '../../helpers';
 import { RAW_RESULTS, RANGE, CHECKBOX_SELECT } from './constants';
 import { SCROLL_OFFSET } from '../../constants';
 
+const reducer = (state, action) => {
+  const {
+    newValues,
+    type,
+    shouldSearch = true
+  } = action;
+
+  switch (type) {
+    case 'update':
+      return _objectSpread(_objectSpread(_objectSpread({}, state), newValues), {}, {
+        shouldSearch
+      });
+
+    case 'resetSearch':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        shouldSearch: false
+      });
+
+    case 'reset':
+      return _objectSpread(_objectSpread({}, newValues), {}, {
+        shouldSearch: false
+      });
+
+    default:
+      throw new Error();
+  }
+};
+
 const SearchFilterContainer = ({
   entity,
   url,
@@ -18,13 +52,20 @@ const SearchFilterContainer = ({
   name,
   isCollapsedOnResponsive,
   groupAfterMobile,
-  groupAfterDesktop
+  groupAfterDesktop,
+  filterBy,
+  filterByProperty,
+  shouldAddFilters
 }) => {
   const router = useRouter();
+  const {
+    asPath
+  } = router;
   const searchFilterRef = useRef(null);
   const [key, setKey] = useState(`filter-${name}`);
   const [displaySearchFilter, setDisplaySearchFilter] = useState(false);
-  const hasUrl = !!url;
+  const [urlPath, setUrlPath] = useState(asPath); // used as asPath can take too long to update
+
   const {
     url: currentUrl,
     query: {
@@ -32,14 +73,18 @@ const SearchFilterContainer = ({
       sortby
     },
     query
-  } = parseUrl(router.asPath);
+  } = parseUrl(urlPath);
+  const [filterValues, dispatch] = useReducer(reducer, getInitialFilterValues(null, filters, query));
+  useEffect(() => {
+    if (asPath) setUrlPath(asPath);
+  }, [asPath]);
+  const hasUrl = !!url;
   const sortValues = sort && sortby ? stringify({
     sort,
     sortby
   }) : '';
   const baseQuery = sortValues ? `${currentUrl}?${sortValues}` : currentUrl;
   const action = getSearchPublishedContent(RAW_RESULTS);
-  let rawQueryStringified = '';
   const checkboxSelectValues = [];
   const rangeValues = [];
   filters.forEach(({
@@ -55,11 +100,11 @@ const SearchFilterContainer = ({
   const {
     docType
   } = getEntityData(entity);
-  rawQueryStringified = buildRawQueryStringified(checkboxSelectValues, rangeValues, docType);
+  const filtersQuery = shouldAddFilters ? buildFiltersQuery(filterValues || query, filterBy, filterByProperty, rangeValues) : [];
+  const rawQueryStringified = buildRawQueryStringified(checkboxSelectValues, rangeValues, docType, filtersQuery);
   const {
     data,
-    error,
-    loading
+    error
   } = useQuery(action, {
     variables: {
       rawQueryStringified,
@@ -68,23 +113,31 @@ const SearchFilterContainer = ({
     // we only want aggs so limit=0 for no search results
     skip: !rawQueryStringified
   });
-  if (loading) return null;
   if (error) return error.message;
   if (!filters.length) return null;
   const {
     searchPublishedContent: {
       rawResults: {
-        aggregations: filterData = {}
+        aggregations: filterData
       } = {}
     } = {}
   } = data || {};
-  const initialFilterValues = getInitialFilterValues(filterData, filters, query);
+
+  if (filterValues.dataNotSet && filterData) {
+    const initialFilterValues = getInitialFilterValues(filterData, filters, query);
+    dispatch({
+      newValues: initialFilterValues,
+      shouldSearch: false,
+      type: 'update'
+    });
+  }
 
   const handleSearch = newQuery => {
     setDisplaySearchFilter(false);
 
     if (!newQuery) {
       scrollToFirstList();
+      setUrlPath(baseQuery);
       return router.push('/Resolver', baseQuery, {
         shallow: !hasUrl,
         scroll: false
@@ -95,6 +148,7 @@ const SearchFilterContainer = ({
 
     const newUrl = buildNewQuery(url, currentUrl, newQuery, sortValues);
     scrollToFirstList();
+    setUrlPath(newUrl);
     return router.push('/Resolver', newUrl, {
       shallow: !hasUrl,
       scroll: false
@@ -115,15 +169,17 @@ const SearchFilterContainer = ({
     }
   };
 
+  if (!filterValues) return '';
   return /*#__PURE__*/React.createElement(SearchFilter, {
     key: key,
+    setAppliedFilters: dispatch,
     searchFilterRef: searchFilterRef,
     data: filterData,
     filters: filters,
     hasUrl: hasUrl,
     entity: entity,
     handleSearch: handleSearch,
-    initialFilterValues: initialFilterValues,
+    filterValues: filterValues,
     name: name,
     isCollapsedOnResponsive: isCollapsedOnResponsive,
     displaySearchFilter: displaySearchFilter,
@@ -140,7 +196,10 @@ SearchFilterContainer.propTypes = {
   name: PropTypes.string.isRequired,
   isCollapsedOnResponsive: PropTypes.bool,
   groupAfterMobile: PropTypes.number,
-  groupAfterDesktop: PropTypes.number
+  groupAfterDesktop: PropTypes.number,
+  filterBy: PropTypes.array,
+  filterByProperty: PropTypes.array,
+  shouldAddFilters: PropTypes.bool
 };
 SearchFilterContainer.defaultProps = {
   url: null,
@@ -148,7 +207,10 @@ SearchFilterContainer.defaultProps = {
   entity: '',
   isCollapsedOnResponsive: true,
   groupAfterMobile: 0,
-  groupAfterDesktop: 0
+  groupAfterDesktop: 0,
+  filterBy: [],
+  filterByProperty: [],
+  shouldAddFilters: false
 };
 export default withTitle(SearchFilterContainer);
 //# sourceMappingURL=SearchFilterContainer.js.map

package/lib-es/components/SearchFilter/SearchFilterContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFilterContainer.js","names":["React","useState","useRef","useRouter","useQuery","PropTypes","parseUrl","stringify","SearchFilter","withTitle","getSearchPublishedContent","buildNewQuery","buildRawQueryStringified","getInitialFilterValues","getEntityData","RAW_RESULTS","RANGE","CHECKBOX_SELECT","SCROLL_OFFSET","SearchFilterContainer","entity","url","filters","name","isCollapsedOnResponsive","groupAfterMobile","groupAfterDesktop","router","searchFilterRef","key","setKey","displaySearchFilter","setDisplaySearchFilter","hasUrl","currentUrl","query","sort","sortby","asPath","sortValues","baseQuery","action","rawQueryStringified","checkboxSelectValues","rangeValues","forEach","type","propsToDisplay","includes","push","docType","data","error","loading","variables","limit","skip","message","length","searchPublishedContent","rawResults","aggregations","filterData","initialFilterValues","handleSearch","newQuery","scrollToFirstList","shallow","scroll","then","Date","now","newUrl","list","document","getElementsByClassName","shouldScrollToFirstList","window","scrollTo","left","top","pageYOffset","getBoundingClientRect","propTypes","string","array","isRequired","bool","number","defaultProps"],"sources":["../../../src/components/SearchFilter/SearchFilterContainer.js"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { parseUrl, stringify } from 'query-string';\nimport SearchFilter from './SearchFilter';\nimport { withTitle } from '../../HOC';\nimport { getSearchPublishedContent } from '../../application/query';\nimport { buildNewQuery, buildRawQueryStringified, getInitialFilterValues } from './helpers';\nimport { getEntityData } from '../../helpers';\nimport { RAW_RESULTS, RANGE, CHECKBOX_SELECT } from './constants';\nimport { SCROLL_OFFSET } from '../../constants';\n\nconst SearchFilterContainer = ({\n  entity,\n  url,\n  filters,\n  name,\n  isCollapsedOnResponsive,\n  groupAfterMobile,\n  groupAfterDesktop\n}) => {\n  const router = useRouter();\n  const searchFilterRef = useRef(null);\n  const [key, setKey] = useState(`filter-${name}`);\n  const [displaySearchFilter, setDisplaySearchFilter] = useState(false);\n  const hasUrl = !!url;\n  const {\n    url: currentUrl,\n    query: { sort, sortby },\n    query\n  } = parseUrl(router.asPath);\n  const sortValues = sort && sortby ? stringify({ sort, sortby }) : '';\n  const baseQuery = sortValues ? `${currentUrl}?${sortValues}` : currentUrl;\n\n  const action = getSearchPublishedContent(RAW_RESULTS);\n\n  let rawQueryStringified = '';\n\n  const checkboxSelectValues = [];\n  const rangeValues = [];\n\n  filters.forEach(({ type, propsToDisplay }) => {\n    if (CHECKBOX_SELECT.includes(type)) {\n      checkboxSelectValues.push(propsToDisplay[0]);\n    } else if (type === RANGE) {\n      rangeValues.push(...propsToDisplay);\n    }\n  });\n\n  const { docType } = getEntityData(entity);\n\n  rawQueryStringified = buildRawQueryStringified(checkboxSelectValues, rangeValues, docType);\n\n  const { data, error, loading } = useQuery(action, {\n    variables: { rawQueryStringified, limit: 0 }, // we only want aggs so limit=0 for no search results\n    skip: !rawQueryStringified\n  });\n\n  if (loading) return null;\n  if (error) return error.message;\n  if (!filters.length) return null;\n\n  const { searchPublishedContent: { rawResults: { aggregations: filterData = {} } = {} } = {} } =\n    data || {};\n\n  const initialFilterValues = getInitialFilterValues(filterData, filters, query);\n\n  const handleSearch = newQuery => {\n    setDisplaySearchFilter(false);\n\n    if (!newQuery) {\n      scrollToFirstList();\n      return router.push('/Resolver', baseQuery, { shallow: !hasUrl, scroll: false }).then(() => {\n        setKey(`filter-${name}:${Date.now()}`); // remove after range component update\n      });\n    }\n    const newUrl = buildNewQuery(url, currentUrl, newQuery, sortValues);\n    scrollToFirstList();\n    return router.push('/Resolver', newUrl, { shallow: !hasUrl, scroll: false });\n  };\n\n  const scrollToFirstList = () => {\n    const [list] = document.getElementsByClassName('list-top');\n    const shouldScrollToFirstList = !hasUrl && list;\n\n    if (shouldScrollToFirstList) {\n      window.scrollTo({\n        left: 0,\n        top: window.pageYOffset - SCROLL_OFFSET + list.getBoundingClientRect().top\n      });\n    } else {\n      window.scrollTo(0, 0);\n    }\n  };\n\n  return (\n    <SearchFilter\n      key={key}\n      searchFilterRef={searchFilterRef}\n      data={filterData}\n      filters={filters}\n      hasUrl={hasUrl}\n      entity={entity}\n      handleSearch={handleSearch}\n      initialFilterValues={initialFilterValues}\n      name={name}\n      isCollapsedOnResponsive={isCollapsedOnResponsive}\n      displaySearchFilter={displaySearchFilter}\n      setDisplaySearchFilter={setDisplaySearchFilter}\n      groupAfterMobile={groupAfterMobile}\n      groupAfterDesktop={groupAfterDesktop}\n    />\n  );\n};\n\nSearchFilterContainer.propTypes = {\n  entity: PropTypes.string,\n  url: PropTypes.string,\n  filters: PropTypes.array,\n  name: PropTypes.string.isRequired,\n  isCollapsedOnResponsive: PropTypes.bool,\n  groupAfterMobile: PropTypes.number,\n  groupAfterDesktop: PropTypes.number\n};\n\nSearchFilterContainer.defaultProps = {\n  url: null,\n  filters: [],\n  entity: '',\n  isCollapsedOnResponsive: true,\n  groupAfterMobile: 0,\n  groupAfterDesktop: 0\n};\n\nexport default withTitle(SearchFilterContainer);\n"],"mappings":"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"}
+{"version":3,"file":"SearchFilterContainer.js","names":["React","useState","useRef","useReducer","useEffect","useRouter","useQuery","PropTypes","parseUrl","stringify","SearchFilter","withTitle","getSearchPublishedContent","buildNewQuery","buildRawQueryStringified","getInitialFilterValues","buildFiltersQuery","getEntityData","RAW_RESULTS","RANGE","CHECKBOX_SELECT","SCROLL_OFFSET","reducer","state","action","newValues","type","shouldSearch","Error","SearchFilterContainer","entity","url","filters","name","isCollapsedOnResponsive","groupAfterMobile","groupAfterDesktop","filterBy","filterByProperty","shouldAddFilters","router","asPath","searchFilterRef","key","setKey","displaySearchFilter","setDisplaySearchFilter","urlPath","setUrlPath","currentUrl","query","sort","sortby","filterValues","dispatch","hasUrl","sortValues","baseQuery","checkboxSelectValues","rangeValues","forEach","propsToDisplay","includes","push","docType","filtersQuery","rawQueryStringified","data","error","variables","limit","skip","message","length","searchPublishedContent","rawResults","aggregations","filterData","dataNotSet","initialFilterValues","handleSearch","newQuery","scrollToFirstList","shallow","scroll","then","Date","now","newUrl","list","document","getElementsByClassName","shouldScrollToFirstList","window","scrollTo","left","top","pageYOffset","getBoundingClientRect","propTypes","string","array","isRequired","bool","number","defaultProps"],"sources":["../../../src/components/SearchFilter/SearchFilterContainer.js"],"sourcesContent":["import React, { useState, useRef, useReducer, useEffect } from 'react';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { parseUrl, stringify } from 'query-string';\nimport SearchFilter from './SearchFilter';\nimport { withTitle } from '../../HOC';\nimport { getSearchPublishedContent } from '../../application/query';\nimport {\n  buildNewQuery,\n  buildRawQueryStringified,\n  getInitialFilterValues,\n  buildFiltersQuery\n} from './helpers';\nimport { getEntityData } from '../../helpers';\nimport { RAW_RESULTS, RANGE, CHECKBOX_SELECT } from './constants';\nimport { SCROLL_OFFSET } 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: false };\n    default:\n      throw new Error();\n  }\n};\n\nconst SearchFilterContainer = ({\n  entity,\n  url,\n  filters,\n  name,\n  isCollapsedOnResponsive,\n  groupAfterMobile,\n  groupAfterDesktop,\n  filterBy,\n  filterByProperty,\n  shouldAddFilters\n}) => {\n  const router = useRouter();\n  const { asPath } = router;\n  const searchFilterRef = useRef(null);\n  const [key, setKey] = useState(`filter-${name}`);\n  const [displaySearchFilter, setDisplaySearchFilter] = useState(false);\n  const [urlPath, setUrlPath] = useState(asPath); // used as asPath can take too long to update\n  const {\n    url: currentUrl,\n    query: { sort, sortby },\n    query\n  } = parseUrl(urlPath);\n  const [filterValues, dispatch] = useReducer(\n    reducer,\n    getInitialFilterValues(null, filters, query)\n  );\n\n  useEffect(\n    () => {\n      if (asPath) setUrlPath(asPath);\n    },\n    [asPath]\n  );\n\n  const hasUrl = !!url;\n\n  const sortValues = sort && sortby ? stringify({ sort, sortby }) : '';\n  const baseQuery = sortValues ? `${currentUrl}?${sortValues}` : currentUrl;\n\n  const action = getSearchPublishedContent(RAW_RESULTS);\n  const checkboxSelectValues = [];\n  const rangeValues = [];\n\n  filters.forEach(({ type, propsToDisplay }) => {\n    if (CHECKBOX_SELECT.includes(type)) {\n      checkboxSelectValues.push(propsToDisplay[0]);\n    } else if (type === RANGE) {\n      rangeValues.push(...propsToDisplay);\n    }\n  });\n\n  const { docType } = getEntityData(entity);\n\n  const filtersQuery = shouldAddFilters\n    ? buildFiltersQuery(filterValues || query, filterBy, filterByProperty, rangeValues)\n    : [];\n\n  const rawQueryStringified = buildRawQueryStringified(\n    checkboxSelectValues,\n    rangeValues,\n    docType,\n    filtersQuery\n  );\n\n  const { data, error } = useQuery(action, {\n    variables: { rawQueryStringified, limit: 0 }, // we only want aggs so limit=0 for no search results\n    skip: !rawQueryStringified\n  });\n\n  if (error) return error.message;\n  if (!filters.length) return null;\n\n  const { searchPublishedContent: { rawResults: { aggregations: filterData } = {} } = {} } =\n    data || {};\n\n  if (filterValues.dataNotSet && filterData) {\n    const initialFilterValues = getInitialFilterValues(filterData, filters, query);\n    dispatch({ newValues: initialFilterValues, shouldSearch: false, type: 'update' });\n  }\n\n  const handleSearch = newQuery => {\n    setDisplaySearchFilter(false);\n\n    if (!newQuery) {\n      scrollToFirstList();\n      setUrlPath(baseQuery);\n      return router.push('/Resolver', baseQuery, { shallow: !hasUrl, scroll: false }).then(() => {\n        setKey(`filter-${name}:${Date.now()}`); // remove after range component update\n      });\n    }\n    const newUrl = buildNewQuery(url, currentUrl, newQuery, sortValues);\n    scrollToFirstList();\n    setUrlPath(newUrl);\n    return router.push('/Resolver', newUrl, { shallow: !hasUrl, scroll: false });\n  };\n\n  const scrollToFirstList = () => {\n    const [list] = document.getElementsByClassName('list-top');\n    const shouldScrollToFirstList = !hasUrl && list;\n\n    if (shouldScrollToFirstList) {\n      window.scrollTo({\n        left: 0,\n        top: window.pageYOffset - SCROLL_OFFSET + list.getBoundingClientRect().top\n      });\n    } else {\n      window.scrollTo(0, 0);\n    }\n  };\n  if (!filterValues) return '';\n\n  return (\n    <SearchFilter\n      key={key}\n      setAppliedFilters={dispatch}\n      searchFilterRef={searchFilterRef}\n      data={filterData}\n      filters={filters}\n      hasUrl={hasUrl}\n      entity={entity}\n      handleSearch={handleSearch}\n      filterValues={filterValues}\n      name={name}\n      isCollapsedOnResponsive={isCollapsedOnResponsive}\n      displaySearchFilter={displaySearchFilter}\n      setDisplaySearchFilter={setDisplaySearchFilter}\n      groupAfterMobile={groupAfterMobile}\n      groupAfterDesktop={groupAfterDesktop}\n    />\n  );\n};\n\nSearchFilterContainer.propTypes = {\n  entity: PropTypes.string,\n  url: PropTypes.string,\n  filters: PropTypes.array,\n  name: PropTypes.string.isRequired,\n  isCollapsedOnResponsive: PropTypes.bool,\n  groupAfterMobile: PropTypes.number,\n  groupAfterDesktop: PropTypes.number,\n  filterBy: PropTypes.array,\n  filterByProperty: PropTypes.array,\n  shouldAddFilters: PropTypes.bool\n};\n\nSearchFilterContainer.defaultProps = {\n  url: null,\n  filters: [],\n  entity: '',\n  isCollapsedOnResponsive: true,\n  groupAfterMobile: 0,\n  groupAfterDesktop: 0,\n  filterBy: [],\n  filterByProperty: [],\n  shouldAddFilters: false\n};\n\nexport default withTitle(SearchFilterContainer);\n"],"mappings":"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"}

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

@@ -13,9 +13,11 @@ const Checkbox = ({
   updateFilterValues,
   filterValues,
   label,
-  shouldSearch
+  shouldSearch,
+  displayFilterCount
 }) => {
   const [checkboxLimit, setCheckboxLimit] = useState(null);
+  if (!data[prop]) return null;
 
   const handleCheckboxOptions = () => {
     if (checkboxLimit[prop] === LIMIT_MIN) {
@@ -44,14 +46,19 @@ const Checkbox = ({
 
   const multiple = [];
   const sortedValues = data[prop].buckets.map(({
-    key
-  }) => key).filter(Boolean).sort();
+    key,
+    doc_count: count
+  }) => {
+    const optionLabel = displayFilterCount ? `${key} (${count})` : key;
+    return [key, optionLabel, !count];
+  }).filter(Boolean).sort();
   sortedValues.forEach((value, i) => i < checkboxLimit[prop] && multiple.push({
-    label: upperFirst(value),
-    value,
+    label: upperFirst(value[1]),
+    value: value[0],
     name: prop,
-    checked: checkboxQueryParams.includes(value),
-    id: value
+    checked: checkboxQueryParams.includes(value[0]),
+    id: value[0],
+    disabled: value[2]
   }));
   const shouldDisplayMore = !checkboxLimit || checkboxLimit[prop] === LIMIT_MIN;
   return /*#__PURE__*/React.createElement(React.Fragment, null, label ? /*#__PURE__*/React.createElement("p", null, label) : '', /*#__PURE__*/React.createElement(Checkboxes, {
@@ -86,11 +93,13 @@ Checkbox.propTypes = {
   filterValues: PropTypes.object.isRequired,
   updateFilterValues: PropTypes.func.isRequired,
   shouldSearch: PropTypes.bool,
-  label: PropTypes.string
+  label: PropTypes.string,
+  displayFilterCount: PropTypes.bool
 };
 Checkbox.defaultProps = {
   shouldSearch: false,
-  label: ''
+  label: '',
+  displayFilterCount: false
 };
 export default withTitle(Checkbox);
 //# sourceMappingURL=Checkbox.js.map

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

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

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

@@ -13,7 +13,7 @@ import Select from '@blaze-react/select';
 import { parseUrl } from 'query-string';
 import { useGetSingleEntitySchema } from '../../../hooks';
 import { withTitle } from '../../../HOC';
-import { getSelectOptions, getIntersectedProp, getRangeValue } from '../helpers';
+import { getSelectOptions, getIntersectedProp, getRangeValue, calculateMinMax } from '../helpers';
 import { decodeValue } from '../helpers/decode-encode';
 
 const Range = ({
@@ -21,6 +21,7 @@ const Range = ({
   label,
   entity,
   propsToDisplay,
+  dataAggregations,
   updateFilterValues,
   filterValues,
   shouldSearch
@@ -41,12 +42,23 @@ const Range = ({
     loading
   } = useGetSingleEntitySchema(entity, !hasMultipleOptions);
   if (loading || !rangeOption || !rangeValue) return '';
-  const options = getSelectOptions(getEntitySchema, propsToDisplay);
+  const options = getSelectOptions(getEntitySchema, propsToDisplay); // get range from aggregations so it updates
+
   const {
     min,
     max
-  } = rangeValue;
+  } = calculateMinMax(dataAggregations[rangeOption], rangeInterval);
   const shouldShowRange = rangeOption && min !== max;
+  const minValue = rangeValue.minValue < min ? min : rangeValue.minValue;
+  const maxValue = rangeValue.maxValue > max ? max : rangeValue.maxValue;
+
+  const valueToUse = _objectSpread(_objectSpread({}, rangeValue), {}, {
+    min,
+    max,
+    minValue,
+    maxValue
+  });
+
   const handleChange = debounce((option, value) => {
     updateFilterValues({
       [option]: _objectSpread(_objectSpread({}, value), {}, {
@@ -76,10 +88,10 @@ const Range = ({
       updateFilterValues(updatedOptions, false);
     }
   })), shouldShowRange && /*#__PURE__*/React.createElement(RangeFilter, {
-    key: rangeOption,
+    key: `${rangeOption}-${minValue}-${maxValue}`,
     name: rangeOption,
     label: hasMultipleOptions ? '' : label,
-    value: rangeValue,
+    value: valueToUse,
     id: rangeOption,
     onChange: ({
       value
@@ -96,7 +108,8 @@ Range.propTypes = {
   updateFilterValues: PropTypes.func.isRequired,
   shouldSearch: PropTypes.bool,
   rangeInterval: PropTypes.number,
-  label: PropTypes.string
+  label: PropTypes.string,
+  dataAggregations: PropTypes.object.isRequired
 };
 Range.defaultProps = {
   shouldSearch: false,