@blaze-cms/react-page-builder 0.146.0-translations.6 → 0.147.0-rc-eagle.2

package/lib-es/components/MenuItem/helpers/inject-helper-into-template.js.map

@@ -1 +1 @@
-{"version":3,"file":"inject-helper-into-template.js","names":["injectHelperIntoTemplate","template","helper","result","replace"],"sources":["../../../../src/components/MenuItem/helpers/inject-helper-into-template.js"],"sourcesContent":["const injectHelperIntoTemplate = (template, helper) => {\n  if (!helper || !template) return template;\n\n  let result = template.replace(/{{{([^{}]+)}}}/g, `{{{${helper} $1}}}`);\n\n  result = result.replace(/{{([^{}]+)}}(?!})/g, `{{${helper} $1}}`);\n\n  return result;\n};\n\nexport default injectHelperIntoTemplate;\n"],"mappings":"AAAA,MAAMA,wBAAwB,GAAGA,CAACC,QAAQ,EAAEC,MAAM,KAAK;EACrD,IAAI,CAACA,MAAM,IAAI,CAACD,QAAQ,EAAE,OAAOA,QAAQ;EAEzC,IAAIE,MAAM,GAAGF,QAAQ,CAACG,OAAO,CAAC,iBAAiB,EAAG,MAAKF,MAAO,QAAO,CAAC;EAEtEC,MAAM,GAAGA,MAAM,CAACC,OAAO,CAAC,oBAAoB,EAAG,KAAIF,MAAO,OAAM,CAAC;EAEjE,OAAOC,MAAM;AACf,CAAC;AAED,eAAeH,wBAAwB"}
+{"version":3,"file":"inject-helper-into-template.js","names":["injectHelperIntoTemplate","template","helper","result","replace","match","inner","trimmed","trim","startsWith"],"sources":["../../../../src/components/MenuItem/helpers/inject-helper-into-template.js"],"sourcesContent":["const injectHelperIntoTemplate = (template, helper) => {\n  if (!helper || !template) return template;\n\n  // Inject helper into triple-stash expressions unless they are block/closing tags\n  let result = template.replace(/{{{([^{}]+)}}}/g, (match, inner) => {\n    const trimmed = inner.trim();\n    if (trimmed.startsWith('#') || trimmed.startsWith('/') || trimmed === 'else') return match; // skip block helpers and else\n    return `{{{${helper} ${inner}}}}`;\n  });\n\n  // Inject helper into double-stash expressions (excluding triple) unless block/closing tags\n  result = result.replace(/{{([^{}]+)}}(?!})/g, (match, inner) => {\n    const trimmed = inner.trim();\n    if (trimmed.startsWith('#') || trimmed.startsWith('/') || trimmed === 'else') return match; // skip block helpers and else\n    return `{{${helper} ${inner}}}`;\n  });\n\n  return result;\n};\n\nexport default injectHelperIntoTemplate;\n"],"mappings":"AAAA,MAAMA,wBAAwB,GAAGA,CAACC,QAAQ,EAAEC,MAAM,KAAK;EACrD,IAAI,CAACA,MAAM,IAAI,CAACD,QAAQ,EAAE,OAAOA,QAAQ;;EAEzC;EACA,IAAIE,MAAM,GAAGF,QAAQ,CAACG,OAAO,CAAC,iBAAiB,EAAE,CAACC,KAAK,EAAEC,KAAK,KAAK;IACjE,MAAMC,OAAO,GAAGD,KAAK,CAACE,IAAI,CAAC,CAAC;IAC5B,IAAID,OAAO,CAACE,UAAU,CAAC,GAAG,CAAC,IAAIF,OAAO,CAACE,UAAU,CAAC,GAAG,CAAC,IAAIF,OAAO,KAAK,MAAM,EAAE,OAAOF,KAAK,CAAC,CAAC;IAC5F,OAAO,MAAMH,MAAM,IAAII,KAAK,KAAK;EACnC,CAAC,CAAC;;EAEF;EACAH,MAAM,GAAGA,MAAM,CAACC,OAAO,CAAC,oBAAoB,EAAE,CAACC,KAAK,EAAEC,KAAK,KAAK;IAC9D,MAAMC,OAAO,GAAGD,KAAK,CAACE,IAAI,CAAC,CAAC;IAC5B,IAAID,OAAO,CAACE,UAAU,CAAC,GAAG,CAAC,IAAIF,OAAO,CAACE,UAAU,CAAC,GAAG,CAAC,IAAIF,OAAO,KAAK,MAAM,EAAE,OAAOF,KAAK,CAAC,CAAC;IAC5F,OAAO,KAAKH,MAAM,IAAII,KAAK,IAAI;EACjC,CAAC,CAAC;EAEF,OAAOH,MAAM;AACf,CAAC;AAED,eAAeH,wBAAwB","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","PropTypes","BlazeModal","renderChildren","updateChildrensParent","hasChildren","Modal","_ref","children","elementTitle","onClose","otherProps","_objectWithoutProperties","_excluded","parent","itemId","itemEntity","createElement","title","propTypes","func","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Modal/Modal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeModal from '../ModalAdapter';\nimport { renderChildren, updateChildrensParent, hasChildren } from '../../helpers';\n\nconst Modal = ({ children, elementTitle, onClose, ...otherProps }) => {\n  if (!hasChildren(children)) return null;\n\n  updateChildrensParent(children, otherProps.parent.itemId, otherProps.parent.itemEntity);\n  return (\n    <BlazeModal title={elementTitle} onClose={onClose}>\n      {renderChildren(children)}\n    </BlazeModal>\n  );\n};\n\nModal.propTypes = {\n  onClose: PropTypes.func,\n  elementTitle: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nModal.defaultProps = {\n  onClose: () => {},\n  elementTitle: '',\n  children: []\n};\n\nexport default Modal;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,iBAAiB;AACxC,SAASC,cAAc,EAAEC,qBAAqB,EAAEC,WAAW,QAAQ,eAAe;AAElF,MAAMC,KAAK,GAAGC,IAAA,IAAwD;EAAA,IAAvD;MAAEC,QAAQ;MAAEC,YAAY;MAAEC;IAAuB,CAAC,GAAAH,IAAA;IAAZI,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC7D,IAAI,CAACR,WAAW,CAACG,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvCJ,qBAAqB,CAACI,QAAQ,EAAEG,UAAU,CAACG,MAAM,CAACC,MAAM,EAAEJ,UAAU,CAACG,MAAM,CAACE,UAAU,CAAC;EACvF,oBACEhB,KAAA,CAAAiB,aAAA,CAACf,UAAU;IAACgB,KAAK,EAAET,YAAa;IAACC,OAAO,EAAEA;EAAQ,GAC/CP,cAAc,CAACK,QAAQ,CACd,CAAC;AAEjB,CAAC;AAEDF,KAAK,CAACa,SAAS,GAAG;EAChBT,OAAO,EAAET,SAAS,CAACmB,IAAI;EACvBX,YAAY,EAAER,SAAS,CAACoB,MAAM;EAC9Bb,QAAQ,EAAEP,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,IAAI,CAAC,EAAEvB,SAAS,CAACuB,IAAI,CAAC;AACnF,CAAC;AAEDlB,KAAK,CAACmB,YAAY,GAAG;EACnBf,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBD,YAAY,EAAE,EAAE;EAChBD,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,KAAK"}
+{"version":3,"file":"Modal.js","names":["React","PropTypes","BlazeModal","renderChildren","updateChildrensParent","hasChildren","Modal","_ref","children","elementTitle","onClose","otherProps","_objectWithoutProperties","_excluded","parent","itemId","itemEntity","createElement","title","propTypes","func","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Modal/Modal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeModal from '../ModalAdapter';\nimport { renderChildren, updateChildrensParent, hasChildren } from '../../helpers';\n\nconst Modal = ({ children, elementTitle, onClose, ...otherProps }) => {\n  if (!hasChildren(children)) return null;\n\n  updateChildrensParent(children, otherProps.parent.itemId, otherProps.parent.itemEntity);\n  return (\n    <BlazeModal title={elementTitle} onClose={onClose}>\n      {renderChildren(children)}\n    </BlazeModal>\n  );\n};\n\nModal.propTypes = {\n  onClose: PropTypes.func,\n  elementTitle: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nModal.defaultProps = {\n  onClose: () => {},\n  elementTitle: '',\n  children: []\n};\n\nexport default Modal;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,iBAAiB;AACxC,SAASC,cAAc,EAAEC,qBAAqB,EAAEC,WAAW,QAAQ,eAAe;AAElF,MAAMC,KAAK,GAAGC,IAAA,IAAwD;EAAA,IAAvD;MAAEC,QAAQ;MAAEC,YAAY;MAAEC;IAAuB,CAAC,GAAAH,IAAA;IAAZI,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC7D,IAAI,CAACR,WAAW,CAACG,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvCJ,qBAAqB,CAACI,QAAQ,EAAEG,UAAU,CAACG,MAAM,CAACC,MAAM,EAAEJ,UAAU,CAACG,MAAM,CAACE,UAAU,CAAC;EACvF,oBACEhB,KAAA,CAAAiB,aAAA,CAACf,UAAU;IAACgB,KAAK,EAAET,YAAa;IAACC,OAAO,EAAEA;EAAQ,GAC/CP,cAAc,CAACK,QAAQ,CACd,CAAC;AAEjB,CAAC;AAEDF,KAAK,CAACa,SAAS,GAAG;EAChBT,OAAO,EAAET,SAAS,CAACmB,IAAI;EACvBX,YAAY,EAAER,SAAS,CAACoB,MAAM;EAC9Bb,QAAQ,EAAEP,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,IAAI,CAAC,EAAEvB,SAAS,CAACuB,IAAI,CAAC;AACnF,CAAC;AAEDlB,KAAK,CAACmB,YAAY,GAAG;EACnBf,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBD,YAAY,EAAE,EAAE;EAChBD,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,KAAK","ignoreList":[]}

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

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

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

@@ -7,7 +7,7 @@ import { usePortal } from '../../hooks';
 const ModalAdapter = _ref => {
   let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   const target = usePortal();
-  return ReactDOM.createPortal( /*#__PURE__*/React.createElement(Modal, props), target);
+  return ReactDOM.createPortal(/*#__PURE__*/React.createElement(Modal, props), target);
 };
 export default ModalAdapter;
 //# sourceMappingURL=ModalAdapter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalAdapter.js","names":["React","Modal","ReactDOM","usePortal","ModalAdapter","_ref","props","_extends","_objectDestructuringEmpty","target","createPortal","createElement"],"sources":["../../../src/components/ModalAdapter/ModalAdapter.js"],"sourcesContent":["import React from 'react';\nimport Modal from '@blaze-react/modal';\nimport ReactDOM from 'react-dom';\nimport { usePortal } from '../../hooks';\n\nconst ModalAdapter = ({ ...props }) => {\n  const target = usePortal();\n\n  return ReactDOM.createPortal(<Modal {...props} />, target);\n};\n\nexport default ModalAdapter;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,oBAAoB;AACtC,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,SAAS,QAAQ,aAAa;AAEvC,MAAMC,YAAY,GAAGC,IAAA,IAAkB;EAAA,IAAZC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAH,IAAA,GAAAA,IAAA;EAC9B,MAAMI,MAAM,GAAGN,SAAS,CAAC,CAAC;EAE1B,OAAOD,QAAQ,CAACQ,YAAY,eAACV,KAAA,CAAAW,aAAA,CAACV,KAAK,EAAKK,KAAQ,CAAC,EAAEG,MAAM,CAAC;AAC5D,CAAC;AAED,eAAeL,YAAY"}
+{"version":3,"file":"ModalAdapter.js","names":["React","Modal","ReactDOM","usePortal","ModalAdapter","_ref","props","_extends","_objectDestructuringEmpty","target","createPortal","createElement"],"sources":["../../../src/components/ModalAdapter/ModalAdapter.js"],"sourcesContent":["import React from 'react';\nimport Modal from '@blaze-react/modal';\nimport ReactDOM from 'react-dom';\nimport { usePortal } from '../../hooks';\n\nconst ModalAdapter = ({ ...props }) => {\n  const target = usePortal();\n\n  return ReactDOM.createPortal(<Modal {...props} />, target);\n};\n\nexport default ModalAdapter;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,oBAAoB;AACtC,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,SAAS,QAAQ,aAAa;AAEvC,MAAMC,YAAY,GAAGC,IAAA,IAAkB;EAAA,IAAZC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAH,IAAA,GAAAA,IAAA;EAC9B,MAAMI,MAAM,GAAGN,SAAS,CAAC,CAAC;EAE1B,OAAOD,QAAQ,CAACQ,YAAY,cAACV,KAAA,CAAAW,aAAA,CAACV,KAAK,EAAKK,KAAQ,CAAC,EAAEG,MAAM,CAAC;AAC5D,CAAC;AAED,eAAeL,YAAY","ignoreList":[]}

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

@@ -1,3 +1,3 @@
 import dynamic from 'next/dynamic';
-export default dynamic(() => import( /* webpackChunkName: "blazePbModalAdaptor" */'./ModalAdapter'));
+export default dynamic(() => import(/* webpackChunkName: "blazePbModalAdaptor" */'./ModalAdapter'));
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic"],"sources":["../../../src/components/ModalAdapter/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(() =>\n  import(/* webpackChunkName: \"blazePbModalAdaptor\" */ './ModalAdapter')\n);\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,eAAeA,OAAO,CAAC,MACrB,MAAM,EAAC,6CAA8C,gBAAgB,CACvE,CAAC"}
+{"version":3,"file":"index.js","names":["dynamic"],"sources":["../../../src/components/ModalAdapter/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(\n  () => import(/* webpackChunkName: \"blazePbModalAdaptor\" */ './ModalAdapter')\n);\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,eAAeA,OAAO,CACpB,MAAM,MAAM,CAAC,6CAA8C,gBAAgB,CAC7E,CAAC","ignoreList":[]}

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

@@ -4,21 +4,30 @@ import { useRouter } from 'next/router';
 import { useDebounceSearch } from '@blaze-cms/plugin-search-ui';
 import SearchContentResults from './SearchContentResults';
 import SearchContentToggleIcon from './SearchContentToggleIcon';
-const SearchContent = ({
-  entities,
-  searchInputWrapperMobile,
-  searchInputWrapperDesktop,
-  isMobile,
-  placeholder,
-  modifier,
-  collapsedSearch,
-  searchUrl,
-  navigateToSingleSearchResult
-}) => {
+import { useAppSyncEventHook } from '../../hooks';
+const SearchContent = props => {
+  const {
+    entities,
+    searchInputWrapperMobile,
+    searchInputWrapperDesktop,
+    isMobile,
+    placeholder,
+    modifier,
+    collapsedSearch,
+    searchUrl,
+    navigateToSingleSearchResult
+  } = props;
   const searchContentRef = useRef(null);
   const [collapsed, setCollapsed] = useState(collapsedSearch);
   const [showResults, setShowResults] = useState(false);
   const router = useRouter();
+  const {
+    runHook
+  } = useAppSyncEventHook({
+    eventName: 'searchcontent:query-variables',
+    props,
+    returnFunction: true
+  });
   const {
     results,
     searchTerm,
@@ -27,7 +36,8 @@ const SearchContent = ({
   } = useDebounceSearch({
     entities,
     initialSearchTerm: '',
-    resultKeys: 'id, name, image { url }, url'
+    resultKeys: 'id, name, image { url }, url',
+    queryHook: runHook
   });
   useEffect(() => {
     const handleRouteChange = () => {
@@ -44,9 +54,9 @@ const SearchContent = ({
     const handleClickOutside = event => {
       if (searchContentRef.current && !searchContentRef.current.contains(event.target)) {
         setShowResults(false);
-        if (collapsedSearch) {
+        setSearchTerm('');
+        if (collapsedSearch && document.activeElement !== searchContentRef.current.querySelector('input')) {
           setCollapsed(true);
-          setSearchTerm('');
         }
       }
     };
@@ -65,7 +75,8 @@ const SearchContent = ({
       if (navigateToSingleSearchResult && results && results.length === 1 && results[0].url) {
         router.push(results[0].url);
       } else {
-        router.push(`${searchUrl || '/search'}?search_term=${e.target.value}`);
+        const searchUrlWithoutHash = (searchUrl || '/search').split('#')[0];
+        router.push(`${searchUrlWithoutHash}?search_term=${e.target.value}`);
       }
     }
   };
@@ -100,9 +111,15 @@ const SearchContent = ({
     name: "search",
     placeholder: placeholder,
     value: searchTerm,
-    onChange: e => setSearchTerm(e.target.value),
+    onChange: e => {
+      setSearchTerm(e.target.value);
+      setShowResults(true);
+    },
     onKeyDown: handleKeyDown,
-    onFocus: () => setShowResults(true),
+    onFocus: () => {
+      setShowResults(true);
+      if (collapsedSearch) setCollapsed(false);
+    },
     "data-testid": "search-content-input"
   }))), showResults && /*#__PURE__*/React.createElement(SearchContentResults, {
     results: results,

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

@@ -1 +1 @@
-{"version":3,"file":"SearchContent.js","names":["React","useState","useEffect","useRef","PropTypes","useRouter","useDebounceSearch","SearchContentResults","SearchContentToggleIcon","SearchContent","entities","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","placeholder","modifier","collapsedSearch","searchUrl","navigateToSingleSearchResult","searchContentRef","collapsed","setCollapsed","showResults","setShowResults","router","results","searchTerm","setSearchTerm","debouncedSearchTerm","initialSearchTerm","resultKeys","handleRouteChange","events","on","off","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","responsiveClasses","handleNavigation","e","url","preventDefault","push","handleKeyDown","key","value","length","handleIconClick","isCloseIcon","className","filter","Boolean","join","searchModifier","createElement","ref","onClick","useCloseIcon","type","name","onChange","onKeyDown","onFocus","handleClick","propTypes","string","bool","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/SearchContent.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useDebounceSearch } from '@blaze-cms/plugin-search-ui';\nimport SearchContentResults from './SearchContentResults';\nimport SearchContentToggleIcon from './SearchContentToggleIcon';\n\nconst SearchContent = ({\n  entities,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  isMobile,\n  placeholder,\n  modifier,\n  collapsedSearch,\n  searchUrl,\n  navigateToSingleSearchResult\n}) => {\n  const searchContentRef = useRef(null);\n  const [collapsed, setCollapsed] = useState(collapsedSearch);\n  const [showResults, setShowResults] = useState(false);\n  const router = useRouter();\n\n  const { results, searchTerm, setSearchTerm, debouncedSearchTerm } = useDebounceSearch({\n    entities,\n    initialSearchTerm: '',\n    resultKeys: 'id, name, image { url }, url'\n  });\n\n  useEffect(\n    () => {\n      const handleRouteChange = () => {\n        setSearchTerm('');\n        setShowResults(false);\n        if (collapsedSearch) setCollapsed(true);\n      };\n      router.events.on('routeChangeStart', handleRouteChange);\n\n      return () => {\n        router.events.off('routeChangeStart', handleRouteChange);\n      };\n    },\n    [collapsedSearch, router.events, setSearchTerm]\n  );\n\n  useEffect(\n    () => {\n      const handleClickOutside = event => {\n        if (searchContentRef.current && !searchContentRef.current.contains(event.target)) {\n          setShowResults(false);\n          if (collapsedSearch) {\n            setCollapsed(true);\n            setSearchTerm('');\n          }\n        }\n      };\n\n      document.addEventListener('click', handleClickOutside);\n\n      return () => {\n        document.removeEventListener('click', handleClickOutside);\n      };\n    },\n    [collapsedSearch, setSearchTerm]\n  );\n\n  const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;\n\n  const handleNavigation = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyDown = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      if (navigateToSingleSearchResult && results && results.length === 1 && results[0].url) {\n        router.push(results[0].url);\n      } else {\n        router.push(`${searchUrl || '/search'}?search_term=${e.target.value}`);\n      }\n    }\n  };\n\n  const handleIconClick = () => {\n    const isCloseIcon = collapsedSearch ? !collapsed : debouncedSearchTerm;\n\n    if (collapsedSearch) setCollapsed(!collapsed);\n\n    if (isCloseIcon) {\n      setSearchTerm('');\n      setShowResults(false);\n    } else {\n      setShowResults(true);\n    }\n  };\n\n  const className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');\n  const searchModifier = collapsed ? 'search-content--collapse' : 'search-content--expanded';\n\n  return (\n    <div className={className} ref={searchContentRef}>\n      <div className={`${searchModifier}__wrapper`}>\n        <label className={`${searchModifier}__label`}>\n          <span className={`${searchModifier}__icon_wrapper`}>\n            <SearchContentToggleIcon\n              searchTerm={debouncedSearchTerm}\n              onClick={handleIconClick}\n              useCloseIcon={collapsedSearch ? !collapsed : debouncedSearchTerm}\n            />\n          </span>\n          {!collapsed && (\n            <input\n              className={`${searchModifier}__input`}\n              type=\"text\"\n              name=\"search\"\n              placeholder={placeholder}\n              value={searchTerm}\n              onChange={e => setSearchTerm(e.target.value)}\n              onKeyDown={handleKeyDown}\n              onFocus={() => setShowResults(true)}\n              data-testid=\"search-content-input\"\n            />\n          )}\n        </label>\n      </div>\n      {showResults && (\n        <SearchContentResults\n          results={results}\n          debouncedSearchTerm={debouncedSearchTerm}\n          handleClick={handleNavigation}\n        />\n      )}\n    </div>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  placeholder: PropTypes.string,\n  isMobile: PropTypes.bool,\n  entities: PropTypes.array.isRequired,\n  modifier: PropTypes.string,\n  collapsedSearch: PropTypes.bool,\n  searchUrl: PropTypes.string,\n  navigateToSingleSearchResult: PropTypes.bool\n};\n\nSearchContent.defaultProps = {\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  modifier: '',\n  collapsedSearch: false,\n  searchUrl: '',\n  navigateToSingleSearchResult: false\n};\n\nexport default SearchContent;\n"],"mappings":"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"}
+{"version":3,"file":"SearchContent.js","names":["React","useState","useEffect","useRef","PropTypes","useRouter","useDebounceSearch","SearchContentResults","SearchContentToggleIcon","useAppSyncEventHook","SearchContent","props","entities","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","placeholder","modifier","collapsedSearch","searchUrl","navigateToSingleSearchResult","searchContentRef","collapsed","setCollapsed","showResults","setShowResults","router","runHook","eventName","returnFunction","results","searchTerm","setSearchTerm","debouncedSearchTerm","initialSearchTerm","resultKeys","queryHook","handleRouteChange","events","on","off","handleClickOutside","event","current","contains","target","document","activeElement","querySelector","addEventListener","removeEventListener","responsiveClasses","handleNavigation","e","url","preventDefault","push","handleKeyDown","key","value","length","searchUrlWithoutHash","split","handleIconClick","isCloseIcon","className","filter","Boolean","join","searchModifier","createElement","ref","onClick","useCloseIcon","type","name","onChange","onKeyDown","onFocus","handleClick","propTypes","string","bool","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/SearchContent.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useDebounceSearch } from '@blaze-cms/plugin-search-ui';\nimport SearchContentResults from './SearchContentResults';\nimport SearchContentToggleIcon from './SearchContentToggleIcon';\nimport { useAppSyncEventHook } from '../../hooks';\n\nconst SearchContent = props => {\n  const {\n    entities,\n    searchInputWrapperMobile,\n    searchInputWrapperDesktop,\n    isMobile,\n    placeholder,\n    modifier,\n    collapsedSearch,\n    searchUrl,\n    navigateToSingleSearchResult\n  } = props;\n\n  const searchContentRef = useRef(null);\n  const [collapsed, setCollapsed] = useState(collapsedSearch);\n  const [showResults, setShowResults] = useState(false);\n  const router = useRouter();\n\n  const { runHook } = useAppSyncEventHook({\n    eventName: 'searchcontent:query-variables',\n    props,\n    returnFunction: true\n  });\n\n  const { results, searchTerm, setSearchTerm, debouncedSearchTerm } = useDebounceSearch({\n    entities,\n    initialSearchTerm: '',\n    resultKeys: 'id, name, image { url }, url',\n    queryHook: runHook\n  });\n\n  useEffect(() => {\n    const handleRouteChange = () => {\n      setSearchTerm('');\n      setShowResults(false);\n      if (collapsedSearch) setCollapsed(true);\n    };\n    router.events.on('routeChangeStart', handleRouteChange);\n    return () => {\n      router.events.off('routeChangeStart', handleRouteChange);\n    };\n  }, [collapsedSearch, router.events, setSearchTerm]);\n\n  useEffect(() => {\n    const handleClickOutside = event => {\n      if (searchContentRef.current && !searchContentRef.current.contains(event.target)) {\n        setShowResults(false);\n        setSearchTerm('');\n        if (\n          collapsedSearch &&\n          document.activeElement !== searchContentRef.current.querySelector('input')\n        ) {\n          setCollapsed(true);\n        }\n      }\n    };\n\n    document.addEventListener('click', handleClickOutside);\n    return () => {\n      document.removeEventListener('click', handleClickOutside);\n    };\n  }, [collapsedSearch, setSearchTerm]);\n\n  const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;\n\n  const handleNavigation = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyDown = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      if (navigateToSingleSearchResult && results && results.length === 1 && results[0].url) {\n        router.push(results[0].url);\n      } else {\n        const searchUrlWithoutHash = (searchUrl || '/search').split('#')[0];\n        router.push(`${searchUrlWithoutHash}?search_term=${e.target.value}`);\n      }\n    }\n  };\n\n  const handleIconClick = () => {\n    const isCloseIcon = collapsedSearch ? !collapsed : debouncedSearchTerm;\n\n    if (collapsedSearch) setCollapsed(!collapsed);\n\n    if (isCloseIcon) {\n      setSearchTerm('');\n      setShowResults(false);\n    } else {\n      setShowResults(true);\n    }\n  };\n\n  const className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');\n  const searchModifier = collapsed ? 'search-content--collapse' : 'search-content--expanded';\n\n  return (\n    <div className={className} ref={searchContentRef}>\n      <div className={`${searchModifier}__wrapper`}>\n        <label className={`${searchModifier}__label`}>\n          <span className={`${searchModifier}__icon_wrapper`}>\n            <SearchContentToggleIcon\n              searchTerm={debouncedSearchTerm}\n              onClick={handleIconClick}\n              useCloseIcon={collapsedSearch ? !collapsed : debouncedSearchTerm}\n            />\n          </span>\n          {!collapsed && (\n            <input\n              className={`${searchModifier}__input`}\n              type=\"text\"\n              name=\"search\"\n              placeholder={placeholder}\n              value={searchTerm}\n              onChange={e => {\n                setSearchTerm(e.target.value);\n                setShowResults(true);\n              }}\n              onKeyDown={handleKeyDown}\n              onFocus={() => {\n                setShowResults(true);\n                if (collapsedSearch) setCollapsed(false);\n              }}\n              data-testid=\"search-content-input\"\n            />\n          )}\n        </label>\n      </div>\n      {showResults && (\n        <SearchContentResults\n          results={results}\n          debouncedSearchTerm={debouncedSearchTerm}\n          handleClick={handleNavigation}\n        />\n      )}\n    </div>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  placeholder: PropTypes.string,\n  isMobile: PropTypes.bool,\n  entities: PropTypes.array.isRequired,\n  modifier: PropTypes.string,\n  collapsedSearch: PropTypes.bool,\n  searchUrl: PropTypes.string,\n  navigateToSingleSearchResult: PropTypes.bool\n};\n\nSearchContent.defaultProps = {\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  modifier: '',\n  collapsedSearch: false,\n  searchUrl: '',\n  navigateToSingleSearchResult: false\n};\n\nexport default SearchContent;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/SearchContent/SearchContentItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchContentItems.js","names":["React","BlazeLink","LazyImage","SearchContentItems","results","onClick","map","item","url","id","name","image","createElement","href","key","className","src","alt","sizeKey"],"sources":["../../../src/components/SearchContent/SearchContentItems.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport LazyImage from '../LazyImage';\n\nconst SearchContentItems = ({ results = [], onClick }) =>\n  results.map(item => {\n    if (!item || !item.url) return null;\n\n    const { id, name, image, url } = item;\n\n    return (\n      <BlazeLink href={url} onClick={onClick} key={id}>\n        <div className=\"search-content--results__wrapper\">\n          {image?.url ? (\n            <LazyImage\n              src={image.url}\n              alt={name}\n              className=\"search-content--results__image\"\n              sizeKey=\"search-result\"\n            />\n          ) : null}\n          <span className=\"search-content--results__title\">{name}</span>\n        </div>\n      </BlazeLink>\n    );\n  });\n\nexport default SearchContentItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,OAAO,GAAG,EAAE;EAAEC;AAAQ,CAAC,KACnDD,OAAO,CAACE,GAAG,CAACC,IAAI,IAAI;EAClB,IAAI,CAACA,IAAI,IAAI,CAACA,IAAI,CAACC,GAAG,EAAE,OAAO,IAAI;EAEnC,MAAM;IAAEC,EAAE;IAAEC,IAAI;IAAEC,KAAK;IAAEH;EAAI,CAAC,GAAGD,IAAI;EAErC,oBACEP,KAAA,CAAAY,aAAA,CAACX,SAAS;IAACY,IAAI,EAAEL,GAAI;IAACH,OAAO,EAAEA,OAAQ;IAACS,GAAG,EAAEL;EAAG,gBAC9CT,KAAA,CAAAY,aAAA;IAAKG,SAAS,EAAC;EAAkC,GAC9C,CAAAJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEH,GAAG,iBACTR,KAAA,CAAAY,aAAA,CAACV,SAAS;IACRc,GAAG,EAAEL,KAAK,CAACH,GAAI;IACfS,GAAG,EAAEP,IAAK;IACVK,SAAS,EAAC,gCAAgC;IAC1CG,OAAO,EAAC;EAAe,CACxB,CAAC,GACA,IAAI,eACRlB,KAAA,CAAAY,aAAA;IAAMG,SAAS,EAAC;EAAgC,GAAEL,IAAW,CAC1D,CACI,CAAC;AAEhB,CAAC,CAAC;AAEJ,eAAeP,kBAAkB"}
+{"version":3,"file":"SearchContentItems.js","names":["React","BlazeLink","LazyImage","SearchContentItems","results","onClick","map","item","url","id","name","image","createElement","href","key","className","src","alt","sizeKey"],"sources":["../../../src/components/SearchContent/SearchContentItems.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport LazyImage from '../LazyImage';\n\nconst SearchContentItems = ({ results = [], onClick }) =>\n  results.map(item => {\n    if (!item || !item.url) return null;\n\n    const { id, name, image, url } = item;\n\n    return (\n      <BlazeLink href={url} onClick={onClick} key={id}>\n        <div className=\"search-content--results__wrapper\">\n          {image?.url ? (\n            <LazyImage\n              src={image.url}\n              alt={name}\n              className=\"search-content--results__image\"\n              sizeKey=\"search-result\"\n            />\n          ) : null}\n          <span className=\"search-content--results__title\">{name}</span>\n        </div>\n      </BlazeLink>\n    );\n  });\n\nexport default SearchContentItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,OAAO,GAAG,EAAE;EAAEC;AAAQ,CAAC,KACnDD,OAAO,CAACE,GAAG,CAACC,IAAI,IAAI;EAClB,IAAI,CAACA,IAAI,IAAI,CAACA,IAAI,CAACC,GAAG,EAAE,OAAO,IAAI;EAEnC,MAAM;IAAEC,EAAE;IAAEC,IAAI;IAAEC,KAAK;IAAEH;EAAI,CAAC,GAAGD,IAAI;EAErC,oBACEP,KAAA,CAAAY,aAAA,CAACX,SAAS;IAACY,IAAI,EAAEL,GAAI;IAACH,OAAO,EAAEA,OAAQ;IAACS,GAAG,EAAEL;EAAG,gBAC9CT,KAAA,CAAAY,aAAA;IAAKG,SAAS,EAAC;EAAkC,GAC9C,CAAAJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEH,GAAG,iBACTR,KAAA,CAAAY,aAAA,CAACV,SAAS;IACRc,GAAG,EAAEL,KAAK,CAACH,GAAI;IACfS,GAAG,EAAEP,IAAK;IACVK,SAAS,EAAC,gCAAgC;IAC1CG,OAAO,EAAC;EAAe,CACxB,CAAC,GACA,IAAI,eACRlB,KAAA,CAAAY,aAAA;IAAMG,SAAS,EAAC;EAAgC,GAAEL,IAAW,CAC1D,CACI,CAAC;AAEhB,CAAC,CAAC;AAEJ,eAAeP,kBAAkB","ignoreList":[]}

package/lib-es/components/SearchContent/SearchContentResults.js

@@ -9,7 +9,8 @@ const SearchContentResults = ({
   if (!debouncedSearchTerm) return null;
   const hasResults = results.length > 0;
   return /*#__PURE__*/React.createElement("div", {
-    className: "search-content--results__wrapper"
+    className: "search-content--results__wrapper",
+    "data-testid": "search-content-results"
   }, /*#__PURE__*/React.createElement("div", {
     className: "search-content--results__wrapper--message"
   }, /*#__PURE__*/React.createElement("div", {

package/lib-es/components/SearchContent/SearchContentResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchContentResults.js","names":["React","BlazeLink","SearchContentItems","SearchContentResults","results","debouncedSearchTerm","onClick","hasResults","length","createElement","className","href"],"sources":["../../../src/components/SearchContent/SearchContentResults.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport SearchContentItems from './SearchContentItems';\n\nconst SearchContentResults = ({ results, debouncedSearchTerm, onClick }) => {\n  if (!debouncedSearchTerm) return null;\n  const hasResults = results.length > 0;\n  return (\n    <div className=\"search-content--results__wrapper\">\n      <div className=\"search-content--results__wrapper--message\">\n        <div className=\"search-content--results__content\">\n          {hasResults ? (\n            <SearchContentItems results={results} onClick={onClick} />\n          ) : (\n            <div className=\"search-content--results__message\">\n              <BlazeLink href={`/search?search_term=${debouncedSearchTerm}`}>\n                {`Search all results for: ${debouncedSearchTerm}`}\n              </BlazeLink>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default SearchContentResults;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,kBAAkB,MAAM,sBAAsB;AAErD,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,OAAO;EAAEC,mBAAmB;EAAEC;AAAQ,CAAC,KAAK;EAC1E,IAAI,CAACD,mBAAmB,EAAE,OAAO,IAAI;EACrC,MAAME,UAAU,GAAGH,OAAO,CAACI,MAAM,GAAG,CAAC;EACrC,oBACER,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAAkC,gBAC/CV,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAA2C,gBACxDV,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAAkC,GAC9CH,UAAU,gBACTP,KAAA,CAAAS,aAAA,CAACP,kBAAkB;IAACE,OAAO,EAAEA,OAAQ;IAACE,OAAO,EAAEA;EAAQ,CAAE,CAAC,gBAE1DN,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAAkC,gBAC/CV,KAAA,CAAAS,aAAA,CAACR,SAAS;IAACU,IAAI,EAAG,uBAAsBN,mBAAoB;EAAE,GAC1D,2BAA0BA,mBAAoB,EACvC,CACR,CAEJ,CACF,CACF,CAAC;AAEV,CAAC;AAED,eAAeF,oBAAoB"}
+{"version":3,"file":"SearchContentResults.js","names":["React","BlazeLink","SearchContentItems","SearchContentResults","results","debouncedSearchTerm","onClick","hasResults","length","createElement","className","href"],"sources":["../../../src/components/SearchContent/SearchContentResults.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport SearchContentItems from './SearchContentItems';\n\nconst SearchContentResults = ({ results, debouncedSearchTerm, onClick }) => {\n  if (!debouncedSearchTerm) return null;\n  const hasResults = results.length > 0;\n  return (\n    <div className=\"search-content--results__wrapper\" data-testid=\"search-content-results\">\n      <div className=\"search-content--results__wrapper--message\">\n        <div className=\"search-content--results__content\">\n          {hasResults ? (\n            <SearchContentItems results={results} onClick={onClick} />\n          ) : (\n            <div className=\"search-content--results__message\">\n              <BlazeLink href={`/search?search_term=${debouncedSearchTerm}`}>\n                {`Search all results for: ${debouncedSearchTerm}`}\n              </BlazeLink>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default SearchContentResults;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,kBAAkB,MAAM,sBAAsB;AAErD,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,OAAO;EAAEC,mBAAmB;EAAEC;AAAQ,CAAC,KAAK;EAC1E,IAAI,CAACD,mBAAmB,EAAE,OAAO,IAAI;EACrC,MAAME,UAAU,GAAGH,OAAO,CAACI,MAAM,GAAG,CAAC;EACrC,oBACER,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC,kCAAkC;IAAC,eAAY;EAAwB,gBACpFV,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAA2C,gBACxDV,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAAkC,GAC9CH,UAAU,gBACTP,KAAA,CAAAS,aAAA,CAACP,kBAAkB;IAACE,OAAO,EAAEA,OAAQ;IAACE,OAAO,EAAEA;EAAQ,CAAE,CAAC,gBAE1DN,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAAkC,gBAC/CV,KAAA,CAAAS,aAAA,CAACR,SAAS;IAACU,IAAI,EAAE,uBAAuBN,mBAAmB;EAAG,GAC3D,2BAA2BA,mBAAmB,EACtC,CACR,CAEJ,CACF,CACF,CAAC;AAEV,CAAC;AAED,eAAeF,oBAAoB","ignoreList":[]}

package/lib-es/components/SearchContent/SearchContentToggleIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchContentToggleIcon.js","names":["React","CLOSE_ICON","SEARCH_ICON","SearchContentToggleIcon","onClick","useCloseIcon","createElement","className","viewBox","fillRule","clipRule","d"],"sources":["../../../src/components/SearchContent/SearchContentToggleIcon.js"],"sourcesContent":["import React from 'react';\nimport { CLOSE_ICON, SEARCH_ICON } from './constants';\n\nconst SearchContentToggleIcon = ({ onClick, useCloseIcon }) => (\n  <svg\n    className=\"search-content--expanded__icon\"\n    viewBox=\"0 0 20 20\"\n    onClick={onClick}\n    data-testid={useCloseIcon ? 'search-content-icon-close' : 'search-content-icon'}>\n    <path fillRule=\"evenodd\" clipRule=\"evenodd\" d={useCloseIcon ? CLOSE_ICON : SEARCH_ICON} />\n  </svg>\n);\n\nexport default SearchContentToggleIcon;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,WAAW,QAAQ,aAAa;AAErD,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAa,CAAC,kBACxDL,KAAA,CAAAM,aAAA;EACEC,SAAS,EAAC,gCAAgC;EAC1CC,OAAO,EAAC,WAAW;EACnBJ,OAAO,EAAEA,OAAQ;EACjB,eAAaC,YAAY,GAAG,2BAA2B,GAAG;AAAsB,gBAChFL,KAAA,CAAAM,aAAA;EAAMG,QAAQ,EAAC,SAAS;EAACC,QAAQ,EAAC,SAAS;EAACC,CAAC,EAAEN,YAAY,GAAGJ,UAAU,GAAGC;AAAY,CAAE,CACtF,CACN;AAED,eAAeC,uBAAuB"}
+{"version":3,"file":"SearchContentToggleIcon.js","names":["React","CLOSE_ICON","SEARCH_ICON","SearchContentToggleIcon","onClick","useCloseIcon","createElement","className","viewBox","fillRule","clipRule","d"],"sources":["../../../src/components/SearchContent/SearchContentToggleIcon.js"],"sourcesContent":["import React from 'react';\nimport { CLOSE_ICON, SEARCH_ICON } from './constants';\n\nconst SearchContentToggleIcon = ({ onClick, useCloseIcon }) => (\n  <svg\n    className=\"search-content--expanded__icon\"\n    viewBox=\"0 0 20 20\"\n    onClick={onClick}\n    data-testid={useCloseIcon ? 'search-content-icon-close' : 'search-content-icon'}>\n    <path fillRule=\"evenodd\" clipRule=\"evenodd\" d={useCloseIcon ? CLOSE_ICON : SEARCH_ICON} />\n  </svg>\n);\n\nexport default SearchContentToggleIcon;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,WAAW,QAAQ,aAAa;AAErD,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAa,CAAC,kBACxDL,KAAA,CAAAM,aAAA;EACEC,SAAS,EAAC,gCAAgC;EAC1CC,OAAO,EAAC,WAAW;EACnBJ,OAAO,EAAEA,OAAQ;EACjB,eAAaC,YAAY,GAAG,2BAA2B,GAAG;AAAsB,gBAChFL,KAAA,CAAAM,aAAA;EAAMG,QAAQ,EAAC,SAAS;EAACC,QAAQ,EAAC,SAAS;EAACC,CAAC,EAAEN,YAAY,GAAGJ,UAAU,GAAGC;AAAY,CAAE,CACtF,CACN;AAED,eAAeC,uBAAuB","ignoreList":[]}

package/lib-es/components/SearchContent/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["SEARCH_ICON","CLOSE_ICON"],"sources":["../../../src/components/SearchContent/constants.js"],"sourcesContent":["const SEARCH_ICON =\n  'M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z';\nconst CLOSE_ICON =\n  'M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z';\n\nexport { SEARCH_ICON, CLOSE_ICON };\n"],"mappings":"AAAA,MAAMA,WAAW,GACf,kHAAkH;AACpH,MAAMC,UAAU,GACd,oMAAoM;AAEtM,SAASD,WAAW,EAAEC,UAAU"}
+{"version":3,"file":"constants.js","names":["SEARCH_ICON","CLOSE_ICON"],"sources":["../../../src/components/SearchContent/constants.js"],"sourcesContent":["const SEARCH_ICON =\n  'M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z';\nconst CLOSE_ICON =\n  'M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z';\n\nexport { SEARCH_ICON, CLOSE_ICON };\n"],"mappings":"AAAA,MAAMA,WAAW,GACf,kHAAkH;AACpH,MAAMC,UAAU,GACd,oMAAoM;AAEtM,SAASD,WAAW,EAAEC,UAAU","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CloseMobileForm.js","names":["React","PropTypes","MdClose","useTranslation","TRANSLATION_NAMESPACE","CloseMobileForm","handleClose","t","createElement","className","role","onClick","propTypes","func","isRequired"],"sources":["../../../../src/components/SearchFilter/SearchFilter/CloseMobileForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MdClose } from 'react-icons/md';\nimport { useTranslation } from '@blaze-cms/nextjs-components';\nimport { TRANSLATION_NAMESPACE } from '../../../constants';\n\nconst CloseMobileForm = ({ handleClose }) => {\n  const { t } = useTranslation(TRANSLATION_NAMESPACE);\n  return (\n    <div className=\"filter__header filter__header--mobile\">\n      <p>{t('MOBILE_REFINEMENT_TITLE')}</p>\n\n      <i role=\"button\" onClick={handleClose} aria-label=\"Close\">\n        <MdClose />\n      </i>\n    </div>\n  );\n};\n\nCloseMobileForm.propTypes = {\n  handleClose: PropTypes.func.isRequired\n};\n\nexport default CloseMobileForm;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,qBAAqB,QAAQ,oBAAoB;AAE1D,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAAY,CAAC,KAAK;EAC3C,MAAM;IAAEC;EAAE,CAAC,GAAGJ,cAAc,CAACC,qBAAqB,CAAC;EACnD,oBACEJ,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAuC,gBACpDT,KAAA,CAAAQ,aAAA,YAAID,CAAC,CAAC,yBAAyB,CAAK,CAAC,eAErCP,KAAA,CAAAQ,aAAA;IAAGE,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAEL,WAAY;IAAC,cAAW;EAAO,gBACvDN,KAAA,CAAAQ,aAAA,CAACN,OAAO,MAAE,CACT,CACA,CAAC;AAEV,CAAC;AAEDG,eAAe,CAACO,SAAS,GAAG;EAC1BN,WAAW,EAAEL,SAAS,CAACY,IAAI,CAACC;AAC9B,CAAC;AAED,eAAeT,eAAe"}
+{"version":3,"file":"CloseMobileForm.js","names":["React","PropTypes","MdClose","useTranslation","TRANSLATION_NAMESPACE","CloseMobileForm","handleClose","t","createElement","className","role","onClick","propTypes","func","isRequired"],"sources":["../../../../src/components/SearchFilter/SearchFilter/CloseMobileForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MdClose } from 'react-icons/md';\nimport { useTranslation } from '@blaze-cms/nextjs-components';\nimport { TRANSLATION_NAMESPACE } from '../../../constants';\n\nconst CloseMobileForm = ({ handleClose }) => {\n  const { t } = useTranslation(TRANSLATION_NAMESPACE);\n  return (\n    <div className=\"filter__header filter__header--mobile\">\n      <p>{t('MOBILE_REFINEMENT_TITLE')}</p>\n\n      <i role=\"button\" onClick={handleClose} aria-label=\"Close\">\n        <MdClose />\n      </i>\n    </div>\n  );\n};\n\nCloseMobileForm.propTypes = {\n  handleClose: PropTypes.func.isRequired\n};\n\nexport default CloseMobileForm;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,qBAAqB,QAAQ,oBAAoB;AAE1D,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAAY,CAAC,KAAK;EAC3C,MAAM;IAAEC;EAAE,CAAC,GAAGJ,cAAc,CAACC,qBAAqB,CAAC;EACnD,oBACEJ,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAuC,gBACpDT,KAAA,CAAAQ,aAAA,YAAID,CAAC,CAAC,yBAAyB,CAAK,CAAC,eAErCP,KAAA,CAAAQ,aAAA;IAAGE,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAEL,WAAY;IAAC,cAAW;EAAO,gBACvDN,KAAA,CAAAQ,aAAA,CAACN,OAAO,MAAE,CACT,CACA,CAAC;AAEV,CAAC;AAEDG,eAAe,CAACO,SAAS,GAAG;EAC1BN,WAAW,EAAEL,SAAS,CAACY,IAAI,CAACC;AAC9B,CAAC;AAED,eAAeT,eAAe","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["type", "label", "propsToDisplay", "elementTitle"];
+const _excluded = ["type", "label", "propsToDisplay", "elementTitle", "unit"];
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { MainContext } from '@blaze-cms/nextjs-components';
@@ -23,7 +23,8 @@ const FiltersList = ({
         type,
         label,
         propsToDisplay,
-        elementTitle
+        elementTitle,
+        unit
       } = _ref,
       otherProps = _objectWithoutProperties(_ref, _excluded);
     if (!propsToDisplay && !propsToDisplay.length) return null;
@@ -80,6 +81,7 @@ const FiltersList = ({
           propsToDisplay: propsToDisplay,
           label: label,
           elementTitle: elementTitle,
+          unit: unit,
           entity: entity,
           filterValues: filterValues,
           updateFilterValues: updateFilterValues,

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

@@ -1 +1 @@
-{"version":3,"file":"FiltersList.js","names":["React","useContext","PropTypes","MainContext","TextSearch","Checkbox","SelectFilter","Range","CHECKBOX","SELECT","TEXT_SEARCH","RANGE","SEARCH_TERM","FiltersList","data","filters","hasUrl","entity","filterValues","updateFilterValues","shouldSearch","itemId","map","_ref","index","type","label","propsToDisplay","elementTitle","otherProps","_objectWithoutProperties","_excluded","length","dynamicKey","join","isDataAvailable","Object","keys","dataAggregations","areAggregationsAvailable","createElement","key","className","_extends","searchValue","prop","propTypes","bool","isRequired","string","object","func","array","defaultProps"],"sources":["../../../../src/components/SearchFilter/SearchFilter/FiltersList.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { TextSearch, Checkbox, SelectFilter, Range } from '../components';\nimport { CHECKBOX, SELECT, TEXT_SEARCH, RANGE, SEARCH_TERM } from '../constants';\n\nconst FiltersList = ({\n  data,\n  filters,\n  hasUrl,\n  entity,\n  filterValues,\n  updateFilterValues,\n  shouldSearch\n}) => {\n  const { itemId } = useContext(MainContext);\n\n  return filters.map(({ type, label, propsToDisplay, elementTitle, ...otherProps }, index) => {\n    if (!propsToDisplay && !propsToDisplay.length) return null;\n    const dynamicKey = [itemId, index].join('-');\n    const isDataAvailable = !!data && Object.keys(data).length;\n    const dataAggregations = isDataAvailable ? data : null;\n    const areAggregationsAvailable = isDataAvailable && !!dataAggregations;\n\n    switch (type) {\n      case TEXT_SEARCH:\n        return (\n          <div\n            key={dynamicKey}\n            className=\"filter__section filter__section--search-refine filter__section--search\">\n            <TextSearch\n              {...otherProps}\n              label={label}\n              elementTitle={elementTitle}\n              searchValue={filterValues[SEARCH_TERM]}\n              updateFilterValues={updateFilterValues}\n              filterValues={filterValues}\n            />\n          </div>\n        );\n\n      case CHECKBOX:\n        return (\n          <div\n            key={dynamicKey}\n            className=\"filter__section filter__section--search-refine filter__section--checkboxes\">\n            <Checkbox\n              {...otherProps}\n              data={data}\n              prop={propsToDisplay[0]}\n              label={label}\n              elementTitle={elementTitle}\n              hasUrl={hasUrl}\n              filterValues={filterValues}\n              updateFilterValues={updateFilterValues}\n              shouldSearch={shouldSearch}\n            />\n          </div>\n        );\n\n      case SELECT:\n        return (\n          <div\n            key={dynamicKey}\n            className=\"filter__section filter__section--search-refine filter__section--selects\">\n            <SelectFilter\n              {...otherProps}\n              data={data}\n              prop={propsToDisplay[0]}\n              label={label}\n              elementTitle={elementTitle}\n              hasUrl={hasUrl}\n              filterValues={filterValues}\n              updateFilterValues={updateFilterValues}\n              shouldSearch={shouldSearch}\n            />\n          </div>\n        );\n\n      case RANGE:\n        return (\n          !!areAggregationsAvailable && (\n            <div key={dynamicKey} className=\"range-slider__wrapper\">\n              <Range\n                {...otherProps}\n                dataAggregations={dataAggregations}\n                propsToDisplay={propsToDisplay}\n                label={label}\n                elementTitle={elementTitle}\n                entity={entity}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      default:\n        return null;\n    }\n  });\n};\n\nFiltersList.propTypes = {\n  hasUrl: PropTypes.bool.isRequired,\n  entity: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  data: PropTypes.object,\n  filters: PropTypes.array,\n  shouldSearch: PropTypes.bool\n};\n\nFiltersList.defaultProps = {\n  shouldSearch: false,\n  data: {},\n  filters: []\n};\n\nexport default FiltersList;\n"],"mappings":"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"}
+{"version":3,"file":"FiltersList.js","names":["React","useContext","PropTypes","MainContext","TextSearch","Checkbox","SelectFilter","Range","CHECKBOX","SELECT","TEXT_SEARCH","RANGE","SEARCH_TERM","FiltersList","data","filters","hasUrl","entity","filterValues","updateFilterValues","shouldSearch","itemId","map","_ref","index","type","label","propsToDisplay","elementTitle","unit","otherProps","_objectWithoutProperties","_excluded","length","dynamicKey","join","isDataAvailable","Object","keys","dataAggregations","areAggregationsAvailable","createElement","key","className","_extends","searchValue","prop","propTypes","bool","isRequired","string","object","func","array","defaultProps"],"sources":["../../../../src/components/SearchFilter/SearchFilter/FiltersList.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { TextSearch, Checkbox, SelectFilter, Range } from '../components';\nimport { CHECKBOX, SELECT, TEXT_SEARCH, RANGE, SEARCH_TERM } from '../constants';\n\nconst FiltersList = ({\n  data,\n  filters,\n  hasUrl,\n  entity,\n  filterValues,\n  updateFilterValues,\n  shouldSearch\n}) => {\n  const { itemId } = useContext(MainContext);\n\n  return filters.map(\n    ({ type, label, propsToDisplay, elementTitle, unit, ...otherProps }, index) => {\n      if (!propsToDisplay && !propsToDisplay.length) return null;\n      const dynamicKey = [itemId, index].join('-');\n      const isDataAvailable = !!data && Object.keys(data).length;\n      const dataAggregations = isDataAvailable ? data : null;\n      const areAggregationsAvailable = isDataAvailable && !!dataAggregations;\n\n      switch (type) {\n        case TEXT_SEARCH:\n          return (\n            <div\n              key={dynamicKey}\n              className=\"filter__section filter__section--search-refine filter__section--search\">\n              <TextSearch\n                {...otherProps}\n                label={label}\n                elementTitle={elementTitle}\n                searchValue={filterValues[SEARCH_TERM]}\n                updateFilterValues={updateFilterValues}\n                filterValues={filterValues}\n              />\n            </div>\n          );\n\n        case CHECKBOX:\n          return (\n            <div\n              key={dynamicKey}\n              className=\"filter__section filter__section--search-refine filter__section--checkboxes\">\n              <Checkbox\n                {...otherProps}\n                data={data}\n                prop={propsToDisplay[0]}\n                label={label}\n                elementTitle={elementTitle}\n                hasUrl={hasUrl}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          );\n\n        case SELECT:\n          return (\n            <div\n              key={dynamicKey}\n              className=\"filter__section filter__section--search-refine filter__section--selects\">\n              <SelectFilter\n                {...otherProps}\n                data={data}\n                prop={propsToDisplay[0]}\n                label={label}\n                elementTitle={elementTitle}\n                hasUrl={hasUrl}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          );\n\n        case RANGE:\n          return (\n            !!areAggregationsAvailable && (\n              <div key={dynamicKey} className=\"range-slider__wrapper\">\n                <Range\n                  {...otherProps}\n                  dataAggregations={dataAggregations}\n                  propsToDisplay={propsToDisplay}\n                  label={label}\n                  elementTitle={elementTitle}\n                  unit={unit}\n                  entity={entity}\n                  filterValues={filterValues}\n                  updateFilterValues={updateFilterValues}\n                  shouldSearch={shouldSearch}\n                />\n              </div>\n            )\n          );\n        default:\n          return null;\n      }\n    }\n  );\n};\n\nFiltersList.propTypes = {\n  hasUrl: PropTypes.bool.isRequired,\n  entity: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  data: PropTypes.object,\n  filters: PropTypes.array,\n  shouldSearch: PropTypes.bool\n};\n\nFiltersList.defaultProps = {\n  shouldSearch: false,\n  data: {},\n  filters: []\n};\n\nexport default FiltersList;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"MobileFormToolbar.js","names":["React","PropTypes","useTranslation","TRANSLATION_NAMESPACE","MobileFormToolbar","formId","handleReset","t","createElement","className","role","onClick","type","form","propTypes","string","isRequired","func"],"sources":["../../../../src/components/SearchFilter/SearchFilter/MobileFormToolbar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from '@blaze-cms/nextjs-components';\nimport { TRANSLATION_NAMESPACE } from '../../../constants';\n\nconst MobileFormToolbar = ({ formId, handleReset }) => {\n  const { t } = useTranslation(TRANSLATION_NAMESPACE);\n  return (\n    <div className=\"filter__refine filter__refine--mobile-open\">\n      <div\n        className=\"reset\"\n        data-testid=\"reset-button\"\n        role=\"button\"\n        onClick={handleReset}\n        aria-label={t('RESET_ALL_FILTERS')}>\n        {t('RESET_ALL_FILTERS')}\n      </div>\n\n      <button className=\"search\" type=\"submit\" form={formId}>\n        {t('SEARCH_MOBILE_BUTTON_TEXT')}\n      </button>\n    </div>\n  );\n};\n\nMobileFormToolbar.propTypes = {\n  formId: PropTypes.string.isRequired,\n  handleReset: PropTypes.func.isRequired\n};\n\nexport default MobileFormToolbar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,qBAAqB,QAAQ,oBAAoB;AAE1D,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAY,CAAC,KAAK;EACrD,MAAM;IAAEC;EAAE,CAAC,GAAGL,cAAc,CAACC,qBAAqB,CAAC;EACnD,oBACEH,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAA4C,gBACzDT,KAAA,CAAAQ,aAAA;IACEC,SAAS,EAAC,OAAO;IACjB,eAAY,cAAc;IAC1BC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEL,WAAY;IACrB,cAAYC,CAAC,CAAC,mBAAmB;EAAE,GAClCA,CAAC,CAAC,mBAAmB,CACnB,CAAC,eAENP,KAAA,CAAAQ,aAAA;IAAQC,SAAS,EAAC,QAAQ;IAACG,IAAI,EAAC,QAAQ;IAACC,IAAI,EAAER;EAAO,GACnDE,CAAC,CAAC,2BAA2B,CACxB,CACL,CAAC;AAEV,CAAC;AAEDH,iBAAiB,CAACU,SAAS,GAAG;EAC5BT,MAAM,EAAEJ,SAAS,CAACc,MAAM,CAACC,UAAU;EACnCV,WAAW,EAAEL,SAAS,CAACgB,IAAI,CAACD;AAC9B,CAAC;AAED,eAAeZ,iBAAiB"}
+{"version":3,"file":"MobileFormToolbar.js","names":["React","PropTypes","useTranslation","TRANSLATION_NAMESPACE","MobileFormToolbar","formId","handleReset","t","createElement","className","role","onClick","type","form","propTypes","string","isRequired","func"],"sources":["../../../../src/components/SearchFilter/SearchFilter/MobileFormToolbar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from '@blaze-cms/nextjs-components';\nimport { TRANSLATION_NAMESPACE } from '../../../constants';\n\nconst MobileFormToolbar = ({ formId, handleReset }) => {\n  const { t } = useTranslation(TRANSLATION_NAMESPACE);\n  return (\n    <div className=\"filter__refine filter__refine--mobile-open\">\n      <div\n        className=\"reset\"\n        data-testid=\"reset-button\"\n        role=\"button\"\n        onClick={handleReset}\n        aria-label={t('RESET_ALL_FILTERS')}>\n        {t('RESET_ALL_FILTERS')}\n      </div>\n\n      <button className=\"search\" type=\"submit\" form={formId}>\n        {t('SEARCH_MOBILE_BUTTON_TEXT')}\n      </button>\n    </div>\n  );\n};\n\nMobileFormToolbar.propTypes = {\n  formId: PropTypes.string.isRequired,\n  handleReset: PropTypes.func.isRequired\n};\n\nexport default MobileFormToolbar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,qBAAqB,QAAQ,oBAAoB;AAE1D,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAY,CAAC,KAAK;EACrD,MAAM;IAAEC;EAAE,CAAC,GAAGL,cAAc,CAACC,qBAAqB,CAAC;EACnD,oBACEH,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAA4C,gBACzDT,KAAA,CAAAQ,aAAA;IACEC,SAAS,EAAC,OAAO;IACjB,eAAY,cAAc;IAC1BC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEL,WAAY;IACrB,cAAYC,CAAC,CAAC,mBAAmB;EAAE,GAClCA,CAAC,CAAC,mBAAmB,CACnB,CAAC,eAENP,KAAA,CAAAQ,aAAA;IAAQC,SAAS,EAAC,QAAQ;IAACG,IAAI,EAAC,QAAQ;IAACC,IAAI,EAAER;EAAO,GACnDE,CAAC,CAAC,2BAA2B,CACxB,CACL,CAAC;AAEV,CAAC;AAEDH,iBAAiB,CAACU,SAAS,GAAG;EAC5BT,MAAM,EAAEJ,SAAS,CAACc,MAAM,CAACC,UAAU;EACnCV,WAAW,EAAEL,SAAS,CAACgB,IAAI,CAACD;AAC9B,CAAC;AAED,eAAeZ,iBAAiB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ResetDesktopForm.js","names":["React","PropTypes","FaRedoAlt","useTranslation","TRANSLATION_NAMESPACE","ResetDesktopForm","handleReset","t","createElement","className","type","title","onClick","role","propTypes","func","isRequired"],"sources":["../../../../src/components/SearchFilter/SearchFilter/ResetDesktopForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FaRedoAlt } from 'react-icons/fa';\nimport { useTranslation } from '@blaze-cms/nextjs-components';\nimport { TRANSLATION_NAMESPACE } from '../../../constants';\n\nconst ResetDesktopForm = ({ handleReset }) => {\n  const { t } = useTranslation(TRANSLATION_NAMESPACE);\n  return (\n    <div className=\"filter__reset\">\n      <button\n        type=\"button\"\n        className=\"icon-button icon-button--reset\"\n        title=\"reset--button\"\n        data-testid=\"reset-icon\"\n        onClick={handleReset}\n        aria-label={t('RESET_ALL_FILTERS')}>\n        <i>\n          <FaRedoAlt />\n        </i>\n      </button>\n\n      <div role=\"button\" onClick={handleReset} data-testid=\"reset-button\">\n        {t('RESET_ALL_FILTERS')}\n      </div>\n    </div>\n  );\n};\n\nResetDesktopForm.propTypes = {\n  handleReset: PropTypes.func.isRequired\n};\n\nexport default ResetDesktopForm;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,qBAAqB,QAAQ,oBAAoB;AAE1D,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAY,CAAC,KAAK;EAC5C,MAAM;IAAEC;EAAE,CAAC,GAAGJ,cAAc,CAACC,qBAAqB,CAAC;EACnD,oBACEJ,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAe,gBAC5BT,KAAA,CAAAQ,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbD,SAAS,EAAC,gCAAgC;IAC1CE,KAAK,EAAC,eAAe;IACrB,eAAY,YAAY;IACxBC,OAAO,EAAEN,WAAY;IACrB,cAAYC,CAAC,CAAC,mBAAmB;EAAE,gBACnCP,KAAA,CAAAQ,aAAA,yBACER,KAAA,CAAAQ,aAAA,CAACN,SAAS,MAAE,CACX,CACG,CAAC,eAETF,KAAA,CAAAQ,aAAA;IAAKK,IAAI,EAAC,QAAQ;IAACD,OAAO,EAAEN,WAAY;IAAC,eAAY;EAAc,GAChEC,CAAC,CAAC,mBAAmB,CACnB,CACF,CAAC;AAEV,CAAC;AAEDF,gBAAgB,CAACS,SAAS,GAAG;EAC3BR,WAAW,EAAEL,SAAS,CAACc,IAAI,CAACC;AAC9B,CAAC;AAED,eAAeX,gBAAgB"}
+{"version":3,"file":"ResetDesktopForm.js","names":["React","PropTypes","FaRedoAlt","useTranslation","TRANSLATION_NAMESPACE","ResetDesktopForm","handleReset","t","createElement","className","type","title","onClick","role","propTypes","func","isRequired"],"sources":["../../../../src/components/SearchFilter/SearchFilter/ResetDesktopForm.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FaRedoAlt } from 'react-icons/fa';\nimport { useTranslation } from '@blaze-cms/nextjs-components';\nimport { TRANSLATION_NAMESPACE } from '../../../constants';\n\nconst ResetDesktopForm = ({ handleReset }) => {\n  const { t } = useTranslation(TRANSLATION_NAMESPACE);\n  return (\n    <div className=\"filter__reset\">\n      <button\n        type=\"button\"\n        className=\"icon-button icon-button--reset\"\n        title=\"reset--button\"\n        data-testid=\"reset-icon\"\n        onClick={handleReset}\n        aria-label={t('RESET_ALL_FILTERS')}>\n        <i>\n          <FaRedoAlt />\n        </i>\n      </button>\n\n      <div role=\"button\" onClick={handleReset} data-testid=\"reset-button\">\n        {t('RESET_ALL_FILTERS')}\n      </div>\n    </div>\n  );\n};\n\nResetDesktopForm.propTypes = {\n  handleReset: PropTypes.func.isRequired\n};\n\nexport default ResetDesktopForm;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,qBAAqB,QAAQ,oBAAoB;AAE1D,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAY,CAAC,KAAK;EAC5C,MAAM;IAAEC;EAAE,CAAC,GAAGJ,cAAc,CAACC,qBAAqB,CAAC;EACnD,oBACEJ,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAe,gBAC5BT,KAAA,CAAAQ,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbD,SAAS,EAAC,gCAAgC;IAC1CE,KAAK,EAAC,eAAe;IACrB,eAAY,YAAY;IACxBC,OAAO,EAAEN,WAAY;IACrB,cAAYC,CAAC,CAAC,mBAAmB;EAAE,gBACnCP,KAAA,CAAAQ,aAAA,yBACER,KAAA,CAAAQ,aAAA,CAACN,SAAS,MAAE,CACX,CACG,CAAC,eAETF,KAAA,CAAAQ,aAAA;IAAKK,IAAI,EAAC,QAAQ;IAACD,OAAO,EAAEN,WAAY;IAAC,eAAY;EAAc,GAChEC,CAAC,CAAC,mBAAmB,CACnB,CACF,CAAC;AAEV,CAAC;AAEDF,gBAAgB,CAACS,SAAS,GAAG;EAC3BR,WAAW,EAAEL,SAAS,CAACc,IAAI,CAACC;AAC9B,CAAC;AAED,eAAeX,gBAAgB","ignoreList":[]}

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

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

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

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

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

@@ -8,9 +8,8 @@ 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 } from '../../helpers';
+import { getEntityData, getInheritedFilters, getQueryProps, buildRawQueryStringified, buildFiltersQuery, getComponentId } from '../../helpers';
 import { RAW_RESULTS } from './constants';
-import { SCROLL_OFFSET } from '../../constants';
 import searchFilterReducer from './searchFilterReducer';
 import { useGetEntitySchemasAsObj } from '../../hooks';
 const SearchFilterContainer = ({
@@ -139,12 +138,15 @@ const SearchFilterContainer = ({
     return null;
   }
   const handleSearch = newQuery => {
+    const componentId = listComponentName ? getComponentId(listComponentName) : '';
     setDisplaySearchFilter(false);
     const hashBit = asPath.split('#')[1] || '';
-    const parsedHashBit = hashBit ? `#${hashBit}` : '';
-    scrollToFirstList();
+    let parsedHashBit = hashBit ? `#${hashBit}` : '';
+    parsedHashBit = parsedHashBit || (componentId ? `#${componentId}` : '');
+    scrollToFirstList(componentId);
     if (!newQuery) {
-      const baseQuery = `${currentUrl}${parsedHashBit}`;
+      const baseUrl = url || currentUrl;
+      const baseQuery = `${baseUrl}${parsedHashBit}`;
       setUrlPath(baseQuery);
       return router.push('/Resolver', baseQuery, {
         shallow: !url,
@@ -153,21 +155,19 @@ const SearchFilterContainer = ({
         setKey(`filter-${name}:${Date.now()}`); // remove after range component update
       });
     }
-    const newUrl = buildNewUrl(url, currentUrl, newQuery, hashBit);
+    const hashToUse = componentId;
+    const newUrl = buildNewUrl(url, currentUrl, newQuery, hashToUse);
     setUrlPath(newUrl);
     return router.push('/Resolver', newUrl, {
       shallow: !url,
       scroll: false
     });
   };
-  const scrollToFirstList = () => {
-    const [list] = document.getElementsByClassName('list-top');
+  const scrollToFirstList = componentId => {
+    const list = componentId ? document.getElementById(componentId) : document.getElementsByClassName('list-top')[0];
     const shouldScrollToFirstList = !url && list;
     if (shouldScrollToFirstList) {
-      window.scrollTo({
-        left: 0,
-        top: window.pageYOffset - SCROLL_OFFSET + list.getBoundingClientRect().top
-      });
+      list.scrollIntoView();
     } else {
       window.scrollTo(0, 0);
     }