@veltdev/react 1.0.115 → 1.0.116

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

@@ -40,6 +40,7 @@ export interface IVeltCommentsSidebarProps {
     pageModeComposerVariant?: string;
     dialogVariant?: string;
     shadowDom?: boolean;
+    sortData?: 'asc' | 'desc' | 'none';
     filterConfig?: CommentSidebarFilterConfig;
     groupConfig?: CommentSidebarGroupConfig;
     filters?: CommentSidebarFilters;

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

@@ -3,6 +3,7 @@ export interface IVeltHighChartCommentsProps {
     id: string;
     chartComputedData: any;
     dialogMetadataTemplate?: string[];
+    Highcharts?: any;
 }
 declare const VeltHighChartComments: React.FC<IVeltHighChartCommentsProps>;
 export default VeltHighChartComments;

package/esm/index.js

@@ -99,10 +99,10 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     if (!existingScript) {
         var script = document.createElement('script');
         if (staging) {
-            script.src = "https://us-central1-snipply-sdk-staging.cloudfunctions.net/getPrivateNpmPackageFile?packageName=sdk-staging&packageVersion=".concat((!version || version === 'latest') ? '1.0.1' : version, "&filePath=velt.js&orgName=@veltdev");
+            script.src = "https://us-central1-snipply-sdk-staging.cloudfunctions.net/getprivatenpmpackagefile?packageName=sdk-staging&packageVersion=".concat((!version || version === 'latest') ? '1.0.1' : version, "&filePath=velt.js&orgName=@veltdev");
         }
         else if (develop) {
-            script.src = "https://us-central1-snipply-sdk-staging.cloudfunctions.net/getPrivateNpmPackageFile?packageName=sdk-dev&packageVersion=".concat((!version || version === 'latest') ? '1.0.1' : version, "&filePath=velt.js&orgName=@veltdev");
+            script.src = "https://us-central1-snipply-sdk-staging.cloudfunctions.net/getprivatenpmpackagefile?packageName=sdk-dev&packageVersion=".concat((!version || version === 'latest') ? '1.0.1' : version, "&filePath=velt.js&orgName=@veltdev");
         }
         else {
             if (proxyDomain) {
@@ -276,7 +276,7 @@ var SnippylyComments = function (props) {
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick;
+    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick;
     var ref = useRef();
     useEffect(function () {
         if (ref.current) {
@@ -299,7 +299,7 @@ var SnippylyCommentsSidebar = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-comments-sidebar", { ref: ref, "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, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-comments-sidebar", { ref: ref, "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, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -723,7 +723,7 @@ var VeltNivoChartComments = function (_a) {
 };
 
 var VeltHighChartComments = function (_a) {
-    var chartComputedData = _a.chartComputedData, id = _a.id, dialogMetadataTemplate = _a.dialogMetadataTemplate;
+    var chartComputedData = _a.chartComputedData, id = _a.id, dialogMetadataTemplate = _a.dialogMetadataTemplate, Highcharts = _a.Highcharts;
     var _b = useState([]), points = _b[0], setPoints = _b[1];
     var _c = useState([]), ghostPoints = _c[0], setGhostPoints = _c[1];
     var chartRef = useRef(chartComputedData);
@@ -840,10 +840,22 @@ var VeltHighChartComments = function (_a) {
         if (chartRef.current && chartRef.current.chart) {
             var currentChart_1 = chartRef.current.chart;
             window.chart = currentChart_1;
+            // Define the callback to execute on chart redraw
+            var onRedraw_1 = function () {
+                calculatePoints();
+                filterGhostComments(commentsRef.current);
+            };
+            if (Highcharts) {
+                // Attach the event listener
+                Highcharts.addEvent(currentChart_1, 'redraw', onRedraw_1);
+            }
             // Perform the initial calculation
             calculatePoints();
             // Clean up the event listener when the component unmounts or chart changes
             return function () {
+                if (Highcharts) {
+                    Highcharts.removeEvent(currentChart_1, 'redraw', onRedraw_1);
+                }
             };
         }
     }, [chartComputedData]);