@ryuzaki13/react-foundation-ui 3.9.0 → 3.10.1

package/storybook-static/assets/Table-DcNGLEI6.js

@@ -1,197 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.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-DR4JL0hD.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"./Table.stories-DbEzudxD.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:`Table`}),`
-`,(0,M.jsxs)(o,{children:[`Плоская таблица как React-альтернатива `,(0,M.jsx)(t.code,{children:`sap.m.Table`})]}),`
-`,(0,M.jsxs)(t.p,{children:[(0,M.jsx)(t.code,{children:`Table`}),` предназначен для плоских данных и по поведению осознанно сближен с `,(0,M.jsx)(t.code,{children:`TreeTable`}),`.
-Оба компонента используют общий табличный каркас, поэтому здесь совпадают states загрузки, визуальная структура, обработка выбора строк и клавиатурная активация.
-`,(0,M.jsx)(t.code,{children:`Table`}),` также поддерживает декларативное форматирование через `,(0,M.jsx)(t.code,{children:`meta.formatting`}),`, formulas, безопасное pipeline-formatting и optional OData adapter.`]}),`
-`,(0,M.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,M.jsx)(f,{}),`
-`,(0,M.jsx)(i,{of:O}),`
-`,(0,M.jsx)(t.pre,{children:(0,M.jsx)(t.code,{className:`language-tsx`,children:`import { Table, type TableColumnDef } from "@ryuzaki13/react-foundation-ui";
-
-interface DealRow {
-	id: string;
-	number: string;
-	client: string;
-	amount: string;
-}
-
-const columns: TableColumnDef<DealRow>[] = [
-	{
-		id: "number",
-		accessorKey: "number",
-		header: "Номер",
-		meta: { width: "9em" }
-	},
-	{
-		id: "client",
-		accessorKey: "client",
-		header: "Клиент",
-		meta: { width: "14em" }
-	},
-	{
-		id: "amount",
-		accessorKey: "amount",
-		header: "Сумма",
-		meta: { width: "10em", align: "right" }
-	}
-];
-
-export function Example({ rows }: { rows: DealRow[] }) {
-	return <Table data={rows} columns={columns} getRowId={(row) => row.id} selectionMode="single" height="20em" />;
-}
-`})}),`
-`,(0,M.jsx)(t.h2,{id:`форматирование-ячеек`,children:`Форматирование ячеек`}),`
-`,(0,M.jsxs)(t.p,{children:[(0,M.jsx)(t.code,{children:`meta.formatting`}),` добавляет к колонке декларативный runtime-контракт:`]}),`
-`,(0,M.jsxs)(t.ul,{children:[`
-`,(0,M.jsxs)(t.li,{children:[`typed formatting по `,(0,M.jsx)(t.code,{children:`role/type`}),`;`]}),`
-`,(0,M.jsx)(t.li,{children:`formula-based вычисление значения;`}),`
-`,(0,M.jsxs)(t.li,{children:[`pipeline display-formatting (`,(0,M.jsx)(t.code,{children:`normalizeLeadingZeros`}),`, `,(0,M.jsx)(t.code,{children:`resolveValueState`}),`, `,(0,M.jsx)(t.code,{children:`typedValueFormat`}),`);`]}),`
-`,(0,M.jsxs)(t.li,{children:[(0,M.jsx)(t.code,{children:`emptyWhenZero`}),` для скрытия нулевых значений;`]}),`
-`,(0,M.jsxs)(t.li,{children:[(0,M.jsx)(t.code,{children:`overflowTooltip`}),` для длинного текста.`]}),`
-`]}),`
-`,(0,M.jsx)(t.p,{children:`Важно:`}),`
-`,(0,M.jsxs)(t.ul,{children:[`
-`,(0,M.jsxs)(t.li,{children:[(0,M.jsx)(t.code,{children:`meta.formatting`}),` применяется только если у колонки нет кастомного `,(0,M.jsx)(t.code,{children:`cell`}),`;`]}),`
-`,(0,M.jsx)(t.li,{children:`formulas и pipeline компилируются один раз на снимок колонок;`}),`
-`,(0,M.jsxs)(t.li,{children:[`ошибки formula/pipeline не роняют таблицу и не подставляют универсальный `,(0,M.jsx)(t.code,{children:`0`}),`;`]}),`
-`,(0,M.jsxs)(t.li,{children:[`OData adapter остаётся внешней прослойкой, а не частью `,(0,M.jsx)(t.code,{children:`Table`}),`.`]}),`
-`]}),`
-`,(0,M.jsx)(t.pre,{children:(0,M.jsx)(t.code,{className:`language-tsx`,children:`const columns: TableColumnDef<Row>[] = [
-	{
-		id: "amount",
-		accessorKey: "amount",
-		header: "Сумма",
-		meta: {
-			align: "right",
-			formatting: {
-				role: "measure",
-				type: "decimal",
-				emptyWhenZero: true
-			}
-		}
-	}
-];
-`})}),`
-`,(0,M.jsxs)(t.p,{children:[`Для OData-сценариев можно не прописывать `,(0,M.jsx)(t.code,{children:`role/type`}),` вручную, а обогатить колонки через adapter:`]}),`
-`,(0,M.jsx)(t.pre,{children:(0,M.jsx)(t.code,{className:`language-tsx`,children:`import { enrichTableColumnsWithODataFormatting } from "@ryuzaki13/react-foundation-lib/table";
-
-const columns = enrichTableColumnsWithODataFormatting(manualColumns, metadata.columns);
-`})}),`
-`,(0,M.jsx)(t.h2,{id:`слияние-дубликатов`,children:`Слияние дубликатов`}),`
-`,(0,M.jsxs)(t.p,{children:[(0,M.jsx)(t.code,{children:`meta.mergeDuplicates`}),` включает display-only слияние подряд идущих одинаковых raw-значений без изменения структуры строк.`]}),`
-`,(0,M.jsx)(t.p,{children:`Важно:`}),`
-`,(0,M.jsxs)(t.ul,{children:[`
-`,(0,M.jsxs)(t.li,{children:[`сравнение идёт по `,(0,M.jsx)(t.code,{children:`cell.getValue()`}),`, а не по formatted display;`]}),`
-`,(0,M.jsx)(t.li,{children:`объединяются только подряд идущие строки;`}),`
-`,(0,M.jsxs)(t.li,{children:[(0,M.jsx)(t.code,{children:`null`}),`, `,(0,M.jsx)(t.code,{children:`undefined`}),` и пустая строка `,(0,M.jsx)(t.code,{children:`""`}),` не объединяются;`]}),`
-`,(0,M.jsx)(t.li,{children:`повторяющееся значение остаётся только в первой строке группы, а ниже рендерятся пустые ячейки;`}),`
-`,(0,M.jsx)(t.li,{children:`если сервер не отсортировал данные так, чтобы дубликаты шли подряд, слияния не будет.`}),`
-`]}),`
-`,(0,M.jsx)(t.pre,{children:(0,M.jsx)(t.code,{className:`language-tsx`,children:`const columns: TableColumnDef<Row>[] = [
-	{
-		id: "division",
-		accessorKey: "division",
-		header: "Дивизион",
-		meta: {
-			mergeDuplicates: true
-		}
-	}
-];
-`})}),`
-`,(0,M.jsxs)(t.h2,{id:`хук-useodatatablecolumns`,children:[`Хук `,(0,M.jsx)(t.code,{children:`useODataTableColumns`})]}),`
-`,(0,M.jsxs)(t.p,{children:[`Наиболее частый кейс - работать не с pure-helper напрямую, а с hook-слоем `,(0,M.jsx)(t.code,{children:`useODataTableColumns(...)`}),`.`]}),`
-`,(0,M.jsxs)(t.p,{children:[(0,M.jsx)(t.code,{children:`build`}),` стоит выбирать, когда колонки можно полностью собрать из `,(0,M.jsx)(t.code,{children:`metadata.columns`}),`:`]}),`
-`,(0,M.jsx)(t.pre,{children:(0,M.jsx)(t.code,{className:`language-tsx`,children:`import { useODataTableColumns } from "@ryuzaki13/react-foundation-api/odata";
-import { Table } from "@ryuzaki13/react-foundation-ui";
-
-function DealsTable({ rows }: { rows: DealRow[] }) {
-	const { columns, metadata, isLoading } = useODataTableColumns<DealRow>({
-		service: "ZSD_SALES_SRV",
-		entity: "DealSet",
-		mode: "build"
-	});
-
-	return (
-		<Table
-			title={metadata?.title ?? "Сделки"}
-			data={rows}
-			columns={columns}
-			isLoading={isLoading}
-			getRowId={(row) => row.id}
-			selectionMode="single"
-		/>
-	);
-}
-`})}),`
-`,(0,M.jsxs)(t.p,{children:[(0,M.jsx)(t.code,{children:`enrich`}),` подходит, когда колонки уже описаны вручную и нужно только дозаполнить `,(0,M.jsx)(t.code,{children:`meta.formatting.role/type`}),`:`]}),`
-`,(0,M.jsx)(t.pre,{children:(0,M.jsx)(t.code,{className:`language-tsx`,children:`import { useODataTableColumns } from "@ryuzaki13/react-foundation-api/odata";
-import { Table } from "@ryuzaki13/react-foundation-ui";
-
-const manualColumns: TableColumnDef<DealRow>[] = [
-	{ id: "product", accessorKey: "product", header: "Позиция" },
-	{ id: "createdAt", accessorKey: "createdAt", header: "Создано" },
-	{ id: "totalAmount", accessorKey: "totalAmount", header: "Итог", meta: { align: "right" } }
-];
-
-function DealsTable({ rows }: { rows: DealRow[] }) {
-	const { columns, isLoading } = useODataTableColumns<DealRow>({
-		service: "ZSD_SALES_SRV",
-		entity: "DealSet",
-		mode: "enrich",
-		columns: manualColumns
-	});
-
-	return <Table data={rows} columns={columns} isLoading={isLoading} getRowId={(row) => row.id} selectionMode="single" />;
-}
-`})}),`
-`,(0,M.jsx)(t.p,{children:`Практическая семантика хука:`}),`
-`,(0,M.jsxs)(t.ul,{children:[`
-`,(0,M.jsxs)(t.li,{children:[(0,M.jsx)(t.code,{children:`columns`}),` уже готовы для прямой передачи в `,(0,M.jsx)(t.code,{children:`Table`}),`;`]}),`
-`,(0,M.jsxs)(t.li,{children:[(0,M.jsx)(t.code,{children:`metadata`}),` можно использовать для заголовка, пустых состояний или дополнительной UI-подписи;`]}),`
-`,(0,M.jsxs)(t.li,{children:[(0,M.jsx)(t.code,{children:`isLoading`}),` нужно прокидывать в `,(0,M.jsx)(t.code,{children:`Table`}),`, чтобы сохранить единое табличное состояние загрузки;`]}),`
-`,(0,M.jsxs)(t.li,{children:[`сам `,(0,M.jsx)(t.code,{children:`Table`}),` остаётся OData-независимым и получает только готовые `,(0,M.jsx)(t.code,{children:`columns`}),`.`]}),`
-`]}),`
-`,(0,M.jsx)(t.h2,{id:`что-важно-знать`,children:`Что важно знать`}),`
-`,(0,M.jsxs)(t.ul,{children:[`
-`,(0,M.jsx)(t.li,{children:`Компонент принимает именно плоский массив строк и не содержит древовидной логики.`}),`
-`,(0,M.jsxs)(t.li,{children:[`Поведение `,(0,M.jsx)(t.code,{children:`selectionMode`}),` идентично `,(0,M.jsx)(t.code,{children:`TreeTable`}),`: `,(0,M.jsx)(t.code,{children:`single`}),` не снимает выбор повторным кликом по уже выбранной строке.`]}),`
-`,(0,M.jsxs)(t.li,{children:[(0,M.jsx)(t.code,{children:`height`}),` и ширины колонок можно задавать строками в `,(0,M.jsx)(t.code,{children:`em`}),`, `,(0,M.jsx)(t.code,{children:`rem`}),`, `,(0,M.jsx)(t.code,{children:`%`}),` и других CSS-единицах; числовые значения трактуются как `,(0,M.jsx)(t.code,{children:`em`}),`.`]}),`
-`,(0,M.jsxs)(t.li,{children:[(0,M.jsx)(t.code,{children:`onReachEnd`}),` срабатывает внутри scroll-контейнера и подходит для постепенной догрузки длинного списка.`]}),`
-`,(0,M.jsxs)(t.li,{children:[(0,M.jsx)(t.code,{children:`Table`}),` не зависит от OData напрямую и продолжает работать на plain local data без metadata.`]}),`
-`]}),`
-`,(0,M.jsx)(t.h2,{id:`сценарии`,children:`Сценарии`}),`
-`,(0,M.jsx)(t.h3,{id:`базовый-режим`,children:`Базовый режим`}),`
-`,(0,M.jsx)(d,{of:O}),`
-`,(0,M.jsx)(t.h3,{id:`left-pinning-столбцов`,children:`Left-pinning столбцов`}),`
-`,(0,M.jsx)(d,{of:h}),`
-`,(0,M.jsx)(t.h3,{id:`множественный-выбор`,children:`Множественный выбор`}),`
-`,(0,M.jsx)(d,{of:m}),`
-`,(0,M.jsx)(t.h3,{id:`строки-с-ограничением-выбора`,children:`Строки с ограничением выбора`}),`
-`,(0,M.jsx)(d,{of:x}),`
-`,(0,M.jsx)(t.h3,{id:`фоновое-обновление-данных`,children:`Фоновое обновление данных`}),`
-`,(0,M.jsx)(d,{of:E}),`
-`,(0,M.jsx)(t.h3,{id:`пустая-таблица`,children:`Пустая таблица`}),`
-`,(0,M.jsx)(d,{of:C}),`
-`,(0,M.jsx)(t.h3,{id:`достижение-конца-списка`,children:`Достижение конца списка`}),`
-`,(0,M.jsx)(d,{of:w}),`
-`,(0,M.jsx)(t.h3,{id:`первичная-загрузка`,children:`Первичная загрузка`}),`
-`,(0,M.jsx)(d,{of:b}),`
-`,(0,M.jsx)(t.h3,{id:`formula-based-колонка`,children:`Formula-based колонка`}),`
-`,(0,M.jsx)(d,{of:g}),`
-`,(0,M.jsx)(t.h3,{id:`pipeline-display-formatting`,children:`Pipeline display-formatting`}),`
-`,(0,M.jsx)(d,{of:k}),`
-`,(0,M.jsx)(t.h3,{id:`скрытие-нулевых-значений`,children:`Скрытие нулевых значений`}),`
-`,(0,M.jsx)(d,{of:_}),`
-`,(0,M.jsx)(t.h3,{id:`слияние-дубликатов-1`,children:`Слияние дубликатов`}),`
-`,(0,M.jsx)(d,{of:T}),`
-`,(0,M.jsx)(t.h3,{id:`odata-metadata-adapter`,children:`OData metadata adapter`}),`
-`,(0,M.jsx)(d,{of:S}),`
-`,(0,M.jsx)(t.h3,{id:`useodatatablecolumns-build`,children:`useODataTableColumns: build`}),`
-`,(0,M.jsx)(d,{of:y}),`
-`,(0,M.jsx)(t.h3,{id:`useodatatablecolumns-enrich`,children:`useODataTableColumns: enrich`}),`
-`,(0,M.jsx)(d,{of:v}),`
-`,(0,M.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,M.jsx)(l,{of:D}),`
-`,(0,M.jsx)(t.h2,{id:`все-stories`,children:`Все stories`}),`
-`,(0,M.jsx)(a,{includePrimary:!1})]})}function j(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,M.jsx)(t,{...e,children:(0,M.jsx)(A,{...e})}):A(e)}var M;function N(){return(N=e((()=>{M=t(),r(),c(),p()})))()}N();export{j as default};

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

@@ -1,178 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-1Nw_zWMi.js";import{A as i,D as a,O as ee,T as te,_ as ne,a as re,b as o,d as ie,g as ae,i as oe,k as se}from"./odata-D9M3xPIL.js";import{h as ce,u as le}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{n as ue,t as de}from"./useTable-CK68Q4S4.js";import{_ as fe,a as pe,c as me,d as he,f as ge,g as _e,h as ve,i as ye,l as be,m as xe,n as Se,o as Ce,p as we,r as Te,s as Ee,t as De,u as Oe,v as ke,y as Ae}from"./FormattedTableCell-B4RRbSFK.js";import{n as je,t as s}from"./createControlledStoryRender-BouhvX-R.js";var c,Me,Ne;function l(){return(l=e((()=>{c=`hKghZt`,Me=`QsLRvS`,Ne={selectedIndicatorCell:c,sentinel:Me}})))()}function Pe(e,t){return String(t)}function u({title:e,isLoading:t,isFetching:n,data:r,columns:i,selectionMode:a=`none`,selectedRowIds:ee,getRowId:te,className:re,minHeight:o,tableClassName:ie,columnVisibility:oe,defaultColumnVisibility:se,columnOrder:ce,defaultColumnOrder:de,columnSizing:pe,defaultColumnSizing:he,columnPinning:_e,defaultColumnPinning:ye,enableColumnResizing:be=!1,enableColumnReordering:xe=!1,columnResizeMinWidth:Se,onColumnVisibilityChange:Ee,onColumnOrderChange:Ae,onColumnSizingChange:je,onColumnPinningChange:s,onRowClick:c,onRowSelectionChange:Me,onReachEnd:l,getRowCanSelect:u,getRowClassName:p,renderHeaderContextMenu:Fe,renderCellContent:m}){let h=(0,d.useMemo)(()=>r??[],[r]),g=(0,d.useMemo)(()=>ve(i),[i]),_=te??Pe,v=(0,d.useMemo)(()=>new Map(h.map((e,t)=>[_(e,t),e])),[_,h]),Ie=(0,d.useMemo)(()=>Array.from(v.keys()),[v]),y=(0,d.useRef)(null),b=(0,d.useRef)(null),{rowSelection:x,activateRowSelection:S}=ae({availableRowIds:Ie,rowById:v,selectionMode:a,selectedRowIds:ee,onRowSelectionChange:Me}),{columnVisibility:C,onColumnVisibilityChange:w}=Ce({columnVisibility:oe,defaultColumnVisibility:se,onColumnVisibilityChange:Ee}),{columnOrder:T,onColumnOrderChange:E}=ge({columnOrder:ce,defaultColumnOrder:de,onColumnOrderChange:Ae}),{columnSizing:D,onColumnSizingChange:O}=me({columnSizing:pe,defaultColumnSizing:he,columnResizeMinWidth:Se,onColumnSizingChange:je}),{columnPinning:k,onColumnPinningChange:Le}=Oe({columnPinning:_e,defaultColumnPinning:ye,onColumnPinningChange:s}),A=(0,d.useMemo)(()=>({columnOrder:T,columnPinning:k,columnSizing:D,columnVisibility:C}),[T,k,D,C]),j=(0,d.useEffectEvent)(()=>{l?.()});(0,d.useEffect)(()=>{if(!l||!y.current||!b.current||t)return;let e=new IntersectionObserver(e=>{e[0]?.isIntersecting&&j()},{root:y.current,threshold:.1});return e.observe(b.current),()=>e.disconnect()},[t,l,h.length]);let M=ue({features:ne,data:h,columns:i,state:{columnOrder:T,columnPinning:k,columnSizing:D,columnVisibility:C,rowSelection:x},onColumnOrderChange:E,onColumnPinningChange:Le,onColumnSizingChange:O,onColumnVisibilityChange:w,getRowId:(e,t)=>_(e,t),enableMultiRowSelection:a===`multi`,enableRowSelection:e=>a===`none`?!1:!u||u(e.original)}),N=ke(M,A),P=M.getRowModel().rows,F=(0,d.useMemo)(()=>we({rows:P,columns:N}),[P,N]),I=N[0]?.id;return(0,f.jsx)(Te,{table:M,columnState:A,title:e,isLoading:t,isFetching:n,className:re,minHeight:o,tableClassName:ie,selectionMode:a,scrollableRef:y,onActivateRow:a!==`none`||c?e=>{S(e.id,e.getCanSelect()),c?.(e.original)}:void 0,isRowInteractive:e=>!!(c||a!==`none`&&e.getCanSelect()),getRowClassName:e=>p?.(e.original),getCellClassName:({row:e,cell:t})=>t.column.id===I&&e.getIsSelected()?Ne.selectedIndicatorCell:void 0,getCellLayout:({cell:e})=>F.get(e.id),renderHeaderContextMenu:Fe,enableColumnResizing:be,enableColumnReordering:xe,columnResizeMinWidth:Se,renderCellContent:e=>{let t=le({field:g.runtimeByColumnId[e.cell.column.id],rawValue:e.cell.getValue(),rowData:e.row.original,rowKind:`plain`}),n=fe({columnId:e.cell.column.id,runtimeByColumnId:g.runtimeByColumnId,customCellColumnIds:g.customCellColumnIds})?(0,f.jsx)(De,{displayValue:t,align:e.columnMeta?.align}):e.defaultContent;return m?m({...e,defaultContent:n,displayValue:t}):n},afterTableContent:l?(0,f.jsx)(`div`,{ref:b,className:Ne.sentinel,"aria-hidden":`true`}):null})}var d,f;function p(){return(p=e((()=>{d=n(),ce(),o(),de(),ye(),xe(),_e(),Se(),Ae(),he(),be(),Ee(),pe(),l(),f=r(),u.__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 Fe=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:()=>Be,default:()=>Re});function m(){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 h(e,t){let n=e.data??[];return t.map(t=>{let r=n.indexOf(t);return e.getRowId?.(t,r)??String(r)})}function g({args:e,updateArgs:t}){return(0,b.jsx)(u,{...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:h(e,n)})}})}function _({args:e,updateArgs:t}){let{columns:n,metadata:r,isLoading:i}=oe({service:N,target:P,mode:`build`});return(0,b.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,b.jsxs)(`div`,{children:[`Режим build: hook собрал `,n.length,` колонки из metadata`,r?` для сущности «${r.title}».`:`.`]}),(0,b.jsx)(g,{args:{...e,columns:n,isLoading:e.isLoading??i},updateArgs:t})]})}function v({args:e,updateArgs:t}){let{columns:n,metadata:r,isLoading:i}=oe({service:N,target:P,mode:`enrich`,columns:j});return(0,b.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,b.jsxs)(`div`,{children:[`Режим enrich: hook сохранил ручные заголовки и дополнил formatting-контекст`,r?` из metadata «${r.title}».`:`.`]}),(0,b.jsx)(g,{args:{...e,columns:n,isLoading:e.isLoading??i},updateArgs:t})]})}function Ie({args:e,updateArgs:t}){let[n,r]=(0,y.useState)(0);return(0,b.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,b.jsxs)(`div`,{children:[`Событие достижения конца: `,n]}),(0,b.jsx)(g,{args:{...e,onReachEnd:()=>{e.onReachEnd?.(),r(e=>e+1)}},updateArgs:t})]})}var y,b,x,S,C,w,T,E,D,O,k,Le,A,j,M,N,P,F,I,Re,L,R,ze,z,B,V,H,U,W,G,K,q,J,Y,X,Z,Q,$,Be;function Ve(){return(Ve=e((()=>{y=n(),re(),ee(),o(),i(),je(),p(),b=r(),x=[{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:`Закрыта`}],S=[...x,{id:`6`,number:`450006`,client:`ОМК`,manager:`Елена Андреева`,amount:`680 000`,status:`Архив`,isLocked:!0}],C=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?`В работе`:`Согласование`})),w=[{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}}],T=[{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}],E=[{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:`Николай Орлов`}],D=[{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}}],O=[{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}}}],k=[{id:`product`,accessorKey:`product`,header:`Товар`,meta:{width:16}},{id:`healthScore`,accessorKey:`healthScore`,header:`Индекс риска`,meta:{width:10,align:`right`,formatting:{role:`measure`,type:`decimal`,formattersPipeline:m()}}}],Le=[{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}}}],A=[{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`}],j=[{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`}}],M=ie(j,A),N=`ZDEMO_DEALS_SRV`,P=`DealSet`,F={title:`Портфель сделок`,columns:A},I=(e,t)=>{let n=(0,y.useMemo)(()=>{let e=a({}),n=t.parameters.odataService,r=t.parameters.odataEntity,i=t.parameters.odataMetadata;return n&&r&&i&&e.setQueryData(te({service:n}).queryKey,{entities:{[r]:i},functionImports:{}}),e},[t.parameters.odataEntity,t.parameters.odataMetadata,t.parameters.odataService]);return(0,b.jsx)(se,{client:n,children:e()})},Re={title:`UI/Table`,component:u,args:{title:`Сделки`,data:x,columns:w,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}}},L=s((e,t)=>(0,b.jsx)(g,{args:e,updateArgs:t})),R=s((e,t)=>(0,b.jsx)(g,{args:e,updateArgs:t})),ze=s((e,t)=>(0,b.jsx)(g,{args:e,updateArgs:t})),z={render:L},B={args:{columnPinning:{start:[`number`]}},render:s((e,t)=>{let n=e.columnPinning??{start:[]};return(0,b.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,b.jsxs)(`div`,{style:{display:`flex`,gap:`0.5em`,flexWrap:`wrap`},children:[(0,b.jsx)(`button`,{type:`button`,onClick:()=>t({columnPinning:{start:[`number`]}}),children:`Закрепить «Номер»`}),(0,b.jsx)(`button`,{type:`button`,onClick:()=>t({columnPinning:{start:[`number`,`client`]}}),children:`Закрепить «Номер» и «Клиент»`}),(0,b.jsx)(`button`,{type:`button`,onClick:()=>t({columnPinning:{start:[]}}),children:`Снять закрепление`})]}),(0,b.jsxs)(`div`,{children:[`Закреплено в начале: `,n.start?.length?n.start.join(`, `):`ничего`]}),(0,b.jsx)(g,{args:{...e,columnPinning:n},updateArgs:t})]})})},V={args:{selectionMode:`multi`,selectedRowIds:[]},render:s((e,t)=>(0,b.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,b.jsxs)(`div`,{children:[`Выбрано: `,e.selectedRowIds?.length?e.selectedRowIds.join(`, `):`ничего`]}),(0,b.jsx)(g,{args:e,updateArgs:t})]}))},H={args:{data:S,selectionMode:`multi`,selectedRowIds:[],getRowCanSelect:e=>!e.isLocked},render:s((e,t)=>(0,b.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,b.jsx)(`div`,{children:`Строка со статусом «Архив» остаётся видимой, но не участвует в выборе.`}),(0,b.jsxs)(`div`,{children:[`Выбрано: `,e.selectedRowIds?.length?e.selectedRowIds.join(`, `):`ничего`]}),(0,b.jsx)(g,{args:e,updateArgs:t})]}))},U={args:{isFetching:!0},render:L},W={args:{data:[]},render:L},G={args:{data:C},render:s((e,t)=>(0,b.jsx)(Ie,{args:e,updateArgs:t}))},K={args:{isLoading:!0},render:L},q={args:{title:`Формула наценки`,data:T,columns:O,selectionMode:`none`,getRowId:e=>e.id},render:R},J={args:{title:`Pipeline форматирования`,data:T,columns:k,selectionMode:`none`,getRowId:e=>e.id},render:R},Y={args:{title:`Скрытие нулей`,data:T,columns:Le,selectionMode:`none`,getRowId:e=>e.id},render:R},X={args:{title:`Слияние дубликатов`,data:E,columns:D,selectionMode:`none`,getRowId:e=>e.id},render:ze},Z={args:{title:`OData metadata adapter`,data:T,columns:M,selectionMode:`none`,getRowId:e=>e.id},render:R},Q={args:{title:`useODataTableColumns: build`,data:T,columns:[],selectionMode:`none`,getRowId:e=>e.id},decorators:[I],parameters:{odataService:N,odataEntity:P,odataMetadata:F},render:s((e,t)=>(0,b.jsx)(_,{args:e,updateArgs:t}))},$={args:{title:`useODataTableColumns: enrich`,data:T,columns:[],selectionMode:`none`,getRowId:e=>e.id},decorators:[I],parameters:{odataService:N,odataEntity:P,odataMetadata:F},render:s((e,t)=>(0,b.jsx)(v,{args:e,updateArgs:t}))},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
-  render: renderDealTableStory
-}`,...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: createControlledStoryRender<TableProps<DealRow>>((args, updateArgs) => {
-    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
-      }} updateArgs={updateArgs} />
-            </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: createControlledStoryRender<TableProps<DealRow>>((args, updateArgs) => <div style={{
-    display: "grid",
-    gap: "0.75em"
-  }}>
-            <div>Выбрано: {args.selectedRowIds?.length ? args.selectedRowIds.join(", ") : "ничего"}</div>
-            <TableStoryCanvas args={args} updateArgs={updateArgs} />
-        </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: createControlledStoryRender<TableProps<DealRow>>((args, updateArgs) => <div style={{
-    display: "grid",
-    gap: "0.75em"
-  }}>
-            <div>Строка со статусом «Архив» остаётся видимой, но не участвует в выборе.</div>
-            <div>Выбрано: {args.selectedRowIds?.length ? args.selectedRowIds.join(", ") : "ничего"}</div>
-            <TableStoryCanvas args={args} updateArgs={updateArgs} />
-        </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: renderDealTableStory
-}`,...U.parameters?.docs?.source},description:{story:`Сценарий фонового обновления данных без очистки таблицы.`,...U.parameters?.docs?.description}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
-  args: {
-    data: []
-  },
-  render: renderDealTableStory
-}`,...W.parameters?.docs?.source},description:{story:`Пустой источник данных.`,...W.parameters?.docs?.description}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
-  args: {
-    data: reachEndRows
-  },
-  render: createControlledStoryRender<TableProps<DealRow>>((args, updateArgs) => <ReachEndTableCanvas args={args} updateArgs={updateArgs} />)
-}`,...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: renderDealTableStory
-}`,...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: renderFormattingTableStory
-}`,...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: renderFormattingTableStory
-}`,...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: renderFormattingTableStory
-}`,...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: renderDivisionMergeTableStory
-}`,...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: renderFormattingTableStory
-}`,...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: createControlledStoryRender<TableProps<DealFormattingRow>>((args, updateArgs) => <HookBuildTableStory args={args} updateArgs={updateArgs} />)
-}`,...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: createControlledStoryRender<TableProps<DealFormattingRow>>((args, updateArgs) => <HookEnrichTableStory args={args} updateArgs={updateArgs} />)
-}`,...$.parameters?.docs?.source},description:{story:"Реальный hook-сценарий `useODataTableColumns(...)` в режиме enrich.",...$.parameters?.docs?.description}}},Be=[`Basic`,`WithColumnPinning`,`MultiSelect`,`WithDisabledRows`,`Fetching`,`Empty`,`ReachEnd`,`Loading`,`WithFormulaColumn`,`WithFormattingPipeline`,`WithHiddenZero`,`WithMergedDuplicates`,`WithODataMetadataAdapter`,`WithUseODataTableColumnsBuildHook`,`WithUseODataTableColumnsEnrichHook`]})))()}export{Ve 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,Fe as s,z as t,J as u};

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

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

package/storybook-static/assets/media-D9cE2tzi.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";function n(e){if(typeof window>`u`||typeof document>`u`)return w;let t=e??document.documentElement,n=window.getComputedStyle(t).fontSize,r=Number.parseFloat(n);return!Number.isFinite(r)||r<=0?w:r}function r(e){return typeof e!=`object`||!e?!1:`mobile`in e||`tablet`in e||`laptop`in e||`desktop`in e}function i(e,t){if(e!==void 0)return r(e)?t===`mobile`?e.mobile??e.tablet??e.laptop:t===`tablet`?e.tablet??e.mobile??e.laptop:e.laptop??e.tablet??e.mobile:e}function a(e,t,n){let r={...e};for(let e of n)r[e]=i(r[e],t);return r}function o(e,t){return`addEventListener`in e?(e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)):(e.addListener(t),()=>e.removeListener(t))}function s(e){let t=t=>t*e,n=t(C.mobileMax),r=t(C.tabletMin),i=t(C.tabletMax),a=t(C.laptopMin);return{mobile:`(width <= ${n}px)`,tablet:`(width >= ${r}px) and (width <= ${i}px)`,laptop:`(width >= ${a}px)`}}function c(e){return e.mobile?`mobile`:e.tablet?`tablet`:`laptop`}function l(e,t){return e.mobile===t.mobile&&e.tablet===t.tablet&&e.laptop===t.laptop}function u(e){l(O.matches,e)||(O={matches:e,activeBreakpoint:c(e)},L.forEach(e=>e()))}function d(){k&&u({mobile:k.mobile.matches,tablet:k.tablet.matches,laptop:k.laptop.matches})}function f(){A.forEach(e=>e()),A=[]}function p(e=!1){if(typeof window>`u`||typeof document>`u`)return;let t=n();if(!e&&k&&Math.abs(t-j)<E)return;j=t,f();let r=s(t);k={mobile:window.matchMedia(r.mobile),tablet:window.matchMedia(r.tablet),laptop:window.matchMedia(r.laptop)},A=Object.keys(k).map(e=>o(k[e],d)),d()}function m(){I&&clearTimeout(I),I=setTimeout(()=>{I=null,p()},D)}function h(){typeof window>`u`||typeof document>`u`||(N=new MutationObserver(m),N.observe(document.documentElement,{attributes:!0,attributeFilter:[`style`,`class`,`data-font-size`]}),!(typeof ResizeObserver>`u`)&&(F=document.createElement(`div`),F.style.position=`absolute`,F.style.visibility=`hidden`,F.style.pointerEvents=`none`,F.style.width=`1em`,F.style.height=`1px`,F.style.overflow=`hidden`,F.setAttribute(`aria-hidden`,`true`),(document.body??document.documentElement).appendChild(F),P=new ResizeObserver(m),P.observe(F)))}function g(){f(),k=null,I&&=(clearTimeout(I),null),N&&=(N.disconnect(),null),P&&=(P.disconnect(),null),F?.parentNode&&F.parentNode.removeChild(F),F=null,M=!1}function _(){M||typeof window>`u`||typeof document>`u`||(M=!0,p(!0),h())}function v(e){return typeof window>`u`||typeof document>`u`?()=>{}:(L.add(e),_(),()=>{L.delete(e),L.size===0&&g()})}function y(){return O}function b(){return T}function x(){return(0,S.useSyncExternalStore)(v,y,b)}var S,C,w,T,E,D,O,k,A,j,M,N,P,F,I,L;function R(){return(R=e((()=>{S=t(),C={mobileMax:767.98/16,tabletMin:48,tabletMax:1151.98/16,laptopMin:72},w=16,T={matches:{mobile:!1,tablet:!1,laptop:!1},activeBreakpoint:`laptop`},E=.25,D=80,O=T,k=null,A=[],j=0,M=!1,N=null,P=null,F=null,I=null,L=new Set})))()}export{i,a as n,R as r,x as t};

package/storybook-static/assets/useFlexClasses-IXK2se1Y.css

@@ -1 +0,0 @@
-.ZNPIAt{display:flex}.ZNPIAt.FOfB6f{vertical-align:middle;display:inline-flex}.ZNPIAt.S3zmDT{flex-direction:row}.ZNPIAt.ZFdq8E{flex-direction:column}.ZNPIAt.VAzJwr{flex-direction:row-reverse}.ZNPIAt.-U1mun{flex-direction:column-reverse}.ZNPIAt._4ZMtr-{flex-wrap:wrap}.ZNPIAt.SKOoTV{flex-wrap:nowrap}.ZNPIAt.sSe6vs{flex-wrap:wrap-reverse}.ZNPIAt._3K-dKm{align-items:start}.ZNPIAt.-Pfy-z{align-items:center}.ZNPIAt.beSYgR{align-items:end}.ZNPIAt.Ewhv1G{align-items:stretch}.ZNPIAt.JXvBB6{align-items:baseline}.ZNPIAt.hN3T0k{justify-content:start}.ZNPIAt.KKCJ5o{justify-content:center}.ZNPIAt.MnX1Le{justify-content:end}.ZNPIAt.Hom9eH{justify-content:stretch}.ZNPIAt.Oujm4J{justify-content:space-between}.ZNPIAt._2ttx6l{justify-content:space-around}.ZNPIAt.QEwI8b{justify-content:space-evenly}.ZNPIAt._7GQOS7{align-content:start}.ZNPIAt._2IOpAA{align-content:center}.ZNPIAt.fZOYKH{align-content:end}.ZNPIAt._01H9Wl{align-content:stretch}.ZNPIAt.GiMq3P{align-content:space-between}.ZNPIAt.tfwckC{align-content:space-around}.ZNPIAt._9tNYb7{align-content:space-evenly}.ZNPIAt.PoehYn{gap:unset}.ZNPIAt.D9yh46{row-gap:var(--space-xs)}.ZNPIAt.B5WUhS{row-gap:var(--space-sm)}.ZNPIAt.KfUmo4{row-gap:var(--space-md)}.ZNPIAt.m-8JGj{row-gap:var(--space-lg)}.ZNPIAt.zFcs1z{row-gap:var(--space-xl)}.ZNPIAt._0wKkFA{column-gap:var(--space-xs)}.ZNPIAt.VQY6wh{column-gap:var(--space-sm)}.ZNPIAt.csJmh7{column-gap:var(--space-md)}.ZNPIAt._-8r3Oj{column-gap:var(--space-lg)}.ZNPIAt.sCELJe{column-gap:var(--space-xl)}.ZNPIAt.NrH1WE{row-gap:var(--space-xs);column-gap:var(--space-xs)}.ZNPIAt.IIgbrj{row-gap:var(--space-sm);column-gap:var(--space-sm)}.ZNPIAt.alT7CJ{row-gap:var(--space-md);column-gap:var(--space-md)}.ZNPIAt.TBFK23{row-gap:var(--space-lg);column-gap:var(--space-lg)}.ZNPIAt.JR1URZ{row-gap:var(--space-xl);column-gap:var(--space-xl)}.i1imd3.IVZ-ii{flex-grow:1}.i1imd3.zhghPS{flex-grow:0}.i1imd3.-A4gJM{flex-shrink:1}.i1imd3._3Q-lT-{flex-shrink:0}.i1imd3.YSg8P9{flex-basis:0}.i1imd3.RMXnTk{flex-basis:auto}.i1imd3.YyYE7z{flex:none}.i1imd3.LD3bM5{flex:auto}.i1imd3.HpcoTp{align-self:start}.i1imd3.E7ItD3{align-self:center}.i1imd3.v0JFEC{align-self:end}.i1imd3.pmMEmH{align-self:stretch}.i1imd3.qevFHG{align-self:baseline}.i1imd3.OTPY33{justify-self:center}.i1imd3.AjRxTP{justify-self:end}.i1imd3._1YaZWf{justify-self:stretch}.H-DHBq,.JzIGGJ{justify-content:center;align-items:center;display:flex}.aqYTBq{justify-content:space-between;align-items:center;display:flex}.JzIGGJ{flex-direction:column;height:100%}

package/storybook-static/assets/useFlexClasses-SgVG37Bb.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";var n,ee,te,r,i,a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P,F,I,L,R,ne,z,B,V,H,U,W,G,K,q,J,Y,X,Z,re,ie,ae,oe,se,ce,le,ue,de,fe,pe,Q;function me(){return(me=e((()=>{n=`ZNPIAt`,ee=`FOfB6f`,te=`S3zmDT`,r=`ZFdq8E`,i=`VAzJwr`,a=`-U1mun`,o=`_4ZMtr-`,s=`SKOoTV`,c=`sSe6vs`,l=`_3K-dKm`,u=`-Pfy-z`,d=`beSYgR`,f=`Ewhv1G`,p=`JXvBB6`,m=`hN3T0k`,h=`KKCJ5o`,g=`MnX1Le`,_=`Hom9eH`,v=`Oujm4J`,y=`_2ttx6l`,b=`QEwI8b`,x=`_7GQOS7`,S=`_2IOpAA`,C=`fZOYKH`,w=`_01H9Wl`,T=`GiMq3P`,E=`tfwckC`,D=`_9tNYb7`,O=`PoehYn`,k=`D9yh46`,A=`B5WUhS`,j=`KfUmo4`,M=`m-8JGj`,N=`zFcs1z`,P=`_0wKkFA`,F=`VQY6wh`,I=`csJmh7`,L=`_-8r3Oj`,R=`sCELJe`,ne=`NrH1WE`,z=`IIgbrj`,B=`alT7CJ`,V=`TBFK23`,H=`JR1URZ`,U=`i1imd3`,W=`IVZ-ii`,G=`zhghPS`,K=`-A4gJM`,q=`_3Q-lT-`,J=`YSg8P9`,Y=`RMXnTk`,X=`YyYE7z`,Z=`LD3bM5`,re=`HpcoTp`,ie=`E7ItD3`,ae=`v0JFEC`,oe=`pmMEmH`,se=`qevFHG`,ce=`OTPY33`,le=`AjRxTP`,ue=`_1YaZWf`,de=`H-DHBq`,fe=`JzIGGJ`,pe=`aqYTBq`,Q={container:n,inline:ee,row:te,column:r,rowReverse:i,columnReverse:a,wrap:o,nowrap:s,wrapReverse:c,alignStart:l,alignCenter:u,alignEnd:d,alignStretch:f,alignBaseline:p,justifyStart:m,justifyCenter:h,justifyEnd:g,justifyStretch:_,justifyBetween:v,justifyAround:y,justifyEvenly:b,alignContentStart:x,alignContentCenter:S,alignContentEnd:C,alignContentStretch:w,alignContentBetween:T,alignContentAround:E,alignContentEvenly:D,gapNone:O,gapRowXs:k,gapRowSm:A,gapRowMd:j,gapRowLg:M,gapRowXl:N,gapColumnXs:P,gapColumnSm:F,gapColumnMd:I,gapColumnLg:L,gapColumnXl:R,gapXs:ne,gapSm:z,gapMd:B,gapLg:V,gapXl:H,item:U,grow:W,grow0:G,shrink:K,shrink0:q,basis0:J,basisAuto:Y,flex0:X,flex1:Z,alignSelfStart:re,alignSelfCenter:ie,alignSelfEnd:ae,alignSelfStretch:oe,alignSelfBaseline:se,justifySelfCenter:ce,justifySelfEnd:le,justifySelfStretch:ue,center:de,columnCenter:fe,centerBetween:pe}})))()}var $,he,ge,_e;function ve(){return(ve=e((()=>{$=t(),me(),he=e=>(0,$.useMemo)(()=>{let t=[Q.container];return e.inline&&t.push(Q.inline),e.row?t.push(Q.row):e.column?t.push(Q.column):e.rowReverse?t.push(Q.rowReverse):e.columnReverse&&t.push(Q.columnReverse),e.wrap?t.push(Q.wrap):e.nowrap?t.push(Q.nowrap):e.wrapReverse&&t.push(Q.wrapReverse),e.align&&t.push(Q[`align${e.align.charAt(0).toUpperCase()+e.align.slice(1)}`]),e.justify&&t.push(Q[`justify${e.justify.charAt(0).toUpperCase()+e.justify.slice(1)}`]),e.alignContent&&t.push(Q[`alignContent${e.alignContent.charAt(0).toUpperCase()+e.alignContent.slice(1)}`]),e.gap===`none`?t.push(Q.gapNone):e.gap&&t.push(Q[`gap${e.gap.charAt(0).toUpperCase()+e.gap.slice(1)}`]),e.gapRow&&t.push(Q[`gapRow${e.gapRow.charAt(0).toUpperCase()+e.gapRow.slice(1)}`]),e.gapColumn&&t.push(Q[`gapColumn${e.gapColumn.charAt(0).toUpperCase()+e.gapColumn.slice(1)}`]),t.filter(Boolean).join(` `)},[e]),ge=e=>(0,$.useMemo)(()=>{let t=[Q.item];return e.flex0&&t.push(Q.flex0),e.flex1&&t.push(Q.flex1),!e.flex0&&!e.flex1&&(e.grow?t.push(Q.grow):t.push(Q.grow0),e.shrink===!1?t.push(Q.shrink0):t.push(Q.shrink),e.basis===`0`?t.push(Q.basis0):e.basis===`auto`&&t.push(Q.basisAuto)),e.alignSelf&&t.push(Q[`alignSelf${e.alignSelf.charAt(0).toUpperCase()+e.alignSelf.slice(1)}`]),e.justifySelf&&t.push(Q[`justifySelf${e.justifySelf.charAt(0).toUpperCase()+e.justifySelf.slice(1)}`]),t.filter(Boolean).join(` `)},[e]),_e=e=>Q[e]})))()}export{_e as i,he as n,ge as r,ve as t};