@ryuzaki13/react-foundation-ui 1.0.8 → 1.0.12

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

@@ -0,0 +1,36 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{Controlled as p,PaletteOnly as m,WithMeta as h,n as g,t as _}from"./StateSelect.stories-BGDCnVqb.js";function v(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{of:_,parameters:{docs:{toc:!0}}}),`
+`,(0,b.jsx)(c,{children:`StateSelect`}),`
+`,(0,b.jsx)(i,{children:`Специализированный select для выбора визуального статуса или семантического состояния`}),`
+`,(0,b.jsx)(o.p,{children:`StateSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны контролируемые сценарии.`}),`
+`,(0,b.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,b.jsx)(u,{}),`
+`,(0,b.jsx)(n,{of:p}),`
+`,(0,b.jsx)(o.pre,{children:(0,b.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
+
+import { StateSelect } from "@/shared/ui";
+
+export function Example() {
+	const [value, setValue] = useState("information");
+
+	return <StateSelect label="Состояние" value={value} onChange={setValue} />;
+}
+`})}),`
+`,(0,b.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,b.jsxs)(o.ul,{children:[`
+`,(0,b.jsx)(o.li,{children:`Если состояние должно жить во внешней форме или модели, ориентируйтесь на контролируемый режим из документации.`}),`
+`]}),`
+`,(0,b.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,b.jsx)(o.h3,{id:`компонент-работает-в-контролируемом-режиме-когда-состояние-хранится-во-внешнем-компоненте`,children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте`}),`
+`,(0,b.jsx)(o.p,{children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте.`}),`
+`,(0,b.jsx)(l,{of:p}),`
+`,(0,b.jsx)(o.h3,{id:`кастомизация-подписей-и-иконок-состояний`,children:`Кастомизация подписей и иконок состояний`}),`
+`,(0,b.jsx)(o.p,{children:`Кастомизация подписей и иконок состояний.`}),`
+`,(0,b.jsx)(l,{of:h}),`
+`,(0,b.jsx)(o.h3,{id:`ограниченный-набор-доступных-состояний`,children:`Ограниченный набор доступных состояний`}),`
+`,(0,b.jsx)(o.p,{children:`Ограниченный набор доступных состояний.`}),`
+`,(0,b.jsx)(l,{of:m}),`
+`,(0,b.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,b.jsx)(s,{of:_}),`
+`,(0,b.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,b.jsx)(r,{includePrimary:!1})]})}function y(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,b.jsx)(n,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;e((()=>{b=d(),f(),o(),g()}))();export{y as default};

package/storybook-static/assets/StateSelect-pIMkhj9A.css

@@ -0,0 +1 @@
+.p4nQdZ{padding-left:var(--space-sm)}._94tg5v{align-items:center;gap:var(--space-sm);width:100%;min-width:0;min-height:1.5em;display:flex}.HyK7Zs{--state-color:transparent;border-radius:var(--radius-xs);border:var(--border-width) solid var(--border-0);background-color:var(--state-color);flex-shrink:0;width:1.25em;height:1.25em;display:inline-block}.HyK7Zs[data-empty]{background-color:var(--surface-0);background-image:repeating-linear-gradient(135deg, var(--border-0), var(--border-0) .25em, transparent .25em, transparent .5em)}.Mm4hrB{--input-width:auto;gap:var(--space-xs);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.clxxBQ{--input-width:16em}._5pJ7o-{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;outline:none}.VV6hKN{padding:var(--space-sm);justify-content:center;align-items:center;min-width:2.25em;display:flex}.cuQNP0{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);display:flex}.w7nIOT{align-items:center;gap:var(--space-xs);min-width:0;display:inline-flex}.ed-Afj{align-items:center;display:inline-flex}.Lbxloe{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}

package/storybook-static/assets/StateSelect.stories-BGDCnVqb.js

@@ -0,0 +1,47 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-CReRlw17.js";import{J as s,K as c,O as l,W as u,o as d,t as f}from"./lucide-react-CK2oyDtF.js";import{d as p,n as m,t as h}from"./formatters-yIBztcem.js";import{t as g}from"./Select-DYVS7SCZ.js";import{t as _}from"./select-BPvMbVDe.js";var v,y,b,x,S,C,w,T,E,D,O,k,A=n((()=>{v=`p4nQdZ`,y=`_94tg5v`,b=`HyK7Zs`,x=`Mm4hrB`,S=`clxxBQ`,C=`_5pJ7o-`,w=`VV6hKN`,T=`cuQNP0`,E=`w7nIOT`,D=`ed-Afj`,O=`Lbxloe`,k={button:v,valueContainer:y,swatch:b,optionsPalette:x,optionsDetailed:S,option:C,optionPalette:w,optionDetailed:T,optionMeta:E,optionMetaIcon:D,optionMetaLabel:O}}));function j({state:e,className:t}){return(0,R.jsx)(`span`,{className:a(k.swatch,t),"data-empty":e===`none`?``:void 0,style:{"--state-color":p[e]}})}function M(e){return!!(e?.icon||e?.label)}function N(e,t){return typeof t?.label==`string`&&t.label.trim()?t.label:e||`empty`}function P(e){return M(e)?(0,R.jsxs)(`span`,{className:k.optionMeta,children:[e?.icon?(0,R.jsx)(`span`,{className:k.optionMetaIcon,children:e.icon}):null,e?.label?(0,R.jsx)(`span`,{className:k.optionMetaLabel,children:e.label}):null]}):null}function F(e,t){return(0,R.jsxs)(`div`,{className:k.valueContainer,children:[(0,R.jsx)(j,{state:e}),P(t)]})}function I({label:e,description:t,disabled:n,placeholder:r,size:i,value:o,onChange:s,options:c=m,stateMeta:l,className:u,clearable:d}){let f=(0,L.useMemo)(()=>Array.from(new Set(c)),[c]),p=f.some(e=>M(l?.[e]));return(0,R.jsx)(g,{label:e,description:t,disabled:n,placeholder:r,size:i,value:o,onChange:s,options:f,className:u,clearable:d,getOptionKey:e=>e||`__empty_state__`,getOptionLabel:e=>l?.[e]?.label??e,getOptionAriaLabel:e=>N(e,l?.[e]),renderValue:e=>F(e,l?.[e]),renderOption:e=>(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(j,{state:e}),p?P(l?.[e]):null]}),buttonClassName:k.button,optionsContentClassName:a(p?k.optionsDetailed:k.optionsPalette),getOptionClassName:()=>a(k.option,p?k.optionDetailed:k.optionPalette)})}var L,R,z=n((()=>{L=t(r(),1),h(),o(),_(),A(),R=i(),I.__docgenInfo={description:`Специализированный селект для выбора цветового или статусного состояния. Используется там, где значению соответствует визуальный swatch.`,methods:[],displayName:`StateSelect`,props:{placeholder:{required:!1,tsType:{name:`string`},description:``},options:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`DEFAULT_VALUE_STATES`,computed:!0}},stateMeta:{required:!1,tsType:{name:`Partial`,elements:[{name:`Record`,elements:[{name:`State`},{name:`signature`,type:`object`,raw:`{
+	label?: ReactNode;
+	icon?: ReactNode;
+}`,signature:{properties:[{key:`label`,value:{name:`ReactNode`,required:!1}},{key:`icon`,value:{name:`ReactNode`,required:!1}}]}}],raw:`Record<State, StateMeta>`}],raw:`Partial<Record<State, StateMeta>>`},description:``},className:{required:!1,tsType:{name:`string`},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`Omit`]}})),B=e({Controlled:()=>W,PaletteOnly:()=>K,WithMeta:()=>G,__namedExportsOrder:()=>q,default:()=>U}),V,H,U,W,G,K,q,J=n((()=>{V=t(r(),1),f(),z(),H=i(),U={title:`Shared/UI/StateSelect`,component:I,args:{label:`Состояние`,description:`Выберите визуальный статус.`,placeholder:`Выберите значение`,value:`information`,onChange:()=>{},disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля выбора состояния.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда значение не выбрано.`,control:`text`},value:{description:`Текущее состояние.`,control:`select`,options:[``,`none`,`information`,`success`,`warning`,`error`]},onChange:{description:`Вызывается при выборе состояния.`,control:!1},options:{description:`Кастомный набор доступных состояний.`,control:!1},stateMeta:{description:`Кастомные иконки и подписи для значений.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},className:{description:`Дополнительный CSS-класс.`,control:`text`}}},W={render:e=>{let[t,n]=(0,V.useState)(`information`);return(0,H.jsx)(I,{...e,value:t,onChange:n})}},G={render:e=>{let[t,n]=(0,V.useState)(`warning`);return(0,H.jsx)(I,{...e,value:t,onChange:n,stateMeta:{none:{label:`Без статуса`,icon:(0,H.jsx)(c,{})},information:{label:`Инфо`,icon:(0,H.jsx)(l,{})},success:{label:`Успех`,icon:(0,H.jsx)(s,{})},warning:{label:`Предупреждение`,icon:(0,H.jsx)(d,{})},error:{label:`Ошибка`,icon:(0,H.jsx)(u,{})}}})},args:{value:`warning`}},K={render:e=>{let[t,n]=(0,V.useState)(`none`);return(0,H.jsx)(I,{...e,value:t,onChange:n,options:[`none`,`success`,`error`]})},args:{options:[`none`,`success`,`error`],value:`none`}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [value, setValue] = useState<State | undefined>("information");
+    return <StateSelect {...args} value={value} onChange={setValue} />;
+  }
+}`,...W.parameters?.docs?.source}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [value, setValue] = useState<State | undefined>("warning");
+    return <StateSelect {...args} value={value} onChange={setValue} stateMeta={{
+      none: {
+        label: "Без статуса",
+        icon: <MinusCircleIcon />
+      },
+      information: {
+        label: "Инфо",
+        icon: <InfoIcon />
+      },
+      success: {
+        label: "Успех",
+        icon: <CheckCircle2Icon />
+      },
+      warning: {
+        label: "Предупреждение",
+        icon: <AlertTriangleIcon />
+      },
+      error: {
+        label: "Ошибка",
+        icon: <XCircleIcon />
+      }
+    }} />;
+  },
+  args: {
+    value: "warning"
+  }
+}`,...G.parameters?.docs?.source}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [value, setValue] = useState<State | undefined>("none");
+    return <StateSelect {...args} value={value} onChange={setValue} options={["none", "success", "error"]} />;
+  },
+  args: {
+    options: ["none", "success", "error"],
+    value: "none"
+  }
+}`,...K.parameters?.docs?.source}}},q=[`Controlled`,`WithMeta`,`PaletteOnly`]}));J();export{W as Controlled,K as PaletteOnly,G as WithMeta,q as __namedExportsOrder,U as default,J as n,B as t};

package/storybook-static/assets/Switch-C5zxOq_O.js

@@ -0,0 +1,36 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{BiState as p,Disabled as m,TriState as h,n as g,t as _}from"./Switch.stories-BmCl_Ts5.js";function v(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{of:_,parameters:{docs:{toc:!0}}}),`
+`,(0,b.jsx)(c,{children:`Switch`}),`
+`,(0,b.jsx)(i,{children:`Переключатель в виде слайдера для быстрых включений, отключений и tri-state сценариев`}),`
+`,(0,b.jsx)(o.p,{children:`Switch уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны заблокированные состояния.`}),`
+`,(0,b.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,b.jsx)(u,{}),`
+`,(0,b.jsx)(n,{of:p}),`
+`,(0,b.jsx)(o.pre,{children:(0,b.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
+
+import { Switch } from "@/shared/ui";
+
+export function Example() {
+	const [value, setValue] = useState(undefined);
+
+	return <Switch triState label="Автовыбор" value={value} onChange={setValue} />;
+}
+`})}),`
+`,(0,b.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,b.jsxs)(o.ul,{children:[`
+`,(0,b.jsx)(o.li,{children:`Заблокированное состояние лучше проверять отдельно, чтобы убедиться, что визуально и поведенчески оно остается понятным.`}),`
+`]}),`
+`,(0,b.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,b.jsx)(o.h3,{id:`классический-двухсостоянный-режим`,children:`Классический двухсостоянный режим`}),`
+`,(0,b.jsx)(o.p,{children:`Классический двухсостоянный режим.`}),`
+`,(0,b.jsx)(l,{of:p}),`
+`,(0,b.jsx)(o.h3,{id:`трехсостояние-с-промежуточным-значением`,children:`Трехсостояние с промежуточным значением`}),`
+`,(0,b.jsx)(o.p,{children:`Трехсостояние с промежуточным значением.`}),`
+`,(0,b.jsx)(l,{of:h}),`
+`,(0,b.jsx)(o.h3,{id:`проверка-поведения-в-заблокированном-состоянии`,children:`Проверка поведения в заблокированном состоянии`}),`
+`,(0,b.jsx)(o.p,{children:`Проверка поведения в заблокированном состоянии.`}),`
+`,(0,b.jsx)(l,{of:m}),`
+`,(0,b.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,b.jsx)(s,{of:_}),`
+`,(0,b.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,b.jsx)(r,{includePrimary:!1})]})}function y(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,b.jsx)(n,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;e((()=>{b=d(),f(),o(),g()}))();export{y as default};

package/storybook-static/assets/Switch-DGYGWtPw.css

@@ -0,0 +1 @@
+.Or5LYA{--size:calc(var(--control-height) - calc(var(--border-width) * 4));padding:0 var(--border-width);display:block}.qge3io{width:calc(var(--control-height) * 2);justify-content:space-between;display:flex}.qge3io[data-disabled] svg{color:var(--content-2)}.w0AMfA{border-radius:var(--radius-xs);width:var(--size);height:var(--size);opacity:.25;justify-content:center;align-items:center;display:flex}.w0AMfA svg{color:var(--content-0);display:block}.w0AMfA.P1x4lq{flex:100%;width:100%}.w0AMfA.-ZVOZo{background-color:var(--surface-2);opacity:1}

package/storybook-static/assets/Switch.stories-BmCl_Ts5.js

@@ -0,0 +1,26 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-CReRlw17.js";import{J as s,t as c,vt as l}from"./lucide-react-CK2oyDtF.js";import{n as u,t as d}from"./ui.module-DS2qtZts.js";var f,p,m,h,g,_=n((()=>{f=`Or5LYA`,p=`w0AMfA`,m=`P1x4lq`,h=`-ZVOZo`,g={switchWrapper:f,switch:`qge3io`,iconWrapper:p,auto:m,checked:h}}));function v(e){let{label:t,description:n,disabled:r,checkedIcon:i=(0,b.jsx)(s,{}),uncheckedIcon:o=(0,b.jsx)(l,{}),className:c,type:d,id:f,size:p,placeholder:m,onChange:h,value:_,triState:v,...x}=e,S=(0,y.useId)(),C=f??S,w=n?`${C}-description`:void 0,T=t?`${C}-label`:void 0,E=()=>{if(!e.triState){e.onChange(!e.value);return}if(e.value===void 0){e.onChange(!0);return}if(e.value===!0){e.onChange(!1);return}e.value===!1&&e.onChange(void 0)},D=typeof e.value==`boolean`?e.value:!1,O=e.triState&&typeof e.value!=`boolean`,k=x[`aria-label`]??(t?void 0:`Переключатель`);return(0,b.jsxs)(`div`,{className:a(u.uiElement,r&&u.disabled),"aria-disabled":r||void 0,children:[t&&(0,b.jsxs)(`div`,{id:T,className:u.uiLabel,children:[t,`:`]}),n&&(0,b.jsx)(`p`,{id:w,className:u.uiDescription,children:n}),(0,b.jsx)(`button`,{...x,id:C,type:d??`button`,role:`switch`,disabled:r,"aria-checked":D,"aria-describedby":w,"aria-labelledby":T,"aria-label":k,"aria-disabled":r,"data-ui":`switch`,"data-action":`toggle-switch`,onClick:E,className:a(u.uiInputControl,g.switchWrapper,c),children:(0,b.jsx)(`div`,{className:g.switch,"data-disabled":r||void 0,children:O?(0,b.jsx)(`div`,{className:a(g.iconWrapper,g.auto,g.checked),children:`Auto`}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`div`,{className:a(g.iconWrapper,!e.value&&g.checked),children:o}),(0,b.jsx)(`div`,{className:a(g.iconWrapper,e.value&&g.checked),children:i})]})})})]})}var y,b,x=n((()=>{y=t(r(),1),o(),c(),d(),_(),b=i(),v.__docgenInfo={description:`Переключатель boolean-состояния в виде слайдера. Подходит для быстрых настроек и включения/отключения опций.`,methods:[],displayName:`Switch`}})),S=e({BiState:()=>E,Disabled:()=>O,TriState:()=>D,__namedExportsOrder:()=>k,default:()=>T}),C,w,T,E,D,O,k,A=n((()=>{C=t(r(),1),x(),w=i(),T={title:`Shared/UI/Switch`,component:v,args:{label:`Режим обработки`,description:`Переключение состояния`,value:!1,onChange:()=>{},triState:!1,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок переключателя.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},value:{description:"Текущее значение (`boolean` или `undefined` в tri-state).",control:!1},onChange:{description:`Вызывается при изменении состояния.`,control:!1},triState:{description:"Включает трехсостоянный режим (`undefined → true → false`).",control:`boolean`},checkedIcon:{description:"Кастомная иконка для состояния `true`.",control:!1},uncheckedIcon:{description:"Кастомная иконка для состояния `false`.",control:!1},disabled:{description:`Блокирует переключение.`,control:`boolean`}}},E={render:e=>{let[t,n]=(0,C.useState)(!1);return(0,w.jsx)(v,{...e,value:t,onChange:n,triState:!1})}},D={render:e=>{let[t,n]=(0,C.useState)(void 0);return(0,w.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,w.jsx)(v,{...e,value:t,onChange:n,triState:!0}),(0,w.jsxs)(`div`,{children:[`Текущее значение: `,String(t)]})]})},args:{triState:!0,value:void 0}},O={args:{disabled:!0,value:!0}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [value, setValue] = useState(false);
+    return <Switch {...args} value={value} onChange={setValue} triState={false} />;
+  }
+}`,...E.parameters?.docs?.source}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [value, setValue] = useState<boolean | undefined>(undefined);
+    return <div style={{
+      display: "grid",
+      gap: 8
+    }}>
+                <Switch {...args} value={value} onChange={setValue} triState />
+                <div>Текущее значение: {String(value)}</div>
+            </div>;
+  },
+  args: {
+    triState: true,
+    value: undefined
+  }
+}`,...D.parameters?.docs?.source}}},O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
+  args: {
+    disabled: true,
+    value: true
+  }
+}`,...O.parameters?.docs?.source}}},k=[`BiState`,`TriState`,`Disabled`]}));A();export{E as BiState,O as Disabled,D as TriState,k as __namedExportsOrder,T as default,A as n,S as t};

package/storybook-static/assets/Table-BGvRn9y0.css

@@ -0,0 +1 @@
+.hKghZt{box-shadow:inset .1875rem 0 0 var(--content-accent)}.QsLRvS{height:1px}

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

@@ -0,0 +1,197 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{Basic as p,Empty as m,Fetching as h,Loading as g,MultiSelect as _,ReachEnd as v,WithColumnPinning as y,WithDisabledRows as b,WithFormattingPipeline as x,WithFormulaColumn as S,WithHiddenZero as C,WithMergedDuplicates as w,WithODataMetadataAdapter as T,WithUseODataTableColumnsBuildHook as E,WithUseODataTableColumnsEnrichHook as D,n as O,t as k}from"./Table.stories-CA7ARhwC.js";function A(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(a,{of:k,parameters:{docs:{toc:!0}}}),`
+`,(0,M.jsx)(c,{children:`Table`}),`
+`,(0,M.jsxs)(i,{children:[`Плоская таблица как React-альтернатива `,(0,M.jsx)(o.code,{children:`sap.m.Table`})]}),`
+`,(0,M.jsxs)(o.p,{children:[(0,M.jsx)(o.code,{children:`Table`}),` предназначен для плоских данных и по поведению осознанно сближен с `,(0,M.jsx)(o.code,{children:`TreeTable`}),`.
+Оба компонента используют общий табличный каркас, поэтому здесь совпадают states загрузки, визуальная структура, обработка выбора строк и клавиатурная активация.
+`,(0,M.jsx)(o.code,{children:`Table`}),` также поддерживает декларативное форматирование через `,(0,M.jsx)(o.code,{children:`meta.formatting`}),`, formulas, безопасное pipeline-formatting и optional OData adapter.`]}),`
+`,(0,M.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,M.jsx)(u,{}),`
+`,(0,M.jsx)(n,{of:p}),`
+`,(0,M.jsx)(o.pre,{children:(0,M.jsx)(o.code,{className:`language-tsx`,children:`import { Table, type TableColumnDef } from "@/shared/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)(o.h2,{id:`форматирование-ячеек`,children:`Форматирование ячеек`}),`
+`,(0,M.jsxs)(o.p,{children:[(0,M.jsx)(o.code,{children:`meta.formatting`}),` добавляет к колонке декларативный runtime-контракт:`]}),`
+`,(0,M.jsxs)(o.ul,{children:[`
+`,(0,M.jsxs)(o.li,{children:[`typed formatting по `,(0,M.jsx)(o.code,{children:`role/type`}),`;`]}),`
+`,(0,M.jsx)(o.li,{children:`formula-based вычисление значения;`}),`
+`,(0,M.jsxs)(o.li,{children:[`pipeline display-formatting (`,(0,M.jsx)(o.code,{children:`normalizeLeadingZeros`}),`, `,(0,M.jsx)(o.code,{children:`resolveValueState`}),`, `,(0,M.jsx)(o.code,{children:`typedValueFormat`}),`);`]}),`
+`,(0,M.jsxs)(o.li,{children:[(0,M.jsx)(o.code,{children:`emptyWhenZero`}),` для скрытия нулевых значений;`]}),`
+`,(0,M.jsxs)(o.li,{children:[(0,M.jsx)(o.code,{children:`overflowTooltip`}),` для длинного текста.`]}),`
+`]}),`
+`,(0,M.jsx)(o.p,{children:`Важно:`}),`
+`,(0,M.jsxs)(o.ul,{children:[`
+`,(0,M.jsxs)(o.li,{children:[(0,M.jsx)(o.code,{children:`meta.formatting`}),` применяется только если у колонки нет кастомного `,(0,M.jsx)(o.code,{children:`cell`}),`;`]}),`
+`,(0,M.jsx)(o.li,{children:`formulas и pipeline компилируются один раз на снимок колонок;`}),`
+`,(0,M.jsxs)(o.li,{children:[`ошибки formula/pipeline не роняют таблицу и не подставляют универсальный `,(0,M.jsx)(o.code,{children:`0`}),`;`]}),`
+`,(0,M.jsxs)(o.li,{children:[`OData adapter остаётся внешней прослойкой, а не частью `,(0,M.jsx)(o.code,{children:`Table`}),`.`]}),`
+`]}),`
+`,(0,M.jsx)(o.pre,{children:(0,M.jsx)(o.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)(o.p,{children:[`Для OData-сценариев можно не прописывать `,(0,M.jsx)(o.code,{children:`role/type`}),` вручную, а обогатить колонки через adapter:`]}),`
+`,(0,M.jsx)(o.pre,{children:(0,M.jsx)(o.code,{className:`language-tsx`,children:`import { enrichTableColumnsWithODataFormatting } from "@ryuzaki13/react-foundation-lib/table";
+
+const columns = enrichTableColumnsWithODataFormatting(manualColumns, metadata.columns);
+`})}),`
+`,(0,M.jsx)(o.h2,{id:`слияние-дубликатов`,children:`Слияние дубликатов`}),`
+`,(0,M.jsxs)(o.p,{children:[(0,M.jsx)(o.code,{children:`meta.mergeDuplicates`}),` включает display-only слияние подряд идущих одинаковых raw-значений без изменения структуры строк.`]}),`
+`,(0,M.jsx)(o.p,{children:`Важно:`}),`
+`,(0,M.jsxs)(o.ul,{children:[`
+`,(0,M.jsxs)(o.li,{children:[`сравнение идёт по `,(0,M.jsx)(o.code,{children:`cell.getValue()`}),`, а не по formatted display;`]}),`
+`,(0,M.jsx)(o.li,{children:`объединяются только подряд идущие строки;`}),`
+`,(0,M.jsxs)(o.li,{children:[(0,M.jsx)(o.code,{children:`null`}),`, `,(0,M.jsx)(o.code,{children:`undefined`}),` и пустая строка `,(0,M.jsx)(o.code,{children:`""`}),` не объединяются;`]}),`
+`,(0,M.jsx)(o.li,{children:`повторяющееся значение остаётся только в первой строке группы, а ниже рендерятся пустые ячейки;`}),`
+`,(0,M.jsx)(o.li,{children:`если сервер не отсортировал данные так, чтобы дубликаты шли подряд, слияния не будет.`}),`
+`]}),`
+`,(0,M.jsx)(o.pre,{children:(0,M.jsx)(o.code,{className:`language-tsx`,children:`const columns: TableColumnDef<Row>[] = [
+	{
+		id: "division",
+		accessorKey: "division",
+		header: "Дивизион",
+		meta: {
+			mergeDuplicates: true
+		}
+	}
+];
+`})}),`
+`,(0,M.jsxs)(o.h2,{id:`хук-useodatatablecolumns`,children:[`Хук `,(0,M.jsx)(o.code,{children:`useODataTableColumns`})]}),`
+`,(0,M.jsxs)(o.p,{children:[`Наиболее частый кейс - работать не с pure-helper напрямую, а с hook-слоем `,(0,M.jsx)(o.code,{children:`useODataTableColumns(...)`}),`.`]}),`
+`,(0,M.jsxs)(o.p,{children:[(0,M.jsx)(o.code,{children:`build`}),` стоит выбирать, когда колонки можно полностью собрать из `,(0,M.jsx)(o.code,{children:`metadata.columns`}),`:`]}),`
+`,(0,M.jsx)(o.pre,{children:(0,M.jsx)(o.code,{className:`language-tsx`,children:`import { useODataTableColumns } from "@ryuzaki13/react-foundation-api/odata";
+import { Table } from "@/shared/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)(o.p,{children:[(0,M.jsx)(o.code,{children:`enrich`}),` подходит, когда колонки уже описаны вручную и нужно только дозаполнить `,(0,M.jsx)(o.code,{children:`meta.formatting.role/type`}),`:`]}),`
+`,(0,M.jsx)(o.pre,{children:(0,M.jsx)(o.code,{className:`language-tsx`,children:`import { useODataTableColumns } from "@ryuzaki13/react-foundation-api/odata";
+import { Table } from "@/shared/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)(o.p,{children:`Практическая семантика хука:`}),`
+`,(0,M.jsxs)(o.ul,{children:[`
+`,(0,M.jsxs)(o.li,{children:[(0,M.jsx)(o.code,{children:`columns`}),` уже готовы для прямой передачи в `,(0,M.jsx)(o.code,{children:`Table`}),`;`]}),`
+`,(0,M.jsxs)(o.li,{children:[(0,M.jsx)(o.code,{children:`metadata`}),` можно использовать для заголовка, пустых состояний или дополнительной UI-подписи;`]}),`
+`,(0,M.jsxs)(o.li,{children:[(0,M.jsx)(o.code,{children:`isLoading`}),` нужно прокидывать в `,(0,M.jsx)(o.code,{children:`Table`}),`, чтобы сохранить единое табличное состояние загрузки;`]}),`
+`,(0,M.jsxs)(o.li,{children:[`сам `,(0,M.jsx)(o.code,{children:`Table`}),` остаётся OData-независимым и получает только готовые `,(0,M.jsx)(o.code,{children:`columns`}),`.`]}),`
+`]}),`
+`,(0,M.jsx)(o.h2,{id:`что-важно-знать`,children:`Что важно знать`}),`
+`,(0,M.jsxs)(o.ul,{children:[`
+`,(0,M.jsx)(o.li,{children:`Компонент принимает именно плоский массив строк и не содержит древовидной логики.`}),`
+`,(0,M.jsxs)(o.li,{children:[`Поведение `,(0,M.jsx)(o.code,{children:`selectionMode`}),` идентично `,(0,M.jsx)(o.code,{children:`TreeTable`}),`: `,(0,M.jsx)(o.code,{children:`single`}),` не снимает выбор повторным кликом по уже выбранной строке.`]}),`
+`,(0,M.jsxs)(o.li,{children:[(0,M.jsx)(o.code,{children:`height`}),` и ширины колонок можно задавать строками в `,(0,M.jsx)(o.code,{children:`em`}),`, `,(0,M.jsx)(o.code,{children:`rem`}),`, `,(0,M.jsx)(o.code,{children:`%`}),` и других CSS-единицах; числовые значения трактуются как `,(0,M.jsx)(o.code,{children:`em`}),`.`]}),`
+`,(0,M.jsxs)(o.li,{children:[(0,M.jsx)(o.code,{children:`onReachEnd`}),` срабатывает внутри scroll-контейнера и подходит для постепенной догрузки длинного списка.`]}),`
+`,(0,M.jsxs)(o.li,{children:[(0,M.jsx)(o.code,{children:`Table`}),` не зависит от OData напрямую и продолжает работать на plain local data без metadata.`]}),`
+`]}),`
+`,(0,M.jsx)(o.h2,{id:`сценарии`,children:`Сценарии`}),`
+`,(0,M.jsx)(o.h3,{id:`базовый-режим`,children:`Базовый режим`}),`
+`,(0,M.jsx)(l,{of:p}),`
+`,(0,M.jsx)(o.h3,{id:`left-pinning-столбцов`,children:`Left-pinning столбцов`}),`
+`,(0,M.jsx)(l,{of:y}),`
+`,(0,M.jsx)(o.h3,{id:`множественный-выбор`,children:`Множественный выбор`}),`
+`,(0,M.jsx)(l,{of:_}),`
+`,(0,M.jsx)(o.h3,{id:`строки-с-ограничением-выбора`,children:`Строки с ограничением выбора`}),`
+`,(0,M.jsx)(l,{of:b}),`
+`,(0,M.jsx)(o.h3,{id:`фоновое-обновление-данных`,children:`Фоновое обновление данных`}),`
+`,(0,M.jsx)(l,{of:h}),`
+`,(0,M.jsx)(o.h3,{id:`пустая-таблица`,children:`Пустая таблица`}),`
+`,(0,M.jsx)(l,{of:m}),`
+`,(0,M.jsx)(o.h3,{id:`достижение-конца-списка`,children:`Достижение конца списка`}),`
+`,(0,M.jsx)(l,{of:v}),`
+`,(0,M.jsx)(o.h3,{id:`первичная-загрузка`,children:`Первичная загрузка`}),`
+`,(0,M.jsx)(l,{of:g}),`
+`,(0,M.jsx)(o.h3,{id:`formula-based-колонка`,children:`Formula-based колонка`}),`
+`,(0,M.jsx)(l,{of:S}),`
+`,(0,M.jsx)(o.h3,{id:`pipeline-display-formatting`,children:`Pipeline display-formatting`}),`
+`,(0,M.jsx)(l,{of:x}),`
+`,(0,M.jsx)(o.h3,{id:`скрытие-нулевых-значений`,children:`Скрытие нулевых значений`}),`
+`,(0,M.jsx)(l,{of:C}),`
+`,(0,M.jsx)(o.h3,{id:`слияние-дубликатов-1`,children:`Слияние дубликатов`}),`
+`,(0,M.jsx)(l,{of:w}),`
+`,(0,M.jsx)(o.h3,{id:`odata-metadata-adapter`,children:`OData metadata adapter`}),`
+`,(0,M.jsx)(l,{of:T}),`
+`,(0,M.jsx)(o.h3,{id:`useodatatablecolumns-build`,children:`useODataTableColumns: build`}),`
+`,(0,M.jsx)(l,{of:E}),`
+`,(0,M.jsx)(o.h3,{id:`useodatatablecolumns-enrich`,children:`useODataTableColumns: enrich`}),`
+`,(0,M.jsx)(l,{of:D}),`
+`,(0,M.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,M.jsx)(s,{of:k}),`
+`,(0,M.jsx)(o.h2,{id:`все-stories`,children:`Все stories`}),`
+`,(0,M.jsx)(r,{includePrimary:!1})]})}function j(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,M.jsx)(n,{...e,children:(0,M.jsx)(A,{...e})}):A(e)}var M;e((()=>{M=d(),f(),o(),O()}))();export{j as default};

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

@@ -0,0 +1,122 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{t as a,w as ee}from"./formatters-yIBztcem.js";import{D as te,E as o,T as ne,c as re,l as ie,s as ae,t as s,v as c,w as oe}from"./odata-C2BNbnc9.js";import{C as se,S as ce,d as le,g as ue,i as de,l as fe,m as pe,n as me,p as he,s as ge,t as l,v as _e,x as u,y as ve}from"./base-table-BSkQBgdx.js";var d,f,p,ye=n((()=>{d=`hKghZt`,f=`QsLRvS`,p={selectedIndicatorCell:d,sentinel:f}}));function be(e,t){return String(t)}function m({title:e,isLoading:t,isFetching:n,data:r,columns:i,selectionMode:a=`none`,selectedRowIds:te,getRowId:o,className:ne,minHeight:ie,tableClassName:ae,columnVisibility:s,defaultColumnVisibility:c,columnOrder:oe,defaultColumnOrder:l,columnSizing:u,defaultColumnSizing:d,columnPinning:f,defaultColumnPinning:ye,enableColumnResizing:m=!1,enableColumnReordering:xe=!1,columnResizeMinWidth:_,onColumnVisibilityChange:Se,onColumnOrderChange:Ce,onColumnSizingChange:we,onColumnPinningChange:Te,onRowClick:v,onRowSelectionChange:y,onReachEnd:b,getRowCanSelect:x,getRowClassName:S,renderHeaderContextMenu:C,renderCellContent:w}){let T=(0,h.useMemo)(()=>r??[],[r]),E=(0,h.useMemo)(()=>ue(i),[i]),D=o??be,O=(0,h.useMemo)(()=>new Map(T.map((e,t)=>[D(e,t),e])),[D,T]),k=(0,h.useMemo)(()=>Array.from(O.keys()),[O]),A=(0,h.useRef)(null),j=(0,h.useRef)(null),{rowSelection:M,activateRowSelection:N}=re({availableRowIds:k,rowById:O,selectionMode:a,selectedRowIds:te,onRowSelectionChange:y}),{columnVisibility:P,onColumnVisibilityChange:F}=ge({columnVisibility:s,defaultColumnVisibility:c,onColumnVisibilityChange:Se}),{columnOrder:I,onColumnOrderChange:L}=he({columnOrder:oe,defaultColumnOrder:l,onColumnOrderChange:Ce}),{columnSizing:R,onColumnSizingChange:z}=fe({columnSizing:u,defaultColumnSizing:d,columnResizeMinWidth:_,onColumnSizingChange:we}),{columnPinning:B,onColumnPinningChange:V}=le({columnPinning:f,defaultColumnPinning:ye,onColumnPinningChange:Te}),H=(0,h.useMemo)(()=>({columnOrder:I,columnPinning:B,columnSizing:R,columnVisibility:P}),[I,B,R,P]),U=(0,h.useEffectEvent)(()=>{b?.()});(0,h.useEffect)(()=>{if(!b||!A.current||!j.current||t)return;let e=new IntersectionObserver(e=>{e[0]?.isIntersecting&&U()},{root:A.current,threshold:.1});return e.observe(j.current),()=>e.disconnect()},[t,b,T.length]);let W=ce({data:T,columns:i,state:{columnOrder:I,columnPinning:B,columnSizing:R,columnVisibility:P,rowSelection:M},onColumnOrderChange:L,onColumnPinningChange:V,onColumnSizingChange:z,onColumnVisibilityChange:F,getRowId:(e,t)=>D(e,t),getCoreRowModel:se(),enableMultiRowSelection:a===`multi`,enableRowSelection:e=>a===`none`?!1:x?x(e.original):!0}),G=ve(W,H),K=W.getRowModel().rows,q=(0,h.useMemo)(()=>pe({rows:K,columns:G}),[K,G]),J=G[0]?.id;return(0,g.jsx)(de,{table:W,columnState:H,title:e,isLoading:t,isFetching:n,className:ne,minHeight:ie,tableClassName:ae,selectionMode:a,scrollableRef:A,onActivateRow:a!==`none`||v?e=>{N(e.id,e.getCanSelect()),v?.(e.original)}:void 0,isRowInteractive:e=>!!(v||a!==`none`&&e.getCanSelect()),getRowClassName:e=>S?.(e.original),getCellClassName:({row:e,cell:t})=>t.column.id===J&&e.getIsSelected()?p.selectedIndicatorCell:void 0,getCellLayout:({cell:e})=>q.get(e.id),renderHeaderContextMenu:C,enableColumnResizing:m,enableColumnReordering:xe,columnResizeMinWidth:_,renderCellContent:e=>{let t=ee({field:E.runtimeByColumnId[e.cell.column.id],rawValue:e.cell.getValue(),rowData:e.row.original,rowKind:`plain`}),n=_e({columnId:e.cell.column.id,runtimeByColumnId:E.runtimeByColumnId,customCellColumnIds:E.customCellColumnIds})?(0,g.jsx)(me,{displayValue:t,align:e.columnMeta?.align}):e.defaultContent;return w?w({...e,defaultContent:n,displayValue:t}):n},afterTableContent:b?(0,g.jsx)(`div`,{ref:j,className:p.sentinel,"aria-hidden":`true`}):null})}var h,g,xe=n((()=>{h=t(r(),1),a(),c(),u(),l(),ye(),g=i(),m.__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` уже содержит отформатированное значение, если оно применимо."}}}})),_=e({Basic:()=>R,Empty:()=>U,Fetching:()=>H,Loading:()=>G,MultiSelect:()=>B,ReachEnd:()=>W,WithColumnPinning:()=>z,WithDisabledRows:()=>V,WithFormattingPipeline:()=>q,WithFormulaColumn:()=>K,WithHiddenZero:()=>J,WithMergedDuplicates:()=>Y,WithODataMetadataAdapter:()=>X,WithUseODataTableColumnsBuildHook:()=>Z,WithUseODataTableColumnsEnrichHook:()=>Q,__namedExportsOrder:()=>$,default:()=>L});function Se(){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 Ce(e){return[`odata`,`metadata`,{service:e}]}function we(){let{columns:e,metadata:t,isLoading:n}=s({service:N,target:P,mode:`build`});return(0,y.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,y.jsxs)(`div`,{children:[`Режим build: hook собрал `,e.length,` колонки из metadata`,t?` для сущности «${t.title}».`:`.`]}),(0,y.jsx)(m,{title:`useODataTableColumns: build`,data:w,columns:e,selectionMode:`none`,isLoading:n,getRowId:e=>e.id})]})}function Te(){let{columns:e,metadata:t,isLoading:n}=s({service:N,target:P,mode:`enrich`,columns:j});return(0,y.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,y.jsxs)(`div`,{children:[`Режим enrich: hook сохранил ручные заголовки и дополнил formatting-контекст`,t?` из metadata «${t.title}».`:`.`]}),(0,y.jsx)(m,{title:`useODataTableColumns: enrich`,data:w,columns:e,selectionMode:`none`,isLoading:n,getRowId:e=>e.id})]})}var v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P,F,I,L,R,z,B,V,H,U,W,G,K,q,J,Y,X,Z,Q,$,Ee=n((()=>{v=t(r(),1),ae(),ne(),c(),o(),xe(),y=i(),b=[{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:`Закрыта`}],x=[...b,{id:`6`,number:`450006`,client:`ОМК`,manager:`Елена Андреева`,amount:`680 000`,status:`Архив`,isLocked:!0}],S=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?`В работе`:`Согласование`})),C=[{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}}],w=[{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}],T=[{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:`Николай Орлов`}],E=[{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}}],D=[{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}}}],O=[{id:`product`,accessorKey:`product`,header:`Товар`,meta:{width:16}},{id:`healthScore`,accessorKey:`healthScore`,header:`Индекс риска`,meta:{width:10,align:`right`,formatting:{role:`measure`,type:`decimal`,formattersPipeline:Se()}}}],k=[{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)=>(0,y.jsx)(te,{client:(0,v.useMemo)(()=>{let e=oe({}),n=t.parameters.odataService,r=t.parameters.odataEntity,i=t.parameters.odataMetadata;return n&&r&&i&&e.setQueryData(Ce(n),{entities:{[r]:i},functionImports:{}}),e},[t.parameters.odataEntity,t.parameters.odataMetadata,t.parameters.odataService]),children:e()}),L={title:`Shared/UI/Table`,component:m,args:{title:`Сделки`,data:b,columns:C,getRowId:e=>e.id,selectionMode:`single`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{data:{description:`Плоский источник данных.`,control:!1},columns:{description:`Колонки таблицы.`,control:!1},title:{description:`Заголовок таблицы.`,control:`text`},selectionMode:{description:`Режим выбора строк.`,control:`inline-radio`,options:[`none`,`single`,`multi`]},getRowId:{description:`Функция получения стабильного id строки.`,control:!1},columnPinning:{description:`Controlled-состояние закрепления колонок слева.`,control:!1},defaultColumnPinning:{description:`Стартовое uncontrolled-состояние закрепления колонок слева.`,control:!1},onColumnPinningChange:{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},isLoading:{description:`Первичная загрузка таблицы.`,control:`boolean`},isFetching:{description:`Фоновое обновление уже загруженных данных.`,control:`boolean`}}},R={},z={render:e=>{let[t,n]=(0,v.useState)({left:[`number`]});return(0,y.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,y.jsxs)(`div`,{style:{display:`flex`,gap:`0.5em`,flexWrap:`wrap`},children:[(0,y.jsx)(`button`,{type:`button`,onClick:()=>n({left:[`number`]}),children:`Закрепить «Номер»`}),(0,y.jsx)(`button`,{type:`button`,onClick:()=>n({left:[`number`,`client`]}),children:`Закрепить «Номер» и «Клиент»`}),(0,y.jsx)(`button`,{type:`button`,onClick:()=>n({left:[]}),children:`Снять закрепление`})]}),(0,y.jsxs)(`div`,{children:[`Закреплено слева: `,t.left?.length?t.left.join(`, `):`ничего`]}),(0,y.jsx)(m,{...e,columnPinning:t,onColumnPinningChange:n})]})}},B={render:e=>{let[t,n]=(0,v.useState)([]);return(0,y.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,y.jsxs)(`div`,{children:[`Выбрано: `,t.length>0?t.join(`, `):`ничего`]}),(0,y.jsx)(m,{...e,selectionMode:`multi`,onRowSelectionChange:e=>n(e.map(e=>e.number))})]})}},V={args:{data:x,selectionMode:`multi`,getRowCanSelect:e=>!e.isLocked},render:e=>{let[t,n]=(0,v.useState)([]);return(0,y.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,y.jsx)(`div`,{children:`Строка со статусом «Архив» остаётся видимой, но не участвует в выборе.`}),(0,y.jsxs)(`div`,{children:[`Выбрано: `,t.length>0?t.join(`, `):`ничего`]}),(0,y.jsx)(m,{...e,onRowSelectionChange:e=>n(e.map(e=>e.number))})]})}},H={args:{isFetching:!0}},U={args:{data:[]}},W={args:{data:S},render:e=>{let[t,n]=(0,v.useState)(0);return(0,y.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,y.jsxs)(`div`,{children:[`Событие достижения конца: `,t]}),(0,y.jsx)(m,{...e,onReachEnd:()=>n(e=>e+1)})]})}},G={args:{isLoading:!0}},K={render:()=>(0,y.jsx)(m,{title:`Формула наценки`,data:w,columns:D,selectionMode:`none`,getRowId:e=>e.id})},q={render:()=>(0,y.jsx)(m,{title:`Pipeline форматирования`,data:w,columns:O,selectionMode:`none`,getRowId:e=>e.id})},J={render:()=>(0,y.jsx)(m,{title:`Скрытие нулей`,data:w,columns:k,selectionMode:`none`,getRowId:e=>e.id})},Y={render:()=>(0,y.jsx)(m,{title:`Слияние дубликатов`,data:T,columns:E,selectionMode:`none`,getRowId:e=>e.id})},X={render:()=>(0,y.jsx)(m,{title:`OData metadata adapter`,data:w,columns:M,selectionMode:`none`,getRowId:e=>e.id})},Z={decorators:[I],parameters:{odataService:N,odataEntity:P,odataMetadata:F},render:()=>(0,y.jsx)(we,{})},Q={decorators:[I],parameters:{odataService:N,odataEntity:P,odataMetadata:F},render:()=>(0,y.jsx)(Te,{})},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{}`,...R.parameters?.docs?.source},description:{story:`Базовый сценарий плоской таблицы с одиночным выбором.`,...R.parameters?.docs?.description}}},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [columnPinning, setColumnPinning] = useState<{
+      left?: string[];
+    }>({
+      left: ["number"]
+    });
+    return <div style={{
+      display: "grid",
+      gap: "0.75em"
+    }}>
+                <div style={{
+        display: "flex",
+        gap: "0.5em",
+        flexWrap: "wrap"
+      }}>
+                    <button type="button" onClick={() => setColumnPinning({
+          left: ["number"]
+        })}>
+                        Закрепить «Номер»
+                    </button>
+                    <button type="button" onClick={() => setColumnPinning({
+          left: ["number", "client"]
+        })}>
+                        Закрепить «Номер» и «Клиент»
+                    </button>
+                    <button type="button" onClick={() => setColumnPinning({
+          left: []
+        })}>
+                        Снять закрепление
+                    </button>
+                </div>
+                <div>Закреплено слева: {columnPinning.left?.length ? columnPinning.left.join(", ") : "ничего"}</div>
+                <Table {...args} columnPinning={columnPinning} onColumnPinningChange={setColumnPinning} />
+            </div>;
+  }
+}`,...z.parameters?.docs?.source},description:{story:`Демонстрирует controlled left-pinning через внешний story-state без встроенного UI таблицы.`,...z.parameters?.docs?.description}}},B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [selectedNumbers, setSelectedNumbers] = useState<string[]>([]);
+    return <div style={{
+      display: "grid",
+      gap: "0.75em"
+    }}>
+                <div>Выбрано: {selectedNumbers.length > 0 ? selectedNumbers.join(", ") : "ничего"}</div>
+                <Table {...args} selectionMode="multi" onRowSelectionChange={rows => setSelectedNumbers(rows.map(row => row.number))} />
+            </div>;
+  }
+}`,...B.parameters?.docs?.source},description:{story:`Множественный выбор с отображением текущего результата.`,...B.parameters?.docs?.description}}},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`{
+  args: {
+    data: nonSelectableRows,
+    selectionMode: "multi",
+    getRowCanSelect: row => !row.isLocked
+  },
+  render: args => {
+    const [selectedNumbers, setSelectedNumbers] = useState<string[]>([]);
+    return <div style={{
+      display: "grid",
+      gap: "0.75em"
+    }}>
+                <div>Строка со статусом «Архив» остаётся видимой, но не участвует в выборе.</div>
+                <div>Выбрано: {selectedNumbers.length > 0 ? selectedNumbers.join(", ") : "ничего"}</div>
+                <Table {...args} onRowSelectionChange={rows => setSelectedNumbers(rows.map(row => row.number))} />
+            </div>;
+  }
+}`,...V.parameters?.docs?.source},description:{story:`Часть строк можно показать, но запретить выбирать.`,...V.parameters?.docs?.description}}},H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
+  args: {
+    isFetching: true
+  }
+}`,...H.parameters?.docs?.source},description:{story:`Сценарий фонового обновления данных без очистки таблицы.`,...H.parameters?.docs?.description}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
+  args: {
+    data: []
+  }
+}`,...U.parameters?.docs?.source},description:{story:`Пустой источник данных.`,...U.parameters?.docs?.description}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
+  args: {
+    data: reachEndRows
+  },
+  render: args => {
+    const [reachEndCount, setReachEndCount] = useState(0);
+    return <div style={{
+      display: "grid",
+      gap: "0.75em"
+    }}>
+                <div>Событие достижения конца: {reachEndCount}</div>
+                <Table {...args} onReachEnd={() => setReachEndCount(current => current + 1)} />
+            </div>;
+  }
+}`,...W.parameters?.docs?.source},description:{story:`Демонстрация callback при достижении конца списка.`,...W.parameters?.docs?.description}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
+  args: {
+    isLoading: true
+  }
+}`,...G.parameters?.docs?.source},description:{story:`Состояние первичной загрузки.`,...G.parameters?.docs?.description}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
+  render: () => <Table title="Формула наценки" data={formattingRows} columns={formulaColumns} selectionMode="none" getRowId={row => row.id} />
+}`,...K.parameters?.docs?.source},description:{story:"Сценарий с formula-based колонкой без кастомного `cell`.",...K.parameters?.docs?.description}}},q.parameters={...q.parameters,docs:{...q.parameters?.docs,source:{originalSource:`{
+  render: () => <Table title="Pipeline форматирования" data={formattingRows} columns={pipelineColumns} selectionMode="none" getRowId={row => row.id} />
+}`,...q.parameters?.docs?.source},description:{story:`Сценарий с pipeline display-formatting и value-state.`,...q.parameters?.docs?.description}}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
+  render: () => <Table title="Скрытие нулей" data={formattingRows} columns={hiddenZeroColumns} selectionMode="none" getRowId={row => row.id} />
+}`,...J.parameters?.docs?.source},description:{story:"Сценарий со скрытием нулевых значений через `emptyWhenZero`.",...J.parameters?.docs?.description}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`{
+  render: () => <Table title="Слияние дубликатов" data={divisionMergeRows} columns={divisionMergeColumns} selectionMode="none" getRowId={row => row.id} />
+}`,...Y.parameters?.docs?.source},description:{story:`Сценарий со display-only слиянием подряд идущих дубликатов через пустые ячейки и CSS-склейку.`,...Y.parameters?.docs?.description}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{
+  render: () => <Table title="OData metadata adapter" data={formattingRows} columns={adapterColumns} selectionMode="none" getRowId={row => row.id} />
+}`,...X.parameters?.docs?.source},description:{story:`Сценарий со статическим OData metadata adapter в режиме enrich.`,...X.parameters?.docs?.description}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
+  decorators: [withMockedHookODataMetadata],
+  parameters: {
+    odataService: HOOK_ODATA_SERVICE,
+    odataEntity: HOOK_ODATA_ENTITY,
+    odataMetadata: hookMetadata
+  },
+  render: () => <HookBuildTableStory />
+}`,...Z.parameters?.docs?.source},description:{story:"Реальный hook-сценарий `useODataTableColumns(...)` в режиме build.",...Z.parameters?.docs?.description}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
+  decorators: [withMockedHookODataMetadata],
+  parameters: {
+    odataService: HOOK_ODATA_SERVICE,
+    odataEntity: HOOK_ODATA_ENTITY,
+    odataMetadata: hookMetadata
+  },
+  render: () => <HookEnrichTableStory />
+}`,...Q.parameters?.docs?.source},description:{story:"Реальный hook-сценарий `useODataTableColumns(...)` в режиме enrich.",...Q.parameters?.docs?.description}}},$=[`Basic`,`WithColumnPinning`,`MultiSelect`,`WithDisabledRows`,`Fetching`,`Empty`,`ReachEnd`,`Loading`,`WithFormulaColumn`,`WithFormattingPipeline`,`WithHiddenZero`,`WithMergedDuplicates`,`WithODataMetadataAdapter`,`WithUseODataTableColumnsBuildHook`,`WithUseODataTableColumnsEnrichHook`]}));Ee();export{R as Basic,U as Empty,H as Fetching,G as Loading,B as MultiSelect,W as ReachEnd,z as WithColumnPinning,V as WithDisabledRows,q as WithFormattingPipeline,K as WithFormulaColumn,J as WithHiddenZero,Y as WithMergedDuplicates,X as WithODataMetadataAdapter,Z as WithUseODataTableColumnsBuildHook,Q as WithUseODataTableColumnsEnrichHook,$ as __namedExportsOrder,L as default,Ee as n,_ as t};

package/storybook-static/assets/Tabs-BLkTB6pp.css

@@ -0,0 +1 @@
+.pcMjuj{--tabs-border:none;--tabs-panel-border:none;--tabs-panel-padding:var(--space-md);--tabs-panel-bg:var(--surface-1);gap:var(--space-sm);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.ITP5v-{--tabs-border:var(--border);--tabs-panel-border:var(--border)}.kzs94N{--tabs-panel-padding:0;--tabs-panel-bg:none;--tabs-panel-border:none}.ZSAoAa{gap:var(--space-xs);border:var(--tabs-border);background-color:var(--surface-1);min-width:0;padding:var(--space-xs);display:flex}.psYhsZ{border:var(--tabs-panel-border);background-color:var(--tabs-panel-bg);min-width:0;min-height:0}.ZSAoAa,.psYhsZ{border-radius:var(--radius-sm)}.mNDq9-{grid-template-rows:auto minmax(0,1fr)}.g156KO{grid-template-columns:10em minmax(0,1fr);min-height:0}.g156KO .ZSAoAa{flex-direction:column}.C2mO1e{overflow:auto}._28F3fs{text-align:left;min-height:var(--control-height);padding:var(--space-xs) var(--space-md);color:var(--content-2);border-radius:var(--radius-sm);font-variation-settings:"wght" 700;flex-shrink:0;font-weight:700;position:relative}._28F3fs:hover{cursor:pointer;color:var(--content-accent)}._28F3fs.UKZXTZ{color:var(--status-neutral-on-fill);background-color:var(--status-neutral-fill);border-color:var(--border-0);box-shadow:var(--shadow-xs)}._28F3fs:disabled{cursor:not-allowed;color:var(--content-2);background-color:var(--surface-2)}.jiTafe{min-width:0;height:100%;min-height:0;padding:0}.nhD0k7{min-width:0;height:100%;min-height:0;padding:var(--tabs-panel-padding)}.G8FICe{overflow:hidden}.W50XHh{gap:var(--space-md);min-width:0;height:100%;min-height:0;padding:var(--tabs-panel-padding);display:grid}.vnjXkU{min-width:0}.Nzvfhw{min-height:0}