@ryuzaki13/react-foundation-ui 1.1.8 → 1.2.0

package/storybook-static/assets/LayoutPicker.stories-s1valXGj.js

@@ -1,449 +0,0 @@
-import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-BlBhvHwk.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-De5IM4sM.js";import{t as s,wt as ee}from"./lucide-react-DMR456up.js";import{n as c,t as l}from"./ui.module-wFHXkJzp.js";import{T as te,b as ne,g as re,l as ie,m as ae,r as oe,t as u}from"./picker-RP6lU_O4.js";function se(e,t){return{gridTemplateColumns:`repeat(${e.columns}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${e.rows}, minmax(${t??0}em, 1fr))`}}function d(e){return{gridColumn:`${e.column} / span ${e.columnSpan??1}`,gridRow:`${e.row} / span ${e.rowSpan??1}`}}var ce=n((()=>{})),f,le=n((()=>{f=[{id:`1x1`,label:`1x1`,columns:1,rows:1,cells:[{id:`c11`,row:1,column:1}]},{id:`1x2`,label:`1x2`,columns:2,rows:1,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2}]},{id:`1x3`,label:`1x3`,columns:3,rows:1,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3}]},{id:`2x1`,label:`2x1`,columns:1,rows:2,cells:[{id:`c11`,row:1,column:1},{id:`c21`,row:2,column:1}]},{id:`2x2`,label:`2x2`,columns:2,rows:2,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2}]},{id:`2x3`,label:`2x3`,columns:3,rows:2,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3}]},{id:`3x1`,label:`3x1`,columns:1,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c21`,row:2,column:1},{id:`c31`,row:3,column:1}]},{id:`3x2`,label:`3x2`,columns:2,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2}]},{id:`3x3`,label:`3x3`,columns:3,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3}]},{id:`4x1`,label:`4x1`,columns:1,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c21`,row:2,column:1},{id:`c31`,row:3,column:1},{id:`c41`,row:4,column:1}]},{id:`4x2`,label:`4x2`,columns:2,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2}]},{id:`4x3`,label:`4x3`,columns:3,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2},{id:`c43`,row:4,column:3}]},{id:`2x2-l`,label:`Большая слева + две справа`,columns:2,rows:2,cells:[{id:`left`,row:1,column:1,rowSpan:2},{id:`rt`,row:1,column:2},{id:`rb`,row:2,column:2}]},{id:`2x2-r`,label:`Две слева + большая справа`,columns:2,rows:2,cells:[{id:`lt`,row:1,column:1},{id:`lb`,row:2,column:1},{id:`right`,row:1,column:2,rowSpan:2}]},{id:`2x2-t`,label:`Широкая сверху + две снизу`,columns:2,rows:2,cells:[{id:`top`,row:1,column:1,columnSpan:2},{id:`bl`,row:2,column:1},{id:`br`,row:2,column:2}]},{id:`2x2-b`,label:`Две сверху + широкая снизу`,columns:2,rows:2,cells:[{id:`tl`,row:1,column:1},{id:`tr`,row:1,column:2},{id:`bottom`,row:2,column:1,columnSpan:2}]},{id:`3x2-t`,label:`Широкая сверху + 2x2`,columns:2,rows:3,cells:[{id:`top`,row:1,column:1,columnSpan:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2}]},{id:`3x2-b`,label:`2x2 + широкая снизу`,columns:2,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`bottom`,row:3,column:1,columnSpan:2}]},{id:`3x2-m`,label:`Широкая по центру`,columns:2,rows:3,cells:[{id:`tl`,row:1,column:1},{id:`tr`,row:1,column:2},{id:`middle`,row:2,column:1,columnSpan:2},{id:`bl`,row:3,column:1},{id:`br`,row:3,column:2}]},{id:`3x3-l`,label:`Большая слева + 2x3 справа`,columns:3,rows:3,cells:[{id:`left`,row:1,column:1,rowSpan:3},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3}]},{id:`3x3-r`,label:`2x3 слева + большая справа`,columns:3,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`right`,row:1,column:3,rowSpan:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2}]},{id:`3x3-t`,label:`Широкая сверху + 2x3`,columns:3,rows:3,cells:[{id:`top`,row:1,column:1,columnSpan:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3}]},{id:`3x3-b`,label:`2x3 + широкая снизу`,columns:3,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`bottom`,row:3,column:1,columnSpan:3}]},{id:`4x2-t`,label:`Широкая сверху + 3x2`,columns:2,rows:4,cells:[{id:`top`,row:1,column:1,columnSpan:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2}]},{id:`4x2-b`,label:`3x2 + широкая снизу`,columns:2,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`bottom`,row:4,column:1,columnSpan:2}]},{id:`4x3-t`,label:`Широкая сверху + 3x3`,columns:3,rows:4,cells:[{id:`top`,row:1,column:1,columnSpan:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2},{id:`c43`,row:4,column:3}]},{id:`4x3-b`,label:`3x3 + широкая снизу`,columns:3,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3},{id:`bottom`,row:4,column:1,columnSpan:3}]}]})),p=n((()=>{ce(),le()})),m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j=n((()=>{m=`_959ulH`,h=`Ch-SZL`,g=`SmdPit`,_=`giOtGs`,v=`_57Tr0T`,y=`Tkhulr`,b=`VQlniu`,x=`wb39Kf`,S=`HGvQdT`,C=`rZuYyb`,w=`vNV6Q2`,T=`_3ytPPa`,E=`koxYU-`,D=`k8xLa2`,O=`_5pd3Bb`,k=`VrHnjN`,A={valueOverlay:m,triggerInput:h,triggerText:g,popup:_,popupLayout:v,popupBody:y,options:b,option:x,optionActive:S,optionSelected:C,optionPreviewWrap:w,optionCheck:T,preview:E,previewPlaceholder:D,previewCompact:O,previewCell:k}}));function ue({preset:e,compact:t=!1}){return(0,P.jsx)(`span`,{className:a(A.preview,t&&A.previewCompact),style:se(e),"aria-hidden":`true`,children:e.cells.map(t=>(0,P.jsx)(`span`,{className:A.previewCell,style:d(t)},`${e.id}:${t.id}`))})}function M({id:e,label:t,description:n,value:r,onChange:i,presets:o=f,disabled:s,getPresetDisabled:l,placeholder:u=de,size:se,ariaLabel:d,className:ce,triggerClassName:le,popupClassName:p,placement:m=`bottom-start`}){let h=(0,N.useRef)(null),[g,_]=(0,N.useState)(!1),v=o.findIndex(e=>e.id===r),y=v>=0?o[v]:void 0,b=y??o[0],x=y?.label??u,{activeIndex:S,context:C,floatingStyles:w,getFloatingProps:T,setReference:E,setFloating:D,setOptionRef:O,close:k,openList:j,toggleOpen:M,selectOption:fe,selectActiveOption:pe,handleReferenceKeyDown:me,handleFloatingKeyDown:F,getOptionId:I,getActiveOptionId:L}=ie({options:o,selectedIndex:v,open:g,onOpenChange:_,getOptionDisabled:l,onSelect:e=>i(e.id),disabled:s,placement:m,triggerMode:`display`}),R=oe({mode:`display`,open:g,currentQuery:``,hasDisplayValue:y!==void 0,inputRef:h,openList:j,close:k,toggleOpen:M}),z=e=>{h.current=e};return(0,P.jsx)(te,{id:e,label:t,description:n,disabled:s,placeholder:u,size:se,className:ce,children:({controlId:e,labelId:t,describedBy:n})=>{let r=`${e}-listbox`;return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(ae,{ref:z,rootRef:E,id:e,type:`button`,disabled:s,readOnly:!0,autoComplete:`off`,role:`combobox`,value:x,"aria-haspopup":`listbox`,"aria-expanded":g,"aria-controls":g?r:void 0,"aria-labelledby":t,"aria-describedby":n,"aria-autocomplete":`none`,"aria-activedescendant":g?L(r):void 0,"aria-label":t?void 0:d??`Выбрать layout. Текущее значение: ${x}`,"data-ui":`layout-picker-trigger`,rootClassName:le,inputClassName:A.triggerInput,overlay:(0,P.jsxs)(`div`,{className:A.valueOverlay,children:[b?(0,P.jsx)(ue,{preset:b,compact:!0}):(0,P.jsx)(`span`,{className:A.previewPlaceholder}),(0,P.jsx)(`span`,{className:a(A.triggerText,!y&&c.uiPlaceholder),children:x})]}),endAdornment:(0,P.jsx)(re,{open:g,disabled:s,onToggleMouseDown:R.handleToggleMouseDown,onToggleClick:R.handleToggleClick,openAriaLabel:`Открыть список layout`,closeAriaLabel:`Закрыть список layout`}),onClick:R.handleTriggerClick,onFocus:e=>{R.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{me(e),!e.defaultPrevented&&R.handleTriggerKeyDown({event:e,onActivateWhenOpen:pe,enableSpaceActivation:!0})}}),(0,P.jsx)(ne,{open:g,context:C,floatingStyles:w,listId:r,labelId:t,descriptionId:n,activeOptionId:L(r),setFloating:D,getFloatingProps:T,onKeyDown:F,className:a(c.uiPopupOptions,A.popup,p),layoutClassName:A.popupLayout,bodyClassName:A.popupBody,children:(0,P.jsx)(`div`,{className:A.options,children:o.map((e,t)=>{let n=t===v,i=t===S,o=l?.(e)??!1;return(0,P.jsxs)(`button`,{id:I(r,t),ref:e=>O(t,e),type:`button`,role:`option`,tabIndex:-1,disabled:o,"aria-selected":n,"aria-disabled":o||void 0,"aria-label":e.description?`${e.label}. ${e.description}`:e.label,className:a(A.option,n&&A.optionSelected,i&&A.optionActive),"data-ui":`layout-picker-option`,"data-selected":n||void 0,onMouseDown:e=>e.preventDefault(),onClick:()=>fe(e),children:[(0,P.jsx)(`span`,{className:A.optionPreviewWrap,children:(0,P.jsx)(ue,{preset:e})}),(0,P.jsxs)(`span`,{className:`fontSizeSm`,children:[(0,P.jsx)(`span`,{children:e.label}),e.description?(0,P.jsx)(`span`,{children:e.description}):null]}),(0,P.jsx)(`span`,{className:A.optionCheck,"aria-hidden":`true`,children:n?(0,P.jsx)(ee,{}):null})]},e.id)})})})]})}})}var N,P,de,fe=n((()=>{N=t(r(),1),o(),s(),u(),l(),p(),j(),P=i(),de=`Выберите раскладку`,M.__docgenInfo={description:`Контрол выбора layout-пресета. Не хранит бизнес-логику содержимого ячеек.`,methods:[],displayName:`LayoutPicker`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите раскладку"`,computed:!1}},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:``},id:{required:!1,tsType:{name:`string`},description:``},presets:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`[
-	{
-		id: "1x1",
-		label: "1x1",
-		columns: 1,
-		rows: 1,
-		cells: [{ id: "c11", row: 1, column: 1 }]
-	},
-	{
-		id: "1x2",
-		label: "1x2",
-		columns: 2,
-		rows: 1,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 }
-		]
-	},
-	{
-		id: "1x3",
-		label: "1x3",
-		columns: 3,
-		rows: 1,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 }
-		]
-	},
-	{
-		id: "2x1",
-		label: "2x1",
-		columns: 1,
-		rows: 2,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c21", row: 2, column: 1 }
-		]
-	},
-	{
-		id: "2x2",
-		label: "2x2",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 }
-		]
-	},
-	{
-		id: "2x3",
-		label: "2x3",
-		columns: 3,
-		rows: 2,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 }
-		]
-	},
-	{
-		id: "3x1",
-		label: "3x1",
-		columns: 1,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c31", row: 3, column: 1 }
-		]
-	},
-	{
-		id: "3x2",
-		label: "3x2",
-		columns: 2,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 }
-		]
-	},
-	{
-		id: "3x3",
-		label: "3x3",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 }
-		]
-	},
-	{
-		id: "4x1",
-		label: "4x1",
-		columns: 1,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c41", row: 4, column: 1 }
-		]
-	},
-	{
-		id: "4x2",
-		label: "4x2",
-		columns: 2,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c41", row: 4, column: 1 },
-			{ id: "c42", row: 4, column: 2 }
-		]
-	},
-	{
-		id: "4x3",
-		label: "4x3",
-		columns: 3,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 },
-			{ id: "c41", row: 4, column: 1 },
-			{ id: "c42", row: 4, column: 2 },
-			{ id: "c43", row: 4, column: 3 }
-		]
-	},
-
-	{
-		id: "2x2-l",
-		label: "Большая слева + две справа",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "left", row: 1, column: 1, rowSpan: 2 },
-			{ id: "rt", row: 1, column: 2 },
-			{ id: "rb", row: 2, column: 2 }
-		]
-	},
-	{
-		id: "2x2-r",
-		label: "Две слева + большая справа",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "lt", row: 1, column: 1 },
-			{ id: "lb", row: 2, column: 1 },
-			{ id: "right", row: 1, column: 2, rowSpan: 2 }
-		]
-	},
-	{
-		id: "2x2-t",
-		label: "Широкая сверху + две снизу",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 2 },
-			{ id: "bl", row: 2, column: 1 },
-			{ id: "br", row: 2, column: 2 }
-		]
-	},
-	{
-		id: "2x2-b",
-		label: "Две сверху + широкая снизу",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{ id: "tl", row: 1, column: 1 },
-			{ id: "tr", row: 1, column: 2 },
-			{ id: "bottom", row: 2, column: 1, columnSpan: 2 }
-		]
-	},
-
-	{
-		id: "3x2-t",
-		label: "Широкая сверху + 2x2",
-		columns: 2,
-		rows: 3,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 }
-		]
-	},
-	{
-		id: "3x2-b",
-		label: "2x2 + широкая снизу",
-		columns: 2,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "bottom", row: 3, column: 1, columnSpan: 2 }
-		]
-	},
-	{
-		id: "3x2-m",
-		label: "Широкая по центру",
-		columns: 2,
-		rows: 3,
-		cells: [
-			{ id: "tl", row: 1, column: 1 },
-			{ id: "tr", row: 1, column: 2 },
-			{ id: "middle", row: 2, column: 1, columnSpan: 2 },
-			{ id: "bl", row: 3, column: 1 },
-			{ id: "br", row: 3, column: 2 }
-		]
-	},
-
-	{
-		id: "3x3-l",
-		label: "Большая слева + 2x3 справа",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "left", row: 1, column: 1, rowSpan: 3 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 }
-		]
-	},
-	{
-		id: "3x3-r",
-		label: "2x3 слева + большая справа",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "right", row: 1, column: 3, rowSpan: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 }
-		]
-	},
-	{
-		id: "3x3-t",
-		label: "Широкая сверху + 2x3",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 }
-		]
-	},
-	{
-		id: "3x3-b",
-		label: "2x3 + широкая снизу",
-		columns: 3,
-		rows: 3,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "bottom", row: 3, column: 1, columnSpan: 3 }
-		]
-	},
-
-	{
-		id: "4x2-t",
-		label: "Широкая сверху + 3x2",
-		columns: 2,
-		rows: 4,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c41", row: 4, column: 1 },
-			{ id: "c42", row: 4, column: 2 }
-		]
-	},
-	{
-		id: "4x2-b",
-		label: "3x2 + широкая снизу",
-		columns: 2,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "bottom", row: 4, column: 1, columnSpan: 2 }
-		]
-	},
-	{
-		id: "4x3-t",
-		label: "Широкая сверху + 3x3",
-		columns: 3,
-		rows: 4,
-		cells: [
-			{ id: "top", row: 1, column: 1, columnSpan: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 },
-			{ id: "c41", row: 4, column: 1 },
-			{ id: "c42", row: 4, column: 2 },
-			{ id: "c43", row: 4, column: 3 }
-		]
-	},
-	{
-		id: "4x3-b",
-		label: "3x3 + широкая снизу",
-		columns: 3,
-		rows: 4,
-		cells: [
-			{ id: "c11", row: 1, column: 1 },
-			{ id: "c12", row: 1, column: 2 },
-			{ id: "c13", row: 1, column: 3 },
-			{ id: "c21", row: 2, column: 1 },
-			{ id: "c22", row: 2, column: 2 },
-			{ id: "c23", row: 2, column: 3 },
-			{ id: "c31", row: 3, column: 1 },
-			{ id: "c32", row: 3, column: 2 },
-			{ id: "c33", row: 3, column: 3 },
-			{ id: "bottom", row: 4, column: 1, columnSpan: 3 }
-		]
-	}
-] as const satisfies readonly LayoutPickerPreset[]`,computed:!1}},getPresetDisabled:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(preset: LayoutPickerPreset) => boolean`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{
-	id: string;
-	label: string;
-	description?: string;
-	columns: number;
-	rows: number;
-	cells: readonly LayoutPickerPresetCell[];
-}`,signature:{properties:[{key:`id`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`string`,required:!0}},{key:`description`,value:{name:`string`,required:!1}},{key:`columns`,value:{name:`number`,required:!0}},{key:`rows`,value:{name:`number`,required:!0}},{key:`cells`,value:{name:`unknown`,required:!0}}]}},name:`preset`}],return:{name:`boolean`}}},description:``},ariaLabel:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},triggerClassName:{required:!1,tsType:{name:`string`},description:``},popupClassName:{required:!1,tsType:{name:`string`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom-start"`,computed:!1}}}}})),pe=n((()=>{fe()})),me=n((()=>{p(),pe()})),F,I,L,R,z,B,he,ge,_e,V,ve=n((()=>{F=`buT8ds`,I=`vDpJVR`,L=`-GMI1h`,R=`Xgkzn9`,z=`X--lo-`,B=`W5rEjx`,he=`BgilL7`,ge=`ALGrVl`,_e=`IrqK1d`,V={canvas:F,toolbar:I,summary:L,summaryItem:R,summaryValue:z,muted:B,layoutPreview:he,layoutCell:ge,layoutCellTitle:_e}})),ye=e({Controlled:()=>q,CustomPresets:()=>Y,Disabled:()=>Q,DisabledPresets:()=>X,InToolbar:()=>Z,Placeholder:()=>J,__namedExportsOrder:()=>$,default:()=>K});function be(e,t){return t.find(t=>t.id===e)}function H({value:e,presets:t}){let n=be(e,t);return(0,W.jsxs)(`div`,{className:V.summary,"aria-live":`polite`,children:[(0,W.jsxs)(`div`,{className:V.summaryItem,children:[(0,W.jsx)(`span`,{children:`ID`}),(0,W.jsx)(`span`,{className:V.summaryValue,children:e||`не выбрано`})]}),(0,W.jsxs)(`div`,{className:V.summaryItem,children:[(0,W.jsx)(`span`,{children:`Название`}),(0,W.jsx)(`span`,{className:V.summaryValue,children:n?.label??`Layout не выбран`})]}),(0,W.jsxs)(`div`,{className:V.summaryItem,children:[(0,W.jsx)(`span`,{children:`Сетка`}),(0,W.jsx)(`span`,{className:V.summaryValue,children:n?`${n.columns} x ${n.rows}`:`нет данных`})]}),(0,W.jsxs)(`div`,{className:V.summaryItem,children:[(0,W.jsx)(`span`,{children:`Ячеек`}),(0,W.jsx)(`span`,{className:V.summaryValue,children:n?.cells.length??0})]})]})}function xe({value:e,presets:t}){let n=be(e,t);if(!n)return null;let r=n.columns,i=n.rows,a=n.cells;return(0,W.jsx)(`div`,{className:V.layoutPreview,style:{gridTemplateColumns:`repeat(${r}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${i}, minmax(0, 1fr))`},children:a.map((e,t)=>(0,W.jsxs)(`div`,{className:V.layoutCell,style:{gridColumn:`${e.column} / span ${e.columnSpan}`,gridRow:`${e.row} / span ${e.rowSpan}`},children:[(0,W.jsxs)(`span`,{className:V.layoutCellTitle,children:[`Область `,t+1]}),(0,W.jsxs)(`span`,{className:V.muted,children:[`Колонка `,e.column,`, строка `,e.row,`; span `,e.columnSpan,` x `,e.rowSpan]})]},e.id))})}function Se(){let[e,t]=(0,U.useState)(`two-columns`);return(0,W.jsxs)(`div`,{className:V.canvas,children:[(0,W.jsx)(`div`,{className:V.toolbar,children:(0,W.jsx)(M,{label:`Layout панели`,value:e,onChange:t,ariaLabel:`Выбрать layout панели`})}),(0,W.jsx)(H,{value:e,presets:f}),(0,W.jsx)(xe,{value:e,presets:f})]})}var U,W,Ce,we,G,K,q,J,Y,X,Z,Q,$,Te=n((()=>{U=t(r(),1),me(),ve(),W=i(),{useArgs:Ce}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:we}=__STORYBOOK_MODULE_TEST__,G=[{id:`dashboard-summary`,label:`Сводка + детали`,description:`Один широкий блок сверху и две области детализации снизу.`,columns:2,rows:2,cells:[{id:`summary`,column:1,columnSpan:2,row:1,rowSpan:1},{id:`left-detail`,column:1,columnSpan:1,row:2,rowSpan:1},{id:`right-detail`,column:2,columnSpan:1,row:2,rowSpan:1}]},{id:`dashboard-main-aside`,label:`Основной блок + сайдбар`,description:`Большая рабочая область слева и вертикальная колонка справа.`,columns:3,rows:2,cells:[{id:`main`,column:1,columnSpan:2,row:1,rowSpan:2},{id:`aside-top`,column:3,columnSpan:1,row:1,rowSpan:1},{id:`aside-bottom`,column:3,columnSpan:1,row:2,rowSpan:1}]},{id:`dashboard-quad`,label:`Четыре равных блока`,description:`Плотная сетка для сравнения нескольких независимых виджетов.`,columns:2,rows:2,cells:[{id:`top-left`,column:1,columnSpan:1,row:1,rowSpan:1},{id:`top-right`,column:2,columnSpan:1,row:1,rowSpan:1},{id:`bottom-left`,column:1,columnSpan:1,row:2,rowSpan:1},{id:`bottom-right`,column:2,columnSpan:1,row:2,rowSpan:1}]}],K={title:`Shared/UI/LayoutPicker`,component:M,args:{label:`Layout панели`,description:`Выберите схему размещения областей.`,value:f[0].id,onChange:we(),presets:f,disabled:!1,placeholder:`Выберите layout`,ariaLabel:`Выбрать layout`,placement:`bottom-start`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Контролируемый выбор layout-пресета со схематичным превью. Компонент хранит только UI-состояние popup и возвращает наружу ID выбранного пресета.`}}},argTypes:{id:{description:"ID кнопки выбора. Если не передан, компонент создаёт стабильный `useId`.",control:`text`},label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},value:{description:`ID текущего выбранного layout-пресета.`,control:`text`},onChange:{description:`Вызывается с ID выбранного layout-пресета.`,control:!1},presets:{description:"Список layout-пресетов. По умолчанию используется `DEFAULT_LAYOUT_PICKER_PRESETS`.",control:!1},disabled:{description:`Блокирует кнопку выбора и открытие popup.`,control:`boolean`},getPresetDisabled:{description:`Позволяет заблокировать отдельные пресеты внутри popup.`,control:!1},placeholder:{description:"Текст в trigger, когда `value` не найден среди `presets`.",control:`text`},ariaLabel:{description:`Доступное имя trigger-кнопки. Если не передано, строится из текущего значения.`,control:`text`},size:{description:"Размер поля из общего `UiBaseProps`.",control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},className:{description:`Дополнительный CSS-класс корневого контейнера.`,control:`text`},triggerClassName:{description:`Дополнительный CSS-класс trigger-кнопки.`,control:`text`},popupClassName:{description:`Дополнительный CSS-класс popup.`,control:`text`},placement:{description:`Позиционирование popup относительно trigger.`,control:`select`,options:[`bottom-start`,`bottom-end`,`top-start`,`top-end`,`right-start`,`left-start`]}}},q={args:{value:`two-rows`},name:`Контролируемый выбор`,render:function(e){let[,t]=Ce(),n=e.presets??f;return(0,W.jsxs)(`div`,{className:V.canvas,children:[(0,W.jsx)(M,{...e,presets:n,onChange:n=>{e.onChange(n),t({value:n})}}),(0,W.jsx)(H,{value:e.value??``,presets:n})]})}},J={name:`Без выбранного значения`,render:e=>{let[t,n]=(0,U.useState)(``),r=e.presets??f;return(0,W.jsxs)(`div`,{className:V.canvas,children:[(0,W.jsx)(M,{...e,value:t,presets:r,placeholder:`Layout ещё не выбран`,onChange:t=>{n(t),e.onChange(t)}}),(0,W.jsx)(H,{value:t,presets:r})]})},args:{value:``}},Y={name:`Кастомные пресеты`,render:e=>{let[t,n]=(0,U.useState)(G[0].id);return(0,W.jsxs)(`div`,{className:V.canvas,children:[(0,W.jsx)(M,{...e,value:t,presets:G,ariaLabel:`Выбрать layout дашборда`,onChange:t=>{n(t),e.onChange(t)}}),(0,W.jsx)(H,{value:t,presets:G}),(0,W.jsx)(xe,{value:t,presets:G})]})},args:{value:G[0].id,presets:G}},X={name:`Заблокированные пресеты`,render:e=>{let[t,n]=(0,U.useState)(`single-cell`);return(0,W.jsxs)(`div`,{className:V.canvas,children:[(0,W.jsx)(M,{...e,value:t,getPresetDisabled:e=>e.id===`two-columns`||e.id===`large-left-two-right`,onChange:t=>{n(t),e.onChange(t)}}),(0,W.jsx)(`div`,{className:V.muted,children:`Пресеты с двумя колонками в этом сценарии недоступны.`}),(0,W.jsx)(H,{value:t,presets:f})]})}},Z={name:`В панели настройки`,render:()=>(0,W.jsx)(Se,{})},Q={name:`Заблокированный контрол`,args:{disabled:!0,value:`two-columns`}},q.parameters={...q.parameters,docs:{...q.parameters?.docs,source:{originalSource:`{
-  args: {
-    value: "two-rows"
-  },
-  name: "Контролируемый выбор",
-  render: function Render(args) {
-    const [, updateArgs] = useArgs<LayoutPickerProps>();
-    const presets = args.presets ?? DEFAULT_LAYOUT_PICKER_PRESETS;
-    return <div className={styles.canvas}>
-                <LayoutPicker {...args} presets={presets} onChange={layoutId => {
-        args.onChange(layoutId);
-        updateArgs({
-          value: layoutId
-        });
-      }} />
-                <PresetSummary value={args.value ?? ""} presets={presets} />
-            </div>;
-  }
-}`,...q.parameters?.docs?.source}}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
-  name: "Без выбранного значения",
-  render: args => {
-    const [value, setValue] = useState("");
-    const presets = args.presets ?? DEFAULT_LAYOUT_PICKER_PRESETS;
-    return <div className={styles.canvas}>
-                <LayoutPicker {...args} value={value} presets={presets} placeholder="Layout ещё не выбран" onChange={layoutId => {
-        setValue(layoutId);
-        args.onChange(layoutId);
-      }} />
-                <PresetSummary value={value} presets={presets} />
-            </div>;
-  },
-  args: {
-    value: ""
-  }
-}`,...J.parameters?.docs?.source}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`{
-  name: "Кастомные пресеты",
-  render: args => {
-    const [value, setValue] = useState<string>(dashboardPresets[0].id);
-    return <div className={styles.canvas}>
-                <LayoutPicker {...args} value={value} presets={dashboardPresets} ariaLabel="Выбрать layout дашборда" onChange={layoutId => {
-        setValue(layoutId);
-        args.onChange(layoutId);
-      }} />
-                <PresetSummary value={value} presets={dashboardPresets} />
-                <LayoutPreview value={value} presets={dashboardPresets} />
-            </div>;
-  },
-  args: {
-    value: dashboardPresets[0].id,
-    presets: dashboardPresets
-  }
-}`,...Y.parameters?.docs?.source}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{
-  name: "Заблокированные пресеты",
-  render: args => {
-    const [value, setValue] = useState("single-cell");
-    return <div className={styles.canvas}>
-                <LayoutPicker {...args} value={value} getPresetDisabled={preset => preset.id === "two-columns" || preset.id === "large-left-two-right"} onChange={layoutId => {
-        setValue(layoutId);
-        args.onChange(layoutId);
-      }} />
-                <div className={styles.muted}>Пресеты с двумя колонками в этом сценарии недоступны.</div>
-                <PresetSummary value={value} presets={DEFAULT_LAYOUT_PICKER_PRESETS} />
-            </div>;
-  }
-}`,...X.parameters?.docs?.source}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
-  name: "В панели настройки",
-  render: () => <ControlledExample />
-}`,...Z.parameters?.docs?.source}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
-  name: "Заблокированный контрол",
-  args: {
-    disabled: true,
-    value: "two-columns"
-  }
-}`,...Q.parameters?.docs?.source}}},$=[`Controlled`,`Placeholder`,`CustomPresets`,`DisabledPresets`,`InToolbar`,`Disabled`]}));Te();export{q as Controlled,Y as CustomPresets,Q as Disabled,X as DisabledPresets,Z as InToolbar,J as Placeholder,$ as __namedExportsOrder,K as default,Te as n,ye as t};

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

@@ -1,2 +0,0 @@
-import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-BlBhvHwk.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-De5IM4sM.js";import{o as ee,t as o}from"./lucide-react-DMR456up.js";import{i as s,t as c}from"./text-BBt8S4hV.js";import{n as l,t as u}from"./ui.module-wFHXkJzp.js";import{t as te}from"./CheckBox-Dou46_Q2.js";import{t as d}from"./Grid-Df08ACJK.js";import{t as f}from"./grid-CUgqbILF.js";import{C as ne,S as p,T as m,a as h,b as g,d as re,g as ie,l as ae,m as oe,r as se,s as ce,t as _,v}from"./picker-RP6lU_O4.js";import{n as le,t as y}from"./SelectOptionContent-CeSDFaTr.js";import{t as b}from"./check-box-BUYji84r.js";function x({item:e,textKey:t,codeKey:n,highlight:r}){return(0,S.jsx)(y,{label:e[t],code:n&&e[n],highlight:r})}var S,C=t((()=>{le(),S=r(),x.__docgenInfo={description:"Отдельная опция внутри `MultiSelect`. Отрисовывает состояние выбора и подсветку текста для найденных совпадений.",methods:[],displayName:`MultiSelectOption`,props:{item:{required:!0,tsType:{name:`CollectionItem`},description:``},textKey:{required:!0,tsType:{name:`string`},description:``},codeKey:{required:!1,tsType:{name:`string`},description:``},highlight:{required:!1,tsType:{name:`string`},description:``},selected:{required:!0,tsType:{name:`boolean`},description:``}}}})),w,T,E,D,O,k=t((()=>{w=`_9oSdQi`,T=`iobHig`,E=`yatXso`,D=`h2aA6E`,O={multiSelect:w,multiSelectTokens:T,multiSelectToken:E,selectAllButton:D}}));function A({onSelectAll:e,onDeselectAll:t}){return(0,j.jsxs)(d.Container,{gap:`xs`,templateColumns:`1fr 1fr`,children:[(0,j.jsx)(`button`,{type:`button`,className:O.selectAllButton,onClick:e,"data-ui":`multi-select-select-all`,"data-action":`select-all`,children:`Выбрать все`}),(0,j.jsx)(`button`,{type:`button`,className:O.selectAllButton,onClick:t,"data-ui":`multi-select-deselect-all`,"data-action":`deselect-all`,children:`Снять выбор`})]})}var j,M=t((()=>{f(),k(),j=r(),A.__docgenInfo={description:"Панель массовых действий для `MultiSelect`. Позволяет быстро выбрать все доступные элементы или снять выбор.",methods:[],displayName:`MultiSelectOptionsToolbar`,props:{onSelectAll:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onDeselectAll:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``}}}}));function N({value:e}){return e?(0,P.jsx)(`div`,{className:O.multiSelectTokens,children:(0,P.jsx)(`div`,{className:O.multiSelectToken,children:e})}):null}var P,F=t((()=>{k(),P=r(),N.__docgenInfo={description:"Токен выбранного значения в `MultiSelect`. Показывает выбранный элемент и кнопку его удаления из текущего набора.",methods:[],displayName:`MultiSelectToken`,props:{value:{required:!0,tsType:{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]},description:``}}}}));function I(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`${e.length} элемент${e.length>5?`ов`:`а`})`;let r=I(e,t,n);return e[0]?.[r]??e[0]?.[t]}function ue(e){return function(t){return(0,R.jsx)(N,{value:L(t.selectedItems,e.codeKey,e.textKey)})}}function de(e){return(0,R.jsx)(A,{onSelectAll:e.selectAll,onDeselectAll:e.deselectAll})}function fe(e){return function(t,n){return(0,R.jsx)(x,{item:t,selected:n.selected,highlight:n.highlightQuery,textKey:I([t],e.codeKey,e.textKey),codeKey:e.hideCode?void 0:e.codeKey})}}var R,z=t((()=>{C(),M(),F(),R=r(),de.__docgenInfo={description:``,methods:[],displayName:`renderDefaultMultiSelectToolbar`,props:{selectedItems:{required:!0,tsType:{name:`Array`,elements:[{name:`CollectionItem`}],raw:`CollectionItem[]`},description:``},committedSelectedItems:{required:!0,tsType:{name:`Array`,elements:[{name:`CollectionItem`}],raw:`CollectionItem[]`},description:``},availableItems:{required:!0,tsType:{name:`Array`,elements:[{name:`CollectionItem`}],raw:`CollectionItem[]`},description:``},query:{required:!0,tsType:{name:`string`},description:``},open:{required:!0,tsType:{name:`boolean`},description:``},clearSelection:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},selectAll:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},deselectAll:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``}}}}));function B({text:e,isError:t}){return(0,V.jsxs)(`div`,{className:l.uiPopupOption,children:[(0,V.jsx)(`span`,{className:l.uiPopupOptionIcon}),(0,V.jsx)(s,{color:t?`error`:`primary`,children:e})]})}var V,pe=t((()=>{c(),u(),V=r(),B.__docgenInfo={description:"Скелетон строки опции для `MultiSelect`. Используется во время загрузки или при отображении ошибок получения списка.",methods:[],displayName:`MultiSelectOptionSkeleton`,props:{text:{required:!0,tsType:{name:`string`},description:``},isError:{required:!1,tsType:{name:`boolean`},description:``}}}}));function me({isNoData:e,isLoading:t,error:n,children:r}){return e?(0,W.jsx)(v,{emptyState:(0,W.jsx)(B,{text:`Нет данных`})}):t?(0,W.jsx)(v,{loadingState:(0,W.jsx)(B,{text:`Загрузка...`})}):n?(0,W.jsx)(v,{errorState:(0,W.jsx)(B,{isError:!0,text:`Ошибка загрузки`})}):(0,W.jsx)(W.Fragment,{children:r})}function H(e,t){return e[t]}function he(e,t,n){return Array.from(new Set([e[n],e[t],...Object.values(e)]))}function ge(e,t,n){if(e.length!==t.length)return!1;let r=new Set(t.map(e=>H(e,n)));return e.every(e=>r.has(H(e,n)))}function _e({entries:e,listId:t,activeIndex:n,selectedKeys:r,codeKey:a,query:ee,highlightQuery:o,getOptionDisabled:s,getOptionId:c,setOptionRef:u,toggleOption:d,selectOnlyOption:f,renderItem:ne}){return e.map(({item:e,index:p})=>{let m=p===n,h=r.has(H(e,a)),g=s?.(e)??!1;return(0,W.jsxs)(`div`,{id:c(t,p),ref:e=>u(p,e),role:`option`,"aria-selected":h,"aria-disabled":g||void 0,className:i(l.uiSelectOption,g&&l.disabled,h&&l.selected,m&&l.uiPopupOptionActive),onMouseDown:e=>{e.preventDefault()},children:[(0,W.jsx)(`div`,{onClick:e=>{e.stopPropagation()},children:(0,W.jsx)(te,{value:h,disabled:g,onChange:()=>{g||d(e)},onClick:e=>{e.stopPropagation()},onMouseDown:e=>{e.stopPropagation()}})}),(0,W.jsx)(`div`,{className:`overflowHidden`,onClick:()=>{g||f(e)},children:ne(e,{selected:h,active:m,disabled:g,query:ee,highlightQuery:o})})]},`${H(e,a)}-${p}`)})}var U,W,ve,G,K=t((()=>{U=e(n(),1),a(),o(),b(),_(),p(),u(),z(),k(),pe(),W=r(),ve=[],G=(0,U.forwardRef)(({codeKey:e,textKey:t,hideCode:n,items:r,value:i,onChange:a,label:o,description:s,placeholder:c,size:u,query:te,defaultQuery:d,highlightQuery:f,onQuery:p,defaultFilter:_=!0,onOpen:v,onClose:le,getOptionDisabled:y,disabled:b,error:x,isLoading:S,renderToken:C,renderToolbar:w,renderItem:T},E)=>{let D=(0,U.useRef)(null),[k,A]=(0,U.useState)(!1),j=`search-multi`,M=i??ve,N=(0,U.useMemo)(()=>new Set(M.map(t=>H(t,e))),[e,M]),P=(0,U.useMemo)(()=>r.filter(t=>!N.has(H(t,e))),[e,N,r]),F=(0,U.useMemo)(()=>I([...M,...r],e,t),[e,M,r,t]),{query:L,setQuery:R}=ce({open:k,query:te,defaultQuery:d,onQuery:p,triggerMode:j}),z=re({options:M,query:L,enabled:_,getSearchText:t=>he(t,e,F)}),B=re({options:P,query:L,enabled:_,getSearchText:t=>he(t,e,F)}),V=(0,U.useMemo)(()=>[...z,...B],[B,z]),pe=z.length>0?0:-1,{draftValue:G,setDraftValue:K,prepareOpen:ye}=h({value:M,open:k,onCommit:a,onOpen:v,onClose:le,isEqual:(t,n)=>ge(t,n,e)}),q=(0,U.useMemo)(()=>new Set(G.map(t=>H(t,e))),[e,G]),be=(0,U.useMemo)(()=>({selectedItems:G,committedSelectedItems:M,selectedKeys:q,open:k}),[M,G,k,q]),J=(0,U.useCallback)(e=>y?.(e,be)??!1,[y,be]),{activeIndex:Y,context:xe,floatingStyles:Se,getFloatingProps:Ce,setReference:we,setFloating:Te,setOptionRef:Ee,close:De,openList:Oe,toggleOpen:ke,selectActiveOption:Ae,handleReferenceKeyDown:je,handleFloatingKeyDown:Me,getOptionId:Ne,getActiveOptionId:Pe}=ae({options:V,selectedIndex:pe,open:k,onOpenChange:A,onSelect:void 0,disabled:b,getOptionDisabled:J,closeOnSelect:!1,allowOpenWithoutOptions:!0,triggerMode:j}),Fe=f??L,X=t=>{let n=H(t,e);K(r=>r.some(t=>H(t,e)===n)?r.filter(t=>H(t,e)!==n):J(t)?r:[...r,t])},Ie=e=>{if(D.current=e,typeof E==`function`){E(e);return}E&&(E.current=e)},Le=()=>{K([]),k||a([])},Re=()=>{K(t=>{let n=[...t],r=new Set(t.map(t=>H(t,e)));for(let t of V){let i=H(t,e);!r.has(i)&&!J(t)&&(r.add(i),n.push(t))}return n})},ze=()=>{K([])},Z=e=>{J(e)||(K([e]),De())},Be=k?G:M,Ve=Be.length>0,He={selectedItems:Be,committedSelectedItems:M,availableItems:B,query:L,open:k,clearSelection:Le,selectAll:Re,deselectAll:ze},Ue=C===void 0?ue({codeKey:e,textKey:F}):C,We=w===void 0?de:w,Ge=T??fe({codeKey:e,textKey:F,hideCode:n}),Ke=typeof Ue==`function`?Ue(He):null,qe=typeof We==`function`?We(He):null,Q=z.map((e,t)=>({item:e,index:t})),Je=B.map((e,t)=>({item:e,index:t+Q.length})),Ye=!S&&!x&&V.length===0,$=se({mode:j,open:k,currentQuery:L,hasDisplayValue:!1,inputRef:D,setQuery:R,openList:Oe,close:De,toggleOpen:ke,onBeforeOpen:()=>{k||ye()}});return(0,W.jsx)(m,{label:o,description:s,disabled:b,placeholder:c,size:u,className:O.multiSelect,children:({controlId:t,labelId:n,describedBy:r})=>{let i=`${t}-listbox`;return(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(oe,{ref:Ie,rootRef:we,id:t,type:`text`,role:`combobox`,autoComplete:`off`,disabled:b,value:L,placeholder:Ve?void 0:c,"aria-labelledby":n,"aria-describedby":r,"aria-haspopup":`listbox`,"aria-expanded":k,"aria-controls":k?i:void 0,"aria-autocomplete":`list`,"aria-activedescendant":k?Pe(i):void 0,rootClassName:`flex alignItemsCenter`,endAdornment:(0,W.jsxs)(ie,{open:k,disabled:b,onToggleMouseDown:$.handleToggleMouseDown,onToggleClick:$.handleToggleClick,children:[Ke,(0,W.jsx)(`button`,{type:`button`,disabled:!Ve,className:l.uiClearButton,"data-ui":`multi-select-clear-button`,"data-action":`clear-multi-select`,onClick:Le,"aria-label":`Очистить все`,children:(0,W.jsx)(ee,{})})]}),onChange:e=>{$.handleTriggerInputChange(e.target.value)},onClick:$.handleTriggerClick,onFocus:e=>{$.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{je(e),!e.defaultPrevented&&$.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{if(Y>=0){let e=V[Y];if(e){X(e);return}}Ae()},enableClosedArrowDownOpen:!0,suppressClosedArrowUp:!0})}}),(0,W.jsx)(g,{open:k,context:xe,floatingStyles:Se,listId:i,labelId:n,descriptionId:r,activeOptionId:k?Pe(i):void 0,setFloating:Te,getFloatingProps:Ce,onKeyDown:Me,initialFocus:-1,returnFocus:!1,tabIndex:-1,className:l.uiPopupOptions,header:qe,children:(0,W.jsx)(me,{isNoData:Ye,isLoading:S,error:x,children:(0,W.jsxs)(`div`,{className:`scrollable h100`,children:[(0,W.jsx)(_e,{entries:Q,listId:i,activeIndex:Y,selectedKeys:q,codeKey:e,query:L,highlightQuery:Fe,getOptionDisabled:J,getOptionId:Ne,setOptionRef:Ee,toggleOption:X,selectOnlyOption:Z,renderItem:Ge}),Q.length>0&&P.length>0&&(0,W.jsx)(ne,{className:`marginBlockSm`}),(0,W.jsx)(_e,{entries:Je,listId:i,activeIndex:Y,selectedKeys:q,codeKey:e,query:L,highlightQuery:Fe,getOptionDisabled:J,getOptionId:Ne,setOptionRef:Ee,toggleOption:X,selectOnlyOption:Z,renderItem:Ge})]})})})]})}})}),G.displayName=`MultiSelect`,G.__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) => React.ReactNode`,signature:{arguments:[{type:{name:`CollectionItem`},name:`item`},{type:{name:`MultiSelectItemState`},name:`state`}],return:{name:`ReactReactNode`,raw:`React.ReactNode`}}},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:``}}}}));export{K as n,G as t};

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

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

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

@@ -1 +0,0 @@
-import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-BlBhvHwk.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a,n as o,o as s,r as c,s as l,t as u}from"./TreePickerBase-DhZ9tbrV.js";function d(e,t){if(e.size!==0){if(e.size===1){let n=t.nodeById.get([...e][0]);return n?n.code&&n.code!==n.label?`${n.label} · ${n.code}`:n.label:void 0}return`Выбрано ${e.size} узл.`}}function f({label:e,description:t,disabled:n,placeholder:r=`Выберите значения`,size:i,nodes:o,value:f,onChange:h,query:g,defaultQuery:_,onQuery:v,isLoading:y,error:b}){let x=(0,p.useMemo)(()=>c(o),[o]),S=(0,p.useMemo)(()=>l(f,x),[x,f]),C=(0,p.useMemo)(()=>a(S,x),[S,x]),w=(0,p.useMemo)(()=>d(S,x),[S,x]);return(0,m.jsx)(u,{label:e,description:t,disabled:n,placeholder:r,size:i,nodes:o,selectedIds:C.selectedIds,partialIds:C.partialIds,selectionMode:`multi`,triggerMode:`search`,selectedSummary:w,query:g,defaultQuery:_,onQuery:v,onNodeActivate:e=>h(s(f,e.id,x)),onClearSelection:()=>h({}),isLoading:y,error:b})}var p,m,h=t((()=>{p=e(n(),1),i(),o(),m=r(),f.__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:``}},composes:[`Omit`]}}));export{h as n,f as t};

package/storybook-static/assets/TreeMultiSelect.stories-DE6tQFRY.js

@@ -1,14 +0,0 @@
-import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-BlBhvHwk.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{n as a,t as o}from"./TreeMultiSelect-CG09ybVB.js";import{n as s,t as c}from"./treeStoryFixtures-Cd984L7t.js";var l=e({Basic:()=>m,MixedSelection:()=>g,ParentCompression:()=>h,__namedExportsOrder:()=>_,default:()=>p});function u({initialValue:e={},label:t=`TreeMultiSelect`,description:n}){let[r,i]=(0,d.useState)(e);return(0,f.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,f.jsx)(o,{label:t,description:n,nodes:c,value:r,onChange:i}),(0,f.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,JSON.stringify(r)]})]})}var d,f,p,m,h,g,_,v=n((()=>{d=t(r(),1),a(),s(),f=i(),p={title:`Shared/UI/TreeMultiSelect`,component:o,parameters:{atomicCanvas:!0,layout:`padded`},args:{label:`Выбор узлов`,description:`Мультивыбор с канонизацией subtree в ближайший parent.`,nodes:c,value:{},onChange:()=>{}},argTypes:{nodes:{control:!1},value:{control:!1},onChange:{control:!1}}},m={render:()=>(0,f.jsx)(u,{initialValue:{OWNER:[`P0001`]}})},h={render:()=>(0,f.jsx)(u,{label:`Компрессия parent`,description:`Когда выбран весь subtree, наружу может уйти только родительский узел.`,initialValue:{REGION:[`R01`]}})},g={render:()=>(0,f.jsx)(u,{label:`Смешанный выбор`,description:`Пример mixed frontier по соседним уровням.`,initialValue:{BRANCH:[`B0101`],OWNER:[`P0004`]}})},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  render: () => <StatefulTreeMultiSelect initialValue={{
-    OWNER: ["P0001"]
-  }} />
-}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  render: () => <StatefulTreeMultiSelect label="Компрессия parent" description="Когда выбран весь subtree, наружу может уйти только родительский узел." initialValue={{
-    REGION: ["R01"]
-  }} />
-}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  render: () => <StatefulTreeMultiSelect label="Смешанный выбор" description="Пример mixed frontier по соседним уровням." initialValue={{
-    BRANCH: ["B0101"],
-    OWNER: ["P0004"]
-  }} />
-}`,...g.parameters?.docs?.source}}},_=[`Basic`,`ParentCompression`,`MixedSelection`]}));v();export{m as Basic,g as MixedSelection,h as ParentCompression,_ as __namedExportsOrder,p as default,v as n,l as t};

package/storybook-static/assets/TreePickerBase-DhZ9tbrV.js

@@ -1,19 +0,0 @@
-import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-BlBhvHwk.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-De5IM4sM.js";import{A as o,o as s,t as c,vt as l,wt as u}from"./lucide-react-DMR456up.js";import{n as ee,t as d}from"./ui.module-wFHXkJzp.js";import{a as te}from"./Input-y5ZPRO5m.js";import{t as f}from"./input-DM0LWdwF.js";import{T as ne,b as re,g as ie,l as ae,m as oe,r as se,s as ce,t as p,v as le}from"./picker-RP6lU_O4.js";import{n as ue,t as de}from"./SelectOptionContent-CeSDFaTr.js";function m(e,t){return`${e}::${t}`}function fe(e){let t=new Map,n=new Map,r=new Map,i=new Map,a=new Map,o=0,s=(e,c)=>{t.set(e.id,e),n.set(e.id,c),i.set(e.id,o++),a.set(m(e.codeKey,e.value),e.id);let l=(e.children??[]).map(e=>e.id);r.set(e.id,l);for(let t of e.children??[])s(t,e.id)};for(let t of e)s(t);return{rootIds:e.map(e=>e.id),nodeById:t,parentById:n,childrenById:r,preorderIndexById:i,nodeIdByCodeValue:a}}function pe(e,t){if(e)return t.nodeIdByCodeValue.get(m(e.codeKey,e.value))}function h(e,t){let n=new Set;if(!e)return n;for(let[r,i]of Object.entries(e))for(let e of i){let i=t.nodeIdByCodeValue.get(m(r,e));i&&n.add(i)}return x(n,t)}function g(e,t){let n=[...e].sort((e,n)=>(t.preorderIndexById.get(e)??2**53-1)-(t.preorderIndexById.get(n)??2**53-1)),r={};for(let e of n){let n=t.nodeById.get(e);n&&(r[n.codeKey]=r[n.codeKey]??[],r[n.codeKey].push(n.value))}return r}function _(e,t){let n=[],r=t.parentById.get(e);for(;r;)n.push(r),r=t.parentById.get(r);return n}function v(e,t,n){let r=n.parentById.get(e);for(;r;){if(r===t)return!0;r=n.parentById.get(r)}return!1}function y(e,t,n){for(let r of[...e])v(r,t,n)&&e.delete(r)}function b(e,t,n){if(t.has(e))return!0;let r=n.childrenById.get(e)??[];return r.length===0?!1:r.every(e=>b(e,t,n))}function x(e,t){let n=new Set(e);for(let e of[...n])_(e,t).some(e=>n.has(e))&&n.delete(e);let r=[...t.nodeById.keys()].sort((e,n)=>(t.preorderIndexById.get(n)??0)-(t.preorderIndexById.get(e)??0));for(let e of r){let r=t.childrenById.get(e)??[];r.length===0||n.has(e)||r.every(e=>b(e,n,t))&&(y(n,e,t),n.add(e))}return n}function S(e,t,n){let r=n.parentById.get(t);for(;r;){if(e.has(r)){e.delete(r);for(let t of n.childrenById.get(r)??[])e.add(t);return!0}r=n.parentById.get(r)}return!1}function me(e,t,n){return t.has(e)?!0:_(e,n).some(e=>t.has(e))}function C(e,t,n,r){let i=n.childrenById.get(e)??[];if(t.has(e))return r.selectedIds.add(e),{selected:!0,partial:!1};if(i.length===0)return{selected:!1,partial:!1};let a=i.map(e=>C(e,t,n,r)),o=a.every(e=>e.selected&&!e.partial),s=a.some(e=>e.selected||e.partial);return o?(r.selectedIds.add(e),{selected:!0,partial:!1}):s?(r.partialIds.add(e),{selected:!1,partial:!0}):{selected:!1,partial:!1}}function w(e,t){let n={selectedIds:new Set,partialIds:new Set};for(let r of t.rootIds)C(r,e,t,n);return n}function T(e,t,n){let r=h(e,n),i=e=>{if(me(e,r,n)){if(r.has(e)){r.delete(e);return}S(r,e,n)&&i(e);return}y(r,e,n),r.add(e)};return i(t),g(x(r,n),n)}function E(e,t,n){let r=t.parentById.get(e);for(;r;)n.add(r),r=t.parentById.get(r)}function he(e,t){let n=new Set;for(let r of e)E(r,t,n);return n}function D(e,t,n){let r=(e.children??[]).map(e=>D(e,t,n)).filter(e=>!!e);return!e.searchText.toLowerCase().includes(t)&&r.length===0?null:(r.length>0&&n.add(e.id),r.length===0?e:{...e,children:r})}function ge(e,t){let n=t.trim().toLowerCase();if(!n)return{nodes:[...e],expandedIds:new Set};let r=new Set;return{nodes:e.map(e=>D(e,n,r)).filter(e=>!!e),expandedIds:r}}function _e(e,t){let n=[],r=(e,i,a)=>{let o=(e.children?.length??0)>0,s=o&&t.has(e.id);if(n.push({node:e,level:i,parentId:a,hasChildren:o,isExpanded:s,isLeaf:!o}),s)for(let t of e.children??[])r(t,i+1,e.id)};for(let t of e)r(t,0);return n}var O=t((()=>{})),k,A,j,M,N,P,F,I,L,R,z,B,V,H,U,W,G,K,q,J=t((()=>{k=`eMqOwq`,A=`JKstO-`,j=`hKgr8e`,M=`_6EH37F`,N=`o5NWnX`,P=`ibSd-S`,F=`lXezvv`,I=`FMlLGX`,L=`d2Zt7U`,R=`_8PN4hs`,z=`_4JEoen`,B=`GS8eEC`,V=`T8gVno`,H=`o6stdX`,U=`I5zvhe`,W=`KQ0PBI`,G=`_7hAQQA`,K=`XeUHNc`,q={treeRow:k,treeRowSelected:A,treeRowActive:j,treeNodeButton:M,treeIndent:N,treeExpander:P,treeExpanderPlaceholder:F,treeExpanderIcon:I,treeExpanderIconExpanded:L,treeSelection:R,treeSelectionChecked:z,treeSelectionPartial:B,treeSelectionIcon:V,treeSummary:H,inputWithOverlay:U,valueOverlay:W,treeActions:G,treeClearButton:K}}));function ve({node:e,level:t,highlight:n,hasChildren:r,isExpanded:a,selected:s,partial:c,selectionMode:ee,onToggleExpand:d}){return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`span`,{className:q.treeIndent,style:{"--tree-level":t},"aria-hidden":`true`}),r?(0,Y.jsx)(`button`,{type:`button`,className:q.treeExpander,onClick:e=>{e.stopPropagation(),d?.()},"aria-label":a?`Свернуть ветку`:`Развернуть ветку`,"data-ui":`tree-select-expander`,"data-action":a?`collapse-tree-select-node`:`expand-tree-select-node`,children:(0,Y.jsx)(l,{className:i(q.treeExpanderIcon,a&&q.treeExpanderIconExpanded)})}):(0,Y.jsx)(`span`,{className:q.treeExpanderPlaceholder,"aria-hidden":`true`}),ee===`multi`&&(0,Y.jsx)(`span`,{className:i(q.treeSelection,s&&q.treeSelectionChecked,c&&q.treeSelectionPartial),"aria-hidden":`true`,children:s?(0,Y.jsx)(u,{className:q.treeSelectionIcon}):c?(0,Y.jsx)(o,{className:q.treeSelectionIcon}):null}),(0,Y.jsx)(de,{label:e.label,code:e.code,highlight:n})]})}var Y,X=t((()=>{a(),c(),ue(),J(),Y=r(),ve.__docgenInfo={description:``,methods:[],displayName:`TreeNodeContent`,props:{node:{required:!0,tsType:{name:`signature`,type:`object`,raw:`{
-	id: string;
-	codeKey: string;
-	value: string;
-	label: string;
-	code?: string;
-	searchText: string;
-	children?: TreeSelectNode[];
-	disabled?: boolean;
-}`,signature:{properties:[{key:`id`,value:{name:`string`,required:!0}},{key:`codeKey`,value:{name:`string`,required:!0}},{key:`value`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`string`,required:!0}},{key:`code`,value:{name:`string`,required:!1}},{key:`searchText`,value:{name:`string`,required:!0}},{key:`children`,value:{name:`Array`,elements:[{name:`TreeSelectNode`}],raw:`TreeSelectNode[]`,required:!1}},{key:`disabled`,value:{name:`boolean`,required:!1}}]}},description:``},level:{required:!0,tsType:{name:`number`},description:``},highlight:{required:!1,tsType:{name:`string`},description:``},hasChildren:{required:!0,tsType:{name:`boolean`},description:``},isExpanded:{required:!0,tsType:{name:`boolean`},description:``},selected:{required:!0,tsType:{name:`boolean`},description:``},partial:{required:!0,tsType:{name:`boolean`},description:``},selectionMode:{required:!0,tsType:{name:`union`,raw:`"single" | "multi"`,elements:[{name:`literal`,value:`"single"`},{name:`literal`,value:`"multi"`}]},description:``},onToggleExpand:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``}}}}));function Z({label:e,description:t,disabled:n,placeholder:r,size:a,nodes:o,selectedIds:c,partialIds:l,selectionMode:u,triggerMode:d=`display`,selectedSummary:f,selectedSummaryText:p,query:ue,defaultQuery:de,onQuery:m,onNodeActivate:pe,onClearSelection:h,isLoading:g,error:_}){let v=(0,Q.useRef)(null),y=(0,Q.useRef)(!1),[b,x]=(0,Q.useState)(()=>new Set),S=d===`search`?`search-single`:`display`,me=(0,Q.useMemo)(()=>fe(o),[o]),{query:C,setQuery:w}=ce({open:!0,query:ue,defaultQuery:de,onQuery:m,triggerMode:`display`}),{nodes:T,expandedIds:E}=(0,Q.useMemo)(()=>ge(o,C),[o,C]),D=(0,Q.useMemo)(()=>he(c,me),[c,me]),O=(0,Q.useMemo)(()=>new Set([...b,...E,...D]),[b,E,D]),k=(0,Q.useMemo)(()=>_e(T,O),[T,O]),{open:A,activeIndex:j,context:M,floatingStyles:N,getFloatingProps:P,setReference:F,setFloating:I,setOptionRef:L,close:R,openList:z,toggleOpen:B,selectOption:V,handleReferenceKeyDown:H,handleFloatingKeyDown:U,getOptionId:W,getActiveOptionId:G}=ae({options:k,selectedIndex:(0,Q.useMemo)(()=>k.findIndex(e=>c.has(e.node.id)),[c,k]),onSelect:e=>pe(e.node),disabled:n||g,closeOnSelect:u===`single`,allowOpenWithoutOptions:!0,triggerMode:S}),K=c.size>0,J=d===`search`&&(A||C.length>0),Y=J?C:p??``,X=d===`display`&&!!f,Z=se({mode:S,open:A,currentQuery:C,hasDisplayValue:!!p,inputRef:v,setQuery:w,openList:z,close:R,toggleOpen:B});(0,Q.useEffect)(()=>{y.current&&!A&&Z.policy.resetQueryOnClose&&w(``),y.current=A},[A,w,Z.policy.resetQueryOnClose]);let ye=e=>{v.current=e},be=()=>{h?.(),w(``),R()},xe=e=>{e.hasChildren&&x(t=>{let n=new Set(t);return n.has(e.node.id)?n.delete(e.node.id):n.add(e.node.id),n})};return(0,$.jsx)(ne,{label:e,description:t,disabled:n,placeholder:r,size:a,children:({controlId:e,labelId:t,describedBy:a})=>{let o=`${e}-listbox`;return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(oe,{ref:ye,rootRef:F,id:e,type:`text`,role:`combobox`,autoComplete:`off`,disabled:n||g,readOnly:d!==`search`,value:d===`display`&&X?``:Y,placeholder:d===`search`?!p||J?r:void 0:K?void 0:r,"aria-labelledby":t,"aria-describedby":a,"aria-haspopup":`listbox`,"aria-expanded":A,"aria-controls":A?o:void 0,"aria-autocomplete":d===`search`?`list`:`none`,"aria-activedescendant":A&&k.length>0?G(o):void 0,inputClassName:i(K&&q.treeSummary,X&&q.inputWithOverlay),overlay:X?(0,$.jsx)(`div`,{className:q.valueOverlay,children:f}):void 0,endAdornment:(0,$.jsx)(ie,{open:A,disabled:n||g,onToggleMouseDown:Z.handleToggleMouseDown,onToggleClick:Z.handleToggleClick,children:K&&h?(0,$.jsx)(`button`,{type:`button`,className:q.treeClearButton,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:e=>{e.preventDefault(),e.stopPropagation(),be()},"aria-label":`Очистить выбор`,children:(0,$.jsx)(s,{})}):null}),onChange:e=>{d===`search`&&Z.handleTriggerInputChange(e.target.value)},onClick:Z.handleTriggerClick,onFocus:e=>{Z.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{H(e),!e.defaultPrevented&&Z.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{let e=j>=0?k[j]:void 0;e&&V(e)},enableSpaceActivation:d===`display`})}}),(0,$.jsx)(re,{open:A,context:M,floatingStyles:N,listId:o,labelId:t,descriptionId:a,activeOptionId:k.length>0?G(o):void 0,setFloating:I,getFloatingProps:P,onKeyDown:U,className:i(ee.uiPopupOptions,`scrollable`),header:d===`display`?(0,$.jsx)(te,{value:C,onChange:w,onClear:()=>w(``),placeholder:`Поиск по дереву`,onKeyDown:e=>{e.key!==`Escape`&&e.key!==`Tab`&&e.stopPropagation()},onClick:e=>{e.stopPropagation()}}):void 0,children:(0,$.jsx)(`div`,{className:``,children:k.length===0?(0,$.jsx)(le,{errorState:_,loadingState:g?`Загрузка...`:void 0,emptyState:!_&&!g?`Нет данных`:void 0}):k.map((e,t)=>{let n=c.has(e.node.id),r=!n&&l.has(e.node.id),a=t===j;return(0,$.jsx)(`div`,{id:W(o,t),ref:e=>L(t,e),role:`option`,"aria-selected":n,className:i(q.treeRow,a&&q.treeRowActive,n&&q.treeRowSelected),onMouseDown:e=>{e.preventDefault()},onClick:()=>V(e),children:(0,$.jsx)(`div`,{className:q.treeNodeButton,children:(0,$.jsx)(ve,{node:e.node,level:e.level,highlight:C,hasChildren:e.hasChildren,isExpanded:e.isExpanded,selected:n,partial:r,selectionMode:u,onToggleExpand:()=>xe(e)})})},e.node.id)})})})]})}})}var Q,$,ye=t((()=>{Q=e(n(),1),a(),c(),f(),p(),d(),O(),X(),J(),$=r(),Z.__docgenInfo={description:``,methods:[],displayName:`TreePickerBase`,props:{nodes:{required:!0,tsType:{name:`unknown`},description:``},selectedIds:{required:!0,tsType:{name:`Set`,elements:[{name:`string`}],raw:`Set<string>`},description:``},partialIds:{required:!0,tsType:{name:`Set`,elements:[{name:`string`}],raw:`Set<string>`},description:``},selectionMode:{required:!0,tsType:{name:`union`,raw:`"single" | "multi"`,elements:[{name:`literal`,value:`"single"`},{name:`literal`,value:`"multi"`}]},description:``},triggerMode:{required:!1,tsType:{name:`union`,raw:`"display" | "search"`,elements:[{name:`literal`,value:`"display"`},{name:`literal`,value:`"search"`}]},description:``,defaultValue:{value:`"display"`,computed:!1}},selectedSummary:{required:!1,tsType:{name:`ReactNode`},description:``},selectedSummaryText:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},onNodeActivate:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(node: TreeSelectNode) => void`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{
-	id: string;
-	codeKey: string;
-	value: string;
-	label: string;
-	code?: string;
-	searchText: string;
-	children?: TreeSelectNode[];
-	disabled?: boolean;
-}`,signature:{properties:[{key:`id`,value:{name:`string`,required:!0}},{key:`codeKey`,value:{name:`string`,required:!0}},{key:`value`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`string`,required:!0}},{key:`code`,value:{name:`string`,required:!1}},{key:`searchText`,value:{name:`string`,required:!0}},{key:`children`,value:{name:`Array`,elements:[{name:`TreeSelectNode`}],raw:`TreeSelectNode[]`,required:!1}},{key:`disabled`,value:{name:`boolean`,required:!1}}]}},name:`node`}],return:{name:`void`}}},description:``},onClearSelection:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`string`},description:``}}}}));export{O as a,pe as c,w as i,ye as n,T as o,fe as r,h as s,Z as t};

package/storybook-static/assets/TreePickerBase-qreyVjhY.css

@@ -1 +0,0 @@
-.eMqOwq{border-radius:var(--radius-sm);cursor:pointer;align-items:stretch;display:flex}.eMqOwq:focus{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);background-color:var(--surface-accent);border-color:var(--border-1);cursor:pointer}.eMqOwq:hover{background-color:var(--surface-accent);cursor:pointer}.JKstO-{background-color:var(--surface-2);color:var(--content-accent);cursor:default}.hKgr8e{background-color:var(--surface-1)}._6EH37F{align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xs) var(--space-xs) var(--space-xs) 0;text-align:left;border-radius:var(--radius-sm);background:0 0;display:flex}.o5NWnX{width:calc(var(--tree-level) * 1em);flex-shrink:0}.ibSd-S,.lXezvv{flex-shrink:0;justify-content:center;align-items:center;width:1.5em;height:1.5em;display:inline-flex}.ibSd-S{border-radius:var(--radius-sm);color:var(--content-2);background:0 0;border:none}.ibSd-S:hover{color:var(--content-0);background-color:var(--surface-0)}.FMlLGX{transition:transform var(--transition-fast) ease}.d2Zt7U{transform:rotate(90deg)}._8PN4hs{border:var(--border);border-radius:var(--radius-xs);background-color:var(--surface-0);color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}._4JEoen{background-color:var(--status-info-text);border-color:var(--status-info-text);color:var(--white)}.GS8eEC{background-color:var(--surface-1);border-color:var(--status-info-text);color:var(--status-info-text)}.T8gVno{width:.75rem;height:.75rem}.o6stdX{padding-right:calc(var(--control-height) * 2)}.I5zvhe{color:#0000;caret-color:#0000}.KQ0PBI{inset:0 calc(var(--control-height) * 2) 0 var(--space-md);pointer-events:none;align-items:center;display:flex;position:absolute;overflow:hidden}._7hAQQA{align-items:center;height:100%;display:flex;position:absolute;top:0;right:0}.XeUHNc{color:var(--status-error-text)}

package/storybook-static/assets/TreeSelect-D3tOqZzi.js

@@ -1 +0,0 @@
-import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-BlBhvHwk.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,c as a,n as o,r as s,t as c}from"./TreePickerBase-DhZ9tbrV.js";function l(e){if(e)return e.code&&e.code!==e.label?`${e.label} · ${e.code}`:e.label}function u({label:e,description:t,disabled:n,placeholder:r=`Выберите значение`,size:i,nodes:o,value:u,onChange:p,query:m,defaultQuery:h,onQuery:g,isLoading:_,error:v,clearable:y=!1}){let b=(0,d.useMemo)(()=>s(o),[o]),x=a(u,b),S=x?b.nodeById.get(x):void 0;return(0,f.jsx)(c,{label:e,description:t,disabled:n,placeholder:r,size:i,nodes:o,selectedIds:x?new Set([x]):new Set,partialIds:new Set,selectionMode:`single`,triggerMode:`search`,selectedSummaryText:l(S),query:m,defaultQuery:h,onQuery:g,onNodeActivate:e=>p({codeKey:e.codeKey,value:e.value}),onClearSelection:y?()=>p(void 0):void 0,isLoading:_,error:v})}var d,f,p=t((()=>{d=e(n(),1),i(),o(),f=r(),u.__docgenInfo={description:``,methods:[],displayName:`TreeSelect`,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:``},clearable:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}}},composes:[`Omit`]}}));export{p as n,u as t};

package/storybook-static/assets/formatter-L2YTDE3Q-Cz7NqHTg.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{m as t,p as n}from"./iframe-BlBhvHwk.js";import{i as r,n as i,r as a,t as o}from"./chunk-3LY4VQVK-Dk0vkvRJ.js";var s;e((()=>{a(),i(),t(),s=(0,n(r(),1).default)(2)(async(e,t)=>e===!1?t:o(t))}))();export{s as formatter};

package/storybook-static/assets/grid-CUgqbILF.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{a as t,n,r}from"./Grid-Df08ACJK.js";var i=e((()=>{n(),t(),r()}));export{i as t};