@blaze-cms/plugin-search-ui 0.125.0-alpha.1 → 0.125.0-alpha.18

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.125.0-alpha.18](https://github.com/thebyte9/blaze/compare/v0.125.0-alpha.17...v0.125.0-alpha.18) (2022-11-28)
+
+**Note:** Version bump only for package @blaze-cms/plugin-search-ui
+
+
+
+
+
 # [0.125.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.125.0-alpha.0...v0.125.0-alpha.1) (2022-09-15)
 
 

package/lib/application/query/index.js

@@ -1,29 +1,21 @@
 "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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _client = require("@apollo/client");
-
 var _templateObject, _templateObject2;
-
 var SEARCH_ADMIN = function SEARCH_ADMIN() {
   return (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  query searchAdmin($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n    search: searchAdmin(limit: $limit, offset: $offset, sort: $sort, rawQuery: $rawQuery) {\n      jsonResults\n      total\n    }\n  }\n"])));
 };
-
 var SEARCH_PUBLISHED = function SEARCH_PUBLISHED(_ref) {
   var resultKeys = _ref.resultKeys;
   return (0, _client.gql)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n    search: searchPublishedContent(\n      limit: $limit\n      offset: $offset\n      sort: $sort\n      rawQuery: $rawQuery\n    ) {\n      results {\n        ...on ContentContentInterface {\n          ", "\n        }  \n      }\n      total\n    }\n  }\n"])), resultKeys);
 };
-
 var _default = {
   SEARCH_ADMIN: SEARCH_ADMIN,
   SEARCH_PUBLISHED: SEARCH_PUBLISHED

package/lib/application/query/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SEARCH_ADMIN","gql","SEARCH_PUBLISHED","resultKeys"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst SEARCH_ADMIN = () => gql`\n  query searchAdmin($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n    search: searchAdmin(limit: $limit, offset: $offset, sort: $sort, rawQuery: $rawQuery) {\n      jsonResults\n      total\n    }\n  }\n`;\n\nconst SEARCH_PUBLISHED = ({ resultKeys }) => gql`\n  query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n    search: searchPublishedContent(\n      limit: $limit\n      offset: $offset\n      sort: $sort\n      rawQuery: $rawQuery\n    ) {\n      results {\n        ...on ContentContentInterface {\n          ${resultKeys}\n        }  \n      }\n      total\n    }\n  }\n`;\n\nexport default { SEARCH_ADMIN, SEARCH_PUBLISHED };\n"],"mappings":";;;;;;;;;;;;;AAAA;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA,WAAMC,WAAN;AAAA,CAArB;;AASA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IAAGC,UAAH,QAAGA,UAAH;EAAA,WAAoBF,WAApB,2bAUbE,UAVa;AAAA,CAAzB;;eAkBe;EAAEH,YAAY,EAAZA,YAAF;EAAgBE,gBAAgB,EAAhBA;AAAhB,C"}
+{"version":3,"file":"index.js","names":["SEARCH_ADMIN","gql","SEARCH_PUBLISHED","resultKeys"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst SEARCH_ADMIN = () => gql`\n  query searchAdmin($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n    search: searchAdmin(limit: $limit, offset: $offset, sort: $sort, rawQuery: $rawQuery) {\n      jsonResults\n      total\n    }\n  }\n`;\n\nconst SEARCH_PUBLISHED = ({ resultKeys }) => gql`\n  query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n    search: searchPublishedContent(\n      limit: $limit\n      offset: $offset\n      sort: $sort\n      rawQuery: $rawQuery\n    ) {\n      results {\n        ...on ContentContentInterface {\n          ${resultKeys}\n        }  \n      }\n      total\n    }\n  }\n`;\n\nexport default { SEARCH_ADMIN, SEARCH_PUBLISHED };\n"],"mappings":";;;;;;;;;AAAA;AAAqC;AAErC,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,WAASC,WAAG;AAAA,CAO7B;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAMC,UAAU,QAAVA,UAAU;EAAA,WAAOF,WAAG,2bAUpCE,UAAU;AAAA,CAMrB;AAAC,eAEa;EAAEH,YAAY,EAAZA,YAAY;EAAEE,gBAAgB,EAAhBA;AAAiB,CAAC;AAAA"}

package/lib/components/SearchAdmin/RecentSearches/RecentSearches.js

@@ -1,28 +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;
-
 require("core-js/modules/es.regexp.exec.js");
-
 require("core-js/modules/es.string.search.js");
-
 require("core-js/modules/es.array.map.js");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var RecentSearches = function RecentSearches(_ref) {
   var recentSearches = _ref.recentSearches,
-      handleSearchTerm = _ref.handleSearchTerm,
-      search = _ref.search;
+    handleSearchTerm = _ref.handleSearchTerm,
+    search = _ref.search;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "list list--search"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -51,7 +43,6 @@ var RecentSearches = function RecentSearches(_ref) {
     }, searchedTerm)));
   }));
 };
-
 RecentSearches.propTypes = {
   recentSearches: _propTypes["default"].array.isRequired,
   handleSearchTerm: _propTypes["default"].func.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"RecentSearches.js","names":["RecentSearches","recentSearches","handleSearchTerm","search","map","searchedTerm","target","value","propTypes","PropTypes","array","isRequired","func"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/RecentSearches.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst RecentSearches = ({ recentSearches, handleSearchTerm, search }) => (\n  <div className=\"list list--search\">\n    <div className=\"header header--list\">\n      <h2>Recent searches</h2>\n    </div>\n    {recentSearches.map(searchedTerm => (\n      <div\n        key={searchedTerm}\n        role=\"button\"\n        className=\"list__item list__item--search\"\n        onClick={() => {\n          handleSearchTerm({ target: { value: searchedTerm } });\n          search({ value: searchedTerm });\n        }}>\n        <div className=\"list__item-row list__item-row--search\">\n          <i className=\"material-icons\">search</i>\n          <div className=\"list__item-text list__item-text--search\">{searchedTerm}</div>\n        </div>\n      </div>\n    ))}\n  </div>\n);\n\nRecentSearches.propTypes = {\n  recentSearches: PropTypes.array.isRequired,\n  handleSearchTerm: PropTypes.func.isRequired,\n  search: PropTypes.func.isRequired\n};\n\nexport default RecentSearches;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IAAGC,cAAH,QAAGA,cAAH;EAAA,IAAmBC,gBAAnB,QAAmBA,gBAAnB;EAAA,IAAqCC,MAArC,QAAqCA,MAArC;EAAA,oBACrB;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE,8DADF,CADF,EAIGF,cAAc,CAACG,GAAf,CAAmB,UAAAC,YAAY;IAAA,oBAC9B;MACE,GAAG,EAAEA,YADP;MAEE,IAAI,EAAC,QAFP;MAGE,SAAS,EAAC,+BAHZ;MAIE,OAAO,EAAE,mBAAM;QACbH,gBAAgB,CAAC;UAAEI,MAAM,EAAE;YAAEC,KAAK,EAAEF;UAAT;QAAV,CAAD,CAAhB;QACAF,MAAM,CAAC;UAAEI,KAAK,EAAEF;QAAT,CAAD,CAAN;MACD;IAPH,gBAQE;MAAK,SAAS,EAAC;IAAf,gBACE;MAAG,SAAS,EAAC;IAAb,YADF,eAEE;MAAK,SAAS,EAAC;IAAf,GAA0DA,YAA1D,CAFF,CARF,CAD8B;EAAA,CAA/B,CAJH,CADqB;AAAA,CAAvB;;AAuBAL,cAAc,CAACQ,SAAf,GAA2B;EACzBP,cAAc,EAAEQ,qBAAA,CAAUC,KAAV,CAAgBC,UADP;EAEzBT,gBAAgB,EAAEO,qBAAA,CAAUG,IAAV,CAAeD,UAFR;EAGzBR,MAAM,EAAEM,qBAAA,CAAUG,IAAV,CAAeD;AAHE,CAA3B;eAMeX,c"}
+{"version":3,"file":"RecentSearches.js","names":["RecentSearches","recentSearches","handleSearchTerm","search","map","searchedTerm","target","value","propTypes","PropTypes","array","isRequired","func"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/RecentSearches.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst RecentSearches = ({ recentSearches, handleSearchTerm, search }) => (\n  <div className=\"list list--search\">\n    <div className=\"header header--list\">\n      <h2>Recent searches</h2>\n    </div>\n    {recentSearches.map(searchedTerm => (\n      <div\n        key={searchedTerm}\n        role=\"button\"\n        className=\"list__item list__item--search\"\n        onClick={() => {\n          handleSearchTerm({ target: { value: searchedTerm } });\n          search({ value: searchedTerm });\n        }}>\n        <div className=\"list__item-row list__item-row--search\">\n          <i className=\"material-icons\">search</i>\n          <div className=\"list__item-text list__item-text--search\">{searchedTerm}</div>\n        </div>\n      </div>\n    ))}\n  </div>\n);\n\nRecentSearches.propTypes = {\n  recentSearches: PropTypes.array.isRequired,\n  handleSearchTerm: PropTypes.func.isRequired,\n  search: PropTypes.func.isRequired\n};\n\nexport default RecentSearches;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAc;EAAA,IAAMC,cAAc,QAAdA,cAAc;IAAEC,gBAAgB,QAAhBA,gBAAgB;IAAEC,MAAM,QAANA,MAAM;EAAA,oBAChE;IAAK,SAAS,EAAC;EAAmB,gBAChC;IAAK,SAAS,EAAC;EAAqB,gBAClC,8DAAwB,CACpB,EACLF,cAAc,CAACG,GAAG,CAAC,UAAAC,YAAY;IAAA,oBAC9B;MACE,GAAG,EAAEA,YAAa;MAClB,IAAI,EAAC,QAAQ;MACb,SAAS,EAAC,+BAA+B;MACzC,OAAO,EAAE,mBAAM;QACbH,gBAAgB,CAAC;UAAEI,MAAM,EAAE;YAAEC,KAAK,EAAEF;UAAa;QAAE,CAAC,CAAC;QACrDF,MAAM,CAAC;UAAEI,KAAK,EAAEF;QAAa,CAAC,CAAC;MACjC;IAAE,gBACF;MAAK,SAAS,EAAC;IAAuC,gBACpD;MAAG,SAAS,EAAC;IAAgB,YAAW,eACxC;MAAK,SAAS,EAAC;IAAyC,GAAEA,YAAY,CAAO,CACzE,CACF;EAAA,CACP,CAAC,CACE;AAAA,CACP;AAEDL,cAAc,CAACQ,SAAS,GAAG;EACzBP,cAAc,EAAEQ,qBAAS,CAACC,KAAK,CAACC,UAAU;EAC1CT,gBAAgB,EAAEO,qBAAS,CAACG,IAAI,CAACD,UAAU;EAC3CR,MAAM,EAAEM,qBAAS,CAACG,IAAI,CAACD;AACzB,CAAC;AAAC,eAEaX,cAAc;AAAA"}

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

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

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

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

package/lib/components/SearchAdmin/SearchAdmin.js

@@ -1,146 +1,104 @@
 "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;
-
 require("core-js/modules/es.array.slice.js");
-
 require("core-js/modules/es.array.includes.js");
-
 require("core-js/modules/es.string.includes.js");
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _useLocalStorage3 = _interopRequireDefault(require("../useLocalStorage"));
-
 var _SearchBar = _interopRequireDefault(require("./SearchBar"));
-
 var _RecentSearches = _interopRequireDefault(require("./RecentSearches"));
-
 var _SearchResults = _interopRequireDefault(require("./SearchResults"));
-
 var _TriggerModal = _interopRequireDefault(require("./TriggerModal"));
-
 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 SearchAdmin = function SearchAdmin() {
   var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      searchTerm = _useState2[0],
-      setSearchTerm = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
   var _useLocalStorage = (0, _useLocalStorage3["default"])('recentSearches', []),
-      _useLocalStorage2 = (0, _slicedToArray2["default"])(_useLocalStorage, 2),
-      recentSearches = _useLocalStorage2[0],
-      setRecentSearches = _useLocalStorage2[1];
-
+    _useLocalStorage2 = (0, _slicedToArray2["default"])(_useLocalStorage, 2),
+    recentSearches = _useLocalStorage2[0],
+    setRecentSearches = _useLocalStorage2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      displaySearchModalFrame = _useState4[0],
-      setDisplaySearchModalFrame = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    displaySearchModalFrame = _useState4[0],
+    setDisplaySearchModalFrame = _useState4[1];
   var _useState5 = (0, _react.useState)(true),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      enableResults = _useState6[0],
-      setEnableResults = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    enableResults = _useState6[0],
+    setEnableResults = _useState6[1];
   var searchInputRef = (0, _react.useRef)(null);
-
   var _useSearchResults = (0, _useSearchResults3["default"])({
-    queryKey: _constants.SEARCH_ADMIN
-  }),
-      _useSearchResults2 = (0, _slicedToArray2["default"])(_useSearchResults, 2),
-      _useSearchResults2$ = _useSearchResults2[0],
-      loading = _useSearchResults2$.loading,
-      results = _useSearchResults2$.results,
-      total = _useSearchResults2$.total,
-      setQueryParams = _useSearchResults2[1];
-
+      queryKey: _constants.SEARCH_ADMIN
+    }),
+    _useSearchResults2 = (0, _slicedToArray2["default"])(_useSearchResults, 2),
+    _useSearchResults2$ = _useSearchResults2[0],
+    loading = _useSearchResults2$.loading,
+    results = _useSearchResults2$.results,
+    total = _useSearchResults2$.total,
+    setQueryParams = _useSearchResults2[1];
   (0, _react.useEffect)(function () {
     if (searchInputRef && searchInputRef.current) {
       searchInputRef.current.focus();
     }
   }, [displaySearchModalFrame]);
-
   var handleSearchTerm = function handleSearchTerm(_ref) {
     var value = _ref.target.value;
     setSearchTerm(value);
   };
-
   var toggleSearchModal = function toggleSearchModal() {
     setSearchTerm(null);
     setEnableResults(false);
     setDisplaySearchModalFrame(!displaySearchModalFrame);
   };
-
   var _search = function search(_ref2) {
     var value = _ref2.value;
     if (!value) return;
     !enableResults && setEnableResults(true);
     var MAX_RECENT_SEARCHES = 5;
     var recentSearchesCopy = recentSearches.slice();
-
     if (!recentSearchesCopy.includes(value)) {
       recentSearchesCopy.push(value);
-
       if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {
         recentSearchesCopy.shift();
       }
     }
-
     setRecentSearches(recentSearchesCopy);
     setQueryParams({
       value: value
     });
   };
-
   var handleKeyDown = function handleKeyDown(_ref3) {
     var key = _ref3.key;
-
     if (key === 'Enter') {
       if (!searchTerm) return clear();
-
       _search({
         value: searchTerm
       });
     }
   };
-
   var clear = function clear() {
     setSearchTerm('');
     setEnableResults(false);
   };
-
   var searchModalResultsClassName = (0, _classnames["default"])('modal modal--full-screen modal--search', {
     'modal--show': displaySearchModalFrame
   });
@@ -185,7 +143,6 @@ var SearchAdmin = function SearchAdmin() {
     closeModal: toggleSearchModal
   }))));
 };
-
 var _default = SearchAdmin;
 exports["default"] = _default;
 //# sourceMappingURL=SearchAdmin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchAdmin.js","names":["SearchAdmin","useState","searchTerm","setSearchTerm","useLocalStorage","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","useRef","useSearchResults","queryKey","SEARCH_ADMIN","loading","results","total","setQueryParams","useEffect","current","focus","handleSearchTerm","value","target","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","classnames","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n  const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n  const [enableResults, setEnableResults] = useState(true);\n  const searchInputRef = useRef(null);\n  const [{ loading, results, total }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_ADMIN\n  });\n\n  useEffect(\n    () => {\n      if (searchInputRef && searchInputRef.current) {\n        searchInputRef.current.focus();\n      }\n    },\n    [displaySearchModalFrame]\n  );\n\n  const handleSearchTerm = ({ target: { value } }) => {\n    setSearchTerm(value);\n  };\n  const toggleSearchModal = () => {\n    setSearchTerm(null);\n    setEnableResults(false);\n    setDisplaySearchModalFrame(!displaySearchModalFrame);\n  };\n  const search = ({ value }) => {\n    if (!value) return;\n    !enableResults && setEnableResults(true);\n    const MAX_RECENT_SEARCHES = 5;\n    const recentSearchesCopy = recentSearches.slice();\n\n    if (!recentSearchesCopy.includes(value)) {\n      recentSearchesCopy.push(value);\n      if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n        recentSearchesCopy.shift();\n      }\n    }\n\n    setRecentSearches(recentSearchesCopy);\n    setQueryParams({ value });\n  };\n\n  const handleKeyDown = ({ key }) => {\n    if (key === 'Enter') {\n      if (!searchTerm) return clear();\n      search({ value: searchTerm });\n    }\n  };\n\n  const clear = () => {\n    setSearchTerm('');\n    setEnableResults(false);\n  };\n\n  const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n    'modal--show': displaySearchModalFrame\n  });\n\n  const isEmptySearchTermAndData = !searchTerm && !results.length;\n  const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n  const shouldDisplayRecentSearches =\n    isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n  const showResults = enableResults && results.length;\n\n  return (\n    <div className=\"search search--header\">\n      <TriggerModal toggleSearchModal={toggleSearchModal} />\n      <div className={searchModalResultsClassName}>\n        {displaySearchModalFrame && (\n          <>\n            <div className=\"modal__header modal__header--search\">\n              <SearchBar\n                toggleSearchModal={toggleSearchModal}\n                handleKeyDown={handleKeyDown}\n                searchInputRef={searchInputRef}\n                handleSearchTerm={handleSearchTerm}\n                searchTerm={searchTerm}\n                search={() => search({ value: searchTerm })}\n              />\n            </div>\n            {shouldDisplayRecentSearches ? (\n              <RecentSearches\n                recentSearches={recentSearches}\n                handleSearchTerm={handleSearchTerm}\n                search={search}\n              />\n            ) : (\n              <>\n                {!showResults && (\n                  <div className=\"list list--search\">\n                    <div className=\"header header--list\">\n                      <h2>No Results</h2>\n                    </div>\n                  </div>\n                )}\n              </>\n            )}\n            {showResults && (\n              <SearchResults\n                currentValue={searchTerm}\n                searchTerm={searchTerm}\n                loading={loading}\n                results={results}\n                total={total}\n                setQueryParams={setQueryParams}\n                closeModal={toggleSearchModal}\n              />\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}
+{"version":3,"file":"SearchAdmin.js","names":["SearchAdmin","useState","searchTerm","setSearchTerm","useLocalStorage","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","useRef","useSearchResults","queryKey","SEARCH_ADMIN","loading","results","total","setQueryParams","useEffect","current","focus","handleSearchTerm","value","target","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","classnames","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n  const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n  const [enableResults, setEnableResults] = useState(true);\n  const searchInputRef = useRef(null);\n  const [{ loading, results, total }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_ADMIN\n  });\n\n  useEffect(\n    () => {\n      if (searchInputRef && searchInputRef.current) {\n        searchInputRef.current.focus();\n      }\n    },\n    [displaySearchModalFrame]\n  );\n\n  const handleSearchTerm = ({ target: { value } }) => {\n    setSearchTerm(value);\n  };\n  const toggleSearchModal = () => {\n    setSearchTerm(null);\n    setEnableResults(false);\n    setDisplaySearchModalFrame(!displaySearchModalFrame);\n  };\n  const search = ({ value }) => {\n    if (!value) return;\n    !enableResults && setEnableResults(true);\n    const MAX_RECENT_SEARCHES = 5;\n    const recentSearchesCopy = recentSearches.slice();\n\n    if (!recentSearchesCopy.includes(value)) {\n      recentSearchesCopy.push(value);\n      if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n        recentSearchesCopy.shift();\n      }\n    }\n\n    setRecentSearches(recentSearchesCopy);\n    setQueryParams({ value });\n  };\n\n  const handleKeyDown = ({ key }) => {\n    if (key === 'Enter') {\n      if (!searchTerm) return clear();\n      search({ value: searchTerm });\n    }\n  };\n\n  const clear = () => {\n    setSearchTerm('');\n    setEnableResults(false);\n  };\n\n  const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n    'modal--show': displaySearchModalFrame\n  });\n\n  const isEmptySearchTermAndData = !searchTerm && !results.length;\n  const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n  const shouldDisplayRecentSearches =\n    isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n  const showResults = enableResults && results.length;\n\n  return (\n    <div className=\"search search--header\">\n      <TriggerModal toggleSearchModal={toggleSearchModal} />\n      <div className={searchModalResultsClassName}>\n        {displaySearchModalFrame && (\n          <>\n            <div className=\"modal__header modal__header--search\">\n              <SearchBar\n                toggleSearchModal={toggleSearchModal}\n                handleKeyDown={handleKeyDown}\n                searchInputRef={searchInputRef}\n                handleSearchTerm={handleSearchTerm}\n                searchTerm={searchTerm}\n                search={() => search({ value: searchTerm })}\n              />\n            </div>\n            {shouldDisplayRecentSearches ? (\n              <RecentSearches\n                recentSearches={recentSearches}\n                handleSearchTerm={handleSearchTerm}\n                search={search}\n              />\n            ) : (\n              <>\n                {!showResults && (\n                  <div className=\"list list--search\">\n                    <div className=\"header header--list\">\n                      <h2>No Results</h2>\n                    </div>\n                  </div>\n                )}\n              </>\n            )}\n            {showResults && (\n              <SearchResults\n                currentValue={searchTerm}\n                searchTerm={searchTerm}\n                loading={loading}\n                results={results}\n                total={total}\n                setQueryParams={setQueryParams}\n                closeModal={toggleSearchModal}\n              />\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}

package/lib/components/SearchAdmin/SearchBar/SearchBar.js

@@ -1,31 +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;
-
 require("core-js/modules/es.regexp.exec.js");
-
 require("core-js/modules/es.string.search.js");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var SearchBar = function SearchBar(_ref) {
   var handleKeyDown = _ref.handleKeyDown,
-      searchInputRef = _ref.searchInputRef,
-      handleSearchTerm = _ref.handleSearchTerm,
-      searchTerm = _ref.searchTerm,
-      toggleSearchModal = _ref.toggleSearchModal,
-      close = _ref.close,
-      search = _ref.search,
-      placeholder = _ref.placeholder;
+    searchInputRef = _ref.searchInputRef,
+    handleSearchTerm = _ref.handleSearchTerm,
+    searchTerm = _ref.searchTerm,
+    toggleSearchModal = _ref.toggleSearchModal,
+    close = _ref.close,
+    search = _ref.search,
+    placeholder = _ref.placeholder;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "search__wrapper"
   }, /*#__PURE__*/_react["default"].createElement("input", {
@@ -49,7 +42,6 @@ var SearchBar = function SearchBar(_ref) {
     role: "button"
   }, "close")));
 };
-
 SearchBar.propTypes = {
   close: _propTypes["default"].bool,
   handleKeyDown: _propTypes["default"].func.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","names":["SearchBar","handleKeyDown","searchInputRef","handleSearchTerm","searchTerm","toggleSearchModal","close","search","placeholder","propTypes","PropTypes","bool","func","isRequired","object","string","defaultProps"],"sources":["../../../../src/components/SearchAdmin/SearchBar/SearchBar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SearchBar = ({\n  handleKeyDown,\n  searchInputRef,\n  handleSearchTerm,\n  searchTerm,\n  toggleSearchModal,\n  close,\n  search,\n  placeholder\n}) => (\n  <div className=\"search__wrapper\">\n    <input\n      onKeyDown={handleKeyDown}\n      ref={searchInputRef}\n      placeholder={placeholder}\n      type=\"text\"\n      onChange={handleSearchTerm}\n      value={searchTerm}\n    />\n    <span\n      onClick={search}\n      role=\"button\"\n      className=\"icon-button icon-button--search icon-button--toggle\">\n      <i className=\"material-icons\">search</i>\n    </span>\n    {close && (\n      <div className=\"modal__close\">\n        <i className=\"material-icons\" onClick={toggleSearchModal} role=\"button\">\n          close\n        </i>\n      </div>\n    )}\n  </div>\n);\n\nSearchBar.propTypes = {\n  close: PropTypes.bool,\n  handleKeyDown: PropTypes.func.isRequired,\n  searchInputRef: PropTypes.object,\n  handleSearchTerm: PropTypes.func.isRequired,\n  searchTerm: PropTypes.string,\n  toggleSearchModal: PropTypes.func,\n  search: PropTypes.func.isRequired,\n  placeholder: PropTypes.string\n};\n\nSearchBar.defaultProps = {\n  searchTerm: '',\n  close: true,\n  placeholder: 'Search...',\n  toggleSearchModal: null,\n  searchInputRef: null\n};\n\nexport default SearchBar;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,IAChBC,aADgB,QAChBA,aADgB;EAAA,IAEhBC,cAFgB,QAEhBA,cAFgB;EAAA,IAGhBC,gBAHgB,QAGhBA,gBAHgB;EAAA,IAIhBC,UAJgB,QAIhBA,UAJgB;EAAA,IAKhBC,iBALgB,QAKhBA,iBALgB;EAAA,IAMhBC,KANgB,QAMhBA,KANgB;EAAA,IAOhBC,MAPgB,QAOhBA,MAPgB;EAAA,IAQhBC,WARgB,QAQhBA,WARgB;EAAA,oBAUhB;IAAK,SAAS,EAAC;EAAf,gBACE;IACE,SAAS,EAAEP,aADb;IAEE,GAAG,EAAEC,cAFP;IAGE,WAAW,EAAEM,WAHf;IAIE,IAAI,EAAC,MAJP;IAKE,QAAQ,EAAEL,gBALZ;IAME,KAAK,EAAEC;EANT,EADF,eASE;IACE,OAAO,EAAEG,MADX;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,EAAC;EAHZ,gBAIE;IAAG,SAAS,EAAC;EAAb,YAJF,CATF,EAeGD,KAAK,iBACJ;IAAK,SAAS,EAAC;EAAf,gBACE;IAAG,SAAS,EAAC,gBAAb;IAA8B,OAAO,EAAED,iBAAvC;IAA0D,IAAI,EAAC;EAA/D,WADF,CAhBJ,CAVgB;AAAA,CAAlB;;AAmCAL,SAAS,CAACS,SAAV,GAAsB;EACpBH,KAAK,EAAEI,qBAAA,CAAUC,IADG;EAEpBV,aAAa,EAAES,qBAAA,CAAUE,IAAV,CAAeC,UAFV;EAGpBX,cAAc,EAAEQ,qBAAA,CAAUI,MAHN;EAIpBX,gBAAgB,EAAEO,qBAAA,CAAUE,IAAV,CAAeC,UAJb;EAKpBT,UAAU,EAAEM,qBAAA,CAAUK,MALF;EAMpBV,iBAAiB,EAAEK,qBAAA,CAAUE,IANT;EAOpBL,MAAM,EAAEG,qBAAA,CAAUE,IAAV,CAAeC,UAPH;EAQpBL,WAAW,EAAEE,qBAAA,CAAUK;AARH,CAAtB;AAWAf,SAAS,CAACgB,YAAV,GAAyB;EACvBZ,UAAU,EAAE,EADW;EAEvBE,KAAK,EAAE,IAFgB;EAGvBE,WAAW,EAAE,WAHU;EAIvBH,iBAAiB,EAAE,IAJI;EAKvBH,cAAc,EAAE;AALO,CAAzB;eAQeF,S"}
+{"version":3,"file":"SearchBar.js","names":["SearchBar","handleKeyDown","searchInputRef","handleSearchTerm","searchTerm","toggleSearchModal","close","search","placeholder","propTypes","PropTypes","bool","func","isRequired","object","string","defaultProps"],"sources":["../../../../src/components/SearchAdmin/SearchBar/SearchBar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SearchBar = ({\n  handleKeyDown,\n  searchInputRef,\n  handleSearchTerm,\n  searchTerm,\n  toggleSearchModal,\n  close,\n  search,\n  placeholder\n}) => (\n  <div className=\"search__wrapper\">\n    <input\n      onKeyDown={handleKeyDown}\n      ref={searchInputRef}\n      placeholder={placeholder}\n      type=\"text\"\n      onChange={handleSearchTerm}\n      value={searchTerm}\n    />\n    <span\n      onClick={search}\n      role=\"button\"\n      className=\"icon-button icon-button--search icon-button--toggle\">\n      <i className=\"material-icons\">search</i>\n    </span>\n    {close && (\n      <div className=\"modal__close\">\n        <i className=\"material-icons\" onClick={toggleSearchModal} role=\"button\">\n          close\n        </i>\n      </div>\n    )}\n  </div>\n);\n\nSearchBar.propTypes = {\n  close: PropTypes.bool,\n  handleKeyDown: PropTypes.func.isRequired,\n  searchInputRef: PropTypes.object,\n  handleSearchTerm: PropTypes.func.isRequired,\n  searchTerm: PropTypes.string,\n  toggleSearchModal: PropTypes.func,\n  search: PropTypes.func.isRequired,\n  placeholder: PropTypes.string\n};\n\nSearchBar.defaultProps = {\n  searchTerm: '',\n  close: true,\n  placeholder: 'Search...',\n  toggleSearchModal: null,\n  searchInputRef: null\n};\n\nexport default SearchBar;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAS;EAAA,IACbC,aAAa,QAAbA,aAAa;IACbC,cAAc,QAAdA,cAAc;IACdC,gBAAgB,QAAhBA,gBAAgB;IAChBC,UAAU,QAAVA,UAAU;IACVC,iBAAiB,QAAjBA,iBAAiB;IACjBC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;EAAA,oBAEX;IAAK,SAAS,EAAC;EAAiB,gBAC9B;IACE,SAAS,EAAEP,aAAc;IACzB,GAAG,EAAEC,cAAe;IACpB,WAAW,EAAEM,WAAY;IACzB,IAAI,EAAC,MAAM;IACX,QAAQ,EAAEL,gBAAiB;IAC3B,KAAK,EAAEC;EAAW,EAClB,eACF;IACE,OAAO,EAAEG,MAAO;IAChB,IAAI,EAAC,QAAQ;IACb,SAAS,EAAC;EAAqD,gBAC/D;IAAG,SAAS,EAAC;EAAgB,YAAW,CACnC,EACND,KAAK,iBACJ;IAAK,SAAS,EAAC;EAAc,gBAC3B;IAAG,SAAS,EAAC,gBAAgB;IAAC,OAAO,EAAED,iBAAkB;IAAC,IAAI,EAAC;EAAQ,WAEnE,CAEP,CACG;AAAA,CACP;AAEDL,SAAS,CAACS,SAAS,GAAG;EACpBH,KAAK,EAAEI,qBAAS,CAACC,IAAI;EACrBV,aAAa,EAAES,qBAAS,CAACE,IAAI,CAACC,UAAU;EACxCX,cAAc,EAAEQ,qBAAS,CAACI,MAAM;EAChCX,gBAAgB,EAAEO,qBAAS,CAACE,IAAI,CAACC,UAAU;EAC3CT,UAAU,EAAEM,qBAAS,CAACK,MAAM;EAC5BV,iBAAiB,EAAEK,qBAAS,CAACE,IAAI;EACjCL,MAAM,EAAEG,qBAAS,CAACE,IAAI,CAACC,UAAU;EACjCL,WAAW,EAAEE,qBAAS,CAACK;AACzB,CAAC;AAEDf,SAAS,CAACgB,YAAY,GAAG;EACvBZ,UAAU,EAAE,EAAE;EACdE,KAAK,EAAE,IAAI;EACXE,WAAW,EAAE,WAAW;EACxBH,iBAAiB,EAAE,IAAI;EACvBH,cAAc,EAAE;AAClB,CAAC;AAAC,eAEaF,SAAS;AAAA"}

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

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

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

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