@veltdev/react 4.6.6 → 4.6.7-beta.1

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

@@ -25,6 +25,7 @@ export interface IVeltCommentBubbleProps extends React.DetailedHTMLProps<React.H
     documentId?: string;
     folderId?: string;
     annotationId?: string;
+    openDialog?: boolean;
 }
 declare const SnippylyCommentBubble: React.FC<IVeltCommentBubbleProps>;
 export default SnippylyCommentBubble;

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

@@ -51,6 +51,7 @@ export interface IVeltSidebarButtonProps extends React.DetailedHTMLProps<React.H
     filterGhostCommentsInSidebar?: boolean;
     onCommentClick?: Function;
     onSidebarOpen?: Function;
+    commentCountType?: 'total' | 'unread';
 }
 declare const SnippylySidebarButton: React.FC<IVeltSidebarButtonProps>;
 export default SnippylySidebarButton;

package/cjs/types/components/VeltCommentBubble/VeltCommentBubbleUnreadIcon/VeltCommentBubbleUnreadIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltCommentBubbleUnreadIconProps extends IVeltWireframeCommonProps {
+}
+declare const VeltCommentBubbleUnreadIcon: React.FC<IVeltCommentBubbleUnreadIconProps>;
+export default VeltCommentBubbleUnreadIcon;

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

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

package/cjs/types/components/VeltCommentBubble/VeltCommentBubbleWireframe.d.ts

@@ -1,12 +1,14 @@
 import React from "react";
 import { IVeltCommentBubbleAvatarProps } from "./VeltCommentBubbleAvatar/VeltCommentBubbleAvatar";
 import { IVeltCommentBubbleCommentsCountProps } from "./VeltCommentBubbleCommentsCount/VeltCommentBubbleCommentsCount";
+import { IVeltCommentBubbleUnreadIconProps } from "./VeltCommentBubbleUnreadIcon/VeltCommentBubbleUnreadIcon";
 export interface IVeltCommentBubbleWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     variant?: string;
 }
 export interface IVeltCommentBubbleWireframe extends React.FC<IVeltCommentBubbleWireframeProps> {
     Avatar: React.FC<IVeltCommentBubbleAvatarProps>;
     CommentsCount: React.FC<IVeltCommentBubbleCommentsCountProps>;
+    UnreadIcon: React.FC<IVeltCommentBubbleUnreadIconProps>;
 }
 declare const VeltCommentBubbleWireframe: IVeltCommentBubbleWireframe;
 export default VeltCommentBubbleWireframe;

package/cjs/types/components/VeltCommentsSidebarButtonWireframe/VeltCommentsSidebarButtonUnreadIcon/VeltCommentsSidebarButtonUnreadIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltCommentsSidebarButtonUnreadIconProps extends IVeltWireframeCommonProps {
+}
+declare const VeltCommentsSidebarButtonUnreadIcon: React.FC<IVeltCommentsSidebarButtonUnreadIconProps>;
+export default VeltCommentsSidebarButtonUnreadIcon;

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

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

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

@@ -2,10 +2,12 @@ import React from 'react';
 import { IVeltWireframeCommonProps } from '../../constants';
 import { IVeltCommentsSidebarButtonCommentsCountProps } from './VeltCommentsSidebarButtonCommentsCount/VeltCommentsSidebarButtonCommentsCount';
 import { IVeltCommentsSidebarButtonIconProps } from './VeltCommentsSidebarButtonIcon/VeltCommentsSidebarButtonIcon';
+import { IVeltCommentsSidebarButtonUnreadIconProps } from './VeltCommentsSidebarButtonUnreadIcon/VeltCommentsSidebarButtonUnreadIcon';
 export interface IVeltCommentsSidebarButtonWireframeProps extends IVeltWireframeCommonProps {
 }
 declare const VeltCommentsSidebarButtonWireframe: React.FC<IVeltCommentsSidebarButtonWireframeProps> & {
     CommentsCount: React.FC<IVeltCommentsSidebarButtonCommentsCountProps>;
     Icon: React.FC<IVeltCommentsSidebarButtonIconProps>;
+    UnreadIcon: React.FC<IVeltCommentsSidebarButtonUnreadIconProps>;
 };
 export default VeltCommentsSidebarButtonWireframe;

package/cjs/types/components/VeltSidebarButtonWireframe/VeltSidebarButtonUnreadIcon/VeltSidebarButtonUnreadIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltSidebarButtonUnreadIconProps extends IVeltWireframeCommonProps {
+}
+declare const VeltSidebarButtonUnreadIcon: React.FC<IVeltSidebarButtonUnreadIconProps>;
+export default VeltSidebarButtonUnreadIcon;

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

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

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

@@ -1,11 +1,13 @@
 import React from 'react';
 import { IVeltSidebarButtonCommentsCountProps } from './VeltSidebarButtonCommentsCount/VeltSidebarButtonCommentsCount';
 import { IVeltSidebarButtonIconProps } from './VeltSidebarButtonIcon/VeltSidebarButtonIcon';
+import { IVeltSidebarButtonUnreadIconProps } from './VeltSidebarButtonUnreadIcon/VeltSidebarButtonUnreadIcon';
 import { IVeltWireframeCommonProps } from '../../constants';
 export interface IVeltSidebarButtonWireframeProps extends IVeltWireframeCommonProps {
 }
 declare const VeltSidebarButtonWireframe: React.FC<IVeltSidebarButtonWireframeProps> & {
     CommentsCount: React.FC<IVeltSidebarButtonCommentsCountProps>;
     Icon: React.FC<IVeltSidebarButtonIconProps>;
+    UnreadIcon: React.FC<IVeltSidebarButtonUnreadIconProps>;
 };
 export default VeltSidebarButtonWireframe;

package/cjs/types/constants.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const VELT_SDK_VERSION = "4.6.6";
+export declare const VELT_SDK_VERSION = "4.6.7-beta.1";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";
 export declare const INTEGRITY_MAP: Record<string, string>;

package/esm/index.js

@@ -137,13 +137,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     }
 };
 
-var VELT_SDK_VERSION = '4.6.6';
+var VELT_SDK_VERSION = '4.6.7-beta.1';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 // integrity map for the Velt SDK
 // Note: generate integrity hashes with: https://www.srihash.org/
 var INTEGRITY_MAP = {
-    '4.6.6': 'sha384-NwjxBARMh0QyZR9MFw1alVnq9kG8FMREeH+x/2yu8PPQ2SjkpwrRJ01JjlfDhPrz',
+    '4.6.7-beta.1': 'sha384-2SAH5flmczIVYXtRDgIpTuJje1yHUcqAa85clH0l6/hin1JLZ/d51ydhsYIN6O2V',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -381,8 +381,8 @@ var SnippylyProvider = function (props) {
 };
 
 var SnippylyCommentBubble = function (props) {
-    var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, avatar = props.avatar, showAvatar = props.showAvatar, commentBubbleTargetPinHover = props.commentBubbleTargetPinHover, children = props.children, shadowDom = props.shadowDom, variant = props.variant, darkMode = props.darkMode, commentCountType = props.commentCountType, context = props.context, contextOptions = props.contextOptions, annotationId = props.annotationId, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, readOnly = props.readOnly;
-    return (React.createElement("velt-comment-bubble", { "annotation-id": annotationId, "comment-count-type": commentCountType, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "show-avatar": [true, false].includes(showAvatar) ? (showAvatar ? 'true' : 'false') : undefined, avatar: [true, false].includes(avatar) ? (avatar ? 'true' : 'false') : undefined, "comment-bubble-target-pin-hover": commentBubbleTargetPinHover ? 'true' : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, variant: variant }, children));
+    var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, avatar = props.avatar, showAvatar = props.showAvatar, commentBubbleTargetPinHover = props.commentBubbleTargetPinHover, children = props.children, shadowDom = props.shadowDom, variant = props.variant, darkMode = props.darkMode, commentCountType = props.commentCountType, context = props.context, contextOptions = props.contextOptions, annotationId = props.annotationId, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, readOnly = props.readOnly, openDialog = props.openDialog;
+    return (React.createElement("velt-comment-bubble", { "annotation-id": annotationId, "comment-count-type": commentCountType, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "show-avatar": [true, false].includes(showAvatar) ? (showAvatar ? 'true' : 'false') : undefined, avatar: [true, false].includes(avatar) ? (avatar ? 'true' : 'false') : undefined, "comment-bubble-target-pin-hover": commentBubbleTargetPinHover ? 'true' : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "open-dialog": [true, false].includes(openDialog) ? (openDialog ? 'true' : 'false') : undefined, variant: variant }, children));
 };
 
 var SnippylyComments = function (props) {
@@ -798,7 +798,7 @@ var SnippylyRecorderTool = function (props) {
 };
 
 var SnippylySidebarButton = function (props) {
-    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, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar;
+    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, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, commentCountType = props.commentCountType;
     var ref = useRef();
     var onSidebarOpenRef = useRef(onSidebarOpen);
     var onCommentClickRef = useRef(onCommentClick);
@@ -834,7 +834,7 @@ var SnippylySidebarButton = function (props) {
             }
         };
     });
-    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, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined }, children));
+    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, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "comment-count-type": commentCountType }, children));
 };
 
 var VeltCommentsSidebarButton = function (props) {
@@ -3367,6 +3367,12 @@ var VeltSidebarButtonIcon = function (props) {
     return (React.createElement("velt-sidebar-button-icon-wireframe", __assign({}, transformedProps), children));
 };
 
+var VeltSidebarButtonUnreadIcon = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-sidebar-button-unread-icon-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltSidebarButtonWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -3374,6 +3380,7 @@ var VeltSidebarButtonWireframe = function (props) {
 };
 VeltSidebarButtonWireframe.CommentsCount = VeltSidebarButtonCommentsCount;
 VeltSidebarButtonWireframe.Icon = VeltSidebarButtonIcon;
+VeltSidebarButtonWireframe.UnreadIcon = VeltSidebarButtonUnreadIcon;
 
 var VeltCommentToolWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -3532,12 +3539,19 @@ var VeltCommentBubbleCommentsCount = function (props) {
     return (React.createElement("velt-comment-bubble-comments-count-wireframe", null, children));
 };
 
+var VeltCommentBubbleUnreadIcon = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-comment-bubble-unread-icon-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltCommentBubbleWireframe = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
     return (React.createElement("velt-comment-bubble-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentBubbleWireframe.Avatar = VeltCommentBubbleAvatar;
 VeltCommentBubbleWireframe.CommentsCount = VeltCommentBubbleCommentsCount;
+VeltCommentBubbleWireframe.UnreadIcon = VeltCommentBubbleUnreadIcon;
 
 var VeltCommentsSidebarStatusDropdownWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);