@box/threaded-annotations 4.15.33 → 4.15.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{THREADED_ANNOTATIONS_RESIN_TARGETS}from"../../../v2/resin-targets.js";import{useThreadedAnnotationsContext}from"../../../v2/threaded-annotations-context.js";import{UserAvatarButton}from"../user-avatar/user-avatar.js";import{n as message_header_module_default,t as DeleteConfirmationPopover}from"../../../../../chunks/delete-confirmation-popover.js";import messages from"./messages.js";import{MessageOptionsMenu}from"./message-options-menu.js";import{IconButton,Text,Tooltip}from"@box/blueprint-web";import{useState}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{CheckmarkCircle}from"@box/blueprint-web-assets/icons/Medium";import{CheckmarkCircle as CheckmarkCircle$1}from"@box/blueprint-web-assets/icons/MediumFilled";var MessageHeader=({author,canResolve=!1,isResolved=!1,canEdit=!0,canDelete=!0,hasReplies=!1,isFirstMessage=!1,onAvatarClick,onCopyLink,onDelete,onEdit,onResolve,onThreadDelete,onUnresolve})=>{let intl=useIntl(),{isAnnotations}=useThreadedAnnotationsContext(),[isMenuOpen,setIsMenuOpen]=useState(!1),[isDeletePopoverOpen,setIsDeletePopoverOpen]=useState(!1);return jsxs(`div`,{className:message_header_module_default.headerContainer,children:[jsxs(`div`,{className:message_header_module_default.information,children:[jsx(UserAvatarButton,{onClick:onAvatarClick,user:author}),jsx(`div`,{className:message_header_module_default.textContainer,"data-message-author":!0,children:jsx(Text,{as:`p`,className:message_header_module_default.author,color:`textOnLightDefault`,variant:`bodyDefaultBold`,children:author.name})})]}),jsxs(`div`,{className:message_header_module_default.optionsMenu,"data-state":isMenuOpen||isDeletePopoverOpen?`open`:`closed`,children:[canResolve&&!isResolved&&jsx(Tooltip,{content:intl.formatMessage(messages.resolveButtonAriaLabel),children:jsx(IconButton,{"aria-label":intl.formatMessage(messages.resolveButtonAriaLabel),"data-no-expand":!0,"data-resin-target":isAnnotations?THREADED_ANNOTATIONS_RESIN_TARGETS.ANNOTATION_RESOLVE:THREADED_ANNOTATIONS_RESIN_TARGETS.COMMENT_RESOLVE,disabled:isDeletePopoverOpen,icon:CheckmarkCircle,onClick:()=>onResolve?.(),size:`small`})}),canResolve&&isResolved&&jsx(Tooltip,{content:intl.formatMessage(messages.unresolveButtonAriaLabel),children:jsx(IconButton,{"aria-label":intl.formatMessage(messages.unresolveButtonAriaLabel),"data-no-expand":!0,"data-resin-target":isAnnotations?THREADED_ANNOTATIONS_RESIN_TARGETS.ANNOTATION_UNRESOLVE:THREADED_ANNOTATIONS_RESIN_TARGETS.COMMENT_UNRESOLVE,disabled:isDeletePopoverOpen,icon:CheckmarkCircle$1,onClick:()=>onUnresolve?.(),size:`small
|
|
1
|
+
import{THREADED_ANNOTATIONS_RESIN_TARGETS}from"../../../v2/resin-targets.js";import{useThreadedAnnotationsContext}from"../../../v2/threaded-annotations-context.js";import{UserAvatarButton}from"../user-avatar/user-avatar.js";import{n as message_header_module_default,t as DeleteConfirmationPopover}from"../../../../../chunks/delete-confirmation-popover.js";import messages from"./messages.js";import{MessageOptionsMenu}from"./message-options-menu.js";import{IconButton,Text,Tooltip}from"@box/blueprint-web";import{useState}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{CheckmarkCircle}from"@box/blueprint-web-assets/icons/Medium";import{CheckmarkCircle as CheckmarkCircle$1}from"@box/blueprint-web-assets/icons/MediumFilled";var MessageHeader=({author,canResolve=!1,isResolved=!1,canEdit=!0,canDelete=!0,hasReplies=!1,isFirstMessage=!1,onAvatarClick,onCopyLink,onDelete,onEdit,onResolve,onThreadDelete,onUnresolve})=>{let intl=useIntl(),{isAnnotations}=useThreadedAnnotationsContext(),[isMenuOpen,setIsMenuOpen]=useState(!1),[isDeletePopoverOpen,setIsDeletePopoverOpen]=useState(!1);return jsxs(`div`,{className:message_header_module_default.headerContainer,children:[jsxs(`div`,{className:message_header_module_default.information,children:[jsx(UserAvatarButton,{onClick:onAvatarClick,user:author}),jsx(`div`,{className:message_header_module_default.textContainer,"data-message-author":!0,children:jsx(Text,{as:`p`,className:message_header_module_default.author,color:`textOnLightDefault`,variant:`bodyDefaultBold`,children:author.name})})]}),jsxs(`div`,{className:message_header_module_default.optionsMenu,"data-state":isMenuOpen||isDeletePopoverOpen?`open`:`closed`,children:[canResolve&&!isResolved&&jsx(Tooltip,{content:intl.formatMessage(messages.resolveButtonAriaLabel),children:jsx(IconButton,{"aria-label":intl.formatMessage(messages.resolveButtonAriaLabel),"data-no-expand":!0,"data-resin-target":isAnnotations?THREADED_ANNOTATIONS_RESIN_TARGETS.ANNOTATION_RESOLVE:THREADED_ANNOTATIONS_RESIN_TARGETS.COMMENT_RESOLVE,disabled:isDeletePopoverOpen,icon:CheckmarkCircle,onClick:()=>onResolve?.(),size:`small`})}),canResolve&&isResolved&&jsx(Tooltip,{content:intl.formatMessage(messages.unresolveButtonAriaLabel),children:jsx(IconButton,{"aria-label":intl.formatMessage(messages.unresolveButtonAriaLabel),"data-no-expand":!0,"data-resin-target":isAnnotations?THREADED_ANNOTATIONS_RESIN_TARGETS.ANNOTATION_UNRESOLVE:THREADED_ANNOTATIONS_RESIN_TARGETS.COMMENT_UNRESOLVE,disabled:isDeletePopoverOpen,icon:CheckmarkCircle$1,onClick:()=>onUnresolve?.(),size:`small`})}),jsx(MessageOptionsMenu,{canDelete,canEdit,disabled:isDeletePopoverOpen,isAnnotations,onCopyLink,onDelete:()=>{isFirstMessage?(setIsMenuOpen(!1),setIsDeletePopoverOpen(!0)):(setIsMenuOpen(!1),onDelete?.())},onEdit,onOpenChange:setIsMenuOpen}),jsx(DeleteConfirmationPopover,{hasReplies,isAnnotation:isAnnotations,onCancel:()=>{setIsDeletePopoverOpen(!1),setIsMenuOpen(!1)},onConfirm:()=>{onThreadDelete?.(),setIsDeletePopoverOpen(!1),setIsMenuOpen(!1)},onOpenChange:setIsDeletePopoverOpen,open:isDeletePopoverOpen})]})]})};export{MessageHeader};
|