@ryuzaki13/react-foundation-ui 1.5.6 → 1.5.8

package/storybook-static/assets/SliderInput.stories-hTeZ6jCT.js

@@ -1,67 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DBSrNt2a.js";import{a as i,s as a}from"./odata-service-B5w4YBao-BW9QLSrS.js";import{n as o,r as s,t as c}from"./SliderInput-UCsxAR-B.js";var l=t({Basic:()=>v,DecimalManualInput:()=>b,Disabled:()=>E,MarksSnap:()=>y,RangeInputMonthToDaysOutput:()=>C,RangeInputOpenMonthToDaysOutput:()=>w,RangeInputOpenWithoutExplicitMiddleOutput:()=>S,RangeInputPlain:()=>x,RangeInputReadonlyText:()=>T,__namedExportsOrder:()=>D,default:()=>_});function u({value:e,field:t,children:n}){let[r,a]=e??[null,null];return(0,f.jsxs)(`div`,{className:`marginTopMd`,children:[(0,f.jsx)(`div`,{className:`textSm сontent2`,children:`Preview фильтра`}),(0,f.jsx)(`pre`,{children:JSON.stringify({value:[r,a],filter:i(t,e)},null,2)}),n]})}var d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D;function O(){return(O=e((()=>{d=n(),a(),s(),f=r(),p=[{value:0,label:`0`},{value:20,label:`20`},{value:40,label:`40`},{value:60,label:`60`},{value:80,label:`80`},{value:100,label:`100`}],m=[{value:0,label:`Без нижней границы`,outputValue:null},{value:1,label:`1 мес.`},{value:3,label:`3 мес.`},{value:6,label:`6 мес.`},{value:12,label:`12 мес.`},{value:24,label:`24 мес.`},{value:25,label:`Без верхней границы`,outputValue:null}],h=[{value:1,label:`1 мес.`,outputValue:30},{value:3,label:`3 мес.`,outputValue:90},{value:6,label:`6 мес.`,outputValue:180},{value:12,label:`12 мес.`,outputValue:360},{value:24,label:`24 мес.`,outputValue:720}],g=[{value:0,label:`-`,outputValue:null},{value:1,label:`1м.`,outputValue:30},{value:3,label:`3м.`,outputValue:90},{value:6,label:`6м.`,outputValue:180},{value:12,label:`1г.`,outputValue:360},{value:18,label:`1.5г.`,outputValue:540},{value:24,label:`2г.`,outputValue:720},{value:25,label:`-`,outputValue:null}],_={title:`Shared/UI/SliderInput`,component:c,args:{value:12,onChange:()=>{},min:0,max:100,step:.5},parameters:{atomicCanvas:!0,layout:`padded`}},v={render:e=>{let[t,n]=(0,d.useState)(e.value);return(0,f.jsx)(c,{...e,label:`Порог`,description:`Ручной ввод и popover slider работают с одним значением.`,value:t,onChange:n})}},y={render:e=>{let[t,n]=(0,d.useState)(40);return(0,f.jsx)(c,{...e,label:`Готовый пресет`,marks:p,value:t,onChange:n})}},b={render:e=>{let[t,n]=(0,d.useState)(17.5);return(0,f.jsx)(c,{...e,label:`Десятичное значение`,value:t,onChange:n})},args:{step:.5}},x={render:()=>{let[e,t]=(0,d.useState)([20,80]);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(o,{label:`Процент выполнения`,description:"RangeInput без outputValue: наружу отдаётся координата `value`.",min:0,max:100,marks:p,value:e,onChange:t}),(0,f.jsx)(u,{value:e,field:`progress`,unit:`%`})]})}},S={render:()=>{let[e,t]=(0,d.useState)([null,12]);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(o,{label:`Срок в месяцах`,description:"У крайних marks `outputValue:null`; у обычных marks outputValue не указан и берётся `value`.",min:0,max:25,marks:m,marksPosition:`index`,value:e,onChange:t}),(0,f.jsx)(u,{value:e,field:`months`,unit:` мес.`})]})}},C={render:()=>{let[e,t]=(0,d.useState)([90,360]);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(o,{label:`Срок: месяцы на шкале, дни в фильтре`,description:`В поле и фильтре видны дни, а popover показывает месячные marks.`,min:1,max:24,marks:h,marksPosition:`index`,value:e,onChange:t}),(0,f.jsx)(u,{value:e,field:`days`,unit:` дн.`})]})}},w={render:()=>{let[e,t]=(0,d.useState)([null,720]);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(o,{label:`Срок: открытые границы и дни в фильтре`,description:"Крайние marks отдают null, обычные marks отдают дни через `outputValue`.",min:0,max:25,marks:g,marksPosition:`index`,value:e,onChange:t}),(0,f.jsx)(u,{value:e,field:`days`,unit:` дн.`})]})}},T={render:()=>{let[e,t]=(0,d.useState)([90,180]);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(o,{label:`Срок текстом`,description:`В поле выводится готовый текст по marks, а изменение через popover коммитится при закрытии.`,min:0,max:25,marks:g,marksPosition:`index`,value:e,onChange:t,readonlyValueText:!0,placeholder:`Любой срок`}),(0,f.jsx)(u,{value:e,field:`days`,unit:` дн.`})]})}},E={args:{label:`Недоступно`,description:`Поле и popover отключены.`,value:20,disabled:!0,marks:p}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<number>(args.value);
-    return <SliderInput {...args} label="Порог" description="Ручной ввод и popover slider работают с одним значением." value={value} onChange={setValue} />;
-  }
-}`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<number>(40);
-    return <SliderInput {...args} label="Готовый пресет" marks={percentMarks} value={value} onChange={setValue} />;
-  }
-}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<number>(17.5);
-    return <SliderInput {...args} label="Десятичное значение" value={value} onChange={setValue} />;
-  },
-  args: {
-    step: 0.5
-  }
-}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue>([20, 80]);
-    return <>
-                <SliderRangeInput label="Процент выполнения" description="RangeInput без outputValue: наружу отдаётся координата \`value\`." min={0} max={100} marks={percentMarks} value={value} onChange={setValue} />
-                <RangePreview value={value} field="progress" unit="%" />
-            </>;
-  }
-}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue>([null, 12]);
-    return <>
-                <SliderRangeInput label="Срок в месяцах" description="У крайних marks \`outputValue:null\`; у обычных marks outputValue не указан и берётся \`value\`." min={0} max={25} marks={openMonthMarks} marksPosition="index" value={value} onChange={setValue} />
-                <RangePreview value={value} field="months" unit=" мес." />
-            </>;
-  }
-}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue>([90, 360]);
-    return <>
-                <SliderRangeInput label="Срок: месяцы на шкале, дни в фильтре" description="В поле и фильтре видны дни, а popover показывает месячные marks." min={1} max={24} marks={monthToDayMarks} marksPosition="index" value={value} onChange={setValue} />
-                <RangePreview value={value} field="days" unit=" дн." />
-            </>;
-  }
-}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue>([null, 720]);
-    return <>
-                <SliderRangeInput label="Срок: открытые границы и дни в фильтре" description="Крайние marks отдают null, обычные marks отдают дни через \`outputValue\`." min={0} max={25} marks={openMonthToDayMarks} marksPosition="index" value={value} onChange={setValue} />
-                <RangePreview value={value} field="days" unit=" дн." />
-            </>;
-  }
-}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue>([90, 180]);
-    return <>
-                <SliderRangeInput label="Срок текстом" description="В поле выводится готовый текст по marks, а изменение через popover коммитится при закрытии." min={0} max={25} marks={openMonthToDayMarks} marksPosition="index" value={value} onChange={setValue} readonlyValueText placeholder="Любой срок" />
-                <RangePreview value={value} field="days" unit=" дн." />
-            </>;
-  }
-}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
-  args: {
-    label: "Недоступно",
-    description: "Поле и popover отключены.",
-    value: 20,
-    disabled: true,
-    marks: percentMarks
-  }
-}`,...E.parameters?.docs?.source}}},D=[`Basic`,`MarksSnap`,`DecimalManualInput`,`RangeInputPlain`,`RangeInputOpenWithoutExplicitMiddleOutput`,`RangeInputMonthToDaysOutput`,`RangeInputOpenMonthToDaysOutput`,`RangeInputReadonlyText`,`Disabled`]})))()}export{C as a,x as c,O as d,y as i,T as l,b as n,w as o,E as r,S as s,v as t,l as u};

package/storybook-static/assets/Sortable.stories-DaJFxCXl.js

@@ -1,141 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{i as r,n as i,r as a,t as o}from"./sortable-MoyiSprv.js";import{n as s}from"./iframe-DBSrNt2a.js";var c=t({Basic:()=>y,DisabledItems:()=>S,GridCards:()=>x,HandleOnly:()=>C,HorizontalList:()=>b,NestedContainers:()=>w,SortablePreview:()=>d,__namedExportsOrder:()=>T,default:()=>v});function l(e,t,n){let r=[...e],[i]=r.splice(t,1);return r.splice(n,0,i),r}function u(e){switch(e){case`horizontal`:return{display:`flex`,gap:`var(--space-sm)`,overflowX:`auto`};case`grid`:return{display:`grid`,gap:`var(--space-sm)`,gridTemplateColumns:`repeat(auto-fill, minmax(12rem, 1fr))`};default:return{display:`grid`,gap:`var(--space-sm)`}}}function d(e){let[t,n]=(0,f.useState)(e.initialItems),r=new Set(e.disabledIds??[]);return(0,p.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,p.jsx)(o.Root,{onDragEnd:r=>{let i=a({event:r,items:{[e.containerId]:t}});i&&n(e=>l(e,i.fromIndex,i.toIndex))},children:(0,p.jsx)(o.Container,{containerId:e.containerId,items:t,layout:e.layout,children:(0,p.jsx)(`div`,{style:u(e.layout),children:t.map(t=>(0,p.jsxs)(o.Item,{id:t,disabled:r.has(t),style:{...m,minWidth:e.itemWidth},children:[(0,p.jsx)(o.DragHandle,{title:`Перетащить ${t}`}),(0,p.jsx)(`div`,{children:t})]},t))})})}),(0,p.jsx)(`div`,{style:{fontSize:14,opacity:.8},children:`Порядок элементов изменяется локально в рамках story.`})]})}var f,p,m,h,g,_,v,y,b,x,S,C,w,T;function E(){return(E=e((()=>{f=n(),i(),r(),p=s(),m={display:`grid`,gridTemplateColumns:`var(--control-height) 1fr`,alignItems:`center`,gap:`var(--space-sm)`,padding:`var(--space-sm)`,border:`var(--border)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-0)`},h=[`Alpha`,`Bravo`,`Charlie`,`Delta`],g=[`Фильтры`,`Графики`,`Сводка`,`История`],_=[`Карточка 1`,`Карточка 2`,`Карточка 3`,`Карточка 4`,`Карточка 5`,`Карточка 6`],v={title:`Shared/UI/Sortable`,component:d,args:{containerId:`sortable-demo`,layout:`vertical`,initialItems:h,itemWidth:void 0,disabledIds:[]},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{containerId:{description:"Идентификатор `SortableContext`, который используется для вычисления reorder внутри контейнера.",control:`text`},layout:{description:`Режим раскладки и стратегия сортировки: вертикальный список, горизонтальный список или grid.`,control:`inline-radio`,options:[`vertical`,`horizontal`,`grid`]},initialItems:{description:`Начальный набор элементов. Внутри story состояние управляется локально.`,control:!1},itemWidth:{description:`Минимальная ширина карточки; полезна для горизонтального режима.`,control:`text`},disabledIds:{description:`Список id, для которых drag-handle отключен.`,control:!1}}},y={},b={args:{containerId:`sortable-horizontal`,layout:`horizontal`,initialItems:g,itemWidth:`12rem`}},x={args:{containerId:`sortable-grid`,layout:`grid`,initialItems:_}},S={args:{containerId:`sortable-disabled`,layout:`vertical`,initialItems:h,disabledIds:[`Bravo`,`Delta`]}},C={args:{containerId:`sortable-handle-only`,layout:`vertical`,initialItems:[`Пункт 1`,`Пункт 2`,`Пункт 3`,`Пункт 4`]}},w={args:{containerId:`top`,layout:`vertical`,initialItems:[`Группа A`,`Группа B`]},render:()=>{let[e,t]=(0,f.useState)([`Группа A`,`Группа B`]),[n,r]=(0,f.useState)({"Группа A":[`A.1`,`A.2`,`A.3`],"Группа B":[`B.1`,`B.2`]});return(0,p.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,p.jsx)(o.Root,{onDragEnd:i=>{let o=a({event:i,items:{top:e,...Object.fromEntries(e.map(e=>[`parent:${e}`,n[e]??[]]))}});if(!o)return;if(o.containerId===`top`){t(e=>l(e,o.fromIndex,o.toIndex));return}let s=String(o.containerId).slice(7);r(e=>({...e,[s]:l(e[s]??[],o.fromIndex,o.toIndex)}))},children:(0,p.jsx)(o.Container,{containerId:`top`,items:e,children:(0,p.jsx)(`div`,{style:{display:`grid`,gap:`var(--space-md)`},children:e.map(e=>(0,p.jsxs)(o.Item,{id:e,style:{...m,gridTemplateColumns:`var(--control-height) 1fr`,alignItems:`start`},children:[(0,p.jsx)(o.DragHandle,{title:`Перетащить ${e}`}),(0,p.jsxs)(`div`,{style:{display:`grid`,gap:`var(--space-sm)`},children:[(0,p.jsx)(`strong`,{children:e}),(0,p.jsx)(o.Container,{containerId:`parent:${e}`,items:n[e]??[],children:(0,p.jsx)(`div`,{style:{display:`grid`,gap:`var(--space-xs)`},children:(n[e]??[]).map(e=>(0,p.jsxs)(o.Item,{id:e,style:{...m,background:`var(--surface-1)`},children:[(0,p.jsx)(o.DragHandle,{title:`Перетащить ${e}`}),(0,p.jsx)(`div`,{children:e})]},e))})})]})]},e))})})}),(0,p.jsx)(`div`,{style:{fontSize:14,opacity:.8},children:"Вложенные контейнеры сортируются независимо и используют общий `Sortable.Root`."})]})}},d.__docgenInfo={description:``,methods:[],displayName:`SortablePreview`,props:{containerId:{required:!0,tsType:{name:`string`},description:``},layout:{required:!0,tsType:{name:`union`,raw:`"vertical" | "horizontal" | "grid"`,elements:[{name:`literal`,value:`"vertical"`},{name:`literal`,value:`"horizontal"`},{name:`literal`,value:`"grid"`}]},description:``},initialItems:{required:!0,tsType:{name:`Array`,elements:[{name:`string`}],raw:`string[]`},description:``},itemWidth:{required:!1,tsType:{name:`string`},description:``},disabledIds:{required:!1,tsType:{name:`Array`,elements:[{name:`string`}],raw:`string[]`},description:``}}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`function SortablePreview(props: SortablePreviewProps) {
-  const [items, setItems] = useState(props.initialItems);
-  const disabledIdSet = new Set(props.disabledIds ?? []);
-  return <div style={{
-    display: "grid",
-    gap: 12
-  }}>
-            <Sortable.Root onDragEnd={event => {
-      const reorder = getSortableReorderResult({
-        event,
-        items: {
-          [props.containerId]: items
-        }
-      });
-      if (!reorder) return;
-      setItems(prev => reorderItems(prev, reorder.fromIndex, reorder.toIndex) as string[]);
-    }}>
-                <Sortable.Container containerId={props.containerId} items={items} layout={props.layout}>
-                    <div style={getContainerStyle(props.layout)}>
-                        {items.map(item => <Sortable.Item key={item} id={item} disabled={disabledIdSet.has(item)} style={{
-            ...itemStyle,
-            minWidth: props.itemWidth
-          }}>
-                                <Sortable.DragHandle title={\`Перетащить \${item}\`} />
-                                <div>{item}</div>
-                            </Sortable.Item>)}
-                    </div>
-                </Sortable.Container>
-            </Sortable.Root>
-
-            <div style={{
-      fontSize: 14,
-      opacity: 0.8
-    }}>Порядок элементов изменяется локально в рамках story.</div>
-        </div>;
-}`,...d.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
-  args: {
-    containerId: "sortable-horizontal",
-    layout: "horizontal",
-    initialItems: horizontalItems,
-    itemWidth: "12rem"
-  }
-}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
-  args: {
-    containerId: "sortable-grid",
-    layout: "grid",
-    initialItems: gridItems
-  }
-}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
-  args: {
-    containerId: "sortable-disabled",
-    layout: "vertical",
-    initialItems: verticalItems,
-    disabledIds: ["Bravo", "Delta"]
-  }
-}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
-  args: {
-    containerId: "sortable-handle-only",
-    layout: "vertical",
-    initialItems: ["Пункт 1", "Пункт 2", "Пункт 3", "Пункт 4"]
-  }
-}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
-  args: {
-    containerId: "top",
-    layout: "vertical",
-    initialItems: ["Группа A", "Группа B"]
-  },
-  render: () => {
-    const [topItems, setTopItems] = useState(["Группа A", "Группа B"]);
-    const [childItemsByGroup, setChildItemsByGroup] = useState<Record<string, string[]>>({
-      "Группа A": ["A.1", "A.2", "A.3"],
-      "Группа B": ["B.1", "B.2"]
-    });
-    return <div style={{
-      display: "grid",
-      gap: 12
-    }}>
-                <Sortable.Root onDragEnd={event => {
-        const reorder = getSortableReorderResult({
-          event,
-          items: {
-            top: topItems,
-            ...Object.fromEntries(topItems.map(item => [\`parent:\${item}\`, childItemsByGroup[item] ?? []]))
-          }
-        });
-        if (!reorder) return;
-        if (reorder.containerId === "top") {
-          setTopItems(prev => reorderItems(prev, reorder.fromIndex, reorder.toIndex) as string[]);
-          return;
-        }
-        const parentId = String(reorder.containerId).slice("parent:".length);
-        setChildItemsByGroup(prev => ({
-          ...prev,
-          [parentId]: reorderItems(prev[parentId] ?? [], reorder.fromIndex, reorder.toIndex) as string[]
-        }));
-      }}>
-                    <Sortable.Container containerId="top" items={topItems}>
-                        <div style={{
-            display: "grid",
-            gap: "var(--space-md)"
-          }}>
-                            {topItems.map(groupId => <Sortable.Item key={groupId} id={groupId} style={{
-              ...itemStyle,
-              gridTemplateColumns: "var(--control-height) 1fr",
-              alignItems: "start"
-            }}>
-                                    <Sortable.DragHandle title={\`Перетащить \${groupId}\`} />
-                                    <div style={{
-                display: "grid",
-                gap: "var(--space-sm)"
-              }}>
-                                        <strong>{groupId}</strong>
-                                        <Sortable.Container containerId={\`parent:\${groupId}\`} items={childItemsByGroup[groupId] ?? []}>
-                                            <div style={{
-                    display: "grid",
-                    gap: "var(--space-xs)"
-                  }}>
-                                                {(childItemsByGroup[groupId] ?? []).map(item => <Sortable.Item key={item} id={item} style={{
-                      ...itemStyle,
-                      background: "var(--surface-1)"
-                    }}>
-                                                        <Sortable.DragHandle title={\`Перетащить \${item}\`} />
-                                                        <div>{item}</div>
-                                                    </Sortable.Item>)}
-                                            </div>
-                                        </Sortable.Container>
-                                    </div>
-                                </Sortable.Item>)}
-                        </div>
-                    </Sortable.Container>
-                </Sortable.Root>
-
-                <div style={{
-        fontSize: 14,
-        opacity: 0.8
-      }}>
-                    Вложенные контейнеры сортируются независимо и используют общий \`Sortable.Root\`.
-                </div>
-            </div>;
-  }
-}`,...w.parameters?.docs?.source}}},T=[`SortablePreview`,`Basic`,`HorizontalList`,`GridCards`,`DisabledItems`,`HandleOnly`,`NestedContainers`]})))()}export{b as a,E as c,C as i,S as n,w as o,x as r,c as s,y as t};

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

@@ -1,44 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./circle-check-BlI17qP5.js";import{i as a,n as o,r as s,t as c}from"./info-Wi50bdLM.js";import{n as l,t as u}from"./triangle-alert-BhoF9j4U.js";import{i as d,n as f,r as p}from"./iframe-DBSrNt2a.js";import{n as m,t as h}from"./StateSelect-BxRXr-2U.js";var g,_;function v(){return(v=e((()=>{d(),g=[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}]],_=p(`circle-minus`,g)})))()}var y=t({Controlled:()=>C,PaletteOnly:()=>T,WithMeta:()=>w,__namedExportsOrder:()=>E,default:()=>S}),b,x,S,C,w,T,E;function D(){return(D=e((()=>{b=n(),l(),r(),o(),v(),a(),m(),x=f(),S={title:`Shared/UI/StateSelect`,component:h,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`}}},C={render:e=>{let[t,n]=(0,b.useState)(`information`);return(0,x.jsx)(h,{...e,value:t,onChange:n})}},w={render:e=>{let[t,n]=(0,b.useState)(`warning`);return(0,x.jsx)(h,{...e,value:t,onChange:n,stateMeta:{none:{label:`Без статуса`,icon:(0,x.jsx)(_,{})},information:{label:`Инфо`,icon:(0,x.jsx)(c,{})},success:{label:`Успех`,icon:(0,x.jsx)(i,{})},warning:{label:`Предупреждение`,icon:(0,x.jsx)(u,{})},error:{label:`Ошибка`,icon:(0,x.jsx)(s,{})}}})},args:{value:`warning`}},T={render:e=>{let[t,n]=(0,b.useState)(`none`);return(0,x.jsx)(h,{...e,value:t,onChange:n,options:[`none`,`success`,`error`]})},args:{options:[`none`,`success`,`error`],value:`none`}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<State | undefined>("information");
-    return <StateSelect {...args} value={value} onChange={setValue} />;
-  }
-}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.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"
-  }
-}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.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"
-  }
-}`,...T.parameters?.docs?.source}}},E=[`Controlled`,`WithMeta`,`PaletteOnly`]})))()}export{D as a,w as i,T as n,y as r,C as t};

package/storybook-static/assets/StringToggle.stories-D7jGapnI.js

@@ -1,6 +0,0 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-DBSrNt2a.js";import{n as r,t as i}from"./Toggle-BAhzEihH.js";function a(e,t){return typeof e==`string`?e:t}var o,s;function c(){return(c=e((()=>{o=`true`,s=`false`})))()}function l({value:e,onChange:t,checkedValue:n,uncheckedValue:r,defaultChecked:c,...l}){let d=a(n,o),f=a(r,s),p=e===d;return(0,u.jsx)(i,{...l,value:p,onChange:e=>t(e?d:f)})}var u;function d(){return(d=e((()=>{c(),r(),u=n(),l.__docgenInfo={description:`Адаптирует boolean-состояние Toggle к паре настраиваемых строковых значений.`,methods:[],displayName:`StringToggle`,props:{checkedValue:{required:!1,tsType:{name:`string`},description:``},uncheckedValue:{required:!1,tsType:{name:`string`},description:``},value:{required:!0,tsType:{name:`string`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``}}}})))()}var f,p,m,h,g;function _(){return(_=e((()=>{f=t(),d(),p=n(),m={title:`Shared/UI/Toggle/StringToggle`,component:l,args:{value:`ZBP_MANAGER`,onChange:()=>void 0,checkedText:`за клиента`,uncheckedText:`за сделку`,checkedValue:`ZM_MANAGER`,uncheckedValue:`ZBP_MANAGER`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущее строковое значение.`,control:!1},onChange:{description:`Возвращает строку выбранного состояния.`,control:!1},checkedValue:{description:`Значение включённого состояния.`,control:`text`},uncheckedValue:{description:`Значение выключенного состояния.`,control:`text`},checkedText:{description:`Текст включённого состояния.`,control:`text`},uncheckedText:{description:`Текст выключенного состояния.`,control:`text`}}},h={render:e=>{let[t,n]=(0,f.useState)(e.value);return(0,p.jsx)(l,{...e,value:t,onChange:n})}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<string>(args.value);
-    return <StringToggle {...args} value={value} onChange={setValue} />;
-  }
-}`,...h.parameters?.docs?.source}}},g=[`ManagerScope`]})))()}_();export{h as ManagerScope,g as __namedExportsOrder,m as default};

package/storybook-static/assets/Switch.stories-7stb2lKH.js

@@ -1,26 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./Switch-CZpcIIzj.js";import{n as a}from"./iframe-DBSrNt2a.js";var o=t({BiState:()=>u,Disabled:()=>f,TriState:()=>d,__namedExportsOrder:()=>p,default:()=>l}),s,c,l,u,d,f,p;function m(){return(m=e((()=>{s=n(),r(),c=a(),l={title:`Shared/UI/Switch`,component:i,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`}}},u={render:e=>{let[t,n]=(0,s.useState)(!1);return(0,c.jsx)(i,{...e,value:t,onChange:n,triState:!1})}},d={render:e=>{let[t,n]=(0,s.useState)(void 0);return(0,c.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,c.jsx)(i,{...e,value:t,onChange:n,triState:!0}),(0,c.jsxs)(`div`,{children:[`Текущее значение: `,String(t)]})]})},args:{triState:!0,value:void 0}},f={args:{disabled:!0,value:!0}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState(false);
-    return <Switch {...args} value={value} onChange={setValue} triState={false} />;
-  }
-}`,...u.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}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
-  args: {
-    disabled: true,
-    value: true
-  }
-}`,...f.parameters?.docs?.source}}},p=[`BiState`,`TriState`,`Disabled`]})))()}export{m as a,d as i,f as n,o as r,u as t};

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

@@ -1,122 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DBSrNt2a.js";import{D as i,E as a,T as ee,c as te,l as ne,n as o,s as re,v as s,w as ie}from"./odata-BBTqO7nX.js";import{i as ae,y as oe}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{S as se,_ as ce,a as le,b as ue,c as de,d as fe,f as pe,g as me,h as he,i as ge,l as _e,m as ve,n as ye,o as be,p as xe,r as Se,s as c,t as Ce,u as we,v as Te,x as Ee,y as De}from"./FormattedTableCell-YhiJaAK4.js";var l,u,d;function f(){return(f=e((()=>{l=`hKghZt`,u=`QsLRvS`,d={selectedIndicatorCell:l,sentinel:u}})))()}function Oe(e,t){return String(t)}function p({title:e,isLoading:t,isFetching:n,data:r,columns:i,selectionMode:a=`none`,selectedRowIds:ee,getRowId:ne,className:o,minHeight:re,tableClassName:s,columnVisibility:ie,defaultColumnVisibility:oe,columnOrder:le,defaultColumnOrder:ue,columnSizing:fe,defaultColumnSizing:me,columnPinning:ge,defaultColumnPinning:_e,enableColumnResizing:ve=!1,enableColumnReordering:ye=!1,columnResizeMinWidth:c,onColumnVisibilityChange:De,onColumnOrderChange:l,onColumnSizingChange:u,onColumnPinningChange:f,onRowClick:p,onRowSelectionChange:g,onReachEnd:_,getRowCanSelect:v,getRowClassName:ke,renderHeaderContextMenu:Ae,renderCellContent:y}){let b=(0,m.useMemo)(()=>r??[],[r]),x=(0,m.useMemo)(()=>he(i),[i]),S=ne??Oe,C=(0,m.useMemo)(()=>new Map(b.map((e,t)=>[S(e,t),e])),[S,b]),w=(0,m.useMemo)(()=>Array.from(C.keys()),[C]),T=(0,m.useRef)(null),E=(0,m.useRef)(null),{rowSelection:D,activateRowSelection:O}=te({availableRowIds:w,rowById:C,selectionMode:a,selectedRowIds:ee,onRowSelectionChange:g}),{columnVisibility:k,onColumnVisibilityChange:A}=be({columnVisibility:ie,defaultColumnVisibility:oe,onColumnVisibilityChange:De}),{columnOrder:j,onColumnOrderChange:M}=pe({columnOrder:le,defaultColumnOrder:ue,onColumnOrderChange:l}),{columnSizing:N,onColumnSizingChange:je}=de({columnSizing:fe,defaultColumnSizing:me,columnResizeMinWidth:c,onColumnSizingChange:u}),{columnPinning:P,onColumnPinningChange:F}=we({columnPinning:ge,defaultColumnPinning:_e,onColumnPinningChange:f}),I=(0,m.useMemo)(()=>({columnOrder:j,columnPinning:P,columnSizing:N,columnVisibility:k}),[j,P,N,k]),L=(0,m.useEffectEvent)(()=>{_?.()});(0,m.useEffect)(()=>{if(!_||!T.current||!E.current||t)return;let e=new IntersectionObserver(e=>{e[0]?.isIntersecting&&L()},{root:T.current,threshold:.1});return e.observe(E.current),()=>e.disconnect()},[t,_,b.length]);let R=Ee({data:b,columns:i,state:{columnOrder:j,columnPinning:P,columnSizing:N,columnVisibility:k,rowSelection:D},onColumnOrderChange:M,onColumnPinningChange:F,onColumnSizingChange:je,onColumnVisibilityChange:A,getRowId:(e,t)=>S(e,t),getCoreRowModel:se(),enableMultiRowSelection:a===`multi`,enableRowSelection:e=>a===`none`?!1:!v||v(e.original)}),z=Te(R,I),B=R.getRowModel().rows,V=(0,m.useMemo)(()=>xe({rows:B,columns:z}),[B,z]),H=z[0]?.id;return(0,h.jsx)(Se,{table:R,columnState:I,title:e,isLoading:t,isFetching:n,className:o,minHeight:re,tableClassName:s,selectionMode:a,scrollableRef:T,onActivateRow:a!==`none`||p?e=>{O(e.id,e.getCanSelect()),p?.(e.original)}:void 0,isRowInteractive:e=>!!(p||a!==`none`&&e.getCanSelect()),getRowClassName:e=>ke?.(e.original),getCellClassName:({row:e,cell:t})=>t.column.id===H&&e.getIsSelected()?d.selectedIndicatorCell:void 0,getCellLayout:({cell:e})=>V.get(e.id),renderHeaderContextMenu:Ae,enableColumnResizing:ve,enableColumnReordering:ye,columnResizeMinWidth:c,renderCellContent:e=>{let t=ae({field:x.runtimeByColumnId[e.cell.column.id],rawValue:e.cell.getValue(),rowData:e.row.original,rowKind:`plain`}),n=ce({columnId:e.cell.column.id,runtimeByColumnId:x.runtimeByColumnId,customCellColumnIds:x.customCellColumnIds})?(0,h.jsx)(Ce,{displayValue:t,align:e.columnMeta?.align}):e.defaultContent;return y?y({...e,defaultContent:n,displayValue:t}):n},afterTableContent:_?(0,h.jsx)(`div`,{ref:E,className:d.sentinel,"aria-hidden":`true`}):null})}var m,h;function g(){return(g=e((()=>{m=n(),oe(),s(),ue(),ge(),ve(),me(),ye(),De(),fe(),_e(),c(),le(),f(),h=r(),p.__docgenInfo={description:"Плоская таблица на базе TanStack Table как React-альтернатива `sap.m.Table`.",methods:[],displayName:`Table`,props:{title:{required:!1,tsType:{name:`string`},description:`Необязательный заголовок над таблицей.`},isLoading:{required:!1,tsType:{name:`boolean`},description:`Признак первичной загрузки.`},isFetching:{required:!1,tsType:{name:`boolean`},description:`Признак фоновой догрузки или обновления данных.`},data:{required:!0,tsType:{name:`union`,raw:`readonly TData[] | undefined | null`,elements:[{name:`unknown`},{name:`undefined`},{name:`null`}]},description:`Плоский источник строк.`},columns:{required:!0,tsType:{name:`unknown`},description:`Описание колонок таблицы.`},selectionMode:{required:!1,tsType:{name:`TableSelectionMode`},description:`Режим выбора строк.`,defaultValue:{value:`"none"`,computed:!1}},selectedRowIds:{required:!1,tsType:{name:`unknown`},description:`Внешний список выбранных строк.
-
-Если передан, таблица синхронизирует визуальное выделение с этим набором id.`},getRowId:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData, index: number) => string`,signature:{arguments:[{type:{name:`TData`},name:`row`},{type:{name:`number`},name:`index`}],return:{name:`string`}}},description:`Стабильный идентификатор строки.
-
-Если не задан, используется индекс строки.`},className:{required:!1,tsType:{name:`string`},description:`Дополнительный CSS-класс корневого контейнера.`},minHeight:{required:!1,tsType:{name:`union`,raw:"`${number}em` | `${number}%`",elements:[{name:`literal`,value:"`${number}em`"},{name:`literal`,value:"`${number}%`"}]},description:``},tableClassName:{required:!1,tsType:{name:`string`},description:"Дополнительный CSS-класс тега `table`."},columnVisibility:{required:!1,tsType:{name:`VisibilityState`},description:`Внешнее controlled-состояние видимости колонок.`},defaultColumnVisibility:{required:!1,tsType:{name:`VisibilityState`},description:`Стартовое uncontrolled-состояние видимости колонок.`},columnOrder:{required:!1,tsType:{name:`unknown`},description:`Внешнее controlled-состояние порядка колонок.`},defaultColumnOrder:{required:!1,tsType:{name:`unknown`},description:`Стартовое uncontrolled-состояние порядка колонок.`},columnSizing:{required:!1,tsType:{name:`TableColumnSizingState`},description:`Внешнее controlled-состояние ширин колонок в px.`},defaultColumnSizing:{required:!1,tsType:{name:`TableColumnSizingState`},description:`Стартовое uncontrolled-состояние ширин колонок в px.`},columnPinning:{required:!1,tsType:{name:`TableColumnPinningState`},description:`Внешнее controlled-состояние left-pinning для колонок.`},defaultColumnPinning:{required:!1,tsType:{name:`TableColumnPinningState`},description:`Стартовое uncontrolled-состояние left-pinning для колонок.`},enableColumnResizing:{required:!1,tsType:{name:`boolean`},description:`Включает изменение ширины колонок через header-handle.`,defaultValue:{value:`false`,computed:!1}},enableColumnReordering:{required:!1,tsType:{name:`boolean`},description:`Включает изменение порядка колонок через drag&drop заголовков.`,defaultValue:{value:`false`,computed:!1}},columnResizeMinWidth:{required:!1,tsType:{name:`number`},description:`Минимальная ширина колонки при resize в px.`},onColumnVisibilityChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: VisibilityState) => void`,signature:{arguments:[{type:{name:`VisibilityState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения видимости колонок.`},onColumnOrderChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnOrderState) => void`,signature:{arguments:[{type:{name:`TableColumnOrderState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения порядка колонок.`},onColumnSizingChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnSizingState) => void`,signature:{arguments:[{type:{name:`TableColumnSizingState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения ширины колонок.`},onColumnPinningChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnPinningState) => void`,signature:{arguments:[{type:{name:`TableColumnPinningState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения left-pinning state.`},onRowClick:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData) => void`,signature:{arguments:[{type:{name:`TData`},name:`row`}],return:{name:`void`}}},description:`Вызывается при активации строки кликом или клавиатурой.`},onRowSelectionChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(rows: TData[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`TData`}],raw:`TData[]`},name:`rows`}],return:{name:`void`}}},description:`Вызывается после изменения выбранных строк.`},onReachEnd:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:`Вызывается при достижении конца таблицы внутри scroll-контейнера.`},getRowCanSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData) => boolean`,signature:{arguments:[{type:{name:`TData`},name:`row`}],return:{name:`boolean`}}},description:`Позволяет запретить выбор отдельных строк.`},getRowClassName:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData) => string | undefined`,signature:{arguments:[{type:{name:`TData`},name:`row`}],return:{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}}},description:`Позволяет добавить CSS-класс для конкретной строки.`},renderHeaderContextMenu:{required:!1,tsType:{name:`BaseTableProps["renderHeaderContextMenu"]`,raw:`BaseTableProps<TData>["renderHeaderContextMenu"]`},description:`Контекстное меню заголовка колонки. Используется для общих runtime-действий
-вроде server sorting без встраивания доменной логики в shared-таблицу.`},renderCellContent:{required:!1,tsType:{name:`BaseTableProps["renderCellContent"]`,raw:`BaseTableProps<TData>["renderCellContent"]`},description:"Тонкая точка расширения содержимого ячейки поверх стандартного форматирования.\n\nВ отличие от `column.cell`, этот слот не отключает общий formatting-runtime:\n`defaultContent` уже содержит отформатированное значение, если оно применимо."}}}})))()}var _=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:()=>Me,default:()=>R});function v(){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 ke(e){return[`odata`,`metadata`,{service:e}]}function Ae(){let{columns:e,metadata:t,isLoading:n}=o({service:P,target:F,mode:`build`});return(0,x.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,x.jsxs)(`div`,{children:[`Режим build: hook собрал `,e.length,` колонки из metadata`,t?` для сущности «${t.title}».`:`.`]}),(0,x.jsx)(p,{title:`useODataTableColumns: build`,data:E,columns:e,selectionMode:`none`,isLoading:n,getRowId:e=>e.id})]})}function y(){let{columns:e,metadata:t,isLoading:n}=o({service:P,target:F,mode:`enrich`,columns:N});return(0,x.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,x.jsxs)(`div`,{children:[`Режим enrich: hook сохранил ручные заголовки и дополнил formatting-контекст`,t?` из metadata «${t.title}».`:`.`]}),(0,x.jsx)(p,{title:`useODataTableColumns: enrich`,data:E,columns:e,selectionMode:`none`,isLoading:n,getRowId:e=>e.id})]})}var b,x,S,C,w,T,E,D,O,k,A,j,M,N,je,P,F,I,L,R,z,B,V,H,U,W,G,K,q,J,Y,X,Z,Q,$,Me;function Ne(){return(Ne=e((()=>{b=n(),re(),ee(),s(),i(),g(),x=r(),S=[{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:`Закрыта`}],C=[...S,{id:`6`,number:`450006`,client:`ОМК`,manager:`Елена Андреева`,amount:`680 000`,status:`Архив`,isLocked:!0}],w=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?`В работе`:`Согласование`})),T=[{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}}],E=[{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}],D=[{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:`Николай Орлов`}],O=[{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}}],k=[{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}}}],A=[{id:`product`,accessorKey:`product`,header:`Товар`,meta:{width:16}},{id:`healthScore`,accessorKey:`healthScore`,header:`Индекс риска`,meta:{width:10,align:`right`,formatting:{role:`measure`,type:`decimal`,formattersPipeline:v()}}}],j=[{id:`product`,accessorKey:`product`,header:`Товар`,meta:{width:16}},{id:`pendingAmount`,accessorKey:`pendingAmount`,header:`Резерв`,meta:{width:9,align:`right`,formatting:{role:`measure`,type:`decimal`,emptyWhenZero:!0}}}],M=[{id:`product`,type:`string`,originalType:`Edm.String`,label:`Товар`,semanticType:`none`,sortable:!0,filterable:!0,role:`dimension`},{id:`createdAt`,type:`datetime`,originalType:`Edm.DateTime`,label:`Дата создания`,semanticType:`none`,sortable:!0,filterable:!0,role:`dimension`},{id:`totalAmount`,type:`decimal`,originalType:`Edm.Decimal`,label:`Сумма`,semanticType:`none`,sortable:!0,filterable:!0,role:`measure`}],N=[{id:`product`,accessorKey:`product`,header:`Позиция`,meta:{width:16}},{id:`createdAt`,accessorKey:`createdAt`,header:`Создано`,meta:{width:12}},{id:`totalAmount`,accessorKey:`totalAmount`,header:`Итог`,meta:{width:9,align:`right`}}],je=ne(N,M),P=`ZDEMO_DEALS_SRV`,F=`DealSet`,I={title:`Портфель сделок`,columns:M},L=(e,t)=>{let n=(0,b.useMemo)(()=>{let e=ie({}),n=t.parameters.odataService,r=t.parameters.odataEntity,i=t.parameters.odataMetadata;return n&&r&&i&&e.setQueryData(ke(n),{entities:{[r]:i},functionImports:{}}),e},[t.parameters.odataEntity,t.parameters.odataMetadata,t.parameters.odataService]);return(0,x.jsx)(a,{client:n,children:e()})},R={title:`Shared/UI/Table`,component:p,args:{title:`Сделки`,data:S,columns:T,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`}}},z={},B={render:e=>{let[t,n]=(0,b.useState)({left:[`number`]});return(0,x.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,x.jsxs)(`div`,{style:{display:`flex`,gap:`0.5em`,flexWrap:`wrap`},children:[(0,x.jsx)(`button`,{type:`button`,onClick:()=>n({left:[`number`]}),children:`Закрепить «Номер»`}),(0,x.jsx)(`button`,{type:`button`,onClick:()=>n({left:[`number`,`client`]}),children:`Закрепить «Номер» и «Клиент»`}),(0,x.jsx)(`button`,{type:`button`,onClick:()=>n({left:[]}),children:`Снять закрепление`})]}),(0,x.jsxs)(`div`,{children:[`Закреплено слева: `,t.left?.length?t.left.join(`, `):`ничего`]}),(0,x.jsx)(p,{...e,columnPinning:t,onColumnPinningChange:n})]})}},V={render:e=>{let[t,n]=(0,b.useState)([]);return(0,x.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,x.jsxs)(`div`,{children:[`Выбрано: `,t.length>0?t.join(`, `):`ничего`]}),(0,x.jsx)(p,{...e,selectionMode:`multi`,onRowSelectionChange:e=>n(e.map(e=>e.number))})]})}},H={args:{data:C,selectionMode:`multi`,getRowCanSelect:e=>!e.isLocked},render:e=>{let[t,n]=(0,b.useState)([]);return(0,x.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,x.jsx)(`div`,{children:`Строка со статусом «Архив» остаётся видимой, но не участвует в выборе.`}),(0,x.jsxs)(`div`,{children:[`Выбрано: `,t.length>0?t.join(`, `):`ничего`]}),(0,x.jsx)(p,{...e,onRowSelectionChange:e=>n(e.map(e=>e.number))})]})}},U={args:{isFetching:!0}},W={args:{data:[]}},G={args:{data:w},render:e=>{let[t,n]=(0,b.useState)(0);return(0,x.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,x.jsxs)(`div`,{children:[`Событие достижения конца: `,t]}),(0,x.jsx)(p,{...e,onReachEnd:()=>n(e=>e+1)})]})}},K={args:{isLoading:!0}},q={render:()=>(0,x.jsx)(p,{title:`Формула наценки`,data:E,columns:k,selectionMode:`none`,getRowId:e=>e.id})},J={render:()=>(0,x.jsx)(p,{title:`Pipeline форматирования`,data:E,columns:A,selectionMode:`none`,getRowId:e=>e.id})},Y={render:()=>(0,x.jsx)(p,{title:`Скрытие нулей`,data:E,columns:j,selectionMode:`none`,getRowId:e=>e.id})},X={render:()=>(0,x.jsx)(p,{title:`Слияние дубликатов`,data:D,columns:O,selectionMode:`none`,getRowId:e=>e.id})},Z={render:()=>(0,x.jsx)(p,{title:`OData metadata adapter`,data:E,columns:je,selectionMode:`none`,getRowId:e=>e.id})},Q={decorators:[L],parameters:{odataService:P,odataEntity:F,odataMetadata:I},render:()=>(0,x.jsx)(Ae,{})},$={decorators:[L],parameters:{odataService:P,odataEntity:F,odataMetadata:I},render:()=>(0,x.jsx)(y,{})},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{}`,...z.parameters?.docs?.source},description:{story:`Базовый сценарий плоской таблицы с одиночным выбором.`,...z.parameters?.docs?.description}}},B.parameters={...B.parameters,docs:{...B.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>;
-  }
-}`,...B.parameters?.docs?.source},description:{story:`Демонстрирует controlled left-pinning через внешний story-state без встроенного UI таблицы.`,...B.parameters?.docs?.description}}},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`{
-  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>;
-  }
-}`,...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",
-    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>;
-  }
-}`,...H.parameters?.docs?.source},description:{story:`Часть строк можно показать, но запретить выбирать.`,...H.parameters?.docs?.description}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
-  args: {
-    isFetching: true
-  }
-}`,...U.parameters?.docs?.source},description:{story:`Сценарий фонового обновления данных без очистки таблицы.`,...U.parameters?.docs?.description}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
-  args: {
-    data: []
-  }
-}`,...W.parameters?.docs?.source},description:{story:`Пустой источник данных.`,...W.parameters?.docs?.description}}},G.parameters={...G.parameters,docs:{...G.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>;
-  }
-}`,...G.parameters?.docs?.source},description:{story:`Демонстрация callback при достижении конца списка.`,...G.parameters?.docs?.description}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
-  args: {
-    isLoading: true
-  }
-}`,...K.parameters?.docs?.source},description:{story:`Состояние первичной загрузки.`,...K.parameters?.docs?.description}}},q.parameters={...q.parameters,docs:{...q.parameters?.docs,source:{originalSource:`{
-  render: () => <Table title="Формула наценки" data={formattingRows} columns={formulaColumns} selectionMode="none" getRowId={row => row.id} />
-}`,...q.parameters?.docs?.source},description:{story:"Сценарий с formula-based колонкой без кастомного `cell`.",...q.parameters?.docs?.description}}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
-  render: () => <Table title="Pipeline форматирования" data={formattingRows} columns={pipelineColumns} selectionMode="none" getRowId={row => row.id} />
-}`,...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:`{
-  render: () => <Table title="Скрытие нулей" data={formattingRows} columns={hiddenZeroColumns} selectionMode="none" getRowId={row => row.id} />
-}`,...Y.parameters?.docs?.source},description:{story:"Сценарий со скрытием нулевых значений через `emptyWhenZero`.",...Y.parameters?.docs?.description}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{
-  render: () => <Table title="Слияние дубликатов" data={divisionMergeRows} columns={divisionMergeColumns} selectionMode="none" getRowId={row => row.id} />
-}`,...X.parameters?.docs?.source},description:{story:`Сценарий со display-only слиянием подряд идущих дубликатов через пустые ячейки и CSS-склейку.`,...X.parameters?.docs?.description}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
-  render: () => <Table title="OData metadata adapter" data={formattingRows} columns={adapterColumns} selectionMode="none" getRowId={row => row.id} />
-}`,...Z.parameters?.docs?.source},description:{story:`Сценарий со статическим OData metadata adapter в режиме enrich.`,...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: () => <HookBuildTableStory />
-}`,...Q.parameters?.docs?.source},description:{story:"Реальный hook-сценарий `useODataTableColumns(...)` в режиме build.",...Q.parameters?.docs?.description}}},$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`{
-  decorators: [withMockedHookODataMetadata],
-  parameters: {
-    odataService: HOOK_ODATA_SERVICE,
-    odataEntity: HOOK_ODATA_ENTITY,
-    odataMetadata: hookMetadata
-  },
-  render: () => <HookEnrichTableStory />
-}`,...$.parameters?.docs?.source},description:{story:"Реальный hook-сценарий `useODataTableColumns(...)` в режиме enrich.",...$.parameters?.docs?.description}}},Me=[`Basic`,`WithColumnPinning`,`MultiSelect`,`WithDisabledRows`,`Fetching`,`Empty`,`ReachEnd`,`Loading`,`WithFormulaColumn`,`WithFormattingPipeline`,`WithHiddenZero`,`WithMergedDuplicates`,`WithODataMetadataAdapter`,`WithUseODataTableColumnsBuildHook`,`WithUseODataTableColumnsEnrichHook`]})))()}export{Ne 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,_ as s,z as t,J as u};

package/storybook-static/assets/Tabs.stories-Kz9Mnt73.js

@@ -1,57 +0,0 @@
-import{n as e,o as t,r as n}from"./rolldown-runtime-C0FnF6B9.js";import{t as r}from"./react-C21x__mS.js";import{n as i}from"./iframe-DBSrNt2a.js";import{a,i as o}from"./utils-DUM89eIj.js";import{n as s,t as c}from"./Scrollable-BX1lUjOe.js";import{a as ee,c as l,f as te,i as u,l as d,n as f,o as p,r as ne,s as m,t as h,u as re}from"./TabsBox-6G7F_Vo9.js";function g({onChange:e,onValueChange:t,...n}){return(0,_.jsx)(h,{...n,onValueChange:n=>{t?.(n),e?.(n)}})}var _;function v(){return(v=e((()=>{f(),_=i(),g.__docgenInfo={description:"@deprecated Используйте `TabsBox` для простого сценария и `TabsLayout` для составных layout-сценариев.",methods:[],displayName:`Tabs`,props:{value:{required:!1,tsType:{name:`string`},description:``},defaultValue:{required:!1,tsType:{name:`string`},description:``},onValueChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},orientation:{required:!1,tsType:{name:`union`,raw:`"horizontal" | "vertical"`,elements:[{name:`literal`,value:`"horizontal"`},{name:`literal`,value:`"vertical"`}]},description:``},activationMode:{required:!1,tsType:{name:`union`,raw:`"automatic" | "manual"`,elements:[{name:`literal`,value:`"automatic"`},{name:`literal`,value:`"manual"`}]},description:``},mountStrategy:{required:!1,tsType:{name:`union`,raw:`"unmount" | "lazy" | "keep-mounted"`,elements:[{name:`literal`,value:`"unmount"`},{name:`literal`,value:`"lazy"`},{name:`literal`,value:`"keep-mounted"`}]},description:``},loop:{required:!1,tsType:{name:`boolean`},description:``},cleanPanel:{required:!1,tsType:{name:`boolean`},description:``},bordered:{required:!1,tsType:{name:`boolean`},description:``},className:{required:!1,tsType:{name:`string`},description:``},"aria-label":{required:!1,tsType:{name:`string`},description:``},"aria-labelledby":{required:!1,tsType:{name:`string`},description:``},items:{required:!0,tsType:{name:`Array`,elements:[{name:`TabsBoxItem`}],raw:`TabsBoxItem[]`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},loadingText:{required:!1,tsType:{name:`string`},description:``},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``}}}})))()}function ie(e){let{type:t}=e;if(typeof t==`function`){let e=t;return e.displayName??e.name??null}if(typeof t==`object`&&t&&`displayName`in t){let e=t;return typeof e.displayName==`string`?e.displayName:null}return null}function y(e,t){return(0,w.isValidElement)(e)&&ie(e)===t}function b({children:e}){return(0,T.jsx)(T.Fragment,{children:e})}function x({children:e}){return(0,T.jsx)(T.Fragment,{children:e})}function S({children:e}){return(0,T.jsx)(T.Fragment,{children:e})}function C({children:e}){return(0,T.jsx)(T.Fragment,{children:e})}function ae(e,t){let n=null,r=null,i=null;for(let a of w.Children.toArray(e)){if(!(0,w.isValidElement)(a))throw Error(`TabsLayout.Tab "${t}" поддерживает только дочерние элементы TabsLayout.Toolbar, TabsLayout.Content и TabsLayout.Footer.`);if(y(a,D)){if(n)throw Error(`TabsLayout.Tab "${t}" содержит более одного блока TabsLayout.Toolbar.`);n=a.props;continue}if(y(a,O)){if(r)throw Error(`TabsLayout.Tab "${t}" содержит более одного блока TabsLayout.Content.`);r=a.props;continue}if(y(a,k)){if(i)throw Error(`TabsLayout.Tab "${t}" содержит более одного блока TabsLayout.Footer.`);i=a.props;continue}throw Error(`TabsLayout.Tab "${t}" поддерживает только дочерние элементы TabsLayout.Toolbar, TabsLayout.Content и TabsLayout.Footer.`)}if(!r)throw Error(`TabsLayout.Tab "${t}" должен содержать блок TabsLayout.Content.`);return{toolbar:n,content:r,footer:i}}function oe(e){return w.Children.toArray(e).map(e=>{if(!y(e,E))throw Error(`TabsLayout принимает только дочерние элементы TabsLayout.Tab.`);return{id:e.props.id,title:e.props.title,disabled:e.props.disabled,...ae(e.props.children,e.props.id)}})}var w,T,E,D,O,k,A,j;function M(){return(M=e((()=>{w=t(r(),1),o(),d(),l(),p(),u(),T=i(),E=`TabsLayout.Tab`,D=`TabsLayout.Toolbar`,O=`TabsLayout.Content`,k=`TabsLayout.Footer`,b.displayName=E,x.displayName=D,S.displayName=O,C.displayName=k,A=({children:e,value:t,defaultValue:n,onValueChange:r,className:i,bordered:o,cleanPanel:s,orientation:c=`horizontal`,activationMode:l=`manual`,mountStrategy:u=`lazy`,loop:d=!0,"aria-label":f,"aria-labelledby":p})=>{let h=(0,w.useMemo)(()=>oe(e),[e]),g=re({items:h,value:t,defaultValue:n,onValueChange:r,orientation:c,activationMode:l,loop:d}),_=a(m.tabsContainer,m[c],o&&m.bordered,s&&m.cleanPanel,i),v=a(m.panels,m.layoutPanels);return(0,T.jsxs)(`div`,{className:_,children:[(0,T.jsx)(ne,{items:h,state:g,className:m.tabs,ariaLabel:f,ariaLabelledBy:p}),(0,T.jsx)(`div`,{className:v,children:h.map(e=>{let t=e.id===g.selectedTabId;if(!te({mountStrategy:u,isSelected:t,isVisited:g.isVisited(e.id)}))return null;let n=`${e.toolbar?`auto `:``}minmax(0, 1fr)${e.footer?` auto`:``}`;return(0,T.jsx)(ee,{tabId:e.id,isSelected:t,className:m.panel,getTabElementId:g.getTabElementId,getPanelElementId:g.getPanelElementId,children:(0,T.jsxs)(`div`,{className:m.layoutPanel,style:{gridTemplateRows:n},children:[e.toolbar?(0,T.jsx)(`div`,{className:a(m.layoutSection,e.toolbar.className),children:e.toolbar.children}):null,(0,T.jsx)(`div`,{className:a(m.layoutSection,m.layoutContent,e.content.className),children:e.content.children}),e.footer?(0,T.jsx)(`div`,{className:a(m.layoutSection,e.footer.className),children:e.footer.children}):null]})},e.id)})})]})},A.displayName=`TabsLayout`,j=Object.assign(A,{Tab:b,Toolbar:x,Content:S,Footer:C}),A.__docgenInfo={description:`Compound-оболочка tabs для составных panel-layout сценариев.
-Сам компонент управляет только переключением и каркасом панели.`,methods:[],displayName:`TabsLayout`,props:{value:{required:!1,tsType:{name:`string`},description:``},defaultValue:{required:!1,tsType:{name:`string`},description:``},onValueChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},orientation:{required:!1,tsType:{name:`union`,raw:`"horizontal" | "vertical"`,elements:[{name:`literal`,value:`"horizontal"`},{name:`literal`,value:`"vertical"`}]},description:``,defaultValue:{value:`"horizontal"`,computed:!1}},activationMode:{required:!1,tsType:{name:`union`,raw:`"automatic" | "manual"`,elements:[{name:`literal`,value:`"automatic"`},{name:`literal`,value:`"manual"`}]},description:``,defaultValue:{value:`"manual"`,computed:!1}},mountStrategy:{required:!1,tsType:{name:`union`,raw:`"unmount" | "lazy" | "keep-mounted"`,elements:[{name:`literal`,value:`"unmount"`},{name:`literal`,value:`"lazy"`},{name:`literal`,value:`"keep-mounted"`}]},description:``,defaultValue:{value:`"lazy"`,computed:!1}},loop:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},cleanPanel:{required:!1,tsType:{name:`boolean`},description:``},bordered:{required:!1,tsType:{name:`boolean`},description:``},className:{required:!1,tsType:{name:`string`},description:``},"aria-label":{required:!1,tsType:{name:`string`},description:``},"aria-labelledby":{required:!1,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``}}}})))()}var N=n({BoxBasic:()=>U,BoxControlled:()=>W,BoxMountStrategies:()=>K,BoxVertical:()=>G,DisabledTabs:()=>q,Empty:()=>Z,LayoutPanels:()=>J,LegacyTabs:()=>Y,Loading:()=>X,__namedExportsOrder:()=>Q,default:()=>H});function P({label:e}){let[t,n]=(0,F.useState)(0);return(0,I.jsxs)(`div`,{style:L,children:[(0,I.jsxs)(`div`,{children:[`Панель: `,e]}),(0,I.jsxs)(`div`,{children:[`Локальный счётчик: `,t]}),(0,I.jsx)(`button`,{type:`button`,onClick:()=>n(e=>e+1),children:`Увеличить`})]})}function se(){let[e,t]=(0,F.useState)(`details`);return(0,I.jsx)(`div`,{style:{height:360},children:(0,I.jsxs)(j,{value:e,onValueChange:t,bordered:!0,"aria-label":`Составные панели документа`,children:[(0,I.jsxs)(j.Tab,{id:`details`,title:`Детали`,children:[(0,I.jsx)(j.Toolbar,{children:(0,I.jsx)(`div`,{className:`surface0 border radiusSm paddingSm`,children:`Панель инструментов вне scroll-области.`})}),(0,I.jsx)(j.Content,{children:(0,I.jsxs)(`div`,{style:{display:`grid`,gridTemplateColumns:`1fr 1fr`,gap:12,height:`100%`},children:[(0,I.jsx)(c,{className:`surface0 border radiusSm paddingSm h100`,children:V.map(e=>(0,I.jsxs)(`div`,{className:`paddingBlockXs`,children:[`Левая колонка: `,e]},`left-${e}`))}),(0,I.jsx)(c,{className:`surface0 border radiusSm paddingSm h100`,children:V.map(e=>(0,I.jsxs)(`div`,{className:`paddingBlockXs`,children:[`Правая колонка: `,e]},`right-${e}`))})]})}),(0,I.jsx)(j.Footer,{children:(0,I.jsx)(`div`,{className:`surface0 border radiusSm paddingSm`,children:`Футер тоже исключён из scroll-контента.`})})]}),(0,I.jsx)(j.Tab,{id:`history`,title:`История`,children:(0,I.jsx)(j.Content,{children:(0,I.jsx)(c,{className:`surface0 border radiusSm paddingSm h100`,children:V.map(e=>(0,I.jsxs)(`div`,{className:`paddingBlockXs`,children:[`История изменения: `,e]},`history-${e}`))})})})]})})}var F,I,L,R,z,B,V,H,U,W,G,K,q,J,Y,X,Z,Q;function $(){return($=e((()=>{F=r(),v(),f(),M(),s(),I=i(),L={padding:16,display:`grid`,gap:12},R=[{id:`profile`,title:`Профиль`,content:(0,I.jsx)(`div`,{style:L,children:`Карточка пользователя и основные поля профиля.`})},{id:`settings`,title:`Настройки`,content:(0,I.jsx)(`div`,{style:L,children:`Параметры интерфейса, уведомлений и доступа.`})},{id:`history`,title:`История`,content:(0,I.jsx)(`div`,{style:L,children:`Последние действия, комментарии и изменения.`})}],z=[{id:`first`,title:`Первая`,content:(0,I.jsx)(P,{label:`Первая`})},{id:`second`,title:`Вторая`,content:(0,I.jsx)(P,{label:`Вторая`})},{id:`third`,title:`Третья`,content:(0,I.jsx)(P,{label:`Третья`})}],B=[{id:`overview`,title:`Обзор`,content:(0,I.jsx)(`div`,{style:L,children:`Раздел доступен сразу.`})},{id:`analytics`,title:`Аналитика`,disabled:!0,content:(0,I.jsx)(`div`,{style:L,children:`Пока недоступно.`})},{id:`history`,title:`История`,content:(0,I.jsx)(`div`,{style:L,children:`История изменений и действий.`})}],V=Array.from({length:12},(e,t)=>`Элемент ${t+1}`),H={title:`Shared/UI/Tabs`,component:h,args:{items:R,orientation:`horizontal`,activationMode:`automatic`,mountStrategy:`unmount`,isLoading:!1,loadingText:`Загрузка вкладок...`,bordered:!1,loop:!0},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{items:{description:"Набор вкладок для `TabsBox`. Каждая вкладка задаётся через `id`, `title`, `content` и опциональный `disabled`.",control:!1},value:{description:`Активная вкладка в controlled-режиме.`,control:`text`},defaultValue:{description:`Начальная вкладка в uncontrolled-режиме.`,control:`text`},onValueChange:{description:`Вызывается при смене активной вкладки.`,control:!1},orientation:{description:`Направление списка вкладок.`,control:`inline-radio`,options:[`horizontal`,`vertical`]},activationMode:{description:"Режим клавиатурной активации: `automatic` меняет вкладку стрелками, `manual` только переводит фокус.",control:`inline-radio`,options:[`automatic`,`manual`]},mountStrategy:{description:"Политика монтирования панелей: `unmount`, `lazy` или `keep-mounted`.",control:`inline-radio`,options:[`unmount`,`lazy`,`keep-mounted`]},bordered:{description:`Добавляет рамку вокруг области панелей.`,control:`boolean`},loop:{description:`Разрешает циклическую навигацию стрелками и Home/End.`,control:`boolean`},className:{description:`Дополнительный CSS-класс корневого контейнера.`,control:`text`},isLoading:{description:"Показывает loading-состояние `TabsBox`.",control:`boolean`},loadingText:{description:`Текст внутри loading-состояния.`,control:`text`},"aria-label":{description:"Текстовая подпись для `tablist`, если рядом нет видимого заголовка.",control:`text`},"aria-labelledby":{description:"Ссылка на внешний заголовок `tablist`.",control:`text`}}},U={args:{"aria-label":`Основные разделы профиля`}},W={render:e=>{let[t,n]=(0,F.useState)(`settings`);return(0,I.jsx)(h,{...e,value:t,onValueChange:n})},args:{value:`settings`,"aria-label":`Управляемые вкладки`}},G={render:e=>(0,I.jsx)(`div`,{style:{height:320},children:(0,I.jsx)(h,{...e})}),args:{orientation:`vertical`,bordered:!0,"aria-label":`Вертикальные вкладки`}},K={render:e=>(0,I.jsx)(h,{...e,items:z}),args:{mountStrategy:`lazy`,"aria-label":`Демонстрация стратегий монтирования`}},q={args:{items:B,"aria-label":`Вкладки с недоступным разделом`}},J={render:()=>(0,I.jsx)(se,{})},Y={render:e=>(0,I.jsx)(g,{...e,items:R,"aria-label":`Устаревший совместимый API`}),parameters:{docs:{description:{story:"Совместимый фасад поверх `TabsBox`. Новый функционал добавляется только в `TabsBox` и `TabsLayout`."}}}},X={args:{isLoading:!0,items:R}},Z={args:{items:[]}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
-  args: {
-    "aria-label": "Основные разделы профиля"
-  }
-}`,...U.parameters?.docs?.source}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState("settings");
-    return <TabsBox {...args} value={value} onValueChange={setValue} />;
-  },
-  args: {
-    value: "settings",
-    "aria-label": "Управляемые вкладки"
-  }
-}`,...W.parameters?.docs?.source}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
-  render: args => <div style={{
-    height: 320
-  }}>
-            <TabsBox {...args} />
-        </div>,
-  args: {
-    orientation: "vertical",
-    bordered: true,
-    "aria-label": "Вертикальные вкладки"
-  }
-}`,...G.parameters?.docs?.source}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
-  render: args => <TabsBox {...args} items={lifecycleItems} />,
-  args: {
-    mountStrategy: "lazy",
-    "aria-label": "Демонстрация стратегий монтирования"
-  }
-}`,...K.parameters?.docs?.source}}},q.parameters={...q.parameters,docs:{...q.parameters?.docs,source:{originalSource:`{
-  args: {
-    items: disabledItems,
-    "aria-label": "Вкладки с недоступным разделом"
-  }
-}`,...q.parameters?.docs?.source}}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
-  render: () => <LayoutStory />
-}`,...J.parameters?.docs?.source}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`{
-  render: args => <Tabs {...args} items={demoItems} aria-label="Устаревший совместимый API" />,
-  parameters: {
-    docs: {
-      description: {
-        story: "Совместимый фасад поверх \`TabsBox\`. Новый функционал добавляется только в \`TabsBox\` и \`TabsLayout\`."
-      }
-    }
-  }
-}`,...Y.parameters?.docs?.source}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{
-  args: {
-    isLoading: true,
-    items: demoItems
-  }
-}`,...X.parameters?.docs?.source}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
-  args: {
-    items: []
-  }
-}`,...Z.parameters?.docs?.source}}},Q=[`BoxBasic`,`BoxControlled`,`BoxVertical`,`BoxMountStrategies`,`DisabledTabs`,`LayoutPanels`,`LegacyTabs`,`Loading`,`Empty`]})))()}export{q as a,Y as c,$ as d,G as i,X as l,W as n,Z as o,K as r,J as s,U as t,N as u};

package/storybook-static/assets/TagInput.stories-Cbk6A71f.js

@@ -1,12 +0,0 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-DBSrNt2a.js";import{n as r,t as i}from"./TagInput-CIsnKs98.js";var a,o,s,c,l,u;function d(){return(d=e((()=>{a=t(),r(),o=n(),s={title:`Shared/UI/TagInput`,component:i,args:{value:[],onChange:()=>void 0},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Controlled-набор добавленных тегов.`,control:!1},onChange:{description:`Возвращает новый набор после добавления или удаления тега.`,control:!1},maxTags:{description:`Максимальное количество тегов.`,control:`number`},readOnly:{description:`Показывает набор без действий изменения.`,control:`boolean`},normalizeTag:{control:!1},getTagKey:{control:!1},getRemoveButtonAriaLabel:{control:!1}}},c={render:e=>{let[t,n]=(0,a.useState)([`Новости`,`Колледж`]);return(0,o.jsx)(i,{...e,label:`Теги материала`,description:`Введите значение и нажмите Enter или запятую. Можно вставить сразу несколько строк.`,placeholder:`Добавить тег`,value:t,onChange:n,maxTags:10,getTagKey:e=>e.toLocaleLowerCase(`ru`)})}},l={args:{label:`Теги материала`,value:[`Новости`,`Колледж`],readOnly:!0}},c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<readonly string[]>(["Новости", "Колледж"]);
-    return <TagInput {...args} label="Теги материала" description="Введите значение и нажмите Enter или запятую. Можно вставить сразу несколько строк." placeholder="Добавить тег" value={value} onChange={setValue} maxTags={10} getTagKey={tag => tag.toLocaleLowerCase("ru")} />;
-  }
-}`,...c.parameters?.docs?.source}}},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
-  args: {
-    label: "Теги материала",
-    value: ["Новости", "Колледж"],
-    readOnly: true
-  }
-}`,...l.parameters?.docs?.source}}},u=[`Controlled`,`ReadOnly`]})))()}d();export{c as Controlled,l as ReadOnly,u as __namedExportsOrder,s as default};