@collabkit/react - npm Package Compare versions

Comparing version 0.8.17-alpha-5 to 0.8.17-alpha-7

dist/collabkit-react.d.ts

@@ -675,14 +675,6 @@ /// <reference types="react" />
 
-  savePin(params: {
-    appId: string;
-    workspaceId: string;
-    objectId: string;
-    pin: {
-      x: number;
-      y: number;
-      threadId: string;
-      eventId: 'default' | string;
-    };
-  }): Promise<string>;
+  nextPinId(params: { appId: string; workspaceId: string; objectId: string }): string;
 
+  savePin(params: { appId: string; workspaceId: string; pinId: string; pin: Pin }): Promise<string>;
+
   deletePin(params: {
@@ -985,5 +977,4 @@ appId: string;
   | FloatingCommentButtonTarget
-  | AddCommentButtonTarget
-  | CommentableContainer
-  | Commentable
+  | CommentableContainer$1
+  | Commentable$1
   | MenuTarget
@@ -996,4 +987,26 @@ | CommentMenuTarget
   | ComposerPinButtonTarget
-  | ComposerMentionsButtonTarget;
+  | ComposerMentionsButtonTarget
+  | ChannelActonButtonTarget
+  | AttachPinTarget
+  | PinTarget
+  | PinDeleteButton
+  | CommentSaveButtonTarget
+  | CommentCancelButtonTarget;
 
+type PinTarget = {
+  type: 'pin';
+  objectId: string;
+  id: string;
+  threadId: string;
+  workspaceId: string;
+  isPending?: boolean;
+};
+
+type AttachPinTarget = {
+  type: 'attachPin';
+  objectId: string;
+  x: number;
+  y: number;
+};
+
 type ComposerMentionsButtonTarget = {
@@ -1020,5 +1033,10 @@ type: 'composerMentionsButton';
 
+type PinDeleteButton = {
+  type: 'pinDeleteButton';
+  pin: PinTarget;
+};
+
 type CommentMenuTarget = MenuTarget & CommentTarget;
 
-type Commentable = {
+type Commentable$1 = {
   type: 'commentable';
@@ -1028,8 +1046,6 @@ workspaceId: string;
 
-type CommentableContainer = { type: 'commentableContainer'; workspaceId: string };
+type CommentableContainer$1 = { type: 'commentableContainer'; workspaceId: string };
 
 type FloatingCommentButtonTarget = { type: 'floatingCommentButton' };
 
-type AddCommentButtonTarget = { type: 'addCommentButton'; workspaceId: string };
-
 type ComposerTarget = {
@@ -1069,2 +1085,16 @@ type: 'composer';
 
+type CommentSaveButtonTarget = {
+  type: 'commentSaveButton';
+  workspaceId: string;
+  threadId: string;
+  eventId: string;
+};
+
+type CommentCancelButtonTarget = {
+  type: 'commentCancelButton';
+  workspaceId: string;
+  threadId: string;
+  eventId: string;
+};
+
 type ThreadResolveButtonTarget = {
@@ -1107,2 +1137,3 @@ type: 'resolveThreadButton';
   mentions?: readonly string[];
+  pinId?: string;
 };
@@ -1151,4 +1182,19 @@
   isMentioning: boolean;
+  pendingPin: null | PendingPin;
 }
 
+type Pin = {
+  id: string;
+  objectId: string;
+  x: number;
+  y: number;
+  workspaceId: string;
+  threadId: string;
+  eventId: string;
+};
+
+type PendingPin = Pin & {
+  isPending: true;
+};
+
 interface SeenBy {
@@ -1178,3 +1224,3 @@ [userId: string]: { seenAt: number; seenUntilId: string };
   openPins: { [objectId: string]: { [pinId: string]: Pin } };
-  pendingPin: PendingPin | null;
+  eventPins: { [eventId: string]: Pin };
 }
@@ -1185,12 +1231,4 @@
 
-type PendingPin = Pin & { objectId: string };
-
-type Pin = {
-  threadId: string;
-  eventId: string;
-  x: number;
-  y: number;
-};
-
 interface UnconfiguredStore {
+  appId: null | string;
   sync: null | SyncAdapter;
@@ -1204,7 +1242,4 @@ isReadOnly: boolean;
   workspaceId: string | null;
-  selectedId: null | Target;
   focusedId: null | Target;
-  hoveringId: null | Target;
   reactingId: null | Target;
-  // composingId: null | ThreadTarget;
   menuId: null | Target;
@@ -1214,2 +1249,3 @@ viewingId: null | Target;
   editingId: null | CommentTarget;
+  composerId: null | ComposerTarget;
   config: null | Config;
@@ -1224,4 +1260,8 @@ avatarErrors: { [avatar: string]: boolean };
   uiState: 'idle' | 'selecting';
+  nextThreadId: null | string;
   subs: Subscriptions;
   callbacks?: Callbacks;
+  clientX: number;
+  clientY: number;
+  commentableElements: Map<string, HTMLElement | SVGElement>;
 }
@@ -1232,2 +1272,3 @@
   config: Config;
+  allPins: Pin[];
 }
@@ -1238,2 +1279,14 @@
 
+type SidebarButtonType =
+  | 'resolveThreadButton'
+  | 'sidebarEmojiButton'
+  | 'sidebarElementOptionsButton'
+  | 'sidebarReplyButton';
+
+type ChannelActonButtonTarget = {
+  type: SidebarButtonType;
+  threadId: string;
+  workspaceId: string;
+};
+
 declare type AvatarProps = {
@@ -1339,2 +1392,6 @@ profile: Profile$1;
         4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
     };
@@ -1350,2 +1407,3 @@ sidebar: {
             borderBottom: string;
+            borderBottomColor: string;
             color: string;
@@ -1355,2 +1413,5 @@ paddingBottom: string;
         };
+        unreadDot: {
+            background: string;
+        };
     };
@@ -1645,2 +1706,3 @@ shadow: {
         attention: string;
+        attentionBlue: string;
     };
@@ -1914,2 +1976,4 @@ iconButton: {
 
+declare function useCommentableRef(objectId: string): (element: HTMLElement | SVGElement | null) => void;
+
 declare function ProfileProvider(props: {
@@ -1969,4 +2033,5 @@ children: React$1.ReactNode;
         className?: string | undefined;
-    }) => JSX.Element;
+    }) => JSX.Element | null;
     var Editor: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element | null;
+    var Pin: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element | null;
 }
@@ -1991,3 +2056,3 @@
     autoFocus?: boolean;
-    body?: string;
+    initialBody?: string;
     ['data-testid']?: string;
@@ -2050,3 +2115,14 @@ }): JSX.Element;
 
-declare function AddCommentButton(): JSX.Element | null;
+declare function CommentableRoot(props: {
+    className?: string;
+    children?: React$1.ReactNode;
+}): JSX.Element | null;
+declare function CommentableContainer({ children, objectId, }: {
+    children?: React$1.ReactNode;
+    objectId: string;
+}): JSX.Element;
+declare const Commentable: {
+    Root: typeof CommentableRoot;
+    Container: typeof CommentableContainer;
+};
 
@@ -2065,2 +2141,2 @@ declare const Markdown: React$1.NamedExoticComponent<{
 
-export { AddCommentButton, AvatarProps, Button, CollabKitProvider, _default as CollabKitRecharts, Comment, CommentList, CommentProps, Composer, Config, CustomTheme, Debug, Inbox, InboxButton, PopoverThreadContent as InternalPopoverThreadContent, Markdown, Mention, MentionProps, Popover, PopoverThread, PopoverThreadProps, Profile, CollabKitProvider as Provider, ResolveThreadIconButton, Scrollable, Sidebar, SidebarInbox, SidebarInboxButton, Store, Subscriptions, ThemeProvider, ThemeWrapper, Thread, ThreadFacepile, ThreadProps, ThreadProvider, Workspace, createValtioStore as internal_createStore, useComments, useComposer, useInbox, useIsResolved, usePopoverThread, useReplyCount, useResolveThread, useThread, useThreadUsers, useUnreadCommentsCount as useUnreadCount, useUnreadThreadsCount };
+export { AvatarProps, Button, CollabKitProvider, _default as CollabKitRecharts, Comment, CommentList, CommentProps, Commentable, Composer, Config, CustomTheme, Debug, Inbox, InboxButton, PopoverThreadContent as InternalPopoverThreadContent, Markdown, Mention, MentionProps, Popover, PopoverThread, PopoverThreadProps, Profile, CollabKitProvider as Provider, ResolveThreadIconButton, Scrollable, Sidebar, SidebarInbox, SidebarInboxButton, Store, Subscriptions, ThemeProvider, ThemeWrapper, Thread, ThreadFacepile, ThreadProps, ThreadProvider, Workspace, createValtioStore as internal_createStore, useCommentableRef, useComments, useComposer, useInbox, useIsResolved, usePopoverThread, useReplyCount, useResolveThread, useThread, useThreadUsers, useUnreadCommentsCount as useUnreadCount, useUnreadThreadsCount };

package.json

 {
   "name": "@collabkit/react",
-  "version": "0.8.17-alpha-5",
+  "version": "0.8.17-alpha-7",
   "type": "module",
@@ -36,2 +36,3 @@ "files": [
     "@collabkit/core": "^0.0.0",
+    "@floating-ui/react": "^0.18.0",
     "@floating-ui/react-dom-interactions": "0.10.3",
@@ -47,3 +48,2 @@ "@ladle/react": "^2.4.2",
     "@radix-ui/react-use-callback-ref": "1.0.0",
-    "@types/jest": "^28.1.7",
     "@types/lodash.debounce": "^4.0.7",
@@ -86,5 +86,5 @@ "@types/react": "^18.0.18",
     "valtio": "^1.6.1",
-    "vite": "^3.0.9",
+    "vite": "^4.0.4",
     "vite-plugin-svgr": "^2.4.0",
-    "vitest": "^0.22.1"
+    "vitest": "^0.28.1"
   },
@@ -91,0 +91,0 @@ "prettier": {

New alerts

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2247281

increased by11.22%

Lines of code

43759

increased by13.19%

Worsened metrics

Number of low supply chain risk alerts

17

increased by466.67%

Number of medium supply chain risk alerts

3

increased by50%

No dependency changes