@nylas/react 2.1.0 → 2.2.1

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/types.d.ts +1 -1
  14. package/dist/lib/connect/useNylasConnect.d.ts +2 -2
  15. package/dist/lib/connect.d.ts +1 -0
  16. package/dist/lib/elements/components.d.ts +975 -0
  17. package/dist/lib/elements.d.ts +1 -0
  18. package/dist/lib/index.d.ts +3 -6
  19. package/dist/lib/notetaker.d.ts +1 -0
  20. package/dist/lib/utils.d.ts +2 -0
  21. package/dist/notetaker.d.ts +1 -0
  22. package/dist/utils.d.ts +1 -0
  23. package/package.json +36 -16
  24. package/dist/add-circle-icon_2.entry-8c3bb0bb.cjs +0 -1
  25. package/dist/add-circle-icon_2.entry-a3daf6c4.js +0 -28
  26. package/dist/archive-icon.entry-46ad0ff3.cjs +0 -1
  27. package/dist/archive-icon.entry-d5141486.js +0 -18
  28. package/dist/arrow-icon.entry-1b89ce78.js +0 -18
  29. package/dist/arrow-icon.entry-f696de4f.cjs +0 -1
  30. package/dist/bold-icon.entry-7827cd4e.cjs +0 -1
  31. package/dist/bold-icon.entry-c117b4cf.js +0 -18
  32. package/dist/button-component_2.entry-8cd4c5f3.cjs +0 -1
  33. package/dist/button-component_2.entry-e68caa9b.js +0 -29
  34. package/dist/calendar-agenda-fill-icon_37.entry-52bdc8b3.js +0 -5234
  35. package/dist/calendar-agenda-fill-icon_37.entry-8c592cfa.cjs +0 -6
  36. package/dist/calendar-cancel-icon.entry-7facfa05.cjs +0 -1
  37. package/dist/calendar-cancel-icon.entry-f5f1d499.js +0 -18
  38. package/dist/calendar-check-icon.entry-55320137.js +0 -18
  39. package/dist/calendar-check-icon.entry-72108702.cjs +0 -1
  40. package/dist/calendar-icon.entry-afea361e.js +0 -18
  41. package/dist/calendar-icon.entry-f5c6730f.cjs +0 -1
  42. package/dist/checkbox-component.entry-5722d263.cjs +0 -1
  43. package/dist/checkbox-component.entry-89fa6edd.js +0 -54
  44. package/dist/checkbox-group_4.entry-30e8af17.cjs +0 -28
  45. package/dist/checkbox-group_4.entry-51f03009.js +0 -10014
  46. package/dist/checkmark-circle-icon.entry-ae11049d.cjs +0 -1
  47. package/dist/checkmark-circle-icon.entry-dfe67e22.js +0 -18
  48. package/dist/checkmark-icon_15.entry-4c3979db.js +0 -1415
  49. package/dist/checkmark-icon_15.entry-e59c0f53.cjs +0 -5
  50. package/dist/chevron-icon_3.entry-1f3c3ca6.js +0 -159
  51. package/dist/chevron-icon_3.entry-ea791750.cjs +0 -1
  52. package/dist/clock-icon_4.entry-172fed74.cjs +0 -1
  53. package/dist/clock-icon_4.entry-78878cb8.js +0 -48
  54. package/dist/constants-f51538ef-cd2a67c4.cjs +0 -1
  55. package/dist/constants-f51538ef-e0a5f026.js +0 -876
  56. package/dist/customParseFormat-b5d95b34-a6b6fcba.cjs +0 -1
  57. package/dist/customParseFormat-b5d95b34-ce80820c.js +0 -135
  58. package/dist/delete-icon.entry-a8c0bf03.cjs +0 -1
  59. package/dist/delete-icon.entry-cebdc90f.js +0 -18
  60. package/dist/document-refresh-icon.entry-2d9a529d.cjs +0 -1
  61. package/dist/document-refresh-icon.entry-8780a2b8.js +0 -18
  62. package/dist/feedbackSync-92220b42-fbebe1f9.cjs +0 -448
  63. package/dist/feedbackSync-92220b42-fd5f5610.js +0 -6048
  64. package/dist/folder-icon.entry-3e61ccca.cjs +0 -1
  65. package/dist/folder-icon.entry-6ffd5191.js +0 -18
  66. package/dist/forward-icon.entry-c7d88db8.cjs +0 -1
  67. package/dist/forward-icon.entry-c9c4bf5b.js +0 -18
  68. package/dist/globe-icon.entry-0b93cab8.cjs +0 -1
  69. package/dist/globe-icon.entry-7c0dca7b.js +0 -18
  70. package/dist/google-logo-icon_6.entry-deef91ee.js +0 -1765
  71. package/dist/google-logo-icon_6.entry-e25ce3e7.cjs +0 -2
  72. package/dist/google-meet-icon_5.entry-214347f0.cjs +0 -1
  73. package/dist/google-meet-icon_5.entry-f8b5a92a.js +0 -58
  74. package/dist/inbox-icon.entry-873062c3.js +0 -18
  75. package/dist/inbox-icon.entry-f08f2fd5.cjs +0 -1
  76. package/dist/index-025be398.js +0 -7187
  77. package/dist/index-c510313d-1318f67a.js +0 -289
  78. package/dist/index-c510313d-b0508eee.cjs +0 -1
  79. package/dist/index-f42fe591.cjs +0 -65
  80. package/dist/index.es-488bc919-d02dd50a.cjs +0 -7
  81. package/dist/index.es-488bc919-ea63a7e9.js +0 -2724
  82. package/dist/info-icon_2.entry-442b9097.cjs +0 -1
  83. package/dist/info-icon_2.entry-60fb8648.js +0 -37
  84. package/dist/input-component.entry-5898a52e.js +0 -96
  85. package/dist/input-component.entry-7274fd28.cjs +0 -1
  86. package/dist/input-dropdown_2.entry-4534436c.js +0 -255
  87. package/dist/input-dropdown_2.entry-9b72f637.cjs +0 -1
  88. package/dist/italic-icon.entry-62052cd8.js +0 -18
  89. package/dist/italic-icon.entry-9bdbbd37.cjs +0 -1
  90. package/dist/lib/elements/index.d.ts +0 -133
  91. package/dist/lib/elements/react-component-lib/createComponent.d.ts +0 -10
  92. package/dist/lib/elements/react-component-lib/createOverlayComponent.d.ts +0 -21
  93. package/dist/lib/elements/react-component-lib/index.d.ts +0 -2
  94. package/dist/lib/elements/react-component-lib/interfaces.d.ts +0 -29
  95. package/dist/lib/elements/react-component-lib/utils/attachProps.d.ts +0 -9
  96. package/dist/lib/elements/react-component-lib/utils/case.d.ts +0 -2
  97. package/dist/lib/elements/react-component-lib/utils/dev.d.ts +0 -2
  98. package/dist/lib/elements/react-component-lib/utils/index.d.ts +0 -10
  99. package/dist/multi-select-dropdown.entry-77752d46.cjs +0 -1
  100. package/dist/multi-select-dropdown.entry-9c9d05c1.js +0 -133
  101. package/dist/nylas-booked-event-card_11.entry-32b2e9f1.js +0 -1410
  102. package/dist/nylas-booked-event-card_11.entry-4aba5146.cjs +0 -1
  103. package/dist/nylas-date-component_2.entry-6b058796.cjs +0 -1
  104. package/dist/nylas-date-component_2.entry-a869519f.js +0 -310
  105. package/dist/nylas-form-card.entry-5390459f.js +0 -75
  106. package/dist/nylas-form-card.entry-c2f34d73.cjs +0 -1
  107. package/dist/nylas-notification_2.entry-054392cf.cjs +0 -1
  108. package/dist/nylas-notification_2.entry-f46e88e5.js +0 -88
  109. package/dist/nylas-scheduler-editor.entry-40a48f47.js +0 -1854
  110. package/dist/nylas-scheduler-editor.entry-e29fdf07.cjs +0 -2
  111. package/dist/nylas-scheduling.entry-115b1752.js +0 -1002
  112. package/dist/nylas-scheduling.entry-79cb1d9c.cjs +0 -1
  113. package/dist/person-icon.entry-2cae306c.cjs +0 -1
  114. package/dist/person-icon.entry-fd668b89.js +0 -18
  115. package/dist/play-icon.entry-7fc3c0fd.js +0 -18
  116. package/dist/play-icon.entry-9989a520.cjs +0 -1
  117. package/dist/radio-button-group.entry-03385b5f.cjs +0 -1
  118. package/dist/radio-button-group.entry-9df82cd0.js +0 -58
  119. package/dist/react.cjs +0 -1
  120. package/dist/react.js +0 -164
  121. package/dist/refresh-icon.entry-310954ba.cjs +0 -1
  122. package/dist/refresh-icon.entry-c56e5623.js +0 -18
  123. package/dist/register-component-3acd57e7-5a79a90a.cjs +0 -1
  124. package/dist/register-component-3acd57e7-cb09c05e.js +0 -110
  125. package/dist/reply-all-icon.entry-32e0e000.js +0 -18
  126. package/dist/reply-all-icon.entry-68388f97.cjs +0 -1
  127. package/dist/reply-icon.entry-3ac2e736.js +0 -18
  128. package/dist/reply-icon.entry-e616a9a4.cjs +0 -1
  129. package/dist/sent-icon.entry-0622ed04.js +0 -18
  130. package/dist/sent-icon.entry-543eb3c4.cjs +0 -1
  131. package/dist/spam-icon.entry-74bcfd4f.js +0 -18
  132. package/dist/spam-icon.entry-e341ee3e.cjs +0 -1
  133. package/dist/star-icon.entry-864d2bf9.js +0 -18
  134. package/dist/star-icon.entry-c90d40f6.cjs +0 -1
  135. package/dist/stop-icon.entry-835908c5.js +0 -18
  136. package/dist/stop-icon.entry-ffc46b42.cjs +0 -1
  137. package/dist/textarea-component.entry-6adcf6a6.js +0 -58
  138. package/dist/textarea-component.entry-dae8eb5c.cjs +0 -1
  139. package/dist/toggle-switch.entry-5ee29867.cjs +0 -1
  140. package/dist/toggle-switch.entry-ff2ccb75.js +0 -51
  141. package/dist/translate-icon.entry-372dd808.js +0 -18
  142. package/dist/translate-icon.entry-5606067d.cjs +0 -1
  143. package/dist/trash-fill-icon.entry-01b4379e.js +0 -18
  144. package/dist/trash-fill-icon.entry-daed6c0a.cjs +0 -1
  145. package/dist/underline-icon.entry-2020ee64.cjs +0 -1
  146. package/dist/underline-icon.entry-464b900d.js +0 -18
  147. package/dist/utils-31933f5d-15041585.js +0 -17878
  148. package/dist/utils-31933f5d-1d4c81ab.cjs +0 -54
@@ -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 NylasSpecificTimeAvailabilityPicker: import("react").ForwardRefExoticComponent<JSX.NylasSpecificTimeAvailabilityPicker & Omit<import("react").HTMLAttributes<HTMLNylasSpecificTimeAvailabilityPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLNylasSpecificTimeAvailabilityPickerElement>>;
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';
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-f42fe591.cjs"),i=require("./utils-31933f5d-1d4c81ab.cjs");require("@nylas/web-elements");require("react");require("@nylas/connect");require("react/jsx-runtime");require("react-dom");const c=':host{display:block;width:inherit;--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}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropdown .dropdown-label p{margin:0}.dropdown .dropdown-label span.required{color:var(--nylas-error);padding:0 0.25rem}.dropdown span.error{color:var(--nylas-error);font-size:14px}.dropbtn{width:inherit;height:48px;color:var(--nylas-base-900);padding:0.5rem;font-size:16px;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:var(--nylas-base-0)}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:72px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.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 ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.dropdown-content ul li.disabled{cursor:not-allowed;opacity:0.5}.dropdown-content ul li.disabled label{cursor:not-allowed}.dropdown-content ul li.disabled label input{cursor:not-allowed}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}.selected-options .selected-option button:disabled{cursor:not-allowed;background:var(--nylas-base-100)}',p=c,d=class{constructor(e){s.registerInstance(this,e),this.selectedOptionsChanged=s.createEvent(this,"selectedOptionsChanged",7),this.name=void 0,this.label=void 0,this.options=[],this.error="",this.required=!1,this.readOnly=!1,this.multipleOptionsSelectedLabel="Multiple options selected",this.selectAtLeastOneOptionLabel="Please select at least one option",this.themeConfig=void 0,this.errorMessage="Please select at least one option.",this.availableOptions=this.options,this.isOpen=!1,this.ariaActivedescendant="",this.shouldFocusFirstOption=!1}areOptionsEqual(e,l){if(e.length!==l.length)return!1;const a=[...e].sort((n,o)=>n.label.localeCompare(o.label)||n.value.localeCompare(o.value)),t=[...l].sort((n,o)=>n.label.localeCompare(o.label)||n.value.localeCompare(o.value));return a.every((n,o)=>{const r=t[o];return n.label===r.label&&n.value===r.value})}optionsChangedHandler(e){this.areOptionsEqual(e,this.availableOptions)||(this.availableOptions=e)}themeConfigChangedHandler(e,l){this.applyThemeConfig(e)}applyThemeConfig(e){if(e)for(const[l,a]of Object.entries(e))this.el.style.setProperty(`${l}`,a)}componentDidLoad(){i.debug("multi-select-dropdown","componentDidLoad"),this.options&&(this.availableOptions=this.options),this.applyThemeConfig(this.themeConfig)}componentDidRender(){var e;i.debug("multi-select-dropdown","componentDidRender"),this.isOpen&&this.shouldFocusFirstOption&&(this.ariaActivedescendant=(e=this.availableOptions[0])==null?void 0:e.value,this.focusOption(0),this.shouldFocusFirstOption=!1)}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.isOpen&&(this.isOpen=!1)}handleBookingFormSubmitted(e){const l=this.availableOptions.filter(a=>a.selected).map(a=>a.value);this.required&&(!l||l.length<=0)&&(this.error=this.errorMessage||this.selectAtLeastOneOptionLabel),this.error&&e.preventDefault()}selectOption(e){this.availableOptions=this.availableOptions.map(a=>(a.value===e.value&&(a.selected=!e.selected,a.selected&&(this.error="")),a));const l=this.availableOptions.filter(a=>a.selected).map(a=>a.value);this.selectedOptionsChanged.emit({value:l,name:this.name})}toggleDropdown(){this.isOpen=!this.isOpen,this.isOpen?this.shouldFocusFirstOption=!0:this.ariaActivedescendant=""}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault(),this.isOpen||this.toggleDropdown();break;case"Escape":this.isOpen=!1;break}}handleListboxKeydown(e){const l=this.availableOptions,a=l.findIndex(t=>t.value===this.ariaActivedescendant);switch(e.key){case"ArrowDown":case"Tab":{if(e.shiftKey){e.preventDefault();const t=a-1>=0?a-1:l.length-1;this.ariaActivedescendant=l[t].value,this.focusOption(t)}else{e.preventDefault();const t=a+1<l.length?a+1:0;this.ariaActivedescendant=l[t].value,this.focusOption(t)}break}case"ArrowUp":{e.preventDefault();const t=a-1>=0?a-1:l.length-1;this.ariaActivedescendant=l[t].value,this.focusOption(t);break}case"Enter":{e.preventDefault(),this.ariaActivedescendant&&this.selectOption(l[a]);break}case"Escape":{this.isOpen=!1;break}}}focusOption(e){var n;const l=this.availableOptions[e];if(!l)return;const a=l.value,t=(n=this.el.shadowRoot)==null?void 0:n.getElementById(a);t&&(t.focus(),t.scrollIntoView({behavior:"smooth",block:"nearest"}))}getSelectedOptions(){return this.availableOptions.filter(e=>e.selected)}renderOption(e){return s.h("li",{key:e.value,id:e.value,role:"option",tabindex:"0","aria-selected":e.selected?"true":"false",onClick:l=>{l.stopImmediatePropagation(),e!=null&&e.disabled||this.selectOption(e)},class:{selected:!!e.selected,disabled:!!e.disabled}},s.h("label",{htmlFor:e.value},s.h("input",{"aria-hidden":"true",id:e.value,type:"checkbox",checked:e.selected,disabled:!!(e!=null&&e.disabled)}),s.h("span",null,e.label)))}render(){var e,l;return s.h(s.Host,{key:"e4f66d6e4f3e49f65b722c076a0deffc120f5cb3"},s.h("div",{key:"72968ead813ef5de4ee88e8fe5e80aad16316276",class:"dropdown",part:"msd_dropdown"},s.h("label",{key:"38ccbcb168ae2b33937ee727924ab3254cbd2ace",class:"dropdown-label",part:"msd_dropdown-label"},s.h("p",{key:"b199001842df7d90ef1c0d1b32a6df7e2190a4b3"},s.h("span",{key:"bda03991df2c144888978078f0b47412375bc55e",class:"label"},this.label),this.required&&s.h("span",{class:"required"},"*")),s.h("slot",{key:"fa8101533463adf2c59db98417935b10f8a4d1a6",name:"label-icon","aria-hidden":"true"})),s.h("button",{key:"5c5562eb21673f5ac6c33871b718c78a38b7a5e3",name:this.name,part:`msd_dropdown-button ${this.error?"msd_dropdown-button--error":""}`,class:{dropbtn:!0,open:this.isOpen,error:!!this.error},onClick:()=>this.toggleDropdown(),disabled:this.readOnly,title:this.readOnly?"read-only field":void 0,"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:a=>this.handleSelectButtonKeyDown(a)},s.h("slot",{key:"af26de659dbee075636ce569e081178711156e67",name:"select-icon","aria-hidden":"true"}),s.h("span",{key:"d007e56a574375c7693d2d54d74dd30d4a9318d6",class:"selected-option",part:"msd_dropdown-button-selected-label"},this.getSelectedOptions().length>1?this.multipleOptionsSelectedLabel:((e=this.availableOptions.filter(a=>a.selected)[0])==null?void 0:e.label)??this.selectAtLeastOneOptionLabel??((l=this.availableOptions[0])==null?void 0:l.label)),s.h("span",{key:"9934861780c8cee62383aa15894c294bca270754",class:this.isOpen?"open":"closed","aria-hidden":"true"},s.h("chevron-icon",{key:"20a893a1f92dd27484376cc406fd7a0232074dfe",width:"16",height:"16"}))),this.error?s.h("span",{class:"error",part:"msd_dropdown_error"},this.error):null,s.h("div",{key:"bee6d2bad669e20f058a6fb9f02d5d9cc8c9ab6f",class:"selected-options"},this.getSelectedOptions().map(a=>s.h("span",{class:"selected-option"},a.label,s.h("button",{disabled:this.readOnly||!!(a!=null&&a.disabled),key:a.label,onClick:()=>this.selectOption(a)},s.h("close-icon",null))))),this.isOpen?s.h("div",{class:"dropdown-content",part:"msd_dropdown-content"},s.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-multiselectable":!0,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:a=>this.handleListboxKeydown(a)},this.availableOptions.map(a=>this.renderOption(a)))):null))}get el(){return s.getElement(this)}static get watchers(){return{options:["optionsChangedHandler"],themeConfig:["themeConfigChangedHandler"]}}};d.style=p;exports.multi_select_dropdown=d;
@@ -1,133 +0,0 @@
1
- import { r as d, c, h as l, H as p, g as b } from "./index-025be398.js";
2
- import { b as i } from "./utils-31933f5d-15041585.js";
3
- import "@nylas/web-elements";
4
- import "react";
5
- import "@nylas/connect";
6
- import "react/jsx-runtime";
7
- import "react-dom";
8
- const f = ':host{display:block;width:inherit;--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}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropdown .dropdown-label p{margin:0}.dropdown .dropdown-label span.required{color:var(--nylas-error);padding:0 0.25rem}.dropdown span.error{color:var(--nylas-error);font-size:14px}.dropbtn{width:inherit;height:48px;color:var(--nylas-base-900);padding:0.5rem;font-size:16px;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:var(--nylas-base-0)}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:72px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.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 ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.dropdown-content ul li.disabled{cursor:not-allowed;opacity:0.5}.dropdown-content ul li.disabled label{cursor:not-allowed}.dropdown-content ul li.disabled label input{cursor:not-allowed}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}.selected-options .selected-option button:disabled{cursor:not-allowed;background:var(--nylas-base-100)}', h = f, y = class {
9
- constructor(e) {
10
- d(this, e), this.selectedOptionsChanged = c(this, "selectedOptionsChanged", 7), this.name = void 0, this.label = void 0, this.options = [], this.error = "", this.required = !1, this.readOnly = !1, this.multipleOptionsSelectedLabel = "Multiple options selected", this.selectAtLeastOneOptionLabel = "Please select at least one option", this.themeConfig = void 0, this.errorMessage = "Please select at least one option.", this.availableOptions = this.options, this.isOpen = !1, this.ariaActivedescendant = "", this.shouldFocusFirstOption = !1;
11
- }
12
- areOptionsEqual(e, s) {
13
- if (e.length !== s.length)
14
- return !1;
15
- const a = [...e].sort((o, n) => o.label.localeCompare(n.label) || o.value.localeCompare(n.value)), t = [...s].sort((o, n) => o.label.localeCompare(n.label) || o.value.localeCompare(n.value));
16
- return a.every((o, n) => {
17
- const r = t[n];
18
- return o.label === r.label && o.value === r.value;
19
- });
20
- }
21
- optionsChangedHandler(e) {
22
- this.areOptionsEqual(e, this.availableOptions) || (this.availableOptions = e);
23
- }
24
- themeConfigChangedHandler(e, s) {
25
- this.applyThemeConfig(e);
26
- }
27
- applyThemeConfig(e) {
28
- if (e)
29
- for (const [s, a] of Object.entries(e))
30
- this.el.style.setProperty(`${s}`, a);
31
- }
32
- componentDidLoad() {
33
- i("multi-select-dropdown", "componentDidLoad"), this.options && (this.availableOptions = this.options), this.applyThemeConfig(this.themeConfig);
34
- }
35
- componentDidRender() {
36
- var e;
37
- i("multi-select-dropdown", "componentDidRender"), this.isOpen && this.shouldFocusFirstOption && (this.ariaActivedescendant = (e = this.availableOptions[0]) == null ? void 0 : e.value, this.focusOption(0), this.shouldFocusFirstOption = !1);
38
- }
39
- handleOutsideClick(e) {
40
- !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
41
- }
42
- handleBookingFormSubmitted(e) {
43
- const s = this.availableOptions.filter((a) => a.selected).map((a) => a.value);
44
- this.required && (!s || s.length <= 0) && (this.error = this.errorMessage || this.selectAtLeastOneOptionLabel), this.error && e.preventDefault();
45
- }
46
- selectOption(e) {
47
- this.availableOptions = this.availableOptions.map((a) => (a.value === e.value && (a.selected = !e.selected, a.selected && (this.error = "")), a));
48
- const s = this.availableOptions.filter((a) => a.selected).map((a) => a.value);
49
- this.selectedOptionsChanged.emit({
50
- value: s,
51
- name: this.name
52
- });
53
- }
54
- toggleDropdown() {
55
- this.isOpen = !this.isOpen, this.isOpen ? this.shouldFocusFirstOption = !0 : this.ariaActivedescendant = "";
56
- }
57
- handleSelectButtonKeyDown(e) {
58
- switch (e.key) {
59
- case "ArrowDown":
60
- case "Enter":
61
- e.preventDefault(), this.isOpen || this.toggleDropdown();
62
- break;
63
- case "Escape":
64
- this.isOpen = !1;
65
- break;
66
- }
67
- }
68
- handleListboxKeydown(e) {
69
- const s = this.availableOptions, a = s.findIndex((t) => t.value === this.ariaActivedescendant);
70
- switch (e.key) {
71
- case "ArrowDown":
72
- case "Tab": {
73
- if (e.shiftKey) {
74
- e.preventDefault();
75
- const t = a - 1 >= 0 ? a - 1 : s.length - 1;
76
- this.ariaActivedescendant = s[t].value, this.focusOption(t);
77
- } else {
78
- e.preventDefault();
79
- const t = a + 1 < s.length ? a + 1 : 0;
80
- this.ariaActivedescendant = s[t].value, this.focusOption(t);
81
- }
82
- break;
83
- }
84
- case "ArrowUp": {
85
- e.preventDefault();
86
- const t = a - 1 >= 0 ? a - 1 : s.length - 1;
87
- this.ariaActivedescendant = s[t].value, this.focusOption(t);
88
- break;
89
- }
90
- case "Enter": {
91
- e.preventDefault(), this.ariaActivedescendant && this.selectOption(s[a]);
92
- break;
93
- }
94
- case "Escape": {
95
- this.isOpen = !1;
96
- break;
97
- }
98
- }
99
- }
100
- focusOption(e) {
101
- var o;
102
- const s = this.availableOptions[e];
103
- if (!s)
104
- return;
105
- const a = s.value, t = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(a);
106
- t && (t.focus(), t.scrollIntoView({ behavior: "smooth", block: "nearest" }));
107
- }
108
- getSelectedOptions() {
109
- return this.availableOptions.filter((e) => e.selected);
110
- }
111
- renderOption(e) {
112
- return l("li", { key: e.value, id: e.value, role: "option", tabindex: "0", "aria-selected": e.selected ? "true" : "false", onClick: (s) => {
113
- s.stopImmediatePropagation(), e != null && e.disabled || this.selectOption(e);
114
- }, class: { selected: !!e.selected, disabled: !!e.disabled } }, l("label", { htmlFor: e.value }, l("input", { "aria-hidden": "true", id: e.value, type: "checkbox", checked: e.selected, disabled: !!(e != null && e.disabled) }), l("span", null, e.label)));
115
- }
116
- render() {
117
- var e, s;
118
- return l(p, { key: "e4f66d6e4f3e49f65b722c076a0deffc120f5cb3" }, l("div", { key: "72968ead813ef5de4ee88e8fe5e80aad16316276", class: "dropdown", part: "msd_dropdown" }, l("label", { key: "38ccbcb168ae2b33937ee727924ab3254cbd2ace", class: "dropdown-label", part: "msd_dropdown-label" }, l("p", { key: "b199001842df7d90ef1c0d1b32a6df7e2190a4b3" }, l("span", { key: "bda03991df2c144888978078f0b47412375bc55e", class: "label" }, this.label), this.required && l("span", { class: "required" }, "*")), l("slot", { key: "fa8101533463adf2c59db98417935b10f8a4d1a6", name: "label-icon", "aria-hidden": "true" })), l("button", { key: "5c5562eb21673f5ac6c33871b718c78a38b7a5e3", name: this.name, part: `msd_dropdown-button ${this.error ? "msd_dropdown-button--error" : ""}`, class: { dropbtn: !0, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), disabled: this.readOnly, title: this.readOnly ? "read-only field" : void 0, "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (a) => this.handleSelectButtonKeyDown(a) }, l("slot", { key: "af26de659dbee075636ce569e081178711156e67", name: "select-icon", "aria-hidden": "true" }), l("span", { key: "d007e56a574375c7693d2d54d74dd30d4a9318d6", class: "selected-option", part: "msd_dropdown-button-selected-label" }, this.getSelectedOptions().length > 1 ? this.multipleOptionsSelectedLabel : ((e = this.availableOptions.filter((a) => a.selected)[0]) == null ? void 0 : e.label) ?? this.selectAtLeastOneOptionLabel ?? ((s = this.availableOptions[0]) == null ? void 0 : s.label)), l("span", { key: "9934861780c8cee62383aa15894c294bca270754", class: this.isOpen ? "open" : "closed", "aria-hidden": "true" }, l("chevron-icon", { key: "20a893a1f92dd27484376cc406fd7a0232074dfe", width: "16", height: "16" }))), this.error ? l("span", { class: "error", part: "msd_dropdown_error" }, this.error) : null, l("div", { key: "bee6d2bad669e20f058a6fb9f02d5d9cc8c9ab6f", class: "selected-options" }, this.getSelectedOptions().map((a) => l("span", { class: "selected-option" }, a.label, l("button", { disabled: this.readOnly || !!(a != null && a.disabled), key: a.label, onClick: () => this.selectOption(a) }, l("close-icon", null))))), this.isOpen ? l("div", { class: "dropdown-content", part: "msd_dropdown-content" }, l("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-multiselectable": !0, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (a) => this.handleListboxKeydown(a) }, this.availableOptions.map((a) => this.renderOption(a)))) : null));
119
- }
120
- get el() {
121
- return b(this);
122
- }
123
- static get watchers() {
124
- return {
125
- options: ["optionsChangedHandler"],
126
- themeConfig: ["themeConfigChangedHandler"]
127
- };
128
- }
129
- };
130
- y.style = h;
131
- export {
132
- y as multi_select_dropdown
133
- };