@blaze-cms/plugin-search-ui 0.110.0-alpha.1

package/lib/components/useSearch/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/useSearch/index.js"],"names":["useSearch"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,qB","sourcesContent":["import useSearch from './useSearch';\n\nexport default useSearch;\n"],"file":"index.js"}

package/lib/components/useSearch/useSearch.js

@@ -0,0 +1,154 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.array.for-each.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.object.define-properties.js");
+
+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;
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.search.js");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var _reactApollo = require("react-apollo");
+
+var _query = _interopRequireDefault(require("../../application/query"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function useSearch(_ref) {
+  var queryKey = _ref.queryKey,
+      resultKeys = _ref.resultKeys,
+      _ref$entities = _ref.entities,
+      entities = _ref$entities === void 0 ? [] : _ref$entities,
+      fields = _ref.fields;
+
+  var _useState = (0, _react.useState)({
+    limit: 20,
+    offset: 0,
+    value: ''
+  }),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      queryParams = _useState2[0],
+      setParams = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      searchedValue = _useState4[0],
+      setSearchedValue = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(null),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      previousOffset = _useState6[0],
+      setPreviousOffset = _useState6[1];
+
+  var buildSearchQuery = _query["default"][queryKey];
+
+  var _useLazyQuery = (0, _reactApollo.useLazyQuery)(buildSearchQuery({
+    resultKeys: resultKeys
+  })),
+      _useLazyQuery2 = (0, _slicedToArray2["default"])(_useLazyQuery, 2),
+      getSearchResults = _useLazyQuery2[0],
+      _useLazyQuery2$ = _useLazyQuery2[1],
+      loading = _useLazyQuery2$.loading,
+      _useLazyQuery2$$data = _useLazyQuery2$.data;
+
+  _useLazyQuery2$$data = _useLazyQuery2$$data === void 0 ? {
+    search: {
+      results: [],
+      total: 0
+    }
+  } : _useLazyQuery2$$data;
+  var _useLazyQuery2$$data$ = _useLazyQuery2$$data.search,
+      results = _useLazyQuery2$$data$.results,
+      jsonResults = _useLazyQuery2$$data$.jsonResults,
+      total = _useLazyQuery2$$data$.total;
+
+  var handleQueryParams = function handleQueryParams(newQueryParams) {
+    setParams(_objectSpread(_objectSpread({}, queryParams), newQueryParams));
+  };
+
+  (0, _react.useEffect)(function () {
+    var limit = queryParams.limit,
+        offset = queryParams.offset,
+        value = queryParams.value;
+    var isNewValueSet = value && value !== searchedValue;
+    var isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
+    var parsedEntities = entities.length ? entities.map(function (entity) {
+      return {
+        match: {
+          docType: entity
+        }
+      };
+    }) : [];
+
+    if (isNewValueSet || isNewOffsetSet) {
+      getSearchResults({
+        variables: {
+          limit: limit,
+          offset: offset,
+          rawQuery: {
+            query: {
+              bool: {
+                must: [{
+                  query_string: {
+                    query: value,
+                    fields: fields,
+                    type: 'most_fields'
+                  }
+                }, {
+                  bool: {
+                    should: parsedEntities
+                  }
+                }]
+              }
+            }
+          }
+        }
+      });
+      setSearchedValue(value);
+      setPreviousOffset(offset);
+    }
+  }, [queryParams, queryParams.limit, queryParams.value, queryParams.offset, searchedValue, previousOffset, getSearchResults, entities, fields]);
+  return [{
+    searchedValue: queryParams.value,
+    loading: loading,
+    data: {
+      results: results || jsonResults,
+      total: total
+    }
+  }, handleQueryParams];
+}
+
+var _default = useSearch;
+exports["default"] = _default;
+//# sourceMappingURL=useSearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/useSearch/useSearch.js"],"names":["useSearch","queryKey","resultKeys","entities","fields","limit","offset","value","queryParams","setParams","searchedValue","setSearchedValue","previousOffset","setPreviousOffset","buildSearchQuery","searchQueries","getSearchResults","loading","data","search","results","total","jsonResults","handleQueryParams","newQueryParams","isNewValueSet","isNewOffsetSet","parsedEntities","length","map","entity","match","docType","variables","rawQuery","query","bool","must","query_string","type","should"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,SAASA,SAAT,OAAoE;AAAA,MAA/CC,QAA+C,QAA/CA,QAA+C;AAAA,MAArCC,UAAqC,QAArCA,UAAqC;AAAA,2BAAzBC,QAAyB;AAAA,MAAzBA,QAAyB,8BAAd,EAAc;AAAA,MAAVC,MAAU,QAAVA,MAAU;;AAClE,kBAAiC,qBAAS;AAAEC,IAAAA,KAAK,EAAE,EAAT;AAAaC,IAAAA,MAAM,EAAE,CAArB;AAAwBC,IAAAA,KAAK,EAAE;AAA/B,GAAT,CAAjC;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,SAApB;;AACA,mBAA0C,qBAAS,IAAT,CAA1C;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAA4C,qBAAS,IAAT,CAA5C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,MAAMC,gBAAgB,GAAGC,kBAAcd,QAAd,CAAzB;;AACA,sBAQI,+BAAaa,gBAAgB,CAAC;AAAEZ,IAAAA,UAAU,EAAVA;AAAF,GAAD,CAA7B,CARJ;AAAA;AAAA,MACEc,gBADF;AAAA;AAAA,MAGIC,OAHJ,mBAGIA,OAHJ;AAAA,6CAIIC,IAJJ;;AAAA,2DAIwD;AAClDC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,OAAO,EAAE,EAAX;AAAeC,MAAAA,KAAK,EAAE;AAAtB;AAD0C,GAJxD;AAAA,mDAIYF,MAJZ;AAAA,MAIsBC,OAJtB,yBAIsBA,OAJtB;AAAA,MAI+BE,WAJ/B,yBAI+BA,WAJ/B;AAAA,MAI4CD,KAJ5C,yBAI4CA,KAJ5C;;AAUA,MAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,cAAc,EAAI;AAC1Cf,IAAAA,SAAS,iCAAMD,WAAN,GAAsBgB,cAAtB,EAAT;AACD,GAFD;;AAIA,wBACE,YAAM;AACJ,QAAQnB,KAAR,GAAiCG,WAAjC,CAAQH,KAAR;AAAA,QAAeC,MAAf,GAAiCE,WAAjC,CAAeF,MAAf;AAAA,QAAuBC,KAAvB,GAAiCC,WAAjC,CAAuBD,KAAvB;AACA,QAAMkB,aAAa,GAAGlB,KAAK,IAAIA,KAAK,KAAKG,aAAzC;AACA,QAAMgB,cAAc,GAAGd,cAAc,KAAK,IAAnB,IAA2BN,MAAM,KAAKM,cAA7D;AACA,QAAMe,cAAc,GAAGxB,QAAQ,CAACyB,MAAT,GACnBzB,QAAQ,CAAC0B,GAAT,CAAa,UAAAC,MAAM;AAAA,aAAK;AACtBC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,OAAO,EAAEF;AAAX;AADe,OAAL;AAAA,KAAnB,CADmB,GAInB,EAJJ;;AAMA,QAAIL,aAAa,IAAIC,cAArB,EAAqC;AACnCV,MAAAA,gBAAgB,CAAC;AACfiB,QAAAA,SAAS,EAAE;AACT5B,UAAAA,KAAK,EAALA,KADS;AAETC,UAAAA,MAAM,EAANA,MAFS;AAGT4B,UAAAA,QAAQ,EAAE;AACRC,YAAAA,KAAK,EAAE;AACLC,cAAAA,IAAI,EAAE;AACJC,gBAAAA,IAAI,EAAE,CACJ;AACEC,kBAAAA,YAAY,EAAE;AACZH,oBAAAA,KAAK,EAAE5B,KADK;AAEZH,oBAAAA,MAAM,EAANA,MAFY;AAGZmC,oBAAAA,IAAI,EAAE;AAHM;AADhB,iBADI,EAQJ;AACEH,kBAAAA,IAAI,EAAE;AACJI,oBAAAA,MAAM,EAAEb;AADJ;AADR,iBARI;AADF;AADD;AADC;AAHD;AADI,OAAD,CAAhB;AA0BAhB,MAAAA,gBAAgB,CAACJ,KAAD,CAAhB;AACAM,MAAAA,iBAAiB,CAACP,MAAD,CAAjB;AACD;AACF,GAzCH,EA0CE,CACEE,WADF,EAEEA,WAAW,CAACH,KAFd,EAGEG,WAAW,CAACD,KAHd,EAIEC,WAAW,CAACF,MAJd,EAKEI,aALF,EAMEE,cANF,EAOEI,gBAPF,EAQEb,QARF,EASEC,MATF,CA1CF;AAuDA,SAAO,CACL;AAAEM,IAAAA,aAAa,EAAEF,WAAW,CAACD,KAA7B;AAAoCU,IAAAA,OAAO,EAAPA,OAApC;AAA6CC,IAAAA,IAAI,EAAE;AAAEE,MAAAA,OAAO,EAAEA,OAAO,IAAIE,WAAtB;AAAmCD,MAAAA,KAAK,EAALA;AAAnC;AAAnD,GADK,EAELE,iBAFK,CAAP;AAID;;eAEcvB,S","sourcesContent":["import { useState, useEffect } from 'react';\nimport { useLazyQuery } from 'react-apollo';\nimport searchQueries from '../../application/query';\n\nfunction useSearch({ queryKey, resultKeys, entities = [], fields }) {\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  const [\n    getSearchResults,\n    {\n      loading,\n      data: { search: { results, jsonResults, total } } = {\n        search: { results: [], total: 0 }\n      }\n    }\n  ] = useLazyQuery(buildSearchQuery({ resultKeys }));\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                      }\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    ]\n  );\n\n  return [\n    { searchedValue: queryParams.value, loading, data: { results: results || jsonResults, total } },\n    handleQueryParams\n  ];\n}\n\nexport default useSearch;\n"],"file":"useSearch.js"}

package/lib/components/useSearchResults/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/useSearchResults/index.js"],"names":["useSearchResults"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,4B","sourcesContent":["import useSearchResults from './useSearchResults';\n\nexport default useSearchResults;\n"],"file":"index.js"}

package/lib/components/useSearchResults/useSearchResults.js

@@ -0,0 +1,102 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.array.for-each.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.object.define-properties.js");
+
+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;
+
+require("core-js/modules/es.array.concat.js");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function useSearchResults(_ref) {
+  var queryKey = _ref.queryKey,
+      resultKeys = _ref.resultKeys,
+      entities = _ref.entities,
+      fields = _ref.fields;
+
+  var _useSearch = (0, _useSearch3["default"])({
+    queryKey: queryKey,
+    resultKeys: resultKeys,
+    entities: entities,
+    fields: fields
+  }),
+      _useSearch2 = (0, _slicedToArray2["default"])(_useSearch, 2),
+      _useSearch2$ = _useSearch2[0],
+      searchedValue = _useSearch2$.searchedValue,
+      loading = _useSearch2$.loading,
+      _useSearch2$$data = _useSearch2$.data,
+      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]);
+
+  var clearList = function clearList(params) {
+    setAllResults([]);
+    setParams(_objectSpread(_objectSpread({}, params), {}, {
+      offset: 0
+    }));
+  };
+
+  var setQueryParams = function setQueryParams(params) {
+    params.value !== searchedValue ? clearList(params) : setParams(params);
+  };
+
+  return [{
+    loading: loading,
+    results: allResults,
+    total: total
+  }, setQueryParams];
+}
+
+var _default = useSearchResults;
+exports["default"] = _default;
+//# sourceMappingURL=useSearchResults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/useSearchResults/useSearchResults.js"],"names":["useSearchResults","queryKey","resultKeys","entities","fields","searchedValue","loading","data","results","total","setParams","currentResults","setCurrentResults","allResults","setAllResults","length","clearList","params","offset","setQueryParams","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,SAASA,gBAAT,OAAsE;AAAA,MAA1CC,QAA0C,QAA1CA,QAA0C;AAAA,MAAhCC,UAAgC,QAAhCA,UAAgC;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAAA,MAAVC,MAAU,QAAVA,MAAU;;AACpE,mBAOI,4BAAU;AAAEH,IAAAA,QAAQ,EAARA,QAAF;AAAYC,IAAAA,UAAU,EAAVA,UAAZ;AAAwBC,IAAAA,QAAQ,EAARA,QAAxB;AAAkCC,IAAAA,MAAM,EAANA;AAAlC,GAAV,CAPJ;AAAA;AAAA;AAAA,MAEIC,aAFJ,gBAEIA,aAFJ;AAAA,MAGIC,OAHJ,gBAGIA,OAHJ;AAAA,uCAIIC,IAJJ;AAAA,MAIYC,OAJZ,qBAIYA,OAJZ;AAAA,MAIqBC,KAJrB,qBAIqBA,KAJrB;AAAA,MAMEC,SANF;;AAQA,kBAA4C,qBAAS,EAAT,CAA5C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,mBAAoC,qBAAS,EAAT,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,wBACE,YAAM;AACJ,QAAIH,cAAc,CAACI,MAAf,KAA0BP,OAAO,CAACO,MAAtC,EAA8C;AAC5CD,MAAAA,aAAa,+CAAKD,UAAL,uCAAoBL,OAApB,GAAb;AACAI,MAAAA,iBAAiB,CAACJ,OAAD,CAAjB;AACD;AACF,GANH,EAOE,CAACK,UAAD,EAAaF,cAAb,EAA6BA,cAAc,CAACI,MAA5C,EAAoDP,OAApD,CAPF;;AAUA,MAAMQ,SAAS,GAAG,SAAZA,SAAY,CAAAC,MAAM,EAAI;AAC1BH,IAAAA,aAAa,CAAC,EAAD,CAAb;AACAJ,IAAAA,SAAS,iCAAMO,MAAN;AAAcC,MAAAA,MAAM,EAAE;AAAtB,OAAT;AACD,GAHD;;AAKA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAF,MAAM,EAAI;AAC/BA,IAAAA,MAAM,CAACG,KAAP,KAAiBf,aAAjB,GAAiCW,SAAS,CAACC,MAAD,CAA1C,GAAqDP,SAAS,CAACO,MAAD,CAA9D;AACD,GAFD;;AAIA,SAAO,CAAC;AAAEX,IAAAA,OAAO,EAAPA,OAAF;AAAWE,IAAAA,OAAO,EAAEK,UAApB;AAAgCJ,IAAAA,KAAK,EAALA;AAAhC,GAAD,EAA0CU,cAA1C,CAAP;AACD;;eAEcnB,gB","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"],"file":"useSearchResults.js"}

package/lib/constants.js

@@ -0,0 +1,25 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEARCH_RESULTS_OVER_SCAN_BUFFER = exports.SEARCH_RESULTS_ITEM_SIZE = exports.SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST = exports.SEARCH_PUBLISHED = exports.SEARCH_BUTTON = exports.SEARCH_ADMIN = exports.FILE = exports.DEFAULT_RESULTS_KEYS = void 0;
+var SEARCH_ADMIN = 'SEARCH_ADMIN';
+exports.SEARCH_ADMIN = SEARCH_ADMIN;
+var SEARCH_PUBLISHED = 'SEARCH_PUBLISHED';
+exports.SEARCH_PUBLISHED = SEARCH_PUBLISHED;
+var SEARCH_RESULTS_OVER_SCAN_BUFFER = 0;
+exports.SEARCH_RESULTS_OVER_SCAN_BUFFER = SEARCH_RESULTS_OVER_SCAN_BUFFER;
+var SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST = 186;
+exports.SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST = SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST;
+var SEARCH_RESULTS_ITEM_SIZE = 105;
+exports.SEARCH_RESULTS_ITEM_SIZE = SEARCH_RESULTS_ITEM_SIZE;
+var DEFAULT_RESULTS_KEYS = 'name, url';
+exports.DEFAULT_RESULTS_KEYS = DEFAULT_RESULTS_KEYS;
+var SEARCH_BUTTON = 'search-button';
+exports.SEARCH_BUTTON = SEARCH_BUTTON;
+var FILE = 'file';
+exports.FILE = FILE;
+//# sourceMappingURL=constants.js.map

package/lib/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants.js"],"names":["SEARCH_ADMIN","SEARCH_PUBLISHED","SEARCH_RESULTS_OVER_SCAN_BUFFER","SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_ITEM_SIZE","DEFAULT_RESULTS_KEYS","SEARCH_BUTTON","FILE"],"mappings":";;;;;;;;AAAA,IAAMA,YAAY,GAAG,cAArB;;AACA,IAAMC,gBAAgB,GAAG,kBAAzB;;AACA,IAAMC,+BAA+B,GAAG,CAAxC;;AACA,IAAMC,wCAAwC,GAAG,GAAjD;;AACA,IAAMC,wBAAwB,GAAG,GAAjC;;AACA,IAAMC,oBAAoB,GAAG,WAA7B;;AACA,IAAMC,aAAa,GAAG,eAAtB;;AACA,IAAMC,IAAI,GAAG,MAAb","sourcesContent":["const SEARCH_ADMIN = 'SEARCH_ADMIN';\nconst SEARCH_PUBLISHED = 'SEARCH_PUBLISHED';\nconst SEARCH_RESULTS_OVER_SCAN_BUFFER = 0;\nconst SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST = 186;\nconst SEARCH_RESULTS_ITEM_SIZE = 105;\nconst DEFAULT_RESULTS_KEYS = 'name, url';\nconst SEARCH_BUTTON = 'search-button';\nconst FILE = 'file';\n\nexport {\n  SEARCH_ADMIN,\n  SEARCH_PUBLISHED,\n  SEARCH_RESULTS_OVER_SCAN_BUFFER,\n  SEARCH_RESULTS_ELEMETS_HEIGHT_ABOVE_LIST,\n  SEARCH_RESULTS_ITEM_SIZE,\n  DEFAULT_RESULTS_KEYS,\n  SEARCH_BUTTON,\n  FILE\n};\n"],"file":"constants.js"}

package/lib/index.js

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

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["import SearchAdmin from './components/SearchAdmin';\nimport SearchPublishedContent from './components/SearchPublishedContent';\nimport SearchBar from './components/SearchAdmin/SearchBar';\n\nexport { SearchAdmin, SearchPublishedContent, SearchBar };\n"],"file":"index.js"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/application/query/index.js"],"names":["gql","SEARCH_ADMIN","SEARCH_PUBLISHED","resultKeys"],"mappings":"AAAA,OAAOA,GAAP,MAAgB,aAAhB;;AAEA,MAAMC,YAAY,GAAG,MAAMD,GAAI;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA,CAPA;;AASA,MAAME,gBAAgB,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAoBH,GAAI;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAUG,UAAW;AACrB;AACA;AACA;AACA;AACA,CAdA;;AAgBA,eAAe;AAAEF,EAAAA,YAAF;AAAgBC,EAAAA;AAAhB,CAAf","sourcesContent":["import gql from 'graphql-tag';\n\nconst SEARCH_ADMIN = () => gql`\n  query searchAdmin($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n    search: searchAdmin(limit: $limit, offset: $offset, sort: $sort, rawQuery: $rawQuery) {\n      jsonResults\n      total\n    }\n  }\n`;\n\nconst SEARCH_PUBLISHED = ({ resultKeys }) => gql`\n  query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n    search: searchPublishedContent(\n      limit: $limit\n      offset: $offset\n      sort: $sort\n      rawQuery: $rawQuery\n    ) {\n      results {\n        ${resultKeys}\n      }\n      total\n    }\n  }\n`;\n\nexport default { SEARCH_ADMIN, SEARCH_PUBLISHED };\n"],"file":"index.js"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchAdmin/RecentSearches/RecentSearches.js"],"names":["React","PropTypes","RecentSearches","recentSearches","handleSearchTerm","search","map","searchedTerm","target","value","propTypes","array","isRequired","func"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,cAAc,GAAG,CAAC;AAAEC,EAAAA,cAAF;AAAkBC,EAAAA,gBAAlB;AAAoCC,EAAAA;AAApC,CAAD,kBACrB;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE,kDADF,CADF,EAIGF,cAAc,CAACG,GAAf,CAAmBC,YAAY,iBAC9B;AACE,EAAA,GAAG,EAAEA,YADP;AAEE,EAAA,IAAI,EAAC,QAFP;AAGE,EAAA,SAAS,EAAC,+BAHZ;AAIE,EAAA,OAAO,EAAE,MAAM;AACbH,IAAAA,gBAAgB,CAAC;AAAEI,MAAAA,MAAM,EAAE;AAAEC,QAAAA,KAAK,EAAEF;AAAT;AAAV,KAAD,CAAhB;AACAF,IAAAA,MAAM,CAAC;AAAEI,MAAAA,KAAK,EAAEF;AAAT,KAAD,CAAN;AACD;AAPH,gBAQE;AAAK,EAAA,SAAS,EAAC;AAAf,gBACE;AAAG,EAAA,SAAS,EAAC;AAAb,YADF,eAEE;AAAK,EAAA,SAAS,EAAC;AAAf,GAA0DA,YAA1D,CAFF,CARF,CADD,CAJH,CADF;;AAuBAL,cAAc,CAACQ,SAAf,GAA2B;AACzBP,EAAAA,cAAc,EAAEF,SAAS,CAACU,KAAV,CAAgBC,UADP;AAEzBR,EAAAA,gBAAgB,EAAEH,SAAS,CAACY,IAAV,CAAeD,UAFR;AAGzBP,EAAAA,MAAM,EAAEJ,SAAS,CAACY,IAAV,CAAeD;AAHE,CAA3B;AAMA,eAAeV,cAAf","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"],"file":"RecentSearches.js"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchAdmin/RecentSearches/index.js"],"names":["RecentSearches"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,kBAA3B;AAEA,eAAeA,cAAf","sourcesContent":["import RecentSearches from './RecentSearches';\n\nexport default RecentSearches;\n"],"file":"index.js"}

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

@@ -0,0 +1,126 @@
+import React, { useState, useRef, useEffect } from 'react';
+import classnames from 'classnames';
+import useLocalStorage from '../useLocalStorage';
+import SearchBar from './SearchBar';
+import RecentSearches from './RecentSearches';
+import SearchResults from './SearchResults';
+import TriggerModal from './TriggerModal';
+import useSearchResults from '../useSearchResults';
+import { SEARCH_ADMIN } from '../../constants';
+
+const SearchAdmin = () => {
+  const [searchTerm, setSearchTerm] = useState('');
+  const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);
+  const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);
+  const [enableResults, setEnableResults] = useState(true);
+  const searchInputRef = useRef(null);
+  const [{
+    loading,
+    results,
+    total
+  }, setQueryParams] = useSearchResults({
+    queryKey: SEARCH_ADMIN
+  });
+  useEffect(() => {
+    if (searchInputRef && searchInputRef.current) {
+      searchInputRef.current.focus();
+    }
+  }, [displaySearchModalFrame]);
+
+  const handleSearchTerm = ({
+    target: {
+      value
+    }
+  }) => {
+    setSearchTerm(value);
+  };
+
+  const toggleSearchModal = () => {
+    setSearchTerm(null);
+    setEnableResults(false);
+    setDisplaySearchModalFrame(!displaySearchModalFrame);
+  };
+
+  const search = ({
+    value
+  }) => {
+    if (!value) return;
+    !enableResults && setEnableResults(true);
+    const MAX_RECENT_SEARCHES = 5;
+    const recentSearchesCopy = recentSearches.slice();
+
+    if (!recentSearchesCopy.includes(value)) {
+      recentSearchesCopy.push(value);
+
+      if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {
+        recentSearchesCopy.shift();
+      }
+    }
+
+    setRecentSearches(recentSearchesCopy);
+    setQueryParams({
+      value
+    });
+  };
+
+  const handleKeyDown = ({
+    key
+  }) => {
+    if (key === 'Enter') {
+      if (!searchTerm) return clear();
+      search({
+        value: searchTerm
+      });
+    }
+  };
+
+  const clear = () => {
+    setSearchTerm('');
+    setEnableResults(false);
+  };
+
+  const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {
+    'modal--show': displaySearchModalFrame
+  });
+  const isEmptySearchTermAndData = !searchTerm && !results.length;
+  const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;
+  const shouldDisplayRecentSearches = isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
+  const showResults = enableResults && results.length;
+  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", {
+    className: "modal__header modal__header--search"
+  }, /*#__PURE__*/React.createElement(SearchBar, {
+    toggleSearchModal: toggleSearchModal,
+    handleKeyDown: handleKeyDown,
+    searchInputRef: searchInputRef,
+    handleSearchTerm: handleSearchTerm,
+    searchTerm: searchTerm,
+    search: () => search({
+      value: searchTerm
+    })
+  })), shouldDisplayRecentSearches ? /*#__PURE__*/React.createElement(RecentSearches, {
+    recentSearches: recentSearches,
+    handleSearchTerm: handleSearchTerm,
+    search: search
+  }) : /*#__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, {
+    currentValue: searchTerm,
+    searchTerm: searchTerm,
+    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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SearchAdmin/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"],"mappings":"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","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"],"file":"SearchAdmin.js"}