@blaze-cms/react-page-builder 0.146.0-node18-core-styles-tooltips.45 → 0.146.0-node18-tooltips.38

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":[]}

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

@@ -0,0 +1,130 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import debounce from 'lodash.debounce';
+import classNames from 'classnames';
+import RangeFilter from '@blaze-react/range-filter';
+import { useRouter } from 'next/router';
+import Select from '@blaze-react/select';
+import { parseUrl } from 'query-string';
+import { useGetSingleEntitySchema } from '../../../hooks';
+import { getSelectOptions, getIntersectedProp, getRangeValue, calculateMinMax } from '../helpers';
+import { decodeValue } from '../helpers/decode-encode';
+const Range = ({
+  rangeInterval,
+  label,
+  entity,
+  propsToDisplay,
+  dataAggregations,
+  updateFilterValues,
+  filterValues,
+  shouldSearch,
+  elementTitle,
+  unit
+}) => {
+  const router = useRouter();
+  const debounceAmount = shouldSearch ? 1200 : 400;
+  const {
+    query
+  } = parseUrl(decodeValue(router.asPath));
+  const hasMultipleOptions = propsToDisplay.length > 1;
+  const initialRangeOption = getIntersectedProp(query, propsToDisplay) || propsToDisplay[0];
+  const rangeOption = filterValues[initialRangeOption] && filterValues[initialRangeOption].selectedOption || initialRangeOption;
+  const rangeValue = filterValues[rangeOption];
+  const {
+    data: {
+      getEntitySchema = {}
+    } = {},
+    loading
+  } = useGetSingleEntitySchema(entity, !hasMultipleOptions);
+  if (loading || !rangeOption || !rangeValue) return '';
+  const options = getSelectOptions(getEntitySchema, propsToDisplay);
+  const {
+    min,
+    max
+  } = calculateMinMax(dataAggregations[rangeOption], rangeInterval);
+  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), {}, {
+        selectedOption: rangeOption
+      })
+    }, shouldSearch);
+  }, debounceAmount);
+  let displayLabel = '';
+  if (!hasMultipleOptions) {
+    displayLabel = label;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, elementTitle && /*#__PURE__*/React.createElement("div", {
+    className: "heading heading--section"
+  }, elementTitle), hasMultipleOptions && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("label", null, label), /*#__PURE__*/React.createElement(Select, {
+    value: rangeOption,
+    id: rangeOption,
+    options: options,
+    required: true,
+    onChange: ({
+      value
+    }) => {
+      const updatedOptions = {};
+      propsToDisplay.forEach(prop => {
+        const {
+          min: aggMin,
+          max: aggMax
+        } = calculateMinMax(dataAggregations[prop], rangeInterval);
+        const initValue = getRangeValue(null, rangeInterval, aggMin, aggMax);
+        updatedOptions[prop] = _objectSpread(_objectSpread({}, initValue), {}, {
+          selectedOption: value
+        });
+      });
+      updateFilterValues(updatedOptions, false);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: classNames('range-filter-wrapper', {
+      'has-unit': unit
+    }),
+    style: unit ? {
+      '--unit': `"${unit}"`
+    } : {}
+  }, /*#__PURE__*/React.createElement(RangeFilter, {
+    key: `${rangeOption}-${min}-${max}`,
+    name: rangeOption,
+    label: displayLabel,
+    value: valueToUse,
+    id: rangeOption,
+    onChange: ({
+      value
+    }) => {
+      handleChange(rangeOption, value);
+    }
+  })));
+};
+Range.propTypes = {
+  propsToDisplay: PropTypes.array.isRequired,
+  entity: PropTypes.string.isRequired,
+  filterValues: PropTypes.object.isRequired,
+  updateFilterValues: PropTypes.func.isRequired,
+  shouldSearch: PropTypes.bool,
+  rangeInterval: PropTypes.number,
+  label: PropTypes.string,
+  elementTitle: PropTypes.string,
+  dataAggregations: PropTypes.object.isRequired,
+  unit: PropTypes.string
+};
+Range.defaultProps = {
+  shouldSearch: false,
+  rangeInterval: 1,
+  label: '',
+  elementTitle: '',
+  unit: ''
+};
+export default Range;
+//# sourceMappingURL=Range.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Range.js","names":["React","PropTypes","debounce","classNames","RangeFilter","useRouter","Select","parseUrl","useGetSingleEntitySchema","getSelectOptions","getIntersectedProp","getRangeValue","calculateMinMax","decodeValue","Range","rangeInterval","label","entity","propsToDisplay","dataAggregations","updateFilterValues","filterValues","shouldSearch","elementTitle","unit","router","debounceAmount","query","asPath","hasMultipleOptions","length","initialRangeOption","rangeOption","selectedOption","rangeValue","data","getEntitySchema","loading","options","min","max","minValue","maxValue","valueToUse","_objectSpread","handleChange","option","value","displayLabel","createElement","Fragment","className","id","required","onChange","updatedOptions","forEach","prop","aggMin","aggMax","initValue","style","key","name","propTypes","array","isRequired","string","object","func","bool","number","defaultProps"],"sources":["../../../../src/components/SearchFilter/components/Range.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash.debounce';\nimport classNames from 'classnames';\nimport RangeFilter from '@blaze-react/range-filter';\nimport { useRouter } from 'next/router';\nimport Select from '@blaze-react/select';\nimport { parseUrl } from 'query-string';\nimport { useGetSingleEntitySchema } from '../../../hooks';\nimport { getSelectOptions, getIntersectedProp, getRangeValue, calculateMinMax } from '../helpers';\nimport { decodeValue } from '../helpers/decode-encode';\n\nconst Range = ({\n  rangeInterval,\n  label,\n  entity,\n  propsToDisplay,\n  dataAggregations,\n  updateFilterValues,\n  filterValues,\n  shouldSearch,\n  elementTitle,\n  unit\n}) => {\n  const router = useRouter();\n  const debounceAmount = shouldSearch ? 1200 : 400;\n  const { query } = parseUrl(decodeValue(router.asPath));\n  const hasMultipleOptions = propsToDisplay.length > 1;\n  const initialRangeOption = getIntersectedProp(query, propsToDisplay) || propsToDisplay[0];\n  const rangeOption =\n    (filterValues[initialRangeOption] && filterValues[initialRangeOption].selectedOption) ||\n    initialRangeOption;\n  const rangeValue = filterValues[rangeOption];\n\n  const { data: { getEntitySchema = {} } = {}, loading } = useGetSingleEntitySchema(\n    entity,\n    !hasMultipleOptions\n  );\n\n  if (loading || !rangeOption || !rangeValue) return '';\n\n  const options = getSelectOptions(getEntitySchema, propsToDisplay);\n  const { min, max } = calculateMinMax(dataAggregations[rangeOption], rangeInterval);\n  const minValue = rangeValue.minValue < min ? min : rangeValue.minValue;\n  const maxValue = rangeValue.maxValue > max ? max : rangeValue.maxValue;\n  const valueToUse = { ...rangeValue, min, max, minValue, maxValue };\n\n  const handleChange = debounce((option, value) => {\n    updateFilterValues({ [option]: { ...value, selectedOption: rangeOption } }, shouldSearch);\n  }, debounceAmount);\n\n  let displayLabel = '';\n  if (!hasMultipleOptions) {\n    displayLabel = label;\n  }\n\n  return (\n    <>\n      {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\n      {hasMultipleOptions && (\n        <>\n          <label>{label}</label>\n          <Select\n            value={rangeOption}\n            id={rangeOption}\n            options={options}\n            required\n            onChange={({ value }) => {\n              const updatedOptions = {};\n              propsToDisplay.forEach(prop => {\n                const { min: aggMin, max: aggMax } = calculateMinMax(\n                  dataAggregations[prop],\n                  rangeInterval\n                );\n                const initValue = getRangeValue(null, rangeInterval, aggMin, aggMax);\n                updatedOptions[prop] = { ...initValue, selectedOption: value };\n              });\n\n              updateFilterValues(updatedOptions, false);\n            }}\n          />\n        </>\n      )}\n      <div\n        className={classNames('range-filter-wrapper', {\n          'has-unit': unit\n        })}\n        style={unit ? { '--unit': `\"${unit}\"` } : {}}>\n        <RangeFilter\n          key={`${rangeOption}-${min}-${max}`}\n          name={rangeOption}\n          label={displayLabel}\n          value={valueToUse}\n          id={rangeOption}\n          onChange={({ value }) => {\n            handleChange(rangeOption, value);\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nRange.propTypes = {\n  propsToDisplay: PropTypes.array.isRequired,\n  entity: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  rangeInterval: PropTypes.number,\n  label: PropTypes.string,\n  elementTitle: PropTypes.string,\n  dataAggregations: PropTypes.object.isRequired,\n  unit: PropTypes.string\n};\n\nRange.defaultProps = {\n  shouldSearch: false,\n  rangeInterval: 1,\n  label: '',\n  elementTitle: '',\n  unit: ''\n};\n\nexport default Range;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,78 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Select from '@blaze-react/select';
+import { DEFAULT_OPTION } from '../constants';
+const SelectFilter = ({
+  data,
+  label,
+  prop,
+  updateFilterValues,
+  filterValues,
+  shouldSearch,
+  displayLabelAsPlaceholder,
+  displayFilterCount,
+  elementTitle
+}) => {
+  const filterValue = filterValues[prop] || '';
+  const disabledOptions = [];
+  const {
+    buckets = []
+  } = data[prop] || {};
+  const options = buckets.map(({
+    key,
+    doc_count: count
+  }) => {
+    if (!count) disabledOptions.push(key);
+    const optionLabel = displayFilterCount ? `${key} (${count})` : key;
+    return [key, optionLabel];
+  }).filter(Boolean).sort();
+  const labelText = label || prop;
+  let labelToUse = labelText;
+  let defaultTextValue = DEFAULT_OPTION;
+  if (displayLabelAsPlaceholder) {
+    defaultTextValue = labelToUse;
+    labelToUse = null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, elementTitle && /*#__PURE__*/React.createElement("div", {
+    className: "heading heading--section"
+  }, elementTitle), /*#__PURE__*/React.createElement(Select, {
+    label: labelToUse,
+    value: filterValue,
+    id: prop,
+    name: `filter-${prop}`,
+    "data-testid": `filter-${prop}`,
+    options: options,
+    defaultTextValue: defaultTextValue,
+    onChange: ({
+      value
+    }) => {
+      let valueToUse = value;
+      if (value === defaultTextValue) valueToUse = '';
+      updateFilterValues({
+        [prop]: valueToUse
+      }, shouldSearch);
+    },
+    disabled: disabledOptions
+  }));
+};
+SelectFilter.propTypes = {
+  data: PropTypes.object.isRequired,
+  prop: PropTypes.string.isRequired,
+  filterValues: PropTypes.object,
+  updateFilterValues: PropTypes.func.isRequired,
+  shouldSearch: PropTypes.bool,
+  label: PropTypes.string,
+  elementTitle: PropTypes.string,
+  displayLabelAsPlaceholder: PropTypes.bool,
+  displayFilterCount: PropTypes.bool
+};
+SelectFilter.defaultProps = {
+  filterValues: {},
+  shouldSearch: false,
+  label: '',
+  elementTitle: '',
+  displayLabelAsPlaceholder: false,
+  displayFilterCount: false
+};
+export default SelectFilter;
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":["React","PropTypes","Select","DEFAULT_OPTION","SelectFilter","data","label","prop","updateFilterValues","filterValues","shouldSearch","displayLabelAsPlaceholder","displayFilterCount","elementTitle","filterValue","disabledOptions","buckets","options","map","key","doc_count","count","push","optionLabel","filter","Boolean","sort","labelText","labelToUse","defaultTextValue","createElement","Fragment","className","value","id","name","onChange","valueToUse","disabled","propTypes","object","isRequired","string","func","bool","defaultProps"],"sources":["../../../../src/components/SearchFilter/components/Select.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@blaze-react/select';\nimport { DEFAULT_OPTION } from '../constants';\n\nconst SelectFilter = ({\n  data,\n  label,\n  prop,\n  updateFilterValues,\n  filterValues,\n  shouldSearch,\n  displayLabelAsPlaceholder,\n  displayFilterCount,\n  elementTitle\n}) => {\n  const filterValue = filterValues[prop] || '';\n  const disabledOptions = [];\n  const { buckets = [] } = data[prop] || {};\n\n  const options = buckets\n    .map(({ key, doc_count: count }) => {\n      if (!count) disabledOptions.push(key);\n      const optionLabel = displayFilterCount ? `${key} (${count})` : key;\n      return [key, optionLabel];\n    })\n    .filter(Boolean)\n    .sort();\n\n  const labelText = label || prop;\n  let labelToUse = labelText;\n  let defaultTextValue = DEFAULT_OPTION;\n  if (displayLabelAsPlaceholder) {\n    defaultTextValue = labelToUse;\n    labelToUse = null;\n  }\n\n  return (\n    <>\n      {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\n      <Select\n        label={labelToUse}\n        value={filterValue}\n        id={prop}\n        name={`filter-${prop}`}\n        data-testid={`filter-${prop}`}\n        options={options}\n        defaultTextValue={defaultTextValue}\n        onChange={({ value }) => {\n          let valueToUse = value;\n          if (value === defaultTextValue) valueToUse = '';\n\n          updateFilterValues({ [prop]: valueToUse }, shouldSearch);\n        }}\n        disabled={disabledOptions}\n      />\n    </>\n  );\n};\n\nSelectFilter.propTypes = {\n  data: PropTypes.object.isRequired,\n  prop: PropTypes.string.isRequired,\n  filterValues: PropTypes.object,\n  updateFilterValues: PropTypes.func.isRequired,\n  shouldSearch: PropTypes.bool,\n  label: PropTypes.string,\n  elementTitle: PropTypes.string,\n\n  displayLabelAsPlaceholder: PropTypes.bool,\n  displayFilterCount: PropTypes.bool\n};\n\nSelectFilter.defaultProps = {\n  filterValues: {},\n  shouldSearch: false,\n  label: '',\n  elementTitle: '',\n  displayLabelAsPlaceholder: false,\n  displayFilterCount: false\n};\n\nexport default SelectFilter;\n"],"mappings":"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","ignoreList":[]}