@nylas/react 2.0.6 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/dist/cjs/connect.js +1 -0
  2. package/dist/cjs/elements.js +1 -0
  3. package/dist/cjs/index.js +1 -0
  4. package/dist/cjs/notetaker.js +62 -0
  5. package/dist/cjs/utils.js +11 -0
  6. package/dist/connect.d.ts +1 -0
  7. package/dist/elements.d.ts +1 -0
  8. package/dist/es/connect.js +279 -0
  9. package/dist/es/elements.js +1319 -0
  10. package/dist/es/index.js +281 -0
  11. package/dist/es/notetaker.js +5784 -0
  12. package/dist/es/utils.js +12396 -0
  13. package/dist/lib/connect/index.d.ts +6 -0
  14. package/dist/lib/connect/types.d.ts +2 -0
  15. package/dist/lib/connect/useNylasConnect.d.ts +28 -0
  16. package/dist/lib/connect/useNylasConnect.test.d.ts +1 -0
  17. package/dist/lib/connect.d.ts +1 -0
  18. package/dist/lib/elements/components.d.ts +975 -0
  19. package/dist/lib/elements.d.ts +1 -0
  20. package/dist/lib/index.d.ts +3 -5
  21. package/dist/lib/notetaker.d.ts +1 -0
  22. package/dist/lib/utils.d.ts +2 -0
  23. package/dist/notetaker.d.ts +1 -0
  24. package/dist/utils.d.ts +1 -0
  25. package/package.json +37 -16
  26. package/dist/abstract-provider-45ada3b4-31e3ed72.cjs +0 -1
  27. package/dist/abstract-provider-45ada3b4-abd3105d.js +0 -187
  28. package/dist/add-circle-icon_2.entry-48953f9c.cjs +0 -1
  29. package/dist/add-circle-icon_2.entry-f6f8b5e5.js +0 -26
  30. package/dist/archive-icon.entry-b3a76711.js +0 -16
  31. package/dist/archive-icon.entry-e2880dc7.cjs +0 -1
  32. package/dist/arrow-icon.entry-84d1e26c.cjs +0 -1
  33. package/dist/arrow-icon.entry-9b3441aa.js +0 -16
  34. package/dist/bold-icon.entry-0749a116.js +0 -16
  35. package/dist/bold-icon.entry-e1d8ab5e.cjs +0 -1
  36. package/dist/button-component_2.entry-1a817230.cjs +0 -1
  37. package/dist/button-component_2.entry-6eb55e97.js +0 -27
  38. package/dist/calendar-agenda-fill-icon_37.entry-0ca8b9f4.cjs +0 -6
  39. package/dist/calendar-agenda-fill-icon_37.entry-4adf73a2.js +0 -5231
  40. package/dist/calendar-cancel-icon.entry-2a29cb3f.js +0 -16
  41. package/dist/calendar-cancel-icon.entry-e0dee585.cjs +0 -1
  42. package/dist/calendar-check-icon.entry-7f96d456.cjs +0 -1
  43. package/dist/calendar-check-icon.entry-c12b63ea.js +0 -16
  44. package/dist/calendar-icon.entry-a2d19ff2.cjs +0 -1
  45. package/dist/calendar-icon.entry-e82a5169.js +0 -16
  46. package/dist/checkbox-component.entry-59612a67.js +0 -52
  47. package/dist/checkbox-component.entry-ddce70bc.cjs +0 -1
  48. package/dist/checkbox-group_4.entry-3311da64.cjs +0 -28
  49. package/dist/checkbox-group_4.entry-7df47ad4.js +0 -10011
  50. package/dist/checkmark-circle-icon.entry-677b0def.js +0 -16
  51. package/dist/checkmark-circle-icon.entry-67df713b.cjs +0 -1
  52. package/dist/checkmark-icon_15.entry-2121e1b7.cjs +0 -5
  53. package/dist/checkmark-icon_15.entry-9fd0ec58.js +0 -1412
  54. package/dist/chevron-icon_3.entry-1a42235c.cjs +0 -1
  55. package/dist/chevron-icon_3.entry-f0ad71d9.js +0 -157
  56. package/dist/clock-icon_4.entry-88822a84.cjs +0 -1
  57. package/dist/clock-icon_4.entry-e7472d5f.js +0 -46
  58. package/dist/constants-f51538ef-cd2a67c4.cjs +0 -1
  59. package/dist/constants-f51538ef-e0a5f026.js +0 -876
  60. package/dist/customParseFormat-eeec04f5-3ad26beb.js +0 -135
  61. package/dist/customParseFormat-eeec04f5-d5957784.cjs +0 -1
  62. package/dist/delete-icon.entry-3cb58910.cjs +0 -1
  63. package/dist/delete-icon.entry-813429d7.js +0 -16
  64. package/dist/document-refresh-icon.entry-ae361b0b.cjs +0 -1
  65. package/dist/document-refresh-icon.entry-c224c778.js +0 -16
  66. package/dist/feedbackSync-0ebd0eda-803c3ebe.js +0 -6048
  67. package/dist/feedbackSync-0ebd0eda-e12b00d5.cjs +0 -448
  68. package/dist/folder-icon.entry-107841af.cjs +0 -1
  69. package/dist/folder-icon.entry-9c1f7c41.js +0 -16
  70. package/dist/forward-icon.entry-4ac22c16.js +0 -16
  71. package/dist/forward-icon.entry-6cec1f94.cjs +0 -1
  72. package/dist/globe-icon.entry-7798c93b.js +0 -16
  73. package/dist/globe-icon.entry-909c1382.cjs +0 -1
  74. package/dist/google-logo-icon_6.entry-1f4ad364.cjs +0 -2
  75. package/dist/google-logo-icon_6.entry-b198c90a.js +0 -1762
  76. package/dist/google-meet-icon_5.entry-82d87e77.cjs +0 -1
  77. package/dist/google-meet-icon_5.entry-fa6dc1dc.js +0 -56
  78. package/dist/inbox-icon.entry-1b123e64.js +0 -16
  79. package/dist/inbox-icon.entry-84f96d31.cjs +0 -1
  80. package/dist/index-140eb219.js +0 -24953
  81. package/dist/index-d8a42c15.cjs +0 -118
  82. package/dist/index.es-57d4a08f-184cbc01.js +0 -2724
  83. package/dist/index.es-57d4a08f-b0a2ca19.cjs +0 -7
  84. package/dist/info-icon_2.entry-f09e7dae.cjs +0 -1
  85. package/dist/info-icon_2.entry-f8b72d08.js +0 -35
  86. package/dist/input-component.entry-44607977.js +0 -93
  87. package/dist/input-component.entry-fd38953d.cjs +0 -1
  88. package/dist/input-dropdown_2.entry-4c2e5e1a.cjs +0 -1
  89. package/dist/input-dropdown_2.entry-6898b420.js +0 -252
  90. package/dist/italic-icon.entry-16aa1ada.js +0 -16
  91. package/dist/italic-icon.entry-beef2254.cjs +0 -1
  92. package/dist/lib/elements/index.d.ts +0 -133
  93. package/dist/lib/elements/react-component-lib/createComponent.d.ts +0 -10
  94. package/dist/lib/elements/react-component-lib/createOverlayComponent.d.ts +0 -21
  95. package/dist/lib/elements/react-component-lib/index.d.ts +0 -2
  96. package/dist/lib/elements/react-component-lib/interfaces.d.ts +0 -29
  97. package/dist/lib/elements/react-component-lib/utils/attachProps.d.ts +0 -9
  98. package/dist/lib/elements/react-component-lib/utils/case.d.ts +0 -2
  99. package/dist/lib/elements/react-component-lib/utils/dev.d.ts +0 -2
  100. package/dist/lib/elements/react-component-lib/utils/index.d.ts +0 -10
  101. package/dist/multi-select-dropdown.entry-50133d29.js +0 -130
  102. package/dist/multi-select-dropdown.entry-c82cd6d4.cjs +0 -1
  103. package/dist/nylas-booked-event-card_11.entry-56768a09.js +0 -1407
  104. package/dist/nylas-booked-event-card_11.entry-eb4b3c5c.cjs +0 -1
  105. package/dist/nylas-date-component_2.entry-93f2f352.cjs +0 -1
  106. package/dist/nylas-date-component_2.entry-df957150.js +0 -307
  107. package/dist/nylas-form-card.entry-4d95a4ad.cjs +0 -1
  108. package/dist/nylas-form-card.entry-7724e61f.js +0 -72
  109. package/dist/nylas-notification_2.entry-448c2cb8.cjs +0 -1
  110. package/dist/nylas-notification_2.entry-af763b6c.js +0 -85
  111. package/dist/nylas-scheduler-editor.entry-0e4ba46d.js +0 -1796
  112. package/dist/nylas-scheduler-editor.entry-e36cdd9d.cjs +0 -2
  113. package/dist/nylas-scheduling.entry-1b207e91.js +0 -999
  114. package/dist/nylas-scheduling.entry-904dd10e.cjs +0 -1
  115. package/dist/person-icon.entry-70d46ca6.cjs +0 -1
  116. package/dist/person-icon.entry-f2979577.js +0 -16
  117. package/dist/play-icon.entry-c2cf0b12.cjs +0 -1
  118. package/dist/play-icon.entry-d387df5d.js +0 -16
  119. package/dist/radio-button-group.entry-45dbd2df.js +0 -56
  120. package/dist/radio-button-group.entry-94e06176.cjs +0 -1
  121. package/dist/react.cjs +0 -1
  122. package/dist/react.js +0 -149
  123. package/dist/refresh-icon.entry-5ab20f26.cjs +0 -1
  124. package/dist/refresh-icon.entry-777cff27.js +0 -16
  125. package/dist/register-component-0aad9e3d-b395364a.js +0 -109
  126. package/dist/register-component-0aad9e3d-d2f2e543.cjs +0 -1
  127. package/dist/reply-all-icon.entry-3c90510e.cjs +0 -1
  128. package/dist/reply-all-icon.entry-e2dd6da9.js +0 -16
  129. package/dist/reply-icon.entry-00a97d9f.js +0 -16
  130. package/dist/reply-icon.entry-d96478be.cjs +0 -1
  131. package/dist/sent-icon.entry-2d16da4e.cjs +0 -1
  132. package/dist/sent-icon.entry-949cf214.js +0 -16
  133. package/dist/spam-icon.entry-3baf9e79.js +0 -16
  134. package/dist/spam-icon.entry-7ee61730.cjs +0 -1
  135. package/dist/star-icon.entry-9fdb278b.js +0 -16
  136. package/dist/star-icon.entry-dc702d73.cjs +0 -1
  137. package/dist/stop-icon.entry-b5ae7e55.cjs +0 -1
  138. package/dist/stop-icon.entry-efa1ea66.js +0 -16
  139. package/dist/textarea-component.entry-247aca42.cjs +0 -1
  140. package/dist/textarea-component.entry-7c6fc4d8.js +0 -55
  141. package/dist/toggle-switch.entry-a0295d17.js +0 -49
  142. package/dist/toggle-switch.entry-d52b0338.cjs +0 -1
  143. package/dist/translate-icon.entry-219cab17.js +0 -16
  144. package/dist/translate-icon.entry-985b3b29.cjs +0 -1
  145. package/dist/trash-fill-icon.entry-03c90559.js +0 -16
  146. package/dist/trash-fill-icon.entry-4dfd7d24.cjs +0 -1
  147. package/dist/underline-icon.entry-58fa18b5.js +0 -16
  148. package/dist/underline-icon.entry-c60b77a6.cjs +0 -1
@@ -1,252 +0,0 @@
1
- import { r as p, a as c, h as n, g as h, b as l, i as a } from "./index-140eb219.js";
2
- import { g as u } from "./constants-f51538ef-e0a5f026.js";
3
- import "react";
4
- import "react/jsx-runtime";
5
- import "react-dom";
6
- const f = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}@media screen and (max-width: 768px){:host{position:unset}}.dropdown{display:inline-block;width:inherit}.dropbtn{color:var(--nylas-base-800);padding:10px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x);padding:14px 16px;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:var(--nylas-base-900);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 var(--nylas-base-200);border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}', m = f, b = class {
7
- constructor(e) {
8
- p(this, e), this.inputOptionChanged = c(this, "inputOptionChanged", 7), this.name = void 0, this.options = [], this.defaultInputOption = void 0, this.inputValue = void 0, this.pluralizedLabel = "", this.filterable = !1, this.themeConfig = void 0, this.selectedOption = this.defaultInputOption || null, this.isOpen = !1, this.typedValue = "", this.filteredOptions = [...this.options], this.ariaActivedescendant = "", this.shouldAutoScroll = !1;
9
- }
10
- optionsChangedHandler(e, t) {
11
- e !== t && (this.filteredOptions = this.getFilteredOptions(e));
12
- }
13
- defaultSelectedOptionChangedHandler(e, t) {
14
- (e == null ? void 0 : e.label) !== (t == null ? void 0 : t.label) && (this.selectedOption = e);
15
- }
16
- inputValueChangedHandler(e, t) {
17
- e !== t && (this.filteredOptions = this.getFilteredOptions(this.options));
18
- }
19
- themeConfigChangedHandler(e, t) {
20
- e !== t && this.applyThemeConfig(e);
21
- }
22
- applyThemeConfig(e) {
23
- if (e)
24
- for (const [t, o] of Object.entries(e))
25
- this.el.style.setProperty(`${t}`, o);
26
- }
27
- componentWillLoad() {
28
- this.filteredOptions = this.getFilteredOptions(this.options), !this.selectedOption && this.defaultInputOption && (this.selectedOption = this.defaultInputOption), !this.selectedOption && this.options.length > 0 && (this.selectedOption = this.options[0]);
29
- }
30
- componentDidLoad() {
31
- this.applyThemeConfig(this.themeConfig);
32
- }
33
- getFilteredOptions(e) {
34
- return this.filterable ? e.filter((t) => {
35
- var o, i, s, r;
36
- return ((i = t == null ? void 0 : t.value) == null ? void 0 : i.toString().toLowerCase().includes((o = this.typedValue) == null ? void 0 : o.toLowerCase())) || ((r = t == null ? void 0 : t.label) == null ? void 0 : r.toLowerCase().includes((s = this.typedValue) == null ? void 0 : s.toLowerCase()));
37
- }) : e;
38
- }
39
- toggleDropdown() {
40
- this.isOpen = !this.isOpen;
41
- }
42
- selectOption(e) {
43
- this.selectedOption = e, this.toggleDropdown(), this.inputOptionChanged.emit({
44
- value: e.value,
45
- name: this.name
46
- });
47
- }
48
- handleOnInput(e) {
49
- const t = e.target.value;
50
- this.typedValue = t;
51
- const o = this.options.findIndex((i) => i.label.toLowerCase().includes(t.toLowerCase()));
52
- o > -1 && this.scrollToViewWithinParent(o), this.inputOptionChanged.emit({
53
- value: t,
54
- name: this.name
55
- });
56
- }
57
- scrollToViewWithinParent(e) {
58
- var d;
59
- const t = this.options[e], o = (d = this.el.shadowRoot) == null ? void 0 : d.getElementById(t.value.toString()), i = this.optionsRef;
60
- if (this.ariaActivedescendant = t.value.toString(), !o || !i)
61
- return;
62
- const s = o.getBoundingClientRect(), r = i.getBoundingClientRect();
63
- s.top < r.top ? i.scrollTop -= r.top - s.top : s.bottom > r.bottom && (i.scrollTop += s.bottom - r.bottom);
64
- }
65
- handleSelectButtonKeyDown(e) {
66
- var t;
67
- switch (e.key) {
68
- case "ArrowDown":
69
- case "Enter":
70
- e.preventDefault(), this.isOpen || this.toggleDropdown(), (t = this.inputRef) == null || t.focus();
71
- break;
72
- case "Escape":
73
- this.isOpen = !1;
74
- break;
75
- }
76
- }
77
- handleClick(e) {
78
- if (this.isOpen) {
79
- const t = e.target.value, o = this.options.findIndex((i) => i.label.toLowerCase().includes(t.toLowerCase()));
80
- o > -1 && setTimeout(() => {
81
- this.scrollToViewWithinParent(o);
82
- }, 10);
83
- }
84
- }
85
- handleListboxKeydown(e) {
86
- var i, s;
87
- const t = this.filteredOptions, o = t.findIndex((r) => r.value === this.ariaActivedescendant);
88
- if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
89
- if (e.preventDefault(), o === t.length - 1) {
90
- this.ariaActivedescendant = "", (i = this.inputRef) == null || i.focus();
91
- return;
92
- }
93
- const r = o + 1 < t.length ? o + 1 : 0;
94
- this.ariaActivedescendant = t[r].value, this.focusOption(r);
95
- } else if (e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey) {
96
- if (e.preventDefault(), o === 0) {
97
- this.ariaActivedescendant = "", (s = this.inputRef) == null || s.focus();
98
- return;
99
- }
100
- const r = o - 1 >= 0 ? o - 1 : t.length - 1;
101
- this.ariaActivedescendant = t[r].value, this.focusOption(r);
102
- } else
103
- e.key === "Enter" ? (e.preventDefault(), this.ariaActivedescendant && this.selectOption(t[o])) : e.key === "Escape" && (this.isOpen = !1);
104
- }
105
- focusOption(e) {
106
- var s;
107
- const t = this.filteredOptions[e];
108
- if (!t)
109
- return;
110
- const o = t.value, i = (s = this.el.shadowRoot) == null ? void 0 : s.getElementById(o);
111
- i && (i.focus(), i.scrollIntoView({ behavior: "smooth", block: "nearest" }));
112
- }
113
- handleComboboxKeyDown(e) {
114
- if (e.key === "ArrowDown" || e.key == "Tab" && !e.shiftKey) {
115
- if (e.preventDefault(), !this.isOpen) {
116
- this.isOpen = !0, this.shouldAutoScroll = !0;
117
- return;
118
- }
119
- this.ariaActivedescendant = this.filteredOptions[0].value, this.focusOption(0);
120
- } else
121
- 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);
122
- }
123
- handleOutsideClick(e) {
124
- !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
125
- }
126
- render() {
127
- return n("div", { key: "20295e25679e976e5b813e38b1e42165cb237790", class: "dropdown", part: "id_dropdown" }, n("input", { key: "890184bd533ee16d06897e758493993a787c8c3b", type: "text", name: this.name, id: this.name, part: "id_dropdown-input", class: { dropbtn: !0, open: this.isOpen }, value: this.inputValue, onClick: (e) => {
128
- this.toggleDropdown(), this.shouldAutoScroll = !0, this.handleClick(e);
129
- }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.isOpen ? "true" : "false", onKeyDown: (e) => this.handleComboboxKeyDown(e), onInput: (e) => this.handleOnInput(e) }), this.isOpen ? n("div", { class: "dropdown-content", part: "id_dropdown-content", ref: (e) => this.optionsRef = e }, n("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.filteredOptions.map((e) => n("li", { tabindex: "0", key: e.value, id: e.value, onClick: () => this.selectOption(e), role: "option", class: {
130
- focused: this.ariaActivedescendant === e.value.toString()
131
- } }, e.labelHTML ? e.labelHTML : e.label)))) : null);
132
- }
133
- get el() {
134
- return h(this);
135
- }
136
- static get watchers() {
137
- return {
138
- options: ["optionsChangedHandler"],
139
- defaultInputOption: ["defaultSelectedOptionChangedHandler"],
140
- inputValue: ["inputValueChangedHandler"],
141
- themeConfig: ["themeConfigChangedHandler"]
142
- };
143
- }
144
- };
145
- b.style = m;
146
- const y = ".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#time-number.error.sc-time-period-selector::part(id_dropdown-input){border:1px solid var(--nylas-error)}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector:hover{outline:1px solid var(--nylas-primary);border:none}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input){padding:16px;gap:1rem}.time-period-selector.sc-time-period-selector input-dropdown.sc-time-period-selector::part(id_dropdown-input):hover{border:none;outline:none}.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;height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown_label){height:100%}.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;border:none;align-items:center;height:100%}.time-period-selector.sc-time-period-selector select-dropdown.sc-time-period-selector::part(sd_dropdown-content){width:100%;max-height:200px}", g = y, w = {
147
- hours: "hour",
148
- days: "day",
149
- weeks: "week",
150
- months: "month",
151
- years: "year"
152
- }, x = class {
153
- constructor(e) {
154
- p(this, e), this.timePeriodChanged = c(this, "timePeriodChanged", 7), this.themeConfig = void 0, this.timePeriods = u, this.defaultSelectedPeriod = void 0, this.defaultSelectedNumber = void 0, this.hasError = !1, this.selectedPeriod = this.defaultSelectedPeriod, this.selectedNumber = this.defaultSelectedNumber, this.numberOptions = this.calculateOptions(this.defaultSelectedPeriod || "hour").map((t) => ({
155
- label: t.toString(),
156
- value: t.toString()
157
- })), this.timePeriodOptions = this.timePeriods.map((t) => ({
158
- label: t.label,
159
- value: t.value
160
- }));
161
- }
162
- defaultSelectedPeriodChanged(e) {
163
- this.selectedPeriod = e, this.updateNumberOptionsAndSelectedNumber(e);
164
- }
165
- defaultSelectedNumberChanged(e) {
166
- this.selectedNumber = e;
167
- }
168
- timePeriodsChanged(e) {
169
- this.timePeriodOptions = [...e];
170
- }
171
- themeConfigChangedHandler(e, t) {
172
- e !== t && this.applyThemeConfig(e);
173
- }
174
- applyThemeConfig(e) {
175
- if (e)
176
- for (const [t, o] of Object.entries(e))
177
- this.host.style.setProperty(`${t}`, o);
178
- }
179
- componentDidLoad() {
180
- this.selectedNumber = this.defaultSelectedNumber, this.selectedPeriod = this.defaultSelectedPeriod;
181
- const e = w[this.selectedPeriod] ?? this.selectedPeriod, t = this.calculateOptions(e);
182
- this.numberOptions = t.map((o) => ({
183
- label: o.toString(),
184
- value: o.toString()
185
- })), this.applyThemeConfig(this.themeConfig);
186
- }
187
- calculateOptions(e) {
188
- switch (e) {
189
- case "hour":
190
- return Array.from({ length: 23 }, (t, o) => o + 1);
191
- case "minute":
192
- return Array.from({ length: 13 }, (t, o) => o * 5);
193
- case "day":
194
- return Array.from({ length: 30 }, (t, o) => o + 1);
195
- case "week":
196
- return Array.from({ length: 4 }, (t, o) => o + 1);
197
- case "month":
198
- return Array.from({ length: 12 }, (t, o) => o + 1);
199
- case "year":
200
- return Array.from({ length: 10 }, (t, o) => o + 1);
201
- default:
202
- return [];
203
- }
204
- }
205
- inputOptionChangedHandler(e) {
206
- l("time-period-selector", "inputOptionChangedHandler", e.detail);
207
- const { value: t, name: o } = e.detail;
208
- o === "time-number" && (this.selectedNumber = t ? parseInt(t) : this.defaultSelectedNumber);
209
- const i = {
210
- number: this.selectedNumber,
211
- period: this.selectedPeriod
212
- };
213
- this.timePeriodChanged.emit(i);
214
- }
215
- nylasFormDropdownChangedHandler(e) {
216
- l("time-period-selector", "nylasFormDropdownChangedHandler", e.detail);
217
- const { value: t, name: o } = e.detail;
218
- o === "time-period" ? (this.selectedPeriod = t, this.updateNumberOptionsAndSelectedNumber(t)) : o === "time-number" && (this.selectedNumber = parseInt(t));
219
- const i = {
220
- number: this.selectedNumber,
221
- period: this.selectedPeriod
222
- };
223
- this.timePeriodChanged.emit(i);
224
- }
225
- updateNumberOptionsAndSelectedNumber(e) {
226
- const t = this.calculateOptions(e);
227
- this.numberOptions = t.map((o) => ({
228
- label: o.toString(),
229
- value: o.toString()
230
- }));
231
- }
232
- render() {
233
- var e;
234
- return n("div", { key: "3ac0e6b4d5a7548d125a367523cf95bdc5a7b895", class: "time-period-selector" }, typeof this.selectedNumber == "number" && n("input-dropdown", { id: "time-number", name: "time-number", class: { error: this.hasError }, 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()), themeConfig: this.themeConfig }), typeof this.selectedPeriod == "string" && n("select-dropdown", { 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 ? a.t(`time.${this.selectedPeriod}s`) : a.t(`time.${this.selectedPeriod}`), defaultSelectedOption: (e = this.timePeriodOptions) == null ? void 0 : e.find((t) => t.value == this.selectedPeriod), withSearch: !1, themeConfig: this.themeConfig }));
235
- }
236
- get host() {
237
- return h(this);
238
- }
239
- static get watchers() {
240
- return {
241
- defaultSelectedPeriod: ["defaultSelectedPeriodChanged"],
242
- defaultSelectedNumber: ["defaultSelectedNumberChanged"],
243
- timePeriods: ["timePeriodsChanged"],
244
- themeConfig: ["themeConfigChangedHandler"]
245
- };
246
- }
247
- };
248
- x.style = g;
249
- export {
250
- b as input_dropdown,
251
- x as time_period_selector
252
- };
@@ -1,16 +0,0 @@
1
- import { r as e, h as t } from "./index-140eb219.js";
2
- import "react";
3
- import "react/jsx-runtime";
4
- import "react-dom";
5
- const o = ".sc-italic-icon-h{display:flex}", s = o, c = class {
6
- constructor(i) {
7
- e(this, i), this.width = "15", this.height = "15";
8
- }
9
- render() {
10
- return t("svg", { key: "024f5e533c1c2fb4a0bbc37db0295c4bc03b7b8b", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "e406703922ea596a8bd0d7133368361ee5eaeadc", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "m10 20 4-16m2 0h-4m0 16H8" }));
11
- }
12
- };
13
- c.style = s;
14
- export {
15
- c as italic_icon
16
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-d8a42c15.cjs");require("react");require("react/jsx-runtime");require("react-dom");const r=".sc-italic-icon-h{display:flex}",c=r,t=class{constructor(i){e.registerInstance(this,i),this.width="15",this.height="15"}render(){return e.h("svg",{key:"024f5e533c1c2fb4a0bbc37db0295c4bc03b7b8b",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"e406703922ea596a8bd0d7133368361ee5eaeadc",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"m10 20 4-16m2 0h-4m0 16H8"}))}};t.style=c;exports.italic_icon=t;
@@ -1,133 +0,0 @@
1
- import type { JSX } from '@nylas/web-elements';
2
- export declare const AddCircleIcon: import("react").ForwardRefExoticComponent<JSX.AddCircleIcon & Omit<import("react").HTMLAttributes<HTMLAddCircleIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAddCircleIconElement>>;
3
- export declare const ArchiveIcon: import("react").ForwardRefExoticComponent<JSX.ArchiveIcon & Omit<import("react").HTMLAttributes<HTMLArchiveIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArchiveIconElement>>;
4
- export declare const ArrowIcon: import("react").ForwardRefExoticComponent<JSX.ArrowIcon & Omit<import("react").HTMLAttributes<HTMLArrowIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArrowIconElement>>;
5
- export declare const BoldIcon: import("react").ForwardRefExoticComponent<JSX.BoldIcon & Omit<import("react").HTMLAttributes<HTMLBoldIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLBoldIconElement>>;
6
- export declare const ButtonComponent: import("react").ForwardRefExoticComponent<JSX.ButtonComponent & Omit<import("react").HTMLAttributes<HTMLButtonComponentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLButtonComponentElement>>;
7
- export declare const CalendarAgendaFillIcon: import("react").ForwardRefExoticComponent<JSX.CalendarAgendaFillIcon & Omit<import("react").HTMLAttributes<HTMLCalendarAgendaFillIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCalendarAgendaFillIconElement>>;
8
- export declare const CalendarAgendaIcon: import("react").ForwardRefExoticComponent<JSX.CalendarAgendaIcon & Omit<import("react").HTMLAttributes<HTMLCalendarAgendaIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCalendarAgendaIconElement>>;
9
- export declare const CalendarCancelIcon: import("react").ForwardRefExoticComponent<JSX.CalendarCancelIcon & Omit<import("react").HTMLAttributes<HTMLCalendarCancelIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCalendarCancelIconElement>>;
10
- export declare const CalendarCheckIcon: import("react").ForwardRefExoticComponent<JSX.CalendarCheckIcon & Omit<import("react").HTMLAttributes<HTMLCalendarCheckIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCalendarCheckIconElement>>;
11
- export declare const CalendarIcon: import("react").ForwardRefExoticComponent<JSX.CalendarIcon & Omit<import("react").HTMLAttributes<HTMLCalendarIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCalendarIconElement>>;
12
- export declare const CalendarInfoIcon: import("react").ForwardRefExoticComponent<JSX.CalendarInfoIcon & Omit<import("react").HTMLAttributes<HTMLCalendarInfoIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCalendarInfoIconElement>>;
13
- export declare const CalendarPatternsIcon: import("react").ForwardRefExoticComponent<JSX.CalendarPatternsIcon & Omit<import("react").HTMLAttributes<HTMLCalendarPatternsIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCalendarPatternsIconElement>>;
14
- export declare const CheckboxComponent: import("react").ForwardRefExoticComponent<JSX.CheckboxComponent & Omit<import("react").HTMLAttributes<HTMLCheckboxComponentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCheckboxComponentElement>>;
15
- export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<JSX.CheckboxGroup & Omit<import("react").HTMLAttributes<HTMLCheckboxGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCheckboxGroupElement>>;
16
- export declare const CheckmarkCircleIcon: import("react").ForwardRefExoticComponent<JSX.CheckmarkCircleIcon & Omit<import("react").HTMLAttributes<HTMLCheckmarkCircleIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCheckmarkCircleIconElement>>;
17
- export declare const CheckmarkIcon: import("react").ForwardRefExoticComponent<JSX.CheckmarkIcon & Omit<import("react").HTMLAttributes<HTMLCheckmarkIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCheckmarkIconElement>>;
18
- export declare const ChevronIcon: import("react").ForwardRefExoticComponent<JSX.ChevronIcon & Omit<import("react").HTMLAttributes<HTMLChevronIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLChevronIconElement>>;
19
- export declare const ClockIcon: import("react").ForwardRefExoticComponent<JSX.ClockIcon & Omit<import("react").HTMLAttributes<HTMLClockIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLClockIconElement>>;
20
- export declare const CloseIcon: import("react").ForwardRefExoticComponent<JSX.CloseIcon & Omit<import("react").HTMLAttributes<HTMLCloseIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCloseIconElement>>;
21
- export declare const CopyIcon: import("react").ForwardRefExoticComponent<JSX.CopyIcon & Omit<import("react").HTMLAttributes<HTMLCopyIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCopyIconElement>>;
22
- export declare const DeleteIcon: import("react").ForwardRefExoticComponent<JSX.DeleteIcon & Omit<import("react").HTMLAttributes<HTMLDeleteIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDeleteIconElement>>;
23
- export declare const DocumentRefreshIcon: import("react").ForwardRefExoticComponent<JSX.DocumentRefreshIcon & Omit<import("react").HTMLAttributes<HTMLDocumentRefreshIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDocumentRefreshIconElement>>;
24
- export declare const DragableIcon: import("react").ForwardRefExoticComponent<JSX.DragableIcon & Omit<import("react").HTMLAttributes<HTMLDragableIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDragableIconElement>>;
25
- export declare const EditIcon: import("react").ForwardRefExoticComponent<JSX.EditIcon & Omit<import("react").HTMLAttributes<HTMLEditIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEditIconElement>>;
26
- export declare const EnvelopeFillIcon: import("react").ForwardRefExoticComponent<JSX.EnvelopeFillIcon & Omit<import("react").HTMLAttributes<HTMLEnvelopeFillIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEnvelopeFillIconElement>>;
27
- export declare const EnvelopeIcon: import("react").ForwardRefExoticComponent<JSX.EnvelopeIcon & Omit<import("react").HTMLAttributes<HTMLEnvelopeIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEnvelopeIconElement>>;
28
- export declare const EyeIcon: import("react").ForwardRefExoticComponent<JSX.EyeIcon & Omit<import("react").HTMLAttributes<HTMLEyeIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEyeIconElement>>;
29
- export declare const FeedbackIcon: import("react").ForwardRefExoticComponent<JSX.FeedbackIcon & Omit<import("react").HTMLAttributes<HTMLFeedbackIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLFeedbackIconElement>>;
30
- export declare const FlowIcon: import("react").ForwardRefExoticComponent<JSX.FlowIcon & Omit<import("react").HTMLAttributes<HTMLFlowIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLFlowIconElement>>;
31
- export declare const FolderIcon: import("react").ForwardRefExoticComponent<JSX.FolderIcon & Omit<import("react").HTMLAttributes<HTMLFolderIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLFolderIconElement>>;
32
- export declare const ForwardIcon: import("react").ForwardRefExoticComponent<JSX.ForwardIcon & Omit<import("react").HTMLAttributes<HTMLForwardIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLForwardIconElement>>;
33
- export declare const GlobeIcon: import("react").ForwardRefExoticComponent<JSX.GlobeIcon & Omit<import("react").HTMLAttributes<HTMLGlobeIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGlobeIconElement>>;
34
- export declare const GoogleLogoIcon: import("react").ForwardRefExoticComponent<JSX.GoogleLogoIcon & Omit<import("react").HTMLAttributes<HTMLGoogleLogoIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGoogleLogoIconElement>>;
35
- export declare const GoogleMeetIcon: import("react").ForwardRefExoticComponent<JSX.GoogleMeetIcon & Omit<import("react").HTMLAttributes<HTMLGoogleMeetIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGoogleMeetIconElement>>;
36
- export declare const InboxIcon: import("react").ForwardRefExoticComponent<JSX.InboxIcon & Omit<import("react").HTMLAttributes<HTMLInboxIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLInboxIconElement>>;
37
- export declare const InfoIcon: import("react").ForwardRefExoticComponent<JSX.InfoIcon & Omit<import("react").HTMLAttributes<HTMLInfoIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLInfoIconElement>>;
38
- export declare const InputColorPicker: import("react").ForwardRefExoticComponent<JSX.InputColorPicker & Omit<import("react").HTMLAttributes<HTMLInputColorPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLInputColorPickerElement>>;
39
- export declare const InputComponent: import("react").ForwardRefExoticComponent<JSX.InputComponent & Omit<import("react").HTMLAttributes<HTMLInputComponentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLInputComponentElement>>;
40
- export declare const InputDropdown: import("react").ForwardRefExoticComponent<JSX.InputDropdown & Omit<import("react").HTMLAttributes<HTMLInputDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLInputDropdownElement>>;
41
- export declare const InputImageUrl: import("react").ForwardRefExoticComponent<JSX.InputImageUrl & Omit<import("react").HTMLAttributes<HTMLInputImageUrlElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLInputImageUrlElement>>;
42
- export declare const ItalicIcon: import("react").ForwardRefExoticComponent<JSX.ItalicIcon & Omit<import("react").HTMLAttributes<HTMLItalicIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLItalicIconElement>>;
43
- export declare const LoadingIcon: import("react").ForwardRefExoticComponent<JSX.LoadingIcon & Omit<import("react").HTMLAttributes<HTMLLoadingIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLLoadingIconElement>>;
44
- export declare const LocationIcon: import("react").ForwardRefExoticComponent<JSX.LocationIcon & Omit<import("react").HTMLAttributes<HTMLLocationIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLLocationIconElement>>;
45
- export declare const LocationOffIcon: import("react").ForwardRefExoticComponent<JSX.LocationOffIcon & Omit<import("react").HTMLAttributes<HTMLLocationOffIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLLocationOffIconElement>>;
46
- export declare const MicrosoftLogoIcon: import("react").ForwardRefExoticComponent<JSX.MicrosoftLogoIcon & Omit<import("react").HTMLAttributes<HTMLMicrosoftLogoIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLMicrosoftLogoIconElement>>;
47
- export declare const MicrosoftTeamsIcon: import("react").ForwardRefExoticComponent<JSX.MicrosoftTeamsIcon & Omit<import("react").HTMLAttributes<HTMLMicrosoftTeamsIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLMicrosoftTeamsIconElement>>;
48
- export declare const MultiSelectDropdown: import("react").ForwardRefExoticComponent<JSX.MultiSelectDropdown & Omit<import("react").HTMLAttributes<HTMLMultiSelectDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLMultiSelectDropdownElement>>;
49
- export declare const NylasAdditionalParticipants: import("react").ForwardRefExoticComponent<JSX.NylasAdditionalParticipants & Omit<import("react").HTMLAttributes<HTMLNylasAdditionalParticipantsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasAdditionalParticipantsElement>>;
50
- export declare const NylasAvailabilityPicker: import("react").ForwardRefExoticComponent<JSX.NylasAvailabilityPicker & Omit<import("react").HTMLAttributes<HTMLNylasAvailabilityPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasAvailabilityPickerElement>>;
51
- export declare const NylasBookedEventCard: import("react").ForwardRefExoticComponent<JSX.NylasBookedEventCard & Omit<import("react").HTMLAttributes<HTMLNylasBookedEventCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasBookedEventCardElement>>;
52
- export declare const NylasBookingCalendarPicker: import("react").ForwardRefExoticComponent<JSX.NylasBookingCalendarPicker & Omit<import("react").HTMLAttributes<HTMLNylasBookingCalendarPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasBookingCalendarPickerElement>>;
53
- export declare const NylasBookingConfirmationRedirect: import("react").ForwardRefExoticComponent<JSX.NylasBookingConfirmationRedirect & Omit<import("react").HTMLAttributes<HTMLNylasBookingConfirmationRedirectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasBookingConfirmationRedirectElement>>;
54
- export declare const NylasBookingConfirmationType: import("react").ForwardRefExoticComponent<JSX.NylasBookingConfirmationType & Omit<import("react").HTMLAttributes<HTMLNylasBookingConfirmationTypeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasBookingConfirmationTypeElement>>;
55
- export declare const NylasBookingForm: import("react").ForwardRefExoticComponent<JSX.NylasBookingForm & Omit<import("react").HTMLAttributes<HTMLNylasBookingFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasBookingFormElement>>;
56
- export declare const NylasBookingFormConfig: import("react").ForwardRefExoticComponent<JSX.NylasBookingFormConfig & Omit<import("react").HTMLAttributes<HTMLNylasBookingFormConfigElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasBookingFormConfigElement>>;
57
- export declare const NylasBufferTime: import("react").ForwardRefExoticComponent<JSX.NylasBufferTime & Omit<import("react").HTMLAttributes<HTMLNylasBufferTimeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasBufferTimeElement>>;
58
- export declare const NylasCalendarPicker: import("react").ForwardRefExoticComponent<JSX.NylasCalendarPicker & Omit<import("react").HTMLAttributes<HTMLNylasCalendarPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasCalendarPickerElement>>;
59
- export declare const NylasCancelBookingForm: import("react").ForwardRefExoticComponent<JSX.NylasCancelBookingForm & Omit<import("react").HTMLAttributes<HTMLNylasCancelBookingFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasCancelBookingFormElement>>;
60
- export declare const NylasCancellationPolicy: import("react").ForwardRefExoticComponent<JSX.NylasCancellationPolicy & Omit<import("react").HTMLAttributes<HTMLNylasCancellationPolicyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasCancellationPolicyElement>>;
61
- export declare const NylasCancelledEventCard: import("react").ForwardRefExoticComponent<JSX.NylasCancelledEventCard & Omit<import("react").HTMLAttributes<HTMLNylasCancelledEventCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasCancelledEventCardElement>>;
62
- export declare const NylasConfirmationEmail: import("react").ForwardRefExoticComponent<JSX.NylasConfirmationEmail & Omit<import("react").HTMLAttributes<HTMLNylasConfirmationEmailElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasConfirmationEmailElement>>;
63
- export declare const NylasConfirmedEventCard: import("react").ForwardRefExoticComponent<JSX.NylasConfirmedEventCard & Omit<import("react").HTMLAttributes<HTMLNylasConfirmedEventCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasConfirmedEventCardElement>>;
64
- export declare const NylasConnectedCalendars: import("react").ForwardRefExoticComponent<JSX.NylasConnectedCalendars & Omit<import("react").HTMLAttributes<HTMLNylasConnectedCalendarsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasConnectedCalendarsElement>>;
65
- export declare const NylasCustomBookingFlow: import("react").ForwardRefExoticComponent<JSX.NylasCustomBookingFlow & Omit<import("react").HTMLAttributes<HTMLNylasCustomBookingFlowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasCustomBookingFlowElement>>;
66
- export declare const NylasCustomEventSlug: import("react").ForwardRefExoticComponent<JSX.NylasCustomEventSlug & Omit<import("react").HTMLAttributes<HTMLNylasCustomEventSlugElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasCustomEventSlugElement>>;
67
- export declare const NylasCustomizeBookingSettings: import("react").ForwardRefExoticComponent<JSX.NylasCustomizeBookingSettings & Omit<import("react").HTMLAttributes<HTMLNylasCustomizeBookingSettingsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasCustomizeBookingSettingsElement>>;
68
- export declare const NylasDateComponent: import("react").ForwardRefExoticComponent<JSX.NylasDateComponent & Omit<import("react").HTMLAttributes<HTMLNylasDateComponentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasDateComponentElement>>;
69
- export declare const NylasDatePicker: import("react").ForwardRefExoticComponent<JSX.NylasDatePicker & Omit<import("react").HTMLAttributes<HTMLNylasDatePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasDatePickerElement>>;
70
- export declare const NylasDisableEmails: import("react").ForwardRefExoticComponent<JSX.NylasDisableEmails & Omit<import("react").HTMLAttributes<HTMLNylasDisableEmailsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasDisableEmailsElement>>;
71
- export declare const NylasEditorTabs: import("react").ForwardRefExoticComponent<JSX.NylasEditorTabs & Omit<import("react").HTMLAttributes<HTMLNylasEditorTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasEditorTabsElement>>;
72
- export declare const NylasEditorTabsGroup: import("react").ForwardRefExoticComponent<JSX.NylasEditorTabsGroup & Omit<import("react").HTMLAttributes<HTMLNylasEditorTabsGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasEditorTabsGroupElement>>;
73
- export declare const NylasEventCalendar: import("react").ForwardRefExoticComponent<JSX.NylasEventCalendar & Omit<import("react").HTMLAttributes<HTMLNylasEventCalendarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasEventCalendarElement>>;
74
- export declare const NylasEventCapacity: import("react").ForwardRefExoticComponent<JSX.NylasEventCapacity & Omit<import("react").HTMLAttributes<HTMLNylasEventCapacityElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasEventCapacityElement>>;
75
- export declare const NylasEventDescription: import("react").ForwardRefExoticComponent<JSX.NylasEventDescription & Omit<import("react").HTMLAttributes<HTMLNylasEventDescriptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasEventDescriptionElement>>;
76
- export declare const NylasEventDuration: import("react").ForwardRefExoticComponent<JSX.NylasEventDuration & Omit<import("react").HTMLAttributes<HTMLNylasEventDurationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasEventDurationElement>>;
77
- export declare const NylasEventInfo: import("react").ForwardRefExoticComponent<JSX.NylasEventInfo & Omit<import("react").HTMLAttributes<HTMLNylasEventInfoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasEventInfoElement>>;
78
- export declare const NylasEventLimits: import("react").ForwardRefExoticComponent<JSX.NylasEventLimits & Omit<import("react").HTMLAttributes<HTMLNylasEventLimitsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasEventLimitsElement>>;
79
- export declare const NylasEventLocation: import("react").ForwardRefExoticComponent<JSX.NylasEventLocation & Omit<import("react").HTMLAttributes<HTMLNylasEventLocationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasEventLocationElement>>;
80
- export declare const NylasEventTimeslot: import("react").ForwardRefExoticComponent<JSX.NylasEventTimeslot & Omit<import("react").HTMLAttributes<HTMLNylasEventTimeslotElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasEventTimeslotElement>>;
81
- export declare const NylasEventTitle: import("react").ForwardRefExoticComponent<JSX.NylasEventTitle & Omit<import("react").HTMLAttributes<HTMLNylasEventTitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasEventTitleElement>>;
82
- export declare const NylasFeedbackForm: import("react").ForwardRefExoticComponent<JSX.NylasFeedbackForm & Omit<import("react").HTMLAttributes<HTMLNylasFeedbackFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasFeedbackFormElement>>;
83
- export declare const NylasFormCard: import("react").ForwardRefExoticComponent<JSX.NylasFormCard & Omit<import("react").HTMLAttributes<HTMLNylasFormCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasFormCardElement>>;
84
- export declare const NylasLimitFutureBookings: import("react").ForwardRefExoticComponent<JSX.NylasLimitFutureBookings & Omit<import("react").HTMLAttributes<HTMLNylasLimitFutureBookingsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasLimitFutureBookingsElement>>;
85
- export declare const NylasListConfigurations: import("react").ForwardRefExoticComponent<JSX.NylasListConfigurations & Omit<import("react").HTMLAttributes<HTMLNylasListConfigurationsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasListConfigurationsElement>>;
86
- export declare const NylasLocaleSwitch: import("react").ForwardRefExoticComponent<JSX.NylasLocaleSwitch & Omit<import("react").HTMLAttributes<HTMLNylasLocaleSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasLocaleSwitchElement>>;
87
- export declare const NylasLogo: import("react").ForwardRefExoticComponent<JSX.NylasLogo & Omit<import("react").HTMLAttributes<HTMLNylasLogoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasLogoElement>>;
88
- export declare const NylasMinBookingNotice: import("react").ForwardRefExoticComponent<JSX.NylasMinBookingNotice & Omit<import("react").HTMLAttributes<HTMLNylasMinBookingNoticeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasMinBookingNoticeElement>>;
89
- export declare const NylasMinCancellationNotice: import("react").ForwardRefExoticComponent<JSX.NylasMinCancellationNotice & Omit<import("react").HTMLAttributes<HTMLNylasMinCancellationNoticeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasMinCancellationNoticeElement>>;
90
- export declare const NylasNotification: import("react").ForwardRefExoticComponent<JSX.NylasNotification & Omit<import("react").HTMLAttributes<HTMLNylasNotificationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasNotificationElement>>;
91
- export declare const NylasOrganizerConfirmationCard: import("react").ForwardRefExoticComponent<JSX.NylasOrganizerConfirmationCard & Omit<import("react").HTMLAttributes<HTMLNylasOrganizerConfirmationCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasOrganizerConfirmationCardElement>>;
92
- export declare const NylasPageName: import("react").ForwardRefExoticComponent<JSX.NylasPageName & Omit<import("react").HTMLAttributes<HTMLNylasPageNameElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasPageNameElement>>;
93
- export declare const NylasPageStyling: import("react").ForwardRefExoticComponent<JSX.NylasPageStyling & Omit<import("react").HTMLAttributes<HTMLNylasPageStylingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasPageStylingElement>>;
94
- export declare const NylasParticipantBookingCalendars: import("react").ForwardRefExoticComponent<JSX.NylasParticipantBookingCalendars & Omit<import("react").HTMLAttributes<HTMLNylasParticipantBookingCalendarsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasParticipantBookingCalendarsElement>>;
95
- export declare const NylasParticipantsCustomAvailability: import("react").ForwardRefExoticComponent<JSX.NylasParticipantsCustomAvailability & Omit<import("react").HTMLAttributes<HTMLNylasParticipantsCustomAvailabilityElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasParticipantsCustomAvailabilityElement>>;
96
- export declare const NylasReminderEmails: import("react").ForwardRefExoticComponent<JSX.NylasReminderEmails & Omit<import("react").HTMLAttributes<HTMLNylasReminderEmailsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasReminderEmailsElement>>;
97
- export declare const NylasReminderTime: import("react").ForwardRefExoticComponent<JSX.NylasReminderTime & Omit<import("react").HTMLAttributes<HTMLNylasReminderTimeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasReminderTimeElement>>;
98
- export declare const NylasSchedulerEditor: import("react").ForwardRefExoticComponent<JSX.NylasSchedulerEditor & Omit<import("react").HTMLAttributes<HTMLNylasSchedulerEditorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasSchedulerEditorElement>>;
99
- export declare const NylasScheduling: import("react").ForwardRefExoticComponent<JSX.NylasScheduling & Omit<import("react").HTMLAttributes<HTMLNylasSchedulingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasSchedulingElement>>;
100
- export declare const NylasSchedulingMethod: import("react").ForwardRefExoticComponent<JSX.NylasSchedulingMethod & Omit<import("react").HTMLAttributes<HTMLNylasSchedulingMethodElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasSchedulingMethodElement>>;
101
- export declare const NylasSelectEventType: import("react").ForwardRefExoticComponent<JSX.NylasSelectEventType & Omit<import("react").HTMLAttributes<HTMLNylasSelectEventTypeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasSelectEventTypeElement>>;
102
- export declare const NylasSelectedEventCard: import("react").ForwardRefExoticComponent<JSX.NylasSelectedEventCard & Omit<import("react").HTMLAttributes<HTMLNylasSelectedEventCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasSelectedEventCardElement>>;
103
- export declare const NylasSpecificDateAvailabilityPicker: import("react").ForwardRefExoticComponent<JSX.NylasSpecificDateAvailabilityPicker & Omit<import("react").HTMLAttributes<HTMLNylasSpecificDateAvailabilityPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasSpecificDateAvailabilityPickerElement>>;
104
- export declare const NylasTimeWindowPicker: import("react").ForwardRefExoticComponent<JSX.NylasTimeWindowPicker & Omit<import("react").HTMLAttributes<HTMLNylasTimeWindowPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasTimeWindowPickerElement>>;
105
- export declare const NylasTimeslotInterval: import("react").ForwardRefExoticComponent<JSX.NylasTimeslotInterval & Omit<import("react").HTMLAttributes<HTMLNylasTimeslotIntervalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasTimeslotIntervalElement>>;
106
- export declare const NylasTimeslotPicker: import("react").ForwardRefExoticComponent<JSX.NylasTimeslotPicker & Omit<import("react").HTMLAttributes<HTMLNylasTimeslotPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasTimeslotPickerElement>>;
107
- export declare const PaintbrushFillIcon: import("react").ForwardRefExoticComponent<JSX.PaintbrushFillIcon & Omit<import("react").HTMLAttributes<HTMLPaintbrushFillIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPaintbrushFillIconElement>>;
108
- export declare const PaintbrushIcon: import("react").ForwardRefExoticComponent<JSX.PaintbrushIcon & Omit<import("react").HTMLAttributes<HTMLPaintbrushIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPaintbrushIconElement>>;
109
- export declare const PeopleIcon: import("react").ForwardRefExoticComponent<JSX.PeopleIcon & Omit<import("react").HTMLAttributes<HTMLPeopleIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPeopleIconElement>>;
110
- export declare const PersonClipboardIcon: import("react").ForwardRefExoticComponent<JSX.PersonClipboardIcon & Omit<import("react").HTMLAttributes<HTMLPersonClipboardIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPersonClipboardIconElement>>;
111
- export declare const PersonIcon: import("react").ForwardRefExoticComponent<JSX.PersonIcon & Omit<import("react").HTMLAttributes<HTMLPersonIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPersonIconElement>>;
112
- export declare const PlayIcon: import("react").ForwardRefExoticComponent<JSX.PlayIcon & Omit<import("react").HTMLAttributes<HTMLPlayIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPlayIconElement>>;
113
- export declare const PlusIcon: import("react").ForwardRefExoticComponent<JSX.PlusIcon & Omit<import("react").HTMLAttributes<HTMLPlusIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPlusIconElement>>;
114
- export declare const RadioButtonGroup: import("react").ForwardRefExoticComponent<JSX.RadioButtonGroup & Omit<import("react").HTMLAttributes<HTMLRadioButtonGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRadioButtonGroupElement>>;
115
- export declare const RefreshIcon: import("react").ForwardRefExoticComponent<JSX.RefreshIcon & Omit<import("react").HTMLAttributes<HTMLRefreshIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRefreshIconElement>>;
116
- export declare const ReplyAllIcon: import("react").ForwardRefExoticComponent<JSX.ReplyAllIcon & Omit<import("react").HTMLAttributes<HTMLReplyAllIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLReplyAllIconElement>>;
117
- export declare const ReplyIcon: import("react").ForwardRefExoticComponent<JSX.ReplyIcon & Omit<import("react").HTMLAttributes<HTMLReplyIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLReplyIconElement>>;
118
- export declare const SearchIcon: import("react").ForwardRefExoticComponent<JSX.SearchIcon & Omit<import("react").HTMLAttributes<HTMLSearchIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSearchIconElement>>;
119
- export declare const SelectDropdown: import("react").ForwardRefExoticComponent<JSX.SelectDropdown & Omit<import("react").HTMLAttributes<HTMLSelectDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSelectDropdownElement>>;
120
- export declare const SentIcon: import("react").ForwardRefExoticComponent<JSX.SentIcon & Omit<import("react").HTMLAttributes<HTMLSentIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSentIconElement>>;
121
- export declare const SpamIcon: import("react").ForwardRefExoticComponent<JSX.SpamIcon & Omit<import("react").HTMLAttributes<HTMLSpamIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSpamIconElement>>;
122
- export declare const StarIcon: import("react").ForwardRefExoticComponent<JSX.StarIcon & Omit<import("react").HTMLAttributes<HTMLStarIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLStarIconElement>>;
123
- export declare const StopIcon: import("react").ForwardRefExoticComponent<JSX.StopIcon & Omit<import("react").HTMLAttributes<HTMLStopIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLStopIconElement>>;
124
- export declare const TextareaComponent: import("react").ForwardRefExoticComponent<JSX.TextareaComponent & Omit<import("react").HTMLAttributes<HTMLTextareaComponentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLTextareaComponentElement>>;
125
- export declare const TimePeriodSelector: import("react").ForwardRefExoticComponent<JSX.TimePeriodSelector & Omit<import("react").HTMLAttributes<HTMLTimePeriodSelectorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLTimePeriodSelectorElement>>;
126
- export declare const ToggleSwitch: import("react").ForwardRefExoticComponent<JSX.ToggleSwitch & Omit<import("react").HTMLAttributes<HTMLToggleSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLToggleSwitchElement>>;
127
- export declare const TooltipComponent: import("react").ForwardRefExoticComponent<JSX.TooltipComponent & Omit<import("react").HTMLAttributes<HTMLTooltipComponentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLTooltipComponentElement>>;
128
- export declare const TranslateIcon: import("react").ForwardRefExoticComponent<JSX.TranslateIcon & Omit<import("react").HTMLAttributes<HTMLTranslateIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLTranslateIconElement>>;
129
- export declare const TrashFillIcon: import("react").ForwardRefExoticComponent<JSX.TrashFillIcon & Omit<import("react").HTMLAttributes<HTMLTrashFillIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLTrashFillIconElement>>;
130
- export declare const TrashIcon: import("react").ForwardRefExoticComponent<JSX.TrashIcon & Omit<import("react").HTMLAttributes<HTMLTrashIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLTrashIconElement>>;
131
- export declare const UnderlineIcon: import("react").ForwardRefExoticComponent<JSX.UnderlineIcon & Omit<import("react").HTMLAttributes<HTMLUnderlineIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLUnderlineIconElement>>;
132
- export declare const WarningIcon: import("react").ForwardRefExoticComponent<JSX.WarningIcon & Omit<import("react").HTMLAttributes<HTMLWarningIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWarningIconElement>>;
133
- export declare const ZoomIcon: import("react").ForwardRefExoticComponent<JSX.ZoomIcon & Omit<import("react").HTMLAttributes<HTMLZoomIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZoomIconElement>>;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- export interface HTMLStencilElement extends HTMLElement {
3
- componentOnReady(): Promise<this>;
4
- }
5
- interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
6
- forwardedRef: React.RefObject<ElementType>;
7
- ref?: React.Ref<any>;
8
- }
9
- export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType> | undefined, manipulatePropsFunction?: ((originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes) | undefined, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
10
- export {};
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- import { OverlayEventDetail } from './interfaces';
3
- import { StencilReactForwardedRef } from './utils';
4
- interface OverlayElement extends HTMLElement {
5
- present: () => Promise<void>;
6
- dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
7
- }
8
- export interface ReactOverlayProps {
9
- children?: React.ReactNode;
10
- isOpen: boolean;
11
- onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
12
- onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
13
- onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
14
- onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
15
- }
16
- export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
17
- create: (options: any) => Promise<OverlayType>;
18
- }, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
19
- forwardedRef?: StencilReactForwardedRef<OverlayType> | undefined;
20
- }> & React.RefAttributes<OverlayType>>;
21
- export {};
@@ -1,2 +0,0 @@
1
- export { createReactComponent } from './createComponent';
2
- export { createOverlayComponent } from './createOverlayComponent';
@@ -1,29 +0,0 @@
1
- export interface EventEmitter<T = any> {
2
- emit: (data?: T) => CustomEvent<T>;
3
- }
4
- export interface StyleReactProps {
5
- class?: string;
6
- className?: string;
7
- style?: {
8
- [key: string]: any;
9
- };
10
- }
11
- export interface OverlayEventDetail<T = any> {
12
- data?: T;
13
- role?: string;
14
- }
15
- export interface OverlayInterface {
16
- el: HTMLElement;
17
- animated: boolean;
18
- keyboardClose: boolean;
19
- overlayIndex: number;
20
- presented: boolean;
21
- enterAnimation?: any;
22
- leaveAnimation?: any;
23
- didPresent: EventEmitter<void>;
24
- willPresent: EventEmitter<void>;
25
- willDismiss: EventEmitter<OverlayEventDetail>;
26
- didDismiss: EventEmitter<OverlayEventDetail>;
27
- present(): Promise<void>;
28
- dismiss(data?: any, role?: string): Promise<boolean>;
29
- }
@@ -1,9 +0,0 @@
1
- export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
2
- export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
3
- export declare const transformReactEventName: (eventNameSuffix: string) => string;
4
- export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
5
- export declare const syncEvent: (node: Element & {
6
- __events?: {
7
- [key: string]: ((e: Event) => any) | undefined;
8
- } | undefined;
9
- }, eventName: string, newEventHandler?: ((e: Event) => any) | undefined) => void;
@@ -1,2 +0,0 @@
1
- export declare const dashToPascalCase: (str: string) => string;
2
- export declare const camelToDashCase: (str: string) => string;
@@ -1,2 +0,0 @@
1
- export declare const isDevMode: () => boolean;
2
- export declare const deprecationWarning: (key: string, message: string) => void;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import type { StyleReactProps } from '../interfaces';
3
- export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
4
- export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
5
- export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
6
- export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
7
- export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
8
- export declare const defineCustomElement: (tagName: string, customElement: any) => void;
9
- export * from './attachProps';
10
- export * from './case';