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

package/lib/components/ModalAdapter/ModalAdapter.js

@@ -1,21 +1,20 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports.default = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _modal = _interopRequireDefault(require("@blaze-react/modal"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _hooks = require("../../hooks");
-var ModalAdapter = function ModalAdapter(_ref) {
-  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  var target = (0, _hooks.usePortal)();
-  return /*#__PURE__*/_reactDom["default"].createPortal(/*#__PURE__*/_react["default"].createElement(_modal["default"], props), target);
+const ModalAdapter = _ref => {
+  let props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
+  const target = (0, _hooks.usePortal)();
+  return /*#__PURE__*/_reactDom.default.createPortal(/*#__PURE__*/_react.default.createElement(_modal.default, props), target);
 };
-var _default = exports["default"] = ModalAdapter;
+var _default = exports.default = ModalAdapter;
 //# sourceMappingURL=ModalAdapter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalAdapter.js","names":["_react","_interopRequireDefault","require","_modal","_reactDom","_hooks","ModalAdapter","_ref","props","_extends2","_objectDestructuringEmpty2","target","usePortal","ReactDOM","createPortal","createElement","_default","exports"],"sources":["../../../src/components/ModalAdapter/ModalAdapter.js"],"sourcesContent":["import React from 'react';\nimport Modal from '@blaze-react/modal';\nimport ReactDOM from 'react-dom';\nimport { usePortal } from '../../hooks';\n\nconst ModalAdapter = ({ ...props }) => {\n  const target = usePortal();\n\n  return ReactDOM.createPortal(<Modal {...props} />, target);\n};\n\nexport default ModalAdapter;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAMI,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAqB;EAAA,IAAZC,KAAK,OAAAC,SAAA,sBAAAC,0BAAA,aAAAH,IAAA,GAAAA,IAAA;EAC9B,IAAMI,MAAM,GAAG,IAAAC,gBAAS,EAAC,CAAC;EAE1B,oBAAOC,oBAAQ,CAACC,YAAY,cAACd,MAAA,YAAAe,aAAA,CAACZ,MAAA,WAAK,EAAKK,KAAQ,CAAC,EAAEG,MAAM,CAAC;AAC5D,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,cAEaX,YAAY","ignoreList":[]}
+{"version":3,"file":"ModalAdapter.js","names":["_react","_interopRequireDefault","require","_modal","_reactDom","_hooks","ModalAdapter","_ref","props","_extends2","default","_objectDestructuringEmpty2","target","usePortal","ReactDOM","createPortal","createElement","_default","exports"],"sources":["../../../src/components/ModalAdapter/ModalAdapter.js"],"sourcesContent":["import React from 'react';\nimport Modal from '@blaze-react/modal';\nimport ReactDOM from 'react-dom';\nimport { usePortal } from '../../hooks';\n\nconst ModalAdapter = ({ ...props }) => {\n  const target = usePortal();\n\n  return ReactDOM.createPortal(<Modal {...props} />, target);\n};\n\nexport default ModalAdapter;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,MAAMI,YAAY,GAAGC,IAAA,IAAkB;EAAA,IAAZC,KAAK,OAAAC,SAAA,CAAAC,OAAA,WAAAC,0BAAA,CAAAD,OAAA,EAAAH,IAAA,GAAAA,IAAA;EAC9B,MAAMK,MAAM,GAAG,IAAAC,gBAAS,EAAC,CAAC;EAE1B,oBAAOC,iBAAQ,CAACC,YAAY,cAACf,MAAA,CAAAU,OAAA,CAAAM,aAAA,CAACb,MAAA,CAAAO,OAAK,EAAKF,KAAQ,CAAC,EAAEI,MAAM,CAAC;AAC5D,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEaJ,YAAY","ignoreList":[]}

package/lib/components/ModalAdapter/index.js

@@ -4,22 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.promise.js");
-require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
+exports.default = void 0;
 var _dynamic = _interopRequireDefault(require("next/dynamic"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2["default"])(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var _default = exports["default"] = (0, _dynamic["default"])(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require(/* webpackChunkName: "blazePbModalAdaptor" */'./ModalAdapter'));
-  });
-});
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var _default = exports.default = (0, _dynamic.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./ModalAdapter'))));
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_dynamic","_interopRequireDefault","require","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","_typeof2","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_default","exports","dynamic","Promise","resolve","then"],"sources":["../../../src/components/ModalAdapter/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(\n  () => import(/* webpackChunkName: \"blazePbModalAdaptor\" */ './ModalAdapter')\n);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAI,wBAAAJ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,eAAAA,CAAA,oBAAAM,QAAA,aAAAN,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAI,GAAA,CAAAP,CAAA,UAAAG,CAAA,CAAAK,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,cAAAT,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,IAAAW,QAAA,GAAAC,OAAA,cAEpB,IAAAC,mBAAO,EACpB;EAAA,OAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;IAAA,OAAArB,uBAAA,CAAAN,OAAA,CAAa,6CAA8C,gBAAgB;EAAA;AAAA,CAC7E,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_dynamic","_interopRequireDefault","require","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_default","exports","dynamic","Promise","resolve","then"],"sources":["../../../src/components/ModalAdapter/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(\n  () => import(/* webpackChunkName: \"blazePbModalAdaptor\" */ './ModalAdapter')\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAC,wBAAAC,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAH,uBAAA,YAAAA,CAAAC,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,IAAAkB,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEpB,IAAAW,gBAAO,EACpB,MAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAzB,uBAAA,CAAAD,OAAA,CAA2D,gBAAgB,GAC7E,CAAC","ignoreList":[]}

package/lib/components/SearchContent/SearchContent.js

@@ -1,101 +1,95 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.join.js");
-require("core-js/modules/es.object.to-string.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _router = require("next/router");
 var _pluginSearchUi = require("@blaze-cms/plugin-search-ui");
 var _SearchContentResults = _interopRequireDefault(require("./SearchContentResults"));
 var _SearchContentToggleIcon = _interopRequireDefault(require("./SearchContentToggleIcon"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var SearchContent = function SearchContent(_ref) {
-  var entities = _ref.entities,
-    searchInputWrapperMobile = _ref.searchInputWrapperMobile,
-    searchInputWrapperDesktop = _ref.searchInputWrapperDesktop,
-    isMobile = _ref.isMobile,
-    placeholder = _ref.placeholder,
-    modifier = _ref.modifier,
-    collapsedSearch = _ref.collapsedSearch,
-    searchUrl = _ref.searchUrl,
-    navigateToSingleSearchResult = _ref.navigateToSingleSearchResult;
-  var searchContentRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(collapsedSearch),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    collapsed = _useState2[0],
-    setCollapsed = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    showResults = _useState4[0],
-    setShowResults = _useState4[1];
-  var router = (0, _router.useRouter)();
-  var _useDebounceSearch = (0, _pluginSearchUi.useDebounceSearch)({
-      entities: entities,
-      initialSearchTerm: '',
-      resultKeys: 'id, name, image { url }, url'
-    }),
-    results = _useDebounceSearch.results,
-    searchTerm = _useDebounceSearch.searchTerm,
-    setSearchTerm = _useDebounceSearch.setSearchTerm,
-    debouncedSearchTerm = _useDebounceSearch.debouncedSearchTerm;
-  (0, _react.useEffect)(function () {
-    var handleRouteChange = function handleRouteChange() {
+var _hooks = require("../../hooks");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SearchContent = props => {
+  const {
+    entities,
+    searchInputWrapperMobile,
+    searchInputWrapperDesktop,
+    isMobile,
+    placeholder,
+    modifier,
+    collapsedSearch,
+    searchUrl,
+    navigateToSingleSearchResult
+  } = props;
+  const searchContentRef = (0, _react.useRef)(null);
+  const [collapsed, setCollapsed] = (0, _react.useState)(collapsedSearch);
+  const [showResults, setShowResults] = (0, _react.useState)(false);
+  const router = (0, _router.useRouter)();
+  const {
+    runHook
+  } = (0, _hooks.useAppSyncEventHook)({
+    eventName: 'searchcontent:query-variables',
+    props,
+    returnFunction: true
+  });
+  const {
+    results,
+    searchTerm,
+    setSearchTerm,
+    debouncedSearchTerm
+  } = (0, _pluginSearchUi.useDebounceSearch)({
+    entities,
+    initialSearchTerm: '',
+    resultKeys: 'id, name, image { url }, url',
+    queryHook: runHook
+  });
+  (0, _react.useEffect)(() => {
+    const handleRouteChange = () => {
       setSearchTerm('');
       setShowResults(false);
       if (collapsedSearch) setCollapsed(true);
     };
     router.events.on('routeChangeStart', handleRouteChange);
-    return function () {
+    return () => {
       router.events.off('routeChangeStart', handleRouteChange);
     };
   }, [collapsedSearch, router.events, setSearchTerm]);
-  (0, _react.useEffect)(function () {
-    var handleClickOutside = function handleClickOutside(event) {
+  (0, _react.useEffect)(() => {
+    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('');
         }
       }
     };
     document.addEventListener('click', handleClickOutside);
-    return function () {
+    return () => {
       document.removeEventListener('click', handleClickOutside);
     };
   }, [collapsedSearch, setSearchTerm]);
-  var responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;
-  var handleNavigation = function handleNavigation(e, url) {
+  const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;
+  const handleNavigation = (e, url) => {
     e.preventDefault();
     router.push(url);
   };
-  var handleKeyDown = function handleKeyDown(e) {
+  const handleKeyDown = e => {
     if (e.key === 'Enter' && e.target.value !== '') {
       if (navigateToSingleSearchResult && results && results.length === 1 && results[0].url) {
         router.push(results[0].url);
       } else {
-        router.push("".concat(searchUrl || '/search', "?search_term=").concat(e.target.value));
+        const searchUrlWithoutHash = (searchUrl || '/search').split('#')[0];
+        router.push(`${searchUrlWithoutHash}?search_term=${e.target.value}`);
       }
     }
   };
-  var handleIconClick = function handleIconClick() {
-    var isCloseIcon = collapsedSearch ? !collapsed : debouncedSearchTerm;
+  const handleIconClick = () => {
+    const isCloseIcon = collapsedSearch ? !collapsed : debouncedSearchTerm;
     if (collapsedSearch) setCollapsed(!collapsed);
     if (isCloseIcon) {
       setSearchTerm('');
@@ -104,51 +98,53 @@ var SearchContent = function SearchContent(_ref) {
       setShowResults(true);
     }
   };
-  var className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');
-  var searchModifier = collapsed ? 'search-content--collapse' : 'search-content--expanded';
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  const className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');
+  const searchModifier = collapsed ? 'search-content--collapse' : 'search-content--expanded';
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     ref: searchContentRef
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(searchModifier, "__wrapper")
-  }, /*#__PURE__*/_react["default"].createElement("label", {
-    className: "".concat(searchModifier, "__label")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(searchModifier, "__icon_wrapper")
-  }, /*#__PURE__*/_react["default"].createElement(_SearchContentToggleIcon["default"], {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${searchModifier}__wrapper`
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    className: `${searchModifier}__label`
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: `${searchModifier}__icon_wrapper`
+  }, /*#__PURE__*/_react.default.createElement(_SearchContentToggleIcon.default, {
     searchTerm: debouncedSearchTerm,
     onClick: handleIconClick,
     useCloseIcon: collapsedSearch ? !collapsed : debouncedSearchTerm
-  })), !collapsed && /*#__PURE__*/_react["default"].createElement("input", {
-    className: "".concat(searchModifier, "__input"),
+  })), !collapsed && /*#__PURE__*/_react.default.createElement("input", {
+    className: `${searchModifier}__input`,
     type: "text",
     name: "search",
     placeholder: placeholder,
     value: searchTerm,
-    onChange: function onChange(e) {
-      return setSearchTerm(e.target.value);
+    onChange: e => {
+      setSearchTerm(e.target.value);
+      setShowResults(true);
     },
     onKeyDown: handleKeyDown,
-    onFocus: function onFocus() {
-      return setShowResults(true);
+    onFocus: () => {
+      setShowResults(true);
+      if (collapsedSearch) setCollapsed(false);
     },
     "data-testid": "search-content-input"
-  }))), showResults && /*#__PURE__*/_react["default"].createElement(_SearchContentResults["default"], {
+  }))), showResults && /*#__PURE__*/_react.default.createElement(_SearchContentResults.default, {
     results: results,
     debouncedSearchTerm: debouncedSearchTerm,
     handleClick: handleNavigation
   }));
 };
 SearchContent.propTypes = {
-  searchInputWrapperMobile: _propTypes["default"].string,
-  searchInputWrapperDesktop: _propTypes["default"].string,
-  placeholder: _propTypes["default"].string,
-  isMobile: _propTypes["default"].bool,
-  entities: _propTypes["default"].array.isRequired,
-  modifier: _propTypes["default"].string,
-  collapsedSearch: _propTypes["default"].bool,
-  searchUrl: _propTypes["default"].string,
-  navigateToSingleSearchResult: _propTypes["default"].bool
+  searchInputWrapperMobile: _propTypes.default.string,
+  searchInputWrapperDesktop: _propTypes.default.string,
+  placeholder: _propTypes.default.string,
+  isMobile: _propTypes.default.bool,
+  entities: _propTypes.default.array.isRequired,
+  modifier: _propTypes.default.string,
+  collapsedSearch: _propTypes.default.bool,
+  searchUrl: _propTypes.default.string,
+  navigateToSingleSearchResult: _propTypes.default.bool
 };
 SearchContent.defaultProps = {
   searchInputWrapperMobile: '',
@@ -160,5 +156,5 @@ SearchContent.defaultProps = {
   searchUrl: '',
   navigateToSingleSearchResult: false
 };
-var _default = exports["default"] = SearchContent;
+var _default = exports.default = SearchContent;
 //# sourceMappingURL=SearchContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchContent.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_router","_pluginSearchUi","_SearchContentResults","_SearchContentToggleIcon","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SearchContent","_ref","entities","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","placeholder","modifier","collapsedSearch","searchUrl","navigateToSingleSearchResult","searchContentRef","useRef","_useState","useState","_useState2","_slicedToArray2","collapsed","setCollapsed","_useState3","_useState4","showResults","setShowResults","router","useRouter","_useDebounceSearch","useDebounceSearch","initialSearchTerm","resultKeys","results","searchTerm","setSearchTerm","debouncedSearchTerm","useEffect","handleRouteChange","events","on","off","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","responsiveClasses","handleNavigation","url","preventDefault","push","handleKeyDown","key","value","length","concat","handleIconClick","isCloseIcon","className","filter","Boolean","join","searchModifier","createElement","ref","onClick","useCloseIcon","type","name","onChange","onKeyDown","onFocus","handleClick","propTypes","PropTypes","string","bool","array","isRequired","defaultProps","_default","exports"],"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","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_router","_pluginSearchUi","_SearchContentResults","_SearchContentToggleIcon","_hooks","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SearchContent","props","entities","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","placeholder","modifier","collapsedSearch","searchUrl","navigateToSingleSearchResult","searchContentRef","useRef","collapsed","setCollapsed","useState","showResults","setShowResults","router","useRouter","runHook","useAppSyncEventHook","eventName","returnFunction","results","searchTerm","setSearchTerm","debouncedSearchTerm","useDebounceSearch","initialSearchTerm","resultKeys","queryHook","useEffect","handleRouteChange","events","on","off","handleClickOutside","event","current","contains","target","document","activeElement","querySelector","addEventListener","removeEventListener","responsiveClasses","handleNavigation","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","PropTypes","string","bool","array","isRequired","defaultProps","_default","exports"],"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/components/SearchContent/SearchContentItems.js

@@ -1,42 +1,38 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.function.name.js");
-require("core-js/modules/es.object.to-string.js");
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _BlazeLink = _interopRequireDefault(require("../BlazeLink"));
 var _LazyImage = _interopRequireDefault(require("../LazyImage"));
-var SearchContentItems = function SearchContentItems(_ref) {
-  var _ref$results = _ref.results,
-    results = _ref$results === void 0 ? [] : _ref$results,
-    onClick = _ref.onClick;
-  return results.map(function (item) {
-    if (!item || !item.url) return null;
-    var id = item.id,
-      name = item.name,
-      image = item.image,
-      url = item.url;
-    return /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
-      href: url,
-      onClick: onClick,
-      key: id
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "search-content--results__wrapper"
-    }, (image === null || image === void 0 ? void 0 : image.url) ? /*#__PURE__*/_react["default"].createElement(_LazyImage["default"], {
-      src: image.url,
-      alt: name,
-      className: "search-content--results__image",
-      sizeKey: "search-result"
-    }) : null, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "search-content--results__title"
-    }, name)));
-  });
-};
-var _default = exports["default"] = SearchContentItems;
+const SearchContentItems = ({
+  results = [],
+  onClick
+}) => results.map(item => {
+  if (!item || !item.url) return null;
+  const {
+    id,
+    name,
+    image,
+    url
+  } = item;
+  return /*#__PURE__*/_react.default.createElement(_BlazeLink.default, {
+    href: url,
+    onClick: onClick,
+    key: id
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "search-content--results__wrapper"
+  }, (image === null || image === void 0 ? void 0 : image.url) ? /*#__PURE__*/_react.default.createElement(_LazyImage.default, {
+    src: image.url,
+    alt: name,
+    className: "search-content--results__image",
+    sizeKey: "search-result"
+  }) : null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "search-content--results__title"
+  }, name)));
+});
+var _default = exports.default = SearchContentItems;
 //# sourceMappingURL=SearchContentItems.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchContentItems.js","names":["_react","_interopRequireDefault","require","_BlazeLink","_LazyImage","SearchContentItems","_ref","_ref$results","results","onClick","map","item","url","id","name","image","createElement","href","key","className","src","alt","sizeKey","_default","exports"],"sources":["../../../src/components/SearchContent/SearchContentItems.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport LazyImage from '../LazyImage';\n\nconst SearchContentItems = ({ results = [], onClick }) =>\n  results.map(item => {\n    if (!item || !item.url) return null;\n\n    const { id, name, image, url } = item;\n\n    return (\n      <BlazeLink href={url} onClick={onClick} key={id}>\n        <div className=\"search-content--results__wrapper\">\n          {image?.url ? (\n            <LazyImage\n              src={image.url}\n              alt={name}\n              className=\"search-content--results__image\"\n              sizeKey=\"search-result\"\n            />\n          ) : null}\n          <span className=\"search-content--results__title\">{name}</span>\n        </div>\n      </BlazeLink>\n    );\n  });\n\nexport default SearchContentItems;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA;EAAA,IAAAC,YAAA,GAAAD,IAAA,CAAME,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,EAAE,GAAAA,YAAA;IAAEE,OAAO,GAAAH,IAAA,CAAPG,OAAO;EAAA,OACjDD,OAAO,CAACE,GAAG,CAAC,UAAAC,IAAI,EAAI;IAClB,IAAI,CAACA,IAAI,IAAI,CAACA,IAAI,CAACC,GAAG,EAAE,OAAO,IAAI;IAEnC,IAAQC,EAAE,GAAuBF,IAAI,CAA7BE,EAAE;MAAEC,IAAI,GAAiBH,IAAI,CAAzBG,IAAI;MAAEC,KAAK,GAAUJ,IAAI,CAAnBI,KAAK;MAAEH,GAAG,GAAKD,IAAI,CAAZC,GAAG;IAE5B,oBACEZ,MAAA,YAAAgB,aAAA,CAACb,UAAA,WAAS;MAACc,IAAI,EAAEL,GAAI;MAACH,OAAO,EAAEA,OAAQ;MAACS,GAAG,EAAEL;IAAG,gBAC9Cb,MAAA,YAAAgB,aAAA;MAAKG,SAAS,EAAC;IAAkC,GAC9C,CAAAJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEH,GAAG,iBACTZ,MAAA,YAAAgB,aAAA,CAACZ,UAAA,WAAS;MACRgB,GAAG,EAAEL,KAAK,CAACH,GAAI;MACfS,GAAG,EAAEP,IAAK;MACVK,SAAS,EAAC,gCAAgC;MAC1CG,OAAO,EAAC;IAAe,CACxB,CAAC,GACA,IAAI,eACRtB,MAAA,YAAAgB,aAAA;MAAMG,SAAS,EAAC;IAAgC,GAAEL,IAAW,CAC1D,CACI,CAAC;EAEhB,CAAC,CAAC;AAAA;AAAC,IAAAS,QAAA,GAAAC,OAAA,cAEUnB,kBAAkB","ignoreList":[]}
+{"version":3,"file":"SearchContentItems.js","names":["_react","_interopRequireDefault","require","_BlazeLink","_LazyImage","SearchContentItems","results","onClick","map","item","url","id","name","image","default","createElement","href","key","className","src","alt","sizeKey","_default","exports"],"sources":["../../../src/components/SearchContent/SearchContentItems.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport LazyImage from '../LazyImage';\n\nconst SearchContentItems = ({ results = [], onClick }) =>\n  results.map(item => {\n    if (!item || !item.url) return null;\n\n    const { id, name, image, url } = item;\n\n    return (\n      <BlazeLink href={url} onClick={onClick} key={id}>\n        <div className=\"search-content--results__wrapper\">\n          {image?.url ? (\n            <LazyImage\n              src={image.url}\n              alt={name}\n              className=\"search-content--results__image\"\n              sizeKey=\"search-result\"\n            />\n          ) : null}\n          <span className=\"search-content--results__title\">{name}</span>\n        </div>\n      </BlazeLink>\n    );\n  });\n\nexport default SearchContentItems;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,MAAMG,kBAAkB,GAAGA,CAAC;EAAEC,OAAO,GAAG,EAAE;EAAEC;AAAQ,CAAC,KACnDD,OAAO,CAACE,GAAG,CAACC,IAAI,IAAI;EAClB,IAAI,CAACA,IAAI,IAAI,CAACA,IAAI,CAACC,GAAG,EAAE,OAAO,IAAI;EAEnC,MAAM;IAAEC,EAAE;IAAEC,IAAI;IAAEC,KAAK;IAAEH;EAAI,CAAC,GAAGD,IAAI;EAErC,oBACET,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,UAAA,CAAAW,OAAS;IAACE,IAAI,EAAEN,GAAI;IAACH,OAAO,EAAEA,OAAQ;IAACU,GAAG,EAAEN;EAAG,gBAC9CX,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKG,SAAS,EAAC;EAAkC,GAC9C,CAAAL,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEH,GAAG,iBACTV,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,UAAA,CAAAU,OAAS;IACRK,GAAG,EAAEN,KAAK,CAACH,GAAI;IACfU,GAAG,EAAER,IAAK;IACVM,SAAS,EAAC,gCAAgC;IAC1CG,OAAO,EAAC;EAAe,CACxB,CAAC,GACA,IAAI,eACRrB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAMG,SAAS,EAAC;EAAgC,GAAEN,IAAW,CAC1D,CACI,CAAC;AAEhB,CAAC,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEUT,kBAAkB","ignoreList":[]}

package/lib/components/SearchContent/SearchContentResults.js

@@ -1,34 +1,35 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _BlazeLink = _interopRequireDefault(require("../BlazeLink"));
 var _SearchContentItems = _interopRequireDefault(require("./SearchContentItems"));
-var SearchContentResults = function SearchContentResults(_ref) {
-  var results = _ref.results,
-    debouncedSearchTerm = _ref.debouncedSearchTerm,
-    onClick = _ref.onClick;
+const SearchContentResults = ({
+  results,
+  debouncedSearchTerm,
+  onClick
+}) => {
   if (!debouncedSearchTerm) return null;
-  var hasResults = results.length > 0;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "search-content--results__wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  const hasResults = results.length > 0;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "search-content--results__wrapper",
+    "data-testid": "search-content-results"
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "search-content--results__wrapper--message"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "search-content--results__content"
-  }, hasResults ? /*#__PURE__*/_react["default"].createElement(_SearchContentItems["default"], {
+  }, hasResults ? /*#__PURE__*/_react.default.createElement(_SearchContentItems.default, {
     results: results,
     onClick: onClick
-  }) : /*#__PURE__*/_react["default"].createElement("div", {
+  }) : /*#__PURE__*/_react.default.createElement("div", {
     className: "search-content--results__message"
-  }, /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
-    href: "/search?search_term=".concat(debouncedSearchTerm)
-  }, "Search all results for: ".concat(debouncedSearchTerm))))));
+  }, /*#__PURE__*/_react.default.createElement(_BlazeLink.default, {
+    href: `/search?search_term=${debouncedSearchTerm}`
+  }, `Search all results for: ${debouncedSearchTerm}`)))));
 };
-var _default = exports["default"] = SearchContentResults;
+var _default = exports.default = SearchContentResults;
 //# sourceMappingURL=SearchContentResults.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchContentResults.js","names":["_react","_interopRequireDefault","require","_BlazeLink","_SearchContentItems","SearchContentResults","_ref","results","debouncedSearchTerm","onClick","hasResults","length","createElement","className","href","concat","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAAkD;EAAA,IAA5CC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,mBAAmB,GAAAF,IAAA,CAAnBE,mBAAmB;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;EACnE,IAAI,CAACD,mBAAmB,EAAE,OAAO,IAAI;EACrC,IAAME,UAAU,GAAGH,OAAO,CAACI,MAAM,GAAG,CAAC;EACrC,oBACEX,MAAA,YAAAY,aAAA;IAAKC,SAAS,EAAC;EAAkC,gBAC/Cb,MAAA,YAAAY,aAAA;IAAKC,SAAS,EAAC;EAA2C,gBACxDb,MAAA,YAAAY,aAAA;IAAKC,SAAS,EAAC;EAAkC,GAC9CH,UAAU,gBACTV,MAAA,YAAAY,aAAA,CAACR,mBAAA,WAAkB;IAACG,OAAO,EAAEA,OAAQ;IAACE,OAAO,EAAEA;EAAQ,CAAE,CAAC,gBAE1DT,MAAA,YAAAY,aAAA;IAAKC,SAAS,EAAC;EAAkC,gBAC/Cb,MAAA,YAAAY,aAAA,CAACT,UAAA,WAAS;IAACW,IAAI,yBAAAC,MAAA,CAAyBP,mBAAmB;EAAG,8BAAAO,MAAA,CAChCP,mBAAmB,CACtC,CACR,CAEJ,CACF,CACF,CAAC;AAEV,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,cAEaZ,oBAAoB","ignoreList":[]}
+{"version":3,"file":"SearchContentResults.js","names":["_react","_interopRequireDefault","require","_BlazeLink","_SearchContentItems","SearchContentResults","results","debouncedSearchTerm","onClick","hasResults","length","default","createElement","className","href","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,MAAMG,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,oBACEV,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC,kCAAkC;IAAC,eAAY;EAAwB,gBACpFb,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA2C,gBACxDb,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAkC,GAC9CJ,UAAU,gBACTT,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,mBAAA,CAAAO,OAAkB;IAACL,OAAO,EAAEA,OAAQ;IAACE,OAAO,EAAEA;EAAQ,CAAE,CAAC,gBAE1DR,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAkC,gBAC/Cb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,UAAA,CAAAQ,OAAS;IAACG,IAAI,EAAE,uBAAuBP,mBAAmB;EAAG,GAC3D,2BAA2BA,mBAAmB,EACtC,CACR,CAEJ,CACF,CACF,CAAC;AAEV,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEaN,oBAAoB","ignoreList":[]}

package/lib/components/SearchContent/SearchContentToggleIcon.js

@@ -1,26 +1,24 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("./constants");
-var SearchContentToggleIcon = function SearchContentToggleIcon(_ref) {
-  var onClick = _ref.onClick,
-    useCloseIcon = _ref.useCloseIcon;
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    className: "search-content--expanded__icon",
-    viewBox: "0 0 20 20",
-    onClick: onClick,
-    "data-testid": useCloseIcon ? 'search-content-icon-close' : 'search-content-icon'
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: useCloseIcon ? _constants.CLOSE_ICON : _constants.SEARCH_ICON
-  }));
-};
-var _default = exports["default"] = SearchContentToggleIcon;
+const SearchContentToggleIcon = ({
+  onClick,
+  useCloseIcon
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  className: "search-content--expanded__icon",
+  viewBox: "0 0 20 20",
+  onClick: onClick,
+  "data-testid": useCloseIcon ? 'search-content-icon-close' : 'search-content-icon'
+}, /*#__PURE__*/_react.default.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: useCloseIcon ? _constants.CLOSE_ICON : _constants.SEARCH_ICON
+}));
+var _default = exports.default = SearchContentToggleIcon;
 //# sourceMappingURL=SearchContentToggleIcon.js.map