@blaze-cms/plugin-search-ui 0.125.0-f-admin-updates.0 → 0.125.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 [{ loading, results, total }, setQueryParams] = useSearchResults({
-    queryKey: SEARCH_ADMIN,
-    entities: debouncedEntityValues.map(e => e.id)
+    queryKey: SEARCH_ADMIN
   });
 
   useEffect(
@@ -75,10 +68,6 @@ 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 =
@@ -86,70 +75,51 @@ const SearchAdmin = () => {
 
   const showResults = enableResults && results.length;
 
-  const handleSetEntityValues = newEntity => {
-    const entityExists = entityValues.some(entity => entity.id === newEntity.id);
-    if (entityExists) {
-      setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));
-    } else {
-      setEntityValues([...entityValues, newEntity]);
-    }
-  };
-
   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}
-                />
-              ) : (
-                <>
-                  {!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 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

@@ -54,9 +54,7 @@ const SearchResults = ({
       {loading && <span>Loading...</span>}
       <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>
+          <h2>{total} results</h2>
         </div>
         <VirtualList
           width="100%"
@@ -67,24 +65,15 @@ const SearchResults = ({
           scrollToIndex={currentIndex}
           onItemsRendered={handleRenderedItems}
           renderItem={({ index, style }) => {
-            const {
-              id,
-              docType,
-              updated,
-              name,
-              entityIdentifier,
-              published,
-              created,
-              status
-            } = results[index];
+            const { id, docType, updated, name } = results[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>
+                    <span className="badge badge--primary">
+                      {docType} {updatedDate}
+                    </span>
                     <a
                       href={getNavigationRoute({
                         id,
@@ -96,34 +85,9 @@ const SearchResults = ({
                           docType
                         })
                       }
-                      className="list__item-link">
+                      className="list__item-text list__item-text--result">
                       {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>
-                      )}
-                    </div>
                   </div>
                 </div>
               </div>

package/src/components/useSearch/useSearch.js

@@ -5,9 +5,7 @@ import searchQueries from '../../application/query';
 function useSearch({ queryKey, resultKeys, entities = [], fields }) {
   const [queryParams, setParams] = useState({ limit: 20, offset: 0, value: '' });
   const [searchedValue, setSearchedValue] = useState(null);
-  const [en, setEn] = useState([]);
   const [previousOffset, setPreviousOffset] = useState(null);
-
   const buildSearchQuery = searchQueries[queryKey];
   const [
     getSearchResults,
@@ -30,14 +28,13 @@ function useSearch({ queryKey, resultKeys, entities = [], fields }) {
       const { limit, offset, value } = queryParams;
       const isNewValueSet = value && value !== searchedValue;
       const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
-      const notSameLength = en.length !== entities.length;
       const parsedEntities = entities.length
         ? entities.map(entity => ({
             match: { docType: entity }
           }))
         : [];
 
-      if (isNewValueSet || isNewOffsetSet || notSameLength) {
+      if (isNewValueSet || isNewOffsetSet) {
         getSearchResults({
           variables: {
             limit,
@@ -67,7 +64,6 @@ function useSearch({ queryKey, resultKeys, entities = [], fields }) {
         });
         setSearchedValue(value);
         setPreviousOffset(offset);
-        setEn(entities);
       }
     },
     [
@@ -79,9 +75,7 @@ function useSearch({ queryKey, resultKeys, entities = [], fields }) {
       previousOffset,
       getSearchResults,
       entities,
-      fields,
-      entities.length,
-      en.length
+      fields
     ]
   );
 

package/src/components/useSearchResults/useSearchResults.js

@@ -1,3 +1,4 @@
+import { useState, useEffect } from 'react';
 import useSearch from '../useSearch';
 
 function useSearchResults({ queryKey, resultKeys, entities, fields }) {
@@ -9,8 +10,21 @@ function useSearchResults({ queryKey, resultKeys, entities, fields }) {
     },
     setParams
   ] = useSearch({ queryKey, resultKeys, entities, fields });
+  const [currentResults, setCurrentResults] = useState([]);
+  const [allResults, setAllResults] = useState([]);
+
+  useEffect(
+    () => {
+      if (currentResults.length !== results.length) {
+        setAllResults([...allResults, ...results]);
+        setCurrentResults(results);
+      }
+    },
+    [allResults, currentResults, currentResults.length, results]
+  );
 
   const clearList = params => {
+    setAllResults([]);
     setParams({ ...params, offset: 0 });
   };
 
@@ -18,7 +32,7 @@ function useSearchResults({ queryKey, resultKeys, entities, fields }) {
     params.value !== searchedValue ? clearList(params) : setParams(params);
   };
 
-  return [{ loading, results, total }, setQueryParams];
+  return [{ loading, results: allResults, total }, setQueryParams];
 }
 
 export default useSearchResults;

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

@@ -1,143 +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.object.keys.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$data = _useQuery$data === void 0 ? {} : _useQuery$data;
-  var _useQuery$data$getEnt = _useQuery$data.getEntitySchemas,
-      getEntitySchemas = _useQuery$data$getEnt === void 0 ? [] : _useQuery$data$getEnt,
-      loading = _useQuery.loading;
-  if (loading) return null;
-  var filteredEntitiesSchemas = getEntitySchemas.filter(function (entity) {
-    if (Object.keys(entity.extras).length) {
-      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":["MENU_PERMISSIONS","SearchAdminSideBar","searchModalSideBarClassName","openSearchSideBar","setOpenSearchSideBar","handleSetEntityValues","entityValues","setEntityValues","useState","loadMore","setLoadMore","useQuery","getQuery","variables","canDoActions","data","getEntitySchemas","loading","filteredEntitiesSchemas","filter","entity","Object","keys","extras","length","searchIndexes","includes","entitiesToShow","slice","map","some","_entity","id","displayName","checked","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 (Object.keys(entity.extras).length) {\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;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,gBAAgB,GAAG,CAAC,YAAD,EAAe,YAAf,EAA6B,YAA7B,EAA2C,YAA3C,CAAzB;;AAEA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAOrB;EAAA,IANJC,2BAMI,QANJA,2BAMI;EAAA,IALJC,iBAKI,QALJA,iBAKI;EAAA,IAJJC,oBAII,QAJJA,oBAII;EAAA,IAHJC,qBAGI,QAHJA,qBAGI;EAAA,IAFJC,YAEI,QAFJA,YAEI;EAAA,IADJC,eACI,QADJA,eACI;;EACJ,gBAAgC,IAAAC,eAAA,EAAS,KAAT,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EACA,gBAA0D,IAAAC,gBAAA,EACxD,IAAAC,sBAAA,EAAS,4BAAT,CADwD,EAExD;IACEC,SAAS,EAAE;MACTC,YAAY,EAAEd;IADL;EADb,CAFwD,CAA1D;EAAA,+BAAQe,IAAR;;EAAA,6CAA0C,EAA1C;EAAA,2CAAgBC,gBAAhB;EAAA,IAAgBA,gBAAhB,sCAAmC,EAAnC;EAAA,IAA8CC,OAA9C,aAA8CA,OAA9C;EASA,IAAIA,OAAJ,EAAa,OAAO,IAAP;EAEb,IAAMC,uBAAuB,GAAGF,gBAAgB,CAACG,MAAjB,CAAwB,UAAAC,MAAM,EAAI;IAChE,IAAIC,MAAM,CAACC,IAAP,CAAYF,MAAM,CAACG,MAAnB,EAA2BC,MAA/B,EAAuC;MACrC,OAAOJ,MAAM,CAACG,MAAP,CAAcE,aAAd,CAA4BC,QAA5B,CAAqC,OAArC,CAAP;IACD;;IACD,OAAO,KAAP;EACD,CAL+B,CAAhC;EAOA,IAAMC,cAAc,GAAGT,uBAAuB,CAACU,KAAxB,CACrB,CADqB,EAErBnB,QAAQ,GAAGS,uBAAuB,CAACM,MAA3B,GAAoC,CAFvB,CAAvB;EAKA,oBACE;IAAK,SAAS,EAAEtB;EAAhB,gBACE;IACE,SAAS,EAAC,gCADZ;IAEE,IAAI,EAAC,QAFP;IAGE,OAAO,EAAE;MAAA,OAAME,oBAAoB,CAAC,CAACD,iBAAF,CAA1B;IAAA;EAHX,gBAIE;IAAG,SAAS,EAAC;EAAb,GACGA,iBAAiB,GAAG,qBAAH,GAA2B,sBAD/C,CAJF,CADF,eASE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAG,SAAS,EAAC;EAAb,UADF,eAEE,wDAFF,CADF,eAKE;IACE,SAAS,EAAC,+BADZ;IAEE,IAAI,EAAC,QAFP;IAGE,OAAO,EAAE;MAAA,OAAMI,eAAe,CAAC,EAAD,CAArB;IAAA;EAHX,gBAIE,0DAJF,eAKE;IAAG,SAAS,EAAC;EAAb,YALF,CALF,CADF,eAcE;IAAK,SAAS,EAAC;EAAf,gBACE,0DADF,EAEGoB,cAAc,CAACE,GAAf,CAAmB,UAAAT,MAAM;IAAA,oBACxB,gCAAC,oBAAD;MACE,OAAO,EAAEd,YAAY,CAACwB,IAAb,CAAkB,UAAAC,OAAO;QAAA,OAAIA,OAAO,CAACC,EAAR,KAAeZ,MAAM,CAACY,EAA1B;MAAA,CAAzB,CADX;MAEE,KAAK,EAAEZ,MAAM,CAACa,WAFhB;MAGE,EAAE,EAAEb,MAAM,CAACY,EAHb;MAIE,IAAI,EAAEZ,MAAM,CAACY,EAJf;MAKE,QAAQ,EAAE;QAAA,IAAYE,OAAZ,SAAGC,KAAH,CAAYD,OAAZ;QAAA,OAA4B7B,qBAAqB,CAACe,MAAD,CAAjD;MAAA;IALZ,EADwB;EAAA,CAAzB,CAFH,eAWE;IACE,SAAS,EAAC,8BADZ;IAEE,IAAI,EAAC,QAFP;IAGE,OAAO,EAAE;MAAA,OAAMV,WAAW,CAAC,CAACD,QAAF,CAAjB;IAAA;EAHX,gBAIE;IAAG,SAAS,EAAC;EAAb,GAA+B,CAACA,QAAD,GAAY,eAAZ,GAA8B,aAA7D,CAJF,eAKE,8CAAOA,QAAQ,GAAG,MAAH,GAAY,MAA3B,CALF,CAXF,CAdF,CATF,CADF;AA8CD,CA9ED;;eAgFeR,kB"}

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

@@ -1,16 +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"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/index.js"],"sourcesContent":["import SearchAdminSideBar from './SearchAdminSideBar';\n\nexport default SearchAdminSideBar;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,8B"}

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

@@ -1,79 +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 (Object.keys(entity.extras).length) {
-      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","Object","keys","extras","length","searchIndexes","includes","entitiesToShow","slice","map","some","_entity","id","displayName","value","checked"],"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 (Object.keys(entity.extras).length) {\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-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,kBAAP,MAA+B,sBAA/B;AAEA,eAAeA,kBAAf"}