@veltdev/react 1.0.114 → 1.0.115

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

@@ -37,6 +37,7 @@ export interface IVeltCommentsSidebarProps {
     pageMode?: boolean;
     currentLocationSuffix?: boolean;
     variant?: string;
+    pageModeComposerVariant?: string;
     dialogVariant?: string;
     shadowDom?: boolean;
     filterConfig?: CommentSidebarFilterConfig;

package/esm/index.js

@@ -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, 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, 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, "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, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -722,17 +722,6 @@ var VeltNivoChartComments = function (_a) {
         }))));
 };
 
-var HighchartsReact;
-var Highcharts;
-// optionally import highcharts modules using try catch
-try {
-    HighchartsReact = require('highcharts-react-official');
-    Highcharts = require('highcharts');
-}
-catch (err) {
-    HighchartsReact = null;
-    Highcharts = null;
-}
 var VeltHighChartComments = function (_a) {
     var chartComputedData = _a.chartComputedData, id = _a.id, dialogMetadataTemplate = _a.dialogMetadataTemplate;
     var _b = useState([]), points = _b[0], setPoints = _b[1];
@@ -851,22 +840,10 @@ 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]);