@box/threaded-annotations 1.83.13 → 1.84.1

package/dist/i18n/zh-TW.js

@@ -29,6 +29,7 @@ export default {
   "groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading": "儲存中...",
   "groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel": "訊息編輯者捲動容器",
   "groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel": "更多選項按鈕",
+  "groupSharedFeatures.threadedAnnotations.originalContentDeleted": "Original content was deleted",
   "groupSharedFeatures.threadedAnnotations.reply": "回覆",
   "groupSharedFeatures.threadedAnnotations.replyButtonAriaLabel": "回覆按鈕",
   "groupSharedFeatures.threadedAnnotations.resolveButtonAriaLabel": "已回覆",

package/dist/i18n/zh-TW.properties

@@ -58,6 +58,8 @@ groupSharedFeatures.threadedAnnotations.messageEditor.saveLoading = 儲存中...
 groupSharedFeatures.threadedAnnotations.messageEditor.scrollContainerAriaLabel = 訊息編輯者捲動容器
 # Aria label for more options button in annotation message
 groupSharedFeatures.threadedAnnotations.moreOptionsAriaLabel = 更多選項按鈕
+# Tooltip shown when the annotation badge refers to deleted content
+groupSharedFeatures.threadedAnnotations.originalContentDeleted = Original content was deleted
 # Reply button text to start composing a reply
 groupSharedFeatures.threadedAnnotations.reply = 回覆
 # Aria label for the reply button that opens the message editor

package/dist/styles/annotation-badge.css

@@ -1 +1 @@
-._annotationBadge_xktl5_1{background-color:var(--bp-box-blue-opacity-08);border-radius:var(--radius-1);box-sizing:border-box;cursor:pointer;align-items:center;gap:var(--space-1);min-width:0;max-width:100%;padding-left:var(--space-05);padding-right:var(--space-1);display:flex;overflow:hidden}._annotationIcon_xktl5_16{flex-shrink:0;align-items:center;display:inline-flex}._highlightText_xktl5_22{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;font-style:italic;overflow:hidden}._annotationLabel_xktl5_31{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}
+._annotationBadge_wsfss_1._annotationBadge_wsfss_1{background-color:var(--bp-box-blue-opacity-08);border-radius:var(--radius-1);box-sizing:border-box;cursor:pointer;align-items:center;gap:var(--space-1);min-width:0;max-width:100%;padding-left:var(--space-05);padding-right:var(--space-1);display:flex;overflow:hidden}._annotationIcon_wsfss_16{flex-shrink:0;align-items:center;display:inline-flex}._highlightText_wsfss_22{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}._highlightText_wsfss_22._highlightText_wsfss_22{font-style:italic}._annotationLabel_wsfss_34{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}._disabled_wsfss_42{background-color:var(--gray-10);cursor:default}._focusableWrapper_wsfss_47{min-width:0;max-width:100%;overflow:hidden}._tooltipContent_wsfss_53{white-space:nowrap;max-width:none}

package/dist/styles/message-editor2.css

@@ -1 +1 @@
-._messageEditorWrapper_1vfwf_4{cursor:auto;width:100%}._editActionsColumn_1vfwf_9{align-items:flex-end;gap:var(--bp-space-010);flex-direction:column;display:flex}._editActionsRow_1vfwf_16{align-items:center;gap:var(--bp-space-020);display:flex}._characterLimitCounter_1vfwf_22{white-space:nowrap}._characterLimitCounter_1vfwf_22._characterLimitCounterExceeded_1vfwf_25{font-weight:var(--font-weights-bold)}._messageEditor_1vfwf_4{--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_1vfwf_4._editorEditMode_1vfwf_43{--gradient-fade-height:var(--bp-size-050)}._messageEditor_1vfwf_4:focus-within{outline-width:var(--bp-border-02);outline-color:var(--border-input-border-focus)}._messageEditor_1vfwf_4._editorFirstAnnotation_1vfwf_50:not(._editorError_1vfwf_50):focus-within{outline-width:var(--bp-border-01);outline-color:var(--border-divider-border)}._messageEditor_1vfwf_4._editorError_1vfwf_50{outline-color:var(--bp-border-message-border-error);outline-width:var(--bp-border-02)}._messageEditor_1vfwf_4 ._editorViewport_1vfwf_58{width:fit-content;min-width:calc(100% - 2.875rem);margin:auto 0;position:relative}._messageEditor_1vfwf_4 ._editorViewport_1vfwf_58 ._editorContainer_1vfwf_64{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_1vfwf_4 ._editorViewport_1vfwf_58 ._editorContainer_1vfwf_64{scrollbar-width:initial}._messageEditor_1vfwf_4 ._editorViewport_1vfwf_58 ._editorContainer_1vfwf_64::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messageEditor_1vfwf_4 ._editorViewport_1vfwf_58 ._editorContainer_1vfwf_64::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messageEditor_1vfwf_4 ._editorViewport_1vfwf_58 ._editorContainer_1vfwf_64::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messageEditor_1vfwf_4 ._editorViewport_1vfwf_58 ._editorContainer_1vfwf_64{max-height:10rem;padding:.375rem .625rem .375rem 0}._messageEditor_1vfwf_4 ._editorViewport_1vfwf_58 ._editorContainer_1vfwf_64 ._editor_1vfwf_43{outline:none;width:100%}._messageEditor_1vfwf_4 ._editorViewport_1vfwf_58 ._editorContainer_1vfwf_64 ._editor_1vfwf_43 [data-placeholder]:first-child:before{font-family:var(--font-families-sans);font-size:var(--bp-font-size-05);font-weight:var(--font-weights-regular);line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01);color:var(--text-text-on-light-tertiary);content:attr(data-placeholder);float:left;pointer-events:none;height:0}._messageEditor_1vfwf_4 ._editorViewport_1vfwf_58 ._editorFade_1vfwf_110{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_1vfwf_4 ._editorViewport_1vfwf_58 ._editorFade_1vfwf_110._editorFadeHidden_1vfwf_121{opacity:0}._messageEditor_1vfwf_4 ._editorFullWidth_1vfwf_124{width:100%;min-width:100%}._messageEditor_1vfwf_4 ._actionsWrapper_1vfwf_128{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_1vfwf_4 ._actionsWrapper_1vfwf_128 ._actionsWrapperInner_1vfwf_138{align-items:center;gap:var(--bp-space-020);width:fit-content;display:flex;position:relative}._messageEditor_1vfwf_4 ._errorMessage_1vfwf_145{gap:var(--bp-space-010);align-items:center;min-width:0;display:flex}._messageEditor_1vfwf_4 ._errorMessage_1vfwf_145>:first-child{flex-shrink:0}._messageEditor_1vfwf_4 ._errorMessage_1vfwf_145 ._errorText_1vfwf_154{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_1vfwf_163{gap:unset;padding-bottom:0}._editorHasScroll_1vfwf_163 ._editorViewport_1vfwf_58 ._editorContainer_1vfwf_64{padding-bottom:var(--bp-space-040);scroll-padding-bottom:var(--bp-space-040)}._editorHasScroll_1vfwf_163 ._editorViewport_1vfwf_58 ._editorFade_1vfwf_110{display:none}._editorHasScroll_1vfwf_163._editorCharacterLimitExceeded_1vfwf_174 ._editorViewport_1vfwf_58 ._editorContainer_1vfwf_64{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_1vfwf_163 ._actionsWrapper_1vfwf_128{min-width:100%;height:1.875rem;padding-right:0}._editorHasScroll_1vfwf_163 ._actionsWrapper_1vfwf_128 ._actionsWrapperInner_1vfwf_138{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_1vfwf_163 ._actionsWrapper_1vfwf_128 ._actionsWrapperInner_1vfwf_138>*{pointer-events:auto}._editorHasScroll_1vfwf_163 ._actionsWrapper_1vfwf_128 ._actionsWrapperInner_1vfwf_138._characterLimitExceeded_1vfwf_196{padding-top:var(--gradient-fade-height,var(--bp-size-040))}._editorHasScroll_1vfwf_163 ._actionsWrapper_1vfwf_128 ._actionsWrapperInner_1vfwf_138._scrolledToBottom_1vfwf_199{background:0 0}._anchorElement_1vfwf_203{width:100%;position:absolute;top:100%;left:0}
+._messageEditorWrapper_sbwz4_4{cursor:auto;width:100%}._editActionsColumn_sbwz4_9{align-items:flex-end;gap:var(--bp-space-010);flex-direction:column;display:flex}._editActionsRow_sbwz4_16{align-items:center;gap:var(--bp-space-020);display:flex}._characterLimitCounter_sbwz4_22{white-space:nowrap}._characterLimitCounter_sbwz4_22._characterLimitCounterExceeded_sbwz4_25{font-weight:var(--font-weights-bold)}._messageEditor_sbwz4_4{--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_sbwz4_4._editorEditMode_sbwz4_43{--gradient-fade-height:var(--bp-size-050)}._messageEditor_sbwz4_4:focus-within{outline-width:var(--bp-border-02);outline-color:var(--border-input-border-focus)}._messageEditor_sbwz4_4._editorFirstAnnotation_sbwz4_50:not(._editorError_sbwz4_50):focus-within{outline-width:var(--bp-border-01);outline-color:var(--border-divider-border)}._messageEditor_sbwz4_4._editorError_sbwz4_50{outline-color:var(--bp-border-message-border-error);outline-width:var(--bp-border-02)}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58{width:fit-content;min-width:calc(100% - 2.875rem);margin:auto 0;position:relative}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64{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_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64{scrollbar-width:initial}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64{max-height:10rem;padding:.375rem .625rem .375rem 0}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64 ._editor_sbwz4_43{outline:none;width:100%}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64 ._editor_sbwz4_43 [data-placeholder]:first-child:before{font-family:var(--font-families-sans);font-size:var(--bp-font-size-05);font-weight:var(--font-weights-regular);line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01);color:var(--text-text-on-light-tertiary);content:attr(data-placeholder);float:left;pointer-events:none;height:0}._messageEditor_sbwz4_4 ._editorViewport_sbwz4_58 ._editorFade_sbwz4_110{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_sbwz4_4 ._editorViewport_sbwz4_58 ._editorFade_sbwz4_110._editorFadeHidden_sbwz4_121{opacity:0}._messageEditor_sbwz4_4 ._editorFullWidth_sbwz4_124{width:100%;min-width:100%}._messageEditor_sbwz4_4 ._actionsWrapper_sbwz4_128{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_sbwz4_4 ._actionsWrapper_sbwz4_128 ._actionsWrapperInner_sbwz4_138{align-items:center;gap:var(--bp-space-020);width:fit-content;display:flex;position:relative}._messageEditor_sbwz4_4 ._errorMessage_sbwz4_145{gap:var(--bp-space-010);align-items:center;min-width:0;display:flex}._messageEditor_sbwz4_4 ._errorMessage_sbwz4_145>:first-child{flex-shrink:0}._messageEditor_sbwz4_4 ._errorMessage_sbwz4_145 ._errorText_sbwz4_154{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_sbwz4_163{gap:unset;padding-bottom:0}._editorHasScroll_sbwz4_163 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64{padding-bottom:var(--bp-space-040);scroll-padding-bottom:var(--bp-space-040)}._editorHasScroll_sbwz4_163 ._editorViewport_sbwz4_58 ._editorFade_sbwz4_110{display:none}._editorHasScroll_sbwz4_163._editorCharacterLimitExceeded_sbwz4_174 ._editorViewport_sbwz4_58 ._editorContainer_sbwz4_64{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_sbwz4_163 ._actionsWrapper_sbwz4_128{min-width:100%;height:1.875rem;padding-right:0}._editorHasScroll_sbwz4_163 ._actionsWrapper_sbwz4_128 ._actionsWrapperInner_sbwz4_138{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_sbwz4_163 ._actionsWrapper_sbwz4_128 ._actionsWrapperInner_sbwz4_138>*{pointer-events:auto}._editorHasScroll_sbwz4_163 ._actionsWrapper_sbwz4_128 ._actionsWrapperInner_sbwz4_138._characterLimitExceeded_sbwz4_196{padding-top:var(--gradient-fade-height,var(--bp-size-040))}._editorHasScroll_sbwz4_163 ._actionsWrapper_sbwz4_128 ._actionsWrapperInner_sbwz4_138._scrolledToBottom_sbwz4_199{background:0 0}._anchorElement_sbwz4_203{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}

package/dist/types/lib/components/v2/annotation-badge/annotation-badge.d.ts

@@ -2,6 +2,7 @@ import { AnnotationBadgeTargetType } from '../../../v2/types';
 interface AnnotationBadgeProps {
     annotationTarget: AnnotationBadgeTargetType;
     onClick?: () => void;
+    originalContentDeleted?: boolean;
 }
-export declare const AnnotationBadge: ({ annotationTarget, onClick }: AnnotationBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AnnotationBadge: ({ annotationTarget, onClick, originalContentDeleted }: AnnotationBadgeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,5 +4,10 @@ declare const messages: {
         description: string;
         id: string;
     };
+    originalContentDeleted: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
 };
 export default messages;

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

@@ -13,5 +13,6 @@ export interface MessagesViewProps {
     onUnresolve?: (id: string) => void;
     annotationTarget?: AnnotationBadgeTargetType;
     onAnnotationBadgeClick?: (id: string) => void;
+    originalContentDeleted?: boolean;
 }
-export declare const MessagesView: ({ messages, isResolved, resolvedBy, resolvedAt, onDelete, onThreadDelete, onAvatarClick, onEdit, onResolve, onUnresolve, annotationTarget, onAnnotationBadgeClick, }: MessagesViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MessagesView: ({ messages, isResolved, resolvedBy, resolvedAt, onDelete, onThreadDelete, onAvatarClick, onEdit, onResolve, onUnresolve, annotationTarget, onAnnotationBadgeClick, originalContentDeleted, }: MessagesViewProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -15,6 +15,7 @@ export interface TextMessageProps extends TextMessageType {
     onUnresolve?: (id: string) => void;
     annotationTarget?: AnnotationBadgeTargetType;
     onAnnotationBadgeClick?: (id: string) => void;
+    originalContentDeleted?: boolean;
 }
 /**
  * Renders a single message within a text thread.
@@ -23,4 +24,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, permissions, showThreadedIndicator, isResolved, isFirstMessage, onAvatarClick, onDelete, onThreadDelete, onEdit, onResolve, onUnresolve, annotationTarget, onAnnotationBadgeClick, }: TextMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextMessage: ({ id, author, message, createdAt, permissions, showThreadedIndicator, isResolved, isFirstMessage, onAvatarClick, onDelete, onThreadDelete, onEdit, onResolve, onUnresolve, annotationTarget, onAnnotationBadgeClick, originalContentDeleted, }: TextMessageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -15,6 +15,7 @@ type InteractiveModuleProps = (InteractiveModuleBaseProps & {
     isAnnotations?: false;
     annotationTarget?: AnnotationBadgeTargetType;
     onAnnotationBadgeClick?: (id: string) => void;
+    originalContentDeleted?: boolean;
 });
 export declare const InteractiveModule: (props: InteractiveModuleProps) => import("react/jsx-runtime").JSX.Element;
 export interface StaticMentionModuleProps {

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

@@ -30,12 +30,15 @@ interface AnnotationModeProps extends ThreadedAnnotationsBaseProps {
     isAnnotations: true;
     annotationTarget?: never;
     onAnnotationBadgeClick?: never;
+    originalContentDeleted?: never;
 }
 interface CommentModeProps extends ThreadedAnnotationsBaseProps {
     isAnnotations?: false;
     annotationTarget?: AnnotationBadgeTargetType;
     /** Called when the annotation badge is clicked. Receives the root message id. */
     onAnnotationBadgeClick?: (id: string) => void;
+    /** When true, renders the badge in a disabled (grayed) state with a tooltip. */
+    originalContentDeleted?: boolean;
 }
 export type ThreadedAnnotationsProps = AnnotationModeProps | CommentModeProps;
 export declare const ThreadedAnnotations: (props: ThreadedAnnotationsProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/threaded-annotations",
-    "version": "1.83.13",
+    "version": "1.84.1",
     "license": "SEE LICENSE IN LICENSE",
     "dependencies": {
         "@tanstack/react-virtual": "^3.10.8",
@@ -16,23 +16,23 @@
         "uuid": "^9.0.1"
     },
     "peerDependencies": {
-        "@box/blueprint-web": "^14.21.1",
-        "@box/blueprint-web-assets": "^4.115.8",
-        "@box/collaboration-popover": "^1.61.12",
-        "@box/readable-time": "^1.40.12",
-        "@box/user-selector": "^1.75.12",
+        "@box/blueprint-web": "^14.22.0",
+        "@box/blueprint-web-assets": "^4.115.9",
+        "@box/collaboration-popover": "^1.61.13",
+        "@box/readable-time": "^1.40.13",
+        "@box/user-selector": "^1.75.13",
         "clsx": "^1.2.1",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^14.21.1",
-        "@box/blueprint-web-assets": "^4.115.8",
+        "@box/blueprint-web": "^14.22.0",
+        "@box/blueprint-web-assets": "^4.115.9",
         "@box/eslint-plugin-blueprint": "1.1.18",
-        "@box/readable-time": "^1.40.12",
-        "@box/storybook-utils": "^0.18.8",
-        "@box/user-selector": "^1.75.12",
+        "@box/readable-time": "^1.40.13",
+        "@box/storybook-utils": "^0.18.9",
+        "@box/user-selector": "^1.75.13",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
     },