Module 376310

2,170 characters · in a47aac5801c402bd.js
Dependencies
Source Raw
function(e,l,s){s.d(l,{A:()=>L,q:()=>N});var t,n=s(627968),i=s(64700),a=s(503698),r=s.n(a),o=s(837381),c=s(17928),d=s(990078),u=s(789645),m=s(834730),x=s(939249),b=s(442433),j=s(565645),p=s(775602),h=s(159273),g=s(885386),M=s(957565),y=s(375708),A=s(422017),C=((t=C||{})[t.SMALL=0]="SMALL",t[t.MEDIUM=1]="MEDIUM",t);function L(e){let{tag:l,size:t=1,disabled:a,className:d,onClick:C,onRemove:L,selected:N,ariaLabel:f}=e,{name:k,emojiId:v,emojiName:S}=l,E=null!=L,[z,P]=i.useState(!1),_=(0,c.bG)([h.Ay],()=>null!=v?h.Ay.getUsableCustomEmojiById(v):null),I=E||null!=C,R=(!E||!z)&&(null!=v||null!=S),T=0===t,w=i.useRef(null),D=(0,c.bG)([p.Ay],()=>p.Ay.keyboardModeEnabled),U=(0,n.jsxs)(n.Fragment,{children:[R?(0,n.jsx)(j.A,{className:r()(A.emoji,{[A.small]:T}),emojiId:v,emojiName:S,animated:!!_?.animated,size:"reaction"}):null,z&&E&&(0,n.jsx)("div",{className:A.closeCircle,children:(0,n.jsx)(u.P,{size:"md",color:"currentColor",className:A.close})}),(0,n.jsx)(m.E,{variant:T?"text-xs/semibold":"text-sm/semibold",lineClamp:1,color:"currentColor",children:k})]}),F={key:l.id,className:r()(A.pill,{[A.disabled]:a,[A.clickable]:I,[A.small]:T,[A.selected]:N,[A[l.color]]:null!=l.color&&!I},d),onClick:e=>{C?.(e),L?.(l),D||null==w.current||w.current.blur()},onContextMenu:e=>{let t;return t=g.Q_.getSetting(),void(M.p5&&t&&(0,b.L3)(e,async()=>{let{default:e}=await s.e("32612").then(s.bind(s,960015));return s=>(0,n.jsx)(e,{...s,tag:l})}))},onMouseEnter:()=>E&&P(!0),onMouseLeave:()=>E&&P(!1)},G=(0,o.rm)(`forum-tag-${l.id}`);return I?(0,n.jsx)(x.D,{...G,innerRef:w,focusProps:{ringTarget:w},"aria-label":null!=f?f:y.intl.formatToPlainString(y.t.iyRTLm,{tagName:k}),role:"button","aria-pressed":N,...F,children:U}):(0,n.jsx)("div",{...F,children:U})}function N(e){let{tags:l,count:s,size:t=1}=e,i=0===t;return(0,n.jsx)(d.m,{"aria-label":y.intl.string(y.t["P/y+sj"]),__unsupportedReactNodeAsText:(0,n.jsx)(n.Fragment,{children:l.map(e=>(0,n.jsx)(L,{tag:e,className:A.tooltipPill,size:L.Sizes.SMALL},e.id))}),children:(0,n.jsx)("div",{className:r()(A.pill,{[A.small]:i}),children:(0,n.jsxs)(m.E,{variant:i?"text-xs/semibold":"text-sm/semibold",children:["+",s]})})})}L.Sizes=C}