https://toot.funami.tech/packs/form_fields-CbtXA0bT.js

1import{o as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t,t as n}from"./jsx-runtime-D3F0h15I.js";import{a as r,c as i}from"./react-intl-CZJDGRhA.js";import{A as a}from"./chevron_right-DBn0fNQN.js";import{i as o}from"./utils-BRYMdkBM.js";import{j as s}from"./collection_preview_card-7HRi3uo-.js";import{t as c}from"./classnames-CfLRLWYq.js";import{B as l,K as u,v as d}from"./poll-BAjG1JNe.js";import{t as f}from"./useMergedRefs-CKvDylbq.js";import{a as p}from"./toggle_field-ljD0MEPO.js";import{r as m,t as h}from"./text_input_field-B1ev0EgW.js";import{n as g}from"./copy_button-sMb56eGE.js";import{t as ee}from"./search-ChptxC0m.js";import{n as te,t as ne}from"./keyboard_arrow_up-B9LNvMdp.js";import{n as _,t as v}from"./react-textarea-autosize.browser.esm-BMFnA-9M.js";var y=e(c()),b={stack:`_comp_form_fields_form_stack__stack`},x=n(),S=a(({as:e=`div`,children:t,className:n,...r},i)=>(0,x.jsx)(e,{ref:i,...r,className:(0,y.default)(n,b.stack),children:t}));S.displayName=`FormStack`;var C=e(t()),w=(0,C.forwardRef)(({id:e,label:t,hint:n,required:r,status:i,wrapperClassName:a,...o},s)=>(0,x.jsx)(p,{label:t,hint:n,required:r,status:i,inputId:e,className:a,children:e=>(0,x.jsx)(T,{...o,...e,ref:s})}));w.displayName=`TextAreaField`;var T=(0,C.forwardRef)(({className:e,onKeyDown:t,autoSize:n,...r},i)=>{let a=(0,C.useCallback)(e=>{t?.(e),e.key===`Enter`&&(e.ctrlKey||e.metaKey)&&e.currentTarget.form?.requestSubmit()},[t]);return n?(0,x.jsx)(v,{...r,onKeyDown:a,className:(0,y.default)(e,m.input),ref:i}):(0,x.jsx)(`textarea`,{...r,onKeyDown:a,className:(0,y.default)(e,m.input),ref:i})});T.displayName=`TextArea`;var E={checkbox:`_comp_form_fields_checkbox__checkbox`},D=(0,C.forwardRef)(({id:e,label:t,hint:n,status:r,required:i,wrapperClassName:a,...o},s)=>(0,x.jsx)(p,{label:t,hint:n,required:i,status:r,inputId:e,inputPlacement:`inline-start`,className:a,children:e=>(0,x.jsx)(O,{...o,...e,ref:s})}));D.displayName=`CheckboxField`;var O=(0,C.forwardRef)(({className:e,size:t,indeterminate:n,...r},i)=>{let a=(0,C.useRef)(null),o=(0,C.useCallback)(e=>{a.current=e,typeof i==`function`?i(e):i&&(i.current=e)},[i]);return(0,C.useEffect)(()=>{a.current&&(a.current.indeterminate=n||!1)},[n]),(0,x.jsx)(`input`,{...r,type:`checkbox`,className:E.checkbox,style:t?{"--size":`${t}px`}:void 0,ref:o})});O.displayName=`Checkbox`;var k={wrapper:`_comp_form_fields_combobox__wrapper`,input:`_comp_form_fields_combobox__input`,menuButton:`_comp_form_fields_combobox__menuButton`,popover:`_comp_form_fields_combobox__popover`,groupTitle:`_comp_form_fields_combobox__groupTitle`,menuItem:`_comp_form_fields_combobox__menuItem`,emptyMessage:`_comp_form_fields_combobox__emptyMessage`,loadingIndicator:`_comp_form_fields_combobox__loadingIndicator`},re=(0,C.createContext)(null);function A(){let e=(0,C.useContext)(re);if(e===null)throw Error(`useComboboxItemProps must be used within a Combobox component`);return e}var j=({className:e,children:t})=>{let n=A();return(0,x.jsx)(`li`,{className:(0,y.default)(e,k.menuItem),...n,children:t})},ie=({className:e,children:t,...n})=>(0,x.jsx)(`li`,{...n,role:`presentation`,className:(0,y.default)(e,k.groupTitle),children:t}),M=(0,C.forwardRef)(({id:e,label:t,hint:n,status:r,required:i,wrapperClassName:a,...o},s)=>(0,x.jsx)(p,{label:t,hint:n,required:i,status:r,inputId:e,className:a,children:e=>(0,x.jsx)(N,{...o,...e,ref:s})}));M.displayName=`ComboboxField`;var N=(0,C.forwardRef)(({value:e,isLoading:t=!1,items:n,getItemId:r=e=>e.id,getIsItemDisabled:a,getIsItemSelected:o,disabled:s,renderGroupTitle:c,renderItem:u,onSelectItem:p,onFocus:m,onChange:g,onKeyDown:_,openOnFocus:v=!1,closeOnSelect:b=!0,suppressMenu:S=!1,icon:w=ee,className:T,...E},D)=>{let O=i(),A=(0,C.useRef)(null),[j,M]=(0,C.useState)(null),[N,P]=(0,C.useState)(null),F=(0,C.useRef)(!1),[I,L]=(0,C.useState)(null),[R,z]=(0,C.useState)(!1),B=!Array.isArray(n),V=(0,C.useMemo)(()=>B?Object.values(n).flat().filter(e=>!!e):n,[B,n]),H=oe({value:e,isLoading:t,itemCount:V.length}),U=!!H&&e.length>0&&V.length===0,W=!s&&!S&&(V.length>0||U),G=R&&W,K=(0,C.useCallback)(()=>

1{z(!0),j?.focus()},[j]),q=(0,C.useCallback)(()=>{z(!1)},[]),J=(0,C.useCallback)(e=>{if(L(e),e){let t=N?.querySelector(`[data-item-id='${e}']`);t&&N&&se(t,N)}},[N]),Y=(0,C.useCallback)(()=>{let e=V[0],t=e?r(e):null;J(t)},[V,r,J]);(0,C.useEffect)(()=>{V.length&&Y()},[V,Y]);let ce=(0,C.useCallback)(e=>{v&&!F.current&&z(!0),m?.(e)},[m,v]),le=(0,C.useCallback)(e=>{g(e),Y(),z(!!e.target.value)},[g,Y]),ue=(0,C.useCallback)(e=>{let{itemId:t}=e.currentTarget.dataset;t&&J(t)},[J]),X=(0,C.useCallback)(e=>{let t=V.find(t=>t.id===e);t&&((a?.(t)??!1)||(p(t),b&&(q(),F.current=!0,setTimeout(()=>{F.current=!1},50)))),j?.focus()},[V,j,a,p,b,q]),de=(0,C.useCallback)(e=>{let{itemId:t}=e.currentTarget.dataset;X(t??null)},[X]),Z=(0,C.useCallback)(()=>{X(I)},[I,X]),Q=(0,C.useCallback)(e=>{if(V.length===0)return;let t=V.findIndex(e=>r(e)===I);if(t===-1){if(e>0){let e=V.at(0);J(e?r(e):null)}else{let e=V.at(-1);J(e?r(e):null)}}else{let n=t+e;n>=V.length?n=0:n<0&&(n=V.length-1);let i=V[n];J(i?r(i):null)}},[r,J,I,V]),fe=(0,C.useCallback)(e=>{_?.(e),e.key===`ArrowUp`&&(e.preventDefault(),G?Q(-1):K()),e.key===`ArrowDown`&&(e.preventDefault(),G?Q(1):K()),e.key===`Tab`&&G&&(Z(),q()),e.key===`Enter`&&G&&(e.preventDefault(),Z()),e.key===`Escape`&&G&&(e.preventDefault(),q())},[q,G,Q,_,K,Z]),pe=e=>e.map(e=>{let t=r(e),n=a?.(e)??!1,i=t===I,s=o?o(e):i;return(0,x.jsx)(re.Provider,{value:{role:`option`,"data-highlighted":i,"aria-selected":s,"aria-disabled":n,"data-item-id":t,onMouseEnter:ue,onClick:de},children:u(e,{isSelected:s,isDisabled:n})},t)}),me=f(D,M),$=`${(0,C.useId)()}-list`;return(0,x.jsxs)(`div`,{className:k.wrapper,ref:A,children:[(0,x.jsx)(h,{role:`combobox`,...E,disabled:s,"aria-controls":$,"aria-expanded":G?`true`:`false`,"aria-haspopup":`listbox`,"aria-activedescendant":G&&I?I:void 0,"aria-autocomplete":`list`,autoComplete:`off`,spellCheck:`false`,value:e,onFocus:ce,onChange:le,onKeyDown:fe,icon:w??void 0,className:(0,y.default)(k.input,T),ref:me}),W&&(0,x.jsx)(l,{title:G?O.formatMessage({id:`combobox.close_results`,defaultMessage:`Close results`}):O.formatMessage({id:`combobox.open_results`,defaultMessage:`Open results`}),className:k.menuButton,icon:`results`,iconComponent:G?ne:te,onClick:G?q:K}),(0,x.jsx)(`span`,{role:`status`,"aria-live":`polite`,className:`sr-only`,children:G&&H}),(0,x.jsx)(d,{matchReferenceWidth:!0,isOpen:G,onClose:q,offset:1,placement:`bottom-start`,strategy:`absolute`,popoverElement:N,reference:j,container:null,children:({props:e,placement:r})=>(0,x.jsx)(`div`,{...e,ref:P,className:(0,y.default)(k.popover,r),children:(0,x.jsx)(ae,{showStatus:U,isLoading:t,status:H,children:B?(0,x.jsx)(`div`,{role:`listbox`,id:$,tabIndex:-1,children:Object.keys(n).map(e=>{let t=n[e],r=`${$}-group-${e}`,i=c?.(e,r),a=i!==null;return t?.length?(0,x.jsxs)(`ul`,{role:`group`,"aria-labelledby":a?r:void 0,children:[a&&(i??(0,x.jsx)(ie,{id:r,children:e})),pe(t)]},e):null})}):(0,x.jsx)(`ul`,{role:`listbox`,id:$,tabIndex:-1,children:pe(n)})})})})]})});N.displayName=`Combobox`;var ae=({showStatus:e,status:t,isLoading:n,children:r})=>e?(0,x.jsxs)(`span`,{className:k.emptyMessage,children:[n&&(0,x.jsx)(`span`,{className:k.loadingIndicator,children:(0,x.jsx)(u,{role:`none`})}),t]}):r;function oe({itemCount:e,value:t,isLoading:n}){let r=i();return n?r.formatMessage({id:`combobox.loading`,defaultMessage:`Loading`}):t.length&&!e?r.formatMessage({id:`combobox.no_results_found`,defaultMessage:`No results for this search`}):e>0?r.formatMessage({id:`combobox.results_available`,defaultMessage:`{count,plural,one{# suggestion available. Use up and down arrow keys to navigate. Press Enter key to select.} other{# suggestions available. Use up and down arrow keys to navigate. Press Enter key to select.}}`},{count:e}):``}var P=6;function se(e,t){let n=e.offsetTop,r=n+e.offsetHeight;n<t.scrollTop?t.scrollTop=n-P:r>t.scrollTop+t.offsetHeight&&(t.scrollTop=r-t.offsetHeight+P)}var F={wrapper:`_comp_form_fields_copy_link_field__wrapper`,input:`_comp_form_fields_copy_link_field__input`,copyButton:`_comp_form_fields_copy_link_field__copyButton`},I=(0,C.forwardRef)(({id:e,label:t,hint:n,status:r,value:a,required:o,className:s,wrapperClassName:c,...l},u)=>{let d=i(),f=(0,C.useRef)(null),m=(0,C.useCallback)(()=>{f.current?.select()},[]),ee=(0,C.useCallback)(e=>{f.current=e,typeof u==`function`?u(e):u&&(u.current=e)},[u]);return(0,x.jsx)(p,{label:t,hint:n,required:o,status:r,inputId:e,className:c,children:e=>(0,x.jsxs)(`div`,{className:F.wrapper,children:[(0,x.jsx)(h,{readOnly:!0,...l,...e,ref:ee,value:a,onFocus:m,className:(0,y.default)(s,F.input)}),(0,x.jsx)(g,{value:a,title:d.formatMessage({id:`copy_icon_button.copy_this_text`,defaultMessage:`Copy link to clipboard`}),className:F.copyButton,"aria-describedby":e.id})]})})});I.displayName=`CopyLinkField`;var L=_(),R={counter:`_comp_character_counter__counter`,counterError:`_comp_character_counter__counterError`},z=a(({currentString:e,maxLength:t,as:n=`span`,recommended:i=!1,className:a,...o},s)=>{let c=(0,L.length)(e);return(0,x.jsx)(n,{...o,ref:s,className:(0,y.default)(a,R.counter,c>t&&!i&&R.counterError),children:i?(0,x.jsx)(r,{id:`character_counter.recommended`,defaultMessage:`{currentLength}/{maxLength} recommended characters`,values:{currentLength:c,maxLength:t}}):(0,x.jsx)(r,{id:`character_counter.required`,defaultMessage:`{currentLength}/{maxLength} characters`,values:{currentLength:c,maxLength:t}})})});z.displayName=`CharCounter`;var B=({onPick:e,disabled:t})=>{let n=(0,C.useCallback)(n=>{t||typeof n==`object`&&n&&(`native`in n&&typeof n.native==`string`?e(n.native):`shortcode`in n&&typeof n.shortcode==`string`&&e(`:${n.shortcode}:`))},[t,e]);return(0,x.jsx)(s,{onPickEmoji:n,disabled:t})},V={fieldWrapper:`_comp_form_fields_emoji_text_field__fieldWrapper`},H=({onChange:e,value:t,label:n,hint:r,status:i,maxLength:a,counterMax:o=a,recommended:s,disabled:c,...l})=>{let u=(0,C.useRef)(null);return(0,x.jsx)(W,{label:n,hint:r,status:i,counterMax:o,recommended:s,disabled:c,inputRef:u,value:t,onChange:e,children:e=>(0,x.jsx)(h,{...e,...l,maxLength:a,value:t,ref:u})})},U=({onChange:e,value:t,label:n,maxLength:r,counterMax:i=r,recommended:a,disabled:o,hint:s,status:c,...l})=>{let u=(0,C.useRef)(null);return(0,x.jsx)(W,{label:n,hint:s,status:c,counterMax:i,recommended:a,disabled:o,inputRef:u,value:t,onChange:e,children:e=>(0,x.jsx)(T,{...l,...e,maxLength:r,value:t,ref:u})})}

1,W=({value:e,onChange:t,children:n,disabled:r,inputRef:i,counterMax:a,recommended:s=!1,...c})=>{let l=(0,C.useId)(),u=(0,C.useCallback)(n=>{if(!e){t?.(``);return}let r=i.current?.selectionStart??e.length,a=o(e,n,r);t?.(a)},[i,e,t]),d=(0,C.useCallback)(e=>{t?.(e.target.value)},[t]);return(0,x.jsx)(p,{className:V.fieldWrapper,describedById:l,...c,children:t=>(0,x.jsxs)(x.Fragment,{children:[n({...t,onChange:d}),(0,x.jsx)(B,{onPick:u,disabled:r}),a&&(0,x.jsx)(z,{currentString:e??``,maxLength:a,recommended:s,id:l})]})})},G={wrapper:`_comp_form_fields_select__wrapper`,select:`_comp_form_fields_select__select`},K=(0,C.forwardRef)(({id:e,label:t,hint:n,required:r,status:i,inputPlacement:a,children:o,wrapperClassName:s,...c},l)=>(0,x.jsx)(p,{label:t,hint:n,required:r,status:i,inputId:e,inputPlacement:a,className:s,children:e=>(0,x.jsx)(q,{...c,...e,ref:l,children:o})}));K.displayName=`SelectField`;var q=(0,C.forwardRef)(({className:e,size:t,...n},r)=>(0,x.jsx)(`div`,{className:G.wrapper,children:(0,x.jsx)(`select`,{...n,className:(0,y.default)(e,G.select),ref:r})}));q.displayName=`Select`;export{z as a,M as c,D as d,T as f,H as i,j as l,S as m,K as n,I as o,w as p,U as r,N as s,q as t,A as u};
2//# sourceMappingURL=form_fields-CbtXA0bT.js.map