@ryuzaki13/react-foundation-ui 3.7.6 → 3.8.1

package/storybook-static/project.json

@@ -1 +1 @@
-{"generatedAt":1789731408347,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"tanstack-react","packageName":"@tanstack/react-router","version":"1.170.32"},"knownPackages":{"testPackages":{"@chromatic-com/storybook":"5.3.0","@storybook/addon-vitest":"10.5.10","@testing-library/dom":"10.4.1","@testing-library/react":"16.3.3","@testing-library/user-event":"^14.6.1","@vitest/browser":"4.1.11","playwright":"1.62.1","vitest":"4.1.11"},"stateManagementPackages":{"zustand":"5.0.0"},"dataFetchingPackages":{"@tanstack/react-query":"5.101.4"},"routerPackages":{"@tanstack/react-router":"1.170.23"}},"hasRouterPackage":false,"packageManager":{"type":"npm","version":"11.7.0","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":1,"applicationFileCount":9,"storybookVersion":"10.5.10","storybookVersionSpecifier":"^10.5.5","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"10.5.10"},"storybook":{}},"addons":{"@chromatic-com/storybook":{"version":"5.3.0"},"@storybook/addon-docs":{"version":"10.5.10"},"@storybook/addon-a11y":{"version":"10.5.10"},"@storybook/addon-vitest":{"version":"10.5.10"}},"packageJsonType":"module"}
+{"generatedAt":1789751146764,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"tanstack-react","packageName":"@tanstack/react-router","version":"1.170.32"},"knownPackages":{"testPackages":{"@chromatic-com/storybook":"5.3.0","@storybook/addon-vitest":"10.5.10","@testing-library/dom":"10.4.1","@testing-library/react":"16.3.3","@testing-library/user-event":"^14.6.1","@vitest/browser":"4.1.11","playwright":"1.62.1","vitest":"4.1.11"},"stateManagementPackages":{"zustand":"5.0.0"},"dataFetchingPackages":{"@tanstack/react-query":"5.101.4"},"routerPackages":{"@tanstack/react-router":"1.170.23"}},"hasRouterPackage":false,"packageManager":{"type":"npm","version":"11.7.0","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":1,"applicationFileCount":9,"storybookVersion":"10.5.10","storybookVersionSpecifier":"^10.5.5","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"10.5.10"},"storybook":{}},"addons":{"@chromatic-com/storybook":{"version":"5.3.0"},"@storybook/addon-docs":{"version":"10.5.10"},"@storybook/addon-a11y":{"version":"10.5.10"},"@storybook/addon-vitest":{"version":"10.5.10"}},"packageJsonType":"module"}

package/dist/chunks/defaultRenderers-u_Vep6Pj.js

@@ -1,38 +0,0 @@
-import { formatRussianPlural as e } from "@ryuzaki13/react-foundation-lib/formatters";
-//#region src/multi-select/ui/defaultRenderers.tsx
-var t = {
-	one: "элемент",
-	few: "элемента",
-	many: "элементов"
-};
-function n(n) {
-	return e(n, t);
-}
-function r(e, t, n) {
-	if (n) return n;
-	let r = e[0];
-	return r ? Object.keys(r).find((e) => e !== t) ?? t : t;
-}
-function i(e, t, i) {
-	if (e.length === 0) return;
-	if (e.length > 1) return n(e.length);
-	let a = r(e, t, i);
-	return e[0]?.[a] ?? e[0]?.[t];
-}
-function a(e) {
-	return function(t) {
-		return i(t.selectedItems, e.codeKey, e.textKey);
-	};
-}
-function o(e) {
-	return function(t) {
-		return {
-			text: t[r([t], e.codeKey, e.textKey)] ?? "",
-			code: e.hideCode ? void 0 : t[e.codeKey] ?? ""
-		};
-	};
-}
-//#endregion
-export { r as i, a as n, n as r, o as t };
-
-//# sourceMappingURL=defaultRenderers-u_Vep6Pj.js.map

package/dist/chunks/defaultRenderers-u_Vep6Pj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultRenderers-u_Vep6Pj.js","names":[],"sources":["../../src/multi-select/ui/defaultRenderers.tsx"],"sourcesContent":["import { formatRussianPlural, type RussianPluralForms } from \"@ryuzaki13/react-foundation-lib/formatters\";\nimport { CollectionItem } from \"@ryuzaki13/react-foundation-lib/odata-service\";\n\nimport { type MultiSelectRenderContext } from \"./MultiSelect\";\n\ninterface MultiSelectRendererConfig {\n\tcodeKey: string;\n\ttextKey?: string;\n\thideCode?: boolean;\n}\n\nconst ELEMENT_FORMS: RussianPluralForms = {\n\tone: \"элемент\",\n\tfew: \"элемента\",\n\tmany: \"элементов\"\n};\n\nexport function formatOptionCount(count: number) {\n\treturn formatRussianPlural(count, ELEMENT_FORMS);\n}\n\nexport function resolveMultiSelectTextKey(items: CollectionItem[], codeKey: string, textKey?: string) {\n\tif (textKey) {\n\t\treturn textKey;\n\t}\n\n\tconst sampleItem = items[0];\n\n\tif (!sampleItem) {\n\t\treturn codeKey;\n\t}\n\n\treturn Object.keys(sampleItem).find((key) => key !== codeKey) ?? codeKey;\n}\n\nexport function getDefaultMultiSelectTokenValue(items: CollectionItem[], codeKey: string, textKey?: string) {\n\tif (items.length === 0) {\n\t\treturn undefined;\n\t}\n\n\tif (items.length > 1) {\n\t\treturn formatOptionCount(items.length);\n\t}\n\n\tconst resolvedTextKey = resolveMultiSelectTextKey(items, codeKey, textKey);\n\treturn items[0]?.[resolvedTextKey] ?? items[0]?.[codeKey];\n}\n\nexport function createDefaultMultiSelectTokenRenderer(config: MultiSelectRendererConfig) {\n\treturn function renderDefaultToken(context: MultiSelectRenderContext) {\n\t\treturn getDefaultMultiSelectTokenValue(context.selectedItems, config.codeKey, config.textKey);\n\t};\n}\n\nexport function createDefaultMultiSelectItemRenderer(config: MultiSelectRendererConfig) {\n\treturn function renderDefaultItem(item: CollectionItem /*, state: MultiSelectItemState*/) {\n\t\tconst textKey = resolveMultiSelectTextKey([item], config.codeKey, config.textKey);\n\t\tconst text = item[textKey] ?? \"\";\n\t\tconst code = config.hideCode ? undefined : (item[config.codeKey] ?? \"\");\n\n\t\treturn { text, code };\n\t};\n}\n"],"mappings":";;AAWA,IAAM,IAAoC;CACzC,KAAK;CACL,KAAK;CACL,MAAM;AACP;AAEA,SAAgB,EAAkB,GAAe;CAChD,OAAO,EAAoB,GAAO,CAAa;AAChD;AAEA,SAAgB,EAA0B,GAAyB,GAAiB,GAAkB;CACrG,IAAI,GACH,OAAO;CAGR,IAAM,IAAa,EAAM;CAMzB,OAJK,IAIE,OAAO,KAAK,CAAU,CAAC,CAAC,MAAM,MAAQ,MAAQ,CAAO,KAAK,IAHzD;AAIT;AAEA,SAAgB,EAAgC,GAAyB,GAAiB,GAAkB;CAC3G,IAAI,EAAM,WAAW,GACpB;CAGD,IAAI,EAAM,SAAS,GAClB,OAAO,EAAkB,EAAM,MAAM;CAGtC,IAAM,IAAkB,EAA0B,GAAO,GAAS,CAAO;CACzE,OAAO,EAAM,EAAE,GAAG,MAAoB,EAAM,EAAE,GAAG;AAClD;AAEA,SAAgB,EAAsC,GAAmC;CACxF,OAAO,SAA4B,GAAmC;EACrE,OAAO,EAAgC,EAAQ,eAAe,EAAO,SAAS,EAAO,OAAO;CAC7F;AACD;AAEA,SAAgB,EAAqC,GAAmC;CACvF,OAAO,SAA2B,GAAwD;EAKzF,OAAO;GAAE,MAHI,EADG,EAA0B,CAAC,CAAI,GAAG,EAAO,SAAS,EAAO,OACvD,MAAY;GAGf,MAFF,EAAO,WAAW,KAAA,IAAa,EAAK,EAAO,YAAY;EAEhD;CACrB;AACD"}

package/dist/multi-select/ui/defaultRenderers.d.ts

@@ -1,17 +0,0 @@
-import { CollectionItem } from "@ryuzaki13/react-foundation-lib/odata-service";
-import { type MultiSelectRenderContext } from "./MultiSelect";
-interface MultiSelectRendererConfig {
-    codeKey: string;
-    textKey?: string;
-    hideCode?: boolean;
-}
-export declare function formatOptionCount(count: number): string;
-export declare function resolveMultiSelectTextKey(items: CollectionItem[], codeKey: string, textKey?: string): string;
-export declare function getDefaultMultiSelectTokenValue(items: CollectionItem[], codeKey: string, textKey?: string): string | undefined;
-export declare function createDefaultMultiSelectTokenRenderer(config: MultiSelectRendererConfig): (context: MultiSelectRenderContext) => string | undefined;
-export declare function createDefaultMultiSelectItemRenderer(config: MultiSelectRendererConfig): (item: CollectionItem) => {
-    text: string;
-    code: string | undefined;
-};
-export {};
-//# sourceMappingURL=defaultRenderers.d.ts.map

package/dist/multi-select/ui/defaultRenderers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultRenderers.d.ts","sourceRoot":"","sources":["../../../src/multi-select/ui/defaultRenderers.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAE/E,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAE9D,UAAU,yBAAyB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAQD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,UAE9C;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,UAYnG;AAED,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,sBAWzG;AAED,wBAAgB,qCAAqC,CAAC,MAAM,EAAE,yBAAyB,IACnD,SAAS,wBAAwB,wBAGpE;AAED,wBAAgB,oCAAoC,CAAC,MAAM,EAAE,yBAAyB,IACnD,MAAM,cAAc;;;EAOtD"}

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

@@ -1,2 +0,0 @@
-import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./CheckBox-BqdthZ_f.js";import{n as a}from"./iframe-DwDg20S-.js";import{n as o,t as s}from"./Text-CjvvAj_-.js";import{n as c,t as l}from"./ui.module-0uniSGT-.js";import{n as u,t as ee}from"./PickerField-CH8N7Pny.js";import{c as d,i as te,l as f,n as p,r as m,s as h,t as g,u as _}from"./usePickerTriggerController-BHcv1fBN.js";import{n as v,t as ne}from"./Separator-D37ybDoT.js";import{n as y,t as re}from"./Option-D9p9CbDx.js";import{i as b,n as ie,r as x,t as S}from"./usePickerQuery-D4_w_U3T.js";import{n as ae,t as C}from"./usePickerDefaultFilter-ien2ZY7g.js";import{a as oe,i as w,n as se,o as T,s as ce,t as le}from"./defaultRenderers-UxEpV_2H.js";import{n as ue,t as E}from"./OptionButton-DSnw34Je.js";var D,O,k,A;function j(){return(j=t((()=>{D=`_9oSdQi`,O=`d9SDKQ`,k=`xCo7w9`,A={multiSelect:D,optionCheckBox:O,optionActionCell:k}})))()}function M({text:e,isError:t}){return(0,N.jsxs)(`div`,{className:c.uiPopupOption,children:[(0,N.jsx)(`span`,{className:c.uiPopupOptionIcon}),(0,N.jsx)(s,{color:t?`error`:`primary`,children:e})]})}var N;function P(){return(P=t((()=>{o(),l(),N=a(),M.__docgenInfo={description:"Скелетон строки опции для `MultiSelect`. Используется во время загрузки или при отображении ошибок получения списка.",methods:[],displayName:`MultiSelectOptionSkeleton`,props:{text:{required:!0,tsType:{name:`string`},description:``},isError:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function de({isNoData:e,error:t,children:n}){return e?(0,R.jsx)(x,{emptyState:(0,R.jsx)(M,{text:`Нет данных`})}):t?(0,R.jsx)(x,{errorState:(0,R.jsx)(M,{isError:!0,text:`Ошибка загрузки`})}):(0,R.jsx)(R.Fragment,{children:n})}function F(e,t){return e[t]}function fe(e,t,n){return Array.from(new Set([e[n],e[t],...Object.values(e)]))}function pe(e,t,n){if(e.length!==t.length)return!1;let r=new Set(t.map(e=>F(e,n)));return e.every(e=>r.has(F(e,n)))}function me({entries:e,listId:t,activeIndex:n,selectedKeys:r,codeKey:a,query:o,highlightQuery:s,getOptionDisabled:c,getOptionId:l,setOptionRef:u,toggleOption:ee,selectOnlyOption:d,renderItem:te}){return e.map(({item:e,index:f})=>{let p=f===n,m=F(e,a),h=r.has(m),g=c?.(e)??!1,_=te(e,{selected:h,active:p,disabled:g,query:o,highlightQuery:s});return(0,R.jsxs)(re,{id:l(t,f),ref:e=>u(f,e),role:`row`,"aria-selected":h,"aria-disabled":g||void 0,selected:h,active:p,disabled:g,children:[(0,R.jsx)(`div`,{role:`gridcell`,className:A.optionCheckBox,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,R.jsx)(i,{value:h,disabled:g,"aria-label":`${h?`Убрать`:`Добавить`} «${_.text}» ${h?`из выбора`:`в выбор`}`,onChange:()=>ee(e)})}),(0,R.jsx)(`div`,{role:`gridcell`,className:A.optionActionCell,children:(0,R.jsx)(E,{tabIndex:-1,disabled:g,"aria-label":`Выбрать только «${_.text}»`,text:_.text,code:_.code,searchText:s,onMouseDown:e=>e.preventDefault(),onClick:()=>d(e)})})]},`${m}-${f}`)})}function I({ref:e,codeKey:t,textKey:n,hideCode:r,items:i,value:a,onChange:o,label:s,description:c,placeholder:l,size:u,query:d,defaultQuery:m,highlightQuery:g,onQuery:_,defaultFilter:v=!0,onOpen:y,onClose:re,getOptionDisabled:b,disabled:x,error:S,isLoading:C,renderToken:w,renderToolbar:T,renderItem:ue}){let E=(0,L.useRef)(null),[D,O]=(0,L.useState)(!1),k=`search-multi`,j=a??z,M=(0,L.useMemo)(()=>new Set(j.map(e=>F(e,t))),[t,j]),N=(0,L.useMemo)(()=>i.filter(e=>!M.has(F(e,t))),[t,M,i]),P=(0,L.useMemo)(()=>oe([...j,...i],t,n),[t,j,i,n]),{query:I,setQuery:B,resetQueryOnClose:he}=ie({query:d,defaultQuery:m,onQuery:_,triggerMode:k}),ge=e=>{D&&!e&&he&&B(``),O(e)},V=ae({options:j,query:I,enabled:v,getSearchText:e=>fe(e,t,P)}),H=ae({options:N,query:I,enabled:v,getSearchText:e=>fe(e,t,P)}),U=(0,L.useMemo)(()=>[...V,...H],[H,V]),_e=V.length>0?0:-1,{draftValue:W,setDraftValue:G,prepareOpen:ve}=ce({value:j,open:D,onCommit:o,onOpen:y,onClose:re,isEqual:(e,n)=>pe(e,n,t)}),K=(0,L.useMemo)(()=>new Set(W.map(e=>F(e,t))),[t,W]),q=(0,L.useMemo)(()=>({selectedItems:W,committedSelectedItems:j,selectedKeys:K,open:D}),[j,W,D,K]),J=(0,L.useCallback)(e=>b?.(e,q)??!1,[b,q]),{activeIndex:Y,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}=te({options:U,selectedIndex:_e,open:D,onOpenChange:ge,onSelect:void 0,disabled:x,getOptionDisabled:J,closeOnSelect:!1,allowOpenWithoutOptions:!0,triggerMode:k}),Me=g??I,X=e=>{let n=F(e,t);G(r=>r.some(e=>F(e,t)===n)?r.filter(e=>F(e,t)!==n):J(e)?r:[...r,e])},Ne=t=>{if(E.current=t,typeof e==`function`){e(t);return}e&&(e.current=t)},Pe=()=>{G([]),D||o([])},Fe=()=>{G(e=>{let n=[...e],r=new Set(e.map(e=>F(e,t)));for(let e of U){let i=F(e,t);!r.has(i)&&!J(e)&&(r.add(i),n.push(e))}return n})},Ie=()=>{G([])},Z=e=>{J(e)||(G([e]),Te())},Le=D?W:j,Re=Le.length>0,ze={selectedItems:Le,committedSelectedItems:j,availableItems:H,query:I,open:D,clearSelection:Pe,selectAll:Fe,deselectAll:Ie},Be=w===void 0?se({codeKey:t,textKey:P}):w,Ve=ue??le({codeKey:t,textKey:P,hideCode:r}),He=typeof Be==`function`?Be(ze):null,Ue=typeof T==`function`?T(ze):T,Q=V.map((e,t)=>({item:e,index:t})),We=H.map((e,t)=>({item:e,index:t+Q.length})),Ge=!C&&!S&&U.length===0,$=p({mode:k,open:D,currentQuery:I,hasDisplayValue:!1,inputRef:E,setQuery:B,openList:Ee,close:Te,toggleOpen:De,onBeforeOpen:()=>{D||ve()}});return(0,R.jsx)(ee,{label:s,description:c,disabled:x,size:u,className:A.multiSelect,children:({controlId:e,labelId:n,describedBy:r})=>{let a=`${e}-grid`;return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(h,{ref:Ne,rootRef:Se,id:e,type:`text`,role:`combobox`,autoComplete:`off`,isLoading:C,disabled:x,open:D,optionCount:i.length,label:s,placeholder:l,placeholderFallback:`Выберите значения`,value:I,selectedValue:He,hasSelection:Re,showSelectedValue:Re&&I.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=U[Y];t&&X(t);return}$.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{let e=U[Y];e&&Z(e)},enableClosedArrowDownOpen:!0,suppressClosedArrowUp:!0})}}}),(0,R.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:Ue,selectionActions:T===void 0?{onSelectAll:Fe,onDeselectAll:Ie}:void 0,children:(0,R.jsx)(de,{isNoData:Ge,error:S,children:(0,R.jsxs)(`div`,{role:`presentation`,className:`scrollable overscroll h100`,children:[(0,R.jsx)(me,{entries:Q,listId:a,activeIndex:Y,selectedKeys:K,codeKey:t,query:I,highlightQuery:Me,getOptionDisabled:J,getOptionId:Ae,setOptionRef:we,toggleOption:X,selectOnlyOption:Z,renderItem:Ve}),Q.length>0&&N.length>0&&(0,R.jsx)(ne,{"aria-hidden":`true`,className:`marginBlockSm`}),(0,R.jsx)(me,{entries:We,listId:a,activeIndex:Y,selectedKeys:K,codeKey:t,query:I,highlightQuery:Me,getOptionDisabled:J,getOptionId:Ae,setOptionRef:we,toggleOption:X,selectOnlyOption:Z,renderItem:Ve})]})})})]})}})}var L,R,z;function B(){return(B=t((()=>{L=e(n(),1),r(),y(),ue(),u(),_(),b(),d(),C(),m(),S(),T(),g(),v(),w(),j(),P(),R=a(),z=[],I.displayName=`MultiSelect`,I.__docgenInfo={description:`Поле множественного выбора с внутренним черновиком значений и подтверждением выбора при закрытии списка.
-Подходит как для самостоятельного использования, так и как базовый слой для OData-оберток.`,methods:[],displayName:`MultiSelect`,props:{renderToken:{required:!1,tsType:{name:`union`,raw:`((context: TContext) => React.ReactNode) | null | false`,elements:[{name:`unknown`},{name:`null`},{name:`literal`,value:`false`}]},description:``},renderToolbar:{required:!1,tsType:{name:`union`,raw:`((context: TContext) => React.ReactNode) | null | false`,elements:[{name:`unknown`},{name:`null`},{name:`literal`,value:`false`}]},description:``},renderItem:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(item: CollectionItem, state: MultiSelectItemState) => MultiSelectOptionContent`,signature:{arguments:[{type:{name:`CollectionItem`},name:`item`},{type:{name:`MultiSelectItemState`},name:`state`}],return:{name:`MultiSelectOptionContent`}}},description:``},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:``},codeKey:{required:!0,tsType:{name:`string`},description:``},textKey:{required:!1,tsType:{name:`string`},description:``},hideCode:{required:!1,tsType:{name:`boolean`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},highlightQuery:{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:``,defaultValue:{value:`true`,computed:!1}},items:{required:!0,tsType:{name:`Array`,elements:[{name:`TOption`}],raw:`TOption[]`},description:``},getOptionDisabled:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(item: TOption, context: MultiSelectOptionDisableContext) => boolean`,signature:{arguments:[{type:{name:`TOption`},name:`item`},{type:{name:`MultiSelectOptionDisableContext`},name:`context`}],return:{name:`boolean`}}},description:``},onOpen:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onClose:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: TOption[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`TOption`}],raw:`TOption[]`},name:`value`}],return:{name:`void`}}},description:``},error:{required:!1,tsType:{name:`string`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLInputElement`}],raw:`Ref<HTMLInputElement>`},description:``}}}})))()}export{B as n,I as t};

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

@@ -1,55 +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-DwDg20S-.js";import{n as i,t as a}from"./MultiSelect-BMEWH0cT.js";var o=t({Basic:()=>p,Empty:()=>g,ErrorState:()=>h,Loading:()=>m,__namedExportsOrder:()=>_,default:()=>f}),s,c,l,u,d,f,p,m,h,g,_;function v(){return(v=e((()=>{s=n(),i(),c=r(),{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:u}=__STORYBOOK_MODULE_TEST__,d=[{code:`MOW`,label:`Москва`},{code:`SPB`,label:`Санкт-Петербург`},{code:`EKB`,label:`Екатеринбург`},{code:`KZN`,label:`Казань`},{code:`NSK`,label:`Новосибирск`}],f={title:`UI/MultiSelect`,component:a,args:{label:`Города`,description:`Выберите несколько значений.`,placeholder:`Начните вводить`,value:[],onChange:u(),codeKey:`code`,textKey:`label`,items:d,query:``,onQuery:u(),onOpen:()=>{},onClose:u(),size:`md`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст пустого поля.`,control:`text`},value:{description:`Контролируемый набор выбранных option.`,control:!1},onChange:{description:`Вызывается после подтверждения набора option.`,control:!1},codeKey:{description:`Имя поля option с уникальным ключом.`,control:`text`},textKey:{description:`Имя поля option с отображаемым текстом.`,control:`text`},hideCode:{description:`Скрывает код option в токенах и списке.`,control:`boolean`},items:{description:`Набор доступных option.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},highlightQuery:{description:`Текст, который подсвечивается в option.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},defaultFilter:{description:`Включает встроенную фильтрацию option.`,control:`boolean`},getOptionDisabled:{description:`Блокирует отдельные option с учетом текущего выбора.`,control:!1},onOpen:{description:`Вызывается при открытии списка.`,control:!1},onClose:{description:`Вызывается при закрытии списка после commit.`,control:!1},error:{description:`Текст ошибки загрузки option.`,control:`text`},isLoading:{description:`Показывает состояние загрузки option.`,control:`boolean`},renderToken:{description:`Кастомный рендер выбранных токенов.`,control:!1},renderToolbar:{description:`Кастомный рендер toolbar popup.`,control:!1},renderItem:{description:`Возвращает text, code и searchText для общей композиции OptionButton.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},p={render:function(e){let[,t]=l(),n=e.value??[d[1]],r=e.query??``,i=(0,s.useMemo)(()=>{let e=r.trim().toLowerCase();return e?d.filter(t=>t.label.toLowerCase().includes(e)||t.code.toLowerCase().includes(e)):d},[r]);return(0,c.jsx)(a,{...e,value:n,items:i,query:r,onQuery:n=>{e.onQuery?.(n),t({query:n})},onChange:n=>{e.onChange(n),t({value:n})}})}},m={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],isLoading:!0,onChange:n=>{e.onChange(n),t({value:n})}})}},h={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],error:`Ошибка загрузки`,onChange:n=>{e.onChange(n),t({value:n})}})}},g={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],onChange:n=>{e.onChange(n),t({value:n})}})}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<React.ComponentProps<typeof MultiSelect>>();
-    const value = args.value ?? [catalog[1]!];
-    const query = args.query ?? "";
-    const filteredItems = useMemo(() => {
-      const needle = query.trim().toLowerCase();
-      if (!needle) {
-        return catalog;
-      }
-      return catalog.filter(item => item.label.toLowerCase().includes(needle) || item.code.toLowerCase().includes(needle));
-    }, [query]);
-    return <MultiSelect {...args} value={value} items={filteredItems} query={query} onQuery={query => {
-      args.onQuery?.(query);
-      updateArgs({
-        query
-      });
-    }} onChange={value => {
-      args.onChange(value);
-      updateArgs({
-        value
-      });
-    }} />;
-  }
-}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<React.ComponentProps<typeof MultiSelect>>();
-    return <MultiSelect {...args} value={args.value ?? []} items={[]} isLoading onChange={value => {
-      args.onChange(value);
-      updateArgs({
-        value
-      });
-    }} />;
-  }
-}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<React.ComponentProps<typeof MultiSelect>>();
-    return <MultiSelect {...args} value={args.value ?? []} items={[]} error="Ошибка загрузки" onChange={value => {
-      args.onChange(value);
-      updateArgs({
-        value
-      });
-    }} />;
-  }
-}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<React.ComponentProps<typeof MultiSelect>>();
-    return <MultiSelect {...args} value={args.value ?? []} items={[]} onChange={value => {
-      args.onChange(value);
-      updateArgs({
-        value
-      });
-    }} />;
-  }
-}`,...g.parameters?.docs?.source}}},_=[`Basic`,`Loading`,`ErrorState`,`Empty`]})))()}export{o as a,m as i,g as n,v as o,h as r,p as t};

package/storybook-static/assets/TreeMultiSelect-C8DC5MfL.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-DwDg20S-.js";import{i as r,o as i,r as a,s as o}from"./defaultRenderers-UxEpV_2H.js";import{a as s,c,d as l,i as u,l as d,n as f,r as p,s as m,t as h}from"./TreePickerBase-SxMux0yx.js";function g(e,t){let n=l(e,t),r=Object.values(n).reduce((e,t)=>e+t.length,0);if(r!==0){if(r===1){let n=[...e].sort((e,n)=>(t.preorderIndexById.get(e)??2**53-1)-(t.preorderIndexById.get(n)??2**53-1))[0],r=t.nodeById.get(n);return r?r.label:void 0}return a(r)}}function _(e,t,n){let r=d(e,n),i=d(t,n);return r.size===i.size&&[...r].every(e=>i.has(e))}function v({label:e,description:t,disabled:n,placeholder:r=`Выберите значения`,size:i,nodes:a,value:f,onChange:v,query:x,defaultQuery:S,onQuery:C,isLoading:w,error:T,optionsLayout:E=`tree`,defaultExpandedCodeKeys:D}){let[O,k]=(0,y.useState)(!1),A=(0,y.useMemo)(()=>p(a),[a]),{draftValue:j,setDraftValue:M,prepareOpen:N}=o({value:f,open:O,onCommit:v,isEqual:(e,t)=>_(e,t,A)}),P=O?j:f,F=(0,y.useMemo)(()=>d(P,A),[P,A]),I=(0,y.useMemo)(()=>s(F,A),[F,A]),L=(0,y.useMemo)(()=>new Set([...A.nodeById.keys()].filter(e=>A.nodeById.get(e)?.disabled!==!0&&!m(e,F,A)&&!I.selectedIds.has(e)&&u(A,[e]).size===0)),[F,I.selectedIds,A]),R=(0,y.useMemo)(()=>g(F,A),[F,A]);return(0,b.jsx)(h,{label:e,description:t,disabled:n,placeholder:r,size:i,nodes:a,selectedIds:I.selectedIds,partialIds:I.partialIds,selectionMode:`multi`,optionsLayout:E,defaultExpandedCodeKeys:D,unavailableNodeIds:L,open:O,onOpenChange:e=>{e&&!O&&N(),k(e)},bulkActions:{onSelectAll:()=>{M(l(u(A),A))},onDeselectAll:()=>M({})},triggerMode:`search`,selectedSummary:R,query:x,defaultQuery:S,onQuery:C,onNodeActivate:(e,t)=>{M(c({},e.id,A,t))},onNodeToggleSelection:(e,t)=>{M(n=>c(n,e.id,A,t))},onClearSelection:()=>{M({}),O||v({})},isLoading:w,error:T})}var y,b;function x(){return(x=e((()=>{y=t(),r(),i(),f(),b=n(),v.__docgenInfo={description:``,methods:[],displayName:`TreeMultiSelect`,props:{nodes:{required:!0,tsType:{name:`unknown`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите значения"`,computed:!1}},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:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`string`},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:`Определяет обычное раскрываемое дерево или полностью открытый адаптивный набор колонок.`,defaultValue:{value:`"tree"`,computed:!1}},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:"Ключи уровней, узлы которых раскрываются до ручного действия пользователя.\nВ режиме `columns` дерево по-прежнему отображается полностью раскрытым."}},composes:[`Omit`]}})))()}export{x as n,v as t};

package/storybook-static/assets/defaultRenderers-UxEpV_2H.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{S as n,h as r}from"./formatters-DVE1YVNQ-YIdRxgw-.js";function i({value:e,open:t,onCommit:n,onOpen:r,onClose:i,isEqual:o}){let s=(0,a.useRef)(!1),[c,l]=(0,a.useState)(e);return(0,a.useEffect)(()=>{s.current&&!t&&(o(c,e)||n(c),i?.(c)),s.current=t},[c,o,i,n,t,e]),{draftValue:c,setDraftValue:l,prepareOpen:()=>{l(e),r?.()}}}var a;function o(){return(o=e((()=>{a=t()})))()}function s(e){return n(e,f)}function c(e,t,n){if(n)return n;let r=e[0];return r?Object.keys(r).find(e=>e!==t)??t:t}function l(e,t,n){if(e.length===0)return;if(e.length>1)return s(e.length);let r=c(e,t,n);return e[0]?.[r]??e[0]?.[t]}function u(e){return function(t){return l(t.selectedItems,e.codeKey,e.textKey)}}function d(e){return function(t){return{text:t[c([t],e.codeKey,e.textKey)]??``,code:e.hideCode?void 0:t[e.codeKey]??``}}}var f;function p(){return(p=e((()=>{r(),f={one:`элемент`,few:`элемента`,many:`элементов`}})))()}export{c as a,p as i,u as n,o,s as r,i as s,d as t};

package/storybook-static/assets/iframe-CxDzv7o9.js

@@ -1 +0,0 @@
-import{t as e}from"./iframe-DwDg20S-.js";e();