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

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.114.0](https://github.com/thebyte9/blaze/compare/v0.114.0-alpha.6...v0.114.0) (2021-11-30)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.114.0-alpha.5](https://github.com/thebyte9/blaze/compare/v0.114.0-alpha.4...v0.114.0-alpha.5) (2021-11-30)
+
+
+### Bug Fixes
+
+* handle legacy sortby property as a string ([#3235](https://github.com/thebyte9/blaze/issues/3235)) ([2d25fc3](https://github.com/thebyte9/blaze/commit/2d25fc3e55125fec711d4a06f78d35a6b26d443a))
+
+
+
+
+
+# [0.114.0-alpha.4](https://github.com/thebyte9/blaze/compare/v0.114.0-alpha.3...v0.114.0-alpha.4) (2021-11-29)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.114.0-alpha.3](https://github.com/thebyte9/blaze/compare/v0.114.0-alpha.2...v0.114.0-alpha.3) (2021-11-25)
+
+
+### Bug Fixes
+
+* filters with url wont auto submit ([#3229](https://github.com/thebyte9/blaze/issues/3229)) ([44c08dc](https://github.com/thebyte9/blaze/commit/44c08dc1c1a34459f8cd6234aa4daa2cb4bcf1e1))
+
+
+
+
+
 # [0.114.0-alpha.2](https://github.com/thebyte9/blaze/compare/v0.113.1...v0.114.0-alpha.2) (2021-11-25)
 
 

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/SearchFilter.js"],"names":["reducer","state","action","newValues","type","shouldSearch","Error","SearchFilter","searchFilterRef","data","filters","hasUrl","entity","handleSearch","name","isCollapsedOnResponsive","displaySearchFilter","setDisplaySearchFilter","initialFilterValues","groupAfterDesktop","groupAfterMobile","isDesktop","setIsDesktop","pageWidth","setPageWidth","moreFiltersMobileCollapsed","setMoreFiltersMobileCollapsed","moreFiltersDesktopCollapsed","setMoreFiltersDesktopCollapsed","filterValues","dispatch","handleSubmit","newQuery","window","innerWidth","handleResize","target","addEventListener","removeEventListener","isDesktopFormDisplayed","isMobileFormDisplayed","formClass","moreFiltersMobileWrapperClass","moreFiltersMobileTogglerClass","moreFiltersDesktopWrapperClass","moreFiltersDesktopTogglerClass","formId","handleReset","updateFilterValues","shouldGroup","e","preventDefault","slice","MORE_FILTERS_CLASSES","MOBILE_CONTENT","DESKTOP_CONTENT","DESKTOP_BUTTONS","SEARCH","MOBILE_BUTTONS","REFINE","propTypes","PropTypes","object","isRequired","array","bool","string","func","number"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useReducer } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport debounce from 'lodash.debounce';\nimport FiltersList from './FiltersList';\nimport {\n  isDeviceDesktop,\n  buildQuery,\n  getInitialFilterValues,\n  getResponsiveFilterClassnames\n} from '../helpers';\nimport CloseMobileForm from './CloseMobileForm';\nimport ResetDesktopForm from './ResetDesktopForm';\nimport MobileFormToolbar from './MobileFormToolbar';\nimport { SEARCH, REFINE, MORE_FILTERS_CLASSES } from '../constants';\n\nconst reducer = (state, action) => {\n  const { newValues, type, shouldSearch = true } = action;\n\n  switch (type) {\n    case 'update':\n      return { ...state, ...newValues, shouldSearch };\n    case 'resetSearch':\n      return { ...state, shouldSearch: false };\n    case 'reset':\n      return { ...newValues, shouldSearch };\n    default:\n      throw new Error();\n  }\n};\n\nconst SearchFilter = ({\n  searchFilterRef,\n  data,\n  filters,\n  hasUrl,\n  entity,\n  handleSearch,\n  name,\n  isCollapsedOnResponsive,\n  displaySearchFilter,\n  setDisplaySearchFilter,\n  initialFilterValues,\n  groupAfterDesktop,\n  groupAfterMobile\n}) => {\n  const [isDesktop, setIsDesktop] = useState(true);\n  const [pageWidth, setPageWidth] = useState(null);\n  const [moreFiltersMobileCollapsed, setMoreFiltersMobileCollapsed] = useState(true);\n  const [moreFiltersDesktopCollapsed, setMoreFiltersDesktopCollapsed] = useState(true);\n  const [filterValues, dispatch] = useReducer(reducer, initialFilterValues);\n\n  const handleSubmit = debounce(newValues => {\n    const newQuery = buildQuery(newValues, filters);\n    handleSearch(newQuery);\n  }, 200);\n\n  useEffect(\n    () => {\n      if (window && !pageWidth) {\n        setPageWidth(window.innerWidth);\n        setIsDesktop(isDeviceDesktop());\n      }\n\n      const handleResize = ({ target: { innerWidth } }) => {\n        setIsDesktop(isDeviceDesktop());\n        setPageWidth(innerWidth);\n        if (isDesktop) setDisplaySearchFilter(false);\n      };\n\n      window.addEventListener('resize', handleResize);\n      return () => {\n        window.removeEventListener('resize', handleResize);\n      };\n    },\n    [isDesktop, pageWidth, setDisplaySearchFilter]\n  );\n\n  useEffect(\n    () => {\n      if (filterValues.shouldSearch) {\n        handleSubmit(filterValues);\n        dispatch({ type: 'resetSearch' });\n      }\n    },\n    [filterValues, handleSubmit]\n  );\n\n  let isDesktopFormDisplayed = true;\n  let isMobileFormDisplayed = false;\n\n  if (!isDesktop && isCollapsedOnResponsive) {\n    isMobileFormDisplayed = displaySearchFilter;\n    isDesktopFormDisplayed = false;\n  }\n\n  const formClass = classnames({\n    'filter__form filter__form--mobile': isMobileFormDisplayed\n  });\n\n  const {\n    moreFiltersMobileWrapperClass,\n    moreFiltersMobileTogglerClass,\n    moreFiltersDesktopWrapperClass,\n    moreFiltersDesktopTogglerClass\n  } = getResponsiveFilterClassnames(moreFiltersDesktopCollapsed, moreFiltersMobileCollapsed);\n\n  const formId = `filter-${name}-form`;\n\n  const handleReset = () => {\n    const newValues = getInitialFilterValues(data, filters, {});\n\n    dispatch({ newValues, type: 'reset' });\n  };\n\n  const updateFilterValues = (newValues, shouldSearch) => {\n    dispatch({ newValues, shouldSearch, type: 'update' });\n  };\n\n  const shouldGroup = !!(groupAfterDesktop || groupAfterMobile);\n\n  return (\n    <>\n      {isDesktopFormDisplayed || isMobileFormDisplayed ? (\n        <form\n          ref={searchFilterRef}\n          className={formClass}\n          data-testid={formId}\n          id={formId}\n          onSubmit={e => {\n            e.preventDefault();\n            const newQuery = buildQuery(filterValues, filters);\n            handleSearch(newQuery);\n          }}>\n          {isMobileFormDisplayed && (\n            <CloseMobileForm handleClose={() => setDisplaySearchFilter(false)} />\n          )}\n\n          <div className=\"filter filter--search-refine\">\n            {isDesktopFormDisplayed && <ResetDesktopForm handleReset={handleReset} />}\n\n            <div className=\"filter__wrapper filter__wrapper--search-refine\">\n              {!shouldGroup && (\n                <FiltersList\n                  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\n                    data={data}\n                    filters={filters.slice(0, groupAfterMobile)}\n                    hasUrl={hasUrl}\n                    entity={entity}\n                    filterValues={filterValues}\n                    updateFilterValues={updateFilterValues}\n                  />\n\n                  {!!groupAfterMobile && (\n                    <button\n                      className={moreFiltersMobileTogglerClass}\n                      type=\"button\"\n                      onClick={() => setMoreFiltersMobileCollapsed(!moreFiltersMobileCollapsed)}>\n                      Filters\n                    </button>\n                  )}\n\n                  <div className={moreFiltersMobileWrapperClass}>\n                    <div className={MORE_FILTERS_CLASSES.MOBILE_CONTENT}>\n                      <FiltersList\n                        shouldSearch={isDeviceDesktop()}\n                        data={data}\n                        filters={filters.slice(\n                          groupAfterMobile,\n                          groupAfterDesktop ? groupAfterDesktop - 1 : 0\n                        )}\n                        hasUrl={hasUrl}\n                        entity={entity}\n                        filterValues={filterValues}\n                        updateFilterValues={updateFilterValues}\n                      />\n\n                      {!!groupAfterDesktop && (\n                        <button\n                          className={moreFiltersDesktopTogglerClass}\n                          type=\"button\"\n                          onClick={() =>\n                            setMoreFiltersDesktopCollapsed(!moreFiltersDesktopCollapsed)\n                          }>\n                          More filters\n                        </button>\n                      )}\n\n                      <div className={moreFiltersDesktopWrapperClass}>\n                        <div className={MORE_FILTERS_CLASSES.DESKTOP_CONTENT}>\n                          <FiltersList\n                            shouldSearch={false}\n                            data={data}\n                            filters={filters.slice(groupAfterDesktop)}\n                            hasUrl={hasUrl}\n                            entity={entity}\n                            filterValues={filterValues}\n                            updateFilterValues={updateFilterValues}\n                          />\n                        </div>\n\n                        <div className={MORE_FILTERS_CLASSES.DESKTOP_BUTTONS}>\n                          <ResetDesktopForm handleReset={handleReset} />\n\n                          <button className=\"button button--full-width\" type=\"submit\">\n                            {SEARCH}\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n\n                    <div className={MORE_FILTERS_CLASSES.MOBILE_BUTTONS}>\n                      <ResetDesktopForm handleReset={handleReset} />\n\n                      <button className=\"button button--full-width\" type=\"submit\">\n                        {SEARCH}\n                      </button>\n                    </div>\n                  </div>\n                </>\n              )}\n\n              <br />\n\n              {isDesktopFormDisplayed && (\n                <button className=\"button button--full-width\" type=\"submit\">\n                  {SEARCH}\n                </button>\n              )}\n            </div>\n          </div>\n\n          {isMobileFormDisplayed && <MobileFormToolbar formId={formId} handleReset={handleReset} />}\n        </form>\n      ) : (\n        <>\n          {isCollapsedOnResponsive && (\n            <div\n              className=\"filter__refine filter__refine--mobile-close\"\n              data-testid=\"refine-mobile\">\n              <div role=\"button\" onClick={() => setDisplaySearchFilter(true)}>\n                {REFINE}\n              </div>\n            </div>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nSearchFilter.propTypes = {\n  data: PropTypes.object.isRequired,\n  filters: PropTypes.array.isRequired,\n  searchFilterRef: PropTypes.object.isRequired,\n  hasUrl: PropTypes.bool.isRequired,\n  entity: PropTypes.string.isRequired,\n  handleSearch: PropTypes.func.isRequired,\n  name: PropTypes.string.isRequired,\n  displaySearchFilter: PropTypes.bool.isRequired,\n  setDisplaySearchFilter: PropTypes.func.isRequired,\n  isCollapsedOnResponsive: PropTypes.bool.isRequired,\n  groupAfterDesktop: PropTypes.number.isRequired,\n  groupAfterMobile: PropTypes.number.isRequired,\n  initialFilterValues: PropTypes.object.isRequired\n};\n\nexport default SearchFilter;\n"],"file":"SearchFilter.js"}
+{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/SearchFilter.js"],"names":["reducer","state","action","newValues","type","shouldSearch","Error","SearchFilter","searchFilterRef","data","filters","hasUrl","entity","handleSearch","name","isCollapsedOnResponsive","displaySearchFilter","setDisplaySearchFilter","initialFilterValues","groupAfterDesktop","groupAfterMobile","isDesktop","setIsDesktop","pageWidth","setPageWidth","moreFiltersMobileCollapsed","setMoreFiltersMobileCollapsed","moreFiltersDesktopCollapsed","setMoreFiltersDesktopCollapsed","filterValues","dispatch","handleSubmit","newQuery","window","innerWidth","handleResize","target","addEventListener","removeEventListener","isDesktopFormDisplayed","isMobileFormDisplayed","formClass","moreFiltersMobileWrapperClass","moreFiltersMobileTogglerClass","moreFiltersDesktopWrapperClass","moreFiltersDesktopTogglerClass","formId","handleReset","updateFilterValues","shouldSubmit","shouldGroup","e","preventDefault","slice","MORE_FILTERS_CLASSES","MOBILE_CONTENT","DESKTOP_CONTENT","DESKTOP_BUTTONS","SEARCH","MOBILE_BUTTONS","REFINE","propTypes","PropTypes","object","isRequired","array","bool","string","func","number"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAMA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAQC,MAAR,EAAmB;AACjC,MAAQC,SAAR,GAAiDD,MAAjD,CAAQC,SAAR;AAAA,MAAmBC,IAAnB,GAAiDF,MAAjD,CAAmBE,IAAnB;AAAA,6BAAiDF,MAAjD,CAAyBG,YAAzB;AAAA,MAAyBA,YAAzB,qCAAwC,IAAxC;;AAEA,UAAQD,IAAR;AACE,SAAK,QAAL;AACE,2DAAYH,KAAZ,GAAsBE,SAAtB;AAAiCE,QAAAA,YAAY,EAAZA;AAAjC;;AACF,SAAK,aAAL;AACE,6CAAYJ,KAAZ;AAAmBI,QAAAA,YAAY,EAAE;AAAjC;;AACF,SAAK,OAAL;AACE,6CAAYF,SAAZ;AAAuBE,QAAAA,YAAY,EAAZA;AAAvB;;AACF;AACE,YAAM,IAAIC,KAAJ,EAAN;AARJ;AAUD,CAbD;;AAeA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAcf;AAAA,MAbJC,eAaI,QAbJA,eAaI;AAAA,MAZJC,IAYI,QAZJA,IAYI;AAAA,MAXJC,OAWI,QAXJA,OAWI;AAAA,MAVJC,MAUI,QAVJA,MAUI;AAAA,MATJC,MASI,QATJA,MASI;AAAA,MARJC,YAQI,QARJA,YAQI;AAAA,MAPJC,IAOI,QAPJA,IAOI;AAAA,MANJC,uBAMI,QANJA,uBAMI;AAAA,MALJC,mBAKI,QALJA,mBAKI;AAAA,MAJJC,sBAII,QAJJA,sBAII;AAAA,MAHJC,mBAGI,QAHJA,mBAGI;AAAA,MAFJC,iBAEI,QAFJA,iBAEI;AAAA,MADJC,gBACI,QADJA,gBACI;;AACJ,kBAAkC,qBAAS,IAAT,CAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAAkC,qBAAS,IAAT,CAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAAoE,qBAAS,IAAT,CAApE;AAAA;AAAA,MAAOC,0BAAP;AAAA,MAAmCC,6BAAnC;;AACA,mBAAsE,qBAAS,IAAT,CAAtE;AAAA;AAAA,MAAOC,2BAAP;AAAA,MAAoCC,8BAApC;;AACA,oBAAiC,uBAAW5B,OAAX,EAAoBkB,mBAApB,CAAjC;AAAA;AAAA,MAAOW,YAAP;AAAA,MAAqBC,QAArB;;AAEA,MAAMC,YAAY,GAAG,wBAAS,UAAA5B,SAAS,EAAI;AACzC,QAAM6B,QAAQ,GAAG,yBAAW7B,SAAX,EAAsBO,OAAtB,CAAjB;AACAG,IAAAA,YAAY,CAACmB,QAAD,CAAZ;AACD,GAHoB,EAGlB,GAHkB,CAArB;AAKA,wBACE,YAAM;AACJ,QAAIC,MAAM,IAAI,CAACV,SAAf,EAA0B;AACxBC,MAAAA,YAAY,CAACS,MAAM,CAACC,UAAR,CAAZ;AACAZ,MAAAA,YAAY,CAAC,+BAAD,CAAZ;AACD;;AAED,QAAMa,YAAY,GAAG,SAAfA,YAAe,QAAgC;AAAA,UAAnBD,UAAmB,SAA7BE,MAA6B,CAAnBF,UAAmB;AACnDZ,MAAAA,YAAY,CAAC,+BAAD,CAAZ;AACAE,MAAAA,YAAY,CAACU,UAAD,CAAZ;AACA,UAAIb,SAAJ,EAAeJ,sBAAsB,CAAC,KAAD,CAAtB;AAChB,KAJD;;AAMAgB,IAAAA,MAAM,CAACI,gBAAP,CAAwB,QAAxB,EAAkCF,YAAlC;AACA,WAAO,YAAM;AACXF,MAAAA,MAAM,CAACK,mBAAP,CAA2B,QAA3B,EAAqCH,YAArC;AACD,KAFD;AAGD,GAjBH,EAkBE,CAACd,SAAD,EAAYE,SAAZ,EAAuBN,sBAAvB,CAlBF;AAqBA,wBACE,YAAM;AACJ,QAAIY,YAAY,CAACxB,YAAjB,EAA+B;AAC7B0B,MAAAA,YAAY,CAACF,YAAD,CAAZ;AACAC,MAAAA,QAAQ,CAAC;AAAE1B,QAAAA,IAAI,EAAE;AAAR,OAAD,CAAR;AACD;AACF,GANH,EAOE,CAACyB,YAAD,EAAeE,YAAf,CAPF;AAUA,MAAIQ,sBAAsB,GAAG,IAA7B;AACA,MAAIC,qBAAqB,GAAG,KAA5B;;AAEA,MAAI,CAACnB,SAAD,IAAcN,uBAAlB,EAA2C;AACzCyB,IAAAA,qBAAqB,GAAGxB,mBAAxB;AACAuB,IAAAA,sBAAsB,GAAG,KAAzB;AACD;;AAED,MAAME,SAAS,GAAG,4BAAW;AAC3B,yCAAqCD;AADV,GAAX,CAAlB;;AAIA,8BAKI,4CAA8Bb,2BAA9B,EAA2DF,0BAA3D,CALJ;AAAA,MACEiB,6BADF,yBACEA,6BADF;AAAA,MAEEC,6BAFF,yBAEEA,6BAFF;AAAA,MAGEC,8BAHF,yBAGEA,8BAHF;AAAA,MAIEC,8BAJF,yBAIEA,8BAJF;;AAOA,MAAMC,MAAM,oBAAahC,IAAb,UAAZ;;AAEA,MAAMiC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,QAAM5C,SAAS,GAAG,qCAAuBM,IAAvB,EAA6BC,OAA7B,EAAsC,EAAtC,CAAlB;AAEAoB,IAAAA,QAAQ,CAAC;AAAE3B,MAAAA,SAAS,EAATA,SAAF;AAAaC,MAAAA,IAAI,EAAE;AAAnB,KAAD,CAAR;AACD,GAJD;;AAMA,MAAM4C,kBAAkB,GAAG,SAArBA,kBAAqB,CAAC7C,SAAD,EAAY8C,YAAZ,EAA6B;AACtDnB,IAAAA,QAAQ,CAAC;AAAE3B,MAAAA,SAAS,EAATA,SAAF;AAAaE,MAAAA,YAAY,EAAE4C,YAA3B;AAAyC7C,MAAAA,IAAI,EAAE;AAA/C,KAAD,CAAR;AACD,GAFD;;AAIA,MAAM8C,WAAW,GAAG,CAAC,EAAE/B,iBAAiB,IAAIC,gBAAvB,CAArB;AACA,MAAMf,YAAY,GAAG,CAACM,MAAtB;AAEA,sBACE,kEACG4B,sBAAsB,IAAIC,qBAA1B,gBACC;AACE,IAAA,GAAG,EAAEhC,eADP;AAEE,IAAA,SAAS,EAAEiC,SAFb;AAGE,mBAAaK,MAHf;AAIE,IAAA,EAAE,EAAEA,MAJN;AAKE,IAAA,QAAQ,EAAE,kBAAAK,CAAC,EAAI;AACbA,MAAAA,CAAC,CAACC,cAAF;AACA,UAAMpB,QAAQ,GAAG,yBAAWH,YAAX,EAAyBnB,OAAzB,CAAjB;AACAG,MAAAA,YAAY,CAACmB,QAAD,CAAZ;AACD;AATH,KAUGQ,qBAAqB,iBACpB,gCAAC,2BAAD;AAAiB,IAAA,WAAW,EAAE;AAAA,aAAMvB,sBAAsB,CAAC,KAAD,CAA5B;AAAA;AAA9B,IAXJ,eAcE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGsB,sBAAsB,iBAAI,gCAAC,4BAAD;AAAkB,IAAA,WAAW,EAAEQ;AAA/B,IAD7B,eAGE;AAAK,IAAA,SAAS,EAAC;AAAf,KACG,CAACG,WAAD,iBACC,gCAAC,uBAAD;AACE,IAAA,YAAY,EAAE7C,YADhB;AAEE,IAAA,IAAI,EAAEI,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,MAAM,EAAEC,MALV;AAME,IAAA,YAAY,EAAEiB,YANhB;AAOE,IAAA,kBAAkB,EAAEmB;AAPtB,IAFJ,EAaGE,WAAW,iBACV,+EACE,gCAAC,uBAAD;AACE,IAAA,YAAY,EAAE7C,YADhB;AAEE,IAAA,IAAI,EAAEI,IAFR;AAGE,IAAA,OAAO,EAAEC,OAAO,CAAC2C,KAAR,CAAc,CAAd,EAAiBjC,gBAAjB,CAHX;AAIE,IAAA,MAAM,EAAET,MAJV;AAKE,IAAA,MAAM,EAAEC,MALV;AAME,IAAA,YAAY,EAAEiB,YANhB;AAOE,IAAA,kBAAkB,EAAEmB;AAPtB,IADF,EAWG,CAAC,CAAC5B,gBAAF,iBACC;AACE,IAAA,SAAS,EAAEuB,6BADb;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAE;AAAA,aAAMjB,6BAA6B,CAAC,CAACD,0BAAF,CAAnC;AAAA;AAHX,eAZJ,eAoBE;AAAK,IAAA,SAAS,EAAEiB;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAEY,gCAAqBC;AAArC,kBACE,gCAAC,uBAAD;AACE,IAAA,YAAY,EAAElD,YAAY,IAAI,+BADhC;AAEE,IAAA,IAAI,EAAEI,IAFR;AAGE,IAAA,OAAO,EAAEC,OAAO,CAAC2C,KAAR,CACPjC,gBADO,EAEPD,iBAAiB,GAAGA,iBAAiB,GAAG,CAAvB,GAA2B,CAFrC,CAHX;AAOE,IAAA,MAAM,EAAER,MAPV;AAQE,IAAA,MAAM,EAAEC,MARV;AASE,IAAA,YAAY,EAAEiB,YAThB;AAUE,IAAA,kBAAkB,EAAEmB;AAVtB,IADF,EAcG,CAAC,CAAC7B,iBAAF,iBACC;AACE,IAAA,SAAS,EAAE0B,8BADb;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAE;AAAA,aACPjB,8BAA8B,CAAC,CAACD,2BAAF,CADvB;AAAA;AAHX,oBAfJ,eAyBE;AAAK,IAAA,SAAS,EAAEiB;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAEU,gCAAqBE;AAArC,kBACE,gCAAC,uBAAD;AACE,IAAA,YAAY,EAAE,KADhB;AAEE,IAAA,IAAI,EAAE/C,IAFR;AAGE,IAAA,OAAO,EAAEC,OAAO,CAAC2C,KAAR,CAAclC,iBAAd,CAHX;AAIE,IAAA,MAAM,EAAER,MAJV;AAKE,IAAA,MAAM,EAAEC,MALV;AAME,IAAA,YAAY,EAAEiB,YANhB;AAOE,IAAA,kBAAkB,EAAEmB;AAPtB,IADF,CADF,eAaE;AAAK,IAAA,SAAS,EAAEM,gCAAqBG;AAArC,kBACE,gCAAC,4BAAD;AAAkB,IAAA,WAAW,EAAEV;AAA/B,IADF,eAGE;AAAQ,IAAA,SAAS,EAAC,2BAAlB;AAA8C,IAAA,IAAI,EAAC;AAAnD,KACGW,iBADH,CAHF,CAbF,CAzBF,CADF,eAiDE;AAAK,IAAA,SAAS,EAAEJ,gCAAqBK;AAArC,kBACE,gCAAC,4BAAD;AAAkB,IAAA,WAAW,EAAEZ;AAA/B,IADF,eAGE;AAAQ,IAAA,SAAS,EAAC,2BAAlB;AAA8C,IAAA,IAAI,EAAC;AAAnD,KACGW,iBADH,CAHF,CAjDF,CApBF,CAdJ,eA8FE,2CA9FF,EAgGGnB,sBAAsB,iBACrB;AAAQ,IAAA,SAAS,EAAC,2BAAlB;AAA8C,IAAA,IAAI,EAAC;AAAnD,KACGmB,iBADH,CAjGJ,CAHF,CAdF,EAyHGlB,qBAAqB,iBAAI,gCAAC,6BAAD;AAAmB,IAAA,MAAM,EAAEM,MAA3B;AAAmC,IAAA,WAAW,EAAEC;AAAhD,IAzH5B,CADD,gBA6HC,kEACGhC,uBAAuB,iBACtB;AACE,IAAA,SAAS,EAAC,6CADZ;AAEE,mBAAY;AAFd,kBAGE;AAAK,IAAA,IAAI,EAAC,QAAV;AAAmB,IAAA,OAAO,EAAE;AAAA,aAAME,sBAAsB,CAAC,IAAD,CAA5B;AAAA;AAA5B,KACG2C,iBADH,CAHF,CAFJ,CA9HJ,CADF;AA6ID,CAxOD;;AA0OArD,YAAY,CAACsD,SAAb,GAAyB;AACvBpD,EAAAA,IAAI,EAAEqD,sBAAUC,MAAV,CAAiBC,UADA;AAEvBtD,EAAAA,OAAO,EAAEoD,sBAAUG,KAAV,CAAgBD,UAFF;AAGvBxD,EAAAA,eAAe,EAAEsD,sBAAUC,MAAV,CAAiBC,UAHX;AAIvBrD,EAAAA,MAAM,EAAEmD,sBAAUI,IAAV,CAAeF,UAJA;AAKvBpD,EAAAA,MAAM,EAAEkD,sBAAUK,MAAV,CAAiBH,UALF;AAMvBnD,EAAAA,YAAY,EAAEiD,sBAAUM,IAAV,CAAeJ,UANN;AAOvBlD,EAAAA,IAAI,EAAEgD,sBAAUK,MAAV,CAAiBH,UAPA;AAQvBhD,EAAAA,mBAAmB,EAAE8C,sBAAUI,IAAV,CAAeF,UARb;AASvB/C,EAAAA,sBAAsB,EAAE6C,sBAAUM,IAAV,CAAeJ,UAThB;AAUvBjD,EAAAA,uBAAuB,EAAE+C,sBAAUI,IAAV,CAAeF,UAVjB;AAWvB7C,EAAAA,iBAAiB,EAAE2C,sBAAUO,MAAV,CAAiBL,UAXb;AAYvB5C,EAAAA,gBAAgB,EAAE0C,sBAAUO,MAAV,CAAiBL,UAZZ;AAavB9C,EAAAA,mBAAmB,EAAE4C,sBAAUC,MAAV,CAAiBC;AAbf,CAAzB;eAgBezD,Y","sourcesContent":["import React, { useState, useEffect, useReducer } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport debounce from 'lodash.debounce';\nimport FiltersList from './FiltersList';\nimport {\n  isDeviceDesktop,\n  buildQuery,\n  getInitialFilterValues,\n  getResponsiveFilterClassnames\n} from '../helpers';\nimport CloseMobileForm from './CloseMobileForm';\nimport ResetDesktopForm from './ResetDesktopForm';\nimport MobileFormToolbar from './MobileFormToolbar';\nimport { SEARCH, REFINE, MORE_FILTERS_CLASSES } from '../constants';\n\nconst reducer = (state, action) => {\n  const { newValues, type, shouldSearch = true } = action;\n\n  switch (type) {\n    case 'update':\n      return { ...state, ...newValues, shouldSearch };\n    case 'resetSearch':\n      return { ...state, shouldSearch: false };\n    case 'reset':\n      return { ...newValues, shouldSearch };\n    default:\n      throw new Error();\n  }\n};\n\nconst SearchFilter = ({\n  searchFilterRef,\n  data,\n  filters,\n  hasUrl,\n  entity,\n  handleSearch,\n  name,\n  isCollapsedOnResponsive,\n  displaySearchFilter,\n  setDisplaySearchFilter,\n  initialFilterValues,\n  groupAfterDesktop,\n  groupAfterMobile\n}) => {\n  const [isDesktop, setIsDesktop] = useState(true);\n  const [pageWidth, setPageWidth] = useState(null);\n  const [moreFiltersMobileCollapsed, setMoreFiltersMobileCollapsed] = useState(true);\n  const [moreFiltersDesktopCollapsed, setMoreFiltersDesktopCollapsed] = useState(true);\n  const [filterValues, dispatch] = useReducer(reducer, initialFilterValues);\n\n  const handleSubmit = debounce(newValues => {\n    const newQuery = buildQuery(newValues, filters);\n    handleSearch(newQuery);\n  }, 200);\n\n  useEffect(\n    () => {\n      if (window && !pageWidth) {\n        setPageWidth(window.innerWidth);\n        setIsDesktop(isDeviceDesktop());\n      }\n\n      const handleResize = ({ target: { innerWidth } }) => {\n        setIsDesktop(isDeviceDesktop());\n        setPageWidth(innerWidth);\n        if (isDesktop) setDisplaySearchFilter(false);\n      };\n\n      window.addEventListener('resize', handleResize);\n      return () => {\n        window.removeEventListener('resize', handleResize);\n      };\n    },\n    [isDesktop, pageWidth, setDisplaySearchFilter]\n  );\n\n  useEffect(\n    () => {\n      if (filterValues.shouldSearch) {\n        handleSubmit(filterValues);\n        dispatch({ type: 'resetSearch' });\n      }\n    },\n    [filterValues, handleSubmit]\n  );\n\n  let isDesktopFormDisplayed = true;\n  let isMobileFormDisplayed = false;\n\n  if (!isDesktop && isCollapsedOnResponsive) {\n    isMobileFormDisplayed = displaySearchFilter;\n    isDesktopFormDisplayed = false;\n  }\n\n  const formClass = classnames({\n    'filter__form filter__form--mobile': isMobileFormDisplayed\n  });\n\n  const {\n    moreFiltersMobileWrapperClass,\n    moreFiltersMobileTogglerClass,\n    moreFiltersDesktopWrapperClass,\n    moreFiltersDesktopTogglerClass\n  } = getResponsiveFilterClassnames(moreFiltersDesktopCollapsed, moreFiltersMobileCollapsed);\n\n  const formId = `filter-${name}-form`;\n\n  const handleReset = () => {\n    const newValues = getInitialFilterValues(data, filters, {});\n\n    dispatch({ newValues, type: 'reset' });\n  };\n\n  const updateFilterValues = (newValues, shouldSubmit) => {\n    dispatch({ newValues, shouldSearch: shouldSubmit, type: 'update' });\n  };\n\n  const shouldGroup = !!(groupAfterDesktop || groupAfterMobile);\n  const shouldSearch = !hasUrl;\n\n  return (\n    <>\n      {isDesktopFormDisplayed || isMobileFormDisplayed ? (\n        <form\n          ref={searchFilterRef}\n          className={formClass}\n          data-testid={formId}\n          id={formId}\n          onSubmit={e => {\n            e.preventDefault();\n            const newQuery = buildQuery(filterValues, filters);\n            handleSearch(newQuery);\n          }}>\n          {isMobileFormDisplayed && (\n            <CloseMobileForm handleClose={() => setDisplaySearchFilter(false)} />\n          )}\n\n          <div className=\"filter filter--search-refine\">\n            {isDesktopFormDisplayed && <ResetDesktopForm handleReset={handleReset} />}\n\n            <div className=\"filter__wrapper filter__wrapper--search-refine\">\n              {!shouldGroup && (\n                <FiltersList\n                  shouldSearch={shouldSearch}\n                  data={data}\n                  filters={filters}\n                  hasUrl={hasUrl}\n                  entity={entity}\n                  filterValues={filterValues}\n                  updateFilterValues={updateFilterValues}\n                />\n              )}\n\n              {shouldGroup && (\n                <>\n                  <FiltersList\n                    shouldSearch={shouldSearch}\n                    data={data}\n                    filters={filters.slice(0, groupAfterMobile)}\n                    hasUrl={hasUrl}\n                    entity={entity}\n                    filterValues={filterValues}\n                    updateFilterValues={updateFilterValues}\n                  />\n\n                  {!!groupAfterMobile && (\n                    <button\n                      className={moreFiltersMobileTogglerClass}\n                      type=\"button\"\n                      onClick={() => setMoreFiltersMobileCollapsed(!moreFiltersMobileCollapsed)}>\n                      Filters\n                    </button>\n                  )}\n\n                  <div className={moreFiltersMobileWrapperClass}>\n                    <div className={MORE_FILTERS_CLASSES.MOBILE_CONTENT}>\n                      <FiltersList\n                        shouldSearch={shouldSearch && isDeviceDesktop()}\n                        data={data}\n                        filters={filters.slice(\n                          groupAfterMobile,\n                          groupAfterDesktop ? groupAfterDesktop - 1 : 0\n                        )}\n                        hasUrl={hasUrl}\n                        entity={entity}\n                        filterValues={filterValues}\n                        updateFilterValues={updateFilterValues}\n                      />\n\n                      {!!groupAfterDesktop && (\n                        <button\n                          className={moreFiltersDesktopTogglerClass}\n                          type=\"button\"\n                          onClick={() =>\n                            setMoreFiltersDesktopCollapsed(!moreFiltersDesktopCollapsed)\n                          }>\n                          More filters\n                        </button>\n                      )}\n\n                      <div className={moreFiltersDesktopWrapperClass}>\n                        <div className={MORE_FILTERS_CLASSES.DESKTOP_CONTENT}>\n                          <FiltersList\n                            shouldSearch={false}\n                            data={data}\n                            filters={filters.slice(groupAfterDesktop)}\n                            hasUrl={hasUrl}\n                            entity={entity}\n                            filterValues={filterValues}\n                            updateFilterValues={updateFilterValues}\n                          />\n                        </div>\n\n                        <div className={MORE_FILTERS_CLASSES.DESKTOP_BUTTONS}>\n                          <ResetDesktopForm handleReset={handleReset} />\n\n                          <button className=\"button button--full-width\" type=\"submit\">\n                            {SEARCH}\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n\n                    <div className={MORE_FILTERS_CLASSES.MOBILE_BUTTONS}>\n                      <ResetDesktopForm handleReset={handleReset} />\n\n                      <button className=\"button button--full-width\" type=\"submit\">\n                        {SEARCH}\n                      </button>\n                    </div>\n                  </div>\n                </>\n              )}\n\n              <br />\n\n              {isDesktopFormDisplayed && (\n                <button className=\"button button--full-width\" type=\"submit\">\n                  {SEARCH}\n                </button>\n              )}\n            </div>\n          </div>\n\n          {isMobileFormDisplayed && <MobileFormToolbar formId={formId} handleReset={handleReset} />}\n        </form>\n      ) : (\n        <>\n          {isCollapsedOnResponsive && (\n            <div\n              className=\"filter__refine filter__refine--mobile-close\"\n              data-testid=\"refine-mobile\">\n              <div role=\"button\" onClick={() => setDisplaySearchFilter(true)}>\n                {REFINE}\n              </div>\n            </div>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nSearchFilter.propTypes = {\n  data: PropTypes.object.isRequired,\n  filters: PropTypes.array.isRequired,\n  searchFilterRef: PropTypes.object.isRequired,\n  hasUrl: PropTypes.bool.isRequired,\n  entity: PropTypes.string.isRequired,\n  handleSearch: PropTypes.func.isRequired,\n  name: PropTypes.string.isRequired,\n  displaySearchFilter: PropTypes.bool.isRequired,\n  setDisplaySearchFilter: PropTypes.func.isRequired,\n  isCollapsedOnResponsive: PropTypes.bool.isRequired,\n  groupAfterDesktop: PropTypes.number.isRequired,\n  groupAfterMobile: PropTypes.number.isRequired,\n  initialFilterValues: PropTypes.object.isRequired\n};\n\nexport default SearchFilter;\n"],"file":"SearchFilter.js"}

package/lib/helpers/get-generic-render-variables.js

@@ -54,7 +54,9 @@ var buildSortValues = function buildSortValues(sortFilters, relations, stringPro
   var sortValues = sortFilters.map(function (_ref) {
     var sort = _ref.sort,
         propsToDisplay = _ref.propsToDisplay;
-    return !!sort && !!propsToDisplay[0] && "".concat((0, _getSortByFieldName["default"])(relations, propsToDisplay[0], stringProps), ":").concat(sort.toLowerCase());
+    if (!sort) return null;
+    var sortFieldName = (0, _getSortByFieldName["default"])(relations, propsToDisplay, stringProps);
+    return sortFieldName ? "".concat(sortFieldName, ":").concat(sort.toLowerCase()) : null;
   }).filter(Boolean).join(',');
   return {
     sort: sortValues
@@ -72,7 +74,7 @@ var getCorrectSort = function getCorrectSort(relations, filterProps, stringProps
       sortProperties = _filterProps$sortProp === void 0 ? [] : _filterProps$sortProp;
   return buildSortValues([{
     sort: sort,
-    propsToDisplay: [sortby]
+    propsToDisplay: sortby
   }].concat((0, _toConsumableArray2["default"])(sortProperties)), relations, stringProps);
 };
 

package/lib/helpers/get-generic-render-variables.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/get-generic-render-variables.js"],"names":["buildSortValues","sortFilters","relations","stringProps","length","sort","sortValues","map","propsToDisplay","toLowerCase","filter","Boolean","join","getCorrectSort","filterProps","isTextSearchApplied","sortby","sortProperties","getGenericRenderVariables","rawQueryStringified","isTextSearchFilterApplied","limit","DEFAULT_LIMIT","offset","raw","Number","DEFAULT_OFFSET"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,WAAD,EAAcC,SAAd,EAAyBC,WAAzB,EAAyC;AAC/D,MAAI,CAACF,WAAD,IAAgB,CAACA,WAAW,CAACG,MAAjC,EAAyC,OAAO;AAAEC,IAAAA,IAAI,EAAE;AAAR,GAAP;AACzC,MAAMC,UAAU,GAAGL,WAAW,CAC3BM,GADgB,CAEf;AAAA,QAAGF,IAAH,QAAGA,IAAH;AAAA,QAASG,cAAT,QAASA,cAAT;AAAA,WACE,CAAC,CAACH,IAAF,IACA,CAAC,CAACG,cAAc,CAAC,CAAD,CADhB,cAEG,oCAAmBN,SAAnB,EAA8BM,cAAc,CAAC,CAAD,CAA5C,EAAiDL,WAAjD,CAFH,cAEoEE,IAAI,CAACI,WAAL,EAFpE,CADF;AAAA,GAFe,EAOhBC,MAPgB,CAOTC,OAPS,EAQhBC,IARgB,CAQX,GARW,CAAnB;AAUA,SAAO;AAAEP,IAAAA,IAAI,EAAEC;AAAR,GAAP;AACD,CAbD;;AAcA,IAAMO,cAAc,GAAG,SAAjBA,cAAiB,CAACX,SAAD,EAAYY,WAAZ,EAAyBX,WAAzB,EAAsCY,mBAAtC,EAA8D;AACnF,MAAIA,mBAAJ,EAAyB;AACvB,WAAO,EAAP;AACD;;AACD,MAAQV,IAAR,GAA8CS,WAA9C,CAAQT,IAAR;AAAA,MAAcW,MAAd,GAA8CF,WAA9C,CAAcE,MAAd;AAAA,8BAA8CF,WAA9C,CAAsBG,cAAtB;AAAA,MAAsBA,cAAtB,sCAAuC,EAAvC;AAEA,SAAOjB,eAAe,EACnB;AAAEK,IAAAA,IAAI,EAAJA,IAAF;AAAQG,IAAAA,cAAc,EAAE,CAACQ,MAAD;AAAxB,GADmB,6CACoBC,cADpB,IAEpBf,SAFoB,EAGpBC,WAHoB,CAAtB;AAKD,CAXD;;AAaA,IAAMe,yBAAyB,GAAG,SAA5BA,yBAA4B,CAChChB,SADgC,EAM7B;AAAA,MAJHY,WAIG,uEAJW,EAIX;AAAA,MAHHX,WAGG,uEAHW,EAGX;AAAA,MAFHgB,mBAEG,uEAFmB,EAEnB;AAAA,MADHC,yBACG,uEADyB,KACzB;AACH,2BAA0CN,WAA1C,CAAQO,KAAR;AAAA,MAAQA,KAAR,mCAAgBC,wBAAhB;AAAA,MAA+BC,MAA/B,GAA0CT,WAA1C,CAA+BS,MAA/B;AACA,MAAMlB,IAAI,GAAGQ,cAAc,CAACX,SAAD,EAAYY,WAAZ,EAAyBX,WAAzB,EAAsCiB,yBAAtC,CAA3B;AACA,MAAMI,GAAG,GAAGL,mBAAmB,GAAG;AAAEA,IAAAA,mBAAmB,EAAnBA;AAAF,GAAH,GAA6B,EAA5D;AAEA;AACEE,IAAAA,KAAK,EAAEI,MAAM,CAACJ,KAAK,IAAIC,wBAAV,CADf;AAEEC,IAAAA,MAAM,EAAEE,MAAM,CAACF,MAAM,IAAIG,yBAAX;AAFhB,KAGKrB,IAHL,GAIKmB,GAJL;AAMD,CAjBD;;eAmBeN,yB","sourcesContent":["import getSortbyFieldName from './get-sort-by-field-name';\nimport { DEFAULT_LIMIT, DEFAULT_OFFSET } from '../constants';\n\nconst buildSortValues = (sortFilters, relations, stringProps) => {\n  if (!sortFilters || !sortFilters.length) return { sort: [] };\n  const sortValues = sortFilters\n    .map(\n      ({ sort, propsToDisplay }) =>\n        !!sort &&\n        !!propsToDisplay[0] &&\n        `${getSortbyFieldName(relations, propsToDisplay[0], stringProps)}:${sort.toLowerCase()}`\n    )\n    .filter(Boolean)\n    .join(',');\n\n  return { sort: sortValues };\n};\nconst getCorrectSort = (relations, filterProps, stringProps, isTextSearchApplied) => {\n  if (isTextSearchApplied) {\n    return {};\n  }\n  const { sort, sortby, sortProperties = [] } = filterProps;\n\n  return buildSortValues(\n    [{ sort, propsToDisplay: [sortby] }, ...sortProperties],\n    relations,\n    stringProps\n  );\n};\n\nconst getGenericRenderVariables = (\n  relations,\n  filterProps = {},\n  stringProps = [],\n  rawQueryStringified = '',\n  isTextSearchFilterApplied = false\n) => {\n  const { limit = DEFAULT_LIMIT, offset } = filterProps;\n  const sort = getCorrectSort(relations, filterProps, stringProps, isTextSearchFilterApplied);\n  const raw = rawQueryStringified ? { rawQueryStringified } : {};\n\n  return {\n    limit: Number(limit || DEFAULT_LIMIT),\n    offset: Number(offset || DEFAULT_OFFSET),\n    ...sort,\n    ...raw\n  };\n};\n\nexport default getGenericRenderVariables;\n"],"file":"get-generic-render-variables.js"}
+{"version":3,"sources":["../../src/helpers/get-generic-render-variables.js"],"names":["buildSortValues","sortFilters","relations","stringProps","length","sort","sortValues","map","propsToDisplay","sortFieldName","toLowerCase","filter","Boolean","join","getCorrectSort","filterProps","isTextSearchApplied","sortby","sortProperties","getGenericRenderVariables","rawQueryStringified","isTextSearchFilterApplied","limit","DEFAULT_LIMIT","offset","raw","Number","DEFAULT_OFFSET"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,WAAD,EAAcC,SAAd,EAAyBC,WAAzB,EAAyC;AAC/D,MAAI,CAACF,WAAD,IAAgB,CAACA,WAAW,CAACG,MAAjC,EAAyC,OAAO;AAAEC,IAAAA,IAAI,EAAE;AAAR,GAAP;AACzC,MAAMC,UAAU,GAAGL,WAAW,CAC3BM,GADgB,CACZ,gBAA8B;AAAA,QAA3BF,IAA2B,QAA3BA,IAA2B;AAAA,QAArBG,cAAqB,QAArBA,cAAqB;AACjC,QAAI,CAACH,IAAL,EAAW,OAAO,IAAP;AAEX,QAAMI,aAAa,GAAG,oCAAmBP,SAAnB,EAA8BM,cAA9B,EAA8CL,WAA9C,CAAtB;AACA,WAAOM,aAAa,aAAMA,aAAN,cAAuBJ,IAAI,CAACK,WAAL,EAAvB,IAA8C,IAAlE;AACD,GANgB,EAOhBC,MAPgB,CAOTC,OAPS,EAQhBC,IARgB,CAQX,GARW,CAAnB;AAUA,SAAO;AAAER,IAAAA,IAAI,EAAEC;AAAR,GAAP;AACD,CAbD;;AAcA,IAAMQ,cAAc,GAAG,SAAjBA,cAAiB,CAACZ,SAAD,EAAYa,WAAZ,EAAyBZ,WAAzB,EAAsCa,mBAAtC,EAA8D;AACnF,MAAIA,mBAAJ,EAAyB;AACvB,WAAO,EAAP;AACD;;AACD,MAAQX,IAAR,GAA8CU,WAA9C,CAAQV,IAAR;AAAA,MAAcY,MAAd,GAA8CF,WAA9C,CAAcE,MAAd;AAAA,8BAA8CF,WAA9C,CAAsBG,cAAtB;AAAA,MAAsBA,cAAtB,sCAAuC,EAAvC;AAEA,SAAOlB,eAAe,EACnB;AAAEK,IAAAA,IAAI,EAAJA,IAAF;AAAQG,IAAAA,cAAc,EAAES;AAAxB,GADmB,6CACkBC,cADlB,IAEpBhB,SAFoB,EAGpBC,WAHoB,CAAtB;AAKD,CAXD;;AAaA,IAAMgB,yBAAyB,GAAG,SAA5BA,yBAA4B,CAChCjB,SADgC,EAM7B;AAAA,MAJHa,WAIG,uEAJW,EAIX;AAAA,MAHHZ,WAGG,uEAHW,EAGX;AAAA,MAFHiB,mBAEG,uEAFmB,EAEnB;AAAA,MADHC,yBACG,uEADyB,KACzB;AACH,2BAA0CN,WAA1C,CAAQO,KAAR;AAAA,MAAQA,KAAR,mCAAgBC,wBAAhB;AAAA,MAA+BC,MAA/B,GAA0CT,WAA1C,CAA+BS,MAA/B;AACA,MAAMnB,IAAI,GAAGS,cAAc,CAACZ,SAAD,EAAYa,WAAZ,EAAyBZ,WAAzB,EAAsCkB,yBAAtC,CAA3B;AACA,MAAMI,GAAG,GAAGL,mBAAmB,GAAG;AAAEA,IAAAA,mBAAmB,EAAnBA;AAAF,GAAH,GAA6B,EAA5D;AAEA;AACEE,IAAAA,KAAK,EAAEI,MAAM,CAACJ,KAAK,IAAIC,wBAAV,CADf;AAEEC,IAAAA,MAAM,EAAEE,MAAM,CAACF,MAAM,IAAIG,yBAAX;AAFhB,KAGKtB,IAHL,GAIKoB,GAJL;AAMD,CAjBD;;eAmBeN,yB","sourcesContent":["import getSortbyFieldName from './get-sort-by-field-name';\nimport { DEFAULT_LIMIT, DEFAULT_OFFSET } from '../constants';\n\nconst buildSortValues = (sortFilters, relations, stringProps) => {\n  if (!sortFilters || !sortFilters.length) return { sort: [] };\n  const sortValues = sortFilters\n    .map(({ sort, propsToDisplay }) => {\n      if (!sort) return null;\n\n      const sortFieldName = getSortbyFieldName(relations, propsToDisplay, stringProps);\n      return sortFieldName ? `${sortFieldName}:${sort.toLowerCase()}` : null;\n    })\n    .filter(Boolean)\n    .join(',');\n\n  return { sort: sortValues };\n};\nconst getCorrectSort = (relations, filterProps, stringProps, isTextSearchApplied) => {\n  if (isTextSearchApplied) {\n    return {};\n  }\n  const { sort, sortby, sortProperties = [] } = filterProps;\n\n  return buildSortValues(\n    [{ sort, propsToDisplay: sortby }, ...sortProperties],\n    relations,\n    stringProps\n  );\n};\n\nconst getGenericRenderVariables = (\n  relations,\n  filterProps = {},\n  stringProps = [],\n  rawQueryStringified = '',\n  isTextSearchFilterApplied = false\n) => {\n  const { limit = DEFAULT_LIMIT, offset } = filterProps;\n  const sort = getCorrectSort(relations, filterProps, stringProps, isTextSearchFilterApplied);\n  const raw = rawQueryStringified ? { rawQueryStringified } : {};\n\n  return {\n    limit: Number(limit || DEFAULT_LIMIT),\n    offset: Number(offset || DEFAULT_OFFSET),\n    ...sort,\n    ...raw\n  };\n};\n\nexport default getGenericRenderVariables;\n"],"file":"get-generic-render-variables.js"}

package/lib/helpers/get-sort-by-field-name.js

@@ -11,6 +11,8 @@ exports["default"] = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+require("core-js/modules/es.array.is-array.js");
+
 require("core-js/modules/es.array.includes.js");
 
 require("core-js/modules/es.string.includes.js");
@@ -25,7 +27,9 @@ require("core-js/modules/es.array.concat.js");
 
 var _constants = require("../constants");
 
-var buildFieldName = function buildFieldName(relations, field, stringProps) {
+var buildFieldName = function buildFieldName(relations, fieldValue, stringProps) {
+  var field = Array.isArray(fieldValue) ? fieldValue[0] : fieldValue;
+  if (!field) return null;
   var updatedField = field;
 
   if (field.includes('.')) {

package/lib/helpers/get-sort-by-field-name.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/get-sort-by-field-name.js"],"names":["buildFieldName","relations","field","stringProps","updatedField","includes","split","relationName","relationProp","filter","localField","relation","entityIdentifier","KEYWORD","getSortbyFieldName","sortby","isSortbyArray"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,SAAD,EAAYC,KAAZ,EAAmBC,WAAnB,EAAmC;AACxD,MAAIC,YAAY,GAAGF,KAAnB;;AAEA,MAAIA,KAAK,CAACG,QAAN,CAAe,GAAf,CAAJ,EAAyB;AACvB,uBAAqCH,KAAK,CAACI,KAAN,CAAY,GAAZ,CAArC;AAAA;AAAA,QAAOC,YAAP;AAAA,QAAqBC,YAArB;;AAEA,4BAAmBP,SAAS,CAACQ,MAAV,CAAiB;AAAA,UAAGC,UAAH,QAAGA,UAAH;AAAA,aAAoBA,UAAU,KAAKH,YAAnC;AAAA,KAAjB,CAAnB;AAAA;AAAA,QAAOI,QAAP;;AACA,gBAAkCA,QAAQ,IAAI,EAA9C;AAAA,sCAAQC,gBAAR;AAAA,QAAQA,gBAAR,sCAA2B,EAA3B;;AACA,QAAIA,gBAAgB,IAAIA,gBAAgB,KAAKL,YAA7C,EACEH,YAAY,aAAMQ,gBAAN,cAA0BJ,YAA1B,CAAZ;AACH;;AACD,SAAOL,WAAW,CAACE,QAAZ,CAAqBD,YAArB,cAAwCF,KAAxC,cAAiDW,kBAAjD,IAA6DX,KAApE;AACD,CAZD;;AAcA,IAAMY,kBAAkB,GAAG,SAArBA,kBAAqB,CAACb,SAAD,EAAYc,MAAZ,EAAoBZ,WAApB,EAAiCa,aAAjC;AAAA,SACzBA,aAAa,GACThB,cAAc,CAACC,SAAD,EAAYc,MAAM,CAAC,CAAD,CAAlB,EAAuBZ,WAAvB,CADL,GAETH,cAAc,CAACC,SAAD,EAAYc,MAAZ,EAAoBZ,WAApB,CAHO;AAAA,CAA3B;;eAKeW,kB","sourcesContent":["import { KEYWORD } from '../constants';\n\nconst buildFieldName = (relations, field, stringProps) => {\n  let updatedField = field;\n\n  if (field.includes('.')) {\n    const [relationName, relationProp] = field.split('.');\n\n    const [relation] = relations.filter(({ localField }) => localField === relationName);\n    const { entityIdentifier = '' } = relation || {};\n    if (entityIdentifier && entityIdentifier !== relationName)\n      updatedField = `${entityIdentifier}.${relationProp}`;\n  }\n  return stringProps.includes(updatedField) ? `${field}.${KEYWORD}` : field;\n};\n\nconst getSortbyFieldName = (relations, sortby, stringProps, isSortbyArray) =>\n  isSortbyArray\n    ? buildFieldName(relations, sortby[0], stringProps)\n    : buildFieldName(relations, sortby, stringProps);\n\nexport default getSortbyFieldName;\n"],"file":"get-sort-by-field-name.js"}
+{"version":3,"sources":["../../src/helpers/get-sort-by-field-name.js"],"names":["buildFieldName","relations","fieldValue","stringProps","field","Array","isArray","updatedField","includes","split","relationName","relationProp","filter","localField","relation","entityIdentifier","KEYWORD","getSortbyFieldName","sortby","isSortbyArray"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,SAAD,EAAYC,UAAZ,EAAwBC,WAAxB,EAAwC;AAC7D,MAAMC,KAAK,GAAGC,KAAK,CAACC,OAAN,CAAcJ,UAAd,IAA4BA,UAAU,CAAC,CAAD,CAAtC,GAA4CA,UAA1D;AACA,MAAI,CAACE,KAAL,EAAY,OAAO,IAAP;AAEZ,MAAIG,YAAY,GAAGH,KAAnB;;AAEA,MAAIA,KAAK,CAACI,QAAN,CAAe,GAAf,CAAJ,EAAyB;AACvB,uBAAqCJ,KAAK,CAACK,KAAN,CAAY,GAAZ,CAArC;AAAA;AAAA,QAAOC,YAAP;AAAA,QAAqBC,YAArB;;AAEA,4BAAmBV,SAAS,CAACW,MAAV,CAAiB;AAAA,UAAGC,UAAH,QAAGA,UAAH;AAAA,aAAoBA,UAAU,KAAKH,YAAnC;AAAA,KAAjB,CAAnB;AAAA;AAAA,QAAOI,QAAP;;AACA,gBAAkCA,QAAQ,IAAI,EAA9C;AAAA,sCAAQC,gBAAR;AAAA,QAAQA,gBAAR,sCAA2B,EAA3B;;AACA,QAAIA,gBAAgB,IAAIA,gBAAgB,KAAKL,YAA7C,EACEH,YAAY,aAAMQ,gBAAN,cAA0BJ,YAA1B,CAAZ;AACH;;AACD,SAAOR,WAAW,CAACK,QAAZ,CAAqBD,YAArB,cAAwCH,KAAxC,cAAiDY,kBAAjD,IAA6DZ,KAApE;AACD,CAfD;;AAiBA,IAAMa,kBAAkB,GAAG,SAArBA,kBAAqB,CAAChB,SAAD,EAAYiB,MAAZ,EAAoBf,WAApB,EAAiCgB,aAAjC;AAAA,SACzBA,aAAa,GACTnB,cAAc,CAACC,SAAD,EAAYiB,MAAM,CAAC,CAAD,CAAlB,EAAuBf,WAAvB,CADL,GAETH,cAAc,CAACC,SAAD,EAAYiB,MAAZ,EAAoBf,WAApB,CAHO;AAAA,CAA3B;;eAKec,kB","sourcesContent":["import { KEYWORD } from '../constants';\n\nconst buildFieldName = (relations, fieldValue, stringProps) => {\n  const field = Array.isArray(fieldValue) ? fieldValue[0] : fieldValue;\n  if (!field) return null;\n\n  let updatedField = field;\n\n  if (field.includes('.')) {\n    const [relationName, relationProp] = field.split('.');\n\n    const [relation] = relations.filter(({ localField }) => localField === relationName);\n    const { entityIdentifier = '' } = relation || {};\n    if (entityIdentifier && entityIdentifier !== relationName)\n      updatedField = `${entityIdentifier}.${relationProp}`;\n  }\n  return stringProps.includes(updatedField) ? `${field}.${KEYWORD}` : field;\n};\n\nconst getSortbyFieldName = (relations, sortby, stringProps, isSortbyArray) =>\n  isSortbyArray\n    ? buildFieldName(relations, sortby[0], stringProps)\n    : buildFieldName(relations, sortby, stringProps);\n\nexport default getSortbyFieldName;\n"],"file":"get-sort-by-field-name.js"}

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

@@ -123,15 +123,16 @@ const SearchFilter = ({
     });
   };
 
-  const updateFilterValues = (newValues, shouldSearch) => {
+  const updateFilterValues = (newValues, shouldSubmit) => {
     dispatch({
       newValues,
-      shouldSearch,
+      shouldSearch: shouldSubmit,
       type: 'update'
     });
   };
 
   const shouldGroup = !!(groupAfterDesktop || groupAfterMobile);
+  const shouldSearch = !hasUrl;
   return /*#__PURE__*/React.createElement(React.Fragment, null, isDesktopFormDisplayed || isMobileFormDisplayed ? /*#__PURE__*/React.createElement("form", {
     ref: searchFilterRef,
     className: formClass,
@@ -151,7 +152,7 @@ const SearchFilter = ({
   }), /*#__PURE__*/React.createElement("div", {
     className: "filter__wrapper filter__wrapper--search-refine"
   }, !shouldGroup && /*#__PURE__*/React.createElement(FiltersList, {
-    shouldSearch: true,
+    shouldSearch: shouldSearch,
     data: data,
     filters: filters,
     hasUrl: hasUrl,
@@ -159,7 +160,7 @@ const SearchFilter = ({
     filterValues: filterValues,
     updateFilterValues: updateFilterValues
   }), shouldGroup && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FiltersList, {
-    shouldSearch: true,
+    shouldSearch: shouldSearch,
     data: data,
     filters: filters.slice(0, groupAfterMobile),
     hasUrl: hasUrl,
@@ -175,7 +176,7 @@ const SearchFilter = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: MORE_FILTERS_CLASSES.MOBILE_CONTENT
   }, /*#__PURE__*/React.createElement(FiltersList, {
-    shouldSearch: isDeviceDesktop(),
+    shouldSearch: shouldSearch && isDeviceDesktop(),
     data: data,
     filters: filters.slice(groupAfterMobile, groupAfterDesktop ? groupAfterDesktop - 1 : 0),
     hasUrl: hasUrl,

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

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

package/lib-es/helpers/get-generic-render-variables.js

@@ -14,7 +14,11 @@ const buildSortValues = (sortFilters, relations, stringProps) => {
   const sortValues = sortFilters.map(({
     sort,
     propsToDisplay
-  }) => !!sort && !!propsToDisplay[0] && `${getSortbyFieldName(relations, propsToDisplay[0], stringProps)}:${sort.toLowerCase()}`).filter(Boolean).join(',');
+  }) => {
+    if (!sort) return null;
+    const sortFieldName = getSortbyFieldName(relations, propsToDisplay, stringProps);
+    return sortFieldName ? `${sortFieldName}:${sort.toLowerCase()}` : null;
+  }).filter(Boolean).join(',');
   return {
     sort: sortValues
   };
@@ -32,7 +36,7 @@ const getCorrectSort = (relations, filterProps, stringProps, isTextSearchApplied
   } = filterProps;
   return buildSortValues([{
     sort,
-    propsToDisplay: [sortby]
+    propsToDisplay: sortby
   }, ...sortProperties], relations, stringProps);
 };
 

package/lib-es/helpers/get-generic-render-variables.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/get-generic-render-variables.js"],"names":["getSortbyFieldName","DEFAULT_LIMIT","DEFAULT_OFFSET","buildSortValues","sortFilters","relations","stringProps","length","sort","sortValues","map","propsToDisplay","toLowerCase","filter","Boolean","join","getCorrectSort","filterProps","isTextSearchApplied","sortby","sortProperties","getGenericRenderVariables","rawQueryStringified","isTextSearchFilterApplied","limit","offset","raw","Number"],"mappings":";;;;;;AAAA,OAAOA,kBAAP,MAA+B,0BAA/B;AACA,SAASC,aAAT,EAAwBC,cAAxB,QAA8C,cAA9C;;AAEA,MAAMC,eAAe,GAAG,CAACC,WAAD,EAAcC,SAAd,EAAyBC,WAAzB,KAAyC;AAC/D,MAAI,CAACF,WAAD,IAAgB,CAACA,WAAW,CAACG,MAAjC,EAAyC,OAAO;AAAEC,IAAAA,IAAI,EAAE;AAAR,GAAP;AACzC,QAAMC,UAAU,GAAGL,WAAW,CAC3BM,GADgB,CAEf,CAAC;AAAEF,IAAAA,IAAF;AAAQG,IAAAA;AAAR,GAAD,KACE,CAAC,CAACH,IAAF,IACA,CAAC,CAACG,cAAc,CAAC,CAAD,CADhB,IAEC,GAAEX,kBAAkB,CAACK,SAAD,EAAYM,cAAc,CAAC,CAAD,CAA1B,EAA+BL,WAA/B,CAA4C,IAAGE,IAAI,CAACI,WAAL,EAAmB,EAL1E,EAOhBC,MAPgB,CAOTC,OAPS,EAQhBC,IARgB,CAQX,GARW,CAAnB;AAUA,SAAO;AAAEP,IAAAA,IAAI,EAAEC;AAAR,GAAP;AACD,CAbD;;AAcA,MAAMO,cAAc,GAAG,CAACX,SAAD,EAAYY,WAAZ,EAAyBX,WAAzB,EAAsCY,mBAAtC,KAA8D;AACnF,MAAIA,mBAAJ,EAAyB;AACvB,WAAO,EAAP;AACD;;AACD,QAAM;AAAEV,IAAAA,IAAF;AAAQW,IAAAA,MAAR;AAAgBC,IAAAA,cAAc,GAAG;AAAjC,MAAwCH,WAA9C;AAEA,SAAOd,eAAe,CACpB,CAAC;AAAEK,IAAAA,IAAF;AAAQG,IAAAA,cAAc,EAAE,CAACQ,MAAD;AAAxB,GAAD,EAAqC,GAAGC,cAAxC,CADoB,EAEpBf,SAFoB,EAGpBC,WAHoB,CAAtB;AAKD,CAXD;;AAaA,MAAMe,yBAAyB,GAAG,CAChChB,SADgC,EAEhCY,WAAW,GAAG,EAFkB,EAGhCX,WAAW,GAAG,EAHkB,EAIhCgB,mBAAmB,GAAG,EAJU,EAKhCC,yBAAyB,GAAG,KALI,KAM7B;AACH,QAAM;AAAEC,IAAAA,KAAK,GAAGvB,aAAV;AAAyBwB,IAAAA;AAAzB,MAAoCR,WAA1C;AACA,QAAMT,IAAI,GAAGQ,cAAc,CAACX,SAAD,EAAYY,WAAZ,EAAyBX,WAAzB,EAAsCiB,yBAAtC,CAA3B;AACA,QAAMG,GAAG,GAAGJ,mBAAmB,GAAG;AAAEA,IAAAA;AAAF,GAAH,GAA6B,EAA5D;AAEA;AACEE,IAAAA,KAAK,EAAEG,MAAM,CAACH,KAAK,IAAIvB,aAAV,CADf;AAEEwB,IAAAA,MAAM,EAAEE,MAAM,CAACF,MAAM,IAAIvB,cAAX;AAFhB,KAGKM,IAHL,GAIKkB,GAJL;AAMD,CAjBD;;AAmBA,eAAeL,yBAAf","sourcesContent":["import getSortbyFieldName from './get-sort-by-field-name';\nimport { DEFAULT_LIMIT, DEFAULT_OFFSET } from '../constants';\n\nconst buildSortValues = (sortFilters, relations, stringProps) => {\n  if (!sortFilters || !sortFilters.length) return { sort: [] };\n  const sortValues = sortFilters\n    .map(\n      ({ sort, propsToDisplay }) =>\n        !!sort &&\n        !!propsToDisplay[0] &&\n        `${getSortbyFieldName(relations, propsToDisplay[0], stringProps)}:${sort.toLowerCase()}`\n    )\n    .filter(Boolean)\n    .join(',');\n\n  return { sort: sortValues };\n};\nconst getCorrectSort = (relations, filterProps, stringProps, isTextSearchApplied) => {\n  if (isTextSearchApplied) {\n    return {};\n  }\n  const { sort, sortby, sortProperties = [] } = filterProps;\n\n  return buildSortValues(\n    [{ sort, propsToDisplay: [sortby] }, ...sortProperties],\n    relations,\n    stringProps\n  );\n};\n\nconst getGenericRenderVariables = (\n  relations,\n  filterProps = {},\n  stringProps = [],\n  rawQueryStringified = '',\n  isTextSearchFilterApplied = false\n) => {\n  const { limit = DEFAULT_LIMIT, offset } = filterProps;\n  const sort = getCorrectSort(relations, filterProps, stringProps, isTextSearchFilterApplied);\n  const raw = rawQueryStringified ? { rawQueryStringified } : {};\n\n  return {\n    limit: Number(limit || DEFAULT_LIMIT),\n    offset: Number(offset || DEFAULT_OFFSET),\n    ...sort,\n    ...raw\n  };\n};\n\nexport default getGenericRenderVariables;\n"],"file":"get-generic-render-variables.js"}
+{"version":3,"sources":["../../src/helpers/get-generic-render-variables.js"],"names":["getSortbyFieldName","DEFAULT_LIMIT","DEFAULT_OFFSET","buildSortValues","sortFilters","relations","stringProps","length","sort","sortValues","map","propsToDisplay","sortFieldName","toLowerCase","filter","Boolean","join","getCorrectSort","filterProps","isTextSearchApplied","sortby","sortProperties","getGenericRenderVariables","rawQueryStringified","isTextSearchFilterApplied","limit","offset","raw","Number"],"mappings":";;;;;;AAAA,OAAOA,kBAAP,MAA+B,0BAA/B;AACA,SAASC,aAAT,EAAwBC,cAAxB,QAA8C,cAA9C;;AAEA,MAAMC,eAAe,GAAG,CAACC,WAAD,EAAcC,SAAd,EAAyBC,WAAzB,KAAyC;AAC/D,MAAI,CAACF,WAAD,IAAgB,CAACA,WAAW,CAACG,MAAjC,EAAyC,OAAO;AAAEC,IAAAA,IAAI,EAAE;AAAR,GAAP;AACzC,QAAMC,UAAU,GAAGL,WAAW,CAC3BM,GADgB,CACZ,CAAC;AAAEF,IAAAA,IAAF;AAAQG,IAAAA;AAAR,GAAD,KAA8B;AACjC,QAAI,CAACH,IAAL,EAAW,OAAO,IAAP;AAEX,UAAMI,aAAa,GAAGZ,kBAAkB,CAACK,SAAD,EAAYM,cAAZ,EAA4BL,WAA5B,CAAxC;AACA,WAAOM,aAAa,GAAI,GAAEA,aAAc,IAAGJ,IAAI,CAACK,WAAL,EAAmB,EAA1C,GAA8C,IAAlE;AACD,GANgB,EAOhBC,MAPgB,CAOTC,OAPS,EAQhBC,IARgB,CAQX,GARW,CAAnB;AAUA,SAAO;AAAER,IAAAA,IAAI,EAAEC;AAAR,GAAP;AACD,CAbD;;AAcA,MAAMQ,cAAc,GAAG,CAACZ,SAAD,EAAYa,WAAZ,EAAyBZ,WAAzB,EAAsCa,mBAAtC,KAA8D;AACnF,MAAIA,mBAAJ,EAAyB;AACvB,WAAO,EAAP;AACD;;AACD,QAAM;AAAEX,IAAAA,IAAF;AAAQY,IAAAA,MAAR;AAAgBC,IAAAA,cAAc,GAAG;AAAjC,MAAwCH,WAA9C;AAEA,SAAOf,eAAe,CACpB,CAAC;AAAEK,IAAAA,IAAF;AAAQG,IAAAA,cAAc,EAAES;AAAxB,GAAD,EAAmC,GAAGC,cAAtC,CADoB,EAEpBhB,SAFoB,EAGpBC,WAHoB,CAAtB;AAKD,CAXD;;AAaA,MAAMgB,yBAAyB,GAAG,CAChCjB,SADgC,EAEhCa,WAAW,GAAG,EAFkB,EAGhCZ,WAAW,GAAG,EAHkB,EAIhCiB,mBAAmB,GAAG,EAJU,EAKhCC,yBAAyB,GAAG,KALI,KAM7B;AACH,QAAM;AAAEC,IAAAA,KAAK,GAAGxB,aAAV;AAAyByB,IAAAA;AAAzB,MAAoCR,WAA1C;AACA,QAAMV,IAAI,GAAGS,cAAc,CAACZ,SAAD,EAAYa,WAAZ,EAAyBZ,WAAzB,EAAsCkB,yBAAtC,CAA3B;AACA,QAAMG,GAAG,GAAGJ,mBAAmB,GAAG;AAAEA,IAAAA;AAAF,GAAH,GAA6B,EAA5D;AAEA;AACEE,IAAAA,KAAK,EAAEG,MAAM,CAACH,KAAK,IAAIxB,aAAV,CADf;AAEEyB,IAAAA,MAAM,EAAEE,MAAM,CAACF,MAAM,IAAIxB,cAAX;AAFhB,KAGKM,IAHL,GAIKmB,GAJL;AAMD,CAjBD;;AAmBA,eAAeL,yBAAf","sourcesContent":["import getSortbyFieldName from './get-sort-by-field-name';\nimport { DEFAULT_LIMIT, DEFAULT_OFFSET } from '../constants';\n\nconst buildSortValues = (sortFilters, relations, stringProps) => {\n  if (!sortFilters || !sortFilters.length) return { sort: [] };\n  const sortValues = sortFilters\n    .map(({ sort, propsToDisplay }) => {\n      if (!sort) return null;\n\n      const sortFieldName = getSortbyFieldName(relations, propsToDisplay, stringProps);\n      return sortFieldName ? `${sortFieldName}:${sort.toLowerCase()}` : null;\n    })\n    .filter(Boolean)\n    .join(',');\n\n  return { sort: sortValues };\n};\nconst getCorrectSort = (relations, filterProps, stringProps, isTextSearchApplied) => {\n  if (isTextSearchApplied) {\n    return {};\n  }\n  const { sort, sortby, sortProperties = [] } = filterProps;\n\n  return buildSortValues(\n    [{ sort, propsToDisplay: sortby }, ...sortProperties],\n    relations,\n    stringProps\n  );\n};\n\nconst getGenericRenderVariables = (\n  relations,\n  filterProps = {},\n  stringProps = [],\n  rawQueryStringified = '',\n  isTextSearchFilterApplied = false\n) => {\n  const { limit = DEFAULT_LIMIT, offset } = filterProps;\n  const sort = getCorrectSort(relations, filterProps, stringProps, isTextSearchFilterApplied);\n  const raw = rawQueryStringified ? { rawQueryStringified } : {};\n\n  return {\n    limit: Number(limit || DEFAULT_LIMIT),\n    offset: Number(offset || DEFAULT_OFFSET),\n    ...sort,\n    ...raw\n  };\n};\n\nexport default getGenericRenderVariables;\n"],"file":"get-generic-render-variables.js"}

package/lib-es/helpers/get-sort-by-field-name.js

@@ -1,6 +1,8 @@
 import { KEYWORD } from '../constants';
 
-const buildFieldName = (relations, field, stringProps) => {
+const buildFieldName = (relations, fieldValue, stringProps) => {
+  const field = Array.isArray(fieldValue) ? fieldValue[0] : fieldValue;
+  if (!field) return null;
   let updatedField = field;
 
   if (field.includes('.')) {

package/lib-es/helpers/get-sort-by-field-name.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/get-sort-by-field-name.js"],"names":["KEYWORD","buildFieldName","relations","field","stringProps","updatedField","includes","relationName","relationProp","split","relation","filter","localField","entityIdentifier","getSortbyFieldName","sortby","isSortbyArray"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB;;AAEA,MAAMC,cAAc,GAAG,CAACC,SAAD,EAAYC,KAAZ,EAAmBC,WAAnB,KAAmC;AACxD,MAAIC,YAAY,GAAGF,KAAnB;;AAEA,MAAIA,KAAK,CAACG,QAAN,CAAe,GAAf,CAAJ,EAAyB;AACvB,UAAM,CAACC,YAAD,EAAeC,YAAf,IAA+BL,KAAK,CAACM,KAAN,CAAY,GAAZ,CAArC;AAEA,UAAM,CAACC,QAAD,IAAaR,SAAS,CAACS,MAAV,CAAiB,CAAC;AAAEC,MAAAA;AAAF,KAAD,KAAoBA,UAAU,KAAKL,YAApD,CAAnB;AACA,UAAM;AAAEM,MAAAA,gBAAgB,GAAG;AAArB,QAA4BH,QAAQ,IAAI,EAA9C;AACA,QAAIG,gBAAgB,IAAIA,gBAAgB,KAAKN,YAA7C,EACEF,YAAY,GAAI,GAAEQ,gBAAiB,IAAGL,YAAa,EAAnD;AACH;;AACD,SAAOJ,WAAW,CAACE,QAAZ,CAAqBD,YAArB,IAAsC,GAAEF,KAAM,IAAGH,OAAQ,EAAzD,GAA6DG,KAApE;AACD,CAZD;;AAcA,MAAMW,kBAAkB,GAAG,CAACZ,SAAD,EAAYa,MAAZ,EAAoBX,WAApB,EAAiCY,aAAjC,KACzBA,aAAa,GACTf,cAAc,CAACC,SAAD,EAAYa,MAAM,CAAC,CAAD,CAAlB,EAAuBX,WAAvB,CADL,GAETH,cAAc,CAACC,SAAD,EAAYa,MAAZ,EAAoBX,WAApB,CAHpB;;AAKA,eAAeU,kBAAf","sourcesContent":["import { KEYWORD } from '../constants';\n\nconst buildFieldName = (relations, field, stringProps) => {\n  let updatedField = field;\n\n  if (field.includes('.')) {\n    const [relationName, relationProp] = field.split('.');\n\n    const [relation] = relations.filter(({ localField }) => localField === relationName);\n    const { entityIdentifier = '' } = relation || {};\n    if (entityIdentifier && entityIdentifier !== relationName)\n      updatedField = `${entityIdentifier}.${relationProp}`;\n  }\n  return stringProps.includes(updatedField) ? `${field}.${KEYWORD}` : field;\n};\n\nconst getSortbyFieldName = (relations, sortby, stringProps, isSortbyArray) =>\n  isSortbyArray\n    ? buildFieldName(relations, sortby[0], stringProps)\n    : buildFieldName(relations, sortby, stringProps);\n\nexport default getSortbyFieldName;\n"],"file":"get-sort-by-field-name.js"}
+{"version":3,"sources":["../../src/helpers/get-sort-by-field-name.js"],"names":["KEYWORD","buildFieldName","relations","fieldValue","stringProps","field","Array","isArray","updatedField","includes","relationName","relationProp","split","relation","filter","localField","entityIdentifier","getSortbyFieldName","sortby","isSortbyArray"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB;;AAEA,MAAMC,cAAc,GAAG,CAACC,SAAD,EAAYC,UAAZ,EAAwBC,WAAxB,KAAwC;AAC7D,QAAMC,KAAK,GAAGC,KAAK,CAACC,OAAN,CAAcJ,UAAd,IAA4BA,UAAU,CAAC,CAAD,CAAtC,GAA4CA,UAA1D;AACA,MAAI,CAACE,KAAL,EAAY,OAAO,IAAP;AAEZ,MAAIG,YAAY,GAAGH,KAAnB;;AAEA,MAAIA,KAAK,CAACI,QAAN,CAAe,GAAf,CAAJ,EAAyB;AACvB,UAAM,CAACC,YAAD,EAAeC,YAAf,IAA+BN,KAAK,CAACO,KAAN,CAAY,GAAZ,CAArC;AAEA,UAAM,CAACC,QAAD,IAAaX,SAAS,CAACY,MAAV,CAAiB,CAAC;AAAEC,MAAAA;AAAF,KAAD,KAAoBA,UAAU,KAAKL,YAApD,CAAnB;AACA,UAAM;AAAEM,MAAAA,gBAAgB,GAAG;AAArB,QAA4BH,QAAQ,IAAI,EAA9C;AACA,QAAIG,gBAAgB,IAAIA,gBAAgB,KAAKN,YAA7C,EACEF,YAAY,GAAI,GAAEQ,gBAAiB,IAAGL,YAAa,EAAnD;AACH;;AACD,SAAOP,WAAW,CAACK,QAAZ,CAAqBD,YAArB,IAAsC,GAAEH,KAAM,IAAGL,OAAQ,EAAzD,GAA6DK,KAApE;AACD,CAfD;;AAiBA,MAAMY,kBAAkB,GAAG,CAACf,SAAD,EAAYgB,MAAZ,EAAoBd,WAApB,EAAiCe,aAAjC,KACzBA,aAAa,GACTlB,cAAc,CAACC,SAAD,EAAYgB,MAAM,CAAC,CAAD,CAAlB,EAAuBd,WAAvB,CADL,GAETH,cAAc,CAACC,SAAD,EAAYgB,MAAZ,EAAoBd,WAApB,CAHpB;;AAKA,eAAea,kBAAf","sourcesContent":["import { KEYWORD } from '../constants';\n\nconst buildFieldName = (relations, fieldValue, stringProps) => {\n  const field = Array.isArray(fieldValue) ? fieldValue[0] : fieldValue;\n  if (!field) return null;\n\n  let updatedField = field;\n\n  if (field.includes('.')) {\n    const [relationName, relationProp] = field.split('.');\n\n    const [relation] = relations.filter(({ localField }) => localField === relationName);\n    const { entityIdentifier = '' } = relation || {};\n    if (entityIdentifier && entityIdentifier !== relationName)\n      updatedField = `${entityIdentifier}.${relationProp}`;\n  }\n  return stringProps.includes(updatedField) ? `${field}.${KEYWORD}` : field;\n};\n\nconst getSortbyFieldName = (relations, sortby, stringProps, isSortbyArray) =>\n  isSortbyArray\n    ? buildFieldName(relations, sortby[0], stringProps)\n    : buildFieldName(relations, sortby, stringProps);\n\nexport default getSortbyFieldName;\n"],"file":"get-sort-by-field-name.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.114.0-alpha.2",
+  "version": "0.114.0",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -38,7 +38,7 @@
     "@blaze-react/drafteditor": "0.7.0",
     "@blaze-react/input": "0.5.30",
     "@blaze-react/modal": "0.5.19",
-    "@blaze-react/range-filter": "0.5.25",
+    "@blaze-react/range-filter": "0.7.1",
     "@blaze-react/select": "0.5.19",
     "@blaze-react/utils": "0.5.15",
     "core-js": "^3.2.1",
@@ -88,5 +88,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "0124c8a97920cfb8a694958e6b5dd2c52724d13d"
+  "gitHead": "3b4a83d28aabf2b2d4719d5800eaf9d0193a3141"
 }

package/src/components/SearchFilter/SearchFilter/SearchFilter.js

@@ -113,11 +113,12 @@ const SearchFilter = ({
     dispatch({ newValues, type: 'reset' });
   };
 
-  const updateFilterValues = (newValues, shouldSearch) => {
-    dispatch({ newValues, shouldSearch, type: 'update' });
+  const updateFilterValues = (newValues, shouldSubmit) => {
+    dispatch({ newValues, shouldSearch: shouldSubmit, type: 'update' });
   };
 
   const shouldGroup = !!(groupAfterDesktop || groupAfterMobile);
+  const shouldSearch = !hasUrl;
 
   return (
     <>
@@ -142,7 +143,7 @@ const SearchFilter = ({
             <div className="filter__wrapper filter__wrapper--search-refine">
               {!shouldGroup && (
                 <FiltersList
-                  shouldSearch
+                  shouldSearch={shouldSearch}
                   data={data}
                   filters={filters}
                   hasUrl={hasUrl}
@@ -155,7 +156,7 @@ const SearchFilter = ({
               {shouldGroup && (
                 <>
                   <FiltersList
-                    shouldSearch
+                    shouldSearch={shouldSearch}
                     data={data}
                     filters={filters.slice(0, groupAfterMobile)}
                     hasUrl={hasUrl}
@@ -176,7 +177,7 @@ const SearchFilter = ({
                   <div className={moreFiltersMobileWrapperClass}>
                     <div className={MORE_FILTERS_CLASSES.MOBILE_CONTENT}>
                       <FiltersList
-                        shouldSearch={isDeviceDesktop()}
+                        shouldSearch={shouldSearch && isDeviceDesktop()}
                         data={data}
                         filters={filters.slice(
                           groupAfterMobile,

package/src/helpers/get-generic-render-variables.js

@@ -4,12 +4,12 @@ import { DEFAULT_LIMIT, DEFAULT_OFFSET } from '../constants';
 const buildSortValues = (sortFilters, relations, stringProps) => {
   if (!sortFilters || !sortFilters.length) return { sort: [] };
   const sortValues = sortFilters
-    .map(
-      ({ sort, propsToDisplay }) =>
-        !!sort &&
-        !!propsToDisplay[0] &&
-        `${getSortbyFieldName(relations, propsToDisplay[0], stringProps)}:${sort.toLowerCase()}`
-    )
+    .map(({ sort, propsToDisplay }) => {
+      if (!sort) return null;
+
+      const sortFieldName = getSortbyFieldName(relations, propsToDisplay, stringProps);
+      return sortFieldName ? `${sortFieldName}:${sort.toLowerCase()}` : null;
+    })
     .filter(Boolean)
     .join(',');
 
@@ -22,7 +22,7 @@ const getCorrectSort = (relations, filterProps, stringProps, isTextSearchApplied
   const { sort, sortby, sortProperties = [] } = filterProps;
 
   return buildSortValues(
-    [{ sort, propsToDisplay: [sortby] }, ...sortProperties],
+    [{ sort, propsToDisplay: sortby }, ...sortProperties],
     relations,
     stringProps
   );

package/src/helpers/get-sort-by-field-name.js

@@ -1,6 +1,9 @@
 import { KEYWORD } from '../constants';
 
-const buildFieldName = (relations, field, stringProps) => {
+const buildFieldName = (relations, fieldValue, stringProps) => {
+  const field = Array.isArray(fieldValue) ? fieldValue[0] : fieldValue;
+  if (!field) return null;
+
   let updatedField = field;
 
   if (field.includes('.')) {

package/tests/unit/src/components/SearchFilter/components/__snapshots__/Range.test.js.snap

@@ -18,7 +18,7 @@ Array [
         0
       </span>
       <span>
-        6600
+        6,600
       </span>
     </div>
     <div
@@ -118,7 +118,7 @@ Array [
         0
       </span>
       <span>
-        6600
+        6,600
       </span>
     </div>
     <div

package/tests/unit/src/helpers/get-generic-render-variables.test.js

@@ -68,6 +68,13 @@ describe('get card/list render variables', () => {
     expect(offset).toEqual(0);
   });
 
+  it('should return an object with correct data when no sortby is passed', () => {
+    const { sort, offset } = getGenericRenderVariables(mockedProps({ sortby: [] }));
+
+    expect(sort).toBeFalsy();
+    expect(offset).toEqual(0);
+  });
+
   it('should return correct sort data when we pass an array', () => {
     const { sort } = getGenericRenderVariables(
       [],
@@ -82,6 +89,11 @@ describe('get card/list render variables', () => {
     expect(sort).toEqual('name.keyword:desc');
   });
 
+  it('should return correct sort data sortby is an array', () => {
+    const { sort } = getGenericRenderVariables([], mockedProps({ sortby: ['name'] }), STRING_PROPS);
+    expect(sort).toEqual('name.keyword:desc');
+  });
+
   it("should return correct sort data when when there is a prop that is of type string and it's also a relation prop", () => {
     const { sort } = getGenericRenderVariables(
       [{ localField: 'entity', entityIdentifier: 'entity' }],

package/tests/unit/src/helpers/get-sort-by-field-name.test.js

@@ -38,4 +38,20 @@ describe('get sortb by field name', () => {
     expect(sortByNoArray).toEqual(PRICE_FIELD);
     expect(sortByNoArrayStringProp).toEqual(CATEGORY_SORT_FIELD);
   });
+
+  it('should automatically handle when is an array but isSortbyArray is not set', () => {
+    const sort = getSortbyFieldName([], [PRICE_FIELD], []);
+    expect(typeof sort).toEqual('string');
+    expect(sort).toEqual(PRICE_FIELD);
+  });
+
+  it('should handle empty array', () => {
+    const sort = getSortbyFieldName([], [], []);
+    expect(sort).toBeNull();
+  });
+
+  it('should handle empty string', () => {
+    const sort = getSortbyFieldName([], '', []);
+    expect(sort).toBeNull();
+  });
 });