@nylas/web-elements 0.0.0-test-20250320180623 → 0.0.0-test-20250320184617

package/dist/types/components/design-system/multi-select-dropdown/multi-select-dropdown.d.ts

@@ -1,10 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-interface DropdownOption {
-    label: string;
-    value: string;
-    selected?: boolean;
-    disabled?: boolean;
-}
+import { DropdownOption } from '@nylas/core';
 export declare class MultiSelectDropdown {
     el: HTMLElement;
     name: string;
@@ -38,4 +33,3 @@ export declare class MultiSelectDropdown {
     renderOption(option: DropdownOption): any;
     render(): any;
 }
-export {};

package/dist/types/components/design-system/select-dropdown/select-dropdown.d.ts

@@ -1,9 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-interface DropdownOption {
-    labelHTML?: HTMLElement;
-    label: string;
-    value: string;
-}
+import { DropdownOption } from '@nylas/core';
 export declare class SelectDropdown {
     el: HTMLElement;
     private readonly componentType;
@@ -56,4 +52,3 @@ export declare class SelectDropdown {
     handleOutsideClick(event: MouseEvent): void;
     render(): any;
 }
-export {};

package/dist/types/components/scheduler-editor/nylas-editor-tabs-group/nylas-editor-tabs-group.d.ts

@@ -5,13 +5,7 @@ import { User } from "../../../common/nylas-api-request";
 import { CONFIGURATION_EVENT_TYPE } from "../../../common/constants";
 import { LANGUAGE_CODE } from "../../../common/constants";
 import { CreateGroupEventFormState } from '../../..';
-type SchedulerGroupEventDetail = {
-    config: Partial<GroupConfiguration>;
-    groupEvent?: Partial<GroupEvent>;
-    action: 'create' | 'edit';
-    host: HTMLNylasEditorTabsGroupElement;
-    resetLoadingState?: (e: CustomEvent) => void;
-};
+import { SchedulerGroupEventDetail } from '@nylas/core';
 export declare class NylasEditorTabsGroup {
     private formRef;
     host: HTMLNylasEditorTabsGroupElement;
@@ -68,8 +62,12 @@ export declare class NylasEditorTabsGroup {
         };
     }>;
     error?: string;
-    schedulerConfigChanged: EventEmitter<SchedulerGroupEventDetail>;
-    schedulerConfigCreated: EventEmitter<SchedulerGroupEventDetail>;
+    schedulerConfigChanged: EventEmitter<SchedulerGroupEventDetail & {
+        host: HTMLNylasEditorTabsGroupElement;
+    }>;
+    schedulerConfigCreated: EventEmitter<SchedulerGroupEventDetail & {
+        host: HTMLNylasEditorTabsGroupElement;
+    }>;
     cancelButtonClick: EventEmitter<void>;
     formSubmitted: EventEmitter<void>;
     previewButtonClicked: EventEmitter<HTMLNylasEditorTabsGroupElement>;
@@ -108,7 +106,11 @@ export declare class NylasEditorTabsGroup {
     selectedGroupEventChangedHandler(newConfig: GroupEventAPIData): void;
     userChangedHandler(newUser: User): void;
     selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE): void;
-    schedulerConfigCreatedEventHandler(data: SchedulerGroupEventDetail): Promise<CustomEvent<SchedulerGroupEventDetail>>;
+    schedulerConfigCreatedEventHandler(data: SchedulerGroupEventDetail & {
+        host: HTMLNylasEditorTabsGroupElement;
+    }): Promise<CustomEvent<SchedulerGroupEventDetail & {
+        host: HTMLNylasEditorTabsGroupElement;
+    }>>;
     setError(error: Error): Promise<void>;
     resetError(): Promise<void>;
     connectedCallback(): void;
@@ -189,4 +191,3 @@ export declare class NylasEditorTabsGroup {
     onFeedbackClick(e: Event): void;
     render(): any;
 }
-export {};

package/dist/types/components/scheduler-editor/nylas-event-duration/nylas-event-duration.d.ts

@@ -12,7 +12,7 @@ export declare class NylasEventDuration {
     durationIncrement: number;
     error: string;
     durationMinutesOptions: {
-        value: number;
+        value: string;
         label: string;
     }[];
     internals: ElementInternals;
@@ -29,7 +29,7 @@ export declare class NylasEventDuration {
     disconnectedCallback(): void;
     get isInternalsAvailable(): boolean;
     setDurationMintueOptions(): {
-        value: number;
+        value: string;
         label: string;
     }[];
     validateDuration(): string;

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AdditionalParticipant, Appearance, AuthConfig, Calendar, Conference, Configuration, EmailTemplate, EventDetails, EventReminder, GroupConfiguration, GroupEvent, GroupEventAPIData, ImportGroupEventDetails, Notification, NylasAuthType, NylasCalendar, NylasSchedulerBookingData as NylasSchedulerBookingData2, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, RecurrenceDeleteOption, RecurrenceUpdateOption, ThemeConfig, TimePeriod, Timeslot } from "@nylas/core";
+import { AdditionalParticipant, Appearance, AuthConfig, ButtonType, Calendar, Conference, Configuration, DropdownOption, EmailTemplate, EventDetails, EventReminder, GroupConfiguration, GroupEvent, GroupEventAPIData, ImportGroupEventDetails, Notification, NylasAuthType, NylasCalendar, NylasSchedulerBookingData as NylasSchedulerBookingData2, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, RecurrenceDeleteOption, RecurrenceUpdateOption, SchedulerGroupEventDetail, ThemeConfig, TimePeriod, Timeslot } from "@nylas/core";
 import { AuthArgs, NylasApiRequest, User } from "./common/nylas-api-request";
 import { CONFIGURATION_EVENT_TYPE, EXPERIMENTAL_FEATURES, LANGUAGE_CODE, Locale } from "./common/constants";
 import { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
@@ -26,7 +26,7 @@ import { NylasSchedulerConfigStoreState, NylasSchedulerConfigStoreType } from ".
 import { Config } from "@nylas/identity";
 import { NylasSchedulerConfigConnector } from "./connector/nylas-scheduler-config-connector/index";
 import { NylasSchedulerConnector } from "./connector/nylas-scheduler-connector/index";
-export { AdditionalParticipant, Appearance, AuthConfig, Calendar, Conference, Configuration, EmailTemplate, EventDetails, EventReminder, GroupConfiguration, GroupEvent, GroupEventAPIData, ImportGroupEventDetails, Notification, NylasAuthType, NylasCalendar, NylasSchedulerBookingData as NylasSchedulerBookingData2, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, RecurrenceDeleteOption, RecurrenceUpdateOption, ThemeConfig, TimePeriod, Timeslot } from "@nylas/core";
+export { AdditionalParticipant, Appearance, AuthConfig, ButtonType, Calendar, Conference, Configuration, DropdownOption, EmailTemplate, EventDetails, EventReminder, GroupConfiguration, GroupEvent, GroupEventAPIData, ImportGroupEventDetails, Notification, NylasAuthType, NylasCalendar, NylasSchedulerBookingData as NylasSchedulerBookingData2, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, RecurrenceDeleteOption, RecurrenceUpdateOption, SchedulerGroupEventDetail, ThemeConfig, TimePeriod, Timeslot } from "@nylas/core";
 export { AuthArgs, NylasApiRequest, User } from "./common/nylas-api-request";
 export { CONFIGURATION_EVENT_TYPE, EXPERIMENTAL_FEATURES, LANGUAGE_CODE, Locale } from "./common/constants";
 export { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
@@ -1103,7 +1103,7 @@ export namespace Components {
         /**
           * Event handler for the scheduler config created event.
          */
-        "schedulerConfigCreatedEventHandler": (data: SchedulerGroupEventDetail) => Promise<CustomEvent<SchedulerGroupEventDetail>>;
+        "schedulerConfigCreatedEventHandler": (data: SchedulerGroupEventDetail & { host: HTMLNylasEditorTabsGroupElement; }) => Promise<CustomEvent<SchedulerGroupEventDetail & { host: HTMLNylasEditorTabsGroupElement; }>>;
         /**
           * @standalone The scheduler preview link to use when the user clicks on the preview button. You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.
          */
@@ -3544,8 +3544,8 @@ declare global {
         new (): HTMLNylasEditorTabsElement;
     };
     interface HTMLNylasEditorTabsGroupElementEventMap {
-        "schedulerConfigChanged": SchedulerGroupEventDetail;
-        "schedulerConfigCreated": SchedulerGroupEventDetail;
+        "schedulerConfigChanged": SchedulerGroupEventDetail & { host: HTMLNylasEditorTabsGroupElement };
+        "schedulerConfigCreated": SchedulerGroupEventDetail & { host: HTMLNylasEditorTabsGroupElement };
         "cancelButtonClick": void;
         "formSubmitted": void;
         "previewButtonClicked": HTMLNylasEditorTabsGroupElement;
@@ -6201,11 +6201,11 @@ declare namespace LocalJSX {
         /**
           * Event emitted when the configuration is created/updated (after the request is complete). This fires for both create and edit actions.
          */
-        "onSchedulerConfigChanged"?: (event: NylasEditorTabsGroupCustomEvent<SchedulerGroupEventDetail>) => void;
+        "onSchedulerConfigChanged"?: (event: NylasEditorTabsGroupCustomEvent<SchedulerGroupEventDetail & { host: HTMLNylasEditorTabsGroupElement }>) => void;
         /**
           * Event emitted when the configuration is created (after the request is made). This fires for only for create action.
          */
-        "onSchedulerConfigCreated"?: (event: NylasEditorTabsGroupCustomEvent<SchedulerGroupEventDetail>) => void;
+        "onSchedulerConfigCreated"?: (event: NylasEditorTabsGroupCustomEvent<SchedulerGroupEventDetail & { host: HTMLNylasEditorTabsGroupElement }>) => void;
         /**
           * Event emitted when the value of a form field changes.
          */

package/dist/types/connector/nylas-connector/index.d.ts

@@ -29,7 +29,7 @@ export declare class NylasConnector implements NylasConnectorInterface {
             <T>(path: string, method?: string | undefined, body?: any, parseJSON?: boolean | undefined, domain?: string | undefined, request?: RequestInit | undefined): Promise<T>;
             <T_1>(path: string, method: string, body: any, parseJSON: false, domain?: string | undefined, request?: RequestInit | undefined): Promise<ReadableStream<Uint8Array> | null>;
             <T_2>(path: string, method: string, body: any, parseJSON: true, domain?: string | undefined, request?: RequestInit | undefined): Promise<T_2>;
-            <T_3>(path: string, method: string, body: any, parseJSON: boolean, domain?: string | undefined, request?: RequestInit | undefined): Promise<ReadableStream<Uint8Array> | T_3 | null>;
+            <T_3>(path: string, method: string, body: any, parseJSON: boolean, domain?: string | undefined, request?: RequestInit | undefined): Promise<T_3 | ReadableStream<Uint8Array> | null>;
         };
         exchangeAuthCodeForTokenInfo(code: string): Promise<import("@nylas/core").TokenExchangeResponse | null>;
         nylasDownloadFileRequest(path: string, method?: string | undefined, body?: any): Promise<Blob>;

package/dist/types/connector/shared/api/auth.d.ts

@@ -1,5 +1,5 @@
 import { NylasAuthStoreType, NylasAuthType } from '../../..';
-import { TokenInfo } from '@nylas/core/lib/auth';
+import { TokenInfo } from '@nylas/core/dist/auth';
 export declare class NylasAuthConnector {
     private nylasAuth;
     private nylasAuthStore;

package/dist/types/connector/shared/api/scheduler.d.ts

@@ -53,7 +53,7 @@ export declare class NylaSchedulerAPIConnector {
         reason?: string;
     }): Promise<NylasSchedulerResponse<NylasEvent>>;
     validateGroupEventTimeslot(timeslot: Timeslot): Promise<NylasErrorResponse | import("@nylas/core").NylasSuccessResponse<NylasEvent> | {
-        error: import("@/types/index").ErrorDetails;
+        error: import("../../../types").ErrorDetails;
     }>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nylas/web-elements",
-  "version": "0.0.0-test-20250320180623",
+  "version": "0.0.0-test-20250320184617",
   "description": "Nylas Web Elements",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -41,8 +41,8 @@
     "rrule": "2.8.1",
     "sanitize-html": "^2.13.0",
     "sortablejs": "^1.15.6",
-    "@nylas/core": "^0.0.0-test-20250320180623",
-    "@nylas/identity": "^3.0.0"
+    "@nylas/identity": "^3.0.0",
+    "@nylas/core": "^0.0.0-test-20250320184617"
   },
   "devDependencies": {
     "@playwright/test": "^1.50.1",

package/dist/nylas-web-elements/p-19f6fcf8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["buttonComponentCss","ButtonComponentStyle0","ButtonComponent","render","className","this","variant","disabled","h","key","class","type","title","tooltip","onClick","clickHandler","onMouseOver","mouseOverHandler","onMouseOut","mouseOutHandler","onFocus","focusHandler","onBlur","blurHandler","isLoading","slot","loadingCss","LoadingIconStyle0","LoadingIcon"],"sources":["src/components/design-system/button-component/button-component.scss?tag=button-component&encapsulation=scoped","src/components/design-system/button-component/button-component.tsx","src/common/icons/loading.css?tag=loading-icon&encapsulation=shadow","src/common/icons/loading.tsx"],"sourcesContent":["@import '../../../common/mixins/buttons.scss';\n@import '../../../common/styles/variables.scss';\n\nbutton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.75rem;\n  height: 48px;\n  border: none;\n  border-radius: var(--nylas-border-radius-2x);\n  font-size: 16px;\n  line-height: 24px;\n  padding: 0 1rem;\n  cursor: pointer;\n  font-family: var(--nylas-font-family);\n  font-weight: 600;\n  width: 100%;\n\n  @media #{$mobile} {\n    width: 100%;\n  }\n\n  &.button-primary {\n    @include primary-button;\n  }\n\n  &.button-basic {\n    border: 1px solid var(--nylas-base-300);\n    color: var(--nylas-base-700);\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n      border-color: var(--nylas-primary);\n    }\n\n    &:active {\n      background: transparent;\n      border-color: var(--nylas-base-600);\n      border-width: 2px;\n    }\n\n    &:disabled {\n      background: transparent;\n      border-color: var(--nylas-base-300);\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n\n  &.button-destructive {\n    border: 1px solid var(--nylas-base-300);\n    color: var(--nylas-error);\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n      border-color: var(--nylas-error);\n    }\n\n    &:active {\n      background: transparent;\n      border-color: var(--nylas-error-pressed);\n      border-width: 2px;\n      color: var(--nylas-error-pressed);\n    }\n\n    &:disabled {\n      background: transparent;\n      border-color: var(--nylas-base-300);\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n\n  &.button-invisible {\n    background: transparent;\n    color: var(--nylas-base-800);\n    border: none;\n\n    &:hover {\n      background: var(--nylas-base-50);\n      color: var(--nylas-primary);\n    }\n\n    &:active {\n      background: var(--nylas-base-50);\n      color: var(--nylas-base-850);\n    }\n\n    &:disabled {\n      background: transparent;\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\ntype ButtonType = 'primary' | 'basic' | 'destructive' | 'invisible';\n\n@Component({\n  tag: 'button-component',\n  styleUrl: 'button-component.scss',\n  scoped: true,\n})\nexport class ButtonComponent {\n  // Define a prop to accept the button type\n  @Prop() variant: ButtonType = 'primary';\n\n  // Define a prop for disabled state\n  @Prop() disabled: boolean = false;\n\n  @Prop() type: string = 'button';\n  @Prop() tooltip: string = '';\n  @Prop() isLoading: boolean = false;\n  @Prop() clickHandler?: (event: MouseEvent) => void;\n  @Prop() mouseOverHandler?: (event: MouseEvent) => void;\n  @Prop() mouseOutHandler?: (event: MouseEvent) => void;\n  @Prop() focusHandler?: (event: FocusEvent) => void;\n  @Prop() blurHandler?: (event: FocusEvent) => void;\n\n  render() {\n    const className = `button-${this.variant}` + (this.disabled ? ' disabled' : '');\n\n    return (\n      <button\n        class={className}\n        disabled={this.disabled}\n        type=\"type\"\n        title={this.tooltip}\n        onClick={this.clickHandler}\n        onMouseOver={this.mouseOverHandler}\n        onMouseOut={this.mouseOutHandler}\n        onFocus={this.focusHandler}\n        onBlur={this.blurHandler}\n      >\n        {!!this.isLoading && <loading-icon slot=\"icon\"></loading-icon>}\n        <slot></slot>\n      </button>\n    );\n  }\n}\n",".wave {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dot {\n  width: 4px;\n  height: 4px;\n  background-color: var(--dot-color, white);\n  border-radius: 50%;\n  margin: 0 2px;\n  animation: wave 1.5s infinite ease-in-out;\n}\n\n.dot:nth-child(2) {\n  animation-delay: 0.2s;\n}\n\n.dot:nth-child(3) {\n  animation-delay: 0.4s;\n}\n\n@keyframes wave {\n  0%,\n  60%,\n  100% {\n    transform: translateY(0);\n  }\n  30% {\n    transform: translateY(-4px);\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'loading-icon',\n  styleUrl: 'loading.css',\n  shadow: true,\n})\nexport class LoadingIcon {\n  @Prop() width: string = '15';\n  @Prop() height: string = '15';\n\n  render() {\n    return (\n      // Loading icon svg\n      <div class=\"wave\">\n        <div class=\"dot\"></div>\n        <div class=\"dot\"></div>\n        <div class=\"dot\"></div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAqB,o1EAC3B,MAAAC,EAAeD,E,MCOFE,EAAe,M,sCAEI,U,cAGF,M,UAEL,S,aACG,G,eACG,M,kJAO7B,MAAAC,GACE,MAAMC,EAAY,UAAUC,KAAKC,WAAaD,KAAKE,SAAW,YAAc,IAE5E,OACEC,EAAA,UAAAC,IAAA,2CACEC,MAAON,EACPG,SAAUF,KAAKE,SACfI,KAAK,OACLC,MAAOP,KAAKQ,QACZC,QAAST,KAAKU,aACdC,YAAaX,KAAKY,iBAClBC,WAAYb,KAAKc,gBACjBC,QAASf,KAAKgB,aACdC,OAAQjB,KAAKkB,eAEVlB,KAAKmB,WAAahB,EAAA,gBAAciB,KAAK,SACxCjB,EAAA,QAAAC,IAAA,6C,aCxCR,MAAMiB,EAAa,6WACnB,MAAAC,EAAeD,E,MCMFE,EAAW,M,oCACE,K,YACC,I,CAEzB,MAAAzB,GACE,OAEEK,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QACXF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QACXF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,Q"}