@nanoporetech-digital/components 5.9.6 → 5.10.0

package/dist/collection/components/algolia/algolia-input.js

@@ -1,463 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-import { h, Host, } from '@stencil/core';
-import algoliasearch from 'algoliasearch';
-import { ComponentStore, } from '../../utils/store/component-store';
-import { Wormhole } from '../algolia/algolia-data';
-/**
- * @deprecated
- * Component for querying Algolia Indeces.
- * Can be nested within an algolia element or used outside as a 'resultsEmitter' (see algolia component documentation)
- * Must include one 'nano-input' component
- */
-export class AlgoliaInput {
-  constructor() {
-    this.handleFocus = () => {
-      if (this.inputField)
-        this.inputField.setFocus();
-    };
-    this.searchStr = '';
-    this.algoliaIndex = null;
-    this.currentResults = undefined;
-    this.appId = '';
-    this.apiKey = '';
-    this.searchIndex = null;
-    this.searchIndexName = undefined;
-    this.minChars = 2;
-    this.autoEmit = true;
-    this.browseIndex = false;
-    this.storeId = undefined;
-    this.storeMethod = 'session';
-  }
-  /**
-   * Manually emit search results to algolia components.
-   * Useful if you don't wish to search on input change / want to provide 'autocomplete' options
-   * or / and want to use a submit button */
-  async search() {
-    this.emitResults();
-  }
-  searchIndexNameChange() {
-    if (!this.searchIndexName || !this.searchIndexName.length)
-      return;
-    this.searchIndex = { index: this.searchIndexName };
-  }
-  algoliaChange() {
-    this.internalIndex = this.algoliaIndex;
-  }
-  browseIndexChange() {
-    if (this.browseIndex) {
-      this.searchStr = '*';
-      this.searchSubmit();
-    }
-  }
-  initAlgoliaClient() {
-    if (this.isNested || !this.appId || !this.apiKey)
-      return;
-    this.algoliaClient = algoliasearch(this.appId, this.apiKey);
-    if (this.searchIndex)
-      this.algoliaIndex = this.algoliaClient.initIndex(this.searchIndex.index);
-  }
-  async searchSubmit(ev) {
-    if (!this.internalIndex) {
-      console.error('No algolia index set');
-      return;
-    }
-    if (ev) {
-      if (ev.target.tagName.toLowerCase() !== 'nano-input')
-        return;
-      this.searchStr = ev.detail.value;
-    }
-    else {
-      this.inputField =
-        this.inputField || this.host.querySelector('nano-input');
-      if (!this.inputField)
-        return;
-      this.searchStr = this.inputField.value;
-    }
-    if (this.searchStr.length < this.minChars) {
-      if (this.browseIndex)
-        this.searchStr = '*';
-      else {
-        if (this.searchStr.length === 0) {
-          this.nanoSearchResult.emit({
-            results: [],
-            client: { apiKey: this.appId, appId: this.appId },
-          });
-          return;
-        }
-        if (this.searchStr.length < this.minChars)
-          return;
-      }
-    }
-    let options = {};
-    if (this.searchIndex.filters)
-      options = { facets: this.searchIndex.filters };
-    const results = this.fixDomain(await this.internalIndex.search(this.searchStr, options));
-    results.indexName = this.searchIndex.name;
-    results.selected = true;
-    results.domain = this.searchIndex.domain || null;
-    results.index = this.searchIndex.index;
-    this.currentResults = results;
-    this.nanoSearch.emit({
-      results: [this.currentResults],
-      client: { apiKey: this.appId, appId: this.appId },
-    });
-    if (this.autoEmit)
-      this.emitResults();
-  }
-  emitResults() {
-    this.nanoSearchResult.emit({
-      results: [this.currentResults],
-      client: { apiKey: this.appId, appId: this.appId },
-    });
-  }
-  fixDomain(results) {
-    if (!this.searchIndex.domain)
-      return results;
-    results.hits.map((hit) => {
-      if (hit.url && !hit.url.match(/^http/))
-        hit.url = location.protocol + '//' + this.searchIndex.domain + hit.url;
-    });
-    return results;
-  }
-  connectedCallback() {
-    this.isNested =
-      this.host.parentElement.tagName.toLowerCase() === 'nano-algolia' &&
-        this.host.hasAttribute('slot') &&
-        this.host.getAttribute('slot') === 'search-input';
-    if (!this.isNested) {
-      this.host.addEventListener('openWormhole', (ev) => {
-        ev.detail.onOpen.resolve();
-        this.searchIndexNameChange();
-        this.initAlgoliaClient();
-      });
-    }
-  }
-  componentWillLoad() {
-    this.inputField = this.host.querySelector('nano-input');
-    if (this.storeId)
-      ComponentStore.init(this, ['searchStr'], this.storeMethod, this.storeId);
-  }
-  render() {
-    return (h(Host, { onFocus: this.handleFocus, tabindex: "-1" }, h("slot", null)));
-  }
-  static get is() { return "nano-algolia-input"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() {
-    return {
-      "appId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "An Algolia App ID key. Used in conjunction with 'searchIndex' & 'apiKey'.\nAlternatively this will be set automatically when nested within an algolia component"
-        },
-        "getter": false,
-        "setter": false,
-        "attribute": "app-id",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "apiKey": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "An Algolia API Key. Used in conjunction with 'searchIndex' & 'appId'.\nAlternatively this will be set automatically when nested within an algolia component"
-        },
-        "getter": false,
-        "setter": false,
-        "attribute": "api-key",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "searchIndex": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "SearchIndex",
-          "resolved": "SearchIndex",
-          "references": {
-            "SearchIndex": {
-              "location": "import",
-              "path": "../../interface"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Algolia search index. Used in conjunction with 'searchIndex' & 'appId'.\nAlternatively this will be set automatically if you're using a 'resultsEmitter' element.\n```\n{ index: string, // algolia index name\n  domain?: string, // used in template filers to resolve incomplete url fields\n  filters?: [string], // algolia facets to retrive\n  hitsPerPage?: number,\n  name?: string // human readable index name\n}\n```"
-        },
-        "getter": false,
-        "setter": false,
-        "defaultValue": "null"
-      },
-      "searchIndexName": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Algolia search index name. Alternative to 'searchIndex'.\nA simplified shortcut for setting an index.\nproperties such as hitsPerPage and facets will come from the algolia index"
-        },
-        "getter": false,
-        "setter": false,
-        "attribute": "search-index-name",
-        "reflect": false
-      },
-      "minChars": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Minimum number of characters before performing a search"
-        },
-        "getter": false,
-        "setter": false,
-        "attribute": "min-chars",
-        "reflect": false,
-        "defaultValue": "2"
-      },
-      "autoEmit": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Automatically emit results data to algolia components.\nFor example, if you wanted to provide an 'autocomplete' style dropdown\nbefore showing the main results with a submit button"
-        },
-        "getter": false,
-        "setter": false,
-        "attribute": "auto-emit",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "browseIndex": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Will maintain a search all / '*' on init and reset allowing for a view\nthen filter experience rather than a search first experience"
-        },
-        "getter": false,
-        "setter": false,
-        "attribute": "browse-index",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "storeId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Store search queries (against this ID) to the component store.\nUse in conjunction with storeMethod"
-        },
-        "getter": false,
-        "setter": false,
-        "attribute": "store-id",
-        "reflect": false
-      },
-      "storeMethod": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "StorageMethods",
-          "resolved": "\"local\" | \"session\" | \"url-hash\" | \"url-hash-push\" | \"url-query\" | \"url-query-push\"",
-          "references": {
-            "StorageMethods": {
-              "location": "import",
-              "path": "../../utils/store/component-store"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The method of storage.\nEither session storage, url hash (after the '#') or url query (after the '?')."
-        },
-        "getter": false,
-        "setter": false,
-        "attribute": "store-method",
-        "reflect": false,
-        "defaultValue": "'session'"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "searchStr": {},
-      "algoliaIndex": {},
-      "currentResults": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "nanoSearchResult",
-        "name": "nanoSearchResult",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [{
-              "name": "internal",
-              "text": undefined
-            }],
-          "text": "Emitted when search results are successfully returned from Algolia."
-        },
-        "complexType": {
-          "original": "AloliaSearchResultDetail",
-          "resolved": "AloliaSearchResultDetail",
-          "references": {
-            "AloliaSearchResultDetail": {
-              "location": "import",
-              "path": "../../interface"
-            }
-          }
-        }
-      }, {
-        "method": "nanoSearch",
-        "name": "nanoSearch",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when search results are successfully returned from Algolia."
-        },
-        "complexType": {
-          "original": "AloliaSearchResultDetail",
-          "resolved": "AloliaSearchResultDetail",
-          "references": {
-            "AloliaSearchResultDetail": {
-              "location": "import",
-              "path": "../../interface"
-            }
-          }
-        }
-      }, {
-        "method": "nanoSearchReset",
-        "name": "nanoSearchReset",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when search field is cleared."
-        },
-        "complexType": {
-          "original": "AloliaSearchResultDetail",
-          "resolved": "AloliaSearchResultDetail",
-          "references": {
-            "AloliaSearchResultDetail": {
-              "location": "import",
-              "path": "../../interface"
-            }
-          }
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "search": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Manually emit search results to algolia components.\nUseful if you don't wish to search on input change / want to provide 'autocomplete' options\nor / and want to use a submit button",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "searchIndexName",
-        "methodName": "searchIndexNameChange"
-      }, {
-        "propName": "algoliaIndex",
-        "methodName": "algoliaChange"
-      }, {
-        "propName": "browseIndex",
-        "methodName": "browseIndexChange"
-      }, {
-        "propName": "apiKey",
-        "methodName": "initAlgoliaClient"
-      }, {
-        "propName": "appId",
-        "methodName": "initAlgoliaClient"
-      }, {
-        "propName": "searchIndex",
-        "methodName": "initAlgoliaClient"
-      }];
-  }
-  static get listeners() {
-    return [{
-        "name": "nanoChange",
-        "method": "searchSubmit",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}
-Wormhole(AlgoliaInput, ['algoliaIndex', 'searchIndex', 'browseIndex']);
-//# sourceMappingURL=algolia-input.js.map

package/dist/collection/components/algolia/algolia-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"algolia-input.js","sourceRoot":"","sources":["../../../src/components/algolia/algolia-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  h,\n  Element,\n  Host,\n  Prop,\n  State,\n  EventEmitter,\n  Event,\n  Listen,\n  Method,\n  Watch,\n  ComponentInterface,\n} from '@stencil/core';\n\nimport algoliasearch, {\n  SearchClient as AlgoliaClient,\n  SearchIndex as AlgoliaIndex,\n} from 'algoliasearch';\nimport {\n  ComponentStore,\n  StorageMethods,\n} from '../../utils/store/component-store';\nimport { Wormhole } from '../algolia/algolia-data';\nimport {\n  InputChangeEventDetail,\n  AloliaSearchResultDetail,\n  SearchIndex,\n  AlgoliaMultiResult,\n} from '../../interface';\n\n/**\n * @deprecated\n * Component for querying Algolia Indeces.\n * Can be nested within an algolia element or used outside as a 'resultsEmitter' (see algolia component documentation)\n * Must include one 'nano-input' component\n */\n@Component({\n  tag: 'nano-algolia-input',\n  shadow: true,\n})\nexport class AlgoliaInput implements ComponentInterface {\n  private internalIndex: AlgoliaIndex;\n  private algoliaClient: AlgoliaClient;\n  private isNested: boolean;\n  private inputField: HTMLNanoInputElement;\n\n  @Element() host: HTMLNanoAlgoliaInputElement;\n\n  @State() searchStr: string = '';\n  @State() algoliaIndex: AlgoliaIndex = null;\n  @State() currentResults: AlgoliaMultiResult;\n\n  /**\n   * An Algolia App ID key. Used in conjunction with 'searchIndex' & 'apiKey'.\n   * Alternatively this will be set automatically when nested within an algolia component\n   */\n  @Prop() appId: string = '';\n\n  /**\n   * An Algolia API Key. Used in conjunction with 'searchIndex' & 'appId'.\n   * Alternatively this will be set automatically when nested within an algolia component\n   */\n  @Prop() apiKey: string = '';\n\n  /**\n   * Algolia search index. Used in conjunction with 'searchIndex' & 'appId'.\n   * Alternatively this will be set automatically if you're using a 'resultsEmitter' element.\n   * ```\n   * { index: string, // algolia index name\n   *   domain?: string, // used in template filers to resolve incomplete url fields\n   *   filters?: [string], // algolia facets to retrive\n   *   hitsPerPage?: number,\n   *   name?: string // human readable index name\n   * }\n   * ```\n   */\n  @Prop({ mutable: true }) searchIndex: SearchIndex = null;\n\n  /**\n   * Algolia search index name. Alternative to 'searchIndex'.\n   * A simplified shortcut for setting an index.\n   * properties such as hitsPerPage and facets will come from the algolia index\n   */\n  @Prop() searchIndexName: string;\n\n  /**\n   * Minimum number of characters before performing a search\n   */\n  @Prop() minChars: number = 2;\n\n  /**\n   * Automatically emit results data to algolia components.\n   * For example, if you wanted to provide an 'autocomplete' style dropdown\n   * before showing the main results with a submit button\n   */\n  @Prop() autoEmit: boolean = true;\n\n  /**\n   * Will maintain a search all / '*' on init and reset allowing for a view\n   * then filter experience rather than a search first experience\n   */\n  @Prop({ mutable: true }) browseIndex: boolean = false; // eslint-disable-line @stencil-community/strict-mutable\n\n  /**\n   * Store search queries (against this ID) to the component store.\n   * Use in conjunction with storeMethod\n   */\n  @Prop() storeId?: string;\n\n  /**\n   * The method of storage.\n   * Either session storage, url hash (after the '#') or url query (after the '?').\n   */\n  @Prop() storeMethod: StorageMethods = 'session';\n\n  /**\n   * Manually emit search results to algolia components.\n   * Useful if you don't wish to search on input change / want to provide 'autocomplete' options\n   * or / and want to use a submit button */\n  @Method()\n  async search() {\n    this.emitResults();\n  }\n\n  /**\n   * Emitted when search results are successfully returned from Algolia.\n   * @internal\n   */\n  @Event() nanoSearchResult!: EventEmitter<AloliaSearchResultDetail>;\n\n  /**\n   * Emitted when search results are successfully returned from Algolia.\n   */\n  @Event() nanoSearch!: EventEmitter<AloliaSearchResultDetail>;\n\n  /**\n   * Emitted when search field is cleared.\n   */\n  @Event() nanoSearchReset!: EventEmitter<AloliaSearchResultDetail>;\n\n  @Watch('searchIndexName')\n  searchIndexNameChange() {\n    if (!this.searchIndexName || !this.searchIndexName.length) return;\n    this.searchIndex = { index: this.searchIndexName };\n  }\n\n  @Watch('algoliaIndex')\n  algoliaChange() {\n    this.internalIndex = this.algoliaIndex;\n  }\n\n  @Watch('browseIndex')\n  browseIndexChange() {\n    if (this.browseIndex) {\n      this.searchStr = '*';\n      this.searchSubmit();\n    }\n  }\n\n  @Watch('apiKey')\n  @Watch('appId')\n  @Watch('searchIndex')\n  initAlgoliaClient() {\n    if (this.isNested || !this.appId || !this.apiKey) return;\n    this.algoliaClient = algoliasearch(this.appId, this.apiKey);\n    if (this.searchIndex)\n      this.algoliaIndex = this.algoliaClient.initIndex(this.searchIndex.index);\n  }\n\n  @Listen('nanoChange')\n  async searchSubmit(ev?: CustomEvent<InputChangeEventDetail>) {\n    if (!this.internalIndex) {\n      console.error('No algolia index set');\n      return;\n    }\n\n    if (ev) {\n      if ((ev.target as HTMLElement).tagName.toLowerCase() !== 'nano-input')\n        return;\n      this.searchStr = ev.detail.value;\n    } else {\n      this.inputField =\n        this.inputField || this.host.querySelector('nano-input');\n      if (!this.inputField) return;\n      this.searchStr = this.inputField.value;\n    }\n\n    if (this.searchStr.length < this.minChars) {\n      if (this.browseIndex) this.searchStr = '*';\n      else {\n        if (this.searchStr.length === 0) {\n          this.nanoSearchResult.emit({\n            results: [],\n            client: { apiKey: this.appId, appId: this.appId },\n          });\n          return;\n        }\n        if (this.searchStr.length < this.minChars) return;\n      }\n    }\n\n    let options = {};\n    if (this.searchIndex.filters)\n      options = { facets: this.searchIndex.filters };\n\n    const results = this.fixDomain(\n      await this.internalIndex.search(this.searchStr, options)\n    );\n    results.indexName = this.searchIndex.name;\n    results.selected = true;\n    results.domain = this.searchIndex.domain || null;\n    results.index = this.searchIndex.index;\n\n    this.currentResults = results;\n    this.nanoSearch.emit({\n      results: [this.currentResults],\n      client: { apiKey: this.appId, appId: this.appId },\n    });\n\n    if (this.autoEmit) this.emitResults();\n  }\n\n  private emitResults() {\n    this.nanoSearchResult.emit({\n      results: [this.currentResults],\n      client: { apiKey: this.appId, appId: this.appId },\n    });\n  }\n\n  private fixDomain(results: AlgoliaMultiResult) {\n    if (!this.searchIndex.domain) return results;\n    results.hits.map((hit) => {\n      if (hit.url && !hit.url.match(/^http/))\n        hit.url = location.protocol + '//' + this.searchIndex.domain + hit.url;\n    });\n    return results;\n  }\n\n  private handleFocus = () => {\n    if (this.inputField) this.inputField.setFocus();\n  };\n\n  connectedCallback() {\n    this.isNested =\n      this.host.parentElement.tagName.toLowerCase() === 'nano-algolia' &&\n      this.host.hasAttribute('slot') &&\n      this.host.getAttribute('slot') === 'search-input';\n\n    if (!this.isNested) {\n      this.host.addEventListener(\n        'openWormhole',\n        (ev: CustomEvent<{ onOpen: any }>) => {\n          ev.detail.onOpen.resolve();\n          this.searchIndexNameChange();\n          this.initAlgoliaClient();\n        }\n      );\n    }\n  }\n\n  componentWillLoad() {\n    this.inputField = this.host.querySelector('nano-input');\n    if (this.storeId)\n      ComponentStore.init(this, ['searchStr'], this.storeMethod, this.storeId);\n  }\n\n  render() {\n    return (\n      <Host onFocus={this.handleFocus} tabindex=\"-1\">\n        <slot />\n      </Host>\n    );\n  }\n}\n\nWormhole(AlgoliaInput, ['algoliaIndex', 'searchIndex', 'browseIndex']);\n"]}

package/dist/components/nano-algolia-input.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface NanoAlgoliaInput extends Components.NanoAlgoliaInput, HTMLElement {}
-export const NanoAlgoliaInput: {
-  prototype: NanoAlgoliaInput;
-  new (): NanoAlgoliaInput;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;