@veltdev/react 3.0.34 → 3.0.36

package/esm/types/components/SnippylyCommentsSidebar/SnippylyCommentsSidebar.d.ts

@@ -35,6 +35,7 @@ export interface IVeltCommentsSidebarProps {
      */
     enableUrlNavigation?: boolean;
     urlNavigation?: boolean;
+    queryParamsComments?: boolean;
     pageMode?: boolean;
     currentLocationSuffix?: boolean;
     variant?: string;
@@ -60,6 +61,7 @@ export interface IVeltCommentsSidebarProps {
     darkMode?: boolean;
     position?: "right" | "left";
     filterPanelLayout?: 'menu' | 'bottomSheet';
+    customFilterMode?: boolean;
 }
 declare const SnippylyCommentsSidebar: React.FC<IVeltCommentsSidebarProps>;
 export default SnippylyCommentsSidebar;

package/esm/types/components/VeltCommentThread/VeltCommentThread.d.ts

@@ -2,6 +2,10 @@ import React from 'react';
 export interface IVeltCommentThreadProps {
     annotationId?: string;
     onCommentClick?: Function;
+    darkMode?: boolean;
+    variant?: string;
+    dialogVariant?: string;
+    shadowDom?: boolean;
 }
 declare const VeltCommentThread: React.FC<IVeltCommentThreadProps>;
 export default VeltCommentThread;

package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarActionButton/VeltCommentsSidebarActionButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IVeltCommentsSidebarActionButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+    type?: 'default' | 'toggle';
+    id: string;
+}
+declare const VeltCommentsSidebarActionButton: React.FC<IVeltCommentsSidebarActionButtonProps>;
+export default VeltCommentsSidebarActionButton;

package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarActionButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./VeltCommentsSidebarActionButton";

package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarWireframe.d.ts

@@ -14,6 +14,7 @@ import { IVeltCommentsSidebarSearchProps } from './VeltCommentsSidebarSearch/Vel
 import { IVeltCommentsSidebarSkeletonProps } from './VeltCommentsSidebarSkeleton/VeltCommentsSidebarSkeleton';
 import { IVeltCommentsSidebarStatus } from './VeltCommentsSidebarStatus/VeltCommentsSidebarStatus';
 import { IVeltCommentsSidebarResetFilterButtonWireframeProps } from './VeltCommentsSidebarResetFilterButtonWireframe/VeltCommentsSidebarResetFilterButtonWireframe';
+import { IVeltCommentsSidebarActionButtonProps } from './VeltCommentsSidebarActionButton/VeltCommentsSidebarActionButton';
 export interface IVeltCommentsSidebarWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     variant?: string;
 }
@@ -33,5 +34,6 @@ declare const VeltCommentsSidebarWireframe: React.FC<IVeltCommentsSidebarWirefra
     LocationFilterDropdown: IVeltCommentsSidebarLocationFilterDropdown;
     MinimalActionsDropdown: IVeltCommentsSidebarMinimalActionsDropdownWireframe;
     ResetFilterButton: React.FC<IVeltCommentsSidebarResetFilterButtonWireframeProps>;
+    ActionButton: React.FC<IVeltCommentsSidebarActionButtonProps>;
 };
 export default VeltCommentsSidebarWireframe;

package/esm/types/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const VELT_SDK_VERSION = "3.0.34";
+export declare const VELT_SDK_VERSION = "3.0.36";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";

package/esm/types/hooks/CommentElement.d.ts

@@ -1,4 +1,4 @@
-import { CommentAnnotation, CommentElement, Location, CommentSelectionChangeData } from "@veltdev/types";
+import { CommentAnnotation, CommentElement, Location, CommentSelectionChangeData, CommentSidebarDataConfig } from "@veltdev/types";
 export declare function useCommentUtils(): CommentElement | undefined;
 export declare function useCommentAnnotations(documentId?: string, location?: Location): CommentAnnotation[] | null | undefined;
 export declare function useUnreadCommentCountByAnnotationId(annotationId: string): {
@@ -28,3 +28,6 @@ export declare function useCommentAnnotationById(config: {
     annotationId: string;
     documentId?: string;
 }): CommentAnnotation | null | undefined;
+export declare function useCommentSidebarActionButtonClick(): CommentSidebarDataConfig | null;
+export declare function useCommentSidebarInit(): CommentSidebarDataConfig | null;
+export declare function useCommentSidebarData(): CommentSidebarDataConfig | null;

package/esm/types/hooks/index.d.ts

@@ -1,5 +1,5 @@
 export { useSetLocation, useSetDocument, useSetDocumentId, useUnsetDocumentId, useIdentify, useClient, useVeltInitState, } from './Client';
-export { useCommentUtils, useCommentAnnotations, useCommentAddHandler, useCommentModeState, useCommentUpdateHandler, useCommentDialogSidebarClickHandler, useCommentSelectionChangeHandler, useUnreadCommentCountByAnnotationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountOnCurrentDocument, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentCountByLocationId, useCommentCopyLinkHandler, useCommentAnnotationById } from './CommentElement';
+export { useCommentUtils, useCommentAnnotations, useCommentAddHandler, useCommentModeState, useCommentUpdateHandler, useCommentDialogSidebarClickHandler, useCommentSelectionChangeHandler, useUnreadCommentCountByAnnotationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountOnCurrentDocument, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentCountByLocationId, useCommentCopyLinkHandler, useCommentAnnotationById, useCommentSidebarActionButtonClick, useCommentSidebarInit, useCommentSidebarData, } from './CommentElement';
 export { useCursorUtils, useCursorUsers, } from './CursorElement';
 export { useHuddleUtils, } from './HuddleElement';
 export { useLiveStateSyncUtils, useLiveStateData, useSetLiveStateData, useUserEditorState, useEditor, useEditorAccessTimer, useEditorAccessRequestHandler, useServerConnectionStateChangeHandler, useLiveState, } from './LiveStateSyncElement';

package/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { Config, Velt, ReactionMap, AutocompleteItem, User, Options, DocumentMetadata, Location as Location$1, CommentElement, CommentAnnotation, CommentSelectionChangeData, CursorElement, CursorUser, LiveStateSyncElement, UserEditorAccess, EditorAccessTimer, ServerConnectionState, PresenceElement, PresenceUser, RecorderElement, RewriterElement, SelectionElement, TagElement, TagAnnotation, ViewsElement, ViewsByUser, ViewsByDate, NotificationElement, Notification, AutocompleteElement, AutocompleteChipData, ContactElement, UserContactSelectedPayload } from '@veltdev/types';
+import { Config, Velt, ReactionMap, AutocompleteItem, User, Options, DocumentMetadata, Location as Location$1, CommentElement, CommentAnnotation, CommentSelectionChangeData, CommentSidebarDataConfig, CursorElement, CursorUser, LiveStateSyncElement, UserEditorAccess, EditorAccessTimer, ServerConnectionState, PresenceElement, PresenceUser, RecorderElement, RewriterElement, SelectionElement, TagElement, TagAnnotation, ViewsElement, ViewsByUser, ViewsByDate, NotificationElement, Notification, AutocompleteElement, AutocompleteChipData, ContactElement, UserContactSelectedPayload } from '@veltdev/types';
 
 interface IVeltProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     apiKey: string;
@@ -206,6 +206,7 @@ interface IVeltCommentsSidebarProps {
      */
     enableUrlNavigation?: boolean;
     urlNavigation?: boolean;
+    queryParamsComments?: boolean;
     pageMode?: boolean;
     currentLocationSuffix?: boolean;
     variant?: string;
@@ -231,6 +232,7 @@ interface IVeltCommentsSidebarProps {
     darkMode?: boolean;
     position?: "right" | "left";
     filterPanelLayout?: 'menu' | 'bottomSheet';
+    customFilterMode?: boolean;
 }
 declare const SnippylyCommentsSidebar: React.FC<IVeltCommentsSidebarProps>;
 
@@ -497,6 +499,10 @@ declare const VeltViewAnalytics: React.FC<IVeltViewAnalyticsProps>;
 interface IVeltCommentThreadProps {
     annotationId?: string;
     onCommentClick?: Function;
+    darkMode?: boolean;
+    variant?: string;
+    dialogVariant?: string;
+    shadowDom?: boolean;
 }
 declare const VeltCommentThread: React.FC<IVeltCommentThreadProps>;
 
@@ -1736,6 +1742,12 @@ interface IVeltCommentsSidebarResetFilterButtonWireframeProps extends React.Deta
     variant?: string;
 }
 
+interface IVeltCommentsSidebarActionButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+    type?: 'default' | 'toggle';
+    id: string;
+}
+
 interface IVeltCommentsSidebarWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     variant?: string;
 }
@@ -1755,6 +1767,7 @@ declare const VeltCommentsSidebarWireframe: React.FC<IVeltCommentsSidebarWirefra
     LocationFilterDropdown: IVeltCommentsSidebarLocationFilterDropdown;
     MinimalActionsDropdown: IVeltCommentsSidebarMinimalActionsDropdownWireframe;
     ResetFilterButton: React.FC<IVeltCommentsSidebarResetFilterButtonWireframeProps>;
+    ActionButton: React.FC<IVeltCommentsSidebarActionButtonProps>;
 };
 
 interface IVeltCommentPinGhostCommentIndicatorProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
@@ -2618,6 +2631,9 @@ declare function useCommentAnnotationById(config: {
     annotationId: string;
     documentId?: string;
 }): CommentAnnotation | null | undefined;
+declare function useCommentSidebarActionButtonClick(): CommentSidebarDataConfig | null;
+declare function useCommentSidebarInit(): CommentSidebarDataConfig | null;
+declare function useCommentSidebarData(): CommentSidebarDataConfig | null;
 
 declare function useCursorUtils(): CursorElement | undefined;
 declare function useCursorUsers(): CursorUser[] | null;
@@ -2685,4 +2701,4 @@ declare const createLiveStateMiddleware: (config?: LiveStateMiddlewareConfig) =>
     updateLiveStateDataId: (newId?: string) => void;
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentSelectionChangeHandler, useCommentUpdateHandler, useCommentUtils, useContactSelected, useContactUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactSelected, useContactUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@veltdev/react",
-    "version": "3.0.34",
+    "version": "3.0.36",
     "description": "Velt is an SDK to add collaborative features to your product within minutes. Example: Comments like Figma, Frame.io, Google docs or sheets, Recording like Loom, Huddles like Slack and much more.",
     "homepage": "https://velt.dev",
     "keywords": [