@veltdev/react - npm Package Compare versions

Comparing version 1.0.27 to 1.0.28

cjs/index.js

@@ -181,3 +181,3 @@ 'use strict';
 var SnippylyComments = function (props) {
-    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, pinHighlighterClass = props.pinHighlighterClass, textHighlighterClass = props.textHighlighterClass, signIn = props.signIn, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentsMode = props.floatingCommentsMode, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, allowAttachments = props.allowAttachments, attachments = props.attachments, recordings = props.recordings, showDeviceInfo = props.showDeviceInfo, deviceInfo = props.deviceInfo, showCommentIndex = props.showCommentIndex, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, showPriority = props.showPriority, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, minimap = props.minimap, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsMessage = props.ghostCommentsMessage, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, commentTool = props.commentTool, allowedElementIds = props.allowedElementIds, commentAdded = props.commentAdded, onCommentUpdate = props.onCommentUpdate, commentAccepted = props.commentAccepted, onCommentAccept = props.onCommentAccept, commentRejected = props.commentRejected, onCommentReject = props.onCommentReject, customStatuses = props.customStatuses, customStatus = props.customStatus, customPriorities = props.customPriorities, customPriority = props.customPriority, customCategories = props.customCategories, customCategory = props.customCategory, showStatus = props.showStatus, status = props.status, showResolveButton = props.showResolveButton, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children;
+    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, pinHighlighterClass = props.pinHighlighterClass, textHighlighterClass = props.textHighlighterClass, signIn = props.signIn, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentsMode = props.floatingCommentsMode, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, allowAttachments = props.allowAttachments, attachments = props.attachments, recordings = props.recordings, showDeviceInfo = props.showDeviceInfo, deviceInfo = props.deviceInfo, showCommentIndex = props.showCommentIndex, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, showPriority = props.showPriority, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, minimap = props.minimap, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsMessage = props.ghostCommentsMessage, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, commentTool = props.commentTool, allowedElementIds = props.allowedElementIds, commentAdded = props.commentAdded, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, commentAccepted = props.commentAccepted, onCommentAccept = props.onCommentAccept, commentRejected = props.commentRejected, onCommentReject = props.onCommentReject, customStatuses = props.customStatuses, customStatus = props.customStatus, customPriorities = props.customPriorities, customPriority = props.customPriority, customCategories = props.customCategories, customCategory = props.customCategory, showStatus = props.showStatus, status = props.status, showResolveButton = props.showResolveButton, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children;
     var ref = React.useRef();
@@ -200,6 +200,9 @@ React.useEffect(function () {
             });
-            element.addEventListener('commentAdded', function (event) {
+            element.addEventListener('onCommentAdd', function (event) {
                 if (commentAdded) {
                     commentAdded(event === null || event === void 0 ? void 0 : event.detail);
                 }
+                if (onCommentAdd) {
+                    onCommentAdd(event === null || event === void 0 ? void 0 : event.detail);
+                }
             });
@@ -206,0 +209,0 @@ element.addEventListener('onCommentUpdate', function (event) {

cjs/types/components/SnippylyComments/SnippylyComments.d.ts

@@ -85,3 +85,7 @@ import React from 'react';
     allowedElementIds?: string[];
+    /**
+     * @deprecated Use `onCommentAdd` instead
+     */
     commentAdded?: Function;
+    onCommentAdd?: Function;
     onCustomPinInject?: Function;
@@ -88,0 +92,0 @@ onCommentUpdate?: Function;

esm/index.js

@@ -173,3 +173,3 @@ import React, { createContext, useContext, useState, useEffect, useRef } from 'react';
 var SnippylyComments = function (props) {
-    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, pinHighlighterClass = props.pinHighlighterClass, textHighlighterClass = props.textHighlighterClass, signIn = props.signIn, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentsMode = props.floatingCommentsMode, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, allowAttachments = props.allowAttachments, attachments = props.attachments, recordings = props.recordings, showDeviceInfo = props.showDeviceInfo, deviceInfo = props.deviceInfo, showCommentIndex = props.showCommentIndex, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, showPriority = props.showPriority, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, minimap = props.minimap, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsMessage = props.ghostCommentsMessage, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, commentTool = props.commentTool, allowedElementIds = props.allowedElementIds, commentAdded = props.commentAdded, onCommentUpdate = props.onCommentUpdate, commentAccepted = props.commentAccepted, onCommentAccept = props.onCommentAccept, commentRejected = props.commentRejected, onCommentReject = props.onCommentReject, customStatuses = props.customStatuses, customStatus = props.customStatus, customPriorities = props.customPriorities, customPriority = props.customPriority, customCategories = props.customCategories, customCategory = props.customCategory, showStatus = props.showStatus, status = props.status, showResolveButton = props.showResolveButton, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children;
+    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, pinHighlighterClass = props.pinHighlighterClass, textHighlighterClass = props.textHighlighterClass, signIn = props.signIn, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentsMode = props.floatingCommentsMode, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, allowAttachments = props.allowAttachments, attachments = props.attachments, recordings = props.recordings, showDeviceInfo = props.showDeviceInfo, deviceInfo = props.deviceInfo, showCommentIndex = props.showCommentIndex, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, showPriority = props.showPriority, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, minimap = props.minimap, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsMessage = props.ghostCommentsMessage, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, commentTool = props.commentTool, allowedElementIds = props.allowedElementIds, commentAdded = props.commentAdded, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, commentAccepted = props.commentAccepted, onCommentAccept = props.onCommentAccept, commentRejected = props.commentRejected, onCommentReject = props.onCommentReject, customStatuses = props.customStatuses, customStatus = props.customStatus, customPriorities = props.customPriorities, customPriority = props.customPriority, customCategories = props.customCategories, customCategory = props.customCategory, showStatus = props.showStatus, status = props.status, showResolveButton = props.showResolveButton, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children;
     var ref = useRef();
@@ -192,6 +192,9 @@ useEffect(function () {
             });
-            element.addEventListener('commentAdded', function (event) {
+            element.addEventListener('onCommentAdd', function (event) {
                 if (commentAdded) {
                     commentAdded(event === null || event === void 0 ? void 0 : event.detail);
                 }
+                if (onCommentAdd) {
+                    onCommentAdd(event === null || event === void 0 ? void 0 : event.detail);
+                }
             });
@@ -198,0 +201,0 @@ element.addEventListener('onCommentUpdate', function (event) {

esm/types/components/SnippylyComments/SnippylyComments.d.ts

@@ -85,3 +85,7 @@ import React from 'react';
     allowedElementIds?: string[];
+    /**
+     * @deprecated Use `onCommentAdd` instead
+     */
     commentAdded?: Function;
+    onCommentAdd?: Function;
     onCustomPinInject?: Function;
@@ -88,0 +92,0 @@ onCommentUpdate?: Function;

index.d.ts

@@ -115,3 +115,7 @@ /// <reference types="react" />
     allowedElementIds?: string[];
+    /**
+     * @deprecated Use `onCommentAdd` instead
+     */
     commentAdded?: Function;
+    onCommentAdd?: Function;
     onCustomPinInject?: Function;
@@ -118,0 +122,0 @@ onCommentUpdate?: Function;

package.json

 {
     "name": "@veltdev/react",
-    "version": "1.0.27",
+    "version": "1.0.28",
     "description": "",
@@ -5,0 +5,0 @@ "scripts": {

No alert changes

Improved metrics

Total package byte prevSize

233706

0.59%

Lines of code

1945

0.93%

No dependency changes