@veltdev/react 4.7.7 → 4.7.9

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

@@ -12,6 +12,7 @@ export interface IVeltCommentComposerProps extends React.DetailedHTMLProps<React
     folderId?: string;
     targetComposerElementId?: string;
     placeholder?: string;
+    readOnly?: boolean;
 }
 declare const VeltCommentComposer: React.FC<IVeltCommentComposerProps>;
 export default VeltCommentComposer;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCard.d.ts

@@ -8,6 +8,7 @@ import { IVeltCommentDialogThreadCardNameProps } from "./VeltCommentDialogThread
 import { IVeltCommentDialogThreadCardOptions } from "./VeltCommentDialogThreadCardOptions/VeltCommentDialogThreadCardOptions";
 import { IVeltCommentDialogThreadCardReactionToolProps } from "./VeltCommentDialogThreadCardReactionTool/VeltCommentDialogThreadCardReactionTool";
 import { IVeltCommentDialogThreadCardReactionPinProps } from "./VeltCommentDialogThreadCardReactionPin/VeltCommentDialogThreadCardReactionPin";
+import { IVeltCommentDialogThreadCardAssignButtonProps } from "./VeltCommentDialogThreadCardAssignButton/VeltCommentDialogThreadCardAssignButton";
 import { IVeltCommentDialogThreadCardReactionsProps } from "./VeltCommentDialogThreadCardReactions/VeltCommentDialogThreadCardReactions";
 import { IVeltCommentDialogThreadCardRecordingsProps } from "./VeltCommentDialogThreadCardRecordings/VeltCommentDialogThreadCardRecordings";
 import { IVeltCommentDialogThreadCardTimeProps } from "./VeltCommentDialogThreadCardTime/VeltCommentDialogThreadCardTime";
@@ -16,6 +17,7 @@ import { IVeltCommentDialogThreadCardSeenDropdown } from "./VeltCommentDialogThr
 import { IVeltCommentDialogThreadCardEdited } from "./VeltCommentDialogThreadCardEdited/VeltCommentDialogThreadCardEdited";
 import { IVeltWireframeCommonProps } from "../../../constants";
 import { IVeltCommentDialogThreadCardReply } from "./VeltCommentDialogThreadCardReply/VeltCommentDialogThreadCardReply";
+import { IVeltCommentDialogThreadCardEditComposer } from "./VeltCommentDialogThreadCardEditComposer/VeltCommentDialogThreadCardEditComposer";
 export interface IVeltCommentDialogThreadCardProps extends IVeltWireframeCommonProps {
 }
 export interface IVeltCommentDialogThreadCard extends React.FC<IVeltCommentDialogThreadCardProps> {
@@ -28,6 +30,7 @@ export interface IVeltCommentDialogThreadCard extends React.FC<IVeltCommentDialo
     Reactions: React.FC<IVeltCommentDialogThreadCardReactionsProps>;
     ReactionTool: React.FC<IVeltCommentDialogThreadCardReactionToolProps>;
     ReactionPin: React.FC<IVeltCommentDialogThreadCardReactionPinProps>;
+    AssignButton: React.FC<IVeltCommentDialogThreadCardAssignButtonProps>;
     Recordings: React.FC<IVeltCommentDialogThreadCardRecordingsProps>;
     Time: React.FC<IVeltCommentDialogThreadCardTimeProps>;
     Unread: React.FC<IVeltCommentDialogThreadCardUnreadProps>;
@@ -35,6 +38,7 @@ export interface IVeltCommentDialogThreadCard extends React.FC<IVeltCommentDialo
     SeenDropdown: IVeltCommentDialogThreadCardSeenDropdown;
     Edited: IVeltCommentDialogThreadCardEdited;
     Reply: IVeltCommentDialogThreadCardReply;
+    EditComposer: IVeltCommentDialogThreadCardEditComposer;
 }
 declare const VeltCommentDialogThreadCard: IVeltCommentDialogThreadCard;
 export default VeltCommentDialogThreadCard;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardAssignButton/VeltCommentDialogThreadCardAssignButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../../constants';
+export interface IVeltCommentDialogThreadCardAssignButtonProps extends IVeltWireframeCommonProps {
+}
+declare const VeltCommentDialogThreadCardAssignButton: React.FC<IVeltCommentDialogThreadCardAssignButtonProps>;
+export default VeltCommentDialogThreadCardAssignButton;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardAssignButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltCommentDialogThreadCardAssignButton';

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardEditComposer/VeltCommentDialogThreadCardEditComposer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../../constants';
+export interface IVeltCommentDialogThreadCardEditComposerProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltCommentDialogThreadCardEditComposer extends React.FC<IVeltCommentDialogThreadCardEditComposerProps> {
+}
+declare const VeltCommentDialogThreadCardEditComposer: IVeltCommentDialogThreadCardEditComposer;
+export default VeltCommentDialogThreadCardEditComposer;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardEditComposer/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltCommentDialogThreadCardEditComposer';

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

@@ -2,6 +2,8 @@ import React from 'react';
 export interface IVeltDataProps {
     path?: string;
     field?: string;
+    className?: string;
+    id?: string;
 }
 declare const VeltData: React.FC<IVeltDataProps>;
 export default VeltData;

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

@@ -1,6 +1,8 @@
 import React from 'react';
 export interface IVeltIfProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     condition?: string;
+    className?: string;
+    id?: string;
 }
 declare const VeltIf: React.FC<IVeltIfProps>;
 export default VeltIf;

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

@@ -38,6 +38,7 @@ export interface IVeltInlineCommentsSectionProps extends React.DetailedHTMLProps
     commentPlaceholder?: string;
     replyPlaceholder?: string;
     composerPlaceholder?: string;
+    readOnly?: boolean;
 }
 declare const VeltInlineCommentsSection: React.FC<IVeltInlineCommentsSectionProps>;
 export default VeltInlineCommentsSection;

package/cjs/types/constants.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const VELT_SDK_VERSION = "4.7.7";
+export declare const VELT_SDK_VERSION = "4.7.9";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";
 export declare const INTEGRITY_MAP: Record<string, string>;

package/esm/index.js

@@ -204,13 +204,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '4.7.7';
+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.7': 'sha384-jfd6o96u8wr5bFCovzRlZ2R3XOMsAwYx0q3xBCvCRYGM/2S6zUDqxjBXPnRxNw6O',
+    '4.7.9': 'sha384-hAe81s0JgcBv1OIda4tGTO+4ezlxMgQBN+SbpY3C+THZqt2pD4ak74YYMh3/gNXV',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -1697,8 +1697,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.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.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) {
@@ -1717,15 +1717,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 = useRef();
-    return (React.createElement("velt-data", { ref: ref, path: path, field: field }));
+    return (React.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 = useRef();
-    return (React.createElement("velt-if", { ref: ref, condition: condition }, children));
+    return (React.createElement("velt-if", { ref: ref, condition: condition, class: className, id: id }, children));
 };
 
 var VeltCommentsMinimap = function (props) {
@@ -1768,8 +1768,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.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.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) {
@@ -2454,6 +2454,12 @@ var VeltCommentDialogThreadCardReactionPin = function (props) {
     return (React.createElement("velt-comment-dialog-thread-card-reaction-pin-wireframe", __assign({}, transformedProps, { "reaction-id": reactionId }), children));
 };
 
+var VeltCommentDialogThreadCardAssignButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-comment-dialog-thread-card-assign-button-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltCommentDialogThreadCardReactions = function (props) {
     var children = props.children, excludeReactionIds = props.excludeReactionIds, remainingProps = __rest(props, ["children", "excludeReactionIds"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -2552,6 +2558,12 @@ var VeltCommentDialogThreadCardReply = function (props) {
     return (React.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.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"]);
@@ -2568,6 +2580,7 @@ VeltCommentDialogThreadCard.Options = VeltCommentDialogThreadCardOptions;
 VeltCommentDialogThreadCard.Reactions = VeltCommentDialogThreadCardReactions;
 VeltCommentDialogThreadCard.ReactionTool = VeltCommentDialogThreadCardReactionTool;
 VeltCommentDialogThreadCard.ReactionPin = VeltCommentDialogThreadCardReactionPin;
+VeltCommentDialogThreadCard.AssignButton = VeltCommentDialogThreadCardAssignButton;
 VeltCommentDialogThreadCard.Recordings = VeltCommentDialogThreadCardRecordings;
 VeltCommentDialogThreadCard.Time = VeltCommentDialogThreadCardTime;
 VeltCommentDialogThreadCard.Unread = VeltCommentDialogThreadCardUnread;
@@ -2575,6 +2588,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"]);