@blaze-cms/plugin-search-ui 0.125.0-admin-updates.1 → 0.125.0-auth-updates.0

package/CHANGELOG.md

@@ -3,34 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [0.125.0-admin-updates.1](https://github.com/thebyte9/blaze/compare/v0.125.0-admin-updates.0...v0.125.0-admin-updates.1) (2022-10-06)
-
-**Note:** Version bump only for package @blaze-cms/plugin-search-ui
-
-
-
-
-
-# [0.125.0-admin-updates.0](https://github.com/thebyte9/blaze/compare/v0.124.1...v0.125.0-admin-updates.0) (2022-10-05)
+# [0.125.0-auth-updates.0](https://github.com/thebyte9/blaze/compare/v0.124.1...v0.125.0-auth-updates.0) (2022-11-07)
 
 
 ### Bug Fixes
 
-* add updated searchAdmin test ([4db3178](https://github.com/thebyte9/blaze/commit/4db3178f8c95182d107a1d151a793a0987c8d7b8))
 * improve autocomplete search results ([#3596](https://github.com/thebyte9/blaze/issues/3596)) ([d667764](https://github.com/thebyte9/blaze/commit/d6677641019abca34bae640aa4c857696c11ae4e))
-* update tests ([f86218f](https://github.com/thebyte9/blaze/commit/f86218f88a7348f68a07685a8f49ba459aac1b1b))
-* update tests ([8fd2675](https://github.com/thebyte9/blaze/commit/8fd2675624126e5a23ecc0af3202d08c46667441))
-
-
-### Features
-
-* add admin global search styles update first iteration ([7623917](https://github.com/thebyte9/blaze/commit/7623917e64b670f7d1fc12688af6ed39735da89e))
-* add admin syle feedback ([56c01fd](https://github.com/thebyte9/blaze/commit/56c01fdf825a570143d4bc0c54fbcd970adc28ae))
-* add search admin sidebar testsuite ([ca043fa](https://github.com/thebyte9/blaze/commit/ca043fa43835bd07cf50bae41af3d11e7be089b6))
-* add search sidebar filter by entity ([e8b5423](https://github.com/thebyte9/blaze/commit/e8b542354ce47143635411da07bb640b91bf7fdf))
-* add updated snapshots ([a0444bd](https://github.com/thebyte9/blaze/commit/a0444bd0d4e2f78753ac069067d39f3f6e741832))
-* amend PR and fix scroll loop issue ([8583497](https://github.com/thebyte9/blaze/commit/85834974cafb45bb87f00f14a99b3fae3a818cfb))
-* remove duplicated search results and add usedebounce to improve search performance ([9aad827](https://github.com/thebyte9/blaze/commit/9aad827e7e5aaf3be84d34343d79e6b1ecbead2c))
 
 
 

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,217 +1,118 @@
 "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.map.js");
-
 require("core-js/modules/es.array.slice.js");
-
 require("core-js/modules/es.array.includes.js");
-
 require("core-js/modules/es.string.includes.js");
-
-require("core-js/modules/es.array.some.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.array.filter.js");
-
-require("core-js/modules/es.array.concat.js");
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
-var _customHooks = require("@blaze-react/utils/lib/customHooks");
-
 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 _SearchAdminSideBar = _interopRequireDefault(require("./SearchAdminSideBar"));
-
 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];
-
-  var _useState3 = (0, _react.useState)(true),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      openSearchSideBar = _useState4[0],
-      setOpenSearchSideBar = _useState4[1];
-
-  var _useState5 = (0, _react.useState)([]),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      entityValues = _useState6[0],
-      setEntityValues = _useState6[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];
-
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      displaySearchModalFrame = _useState8[0],
-      setDisplaySearchModalFrame = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(true),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      enableResults = _useState10[0],
-      setEnableResults = _useState10[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];
+  var _useState5 = (0, _react.useState)(true),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    enableResults = _useState6[0],
+    setEnableResults = _useState6[1];
   var searchInputRef = (0, _react.useRef)(null);
-  var debouncedEntityValues = (0, _customHooks.useDebounce)(entityValues, 500);
-
   var _useSearchResults = (0, _useSearchResults3["default"])({
-    queryKey: _constants.SEARCH_ADMIN,
-    entities: debouncedEntityValues.map(function (e) {
-      return e.id;
-    })
-  }),
-      _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
   });
-  var searchModalSideBarClassName = (0, _classnames["default"])('modal__search__sidebar', {
-    'modal__search__sidebar--close': !openSearchSideBar
-  });
   var isEmptySearchTermAndData = !searchTerm && !results.length;
   var isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;
   var shouldDisplayRecentSearches = isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
   var showResults = enableResults && results.length;
-
-  var handleSetEntityValues = function handleSetEntityValues(newEntity) {
-    var entityExists = entityValues.some(function (entity) {
-      return entity.id === newEntity.id;
-    });
-
-    if (entityExists) {
-      setEntityValues(entityValues.filter(function (entity) {
-        return entity.id !== newEntity.id;
-      }));
-    } else {
-      setEntityValues([].concat((0, _toConsumableArray2["default"])(entityValues), [newEntity]));
-    }
-  };
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "search search--header"
   }, /*#__PURE__*/_react["default"].createElement(_TriggerModal["default"], {
     toggleSearchModal: toggleSearchModal
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: searchModalResultsClassName
-  }, displaySearchModalFrame && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "modal__search"
-  }, /*#__PURE__*/_react["default"].createElement(_SearchAdminSideBar["default"], {
-    searchModalSideBarClassName: searchModalSideBarClassName,
-    openSearchSideBar: openSearchSideBar,
-    setOpenSearchSideBar: setOpenSearchSideBar,
-    handleSetEntityValues: handleSetEntityValues,
-    entityValues: entityValues,
-    setEntityValues: setEntityValues
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "modal__search__content"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, displaySearchModalFrame && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "modal__header modal__header--search"
   }, /*#__PURE__*/_react["default"].createElement(_SearchBar["default"], {
     toggleSearchModal: toggleSearchModal,
@@ -240,9 +141,8 @@ var SearchAdmin = function SearchAdmin() {
     total: total,
     setQueryParams: setQueryParams,
     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","openSearchSideBar","setOpenSearchSideBar","entityValues","setEntityValues","useLocalStorage","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","useRef","debouncedEntityValues","useDebounce","useSearchResults","queryKey","SEARCH_ADMIN","entities","map","e","id","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","searchModalSideBarClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults","handleSetEntityValues","newEntity","entityExists","some","entity","filter"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport SearchAdminSideBar from './SearchAdminSideBar';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const [openSearchSideBar, setOpenSearchSideBar] = useState(true);\n  const [entityValues, setEntityValues] = useState([]);\n\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 debouncedEntityValues = useDebounce(entityValues, 500);\n  const [{ loading, results, total }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_ADMIN,\n    entities: debouncedEntityValues.map(e => e.id)\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 searchModalSideBarClassName = classnames('modal__search__sidebar', {\n    'modal__search__sidebar--close': !openSearchSideBar\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  const handleSetEntityValues = newEntity => {\n    const entityExists = entityValues.some(entity => entity.id === newEntity.id);\n    if (entityExists) {\n      setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));\n    } else {\n      setEntityValues([...entityValues, newEntity]);\n    }\n  };\n\n  return (\n    <div className=\"search search--header\">\n      <TriggerModal toggleSearchModal={toggleSearchModal} />\n      <div className={searchModalResultsClassName}>\n        {displaySearchModalFrame && (\n          <div className=\"modal__search\">\n            <SearchAdminSideBar\n              searchModalSideBarClassName={searchModalSideBarClassName}\n              openSearchSideBar={openSearchSideBar}\n              setOpenSearchSideBar={setOpenSearchSideBar}\n              handleSetEntityValues={handleSetEntityValues}\n              entityValues={entityValues}\n              setEntityValues={setEntityValues}\n            />\n            <div className=\"modal__search__content\">\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            </div>\n          </div>\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"}