From 1783ba717bffe5317141987620b442cd5ce0c232 Mon Sep 17 00:00:00 2001 From: Aaron de Mello Date: Mon, 8 Dec 2025 16:58:45 -0500 Subject: [PATCH 1/3] Updating nylas-web-elements --- packages/react/package.json | 2 +- packages/react/src/elements/components.ts | 99 ++++++++++++++++------- pnpm-lock.yaml | 46 ++++++----- 3 files changed, 97 insertions(+), 50 deletions(-) diff --git a/packages/react/package.json b/packages/react/package.json index 97e7f58..c12673e 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -78,7 +78,7 @@ "dependencies": { "@nylas/connect": "workspace:^", "@nylas/core": "^1.2.0", - "@nylas/web-elements": "^2.2.4", + "@nylas/web-elements": "0.0.0-canary-20251208215521", "@stencil/react-output-target": "^1.2.0", "axios": "^1.7.7", "dayjs": "1.11.7", diff --git a/packages/react/src/elements/components.ts b/packages/react/src/elements/components.ts index 6899bb1..d81fb9f 100644 --- a/packages/react/src/elements/components.ts +++ b/packages/react/src/elements/components.ts @@ -40,6 +40,7 @@ import { type NylasEventCalendarCustomEvent, type NylasEventCapacityCustomEvent, type NylasListConfigurationsCustomEvent, + type NylasNotetakerConfigCustomEvent, type NylasOrganizerConfirmationCardCustomEvent, type NylasPageNameCustomEvent, type NylasPageStylingCustomEvent, @@ -412,15 +413,18 @@ import { NylasMinCancellationNotice as NylasMinCancellationNoticeElement, defineCustomElement as defineNylasMinCancellationNotice, } from "@nylas/web-elements/dist/components/nylas-min-cancellation-notice.js"; +import { + NylasNotetakerConfig as NylasNotetakerConfigElement, + defineCustomElement as defineNylasNotetakerConfig, +} from "@nylas/web-elements/dist/components/nylas-notetaker-config.js"; import { NylasNotification as NylasNotificationElement, defineCustomElement as defineNylasNotification, } from "@nylas/web-elements/dist/components/nylas-notification.js"; -// NOTE: Component not available in current web-elements version -// import { -// NylasOnlySpecificTimeAvailability as NylasOnlySpecificTimeAvailabilityElement, -// defineCustomElement as defineNylasOnlySpecificTimeAvailability, -// } from "@nylas/web-elements/dist/components/nylas-only-specific-time-availability.js"; +import { + NylasOnlySpecificTimeAvailability as NylasOnlySpecificTimeAvailabilityElement, + defineCustomElement as defineNylasOnlySpecificTimeAvailability, +} from "@nylas/web-elements/dist/components/nylas-only-specific-time-availability.js"; import { NylasOrganizerConfirmationCard as NylasOrganizerConfirmationCardElement, defineCustomElement as defineNylasOrganizerConfirmationCard, @@ -2630,6 +2634,40 @@ export const NylasMinCancellationNotice: StencilReactComponent< defineCustomElement: defineNylasMinCancellationNotice, }); +export type NylasNotetakerConfigEvents = { + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; + onNotetakerError: EventName< + NylasNotetakerConfigCustomEvent<{ + error: string; + reason: string; + context?: Record; + }> + >; +}; + +export const NylasNotetakerConfig: StencilReactComponent< + NylasNotetakerConfigElement, + NylasNotetakerConfigEvents +> = /*@__PURE__*/ createComponent< + NylasNotetakerConfigElement, + NylasNotetakerConfigEvents +>({ + tagName: "nylas-notetaker-config", + elementClass: NylasNotetakerConfigElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + onNotetakerError: "notetakerError", + } as NylasNotetakerConfigEvents, + defineCustomElement: defineNylasNotetakerConfig, +}); + export type NylasNotificationEvents = NonNullable; export const NylasNotification: StencilReactComponent< @@ -2647,32 +2685,31 @@ export const NylasNotification: StencilReactComponent< defineCustomElement: defineNylasNotification, }); -// NOTE: Component not available in current web-elements version -// export type NylasOnlySpecificTimeAvailabilityEvents = { -// onValueChanged: EventName< -// CustomEvent<{ -// value: string; -// name: string; -// }> -// >; -// }; -// -// export const NylasOnlySpecificTimeAvailability: StencilReactComponent< -// NylasOnlySpecificTimeAvailabilityElement, -// NylasOnlySpecificTimeAvailabilityEvents -// > = /*@__PURE__*/ createComponent< -// NylasOnlySpecificTimeAvailabilityElement, -// NylasOnlySpecificTimeAvailabilityEvents -// >({ -// tagName: "nylas-only-specific-time-availability", -// elementClass: NylasOnlySpecificTimeAvailabilityElement, -// // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. -// react: React, -// events: { -// onValueChanged: "valueChanged", -// } as NylasOnlySpecificTimeAvailabilityEvents, -// defineCustomElement: defineNylasOnlySpecificTimeAvailability, -// }); +export type NylasOnlySpecificTimeAvailabilityEvents = { + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; +}; + +export const NylasOnlySpecificTimeAvailability: StencilReactComponent< + NylasOnlySpecificTimeAvailabilityElement, + NylasOnlySpecificTimeAvailabilityEvents +> = /*@__PURE__*/ createComponent< + NylasOnlySpecificTimeAvailabilityElement, + NylasOnlySpecificTimeAvailabilityEvents +>({ + tagName: "nylas-only-specific-time-availability", + elementClass: NylasOnlySpecificTimeAvailabilityElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + } as NylasOnlySpecificTimeAvailabilityEvents, + defineCustomElement: defineNylasOnlySpecificTimeAvailability, +}); export type NylasOrganizerConfirmationCardEvents = { onRejectBookingButtonClicked: EventName< diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index b963925..022359d 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -55,13 +55,13 @@ importers: version: link:../nylas-connect '@nylas/core': specifier: ^1.2.0 - version: 1.2.0(@stencil/core@4.37.1) + version: 1.2.0(@stencil/core@4.36.3) '@nylas/web-elements': - specifier: ^2.2.4 - version: 2.2.4(rollup@4.50.1) + specifier: 0.0.0-canary-20251208215521 + version: 0.0.0-canary-20251208215521(rollup@4.50.1) '@stencil/react-output-target': specifier: ^1.2.0 - version: 1.2.0(@stencil/core@4.37.1)(@types/react@19.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0) + version: 1.2.0(@stencil/core@4.36.3)(@types/react@19.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0) axios: specifier: ^1.7.7 version: 1.12.2 @@ -663,14 +663,17 @@ packages: cpu: [x64] os: [win32] + '@nylas/core@0.0.0-test-20250327161320': + resolution: {integrity: sha512-MMdO/11JD3dFYmPwXLA/Sq1itEzKBkvNncWW2KcTULNOYDBt40vhmBsYRzRn0kiRNV49shl8HS0M/LvrRdCbEw==} + '@nylas/core@1.2.0': resolution: {integrity: sha512-eUlxzbeLSdGNx5t51cFxp+oD954MuPxFmL2a0IgqYGQ/TvT2RoIgTHiUhZIXWRZTSBrlNNZq+Bxklk3Z7nPs8g==} '@nylas/identity@3.1.0': resolution: {integrity: sha512-EBW17UBAvsj1cT+BEbawdce9Uy04IsElr8hJJRB3lf8Aod/icdn0mxWdWCyCNrjW6fhRwz0Cv3Sh88DbTbC7yA==} - '@nylas/web-elements@2.2.4': - resolution: {integrity: sha512-EVAF2xQ3Q2OYc4fDl49oZe8lgNIi7P5fF0EQ/RiKLWHGd2gtMyc4YcZBNHMH9hYpxVvxI5BzdRZax76xMCJq7Q==} + '@nylas/web-elements@0.0.0-canary-20251208215521': + resolution: {integrity: sha512-3Db+ytS/Q6tecO4AXJsPvVcV7dt8jZRDKLDDvHXPagLXx/m0HIZWDl4I7mmCBgeFkrAoXCWpBlNKxDmQnu/fqQ==} '@oxlint/darwin-arm64@1.16.0': resolution: {integrity: sha512-t9sBjbcG15Jgwgw2wY+rtfKEazdkKM/YhcdyjmGYeSjBXaczLfp/gZe03taC2qUHK+t6cxSYNkOLXRLWxaf3tw==} @@ -946,8 +949,8 @@ packages: '@sinclair/typebox@0.34.41': resolution: {integrity: sha512-6gS8pZzSXdyRHTIqoqSVknxolr1kzfy4/CeDnrzsVz8TTIWUbOBr6gnzOmTYJ3eXQNh4IYHIGi5aIL7sOZ2G/g==} - '@stencil/core@4.37.1': - resolution: {integrity: sha512-s4ZroxdYc2HU0b7V3n59RVtMKdNlTvWWBN8KofaP64eCzvg1qRh6SKMet7MJ069F1lx/FxDvsYfOv7pZRiMWmQ==} + '@stencil/core@4.36.3': + resolution: {integrity: sha512-C9DOaAjm+hSYRuVoUuYWG/lrYT8+4DG0AL0m1Ea9+G5v2Y6ApVpNJLbXvFlRZIdDMGecH86s6v0Gp39uockLxg==} engines: {node: '>=16.0.0', npm: '>=7.10.0'} hasBin: true @@ -3589,9 +3592,16 @@ snapshots: '@nx/nx-win32-x64-msvc@21.5.2': optional: true - '@nylas/core@1.2.0(@stencil/core@4.37.1)': + '@nylas/core@0.0.0-test-20250327161320(@stencil/core@4.36.3)': + dependencies: + '@stencil/store': 2.2.0(@stencil/core@4.36.3) + dexie: 3.2.7 + transitivePeerDependencies: + - '@stencil/core' + + '@nylas/core@1.2.0(@stencil/core@4.36.3)': dependencies: - '@stencil/store': 2.2.0(@stencil/core@4.37.1) + '@stencil/store': 2.2.0(@stencil/core@4.36.3) dexie: 3.2.7 transitivePeerDependencies: - '@stencil/core' @@ -3604,18 +3614,18 @@ snapshots: react: 18.2.0 uuid: 8.3.2 - '@nylas/web-elements@2.2.4(rollup@4.50.1)': + '@nylas/web-elements@0.0.0-canary-20251208215521(rollup@4.50.1)': dependencies: '@fullcalendar/core': 6.1.8 '@fullcalendar/daygrid': 6.1.8(@fullcalendar/core@6.1.8) '@fullcalendar/interaction': 6.1.8(@fullcalendar/core@6.1.8) '@fullcalendar/rrule': 6.1.8(@fullcalendar/core@6.1.8)(rrule@2.8.1) '@fullcalendar/timegrid': 6.1.8(@fullcalendar/core@6.1.8) - '@nylas/core': 1.2.0(@stencil/core@4.37.1) + '@nylas/core': 0.0.0-test-20250327161320(@stencil/core@4.36.3) '@nylas/identity': 3.1.0 '@rollup/plugin-replace': 6.0.2(rollup@4.50.1) '@sentry/browser': 8.55.0 - '@stencil/core': 4.37.1 + '@stencil/core': 4.36.3 d3-time: 3.1.0 dayjs: 1.11.7 i18next: 23.16.8 @@ -3838,7 +3848,7 @@ snapshots: '@sinclair/typebox@0.34.41': {} - '@stencil/core@4.37.1': + '@stencil/core@4.36.3': optionalDependencies: '@rollup/rollup-darwin-arm64': 4.34.9 '@rollup/rollup-darwin-x64': 4.34.9 @@ -3849,10 +3859,10 @@ snapshots: '@rollup/rollup-win32-arm64-msvc': 4.34.9 '@rollup/rollup-win32-x64-msvc': 4.34.9 - '@stencil/react-output-target@1.2.0(@stencil/core@4.37.1)(@types/react@19.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)': + '@stencil/react-output-target@1.2.0(@stencil/core@4.36.3)(@types/react@19.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)': dependencies: '@lit/react': 1.0.8(@types/react@19.2.0) - '@stencil/core': 4.37.1 + '@stencil/core': 4.36.3 html-react-parser: 5.2.6(@types/react@19.2.0)(react@19.2.0) react: 19.2.0 react-dom: 19.2.0(react@19.2.0) @@ -3861,9 +3871,9 @@ snapshots: transitivePeerDependencies: - '@types/react' - '@stencil/store@2.2.0(@stencil/core@4.37.1)': + '@stencil/store@2.2.0(@stencil/core@4.36.3)': dependencies: - '@stencil/core': 4.37.1 + '@stencil/core': 4.36.3 '@swc/core-darwin-arm64@1.13.5': optional: true From e49115866b83c7c5c2f9209b58006c10172fe17a Mon Sep 17 00:00:00 2001 From: Aaron de Mello Date: Mon, 8 Dec 2025 17:03:50 -0500 Subject: [PATCH 2/3] Enhance snapshot versioning in workflow to include version generation --- .changeset/yellow-ants-run.md | 5 +++++ .github/workflows/snapshot.yml | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/yellow-ants-run.md diff --git a/.changeset/yellow-ants-run.md b/.changeset/yellow-ants-run.md new file mode 100644 index 0000000..a273f7c --- /dev/null +++ b/.changeset/yellow-ants-run.md @@ -0,0 +1,5 @@ +--- +"@nylas/react": minor +--- + +Updating to the latest version of nylas-web-elements. diff --git a/.github/workflows/snapshot.yml b/.github/workflows/snapshot.yml index fa7cca7..0d14617 100644 --- a/.github/workflows/snapshot.yml +++ b/.github/workflows/snapshot.yml @@ -68,7 +68,7 @@ jobs: # Create snapshot version - name: Create snapshot version - run: pnpm changeset version --snapshot ${{ inputs.snapshot_tag }} && git add --all + run: pnpm changeset version --snapshot ${{ inputs.snapshot_tag }} && pnpm -r generate:version && git add --all env: GITHUB_TOKEN: ${{ secrets.BOT_PAT }} NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} From ce3b4104aba9d70545a7efc9366ebafee043b468 Mon Sep 17 00:00:00 2001 From: Aaron de Mello Date: Wed, 10 Dec 2025 20:07:31 -0500 Subject: [PATCH 3/3] Update @nylas/web-elements to version 2.3.0 and @nylas/core to version 1.3.0 in package.json and pnpm-lock.yaml --- packages/react/package.json | 2 +- pnpm-lock.yaml | 22 +++++++++++----------- 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/packages/react/package.json b/packages/react/package.json index c12673e..00b1c80 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -78,7 +78,7 @@ "dependencies": { "@nylas/connect": "workspace:^", "@nylas/core": "^1.2.0", - "@nylas/web-elements": "0.0.0-canary-20251208215521", + "@nylas/web-elements": "2.3.0", "@stencil/react-output-target": "^1.2.0", "axios": "^1.7.7", "dayjs": "1.11.7", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 022359d..d5ded98 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -57,8 +57,8 @@ importers: specifier: ^1.2.0 version: 1.2.0(@stencil/core@4.36.3) '@nylas/web-elements': - specifier: 0.0.0-canary-20251208215521 - version: 0.0.0-canary-20251208215521(rollup@4.50.1) + specifier: 2.3.0 + version: 2.3.0(rollup@4.50.1) '@stencil/react-output-target': specifier: ^1.2.0 version: 1.2.0(@stencil/core@4.36.3)(@types/react@19.2.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0) @@ -663,17 +663,17 @@ packages: cpu: [x64] os: [win32] - '@nylas/core@0.0.0-test-20250327161320': - resolution: {integrity: sha512-MMdO/11JD3dFYmPwXLA/Sq1itEzKBkvNncWW2KcTULNOYDBt40vhmBsYRzRn0kiRNV49shl8HS0M/LvrRdCbEw==} - '@nylas/core@1.2.0': resolution: {integrity: sha512-eUlxzbeLSdGNx5t51cFxp+oD954MuPxFmL2a0IgqYGQ/TvT2RoIgTHiUhZIXWRZTSBrlNNZq+Bxklk3Z7nPs8g==} + '@nylas/core@1.3.0': + resolution: {integrity: sha512-5wi7TuI3WnNdcVsSLqSIIdI5uK3MwmuTHv7jvbDT0Bw8tCk71QSz5n6VtdNs9PlDsrsGlQTBBF5ijsVQ2yk+yg==} + '@nylas/identity@3.1.0': resolution: {integrity: sha512-EBW17UBAvsj1cT+BEbawdce9Uy04IsElr8hJJRB3lf8Aod/icdn0mxWdWCyCNrjW6fhRwz0Cv3Sh88DbTbC7yA==} - '@nylas/web-elements@0.0.0-canary-20251208215521': - resolution: {integrity: sha512-3Db+ytS/Q6tecO4AXJsPvVcV7dt8jZRDKLDDvHXPagLXx/m0HIZWDl4I7mmCBgeFkrAoXCWpBlNKxDmQnu/fqQ==} + '@nylas/web-elements@2.3.0': + resolution: {integrity: sha512-4Ye4tQQeU5+al4bCL1MoCsyiU4HzLMHsIlJgbwaGiq4Sm/QoorN2BhvpQ4hv8V2nStiPQHP5bbKN36vabx5MgQ==} '@oxlint/darwin-arm64@1.16.0': resolution: {integrity: sha512-t9sBjbcG15Jgwgw2wY+rtfKEazdkKM/YhcdyjmGYeSjBXaczLfp/gZe03taC2qUHK+t6cxSYNkOLXRLWxaf3tw==} @@ -3592,14 +3592,14 @@ snapshots: '@nx/nx-win32-x64-msvc@21.5.2': optional: true - '@nylas/core@0.0.0-test-20250327161320(@stencil/core@4.36.3)': + '@nylas/core@1.2.0(@stencil/core@4.36.3)': dependencies: '@stencil/store': 2.2.0(@stencil/core@4.36.3) dexie: 3.2.7 transitivePeerDependencies: - '@stencil/core' - '@nylas/core@1.2.0(@stencil/core@4.36.3)': + '@nylas/core@1.3.0(@stencil/core@4.36.3)': dependencies: '@stencil/store': 2.2.0(@stencil/core@4.36.3) dexie: 3.2.7 @@ -3614,14 +3614,14 @@ snapshots: react: 18.2.0 uuid: 8.3.2 - '@nylas/web-elements@0.0.0-canary-20251208215521(rollup@4.50.1)': + '@nylas/web-elements@2.3.0(rollup@4.50.1)': dependencies: '@fullcalendar/core': 6.1.8 '@fullcalendar/daygrid': 6.1.8(@fullcalendar/core@6.1.8) '@fullcalendar/interaction': 6.1.8(@fullcalendar/core@6.1.8) '@fullcalendar/rrule': 6.1.8(@fullcalendar/core@6.1.8)(rrule@2.8.1) '@fullcalendar/timegrid': 6.1.8(@fullcalendar/core@6.1.8) - '@nylas/core': 0.0.0-test-20250327161320(@stencil/core@4.36.3) + '@nylas/core': 1.3.0(@stencil/core@4.36.3) '@nylas/identity': 3.1.0 '@rollup/plugin-replace': 6.0.2(rollup@4.50.1) '@sentry/browser': 8.55.0