@nanoporetech-digital/components 5.12.2 → 6.0.0

package/dist/collection/components/global-nav/global-nav.js

@@ -229,7 +229,7 @@ export class GlobalNav {
       if (!this.algoliaSearchResults)
         await this.doAlgoliaSearch();
       const activeIndex = this.algoliaSearchResults.results.find((res) => res.selected);
-      const { index, domain, filters, query } = activeIndex;
+      const { index, domain, filters, query, replicas } = activeIndex;
       this.nanoSearchResult.emit({
         meta: {
           indexTitle: activeIndex.indexName,
@@ -237,6 +237,7 @@ export class GlobalNav {
           domain,
           filters,
           query,
+          replicas,
         },
         client: { apiKey: this.searchApiKey, appId: this.searchAppId },
       });
@@ -257,7 +258,7 @@ export class GlobalNav {
       const selectedIndex = this.internalSearchIndeces.find((index) => index.index === indexStr);
       if (!selectedIndex || !selectedIndex.alogliaIndex)
         return;
-      this.searchIndex = selectedIndex.index;
+      this.searchIndex = selectedIndex.name;
       if (this.isSearchValSet())
         await this.onSearchChange();
     };
@@ -395,7 +396,7 @@ export class GlobalNav {
     this.searchAppId = undefined;
     this.searchApiKey = undefined;
     this.searchValue = '';
-    this.searchIndex = 'all_prod_en';
+    this.searchIndex = 'All';
     this.cartCount = 0;
     this.msgCount = 0;
     this.cartUrl = null;
@@ -494,7 +495,7 @@ export class GlobalNav {
     }
     if (!this.searchIndex)
       return this.internalSearchIndeces[0];
-    const foundIndex = this.internalSearchIndeces.find((index) => index.index === this.searchIndex);
+    const foundIndex = this.internalSearchIndeces.find((index) => index.name === this.searchIndex);
     if (!foundIndex) {
       this.currentIndex = this.internalSearchIndeces[0];
       console.error('index not found');
@@ -528,7 +529,7 @@ export class GlobalNav {
       searchIndex.alogliaIndex = this.algoliaClient.initIndex(searchIndex.index);
     });
     if (!this.searchIndex) {
-      this.searchIndex = this.internalSearchIndeces[0].index;
+      this.searchIndex = this.internalSearchIndeces[0].name;
     }
   }
   /** Current content breakpoint. If it goes up, things can look wonky for a second so we temporarily hide stuff */
@@ -711,6 +712,7 @@ export class GlobalNav {
       result.domains = this.myAccData.domains || null;
       result.allGroup = !!this.internalSearchIndeces[i].allGroup;
       result.filters = this.internalSearchIndeces[i].filters;
+      result.replicas = this.currentIndex.replicas;
     });
     return this.algoliaSearchResults;
   }
@@ -872,8 +874,8 @@ export class GlobalNav {
   }
   searchWidget() {
     return [
-      h("form", { class: "search-inputs", onSubmit: this.onSearchSubmit, id: "global-nav-search" }, h("nano-select", { class: "search-input", label: "Which area of content would you like to search?", hideLabel: true, showInlineError: false, value: this.searchIndex, onNanoChange: this.onSearchIndexChange, mask: true }, this.internalSearchIndeces.map((index) => {
-        return (h("nano-option", { selected: index.index === this.searchIndex, value: index.index }, index.name || index.index));
+      h("form", { class: "search-inputs", onSubmit: this.onSearchSubmit, id: "global-nav-search" }, h("nano-select", { class: "search-input", label: "Which area of content would you like to search?", hideLabel: true, showInlineError: false, value: this.currentSelectedIndex()?.index, onNanoChange: this.onSearchIndexChange, mask: true }, this.internalSearchIndeces.map((index) => {
+        return (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index));
       }), h("nano-icon", { name: "light/chevron-down", class: "select-input__arrow", slot: "down-arrow" })), h("nano-input", { class: "search-input", label: "What would you like to search for?", "aria-label": "What would you like to search for", hideLabel: true, showInlineError: false, "clear-input": true, placeholder: "Search Nanopore", type: "text", ref: (input) => (this.searchInput = input), onNanoChange: this.onSearchChange, onNanoInput: this.onSearchInput, onKeyDown: this.onAutocompleteInteract, debounce: 500, "aria-autocomplete": "list", "aria-activedescendant": this.autocompleteEles[this.currAIndex]
           ? this.autocompleteEles[this.currAIndex].id
           : false, "aria-controls": "autocomplete-results", onNanoFocus: this.showAutocompleteResults, value: this.searchValue, role: "textbox" }, h("button", { class: {
@@ -1412,7 +1414,7 @@ export class GlobalNav {
         "setter": false,
         "attribute": "search-index",
         "reflect": false,
-        "defaultValue": "'all_prod_en'"
+        "defaultValue": "'All'"
       },
       "cartCount": {
         "type": "number",