@veltdev/react - npm Package Compare versions

Comparing version 1.0.26 to 1.0.27

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

+export { default } from "./VeltCommentPlayerTimeline";

cjs/types/componen...Timeline/VeltCommentPlayerTimeline.d.ts

+import React from 'react';
+export interface IVeltCommentPlayerTimelineProps {
+    totalMediaLength?: number;
+    onCommentClick?: Function;
+}
+declare const VeltCommentPlayerTimeline: React.FC<IVeltCommentPlayerTimelineProps>;
+export default VeltCommentPlayerTimeline;

esm/types/components/VeltCommentPlayerTimeline/index.d.ts

+export { default } from "./VeltCommentPlayerTimeline";

esm/types/componen...Timeline/VeltCommentPlayerTimeline.d.ts

+import React from 'react';
+export interface IVeltCommentPlayerTimelineProps {
+    totalMediaLength?: number;
+    onCommentClick?: Function;
+}
+declare const VeltCommentPlayerTimeline: React.FC<IVeltCommentPlayerTimelineProps>;
+export default VeltCommentPlayerTimeline;

cjs/index.js

@@ -97,3 +97,3 @@ 'use strict';
 
-var VELT_SDK_VERSION = '1.0.31';
+var VELT_SDK_VERSION = '1.0.32';
 
@@ -391,5 +391,22 @@ var SnippylyProvider = function (props) {
 
+var VeltCommentPlayerTimeline = function (props) {
+    var totalMediaLength = props.totalMediaLength, onCommentClick = props.onCommentClick;
+    var ref = React.useRef();
+    React.useEffect(function () {
+        if (ref.current) {
+            var element = ref.current;
+            element.addEventListener('onCommentClick', function (event) {
+                if (onCommentClick) {
+                    onCommentClick(event === null || event === void 0 ? void 0 : event.detail);
+                }
+            });
+        }
+    }, []);
+    return (React__default["default"].createElement("velt-comment-player-timeline", { ref: ref, "total-media-length": totalMediaLength }));
+};
+
 exports.VeltArrowTool = SnippylyArrowTool;
 exports.VeltArrows = SnippylyArrows;
 exports.VeltCommentBubble = SnippylyCommentBubble;
+exports.VeltCommentPlayerTimeline = VeltCommentPlayerTimeline;
 exports.VeltCommentTool = SnippylyCommentTool;
@@ -396,0 +413,0 @@ exports.VeltComments = SnippylyComments;

cjs/types/components/index.d.ts

@@ -21,1 +21,2 @@ export { default as VeltProvider } from "./Snippyly";
 export { default as VeltUserRequestTool } from "./SnippylyUserRequestTool";
+export { default as VeltCommentPlayerTimeline } from "./VeltCommentPlayerTimeline";

cjs/types/constants.d.ts

@@ -1,1 +0,1 @@
-export declare const VELT_SDK_VERSION = "1.0.31";
+export declare const VELT_SDK_VERSION = "1.0.32";

esm/index.js

@@ -89,3 +89,3 @@ import React, { createContext, useContext, useState, useEffect, useRef } from 'react';
 
-var VELT_SDK_VERSION = '1.0.31';
+var VELT_SDK_VERSION = '1.0.32';
 
@@ -383,3 +383,19 @@ var SnippylyProvider = function (props) {
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, SnippylyCommentBubble as VeltCommentBubble, SnippylyCommentTool as VeltCommentTool, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, SnippylyCursor as VeltCursor, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, useVeltClient };
+var VeltCommentPlayerTimeline = function (props) {
+    var totalMediaLength = props.totalMediaLength, onCommentClick = props.onCommentClick;
+    var ref = useRef();
+    useEffect(function () {
+        if (ref.current) {
+            var element = ref.current;
+            element.addEventListener('onCommentClick', function (event) {
+                if (onCommentClick) {
+                    onCommentClick(event === null || event === void 0 ? void 0 : event.detail);
+                }
+            });
+        }
+    }, []);
+    return (React.createElement("velt-comment-player-timeline", { ref: ref, "total-media-length": totalMediaLength }));
+};
+
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, SnippylyCommentBubble as VeltCommentBubble, VeltCommentPlayerTimeline, SnippylyCommentTool as VeltCommentTool, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, SnippylyCursor as VeltCursor, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, useVeltClient };
 //# sourceMappingURL=index.js.map

esm/types/components/index.d.ts

@@ -21,1 +21,2 @@ export { default as VeltProvider } from "./Snippyly";
 export { default as VeltUserRequestTool } from "./SnippylyUserRequestTool";
+export { default as VeltCommentPlayerTimeline } from "./VeltCommentPlayerTimeline";

esm/types/constants.d.ts

@@ -1,1 +0,1 @@
-export declare const VELT_SDK_VERSION = "1.0.31";
+export declare const VELT_SDK_VERSION = "1.0.32";

index.d.ts

@@ -314,2 +314,8 @@ /// <reference types="react" />
 
+interface IVeltCommentPlayerTimelineProps {
+    totalMediaLength?: number;
+    onCommentClick?: Function;
+}
+declare const VeltCommentPlayerTimeline: React.FC<IVeltCommentPlayerTimelineProps>;
+
 declare function useVeltClient(): {
@@ -319,2 +325,2 @@ client: Velt;
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, SnippylyCommentBubble as VeltCommentBubble, SnippylyCommentTool as VeltCommentTool, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, SnippylyCursor as VeltCursor, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, useVeltClient };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, SnippylyCommentBubble as VeltCommentBubble, VeltCommentPlayerTimeline, SnippylyCommentTool as VeltCommentTool, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, SnippylyCursor as VeltCursor, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, useVeltClient };

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

232337

2.4%

Number of package files

104

4%

Lines of code

1927

2.99%

No dependency changes