@ryuzaki13/react-foundation-ui 3.8.3 → 3.9.0

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

@@ -1,76 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-ltYEol2F.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-Bdsl8TP-.js";import{a as p,i as m,n as h,r as g,t as _}from"./MultiSelect.stories-R6JTKnFI.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:`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 { MultiSelect } from "@ryuzaki13/react-foundation-ui/multi-select";
-
-type DepartmentOption = {
-	id: string;
-	name: string;
-	displayCode: string;
-};
-
-const options: DepartmentOption[] = [
-	{ id: "education:north", name: "Учебное отделение «Север»", displayCode: "УО-01" },
-	{ id: "education:south", name: "Учебное отделение «Юг»", displayCode: "УО-01" }
-];
-
-export function Example() {
-	const [value, setValue] = useState<DepartmentOption[]>([]);
-
-	return (
-		<MultiSelect
-			label="Подразделения"
-			options={options}
-			value={value}
-			onChange={setValue}
-			getOptionKey={(option) => option.id}
-			getOptionLabel={(option) => option.name}
-			getOptionCode={(option) => option.displayCode}
-		/>
-	);
-}
-`})}),`
-`,(0,b.jsx)(t.h2,{id:`контракт-selector-функций`,children:`Контракт selector-функций`}),`
-`,(0,b.jsxs)(t.ul,{children:[`
-`,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`getOptionKey`}),` задаёт единственный identity option. Строковый ключ должен быть уникальным и устойчивым; числовой domain-id следует явно преобразовать через `,(0,b.jsx)(t.code,{children:`String(id)`}),`.`]}),`
-`,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`getOptionLabel`}),` возвращает основной текст, а `,(0,b.jsx)(t.code,{children:`getOptionCode`}),` — независимый дополнительный код. Одинаковый отображаемый code не объединяет option, если их key различаются.`]}),`
-`,(0,b.jsxs)(t.li,{children:[`По умолчанию поиск учитывает label, code и текст заголовка группы. `,(0,b.jsx)(t.code,{children:`getOptionSearchText`}),` полностью заменяет это представление и подходит для скрытых синонимов, транслитерации или заранее нормализованного индекса.`]}),`
-`,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`getOptionGroup`}),` объединяет соседние option с одинаковым `,(0,b.jsx)(t.code,{children:`group.key`}),`. Выбранная и доступная секции группируются независимо, поэтому один заголовок может появиться в обеих секциях.`]}),`
-`]}),`
-`,(0,b.jsx)(t.h2,{id:`draft-и-commit`,children:`Draft и commit`}),`
-`,(0,b.jsxs)(t.p,{children:[`При открытии компонент создаёт draft из контролируемого `,(0,b.jsx)(t.code,{children:`value`}),`. Checkbox изменяет draft, не вызывая `,(0,b.jsx)(t.code,{children:`onChange`}),` немедленно; закрытие popup подтверждает его через `,(0,b.jsx)(t.code,{children:`onChange`}),` и передаёт то же значение в `,(0,b.jsx)(t.code,{children:`onClose`}),`.
-Кнопка с названием option выбирает только эту option и сразу закрывает popup. `,(0,b.jsx)(t.code,{children:`getOptionDisabled`}),` получает `,(0,b.jsx)(t.code,{children:`selectedOptions`}),` и `,(0,b.jsx)(t.code,{children:`selectedKeys`}),` текущего draft, а также `,(0,b.jsx)(t.code,{children:`committedSelectedOptions`}),`, поэтому взаимозависимые ограничения обновляются ещё до commit.`]}),`
-`,(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`renderToken`}),` и `,(0,b.jsx)(t.code,{children:`renderToolbar`}),` получают тот же текущий выбор: draft, пока popup открыт, и подтверждённое значение после закрытия.`]}),`
-`,(0,b.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
-`,(0,b.jsx)(t.h3,{id:`identity-независимо-от-отображаемого-code`,children:`Identity независимо от отображаемого code`}),`
-`,(0,b.jsxs)(t.p,{children:[`У двух option намеренно одинаковый `,(0,b.jsx)(t.code,{children:`code`}),`, но разные `,(0,b.jsx)(t.code,{children:`id`}),`. Их можно выбирать независимо без преобразования в `,(0,b.jsx)(t.code,{children:`CollectionItem`}),`.`]}),`
-`,(0,b.jsx)(d,{of:g}),`
-`,(0,b.jsx)(t.h3,{id:`группировка-и-selected-first`,children:`Группировка и selected-first`}),`
-`,(0,b.jsx)(t.p,{children:`Подтверждённые option отображаются первыми. После них идёт доступная секция; внутри обеих секций соседние option группируются отдельно.`}),`
-`,(0,b.jsx)(d,{of:h}),`
-`,(0,b.jsx)(t.h3,{id:`контекстная-блокировка-и-поисковый-индекс`,children:`Контекстная блокировка и поисковый индекс`}),`
-`,(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:`миграция-с-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`}),`;`]}),`
-`,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`textKey`}),` на `,(0,b.jsx)(t.code,{children:`getOptionLabel`}),`;`]}),`
-`,(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:`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:`Все сторисы`}),`
-`,(0,b.jsx)(a,{includePrimary:!1})]})}function y(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,b.jsx)(t,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;function x(){return(x=e((()=>{b=t(),r(),c(),p()})))()}x();export{y as default};

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

@@ -1,64 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-ltYEol2F.js";import{n as r,t as i}from"./MultiSelect-C593f3VV.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/MultiSelectCore-BaRmQrD-.js

@@ -1,3 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./CheckBox-C-EWY4_-.js";import{n as i}from"./iframe-ltYEol2F.js";import{n as a,t as o}from"./Text-CcgH9LXI.js";import{n as s,t as c}from"./ui.module-l7VCYIW-.js";import{n as l,t as ee}from"./PickerField-w1JCZyzA.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-vNC5e_t0.js";import{n as ae,t as oe}from"./Separator-BQlVHMcy.js";import{n as se,t as g}from"./Option-ChGr-plg.js";import{i as ce,n as le,r as _,t as v}from"./usePickerQuery-OTz4Oze6.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-D6mT04a1.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.preventDefault(),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:`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/ODataSelect.stories-Cm-Xkq40.js

@@ -1,148 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-ltYEol2F.js";import{a as i,s as a,t as o}from"./odata-Dd_3_5NS.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-CXc6K3fK.js";import{n as ee,t as h}from"./createControlledStoryRender-BouhvX-R.js";import{c as te,l as ne}from"./Input-b2F0zrLw.js";import{n as re,t as ie}from"./Select-CClfxa48.js";import{a as g,i as _,r as ae,t as v}from"./useODataSelectBase-bPN0T_Xm.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-3lOfs9T6.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.
-
-@default 15`},clearable:{required:!1,tsType:{name:`boolean`},description:`Показывает действие очистки выбранного значения.`}}}})))()}var de=t({BasicDivision:()=>W,CollectionError:()=>Z,HideCode:()=>G,LinkedFilters:()=>J,LinkedFiltersDemo:()=>R,LoadingState:()=>Y,MetadataError:()=>X,SelectTextValue:()=>K,StaticDependency:()=>q,__namedExportsOrder:()=>Q,default:()=>U});function fe({args:e,updateArgs:t}){return(0,z.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,z.jsx)(j,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,z.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value||`пусто`]})]})}function R(){let e=g({selectionMode:`sequential`,segmentOrder:V});return(0,z.jsxs)(`div`,{style:{display:`grid`,gap:16,maxWidth:720},children:[B.map((t,n)=>(0,z.jsx)(P,{item:t,values:e.values,onChange:e.updateValues,selectionMode:`sequential`,segmentOrder:V,label:t.segment.placeholder,description:n===0?`Первый уровень доступен сразу.`:`Уровень включается после заполнения всего предыдущего пути.`,width:30,clearable:!0},t.id)),(0,z.jsx)(`div`,{style:{display:`grid`,gap:4,fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:(0,z.jsxs)(`div`,{children:[`Общий снимок: `,JSON.stringify(e.values)]})})]})}var z,B,V,H,U,W,G,K,q,J,Y,X,Z,Q;function $(){return($=e((()=>{i(),ee(),_(),L(),N(),ce(),z=r(),B=o([{odata:y,segments:se,model:S}]),V=B.map(e=>e.id),H=h((e,t)=>(0,z.jsx)(fe,{args:e,updateArgs:t})),U={title:`UI/ODataSelect`,component:j,decorators:[C],beforeEach:oe,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`Регион`,description:`Пример OData Select на основе конфигурации ui control.`,odata:y,model:S,segment:ue,value:void 0,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:`Контролируемый код или текст выбранной option.`,control:!1},onChange:{description:`Вызывается с новым значением option.`,control:!1},clearable:{description:`Показывает действие очистки выбора.`,control:`boolean`},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},W={name:`Базовый регион`,render:H,args:{label:`Регион`,description:`Базовая настройка single-select для выбора кода REGION.`,model:{...S,codeKey:`REGION`},segment:{placeholder:`Регион`},value:x.region}},G={name:`Скрытый код`,render:H,args:{label:`Подразделение`,description:`Код скрыт и в выпадающем списке, и в выбранном значении.`,model:{...S,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`,hideCode:!0},value:x.branch}},K={name:`Выбор текста вместо кода`,render:H,args:{label:`Регион по тексту`,description:`Снаружи хранится текстовое значение, а не код.`,model:{...S,codeKey:`REGION`},segment:{placeholder:`Регион`,selectText:!0},value:x.regionText}},q={name:`Зависимость от региона`,render:H,args:{label:`Подразделение c зависимостью`,description:`Фильтрация подразделений по уже выбранному региону через props.dependencies.`,model:{...S,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:{REGION:[x.region]},value:x.branch}},J={name:`Связанная цепочка фильтров`,render:()=>(0,z.jsx)(R,{})},Y={name:`Состояние загрузки`,parameters:{odataMockMode:`loading`},render:H,args:{odata:b.loading,label:`Команда`,description:`Mock с задержкой ответа, чтобы проверить loading-state.`,model:{...S,codeKey:`TEAM`},segment:{placeholder:`Команда`}}},X={name:`Ошибка metadata`,decorators:[le],parameters:{odataMockMode:`metadataError`},render:H,args:{odata:b.metadataError,label:`Регион`,description:`Сервис возвращает ошибку metadata.`,model:{...S,codeKey:`REGION`},segment:{placeholder:`Регион`}}},Z={name:`Деградация при ошибке коллекции`,parameters:{odataMockMode:`collectionError`},render:H,args:{odata:b.collectionError,label:`Ответственный`,description:`Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.`,model:{...S,codeKey:`OWNER`},segment:{placeholder:`Ответственный`}}},R.__docgenInfo={description:``,methods:[],displayName:`LinkedFiltersDemo`},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`function LinkedFiltersDemo() {
-  const selection = useODataDependentSelection({
-    selectionMode: "sequential",
-    segmentOrder: linkedSegmentOrder
-  });
-  return <div style={{
-    display: "grid",
-    gap: 16,
-    maxWidth: 720
-  }}>
-            {linkedSegmentItems.map((item, index) => <ODataDependentSegmentSelect key={item.id} item={item} values={selection.values} onChange={selection.updateValues} selectionMode="sequential" segmentOrder={linkedSegmentOrder} label={item.segment.placeholder} description={index === 0 ? "Первый уровень доступен сразу." : "Уровень включается после заполнения всего предыдущего пути."} width={30} clearable />)}
-            <div style={{
-      display: "grid",
-      gap: 4,
-      fontSize: "var(--font-size-sm)",
-      color: "var(--content-1)"
-    }}>
-                <div>Общий снимок: {JSON.stringify(selection.values)}</div>
-            </div>
-        </div>;
-}`,...R.parameters?.docs?.source}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
-  name: "Базовый регион",
-  render: renderODataSelectStory,
-  args: {
-    label: "Регион",
-    description: "Базовая настройка single-select для выбора кода REGION.",
-    model: {
-      ...baseModel,
-      codeKey: "REGION"
-    },
-    segment: {
-      placeholder: "Регион"
-    },
-    value: storyValues.region
-  }
-}`,...W.parameters?.docs?.source}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
-  name: "Скрытый код",
-  render: renderODataSelectStory,
-  args: {
-    label: "Подразделение",
-    description: "Код скрыт и в выпадающем списке, и в выбранном значении.",
-    model: {
-      ...baseModel,
-      codeKey: "BRANCH"
-    },
-    segment: {
-      placeholder: "Подразделение",
-      hideCode: true
-    },
-    value: storyValues.branch
-  }
-}`,...G.parameters?.docs?.source}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
-  name: "Выбор текста вместо кода",
-  render: renderODataSelectStory,
-  args: {
-    label: "Регион по тексту",
-    description: "Снаружи хранится текстовое значение, а не код.",
-    model: {
-      ...baseModel,
-      codeKey: "REGION"
-    },
-    segment: {
-      placeholder: "Регион",
-      selectText: true
-    },
-    value: storyValues.regionText
-  }
-}`,...K.parameters?.docs?.source}}},q.parameters={...q.parameters,docs:{...q.parameters?.docs,source:{originalSource:`{
-  name: "Зависимость от региона",
-  render: renderODataSelectStory,
-  args: {
-    label: "Подразделение c зависимостью",
-    description: "Фильтрация подразделений по уже выбранному региону через props.dependencies.",
-    model: {
-      ...baseModel,
-      codeKey: "BRANCH"
-    },
-    segment: {
-      placeholder: "Подразделение"
-    },
-    dependencies: {
-      REGION: [storyValues.region]
-    },
-    value: storyValues.branch
-  }
-}`,...q.parameters?.docs?.source}}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
-  name: "Связанная цепочка фильтров",
-  render: () => <LinkedFiltersDemo />
-}`,...J.parameters?.docs?.source}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`{
-  name: "Состояние загрузки",
-  parameters: {
-    odataMockMode: "loading"
-  },
-  render: renderODataSelectStory,
-  args: {
-    odata: odataStoryOData.loading,
-    label: "Команда",
-    description: "Mock с задержкой ответа, чтобы проверить loading-state.",
-    model: {
-      ...baseModel,
-      codeKey: "TEAM"
-    },
-    segment: {
-      placeholder: "Команда"
-    }
-  }
-}`,...Y.parameters?.docs?.source}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{
-  name: "Ошибка metadata",
-  decorators: [withODataMetadataErrorStoryBoundary],
-  parameters: {
-    odataMockMode: "metadataError"
-  },
-  render: renderODataSelectStory,
-  args: {
-    odata: odataStoryOData.metadataError,
-    label: "Регион",
-    description: "Сервис возвращает ошибку metadata.",
-    model: {
-      ...baseModel,
-      codeKey: "REGION"
-    },
-    segment: {
-      placeholder: "Регион"
-    }
-  }
-}`,...X.parameters?.docs?.source}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
-  name: "Деградация при ошибке коллекции",
-  parameters: {
-    odataMockMode: "collectionError"
-  },
-  render: renderODataSelectStory,
-  args: {
-    odata: odataStoryOData.collectionError,
-    label: "Ответственный",
-    description: "Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.",
-    model: {
-      ...baseModel,
-      codeKey: "OWNER"
-    },
-    segment: {
-      placeholder: "Ответственный"
-    }
-  }
-}`,...Z.parameters?.docs?.source}}},Q=[`LinkedFiltersDemo`,`BasicDivision`,`HideCode`,`SelectTextValue`,`StaticDependency`,`LinkedFilters`,`LoadingState`,`MetadataError`,`CollectionError`]})))()}export{Y as a,K as c,J as i,q as l,Z as n,X as o,G as r,de as s,W as t,$ as u};

package/storybook-static/assets/PickerField-w1JCZyzA.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-ltYEol2F.js";import{d as n,l as r,s as i,u as a}from"./Input-b2F0zrLw.js";function o({id:e,label:t,description:r,disabled:a,size:o,className:c,error:l,children:u}){let{controlId:d,labelId:f,descriptionId:p,errorId:m,describedBy:h}=n({id:e,hasLabel:t!=null,hasDescription:!!r,hasError:!!l});return(0,s.jsx)(i,{label:t,description:r,disabled:a,size:o,className:c,error:l,controlId:d,labelId:f,descriptionId:p,errorId:m,children:u({controlId:d,labelId:f,descriptionId:p,errorId:m,describedBy:h})})}var s;function c(){return(c=e((()=>{r(),a(),s=t(),o.__docgenInfo={description:``,methods:[],displayName:`PickerField`,props:{id:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},error:{required:!1,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(context: PickerFieldContext) => ReactNode`,signature:{arguments:[{type:{name:`PickerFieldContext`},name:`context`}],return:{name:`ReactNode`}}},description:``}},composes:[`Omit`]}})))()}export{c as n,o as t};

package/storybook-static/assets/Select-BOnv-Uuv.js

@@ -1,63 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-ltYEol2F.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-Bdsl8TP-.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"./Select.stories-C0X5pvUk.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:`Select`}),`
-`,(0,C.jsx)(o,{children:`Getter-based select для примитивов и сложных объектных option`}),`
-`,(0,C.jsx)(t.p,{children:`Select уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
-Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны заблокированные состояния.`}),`
-`,(0,C.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,C.jsx)(f,{}),`
-`,(0,C.jsx)(i,{of:b}),`
-`,(0,C.jsx)(t.pre,{children:(0,C.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
-
-import { Select } from "@ryuzaki13/react-foundation-ui";
-
-const options = [
-	{ id: 1, name: "Отдел продаж", code: "SLS" },
-	{ id: 2, name: "Закупки", code: "PRC" }
-];
-
-export function Example() {
-	const [value, setValue] = useState(undefined);
-
-	return (
-		<Select
-			label="Подразделение"
-			value={value}
-			onChange={setValue}
-			options={options}
-			getOptionKey={(option) => option.id}
-			getOptionLabel={(option) => option.name}
-			getOptionCode={(option) => option.code}
-		/>
-	);
-}
-`})}),`
-`,(0,C.jsx)(t.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
-`,(0,C.jsxs)(t.ul,{children:[`
-`,(0,C.jsx)(t.li,{children:`Заблокированное состояние лучше проверять отдельно, чтобы убедиться, что визуально и поведенчески оно остается понятным.`}),`
-`,(0,C.jsxs)(t.li,{children:[`Popup следует ARIA-модели `,(0,C.jsx)(t.code,{children:`combobox/listbox`}),`: каждая строка является единственной `,(0,C.jsx)(t.code,{children:`option`}),`, поэтому `,(0,C.jsx)(t.code,{children:`renderOption`}),` должен возвращать только неинтерактивное содержимое.`]}),`
-`,(0,C.jsxs)(t.li,{children:[`Стрелки меняют активную опцию, `,(0,C.jsx)(t.code,{children:`Enter`}),` выбирает её, а `,(0,C.jsx)(t.code,{children:`Escape`}),` закрывает popup и возвращает управление trigger.`]}),`
-`]}),`
-`,(0,C.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
-`,(0,C.jsx)(t.h3,{id:`работа-с-объектами-как-со-значениями-option`,children:`Работа с объектами как со значениями option`}),`
-`,(0,C.jsx)(t.p,{children:`Работа с объектами как со значениями option.`}),`
-`,(0,C.jsx)(d,{of:b}),`
-`,(0,C.jsx)(t.h3,{id:`работа-с-примитивными-option`,children:`Работа с примитивными option`}),`
-`,(0,C.jsx)(t.p,{children:`Работа с примитивными option.`}),`
-`,(0,C.jsx)(d,{of:_}),`
-`,(0,C.jsx)(t.h3,{id:`поведение-без-выбранного-значения`,children:`Поведение без выбранного значения`}),`
-`,(0,C.jsx)(t.p,{children:`Поведение без выбранного значения.`}),`
-`,(0,C.jsx)(d,{of:p}),`
-`,(0,C.jsx)(t.h3,{id:`группировка-опций`,children:`Группировка опций`}),`
-`,(0,C.jsxs)(t.p,{children:[(0,C.jsx)(t.code,{children:`getOptionGroup`}),` объединяет соседние опции с одинаковым `,(0,C.jsx)(t.code,{children:`key`}),` под доступным заголовком. Опции без группы остаются обычными элементами списка.
-Для длинных заголовков ширину popup можно ограничить через `,(0,C.jsx)(t.code,{children:`optionsMaxWidth`}),`, например `,(0,C.jsx)(t.code,{children:`optionsMaxWidth="40rem"`}),`.`]}),`
-`,(0,C.jsx)(d,{of:h}),`
-`,(0,C.jsx)(t.h3,{id:`кастомный-рендер-option-и-выбранного-значения`,children:`Кастомный рендер option и выбранного значения`}),`
-`,(0,C.jsx)(t.p,{children:`Кастомный рендер option и выбранного значения.`}),`
-`,(0,C.jsx)(d,{of:g}),`
-`,(0,C.jsx)(t.h3,{id:`проверка-поведения-в-заблокированном-состоянии`,children:`Проверка поведения в заблокированном состоянии`}),`
-`,(0,C.jsx)(t.p,{children:`Проверка поведения в заблокированном состоянии.`}),`
-`,(0,C.jsx)(d,{of:v}),`
-`,(0,C.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,C.jsx)(l,{of:y}),`
-`,(0,C.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,C.jsx)(a,{includePrimary:!1})]})}function S(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,C.jsx)(t,{...e,children:(0,C.jsx)(x,{...e})}):x(e)}var C;function w(){return(w=e((()=>{C=t(),r(),c(),m()})))()}w();export{S as default};

package/storybook-static/assets/Select-CClfxa48.js

@@ -1,12 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./check-DGqyuB4O.js";import{n as i}from"./iframe-ltYEol2F.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{n as s,t as ee}from"./OptionContent-CXc6K3fK.js";import{n as c,t as l}from"./ui.module-l7VCYIW-.js";import{n as u,t as te}from"./PickerField-w1JCZyzA.js";import{c as d,d as f,f as p,i as ne,l as re,n as ie,r as m,s as h,t as g,u as _}from"./usePickerTriggerController-vNC5e_t0.js";import{n as v,t as ae}from"./Option-ChGr-plg.js";import{i as y,n as oe,r as se,t as b}from"./usePickerQuery-OTz4Oze6.js";import{n as x,t as S}from"./usePickerDefaultFilter-ien2ZY7g.js";import{n as C,t as w}from"./OptionContentContainer-D0p7mbft.js";function ce({option:e,getOptionLabel:t,getOptionCode:n,getOptionGroup:r}){return[f(t(e)),f(n?.(e)),f(r?.(e)?.label)].filter(e=>!!e).join(` `).toLowerCase()}function T(){return(T=e((()=>{p()})))()}function le(e,t){let n=[];return e.forEach((e,r)=>{let i=t(e),a=n.at(-1),o=a?.group?.key===i?.key;if(a&&o){a.items.push({option:e,index:r});return}n.push({group:i,items:[{option:e,index:r}]})}),n}function E(e){let{label:t,description:n,disabled:i,placeholder:o,size:s,options:l,value:u,onChange:d,getOptionKey:p,getOptionLabel:m,getOptionCode:g,getOptionSearchText:_,getOptionDisabled:v,getOptionAriaLabel:y,getOptionGroup:b,getOptionClassName:S,renderOption:C,renderValue:T,className:E,buttonClassName:k,optionsClassName:ue,optionsMaxWidth:de,optionsContentClassName:fe,searchable:A=!1,defaultFilter:pe=!0,query:me,defaultQuery:he,onQuery:ge,renderPopupHeader:_e,emptyState:ve,isLoading:j,errorState:M,placement:N=`bottom-start`,clearable:P=!1}=e,F=d,I=(0,D.useRef)(null),[L,ye]=(0,D.useState)(!1),R=A?`search-single`:`display`,z=u===void 0?void 0:p(u),B=z===void 0?void 0:l.find(e=>p(e)===z)??u,{query:V,setQuery:H,resetQueryOnClose:be}=oe({query:me,defaultQuery:he,onQuery:ge,triggerMode:R}),xe=e=>{L&&!e&&be&&H(``),ye(e)},Se=(0,D.useCallback)(e=>_?.(e)??ce({option:e,getOptionLabel:m,getOptionCode:g,getOptionGroup:b}),[_,g,b,m]),U=x({options:l,query:V,enabled:A&&pe,getSearchText:Se}),W=(0,D.useMemo)(()=>b?le(U,b):void 0,[b,U]),Ce=z===void 0?-1:U.findIndex(e=>p(e)===z),{activeIndex:we,context:Te,floatingStyles:Ee,getFloatingProps:De,setReference:Oe,setFloating:ke,setOptionRef:Ae,close:G,openList:je,toggleOpen:Me,selectOption:Ne,selectActiveOption:Pe,handleReferenceKeyDown:Fe,handleFloatingKeyDown:Ie,getOptionId:Le,getActiveOptionId:K}=ne({options:U,selectedIndex:Ce,open:L,onOpenChange:xe,getOptionDisabled:v,onSelect:F,disabled:i,placement:N,triggerMode:R}),q=U.length>0,J=B===void 0?void 0:m(B),Y=B===void 0?void 0:T?T(B):J,Re=f(J),ze=B===void 0?void 0:f(g?.(B)),X=f(Y)??Re??ze??(z===void 0?``:String(z)),Z=A&&(L||V.length>0)?V:B===void 0?``:X,Q=ie({mode:R,open:L,currentQuery:V,hasDisplayValue:B!==void 0,inputRef:I,setQuery:H,openList:je,close:G,toggleOpen:Me}),Be=e=>{I.current=e},Ve=()=>{P&&F(void 0),H(``),G()},$=(e,t,n)=>{let i=p(t),a=z!==void 0&&i===z,o=n===we,s=v?.(t)??!1,c={active:o,selected:a,disabled:s};return(0,O.jsx)(ae,{id:Le(e,n),ref:e=>Ae(n,e),role:`option`,"aria-selected":a,"aria-disabled":s||void 0,"aria-label":y?.(t),active:o,selected:a,disabled:s,className:S?.(t,c),onMouseDown:e=>e.preventDefault(),onClick:()=>Ne(t),children:C?(0,O.jsx)(w,{children:C(t,c)}):(0,O.jsx)(w,{children:(0,O.jsx)(ee,{icon:a?(0,O.jsx)(r,{}):(0,O.jsx)(`span`,{}),text:m(t),code:g?.(t)})})},i)};return(0,O.jsx)(te,{label:t,description:n,disabled:i,size:s,className:E,children:({controlId:e,labelId:n,describedBy:r})=>{let s=`${e}-listbox`;return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(h,{ref:Be,rootRef:Oe,id:e,type:`text`,disabled:i,readOnly:!A,autoComplete:`off`,role:`combobox`,isLoading:j,open:L,optionCount:l.length,label:t,placeholder:o,value:Z,selectedValue:Y??X,hasSelection:B!==void 0,showSelectedValue:!1,clearable:!!P,onClear:Ve,onToggleMouseDown:Q.handleToggleMouseDown,onToggleClick:Q.handleToggleClick,"aria-labelledby":n,"aria-describedby":r,"aria-haspopup":`listbox`,"aria-expanded":L,"aria-controls":L?s:void 0,"aria-autocomplete":A?`list`:`none`,"aria-activedescendant":L?K(s):void 0,inputClassName:a(k,`textOverflow`),onChange:e=>{A&&Q.handleTriggerInputChange(e.target.value)},onClick:Q.handleTriggerClick,onFocus:e=>{Q.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{Fe(e),!e.defaultPrevented&&Q.handleTriggerKeyDown({event:e,onActivateWhenOpen:Pe,enableSpaceActivation:!A})}}),(0,O.jsx)(re,{open:L,context:Te,floatingStyles:Ee,listId:s,labelId:n,descriptionId:r,activeOptionId:q?K(s):void 0,setFloating:ke,getFloatingProps:De,onKeyDown:Ie,className:ue,maxWidth:de,toolbar:_e,children:(0,O.jsx)(`div`,{role:`presentation`,className:a(fe,`h100 scrollable overscroll`),children:q?W?W.map((e,t)=>{let n=e.group?`${s}-group-${t}`:void 0,r=e.items.map(({option:e,index:t})=>$(s,e,t));return e.group?(0,O.jsxs)(`div`,{role:`group`,"aria-labelledby":n,children:[(0,O.jsx)(`div`,{id:n,className:c.uiPopupGroupLabel,children:e.group.label}),r]},`group-${String(e.group.key)}-${t}`):(0,O.jsx)(D.Fragment,{children:r},`options-${t}`)}):U.map((e,t)=>$(s,e,t)):(0,O.jsx)(se,{emptyState:ve,errorState:M})})})]})}})}var D,O;function k(){return(k=e((()=>{D=t(),o(),n(),v(),s(),C(),p(),u(),_(),y(),d(),S(),m(),b(),g(),l(),T(),O=i(),E.__docgenInfo={description:`Выпадающий список выбора значения из набора опций. Подходит для форм, фильтров и простых справочников.`,methods:[],displayName:`Select`,props:{options:{required:!0,tsType:{name:`unknown`},description:``},getOptionKey:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => SelectOptionKey`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`string`}}},description:``},getOptionLabel:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => string`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`string`}}},description:``},getOptionCode:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => string`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`string`}}},description:``},getOptionSearchText:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => string | readonly string[]`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`union`,raw:`string | readonly string[]`,elements:[{name:`string`},{name:`unknown`}]}}},description:`Явный поисковый текст для опции с произвольным ReactNode-render.`},getOptionDisabled:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => boolean`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`boolean`}}},description:``},getOptionAriaLabel:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => string`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`string`}}},description:``},getOptionGroup:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => SelectOptionGroup | undefined`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`union`,raw:`SelectOptionGroup | undefined`,elements:[{name:`signature`,type:`object`,raw:`{
-	readonly key: SelectOptionKey;
-	readonly label: ReactNode;
-}`,signature:{properties:[{key:`key`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`ReactNode`,required:!0}}]}},{name:`undefined`}]}}},description:``},getOptionClassName:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption, state: SelectOptionState) => string | undefined`,signature:{arguments:[{type:{name:`TOption`},name:`option`},{type:{name:`signature`,type:`object`,raw:`{
-	active: boolean;
-	selected: boolean;
-	disabled: boolean;
-}`,signature:{properties:[{key:`active`,value:{name:`boolean`,required:!0}},{key:`selected`,value:{name:`boolean`,required:!0}},{key:`disabled`,value:{name:`boolean`,required:!0}}]}},name:`state`}],return:{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}}},description:``},renderOption:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption, state: SelectOptionState) => ReactNode`,signature:{arguments:[{type:{name:`TOption`},name:`option`},{type:{name:`signature`,type:`object`,raw:`{
-	active: boolean;
-	selected: boolean;
-	disabled: boolean;
-}`,signature:{properties:[{key:`active`,value:{name:`boolean`,required:!0}},{key:`selected`,value:{name:`boolean`,required:!0}},{key:`disabled`,value:{name:`boolean`,required:!0}}]}},name:`state`}],return:{name:`ReactNode`}}},description:``},renderValue:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => ReactNode`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`ReactNode`}}},description:``},className:{required:!1,tsType:{name:`string`},description:``},buttonClassName:{required:!1,tsType:{name:`string`},description:``},optionsClassName:{required:!1,tsType:{name:`string`},description:``},optionsMaxWidth:{required:!1,tsType:{name:`CSSProperties["maxWidth"]`,raw:`CSSProperties["maxWidth"]`},description:``},optionsContentClassName:{required:!1,tsType:{name:`string`},description:``},searchable:{required:!1,tsType:{name:`boolean`},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:``},defaultFilter:{required:!1,tsType:{name:`boolean`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},renderPopupHeader:{required:!1,tsType:{name:`ReactNode`},description:``},emptyState:{required:!1,tsType:{name:`ReactNode`},description:``},errorState:{required:!1,tsType:{name:`ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},clearable:{required:!1,tsType:{name:`TClearable`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`unknown`},name:`value`}],return:{name:`void`}}},description:``}}}})))()}export{k as n,E as t};

package/storybook-static/assets/Select.stories-C0X5pvUk.js

@@ -1,69 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-ltYEol2F.js";import{n as i,t as a}from"./Select-CClfxa48.js";var o=t({ControlledObjects:()=>m,CustomOptionLayout:()=>v,Disabled:()=>y,GroupedOptions:()=>_,Placeholder:()=>g,PrimitiveOptions:()=>h,__namedExportsOrder:()=>b,default:()=>p}),s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{s=n(),i(),c=r(),{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:u}=__STORYBOOK_MODULE_TEST__,d=[{id:1,name:`Отдел продаж`,code:`SLS`,manager:`Елена Миронова`,direction:`Коммерческий блок`},{id:2,name:`Закупки`,code:`PRC`,manager:`Антон Мелихов`,direction:`Коммерческий блок`},{id:3,name:`Логистика`,code:`LGS`,manager:`Мария Климова`,direction:`Операционный блок`,disabled:!0},{id:4,name:`Поддержка клиентов`,code:`SUP`,manager:`Ирина Белова`,direction:`Операционный блок`}],f=[`Новый`,`В работе`,`Завершён`,`Архив`],p={title:`UI/Select`,component:a,args:{label:`Подразделение`,description:`Выберите подразделение из списка.`,placeholder:`Не выбрано`,value:void 0,options:d,onChange:u(),getOptionKey:e=>e.id,getOptionLabel:e=>e.name,getOptionCode:e=>e.code,getOptionDisabled:e=>e.disabled??!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Низкоуровневый getter-based select. Подходит для произвольных структур данных, примитивов и сложного кастомного рендера. Компонент возвращает наружу саму выбранную option. Для сериализуемых конфигов и сценариев с optionKey/optionLabel используйте SerializableSelect.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда значение ещё не выбрано.`,control:`text`},value:{description:`Текущая выбранная option целиком.`,control:!1},options:{description:`Массив опций любого поддерживаемого формата.`,control:!1},onChange:{description:`Вызывается с выбранной option.`,control:!1},getOptionKey:{description:`Функция получения уникального ключа option.`,control:!1},getOptionLabel:{description:`Функция получения основного текста option.`,control:!1},getOptionCode:{description:`Опциональный рендер дополнительного кода справа.`,control:!1},getOptionDisabled:{description:`Опциональная функция блокировки отдельных option.`,control:!1},getOptionAriaLabel:{description:`Опциональная функция для aria-label option.`,control:!1},getOptionGroup:{description:`Опциональная функция, которая объединяет соседние option под доступным заголовком группы.`,control:!1},getOptionClassName:{description:`Опциональная функция CSS-класса option по её состоянию.`,control:!1},renderOption:{description:`Полностью кастомный рендер option в списке.`,control:!1},renderValue:{description:`Кастомный рендер выбранного значения в кнопке.`,control:!1},optionsMaxWidth:{description:`Максимальная ширина выпадающего списка в любом допустимом CSS-формате.`,control:`text`},buttonClassName:{description:`Класс trigger-кнопки Select без изменения корневого контейнера.`,control:`text`},optionsClassName:{description:`Класс popup со списком option.`,control:`text`},optionsContentClassName:{description:`Класс области содержимого popup, например для особой плотности списка.`,control:`text`},searchable:{description:`Включает поиск по option в trigger-поле.`,control:`boolean`},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},defaultFilter:{description:`Включает встроенную фильтрацию option.`,control:`boolean`},renderPopupHeader:{description:`Дополнительное содержимое над списком option.`,control:!1},emptyState:{description:`Содержимое при пустом списке option.`,control:!1},loadingState:{description:`Содержимое при загрузке option.`,control:!1},errorState:{description:`Содержимое при ошибке загрузки option.`,control:!1},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},placement:{description:`Позиционирование выпадающего списка.`,control:`select`,options:[`bottom-start`,`bottom-end`,`top-start`,`top-end`]},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},clearable:{description:`Показывает действие очистки выбранной option.`,control:`boolean`}}},m={name:`Объекты`,render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??d[1],onChange:n=>{e.onChange(n),t({value:n})}})},args:{value:d[1]}},h={name:`Примитивы`,render:()=>{let[e,t]=(0,s.useState)(f[1]);return(0,c.jsx)(a,{label:`Статус`,description:`Пример использования низкоуровневого Select со строковыми значениями.`,placeholder:`Выберите статус`,options:f,value:e,onChange:t,getOptionKey:e=>e,getOptionLabel:e=>e,size:`md`})}},g={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,onChange:n=>{e.onChange(n),t({value:n})}})}},_={name:`Группированные опции`,render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,onChange:n=>{e.onChange(n),t({value:n})},getOptionGroup:e=>({key:e.direction,label:e.direction}),optionsMaxWidth:`40rem`})}},v={name:`Кастомный рендер`,render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??d[0],onChange:n=>{e.onChange(n),t({value:n})},renderValue:e=>`${e.code} · ${e.name}`,renderOption:(e,t)=>(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`div`,{className:`flexEllipsis`,children:[(0,c.jsx)(`div`,{children:e.name}),(0,c.jsx)(`div`,{className:`fontSizeSm content2`,children:e.manager})]}),(0,c.jsx)(`div`,{style:{opacity:t.selected?1:.5},children:e.code})]})})}},y={args:{disabled:!0,value:d[0]}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  name: "Объекты",
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<SelectProps<DepartmentOption>>();
-    return <Select {...args} value={args.value ?? departmentOptions[1]} onChange={value => {
-      args.onChange(value);
-      updateArgs({
-        value
-      });
-    }} />;
-  },
-  args: {
-    value: departmentOptions[1]
-  }
-}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  name: "Примитивы",
-  render: () => {
-    const [value, setValue] = useState<(typeof primitiveOptions)[number] | undefined>(primitiveOptions[1]);
-    return <Select label="Статус" description="Пример использования низкоуровневого Select со строковыми значениями." placeholder="Выберите статус" options={primitiveOptions} value={value} onChange={setValue} getOptionKey={option => option} getOptionLabel={option => option} size="md" />;
-  }
-}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<SelectProps<DepartmentOption>>();
-    return <Select {...args} onChange={value => {
-      args.onChange(value);
-      updateArgs({
-        value
-      });
-    }} />;
-  }
-}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
-  name: "Группированные опции",
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<SelectProps<DepartmentOption>>();
-    return <Select {...args} onChange={value => {
-      args.onChange(value);
-      updateArgs({
-        value
-      });
-    }} getOptionGroup={option => ({
-      key: option.direction,
-      label: option.direction
-    })} optionsMaxWidth="40rem" />;
-  }
-}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
-  name: "Кастомный рендер",
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<SelectProps<DepartmentOption>>();
-    return <Select {...args} value={args.value ?? departmentOptions[0]} onChange={value => {
-      args.onChange(value);
-      updateArgs({
-        value
-      });
-    }} renderValue={option => \`\${option.code} · \${option.name}\`} renderOption={(option, state) => <>
-                        <div className="flexEllipsis">
-                            <div>{option.name}</div>
-                            <div className="fontSizeSm content2">{option.manager}</div>
-                        </div>
-                        <div style={{
-        opacity: state.selected ? 1 : 0.5
-      }}>{option.code}</div>
-                    </>} />;
-  }
-}`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
-  args: {
-    disabled: true,
-    value: departmentOptions[0]
-  }
-}`,...y.parameters?.docs?.source}}},b=[`ControlledObjects`,`PrimitiveOptions`,`Placeholder`,`GroupedOptions`,`CustomOptionLayout`,`Disabled`]})))()}export{g as a,x as c,_ as i,v as n,h as o,y as r,o as s,m as t};