@veltdev/react 3.0.1 → 3.0.2

package/cjs/index.js

@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '3.0.1';
+var VELT_SDK_VERSION = '3.0.2';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -352,7 +352,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, 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, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout;
+    var embedMode = props.embedMode, floatingMode = props.floatingMode, 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, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout;
     var ref = React.useRef();
     var openSidebarRef = React.useRef(openSidebar);
     var onSidebarOpenRef = React.useRef(onSidebarOpen);
@@ -403,7 +403,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 }));
+    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, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? '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 }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -612,8 +612,8 @@ var SnippylyRecorderTool = function (props) {
 };
 
 var SnippylySidebarButton = function (props) {
-    var tooltipText = props.tooltipText, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom;
-    return (React__default["default"].createElement("velt-sidebar-button", { "tooltip-text": tooltipText, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    var tooltipText = props.tooltipText, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, floatingMode = props.floatingMode;
+    return (React__default["default"].createElement("velt-sidebar-button", { "tooltip-text": tooltipText, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyTags = function (props) {
@@ -1339,6 +1339,11 @@ var VeltReactionTool = function (props) {
     return (React__default["default"].createElement("velt-reaction-tool", { ref: ref, "video-player-id": videoPlayerId }));
 };
 
+var VeltInlineReactionsSection = function (props) {
+    var children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, targetReactionElementId = props.targetReactionElementId;
+    return (React__default["default"].createElement("velt-inline-reactions-section", { "target-reaction-element-id": targetReactionElementId, variant: variant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltWireframe = function (props) {
     var children = props.children;
     return (React__default["default"].createElement("velt-wireframe", { style: { display: 'none' } }, children));
@@ -2957,6 +2962,29 @@ VeltConfirmDialogWireframe.Message = VeltConfirmDialogMessageWireframe;
 VeltConfirmDialogWireframe.RejectButton = VeltConfirmDialogRejectButtonWireframe;
 VeltConfirmDialogWireframe.ApproveButton = VeltConfirmDialogApproveButtonWireframe;
 
+var VeltInlineReactionsSectionListWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-inline-reactions-section-list-wireframe", __assign({}, remainingProps), children));
+};
+
+var VeltInlineReactionsSectionPanelWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-inline-reactions-section-panel-wireframe", __assign({}, remainingProps), children));
+};
+
+var VeltInlineReactionsSectionToolContainerWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-inline-reactions-section-tool-container-wireframe", __assign({}, remainingProps), children));
+};
+
+var VeltInlineReactionsSectionWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-inline-reactions-section-wireframe", __assign({}, remainingProps), children));
+};
+VeltInlineReactionsSectionWireframe.List = VeltInlineReactionsSectionListWireframe;
+VeltInlineReactionsSectionWireframe.Panel = VeltInlineReactionsSectionPanelWireframe;
+VeltInlineReactionsSectionWireframe.ToolContainer = VeltInlineReactionsSectionToolContainerWireframe;
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React__default["default"].useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -3762,6 +3790,8 @@ exports.VeltHuddle = SnippylyHuddle;
 exports.VeltHuddleTool = SnippylyHuddleTool;
 exports.VeltInlineCommentsSection = VeltInlineCommentsSection;
 exports.VeltInlineCommentsSectionWireframe = VeltInlineCommentsSectionWireframe;
+exports.VeltInlineReactionsSection = VeltInlineReactionsSection;
+exports.VeltInlineReactionsSectionWireframe = VeltInlineReactionsSectionWireframe;
 exports.VeltNivoChartComments = VeltNivoChartComments;
 exports.VeltNotificationsHistoryPanel = VeltNotificationsHistoryPanel;
 exports.VeltNotificationsPanel = VeltNotificationsPanel;