@veltdev/react 3.0.34 → 3.0.36

package/cjs/index.js

@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '3.0.34';
+var VELT_SDK_VERSION = '3.0.36';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -363,7 +363,7 @@ var SnippylyComments = function (props) {
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    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 embedMode = props.embedMode; props.floatingMode; var enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, 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, customFilterMode = props.customFilterMode;
     var ref = React.useRef();
     var openSidebarRef = React.useRef(openSidebar);
     var onSidebarOpenRef = React.useRef(onSidebarOpen);
@@ -425,7 +425,7 @@ var SnippylyCommentsSidebar = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].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 }));
+    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "custom-filter-mode": [true, false].includes(customFilterMode) ? (customFilterMode ? 'true' : 'false') : undefined, "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, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? '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) {
@@ -794,7 +794,7 @@ var VeltViewAnalytics = function (props) {
 };
 
 var VeltCommentThread = function (props) {
-    var annotationId = props.annotationId, onCommentClick = props.onCommentClick;
+    var annotationId = props.annotationId, onCommentClick = props.onCommentClick, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant;
     var ref = React.useRef();
     var onCommentClickRef = React.useRef(onCommentClick);
     React.useEffect(function () {
@@ -819,7 +819,7 @@ var VeltCommentThread = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-comment-thread", { ref: ref, "annotation-id": annotationId }));
+    return (React__default["default"].createElement("velt-comment-thread", { ref: ref, "annotation-id": annotationId, 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 }));
 };
 
 var VeltNotificationsTool = function (props) {
@@ -2580,6 +2580,11 @@ var VeltCommentsSidebarResetFilterButtonWireframe = function (props) {
     return (React__default["default"].createElement("velt-comments-sidebar-reset-filter-button-wireframe", __assign({}, remainingProps), children));
 };
 
+var VeltCommentsSidebarActionButton = function (props) {
+    var children = props.children, variant = props.variant, type = props.type, id = props.id;
+    return (React__default["default"].createElement("velt-comments-sidebar-action-button-wireframe", { variant: variant, type: type, id: id }, children));
+};
+
 var VeltCommentsSidebarWireframe = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
     return (React__default["default"].createElement("velt-comments-sidebar-wireframe", __assign({}, remainingProp), children));
@@ -2599,6 +2604,7 @@ VeltCommentsSidebarWireframe.MinimalFilterDropdown = VeltCommentsSidebarMinimalF
 VeltCommentsSidebarWireframe.LocationFilterDropdown = VeltCommentsSidebarLocationFilterDropdown;
 VeltCommentsSidebarWireframe.MinimalActionsDropdown = VeltCommentsSidebarMinimalActionsDropdownWireframe;
 VeltCommentsSidebarWireframe.ResetFilterButton = VeltCommentsSidebarResetFilterButtonWireframe;
+VeltCommentsSidebarWireframe.ActionButton = VeltCommentsSidebarActionButton;
 
 var VeltCommentPinGhostCommentIndicator = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
@@ -3672,6 +3678,51 @@ function useCommentAnnotationById(config) {
     }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotationById]);
     return data;
 }
+function useCommentSidebarActionButtonClick() {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState(null), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSidebarActionButtonClick))
+            return;
+        var subscription = commentElement.onCommentSidebarActionButtonClick().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSidebarActionButtonClick]);
+    return data;
+}
+function useCommentSidebarInit() {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState(null), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSidebarInit))
+            return;
+        var subscription = commentElement.onCommentSidebarInit().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSidebarInit]);
+    return data;
+}
+function useCommentSidebarData() {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState(null), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSidebarData))
+            return;
+        var subscription = commentElement.onCommentSidebarData().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSidebarData]);
+    return data;
+}
 
 function useCursorUtils() {
     var _a = React__default["default"].useState(), cursorElement = _a[0], setCursorElement = _a[1];
@@ -4309,6 +4360,9 @@ exports.useCommentCopyLinkHandler = useCommentCopyLinkHandler;
 exports.useCommentDialogSidebarClickHandler = useCommentDialogSidebarClickHandler;
 exports.useCommentModeState = useCommentModeState;
 exports.useCommentSelectionChangeHandler = useCommentSelectionChangeHandler;
+exports.useCommentSidebarActionButtonClick = useCommentSidebarActionButtonClick;
+exports.useCommentSidebarData = useCommentSidebarData;
+exports.useCommentSidebarInit = useCommentSidebarInit;
 exports.useCommentUpdateHandler = useCommentUpdateHandler;
 exports.useCommentUtils = useCommentUtils;
 exports.useContactSelected = useContactSelected;