@blaze-cms/plugin-search-ui 0.114.1-alpha.0 → 0.118.0-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.118.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.117.0...v0.118.0-alpha.0) (2022-01-13)
+
+**Note:** Version bump only for package @blaze-cms/plugin-search-ui
+
+
+
+
+
+# [0.116.0](https://github.com/thebyte9/blaze/compare/v0.116.0-alpha.2...v0.116.0) (2021-12-21)
+
+**Note:** Version bump only for package @blaze-cms/plugin-search-ui
+
+
+
+
+
+# [0.116.0-alpha.2](https://github.com/thebyte9/blaze/compare/v0.116.0-alpha.1...v0.116.0-alpha.2) (2021-12-21)
+
+**Note:** Version bump only for package @blaze-cms/plugin-search-ui
+
+
+
+
+
+## [0.114.1](https://github.com/thebyte9/blaze/compare/v0.114.1-alpha.1...v0.114.1) (2021-12-13)
+
+**Note:** Version bump only for package @blaze-cms/plugin-search-ui
+
+
+
+
+
 ## [0.114.1-alpha.0](https://github.com/thebyte9/blaze/compare/v0.114.0...v0.114.1-alpha.0) (2021-12-09)
 
 **Note:** Version bump only for package @blaze-cms/plugin-search-ui

package/lib/components/SearchPublishedContent/SearchPublishedContent.js

@@ -31,6 +31,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _md = require("react-icons/md");
+
 var _customHooks = require("@blaze-react/utils/lib/customHooks");
 
 var _useSearchResults3 = _interopRequireDefault(require("../useSearchResults"));
@@ -197,14 +199,10 @@ SearchPublishedContent.defaultProps = {
     return state;
   },
   SearchIcon: function SearchIcon() {
-    return /*#__PURE__*/_react["default"].createElement("i", {
-      className: "material-icons"
-    }, "search");
+    return /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_md.MdSearch, null));
   },
   CloseIcon: function CloseIcon() {
-    return /*#__PURE__*/_react["default"].createElement("i", {
-      className: "material-icons"
-    }, "close");
+    return /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_md.MdClose, null));
   },
   className: '',
   inputRef: null,

package/lib/components/SearchPublishedContent/SearchPublishedContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SearchPublishedContent/SearchPublishedContent.js"],"names":["SearchPublishedContent","entities","children","resultKeys","getIsOpenSearchBar","SearchIcon","CloseIcon","className","onChange","placeholder","onEnterPress","inputRef","isSearchBarOpen","fields","displaySearchBar","setDisplaySearchBar","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","queryKey","SEARCH_PUBLISHED","loading","results","setQueryParams","current","focus","value","handleOnChange","target","handleKeyPress","event","onEnter","key","handleSearchBar","voidSearchTerm","searchWrapperClassname","triggerClassname","open","SEARCH_BUTTON","length","propTypes","PropTypes","array","func","isRequired","string","object","bool","defaultProps","DEFAULT_RESULTS_KEYS","state"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';\n\nconst SearchPublishedContent = ({\n  entities,\n  children,\n  resultKeys,\n  getIsOpenSearchBar,\n  SearchIcon,\n  CloseIcon,\n  className,\n  onChange,\n  placeholder,\n  onEnterPress,\n  inputRef,\n  isSearchBarOpen,\n  fields\n}) => {\n  const [displaySearchBar, setDisplaySearchBar] = useState(isSearchBarOpen);\n  const [searchTerm, setSearchTerm] = useState('');\n  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n  const debouncedSearchTerm = useDebounce(searchTerm, 500);\n  const [{ loading, results }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_PUBLISHED,\n    resultKeys,\n    entities,\n    fields\n  });\n\n  useEffect(\n    () => {\n      if (isSearchBarOpen !== displaySearchBar) {\n        setDisplaySearchBar(isSearchBarOpen);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isSearchBarOpen]\n  );\n\n  useEffect(\n    () => {\n      if (inputRef && inputRef.current && displaySearchBar) {\n        inputRef.current.focus();\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [displaySearchBar]\n  );\n\n  useEffect(\n    () => {\n      if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n        setQueryParams({ value: debouncedSearchTerm });\n        setPreviousSearchTerm(debouncedSearchTerm);\n      }\n    },\n    [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n  );\n\n  const handleOnChange = ({ target: { value = '' } = {} }) => {\n    onChange(value);\n    setSearchTerm(value);\n  };\n\n  const handleKeyPress = event => {\n    const onEnter = event.key === 'Enter';\n    onEnter && onEnterPress();\n  };\n\n  const handleSearchBar = () => {\n    const voidSearchTerm = '';\n    displaySearchBar && setSearchTerm(voidSearchTerm);\n    handleOnChange({ value: voidSearchTerm });\n    if (isSearchBarOpen !== null) {\n      getIsOpenSearchBar(!displaySearchBar);\n    }\n    setDisplaySearchBar(!displaySearchBar);\n  };\n\n  const searchWrapperClassname = classnames('search__wrapper', {\n    'search__wrapper--toggle-display': displaySearchBar,\n    'search__wrapper--toggle': !displaySearchBar\n  });\n\n  const triggerClassname = classnames('search__icon', {\n    open: displaySearchBar\n  });\n\n  return (\n    <div className={`search-wrapper ${className}`}>\n      <div className=\"search search--header search--toggle\">\n        <div className={searchWrapperClassname}>\n          <input\n            data-testid=\"search-input\"\n            onKeyPress={handleKeyPress}\n            placeholder={placeholder}\n            type=\"text\"\n            onChange={handleOnChange}\n            value={searchTerm}\n            ref={inputRef}\n          />\n          <button type=\"button\" className=\"icon-button icon-button--search icon-button--toggle\">\n            <SearchIcon />\n          </button>\n        </div>\n        <div\n          role=\"button\"\n          className={triggerClassname}\n          onClick={handleSearchBar}\n          id={SEARCH_BUTTON}\n          title={SEARCH_BUTTON}>\n          {!displaySearchBar ? <SearchIcon /> : <CloseIcon />}\n        </div>\n      </div>\n      <div className=\"search-modal\">\n        {children({ results: results.length && searchTerm ? results : [], loading })}\n      </div>\n    </div>\n  );\n};\n\nSearchPublishedContent.propTypes = {\n  entities: PropTypes.array,\n  children: PropTypes.func.isRequired,\n  resultKeys: PropTypes.string,\n  getIsOpenSearchBar: PropTypes.func,\n  SearchIcon: PropTypes.func,\n  CloseIcon: PropTypes.func,\n  onChange: PropTypes.func,\n  onEnterPress: PropTypes.func,\n  className: PropTypes.string,\n  placeholder: PropTypes.string,\n  inputRef: PropTypes.object,\n  isSearchBarOpen: PropTypes.bool,\n  fields: PropTypes.array\n};\n\nSearchPublishedContent.defaultProps = {\n  entities: ['published_page'],\n  placeholder: '',\n  resultKeys: DEFAULT_RESULTS_KEYS,\n  onChange: () => {},\n  onEnterPress: () => {},\n  getIsOpenSearchBar: state => state,\n  SearchIcon: () => <i className=\"material-icons\">search</i>,\n  CloseIcon: () => <i className=\"material-icons\">close</i>,\n  className: '',\n  inputRef: null,\n  isSearchBarOpen: null,\n  fields: []\n};\n\nexport default SearchPublishedContent;\n"],"file":"SearchPublishedContent.js"}
+{"version":3,"sources":["../../../src/components/SearchPublishedContent/SearchPublishedContent.js"],"names":["SearchPublishedContent","entities","children","resultKeys","getIsOpenSearchBar","SearchIcon","CloseIcon","className","onChange","placeholder","onEnterPress","inputRef","isSearchBarOpen","fields","displaySearchBar","setDisplaySearchBar","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","queryKey","SEARCH_PUBLISHED","loading","results","setQueryParams","current","focus","value","handleOnChange","target","handleKeyPress","event","onEnter","key","handleSearchBar","voidSearchTerm","searchWrapperClassname","triggerClassname","open","SEARCH_BUTTON","length","propTypes","PropTypes","array","func","isRequired","string","object","bool","defaultProps","DEFAULT_RESULTS_KEYS","state"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { MdClose, MdSearch } from 'react-icons/md';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';\n\nconst SearchPublishedContent = ({\n  entities,\n  children,\n  resultKeys,\n  getIsOpenSearchBar,\n  SearchIcon,\n  CloseIcon,\n  className,\n  onChange,\n  placeholder,\n  onEnterPress,\n  inputRef,\n  isSearchBarOpen,\n  fields\n}) => {\n  const [displaySearchBar, setDisplaySearchBar] = useState(isSearchBarOpen);\n  const [searchTerm, setSearchTerm] = useState('');\n  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n  const debouncedSearchTerm = useDebounce(searchTerm, 500);\n  const [{ loading, results }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_PUBLISHED,\n    resultKeys,\n    entities,\n    fields\n  });\n\n  useEffect(\n    () => {\n      if (isSearchBarOpen !== displaySearchBar) {\n        setDisplaySearchBar(isSearchBarOpen);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isSearchBarOpen]\n  );\n\n  useEffect(\n    () => {\n      if (inputRef && inputRef.current && displaySearchBar) {\n        inputRef.current.focus();\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [displaySearchBar]\n  );\n\n  useEffect(\n    () => {\n      if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n        setQueryParams({ value: debouncedSearchTerm });\n        setPreviousSearchTerm(debouncedSearchTerm);\n      }\n    },\n    [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n  );\n\n  const handleOnChange = ({ target: { value = '' } = {} }) => {\n    onChange(value);\n    setSearchTerm(value);\n  };\n\n  const handleKeyPress = event => {\n    const onEnter = event.key === 'Enter';\n    onEnter && onEnterPress();\n  };\n\n  const handleSearchBar = () => {\n    const voidSearchTerm = '';\n    displaySearchBar && setSearchTerm(voidSearchTerm);\n    handleOnChange({ value: voidSearchTerm });\n    if (isSearchBarOpen !== null) {\n      getIsOpenSearchBar(!displaySearchBar);\n    }\n    setDisplaySearchBar(!displaySearchBar);\n  };\n\n  const searchWrapperClassname = classnames('search__wrapper', {\n    'search__wrapper--toggle-display': displaySearchBar,\n    'search__wrapper--toggle': !displaySearchBar\n  });\n\n  const triggerClassname = classnames('search__icon', {\n    open: displaySearchBar\n  });\n\n  return (\n    <div className={`search-wrapper ${className}`}>\n      <div className=\"search search--header search--toggle\">\n        <div className={searchWrapperClassname}>\n          <input\n            data-testid=\"search-input\"\n            onKeyPress={handleKeyPress}\n            placeholder={placeholder}\n            type=\"text\"\n            onChange={handleOnChange}\n            value={searchTerm}\n            ref={inputRef}\n          />\n          <button type=\"button\" className=\"icon-button icon-button--search icon-button--toggle\">\n            <SearchIcon />\n          </button>\n        </div>\n        <div\n          role=\"button\"\n          className={triggerClassname}\n          onClick={handleSearchBar}\n          id={SEARCH_BUTTON}\n          title={SEARCH_BUTTON}>\n          {!displaySearchBar ? <SearchIcon /> : <CloseIcon />}\n        </div>\n      </div>\n      <div className=\"search-modal\">\n        {children({ results: results.length && searchTerm ? results : [], loading })}\n      </div>\n    </div>\n  );\n};\n\nSearchPublishedContent.propTypes = {\n  entities: PropTypes.array,\n  children: PropTypes.func.isRequired,\n  resultKeys: PropTypes.string,\n  getIsOpenSearchBar: PropTypes.func,\n  SearchIcon: PropTypes.func,\n  CloseIcon: PropTypes.func,\n  onChange: PropTypes.func,\n  onEnterPress: PropTypes.func,\n  className: PropTypes.string,\n  placeholder: PropTypes.string,\n  inputRef: PropTypes.object,\n  isSearchBarOpen: PropTypes.bool,\n  fields: PropTypes.array\n};\n\nSearchPublishedContent.defaultProps = {\n  entities: ['published_page'],\n  placeholder: '',\n  resultKeys: DEFAULT_RESULTS_KEYS,\n  onChange: () => {},\n  onEnterPress: () => {},\n  getIsOpenSearchBar: state => state,\n  SearchIcon: () => (\n    <i>\n      <MdSearch />\n    </i>\n  ),\n  CloseIcon: () => (\n    <i>\n      <MdClose />\n    </i>\n  ),\n  className: '',\n  inputRef: null,\n  isSearchBarOpen: null,\n  fields: []\n};\n\nexport default SearchPublishedContent;\n"],"file":"SearchPublishedContent.js"}

package/lib/components/useSearch/useSearch.js

@@ -6,6 +6,8 @@ require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.array.filter.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 
 require("core-js/modules/es.array.for-each.js");
@@ -41,9 +43,9 @@ var _reactApollo = require("react-apollo");
 
 var _query = _interopRequireDefault(require("../../application/query"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function useSearch(_ref) {
   var queryKey = _ref.queryKey,

package/lib/components/useSearch/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/useSearch/useSearch.js"],"names":["useSearch","queryKey","resultKeys","entities","fields","limit","offset","value","queryParams","setParams","searchedValue","setSearchedValue","previousOffset","setPreviousOffset","buildSearchQuery","searchQueries","getSearchResults","loading","data","search","results","total","jsonResults","handleQueryParams","newQueryParams","isNewValueSet","isNewOffsetSet","parsedEntities","length","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","should"],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport { useLazyQuery } from 'react-apollo';\nimport searchQueries from '../../application/query';\n\nfunction useSearch({ queryKey, resultKeys, entities = [], fields }) {\n  const [queryParams, setParams] = useState({ limit: 20, offset: 0, value: '' });\n  const [searchedValue, setSearchedValue] = useState(null);\n  const [previousOffset, setPreviousOffset] = useState(null);\n  const buildSearchQuery = searchQueries[queryKey];\n  const [\n    getSearchResults,\n    {\n      loading,\n      data: { search: { results, jsonResults, total } } = {\n        search: { results: [], total: 0 }\n      }\n    }\n  ] = useLazyQuery(buildSearchQuery({ resultKeys }));\n\n  const handleQueryParams = newQueryParams => {\n    setParams({ ...queryParams, ...newQueryParams });\n  };\n\n  useEffect(\n    () => {\n      const { limit, offset, value } = queryParams;\n      const isNewValueSet = value && value !== searchedValue;\n      const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n      const parsedEntities = entities.length\n        ? entities.map(entity => ({\n            match: { docType: entity }\n          }))\n        : [];\n\n      if (isNewValueSet || isNewOffsetSet) {\n        getSearchResults({\n          variables: {\n            limit,\n            offset,\n            rawQuery: {\n              query: {\n                bool: {\n                  must: [\n                    {\n                      query_string: {\n                        query: value,\n                        fields,\n                        type: 'most_fields'\n                      }\n                    },\n                    {\n                      bool: {\n                        should: parsedEntities\n                      }\n                    }\n                  ]\n                }\n              }\n            }\n          }\n        });\n        setSearchedValue(value);\n        setPreviousOffset(offset);\n      }\n    },\n    [\n      queryParams,\n      queryParams.limit,\n      queryParams.value,\n      queryParams.offset,\n      searchedValue,\n      previousOffset,\n      getSearchResults,\n      entities,\n      fields\n    ]\n  );\n\n  return [\n    { searchedValue: queryParams.value, loading, data: { results: results || jsonResults, total } },\n    handleQueryParams\n  ];\n}\n\nexport default useSearch;\n"],"file":"useSearch.js"}
+{"version":3,"sources":["../../../src/components/useSearch/useSearch.js"],"names":["useSearch","queryKey","resultKeys","entities","fields","limit","offset","value","queryParams","setParams","searchedValue","setSearchedValue","previousOffset","setPreviousOffset","buildSearchQuery","searchQueries","getSearchResults","loading","data","search","results","total","jsonResults","handleQueryParams","newQueryParams","isNewValueSet","isNewOffsetSet","parsedEntities","length","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","should"],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport { useLazyQuery } from 'react-apollo';\nimport searchQueries from '../../application/query';\n\nfunction useSearch({ queryKey, resultKeys, entities = [], fields }) {\n  const [queryParams, setParams] = useState({ limit: 20, offset: 0, value: '' });\n  const [searchedValue, setSearchedValue] = useState(null);\n  const [previousOffset, setPreviousOffset] = useState(null);\n  const buildSearchQuery = searchQueries[queryKey];\n  const [\n    getSearchResults,\n    {\n      loading,\n      data: { search: { results, jsonResults, total } } = {\n        search: { results: [], total: 0 }\n      }\n    }\n  ] = useLazyQuery(buildSearchQuery({ resultKeys }));\n\n  const handleQueryParams = newQueryParams => {\n    setParams({ ...queryParams, ...newQueryParams });\n  };\n\n  useEffect(\n    () => {\n      const { limit, offset, value } = queryParams;\n      const isNewValueSet = value && value !== searchedValue;\n      const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n      const parsedEntities = entities.length\n        ? entities.map(entity => ({\n            match: { docType: entity }\n          }))\n        : [];\n\n      if (isNewValueSet || isNewOffsetSet) {\n        getSearchResults({\n          variables: {\n            limit,\n            offset,\n            rawQuery: {\n              query: {\n                bool: {\n                  must: [\n                    {\n                      query_string: {\n                        query: value,\n                        fields,\n                        type: 'most_fields'\n                      }\n                    },\n                    {\n                      bool: {\n                        should: parsedEntities\n                      }\n                    }\n                  ]\n                }\n              }\n            }\n          }\n        });\n        setSearchedValue(value);\n        setPreviousOffset(offset);\n      }\n    },\n    [\n      queryParams,\n      queryParams.limit,\n      queryParams.value,\n      queryParams.offset,\n      searchedValue,\n      previousOffset,\n      getSearchResults,\n      entities,\n      fields\n    ]\n  );\n\n  return [\n    { searchedValue: queryParams.value, loading, data: { results: results || jsonResults, total } },\n    handleQueryParams\n  ];\n}\n\nexport default useSearch;\n"],"file":"useSearch.js"}

package/lib/components/useSearchResults/useSearchResults.js

@@ -6,6 +6,8 @@ require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.array.filter.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 
 require("core-js/modules/es.array.for-each.js");
@@ -37,9 +39,9 @@ var _react = require("react");
 
 var _useSearch3 = _interopRequireDefault(require("../useSearch"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function useSearchResults(_ref) {
   var queryKey = _ref.queryKey,

package/lib/components/useSearchResults/useSearchResults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/useSearchResults/useSearchResults.js"],"names":["useSearchResults","queryKey","resultKeys","entities","fields","searchedValue","loading","data","results","total","setParams","currentResults","setCurrentResults","allResults","setAllResults","length","clearList","params","offset","setQueryParams","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,SAASA,gBAAT,OAAsE;AAAA,MAA1CC,QAA0C,QAA1CA,QAA0C;AAAA,MAAhCC,UAAgC,QAAhCA,UAAgC;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAAA,MAAVC,MAAU,QAAVA,MAAU;;AACpE,mBAOI,4BAAU;AAAEH,IAAAA,QAAQ,EAARA,QAAF;AAAYC,IAAAA,UAAU,EAAVA,UAAZ;AAAwBC,IAAAA,QAAQ,EAARA,QAAxB;AAAkCC,IAAAA,MAAM,EAANA;AAAlC,GAAV,CAPJ;AAAA;AAAA;AAAA,MAEIC,aAFJ,gBAEIA,aAFJ;AAAA,MAGIC,OAHJ,gBAGIA,OAHJ;AAAA,uCAIIC,IAJJ;AAAA,MAIYC,OAJZ,qBAIYA,OAJZ;AAAA,MAIqBC,KAJrB,qBAIqBA,KAJrB;AAAA,MAMEC,SANF;;AAQA,kBAA4C,qBAAS,EAAT,CAA5C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,mBAAoC,qBAAS,EAAT,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,wBACE,YAAM;AACJ,QAAIH,cAAc,CAACI,MAAf,KAA0BP,OAAO,CAACO,MAAtC,EAA8C;AAC5CD,MAAAA,aAAa,+CAAKD,UAAL,uCAAoBL,OAApB,GAAb;AACAI,MAAAA,iBAAiB,CAACJ,OAAD,CAAjB;AACD;AACF,GANH,EAOE,CAACK,UAAD,EAAaF,cAAb,EAA6BA,cAAc,CAACI,MAA5C,EAAoDP,OAApD,CAPF;;AAUA,MAAMQ,SAAS,GAAG,SAAZA,SAAY,CAAAC,MAAM,EAAI;AAC1BH,IAAAA,aAAa,CAAC,EAAD,CAAb;AACAJ,IAAAA,SAAS,iCAAMO,MAAN;AAAcC,MAAAA,MAAM,EAAE;AAAtB,OAAT;AACD,GAHD;;AAKA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAF,MAAM,EAAI;AAC/BA,IAAAA,MAAM,CAACG,KAAP,KAAiBf,aAAjB,GAAiCW,SAAS,CAACC,MAAD,CAA1C,GAAqDP,SAAS,CAACO,MAAD,CAA9D;AACD,GAFD;;AAIA,SAAO,CAAC;AAAEX,IAAAA,OAAO,EAAPA,OAAF;AAAWE,IAAAA,OAAO,EAAEK,UAApB;AAAgCJ,IAAAA,KAAK,EAALA;AAAhC,GAAD,EAA0CU,cAA1C,CAAP;AACD;;eAEcnB,gB","sourcesContent":["import { useState, useEffect } from 'react';\nimport useSearch from '../useSearch';\n\nfunction useSearchResults({ queryKey, resultKeys, entities, fields }) {\n  const [\n    {\n      searchedValue,\n      loading,\n      data: { results, total }\n    },\n    setParams\n  ] = useSearch({ queryKey, resultKeys, entities, fields });\n  const [currentResults, setCurrentResults] = useState([]);\n  const [allResults, setAllResults] = useState([]);\n\n  useEffect(\n    () => {\n      if (currentResults.length !== results.length) {\n        setAllResults([...allResults, ...results]);\n        setCurrentResults(results);\n      }\n    },\n    [allResults, currentResults, currentResults.length, results]\n  );\n\n  const clearList = params => {\n    setAllResults([]);\n    setParams({ ...params, offset: 0 });\n  };\n\n  const setQueryParams = params => {\n    params.value !== searchedValue ? clearList(params) : setParams(params);\n  };\n\n  return [{ loading, results: allResults, total }, setQueryParams];\n}\n\nexport default useSearchResults;\n"],"file":"useSearchResults.js"}
+{"version":3,"sources":["../../../src/components/useSearchResults/useSearchResults.js"],"names":["useSearchResults","queryKey","resultKeys","entities","fields","searchedValue","loading","data","results","total","setParams","currentResults","setCurrentResults","allResults","setAllResults","length","clearList","params","offset","setQueryParams","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,SAASA,gBAAT,OAAsE;AAAA,MAA1CC,QAA0C,QAA1CA,QAA0C;AAAA,MAAhCC,UAAgC,QAAhCA,UAAgC;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAAA,MAAVC,MAAU,QAAVA,MAAU;;AACpE,mBAOI,4BAAU;AAAEH,IAAAA,QAAQ,EAARA,QAAF;AAAYC,IAAAA,UAAU,EAAVA,UAAZ;AAAwBC,IAAAA,QAAQ,EAARA,QAAxB;AAAkCC,IAAAA,MAAM,EAANA;AAAlC,GAAV,CAPJ;AAAA;AAAA;AAAA,MAEIC,aAFJ,gBAEIA,aAFJ;AAAA,MAGIC,OAHJ,gBAGIA,OAHJ;AAAA,uCAIIC,IAJJ;AAAA,MAIYC,OAJZ,qBAIYA,OAJZ;AAAA,MAIqBC,KAJrB,qBAIqBA,KAJrB;AAAA,MAMEC,SANF;;AAQA,kBAA4C,qBAAS,EAAT,CAA5C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,mBAAoC,qBAAS,EAAT,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,wBACE,YAAM;AACJ,QAAIH,cAAc,CAACI,MAAf,KAA0BP,OAAO,CAACO,MAAtC,EAA8C;AAC5CD,MAAAA,aAAa,+CAAKD,UAAL,uCAAoBL,OAApB,GAAb;AACAI,MAAAA,iBAAiB,CAACJ,OAAD,CAAjB;AACD;AACF,GANH,EAOE,CAACK,UAAD,EAAaF,cAAb,EAA6BA,cAAc,CAACI,MAA5C,EAAoDP,OAApD,CAPF;;AAUA,MAAMQ,SAAS,GAAG,SAAZA,SAAY,CAAAC,MAAM,EAAI;AAC1BH,IAAAA,aAAa,CAAC,EAAD,CAAb;AACAJ,IAAAA,SAAS,iCAAMO,MAAN;AAAcC,MAAAA,MAAM,EAAE;AAAtB,OAAT;AACD,GAHD;;AAKA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAF,MAAM,EAAI;AAC/BA,IAAAA,MAAM,CAACG,KAAP,KAAiBf,aAAjB,GAAiCW,SAAS,CAACC,MAAD,CAA1C,GAAqDP,SAAS,CAACO,MAAD,CAA9D;AACD,GAFD;;AAIA,SAAO,CAAC;AAAEX,IAAAA,OAAO,EAAPA,OAAF;AAAWE,IAAAA,OAAO,EAAEK,UAApB;AAAgCJ,IAAAA,KAAK,EAALA;AAAhC,GAAD,EAA0CU,cAA1C,CAAP;AACD;;eAEcnB,gB","sourcesContent":["import { useState, useEffect } from 'react';\nimport useSearch from '../useSearch';\n\nfunction useSearchResults({ queryKey, resultKeys, entities, fields }) {\n  const [\n    {\n      searchedValue,\n      loading,\n      data: { results, total }\n    },\n    setParams\n  ] = useSearch({ queryKey, resultKeys, entities, fields });\n  const [currentResults, setCurrentResults] = useState([]);\n  const [allResults, setAllResults] = useState([]);\n\n  useEffect(\n    () => {\n      if (currentResults.length !== results.length) {\n        setAllResults([...allResults, ...results]);\n        setCurrentResults(results);\n      }\n    },\n    [allResults, currentResults, currentResults.length, results]\n  );\n\n  const clearList = params => {\n    setAllResults([]);\n    setParams({ ...params, offset: 0 });\n  };\n\n  const setQueryParams = params => {\n    params.value !== searchedValue ? clearList(params) : setParams(params);\n  };\n\n  return [{ loading, results: allResults, total }, setQueryParams];\n}\n\nexport default useSearchResults;\n"],"file":"useSearchResults.js"}

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

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
+import { MdClose, MdSearch } from 'react-icons/md';
 import { useDebounce } from '@blaze-react/utils/lib/customHooks';
 import useSearchResults from '../useSearchResults';
 import { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';
@@ -142,12 +143,8 @@ SearchPublishedContent.defaultProps = {
   onChange: () => {},
   onEnterPress: () => {},
   getIsOpenSearchBar: state => state,
-  SearchIcon: () => /*#__PURE__*/React.createElement("i", {
-    className: "material-icons"
-  }, "search"),
-  CloseIcon: () => /*#__PURE__*/React.createElement("i", {
-    className: "material-icons"
-  }, "close"),
+  SearchIcon: () => /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(MdSearch, null)),
+  CloseIcon: () => /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(MdClose, null)),
   className: '',
   inputRef: null,
   isSearchBarOpen: null,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SearchPublishedContent/SearchPublishedContent.js"],"names":["React","useState","useEffect","classnames","PropTypes","useDebounce","useSearchResults","SEARCH_PUBLISHED","DEFAULT_RESULTS_KEYS","SEARCH_BUTTON","SearchPublishedContent","entities","children","resultKeys","getIsOpenSearchBar","SearchIcon","CloseIcon","className","onChange","placeholder","onEnterPress","inputRef","isSearchBarOpen","fields","displaySearchBar","setDisplaySearchBar","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","loading","results","setQueryParams","queryKey","current","focus","value","handleOnChange","target","handleKeyPress","event","onEnter","key","handleSearchBar","voidSearchTerm","searchWrapperClassname","triggerClassname","open","length","propTypes","array","func","isRequired","string","object","bool","defaultProps","state"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';\n\nconst SearchPublishedContent = ({\n  entities,\n  children,\n  resultKeys,\n  getIsOpenSearchBar,\n  SearchIcon,\n  CloseIcon,\n  className,\n  onChange,\n  placeholder,\n  onEnterPress,\n  inputRef,\n  isSearchBarOpen,\n  fields\n}) => {\n  const [displaySearchBar, setDisplaySearchBar] = useState(isSearchBarOpen);\n  const [searchTerm, setSearchTerm] = useState('');\n  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n  const debouncedSearchTerm = useDebounce(searchTerm, 500);\n  const [{ loading, results }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_PUBLISHED,\n    resultKeys,\n    entities,\n    fields\n  });\n\n  useEffect(\n    () => {\n      if (isSearchBarOpen !== displaySearchBar) {\n        setDisplaySearchBar(isSearchBarOpen);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isSearchBarOpen]\n  );\n\n  useEffect(\n    () => {\n      if (inputRef && inputRef.current && displaySearchBar) {\n        inputRef.current.focus();\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [displaySearchBar]\n  );\n\n  useEffect(\n    () => {\n      if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n        setQueryParams({ value: debouncedSearchTerm });\n        setPreviousSearchTerm(debouncedSearchTerm);\n      }\n    },\n    [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n  );\n\n  const handleOnChange = ({ target: { value = '' } = {} }) => {\n    onChange(value);\n    setSearchTerm(value);\n  };\n\n  const handleKeyPress = event => {\n    const onEnter = event.key === 'Enter';\n    onEnter && onEnterPress();\n  };\n\n  const handleSearchBar = () => {\n    const voidSearchTerm = '';\n    displaySearchBar && setSearchTerm(voidSearchTerm);\n    handleOnChange({ value: voidSearchTerm });\n    if (isSearchBarOpen !== null) {\n      getIsOpenSearchBar(!displaySearchBar);\n    }\n    setDisplaySearchBar(!displaySearchBar);\n  };\n\n  const searchWrapperClassname = classnames('search__wrapper', {\n    'search__wrapper--toggle-display': displaySearchBar,\n    'search__wrapper--toggle': !displaySearchBar\n  });\n\n  const triggerClassname = classnames('search__icon', {\n    open: displaySearchBar\n  });\n\n  return (\n    <div className={`search-wrapper ${className}`}>\n      <div className=\"search search--header search--toggle\">\n        <div className={searchWrapperClassname}>\n          <input\n            data-testid=\"search-input\"\n            onKeyPress={handleKeyPress}\n            placeholder={placeholder}\n            type=\"text\"\n            onChange={handleOnChange}\n            value={searchTerm}\n            ref={inputRef}\n          />\n          <button type=\"button\" className=\"icon-button icon-button--search icon-button--toggle\">\n            <SearchIcon />\n          </button>\n        </div>\n        <div\n          role=\"button\"\n          className={triggerClassname}\n          onClick={handleSearchBar}\n          id={SEARCH_BUTTON}\n          title={SEARCH_BUTTON}>\n          {!displaySearchBar ? <SearchIcon /> : <CloseIcon />}\n        </div>\n      </div>\n      <div className=\"search-modal\">\n        {children({ results: results.length && searchTerm ? results : [], loading })}\n      </div>\n    </div>\n  );\n};\n\nSearchPublishedContent.propTypes = {\n  entities: PropTypes.array,\n  children: PropTypes.func.isRequired,\n  resultKeys: PropTypes.string,\n  getIsOpenSearchBar: PropTypes.func,\n  SearchIcon: PropTypes.func,\n  CloseIcon: PropTypes.func,\n  onChange: PropTypes.func,\n  onEnterPress: PropTypes.func,\n  className: PropTypes.string,\n  placeholder: PropTypes.string,\n  inputRef: PropTypes.object,\n  isSearchBarOpen: PropTypes.bool,\n  fields: PropTypes.array\n};\n\nSearchPublishedContent.defaultProps = {\n  entities: ['published_page'],\n  placeholder: '',\n  resultKeys: DEFAULT_RESULTS_KEYS,\n  onChange: () => {},\n  onEnterPress: () => {},\n  getIsOpenSearchBar: state => state,\n  SearchIcon: () => <i className=\"material-icons\">search</i>,\n  CloseIcon: () => <i className=\"material-icons\">close</i>,\n  className: '',\n  inputRef: null,\n  isSearchBarOpen: null,\n  fields: []\n};\n\nexport default SearchPublishedContent;\n"],"file":"SearchPublishedContent.js"}
+{"version":3,"sources":["../../../src/components/SearchPublishedContent/SearchPublishedContent.js"],"names":["React","useState","useEffect","classnames","PropTypes","MdClose","MdSearch","useDebounce","useSearchResults","SEARCH_PUBLISHED","DEFAULT_RESULTS_KEYS","SEARCH_BUTTON","SearchPublishedContent","entities","children","resultKeys","getIsOpenSearchBar","SearchIcon","CloseIcon","className","onChange","placeholder","onEnterPress","inputRef","isSearchBarOpen","fields","displaySearchBar","setDisplaySearchBar","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","loading","results","setQueryParams","queryKey","current","focus","value","handleOnChange","target","handleKeyPress","event","onEnter","key","handleSearchBar","voidSearchTerm","searchWrapperClassname","triggerClassname","open","length","propTypes","array","func","isRequired","string","object","bool","defaultProps","state"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { MdClose, MdSearch } from 'react-icons/md';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';\n\nconst SearchPublishedContent = ({\n  entities,\n  children,\n  resultKeys,\n  getIsOpenSearchBar,\n  SearchIcon,\n  CloseIcon,\n  className,\n  onChange,\n  placeholder,\n  onEnterPress,\n  inputRef,\n  isSearchBarOpen,\n  fields\n}) => {\n  const [displaySearchBar, setDisplaySearchBar] = useState(isSearchBarOpen);\n  const [searchTerm, setSearchTerm] = useState('');\n  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n  const debouncedSearchTerm = useDebounce(searchTerm, 500);\n  const [{ loading, results }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_PUBLISHED,\n    resultKeys,\n    entities,\n    fields\n  });\n\n  useEffect(\n    () => {\n      if (isSearchBarOpen !== displaySearchBar) {\n        setDisplaySearchBar(isSearchBarOpen);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isSearchBarOpen]\n  );\n\n  useEffect(\n    () => {\n      if (inputRef && inputRef.current && displaySearchBar) {\n        inputRef.current.focus();\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [displaySearchBar]\n  );\n\n  useEffect(\n    () => {\n      if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n        setQueryParams({ value: debouncedSearchTerm });\n        setPreviousSearchTerm(debouncedSearchTerm);\n      }\n    },\n    [debouncedSearchTerm, previousSearchTerm, setQueryParams]\n  );\n\n  const handleOnChange = ({ target: { value = '' } = {} }) => {\n    onChange(value);\n    setSearchTerm(value);\n  };\n\n  const handleKeyPress = event => {\n    const onEnter = event.key === 'Enter';\n    onEnter && onEnterPress();\n  };\n\n  const handleSearchBar = () => {\n    const voidSearchTerm = '';\n    displaySearchBar && setSearchTerm(voidSearchTerm);\n    handleOnChange({ value: voidSearchTerm });\n    if (isSearchBarOpen !== null) {\n      getIsOpenSearchBar(!displaySearchBar);\n    }\n    setDisplaySearchBar(!displaySearchBar);\n  };\n\n  const searchWrapperClassname = classnames('search__wrapper', {\n    'search__wrapper--toggle-display': displaySearchBar,\n    'search__wrapper--toggle': !displaySearchBar\n  });\n\n  const triggerClassname = classnames('search__icon', {\n    open: displaySearchBar\n  });\n\n  return (\n    <div className={`search-wrapper ${className}`}>\n      <div className=\"search search--header search--toggle\">\n        <div className={searchWrapperClassname}>\n          <input\n            data-testid=\"search-input\"\n            onKeyPress={handleKeyPress}\n            placeholder={placeholder}\n            type=\"text\"\n            onChange={handleOnChange}\n            value={searchTerm}\n            ref={inputRef}\n          />\n          <button type=\"button\" className=\"icon-button icon-button--search icon-button--toggle\">\n            <SearchIcon />\n          </button>\n        </div>\n        <div\n          role=\"button\"\n          className={triggerClassname}\n          onClick={handleSearchBar}\n          id={SEARCH_BUTTON}\n          title={SEARCH_BUTTON}>\n          {!displaySearchBar ? <SearchIcon /> : <CloseIcon />}\n        </div>\n      </div>\n      <div className=\"search-modal\">\n        {children({ results: results.length && searchTerm ? results : [], loading })}\n      </div>\n    </div>\n  );\n};\n\nSearchPublishedContent.propTypes = {\n  entities: PropTypes.array,\n  children: PropTypes.func.isRequired,\n  resultKeys: PropTypes.string,\n  getIsOpenSearchBar: PropTypes.func,\n  SearchIcon: PropTypes.func,\n  CloseIcon: PropTypes.func,\n  onChange: PropTypes.func,\n  onEnterPress: PropTypes.func,\n  className: PropTypes.string,\n  placeholder: PropTypes.string,\n  inputRef: PropTypes.object,\n  isSearchBarOpen: PropTypes.bool,\n  fields: PropTypes.array\n};\n\nSearchPublishedContent.defaultProps = {\n  entities: ['published_page'],\n  placeholder: '',\n  resultKeys: DEFAULT_RESULTS_KEYS,\n  onChange: () => {},\n  onEnterPress: () => {},\n  getIsOpenSearchBar: state => state,\n  SearchIcon: () => (\n    <i>\n      <MdSearch />\n    </i>\n  ),\n  CloseIcon: () => (\n    <i>\n      <MdClose />\n    </i>\n  ),\n  className: '',\n  inputRef: null,\n  isSearchBarOpen: null,\n  fields: []\n};\n\nexport default SearchPublishedContent;\n"],"file":"SearchPublishedContent.js"}

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

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { useState, useEffect } from 'react';
 import { useLazyQuery } from 'react-apollo';

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

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { useState, useEffect } from 'react';
 import useSearch from '../useSearch';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-search-ui",
-  "version": "0.114.1-alpha.0",
+  "version": "0.118.0-alpha.0",
   "description": "Blaze plugin search ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,8 +27,8 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-utils": "^0.112.0",
-    "@blaze-cms/core-errors": "^0.102.0",
+    "@blaze-cms/admin-ui-utils": "^0.118.0-alpha.0",
+    "@blaze-cms/core-errors": "^0.118.0-alpha.0",
     "@blaze-cms/setup-ui": "^0.92.0",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/input": "0.5.30",
@@ -36,11 +36,12 @@
     "classnames": "^2.2.6",
     "core-js": "^3.2.1",
     "graphql-tag": "^2.10.1",
+    "react-icons": "^4.3.1",
     "react-router-dom": "^5.0.1",
     "react-tiny-virtual-list": "2.2.0"
   },
   "devDependencies": {
-    "@blaze-cms/core-ui": "^0.114.1-alpha.0"
+    "@blaze-cms/core-ui": "^0.118.0-alpha.0"
   },
   "peerDependencies": {
     "@blaze-cms/admin": "^0.97.2",
@@ -52,5 +53,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "e6fa972f8fbdc10603c67ede7ff1788836a38547"
+  "gitHead": "f12d8141dc829f454e5ed5712ba4901b038447db"
 }

package/src/components/SearchPublishedContent/SearchPublishedContent.js

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
+import { MdClose, MdSearch } from 'react-icons/md';
 import { useDebounce } from '@blaze-react/utils/lib/customHooks';
 import useSearchResults from '../useSearchResults';
 import { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';
@@ -146,8 +147,16 @@ SearchPublishedContent.defaultProps = {
   onChange: () => {},
   onEnterPress: () => {},
   getIsOpenSearchBar: state => state,
-  SearchIcon: () => <i className="material-icons">search</i>,
-  CloseIcon: () => <i className="material-icons">close</i>,
+  SearchIcon: () => (
+    <i>
+      <MdSearch />
+    </i>
+  ),
+  CloseIcon: () => (
+    <i>
+      <MdClose />
+    </i>
+  ),
   className: '',
   inputRef: null,
   isSearchBarOpen: null,