@box/threaded-annotations 1.89.7 → 1.89.8

package/dist/chunks/messages-view.js

@@ -14,83 +14,86 @@ import '../styles/messages-view.css';var u = {
 	messagesView: "_messagesView_ms46c_4",
 	repliesContainer: "_repliesContainer_ms46c_53",
 	messagesFade: "_messagesFade_ms46c_59"
-}, d = ({ messages: d, isResolved: f = !1, resolvedBy: p, resolvedAt: m, onDelete: h, onThreadDelete: g, onAvatarClick: _, onCopyLink: v, onEdit: y, onEditError: b, onResolve: x, onUnresolve: S, userSelectorProps: C, annotationTarget: w, onAnnotationBadgeClick: T, originalContentDeleted: E }) => {
-	let { viewState: D, dispatch: O, isAnnotations: k } = t(), A = s(null), j = D !== e.Collapsed, M = D === e.Composing, N = d.length > 2, P = N && !j, { handleScroll: F, isOverflowing: I } = a({
+}, d = ({ messages: d, isResolved: f = !1, resolvedBy: p, resolvedAt: m, maxCharacterCount: h, onDelete: g, onThreadDelete: _, onAvatarClick: v, onCopyLink: y, onEdit: b, onEditError: x, onResolve: S, onUnresolve: C, userSelectorProps: w, annotationTarget: T, onAnnotationBadgeClick: E, originalContentDeleted: D }) => {
+	let { viewState: O, dispatch: k, isAnnotations: A } = t(), j = s(null), M = O !== e.Collapsed, N = O === e.Composing, P = d.length > 2, F = P && !M, { handleScroll: I, isOverflowing: L } = a({
 		messageCount: d.length,
-		containerRef: A,
-		enabled: k,
-		isExpanded: j,
-		suppressAutoScroll: P
-	}), L = d[0], R = d.slice(1), z = R.length >= 1, B = R[R.length - 1], V = R.slice(0, -1), H = N && !j;
-	if (!L) return null;
-	let U = V[V.length - 1]?.author, W = V.length >= 2 ? V[V.length - 2].author : void 0, G = () => O({ type: "EXPAND" });
+		containerRef: j,
+		enabled: A,
+		isExpanded: M,
+		suppressAutoScroll: F
+	}), R = d[0], z = d.slice(1), B = z.length >= 1, V = z[z.length - 1], H = z.slice(0, -1), U = P && !M;
+	if (!R) return null;
+	let W = H[H.length - 1]?.author, G = H.length >= 2 ? H[H.length - 2].author : void 0, K = () => k({ type: "EXPAND" });
 	return /* @__PURE__ */ l("div", {
-		className: o(u.messagesViewWrapper, I && u.overflowing, I && M && u.withEditorBelow),
+		className: o(u.messagesViewWrapper, L && u.overflowing, L && N && u.withEditorBelow),
 		children: [/* @__PURE__ */ l("div", {
-			ref: A,
-			className: o(u.messagesView, k && u.scrollable),
-			onScroll: F,
+			ref: j,
+			className: o(u.messagesView, A && u.scrollable),
+			onScroll: I,
 			children: [
 				/* @__PURE__ */ c(i, {
-					...L,
-					hasReplies: z,
-					showThreadedIndicator: z || f,
+					...R,
+					hasReplies: B,
+					showThreadedIndicator: B || f,
 					isResolved: f,
-					onDelete: h,
-					onThreadDelete: g,
-					onAvatarClick: _,
-					onCopyLink: v,
-					onEdit: y,
-					onEditError: b,
-					onResolve: x,
-					onUnresolve: S,
+					maxCharacterCount: h,
+					onDelete: g,
+					onThreadDelete: _,
+					onAvatarClick: v,
+					onCopyLink: y,
+					onEdit: b,
+					onEditError: x,
+					onResolve: S,
+					onUnresolve: C,
 					isFirstMessage: !0,
-					userSelectorProps: C,
-					annotationTarget: w,
-					onAnnotationBadgeClick: T,
-					originalContentDeleted: E
+					userSelectorProps: w,
+					annotationTarget: T,
+					onAnnotationBadgeClick: E,
+					originalContentDeleted: D
 				}),
-				H && U && /* @__PURE__ */ c(r, {
-					lastUser: U,
-					repliesCount: V.length,
-					secondLastUser: W,
-					onShowReplies: G
+				U && W && /* @__PURE__ */ c(r, {
+					lastUser: W,
+					repliesCount: H.length,
+					secondLastUser: G,
+					onShowReplies: K
 				}),
-				j && V.length > 0 && /* @__PURE__ */ c("div", {
+				M && H.length > 0 && /* @__PURE__ */ c("div", {
 					className: u.repliesContainer,
-					children: V.map((e) => /* @__PURE__ */ c(i, {
+					children: H.map((e) => /* @__PURE__ */ c(i, {
 						...e,
 						showThreadedIndicator: !0,
 						isResolved: f,
-						onDelete: h,
-						onAvatarClick: _,
-						onCopyLink: v,
-						onEdit: y,
-						onEditError: b,
-						onResolve: x,
-						onUnresolve: S,
-						userSelectorProps: C
+						maxCharacterCount: h,
+						onDelete: g,
+						onAvatarClick: v,
+						onCopyLink: y,
+						onEdit: b,
+						onEditError: x,
+						onResolve: S,
+						onUnresolve: C,
+						userSelectorProps: w
 					}, e.id))
 				}),
-				B && /* @__PURE__ */ c(i, {
-					...B,
+				V && /* @__PURE__ */ c(i, {
+					...V,
 					showThreadedIndicator: f,
 					isResolved: f,
-					onDelete: h,
-					onAvatarClick: _,
-					onCopyLink: v,
-					onEdit: y,
-					onEditError: b,
-					onResolve: x,
-					onUnresolve: S,
-					userSelectorProps: C
+					maxCharacterCount: h,
+					onDelete: g,
+					onAvatarClick: v,
+					onCopyLink: y,
+					onEdit: b,
+					onEditError: x,
+					onResolve: S,
+					onUnresolve: C,
+					userSelectorProps: w
 				}),
 				f && p && m && /* @__PURE__ */ c(n, {
 					authorName: p,
 					createdAt: m
 				})
 			]
-		}), I && /* @__PURE__ */ c("div", { className: u.messagesFade })]
+		}), L && /* @__PURE__ */ c("div", { className: u.messagesFade })]
 	});
 };
 export { d as t };

package/dist/chunks/threaded-annotations2.js

@@ -10,62 +10,65 @@ import '../styles/threaded-annotations2.css';var m = {
 	threadedAnnotations: "_threadedAnnotations_1dfb0_1",
 	expandable: "_expandable_1dfb0_10",
 	annotations: "_annotations_1dfb0_13"
-}, h = ({ messages: r, isResolved: h = !1, resolvedBy: g, resolvedAt: _, onDelete: v, onThreadDelete: y, onAvatarClick: b, onCopyLink: x, onEdit: S, onEditError: C, onResolve: w, onUnresolve: T, onPost: E, onPostError: D, userSelectorProps: O, onEditorOpenChange: k, annotationTarget: A, onAnnotationBadgeClick: j, originalContentDeleted: M }) => {
-	let { viewState: N, dispatch: P, editingMessageId: F, replyMention: I, isReplyDisabled: L, isAnnotations: R } = i(), z = d(null), B = N !== n.Collapsed, V = r.length > 2, H = N === n.Collapsed && (V || !L && !h);
+}, h = ({ messages: r, isResolved: h = !1, resolvedBy: g, resolvedAt: _, maxCharacterCount: v, onDelete: y, onThreadDelete: b, onAvatarClick: x, onCopyLink: S, onEdit: C, onEditError: w, onResolve: T, onUnresolve: E, onPost: D, onPostError: O, userSelectorProps: k, onEditorOpenChange: A, annotationTarget: j, onAnnotationBadgeClick: M, originalContentDeleted: N }) => {
+	let { viewState: P, dispatch: F, editingMessageId: I, replyMention: L, isReplyDisabled: R, isAnnotations: z } = i(), B = d(null), V = P !== n.Collapsed, H = r.length > 2, U = P === n.Collapsed && (H || !R && !h);
 	l(() => {
-		F && !r.some((e) => e.id === F) && P({ type: "CLEAR_EDIT" });
+		I && !r.some((e) => e.id === I) && F({ type: "CLEAR_EDIT" });
 	}, [
-		F,
+		I,
 		r,
-		P
+		F
 	]), l(() => {
-		k?.(B);
-	}, [B, k]), l(() => {
-		if (!B) return;
+		A?.(V);
+	}, [V, A]), l(() => {
+		if (!V) return;
 		let t = `[${Object.keys(e)[0]}]`, n = (e) => {
 			let n = e.target;
-			z.current?.contains(n) || document.querySelector(t)?.contains(n) || P({ type: "COLLAPSE" });
+			B.current?.contains(n) || document.querySelector(t)?.contains(n) || F({ type: "COLLAPSE" });
 		};
 		return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-	}, [B, P]);
-	let U = r.length === 0, W = c(() => P({ type: "CLEAR_MENTION" }), [P]), G = u(() => I ? o(I) : null, [I]), K = c((e) => {
-		if (!H) return;
+	}, [V, F]);
+	let W = r.length === 0, G = c(() => F({ type: "CLEAR_MENTION" }), [F]), K = u(() => L ? o(L) : null, [L]), q = c((e) => {
+		if (!U) return;
 		let t = e.target;
-		!e.currentTarget.contains(t) || t.closest("[data-no-expand]") || P({ type: "EXPAND" });
-	}, [H, P]);
-	return R && U ? /* @__PURE__ */ f(t, {
-		onPost: E,
-		onPostError: D,
-		onPostSuccess: W,
-		userSelectorProps: O,
-		isFirstAnnotation: !0
+		!e.currentTarget.contains(t) || t.closest("[data-no-expand]") || F({ type: "EXPAND" });
+	}, [U, F]);
+	return z && W ? /* @__PURE__ */ f(t, {
+		isFirstAnnotation: !0,
+		maxCharacterCount: v,
+		onPost: D,
+		onPostError: O,
+		onPostSuccess: G,
+		userSelectorProps: k
 	}) : /* @__PURE__ */ p("div", {
-		ref: z,
-		className: s(m.threadedAnnotations, H && m.expandable, R && m.annotations),
-		onClick: H ? K : void 0,
+		ref: B,
+		className: s(m.threadedAnnotations, U && m.expandable, z && m.annotations),
+		onClick: U ? q : void 0,
 		children: [/* @__PURE__ */ f(a, {
 			messages: r,
 			isResolved: h,
 			resolvedBy: g,
 			resolvedAt: _,
-			onDelete: v,
-			onThreadDelete: y,
-			onAvatarClick: b,
-			onCopyLink: x,
-			onEdit: S,
-			onEditError: C,
-			onResolve: w,
-			onUnresolve: T,
-			userSelectorProps: O,
-			annotationTarget: A,
-			onAnnotationBadgeClick: j,
-			originalContentDeleted: M
-		}), N === n.Composing && /* @__PURE__ */ f(t, {
-			onPost: E,
-			onPostError: D,
-			onPostSuccess: W,
-			initialContent: G,
-			userSelectorProps: O
+			maxCharacterCount: v,
+			onDelete: y,
+			onThreadDelete: b,
+			onAvatarClick: x,
+			onCopyLink: S,
+			onEdit: C,
+			onEditError: w,
+			onResolve: T,
+			onUnresolve: E,
+			userSelectorProps: k,
+			annotationTarget: j,
+			onAnnotationBadgeClick: M,
+			originalContentDeleted: N
+		}), P === n.Composing && /* @__PURE__ */ f(t, {
+			initialContent: K,
+			maxCharacterCount: v,
+			onPost: D,
+			onPostError: O,
+			onPostSuccess: G,
+			userSelectorProps: k
 		})]
 	});
 }, g = (e) => /* @__PURE__ */ f(r, {

package/dist/esm/lib/components/v2/text-message/text-message.js

@@ -9,55 +9,56 @@ import { MessageRenderer as c } from "./subcomponents/message-renderer.js";
 import l from "clsx";
 import { useIntl as u } from "react-intl";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-var m = ({ id: m, author: h, message: g, createdAt: _, updatedAt: v, permissions: y, showThreadedIndicator: b = !0, isResolved: x = !1, isFirstMessage: S = !1, hasReplies: C = !1, onAvatarClick: w, onCopyLink: T, onDelete: E, onThreadDelete: D, onEdit: O, onEditError: k, onResolve: A, onUnresolve: j, userSelectorProps: M, annotationTarget: N, onAnnotationBadgeClick: P, originalContentDeleted: F }) => {
-	let { canResolve: I, canEdit: L, canDelete: R } = y, z = u(), { dispatch: B, isReplyDisabled: V, isEditDisabled: H, isAnnotations: U, editingMessageId: W } = n(), G = W === m, K = !!O && !H && L;
+var m = ({ id: m, author: h, message: g, createdAt: _, updatedAt: v, permissions: y, showThreadedIndicator: b = !0, isResolved: x = !1, isFirstMessage: S = !1, hasReplies: C = !1, maxCharacterCount: w, onAvatarClick: T, onCopyLink: E, onDelete: D, onThreadDelete: O, onEdit: k, onEditError: A, onResolve: j, onUnresolve: M, userSelectorProps: N, annotationTarget: P, onAnnotationBadgeClick: F, originalContentDeleted: I }) => {
+	let { canResolve: L, canEdit: R, canDelete: z } = y, B = u(), { dispatch: V, isReplyDisabled: H, isEditDisabled: U, isAnnotations: W, editingMessageId: G } = n(), K = G === m, q = !!k && !U && R;
 	return /* @__PURE__ */ p("div", {
-		"aria-label": z.formatMessage(a.annotationMessageAriaLabel),
+		"aria-label": B.formatMessage(a.annotationMessageAriaLabel),
 		className: o.textMessage,
 		"data-message-wrapper": !0,
 		children: [/* @__PURE__ */ f(i, {
 			author: h,
-			canResolve: I,
+			canResolve: L,
 			isResolved: x,
-			canDelete: R,
-			canEdit: K,
+			canDelete: z,
+			canEdit: q,
 			hasReplies: C,
 			isFirstMessage: S,
-			onAvatarClick: w,
-			onCopyLink: T ? () => T(m) : void 0,
-			onDelete: () => E(m),
-			onThreadDelete: D,
-			onEdit: K ? () => B({
+			onAvatarClick: T,
+			onCopyLink: E ? () => E(m) : void 0,
+			onDelete: () => D(m),
+			onThreadDelete: O,
+			onEdit: q ? () => V({
 				type: "EDIT",
 				id: m
 			}) : void 0,
-			onResolve: A ? () => A(m) : void 0,
-			onUnresolve: j ? () => j(m) : void 0
+			onResolve: j ? () => j(m) : void 0,
+			onUnresolve: M ? () => M(m) : void 0
 		}), /* @__PURE__ */ p("div", {
 			className: o.contentWrapper,
 			children: [/* @__PURE__ */ f("div", { className: l(o.threadedIndicator, !b && o.threadedIndicatorHidden) }), /* @__PURE__ */ p("div", {
 				className: o.messageContent,
-				children: [N && !U && /* @__PURE__ */ f("div", {
+				children: [P && !W && /* @__PURE__ */ f("div", {
 					className: o.annotationBadgeWrapper,
 					children: /* @__PURE__ */ f(r, {
-						annotationTarget: N,
-						onClick: () => P?.(m),
-						originalContentDeleted: F
+						annotationTarget: P,
+						onClick: () => F?.(m),
+						originalContentDeleted: I
 					})
-				}), G && O ? /* @__PURE__ */ f(t, {
+				}), K && k ? /* @__PURE__ */ f(t, {
 					initialContent: g,
-					onEditCancel: () => B({ type: "CLEAR_EDIT" }),
-					onEditSuccess: () => B({ type: "CLEAR_EDIT" }),
-					onSave: (e) => O(m, e),
-					onSaveError: k,
-					userSelectorProps: M,
+					maxCharacterCount: w,
+					onEditCancel: () => V({ type: "CLEAR_EDIT" }),
+					onEditSuccess: () => V({ type: "CLEAR_EDIT" }),
+					onSave: (e) => k(m, e),
+					onSaveError: A,
+					userSelectorProps: N,
 					variant: e.EDIT_MESSAGE
 				}) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
 					className: o.rendererWrapper,
 					children: /* @__PURE__ */ f(c, { messageObject: g })
 				}), /* @__PURE__ */ f(s, {
 					createdAt: _,
-					onReply: V ? void 0 : () => B({
+					onReply: H ? void 0 : () => V({
 						type: "REPLY",
 						author: h
 					}),

package/dist/types/index.d.ts

@@ -2,7 +2,7 @@ export * from './lib/components/text-message/types';
 export * from './lib/document-node-types';
 export * from './lib/threaded-annotations';
 export { MentionContextProvider, useMentionContext, type MentionContextData, type MentionContextProviderProps, } from './lib/components/mention-component/mention-context';
-export { MessageEditor as MessageEditorV2, type MessageEditorProps as MessageEditorPropsV2, } from './lib/components/v2/message-editor/message-editor';
+export { MessageEditor as MessageEditorV2, type CreateMessageEditorProps as CreateMessageEditorPropsV2, type MessageEditorProps as MessageEditorPropsV2, } from './lib/components/v2/message-editor/message-editor';
 export { ThreadedAnnotations as ThreadedAnnotationsV2, type ThreadedAnnotationsProps as ThreadedAnnotationsPropsV2, } from './lib/v2/threaded-annotations';
 export { type DocumentNode as DocumentNodeV2, type EditorMentionAttributes as EditorMentionAttributesV2, type MentionNode as MentionNodeV2, type MentionRenderAttributes as MentionRenderAttributesV2, type ParagraphNode as ParagraphNodeV2, type TextNode as TextNodeV2, } from './lib/v2/types/document-node-types';
 export { type Permissions, type TextMessageAuthorType as TextMessageAuthorTypeV2, type TextMessageType as TextMessageTypeV2, } from './lib/v2/types/message-types';

package/dist/types/lib/components/v2/message-editor/message-editor.d.ts

@@ -1,3 +1,3 @@
-import { MessageEditorVariant, MessageEditorProps } from './message-editor.types';
-export { MessageEditorVariant, type MessageEditorProps };
+import { MessageEditorVariant, CreateMessageEditorProps, MessageEditorProps } from './message-editor.types';
+export { MessageEditorVariant, type CreateMessageEditorProps, type MessageEditorProps };
 export declare const MessageEditor: (props: MessageEditorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/v2/message-editor/message-editor.types.d.ts

@@ -17,7 +17,7 @@ interface BaseMessageEditorProps {
     /** Properties for the user selector component from blueprint-web. */
     userSelectorProps: Omit<HeadlessUserSelectorProps, 'inputElementRef' | 'onSelectedUserChange' | 'open' | 'rootElement' | 'value'>;
 }
-interface CreateMessageEditorProps extends BaseMessageEditorProps {
+export interface CreateMessageEditorProps extends BaseMessageEditorProps {
     /**
      * A callback function to be executed when the user posts a message.
      * @param content The content of the message in JSON format or null.

package/dist/types/lib/components/v2/messages-view/messages-view.d.ts

@@ -7,6 +7,7 @@ export interface MessagesViewProps {
     isResolved?: boolean;
     resolvedBy?: string;
     resolvedAt?: number;
+    maxCharacterCount?: number;
     onDelete: (id: string) => void;
     onThreadDelete?: () => void;
     onAvatarClick: (id: number) => void;
@@ -20,4 +21,4 @@ export interface MessagesViewProps {
     onAnnotationBadgeClick?: (id: string) => void;
     originalContentDeleted?: boolean;
 }
-export declare const MessagesView: ({ messages, isResolved, resolvedBy, resolvedAt, onDelete, onThreadDelete, onAvatarClick, onCopyLink, onEdit, onEditError, onResolve, onUnresolve, userSelectorProps, annotationTarget, onAnnotationBadgeClick, originalContentDeleted, }: MessagesViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MessagesView: ({ messages, isResolved, resolvedBy, resolvedAt, maxCharacterCount, onDelete, onThreadDelete, onAvatarClick, onCopyLink, onEdit, onEditError, onResolve, onUnresolve, userSelectorProps, annotationTarget, onAnnotationBadgeClick, originalContentDeleted, }: MessagesViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/v2/text-message/text-message.d.ts

@@ -11,6 +11,7 @@ export interface TextMessageProps extends TextMessageType {
     isFirstMessage?: boolean;
     /** Whether the thread has at least one reply (only meaningful on the root message). */
     hasReplies?: boolean;
+    maxCharacterCount?: number;
     onDelete: (id: string) => void;
     onThreadDelete?: () => void;
     onAvatarClick: (id: number) => void;
@@ -31,4 +32,4 @@ export interface TextMessageProps extends TextMessageType {
  * the message content itself, a relative timestamp, and providing a mechanism
  * for deleting the message.
  */
-export declare const TextMessage: ({ id, author, message, createdAt, updatedAt, permissions, showThreadedIndicator, isResolved, isFirstMessage, hasReplies, onAvatarClick, onCopyLink, onDelete, onThreadDelete, onEdit, onEditError, onResolve, onUnresolve, userSelectorProps, annotationTarget, onAnnotationBadgeClick, originalContentDeleted, }: TextMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextMessage: ({ id, author, message, createdAt, updatedAt, permissions, showThreadedIndicator, isResolved, isFirstMessage, hasReplies, maxCharacterCount, onAvatarClick, onCopyLink, onDelete, onThreadDelete, onEdit, onEditError, onResolve, onUnresolve, userSelectorProps, annotationTarget, onAnnotationBadgeClick, originalContentDeleted, }: TextMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/v2/stories/shared.d.ts

@@ -9,6 +9,7 @@ interface InteractiveModuleBaseProps {
     initialMessages?: TextMessageType[];
     isReplyDisabled?: boolean;
     isEditDisabled?: boolean;
+    maxCharacterCount?: number;
     onCopyLink?: (id: string) => void;
 }
 type InteractiveModuleProps = (InteractiveModuleBaseProps & {

package/dist/types/lib/v2/threaded-annotations.d.ts

@@ -11,6 +11,7 @@ interface ThreadedAnnotationsBaseProps {
     resolvedBy?: string;
     /** Unix timestamp (ms) when the thread was resolved. */
     resolvedAt?: number;
+    maxCharacterCount?: number;
     onDelete: (id: string) => void;
     onThreadDelete?: () => void;
     onAvatarClick: (id: number) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/threaded-annotations",
-    "version": "1.89.7",
+    "version": "1.89.8",
     "license": "SEE LICENSE IN LICENSE",
     "dependencies": {
         "@tanstack/react-virtual": "^3.10.8",