@weavy/uikit-react 23.3.0 → 24.0.0

package/changelog.md

@@ -1,5 +1,36 @@
 # Changelog for Weavy
 
+## v24.0.0
+
+<time>2024-07-10</time>
+
+* Added `<wy-notifications>` component to view and manage notifications.
+* Added `<wy-notification-toasts>` component to show notification toasts and native browser notifications.
+* Added `wy:notifications` event to listen to realtime notifications. Enable notification events by setting the `notificationEvents` property on the Weavy context.
+* Added `wy:link` event to handle navigation when interacting with notifications.
+* Added `name` property to all contextual blocks, which will set the display name for the app. The name is widely used in notification texts and falls back to the `uid` when not set.
+* Added Google Meet integration.
+* Added Microsoft Teams integration.
+* Fixed an issue when removing attributes on wy-context.
+* Fixed an issue with the user presence indicator not being updated.
+* Fixed some issues with realtime subscribe/unsubscribe.
+* Fixed some issues with exports and compatibility the uikit-react package.
+* Changed modals to use the Popover API. This removes the need for the `submodals` property on blocks and the `modalParent` property on the Weavy context.
+
+###### Breaking Changes
+
+* Removed realtime events `wy:*` on all blocks in uikit-web. Use the `wy:notifications` event for realtime updates instead.
+
+## v23.4.0
+
+<time>2024-06-27</time>
+
+* Fixed an issue with mention suggestion list not being visible in the message editor.
+* Fixed some issues with dropdowns not being visible or being positioned correctly.
+* Fixed an issue with realtime comments not showing in wy-comments.
+* Fixed an issue with Weavy context not being configured properly in acme-web sample project.
+* Fixed some issues with layout in acme-web sample project.
+
 ## v23.3.0
 
 <time>2024-06-24</time>

package/dist/types/blocks/WyChat.d.ts

@@ -1,10 +1,3 @@
-import { EventName } from '@lit/react';
 import { WyChat as WyChatWC } from '@weavy/uikit-web';
-import { RealtimeAppEventType, RealtimeMessageEventType, RealtimeReactionEventType } from '@weavy/uikit-web/dist/types/types/realtime.types';
 
-export declare const WyChat: import('@lit/react').ReactWebComponent<WyChatWC, {
-    onWyMessageCreated: EventName<CustomEvent<RealtimeMessageEventType>>;
-    onWyReactionAdded: EventName<CustomEvent<RealtimeReactionEventType>>;
-    onWyReactionRemoved: EventName<CustomEvent<RealtimeReactionEventType>>;
-    onWyAppUpdated: EventName<CustomEvent<RealtimeAppEventType>>;
-}>;
+export declare const WyChat: import('@lit/react').ReactWebComponent<WyChatWC, {}>;

package/dist/types/blocks/WyComments.d.ts

@@ -0,0 +1,3 @@
+import { WyComments as WyCommentsWC } from '@weavy/uikit-web';
+
+export declare const WyComments: import('@lit/react').ReactWebComponent<WyCommentsWC, {}>;

package/dist/types/blocks/WyFiles.d.ts

@@ -1,11 +1,3 @@
-import { EventName } from '@lit/react';
 import { WyFiles as WyFilesWC } from '@weavy/uikit-web';
-import { RealtimeFileEventType } from '@weavy/uikit-web/dist/types/types/realtime.types';
 
-export declare const WyFiles: import('@lit/react').ReactWebComponent<WyFilesWC, {
-    onWyFileCreated: EventName<CustomEvent<RealtimeFileEventType>>;
-    onWyFileUpdated: EventName<CustomEvent<RealtimeFileEventType>>;
-    onWyFileTrashed: EventName<CustomEvent<RealtimeFileEventType>>;
-    onWyFileRestored: EventName<CustomEvent<RealtimeFileEventType>>;
-    onWyFileDeleted: EventName<CustomEvent<RealtimeFileEventType>>;
-}>;
+export declare const WyFiles: import('@lit/react').ReactWebComponent<WyFilesWC, {}>;

package/dist/types/blocks/WyMessenger.d.ts

@@ -1,11 +1,3 @@
-import { EventName } from '@lit/react';
 import { WyMessenger as WyMessengerWC } from '@weavy/uikit-web';
-import { RealtimeAppEventType, RealtimeConversationDeliveredEventType, RealtimeConversationMarkedEventType, RealtimeMemberEventType, RealtimeMessageEventType } from '@weavy/uikit-web/dist/types/types/realtime.types';
 
-export declare const WyMessenger: import('@lit/react').ReactWebComponent<WyMessengerWC, {
-    onWyMessageCreated: EventName<CustomEvent<RealtimeMessageEventType>>;
-    onWyAppCreated: EventName<CustomEvent<RealtimeAppEventType>>;
-    onWyConversationMarked: EventName<CustomEvent<RealtimeConversationMarkedEventType>>;
-    onWyConversationDelivered: EventName<CustomEvent<RealtimeConversationDeliveredEventType>>;
-    onWyMemberAdded: EventName<CustomEvent<RealtimeMemberEventType>>;
-}>;
+export declare const WyMessenger: import('@lit/react').ReactWebComponent<WyMessengerWC, {}>;

package/dist/types/blocks/WyNotificationToasts.d.ts

@@ -0,0 +1,7 @@
+import { EventName } from '@lit/react';
+import { WyNotificationToasts as WyNotificationToastsWC } from '@weavy/uikit-web';
+import { WyLinkEventType } from '@weavy/uikit-web/dist/types/types/notifications.types';
+
+export declare const WyNotificationToasts: import('@lit/react').ReactWebComponent<WyNotificationToastsWC, {
+    onWyLink: EventName<WyLinkEventType>;
+}>;

package/dist/types/blocks/WyNotifications.d.ts

@@ -0,0 +1,7 @@
+import { EventName } from '@lit/react';
+import { WyNotifications as WyNotificationsWC } from '@weavy/uikit-web';
+import { WyLinkEventType } from '@weavy/uikit-web/dist/types/types/notifications.types';
+
+export declare const WyNotifications: import('@lit/react').ReactWebComponent<WyNotificationsWC, {
+    onWyLink: EventName<WyLinkEventType>;
+}>;

package/dist/types/blocks/WyPosts.d.ts

@@ -1,10 +1,3 @@
-import { EventName } from '@lit/react';
 import { WyPosts as WyPostsWC } from '@weavy/uikit-web';
-import { RealtimeCommentEventType, RealtimePostEventType, RealtimeReactionEventType } from '@weavy/uikit-web/dist/types/types/realtime.types';
 
-export declare const WyPosts: import('@lit/react').ReactWebComponent<WyPostsWC, {
-    onWyPostCreated: EventName<CustomEvent<RealtimePostEventType>>;
-    onWyCommentCreated: EventName<CustomEvent<RealtimeCommentEventType>>;
-    onWyReactionAdded: EventName<CustomEvent<RealtimeReactionEventType>>;
-    onWyReactionRemoved: EventName<CustomEvent<RealtimeReactionEventType>>;
-}>;
+export declare const WyPosts: import('@lit/react').ReactWebComponent<WyPostsWC, {}>;

package/dist/types/blocks/index.d.ts

@@ -1,5 +1,8 @@
 export * from './WyChat';
+export * from './WyComments';
 export * from './WyContext';
 export * from './WyFiles';
 export * from './WyMessenger';
+export * from './WyNotifications';
+export * from './WyNotificationToasts';
 export * from './WyPosts';

package/dist/types/components/WyAttachment.d.ts

@@ -1,10 +1,8 @@
 import { EventName } from '@lit/react';
 import { WyAttachment as WyAttachmentWC, WyAttachmentsList as WyAttachmentsListWC } from '@weavy/uikit-web';
-import { FileType } from '@weavy/uikit-web/dist/types/types/files.types';
+import { FileOpenEventType } from '@weavy/uikit-web/dist/types/types/files.types';
 
 export declare const WyAttachment: import('@lit/react').ReactWebComponent<WyAttachmentWC, {}>;
 export declare const WyAttachmentsList: import('@lit/react').ReactWebComponent<WyAttachmentsListWC, {
-    onFileOpen: EventName<CustomEvent<{
-        file: FileType;
-    }>>;
+    onFileOpen: EventName<FileOpenEventType>;
 }>;

package/dist/types/components/WyBlobUpload.d.ts

@@ -0,0 +1,3 @@
+import { WyBlobUpload as WyBlobUploadWC } from '@weavy/uikit-web';
+
+export declare const WyBlobUpload: import('@lit/react').ReactWebComponent<WyBlobUploadWC, {}>;

package/dist/types/components/WyButton.d.ts

@@ -1,3 +1,4 @@
-import { WyButton as WyButtonWC } from '@weavy/uikit-web';
+import { WyButton as WyButtonWC, WyButtons as WyButtonsWC } from '@weavy/uikit-web';
 
 export declare const WyButton: import('@lit/react').ReactWebComponent<WyButtonWC, {}>;
+export declare const WyButtons: import('@lit/react').ReactWebComponent<WyButtonsWC, {}>;

package/dist/types/components/WyCloudFiles.d.ts

@@ -6,5 +6,5 @@ export declare const WyCloudFiles: import('@lit/react').ReactWebComponent<WyClou
     onExternalBlobs: EventName<CustomEvent<{
         externalBlobs: ExternalBlobType[] | null;
     }>>;
-    onReleaseFocus: EventName<CustomEvent<any>>;
+    onReleaseFocus: EventName<CustomEvent>;
 }>;

package/dist/types/components/WyComment.d.ts

@@ -1,8 +1,8 @@
 import { EventName } from '@lit/react';
-import { WyComments as WyCommentsWC, WyComment as WyCommentWC, WyCommentView as WyCommentViewWC, WyCommentEdit as WyCommentEditWC, WyCommentEditor as WyCommentEditorWC, WyCommentTrashed as WyCommentTrashedWC } from '@weavy/uikit-web';
+import { WyCommentList as WyCommentListWC, WyComment as WyCommentWC, WyCommentView as WyCommentViewWC, WyCommentEdit as WyCommentEditWC, WyCommentEditor as WyCommentEditorWC, WyCommentTrashed as WyCommentTrashedWC } from '@weavy/uikit-web';
 import { PollOptionType } from '@weavy/uikit-web/dist/types/types/polls.types';
 
-export declare const WyComments: import('@lit/react').ReactWebComponent<WyCommentsWC, {}>;
+export declare const WyCommentList: import('@lit/react').ReactWebComponent<WyCommentListWC, {}>;
 export declare const WyComment: import('@lit/react').ReactWebComponent<WyCommentWC, {
     onVote: EventName<CustomEvent<{
         id: number;

package/dist/types/components/WyConversation.d.ts

@@ -1,9 +1,15 @@
 import { EventName } from '@lit/react';
-import { WyConversation as WyConversationWC, WyConversationNew as WyConversationNewWC } from '@weavy/uikit-web';
+import { WyConversation as WyConversationWC, WyConversationExtended as WyConversationExtendedWC, WyConversationAppbar as WyConversationAppbarWC, WyConversationNew as WyConversationNewWC } from '@weavy/uikit-web';
 
 export declare const WyConversation: import('@lit/react').ReactWebComponent<WyConversationWC, {
-    onReleaseFocus: EventName<CustomEvent<any>>;
+    onReleaseFocus: EventName<CustomEvent>;
+}>;
+export declare const WyConversationExtended: import('@lit/react').ReactWebComponent<WyConversationExtendedWC, {
+    onReleaseFocus: EventName<CustomEvent>;
+}>;
+export declare const WyConversationAppbar: import('@lit/react').ReactWebComponent<WyConversationAppbarWC, {
+    onReleaseFocus: EventName<CustomEvent>;
 }>;
 export declare const WyConversationNew: import('@lit/react').ReactWebComponent<WyConversationNewWC, {
-    onReleaseFocus: EventName<CustomEvent<any>>;
+    onReleaseFocus: EventName<CustomEvent>;
 }>;

package/dist/types/components/WyConversationList.d.ts

@@ -7,7 +7,7 @@ export declare const WyConversationList: import('@lit/react').ReactWebComponent<
     }>>;
 }>;
 export declare const WyConversationListItem: import('@lit/react').ReactWebComponent<WyConversationListItemWC, {
-    onRefetch: EventName<CustomEvent<any>>;
+    onRefetch: EventName<CustomEvent>;
     onSelected: EventName<CustomEvent<{
         id: number;
     }>>;

package/dist/types/components/WyEmbed.d.ts

@@ -5,5 +5,5 @@ export declare const WyEmbed: import('@lit/react').ReactWebComponent<WyEmbedWC,
     onEmbedRemove: EventName<CustomEvent<{
         id: number;
     }>>;
-    onEmbedSwap: EventName<CustomEvent<any>>;
+    onEmbedSwap: EventName<CustomEvent>;
 }>;

package/dist/types/components/WyFilesAppbar.d.ts

@@ -3,7 +3,7 @@ import { WyFilesAppbar as WyFilesAppbarWC } from '@weavy/uikit-web';
 import { BlobType, ExternalBlobType, FileOrderType } from '@weavy/uikit-web/dist/types/types/files.types';
 
 export declare const WyFilesAppbar: import('@lit/react').ReactWebComponent<WyFilesAppbarWC, {
-    onReleaseFocus: EventName<CustomEvent<any>>;
+    onReleaseFocus: EventName<CustomEvent>;
     onUploadFiles: EventName<CustomEvent<{
         files: FileList | null;
         input: HTMLInputElement;

package/dist/types/components/WyFilesList.d.ts

@@ -1,11 +1,9 @@
 import { EventName } from '@lit/react';
 import { WyFilesList as WyFilesListWC } from '@weavy/uikit-web';
-import { FileOrderType, FileType } from '@weavy/uikit-web/dist/types/types/files.types';
+import { FileOpenEventType, FileOrderType, FileType } from '@weavy/uikit-web/dist/types/types/files.types';
 
 export declare const WyFilesList: import('@lit/react').ReactWebComponent<WyFilesListWC, {
-    onFileOpen: EventName<CustomEvent<{
-        file: FileType;
-    }>>;
+    onFileOpen: EventName<FileOpenEventType>;
     onOrder: EventName<CustomEvent<{
         order: FileOrderType;
     }>>;

package/dist/types/components/WyImageGrid.d.ts

@@ -1,9 +1,7 @@
 import { EventName } from '@lit/react';
 import { WyImageGrid as WyImageGridWC } from '@weavy/uikit-web';
-import { FileType } from '@weavy/uikit-web/dist/types/types/files.types';
+import { FileOpenEventType } from '@weavy/uikit-web/dist/types/types/files.types';
 
 export declare const WyImageGrid: import('@lit/react').ReactWebComponent<WyImageGridWC, {
-    onFileOpen: EventName<CustomEvent<{
-        file: FileType;
-    }>>;
+    onFileOpen: EventName<FileOpenEventType>;
 }>;

package/dist/types/components/WyMessage.d.ts

@@ -1,10 +1,10 @@
 import { EventName } from '@lit/react';
-import { WyMessage as WyMessageWC, WyMessages as WyMessagesWC, WyMessageEditor as WyMessageEditorWC } from '@weavy/uikit-web';
+import { WyMessage as WyMessageWC, WyMessages as WyMessagesWC, WyMessageEditor as WyMessageEditorWC, WyMessageTyping as WyMessageTypingWC } from '@weavy/uikit-web';
 import { PollOptionType } from '@weavy/uikit-web/dist/types/types/polls.types';
 
 export declare const WyMessage: import('@lit/react').ReactWebComponent<WyMessageWC, {}>;
 export declare const WyMessages: import('@lit/react').ReactWebComponent<WyMessagesWC, {
-    onScrollToBottom: EventName<CustomEvent<any>>;
+    onScrollToBottom: EventName<CustomEvent>;
 }>;
 export declare const WyMessageEditor: import('@lit/react').ReactWebComponent<WyMessageEditorWC, {
     onSubmit: EventName<CustomEvent<{
@@ -16,3 +16,4 @@ export declare const WyMessageEditor: import('@lit/react').ReactWebComponent<WyM
         embed: number;
     }>>;
 }>;
+export declare const WyMessageTyping: import('@lit/react').ReactWebComponent<WyMessageTypingWC, {}>;

package/dist/types/components/WyNotification.d.ts

@@ -0,0 +1,6 @@
+import { WyNotificationBadge as WyNotificationBadgeWC, WyNotificationButtonList as WyNotificationButtonListWC, WyNotificationList as WyNotificationListWC, WyNotificationListItem as WyNotificationListItemWC } from '@weavy/uikit-web';
+
+export declare const WyNotificationBadge: import('@lit/react').ReactWebComponent<WyNotificationBadgeWC, {}>;
+export declare const WyNotificationButtonList: import('@lit/react').ReactWebComponent<WyNotificationButtonListWC, {}>;
+export declare const WyNotificationList: import('@lit/react').ReactWebComponent<WyNotificationListWC, {}>;
+export declare const WyNotificationListitem: import('@lit/react').ReactWebComponent<WyNotificationListItemWC, {}>;

package/dist/types/components/WyOverlay.d.ts

@@ -2,6 +2,6 @@ import { EventName } from '@lit/react';
 import { WyOverlay as WyOverlayWC } from '@weavy/uikit-web';
 
 export declare const WyOverlay: import('@lit/react').ReactWebComponent<WyOverlayWC, {
-    onReleaseFocus: EventName<CustomEvent<any>>;
-    onRemoveModal: EventName<Event>;
+    onReleaseFocus: EventName<CustomEvent>;
+    onClose: EventName<CustomEvent>;
 }>;

package/dist/types/components/WyPoll.d.ts

@@ -2,13 +2,13 @@ import { EventName } from '@lit/react';
 import { WyPoll as WyPollWC, WyPollOption as WyPollOptionWC } from '@weavy/uikit-web';
 
 export declare const WyPoll: import('@lit/react').ReactWebComponent<WyPollWC, {
-    onReleaseFocus: EventName<CustomEvent<any>>;
+    onReleaseFocus: EventName<CustomEvent>;
     onVote: EventName<CustomEvent<{
         id: number;
     }>>;
 }>;
 export declare const WyPollOption: import('@lit/react').ReactWebComponent<WyPollOptionWC, {
-    onReleaseFocus: EventName<CustomEvent<any>>;
+    onReleaseFocus: EventName<CustomEvent>;
     onVote: EventName<CustomEvent<{
         id: number;
     }>>;

package/dist/types/components/WyPost.d.ts

@@ -39,5 +39,5 @@ export declare const WyPostEdit: import('@lit/react').ReactWebComponent<WyPostEd
     }>>;
 }>;
 export declare const WyPostTrashed: import('@lit/react').ReactWebComponent<WyPostTrashedWC, {
-    onRestore: EventName<CustomEvent<any>>;
+    onRestore: EventName<CustomEvent>;
 }>;

package/dist/types/components/WyPreview.d.ts

@@ -2,7 +2,7 @@ import { EventName } from '@lit/react';
 import { WyPreview as WyPreviewWC, WyPreviewItem as WyPreviewItemWC, WyPreviewEmbed as WyPreviewEmbedWC, WyPreviewIcon as WyPreviewIconWC, WyPreviewImage as WyPreviewImageWC, WyPreviewMedia as WyPreviewMediaWC, WyPreviewText as WyPreviewTextWC } from '@weavy/uikit-web';
 
 export declare const WyPreview: import('@lit/react').ReactWebComponent<WyPreviewWC, {
-    onReleaseFocus: EventName<CustomEvent<any>>;
+    onReleaseFocus: EventName<CustomEvent>;
 }>;
 export declare const WyPreviewItem: import('@lit/react').ReactWebComponent<WyPreviewItemWC, {}>;
 export declare const WyPreviewEmbed: import('@lit/react').ReactWebComponent<WyPreviewEmbedWC, {}>;

package/dist/types/components/WyReactions.d.ts

@@ -2,6 +2,6 @@ import { EventName } from '@lit/react';
 import { WyReactions as WyReactionsWC, WyReactionItem as WyReactionItemWC } from '@weavy/uikit-web';
 
 export declare const WyReactions: import('@lit/react').ReactWebComponent<WyReactionsWC, {
-    onReleaseFocus: EventName<CustomEvent<any>>;
+    onReleaseFocus: EventName<CustomEvent>;
 }>;
 export declare const WyReactionItem: import('@lit/react').ReactWebComponent<WyReactionItemWC, {}>;

package/dist/types/components/WySheet.d.ts

@@ -2,6 +2,6 @@ import { EventName } from '@lit/react';
 import { WySheet as WySheetWC } from '@weavy/uikit-web';
 
 export declare const WySheet: import('@lit/react').ReactWebComponent<WySheetWC, {
-    onReleaseFocus: EventName<CustomEvent<any>>;
-    onRemoveModal: EventName<Event>;
+    onReleaseFocus: EventName<CustomEvent>;
+    onClose: EventName<CustomEvent>;
 }>;

package/dist/types/components/WyToast.d.ts

@@ -0,0 +1,13 @@
+import { EventName } from '@lit/react';
+import { WyToasts as WyToastsWC, WyToast as WyToastWC } from '@weavy/uikit-web';
+
+export declare const WyToasts: import('@lit/react').ReactWebComponent<WyToastsWC, {
+    onHide: EventName<CustomEvent>;
+    onReleaseFocus: EventName<CustomEvent>;
+}>;
+export declare const WyToast: import('@lit/react').ReactWebComponent<WyToastWC, {
+    onHide: EventName<CustomEvent<{
+        silent: boolean;
+    }>>;
+    onReleaseFocus: EventName<CustomEvent>;
+}>;

package/dist/types/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './WyAttachment';
 export * from './WyAvatar';
 export * from './WyBadge';
+export * from './WyBlobUpload';
 export * from './WyButton';
 export * from './WyCloudFiles';
 export * from './WyComment';
@@ -19,10 +20,10 @@ export * from './WyIcon';
 export * from './WyImageGrid';
 export * from './WyMeetingCard';
 export * from './WyMessage';
+export * from './WyNotification';
 export * from './WyOverlay';
 export * from './WyPdfViewer';
 export * from './WyPoll';
-export * from './WyPortal';
 export * from './WyPost';
 export * from './WyPresence';
 export * from './WyPreview';