@nylas/react 1.0.2-canary.2 → 1.1.0-canary.10

package/dist/chevron-icon_3.entry-81c68946.js

@@ -0,0 +1,117 @@
+import { r as l, h as i, c as r, g as d } from "./index-fd39ea9d.js";
+import "react";
+import "react-dom";
+const c = ".sc-chevron-icon-h{display:flex}", p = c, h = class {
+  constructor(e) {
+    l(this, e), this.width = "24", this.height = "24";
+  }
+  render() {
+    return i("svg", { key: "4237d5be45ec5b20c76f6132347abbbff3db30d3", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, i("path", { key: "3d68979af03e88ecb6725fefbd1a4d9af22aa727", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
+  }
+};
+h.style = p;
+const f = ".sc-search-icon-h{display:flex}", b = f, u = class {
+  constructor(e) {
+    l(this, e), this.width = "15", this.height = "15";
+  }
+  render() {
+    return i("svg", { key: "b76a09acee253e0c56da191a277aeb941b7660ae", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { key: "d93a8a5b63a57e7a62909e5039654d399424bb0c", fill: "currentColor", d: "M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z" }));
+  }
+};
+u.style = b;
+const y = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:1rem;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);max-width:306px;width:max-content;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}', x = y, w = class {
+  constructor(e) {
+    l(this, e), this.selectedOptionChanged = r(this, "selectedOptionChanged", 7), this.name = void 0, this.options = [], this.defaultSelectedOption = void 0, this.withSearch = !0, this.pluralizedLabel = "", this.selectedOption = this.defaultSelectedOption || null, this.isOpen = !1, this.searchValue = "", this.filteredOptions = [...this.options], this.ariaActivedescendant = "";
+  }
+  optionsChangedHandler(e, s) {
+    e !== s && (this.filteredOptions = e);
+  }
+  defaultSelectedOptionChangedHandler(e, s) {
+    e.label !== s.label && (this.selectedOption = e);
+  }
+  componentWillLoad() {
+    this.filteredOptions = this.options, !this.selectedOption && this.defaultSelectedOption && (this.selectedOption = this.defaultSelectedOption), !this.selectedOption && this.options.length > 0 && (this.selectedOption = this.options[0]);
+  }
+  toggleDropdown() {
+    this.isOpen = !this.isOpen;
+  }
+  filterOptions(e) {
+    const s = e.target.value;
+    this.searchValue = s, this.filteredOptions = this.options.filter((t) => t.label.toLowerCase().includes(s.toLowerCase()));
+  }
+  selectOption(e) {
+    this.selectedOption = e, this.toggleDropdown(), this.selectedOptionChanged.emit({
+      value: e.value,
+      name: this.name
+    });
+  }
+  handleSelectButtonKeyDown(e) {
+    var s;
+    switch (e.key) {
+      case "ArrowDown":
+      case "Enter":
+        e.preventDefault(), this.isOpen || this.toggleDropdown(), (s = this.inputRef) == null || s.focus();
+        break;
+      case "Escape":
+        this.isOpen = !1;
+        break;
+    }
+  }
+  handleListboxKeydown(e) {
+    var a, o;
+    const s = this.filteredOptions, t = s.findIndex((n) => n.value === this.ariaActivedescendant);
+    if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
+      if (e.preventDefault(), t === s.length - 1) {
+        this.ariaActivedescendant = "", (a = this.inputRef) == null || a.focus();
+        return;
+      }
+      const n = t + 1 < s.length ? t + 1 : 0;
+      this.ariaActivedescendant = s[n].value, this.focusOption(n);
+    } else if (e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey) {
+      if (e.preventDefault(), t === 0) {
+        this.ariaActivedescendant = "", (o = this.inputRef) == null || o.focus();
+        return;
+      }
+      const n = t - 1 >= 0 ? t - 1 : s.length - 1;
+      this.ariaActivedescendant = s[n].value, this.focusOption(n);
+    } else
+      e.key === "Enter" ? (e.preventDefault(), this.ariaActivedescendant && this.selectOption(s[t])) : e.key === "Escape" && (this.isOpen = !1);
+  }
+  focusOption(e) {
+    var o;
+    const s = this.filteredOptions[e];
+    if (!s)
+      return;
+    const t = s.value, a = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(t);
+    a && (a.focus(), a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+  }
+  handleComboboxKeyDown(e) {
+    e.key === "ArrowDown" || e.key == "Tab" && !e.shiftKey ? (e.preventDefault(), this.ariaActivedescendant = this.filteredOptions[0].value, this.focusOption(0)) : e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey ? (e.preventDefault(), this.ariaActivedescendant = this.filteredOptions[this.filteredOptions.length - 1].value, this.focusOption(this.filteredOptions.length - 1)) : e.key === "Escape" && (this.isOpen = !1);
+  }
+  handleOutsideClick(e) {
+    !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
+  }
+  render() {
+    var e, s;
+    return i("div", { key: "4b92f2c224e4cb1ec751c8dd46ff5bd16883110a", class: "dropdown", part: "sd_dropdown" }, i("button", { key: "de1f96fe628dc11b3b7991f65065ec1ae55372fa", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (t) => this.handleSelectButtonKeyDown(t) }, i("slot", { key: "05166ff83a6f0cbf3a63d79e257570c996c2972d", name: "select-icon", "aria-hidden": "true" }), i("span", { key: "99d79f6d8969fa6e88092af65ed7438d06c70693", class: "selected-option", part: "sd_dropdown-button-selected-label" }, (e = this.selectedOption) != null && e.label ? `${((s = this.selectedOption) == null ? void 0 : s.label) + this.pluralizedLabel}` : ""), i("span", { key: "220bed22a19b8e73a0b5f420a95169b5593138a3", class: {
+      open: this.isOpen,
+      closed: !this.isOpen,
+      chevron: !0
+    }, "aria-hidden": "true" }, i("chevron-icon", { key: "6ed5947377584f0adaa466c5f2c189e4795e72e2", width: "16", height: "16" }))), this.isOpen ? i("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && i("div", { class: { "search-box": !0, open: this.isOpen } }, i("search-icon", { width: "15", height: "15", class: "icon" }), i("input", { type: "text", role: "combobox", placeholder: "Search", value: this.searchValue, ref: (t) => this.inputRef = t, onInput: (t) => this.filterOptions(t), onKeyDown: (t) => this.handleComboboxKeyDown(t) })), i("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (t) => this.handleListboxKeydown(t) }, this.filteredOptions.map((t) => i("li", { tabindex: "0", key: t.value, id: t.value, onClick: () => this.selectOption(t), role: "option" }, t.labelHTML ? t.labelHTML : t.label)))) : null);
+  }
+  get el() {
+    return d(this);
+  }
+  static get watchers() {
+    return {
+      options: ["optionsChangedHandler"],
+      defaultSelectedOption: ["defaultSelectedOptionChangedHandler"]
+    };
+  }
+};
+w.style = x;
+export {
+  h as chevron_icon,
+  u as search_icon,
+  w as select_dropdown
+};

package/dist/{close-icon.entry-8d6e9816.cjs → close-icon.entry-147b4d47.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-457dcf0b.cjs");require("react");require("react-dom");const t=".sc-close-icon-h{display:flex}",s=t,a=class{constructor(c){e.registerInstance(this,c),this.width="16",this.height="16"}render(){return e.h("svg",{key:"e58d42880affc512eb7ae18a34099340a50dc6be",width:"21",height:"21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("g",{key:"122df83308958e375531cdaa9d057b78d36b08e3","clip-path":"url(#a)"},e.h("path",{key:"9b712ee4fa93a86f9a5609bea9233f17160bc23e",d:"M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z",fill:"currentColor"})),e.h("defs",{key:"761a14ba84069f692cad52f6eafa8cafc4a36489"},e.h("clipPath",{key:"6805481c67c08d9253c6a5bd7ece2688f6fe0e55",id:"a"},e.h("path",{key:"af3d03843001cd7418021a9dd216f2e2f126fc7f",fill:"#fff",transform:"translate(.148 .054)",d:"M0 0h20v20H0z"}))))}};a.style=s;exports.close_icon=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-5f0940e0.cjs");require("react");require("react-dom");const t=".sc-close-icon-h{display:flex}",s=t,a=class{constructor(c){e.registerInstance(this,c),this.width="16",this.height="16"}render(){return e.h("svg",{key:"e58d42880affc512eb7ae18a34099340a50dc6be",width:"21",height:"21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("g",{key:"122df83308958e375531cdaa9d057b78d36b08e3","clip-path":"url(#a)"},e.h("path",{key:"9b712ee4fa93a86f9a5609bea9233f17160bc23e",d:"M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z",fill:"currentColor"})),e.h("defs",{key:"761a14ba84069f692cad52f6eafa8cafc4a36489"},e.h("clipPath",{key:"6805481c67c08d9253c6a5bd7ece2688f6fe0e55",id:"a"},e.h("path",{key:"af3d03843001cd7418021a9dd216f2e2f126fc7f",fill:"#fff",transform:"translate(.148 .054)",d:"M0 0h20v20H0z"}))))}};a.style=s;exports.close_icon=a;

package/dist/{close-icon.entry-37e8361f.js → close-icon.entry-3325a08e.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e } from "./index-ce40ad47.js";
+import { r as c, h as e } from "./index-fd39ea9d.js";
 import "react";
 import "react-dom";
 const t = ".sc-close-icon-h{display:flex}", s = t, f = class {

package/dist/{constants-b6bf6671-49a0f1f2.js → constants-f34b9c6e-21ac1910.js}

@@ -1,4 +1,4 @@
-import { c as iM, g as rM } from "./_commonjsHelpers-57e89916-af061c86.js";
+import { i as iM, Q as rM } from "./index-fd39ea9d.js";
 var O2 = { exports: {} }, A2 = { exports: {} };
 //! moment.js
 //! version : 2.30.1
@@ -3711,7 +3711,7 @@ var XO = O2.exports = A2.exports;
 XO.tz.load(BO);
 const J2 = O2.exports, hO = {
   "en-US": "English"
-}, mO = (() => J2.tz.names().reduce((z, b) => (z[b] = b.replace(/\//g, " / "), z), {}))();
+}, mO = (() => J2.tz.names().reduce((z, b) => (z[b] = b.replace(/\//g, " / "), z[b] = z[b].replace(/_/g, " "), z), {}))();
 function SO(M) {
   return J2.tz(M).format("Z");
 }
@@ -3731,8 +3731,17 @@ const gO = [
     value: "${duration}",
     description: "The length in time of the event."
   }
+], EO = [
+  {
+    days: [1, 2, 3, 4, 5],
+    ex_dates: [],
+    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+    start: "09:00",
+    end: "17:00"
+  }
 ];
 export {
+  EO as D,
   gO as E,
   hO as L,
   mO as T,