@veltdev/react 3.0.3 → 3.0.5

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

@@ -29,6 +29,7 @@ declare class CommentSidebarFilters {
 }
 export interface IVeltCommentsSidebarProps {
     embedMode?: boolean;
+    floatingMode?: boolean;
     /**
      * @deprecated Use `urlNavigation` instead
      */
@@ -55,6 +56,7 @@ export interface IVeltCommentsSidebarProps {
      */
     onSidebarCommentClick?: Function;
     onCommentClick?: Function;
+    onSidebarClose?: Function;
     darkMode?: boolean;
     position?: "right" | "left";
     filterPanelLayout?: 'menu' | 'bottomSheet';

package/cjs/types/components/SnippylySidebarButton/SnippylySidebarButton.d.ts

@@ -1,8 +1,53 @@
 import React from 'react';
+declare class FilterTypeConfig {
+    name?: string;
+    enable?: boolean;
+    multiSelection?: boolean;
+    enableGrouping?: boolean;
+    order?: string[];
+}
+declare class CommentSidebarFilterConfig {
+    location?: FilterTypeConfig;
+    people?: FilterTypeConfig;
+    priority?: FilterTypeConfig;
+    category?: FilterTypeConfig;
+    commentType?: FilterTypeConfig;
+}
+declare class CommentSidebarGroupConfig {
+    enable?: boolean;
+    name?: string;
+}
+declare class CommentSidebarFilters {
+    location?: Location[];
+    people?: {
+        userId?: string;
+        email?: string;
+    }[];
+    priority?: string[];
+    status?: string[];
+    category?: string[];
+}
 export interface IVeltSidebarButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     tooltipText?: string;
     darkMode?: boolean;
     shadowDom?: boolean;
+    floatingMode?: boolean;
+    pageMode?: boolean;
+    sortData?: 'asc' | 'desc' | 'none';
+    urlNavigation?: boolean;
+    currentLocationSuffix?: boolean;
+    filterConfig?: CommentSidebarFilterConfig;
+    groupConfig?: CommentSidebarGroupConfig;
+    filters?: CommentSidebarFilters;
+    excludeLocationIds?: string[];
+    dialogVariant?: string;
+    pageModeComposerVariant?: string;
+    sidebarShadowDom?: boolean;
+    sidebarVariant?: string;
+    position?: "right" | "left";
+    filterPanelLayout?: 'menu' | 'bottomSheet';
+    onCommentClick?: Function;
+    onSidebarOpen?: Function;
 }
 declare const SnippylySidebarButton: React.FC<IVeltSidebarButtonProps>;
 export default SnippylySidebarButton;

package/cjs/types/components/VeltCommentsSidebarButton/VeltCommentsSidebarButton.d.ts

@@ -1,8 +1,53 @@
 import React from 'react';
+declare class FilterTypeConfig {
+    name?: string;
+    enable?: boolean;
+    multiSelection?: boolean;
+    enableGrouping?: boolean;
+    order?: string[];
+}
+declare class CommentSidebarFilterConfig {
+    location?: FilterTypeConfig;
+    people?: FilterTypeConfig;
+    priority?: FilterTypeConfig;
+    category?: FilterTypeConfig;
+    commentType?: FilterTypeConfig;
+}
+declare class CommentSidebarGroupConfig {
+    enable?: boolean;
+    name?: string;
+}
+declare class CommentSidebarFilters {
+    location?: Location[];
+    people?: {
+        userId?: string;
+        email?: string;
+    }[];
+    priority?: string[];
+    status?: string[];
+    category?: string[];
+}
 export interface IVeltCommentsSidebarButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     tooltipText?: string;
     darkMode?: boolean;
     shadowDom?: boolean;
+    floatingMode?: boolean;
+    pageMode?: boolean;
+    sortData?: 'asc' | 'desc' | 'none';
+    urlNavigation?: boolean;
+    currentLocationSuffix?: boolean;
+    filterConfig?: CommentSidebarFilterConfig;
+    groupConfig?: CommentSidebarGroupConfig;
+    filters?: CommentSidebarFilters;
+    excludeLocationIds?: string[];
+    dialogVariant?: string;
+    pageModeComposerVariant?: string;
+    sidebarShadowDom?: boolean;
+    sidebarVariant?: string;
+    position?: "right" | "left";
+    filterPanelLayout?: 'menu' | 'bottomSheet';
+    onCommentClick?: Function;
+    onSidebarOpen?: Function;
 }
 declare const VeltCommentsSidebarButton: React.FC<IVeltCommentsSidebarButtonProps>;
 export default VeltCommentsSidebarButton;

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarLocationFilterDropdown/VeltCommentsSidebarLocationFilterDropdown.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IVeltCommentsSidebarLocationFilterDropdownContentProps } from './VeltCommentsSidebarLocationFilterDropdownContent/VeltCommentsSidebarLocationFilterDropdownContent';
+import { IVeltCommentsSidebarLocationFilterDropdownTrigger } from './VeltCommentsSidebarLocationFilterDropdownTrigger/VeltCommentsSidebarLocationFilterDropdownTrigger';
+export interface IVeltCommentsSidebarLocationFilterDropdownProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltCommentsSidebarLocationFilterDropdown extends React.FC<IVeltCommentsSidebarLocationFilterDropdownProps> {
+    Trigger: IVeltCommentsSidebarLocationFilterDropdownTrigger;
+    Content: React.FC<IVeltCommentsSidebarLocationFilterDropdownContentProps>;
+}
+declare const VeltCommentsSidebarLocationFilterDropdown: IVeltCommentsSidebarLocationFilterDropdown;
+export default VeltCommentsSidebarLocationFilterDropdown;

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarLocationFilterDropdown/VeltCommentsSidebarLocationFilterDropdownContent/VeltCommentsSidebarLocationFilterDropdownContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IVeltCommentsSidebarLocationFilterDropdownContentProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+declare const VeltCommentsSidebarLocationFilterDropdownContent: React.FC<IVeltCommentsSidebarLocationFilterDropdownContentProps>;
+export default VeltCommentsSidebarLocationFilterDropdownContent;

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarLocationFilterDropdown/VeltCommentsSidebarLocationFilterDropdownContent/index.d.ts

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

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarLocationFilterDropdown/VeltCommentsSidebarLocationFilterDropdownTrigger/VeltCommentsSidebarLocationFilterDropdownTrigger.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IVeltCommentsSidebarLocationFilterDropdownTriggerLabelProps } from './VeltCommentsSidebarLocationFilterDropdownTriggerLabel/VeltCommentsSidebarLocationFilterDropdownTriggerLabel';
+export interface IVeltCommentsSidebarLocationFilterDropdownTriggerProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltCommentsSidebarLocationFilterDropdownTrigger extends React.FC<IVeltCommentsSidebarLocationFilterDropdownTriggerProps> {
+    Label: React.FC<IVeltCommentsSidebarLocationFilterDropdownTriggerLabelProps>;
+}
+declare const VeltCommentsSidebarLocationFilterDropdownTrigger: IVeltCommentsSidebarLocationFilterDropdownTrigger;
+export default VeltCommentsSidebarLocationFilterDropdownTrigger;

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarLocationFilterDropdown/VeltCommentsSidebarLocationFilterDropdownTrigger/VeltCommentsSidebarLocationFilterDropdownTriggerLabel/VeltCommentsSidebarLocationFilterDropdownTriggerLabel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IVeltCommentsSidebarLocationFilterDropdownTriggerLabelProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+declare const VeltCommentsSidebarLocationFilterDropdownTriggerLabel: React.FC<IVeltCommentsSidebarLocationFilterDropdownTriggerLabelProps>;
+export default VeltCommentsSidebarLocationFilterDropdownTriggerLabel;

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarLocationFilterDropdown/VeltCommentsSidebarLocationFilterDropdownTrigger/VeltCommentsSidebarLocationFilterDropdownTriggerLabel/index.d.ts

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

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarLocationFilterDropdown/VeltCommentsSidebarLocationFilterDropdownTrigger/index.d.ts

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

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarLocationFilterDropdown/index.d.ts

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

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

@@ -11,6 +11,7 @@ import { IVeltCommentsSidebarFilterButtonProps } from './VeltCommentsSidebarFilt
 import { IVeltCommentsSidebarSkeletonProps } from './VeltCommentsSidebarSkeleton/VeltCommentsSidebarSkeleton';
 import { IVeltCommentsSidebarPanelProps } from './VeltCommentsSidebarPanel/VeltCommentsSidebarPanel';
 import { IVeltCommentsSidebarMinimalFilterDropdown } from './VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdown';
+import { IVeltCommentsSidebarLocationFilterDropdown } from './VeltCommentsSidebarLocationFilterDropdown/VeltCommentsSidebarLocationFilterDropdown';
 export interface IVeltCommentsSidebarWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     variant?: string;
 }
@@ -27,5 +28,6 @@ declare const VeltCommentsSidebarWireframe: React.FC<IVeltCommentsSidebarWirefra
     Skeleton: React.FC<IVeltCommentsSidebarSkeletonProps>;
     Panel: React.FC<IVeltCommentsSidebarPanelProps>;
     MinimalFilterDropdown: IVeltCommentsSidebarMinimalFilterDropdown;
+    LocationFilterDropdown: IVeltCommentsSidebarLocationFilterDropdown;
 };
 export default VeltCommentsSidebarWireframe;

package/cjs/types/components/VeltPersistentCommentModeWireframe/VeltPersistentCommentModeCloseButtonWireframe/VeltPersistentCommentModeCloseButtonWireframe.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface IVeltPersistentCommentModeCloseButtonWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+declare const VeltPersistentCommentModeCloseButtonWireframe: React.FC<IVeltPersistentCommentModeCloseButtonWireframeProps>;
+export default VeltPersistentCommentModeCloseButtonWireframe;

package/cjs/types/components/VeltPersistentCommentModeWireframe/VeltPersistentCommentModeCloseButtonWireframe/index.d.ts

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

package/cjs/types/components/VeltPersistentCommentModeWireframe/VeltPersistentCommentModeLabelWireframe/VeltPersistentCommentModeLabelPrivateWireframe/VeltPersistentCommentModeLabelPrivateWireframe.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface IVeltPersistentCommentModeLabelPrivateWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+declare const VeltPersistentCommentModeLabelPrivateWireframe: React.FC<IVeltPersistentCommentModeLabelPrivateWireframeProps>;
+export default VeltPersistentCommentModeLabelPrivateWireframe;

package/cjs/types/components/VeltPersistentCommentModeWireframe/VeltPersistentCommentModeLabelWireframe/VeltPersistentCommentModeLabelPrivateWireframe/index.d.ts

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

package/cjs/types/components/VeltPersistentCommentModeWireframe/VeltPersistentCommentModeLabelWireframe/VeltPersistentCommentModeLabelPublicWireframe/VeltPersistentCommentModeLabelPublicWireframe.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface IVeltPersistentCommentModeLabelPublicWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+declare const VeltPersistentCommentModeLabelPublicWireframe: React.FC<IVeltPersistentCommentModeLabelPublicWireframeProps>;
+export default VeltPersistentCommentModeLabelPublicWireframe;

package/cjs/types/components/VeltPersistentCommentModeWireframe/VeltPersistentCommentModeLabelWireframe/VeltPersistentCommentModeLabelPublicWireframe/index.d.ts

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

package/cjs/types/components/VeltPersistentCommentModeWireframe/VeltPersistentCommentModeLabelWireframe/VeltPersistentCommentModeLabelWireframe.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IVeltPersistentCommentModeLabelPrivateWireframeProps } from './VeltPersistentCommentModeLabelPrivateWireframe/VeltPersistentCommentModeLabelPrivateWireframe';
+import { IVeltPersistentCommentModeLabelPublicWireframeProps } from './VeltPersistentCommentModeLabelPublicWireframe/VeltPersistentCommentModeLabelPublicWireframe';
+export interface IVeltPersistentCommentModeLabelWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+export interface IVeltPersistentCommentModeLabelWireframe extends React.FC<IVeltPersistentCommentModeLabelWireframeProps> {
+    Private: React.FC<IVeltPersistentCommentModeLabelPrivateWireframeProps>;
+    Public: React.FC<IVeltPersistentCommentModeLabelPublicWireframeProps>;
+}
+declare const VeltPersistentCommentModeLabelWireframe: IVeltPersistentCommentModeLabelWireframe;
+export default VeltPersistentCommentModeLabelWireframe;

package/cjs/types/components/VeltPersistentCommentModeWireframe/VeltPersistentCommentModeLabelWireframe/index.d.ts

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

package/cjs/types/components/VeltPersistentCommentModeWireframe/VeltPersistentCommentModeWireframe.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IVeltPersistentCommentModeCloseButtonWireframeProps } from './VeltPersistentCommentModeCloseButtonWireframe/VeltPersistentCommentModeCloseButtonWireframe';
+import { IVeltPersistentCommentModeLabelWireframe } from './VeltPersistentCommentModeLabelWireframe/VeltPersistentCommentModeLabelWireframe';
+export interface IVeltPersistentCommentModeWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltPersistentCommentModeWireframe extends React.FC<IVeltPersistentCommentModeWireframeProps> {
+    CloseButton: React.FC<IVeltPersistentCommentModeCloseButtonWireframeProps>;
+    Label: IVeltPersistentCommentModeLabelWireframe;
+}
+declare const VeltPersistentCommentModeWireframe: IVeltPersistentCommentModeWireframe;
+export default VeltPersistentCommentModeWireframe;

package/cjs/types/components/VeltPersistentCommentModeWireframe/index.d.ts

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

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

@@ -65,3 +65,4 @@ export { default as VeltNotificationsPanelWireframe } from "./VeltNotificationsP
 export { default as VeltNotificationsToolWireframe } from "./VeltNotificationsToolWireframe";
 export { default as VeltConfirmDialogWireframe } from "./VeltConfirmDialogWireframe";
 export { default as VeltInlineReactionsSectionWireframe } from "./VeltInlineReactionsSectionWireframe";
+export { default as VeltPersistentCommentModeWireframe } from "./VeltPersistentCommentModeWireframe";

package/cjs/types/constants.d.ts

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

package/esm/index.js

@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '3.0.3';
+var VELT_SDK_VERSION = '3.0.5';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -344,12 +344,13 @@ var SnippylyComments = function (props) {
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout;
+    var embedMode = props.embedMode; props.floatingMode; var enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, onSidebarClose = props.onSidebarClose, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout;
     var ref = useRef();
     var openSidebarRef = useRef(openSidebar);
     var onSidebarOpenRef = useRef(onSidebarOpen);
     var onSidebarCommentClickRef = useRef(onSidebarCommentClick);
     var onCommentClickRef = useRef(onCommentClick);
+    var onSidebarCloseRef = useRef(onSidebarClose);
     // Update the ref to always point to the latest callback function
     useEffect(function () {
         openSidebarRef.current = openSidebar;
@@ -360,6 +361,9 @@ var SnippylyCommentsSidebar = function (props) {
     useEffect(function () {
         onSidebarCommentClickRef.current = onSidebarCommentClick;
     }, [onSidebarCommentClick]);
+    useEffect(function () {
+        onSidebarCloseRef.current = onSidebarClose;
+    }, [onSidebarClose]);
     useEffect(function () {
         onCommentClickRef.current = onCommentClick;
     }, [onCommentClick]);
@@ -381,21 +385,28 @@ var SnippylyCommentsSidebar = function (props) {
                 onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
             }
         };
+        var handleSidebarClose = function (event) {
+            if (onSidebarCloseRef.current) {
+                onSidebarCloseRef.current(event === null || event === void 0 ? void 0 : event.detail);
+            }
+        };
         if (ref.current) {
             element = ref.current;
             if (element) {
                 element.addEventListener('onSidebarOpen', handleSidebarOpen);
                 element.addEventListener('onSidebarCommentClick', handleSidebarCommentClick);
+                element.addEventListener('onSidebarClose', handleSidebarClose);
             }
         }
         return function () {
             if (element) {
                 element.removeEventListener('onSidebarOpen', handleSidebarOpen);
                 element.removeEventListener('onSidebarCommentClick', handleSidebarCommentClick);
+                element.removeEventListener('onSidebarClose', handleSidebarClose);
             }
         };
     }, []);
-    return (React.createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -604,13 +615,83 @@ var SnippylyRecorderTool = function (props) {
 };
 
 var SnippylySidebarButton = function (props) {
-    var tooltipText = props.tooltipText, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom;
-    return (React.createElement("velt-sidebar-button", { "tooltip-text": tooltipText, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    var tooltipText = props.tooltipText, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, floatingMode = props.floatingMode, pageMode = props.pageMode, sortData = props.sortData, urlNavigation = props.urlNavigation, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, dialogVariant = props.dialogVariant, pageModeComposerVariant = props.pageModeComposerVariant, sidebarShadowDom = props.sidebarShadowDom, sidebarVariant = props.sidebarVariant, position = props.position, onCommentClick = props.onCommentClick, onSidebarOpen = props.onSidebarOpen, filterPanelLayout = props.filterPanelLayout;
+    var ref = useRef();
+    var onSidebarOpenRef = useRef(onSidebarOpen);
+    var onCommentClickRef = useRef(onCommentClick);
+    useEffect(function () {
+        onCommentClickRef.current = onCommentClick;
+    }, [onCommentClick]);
+    useEffect(function () {
+        onSidebarOpenRef.current = onSidebarOpen;
+    }, [onSidebarOpen]);
+    useEffect(function () {
+        var element;
+        var handleSidebarOpen = function (event) {
+            if (onSidebarOpenRef.current) {
+                onSidebarOpenRef.current(event === null || event === void 0 ? void 0 : event.detail);
+            }
+        };
+        var handleSidebarCommentClick = function (event) {
+            if (onCommentClickRef.current) {
+                onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
+            }
+        };
+        if (ref.current) {
+            element = ref.current;
+            if (element) {
+                element.addEventListener('onSidebarOpen', handleSidebarOpen);
+                element.addEventListener('onCommentClick', handleSidebarCommentClick);
+            }
+        }
+        return function () {
+            if (element) {
+                element.removeEventListener('onSidebarOpen', handleSidebarOpen);
+                element.removeEventListener('onCommentClick', handleSidebarCommentClick);
+            }
+        };
+    });
+    return (React.createElement("velt-sidebar-button", { "tooltip-text": tooltipText, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "sort-data": sortData, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, "dialog-variant": dialogVariant, "page-mode-composer-variant": pageModeComposerVariant, "sidebar-shadow-dom": [true, false].includes(sidebarShadowDom) ? (sidebarShadowDom ? 'true' : 'false') : undefined, "sidebar-variant": sidebarVariant, position: position, "filter-panel-layout": filterPanelLayout }, children));
 };
 
 var VeltCommentsSidebarButton = function (props) {
-    var tooltipText = props.tooltipText, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom;
-    return (React.createElement("velt-comments-sidebar-button", { "tooltip-text": tooltipText, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    var tooltipText = props.tooltipText, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, floatingMode = props.floatingMode, pageMode = props.pageMode, sortData = props.sortData, urlNavigation = props.urlNavigation, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, dialogVariant = props.dialogVariant, pageModeComposerVariant = props.pageModeComposerVariant, sidebarShadowDom = props.sidebarShadowDom, sidebarVariant = props.sidebarVariant, position = props.position, onCommentClick = props.onCommentClick, onSidebarOpen = props.onSidebarOpen, filterPanelLayout = props.filterPanelLayout;
+    var ref = useRef();
+    var onSidebarOpenRef = useRef(onSidebarOpen);
+    var onCommentClickRef = useRef(onCommentClick);
+    useEffect(function () {
+        onCommentClickRef.current = onCommentClick;
+    }, [onCommentClick]);
+    useEffect(function () {
+        onSidebarOpenRef.current = onSidebarOpen;
+    }, [onSidebarOpen]);
+    useEffect(function () {
+        var element;
+        var handleSidebarOpen = function (event) {
+            if (onSidebarOpenRef.current) {
+                onSidebarOpenRef.current(event === null || event === void 0 ? void 0 : event.detail);
+            }
+        };
+        var handleSidebarCommentClick = function (event) {
+            if (onCommentClickRef.current) {
+                onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
+            }
+        };
+        if (ref.current) {
+            element = ref.current;
+            if (element) {
+                element.addEventListener('onSidebarOpen', handleSidebarOpen);
+                element.addEventListener('onCommentClick', handleSidebarCommentClick);
+            }
+        }
+        return function () {
+            if (element) {
+                element.removeEventListener('onSidebarOpen', handleSidebarOpen);
+                element.removeEventListener('onCommentClick', handleSidebarCommentClick);
+            }
+        };
+    });
+    return (React.createElement("velt-comments-sidebar-button", { "tooltip-text": tooltipText, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "sort-data": sortData, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, "dialog-variant": dialogVariant, "page-mode-composer-variant": pageModeComposerVariant, "sidebar-shadow-dom": [true, false].includes(sidebarShadowDom) ? (sidebarShadowDom ? 'true' : 'false') : undefined, "sidebar-variant": sidebarVariant, position: position, "filter-panel-layout": filterPanelLayout }, children));
 };
 
 var SnippylyTags = function (props) {
@@ -2394,6 +2475,29 @@ var VeltCommentsSidebarMinimalFilterDropdown = function (props) {
 VeltCommentsSidebarMinimalFilterDropdown.Trigger = VeltCommentsSidebarMinimalFilterDropdownTrigger;
 VeltCommentsSidebarMinimalFilterDropdown.Content = VeltCommentsSidebarMinimalFilterDropdownContent;
 
+var VeltCommentsSidebarLocationFilterDropdownContent = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-location-filter-dropdown-content-wireframe", __assign({}, remainingProps), children));
+};
+
+var VeltCommentsSidebarLocationFilterDropdownTriggerLabel = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-location-filter-dropdown-trigger-label-wireframe", __assign({}, remainingProps), children));
+};
+
+var VeltCommentsSidebarLocationFilterDropdownTrigger = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-location-filter-dropdown-trigger-wireframe", __assign({}, remainingProps), children));
+};
+VeltCommentsSidebarLocationFilterDropdownTrigger.Label = VeltCommentsSidebarLocationFilterDropdownTriggerLabel;
+
+var VeltCommentsSidebarLocationFilterDropdown = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-location-filter-dropdown-wireframe", __assign({}, remainingProps), children));
+};
+VeltCommentsSidebarLocationFilterDropdown.Trigger = VeltCommentsSidebarLocationFilterDropdownTrigger;
+VeltCommentsSidebarLocationFilterDropdown.Content = VeltCommentsSidebarLocationFilterDropdownContent;
+
 var VeltCommentsSidebarWireframe = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
     return (React.createElement("velt-comments-sidebar-wireframe", __assign({}, remainingProp), children));
@@ -2410,6 +2514,7 @@ VeltCommentsSidebarWireframe.FilterButton = VeltCommentsSidebarFilterButton;
 VeltCommentsSidebarWireframe.Skeleton = VeltCommentsSidebarSkeleton;
 VeltCommentsSidebarWireframe.Panel = VeltCommentsSidebarPanel;
 VeltCommentsSidebarWireframe.MinimalFilterDropdown = VeltCommentsSidebarMinimalFilterDropdown;
+VeltCommentsSidebarWireframe.LocationFilterDropdown = VeltCommentsSidebarLocationFilterDropdown;
 
 var VeltCommentPinGhostCommentIndicator = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
@@ -3042,6 +3147,35 @@ VeltInlineReactionsSectionWireframe.List = VeltInlineReactionsSectionListWirefra
 VeltInlineReactionsSectionWireframe.Panel = VeltInlineReactionsSectionPanelWireframe;
 VeltInlineReactionsSectionWireframe.ToolContainer = VeltInlineReactionsSectionToolContainerWireframe;
 
+var VeltPersistentCommentModeCloseButtonWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-persistent-comment-mode-close-button-wireframe", null, children));
+};
+
+var VeltPersistentCommentModeLabelPrivateWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-persistent-comment-mode-label-private-wireframe", null, children));
+};
+
+var VeltPersistentCommentModeLabelPublicWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-persistent-comment-mode-label-public-wireframe", null, children));
+};
+
+var VeltPersistentCommentModeLabelWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-persistent-comment-mode-label-wireframe", null, children));
+};
+VeltPersistentCommentModeLabelWireframe.Private = VeltPersistentCommentModeLabelPrivateWireframe;
+VeltPersistentCommentModeLabelWireframe.Public = VeltPersistentCommentModeLabelPublicWireframe;
+
+var VeltPersistentCommentModeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-persistent-comment-mode-wireframe", __assign({}, remainingProp), children));
+};
+VeltPersistentCommentModeWireframe.CloseButton = VeltPersistentCommentModeCloseButtonWireframe;
+VeltPersistentCommentModeWireframe.Label = VeltPersistentCommentModeLabelWireframe;
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React.useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -3812,5 +3946,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, 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, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, 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, useCommentAnnotations, 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, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, 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, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, 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, useCommentAnnotations, 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, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };
 //# sourceMappingURL=index.js.map