@ryuzaki13/react-foundation-ui 1.8.6 → 1.8.7

package/storybook-static/assets/Table.stories-ByUJbaZl.js

@@ -1,207 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-Bu7ux79g.js";import{J as i,X as a,Y as ee,_ as te,b as o,d as ne,g as re,n as ie,q as ae,s as oe}from"./odata-BslPtJet.js";import{i as se,y as ce}from"./formatters-CBgrBeSA-DY6OIAc8.js";import{_ as le,a as ue,b as de,c as fe,d as pe,f as me,g as he,h as ge,i as _e,l as ve,m as ye,n as be,o as xe,p as Se,r as Ce,s,t as we,u as Te,v as Ee,x as De,y as Oe}from"./FormattedTableCell-CGREP0wz.js";var c,l,u;function d(){return(d=e((()=>{c=`hKghZt`,l=`QsLRvS`,u={selectedIndicatorCell:c,sentinel:l}})))()}function ke(e,t){return String(t)}function f({title:e,isLoading:t,isFetching:n,data:r,columns:i,selectionMode:a=`none`,selectedRowIds:ee,getRowId:o,className:ne,minHeight:ie,tableClassName:ae,columnVisibility:oe,defaultColumnVisibility:ce,columnOrder:ue,defaultColumnOrder:de,columnSizing:pe,defaultColumnSizing:he,columnPinning:_e,defaultColumnPinning:ve,enableColumnResizing:ye=!1,enableColumnReordering:be=!1,columnResizeMinWidth:s,onColumnVisibilityChange:Oe,onColumnOrderChange:c,onColumnSizingChange:l,onColumnPinningChange:d,onRowClick:f,onRowSelectionChange:h,onReachEnd:g,getRowCanSelect:_,getRowClassName:Ae,renderHeaderContextMenu:je,renderCellContent:v}){let y=(0,p.useMemo)(()=>r??[],[r]),b=(0,p.useMemo)(()=>ge(i),[i]),x=o??ke,S=(0,p.useMemo)(()=>new Map(y.map((e,t)=>[x(e,t),e])),[x,y]),C=(0,p.useMemo)(()=>Array.from(S.keys()),[S]),w=(0,p.useRef)(null),T=(0,p.useRef)(null),{rowSelection:E,activateRowSelection:Me}=re({availableRowIds:C,rowById:S,selectionMode:a,selectedRowIds:ee,onRowSelectionChange:h}),{columnVisibility:D,onColumnVisibilityChange:O}=xe({columnVisibility:oe,defaultColumnVisibility:ce,onColumnVisibilityChange:Oe}),{columnOrder:k,onColumnOrderChange:Ne}=me({columnOrder:ue,defaultColumnOrder:de,onColumnOrderChange:c}),{columnSizing:A,onColumnSizingChange:Pe}=fe({columnSizing:pe,defaultColumnSizing:he,columnResizeMinWidth:s,onColumnSizingChange:l}),{columnPinning:j,onColumnPinningChange:M}=Te({columnPinning:_e,defaultColumnPinning:ve,onColumnPinningChange:d}),N=(0,p.useMemo)(()=>({columnOrder:k,columnPinning:j,columnSizing:A,columnVisibility:D}),[k,j,A,D]),Fe=(0,p.useEffectEvent)(()=>{g?.()});(0,p.useEffect)(()=>{if(!g||!w.current||!T.current||t)return;let e=new IntersectionObserver(e=>{e[0]?.isIntersecting&&Fe()},{root:w.current,threshold:.1});return e.observe(T.current),()=>e.disconnect()},[t,g,y.length]);let P=De({features:te,data:y,columns:i,state:{columnOrder:k,columnPinning:j,columnSizing:A,columnVisibility:D,rowSelection:E},onColumnOrderChange:Ne,onColumnPinningChange:M,onColumnSizingChange:Pe,onColumnVisibilityChange:O,getRowId:(e,t)=>x(e,t),enableMultiRowSelection:a===`multi`,enableRowSelection:e=>a===`none`?!1:!_||_(e.original)}),F=Ee(P,N),I=P.getRowModel().rows,L=(0,p.useMemo)(()=>Se({rows:I,columns:F}),[I,F]),R=F[0]?.id;return(0,m.jsx)(Ce,{table:P,columnState:N,title:e,isLoading:t,isFetching:n,className:ne,minHeight:ie,tableClassName:ae,selectionMode:a,scrollableRef:w,onActivateRow:a!==`none`||f?e=>{Me(e.id,e.getCanSelect()),f?.(e.original)}:void 0,isRowInteractive:e=>!!(f||a!==`none`&&e.getCanSelect()),getRowClassName:e=>Ae?.(e.original),getCellClassName:({row:e,cell:t})=>t.column.id===R&&e.getIsSelected()?u.selectedIndicatorCell:void 0,getCellLayout:({cell:e})=>L.get(e.id),renderHeaderContextMenu:je,enableColumnResizing:ye,enableColumnReordering:be,columnResizeMinWidth:s,renderCellContent:e=>{let t=se({field:b.runtimeByColumnId[e.cell.column.id],rawValue:e.cell.getValue(),rowData:e.row.original,rowKind:`plain`}),n=le({columnId:e.cell.column.id,runtimeByColumnId:b.runtimeByColumnId,customCellColumnIds:b.customCellColumnIds})?(0,m.jsx)(we,{displayValue:t,align:e.columnMeta?.align}):e.defaultContent;return v?v({...e,defaultContent:n,displayValue:t}):n},afterTableContent:g?(0,m.jsx)(`div`,{ref:T,className:u.sentinel,"aria-hidden":`true`}):null})}var p,m;function h(){return(h=e((()=>{p=n(),ce(),o(),de(),_e(),ye(),he(),be(),Oe(),pe(),ve(),s(),ue(),d(),m=r(),f.__docgenInfo={description:"Плоская таблица на базе TanStack Table как React-альтернатива `sap.m.Table`.",methods:[],displayName:`Table`,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:`Описание колонок таблицы.`},selectionMode:{required:!1,tsType:{name:`TableSelectionMode`},description:`Режим выбора строк.`,defaultValue:{value:`"none"`,computed:!1}},selectedRowIds:{required:!1,tsType:{name:`unknown`},description:`Внешний список выбранных строк.
-
-Если передан, таблица синхронизирует визуальное выделение с этим набором id.`},getRowId:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData, index: number) => string`,signature:{arguments:[{type:{name:`TData`},name:`row`},{type:{name:`number`},name:`index`}],return:{name:`string`}}},description:`Стабильный идентификатор строки.
-
-Если не задан, используется индекс строки.`},className:{required:!1,tsType:{name:`string`},description:`Дополнительный CSS-класс корневого контейнера.`},minHeight:{required:!1,tsType:{name:`union`,raw:"`${number}em` | `${number}%`",elements:[{name:`literal`,value:"`${number}em`"},{name:`literal`,value:"`${number}%`"}]},description:``},tableClassName:{required:!1,tsType:{name:`string`},description:"Дополнительный CSS-класс тега `table`."},columnVisibility:{required:!1,tsType:{name:`TableColumnVisibilityState`},description:`Внешнее controlled-состояние видимости колонок.`},defaultColumnVisibility:{required:!1,tsType:{name:`TableColumnVisibilityState`},description:`Стартовое uncontrolled-состояние видимости колонок.`},columnOrder:{required:!1,tsType:{name:`unknown`},description:`Внешнее controlled-состояние порядка колонок.`},defaultColumnOrder:{required:!1,tsType:{name:`unknown`},description:`Стартовое uncontrolled-состояние порядка колонок.`},columnSizing:{required:!1,tsType:{name:`TableColumnSizingState`},description:`Внешнее controlled-состояние ширин колонок в px.`},defaultColumnSizing:{required:!1,tsType:{name:`TableColumnSizingState`},description:`Стартовое uncontrolled-состояние ширин колонок в px.`},columnPinning:{required:!1,tsType:{name:`TableColumnPinningState`},description:`Внешнее controlled-состояние start-pinning для колонок.`},defaultColumnPinning:{required:!1,tsType:{name:`TableColumnPinningState`},description:`Стартовое uncontrolled-состояние start-pinning для колонок.`},enableColumnResizing:{required:!1,tsType:{name:`boolean`},description:`Включает изменение ширины колонок через header-handle.`,defaultValue:{value:`false`,computed:!1}},enableColumnReordering:{required:!1,tsType:{name:`boolean`},description:`Включает изменение порядка колонок через drag&drop заголовков.`,defaultValue:{value:`false`,computed:!1}},columnResizeMinWidth:{required:!1,tsType:{name:`number`},description:`Минимальная ширина колонки при resize в px.`},onColumnVisibilityChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnVisibilityState) => void`,signature:{arguments:[{type:{name:`TableColumnVisibilityState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения видимости колонок.`},onColumnOrderChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnOrderState) => void`,signature:{arguments:[{type:{name:`TableColumnOrderState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения порядка колонок.`},onColumnSizingChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnSizingState) => void`,signature:{arguments:[{type:{name:`TableColumnSizingState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения ширины колонок.`},onColumnPinningChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnPinningState) => void`,signature:{arguments:[{type:{name:`TableColumnPinningState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения start-pinning state.`},onRowClick:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData) => void`,signature:{arguments:[{type:{name:`TData`},name:`row`}],return:{name:`void`}}},description:`Вызывается при активации строки кликом или клавиатурой.`},onRowSelectionChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(rows: TData[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`TData`}],raw:`TData[]`},name:`rows`}],return:{name:`void`}}},description:`Вызывается после изменения выбранных строк.`},onReachEnd:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:`Вызывается при достижении конца таблицы внутри scroll-контейнера.`},getRowCanSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData) => boolean`,signature:{arguments:[{type:{name:`TData`},name:`row`}],return:{name:`boolean`}}},description:`Позволяет запретить выбор отдельных строк.`},getRowClassName:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData) => string | undefined`,signature:{arguments:[{type:{name:`TData`},name:`row`}],return:{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}}},description:`Позволяет добавить CSS-класс для конкретной строки.`},renderHeaderContextMenu:{required:!1,tsType:{name:`BaseTableProps["renderHeaderContextMenu"]`,raw:`BaseTableProps<TData>["renderHeaderContextMenu"]`},description:`Контекстное меню заголовка колонки. Используется для общих runtime-действий
-вроде server sorting без встраивания доменной логики в shared-таблицу.`},renderCellContent:{required:!1,tsType:{name:`BaseTableProps["renderCellContent"]`,raw:`BaseTableProps<TData>["renderCellContent"]`},description:"Тонкая точка расширения содержимого ячейки поверх стандартного форматирования.\n\nВ отличие от `column.cell`, этот слот не отключает общий formatting-runtime:\n`defaultContent` уже содержит отформатированное значение, если оно применимо."}}}})))()}var g=t({Basic:()=>z,Empty:()=>W,Fetching:()=>U,Loading:()=>K,MultiSelect:()=>V,ReachEnd:()=>G,WithColumnPinning:()=>B,WithDisabledRows:()=>H,WithFormattingPipeline:()=>J,WithFormulaColumn:()=>q,WithHiddenZero:()=>Y,WithMergedDuplicates:()=>X,WithODataMetadataAdapter:()=>Z,WithUseODataTableColumnsBuildHook:()=>Q,WithUseODataTableColumnsEnrichHook:()=>$,__namedExportsOrder:()=>Ie,default:()=>R});function _(){return{version:1,plan:{steps:[{id:`state`,type:`resolveValueState`,config:{resolver:{kind:`threshold`,thresholds:[100],states:[`success`,`warning`],invalidState:`none`},icon:{enabled:!0,showValue:!0,position:`right`}}},{id:`typed`,type:`typedValueFormat`}]}}}function Ae(e){return[`odata`,`metadata`,{service:e}]}function je(e,t){let n=e.data??[];return t.map(t=>{let r=n.indexOf(t);return e.getRowId?.(t,r)??String(r)})}function v({args:e}){let[,t]=w();return(0,C.jsx)(f,{...e,onColumnVisibilityChange:n=>{e.onColumnVisibilityChange?.(n),t({columnVisibility:n})},onColumnOrderChange:n=>{e.onColumnOrderChange?.(n),t({columnOrder:n})},onColumnSizingChange:n=>{e.onColumnSizingChange?.(n),t({columnSizing:n})},onColumnPinningChange:n=>{e.onColumnPinningChange?.(n),t({columnPinning:n})},onRowSelectionChange:n=>{e.onRowSelectionChange?.(n),t({selectedRowIds:je(e,n)})}})}function y({args:e}){let{columns:t,metadata:n,isLoading:r}=ie({service:P,target:F,mode:`build`});return(0,C.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,C.jsxs)(`div`,{children:[`Режим build: hook собрал `,t.length,` колонки из metadata`,n?` для сущности «${n.title}».`:`.`]}),(0,C.jsx)(v,{args:{...e,columns:t,isLoading:e.isLoading??r}})]})}function b({args:e}){let{columns:t,metadata:n,isLoading:r}=ie({service:P,target:F,mode:`enrich`,columns:N});return(0,C.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,C.jsxs)(`div`,{children:[`Режим enrich: hook сохранил ручные заголовки и дополнил formatting-контекст`,n?` из metadata «${n.title}».`:`.`]}),(0,C.jsx)(v,{args:{...e,columns:t,isLoading:e.isLoading??r}})]})}function x({args:e}){let[t,n]=(0,S.useState)(0);return(0,C.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,C.jsxs)(`div`,{children:[`Событие достижения конца: `,t]}),(0,C.jsx)(v,{args:{...e,onReachEnd:()=>{e.onReachEnd?.(),n(e=>e+1)}}})]})}var S,C,w,T,E,Me,D,O,k,Ne,A,Pe,j,M,N,Fe,P,F,I,L,R,z,B,V,H,U,W,G,K,q,J,Y,X,Z,Q,$,Ie;function Le(){return(Le=e((()=>{S=n(),oe(),i(),o(),a(),h(),C=r(),{useArgs:w}=__STORYBOOK_MODULE_PREVIEW_API__,T=[{id:`1`,number:`450001`,client:`Северсталь`,manager:`Иван Петров`,amount:`1 250 000`,status:`Новая`},{id:`2`,number:`450002`,client:`ММК`,manager:`Анна Смирнова`,amount:`980 000`,status:`В работе`},{id:`3`,number:`450003`,client:`НЛМК`,manager:`Олег Николаев`,amount:`1 540 000`,status:`Согласование`},{id:`4`,number:`450004`,client:`ЕВРАЗ`,manager:`Мария Кузнецова`,amount:`760 000`,status:`Отгружена`},{id:`5`,number:`450005`,client:`ТМК`,manager:`Дмитрий Волков`,amount:`1 120 000`,status:`Закрыта`}],E=[...T,{id:`6`,number:`450006`,client:`ОМК`,manager:`Елена Андреева`,amount:`680 000`,status:`Архив`,isLocked:!0}],Me=Array.from({length:18},(e,t)=>({id:String(t+1),number:`4600${String(t+1).padStart(2,`0`)}`,client:`Клиент ${t+1}`,manager:`Менеджер ${t+1}`,amount:`${850+t*15} 000`,status:t%2==0?`В работе`:`Согласование`})),D=[{id:`number`,accessorKey:`number`,header:`Номер`,meta:{width:9}},{id:`client`,accessorKey:`client`,header:`Клиент`,meta:{width:14}},{id:`manager`,accessorKey:`manager`,header:`Менеджер`,meta:{width:12}},{id:`amount`,accessorKey:`amount`,header:`Сумма`,meta:{width:10,align:`right`}},{id:`status`,accessorKey:`status`,header:`Статус`,meta:{width:11}}],O=[{id:`fmt-1`,product:`Лист горячекатаный`,purchasePrice:80,salePrice:120,healthScore:35,pendingAmount:0,createdAt:`2026-03-18T09:15:00.000Z`,totalAmount:1520.5},{id:`fmt-2`,product:`Рулон оцинкованный`,purchasePrice:95,salePrice:150,healthScore:125,pendingAmount:320,createdAt:`2026-03-19T11:40:00.000Z`,totalAmount:2140},{id:`fmt-3`,product:`Арматура`,purchasePrice:60,salePrice:90,healthScore:70,pendingAmount:0,createdAt:`2026-03-20T07:05:00.000Z`,totalAmount:980.75}],k=[{id:`merge-1`,division:`ДВД`,department:`Продажи`,employee:`Иван Петров`},{id:`merge-2`,division:`ДВД`,department:`Продажи`,employee:`Анна Смирнова`},{id:`merge-3`,division:`ДВД`,department:`Продажи`,employee:`Олег Николаев`},{id:`merge-4`,division:`УД`,department:`Логистика`,employee:`Мария Кузнецова`},{id:`merge-5`,division:`УД`,department:`Логистика`,employee:`Дмитрий Волков`},{id:`merge-6`,division:`УД`,department:`Логистика`,employee:`Елена Андреева`},{id:`merge-7`,division:`УД`,department:`Логистика`,employee:`Николай Орлов`}],Ne=[{id:`division`,accessorKey:`division`,header:`Дивизион`,meta:{width:10,mergeDuplicates:!0}},{id:`department`,accessorKey:`department`,header:`Подразделение`,meta:{width:12}},{id:`employee`,accessorKey:`employee`,header:`Сотрудник`,meta:{width:14}}],A=[{id:`product`,accessorKey:`product`,header:`Товар`,meta:{width:16}},{id:`purchasePrice`,accessorKey:`purchasePrice`,header:`Закупка`,meta:{width:9,align:`right`,formatting:{role:`measure`,type:`decimal`}}},{id:`salePrice`,accessorKey:`salePrice`,header:`Продажа`,meta:{width:9,align:`right`,formatting:{role:`measure`,type:`decimal`}}},{id:`markup`,accessorFn:()=>void 0,header:`Наценка`,meta:{width:9,align:`right`,formatting:{role:`measure`,type:`decimal`,formulaId:`markup`,formulaDependencies:[`purchasePrice`,`salePrice`],purelyDerived:!0}}}],Pe=[{id:`product`,accessorKey:`product`,header:`Товар`,meta:{width:16}},{id:`healthScore`,accessorKey:`healthScore`,header:`Индекс риска`,meta:{width:10,align:`right`,formatting:{role:`measure`,type:`decimal`,formattersPipeline:_()}}}],j=[{id:`product`,accessorKey:`product`,header:`Товар`,meta:{width:16}},{id:`pendingAmount`,accessorKey:`pendingAmount`,header:`Резерв`,meta:{width:9,align:`right`,formatting:{role:`measure`,type:`decimal`,emptyWhenZero:!0}}}],M=[{id:`product`,type:`string`,originalType:`Edm.String`,label:`Товар`,semanticType:`none`,sortable:!0,filterable:!0,role:`dimension`},{id:`createdAt`,type:`datetime`,originalType:`Edm.DateTime`,label:`Дата создания`,semanticType:`none`,sortable:!0,filterable:!0,role:`dimension`},{id:`totalAmount`,type:`decimal`,originalType:`Edm.Decimal`,label:`Сумма`,semanticType:`none`,sortable:!0,filterable:!0,role:`measure`}],N=[{id:`product`,accessorKey:`product`,header:`Позиция`,meta:{width:16}},{id:`createdAt`,accessorKey:`createdAt`,header:`Создано`,meta:{width:12}},{id:`totalAmount`,accessorKey:`totalAmount`,header:`Итог`,meta:{width:9,align:`right`}}],Fe=ne(N,M),P=`ZDEMO_DEALS_SRV`,F=`DealSet`,I={title:`Портфель сделок`,columns:M},L=(e,t)=>{let n=(0,S.useMemo)(()=>{let e=ae({}),n=t.parameters.odataService,r=t.parameters.odataEntity,i=t.parameters.odataMetadata;return n&&r&&i&&e.setQueryData(Ae(n),{entities:{[r]:i},functionImports:{}}),e},[t.parameters.odataEntity,t.parameters.odataMetadata,t.parameters.odataService]);return(0,C.jsx)(ee,{client:n,children:e()})},R={title:`Shared/UI/Table`,component:f,args:{title:`Сделки`,data:T,columns:D,getRowId:e=>e.id,selectionMode:`single`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок таблицы.`,control:`text`},isLoading:{description:`Показывает состояние первичной загрузки.`,control:`boolean`},isFetching:{description:`Показывает фоновое обновление без очистки строк.`,control:`boolean`},data:{description:`Плоский источник строк.`,control:!1},columns:{description:`Описание колонок таблицы.`,control:!1},selectionMode:{description:`Режим выбора строк.`,control:`inline-radio`,options:[`none`,`single`,`multi`]},selectedRowIds:{description:`Controlled-набор выбранных id строк.`,control:!1},getRowId:{description:`Функция получения стабильного id строки.`,control:!1},minHeight:{description:`Минимальная высота scroll-области таблицы в em или процентах.`,control:`text`},columnVisibility:{description:`Controlled-состояние видимости колонок.`,control:!1},defaultColumnVisibility:{description:`Стартовое uncontrolled-состояние видимости колонок.`,control:!1},columnOrder:{description:`Controlled-порядок идентификаторов колонок.`,control:!1},defaultColumnOrder:{description:`Стартовый uncontrolled-порядок колонок.`,control:!1},columnSizing:{description:`Controlled-ширины колонок в px.`,control:!1},defaultColumnSizing:{description:`Стартовые uncontrolled-ширины колонок.`,control:!1},columnPinning:{description:`Controlled-состояние закрепления колонок слева.`,control:!1},defaultColumnPinning:{description:`Стартовое uncontrolled-состояние закрепления колонок слева.`,control:!1},onColumnPinningChange:{description:`Вызывается после изменения закрепления колонок слева.`,control:!1},enableColumnResizing:{description:`Включает изменение ширины колонок через header-handle.`,control:`boolean`},enableColumnReordering:{description:`Включает перетаскивание заголовков для изменения порядка колонок.`,control:`boolean`},columnResizeMinWidth:{description:`Минимальная ширина колонки при resize в px.`,control:`number`},onColumnVisibilityChange:{description:`Вызывается после изменения видимости колонок.`,control:!1},onColumnOrderChange:{description:`Вызывается после изменения порядка колонок.`,control:!1},onColumnSizingChange:{description:`Вызывается после изменения ширины колонок.`,control:!1},getRowCanSelect:{description:`Позволяет запретить выбор отдельных строк.`,control:!1},getRowClassName:{description:`Позволяет добавить CSS-класс для конкретной строки.`,control:!1},onRowClick:{description:`Вызывается при активации строки.`,control:!1},onRowSelectionChange:{description:`Вызывается после изменения выбранных строк.`,control:!1},onReachEnd:{description:`Вызывается при достижении конца списка внутри scroll-контейнера.`,control:!1},renderHeaderContextMenu:{description:`Слот контекстного меню заголовка колонки.`,control:!1},renderCellContent:{description:`Слот содержимого ячейки поверх стандартного formatting-runtime.`,control:!1}}},z={render:function(e){return(0,C.jsx)(v,{args:e})}},B={args:{columnPinning:{start:[`number`]}},render:function(e){let[,t]=w(),n=e.columnPinning??{start:[]};return(0,C.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,C.jsxs)(`div`,{style:{display:`flex`,gap:`0.5em`,flexWrap:`wrap`},children:[(0,C.jsx)(`button`,{type:`button`,onClick:()=>t({columnPinning:{start:[`number`]}}),children:`Закрепить «Номер»`}),(0,C.jsx)(`button`,{type:`button`,onClick:()=>t({columnPinning:{start:[`number`,`client`]}}),children:`Закрепить «Номер» и «Клиент»`}),(0,C.jsx)(`button`,{type:`button`,onClick:()=>t({columnPinning:{start:[]}}),children:`Снять закрепление`})]}),(0,C.jsxs)(`div`,{children:[`Закреплено в начале: `,n.start?.length?n.start.join(`, `):`ничего`]}),(0,C.jsx)(v,{args:{...e,columnPinning:n}})]})}},V={args:{selectionMode:`multi`,selectedRowIds:[]},render:function(e){return(0,C.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,C.jsxs)(`div`,{children:[`Выбрано: `,e.selectedRowIds?.length?e.selectedRowIds.join(`, `):`ничего`]}),(0,C.jsx)(v,{args:e})]})}},H={args:{data:E,selectionMode:`multi`,selectedRowIds:[],getRowCanSelect:e=>!e.isLocked},render:function(e){return(0,C.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,C.jsx)(`div`,{children:`Строка со статусом «Архив» остаётся видимой, но не участвует в выборе.`}),(0,C.jsxs)(`div`,{children:[`Выбрано: `,e.selectedRowIds?.length?e.selectedRowIds.join(`, `):`ничего`]}),(0,C.jsx)(v,{args:e})]})}},U={args:{isFetching:!0},render:function(e){return(0,C.jsx)(v,{args:e})}},W={args:{data:[]},render:function(e){return(0,C.jsx)(v,{args:e})}},G={args:{data:Me},render:function(e){return(0,C.jsx)(x,{args:e})}},K={args:{isLoading:!0},render:function(e){return(0,C.jsx)(v,{args:e})}},q={args:{title:`Формула наценки`,data:O,columns:A,selectionMode:`none`,getRowId:e=>e.id},render:function(e){return(0,C.jsx)(v,{args:e})}},J={args:{title:`Pipeline форматирования`,data:O,columns:Pe,selectionMode:`none`,getRowId:e=>e.id},render:function(e){return(0,C.jsx)(v,{args:e})}},Y={args:{title:`Скрытие нулей`,data:O,columns:j,selectionMode:`none`,getRowId:e=>e.id},render:function(e){return(0,C.jsx)(v,{args:e})}},X={args:{title:`Слияние дубликатов`,data:k,columns:Ne,selectionMode:`none`,getRowId:e=>e.id},render:function(e){return(0,C.jsx)(v,{args:e})}},Z={args:{title:`OData metadata adapter`,data:O,columns:Fe,selectionMode:`none`,getRowId:e=>e.id},render:function(e){return(0,C.jsx)(v,{args:e})}},Q={args:{title:`useODataTableColumns: build`,data:O,columns:[],selectionMode:`none`,getRowId:e=>e.id},decorators:[L],parameters:{odataService:P,odataEntity:F,odataMetadata:I},render:function(e){return(0,C.jsx)(y,{args:e})}},$={args:{title:`useODataTableColumns: enrich`,data:O,columns:[],selectionMode:`none`,getRowId:e=>e.id},decorators:[L],parameters:{odataService:P,odataEntity:F,odataMetadata:I},render:function(e){return(0,C.jsx)(b,{args:e})}},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
-  render: function Render(args) {
-    return <TableStoryCanvas args={args} />;
-  }
-}`,...z.parameters?.docs?.source},description:{story:`Базовый сценарий плоской таблицы с одиночным выбором.`,...z.parameters?.docs?.description}}},B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
-  args: {
-    columnPinning: {
-      start: ["number"]
-    }
-  },
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<TableProps<DealRow>>();
-    const columnPinning = args.columnPinning ?? {
-      start: []
-    };
-    return <div style={{
-      display: "grid",
-      gap: "0.75em"
-    }}>
-                <div style={{
-        display: "flex",
-        gap: "0.5em",
-        flexWrap: "wrap"
-      }}>
-                    <button type="button" onClick={() => updateArgs({
-          columnPinning: {
-            start: ["number"]
-          }
-        })}>
-                        Закрепить «Номер»
-                    </button>
-                    <button type="button" onClick={() => updateArgs({
-          columnPinning: {
-            start: ["number", "client"]
-          }
-        })}>
-                        Закрепить «Номер» и «Клиент»
-                    </button>
-                    <button type="button" onClick={() => updateArgs({
-          columnPinning: {
-            start: []
-          }
-        })}>
-                        Снять закрепление
-                    </button>
-                </div>
-                <div>Закреплено в начале: {columnPinning.start?.length ? columnPinning.start.join(", ") : "ничего"}</div>
-                <TableStoryCanvas args={{
-        ...args,
-        columnPinning
-      }} />
-            </div>;
-  }
-}`,...B.parameters?.docs?.source},description:{story:`Демонстрирует controlled start-pinning через внешний story-state без встроенного UI таблицы.`,...B.parameters?.docs?.description}}},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`{
-  args: {
-    selectionMode: "multi",
-    selectedRowIds: []
-  },
-  render: function Render(args) {
-    return <div style={{
-      display: "grid",
-      gap: "0.75em"
-    }}>
-                <div>Выбрано: {args.selectedRowIds?.length ? args.selectedRowIds.join(", ") : "ничего"}</div>
-                <TableStoryCanvas args={args} />
-            </div>;
-  }
-}`,...V.parameters?.docs?.source},description:{story:`Множественный выбор с отображением текущего результата.`,...V.parameters?.docs?.description}}},H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
-  args: {
-    data: nonSelectableRows,
-    selectionMode: "multi",
-    selectedRowIds: [],
-    getRowCanSelect: row => !row.isLocked
-  },
-  render: function Render(args) {
-    return <div style={{
-      display: "grid",
-      gap: "0.75em"
-    }}>
-                <div>Строка со статусом «Архив» остаётся видимой, но не участвует в выборе.</div>
-                <div>Выбрано: {args.selectedRowIds?.length ? args.selectedRowIds.join(", ") : "ничего"}</div>
-                <TableStoryCanvas args={args} />
-            </div>;
-  }
-}`,...H.parameters?.docs?.source},description:{story:`Часть строк можно показать, но запретить выбирать.`,...H.parameters?.docs?.description}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
-  args: {
-    isFetching: true
-  },
-  render: function Render(args) {
-    return <TableStoryCanvas args={args} />;
-  }
-}`,...U.parameters?.docs?.source},description:{story:`Сценарий фонового обновления данных без очистки таблицы.`,...U.parameters?.docs?.description}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
-  args: {
-    data: []
-  },
-  render: function Render(args) {
-    return <TableStoryCanvas args={args} />;
-  }
-}`,...W.parameters?.docs?.source},description:{story:`Пустой источник данных.`,...W.parameters?.docs?.description}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
-  args: {
-    data: reachEndRows
-  },
-  render: function Render(args) {
-    return <ReachEndTableCanvas args={args} />;
-  }
-}`,...G.parameters?.docs?.source},description:{story:`Демонстрация callback при достижении конца списка.`,...G.parameters?.docs?.description}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
-  args: {
-    isLoading: true
-  },
-  render: function Render(args) {
-    return <TableStoryCanvas args={args} />;
-  }
-}`,...K.parameters?.docs?.source},description:{story:`Состояние первичной загрузки.`,...K.parameters?.docs?.description}}},q.parameters={...q.parameters,docs:{...q.parameters?.docs,source:{originalSource:`{
-  args: {
-    title: "Формула наценки",
-    data: formattingRows,
-    columns: formulaColumns,
-    selectionMode: "none",
-    getRowId: row => row.id
-  },
-  render: function Render(args) {
-    return <TableStoryCanvas args={args} />;
-  }
-}`,...q.parameters?.docs?.source},description:{story:"Сценарий с formula-based колонкой без кастомного `cell`.",...q.parameters?.docs?.description}}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
-  args: {
-    title: "Pipeline форматирования",
-    data: formattingRows,
-    columns: pipelineColumns,
-    selectionMode: "none",
-    getRowId: row => row.id
-  },
-  render: function Render(args) {
-    return <TableStoryCanvas args={args} />;
-  }
-}`,...J.parameters?.docs?.source},description:{story:`Сценарий с pipeline display-formatting и value-state.`,...J.parameters?.docs?.description}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`{
-  args: {
-    title: "Скрытие нулей",
-    data: formattingRows,
-    columns: hiddenZeroColumns,
-    selectionMode: "none",
-    getRowId: row => row.id
-  },
-  render: function Render(args) {
-    return <TableStoryCanvas args={args} />;
-  }
-}`,...Y.parameters?.docs?.source},description:{story:"Сценарий со скрытием нулевых значений через `emptyWhenZero`.",...Y.parameters?.docs?.description}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{
-  args: {
-    title: "Слияние дубликатов",
-    data: divisionMergeRows,
-    columns: divisionMergeColumns,
-    selectionMode: "none",
-    getRowId: row => row.id
-  },
-  render: function Render(args) {
-    return <TableStoryCanvas args={args} />;
-  }
-}`,...X.parameters?.docs?.source},description:{story:`Сценарий со display-only слиянием подряд идущих дубликатов через пустые ячейки и CSS-склейку.`,...X.parameters?.docs?.description}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
-  args: {
-    title: "OData metadata adapter",
-    data: formattingRows,
-    columns: adapterColumns,
-    selectionMode: "none",
-    getRowId: row => row.id
-  },
-  render: function Render(args) {
-    return <TableStoryCanvas args={args} />;
-  }
-}`,...Z.parameters?.docs?.source},description:{story:`Сценарий со статическим OData metadata adapter в режиме enrich.`,...Z.parameters?.docs?.description}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
-  args: {
-    title: "useODataTableColumns: build",
-    data: formattingRows,
-    columns: [],
-    selectionMode: "none",
-    getRowId: row => row.id
-  },
-  decorators: [withMockedHookODataMetadata],
-  parameters: {
-    odataService: HOOK_ODATA_SERVICE,
-    odataEntity: HOOK_ODATA_ENTITY,
-    odataMetadata: hookMetadata
-  },
-  render: function Render(args) {
-    return <HookBuildTableStory args={args} />;
-  }
-}`,...Q.parameters?.docs?.source},description:{story:"Реальный hook-сценарий `useODataTableColumns(...)` в режиме build.",...Q.parameters?.docs?.description}}},$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`{
-  args: {
-    title: "useODataTableColumns: enrich",
-    data: formattingRows,
-    columns: [],
-    selectionMode: "none",
-    getRowId: row => row.id
-  },
-  decorators: [withMockedHookODataMetadata],
-  parameters: {
-    odataService: HOOK_ODATA_SERVICE,
-    odataEntity: HOOK_ODATA_ENTITY,
-    odataMetadata: hookMetadata
-  },
-  render: function Render(args) {
-    return <HookEnrichTableStory args={args} />;
-  }
-}`,...$.parameters?.docs?.source},description:{story:"Реальный hook-сценарий `useODataTableColumns(...)` в режиме enrich.",...$.parameters?.docs?.description}}},Ie=[`Basic`,`WithColumnPinning`,`MultiSelect`,`WithDisabledRows`,`Fetching`,`Empty`,`ReachEnd`,`Loading`,`WithFormulaColumn`,`WithFormattingPipeline`,`WithHiddenZero`,`WithMergedDuplicates`,`WithODataMetadataAdapter`,`WithUseODataTableColumnsBuildHook`,`WithUseODataTableColumnsEnrichHook`]})))()}export{Le as _,V as a,B as c,q as d,Y as f,$ as g,Q as h,K as i,H as l,Z as m,W as n,G as o,X as p,U as r,g as s,z as t,J as u};