@ryuzaki13/react-foundation-ui 1.6.15 → 1.8.0

package/storybook-static/assets/Table.stories-BgxeP7Dj.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-dENsI_HJ.js";import{D as i,E as a,T as ee,c as te,l as ne,n as re,s as ie,v as ae,w as oe}from"./odata-KQkU-pBI.js";import{i as se,y as ce}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{S as le,_ as ue,a as de,b as fe,c as pe,d as me,f as he,g as ge,h as _e,i as ve,l as ye,m as be,n as xe,o as Se,p as Ce,r as we,s as o,t as Te,u as Ee,v as De,x as Oe,y as ke}from"./FormattedTableCell-D4NXq8Pu.js";var s,c,l;function u(){return(u=e((()=>{s=`hKghZt`,c=`QsLRvS`,l={selectedIndicatorCell:s,sentinel:c}})))()}function Ae(e,t){return String(t)}function d({title:e,isLoading:t,isFetching:n,data:r,columns:i,selectionMode:a=`none`,selectedRowIds:ee,getRowId:ne,className:re,minHeight:ie,tableClassName:ae,columnVisibility:oe,defaultColumnVisibility:ce,columnOrder:de,defaultColumnOrder:fe,columnSizing:me,defaultColumnSizing:ge,columnPinning:ve,defaultColumnPinning:ye,enableColumnResizing:be=!1,enableColumnReordering:xe=!1,columnResizeMinWidth:o,onColumnVisibilityChange:ke,onColumnOrderChange:s,onColumnSizingChange:c,onColumnPinningChange:u,onRowClick:d,onRowSelectionChange:m,onReachEnd:h,getRowCanSelect:g,getRowClassName:je,renderHeaderContextMenu:Me,renderCellContent:_}){let v=(0,f.useMemo)(()=>r??[],[r]),y=(0,f.useMemo)(()=>_e(i),[i]),b=ne??Ae,x=(0,f.useMemo)(()=>new Map(v.map((e,t)=>[b(e,t),e])),[b,v]),S=(0,f.useMemo)(()=>Array.from(x.keys()),[x]),C=(0,f.useRef)(null),w=(0,f.useRef)(null),{rowSelection:T,activateRowSelection:E}=te({availableRowIds:S,rowById:x,selectionMode:a,selectedRowIds:ee,onRowSelectionChange:m}),{columnVisibility:D,onColumnVisibilityChange:O}=Se({columnVisibility:oe,defaultColumnVisibility:ce,onColumnVisibilityChange:ke}),{columnOrder:k,onColumnOrderChange:Ne}=he({columnOrder:de,defaultColumnOrder:fe,onColumnOrderChange:s}),{columnSizing:A,onColumnSizingChange:Pe}=pe({columnSizing:me,defaultColumnSizing:ge,columnResizeMinWidth:o,onColumnSizingChange:c}),{columnPinning:j,onColumnPinningChange:M}=Ee({columnPinning:ve,defaultColumnPinning:ye,onColumnPinningChange:u}),N=(0,f.useMemo)(()=>({columnOrder:k,columnPinning:j,columnSizing:A,columnVisibility:D}),[k,j,A,D]),Fe=(0,f.useEffectEvent)(()=>{h?.()});(0,f.useEffect)(()=>{if(!h||!C.current||!w.current||t)return;let e=new IntersectionObserver(e=>{e[0]?.isIntersecting&&Fe()},{root:C.current,threshold:.1});return e.observe(w.current),()=>e.disconnect()},[t,h,v.length]);let P=Oe({data:v,columns:i,state:{columnOrder:k,columnPinning:j,columnSizing:A,columnVisibility:D,rowSelection:T},onColumnOrderChange:Ne,onColumnPinningChange:M,onColumnSizingChange:Pe,onColumnVisibilityChange:O,getRowId:(e,t)=>b(e,t),getCoreRowModel:le(),enableMultiRowSelection:a===`multi`,enableRowSelection:e=>a===`none`?!1:!g||g(e.original)}),F=De(P,N),I=P.getRowModel().rows,L=(0,f.useMemo)(()=>Ce({rows:I,columns:F}),[I,F]),R=F[0]?.id;return(0,p.jsx)(we,{table:P,columnState:N,title:e,isLoading:t,isFetching:n,className:re,minHeight:ie,tableClassName:ae,selectionMode:a,scrollableRef:C,onActivateRow:a!==`none`||d?e=>{E(e.id,e.getCanSelect()),d?.(e.original)}:void 0,isRowInteractive:e=>!!(d||a!==`none`&&e.getCanSelect()),getRowClassName:e=>je?.(e.original),getCellClassName:({row:e,cell:t})=>t.column.id===R&&e.getIsSelected()?l.selectedIndicatorCell:void 0,getCellLayout:({cell:e})=>L.get(e.id),renderHeaderContextMenu:Me,enableColumnResizing:be,enableColumnReordering:xe,columnResizeMinWidth:o,renderCellContent:e=>{let t=se({field:y.runtimeByColumnId[e.cell.column.id],rawValue:e.cell.getValue(),rowData:e.row.original,rowKind:`plain`}),n=ue({columnId:e.cell.column.id,runtimeByColumnId:y.runtimeByColumnId,customCellColumnIds:y.customCellColumnIds})?(0,p.jsx)(Te,{displayValue:t,align:e.columnMeta?.align}):e.defaultContent;return _?_({...e,defaultContent:n,displayValue:t}):n},afterTableContent:h?(0,p.jsx)(`div`,{ref:w,className:l.sentinel,"aria-hidden":`true`}):null})}var f,p;function m(){return(m=e((()=>{f=n(),ce(),ae(),fe(),ve(),be(),ge(),xe(),ke(),me(),ye(),o(),de(),u(),p=r(),d.__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:`VisibilityState`},description:`Внешнее controlled-состояние видимости колонок.`},defaultColumnVisibility:{required:!1,tsType:{name:`VisibilityState`},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-состояние left-pinning для колонок.`},defaultColumnPinning:{required:!1,tsType:{name:`TableColumnPinningState`},description:`Стартовое uncontrolled-состояние left-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: VisibilityState) => void`,signature:{arguments:[{type:{name:`VisibilityState`},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:`Вызывается после изменения left-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 h=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 g(){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 je(e){return[`odata`,`metadata`,{service:e}]}function Me(e,t){let n=e.data??[];return t.map(t=>{let r=n.indexOf(t);return e.getRowId?.(t,r)??String(r)})}function _({args:e}){let[,t]=C();return(0,S.jsx)(d,{...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:Me(e,n)})}})}function v({args:e}){let{columns:t,metadata:n,isLoading:r}=re({service:P,target:F,mode:`build`});return(0,S.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,S.jsxs)(`div`,{children:[`Режим build: hook собрал `,t.length,` колонки из metadata`,n?` для сущности «${n.title}».`:`.`]}),(0,S.jsx)(_,{args:{...e,columns:t,isLoading:e.isLoading??r}})]})}function y({args:e}){let{columns:t,metadata:n,isLoading:r}=re({service:P,target:F,mode:`enrich`,columns:N});return(0,S.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,S.jsxs)(`div`,{children:[`Режим enrich: hook сохранил ручные заголовки и дополнил formatting-контекст`,n?` из metadata «${n.title}».`:`.`]}),(0,S.jsx)(_,{args:{...e,columns:t,isLoading:e.isLoading??r}})]})}function b({args:e}){let[t,n]=(0,x.useState)(0);return(0,S.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,S.jsxs)(`div`,{children:[`Событие достижения конца: `,t]}),(0,S.jsx)(_,{args:{...e,onReachEnd:()=>{e.onReachEnd?.(),n(e=>e+1)}}})]})}var x,S,C,w,T,E,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((()=>{x=n(),ie(),ee(),ae(),i(),m(),S=r(),{useArgs:C}=__STORYBOOK_MODULE_PREVIEW_API__,w=[{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:`Закрыта`}],T=[...w,{id:`6`,number:`450006`,client:`ОМК`,manager:`Елена Андреева`,amount:`680 000`,status:`Архив`,isLocked:!0}],E=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:g()}}}],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,x.useMemo)(()=>{let e=oe({}),n=t.parameters.odataService,r=t.parameters.odataEntity,i=t.parameters.odataMetadata;return n&&r&&i&&e.setQueryData(je(n),{entities:{[r]:i},functionImports:{}}),e},[t.parameters.odataEntity,t.parameters.odataMetadata,t.parameters.odataService]);return(0,S.jsx)(a,{client:n,children:e()})},R={title:`Shared/UI/Table`,component:d,args:{title:`Сделки`,data:w,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,S.jsx)(_,{args:e})}},B={args:{columnPinning:{left:[`number`]}},render:function(e){let[,t]=C(),n=e.columnPinning??{left:[]};return(0,S.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,S.jsxs)(`div`,{style:{display:`flex`,gap:`0.5em`,flexWrap:`wrap`},children:[(0,S.jsx)(`button`,{type:`button`,onClick:()=>t({columnPinning:{left:[`number`]}}),children:`Закрепить «Номер»`}),(0,S.jsx)(`button`,{type:`button`,onClick:()=>t({columnPinning:{left:[`number`,`client`]}}),children:`Закрепить «Номер» и «Клиент»`}),(0,S.jsx)(`button`,{type:`button`,onClick:()=>t({columnPinning:{left:[]}}),children:`Снять закрепление`})]}),(0,S.jsxs)(`div`,{children:[`Закреплено слева: `,n.left?.length?n.left.join(`, `):`ничего`]}),(0,S.jsx)(_,{args:{...e,columnPinning:n}})]})}},V={args:{selectionMode:`multi`,selectedRowIds:[]},render:function(e){return(0,S.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,S.jsxs)(`div`,{children:[`Выбрано: `,e.selectedRowIds?.length?e.selectedRowIds.join(`, `):`ничего`]}),(0,S.jsx)(_,{args:e})]})}},H={args:{data:T,selectionMode:`multi`,selectedRowIds:[],getRowCanSelect:e=>!e.isLocked},render:function(e){return(0,S.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,S.jsx)(`div`,{children:`Строка со статусом «Архив» остаётся видимой, но не участвует в выборе.`}),(0,S.jsxs)(`div`,{children:[`Выбрано: `,e.selectedRowIds?.length?e.selectedRowIds.join(`, `):`ничего`]}),(0,S.jsx)(_,{args:e})]})}},U={args:{isFetching:!0},render:function(e){return(0,S.jsx)(_,{args:e})}},W={args:{data:[]},render:function(e){return(0,S.jsx)(_,{args:e})}},G={args:{data:E},render:function(e){return(0,S.jsx)(b,{args:e})}},K={args:{isLoading:!0},render:function(e){return(0,S.jsx)(_,{args:e})}},q={args:{title:`Формула наценки`,data:O,columns:A,selectionMode:`none`,getRowId:e=>e.id},render:function(e){return(0,S.jsx)(_,{args:e})}},J={args:{title:`Pipeline форматирования`,data:O,columns:Pe,selectionMode:`none`,getRowId:e=>e.id},render:function(e){return(0,S.jsx)(_,{args:e})}},Y={args:{title:`Скрытие нулей`,data:O,columns:j,selectionMode:`none`,getRowId:e=>e.id},render:function(e){return(0,S.jsx)(_,{args:e})}},X={args:{title:`Слияние дубликатов`,data:k,columns:Ne,selectionMode:`none`,getRowId:e=>e.id},render:function(e){return(0,S.jsx)(_,{args:e})}},Z={args:{title:`OData metadata adapter`,data:O,columns:Fe,selectionMode:`none`,getRowId:e=>e.id},render:function(e){return(0,S.jsx)(_,{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,S.jsx)(v,{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,S.jsx)(y,{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: {
-      left: ["number"]
-    }
-  },
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<TableProps<DealRow>>();
-    const columnPinning = args.columnPinning ?? {
-      left: []
-    };
-    return <div style={{
-      display: "grid",
-      gap: "0.75em"
-    }}>
-                <div style={{
-        display: "flex",
-        gap: "0.5em",
-        flexWrap: "wrap"
-      }}>
-                    <button type="button" onClick={() => updateArgs({
-          columnPinning: {
-            left: ["number"]
-          }
-        })}>
-                        Закрепить «Номер»
-                    </button>
-                    <button type="button" onClick={() => updateArgs({
-          columnPinning: {
-            left: ["number", "client"]
-          }
-        })}>
-                        Закрепить «Номер» и «Клиент»
-                    </button>
-                    <button type="button" onClick={() => updateArgs({
-          columnPinning: {
-            left: []
-          }
-        })}>
-                        Снять закрепление
-                    </button>
-                </div>
-                <div>Закреплено слева: {columnPinning.left?.length ? columnPinning.left.join(", ") : "ничего"}</div>
-                <TableStoryCanvas args={{
-        ...args,
-        columnPinning
-      }} />
-            </div>;
-  }
-}`,...B.parameters?.docs?.source},description:{story:`Демонстрирует controlled left-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,h as s,z as t,J as u};