@ryuzaki13/react-foundation-ui 1.2.7 → 1.2.8

package/storybook-static/assets/ODataMultiSelect-BvFXZlGZ.js

@@ -0,0 +1,53 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{t}from"./iframe-GmIo3IOR.js";import{E as n,a as r,d as i,f as a,l as o,m as s,n as c,p as l,r as u,u as d}from"./blocks-0RiOsxIK.js";import{t as f}from"./mdx-react-shim-DQ40dZsI.js";import{BasicDivision as p,CollectionError as m,HideCode as h,LinkedFilters as g,LoadingState as _,MetadataError as v,SelectTextValue as y,StaticDependency as b,n as x,t as S}from"./ODataMultiSelect.stories-BcRrzHnf.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)(o,{of:S,parameters:{docs:{toc:!0}}}),`
+`,(0,T.jsx)(l,{children:`ODataMultiSelect`}),`
+`,(0,T.jsx)(a,{children:`Мультиселект с загрузкой коллекций по OData и зависимостями от внешних фильтров`}),`
+`,(0,T.jsx)(t.p,{children:`ODataMultiSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны загрузку, ошибочные состояния.`}),`
+`,(0,T.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,T.jsx)(d,{}),`
+`,(0,T.jsx)(r,{of:p}),`
+`,(0,T.jsx)(t.pre,{children:(0,T.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
+
+import { ODataMultiSelect } from "@/shared/ui";
+
+export function Example() {
+	const [value, setValue] = useState([]);
+
+	return (
+		<ODataMultiSelect label="Подразделения" value={value} onChange={setValue} entitySet="Departments" textKey="Name" codeKey="Code" />
+	);
+}
+`})}),`
+`,(0,T.jsx)(t.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,T.jsxs)(t.ul,{children:[`
+`,(0,T.jsx)(t.li,{children:`Для асинхронных сценариев предусмотрите не только успешный путь, но и загрузку, пустой результат и ошибку.`}),`
+`]}),`
+`,(0,T.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,T.jsx)(t.h3,{id:`базовый-сценарий-загрузки-odata-коллекции`,children:`Базовый сценарий загрузки OData-коллекции`}),`
+`,(0,T.jsx)(t.p,{children:`Базовый сценарий загрузки OData-коллекции.`}),`
+`,(0,T.jsx)(u,{of:p}),`
+`,(0,T.jsx)(t.h3,{id:`сценарий-скрытия-кода-option-в-интерфейсе`,children:`Сценарий скрытия кода option в интерфейсе`}),`
+`,(0,T.jsx)(t.p,{children:`Сценарий скрытия кода option в интерфейсе.`}),`
+`,(0,T.jsx)(u,{of:h}),`
+`,(0,T.jsx)(t.h3,{id:`работа-с-текстовым-значением`,children:`Работа с текстовым значением`}),`
+`,(0,T.jsx)(t.p,{children:`Работа с текстовым значением.`}),`
+`,(0,T.jsx)(u,{of:y}),`
+`,(0,T.jsx)(t.h3,{id:`статическая-зависимость-от-другого-фильтра`,children:`Статическая зависимость от другого фильтра`}),`
+`,(0,T.jsx)(t.p,{children:`Статическая зависимость от другого фильтра.`}),`
+`,(0,T.jsx)(u,{of:b}),`
+`,(0,T.jsx)(t.h3,{id:`связка-нескольких-фильтров-между-собой`,children:`Связка нескольких фильтров между собой`}),`
+`,(0,T.jsx)(t.p,{children:`Связка нескольких фильтров между собой.`}),`
+`,(0,T.jsx)(u,{of:g}),`
+`,(0,T.jsx)(t.h3,{id:`состояние-загрузки-данных`,children:`Состояние загрузки данных`}),`
+`,(0,T.jsx)(t.p,{children:`Состояние загрузки данных.`}),`
+`,(0,T.jsx)(u,{of:_}),`
+`,(0,T.jsx)(t.h3,{id:`ошибки-загрузки-или-разбора-метаданных`,children:`Ошибки загрузки или разбора метаданных`}),`
+`,(0,T.jsx)(t.p,{children:`Ошибки загрузки или разбора метаданных.`}),`
+`,(0,T.jsx)(u,{of:v}),`
+`,(0,T.jsx)(t.h3,{id:`ошибки-получения-коллекции-значений`,children:`Ошибки получения коллекции значений`}),`
+`,(0,T.jsx)(t.p,{children:`Ошибки получения коллекции значений.`}),`
+`,(0,T.jsx)(u,{of:m}),`
+`,(0,T.jsx)(t.h2,{id:`api`,children:`API`}),`
+`,(0,T.jsx)(c,{of:S}),`
+`,(0,T.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,T.jsx)(i,{includePrimary:!1})]})}function w(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,T.jsx)(t,{...e,children:(0,T.jsx)(C,{...e})}):C(e)}var T;e((()=>{T=t(),f(),s(),x()}))();export{w as default};

package/storybook-static/assets/ODataMultiSelect-CiZ3aEy3.js

@@ -0,0 +1 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{pn as t,t as n}from"./iframe-GmIo3IOR.js";import{a as r,s as i}from"./odata-BXYPW5TY.js";import{n as a,r as o,t as s}from"./useODataSelectBase-BE8nJXZo.js";import{n as c,t as l}from"./MultiSelect-BeRfLM-g.js";function u({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:s}){let c=o({odata:e,segment:t,model:n,value:r,dependencies:i}),l=e=>{s(a(e,c.selectionKey))};return{...c,handleChange:l}}var d=e((()=>{s()})),f,p,m=e((()=>{t(),i(),d(),c(),f=n(),p=({odata:e,segment:t,model:n,label:i,description:a,disabled:o,value:s,dependencies:c,onChange:d,size:p})=>{let m=u({odata:e,segment:t,model:r(n),value:s,dependencies:c,onChange:d});return(0,f.jsx)(l,{label:i,description:a,size:p,codeKey:m.codeKey,textKey:m.textKey,hideCode:t.hideCode??e.hideCode,items:m.filteredItems,value:m.selectedItems,onChange:m.handleChange,onQuery:m.setQuery,query:m.query,defaultFilter:!1,highlightQuery:m.debouncedQuery,disabled:o||m.isLoading,placeholder:m.placeholder,error:m.isError?`Ошибка загрузки`:void 0})},p.__docgenInfo={description:``,methods:[],displayName:`ODataMultiSelect`}}));export{m as n,p as t};

package/storybook-static/assets/ODataMultiSelect.stories-BcRrzHnf.js

@@ -0,0 +1,73 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{pn as r,t as i}from"./iframe-GmIo3IOR.js";import{a,i as o,n as s,r as c,s as l,t as u}from"./odataStoryFixtures-qHROzCso.js";import{n as d,t as f}from"./ODataMultiSelect-CiZ3aEy3.js";var p=e({BasicDivision:()=>y,CollectionError:()=>E,HideCode:()=>b,LinkedFilters:()=>C,LoadingState:()=>w,MetadataError:()=>T,SelectTextValue:()=>x,StaticDependency:()=>S,__namedExportsOrder:()=>D,default:()=>v});function m({initialValue:e=[],odata:t=s,model:n=u,segment:r=c,dependencies:i,label:a=`OData MultiSelect`,description:o}){let[l,d]=(0,g.useState)(e);return(0,_.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,_.jsx)(f,{label:a,description:o,odata:t,model:n,segment:r,value:l,dependencies:i,onChange:d}),(0,_.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,l.length?l.join(`, `):`пусто`]})]})}function h(){let[e,t]=(0,g.useState)([a.region]),[n,r]=(0,g.useState)([a.branch,a.branchAlt]),[i,o]=(0,g.useState)([a.team]),[c,l]=(0,g.useState)([a.owner,a.ownerAlt]),d=e.length?{REGION:e}:void 0,p=e.length&&n.length?{REGION:e,BRANCH:n}:d,m=e.length&&n.length&&i.length?{REGION:e,BRANCH:n,TEAM:i}:p;return(0,_.jsxs)(`div`,{style:{display:`grid`,gap:16,maxWidth:720},children:[(0,_.jsx)(f,{label:`Регион`,description:`Корневой фильтр для цепочки. После смены значения downstream-фильтры сбрасываются.`,odata:s,model:{...u,codeKey:`REGION`},segment:{placeholder:`Регион`},value:e,onChange:e=>{t(e),r([]),o([]),l([])}}),(0,_.jsx)(f,{label:`Подразделение`,description:`Выбор нескольких подразделений внутри выбранных регионов.`,odata:s,model:{...u,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:d,value:n,onChange:e=>{r(e),o([]),l([])}}),(0,_.jsx)(f,{label:`Команда`,description:`Третий уровень зависит от текущего набора подразделений.`,odata:s,model:{...u,codeKey:`TEAM`},segment:{placeholder:`Команда`},dependencies:p,value:i,onChange:e=>{o(e),l([])}}),(0,_.jsx)(f,{label:`Ответственный`,description:`Leaf-уровень для выбранных команд.`,odata:s,model:{...u,codeKey:`OWNER`},segment:{placeholder:`Ответственный`},dependencies:m,value:c,onChange:l}),(0,_.jsxs)(`div`,{style:{display:`grid`,gap:4,fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[(0,_.jsxs)(`div`,{children:[`Регион: `,e.length?e.join(`, `):`пусто`]}),(0,_.jsxs)(`div`,{children:[`Подразделение: `,n.length?n.join(`, `):`пусто`]}),(0,_.jsxs)(`div`,{children:[`Команда: `,i.length?i.join(`, `):`пусто`]}),(0,_.jsxs)(`div`,{children:[`Ответственный: `,c.length?c.join(`, `):`пусто`]})]})]})}var g,_,v,y,b,x,S,C,w,T,E,D,O=n((()=>{g=t(r(),1),o(),d(),_=i(),v={title:`Shared/UI/ODataMultiSelect`,component:f,decorators:[l],parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`Регион`,description:`Пример OData MultiSelect на основе конфигурации ui control.`,odata:s,model:u,segment:c,value:[],onChange:()=>{}},argTypes:{onChange:{control:!1},value:{control:!1},dependencies:{control:!1}}},y={name:`Базовый регион`,render:()=>(0,_.jsx)(m,{label:`Регион`,description:`Базовая настройка из multiSelectConfig: выбор кодов REGION с текстовым отображением.`,model:{...u,codeKey:`REGION`},segment:{placeholder:`Регион`},initialValue:[a.region]})},b={name:`Скрытый код`,render:()=>(0,_.jsx)(m,{label:`Подразделение`,description:`Сценарий segment.hideCode: в списке и токене показывается только текст без кода.`,model:{...u,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`,hideCode:!0},initialValue:[a.branch,a.branchAlt]})},x={name:`Выбор текста вместо кода`,render:()=>(0,_.jsx)(m,{label:`Регион по тексту`,description:`Сценарий segment.selectText: наружу возвращаются текстовые значения, а не коды.`,model:{...u,codeKey:`REGION`},segment:{placeholder:`Регион`,selectText:!0},initialValue:[a.regionText]})},S={name:`Зависимость от региона`,render:()=>(0,_.jsx)(m,{label:`Подразделение c зависимостью`,description:`Фильтрация подразделений по уже выбранному региону через props.dependencies.`,model:{...u,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:{REGION:[a.region]},initialValue:[a.branch]})},C={name:`Связанная цепочка фильтров`,render:()=>(0,_.jsx)(h,{})},w={name:`Состояние загрузки`,parameters:{odataMockMode:`loading`},render:()=>(0,_.jsx)(m,{label:`Команда`,description:`Mock с задержкой ответа, чтобы проверить loading-state и skeleton.`,model:{...u,codeKey:`TEAM`},segment:{placeholder:`Команда`}})},T={name:`Ошибка metadata`,parameters:{odataMockMode:`metadataError`},render:()=>(0,_.jsx)(m,{label:`Регион`,description:`Сервис возвращает ошибку metadata. Полезно для проверки поведения хука useODataEntity.`,model:{...u,codeKey:`REGION`},segment:{placeholder:`Регион`}})},E={name:`Ошибка коллекции`,parameters:{odataMockMode:`collectionError`},render:()=>(0,_.jsx)(m,{label:`Ответственный`,description:`Metadata доступна, но загрузка коллекции завершается ошибкой.`,model:{...u,codeKey:`OWNER`},segment:{placeholder:`Ответственный`}})},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+  name: "Базовый регион",
+  render: () => <StatefulODataMultiSelect label="Регион" description="Базовая настройка из multiSelectConfig: выбор кодов REGION с текстовым отображением." model={{
+    ...baseModel,
+    codeKey: "REGION"
+  }} segment={{
+    placeholder: "Регион"
+  }} initialValue={[storyValues.region]} />
+}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+  name: "Скрытый код",
+  render: () => <StatefulODataMultiSelect label="Подразделение" description="Сценарий segment.hideCode: в списке и токене показывается только текст без кода." model={{
+    ...baseModel,
+    codeKey: "BRANCH"
+  }} segment={{
+    placeholder: "Подразделение",
+    hideCode: true
+  }} initialValue={[storyValues.branch, storyValues.branchAlt]} />
+}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+  name: "Выбор текста вместо кода",
+  render: () => <StatefulODataMultiSelect label="Регион по тексту" description="Сценарий segment.selectText: наружу возвращаются текстовые значения, а не коды." model={{
+    ...baseModel,
+    codeKey: "REGION"
+  }} segment={{
+    placeholder: "Регион",
+    selectText: true
+  }} initialValue={[storyValues.regionText]} />
+}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+  name: "Зависимость от региона",
+  render: () => <StatefulODataMultiSelect label="Подразделение c зависимостью" description="Фильтрация подразделений по уже выбранному региону через props.dependencies." model={{
+    ...baseModel,
+    codeKey: "BRANCH"
+  }} segment={{
+    placeholder: "Подразделение"
+  }} dependencies={{
+    REGION: [storyValues.region]
+  }} initialValue={[storyValues.branch]} />
+}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+  name: "Связанная цепочка фильтров",
+  render: () => <LinkedFiltersDemo />
+}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  name: "Состояние загрузки",
+  parameters: {
+    odataMockMode: "loading"
+  },
+  render: () => <StatefulODataMultiSelect label="Команда" description="Mock с задержкой ответа, чтобы проверить loading-state и skeleton." model={{
+    ...baseModel,
+    codeKey: "TEAM"
+  }} segment={{
+    placeholder: "Команда"
+  }} />
+}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+  name: "Ошибка metadata",
+  parameters: {
+    odataMockMode: "metadataError"
+  },
+  render: () => <StatefulODataMultiSelect label="Регион" description="Сервис возвращает ошибку metadata. Полезно для проверки поведения хука useODataEntity." model={{
+    ...baseModel,
+    codeKey: "REGION"
+  }} segment={{
+    placeholder: "Регион"
+  }} />
+}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
+  name: "Ошибка коллекции",
+  parameters: {
+    odataMockMode: "collectionError"
+  },
+  render: () => <StatefulODataMultiSelect label="Ответственный" description="Metadata доступна, но загрузка коллекции завершается ошибкой." model={{
+    ...baseModel,
+    codeKey: "OWNER"
+  }} segment={{
+    placeholder: "Ответственный"
+  }} />
+}`,...E.parameters?.docs?.source}}},D=[`BasicDivision`,`HideCode`,`SelectTextValue`,`StaticDependency`,`LinkedFilters`,`LoadingState`,`MetadataError`,`CollectionError`]}));O();export{y as BasicDivision,E as CollectionError,b as HideCode,C as LinkedFilters,w as LoadingState,T as MetadataError,x as SelectTextValue,S as StaticDependency,D as __namedExportsOrder,v as default,O as n,p as t};

package/storybook-static/assets/ODataSelect-Bo0yPtod.js

@@ -0,0 +1 @@
+import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{pn as n,t as r}from"./iframe-GmIo3IOR.js";import{s as i}from"./Input-CjJUuLEX.js";import{t as a}from"./input-BZoBzauA.js";import{n as o,t as s}from"./Select-BrRZA3Up.js";import{a as c,s as l}from"./odata-BXYPW5TY.js";import{r as u,t as d}from"./useODataSelectBase-BE8nJXZo.js";import{n as f,t as p}from"./SelectOptionContent-Cwd0p14r.js";function m({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=u({odata:e,segment:t,model:n,value:r?[r]:[],dependencies:i}),s=o.selectedItems[0],c=(0,h.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 h,g=t((()=>{h=e(n(),1),d()}));function _(e,t,n){return e?t||Object.keys(e).find(e=>e!==n)||n:t||n}var v,y,b=t((()=>{n(),l(),a(),g(),o(),f(),v=r(),y=({odata:e,segment:t,model:n,size:r,label:a,description:o,disabled:l,value:u,dependencies:d,onChange:f,clearable:h})=>{let g=m({odata:e,segment:t,model:c(n),value:u,dependencies:d,onChange:f});if(g.isLoading)return(0,v.jsx)(i,{size:r,label:a,description:o});let y=t.hideCode??e.hideCode,b=_(g.selectedItem??g.options[0],g.textKey,g.codeKey);return(0,v.jsx)(s,{size:r,label:a,description:o,options:g.options,value:g.selectedItem,onChange:g.handleChange,getOptionKey:e=>e[g.codeKey],getOptionLabel:e=>e[b],getOptionCode:y?void 0:e=>e[g.codeKey],getOptionAriaLabel:e=>y||e[b]===e[g.codeKey]?String(e[b]):`${e[b]} ${e[g.codeKey]}`,renderValue:e=>(0,v.jsx)(p,{label:e[b],code:y?void 0:e[g.codeKey]}),renderOption:e=>(0,v.jsx)(p,{label:e[b],code:y?void 0:e[g.codeKey],highlight:g.debouncedQuery}),searchable:!0,query:g.query,onQuery:g.setQuery,defaultFilter:!1,disabled:l||g.isLoading,placeholder:g.placeholder,loadingState:`Загрузка...`,errorState:g.isError?`Ошибка загрузки`:void 0,emptyState:!g.isLoading&&!g.isError?`Нет данных`:void 0,clearable:h})},y.__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:``}}}}));export{b as n,y as t};

package/storybook-static/assets/{ODataSelect-BTue1iaA.js → ODataSelect-DgH5G-C_.js}

@@ -1,12 +1,12 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-DBWaa853.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DHWnLJR9.js";import{BasicDivision as p,CollectionError as m,HideCode as h,LinkedFilters as g,LoadingState as _,MetadataError as v,SelectTextValue as y,StaticDependency as b,n as x,t as S}from"./ODataSelect.stories-DpQp77ZX.js";function C(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(a,{of:S,parameters:{docs:{toc:!0}}}),`
-`,(0,T.jsx)(c,{children:`ODataSelect`}),`
-`,(0,T.jsx)(i,{children:`Single-select с загрузкой OData-справочника, поиском и зависимостями от внешних фильтров`}),`
-`,(0,T.jsx)(o.p,{children:`ODataSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+import{i as e}from"./preload-helper-B45gAKPr.js";import{t}from"./iframe-GmIo3IOR.js";import{E as n,a as r,d as i,f as a,l as o,m as s,n as c,p as l,r as u,u as d}from"./blocks-0RiOsxIK.js";import{t as f}from"./mdx-react-shim-DQ40dZsI.js";import{BasicDivision as p,CollectionError as m,HideCode as h,LinkedFilters as g,LoadingState as _,MetadataError as v,SelectTextValue as y,StaticDependency as b,n as x,t as S}from"./ODataSelect.stories-DEOly20_.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)(o,{of:S,parameters:{docs:{toc:!0}}}),`
+`,(0,T.jsx)(l,{children:`ODataSelect`}),`
+`,(0,T.jsx)(a,{children:`Single-select с загрузкой OData-справочника, поиском и зависимостями от внешних фильтров`}),`
+`,(0,T.jsx)(t.p,{children:`ODataSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
 Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
-`,(0,T.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,T.jsx)(u,{}),`
-`,(0,T.jsx)(n,{of:p}),`
-`,(0,T.jsx)(o.pre,{children:(0,T.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
+`,(0,T.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,T.jsx)(d,{}),`
+`,(0,T.jsx)(r,{of:p}),`
+`,(0,T.jsx)(t.pre,{children:(0,T.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
 
 import { ODataSelect } from "@/shared/ui";
 
@@ -25,28 +25,28 @@ export function Example() {
 	);
 }
 `})}),`
-`,(0,T.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
-`,(0,T.jsxs)(o.ul,{children:[`
-`,(0,T.jsx)(o.li,{children:`Для OData-сценариев проверяйте не только выбор значения, но и поиск, загрузку, пустой результат и ошибочные ответы сервиса.`}),`
+`,(0,T.jsx)(t.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,T.jsxs)(t.ul,{children:[`
+`,(0,T.jsx)(t.li,{children:`Для OData-сценариев проверяйте не только выбор значения, но и поиск, загрузку, пустой результат и ошибочные ответы сервиса.`}),`
 `]}),`
-`,(0,T.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
-`,(0,T.jsx)(o.h3,{id:`базовый-сценарий-загрузки-odata-коллекции`,children:`Базовый сценарий загрузки OData-коллекции`}),`
-`,(0,T.jsx)(l,{of:p}),`
-`,(0,T.jsx)(o.h3,{id:`сценарий-скрытия-кода-option-в-интерфейсе`,children:`Сценарий скрытия кода option в интерфейсе`}),`
-`,(0,T.jsx)(l,{of:h}),`
-`,(0,T.jsx)(o.h3,{id:`работа-с-текстовым-значением`,children:`Работа с текстовым значением`}),`
-`,(0,T.jsx)(l,{of:y}),`
-`,(0,T.jsx)(o.h3,{id:`статическая-зависимость-от-другого-фильтра`,children:`Статическая зависимость от другого фильтра`}),`
-`,(0,T.jsx)(l,{of:b}),`
-`,(0,T.jsx)(o.h3,{id:`связка-нескольких-фильтров-между-собой`,children:`Связка нескольких фильтров между собой`}),`
-`,(0,T.jsx)(l,{of:g}),`
-`,(0,T.jsx)(o.h3,{id:`состояние-загрузки-данных`,children:`Состояние загрузки данных`}),`
-`,(0,T.jsx)(l,{of:_}),`
-`,(0,T.jsx)(o.h3,{id:`ошибки-загрузки-или-разбора-метаданных`,children:`Ошибки загрузки или разбора метаданных`}),`
-`,(0,T.jsx)(l,{of:v}),`
-`,(0,T.jsx)(o.h3,{id:`ошибки-получения-коллекции-значений`,children:`Ошибки получения коллекции значений`}),`
-`,(0,T.jsx)(l,{of:m}),`
-`,(0,T.jsx)(o.h2,{id:`api`,children:`API`}),`
-`,(0,T.jsx)(s,{of:S}),`
-`,(0,T.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,T.jsx)(r,{includePrimary:!1})]})}function w(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,T.jsx)(n,{...e,children:(0,T.jsx)(C,{...e})}):C(e)}var T;e((()=>{T=d(),f(),o(),x()}))();export{w as default};
+`,(0,T.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,T.jsx)(t.h3,{id:`базовый-сценарий-загрузки-odata-коллекции`,children:`Базовый сценарий загрузки OData-коллекции`}),`
+`,(0,T.jsx)(u,{of:p}),`
+`,(0,T.jsx)(t.h3,{id:`сценарий-скрытия-кода-option-в-интерфейсе`,children:`Сценарий скрытия кода option в интерфейсе`}),`
+`,(0,T.jsx)(u,{of:h}),`
+`,(0,T.jsx)(t.h3,{id:`работа-с-текстовым-значением`,children:`Работа с текстовым значением`}),`
+`,(0,T.jsx)(u,{of:y}),`
+`,(0,T.jsx)(t.h3,{id:`статическая-зависимость-от-другого-фильтра`,children:`Статическая зависимость от другого фильтра`}),`
+`,(0,T.jsx)(u,{of:b}),`
+`,(0,T.jsx)(t.h3,{id:`связка-нескольких-фильтров-между-собой`,children:`Связка нескольких фильтров между собой`}),`
+`,(0,T.jsx)(u,{of:g}),`
+`,(0,T.jsx)(t.h3,{id:`состояние-загрузки-данных`,children:`Состояние загрузки данных`}),`
+`,(0,T.jsx)(u,{of:_}),`
+`,(0,T.jsx)(t.h3,{id:`ошибки-загрузки-или-разбора-метаданных`,children:`Ошибки загрузки или разбора метаданных`}),`
+`,(0,T.jsx)(u,{of:v}),`
+`,(0,T.jsx)(t.h3,{id:`ошибки-получения-коллекции-значений`,children:`Ошибки получения коллекции значений`}),`
+`,(0,T.jsx)(u,{of:m}),`
+`,(0,T.jsx)(t.h2,{id:`api`,children:`API`}),`
+`,(0,T.jsx)(c,{of:S}),`
+`,(0,T.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,T.jsx)(i,{includePrimary:!1})]})}function w(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,T.jsx)(t,{...e,children:(0,T.jsx)(C,{...e})}):C(e)}var T;e((()=>{T=t(),f(),s(),x()}))();export{w as default};

package/storybook-static/assets/ODataSelect.stories-DEOly20_.js

@@ -0,0 +1,73 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{pn as r,t as i}from"./iframe-GmIo3IOR.js";import{n as a,t as o}from"./ODataSelect-Bo0yPtod.js";import{a as s,i as c,n as l,r as u,s as d,t as f}from"./odataStoryFixtures-qHROzCso.js";var p=e({BasicDivision:()=>y,CollectionError:()=>E,HideCode:()=>b,LinkedFilters:()=>C,LoadingState:()=>w,MetadataError:()=>T,SelectTextValue:()=>x,StaticDependency:()=>S,__namedExportsOrder:()=>D,default:()=>v});function m({initialValue:e,odata:t=l,model:n=f,segment:r=u,dependencies:i,label:a=`OData Select`,description:s}){let[c,d]=(0,g.useState)(e);return(0,_.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,_.jsx)(o,{label:a,description:s,odata:t,model:n,segment:r,value:c,dependencies:i,onChange:d}),(0,_.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,c||`пусто`]})]})}function h(){let[e,t]=(0,g.useState)(s.region),[n,r]=(0,g.useState)(s.branch),[i,a]=(0,g.useState)(s.team),[c,u]=(0,g.useState)(s.owner),d=e?{REGION:[e]}:void 0,p=e&&n?{REGION:[e],BRANCH:[n]}:d,m=e&&n&&i?{REGION:[e],BRANCH:[n],TEAM:[i]}:p;return(0,_.jsxs)(`div`,{style:{display:`grid`,gap:16,maxWidth:720},children:[(0,_.jsx)(o,{label:`Регион`,description:`Первый фильтр в цепочке. Меняет доступный набор подразделений.`,odata:l,model:{...f,codeKey:`REGION`},segment:{placeholder:`Регион`},value:e,onChange:e=>{t(e),r(void 0),a(void 0),u(void 0)}}),(0,_.jsx)(o,{label:`Подразделение`,description:`Второй фильтр зависит от выбранного региона.`,odata:l,model:{...f,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:d,value:n,onChange:e=>{r(e),a(void 0),u(void 0)}}),(0,_.jsx)(o,{label:`Команда`,description:`Третий фильтр зависит от сочетания региона и подразделения.`,odata:l,model:{...f,codeKey:`TEAM`},segment:{placeholder:`Команда`},dependencies:p,value:i,onChange:e=>{a(e),u(void 0)}}),(0,_.jsx)(o,{label:`Ответственный`,description:`Последний фильтр показывает leaf-узлы для выбранного пути.`,odata:l,model:{...f,codeKey:`OWNER`},segment:{placeholder:`Ответственный`},dependencies:m,value:c,onChange:u}),(0,_.jsxs)(`div`,{style:{display:`grid`,gap:4,fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[(0,_.jsxs)(`div`,{children:[`Регион: `,e||`пусто`]}),(0,_.jsxs)(`div`,{children:[`Подразделение: `,n||`пусто`]}),(0,_.jsxs)(`div`,{children:[`Команда: `,i||`пусто`]}),(0,_.jsxs)(`div`,{children:[`Ответственный: `,c||`пусто`]})]})]})}var g,_,v,y,b,x,S,C,w,T,E,D,O=n((()=>{g=t(r(),1),a(),c(),_=i(),v={title:`Shared/UI/ODataSelect`,component:o,decorators:[d],parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`Регион`,description:`Пример OData Select на основе конфигурации ui control.`,odata:l,model:f,segment:u,value:void 0,onChange:()=>{}},argTypes:{onChange:{control:!1},value:{control:!1},dependencies:{control:!1}}},y={name:`Базовый регион`,render:()=>(0,_.jsx)(m,{label:`Регион`,description:`Базовая настройка single-select для выбора кода REGION.`,model:{...f,codeKey:`REGION`},segment:{placeholder:`Регион`},initialValue:s.region})},b={name:`Скрытый код`,render:()=>(0,_.jsx)(m,{label:`Подразделение`,description:`Код скрыт и в выпадающем списке, и в выбранном значении.`,model:{...f,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`,hideCode:!0},initialValue:s.branch})},x={name:`Выбор текста вместо кода`,render:()=>(0,_.jsx)(m,{label:`Регион по тексту`,description:`Снаружи хранится текстовое значение, а не код.`,model:{...f,codeKey:`REGION`},segment:{placeholder:`Регион`,selectText:!0},initialValue:s.regionText})},S={name:`Зависимость от региона`,render:()=>(0,_.jsx)(m,{label:`Подразделение c зависимостью`,description:`Фильтрация подразделений по уже выбранному региону через props.dependencies.`,model:{...f,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:{REGION:[s.region]},initialValue:s.branch})},C={name:`Связанная цепочка фильтров`,render:()=>(0,_.jsx)(h,{})},w={name:`Состояние загрузки`,parameters:{odataMockMode:`loading`},render:()=>(0,_.jsx)(m,{label:`Команда`,description:`Mock с задержкой ответа, чтобы проверить loading-state.`,model:{...f,codeKey:`TEAM`},segment:{placeholder:`Команда`}})},T={name:`Ошибка metadata`,parameters:{odataMockMode:`metadataError`},render:()=>(0,_.jsx)(m,{label:`Регион`,description:`Сервис возвращает ошибку metadata.`,model:{...f,codeKey:`REGION`},segment:{placeholder:`Регион`}})},E={name:`Ошибка коллекции`,parameters:{odataMockMode:`collectionError`},render:()=>(0,_.jsx)(m,{label:`Ответственный`,description:`Metadata доступна, но загрузка коллекции завершается ошибкой.`,model:{...f,codeKey:`OWNER`},segment:{placeholder:`Ответственный`}})},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+  name: "Базовый регион",
+  render: () => <StatefulODataSelect label="Регион" description="Базовая настройка single-select для выбора кода REGION." model={{
+    ...baseModel,
+    codeKey: "REGION"
+  }} segment={{
+    placeholder: "Регион"
+  }} initialValue={storyValues.region} />
+}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+  name: "Скрытый код",
+  render: () => <StatefulODataSelect label="Подразделение" description="Код скрыт и в выпадающем списке, и в выбранном значении." model={{
+    ...baseModel,
+    codeKey: "BRANCH"
+  }} segment={{
+    placeholder: "Подразделение",
+    hideCode: true
+  }} initialValue={storyValues.branch} />
+}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+  name: "Выбор текста вместо кода",
+  render: () => <StatefulODataSelect label="Регион по тексту" description="Снаружи хранится текстовое значение, а не код." model={{
+    ...baseModel,
+    codeKey: "REGION"
+  }} segment={{
+    placeholder: "Регион",
+    selectText: true
+  }} initialValue={storyValues.regionText} />
+}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+  name: "Зависимость от региона",
+  render: () => <StatefulODataSelect label="Подразделение c зависимостью" description="Фильтрация подразделений по уже выбранному региону через props.dependencies." model={{
+    ...baseModel,
+    codeKey: "BRANCH"
+  }} segment={{
+    placeholder: "Подразделение"
+  }} dependencies={{
+    REGION: [storyValues.region]
+  }} initialValue={storyValues.branch} />
+}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+  name: "Связанная цепочка фильтров",
+  render: () => <LinkedFiltersDemo />
+}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  name: "Состояние загрузки",
+  parameters: {
+    odataMockMode: "loading"
+  },
+  render: () => <StatefulODataSelect label="Команда" description="Mock с задержкой ответа, чтобы проверить loading-state." model={{
+    ...baseModel,
+    codeKey: "TEAM"
+  }} segment={{
+    placeholder: "Команда"
+  }} />
+}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+  name: "Ошибка metadata",
+  parameters: {
+    odataMockMode: "metadataError"
+  },
+  render: () => <StatefulODataSelect label="Регион" description="Сервис возвращает ошибку metadata." model={{
+    ...baseModel,
+    codeKey: "REGION"
+  }} segment={{
+    placeholder: "Регион"
+  }} />
+}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
+  name: "Ошибка коллекции",
+  parameters: {
+    odataMockMode: "collectionError"
+  },
+  render: () => <StatefulODataSelect label="Ответственный" description="Metadata доступна, но загрузка коллекции завершается ошибкой." model={{
+    ...baseModel,
+    codeKey: "OWNER"
+  }} segment={{
+    placeholder: "Ответственный"
+  }} />
+}`,...E.parameters?.docs?.source}}},D=[`BasicDivision`,`HideCode`,`SelectTextValue`,`StaticDependency`,`LinkedFilters`,`LoadingState`,`MetadataError`,`CollectionError`]}));O();export{y as BasicDivision,E as CollectionError,b as HideCode,C as LinkedFilters,w as LoadingState,T as MetadataError,x as SelectTextValue,S as StaticDependency,D as __namedExportsOrder,v as default,O as n,p as t};

package/storybook-static/assets/ODataTreeMultiSelect-IKfvxL7p.js

@@ -0,0 +1,17 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{t}from"./iframe-GmIo3IOR.js";import{E as n,a as r,d as i,f as a,l as o,m as s,n as c,p as l,r as u,u as d}from"./blocks-0RiOsxIK.js";import{t as f}from"./mdx-react-shim-DQ40dZsI.js";import{Basic as p,ErrorState as m,LoadingState as h,MixedSelection as g,ParentCompression as _,n as v,t as y}from"./ODataTreeMultiSelect.stories-uPDVAyMu.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)(o,{of:y,parameters:{docs:{toc:!0}}}),`
+`,(0,S.jsx)(l,{children:`ODataTreeMultiSelect`}),`
+`,(0,S.jsx)(a,{children:`Мультивыбор по одной OData-цепочке в виде дерева`}),`
+`,(0,S.jsxs)(t.p,{children:[(0,S.jsx)(t.code,{children:`ODataTreeMultiSelect`}),` строит дерево из одной OData-цепочки и отдает наружу канонизированный выбор в формате `,(0,S.jsx)(t.code,{children:`Record<string, string[]>`}),`.`]}),`
+`,(0,S.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,S.jsx)(d,{}),`
+`,(0,S.jsx)(r,{of:p}),`
+`,(0,S.jsx)(t.h2,{id:`сценарии`,children:`Сценарии`}),`
+`,(0,S.jsx)(u,{of:p}),`
+`,(0,S.jsx)(u,{of:_}),`
+`,(0,S.jsx)(u,{of:g}),`
+`,(0,S.jsx)(u,{of:h}),`
+`,(0,S.jsx)(u,{of:m}),`
+`,(0,S.jsx)(t.h2,{id:`api`,children:`API`}),`
+`,(0,S.jsx)(c,{of:y}),`
+`,(0,S.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,S.jsx)(i,{includePrimary:!1})]})}function x(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,S.jsx)(t,{...e,children:(0,S.jsx)(b,{...e})}):b(e)}var S;e((()=>{S=t(),f(),s(),v()}))();export{x as default};

package/storybook-static/assets/ODataTreeMultiSelect.stories-uPDVAyMu.js

@@ -0,0 +1,28 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{pn as r,t as i}from"./iframe-GmIo3IOR.js";import{a,i as o,n as s,o as c,s as l}from"./odataStoryFixtures-qHROzCso.js";import{n as u,t as d}from"./useODataTreeData-Dli9NQVP.js";import{n as f,t as p}from"./TreeMultiSelect-Drs35VVA.js";function m({label:e,description:t,disabled:n,size:r,placeholder:i,query:a,defaultQuery:o,onQuery:s,optionsLayout:c,value:l,onChange:d,odata:f,segments:m,model:g}){let _=u({odata:f,segments:m,model:g});return(0,h.jsx)(p,{label:e,description:t,disabled:n||_.isLoading,size:r,placeholder:i??_.placeholder,nodes:_.nodes,value:l,onChange:d,query:a,defaultQuery:o,onQuery:s,optionsLayout:c,isLoading:_.isLoading,error:_.isError?`Ошибка загрузки`:void 0})}var h,g=n((()=>{d(),f(),h=i(),m.__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 и запросов.`}},composes:[`Omit`]}})),_=e({BalancedColumns:()=>T,Basic:()=>S,ErrorState:()=>D,LoadingState:()=>E,MixedSelection:()=>w,ParentCompression:()=>C,__namedExportsOrder:()=>O,default:()=>x});function v({initialValue:e={},odata:t=s,segments:n=c,label:r=`ODataTreeMultiSelect`,description:i,optionsLayout:a=`tree`}){let[o,l]=(0,y.useState)(e);return(0,b.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,b.jsx)(m,{label:r,description:i,odata:t,segments:n,value:o,onChange:l,optionsLayout:a}),(0,b.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,JSON.stringify(o)]})]})}var y,b,x,S,C,w,T,E,D,O,k=n((()=>{y=t(r(),1),o(),g(),b=i(),x={title:`Shared/UI/ODataTreeMultiSelect`,component:m,decorators:[l],parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`OData дерево`,description:`Multi-select поверх одной OData-цепочки.`,odata:s,segments:c,value:{},onChange:()=>{}},argTypes:{segments:{control:!1},value:{control:!1},onChange:{control:!1}}},S={render:()=>(0,b.jsx)(v,{initialValue:{OWNER:[a.owner]}})},C={render:()=>(0,b.jsx)(v,{label:`Компрессия subtree`,description:`Пример, когда наружу уходит узел верхнего уровня вместо полного списка потомков.`,initialValue:{REGION:[a.region]}})},w={render:()=>(0,b.jsx)(v,{label:`Смешанный выбор`,description:`Смешанный frontier по соседним уровням в OData-дереве.`,initialValue:{BRANCH:[a.branch],OWNER:[a.ownerAlt]}})},T={render:()=>(0,b.jsx)(v,{label:`OData tree в столбцах`,description:`Все уровни открыты, а popup балансирует ширину и высоту по доступному viewport.`,optionsLayout:`columns`,initialValue:{BRANCH:[a.branch]}})},E={parameters:{odataMockMode:`loading`},render:()=>(0,b.jsx)(v,{description:`Сценарий загрузки дерева.`})},D={parameters:{odataMockMode:`collectionError`},render:()=>(0,b.jsx)(v,{description:`Сценарий ошибки загрузки дерева.`})},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+  render: () => <StatefulODataTreeMultiSelect initialValue={{
+    OWNER: [storyValues.owner]
+  }} />
+}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+  render: () => <StatefulODataTreeMultiSelect label="Компрессия subtree" description="Пример, когда наружу уходит узел верхнего уровня вместо полного списка потомков." initialValue={{
+    REGION: [storyValues.region]
+  }} />
+}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  render: () => <StatefulODataTreeMultiSelect label="Смешанный выбор" description="Смешанный frontier по соседним уровням в OData-дереве." initialValue={{
+    BRANCH: [storyValues.branch],
+    OWNER: [storyValues.ownerAlt]
+  }} />
+}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+  render: () => <StatefulODataTreeMultiSelect label="OData tree в столбцах" description="Все уровни открыты, а popup балансирует ширину и высоту по доступному viewport." optionsLayout="columns" initialValue={{
+    BRANCH: [storyValues.branch]
+  }} />
+}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    odataMockMode: "loading"
+  },
+  render: () => <StatefulODataTreeMultiSelect description="Сценарий загрузки дерева." />
+}`,...E.parameters?.docs?.source}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    odataMockMode: "collectionError"
+  },
+  render: () => <StatefulODataTreeMultiSelect description="Сценарий ошибки загрузки дерева." />
+}`,...D.parameters?.docs?.source}}},O=[`Basic`,`ParentCompression`,`MixedSelection`,`BalancedColumns`,`LoadingState`,`ErrorState`]}));k();export{T as BalancedColumns,S as Basic,D as ErrorState,E as LoadingState,w as MixedSelection,C as ParentCompression,O as __namedExportsOrder,x as default,k as n,_ as t};

package/storybook-static/assets/ODataTreeSelect-BujgjSkl.js

@@ -0,0 +1,16 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{t}from"./iframe-GmIo3IOR.js";import{E as n,a as r,d as i,f as a,l as o,m as s,n as c,p as l,r as u,u as d}from"./blocks-0RiOsxIK.js";import{t as f}from"./mdx-react-shim-DQ40dZsI.js";import{Basic as p,ErrorState as m,LoadingState as h,SelectParent as g,n as _,t as v}from"./ODataTreeSelect.stories-BzlUExoW.js";function y(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(o,{of:v,parameters:{docs:{toc:!0}}}),`
+`,(0,x.jsx)(l,{children:`ODataTreeSelect`}),`
+`,(0,x.jsx)(a,{children:`Single-select по одной OData-цепочке в виде дерева`}),`
+`,(0,x.jsxs)(t.p,{children:[(0,x.jsx)(t.code,{children:`ODataTreeSelect`}),` загружает одну OData-коллекцию, строит дерево по цепочке codeKey и позволяет выбрать любой узел.`]}),`
+`,(0,x.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,x.jsx)(d,{}),`
+`,(0,x.jsx)(r,{of:p}),`
+`,(0,x.jsx)(t.h2,{id:`сценарии`,children:`Сценарии`}),`
+`,(0,x.jsx)(u,{of:p}),`
+`,(0,x.jsx)(u,{of:g}),`
+`,(0,x.jsx)(u,{of:h}),`
+`,(0,x.jsx)(u,{of:m}),`
+`,(0,x.jsx)(t.h2,{id:`api`,children:`API`}),`
+`,(0,x.jsx)(c,{of:v}),`
+`,(0,x.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,x.jsx)(i,{includePrimary:!1})]})}function b(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,x.jsx)(t,{...e,children:(0,x.jsx)(y,{...e})}):y(e)}var x;e((()=>{x=t(),f(),s(),_()}))();export{b as default};

package/storybook-static/assets/ODataTreeSelect.stories-BzlUExoW.js

@@ -0,0 +1,21 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{pn as r,t as i}from"./iframe-GmIo3IOR.js";import{a,i as o,n as s,o as c,s as l}from"./odataStoryFixtures-qHROzCso.js";import{n as u,t as d}from"./useODataTreeData-Dli9NQVP.js";import{n as f,t as p}from"./TreeSelect-DxdqUuJ6.js";function m({label:e,description:t,disabled:n,size:r,placeholder:i,query:a,defaultQuery:o,onQuery:s,value:c,onChange:l,odata:d,segments:f,model:m,clearable:g}){let _=u({odata:d,segments:f,model:m});return(0,h.jsx)(p,{label:e,description:t,disabled:n||_.isLoading,size:r,placeholder:i??_.placeholder,nodes:_.nodes,value:c,onChange:l,query:a,defaultQuery:o,onQuery:s,isLoading:_.isLoading,error:_.isError?`Ошибка загрузки`:void 0,clearable:g})}var h,g=n((()=>{d(),f(),h=i(),m.__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:``}},composes:[`Omit`]}})),_=e({Basic:()=>S,ErrorState:()=>T,LoadingState:()=>w,SelectParent:()=>C,__namedExportsOrder:()=>E,default:()=>x});function v({initialValue:e,odata:t=s,segments:n=c,label:r=`ODataTreeSelect`,description:i}){let[a,o]=(0,y.useState)(e);return(0,b.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,b.jsx)(m,{label:r,description:i,odata:t,segments:n,value:a,onChange:o}),(0,b.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,a?`${a.codeKey}=${a.value}`:`пусто`]})]})}var y,b,x,S,C,w,T,E,D=n((()=>{y=t(r(),1),o(),g(),b=i(),x={title:`Shared/UI/ODataTreeSelect`,component:m,decorators:[l],parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`OData дерево`,description:`Single-select поверх одной OData-цепочки.`,odata:s,segments:c,value:void 0,onChange:()=>{}},argTypes:{segments:{control:!1},value:{control:!1},onChange:{control:!1}}},S={render:()=>(0,b.jsx)(v,{initialValue:{codeKey:`OWNER`,value:a.owner}})},C={render:()=>(0,b.jsx)(v,{label:`Выбор родителя`,description:`Проверка выбора узла верхнего уровня из OData-дерева.`,initialValue:{codeKey:`REGION`,value:a.region}})},w={parameters:{odataMockMode:`loading`},render:()=>(0,b.jsx)(v,{description:`Сценарий загрузки дерева.`})},T={parameters:{odataMockMode:`collectionError`},render:()=>(0,b.jsx)(v,{description:`Сценарий ошибки загрузки дерева.`})},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+  render: () => <StatefulODataTreeSelect initialValue={{
+    codeKey: "OWNER",
+    value: storyValues.owner
+  }} />
+}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+  render: () => <StatefulODataTreeSelect label="Выбор родителя" description="Проверка выбора узла верхнего уровня из OData-дерева." initialValue={{
+    codeKey: "REGION",
+    value: storyValues.region
+  }} />
+}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    odataMockMode: "loading"
+  },
+  render: () => <StatefulODataTreeSelect description="Сценарий загрузки дерева." />
+}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    odataMockMode: "collectionError"
+  },
+  render: () => <StatefulODataTreeSelect description="Сценарий ошибки загрузки дерева." />
+}`,...T.parameters?.docs?.source}}},E=[`Basic`,`SelectParent`,`LoadingState`,`ErrorState`]}));D();export{S as Basic,T as ErrorState,w as LoadingState,C as SelectParent,E as __namedExportsOrder,x as default,D as n,_ as t};

package/storybook-static/assets/{PeriodSelect-BMZas-k8.js → PeriodSelect-BJIPDLq1.js}

@@ -1,12 +1,12 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-DBWaa853.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DHWnLJR9.js";import{AllAllowedOptionsDisabled as p,AutoSwitchByRange as m,Controlled as h,Disabled as g,MonthAndYear as _,n as v,t as y}from"./PeriodSelect.stories-3w66x0Wx.js";function b(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(a,{of:y,parameters:{docs:{toc:!0}}}),`
-`,(0,S.jsx)(c,{children:`PeriodSelect`}),`
-`,(0,S.jsx)(i,{children:`Выбор периода детализации дат с ограничением вариантов по связанному диапазону`}),`
-`,(0,S.jsxs)(o.p,{children:[`PeriodSelect используется для выбора уровня детализации: `,(0,S.jsx)(o.code,{children:`day`}),`, `,(0,S.jsx)(o.code,{children:`week`}),`, `,(0,S.jsx)(o.code,{children:`month`}),` или `,(0,S.jsx)(o.code,{children:`year`}),`. Компонент хранит только id выбранного периода, а недоступность вариантов вычисляет по переданному `,(0,S.jsx)(o.code,{children:`dateRange`}),` и порогам `,(0,S.jsx)(o.code,{children:`maxDayRangeDays`}),` / `,(0,S.jsx)(o.code,{children:`maxWeekRangeWeeks`}),`.`]}),`
-`,(0,S.jsxs)(o.p,{children:[`Prop `,(0,S.jsx)(o.code,{children:`presetIds`}),` ограничивает встроенный каталог разрешенными вариантами. Независимо от порядка id в конфигурации контрол отображает их в каноническом порядке `,(0,S.jsx)(o.code,{children:`day → week → month → year`}),`. Отсутствующий, пустой или полностью невалидный список безопасно заменяется полным встроенным набором. Собственный `,(0,S.jsx)(o.code,{children:`options`}),` имеет приоритет над `,(0,S.jsx)(o.code,{children:`presetIds`}),`.`]}),`
-`,(0,S.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,S.jsx)(u,{}),`
-`,(0,S.jsx)(n,{of:h}),`
-`,(0,S.jsx)(o.pre,{children:(0,S.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
+import{i as e}from"./preload-helper-B45gAKPr.js";import{t}from"./iframe-GmIo3IOR.js";import{E as n,a as r,d as i,f as a,l as o,m as s,n as c,p as l,r as u,u as d}from"./blocks-0RiOsxIK.js";import{t as f}from"./mdx-react-shim-DQ40dZsI.js";import{AllAllowedOptionsDisabled as p,AutoSwitchByRange as m,Controlled as h,Disabled as g,MonthAndYear as _,n as v,t as y}from"./PeriodSelect.stories-D12q6-YO.js";function b(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(o,{of:y,parameters:{docs:{toc:!0}}}),`
+`,(0,S.jsx)(l,{children:`PeriodSelect`}),`
+`,(0,S.jsx)(a,{children:`Выбор периода детализации дат с ограничением вариантов по связанному диапазону`}),`
+`,(0,S.jsxs)(t.p,{children:[`PeriodSelect используется для выбора уровня детализации: `,(0,S.jsx)(t.code,{children:`day`}),`, `,(0,S.jsx)(t.code,{children:`week`}),`, `,(0,S.jsx)(t.code,{children:`month`}),` или `,(0,S.jsx)(t.code,{children:`year`}),`. Компонент хранит только id выбранного периода, а недоступность вариантов вычисляет по переданному `,(0,S.jsx)(t.code,{children:`dateRange`}),` и порогам `,(0,S.jsx)(t.code,{children:`maxDayRangeDays`}),` / `,(0,S.jsx)(t.code,{children:`maxWeekRangeWeeks`}),`.`]}),`
+`,(0,S.jsxs)(t.p,{children:[`Prop `,(0,S.jsx)(t.code,{children:`presetIds`}),` ограничивает встроенный каталог разрешенными вариантами. Независимо от порядка id в конфигурации контрол отображает их в каноническом порядке `,(0,S.jsx)(t.code,{children:`day → week → month → year`}),`. Отсутствующий, пустой или полностью невалидный список безопасно заменяется полным встроенным набором. Собственный `,(0,S.jsx)(t.code,{children:`options`}),` имеет приоритет над `,(0,S.jsx)(t.code,{children:`presetIds`}),`.`]}),`
+`,(0,S.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,S.jsx)(d,{}),`
+`,(0,S.jsx)(r,{of:h}),`
+`,(0,S.jsx)(t.pre,{children:(0,S.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
 
 import { PeriodSelect, type PeriodSelectPresetId } from "@ryuzaki13/react-foundation-ui/period-select";
 
@@ -26,26 +26,26 @@ export function Example() {
 	);
 }
 `})}),`
-`,(0,S.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
-`,(0,S.jsxs)(o.ul,{children:[`
-`,(0,S.jsxs)(o.li,{children:[`Передавайте `,(0,S.jsx)(o.code,{children:`dateRange`}),`, если период должен зависеть от выбранного диапазона дат.`]}),`
-`,(0,S.jsxs)(o.li,{children:[`Используйте `,(0,S.jsx)(o.code,{children:`presetIds`}),`, когда runtime должен предлагать только разрешенные уровни детализации; порядок массива не управляет порядком Select.`]}),`
-`,(0,S.jsxs)(o.li,{children:[`Настраивайте `,(0,S.jsx)(o.code,{children:`maxDayRangeDays`}),` и `,(0,S.jsx)(o.code,{children:`maxWeekRangeWeeks`}),` в конфиге параметрического контрола, а не в потребителях runtime.`]}),`
-`,(0,S.jsxs)(o.li,{children:[`Если `,(0,S.jsx)(o.code,{children:`dateRange`}),` временно блокирует все разрешенные варианты, Select показывает пустое значение, но не очищает внешний controlled-id. После появления доступного варианта отображение восстанавливается без потери runtime-параметра.`]}),`
-`,(0,S.jsxs)(o.li,{children:[`В story `,(0,S.jsx)(o.code,{children:`Controlled`}),` значения обновляются через `,(0,S.jsx)(o.code,{children:`useArgs`}),`, поэтому Controls и сам Select остаются синхронизированы.`]}),`
+`,(0,S.jsx)(t.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,S.jsxs)(t.ul,{children:[`
+`,(0,S.jsxs)(t.li,{children:[`Передавайте `,(0,S.jsx)(t.code,{children:`dateRange`}),`, если период должен зависеть от выбранного диапазона дат.`]}),`
+`,(0,S.jsxs)(t.li,{children:[`Используйте `,(0,S.jsx)(t.code,{children:`presetIds`}),`, когда runtime должен предлагать только разрешенные уровни детализации; порядок массива не управляет порядком Select.`]}),`
+`,(0,S.jsxs)(t.li,{children:[`Настраивайте `,(0,S.jsx)(t.code,{children:`maxDayRangeDays`}),` и `,(0,S.jsx)(t.code,{children:`maxWeekRangeWeeks`}),` в конфиге параметрического контрола, а не в потребителях runtime.`]}),`
+`,(0,S.jsxs)(t.li,{children:[`Если `,(0,S.jsx)(t.code,{children:`dateRange`}),` временно блокирует все разрешенные варианты, Select показывает пустое значение, но не очищает внешний controlled-id. После появления доступного варианта отображение восстанавливается без потери runtime-параметра.`]}),`
+`,(0,S.jsxs)(t.li,{children:[`В story `,(0,S.jsx)(t.code,{children:`Controlled`}),` значения обновляются через `,(0,S.jsx)(t.code,{children:`useArgs`}),`, поэтому Controls и сам Select остаются синхронизированы.`]}),`
 `]}),`
-`,(0,S.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
-`,(0,S.jsx)(o.h3,{id:`контролируемый-выбор-с-редактированием-props-через-storybook-controls`,children:`Контролируемый выбор с редактированием props через Storybook Controls`}),`
-`,(0,S.jsx)(l,{of:h}),`
-`,(0,S.jsx)(o.h3,{id:`автопереключение-при-слишком-большом-диапазоне`,children:`Автопереключение при слишком большом диапазоне`}),`
-`,(0,S.jsx)(l,{of:m}),`
-`,(0,S.jsx)(o.h3,{id:`ограничение-выбора-месяцами-и-годами`,children:`Ограничение выбора месяцами и годами`}),`
-`,(0,S.jsx)(l,{of:_}),`
-`,(0,S.jsx)(o.h3,{id:`временно-недоступны-все-разрешенные-варианты`,children:`Временно недоступны все разрешенные варианты`}),`
-`,(0,S.jsx)(l,{of:p}),`
-`,(0,S.jsx)(o.h3,{id:`заблокированное-состояние`,children:`Заблокированное состояние`}),`
-`,(0,S.jsx)(l,{of:g}),`
-`,(0,S.jsx)(o.h2,{id:`api`,children:`API`}),`
-`,(0,S.jsx)(s,{of:y}),`
-`,(0,S.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,S.jsx)(r,{includePrimary:!1})]})}function x(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,S.jsx)(n,{...e,children:(0,S.jsx)(b,{...e})}):b(e)}var S;e((()=>{S=d(),f(),o(),v()}))();export{x as default};
+`,(0,S.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,S.jsx)(t.h3,{id:`контролируемый-выбор-с-редактированием-props-через-storybook-controls`,children:`Контролируемый выбор с редактированием props через Storybook Controls`}),`
+`,(0,S.jsx)(u,{of:h}),`
+`,(0,S.jsx)(t.h3,{id:`автопереключение-при-слишком-большом-диапазоне`,children:`Автопереключение при слишком большом диапазоне`}),`
+`,(0,S.jsx)(u,{of:m}),`
+`,(0,S.jsx)(t.h3,{id:`ограничение-выбора-месяцами-и-годами`,children:`Ограничение выбора месяцами и годами`}),`
+`,(0,S.jsx)(u,{of:_}),`
+`,(0,S.jsx)(t.h3,{id:`временно-недоступны-все-разрешенные-варианты`,children:`Временно недоступны все разрешенные варианты`}),`
+`,(0,S.jsx)(u,{of:p}),`
+`,(0,S.jsx)(t.h3,{id:`заблокированное-состояние`,children:`Заблокированное состояние`}),`
+`,(0,S.jsx)(u,{of:g}),`
+`,(0,S.jsx)(t.h2,{id:`api`,children:`API`}),`
+`,(0,S.jsx)(c,{of:y}),`
+`,(0,S.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,S.jsx)(i,{includePrimary:!1})]})}function x(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,S.jsx)(t,{...e,children:(0,S.jsx)(b,{...e})}):b(e)}var S;e((()=>{S=t(),f(),s(),v()}))();export{x as default};

package/storybook-static/assets/{PeriodSelect.stories-3w66x0Wx.js → PeriodSelect.stories-D12q6-YO.js}

@@ -1,4 +1,4 @@
-import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-B1Ua6ocI.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{i as a,t as o}from"./text-DpidzPjQ.js";import{P as s,b as c,s as l,t as u}from"./formatters-Br290Dmy.js";import{t as d}from"./DateInput-Bn8ERC92.js";import{a as f,c as p,i as m,n as h,s as g,t as _}from"./preset-select-C0o8oMRZ.js";import{i as v}from"./Grid-C-xko03k.js";import{t as y}from"./grid-BRIKMdnO.js";var b=n((()=>{}));function x(e){return typeof e==`string`&&k.has(e)}function S(e,t=O){let n=m(e,x,t),r=n.length>0?n:O,i=new Set(r);return O.filter(e=>i.has(e))}function C(e,t=D){return g(e,t)}function w({maxDayRangeDays:e,maxWeekRangeWeeks:t}={}){let n=s(e),r=s(t);return D.map(e=>e.id===`day`&&n!==void 0?{...e,maxRangeDays:n}:e.id===`week`&&r!==void 0?{...e,maxRangeDays:r*7}:{...e})}function T(e,t){let n=s(e.maxRangeDays);if(n===void 0||t===void 0)return!1;let r=l(t);return r!==null&&r>n}function E(e,t,n){if(t.length===0)return;let r=e===void 0?-1:t.findIndex(t=>t.id===e),i=r>=0?t[r]:void 0;return i&&!T(i,n)?i.id:(r>=0?t.slice(r+1):t).find(e=>!T(e,n))?.id??t.find(e=>!T(e,n))?.id}var D,O,k,A=n((()=>{u(),f(),D=Object.freeze([{id:`day`,label:`по дням`},{id:`week`,label:`по неделям`},{id:`month`,label:`по месяцам`},{id:`year`,label:`по годам`}]),O=Object.freeze([`day`,`week`,`month`,`year`]),k=new Set(D.map(e=>e.id))})),j=n((()=>{b(),A()}));function M({value:e,onChange:t,options:n,presetIds:r,dateRange:i,maxDayRangeDays:a,maxWeekRangeWeeks:o,...s}){let c=(0,N.useMemo)(()=>n??C(S(r),w({maxDayRangeDays:a,maxWeekRangeWeeks:o})),[a,o,n,r]),l=(0,N.useMemo)(()=>E(e,c,i),[i,c,e]),u=(0,N.useRef)(null),d=(0,N.useEffectEvent)(()=>{if(l===void 0||l===e){u.current=null;return}let n=u.current;n&&n.value===e&&n.availableValue===l||(u.current={value:e,availableValue:l},t(l))});return(0,N.useEffect)(()=>{d()},[l,e]),(0,P.jsx)(h,{...s,options:c,value:l,onChange:t,getOptionDisabled:e=>T(e,i)})}var N,P,F=n((()=>{N=t(r(),1),_(),j(),P=i(),M.__docgenInfo={description:`Select периода детализации, который может ограничивать доступные варианты по диапазону дат.`,methods:[],displayName:`PeriodSelect`,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:``},options:{required:!1,tsType:{name:`unknown`},description:``},presetIds:{required:!1,tsType:{name:`unknown`},description:`Разрешенные встроенные варианты периода. Значение нормализуется в канонический
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{pn as r,t as i}from"./iframe-GmIo3IOR.js";import{i as a,t as o}from"./text-Cw7Vu082.js";import{P as s,b as c,s as l,t as u}from"./formatters-3Nbt_zpw.js";import{t as d}from"./DateInput-CvJvdtwa.js";import{a as f,c as p,i as m,n as h,s as g,t as _}from"./preset-select-DSUOhzZJ.js";import{i as v}from"./Grid-DhASlspp.js";import{t as y}from"./grid-CXx-3eN4.js";var b=n((()=>{}));function x(e){return typeof e==`string`&&k.has(e)}function S(e,t=O){let n=m(e,x,t),r=n.length>0?n:O,i=new Set(r);return O.filter(e=>i.has(e))}function C(e,t=D){return g(e,t)}function w({maxDayRangeDays:e,maxWeekRangeWeeks:t}={}){let n=s(e),r=s(t);return D.map(e=>e.id===`day`&&n!==void 0?{...e,maxRangeDays:n}:e.id===`week`&&r!==void 0?{...e,maxRangeDays:r*7}:{...e})}function T(e,t){let n=s(e.maxRangeDays);if(n===void 0||t===void 0)return!1;let r=l(t);return r!==null&&r>n}function E(e,t,n){if(t.length===0)return;let r=e===void 0?-1:t.findIndex(t=>t.id===e),i=r>=0?t[r]:void 0;return i&&!T(i,n)?i.id:(r>=0?t.slice(r+1):t).find(e=>!T(e,n))?.id??t.find(e=>!T(e,n))?.id}var D,O,k,A=n((()=>{u(),f(),D=Object.freeze([{id:`day`,label:`по дням`},{id:`week`,label:`по неделям`},{id:`month`,label:`по месяцам`},{id:`year`,label:`по годам`}]),O=Object.freeze([`day`,`week`,`month`,`year`]),k=new Set(D.map(e=>e.id))})),j=n((()=>{b(),A()}));function M({value:e,onChange:t,options:n,presetIds:r,dateRange:i,maxDayRangeDays:a,maxWeekRangeWeeks:o,...s}){let c=(0,N.useMemo)(()=>n??C(S(r),w({maxDayRangeDays:a,maxWeekRangeWeeks:o})),[a,o,n,r]),l=(0,N.useMemo)(()=>E(e,c,i),[i,c,e]),u=(0,N.useRef)(null),d=(0,N.useEffectEvent)(()=>{if(l===void 0||l===e){u.current=null;return}let n=u.current;n&&n.value===e&&n.availableValue===l||(u.current={value:e,availableValue:l},t(l))});return(0,N.useEffect)(()=>{d()},[l,e]),(0,P.jsx)(h,{...s,options:c,value:l,onChange:t,getOptionDisabled:e=>T(e,i)})}var N,P,F=n((()=>{N=t(r(),1),_(),j(),P=i(),M.__docgenInfo={description:`Select периода детализации, который может ограничивать доступные варианты по диапазону дат.`,methods:[],displayName:`PeriodSelect`,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:``},options:{required:!1,tsType:{name:`unknown`},description:``},presetIds:{required:!1,tsType:{name:`unknown`},description:`Разрешенные встроенные варианты периода. Значение нормализуется в канонический
 порядок, а пустой либо невалидный список безопасно заменяется полным набором.
 Не применяется, когда передан собственный \`options\`.`},dateRange:{required:!1,tsType:{name:`DateRangeInput`},description:``},maxDayRangeDays:{required:!1,tsType:{name:`number`},description:``},maxWeekRangeWeeks:{required:!1,tsType:{name:`number`},description:``}}}})),I=n((()=>{j(),F()})),L=e({AllAllowedOptionsDisabled:()=>Y,AutoSwitchByRange:()=>q,Controlled:()=>K,Disabled:()=>X,MonthAndYear:()=>J,__namedExportsOrder:()=>Z,default:()=>G});function R(e){return e!==void 0&&c(e)?e:null}function z(e){let[,t]=V(),n=R(e.dateRange),r=l(e.dateRange??null);return(0,B.jsxs)(v,{gap:`md`,children:[(0,B.jsx)(M,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,B.jsx)(d,{label:`Связанный диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>t({dateRange:e??void 0})}),(0,B.jsxs)(a,{as:`p`,color:`secondary`,"aria-live":`polite`,children:[`Выбрано: `,(0,B.jsx)(a,{as:`code`,children:e.value??`не выбрано`}),`. Дней в диапазоне:`,` `,(0,B.jsx)(a,{as:`code`,children:r??`не задано`}),`.`]})]})}var B,V,H,U,W,G,K,q,J,Y,X,Z,Q=n((()=>{u(),p(),y(),o(),I(),B=i(),{useArgs:V}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:H}=__STORYBOOK_MODULE_TEST__,U=[new Date(2026,2,1,0,0,0),new Date(2026,2,14,23,59,59)],W=[new Date(2026,0,1,0,0,0),new Date(2026,4,20,23,59,59)],G={title:`Shared/UI/PeriodSelect`,component:M,args:{label:`Период детализации`,description:`Выберите уровень группировки дат.`,placeholder:`Выберите период`,value:`day`,onChange:H(),presetIds:O,dateRange:U,maxDayRangeDays:31,maxWeekRangeWeeks:26,disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Select периода детализации дат. Компонент работает с id периода и может блокировать слишком детальные варианты по переданному диапазону дат.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда период не выбран.`,control:`text`},value:{description:`Текущий id периода.`,control:`select`,options:O},onChange:{description:`Вызывается с id выбранного периода.`,control:!1},options:{description:"Кастомный список периодов по контракту `PeriodSelectOption`; имеет приоритет над `presetIds`.",control:!1},presetIds:{description:"Разрешенные встроенные периоды. Порядок отображения остается `day → week → month → year`.",control:`check`,options:O},dateRange:{description:`Диапазон дат, по которому вычисляются заблокированные периоды.`,control:!1},maxDayRangeDays:{description:"Максимальное количество дней, при котором доступен период `day`.",control:{type:`number`,min:1,step:1}},maxWeekRangeWeeks:{description:"Максимальное количество недель, при котором доступен период `week`.",control:{type:`number`,min:1,step:1}},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},K={name:`Контролируемый выбор`,render:function(e){return(0,B.jsx)(z,{...e})}},q={name:`Автопереключение по диапазону`,args:{value:`day`,dateRange:W,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:function(e){return(0,B.jsx)(z,{...e})}},J={name:`Только месяцы и годы`,args:{value:`month`,presetIds:[`month`,`year`]},render:function(e){return(0,B.jsx)(z,{...e})}},Y={name:`Все разрешенные варианты недоступны`,args:{value:`day`,presetIds:[`day`,`week`],dateRange:W,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:function(e){return(0,B.jsx)(z,{...e})}},X={name:`Заблокированный контрол`,args:{disabled:!0,value:`week`}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
   name: "Контролируемый выбор",