@blaze-cms/react-page-builder 0.124.0-alpha.31 → 0.124.0-alpha.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/lib/components/SearchContent/SearchContent.js +11 -1
- package/lib/components/SearchContent/SearchContent.js.map +1 -1
- package/lib-es/components/SearchContent/SearchContent.js +10 -2
- package/lib-es/components/SearchContent/SearchContent.js.map +1 -1
- package/package.json +2 -2
- package/src/components/SearchContent/SearchContent.js +14 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.124.0-alpha.32](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.31...v0.124.0-alpha.32) (2022-06-17)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @blaze-cms/react-page-builder
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
# [0.124.0-alpha.31](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.30...v0.124.0-alpha.31) (2022-06-13)
|
|
7
15
|
|
|
8
16
|
|
|
@@ -55,7 +55,7 @@ var SearchContent = function SearchContent(_ref) {
|
|
|
55
55
|
placeholder = _ref.placeholder,
|
|
56
56
|
modifier = _ref.modifier;
|
|
57
57
|
|
|
58
|
-
var _useState = (0, _react.useState)(
|
|
58
|
+
var _useState = (0, _react.useState)(collapsible),
|
|
59
59
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
60
60
|
collapsed = _useState2[0],
|
|
61
61
|
setCollapsed = _useState2[1];
|
|
@@ -72,6 +72,16 @@ var SearchContent = function SearchContent(_ref) {
|
|
|
72
72
|
setSearchTerm = _useDebounceSearch.setSearchTerm,
|
|
73
73
|
debouncedSearchTerm = _useDebounceSearch.debouncedSearchTerm;
|
|
74
74
|
|
|
75
|
+
(0, _react.useEffect)(function () {
|
|
76
|
+
var handleRouteChange = function handleRouteChange() {
|
|
77
|
+
return setSearchTerm('');
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
router.events.on('routeChangeStart', handleRouteChange);
|
|
81
|
+
return function () {
|
|
82
|
+
router.events.off('routeChangeStart', handleRouteChange);
|
|
83
|
+
};
|
|
84
|
+
}, [router.events, setSearchTerm]);
|
|
75
85
|
var responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;
|
|
76
86
|
|
|
77
87
|
var handleClick = function handleClick(e, url) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchContent.js","names":["SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","modifier","useState","collapsed","setCollapsed","router","useRouter","useDebounceSearch","initialSearchTerm","resultKeys","results","searchTerm","setSearchTerm","debouncedSearchTerm","responsiveClasses","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","handleOnBlur","handleClearSearchResults","className","filter","Boolean","join","propTypes","PropTypes","string","bool","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/SearchContent.js"],"sourcesContent":["import React, { useState } 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 searchInputAlignment,\n searchInputWrapperMobile,\n searchInputWrapperDesktop,\n collapsible,\n isMobile,\n placeholder,\n modifier\n}) => {\n const [collapsed, setCollapsed] = useState(
|
|
1
|
+
{"version":3,"file":"SearchContent.js","names":["SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","modifier","useState","collapsed","setCollapsed","router","useRouter","useDebounceSearch","initialSearchTerm","resultKeys","results","searchTerm","setSearchTerm","debouncedSearchTerm","useEffect","handleRouteChange","events","on","off","responsiveClasses","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","handleOnBlur","handleClearSearchResults","className","filter","Boolean","join","propTypes","PropTypes","string","bool","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/SearchContent.js"],"sourcesContent":["import React, { useState, useEffect } 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 searchInputAlignment,\n searchInputWrapperMobile,\n searchInputWrapperDesktop,\n collapsible,\n isMobile,\n placeholder,\n modifier\n}) => {\n const [collapsed, setCollapsed] = useState(collapsible);\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 = () => setSearchTerm('');\n router.events.on('routeChangeStart', handleRouteChange);\n\n return () => {\n router.events.off('routeChangeStart', handleRouteChange);\n };\n },\n [router.events, setSearchTerm]\n );\n\n const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;\n\n const handleClick = (e, url) => {\n e.preventDefault();\n router.push(url);\n };\n\n const handleKeyPress = e => {\n if (e.key === 'Enter' && e.target.value !== '') {\n router.push(`/search?search_term=${e.target.value}`);\n }\n };\n\n const handleOnBlur = () => {\n if (!collapsible) return;\n if (!debouncedSearchTerm || debouncedSearchTerm === '') setCollapsed(true);\n };\n\n const handleClearSearchResults = () => {\n setSearchTerm('');\n };\n\n const className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');\n return collapsed ? (\n <div className={className}>\n <div className=\"search-content--collapse__wrapper\">\n <label className=\"search-content--collapse__label\">\n <span className=\"search-content--collapse__icon_wrapper\">\n <svg className=\"search-content--collapse__icon\" viewBox=\"0 0 20 20\">\n <path\n fillRule=\"evenodd\"\n d=\"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\"\n clipRule=\"evenodd\"\n />\n </svg>\n </span>\n <input\n onFocus={() => setCollapsed(false)}\n onChange={e => setSearchTerm(e.target.value)}\n type=\"text\"\n name=\"search\"\n className=\"search-content--collapse__input\"\n />\n </label>\n </div>\n </div>\n ) : (\n <>\n <div className={className}>\n <div className=\"search-content--expanded__wrapper\">\n <label className=\"search-content--expanded__label\">\n <span className=\"search-content--expanded__icon_wrapper\">\n <SearchContentToggleIcon results={results} onClear={handleClearSearchResults} />\n </span>\n <input\n type=\"text\"\n name=\"search\"\n onChange={e => setSearchTerm(e.target.value)}\n onKeyPress={handleKeyPress}\n className=\"search-content--expanded__input\"\n placeholder={placeholder}\n value={searchTerm}\n onBlur={handleOnBlur}\n />\n </label>\n </div>\n <SearchContentResults\n results={results}\n debouncedSearchTerm={debouncedSearchTerm}\n handleClick={handleClick}\n />\n </div>\n </>\n );\n};\n\nSearchContent.propTypes = {\n searchInputAlignment: PropTypes.string,\n searchInputWrapperMobile: PropTypes.string,\n searchInputWrapperDesktop: PropTypes.string,\n placeholder: PropTypes.string,\n isMobile: PropTypes.bool,\n collapsible: PropTypes.bool,\n entities: PropTypes.array.isRequired,\n modifier: PropTypes.string\n};\n\nSearchContent.defaultProps = {\n searchInputAlignment: '',\n searchInputWrapperMobile: '',\n searchInputWrapperDesktop: '',\n placeholder: '',\n isMobile: false,\n collapsible: false,\n modifier: ''\n};\n\nexport default SearchContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAShB;EAAA,IARJC,QAQI,QARJA,QAQI;EAAA,IAPJC,oBAOI,QAPJA,oBAOI;EAAA,IANJC,wBAMI,QANJA,wBAMI;EAAA,IALJC,yBAKI,QALJA,yBAKI;EAAA,IAJJC,WAII,QAJJA,WAII;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFJC,WAEI,QAFJA,WAEI;EAAA,IADJC,QACI,QADJA,QACI;;EACJ,gBAAkC,IAAAC,eAAA,EAASJ,WAAT,CAAlC;EAAA;EAAA,IAAOK,SAAP;EAAA,IAAkBC,YAAlB;;EACA,IAAMC,MAAM,GAAG,IAAAC,iBAAA,GAAf;;EAEA,yBAAoE,IAAAC,iCAAA,EAAkB;IACpFb,QAAQ,EAARA,QADoF;IAEpFc,iBAAiB,EAAE,EAFiE;IAGpFC,UAAU,EAAE;EAHwE,CAAlB,CAApE;EAAA,IAAQC,OAAR,sBAAQA,OAAR;EAAA,IAAiBC,UAAjB,sBAAiBA,UAAjB;EAAA,IAA6BC,aAA7B,sBAA6BA,aAA7B;EAAA,IAA4CC,mBAA5C,sBAA4CA,mBAA5C;;EAMA,IAAAC,gBAAA,EACE,YAAM;IACJ,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;MAAA,OAAMH,aAAa,CAAC,EAAD,CAAnB;IAAA,CAA1B;;IACAP,MAAM,CAACW,MAAP,CAAcC,EAAd,CAAiB,kBAAjB,EAAqCF,iBAArC;IAEA,OAAO,YAAM;MACXV,MAAM,CAACW,MAAP,CAAcE,GAAd,CAAkB,kBAAlB,EAAsCH,iBAAtC;IACD,CAFD;EAGD,CARH,EASE,CAACV,MAAM,CAACW,MAAR,EAAgBJ,aAAhB,CATF;EAYA,IAAMO,iBAAiB,GAAGpB,QAAQ,GAAGH,wBAAH,GAA8BC,yBAAhE;;EAEA,IAAMuB,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAIC,GAAJ,EAAY;IAC9BD,CAAC,CAACE,cAAF;IACAlB,MAAM,CAACmB,IAAP,CAAYF,GAAZ;EACD,CAHD;;EAKA,IAAMG,cAAc,GAAG,SAAjBA,cAAiB,CAAAJ,CAAC,EAAI;IAC1B,IAAIA,CAAC,CAACK,GAAF,KAAU,OAAV,IAAqBL,CAAC,CAACM,MAAF,CAASC,KAAT,KAAmB,EAA5C,EAAgD;MAC9CvB,MAAM,CAACmB,IAAP,+BAAmCH,CAAC,CAACM,MAAF,CAASC,KAA5C;IACD;EACF,CAJD;;EAMA,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;IACzB,IAAI,CAAC/B,WAAL,EAAkB;IAClB,IAAI,CAACe,mBAAD,IAAwBA,mBAAmB,KAAK,EAApD,EAAwDT,YAAY,CAAC,IAAD,CAAZ;EACzD,CAHD;;EAKA,IAAM0B,wBAAwB,GAAG,SAA3BA,wBAA2B,GAAM;IACrClB,aAAa,CAAC,EAAD,CAAb;EACD,CAFD;;EAIA,IAAMmB,SAAS,GAAG,CAAC,gBAAD,EAAmB9B,QAAnB,EAA6BkB,iBAA7B,EAAgDa,MAAhD,CAAuDC,OAAvD,EAAgEC,IAAhE,CAAqE,GAArE,CAAlB;EACA,OAAO/B,SAAS,gBACd;IAAK,SAAS,EAAE4B;EAAhB,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAO,SAAS,EAAC;EAAjB,gBACE;IAAM,SAAS,EAAC;EAAhB,gBACE;IAAK,SAAS,EAAC,gCAAf;IAAgD,OAAO,EAAC;EAAxD,gBACE;IACE,QAAQ,EAAC,SADX;IAEE,CAAC,EAAC,kHAFJ;IAGE,QAAQ,EAAC;EAHX,EADF,CADF,CADF,eAUE;IACE,OAAO,EAAE;MAAA,OAAM3B,YAAY,CAAC,KAAD,CAAlB;IAAA,CADX;IAEE,QAAQ,EAAE,kBAAAiB,CAAC;MAAA,OAAIT,aAAa,CAACS,CAAC,CAACM,MAAF,CAASC,KAAV,CAAjB;IAAA,CAFb;IAGE,IAAI,EAAC,MAHP;IAIE,IAAI,EAAC,QAJP;IAKE,SAAS,EAAC;EALZ,EAVF,CADF,CADF,CADc,gBAwBd,+EACE;IAAK,SAAS,EAAEG;EAAhB,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAO,SAAS,EAAC;EAAjB,gBACE;IAAM,SAAS,EAAC;EAAhB,gBACE,gCAAC,mCAAD;IAAyB,OAAO,EAAErB,OAAlC;IAA2C,OAAO,EAAEoB;EAApD,EADF,CADF,eAIE;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAC,QAFP;IAGE,QAAQ,EAAE,kBAAAT,CAAC;MAAA,OAAIT,aAAa,CAACS,CAAC,CAACM,MAAF,CAASC,KAAV,CAAjB;IAAA,CAHb;IAIE,UAAU,EAAEH,cAJd;IAKE,SAAS,EAAC,iCALZ;IAME,WAAW,EAAEzB,WANf;IAOE,KAAK,EAAEW,UAPT;IAQE,MAAM,EAAEkB;EARV,EAJF,CADF,CADF,eAkBE,gCAAC,gCAAD;IACE,OAAO,EAAEnB,OADX;IAEE,mBAAmB,EAAEG,mBAFvB;IAGE,WAAW,EAAEO;EAHf,EAlBF,CADF,CAxBF;AAmDD,CAzGD;;AA2GA3B,aAAa,CAAC0C,SAAd,GAA0B;EACxBxC,oBAAoB,EAAEyC,qBAAA,CAAUC,MADR;EAExBzC,wBAAwB,EAAEwC,qBAAA,CAAUC,MAFZ;EAGxBxC,yBAAyB,EAAEuC,qBAAA,CAAUC,MAHb;EAIxBrC,WAAW,EAAEoC,qBAAA,CAAUC,MAJC;EAKxBtC,QAAQ,EAAEqC,qBAAA,CAAUE,IALI;EAMxBxC,WAAW,EAAEsC,qBAAA,CAAUE,IANC;EAOxB5C,QAAQ,EAAE0C,qBAAA,CAAUG,KAAV,CAAgBC,UAPF;EAQxBvC,QAAQ,EAAEmC,qBAAA,CAAUC;AARI,CAA1B;AAWA5C,aAAa,CAACgD,YAAd,GAA6B;EAC3B9C,oBAAoB,EAAE,EADK;EAE3BC,wBAAwB,EAAE,EAFC;EAG3BC,yBAAyB,EAAE,EAHA;EAI3BG,WAAW,EAAE,EAJc;EAK3BD,QAAQ,EAAE,KALiB;EAM3BD,WAAW,EAAE,KANc;EAO3BG,QAAQ,EAAE;AAPiB,CAA7B;eAUeR,a"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { useRouter } from 'next/router';
|
|
4
4
|
import { useDebounceSearch } from '@blaze-cms/plugin-search-ui';
|
|
@@ -15,7 +15,7 @@ const SearchContent = ({
|
|
|
15
15
|
placeholder,
|
|
16
16
|
modifier
|
|
17
17
|
}) => {
|
|
18
|
-
const [collapsed, setCollapsed] = useState(
|
|
18
|
+
const [collapsed, setCollapsed] = useState(collapsible);
|
|
19
19
|
const router = useRouter();
|
|
20
20
|
const {
|
|
21
21
|
results,
|
|
@@ -27,6 +27,14 @@ const SearchContent = ({
|
|
|
27
27
|
initialSearchTerm: '',
|
|
28
28
|
resultKeys: 'id, name, image { url }, url'
|
|
29
29
|
});
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
const handleRouteChange = () => setSearchTerm('');
|
|
32
|
+
|
|
33
|
+
router.events.on('routeChangeStart', handleRouteChange);
|
|
34
|
+
return () => {
|
|
35
|
+
router.events.off('routeChangeStart', handleRouteChange);
|
|
36
|
+
};
|
|
37
|
+
}, [router.events, setSearchTerm]);
|
|
30
38
|
const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;
|
|
31
39
|
|
|
32
40
|
const handleClick = (e, url) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchContent.js","names":["React","useState","PropTypes","useRouter","useDebounceSearch","SearchContentResults","SearchContentToggleIcon","SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","modifier","collapsed","setCollapsed","router","results","searchTerm","setSearchTerm","debouncedSearchTerm","initialSearchTerm","resultKeys","responsiveClasses","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","handleOnBlur","handleClearSearchResults","className","filter","Boolean","join","propTypes","string","bool","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/SearchContent.js"],"sourcesContent":["import React, { useState } 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 searchInputAlignment,\n searchInputWrapperMobile,\n searchInputWrapperDesktop,\n collapsible,\n isMobile,\n placeholder,\n modifier\n}) => {\n const [collapsed, setCollapsed] = useState(
|
|
1
|
+
{"version":3,"file":"SearchContent.js","names":["React","useState","useEffect","PropTypes","useRouter","useDebounceSearch","SearchContentResults","SearchContentToggleIcon","SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","modifier","collapsed","setCollapsed","router","results","searchTerm","setSearchTerm","debouncedSearchTerm","initialSearchTerm","resultKeys","handleRouteChange","events","on","off","responsiveClasses","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","handleOnBlur","handleClearSearchResults","className","filter","Boolean","join","propTypes","string","bool","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/SearchContent.js"],"sourcesContent":["import React, { useState, useEffect } 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 searchInputAlignment,\n searchInputWrapperMobile,\n searchInputWrapperDesktop,\n collapsible,\n isMobile,\n placeholder,\n modifier\n}) => {\n const [collapsed, setCollapsed] = useState(collapsible);\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 = () => setSearchTerm('');\n router.events.on('routeChangeStart', handleRouteChange);\n\n return () => {\n router.events.off('routeChangeStart', handleRouteChange);\n };\n },\n [router.events, setSearchTerm]\n );\n\n const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;\n\n const handleClick = (e, url) => {\n e.preventDefault();\n router.push(url);\n };\n\n const handleKeyPress = e => {\n if (e.key === 'Enter' && e.target.value !== '') {\n router.push(`/search?search_term=${e.target.value}`);\n }\n };\n\n const handleOnBlur = () => {\n if (!collapsible) return;\n if (!debouncedSearchTerm || debouncedSearchTerm === '') setCollapsed(true);\n };\n\n const handleClearSearchResults = () => {\n setSearchTerm('');\n };\n\n const className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');\n return collapsed ? (\n <div className={className}>\n <div className=\"search-content--collapse__wrapper\">\n <label className=\"search-content--collapse__label\">\n <span className=\"search-content--collapse__icon_wrapper\">\n <svg className=\"search-content--collapse__icon\" viewBox=\"0 0 20 20\">\n <path\n fillRule=\"evenodd\"\n d=\"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\"\n clipRule=\"evenodd\"\n />\n </svg>\n </span>\n <input\n onFocus={() => setCollapsed(false)}\n onChange={e => setSearchTerm(e.target.value)}\n type=\"text\"\n name=\"search\"\n className=\"search-content--collapse__input\"\n />\n </label>\n </div>\n </div>\n ) : (\n <>\n <div className={className}>\n <div className=\"search-content--expanded__wrapper\">\n <label className=\"search-content--expanded__label\">\n <span className=\"search-content--expanded__icon_wrapper\">\n <SearchContentToggleIcon results={results} onClear={handleClearSearchResults} />\n </span>\n <input\n type=\"text\"\n name=\"search\"\n onChange={e => setSearchTerm(e.target.value)}\n onKeyPress={handleKeyPress}\n className=\"search-content--expanded__input\"\n placeholder={placeholder}\n value={searchTerm}\n onBlur={handleOnBlur}\n />\n </label>\n </div>\n <SearchContentResults\n results={results}\n debouncedSearchTerm={debouncedSearchTerm}\n handleClick={handleClick}\n />\n </div>\n </>\n );\n};\n\nSearchContent.propTypes = {\n searchInputAlignment: PropTypes.string,\n searchInputWrapperMobile: PropTypes.string,\n searchInputWrapperDesktop: PropTypes.string,\n placeholder: PropTypes.string,\n isMobile: PropTypes.bool,\n collapsible: PropTypes.bool,\n entities: PropTypes.array.isRequired,\n modifier: PropTypes.string\n};\n\nSearchContent.defaultProps = {\n searchInputAlignment: '',\n searchInputWrapperMobile: '',\n searchInputWrapperDesktop: '',\n placeholder: '',\n isMobile: false,\n collapsible: false,\n modifier: ''\n};\n\nexport default SearchContent;\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/react-page-builder",
|
|
3
|
-
"version": "0.124.0-alpha.
|
|
3
|
+
"version": "0.124.0-alpha.32",
|
|
4
4
|
"description": "Blaze react page builder",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-es/index.js",
|
|
@@ -85,5 +85,5 @@
|
|
|
85
85
|
"lib/*",
|
|
86
86
|
"lib-es/*"
|
|
87
87
|
],
|
|
88
|
-
"gitHead": "
|
|
88
|
+
"gitHead": "93bbbb662e2b34607a1302233b43648034640432"
|
|
89
89
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { useRouter } from 'next/router';
|
|
4
4
|
import { useDebounceSearch } from '@blaze-cms/plugin-search-ui';
|
|
@@ -15,7 +15,7 @@ const SearchContent = ({
|
|
|
15
15
|
placeholder,
|
|
16
16
|
modifier
|
|
17
17
|
}) => {
|
|
18
|
-
const [collapsed, setCollapsed] = useState(
|
|
18
|
+
const [collapsed, setCollapsed] = useState(collapsible);
|
|
19
19
|
const router = useRouter();
|
|
20
20
|
|
|
21
21
|
const { results, searchTerm, setSearchTerm, debouncedSearchTerm } = useDebounceSearch({
|
|
@@ -24,6 +24,18 @@ const SearchContent = ({
|
|
|
24
24
|
resultKeys: 'id, name, image { url }, url'
|
|
25
25
|
});
|
|
26
26
|
|
|
27
|
+
useEffect(
|
|
28
|
+
() => {
|
|
29
|
+
const handleRouteChange = () => setSearchTerm('');
|
|
30
|
+
router.events.on('routeChangeStart', handleRouteChange);
|
|
31
|
+
|
|
32
|
+
return () => {
|
|
33
|
+
router.events.off('routeChangeStart', handleRouteChange);
|
|
34
|
+
};
|
|
35
|
+
},
|
|
36
|
+
[router.events, setSearchTerm]
|
|
37
|
+
);
|
|
38
|
+
|
|
27
39
|
const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;
|
|
28
40
|
|
|
29
41
|
const handleClick = (e, url) => {
|