@box/activity-feed 2.3.28 → 2.4.0

package/dist/chunks/activity-feed-list.js

@@ -1 +1 @@
-import{t as EmptyState}from"./empty-state.js";import{useListScrollState}from"../esm/lib/components/activity-feed-list/use-list-scroll-state.js";import{Children,isValidElement}from"react";import clsx from"clsx";import{jsx}from"react/jsx-runtime";import '../styles/activity-feed-list.css';var activity_feed_list_module_default={emptyStateWrapper:`_emptyStateWrapper_1yzxf_1`,list:`_list_1yzxf_8`,fadeTop:`_fadeTop_1yzxf_19`,fadeBottom:`_fadeBottom_1yzxf_19`},ActivityFeedList=({children})=>{let{isAtBottom,isAtTop,setContainer}=useListScrollState();return Children.toArray(children).length===0?jsx(`div`,{className:activity_feed_list_module_default.emptyStateWrapper,children:jsx(EmptyState,{})}):jsx(`ul`,{ref:setContainer,className:clsx(activity_feed_list_module_default.list,{[activity_feed_list_module_default.fadeBottom]:!isAtBottom,[activity_feed_list_module_default.fadeTop]:!isAtTop}),"data-testid":`activity-feed-list`,children:Children.map(children,(child,index)=>{if(!isValidElement(child))return jsx(`li`,{children:child},`activity-feed-row-${index}`);let activityId=child.key==null?void 0:String(child.key),liKey=activityId??`activity-feed-row-${index}`;return jsx(`li`,{"data-activity-id":activityId,children:child},liKey)})})};export{ActivityFeedList as t};
+import{useActivityFeedContext}from"../esm/lib/activity-feed-context.js";import{t as EmptyState}from"./empty-state.js";import{useListScrollState}from"../esm/lib/components/activity-feed-list/use-list-scroll-state.js";import{Children,isValidElement}from"react";import clsx from"clsx";import{jsx}from"react/jsx-runtime";import '../styles/activity-feed-list.css';var activity_feed_list_module_default={emptyStateWrapper:`_emptyStateWrapper_1phex_1`,commentsDisabled:`_commentsDisabled_1phex_7`,list:`_list_1phex_11`,fadeTop:`_fadeTop_1phex_25`,fadeBottom:`_fadeBottom_1phex_25`},ActivityFeedList=({children})=>{let{areCommentsDisabled}=useActivityFeedContext(),{isAtBottom,isAtTop,setContainer}=useListScrollState();return Children.toArray(children).length===0?jsx(`div`,{className:clsx(activity_feed_list_module_default.emptyStateWrapper,{[activity_feed_list_module_default.commentsDisabled]:areCommentsDisabled}),children:jsx(EmptyState,{})}):jsx(`ul`,{ref:setContainer,className:clsx(activity_feed_list_module_default.list,{[activity_feed_list_module_default.commentsDisabled]:areCommentsDisabled,[activity_feed_list_module_default.fadeBottom]:!areCommentsDisabled&&!isAtBottom,[activity_feed_list_module_default.fadeTop]:!isAtTop}),"data-testid":`activity-feed-list`,children:Children.map(children,(child,index)=>{if(!isValidElement(child))return jsx(`li`,{children:child},`activity-feed-row-${index}`);let activityId=child.key==null?void 0:String(child.key),liKey=activityId??`activity-feed-row-${index}`;return jsx(`li`,{"data-activity-id":activityId,children:child},liKey)})})};export{ActivityFeedList as t};

package/dist/chunks/activity-feed.js

@@ -1 +1 @@
-import{t as ActivityFeedList}from"./activity-feed-list.js";import{t as AppActivityItem}from"./app-activity-item.js";import{t as Editor}from"./editor.js";import{t as Header}from"./header.js";import{TaskItem}from"../esm/lib/components/task-item/TaskItem.js";import{VersionItem}from"../esm/lib/components/version-item/version-item.js";import{createActivityFeedScroll}from"../esm/lib/scroll/create-activity-feed-scroll.js";import{t as isAttachableActivityFeedScrollHandle}from"./scroll.js";import{useActivityFeedScroll}from"../esm/lib/scroll/use-activity-feed-scroll.js";import{useCallback,useLayoutEffect,useRef}from"react";import{MentionContextProvider,ThreadedAnnotationsV2}from"@box/threaded-annotations";import{jsx}from"react/jsx-runtime";import '../styles/activity-feed.css';var activity_feed_module_default={container:`_container_40rcc_1`},ActivityFeedRoot=({children,scrollTo:scrollToProp,mentionContext})=>{let fallbackScrollRef=useRef(null);fallbackScrollRef.current||=createActivityFeedScroll();let fallbackScroll=fallbackScrollRef.current,resolvedScroll=scrollToProp!=null&&isAttachableActivityFeedScrollHandle(scrollToProp)?scrollToProp:fallbackScroll;typeof process<`u`&&process.env.NODE_ENV!==`production`&&scrollToProp!=null&&!isAttachableActivityFeedScrollHandle(scrollToProp)&&console.warn("ActivityFeed.Root: `scrollTo` must be the return value of `useActivityFeedScroll()`. Using an internal handle for container attachment instead.");let resolvedScrollRef=useRef(resolvedScroll);resolvedScrollRef.current=resolvedScroll;let containerRef=useRef(null),setContainerRef=useCallback(node=>{containerRef.current=node,resolvedScrollRef.current.attachContainer(node)},[]);return useLayoutEffect(()=>{resolvedScrollRef.current.attachContainer(containerRef.current)},[resolvedScroll]),jsx(MentionContextProvider,{value:mentionContext,children:jsx(`div`,{className:activity_feed_module_default.container,ref:setContainerRef,children})})};function ActivityFeedListRoot(props){return jsx(ActivityFeedList,{...props})}var List=ActivityFeedListRoot;List.AppActivity=AppActivityItem,List.Task=TaskItem,List.ThreadedAnnotation=ThreadedAnnotationsV2,List.Version=VersionItem;var ActivityFeed={Editor,Header,List,Root:ActivityFeedRoot,useActivityFeedScroll};export{ActivityFeed as t};
+import{ActivityFeedContext}from"../esm/lib/activity-feed-context.js";import{t as ActivityFeedList}from"./activity-feed-list.js";import{t as AppActivityItem}from"./app-activity-item.js";import{t as CommentsDisabled}from"./comments-disabled.js";import{t as Editor}from"./editor.js";import{t as Header}from"./header.js";import{TaskItem}from"../esm/lib/components/task-item/TaskItem.js";import{VersionItem}from"../esm/lib/components/version-item/version-item.js";import{createActivityFeedScroll}from"../esm/lib/scroll/create-activity-feed-scroll.js";import{t as isAttachableActivityFeedScrollHandle}from"./scroll.js";import{useActivityFeedScroll}from"../esm/lib/scroll/use-activity-feed-scroll.js";import{useCallback,useLayoutEffect,useMemo,useRef}from"react";import{MentionContextProvider,ThreadedAnnotationsV2}from"@box/threaded-annotations";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/activity-feed.css';var activity_feed_module_default={container:`_container_40rcc_1`},ActivityFeedRoot=({areCommentsDisabled=!1,children,scrollTo:scrollToProp,mentionContext})=>{let fallbackScrollRef=useRef(null);fallbackScrollRef.current||=createActivityFeedScroll();let fallbackScroll=fallbackScrollRef.current,resolvedScroll=scrollToProp!=null&&isAttachableActivityFeedScrollHandle(scrollToProp)?scrollToProp:fallbackScroll;typeof process<`u`&&process.env.NODE_ENV!==`production`&&scrollToProp!=null&&!isAttachableActivityFeedScrollHandle(scrollToProp)&&console.warn("ActivityFeed.Root: `scrollTo` must be the return value of `useActivityFeedScroll()`. Using an internal handle for container attachment instead.");let resolvedScrollRef=useRef(resolvedScroll);resolvedScrollRef.current=resolvedScroll;let containerRef=useRef(null),setContainerRef=useCallback(node=>{containerRef.current=node,resolvedScrollRef.current.attachContainer(node)},[]);useLayoutEffect(()=>{resolvedScrollRef.current.attachContainer(containerRef.current)},[resolvedScroll]);let activityFeedContextValue=useMemo(()=>({areCommentsDisabled}),[areCommentsDisabled]);return jsx(MentionContextProvider,{value:mentionContext,children:jsx(ActivityFeedContext.Provider,{value:activityFeedContextValue,children:jsxs(`div`,{className:activity_feed_module_default.container,ref:setContainerRef,children:[children,areCommentsDisabled?jsx(CommentsDisabled,{}):null]})})})};function ActivityFeedListRoot(props){return jsx(ActivityFeedList,{...props})}var List=ActivityFeedListRoot;List.AppActivity=AppActivityItem,List.Task=TaskItem,List.ThreadedAnnotation=ThreadedAnnotationsV2,List.Version=VersionItem;var ActivityFeed={Editor,Header,List,Root:ActivityFeedRoot,useActivityFeedScroll};export{ActivityFeed as t};

package/dist/chunks/comments-disabled.js

@@ -0,0 +1 @@
+import{messages}from"../esm/lib/components/comments-disabled/messages.js";import{Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import '../styles/comments-disabled.css';var comments_disabled_module_default={container:`_container_1ji20_1`},CommentsDisabled=()=>{let{formatMessage}=useIntl();return jsx(`div`,{className:comments_disabled_module_default.container,"data-testid":`activity-feed-comments-disabled`,children:jsx(Text,{as:`p`,color:`textOnLightSecondary`,variant:`bodySmall`,children:formatMessage(messages.message)})})};export{CommentsDisabled as t};

package/dist/chunks/editor.js

@@ -1 +1 @@
-import{MessageEditorV2}from"@box/threaded-annotations";import{jsx}from"react/jsx-runtime";import '../styles/editor.css';var editor_module_default={editorWrapper:`_editorWrapper_1ye9q_1`},Editor=({disableComponent,maxCharacterCount,onPost,onPostError,onPostSuccess,userSelectorProps,videoTimestamp})=>jsx(`div`,{className:editor_module_default.editorWrapper,children:jsx(MessageEditorV2,{disableComponent,isFirstAnnotation:!1,maxCharacterCount,onPost,onPostError,onPostSuccess,userSelectorProps,videoTimestamp})});export{Editor as t};
+import{useActivityFeedContext}from"../esm/lib/activity-feed-context.js";import{MessageEditorV2}from"@box/threaded-annotations";import{jsx}from"react/jsx-runtime";import '../styles/editor.css';var editor_module_default={editorWrapper:`_editorWrapper_1ye9q_1`},Editor=({disableComponent,maxCharacterCount,onPost,onPostError,onPostSuccess,userSelectorProps,videoTimestamp})=>{let{areCommentsDisabled}=useActivityFeedContext();return areCommentsDisabled?null:jsx(`div`,{className:editor_module_default.editorWrapper,children:jsx(MessageEditorV2,{disableComponent,isFirstAnnotation:!1,maxCharacterCount,onPost,onPostError,onPostSuccess,userSelectorProps,videoTimestamp})})};export{Editor as t};

package/dist/chunks/empty-state.js

@@ -1 +1 @@
-import{messages}from"../esm/lib/components/empty-state/messages.js";import{Text}from"@box/blueprint-web";import{CommentBubbles}from"@box/blueprint-web-assets/illustrations/Medium";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/empty-state.css';var empty_state_module_default={container:`_container_1pvci_1`},EmptyState=()=>{let{formatMessage}=useIntl();return jsxs(`div`,{className:empty_state_module_default.container,children:[jsx(CommentBubbles,{height:140,width:140}),jsx(Text,{as:`p`,color:`textOnLightSecondary`,variant:`titleSmall`,children:formatMessage(messages.title)}),jsx(Text,{as:`p`,color:`textOnLightSecondary`,variant:`bodyDefault`,children:formatMessage(messages.body)})]})};export{EmptyState as t};
+import{useActivityFeedContext}from"../esm/lib/activity-feed-context.js";import{messages}from"../esm/lib/components/empty-state/messages.js";import{Text}from"@box/blueprint-web";import{CommentBubbles}from"@box/blueprint-web-assets/illustrations/Medium";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/empty-state.css';var empty_state_module_default={container:`_container_1pvci_1`},EmptyState=()=>{let{areCommentsDisabled}=useActivityFeedContext(),{formatMessage}=useIntl();return areCommentsDisabled?jsxs(`div`,{className:empty_state_module_default.container,"data-testid":`activity-feed-empty-state`,children:[jsx(CommentBubbles,{height:140,width:140}),jsx(Text,{as:`p`,color:`textOnLightSecondary`,variant:`bodyDefault`,children:formatMessage(messages.commentsDisabledBody)})]}):jsxs(`div`,{className:empty_state_module_default.container,"data-testid":`activity-feed-empty-state`,children:[jsx(CommentBubbles,{height:140,width:140}),jsx(Text,{as:`p`,color:`textOnLightSecondary`,variant:`titleSmall`,children:formatMessage(messages.title)}),jsx(Text,{as:`p`,color:`textOnLightSecondary`,variant:`bodyDefault`,children:formatMessage(messages.body)})]})};export{EmptyState as t};

package/dist/esm/index.js

@@ -1 +1 @@
-import{t as ActivityFeed}from"../chunks/activity-feed.js";import{t as AppActivityItem}from"../chunks/app-activity-item.js";import"./lib/components/app-activity-item/index.js";import{n as TaskStatus,r as TaskType,t as TaskCompletionRule}from"../chunks/types.js";import{TaskItem}from"./lib/components/task-item/TaskItem.js";import"./lib/components/task-item/index.js";import{VersionItem}from"./lib/components/version-item/version-item.js";import"./lib/components/version-item/index.js";import{useActivityFeedScroll}from"./lib/scroll/use-activity-feed-scroll.js";export{ActivityFeed,AppActivityItem,TaskCompletionRule,TaskItem,TaskStatus as TaskItemStatus,TaskType,VersionItem,useActivityFeedScroll};
+import{t as AppActivityItem}from"../chunks/app-activity-item.js";import"./lib/components/app-activity-item/index.js";import{n as TaskStatus,r as TaskType,t as TaskCompletionRule}from"../chunks/types.js";import{TaskItem}from"./lib/components/task-item/TaskItem.js";import"./lib/components/task-item/index.js";import{VersionItem}from"./lib/components/version-item/version-item.js";import"./lib/components/version-item/index.js";import{useActivityFeedScroll}from"./lib/scroll/use-activity-feed-scroll.js";import{t as ActivityFeed}from"../chunks/activity-feed.js";export{ActivityFeed,AppActivityItem,TaskCompletionRule,TaskItem,TaskStatus as TaskItemStatus,TaskType,VersionItem,useActivityFeedScroll};

package/dist/esm/lib/activity-feed-context.js

@@ -0,0 +1 @@
+import{createContext,useContext}from"react";var ActivityFeedContext=createContext({areCommentsDisabled:!1}),useActivityFeedContext=()=>useContext(ActivityFeedContext);export{ActivityFeedContext,useActivityFeedContext};

package/dist/esm/lib/activity-feed.js

@@ -1 +1 @@
-import{t as ActivityFeed}from"../../chunks/activity-feed.js";import"./components/app-activity-item/index.js";import"./components/task-item/index.js";import"./components/version-item/index.js";import{useActivityFeedScroll}from"./scroll/use-activity-feed-scroll.js";export{ActivityFeed,useActivityFeedScroll};
+import"./components/app-activity-item/index.js";import"./components/task-item/index.js";import"./components/version-item/index.js";import{useActivityFeedScroll}from"./scroll/use-activity-feed-scroll.js";import{t as ActivityFeed}from"../../chunks/activity-feed.js";export{ActivityFeed,useActivityFeedScroll};

package/dist/esm/lib/components/comments-disabled/comments-disabled.js

@@ -0,0 +1 @@
+import{t as CommentsDisabled}from"../../../../chunks/comments-disabled.js";export{CommentsDisabled};

package/dist/esm/lib/components/comments-disabled/index.js

@@ -0,0 +1 @@
+import{t as CommentsDisabled}from"../../../../chunks/comments-disabled.js";export{CommentsDisabled};

package/dist/esm/lib/components/comments-disabled/messages.js

@@ -0,0 +1 @@
+import{defineMessages}from"react-intl";var messages=defineMessages({message:{id:`groupSharedFeatures.activityFeed.commentsDisabled.message`,defaultMessage:`Comments are disabled for this file.`}});export{messages};

package/dist/esm/lib/components/empty-state/messages.js

@@ -1 +1 @@
-import{defineMessages}from"react-intl";var messages=defineMessages({body:{id:`groupSharedFeatures.activityFeed.emptyState.body`,defaultMessage:`Comment, annotate, or @mention a collaborator to share your thoughts.`},title:{id:`groupSharedFeatures.activityFeed.emptyState.title`,defaultMessage:`Start the conversation`}});export{messages};
+import{defineMessages}from"react-intl";var messages=defineMessages({body:{id:`groupSharedFeatures.activityFeed.emptyState.body`,defaultMessage:`Comment, annotate, or @mention a collaborator to share your thoughts.`},commentsDisabledBody:{id:`groupSharedFeatures.activityFeed.emptyState.commentsDisabledBody`,defaultMessage:`No activity yet`},title:{id:`groupSharedFeatures.activityFeed.emptyState.title`,defaultMessage:`Start the conversation`}});export{messages};

package/dist/styles/activity-feed-list.css

@@ -1 +1 @@
-._emptyStateWrapper_1yzxf_1{flex:auto;justify-content:center;align-items:center;display:flex}._list_1yzxf_8._list_1yzxf_8{gap:var(--space-4);min-height:0;padding:var(--space-4);flex-direction:column;flex:auto;margin:0;list-style:none;display:flex;overflow-y:auto}._list_1yzxf_8._fadeTop_1yzxf_19._fadeBottom_1yzxf_19{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--space-4), black calc(100% - var(--space-4)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--space-4), black calc(100% - var(--space-4)), transparent 100%)}._list_1yzxf_8._fadeTop_1yzxf_19:not(._fadeBottom_1yzxf_19){-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--space-4), black 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--space-4), black 100%)}._list_1yzxf_8._fadeBottom_1yzxf_19:not(._fadeTop_1yzxf_19){-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--space-4)), transparent 100%);mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--space-4)), transparent 100%)}
+._emptyStateWrapper_1phex_1{flex:auto;justify-content:center;align-items:center;display:flex}._emptyStateWrapper_1phex_1._commentsDisabled_1phex_7{padding-bottom:calc(2 * var(--bp-space-040) + var(--bp-font-line-height-04))}._list_1phex_11._list_1phex_11{gap:var(--space-4);min-height:0;padding:var(--space-4);flex-direction:column;flex:auto;margin:0;list-style:none;display:flex;overflow-y:auto}._list_1phex_11._list_1phex_11._commentsDisabled_1phex_7{padding-bottom:calc(2 * var(--bp-space-040) + var(--bp-font-line-height-04))}._list_1phex_11._fadeTop_1phex_25._fadeBottom_1phex_25{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--space-4), black calc(100% - var(--space-4)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--space-4), black calc(100% - var(--space-4)), transparent 100%)}._list_1phex_11._fadeTop_1phex_25:not(._fadeBottom_1phex_25){-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--space-4), black 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--space-4), black 100%)}._list_1phex_11._fadeBottom_1phex_25:not(._fadeTop_1phex_25){-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--space-4)), transparent 100%);mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--space-4)), transparent 100%)}

package/dist/styles/comments-disabled.css

@@ -0,0 +1 @@
+._container_1ji20_1{background:linear-gradient(to bottom, color-mix(in srgb, var(--bp-surface-surface) 0%, transparent) 0%, color-mix(in srgb, var(--bp-surface-surface) 3%, transparent) 8%, color-mix(in srgb, var(--bp-surface-surface) 35%, transparent) 18%, color-mix(in srgb, var(--bp-surface-surface) 75%, transparent) 30%, color-mix(in srgb, var(--bp-surface-surface) 97%, transparent) 50%, var(--bp-surface-surface) 100%);margin-inline:var(--bp-space-040);margin-top:calc(-1 * calc(2 * var(--bp-space-040) + var(--bp-font-line-height-04)));padding:var(--bp-space-040) var(--bp-space-050);pointer-events:none;text-align:center;z-index:1;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}

package/dist/types/lib/activity-feed-context.d.ts

@@ -0,0 +1,10 @@
+export interface ActivityFeedContextValue {
+    /**
+     * When true, List adjusts empty copy / bottom fade / overlap padding, and Root
+     * renders `CommentsDisabled` as the footer. Hosts set this from file-level
+     * comment permission (e.g. `can_comment === false`).
+     */
+    areCommentsDisabled: boolean;
+}
+export declare const ActivityFeedContext: import('react').Context<ActivityFeedContextValue>;
+export declare const useActivityFeedContext: () => ActivityFeedContextValue;

package/dist/types/lib/activity-feed.d.ts

@@ -9,6 +9,11 @@ export { useActivityFeedScroll } from './scroll';
 export type { ActivityFeedScrollHandle } from './scroll';
 /** Props for `ActivityFeed.Root`. */
 interface ActivityFeedRootProps {
+    /**
+     * When true, List uses comments-disabled empty copy / layout, and Root renders
+     * `CommentsDisabled` as the footer. Omit `Editor` when this is true.
+     */
+    areCommentsDisabled?: boolean;
     /** Feed children. */
     children: ReactNode;
     /**
@@ -39,6 +44,8 @@ type ActivityFeedListCompound = ((props: ActivityFeedListProps) => ReactElement)
  *
  * Top-level slots: `Root`, `Header`, `List`, `Editor`. Row components live
  * under `List` and must be rendered inside `ActivityFeed.List`.
+ * When `Root` has `areCommentsDisabled`, Root renders the comments-disabled footer and
+ * `Editor` is a no-op.
  */
 export declare const ActivityFeed: {
     Editor: ({ disableComponent, maxCharacterCount, onPost, onPostError, onPostSuccess, userSelectorProps, videoTimestamp, }: import('./components/editor').EditorProps) => import("react/jsx-runtime").JSX.Element;
@@ -55,6 +62,6 @@ export declare const ActivityFeed: {
         TaskButton: ({ disabled, onMenuItemClick }: import('./components/header/task-button').TaskButtonProps) => import("react/jsx-runtime").JSX.Element;
     };
     List: ActivityFeedListCompound;
-    Root: ({ children, scrollTo: scrollToProp, mentionContext }: ActivityFeedRootProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ areCommentsDisabled, children, scrollTo: scrollToProp, mentionContext, }: ActivityFeedRootProps) => import("react/jsx-runtime").JSX.Element;
     useActivityFeedScroll: typeof useActivityFeedScroll;
 };

package/dist/types/lib/components/comments-disabled/comments-disabled.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Footer shown instead of `ActivityFeed.Editor` when the host cannot comment
+ * (e.g. `file.permissions.can_comment` is false). Does not render the editor.
+ */
+export declare const CommentsDisabled: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/comments-disabled/index.d.ts

@@ -0,0 +1 @@
+export { CommentsDisabled } from './comments-disabled';

package/dist/types/lib/components/comments-disabled/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const messages: {
+    message: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+};

package/dist/types/lib/components/editor/editor.d.ts

@@ -1,3 +1,6 @@
 import { CreateMessageEditorPropsV2 as CreateMessageEditorProps } from '@box/threaded-annotations';
 export type EditorProps = Omit<CreateMessageEditorProps, 'variant' | 'isFirstAnnotation' | 'initialContent'>;
+/**
+ * Create-comment composer. Renders nothing when `Root` has `areCommentsDisabled`
+ */
 export declare const Editor: ({ disableComponent, maxCharacterCount, onPost, onPostError, onPostSuccess, userSelectorProps, videoTimestamp, }: EditorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/empty-state/empty-state.d.ts

@@ -1 +1,2 @@
+/** Empty feed placeholder. Copy depends on Root `areCommentsDisabled`. */
 export declare const EmptyState: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/empty-state/messages.d.ts

@@ -4,6 +4,11 @@ export declare const messages: {
         description: string;
         id: string;
     };
+    commentsDisabledBody: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     title: {
         defaultMessage: string;
         description: string;

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

@@ -1,5 +1,11 @@
 import { ActivityFeedItem } from '../types';
 export interface InteractiveActivityFeedProps {
+    /**
+     * When true, shows comments-disabled empty copy and Root renders the
+     * comments-disabled footer. Editor is still mounted here so coverage hits
+     * the package no-op path.
+     */
+    areCommentsDisabled?: boolean;
     /** Optional item override. */
     items?: ActivityFeedItem[];
     /** Initial mention-me value. */
@@ -14,4 +20,4 @@ export interface InteractiveActivityFeedProps {
     onClose: () => void;
 }
 /** Full Storybook harness for ActivityFeed. */
-export declare const InteractiveActivityFeed: ({ initialMentionMe, initialScrollPosition, initialShowResolvedComments, items, scrollToItemId, onClose, }: InteractiveActivityFeedProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InteractiveActivityFeed: ({ areCommentsDisabled, initialMentionMe, initialScrollPosition, initialShowResolvedComments, items, scrollToItemId, onClose, }: InteractiveActivityFeedProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@box/activity-feed",
-    "version": "2.3.28",
+    "version": "2.4.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^16.20.4",
-        "@box/blueprint-web-assets": "^5.7.11",
-        "@box/collaboration-popover": "^2.2.20",
-        "@box/readable-time": "^2.2.20",
-        "@box/threaded-annotations": "^4.8.3",
-        "@box/user-selector": "^2.2.21",
+        "@box/blueprint-web": "^16.20.5",
+        "@box/blueprint-web-assets": "^5.7.12",
+        "@box/collaboration-popover": "^2.2.21",
+        "@box/readable-time": "^2.2.21",
+        "@box/threaded-annotations": "^4.8.4",
+        "@box/user-selector": "^2.2.22",
         "clsx": "^1.2.1",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
@@ -18,14 +18,14 @@
         "access": "public"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^16.20.4",
-        "@box/blueprint-web-assets": "^5.7.11",
-        "@box/collaboration-popover": "^2.2.20",
-        "@box/eslint-plugin-blueprint": "2.2.7",
-        "@box/readable-time": "^2.2.20",
-        "@box/storybook-utils": "1.2.20",
-        "@box/threaded-annotations": "^4.8.3",
-        "@box/user-selector": "^2.2.21",
+        "@box/blueprint-web": "^16.20.5",
+        "@box/blueprint-web-assets": "^5.7.12",
+        "@box/collaboration-popover": "^2.2.21",
+        "@box/eslint-plugin-blueprint": "2.2.8",
+        "@box/readable-time": "^2.2.21",
+        "@box/storybook-utils": "1.2.21",
+        "@box/threaded-annotations": "^4.8.4",
+        "@box/user-selector": "^2.2.22",
         "react-intl": "^6.4.2"
     },
     "files": [