@blaze-cms/plugin-search-ui 0.110.0-alpha.1

package/lib/components/SearchAdmin/SearchResults/SearchResults.js

@@ -0,0 +1,200 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.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");
+
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.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;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+require("core-js/modules/es.array.includes.js");
+
+require("core-js/modules/es.string.includes.js");
+
+require("core-js/modules/es.array.concat.js");
+
+require("core-js/modules/es.date.to-string.js");
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.function.name.js");
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactTinyVirtualList = _interopRequireDefault(require("react-tiny-virtual-list"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _constants = require("../../../constants");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/* eslint-disable jsx-a11y/anchor-is-valid */
+
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+var SearchResults = function SearchResults(_ref) {
+  var currentValue = _ref.currentValue,
+      loading = _ref.loading,
+      results = _ref.results,
+      total = _ref.total,
+      setQueryParams = _ref.setQueryParams,
+      closeModal = _ref.closeModal,
+      history = _ref.history;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      verifiedRanges = _useState2[0],
+      setVerifiedRanges = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      currentIndex = _useState4[0],
+      setCurrentIndex = _useState4[1];
+
+  var handleRenderedItems = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(_ref2) {
+      var startIndex, rowsLength, loadIndex;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              startIndex = _ref2.startIndex;
+              rowsLength = results.length;
+              loadIndex = Math.floor(rowsLength / 2) - _constants.SEARCH_RESULTS_OVER_SCAN_BUFFER;
+
+              if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {
+                setQueryParams({
+                  value: currentValue,
+                  offset: results.length
+                });
+                setVerifiedRanges([].concat((0, _toConsumableArray2["default"])(verifiedRanges), [loadIndex]));
+                setCurrentIndex(startIndex + _constants.SEARCH_RESULTS_OVER_SCAN_BUFFER);
+              }
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handleRenderedItems(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  var getNavigationRoute = function getNavigationRoute(_ref4) {
+    var id = _ref4.id,
+        docType = _ref4.docType;
+    return docType === _constants.FILE ? "/media/edit/".concat(id) : "/data-listing/".concat(docType, "/update/").concat(id);
+  };
+
+  var navigate = function navigate(_ref5) {
+    var id = _ref5.id,
+        docType = _ref5.docType;
+    history.push(getNavigationRoute({
+      id: id,
+      docType: docType
+    }));
+    closeModal();
+  };
+
+  var getDateFormat = function getDateFormat(date) {
+    var newDate = new Date(date);
+    var day = "0".concat(newDate.getDate()).slice(-2);
+    var month = "0".concat(newDate.getMonth() + 1).slice(-2);
+    var year = String(newDate.getYear()).slice(-2);
+    return "".concat(day, ".").concat(month, ".").concat(year);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, loading && /*#__PURE__*/_react["default"].createElement("span", null, "Loading..."), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "modal__content modal__content--search"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "header header--list"
+  }, /*#__PURE__*/_react["default"].createElement("h2", null, total, " results")), /*#__PURE__*/_react["default"].createElement(_reactTinyVirtualList["default"], {
+    width: "100%",
+    height: window.innerHeight - _constants.SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,
+    itemCount: results.length,
+    itemSize: _constants.SEARCH_RESULTS_ITEM_SIZE,
+    overscanCount: _constants.SEARCH_RESULTS_OVER_SCAN_BUFFER,
+    scrollToIndex: currentIndex,
+    onItemsRendered: handleRenderedItems,
+    renderItem: function renderItem(_ref6) {
+      var index = _ref6.index,
+          style = _ref6.style;
+      var _results$index = results[index],
+          id = _results$index.id,
+          docType = _results$index.docType,
+          updated = _results$index.updated,
+          name = _results$index.name;
+      var updatedDate = updated ? getDateFormat(updated) : null;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: index,
+        style: style,
+        className: "list__item--resultWrapper"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "list__item list__item--result"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "list__item-row list__item-row--result"
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "badge badge--primary"
+      }, docType, " ", updatedDate), /*#__PURE__*/_react["default"].createElement("a", {
+        href: getNavigationRoute({
+          id: id,
+          docType: docType
+        }),
+        onClick: function onClick() {
+          return navigate({
+            id: id,
+            docType: docType
+          });
+        },
+        className: "list__item-text list__item-text--result"
+      }, name))));
+    }
+  })));
+};
+
+SearchResults.propTypes = {
+  loading: _propTypes["default"].bool.isRequired,
+  results: _propTypes["default"].array.isRequired,
+  total: _propTypes["default"].number.isRequired,
+  setQueryParams: _propTypes["default"].func.isRequired,
+  closeModal: _propTypes["default"].func.isRequired,
+  history: _propTypes["default"].object.isRequired,
+  currentValue: _propTypes["default"].string.isRequired
+};
+
+var _default = (0, _reactRouterDom.withRouter)(SearchResults);
+
+exports["default"] = _default;
+//# sourceMappingURL=SearchResults.js.map

package/lib/components/SearchAdmin/SearchResults/SearchResults.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchAdmin/SearchResults/SearchResults.js"],"names":["SearchResults","currentValue","loading","results","total","setQueryParams","closeModal","history","verifiedRanges","setVerifiedRanges","currentIndex","setCurrentIndex","handleRenderedItems","startIndex","rowsLength","length","loadIndex","Math","floor","SEARCH_RESULTS_OVER_SCAN_BUFFER","includes","value","offset","getNavigationRoute","id","docType","FILE","navigate","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","window","innerHeight","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_ITEM_SIZE","index","style","updated","name","updatedDate","propTypes","PropTypes","bool","isRequired","array","number","func","object","string"],"mappings":"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","sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { withRouter } from 'react-router-dom';\nimport {\n  SEARCH_RESULTS_OVER_SCAN_BUFFER,\n  SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n  SEARCH_RESULTS_ITEM_SIZE,\n  FILE\n} from '../../../constants';\n\nconst SearchResults = ({\n  currentValue,\n  loading,\n  results,\n  total,\n  setQueryParams,\n  closeModal,\n  history\n}) => {\n  const [verifiedRanges, setVerifiedRanges] = useState([]);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const handleRenderedItems = async ({ startIndex }) => {\n    const rowsLength = results.length;\n    const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;\n    if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n      setQueryParams({ value: currentValue, offset: results.length });\n      setVerifiedRanges([...verifiedRanges, loadIndex]);\n      setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);\n    }\n  };\n\n  const getNavigationRoute = ({ id, docType }) =>\n    docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;\n\n  const navigate = ({ id, docType }) => {\n    history.push(getNavigationRoute({ id, docType }));\n    closeModal();\n  };\n\n  const getDateFormat = date => {\n    const newDate = new Date(date);\n    const day = `0${newDate.getDate()}`.slice(-2);\n    const month = `0${newDate.getMonth() + 1}`.slice(-2);\n    const year = String(newDate.getYear()).slice(-2);\n    return `${day}.${month}.${year}`;\n  };\n\n  return (\n    <>\n      {loading && <span>Loading...</span>}\n      <div className=\"modal__content modal__content--search\">\n        <div className=\"header header--list\">\n          <h2>{total} results</h2>\n        </div>\n        <VirtualList\n          width=\"100%\"\n          height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}\n          itemCount={results.length}\n          itemSize={SEARCH_RESULTS_ITEM_SIZE}\n          overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}\n          scrollToIndex={currentIndex}\n          onItemsRendered={handleRenderedItems}\n          renderItem={({ index, style }) => {\n            const { id, docType, updated, name } = results[index];\n            const updatedDate = updated ? getDateFormat(updated) : null;\n            return (\n              <div key={index} style={style} className=\"list__item--resultWrapper\">\n                <div className=\"list__item list__item--result\">\n                  <div className=\"list__item-row list__item-row--result\">\n                    <span className=\"badge badge--primary\">\n                      {docType} {updatedDate}\n                    </span>\n                    <a\n                      href={getNavigationRoute({\n                        id,\n                        docType\n                      })}\n                      onClick={() =>\n                        navigate({\n                          id,\n                          docType\n                        })\n                      }\n                      className=\"list__item-text list__item-text--result\">\n                      {name}\n                    </a>\n                  </div>\n                </div>\n              </div>\n            );\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nSearchResults.propTypes = {\n  loading: PropTypes.bool.isRequired,\n  results: PropTypes.array.isRequired,\n  total: PropTypes.number.isRequired,\n  setQueryParams: PropTypes.func.isRequired,\n  closeModal: PropTypes.func.isRequired,\n  history: PropTypes.object.isRequired,\n  currentValue: PropTypes.string.isRequired\n};\n\nexport default withRouter(SearchResults);\n"],"file":"SearchResults.js"}

package/lib/components/SearchAdmin/SearchResults/index.js

@@ -0,0 +1,16 @@
+"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 _SearchResults = _interopRequireDefault(require("./SearchResults"));
+
+var _default = _SearchResults["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/components/SearchAdmin/SearchResults/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchAdmin/SearchResults/index.js"],"names":["SearchResults"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,yB","sourcesContent":["import SearchResults from './SearchResults';\n\nexport default SearchResults;\n"],"file":"index.js"}

package/lib/components/SearchAdmin/TriggerModal/TriggerModal.js

@@ -0,0 +1,30 @@
+"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 _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var TriggerModal = function TriggerModal(_ref) {
+  var toggleSearchModal = _ref.toggleSearchModal;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    role: "button",
+    className: "material-icons searchModal-search-icon",
+    onClick: toggleSearchModal
+  }, "search");
+};
+
+TriggerModal.propTypes = {
+  toggleSearchModal: _propTypes["default"].func.isRequired
+};
+var _default = TriggerModal;
+exports["default"] = _default;
+//# sourceMappingURL=TriggerModal.js.map

package/lib/components/SearchAdmin/TriggerModal/TriggerModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchAdmin/TriggerModal/TriggerModal.js"],"names":["TriggerModal","toggleSearchModal","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;AAAA,MAAGC,iBAAH,QAAGA,iBAAH;AAAA,sBACnB;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,SAAS,EAAC,wCAFZ;AAGE,IAAA,OAAO,EAAEA;AAHX,cADmB;AAAA,CAArB;;AASAD,YAAY,CAACE,SAAb,GAAyB;AACvBD,EAAAA,iBAAiB,EAAEE,sBAAUC,IAAV,CAAeC;AADX,CAAzB;eAIeL,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst TriggerModal = ({ toggleSearchModal }) => (\n  <span\n    role=\"button\"\n    className=\"material-icons searchModal-search-icon\"\n    onClick={toggleSearchModal}>\n    search\n  </span>\n);\n\nTriggerModal.propTypes = {\n  toggleSearchModal: PropTypes.func.isRequired\n};\n\nexport default TriggerModal;\n"],"file":"TriggerModal.js"}

package/lib/components/SearchAdmin/TriggerModal/index.js

@@ -0,0 +1,16 @@
+"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 _TriggerModal = _interopRequireDefault(require("./TriggerModal"));
+
+var _default = _TriggerModal["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/components/SearchAdmin/TriggerModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchAdmin/TriggerModal/index.js"],"names":["TriggerModal"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,wB","sourcesContent":["import TriggerModal from './TriggerModal';\n\nexport default TriggerModal;\n"],"file":"index.js"}

package/lib/components/SearchAdmin/index.js

@@ -0,0 +1,16 @@
+"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 _SearchAdmin = _interopRequireDefault(require("./SearchAdmin"));
+
+var _default = _SearchAdmin["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SearchAdmin/index.js"],"names":["SearchAdmin"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,uB","sourcesContent":["import SearchAdmin from './SearchAdmin';\n\nexport default SearchAdmin;\n"],"file":"index.js"}

package/lib/components/SearchPublishedContent/SearchPublishedContent.js

@@ -0,0 +1,216 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.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");
+
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.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;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _customHooks = require("@blaze-react/utils/lib/customHooks");
+
+var _useSearchResults3 = _interopRequireDefault(require("../useSearchResults"));
+
+var _constants = require("../../constants");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var SearchPublishedContent = function SearchPublishedContent(_ref) {
+  var entities = _ref.entities,
+      children = _ref.children,
+      resultKeys = _ref.resultKeys,
+      getIsOpenSearchBar = _ref.getIsOpenSearchBar,
+      SearchIcon = _ref.SearchIcon,
+      CloseIcon = _ref.CloseIcon,
+      className = _ref.className,
+      onChange = _ref.onChange,
+      placeholder = _ref.placeholder,
+      onEnterPress = _ref.onEnterPress,
+      inputRef = _ref.inputRef,
+      isSearchBarOpen = _ref.isSearchBarOpen,
+      fields = _ref.fields;
+
+  var _useState = (0, _react.useState)(isSearchBarOpen),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      displaySearchBar = _useState2[0],
+      setDisplaySearchBar = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      searchTerm = _useState4[0],
+      setSearchTerm = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(null),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      previousSearchTerm = _useState6[0],
+      setPreviousSearchTerm = _useState6[1];
+
+  var debouncedSearchTerm = (0, _customHooks.useDebounce)(searchTerm, 500);
+
+  var _useSearchResults = (0, _useSearchResults3["default"])({
+    queryKey: _constants.SEARCH_PUBLISHED,
+    resultKeys: resultKeys,
+    entities: entities,
+    fields: fields
+  }),
+      _useSearchResults2 = (0, _slicedToArray2["default"])(_useSearchResults, 2),
+      _useSearchResults2$ = _useSearchResults2[0],
+      loading = _useSearchResults2$.loading,
+      results = _useSearchResults2$.results,
+      setQueryParams = _useSearchResults2[1];
+
+  (0, _react.useEffect)(function () {
+    if (isSearchBarOpen !== displaySearchBar) {
+      setDisplaySearchBar(isSearchBarOpen);
+    }
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [isSearchBarOpen]);
+  (0, _react.useEffect)(function () {
+    if (inputRef && inputRef.current && displaySearchBar) {
+      inputRef.current.focus();
+    }
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [displaySearchBar]);
+  (0, _react.useEffect)(function () {
+    if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
+      setQueryParams({
+        value: debouncedSearchTerm
+      });
+      setPreviousSearchTerm(debouncedSearchTerm);
+    }
+  }, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);
+
+  var handleOnChange = function handleOnChange(_ref2) {
+    var _ref2$target = _ref2.target;
+    _ref2$target = _ref2$target === void 0 ? {} : _ref2$target;
+    var _ref2$target$value = _ref2$target.value,
+        value = _ref2$target$value === void 0 ? '' : _ref2$target$value;
+    onChange(value);
+    setSearchTerm(value);
+  };
+
+  var handleKeyPress = function handleKeyPress(event) {
+    var onEnter = event.key === 'Enter';
+    onEnter && onEnterPress();
+  };
+
+  var handleSearchBar = function handleSearchBar() {
+    var voidSearchTerm = '';
+    displaySearchBar && setSearchTerm(voidSearchTerm);
+    handleOnChange({
+      value: voidSearchTerm
+    });
+
+    if (isSearchBarOpen !== null) {
+      getIsOpenSearchBar(!displaySearchBar);
+    }
+
+    setDisplaySearchBar(!displaySearchBar);
+  };
+
+  var searchWrapperClassname = (0, _classnames["default"])('search__wrapper', {
+    'search__wrapper--toggle-display': displaySearchBar,
+    'search__wrapper--toggle': !displaySearchBar
+  });
+  var triggerClassname = (0, _classnames["default"])('search__icon', {
+    open: displaySearchBar
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "search-wrapper ".concat(className)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "search search--header search--toggle"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: searchWrapperClassname
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    "data-testid": "search-input",
+    onKeyPress: handleKeyPress,
+    placeholder: placeholder,
+    type: "text",
+    onChange: handleOnChange,
+    value: searchTerm,
+    ref: inputRef
+  }), /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    className: "icon-button icon-button--search icon-button--toggle"
+  }, /*#__PURE__*/_react["default"].createElement(SearchIcon, null))), /*#__PURE__*/_react["default"].createElement("div", {
+    role: "button",
+    className: triggerClassname,
+    onClick: handleSearchBar,
+    id: _constants.SEARCH_BUTTON,
+    title: _constants.SEARCH_BUTTON
+  }, !displaySearchBar ? /*#__PURE__*/_react["default"].createElement(SearchIcon, null) : /*#__PURE__*/_react["default"].createElement(CloseIcon, null))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "search-modal"
+  }, children({
+    results: results.length && searchTerm ? results : [],
+    loading: loading
+  })));
+};
+
+SearchPublishedContent.propTypes = {
+  entities: _propTypes["default"].array,
+  children: _propTypes["default"].func.isRequired,
+  resultKeys: _propTypes["default"].string,
+  getIsOpenSearchBar: _propTypes["default"].func,
+  SearchIcon: _propTypes["default"].func,
+  CloseIcon: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  onEnterPress: _propTypes["default"].func,
+  className: _propTypes["default"].string,
+  placeholder: _propTypes["default"].string,
+  inputRef: _propTypes["default"].object,
+  isSearchBarOpen: _propTypes["default"].bool,
+  fields: _propTypes["default"].array
+};
+SearchPublishedContent.defaultProps = {
+  entities: ['published_page'],
+  placeholder: '',
+  resultKeys: _constants.DEFAULT_RESULTS_KEYS,
+  onChange: function onChange() {},
+  onEnterPress: function onEnterPress() {},
+  getIsOpenSearchBar: function getIsOpenSearchBar(state) {
+    return state;
+  },
+  SearchIcon: function SearchIcon() {
+    return /*#__PURE__*/_react["default"].createElement("i", {
+      className: "material-icons"
+    }, "search");
+  },
+  CloseIcon: function CloseIcon() {
+    return /*#__PURE__*/_react["default"].createElement("i", {
+      className: "material-icons"
+    }, "close");
+  },
+  className: '',
+  inputRef: null,
+  isSearchBarOpen: null,
+  fields: []
+};
+var _default = SearchPublishedContent;
+exports["default"] = _default;
+//# sourceMappingURL=SearchPublishedContent.js.map

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

@@ -0,0 +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"}

package/lib/components/SearchPublishedContent/index.js

@@ -0,0 +1,16 @@
+"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 _SearchPublishedContent = _interopRequireDefault(require("./SearchPublishedContent"));
+
+var _default = _SearchPublishedContent["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SearchPublishedContent/index.js"],"names":["SearchPublishedContent"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,kC","sourcesContent":["import SearchPublishedContent from './SearchPublishedContent';\n\nexport default SearchPublishedContent;\n"],"file":"index.js"}

package/lib/components/useLocalStorage/index.js

@@ -0,0 +1,16 @@
+"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 _useLocalStorage = _interopRequireDefault(require("./useLocalStorage"));
+
+var _default = _useLocalStorage["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/useLocalStorage/index.js"],"names":["useLocalStorage"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,2B","sourcesContent":["import useLocalStorage from './useLocalStorage';\n\nexport default useLocalStorage;\n"],"file":"index.js"}

package/lib/components/useLocalStorage/useLocalStorage.js

@@ -0,0 +1,36 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+function useLocalStorage(key, initialValue) {
+  var _useState = (0, _react.useState)(function () {
+    var item = window.localStorage.getItem(key);
+    return item ? JSON.parse(item) : initialValue;
+  }),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      storedValue = _useState2[0],
+      setStoredValue = _useState2[1];
+
+  var setValue = function setValue(value) {
+    var valueToStore = value instanceof Function ? value(storedValue) : value;
+    setStoredValue(valueToStore);
+    window.localStorage.setItem(key, JSON.stringify(valueToStore));
+  };
+
+  return [storedValue, setValue];
+}
+
+var _default = useLocalStorage;
+exports["default"] = _default;
+//# sourceMappingURL=useLocalStorage.js.map

package/lib/components/useLocalStorage/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/useLocalStorage/useLocalStorage.js"],"names":["useLocalStorage","key","initialValue","item","window","localStorage","getItem","JSON","parse","storedValue","setStoredValue","setValue","value","valueToStore","Function","setItem","stringify"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA,SAASA,eAAT,CAAyBC,GAAzB,EAA8BC,YAA9B,EAA4C;AAC1C,kBAAsC,qBAAS,YAAM;AACnD,QAAMC,IAAI,GAAGC,MAAM,CAACC,YAAP,CAAoBC,OAApB,CAA4BL,GAA5B,CAAb;AACA,WAAOE,IAAI,GAAGI,IAAI,CAACC,KAAL,CAAWL,IAAX,CAAH,GAAsBD,YAAjC;AACD,GAHqC,CAAtC;AAAA;AAAA,MAAOO,WAAP;AAAA,MAAoBC,cAApB;;AAKA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,KAAK,EAAI;AACxB,QAAMC,YAAY,GAAGD,KAAK,YAAYE,QAAjB,GAA4BF,KAAK,CAACH,WAAD,CAAjC,GAAiDG,KAAtE;AACAF,IAAAA,cAAc,CAACG,YAAD,CAAd;AACAT,IAAAA,MAAM,CAACC,YAAP,CAAoBU,OAApB,CAA4Bd,GAA5B,EAAiCM,IAAI,CAACS,SAAL,CAAeH,YAAf,CAAjC;AACD,GAJD;;AAMA,SAAO,CAACJ,WAAD,EAAcE,QAAd,CAAP;AACD;;eAEcX,e","sourcesContent":["import { useState } from 'react';\n\nfunction useLocalStorage(key, initialValue) {\n  const [storedValue, setStoredValue] = useState(() => {\n    const item = window.localStorage.getItem(key);\n    return item ? JSON.parse(item) : initialValue;\n  });\n\n  const setValue = value => {\n    const valueToStore = value instanceof Function ? value(storedValue) : value;\n    setStoredValue(valueToStore);\n    window.localStorage.setItem(key, JSON.stringify(valueToStore));\n  };\n\n  return [storedValue, setValue];\n}\n\nexport default useLocalStorage;\n"],"file":"useLocalStorage.js"}