@blaze-cms/plugin-search-ui 0.132.0 → 0.133.0-admin-updates.0

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

@@ -1 +1 @@
-{"version":3,"file":"SearchResults.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_reactTinyVirtualList","_reactRouterDom","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchResults","_ref","currentValue","loading","results","total","setQueryParams","closeModal","history","_useState","useState","_useState2","_slicedToArray2","verifiedRanges","setVerifiedRanges","_useState3","_useState4","currentIndex","setCurrentIndex","handleRenderedItems","_ref3","_asyncToGenerator2","_regenerator","mark","_callee","_ref2","startIndex","rowsLength","loadIndex","wrap","_callee$","_context","prev","next","length","Math","floor","SEARCH_RESULTS_OVER_SCAN_BUFFER","includes","value","offset","concat","_toConsumableArray2","stop","_x","apply","arguments","getNavigationRoute","_ref4","id","docType","FILE","navigate","_ref5","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","createElement","Fragment","className","width","height","window","innerHeight","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","itemCount","itemSize","SEARCH_RESULTS_ITEM_SIZE","overscanCount","scrollToIndex","onItemsRendered","renderItem","_ref6","index","style","_results$index","updated","name","updatedDate","href","onClick","propTypes","PropTypes","bool","isRequired","array","number","func","object","string","_default","withRouter","exports"],"sources":["../../../../src/components/SearchAdmin/SearchResults/SearchResults.js"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { withRouter } from 'react-router-dom';\nimport {\n  SEARCH_RESULTS_OVER_SCAN_BUFFER,\n  SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n  SEARCH_RESULTS_ITEM_SIZE,\n  FILE\n} from '../../../constants';\n\nconst SearchResults = ({\n  currentValue,\n  loading,\n  results,\n  total,\n  setQueryParams,\n  closeModal,\n  history\n}) => {\n  const [verifiedRanges, setVerifiedRanges] = useState([]);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const handleRenderedItems = async ({ startIndex }) => {\n    const rowsLength = results.length;\n    const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;\n    if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n      setQueryParams({ value: currentValue, offset: results.length });\n      setVerifiedRanges([...verifiedRanges, loadIndex]);\n      setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);\n    }\n  };\n\n  const getNavigationRoute = ({ id, docType }) =>\n    docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;\n\n  const navigate = ({ id, docType }) => {\n    history.push(getNavigationRoute({ id, docType }));\n    closeModal();\n  };\n\n  const getDateFormat = date => {\n    const newDate = new Date(date);\n    const day = `0${newDate.getDate()}`.slice(-2);\n    const month = `0${newDate.getMonth() + 1}`.slice(-2);\n    const year = String(newDate.getYear()).slice(-2);\n    return `${day}.${month}.${year}`;\n  };\n\n  return (\n    <>\n      {loading && <span>Loading...</span>}\n      <div className=\"modal__content modal__content--search\">\n        <div className=\"header header--list\">\n          <h2>{total} results</h2>\n        </div>\n        <VirtualList\n          width=\"100%\"\n          height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}\n          itemCount={results.length}\n          itemSize={SEARCH_RESULTS_ITEM_SIZE}\n          overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}\n          scrollToIndex={currentIndex}\n          onItemsRendered={handleRenderedItems}\n          renderItem={({ index, style }) => {\n            const { id, docType, updated, name } = results[index];\n            const updatedDate = updated ? getDateFormat(updated) : null;\n            return (\n              <div key={index} style={style} className=\"list__item--resultWrapper\">\n                <div className=\"list__item list__item--result\">\n                  <div className=\"list__item-row list__item-row--result\">\n                    <span className=\"badge badge--primary\">\n                      {docType} {updatedDate}\n                    </span>\n                    <a\n                      href={getNavigationRoute({\n                        id,\n                        docType\n                      })}\n                      onClick={() =>\n                        navigate({\n                          id,\n                          docType\n                        })\n                      }\n                      className=\"list__item-text list__item-text--result\">\n                      {name}\n                    </a>\n                  </div>\n                </div>\n              </div>\n            );\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nSearchResults.propTypes = {\n  loading: PropTypes.bool.isRequired,\n  results: PropTypes.array.isRequired,\n  total: PropTypes.number.isRequired,\n  setQueryParams: PropTypes.func.isRequired,\n  closeModal: PropTypes.func.isRequired,\n  history: PropTypes.object.isRequired,\n  currentValue: PropTypes.string.isRequired\n};\n\nexport default withRouter(SearchResults);\n"],"mappings":"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"}
+{"version":3,"file":"SearchResults.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_reactTinyVirtualList","_reactRouterDom","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchResults","_ref","currentValue","entities","loading","results","total","setQueryParams","closeModal","history","_useState","useState","_useState2","_slicedToArray2","verifiedRanges","setVerifiedRanges","_useState3","_useState4","currentIndex","setCurrentIndex","_useState5","_useState6","currentResults","setCurrentResults","_useState7","_useState8","allResults","setAllResults","_useState9","_useState10","currentParams","setCurrentParams","useEffect","newResults","map","_ref2","id","join","newParams","concat","length","handleRenderedItems","_ref4","_asyncToGenerator2","_regenerator","mark","_callee","_ref3","startIndex","rowsLength","loadIndex","wrap","_callee$","_context","prev","next","Math","floor","SEARCH_RESULTS_OVER_SCAN_BUFFER","includes","value","offset","_toConsumableArray2","stop","_x","apply","arguments","getNavigationRoute","_ref5","docType","FILE","navigate","_ref6","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","createElement","className","width","height","window","innerHeight","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","itemCount","itemSize","SEARCH_RESULTS_ITEM_SIZE","overscanCount","scrollToIndex","onItemsRendered","renderItem","_ref7","index","style","_allResults$index","updated","name","entityIdentifier","published","created","status","updatedDate","createdDate","publishedDate","href","onClick","propTypes","PropTypes","bool","isRequired","array","number","func","object","string","_default","withRouter","exports"],"sources":["../../../../src/components/SearchAdmin/SearchResults/SearchResults.js"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { withRouter } from 'react-router-dom';\nimport {\n  SEARCH_RESULTS_OVER_SCAN_BUFFER,\n  SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n  SEARCH_RESULTS_ITEM_SIZE,\n  FILE\n} from '../../../constants';\n\nconst SearchResults = ({\n  currentValue,\n  entities,\n  loading,\n  results,\n  total,\n  setQueryParams,\n  closeModal,\n  history\n}) => {\n  const [verifiedRanges, setVerifiedRanges] = useState([]);\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [currentResults, setCurrentResults] = useState('');\n  const [allResults, setAllResults] = useState([]);\n  const [currentParams, setCurrentParams] = useState('');\n\n  useEffect(\n    () => {\n      if (!loading) {\n        const newResults = results.map(({ id }) => id).join(',');\n        if (currentResults !== newResults) {\n          const newParams = `${currentValue},${entities.join(',')}`;\n          if (newParams !== currentParams) {\n            setAllResults(results);\n            setCurrentParams(newParams);\n            if (verifiedRanges.length) setVerifiedRanges([]);\n          } else {\n            setAllResults(allResults.concat(results));\n          }\n          setCurrentResults(newResults);\n        }\n      }\n    },\n    [\n      allResults,\n      currentParams,\n      currentResults,\n      currentValue,\n      entities,\n      loading,\n      results,\n      total,\n      verifiedRanges.length\n    ]\n  );\n\n  const handleRenderedItems = async ({ startIndex }) => {\n    const rowsLength = allResults.length;\n    const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;\n    if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n      setQueryParams({ value: currentValue, offset: allResults.length });\n      setVerifiedRanges([...verifiedRanges, loadIndex]);\n      setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);\n    }\n  };\n\n  const getNavigationRoute = ({ id, docType }) =>\n    docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;\n\n  const navigate = ({ id, docType }) => {\n    history.push(getNavigationRoute({ id, docType }));\n    closeModal();\n  };\n\n  const getDateFormat = date => {\n    const newDate = new Date(date);\n    const day = `0${newDate.getDate()}`.slice(-2);\n    const month = `0${newDate.getMonth() + 1}`.slice(-2);\n    const year = String(newDate.getYear()).slice(-2);\n    return `${day}.${month}.${year}`;\n  };\n\n  if (!allResults.length)\n    return (\n      <div className=\"list list--search\">\n        <div className=\"header header--list\">\n          <h2>No Results</h2>\n        </div>\n      </div>\n    );\n\n  return (\n    <div className=\"modal__content modal__content--search\">\n      <div className=\"header header--list\">\n        <h2 className=\"header--list--results\">\n          About <b>{total}</b> search keywords results\n        </h2>\n      </div>\n      <VirtualList\n        width=\"100%\"\n        height={window.innerHeight - SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST}\n        itemCount={allResults.length}\n        itemSize={SEARCH_RESULTS_ITEM_SIZE}\n        overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}\n        scrollToIndex={currentIndex}\n        onItemsRendered={handleRenderedItems}\n        renderItem={({ index, style }) => {\n          const {\n            id,\n            docType,\n            updated,\n            name,\n            entityIdentifier,\n            published,\n            created,\n            status\n          } = allResults[index];\n          const updatedDate = updated ? getDateFormat(updated) : null;\n          const createdDate = created ? getDateFormat(created) : null;\n          const publishedDate = published ? getDateFormat(published) : null;\n          return (\n            <div key={index} style={style} className=\"list__item--resultWrapper\">\n              <div className=\"list__item list__item--result\">\n                <div className=\"list__item-row list__item-row--result\">\n                  <span className=\"list__item-identifier\">{entityIdentifier}</span>\n                  <a\n                    href={getNavigationRoute({\n                      id,\n                      docType\n                    })}\n                    onClick={() =>\n                      navigate({\n                        id,\n                        docType\n                      })\n                    }\n                    className=\"list__item-link\">\n                    {name}\n                  </a>\n\n                  <div className=\"list__item-dates\">\n                    {publishedDate && (\n                      <span>\n                        <b>Published: </b>\n                        {publishedDate}\n                      </span>\n                    )}\n                    <span>\n                      <b>Created: </b>\n                      {createdDate}\n                    </span>\n                    <span>\n                      <b>Updated: </b>\n                      {updatedDate}\n                    </span>\n                  </div>\n                  <div className=\"list__item-status\">\n                    {status && (\n                      <span>\n                        <b>Status: </b>\n                        {status}\n                      </span>\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        }}\n      />\n      {loading && <span>Loading...</span>}\n    </div>\n  );\n};\n\nSearchResults.propTypes = {\n  loading: PropTypes.bool.isRequired,\n  results: PropTypes.array.isRequired,\n  total: PropTypes.number.isRequired,\n  setQueryParams: PropTypes.func.isRequired,\n  closeModal: PropTypes.func.isRequired,\n  history: PropTypes.object.isRequired,\n  currentValue: PropTypes.string.isRequired,\n  entities: PropTypes.array.isRequired\n};\n\nexport default withRouter(SearchResults);\n"],"mappings":"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"}

package/lib/components/useSearch/useSearch.js

@@ -23,8 +23,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _client = require("@apollo/client");
 var _query = _interopRequireDefault(require("../../application/query"));
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useSearch(_ref) {
   var queryKey = _ref.queryKey,
     resultKeys = _ref.resultKeys,
@@ -44,10 +44,14 @@ function useSearch(_ref) {
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     searchedValue = _useState4[0],
     setSearchedValue = _useState4[1];
-  var _useState5 = (0, _react.useState)(null),
+  var _useState5 = (0, _react.useState)([]),
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    previousOffset = _useState6[0],
-    setPreviousOffset = _useState6[1];
+    previousEntities = _useState6[0],
+    setPreviousEntities = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    previousOffset = _useState8[0],
+    setPreviousOffset = _useState8[1];
   var buildSearchQuery = _query["default"][queryKey];
   var _useLazyQuery = (0, _client.useLazyQuery)(buildSearchQuery({
       resultKeys: resultKeys
@@ -84,6 +88,7 @@ function useSearch(_ref) {
       value = queryParams.value;
     var isNewValueSet = value && value !== searchedValue;
     var isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
+    var notSameLength = previousEntities.length !== entities.length;
     var parsedEntities = entities.length ? entities.map(function (entity) {
       return {
         match: {
@@ -91,7 +96,7 @@ function useSearch(_ref) {
         }
       };
     }) : [];
-    if (isNewValueSet || isNewOffsetSet) {
+    if (isNewValueSet || isNewOffsetSet || notSameLength) {
       getSearchResults({
         variables: {
           limit: limit,
@@ -119,8 +124,9 @@ function useSearch(_ref) {
       });
       setSearchedValue(value);
       setPreviousOffset(offset);
+      setPreviousEntities(entities);
     }
-  }, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields, extraFilters]);
+  }, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields, entities.length, previousEntities.length, extraFilters]);
   return [{
     searchedValue: queryParams.value,
     loading: loading,

package/lib/components/useSearch/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","names":["_react","require","_client","_query","_interopRequireDefault","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useSearch","_ref","queryKey","resultKeys","_ref$entities","entities","fields","extraFilters","_useState","useState","limit","offset","value","_useState2","_slicedToArray2","queryParams","setParams","_useState3","_useState4","searchedValue","setSearchedValue","_useState5","_useState6","previousOffset","setPreviousOffset","buildSearchQuery","searchQueries","_useLazyQuery","useLazyQuery","ssr","_useLazyQuery2","getSearchResults","_useLazyQuery2$","_useLazyQuery2$2","loading","_useLazyQuery2$2$data","data","search","defaultSearch","results","jsonResults","total","_ref2","handleQueryParams","newQueryParams","useEffect","isNewValueSet","isNewOffsetSet","parsedEntities","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","default_operator","should","_default","exports"],"sources":["../../../src/components/useSearch/useSearch.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useLazyQuery } from '@apollo/client';\nimport searchQueries from '../../application/query';\n\nfunction useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }) {\n  const [queryParams, setParams] = useState({ limit: 20, offset: 0, value: '' });\n  const [searchedValue, setSearchedValue] = useState(null);\n  const [previousOffset, setPreviousOffset] = useState(null);\n  const buildSearchQuery = searchQueries[queryKey];\n\n  const [getSearchResults, { loading, data = {} } = {}] = useLazyQuery(\n    buildSearchQuery({ resultKeys }),\n    { ssr: false }\n  );\n\n  const { search } = data;\n\n  const defaultSearch = {\n    results: [],\n    jsonResults: null,\n    total: 0\n  };\n\n  const { results, jsonResults, total } = search ?? defaultSearch;\n\n  // todo: remove ssr: false once this bug is resolved https://github.com/apollographql/apollo-client/issues/9108\n  // without ssr: false clients can hang in ssr.\n\n  const handleQueryParams = newQueryParams => {\n    setParams({ ...queryParams, ...newQueryParams });\n  };\n\n  useEffect(\n    () => {\n      const { limit, offset, value } = queryParams;\n      const isNewValueSet = value && value !== searchedValue;\n      const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n      const parsedEntities = entities.length\n        ? entities.map(entity => ({\n            match: { docType: entity }\n          }))\n        : [];\n\n      if (isNewValueSet || isNewOffsetSet) {\n        getSearchResults({\n          variables: {\n            limit,\n            offset,\n            rawQuery: {\n              query: {\n                bool: {\n                  must: [\n                    {\n                      query_string: {\n                        query: value,\n                        fields,\n                        type: 'most_fields',\n                        default_operator: 'AND',\n                        extraFilters\n                      }\n                    },\n                    {\n                      bool: {\n                        should: parsedEntities\n                      }\n                    }\n                  ]\n                }\n              }\n            }\n          }\n        });\n        setSearchedValue(value);\n        setPreviousOffset(offset);\n      }\n    },\n    [\n      queryParams,\n      queryParams.limit,\n      queryParams.value,\n      queryParams.offset,\n      searchedValue,\n      previousOffset,\n      getSearchResults,\n      entities,\n      fields,\n      extraFilters\n    ]\n  );\n\n  return [\n    { searchedValue: queryParams.value, loading, data: { results: results || jsonResults, total } },\n    handleQueryParams\n  ];\n}\n\nexport default useSearch;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAoD,SAAAI,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,QAAAC,gBAAA,aAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAEpD,SAASW,SAASA,CAAAC,IAAA,EAAgE;EAAA,IAA7DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAAC,aAAA,GAAAH,IAAA,CAAEI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAEE,MAAM,GAAAL,IAAA,CAANK,MAAM;IAAEC,YAAY,GAAAN,IAAA,CAAZM,YAAY;EAC5E,IAAAC,SAAA,GAAiC,IAAAC,eAAQ,EAAC;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAG,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAN,SAAA;IAAvEO,WAAW,GAAAF,UAAA;IAAEG,SAAS,GAAAH,UAAA;EAC7B,IAAAI,UAAA,GAA0C,IAAAR,eAAQ,EAAC,IAAI,CAAC;IAAAS,UAAA,OAAAJ,eAAA,aAAAG,UAAA;IAAjDE,aAAa,GAAAD,UAAA;IAAEE,gBAAgB,GAAAF,UAAA;EACtC,IAAAG,UAAA,GAA4C,IAAAZ,eAAQ,EAAC,IAAI,CAAC;IAAAa,UAAA,OAAAR,eAAA,aAAAO,UAAA;IAAnDE,cAAc,GAAAD,UAAA;IAAEE,iBAAiB,GAAAF,UAAA;EACxC,IAAMG,gBAAgB,GAAGC,iBAAa,CAACxB,QAAQ,CAAC;EAEhD,IAAAyB,aAAA,GAAwD,IAAAC,oBAAY,EAClEH,gBAAgB,CAAC;MAAEtB,UAAU,EAAVA;IAAW,CAAC,CAAC,EAChC;MAAE0B,GAAG,EAAE;IAAM,CACf,CAAC;IAAAC,cAAA,OAAAhB,eAAA,aAAAa,aAAA;IAHMI,gBAAgB,GAAAD,cAAA;IAAAE,eAAA,GAAAF,cAAA;IAAAG,gBAAA,GAAAD,eAAA,cAA2B,CAAC,CAAC,GAAAA,eAAA;IAAzBE,OAAO,GAAAD,gBAAA,CAAPC,OAAO;IAAAC,qBAAA,GAAAF,gBAAA,CAAEG,IAAI;IAAJA,IAAI,GAAAD,qBAAA,cAAG,CAAC,CAAC,GAAAA,qBAAA;EAK7C,IAAQE,MAAM,GAAKD,IAAI,CAAfC,MAAM;EAEd,IAAMC,aAAa,GAAG;IACpBC,OAAO,EAAE,EAAE;IACXC,WAAW,EAAE,IAAI;IACjBC,KAAK,EAAE;EACT,CAAC;EAED,IAAAC,KAAA,GAAwCL,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIC,aAAa;IAAvDC,OAAO,GAAAG,KAAA,CAAPH,OAAO;IAAEC,WAAW,GAAAE,KAAA,CAAXF,WAAW;IAAEC,KAAK,GAAAC,KAAA,CAALD,KAAK;;EAEnC;EACA;;EAEA,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,cAAc,EAAI;IAC1C5B,SAAS,CAAA5B,aAAA,CAAAA,aAAA,KAAM2B,WAAW,GAAK6B,cAAc,CAAE,CAAC;EAClD,CAAC;EAED,IAAAC,gBAAS,EACP,YAAM;IACJ,IAAQnC,KAAK,GAAoBK,WAAW,CAApCL,KAAK;MAAEC,MAAM,GAAYI,WAAW,CAA7BJ,MAAM;MAAEC,KAAK,GAAKG,WAAW,CAArBH,KAAK;IAC5B,IAAMkC,aAAa,GAAGlC,KAAK,IAAIA,KAAK,KAAKO,aAAa;IACtD,IAAM4B,cAAc,GAAGxB,cAAc,KAAK,IAAI,IAAIZ,MAAM,KAAKY,cAAc;IAC3E,IAAMyB,cAAc,GAAG3C,QAAQ,CAACb,MAAM,GAClCa,QAAQ,CAAC4C,GAAG,CAAC,UAAAC,MAAM;MAAA,OAAK;QACtBC,KAAK,EAAE;UAAEC,OAAO,EAAEF;QAAO;MAC3B,CAAC;IAAA,CAAC,CAAC,GACH,EAAE;IAEN,IAAIJ,aAAa,IAAIC,cAAc,EAAE;MACnChB,gBAAgB,CAAC;QACfsB,SAAS,EAAE;UACT3C,KAAK,EAALA,KAAK;UACLC,MAAM,EAANA,MAAM;UACN2C,QAAQ,EAAE;YACRC,KAAK,EAAE;cACLC,IAAI,EAAE;gBACJC,IAAI,EAAE,CACJ;kBACEC,YAAY,EAAE;oBACZH,KAAK,EAAE3C,KAAK;oBACZN,MAAM,EAANA,MAAM;oBACNqD,IAAI,EAAE,aAAa;oBACnBC,gBAAgB,EAAE,KAAK;oBACvBrD,YAAY,EAAZA;kBACF;gBACF,CAAC,EACD;kBACEiD,IAAI,EAAE;oBACJK,MAAM,EAAEb;kBACV;gBACF,CAAC;cAEL;YACF;UACF;QACF;MACF,CAAC,CAAC;MACF5B,gBAAgB,CAACR,KAAK,CAAC;MACvBY,iBAAiB,CAACb,MAAM,CAAC;IAC3B;EACF,CAAC,EACD,CACEI,WAAW,EACXA,WAAW,CAACL,KAAK,EACjBK,WAAW,CAACH,KAAK,EACjBG,WAAW,CAACJ,MAAM,EAClBQ,aAAa,EACbI,cAAc,EACdQ,gBAAgB,EAChB1B,QAAQ,EACRC,MAAM,EACNC,YAAY,CAEhB,CAAC;EAED,OAAO,CACL;IAAEY,aAAa,EAAEJ,WAAW,CAACH,KAAK;IAAEsB,OAAO,EAAPA,OAAO;IAAEE,IAAI,EAAE;MAAEG,OAAO,EAAEA,OAAO,IAAIC,WAAW;MAAEC,KAAK,EAALA;IAAM;EAAE,CAAC,EAC/FE,iBAAiB,CAClB;AACH;AAAC,IAAAmB,QAAA,GAEc9D,SAAS;AAAA+D,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"useSearch.js","names":["_react","require","_client","_query","_interopRequireDefault","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useSearch","_ref","queryKey","resultKeys","_ref$entities","entities","fields","extraFilters","_useState","useState","limit","offset","value","_useState2","_slicedToArray2","queryParams","setParams","_useState3","_useState4","searchedValue","setSearchedValue","_useState5","_useState6","previousEntities","setPreviousEntities","_useState7","_useState8","previousOffset","setPreviousOffset","buildSearchQuery","searchQueries","_useLazyQuery","useLazyQuery","ssr","_useLazyQuery2","getSearchResults","_useLazyQuery2$","_useLazyQuery2$2","loading","_useLazyQuery2$2$data","data","search","defaultSearch","results","jsonResults","total","_ref2","handleQueryParams","newQueryParams","useEffect","isNewValueSet","isNewOffsetSet","notSameLength","parsedEntities","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","default_operator","should","_default","exports"],"sources":["../../../src/components/useSearch/useSearch.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useLazyQuery } from '@apollo/client';\nimport searchQueries from '../../application/query';\n\nfunction useSearch({ queryKey, resultKeys, entities = [], fields, extraFilters }) {\n  const [queryParams, setParams] = useState({ limit: 20, offset: 0, value: '' });\n  const [searchedValue, setSearchedValue] = useState(null);\n  const [previousEntities, setPreviousEntities] = useState([]);\n  const [previousOffset, setPreviousOffset] = useState(null);\n  const buildSearchQuery = searchQueries[queryKey];\n\n  const [getSearchResults, { loading, data = {} } = {}] = useLazyQuery(\n    buildSearchQuery({ resultKeys }),\n    { ssr: false }\n  );\n\n  const { search } = data;\n\n  const defaultSearch = {\n    results: [],\n    jsonResults: null,\n    total: 0\n  };\n\n  const { results, jsonResults, total } = search ?? defaultSearch;\n\n  // todo: remove ssr: false once this bug is resolved https://github.com/apollographql/apollo-client/issues/9108\n  // without ssr: false clients can hang in ssr.\n\n  const handleQueryParams = newQueryParams => {\n    setParams({ ...queryParams, ...newQueryParams });\n  };\n\n  useEffect(\n    () => {\n      const { limit, offset, value } = queryParams;\n      const isNewValueSet = value && value !== searchedValue;\n      const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n      const notSameLength = previousEntities.length !== entities.length;\n      const parsedEntities = entities.length\n        ? entities.map(entity => ({\n            match: { docType: entity }\n          }))\n        : [];\n\n      if (isNewValueSet || isNewOffsetSet || notSameLength) {\n        getSearchResults({\n          variables: {\n            limit,\n            offset,\n            rawQuery: {\n              query: {\n                bool: {\n                  must: [\n                    {\n                      query_string: {\n                        query: value,\n                        fields,\n                        type: 'most_fields',\n                        default_operator: 'AND',\n                        extraFilters\n                      }\n                    },\n                    {\n                      bool: {\n                        should: parsedEntities\n                      }\n                    }\n                  ]\n                }\n              }\n            }\n          }\n        });\n        setSearchedValue(value);\n        setPreviousOffset(offset);\n        setPreviousEntities(entities);\n      }\n    },\n    [\n      queryParams,\n      queryParams.limit,\n      queryParams.value,\n      queryParams.offset,\n      searchedValue,\n      previousOffset,\n      getSearchResults,\n      entities,\n      fields,\n      entities.length,\n      previousEntities.length,\n      extraFilters\n    ]\n  );\n\n  return [\n    { searchedValue: queryParams.value, loading, data: { results: results || jsonResults, total } },\n    handleQueryParams\n  ];\n}\n\nexport default useSearch;\n"],"mappings":"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"}

package/lib/components/useSearchResults/useSearchResults.js

@@ -21,13 +21,21 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _useSearch3 = _interopRequireDefault(require("../useSearch"));
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useSearchResults(_ref) {
   var queryKey = _ref.queryKey,
     resultKeys = _ref.resultKeys,
     entities = _ref.entities,
     fields = _ref.fields;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    currentResults = _useState2[0],
+    setCurrentResults = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    allResults = _useState4[0],
+    setAllResults = _useState4[1];
   var _useSearch = (0, _useSearch3["default"])({
       queryKey: queryKey,
       resultKeys: resultKeys,
@@ -42,20 +50,12 @@ function useSearchResults(_ref) {
     results = _useSearch2$$data.results,
     total = _useSearch2$$data.total,
     setParams = _useSearch2[1];
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    currentResults = _useState2[0],
-    setCurrentResults = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    allResults = _useState4[0],
-    setAllResults = _useState4[1];
   (0, _react.useEffect)(function () {
     if (currentResults.length !== results.length) {
       setAllResults([].concat((0, _toConsumableArray2["default"])(allResults), (0, _toConsumableArray2["default"])(results)));
       setCurrentResults(results);
     }
-  }, [allResults, currentResults, currentResults.length, results]);
+  }, [allResults, currentResults, results]);
   var clearList = function clearList(params) {
     setAllResults([]);
     setParams(_objectSpread(_objectSpread({}, params), {}, {
@@ -68,6 +68,8 @@ function useSearchResults(_ref) {
   return [{
     loading: loading,
     results: allResults,
+    currentResults: currentResults,
+    newResults: results,
     total: total
   }, setQueryParams];
 }

package/lib/components/useSearchResults/useSearchResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearchResults.js","names":["_react","require","_useSearch3","_interopRequireDefault","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useSearchResults","_ref","queryKey","resultKeys","entities","fields","_useSearch","useSearch","_useSearch2","_slicedToArray2","_useSearch2$","searchedValue","loading","_useSearch2$$data","data","results","total","setParams","_useState","useState","_useState2","currentResults","setCurrentResults","_useState3","_useState4","allResults","setAllResults","useEffect","concat","_toConsumableArray2","clearList","params","offset","setQueryParams","value","_default","exports"],"sources":["../../../src/components/useSearchResults/useSearchResults.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport useSearch from '../useSearch';\n\nfunction useSearchResults({ queryKey, resultKeys, entities, fields }) {\n  const [\n    {\n      searchedValue,\n      loading,\n      data: { results, total }\n    },\n    setParams\n  ] = useSearch({ queryKey, resultKeys, entities, fields });\n  const [currentResults, setCurrentResults] = useState([]);\n  const [allResults, setAllResults] = useState([]);\n\n  useEffect(\n    () => {\n      if (currentResults.length !== results.length) {\n        setAllResults([...allResults, ...results]);\n        setCurrentResults(results);\n      }\n    },\n    [allResults, currentResults, currentResults.length, results]\n  );\n\n  const clearList = params => {\n    setAllResults([]);\n    setParams({ ...params, offset: 0 });\n  };\n\n  const setQueryParams = params => {\n    params.value !== searchedValue ? clearList(params) : setParams(params);\n  };\n\n  return [{ loading, results: allResults, total }, setQueryParams];\n}\n\nexport default useSearchResults;\n"],"mappings":"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"}
+{"version":3,"file":"useSearchResults.js","names":["_react","require","_useSearch3","_interopRequireDefault","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useSearchResults","_ref","queryKey","resultKeys","entities","fields","_useState","useState","_useState2","_slicedToArray2","currentResults","setCurrentResults","_useState3","_useState4","allResults","setAllResults","_useSearch","useSearch","_useSearch2","_useSearch2$","searchedValue","loading","_useSearch2$$data","data","results","total","setParams","useEffect","concat","_toConsumableArray2","clearList","params","offset","setQueryParams","value","newResults","_default","exports"],"sources":["../../../src/components/useSearchResults/useSearchResults.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport useSearch from '../useSearch';\n\nfunction useSearchResults({ queryKey, resultKeys, entities, fields }) {\n  const [currentResults, setCurrentResults] = useState([]);\n  const [allResults, setAllResults] = useState([]);\n  const [\n    {\n      searchedValue,\n      loading,\n      data: { results, total }\n    },\n    setParams\n  ] = useSearch({ queryKey, resultKeys, entities, fields });\n\n  useEffect(\n    () => {\n      if (currentResults.length !== results.length) {\n        setAllResults([...allResults, ...results]);\n        setCurrentResults(results);\n      }\n    },\n    [allResults, currentResults, results]\n  );\n\n  const clearList = params => {\n    setAllResults([]);\n    setParams({ ...params, offset: 0 });\n  };\n\n  const setQueryParams = params => {\n    params.value !== searchedValue ? clearList(params) : setParams(params);\n  };\n\n  return [\n    {\n      loading,\n      results: allResults,\n      currentResults,\n      newResults: results,\n      total\n    },\n    setQueryParams\n  ];\n}\n\nexport default useSearchResults;\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1,76 @@
+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

@@ -0,0 +1 @@
+{"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":"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"}

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

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

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

@@ -0,0 +1 @@
+{"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"}