@box/activity-feed 2.3.11 → 2.3.12
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{MessageRenderer}from"../esm/lib/components/task-item/components/task-message/MessageRenderer.js";import{t as TaskOptionsMenu}from"./task-options-menu.js";import{useState}from"react";import clsx from"clsx";import{Avatar,Text}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import{ReadableTime}from"@box/readable-time";import '../styles/TaskMessage.css';var TaskMessage_module_default={taskMessage:`_taskMessage_9yucp_1`,headerContainer:`_headerContainer_9yucp_11`,information:`_information_9yucp_19`,avatar:`_avatar_9yucp_26`,textContainer:`_textContainer_9yucp_29`,author:`_author_9yucp_37`,optionsMenu:`_optionsMenu_9yucp_45`,contentWrapper:`_contentWrapper_9yucp_65`,threadedIndicator:`_threadedIndicator_9yucp_69`,threadedIndicatorHidden:`_threadedIndicatorHidden_9yucp_85`,messageContent:`_messageContent_9yucp_88`,messageFooter:`_messageFooter_9yucp_95`},readableTimeTextProps={as:`span`,variant:`bodySmall`,color:`textOnLightSecondary`};function getInitials(name){let nameParts=name.trim().split(/\s+/);return nameParts.length===1?nameParts[0].charAt(0).toUpperCase():(nameParts[0].charAt(0)+nameParts[nameParts.length-1].charAt(0)).toUpperCase()}function TaskMessage({id,author,message,createdAt,canEdit=!1,canDelete=!1,disabled=!1,onEdit,onDelete,onView,showThreadedIndicator=!1,children}){let[isOptionsRegionOpen,setIsOptionsRegionOpen]=useState(!1),showActions=canEdit&&!!onEdit||canDelete&&!!onDelete||!!onView,initials=getInitials(author.name);return jsxs(`div`,{className:TaskMessage_module_default.taskMessage,"data-message-wrapper":!0,children:[jsxs(`div`,{className:TaskMessage_module_default.headerContainer,children:[jsxs(`div`,{className:TaskMessage_module_default.information,children:[jsx(Avatar,{alt:author.name,className:TaskMessage_module_default.avatar,colorIndex:parseInt(author.id,10)||0,size:`medium`,src:author.avatarUrl||``,text:initials}),jsx(`div`,{className:TaskMessage_module_default.textContainer,children:jsx(Text,{as:`p`,className:TaskMessage_module_default.author,color:`textOnLightDefault`,variant:`bodyDefaultBold`,children:author.name})})]}),showActions&&jsx(`div`,{className:TaskMessage_module_default.optionsMenu,"data-state":isOptionsRegionOpen?`open`:`closed`,children:jsx(TaskOptionsMenu,{canDelete,canEdit,disabled,onDelete:onDelete?()=>onDelete(id):void 0,onEdit:onEdit?()=>onEdit(id):void 0,onView:onView?()=>onView(id):void 0,onOpenChange:setIsOptionsRegionOpen})})]}),jsxs(`div`,{className:TaskMessage_module_default.contentWrapper,children:[jsx(`div`,{className:clsx(TaskMessage_module_default.threadedIndicator,!showThreadedIndicator&&TaskMessage_module_default.threadedIndicatorHidden)}),jsxs(`div`,{className:TaskMessage_module_default.messageContent,children:[jsx(MessageRenderer,{messageObject:message}),jsx(`div`,{className:TaskMessage_module_default.messageFooter,children:jsx(ReadableTime,{textProps:readableTimeTextProps,timestamp:createdAt})}),children]})]})]})}export{TaskMessage as t};
|
|
1
|
+
import{MessageRenderer}from"../esm/lib/components/task-item/components/task-message/MessageRenderer.js";import{t as TaskOptionsMenu}from"./task-options-menu.js";import{useState}from"react";import clsx from"clsx";import{Avatar,Text}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import{ReadableTime}from"@box/readable-time";import '../styles/TaskMessage.css';var TaskMessage_module_default={taskMessage:`_taskMessage_9yucp_1`,headerContainer:`_headerContainer_9yucp_11`,information:`_information_9yucp_19`,avatar:`_avatar_9yucp_26`,textContainer:`_textContainer_9yucp_29`,author:`_author_9yucp_37`,optionsMenu:`_optionsMenu_9yucp_45`,contentWrapper:`_contentWrapper_9yucp_65`,threadedIndicator:`_threadedIndicator_9yucp_69`,threadedIndicatorHidden:`_threadedIndicatorHidden_9yucp_85`,messageContent:`_messageContent_9yucp_88`,messageFooter:`_messageFooter_9yucp_95`},readableTimeTextProps={as:`span`,variant:`bodySmall`,color:`textOnLightSecondary`};function getInitials(name){let nameParts=name.trim().split(/\s+/);return nameParts.length===1?nameParts[0].charAt(0).toUpperCase():(nameParts[0].charAt(0)+nameParts[nameParts.length-1].charAt(0)).toUpperCase()}function TaskMessage({id,author,message,createdAt,canEdit=!1,canDelete=!1,disabled=!1,onEdit,onDelete,onView,showThreadedIndicator=!1,children}){let[isOptionsRegionOpen,setIsOptionsRegionOpen]=useState(!1),showActions=canEdit&&!!onEdit||canDelete&&!!onDelete||!!onView,initials=getInitials(author.name);return jsxs(`div`,{className:TaskMessage_module_default.taskMessage,"data-message-wrapper":!0,children:[jsxs(`div`,{className:TaskMessage_module_default.headerContainer,children:[jsxs(`div`,{className:TaskMessage_module_default.information,children:[jsx(Avatar,{alt:author.name,className:TaskMessage_module_default.avatar,colorIndex:parseInt(author.id,10)||0,size:`medium`,src:author.avatarUrl||``,text:initials}),jsx(`div`,{className:TaskMessage_module_default.textContainer,children:jsx(Text,{as:`p`,className:TaskMessage_module_default.author,color:`textOnLightDefault`,variant:`bodyDefaultBold`,children:author.name})})]}),showActions&&jsx(`div`,{className:TaskMessage_module_default.optionsMenu,"data-state":isOptionsRegionOpen?`open`:`closed`,children:jsx(TaskOptionsMenu,{canDelete,canEdit,disabled,onDelete:onDelete?()=>onDelete(id):void 0,onEdit:onEdit?()=>onEdit(id):void 0,onView:onView?()=>onView(id):void 0,onOpenChange:setIsOptionsRegionOpen})})]}),jsxs(`div`,{className:TaskMessage_module_default.contentWrapper,children:[jsx(`div`,{className:clsx(TaskMessage_module_default.threadedIndicator,!showThreadedIndicator&&TaskMessage_module_default.threadedIndicatorHidden)}),jsxs(`div`,{className:TaskMessage_module_default.messageContent,children:[jsx(MessageRenderer,{messageObject:message}),jsx(`div`,{className:TaskMessage_module_default.messageFooter,children:jsx(ReadableTime,{alwaysShowTime:!0,textProps:readableTimeTextProps,timestamp:createdAt})}),children]})]})]})}export{TaskMessage as t};
|