@veltdev/react 3.0.4 → 3.0.6

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/VeltCommentDialogWireframe/VeltCommentDialogAssigneeBanner/VeltCommentDialogAssigneeBanner.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { IVeltCommentDialogAssigneeBannerResolveButtonProps } from "./VeltCommentDialogAssigneeBannerResolveButton/VeltCommentDialogAssigneeBannerResolveButton";
 import { IVeltCommentDialogAssigneeBannerUserAvatarProps } from "./VeltCommentDialogAssigneeBannerUserAvatar/VeltCommentDialogAssigneeBannerUserAvatar";
 import { IVeltCommentDialogAssigneeBannerUserNameProps } from "./VeltCommentDialogAssigneeBannerUserName/VeltCommentDialogAssigneeBannerUserName";
+import { IVeltCommentDialogAssigneeBannerUnresolveButtonProps } from "./VeltCommentDialogAssigneeBannerUnresolveButton/VeltCommentDialogAssigneeBannerUnresolveButton";
 export interface IVeltCommentDialogAssigneeBannerProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     variant?: string;
 }
@@ -9,6 +10,7 @@ export interface IVeltCommentDialogAssigneeBanner extends React.FC<IVeltCommentD
     ResolveButton: React.FC<IVeltCommentDialogAssigneeBannerResolveButtonProps>;
     UserAvatar: React.FC<IVeltCommentDialogAssigneeBannerUserAvatarProps>;
     UserName: React.FC<IVeltCommentDialogAssigneeBannerUserNameProps>;
+    UnresolveButton: React.FC<IVeltCommentDialogAssigneeBannerUnresolveButtonProps>;
 }
 declare const VeltCommentDialogAssigneeBanner: IVeltCommentDialogAssigneeBanner;
 export default VeltCommentDialogAssigneeBanner;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogAssigneeBanner/VeltCommentDialogAssigneeBannerUnresolveButton/VeltCommentDialogAssigneeBannerUnresolveButton.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogAssigneeBanner/VeltCommentDialogAssigneeBannerUnresolveButton/index.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogUnresolveButton/VeltCommentDialogUnresolveButton.d.ts

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

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

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

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

@@ -26,6 +26,7 @@ import { IVeltCommentDialogUpgradeProps } from "./VeltCommentDialogUpgrade/VeltC
 import { IVeltCommentDialogCustomAnnotationDropdown } from "./VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdown";
 import { IVeltCommentDialogDeleteButtonProps } from "./VeltCommentDialogDeleteButton/VeltCommentDialogDeleteButton";
 import { IVeltCommentDialogCloseButtonProps } from "./VeltCommentDialogCloseButton/VeltCommentDialogCloseButton";
+import { IVeltCommentDialogUnresolveButtonProps } from "./VeltCommentDialogUnresolveButton/VeltCommentDialogUnresolveButton";
 export interface IVeltCommentDialogWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     variant?: string;
 }
@@ -47,6 +48,7 @@ declare const VeltCommentDialogWireframe: React.FC<IVeltCommentDialogWireframePr
     Priority: IVeltCommentDialogPriority;
     PrivateBanner: React.FC<IVeltCommentDialogPrivateBannerProps>;
     ResolveButton: React.FC<IVeltCommentDialogResolveButtonProps>;
+    UnresolveButton: React.FC<IVeltCommentDialogUnresolveButtonProps>;
     SignIn: React.FC<IVeltCommentDialogSignInProps>;
     Status: IVeltCommentDialogStatus;
     SuggestionAction: IVeltCommentDialogSuggestionAction;

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/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const VELT_SDK_VERSION = "3.0.4";
+export declare const VELT_SDK_VERSION = "3.0.6";
 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.4';
+var VELT_SDK_VERSION = '3.0.6';
 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) {
@@ -1376,6 +1457,11 @@ var VeltCommentDialogAssigneeBannerUserName = function (props) {
     return (React.createElement("velt-comment-dialog-assignee-banner-user-name-wireframe", __assign({}, remainingProp), children));
 };
 
+var VeltCommentDialogAssigneeBannerUnresolveButton = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-assignee-banner-unresolve-button-wireframe", __assign({}, remainingProp), children));
+};
+
 var VeltCommentDialogAssigneeBanner = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
     return (React.createElement("velt-comment-dialog-assignee-banner-wireframe", __assign({}, remainingProp), children));
@@ -1383,6 +1469,7 @@ var VeltCommentDialogAssigneeBanner = function (props) {
 VeltCommentDialogAssigneeBanner.ResolveButton = VeltCommentDialogAssigneeBannerResolveButton;
 VeltCommentDialogAssigneeBanner.UserAvatar = VeltCommentDialogAssigneeBannerUserAvatar;
 VeltCommentDialogAssigneeBanner.UserName = VeltCommentDialogAssigneeBannerUserName;
+VeltCommentDialogAssigneeBanner.UnresolveButton = VeltCommentDialogAssigneeBannerUnresolveButton;
 
 var VeltCommentDialogBody = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
@@ -2019,6 +2106,11 @@ var VeltCommentDialogCloseButton = function (props) {
     return (React.createElement("velt-comment-dialog-close-button-wireframe", __assign({}, remainingProp), children));
 };
 
+var VeltCommentDialogUnresolveButton = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-unresolve-button-wireframe", __assign({}, remainingProp), children));
+};
+
 var VeltCommentDialogWireframe = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
     return (React.createElement("velt-comment-dialog-wireframe", __assign({}, remainingProp), children));
@@ -2040,6 +2132,7 @@ VeltCommentDialogWireframe.Options = VeltCommentDialogOptions;
 VeltCommentDialogWireframe.Priority = VeltCommentDialogPriority;
 VeltCommentDialogWireframe.PrivateBanner = VeltCommentDialogPrivateBanner;
 VeltCommentDialogWireframe.ResolveButton = VeltCommentDialogResolveButton;
+VeltCommentDialogWireframe.UnresolveButton = VeltCommentDialogUnresolveButton;
 VeltCommentDialogWireframe.SignIn = VeltCommentDialogSignIn;
 VeltCommentDialogWireframe.Status = VeltCommentDialogStatus;
 VeltCommentDialogWireframe.SuggestionAction = VeltCommentDialogSuggestionAction;
@@ -2394,6 +2487,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 +2526,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"]);