@box/activity-feed 2.2.17 → 2.2.19

package/dist/chunks/app-activity-item.js

@@ -1 +1 @@
-import{messages}from"../esm/lib/components/app-activity-item/messages.js";import{createElement,useMemo}from"react";import{Avatar,Link,Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{ReadableTime}from"@box/readable-time";import '../styles/app-activity-item.css';var app_activity_item_module_default={appActivityItem:`_appActivityItem_zi9kh_1`,message:`_message_zi9kh_10`,activityLink:`_activityLink_zi9kh_14`},parseRenderedText=html=>{try{let doc=new DOMParser().parseFromString(html,`text/html`);return Array.from(doc.body.childNodes).map((node,index)=>{if(node.nodeType===Node.ELEMENT_NODE){let element=node;if(element.nodeName===`A`){let anchor=element;return createElement(Link,{...Object.fromEntries([...anchor.attributes].filter(a=>a.name.startsWith(`data-`)).map(a=>[a.name,a.value])),className:app_activity_item_module_default.activityLink,href:anchor.href,key:index,rel:`noreferrer noopener`,target:`_blank`},anchor.textContent)}return createElement(element.tagName.toLowerCase(),{key:index},element.textContent)}return node.textContent})}catch{return[html]}},AppActivityItem=({appIconUrl,appName,createdAt,id,renderedText})=>{let{formatMessage}=useIntl(),numericId=parseInt(id,10),colorIndex=Number.isNaN(numericId)?0:numericId%10,parsedContent=useMemo(()=>parseRenderedText(renderedText),[renderedText]);return jsxs(`div`,{className:app_activity_item_module_default.appActivityItem,children:[jsx(Avatar,{alt:appName,colorIndex,size:`medium`,src:appIconUrl,text:appName.charAt(0)}),jsx(Text,{as:`span`,className:app_activity_item_module_default.message,color:`textOnLightSecondary`,variant:`bodyDefault`,children:formatMessage(messages.activityItemText,{appName:jsx(Text,{as:`span`,color:`textOnLightSecondary`,variant:`bodyDefaultSemibold`,children:appName}),parsedContent:jsx(Text,{as:`span`,color:`textOnLightSecondary`,variant:`bodyDefault`,children:parsedContent}),timestamp:jsx(ReadableTime,{textProps:{as:`span`,color:`textOnLightSecondary`,variant:`bodyDefault`},timestamp:createdAt})})})]})};export{AppActivityItem as t};
+import{messages}from"../esm/lib/components/app-activity-item/messages.js";import{createElement,useMemo}from"react";import{Avatar,Link,Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{ReadableTime}from"@box/readable-time";import '../styles/app-activity-item.css';var app_activity_item_module_default={appActivityItem:`_appActivityItem_1exnl_27`,message:`_message_1exnl_36`,activityLink:`_activityLink_1exnl_40`},parseRenderedText=html=>{try{let doc=new DOMParser().parseFromString(html,`text/html`);return Array.from(doc.body.childNodes).map((node,index)=>{if(node.nodeType===Node.ELEMENT_NODE){let element=node;if(element.nodeName===`A`){let anchor=element;return createElement(Link,{...Object.fromEntries([...anchor.attributes].filter(a=>a.name.startsWith(`data-`)).map(a=>[a.name,a.value])),className:app_activity_item_module_default.activityLink,href:anchor.href,key:index,rel:`noreferrer noopener`,target:`_blank`},anchor.textContent)}return createElement(element.tagName.toLowerCase(),{key:index},element.textContent)}return node.textContent})}catch{return[html]}},AppActivityItem=({appIconUrl,appName,createdAt,id,renderedText})=>{let{formatMessage}=useIntl(),numericId=parseInt(id,10),colorIndex=Number.isNaN(numericId)?0:numericId%10,parsedContent=useMemo(()=>parseRenderedText(renderedText),[renderedText]);return jsxs(`div`,{className:app_activity_item_module_default.appActivityItem,children:[jsx(Avatar,{alt:appName,colorIndex,size:`medium`,src:appIconUrl,text:appName.charAt(0)}),jsx(Text,{as:`span`,className:app_activity_item_module_default.message,color:`textOnLightSecondary`,variant:`bodyDefault`,children:formatMessage(messages.activityItemText,{appName:jsx(Text,{as:`span`,color:`textOnLightSecondary`,variant:`bodyDefaultSemibold`,children:appName}),parsedContent:jsx(Text,{as:`span`,color:`textOnLightSecondary`,variant:`bodyDefault`,children:parsedContent}),timestamp:jsx(ReadableTime,{textProps:{as:`span`,color:`textOnLightSecondary`,variant:`bodyDefault`},timestamp:createdAt})})})]})};export{AppActivityItem as t};

package/dist/esm/lib/components/task-item/components/task-message/MessageRenderer.js

@@ -1 +1 @@
-import{Text}from"@box/blueprint-web";import{jsx}from"react/jsx-runtime";function renderTextNode(node,index){return jsx(Text,{as:`span`,variant:`bodyDefault`,children:node.text},index)}function renderParagraphNode(node,index){return!node.content||node.content.length===0?jsx(`br`,{},index):jsx(Text,{as:`p`,variant:`bodyDefault`,color:`textOnLightDefault`,children:node.content.map((textNode,idx)=>renderTextNode(textNode,idx))},index)}function MessageRenderer({messageObject}){return!messageObject||!messageObject.content?null:jsx(`div`,{children:messageObject.content.map((node,idx)=>renderParagraphNode(node,idx))})}export{MessageRenderer};
+import{splitTextIntoSegments}from"./url-segments.js";import{Link,Text}from"@box/blueprint-web";import{jsx}from"react/jsx-runtime";function renderTextNode(node,index){return jsx(Text,{as:`span`,variant:`bodyDefault`,children:splitTextIntoSegments(node.text).map((segment,segmentIndex)=>segment.type===`url`?jsx(Link,{href:segment.value,inheritFont:!0,rel:`noopener noreferrer`,target:`_blank`,children:segment.value},segmentIndex):segment.value)},index)}function renderParagraphNode(node,index){return!node.content||node.content.length===0?jsx(`br`,{},index):jsx(Text,{as:`p`,variant:`bodyDefault`,color:`textOnLightDefault`,children:node.content.map((textNode,idx)=>renderTextNode(textNode,idx))},index)}function MessageRenderer({messageObject}){return!messageObject||!messageObject.content?null:jsx(`div`,{children:messageObject.content.map((node,idx)=>renderParagraphNode(node,idx))})}export{MessageRenderer};

package/dist/esm/lib/components/task-item/components/task-message/url-segments.js

@@ -0,0 +1 @@
+var URL_REGEX=/((?:(?:ht|f)tps?:\/\/)[\w.-]+(?::\d+)?(?:[/?#][\w\-.~+/#?&%=:[\]@!$'()*;,]*)?)/gi,SENTENCE_PUNCTUATION=/[.,;:!?。、！？；：，،؛؟]/,BRACKET_PAIRS={")":`(`,"]":`[`,"）":`（`,"】":`【`,"」":`「`,"』":`『`},shouldTrimLastChar=url=>{let lastChar=url[url.length-1];if(SENTENCE_PUNCTUATION.test(lastChar))return!0;let opener=BRACKET_PAIRS[lastChar];if(opener){let openCount=url.split(opener).length-1;return url.split(lastChar).length-1>openCount}return!1},trimTrailingChars=url=>{let trimmed=url;for(;trimmed.length>0&&shouldTrimLastChar(trimmed);)trimmed=trimmed.slice(0,-1);return trimmed},splitTextIntoSegments=text=>{let matches=Array.from(text.matchAll(URL_REGEX)).filter(match=>match.index!==void 0),segments=[],cursor=0;for(let match of matches){let matchStart=match.index,url=trimTrailingChars(match[0]),matchEnd=matchStart+url.length;matchStart>cursor&&segments.push({type:`text`,value:text.slice(cursor,matchStart)}),segments.push({type:`url`,value:url}),cursor=matchEnd}return cursor<text.length&&segments.push({type:`text`,value:text.slice(cursor)}),segments};export{URL_REGEX,splitTextIntoSegments,trimTrailingChars};

package/dist/styles/app-activity-item.css

@@ -1 +1 @@
-._appActivityItem_zi9kh_1{gap:var(--space-2);box-sizing:border-box;width:100%;padding-left:var(--space-4);align-items:flex-start;display:flex}._message_zi9kh_10{overflow-wrap:break-word;min-width:0}._message_zi9kh_10 ._activityLink_zi9kh_14{color:inherit;font-weight:var(--body-default-semibold-font-weight);text-decoration:none}._message_zi9kh_10 ._activityLink_zi9kh_14:hover{color:inherit;text-decoration:underline}
+._appActivityItem_1exnl_27{gap:var(--space-2);box-sizing:border-box;width:100%;padding-left:var(--space-4);align-items:flex-start;display:flex}._message_1exnl_36{overflow-wrap:break-word;min-width:0}._message_1exnl_36 ._activityLink_1exnl_40{font-weight:var(--bp-font-weight-semibold);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) ._message_1exnl_36 ._activityLink_1exnl_40{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:500;line-height:1.25rem;text-decoration:none}._message_1exnl_36 ._activityLink_1exnl_40{color:inherit;text-decoration:none}._message_1exnl_36 ._activityLink_1exnl_40:hover{color:inherit;text-decoration:underline}

package/dist/types/lib/components/task-item/components/task-message/url-segments.d.ts

@@ -0,0 +1,7 @@
+export declare const URL_REGEX: RegExp;
+export declare const trimTrailingChars: (url: string) => string;
+export type TextSegment = {
+    type: 'text' | 'url';
+    value: string;
+};
+export declare const splitTextIntoSegments: (text: string) => TextSegment[];

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@box/activity-feed",
-    "version": "2.2.17",
+    "version": "2.2.19",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@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/threaded-annotations": "^4.1.10",
+        "@box/threaded-annotations": "^4.1.11",
         "@box/user-selector": "^2.1.38",
         "clsx": "^1.2.1",
         "react": "^18.0.0",
@@ -24,7 +24,7 @@
         "@box/eslint-plugin-blueprint": "2.1.11",
         "@box/readable-time": "^2.1.35",
         "@box/storybook-utils": "1.1.34",
-        "@box/threaded-annotations": "^4.1.10",
+        "@box/threaded-annotations": "^4.1.11",
         "@box/user-selector": "^2.1.38",
         "react-intl": "^6.4.2"
     },