@veltdev/react 3.0.6 → 3.0.8

package/cjs/index.js

@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '3.0.6';
+var VELT_SDK_VERSION = '3.0.8';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -229,8 +229,8 @@ var SnippylyProvider = function (props) {
 };
 
 var SnippylyCommentBubble = function (props) {
-    var targetCommentElementId = props.targetCommentElementId, avatar = props.avatar, showAvatar = props.showAvatar, commentBubbleTargetPinHover = props.commentBubbleTargetPinHover, children = props.children, shadowDom = props.shadowDom, variant = props.variant, darkMode = props.darkMode, commentCountType = props.commentCountType;
-    return (React__default["default"].createElement("velt-comment-bubble", { "comment-count-type": commentCountType, "target-comment-element-id": targetCommentElementId, "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, 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;
+    return (React__default["default"].createElement("velt-comment-bubble", { "comment-count-type": commentCountType, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, "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, variant: variant }, children));
 };
 
 var SnippylyComments = function (props) {
@@ -418,7 +418,7 @@ var SnippylyCommentsSidebar = function (props) {
 };
 
 var SnippylyCommentTool = function (props) {
-    var targetCommentElementId = props.targetCommentElementId, onCommentModeChange = props.onCommentModeChange, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom;
+    var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, onCommentModeChange = props.onCommentModeChange, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom;
     var ref = React.useRef();
     var onCommentModeChangeRef = React.useRef(onCommentModeChange);
     // Update the ref to always point to the latest callback function
@@ -444,7 +444,7 @@ var SnippylyCommentTool = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, variant: variant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, variant: variant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCursor = function (props) {
@@ -1371,8 +1371,8 @@ var VeltAutocomplete = function (props) {
 };
 
 var VeltInlineCommentsSection = function (props) {
-    var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId, targetCommentElementId = props.targetCommentElementId;
-    return (React__default["default"].createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId, targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId;
+    return (React__default["default"].createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPin = function (props) {
@@ -3196,6 +3196,52 @@ var VeltPersistentCommentModeWireframe = function (props) {
 VeltPersistentCommentModeWireframe.CloseButton = VeltPersistentCommentModeCloseButtonWireframe;
 VeltPersistentCommentModeWireframe.Label = VeltPersistentCommentModeLabelWireframe;
 
+var VeltMultiThreadCommentDialogCommentCountWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-comment-count-wireframe", __assign({}, remainingProps), children));
+};
+
+var VeltMultiThreadCommentDialogComposerContainerWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-composer-container-wireframe", __assign({}, remainingProps), children));
+};
+
+var VeltMultiThreadCommentDialogListWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-list-wireframe", __assign({}, remainingProps), children));
+};
+
+var VeltMultiThreadCommentDialogCloseButtonWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-close-button-wireframe", __assign({}, remainingProps), children));
+};
+
+var VeltMultiThreadCommentDialogWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-wireframe", __assign({}, remainingProps), children));
+};
+VeltMultiThreadCommentDialogWireframe.CommentCount = VeltMultiThreadCommentDialogCommentCountWireframe;
+VeltMultiThreadCommentDialogWireframe.ComposerContainer = VeltMultiThreadCommentDialogComposerContainerWireframe;
+VeltMultiThreadCommentDialogWireframe.List = VeltMultiThreadCommentDialogListWireframe;
+VeltMultiThreadCommentDialogWireframe.CloseButton = VeltMultiThreadCommentDialogCloseButtonWireframe;
+
+var VeltCommentsSidebarButtonCommentsCount = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-button-comments-count-wireframe", null, children));
+};
+
+var VeltCommentsSidebarButtonIcon = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-button-icon-wireframe", null, children));
+};
+
+var VeltCommentsSidebarButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-button-wireframe", __assign({}, remainingProp), children));
+};
+VeltCommentsSidebarButtonWireframe.CommentsCount = VeltCommentsSidebarButtonCommentsCount;
+VeltCommentsSidebarButtonWireframe.Icon = VeltCommentsSidebarButtonIcon;
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React__default["default"].useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -3992,6 +4038,7 @@ exports.VeltComments = SnippylyComments;
 exports.VeltCommentsMinimap = VeltCommentsMinimap;
 exports.VeltCommentsSidebar = SnippylyCommentsSidebar;
 exports.VeltCommentsSidebarButton = VeltCommentsSidebarButton;
+exports.VeltCommentsSidebarButtonWireframe = VeltCommentsSidebarButtonWireframe;
 exports.VeltCommentsSidebarStatusDropdownWireframe = VeltCommentsSidebarStatusDropdownWireframe;
 exports.VeltCommentsSidebarWireframe = VeltCommentsSidebarWireframe;
 exports.VeltConfirmDialogWireframe = VeltConfirmDialogWireframe;
@@ -4004,6 +4051,7 @@ exports.VeltInlineCommentsSection = VeltInlineCommentsSection;
 exports.VeltInlineCommentsSectionWireframe = VeltInlineCommentsSectionWireframe;
 exports.VeltInlineReactionsSection = VeltInlineReactionsSection;
 exports.VeltInlineReactionsSectionWireframe = VeltInlineReactionsSectionWireframe;
+exports.VeltMultiThreadCommentDialogWireframe = VeltMultiThreadCommentDialogWireframe;
 exports.VeltNivoChartComments = VeltNivoChartComments;
 exports.VeltNotificationsHistoryPanel = VeltNotificationsHistoryPanel;
 exports.VeltNotificationsPanel = VeltNotificationsPanel;