@blaze-cms/plugin-search-ui 0.146.0-node18.1 → 0.146.0-rc-eagle.0

package/lib/index.js

@@ -1,32 +1,31 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "SearchAdmin", {
   enumerable: true,
-  get: function get() {
-    return _SearchAdmin["default"];
+  get: function () {
+    return _SearchAdmin.default;
   }
 });
 Object.defineProperty(exports, "SearchBar", {
   enumerable: true,
-  get: function get() {
-    return _SearchBar["default"];
+  get: function () {
+    return _SearchBar.default;
   }
 });
 Object.defineProperty(exports, "SearchPublishedContent", {
   enumerable: true,
-  get: function get() {
-    return _SearchPublishedContent["default"];
+  get: function () {
+    return _SearchPublishedContent.default;
   }
 });
 Object.defineProperty(exports, "useDebounceSearch", {
   enumerable: true,
-  get: function get() {
-    return _useDebounceSearch["default"];
+  get: function () {
+    return _useDebounceSearch.default;
   }
 });
 var _SearchAdmin = _interopRequireDefault(require("./components/SearchAdmin"));

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_SearchAdmin","_interopRequireDefault","require","_SearchPublishedContent","_SearchBar","_useDebounceSearch"],"sources":["../src/index.js"],"sourcesContent":["import SearchAdmin from './components/SearchAdmin';\nimport SearchPublishedContent from './components/SearchPublishedContent';\nimport SearchBar from './components/SearchAdmin/SearchBar';\nimport useDebounceSearch from './hooks/useDebounceSearch';\n\nexport { SearchAdmin, SearchPublishedContent, SearchBar, useDebounceSearch };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_SearchAdmin","_interopRequireDefault","require","_SearchPublishedContent","_SearchBar","_useDebounceSearch"],"sources":["../src/index.js"],"sourcesContent":["import SearchAdmin from './components/SearchAdmin';\nimport SearchPublishedContent from './components/SearchPublishedContent';\nimport SearchBar from './components/SearchAdmin/SearchBar';\nimport useDebounceSearch from './hooks/useDebounceSearch';\n\nexport { SearchAdmin, SearchPublishedContent, SearchBar, useDebounceSearch };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@blaze-cms/plugin-search-ui",
-  "version": "0.146.0-node18.1",
+  "version": "0.146.0-rc-eagle.0",
   "description": "Blaze plugin search ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
-  "sideEffects": false,
+  "source": "src/index.js",
   "directories": {
     "src": "src/"
   },
@@ -27,31 +27,29 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-utils": "0.146.0-node18.0",
-    "@blaze-cms/core-errors": "0.146.0-node18.0",
-    "@blaze-cms/setup-ui": "0.146.0-node18.0",
+    "@blaze-cms/admin-ui-utils": "0.146.0-rc-eagle.0",
+    "@blaze-cms/core-errors": "0.146.0-rc-eagle.0",
+    "@blaze-cms/setup-ui": "0.146.0-rc-eagle.0",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/checkboxes": "^0.7.0",
-    "@blaze-react/input": "0.8.0-alpha.78",
+    "@blaze-react/input": "0.8.0-alpha.100",
     "@blaze-react/utils": "0.5.15",
     "classnames": "^2.2.6",
-    "core-js": "^3.2.1",
     "react-icons": "^4.11.0",
     "react-router-dom": "^5.0.1",
     "react-tiny-virtual-list": "2.2.0"
   },
   "devDependencies": {
-    "@blaze-cms/core-ui": "0.146.0-node18.1"
+    "@blaze-cms/core-ui": "0.146.0-rc-eagle.0"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",
-    "@blaze-cms/admin": "^0.138.0",
+    "@blaze-cms/admin": "^0.145.0",
     "prop-types": "^15.7.2",
-    "react": "^18.2.0"
+    "react": ">= 18"
   },
   "eslintIgnore": [
     "lib/*",
     "lib-es/*"
-  ],
-  "gitHead": "1b5ba49d185e912846cec402d39a44ef2623ca1c"
+  ]
 }

package/src/components/SearchAdmin/SearchResults/SearchResults.js

@@ -6,7 +6,8 @@ import VirtualList from 'react-tiny-virtual-list';
 import { withRouter } from 'react-router-dom';
 import {
   SEARCH_RESULTS_OVER_SCAN_BUFFER,
-  SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,
+  SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST,
+  SEARCH_RESULTS_HEIGHT_OFFSET,
   SEARCH_RESULTS_ITEM_SIZE,
   FILE
 } from '../../../constants';
@@ -98,7 +99,11 @@ const SearchResults = ({
       </div>
       <VirtualList
         width="100%"
-        height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}
+        height={
+          window.innerHeight -
+          SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST -
+          SEARCH_RESULTS_HEIGHT_OFFSET
+        }
         itemCount={allResults.length}
         itemSize={SEARCH_RESULTS_ITEM_SIZE}
         overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}

package/src/components/useSearch/useSearch.js

@@ -2,7 +2,7 @@ import { useState, useEffect } from 'react';
 import { useLazyQuery } from '@apollo/client';
 import searchQueries from '../../application/query';
 
-function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }) {
+function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters, queryHook }) {
   const [queryParams, setParams] = useState({ limit: 20, offset: 0, value: '' });
   const [searchedValue, setSearchedValue] = useState(null);
   const [previousEntities, setPreviousEntities] = useState([]);
@@ -42,8 +42,8 @@ function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }
         }))
       : [];
 
-    if (isNewValueSet || isNewOffsetSet || notSameLength) {
-      getSearchResults({
+    if (value && (isNewValueSet || isNewOffsetSet || notSameLength)) {
+      const variables = {
         variables: {
           limit,
           offset,
@@ -70,7 +70,9 @@ function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }
             }
           }
         }
-      });
+      };
+      const updatedVariables = queryHook ? queryHook(variables) : variables;
+      getSearchResults(updatedVariables);
       setSearchedValue(value);
       setPreviousOffset(offset);
       setPreviousEntities(entities);
@@ -87,7 +89,8 @@ function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }
     fields,
     entities.length,
     previousEntities.length,
-    extraFilters
+    extraFilters,
+    queryHook
   ]);
 
   return [

package/src/components/useSearchResults/useSearchResults.js

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import useSearch from '../useSearch';
 
-function useSearchResults({ queryKey, resultKeys, entities, fields }) {
+function useSearchResults({ queryKey, resultKeys, entities, fields, queryHook }) {
   const [currentResults, setCurrentResults] = useState([]);
   const [allResults, setAllResults] = useState([]);
   const [
@@ -11,7 +11,7 @@ function useSearchResults({ queryKey, resultKeys, entities, fields }) {
       data: { results, total }
     },
     setParams
-  ] = useSearch({ queryKey, resultKeys, entities, fields });
+  ] = useSearch({ queryKey, resultKeys, entities, fields, queryHook });
 
   useEffect(() => {
     if (currentResults.length !== results.length) {

package/src/constants.js

@@ -1,7 +1,8 @@
 const SEARCH_ADMIN = 'SEARCH_ADMIN';
 const SEARCH_PUBLISHED = 'SEARCH_PUBLISHED';
 const SEARCH_RESULTS_OVER_SCAN_BUFFER = 0;
-const SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST = 186;
+const SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST = 186;
+const SEARCH_RESULTS_HEIGHT_OFFSET = 100;
 const SEARCH_RESULTS_ITEM_SIZE = 105;
 const DEFAULT_RESULTS_KEYS = 'name, url';
 const SEARCH_BUTTON = 'search-button';
@@ -11,7 +12,8 @@ export {
   SEARCH_ADMIN,
   SEARCH_PUBLISHED,
   SEARCH_RESULTS_OVER_SCAN_BUFFER,
-  SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,
+  SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST,
+  SEARCH_RESULTS_HEIGHT_OFFSET,
   SEARCH_RESULTS_ITEM_SIZE,
   DEFAULT_RESULTS_KEYS,
   SEARCH_BUTTON,

package/src/hooks/useDebounceSearch.js

@@ -3,7 +3,7 @@ import { useDebounce } from '@blaze-react/utils/lib/customHooks';
 import useSearchResults from '../components/useSearchResults';
 import { SEARCH_PUBLISHED } from '../constants';
 
-const useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm }) => {
+const useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm, queryHook }) => {
   const [searchTerm, setSearchTerm] = useState(initialSearchTerm ?? '');
   const [previousSearchTerm, setPreviousSearchTerm] = useState(null);
   const debouncedSearchTerm = useDebounce(searchTerm, 500);
@@ -12,7 +12,8 @@ const useDebounceSearch = ({ entities, resultKeys, fields, initialSearchTerm })
     queryKey: SEARCH_PUBLISHED,
     resultKeys,
     entities,
-    fields
+    fields,
+    queryHook
   });
 
   useEffect(() => {

package/lib-es/application/query/index.js

@@ -1,33 +0,0 @@
-import { gql } from '@apollo/client';
-const SEARCH_ADMIN = () => gql`
-  query searchAdmin($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {
-    search: searchAdmin(limit: $limit, offset: $offset, sort: $sort, rawQuery: $rawQuery) {
-      jsonResults
-      total
-    }
-  }
-`;
-const SEARCH_PUBLISHED = ({
-  resultKeys
-}) => gql`
-  query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {
-    search: searchPublishedContent(
-      limit: $limit
-      offset: $offset
-      sort: $sort
-      rawQuery: $rawQuery
-    ) {
-      results {
-        ...on ContentContentInterface {
-          ${resultKeys}
-        }  
-      }
-      total
-    }
-  }
-`;
-export default {
-  SEARCH_ADMIN,
-  SEARCH_PUBLISHED
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["gql","SEARCH_ADMIN","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,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,YAAY,GAAGA,CAAA,KAAMD,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,gBAAgB,GAAGA,CAAC;EAAEC;AAAW,CAAC,KAAKH,GAAG;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAYG,UAAU;AACtB;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,eAAe;EAAEF,YAAY;EAAEC;AAAiB,CAAC","ignoreList":[]}

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

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-const RecentSearches = ({
-  recentSearches,
-  handleSearchTerm,
-  search
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "list list--search"
-}, /*#__PURE__*/React.createElement("div", {
-  className: "header header--list"
-}, /*#__PURE__*/React.createElement("h2", null, "Recent searches")), [...recentSearches].reverse().map(searchedTerm => /*#__PURE__*/React.createElement("div", {
-  key: searchedTerm,
-  role: "button",
-  className: "list__item list__item--search",
-  onClick: () => {
-    handleSearchTerm({
-      target: {
-        value: searchedTerm
-      }
-    });
-    search({
-      value: searchedTerm
-    });
-  }
-}, /*#__PURE__*/React.createElement("div", {
-  className: "list__item-row list__item-row--search"
-}, /*#__PURE__*/React.createElement("i", {
-  className: "material-icons"
-}, "search"), /*#__PURE__*/React.createElement("div", {
-  className: "list__item-text list__item-text--search"
-}, searchedTerm)))));
-RecentSearches.propTypes = {
-  recentSearches: PropTypes.array.isRequired,
-  handleSearchTerm: PropTypes.func.isRequired,
-  search: PropTypes.func.isRequired
-};
-export default RecentSearches;
-//# sourceMappingURL=RecentSearches.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RecentSearches.js","names":["React","PropTypes","RecentSearches","recentSearches","handleSearchTerm","search","createElement","className","reverse","map","searchedTerm","key","role","onClick","target","value","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].reverse().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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,cAAc,GAAGA,CAAC;EAAEC,cAAc;EAAEC,gBAAgB;EAAEC;AAAO,CAAC,kBAClEL,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAmB,gBAChCP,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAqB,gBAClCP,KAAA,CAAAM,aAAA,aAAI,iBAAmB,CACpB,CAAC,EACL,CAAC,GAAGH,cAAc,CAAC,CAACK,OAAO,CAAC,CAAC,CAACC,GAAG,CAACC,YAAY,iBAC7CV,KAAA,CAAAM,aAAA;EACEK,GAAG,EAAED,YAAa;EAClBE,IAAI,EAAC,QAAQ;EACbL,SAAS,EAAC,+BAA+B;EACzCM,OAAO,EAAEA,CAAA,KAAM;IACbT,gBAAgB,CAAC;MAAEU,MAAM,EAAE;QAAEC,KAAK,EAAEL;MAAa;IAAE,CAAC,CAAC;IACrDL,MAAM,CAAC;MAAEU,KAAK,EAAEL;IAAa,CAAC,CAAC;EACjC;AAAE,gBACFV,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAuC,gBACpDP,KAAA,CAAAM,aAAA;EAAGC,SAAS,EAAC;AAAgB,GAAC,QAAS,CAAC,eACxCP,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAAyC,GAAEG,YAAkB,CACzE,CACF,CACN,CACE,CACN;AAEDR,cAAc,CAACc,SAAS,GAAG;EACzBb,cAAc,EAAEF,SAAS,CAACgB,KAAK,CAACC,UAAU;EAC1Cd,gBAAgB,EAAEH,SAAS,CAACkB,IAAI,CAACD,UAAU;EAC3Cb,MAAM,EAAEJ,SAAS,CAACkB,IAAI,CAACD;AACzB,CAAC;AAED,eAAehB,cAAc","ignoreList":[]}

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

@@ -1,3 +0,0 @@
-import RecentSearches from './RecentSearches';
-export default RecentSearches;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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,OAAOA,cAAc,MAAM,kBAAkB;AAE7C,eAAeA,cAAc","ignoreList":[]}

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

@@ -1,147 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import classnames from 'classnames';
-import { useDebounce } from '@blaze-react/utils/lib/customHooks';
-import useLocalStorage from '../useLocalStorage';
-import SearchBar from './SearchBar';
-import RecentSearches from './RecentSearches';
-import SearchResults from './SearchResults';
-import TriggerModal from './TriggerModal';
-import SearchAdminSideBar from './SearchAdminSideBar';
-import useSearchResults from '../useSearchResults';
-import { SEARCH_ADMIN } from '../../constants';
-const SearchAdmin = () => {
-  const [searchTerm, setSearchTerm] = useState('');
-  const [openSearchSideBar, setOpenSearchSideBar] = useState(true);
-  const [entityValues, setEntityValues] = useState([]);
-  const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);
-  const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);
-  const [enableResults, setEnableResults] = useState(true);
-  const searchInputRef = useRef(null);
-  const debouncedEntityValues = useDebounce(entityValues, 500);
-  const entities = debouncedEntityValues.map(e => e.id);
-  const [{
-    loading,
-    newResults: results = [],
-    total
-  }, setQueryParams] = useSearchResults({
-    queryKey: SEARCH_ADMIN,
-    entities
-  });
-  useEffect(() => {
-    if (searchInputRef && searchInputRef.current) {
-      searchInputRef.current.focus();
-    }
-  }, [displaySearchModalFrame]);
-  const handleSearchTerm = ({
-    target: {
-      value
-    }
-  }) => {
-    setSearchTerm(value);
-  };
-  const toggleSearchModal = () => {
-    setSearchTerm(null);
-    setEnableResults(false);
-    setDisplaySearchModalFrame(!displaySearchModalFrame);
-  };
-  const search = ({
-    value
-  }) => {
-    if (!value) return;
-    !enableResults && setEnableResults(true);
-    const MAX_RECENT_SEARCHES = 5;
-    const recentSearchesCopy = recentSearches.slice();
-    if (!recentSearchesCopy.includes(value)) {
-      recentSearchesCopy.push(value);
-      if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {
-        recentSearchesCopy.shift();
-      }
-    }
-    setRecentSearches(recentSearchesCopy);
-    setQueryParams({
-      value
-    });
-  };
-  const handleKeyDown = ({
-    key
-  }) => {
-    if (key === 'Enter') {
-      if (!searchTerm) return clear();
-      search({
-        value: searchTerm
-      });
-    }
-  };
-  const clear = () => {
-    setSearchTerm('');
-    setEnableResults(false);
-  };
-  const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {
-    'modal--show': displaySearchModalFrame
-  });
-  const searchModalSideBarClassName = classnames('modal__search__sidebar', {
-    'modal__search__sidebar--close': !openSearchSideBar
-  });
-  const isEmptySearchTermAndData = !searchTerm && !results.length;
-  const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;
-  const shouldDisplayRecentSearches = isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
-  const handleSetEntityValues = newEntity => {
-    const entityExists = entityValues.some(entity => entity.id === newEntity.id);
-    if (entityExists) {
-      setQueryParams({
-        value: searchTerm,
-        offset: 0
-      });
-      setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));
-    } else {
-      setQueryParams({
-        value: searchTerm,
-        offset: 0
-      });
-      setEntityValues([...entityValues, newEntity]);
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "search search--header"
-  }, /*#__PURE__*/React.createElement(TriggerModal, {
-    toggleSearchModal: toggleSearchModal
-  }), /*#__PURE__*/React.createElement("div", {
-    className: searchModalResultsClassName
-  }, displaySearchModalFrame && /*#__PURE__*/React.createElement("div", {
-    className: "modal__search"
-  }, /*#__PURE__*/React.createElement(SearchAdminSideBar, {
-    searchModalSideBarClassName: searchModalSideBarClassName,
-    openSearchSideBar: openSearchSideBar,
-    setOpenSearchSideBar: setOpenSearchSideBar,
-    handleSetEntityValues: handleSetEntityValues,
-    entityValues: entityValues,
-    setEntityValues: setEntityValues
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "modal__search__content"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "modal__header modal__header--search"
-  }, /*#__PURE__*/React.createElement(SearchBar, {
-    toggleSearchModal: toggleSearchModal,
-    handleKeyDown: handleKeyDown,
-    searchInputRef: searchInputRef,
-    handleSearchTerm: handleSearchTerm,
-    searchTerm: searchTerm,
-    search: () => search({
-      value: searchTerm
-    })
-  })), shouldDisplayRecentSearches && /*#__PURE__*/React.createElement(RecentSearches, {
-    recentSearches: recentSearches,
-    handleSearchTerm: handleSearchTerm,
-    search: search
-  }), enableResults && /*#__PURE__*/React.createElement(SearchResults, {
-    currentValue: searchTerm,
-    entities: entities,
-    loading: loading,
-    results: results,
-    total: total,
-    setQueryParams: setQueryParams,
-    closeModal: toggleSearchModal
-  })))));
-};
-export default SearchAdmin;
-//# sourceMappingURL=SearchAdmin.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SearchAdmin.js","names":["React","useState","useRef","useEffect","classnames","useDebounce","useLocalStorage","SearchBar","RecentSearches","SearchResults","TriggerModal","SearchAdminSideBar","useSearchResults","SEARCH_ADMIN","SearchAdmin","searchTerm","setSearchTerm","openSearchSideBar","setOpenSearchSideBar","entityValues","setEntityValues","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","debouncedEntityValues","entities","map","e","id","loading","newResults","results","total","setQueryParams","queryKey","current","focus","handleSearchTerm","target","value","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","searchModalSideBarClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","handleSetEntityValues","newEntity","entityExists","some","entity","offset","filter","createElement","className","currentValue","closeModal"],"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  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 entities = debouncedEntityValues.map(e => e.id);\n  const [{ loading, newResults: results = [], total }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_ADMIN,\n    entities\n  });\n\n  useEffect(() => {\n    if (searchInputRef && searchInputRef.current) {\n      searchInputRef.current.focus();\n    }\n  }, [displaySearchModalFrame]);\n\n  const handleSearchTerm = ({ target: { value } }) => {\n    setSearchTerm(value);\n  };\n\n  const toggleSearchModal = () => {\n    setSearchTerm(null);\n    setEnableResults(false);\n    setDisplaySearchModalFrame(!displaySearchModalFrame);\n  };\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 handleSetEntityValues = newEntity => {\n    const entityExists = entityValues.some(entity => entity.id === newEntity.id);\n    if (entityExists) {\n      setQueryParams({ value: searchTerm, offset: 0 });\n      setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));\n    } else {\n      setQueryParams({ value: searchTerm, offset: 0 });\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              {enableResults && (\n                <SearchResults\n                  currentValue={searchTerm}\n                  entities={entities}\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":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAC1D,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,WAAW,QAAQ,oCAAoC;AAChE,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,WAAW,GAAGA,CAAA,KAAM;EACxB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGf,QAAQ,CAAC,EAAE,CAAC;EAChD,MAAM,CAACgB,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGjB,QAAQ,CAAC,IAAI,CAAC;EAChE,MAAM,CAACkB,YAAY,EAAEC,eAAe,CAAC,GAAGnB,QAAQ,CAAC,EAAE,CAAC;EACpD,MAAM,CAACoB,cAAc,EAAEC,iBAAiB,CAAC,GAAGhB,eAAe,CAAC,gBAAgB,EAAE,EAAE,CAAC;EACjF,MAAM,CAACiB,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGvB,QAAQ,CAAC,KAAK,CAAC;EAC7E,MAAM,CAACwB,aAAa,EAAEC,gBAAgB,CAAC,GAAGzB,QAAQ,CAAC,IAAI,CAAC;EACxD,MAAM0B,cAAc,GAAGzB,MAAM,CAAC,IAAI,CAAC;EACnC,MAAM0B,qBAAqB,GAAGvB,WAAW,CAACc,YAAY,EAAE,GAAG,CAAC;EAC5D,MAAMU,QAAQ,GAAGD,qBAAqB,CAACE,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACC,EAAE,CAAC;EACrD,MAAM,CAAC;IAAEC,OAAO;IAAEC,UAAU,EAAEC,OAAO,GAAG,EAAE;IAAEC;EAAM,CAAC,EAAEC,cAAc,CAAC,GAAGzB,gBAAgB,CAAC;IACtF0B,QAAQ,EAAEzB,YAAY;IACtBgB;EACF,CAAC,CAAC;EAEF1B,SAAS,CAAC,MAAM;IACd,IAAIwB,cAAc,IAAIA,cAAc,CAACY,OAAO,EAAE;MAC5CZ,cAAc,CAACY,OAAO,CAACC,KAAK,CAAC,CAAC;IAChC;EACF,CAAC,EAAE,CAACjB,uBAAuB,CAAC,CAAC;EAE7B,MAAMkB,gBAAgB,GAAGA,CAAC;IAAEC,MAAM,EAAE;MAAEC;IAAM;EAAE,CAAC,KAAK;IAClD3B,aAAa,CAAC2B,KAAK,CAAC;EACtB,CAAC;EAED,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B5B,aAAa,CAAC,IAAI,CAAC;IACnBU,gBAAgB,CAAC,KAAK,CAAC;IACvBF,0BAA0B,CAAC,CAACD,uBAAuB,CAAC;EACtD,CAAC;EAED,MAAMsB,MAAM,GAAGA,CAAC;IAAEF;EAAM,CAAC,KAAK;IAC5B,IAAI,CAACA,KAAK,EAAE;IACZ,CAAClB,aAAa,IAAIC,gBAAgB,CAAC,IAAI,CAAC;IACxC,MAAMoB,mBAAmB,GAAG,CAAC;IAC7B,MAAMC,kBAAkB,GAAG1B,cAAc,CAAC2B,KAAK,CAAC,CAAC;IAEjD,IAAI,CAACD,kBAAkB,CAACE,QAAQ,CAACN,KAAK,CAAC,EAAE;MACvCI,kBAAkB,CAACG,IAAI,CAACP,KAAK,CAAC;MAC9B,IAAII,kBAAkB,CAACI,MAAM,GAAGL,mBAAmB,EAAE;QACnDC,kBAAkB,CAACK,KAAK,CAAC,CAAC;MAC5B;IACF;IAEA9B,iBAAiB,CAACyB,kBAAkB,CAAC;IACrCV,cAAc,CAAC;MAAEM;IAAM,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMU,aAAa,GAAGA,CAAC;IAAEC;EAAI,CAAC,KAAK;IACjC,IAAIA,GAAG,KAAK,OAAO,EAAE;MACnB,IAAI,CAACvC,UAAU,EAAE,OAAOwC,KAAK,CAAC,CAAC;MAC/BV,MAAM,CAAC;QAAEF,KAAK,EAAE5B;MAAW,CAAC,CAAC;IAC/B;EACF,CAAC;EAED,MAAMwC,KAAK,GAAGA,CAAA,KAAM;IAClBvC,aAAa,CAAC,EAAE,CAAC;IACjBU,gBAAgB,CAAC,KAAK,CAAC;EACzB,CAAC;EAED,MAAM8B,2BAA2B,GAAGpD,UAAU,CAAC,wCAAwC,EAAE;IACvF,aAAa,EAAEmB;EACjB,CAAC,CAAC;EAEF,MAAMkC,2BAA2B,GAAGrD,UAAU,CAAC,wBAAwB,EAAE;IACvE,+BAA+B,EAAE,CAACa;EACpC,CAAC,CAAC;EAEF,MAAMyC,wBAAwB,GAAG,CAAC3C,UAAU,IAAI,CAACoB,OAAO,CAACgB,MAAM;EAC/D,MAAMQ,oCAAoC,GAAG,CAAC5C,UAAU,IAAI,CAACU,aAAa;EAC1E,MAAMmC,2BAA2B,GAC/BF,wBAAwB,IAAIC,oCAAoC;EAElE,MAAME,qBAAqB,GAAGC,SAAS,IAAI;IACzC,MAAMC,YAAY,GAAG5C,YAAY,CAAC6C,IAAI,CAACC,MAAM,IAAIA,MAAM,CAACjC,EAAE,KAAK8B,SAAS,CAAC9B,EAAE,CAAC;IAC5E,IAAI+B,YAAY,EAAE;MAChB1B,cAAc,CAAC;QAAEM,KAAK,EAAE5B,UAAU;QAAEmD,MAAM,EAAE;MAAE,CAAC,CAAC;MAChD9C,eAAe,CAACD,YAAY,CAACgD,MAAM,CAACF,MAAM,IAAIA,MAAM,CAACjC,EAAE,KAAK8B,SAAS,CAAC9B,EAAE,CAAC,CAAC;IAC5E,CAAC,MAAM;MACLK,cAAc,CAAC;QAAEM,KAAK,EAAE5B,UAAU;QAAEmD,MAAM,EAAE;MAAE,CAAC,CAAC;MAChD9C,eAAe,CAAC,CAAC,GAAGD,YAAY,EAAE2C,SAAS,CAAC,CAAC;IAC/C;EACF,CAAC;EAED,oBACE9D,KAAA,CAAAoE,aAAA;IAAKC,SAAS,EAAC;EAAuB,gBACpCrE,KAAA,CAAAoE,aAAA,CAAC1D,YAAY;IAACkC,iBAAiB,EAAEA;EAAkB,CAAE,CAAC,eACtD5C,KAAA,CAAAoE,aAAA;IAAKC,SAAS,EAAEb;EAA4B,GACzCjC,uBAAuB,iBACtBvB,KAAA,CAAAoE,aAAA;IAAKC,SAAS,EAAC;EAAe,gBAC5BrE,KAAA,CAAAoE,aAAA,CAACzD,kBAAkB;IACjB8C,2BAA2B,EAAEA,2BAA4B;IACzDxC,iBAAiB,EAAEA,iBAAkB;IACrCC,oBAAoB,EAAEA,oBAAqB;IAC3C2C,qBAAqB,EAAEA,qBAAsB;IAC7C1C,YAAY,EAAEA,YAAa;IAC3BC,eAAe,EAAEA;EAAgB,CAClC,CAAC,eACFpB,KAAA,CAAAoE,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACrCrE,KAAA,CAAAoE,aAAA;IAAKC,SAAS,EAAC;EAAqC,gBAClDrE,KAAA,CAAAoE,aAAA,CAAC7D,SAAS;IACRqC,iBAAiB,EAAEA,iBAAkB;IACrCS,aAAa,EAAEA,aAAc;IAC7B1B,cAAc,EAAEA,cAAe;IAC/Bc,gBAAgB,EAAEA,gBAAiB;IACnC1B,UAAU,EAAEA,UAAW;IACvB8B,MAAM,EAAEA,CAAA,KAAMA,MAAM,CAAC;MAAEF,KAAK,EAAE5B;IAAW,CAAC;EAAE,CAC7C,CACE,CAAC,EACL6C,2BAA2B,iBAC1B5D,KAAA,CAAAoE,aAAA,CAAC5D,cAAc;IACba,cAAc,EAAEA,cAAe;IAC/BoB,gBAAgB,EAAEA,gBAAiB;IACnCI,MAAM,EAAEA;EAAO,CAChB,CACF,EACApB,aAAa,iBACZzB,KAAA,CAAAoE,aAAA,CAAC3D,aAAa;IACZ6D,YAAY,EAAEvD,UAAW;IACzBc,QAAQ,EAAEA,QAAS;IACnBI,OAAO,EAAEA,OAAQ;IACjBE,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,KAAM;IACbC,cAAc,EAAEA,cAAe;IAC/BkC,UAAU,EAAE3B;EAAkB,CAC/B,CAEA,CACF,CAEJ,CACF,CAAC;AAEV,CAAC;AAED,eAAe9B,WAAW","ignoreList":[]}

package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js

@@ -1,76 +0,0 @@
-import React, { useState } from 'react';
-import { useQuery } from '@apollo/client';
-import { getQuery } from '@blaze-cms/admin-ui-utils';
-import { Checkbox } from '@blaze-react/checkboxes';
-const MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];
-const SearchAdminSideBar = ({
-  searchModalSideBarClassName,
-  openSearchSideBar,
-  setOpenSearchSideBar,
-  handleSetEntityValues,
-  entityValues,
-  setEntityValues
-}) => {
-  const [loadMore, setLoadMore] = useState(false);
-  const {
-    data: {
-      getEntitySchemas = []
-    } = {},
-    loading
-  } = useQuery(getQuery('GET_USER_EDITABLE_ENTITIES'), {
-    variables: {
-      canDoActions: MENU_PERMISSIONS
-    }
-  });
-  if (loading) return null;
-  const filteredEntitiesSchemas = getEntitySchemas.filter(entity => {
-    if (entity.extras && entity.extras.searchIndexes) {
-      return entity.extras.searchIndexes.includes('admin');
-    }
-    return false;
-  });
-  const entitiesToShow = filteredEntitiesSchemas.slice(0, loadMore ? filteredEntitiesSchemas.length : 5);
-  return /*#__PURE__*/React.createElement("div", {
-    className: searchModalSideBarClassName
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "modal__search__sidebar__button",
-    role: "button",
-    onClick: () => setOpenSearchSideBar(!openSearchSideBar)
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "material-icons"
-  }, openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right')), /*#__PURE__*/React.createElement("div", {
-    className: "modal__search__sidebar__container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "modal__search__sidebar__wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "modal__search__sidebar__filters"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "material-icons modal__search__sidebar__icon"
-  }, "tune"), /*#__PURE__*/React.createElement("span", null, "Filters")), /*#__PURE__*/React.createElement("div", {
-    className: "modal__search__sidebar__clear",
-    role: "button",
-    onClick: () => setEntityValues([])
-  }, /*#__PURE__*/React.createElement("span", null, "Clear all"), /*#__PURE__*/React.createElement("i", {
-    className: "material-icons modal__search__sidebar__icon--clear"
-  }, "replay"))), /*#__PURE__*/React.createElement("div", {
-    className: "modal__search__sidebar__entity-list"
-  }, /*#__PURE__*/React.createElement("h1", null, "Entity list"), entitiesToShow.map(entity => /*#__PURE__*/React.createElement(Checkbox, {
-    checked: entityValues.some(_entity => _entity.id === entity.id),
-    label: entity.displayName,
-    id: entity.id,
-    name: entity.id,
-    onChange: ({
-      value: {
-        checked
-      }
-    }) => handleSetEntityValues(entity)
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "modal__search__sidebar__more",
-    role: "button",
-    onClick: () => setLoadMore(!loadMore)
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "material-icons"
-  }, !loadMore ? 'navigate_next' : 'expand_less'), /*#__PURE__*/React.createElement("span", null, loadMore ? 'Less' : 'More')))));
-};
-export default SearchAdminSideBar;
-//# sourceMappingURL=SearchAdminSideBar.js.map

package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchAdminSideBar.js","names":["React","useState","useQuery","getQuery","Checkbox","MENU_PERMISSIONS","SearchAdminSideBar","searchModalSideBarClassName","openSearchSideBar","setOpenSearchSideBar","handleSetEntityValues","entityValues","setEntityValues","loadMore","setLoadMore","data","getEntitySchemas","loading","variables","canDoActions","filteredEntitiesSchemas","filter","entity","extras","searchIndexes","includes","entitiesToShow","slice","length","createElement","className","role","onClick","map","checked","some","_entity","id","label","displayName","name","onChange","value"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { useQuery } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Checkbox } from '@blaze-react/checkboxes';\n\nconst MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];\n\nconst SearchAdminSideBar = ({\n  searchModalSideBarClassName,\n  openSearchSideBar,\n  setOpenSearchSideBar,\n  handleSetEntityValues,\n  entityValues,\n  setEntityValues\n}) => {\n  const [loadMore, setLoadMore] = useState(false);\n  const { data: { getEntitySchemas = [] } = {}, loading } = useQuery(\n    getQuery('GET_USER_EDITABLE_ENTITIES'),\n    {\n      variables: {\n        canDoActions: MENU_PERMISSIONS\n      }\n    }\n  );\n\n  if (loading) return null;\n\n  const filteredEntitiesSchemas = getEntitySchemas.filter(entity => {\n    if (entity.extras && entity.extras.searchIndexes) {\n      return entity.extras.searchIndexes.includes('admin');\n    }\n    return false;\n  });\n\n  const entitiesToShow = filteredEntitiesSchemas.slice(\n    0,\n    loadMore ? filteredEntitiesSchemas.length : 5\n  );\n\n  return (\n    <div className={searchModalSideBarClassName}>\n      <div\n        className=\"modal__search__sidebar__button\"\n        role=\"button\"\n        onClick={() => setOpenSearchSideBar(!openSearchSideBar)}>\n        <i className=\"material-icons\">\n          {openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right'}\n        </i>\n      </div>\n      <div className=\"modal__search__sidebar__container\">\n        <div className=\"modal__search__sidebar__wrapper\">\n          <div className=\"modal__search__sidebar__filters\">\n            <i className=\"material-icons modal__search__sidebar__icon\">tune</i>\n            <span>Filters</span>\n          </div>\n          <div\n            className=\"modal__search__sidebar__clear\"\n            role=\"button\"\n            onClick={() => setEntityValues([])}>\n            <span>Clear all</span>\n            <i className=\"material-icons modal__search__sidebar__icon--clear\">replay</i>\n          </div>\n        </div>\n        <div className=\"modal__search__sidebar__entity-list\">\n          <h1>Entity list</h1>\n          {entitiesToShow.map(entity => (\n            <Checkbox\n              checked={entityValues.some(_entity => _entity.id === entity.id)}\n              label={entity.displayName}\n              id={entity.id}\n              name={entity.id}\n              onChange={({ value: { checked } }) => handleSetEntityValues(entity)}\n            />\n          ))}\n          <div\n            className=\"modal__search__sidebar__more\"\n            role=\"button\"\n            onClick={() => setLoadMore(!loadMore)}>\n            <i className=\"material-icons\">{!loadMore ? 'navigate_next' : 'expand_less'}</i>\n            <span>{loadMore ? 'Less' : 'More'}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default SearchAdminSideBar;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,QAAQ,QAAQ,yBAAyB;AAElD,MAAMC,gBAAgB,GAAG,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC;AAEjF,MAAMC,kBAAkB,GAAGA,CAAC;EAC1BC,2BAA2B;EAC3BC,iBAAiB;EACjBC,oBAAoB;EACpBC,qBAAqB;EACrBC,YAAY;EACZC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAM;IAAEc,IAAI,EAAE;MAAEC,gBAAgB,GAAG;IAAG,CAAC,GAAG,CAAC,CAAC;IAAEC;EAAQ,CAAC,GAAGf,QAAQ,CAChEC,QAAQ,CAAC,4BAA4B,CAAC,EACtC;IACEe,SAAS,EAAE;MACTC,YAAY,EAAEd;IAChB;EACF,CACF,CAAC;EAED,IAAIY,OAAO,EAAE,OAAO,IAAI;EAExB,MAAMG,uBAAuB,GAAGJ,gBAAgB,CAACK,MAAM,CAACC,MAAM,IAAI;IAChE,IAAIA,MAAM,CAACC,MAAM,IAAID,MAAM,CAACC,MAAM,CAACC,aAAa,EAAE;MAChD,OAAOF,MAAM,CAACC,MAAM,CAACC,aAAa,CAACC,QAAQ,CAAC,OAAO,CAAC;IACtD;IACA,OAAO,KAAK;EACd,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAGN,uBAAuB,CAACO,KAAK,CAClD,CAAC,EACDd,QAAQ,GAAGO,uBAAuB,CAACQ,MAAM,GAAG,CAC9C,CAAC;EAED,oBACE5B,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAEvB;EAA4B,gBAC1CP,KAAA,CAAA6B,aAAA;IACEC,SAAS,EAAC,gCAAgC;IAC1CC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEA,CAAA,KAAMvB,oBAAoB,CAAC,CAACD,iBAAiB;EAAE,gBACxDR,KAAA,CAAA6B,aAAA;IAAGC,SAAS,EAAC;EAAgB,GAC1BtB,iBAAiB,GAAG,qBAAqB,GAAG,sBAC5C,CACA,CAAC,eACNR,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAC;EAAmC,gBAChD9B,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAC;EAAiC,gBAC9C9B,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAC;EAAiC,gBAC9C9B,KAAA,CAAA6B,aAAA;IAAGC,SAAS,EAAC;EAA6C,GAAC,MAAO,CAAC,eACnE9B,KAAA,CAAA6B,aAAA,eAAM,SAAa,CAChB,CAAC,eACN7B,KAAA,CAAA6B,aAAA;IACEC,SAAS,EAAC,+BAA+B;IACzCC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEA,CAAA,KAAMpB,eAAe,CAAC,EAAE;EAAE,gBACnCZ,KAAA,CAAA6B,aAAA,eAAM,WAAe,CAAC,eACtB7B,KAAA,CAAA6B,aAAA;IAAGC,SAAS,EAAC;EAAoD,GAAC,QAAS,CACxE,CACF,CAAC,eACN9B,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAC;EAAqC,gBAClD9B,KAAA,CAAA6B,aAAA,aAAI,aAAe,CAAC,EACnBH,cAAc,CAACO,GAAG,CAACX,MAAM,iBACxBtB,KAAA,CAAA6B,aAAA,CAACzB,QAAQ;IACP8B,OAAO,EAAEvB,YAAY,CAACwB,IAAI,CAACC,OAAO,IAAIA,OAAO,CAACC,EAAE,KAAKf,MAAM,CAACe,EAAE,CAAE;IAChEC,KAAK,EAAEhB,MAAM,CAACiB,WAAY;IAC1BF,EAAE,EAAEf,MAAM,CAACe,EAAG;IACdG,IAAI,EAAElB,MAAM,CAACe,EAAG;IAChBI,QAAQ,EAAEA,CAAC;MAAEC,KAAK,EAAE;QAAER;MAAQ;IAAE,CAAC,KAAKxB,qBAAqB,CAACY,MAAM;EAAE,CACrE,CACF,CAAC,eACFtB,KAAA,CAAA6B,aAAA;IACEC,SAAS,EAAC,8BAA8B;IACxCC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEA,CAAA,KAAMlB,WAAW,CAAC,CAACD,QAAQ;EAAE,gBACtCb,KAAA,CAAA6B,aAAA;IAAGC,SAAS,EAAC;EAAgB,GAAE,CAACjB,QAAQ,GAAG,eAAe,GAAG,aAAiB,CAAC,eAC/Eb,KAAA,CAAA6B,aAAA,eAAOhB,QAAQ,GAAG,MAAM,GAAG,MAAa,CACrC,CACF,CACF,CACF,CAAC;AAEV,CAAC;AAED,eAAeP,kBAAkB","ignoreList":[]}

package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js

@@ -1,3 +0,0 @@
-import SearchAdminSideBar from './SearchAdminSideBar';
-export default SearchAdminSideBar;
-//# sourceMappingURL=index.js.map

package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["SearchAdminSideBar"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/index.js"],"sourcesContent":["import SearchAdminSideBar from './SearchAdminSideBar';\n\nexport default SearchAdminSideBar;\n"],"mappings":"AAAA,OAAOA,kBAAkB,MAAM,sBAAsB;AAErD,eAAeA,kBAAkB","ignoreList":[]}

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

@@ -1,52 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-const SearchBar = ({
-  handleKeyDown,
-  searchInputRef,
-  handleSearchTerm,
-  searchTerm,
-  toggleSearchModal,
-  close,
-  search,
-  placeholder
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "search__wrapper"
-}, /*#__PURE__*/React.createElement("input", {
-  onKeyDown: handleKeyDown,
-  ref: searchInputRef,
-  placeholder: placeholder,
-  type: "text",
-  onChange: handleSearchTerm,
-  value: searchTerm
-}), /*#__PURE__*/React.createElement("span", {
-  onClick: search,
-  role: "button",
-  className: "icon-button icon-button--search icon-button--toggle"
-}, /*#__PURE__*/React.createElement("i", {
-  className: "material-icons"
-}, "search")), close && /*#__PURE__*/React.createElement("div", {
-  className: "modal__close"
-}, /*#__PURE__*/React.createElement("i", {
-  className: "material-icons",
-  onClick: toggleSearchModal,
-  role: "button"
-}, "close")));
-SearchBar.propTypes = {
-  close: PropTypes.bool,
-  handleKeyDown: PropTypes.func.isRequired,
-  searchInputRef: PropTypes.object,
-  handleSearchTerm: PropTypes.func.isRequired,
-  searchTerm: PropTypes.string,
-  toggleSearchModal: PropTypes.func,
-  search: PropTypes.func.isRequired,
-  placeholder: PropTypes.string
-};
-SearchBar.defaultProps = {
-  searchTerm: '',
-  close: true,
-  placeholder: 'Search...',
-  toggleSearchModal: null,
-  searchInputRef: null
-};
-export default SearchBar;
-//# sourceMappingURL=SearchBar.js.map