@ryuzaki13/react-foundation-ui 3.5.0 → 3.6.0

package/storybook-static/assets/usePickerTriggerController-DWjrt_q_.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-D2Q9PGsq.js";import{n as i}from"./iframe-woVbsQH3.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{n as s,r as c,t as l}from"./floating-ui.react-CyNWkXBV.js";import{n as u,t as d}from"./ui.module-CyEEibCu.js";import{n as f,r as p,t as m}from"./react-D3CyilRt.js";import{r as h,t as g}from"./hooks-DjR-EyBl.js";import{c as _,i as v,r as y,s as b}from"./Option-fRoOLqLF.js";import{i as x,l as S,r as C}from"./Input-B8eGQXlp.js";import{n as w,t as T}from"./PickerTriggerActions-BDGEQPvP.js";function E({disabled:e,ariaLabel:t=`Очистить выбор`,onClear:n}){let i=e=>{e.preventDefault(),e.stopPropagation()};return(0,D.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,D.jsx)(r,{})})}var D;function O(){return(O=e((()=>{n(),d(),D=i(),E.__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 k(e){if(typeof e==`string`||typeof e==`number`)return String(e);if(Array.isArray(e)){let t=e.map(k).filter(e=>!!e).map(e=>e.trim()).filter(Boolean);return t.length?t.join(` `):void 0}if((0,A.isValidElement)(e))return typeof e.props.searchText==`string`?e.props.searchText:k(e.props.children)}var A;function j(){return(j=e((()=>{A=t()})))()}function M({placeholder:e,label:t,optionCount:n,fallback:r=`Выберите значение`}){let i=k(t);return`${e??i??r} <${n}>`}function N(){return(N=e((()=>{j()})))()}function P(e){e.stopPropagation()}function F({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,I.jsx)(p,{children:e&&(0,I.jsx)(s,{children:(0,I.jsx)(l,{context:t,modal:!1,initialFocus:_,returnFocus:v,children:(0,I.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:P,onKeyDown:g,className:b.popupPositioner}),children:(0,I.jsx)(y,{className:S,layoutClassName:w,bodyClassName:T,toolbar:E,selectionActions:D,scrollable:!1,children:O})})})})})}var I;function L(){return(L=e((()=>{c(),m(),_(),v(),I=i(),F.__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 R({children:e,className:t,...n}){return(0,z.jsx)(`span`,{...n,className:a(b.selectedToken,t),"data-ui":`picker-selected-token`,children:(0,z.jsx)(`span`,{className:b.selectedTokenText,children:e})})}var z;function B(){return(B=e((()=>{o(),_(),z=i(),R.__docgenInfo={description:`Единое визуальное представление выбранного значения внутри picker-trigger.`,methods:[],displayName:`PickerSelectedToken`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`Omit`]}})))()}var V,H,U;function W(){return(W=e((()=>{V=t(),o(),S(),d(),_(),H=i(),U=(0,V.forwardRef)(({rootRef:e,endAdornment:t,overlay:n,rootClassName:r,inputClassName:i,isLoading:o,...s},c)=>{let l=n!=null;return(0,H.jsx)(`div`,{ref:e,className:a(u.uiInputContainer,b.triggerContainer,r),"data-has-overlay":l||void 0,children:o?(0,H.jsx)(x,{}):(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(C,{endAdornment:t,children:({controlClassName:e})=>(0,H.jsx)(`input`,{...s,ref:c,className:a(u.uiInputWithToggle,e,i)})}),l?n:null]})})}),U.displayName=`PickerTriggerInput`,U.__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 G({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,K.jsx)(U,{...v,ref:e,disabled:g,placeholder:c?void 0:M({placeholder:r,label:i,optionCount:n,fallback:a}),inputClassName:_,rootClassName:l?b.triggerHasClear:void 0,overlay:c?(0,K.jsx)(R,{children:o}):void 0,endAdornment:(0,K.jsx)(T,{open:t,disabled:g,onToggleMouseDown:f,onToggleClick:p,openAriaLabel:m,closeAriaLabel:h,children:y?(0,K.jsx)(E,{ariaLabel:d,onClear:u}):null})})}var K;function q(){return(q=e((()=>{_(),O(),N(),B(),w(),W(),K=i(),G.__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 J(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 Y(){return(Y=e((()=>{})))()}function X(e){let t=e.triggerMode?J(e.triggerMode):void 0;return g({...e,focusFloatingOnOpen:e.focusFloatingOnOpen??t?.focusFloatingOnOpen,restoreFocusOnClose:e.restoreFocusOnClose??t?.restoreFocusOnClose})}function Z(){return(Z=e((()=>{h()})))()}function Q(e){requestAnimationFrame(()=>{e.current?.focus()})}function ee({mode:e,open:t,currentQuery:n,hasDisplayValue:r,inputRef:i,setQuery:a,openList:o,close:s,toggleOpen:c,onBeforeOpen:l}){let u=J(e),d=()=>{if(l?.(),o){o();return}c?.()},f=()=>{if(s){s();return}c?.()},p=()=>{t?f():d(),u.shouldFocusReferenceOnToggle(t)&&Q(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 $(){return($=e((()=>{})))()}export{J as a,q as c,k as d,j as f,X as i,F as l,ee as n,Y as o,Z as r,G as s,$ as t,L as u};