@nylas/react 1.3.0 → 1.3.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.
- package/dist/{add-circle-icon.entry-0f0cd6d8.cjs → add-circle-icon.entry-606d3096.cjs} +1 -1
- package/dist/{add-circle-icon.entry-d2b7178c.js → add-circle-icon.entry-d8358e3f.js} +1 -1
- package/dist/{archive-icon.entry-602d3c58.js → archive-icon.entry-8c6d31f2.js} +1 -1
- package/dist/{archive-icon.entry-ec25f93a.cjs → archive-icon.entry-e8ce8c7d.cjs} +1 -1
- package/dist/{arrow-icon.entry-7bcb6442.cjs → arrow-icon.entry-13d23d01.cjs} +1 -1
- package/dist/{arrow-icon.entry-d4dd38b3.js → arrow-icon.entry-d950ddce.js} +1 -1
- package/dist/{bold-icon.entry-fc1d34a6.cjs → bold-icon.entry-12072568.cjs} +1 -1
- package/dist/{bold-icon.entry-5fc41386.js → bold-icon.entry-5382fea2.js} +1 -1
- package/dist/{button-component_2.entry-d62ae520.js → button-component_2.entry-4aa63891.js} +1 -1
- package/dist/{button-component_2.entry-d23be43d.cjs → button-component_2.entry-d34ed360.cjs} +1 -1
- package/dist/calendar-agenda-fill-icon_54.entry-33d08f1a.cjs +9 -0
- package/dist/{calendar-agenda-fill-icon_54.entry-1a42103a.js → calendar-agenda-fill-icon_54.entry-50c9ed7b.js} +21 -10
- package/dist/{calendar-cancel-icon.entry-1566c286.js → calendar-cancel-icon.entry-64ea7038.js} +1 -1
- package/dist/{calendar-cancel-icon.entry-bf9fc719.cjs → calendar-cancel-icon.entry-b13aa245.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-82407a92.js → calendar-check-icon_2.entry-935310fc.js} +1 -1
- package/dist/{calendar-check-icon_2.entry-4c3e78a6.cjs → calendar-check-icon_2.entry-9cbe60a8.cjs} +1 -1
- package/dist/{calendar-icon.entry-359c064c.cjs → calendar-icon.entry-0c560a35.cjs} +1 -1
- package/dist/{calendar-icon.entry-c3c23413.js → calendar-icon.entry-2448eea2.js} +1 -1
- package/dist/{checkbox-component_2.entry-f974e789.cjs → checkbox-component_2.entry-1e3afb3a.cjs} +1 -1
- package/dist/{checkbox-component_2.entry-97e97789.js → checkbox-component_2.entry-ec5e75fb.js} +1 -1
- package/dist/{chevron-icon_3.entry-a6189c37.js → chevron-icon_3.entry-1f72ef71.js} +1 -1
- package/dist/{chevron-icon_3.entry-2453084c.cjs → chevron-icon_3.entry-da1751d2.cjs} +1 -1
- package/dist/{clock-icon_4.entry-ad679142.js → clock-icon_4.entry-4502c9f0.js} +1 -1
- package/dist/{clock-icon_4.entry-5162dfec.cjs → clock-icon_4.entry-b87aaaa9.cjs} +1 -1
- package/dist/{close-icon.entry-38dc2638.cjs → close-icon.entry-92e93293.cjs} +1 -1
- package/dist/{close-icon.entry-2c6cdf35.js → close-icon.entry-e96749ed.js} +1 -1
- package/dist/{constants-35df11e7-b37e3406.js → constants-24eca8c9-922dc05c.js} +16 -4
- package/dist/{constants-35df11e7-d87ad6d9.cjs → constants-24eca8c9-d0d9f3ec.cjs} +1 -1
- package/dist/{copy-icon.entry-79df1d0e.cjs → copy-icon.entry-19bb7d2f.cjs} +1 -1
- package/dist/{copy-icon.entry-6630ce5a.js → copy-icon.entry-7c958d7c.js} +1 -1
- package/dist/{delete-icon.entry-f9a265b6.cjs → delete-icon.entry-41c7d463.cjs} +1 -1
- package/dist/{delete-icon.entry-716f906c.js → delete-icon.entry-59c9ca04.js} +1 -1
- package/dist/{document-refresh-icon.entry-bb91822a.cjs → document-refresh-icon.entry-afc75ddb.cjs} +1 -1
- package/dist/{document-refresh-icon.entry-fa775295.js → document-refresh-icon.entry-c32cda4f.js} +1 -1
- package/dist/{feedbackSync-adc893c2-5965d5ba.js → feedbackSync-b4015b72-0785986b.js} +1 -1
- package/dist/{feedbackSync-adc893c2-70d06afc.cjs → feedbackSync-b4015b72-d343d411.cjs} +1 -1
- package/dist/{folder-icon.entry-9cf7590f.js → folder-icon.entry-5dcf707b.js} +1 -1
- package/dist/{folder-icon.entry-82a02de7.cjs → folder-icon.entry-61ccaddd.cjs} +1 -1
- package/dist/{forward-icon.entry-034ec3be.cjs → forward-icon.entry-3d598cb4.cjs} +1 -1
- package/dist/{forward-icon.entry-ebd5e108.js → forward-icon.entry-5a156d37.js} +1 -1
- package/dist/{globe-icon.entry-48837e22.js → globe-icon.entry-99e8bebf.js} +1 -1
- package/dist/{globe-icon.entry-b67c68d5.cjs → globe-icon.entry-a88502ce.cjs} +1 -1
- package/dist/{google-logo-icon_4.entry-819d7d0d.js → google-logo-icon_4.entry-531021bd.js} +6 -6
- package/dist/{google-logo-icon_4.entry-b637470a.cjs → google-logo-icon_4.entry-9a7790d2.cjs} +1 -1
- package/dist/{inbox-icon.entry-7f91d971.cjs → inbox-icon.entry-6eadce9b.cjs} +1 -1
- package/dist/{inbox-icon.entry-c611c154.js → inbox-icon.entry-b2a2f48e.js} +1 -1
- package/dist/{index-72501df0.js → index-13a43508.js} +51 -50
- package/dist/{index-92ba1b80.cjs → index-7dbf0ae7.cjs} +2 -2
- package/dist/{index.es-28b1b2ec-5a87db22.js → index.es-aa323594-17c2a3f6.js} +1 -1
- package/dist/{index.es-28b1b2ec-595c0513.cjs → index.es-aa323594-84331fa3.cjs} +1 -1
- package/dist/{info-icon_2.entry-4ad69286.js → info-icon_2.entry-c6e650c4.js} +1 -1
- package/dist/{info-icon_2.entry-4c70ab61.cjs → info-icon_2.entry-f53d81e5.cjs} +1 -1
- package/dist/{input-color-picker.entry-46bf04e1.cjs → input-color-picker.entry-16fa8456.cjs} +1 -1
- package/dist/{input-color-picker.entry-4e5760ce.js → input-color-picker.entry-cd398537.js} +1 -1
- package/dist/{input-component.entry-1019ce99.cjs → input-component.entry-74b63249.cjs} +1 -1
- package/dist/{input-component.entry-dca1013f.js → input-component.entry-b471f023.js} +1 -1
- package/dist/{input-dropdown.entry-f14c59e7.js → input-dropdown.entry-14e1f6cb.js} +1 -1
- package/dist/{input-dropdown.entry-e535fb5e.cjs → input-dropdown.entry-32b4b8be.cjs} +1 -1
- package/dist/{italic-icon.entry-2ab53839.js → italic-icon.entry-8a1a7568.js} +1 -1
- package/dist/{italic-icon.entry-726cc194.cjs → italic-icon.entry-c9ae0186.cjs} +1 -1
- package/dist/{multi-select-dropdown.entry-6820d249.cjs → multi-select-dropdown.entry-58b860a0.cjs} +1 -1
- package/dist/{multi-select-dropdown.entry-a097d3cb.js → multi-select-dropdown.entry-bc4901aa.js} +1 -1
- package/dist/nylas-booked-event-card_12.entry-f64eecaa.cjs +1 -0
- package/dist/{nylas-booked-event-card_12.entry-ccd85ff4.js → nylas-booked-event-card_12.entry-fbdb2f3d.js} +379 -379
- package/dist/{nylas-form-card.entry-8eb47f3d.cjs → nylas-form-card.entry-7e9a0cf1.cjs} +1 -1
- package/dist/{nylas-form-card.entry-afdfee47.js → nylas-form-card.entry-aa1d5aca.js} +2 -2
- package/dist/{nylas-if-state.entry-7caad39f.js → nylas-if-state.entry-5e30f6b3.js} +2 -2
- package/dist/{nylas-if-state.entry-be7978de.cjs → nylas-if-state.entry-96914d61.cjs} +1 -1
- package/dist/{nylas-login.entry-bce4f689.cjs → nylas-login.entry-e26689b0.cjs} +1 -1
- package/dist/{nylas-login.entry-dcf85f93.js → nylas-login.entry-e52648da.js} +2 -2
- package/dist/{nylas-provider.entry-f02017da.cjs → nylas-provider.entry-9d43f4f0.cjs} +1 -1
- package/dist/{nylas-provider.entry-97882e4b.js → nylas-provider.entry-ac669351.js} +4 -4
- package/dist/nylas-scheduler-editor.entry-0f1370d9.cjs +2 -0
- package/dist/{nylas-scheduler-editor.entry-dcfdd6bf.js → nylas-scheduler-editor.entry-9655ce2e.js} +12 -12
- package/dist/{nylas-scheduling.entry-2b842e93.js → nylas-scheduling.entry-14d4cd69.js} +9 -9
- package/dist/{nylas-scheduling.entry-e0e9c8e8.cjs → nylas-scheduling.entry-ab10f8a4.cjs} +1 -1
- package/dist/{nylas-time-window-picker.entry-96f5fe9a.js → nylas-time-window-picker.entry-a2f71121.js} +1 -1
- package/dist/{nylas-time-window-picker.entry-a8780f2e.cjs → nylas-time-window-picker.entry-dfbd975e.cjs} +1 -1
- package/dist/{person-icon.entry-3ec67feb.js → person-icon.entry-40b5a8c5.js} +1 -1
- package/dist/{person-icon.entry-2f8e00fd.cjs → person-icon.entry-a45918af.cjs} +1 -1
- package/dist/{play-icon.entry-a840bdca.js → play-icon.entry-b2315f8c.js} +1 -1
- package/dist/{play-icon.entry-1abf79e9.cjs → play-icon.entry-c5757946.cjs} +1 -1
- package/dist/react.cjs +1 -1
- package/dist/react.js +1 -1
- package/dist/{refresh-icon.entry-11fcb673.js → refresh-icon.entry-37d038f8.js} +1 -1
- package/dist/{refresh-icon.entry-af7f54b4.cjs → refresh-icon.entry-b9afd192.cjs} +1 -1
- package/dist/{register-component-75f530bc-0e4e3d7a.js → register-component-555477e7-42247763.js} +1 -1
- package/dist/{register-component-75f530bc-61b6f2dd.cjs → register-component-555477e7-ecafba1c.cjs} +1 -1
- package/dist/{reply-all-icon.entry-cc2ad940.cjs → reply-all-icon.entry-07a6783a.cjs} +1 -1
- package/dist/{reply-all-icon.entry-5c8b3356.js → reply-all-icon.entry-89fd0e10.js} +1 -1
- package/dist/{reply-icon.entry-840acade.cjs → reply-icon.entry-8cddb112.cjs} +1 -1
- package/dist/{reply-icon.entry-d048736f.js → reply-icon.entry-a53a6fc4.js} +1 -1
- package/dist/{scheduler-config-store-ed4a8dfd-f74e58ae.js → scheduler-config-store-ed4a8dfd-656579e3.js} +1 -1
- package/dist/{scheduler-config-store-ed4a8dfd-161a3efd.cjs → scheduler-config-store-ed4a8dfd-733c6442.cjs} +1 -1
- package/dist/scheduler-store-c37aa5ca-0484b074.cjs +1 -0
- package/dist/{scheduler-store-d84b82a0-11faba86.js → scheduler-store-c37aa5ca-c9752707.js} +127 -124
- package/dist/{sent-icon.entry-fd3b9ad9.js → sent-icon.entry-6ac749b3.js} +1 -1
- package/dist/{sent-icon.entry-987760ce.cjs → sent-icon.entry-b740a32d.cjs} +1 -1
- package/dist/{spam-icon.entry-3ce4f9fc.cjs → spam-icon.entry-78cec025.cjs} +1 -1
- package/dist/{spam-icon.entry-4665415c.js → spam-icon.entry-872ff1e4.js} +1 -1
- package/dist/{star-icon.entry-0f446ac7.js → star-icon.entry-57246dc1.js} +1 -1
- package/dist/{star-icon.entry-a3ba4703.cjs → star-icon.entry-ab9ad7df.cjs} +1 -1
- package/dist/{stop-icon.entry-72c964b2.js → stop-icon.entry-5054fa33.js} +1 -1
- package/dist/{stop-icon.entry-9c13e00a.cjs → stop-icon.entry-f79dce49.cjs} +1 -1
- package/dist/{textarea-component.entry-d414e219.js → textarea-component.entry-15c9a676.js} +1 -1
- package/dist/{textarea-component.entry-ff04b5fa.cjs → textarea-component.entry-2967dd82.cjs} +1 -1
- package/dist/{time-period-selector.entry-53edc0ba.js → time-period-selector.entry-9226fd08.js} +1 -1
- package/dist/{time-period-selector.entry-2ce3347a.cjs → time-period-selector.entry-a53c94c2.cjs} +1 -1
- package/dist/{translate-icon.entry-84a78b9a.js → translate-icon.entry-52939fa4.js} +1 -1
- package/dist/{translate-icon.entry-9bab13ad.cjs → translate-icon.entry-f4dcc479.cjs} +1 -1
- package/dist/{trash-fill-icon.entry-84f52290.cjs → trash-fill-icon.entry-7f4ddaf5.cjs} +1 -1
- package/dist/{trash-fill-icon.entry-2881a44c.js → trash-fill-icon.entry-b9ab3cfc.js} +1 -1
- package/dist/{underline-icon.entry-23eca319.js → underline-icon.entry-c8142970.js} +1 -1
- package/dist/{underline-icon.entry-5a8410ef.cjs → underline-icon.entry-e9959c5c.cjs} +1 -1
- package/dist/{warning-icon.entry-abf9e5dc.js → warning-icon.entry-00426457.js} +1 -1
- package/dist/{warning-icon.entry-1966042d.cjs → warning-icon.entry-98c0d003.cjs} +1 -1
- package/package.json +3 -3
- package/dist/calendar-agenda-fill-icon_54.entry-95ccb99e.cjs +0 -9
- package/dist/nylas-booked-event-card_12.entry-c684905b.cjs +0 -1
- package/dist/nylas-scheduler-editor.entry-cc6f4060.cjs +0 -2
- package/dist/scheduler-store-d84b82a0-7a7fe186.cjs +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as b, h as s, c as x, d, D as ua, H as E, g as O, E as ue, G as se, I as it, J as st, t as Oe, K as Qn, L as ya, i as ye, M as be, O as ba } from "./index-
|
|
2
|
-
import { R as S } from "./register-component-
|
|
3
|
-
import { D as vt, T as ot, F as rt, c as ga, P as on, C as va, E as lt, R as dt, d as _a, e as Ca } from "./constants-
|
|
1
|
+
import { r as b, h as s, c as x, d, D as ua, H as E, g as O, E as ue, G as se, I as it, J as st, t as Oe, K as Qn, L as ya, i as ye, M as be, O as ba } from "./index-13a43508.js";
|
|
2
|
+
import { R as S } from "./register-component-555477e7-42247763.js";
|
|
3
|
+
import { D as vt, T as ot, F as rt, c as ga, P as on, C as va, E as lt, R as dt, d as _a, e as Ca } from "./constants-24eca8c9-922dc05c.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
6
|
const wa = ".sc-calendar-agenda-fill-icon-h{display:flex}", xa = wa, ka = class {
|
|
@@ -2194,7 +2194,7 @@ ne(tt, {
|
|
|
2194
2194
|
});
|
|
2195
2195
|
_.mount(new ts());
|
|
2196
2196
|
_.mount(tt, nt);
|
|
2197
|
-
const as = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-booking-form-config{width:inherit;display:flex;flex-direction:column;margin:1rem;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-form-config .header{padding:1rem;display:flex;justify-content:space-between;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-form-config .header .header_text h3{margin:0;font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-form-config .header .header_text p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-booking-form-config .header .header_action{display:flex}.nylas-booking-form-config .header .header_action select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-form-config .content{padding:1rem;color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family)}@media screen and (max-width: 504px){.nylas-booking-form-config .content{font-size:15px}}.nylas-booking-form-config .content .additional_fields{display:flex;flex-direction:column;gap:1rem;position:relative;overflow:auto}@media screen and (max-width: 504px){.nylas-booking-form-config .content .additional_fields{gap:0.5rem;padding:0}}.nylas-booking-form-config .content .additional_fields .form-field{border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);padding:1rem;user-select:none;background-color:white;position:relative}.nylas-booking-form-config .content .additional_fields .form-field.highlight{background-color:var(--nylas-base-200)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header{display:flex;justify-content:space-between;align-items:center}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .dragable{cursor:move}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_text{flex:1;text-align:left;padding-left:1rem}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_text h4{margin:0;font-size:16px;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_text p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions{display:flex;align-items:center}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .is-required{color:var(--nylas-base-500);background-color:var(--nylas-base-50);font-weight:600;padding:4px 8px;border-radius:var(--nylas-border-radius-2x)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions button{border:none;background:transparent;height:40px;margin:0 1rem;cursor:pointer;color:var(--nylas-base-800)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions button:hover,.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions button:active{color:var(--nylas-primary)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron{display:flex;align-self:center;cursor:pointer}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron:hover,.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron:active{color:var(--nylas-primary)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron.open{transform:rotate(90deg)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron.closed{transform:rotate(270deg)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content{padding:1.5rem 0 0 2.7rem}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content.hidden{display:none}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs{display:flex}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs .label-input{padding:0 1rem 0 0}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs .required-input{display:flex}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs .required-input label{padding:0.5rem}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs .required-input input[type=checkbox]{transform:scale(1.3)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container h4{margin:0;font-size:16px;line-height:20px;font-weight:500;padding:0.5rem 0;color:var(--nylas-base-900);text-align:left}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container button{border:none;background:transparent;height:40px;margin:1rem 0;cursor:pointer;color:var(--nylas-base-800);display:flex;align-items:center;justify-content:space-between}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container button:hover,.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container button:active{color:var(--nylas-primary)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options{display:flex;flex-direction:column;gap:1rem}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options .option{display:flex;justify-content:space-between;align-items:center}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options .option button{border:none;background:transparent;height:40px;margin:0 1rem;cursor:pointer;color:var(--nylas-base-800)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options .option button:hover,.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options .option button:active{color:var(--nylas-primary)}', is = as;
|
|
2197
|
+
const as = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-booking-form-config{width:inherit;display:flex;flex-direction:column;margin:1rem;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-form-config .header{padding:1rem;display:flex;justify-content:space-between;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-form-config .header .header_text h3{margin:0;font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-form-config .header .header_text p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-booking-form-config .header .header_action{display:flex}.nylas-booking-form-config .header .header_action select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-form-config .content{padding:1rem;color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family)}@media screen and (max-width: 504px){.nylas-booking-form-config .content{font-size:15px}}.nylas-booking-form-config .content .additional_fields{display:flex;flex-direction:column;gap:1rem;position:relative;overflow:auto}@media screen and (max-width: 504px){.nylas-booking-form-config .content .additional_fields{gap:0.5rem;padding:0}}.nylas-booking-form-config .content .additional_fields .form-field{border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);padding:1rem;user-select:none;background-color:white;position:relative}.nylas-booking-form-config .content .additional_fields .form-field.highlight{background-color:var(--nylas-base-200)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header{display:flex;justify-content:space-between;align-items:center}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .dragable{cursor:move}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_text{flex:1;text-align:left;padding-left:1rem}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_text h4{margin:0;font-size:16px;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_text p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions{display:flex;align-items:center}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .is-required{color:var(--nylas-base-500);background-color:var(--nylas-base-50);font-weight:600;padding:4px 8px;border-radius:var(--nylas-border-radius-2x)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions button{border:none;background:transparent;height:40px;margin:0 1rem;cursor:pointer;color:var(--nylas-base-800)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions button:hover,.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions button:active{color:var(--nylas-primary)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron{display:flex;align-self:center;cursor:pointer}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron:hover,.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron:active{color:var(--nylas-primary)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron.open{transform:rotate(90deg)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron.closed{transform:rotate(270deg)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content{padding:1.5rem 0 0 2.7rem}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content.hidden{display:none}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs{display:flex;flex-direction:column;gap:0.5rem}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs .label-input{padding:0 1rem 0 0}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs .required-input{display:flex}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs .required-input label{padding:0.5rem}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs .required-input input[type=checkbox]{transform:scale(1.3)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container h4{margin:0;font-size:16px;line-height:20px;font-weight:500;padding:0.5rem 0;color:var(--nylas-base-900);text-align:left}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container button{border:none;background:transparent;height:40px;margin:1rem 0;cursor:pointer;color:var(--nylas-base-800);display:flex;align-items:center;justify-content:space-between}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container button:hover,.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container button:active{color:var(--nylas-primary)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options{display:flex;flex-direction:column;gap:1rem}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options .option{display:flex;justify-content:space-between;align-items:center}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options .option button{border:none;background:transparent;height:40px;margin:0 1rem;cursor:pointer;color:var(--nylas-base-800)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options .option button:hover,.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options .option button:active{color:var(--nylas-primary)}', is = as;
|
|
2198
2198
|
var ss = function(e, n, t, a) {
|
|
2199
2199
|
var o = arguments.length, i = o < 3 ? n : a === null ? a = Object.getOwnPropertyDescriptor(n, t) : a, r;
|
|
2200
2200
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
@@ -2274,13 +2274,15 @@ const zt = class {
|
|
|
2274
2274
|
label: o.label,
|
|
2275
2275
|
order: i + 1,
|
|
2276
2276
|
options: o.options,
|
|
2277
|
-
key: o.key
|
|
2277
|
+
key: o.key,
|
|
2278
|
+
default: o.default
|
|
2278
2279
|
} })).reduce((o, i) => (o[i.key] = {
|
|
2279
2280
|
type: i.type,
|
|
2280
2281
|
required: i.required,
|
|
2281
2282
|
order: i.order,
|
|
2282
2283
|
options: i.options,
|
|
2283
|
-
label: i.label
|
|
2284
|
+
label: i.label,
|
|
2285
|
+
default: i.default
|
|
2284
2286
|
}, o), {});
|
|
2285
2287
|
this.valueChanged.emit({
|
|
2286
2288
|
value: a,
|
|
@@ -2307,8 +2309,14 @@ const zt = class {
|
|
|
2307
2309
|
}
|
|
2308
2310
|
}
|
|
2309
2311
|
nylasFormInputChangedHandler(e) {
|
|
2310
|
-
const { name: n } = e.detail
|
|
2311
|
-
|
|
2312
|
+
const { name: n } = e.detail;
|
|
2313
|
+
if (n.startsWith("default-value-")) {
|
|
2314
|
+
const t = parseInt(n.split("-").pop() || "0");
|
|
2315
|
+
this.fieldDefaultValueChanged(t, e);
|
|
2316
|
+
} else {
|
|
2317
|
+
const [t, a] = n.split("_");
|
|
2318
|
+
a ? this.fieldOptionChange(parseInt(t), parseInt(a), e) : this.fieldLabelChange(parseInt(t), e);
|
|
2319
|
+
}
|
|
2312
2320
|
}
|
|
2313
2321
|
swapFields(e) {
|
|
2314
2322
|
const { oldIndex: n, newIndex: t } = e;
|
|
@@ -2356,14 +2364,17 @@ const zt = class {
|
|
|
2356
2364
|
fieldOptionChange(e, n, t) {
|
|
2357
2365
|
this.formFields = this.formFields.map((a, o) => (o === e && (a.options || (a.options = []), a.options = a.options.map((i, r) => (r === n && (i = t.detail.value), i))), a));
|
|
2358
2366
|
}
|
|
2367
|
+
fieldDefaultValueChanged(e, n) {
|
|
2368
|
+
this.formFields = this.formFields.map((t, a) => (a === e && (t.default = n.detail.value), t));
|
|
2369
|
+
}
|
|
2359
2370
|
render() {
|
|
2360
|
-
return s(E, { key: "
|
|
2371
|
+
return s(E, { key: "c04d0559326b5a5f2b06a50ec75108aa9205f554" }, s("div", { key: "b28ce5476fc6d458e578bacc70f8515a41140bdb", class: "nylas-booking-form-config", part: "nbfc" }, s("div", { key: "8ae9f70bafd0c3389e2e8cfb1bc9167322c51d02", class: "header", part: "nbfc__header" }, s("div", { key: "00aca11123f8789fc33e19aa563ae989eabd732b", class: "header_text" }, s("h3", { key: "1236bc055f9da4d9edb6a46f123ac26f7e3bf3be" }, "Booking form"), s("p", { key: "10e937c33b0b2cc06cd2d55dd6dce17e53731885" }, "Add custom fields to the booking form.")), s("div", { key: "7aa116effb6fa846a50d214195bb0297d2370a7f", class: "header_action" }, s("select-dropdown", { key: "6f6e50d1349f633bb6fc3114f17f357ef273047b", name: "add-field", exportparts: "sd_dropdown: nbfc__add_field, sd_dropdown-button: nbfc__add_field-button, sd_dropdown-content: nbfc__add_field-dropdown-content", options: ga, withSearch: !1, withChevron: !1, dropdownButtonText: "Add new field" }, s("span", { key: "f7efbb6d8d43323944d73b50afe891e6037ef618", slot: "select-icon" }, s("plus-icon", { key: "6c201dcd7830277b33459886e2889b3daf69ce4f", width: "15", height: "15" }))))), s("div", { key: "0de903a139c7055abd25fcdfa887c26c375fc0c6", class: "content" }, s("div", { key: "bfad27230ada72d362e79add159fddf66ecc742f", id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields.map((e, n) => s("div", { class: `form-field draggable ${e.readonly && "fixed"}`, part: "nbfc__form_field", key: n }, s("div", { class: "form-field_header", part: "nbfc__form_field-header" }, s("span", { class: "dragable" }, s("dragable-icon", { width: "24", height: "25" })), s("div", { class: "form-field_header_text" }, s("h4", null, e.label), s("p", null, e.typeLabel)), s("div", { class: "form-field_header_actions" }, s("span", { class: "is-required" }, e.required ? "Required" : "Optional"), !e.readonly && s("button", { onClick: () => {
|
|
2361
2372
|
this.fieldRemove(n);
|
|
2362
2373
|
} }, s("close-icon", null)), s("span", { class: `chevron ${e.isOpen ? "open" : "closed"}`, onClick: () => {
|
|
2363
2374
|
this.fieldToggle(n);
|
|
2364
2375
|
} }, s("chevron-icon", { width: "24", height: "24" })))), s("div", { class: `form-field_content ${!e.isOpen && "hidden"}`, part: "nbfc__form_field-content" }, s("div", { class: "inputs" }, s("input-component", { class: "label-input", name: `${n}`, key: n, label: "Label", required: !1, readOnly: e.readonly, defaultValue: e.label }, s("div", { class: "required-input", slot: "additional-input" }, s("input", { type: "checkbox", name: `required_${e.order}`, id: `required_${e.order}`, onClick: () => {
|
|
2365
2376
|
this.fieldRequired(n);
|
|
2366
|
-
}, checked: e.required, disabled: e.readonly }), s("label", { htmlFor: `required_${e.order}`, "aria-label": "Required" }, "Required")))), e.options != null && s("div", { class: "options-container" }, s("h4", null, "ALL OPTIONS"), s("div", { class: "options" }, e.options.map((t, a) => s("div", { class: "option" }, s("input-component", { key: a, name: `${n}_${a}`, label: e.typeLabel + " option " + (a + 1), required: !0, defaultValue: t }, a > 1 && s("div", { class: "required-input", slot: "additional-input" }, s("button", { onClick: () => {
|
|
2377
|
+
}, checked: e.required, disabled: e.readonly }), s("label", { htmlFor: `required_${e.order}`, "aria-label": "Required" }, "Required"))), !e.readonly && s("input-component", { class: "default-value", name: `default-value-${n}`, key: n, label: "Default value", required: !1, readOnly: e.readonly, defaultValue: e.default })), e.options != null && s("div", { class: "options-container" }, s("h4", null, "ALL OPTIONS"), s("div", { class: "options" }, e.options.map((t, a) => s("div", { class: "option" }, s("input-component", { key: a, name: `${n}_${a}`, label: e.typeLabel + " option " + (a + 1), required: !0, defaultValue: t }, a > 1 && s("div", { class: "required-input", slot: "additional-input" }, s("button", { onClick: () => {
|
|
2367
2378
|
this.fieldOptionRemove(n, a);
|
|
2368
2379
|
} }, s("close-icon", null))))))), s("button", { onClick: () => {
|
|
2369
2380
|
this.fieldOptionAdd(n);
|
package/dist/{calendar-cancel-icon.entry-bf9fc719.cjs → calendar-cancel-icon.entry-b13aa245.cjs}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7dbf0ae7.cjs");require("react");require("react-dom");const c=".sc-calendar-cancel-icon-h{display:flex}",n=c,t=class{constructor(a){e.registerInstance(this,a),this.width="20",this.height="20"}render(){return e.h("svg",{key:"73067881feeacd7becb2872f91f78229996f06dd",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"bed216fd298ad011b68ac073bfd1e8c526855566",d:"M14.5 9a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-2.476 3.024a.5.5 0 0 0 0 .707l1.769 1.77-1.767 1.766a.5.5 0 1 0 .707.708l1.767-1.767 1.77 1.769a.5.5 0 1 0 .707-.707L15.208 14.5l1.771-1.77a.5.5 0 0 0-.707-.707l-1.771 1.77-1.77-1.77a.5.5 0 0 0-.707 0ZM14.75 0A3.25 3.25 0 0 1 18 3.25l.001 5.773a6.47 6.47 0 0 0-1.5-.71L16.5 5.5h-15v9.25c0 .966.784 1.75 1.75 1.75h5.064a6.47 6.47 0 0 0 .709 1.501L3.25 18A3.25 3.25 0 0 1 0 14.75V3.25A3.25 3.25 0 0 1 3.25 0h11.5Zm0 1.5H3.25A1.75 1.75 0 0 0 1.5 3.25V4h15v-.75a1.75 1.75 0 0 0-1.75-1.75Z",fill:"currentColor"}))}};t.style=n;exports.calendar_cancel_icon=t;
|
package/dist/{calendar-check-icon_2.entry-4c3e78a6.cjs → calendar-check-icon_2.entry-9cbe60a8.cjs}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7dbf0ae7.cjs");require("react");require("react-dom");const h=".sc-calendar-check-icon-h{display:flex}",r=h,t=class{constructor(c){e.registerInstance(this,c),this.width="20",this.height="20"}render(){return e.h("svg",{key:"a5370d8a3a42db8fc9427f05882c22604196d36b",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"92afc634de1e85e89c07ef55b3a0888b4c269831",fill:"currentColor",d:"M14.75 0C16.5449 0 18 1.45507 18 3.25V9.02182C17.5368 8.72526 17.0335 8.48584 16.5 8.3135V5.5H1.5V14.75C1.5 15.7165 2.2835 16.5 3.25 16.5H8.3135C8.48584 17.0335 8.72526 17.5368 9.02182 18H3.25C1.45507 18 0 16.5449 0 14.75V3.25C0 1.45507 1.45507 0 3.25 0H14.75ZM14.75 1.5H3.25C2.2835 1.5 1.5 2.2835 1.5 3.25V4H16.5V3.25C16.5 2.2835 15.7165 1.5 14.75 1.5ZM20 14.5C20 17.5376 17.5376 20 14.5 20C11.4624 20 9 17.5376 9 14.5C9 11.4624 11.4624 9 14.5 9C17.5376 9 20 11.4624 20 14.5ZM17.8536 12.1464C17.6583 11.9512 17.3417 11.9512 17.1464 12.1464L13.5 15.7929L11.8536 14.1464C11.6583 13.9512 11.3417 13.9512 11.1464 14.1464C10.9512 14.3417 10.9512 14.6583 11.1464 14.8536L13.1464 16.8536C13.3417 17.0488 13.6583 17.0488 13.8536 16.8536L17.8536 12.8536C18.0488 12.6583 18.0488 12.3417 17.8536 12.1464Z"}))}};t.style=r;const s=".sc-checkmark-circle-icon-h{display:flex}",n=s,i=class{constructor(c){e.registerInstance(this,c),this.width="20",this.height="20"}render(){return e.h("svg",{key:"236437ba0c458e74e9c1c275a2207be0bc767c17",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,fill:"none",viewBox:"0 0 20 20"},e.h("path",{key:"ba7976c7791f538dc7e4831a083c087b9185613a",fill:"currentColor",d:"M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z"}))}};i.style=n;exports.calendar_check_icon=t;exports.checkmark_circle_icon=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7dbf0ae7.cjs");require("react");require("react-dom");const i=".sc-calendar-icon-h{display:flex}",r=i,t=class{constructor(C){e.registerInstance(this,C),this.width="15",this.height="15"}render(){return e.h("svg",{key:"39561d399a389e6184f4c64ef06d99a6b8f62f29",width:this.width,height:this.height,fill:"none",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"70b125ef198c0a892da3235a47c9de5649eb7d82",fill:"currentColor",d:"M14.3073 0.692383C15.9641 0.692383 17.3073 2.03553 17.3073 3.69238V14.3078C17.3073 15.9646 15.9641 17.3078 14.3073 17.3078H3.6919C2.03504 17.3078 0.691895 15.9646 0.691895 14.3078V3.69238C0.691895 2.03553 2.03504 0.692383 3.6919 0.692383H14.3073ZM15.9227 5.76931H2.07651V14.3078C2.07651 15.1999 2.79974 15.9232 3.6919 15.9232H14.3073C15.1994 15.9232 15.9227 15.1999 15.9227 14.3078V5.76931ZM5.07651 11.3078C5.71376 11.3078 6.23036 11.8244 6.23036 12.4616C6.23036 13.0989 5.71376 13.6155 5.07651 13.6155C4.43926 13.6155 3.92266 13.0989 3.92266 12.4616C3.92266 11.8244 4.43926 11.3078 5.07651 11.3078ZM8.99959 11.3078C9.63684 11.3078 10.1534 11.8244 10.1534 12.4616C10.1534 13.0989 9.63684 13.6155 8.99959 13.6155C8.36234 13.6155 7.84574 13.0989 7.84574 12.4616C7.84574 11.8244 8.36234 11.3078 8.99959 11.3078ZM5.07651 7.61546C5.71376 7.61546 6.23036 8.13206 6.23036 8.76931C6.23036 9.40656 5.71376 9.92315 5.07651 9.92315C4.43926 9.92315 3.92266 9.40656 3.92266 8.76931C3.92266 8.13206 4.43926 7.61546 5.07651 7.61546ZM8.99959 7.61546C9.63684 7.61546 10.1534 8.13206 10.1534 8.76931C10.1534 9.40656 9.63684 9.92315 8.99959 9.92315C8.36234 9.92315 7.84574 9.40656 7.84574 8.76931C7.84574 8.13206 8.36234 7.61546 8.99959 7.61546ZM12.9227 7.61546C13.5599 7.61546 14.0765 8.13206 14.0765 8.76931C14.0765 9.40656 13.5599 9.92315 12.9227 9.92315C12.2854 9.92315 11.7688 9.40656 11.7688 8.76931C11.7688 8.13206 12.2854 7.61546 12.9227 7.61546ZM14.3073 2.077H3.6919C2.79974 2.077 2.07651 2.80023 2.07651 3.69238V4.38469H15.9227V3.69238C15.9227 2.80023 15.1994 2.077 14.3073 2.077Z"}))}};t.style=r;exports.calendar_icon=t;
|
package/dist/{checkbox-component_2.entry-f974e789.cjs → checkbox-component_2.entry-1e3afb3a.cjs}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7dbf0ae7.cjs");require("react");require("react-dom");const l='.checkbox-container{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;display:flex;flex-direction:column;gap:0.5rem}.checkbox-container p.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family);margin:0}label{display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--nylas-primary)}label .checkmark{border-radius:var(--nylas-border-radius);border:2px solid var(--nylas-base-800);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}',o=l,r=class{constructor(a){e.registerInstance(this,a),this.nylasFormCheckboxToggled=e.createEvent(this,"nylasFormCheckboxToggled",7),this.componentType="checkbox",this.name="checkbox",this.checked=void 0,this.label="",this.required=!1,this.isChecked=void 0,this.error=""}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}componentDidLoad(){this.isChecked=this.checked||!1}handleBookingFormSubmitted(a){if(this.required&&!this.isChecked){this.error=`${this.label} is required.`;return}this.error&&a.preventDefault()}toggleCheck(){this.error="",this.isChecked=!this.isChecked,this.nylasFormCheckboxToggled.emit({checked:this.isChecked,name:this.name,label:this.label})}render(){return e.h("div",{key:"f4dfab5a5da9f9c79424930bfd5497c24dc1bfe5",class:"checkbox-container"},e.h("label",{key:"78e192f2eddcfd788ac16e80be3ac0b9c47e6f6a"},e.h("input",{key:"6e3aa50fb6542cb134dc5454e9fc0052be22e36f",type:"checkbox",name:this.name,checked:this.isChecked,onChange:()=>this.toggleCheck()}),e.h("span",{key:"abbd103b06bf934eff294b443b468e446901c371",class:"checkmark"}),e.h("slot",{key:"f11d669ba02b705ba7679985e83b91086a17ccc9",name:"label"},e.h("span",{key:"1298c44fbbe9ce75638b00ac07e6e83bab1394c2",class:"label"},this.label))),this.error&&e.h("p",{class:"error"},this.error))}get el(){return e.getElement(this)}};r.style=o;const n='.radio-group{display:flex;flex-direction:column;gap:0.5rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.radio-group slot[name=label]{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;font-size:16px}.radio-group slot[name=label].error{color:var(--nylas-error)}.radio-group slot[name=label] span.required{color:var(--nylas-error);padding:0 0.25rem}.radio-group slot[name=label] p{margin:0}.radio-group slot[name=label] p.error{color:var(--nylas-error)}.radio-group slot[name=label] .error{color:var(--nylas-error)}.radio-group span.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family)}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary)}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem;margin:0}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}',t=n,s=class{constructor(a){e.registerInstance(this,a),this.nylasFormRadioChanged=e.createEvent(this,"nylasFormRadioChanged",7),this.componentType="radio-group",this.name="radio-group",this.options=[],this.defaultSelectedValue="",this.label=void 0,this.required=!1,this.selectedValue=void 0,this.error=""}handleDefaultSelectedValueChange(a){this.selectedValue=a}componentDidLoad(){this.selectedValue=this.defaultSelectedValue}handleBookingFormSubmitted(a){if(this.required&&!this.selectedValue){this.error=`${this.label} is required.`;return}this.error&&a.preventDefault()}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}handleChange(a){this.error="",this.selectedValue=a,this.nylasFormRadioChanged.emit({value:a,name:this.name,label:this.label})}render(){return e.h("div",{key:"6848b97b9a503ab19ce43b405d86d6e98ca3caaa",class:"radio-group"},e.h("slot",{key:"be574ba6675264e5f616f55126a6a83f3706975f",name:"label"},this.label&&e.h("p",{class:{error:!!this.error}},e.h("span",{class:"label"},this.label),this.required&&e.h("span",{class:"required"},"*"))),this.options.map(a=>e.h("label",null,e.h("div",{class:"radio-option"},e.h("input",{type:"radio",name:this.name,value:a.value,checked:this.selectedValue===a.value,onChange:()=>this.handleChange(a.value)}),e.h("p",null,e.h("span",{class:"title"},a.label),e.h("span",{class:"description"},a.description))))),this.error&&e.h("span",{class:"error help-text"},this.error))}get el(){return e.getElement(this)}static get watchers(){return{defaultSelectedValue:["handleDefaultSelectedValueChange"]}}};s.style=t;exports.checkbox_component=r;exports.radio_button_group=s;
|
package/dist/{checkbox-component_2.entry-97e97789.js → checkbox-component_2.entry-ec5e75fb.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r, c as s, h as e, g as l } from "./index-
|
|
1
|
+
import { r, c as s, h as e, g as l } from "./index-13a43508.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const o = '.checkbox-container{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;display:flex;flex-direction:column;gap:0.5rem}.checkbox-container p.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family);margin:0}label{display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--nylas-primary)}label .checkmark{border-radius:var(--nylas-border-radius);border:2px solid var(--nylas-base-800);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}', n = o, t = class {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-92ba1b80.cjs");require("react");require("react-dom");const h=".sc-chevron-icon-h{display:flex}",c=h,a=class{constructor(e){s.registerInstance(this,e),this.width="24",this.height="24"}render(){return s.h("svg",{key:"fb1ba717c31f07393be2b8b0c984e1be9aac2042",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none"},s.h("path",{key:"df8820887c1787356ad0727baf34fe0c5b76bbd4",fill:"currentColor",d:"M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z"}))}};a.style=c;const p=".sc-search-icon-h{display:flex}",b=p,l=class{constructor(e){s.registerInstance(this,e),this.width="15",this.height="15"}render(){return s.h("svg",{key:"ddf419d549f82cf693e9b261d671dcb402c193f6",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.h("path",{key:"d30e346032f2d41161d314e0b1305643688d6402",fill:"currentColor",d:"M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z"}))}};l.style=b;const f=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.dropdown{display:inline-block;width:inherit}.dropbtn{color:var(--nylas-base-800);padding:14px;font-size:1rem;font-family:var(--nylas-font-family);cursor:pointer;display:flex;justify-content:space-between;gap:0.5rem;background:transparent;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x)}.dropbtn.error{border:1px solid var(--nylas-error)}.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);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}',u=f,d=class{constructor(e){s.registerInstance(this,e),this.nylasFormDropdownChanged=s.createEvent(this,"nylasFormDropdownChanged",7),this.nylasFormDropdownDefaultSelected=s.createEvent(this,"nylasFormDropdownDefaultSelected",7),this.componentType="select-dropdown",this.name=void 0,this.options=[],this.defaultSelectedOption=null,this.withSearch=!0,this.label=void 0,this.required=!1,this.pluralizedLabel="",this.dropdownButtonText=void 0,this.withChevron=!0,this.emptyValue="Select an option",this.errorMessage="",this.selectedOption=void 0,this.isOpen=!1,this.searchValue="",this.filteredOptions=[...this.options],this.ariaActivedescendant="",this.error=""}optionsChangedHandler(e,t){e!==t&&(this.filteredOptions=e)}defaultSelectedOptionChangedHandler(e,t){typeof e>"u"||(e==null?void 0:e.label)===(t==null?void 0:t.label)||(this.selectedOption=e,this.nylasFormDropdownDefaultSelected.emit({value:(e==null?void 0:e.value)||"",name:this.name,error:this.error,label:this.label}))}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}componentDidLoad(){var e;this.filteredOptions=this.options,this.selectedOption=this.defaultSelectedOption,!this.selectedOption&&this.options.length>0&&(this.selectedOption=this.options[0]),this.nylasFormDropdownDefaultSelected.emit({value:((e=this.selectedOption)==null?void 0:e.value)||"",name:this.name,error:this.error,label:this.label})}handleBookingFormSubmitted(e){var t;this.validate(((t=this.selectedOption)==null?void 0:t.value)||""),this.error&&e.preventDefault()}handleFormSubmitted(e){var t;this.validate(((t=this.selectedOption)==null?void 0:t.value)||""),this.error&&e.preventDefault()}validate(e){this.required&&!e?this.error=this.errorMessage||`${this.label} is required.`:this.error=""}toggleDropdown(){this.isOpen=!this.isOpen}filterOptions(e){const t=e.target.value;this.searchValue=t,this.filteredOptions=this.options.filter(i=>i.label.toLowerCase().includes(t.toLowerCase()))}selectOption(e){this.error="",this.selectedOption=e,this.toggleDropdown(),e.value!==this.emptyValue&&this.nylasFormDropdownChanged.emit({value:e.value,name:this.name,error:this.error,label:this.label})}handleSelectButtonKeyDown(e){var t;switch(e.key){case"ArrowDown":case"Enter":e.preventDefault(),this.isOpen||this.toggleDropdown(),(t=this.inputRef)==null||t.focus();break;case"Escape":this.isOpen=!1;break}}handleListboxKeydown(e){var r,o;const t=this.filteredOptions,i=t.findIndex(n=>n.value===this.ariaActivedescendant);if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){if(e.preventDefault(),i===t.length-1){this.ariaActivedescendant="",(r=this.inputRef)==null||r.focus();return}const n=i+1<t.length?i+1:0;this.ariaActivedescendant=t[n].value,this.focusOption(n)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){if(e.preventDefault(),i===0){this.ariaActivedescendant="",(o=this.inputRef)==null||o.focus();return}const n=i-1>=0?i-1:t.length-1;this.ariaActivedescendant=t[n].value,this.focusOption(n)}else e.key==="Enter"?(e.preventDefault(),this.ariaActivedescendant&&this.selectOption(t[i])):e.key==="Escape"&&(this.isOpen=!1)}focusOption(e){var o;const t=this.filteredOptions[e];if(!t)return;const i=t.value,r=(o=this.el.shadowRoot)==null?void 0:o.getElementById(i);r&&(r.focus(),r.scrollIntoView({behavior:"smooth",block:"nearest"}))}handleComboboxKeyDown(e){e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey?(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[0].value,this.focusOption(0)):e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey?(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value,this.focusOption(this.filteredOptions.length-1)):e.key==="Escape"&&(this.isOpen=!1)}generateButtonText(e,t){return t||(e!=null&&e.label?`${(e==null?void 0:e.label)+this.pluralizedLabel}`:this.emptyValue)}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.isOpen&&(this.isOpen=!1)}render(){const e=this.generateButtonText(this.selectedOption,this.dropdownButtonText);return s.h("div",{key:"7dfbc0b3f033a58bdc97a33aaab42d42ebab7c42",class:"dropdown",part:"sd_dropdown"},s.h("label",{key:"9969c45ecb9ab368bf1618fd0522f8f93b30983c",part:"sd_dropdown_label",class:{error:!!this.error}},this.label&&s.h("p",null,s.h("span",{class:"label"},this.label),this.required&&s.h("span",{class:"required"},"*")),s.h("button",{key:"3861cb9254220945b53693cd041dd5d94c0b43e4",part:"sd_dropdown-button",class:{dropbtn:!0,open:this.isOpen,error:!!this.error},onClick:()=>this.toggleDropdown(),"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:t=>this.handleSelectButtonKeyDown(t)},s.h("slot",{key:"b26ac779edd07dc4ee7722002ce755cb58441280",name:"select-icon","aria-hidden":"true"}),s.h("span",{key:"c454dbbd707241768f9a3e48bb268bfaecc9afef",class:"selected-option",part:"sd_dropdown-button-selected-label"},e),this.withChevron&&s.h("span",{class:{open:this.isOpen,closed:!this.isOpen,chevron:!0},"aria-hidden":"true"},s.h("chevron-icon",{width:"16",height:"16"}))),this.error&&s.h("span",{class:"error help-text"},this.error)),this.isOpen?s.h("div",{class:"dropdown-content",part:"sd_dropdown-content"},this.withSearch&&s.h("div",{class:{"search-box":!0,open:this.isOpen}},s.h("search-icon",{width:"15",height:"15",class:"icon"}),s.h("input",{type:"text",role:"combobox",placeholder:"Search",value:this.searchValue,ref:t=>this.inputRef=t,onInput:t=>this.filterOptions(t),onKeyDown:t=>this.handleComboboxKeyDown(t)})),s.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:t=>this.handleListboxKeydown(t)},this.filteredOptions.map(t=>t.value.toString()?s.h("li",{tabindex:"0",key:t.value,id:t.value,onClick:()=>this.selectOption(t),role:"option"},t.labelHTML?s.h("div",{part:"sd_dropdown-labelhtml"},t.labelHTML):t.label):null))):null)}get el(){return s.getElement(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultSelectedOption:["defaultSelectedOptionChangedHandler"]}}};d.style=u;exports.chevron_icon=a;exports.search_icon=l;exports.select_dropdown=d;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-7dbf0ae7.cjs");require("react");require("react-dom");const h=".sc-chevron-icon-h{display:flex}",c=h,a=class{constructor(e){s.registerInstance(this,e),this.width="24",this.height="24"}render(){return s.h("svg",{key:"fb1ba717c31f07393be2b8b0c984e1be9aac2042",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none"},s.h("path",{key:"df8820887c1787356ad0727baf34fe0c5b76bbd4",fill:"currentColor",d:"M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z"}))}};a.style=c;const p=".sc-search-icon-h{display:flex}",b=p,l=class{constructor(e){s.registerInstance(this,e),this.width="15",this.height="15"}render(){return s.h("svg",{key:"ddf419d549f82cf693e9b261d671dcb402c193f6",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.h("path",{key:"d30e346032f2d41161d314e0b1305643688d6402",fill:"currentColor",d:"M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z"}))}};l.style=b;const f=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.dropdown{display:inline-block;width:inherit}.dropbtn{color:var(--nylas-base-800);padding:14px;font-size:1rem;font-family:var(--nylas-font-family);cursor:pointer;display:flex;justify-content:space-between;gap:0.5rem;background:transparent;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x)}.dropbtn.error{border:1px solid var(--nylas-error)}.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);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}',u=f,d=class{constructor(e){s.registerInstance(this,e),this.nylasFormDropdownChanged=s.createEvent(this,"nylasFormDropdownChanged",7),this.nylasFormDropdownDefaultSelected=s.createEvent(this,"nylasFormDropdownDefaultSelected",7),this.componentType="select-dropdown",this.name=void 0,this.options=[],this.defaultSelectedOption=null,this.withSearch=!0,this.label=void 0,this.required=!1,this.pluralizedLabel="",this.dropdownButtonText=void 0,this.withChevron=!0,this.emptyValue="Select an option",this.errorMessage="",this.selectedOption=void 0,this.isOpen=!1,this.searchValue="",this.filteredOptions=[...this.options],this.ariaActivedescendant="",this.error=""}optionsChangedHandler(e,t){e!==t&&(this.filteredOptions=e)}defaultSelectedOptionChangedHandler(e,t){typeof e>"u"||(e==null?void 0:e.label)===(t==null?void 0:t.label)||(this.selectedOption=e,this.nylasFormDropdownDefaultSelected.emit({value:(e==null?void 0:e.value)||"",name:this.name,error:this.error,label:this.label}))}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}componentDidLoad(){var e;this.filteredOptions=this.options,this.selectedOption=this.defaultSelectedOption,!this.selectedOption&&this.options.length>0&&(this.selectedOption=this.options[0]),this.nylasFormDropdownDefaultSelected.emit({value:((e=this.selectedOption)==null?void 0:e.value)||"",name:this.name,error:this.error,label:this.label})}handleBookingFormSubmitted(e){var t;this.validate(((t=this.selectedOption)==null?void 0:t.value)||""),this.error&&e.preventDefault()}handleFormSubmitted(e){var t;this.validate(((t=this.selectedOption)==null?void 0:t.value)||""),this.error&&e.preventDefault()}validate(e){this.required&&!e?this.error=this.errorMessage||`${this.label} is required.`:this.error=""}toggleDropdown(){this.isOpen=!this.isOpen}filterOptions(e){const t=e.target.value;this.searchValue=t,this.filteredOptions=this.options.filter(i=>i.label.toLowerCase().includes(t.toLowerCase()))}selectOption(e){this.error="",this.selectedOption=e,this.toggleDropdown(),e.value!==this.emptyValue&&this.nylasFormDropdownChanged.emit({value:e.value,name:this.name,error:this.error,label:this.label})}handleSelectButtonKeyDown(e){var t;switch(e.key){case"ArrowDown":case"Enter":e.preventDefault(),this.isOpen||this.toggleDropdown(),(t=this.inputRef)==null||t.focus();break;case"Escape":this.isOpen=!1;break}}handleListboxKeydown(e){var r,o;const t=this.filteredOptions,i=t.findIndex(n=>n.value===this.ariaActivedescendant);if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){if(e.preventDefault(),i===t.length-1){this.ariaActivedescendant="",(r=this.inputRef)==null||r.focus();return}const n=i+1<t.length?i+1:0;this.ariaActivedescendant=t[n].value,this.focusOption(n)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){if(e.preventDefault(),i===0){this.ariaActivedescendant="",(o=this.inputRef)==null||o.focus();return}const n=i-1>=0?i-1:t.length-1;this.ariaActivedescendant=t[n].value,this.focusOption(n)}else e.key==="Enter"?(e.preventDefault(),this.ariaActivedescendant&&this.selectOption(t[i])):e.key==="Escape"&&(this.isOpen=!1)}focusOption(e){var o;const t=this.filteredOptions[e];if(!t)return;const i=t.value,r=(o=this.el.shadowRoot)==null?void 0:o.getElementById(i);r&&(r.focus(),r.scrollIntoView({behavior:"smooth",block:"nearest"}))}handleComboboxKeyDown(e){e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey?(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[0].value,this.focusOption(0)):e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey?(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value,this.focusOption(this.filteredOptions.length-1)):e.key==="Escape"&&(this.isOpen=!1)}generateButtonText(e,t){return t||(e!=null&&e.label?`${(e==null?void 0:e.label)+this.pluralizedLabel}`:this.emptyValue)}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.isOpen&&(this.isOpen=!1)}render(){const e=this.generateButtonText(this.selectedOption,this.dropdownButtonText);return s.h("div",{key:"7dfbc0b3f033a58bdc97a33aaab42d42ebab7c42",class:"dropdown",part:"sd_dropdown"},s.h("label",{key:"9969c45ecb9ab368bf1618fd0522f8f93b30983c",part:"sd_dropdown_label",class:{error:!!this.error}},this.label&&s.h("p",null,s.h("span",{class:"label"},this.label),this.required&&s.h("span",{class:"required"},"*")),s.h("button",{key:"3861cb9254220945b53693cd041dd5d94c0b43e4",part:"sd_dropdown-button",class:{dropbtn:!0,open:this.isOpen,error:!!this.error},onClick:()=>this.toggleDropdown(),"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:t=>this.handleSelectButtonKeyDown(t)},s.h("slot",{key:"b26ac779edd07dc4ee7722002ce755cb58441280",name:"select-icon","aria-hidden":"true"}),s.h("span",{key:"c454dbbd707241768f9a3e48bb268bfaecc9afef",class:"selected-option",part:"sd_dropdown-button-selected-label"},e),this.withChevron&&s.h("span",{class:{open:this.isOpen,closed:!this.isOpen,chevron:!0},"aria-hidden":"true"},s.h("chevron-icon",{width:"16",height:"16"}))),this.error&&s.h("span",{class:"error help-text"},this.error)),this.isOpen?s.h("div",{class:"dropdown-content",part:"sd_dropdown-content"},this.withSearch&&s.h("div",{class:{"search-box":!0,open:this.isOpen}},s.h("search-icon",{width:"15",height:"15",class:"icon"}),s.h("input",{type:"text",role:"combobox",placeholder:"Search",value:this.searchValue,ref:t=>this.inputRef=t,onInput:t=>this.filterOptions(t),onKeyDown:t=>this.handleComboboxKeyDown(t)})),s.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:t=>this.handleListboxKeydown(t)},this.filteredOptions.map(t=>t.value.toString()?s.h("li",{tabindex:"0",key:t.value,id:t.value,onClick:()=>this.selectOption(t),role:"option"},t.labelHTML?s.h("div",{part:"sd_dropdown-labelhtml"},t.labelHTML):t.label):null))):null)}get el(){return s.getElement(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultSelectedOption:["defaultSelectedOptionChangedHandler"]}}};d.style=u;exports.chevron_icon=a;exports.search_icon=l;exports.select_dropdown=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-7dbf0ae7.cjs");require("react");require("react-dom");const h=".sc-clock-icon-h{display:flex}",n=h,s=class{constructor(e){t.registerInstance(this,e),this.width="16",this.height="16"}render(){return t.h("svg",{key:"a43286079781f2fb317a0a7b9d651f3fe7012800",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"434cb947dc4f5a3802cede1bc4bc9ea420faa7a8",d:"M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z",fill:"currentColor"}))}};s.style=n;const o=".sc-edit-icon-h{display:flex}",r=o,i=class{constructor(e){t.registerInstance(this,e),this.width="16",this.height="16"}render(){return t.h("svg",{key:"38831c2e998bfab7d3d9d3fd809c12d9a47afdab",width:this.width,height:this.height,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"45a26006e8c6e8fd7a03029aecebf174c6d7c9a4",d:"M11.245 0.817394C12.3318 -0.269413 14.0938 -0.269413 15.1806 0.817394C16.2222 1.85892 16.2656 3.5206 15.3108 4.6138L15.1806 4.75307L5.57482 14.3589C5.36973 14.564 5.12299 14.7215 4.85212 14.8213L4.68684 14.8742L0.631867 15.9801C0.285278 16.0746 -0.0347856 15.7861 0.00276241 15.4455L0.0179263 15.3662L1.12383 11.3112C1.20014 11.0314 1.33621 10.7722 1.52188 10.5511L1.63914 10.4232L11.245 0.817394ZM10.3848 3.09229L2.34625 11.1303C2.25396 11.2226 2.18093 11.3318 2.13086 11.4514L2.08859 11.5743L1.21196 14.785L4.42372 13.9094C4.50767 13.8865 4.5879 13.8529 4.66253 13.8096L4.77003 13.7375L4.86771 13.6518L12.9058 5.61329L10.3848 3.09229ZM14.4735 1.5245C13.8159 0.8669 12.7725 0.830367 12.072 1.4149L11.9521 1.5245L11.0918 2.38529L13.6128 4.90629L14.4735 4.04596C15.1311 3.38836 15.1677 2.34488 14.5831 1.64441L14.4735 1.5245Z",fill:"currentColor"}))}};i.style=r;const d=".sc-person-clipboard-icon-h{display:flex}",l=d,c=class{constructor(e){t.registerInstance(this,e),this.width="12",this.height="17"}render(){return t.h("svg",{key:"2e3618690c5d268ec3517fd925382a6d77b18ff4",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"20417bc769578a6d1ccdda59b7834807521b7fb2",d:"M4 7.5C4 6.39543 4.89543 5.5 6 5.5C7.10457 5.5 8 6.39543 8 7.5C8 8.60457 7.10457 9.5 6 9.5C4.89543 9.5 4 8.60457 4 7.5ZM6 6.5C5.44772 6.5 5 6.94772 5 7.5C5 8.05228 5.44772 8.5 6 8.5C6.55228 8.5 7 8.05228 7 7.5C7 6.94772 6.55228 6.5 6 6.5ZM3.72077 10.5C3.10838 10.5 2.40961 10.9146 2.38992 11.6973C2.37693 12.2135 2.48426 12.9381 3.04816 13.5319C3.61451 14.1283 4.55301 14.5 6.00001 14.5C7.44702 14.5 8.38552 14.1283 8.95187 13.5319C9.51577 12.9381 9.6231 12.2135 9.61011 11.6973C9.59042 10.9146 8.89165 10.5 8.27925 10.5H3.72077ZM3.3896 11.7225C3.39099 11.6675 3.41262 11.6226 3.46275 11.582C3.51876 11.5366 3.6101 11.5 3.72077 11.5H8.27925C8.38993 11.5 8.48127 11.5366 8.53728 11.582C8.58741 11.6226 8.60904 11.6675 8.61042 11.7225C8.61975 12.0933 8.53969 12.5138 8.22676 12.8433C7.91628 13.1702 7.28849 13.5 6.00001 13.5C4.71154 13.5 4.08375 13.1702 3.77327 12.8433C3.46033 12.5138 3.38027 12.0933 3.3896 11.7225ZM5 0.5C3.89543 0.5 3 1.39543 3 2.5H1.5C0.671573 2.5 0 3.17157 0 4V15C0 15.8284 0.671572 16.5 1.5 16.5H10.5C11.3284 16.5 12 15.8284 12 15V4C12 3.17157 11.3284 2.5 10.5 2.5H9C9 1.39543 8.10457 0.5 7 0.5H5ZM8.73244 3.5H10.5C10.7761 3.5 11 3.72386 11 4V15C11 15.2761 10.7761 15.5 10.5 15.5H1.5C1.22386 15.5 1 15.2761 1 15V4C1 3.72386 1.22386 3.5 1.5 3.5H3.26756C3.61337 4.0978 4.25972 4.5 5 4.5H7C7.74028 4.5 8.38663 4.0978 8.73244 3.5ZM4 2.5C4 1.94772 4.44772 1.5 5 1.5H7C7.55228 1.5 8 1.94772 8 2.5C8 3.05228 7.55228 3.5 7 3.5H5C4.44772 3.5 4 3.05228 4 2.5Z",fill:"currentColor"}))}};c.style=l;const a=".sc-plus-icon-h{display:flex}",f=a,C=class{constructor(e){t.registerInstance(this,e),this.width="20",this.height="20"}render(){return t.h("svg",{key:"9a8bcebf970778b50ae8de1eebd6a97e36e24dbd",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"6ba418b474b1ff82faadb820dbd8760531165f75",d:"M8.5 1C8.5 0.723858 8.27614 0.5 8 0.5C7.72386 0.5 7.5 0.723858 7.5 1V7.5H1C0.723858 7.5 0.5 7.72386 0.5 8C0.5 8.27614 0.723858 8.5 1 8.5H7.5V15C7.5 15.2761 7.72386 15.5 8 15.5C8.27614 15.5 8.5 15.2761 8.5 15V8.5H15C15.2761 8.5 15.5 8.27614 15.5 8C15.5 7.72386 15.2761 7.5 15 7.5H8.5V1Z",fill:"currentColor"}))}};C.style=f;exports.clock_icon=s;exports.edit_icon=i;exports.person_clipboard_icon=c;exports.plus_icon=C;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7dbf0ae7.cjs");require("react");require("react-dom");const a=".sc-close-icon-h{display:flex}",d=a,c=class{constructor(t){e.registerInstance(this,t),this.width="16",this.height="16"}render(){return e.h("svg",{key:"ea4c2e95733509b6dec0689e638a25df560567e2",width:"21",height:"21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("g",{key:"49366dc579896a3e8fcfed0c7d3cce7dab209d50","clip-path":"url(#a)"},e.h("path",{key:"57a3efd12ca2c8f019b118f0113172342ddb6354",d:"M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z",fill:"currentColor"})),e.h("defs",{key:"424636139255dfdcebe6d3dc901c84168c4c713e"},e.h("clipPath",{key:"0ebaa728a38c48694e48f1182c1de98bba97ff0d",id:"a"},e.h("path",{key:"bfe4ed6e55fe74a819e6d512a0b7e2c018baec14",fill:"#fff",transform:"translate(.148 .054)",d:"M0 0h20v20H0z"}))))}};c.style=d;exports.close_icon=c;
|
|
@@ -677,6 +677,10 @@ const n = {
|
|
|
677
677
|
{
|
|
678
678
|
label: "Radio Button",
|
|
679
679
|
value: "radio_button"
|
|
680
|
+
},
|
|
681
|
+
{
|
|
682
|
+
label: "Metadata",
|
|
683
|
+
value: "metadata"
|
|
680
684
|
}
|
|
681
685
|
], l = [
|
|
682
686
|
{
|
|
@@ -736,16 +740,24 @@ const n = {
|
|
|
736
740
|
isOpen: !1,
|
|
737
741
|
required: !1,
|
|
738
742
|
options: ["", ""]
|
|
743
|
+
},
|
|
744
|
+
{
|
|
745
|
+
type: "metadata",
|
|
746
|
+
typeLabel: "Metadata",
|
|
747
|
+
label: "Metadata Label",
|
|
748
|
+
key: "metadata",
|
|
749
|
+
isOpen: !1,
|
|
750
|
+
required: !1
|
|
739
751
|
}
|
|
740
752
|
];
|
|
741
753
|
Object.keys(c).map((a) => a);
|
|
742
|
-
const
|
|
754
|
+
const d = [
|
|
743
755
|
{ value: 1, label: "1" },
|
|
744
756
|
...Array.from({ length: 90 / 5 + 1 }, (a, i) => {
|
|
745
757
|
const e = i * 5;
|
|
746
758
|
return { value: e, label: e.toString() };
|
|
747
759
|
})
|
|
748
|
-
].sort((a, i) => a.value - i.value),
|
|
760
|
+
].sort((a, i) => a.value - i.value), E = Array.from({ length: 23 }, (a, i) => ({ value: i + 1, label: (i + 1).toString() })), f = Array.from({ length: 7 }, (a, i) => ({ value: i + 1, label: (i + 1).toString() }));
|
|
749
761
|
export {
|
|
750
762
|
u as C,
|
|
751
763
|
s as D,
|
|
@@ -753,11 +765,11 @@ export {
|
|
|
753
765
|
l as F,
|
|
754
766
|
r as L,
|
|
755
767
|
c as P,
|
|
756
|
-
|
|
768
|
+
d as R,
|
|
757
769
|
o as T,
|
|
758
770
|
A as a,
|
|
759
771
|
n as b,
|
|
760
772
|
m as c,
|
|
761
|
-
d,
|
|
773
|
+
E as d,
|
|
762
774
|
f as e
|
|
763
775
|
};
|