@nylas/web-elements 1.0.0-prealpha1

package/dist/collection/components/mailbox/nylas-summarize-message-button/test/nylas-summarize-message-button.spec.js

@@ -0,0 +1,12 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { NylasSummarizeMessageButton } from "../nylas-summarize-message-button";
+describe('nylas-summarize-message-button', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [NylasSummarizeMessageButton],
+            html: `<nylas-summarize-message-button></nylas-summarize-message-button>`,
+        });
+        expect(page.root).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=nylas-summarize-message-button.spec.js.map

package/dist/collection/components/mailbox/nylas-summarize-message-button/test/nylas-summarize-message-button.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-summarize-message-button.spec.js","sourceRoot":"","sources":["../../../../../src/components/mailbox/nylas-summarize-message-button/test/nylas-summarize-message-button.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAEhF,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;IAC9C,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,2BAA2B,CAAC;YACzC,IAAI,EAAE,mEAAmE;SAC1E,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { NylasSummarizeMessageButton } from '../nylas-summarize-message-button';\n\ndescribe('nylas-summarize-message-button', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [NylasSummarizeMessageButton],\n      html: `<nylas-summarize-message-button></nylas-summarize-message-button>`,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}

package/dist/collection/components/mailbox/nylas-threads-refresh/nylas-threads-refresh.css

@@ -0,0 +1,53 @@
+:host {
+  display: contents;
+}
+
+.container {
+  width: 100%;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.pull-to-refresh {
+  display: none;
+  border: 0;
+  background-color: transparent;
+  text-align: center;
+  width: 100%;
+  justify-content: center;
+}
+
+.pulling {
+  position: relative;
+  display: flex;
+  margin: 0 auto;
+  padding: 1rem;
+}
+.pulling svg {
+  width: 24px;
+  height: 24px;
+  color: var(--nylas-color-primary-500);
+  transform: rotate(90deg);
+}
+
+.refreshing {
+  position: relative;
+  display: flex;
+  margin: 0 auto;
+  padding: 1rem;
+}
+.refreshing svg {
+  width: 24px;
+  height: 24px;
+  fill: var(--nylas-color-primary-500);
+  animation: rotate 1s linear infinite;
+}
+
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/dist/collection/components/mailbox/nylas-threads-refresh/nylas-threads-refresh.js

@@ -0,0 +1,172 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+import { RegisterComponent } from "../../../common/register-component";
+import { Host, h } from "@stencil/core";
+import { debug } from "../../../utils/utils";
+export class NylasThreadsRefresh {
+    constructor() {
+        this.threshold = 100;
+        this.onTouchStart = (e) => {
+            debug(`[nylas-threads-refresh] Touch start`, e.touches[0].pageY, this.containerElement?.scrollTop, this.containerElement?.offsetHeight, this.contentElement?.scrollTop);
+            if (this.containerElement?.scrollTop === 0) {
+                this.start = e.touches[0].pageY;
+            }
+            else {
+                this.start = 0;
+            }
+        };
+        this.onTouchMove = (e) => {
+            if (this.start) {
+                const distance = e.touches[0].pageY - this.start;
+                if (distance > this.threshold) {
+                    this.pulling = true;
+                }
+                else {
+                    this.pulling = false;
+                }
+            }
+        };
+        this.onTouchEnd = (e) => {
+            if (this.start) {
+                const distance = e.changedTouches[0].pageY - this.start;
+                if (distance > this.threshold) {
+                    this.pulling = false;
+                    this.refresh.emit({
+                        updateState: this.updateState,
+                    });
+                }
+                this.start = 0;
+            }
+        };
+        this.start = 0;
+        this.state = 'ready';
+        this.pulling = false;
+        debug(`[nylas-threads-refresh] Constructor`);
+        this.updateState = this.updateState.bind(this);
+    }
+    connectedCallback() { }
+    async componentWillLoad() {
+        debug(`[nylas-threads-refresh] Component will load`);
+    }
+    componentDidLoad() {
+        debug(`[nylas-threads-refresh] Component did load`);
+        this.containerElement?.addEventListener('touchstart', this.onTouchStart);
+        this.containerElement?.addEventListener('touchmove', this.onTouchMove);
+        this.containerElement?.addEventListener('touchend', this.onTouchEnd);
+    }
+    disconnectedCallback() {
+        debug(`[nylas-threads-refresh] Component disconnected`);
+        this.containerElement?.removeEventListener('touchstart', this.onTouchStart);
+        this.containerElement?.removeEventListener('touchmove', this.onTouchMove);
+        this.containerElement?.removeEventListener('touchend', this.onTouchEnd);
+    }
+    async updateState(state) {
+        this.state = state;
+    }
+    render() {
+        return (h(Host, { key: '978dd26b52dbef9d43245a2a0e9c57695ee0d0b3' }, h("div", { key: '0062815cd33f0575ef5ced1bed59bc34863cd5a3', class: "container", ref: r => (this.containerElement = r) }, h("button", { key: '33cb5977a2d535631030a2e27a74f8fcea5a3977', class: {
+                'pull-to-refresh': true,
+                'pulling': this.pulling,
+                'refreshing': this.state === 'loading',
+            }, "aria-label": "Refreshing..." }, this.state === 'loading' && h("refresh-icon", { slot: "icon" }), this.state !== 'loading' && h("arrow-icon", { slot: "icon" })), h("div", { key: '83a120b8da04de8ccdc98821d1f046b7d87fd3d0', class: "content", ref: r => (this.contentElement = r) }, h("slot", { key: '47612e8d4765a94f9564d2e5bcd6c764dc03d887' })))));
+    }
+    static get is() { return "nylas-threads-refresh"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["nylas-threads-refresh.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["nylas-threads-refresh.css"]
+        };
+    }
+    static get states() {
+        return {
+            "start": {},
+            "state": {},
+            "pulling": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "refresh",
+                "name": "refresh",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "RefreshEvent",
+                    "resolved": "{ updateState: (state: \"loading\" | \"ready\" | \"error\") => Promise<void>; }",
+                    "references": {
+                        "RefreshEvent": {
+                            "location": "local",
+                            "path": "/Users/aarondemello/Developer/nylas/nylas/packages/nylas-web-elements/src/components/mailbox/nylas-threads-refresh/nylas-threads-refresh.tsx",
+                            "id": "src/components/mailbox/nylas-threads-refresh/nylas-threads-refresh.tsx::RefreshEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "updateState": {
+                "complexType": {
+                    "signature": "(state: 'ready' | 'loading' | 'error') => Promise<void>",
+                    "parameters": [{
+                            "name": "state",
+                            "type": "\"loading\" | \"ready\" | \"error\"",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}
+__decorate([
+    RegisterComponent({
+        name: 'nylas-threads-refresh',
+        eventToProps: {
+            refresh: async (event, nylasConnector) => {
+                debug(`[nylas-threads-refresh] Refreshing threads`);
+                const { updateState } = event.detail;
+                await updateState('loading');
+                await nylasConnector.threads.getThreads(undefined, 'overwrite', false);
+                await updateState('ready');
+            },
+        },
+        fireRegisterEvent: true,
+    }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], NylasThreadsRefresh.prototype, "render", null);
+//# sourceMappingURL=nylas-threads-refresh.js.map

package/dist/collection/components/mailbox/nylas-threads-refresh/nylas-threads-refresh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-threads-refresh.js","sourceRoot":"","sources":["../../../../src/components/mailbox/nylas-threads-refresh/nylas-threads-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RegisterComponent } from '@/common/register-component';\nimport { Component, Event, EventEmitter, Host, Method, State, h } from '@stencil/core';\nimport { NylasMailboxConnector } from '../../../components';\nimport { NylasMailbox } from '../nylas-mailbox/nylas-mailbox';\nimport { debug } from '@/utils/utils';\n\nexport type RefreshEvent = {\n  updateState: (state: 'ready' | 'loading' | 'error') => Promise<void>;\n};\n\n@Component({\n  tag: 'nylas-threads-refresh',\n  styleUrl: 'nylas-threads-refresh.scss',\n  shadow: true,\n})\nexport class NylasThreadsRefresh {\n  private readonly threshold: number = 100;\n\n  @State() start: number = 0;\n\n  @State() state: 'ready' | 'loading' | 'error' = 'ready';\n\n  @State() pulling: boolean = false;\n\n  @Event() refresh!: EventEmitter<RefreshEvent>;\n\n  private containerElement?: HTMLElement;\n  private contentElement?: HTMLElement;\n\n  constructor() {\n    debug(`[nylas-threads-refresh] Constructor`);\n    this.updateState = this.updateState.bind(this);\n  }\n\n  connectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-threads-refresh] Component will load`);\n  }\n\n  componentDidLoad() {\n    debug(`[nylas-threads-refresh] Component did load`);\n    this.containerElement?.addEventListener('touchstart', this.onTouchStart);\n    this.containerElement?.addEventListener('touchmove', this.onTouchMove);\n    this.containerElement?.addEventListener('touchend', this.onTouchEnd);\n  }\n\n  disconnectedCallback() {\n    debug(`[nylas-threads-refresh] Component disconnected`);\n    this.containerElement?.removeEventListener('touchstart', this.onTouchStart);\n    this.containerElement?.removeEventListener('touchmove', this.onTouchMove);\n    this.containerElement?.removeEventListener('touchend', this.onTouchEnd);\n  }\n\n  @Method()\n  public async updateState(state: 'ready' | 'loading' | 'error') {\n    this.state = state;\n  }\n\n  private onTouchStart = (e: TouchEvent) => {\n    debug(`[nylas-threads-refresh] Touch start`, e.touches[0].pageY, this.containerElement?.scrollTop, this.containerElement?.offsetHeight, this.contentElement?.scrollTop);\n    if (this.containerElement?.scrollTop === 0) {\n      this.start = e.touches[0].pageY;\n    } else {\n      this.start = 0;\n    }\n  };\n\n  private onTouchMove = (e: TouchEvent) => {\n    if (this.start) {\n      const distance = e.touches[0].pageY - this.start;\n      if (distance > this.threshold) {\n        this.pulling = true;\n      } else {\n        this.pulling = false;\n      }\n    }\n  };\n\n  private onTouchEnd = (e: TouchEvent) => {\n    if (this.start) {\n      const distance = e.changedTouches[0].pageY - this.start;\n      if (distance > this.threshold) {\n        this.pulling = false;\n        this.refresh.emit({\n          updateState: this.updateState,\n        });\n      }\n      this.start = 0;\n    }\n  };\n  @RegisterComponent<NylasThreadsRefresh, NylasMailboxConnector, Exclude<NylasMailbox['stores'], undefined>>({\n    name: 'nylas-threads-refresh',\n    eventToProps: {\n      refresh: async (event: CustomEvent<RefreshEvent>, nylasConnector: NylasMailboxConnector) => {\n        debug(`[nylas-threads-refresh] Refreshing threads`);\n        const { updateState } = event.detail;\n        await updateState('loading');\n        await nylasConnector.threads.getThreads(undefined, 'overwrite', false);\n        await updateState('ready');\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" ref={r => (this.containerElement = r)}>\n          <button\n            class={{\n              'pull-to-refresh': true,\n              'pulling': this.pulling,\n              'refreshing': this.state === 'loading',\n            }}\n            aria-label=\"Refreshing...\"\n          >\n            {this.state === 'loading' && <refresh-icon slot=\"icon\" />}\n            {this.state !== 'loading' && <arrow-icon slot=\"icon\" />}\n          </button>\n          <div class=\"content\" ref={r => (this.contentElement = r)}>\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/mailbox/nylas-threads-refresh/test/nylas-threads-refresh.e2e.js

@@ -0,0 +1,10 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('nylas-threads-refresh', () => {
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<nylas-threads-refresh></nylas-threads-refresh>');
+        const element = await page.find('nylas-threads-refresh');
+        expect(element).toHaveClass('hydrated');
+    });
+});
+//# sourceMappingURL=nylas-threads-refresh.e2e.js.map

package/dist/collection/components/mailbox/nylas-threads-refresh/test/nylas-threads-refresh.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-threads-refresh.e2e.js","sourceRoot":"","sources":["../../../../../src/components/mailbox/nylas-threads-refresh/test/nylas-threads-refresh.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,iDAAiD,CAAC,CAAC;QAEzE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACzD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('nylas-threads-refresh', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<nylas-threads-refresh></nylas-threads-refresh>');\n\n    const element = await page.find('nylas-threads-refresh');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/mailbox/nylas-threads-refresh/test/nylas-threads-refresh.spec.js

@@ -0,0 +1,12 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { NylasThreadsRefresh } from "../nylas-threads-refresh";
+describe('nylas-threads-refresh', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [NylasThreadsRefresh],
+            html: `<nylas-threads-refresh></nylas-threads-refresh>`,
+        });
+        expect(page.root).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=nylas-threads-refresh.spec.js.map

package/dist/collection/components/mailbox/nylas-threads-refresh/test/nylas-threads-refresh.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-threads-refresh.spec.js","sourceRoot":"","sources":["../../../../../src/components/mailbox/nylas-threads-refresh/test/nylas-threads-refresh.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,mBAAmB,CAAC;YACjC,IAAI,EAAE,iDAAiD;SACxD,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { NylasThreadsRefresh } from '../nylas-threads-refresh';\n\ndescribe('nylas-threads-refresh', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [NylasThreadsRefresh],\n      html: `<nylas-threads-refresh></nylas-threads-refresh>`,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}

package/dist/collection/components/mailbox/nylas-threads-search/nylas-threads-search.css

@@ -0,0 +1,8 @@
+:host {
+  display: block;
+}
+
+sp-search {
+  width: 100%;
+  border: 0;
+}

package/dist/collection/components/mailbox/nylas-threads-search/nylas-threads-search.js

@@ -0,0 +1,130 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+import { RegisterComponent } from "../../../common/register-component";
+import { debug } from "../../../utils/utils";
+import { Host, h } from "@stencil/core";
+export class NylasThreadsSearch {
+    constructor() {
+        this.onSearch = async (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            const target = event.target;
+            const value = target.value;
+            if (value === this.internalQuery) {
+                return;
+            }
+            this.internalQuery = value;
+            this.search.emit(this.internalQuery);
+        };
+        this.query = '';
+        this.internalQuery = '';
+    }
+    connectedCallback() { }
+    disconnectedCallback() { }
+    async componentWillLoad() {
+        debug(`[nylas-threads-search] Component will load`);
+    }
+    async componentDidLoad() {
+        debug(`[nylas-threads-search] Component did load`);
+    }
+    onQueryChange() {
+        this.internalQuery = this.query;
+    }
+    render() {
+        return (h(Host, { key: '8cec946ccaeb5fe2bf8f1282eaf5bb1e471fdc1d' }, h("sp-theme", { key: '5795406abf802029c3722835aced9fd8bc562ef1', scale: "medium", color: "dark" }, h("sp-search", { key: 'e8c140f3a65a05106156af09a7bdf1c35f709ed1', quiet: true, onSubmit: this.onSearch, onBlur: this.onSearch, value: this.internalQuery }))));
+    }
+    static get is() { return "nylas-threads-search"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["nylas-threads-search.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["nylas-threads-search.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "query": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The query to search for threads"
+                },
+                "attribute": "query",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "internalQuery": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "search",
+                "name": "search",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when the query changes"
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "query",
+                "methodName": "onQueryChange"
+            }];
+    }
+}
+__decorate([
+    RegisterComponent({
+        name: 'nylas-pagination',
+        stateToProps: new Map([['mailbox.searchQuery', 'query']]),
+        eventToProps: {
+            search: async (_event, nylasConnector) => {
+                await nylasConnector.threads.getThreads({
+                    search_query_native: _event.detail || undefined,
+                    page_token: undefined,
+                });
+            },
+        },
+        fireRegisterEvent: true,
+    }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], NylasThreadsSearch.prototype, "render", null);
+//# sourceMappingURL=nylas-threads-search.js.map

package/dist/collection/components/mailbox/nylas-threads-search/nylas-threads-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-threads-search.js","sourceRoot":"","sources":["../../../../src/components/mailbox/nylas-threads-search/nylas-threads-search.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAS5F,MAAM,OAAO,kBAAkB;;QAsCrB,aAAQ,GAAG,KAAK,EAAE,KAAY,EAAE,EAAE;YACxC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YAExB,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;YAChD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAE3B,IAAI,KAAK,KAAK,IAAI,CAAC,aAAa,EAAE,CAAC;gBACjC,OAAO;YACT,CAAC;YAED,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACvC,CAAC,CAAC;qBA/C+B,EAAE;6BAUF,EAAE;;IAEnC,iBAAiB,KAAI,CAAC;IAEtB,oBAAoB,KAAI,CAAC;IAEzB,KAAK,CAAC,iBAAiB;QACrB,KAAK,CAAC,4CAA4C,CAAC,CAAC;IACtD,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,KAAK,CAAC,2CAA2C,CAAC,CAAC;IACrD,CAAC;IAGD,aAAa;QACX,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;IAClC,CAAC;IAmCD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,iEAAU,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM;gBACnC,kEAAW,KAAK,QAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,GAAc,CAC/F,CACN,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AATC;IAbC,iBAAiB,CAAwF;QACxG,IAAI,EAAE,kBAAkB;QACxB,YAAY,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC,CAAC;QACzD,YAAY,EAAE;YACZ,MAAM,EAAE,KAAK,EAAE,MAA2B,EAAE,cAAqC,EAAE,EAAE;gBACnF,MAAM,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC;oBACtC,mBAAmB,EAAE,MAAM,CAAC,MAAM,IAAI,SAAS;oBAC/C,UAAU,EAAE,SAAS;iBACtB,CAAC,CAAC;YACL,CAAC;SACF;QACD,iBAAiB,EAAE,IAAI;KACxB,CAAC;;;;gDASD","sourcesContent":["import { RegisterComponent } from '@/common/register-component';\nimport { debug } from '@/utils/utils';\nimport { Component, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasMailboxConnector } from '../../..';\nimport { NylasMailbox } from '../nylas-mailbox/nylas-mailbox';\n\n@Component({\n  tag: 'nylas-threads-search',\n  styleUrl: 'nylas-threads-search.scss',\n  shadow: true,\n})\nexport class NylasThreadsSearch {\n  /**\n   * The query to search for threads\n   */\n  @Prop() readonly query: string = '';\n\n  /**\n   * Event emitted when the query changes\n   */\n  @Event() readonly search!: EventEmitter<string>;\n\n  /**\n   * A copy of the query that is used internally, we can mutate this.\n   */\n  @State() internalQuery: string = '';\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-threads-search] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-threads-search] Component did load`);\n  }\n\n  @Watch('query')\n  onQueryChange() {\n    this.internalQuery = this.query;\n  }\n\n  /**\n   * On search event\n   * @param event On blur event\n   * @returns void\n   */\n  private onSearch = async (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const target = event.target as HTMLInputElement;\n    const value = target.value;\n\n    if (value === this.internalQuery) {\n      return;\n    }\n\n    this.internalQuery = value;\n    this.search.emit(this.internalQuery);\n  };\n\n  @RegisterComponent<NylasThreadsSearch, NylasMailboxConnector, Exclude<NylasMailbox['stores'], undefined>>({\n    name: 'nylas-pagination',\n    stateToProps: new Map([['mailbox.searchQuery', 'query']]),\n    eventToProps: {\n      search: async (_event: CustomEvent<string>, nylasConnector: NylasMailboxConnector) => {\n        await nylasConnector.threads.getThreads({\n          search_query_native: _event.detail || undefined,\n          page_token: undefined,\n        });\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <sp-theme scale=\"medium\" color=\"dark\">\n          <sp-search quiet onSubmit={this.onSearch} onBlur={this.onSearch} value={this.internalQuery}></sp-search>\n        </sp-theme>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/mailbox/nylas-threads-search/test/nylas-threads-search.e2e.js

@@ -0,0 +1,10 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('nylas-threads-search', () => {
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<nylas-threads-search></nylas-threads-search>');
+        const element = await page.find('nylas-threads-search');
+        expect(element).toHaveClass('hydrated');
+    });
+});
+//# sourceMappingURL=nylas-threads-search.e2e.js.map

package/dist/collection/components/mailbox/nylas-threads-search/test/nylas-threads-search.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-threads-search.e2e.js","sourceRoot":"","sources":["../../../../../src/components/mailbox/nylas-threads-search/test/nylas-threads-search.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,+CAA+C,CAAC,CAAC;QAEvE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACxD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('nylas-threads-search', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<nylas-threads-search></nylas-threads-search>');\n\n    const element = await page.find('nylas-threads-search');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/mailbox/nylas-threads-search/test/nylas-threads-search.spec.js

@@ -0,0 +1,12 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { NylasThreadsSearch } from "../nylas-threads-search";
+describe('nylas-threads-search', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [NylasThreadsSearch],
+            html: `<nylas-threads-search></nylas-threads-search>`,
+        });
+        expect(page.root).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=nylas-threads-search.spec.js.map

package/dist/collection/components/mailbox/nylas-threads-search/test/nylas-threads-search.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-threads-search.spec.js","sourceRoot":"","sources":["../../../../../src/components/mailbox/nylas-threads-search/test/nylas-threads-search.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC;YAChC,IAAI,EAAE,+CAA+C;SACtD,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { NylasThreadsSearch } from '../nylas-threads-search';\n\ndescribe('nylas-threads-search', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [NylasThreadsSearch],\n      html: `<nylas-threads-search></nylas-threads-search>`,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}

package/dist/collection/components/mailbox/nylas-view-email/nylas-view-email.css

@@ -0,0 +1,43 @@
+:host {
+  display: inline-grid;
+  overflow: hidden;
+  width: 100%;
+}
+
+.view-email {
+  width: 100%;
+}
+.view-email div.gmail_quote {
+  display: none;
+  color: var(--nylas-color-primary-400);
+}
+.view-email div.gmail_quote.show {
+  display: block;
+}
+.view-email blockquote {
+  border-color: var(--nylas-color-primary-500) !important;
+}
+.view-email .nylas-view-email-toggle-button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  background-color: var(--nylas-color-primary-200);
+  color: var(--nylas-color-primary-600);
+  border: 0;
+  border-radius: 2px;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.5;
+  transition: all 0.2s ease-in-out;
+}
+.view-email .nylas-view-email-toggle-button:hover {
+  background-color: var(--nylas-color-primary-200);
+  color: var(--nylas-color-primary-600);
+}
+
+/* Extra small devices (phones, 600px and down) */
+/* Small devices (portrait tablets and large phones, 600px and up) */
+/* Medium devices (landscape tablets, 768px and up) */
+/* Large devices (laptops/desktops, 992px and up) */
+/* Extra large devices (large laptops and desktops, 1200px and up) */