@weavy/uikit-react 23.4.0 → 24.0.1

package/changelog.md

@@ -1,5 +1,34 @@
 # Changelog for Weavy
 
+## v24.0.1
+
+<time>2024-07-12</time>
+
+* Fixed incorrect positioning of modals in uikit-web.
+* Fixed incorrect height on "New messages" badge in uikit-web.
+* Fixed an issue with z-index stacking order in uikit-web.
+
+## 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>

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/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>;
 }>;
+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>;
 }>;

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,5 +1,5 @@
 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, {}>;
@@ -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

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

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

@@ -3,5 +3,5 @@ import { WySheet as WySheetWC } from '@weavy/uikit-web';
 
 export declare const WySheet: import('@lit/react').ReactWebComponent<WySheetWC, {
     onReleaseFocus: EventName<CustomEvent>;
-    onRemoveModal: EventName<Event>;
+    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';