https://universeodon.com/packs/form_fields-D59m7r6R.js

1import{o as e}from"./chunk-CMxvf4Kt.js";import{n as t,t as n}from"./jsx-runtime-SsSjplwM.js";import{a as r,c as i}from"./react-intl-Cop388b4.js";import{Q as a,X as o,it as s,nt as c}from"./poll-quu7nqu0.js";import{i as l}from"./utils-B1ZRuyMb.js";import{t as u}from"./classnames-CYxIelk8.js";import{n as d}from"./copy_button-CaWV64O-.js";import{t as f}from"./search-Vir2O0MW.js";import{n as ee,t as te}from"./keyboard_arrow_up-6cXawH9y.js";import{i as p,n as m,t as h}from"./emoji_picker_dropdown_container-Dh-WgfYL.js";import{t as ne}from"./utils-B_8WHCxX.js";import{r as g,t as _}from"./form_field_wrapper-BLSsZ3H_.js";import{r as v,t as y}from"./text_input_field-C4ANRi_U.js";import"./toggle_field-Dg9896wh.js";var b=e(u()),re={stack:`_comp_form_fields_form_stack__stack`},x=n(),S=s(({as:e=`div`,children:t,className:n,...r},i)=>(0,x.jsx)(e,{ref:i,...r,className:(0,b.default)(n,re.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)(_,{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)(m,{...r,onKeyDown:a,className:(0,b.default)(e,v.input),ref:i}):(0,x.jsx)(`textarea`,{...r,onKeyDown:a,className:(0,b.default)(e,v.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,...a},o)=>(0,x.jsx)(_,{label:t,hint:n,required:i,status:r,inputId:e,inputPlacement:`inline-start`,children:e=>(0,x.jsx)(O,{...a,...e,ref:o})}));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`;function ie(e,t,n=!0){(0,C.useEffect)(()=>{if(n){function n(n){let r=Array.isArray(e)?e:[e];for(let e of r){let t=e?.current;if(t&&(t===n.target||t===document.activeElement||t.contains(n.target)||t.contains(document.activeElement)))return}t(n)}return document.addEventListener(`click`,n),()=>{document.removeEventListener(`click`,n)}}return()=>null},[n,e,t])}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`},ae=(0,C.createContext)(null);function A(){let e=(0,C.useContext)(ae);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,b.default)(e,k.menuItem),...n,children:t})},oe=({className:e,children:t,...n})=>(0,x.jsx)(`li`,{...n,role:`presentation`,className:(0,b.default)(e,k.groupTitle),children:t}),M=(0,C.forwardRef)(({id:e,label:t,hint:n,status:r,required:i,...a},o)=>(0,x.jsx)(_,{label:t,hint:n,required:i,status:r,inputId:e,children:e=>(0,x.jsx)(N,{...a,...e,ref:o})}));M.displayName=`ComboboxField`;var N=(0,C.forwardRef)(({value:e,isLoading:t=!1,items:n,getItemId:r=e=>e.id,getIsItemDisabled:s,getIsItemSelected:c,disabled:l,renderGroupTitle:u,renderItem:d,onSelectItem:p,onFocus:m,onChange:h,onKeyDown:g,openOnFocus:_=!1,closeOnSelect:v=!0,suppressMenu:re=!1,icon:S=f,className:w,...T},E)=>{let D=i(),O=(0,C.useRef)(null),A=(0,C.useRef)(),j=(0,C.useRef)(null),M=(0,C.useRef)(!1),[N,P]=(0,C.useState)(null),[F,I]=(0,C.useState)(!1),L=!Array.isArray(n),R=(0,C.useMemo)(()=>L?Object.values(n).flat().filter(e=>!!e):n,[L,n]),z=ce({value:e,isLoading:t,itemCount:R.length}),B=!!z&&e.length>0&&R.length===0,V=!l&&!re&&(R.length>0||B),H=F&&V,U=(0,C.useCallback)(()=>{I(!0),A.current?.focus()},[]),W=(0,C.useCallback)(()=>{I(!1)},[]),G=(0,C.useCallback)(e=>{if(P(e),e){let t=j.current?.querySelector(`[data-item-id='${e}']`);t&&j.current&&le(t,j.current)}},[]),K=(0,C.useCallback)(()=>{let e=R[0];G(e?r(e):null)},[R,r,G]);(0,C.useEffect)(()=>{R.length&&K()},[R,K]);let q=(0,C.useCallback)(e=>{_&&!M.current&&I(!0),m?.(e)},[m,_]),J=(0,C.useCallback)(e=>{h(e),K(),I(!!e.target.value)},[h,K]),Y=(0,C.useCallback)(e=>{let{itemId:t}=e.currentTarget.dataset;t&&G(t)},[G]),X=(0,C.useCallback)(e=>{let t=R.find(t=>

1t.id===e);t&&((s?.(t)??!1)||(p(t),v&&(W(),M.current=!0,setTimeout(()=>{M.current=!1},50)))),A.current?.focus()},[W,v,s,R,p]),ue=(0,C.useCallback)(e=>{let{itemId:t}=e.currentTarget.dataset;X(t??null)},[X]),Z=(0,C.useCallback)(()=>{X(N)},[N,X]),Q=(0,C.useCallback)(e=>{if(R.length===0)return;let t=R.findIndex(e=>r(e)===N);if(t===-1)if(e>0){let e=R.at(0);G(e?r(e):null)}else{let e=R.at(-1);G(e?r(e):null)}else{let n=t+e;n>=R.length?n=0:n<0&&(n=R.length-1);let i=R[n];G(i?r(i):null)}},[r,G,N,R]);ie(O,W);let de=(0,C.useCallback)(e=>{g?.(e),e.key===`ArrowUp`&&(e.preventDefault(),H?Q(-1):U()),e.key===`ArrowDown`&&(e.preventDefault(),H?Q(1):U()),e.key===`Tab`&&H&&(Z(),W()),e.key===`Enter`&&H&&(e.preventDefault(),Z()),e.key===`Escape`&&H&&(e.preventDefault(),W())},[W,H,Q,g,U,Z]),fe=e=>e.map(e=>{let t=r(e),n=s?.(e)??!1,i=t===N,a=c?c(e):i;return(0,x.jsx)(ae.Provider,{value:{role:`option`,"data-highlighted":i,"aria-selected":a,"aria-disabled":n,"data-item-id":t,onMouseEnter:Y,onClick:ue},children:d(e,{isSelected:a,isDisabled:n})},t)}),pe=(0,C.useCallback)(e=>{A.current=e,typeof E==`function`?E(e):E&&(E.current=e)},[E]),$=`${(0,C.useId)()}-list`;return(0,x.jsxs)(`div`,{className:k.wrapper,ref:O,children:[(0,x.jsx)(y,{role:`combobox`,...T,disabled:l,"aria-controls":$,"aria-expanded":H?`true`:`false`,"aria-haspopup":`listbox`,"aria-activedescendant":H&&N?N:void 0,"aria-autocomplete":`list`,autoComplete:`off`,spellCheck:`false`,value:e,onFocus:q,onChange:J,onKeyDown:de,icon:S??void 0,className:(0,b.default)(k.input,w),ref:pe}),V&&(0,x.jsx)(a,{title:H?D.formatMessage({id:`combobox.close_results`,defaultMessage:`Close results`}):D.formatMessage({id:`combobox.open_results`,defaultMessage:`Open results`}),className:k.menuButton,icon:`results`,iconComponent:H?te:ee,onClick:H?W:U}),(0,x.jsx)(`span`,{role:`status`,"aria-live":`polite`,className:`sr-only`,children:H&&z}),(0,x.jsx)(o,{show:H,offset:[0,1],placement:`bottom-start`,onHide:W,ref:j,target:A,container:O,popperConfig:{modifiers:[ne]},children:({props:e,placement:r})=>(0,x.jsx)(`div`,{...e,className:(0,b.default)(k.popover,r),children:(0,x.jsx)(se,{showStatus:B,isLoading:t,status:z,children:L?(0,x.jsx)(`div`,{role:`listbox`,id:$,tabIndex:-1,children:Object.keys(n).map(e=>{let t=n[e],r=`${$}-group-${e}`,i=u?.(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)(oe,{id:r,children:e})),fe(t)]},e):null})}):(0,x.jsx)(`ul`,{role:`listbox`,id:$,tabIndex:-1,children:fe(n)})})})})]})});N.displayName=`Combobox`;var se=({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)(c,{role:`none`})}),t]}):r;function ce({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 le(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,...c},l)=>{let u=i(),f=(0,C.useRef)(),ee=(0,C.useCallback)(()=>{f.current?.select()},[]),te=(0,C.useCallback)(e=>{f.current=e,typeof l==`function`?l(e):l&&(l.current=e)},[l]);return(0,x.jsx)(_,{label:t,hint:n,required:o,status:r,inputId:e,children:e=>(0,x.jsxs)(`div`,{className:F.wrapper,children:[(0,x.jsx)(y,{readOnly:!0,...c,...e,ref:te,value:a,onFocus:ee,className:(0,b.default)(s,F.input)}),(0,x.jsx)(d,{value:a,title:u.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=p(),R={counter:`_comp_character_counter__counter`,counterError:`_comp_character_counter__counterError`},z=s(({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,b.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})=>(0,x.jsx)(h,{onPickEmoji:(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]),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)(y,{...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:o=!1,...s})=>{let c=(0,C.useId)(),u=(0,C.useCallback)(n=>{if(!e){t?.(``);return}let r=l(e,n,i.current?.selectionStart??e.length);t?.(r)},[i,e,t]),d=(0,C.useCallback)(e=>{t?.(e.target.value)},[t]);return(0,x.jsx)(_,{className:V.fieldWrapper,describedById:c,...s,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:o,id:c})]})})},G={radioButton:`_comp_form_fields_radio_button__radioButton`},K=(0,C.forwardRef)(({id:e,label:t,hint:n,status:r,required:i,...a},o)=>{let s=(0,C.useContext)(g);return(0,x.jsx)(_,{label:t,hint:n,required:i,status:r,inputId:e,inputPlacement:`inline-start`,children:e=>(0,x.jsx)(q,{...a,...e,name:a.name||s,ref:o})})});K.displayName=`RadioButtonField`;var q=(0,C.forwardRef)(({className:e,size:t,...n},r)=>(0,x.jsx)(`input`,{...n,type:`radio`,className:G.radioButton,style:t?{"--size":`${t}px`}:void 0,ref:r}));q.displayName=`RadioButton`;var J={wrapper:`_comp_form_fields_select__wrapper`,select:`_comp_form_fields_select__select`},Y=(0,C.forwardRef)(({id:e,label:t,hint:n,required:r,status:i,inputPlacement:a,children:o,wrapperClassName:s,...c},l)=>(0,x.jsx)(_,{label:t,hint:n,required:r,status:i,inputId:e,inputPlacement:a,className:s,children:e=>(0,x.jsx)(X,{...c,...e,ref:l,children:o})}));Y.displayName=`SelectField`;var X=(0,C.forwardRef)(({className:e,size:t,...n},r)=>(0,x.jsx)(`div`,{className:J.wrapper,children:(0,x.jsx)(`select`,{...n,className:(0,b.default)(e,J.select),ref:r})}));X.displayName=`Select`;export{H as a,N as c,A as d,D as f,U as i,M as l,S as m,Y as n,z as o,w as p,K as r,I as s,X as t,j as u};
2//# sourceMappingURL=form_fields-D59m7r6R.js.map