@ryuzaki13/react-foundation-ui 2.0.0 → 2.0.1

package/storybook-static/assets/usePickerTriggerController-BjY_AiUm.js

@@ -1,6 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./x-CcdATVNL.js";import{n as i}from"./iframe-Cb11iJVP.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{n as s,r as c,t as l}from"./floating-ui.react-BY7cYh9B.js";import{n as u,t as d}from"./ui.module-31LPbZGK.js";import{n as f,r as p,t as m}from"./react-wmXnhrTV.js";import{r as h,t as g}from"./hooks-DQXnNniA.js";import{c as _,i as v,r as y,s as b}from"./Option-CdzPub1C.js";import{d as x,i as S,l as C,r as w,s as T,u as E}from"./Input-o_oY36pr.js";import{n as D,t as O}from"./PickerTriggerActions-C0nuR9kw.js";function k({id:e,label:t,description:n,disabled:r,size:i,className:a,error:o,children:s}){let{controlId:c,labelId:l,descriptionId:u,errorId:d,describedBy:f}=x({id:e,hasLabel:t!=null,hasDescription:!!n,hasError:!!o});return(0,A.jsx)(T,{label:t,description:n,disabled:r,size:i,className:a,error:o,controlId:c,labelId:l,descriptionId:u,errorId:d,children:s({controlId:c,labelId:l,descriptionId:u,errorId:d,describedBy:f})})}var A;function j(){return(j=e((()=>{C(),E(),A=i(),k.__docgenInfo={description:``,methods:[],displayName:`PickerField`,props:{id:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},error:{required:!1,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(context: PickerFieldContext) => ReactNode`,signature:{arguments:[{type:{name:`PickerFieldContext`},name:`context`}],return:{name:`ReactNode`}}},description:``}},composes:[`Omit`]}})))()}function M({disabled:e,ariaLabel:t=`Очистить выбор`,onClear:n}){let i=e=>{e.preventDefault(),e.stopPropagation()};return(0,N.jsx)(`button`,{type:`button`,disabled:e,className:u.uiClearButton,"data-ui":`picker-clear-button`,"data-action":`clear-picker`,onMouseDown:i,onClick:e=>{i(e),n()},"aria-label":t,children:(0,N.jsx)(r,{})})}var N;function P(){return(P=e((()=>{n(),d(),N=i(),M.__docgenInfo={description:`Единое действие очистки выбранного значения во всех clearable picker-компонентах.`,methods:[],displayName:`PickerClearButton`,props:{disabled:{required:!1,tsType:{name:`boolean`},description:``},ariaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Очистить выбор"`,computed:!1}},onClear:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``}}}})))()}function F(e){if(typeof e==`string`||typeof e==`number`)return String(e);if(Array.isArray(e)){let t=e.map(F).filter(e=>!!e).map(e=>e.trim()).filter(Boolean);return t.length?t.join(` `):void 0}if((0,I.isValidElement)(e))return typeof e.props.searchText==`string`?e.props.searchText:F(e.props.children)}var I;function L(){return(L=e((()=>{I=t()})))()}function ee({placeholder:e,label:t,optionCount:n,fallback:r=`Выберите значение`}){let i=F(t);return`${e??i??r} <${n}>`}function R(){return(R=e((()=>{L()})))()}function te(e){e.stopPropagation()}function z({open:e,context:t,floatingStyles:n,listId:r,labelId:i,popupAriaLabel:a,descriptionId:o,activeOptionId:c,ariaMultiselectable:u,popupRole:d=`listbox`,setFloating:m,getFloatingProps:h,onKeyDown:g,initialFocus:_=-1,returnFocus:v=!1,tabIndex:x=0,className:S,maxWidth:C,layoutClassName:w,bodyClassName:T,toolbar:E,selectionActions:D,children:O}){return(0,B.jsx)(p,{children:e&&(0,B.jsx)(s,{children:(0,B.jsx)(l,{context:t,modal:!1,initialFocus:_,returnFocus:v,children:(0,B.jsx)(f.div,{ref:m,style:{...n,maxWidth:C},initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},...h({id:r,role:d,tabIndex:x,"aria-labelledby":i,"aria-label":i?void 0:a,"aria-describedby":o,"aria-activedescendant":c,"aria-multiselectable":u||void 0,onMouseDown:te,onKeyDown:g,className:b.popupPositioner}),children:(0,B.jsx)(y,{className:S,layoutClassName:w,bodyClassName:T,toolbar:E,selectionActions:D,scrollable:!1,children:O})})})})})}var B;function V(){return(V=e((()=>{c(),m(),_(),v(),B=i(),z.__docgenInfo={description:``,methods:[],displayName:`PickerPopup`,props:{open:{required:!0,tsType:{name:`boolean`},description:``},context:{required:!0,tsType:{name:`FloatingContext`},description:``},floatingStyles:{required:!0,tsType:{name:`CSSProperties`},description:``},listId:{required:!0,tsType:{name:`string`},description:``},labelId:{required:!1,tsType:{name:`string`},description:``},popupAriaLabel:{required:!1,tsType:{name:`string`},description:``},descriptionId:{required:!1,tsType:{name:`string`},description:``},activeOptionId:{required:!1,tsType:{name:`string`},description:``},ariaMultiselectable:{required:!1,tsType:{name:`boolean`},description:``},popupRole:{required:!1,tsType:{name:`union`,raw:`"listbox" | "dialog"`,elements:[{name:`literal`,value:`"listbox"`},{name:`literal`,value:`"dialog"`}]},description:``,defaultValue:{value:`"listbox"`,computed:!1}},setFloating:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(node: HTMLElement | null) => void`,signature:{arguments:[{type:{name:`union`,raw:`HTMLElement | null`,elements:[{name:`HTMLElement`},{name:`null`}]},name:`node`}],return:{name:`void`}}},description:``},getFloatingProps:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(userProps?: Record<string, unknown>) => Record<string, unknown>`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`unknown`}],raw:`Record<string, unknown>`},name:`userProps`}],return:{name:`Record`,elements:[{name:`string`},{name:`unknown`}],raw:`Record<string, unknown>`}}},description:``},onKeyDown:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(event: KeyboardEvent<HTMLElement>) => void`,signature:{arguments:[{type:{name:`KeyboardEvent`,elements:[{name:`HTMLElement`}],raw:`KeyboardEvent<HTMLElement>`},name:`event`}],return:{name:`void`}}},description:``},initialFocus:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`-1`,computed:!1}},returnFocus:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},tabIndex:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`0`,computed:!1}},className:{required:!1,tsType:{name:`string`},description:``},maxWidth:{required:!1,tsType:{name:`CSSProperties["maxWidth"]`,raw:`CSSProperties["maxWidth"]`},description:``},layoutClassName:{required:!1,tsType:{name:`string`},description:``},bodyClassName:{required:!1,tsType:{name:`string`},description:``},toolbar:{required:!1,tsType:{name:`union`,raw:`ReactNode | false`,elements:[{name:`ReactNode`},{name:`literal`,value:`false`}]},description:``},selectionActions:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
-	onSelectAll: () => void;
-	onDeselectAll: () => void;
-	selectAllButtonRef?: Ref<HTMLButtonElement>;
-}`,signature:{properties:[{key:`onSelectAll`,value:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}},required:!0}},{key:`onDeselectAll`,value:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}},required:!0}},{key:`selectAllButtonRef`,value:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`,required:!1}}]}},description:``},children:{required:!0,tsType:{name:`ReactNode`},description:``}}}})))()}function H({children:e,className:t,...n}){return(0,U.jsx)(`span`,{...n,className:a(b.selectedToken,t),"data-ui":`picker-selected-token`,children:(0,U.jsx)(`span`,{className:b.selectedTokenText,children:e})})}var U;function W(){return(W=e((()=>{o(),_(),U=i(),H.__docgenInfo={description:`Единое визуальное представление выбранного значения внутри picker-trigger.`,methods:[],displayName:`PickerSelectedToken`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`Omit`]}})))()}var G,K,q;function J(){return(J=e((()=>{G=t(),o(),C(),d(),_(),K=i(),q=(0,G.forwardRef)(({rootRef:e,endAdornment:t,overlay:n,rootClassName:r,inputClassName:i,isLoading:o,...s},c)=>{let l=n!=null;return(0,K.jsx)(`div`,{ref:e,className:a(u.uiInputContainer,b.triggerContainer,r),"data-has-overlay":l||void 0,children:o?(0,K.jsx)(S,{}):(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(w,{endAdornment:t,children:({controlClassName:e})=>(0,K.jsx)(`input`,{...s,ref:c,className:a(u.uiInputWithToggle,e,i)})}),l?n:null]})})}),q.displayName=`PickerTriggerInput`,q.__docgenInfo={description:``,methods:[],displayName:`PickerTriggerInput`,props:{rootRef:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(node: HTMLDivElement | null) => void`,signature:{arguments:[{type:{name:`union`,raw:`HTMLDivElement | null`,elements:[{name:`HTMLDivElement`},{name:`null`}]},name:`node`}],return:{name:`void`}}},description:``},endAdornment:{required:!1,tsType:{name:`ReactNode`},description:``},overlay:{required:!1,tsType:{name:`ReactNode`},description:``},rootClassName:{required:!1,tsType:{name:`string`},description:``},inputClassName:{required:!1,tsType:{name:`string`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`Omit`]}})))()}function Y({ref:e,open:t,optionCount:n,placeholder:r,label:i,placeholderFallback:a,selectedValue:o,hasSelection:s,showSelectedValue:c=o!=null,clearable:l=!1,onClear:u,clearAriaLabel:d,onToggleMouseDown:f,onToggleClick:p,openAriaLabel:m,closeAriaLabel:h,disabled:g,inputClassName:_,...v}){let y=l&&(s??o!=null)&&u!==void 0&&!g;return(0,X.jsx)(q,{...v,ref:e,disabled:g,placeholder:c?void 0:ee({placeholder:r,label:i,optionCount:n,fallback:a}),inputClassName:_,rootClassName:l?b.triggerHasClear:void 0,overlay:c?(0,X.jsx)(H,{children:o}):void 0,endAdornment:(0,X.jsx)(O,{open:t,disabled:g,onToggleMouseDown:f,onToggleClick:p,openAriaLabel:m,closeAriaLabel:h,children:y?(0,X.jsx)(M,{ariaLabel:d,onClear:u}):null})})}var X;function Z(){return(Z=e((()=>{_(),P(),R(),W(),D(),J(),X=i(),Y.__docgenInfo={description:`Общая композиция picker-trigger: input, выбранное значение, очистка и кнопка
-открытия. Владельцы picker-моделей передают только состояние и обработчики.`,methods:[],displayName:`PickerTrigger`,props:{ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLInputElement`}],raw:`Ref<HTMLInputElement>`},description:``},open:{required:!0,tsType:{name:`boolean`},description:``},optionCount:{required:!0,tsType:{name:`number`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},label:{required:!1,tsType:{name:`ReactNode`},description:``},placeholderFallback:{required:!1,tsType:{name:`string`},description:``},selectedValue:{required:!1,tsType:{name:`ReactNode`},description:``},hasSelection:{required:!1,tsType:{name:`boolean`},description:``},showSelectedValue:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`selectedValue !== undefined && selectedValue !== null`,computed:!1}},clearable:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},onClear:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},clearAriaLabel:{required:!1,tsType:{name:`string`},description:``},onToggleMouseDown:{required:!1,tsType:{name:`Parameters[0]["onToggleMouseDown"]`,raw:`PickerTriggerActionsProps["onToggleMouseDown"]`},description:``},onToggleClick:{required:!0,tsType:{name:`Parameters[0]["onToggleClick"]`,raw:`PickerTriggerActionsProps["onToggleClick"]`},description:``},openAriaLabel:{required:!1,tsType:{name:`string`},description:``},closeAriaLabel:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`]}})))()}function Q(e){switch(e){case`search-single`:return{focusFloatingOnOpen:!1,restoreFocusOnClose:!1,resetQueryOnClose:!0,shouldOpenOnTriggerClick:()=>!1,shouldOpenOnInputChange:e=>!e,shouldFocusReferenceOnToggle:e=>!e,shouldSelectTriggerTextOnFocus:({open:e,currentQuery:t,hasDisplayValue:n})=>!e&&t.length===0&&n};case`search-multi`:return{focusFloatingOnOpen:!1,restoreFocusOnClose:!1,resetQueryOnClose:!0,shouldOpenOnTriggerClick:()=>!1,shouldOpenOnInputChange:e=>!e,shouldFocusReferenceOnToggle:e=>!e,shouldSelectTriggerTextOnFocus:()=>!1};default:return{focusFloatingOnOpen:!0,restoreFocusOnClose:!0,resetQueryOnClose:!1,shouldOpenOnTriggerClick:e=>!e,shouldOpenOnInputChange:()=>!1,shouldFocusReferenceOnToggle:()=>!1,shouldSelectTriggerTextOnFocus:()=>!1}}}function $(){return($=e((()=>{})))()}function ne(e){let t=e.triggerMode?Q(e.triggerMode):void 0;return g({...e,focusFloatingOnOpen:e.focusFloatingOnOpen??t?.focusFloatingOnOpen,restoreFocusOnClose:e.restoreFocusOnClose??t?.restoreFocusOnClose})}function re(){return(re=e((()=>{h()})))()}function ie(e){requestAnimationFrame(()=>{e.current?.focus()})}function ae({mode:e,open:t,currentQuery:n,hasDisplayValue:r,inputRef:i,setQuery:a,openList:o,close:s,toggleOpen:c,onBeforeOpen:l}){let u=Q(e),d=()=>{if(l?.(),o){o();return}c?.()},f=()=>{if(s){s();return}c?.()},p=()=>{t?f():d(),u.shouldFocusReferenceOnToggle(t)&&ie(i)};return{policy:u,handleTriggerInputChange:e=>{a?.(e),u.shouldOpenOnInputChange(t)&&d()},handleTriggerClick:()=>{u.shouldOpenOnTriggerClick(t)&&d()},handleTriggerFocus:e=>{u.shouldSelectTriggerTextOnFocus({open:t,currentQuery:n,hasDisplayValue:r})&&requestAnimationFrame(()=>{e.select()})},handleToggleMouseDown:e=>{e.preventDefault()},handleToggleClick:()=>{p()},handleTriggerKeyDown:({event:e,onActivateWhenOpen:n,enableSpaceActivation:r=!1,enableClosedArrowDownOpen:i=!1,suppressClosedArrowUp:a=!1})=>{if(!t&&a&&e.key===`ArrowUp`){e.preventDefault();return}if(!t&&i&&e.key===`ArrowDown`){e.preventDefault(),p();return}if(e.key===`Enter`){e.preventDefault(),t?n?.():p();return}r&&e.key===` `&&(e.preventDefault(),t?n?.():p())},toggleTrigger:p}}function oe(){return(oe=e((()=>{})))()}export{Q as a,Z as c,F as d,L as f,ne as i,z as l,j as m,ae as n,$ as o,k as p,re as r,Y as s,oe as t,V as u};