@blaze-cms/react-page-builder 0.146.0-rc-eagle.0 → 0.146.0-rc-eagle-3.0

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

@@ -0,0 +1,209 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import debounce from 'lodash.debounce';
+import { useTranslation } from '@blaze-cms/nextjs-components';
+import FiltersList from './FiltersList';
+import CloseMobileForm from './CloseMobileForm';
+import ResetDesktopForm from './ResetDesktopForm';
+import MobileFormToolbar from './MobileFormToolbar';
+import { useFilterAggregationValues } from '../../../hooks';
+import { isDeviceDesktop, getResponsiveFilterClassnames, buildUrlQuery } from '../helpers';
+import { MORE_FILTERS_CLASSES } from '../constants';
+import { TRANSLATION_NAMESPACE } from '../../../constants';
+const SearchFilter = ({
+  searchFilterRef,
+  listComponentName,
+  data: filterData,
+  filters,
+  hasUrl,
+  entity,
+  handleSearch,
+  name,
+  isCollapsedOnResponsive,
+  displaySearchFilter,
+  setDisplaySearchFilter,
+  groupAfterDesktop,
+  groupAfterMobile,
+  filterValues,
+  setAppliedFilters,
+  mobileRefineButtonText,
+  query
+}) => {
+  const {
+    t
+  } = useTranslation(TRANSLATION_NAMESPACE);
+  const [moreFiltersMobileCollapsed, setMoreFiltersMobileCollapsed] = useState(true);
+  const [moreFiltersDesktopCollapsed, setMoreFiltersDesktopCollapsed] = useState(true);
+  const [data, setStateValues, setSelectProp] = useFilterAggregationValues({
+    data: filterData,
+    filterValues
+  });
+  const doSubmit = newValues => {
+    const newQuery = filterValues ? buildUrlQuery(newValues, filters, listComponentName, query) : '';
+    handleSearch(newQuery);
+    setMoreFiltersDesktopCollapsed(true);
+    setMoreFiltersMobileCollapsed(true);
+  };
+  const handleSubmit = debounce(newValues => {
+    doSubmit(newValues);
+  }, 200);
+  useEffect(() => {
+    if (filterValues.shouldSearch) {
+      handleSubmit(filterValues);
+      setAppliedFilters({
+        type: 'resetSearch'
+      });
+    }
+  }, [filterValues, handleSubmit, setAppliedFilters]);
+  const formClass = classnames('filter__form filter__form--initial', {
+    'filter__form--mobile': isCollapsedOnResponsive && displaySearchFilter,
+    'filter__form--collapsible': isCollapsedOnResponsive
+  });
+  const {
+    moreFiltersMobileWrapperClass,
+    moreFiltersMobileTogglerClass,
+    moreFiltersDesktopWrapperClass,
+    moreFiltersDesktopTogglerClass
+  } = getResponsiveFilterClassnames(moreFiltersDesktopCollapsed, moreFiltersMobileCollapsed);
+  const formId = `filter-${name}-form`;
+  const handleReset = () => {
+    setAppliedFilters({
+      type: 'reset'
+    });
+    doSubmit();
+  };
+  const updateFilterValues = (newValues, shouldSubmit) => {
+    const [lastChangedFilter] = Object.keys(newValues);
+    setSelectProp(lastChangedFilter);
+    setAppliedFilters({
+      newValues,
+      shouldSearch: shouldSubmit,
+      type: 'update'
+    });
+  };
+  const shouldGroup = !!(groupAfterDesktop || groupAfterMobile);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("form", {
+    ref: searchFilterRef,
+    className: formClass,
+    "data-testid": formId,
+    id: formId,
+    onSubmit: e => {
+      e.preventDefault();
+      doSubmit(filterValues);
+      setStateValues(filterData);
+    }
+  }, displaySearchFilter && /*#__PURE__*/React.createElement(CloseMobileForm, {
+    handleClose: () => setDisplaySearchFilter(false)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "filter filter--search-refine"
+  }, /*#__PURE__*/React.createElement(ResetDesktopForm, {
+    handleReset: handleReset
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "filter__wrapper filter__wrapper--search-refine"
+  }, !shouldGroup && /*#__PURE__*/React.createElement(FiltersList, {
+    shouldSearch: !hasUrl,
+    data: data,
+    filters: filters,
+    hasUrl: hasUrl,
+    entity: entity,
+    filterValues: filterValues,
+    updateFilterValues: updateFilterValues
+  }), shouldGroup && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FiltersList, {
+    shouldSearch: !hasUrl,
+    data: data,
+    filters: filters.slice(0, groupAfterMobile),
+    hasUrl: hasUrl,
+    entity: entity,
+    filterValues: filterValues,
+    updateFilterValues: updateFilterValues
+  }), !!groupAfterMobile && /*#__PURE__*/React.createElement("button", {
+    "data-testId": "search-filter-mobile-toggler",
+    className: moreFiltersMobileTogglerClass,
+    type: "button",
+    onClick: () => setMoreFiltersMobileCollapsed(!moreFiltersMobileCollapsed)
+  }, "Filters"), /*#__PURE__*/React.createElement("div", {
+    className: moreFiltersMobileWrapperClass
+  }, /*#__PURE__*/React.createElement("div", {
+    className: MORE_FILTERS_CLASSES.MOBILE_CONTENT
+  }, /*#__PURE__*/React.createElement(FiltersList, {
+    shouldSearch: !hasUrl && isDeviceDesktop(),
+    data: data,
+    filters: filters.slice(groupAfterMobile, groupAfterDesktop ? groupAfterDesktop - 1 : 0),
+    hasUrl: hasUrl,
+    entity: entity,
+    filterValues: filterValues,
+    updateFilterValues: updateFilterValues
+  }), !!groupAfterDesktop && /*#__PURE__*/React.createElement("button", {
+    "data-testId": "search-filter-desktop-toggler",
+    className: moreFiltersDesktopTogglerClass,
+    type: "button",
+    "aria-label": moreFiltersDesktopCollapsed ? 'Show more search filters' : 'Show less search filters',
+    onClick: () => setMoreFiltersDesktopCollapsed(!moreFiltersDesktopCollapsed)
+  }, moreFiltersDesktopCollapsed ? 'More filters' : 'Less filters'), /*#__PURE__*/React.createElement("div", {
+    className: moreFiltersDesktopWrapperClass
+  }, /*#__PURE__*/React.createElement("div", {
+    className: MORE_FILTERS_CLASSES.DESKTOP_CONTENT
+  }, /*#__PURE__*/React.createElement(FiltersList, {
+    shouldSearch: false,
+    data: data,
+    filters: filters.slice(groupAfterDesktop),
+    hasUrl: hasUrl,
+    entity: entity,
+    filterValues: filterValues,
+    updateFilterValues: updateFilterValues
+  })), /*#__PURE__*/React.createElement("div", {
+    className: MORE_FILTERS_CLASSES.DESKTOP_BUTTONS
+  }, /*#__PURE__*/React.createElement(ResetDesktopForm, {
+    handleReset: handleReset
+  }), /*#__PURE__*/React.createElement("button", {
+    className: "button button--full-width",
+    type: "submit"
+  }, t('SEARCH_BUTTON_TEXT'))))), /*#__PURE__*/React.createElement("div", {
+    className: MORE_FILTERS_CLASSES.MOBILE_BUTTONS
+  }, /*#__PURE__*/React.createElement(ResetDesktopForm, {
+    handleReset: handleReset
+  }), /*#__PURE__*/React.createElement("button", {
+    className: "button button--full-width",
+    type: "submit"
+  }, t('SEARCH_BUTTON_TEXT'))))), !displaySearchFilter && /*#__PURE__*/React.createElement("button", {
+    className: "button button--full-width",
+    type: "submit"
+  }, t('SEARCH_BUTTON_TEXT')))), displaySearchFilter && /*#__PURE__*/React.createElement(MobileFormToolbar, {
+    formId: formId,
+    handleReset: handleReset
+  })), isCollapsedOnResponsive && !displaySearchFilter && /*#__PURE__*/React.createElement("div", {
+    className: "filter__refine filter__refine--mobile-close",
+    "data-testid": "refine-mobile",
+    "aria-label": t('REFINE_SEARCH')
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    onClick: () => setDisplaySearchFilter(true)
+  }, mobileRefineButtonText || t('REFINE_SEARCH'))));
+};
+SearchFilter.propTypes = {
+  data: PropTypes.object.isRequired,
+  filters: PropTypes.array.isRequired,
+  searchFilterRef: PropTypes.object.isRequired,
+  hasUrl: PropTypes.bool.isRequired,
+  entity: PropTypes.string.isRequired,
+  handleSearch: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+  displaySearchFilter: PropTypes.bool.isRequired,
+  setDisplaySearchFilter: PropTypes.func.isRequired,
+  isCollapsedOnResponsive: PropTypes.bool.isRequired,
+  groupAfterDesktop: PropTypes.number.isRequired,
+  groupAfterMobile: PropTypes.number.isRequired,
+  filterValues: PropTypes.object.isRequired,
+  setAppliedFilters: PropTypes.func.isRequired,
+  listComponentName: PropTypes.string,
+  query: PropTypes.object,
+  mobileRefineButtonText: PropTypes.string
+};
+SearchFilter.defaultProps = {
+  mobileRefineButtonText: '',
+  listComponentName: '',
+  query: {}
+};
+export default SearchFilter;
+//# sourceMappingURL=SearchFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilter.js","names":["React","useState","useEffect","PropTypes","classnames","debounce","useTranslation","FiltersList","CloseMobileForm","ResetDesktopForm","MobileFormToolbar","useFilterAggregationValues","isDeviceDesktop","getResponsiveFilterClassnames","buildUrlQuery","MORE_FILTERS_CLASSES","TRANSLATION_NAMESPACE","SearchFilter","searchFilterRef","listComponentName","data","filterData","filters","hasUrl","entity","handleSearch","name","isCollapsedOnResponsive","displaySearchFilter","setDisplaySearchFilter","groupAfterDesktop","groupAfterMobile","filterValues","setAppliedFilters","mobileRefineButtonText","query","t","moreFiltersMobileCollapsed","setMoreFiltersMobileCollapsed","moreFiltersDesktopCollapsed","setMoreFiltersDesktopCollapsed","setStateValues","setSelectProp","doSubmit","newValues","newQuery","handleSubmit","shouldSearch","type","formClass","moreFiltersMobileWrapperClass","moreFiltersMobileTogglerClass","moreFiltersDesktopWrapperClass","moreFiltersDesktopTogglerClass","formId","handleReset","updateFilterValues","shouldSubmit","lastChangedFilter","Object","keys","shouldGroup","createElement","Fragment","ref","className","id","onSubmit","e","preventDefault","handleClose","slice","onClick","MOBILE_CONTENT","DESKTOP_CONTENT","DESKTOP_BUTTONS","MOBILE_BUTTONS","role","propTypes","object","isRequired","array","bool","string","func","number","defaultProps"],"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 { useTranslation } from '@blaze-cms/nextjs-components';\nimport FiltersList from './FiltersList';\nimport CloseMobileForm from './CloseMobileForm';\nimport ResetDesktopForm from './ResetDesktopForm';\nimport MobileFormToolbar from './MobileFormToolbar';\nimport { useFilterAggregationValues } from '../../../hooks';\nimport { isDeviceDesktop, getResponsiveFilterClassnames, buildUrlQuery } from '../helpers';\nimport { MORE_FILTERS_CLASSES } from '../constants';\nimport { TRANSLATION_NAMESPACE } from '../../../constants';\n\nconst SearchFilter = ({\n  searchFilterRef,\n  listComponentName,\n  data: filterData,\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  mobileRefineButtonText,\n  query\n}) => {\n  const { t } = useTranslation(TRANSLATION_NAMESPACE);\n  const [moreFiltersMobileCollapsed, setMoreFiltersMobileCollapsed] = useState(true);\n  const [moreFiltersDesktopCollapsed, setMoreFiltersDesktopCollapsed] = useState(true);\n\n  const [data, setStateValues, setSelectProp] = useFilterAggregationValues({\n    data: filterData,\n    filterValues\n  });\n\n  const doSubmit = newValues => {\n    const newQuery = filterValues\n      ? buildUrlQuery(newValues, filters, listComponentName, query)\n      : '';\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    if (filterValues.shouldSearch) {\n      handleSubmit(filterValues);\n      setAppliedFilters({ type: 'resetSearch' });\n    }\n  }, [filterValues, handleSubmit, setAppliedFilters]);\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    setAppliedFilters({ type: 'reset' });\n    doSubmit();\n  };\n\n  const updateFilterValues = (newValues, shouldSubmit) => {\n    const [lastChangedFilter] = Object.keys(newValues);\n    setSelectProp(lastChangedFilter);\n    setAppliedFilters({ newValues, shouldSearch: shouldSubmit, type: 'update' });\n  };\n\n  const shouldGroup = !!(groupAfterDesktop || groupAfterMobile);\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(filterValues);\n          setStateValues(filterData);\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={!hasUrl}\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={!hasUrl}\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={!hasUrl && 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                        aria-label={\n                          moreFiltersDesktopCollapsed\n                            ? 'Show more search filters'\n                            : 'Show less search filters'\n                        }\n                        onClick={() =>\n                          setMoreFiltersDesktopCollapsed(!moreFiltersDesktopCollapsed)\n                        }>\n                        {moreFiltersDesktopCollapsed ? 'More filters' : 'Less 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                          {t('SEARCH_BUTTON_TEXT')}\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                      {t('SEARCH_BUTTON_TEXT')}\n                    </button>\n                  </div>\n                </div>\n              </>\n            )}\n\n            {!displaySearchFilter && (\n              <button className=\"button button--full-width\" type=\"submit\">\n                {t('SEARCH_BUTTON_TEXT')}\n              </button>\n            )}\n          </div>\n        </div>\n\n        {displaySearchFilter && <MobileFormToolbar formId={formId} handleReset={handleReset} />}\n      </form>\n\n      {isCollapsedOnResponsive && !displaySearchFilter && (\n        <div\n          className=\"filter__refine filter__refine--mobile-close\"\n          data-testid=\"refine-mobile\"\n          aria-label={t('REFINE_SEARCH')}>\n          <div role=\"button\" onClick={() => setDisplaySearchFilter(true)}>\n            {mobileRefineButtonText || t('REFINE_SEARCH')}\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  listComponentName: PropTypes.string,\n  query: PropTypes.object,\n  mobileRefineButtonText: PropTypes.string\n};\n\nSearchFilter.defaultProps = {\n  mobileRefineButtonText: '',\n  listComponentName: '',\n  query: {}\n};\n\nexport default SearchFilter;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import SearchFilter from './SearchFilter';
+export default SearchFilter;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SearchFilter"],"sources":["../../../../src/components/SearchFilter/SearchFilter/index.js"],"sourcesContent":["import SearchFilter from './SearchFilter';\n\nexport default SearchFilter;\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,gBAAgB;AAEzC,eAAeA,YAAY","ignoreList":[]}

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

@@ -0,0 +1,227 @@
+import React, { useState, useEffect, useRef, useReducer, useContext } from 'react';
+import { MainContext } from '@blaze-cms/nextjs-components';
+import { useRouter } from 'next/router';
+import { useQuery } from '@apollo/client';
+import PropTypes from 'prop-types';
+import { parseUrl } from 'query-string';
+import SearchFilter from './SearchFilter';
+import { withTitle } from '../../HOC';
+import { getSearchPublishedContent, generateSingleItemQuery } from '../../application/query';
+import { buildNewUrl, getFilterValues, getFilterRangesAndCheckboxesValues, getUpdatedFilterBy, buildListNameQuery } from './helpers';
+import { getEntityData, getInheritedFilters, getQueryProps, buildRawQueryStringified, buildFiltersQuery, getComponentId } from '../../helpers';
+import { RAW_RESULTS } from './constants';
+import searchFilterReducer from './searchFilterReducer';
+import { useGetEntitySchemasAsObj } from '../../hooks';
+const SearchFilterContainer = ({
+  entity,
+  url,
+  filters,
+  name,
+  isCollapsedOnResponsive,
+  groupAfterMobile,
+  groupAfterDesktop,
+  filterBy,
+  filterByProperty,
+  shouldAddFilters,
+  listComponentName,
+  parent,
+  mobileRefineButtonText
+}) => {
+  const {
+    isPreview
+  } = useContext(MainContext);
+  const router = useRouter();
+  const {
+    asPath
+  } = router;
+  const searchFilterRef = useRef(null);
+  const [key, setKey] = useState(`filter-${name}`);
+  const [displaySearchFilter, setDisplaySearchFilter] = useState(false);
+  const [urlPath, setUrlPath] = useState(asPath); // used as asPath can take too long to update
+  const [filterValues, dispatch] = useReducer(searchFilterReducer, null);
+  const {
+    url: currentUrl,
+    query
+  } = parseUrl(urlPath);
+  const updatedQuery = buildListNameQuery(query, listComponentName);
+  const {
+    itemId: parentId,
+    itemEntity: parentEntity
+  } = parent;
+  useEffect(() => {
+    if (asPath === urlPath) return;
+    const {
+      query: newQuery
+    } = parseUrl(asPath);
+    const updatedNewQuery = buildListNameQuery(newQuery, listComponentName);
+    const newValues = getFilterValues(filterData, filters, updatedNewQuery);
+    if (newValues) dispatch({
+      newValues,
+      shouldSearch: false,
+      type: 'update'
+    });
+    setUrlPath(asPath);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [asPath]);
+  const {
+    data: mainSchemas = {},
+    loading: schemasLoading
+  } = useGetEntitySchemasAsObj([parentEntity, entity]);
+  const {
+    [parentEntity]: parentSchema = {},
+    [entity]: filterEntitySchema = {}
+  } = mainSchemas;
+  const {
+    actions = {}
+  } = parentSchema || {};
+  const getAction = isPreview ? actions.get : actions.getPublished;
+  const inheritedFilters = getInheritedFilters(filterBy, filterByProperty);
+  const queryProps = getQueryProps(inheritedFilters, parentSchema, filterEntitySchema);
+  const {
+    data: {
+      entityData: parentData
+    } = {},
+    loading: parentQueryLoading
+  } = useQuery(generateSingleItemQuery(getAction, queryProps), {
+    variables: {
+      id: parentId
+    },
+    skip: schemasLoading || !inheritedFilters.length
+  });
+  const {
+    updatedFilterBy,
+    updatedFilterByProperty
+  } = getUpdatedFilterBy(filterBy, filterByProperty, parentData);
+  const action = getSearchPublishedContent(RAW_RESULTS);
+  const [checkboxSelectValues, rangeValues] = getFilterRangesAndCheckboxesValues(filters);
+  const {
+    docType
+  } = getEntityData(entity);
+  const filtersQuery = buildFiltersQuery({
+    shouldAddFilters,
+    query: filterValues,
+    filterBy: updatedFilterBy,
+    filterByProperty: updatedFilterByProperty,
+    rangeValues,
+    queryKeys: Object.keys(updatedQuery)
+  });
+  const rawQueryStringified = buildRawQueryStringified(checkboxSelectValues, rangeValues, docType, filtersQuery);
+  const {
+    data,
+    error,
+    loading
+  } = useQuery(action, {
+    variables: {
+      rawQueryStringified,
+      limit: 0
+    },
+    // we only want aggs so limit=0 for no search results
+    skip: !rawQueryStringified || parentQueryLoading
+  });
+  if (error) return error.message;
+  if (!filters.length) return null;
+  const {
+    searchPublishedContent: {
+      rawResults: {
+        aggregations: filterData
+      } = {}
+    } = {}
+  } = data || {};
+  if (!filterValues && !loading && !parentQueryLoading && (filterData || !rawQueryStringified)) {
+    const newValues = getFilterValues(filterData, filters, updatedQuery);
+    dispatch({
+      newValues,
+      shouldSearch: false,
+      type: 'update'
+    });
+    return null;
+  }
+  const handleSearch = newQuery => {
+    const componentId = listComponentName ? getComponentId(listComponentName) : '';
+    setDisplaySearchFilter(false);
+    const hashBit = asPath.split('#')[1] || '';
+    let parsedHashBit = hashBit ? `#${hashBit}` : '';
+    parsedHashBit = parsedHashBit || (componentId ? `#${componentId}` : '');
+    scrollToFirstList(componentId);
+    if (!newQuery) {
+      const baseUrl = url || currentUrl;
+      const baseQuery = `${baseUrl}${parsedHashBit}`;
+      setUrlPath(baseQuery);
+      return router.push('/Resolver', baseQuery, {
+        shallow: !url,
+        scroll: false
+      }).then(() => {
+        setKey(`filter-${name}:${Date.now()}`); // remove after range component update
+      });
+    }
+    const hashToUse = componentId;
+    const newUrl = buildNewUrl(url, currentUrl, newQuery, hashToUse);
+    setUrlPath(newUrl);
+    return router.push('/Resolver', newUrl, {
+      shallow: !url,
+      scroll: false
+    });
+  };
+  const scrollToFirstList = componentId => {
+    const list = componentId ? document.getElementById(componentId) : document.getElementsByClassName('list-top')[0];
+    const shouldScrollToFirstList = !url && list;
+    if (shouldScrollToFirstList) {
+      list.scrollIntoView();
+    } else {
+      window.scrollTo(0, 0);
+    }
+  };
+  if (!filterValues) return null;
+  return /*#__PURE__*/React.createElement(SearchFilter, {
+    key: key,
+    setAppliedFilters: dispatch,
+    query: updatedQuery,
+    listComponentName: listComponentName,
+    searchFilterRef: searchFilterRef,
+    data: filterData,
+    filters: filters,
+    hasUrl: !!url,
+    entity: entity,
+    handleSearch: handleSearch,
+    filterValues: filterValues,
+    name: name,
+    isCollapsedOnResponsive: isCollapsedOnResponsive,
+    displaySearchFilter: displaySearchFilter,
+    setDisplaySearchFilter: setDisplaySearchFilter,
+    groupAfterMobile: groupAfterMobile,
+    groupAfterDesktop: groupAfterDesktop,
+    mobileRefineButtonText: mobileRefineButtonText
+  });
+};
+SearchFilterContainer.propTypes = {
+  mobileRefineButtonText: PropTypes.string,
+  entity: PropTypes.string,
+  url: PropTypes.string,
+  filters: PropTypes.array,
+  name: PropTypes.string.isRequired,
+  isCollapsedOnResponsive: PropTypes.bool,
+  groupAfterMobile: PropTypes.number,
+  groupAfterDesktop: PropTypes.number,
+  filterBy: PropTypes.array,
+  filterByProperty: PropTypes.array,
+  shouldAddFilters: PropTypes.bool,
+  listComponentName: PropTypes.string,
+  parent: PropTypes.object
+};
+SearchFilterContainer.defaultProps = {
+  url: null,
+  filters: [],
+  entity: '',
+  isCollapsedOnResponsive: true,
+  groupAfterMobile: 0,
+  groupAfterDesktop: 0,
+  filterBy: [],
+  filterByProperty: [],
+  shouldAddFilters: false,
+  listComponentName: '',
+  parent: {},
+  mobileRefineButtonText: ''
+};
+export default withTitle(SearchFilterContainer);
+//# sourceMappingURL=SearchFilterContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilterContainer.js","names":["React","useState","useEffect","useRef","useReducer","useContext","MainContext","useRouter","useQuery","PropTypes","parseUrl","SearchFilter","withTitle","getSearchPublishedContent","generateSingleItemQuery","buildNewUrl","getFilterValues","getFilterRangesAndCheckboxesValues","getUpdatedFilterBy","buildListNameQuery","getEntityData","getInheritedFilters","getQueryProps","buildRawQueryStringified","buildFiltersQuery","getComponentId","RAW_RESULTS","searchFilterReducer","useGetEntitySchemasAsObj","SearchFilterContainer","entity","url","filters","name","isCollapsedOnResponsive","groupAfterMobile","groupAfterDesktop","filterBy","filterByProperty","shouldAddFilters","listComponentName","parent","mobileRefineButtonText","isPreview","router","asPath","searchFilterRef","key","setKey","displaySearchFilter","setDisplaySearchFilter","urlPath","setUrlPath","filterValues","dispatch","currentUrl","query","updatedQuery","itemId","parentId","itemEntity","parentEntity","newQuery","updatedNewQuery","newValues","filterData","shouldSearch","type","data","mainSchemas","loading","schemasLoading","parentSchema","filterEntitySchema","actions","getAction","get","getPublished","inheritedFilters","queryProps","entityData","parentData","parentQueryLoading","variables","id","skip","length","updatedFilterBy","updatedFilterByProperty","action","checkboxSelectValues","rangeValues","docType","filtersQuery","queryKeys","Object","keys","rawQueryStringified","error","limit","message","searchPublishedContent","rawResults","aggregations","handleSearch","componentId","hashBit","split","parsedHashBit","scrollToFirstList","baseUrl","baseQuery","push","shallow","scroll","then","Date","now","hashToUse","newUrl","list","document","getElementById","getElementsByClassName","shouldScrollToFirstList","scrollIntoView","window","scrollTo","createElement","setAppliedFilters","hasUrl","propTypes","string","array","isRequired","bool","number","object","defaultProps"],"sources":["../../../src/components/SearchFilter/SearchFilterContainer.js"],"sourcesContent":["import React, { useState, useEffect, useRef, useReducer, useContext } from 'react';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { parseUrl } from 'query-string';\nimport SearchFilter from './SearchFilter';\nimport { withTitle } from '../../HOC';\nimport { getSearchPublishedContent, generateSingleItemQuery } from '../../application/query';\nimport {\n  buildNewUrl,\n  getFilterValues,\n  getFilterRangesAndCheckboxesValues,\n  getUpdatedFilterBy,\n  buildListNameQuery\n} from './helpers';\nimport {\n  getEntityData,\n  getInheritedFilters,\n  getQueryProps,\n  buildRawQueryStringified,\n  buildFiltersQuery,\n  getComponentId\n} from '../../helpers';\nimport { RAW_RESULTS } from './constants';\nimport searchFilterReducer from './searchFilterReducer';\nimport { useGetEntitySchemasAsObj } from '../../hooks';\n\nconst SearchFilterContainer = ({\n  entity,\n  url,\n  filters,\n  name,\n  isCollapsedOnResponsive,\n  groupAfterMobile,\n  groupAfterDesktop,\n  filterBy,\n  filterByProperty,\n  shouldAddFilters,\n  listComponentName,\n  parent,\n  mobileRefineButtonText\n}) => {\n  const { isPreview } = useContext(MainContext);\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 [filterValues, dispatch] = useReducer(searchFilterReducer, null);\n  const { url: currentUrl, query } = parseUrl(urlPath);\n  const updatedQuery = buildListNameQuery(query, listComponentName);\n  const { itemId: parentId, itemEntity: parentEntity } = parent;\n\n  useEffect(\n    () => {\n      if (asPath === urlPath) return;\n\n      const { query: newQuery } = parseUrl(asPath);\n      const updatedNewQuery = buildListNameQuery(newQuery, listComponentName);\n      const newValues = getFilterValues(filterData, filters, updatedNewQuery);\n      if (newValues)\n        dispatch({\n          newValues,\n          shouldSearch: false,\n          type: 'update'\n        });\n      setUrlPath(asPath);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [asPath]\n  );\n\n  const { data: mainSchemas = {}, loading: schemasLoading } = useGetEntitySchemasAsObj([\n    parentEntity,\n    entity\n  ]);\n  const { [parentEntity]: parentSchema = {}, [entity]: filterEntitySchema = {} } = mainSchemas;\n  const { actions = {} } = parentSchema || {};\n  const getAction = isPreview ? actions.get : actions.getPublished;\n  const inheritedFilters = getInheritedFilters(filterBy, filterByProperty);\n  const queryProps = getQueryProps(inheritedFilters, parentSchema, filterEntitySchema);\n  const { data: { entityData: parentData } = {}, loading: parentQueryLoading } = useQuery(\n    generateSingleItemQuery(getAction, queryProps),\n    {\n      variables: { id: parentId },\n      skip: schemasLoading || !inheritedFilters.length\n    }\n  );\n  const { updatedFilterBy, updatedFilterByProperty } = getUpdatedFilterBy(\n    filterBy,\n    filterByProperty,\n    parentData\n  );\n\n  const action = getSearchPublishedContent(RAW_RESULTS);\n  const [checkboxSelectValues, rangeValues] = getFilterRangesAndCheckboxesValues(filters);\n\n  const { docType } = getEntityData(entity);\n\n  const filtersQuery = buildFiltersQuery({\n    shouldAddFilters,\n    query: filterValues,\n    filterBy: updatedFilterBy,\n    filterByProperty: updatedFilterByProperty,\n    rangeValues,\n    queryKeys: Object.keys(updatedQuery)\n  });\n\n  const rawQueryStringified = buildRawQueryStringified(\n    checkboxSelectValues,\n    rangeValues,\n    docType,\n    filtersQuery\n  );\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 || parentQueryLoading\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 && !loading && !parentQueryLoading && (filterData || !rawQueryStringified)) {\n    const newValues = getFilterValues(filterData, filters, updatedQuery);\n    dispatch({ newValues, shouldSearch: false, type: 'update' });\n    return null;\n  }\n\n  const handleSearch = newQuery => {\n    const componentId = listComponentName ? getComponentId(listComponentName) : '';\n    setDisplaySearchFilter(false);\n    const hashBit = asPath.split('#')[1] || '';\n    let parsedHashBit = hashBit ? `#${hashBit}` : '';\n    parsedHashBit = parsedHashBit || (componentId ? `#${componentId}` : '');\n\n    scrollToFirstList(componentId);\n    if (!newQuery) {\n      const baseUrl = url || currentUrl;\n      const baseQuery = `${baseUrl}${parsedHashBit}`;\n      setUrlPath(baseQuery);\n      return router.push('/Resolver', baseQuery, { shallow: !url, scroll: false }).then(() => {\n        setKey(`filter-${name}:${Date.now()}`); // remove after range component update\n      });\n    }\n    const hashToUse = componentId;\n    const newUrl = buildNewUrl(url, currentUrl, newQuery, hashToUse);\n    setUrlPath(newUrl);\n    return router.push('/Resolver', newUrl, { shallow: !url, scroll: false });\n  };\n\n  const scrollToFirstList = componentId => {\n    const list = componentId\n      ? document.getElementById(componentId)\n      : document.getElementsByClassName('list-top')[0];\n    const shouldScrollToFirstList = !url && list;\n\n    if (shouldScrollToFirstList) {\n      list.scrollIntoView();\n    } else {\n      window.scrollTo(0, 0);\n    }\n  };\n\n  if (!filterValues) return null;\n\n  return (\n    <SearchFilter\n      key={key}\n      setAppliedFilters={dispatch}\n      query={updatedQuery}\n      listComponentName={listComponentName}\n      searchFilterRef={searchFilterRef}\n      data={filterData}\n      filters={filters}\n      hasUrl={!!url}\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      mobileRefineButtonText={mobileRefineButtonText}\n    />\n  );\n};\n\nSearchFilterContainer.propTypes = {\n  mobileRefineButtonText: PropTypes.string,\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  listComponentName: PropTypes.string,\n  parent: PropTypes.object\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  listComponentName: '',\n  parent: {},\n  mobileRefineButtonText: ''\n};\n\nexport default withTitle(SearchFilterContainer);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,102 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import upperFirst from 'lodash.upperfirst';
+import { Checkboxes } from '@blaze-react/checkboxes';
+import { FaChevronDown, FaChevronUp } from 'react-icons/fa';
+import { withTitle } from '../../../HOC';
+import { decodeValue } from '../helpers';
+import { LIMIT_MIN, LIMIT_MAX, MORE, LESS } from '../constants';
+const Checkbox = ({
+  data,
+  prop,
+  updateFilterValues,
+  filterValues,
+  label,
+  elementTitle,
+  shouldSearch,
+  displayFilterCount
+}) => {
+  const [checkboxLimit, setCheckboxLimit] = useState(null);
+  if (!data[prop]) return null;
+  const handleCheckboxOptions = () => {
+    if (checkboxLimit[prop] === LIMIT_MIN) {
+      setCheckboxLimit({
+        [prop]: LIMIT_MAX
+      });
+    } else {
+      setCheckboxLimit({
+        [prop]: LIMIT_MIN
+      });
+    }
+  };
+  if (!checkboxLimit) {
+    setCheckboxLimit({
+      [prop]: LIMIT_MIN
+    });
+  }
+  if (!checkboxLimit) return null;
+  let checkboxQueryParams = [];
+  if (filterValues && filterValues[prop]) {
+    checkboxQueryParams = typeof filterValues[prop] === 'string' ? [decodeValue(filterValues[prop])] : filterValues[prop].map(val => decodeValue(val));
+  }
+  const multiple = [];
+  const sortedValues = data[prop].buckets.map(({
+    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[1]),
+    value: value[0],
+    name: prop,
+    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, {
+    className: "form-checkbox",
+    options: multiple,
+    onChange: ({
+      data: eData
+    }) => {
+      const newCheckboxValues = eData.filter(({
+        checked
+      }) => checked).map(({
+        value
+      }) => value);
+      updateFilterValues({
+        [prop]: newCheckboxValues
+      }, shouldSearch);
+    }
+  }), data[prop].buckets.length > LIMIT_MIN && /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    className: "see-more",
+    onClick: handleCheckboxOptions,
+    "aria-label": shouldDisplayMore ? `See ${MORE} ${label} options` : `See ${LESS} ${label} options`
+  }, shouldDisplayMore ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaChevronDown, {
+    className: "inline-icon"
+  })), ` See ${MORE}`) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaChevronUp, {
+    className: "inline-icon"
+  })), ` See ${LESS}`)));
+};
+Checkbox.propTypes = {
+  data: PropTypes.object.isRequired,
+  prop: PropTypes.string.isRequired,
+  filterValues: PropTypes.object.isRequired,
+  updateFilterValues: PropTypes.func.isRequired,
+  shouldSearch: PropTypes.bool,
+  label: PropTypes.string,
+  elementTitle: PropTypes.string,
+  displayFilterCount: PropTypes.bool
+};
+Checkbox.defaultProps = {
+  shouldSearch: false,
+  label: '',
+  elementTitle: '',
+  displayFilterCount: false
+};
+export default withTitle(Checkbox);
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +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","elementTitle","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","createElement","Fragment","className","options","onChange","eData","newCheckboxValues","length","role","onClick","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  elementTitle,\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  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\n          role=\"button\"\n          className=\"see-more\"\n          onClick={handleCheckboxOptions}\n          aria-label={\n            shouldDisplayMore ? `See ${MORE} ${label} options` : `See ${LESS} ${label} options`\n          }>\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  elementTitle: PropTypes.string,\n  displayFilterCount: PropTypes.bool\n};\n\nCheckbox.defaultProps = {\n  shouldSearch: false,\n  label: '',\n  elementTitle: '',\n  displayFilterCount: false\n};\n\nexport default withTitle(Checkbox);\n"],"mappings":"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","ignoreList":[]}