@ryuzaki13/react-foundation-ui 3.8.0 → 3.8.1

package/storybook-static/assets/{Modal.stories-Cwmx-hgp.js → Modal.stories-COopXi-m.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-DmEkruYl.js";import{n as i,t as a}from"./Button-B9K2X1Qh.js";import{a as o,i as s,n as c,r as l,t as u}from"./Modal-soD4yzlp.js";import{n as d,t as f}from"./ModalManagerProvider-BF08D_uQ.js";import{l as p,t as m}from"./Input-CvT5iV9z.js";var h=t({Controlled:()=>w,ScrollableContent:()=>E,Sizes:()=>D,StackedModals:()=>O,WithToolbarAndFooter:()=>T,__namedExportsOrder:()=>k,default:()=>C});function g({children:e}){return(0,b.jsx)(`div`,{style:{minHeight:`60dvh`,padding:24,display:`flex`,alignItems:`center`,justifyContent:`center`},children:e})}function _(){let[e,t]=(0,y.useState)(`Алексей`),[n,r]=(0,y.useState)(`Департамент автоматизации бизнеса`);return(0,b.jsxs)(`div`,{style:{display:`grid`,gap:16},children:[(0,b.jsx)(m,{label:`Имя`,value:e,onChange:t,placeholder:`Введите имя`}),(0,b.jsx)(m,{label:`Подразделение`,value:n,onChange:r,placeholder:`Введите подразделение`}),(0,b.jsxs)(`div`,{style:{padding:12,borderRadius:8,background:`var(--surface-1)`,border:`1px solid var(--border-1)`},children:[`Текущие значения: `,e||`не указано`,`, `,n||`не указано`]})]})}function v(){let[e,t]=x();return{args:e,updateArgs:t,close:()=>{e.onClose(),t({isOpen:!1})}}}var y,b,x,S,C,w,T,E,D,O,k;function A(){return(A=e((()=>{y=n(),i(),p(),o(),d(),b=r(),{useArgs:x}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:S}=__STORYBOOK_MODULE_TEST__,C={title:`UI/Modal`,component:u,parameters:{atomicCanvas:!0,layout:`fullscreen`,docs:{description:{component:"Композиционная модалка с `Toolbar`, `Content` и `Footer`, поддержкой focus trap, возврата фокуса, закрытия по `Escape` и менеджером стека через `ModalManagerProvider`."}}},decorators:[e=>(0,b.jsx)(f,{children:(0,b.jsx)(g,{children:e()})})],args:{isOpen:!1,title:`Редактирование профиля`,size:`md`,height:void 0,onClose:S(),children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(c,{children:(0,b.jsx)(_,{})}),(0,b.jsxs)(l,{children:[(0,b.jsx)(a,{variant:`transparent`,children:`Отмена`}),(0,b.jsx)(a,{children:`Сохранить`})]})]})},argTypes:{isOpen:{description:`Управляет видимостью модального окна.`,control:`boolean`},title:{description:`Заголовок модального окна.`,control:`text`},size:{description:`Предустановленный размер модального окна.`,control:`inline-radio`,options:[`sm`,`md`,`lg`,`xl`,`xxl`,`inside`]},height:{description:`Явная высота модалки выше мобильного breakpoint. На мобильном модалка всегда занимает весь экран.`,control:`text`},onClose:{description:"Вызывается при закрытии по кнопке, `Escape` или пользовательскому действию.",control:!1},children:{description:"Композиция из `ModalToolbar`, `ModalContent`, `ModalFooter`.",control:!1}}},w={name:`Управляемая модалка`,render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>n({isOpen:!0}),children:`Открыть модалку`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(c,{children:(0,b.jsx)(_,{})}),(0,b.jsxs)(l,{children:[(0,b.jsx)(a,{variant:`transparent`,onClick:t,children:`Отмена`}),(0,b.jsx)(a,{onClick:t,children:`Сохранить`})]})]})]})}},T={name:`Полная композиция`,args:{title:`Редактирование профиля`,height:`min(34rem, 70dvh)`},render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>n({isOpen:!0}),children:`Открыть сценарий редактирования`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(s,{children:(0,b.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:12,padding:12,borderRadius:8,background:`var(--surface-1)`,border:`1px solid var(--border-1)`},children:[(0,b.jsxs)(`div`,{children:[(0,b.jsx)(`div`,{style:{fontWeight:600},children:`Черновик обновлён автоматически`}),(0,b.jsx)(`div`,{style:{opacity:.72},children:`Последнее сохранение: 2 минуты назад`})]}),(0,b.jsx)(a,{variant:`transparent`,children:`Сбросить`})]})}),(0,b.jsx)(c,{children:(0,b.jsx)(_,{})}),(0,b.jsxs)(l,{children:[(0,b.jsx)(a,{variant:`transparent`,onClick:t,children:`Отмена`}),(0,b.jsx)(a,{variant:`success`,onClick:t,children:`Применить`})]})]})]})}},E={name:`Длинный контент`,args:{size:`lg`,title:`Журнал изменений`},render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>n({isOpen:!0}),children:`Открыть длинный контент`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(c,{scrollable:!0,children:(0,b.jsx)(`div`,{style:{display:`grid`,gap:12},children:Array.from({length:18},(e,t)=>(0,b.jsxs)(`div`,{style:{padding:12,borderRadius:8,border:`1px solid var(--border-1)`,background:`var(--surface-1)`},children:[(0,b.jsxs)(`div`,{style:{fontWeight:600},children:[`Событие #`,t+1]}),(0,b.jsx)(`div`,{style:{opacity:.72},children:`Пользователь обновил настройки карточки, изменил состав полей и подтвердил сохранение конфигурации.`})]},t))})}),(0,b.jsx)(l,{children:(0,b.jsx)(a,{onClick:t,children:`Закрыть`})})]})]})}},D={name:`Размеры`,args:{size:`sm`,title:`Размер SM`},render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:12,justifyContent:`center`},children:[`sm`,`md`,`lg`,`xl`,`xxl`,`inside`].map(e=>(0,b.jsx)(a,{variant:`transparent`,onClick:()=>n({isOpen:!0,size:e,title:`Размер ${e.toUpperCase()}`}),children:e.toUpperCase()},e))}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(c,{children:(0,b.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,b.jsx)(`div`,{children:`Этот сценарий помогает быстро сравнить ширину и поведение модалки для разных размеров.`}),(0,b.jsx)(`div`,{style:{opacity:.72},children:"Проверьте отступы, читабельность и поведение при `Escape`."})]})}),(0,b.jsx)(l,{children:(0,b.jsx)(a,{onClick:t,children:`Понятно`})})]})]})}},O={name:`Стек модалок`,args:{size:`lg`,title:`Первая модалка`},render:function(){let{args:e,updateArgs:t}=v(),[n,r]=(0,y.useState)(!1),i=()=>{r(!1),e.onClose(),t({isOpen:!1})};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>t({isOpen:!0}),children:`Открыть первую модалку`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:i,children:[(0,b.jsx)(c,{children:(0,b.jsxs)(`div`,{style:{display:`grid`,gap:16},children:[(0,b.jsx)(`div`,{children:"Откройте вторую модалку и проверьте, что `Escape` закрывает только верхний слой."}),(0,b.jsx)(a,{variant:`transparent`,onClick:()=>r(!0),children:`Открыть вторую модалку`})]})}),(0,b.jsx)(l,{children:(0,b.jsx)(a,{variant:`transparent`,onClick:i,children:`Закрыть первую`})})]}),(0,b.jsxs)(u,{isOpen:n,onClose:()=>r(!1),size:`sm`,title:`Вторая модалка`,children:[(0,b.jsx)(c,{children:(0,b.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,b.jsx)(`div`,{children:`Эта модалка должна считаться верхней в стеке.`}),(0,b.jsx)(m,{label:`Короткое поле`,value:`Фокус внутри`,onChange:()=>{}})]})}),(0,b.jsx)(l,{children:(0,b.jsx)(a,{onClick:()=>r(!1),children:`Закрыть вторую`})})]})]})}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe--CGTMt9T.js";import{n as i,t as a}from"./Button-CiBLpfB4.js";import{a as o,i as s,n as c,r as l,t as u}from"./Modal-BmtPDyvC.js";import{n as d,t as f}from"./ModalManagerProvider-Dwy_KGoK.js";import{l as p,t as m}from"./Input-DKfVkFor.js";var h=t({Controlled:()=>w,ScrollableContent:()=>E,Sizes:()=>D,StackedModals:()=>O,WithToolbarAndFooter:()=>T,__namedExportsOrder:()=>k,default:()=>C});function g({children:e}){return(0,b.jsx)(`div`,{style:{minHeight:`60dvh`,padding:24,display:`flex`,alignItems:`center`,justifyContent:`center`},children:e})}function _(){let[e,t]=(0,y.useState)(`Алексей`),[n,r]=(0,y.useState)(`Департамент автоматизации бизнеса`);return(0,b.jsxs)(`div`,{style:{display:`grid`,gap:16},children:[(0,b.jsx)(m,{label:`Имя`,value:e,onChange:t,placeholder:`Введите имя`}),(0,b.jsx)(m,{label:`Подразделение`,value:n,onChange:r,placeholder:`Введите подразделение`}),(0,b.jsxs)(`div`,{style:{padding:12,borderRadius:8,background:`var(--surface-1)`,border:`1px solid var(--border-1)`},children:[`Текущие значения: `,e||`не указано`,`, `,n||`не указано`]})]})}function v(){let[e,t]=x();return{args:e,updateArgs:t,close:()=>{e.onClose(),t({isOpen:!1})}}}var y,b,x,S,C,w,T,E,D,O,k;function A(){return(A=e((()=>{y=n(),i(),p(),o(),d(),b=r(),{useArgs:x}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:S}=__STORYBOOK_MODULE_TEST__,C={title:`UI/Modal`,component:u,parameters:{atomicCanvas:!0,layout:`fullscreen`,docs:{description:{component:"Композиционная модалка с `Toolbar`, `Content` и `Footer`, поддержкой focus trap, возврата фокуса, закрытия по `Escape` и менеджером стека через `ModalManagerProvider`."}}},decorators:[e=>(0,b.jsx)(f,{children:(0,b.jsx)(g,{children:e()})})],args:{isOpen:!1,title:`Редактирование профиля`,size:`md`,height:void 0,onClose:S(),children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(c,{children:(0,b.jsx)(_,{})}),(0,b.jsxs)(l,{children:[(0,b.jsx)(a,{variant:`transparent`,children:`Отмена`}),(0,b.jsx)(a,{children:`Сохранить`})]})]})},argTypes:{isOpen:{description:`Управляет видимостью модального окна.`,control:`boolean`},title:{description:`Заголовок модального окна.`,control:`text`},size:{description:`Предустановленный размер модального окна.`,control:`inline-radio`,options:[`sm`,`md`,`lg`,`xl`,`xxl`,`inside`]},height:{description:`Явная высота модалки выше мобильного breakpoint. На мобильном модалка всегда занимает весь экран.`,control:`text`},onClose:{description:"Вызывается при закрытии по кнопке, `Escape` или пользовательскому действию.",control:!1},children:{description:"Композиция из `ModalToolbar`, `ModalContent`, `ModalFooter`.",control:!1}}},w={name:`Управляемая модалка`,render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>n({isOpen:!0}),children:`Открыть модалку`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(c,{children:(0,b.jsx)(_,{})}),(0,b.jsxs)(l,{children:[(0,b.jsx)(a,{variant:`transparent`,onClick:t,children:`Отмена`}),(0,b.jsx)(a,{onClick:t,children:`Сохранить`})]})]})]})}},T={name:`Полная композиция`,args:{title:`Редактирование профиля`,height:`min(34rem, 70dvh)`},render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>n({isOpen:!0}),children:`Открыть сценарий редактирования`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(s,{children:(0,b.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:12,padding:12,borderRadius:8,background:`var(--surface-1)`,border:`1px solid var(--border-1)`},children:[(0,b.jsxs)(`div`,{children:[(0,b.jsx)(`div`,{style:{fontWeight:600},children:`Черновик обновлён автоматически`}),(0,b.jsx)(`div`,{style:{opacity:.72},children:`Последнее сохранение: 2 минуты назад`})]}),(0,b.jsx)(a,{variant:`transparent`,children:`Сбросить`})]})}),(0,b.jsx)(c,{children:(0,b.jsx)(_,{})}),(0,b.jsxs)(l,{children:[(0,b.jsx)(a,{variant:`transparent`,onClick:t,children:`Отмена`}),(0,b.jsx)(a,{variant:`success`,onClick:t,children:`Применить`})]})]})]})}},E={name:`Длинный контент`,args:{size:`lg`,title:`Журнал изменений`},render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>n({isOpen:!0}),children:`Открыть длинный контент`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(c,{scrollable:!0,children:(0,b.jsx)(`div`,{style:{display:`grid`,gap:12},children:Array.from({length:18},(e,t)=>(0,b.jsxs)(`div`,{style:{padding:12,borderRadius:8,border:`1px solid var(--border-1)`,background:`var(--surface-1)`},children:[(0,b.jsxs)(`div`,{style:{fontWeight:600},children:[`Событие #`,t+1]}),(0,b.jsx)(`div`,{style:{opacity:.72},children:`Пользователь обновил настройки карточки, изменил состав полей и подтвердил сохранение конфигурации.`})]},t))})}),(0,b.jsx)(l,{children:(0,b.jsx)(a,{onClick:t,children:`Закрыть`})})]})]})}},D={name:`Размеры`,args:{size:`sm`,title:`Размер SM`},render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:12,justifyContent:`center`},children:[`sm`,`md`,`lg`,`xl`,`xxl`,`inside`].map(e=>(0,b.jsx)(a,{variant:`transparent`,onClick:()=>n({isOpen:!0,size:e,title:`Размер ${e.toUpperCase()}`}),children:e.toUpperCase()},e))}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(c,{children:(0,b.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,b.jsx)(`div`,{children:`Этот сценарий помогает быстро сравнить ширину и поведение модалки для разных размеров.`}),(0,b.jsx)(`div`,{style:{opacity:.72},children:"Проверьте отступы, читабельность и поведение при `Escape`."})]})}),(0,b.jsx)(l,{children:(0,b.jsx)(a,{onClick:t,children:`Понятно`})})]})]})}},O={name:`Стек модалок`,args:{size:`lg`,title:`Первая модалка`},render:function(){let{args:e,updateArgs:t}=v(),[n,r]=(0,y.useState)(!1),i=()=>{r(!1),e.onClose(),t({isOpen:!1})};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>t({isOpen:!0}),children:`Открыть первую модалку`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:i,children:[(0,b.jsx)(c,{children:(0,b.jsxs)(`div`,{style:{display:`grid`,gap:16},children:[(0,b.jsx)(`div`,{children:"Откройте вторую модалку и проверьте, что `Escape` закрывает только верхний слой."}),(0,b.jsx)(a,{variant:`transparent`,onClick:()=>r(!0),children:`Открыть вторую модалку`})]})}),(0,b.jsx)(l,{children:(0,b.jsx)(a,{variant:`transparent`,onClick:i,children:`Закрыть первую`})})]}),(0,b.jsxs)(u,{isOpen:n,onClose:()=>r(!1),size:`sm`,title:`Вторая модалка`,children:[(0,b.jsx)(c,{children:(0,b.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,b.jsx)(`div`,{children:`Эта модалка должна считаться верхней в стеке.`}),(0,b.jsx)(m,{label:`Короткое поле`,value:`Фокус внутри`,onChange:()=>{}})]})}),(0,b.jsx)(l,{children:(0,b.jsx)(a,{onClick:()=>r(!1),children:`Закрыть вторую`})})]})]})}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
   name: "Управляемая модалка",
   render: function Render() {
     const {

package/storybook-static/assets/{ModalManagerProvider-BF08D_uQ.js → ModalManagerProvider-Dwy_KGoK.js}

@@ -1 +1 @@
-import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-DmEkruYl.js";import{o as i,s as a}from"./Modal-soD4yzlp.js";function o({children:e,compensateScrollbar:t=!1}){let[n,r]=(0,s.useState)([]),a=(0,s.useRef)(0),o=(0,s.useRef)(0),l=(0,s.useRef)(``),u=(0,s.useRef)(!1),d=(0,s.useCallback)(e=>{r(t=>[...t,e])},[]),f=(0,s.useCallback)(e=>{r(t=>t.filter(t=>t!==e))},[]),p=(0,s.useCallback)(e=>n[n.length-1]===e,[n]);return(0,s.useEffect)(()=>{let e=a.current===0;if(e&&n.length>0){let e=window.scrollY,r=document.querySelector(`#app-root`);o.current=Math.max(0,window.innerWidth-document.documentElement.clientWidth),l.current=document.body.style.paddingRight,document.body.style.position=`fixed`,document.body.style.top=`-${e}px`,document.body.style.width=`100%`,t&&(document.body.style.paddingRight=`${o.current}px`,u.current=!0),r?.setAttribute(`inert`,`true`),a.current=n.length;return}if(!e&&n.length>0&&t!==u.current&&(document.body.style.paddingRight=t?`${o.current}px`:l.current,u.current=t),!e&&n.length===0){let e=document.querySelector(`#app-root`),t=parseInt(document.body.style.top||`0`)*-1;document.body.style.position=``,document.body.style.top=``,document.body.style.width=``,u.current&&=(document.body.style.paddingRight=l.current,!1),e?.removeAttribute(`inert`),window.scrollTo({top:t,left:0,behavior:`instant`})}a.current=n.length},[t,n.length]),(0,c.jsx)(i.Provider,{value:{modals:n,openModal:d,closeModal:f,isTopModal:p},children:e})}var s,c;function l(){return(l=t((()=>{s=e(n(),1),a(),c=r(),o.__docgenInfo={description:`Провайдер для централизованного управления стеком модальных окон. Дает вложенным компонентам доступ к открытию и закрытию модалок через контекст.`,methods:[],displayName:`ModalManagerProvider`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},compensateScrollbar:{required:!1,tsType:{name:`boolean`},description:`Компенсирует исчезновение скроллбара правым padding у body.`,defaultValue:{value:`false`,computed:!1}}}}})))()}export{l as n,o as t};
+import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe--CGTMt9T.js";import{o as i,s as a}from"./Modal-BmtPDyvC.js";function o({children:e,compensateScrollbar:t=!1}){let[n,r]=(0,s.useState)([]),a=(0,s.useRef)(0),o=(0,s.useRef)(0),l=(0,s.useRef)(``),u=(0,s.useRef)(!1),d=(0,s.useCallback)(e=>{r(t=>[...t,e])},[]),f=(0,s.useCallback)(e=>{r(t=>t.filter(t=>t!==e))},[]),p=(0,s.useCallback)(e=>n[n.length-1]===e,[n]);return(0,s.useEffect)(()=>{let e=a.current===0;if(e&&n.length>0){let e=window.scrollY,r=document.querySelector(`#app-root`);o.current=Math.max(0,window.innerWidth-document.documentElement.clientWidth),l.current=document.body.style.paddingRight,document.body.style.position=`fixed`,document.body.style.top=`-${e}px`,document.body.style.width=`100%`,t&&(document.body.style.paddingRight=`${o.current}px`,u.current=!0),r?.setAttribute(`inert`,`true`),a.current=n.length;return}if(!e&&n.length>0&&t!==u.current&&(document.body.style.paddingRight=t?`${o.current}px`:l.current,u.current=t),!e&&n.length===0){let e=document.querySelector(`#app-root`),t=parseInt(document.body.style.top||`0`)*-1;document.body.style.position=``,document.body.style.top=``,document.body.style.width=``,u.current&&=(document.body.style.paddingRight=l.current,!1),e?.removeAttribute(`inert`),window.scrollTo({top:t,left:0,behavior:`instant`})}a.current=n.length},[t,n.length]),(0,c.jsx)(i.Provider,{value:{modals:n,openModal:d,closeModal:f,isTopModal:p},children:e})}var s,c;function l(){return(l=t((()=>{s=e(n(),1),a(),c=r(),o.__docgenInfo={description:`Провайдер для централизованного управления стеком модальных окон. Дает вложенным компонентам доступ к открытию и закрытию модалок через контекст.`,methods:[],displayName:`ModalManagerProvider`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},compensateScrollbar:{required:!1,tsType:{name:`boolean`},description:`Компенсирует исчезновение скроллбара правым padding у body.`,defaultValue:{value:`false`,computed:!1}}}}})))()}export{l as n,o as t};

package/storybook-static/assets/MultiSelect-D8OZAHlg.js

@@ -0,0 +1 @@
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{n,t as r}from"./MultiSelectCore-Ds4jXHOk.js";function i(e){return(0,a.jsx)(r,{...e})}var a;function o(){return(o=e((()=>{n(),a=t(),i.__docgenInfo={description:`Множественный выбор для произвольной типизированной коллекции опций.`,methods:[],displayName:`MultiSelect`}})))()}export{o as n,i as t};

package/storybook-static/assets/{OptionMultiSelect-BtULWPnH.js → MultiSelect-D9E5MjIr.js}

@@ -1,14 +1,14 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-k8_NQe3D.js";import{a as p,i as m,n as h,r as g,t as _}from"./OptionMultiSelect.stories-oNE7yvAx.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
-`,(0,b.jsx)(u,{children:`OptionMultiSelect`}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-za-wOwFF.js";import{a as p,i as m,n as h,r as g,t as _}from"./MultiSelect.stories-BNy8uqkv.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
+`,(0,b.jsx)(u,{children:`MultiSelect`}),`
 `,(0,b.jsx)(o,{children:`Типобезопасный getter-based мультиселект для произвольных option`}),`
-`,(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`OptionMultiSelect<TOption>`}),` сохраняет исходный тип option на всём пути от `,(0,b.jsx)(t.code,{children:`options`}),` и `,(0,b.jsx)(t.code,{children:`value`}),` до `,(0,b.jsx)(t.code,{children:`onChange`}),`.
+`,(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`MultiSelect<TOption>`}),` сохраняет исходный тип option на всём пути от `,(0,b.jsx)(t.code,{children:`options`}),` и `,(0,b.jsx)(t.code,{children:`value`}),` до `,(0,b.jsx)(t.code,{children:`onChange`}),`.
 Компонент не требует `,(0,b.jsx)(t.code,{children:`CollectionItem`}),` и независимо получает identity, основной текст, отображаемый код, группу и поисковое представление.`]}),`
 `,(0,b.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
 `,(0,b.jsx)(f,{}),`
 `,(0,b.jsx)(i,{of:g}),`
 `,(0,b.jsx)(t.pre,{children:(0,b.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
 
-import { OptionMultiSelect } from "@ryuzaki13/react-foundation-ui/multi-select";
+import { MultiSelect } from "@ryuzaki13/react-foundation-ui/multi-select";
 
 type DepartmentOption = {
 	id: string;
@@ -25,7 +25,7 @@ export function Example() {
 	const [value, setValue] = useState<DepartmentOption[]>([]);
 
 	return (
-		<OptionMultiSelect
+		<MultiSelect
 			label="Подразделения"
 			options={options}
 			value={value}
@@ -59,8 +59,8 @@ export function Example() {
 `,(0,b.jsxs)(t.p,{children:[`Option «Все подразделения» взаимоисключается с частным выбором через draft-aware `,(0,b.jsx)(t.code,{children:`getOptionDisabled`}),`.
 `,(0,b.jsx)(t.code,{children:`getOptionSearchText`}),` добавляет невидимые поисковые синонимы: например, запрос `,(0,b.jsx)(t.code,{children:`СПО`}),` находит оба учебных отделения.`]}),`
 `,(0,b.jsx)(d,{of:_}),`
-`,(0,b.jsx)(t.h2,{id:`миграция-с-multiselect`,children:`Миграция с MultiSelect`}),`
-`,(0,b.jsxs)(t.p,{children:[`Существующий `,(0,b.jsx)(t.code,{children:`MultiSelect`}),` остаётся совместимым API для `,(0,b.jsx)(t.code,{children:`CollectionItem`}),` и OData-сценариев. Для нового типизированного consumer замените:`]}),`
+`,(0,b.jsx)(t.h2,{id:`миграция-с-deprecatedmultiselect`,children:`Миграция с DeprecatedMultiSelect`}),`
+`,(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`DeprecatedMultiSelect`}),` сохраняет `,(0,b.jsx)(t.code,{children:`CollectionItem`}),` и OData-ориентированный `,(0,b.jsx)(t.code,{children:`codeKey`}),`/`,(0,b.jsx)(t.code,{children:`textKey`}),` API. Для перехода на канонический `,(0,b.jsx)(t.code,{children:`MultiSelect`}),` замените:`]}),`
 `,(0,b.jsxs)(t.ul,{children:[`
 `,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`items`}),` на `,(0,b.jsx)(t.code,{children:`options`}),`;`]}),`
 `,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`codeKey`}),` на `,(0,b.jsx)(t.code,{children:`getOptionKey`}),`;`]}),`
@@ -68,7 +68,8 @@ export function Example() {
 `,(0,b.jsxs)(t.li,{children:[`использование identity как видимого code на отдельный `,(0,b.jsx)(t.code,{children:`getOptionCode`}),`;`]}),`
 `,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`renderItem`}),`, если он только вычислял text/code, на `,(0,b.jsx)(t.code,{children:`getOptionLabel`}),` и `,(0,b.jsx)(t.code,{children:`getOptionCode`}),`; сложную структурированную пару можно вернуть через `,(0,b.jsx)(t.code,{children:`renderOption`}),`.`]}),`
 `]}),`
-`,(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`onChange`}),` после миграции получает `,(0,b.jsx)(t.code,{children:`TOption[]`}),`, поэтому адаптер к `,(0,b.jsx)(t.code,{children:`CollectionItem`}),` больше не нужен. Миграция не требуется для `,(0,b.jsx)(t.code,{children:`ODataMultiSelect`}),`: он продолжает использовать совместимый контракт `,(0,b.jsx)(t.code,{children:`codeKey`}),`/`,(0,b.jsx)(t.code,{children:`textKey`}),`.`]}),`
+`,(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`onChange`}),` после миграции получает `,(0,b.jsx)(t.code,{children:`TOption[]`}),`, поэтому адаптер к `,(0,b.jsx)(t.code,{children:`CollectionItem`}),` больше не нужен. `,(0,b.jsx)(t.code,{children:`ODataMultiSelect`}),` продолжает использовать `,(0,b.jsx)(t.code,{children:`DeprecatedMultiSelect`}),` внутри пакета.`]}),`
+`,(0,b.jsxs)(t.p,{children:[`Старый контракт с `,(0,b.jsx)(t.code,{children:`codeKey`}),`/`,(0,b.jsx)(t.code,{children:`items`}),` доступен через `,(0,b.jsx)(t.code,{children:`DeprecatedMultiSelect`}),`; новый код должен использовать selector API `,(0,b.jsx)(t.code,{children:`MultiSelect`}),`.`]}),`
 `,(0,b.jsx)(t.h2,{id:`api`,children:`API`}),`
 `,(0,b.jsx)(l,{of:m}),`
 `,(0,b.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`

package/storybook-static/assets/MultiSelect.stories-BNy8uqkv.js

@@ -0,0 +1,64 @@
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe--CGTMt9T.js";import{n as r,t as i}from"./MultiSelect-D8OZAHlg.js";var a=t({ContextualDisabledAndSearch:()=>p,GroupedSelectedFirst:()=>f,IndependentIdentity:()=>d,__namedExportsOrder:()=>m,default:()=>u}),o,s,c,l,u,d,f,p,m;function h(){return(h=e((()=>{r(),o=n(),{useArgs:s}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:c}=__STORYBOOK_MODULE_TEST__,l=[{id:`all-departments`,name:`Все подразделения`,code:`*`,direction:`Общий выбор`,searchAliases:[`вся организация`]},{id:`education:north`,name:`Учебное отделение «Север»`,code:`УО-01`,direction:`Учебные подразделения`,searchAliases:[`СПО`,`северный корпус`]},{id:`education:south`,name:`Учебное отделение «Юг»`,code:`УО-01`,direction:`Учебные подразделения`,searchAliases:[`СПО`,`южный корпус`]},{id:`support:methodology`,name:`Методический отдел`,code:`МЕТОД`,direction:`Подразделения сопровождения`,searchAliases:[`методисты`,`образовательные программы`]},{id:`support:it`,name:`Отдел цифровых сервисов`,code:`ИТ`,direction:`Подразделения сопровождения`,searchAliases:[`техническая поддержка`,`информационные технологии`]}],u={title:`UI/MultiSelect`,component:i,args:{label:`Подразделения`,description:`Выберите одно или несколько подразделений.`,placeholder:`Начните вводить`,options:l,value:[],onChange:c(),getOptionKey:e=>e.id,getOptionLabel:e=>e.name,getOptionCode:e=>e.code,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Типобезопасный getter-based мультиселект для произвольных option. Identity, текст, отображаемый код, группа и поисковое представление задаются независимо.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст пустого поля.`,control:`text`},options:{description:`Исходные типизированные option без промежуточного CollectionItem.`,control:!1},value:{description:`Контролируемый набор выбранных option целиком.`,control:!1},onChange:{description:`Подтверждает выбор массивом исходных option.`,control:!1},getOptionKey:{description:`Возвращает устойчивый уникальный identity option.`,control:!1},getOptionLabel:{description:`Возвращает основной отображаемый текст option.`,control:!1},getOptionCode:{description:`Возвращает дополнительный отображаемый код, независимый от identity.`,control:!1},getOptionGroup:{description:`Объединяет соседние option под доступным заголовком группы.`,control:!1},getOptionSearchText:{description:`Задаёт поисковое представление option; может вернуть строку или набор строк.`,control:!1},getOptionDisabled:{description:`Блокирует option с учётом draft-выбора и подтверждённого значения.`,control:!1},query:{description:`Контролируемый поисковый запрос.`,control:`text`},defaultQuery:{description:`Начальный запрос в uncontrolled-режиме.`,control:`text`},highlightQuery:{description:`Отдельный запрос для подсветки совпадений.`,control:`text`},onQuery:{description:`Вызывается при изменении поискового запроса.`,control:!1},defaultFilter:{description:`Включает встроенную фильтрацию option.`,control:`boolean`},onOpen:{description:`Вызывается при открытии списка.`,control:!1},onClose:{description:`Вызывается после закрытия и подтверждения draft-выбора.`,control:!1},error:{description:`Текст ошибки получения option.`,control:`text`},isLoading:{description:`Показывает состояние загрузки.`,control:`boolean`},renderToken:{description:`Кастомный рендер значения в trigger.`,control:!1},renderToolbar:{description:`Кастомный рендер панели действий popup.`,control:!1},renderOption:{description:`Возвращает структурированные text и code для строки option.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},d={name:`Identity независимо от code`,render:function(e){let[,t]=s();return(0,o.jsx)(i,{...e,value:e.value??[l[1]],onChange:n=>{e.onChange(n),t({value:n})}})},args:{description:`Обе учебные option имеют code УО-01, но остаются независимыми благодаря разным id.`,value:[l[1]]}},f={name:`Группы и выбранные option первыми`,render:function(e){let[,t]=s();return(0,o.jsx)(i,{...e,getOptionGroup:e=>({key:e.direction,label:e.direction}),onChange:n=>{e.onChange(n),t({value:n})}})},args:{description:`Подтверждённые option показаны первыми; внутри выбранной и доступной секций группы строятся независимо.`,value:[l[1],l[3]]}},p={name:`Контекстная блокировка и поиск`,render:function(e){let[,t]=s(),n=e.query??``;return(0,o.jsx)(i,{...e,query:n,onQuery:n=>{e.onQuery?.(n),t({query:n})},getOptionSearchText:e=>[e.name,e.code,...e.searchAliases],getOptionDisabled:(e,t)=>{let n=l[0].id,r=t.selectedKeys.has(n);return e.id===n?[...t.selectedKeys].some(e=>e!==n):r},onChange:n=>{e.onChange(n),t({value:n})}})},args:{description:`«Все подразделения» взаимоисключается с частным выбором. Поиск учитывает скрытые синонимы, например «СПО».`,query:``,onQuery:c(),value:[]}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  name: "Identity независимо от code",
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<MultiSelectProps<DepartmentOption>>();
+    return <MultiSelect {...args} value={args.value ?? [departmentOptions[1]]} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} />;
+  },
+  args: {
+    description: "Обе учебные option имеют code УО-01, но остаются независимыми благодаря разным id.",
+    value: [departmentOptions[1]]
+  }
+}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
+  name: "Группы и выбранные option первыми",
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<MultiSelectProps<DepartmentOption>>();
+    return <MultiSelect {...args} getOptionGroup={option => ({
+      key: option.direction,
+      label: option.direction
+    })} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} />;
+  },
+  args: {
+    description: "Подтверждённые option показаны первыми; внутри выбранной и доступной секций группы строятся независимо.",
+    value: [departmentOptions[1], departmentOptions[3]]
+  }
+}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  name: "Контекстная блокировка и поиск",
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<MultiSelectProps<DepartmentOption>>();
+    const query = args.query ?? "";
+    return <MultiSelect {...args} query={query} onQuery={nextQuery => {
+      args.onQuery?.(nextQuery);
+      updateArgs({
+        query: nextQuery
+      });
+    }} getOptionSearchText={option => [option.name, option.code, ...option.searchAliases]} getOptionDisabled={(option, context) => {
+      const allDepartmentsKey = departmentOptions[0].id;
+      const hasAllDepartments = context.selectedKeys.has(allDepartmentsKey);
+      if (option.id === allDepartmentsKey) {
+        return [...context.selectedKeys].some(key => key !== allDepartmentsKey);
+      }
+      return hasAllDepartments;
+    }} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} />;
+  },
+  args: {
+    description: "«Все подразделения» взаимоисключается с частным выбором. Поиск учитывает скрытые синонимы, например «СПО».",
+    query: "",
+    onQuery: fn<(value: string) => void>(),
+    value: []
+  }
+}`,...p.parameters?.docs?.source}}},m=[`IndependentIdentity`,`GroupedSelectedFirst`,`ContextualDisabledAndSearch`]})))()}export{h as a,a as i,f as n,d as r,p as t};

package/storybook-static/assets/{OptionMultiSelectCore-D8cGuRYM.js → MultiSelectCore-Ds4jXHOk.js}

@@ -1,3 +1,3 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./CheckBox-ivX0kZSD.js";import{n as i}from"./iframe-DmEkruYl.js";import{n as a,t as o}from"./Text-I4ck3fsu.js";import{n as s,t as c}from"./ui.module-0uniSGT-.js";import{n as l,t as ee}from"./PickerField-nBBELo78.js";import{c as u,d as te,f as d,i as ne,l as f,n as re,r as p,s as m,t as h,u as ie}from"./usePickerTriggerController-DJ1RhgvB.js";import{n as ae,t as oe}from"./Separator-tJoZoT06.js";import{n as se,t as g}from"./Option-DK4dHhT1.js";import{i as ce,n as le,r as _,t as v}from"./usePickerQuery-XIF3uyW2.js";import{n as ue,t as y}from"./usePickerDefaultFilter-ien2ZY7g.js";import{i as de,n as b,r as x,t as fe}from"./formatMultiSelectOptionCount-xGq1uM2H.js";import{n as S,t as C}from"./OptionButton-CsOv8dZ_.js";function pe(e,t=!1){return t&&Array.isArray(e)?e:[...e]}function w(){return(w=e((()=>{})))()}function me(e,t,n){if(e.length!==t.length)return!1;let r=new Set(t.map(n));return e.every(e=>r.has(n(e)))}var T,E,D,O;function k(){return(k=e((()=>{T=`_9oSdQi`,E=`d9SDKQ`,D=`xCo7w9`,O={multiSelect:T,optionCheckBox:E,optionActionCell:D}})))()}function A(e,t){let n=[];for(let r of e){let e=t(r.option),i=n.at(-1),a=i?.group?.key===e?.key;if(i&&a){i.entries.push(r);continue}n.push({group:e,entries:[r]})}return n}function j({option:e,index:t,listId:n,activeIndex:i,selectedKeys:a,query:o,highlightQuery:s,getOptionKey:c,getOptionDisabled:l,getOptionId:ee,setOptionRef:u,toggleOption:te,selectOnlyOption:d,renderOption:ne}){let f=t===i,re=c(e),p=a.has(re),m=l?.(e)??!1,h=ne(e,{selected:p,active:f,disabled:m,query:o,highlightQuery:s});return(0,M.jsxs)(g,{id:ee(n,t),ref:e=>u(t,e),role:`row`,"aria-selected":p,"aria-disabled":m||void 0,selected:p,active:f,disabled:m,children:[(0,M.jsx)(`div`,{role:`gridcell`,className:O.optionCheckBox,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,M.jsx)(r,{value:p,disabled:m,"aria-label":`${p?`Убрать`:`Добавить`} «${h.text}» ${p?`из выбора`:`в выбор`}`,onChange:()=>te(e)})}),(0,M.jsx)(`div`,{role:`gridcell`,className:O.optionActionCell,children:(0,M.jsx)(C,{tabIndex:-1,disabled:m,"aria-label":`Выбрать только «${h.text}»`,text:h.text,code:h.code,searchText:s,onMouseDown:e=>e.preventDefault(),onClick:()=>d(e)})})]})}var M;function N(){return(N=e((()=>{n(),se(),S(),k(),M=i(),j.__docgenInfo={description:`Одна интерактивная строка grid: checkbox меняет draft, основная кнопка подтверждает только эту опцию.`,methods:[],displayName:`MultiSelectOptionRow`}})))()}function he({entries:e,sectionId:t,getOptionGroup:n,...r}){return(n?A(e,n):[{group:void 0,entries:e}]).map((e,n)=>{let i=e.entries.map(({option:e,index:t})=>(0,F.jsx)(j,{option:e,index:t,...r},`${r.getOptionKey(e)}-${t}`));if(!e.group)return(0,F.jsx)(P.Fragment,{children:i},`${t}-ungrouped-${n}`);let a=`${t}-group-${n}`;return(0,F.jsxs)(`div`,{role:`rowgroup`,"aria-labelledby":a,children:[(0,F.jsx)(`div`,{id:a,role:`row`,className:s.uiPopupGroupLabel,children:(0,F.jsx)(`div`,{role:`gridcell`,children:e.group.label})}),i]},`${t}-${e.group.key}-${n}`)})}var P,F;function I(){return(I=e((()=>{P=t(),c(),N(),F=i()})))()}function L({text:e,isError:t}){return(0,R.jsxs)(`div`,{className:s.uiPopupOption,children:[(0,R.jsx)(`span`,{className:s.uiPopupOptionIcon}),(0,R.jsx)(o,{color:t?`error`:`primary`,children:e})]})}var R;function z(){return(z=e((()=>{a(),c(),R=i(),L.__docgenInfo={description:"Скелетон строки опции для `MultiSelect`. Используется во время загрузки или при отображении ошибок получения списка.",methods:[],displayName:`MultiSelectOptionSkeleton`,props:{text:{required:!0,tsType:{name:`string`},description:``},isError:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function ge({isNoData:e,error:t,children:n}){return e?(0,B.jsx)(_,{emptyState:(0,B.jsx)(L,{text:`Нет данных`})}):t?(0,B.jsx)(_,{errorState:(0,B.jsx)(L,{isError:!0,text:`Ошибка загрузки`})}):(0,B.jsx)(B.Fragment,{children:n})}var B;function V(){return(V=e((()=>{ce(),z(),B=i(),ge.__docgenInfo={description:`Выбирает одно доступное состояние тела popup, не меняя структуру самого grid.`,methods:[],displayName:`MultiSelectOptionsWrapper`}})))()}function H({ref:e,options:t,value:n,onChange:r,getOptionKey:i,getOptionLabel:a,getOptionCode:o,getOptionGroup:s,getOptionSearchText:c,label:l,description:u,placeholder:d,size:p,query:h,defaultQuery:ie,highlightQuery:ae,onQuery:se,defaultFilter:g=!0,onOpen:ce,onClose:_,getOptionDisabled:v,disabled:y,error:b,isLoading:x,renderToken:S,renderToolbar:C,renderOption:w,preserveOptionArrayReference:T=!1}){let E=(0,U.useRef)(null),[D,k]=(0,U.useState)(!1),A=`search-multi`,j=(0,U.useMemo)(()=>pe(n,T),[T,n]),M=(0,U.useMemo)(()=>new Set(j.map(i)),[j,i]),N=(0,U.useMemo)(()=>t.filter(e=>!M.has(i(e))),[M,i,t]),{query:P,setQuery:F,resetQueryOnClose:I}=le({query:h,defaultQuery:ie,onQuery:se,triggerMode:A}),L=e=>{D&&!e&&I&&F(``),k(e)},R=(0,U.useCallback)(e=>c?.(e)??[a(e),o?.(e),te(s?.(e)?.label)].filter(e=>!!e),[o,s,a,c]),z=ue({options:j,query:P,enabled:g,getSearchText:R}),B=ue({options:N,query:P,enabled:g,getSearchText:R}),V=(0,U.useMemo)(()=>[...z,...B],[B,z]),H=z.length>0?0:-1,G=(0,U.useCallback)((e,t)=>me(e,t,i),[i]),{draftValue:K,setDraftValue:q,prepareOpen:_e}=de({value:j,open:D,onCommit:r,onOpen:ce,onClose:_,isEqual:G}),J=(0,U.useMemo)(()=>new Set(K.map(i)),[K,i]),ve=(0,U.useMemo)(()=>({selectedOptions:K,committedSelectedOptions:j,selectedKeys:J,open:D}),[j,K,D,J]),Y=(0,U.useCallback)(e=>v?.(e,ve)??!1,[v,ve]),{activeIndex:X,context:ye,floatingStyles:be,getFloatingProps:xe,setReference:Se,setFloating:Ce,setOptionRef:we,close:Te,openList:Ee,toggleOpen:De,handleReferenceKeyDown:Oe,handleFloatingKeyDown:ke,getOptionId:Ae,getActiveOptionId:je}=ne({options:V,selectedIndex:H,open:D,onOpenChange:L,onSelect:void 0,disabled:y,getOptionDisabled:Y,closeOnSelect:!1,allowOpenWithoutOptions:!0,triggerMode:A}),Me=ae??P,Z=e=>{let t=i(e);q(n=>n.some(e=>i(e)===t)?n.filter(e=>i(e)!==t):Y(e)?n:[...n,e])},Ne=(0,U.useCallback)(t=>{if(E.current=t,typeof e==`function`){e(t);return}e&&(e.current=t)},[e]),Pe=()=>{q([]),D||r([])},Fe=()=>{q(e=>{let t=[...e],n=new Set(e.map(i));for(let e of V){let r=i(e);!n.has(r)&&!Y(e)&&(n.add(r),t.push(e))}return t})},Ie=()=>{q([])},Le=e=>{Y(e)||(q([e]),Te())},Q=D?K:j,Re=Q.length>0,ze={selectedOptions:Q,committedSelectedOptions:j,availableOptions:B,query:P,open:D,clearSelection:Pe,selectAll:Fe,deselectAll:Ie},Be=Q.length>1?fe(Q.length):Q.length===1?a(Q[0]):void 0,Ve=S===void 0?Be:typeof S==`function`?S(ze):null,He=typeof C==`function`?C(ze):C,Ue=(0,U.useCallback)(e=>({text:a(e),code:o?.(e)}),[o,a]),We=w??Ue,Ge=z.map((e,t)=>({option:e,index:t})),Ke=B.map((e,t)=>({option:e,index:t+Ge.length})),qe=!x&&!b&&V.length===0,$=re({mode:A,open:D,currentQuery:P,hasDisplayValue:!1,inputRef:E,setQuery:F,openList:Ee,close:Te,toggleOpen:De,onBeforeOpen:()=>{D||_e()}});return(0,W.jsx)(ee,{label:l,description:u,disabled:y,size:p,className:O.multiSelect,children:({controlId:e,labelId:n,describedBy:r})=>{let a=`${e}-grid`;return(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(m,{ref:Ne,rootRef:Se,id:e,type:`text`,role:`combobox`,autoComplete:`off`,isLoading:x,disabled:y,open:D,optionCount:t.length,label:l,placeholder:d,placeholderFallback:`Выберите значения`,value:P,selectedValue:Ve,hasSelection:Re,showSelectedValue:Re&&P.length===0,clearable:!0,onClear:Pe,clearAriaLabel:`Очистить все`,onToggleMouseDown:$.handleToggleMouseDown,onToggleClick:$.handleToggleClick,"aria-labelledby":n,"aria-describedby":r,"aria-haspopup":`grid`,"aria-expanded":D,"aria-controls":D?a:void 0,"aria-autocomplete":`list`,"aria-activedescendant":D?je(a):void 0,rootClassName:`flex alignItemsCenter`,onChange:e=>{$.handleTriggerInputChange(e.target.value)},onClick:$.handleTriggerClick,onFocus:e=>{$.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{if(Oe(e),!e.defaultPrevented){if(D&&e.ctrlKey&&e.key===` `){e.preventDefault();let t=V[X];X>=0&&X<V.length&&Z(t);return}$.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{let e=V[X];X>=0&&X<V.length&&Le(e)},enableClosedArrowDownOpen:!0,suppressClosedArrowUp:!0})}}}),(0,W.jsx)(f,{open:D,context:ye,floatingStyles:be,listId:a,labelId:n,descriptionId:r,activeOptionId:D?je(a):void 0,ariaMultiselectable:!0,popupRole:`grid`,setFloating:Ce,getFloatingProps:xe,onKeyDown:ke,initialFocus:-1,returnFocus:!1,tabIndex:-1,toolbar:He,selectionActions:C===void 0?{onSelectAll:Fe,onDeselectAll:Ie}:void 0,children:(0,W.jsx)(ge,{isNoData:qe,error:b,children:(0,W.jsxs)(`div`,{role:`presentation`,className:`scrollable overscroll h100`,children:[(0,W.jsx)(he,{entries:Ge,sectionId:`${a}-selected`,listId:a,activeIndex:X,selectedKeys:J,query:P,highlightQuery:Me,getOptionKey:i,getOptionGroup:s,getOptionDisabled:Y,getOptionId:Ae,setOptionRef:we,toggleOption:Z,selectOnlyOption:Le,renderOption:We}),Ge.length>0&&Ke.length>0&&(0,W.jsx)(oe,{"aria-hidden":`true`,className:`marginBlockSm`}),(0,W.jsx)(he,{entries:Ke,sectionId:`${a}-available`,listId:a,activeIndex:X,selectedKeys:J,query:P,highlightQuery:Me,getOptionKey:i,getOptionGroup:s,getOptionDisabled:Y,getOptionId:Ae,setOptionRef:we,toggleOption:Z,selectOnlyOption:Le,renderOption:We})]})})})]})}})}var U,W;function G(){return(G=e((()=>{U=t(),d(),l(),ie(),u(),y(),p(),v(),x(),h(),ae(),b(),k(),I(),V(),W=i(),H.__docgenInfo={description:`Единая generic-реализация множественного выбора. Публичные компоненты только
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./CheckBox-DXdhv4Lf.js";import{n as i}from"./iframe--CGTMt9T.js";import{n as a,t as o}from"./Text-BZ-hxc1d.js";import{n as s,t as c}from"./ui.module-0uniSGT-.js";import{n as l,t as ee}from"./PickerField--0kZhFr0.js";import{c as u,d as te,f as d,i as ne,l as f,n as re,r as p,s as m,t as h,u as ie}from"./usePickerTriggerController-Det5k_cM.js";import{n as ae,t as oe}from"./Separator-C28fV2R8.js";import{n as se,t as g}from"./Option-B82YmTfK.js";import{i as ce,n as le,r as _,t as v}from"./usePickerQuery-B55wi-Qp.js";import{n as ue,t as y}from"./usePickerDefaultFilter-ien2ZY7g.js";import{i as de,n as b,r as x,t as fe}from"./formatMultiSelectOptionCount-xGq1uM2H.js";import{n as S,t as C}from"./OptionButton-CmHVNPma.js";function pe(e,t=!1){return t&&Array.isArray(e)?e:[...e]}function w(){return(w=e((()=>{})))()}function me(e,t,n){if(e.length!==t.length)return!1;let r=new Set(t.map(n));return e.every(e=>r.has(n(e)))}var T,E,D,O;function k(){return(k=e((()=>{T=`_9oSdQi`,E=`d9SDKQ`,D=`xCo7w9`,O={multiSelect:T,optionCheckBox:E,optionActionCell:D}})))()}function A(e,t){let n=[];for(let r of e){let e=t(r.option),i=n.at(-1),a=i?.group?.key===e?.key;if(i&&a){i.entries.push(r);continue}n.push({group:e,entries:[r]})}return n}function j({option:e,index:t,listId:n,activeIndex:i,selectedKeys:a,query:o,highlightQuery:s,getOptionKey:c,getOptionDisabled:l,getOptionId:ee,setOptionRef:u,toggleOption:te,selectOnlyOption:d,renderOption:ne}){let f=t===i,re=c(e),p=a.has(re),m=l?.(e)??!1,h=ne(e,{selected:p,active:f,disabled:m,query:o,highlightQuery:s});return(0,M.jsxs)(g,{id:ee(n,t),ref:e=>u(t,e),role:`row`,"aria-selected":p,"aria-disabled":m||void 0,selected:p,active:f,disabled:m,children:[(0,M.jsx)(`div`,{role:`gridcell`,className:O.optionCheckBox,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,M.jsx)(r,{value:p,disabled:m,"aria-label":`${p?`Убрать`:`Добавить`} «${h.text}» ${p?`из выбора`:`в выбор`}`,onChange:()=>te(e)})}),(0,M.jsx)(`div`,{role:`gridcell`,className:O.optionActionCell,children:(0,M.jsx)(C,{tabIndex:-1,disabled:m,"aria-label":`Выбрать только «${h.text}»`,text:h.text,code:h.code,searchText:s,onMouseDown:e=>e.preventDefault(),onClick:()=>d(e)})})]})}var M;function N(){return(N=e((()=>{n(),se(),S(),k(),M=i(),j.__docgenInfo={description:`Одна интерактивная строка grid: checkbox меняет draft, основная кнопка подтверждает только эту опцию.`,methods:[],displayName:`MultiSelectOptionRow`}})))()}function he({entries:e,sectionId:t,getOptionGroup:n,...r}){return(n?A(e,n):[{group:void 0,entries:e}]).map((e,n)=>{let i=e.entries.map(({option:e,index:t})=>(0,F.jsx)(j,{option:e,index:t,...r},`${r.getOptionKey(e)}-${t}`));if(!e.group)return(0,F.jsx)(P.Fragment,{children:i},`${t}-ungrouped-${n}`);let a=`${t}-group-${n}`;return(0,F.jsxs)(`div`,{role:`rowgroup`,"aria-labelledby":a,children:[(0,F.jsx)(`div`,{id:a,role:`row`,className:s.uiPopupGroupLabel,children:(0,F.jsx)(`div`,{role:`gridcell`,children:e.group.label})}),i]},`${t}-${e.group.key}-${n}`)})}var P,F;function I(){return(I=e((()=>{P=t(),c(),N(),F=i()})))()}function L({text:e,isError:t}){return(0,R.jsxs)(`div`,{className:s.uiPopupOption,children:[(0,R.jsx)(`span`,{className:s.uiPopupOptionIcon}),(0,R.jsx)(o,{color:t?`error`:`primary`,children:e})]})}var R;function z(){return(z=e((()=>{a(),c(),R=i(),L.__docgenInfo={description:"Скелетон строки опции для `MultiSelect`. Используется во время загрузки или при отображении ошибок получения списка.",methods:[],displayName:`MultiSelectOptionSkeleton`,props:{text:{required:!0,tsType:{name:`string`},description:``},isError:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function ge({isNoData:e,error:t,children:n}){return e?(0,B.jsx)(_,{emptyState:(0,B.jsx)(L,{text:`Нет данных`})}):t?(0,B.jsx)(_,{errorState:(0,B.jsx)(L,{isError:!0,text:`Ошибка загрузки`})}):(0,B.jsx)(B.Fragment,{children:n})}var B;function V(){return(V=e((()=>{ce(),z(),B=i(),ge.__docgenInfo={description:`Выбирает одно доступное состояние тела popup, не меняя структуру самого grid.`,methods:[],displayName:`MultiSelectOptionsWrapper`}})))()}function H({ref:e,options:t,value:n,onChange:r,getOptionKey:i,getOptionLabel:a,getOptionCode:o,getOptionGroup:s,getOptionSearchText:c,label:l,description:u,placeholder:d,size:p,query:h,defaultQuery:ie,highlightQuery:ae,onQuery:se,defaultFilter:g=!0,onOpen:ce,onClose:_,getOptionDisabled:v,disabled:y,error:b,isLoading:x,renderToken:S,renderToolbar:C,renderOption:w,preserveOptionArrayReference:T=!1}){let E=(0,U.useRef)(null),[D,k]=(0,U.useState)(!1),A=`search-multi`,j=(0,U.useMemo)(()=>pe(n,T),[T,n]),M=(0,U.useMemo)(()=>new Set(j.map(i)),[j,i]),N=(0,U.useMemo)(()=>t.filter(e=>!M.has(i(e))),[M,i,t]),{query:P,setQuery:F,resetQueryOnClose:I}=le({query:h,defaultQuery:ie,onQuery:se,triggerMode:A}),L=e=>{D&&!e&&I&&F(``),k(e)},R=(0,U.useCallback)(e=>c?.(e)??[a(e),o?.(e),te(s?.(e)?.label)].filter(e=>!!e),[o,s,a,c]),z=ue({options:j,query:P,enabled:g,getSearchText:R}),B=ue({options:N,query:P,enabled:g,getSearchText:R}),V=(0,U.useMemo)(()=>[...z,...B],[B,z]),H=z.length>0?0:-1,G=(0,U.useCallback)((e,t)=>me(e,t,i),[i]),{draftValue:K,setDraftValue:q,prepareOpen:_e}=de({value:j,open:D,onCommit:r,onOpen:ce,onClose:_,isEqual:G}),J=(0,U.useMemo)(()=>new Set(K.map(i)),[K,i]),ve=(0,U.useMemo)(()=>({selectedOptions:K,committedSelectedOptions:j,selectedKeys:J,open:D}),[j,K,D,J]),Y=(0,U.useCallback)(e=>v?.(e,ve)??!1,[v,ve]),{activeIndex:X,context:ye,floatingStyles:be,getFloatingProps:xe,setReference:Se,setFloating:Ce,setOptionRef:we,close:Te,openList:Ee,toggleOpen:De,handleReferenceKeyDown:Oe,handleFloatingKeyDown:ke,getOptionId:Ae,getActiveOptionId:je}=ne({options:V,selectedIndex:H,open:D,onOpenChange:L,onSelect:void 0,disabled:y,getOptionDisabled:Y,closeOnSelect:!1,allowOpenWithoutOptions:!0,triggerMode:A}),Me=ae??P,Z=e=>{let t=i(e);q(n=>n.some(e=>i(e)===t)?n.filter(e=>i(e)!==t):Y(e)?n:[...n,e])},Ne=(0,U.useCallback)(t=>{if(E.current=t,typeof e==`function`){e(t);return}e&&(e.current=t)},[e]),Pe=()=>{q([]),D||r([])},Fe=()=>{q(e=>{let t=[...e],n=new Set(e.map(i));for(let e of V){let r=i(e);!n.has(r)&&!Y(e)&&(n.add(r),t.push(e))}return t})},Ie=()=>{q([])},Le=e=>{Y(e)||(q([e]),Te())},Q=D?K:j,Re=Q.length>0,ze={selectedOptions:Q,committedSelectedOptions:j,availableOptions:B,query:P,open:D,clearSelection:Pe,selectAll:Fe,deselectAll:Ie},Be=Q.length>1?fe(Q.length):Q.length===1?a(Q[0]):void 0,Ve=S===void 0?Be:typeof S==`function`?S(ze):null,He=typeof C==`function`?C(ze):C,Ue=(0,U.useCallback)(e=>({text:a(e),code:o?.(e)}),[o,a]),We=w??Ue,Ge=z.map((e,t)=>({option:e,index:t})),Ke=B.map((e,t)=>({option:e,index:t+Ge.length})),qe=!x&&!b&&V.length===0,$=re({mode:A,open:D,currentQuery:P,hasDisplayValue:!1,inputRef:E,setQuery:F,openList:Ee,close:Te,toggleOpen:De,onBeforeOpen:()=>{D||_e()}});return(0,W.jsx)(ee,{label:l,description:u,disabled:y,size:p,className:O.multiSelect,children:({controlId:e,labelId:n,describedBy:r})=>{let a=`${e}-grid`;return(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(m,{ref:Ne,rootRef:Se,id:e,type:`text`,role:`combobox`,autoComplete:`off`,isLoading:x,disabled:y,open:D,optionCount:t.length,label:l,placeholder:d,placeholderFallback:`Выберите значения`,value:P,selectedValue:Ve,hasSelection:Re,showSelectedValue:Re&&P.length===0,clearable:!0,onClear:Pe,clearAriaLabel:`Очистить все`,onToggleMouseDown:$.handleToggleMouseDown,onToggleClick:$.handleToggleClick,"aria-labelledby":n,"aria-describedby":r,"aria-haspopup":`grid`,"aria-expanded":D,"aria-controls":D?a:void 0,"aria-autocomplete":`list`,"aria-activedescendant":D?je(a):void 0,rootClassName:`flex alignItemsCenter`,onChange:e=>{$.handleTriggerInputChange(e.target.value)},onClick:$.handleTriggerClick,onFocus:e=>{$.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{if(Oe(e),!e.defaultPrevented){if(D&&e.ctrlKey&&e.key===` `){e.preventDefault();let t=V[X];X>=0&&X<V.length&&Z(t);return}$.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{let e=V[X];X>=0&&X<V.length&&Le(e)},enableClosedArrowDownOpen:!0,suppressClosedArrowUp:!0})}}}),(0,W.jsx)(f,{open:D,context:ye,floatingStyles:be,listId:a,labelId:n,descriptionId:r,activeOptionId:D?je(a):void 0,ariaMultiselectable:!0,popupRole:`grid`,setFloating:Ce,getFloatingProps:xe,onKeyDown:ke,initialFocus:-1,returnFocus:!1,tabIndex:-1,toolbar:He,selectionActions:C===void 0?{onSelectAll:Fe,onDeselectAll:Ie}:void 0,children:(0,W.jsx)(ge,{isNoData:qe,error:b,children:(0,W.jsxs)(`div`,{role:`presentation`,className:`scrollable overscroll h100`,children:[(0,W.jsx)(he,{entries:Ge,sectionId:`${a}-selected`,listId:a,activeIndex:X,selectedKeys:J,query:P,highlightQuery:Me,getOptionKey:i,getOptionGroup:s,getOptionDisabled:Y,getOptionId:Ae,setOptionRef:we,toggleOption:Z,selectOnlyOption:Le,renderOption:We}),Ge.length>0&&Ke.length>0&&(0,W.jsx)(oe,{"aria-hidden":`true`,className:`marginBlockSm`}),(0,W.jsx)(he,{entries:Ke,sectionId:`${a}-available`,listId:a,activeIndex:X,selectedKeys:J,query:P,highlightQuery:Me,getOptionKey:i,getOptionGroup:s,getOptionDisabled:Y,getOptionId:Ae,setOptionRef:we,toggleOption:Z,selectOnlyOption:Le,renderOption:We})]})})})]})}})}var U,W;function G(){return(G=e((()=>{U=t(),d(),l(),ie(),u(),y(),p(),v(),x(),h(),ae(),b(),k(),I(),V(),W=i(),H.__docgenInfo={description:`Единая generic-реализация множественного выбора. Публичные компоненты только
 адаптируют свои контракты к этим selector-функциям, поэтому focus и a11y
-поведение не расходятся между новым и legacy API.`,methods:[],displayName:`OptionMultiSelectCore`,props:{defaultFilter:{defaultValue:{value:`true`,computed:!1},required:!1},preserveOptionArrayReference:{defaultValue:{value:`false`,computed:!1},required:!1}}}})))()}export{pe as i,G as n,w as r,H as t};
+поведение не расходятся между новым и legacy API.`,methods:[],displayName:`MultiSelectCore`,props:{defaultFilter:{defaultValue:{value:`true`,computed:!1},required:!1},preserveOptionArrayReference:{defaultValue:{value:`false`,computed:!1},required:!1}}}})))()}export{pe as i,G as n,w as r,H as t};

package/storybook-static/assets/{NoData-CWK82Q1i.js → NoData-D9Sjnk2c.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./Text-I4ck3fsu.js";function o({className:e,minHeight:t,children:r,style:i,...a}){let o=t===void 0?i:{...i,minHeight:t};return(0,s.jsx)(`div`,{...a,className:n(`flexCenter h100`,e),style:o,children:r})}var s;function c(){return(c=e((()=>{r(),s=t(),o.__docgenInfo={description:``,methods:[],displayName:`FlexCenter`,props:{children:{required:!1,tsType:{name:`ReactNode`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``}},composes:[`Omit`]}})))()}var l,u;function d(){return(d=e((()=>{l=`qgIKVo`,u={componentLoader:l}})))()}function f({className:e,children:t,color:r=`muted`,role:i,minHeight:s,uppercase:c=!0,...l}){return(0,p.jsx)(o,{className:n(`paddingMd textCenter`,e),minHeight:s,children:(0,p.jsx)(a,{...l,as:`p`,weight:`bold`,color:r,uppercase:c,role:i,children:t})})}var p;function m(){return(m=e((()=>{r(),c(),i(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`Message`,props:{color:{defaultValue:{value:`"muted"`,computed:!1},required:!1},uppercase:{defaultValue:{value:`true`,computed:!1},required:!1}}}})))()}function h({className:e,logo:t,text:r}){return(0,g.jsxs)(f,{className:n(u.componentLoader,t?void 0:`skeletonLine`,e),children:[t,r||`Загрузка...`]})}var g;function _(){return(_=e((()=>{r(),d(),m(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`LoadingMessage`,props:{className:{required:!1,tsType:{name:`string`},description:``},logo:{required:!1,tsType:{name:`ReactNode`},description:`Готовый брендовый знак, которым host-проект при необходимости дополняет сообщение о загрузке.`},text:{required:!1,tsType:{name:`string`},description:``}}}})))()}function v({className:e,text:t,role:n,minHeight:r=`5em`,...i}){return(0,y.jsx)(f,{...i,className:e,color:`muted`,minHeight:r,role:n,children:t||`Нет данных`})}var y;function b(){return(b=e((()=>{m(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`NoData`,props:{minHeight:{defaultValue:{value:`"5em"`,computed:!1},required:!1}}}})))()}export{_ as i,b as n,h as r,v as t};
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./Text-BZ-hxc1d.js";function o({className:e,minHeight:t,children:r,style:i,...a}){let o=t===void 0?i:{...i,minHeight:t};return(0,s.jsx)(`div`,{...a,className:n(`flexCenter h100`,e),style:o,children:r})}var s;function c(){return(c=e((()=>{r(),s=t(),o.__docgenInfo={description:``,methods:[],displayName:`FlexCenter`,props:{children:{required:!1,tsType:{name:`ReactNode`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``}},composes:[`Omit`]}})))()}var l,u;function d(){return(d=e((()=>{l=`qgIKVo`,u={componentLoader:l}})))()}function f({className:e,children:t,color:r=`muted`,role:i,minHeight:s,uppercase:c=!0,...l}){return(0,p.jsx)(o,{className:n(`paddingMd textCenter`,e),minHeight:s,children:(0,p.jsx)(a,{...l,as:`p`,weight:`bold`,color:r,uppercase:c,role:i,children:t})})}var p;function m(){return(m=e((()=>{r(),c(),i(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`Message`,props:{color:{defaultValue:{value:`"muted"`,computed:!1},required:!1},uppercase:{defaultValue:{value:`true`,computed:!1},required:!1}}}})))()}function h({className:e,logo:t,text:r}){return(0,g.jsxs)(f,{className:n(u.componentLoader,t?void 0:`skeletonLine`,e),children:[t,r||`Загрузка...`]})}var g;function _(){return(_=e((()=>{r(),d(),m(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`LoadingMessage`,props:{className:{required:!1,tsType:{name:`string`},description:``},logo:{required:!1,tsType:{name:`ReactNode`},description:`Готовый брендовый знак, которым host-проект при необходимости дополняет сообщение о загрузке.`},text:{required:!1,tsType:{name:`string`},description:``}}}})))()}function v({className:e,text:t,role:n,minHeight:r=`5em`,...i}){return(0,y.jsx)(f,{...i,className:e,color:`muted`,minHeight:r,role:n,children:t||`Нет данных`})}var y;function b(){return(b=e((()=>{m(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`NoData`,props:{minHeight:{defaultValue:{value:`"5em"`,computed:!1},required:!1}}}})))()}export{_ as i,b as n,h as r,v as t};

package/storybook-static/assets/{NotificationsHost-DmFTlzqz.js → NotificationsHost-D0Pk-Yqg.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{i as t,n,r,t as i}from"./NotificationsHost.stories-DGnDAG9L.js";import{n as a}from"./iframe-DmEkruYl.js";import{i as o,r as s}from"./react-Bl2r1tuC.js";import{a as c,d as l,f as u,l as d,m as f,n as p,p as m,r as h,u as g}from"./blocks-k8_NQe3D.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...o(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(d,{of:n,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{i as t,n,r,t as i}from"./NotificationsHost.stories-CEUX8dAF.js";import{n as a}from"./iframe--CGTMt9T.js";import{i as o,r as s}from"./react-Bl2r1tuC.js";import{a as c,d as l,f as u,l as d,m as f,n as p,p as m,r as h,u as g}from"./blocks-za-wOwFF.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...o(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(d,{of:n,parameters:{docs:{toc:!0}}}),`
 `,(0,y.jsx)(m,{children:`NotificationsHost`}),`
 `,(0,y.jsx)(u,{children:`Активный toast-стек и headless-доступ к полной истории уведомлений`}),`
 `,(0,y.jsx)(t.p,{children:`NotificationsHost уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{NotificationsHost.stories-DGnDAG9L.js → NotificationsHost.stories-CEUX8dAF.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./check-DFoJ7qw2.js";import{n as a,t as o}from"./circle-alert-B_NZODcU.js";import{n as s,t as c}from"./circle-check-DU6WB2Tc.js";import{i as l,n as u,r as d,t as f}from"./info-BzOoa08d.js";import{n as ee,t as te}from"./refresh-cw-BSc2Wznw.js";import{n as ne,t as p}from"./trash-2-Co1c8VKG.js";import{n as m,t as h}from"./triangle-alert-CIl3TL3P.js";import{n as re,t as ie}from"./x-BGcGcGD5.js";import{i as g,n as _,r as ae}from"./iframe-DmEkruYl.js";import{a as oe,i as se}from"./utils-tg3ibbzi.js";import{a as ce,i as le,n as v,r as y}from"./react-GkniIHEK.js";import{n as ue}from"./error-De9R4E_F.js";import{n as de,t as fe}from"./FlexContainer-Cp7KpERB.js";import{n as pe,t as b}from"./Button-B9K2X1Qh.js";var me,he;function x(){return(x=e((()=>{g(),me=[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M22 8c0-2.3-.8-4.3-2-6`,key:`5bb3ad`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}],[`path`,{d:`M4 2C2.8 3.7 2 5.7 2 8`,key:`tap9e0`}]],he=ae(`bell-ring`,me)})))()}var S,C;function w(){return(w=e((()=>{g(),S=[[`path`,{d:`M10 2h4`,key:`n1abiw`}],[`path`,{d:`M12 14v-4`,key:`1evpnu`}],[`path`,{d:`M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6`,key:`1ts96g`}],[`path`,{d:`M9 17H4v5`,key:`8t5av`}]],C=ae(`timer-reset`,S)})))()}function ge(){let e=new Map,t=t=>{let n=e.get(t);n&&(window.clearTimeout(n),e.delete(t))},n=(n,r,i=1e4)=>{if(t(r),i<=0)return;let a=window.setTimeout(()=>{n.getState().actions.dismiss(r)},i);e.set(r,a)},r=le()((i,a)=>({items:[],history:[],actions:{push:e=>{let o=e.id??k(),s=Date.now(),c={id:o,type:e.type,title:e.title,message:e.message,createdAt:s,ttlMs:e.ttlMs,dismissible:e.dismissible??!0,actions:e.actions},l=a().items,u=[c,...l.filter(e=>e.id!==o)].slice(0,A),d=new Set(u.map(e=>e.id));return l.forEach(e=>{d.has(e.id)||t(e.id)}),i(e=>({items:u,history:[c,...e.history.filter(e=>e.id!==o)]})),n(r,o,c.ttlMs),o},update:(e,t)=>{let o=a().items.find(t=>t.id===e);if(!o)return!1;let s={...o,...t,id:o.id,createdAt:o.createdAt};return i(t=>({items:t.items.map(t=>t.id===e?s:t),history:t.history.map(t=>t.id===e?s:t)})),`ttlMs`in t&&n(r,e,s.ttlMs),!0},upsert:e=>a().actions.update(e.id,{type:e.type,title:e.title,message:e.message,ttlMs:e.ttlMs,dismissible:e.dismissible})?e.id:a().actions.push(e),dismiss:e=>{t(e),i(t=>({items:t.items.filter(t=>t.id!==e)}))},clear:()=>{e.forEach(e=>window.clearTimeout(e)),e.clear(),i({items:[]})},clearHistory:()=>{i({history:[]})}}}));return r}var T,E,D,O,k,A;function j(){return(j=e((()=>{ce(),T=null,E=e=>(T=e,()=>{T===e&&(T=null)}),D=()=>{if(!T)throw Error(`Notifications store is not bound. Wrap app with NotificationsProvider.`);return T},O=Object.freeze({push:e=>D().getState().actions.push(e),upsert:e=>D().getState().actions.upsert(e),update:(e,t)=>D().getState().actions.update(e,t),dismiss:e=>D().getState().actions.dismiss(e),clear:()=>D().getState().actions.clear(),clearHistory:()=>D().getState().actions.clearHistory(),success:(e,t)=>D().getState().actions.push({type:`success`,message:e,...t}),info:(e,t)=>D().getState().actions.push({type:`info`,message:e,...t}),warning:(e,t)=>D().getState().actions.push({type:`warning`,message:e,...t}),error:(e,t)=>D().getState().actions.push({type:`error`,message:e,...t}),progress:(e,t)=>{let n=D(),r=t?.id;r&&n.getState().actions.upsert({id:r,type:`info`,title:t?.title,message:e,dismissible:!1});let i=r??n.getState().actions.push({type:`info`,title:t?.title,message:e,dismissible:!1});return{id:i,update:e=>O.update(i,{message:e}),success:(e,t=2500)=>O.update(i,{type:`success`,message:e,dismissible:!0,ttlMs:t}),error:(e,t=5e3)=>O.update(i,{type:`error`,message:e,dismissible:!0,ttlMs:t}),dismiss:()=>O.dismiss(i)}}}),k=()=>`${Date.now().toString(36)}-${Math.random().toString(36).slice(2,9)}`,A=6})))()}var M,N;function P(){return(P=e((()=>{M=n(),N=(0,M.createContext)(null)})))()}function F({children:e}){let t=(0,I.useMemo)(()=>ge(),[]);return(0,I.useEffect)(()=>E(t),[t]),(0,L.jsx)(N.Provider,{value:t,children:e})}var I,L;function R(){return(R=e((()=>{I=n(),j(),P(),L=_(),F.__docgenInfo={description:`Провайдер уведомлений приложения. Хранит активный toast-стек и полную историю уведомлений.`,methods:[],displayName:`NotificationsProvider`}})))()}function z(){let e=(0,B.useContext)(N);if(!e)throw ue({hookName:`useNotificationsStore`,providerName:`NotificationsProvider`});return e}var B;function V(){return(V=e((()=>{B=n(),P()})))()}function _e(){let e=z();return y(e,e=>e.history)}function ve(){return(ve=e((()=>{v(),V()})))()}function ye(){let e=z();return y(e,e=>e.items)}function be(){return(be=e((()=>{v(),V()})))()}function H(){let e=z(),t=y(e,e=>e.actions),n=e=>(n,r)=>t.push({type:e,message:n,...r});return{...t,success:n(`success`),info:n(`info`),warning:n(`warning`),error:n(`error`)}}function U(){return(U=e((()=>{v(),V()})))()}var xe,Se,Ce,we,Te,Ee,De,Oe,ke,Ae,je,Me,Ne,Pe,W;function Fe(){return(Fe=e((()=>{xe=`STGQ3g`,Se=`RaiISE`,Ce=`cM81wO`,we=`nH2cuZ`,Te=`A2glD7`,Ee=`yWjijS`,De=`_1HO2ne`,Oe=`OyRJpj`,ke=`vrCrow`,Ae=`A0X-ma`,je=`AkHvPV`,Me=`_4YDLB5`,Ne=`CK3Bqv`,Pe=`nLmQut`,W={container:xe,card:Se,info:Ce,success:we,warning:Te,error:Ee,header:De,content:Oe,copy:ke,icon:Ae,kicker:je,title:Me,message:Ne,actions:Pe}})))()}function G(){let e=ye(),{dismiss:t}=H();return(0,K.jsx)(`section`,{className:W.container,"aria-label":`Область уведомлений`,children:e.map(e=>{let n=Ie[e.type],r=e.title??n.title,i=n.Icon;return(0,K.jsx)(`div`,{role:e.type===`error`?`alert`:`status`,"aria-atomic":`true`,className:oe(W.card,W[e.type]),children:(0,K.jsxs)(fe,{align:`start`,justify:`between`,gap:`sm`,className:W.header,children:[(0,K.jsxs)(fe,{align:`start`,gap:`sm`,className:W.content,children:[(0,K.jsx)(`span`,{className:W.icon,"aria-hidden":`true`,children:(0,K.jsx)(i,{})}),(0,K.jsxs)(`div`,{className:W.copy,children:[(0,K.jsx)(`div`,{className:W.kicker,children:n.title}),e.title?(0,K.jsx)(`div`,{className:W.title,children:r}):null,(0,K.jsx)(`div`,{className:W.message,children:e.message}),e.actions?.length?(0,K.jsx)(`div`,{className:W.actions,children:e.actions.map(t=>(0,K.jsx)(b,{tone:t.tone??e.type,appearance:`outline`,"data-ui":`notification-action-button`,"data-action":`notification-action`,onClick:()=>void t.onClick(),children:t.label},t.label))}):null]})]}),e.dismissible===!1?null:(0,K.jsx)(b,{icon:(0,K.jsx)(ie,{}),appearance:`ghost`,tone:e.type,onClick:()=>t(e.id),"aria-label":`Закрыть уведомление «${r}»`,"data-ui":`notification-dismiss-button`,"data-action":`dismiss-notification`})]})},e.id)})})}var K,Ie;function q(){return(q=e((()=>{se(),a(),s(),u(),m(),re(),pe(),de(),be(),U(),Fe(),K=_(),Ie={info:{title:`Информация`,Icon:f},success:{title:`Успешно`,Icon:c},warning:{title:`Предупреждение`,Icon:h},error:{title:`Ошибка`,Icon:o}},G.__docgenInfo={description:`Хост для визуального отображения активного toast-стека.
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./check-BnCTqaAz.js";import{n as a,t as o}from"./circle-alert-DHzv4KpY.js";import{n as s,t as c}from"./circle-check-DKd35XtT.js";import{i as l,n as u,r as d,t as f}from"./info-B6O6v4M3.js";import{n as ee,t as te}from"./refresh-cw-B7iOgoek.js";import{n as ne,t as p}from"./trash-2-Cj8Ikfyz.js";import{n as m,t as h}from"./triangle-alert-DFhuVxlv.js";import{n as re,t as ie}from"./x-BZlxy_R9.js";import{i as g,n as _,r as ae}from"./iframe--CGTMt9T.js";import{a as oe,i as se}from"./utils-tg3ibbzi.js";import{a as ce,i as le,n as v,r as y}from"./react-GkniIHEK.js";import{n as ue}from"./error-De9R4E_F.js";import{n as de,t as fe}from"./FlexContainer-CUkvfdhf.js";import{n as pe,t as b}from"./Button-CiBLpfB4.js";var me,he;function x(){return(x=e((()=>{g(),me=[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M22 8c0-2.3-.8-4.3-2-6`,key:`5bb3ad`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}],[`path`,{d:`M4 2C2.8 3.7 2 5.7 2 8`,key:`tap9e0`}]],he=ae(`bell-ring`,me)})))()}var S,C;function w(){return(w=e((()=>{g(),S=[[`path`,{d:`M10 2h4`,key:`n1abiw`}],[`path`,{d:`M12 14v-4`,key:`1evpnu`}],[`path`,{d:`M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6`,key:`1ts96g`}],[`path`,{d:`M9 17H4v5`,key:`8t5av`}]],C=ae(`timer-reset`,S)})))()}function ge(){let e=new Map,t=t=>{let n=e.get(t);n&&(window.clearTimeout(n),e.delete(t))},n=(n,r,i=1e4)=>{if(t(r),i<=0)return;let a=window.setTimeout(()=>{n.getState().actions.dismiss(r)},i);e.set(r,a)},r=le()((i,a)=>({items:[],history:[],actions:{push:e=>{let o=e.id??k(),s=Date.now(),c={id:o,type:e.type,title:e.title,message:e.message,createdAt:s,ttlMs:e.ttlMs,dismissible:e.dismissible??!0,actions:e.actions},l=a().items,u=[c,...l.filter(e=>e.id!==o)].slice(0,A),d=new Set(u.map(e=>e.id));return l.forEach(e=>{d.has(e.id)||t(e.id)}),i(e=>({items:u,history:[c,...e.history.filter(e=>e.id!==o)]})),n(r,o,c.ttlMs),o},update:(e,t)=>{let o=a().items.find(t=>t.id===e);if(!o)return!1;let s={...o,...t,id:o.id,createdAt:o.createdAt};return i(t=>({items:t.items.map(t=>t.id===e?s:t),history:t.history.map(t=>t.id===e?s:t)})),`ttlMs`in t&&n(r,e,s.ttlMs),!0},upsert:e=>a().actions.update(e.id,{type:e.type,title:e.title,message:e.message,ttlMs:e.ttlMs,dismissible:e.dismissible})?e.id:a().actions.push(e),dismiss:e=>{t(e),i(t=>({items:t.items.filter(t=>t.id!==e)}))},clear:()=>{e.forEach(e=>window.clearTimeout(e)),e.clear(),i({items:[]})},clearHistory:()=>{i({history:[]})}}}));return r}var T,E,D,O,k,A;function j(){return(j=e((()=>{ce(),T=null,E=e=>(T=e,()=>{T===e&&(T=null)}),D=()=>{if(!T)throw Error(`Notifications store is not bound. Wrap app with NotificationsProvider.`);return T},O=Object.freeze({push:e=>D().getState().actions.push(e),upsert:e=>D().getState().actions.upsert(e),update:(e,t)=>D().getState().actions.update(e,t),dismiss:e=>D().getState().actions.dismiss(e),clear:()=>D().getState().actions.clear(),clearHistory:()=>D().getState().actions.clearHistory(),success:(e,t)=>D().getState().actions.push({type:`success`,message:e,...t}),info:(e,t)=>D().getState().actions.push({type:`info`,message:e,...t}),warning:(e,t)=>D().getState().actions.push({type:`warning`,message:e,...t}),error:(e,t)=>D().getState().actions.push({type:`error`,message:e,...t}),progress:(e,t)=>{let n=D(),r=t?.id;r&&n.getState().actions.upsert({id:r,type:`info`,title:t?.title,message:e,dismissible:!1});let i=r??n.getState().actions.push({type:`info`,title:t?.title,message:e,dismissible:!1});return{id:i,update:e=>O.update(i,{message:e}),success:(e,t=2500)=>O.update(i,{type:`success`,message:e,dismissible:!0,ttlMs:t}),error:(e,t=5e3)=>O.update(i,{type:`error`,message:e,dismissible:!0,ttlMs:t}),dismiss:()=>O.dismiss(i)}}}),k=()=>`${Date.now().toString(36)}-${Math.random().toString(36).slice(2,9)}`,A=6})))()}var M,N;function P(){return(P=e((()=>{M=n(),N=(0,M.createContext)(null)})))()}function F({children:e}){let t=(0,I.useMemo)(()=>ge(),[]);return(0,I.useEffect)(()=>E(t),[t]),(0,L.jsx)(N.Provider,{value:t,children:e})}var I,L;function R(){return(R=e((()=>{I=n(),j(),P(),L=_(),F.__docgenInfo={description:`Провайдер уведомлений приложения. Хранит активный toast-стек и полную историю уведомлений.`,methods:[],displayName:`NotificationsProvider`}})))()}function z(){let e=(0,B.useContext)(N);if(!e)throw ue({hookName:`useNotificationsStore`,providerName:`NotificationsProvider`});return e}var B;function V(){return(V=e((()=>{B=n(),P()})))()}function _e(){let e=z();return y(e,e=>e.history)}function ve(){return(ve=e((()=>{v(),V()})))()}function ye(){let e=z();return y(e,e=>e.items)}function be(){return(be=e((()=>{v(),V()})))()}function H(){let e=z(),t=y(e,e=>e.actions),n=e=>(n,r)=>t.push({type:e,message:n,...r});return{...t,success:n(`success`),info:n(`info`),warning:n(`warning`),error:n(`error`)}}function U(){return(U=e((()=>{v(),V()})))()}var xe,Se,Ce,we,Te,Ee,De,Oe,ke,Ae,je,Me,Ne,Pe,W;function Fe(){return(Fe=e((()=>{xe=`STGQ3g`,Se=`RaiISE`,Ce=`cM81wO`,we=`nH2cuZ`,Te=`A2glD7`,Ee=`yWjijS`,De=`_1HO2ne`,Oe=`OyRJpj`,ke=`vrCrow`,Ae=`A0X-ma`,je=`AkHvPV`,Me=`_4YDLB5`,Ne=`CK3Bqv`,Pe=`nLmQut`,W={container:xe,card:Se,info:Ce,success:we,warning:Te,error:Ee,header:De,content:Oe,copy:ke,icon:Ae,kicker:je,title:Me,message:Ne,actions:Pe}})))()}function G(){let e=ye(),{dismiss:t}=H();return(0,K.jsx)(`section`,{className:W.container,"aria-label":`Область уведомлений`,children:e.map(e=>{let n=Ie[e.type],r=e.title??n.title,i=n.Icon;return(0,K.jsx)(`div`,{role:e.type===`error`?`alert`:`status`,"aria-atomic":`true`,className:oe(W.card,W[e.type]),children:(0,K.jsxs)(fe,{align:`start`,justify:`between`,gap:`sm`,className:W.header,children:[(0,K.jsxs)(fe,{align:`start`,gap:`sm`,className:W.content,children:[(0,K.jsx)(`span`,{className:W.icon,"aria-hidden":`true`,children:(0,K.jsx)(i,{})}),(0,K.jsxs)(`div`,{className:W.copy,children:[(0,K.jsx)(`div`,{className:W.kicker,children:n.title}),e.title?(0,K.jsx)(`div`,{className:W.title,children:r}):null,(0,K.jsx)(`div`,{className:W.message,children:e.message}),e.actions?.length?(0,K.jsx)(`div`,{className:W.actions,children:e.actions.map(t=>(0,K.jsx)(b,{tone:t.tone??e.type,appearance:`outline`,"data-ui":`notification-action-button`,"data-action":`notification-action`,onClick:()=>void t.onClick(),children:t.label},t.label))}):null]})]}),e.dismissible===!1?null:(0,K.jsx)(b,{icon:(0,K.jsx)(ie,{}),appearance:`ghost`,tone:e.type,onClick:()=>t(e.id),"aria-label":`Закрыть уведомление «${r}»`,"data-ui":`notification-dismiss-button`,"data-action":`dismiss-notification`})]})},e.id)})})}var K,Ie;function q(){return(q=e((()=>{se(),a(),s(),u(),m(),re(),pe(),de(),be(),U(),Fe(),K=_(),Ie={info:{title:`Информация`,Icon:f},success:{title:`Успешно`,Icon:c},warning:{title:`Предупреждение`,Icon:h},error:{title:`Ошибка`,Icon:o}},G.__docgenInfo={description:`Хост для визуального отображения активного toast-стека.
 Обычно монтируется один раз на уровне приложения рядом с провайдером уведомлений.
 Полную историю host-проект отображает отдельно через useNotificationHistory.`,methods:[],displayName:`NotificationsHost`}})))()}var Le=t({InteractivePlayground:()=>$,Showcase:()=>Q,__namedExportsOrder:()=>qe,default:()=>He});function Re(){let{clear:e,clearHistory:t}=H();return(0,J.useEffect)(()=>(e(),t(),()=>{e(),t()}),[e,t]),null}function ze({children:e,hostProps:t}){return(0,Y.jsxs)(F,{children:[(0,Y.jsx)(Re,{}),(0,Y.jsx)(`div`,{style:Ue,children:(0,Y.jsxs)(`div`,{style:We,children:[(0,Y.jsxs)(`div`,{style:Ge,children:[(0,Y.jsx)(`h2`,{style:{margin:0,fontSize:`var(--font-size-xl)`},children:`Демонстрация очереди уведомлений`}),(0,Y.jsx)(`p`,{style:{margin:`12px 0 0`,color:`var(--content-1)`},children:"Хост закреплён в левом нижнем углу и использует общие токены проекта: `surface`, `content`, `status` и семантические `tone-*`. Внутри историй можно проверить лимит очереди, sticky-уведомления и сценарий длительной операции с обновлением одного уведомления."})]}),e]})}),(0,Y.jsx)(G,{...t})]})}function Be(){let{clear:e,push:t}=H();return(0,J.useEffect)(()=>(e(),t({type:`info`,title:`Сетевой статус`,message:`Подключение к серверу восстановлено.`,ttlMs:6e3}),t({type:`success`,title:`Профиль обновлён`,message:`Изменения сохранены и отправлены в очередь на синхронизацию.`,ttlMs:4500}),t({type:`warning`,title:`Требуется внимание`,message:`Срок действия сессии истекает через 5 минут.`}),t({type:`error`,title:`Ошибка импорта`,message:`Не удалось загрузить журнал операций.
 Повторите запрос или обратитесь к администратору.`}),()=>{e()}),[e,t]),(0,Y.jsxs)(`div`,{style:X,children:[(0,Y.jsx)(`h3`,{style:{margin:0},children:`Снимок состояний`}),(0,Y.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:`История сразу заполняет очередь всеми типами уведомлений, чтобы оценить цвет, иконки, контраст и читаемость текста.`})]})}function Ve(){let e=H(),t=_e(),n=(0,J.useRef)(null),[r,a]=(0,J.useState)(!1),o=()=>{n.current=null,a(!1)},s=(t,r)=>{let i=n.current;i&&(!e.update(i,{message:t,...r})||r?.type)&&o()};return(0,Y.jsxs)(`div`,{style:Ke,children:[(0,Y.jsxs)(`section`,{style:X,children:[(0,Y.jsx)(`h3`,{style:{margin:0},children:`Базовые сценарии`}),(0,Y.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:"Вызовы через `useNotify` подходят для UI-логики внутри React-компонентов."}),(0,Y.jsxs)(`div`,{style:Z,children:[(0,Y.jsx)(b,{tone:`info`,appearance:`outline`,icon:(0,Y.jsx)(f,{}),onClick:()=>e.info(`Справочник обновлён по расписанию.`,{title:`Информация`,ttlMs:3500}),children:`Info`}),(0,Y.jsx)(b,{tone:`success`,appearance:`solid`,icon:(0,Y.jsx)(i,{}),onClick:()=>e.success(`Изменения сохранены.`,{title:`Операция завершена`,ttlMs:2500}),children:`Success`}),(0,Y.jsx)(b,{tone:`warning`,appearance:`outline`,icon:(0,Y.jsx)(h,{}),onClick:()=>e.warning(`Подтвердите действие в течение 2 минут.`,{title:`Требуется подтверждение`,dismissible:!1}),children:`Sticky warning`}),(0,Y.jsx)(b,{tone:`error`,appearance:`solid`,icon:(0,Y.jsx)(d,{}),onClick:()=>e.error(`Сервис проверки подписей недоступен.`,{title:`Критическая ошибка`}),children:`Error`})]})]}),(0,Y.jsxs)(`section`,{style:X,children:[(0,Y.jsx)(`h3`,{style:{margin:0},children:`Долгая операция`}),(0,Y.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:"Сценарий имитирует `notify.progress`: создаёт одно sticky-уведомление и затем обновляет его по тому же `id`."}),(0,Y.jsxs)(`div`,{style:Z,children:[(0,Y.jsx)(b,{variant:`neutralOutline`,icon:(0,Y.jsx)(he,{}),onClick:()=>{let t=e.push({type:`info`,title:`Экспорт архива`,message:`Подготавливаю пакет документов...`,dismissible:!1});n.current=t,a(!0)},children:`Запустить`}),(0,Y.jsx)(b,{variant:`neutralOutline`,icon:(0,Y.jsx)(te,{}),onClick:()=>{s(`Обработано 68% записей. Формирую итоговый архив...`)},disabled:!r,children:`Обновить прогресс`}),(0,Y.jsx)(b,{tone:`success`,appearance:`outline`,icon:(0,Y.jsx)(i,{}),onClick:()=>{s(`Архив подготовлен и доступен для скачивания.`,{type:`success`,ttlMs:2500,dismissible:!0})},disabled:!r,children:`Завершить успешно`}),(0,Y.jsx)(b,{tone:`error`,appearance:`outline`,icon:(0,Y.jsx)(d,{}),onClick:()=>{s(`Не удалось собрать архив из-за ошибки чтения вложений.`,{type:`error`,ttlMs:5e3,dismissible:!0})},disabled:!r,children:`Завершить ошибкой`})]})]}),(0,Y.jsxs)(`section`,{style:X,children:[(0,Y.jsx)(`h3`,{style:{margin:0},children:`Toast-стек и история`}),(0,Y.jsxs)(`p`,{style:{margin:0,color:`var(--content-1)`},children:[`Toast-host отображает не более 6 уведомлений, а история сохраняет все записи. Кнопка ниже создаёт 8 элементов для проверки обоих представлений. Сейчас в истории: `,t.length,`.`]}),(0,Y.jsxs)(`div`,{style:Z,children:[(0,Y.jsx)(b,{variant:`neutralOutline`,icon:(0,Y.jsx)(te,{}),onClick:()=>{for(let t=1;t<=8;t+=1)e.info(`Пакет ${t} поставлен в очередь на обработку.`,{title:`Задача ${t}`,ttlMs:8e3})},children:`Заполнить очередь`}),(0,Y.jsx)(b,{tone:`info`,appearance:`outline`,icon:(0,Y.jsx)(C,{}),onClick:()=>e.info(`Это уведомление исчезнет автоматически через 2 секунды.`,{title:`TTL = 2000 мс`,ttlMs:2e3}),children:`Проверить TTL`}),(0,Y.jsx)(b,{variant:`transparent`,icon:(0,Y.jsx)(p,{}),onClick:()=>{o(),e.clear()},children:`Скрыть toast`}),(0,Y.jsx)(b,{variant:`transparent`,icon:(0,Y.jsx)(p,{}),onClick:()=>e.clearHistory(),children:`Очистить историю`})]})]})]})}var J,Y,He,Ue,We,Ge,Ke,X,Z,Q,$,qe;function Je(){return(Je=e((()=>{J=n(),x(),r(),u(),ee(),w(),ne(),m(),l(),pe(),R(),ve(),U(),q(),Y=_(),He={title:`UI/Notifications`,component:G,args:{},argTypes:{},parameters:{atomicCanvas:!0,layout:`fullscreen`,docs:{description:{component:`Компонент отображает активный toast-стек поверх интерфейса, а useNotificationHistory даёт host-проекту полную историю без готового контейнера. Stories показывают статусы, автозакрытие, лимит toast и длительную операцию.`}}}},Ue={minHeight:`100vh`,padding:`32px 24px 160px`,background:`linear-gradient(180deg, color-mix(in srgb, var(--surface-1) 82%, transparent) 0%, var(--surface-0) 100%)`,color:`var(--content-0)`},We={maxWidth:1120,margin:`0 auto`,display:`grid`,gap:16},Ge={padding:20,border:`var(--border)`,borderRadius:`var(--radius-md)`,background:`var(--surface-0)`,boxShadow:`var(--shadow-sm)`},Ke={display:`grid`,gap:16,gridTemplateColumns:`repeat(auto-fit, minmax(280px, 1fr))`},X={padding:20,border:`var(--border)`,borderRadius:`var(--radius-md)`,background:`var(--surface-0)`,boxShadow:`var(--shadow-sm)`,display:`grid`,gap:12,alignContent:`start`},Z={display:`flex`,flexWrap:`wrap`,gap:10},Q={render:function(e){return(0,Y.jsx)(ze,{hostProps:e,children:(0,Y.jsx)(Be,{})})},parameters:{docs:{description:{story:`Быстрый визуальный обзор: все статусы сразу добавляются в очередь после открытия истории.`}}}},$={render:function(e){return(0,Y.jsx)(ze,{hostProps:e,children:(0,Y.jsx)(Ve,{})})},parameters:{docs:{description:{story:`Интерактивный сценарий для проверки базовых уведомлений, длительной операции, лимита toast, истории и автозакрытия.`}}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{

package/storybook-static/assets/{ODataMultiSelect-rXpV6DVc.js → ODataMultiSelect-BxNC8zss.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-k8_NQe3D.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./ODataMultiSelect.stories-BK7inW-H.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-za-wOwFF.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./ODataMultiSelect.stories-BLourbRQ.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
 `,(0,T.jsx)(u,{children:`ODataMultiSelect`}),`
 `,(0,T.jsx)(o,{children:`Мультиселект с загрузкой коллекций по OData и зависимостями от внешних фильтров`}),`
 `,(0,T.jsx)(t.p,{children:`ODataMultiSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{ODataMultiSelect.stories-BK7inW-H.js → ODataMultiSelect.stories-BLourbRQ.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-DmEkruYl.js";import{a as i,s as a,t as o}from"./odata-DuCCq8G1.js";import{n as s,t as c}from"./createControlledStoryRender-BouhvX-R.js";import{a as l,i as u,n as d,r as f,t as p}from"./useODataSelectBase-F-y8dDqn.js";import{n as m,t as h}from"./MultiSelect-DBNTc1dz.js";import{a as g,c as _,i as v,l as y,n as b,o as x,r as S,s as C,t as w,u as T}from"./odataStoryFixtures-BuE6LYnL.js";function E({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=f({odata:e,segment:t,model:n,value:r,dependencies:i}),s=e=>{a(d(e,o.selectionKey))};return{...o,handleChange:s}}function D(){return(D=e((()=>{p()})))()}function O({odata:e,segment:t,model:n,label:r,description:i,disabled:o,value:s,dependencies:c,onChange:l,size:u}){let d=E({odata:e,segment:t,model:a(n),value:s,dependencies:c,onChange:l});return(0,k.jsx)(h,{label:r,description:i,size:u,codeKey:d.codeKey,textKey:d.textKey,hideCode:t.hideCode??e.hideCode,items:d.filteredItems,value:d.selectedItems,onChange:d.handleChange,onQuery:d.setQuery,query:d.query,defaultFilter:!1,highlightQuery:d.debouncedQuery,isLoading:d.isLoading,disabled:o,placeholder:d.placeholder,error:d.isError?`Ошибка загрузки`:void 0})}var k;function A(){return(A=e((()=>{i(),D(),m(),k=r(),O.__docgenInfo={description:``,methods:[],displayName:`ODataMultiSelect`}})))()}function j(e){let{item:t,disabled:n,label:r,description:i,size:a,width:o=15}=e,s=l(e),{updateSegment:c}=s,u=`calc(${o}em + var(--width-add))`,d=(0,M.useCallback)(e=>{c(t.id,e)},[t.id,c]);return(0,N.jsx)(`div`,{style:{maxWidth:u,minWidth:u},children:(0,N.jsx)(O,{odata:t.odata,segment:t.segment,model:t.model,dependencies:s.values,value:s.values[t.id],onChange:d,disabled:n||s.isSegmentDisabled(t.id),label:r,description:i,size:a})})}var M,N;function P(){return(P=e((()=>{M=n(),u(),A(),N=r(),j.__docgenInfo={description:``,methods:[],displayName:`ODataDependentSegmentMultiSelect`,props:{values:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Внешний снимок значений. При наличии включает controlled-режим.`},defaultValues:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Начальный снимок для uncontrolled-режима.`},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(values: ODataDependentSelectionValues) => void`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},name:`values`}],return:{name:`void`}}},description:`Получает полный снимок после каждого изменения сегмента.`},item:{required:!0,tsType:{name:`ODataDependentSegmentItem`},description:`Развёрнутое описание конкретного OData-сегмента.`},disabled:{required:!1,tsType:{name:`boolean`},description:`Дополнительная внешняя блокировка поверх sequential-policy.`},label:{required:!1,tsType:{name:`ReactNode`},description:`Заголовок поля.`},description:{required:!1,tsType:{name:`string`},description:`Дополнительное описание поля.`},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:`Размер базового Select или MultiSelect.`},width:{required:!1,tsType:{name:`number`},description:`Ширина элемента в \`em\` без служебной добавки базового input.
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe--CGTMt9T.js";import{a as i,s as a,t as o}from"./odata-BEDULcKk.js";import{n as s,t as c}from"./createControlledStoryRender-BouhvX-R.js";import{a as l,i as u,n as d,r as f,t as p}from"./useODataSelectBase-Bm1bPs1s.js";import{n as m,t as h}from"./DeprecatedMultiSelect-CX5U1Wb1.js";import{a as g,c as _,i as v,l as y,n as b,o as x,r as S,s as C,t as w,u as T}from"./odataStoryFixtures-DHVieZR4.js";function E({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=f({odata:e,segment:t,model:n,value:r,dependencies:i}),s=e=>{a(d(e,o.selectionKey))};return{...o,handleChange:s}}function D(){return(D=e((()=>{p()})))()}function O({odata:e,segment:t,model:n,label:r,description:i,disabled:o,value:s,dependencies:c,onChange:l,size:u}){let d=E({odata:e,segment:t,model:a(n),value:s,dependencies:c,onChange:l});return(0,k.jsx)(h,{label:r,description:i,size:u,codeKey:d.codeKey,textKey:d.textKey,hideCode:t.hideCode??e.hideCode,items:d.filteredItems,value:d.selectedItems,onChange:d.handleChange,onQuery:d.setQuery,query:d.query,defaultFilter:!1,highlightQuery:d.debouncedQuery,isLoading:d.isLoading,disabled:o,placeholder:d.placeholder,error:d.isError?`Ошибка загрузки`:void 0})}var k;function A(){return(A=e((()=>{i(),D(),m(),k=r(),O.__docgenInfo={description:``,methods:[],displayName:`ODataMultiSelect`}})))()}function j(e){let{item:t,disabled:n,label:r,description:i,size:a,width:o=15}=e,s=l(e),{updateSegment:c}=s,u=`calc(${o}em + var(--width-add))`,d=(0,M.useCallback)(e=>{c(t.id,e)},[t.id,c]);return(0,N.jsx)(`div`,{style:{maxWidth:u,minWidth:u},children:(0,N.jsx)(O,{odata:t.odata,segment:t.segment,model:t.model,dependencies:s.values,value:s.values[t.id],onChange:d,disabled:n||s.isSegmentDisabled(t.id),label:r,description:i,size:a})})}var M,N;function P(){return(P=e((()=>{M=n(),u(),A(),N=r(),j.__docgenInfo={description:``,methods:[],displayName:`ODataDependentSegmentMultiSelect`,props:{values:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Внешний снимок значений. При наличии включает controlled-режим.`},defaultValues:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Начальный снимок для uncontrolled-режима.`},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(values: ODataDependentSelectionValues) => void`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},name:`values`}],return:{name:`void`}}},description:`Получает полный снимок после каждого изменения сегмента.`},item:{required:!0,tsType:{name:`ODataDependentSegmentItem`},description:`Развёрнутое описание конкретного OData-сегмента.`},disabled:{required:!1,tsType:{name:`boolean`},description:`Дополнительная внешняя блокировка поверх sequential-policy.`},label:{required:!1,tsType:{name:`ReactNode`},description:`Заголовок поля.`},description:{required:!1,tsType:{name:`string`},description:`Дополнительное описание поля.`},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:`Размер базового Select или MultiSelect.`},width:{required:!1,tsType:{name:`number`},description:`Ширина элемента в \`em\` без служебной добавки базового input.
 
 @default 15`}}}})))()}var F=t({BasicDivision:()=>U,CollectionError:()=>X,HideCode:()=>W,LinkedFilters:()=>q,LoadingState:()=>J,MetadataError:()=>Y,SelectTextValue:()=>G,StaticDependency:()=>K,__namedExportsOrder:()=>Z,default:()=>H});function I({args:e,updateArgs:t}){return(0,R.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,R.jsx)(O,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,R.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value.length?e.value.join(`, `):`пусто`]})]})}function L(){let e=l({selectionMode:`sequential`,segmentOrder:B});return(0,R.jsxs)(`div`,{style:{display:`grid`,gap:16,maxWidth:720},children:[z.map((t,n)=>(0,R.jsx)(j,{item:t,values:e.values,onChange:e.updateValues,selectionMode:`sequential`,segmentOrder:B,label:t.segment.placeholder,description:n===0?`Первый уровень доступен сразу.`:`Уровень включается после заполнения всего предыдущего пути.`,width:30},t.id)),(0,R.jsx)(`div`,{style:{display:`grid`,gap:4,fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:(0,R.jsxs)(`div`,{children:[`Общий снимок: `,JSON.stringify(e.values)]})})]})}var R,z,B,V,H,U,W,G,K,q,J,Y,X,Z;function Q(){return(Q=e((()=>{i(),s(),u(),v(),P(),A(),R=r(),z=o([{odata:b,segments:_,model:w}]),B=z.map(e=>e.id),V=c((e,t)=>(0,R.jsx)(I,{args:e,updateArgs:t})),H={title:`UI/ODataMultiSelect`,component:O,decorators:[T],beforeEach:g,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`Регион`,description:`Пример OData MultiSelect на основе конфигурации ui control.`,odata:b,model:w,segment:S,value:[],onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},odata:{description:`Конфигурация OData-источника.`,control:!1},model:{description:`Модель OData-коллекции и codeKey.`,control:!1},segment:{description:`Конфигурация отображения сегмента.`,control:!1},dependencies:{description:`Выбранные значения upstream-сегментов.`,control:!1},value:{description:`Контролируемый набор выбранных кодов или текстов.`,control:!1},onChange:{description:`Вызывается с новым набором выбранных значений.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},U={name:`Базовый регион`,render:V,args:{label:`Регион`,description:`Базовая настройка из multiSelectConfig: выбор кодов REGION с текстовым отображением.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`},value:[C.region]}},W={name:`Скрытый код`,render:V,args:{label:`Подразделение`,description:`Сценарий segment.hideCode: в списке и токене показывается только текст без кода.`,model:{...w,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`,hideCode:!0},value:[C.branch,C.branchAlt]}},G={name:`Выбор текста вместо кода`,render:V,args:{label:`Регион по тексту`,description:`Сценарий segment.selectText: наружу возвращаются текстовые значения, а не коды.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`,selectText:!0},value:[C.regionText]}},K={name:`Зависимость от региона`,render:V,args:{label:`Подразделение c зависимостью`,description:`Фильтрация подразделений по уже выбранному региону через props.dependencies.`,model:{...w,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:{REGION:[C.region]},value:[C.branch]}},q={name:`Связанная цепочка фильтров`,render:()=>(0,R.jsx)(L,{})},J={name:`Состояние загрузки`,parameters:{odataMockMode:`loading`},render:V,args:{odata:x.loading,label:`Команда`,description:`Mock с задержкой ответа, чтобы проверить loading-state и skeleton.`,model:{...w,codeKey:`TEAM`},segment:{placeholder:`Команда`}}},Y={name:`Ошибка metadata`,decorators:[y],parameters:{odataMockMode:`metadataError`},render:V,args:{odata:x.metadataError,label:`Регион`,description:`Сервис возвращает ошибку metadata. Полезно для проверки поведения хука useODataEntity.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`}}},X={name:`Деградация при ошибке коллекции`,parameters:{odataMockMode:`collectionError`},render:V,args:{odata:x.collectionError,label:`Ответственный`,description:`Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.`,model:{...w,codeKey:`OWNER`},segment:{placeholder:`Ответственный`}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
   name: "Базовый регион",

package/storybook-static/assets/{ODataSelect-ChMv3gAt.js → ODataSelect-DvZjbRtG.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-k8_NQe3D.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./ODataSelect.stories-CWgCeuUZ.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-za-wOwFF.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./ODataSelect.stories-CswbeNTT.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
 `,(0,T.jsx)(u,{children:`ODataSelect`}),`
 `,(0,T.jsx)(o,{children:`Single-select с загрузкой OData-справочника, поиском и зависимостями от внешних фильтров`}),`
 `,(0,T.jsx)(t.p,{children:`ODataSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{ODataSelect.stories-CWgCeuUZ.js → ODataSelect.stories-CswbeNTT.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-DmEkruYl.js";import{a as i,s as a,t as o}from"./odata-DuCCq8G1.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{a as l,c as u,i as d,o as f,r as p,s as m}from"./OptionContent-DgSmB8T-.js";import{n as ee,t as h}from"./createControlledStoryRender-BouhvX-R.js";import{c as te,l as ne}from"./Input-CvT5iV9z.js";import{n as re,t as ie}from"./Select-wMvrcMy4.js";import{a as g,i as _,r as ae,t as v}from"./useODataSelectBase-F-y8dDqn.js";import{a as oe,c as se,i as ce,l as le,n as y,o as b,r as ue,s as x,t as S,u as C}from"./odataStoryFixtures-BuE6LYnL.js";function w({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=ae({odata:e,segment:t,model:n,value:r?[r]:[],dependencies:i}),s=o.selectedItems[0],c=(0,T.useMemo)(()=>s?[s,...o.filteredItems]:o.filteredItems,[o.filteredItems,s]),l=e=>{a(e?.[o.selectionKey])};return{...o,selectedItem:s,options:c,handleChange:l}}var T;function E(){return(E=e((()=>{T=n(),v()})))()}function D({label:e,code:t,highlight:n,labelClassName:r,codeClassName:i}){return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(p,{className:s(`flexEllipsis`,r),children:(0,O.jsx)(m,{text:e,highlight:n})}),t&&(0,O.jsx)(l,{className:i,children:(0,O.jsx)(m,{text:t,highlight:n})})]})}var O;function k(){return(k=e((()=>{c(),f(),d(),u(),O=r(),D.__docgenInfo={description:`Универсальный рендерер опции. Используется и в single-select, и в multi-select.`,methods:[],displayName:`SelectOptionContent`,props:{label:{required:!0,tsType:{name:`string`},description:``},code:{required:!1,tsType:{name:`string`},description:``},highlight:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:`Приватный визуальный modifier label для специализированного владельца option.`},codeClassName:{required:!1,tsType:{name:`string`},description:`Отдельный modifier code, потому что code задаёт собственный variable-font weight.`}}}})))()}function A(e,t,n){return e?t||Object.keys(e).find(e=>e!==n)||n:t||n}function j({odata:e,segment:t,model:n,size:r,label:i,description:o,disabled:s,value:c,dependencies:l,onChange:u,clearable:d}){let f=w({odata:e,segment:t,model:a(n),value:c,dependencies:l,onChange:u});if(f.isLoading)return(0,M.jsx)(te,{size:r,label:i,description:o});let p=t.hideCode??e.hideCode,m=A(f.selectedItem??f.options[0],f.textKey,f.codeKey);return(0,M.jsx)(ie,{size:r,label:i,description:o,options:f.options,value:f.selectedItem,onChange:f.handleChange,getOptionKey:e=>e[f.codeKey],getOptionLabel:e=>e[m],getOptionCode:p?void 0:e=>e[f.codeKey],getOptionAriaLabel:e=>p||e[m]===e[f.codeKey]?String(e[m]):`${e[m]} ${e[f.codeKey]}`,renderValue:e=>(0,M.jsx)(D,{label:e[m],code:p?void 0:e[f.codeKey]}),renderOption:e=>(0,M.jsx)(D,{label:e[m],code:p?void 0:e[f.codeKey],highlight:f.debouncedQuery}),searchable:!0,query:f.query,onQuery:f.setQuery,defaultFilter:!1,disabled:s||f.isLoading,placeholder:f.placeholder,isLoading:f.isLoading,errorState:f.isError?`Ошибка загрузки`:void 0,emptyState:!f.isLoading&&!f.isError?`Нет данных`:void 0,clearable:d})}var M;function N(){return(N=e((()=>{i(),ne(),E(),re(),k(),M=r(),j.__docgenInfo={description:``,methods:[],displayName:`ODataSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function P(e){let{item:t,disabled:n,label:r,description:i,size:a,width:o=15,clearable:s}=e,c=g(e),{updateSegment:l}=c,u=`calc(${o}em + var(--width-add))`,d=(0,F.useCallback)(e=>{l(t.id,e===void 0?[]:[e])},[t.id,l]);return(0,I.jsx)(`div`,{style:{maxWidth:u,minWidth:u},children:(0,I.jsx)(j,{odata:t.odata,segment:t.segment,model:t.model,dependencies:c.values,value:c.values[t.id]?.[0],onChange:d,disabled:n||c.isSegmentDisabled(t.id),label:r,description:i,size:a,clearable:s})})}var F,I;function L(){return(L=e((()=>{F=n(),_(),N(),I=r(),P.__docgenInfo={description:`Адаптирует один развёрнутый зависимый OData-сегмент к single-select UI.
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe--CGTMt9T.js";import{a as i,s as a,t as o}from"./odata-BEDULcKk.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{a as l,c as u,i as d,o as f,r as p,s as m}from"./OptionContent-BG9-OWJw.js";import{n as ee,t as h}from"./createControlledStoryRender-BouhvX-R.js";import{c as te,l as ne}from"./Input-DKfVkFor.js";import{n as re,t as ie}from"./Select-COV2S25J.js";import{a as g,i as _,r as ae,t as v}from"./useODataSelectBase-Bm1bPs1s.js";import{a as oe,c as se,i as ce,l as le,n as y,o as b,r as ue,s as x,t as S,u as C}from"./odataStoryFixtures-DHVieZR4.js";function w({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=ae({odata:e,segment:t,model:n,value:r?[r]:[],dependencies:i}),s=o.selectedItems[0],c=(0,T.useMemo)(()=>s?[s,...o.filteredItems]:o.filteredItems,[o.filteredItems,s]),l=e=>{a(e?.[o.selectionKey])};return{...o,selectedItem:s,options:c,handleChange:l}}var T;function E(){return(E=e((()=>{T=n(),v()})))()}function D({label:e,code:t,highlight:n,labelClassName:r,codeClassName:i}){return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(p,{className:s(`flexEllipsis`,r),children:(0,O.jsx)(m,{text:e,highlight:n})}),t&&(0,O.jsx)(l,{className:i,children:(0,O.jsx)(m,{text:t,highlight:n})})]})}var O;function k(){return(k=e((()=>{c(),f(),d(),u(),O=r(),D.__docgenInfo={description:`Универсальный рендерер опции. Используется и в single-select, и в multi-select.`,methods:[],displayName:`SelectOptionContent`,props:{label:{required:!0,tsType:{name:`string`},description:``},code:{required:!1,tsType:{name:`string`},description:``},highlight:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:`Приватный визуальный modifier label для специализированного владельца option.`},codeClassName:{required:!1,tsType:{name:`string`},description:`Отдельный modifier code, потому что code задаёт собственный variable-font weight.`}}}})))()}function A(e,t,n){return e?t||Object.keys(e).find(e=>e!==n)||n:t||n}function j({odata:e,segment:t,model:n,size:r,label:i,description:o,disabled:s,value:c,dependencies:l,onChange:u,clearable:d}){let f=w({odata:e,segment:t,model:a(n),value:c,dependencies:l,onChange:u});if(f.isLoading)return(0,M.jsx)(te,{size:r,label:i,description:o});let p=t.hideCode??e.hideCode,m=A(f.selectedItem??f.options[0],f.textKey,f.codeKey);return(0,M.jsx)(ie,{size:r,label:i,description:o,options:f.options,value:f.selectedItem,onChange:f.handleChange,getOptionKey:e=>e[f.codeKey],getOptionLabel:e=>e[m],getOptionCode:p?void 0:e=>e[f.codeKey],getOptionAriaLabel:e=>p||e[m]===e[f.codeKey]?String(e[m]):`${e[m]} ${e[f.codeKey]}`,renderValue:e=>(0,M.jsx)(D,{label:e[m],code:p?void 0:e[f.codeKey]}),renderOption:e=>(0,M.jsx)(D,{label:e[m],code:p?void 0:e[f.codeKey],highlight:f.debouncedQuery}),searchable:!0,query:f.query,onQuery:f.setQuery,defaultFilter:!1,disabled:s||f.isLoading,placeholder:f.placeholder,isLoading:f.isLoading,errorState:f.isError?`Ошибка загрузки`:void 0,emptyState:!f.isLoading&&!f.isError?`Нет данных`:void 0,clearable:d})}var M;function N(){return(N=e((()=>{i(),ne(),E(),re(),k(),M=r(),j.__docgenInfo={description:``,methods:[],displayName:`ODataSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function P(e){let{item:t,disabled:n,label:r,description:i,size:a,width:o=15,clearable:s}=e,c=g(e),{updateSegment:l}=c,u=`calc(${o}em + var(--width-add))`,d=(0,F.useCallback)(e=>{l(t.id,e===void 0?[]:[e])},[t.id,l]);return(0,I.jsx)(`div`,{style:{maxWidth:u,minWidth:u},children:(0,I.jsx)(j,{odata:t.odata,segment:t.segment,model:t.model,dependencies:c.values,value:c.values[t.id]?.[0],onChange:d,disabled:n||c.isSegmentDisabled(t.id),label:r,description:i,size:a,clearable:s})})}var F,I;function L(){return(L=e((()=>{F=n(),_(),N(),I=r(),P.__docgenInfo={description:`Адаптирует один развёрнутый зависимый OData-сегмент к single-select UI.
 Общий снимок остаётся массивным, поэтому совместим с \`dependencies\` и
 может совместно использоваться с segment-level MultiSelect-контролами.`,methods:[],displayName:`ODataDependentSegmentSelect`,props:{values:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Внешний снимок значений. При наличии включает controlled-режим.`},defaultValues:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Начальный снимок для uncontrolled-режима.`},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(values: ODataDependentSelectionValues) => void`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},name:`values`}],return:{name:`void`}}},description:`Получает полный снимок после каждого изменения сегмента.`},item:{required:!0,tsType:{name:`ODataDependentSegmentItem`},description:`Развёрнутое описание конкретного OData-сегмента.`},disabled:{required:!1,tsType:{name:`boolean`},description:`Дополнительная внешняя блокировка поверх sequential-policy.`},label:{required:!1,tsType:{name:`ReactNode`},description:`Заголовок поля.`},description:{required:!1,tsType:{name:`string`},description:`Дополнительное описание поля.`},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:`Размер базового Select или MultiSelect.`},width:{required:!1,tsType:{name:`number`},description:`Ширина элемента в \`em\` без служебной добавки базового input.
 

package/storybook-static/assets/{ODataTreeMultiSelect--K1Cr5rs.js → ODataTreeMultiSelect-DagrfWBY.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-k8_NQe3D.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x}from"./ODataTreeMultiSelect.stories-DkqcOU54.js";function S(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-za-wOwFF.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x}from"./ODataTreeMultiSelect.stories-TbWSFRbD.js";function S(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
 `,(0,w.jsx)(u,{children:`ODataTreeMultiSelect`}),`
 `,(0,w.jsx)(o,{children:`Мультивыбор по одной OData-цепочке в виде дерева`}),`
 `,(0,w.jsxs)(t.p,{children:[(0,w.jsx)(t.code,{children:`ODataTreeMultiSelect`}),` строит дерево из одной OData-цепочки и отдает наружу канонизированный выбор в формате `,(0,w.jsx)(t.code,{children:`Record<string, string[]>`}),`.`]}),`

package/storybook-static/assets/{ODataTreeMultiSelect.stories-DkqcOU54.js → ODataTreeMultiSelect.stories-TbWSFRbD.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-DmEkruYl.js";import{n as i,t as a}from"./createControlledStoryRender-BouhvX-R.js";import{n as o,t as s}from"./TreeMultiSelect-BrFx88uE.js";import{n as c,t as l}from"./useODataTreeData-C1uROydE.js";import{a as u,c as d,i as f,l as p,n as m,o as h,s as g,u as _}from"./odataStoryFixtures-BuE6LYnL.js";function v({label:e,description:t,disabled:n,size:r,placeholder:i,query:a,defaultQuery:o,onQuery:l,optionsLayout:u,value:d,onChange:f,odata:p,segments:m,model:h,defaultExpandedCodeKeys:g,segmentOrder:_,allowEmptyCodeKeys:v,transformNodes:x}){let S=c({odata:p,segments:m,model:h,segmentOrder:_,allowEmptyCodeKeys:v}),C=(0,y.useMemo)(()=>x?.(S.nodes,{orderedCodeKeys:S.orderedCodeKeys})??S.nodes,[x,S.nodes,S.orderedCodeKeys]);return(0,b.jsx)(s,{label:e,description:t,disabled:n||S.isLoading,size:r,placeholder:i??S.placeholder,nodes:C,value:d,onChange:f,query:a,defaultQuery:o,onQuery:l,optionsLayout:u,defaultExpandedCodeKeys:g,isLoading:S.isLoading,error:S.isError?`Ошибка загрузки`:void 0})}var y,b;function x(){return(x=e((()=>{y=n(),l(),o(),b=r(),v.__docgenInfo={description:``,methods:[],displayName:`ODataTreeMultiSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:`Переключает способ показа загруженного OData-дерева, не меняя формат value и запросов.`},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:"Ключи OData-уровней, раскрываемых после появления загруженных узлов.\nВ режиме `columns` дерево по-прежнему отображается полностью раскрытым."},segmentOrder:{required:!1,tsType:{name:`unknown`},description:`Явный порядок уровней поверх порядка, автоматически полученного из metadata-chain.`},allowEmptyCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Уровни, на которых пустой код не обрывает последующие уровни дерева.`},transformNodes:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe--CGTMt9T.js";import{n as i,t as a}from"./createControlledStoryRender-BouhvX-R.js";import{n as o,t as s}from"./TreeMultiSelect-DdJPRTnS.js";import{n as c,t as l}from"./useODataTreeData-BPDg66yj.js";import{a as u,c as d,i as f,l as p,n as m,o as h,s as g,u as _}from"./odataStoryFixtures-DHVieZR4.js";function v({label:e,description:t,disabled:n,size:r,placeholder:i,query:a,defaultQuery:o,onQuery:l,optionsLayout:u,value:d,onChange:f,odata:p,segments:m,model:h,defaultExpandedCodeKeys:g,segmentOrder:_,allowEmptyCodeKeys:v,transformNodes:x}){let S=c({odata:p,segments:m,model:h,segmentOrder:_,allowEmptyCodeKeys:v}),C=(0,y.useMemo)(()=>x?.(S.nodes,{orderedCodeKeys:S.orderedCodeKeys})??S.nodes,[x,S.nodes,S.orderedCodeKeys]);return(0,b.jsx)(s,{label:e,description:t,disabled:n||S.isLoading,size:r,placeholder:i??S.placeholder,nodes:C,value:d,onChange:f,query:a,defaultQuery:o,onQuery:l,optionsLayout:u,defaultExpandedCodeKeys:g,isLoading:S.isLoading,error:S.isError?`Ошибка загрузки`:void 0})}var y,b;function x(){return(x=e((()=>{y=n(),l(),o(),b=r(),v.__docgenInfo={description:``,methods:[],displayName:`ODataTreeMultiSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:`Переключает способ показа загруженного OData-дерева, не меняя формат value и запросов.`},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:"Ключи OData-уровней, раскрываемых после появления загруженных узлов.\nВ режиме `columns` дерево по-прежнему отображается полностью раскрытым."},segmentOrder:{required:!1,tsType:{name:`unknown`},description:`Явный порядок уровней поверх порядка, автоматически полученного из metadata-chain.`},allowEmptyCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Уровни, на которых пустой код не обрывает последующие уровни дерева.`},transformNodes:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(
 	nodes: readonly TreeSelectNode[],
 	context: ODataTreeMultiSelectNodesTransformContext
 ) => readonly TreeSelectNode[]`,signature:{arguments:[{type:{name:`unknown`},name:`nodes`},{type:{name:`signature`,type:`object`,raw:`{

package/storybook-static/assets/{ODataTreeSelect-CXPOA45d.js → ODataTreeSelect-BLNFg44u.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-k8_NQe3D.js";import{a as p,i as m,n as h,o as g,r as _,s as v,t as y}from"./ODataTreeSelect.stories-Arr35qIR.js";function b(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-za-wOwFF.js";import{a as p,i as m,n as h,o as g,r as _,s as v,t as y}from"./ODataTreeSelect.stories-BKCm0DtZ.js";function b(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
 `,(0,S.jsx)(u,{children:`ODataTreeSelect`}),`
 `,(0,S.jsx)(o,{children:`Single-select по одной OData-цепочке в виде дерева`}),`
 `,(0,S.jsxs)(t.p,{children:[(0,S.jsx)(t.code,{children:`ODataTreeSelect`}),` загружает одну OData-коллекцию, строит дерево по цепочке codeKey и позволяет выбрать любой узел.`]}),`

package/storybook-static/assets/{ODataTreeSelect.stories-Arr35qIR.js → ODataTreeSelect.stories-BKCm0DtZ.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-DmEkruYl.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./useODataTreeData-C1uROydE.js";import{n as s,t as c}from"./TreeSelect-Ryr5xwEV.js";import{a as l,c as u,i as d,l as f,n as p,o as m,s as h,u as g}from"./odataStoryFixtures-BuE6LYnL.js";function _({label:e,description:t,disabled:n,size:r,placeholder:i,query:o,defaultQuery:s,onQuery:l,value:u,onChange:d,odata:f,segments:p,model:m,clearable:h,defaultExpandedCodeKeys:g}){let _=a({odata:f,segments:p,model:m});return(0,v.jsx)(c,{label:e,description:t,disabled:n||_.isLoading,size:r,placeholder:i??_.placeholder,nodes:_.nodes,value:u,onChange:d,query:o,defaultQuery:s,onQuery:l,defaultExpandedCodeKeys:g,isLoading:_.isLoading,error:_.isError?`Ошибка загрузки`:void 0,clearable:h})}var v;function y(){return(y=e((()=>{o(),s(),v=n(),_.__docgenInfo={description:``,methods:[],displayName:`ODataTreeSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Ключи OData-уровней, раскрываемых после появления загруженных узлов.
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe--CGTMt9T.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./useODataTreeData-BPDg66yj.js";import{n as s,t as c}from"./TreeSelect-Dp52E_73.js";import{a as l,c as u,i as d,l as f,n as p,o as m,s as h,u as g}from"./odataStoryFixtures-DHVieZR4.js";function _({label:e,description:t,disabled:n,size:r,placeholder:i,query:o,defaultQuery:s,onQuery:l,value:u,onChange:d,odata:f,segments:p,model:m,clearable:h,defaultExpandedCodeKeys:g}){let _=a({odata:f,segments:p,model:m});return(0,v.jsx)(c,{label:e,description:t,disabled:n||_.isLoading,size:r,placeholder:i??_.placeholder,nodes:_.nodes,value:u,onChange:d,query:o,defaultQuery:s,onQuery:l,defaultExpandedCodeKeys:g,isLoading:_.isLoading,error:_.isError?`Ошибка загрузки`:void 0,clearable:h})}var v;function y(){return(y=e((()=>{o(),s(),v=n(),_.__docgenInfo={description:``,methods:[],displayName:`ODataTreeSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Ключи OData-уровней, раскрываемых после появления загруженных узлов.
 Настройка влияет только на представление и не изменяет OData-запросы.`}},composes:[`Omit`]}})))()}var b=t({Basic:()=>T,ErrorState:()=>k,LoadingState:()=>O,OnlySecondLevelExpanded:()=>D,SelectParent:()=>E,__namedExportsOrder:()=>A,default:()=>w});function x({args:e,updateArgs:t}){return(0,S.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,S.jsx)(_,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,S.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value?`${e.value.codeKey}=${e.value.value}`:`пусто`]})]})}var S,C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{r(),d(),y(),S=n(),C=i((e,t)=>(0,S.jsx)(x,{args:e,updateArgs:t})),w={title:`UI/ODataTreeSelect`,component:_,decorators:[g],beforeEach:l,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`OData дерево`,description:`Single-select поверх одной OData-цепочки.`,odata:p,segments:u,value:void 0,onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст без выбранного узла.`,control:`text`},odata:{description:`Конфигурация OData-источника.`,control:!1},segments:{description:`Конфигурация уровней OData-дерева.`,control:!1},model:{description:`Опциональная модель OData-коллекции.`,control:!1},value:{description:`Выбранный узел в формате codeKey/value.`,control:!1},onChange:{description:`Вызывается при выборе узла.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},clearable:{description:`Показывает действие очистки выбора.`,control:`boolean`},defaultExpandedCodeKeys:{description:`Ключи уровней, раскрываемых после загрузки.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},T={render:C,args:{value:{codeKey:`OWNER`,value:h.owner}}},E={render:C,args:{label:`Выбор родителя`,description:`Проверка выбора узла верхнего уровня из OData-дерева.`,value:{codeKey:`REGION`,value:h.region}}},D={render:C,args:{label:`Раскрывается только второй уровень`,description:`REGION остаётся закрытым. После его ручного открытия узлы BRANCH уже раскрыты по умолчанию.`,defaultExpandedCodeKeys:[`BRANCH`]}},O={parameters:{odataMockMode:`loading`},render:C,args:{odata:m.loading,description:`Сценарий загрузки дерева.`}},k={decorators:[f],parameters:{odataMockMode:`metadataError`},render:C,args:{odata:m.metadataError,description:`Сценарий ошибки metadata дерева.`}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
   render: renderODataTreeSelectStory,
   args: {

package/storybook-static/assets/{OneStepScroller-DektyW3p.js → OneStepScroller-NyCOFbAV.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./chevron-left-BZXvWuac.js";import{n as a,t as o}from"./chevron-right-Df49J0bT.js";import{n as s}from"./iframe-DmEkruYl.js";import{a as c,i as l}from"./utils-tg3ibbzi.js";var u,d,f,p,m;function h(){return(h=t((()=>{u=`_7xUQBN`,d=`AonLqg`,f=`j-5yFn`,p=`pOIq63`,m={oneStepScroller:u,ossViewport:d,ossScroller:f,ossButton:p}})))()}function g(e){return Math.max(0,e.scrollWidth-e.clientWidth)}function _({children:e,className:t,itemSelector:n,scrollPadding:r=6,smooth:a=!0}){let s=(0,v.useRef)(null),l=(0,v.useRef)(null),[u,d]=(0,v.useState)(!1),[f,p]=(0,v.useState)(!1),h=(0,v.useCallback)(()=>{let e=s.current;return e?n?Array.from(e.querySelectorAll(n)):Array.from(e.children).filter(e=>e instanceof HTMLElement):[]},[n]),_=(0,v.useCallback)(e=>{let t=s.current;if(!t)return null;if(n){let r=e.closest(n);return r&&t.contains(r)?r:null}let r=e;for(;r&&r.parentElement&&r.parentElement!==t;)r=r.parentElement;return r&&r.parentElement===t?r:null},[n]),x=(0,v.useCallback)(()=>{let e=s.current;if(!e){d(!1),p(!1);return}let t=Math.max(0,e.scrollWidth-e.clientWidth),n=Math.max(0,Math.min(e.scrollLeft,t)),r=n>b,i=n<t-b;d(e=>e===r?e:r),p(e=>e===i?e:i)},[]),S=(0,v.useCallback)(()=>{l.current===null&&(l.current=requestAnimationFrame(()=>{l.current=null,x()}))},[x]),C=(0,v.useCallback)(e=>{let t=s.current;if(!t)return;let n=h()[0];if(!n)return;let r=n.getBoundingClientRect().width;if(!r)return;let i=Math.round(e*r),o=Math.max(0,t.scrollWidth-t.clientWidth),c=Math.max(0,Math.min(t.scrollLeft+i,o));t.scrollTo({left:c,behavior:a?`smooth`:`auto`})},[h,a]),w=(0,v.useCallback)(e=>{let t=s.current;if(!t)return;let n=t.getBoundingClientRect(),i=e.getBoundingClientRect(),o=i.left-n.left+t.scrollLeft,c=o+i.width,l=t.scrollLeft,u=t.scrollLeft+t.clientWidth;if(o>=l+b&&c<=u-b)return;let d=t.scrollLeft;o<l?d=Math.max(0,o-r):c>u&&(d=Math.min(g(t),c-t.clientWidth+r)),t.scrollTo({left:Math.round(d),behavior:a?`smooth`:`auto`})},[r,a]);(0,v.useEffect)(()=>{let e=s.current;if(!e)return;let t=e=>{let t=e.target;if(!(t instanceof HTMLElement))return;let n=_(t);n&&w(n)};return e.addEventListener(`focusin`,t),()=>e.removeEventListener(`focusin`,t)},[w,_]),(0,v.useEffect)(()=>{let e=s.current;if(!e)return;let t=()=>S();e.addEventListener(`scroll`,t,{passive:!0});let n=null;typeof ResizeObserver<`u`&&(n=new ResizeObserver(S),n.observe(e));let r=null;return typeof MutationObserver<`u`&&(r=new MutationObserver(S),r.observe(e,{childList:!0,subtree:!1})),S(),()=>{e.removeEventListener(`scroll`,t),n?.disconnect(),r?.disconnect(),l.current!==null&&(cancelAnimationFrame(l.current),l.current=null)}},[S]),(0,v.useEffect)(()=>{S()},[e,S]);let T=()=>C(-1),E=()=>C(1),D=e=>{e.defaultPrevented||(e.key===`ArrowLeft`?(e.preventDefault(),T()):e.key===`ArrowRight`&&(e.preventDefault(),E()))},O=u||f;return(0,y.jsxs)(`div`,{className:c(m.oneStepScroller,t),style:{position:`relative`},children:[O&&(0,y.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг влево`,className:m.ossButton,onClick:T,disabled:!u,children:(0,y.jsx)(i,{})}),(0,y.jsx)(`div`,{className:m.ossViewport,onKeyDown:D,role:`group`,"aria-label":`Элементы прокрутки`,children:(0,y.jsx)(`div`,{className:m.ossScroller,ref:s,"aria-live":`polite`,children:e})}),O&&(0,y.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг вправо`,className:m.ossButton,onClick:E,disabled:!f,children:(0,y.jsx)(o,{})})]})}var v,y,b;function x(){return(x=t((()=>{v=e(n(),1),l(),r(),a(),h(),y=s(),b=1,_.__docgenInfo={description:`Горизонтальный скроллер "по одному элементу".
+import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./chevron-left-DWH9v-JE.js";import{n as a,t as o}from"./chevron-right-GObYqCJe.js";import{n as s}from"./iframe--CGTMt9T.js";import{a as c,i as l}from"./utils-tg3ibbzi.js";var u,d,f,p,m;function h(){return(h=t((()=>{u=`_7xUQBN`,d=`AonLqg`,f=`j-5yFn`,p=`pOIq63`,m={oneStepScroller:u,ossViewport:d,ossScroller:f,ossButton:p}})))()}function g(e){return Math.max(0,e.scrollWidth-e.clientWidth)}function _({children:e,className:t,itemSelector:n,scrollPadding:r=6,smooth:a=!0}){let s=(0,v.useRef)(null),l=(0,v.useRef)(null),[u,d]=(0,v.useState)(!1),[f,p]=(0,v.useState)(!1),h=(0,v.useCallback)(()=>{let e=s.current;return e?n?Array.from(e.querySelectorAll(n)):Array.from(e.children).filter(e=>e instanceof HTMLElement):[]},[n]),_=(0,v.useCallback)(e=>{let t=s.current;if(!t)return null;if(n){let r=e.closest(n);return r&&t.contains(r)?r:null}let r=e;for(;r&&r.parentElement&&r.parentElement!==t;)r=r.parentElement;return r&&r.parentElement===t?r:null},[n]),x=(0,v.useCallback)(()=>{let e=s.current;if(!e){d(!1),p(!1);return}let t=Math.max(0,e.scrollWidth-e.clientWidth),n=Math.max(0,Math.min(e.scrollLeft,t)),r=n>b,i=n<t-b;d(e=>e===r?e:r),p(e=>e===i?e:i)},[]),S=(0,v.useCallback)(()=>{l.current===null&&(l.current=requestAnimationFrame(()=>{l.current=null,x()}))},[x]),C=(0,v.useCallback)(e=>{let t=s.current;if(!t)return;let n=h()[0];if(!n)return;let r=n.getBoundingClientRect().width;if(!r)return;let i=Math.round(e*r),o=Math.max(0,t.scrollWidth-t.clientWidth),c=Math.max(0,Math.min(t.scrollLeft+i,o));t.scrollTo({left:c,behavior:a?`smooth`:`auto`})},[h,a]),w=(0,v.useCallback)(e=>{let t=s.current;if(!t)return;let n=t.getBoundingClientRect(),i=e.getBoundingClientRect(),o=i.left-n.left+t.scrollLeft,c=o+i.width,l=t.scrollLeft,u=t.scrollLeft+t.clientWidth;if(o>=l+b&&c<=u-b)return;let d=t.scrollLeft;o<l?d=Math.max(0,o-r):c>u&&(d=Math.min(g(t),c-t.clientWidth+r)),t.scrollTo({left:Math.round(d),behavior:a?`smooth`:`auto`})},[r,a]);(0,v.useEffect)(()=>{let e=s.current;if(!e)return;let t=e=>{let t=e.target;if(!(t instanceof HTMLElement))return;let n=_(t);n&&w(n)};return e.addEventListener(`focusin`,t),()=>e.removeEventListener(`focusin`,t)},[w,_]),(0,v.useEffect)(()=>{let e=s.current;if(!e)return;let t=()=>S();e.addEventListener(`scroll`,t,{passive:!0});let n=null;typeof ResizeObserver<`u`&&(n=new ResizeObserver(S),n.observe(e));let r=null;return typeof MutationObserver<`u`&&(r=new MutationObserver(S),r.observe(e,{childList:!0,subtree:!1})),S(),()=>{e.removeEventListener(`scroll`,t),n?.disconnect(),r?.disconnect(),l.current!==null&&(cancelAnimationFrame(l.current),l.current=null)}},[S]),(0,v.useEffect)(()=>{S()},[e,S]);let T=()=>C(-1),E=()=>C(1),D=e=>{e.defaultPrevented||(e.key===`ArrowLeft`?(e.preventDefault(),T()):e.key===`ArrowRight`&&(e.preventDefault(),E()))},O=u||f;return(0,y.jsxs)(`div`,{className:c(m.oneStepScroller,t),style:{position:`relative`},children:[O&&(0,y.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг влево`,className:m.ossButton,onClick:T,disabled:!u,children:(0,y.jsx)(i,{})}),(0,y.jsx)(`div`,{className:m.ossViewport,onKeyDown:D,role:`group`,"aria-label":`Элементы прокрутки`,children:(0,y.jsx)(`div`,{className:m.ossScroller,ref:s,"aria-live":`polite`,children:e})}),O&&(0,y.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг вправо`,className:m.ossButton,onClick:E,disabled:!f,children:(0,y.jsx)(o,{})})]})}var v,y,b;function x(){return(x=t((()=>{v=e(n(),1),l(),r(),a(),h(),y=s(),b=1,_.__docgenInfo={description:`Горизонтальный скроллер "по одному элементу".
 
 Ожидает элементы фиксированной ширины (или близкой к фиксированной),
 чтобы шаг скролла соответствовал ширине одного элемента.`,methods:[],displayName:`OneStepScroller`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},itemSelector:{required:!1,tsType:{name:`string`},description:`CSS-селектор элементов, которые считаются "шагами" скролла.

package/storybook-static/assets/{Option-DK4dHhT1.js → Option-B82YmTfK.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-0uniSGT-.js";import{n as o,t as s}from"./Grid-CJKjOeEG.js";import{n as c,t as l}from"./Separator-tJoZoT06.js";var u,d,f,p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{u=`_81qOBF`,d=`Fj-KxT`,f=`tCn0CX`,p=`pP2yXa`,m=`bupTWA`,h=`GkeyGF`,g=`_8F667e`,_=`RMwzIX`,v=`wvU2oL`,y=`efKX6F`,b=`OGMk6I`,x={popupPositioner:u,options:d,optionsToolbar:f,optionsBody:p,status:m,statusError:h,triggerContainer:g,triggerHasClear:_,selectedToken:v,selectedTokenText:y,selectionActionButton:b}})))()}function C({onSelectAll:e,onDeselectAll:t,selectAllButtonRef:n}){return(0,w.jsxs)(s.Container,{gap:`xs`,templateColumns:`1fr 1fr`,children:[(0,w.jsx)(`button`,{ref:n,type:`button`,className:x.selectionActionButton,onClick:e,"data-ui":`picker-select-all`,"data-action":`select-all`,children:`Выбрать все`}),(0,w.jsx)(`button`,{type:`button`,className:x.selectionActionButton,onClick:t,"data-ui":`picker-deselect-all`,"data-action":`deselect-all`,children:`Снять выбор`})]})}var w;function T(){return(T=e((()=>{o(),S(),w=t(),C.__docgenInfo={description:`Общая панель массовых действий для picker-компонентов с множественным выбором.
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-0uniSGT-.js";import{n as o,t as s}from"./Grid-Bbyr5bon.js";import{n as c,t as l}from"./Separator-C28fV2R8.js";var u,d,f,p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{u=`_81qOBF`,d=`Fj-KxT`,f=`tCn0CX`,p=`pP2yXa`,m=`bupTWA`,h=`GkeyGF`,g=`_8F667e`,_=`RMwzIX`,v=`wvU2oL`,y=`efKX6F`,b=`OGMk6I`,x={popupPositioner:u,options:d,optionsToolbar:f,optionsBody:p,status:m,statusError:h,triggerContainer:g,triggerHasClear:_,selectedToken:v,selectedTokenText:y,selectionActionButton:b}})))()}function C({onSelectAll:e,onDeselectAll:t,selectAllButtonRef:n}){return(0,w.jsxs)(s.Container,{gap:`xs`,templateColumns:`1fr 1fr`,children:[(0,w.jsx)(`button`,{ref:n,type:`button`,className:x.selectionActionButton,onClick:e,"data-ui":`picker-select-all`,"data-action":`select-all`,children:`Выбрать все`}),(0,w.jsx)(`button`,{type:`button`,className:x.selectionActionButton,onClick:t,"data-ui":`picker-deselect-all`,"data-action":`deselect-all`,children:`Снять выбор`})]})}var w;function T(){return(T=e((()=>{o(),S(),w=t(),C.__docgenInfo={description:`Общая панель массовых действий для picker-компонентов с множественным выбором.
 Компонент не знает формат значения и делегирует изменение владельцу selection-модели.`,methods:[],displayName:`PickerSelectionToolbar`,props:{onSelectAll:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onDeselectAll:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},selectAllButtonRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`},description:``}}}})))()}function E({rootRef:e,bodyRef:t,bodyProps:r,children:i,toolbar:a,selectionActions:o,layoutClassName:s,bodyClassName:c,scrollable:u=!0,className:d,...f}){let p=a===void 0&&o?(0,D.jsx)(C,{...o}):a||null;return(0,D.jsxs)(`div`,{...f,ref:e,className:n(x.options,s,d),"data-ui":`picker-options`,"data-has-toolbar":p?`true`:void 0,children:[p?(0,D.jsxs)(`div`,{className:x.optionsToolbar,children:[p,(0,D.jsx)(l,{})]}):null,(0,D.jsx)(`div`,{...r,ref:t,className:n(x.optionsBody,u?`scrollable overscroll`:`overflowHidden`,c),children:i})]})}var D;function O(){return(O=e((()=>{r(),c(),S(),T(),D=t(),E.__docgenInfo={description:`Единая оболочка списка опций для picker, listbox и menu. Если переданы
 selectionActions, но не передан toolbar, компонент показывает стандартные
 действия выбора и снятия выбора.`,methods:[],displayName:`PickerOptions`,props:{rootRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``},bodyRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``},bodyProps:{required:!1,tsType:{name:`Omit`,elements:[{name:`HTMLAttributes`,elements:[{name:`HTMLDivElement`}],raw:`HTMLAttributes<HTMLDivElement>`},{name:`union`,raw:`"children" | "className"`,elements:[{name:`literal`,value:`"children"`},{name:`literal`,value:`"className"`}]}],raw:`Omit<HTMLAttributes<HTMLDivElement>, "children" | "className">`},description:``},children:{required:!0,tsType:{name:`ReactNode`},description:``},toolbar:{required:!1,tsType:{name:`union`,raw:`ReactNode | false`,elements:[{name:`ReactNode`},{name:`literal`,value:`false`}]},description:``},selectionActions:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{

package/storybook-static/assets/{OptionButton-CsOv8dZ_.js → OptionButton-CmHVNPma.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./OptionContent-DgSmB8T-.js";import{n as o,t as s}from"./ui.module-0uniSGT-.js";function c({ref:e,icon:t,text:r,searchText:i,code:s,hotkey:c,emphasizeContent:u,...d}){return(0,l.jsx)(`button`,{...d,ref:e,type:`button`,className:n(o.uiOptionButton,d.className),children:(0,l.jsx)(a,{icon:t,text:r,searchText:i,emphasizeContent:u,...s===void 0?{hotkey:c}:{code:s}})})}var l;function u(){return(u=e((()=>{r(),s(),i(),l=t(),c.__docgenInfo={description:`Основное button-действие внутри внешней оболочки Option.`,methods:[],displayName:`OptionButton`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`},description:``}}}})))()}export{u as n,c as t};
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./OptionContent-BG9-OWJw.js";import{n as o,t as s}from"./ui.module-0uniSGT-.js";function c({ref:e,icon:t,text:r,searchText:i,code:s,hotkey:c,emphasizeContent:u,...d}){return(0,l.jsx)(`button`,{...d,ref:e,type:`button`,className:n(o.uiOptionButton,d.className),children:(0,l.jsx)(a,{icon:t,text:r,searchText:i,emphasizeContent:u,...s===void 0?{hotkey:c}:{code:s}})})}var l;function u(){return(u=e((()=>{r(),s(),i(),l=t(),c.__docgenInfo={description:`Основное button-действие внутри внешней оболочки Option.`,methods:[],displayName:`OptionButton`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`},description:``}}}})))()}export{u as n,c as t};

package/storybook-static/assets/{OptionContent-DgSmB8T-.js → OptionContent-BG9-OWJw.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-0uniSGT-.js";function o({text:e,highlight:t}){return t?e.split(RegExp(`(${t})`,`gi`)).map((e,n)=>e.toLowerCase()===t.toLowerCase()?(0,s.jsx)(`mark`,{children:e},n):e):e}var s;function c(){return(c=e((()=>{s=t()})))()}function l(e){return(0,u.jsx)(`span`,{...e,className:n(i.uiOptionCode,e.className)})}var u;function d(){return(d=e((()=>{r(),a(),u=t(),l.__docgenInfo={description:``,methods:[],displayName:`OptionCode`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function f(e){return(0,p.jsx)(`kbd`,{...e,className:n(i.keyboard,e.className)})}var p;function m(){return(m=e((()=>{r(),a(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`OptionHotkey`,props:{children:{required:!0,tsType:{name:`string`},description:``}},composes:[`HTMLAttributes`]}})))()}function h(e){return(0,g.jsx)(`span`,{...e,className:n(i.uiPopupOptionIcon,e.className)})}var g;function _(){return(_=e((()=>{r(),a(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`OptionIcon`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function v(e){return(0,y.jsx)(`span`,{...e,className:n(i.uiOptionText,e.className)})}var y;function b(){return(b=e((()=>{r(),a(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`OptionText`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function x({icon:e,text:t,searchText:n,emphasizeContent:r,code:a,hotkey:s}){return(0,S.jsxs)(S.Fragment,{children:[e==null?null:(0,S.jsx)(h,{children:e}),(0,S.jsx)(v,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(o,{text:t,highlight:n})}),a==null?s?(0,S.jsx)(f,{children:s}):null:(0,S.jsx)(l,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(o,{text:a,highlight:n})})]})}var S;function C(){return(C=e((()=>{c(),a(),d(),m(),_(),b(),S=t(),x.__docgenInfo={description:`Общая фиксированная композиция содержимого button/link опции.`,methods:[],displayName:`OptionContent`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}export{l as a,c,b as i,C as n,d as o,v as r,o as s,x as t};
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-0uniSGT-.js";function o({text:e,highlight:t}){return t?e.split(RegExp(`(${t})`,`gi`)).map((e,n)=>e.toLowerCase()===t.toLowerCase()?(0,s.jsx)(`mark`,{children:e},n):e):e}var s;function c(){return(c=e((()=>{s=t()})))()}function l(e){return(0,u.jsx)(`span`,{...e,className:n(i.uiOptionCode,e.className)})}var u;function d(){return(d=e((()=>{r(),a(),u=t(),l.__docgenInfo={description:``,methods:[],displayName:`OptionCode`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function f(e){return(0,p.jsx)(`kbd`,{...e,className:n(i.keyboard,e.className)})}var p;function m(){return(m=e((()=>{r(),a(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`OptionHotkey`,props:{children:{required:!0,tsType:{name:`string`},description:``}},composes:[`HTMLAttributes`]}})))()}function h(e){return(0,g.jsx)(`span`,{...e,className:n(i.uiPopupOptionIcon,e.className)})}var g;function _(){return(_=e((()=>{r(),a(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`OptionIcon`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function v(e){return(0,y.jsx)(`span`,{...e,className:n(i.uiOptionText,e.className)})}var y;function b(){return(b=e((()=>{r(),a(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`OptionText`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function x({icon:e,text:t,searchText:n,emphasizeContent:r,code:a,hotkey:s}){return(0,S.jsxs)(S.Fragment,{children:[e==null?null:(0,S.jsx)(h,{children:e}),(0,S.jsx)(v,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(o,{text:t,highlight:n})}),a==null?s?(0,S.jsx)(f,{children:s}):null:(0,S.jsx)(l,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(o,{text:a,highlight:n})})]})}var S;function C(){return(C=e((()=>{c(),a(),d(),m(),_(),b(),S=t(),x.__docgenInfo={description:`Общая фиксированная композиция содержимого button/link опции.`,methods:[],displayName:`OptionContent`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}export{l as a,c,b as i,C as n,d as o,v as r,o as s,x as t};

package/storybook-static/assets/{OptionContentContainer-ROUyLVX_.js → OptionContentContainer-CU1GwCic.js}

@@ -1,2 +1,2 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-0uniSGT-.js";function o({className:e,...t}){return(0,s.jsx)(`div`,{...t,className:n(i.uiOptionButton,e)})}var s;function c(){return(c=e((()=>{r(),a(),s=t(),o.__docgenInfo={description:`Неинтерактивная оболочка содержимого option/treeitem. Она сохраняет геометрию
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-0uniSGT-.js";function o({className:e,...t}){return(0,s.jsx)(`div`,{...t,className:n(i.uiOptionButton,e)})}var s;function c(){return(c=e((()=>{r(),a(),s=t(),o.__docgenInfo={description:`Неинтерактивная оболочка содержимого option/treeitem. Она сохраняет геометрию
 OptionButton, когда клавиатурная модель принадлежит родительскому composite.`,methods:[],displayName:`OptionContentContainer`}})))()}export{c as n,o as t};

package/storybook-static/assets/{PeriodSelect-DrO6n1An.js → PeriodSelect-B9MQy6oj.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-k8_NQe3D.js";import{a as p,c as m,i as h,n as g,o as _,r as v,s as y,t as b}from"./PeriodSelect.stories-BEicKdLp.js";function x(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(s,{of:y,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-za-wOwFF.js";import{a as p,c as m,i as h,n as g,o as _,r as v,s as y,t as b}from"./PeriodSelect.stories-BTASzqE2.js";function x(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(s,{of:y,parameters:{docs:{toc:!0}}}),`
 `,(0,C.jsx)(u,{children:`PeriodSelect`}),`
 `,(0,C.jsx)(o,{children:`Выбор периода детализации дат с ограничением вариантов по связанному диапазону`}),`
 `,(0,C.jsxs)(t.p,{children:[`PeriodSelect используется для выбора уровня детализации: `,(0,C.jsx)(t.code,{children:`day`}),`, `,(0,C.jsx)(t.code,{children:`week`}),`, `,(0,C.jsx)(t.code,{children:`month`}),` или `,(0,C.jsx)(t.code,{children:`year`}),`. Компонент хранит только id выбранного периода, а недоступность вариантов вычисляет по переданному `,(0,C.jsx)(t.code,{children:`dateRange`}),` и порогам `,(0,C.jsx)(t.code,{children:`maxDayRangeDays`}),` / `,(0,C.jsx)(t.code,{children:`maxWeekRangeWeeks`}),`.`]}),`