@veltdev/react 4.7.8 → 4.7.9

package/cjs/index.js

@@ -212,13 +212,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '4.7.8';
+var VELT_SDK_VERSION = '4.7.9';
 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 = {
-    '4.7.8': 'sha384-FEqQMemqzDZDXnFX7Agv2pVMRTIkRPfPSBgSMckfI/TxwIOqlgLGCbvD655jSs5T',
+    '4.7.9': 'sha384-hAe81s0JgcBv1OIda4tGTO+4ezlxMgQBN+SbpY3C+THZqt2pD4ak74YYMh3/gNXV',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -1705,8 +1705,8 @@ var VeltAutocomplete = 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;
-    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 }, 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;
+    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 }, children));
 };
 
 var VeltCommentPin = function (props) {
@@ -1725,15 +1725,15 @@ var VeltCanvasComment = function (props) {
 };
 
 var VeltData = function (props) {
-    var path = props.path, field = props.field;
+    var path = props.path, field = props.field, className = props.className, id = props.id;
     var ref = React.useRef();
-    return (React__default["default"].createElement("velt-data", { ref: ref, path: path, field: field }));
+    return (React__default["default"].createElement("velt-data", { ref: ref, path: path, field: field, class: className, id: id }));
 };
 
 var VeltIf = function (props) {
-    var condition = props.condition, children = props.children;
+    var condition = props.condition, children = props.children, className = props.className, id = props.id;
     var ref = React.useRef();
-    return (React__default["default"].createElement("velt-if", { ref: ref, condition: condition }, children));
+    return (React__default["default"].createElement("velt-if", { ref: ref, condition: condition, class: className, id: id }, children));
 };
 
 var VeltCommentsMinimap = function (props) {
@@ -1776,8 +1776,8 @@ var VeltInlineReactionsSection = function (props) {
 };
 
 var VeltCommentComposer = function (props) {
-    var darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, context = props.context, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId, targetComposerElementId = props.targetComposerElementId, placeholder = props.placeholder;
-    return (React__default["default"].createElement("velt-comment-composer", { 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, context: context ? JSON.stringify(context) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId, "target-composer-element-id": targetComposerElementId, placeholder: placeholder }));
+    var darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, context = props.context, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId, targetComposerElementId = props.targetComposerElementId, placeholder = props.placeholder, readOnly = props.readOnly;
+    return (React__default["default"].createElement("velt-comment-composer", { 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, context: context ? JSON.stringify(context) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId, "target-composer-element-id": targetComposerElementId, placeholder: placeholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined }));
 };
 
 var VeltSingleEditorModePanel = function (props) {
@@ -2566,6 +2566,12 @@ var VeltCommentDialogThreadCardReply = function (props) {
     return (React__default["default"].createElement("velt-comment-dialog-thread-card-reply-wireframe", __assign({}, transformedProps), children));
 };
 
+var VeltCommentDialogThreadCardEditComposer = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-edit-composer-wireframe", __assign({}, transformedProps), children));
+};
+
 // Main Thread Card component
 var VeltCommentDialogThreadCard = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -2590,6 +2596,7 @@ VeltCommentDialogThreadCard.Draft = VeltCommentDialogThreadCardDraft;
 VeltCommentDialogThreadCard.SeenDropdown = VeltCommentDialogThreadCardSeenDropdown;
 VeltCommentDialogThreadCard.Edited = VeltCommentDialogThreadCardEdited;
 VeltCommentDialogThreadCard.Reply = VeltCommentDialogThreadCardReply;
+VeltCommentDialogThreadCard.EditComposer = VeltCommentDialogThreadCardEditComposer;
 
 var VeltCommentDialogThreads = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);