@blaze-cms/plugin-search-ui 0.127.0 → 0.128.0-admin-updates.0

package/CHANGELOG.md

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

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

@@ -1 +1 @@
-{"version":3,"file":"RecentSearches.js","names":["RecentSearches","recentSearches","handleSearchTerm","search","map","searchedTerm","target","value","propTypes","PropTypes","array","isRequired","func"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/RecentSearches.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst RecentSearches = ({ recentSearches, handleSearchTerm, search }) => (\n  <div className=\"list list--search\">\n    <div className=\"header header--list\">\n      <h2>Recent searches</h2>\n    </div>\n    {recentSearches.map(searchedTerm => (\n      <div\n        key={searchedTerm}\n        role=\"button\"\n        className=\"list__item list__item--search\"\n        onClick={() => {\n          handleSearchTerm({ target: { value: searchedTerm } });\n          search({ value: searchedTerm });\n        }}>\n        <div className=\"list__item-row list__item-row--search\">\n          <i className=\"material-icons\">search</i>\n          <div className=\"list__item-text list__item-text--search\">{searchedTerm}</div>\n        </div>\n      </div>\n    ))}\n  </div>\n);\n\nRecentSearches.propTypes = {\n  recentSearches: PropTypes.array.isRequired,\n  handleSearchTerm: PropTypes.func.isRequired,\n  search: PropTypes.func.isRequired\n};\n\nexport default RecentSearches;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAc;EAAA,IAAMC,cAAc,QAAdA,cAAc;IAAEC,gBAAgB,QAAhBA,gBAAgB;IAAEC,MAAM,QAANA,MAAM;EAAA,oBAChE;IAAK,SAAS,EAAC;EAAmB,gBAChC;IAAK,SAAS,EAAC;EAAqB,gBAClC,8DAAwB,CACpB,EACLF,cAAc,CAACG,GAAG,CAAC,UAAAC,YAAY;IAAA,oBAC9B;MACE,GAAG,EAAEA,YAAa;MAClB,IAAI,EAAC,QAAQ;MACb,SAAS,EAAC,+BAA+B;MACzC,OAAO,EAAE,mBAAM;QACbH,gBAAgB,CAAC;UAAEI,MAAM,EAAE;YAAEC,KAAK,EAAEF;UAAa;QAAE,CAAC,CAAC;QACrDF,MAAM,CAAC;UAAEI,KAAK,EAAEF;QAAa,CAAC,CAAC;MACjC;IAAE,gBACF;MAAK,SAAS,EAAC;IAAuC,gBACpD;MAAG,SAAS,EAAC;IAAgB,YAAW,eACxC;MAAK,SAAS,EAAC;IAAyC,GAAEA,YAAY,CAAO,CACzE,CACF;EAAA,CACP,CAAC,CACE;AAAA,CACP;AAEDL,cAAc,CAACQ,SAAS,GAAG;EACzBP,cAAc,EAAEQ,qBAAS,CAACC,KAAK,CAACC,UAAU;EAC1CT,gBAAgB,EAAEO,qBAAS,CAACG,IAAI,CAACD,UAAU;EAC3CR,MAAM,EAAEM,qBAAS,CAACG,IAAI,CAACD;AACzB,CAAC;AAAC,eAEaX,cAAc;AAAA"}
+{"version":3,"file":"RecentSearches.js","names":["RecentSearches","recentSearches","handleSearchTerm","search","map","searchedTerm","target","value","propTypes","PropTypes","array","isRequired","func"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/RecentSearches.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst RecentSearches = ({ recentSearches, handleSearchTerm, search }) => (\n  <div className=\"list list--search\">\n    <div className=\"header header--list\">\n      <h2>Recent searches</h2>\n    </div>\n    {recentSearches.map(searchedTerm => (\n      <div\n        key={searchedTerm}\n        role=\"button\"\n        className=\"list__item list__item--search\"\n        onClick={() => {\n          handleSearchTerm({ target: { value: searchedTerm } });\n          search({ value: searchedTerm });\n        }}>\n        <div className=\"list__item-row list__item-row--search\">\n          <i className=\"material-icons\">search</i>\n          <div className=\"list__item-text list__item-text--search\">{searchedTerm}</div>\n        </div>\n      </div>\n    ))}\n  </div>\n);\n\nRecentSearches.propTypes = {\n  recentSearches: PropTypes.array.isRequired,\n  handleSearchTerm: PropTypes.func.isRequired,\n  search: PropTypes.func.isRequired\n};\n\nexport default RecentSearches;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAc;EAAA,IAAMC,cAAc,QAAdA,cAAc;IAAEC,gBAAgB,QAAhBA,gBAAgB;IAAEC,MAAM,QAANA,MAAM;EAAA,oBAChE;IAAK,SAAS,EAAC;EAAmB,gBAChC;IAAK,SAAS,EAAC;EAAqB,gBAClC,4CAAI,iBAAe,CAAK,CACpB,EACLF,cAAc,CAACG,GAAG,CAAC,UAAAC,YAAY;IAAA,oBAC9B;MACE,GAAG,EAAEA,YAAa;MAClB,IAAI,EAAC,QAAQ;MACb,SAAS,EAAC,+BAA+B;MACzC,OAAO,EAAE,mBAAM;QACbH,gBAAgB,CAAC;UAAEI,MAAM,EAAE;YAAEC,KAAK,EAAEF;UAAa;QAAE,CAAC,CAAC;QACrDF,MAAM,CAAC;UAAEI,KAAK,EAAEF;QAAa,CAAC,CAAC;MACjC;IAAE,gBACF;MAAK,SAAS,EAAC;IAAuC,gBACpD;MAAG,SAAS,EAAC;IAAgB,GAAC,QAAM,CAAI,eACxC;MAAK,SAAS,EAAC;IAAyC,GAAEA,YAAY,CAAO,CACzE,CACF;EAAA,CACP,CAAC,CACE;AAAA,CACP;AAEDL,cAAc,CAACQ,SAAS,GAAG;EACzBP,cAAc,EAAEQ,qBAAS,CAACC,KAAK,CAACC,UAAU;EAC1CT,gBAAgB,EAAEO,qBAAS,CAACG,IAAI,CAACD,UAAU;EAC3CR,MAAM,EAAEM,qBAAS,CAACG,IAAI,CAACD;AACzB,CAAC;AAAC,eAEaX,cAAc;AAAA"}

package/lib/components/SearchAdmin/SearchAdmin.js

@@ -1,7 +1,6 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -13,17 +12,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.slice.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.array.some.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.concat.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _customHooks = require("@blaze-react/utils/lib/customHooks");
 var _useLocalStorage3 = _interopRequireDefault(require("../useLocalStorage"));
 var _SearchBar = _interopRequireDefault(require("./SearchBar"));
 var _RecentSearches = _interopRequireDefault(require("./RecentSearches"));
 var _SearchResults = _interopRequireDefault(require("./SearchResults"));
 var _TriggerModal = _interopRequireDefault(require("./TriggerModal"));
+var _SearchAdminSideBar = _interopRequireDefault(require("./SearchAdminSideBar"));
 var _useSearchResults3 = _interopRequireDefault(require("../useSearchResults"));
 var _constants = require("../../constants");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -33,21 +40,33 @@ var SearchAdmin = function SearchAdmin() {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    openSearchSideBar = _useState4[0],
+    setOpenSearchSideBar = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    entityValues = _useState6[0],
+    setEntityValues = _useState6[1];
   var _useLocalStorage = (0, _useLocalStorage3["default"])('recentSearches', []),
     _useLocalStorage2 = (0, _slicedToArray2["default"])(_useLocalStorage, 2),
     recentSearches = _useLocalStorage2[0],
     setRecentSearches = _useLocalStorage2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    displaySearchModalFrame = _useState4[0],
-    setDisplaySearchModalFrame = _useState4[1];
-  var _useState5 = (0, _react.useState)(true),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    enableResults = _useState6[0],
-    setEnableResults = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    displaySearchModalFrame = _useState8[0],
+    setDisplaySearchModalFrame = _useState8[1];
+  var _useState9 = (0, _react.useState)(true),
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    enableResults = _useState10[0],
+    setEnableResults = _useState10[1];
   var searchInputRef = (0, _react.useRef)(null);
+  var debouncedEntityValues = (0, _customHooks.useDebounce)(entityValues, 500);
   var _useSearchResults = (0, _useSearchResults3["default"])({
-      queryKey: _constants.SEARCH_ADMIN
+      queryKey: _constants.SEARCH_ADMIN,
+      entities: debouncedEntityValues.map(function (e) {
+        return e.id;
+      })
     }),
     _useSearchResults2 = (0, _slicedToArray2["default"])(_useSearchResults, 2),
     _useSearchResults2$ = _useSearchResults2[0],
@@ -102,17 +121,43 @@ var SearchAdmin = function SearchAdmin() {
   var searchModalResultsClassName = (0, _classnames["default"])('modal modal--full-screen modal--search', {
     'modal--show': displaySearchModalFrame
   });
+  var searchModalSideBarClassName = (0, _classnames["default"])('modal__search__sidebar', {
+    'modal__search__sidebar--close': !openSearchSideBar
+  });
   var isEmptySearchTermAndData = !searchTerm && !results.length;
   var isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;
   var shouldDisplayRecentSearches = isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
   var showResults = enableResults && results.length;
+  var handleSetEntityValues = function handleSetEntityValues(newEntity) {
+    var entityExists = entityValues.some(function (entity) {
+      return entity.id === newEntity.id;
+    });
+    if (entityExists) {
+      setEntityValues(entityValues.filter(function (entity) {
+        return entity.id !== newEntity.id;
+      }));
+    } else {
+      setEntityValues([].concat((0, _toConsumableArray2["default"])(entityValues), [newEntity]));
+    }
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "search search--header"
   }, /*#__PURE__*/_react["default"].createElement(_TriggerModal["default"], {
     toggleSearchModal: toggleSearchModal
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: searchModalResultsClassName
-  }, displaySearchModalFrame && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+  }, displaySearchModalFrame && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "modal__search"
+  }, /*#__PURE__*/_react["default"].createElement(_SearchAdminSideBar["default"], {
+    searchModalSideBarClassName: searchModalSideBarClassName,
+    openSearchSideBar: openSearchSideBar,
+    setOpenSearchSideBar: setOpenSearchSideBar,
+    handleSetEntityValues: handleSetEntityValues,
+    entityValues: entityValues,
+    setEntityValues: setEntityValues
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "modal__search__content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "modal__header modal__header--search"
   }, /*#__PURE__*/_react["default"].createElement(_SearchBar["default"], {
     toggleSearchModal: toggleSearchModal,
@@ -141,7 +186,7 @@ var SearchAdmin = function SearchAdmin() {
     total: total,
     setQueryParams: setQueryParams,
     closeModal: toggleSearchModal
-  }))));
+  })))));
 };
 var _default = SearchAdmin;
 exports["default"] = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"SearchAdmin.js","names":["SearchAdmin","useState","searchTerm","setSearchTerm","useLocalStorage","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","useRef","useSearchResults","queryKey","SEARCH_ADMIN","loading","results","total","setQueryParams","useEffect","current","focus","handleSearchTerm","value","target","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","classnames","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n  const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n  const [enableResults, setEnableResults] = useState(true);\n  const searchInputRef = useRef(null);\n  const [{ loading, results, total }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_ADMIN\n  });\n\n  useEffect(\n    () => {\n      if (searchInputRef && searchInputRef.current) {\n        searchInputRef.current.focus();\n      }\n    },\n    [displaySearchModalFrame]\n  );\n\n  const handleSearchTerm = ({ target: { value } }) => {\n    setSearchTerm(value);\n  };\n  const toggleSearchModal = () => {\n    setSearchTerm(null);\n    setEnableResults(false);\n    setDisplaySearchModalFrame(!displaySearchModalFrame);\n  };\n  const search = ({ value }) => {\n    if (!value) return;\n    !enableResults && setEnableResults(true);\n    const MAX_RECENT_SEARCHES = 5;\n    const recentSearchesCopy = recentSearches.slice();\n\n    if (!recentSearchesCopy.includes(value)) {\n      recentSearchesCopy.push(value);\n      if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n        recentSearchesCopy.shift();\n      }\n    }\n\n    setRecentSearches(recentSearchesCopy);\n    setQueryParams({ value });\n  };\n\n  const handleKeyDown = ({ key }) => {\n    if (key === 'Enter') {\n      if (!searchTerm) return clear();\n      search({ value: searchTerm });\n    }\n  };\n\n  const clear = () => {\n    setSearchTerm('');\n    setEnableResults(false);\n  };\n\n  const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n    'modal--show': displaySearchModalFrame\n  });\n\n  const isEmptySearchTermAndData = !searchTerm && !results.length;\n  const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n  const shouldDisplayRecentSearches =\n    isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n  const showResults = enableResults && results.length;\n\n  return (\n    <div className=\"search search--header\">\n      <TriggerModal toggleSearchModal={toggleSearchModal} />\n      <div className={searchModalResultsClassName}>\n        {displaySearchModalFrame && (\n          <>\n            <div className=\"modal__header modal__header--search\">\n              <SearchBar\n                toggleSearchModal={toggleSearchModal}\n                handleKeyDown={handleKeyDown}\n                searchInputRef={searchInputRef}\n                handleSearchTerm={handleSearchTerm}\n                searchTerm={searchTerm}\n                search={() => search({ value: searchTerm })}\n              />\n            </div>\n            {shouldDisplayRecentSearches ? (\n              <RecentSearches\n                recentSearches={recentSearches}\n                handleSearchTerm={handleSearchTerm}\n                search={search}\n              />\n            ) : (\n              <>\n                {!showResults && (\n                  <div className=\"list list--search\">\n                    <div className=\"header header--list\">\n                      <h2>No Results</h2>\n                    </div>\n                  </div>\n                )}\n              </>\n            )}\n            {showResults && (\n              <SearchResults\n                currentValue={searchTerm}\n                searchTerm={searchTerm}\n                loading={loading}\n                results={results}\n                total={total}\n                setQueryParams={setQueryParams}\n                closeModal={toggleSearchModal}\n              />\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}
+{"version":3,"file":"SearchAdmin.js","names":["SearchAdmin","useState","searchTerm","setSearchTerm","openSearchSideBar","setOpenSearchSideBar","entityValues","setEntityValues","useLocalStorage","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","useRef","debouncedEntityValues","useDebounce","useSearchResults","queryKey","SEARCH_ADMIN","entities","map","e","id","loading","results","total","setQueryParams","useEffect","current","focus","handleSearchTerm","value","target","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","classnames","searchModalSideBarClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults","handleSetEntityValues","newEntity","entityExists","some","entity","filter"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport SearchAdminSideBar from './SearchAdminSideBar';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const [openSearchSideBar, setOpenSearchSideBar] = useState(true);\n  const [entityValues, setEntityValues] = useState([]);\n\n  const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n  const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n  const [enableResults, setEnableResults] = useState(true);\n  const searchInputRef = useRef(null);\n  const debouncedEntityValues = useDebounce(entityValues, 500);\n  const [{ loading, results, total }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_ADMIN,\n    entities: debouncedEntityValues.map(e => e.id)\n  });\n\n  useEffect(\n    () => {\n      if (searchInputRef && searchInputRef.current) {\n        searchInputRef.current.focus();\n      }\n    },\n    [displaySearchModalFrame]\n  );\n\n  const handleSearchTerm = ({ target: { value } }) => {\n    setSearchTerm(value);\n  };\n  const toggleSearchModal = () => {\n    setSearchTerm(null);\n    setEnableResults(false);\n    setDisplaySearchModalFrame(!displaySearchModalFrame);\n  };\n  const search = ({ value }) => {\n    if (!value) return;\n    !enableResults && setEnableResults(true);\n    const MAX_RECENT_SEARCHES = 5;\n    const recentSearchesCopy = recentSearches.slice();\n\n    if (!recentSearchesCopy.includes(value)) {\n      recentSearchesCopy.push(value);\n      if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n        recentSearchesCopy.shift();\n      }\n    }\n\n    setRecentSearches(recentSearchesCopy);\n    setQueryParams({ value });\n  };\n\n  const handleKeyDown = ({ key }) => {\n    if (key === 'Enter') {\n      if (!searchTerm) return clear();\n      search({ value: searchTerm });\n    }\n  };\n\n  const clear = () => {\n    setSearchTerm('');\n    setEnableResults(false);\n  };\n\n  const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n    'modal--show': displaySearchModalFrame\n  });\n\n  const searchModalSideBarClassName = classnames('modal__search__sidebar', {\n    'modal__search__sidebar--close': !openSearchSideBar\n  });\n\n  const isEmptySearchTermAndData = !searchTerm && !results.length;\n  const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n  const shouldDisplayRecentSearches =\n    isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n  const showResults = enableResults && results.length;\n\n  const handleSetEntityValues = newEntity => {\n    const entityExists = entityValues.some(entity => entity.id === newEntity.id);\n    if (entityExists) {\n      setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));\n    } else {\n      setEntityValues([...entityValues, newEntity]);\n    }\n  };\n\n  return (\n    <div className=\"search search--header\">\n      <TriggerModal toggleSearchModal={toggleSearchModal} />\n      <div className={searchModalResultsClassName}>\n        {displaySearchModalFrame && (\n          <div className=\"modal__search\">\n            <SearchAdminSideBar\n              searchModalSideBarClassName={searchModalSideBarClassName}\n              openSearchSideBar={openSearchSideBar}\n              setOpenSearchSideBar={setOpenSearchSideBar}\n              handleSetEntityValues={handleSetEntityValues}\n              entityValues={entityValues}\n              setEntityValues={setEntityValues}\n            />\n            <div className=\"modal__search__content\">\n              <div className=\"modal__header modal__header--search\">\n                <SearchBar\n                  toggleSearchModal={toggleSearchModal}\n                  handleKeyDown={handleKeyDown}\n                  searchInputRef={searchInputRef}\n                  handleSearchTerm={handleSearchTerm}\n                  searchTerm={searchTerm}\n                  search={() => search({ value: searchTerm })}\n                />\n              </div>\n              {shouldDisplayRecentSearches ? (\n                <RecentSearches\n                  recentSearches={recentSearches}\n                  handleSearchTerm={handleSearchTerm}\n                  search={search}\n                />\n              ) : (\n                <>\n                  {!showResults && (\n                    <div className=\"list list--search\">\n                      <div className=\"header header--list\">\n                        <h2>No Results</h2>\n                      </div>\n                    </div>\n                  )}\n                </>\n              )}\n              {showResults && (\n                <SearchResults\n                  currentValue={searchTerm}\n                  searchTerm={searchTerm}\n                  loading={loading}\n                  results={results}\n                  total={total}\n                  setQueryParams={setQueryParams}\n                  closeModal={toggleSearchModal}\n                />\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}

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

@@ -0,0 +1,113 @@
+"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$data2 = _useQuery$data === void 0 ? {} : _useQuery$data,
+    _useQuery$data2$getEn = _useQuery$data2.getEntitySchemas,
+    getEntitySchemas = _useQuery$data2$getEn === void 0 ? [] : _useQuery$data2$getEn,
+    loading = _useQuery.loading;
+  if (loading) return null;
+  var filteredEntitiesSchemas = getEntitySchemas.filter(function (entity) {
+    if (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

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

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

@@ -0,0 +1,12 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _SearchAdminSideBar = _interopRequireDefault(require("./SearchAdminSideBar"));
+var _default = _SearchAdminSideBar["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/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;AAAsD,eAEvCA,8BAAkB;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","names":["SearchBar","handleKeyDown","searchInputRef","handleSearchTerm","searchTerm","toggleSearchModal","close","search","placeholder","propTypes","PropTypes","bool","func","isRequired","object","string","defaultProps"],"sources":["../../../../src/components/SearchAdmin/SearchBar/SearchBar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SearchBar = ({\n  handleKeyDown,\n  searchInputRef,\n  handleSearchTerm,\n  searchTerm,\n  toggleSearchModal,\n  close,\n  search,\n  placeholder\n}) => (\n  <div className=\"search__wrapper\">\n    <input\n      onKeyDown={handleKeyDown}\n      ref={searchInputRef}\n      placeholder={placeholder}\n      type=\"text\"\n      onChange={handleSearchTerm}\n      value={searchTerm}\n    />\n    <span\n      onClick={search}\n      role=\"button\"\n      className=\"icon-button icon-button--search icon-button--toggle\">\n      <i className=\"material-icons\">search</i>\n    </span>\n    {close && (\n      <div className=\"modal__close\">\n        <i className=\"material-icons\" onClick={toggleSearchModal} role=\"button\">\n          close\n        </i>\n      </div>\n    )}\n  </div>\n);\n\nSearchBar.propTypes = {\n  close: PropTypes.bool,\n  handleKeyDown: PropTypes.func.isRequired,\n  searchInputRef: PropTypes.object,\n  handleSearchTerm: PropTypes.func.isRequired,\n  searchTerm: PropTypes.string,\n  toggleSearchModal: PropTypes.func,\n  search: PropTypes.func.isRequired,\n  placeholder: PropTypes.string\n};\n\nSearchBar.defaultProps = {\n  searchTerm: '',\n  close: true,\n  placeholder: 'Search...',\n  toggleSearchModal: null,\n  searchInputRef: null\n};\n\nexport default SearchBar;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAS;EAAA,IACbC,aAAa,QAAbA,aAAa;IACbC,cAAc,QAAdA,cAAc;IACdC,gBAAgB,QAAhBA,gBAAgB;IAChBC,UAAU,QAAVA,UAAU;IACVC,iBAAiB,QAAjBA,iBAAiB;IACjBC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;EAAA,oBAEX;IAAK,SAAS,EAAC;EAAiB,gBAC9B;IACE,SAAS,EAAEP,aAAc;IACzB,GAAG,EAAEC,cAAe;IACpB,WAAW,EAAEM,WAAY;IACzB,IAAI,EAAC,MAAM;IACX,QAAQ,EAAEL,gBAAiB;IAC3B,KAAK,EAAEC;EAAW,EAClB,eACF;IACE,OAAO,EAAEG,MAAO;IAChB,IAAI,EAAC,QAAQ;IACb,SAAS,EAAC;EAAqD,gBAC/D;IAAG,SAAS,EAAC;EAAgB,YAAW,CACnC,EACND,KAAK,iBACJ;IAAK,SAAS,EAAC;EAAc,gBAC3B;IAAG,SAAS,EAAC,gBAAgB;IAAC,OAAO,EAAED,iBAAkB;IAAC,IAAI,EAAC;EAAQ,WAEnE,CAEP,CACG;AAAA,CACP;AAEDL,SAAS,CAACS,SAAS,GAAG;EACpBH,KAAK,EAAEI,qBAAS,CAACC,IAAI;EACrBV,aAAa,EAAES,qBAAS,CAACE,IAAI,CAACC,UAAU;EACxCX,cAAc,EAAEQ,qBAAS,CAACI,MAAM;EAChCX,gBAAgB,EAAEO,qBAAS,CAACE,IAAI,CAACC,UAAU;EAC3CT,UAAU,EAAEM,qBAAS,CAACK,MAAM;EAC5BV,iBAAiB,EAAEK,qBAAS,CAACE,IAAI;EACjCL,MAAM,EAAEG,qBAAS,CAACE,IAAI,CAACC,UAAU;EACjCL,WAAW,EAAEE,qBAAS,CAACK;AACzB,CAAC;AAEDf,SAAS,CAACgB,YAAY,GAAG;EACvBZ,UAAU,EAAE,EAAE;EACdE,KAAK,EAAE,IAAI;EACXE,WAAW,EAAE,WAAW;EACxBH,iBAAiB,EAAE,IAAI;EACvBH,cAAc,EAAE;AAClB,CAAC;AAAC,eAEaF,SAAS;AAAA"}
+{"version":3,"file":"SearchBar.js","names":["SearchBar","handleKeyDown","searchInputRef","handleSearchTerm","searchTerm","toggleSearchModal","close","search","placeholder","propTypes","PropTypes","bool","func","isRequired","object","string","defaultProps"],"sources":["../../../../src/components/SearchAdmin/SearchBar/SearchBar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SearchBar = ({\n  handleKeyDown,\n  searchInputRef,\n  handleSearchTerm,\n  searchTerm,\n  toggleSearchModal,\n  close,\n  search,\n  placeholder\n}) => (\n  <div className=\"search__wrapper\">\n    <input\n      onKeyDown={handleKeyDown}\n      ref={searchInputRef}\n      placeholder={placeholder}\n      type=\"text\"\n      onChange={handleSearchTerm}\n      value={searchTerm}\n    />\n    <span\n      onClick={search}\n      role=\"button\"\n      className=\"icon-button icon-button--search icon-button--toggle\">\n      <i className=\"material-icons\">search</i>\n    </span>\n    {close && (\n      <div className=\"modal__close\">\n        <i className=\"material-icons\" onClick={toggleSearchModal} role=\"button\">\n          close\n        </i>\n      </div>\n    )}\n  </div>\n);\n\nSearchBar.propTypes = {\n  close: PropTypes.bool,\n  handleKeyDown: PropTypes.func.isRequired,\n  searchInputRef: PropTypes.object,\n  handleSearchTerm: PropTypes.func.isRequired,\n  searchTerm: PropTypes.string,\n  toggleSearchModal: PropTypes.func,\n  search: PropTypes.func.isRequired,\n  placeholder: PropTypes.string\n};\n\nSearchBar.defaultProps = {\n  searchTerm: '',\n  close: true,\n  placeholder: 'Search...',\n  toggleSearchModal: null,\n  searchInputRef: null\n};\n\nexport default SearchBar;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAS;EAAA,IACbC,aAAa,QAAbA,aAAa;IACbC,cAAc,QAAdA,cAAc;IACdC,gBAAgB,QAAhBA,gBAAgB;IAChBC,UAAU,QAAVA,UAAU;IACVC,iBAAiB,QAAjBA,iBAAiB;IACjBC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;EAAA,oBAEX;IAAK,SAAS,EAAC;EAAiB,gBAC9B;IACE,SAAS,EAAEP,aAAc;IACzB,GAAG,EAAEC,cAAe;IACpB,WAAW,EAAEM,WAAY;IACzB,IAAI,EAAC,MAAM;IACX,QAAQ,EAAEL,gBAAiB;IAC3B,KAAK,EAAEC;EAAW,EAClB,eACF;IACE,OAAO,EAAEG,MAAO;IAChB,IAAI,EAAC,QAAQ;IACb,SAAS,EAAC;EAAqD,gBAC/D;IAAG,SAAS,EAAC;EAAgB,GAAC,QAAM,CAAI,CACnC,EACND,KAAK,iBACJ;IAAK,SAAS,EAAC;EAAc,gBAC3B;IAAG,SAAS,EAAC,gBAAgB;IAAC,OAAO,EAAED,iBAAkB;IAAC,IAAI,EAAC;EAAQ,GAAC,OAExE,CAAI,CAEP,CACG;AAAA,CACP;AAEDL,SAAS,CAACS,SAAS,GAAG;EACpBH,KAAK,EAAEI,qBAAS,CAACC,IAAI;EACrBV,aAAa,EAAES,qBAAS,CAACE,IAAI,CAACC,UAAU;EACxCX,cAAc,EAAEQ,qBAAS,CAACI,MAAM;EAChCX,gBAAgB,EAAEO,qBAAS,CAACE,IAAI,CAACC,UAAU;EAC3CT,UAAU,EAAEM,qBAAS,CAACK,MAAM;EAC5BV,iBAAiB,EAAEK,qBAAS,CAACE,IAAI;EACjCL,MAAM,EAAEG,qBAAS,CAACE,IAAI,CAACC,UAAU;EACjCL,WAAW,EAAEE,qBAAS,CAACK;AACzB,CAAC;AAEDf,SAAS,CAACgB,YAAY,GAAG;EACvBZ,UAAU,EAAE,EAAE;EACdE,KAAK,EAAE,IAAI;EACXE,WAAW,EAAE,WAAW;EACxBH,iBAAiB,EAAE,IAAI;EACvBH,cAAc,EAAE;AAClB,CAAC;AAAC,eAEaF,SAAS;AAAA"}

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

@@ -53,24 +53,22 @@ var SearchResults = function SearchResults(_ref) {
     var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(_ref2) {
       var startIndex, rowsLength, loadIndex;
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              startIndex = _ref2.startIndex;
-              rowsLength = results.length;
-              loadIndex = Math.floor(rowsLength / 2) - _constants.SEARCH_RESULTS_OVER_SCAN_BUFFER;
-              if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {
-                setQueryParams({
-                  value: currentValue,
-                  offset: results.length
-                });
-                setVerifiedRanges([].concat((0, _toConsumableArray2["default"])(verifiedRanges), [loadIndex]));
-                setCurrentIndex(startIndex + _constants.SEARCH_RESULTS_OVER_SCAN_BUFFER);
-              }
-            case 4:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            startIndex = _ref2.startIndex;
+            rowsLength = results.length;
+            loadIndex = Math.floor(rowsLength / 2) - _constants.SEARCH_RESULTS_OVER_SCAN_BUFFER;
+            if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {
+              setQueryParams({
+                value: currentValue,
+                offset: results.length
+              });
+              setVerifiedRanges([].concat((0, _toConsumableArray2["default"])(verifiedRanges), [loadIndex]));
+              setCurrentIndex(startIndex + _constants.SEARCH_RESULTS_OVER_SCAN_BUFFER);
+            }
+          case 4:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
@@ -103,7 +101,9 @@ var SearchResults = function SearchResults(_ref) {
     className: "modal__content modal__content--search"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "header header--list"
-  }, /*#__PURE__*/_react["default"].createElement("h2", null, total, " results")), /*#__PURE__*/_react["default"].createElement(_reactTinyVirtualList["default"], {
+  }, /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "header--list--results"
+  }, "About ", /*#__PURE__*/_react["default"].createElement("b", null, total), " search keywords results")), /*#__PURE__*/_react["default"].createElement(_reactTinyVirtualList["default"], {
     width: "100%",
     height: window.innerHeight - _constants.SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,
     itemCount: results.length,
@@ -118,8 +118,14 @@ var SearchResults = function SearchResults(_ref) {
         id = _results$index.id,
         docType = _results$index.docType,
         updated = _results$index.updated,
-        name = _results$index.name;
+        name = _results$index.name,
+        entityIdentifier = _results$index.entityIdentifier,
+        published = _results$index.published,
+        created = _results$index.created,
+        status = _results$index.status;
       var updatedDate = updated ? getDateFormat(updated) : null;
+      var createdDate = created ? getDateFormat(created) : null;
+      var publishedDate = published ? getDateFormat(published) : null;
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: index,
         style: style,
@@ -129,8 +135,8 @@ var SearchResults = function SearchResults(_ref) {
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "list__item-row list__item-row--result"
       }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: "badge badge--primary"
-      }, docType, " ", updatedDate), /*#__PURE__*/_react["default"].createElement("a", {
+        className: "list__item-identifier"
+      }, entityIdentifier), /*#__PURE__*/_react["default"].createElement("a", {
         href: getNavigationRoute({
           id: id,
           docType: docType
@@ -141,8 +147,12 @@ var SearchResults = function SearchResults(_ref) {
             docType: docType
           });
         },
-        className: "list__item-text list__item-text--result"
-      }, name))));
+        className: "list__item-link"
+      }, name), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "list__item-dates"
+      }, publishedDate && /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("b", null, "Published: "), publishedDate), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("b", null, "Created: "), createdDate), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("b", null, "Updated: "), updatedDate)), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "list__item-status"
+      }, status && /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("b", null, "Status: "), status)))));
     }
   })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SearchResults.js","names":["SearchResults","currentValue","loading","results","total","setQueryParams","closeModal","history","useState","verifiedRanges","setVerifiedRanges","currentIndex","setCurrentIndex","handleRenderedItems","startIndex","rowsLength","length","loadIndex","Math","floor","SEARCH_RESULTS_OVER_SCAN_BUFFER","includes","value","offset","getNavigationRoute","id","docType","FILE","navigate","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","window","innerHeight","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_ITEM_SIZE","index","style","updated","name","updatedDate","propTypes","PropTypes","bool","isRequired","array","number","func","object","string","withRouter"],"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":["SearchResults","currentValue","loading","results","total","setQueryParams","closeModal","history","useState","verifiedRanges","setVerifiedRanges","currentIndex","setCurrentIndex","handleRenderedItems","startIndex","rowsLength","length","loadIndex","Math","floor","SEARCH_RESULTS_OVER_SCAN_BUFFER","includes","value","offset","getNavigationRoute","id","docType","FILE","navigate","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","window","innerHeight","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_ITEM_SIZE","index","style","updated","name","entityIdentifier","published","created","status","updatedDate","createdDate","publishedDate","propTypes","PropTypes","bool","isRequired","array","number","func","object","string","withRouter"],"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 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={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 {\n              id,\n              docType,\n              updated,\n              name,\n              entityIdentifier,\n              published,\n              created,\n              status\n            } = results[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      </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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TriggerModal.js","names":["TriggerModal","toggleSearchModal","propTypes","PropTypes","func","isRequired"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/TriggerModal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst TriggerModal = ({ toggleSearchModal }) => (\n  <span\n    role=\"button\"\n    className=\"material-icons searchModal-search-icon\"\n    onClick={toggleSearchModal}>\n    search\n  </span>\n);\n\nTriggerModal.propTypes = {\n  toggleSearchModal: PropTypes.func.isRequired\n};\n\nexport default TriggerModal;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,IAAMC,iBAAiB,QAAjBA,iBAAiB;EAAA,oBACvC;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAC,wCAAwC;IAClD,OAAO,EAAEA;EAAkB,YAEtB;AAAA,CACR;AAEDD,YAAY,CAACE,SAAS,GAAG;EACvBD,iBAAiB,EAAEE,qBAAS,CAACC,IAAI,CAACC;AACpC,CAAC;AAAC,eAEaL,YAAY;AAAA"}
+{"version":3,"file":"TriggerModal.js","names":["TriggerModal","toggleSearchModal","propTypes","PropTypes","func","isRequired"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/TriggerModal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst TriggerModal = ({ toggleSearchModal }) => (\n  <span\n    role=\"button\"\n    className=\"material-icons searchModal-search-icon\"\n    onClick={toggleSearchModal}>\n    search\n  </span>\n);\n\nTriggerModal.propTypes = {\n  toggleSearchModal: PropTypes.func.isRequired\n};\n\nexport default TriggerModal;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,IAAMC,iBAAiB,QAAjBA,iBAAiB;EAAA,oBACvC;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAC,wCAAwC;IAClD,OAAO,EAAEA;EAAkB,GAAC,QAE9B,CAAO;AAAA,CACR;AAEDD,YAAY,CAACE,SAAS,GAAG;EACvBD,iBAAiB,EAAEE,qBAAS,CAACC,IAAI,CAACC;AACpC,CAAC;AAAC,eAEaL,YAAY;AAAA"}

package/lib/components/SearchPublishedContent/SearchPublishedContent.js

@@ -84,10 +84,10 @@ var SearchPublishedContent = function SearchPublishedContent(_ref) {
     }
   }, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);
   var handleOnChange = function handleOnChange(_ref2) {
-    var _ref2$target = _ref2.target;
-    _ref2$target = _ref2$target === void 0 ? {} : _ref2$target;
-    var _ref2$target$value = _ref2$target.value,
-      value = _ref2$target$value === void 0 ? '' : _ref2$target$value;
+    var _ref2$target = _ref2.target,
+      _ref2$target2 = _ref2$target === void 0 ? {} : _ref2$target,
+      _ref2$target2$value = _ref2$target2.value,
+      value = _ref2$target2$value === void 0 ? '' : _ref2$target2$value;
     onChange(value);
     setSearchTerm(value);
   };