@collabkit/react - npm Package Compare versions

Comparing version 0.5.2 to 0.5.3

dist/collabkit-react.d.ts

@@ -1124,4 +1124,4 @@ /// <reference types="react" />
   | CommentDeleteButtonTarget
-  | ShowInboxButtonTarget
-  | HideInboxButtonTarget;
+  | ShowSidebarButtonTarget
+  | HideSidebarButtonTarget;
 
@@ -1167,6 +1167,6 @@ type MenuTarget = {
 
-type ShowInboxButtonTarget = { type: 'showInboxButton'; workspaceId: string };
+type ShowSidebarButtonTarget = { type: 'showSidebarButton'; workspaceId: string };
 
-type HideInboxButtonTarget = {
-  type: 'hideInboxButton';
+type HideSidebarButtonTarget = {
+  type: 'hideSidebarButton';
   workspaceId: string;
@@ -1307,3 +1307,3 @@ };
   isSignedIn: boolean;
-  isInboxOpen: boolean;
+  isSidebarOpen: boolean;
   isDemo: boolean;
@@ -1360,2 +1360,16 @@ userId: string | null;
 declare const vars: MapLeafNodes<{
+    newIndicator: {
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+        letterSpacing: string;
+        inlay: {
+            background: string;
+        };
+        line: {
+            background: string;
+        };
+        padding: string;
+    };
     thread: {
@@ -1531,7 +1545,2 @@ background: string;
                 color: string;
-                borderRadius: string;
-                background: string;
-                hover: {
-                    background: string;
-                };
                 mark: {
@@ -1557,5 +1566,2 @@ fontWeight: string;
                     color: string;
-                    active: {
-                        color: string;
-                    };
                 };
@@ -1569,5 +1575,2 @@ email: {
                     color: string;
-                    active: {
-                        color: string;
-                    };
                 };
@@ -1581,15 +1584,2 @@ };
         width: string;
-        newIndicator: {
-            color: string;
-            fontSize: string;
-            fontWeight: string;
-            lineHeight: string;
-            letterSpacing: string;
-            inlay: {
-                background: string;
-            };
-            line: {
-                background: string;
-            };
-        };
         item: {
@@ -1625,5 +1615,4 @@ background: string;
     facepile: {
-        gap: string;
+        overlap: string;
         avatar: {
-            size: string;
             borderSize: string;
@@ -1715,2 +1704,3 @@ borderColor: string;
         size: string;
+        borderRadius: string;
         active: {
@@ -1923,16 +1913,11 @@ background: string;
 
-declare type DeprecatedPopoverProps = {
+declare type PopoverProps = {
     name?: string;
     cellId: string;
-    offset?: number;
-    padding?: number;
-};
-declare type PopoverProps = {
-    name?: string;
-    threadId: string;
     _viewId?: string;
+    openOnClick?: boolean;
     offset?: number;
     padding?: number;
 };
-declare function usePopoverThread(props: DeprecatedPopoverProps | PopoverProps): {
+declare function usePopoverThread(props: PopoverProps): {
     context: {
@@ -1988,4 +1973,4 @@ nodeId: string;
 declare function InboxButton(props: {
-    customIcon?: React__default.ReactNode;
-    customUnreadIcon?: React__default.ReactNode;
+    onClick: () => void;
+    children?: React__default.ReactNode;
 }): JSX.Element;
@@ -2000,3 +1985,5 @@
 declare function Sidebar(props: {
+    title?: React__default.ReactNode;
     children: React__default.ReactNode;
+    strategy?: 'fixed' | 'absolute';
 }): JSX.Element | null;
@@ -2006,2 +1993,8 @@
 
-export { AvatarProps, CollabKitProvider, Config, CustomTheme, Inbox, InboxButton, Mention, MentionProps, PopoverTrigger, CollabKitProvider as Provider, Sidebar, Store, Subscriptions, ThemeProvider, ThemeWrapper, Thread, Workspace, createValtioStore as internal_createStore, usePopoverThread, useUnreadCommentsCount as useUnreadCount, useUnreadThreadsCount };
+declare function SidebarInboxButton(props: {
+    children?: React__default.ReactNode;
+}): JSX.Element;
+
+declare function SidebarInbox(): JSX.Element;
+
+export { AvatarProps, CollabKitProvider, Config, CustomTheme, Inbox, InboxButton, Mention, MentionProps, PopoverTrigger, CollabKitProvider as Provider, Sidebar, SidebarInbox, SidebarInboxButton, Store, Subscriptions, ThemeProvider, ThemeWrapper, Thread, Workspace, createValtioStore as internal_createStore, usePopoverThread, useUnreadCommentsCount as useUnreadCount, useUnreadThreadsCount };

package.json

 {
   "name": "@collabkit/react",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "type": "module",
@@ -16,2 +16,3 @@ "files": [
     ".": {
+      "css": "./dist/style.css",
       "types": "./dist/collabkit-react.d.ts",
@@ -18,0 +19,0 @@ "import": "./dist/collabkit-react.js",

New 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

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

2178436

increased by0.1%

Lines of code

42322

increased by0.13%

No dependency changes