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

package/lib-es/components/List/helpers/build-query-booster.js

@@ -17,19 +17,22 @@ const buildQueryBooster = (props, data) => {
     } = {}
   } = parsedRawQuery;
   const boostedPropsFunctios = recencyBoostProperty.map(propToBoost => ({
-    gauss: {
+    exp: {
       [propToBoost]: {
-        origin: 'now',
-        scale: '30d',
-        offset: '7d',
-        decay: 0.5
+        scale: '14d',
+        decay: 0.99,
+        // high value slow decay
+        offset: '7d'
       }
     }
   }));
   const updatedData = {
     function_score: {
       query: functions.length ? query : parsedRawQuery,
-      functions: [...functions, ...boostedPropsFunctios],
+      functions: [...functions, ...boostedPropsFunctios, {
+        weight: 0.01 // minimum score to avoid zeroing out
+      }],
+      score_mode: 'sum',
       boost_mode: 'multiply'
     }
   };

package/lib-es/components/List/helpers/build-query-booster.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-query-booster.js","names":["buildQueryBooster","props","data","recencyBoostProperty","length","rawQueryStringified","parsedRawQuery","JSON","parse","function_score","query","functions","boostedPropsFunctios","map","propToBoost","gauss","origin","scale","offset","decay","updatedData","boost_mode","_objectSpread","stringify"],"sources":["../../../../src/components/List/helpers/build-query-booster.js"],"sourcesContent":["const buildQueryBooster = (props, data) => {\n  const { recencyBoostProperty } = props;\n\n  if (!recencyBoostProperty || !recencyBoostProperty.length) return data;\n  const { rawQueryStringified = '' } = data;\n\n  const parsedRawQuery = JSON.parse(rawQueryStringified);\n  const { function_score: { query, functions = [] } = {} } = parsedRawQuery;\n\n  const boostedPropsFunctios = recencyBoostProperty.map(propToBoost => ({\n    gauss: {\n      [propToBoost]: {\n        origin: 'now',\n        scale: '30d',\n        offset: '7d',\n        decay: 0.5\n      }\n    }\n  }));\n\n  const updatedData = {\n    function_score: {\n      query: functions.length ? query : parsedRawQuery,\n      functions: [...functions, ...boostedPropsFunctios],\n      boost_mode: 'multiply'\n    }\n  };\n\n  return {\n    ...data,\n    rawQueryStringified: JSON.stringify(updatedData)\n  };\n};\n\nexport default buildQueryBooster;\n"],"mappings":";;;AAAA,MAAMA,iBAAiB,GAAGA,CAACC,KAAK,EAAEC,IAAI,KAAK;EACzC,MAAM;IAAEC;EAAqB,CAAC,GAAGF,KAAK;EAEtC,IAAI,CAACE,oBAAoB,IAAI,CAACA,oBAAoB,CAACC,MAAM,EAAE,OAAOF,IAAI;EACtE,MAAM;IAAEG,mBAAmB,GAAG;EAAG,CAAC,GAAGH,IAAI;EAEzC,MAAMI,cAAc,GAAGC,IAAI,CAACC,KAAK,CAACH,mBAAmB,CAAC;EACtD,MAAM;IAAEI,cAAc,EAAE;MAAEC,KAAK;MAAEC,SAAS,GAAG;IAAG,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGL,cAAc;EAEzE,MAAMM,oBAAoB,GAAGT,oBAAoB,CAACU,GAAG,CAACC,WAAW,KAAK;IACpEC,KAAK,EAAE;MACL,CAACD,WAAW,GAAG;QACbE,MAAM,EAAE,KAAK;QACbC,KAAK,EAAE,KAAK;QACZC,MAAM,EAAE,IAAI;QACZC,KAAK,EAAE;MACT;IACF;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,WAAW,GAAG;IAClBX,cAAc,EAAE;MACdC,KAAK,EAAEC,SAAS,CAACP,MAAM,GAAGM,KAAK,GAAGJ,cAAc;MAChDK,SAAS,EAAE,CAAC,GAAGA,SAAS,EAAE,GAAGC,oBAAoB,CAAC;MAClDS,UAAU,EAAE;IACd;EACF,CAAC;EAED,OAAAC,aAAA,CAAAA,aAAA,KACKpB,IAAI;IACPG,mBAAmB,EAAEE,IAAI,CAACgB,SAAS,CAACH,WAAW;EAAC;AAEpD,CAAC;AAED,eAAepB,iBAAiB","ignoreList":[]}
+{"version":3,"file":"build-query-booster.js","names":["buildQueryBooster","props","data","recencyBoostProperty","length","rawQueryStringified","parsedRawQuery","JSON","parse","function_score","query","functions","boostedPropsFunctios","map","propToBoost","exp","scale","decay","offset","updatedData","weight","score_mode","boost_mode","_objectSpread","stringify"],"sources":["../../../../src/components/List/helpers/build-query-booster.js"],"sourcesContent":["const buildQueryBooster = (props, data) => {\n  const { recencyBoostProperty } = props;\n\n  if (!recencyBoostProperty || !recencyBoostProperty.length) return data;\n  const { rawQueryStringified = '' } = data;\n\n  const parsedRawQuery = JSON.parse(rawQueryStringified);\n  const { function_score: { query, functions = [] } = {} } = parsedRawQuery;\n\n  const boostedPropsFunctios = recencyBoostProperty.map(propToBoost => ({\n    exp: {\n      [propToBoost]: {\n        scale: '14d',\n        decay: 0.99, // high value slow decay\n        offset: '7d'\n      }\n    }\n  }));\n\n  const updatedData = {\n    function_score: {\n      query: functions.length ? query : parsedRawQuery,\n      functions: [\n        ...functions,\n        ...boostedPropsFunctios,\n        {\n          weight: 0.01 // minimum score to avoid zeroing out\n        }\n      ],\n      score_mode: 'sum',\n      boost_mode: 'multiply'\n    }\n  };\n\n  return {\n    ...data,\n    rawQueryStringified: JSON.stringify(updatedData)\n  };\n};\n\nexport default buildQueryBooster;\n"],"mappings":";;;AAAA,MAAMA,iBAAiB,GAAGA,CAACC,KAAK,EAAEC,IAAI,KAAK;EACzC,MAAM;IAAEC;EAAqB,CAAC,GAAGF,KAAK;EAEtC,IAAI,CAACE,oBAAoB,IAAI,CAACA,oBAAoB,CAACC,MAAM,EAAE,OAAOF,IAAI;EACtE,MAAM;IAAEG,mBAAmB,GAAG;EAAG,CAAC,GAAGH,IAAI;EAEzC,MAAMI,cAAc,GAAGC,IAAI,CAACC,KAAK,CAACH,mBAAmB,CAAC;EACtD,MAAM;IAAEI,cAAc,EAAE;MAAEC,KAAK;MAAEC,SAAS,GAAG;IAAG,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGL,cAAc;EAEzE,MAAMM,oBAAoB,GAAGT,oBAAoB,CAACU,GAAG,CAACC,WAAW,KAAK;IACpEC,GAAG,EAAE;MACH,CAACD,WAAW,GAAG;QACbE,KAAK,EAAE,KAAK;QACZC,KAAK,EAAE,IAAI;QAAE;QACbC,MAAM,EAAE;MACV;IACF;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,WAAW,GAAG;IAClBV,cAAc,EAAE;MACdC,KAAK,EAAEC,SAAS,CAACP,MAAM,GAAGM,KAAK,GAAGJ,cAAc;MAChDK,SAAS,EAAE,CACT,GAAGA,SAAS,EACZ,GAAGC,oBAAoB,EACvB;QACEQ,MAAM,EAAE,IAAI,CAAC;MACf,CAAC,CACF;MACDC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd;EACF,CAAC;EAED,OAAAC,aAAA,CAAAA,aAAA,KACKrB,IAAI;IACPG,mBAAmB,EAAEE,IAAI,CAACiB,SAAS,CAACL,WAAW;EAAC;AAEpD,CAAC;AAED,eAAenB,iBAAiB","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Loading"],"sources":["../../../src/components/Loading/index.js"],"sourcesContent":["import Loading from './Loading';\n\nexport default Loading;\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,WAAW;AAE/B,eAAeA,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic"],"sources":["../../../src/components/Loading/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(() => import(/* webpackChunkName: \"blazePbLoading\" */ './Loading'));\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,eAAeA,OAAO,CAAC,MAAM,MAAM,CAAC,wCAAyC,WAAW,CAAC,CAAC","ignoreList":[]}

package/lib-es/components/MenuItem/MenuItemRender.js

@@ -1,6 +1,7 @@
 import React, { useState, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { FaChevronDown, FaChevronUp } from 'react-icons/fa';
+import { useRouter } from 'next/router';
 import { useStringTemplate } from '@blaze-cms/utils-handlebars';
 import { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';
 import { hasChildren } from '../../helpers';
@@ -27,12 +28,19 @@ const MenuItemRender = ({
     loading: loadingUrl,
     data: [urlToUse]
   } = useStringTemplate(parent, [injectHelperIntoTemplate(url, 'url_encode')]);
+  const router = useRouter();
+  const isHoverEvent = eventType === HOVER;
+  const childrenDisplayClass = displayChildren ? '' : HIDDEN;
+  const hasValidChildren = hasChildren(children);
   useEffect(() => {
     if (!showMobileMenu) setDisplayChildren(false);
   }, [showMobileMenu]);
+  useEffect(() => {
+    if (isHoverEvent) {
+      setDisplayChildren(false);
+    }
+  }, [router.asPath, isHoverEvent]);
   if (loadingUrl || loadingText) return '';
-  const isHoverEvent = eventType === HOVER;
-  const childrenDisplayClass = displayChildren ? '' : HIDDEN;
   const handleItemEvent = ({
     type
   }) => {
@@ -45,22 +53,30 @@ const MenuItemRender = ({
       }
     }
   };
-  const hasValidChildren = hasChildren(children);
+  const handleMobileClick = () => {
+    if (!urlToUse && hasValidChildren) {
+      setDisplayChildren(!displayChildren);
+    }
+  };
   return /*#__PURE__*/React.createElement("li", {
     className: modifier,
     onMouseEnter: handleItemEvent,
     onMouseLeave: handleItemEvent
   }, /*#__PURE__*/React.createElement("div", {
-    className: "menu--item--link"
+    className: "menu--item--link",
+    onClick: handleMobileClick,
+    role: !urlToUse && hasValidChildren ? 'button' : undefined,
+    tabIndex: !urlToUse && hasValidChildren ? 0 : undefined
   }, urlToUse ? /*#__PURE__*/React.createElement(BlazeLink, {
     href: urlToUse
-  }, textToUse) : /*#__PURE__*/React.createElement("span", {
-    role: "button",
-    onClick: handleItemEvent
-  }, textToUse), hasValidChildren && /*#__PURE__*/React.createElement("i", {
+  }, textToUse) : /*#__PURE__*/React.createElement("span", null, textToUse), hasValidChildren && /*#__PURE__*/React.createElement("i", {
     role: "button",
     className: "menu--item--link--icon",
-    onClick: () => setDisplayChildren(!displayChildren)
+    onClick: e => {
+      e.stopPropagation();
+      setDisplayChildren(!displayChildren);
+    },
+    tabIndex: 0
   }, displayChildren ? /*#__PURE__*/React.createElement(FaChevronUp, null) : /*#__PURE__*/React.createElement(FaChevronDown, null))), hasValidChildren && /*#__PURE__*/React.createElement("div", {
     className: `menu--item-children ${childrenDisplayClass}`
   }, children));

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItemRender.js","names":["React","useState","useContext","useEffect","PropTypes","FaChevronDown","FaChevronUp","useStringTemplate","HOVER","MOUSE_ENTER","MOUSE_LEAVE","HIDDEN","hasChildren","BlazeLink","MenuContext","injectHelperIntoTemplate","MenuItemRender","children","eventType","text","modifier","url","parent","displayChildren","setDisplayChildren","showMobileMenu","loading","loadingText","data","textToUse","loadingUrl","urlToUse","isHoverEvent","childrenDisplayClass","handleItemEvent","type","hasValidChildren","createElement","className","onMouseEnter","onMouseLeave","href","role","onClick","propTypes","string","isRequired","object","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/MenuItem/MenuItemRender.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\nimport { injectHelperIntoTemplate } from './helpers';\n\nconst MenuItemRender = ({ children, eventType, text, modifier, url, parent }) => {\n  const [displayChildren, setDisplayChildren] = useState(false);\n  const { showMobileMenu } = useContext(MenuContext);\n  const {\n    loading: loadingText,\n    data: [textToUse]\n  } = useStringTemplate(parent, [text]);\n\n  const {\n    loading: loadingUrl,\n    data: [urlToUse]\n  } = useStringTemplate(parent, [injectHelperIntoTemplate(url, 'url_encode')]);\n\n  useEffect(() => {\n    if (!showMobileMenu) setDisplayChildren(false);\n  }, [showMobileMenu]);\n\n  if (loadingUrl || loadingText) return '';\n\n  const isHoverEvent = eventType === HOVER;\n  const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n\n  const handleItemEvent = ({ type }) => {\n    if (isHoverEvent) {\n      if (type === MOUSE_ENTER) {\n        setDisplayChildren(true);\n      }\n      if (type === MOUSE_LEAVE) {\n        setDisplayChildren(false);\n      }\n    }\n  };\n  const hasValidChildren = hasChildren(children);\n\n  return (\n    <li className={modifier} onMouseEnter={handleItemEvent} onMouseLeave={handleItemEvent}>\n      <div className=\"menu--item--link\">\n        {urlToUse ? (\n          <BlazeLink href={urlToUse}>{textToUse}</BlazeLink>\n        ) : (\n          <span role=\"button\" onClick={handleItemEvent}>\n            {textToUse}\n          </span>\n        )}\n        {hasValidChildren && (\n          <i\n            role=\"button\"\n            className=\"menu--item--link--icon\"\n            onClick={() => setDisplayChildren(!displayChildren)}>\n            {displayChildren ? <FaChevronUp /> : <FaChevronDown />}\n          </i>\n        )}\n      </div>\n\n      {hasValidChildren && (\n        <div className={`menu--item-children ${childrenDisplayClass}`}>{children}</div>\n      )}\n    </li>\n  );\n};\n\nMenuItemRender.propTypes = {\n  modifier: PropTypes.string,\n  text: PropTypes.string,\n  url: PropTypes.string,\n  eventType: PropTypes.string.isRequired,\n  parent: PropTypes.object,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItemRender.defaultProps = {\n  url: '',\n  modifier: '',\n  text: '',\n  children: null,\n  parent: {}\n};\n\nexport default MenuItemRender;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAC9D,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,aAAa,EAAEC,WAAW,QAAQ,gBAAgB;AAC3D,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,KAAK,EAAEC,WAAW,EAAEC,WAAW,EAAEC,MAAM,QAAQ,iBAAiB;AACzE,SAASC,WAAW,QAAQ,eAAe;AAC3C,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,WAAW,MAAM,qBAAqB;AAC7C,SAASC,wBAAwB,QAAQ,WAAW;AAEpD,MAAMC,cAAc,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,GAAG;EAAEC;AAAO,CAAC,KAAK;EAC/E,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGvB,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAM;IAAEwB;EAAe,CAAC,GAAGvB,UAAU,CAACY,WAAW,CAAC;EAClD,MAAM;IACJY,OAAO,EAAEC,WAAW;IACpBC,IAAI,EAAE,CAACC,SAAS;EAClB,CAAC,GAAGtB,iBAAiB,CAACe,MAAM,EAAE,CAACH,IAAI,CAAC,CAAC;EAErC,MAAM;IACJO,OAAO,EAAEI,UAAU;IACnBF,IAAI,EAAE,CAACG,QAAQ;EACjB,CAAC,GAAGxB,iBAAiB,CAACe,MAAM,EAAE,CAACP,wBAAwB,CAACM,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;EAE5ElB,SAAS,CAAC,MAAM;IACd,IAAI,CAACsB,cAAc,EAAED,kBAAkB,CAAC,KAAK,CAAC;EAChD,CAAC,EAAE,CAACC,cAAc,CAAC,CAAC;EAEpB,IAAIK,UAAU,IAAIH,WAAW,EAAE,OAAO,EAAE;EAExC,MAAMK,YAAY,GAAGd,SAAS,KAAKV,KAAK;EACxC,MAAMyB,oBAAoB,GAAGV,eAAe,GAAG,EAAE,GAAGZ,MAAM;EAE1D,MAAMuB,eAAe,GAAGA,CAAC;IAAEC;EAAK,CAAC,KAAK;IACpC,IAAIH,YAAY,EAAE;MAChB,IAAIG,IAAI,KAAK1B,WAAW,EAAE;QACxBe,kBAAkB,CAAC,IAAI,CAAC;MAC1B;MACA,IAAIW,IAAI,KAAKzB,WAAW,EAAE;QACxBc,kBAAkB,CAAC,KAAK,CAAC;MAC3B;IACF;EACF,CAAC;EACD,MAAMY,gBAAgB,GAAGxB,WAAW,CAACK,QAAQ,CAAC;EAE9C,oBACEjB,KAAA,CAAAqC,aAAA;IAAIC,SAAS,EAAElB,QAAS;IAACmB,YAAY,EAAEL,eAAgB;IAACM,YAAY,EAAEN;EAAgB,gBACpFlC,KAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAC;EAAkB,GAC9BP,QAAQ,gBACP/B,KAAA,CAAAqC,aAAA,CAACxB,SAAS;IAAC4B,IAAI,EAAEV;EAAS,GAAEF,SAAqB,CAAC,gBAElD7B,KAAA,CAAAqC,aAAA;IAAMK,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAET;EAAgB,GAC1CL,SACG,CACP,EACAO,gBAAgB,iBACfpC,KAAA,CAAAqC,aAAA;IACEK,IAAI,EAAC,QAAQ;IACbJ,SAAS,EAAC,wBAAwB;IAClCK,OAAO,EAAEA,CAAA,KAAMnB,kBAAkB,CAAC,CAACD,eAAe;EAAE,GACnDA,eAAe,gBAAGvB,KAAA,CAAAqC,aAAA,CAAC/B,WAAW,MAAE,CAAC,gBAAGN,KAAA,CAAAqC,aAAA,CAAChC,aAAa,MAAE,CACpD,CAEF,CAAC,EAEL+B,gBAAgB,iBACfpC,KAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAE,uBAAuBL,oBAAoB;EAAG,GAAEhB,QAAc,CAE9E,CAAC;AAET,CAAC;AAEDD,cAAc,CAAC4B,SAAS,GAAG;EACzBxB,QAAQ,EAAEhB,SAAS,CAACyC,MAAM;EAC1B1B,IAAI,EAAEf,SAAS,CAACyC,MAAM;EACtBxB,GAAG,EAAEjB,SAAS,CAACyC,MAAM;EACrB3B,SAAS,EAAEd,SAAS,CAACyC,MAAM,CAACC,UAAU;EACtCxB,MAAM,EAAElB,SAAS,CAAC2C,MAAM;EACxB9B,QAAQ,EAAEb,SAAS,CAAC4C,SAAS,CAAC,CAAC5C,SAAS,CAAC6C,OAAO,CAAC7C,SAAS,CAAC8C,IAAI,CAAC,EAAE9C,SAAS,CAAC8C,IAAI,CAAC;AACnF,CAAC;AAEDlC,cAAc,CAACmC,YAAY,GAAG;EAC5B9B,GAAG,EAAE,EAAE;EACPD,QAAQ,EAAE,EAAE;EACZD,IAAI,EAAE,EAAE;EACRF,QAAQ,EAAE,IAAI;EACdK,MAAM,EAAE,CAAC;AACX,CAAC;AAED,eAAeN,cAAc","ignoreList":[]}
+{"version":3,"file":"MenuItemRender.js","names":["React","useState","useContext","useEffect","PropTypes","FaChevronDown","FaChevronUp","useRouter","useStringTemplate","HOVER","MOUSE_ENTER","MOUSE_LEAVE","HIDDEN","hasChildren","BlazeLink","MenuContext","injectHelperIntoTemplate","MenuItemRender","children","eventType","text","modifier","url","parent","displayChildren","setDisplayChildren","showMobileMenu","loading","loadingText","data","textToUse","loadingUrl","urlToUse","router","isHoverEvent","childrenDisplayClass","hasValidChildren","asPath","handleItemEvent","type","handleMobileClick","createElement","className","onMouseEnter","onMouseLeave","onClick","role","undefined","tabIndex","href","e","stopPropagation","propTypes","string","isRequired","object","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/MenuItem/MenuItemRender.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { useRouter } from 'next/router';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\nimport { injectHelperIntoTemplate } from './helpers';\n\nconst MenuItemRender = ({ children, eventType, text, modifier, url, parent }) => {\n  const [displayChildren, setDisplayChildren] = useState(false);\n  const { showMobileMenu } = useContext(MenuContext);\n  const {\n    loading: loadingText,\n    data: [textToUse]\n  } = useStringTemplate(parent, [text]);\n  const {\n    loading: loadingUrl,\n    data: [urlToUse]\n  } = useStringTemplate(parent, [injectHelperIntoTemplate(url, 'url_encode')]);\n\n  const router = useRouter();\n  const isHoverEvent = eventType === HOVER;\n  const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n  const hasValidChildren = hasChildren(children);\n\n  useEffect(() => {\n    if (!showMobileMenu) setDisplayChildren(false);\n  }, [showMobileMenu]);\n\n  useEffect(() => {\n    if (isHoverEvent) {\n      setDisplayChildren(false);\n    }\n  }, [router.asPath, isHoverEvent]);\n\n  if (loadingUrl || loadingText) return '';\n\n  const handleItemEvent = ({ type }) => {\n    if (isHoverEvent) {\n      if (type === MOUSE_ENTER) {\n        setDisplayChildren(true);\n      }\n      if (type === MOUSE_LEAVE) {\n        setDisplayChildren(false);\n      }\n    }\n  };\n\n  const handleMobileClick = () => {\n    if (!urlToUse && hasValidChildren) {\n      setDisplayChildren(!displayChildren);\n    }\n  };\n\n  return (\n    <li className={modifier} onMouseEnter={handleItemEvent} onMouseLeave={handleItemEvent}>\n      <div\n        className=\"menu--item--link\"\n        onClick={handleMobileClick}\n        role={!urlToUse && hasValidChildren ? 'button' : undefined}\n        tabIndex={!urlToUse && hasValidChildren ? 0 : undefined}>\n        {urlToUse ? <BlazeLink href={urlToUse}>{textToUse}</BlazeLink> : <span>{textToUse}</span>}\n\n        {hasValidChildren && (\n          <i\n            role=\"button\"\n            className=\"menu--item--link--icon\"\n            onClick={e => {\n              e.stopPropagation();\n              setDisplayChildren(!displayChildren);\n            }}\n            tabIndex={0}>\n            {displayChildren ? <FaChevronUp /> : <FaChevronDown />}\n          </i>\n        )}\n      </div>\n\n      {hasValidChildren && (\n        <div className={`menu--item-children ${childrenDisplayClass}`}>{children}</div>\n      )}\n    </li>\n  );\n};\n\nMenuItemRender.propTypes = {\n  modifier: PropTypes.string,\n  text: PropTypes.string,\n  url: PropTypes.string,\n  eventType: PropTypes.string.isRequired,\n  parent: PropTypes.object,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItemRender.defaultProps = {\n  url: '',\n  modifier: '',\n  text: '',\n  children: null,\n  parent: {}\n};\n\nexport default MenuItemRender;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,19 @@
 const injectHelperIntoTemplate = (template, helper) => {
   if (!helper || !template) return template;
-  let result = template.replace(/{{{([^{}]+)}}}/g, `{{{${helper} $1}}}`);
-  result = result.replace(/{{([^{}]+)}}(?!})/g, `{{${helper} $1}}`);
+
+  // Inject helper into triple-stash expressions unless they are block/closing tags
+  let result = template.replace(/{{{([^{}]+)}}}/g, (match, inner) => {
+    const trimmed = inner.trim();
+    if (trimmed.startsWith('#') || trimmed.startsWith('/') || trimmed === 'else') return match; // skip block helpers and else
+    return `{{{${helper} ${inner}}}}`;
+  });
+
+  // Inject helper into double-stash expressions (excluding triple) unless block/closing tags
+  result = result.replace(/{{([^{}]+)}}(?!})/g, (match, inner) => {
+    const trimmed = inner.trim();
+    if (trimmed.startsWith('#') || trimmed.startsWith('/') || trimmed === 'else') return match; // skip block helpers and else
+    return `{{${helper} ${inner}}}`;
+  });
   return result;
 };
 export default injectHelperIntoTemplate;

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,EAAE,MAAMF,MAAM,QAAQ,CAAC;EAEtEC,MAAM,GAAGA,MAAM,CAACC,OAAO,CAAC,oBAAoB,EAAE,KAAKF,MAAM,OAAO,CAAC;EAEjE,OAAOC,MAAM;AACf,CAAC;AAED,eAAeH,wBAAwB","ignoreList":[]}
+{"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/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    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  }, [collapsedSearch, router.events, setSearchTerm]);\n\n  useEffect(() => {\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  }, [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        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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","ignoreList":[]}
+{"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/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,EAAE,uBAAuBN,mBAAmB;EAAG,GAC3D,2BAA2BA,mBAAmB,EACtC,CACR,CAEJ,CACF,CACF,CAAC;AAEV,CAAC;AAED,eAAeF,oBAAoB","ignoreList":[]}
+{"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/SearchFilter/SearchFilter/CloseMobileForm.js

@@ -1,16 +1,22 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { MdClose } from 'react-icons/md';
-import { MOBILE_REFINEMENT_TITLE } from '../constants';
+import { useTranslation } from '@blaze-cms/nextjs-components';
+import { TRANSLATION_NAMESPACE } from '../../../constants';
 const CloseMobileForm = ({
   handleClose
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "filter__header filter__header--mobile"
-}, /*#__PURE__*/React.createElement("p", null, MOBILE_REFINEMENT_TITLE), /*#__PURE__*/React.createElement("i", {
-  role: "button",
-  onClick: handleClose,
-  "aria-label": "Close"
-}, /*#__PURE__*/React.createElement(MdClose, null)));
+}) => {
+  const {
+    t
+  } = useTranslation(TRANSLATION_NAMESPACE);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "filter__header filter__header--mobile"
+  }, /*#__PURE__*/React.createElement("p", null, t('MOBILE_REFINEMENT_TITLE')), /*#__PURE__*/React.createElement("i", {
+    role: "button",
+    onClick: handleClose,
+    "aria-label": "Close"
+  }, /*#__PURE__*/React.createElement(MdClose, null)));
+};
 CloseMobileForm.propTypes = {
   handleClose: PropTypes.func.isRequired
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CloseMobileForm.js","names":["React","PropTypes","MdClose","MOBILE_REFINEMENT_TITLE","CloseMobileForm","handleClose","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 { MOBILE_REFINEMENT_TITLE } from '../constants';\n\nconst CloseMobileForm = ({ handleClose }) => (\n  <div className=\"filter__header filter__header--mobile\">\n    <p>{MOBILE_REFINEMENT_TITLE}</p>\n\n    <i role=\"button\" onClick={handleClose} aria-label=\"Close\">\n      <MdClose />\n    </i>\n  </div>\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,uBAAuB,QAAQ,cAAc;AAEtD,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAAY,CAAC,kBACtCL,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAuC,gBACpDP,KAAA,CAAAM,aAAA,YAAIH,uBAA2B,CAAC,eAEhCH,KAAA,CAAAM,aAAA;EAAGE,IAAI,EAAC,QAAQ;EAACC,OAAO,EAAEJ,WAAY;EAAC,cAAW;AAAO,gBACvDL,KAAA,CAAAM,aAAA,CAACJ,OAAO,MAAE,CACT,CACA,CACN;AAEDE,eAAe,CAACM,SAAS,GAAG;EAC1BL,WAAW,EAAEJ,SAAS,CAACU,IAAI,CAACC;AAC9B,CAAC;AAED,eAAeR,eAAe","ignoreList":[]}
+{"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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","ignoreList":[]}
+{"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

@@ -1,22 +1,28 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { RESET, SEARCH } from '../constants';
+import { useTranslation } from '@blaze-cms/nextjs-components';
+import { TRANSLATION_NAMESPACE } from '../../../constants';
 const MobileFormToolbar = ({
   formId,
   handleReset
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "filter__refine filter__refine--mobile-open"
-}, /*#__PURE__*/React.createElement("div", {
-  className: "reset",
-  "data-testid": "reset-button",
-  role: "button",
-  onClick: handleReset,
-  "aria-label": "Reset search filters"
-}, RESET), /*#__PURE__*/React.createElement("button", {
-  className: "search",
-  type: "submit",
-  form: formId
-}, SEARCH));
+}) => {
+  const {
+    t
+  } = useTranslation(TRANSLATION_NAMESPACE);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "filter__refine filter__refine--mobile-open"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "reset",
+    "data-testid": "reset-button",
+    role: "button",
+    onClick: handleReset,
+    "aria-label": t('RESET_ALL_FILTERS')
+  }, t('RESET_ALL_FILTERS')), /*#__PURE__*/React.createElement("button", {
+    className: "search",
+    type: "submit",
+    form: formId
+  }, t('SEARCH_MOBILE_BUTTON_TEXT')));
+};
 MobileFormToolbar.propTypes = {
   formId: PropTypes.string.isRequired,
   handleReset: PropTypes.func.isRequired

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

@@ -1 +1 @@
-{"version":3,"file":"MobileFormToolbar.js","names":["React","PropTypes","RESET","SEARCH","MobileFormToolbar","formId","handleReset","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 { RESET, SEARCH } from '../constants';\n\nconst MobileFormToolbar = ({ formId, handleReset }) => (\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=\"Reset search filters\">\n      {RESET}\n    </div>\n\n    <button className=\"search\" type=\"submit\" form={formId}>\n      {SEARCH}\n    </button>\n  </div>\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,KAAK,EAAEC,MAAM,QAAQ,cAAc;AAE5C,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAY,CAAC,kBAChDN,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAA4C,gBACzDR,KAAA,CAAAO,aAAA;EACEC,SAAS,EAAC,OAAO;EACjB,eAAY,cAAc;EAC1BC,IAAI,EAAC,QAAQ;EACbC,OAAO,EAAEJ,WAAY;EACrB,cAAW;AAAsB,GAChCJ,KACE,CAAC,eAENF,KAAA,CAAAO,aAAA;EAAQC,SAAS,EAAC,QAAQ;EAACG,IAAI,EAAC,QAAQ;EAACC,IAAI,EAAEP;AAAO,GACnDF,MACK,CACL,CACN;AAEDC,iBAAiB,CAACS,SAAS,GAAG;EAC5BR,MAAM,EAAEJ,SAAS,CAACa,MAAM,CAACC,UAAU;EACnCT,WAAW,EAAEL,SAAS,CAACe,IAAI,CAACD;AAC9B,CAAC;AAED,eAAeX,iBAAiB","ignoreList":[]}
+{"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

@@ -1,23 +1,29 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { FaRedoAlt } from 'react-icons/fa';
-import { RESET } from '../constants';
+import { useTranslation } from '@blaze-cms/nextjs-components';
+import { TRANSLATION_NAMESPACE } from '../../../constants';
 const ResetDesktopForm = ({
   handleReset
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "filter__reset"
-}, /*#__PURE__*/React.createElement("button", {
-  type: "button",
-  className: "icon-button icon-button--reset",
-  title: "reset--button",
-  "data-testid": "reset-icon",
-  onClick: handleReset,
-  "aria-label": "Reset search filters"
-}, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaRedoAlt, null))), /*#__PURE__*/React.createElement("div", {
-  role: "button",
-  onClick: handleReset,
-  "data-testid": "reset-button"
-}, RESET));
+}) => {
+  const {
+    t
+  } = useTranslation(TRANSLATION_NAMESPACE);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "filter__reset"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "icon-button icon-button--reset",
+    title: "reset--button",
+    "data-testid": "reset-icon",
+    onClick: handleReset,
+    "aria-label": t('RESET_ALL_FILTERS')
+  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaRedoAlt, null))), /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    onClick: handleReset,
+    "data-testid": "reset-button"
+  }, t('RESET_ALL_FILTERS')));
+};
 ResetDesktopForm.propTypes = {
   handleReset: PropTypes.func.isRequired
 };