@nylas/react 1.1.0 → 1.1.2

package/dist/time-period-selector.entry-da5d8652.js

@@ -1,93 +0,0 @@
-import { r as s, c as n, d as o, h as d, g as p } from "./index-5ccfd9df.js";
-import "react";
-import "react-dom";
-const l = ".time-period-selector.sc-time-period-selector{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector,.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector{width:116px}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector{width:84px;display:flex;align-items:center}.time-period-selector.sc-time-period-selector select-dropdown#time-period.sc-time-period-selector::part(sd_dropdown-button){width:100%}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown){width:inherit;height:100%}.time-period-selector.sc-time-period-selector input-dropdown#time-number.sc-time-period-selector::part(id_dropdown-input){border:none;border-radius:var(--nylas-border-radius-2x)}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input){padding:17px;gap:1rem}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-content){width:100%;max-height:200px}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown){width:inherit}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-button){padding:1rem;gap:1rem;justify-content:space-between}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-content){width:100%;max-height:200px}", c = l, a = {
-  hours: "hour",
-  days: "day",
-  weeks: "week",
-  months: "month"
-}, m = class {
-  constructor(t) {
-    s(this, t), this.timePeriodChanged = n(this, "timePeriodChanged", 7), this.timePeriods = ["hour", "day", "week", "month"], this.defaultSelectedPeriod = "hour", this.defaultSelectedNumber = 1, this.selectedPeriod = this.defaultSelectedPeriod, this.selectedNumber = this.defaultSelectedNumber, this.numberOptions = this.calculateOptions(this.defaultSelectedPeriod || "hour").map((e) => ({
-      label: e.toString(),
-      value: e.toString()
-    })), this.timePeriodOptions = this.timePeriods.map((e) => ({
-      label: e,
-      value: e
-    }));
-  }
-  defaultSelectedPeriodChangedHandler(t) {
-    this.selectedPeriod = t;
-    const e = a[t] ?? t;
-    this.updateNumberOptionsAndSelectedNumber(e);
-  }
-  defaultSelectedNumberChangedHandler(t) {
-    this.selectedNumber = t;
-  }
-  timePeriodsChangedHandler(t) {
-    this.timePeriodOptions = t.map((e) => ({
-      label: e,
-      value: e
-    }));
-  }
-  calculateOptions(t) {
-    switch (t) {
-      case "hour":
-        return Array.from({ length: 23 }, (e, r) => r + 1);
-      case "minute":
-        return Array.from({ length: 13 }, (e, r) => r * 5);
-      case "day":
-        return Array.from({ length: 30 }, (e, r) => r + 1);
-      case "week":
-        return Array.from({ length: 4 }, (e, r) => r + 1);
-      case "month":
-        return Array.from({ length: 12 }, (e, r) => r + 1);
-      default:
-        return [];
-    }
-  }
-  inputOptionChangedHandler(t) {
-    o("time-period-selector", "inputOptionChangedHandler", t.detail);
-    const { value: e, name: r } = t.detail;
-    r === "time-number" && (this.selectedNumber = e ? parseInt(e) : this.defaultSelectedNumber);
-    const i = {
-      number: this.selectedNumber,
-      period: this.selectedPeriod
-    };
-    this.timePeriodChanged.emit(i);
-  }
-  nylasFormDropdownChangedHandler(t) {
-    o("time-period-selector", "nylasFormDropdownChangedHandler", t.detail);
-    const { value: e, name: r } = t.detail;
-    r === "time-period" ? (this.selectedPeriod = e, this.updateNumberOptionsAndSelectedNumber(e)) : r === "time-number" && (this.selectedNumber = parseInt(e));
-    const i = {
-      number: this.selectedNumber,
-      period: this.selectedPeriod
-    };
-    this.timePeriodChanged.emit(i);
-  }
-  updateNumberOptionsAndSelectedNumber(t) {
-    const e = this.calculateOptions(t);
-    this.numberOptions = e.map((r) => ({
-      label: r.toString(),
-      value: r.toString()
-    })), this.selectedNumber = parseInt(this.numberOptions[0].value);
-  }
-  render() {
-    return d("div", { key: "2e02e602c84d10f1c2ed8dc8e6a989f7ec4c22f8", class: "time-period-selector" }, d("input-dropdown", { key: "aaf9b85eb568c308385d41127c91c4e51261cb2f", id: "time-number", name: "time-number", inputValue: this.selectedNumber.toString(), exportparts: "id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content", options: this.numberOptions, defaultInputOption: this.numberOptions.find((t) => t.value == this.selectedNumber.toString()) ?? this.numberOptions[0] }), d("select-dropdown", { key: "5537a3e02a876cbf49f5ace4c8f3bb153ed6b3ce", id: "time-period", name: "time-period", options: this.timePeriodOptions, exportparts: "sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content", pluralizedLabel: this.selectedNumber > 1 ? "s" : "", defaultSelectedOption: this.timePeriodOptions.find((t) => t.value == this.selectedPeriod) ?? this.timePeriodOptions[0], withSearch: !1 }));
-  }
-  get host() {
-    return p(this);
-  }
-  static get watchers() {
-    return {
-      defaultSelectedPeriod: ["defaultSelectedPeriodChangedHandler"],
-      defaultSelectedNumber: ["defaultSelectedNumberChangedHandler"],
-      timePeriods: ["timePeriodsChangedHandler"]
-    };
-  }
-};
-m.style = c;
-export {
-  m as time_period_selector
-};