@veltdev/react 4.7.8 → 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

@@ -17,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> {
@@ -37,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/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.8";
+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.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'];
@@ -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) {
@@ -2558,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"]);
@@ -2582,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"]);