themelia-ui 1.0.0

package/dist/features/activities.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-kBzTy-jM.cjs"),t=require("../feedback-lBKIc2cQ.cjs"),n=require("../ui-provider-BS7QPJVb.cjs"),r=require("../buttons-CQc0AVpb.cjs"),i=require("../action-menu-DcUKnD_n.cjs"),a=require("../display-BPuD0OAo.cjs"),o=require("../badge-CSoXP1oV.cjs"),s=require("../mentions-DVk3k6V4.cjs"),c=require("../comments-DBw1Y6dX.cjs");let l=require("lucide-react"),u=require("react"),d=require("react/jsx-runtime"),f=require("date-fns"),p=require("clsx");var m={light:`activities-module__light___4BJm5`,dark:`activities-module__dark___wzdIG`,feed:`activities-module__feed___bzPt4`,state:`activities-module__state___aNvi2`,groups:`activities-module__groups___N4kD5`,group:`activities-module__group___ZL7Sr`,rows:`activities-module__rows___rrTef`,feedHeader:`activities-module__feedHeader___Ql9vw`,feedFooter:`activities-module__feedFooter___EHCiN`,dateLabel:`activities-module__dateLabel___2cwxS`,row:`activities-module__row___x0UUe`,content:`activities-module__content___PzSSW`,marker:`activities-module__marker___xUUwj`,markerDot:`activities-module__markerDot___an9x-`,markerDisc:`activities-module__markerDisc___m-7E-`,markerRail:`activities-module__markerRail___jkTxP`,summary:`activities-module__summary___oWa9J`,summaryMain:`activities-module__summaryMain___EqN0B`,source:`activities-module__source___-o79c`,summaryTrailing:`activities-module__summaryTrailing___6K4JF`,headlineRow:`activities-module__headlineRow___O-B84`,headline:`activities-module__headline___o23gR`,actor:`activities-module__actor___rTV-r`,time:`activities-module__time___ViZWp`,expandToggle:`activities-module__expandToggle___rsPRV`,description:`activities-module__description___D6I-6`,metaPreview:`activities-module__metaPreview___ivUeQ`,metaPair:`activities-module__metaPair___duokY`,metaLabel:`activities-module__metaLabel___F5v1B`,metaGrid:`activities-module__metaGrid___5VYph`,metaGridLabel:`activities-module__metaGridLabel___jVw8l`,metaGridValue:`activities-module__metaGridValue___Pzk1Q`,changes:`activities-module__changes___UdtWJ`,changeRow:`activities-module__changeRow___Ldn3J`,changeLabel:`activities-module__changeLabel___OULy3`,changeValues:`activities-module__changeValues___Hx6xu`,changeOld:`activities-module__changeOld___Kn373`,changeNew:`activities-module__changeNew___BT4Qc`,tag:`activities-module__tag___a7Dsv`,tagIcon:`activities-module__tagIcon___oajv6`,tagTags:`activities-module__tagTags___EambK`,tagBadge:`activities-module__tagBadge___Qf92s`,resources:`activities-module__resources___wxbHl`,inlineActions:`activities-module__inlineActions___5AUmd`,panel:`activities-module__panel___utB4c`,log:`activities-module__log___-A83X`,commentRow:`activities-module__commentRow___tvrrk`,commentBody:`activities-module__commentBody___VAMBe`};function h({icon:e,tone:t,density:n,last:r,className:i}){return(0,d.jsxs)(`div`,{"data-slot":`activity-marker`,"data-tone":t,"data-density":n,className:(0,p.clsx)(`activity-marker--component`,m.marker,i),children:[n===`compact`?(0,d.jsx)(`span`,{"aria-hidden":!0,className:m.markerDot}):(0,d.jsx)(`span`,{"aria-hidden":!0,className:m.markerDisc,children:e}),!r&&(0,d.jsx)(`span`,{"aria-hidden":!0,className:m.markerRail})]})}function g({label:t,first:n,className:r}){return t===``?null:(0,d.jsx)(e.o,{size:`xs`,type:`secondary`,weight:`medium`,"data-first":n||void 0,className:(0,p.clsx)(`activity-date-label--component`,m.dateLabel,r),children:t})}function _({change:t}){let n=t.old!==null&&t.old!==void 0,r=t.new!==null&&t.new!==void 0;return!n&&!r?(0,d.jsx)(e.o,{tag:`span`,children:t.description}):(0,d.jsxs)(`span`,{className:m.changeValues,children:[n&&(0,d.jsx)(e.o,{tag:`span`,size:`inherit`,type:`inherit`,className:m.changeOld,children:t.old}),n&&r&&(0,d.jsx)(e.o,{tag:`span`,size:`inherit`,type:`secondary`,"aria-hidden":!0,children:`→`}),r&&(0,d.jsx)(e.o,{tag:`span`,size:`inherit`,type:`inherit`,className:m.changeNew,children:t.new})]})}function v({changes:t,bare:n=!1,className:r}){return t.length===0?null:(0,d.jsx)(`div`,{className:(0,p.clsx)(`activity-changes--component`,!n&&m.changes,r),children:t.map(t=>(0,d.jsxs)(`div`,{className:m.changeRow,children:[(0,d.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,className:m.changeLabel,children:t.label}),(0,d.jsx)(_,{change:t})]},t.key))})}function y({resource:t,config:n,fallbackText:r,onClick:i}){let a=n?.tone??`neutral`,o=n?.icon??l.CircleDotIcon,s=n?.label??r??t.label??t.key,c=(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(o,{className:m.tagIcon}),(0,d.jsx)(e.o,{tag:`span`,size:`inherit`,type:`inherit`,weight:`medium`,lineHeight:`none`,children:s}),!!n?.tags?.length&&(0,d.jsx)(e.o,{tag:`span`,size:`xs`,type:`inherit`,className:m.tagTags,children:n.tags.join(` · `)}),!!n?.badge&&(0,d.jsx)(e.o,{tag:`span`,size:`xs`,type:`inherit`,weight:`medium`,"data-tone":n.badge.tone??`neutral`,className:m.tagBadge,children:n.badge.label})]}),u={"data-slot":`activity-resource`,"data-tone":a,title:n?.note,className:(0,p.clsx)(`activity-resource-tag--component`,m.tag)};return i?(0,d.jsx)(`button`,{type:`button`,...u,onClick:e=>{e.stopPropagation(),i()},children:c}):(0,d.jsx)(`span`,{...u,children:c})}function b({activity:e,actions:t,onAction:n,label:r}){if(t.length===0)return null;let a=t.map(t=>({id:t.id,icon:t.icon,label:t.label,href:t.href,disabled:t.disabled,tone:t.tone===`destructive`?`destructive`:void 0,onClick:()=>{t.onClick?.(e),n?.(t.id,e)}}));return(0,d.jsx)(i.n,{actions:a,strings:{trigger:r},align:`end`,buttonProps:{iconOnly:!0,buttonStyle:`ghost`,tone:`neutral`}})}function x({expanded:e,showLabel:t,hideLabel:n,onToggle:i}){let a=e?n:t;return(0,d.jsx)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,onClick:e=>{e.stopPropagation(),i()},"aria-label":a,"aria-expanded":e,title:a,className:(0,p.clsx)(`activity-expand-toggle--component`,m.expandToggle),children:e?(0,d.jsx)(l.ChevronDownIcon,{}):(0,d.jsx)(l.ChevronRightIcon,{})})}function S({title:e,hint:n,action:r,className:i}){return(0,d.jsx)(t.p,{padding:`md`,title:e,description:n??!1,media:(0,d.jsx)(l.ActivityIcon,{}),mediaVariant:`icon-soft`,action:r,className:(0,p.clsx)(`activity-empty-state--component`,i)})}function C({actorId:t,text:n,href:r,activity:i,youLabel:a,currentUserId:o,onActorClick:s}){let c=o!==void 0&&t!==void 0&&o===t?a:n,l=i.actor??{id:t,name:n};return r?(0,d.jsx)(`a`,{href:r,className:m.actor,onClick:e=>{s&&(e.preventDefault(),e.stopPropagation(),s(l,i))},children:c}):s?(0,d.jsx)(`button`,{type:`button`,className:m.actor,onClick:e=>{e.stopPropagation(),s(l,i)},children:c}):(0,d.jsx)(e.o,{tag:`span`,size:`inherit`,weight:`semibold`,children:c})}function w({segments:t,props:n}){return(0,d.jsx)(d.Fragment,{children:t.map((t,r)=>{let i=`${r}-${t.type}`;switch(t.type){case`actor`:return(0,d.jsxs)(u.Fragment,{children:[(0,d.jsx)(C,{actorId:t.actorId,text:t.text,href:t.href,activity:n.activity,youLabel:n.youLabel,currentUserId:n.currentUserId,onActorClick:n.onActorClick}),` `]},i);case`field`:case`value`:return(0,d.jsxs)(u.Fragment,{children:[(0,d.jsx)(e.o,{tag:`span`,size:`inherit`,weight:`semibold`,children:t.text}),` `]},i);case`status`:return(0,d.jsxs)(u.Fragment,{children:[(0,d.jsx)(o.t,{tone:t.tone??`neutral`,children:t.text}),` `]},i);case`resource`:{let e=n.getResourceConfig?.(t.resource);return(0,d.jsxs)(u.Fragment,{children:[(0,d.jsx)(y,{resource:t.resource,config:e,fallbackText:t.text,onClick:n.onResourceClick?()=>n.onResourceClick?.(t.resource,e,n.activity):void 0}),` `]},i)}default:return(0,d.jsxs)(u.Fragment,{children:[(0,d.jsx)(e.o,{tag:`span`,size:`inherit`,children:t.text}),` `]},i)}})})}function T(t){let{activity:n}=t,r=n.headline??n.event,i=n.actor?.name;if(!i||!r.includes(i))return(0,d.jsx)(e.o,{tag:`span`,size:`inherit`,children:r});let[a,...o]=r.split(i);return(0,d.jsxs)(d.Fragment,{children:[!!a&&(0,d.jsx)(e.o,{tag:`span`,size:`inherit`,children:a}),(0,d.jsx)(C,{actorId:n.actor?.id,text:i,href:n.actor?.href,activity:n,youLabel:t.youLabel,currentUserId:t.currentUserId,onActorClick:t.onActorClick}),o.length>0&&(0,d.jsx)(e.o,{tag:`span`,size:`inherit`,children:o.join(i)})]})}function E(e){let t=e.activity.segments;return(0,d.jsx)(`span`,{className:(0,p.clsx)(`activity-headline--component`,m.headline),children:t&&t.length>0?(0,d.jsx)(w,{segments:t,props:e}):(0,d.jsx)(T,{...e})})}var D=3;function O({metadata:t,moreLabel:n}){let r=t.slice(0,D),i=t.length-r.length;return(0,d.jsxs)(`div`,{className:m.metaPreview,children:[(0,d.jsx)(a.n,{layout:`inline`,density:`compact`,itemSeparator:!0,items:r.map(e=>({id:e.label,label:e.label,value:e.value}))}),i>0&&(0,d.jsx)(e.o,{tag:`span`,size:`xs`,type:`discrete`,children:`+${i} ${n}`})]})}function k({metadata:e}){return(0,d.jsx)(a.n,{columns:2,density:`compact`,className:m.metaGrid,items:e.map(e=>({id:e.label,label:e.label,value:e.value}))})}function A({activity:t,density:n,itemSpacing:i,eventConfig:a,tone:o,last:s,expanded:c,onExpandedChange:l,detailsCollapsible:u,relativeTime:f,absoluteTime:g,sourceLabel:_,youLabel:S,showChangesLabel:C,hideChangesLabel:w,moreLabel:T,actionsLabel:D,currentUserId:A,actions:j,onActivityClick:M,onActorClick:N,onResourceClick:P,onAction:F,getResourceConfig:I,headlineOverride:L,markerOverride:R,customDetails:z,rowClassName:B,markerClassName:V,contentClassName:H,detailsClassName:U}){let W=t.iconOverride??a.icon,G=t.metadata??[],K=G.length>0,q=(t.changes?.length??0)>0,J=(t.resources?.length??0)>0,Y=t.details!==void 0&&t.details!==null&&t.details!==!1,X=z!=null&&z!==!1,Z=K||q||Y||X,ee=t.description!==void 0&&t.description!==null&&t.description!==``,Q=n===`rich`,$=u??(K||q),te=Q&&Z&&(!$||c),ne=Q&&K&&$&&!c,re=j.filter(e=>e.presentation===`inline`),ie=j.filter(e=>e.presentation!==`inline`),ae=typeof M==`function`,oe=q||J||ie.length>0||re.length>0||typeof N==`function`||typeof P==`function`,se=ae&&!oe;return(0,d.jsxs)(`div`,{"data-slot":`activity-row`,"data-density":n,"data-spacing":i,"data-last":s||void 0,"data-interactive":ae||void 0,className:(0,p.clsx)(`activity-row--component`,m.row,B),onClick:ae?()=>M?.(t):void 0,role:se?`button`:void 0,tabIndex:se?0:void 0,onKeyDown:se?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),M?.(t))}:void 0,children:[R??(0,d.jsx)(h,{icon:(0,d.jsx)(W,{}),tone:o,density:n,last:s,className:V}),(0,d.jsxs)(`div`,{className:(0,p.clsx)(m.content,H),children:[(0,d.jsxs)(`div`,{className:m.summary,children:[(0,d.jsxs)(`div`,{className:m.summaryMain,children:[(0,d.jsx)(`div`,{className:m.headlineRow,children:L??(0,d.jsx)(E,{activity:t,currentUserId:A,youLabel:S,onActorClick:N,onResourceClick:P,getResourceConfig:I})}),ne&&(0,d.jsx)(O,{metadata:G,moreLabel:T})]}),(0,d.jsxs)(`div`,{className:m.summaryTrailing,children:[!!_&&(0,d.jsx)(e.o,{size:`xs`,type:`discrete`,className:m.source,children:_}),!!f&&(0,d.jsx)(e.o,{size:`xs`,type:`secondary`,title:g??void 0,className:m.time,children:f}),Q&&Z&&$&&(0,d.jsx)(x,{expanded:c,showLabel:C,hideLabel:w,onToggle:()=>l(!c)}),Q&&ie.length>0&&(0,d.jsx)(b,{activity:t,actions:ie,onAction:F,label:D})]})]}),n!==`compact`&&ee&&(0,d.jsx)(e.o,{tag:`div`,type:`secondary`,className:m.description,children:t.description}),Q&&J&&(0,d.jsx)(`div`,{className:m.resources,children:t.resources?.map(e=>{let n=I?.(e);return(0,d.jsx)(y,{resource:e,config:n,onClick:P?()=>P(e,n,t):void 0},e.key)})}),Q&&re.length>0&&(0,d.jsx)(`div`,{className:m.inlineActions,children:re.map(e=>{let n=e.icon;return(0,d.jsxs)(r.c,{type:`button`,tone:e.tone===`destructive`?`destructive`:`neutral`,buttonStyle:`ghost`,disabled:e.disabled,onClick:n=>{n.stopPropagation(),F?.(e.id,t),e.onClick?.(t)},children:[!!n&&(0,d.jsx)(n,{}),e.label]},e.id)})}),te&&(0,d.jsxs)(`div`,{className:(0,p.clsx)(m.panel,U),children:[K&&(0,d.jsx)(k,{metadata:G}),q&&!!t.changes&&(0,d.jsx)(v,{changes:t.changes,bare:!0}),Y&&(0,d.jsx)(`div`,{children:t.details}),X&&(0,d.jsx)(`div`,{children:z})]})]})]})}var j={icon:l.CircleDotIcon,tone:`neutral`},M={created:{icon:l.PlusIcon,tone:`success`,label:`Created`},updated:{icon:l.PencilIcon,tone:`info`,label:`Updated`},edited:{icon:l.FileEditIcon,tone:`info`,label:`Edited`},deleted:{icon:l.Trash2Icon,tone:`destructive`,label:`Deleted`},cancelled:{icon:l.BanIcon,tone:`destructive`,label:`Cancelled`},restored:{icon:l.SparklesIcon,tone:`success`,label:`Restored`},status_changed:{icon:l.ArrowLeftRightIcon,tone:`primary`,label:`Status changed`},status_transition:{icon:l.ArrowLeftRightIcon,tone:`primary`,label:`Status changed`},status_override:{icon:l.ArrowLeftRightIcon,tone:`warning`,label:`Status overridden`},assigned:{icon:l.UserPlusIcon,tone:`info`,label:`Assigned`},unassigned:{icon:l.UserMinusIcon,tone:`destructive`,label:`Unassigned`},mail_sent:{icon:l.MailIcon,tone:`info`,label:`Email sent`},mail_delivered:{icon:l.MailCheckIcon,tone:`success`,label:`Email delivered`},mail_opened:{icon:l.MailOpenIcon,tone:`info`,label:`Email opened`},mail_clicked:{icon:l.MailOpenIcon,tone:`info`,label:`Email clicked`},mail_bounced:{icon:l.MailXIcon,tone:`destructive`,label:`Email bounced`},mail_failed:{icon:l.MailXIcon,tone:`destructive`,label:`Email failed`},comment:{icon:l.MessageSquareIcon,tone:`neutral`,label:`Comment`},comment_created:{icon:l.MessageSquareIcon,tone:`warning`,label:`Comment posted`},comment_deleted:{icon:l.MessageSquareIcon,tone:`destructive`,label:`Comment deleted`},paid:{icon:l.CheckIcon,tone:`success`,label:`Paid`},refunded:{icon:l.ArrowLeftRightIcon,tone:`warning`,label:`Refunded`},confirmed:{icon:l.ShieldCheckIcon,tone:`success`,label:`Confirmed`},favorited:{icon:l.HeartIcon,tone:`warning`,label:`Favorited`},ordered:{icon:l.ShoppingBagIcon,tone:`primary`,label:`Order placed`},published:{icon:l.StarIcon,tone:`success`,label:`Published`},flagged:{icon:l.FlagIcon,tone:`warning`,label:`Flagged`},linked:{icon:l.LinkIcon,tone:`info`,label:`Linked`},failed:{icon:l.TriangleAlertIcon,tone:`destructive`,label:`Failed`},health_check_failed:{icon:l.TriangleAlertIcon,tone:`destructive`,label:`Health check failed`}};function N(e,t){return t[e]??j}var P={title:`Activity`,empty:`No activity yet.`,emptyHint:`Changes to this record will show up here.`,loading:`Loading activity…`,today:`Today`,yesterday:`Yesterday`,undated:`Undated`,you:`You`,showChanges:`Show details`,hideChanges:`Hide details`,actionsLabel:`Activity actions`,moreLabel:`more`,sources:{comment:`Comment`,mail:`Mail`,system:`System`,activity_log:``},events:{}};function F(e){return{...P,...e,sources:{...P.sources,...e?.sources},events:{...P.events,...e?.events}}}function I(e,t,n){if(!e)return t.undated;let r=new Date(e);if(!(0,f.isValid)(r))return t.undated;if((0,f.isToday)(r))return t.today;if((0,f.isYesterday)(r))return t.yesterday;try{return(0,f.format)(r,`PPP`,n?{locale:n}:void 0)}catch{return e}}function L({activities:e,groupByDate:t=!0,expandedByDefault:n=!1,defaultExpandedIds:r,expandedIds:i,onExpandedIdsChange:a,locale:o,strings:s,formatDateGroupLabel:c}){let[l,d]=(0,u.useState)({}),f=i!==void 0,p=(0,u.useMemo)(()=>{let t=new Map;return e.map(e=>{let n=[e.id,e.createdAt,e.event,e.source].map(e=>String(e??``).trim()).join(`:`),r=(t.get(n)??0)+1;return t.set(n,r),{activity:e,key:`${n}:${r}`}})},[e]),m=(0,u.useMemo)(()=>{if(!t)return p.length>0?[{label:``,items:p}]:[];let e=[],n=`\0`,r=[];for(let t of p){let i=t.activity.createdAt??null,a=c?c(i,s):I(i,s,o);a===n?r.push(t):(r.length>0&&e.push({label:n,items:r}),n=a,r=[t])}return r.length>0&&e.push({label:n,items:r}),e},[c,t,p,o,s]),h=(0,u.useMemo)(()=>{let e=new Set(r??[]);for(let{activity:t}of p)t.defaultExpanded===!0&&e.add(t.id);return e},[r,p]),g=(0,u.useMemo)(()=>new Set(i??[]),[i]),_=(0,u.useCallback)(e=>f?g.has(e):l[e]??(h.has(e)||n),[g,h,n,l,f]),v=(0,u.useCallback)((e,t)=>{let n=f?Array.from(g):p.filter(({activity:e})=>_(e.id)).map(({activity:e})=>e.id),r=new Set(n);t?r.add(e):r.delete(e),f||d(n=>({...n,[e]:t})),a?.(Array.from(r))},[g,f,_,p,a]),y=(0,u.useCallback)(e=>v(e,!_(e)),[_,v]),b=(0,u.useCallback)(()=>{let e=p.map(({activity:e})=>e.id);f||d(Object.fromEntries(e.map(e=>[e,!0]))),a?.(e)},[f,p,a]),x=(0,u.useCallback)(()=>{f||d(Object.fromEntries(p.map(({activity:e})=>[e.id,!1]))),a?.([])},[f,p,a]);return{groups:m,total:p.length,isExpanded:_,toggleExpanded:y,setExpanded:v,expandAll:b,collapseAll:x}}function R({resources:e,onResourcesChange:t}={}){let[n,r]=(0,u.useState)(()=>e??{}),i=(0,u.useRef)(e);(0,u.useEffect)(()=>{e!==i.current&&(i.current=e,r(e??{}))},[e]);let a=(0,u.useRef)(t);(0,u.useEffect)(()=>{a.current=t});let o=(0,u.useCallback)(e=>a.current?.(e),[]),s=(0,u.useCallback)((e,t)=>r(n=>{let r={...n,[e]:t};return o(r),r}),[o]),c=(0,u.useCallback)((e,t)=>r(n=>{let r=n[e];if(!r)return n;let i={...n,[e]:{...r,...t}};return o(i),i}),[o]),l=(0,u.useCallback)(e=>r(t=>{if(!(e in t))return t;let n={...t};return delete n[e],o(n),n}),[o]),d=(0,u.useCallback)(e=>{r(e),o(e)},[o]),f=(0,u.useCallback)(()=>{let e=i.current??{};r(e),o(e)},[o]);return{registry:n,get:(0,u.useCallback)(e=>n[typeof e==`string`?e:e.key],[n]),register:s,update:c,remove:l,setAll:d,reset:f}}function z(e,t){try{let n=new Date(e);return(0,f.isValid)(n)?(0,f.format)(n,`PP p`,t?{locale:t}:void 0):e}catch{return e}}function B(e,t){return typeof e==`function`?e(t):e}function V({activities:t=[],density:r=`default`,itemSpacing:i=`relaxed`,groupByDate:a=!0,expandedByDefault:o=!1,detailsCollapsible:s,defaultExpandedIds:c,expandedIds:l,onExpandedIdsChange:h,currentUserId:_,loading:v=!1,eventConfig:y,strings:b,slots:x,rowClassNames:C,className:w,locale:T,formatRelativeTime:E,formatAbsoluteTime:D,formatDateGroupLabel:O,getSourceLabel:k,actionsForActivity:j,onActivityClick:P,onActorClick:I,onResourceClick:V,onAction:H,onActivityExpandedChange:U,resources:W,onResourcesChange:G}){let K=F(b),q=(0,u.useMemo)(()=>({...M,...y}),[y]),J=R({resources:W,onResourcesChange:G}),Y=n.t(),X=T??Y.locale,Z=L({activities:t,groupByDate:a,expandedByDefault:o,defaultExpandedIds:c,expandedIds:l,onExpandedIdsChange:h,locale:X,strings:K,formatDateGroupLabel:O}),ee=E??(e=>{let t=(0,f.parseISO)(e);return(0,f.isValid)(t)?Y.formatRelativeTime?Y.formatRelativeTime(t,new Date):(0,f.formatDistanceToNow)(t,{addSuffix:!0,...X?{locale:X}:{}}):e}),Q=D??(e=>z(e,X));if(v)return(0,d.jsx)(`div`,{className:(0,p.clsx)(`activities-feed--component`,m.state,w),children:x?.loading??(0,d.jsx)(e.o,{type:`secondary`,align:`center`,children:K.loading})});if(t.length===0)return(0,d.jsx)(`div`,{className:(0,p.clsx)(`activities-feed--component`,w),children:x?.empty??(0,d.jsx)(S,{title:K.empty,hint:K.emptyHint})});let $=Z.groups.reduce((e,t)=>e+t.items.length,0),te=0;return(0,d.jsxs)(`div`,{"data-slot":`activity-feed`,className:(0,p.clsx)(`activities-feed--component`,m.feed,w),children:[!!x?.header&&(0,d.jsx)(`div`,{className:m.feedHeader,children:x.header}),(0,d.jsx)(`div`,{className:m.groups,children:Z.groups.map((e,t)=>(0,d.jsxs)(`div`,{className:m.group,children:[x?.renderDateLabel?x.renderDateLabel(e.label,t===0):(0,d.jsx)(g,{label:e.label,first:t===0}),(0,d.jsx)(`div`,{className:m.rows,children:e.items.map(({activity:e,key:t},n)=>{let a=++te===$,o=N(e.event,q),c=e.toneOverride??o.tone,l=e.timestamp??(e.createdAt?ee(e.createdAt):null),u=e.createdAt?Q(e.createdAt):null,f=e.source?k?.(e.source)??K.sources[e.source]??o.sourceLabel??null:o.sourceLabel??null,p=f&&f.trim().length>0?f:null,m=j?.(e)??[],h={density:r,isLast:a,isFirstInGroup:n===0,activity:e,eventConfig:o,tone:c,relativeTime:l,absoluteTime:u,sourceLabel:p,expanded:Z.isExpanded(e.id),itemSpacing:i,setExpanded:t=>Z.setExpanded(e.id,t),toggleExpanded:()=>Z.toggleExpanded(e.id)},g=x?.renderRow?.(e,h);return g===void 0?(0,d.jsx)(A,{activity:e,density:r,itemSpacing:i,eventConfig:o,tone:c,last:a,expanded:h.expanded,onExpandedChange:t=>{Z.setExpanded(e.id,t),U?.(e,t)},detailsCollapsible:e.collapsible??s,relativeTime:l,absoluteTime:u,sourceLabel:p,youLabel:K.you,showChangesLabel:K.showChanges,hideChangesLabel:K.hideChanges,moreLabel:K.moreLabel,actionsLabel:K.actionsLabel,currentUserId:_,actions:m,onActivityClick:P,onActorClick:I,onResourceClick:V,onAction:H,getResourceConfig:e=>J.get(e),headlineOverride:x?.renderHeadline?.(e,h),markerOverride:x?.renderMarker?.(e,h),customDetails:x?.renderDetails?.(e,h),rowClassName:B(C?.row,e),markerClassName:B(C?.marker,e),contentClassName:B(C?.content,e),detailsClassName:B(C?.details,e)},t):(0,d.jsx)(`div`,{children:g},t)})})]},`${e.label}-${t}`))}),!!x?.footer&&(0,d.jsx)(`div`,{className:m.feedFooter,children:x.footer})]})}function H(e,t){return[...e].sort((e,n)=>{let r=e.timestamp?new Date(e.timestamp).getTime():0,i=n.timestamp?new Date(n.timestamp).getTime():0;return t===`asc`?r-i:i-r})}function U(e){if(e)return typeof e==`string`?{name:e}:e}function W(e){return e!=null&&e!==!1}function G(e,t){if(!(!e||!t||t.kind===`comment`))return typeof e==`function`?e(t):e}function K(e,t){let n=U(e.actor),r=e.descriptionHtml?(0,d.jsx)(s.l,{html:e.descriptionHtml,mentions:e.mentions,resources:t}):e.description,i=n||e.action||W(e.target)?[...n?[{type:`actor`,text:n.name,actorId:n.id}]:[],...e.action?[{type:`text`,text:e.action}]:[],...W(e.target)?[{type:`value`,text:String(e.target)}]:[]]:void 0;return{id:e.id,event:e.event??e.kind,source:typeof e.label==`string`?e.label:e.kind,actor:n,createdAt:e.timestamp,iconOverride:e.icon,toneOverride:e.tone,headline:typeof e.headline==`string`?e.headline:void 0,description:r,metadata:e.metadata,changes:e.changes,details:e.details,collapsible:e.collapsible,defaultExpanded:e.defaultExpanded,segments:i,data:e}}function q({entries:t,order:r=`desc`,itemSpacing:i=`relaxed`,resources:a,onResourceSearch:o,canModerate:s,onCommentDelete:g,onCommentReact:_,onCommentReply:v,onCommentPinToggle:y,strings:b,activityStrings:x,renderers:S,renderEventDetails:C,eventDetailsCollapsible:w=!0,defaultExpandedIds:T,expandedIds:E,onExpandedIdsChange:D,onEventExpandedChange:O,onEventAction:k,classNames:A,composer:j,bare:M=!1,title:N,getMediaUrl:P,getMediaName:I,getStatusLabel:L,className:R}){let z=F(x),B=n.t(),U=(0,u.useCallback)(e=>{let t=(0,f.parseISO)(e);return(0,f.isValid)(t)?B.formatRelativeTime?B.formatRelativeTime(t,new Date):(0,f.formatDistanceToNow)(t,{addSuffix:!0,...B.locale?{locale:B.locale}:{}}):e},[B]),W=c.n({onSubmit:j?.onSubmit,onAfterMutate:j?.onAfterMutate,onError:j?.onError}),q=(0,u.useMemo)(()=>H(t,r),[t,r]),J=(0,u.useMemo)(()=>q.map(e=>e.kind===`comment`?{id:e.id,event:`comment`,source:`comment`,createdAt:e.timestamp,data:e}:K(e,a)),[a,q]),Y=(0,u.useMemo)(()=>({row:e=>G(A?.eventRow,e.data),marker:e=>G(A?.eventMarker,e.data),content:e=>G(A?.eventContent,e.data),details:e=>G(A?.eventDetails,e.data)}),[A]),X=j?.enabled?(0,d.jsx)(c.o,{context:j.context,canComment:!0,submitting:W.isSubmitting,errors:W.formErrors,resetKey:W.resetKey,onSubmit:W.submit,resources:a,onResourceSearch:o,strings:b,placeholder:j.placeholder,autoFocus:j.autoFocus,inlineSubmit:j.inlineSubmit??!1}):null,Z=j?.position??`top`,ee=(0,u.useCallback)(e=>{let t=e.data;if(!t||t.kind===`comment`)return[];let n=t;return(n.actions??[]).map(e=>({id:e.id,label:e.label,icon:e.icon,href:e.href,disabled:e.disabled,tone:e.tone,presentation:e.presentation,onClick:()=>e.onSelect?.(n)}))},[]),Q=(0,d.jsx)(V,{activities:J,density:`rich`,itemSpacing:i,groupByDate:!0,strings:x,detailsCollapsible:w,defaultExpandedIds:T,expandedIds:E,onExpandedIdsChange:D,formatRelativeTime:U,getSourceLabel:e=>z.sources[e]??e,actionsForActivity:ee,rowClassNames:Y,onAction:(e,t)=>{let n=t.data;n&&n.kind!==`comment`&&k?.(e,n)},onActivityExpandedChange:(e,t)=>{let n=e.data;n&&n.kind!==`comment`&&O?.(n,t)},slots:{header:Z===`top`?X:void 0,footer:Z===`bottom`?X:void 0,renderRow:(e,t)=>{let n=e.data;if(!n)return;let r=S?.[n.kind];if(r)return r(n,{resources:a,accessors:{getMediaUrl:P,getMediaName:I,getStatusLabel:L},strings:b});if(n.kind!==`comment`)return;let i=n;return(0,d.jsxs)(`div`,{"data-slot":`activity-comment-row`,"data-spacing":t.itemSpacing,"data-last":t.isLast||void 0,className:m.commentRow,children:[(0,d.jsx)(h,{icon:(0,d.jsx)(l.MessageCircleIcon,{}),tone:`neutral`,density:t.density,last:t.isLast}),(0,d.jsx)(`div`,{className:m.commentBody,children:(0,d.jsx)(c.i,{comment:i.comment,canModerate:s,onDelete:g,onPinToggle:y,onReact:_,onReply:v,strings:b,resources:a,getMediaUrl:P,getMediaName:I,getStatusLabel:L})})]})},renderDetails:(e,t)=>{let n=e.data;return!n||n.kind===`comment`?null:C?.(n,{expanded:t.expanded,setExpanded:t.setExpanded,relativeTime:t.relativeTime,isLast:t.isLast,resources:a})}},className:(0,p.clsx)(A?.list,M&&R)});if(M)return Q;let $=N??z.title;return(0,d.jsxs)(`section`,{"data-slot":`activity-log`,"aria-label":typeof $==`string`?$:void 0,className:(0,p.clsx)(`activity-log--component`,m.log,R),children:[!!$&&(0,d.jsx)(e.o,{weight:`semibold`,children:$}),Q]})}function J(e){if(typeof e==`object`&&e&&`kind`in e){let t=e.kind;if(typeof t==`string`)return t}return`event`}function Y(e,t){let n=t.kind?.(e)??J(e),r=t.id(e),i=t.timestamp(e),a=t.comment?.(e);return n===`comment`&&a?{id:r,kind:`comment`,timestamp:i,comment:a}:{id:r,kind:n,timestamp:i,event:t.event?.(e),actor:t.actor?.(e),action:t.action?.(e),target:t.target?.(e)??t.status?.(e),label:t.source?.(e),headline:t.title?.(e),description:t.description?.(e),descriptionHtml:t.descriptionHtml?.(e),mentions:t.mentions?.(e),tone:t.tone?.(e),metadata:t.metadata?.(e),changes:t.changes?.(e),details:t.details?.(e),actions:t.rowActions?.(e),data:t.data?.(e)??e}}function X(e){return t=>Y(t,e)}exports.ActivityActionsMenu=b,exports.ActivityChanges=v,exports.ActivityDateLabel=g,exports.ActivityEmptyState=S,exports.ActivityExpandToggle=x,exports.ActivityFeed=V,exports.ActivityHeadline=E,exports.ActivityLog=q,exports.ActivityMarker=h,exports.ActivityResourceTag=y,exports.ActivityRow=A,exports.createActivityEventAdapter=X,exports.defaultActivitiesStrings=P,exports.defaultActivityEventConfig=M,exports.defaultEventConfig=j,exports.resolveActivitiesStrings=F,exports.resolveEventConfig=N,exports.toActivityLogEntry=Y,exports.useActivityFeed=L,exports.useActivityResources=R;

package/dist/features/activities.css

@@ -0,0 +1,24 @@
+@import "../core.css";
+@import "../css/activities.css";
+@import "../css/typography.css";
+@import "../css/feedback.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/action-menu.css";
+@import "../css/dropdown-menu.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/mentions.css";
+@import "../css/popover.css";
+@import "../css/command.css";
+@import "../css/overlay.css";
+@import "../css/input-group.css";
+@import "../css/text-inputs.css";
+@import "../css/spinner.css";
+@import "../css/comments.css";
+@import "../css/avatar.css";
+@import "../css/overlays.css";
+@import "../css/rich-text-editor.css";
+@import "../css/toolbar.css";