@blaze-cms/plugin-search-ui 0.134.0-project-admin-customisations.0 → 0.134.0

package/src/components/SearchAdmin/SearchAdmin.js

@@ -1,28 +1,21 @@
 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
+  const [{ loading, results, total }, setQueryParams] = useSearchResults({
+    queryKey: SEARCH_ADMIN
   });
 
   useEffect(
@@ -37,13 +30,11 @@ const SearchAdmin = () => {
   const handleSearchTerm = ({ target: { value } }) => {
     setSearchTerm(value);
   };
-
   const toggleSearchModal = () => {
     setSearchTerm(null);
     setEnableResults(false);
     setDisplaySearchModalFrame(!displaySearchModalFrame);
   };
-
   const search = ({ value }) => {
     if (!value) return;
     !enableResults && setEnableResults(true);
@@ -77,71 +68,58 @@ const SearchAdmin = () => {
     '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]);
-    }
-  };
+  const showResults = enableResults && results.length;
 
   return (
     <div className="search search--header">
       <TriggerModal toggleSearchModal={toggleSearchModal} />
       <div className={searchModalResultsClassName}>
         {displaySearchModalFrame && (
-          <div className="modal__search">
-            <SearchAdminSideBar
-              searchModalSideBarClassName={searchModalSideBarClassName}
-              openSearchSideBar={openSearchSideBar}
-              setOpenSearchSideBar={setOpenSearchSideBar}
-              handleSetEntityValues={handleSetEntityValues}
-              entityValues={entityValues}
-              setEntityValues={setEntityValues}
-            />
-            <div className="modal__search__content">
-              <div className="modal__header modal__header--search">
-                <SearchBar
-                  toggleSearchModal={toggleSearchModal}
-                  handleKeyDown={handleKeyDown}
-                  searchInputRef={searchInputRef}
-                  handleSearchTerm={handleSearchTerm}
-                  searchTerm={searchTerm}
-                  search={() => search({ value: searchTerm })}
-                />
-              </div>
-              {shouldDisplayRecentSearches && (
-                <RecentSearches
-                  recentSearches={recentSearches}
-                  handleSearchTerm={handleSearchTerm}
-                  search={search}
-                />
-              )}
-              {enableResults && (
-                <SearchResults
-                  currentValue={searchTerm}
-                  entities={entities}
-                  loading={loading}
-                  results={results}
-                  total={total}
-                  setQueryParams={setQueryParams}
-                  closeModal={toggleSearchModal}
-                />
-              )}
+          <>
+            <div className="modal__header modal__header--search">
+              <SearchBar
+                toggleSearchModal={toggleSearchModal}
+                handleKeyDown={handleKeyDown}
+                searchInputRef={searchInputRef}
+                handleSearchTerm={handleSearchTerm}
+                searchTerm={searchTerm}
+                search={() => search({ value: searchTerm })}
+              />
             </div>
-          </div>
+            {shouldDisplayRecentSearches ? (
+              <RecentSearches
+                recentSearches={recentSearches}
+                handleSearchTerm={handleSearchTerm}
+                search={search}
+              />
+            ) : (
+              <>
+                {!showResults && (
+                  <div className="list list--search">
+                    <div className="header header--list">
+                      <h2>No Results</h2>
+                    </div>
+                  </div>
+                )}
+              </>
+            )}
+            {showResults && (
+              <SearchResults
+                currentValue={searchTerm}
+                searchTerm={searchTerm}
+                loading={loading}
+                results={results}
+                total={total}
+                setQueryParams={setQueryParams}
+                closeModal={toggleSearchModal}
+              />
+            )}
+          </>
         )}
       </div>
     </div>

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

@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/anchor-is-valid */
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-import React, { useState, useEffect } from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import VirtualList from 'react-tiny-virtual-list';
 import { withRouter } from 'react-router-dom';
@@ -13,7 +13,6 @@ import {
 
 const SearchResults = ({
   currentValue,
-  entities,
   loading,
   results,
   total,
@@ -23,45 +22,12 @@ const SearchResults = ({
 }) => {
   const [verifiedRanges, setVerifiedRanges] = useState([]);
   const [currentIndex, setCurrentIndex] = useState(0);
-  const [currentResults, setCurrentResults] = useState('');
-  const [allResults, setAllResults] = useState([]);
-  const [currentParams, setCurrentParams] = useState('');
-
-  useEffect(
-    () => {
-      if (!loading) {
-        const newResults = results.map(({ id }) => id).join(',');
-        if (currentResults !== newResults) {
-          const newParams = `${currentValue},${entities.join(',')}`;
-          if (newParams !== currentParams) {
-            setAllResults(results);
-            setCurrentParams(newParams);
-            if (verifiedRanges.length) setVerifiedRanges([]);
-          } else {
-            setAllResults(allResults.concat(results));
-          }
-          setCurrentResults(newResults);
-        }
-      }
-    },
-    [
-      allResults,
-      currentParams,
-      currentResults,
-      currentValue,
-      entities,
-      loading,
-      results,
-      total,
-      verifiedRanges.length
-    ]
-  );
 
   const handleRenderedItems = async ({ startIndex }) => {
-    const rowsLength = allResults.length;
+    const rowsLength = results.length;
     const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;
     if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {
-      setQueryParams({ value: currentValue, offset: allResults.length });
+      setQueryParams({ value: currentValue, offset: results.length });
       setVerifiedRanges([...verifiedRanges, loadIndex]);
       setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);
     }
@@ -83,96 +49,53 @@ const SearchResults = ({
     return `${day}.${month}.${year}`;
   };
 
-  if (!allResults.length)
-    return (
-      <div className="list list--search">
+  return (
+    <>
+      {loading && <span>Loading...</span>}
+      <div className="modal__content modal__content--search">
         <div className="header header--list">
-          <h2>No Results</h2>
+          <h2>{total} results</h2>
         </div>
-      </div>
-    );
-
-  return (
-    <div className="modal__content modal__content--search">
-      <div className="header header--list">
-        <h2 className="header--list--results">
-          About <b>{total}</b> search keywords results
-        </h2>
-      </div>
-      <VirtualList
-        width="100%"
-        height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}
-        itemCount={allResults.length}
-        itemSize={SEARCH_RESULTS_ITEM_SIZE}
-        overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}
-        scrollToIndex={currentIndex}
-        onItemsRendered={handleRenderedItems}
-        renderItem={({ index, style }) => {
-          const {
-            id,
-            docType,
-            updated,
-            name,
-            entityIdentifier,
-            published,
-            created,
-            status
-          } = allResults[index];
-          const updatedDate = updated ? getDateFormat(updated) : null;
-          const createdDate = created ? getDateFormat(created) : null;
-          const publishedDate = published ? getDateFormat(published) : null;
-          return (
-            <div key={index} style={style} className="list__item--resultWrapper">
-              <div className="list__item list__item--result">
-                <div className="list__item-row list__item-row--result">
-                  <span className="list__item-identifier">{entityIdentifier}</span>
-                  <a
-                    href={getNavigationRoute({
-                      id,
-                      docType
-                    })}
-                    onClick={() =>
-                      navigate({
+        <VirtualList
+          width="100%"
+          height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}
+          itemCount={results.length}
+          itemSize={SEARCH_RESULTS_ITEM_SIZE}
+          overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}
+          scrollToIndex={currentIndex}
+          onItemsRendered={handleRenderedItems}
+          renderItem={({ index, style }) => {
+            const { id, docType, updated, name } = results[index];
+            const updatedDate = updated ? getDateFormat(updated) : null;
+            return (
+              <div key={index} style={style} className="list__item--resultWrapper">
+                <div className="list__item list__item--result">
+                  <div className="list__item-row list__item-row--result">
+                    <span className="badge badge--primary">
+                      {docType} {updatedDate}
+                    </span>
+                    <a
+                      href={getNavigationRoute({
                         id,
                         docType
-                      })
-                    }
-                    className="list__item-link">
-                    {name}
-                  </a>
-
-                  <div className="list__item-dates">
-                    {publishedDate && (
-                      <span>
-                        <b>Published: </b>
-                        {publishedDate}
-                      </span>
-                    )}
-                    <span>
-                      <b>Created: </b>
-                      {createdDate}
-                    </span>
-                    <span>
-                      <b>Updated: </b>
-                      {updatedDate}
-                    </span>
-                  </div>
-                  <div className="list__item-status">
-                    {status && (
-                      <span>
-                        <b>Status: </b>
-                        {status}
-                      </span>
-                    )}
+                      })}
+                      onClick={() =>
+                        navigate({
+                          id,
+                          docType
+                        })
+                      }
+                      className="list__item-text list__item-text--result">
+                      {name}
+                    </a>
                   </div>
                 </div>
               </div>
-            </div>
-          );
-        }}
-      />
-      {loading && <span>Loading...</span>}
-    </div>
+            );
+          }}
+        />
+      </div>
+    </>
   );
 };
 
@@ -183,8 +106,7 @@ SearchResults.propTypes = {
   setQueryParams: PropTypes.func.isRequired,
   closeModal: PropTypes.func.isRequired,
   history: PropTypes.object.isRequired,
-  currentValue: PropTypes.string.isRequired,
-  entities: PropTypes.array.isRequired
+  currentValue: PropTypes.string.isRequired
 };
 
 export default withRouter(SearchResults);

package/src/components/useSearch/useSearch.js

@@ -5,7 +5,6 @@ import searchQueries from '../../application/query';
 function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }) {
   const [queryParams, setParams] = useState({ limit: 20, offset: 0, value: '' });
   const [searchedValue, setSearchedValue] = useState(null);
-  const [previousEntities, setPreviousEntities] = useState([]);
   const [previousOffset, setPreviousOffset] = useState(null);
   const buildSearchQuery = searchQueries[queryKey];
 
@@ -36,14 +35,13 @@ function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }
       const { limit, offset, value } = queryParams;
       const isNewValueSet = value && value !== searchedValue;
       const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
-      const notSameLength = previousEntities.length !== entities.length;
       const parsedEntities = entities.length
         ? entities.map(entity => ({
             match: { docType: entity }
           }))
         : [];
 
-      if (isNewValueSet || isNewOffsetSet || notSameLength) {
+      if (isNewValueSet || isNewOffsetSet) {
         getSearchResults({
           variables: {
             limit,
@@ -74,7 +72,6 @@ function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }
         });
         setSearchedValue(value);
         setPreviousOffset(offset);
-        setPreviousEntities(entities);
       }
     },
     [
@@ -87,8 +84,6 @@ function useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }
       getSearchResults,
       entities,
       fields,
-      entities.length,
-      previousEntities.length,
       extraFilters
     ]
   );

package/src/components/useSearchResults/useSearchResults.js

@@ -2,8 +2,6 @@ import { useState, useEffect } from 'react';
 import useSearch from '../useSearch';
 
 function useSearchResults({ queryKey, resultKeys, entities, fields }) {
-  const [currentResults, setCurrentResults] = useState([]);
-  const [allResults, setAllResults] = useState([]);
   const [
     {
       searchedValue,
@@ -12,6 +10,8 @@ function useSearchResults({ queryKey, resultKeys, entities, fields }) {
     },
     setParams
   ] = useSearch({ queryKey, resultKeys, entities, fields });
+  const [currentResults, setCurrentResults] = useState([]);
+  const [allResults, setAllResults] = useState([]);
 
   useEffect(
     () => {
@@ -20,7 +20,7 @@ function useSearchResults({ queryKey, resultKeys, entities, fields }) {
         setCurrentResults(results);
       }
     },
-    [allResults, currentResults, results]
+    [allResults, currentResults, currentResults.length, results]
   );
 
   const clearList = params => {
@@ -32,16 +32,7 @@ function useSearchResults({ queryKey, resultKeys, entities, fields }) {
     params.value !== searchedValue ? clearList(params) : setParams(params);
   };
 
-  return [
-    {
-      loading,
-      results: allResults,
-      currentResults,
-      newResults: results,
-      total
-    },
-    setQueryParams
-  ];
+  return [{ loading, results: allResults, total }, setQueryParams];
 }
 
 export default useSearchResults;

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

@@ -1,112 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.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.filter.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.string.includes.js");
-require("core-js/modules/es.array.slice.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.array.some.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _client = require("@apollo/client");
-var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
-var _checkboxes = require("@blaze-react/checkboxes");
-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 MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];
-var SearchAdminSideBar = function SearchAdminSideBar(_ref) {
-  var searchModalSideBarClassName = _ref.searchModalSideBarClassName,
-    openSearchSideBar = _ref.openSearchSideBar,
-    setOpenSearchSideBar = _ref.setOpenSearchSideBar,
-    handleSetEntityValues = _ref.handleSetEntityValues,
-    entityValues = _ref.entityValues,
-    setEntityValues = _ref.setEntityValues;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    loadMore = _useState2[0],
-    setLoadMore = _useState2[1];
-  var _useQuery = (0, _client.useQuery)((0, _adminUiUtils.getQuery)('GET_USER_EDITABLE_ENTITIES'), {
-      variables: {
-        canDoActions: MENU_PERMISSIONS
-      }
-    }),
-    _useQuery$data = _useQuery.data,
-    _useQuery$data2 = _useQuery$data === void 0 ? {} : _useQuery$data,
-    _useQuery$data2$getEn = _useQuery$data2.getEntitySchemas,
-    getEntitySchemas = _useQuery$data2$getEn === void 0 ? [] : _useQuery$data2$getEn,
-    loading = _useQuery.loading;
-  if (loading) return null;
-  var filteredEntitiesSchemas = getEntitySchemas.filter(function (entity) {
-    if (entity.extras && entity.extras.searchIndexes) {
-      return entity.extras.searchIndexes.includes('admin');
-    }
-    return false;
-  });
-  var entitiesToShow = filteredEntitiesSchemas.slice(0, loadMore ? filteredEntitiesSchemas.length : 5);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: searchModalSideBarClassName
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "modal__search__sidebar__button",
-    role: "button",
-    onClick: function onClick() {
-      return setOpenSearchSideBar(!openSearchSideBar);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "material-icons"
-  }, openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right')), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "modal__search__sidebar__container"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "modal__search__sidebar__wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "modal__search__sidebar__filters"
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "material-icons modal__search__sidebar__icon"
-  }, "tune"), /*#__PURE__*/_react["default"].createElement("span", null, "Filters")), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "modal__search__sidebar__clear",
-    role: "button",
-    onClick: function onClick() {
-      return setEntityValues([]);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("span", null, "Clear all"), /*#__PURE__*/_react["default"].createElement("i", {
-    className: "material-icons modal__search__sidebar__icon--clear"
-  }, "replay"))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "modal__search__sidebar__entity-list"
-  }, /*#__PURE__*/_react["default"].createElement("h1", null, "Entity list"), entitiesToShow.map(function (entity) {
-    return /*#__PURE__*/_react["default"].createElement(_checkboxes.Checkbox, {
-      checked: entityValues.some(function (_entity) {
-        return _entity.id === entity.id;
-      }),
-      label: entity.displayName,
-      id: entity.id,
-      name: entity.id,
-      onChange: function onChange(_ref2) {
-        var checked = _ref2.value.checked;
-        return handleSetEntityValues(entity);
-      }
-    });
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "modal__search__sidebar__more",
-    role: "button",
-    onClick: function onClick() {
-      return setLoadMore(!loadMore);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "material-icons"
-  }, !loadMore ? 'navigate_next' : 'expand_less'), /*#__PURE__*/_react["default"].createElement("span", null, loadMore ? 'Less' : 'More')))));
-};
-var _default = SearchAdminSideBar;
-exports["default"] = _default;
-//# sourceMappingURL=SearchAdminSideBar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SearchAdminSideBar.js","names":["_react","_interopRequireWildcard","require","_client","_adminUiUtils","_checkboxes","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MENU_PERMISSIONS","SearchAdminSideBar","_ref","searchModalSideBarClassName","openSearchSideBar","setOpenSearchSideBar","handleSetEntityValues","entityValues","setEntityValues","_useState","useState","_useState2","_slicedToArray2","loadMore","setLoadMore","_useQuery","useQuery","getQuery","variables","canDoActions","_useQuery$data","data","_useQuery$data2","_useQuery$data2$getEn","getEntitySchemas","loading","filteredEntitiesSchemas","filter","entity","extras","searchIndexes","includes","entitiesToShow","slice","length","createElement","className","role","onClick","map","Checkbox","checked","some","_entity","id","label","displayName","name","onChange","_ref2","value","_default","exports"],"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":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_SearchAdminSideBar","_interopRequireDefault","require","_default","SearchAdminSideBar","exports"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/index.js"],"sourcesContent":["import SearchAdminSideBar from './SearchAdminSideBar';\n\nexport default SearchAdminSideBar;\n"],"mappings":";;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAsD,IAAAC,QAAA,GAEvCC,8BAAkB;AAAAC,OAAA,cAAAF,QAAA"}