https://mstdn.social/packs/emoji_picker_dropdown_container-DjOsXOL6.js

1import{o as e,t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{a as r,s as i}from"./react-intl-DlKP8ATg.js";import{t as a}from"./jsx-runtime-BdxMnOeJ.js";import{It as o}from"./store-BKpYtGn4.js";import{p as s,y as c}from"./react-router-BkmJBoOP.js";import{t as l}from"./defineProperty-BbfpZ9Tg.js";import{l as u,m as d}from"./typed_functions-Whap35TF.js";import{l as f,n as p}from"./immutable.es-tL0E-S7u.js";import{Bn as m,Ln as h}from"./filters-Br4s8K7f.js";import{t as g}from"./classnames-CfLRLWYq.js";import{t as _}from"./icon_button-DfNtv8BJ.js";import{t as v}from"./intl-B-3n4e1o.js";import{t as y}from"./popover-CMoU7E4P.js";import{w as b}from"./async-components-XOODkk_M.js";var ee=t(((e,t)=>{t.exports=()=>{let e=`\\ud800-\\udfff`,t=`[${e}]`,n=`[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\u1ab0-\\u1aff\\u1dc0-\\u1dff]`,r=`\\ud83c[\\udffb-\\udfff]`,i=`(?:${n}|${r})`,a=`[^${e}]`,o=`(?:\\uD83C[\\uDDE6-\\uDDFF]){2}`,s=`[\\ud800-\\udbff][\\udc00-\\udfff]`,c=`${i}?`,l=`[\\ufe0e\\ufe0f]?`,u=`(?:\\u200d(?:${[a,o,s].join(`|`)})${l+c})*`,d=l+c+u,f=`(?:${[`${a}${n}?`,n,o,s,t,`[\\uD83D\\uDC69\\uD83C\\uDFFB\\u200D\\uD83C\\uDF93]`].join(`|`)})`;return RegExp(`(?:\\ud83c\\udff4\\udb40\\udc67\\udb40\\udc62\\udb40(?:\\udc65|\\udc73|\\udc77)\\udb40(?:\\udc6e|\\udc63|\\udc6c)\\udb40(?:\\udc67|\\udc74|\\udc73)\\udb40\\udc7f)|${r}(?=${r})|${f+d}`,`g`)}})),x=t((e=>{var t=e&&e.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(e,"__esModule",{value:!0});var n=t(ee());function r(e){if(typeof e!=`string`)throw Error(`Input must be a string`);var t=e.match(n.default());return t===null?0:t.length}e.length=r})),S=e(n()),C=S.useLayoutEffect,w=function(e){var t=S.useRef(e);return C(function(){t.current=e}),t},T=function(e,t){if(typeof e==`function`){e(t);return}e.current=t},E=function(e,t){var n=S.useRef();return S.useCallback(function(r){e.current=r,n.current&&T(n.current,null),n.current=t,t&&T(t,r)},[t])},D={"min-height":`0`,"max-height":`none`,height:`0`,visibility:`hidden`,overflow:`hidden`,position:`absolute`,"z-index":`-1000`,top:`0`,right:`0`,display:`block`},O=function(e){Object.keys(D).forEach(function(t){e.style.setProperty(t,D[t],`important`)})},k=null,A=function(e,t){var n=e.scrollHeight;return t.sizingStyle.boxSizing===`border-box`?n+t.borderSize:n-t.paddingSize};function j(e,t,n,r){n===void 0&&(n=1),r===void 0&&(r=1/0),k||(k=document.createElement(`textarea`),k.setAttribute(`tabindex`,`-1`),k.setAttribute(`aria-hidden`,`true`),O(k)),k.parentNode===null&&document.body.appendChild(k);var i=e.paddingSize,a=e.borderSize,o=e.sizingStyle,s=o.boxSizing;Object.keys(o).forEach(function(e){var t=e;k.style[t]=o[t]}),O(k),k.value=t;var c=A(k,e);k.value=t,c=A(k,e),k.value=`x`;var l=k.scrollHeight-i,u=l*n;s===`border-box`&&(u=u+i+a),c=Math.max(u,c);var d=l*r;return s===`border-box`&&(d=d+i+a),c=Math.min(d,c),[c,l]}var M=function(){},te=function(e,t){return e.reduce(function(e,n){return e[n]=t[n],e},{})},ne=[`borderBottomWidth`,`borderLeftWidth`,`borderRightWidth`,`borderTopWidth`,`boxSizing`,`fontFamily`,`fontSize`,`fontStyle`,`fontWeight`,`letterSpacing`,`lineHeight`,`paddingBottom`,`paddingLeft`,`paddingRight`,`paddingTop`,`tabSize`,`textIndent`,`textRendering`,`textTransform`,`width`,`wordBreak`,`wordSpacing`,`scrollbarGutter`],N=!!document.documentElement.currentStyle,P=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var n=te(ne,t),r=n.boxSizing;return r===``?null:(N&&r===`border-box`&&(n.width=parseFloat(n.width)+parseFloat(n.borderRightWidth)+parseFloat(n.borderLeftWidth)+parseFloat(n.paddingRight)+parseFloat(n.paddingLeft)+`px`),{sizingStyle:n,paddingSize:parseFloat(n.paddingBottom)+parseFloat(n.paddingTop),borderSize:parseFloat(n.borderBottomWidth)+parseFloat(n.borderTopWidth)})};function F(e,t,n){var r=w(n);S.useLayoutEffect(function(){var n=function(e){return r.current(e)};if(e)return e.addEventListener(t,n),function(){return e.removeEventListener(t,n)}},[])}var I=function(e,t){F(document.body,`reset`,function(n){e.current.form===n.target&&t(n)})},L=function(e){F(window,`resize`,e)},R=function(e){F(document.fonts,`loadingdone`,e)},z=[`cacheMeasurements`,`maxRows`,`minRows`,`onChange`,`onHeightChange`],B=S.forwardRef(function(e,t){var n=e.cacheMeasurements,r=e.maxRows,i=e.minRows,a=e.onChange,o=a===void 0?M:a,l=e.onHeightChange,u=l===void 0?M:l,d=s(e,z),f=d.value!==void 0,p=S.useRef(null),m=E(p,t),h=S.useRef(0),g=S.useRef(),_=function(){var e=p.current,t=n&&g.current?g.current:P(e);

1if(t){g.current=t;var a=j(t,e.value||e.placeholder||`x`,i,r),o=a[0],s=a[1];h.current!==o&&(h.current=o,e.style.setProperty(`height`,o+`px`,`important`),u(o,{rowHeight:s}))}};return S.useLayoutEffect(_),I(p,function(){if(!f){var e=p.current.value;requestAnimationFrame(function(){var t=p.current;t&&e!==t.value&&_()})}}),L(_),R(_),S.createElement(`textarea`,c({},d,{onChange:function(e){f||_(),o(e)},ref:m}))});f();var V=e(g()),H=a(),U=e=>(0,H.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:20,viewBox:`0 -960 960 960`,width:20,...e,children:(0,H.jsx)(`path`,{d:`M612-516q25 0 42.5-17.5T672-576q0-25-17.5-42.5T612-636q-25 0-42.5 17.5T552-576q0 25 17.5 42.5T612-516Zm-264 0q25 0 42.5-17.5T408-576q0-25-17.5-42.5T348-636q-25 0-42.5 17.5T288-576q0 25 17.5 42.5T348-516Zm242.5 197q50.5-31 79.5-84H290q29 53 79.5 84T480-288q60 0 110.5-31ZM331-126q-70-30-122.5-82.5T126-330.96q-30-69.96-30-149.5t30-149.04q30-69.5 82.5-122T330.96-834q69.96-30 149.5-30t149.04 30q69.5 30 122 82.5T834-629.28q30 69.73 30 149Q864-401 834-331t-82.5 122.5Q699-156 629.28-126q-69.73 30-149 30Q401-96 331-126Zm149-354Zm221 221q91-91 91-221t-91-221q-91-91-221-91t-221 91q-91 91-91 221t91 221q91 91 221 91t221-91Z`})}),W=i({emoji:{id:`emoji_button.label`,defaultMessage:`Insert emoji`},emoji_search:{id:`emoji_button.search`,defaultMessage:`Search...`},custom:{id:`emoji_button.custom`,defaultMessage:`Custom`},recent:{id:`emoji_button.recent`,defaultMessage:`Frequently used`},search_results:{id:`emoji_button.search_results`,defaultMessage:`Search results`},people:{id:`emoji_button.people`,defaultMessage:`People`},nature:{id:`emoji_button.nature`,defaultMessage:`Nature`},food:{id:`emoji_button.food`,defaultMessage:`Food & Drink`},activity:{id:`emoji_button.activity`,defaultMessage:`Activity`},travel:{id:`emoji_button.travel`,defaultMessage:`Travel & Places`},objects:{id:`emoji_button.objects`,defaultMessage:`Objects`},symbols:{id:`emoji_button.symbols`,defaultMessage:`Symbols`},flags:{id:`emoji_button.flags`,defaultMessage:`Flags`}}),G,K,q=!o||{passive:!0,capture:!0},J=()=>(0,H.jsxs)(`div`,{className:`emoji-mart-no-results`,children:[(0,H.jsx)(K,{emoji:`sleuth_or_spy`,size:32}),(0,H.jsx)(`div`,{className:`emoji-mart-no-results-label`,children:(0,H.jsx)(r,{id:`emoji_button.not_found`,defaultMessage:`No matching emojis found`})})]}),Y=class extends S.PureComponent{constructor(...e){super(...e),l(this,`handleClick`,e=>{this.props.onSelect(e.currentTarget.getAttribute(`data-index`)*1)}),l(this,`handleDocumentClick`,e=>{this.node&&!this.node.contains(e.target)&&this.props.onClose()}),l(this,`setRef`,e=>{this.node=e})}componentDidMount(){this.props.active&&this.attachListeners()}componentDidUpdate(){this.props.active?this.attachListeners():this.removeListeners()}componentWillUnmount(){this.removeListeners()}attachListeners(){document.addEventListener(`click`,this.handleDocumentClick,{capture:!0}),document.addEventListener(`touchend`,this.handleDocumentClick,q)}removeListeners(){document.removeEventListener(`click`,this.handleDocumentClick,{capture:!0}),document.removeEventListener(`touchend`,this.handleDocumentClick,q)}render(){let{active:e}=this.props;return(0,H.jsxs)(`div`,{className:`emoji-picker-dropdown__modifiers__menu`,style:{display:e?`block`:`none`},ref:this.setRef,children:[(0,H.jsx)(`button`,{type:`button`,onClick:this.handleClick,"data-index":1,children:(0,H.jsx)(K,{emoji:`fist`,size:22,skin:1})}),(0,H.jsx)(`button`,{type:`button`,onClick:this.handleClick,"data-index":2,children:(0,H.jsx)(K,{emoji:`fist`,size:22,skin:2})}),(0,H.jsx)(`button`,{type:`button`,onClick:this.handleClick,"data-index":3,children:(0,H.jsx)(K,{emoji:`fist`,size:22,skin:3})}),(0,H.jsx)(`button`,{type:`button`,onClick:this.handleClick,"data-index":4,children:(0,H.jsx)(K,{emoji:`fist`,size:22,skin:4})}),(0,H.jsx)(`button`,{type:`button`,onClick:this.handleClick,"data-index":5,children:(0,H.jsx)(K,{emoji:`fist`,size:22,skin:5})}),(0,H.jsx)(`button`,{type:`button`,onClick:this.handleClick,"data-index":6,children:(0,H.jsx)(K,{emoji:`fist`,size:22,skin:6})})]})}},X=class extends S.PureComponent{constructor(...e){super(...e),l(this,`handleClick`,()=>{this.props.active?this.props.onClose():this.props.onOpen()}),l(this,`handleSelect`,e=>{this.props.onChange(e),this.props.onClose()})}render(){let{active:e,modifier:t}=this.props;return(0,H.jsxs)(`div`,{className:`emoji-picker-dropdown__modifiers`,children:[(0,H.jsx)(K,{emoji:`fist`,size:22,skin:t,onClick:this.handleClick}),(0,H.jsx)(Y,{active:e,onSelect:this.handleSelect,onClose:this.props.onClose})]})}},Z=class extends S.PureComponent{constructor(...e){super(...e),l(this,`state`,{modifierOpen:!1,readyToFocus:!1}),l(this,`setRef`,e=>{this.node=e}),l(this,`getI18n`,()=>{let{intl:e}=this.props;return{search:e.formatMessage(W.emoji_search),categories:{search:e.formatMessage(W.search_results),recent:e.formatMessage(W.recent),people:e.formatMessage(W.people),nature:e.formatMessage(W.nature),foods:e.formatMessage(W.food),activity:e.formatMessage(W.activity),places:e.formatMessage(W.travel),objects:e.formatMessage(W.objects),symbols:e.formatMessage(W.symbols),flags:e.formatMessage(W.flags),custom:e.formatMessage(W.custom)}}}),l(this,`handleClick`,(e,t)=>{e.native||=`:${e.id}:`,t.ctrlKey||t.metaKey||this.props.onClose(),this.props.onPick(e)}),l(this,`handleModifierOpen`,()=>{this.setState({modifierOpen:!0})}),l(this,`handleModifierClose`,()=>{this.setState({modifierOpen:!1})}),l(this,`handleModifierChange`,e=>{this.props.onSkinTone(e)})}componentDidMount(){requestAnimationFrame(()=>{if(this.setState({readyToFocus:!0}),this.node){let e=this.node.querySelector(`input[type="search"]`);e&&e.focus()}})}render(){let{loading:e,style:t,intl:n,skinTone:r,frequentlyUsedEmojis:i}=this.props;if(e)return(0,H.jsx)(`div`,{style:{width:299}});let a=n.formatMessage(W.emoji),{modifierOpen:o}=this.state;return(0,H.jsxs)(`div`,{className:(0,V.default)(`emoji-picker-dropdown__menu`,{selecting:o}),style:t,ref:this.setRef,children:[(0,H.jsx)(G,{perLine:8,emojiSize:22,color:``,emoji:``,title:a,i18n:this.getI18n(),onClick:this.handleClick,recent:i,skin:r,showPreview:!1,showSkinTones:!1,notFound:J,autoFocus:this.state.readyToFocus,emojiTooltip:!0}),(0,H.jsx)(X,{active:o,modifier:r,onOpen:this.handleModifierOpen,onClose:this.handleModifierClose,onChange:this.handleModifierChange})]})}};l(Z,`defaultProps`,{style:{},loading:!0,frequentlyUsedEmojis:[]});var Q=v(Z),re=class extends S.PureComponent{constructor(...e){super(...e),l(this,`state`,{active:!1,loading:!1,target:null}),l(this,`setRef`,e=>{this.dropdown=e}),l(this,`onShowDropdown`,()=>{this.setState({active:!0}),G||(this.setState({loading:!0}),b().then(e=>{G=e.Picker,K=e.Emoji,this.setState({loading:!1})}).catch(()=>{this.setState({loading:!1,active:!1})}

1))}),l(this,`onHideDropdown`,()=>{this.setState({active:!1})}),l(this,`onToggle`,e=>{!this.state.loading&&(!e.key||e.key===`Enter`)&&(this.state.active?this.onHideDropdown():this.onShowDropdown(e))}),l(this,`setTargetRef`,e=>{this.setState({target:e})})}render(){let{intl:e,onPickEmoji:t,onSkinTone:n,skinTone:r,frequentlyUsedEmojis:i,disabled:a}=this.props,o=e.formatMessage(W.emoji),{active:s,loading:c,target:l}=this.state;return(0,H.jsxs)(`div`,{className:`emoji-picker-dropdown`,ref:this.setTargetRef,children:[(0,H.jsx)(_,{title:o,"aria-expanded":s,active:s,iconComponent:U,onClick:this.onToggle,disabled:a,id:`emoji`,inverted:!0}),(0,H.jsx)(y,{isOpen:s,reference:l,onClose:this.onHideDropdown,children:({props:e,placement:a})=>(0,H.jsx)(`div`,{...e,className:`dropdown-animation ${a}`,children:(0,H.jsx)(Q,{loading:c,onClose:this.onHideDropdown,onPick:t,onSkinTone:n,skinTone:r,frequentlyUsedEmojis:i,pickerButtonRef:this.target})})})]})}},ie=v(re),$=[`+1`,`grinning`,`kissing_heart`,`heart_eyes`,`laughing`,`stuck_out_tongue_winking_eye`,`sweat_smile`,`joy`,`yum`,`disappointed`,`thinking_face`,`weary`,`sob`,`sunglasses`,`heart`,`ok_hand`],ae=d([e=>e.getIn([`settings`,`frequentlyUsedEmojis`],p())],e=>{let t=e.keySeq().sort((t,n)=>e.get(t)-e.get(n)).reverse().slice(0,16).toArray();if(t.length<$.length){let e=$.filter(e=>!t.includes(e));t=t.concat(e.slice(0,$.length-t.length))}return t}),oe=u(e=>({skinTone:e.getIn([`settings`,`skinTone`]),frequentlyUsedEmojis:ae(e)}),(e,{onPickEmoji:t})=>({onSkinTone:t=>{e(m([`skinTone`],t))},onPickEmoji:n=>{e(h(n)),t&&t(n)}}))(ie);export{x as i,B as n,C as r,oe as t};
2//# sourceMappingURL=emoji_picker_dropdown_container-DjOsXOL6.js.map