@ryuzaki13/react-foundation-ui 3.8.3 → 3.9.0

package/storybook-static/assets/SerializableSelect.stories-DozN_Quy.js

@@ -1,73 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-ltYEol2F.js";import{n as i,t as a}from"./Select-CClfxa48.js";function o(e,t){return String(e[t])}function s(e,t,n){let r=e[t];if(typeof r==`string`||typeof r==`number`)return String(r);let i=o(e,n);return String(i)}function c({label:e,description:t,disabled:n,placeholder:r,size:i,options:c,value:u,onChange:d,optionKey:f,optionLabel:p,renderCode:m,className:h,clearable:g}){let _=u===void 0?void 0:c.find(e=>o(e,f)===u);return(0,l.jsx)(a,{label:e,description:t,disabled:n,placeholder:r,size:i,options:c,value:_,onChange:e=>d(e?o(e,f):void 0),getOptionKey:e=>o(e,f),getOptionLabel:e=>s(e,p,f),getOptionCode:m?e=>o(e,f):void 0,className:h,clearable:g})}var l;function u(){return(u=e((()=>{i(),l=r(),c.__docgenInfo={description:``,methods:[],displayName:`SerializableSelect`,props:{options:{required:!0,tsType:{name:`unknown`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: SerializableOptionValue<TOption, TOptionKey> | undefined) => void`,signature:{arguments:[{type:{name:`union`,raw:`SerializableOptionValue<TOption, TOptionKey> | undefined`,elements:[{name:`Extract`,elements:[{name:`TOption[TOptionKey]`,raw:`TOption[TOptionKey]`},{name:`string`}],raw:`Extract<
-	TOption[TOptionKey],
-	SelectOptionKey
->`},{name:`undefined`}]},name:`value`}],return:{name:`void`}}},description:``},optionKey:{required:!0,tsType:{name:`TOptionKey`},description:``},optionLabel:{required:!0,tsType:{name:`TOptionLabel`},description:``},renderCode:{required:!1,tsType:{name:`literal`,value:`true`},description:``},className:{required:!1,tsType:{name:`string`},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`Omit`]}})))()}var d=t({AsyncReloadLike:()=>S,Controlled:()=>y,Disabled:()=>C,Placeholder:()=>b,WithCode:()=>x,__namedExportsOrder:()=>w,default:()=>v}),f,p,m,h,g,_,v,y,b,x,S,C,w;function T(){return(T=e((()=>{f=n(),u(),p=r(),{useArgs:m,useState:h}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:g}=__STORYBOOK_MODULE_TEST__,_=[{id:10,name:`Продажи`,code:`SLS`,branch:`Екатеринбург`},{id:20,name:`Закупки`,code:`PRC`,branch:`Челябинск`},{id:30,name:`Логистика`,code:`LGS`,branch:`Новосибирск`},{id:40,name:`Сервис`,code:`SRV`,branch:`Москва`}],v={title:`UI/SerializableSelect`,component:c,args:{label:`Подразделение`,description:`Сериализуемая обёртка над Select для object-options и field-based конфигурации.`,placeholder:`Выберите подразделение`,options:_,optionKey:`id`,optionLabel:`name`,value:void 0,onChange:g(),size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Высокоуровневая обёртка над low-level Select. Принимает массив объектов, получает key и label по именам полей, а наружу возвращает только значение ключа. Нужна для сериализуемых конфигов, в том числе в src/shared/ui/controls/*.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда ключ ещё не выбран.`,control:`text`},options:{description:`Массив объектных option.`,control:!1},optionKey:{description:`Поле объекта, значение которого используется как ключ и отдаётся наружу через onChange.`,control:!1},optionLabel:{description:`Поле объекта, значение которого отображается как основной текст option.`,control:!1},renderCode:{description:`Если включено, справа от текста будет показан ключ optionKey.`,control:`boolean`},value:{description:`Текущий выбранный ключ option, а не вся option целиком.`,control:!1},onChange:{description:`Вызывается с новым значением optionKey.`,control:!1},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},clearable:{description:`Показывает действие очистки выбранного ключа.`,control:`boolean`}}},y={name:`Выбор по ключу`,render:function(e){let[,t]=m();return(0,p.jsx)(c,{...e,value:e.value??20,onChange:n=>{e.onChange(n),t({value:n})}})},args:{value:20}},b={render:function(e){let[,t]=m();return(0,p.jsx)(c,{...e,onChange:n=>{e.onChange(n),t({value:n})}})}},x={name:`С кодом`,render:function(e){let[,t]=m();return(0,p.jsx)(c,{...e,value:e.value??10,renderCode:!0,onChange:n=>{e.onChange(n),t({value:n})}})},args:{value:10,renderCode:!0}},S={name:`Смена набора опций`,render:function(e){let[,t]=m(),[n,r]=h(!1),i=(0,f.useMemo)(()=>n?_.filter(e=>e.id!==20):_,[n]);return(0,p.jsxs)(`div`,{style:{display:`grid`,gap:`12px`,maxWidth:`320px`},children:[(0,p.jsx)(`button`,{type:`button`,onClick:()=>r(e=>!e),children:n?`Показать полный список`:`Скрыть одну опцию`}),(0,p.jsx)(c,{...e,options:i,value:e.value??30,onChange:n=>{e.onChange(n),t({value:n})}})]})},args:{value:30}},C={args:{disabled:!0,value:10}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
-  name: "Выбор по ключу",
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<SerializableSelectProps<DepartmentOption, "id", "name">>();
-    return <SerializableSelect {...args} value={args.value ?? 20} onChange={value => {
-      args.onChange(value);
-      updateArgs({
-        value
-      });
-    }} />;
-  },
-  args: {
-    value: 20
-  }
-}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<SerializableSelectProps<DepartmentOption, "id", "name">>();
-    return <SerializableSelect {...args} onChange={value => {
-      args.onChange(value);
-      updateArgs({
-        value
-      });
-    }} />;
-  }
-}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
-  name: "С кодом",
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<SerializableSelectProps<DepartmentOption, "id", "name">>();
-    return <SerializableSelect {...args} value={args.value ?? 10} renderCode onChange={value => {
-      args.onChange(value);
-      updateArgs({
-        value
-      });
-    }} />;
-  },
-  args: {
-    value: 10,
-    renderCode: true
-  }
-}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
-  name: "Смена набора опций",
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<SerializableSelectProps<DepartmentOption, "id", "name">>();
-    const [showShortList, setShowShortList] = useStorybookState(false);
-    const options = useMemo(() => showShortList ? departmentOptions.filter(option => option.id !== 20) : departmentOptions, [showShortList]);
-    return <div style={{
-      display: "grid",
-      gap: "12px",
-      maxWidth: "320px"
-    }}>
-                <button type="button" onClick={() => setShowShortList(current => !current)}>
-                    {showShortList ? "Показать полный список" : "Скрыть одну опцию"}
-                </button>
-                <SerializableSelect {...args} options={options} value={args.value ?? 30} onChange={value => {
-        args.onChange(value);
-        updateArgs({
-          value
-        });
-      }} />
-            </div>;
-  },
-  args: {
-    value: 30
-  }
-}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
-  args: {
-    disabled: true,
-    value: 10
-  }
-}`,...C.parameters?.docs?.source}}},w=[`Controlled`,`Placeholder`,`WithCode`,`AsyncReloadLike`,`Disabled`]})))()}export{d as a,b as i,y as n,x as o,C as r,T as s,S as t};

package/storybook-static/assets/StateSelect-bHA1Vf6z.js

@@ -1,4 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-ltYEol2F.js";import{a as r,i}from"./utils-tg3ibbzi.js";import{a,h as o,o as s}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{n as c,t as l}from"./Select-CClfxa48.js";var u,d,f,p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{u=`p4nQdZ`,d=`_94tg5v`,f=`HyK7Zs`,p=`Mm4hrB`,m=`clxxBQ`,h=`_5pJ7o-`,g=`VV6hKN`,_=`cuQNP0`,v=`w7nIOT`,y=`ed-Afj`,b=`Lbxloe`,x={button:u,valueContainer:d,swatch:f,optionsPalette:p,optionsDetailed:m,option:h,optionPalette:g,optionDetailed:_,optionMeta:v,optionMetaIcon:y,optionMetaLabel:b}})))()}function C({state:e,className:t}){return(0,A.jsx)(`span`,{className:r(x.swatch,t),"data-empty":e===`none`?``:void 0,style:{"--state-color":s[e]}})}function w(e){return!!(e?.icon||e?.label)}function T(e,t){return typeof t?.label==`string`&&t.label.trim()?t.label:e||`empty`}function E(e){return w(e)?(0,A.jsxs)(`span`,{className:x.optionMeta,children:[e?.icon?(0,A.jsx)(`span`,{className:x.optionMetaIcon,children:e.icon}):null,e?.label?(0,A.jsx)(`span`,{className:x.optionMetaLabel,children:e.label}):null]}):null}function D(e,t){return(0,A.jsxs)(`div`,{className:x.valueContainer,children:[(0,A.jsx)(C,{state:e}),E(t)]})}function O({label:e,description:t,disabled:n,placeholder:i,size:o,value:s,onChange:c,options:u=a,stateMeta:d,className:f,clearable:p}){let m=(0,k.useMemo)(()=>Array.from(new Set(u)),[u]),h=m.some(e=>w(d?.[e])),g={getOptionKey:e=>e||`__empty_state__`,getOptionLabel:e=>d?.[e]?.label??e,getOptionAriaLabel:e=>T(e,d?.[e]),renderValue:e=>D(e,d?.[e]),renderOption:e=>(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(C,{state:e}),h?E(d?.[e]):null]}),buttonClassName:x.button,optionsContentClassName:r(h?x.optionsDetailed:x.optionsPalette),getOptionClassName:()=>r(x.option,h?x.optionDetailed:x.optionPalette)};return(0,A.jsx)(l,{label:e,description:t,disabled:n,placeholder:i,size:o,value:s,onChange:c,options:m,className:f,clearable:p,...g})}var k,A;function j(){return(j=e((()=>{k=t(),o(),i(),c(),S(),A=n(),O.__docgenInfo={description:`Специализированный селект для выбора цветового или статусного состояния. Используется там, где значению соответствует визуальный swatch.`,methods:[],displayName:`StateSelect`,props:{placeholder:{required:!1,tsType:{name:`string`},description:``},options:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`DEFAULT_VALUE_STATES`,computed:!0}},stateMeta:{required:!1,tsType:{name:`Partial`,elements:[{name:`Record`,elements:[{name:`State`},{name:`signature`,type:`object`,raw:`{
-	label?: string;
-	icon?: ReactNode;
-}`,signature:{properties:[{key:`label`,value:{name:`string`,required:!1}},{key:`icon`,value:{name:`ReactNode`,required:!1}}]}}],raw:`Record<State, StateMeta>`}],raw:`Partial<Record<State, StateMeta>>`},description:``},className:{required:!1,tsType:{name:`string`},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`Omit`]}})))()}export{j as n,O as t};

package/storybook-static/assets/TreeMultiSelect-BhFYUbr0.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-ltYEol2F.js";import{i as r,n as i,r as a,t as o}from"./formatMultiSelectOptionCount-xGq1uM2H.js";import{a as s,c,d as l,i as u,l as d,n as f,r as p,s as m,t as h}from"./TreePickerBase-CbULuQpp.js";function g(e,t){let n=l(e,t),r=Object.values(n).reduce((e,t)=>e+t.length,0);if(r!==0){if(r===1){let n=[...e].sort((e,n)=>(t.preorderIndexById.get(e)??2**53-1)-(t.preorderIndexById.get(n)??2**53-1))[0],r=t.nodeById.get(n);return r?r.label:void 0}return o(r)}}function _(e,t,n){let r=d(e,n),i=d(t,n);return r.size===i.size&&[...r].every(e=>i.has(e))}function v({label:e,description:t,disabled:n,placeholder:i=`Выберите значения`,size:a,nodes:o,value:f,onChange:v,query:x,defaultQuery:S,onQuery:C,isLoading:w,error:T,optionsLayout:E=`tree`,defaultExpandedCodeKeys:D}){let[O,k]=(0,y.useState)(!1),A=(0,y.useMemo)(()=>p(o),[o]),{draftValue:j,setDraftValue:M,prepareOpen:N}=r({value:f,open:O,onCommit:v,isEqual:(e,t)=>_(e,t,A)}),P=O?j:f,F=(0,y.useMemo)(()=>d(P,A),[P,A]),I=(0,y.useMemo)(()=>s(F,A),[F,A]),L=(0,y.useMemo)(()=>new Set([...A.nodeById.keys()].filter(e=>A.nodeById.get(e)?.disabled!==!0&&!m(e,F,A)&&!I.selectedIds.has(e)&&u(A,[e]).size===0)),[F,I.selectedIds,A]),R=(0,y.useMemo)(()=>g(F,A),[F,A]);return(0,b.jsx)(h,{label:e,description:t,disabled:n,placeholder:i,size:a,nodes:o,selectedIds:I.selectedIds,partialIds:I.partialIds,selectionMode:`multi`,optionsLayout:E,defaultExpandedCodeKeys:D,unavailableNodeIds:L,open:O,onOpenChange:e=>{e&&!O&&N(),k(e)},bulkActions:{onSelectAll:()=>{M(l(u(A),A))},onDeselectAll:()=>M({})},triggerMode:`search`,selectedSummary:R,query:x,defaultQuery:S,onQuery:C,onNodeActivate:(e,t)=>{M(c({},e.id,A,t))},onNodeToggleSelection:(e,t)=>{M(n=>c(n,e.id,A,t))},onClearSelection:()=>{M({}),O||v({})},isLoading:w,error:T})}var y,b;function x(){return(x=e((()=>{y=t(),i(),a(),f(),b=n(),v.__docgenInfo={description:``,methods:[],displayName:`TreeMultiSelect`,props:{nodes:{required:!0,tsType:{name:`unknown`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите значения"`,computed:!1}},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`string`},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:`Определяет обычное раскрываемое дерево или полностью открытый адаптивный набор колонок.`,defaultValue:{value:`"tree"`,computed:!1}},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:"Ключи уровней, узлы которых раскрываются до ручного действия пользователя.\nВ режиме `columns` дерево по-прежнему отображается полностью раскрытым."}},composes:[`Omit`]}})))()}export{x as n,v as t};

package/storybook-static/assets/TreeMultiSelect-CZIyMaIZ.js

@@ -1,20 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-ltYEol2F.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-Bdsl8TP-.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x}from"./TreeMultiSelect.stories-DG_mdSkQ.js";function S(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
-`,(0,w.jsx)(u,{children:`TreeMultiSelect`}),`
-`,(0,w.jsx)(o,{children:`Мультивыбор узлов дерева с компрессией subtree в parent`}),`
-`,(0,w.jsxs)(t.p,{children:[(0,w.jsx)(t.code,{children:`TreeMultiSelect`}),` хранит наружу не “все листья”, а канонизированный frontier по уровням дерева.`]}),`
-`,(0,w.jsxs)(t.p,{children:[`В режиме `,(0,w.jsx)(t.code,{children:`tree`}),` строки образуют `,(0,w.jsx)(t.code,{children:`treegrid`}),`: checkbox меняет только черновик и оставляет список открытым, а кнопка узла выбирает только этот узел, сразу применяет значение и закрывает список. При фокусе строки `,(0,w.jsx)(t.code,{children:`Space`}),` меняет черновик, `,(0,w.jsx)(t.code,{children:`Enter`}),` сразу применяет текущий узел, стрелки перемещают фокус и раскрывают ветки. Режим `,(0,w.jsx)(t.code,{children:`columns`}),` остаётся диалогом с тем же разделением действий checkbox и кнопки.`]}),`
-`,(0,w.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,w.jsx)(f,{}),`
-`,(0,w.jsx)(i,{of:_}),`
-`,(0,w.jsx)(t.h2,{id:`сценарии`,children:`Сценарии`}),`
-`,(0,w.jsx)(d,{of:_}),`
-`,(0,w.jsx)(d,{of:v}),`
-`,(0,w.jsx)(d,{of:h}),`
-`,(0,w.jsx)(d,{of:y}),`
-`,(0,w.jsx)(d,{of:x}),`
-`,(0,w.jsx)(d,{of:p}),`
-`,(0,w.jsx)(d,{of:b}),`
-`,(0,w.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,w.jsx)(l,{of:m}),`
-`,(0,w.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,w.jsx)(a,{includePrimary:!1})]})}function C(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,w.jsx)(t,{...e,children:(0,w.jsx)(S,{...e})}):S(e)}var w;function T(){return(T=e((()=>{w=t(),r(),c(),g()})))()}T();export{C as default};

package/storybook-static/assets/TreeMultiSelect.stories-DG_mdSkQ.js

@@ -1,60 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-ltYEol2F.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./TreeMultiSelect-BhFYUbr0.js";import{n as s,r as c,t as l}from"./treeStoryFixtures-DXHh9GL3.js";var u=t({BalancedColumns:()=>x,Basic:()=>_,FirstTwoLevelsExpanded:()=>b,MixedSelection:()=>y,OrphanProtectionColumns:()=>S,ParentCompression:()=>v,RightEdgeColumns:()=>C,__namedExportsOrder:()=>w,default:()=>g});function d({args:e,updateArgs:t}){return(0,f.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,f.jsx)(o,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,f.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,JSON.stringify(e.value)]})]})}var f,p,m,h,g,_,v,y,b,x,S,C,w;function T(){return(T=e((()=>{r(),a(),s(),f=n(),p=Array.from({length:66},(e,t)=>{let n=String(t+1).padStart(2,`0`),r=`D${n}`;return{id:`DIVISION:${r}`,codeKey:`DIVISION`,value:r,label:`Дивизион ${n}`,code:r,searchText:`${r} Дивизион ${n}`}}),m=i((e,t)=>(0,f.jsx)(d,{args:e,updateArgs:t})),h=i((e,t)=>(0,f.jsx)(`div`,{style:{display:`flex`,minHeight:`calc(100vh - 32px)`,alignItems:`center`,justifyContent:`flex-end`},children:(0,f.jsx)(`div`,{style:{width:260},children:(0,f.jsx)(d,{args:e,updateArgs:t})})})),g={title:`UI/TreeMultiSelect`,component:o,parameters:{atomicCanvas:!0,layout:`padded`},args:{label:`Выбор узлов`,description:`Мультивыбор с канонизацией subtree в ближайший parent.`,nodes:l,value:{},onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст без выбранных узлов.`,control:`text`},nodes:{description:`Дерево доступных узлов.`,control:!1},value:{description:`Контролируемое отображение выбранных узлов по codeKey.`,control:!1},onChange:{description:`Вызывается при commit набора узлов.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},isLoading:{description:`Показывает загрузку дерева.`,control:`boolean`},error:{description:`Текст ошибки загрузки.`,control:`text`},optionsLayout:{description:`Способ показа: дерево или адаптивные колонки.`,control:`inline-radio`,options:[`tree`,`columns`]},defaultExpandedCodeKeys:{description:`Ключи уровней, раскрываемых при открытии.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},_={render:m,args:{value:{OWNER:[`P0001`]}}},v={render:m,args:{label:`Компрессия parent`,description:`Когда выбран весь subtree, наружу может уйти только родительский узел.`,value:{REGION:[`R01`]}}},y={render:m,args:{label:`Смешанный выбор`,description:`Пример mixed frontier по соседним уровням.`,value:{BRANCH:[`B0101`],OWNER:[`P0004`]}}},b={render:m,args:{label:`Раскрыты два уровня`,description:`Уровни REGION и BRANCH раскрыты по умолчанию, остальные уровни остаются закрытыми.`,defaultExpandedCodeKeys:[`REGION`,`BRANCH`]}},x={render:m,args:{label:`Все уровни в столбцах`,description:`Popover подбирает число столбцов по количеству опций и доступному viewport.`,optionsLayout:`columns`,value:{BRANCH:[`B0101`]}}},S={render:m,args:{label:`Защита начала большой группы`,description:`Начало группы остаётся в текущем столбце при трёх свободных строках; при одной или двух переносится в новый.`,optionsLayout:`columns`,nodes:c}},C={render:h,args:{label:`Контрол у правой границы`,description:`Popover для 66 опций должен сравнить вертикальные и горизонтальные стороны и остаться внутри viewport.`,optionsLayout:`columns`,nodes:p}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
-  render: renderTreeMultiSelectStory,
-  args: {
-    value: {
-      OWNER: ["P0001"]
-    }
-  }
-}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
-  render: renderTreeMultiSelectStory,
-  args: {
-    label: "Компрессия parent",
-    description: "Когда выбран весь subtree, наружу может уйти только родительский узел.",
-    value: {
-      REGION: ["R01"]
-    }
-  }
-}`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
-  render: renderTreeMultiSelectStory,
-  args: {
-    label: "Смешанный выбор",
-    description: "Пример mixed frontier по соседним уровням.",
-    value: {
-      BRANCH: ["B0101"],
-      OWNER: ["P0004"]
-    }
-  }
-}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
-  render: renderTreeMultiSelectStory,
-  args: {
-    label: "Раскрыты два уровня",
-    description: "Уровни REGION и BRANCH раскрыты по умолчанию, остальные уровни остаются закрытыми.",
-    defaultExpandedCodeKeys: ["REGION", "BRANCH"]
-  }
-}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
-  render: renderTreeMultiSelectStory,
-  args: {
-    label: "Все уровни в столбцах",
-    description: "Popover подбирает число столбцов по количеству опций и доступному viewport.",
-    optionsLayout: "columns",
-    value: {
-      BRANCH: ["B0101"]
-    }
-  }
-}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
-  render: renderTreeMultiSelectStory,
-  args: {
-    label: "Защита начала большой группы",
-    description: "Начало группы остаётся в текущем столбце при трёх свободных строках; при одной или двух переносится в новый.",
-    optionsLayout: "columns",
-    nodes: orphanProtectionTreeNodes
-  }
-}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
-  render: renderRightEdgeTreeMultiSelectStory,
-  args: {
-    label: "Контрол у правой границы",
-    description: "Popover для 66 опций должен сравнить вертикальные и горизонтальные стороны и остаться внутри viewport.",
-    optionsLayout: "columns",
-    nodes: rightEdgeTreeNodes
-  }
-}`,...C.parameters?.docs?.source}}},w=[`Basic`,`ParentCompression`,`MixedSelection`,`FirstTwoLevelsExpanded`,`BalancedColumns`,`OrphanProtectionColumns`,`RightEdgeColumns`]})))()}export{S as a,u as c,y as i,T as l,_ as n,v as o,b as r,C as s,x as t};

package/storybook-static/assets/TreePickerBase-CbULuQpp.js

@@ -1,76 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./chevron-right-C8yfwmkk.js";import{n as i,t as a}from"./CheckBox-C-EWY4_-.js";import{n as o}from"./iframe-ltYEol2F.js";import{a as s,i as c,r as l,s as u,t as d}from"./utils-tg3ibbzi.js";import{n as f,t as p}from"./OptionContent-CXc6K3fK.js";import{l as m,o as h}from"./Input-b2F0zrLw.js";import{n as g,t as ee}from"./PickerField-w1JCZyzA.js";import{c as _,i as te,l as ne,n as re,r as ie,s as ae,t as v,u as y}from"./usePickerTriggerController-vNC5e_t0.js";import{a as oe,n as se,o as b,t as ce}from"./Option-ChGr-plg.js";import{i as le,n as ue,r as de,t as fe}from"./usePickerQuery-OTz4Oze6.js";import{n as pe,t as me}from"./OptionButton-D6mT04a1.js";import{n as x,t as he}from"./OptionContentContainer-D0p7mbft.js";function S(e,t){return`${e}::${t}`}function ge(e){let t=new Map,n=new Map,r=new Map,i=new Map,a=new Map,o=new Map,s=new Map,c=0,l=(e,u)=>{t.set(e.id,e),n.set(e.id,u),i.set(e.id,c++);let d=S(e.codeKey,e.value);a.set(d,e.id);let f=o.get(d);f?f.push(e.id):o.set(d,[e.id]);let p=(e.children??[]).map(e=>e.id);r.set(e.id,p);for(let t of e.children??[])l(t,e.id);s.set(e.id,e.disabled===!0||p.some(e=>s.get(e)===!0))};for(let t of e)l(t);return{rootIds:e.map(e=>e.id),nodeById:t,parentById:n,childrenById:r,preorderIndexById:i,nodeIdByCodeValue:a,nodeIdsByCodeValue:o,subtreeContainsDisabledById:s}}function C(e,t){let n=t.nodeById.get(e);return n?t.nodeIdsByCodeValue.get(S(n.codeKey,n.value))??[]:[]}function _e(e,t){if(e)return t.nodeIdByCodeValue.get(S(e.codeKey,e.value))}function w(e,t){let n=new Set;if(!e)return n;for(let[r,i]of Object.entries(e))for(let e of i)for(let i of t.nodeIdsByCodeValue.get(S(r,e))??[])n.add(i);return A(n,t)}function T(e,t){let n=[...e].sort((e,n)=>(t.preorderIndexById.get(e)??2**53-1)-(t.preorderIndexById.get(n)??2**53-1)),r={},i=new Set;for(let e of n){let n=t.nodeById.get(e);if(!n)continue;let a=S(n.codeKey,n.value);i.has(a)||(r[n.codeKey]=r[n.codeKey]??[],r[n.codeKey].push(n.value),i.add(a))}return r}function ve(e,t){let n=[],r=t.parentById.get(e);for(;r;)n.push(r),r=t.parentById.get(r);return n}function ye(e,t,n){let r=n.parentById.get(e);for(;r;){if(r===t)return!0;r=n.parentById.get(r)}return!1}function E(e,t){let n=C(e,t);return!n.length||n.some(e=>{let n=t.nodeById.get(e);return!n||n.selectionBehavior===`descendants`||t.subtreeContainsDisabledById.get(e)===!0})?!1:!n.some((e,r)=>n.some((n,i)=>r!==i&&(ye(e,n,t)||ye(n,e,t))))}function be(e,t){return E(e,t)?C(e,t):[e]}function xe(e,t,n){for(let r of[...e])ye(r,t,n)&&e.delete(r)}function D(e,t,n){let r=[t];for(let t=0;t<r.length;t+=1){let i=r[t];if(i){r.push(...n.childrenById.get(i)??[]);for(let t of C(i,n))e.delete(t)}}}function O(e,t,n){if(t.has(e))return!0;if(n.nodeById.get(e)?.disabled)return!1;let r=n.childrenById.get(e)??[];return r.length!==0&&r.every(e=>O(e,t,n))}function k(e,t,n){if(!n.nodeById.has(e))return!1;let r=t.childrenById.get(e)??[],i=n.childrenById.get(e)??[];return r.length===i.length&&r.every((e,r)=>i[r]===e&&k(e,t,n))}function A(e,t){let n=new Set(e);for(let e of[...n])if(t.nodeById.get(e)?.selectionBehavior===`descendants`){n.delete(e);for(let r of F(t,t.childrenById.get(e)??[]))n.add(r)}for(let e of[...n])ve(e,t).some(e=>n.has(e))&&n.delete(e);let r=[...t.nodeById.keys()].sort((e,n)=>(t.preorderIndexById.get(n)??0)-(t.preorderIndexById.get(e)??0));for(let e of r){let r=t.childrenById.get(e)??[];if(!(r.length===0||n.has(e)||t.nodeById.get(e)?.disabled||t.nodeById.get(e)?.selectionBehavior===`descendants`)&&r.every(e=>O(e,n,t))){let r=C(e,t);if(E(e,t)&&r.every(e=>{let r=t.nodeById.get(e);return r&&!r.disabled&&r.selectionBehavior!==`descendants`&&O(e,n,t)}))for(let e of r)xe(n,e,t),n.add(e)}}return n}function j(e,t,n){let r=n.parentById.get(t);for(;r;){if(e.has(r)){for(let t of C(r,n))if(e.has(t)){e.delete(t);for(let r of F(n,n.childrenById.get(t)??[]))e.add(r)}return!0}r=n.parentById.get(r)}return!1}function M(e,t,n){return t.has(e)?!0:ve(e,n).some(e=>t.has(e))}function N(e,t,n,r){let i=n.childrenById.get(e)??[];if(t.has(e))return r.selectedIds.add(e),{selected:!0,partial:!1};if(i.length===0)return{selected:!1,partial:!1};let a=i.map(e=>N(e,t,n,r)),o=a.every(e=>e.selected&&!e.partial),s=a.some(e=>e.selected||e.partial);return o?(r.selectedIds.add(e),{selected:!0,partial:!1}):s?(r.partialIds.add(e),{selected:!1,partial:!0}):{selected:!1,partial:!1}}function P(e,t){let n={selectedIds:new Set,partialIds:new Set};for(let r of t.rootIds)N(r,e,t,n);return n}function F(e,t=e.rootIds){let n=t=>{let r=e.nodeById.get(t),i=(e.childrenById.get(t)??[]).map(n),a=i.flatMap(e=>e.selectedIds),o=r?.disabled===!0||i.some(e=>e.containsDisabled);if(!r||r.disabled)return{containsDisabled:!0,selectedIds:a};if(r.selectionBehavior===`descendants`)return{containsDisabled:o,selectedIds:a};let s=!E(t,e);return o||s?{containsDisabled:!0,selectedIds:a}:{containsDisabled:!1,selectedIds:[t]}};return new Set(t.flatMap(e=>n(e).selectedIds))}function Se(e,t,n,r){let i=w(e,n),a=r!==void 0&&!k(t,n,r);if(!a&&O(t,i,n))return D(i,t,n),T(A(i,n),n);let o=e=>{if(i.has(e)){D(i,e,n);return}if(O(e,i,n)){D(i,e,n);return}if(M(e,i,n)){j(i,e,n)&&(M(e,i,n)||O(e,i,n)?o(e):D(i,e,n));return}for(let t of be(e,n))xe(i,t,n),i.add(t)},s=e=>{if(!r?.nodeById.has(e))return[];if(k(e,n,r)){let t=[...F(n,[e])];return t.length>0?t:M(e,i,n)||O(e,i,n)?[e]:[]}return(r.childrenById.get(e)??[]).flatMap(s)},c=a?s(t):[...F(n,[t])],l=c.length===0&&(M(t,i,n)||O(t,i,n))?[t]:c,u=l.length>0&&l.every(e=>M(e,i,n)||O(e,i,n));for(let e of l){let t=M(e,i,n)||O(e,i,n);(u&&t||!u&&!t)&&o(e)}return T(A(i,n),n)}function Ce(e,t,n){let r=t.parentById.get(e);for(;r;)n.add(r),r=t.parentById.get(r)}function we(e,t){let n=new Set;for(let r of e)Ce(r,t,n);return n}function Te(e,t,n){let r=new Set;for(let[i,a]of e.childrenById){if(a.length===0)continue;let o=e.nodeById.get(i);o&&(n.get(i)??t.has(o.codeKey))&&r.add(i)}return r}function I(e,t,n){let r=(e.children??[]).map(e=>I(e,t,n)).filter(e=>!!e);return!e.searchText.toLowerCase().includes(t)&&r.length===0?null:(r.length>0&&n.add(e.id),r.length===0?e:{...e,children:r})}function Ee(e,t){let n=t.trim().toLowerCase();if(!n)return{nodes:[...e],expandedIds:new Set};let r=new Set;return{nodes:e.map(e=>I(e,n,r)).filter(e=>!!e),expandedIds:r}}function De(e,t){let n=[],r=(e,i,a)=>{let o=(e.children?.length??0)>0,s=o&&t.has(e.id);if(n.push({node:e,level:i,parentId:a,hasChildren:o,isExpanded:s,isLeaf:!o}),s)for(let t of e.children??[])r(t,i+1,e.id)};for(let t of e)r(t,0);return n}function L(){return(L=e((()=>{})))()}function Oe(e){let t=[],n=0;for(;n<e.length;){let r=n+1;for(;r<e.length&&e[r]?.level!==0;)r+=1;t.push({startIndex:n,endIndexExclusive:r}),n=r}let r=t.map(({startIndex:e,endIndexExclusive:t})=>`${e}:${t}`).join(`|`);return{itemCount:e.length,groups:t,signature:`${e.length}|${r}`}}function R(e,t){return Number.isFinite(e)&&e>0?e:t}function z(e){let t=e.endIndexExclusive-e.startIndex;return Math.min(G,t)}function B(e,t){let n=Math.max(1,t),r=[],i=1,a=1,o=0;for(let t of e.groups){let e=z(t),s=n-a+1;a>1&&e>s&&(o+=s,i+=1,a=1);for(let e=t.startIndex;e<t.endIndexExclusive;e+=1)r[e]={column:i,row:a},a+=1,a>n&&(i+=1,a=1)}return{placements:r,usedColumnCount:r.length?Math.max(...r.map(e=>e.column)):1,intentionalGapCount:o}}function ke({descriptor:e,availableWidth:t,availableHeight:n,viewportWidth:r,viewportHeight:i,referenceWidth:a}){let o=Math.max(0,Math.floor(Number.isFinite(e.itemCount)?e.itemCount:0)),s=R(t,240),c=R(n,80),l=R(r,s+16),u=R(i,c),d=Math.max(1,Math.min(s,Math.max(1,l-16))),f=Math.max(1,Math.min(c,u-16)),p=Math.max(1,R(a,1)),m=Math.min(d,p),h=Math.max(1,Math.floor((d-V+U)/234)),g=Math.max(1,Math.min(W,h,o||1)),ee=e.groups.reduce((e,t)=>Math.max(e,z(t)),1);if(o===0)return{columnCount:1,rowCount:1,width:m,minWidth:m,maxHeight:f,placements:[]};let _,te=1/0;for(let t=1;t<=g;t+=1){let n=Math.max(ee,Math.ceil(o/t)),r=B(e,n);for(;r.usedColumnCount>t&&n<o;)n+=1,r=B(e,n);let i=r.usedColumnCount,a=Math.max(m,V+i*Ae+(i-1)*U),s=H+n*je,c=a/d,l=s/f,u=(i*n-o)/o,p=r.intentionalGapCount/o,h=Math.max(c,l)+.25*Math.abs(c-l)+.01*u+.02*p+.04*(i-1);h<te&&(te=h,_={columnCount:i,rowCount:n,width:Math.min(d,a),minWidth:m,maxHeight:f,placements:r.placements})}return _??{columnCount:1,rowCount:o,width:m,minWidth:m,maxHeight:f,placements:B(e,o).placements}}var V,H,Ae,U,je,W,G;function Me(){return(Me=e((()=>{V=16,H=48,Ae=224,U=10,je=32,W=6,G=3})))()}var K,Ne,Pe,Fe,Ie,Le,Re,ze,Be,Ve,q,He,Ue,J;function We(){return(We=e((()=>{K=`_6EH37F`,Ne=`UBll8Q`,Pe=`-y3RZP`,Fe=`ayLJ50`,Ie=`_430vL2`,Le=`_2MFkGF`,Re=`JhnGSK`,ze=`_0cHzF8`,Be=`o5NWnX`,Ve=`ibSd-S`,q=`lXezvv`,He=`FMlLGX`,Ue=`d2Zt7U`,J={treeNodeButton:K,treePopupHeader:Ne,treeColumns:Pe,treeColumnRow:Fe,treeColumnsPopupLayout:Ie,treeColumnCheckBox:Le,treeNodeSelectionCell:Re,treeNodeActionCell:ze,treeIndent:Be,treeExpander:Ve,treeExpanderPlaceholder:q,treeExpanderIcon:He,treeExpanderIconExpanded:Ue}})))()}function Ge({node:e,level:t,highlight:n,hasChildren:i,isExpanded:o,selected:c,partial:l,selectionMode:u,optionsLayout:d=`tree`,onToggleExpand:f,onToggleSelection:m,onActivate:h,actionRef:g}){let ee=d===`tree`,_=d===`columns`&&t===0,te=(0,Y.jsx)(p,{text:e.label,code:e.code,searchText:n,emphasizeContent:_}),ne=i?(0,Y.jsx)(`span`,{className:J.treeExpander,"aria-hidden":`true`,onMouseDown:e=>e.preventDefault(),onClick:e=>{e.stopPropagation(),f?.()},"data-ui":`tree-select-expander`,"data-action":o?`collapse-tree-select-node`:`expand-tree-select-node`,children:(0,Y.jsx)(r,{className:s(J.treeExpanderIcon,o&&J.treeExpanderIconExpanded)})}):(0,Y.jsx)(`div`,{className:J.treeExpanderPlaceholder,"aria-hidden":`true`});return u===`multi`&&d===`tree`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{role:`gridcell`,className:J.treeNodeSelectionCell,children:[(0,Y.jsx)(`div`,{className:J.treeIndent,style:{"--tree-level":t},"aria-hidden":`true`}),ne,(0,Y.jsx)(`div`,{className:J.treeColumnCheckBox,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,Y.jsx)(a,{value:c,indeterminate:l,disabled:e.disabled,"aria-label":`${c?`Убрать`:`Добавить`} «${e.label}» ${c?`из выбора`:`в выбор`}`,onChange:()=>m?.()})})]}),(0,Y.jsx)(`div`,{role:`gridcell`,className:J.treeNodeActionCell,children:(0,Y.jsx)(me,{ref:g,className:J.treeNodeButton,tabIndex:-1,disabled:e.disabled,"aria-label":`Выбрать только «${e.label}»`,text:e.label,code:e.code,searchText:n,onMouseDown:e=>e.preventDefault(),onClick:h})})]}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:J.treeIndent,style:{"--tree-level":t},"aria-hidden":`true`}),ee?ne:null,u===`multi`?(0,Y.jsx)(`div`,{className:J.treeColumnCheckBox,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,Y.jsx)(a,{value:c,indeterminate:l,disabled:e.disabled,"aria-label":`Выбрать ${e.label}`,onChange:()=>m?.()})}):null,d===`tree`?(0,Y.jsx)(he,{className:J.treeNodeButton,children:te}):(0,Y.jsx)(me,{ref:g,className:J.treeNodeButton,tabIndex:-1,disabled:e.disabled,text:e.label,code:e.code,searchText:n,emphasizeContent:_,onMouseDown:e=>e.preventDefault(),onClick:h})]})}var Y;function Ke(){return(Ke=e((()=>{c(),n(),i(),pe(),f(),x(),We(),Y=o(),Ge.__docgenInfo={description:``,methods:[],displayName:`TreeNodeContent`,props:{node:{required:!0,tsType:{name:`signature`,type:`object`,raw:`{
-	id: string;
-	codeKey: string;
-	value: string;
-	label: string;
-	code?: string;
-	searchText: string;
-	children?: TreeSelectNode[];
-	disabled?: boolean;
-	selectionBehavior?: TreeMultiSelectNodeSelectionBehavior;
-}`,signature:{properties:[{key:`id`,value:{name:`string`,required:!0}},{key:`codeKey`,value:{name:`string`,required:!0}},{key:`value`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`string`,required:!0}},{key:`code`,value:{name:`string`,required:!1}},{key:`searchText`,value:{name:`string`,required:!0}},{key:`children`,value:{name:`Array`,elements:[{name:`TreeSelectNode`}],raw:`TreeSelectNode[]`,required:!1}},{key:`disabled`,value:{name:`boolean`,required:!1}},{key:`selectionBehavior`,value:{name:`union`,raw:`"self" | "descendants"`,elements:[{name:`literal`,value:`"self"`},{name:`literal`,value:`"descendants"`}],required:!1}}]}},description:``},level:{required:!0,tsType:{name:`number`},description:``},highlight:{required:!1,tsType:{name:`string`},description:``},hasChildren:{required:!0,tsType:{name:`boolean`},description:``},isExpanded:{required:!0,tsType:{name:`boolean`},description:``},selected:{required:!0,tsType:{name:`boolean`},description:``},partial:{required:!0,tsType:{name:`boolean`},description:``},selectionMode:{required:!0,tsType:{name:`union`,raw:`"single" | "multi"`,elements:[{name:`literal`,value:`"single"`},{name:`literal`,value:`"multi"`}]},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:``,defaultValue:{value:`"tree"`,computed:!1}},onToggleExpand:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onToggleSelection:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onActivate:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},actionRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`},description:``}}}})))()}function qe({label:e,description:t,disabled:n,placeholder:r,size:i,nodes:a,selectedIds:o,partialIds:c,selectionMode:f,optionsLayout:p=`tree`,defaultExpandedCodeKeys:m,unavailableNodeIds:g,open:_,onOpenChange:ie,bulkActions:v,triggerMode:y=`display`,selectedSummary:se,selectedSummaryText:b,query:le,defaultQuery:fe,onQuery:pe,onNodeActivate:me,onNodeToggleSelection:x,onClearSelection:he,isLoading:S,error:C}){let _e=(0,X.useRef)(null),w=(0,X.useRef)(null),T=(0,X.useRef)([]),[ve,ye]=(0,X.useState)(!1),[E,be]=(0,X.useState)(),xe=_!==void 0,D=xe?_:ve,[O,k]=(0,X.useState)(()=>new Map),A=y===`search`?f===`multi`?`search-multi`:`search-single`:`display`,j=(0,X.useMemo)(()=>ge(a),[a]),N=(0,X.useMemo)(()=>new Set(m),[m]),{query:P,setQuery:F,resetQueryOnClose:Se}=ue({query:le,defaultQuery:fe,onQuery:pe,triggerMode:A}),Ce=e=>{D&&!e&&Se&&F(``),e||be(void 0),xe||ye(e),ie?.(e)},{nodes:I,expandedIds:L}=(0,X.useMemo)(()=>Ee(a,P),[a,P]),R=(0,X.useMemo)(()=>ge(I),[I]),z=P.trim().length>0?R:void 0,B=(0,X.useMemo)(()=>we(o,j),[o,j]),V=(0,X.useMemo)(()=>Te(j,N,O),[N,O,j]),H=(0,X.useMemo)(()=>new Set([...j.childrenById].filter(([,e])=>e.length>0).map(([e])=>e)),[j]),Ae=(0,X.useMemo)(()=>p===`columns`?H:new Set([...V,...L,...B]),[H,V,p,L,B]),U=(0,X.useMemo)(()=>De(I,Ae),[I,Ae]),je=(0,X.useMemo)(()=>U.findIndex(e=>o.has(e.node.id)),[o,U]),W=(0,X.useCallback)(e=>e.node.disabled===!0||g?.has(e.node.id)===!0,[g]),G=(0,X.useMemo)(()=>Oe(U),[U]),Me=(0,X.useCallback)(e=>{let t=ke({...e,descriptor:G}),n={};return t.placements.forEach((e,t)=>{n[`--tree-option-${t}-column`]=String(e.column),n[`--tree-option-${t}-row`]=String(e.row)}),{width:`${t.width}px`,minWidth:`${t.minWidth}px`,maxWidth:`${t.width}px`,maxHeight:`${t.maxHeight}px`,"--tree-column-count":String(t.columnCount),"--tree-row-count":String(t.rowCount),...n}},[G]),{activeIndex:K,context:Ne,floatingStyles:Pe,getFloatingProps:Fe,setReference:Ie,setFloating:Le,setOptionRef:Re,close:ze,openList:Be,toggleOpen:Ve,selectOption:q,handleReferenceKeyDown:He,handleFloatingKeyDown:Ue,getOptionId:We,getActiveOptionId:Y}=te({options:U,selectedIndex:je,open:D,onOpenChange:Ce,onSelect:e=>me(e.node,z),getOptionDisabled:W,disabled:n||S,closeOnSelect:!0,allowOpenWithoutOptions:!0,triggerMode:A,placementStrategy:p===`columns`?`auto`:`flip`,resolveFloatingSize:p===`columns`?Me:void 0}),Ke=E?U.findIndex(e=>e.node.id===E):-1,qe=Ke>=0?Ke:K,Je=Ne.update,Ye=o.size>0,Xe=y===`search`&&(D||P.length>0),Ze=Xe?P:b??``,Q=re({mode:A,open:D,currentQuery:P,hasDisplayValue:!!b,inputRef:_e,setQuery:F,openList:Be,close:ze,toggleOpen:Ve}),Qe=p===`columns`&&f===`multi`&&v,$e=y===`display`,et=Qe||$e?(0,Z.jsxs)(`div`,{className:J.treePopupHeader,children:[Qe?(0,Z.jsx)(oe,{onSelectAll:v.onSelectAll,onDeselectAll:v.onDeselectAll,selectAllButtonRef:w}):null,$e?(0,Z.jsx)(h,{value:P,onChange:F,onClear:()=>F(``),placeholder:`Поиск по дереву`,onKeyDown:e=>{e.key!==`Escape`&&e.key!==`Tab`&&e.stopPropagation()},onClick:e=>{e.stopPropagation()}}):null]}):void 0;(0,X.useLayoutEffect)(()=>{D&&p===`columns`&&Je()},[G.signature,D,p,Je]);let tt=e=>{_e.current=e},nt=()=>{he?.(),F(``),f===`single`&&ze()},rt=e=>{e.hasChildren&&k(t=>{let n=new Map(t),r=t.get(e.node.id)??N.has(e.node.codeKey);return n.set(e.node.id,!r),n})},it=e=>{T.current[e]?.focus()},at=(e,t,n)=>{if(e.target===e.currentTarget){if(e.key===`ArrowDown`||e.key===`ArrowUp`){e.preventDefault();let t=e.key===`ArrowDown`?1:-1;it(d(U,n,t,W));return}if(e.key===`Home`||e.key===`End`){e.preventDefault();let t=e.key===`Home`?l(U,W):u(U,W);it(t);return}if(p===`tree`&&e.key===`ArrowRight`){if(e.preventDefault(),t.hasChildren&&!t.isExpanded){rt(t);return}let r=U[n+1];t.isExpanded&&r?.parentId===t.node.id&&it(n+1);return}if(p===`tree`&&e.key===`ArrowLeft`){if(e.preventDefault(),t.hasChildren&&t.isExpanded){rt(t);return}t.parentId&&it(U.findIndex(e=>e.node.id===t.parentId));return}if(e.key===` `&&f===`multi`&&!W(t)){e.preventDefault(),x?.(t.node,z);return}e.key===`Enter`&&!W(t)&&(e.preventDefault(),q(t))}},$=p===`tree`&&f===`multi`,ot=e=>{if($&&e.target===e.currentTarget&&e.key===` `){e.preventDefault();let t=K>=0?U[K]:void 0;t&&!W(t)&&x?.(t.node,z);return}Ue(e)};return(0,Z.jsx)(ee,{label:e,description:t,disabled:n,size:i,children:({controlId:t,labelId:i,describedBy:a})=>{let l=`${t}-${p===`columns`?`dialog`:$?`treegrid`:`tree`}`,u=typeof e==`string`?e:r;return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(ae,{ref:tt,rootRef:Ie,id:t,type:`text`,role:`combobox`,autoComplete:`off`,isLoading:S,disabled:n,open:D,optionCount:j.nodeById.size,label:e,placeholder:r,readOnly:y!==`search`,value:Ze,selectedValue:se??b,hasSelection:Ye,showSelectedValue:Ye&&(A===`search-multi`?P.length===0:!Xe),clearable:he!==void 0,onClear:nt,onToggleMouseDown:Q.handleToggleMouseDown,onToggleClick:Q.handleToggleClick,"aria-labelledby":i,"aria-label":i?void 0:r,"aria-describedby":a,"aria-haspopup":p===`columns`?`dialog`:$?`grid`:`tree`,"aria-expanded":D,"aria-controls":D?l:void 0,"aria-autocomplete":p!==`columns`&&y===`search`?`list`:`none`,"aria-activedescendant":p!==`columns`&&D&&U.length>0?Y(l):void 0,onChange:e=>{y===`search`&&Q.handleTriggerInputChange(e.target.value)},onClick:Q.handleTriggerClick,onFocus:e=>{be(void 0),Q.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{if(p===`columns`&&D&&e.key===`Tab`&&!e.shiftKey&&w.current){e.preventDefault(),w.current.focus();return}if(He(e),!e.defaultPrevented){if($&&D&&e.ctrlKey&&e.key===` `){e.preventDefault();let t=K>=0?U[K]:void 0;t&&!W(t)&&x?.(t.node,z);return}Q.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{let e=K>=0?U[K]:void 0;e&&q(e)},enableSpaceActivation:y===`display`})}}}),(0,Z.jsx)(ne,{open:D,context:Ne,floatingStyles:Pe,listId:l,labelId:i,popupAriaLabel:u,descriptionId:a,activeOptionId:p!==`columns`&&U.length>0?Y(l):void 0,ariaMultiselectable:$,popupRole:p===`columns`?`dialog`:$?`treegrid`:`tree`,setFloating:Le,getFloatingProps:Fe,onKeyDown:ot,layoutClassName:p===`columns`?J.treeColumnsPopupLayout:void 0,bodyClassName:`scrollable`,toolbar:et,children:(0,Z.jsx)(`div`,{role:`presentation`,className:s(p===`columns`&&J.treeColumns),children:U.length===0?(0,Z.jsx)(de,{errorState:C,emptyState:!C&&!S?`Нет данных`:void 0}):U.map((e,t)=>{let n=f===`multi`?M(e.node.id,o,j):o.has(e.node.id),r=f===`multi`&&!n&&c.has(e.node.id),i=t===qe,a=e.node.disabled===!0||g?.has(e.node.id)===!0;return(0,Z.jsx)(ce,{"data-ui":`tree-select-option`,id:We(l,t),ref:p===`tree`?e=>{T.current[t]=e,Re(t,e)}:void 0,tabIndex:p===`tree`?-1:void 0,role:p===`tree`?$?`row`:`treeitem`:void 0,"aria-level":p===`tree`?e.level+1:void 0,"aria-expanded":p===`tree`&&e.hasChildren?e.isExpanded:void 0,"aria-selected":p===`columns`?void 0:n,"aria-disabled":a||void 0,disabled:a,active:i,selected:n,onFocus:()=>be(e.node.id),onKeyDown:p===`tree`?n=>at(n,e,t):void 0,onMouseDown:p===`tree`&&!$?e=>e.preventDefault():void 0,onClick:p===`tree`&&!$?()=>q(e):void 0,className:p===`columns`?J.treeColumnRow:void 0,style:p===`columns`?{"--tree-option-column":`var(--tree-option-${t}-column, auto)`,"--tree-option-row":`var(--tree-option-${t}-row, auto)`}:void 0,children:(0,Z.jsx)(Ge,{node:a?{...e.node,disabled:!0}:e.node,level:e.level,highlight:P,hasChildren:e.hasChildren,isExpanded:e.isExpanded,selected:n,partial:r,selectionMode:f,optionsLayout:p,actionRef:p===`columns`?e=>{T.current[t]=e,Re(t,e)}:void 0,onToggleExpand:()=>rt(e),onToggleSelection:()=>x?.(e.node,z),onActivate:()=>q(e)})},e.node.id)})})})]})}})}var X,Z;function Je(){return(Je=e((()=>{X=t(),c(),m(),se(),g(),y(),b(),le(),_(),ie(),fe(),v(),Me(),Ke(),We(),Z=o(),qe.__docgenInfo={description:``,methods:[],displayName:`TreePickerBase`,props:{nodes:{required:!0,tsType:{name:`unknown`},description:``},selectedIds:{required:!0,tsType:{name:`Set`,elements:[{name:`string`}],raw:`Set<string>`},description:``},partialIds:{required:!0,tsType:{name:`Set`,elements:[{name:`string`}],raw:`Set<string>`},description:``},selectionMode:{required:!0,tsType:{name:`union`,raw:`"single" | "multi"`,elements:[{name:`literal`,value:`"single"`},{name:`literal`,value:`"multi"`}]},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:``,defaultValue:{value:`"tree"`,computed:!1}},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:``},unavailableNodeIds:{required:!1,tsType:{name:`ReadonlySet`,elements:[{name:`string`}],raw:`ReadonlySet<string>`},description:`Узлы, которые текущий multi-select contract не может безопасно сериализовать.`},open:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``},bulkActions:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
-	onSelectAll: () => void;
-	onDeselectAll: () => void;
-}`,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}}]}},description:``},triggerMode:{required:!1,tsType:{name:`union`,raw:`"display" | "search"`,elements:[{name:`literal`,value:`"display"`},{name:`literal`,value:`"search"`}]},description:``,defaultValue:{value:`"display"`,computed:!1}},selectedSummary:{required:!1,tsType:{name:`ReactNode`},description:``},selectedSummaryText:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},onNodeActivate:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(node: TreeSelectNode, selectionScopeIndex?: TreeNodeIndex) => void`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{
-	id: string;
-	codeKey: string;
-	value: string;
-	label: string;
-	code?: string;
-	searchText: string;
-	children?: TreeSelectNode[];
-	disabled?: boolean;
-	selectionBehavior?: TreeMultiSelectNodeSelectionBehavior;
-}`,signature:{properties:[{key:`id`,value:{name:`string`,required:!0}},{key:`codeKey`,value:{name:`string`,required:!0}},{key:`value`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`string`,required:!0}},{key:`code`,value:{name:`string`,required:!1}},{key:`searchText`,value:{name:`string`,required:!0}},{key:`children`,value:{name:`Array`,elements:[{name:`TreeSelectNode`}],raw:`TreeSelectNode[]`,required:!1}},{key:`disabled`,value:{name:`boolean`,required:!1}},{key:`selectionBehavior`,value:{name:`union`,raw:`"self" | "descendants"`,elements:[{name:`literal`,value:`"self"`},{name:`literal`,value:`"descendants"`}],required:!1}}]}},name:`node`},{type:{name:`signature`,type:`object`,raw:`{
-	rootIds: string[];
-	nodeById: Map<string, TreeSelectNode>;
-	parentById: Map<string, string | undefined>;
-	childrenById: Map<string, string[]>;
-	preorderIndexById: Map<string, number>;
-	nodeIdByCodeValue: Map<string, string>;
-	/** Все визуальные узлы одного сериализуемого значения в порядке обхода дерева. */
-	nodeIdsByCodeValue: Map<string, string[]>;
-	/** Признак disabled-ограничения в узле или любом его потомке. */
-	subtreeContainsDisabledById: Map<string, boolean>;
-}`,signature:{properties:[{key:`rootIds`,value:{name:`Array`,elements:[{name:`string`}],raw:`string[]`,required:!0}},{key:`nodeById`,value:{name:`Map`,elements:[{name:`string`},{name:`signature`,type:`object`,raw:`{
-	id: string;
-	codeKey: string;
-	value: string;
-	label: string;
-	code?: string;
-	searchText: string;
-	children?: TreeSelectNode[];
-	disabled?: boolean;
-	selectionBehavior?: TreeMultiSelectNodeSelectionBehavior;
-}`,signature:{properties:[{key:`id`,value:{name:`string`,required:!0}},{key:`codeKey`,value:{name:`string`,required:!0}},{key:`value`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`string`,required:!0}},{key:`code`,value:{name:`string`,required:!1}},{key:`searchText`,value:{name:`string`,required:!0}},{key:`children`,value:{name:`Array`,elements:[{name:`TreeSelectNode`}],raw:`TreeSelectNode[]`,required:!1}},{key:`disabled`,value:{name:`boolean`,required:!1}},{key:`selectionBehavior`,value:{name:`union`,raw:`"self" | "descendants"`,elements:[{name:`literal`,value:`"self"`},{name:`literal`,value:`"descendants"`}],required:!1}}]}}],raw:`Map<string, TreeSelectNode>`,required:!0}},{key:`parentById`,value:{name:`Map`,elements:[{name:`string`},{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}],raw:`Map<string, string | undefined>`,required:!0}},{key:`childrenById`,value:{name:`Map`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Map<string, string[]>`,required:!0}},{key:`preorderIndexById`,value:{name:`Map`,elements:[{name:`string`},{name:`number`}],raw:`Map<string, number>`,required:!0}},{key:`nodeIdByCodeValue`,value:{name:`Map`,elements:[{name:`string`},{name:`string`}],raw:`Map<string, string>`,required:!0}},{key:`nodeIdsByCodeValue`,value:{name:`Map`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Map<string, string[]>`,required:!0},description:`Все визуальные узлы одного сериализуемого значения в порядке обхода дерева.`},{key:`subtreeContainsDisabledById`,value:{name:`Map`,elements:[{name:`string`},{name:`boolean`}],raw:`Map<string, boolean>`,required:!0},description:`Признак disabled-ограничения в узле или любом его потомке.`}]}},name:`selectionScopeIndex`}],return:{name:`void`}}},description:`Основное действие OptionButton выбирает узел и завершает текущий выбор.`},onNodeToggleSelection:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(node: TreeSelectNode, selectionScopeIndex?: TreeNodeIndex) => void`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{
-	id: string;
-	codeKey: string;
-	value: string;
-	label: string;
-	code?: string;
-	searchText: string;
-	children?: TreeSelectNode[];
-	disabled?: boolean;
-	selectionBehavior?: TreeMultiSelectNodeSelectionBehavior;
-}`,signature:{properties:[{key:`id`,value:{name:`string`,required:!0}},{key:`codeKey`,value:{name:`string`,required:!0}},{key:`value`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`string`,required:!0}},{key:`code`,value:{name:`string`,required:!1}},{key:`searchText`,value:{name:`string`,required:!0}},{key:`children`,value:{name:`Array`,elements:[{name:`TreeSelectNode`}],raw:`TreeSelectNode[]`,required:!1}},{key:`disabled`,value:{name:`boolean`,required:!1}},{key:`selectionBehavior`,value:{name:`union`,raw:`"self" | "descendants"`,elements:[{name:`literal`,value:`"self"`},{name:`literal`,value:`"descendants"`}],required:!1}}]}},name:`node`},{type:{name:`signature`,type:`object`,raw:`{
-	rootIds: string[];
-	nodeById: Map<string, TreeSelectNode>;
-	parentById: Map<string, string | undefined>;
-	childrenById: Map<string, string[]>;
-	preorderIndexById: Map<string, number>;
-	nodeIdByCodeValue: Map<string, string>;
-	/** Все визуальные узлы одного сериализуемого значения в порядке обхода дерева. */
-	nodeIdsByCodeValue: Map<string, string[]>;
-	/** Признак disabled-ограничения в узле или любом его потомке. */
-	subtreeContainsDisabledById: Map<string, boolean>;
-}`,signature:{properties:[{key:`rootIds`,value:{name:`Array`,elements:[{name:`string`}],raw:`string[]`,required:!0}},{key:`nodeById`,value:{name:`Map`,elements:[{name:`string`},{name:`signature`,type:`object`,raw:`{
-	id: string;
-	codeKey: string;
-	value: string;
-	label: string;
-	code?: string;
-	searchText: string;
-	children?: TreeSelectNode[];
-	disabled?: boolean;
-	selectionBehavior?: TreeMultiSelectNodeSelectionBehavior;
-}`,signature:{properties:[{key:`id`,value:{name:`string`,required:!0}},{key:`codeKey`,value:{name:`string`,required:!0}},{key:`value`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`string`,required:!0}},{key:`code`,value:{name:`string`,required:!1}},{key:`searchText`,value:{name:`string`,required:!0}},{key:`children`,value:{name:`Array`,elements:[{name:`TreeSelectNode`}],raw:`TreeSelectNode[]`,required:!1}},{key:`disabled`,value:{name:`boolean`,required:!1}},{key:`selectionBehavior`,value:{name:`union`,raw:`"self" | "descendants"`,elements:[{name:`literal`,value:`"self"`},{name:`literal`,value:`"descendants"`}],required:!1}}]}}],raw:`Map<string, TreeSelectNode>`,required:!0}},{key:`parentById`,value:{name:`Map`,elements:[{name:`string`},{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}],raw:`Map<string, string | undefined>`,required:!0}},{key:`childrenById`,value:{name:`Map`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Map<string, string[]>`,required:!0}},{key:`preorderIndexById`,value:{name:`Map`,elements:[{name:`string`},{name:`number`}],raw:`Map<string, number>`,required:!0}},{key:`nodeIdByCodeValue`,value:{name:`Map`,elements:[{name:`string`},{name:`string`}],raw:`Map<string, string>`,required:!0}},{key:`nodeIdsByCodeValue`,value:{name:`Map`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Map<string, string[]>`,required:!0},description:`Все визуальные узлы одного сериализуемого значения в порядке обхода дерева.`},{key:`subtreeContainsDisabledById`,value:{name:`Map`,elements:[{name:`string`},{name:`boolean`}],raw:`Map<string, boolean>`,required:!0},description:`Признак disabled-ограничения в узле или любом его потомке.`}]}},name:`selectionScopeIndex`}],return:{name:`void`}}},description:`Независимый checkbox меняет черновик, не закрывая popup.`},onClearSelection:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`string`},description:``}}}})))()}export{P as a,Se as c,T as d,F as i,w as l,Je as n,L as o,ge as r,M as s,qe as t,_e as u};

package/storybook-static/assets/TreeSelect-CMSolQHr.js

@@ -1,17 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-ltYEol2F.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-Bdsl8TP-.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./TreeSelect.stories-B2J0N4ke.js";function y(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:p,parameters:{docs:{toc:!0}}}),`
-`,(0,x.jsx)(u,{children:`TreeSelect`}),`
-`,(0,x.jsx)(o,{children:`Single-select для выбора одного узла из дерева`}),`
-`,(0,x.jsxs)(t.p,{children:[(0,x.jsx)(t.code,{children:`TreeSelect`}),` подходит для сценариев, где выбор должен происходить по одному узлу, но пользователь работает не с плоским списком, а с иерархией.`]}),`
-`,(0,x.jsxs)(t.p,{children:[`Popup использует роли `,(0,x.jsx)(t.code,{children:`tree/treeitem`}),`. `,(0,x.jsx)(t.code,{children:`ArrowRight`}),` раскрывает ветку или переходит к первому дочернему узлу, `,(0,x.jsx)(t.code,{children:`ArrowLeft`}),` сворачивает её или возвращает к родителю, а `,(0,x.jsx)(t.code,{children:`Enter`}),` выбирает активный узел. Состояние ветки доступно через `,(0,x.jsx)(t.code,{children:`aria-expanded`}),` без вложенных кнопок.`]}),`
-`,(0,x.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,x.jsx)(f,{}),`
-`,(0,x.jsx)(i,{of:v}),`
-`,(0,x.jsx)(t.h2,{id:`сценарии`,children:`Сценарии`}),`
-`,(0,x.jsx)(d,{of:v}),`
-`,(0,x.jsx)(d,{of:m}),`
-`,(0,x.jsx)(d,{of:_}),`
-`,(0,x.jsx)(d,{of:h}),`
-`,(0,x.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,x.jsx)(l,{of:p}),`
-`,(0,x.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,x.jsx)(a,{includePrimary:!1})]})}function b(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,x.jsx)(t,{...e,children:(0,x.jsx)(y,{...e})}):y(e)}var x;function S(){return(S=e((()=>{x=t(),r(),c(),g()})))()}S();export{b as default};

package/storybook-static/assets/TreeSelect-Cu1BsepL.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-ltYEol2F.js";import{n as r,r as i,t as a,u as o}from"./TreePickerBase-CbULuQpp.js";function s(e){if(e)return e.code&&e.code!==e.label?`${e.label} · ${e.code}`:e.label}function c({label:e,description:t,disabled:n,placeholder:r=`Выберите значение`,size:c,nodes:d,value:f,onChange:p,query:m,defaultQuery:h,onQuery:g,isLoading:_,error:v,clearable:y=!1,defaultExpandedCodeKeys:b}){let x=(0,l.useMemo)(()=>i(d),[d]),S=o(f,x),C=S?x.nodeById.get(S):void 0;return(0,u.jsx)(a,{label:e,description:t,disabled:n,placeholder:r,size:c,nodes:d,selectedIds:S?new Set([S]):new Set,partialIds:new Set,selectionMode:`single`,defaultExpandedCodeKeys:b,triggerMode:`search`,selectedSummaryText:s(C),query:m,defaultQuery:h,onQuery:g,onNodeActivate:e=>p({codeKey:e.codeKey,value:e.value}),onClearSelection:y?()=>p(void 0):void 0,isLoading:_,error:v})}var l,u;function d(){return(d=e((()=>{l=t(),r(),u=n(),c.__docgenInfo={description:``,methods:[],displayName:`TreeSelect`,props:{nodes:{required:!0,tsType:{name:`unknown`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите значение"`,computed:!1}},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`string`},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:"Ключи уровней, узлы которых раскрываются до ручного действия пользователя.\nЗначения сопоставляются с `TreeSelectNode.codeKey`."}},composes:[`Omit`]}})))()}export{d as n,c as t};

package/storybook-static/assets/TreeSelect.stories-B2J0N4ke.js

@@ -1,32 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-ltYEol2F.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./treeStoryFixtures-DXHh9GL3.js";import{n as s,t as c}from"./TreeSelect-Cu1BsepL.js";var l=t({Basic:()=>m,Empty:()=>_,FirstLevelExpanded:()=>g,SelectParent:()=>h,__namedExportsOrder:()=>v,default:()=>p});function u({args:e,updateArgs:t}){return(0,d.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,d.jsx)(c,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,d.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value?`${e.value.codeKey}=${e.value.value}`:`пусто`]})]})}var d,f,p,m,h,g,_,v;function y(){return(y=e((()=>{r(),s(),a(),d=n(),f=i((e,t)=>(0,d.jsx)(u,{args:e,updateArgs:t})),p={title:`UI/TreeSelect`,component:c,parameters:{atomicCanvas:!0,layout:`padded`},args:{label:`Выбор узла`,description:`Single-select поверх дерева. Можно выбрать любой узел.`,nodes:o,value:void 0,onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст без выбранного узла.`,control:`text`},nodes:{description:`Дерево доступных узлов.`,control:!1},value:{description:`Выбранный узел в формате codeKey/value.`,control:!1},onChange:{description:`Вызывается при выборе узла.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},isLoading:{description:`Показывает загрузку дерева.`,control:`boolean`},error:{description:`Текст ошибки загрузки.`,control:`text`},clearable:{description:`Показывает действие очистки выбора.`,control:`boolean`},defaultExpandedCodeKeys:{description:`Ключи уровней, раскрываемых при открытии.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},m={render:f,args:{value:{codeKey:`BRANCH`,value:`B0101`}}},h={render:f,args:{label:`Выбор родителя`,description:`Проверка single-select сценария, когда выбирается не leaf, а промежуточный узел.`,value:{codeKey:`REGION`,value:`R01`}}},g={render:f,args:{label:`Раскрыт первый уровень`,description:`Все узлы уровня REGION раскрыты до первого ручного действия пользователя.`,defaultExpandedCodeKeys:[`REGION`]}},_={render:f,args:{nodes:[],description:`Состояние без доступных узлов.`}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  render: renderTreeSelectStory,
-  args: {
-    value: {
-      codeKey: "BRANCH",
-      value: "B0101"
-    }
-  }
-}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  render: renderTreeSelectStory,
-  args: {
-    label: "Выбор родителя",
-    description: "Проверка single-select сценария, когда выбирается не leaf, а промежуточный узел.",
-    value: {
-      codeKey: "REGION",
-      value: "R01"
-    }
-  }
-}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  render: renderTreeSelectStory,
-  args: {
-    label: "Раскрыт первый уровень",
-    description: "Все узлы уровня REGION раскрыты до первого ручного действия пользователя.",
-    defaultExpandedCodeKeys: ["REGION"]
-  }
-}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
-  render: renderTreeSelectStory,
-  args: {
-    nodes: [],
-    description: "Состояние без доступных узлов."
-  }
-}`,..._.parameters?.docs?.source}}},v=[`Basic`,`SelectParent`,`FirstLevelExpanded`,`Empty`]})))()}export{l as a,h as i,_ as n,y as o,g as r,m as t};

package/storybook-static/assets/iframe-TsWsvoxA.js

@@ -1 +0,0 @@
-import{t as e}from"./iframe-ltYEol2F.js";e();