@nylas/react 1.1.0-canary.18 → 1.1.0-canary.20
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_2.entry-3b13ee64.js → add-circle-icon_2.entry-5cefae99.js} +5 -5
- package/dist/{add-circle-icon_2.entry-3091976b.cjs → add-circle-icon_2.entry-85523420.cjs} +1 -1
- package/dist/{archive-icon_7.entry-8932618a.js → archive-icon_7.entry-2f418a3e.js} +13 -13
- package/dist/{archive-icon_7.entry-c2b6d860.cjs → archive-icon_7.entry-eb90a353.cjs} +1 -1
- package/dist/arrow-icon.entry-753eb942.js +15 -0
- package/dist/{arrow-icon.entry-a159bee8.cjs → arrow-icon.entry-ac5e1a47.cjs} +1 -1
- package/dist/{bold-icon_3.entry-447d0537.js → bold-icon_3.entry-18507c82.js} +4 -4
- package/dist/{bold-icon_3.entry-c51e1af3.cjs → bold-icon_3.entry-4fff7400.cjs} +1 -1
- package/dist/button-component_4.entry-3c508e3b.js +115 -0
- package/dist/button-component_4.entry-f8ab53dc.cjs +1 -0
- package/dist/calendar-agenda-fill-icon_35.entry-b56841a0.cjs +7 -0
- package/dist/calendar-agenda-fill-icon_35.entry-db989ce0.js +4182 -0
- package/dist/{calendar-cancel-icon.entry-a78f27bc.js → calendar-cancel-icon.entry-31caeae1.js} +1 -1
- package/dist/{calendar-cancel-icon.entry-805febcc.cjs → calendar-cancel-icon.entry-d2e10dfc.cjs} +1 -1
- package/dist/{calendar-check-icon_2.entry-7c8b6c92.js → calendar-check-icon_2.entry-7f67c003.js} +1 -1
- package/dist/{calendar-check-icon_2.entry-4a0fd7bd.cjs → calendar-check-icon_2.entry-d32551e9.cjs} +1 -1
- package/dist/{calendar-icon.entry-96f9727f.js → calendar-icon.entry-6e89816b.js} +1 -1
- package/dist/{calendar-icon.entry-1fc018b4.cjs → calendar-icon.entry-f3f1c623.cjs} +1 -1
- package/dist/{chevron-icon_3.entry-25d90239.js → chevron-icon_3.entry-2e20a83e.js} +37 -34
- package/dist/chevron-icon_3.entry-3be68846.cjs +1 -0
- package/dist/{clock-icon_2.entry-2406c3d0.cjs → clock-icon_2.entry-074eb053.cjs} +1 -1
- package/dist/{clock-icon_2.entry-c1b22ed4.js → clock-icon_2.entry-bc938936.js} +5 -5
- package/dist/{constants-f34b9c6e-f1c4dd0d.js → constants-7ce66b44-3952e81c.js} +484 -383
- package/dist/{constants-f34b9c6e-b774916c.cjs → constants-7ce66b44-a6b777d4.cjs} +5 -5
- package/dist/copy-icon_4.entry-187edab9.js +45 -0
- package/dist/copy-icon_4.entry-f704b2f1.cjs +1 -0
- package/dist/{document-refresh-icon.entry-570f9c9d.js → document-refresh-icon.entry-9d7900d7.js} +5 -5
- package/dist/document-refresh-icon.entry-ea0e1ab9.cjs +1 -0
- package/dist/elements/index.d.ts +14 -0
- package/dist/{elements-dc5b338e-cafa7a55.js → elements-dc5b338e-e6271e48.js} +1 -1
- package/dist/{elements-dc5b338e-550a6cb1.cjs → elements-dc5b338e-edf63aa6.cjs} +1 -1
- package/dist/{focus-visible-e8093c16-022799ce.js → focus-visible-e8093c16-4c45967c.js} +1 -1
- package/dist/{focus-visible-e8093c16-c14162e8.cjs → focus-visible-e8093c16-84e41b3b.cjs} +1 -1
- package/dist/{forward-icon_6.entry-55752b23.cjs → forward-icon_6.entry-4cb6eb63.cjs} +3 -3
- package/dist/{forward-icon_6.entry-9b832146.js → forward-icon_6.entry-949d0cfb.js} +9 -9
- package/dist/{globe-icon.entry-2b61820e.js → globe-icon.entry-04b35395.js} +2 -2
- package/dist/{globe-icon.entry-dabe7b8b.cjs → globe-icon.entry-741f8ad4.cjs} +1 -1
- package/dist/google-logo-icon_4.entry-8e87cf66.cjs +1 -0
- package/dist/google-logo-icon_4.entry-f50de25f.js +598 -0
- package/dist/index-53420959-507f0a27.js +5 -0
- package/dist/index-53420959-e6c2e510.cjs +1 -0
- package/dist/{index-6d9eeb53-3049fc04.cjs → index-6d9eeb53-8b16e3b5.cjs} +1 -1
- package/dist/{index-6d9eeb53-3edef246.js → index-6d9eeb53-b15263de.js} +2 -2
- package/dist/index-a4831dfe.cjs +42 -0
- package/dist/{index-812162da.js → index-a68236be.js} +874 -854
- package/dist/{index.es-9cc0eb3c-0c99c055.cjs → index.es-9cc0eb3c-2e0f7d11.cjs} +1 -1
- package/dist/{index.es-9cc0eb3c-52226859.js → index.es-9cc0eb3c-e6c5dd2d.js} +1 -1
- package/dist/{info-icon_2.entry-5f6b9af8.cjs → info-icon_2.entry-c3468951.cjs} +1 -1
- package/dist/{info-icon_2.entry-2fe6c16c.js → info-icon_2.entry-d0270899.js} +8 -8
- package/dist/{input-dropdown_2.entry-dbdb5aa3.cjs → input-dropdown_2.entry-2485dcc3.cjs} +1 -1
- package/dist/{input-dropdown_2.entry-dbd0d6f4.js → input-dropdown_2.entry-2cd6cfc7.js} +3 -3
- package/dist/{loading-icon.entry-e179f122.cjs → loading-icon.entry-5ed52afe.cjs} +1 -1
- package/dist/loading-icon.entry-96d9d1be.js +15 -0
- package/dist/{mailbox-store-64b4ef7c-22a6c565.js → mailbox-store-64b4ef7c-7c793d9a.js} +2 -2
- package/dist/{mailbox-store-64b4ef7c-0eac526c.cjs → mailbox-store-64b4ef7c-c609ac6d.cjs} +1 -1
- package/dist/multi-select-dropdown.entry-2ca73c71.js +91 -0
- package/dist/multi-select-dropdown.entry-f298ca2c.cjs +1 -0
- package/dist/{nylas-booked-event-card_10.entry-e0990f5b.js → nylas-booked-event-card_10.entry-2b01df7e.js} +267 -235
- package/dist/nylas-booked-event-card_10.entry-97977ac7.cjs +1 -0
- package/dist/{nylas-custom-booking-flow.entry-898c8cc9.cjs → nylas-custom-booking-flow.entry-05b9522a.cjs} +1 -1
- package/dist/{nylas-custom-booking-flow.entry-bc64af5f.js → nylas-custom-booking-flow.entry-66beff43.js} +3 -3
- package/dist/{nylas-form-card.entry-c564b52e.js → nylas-form-card.entry-3de9f477.js} +11 -11
- package/dist/{nylas-form-card.entry-0c71f4fc.cjs → nylas-form-card.entry-3e1331c9.cjs} +1 -1
- package/dist/{nylas-if-state.entry-e9486e12.js → nylas-if-state.entry-a0689083.js} +3 -3
- package/dist/{nylas-if-state.entry-ff6a2046.cjs → nylas-if-state.entry-a734df46.cjs} +1 -1
- package/dist/{nylas-list-folders.entry-0258af1e.js → nylas-list-folders.entry-4fb9d4c2.js} +7 -7
- package/dist/{nylas-list-folders.entry-90716d2b.cjs → nylas-list-folders.entry-74a56187.cjs} +1 -1
- package/dist/{nylas-list-threads.entry-21edf012.cjs → nylas-list-threads.entry-0addc621.cjs} +1 -1
- package/dist/{nylas-list-threads.entry-1abcdd30.js → nylas-list-threads.entry-9a6d4c33.js} +3 -3
- package/dist/{nylas-login.entry-2e0ce95e.cjs → nylas-login.entry-bdac29c0.cjs} +1 -1
- package/dist/{nylas-login.entry-ba7383ac.js → nylas-login.entry-beb6e0d9.js} +3 -3
- package/dist/{nylas-mailbox-pagination.entry-f6186560.js → nylas-mailbox-pagination.entry-1d71850a.js} +2 -2
- package/dist/{nylas-mailbox-pagination.entry-ba6beb08.cjs → nylas-mailbox-pagination.entry-c5d07bbe.cjs} +1 -1
- package/dist/{nylas-mailbox-toolbar-button.entry-0875aadb.cjs → nylas-mailbox-toolbar-button.entry-7d9d6293.cjs} +1 -1
- package/dist/{nylas-mailbox-toolbar-button.entry-e18059b0.js → nylas-mailbox-toolbar-button.entry-882c97a0.js} +10 -10
- package/dist/{nylas-mailbox.entry-bb2905bf.cjs → nylas-mailbox.entry-94eb97ec.cjs} +1 -1
- package/dist/{nylas-mailbox.entry-2e3815ed.js → nylas-mailbox.entry-d810adba.js} +4 -4
- package/dist/{nylas-provider.entry-51c5cdbf.cjs → nylas-provider.entry-5a4bb86e.cjs} +1 -1
- package/dist/{nylas-provider.entry-69ee5061.js → nylas-provider.entry-fcaf9e1c.js} +39 -39
- package/dist/{nylas-scheduler-editor.entry-d4a9afb1.js → nylas-scheduler-editor.entry-1ca566d3.js} +138 -119
- package/dist/nylas-scheduler-editor.entry-30597812.cjs +2 -0
- package/dist/nylas-scheduling.entry-00c418c8.cjs +1 -0
- package/dist/{nylas-scheduling.entry-f82a2822.js → nylas-scheduling.entry-aefefe3d.js} +52 -52
- package/dist/{nylas-threads-refresh.entry-72482d2f.js → nylas-threads-refresh.entry-a85222e2.js} +10 -10
- package/dist/{nylas-threads-refresh.entry-99001756.cjs → nylas-threads-refresh.entry-f3b9fdf2.cjs} +1 -1
- package/dist/nylas-threads-search.entry-2c8ac7dc.cjs +1 -0
- package/dist/{nylas-threads-search.entry-c5fe50e5.js → nylas-threads-search.entry-b1bf455b.js} +17 -17
- package/dist/{nylas-time-window-picker.entry-ccffcf2b.cjs → nylas-time-window-picker.entry-3a34b29b.cjs} +1 -1
- package/dist/{nylas-time-window-picker.entry-0d93e7cc.js → nylas-time-window-picker.entry-6d664a05.js} +2 -2
- package/dist/{nylas-view-thread.entry-58432a52.cjs → nylas-view-thread.entry-bf6cab2a.cjs} +1 -1
- package/dist/{nylas-view-thread.entry-2d34b41c.js → nylas-view-thread.entry-ddcb042f.js} +6 -6
- package/dist/play-icon_2.entry-4f316c3d.cjs +1 -0
- package/dist/play-icon_2.entry-d55a018a.js +25 -0
- package/dist/react.cjs +1 -1
- package/dist/react.js +115 -101
- package/dist/{refresh-icon.entry-a041136d.js → refresh-icon.entry-0fdcb7af.js} +4 -4
- package/dist/{refresh-icon.entry-1e670732.cjs → refresh-icon.entry-99761cb6.cjs} +1 -1
- package/dist/{register-component-a5a9ca5d-b68b6039.cjs → register-component-a5a9ca5d-4439e573.cjs} +1 -1
- package/dist/{register-component-a5a9ca5d-a5c01c35.js → register-component-a5a9ca5d-ddae10b3.js} +1 -1
- package/dist/{scheduler-config-store-4a50a03d-ee42ff96.js → scheduler-config-store-9ccfba4d-84025740.js} +8 -6
- package/dist/scheduler-config-store-9ccfba4d-b774bfee.cjs +1 -0
- package/dist/{scheduler-store-f02ce045-23a14e3f.js → scheduler-store-8a400448-8ab7b63e.js} +125 -96
- package/dist/scheduler-store-8a400448-eaa566fa.cjs +1 -0
- package/dist/{textarea-component.entry-1b4c771b.js → textarea-component.entry-193d29fd.js} +7 -6
- package/dist/{textarea-component.entry-24a830c1.cjs → textarea-component.entry-359e4665.cjs} +1 -1
- package/dist/{translate-icon.entry-44bde57b.js → translate-icon.entry-22a3e72e.js} +2 -2
- package/dist/{translate-icon.entry-0c0add25.cjs → translate-icon.entry-32ec36de.cjs} +1 -1
- package/dist/{warning-icon.entry-8956cba2.js → warning-icon.entry-8d9b59c0.js} +5 -5
- package/dist/{warning-icon.entry-9a77ab01.cjs → warning-icon.entry-b8d483e1.cjs} +1 -1
- package/package.json +3 -3
- package/dist/arrow-icon.entry-1f54c377.js +0 -15
- package/dist/button-component.entry-52ccb6d9.js +0 -16
- package/dist/button-component.entry-e79b2d08.cjs +0 -1
- package/dist/calendar-info-icon_28.entry-2054703c.cjs +0 -1
- package/dist/calendar-info-icon_28.entry-e7bebd13.js +0 -2083
- package/dist/chevron-icon_3.entry-7bd4a4b5.cjs +0 -1
- package/dist/document-refresh-icon.entry-a0293858.cjs +0 -1
- package/dist/google-logo-icon_4.entry-60c0d39a.cjs +0 -1
- package/dist/google-logo-icon_4.entry-a0dc33da.js +0 -467
- package/dist/index-53420959-67beefed.js +0 -5
- package/dist/index-53420959-d3254a34.cjs +0 -1
- package/dist/index-e3e9b594.cjs +0 -42
- package/dist/input-component.entry-1195d579.js +0 -45
- package/dist/input-component.entry-2b6e44c4.cjs +0 -1
- package/dist/loading-icon.entry-027a2ad1.js +0 -15
- package/dist/nylas-booked-event-card_10.entry-84f64ba5.cjs +0 -1
- package/dist/nylas-scheduler-editor.entry-923b8566.cjs +0 -2
- package/dist/nylas-scheduling.entry-54f1a5e9.cjs +0 -1
- package/dist/nylas-threads-search.entry-462527fd.cjs +0 -1
- package/dist/play-icon_2.entry-1ea3fd6b.cjs +0 -1
- package/dist/play-icon_2.entry-d08adf17.js +0 -25
- package/dist/scheduler-config-store-4a50a03d-884e6df8.cjs +0 -1
- package/dist/scheduler-store-f02ce045-42e3647c.cjs +0 -1
package/dist/{calendar-cancel-icon.entry-805febcc.cjs → calendar-cancel-icon.entry-d2e10dfc.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-a4831dfe.cjs");require("react");require("react-dom");const c=".sc-calendar-cancel-icon-h{display:flex}",n=c,a=class{constructor(t){e.registerInstance(this,t),this.width="20",this.height="20"}render(){return e.h("svg",{key:"fb587c9cf98886a8530da9d21fd08c86a60ae265",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"195db44fb75f5fa08efed7f28e1b897772f6f643",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"}))}};a.style=n;exports.calendar_cancel_icon=a;
|
package/dist/{calendar-check-icon_2.entry-4a0fd7bd.cjs → calendar-check-icon_2.entry-d32551e9.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-a4831dfe.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:"42f09a7de40d3a8e3057ffe5ac4e830529d3ffd4",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"98a99f4d91ed85319a0f699038036eb7cac9bf6e",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}",a=s,i=class{constructor(c){e.registerInstance(this,c),this.width="20",this.height="20"}render(){return e.h("svg",{key:"b119dc458ae4a2e796a4424afeeddb5b19d7e397",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,fill:"none",viewBox:"0 0 20 20"},e.h("path",{key:"2b9cb0a90ec273a8266ce5a588b239f87901fa05",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=a;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-a4831dfe.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:"976fc389ebe1c68f8f64b948e31cf498799a63f8",width:this.width,height:this.height,fill:"none",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"012bb29357936b023379ac040d58a91a90628c87",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;
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import { r, h as
|
|
1
|
+
import { r, h as s, c as l, g as d } from "./index-a68236be.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
|
-
const c = ".sc-chevron-icon-h{display:flex}",
|
|
4
|
+
const c = ".sc-chevron-icon-h{display:flex}", h = c, p = class {
|
|
5
5
|
constructor(e) {
|
|
6
6
|
r(this, e), this.width = "24", this.height = "24";
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return
|
|
9
|
+
return s("svg", { key: "a2ba18045e1a3068427898b7b9d9755c80f0f53e", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, s("path", { key: "0715fdfa6bb874fef9aee368d457e9dce64a6dea", 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" }));
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
p.style = h;
|
|
13
13
|
const f = ".sc-search-icon-h{display:flex}", b = f, u = class {
|
|
14
14
|
constructor(e) {
|
|
15
15
|
r(this, e), this.width = "15", this.height = "15";
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return
|
|
18
|
+
return s("svg", { key: "90dee52a9a06d5f8e97efb9019d64e4949b002e4", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "8cfe4c5dc4ccbbdacd96229f25ae411272118a0b", 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" }));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
u.style = b;
|
|
22
22
|
const y = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;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}', x = y, g = class {
|
|
23
23
|
constructor(e) {
|
|
24
|
-
r(this, e), this.nylasFormDropdownChanged = l(this, "nylasFormDropdownChanged", 7), this.name = void 0, this.options = [], this.defaultSelectedOption = void 0, this.withSearch = !0, this.label = void 0, this.required = !1, this.pluralizedLabel = "", this.selectedOption = this.defaultSelectedOption || null, this.isOpen = !1, this.searchValue = "", this.filteredOptions = [...this.options], this.ariaActivedescendant = "", this.errorMessage = "";
|
|
24
|
+
r(this, e), this.nylasFormDropdownChanged = l(this, "nylasFormDropdownChanged", 7), this.name = void 0, this.options = [], this.defaultSelectedOption = void 0, this.withSearch = !0, this.label = void 0, this.required = !1, this.pluralizedLabel = "", this.dropdownButtonText = void 0, this.withChevron = !0, this.selectedOption = this.defaultSelectedOption || null, this.isOpen = !1, this.searchValue = "", this.filteredOptions = [...this.options], this.ariaActivedescendant = "", this.errorMessage = "";
|
|
25
25
|
}
|
|
26
|
-
optionsChangedHandler(e,
|
|
27
|
-
e !==
|
|
26
|
+
optionsChangedHandler(e, t) {
|
|
27
|
+
e !== t && (this.filteredOptions = e);
|
|
28
28
|
}
|
|
29
|
-
defaultSelectedOptionChangedHandler(e,
|
|
30
|
-
typeof e > "u" || (e == null ? void 0 : e.label) === (
|
|
29
|
+
defaultSelectedOptionChangedHandler(e, t) {
|
|
30
|
+
typeof e > "u" || (e == null ? void 0 : e.label) === (t == null ? void 0 : t.label) || (this.selectedOption = e);
|
|
31
31
|
}
|
|
32
32
|
componentWillLoad() {
|
|
33
33
|
this.filteredOptions = this.options, !this.selectedOption && this.defaultSelectedOption && (this.selectedOption = this.defaultSelectedOption), !this.selectedOption && this.options.length > 0 && (this.selectedOption = this.options[0]);
|
|
34
34
|
}
|
|
35
35
|
handleBookingFormSubmitted(e) {
|
|
36
|
-
var
|
|
37
|
-
this.validate(((
|
|
36
|
+
var t;
|
|
37
|
+
this.validate(((t = this.selectedOption) == null ? void 0 : t.value) || ""), this.errorMessage && e.preventDefault();
|
|
38
38
|
}
|
|
39
39
|
validate(e) {
|
|
40
40
|
this.required && !e ? this.errorMessage = `${this.label} is required.` : this.errorMessage = "";
|
|
@@ -43,8 +43,8 @@ const y = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas
|
|
|
43
43
|
this.isOpen = !this.isOpen;
|
|
44
44
|
}
|
|
45
45
|
filterOptions(e) {
|
|
46
|
-
const
|
|
47
|
-
this.searchValue =
|
|
46
|
+
const t = e.target.value;
|
|
47
|
+
this.searchValue = t, this.filteredOptions = this.options.filter((i) => i.label.toLowerCase().includes(t.toLowerCase()));
|
|
48
48
|
}
|
|
49
49
|
selectOption(e) {
|
|
50
50
|
this.errorMessage = "", this.selectedOption = e, this.toggleDropdown(), this.nylasFormDropdownChanged.emit({
|
|
@@ -55,11 +55,11 @@ const y = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas
|
|
|
55
55
|
});
|
|
56
56
|
}
|
|
57
57
|
handleSelectButtonKeyDown(e) {
|
|
58
|
-
var
|
|
58
|
+
var t;
|
|
59
59
|
switch (e.key) {
|
|
60
60
|
case "ArrowDown":
|
|
61
61
|
case "Enter":
|
|
62
|
-
e.preventDefault(), this.isOpen || this.toggleDropdown(), (
|
|
62
|
+
e.preventDefault(), this.isOpen || this.toggleDropdown(), (t = this.inputRef) == null || t.focus();
|
|
63
63
|
break;
|
|
64
64
|
case "Escape":
|
|
65
65
|
this.isOpen = !1;
|
|
@@ -67,46 +67,49 @@ const y = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
handleListboxKeydown(e) {
|
|
70
|
-
var
|
|
71
|
-
const
|
|
70
|
+
var a, o;
|
|
71
|
+
const t = this.filteredOptions, i = t.findIndex((n) => n.value === this.ariaActivedescendant);
|
|
72
72
|
if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
|
|
73
|
-
if (e.preventDefault(),
|
|
74
|
-
this.ariaActivedescendant = "", (
|
|
73
|
+
if (e.preventDefault(), i === t.length - 1) {
|
|
74
|
+
this.ariaActivedescendant = "", (a = this.inputRef) == null || a.focus();
|
|
75
75
|
return;
|
|
76
76
|
}
|
|
77
|
-
const
|
|
78
|
-
this.ariaActivedescendant =
|
|
77
|
+
const n = i + 1 < t.length ? i + 1 : 0;
|
|
78
|
+
this.ariaActivedescendant = t[n].value, this.focusOption(n);
|
|
79
79
|
} else if (e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey) {
|
|
80
|
-
if (e.preventDefault(),
|
|
80
|
+
if (e.preventDefault(), i === 0) {
|
|
81
81
|
this.ariaActivedescendant = "", (o = this.inputRef) == null || o.focus();
|
|
82
82
|
return;
|
|
83
83
|
}
|
|
84
|
-
const
|
|
85
|
-
this.ariaActivedescendant =
|
|
84
|
+
const n = i - 1 >= 0 ? i - 1 : t.length - 1;
|
|
85
|
+
this.ariaActivedescendant = t[n].value, this.focusOption(n);
|
|
86
86
|
} else
|
|
87
|
-
e.key === "Enter" ? (e.preventDefault(), this.ariaActivedescendant && this.selectOption(
|
|
87
|
+
e.key === "Enter" ? (e.preventDefault(), this.ariaActivedescendant && this.selectOption(t[i])) : e.key === "Escape" && (this.isOpen = !1);
|
|
88
88
|
}
|
|
89
89
|
focusOption(e) {
|
|
90
90
|
var o;
|
|
91
|
-
const
|
|
92
|
-
if (!
|
|
91
|
+
const t = this.filteredOptions[e];
|
|
92
|
+
if (!t)
|
|
93
93
|
return;
|
|
94
|
-
const
|
|
95
|
-
|
|
94
|
+
const i = t.value, a = (o = this.el.shadowRoot) == null ? void 0 : o.getElementById(i);
|
|
95
|
+
a && (a.focus(), a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
|
|
96
96
|
}
|
|
97
97
|
handleComboboxKeyDown(e) {
|
|
98
98
|
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);
|
|
99
99
|
}
|
|
100
|
+
generateButtonText() {
|
|
101
|
+
var e, t;
|
|
102
|
+
return this.dropdownButtonText ? this.dropdownButtonText : (e = this.selectedOption) != null && e.label ? `${((t = this.selectedOption) == null ? void 0 : t.label) + this.pluralizedLabel}` : "";
|
|
103
|
+
}
|
|
100
104
|
handleOutsideClick(e) {
|
|
101
105
|
!e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
|
|
102
106
|
}
|
|
103
107
|
render() {
|
|
104
|
-
|
|
105
|
-
return i("div", { key: "8c4d201f5fa71b9707a1cb50adc62399f32e5aba", class: "dropdown", part: "sd_dropdown" }, i("label", { key: "b2e4851e2925d7e44c36a538a28001a838124cba", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && i("p", null, i("span", { class: "label" }, this.label), this.required && i("span", { class: "required" }, "*")), i("button", { key: "66559916660643e8ed8ed67bf821fa2eb122ea6c", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen, error: !!this.errorMessage }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (t) => this.handleSelectButtonKeyDown(t) }, i("slot", { key: "2916f44530f59d218171c54dfe7a6949b3f773c4", name: "select-icon", "aria-hidden": "true" }), i("span", { key: "21653fb2f1225a0f9d64b6939da10b66eeeb8fcc", class: "selected-option", part: "sd_dropdown-button-selected-label" }, (e = this.selectedOption) != null && e.label ? `${((s = this.selectedOption) == null ? void 0 : s.label) + this.pluralizedLabel}` : ""), i("span", { key: "900f31e8a1ca22a3be2f4ca965bdaa9099ef3fca", class: {
|
|
108
|
+
return s("div", { key: "f643753d922b05b52ab0b8fe0dbc15733a9c699b", class: "dropdown", part: "sd_dropdown" }, s("label", { key: "14478d5755183604ee9aa617ab9540be7c57604e", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && s("p", null, s("span", { class: "label" }, this.label), this.required && s("span", { class: "required" }, "*")), s("button", { key: "0a053de6ef29c2c8ca232f52d1a3e787f54e69cc", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen, error: !!this.errorMessage }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (e) => this.handleSelectButtonKeyDown(e) }, s("slot", { key: "857627db765aafdcf8c5241c97959cab5e323c39", name: "select-icon", "aria-hidden": "true" }), s("span", { key: "18d16c1a7edc6fed463de8c9739782dbd0839b7c", class: "selected-option", part: "sd_dropdown-button-selected-label" }, this.generateButtonText()), this.withChevron && s("span", { class: {
|
|
106
109
|
open: this.isOpen,
|
|
107
110
|
closed: !this.isOpen,
|
|
108
111
|
chevron: !0
|
|
109
|
-
}, "aria-hidden": "true" },
|
|
112
|
+
}, "aria-hidden": "true" }, s("chevron-icon", { width: "16", height: "16" }))), this.errorMessage && s("span", { class: "error help-text" }, this.errorMessage)), this.isOpen ? s("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && s("div", { class: { "search-box": !0, open: this.isOpen } }, s("search-icon", { width: "15", height: "15", class: "icon" }), s("input", { type: "text", role: "combobox", placeholder: "Search", value: this.searchValue, ref: (e) => this.inputRef = e, onInput: (e) => this.filterOptions(e), onKeyDown: (e) => this.handleComboboxKeyDown(e) })), s("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.filteredOptions.map((e) => e.value && s("li", { tabindex: "0", key: e.value, id: e.value, onClick: () => this.selectOption(e), role: "option" }, e.labelHTML ? s("div", { part: "sd_dropdown-labelhtml" }, e.labelHTML) : e.label)))) : null);
|
|
110
113
|
}
|
|
111
114
|
get el() {
|
|
112
115
|
return d(this);
|
|
@@ -120,7 +123,7 @@ const y = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas
|
|
|
120
123
|
};
|
|
121
124
|
g.style = x;
|
|
122
125
|
export {
|
|
123
|
-
|
|
126
|
+
p as chevron_icon,
|
|
124
127
|
u as search_icon,
|
|
125
128
|
g as select_dropdown
|
|
126
129
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-a4831dfe.cjs");require("react");require("react-dom");const h=".sc-chevron-icon-h{display:flex}",c=h,r=class{constructor(e){s.registerInstance(this,e),this.width="24",this.height="24"}render(){return s.h("svg",{key:"a2ba18045e1a3068427898b7b9d9755c80f0f53e",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none"},s.h("path",{key:"0715fdfa6bb874fef9aee368d457e9dce64a6dea",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"}))}};r.style=c;const p=".sc-search-icon-h{display:flex}",f=p,l=class{constructor(e){s.registerInstance(this,e),this.width="15",this.height="15"}render(){return s.h("svg",{key:"90dee52a9a06d5f8e97efb9019d64e4949b002e4",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.h("path",{key:"8cfe4c5dc4ccbbdacd96229f25ae411272118a0b",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=f;const b=':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=b,d=class{constructor(e){s.registerInstance(this,e),this.nylasFormDropdownChanged=s.createEvent(this,"nylasFormDropdownChanged",7),this.name=void 0,this.options=[],this.defaultSelectedOption=void 0,this.withSearch=!0,this.label=void 0,this.required=!1,this.pluralizedLabel="",this.dropdownButtonText=void 0,this.withChevron=!0,this.selectedOption=this.defaultSelectedOption||null,this.isOpen=!1,this.searchValue="",this.filteredOptions=[...this.options],this.ariaActivedescendant="",this.errorMessage=""}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)}componentWillLoad(){this.filteredOptions=this.options,!this.selectedOption&&this.defaultSelectedOption&&(this.selectedOption=this.defaultSelectedOption),!this.selectedOption&&this.options.length>0&&(this.selectedOption=this.options[0])}handleBookingFormSubmitted(e){var t;this.validate(((t=this.selectedOption)==null?void 0:t.value)||""),this.errorMessage&&e.preventDefault()}validate(e){this.required&&!e?this.errorMessage=`${this.label} is required.`:this.errorMessage=""}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.errorMessage="",this.selectedOption=e,this.toggleDropdown(),this.nylasFormDropdownChanged.emit({value:e.value,name:this.name,error:this.errorMessage,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 o,a;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="",(o=this.inputRef)==null||o.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="",(a=this.inputRef)==null||a.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 a;const t=this.filteredOptions[e];if(!t)return;const i=t.value,o=(a=this.el.shadowRoot)==null?void 0:a.getElementById(i);o&&(o.focus(),o.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(){var e,t;return this.dropdownButtonText?this.dropdownButtonText:(e=this.selectedOption)!=null&&e.label?`${((t=this.selectedOption)==null?void 0:t.label)+this.pluralizedLabel}`:""}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.isOpen&&(this.isOpen=!1)}render(){return s.h("div",{key:"f643753d922b05b52ab0b8fe0dbc15733a9c699b",class:"dropdown",part:"sd_dropdown"},s.h("label",{key:"14478d5755183604ee9aa617ab9540be7c57604e",part:"sd_dropdown_label",class:{error:!!this.errorMessage}},this.label&&s.h("p",null,s.h("span",{class:"label"},this.label),this.required&&s.h("span",{class:"required"},"*")),s.h("button",{key:"0a053de6ef29c2c8ca232f52d1a3e787f54e69cc",part:"sd_dropdown-button",class:{dropbtn:!0,open:this.isOpen,error:!!this.errorMessage},onClick:()=>this.toggleDropdown(),"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:e=>this.handleSelectButtonKeyDown(e)},s.h("slot",{key:"857627db765aafdcf8c5241c97959cab5e323c39",name:"select-icon","aria-hidden":"true"}),s.h("span",{key:"18d16c1a7edc6fed463de8c9739782dbd0839b7c",class:"selected-option",part:"sd_dropdown-button-selected-label"},this.generateButtonText()),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.errorMessage&&s.h("span",{class:"error help-text"},this.errorMessage)),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:e=>this.inputRef=e,onInput:e=>this.filterOptions(e),onKeyDown:e=>this.handleComboboxKeyDown(e)})),s.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.filteredOptions.map(e=>e.value&&s.h("li",{tabindex:"0",key:e.value,id:e.value,onClick:()=>this.selectOption(e),role:"option"},e.labelHTML?s.h("div",{part:"sd_dropdown-labelhtml"},e.labelHTML):e.label)))):null)}get el(){return s.getElement(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultSelectedOption:["defaultSelectedOptionChangedHandler"]}}};d.style=u;exports.chevron_icon=r;exports.search_icon=l;exports.select_dropdown=d;
|
|
@@ -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-a4831dfe.cjs");require("react");require("react-dom");const i=".sc-clock-icon-h{display:flex}",n=i,s=class{constructor(t){e.registerInstance(this,t),this.width="16",this.height="16"}render(){return e.h("svg",{key:"63d2d06255adf5ee8ba71b9ae22c27a92b9a069b",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"79770fc09cc2b4c2d715ff15529a6e8f525ddd1c",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-person-icon-h{display:flex}",C=o,c=class{constructor(t){e.registerInstance(this,t),this.width="14",this.height="16"}render(){return e.h("svg",{key:"2fb0a78fae1d4ddf552207e44b9ce63e785ca8df",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"3574c670090c1df5b950388211e0916903c50be8",d:"M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z",fill:"currentColor"}))}};c.style=C;exports.clock_icon=s;exports.person_icon=c;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { r as
|
|
1
|
+
import { r as c, h as t } from "./index-a68236be.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
|
-
const
|
|
4
|
+
const e = ".sc-clock-icon-h{display:flex}", o = e, C = class {
|
|
5
5
|
constructor(s) {
|
|
6
|
-
|
|
6
|
+
c(this, s), this.width = "16", this.height = "16";
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
9
|
return t("svg", { key: "63d2d06255adf5ee8ba71b9ae22c27a92b9a069b", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "79770fc09cc2b4c2d715ff15529a6e8f525ddd1c", 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" }));
|
|
@@ -12,10 +12,10 @@ const c = ".sc-clock-icon-h{display:flex}", o = c, C = class {
|
|
|
12
12
|
C.style = o;
|
|
13
13
|
const i = ".sc-person-icon-h{display:flex}", n = i, h = class {
|
|
14
14
|
constructor(s) {
|
|
15
|
-
|
|
15
|
+
c(this, s), this.width = "14", this.height = "16";
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return t("svg", { key: "
|
|
18
|
+
return t("svg", { key: "2fb0a78fae1d4ddf552207e44b9ce63e785ca8df", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "3574c670090c1df5b950388211e0916903c50be8", d: "M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z", fill: "currentColor" }));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
h.style = n;
|