@box/threaded-annotations 4.1.9 → 4.1.11

package/dist/esm/lib/components/v2/user-avatar/user-avatar.js

@@ -1,37 +1 @@
-import { THREADED_ANNOTATIONS_RESIN_TARGETS as e } from "../../../v2/resin-targets.js";
-import { getInitials as t } from "./getInitials.js";
-import n from "./messages.js";
-import { Avatar as r, ButtonWrapper as i, IconBadge as a } from "@box/blueprint-web";
-import { useIntl as o } from "react-intl";
-import { jsx as s } from "react/jsx-runtime";
-var c = ({ user: e, size: i = "medium" }) => {
-	let { name: c, isExternalUser: l, id: u, avatarUrl: d } = e, { formatMessage: f } = o(), p = t(c), m = /* @__PURE__ */ s(r, {
-		alt: f(n.userAvatar),
-		colorIndex: u,
-		size: i,
-		src: d,
-		text: p
-	});
-	return l ? /* @__PURE__ */ s(a, {
-		offset: {
-			right: -4,
-			bottom: -2
-		},
-		size: i,
-		variant: "collaborator-external",
-		children: m
-	}) : m;
-}, l = ({ user: t, size: r, onClick: a }) => {
-	let { formatMessage: l } = o();
-	return /* @__PURE__ */ s(i, {
-		"aria-label": l(n.userAvatarButtonAriaLabel),
-		"data-no-expand": !0,
-		"data-resin-target": e.PROFILE,
-		onClick: () => a(t.id),
-		children: /* @__PURE__ */ s(c, {
-			size: r,
-			user: t
-		})
-	});
-};
-export { c as UserAvatar, l as UserAvatarButton };
+import{THREADED_ANNOTATIONS_RESIN_TARGETS}from"../../../v2/resin-targets.js";import{getInitials}from"./getInitials.js";import messages from"./messages.js";import{Avatar,ButtonWrapper,IconBadge}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";var UserAvatar=({user,size=`medium`})=>{let{name,isExternalUser,id,avatarUrl}=user,{formatMessage}=useIntl(),initials=getInitials(name),avatar=jsx(Avatar,{alt:formatMessage(messages.userAvatar),colorIndex:id,size,src:avatarUrl,text:initials});return isExternalUser?jsx(IconBadge,{offset:{right:-4,bottom:-2},size,variant:`collaborator-external`,children:avatar}):avatar},UserAvatarButton=({user,size,onClick})=>{let{formatMessage}=useIntl();return jsx(ButtonWrapper,{"aria-label":formatMessage(messages.userAvatarButtonAriaLabel),"data-no-expand":!0,"data-resin-target":THREADED_ANNOTATIONS_RESIN_TARGETS.PROFILE,onClick:()=>onClick(user.id),children:jsx(UserAvatar,{size,user})})};export{UserAvatar,UserAvatarButton};

package/dist/esm/lib/messages.js

@@ -1,24 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	reply: {
-		id: "groupSharedFeatures.threadedAnnotations.reply",
-		defaultMessage: "Reply"
-	},
-	annotationMessageAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.annotationMessageAriaLabel",
-		defaultMessage: "Annotation message"
-	},
-	replyButtonAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel",
-		defaultMessage: "Reply button"
-	},
-	textMentionAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.textMentionAriaLabel",
-		defaultMessage: "User mention"
-	},
-	textMessageAriaLabel: {
-		id: "groupSharedFeatures.threadedAnnotations.textMessageAriaLabel",
-		defaultMessage: "Message text"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({reply:{id:`groupSharedFeatures.threadedAnnotations.reply`,defaultMessage:`Reply`},annotationMessageAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.annotationMessageAriaLabel`,defaultMessage:`Annotation message`},replyButtonAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel`,defaultMessage:`Reply button`},textMentionAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.textMentionAriaLabel`,defaultMessage:`User mention`},textMessageAriaLabel:{id:`groupSharedFeatures.threadedAnnotations.textMessageAriaLabel`,defaultMessage:`Message text`}});export{messages as default};

package/dist/esm/lib/threaded-annotations.js

@@ -1,2 +1 @@
-import { t as e } from "../../chunks/threaded-annotations.js";
-export { e as ThreadedAnnotations };
+import{t as ThreadedAnnotations}from"../../chunks/threaded-annotations.js";export{ThreadedAnnotations};

package/dist/esm/lib/utils/getErrorMessage.js

@@ -1,2 +1 @@
-var e = (e) => e instanceof Error ? e.message : String(e);
-export { e as getErrorMessage };
+var getErrorMessage=error=>error instanceof Error?error.message:String(error);export{getErrorMessage};

package/dist/esm/lib/v2/constants.js

@@ -1,2 +1 @@
-var e = { "data-threaded-annotations-portal": !0 };
-export { e as THREADED_ANNOTATIONS_PORTAL };
+var THREADED_ANNOTATIONS_PORTAL={"data-threaded-annotations-portal":!0};export{THREADED_ANNOTATIONS_PORTAL};

package/dist/esm/lib/v2/messages.js

@@ -1,6 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({ threadedAnnotationsAriaLabel: {
-	id: "boxui.threadedAnnotations.threadedAnnotationsAriaLabel",
-	defaultMessage: "Threaded annotation"
-} });
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({threadedAnnotationsAriaLabel:{id:`boxui.threadedAnnotations.threadedAnnotationsAriaLabel`,defaultMessage:`Threaded annotation`}});export{messages as default};

package/dist/esm/lib/v2/resin-targets.js

@@ -1,25 +1 @@
-var e = "activityfeedv2", t = {
-	ANNOTATION_MENU: "activityfeedannotation",
-	COMMENT_CARD: "activityfeedcommentcard",
-	COMMENT_MENU: "activityfeedcomment"
-}, n = {
-	ANNOTATION_COPY_LINK: "activityfeed-annotation-copylink",
-	ANNOTATION_DELETE: "activityfeed-annotation-delete",
-	ANNOTATION_EDIT: "activityfeed-annotation-edit",
-	ANNOTATION_MENU: "activityfeed-annotation-options",
-	ANNOTATION_RESOLVE: "activityfeed-annotation-resolve",
-	ANNOTATION_UNRESOLVE: "activityfeed-annotation-unresolve",
-	COMMENT_COPY_LINK: "activityfeed-comment-copylink",
-	COMMENT_DELETE: "activityfeed-comment-delete",
-	COMMENT_EDIT: "activityfeed-comment-edit",
-	COMMENT_MENU: "activityfeed-comment-options",
-	COMMENT_POST: "activityfeed-comment-post",
-	COMMENT_REPLY: "activityfeed-comment-reply",
-	COMMENT_RESOLVE: "activityfeed-comment-resolve",
-	COMMENT_UNRESOLVE: "activityfeed-comment-unresolve",
-	DELETE_CANCEL: "activityfeed-delete-cancel",
-	DELETE_CONFIRM: "activityfeed-delete-confirm",
-	MENTION: "activityfeed-mentionlink",
-	PROFILE: "activityfeed-profilelink"
-};
-export { t as THREADED_ANNOTATIONS_RESIN_COMPONENTS, e as THREADED_ANNOTATIONS_RESIN_FEATURE, n as THREADED_ANNOTATIONS_RESIN_TARGETS };
+var THREADED_ANNOTATIONS_RESIN_FEATURE=`activityfeedv2`,THREADED_ANNOTATIONS_RESIN_COMPONENTS={ANNOTATION_MENU:`activityfeedannotation`,COMMENT_CARD:`activityfeedcommentcard`,COMMENT_MENU:`activityfeedcomment`},THREADED_ANNOTATIONS_RESIN_TARGETS={ANNOTATION_COPY_LINK:`activityfeed-annotation-copylink`,ANNOTATION_DELETE:`activityfeed-annotation-delete`,ANNOTATION_EDIT:`activityfeed-annotation-edit`,ANNOTATION_MENU:`activityfeed-annotation-options`,ANNOTATION_RESOLVE:`activityfeed-annotation-resolve`,ANNOTATION_UNRESOLVE:`activityfeed-annotation-unresolve`,COMMENT_COPY_LINK:`activityfeed-comment-copylink`,COMMENT_DELETE:`activityfeed-comment-delete`,COMMENT_EDIT:`activityfeed-comment-edit`,COMMENT_MENU:`activityfeed-comment-options`,COMMENT_POST:`activityfeed-comment-post`,COMMENT_REPLY:`activityfeed-comment-reply`,COMMENT_RESOLVE:`activityfeed-comment-resolve`,COMMENT_UNRESOLVE:`activityfeed-comment-unresolve`,DELETE_CANCEL:`activityfeed-delete-cancel`,DELETE_CONFIRM:`activityfeed-delete-confirm`,MENTION:`activityfeed-mentionlink`,PROFILE:`activityfeed-profilelink`};export{THREADED_ANNOTATIONS_RESIN_COMPONENTS,THREADED_ANNOTATIONS_RESIN_FEATURE,THREADED_ANNOTATIONS_RESIN_TARGETS};

package/dist/esm/lib/v2/threaded-annotations-context.js

@@ -1,61 +1 @@
-import { createContext as e, useCallback as t, useContext as n, useEffect as r, useMemo as i, useState as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
-var s = /* @__PURE__ */ function(e) {
-	return e.Collapsed = "collapsed", e.RepliesOnly = "repliesOnly", e.Composing = "composing", e;
-}({}), c = /*#__PURE__*/ e(void 0), l = ({ children: e, defaultExpanded: n = !1, isReplyDisabled: s = !1, isEditDisabled: l = !1, collapsed: u = !1, isAnnotations: d = !1 }) => {
-	let [f, p] = a(() => n ? s ? "repliesOnly" : "composing" : "collapsed"), [m, h] = a(null), [g, _] = a(null);
-	r(() => {
-		s ? (p((e) => e === "composing" ? "collapsed" : e), h(null)) : p((e) => e === "repliesOnly" ? "composing" : e);
-	}, [s]), r(() => {
-		l && _(null);
-	}, [l]), r(() => {
-		u && (p("collapsed"), h(null), _(null));
-	}, [u]);
-	let v = t((e) => {
-		switch (e.type) {
-			case "EXPAND":
-				p((e) => e === "collapsed" ? s ? "repliesOnly" : "composing" : e);
-				break;
-			case "REPLY":
-				s || (h(e.author), p("composing"));
-				break;
-			case "EDIT":
-				l || _(e.id);
-				break;
-			case "CLEAR_EDIT":
-				_(null);
-				break;
-			case "COLLAPSE":
-				p("collapsed"), h(null), _(null);
-				break;
-			case "CLEAR_MENTION":
-				h(null);
-				break;
-		}
-	}, [s, l]), y = i(() => ({
-		viewState: f,
-		replyMention: m,
-		editingMessageId: g,
-		isAnnotations: d,
-		isReplyDisabled: s,
-		isEditDisabled: l,
-		dispatch: v
-	}), [
-		f,
-		m,
-		g,
-		d,
-		s,
-		l,
-		v
-	]);
-	return /* @__PURE__ */ o(c.Provider, {
-		value: y,
-		children: e
-	});
-}, u = () => {
-	let e = n(c);
-	if (e === void 0) throw Error("useThreadedAnnotationsContext must be used within ThreadedAnnotationsProvider");
-	return e;
-};
-export { s as ThreadViewState, l as ThreadedAnnotationsProvider, u as useThreadedAnnotationsContext };
+import{createContext,useCallback,useContext,useEffect,useMemo,useState}from"react";import{jsx}from"react/jsx-runtime";var ThreadViewState=function(ThreadViewState){return ThreadViewState.Collapsed=`collapsed`,ThreadViewState.RepliesOnly=`repliesOnly`,ThreadViewState.Composing=`composing`,ThreadViewState}({}),ThreadedAnnotationsContext=createContext(void 0),ThreadedAnnotationsProvider=({children,defaultExpanded=!1,isReplyDisabled=!1,isEditDisabled=!1,collapsed=!1,isAnnotations=!1})=>{let[viewState,setViewState]=useState(()=>defaultExpanded?isReplyDisabled?`repliesOnly`:`composing`:`collapsed`),[replyMention,setReplyMention]=useState(null),[editingMessageId,setEditingMessageId]=useState(null);useEffect(()=>{isReplyDisabled?(setViewState(current=>current===`composing`?`collapsed`:current),setReplyMention(null)):setViewState(current=>current===`repliesOnly`?`composing`:current)},[isReplyDisabled]),useEffect(()=>{isEditDisabled&&setEditingMessageId(null)},[isEditDisabled]),useEffect(()=>{collapsed&&(setViewState(`collapsed`),setReplyMention(null),setEditingMessageId(null))},[collapsed]);let dispatch=useCallback(event=>{switch(event.type){case`EXPAND`:setViewState(current=>current===`collapsed`?isReplyDisabled?`repliesOnly`:`composing`:current);break;case`REPLY`:isReplyDisabled||(setReplyMention(event.author),setViewState(`composing`));break;case`EDIT`:isEditDisabled||setEditingMessageId(event.id);break;case`CLEAR_EDIT`:setEditingMessageId(null);break;case`COLLAPSE`:setViewState(`collapsed`),setReplyMention(null),setEditingMessageId(null);break;case`CLEAR_MENTION`:setReplyMention(null);break}},[isReplyDisabled,isEditDisabled]),value=useMemo(()=>({viewState,replyMention,editingMessageId,isAnnotations,isReplyDisabled,isEditDisabled,dispatch}),[viewState,replyMention,editingMessageId,isAnnotations,isReplyDisabled,isEditDisabled,dispatch]);return jsx(ThreadedAnnotationsContext.Provider,{value,children})},useThreadedAnnotationsContext=()=>{let context=useContext(ThreadedAnnotationsContext);if(context===void 0)throw Error(`useThreadedAnnotationsContext must be used within ThreadedAnnotationsProvider`);return context};export{ThreadViewState,ThreadedAnnotationsProvider,useThreadedAnnotationsContext};

package/dist/esm/lib/v2/threaded-annotations.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/threaded-annotations2.js";
-export { e as ThreadedAnnotations };
+import{t as ThreadedAnnotations}from"../../../chunks/threaded-annotations2.js";export{ThreadedAnnotations};

package/dist/esm/lib/v2/types/annotation-badge-types.js

@@ -1,4 +1 @@
-var e = /* @__PURE__ */ function(e) {
-	return e.Drawing = "drawing", e.Frame = "frame", e.Highlight = "highlight", e.Point = "point", e.Region = "region", e;
-}({});
-export { e as AnnotationBadgeType };
+var AnnotationBadgeType=function(AnnotationBadgeType){return AnnotationBadgeType.Drawing=`drawing`,AnnotationBadgeType.Frame=`frame`,AnnotationBadgeType.Highlight=`highlight`,AnnotationBadgeType.Point=`point`,AnnotationBadgeType.Region=`region`,AnnotationBadgeType}({});export{AnnotationBadgeType};

package/dist/esm/lib/v2/types/index.js

@@ -1,2 +1 @@
-import { AnnotationBadgeType as e } from "./annotation-badge-types.js";
-export { e as AnnotationBadgeType };
+import{AnnotationBadgeType}from"./annotation-badge-types.js";export{AnnotationBadgeType};

package/dist/esm/lib/v2/utils/build-mention-content.js

@@ -1,20 +1 @@
-import { v4 as e } from "uuid";
-var t = (t) => ({
-	type: "doc",
-	content: [{
-		type: "paragraph",
-		content: [{
-			type: "mention",
-			attrs: {
-				mentionedUserId: String(t.id),
-				mentionedUserName: t.name,
-				mentionedUserEmail: t.email,
-				mentionId: e()
-			}
-		}, {
-			type: "text",
-			text: " "
-		}]
-	}]
-});
-export { t as buildMentionContent };
+import{v4}from"uuid";var buildMentionContent=author=>({type:`doc`,content:[{type:`paragraph`,content:[{type:`mention`,attrs:{mentionedUserId:String(author.id),mentionedUserName:author.name,mentionedUserEmail:author.email,mentionId:v4()}},{type:`text`,text:` `}]}]});export{buildMentionContent};

package/dist/esm/lib/v2/utils/serialize-mention-markup.js

@@ -1,12 +1,2 @@
-var e = (e) => {
-	if (!e || !e.content) return {
-		hasMention: !1,
-		text: ""
-	};
-	let r = !1, i = e.content.map((e) => e.content ? e.content.map((e) => e.type === "mention" ? (r = !0, t(e)) : n(e)).join("") : "").join("\n");
-	return {
-		hasMention: r,
-		text: i
-	};
-}, t = (e) => `@[${e.attrs.mentionedUserId}:${e.attrs.mentionedUserName}]`, n = (e) => e.text;
-export { e as serializeMentionMarkup };
+var serializeMentionMarkup=doc=>{if(!doc||!doc.content)return{hasMention:!1,text:``};let hasMention=!1,text=doc.content.map(paragraph=>paragraph.content?paragraph.content.map(node=>node.type===`mention`?(hasMention=!0,serializeMention(node)):serializeText(node)).join(``):``).join(`
+`);return{hasMention,text}},serializeMention=node=>`@[${node.attrs.mentionedUserId}:${node.attrs.mentionedUserName}]`,serializeText=node=>node.text;export{serializeMentionMarkup};

package/dist/styles/message-editor2.css

@@ -1 +1 @@
-._messageEditorWrapper_1498d_29{cursor:auto;width:100%}._editActionsColumn_1498d_34{align-items:flex-end;gap:var(--bp-space-010);flex-direction:column;display:flex}._editActionsRow_1498d_41{align-items:center;gap:var(--bp-space-020);display:flex}._characterLimitCounter_1498d_47{white-space:nowrap}._characterLimitCounter_1498d_47._characterLimitCounterExceeded_1498d_50{font-weight:var(--font-weights-bold)}._messageEditor_1498d_29{--gradient-fade-height:var(--bp-size-040);box-sizing:border-box;padding:.625rem var(--bp-space-005) .625rem var(--bp-space-040);background-color:var(--surface-surface);outline:var(--bp-border-01) solid var(--border-divider-border);border-radius:var(--bp-radius-10);gap:var(--bp-space-020) var(--bp-space-010);cursor:auto;flex-wrap:wrap;width:100%;display:flex;position:relative}._messageEditor_1498d_29._editorEditMode_1498d_68{--gradient-fade-height:var(--bp-size-050)}._messageEditor_1498d_29:focus-within{outline-width:var(--bp-border-02);outline-color:var(--border-input-border-focus)}._messageEditor_1498d_29._editorFirstAnnotation_1498d_75:not(._editorError_1498d_75):focus-within{outline-width:var(--bp-border-01);outline-color:var(--border-divider-border)}._messageEditor_1498d_29._editorError_1498d_75{outline-color:var(--bp-border-message-border-error);outline-width:var(--bp-border-02)}._messageEditor_1498d_29 ._editorViewport_1498d_83{width:fit-content;min-width:calc(100% - 2.875rem);margin:auto 0;position:relative}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;position:relative;overflow-y:scroll}@supports not (scrollbar-color:gray transparent){._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89{scrollbar-width:initial}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89{max-height:10rem;padding:.375rem .625rem .375rem 0}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89 ._editor_1498d_68{outline:none;width:100%}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89 ._editor_1498d_68 [data-placeholder]:first-child:before{font-weight:var(--bp-font-weight-regular);font-size:var(--bp-font-size-05);font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-style:normal;line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01)}:where(body.is-inter-font) ._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89 ._editor_1498d_68 [data-placeholder]:first-child:before{letter-spacing:0;text-transform:none;font-family:InterVariable,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:.875rem;font-style:normal;font-weight:450;line-height:1.25rem;text-decoration:none}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorContainer_1498d_89 ._editor_1498d_68 [data-placeholder]:first-child:before{color:var(--text-text-on-light-tertiary);content:attr(data-placeholder);float:left;pointer-events:none;height:0}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorFade_1498d_149{height:var(--bp-size-060);background:linear-gradient(to bottom, transparent, var(--bp-canvas-background,var(--surface-surface)));pointer-events:none;opacity:1;transition:opacity .15s ease-out;position:absolute;bottom:0;left:0;right:0}._messageEditor_1498d_29 ._editorViewport_1498d_83 ._editorFade_1498d_149._editorFadeHidden_1498d_160{opacity:0}._messageEditor_1498d_29 ._editorFullWidth_1498d_163{width:100%;min-width:100%}._messageEditor_1498d_29 ._actionsWrapper_1498d_167{min-height:var(--bp-size-080);width:fit-content;padding-right:var(--bp-space-020);flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}._messageEditor_1498d_29 ._actionsWrapper_1498d_167 ._actionsWrapperInner_1498d_177{align-items:center;gap:var(--bp-space-020);width:fit-content;display:flex;position:relative}._messageEditor_1498d_29 ._timestampToggle_1498d_184{margin-right:auto}._messageEditor_1498d_29 ._errorMessage_1498d_187{gap:var(--bp-space-010);align-items:center;min-width:0;display:flex}._messageEditor_1498d_29 ._errorMessage_1498d_187>:first-child{flex-shrink:0}._messageEditor_1498d_29 ._errorMessage_1498d_187 ._errorText_1498d_196{color:var(--bp-text-text-destructive-on-light);-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._editorHasScroll_1498d_205{gap:unset;padding-bottom:0}._editorHasScroll_1498d_205 ._editorViewport_1498d_83 ._editorContainer_1498d_89{padding-bottom:var(--bp-space-040);scroll-padding-bottom:var(--bp-space-040)}._editorHasScroll_1498d_205 ._editorViewport_1498d_83 ._editorFade_1498d_149{display:none}._editorHasScroll_1498d_205._editorCharacterLimitExceeded_1498d_216 ._editorViewport_1498d_83 ._editorContainer_1498d_89{padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040));scroll-padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040))}._editorHasScroll_1498d_205 ._actionsWrapper_1498d_167{min-width:100%;height:1.875rem;padding-right:0}._editorHasScroll_1498d_205 ._actionsWrapper_1498d_167 ._actionsWrapperInner_1498d_177{bottom:.625rem;left:0;right:var(--bp-space-020);pointer-events:none;background:linear-gradient(to bottom, #fff0 10%, #ffffffbf 18%, #fffffff7 28%, var(--bp-canvas-background,var(--surface-surface)) 71%);justify-content:flex-end;width:auto;position:absolute}._editorHasScroll_1498d_205 ._actionsWrapper_1498d_167 ._actionsWrapperInner_1498d_177>*{pointer-events:auto}._editorHasScroll_1498d_205 ._actionsWrapper_1498d_167 ._actionsWrapperInner_1498d_177._characterLimitExceeded_1498d_238{padding-top:var(--gradient-fade-height,var(--bp-size-040))}._editorHasScroll_1498d_205 ._actionsWrapper_1498d_167 ._actionsWrapperInner_1498d_177._scrolledToBottom_1498d_241{background:0 0}._anchorElement_1498d_245{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}._messageEditor_1498d_29 ._actionsWrapper_1498d_167._withTimestampToggle_1498d_254,._messageEditor_1498d_29 ._actionsWrapper_1498d_167._withTimestampToggle_1498d_254 ._actionsWrapperInner_1498d_177{width:100%}
+._messageEditorWrapper_1v8rm_29{cursor:auto;width:100%}._editActionsColumn_1v8rm_34{align-items:flex-end;gap:var(--bp-space-010);flex-direction:column;display:flex}._editActionsRow_1v8rm_41{align-items:center;gap:var(--bp-space-020);display:flex}._characterLimitCounter_1v8rm_47{white-space:nowrap}._messageEditor_1v8rm_29{--gradient-fade-height:var(--bp-size-040);box-sizing:border-box;padding:.625rem var(--bp-space-005) .625rem var(--bp-space-040);background-color:var(--surface-surface);outline:var(--bp-border-01) solid var(--border-divider-border);border-radius:var(--bp-radius-10);gap:var(--bp-space-020) var(--bp-space-010);cursor:auto;flex-wrap:wrap;width:100%;display:flex;position:relative}._messageEditor_1v8rm_29._editorEditMode_1v8rm_65{--gradient-fade-height:var(--bp-size-050)}._messageEditor_1v8rm_29:focus-within{outline-width:var(--bp-border-02);outline-color:var(--border-input-border-focus)}._messageEditor_1v8rm_29._editorFirstAnnotation_1v8rm_72:not(._editorError_1v8rm_72):focus-within{outline-width:var(--bp-border-01);outline-color:var(--border-divider-border)}._messageEditor_1v8rm_29._editorError_1v8rm_72{outline-color:var(--bp-border-message-border-error);outline-width:var(--bp-border-02)}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80{width:fit-content;min-width:calc(100% - 2.875rem);margin:auto 0;position:relative}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;position:relative;overflow-y:scroll}@supports not (scrollbar-color:gray transparent){._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86{scrollbar-width:initial}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86{max-height:10rem;padding:.375rem .625rem .375rem 0}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86 ._editor_1v8rm_65{outline:none;width:100%}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86 ._editor_1v8rm_65 [data-placeholder]:first-child:before{font-weight:var(--bp-font-weight-regular);font-size:var(--bp-font-size-05);font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-style:normal;line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01)}:where(body.is-inter-font) ._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86 ._editor_1v8rm_65 [data-placeholder]:first-child:before{letter-spacing:0;text-transform:none;font-family:InterVariable,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:.875rem;font-style:normal;font-weight:450;line-height:1.25rem;text-decoration:none}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86 ._editor_1v8rm_65 [data-placeholder]:first-child:before{color:var(--text-text-on-light-tertiary);content:attr(data-placeholder);float:left;pointer-events:none;height:0}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorFade_1v8rm_146{height:var(--bp-size-060);background:linear-gradient(to bottom, transparent, var(--bp-canvas-background,var(--surface-surface)));pointer-events:none;opacity:1;transition:opacity .15s ease-out;position:absolute;bottom:0;left:0;right:0}._messageEditor_1v8rm_29 ._editorViewport_1v8rm_80 ._editorFade_1v8rm_146._editorFadeHidden_1v8rm_157{opacity:0}._messageEditor_1v8rm_29 ._editorFullWidth_1v8rm_160{width:100%;min-width:100%}._messageEditor_1v8rm_29 ._actionsWrapper_1v8rm_164{min-height:var(--bp-size-080);width:fit-content;padding-right:var(--bp-space-020);flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}._messageEditor_1v8rm_29 ._actionsWrapper_1v8rm_164 ._actionsWrapperInner_1v8rm_174{align-items:center;gap:var(--bp-space-020);width:fit-content;display:flex;position:relative}._messageEditor_1v8rm_29 ._timestampToggle_1v8rm_181{margin-right:auto}._messageEditor_1v8rm_29 ._errorMessage_1v8rm_184{gap:var(--bp-space-010);align-items:center;min-width:0;display:flex}._messageEditor_1v8rm_29 ._errorMessage_1v8rm_184>:first-child{flex-shrink:0}._messageEditor_1v8rm_29 ._errorMessage_1v8rm_184 ._errorText_1v8rm_193{color:var(--bp-text-text-destructive-on-light);-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._editorHasScroll_1v8rm_202{gap:unset;padding-bottom:0}._editorHasScroll_1v8rm_202 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86{padding-bottom:var(--bp-space-040);scroll-padding-bottom:var(--bp-space-040)}._editorHasScroll_1v8rm_202 ._editorViewport_1v8rm_80 ._editorFade_1v8rm_146{display:none}._editorHasScroll_1v8rm_202._editorCharacterLimitExceeded_1v8rm_213 ._editorViewport_1v8rm_80 ._editorContainer_1v8rm_86{padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040));scroll-padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040))}._editorHasScroll_1v8rm_202 ._actionsWrapper_1v8rm_164{min-width:100%;height:1.875rem;padding-right:0}._editorHasScroll_1v8rm_202 ._actionsWrapper_1v8rm_164 ._actionsWrapperInner_1v8rm_174{bottom:.625rem;left:0;right:var(--bp-space-020);pointer-events:none;background:linear-gradient(to bottom, #fff0 10%, #ffffffbf 18%, #fffffff7 28%, var(--bp-canvas-background,var(--surface-surface)) 71%);justify-content:flex-end;width:auto;position:absolute}._editorHasScroll_1v8rm_202 ._actionsWrapper_1v8rm_164 ._actionsWrapperInner_1v8rm_174>*{pointer-events:auto}._editorHasScroll_1v8rm_202 ._actionsWrapper_1v8rm_164 ._actionsWrapperInner_1v8rm_174._characterLimitExceeded_1v8rm_235{padding-top:var(--gradient-fade-height,var(--bp-size-040))}._editorHasScroll_1v8rm_202 ._actionsWrapper_1v8rm_164 ._actionsWrapperInner_1v8rm_174._scrolledToBottom_1v8rm_238{background:0 0}._anchorElement_1v8rm_242{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}._messageEditor_1v8rm_29 ._actionsWrapper_1v8rm_164._withTimestampToggle_1v8rm_251,._messageEditor_1v8rm_29 ._actionsWrapper_1v8rm_164._withTimestampToggle_1v8rm_251 ._actionsWrapperInner_1v8rm_174{width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/threaded-annotations",
-    "version": "4.1.9",
+    "version": "4.1.11",
     "license": "SEE LICENSE IN LICENSE",
     "dependencies": {
         "@floating-ui/dom": "^1.6.0",
@@ -17,23 +17,23 @@
         "uuid": "^9.0.1"
     },
     "peerDependencies": {
-        "@box/blueprint-web": "^16.13.0",
-        "@box/blueprint-web-assets": "^5.5.9",
-        "@box/collaboration-popover": "^2.1.34",
-        "@box/readable-time": "^2.1.34",
-        "@box/user-selector": "^2.1.37",
+        "@box/blueprint-web": "^16.13.1",
+        "@box/blueprint-web-assets": "^5.5.10",
+        "@box/collaboration-popover": "^2.1.35",
+        "@box/readable-time": "^2.1.35",
+        "@box/user-selector": "^2.1.38",
         "clsx": "^1.2.1",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^16.13.0",
-        "@box/blueprint-web-assets": "^5.5.9",
-        "@box/eslint-plugin-blueprint": "2.1.10",
-        "@box/readable-time": "^2.1.34",
-        "@box/storybook-utils": "^1.1.33",
-        "@box/user-selector": "^2.1.37",
+        "@box/blueprint-web": "^16.13.1",
+        "@box/blueprint-web-assets": "^5.5.10",
+        "@box/eslint-plugin-blueprint": "2.1.11",
+        "@box/readable-time": "^2.1.35",
+        "@box/storybook-utils": "^1.1.34",
+        "@box/user-selector": "^2.1.38",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
     },