@ryuzaki13/react-foundation-ui 3.11.0 → 3.12.0

package/storybook-static/assets/{TreeSelect-CTvlmF81.js → TreeSelect-DKUJycNd.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-BmGorvhi.js";import{n as r,r as i,t as a,u as o}from"./TreePickerBase-BCbV37dL.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,fieldError:y,required:b,clearable:x=!1,defaultExpandedCodeKeys:S}){let C=(0,l.useMemo)(()=>i(d),[d]),w=o(f,C),T=w?C.nodeById.get(w):void 0;return(0,u.jsx)(a,{label:e,description:t,disabled:n,placeholder:r,size:c,nodes:d,selectedIds:w?new Set([w]):new Set,partialIds:new Set,selectionMode:`single`,defaultExpandedCodeKeys:S,triggerMode:`search`,selectedSummaryText:s(T),query:m,defaultQuery:h,onQuery:g,onNodeActivate:e=>p({codeKey:e.codeKey,value:e.value}),onClearSelection:x?()=>p(void 0):void 0,isLoading:_,error:v,fieldError:y,required:b})}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:``},fieldError:{required:!1,tsType:{name:`string`},description:`Ошибка выбранного значения; error сообщает о сбое загрузки дерева в popup.`},required:{required:!1,tsType:{name:`boolean`},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};
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-BvendKJ_.js";import{n as r,r as i,t as a,u as o}from"./TreePickerBase-DAld1sj1.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,fieldError:y,required:b,clearable:x=!1,defaultExpandedCodeKeys:S}){let C=(0,l.useMemo)(()=>i(d),[d]),w=o(f,C),T=w?C.nodeById.get(w):void 0;return(0,u.jsx)(a,{label:e,description:t,disabled:n,placeholder:r,size:c,nodes:d,selectedIds:w?new Set([w]):new Set,partialIds:new Set,selectionMode:`single`,defaultExpandedCodeKeys:S,triggerMode:`search`,selectedSummaryText:s(T),query:m,defaultQuery:h,onQuery:g,onNodeActivate:e=>p({codeKey:e.codeKey,value:e.value}),onClearSelection:x?()=>p(void 0):void 0,isLoading:_,error:v,fieldError:y,required:b})}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:``},fieldError:{required:!1,tsType:{name:`string`},description:`Ошибка выбранного значения; error сообщает о сбое загрузки дерева в popup.`},required:{required:!1,tsType:{name:`boolean`},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-RVPMBCd_.js → TreeSelect.stories-BJErYrTv.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-BmGorvhi.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-CTvlmF81.js";var l=t({Basic:()=>m,Empty:()=>_,FirstLevelExpanded:()=>g,RequiredWithError:()=>v,SelectParent:()=>h,__namedExportsOrder:()=>y,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,fieldError:n?void 0:e.fieldError})}}),(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,y;function b(){return(b=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`},required:{description:`Помечает выбор узла как обязательный.`,control:`boolean`},fieldError:{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:`Состояние без доступных узлов.`}},v={name:`Обязательное поле с ошибкой`,render:f,args:{required:!0,fieldError:`Выберите узел дерева.`,value:void 0}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-BvendKJ_.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-DKUJycNd.js";var l=t({Basic:()=>m,Empty:()=>_,FirstLevelExpanded:()=>g,RequiredWithError:()=>v,SelectParent:()=>h,__namedExportsOrder:()=>y,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,fieldError:n?void 0:e.fieldError})}}),(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,y;function b(){return(b=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`},required:{description:`Помечает выбор узла как обязательный.`,control:`boolean`},fieldError:{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:`Состояние без доступных узлов.`}},v={name:`Обязательное поле с ошибкой`,render:f,args:{required:!0,fieldError:`Выберите узел дерева.`,value:void 0}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
   render: renderTreeSelectStory,
   args: {
     value: {

package/storybook-static/assets/{TreeTable-DznOmuAD.js → TreeTable-DcyUjVXj.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-BmGorvhi.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-u0CCD6I1.js";import{_ as p,a as m,c as h,d as g,f as _,g as v,h as y,i as b,l as x,m as S,n as C,o as w,p as T,r as E,s as D,t as O,u as k}from"./TreeTable.stories-Lx2ImfgC.js";function A(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(s,{of:D,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-BvendKJ_.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-Bn1nLfdu.js";import{_ as p,a as m,c as h,d as g,f as _,g as v,h as y,i as b,l as x,m as S,n as C,o as w,p as T,r as E,s as D,t as O,u as k}from"./TreeTable.stories-BnyxdNPz.js";function A(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(s,{of:D,parameters:{docs:{toc:!0}}}),`
 `,(0,M.jsx)(u,{children:`TreeTable`}),`
 `,(0,M.jsx)(o,{children:`Древовидная таблица для плоских OData-данных на базе TanStack Table`}),`
 `,(0,M.jsxs)(t.p,{children:[(0,M.jsx)(t.code,{children:`TreeTable`}),` предназначен для сценариев, где данные приходят плоским списком, но в UI должны выглядеть как дерево.

package/storybook-static/assets/{TreeTable.stories-Lx2ImfgC.js → TreeTable.stories-BnyxdNPz.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./chevron-down-DqHAghNU.js";import{n as a,t as o}from"./chevron-right-BUqG0v39.js";import{n as s}from"./iframe-BmGorvhi.js";import{a as c,i as l}from"./utils-tg3ibbzi.js";import{h as u,u as ee}from"./formatters-DVE1YVNQ-CJCkXjuI.js";import{n as te,t as d}from"./useTable-CK68Q4S4.js";import{_ as ne,a as re,c as ie,d as ae,f as oe,g as se,h as ce,i as le,l as ue,m as de,n as fe,o as pe,p as me,r as he,s as ge,t as _e,u as ve,v as ye,y as be}from"./FormattedTableCell-CdlWquoj.js";import{n as xe,t as f}from"./createControlledStoryRender-BouhvX-R.js";import{A as Se,D as Ce,O as we,T as Te,_ as Ee,a as De,b as Oe,g as ke,h as Ae,i as je,k as Me,y as p}from"./odata-DLogt0PY.js";function Ne(e,t,n){let r=e.get(t);if(r){r.push(n);return}e.set(t,[n])}function m(e){return Array.from(new Set(e))}function Pe(e,t){let n=new Map,r=new Map,i=new Map,a=[],o=[],s=[],c=[];for(let o of e){let e=t.getRowId(o);if(n.has(e)){a.push(e);continue}let s=t.getParentRowId(o)??null;n.set(e,o),r.set(e,s),c.push(e),s!==null&&s!==e&&Ne(i,s,e)}let l=[];for(let e of c){let t=r.get(e)??null;if(t===null){l.push(e);continue}if(t===e){s.push(e),l.push(e);continue}n.has(t)||(o.push(e),l.push(e))}let u=new Set,ee=(e,t)=>{let r=n.get(e);if(!r)throw Error(`Не удалось построить дерево: строка "${e}" отсутствует в индексе.`);u.add(e);let a=new Set(t);a.add(e);let o={...r},c=i.get(e)??[],l=[];for(let e of c){if(a.has(e)){s.push(e);continue}u.has(e)||l.push(ee(e,a))}return l.length>0&&(o.children=l),o},te=[],d=[];for(let e of l)u.has(e)||(te.push(ee(e,new Set)),d.push(e));for(let e of c)u.has(e)||(s.push(e),te.push(ee(e,new Set)),d.push(e));return{rows:te,rowById:n,allRowIds:c,rootRowIds:m(d),orphanRowIds:m(o),duplicateRowIds:m(a),cyclicRowIds:m(s)}}function Fe(){return(Fe=e((()=>{})))()}var Ie,h,g,Le,_,v,y,b;function x(){return(x=e((()=>{Ie=`jOS9rT`,h=`zHOAf7`,g=`j48cXg`,Le=`mf4-Kr`,_=`p8pb0F`,v=`KIudLf`,y=`bJsPGU`,b={treeColumnCell:Ie,selectedIndicatorCell:h,treeCell:g,treeCellContent:Le,expanderButton:_,expanderSpacer:v,sentinel:y}})))()}function Re(e){return Object.fromEntries(e.map(e=>[e,!0]))}function ze(e){return typeof e==`boolean`?[]:Object.keys(e).filter(t=>e[t])}function Be(e,t){return t.get(e.id)??e.original}function Ve(e,t,n,r){return e.cell.column.id===n?(0,w.jsxs)(`div`,{className:b.treeCell,style:{paddingInlineStart:`calc(${e.row.depth} * ${p(r)??`0em`})`},children:[e.row.getCanExpand()?(0,w.jsx)(`button`,{type:`button`,className:b.expanderButton,"aria-label":e.row.getIsExpanded()?`Свернуть строку`:`Развернуть строку`,"data-tree-table-interactive":`true`,"data-ui":`tree-table-expander`,"data-action":e.row.getIsExpanded()?`collapse-tree-table-row`:`expand-tree-table-row`,onClick:t=>{t.stopPropagation(),e.row.toggleExpanded()},children:e.row.getIsExpanded()?(0,w.jsx)(i,{size:16}):(0,w.jsx)(o,{size:16})}):(0,w.jsx)(`span`,{className:b.expanderSpacer,"aria-hidden":`true`}),(0,w.jsx)(`div`,{className:b.treeCellContent,children:t})]}):t}function S({title:e,isLoading:t,isFetching:n,data:r,columns:i,hierarchy:a,selectionMode:o=`none`,expandFirstLevel:s=!1,defaultExpandedRowIds:l,treeColumnId:u,indentSize:d=1,className:re,tableClassName:ae,columnVisibility:se,defaultColumnVisibility:le,columnOrder:ue,defaultColumnOrder:de,columnSizing:fe,defaultColumnSizing:ge,columnPinning:be,defaultColumnPinning:xe,enableColumnResizing:f=!1,enableColumnReordering:Se=!1,columnResizeMinWidth:Ce,onColumnVisibilityChange:we,onColumnOrderChange:Te,onColumnSizingChange:De,onColumnPinningChange:Oe,onRowClick:Ae,onRowSelectionChange:je,onExpandedRowIdsChange:Me,onReachEnd:p,getRowCanSelect:Ne,getRowClassName:m,renderHeaderContextMenu:Fe,renderCellContent:Ie}){let h=(0,C.useMemo)(()=>Pe(r??[],a),[r,a]),g=(0,C.useMemo)(()=>ce(i),[i]),Le=(0,C.useMemo)(()=>{let e=new Set(l??[]);if(s)for(let t of h.rootRowIds)e.add(t);return Array.from(e)},[l,s,h.rootRowIds]),[_,v]=(0,C.useState)({}),y=(0,C.useRef)(!1),x=(0,C.useRef)(null),S=(0,C.useRef)(null),{rowSelection:He,activateRowSelection:Ue}=ke({availableRowIds:h.allRowIds,rowById:h.rowById,selectionMode:o,onRowSelectionChange:je}),{columnVisibility:T,onColumnVisibilityChange:E}=pe({columnVisibility:se,defaultColumnVisibility:le,onColumnVisibilityChange:we}),{columnOrder:D,onColumnOrderChange:We}=oe({columnOrder:ue,defaultColumnOrder:de,onColumnOrderChange:Te}),{columnSizing:O,onColumnSizingChange:k}=ie({columnSizing:fe,defaultColumnSizing:ge,columnResizeMinWidth:Ce,onColumnSizingChange:De}),{columnPinning:A,onColumnPinningChange:Ge}=ve({columnPinning:be,defaultColumnPinning:xe,onColumnPinningChange:Oe}),Ke=(0,C.useMemo)(()=>({columnOrder:D,columnPinning:A,columnSizing:O,columnVisibility:T}),[D,A,O,T]),qe=(0,C.useEffectEvent)((e,t)=>{if(e.length===0){y.current=!1,v({});return}let n=new Set(e);v(e=>{let r=ze(e).filter(e=>n.has(e));return y.current?Re(r):(y.current=!0,Re(Array.from(new Set([...r,...t.filter(e=>n.has(e))]))))})}),j=(0,C.useEffectEvent)(e=>{Me?.(ze(e))}),Je=(0,C.useEffectEvent)(()=>{p?.()});(0,C.useEffect)(()=>{qe(h.allRowIds,Le)},[Le,h.allRowIds]),(0,C.useEffect)(()=>{j(_)},[_]),(0,C.useEffect)(()=>{if(!p||!x.current||!S.current||t)return;let e=new IntersectionObserver(e=>{e[0]?.isIntersecting&&Je()},{root:x.current,threshold:.1});return e.observe(S.current),()=>e.disconnect()},[t,p,h.rows.length]);let M=te({features:Ee,data:h.rows,columns:i,state:{columnOrder:D,columnPinning:A,columnSizing:O,columnVisibility:T,expanded:_,rowSelection:He},getRowId:e=>a.getRowId(e),getSubRows:e=>e.children,onColumnOrderChange:We,onColumnPinningChange:Ge,onColumnSizingChange:k,onColumnVisibilityChange:E,onExpandedChange:v,enableMultiRowSelection:o===`multi`,enableRowSelection:e=>{if(o===`none`)return!1;let t=Be(e,h.rowById);return!Ne||Ne(t)}}),N=ye(M,Ke),P=u??N[0]?.id,Ye=M.getRowModel().rows,Xe=(0,C.useMemo)(()=>me({rows:Ye,columns:N,resolveRowBoundaryKey:e=>e.depth,excludeColumnIds:P?new Set([P]):void 0}),[Ye,N,P]);return(0,w.jsx)(he,{table:M,columnState:Ke,title:e,isLoading:t,isFetching:n,className:re,tableClassName:ae,selectionMode:o,scrollableRef:x,interactiveElementSelector:`[data-tree-table-interactive="true"]`,onActivateRow:o!==`none`||Ae?e=>{let t=Be(e,h.rowById);Ue(e.id,e.getCanSelect()),Ae?.(t)}:void 0,isRowInteractive:e=>!!(Ae||o!==`none`&&e.getCanSelect()),getRowClassName:e=>{let t=Be(e,h.rowById);return m?.(t)},getCellClassName:({row:e,cell:t})=>c(t.column.id===P&&b.treeColumnCell,t.column.id===P&&e.getIsSelected()&&b.selectedIndicatorCell),getCellLayout:({cell:e})=>Xe.get(e.id),renderHeaderContextMenu:Fe,enableColumnResizing:f,enableColumnReordering:Se,columnResizeMinWidth:Ce,renderCellContent:e=>{let t=Be(e.row,h.rowById),n=ee({field:g.runtimeByColumnId[e.cell.column.id],rawValue:e.cell.getValue(),rowData:t,rowKind:`tree`}),r=ne({columnId:e.cell.column.id,runtimeByColumnId:g.runtimeByColumnId,customCellColumnIds:g.customCellColumnIds})?(0,w.jsx)(_e,{displayValue:n,align:e.columnMeta?.align}):e.defaultContent;return Ve(e,Ie?Ie({...e,defaultContent:r,displayValue:n}):r,P,d)},afterTableContent:p?(0,w.jsx)(`div`,{ref:S,className:b.sentinel,"aria-hidden":`true`}):null})}var C,w;function He(){return(He=e((()=>{C=n(),u(),Oe(),Fe(),l(),d(),r(),a(),le(),de(),se(),fe(),be(),ae(),ue(),ge(),re(),x(),w=s(),S.__docgenInfo={description:`Древовидная таблица на базе TanStack Table для плоских OData-данных.`,methods:[],displayName:`TreeTable`,props:{title:{required:!1,tsType:{name:`string`},description:`Необязательный заголовок над таблицей.`},isLoading:{required:!1,tsType:{name:`boolean`},description:`Признак первичной загрузки.`},isFetching:{required:!1,tsType:{name:`boolean`},description:`Признак фоновой догрузки или обновления данных.`},data:{required:!0,tsType:{name:`union`,raw:`readonly TData[] | undefined | null`,elements:[{name:`unknown`},{name:`undefined`},{name:`null`}]},description:`Плоский источник строк.`},columns:{required:!0,tsType:{name:`unknown`},description:`Описание колонок через исходный тип строки.`},hierarchy:{required:!0,tsType:{name:`TreeTableFlatHierarchy`,elements:[{name:`TData`}],raw:`TreeTableFlatHierarchy<TData>`},description:`Правила восстановления дерева из плоского списка.`},selectionMode:{required:!1,tsType:{name:`TableSelectionMode`},description:`Режим выбора строк.`,defaultValue:{value:`"none"`,computed:!1}},expandFirstLevel:{required:!1,tsType:{name:`boolean`},description:"Если `true`, при первом появлении данных раскрывает корневой уровень.",defaultValue:{value:`false`,computed:!1}},defaultExpandedRowIds:{required:!1,tsType:{name:`unknown`},description:`Дополнительные строки, которые должны быть раскрыты при первой инициализации.`},treeColumnId:{required:!1,tsType:{name:`string`},description:`Идентификатор колонки, в которой нужно рисовать tree-toggle и отступы.
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./chevron-down-CRBjmU7w.js";import{n as a,t as o}from"./chevron-right-Bryg2EIf.js";import{n as s}from"./iframe-BvendKJ_.js";import{a as c,i as l}from"./utils-tg3ibbzi.js";import{h as u,u as ee}from"./formatters-DVE1YVNQ-CJCkXjuI.js";import{n as te,t as d}from"./useTable-CK68Q4S4.js";import{_ as ne,a as re,c as ie,d as ae,f as oe,g as se,h as ce,i as le,l as ue,m as de,n as fe,o as pe,p as me,r as he,s as ge,t as _e,u as ve,v as ye,y as be}from"./FormattedTableCell-Cfdl2sgg.js";import{n as xe,t as f}from"./createControlledStoryRender-BouhvX-R.js";import{A as Se,D as Ce,O as we,T as Te,_ as Ee,a as De,b as Oe,g as ke,h as Ae,i as je,k as Me,y as p}from"./odata-f2MNATrV.js";function Ne(e,t,n){let r=e.get(t);if(r){r.push(n);return}e.set(t,[n])}function m(e){return Array.from(new Set(e))}function Pe(e,t){let n=new Map,r=new Map,i=new Map,a=[],o=[],s=[],c=[];for(let o of e){let e=t.getRowId(o);if(n.has(e)){a.push(e);continue}let s=t.getParentRowId(o)??null;n.set(e,o),r.set(e,s),c.push(e),s!==null&&s!==e&&Ne(i,s,e)}let l=[];for(let e of c){let t=r.get(e)??null;if(t===null){l.push(e);continue}if(t===e){s.push(e),l.push(e);continue}n.has(t)||(o.push(e),l.push(e))}let u=new Set,ee=(e,t)=>{let r=n.get(e);if(!r)throw Error(`Не удалось построить дерево: строка "${e}" отсутствует в индексе.`);u.add(e);let a=new Set(t);a.add(e);let o={...r},c=i.get(e)??[],l=[];for(let e of c){if(a.has(e)){s.push(e);continue}u.has(e)||l.push(ee(e,a))}return l.length>0&&(o.children=l),o},te=[],d=[];for(let e of l)u.has(e)||(te.push(ee(e,new Set)),d.push(e));for(let e of c)u.has(e)||(s.push(e),te.push(ee(e,new Set)),d.push(e));return{rows:te,rowById:n,allRowIds:c,rootRowIds:m(d),orphanRowIds:m(o),duplicateRowIds:m(a),cyclicRowIds:m(s)}}function Fe(){return(Fe=e((()=>{})))()}var Ie,h,g,Le,_,v,y,b;function x(){return(x=e((()=>{Ie=`jOS9rT`,h=`zHOAf7`,g=`j48cXg`,Le=`mf4-Kr`,_=`p8pb0F`,v=`KIudLf`,y=`bJsPGU`,b={treeColumnCell:Ie,selectedIndicatorCell:h,treeCell:g,treeCellContent:Le,expanderButton:_,expanderSpacer:v,sentinel:y}})))()}function Re(e){return Object.fromEntries(e.map(e=>[e,!0]))}function ze(e){return typeof e==`boolean`?[]:Object.keys(e).filter(t=>e[t])}function Be(e,t){return t.get(e.id)??e.original}function Ve(e,t,n,r){return e.cell.column.id===n?(0,w.jsxs)(`div`,{className:b.treeCell,style:{paddingInlineStart:`calc(${e.row.depth} * ${p(r)??`0em`})`},children:[e.row.getCanExpand()?(0,w.jsx)(`button`,{type:`button`,className:b.expanderButton,"aria-label":e.row.getIsExpanded()?`Свернуть строку`:`Развернуть строку`,"data-tree-table-interactive":`true`,"data-ui":`tree-table-expander`,"data-action":e.row.getIsExpanded()?`collapse-tree-table-row`:`expand-tree-table-row`,onClick:t=>{t.stopPropagation(),e.row.toggleExpanded()},children:e.row.getIsExpanded()?(0,w.jsx)(i,{size:16}):(0,w.jsx)(o,{size:16})}):(0,w.jsx)(`span`,{className:b.expanderSpacer,"aria-hidden":`true`}),(0,w.jsx)(`div`,{className:b.treeCellContent,children:t})]}):t}function S({title:e,isLoading:t,isFetching:n,data:r,columns:i,hierarchy:a,selectionMode:o=`none`,expandFirstLevel:s=!1,defaultExpandedRowIds:l,treeColumnId:u,indentSize:d=1,className:re,tableClassName:ae,columnVisibility:se,defaultColumnVisibility:le,columnOrder:ue,defaultColumnOrder:de,columnSizing:fe,defaultColumnSizing:ge,columnPinning:be,defaultColumnPinning:xe,enableColumnResizing:f=!1,enableColumnReordering:Se=!1,columnResizeMinWidth:Ce,onColumnVisibilityChange:we,onColumnOrderChange:Te,onColumnSizingChange:De,onColumnPinningChange:Oe,onRowClick:Ae,onRowSelectionChange:je,onExpandedRowIdsChange:Me,onReachEnd:p,getRowCanSelect:Ne,getRowClassName:m,renderHeaderContextMenu:Fe,renderCellContent:Ie}){let h=(0,C.useMemo)(()=>Pe(r??[],a),[r,a]),g=(0,C.useMemo)(()=>ce(i),[i]),Le=(0,C.useMemo)(()=>{let e=new Set(l??[]);if(s)for(let t of h.rootRowIds)e.add(t);return Array.from(e)},[l,s,h.rootRowIds]),[_,v]=(0,C.useState)({}),y=(0,C.useRef)(!1),x=(0,C.useRef)(null),S=(0,C.useRef)(null),{rowSelection:He,activateRowSelection:Ue}=ke({availableRowIds:h.allRowIds,rowById:h.rowById,selectionMode:o,onRowSelectionChange:je}),{columnVisibility:T,onColumnVisibilityChange:E}=pe({columnVisibility:se,defaultColumnVisibility:le,onColumnVisibilityChange:we}),{columnOrder:D,onColumnOrderChange:We}=oe({columnOrder:ue,defaultColumnOrder:de,onColumnOrderChange:Te}),{columnSizing:O,onColumnSizingChange:k}=ie({columnSizing:fe,defaultColumnSizing:ge,columnResizeMinWidth:Ce,onColumnSizingChange:De}),{columnPinning:A,onColumnPinningChange:Ge}=ve({columnPinning:be,defaultColumnPinning:xe,onColumnPinningChange:Oe}),Ke=(0,C.useMemo)(()=>({columnOrder:D,columnPinning:A,columnSizing:O,columnVisibility:T}),[D,A,O,T]),qe=(0,C.useEffectEvent)((e,t)=>{if(e.length===0){y.current=!1,v({});return}let n=new Set(e);v(e=>{let r=ze(e).filter(e=>n.has(e));return y.current?Re(r):(y.current=!0,Re(Array.from(new Set([...r,...t.filter(e=>n.has(e))]))))})}),j=(0,C.useEffectEvent)(e=>{Me?.(ze(e))}),Je=(0,C.useEffectEvent)(()=>{p?.()});(0,C.useEffect)(()=>{qe(h.allRowIds,Le)},[Le,h.allRowIds]),(0,C.useEffect)(()=>{j(_)},[_]),(0,C.useEffect)(()=>{if(!p||!x.current||!S.current||t)return;let e=new IntersectionObserver(e=>{e[0]?.isIntersecting&&Je()},{root:x.current,threshold:.1});return e.observe(S.current),()=>e.disconnect()},[t,p,h.rows.length]);let M=te({features:Ee,data:h.rows,columns:i,state:{columnOrder:D,columnPinning:A,columnSizing:O,columnVisibility:T,expanded:_,rowSelection:He},getRowId:e=>a.getRowId(e),getSubRows:e=>e.children,onColumnOrderChange:We,onColumnPinningChange:Ge,onColumnSizingChange:k,onColumnVisibilityChange:E,onExpandedChange:v,enableMultiRowSelection:o===`multi`,enableRowSelection:e=>{if(o===`none`)return!1;let t=Be(e,h.rowById);return!Ne||Ne(t)}}),N=ye(M,Ke),P=u??N[0]?.id,Ye=M.getRowModel().rows,Xe=(0,C.useMemo)(()=>me({rows:Ye,columns:N,resolveRowBoundaryKey:e=>e.depth,excludeColumnIds:P?new Set([P]):void 0}),[Ye,N,P]);return(0,w.jsx)(he,{table:M,columnState:Ke,title:e,isLoading:t,isFetching:n,className:re,tableClassName:ae,selectionMode:o,scrollableRef:x,interactiveElementSelector:`[data-tree-table-interactive="true"]`,onActivateRow:o!==`none`||Ae?e=>{let t=Be(e,h.rowById);Ue(e.id,e.getCanSelect()),Ae?.(t)}:void 0,isRowInteractive:e=>!!(Ae||o!==`none`&&e.getCanSelect()),getRowClassName:e=>{let t=Be(e,h.rowById);return m?.(t)},getCellClassName:({row:e,cell:t})=>c(t.column.id===P&&b.treeColumnCell,t.column.id===P&&e.getIsSelected()&&b.selectedIndicatorCell),getCellLayout:({cell:e})=>Xe.get(e.id),renderHeaderContextMenu:Fe,enableColumnResizing:f,enableColumnReordering:Se,columnResizeMinWidth:Ce,renderCellContent:e=>{let t=Be(e.row,h.rowById),n=ee({field:g.runtimeByColumnId[e.cell.column.id],rawValue:e.cell.getValue(),rowData:t,rowKind:`tree`}),r=ne({columnId:e.cell.column.id,runtimeByColumnId:g.runtimeByColumnId,customCellColumnIds:g.customCellColumnIds})?(0,w.jsx)(_e,{displayValue:n,align:e.columnMeta?.align}):e.defaultContent;return Ve(e,Ie?Ie({...e,defaultContent:r,displayValue:n}):r,P,d)},afterTableContent:p?(0,w.jsx)(`div`,{ref:S,className:b.sentinel,"aria-hidden":`true`}):null})}var C,w;function He(){return(He=e((()=>{C=n(),u(),Oe(),Fe(),l(),d(),r(),a(),le(),de(),se(),fe(),be(),ae(),ue(),ge(),re(),x(),w=s(),S.__docgenInfo={description:`Древовидная таблица на базе TanStack Table для плоских OData-данных.`,methods:[],displayName:`TreeTable`,props:{title:{required:!1,tsType:{name:`string`},description:`Необязательный заголовок над таблицей.`},isLoading:{required:!1,tsType:{name:`boolean`},description:`Признак первичной загрузки.`},isFetching:{required:!1,tsType:{name:`boolean`},description:`Признак фоновой догрузки или обновления данных.`},data:{required:!0,tsType:{name:`union`,raw:`readonly TData[] | undefined | null`,elements:[{name:`unknown`},{name:`undefined`},{name:`null`}]},description:`Плоский источник строк.`},columns:{required:!0,tsType:{name:`unknown`},description:`Описание колонок через исходный тип строки.`},hierarchy:{required:!0,tsType:{name:`TreeTableFlatHierarchy`,elements:[{name:`TData`}],raw:`TreeTableFlatHierarchy<TData>`},description:`Правила восстановления дерева из плоского списка.`},selectionMode:{required:!1,tsType:{name:`TableSelectionMode`},description:`Режим выбора строк.`,defaultValue:{value:`"none"`,computed:!1}},expandFirstLevel:{required:!1,tsType:{name:`boolean`},description:"Если `true`, при первом появлении данных раскрывает корневой уровень.",defaultValue:{value:`false`,computed:!1}},defaultExpandedRowIds:{required:!1,tsType:{name:`unknown`},description:`Дополнительные строки, которые должны быть раскрыты при первой инициализации.`},treeColumnId:{required:!1,tsType:{name:`string`},description:`Идентификатор колонки, в которой нужно рисовать tree-toggle и отступы.
 
 Если не указан, используется первая видимая колонка.`},indentSize:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:`Отступ на один уровень вложенности.