@veltdev/react 5.0.2-beta.16 → 5.0.2-beta.18

package/cjs/index.js

@@ -212,13 +212,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '5.0.2-beta.16';
+var VELT_SDK_VERSION = '5.0.2-beta.18';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 // integrity map for the Velt SDK
 // Note: generate integrity hashes with: https://www.srihash.org/
 var INTEGRITY_MAP = {
-    '5.0.2-beta.16': 'sha384-bWIZln3Nb+MvCRfl1EA3VmI62sQWf5YLLsKjVq4F9zHYU/xwvszMb76cMq5BHTCf',
+    '5.0.2-beta.18': 'sha384-69LoKfP81N0BizQX0RnZyXU38I8rcgQaKpHG2rufCSLpRGaArTrKTIE9FNE9+hIh',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -2186,8 +2186,8 @@ var VeltAutocompleteChipTooltipDescription = function (props) {
 };
 
 var VeltInlineCommentsSection = function (props) {
-    var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId, targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, multiThread = props.multiThread, sortData = props.sortData, composerVariant = props.composerVariant, composerPosition = props.composerPosition, sortBy = props.sortBy, sortOrder = props.sortOrder, fullExpanded = props.fullExpanded, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, composerPlaceholder = props.composerPlaceholder, readOnly = props.readOnly, anonymousEmail = props.anonymousEmail;
-    return (React__default["default"].createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "sort-data": sortData, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "composer-variant": composerVariant, "composer-position": composerPosition, "sort-by": sortBy, "sort-order": sortOrder, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "composer-placeholder": composerPlaceholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined }, children));
+    var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId, targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, multiThread = props.multiThread, sortData = props.sortData, composerVariant = props.composerVariant, composerPosition = props.composerPosition, sortBy = props.sortBy, sortOrder = props.sortOrder, fullExpanded = props.fullExpanded, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, composerPlaceholder = props.composerPlaceholder, readOnly = props.readOnly, anonymousEmail = props.anonymousEmail, messageTruncation = props.messageTruncation, messageTruncationLines = props.messageTruncationLines;
+    return (React__default["default"].createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "sort-data": sortData, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "composer-variant": composerVariant, "composer-position": composerPosition, "sort-by": sortBy, "sort-order": sortOrder, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "composer-placeholder": composerPlaceholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined, "message-truncation": [true, false].includes(messageTruncation) ? (messageTruncation ? 'true' : 'false') : undefined, "message-truncation-lines": messageTruncationLines !== undefined ? String(messageTruncationLines) : undefined }, children));
 };
 
 var VeltInlineCommentsSectionCommentCount = function (props) {
@@ -2710,6 +2710,42 @@ var VeltCommentDialogThreadCardMessage$1 = function (props) {
     return (React__default["default"].createElement("velt-comment-dialog-thread-card-message", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
 };
 
+var VeltCommentDialogThreadCardMessageShowMore$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, expanded = props.expanded, truncated = props.truncated, onToggle = props.onToggle, children = props.children;
+    var ref = React.useRef(null);
+    React.useEffect(function () {
+        if (ref.current && onToggle) {
+            var element_1 = ref.current;
+            var handleToggle_1 = function () {
+                onToggle();
+            };
+            element_1.addEventListener('toggle', handleToggle_1);
+            return function () {
+                element_1.removeEventListener('toggle', handleToggle_1);
+            };
+        }
+    }, [onToggle]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-message-show-more", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, expanded: [true, false].includes(expanded) ? (expanded ? 'true' : 'false') : undefined, truncated: [true, false].includes(truncated) ? (truncated ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardMessageShowLess$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, expanded = props.expanded, onToggle = props.onToggle, children = props.children;
+    var ref = React.useRef(null);
+    React.useEffect(function () {
+        if (ref.current && onToggle) {
+            var element_1 = ref.current;
+            var handleToggle_1 = function () {
+                onToggle();
+            };
+            element_1.addEventListener('toggle', handleToggle_1);
+            return function () {
+                element_1.removeEventListener('toggle', handleToggle_1);
+            };
+        }
+    }, [onToggle]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-message-show-less", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, expanded: [true, false].includes(expanded) ? (expanded ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltCommentDialogThreadCardName$1 = function (props) {
     var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
     var ref = React.useRef(null);
@@ -4538,11 +4574,25 @@ var VeltCommentDialogThreadCardDraft = function (props) {
     return (React__default["default"].createElement("velt-comment-dialog-thread-card-draft-wireframe", __assign({}, transformedProps), children));
 };
 
+var VeltCommentDialogThreadCardMessageShowMore = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-message-show-more-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogThreadCardMessageShowLess = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-message-show-less-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltCommentDialogThreadCardMessage = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-comment-dialog-thread-card-message-wireframe", __assign({}, transformedProps), children));
 };
+VeltCommentDialogThreadCardMessage.ShowMore = VeltCommentDialogThreadCardMessageShowMore;
+VeltCommentDialogThreadCardMessage.ShowLess = VeltCommentDialogThreadCardMessageShowLess;
 
 var VeltCommentDialogThreadCardName = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -11453,6 +11503,8 @@ exports.VeltCommentDialogThreadCardDeviceType = VeltCommentDialogThreadCardDevic
 exports.VeltCommentDialogThreadCardDraft = VeltCommentDialogThreadCardDraft$1;
 exports.VeltCommentDialogThreadCardEdited = VeltCommentDialogThreadCardEdited$1;
 exports.VeltCommentDialogThreadCardMessage = VeltCommentDialogThreadCardMessage$1;
+exports.VeltCommentDialogThreadCardMessageShowLess = VeltCommentDialogThreadCardMessageShowLess$1;
+exports.VeltCommentDialogThreadCardMessageShowMore = VeltCommentDialogThreadCardMessageShowMore$1;
 exports.VeltCommentDialogThreadCardName = VeltCommentDialogThreadCardName$1;
 exports.VeltCommentDialogThreadCardOptions = VeltCommentDialogThreadCardOptions$1;
 exports.VeltCommentDialogThreadCardReactionTool = VeltCommentDialogThreadCardReactionTool$1;