@itcase/ui-web 1.10.15 → 1.10.17

package/dist/SelectContainer_cjs_DYDy_jPD.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("react-select"),i=require("react-select/creatable"),l=require("@itcase/ui-core/hooks"),n=require("./Group_cjs_CiLUYKP7.js"),a=require("./primitives_cjs_ocTnUpml.js"),c=require("./default_cjs_BMdcKzhJ.js"),s=require("./Loader_cjs_nwF8h8Ku.js"),p=require("@itcase/ui-core/utils");const d=o=>{const{children:r}=o,{clearIcon:i,clearIconFill:l}=o.selectProps;return e.jsx(t.components.ClearIndicator,{...o,children:i?e.jsx(a.Icon,{iconFill:l,SvgImage:i}):r})},u=o=>{const{loadingMessageText:r,loadingMessageTextColor:t,loadingMessageTextSize:i}=o.selectProps;return e.jsx(n.Group,{textAlign:"center",children:e.jsx(a.Text,{size:i,textColor:t,children:r})})},m={requirePrimary:{fill:"warningTertiary",fillHover:"warningTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceHoverSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",headingFill:"surfaceSecondary",headingTextColor:"surfaceTextPrimary",inputBorderColor:"surfaceBorderTertiary",inputBorderColorHover:"surfaceBorderQuaternary",inputCaretColor:"extraPrimary",inputFill:"surfaceDisabled",inputShape:"rounded",inputTextColor:"surfaceTextPrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"surfaceHoverPrimary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillHover:"surfaceSecondary",optionShape:"rounded",optionTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",fillHover:"successTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},...{sizeXL:{size:"xl",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:c.icons16.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"s",optionSelectedIcon:c.icons16.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:c.icons16.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"m",optionSelectedIcon:c.icons16.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeM:{size:"m",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",inputTextSize:"m",loadingMessageTextSize:"m",menuItemSize:"l",multipleItemIcon:c.icons14.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"m",optionSelectedIcon:c.icons14.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"s",menuItemSize:"l",multipleItemIcon:c.icons14.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"s",optionSelectedIcon:c.icons14.Form.Check,optionTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons16.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons16.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:c.icons12.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"},sizeXXS:{size:"xxs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons16.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons16.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:c.icons12.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"}},errorPrimary:{fill:"errorTertiary",fillHover:"errorTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},rounded:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedXL:{multipleItemShapeRadius:"1m",shape:"roundedXL"},roundedL:{multipleItemShapeRadius:"1m",shape:"roundedL"},roundedM:{multipleItemShapeRadius:"1m",shape:"roundedM"},roundedS:{multipleItemShapeRadius:"1m",shape:"roundedS"},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none",fillHover:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorHover:"none"}},x=i=>{const{dataTestId:l,dataTour:n,before:a,after:c}=i.selectProps;return e.jsxs(o.Fragment,{children:[a,e.jsx(t.components.Control,{...i,className:r("select__control"),innerProps:{...i.innerProps,...l&&{"data-testid":l},...n&&{"data-tour":n}}}),c]})},T=o=>{const{children:r}=o,{dropdownFillHover:i,dropdownIcon:l,dropdownIconFill:n,dropdownIconShape:c}=o.selectProps;return e.jsx(t.components.DropdownIndicator,{...o,children:l?e.jsx(a.Icon,{fillHover:i,iconFill:n,shape:c,SvgImage:l}):r})},S=o=>{const{groupFill:i,groupTextColor:l,groupTextSize:n,groupTextWeight:c}=o.selectProps;return e.jsx(t.components.GroupHeading,{...o,className:r("select__menu-group-heading",i&&`fill_${i}`),children:e.jsx(a.Text,{size:n,textColor:l,textWeight:c,children:o.data.label})})},I=o=>{const{badgeAppearance:r,badgeSize:i,badgeTextSize:l,showBadge:n,value:c}=o.selectProps;return e.jsxs(t.components.IndicatorsContainer,{...o,children:[n&&c&&c?.length>0?e.jsx(a.Badge,{appearance:r,size:i,textSize:l,value:c.length.toString()}):null,o.children]})},C=o=>{const{inputCaretColor:i,inputTextColor:l,inputTextSize:n}=o.selectProps;return e.jsx(t.components.Input,{...o,className:r(n&&`text_size_${n}`,l&&`text-color_${l}`,i&&`caret-color_${i}`)})},g=o=>{const{loaderAppearance:r,isLoading:t}=o.selectProps;return t&&e.jsx(s.Loader,{appearance:r})},h=i=>{const{elevation:l,menuAfter:n,menuBefore:a,menuFill:c,menuShape:s}=i.selectProps;return e.jsxs(t.components.Menu,{...i,className:r(c&&`fill_${c}`,s&&`shape_${s}`,l&&`elevation_${l}`),children:[a,i.selectProps.fetchingData?e.jsx("span",{className:"fetching",children:"Fetching data..."}):e.jsx(o.Fragment,{children:i.children}),n]})},f=o=>{const{badgeAppearance:r,badgeAppearanceSize:t,overflowItemsList:i}=o,l=`+${i.length}`;return e.jsx(a.Badge,{appearance:p.mergeAppearanceKeys(r,t),className:"select__multi-value-badge",value:l})},z=o=>{const{index:r,selectProps:i,getValue:l}=o,n=i.multiValueMaxCount||100,a=l().slice(n).map(e=>e.label);return r<n?e.jsx(t.components.MultiValue,{...o}):r===n?e.jsx(f,{badgeAppearance:i.badgeAppearance,badgeAppearanceSize:i.badgeAppearanceSize,overflowItemsList:a}):null},y=o=>{const{multipleItemFill:i,multipleItemFillHover:l,multipleItemShapeRadius:a}=o.selectProps;return e.jsx(t.components.MultiValueContainer,{...o,children:e.jsx(n.Group,{className:r("select__multi-value-item"),direction:"horizontal",alignItems:"center",fill:i,fillHover:l,borderRadius:a,gap:"0.5m",children:o.children})})},v=o=>{const{multipleItemTextColor:r,multipleItemTextSize:i}=o.selectProps;return e.jsx(t.components.MultiValueLabel,{...o,children:o.data&&e.jsx(a.Text,{size:i,textColor:r,children:o.data.label})})},F=o=>{const{multipleItemIcon:r,multipleItemIconFill:i}=o.selectProps;return e.jsx(t.components.MultiValueRemove,{...o,children:e.jsx(a.Icon,{iconFill:i,SvgImage:r})})},P=o=>{const{inputValue:i,noOptionsSearchText:l,noOptionsText:c,noOptionsTextColor:s,noOptionsTextSize:p,optionFill:d}=o.selectProps;return e.jsx(t.components.NoOptionsMessage,{...o,className:r(d&&`fill_${d}`),children:e.jsx(n.Group,{textAlign:"center",children:e.jsx(a.Text,{size:p,textColor:s,children:i&&l?l:c})})})},b=o=>{const{label:i,isSelected:l}=o,{dividerDirection:n,dividerFill:c,dividerSize:s,menuItemSize:p,optionAfter:d,optionBefore:u,optionBorder:m,optionBorderType:x,optionFill:T,optionFillActive:S,optionFillActiveDisabled:I,optionFillActiveHover:C,optionFillDisabled:g,optionFillHover:h,optionSelectedIcon:f,optionSelectedIconFillIcon:z,optionSelectedIconSize:y,optionSelectedIconSrc:v,optionShape:F,optionTextColor:P,optionTextColorActive:b,optionTextColorDisabled:A,optionTextSize:_,showDivider:w}=o.selectProps;return e.jsxs(t.components.Option,{...o,className:r("select__menu-list-item",l||o.isSelected?o.isDisabled?I&&`fill_active_disabled_${I}`:S&&`fill_active_${S}`:o.isDisabled?g&&`fill_${g}`:T&&`fill_${T}`,(l||o.isSelected)&&!o.isDisabled&&C&&`fill_active_hover_${C}`,!l&&!o.isSelected&&!o.isDisabled&&h&&`fill_hover_${h}`,l&&"select__menu-list-item_state_selected",p&&`select__menu-list-item_size_${p}`,m&&`border-color_${m}`,x&&`border_type_${x}`,F&&`shape_${F}`),children:[u,e.jsx(a.Text,{className:"select__menu-list-item_option",size:_,textColor:P,textColorActive:b,textColorDisabled:A,isActive:o.isSelected||l,isDisabled:o.isDisabled,children:i}),(l||o.isSelected)&&e.jsx("div",{className:"select__menu-list-item_selected",children:e.jsx(a.Icon,{iconFill:z,iconSize:y,imageSrc:v,SvgImage:f})}),d,w&&e.jsx(a.Divider,{width:"fill",direction:n,size:s,fill:c})]})},A=o=>{const{dataTestId:r,placeholderTextColor:i,placeholderTextSize:l}=o.selectProps;return e.jsx(t.components.Placeholder,{...o,innerProps:{...o.innerProps,...r&&{"data-testid":`${r}Placeholder`}},children:e.jsx(a.Text,{size:l,textColor:i,children:o.children})})},_=o=>{const{data:r,children:i}=o,{dataTestId:l,inputTextColor:n,inputTextSize:c}=o.selectProps,s=r.optionBefore,p=r.optionBefore;return e.jsxs(t.components.SingleValue,{...o,innerProps:{...o.innerProps,...l&&{"data-testid":`${l}Value`}},children:[r&&s,e.jsx(a.Text,{size:c,textColor:n,textTruncate:!0,children:i}),r&&p]})},w=o=>{const{inputAfter:r,inputBefore:i}=o.selectProps;return e.jsxs(t.components.ValueContainer,{...o,children:[i,o.children,r]})},M={appearance:m,setAppearance:e=>{M.appearance=e}},j=o.forwardRef(function(n,a){const{appearance:c="",className:s,dataTestId:p,dataTour:m,width:f,minWidth:j,initialValue:H,badgeSize:D,defaultValue:B,dividerDirection:O,filterOption:$,hideSelectedOptions:V,hideValueContainer:Q,inputAfter:L,inputBefore:N,instanceId:R,loadingMessageText:W,menuAfter:q,menuBefore:k,menuIsOpen:G,menuItemSize:X,multiValueMaxCount:E,noOptionsSearchText:K,noOptionsText:J,optionAfter:U,optionBefore:Y,options:Z,placeholder:ee,showBadge:oe,showDivider:re,value:te,before:ie,after:le,openMenuOnClick:ne,closeMenuOnSelect:ae,isDisabled:ce,isSkeleton:se,isClearable:pe,isCreatable:de,isLoading:ue,isMulti:me,isSearchable:xe,set:Te,onChange:Se,onInputChange:Ie}=n,Ce=o.useRef(null),ge=a||Ce,he=de?i:t;o.useEffect(()=>{const e=e=>{const o=e.target,r=o&&o.classList.contains("select_state_hide-value-container");if("current"in ge&&ge.current&&ge.current.controlRef){const t=ge.current.controlRef.contains(o);r||t||ge.current?.onInputBlur(e)}};return Q&&document.addEventListener("click",e),()=>{Q&&document.removeEventListener("click",e)}},[Q,ge]);const fe=o.useMemo(()=>new Proxy({container:{width:f,minWidth:j}},{get:(e,o)=>o in e?()=>e[o]:()=>{}}),[j,f]),ze=l.useAppearanceConfig(c,M,ce),ye=l.useDevicePropsGenerator(n,ze),{fillClass:ve,fillHoverClass:Fe,borderColorClass:Pe,borderColorHoverClass:be,elevation:Ae,badgeAppearance:_e,badgeAppearanceSize:we,badgeTextSize:Me,clearIcon:je,clearIconFill:He,dividerFill:De,dividerSize:Be,dropdownFillHover:Oe,dropdownIcon:$e,dropdownIconFill:Ve,dropdownIconShape:Qe,groupFillClass:Le,groupTextColorClass:Ne,groupTextSizeClass:Re,groupTextWeightClass:We,inputCaretColorClass:qe,inputTextColorClass:ke,inputTextSizeClass:Ge,loaderAppearance:Xe,loadingMessageTextColor:Ee,loadingMessageTextSize:Ke,menuFillClass:Je,multipleItemFill:Ue,multipleItemFillHover:Ye,multipleItemIcon:Ze,multipleItemIconFill:eo,multipleItemShapeRadius:oo,multipleItemTextColorClass:ro,multipleItemTextSizeClass:to,noOptionsTextColorClass:io,noOptionsTextSizeClass:lo,optionBorderClass:no,optionBorderTypeClass:ao,optionFillActiveClass:co,optionFillActiveDisabledClass:so,optionFillActiveHoverClass:po,optionFillClass:uo,optionFillDisabledClass:mo,optionFillHoverClass:xo,optionSelectedIcon:To,optionSelectedIconFillIcon:So,optionSelectedIconSize:Io,optionSelectedIconSrc:Co,optionTextColorActiveClass:go,optionTextColorClass:ho,optionTextColorDisabled:fo,optionTextSizeClass:zo,placeholderTextColor:yo,placeholderTextSize:vo,shape:Fo,shapeClass:Po,sizeClass:bo,widthClass:Ao}=ye;return e.jsx(he,{className:r(s,"select",me&&"select_multi",Po&&`shape_${Po}`,ve&&`fill_${ve}`,Fe&&`fill_hover_${Fe}`,Pe&&`border-color_${Pe}`,be&&`border-color_hover_${be}`,bo&&`select_size_${bo}`,Q&&"select_state_hide-value-container",Te&&`select_set_${Te}`,Ao&&`select_width_${Ao}`,se&&"skeleton"),dataTestId:p,dataTour:m,ref:ge,elevation:Ae,badgeAppearance:_e,badgeAppearanceSize:we,badgeSize:D,badgeTextSize:Me,classNamePrefix:"select",clearIcon:je,clearIconFill:He,components:{IndicatorSeparator:()=>null,ClearIndicator:d,Control:x,DropdownIndicator:T,GroupHeading:S,IndicatorsContainer:I,Input:C,LoadingIndicator:g,LoadingMessage:u,Menu:h,MultiValue:z,MultiValueContainer:y,MultiValueLabel:v,MultiValueRemove:F,NoOptionsMessage:P,Option:b,Placeholder:A,SingleValue:_,ValueContainer:w},defaultValue:B||H,dividerDirection:O,dividerFill:De,dividerSize:Be,dropdownFillHover:Oe,dropdownIcon:$e,dropdownIconFill:Ve,dropdownIconShape:Qe,filterOption:$,groupFill:Le,groupTextColor:Ne,groupTextSize:Re,groupTextWeight:We,hideSelectedOptions:V??!1,inputAfter:L,inputBefore:N,inputCaretColor:qe,inputShape:Fo,inputTextColor:ke,inputTextSize:Ge,instanceId:R,loaderAppearance:Xe,loadingMessageText:W,loadingMessageTextColor:Ee,loadingMessageTextSize:Ke,menuAfter:q,menuBefore:k,menuFill:Je,menuIsOpen:G,menuItemSize:X,menuShape:Fo,multipleItemFill:Ue,multipleItemFillHover:Ye,multipleItemIcon:Ze,multipleItemIconFill:eo,multipleItemShapeRadius:oo,multipleItemSize:bo,multipleItemTextColor:ro,multipleItemTextSize:to,multiValueMaxCount:E,noOptionBorder:no&&`border-color_${no}`,noOptionBorderType:ao&&`border_type_${ao}`,noOptionsFill:uo&&`fill_${uo}`,noOptionsSearchText:K,noOptionsText:J,noOptionsTextColor:io,noOptionsTextSize:lo,optionAfter:U,optionBefore:Y,optionBorder:no,optionBorderType:ao,optionFill:uo,optionFillActive:co,optionFillActiveDisabledClass:so,optionFillActiveHover:po,optionFillDisabled:mo,optionFillHover:xo,options:Z,optionSelectedIcon:To,optionSelectedIconFillIcon:So,optionSelectedIconSize:Io,optionSelectedIconSrc:Co,optionShape:Fo,optionTextColor:ho,optionTextColorActive:go,optionTextColorDisabled:fo,optionTextSize:zo,placeholder:ee,placeholderTextColor:yo,placeholderTextSize:vo,showBadge:oe,showDivider:re,styles:fe,value:te,before:ie,after:le,openMenuOnClick:ne,closeMenuOnSelect:ae??!0,isDisabled:ce,isClearable:pe??!1,isLoading:ue,isMulti:me??!1,isSearchable:xe??!1,set:Te,onChange:Se,onInputChange:Ie})});exports.SelectClearIndicator=d,exports.SelectContainer=j,exports.SelectControl=x,exports.SelectDropdownIndicator=T,exports.SelectGroupHeading=S,exports.SelectIndicatorsContainer=I,exports.SelectInput=C,exports.SelectMenu=h,exports.SelectMultiValueContainer=y,exports.SelectMultiValueLabel=v,exports.SelectMultiValueRemove=F,exports.SelectOption=b,exports.SelectPlaceholder=A,exports.SelectSingleValue=_,exports.SelectValueContainer=w,exports.selectConfig=M;

package/dist/SelectContainer_es_CYE4jSv4.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import r,{useRef as t,useEffect as i,useMemo as l}from"react";import a from"clsx";import n,{components as c}from"react-select";import s from"react-select/creatable";import{useAppearanceConfig as p,useDevicePropsGenerator as d}from"@itcase/ui-core/hooks";import{G as u}from"./Group_es_DIuSNHx3.js";import{I as m,T as x,B as T,D as S}from"./primitives_es_BQqNcRQk.js";import{i as I,b as C,a as g,d as f}from"./default_es_OK2akzEP.js";import{L as h}from"./Loader_es_CwVQZ1L0.js";import{mergeAppearanceKeys as z}from"@itcase/ui-core/utils";const y=o=>{const{children:r}=o,{clearIcon:t,clearIconFill:i}=o.selectProps;return e(c.ClearIndicator,{...o,children:t?e(m,{iconFill:i,SvgImage:t}):r})},v=o=>{const{loadingMessageText:r,loadingMessageTextColor:t,loadingMessageTextSize:i}=o.selectProps;return e(u,{textAlign:"center",children:e(x,{size:i,textColor:t,children:r})})},F={requirePrimary:{fill:"warningTertiary",fillHover:"warningTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceHoverSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",headingFill:"surfaceSecondary",headingTextColor:"surfaceTextPrimary",inputBorderColor:"surfaceBorderTertiary",inputBorderColorHover:"surfaceBorderQuaternary",inputCaretColor:"extraPrimary",inputFill:"surfaceDisabled",inputShape:"rounded",inputTextColor:"surfaceTextPrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"surfaceHoverPrimary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillHover:"surfaceSecondary",optionShape:"rounded",optionTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",fillHover:"successTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},...{sizeXL:{size:"xl",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:C.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"s",optionSelectedIcon:C.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:C.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"m",optionSelectedIcon:C.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeM:{size:"m",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",inputTextSize:"m",loadingMessageTextSize:"m",menuItemSize:"l",multipleItemIcon:g.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"m",optionSelectedIcon:g.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"s",menuItemSize:"l",multipleItemIcon:g.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"s",optionSelectedIcon:g.Form.Check,optionTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:C.Action.Clear,dividerSize:"xxs",dropdownIcon:C.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:I.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"},sizeXXS:{size:"xxs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:C.Action.Clear,dividerSize:"xxs",dropdownIcon:C.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:I.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"}},errorPrimary:{fill:"errorTertiary",fillHover:"errorTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},rounded:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedXL:{multipleItemShapeRadius:"1m",shape:"roundedXL"},roundedL:{multipleItemShapeRadius:"1m",shape:"roundedL"},roundedM:{multipleItemShapeRadius:"1m",shape:"roundedM"},roundedS:{multipleItemShapeRadius:"1m",shape:"roundedS"},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none",fillHover:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorHover:"none"}},P=t=>{const{dataTestId:i,dataTour:l,before:n,after:s}=t.selectProps;return o(r.Fragment,{children:[n,e(c.Control,{...t,className:a("select__control"),innerProps:{...t.innerProps,...i&&{"data-testid":i},...l&&{"data-tour":l}}}),s]})},b=o=>{const{children:r}=o,{dropdownFillHover:t,dropdownIcon:i,dropdownIconFill:l,dropdownIconShape:a}=o.selectProps;return e(c.DropdownIndicator,{...o,children:i?e(m,{fillHover:t,iconFill:l,shape:a,SvgImage:i}):r})},A=o=>{const{groupFill:r,groupTextColor:t,groupTextSize:i,groupTextWeight:l}=o.selectProps;return e(c.GroupHeading,{...o,className:a("select__menu-group-heading",r&&`fill_${r}`),children:e(x,{size:i,textColor:t,textWeight:l,children:o.data.label})})},_=r=>{const{badgeAppearance:t,badgeSize:i,badgeTextSize:l,showBadge:a,value:n}=r.selectProps;return o(c.IndicatorsContainer,{...r,children:[a&&n&&n?.length>0?e(T,{appearance:t,size:i,textSize:l,value:n.length.toString()}):null,r.children]})},w=o=>{const{inputCaretColor:r,inputTextColor:t,inputTextSize:i}=o.selectProps;return e(c.Input,{...o,className:a(i&&`text_size_${i}`,t&&`text-color_${t}`,r&&`caret-color_${r}`)})},M=o=>{const{loaderAppearance:r,isLoading:t}=o.selectProps;return t&&e(h,{appearance:r})},H=t=>{const{elevation:i,menuAfter:l,menuBefore:n,menuFill:s,menuShape:p}=t.selectProps;return o(c.Menu,{...t,className:a(s&&`fill_${s}`,p&&`shape_${p}`,i&&`elevation_${i}`),children:[n,t.selectProps.fetchingData?e("span",{className:"fetching",children:"Fetching data..."}):e(r.Fragment,{children:t.children}),l]})},D=o=>{const{badgeAppearance:r,badgeAppearanceSize:t,overflowItemsList:i}=o,l=`+${i.length}`;return e(T,{appearance:z(r,t),className:"select__multi-value-badge",value:l})},B=o=>{const{index:r,selectProps:t,getValue:i}=o,l=t.multiValueMaxCount||100,a=i().slice(l).map(e=>e.label);return r<l?e(c.MultiValue,{...o}):r===l?e(D,{badgeAppearance:t.badgeAppearance,badgeAppearanceSize:t.badgeAppearanceSize,overflowItemsList:a}):null},O=o=>{const{multipleItemFill:r,multipleItemFillHover:t,multipleItemShapeRadius:i}=o.selectProps;return e(c.MultiValueContainer,{...o,children:e(u,{className:a("select__multi-value-item"),direction:"horizontal",alignItems:"center",fill:r,fillHover:t,borderRadius:i,gap:"0.5m",children:o.children})})},$=o=>{const{multipleItemTextColor:r,multipleItemTextSize:t}=o.selectProps;return e(c.MultiValueLabel,{...o,children:o.data&&e(x,{size:t,textColor:r,children:o.data.label})})},Q=o=>{const{multipleItemIcon:r,multipleItemIconFill:t}=o.selectProps;return e(c.MultiValueRemove,{...o,children:e(m,{iconFill:t,SvgImage:r})})},V=o=>{const{inputValue:r,noOptionsSearchText:t,noOptionsText:i,noOptionsTextColor:l,noOptionsTextSize:n,optionFill:s}=o.selectProps;return e(c.NoOptionsMessage,{...o,className:a(s&&`fill_${s}`),children:e(u,{textAlign:"center",children:e(x,{size:n,textColor:l,children:r&&t?t:i})})})},L=r=>{const{label:t,isSelected:i}=r,{dividerDirection:l,dividerFill:n,dividerSize:s,menuItemSize:p,optionAfter:d,optionBefore:u,optionBorder:T,optionBorderType:I,optionFill:C,optionFillActive:g,optionFillActiveDisabled:f,optionFillActiveHover:h,optionFillDisabled:z,optionFillHover:y,optionSelectedIcon:v,optionSelectedIconFillIcon:F,optionSelectedIconSize:P,optionSelectedIconSrc:b,optionShape:A,optionTextColor:_,optionTextColorActive:w,optionTextColorDisabled:M,optionTextSize:H,showDivider:D}=r.selectProps;return o(c.Option,{...r,className:a("select__menu-list-item",i||r.isSelected?r.isDisabled?f&&`fill_active_disabled_${f}`:g&&`fill_active_${g}`:r.isDisabled?z&&`fill_${z}`:C&&`fill_${C}`,(i||r.isSelected)&&!r.isDisabled&&h&&`fill_active_hover_${h}`,!i&&!r.isSelected&&!r.isDisabled&&y&&`fill_hover_${y}`,i&&"select__menu-list-item_state_selected",p&&`select__menu-list-item_size_${p}`,T&&`border-color_${T}`,I&&`border_type_${I}`,A&&`shape_${A}`),children:[u,e(x,{className:"select__menu-list-item_option",size:H,textColor:_,textColorActive:w,textColorDisabled:M,isActive:r.isSelected||i,isDisabled:r.isDisabled,children:t}),(i||r.isSelected)&&e("div",{className:"select__menu-list-item_selected",children:e(m,{iconFill:F,iconSize:P,imageSrc:b,SvgImage:v})}),d,D&&e(S,{width:"fill",direction:l,size:s,fill:n})]})},N=o=>{const{dataTestId:r,placeholderTextColor:t,placeholderTextSize:i}=o.selectProps;return e(c.Placeholder,{...o,innerProps:{...o.innerProps,...r&&{"data-testid":`${r}Placeholder`}},children:e(x,{size:i,textColor:t,children:o.children})})},W=r=>{const{data:t,children:i}=r,{dataTestId:l,inputTextColor:a,inputTextSize:n}=r.selectProps,s=t.optionBefore,p=t.optionBefore;return o(c.SingleValue,{...r,innerProps:{...r.innerProps,...l&&{"data-testid":`${l}Value`}},children:[t&&s,e(x,{size:n,textColor:a,textTruncate:!0,children:i}),t&&p]})},R=e=>{const{inputAfter:r,inputBefore:t}=e.selectProps;return o(c.ValueContainer,{...e,children:[t,e.children,r]})},k={appearance:F,setAppearance:e=>{k.appearance=e}},j=r.forwardRef(function(o,r){const{appearance:c="",className:u,dataTestId:m,dataTour:x,width:T,minWidth:S,initialValue:I,badgeSize:C,defaultValue:g,dividerDirection:f,filterOption:h,hideSelectedOptions:z,hideValueContainer:F,inputAfter:D,inputBefore:j,instanceId:X,loadingMessageText:G,menuAfter:E,menuBefore:q,menuIsOpen:J,menuItemSize:K,multiValueMaxCount:U,noOptionsSearchText:Y,noOptionsText:Z,optionAfter:ee,optionBefore:oe,options:re,placeholder:te,showBadge:ie,showDivider:le,value:ae,before:ne,after:ce,openMenuOnClick:se,closeMenuOnSelect:pe,isDisabled:de,isSkeleton:ue,isClearable:me,isCreatable:xe,isLoading:Te,isMulti:Se,isSearchable:Ie,set:Ce,onChange:ge,onInputChange:fe}=o,he=t(null),ze=r||he,ye=xe?s:n;i(()=>{const e=e=>{const o=e.target,r=o&&o.classList.contains("select_state_hide-value-container");if("current"in ze&&ze.current&&ze.current.controlRef){const t=ze.current.controlRef.contains(o);r||t||ze.current?.onInputBlur(e)}};return F&&document.addEventListener("click",e),()=>{F&&document.removeEventListener("click",e)}},[F,ze]);const ve=l(()=>new Proxy({container:{width:T,minWidth:S}},{get:(e,o)=>o in e?()=>e[o]:()=>{}}),[S,T]),Fe=p(c,k,de),Pe=d(o,Fe),{fillClass:be,fillHoverClass:Ae,borderColorClass:_e,borderColorHoverClass:we,elevation:Me,badgeAppearance:He,badgeAppearanceSize:De,badgeTextSize:Be,clearIcon:Oe,clearIconFill:$e,dividerFill:Qe,dividerSize:Ve,dropdownFillHover:Le,dropdownIcon:Ne,dropdownIconFill:We,dropdownIconShape:Re,groupFillClass:ke,groupTextColorClass:je,groupTextSizeClass:Xe,groupTextWeightClass:Ge,inputCaretColorClass:Ee,inputTextColorClass:qe,inputTextSizeClass:Je,loaderAppearance:Ke,loadingMessageTextColor:Ue,loadingMessageTextSize:Ye,menuFillClass:Ze,multipleItemFill:eo,multipleItemFillHover:oo,multipleItemIcon:ro,multipleItemIconFill:to,multipleItemShapeRadius:io,multipleItemTextColorClass:lo,multipleItemTextSizeClass:ao,noOptionsTextColorClass:no,noOptionsTextSizeClass:co,optionBorderClass:so,optionBorderTypeClass:po,optionFillActiveClass:uo,optionFillActiveDisabledClass:mo,optionFillActiveHoverClass:xo,optionFillClass:To,optionFillDisabledClass:So,optionFillHoverClass:Io,optionSelectedIcon:Co,optionSelectedIconFillIcon:go,optionSelectedIconSize:fo,optionSelectedIconSrc:ho,optionTextColorActiveClass:zo,optionTextColorClass:yo,optionTextColorDisabled:vo,optionTextSizeClass:Fo,placeholderTextColor:Po,placeholderTextSize:bo,shape:Ao,shapeClass:_o,sizeClass:wo,widthClass:Mo}=Pe;return e(ye,{className:a(u,"select",Se&&"select_multi",_o&&`shape_${_o}`,be&&`fill_${be}`,Ae&&`fill_hover_${Ae}`,_e&&`border-color_${_e}`,we&&`border-color_hover_${we}`,wo&&`select_size_${wo}`,F&&"select_state_hide-value-container",Ce&&`select_set_${Ce}`,Mo&&`select_width_${Mo}`,ue&&"skeleton"),dataTestId:m,dataTour:x,ref:ze,elevation:Me,badgeAppearance:He,badgeAppearanceSize:De,badgeSize:C,badgeTextSize:Be,classNamePrefix:"select",clearIcon:Oe,clearIconFill:$e,components:{IndicatorSeparator:()=>null,ClearIndicator:y,Control:P,DropdownIndicator:b,GroupHeading:A,IndicatorsContainer:_,Input:w,LoadingIndicator:M,LoadingMessage:v,Menu:H,MultiValue:B,MultiValueContainer:O,MultiValueLabel:$,MultiValueRemove:Q,NoOptionsMessage:V,Option:L,Placeholder:N,SingleValue:W,ValueContainer:R},defaultValue:g||I,dividerDirection:f,dividerFill:Qe,dividerSize:Ve,dropdownFillHover:Le,dropdownIcon:Ne,dropdownIconFill:We,dropdownIconShape:Re,filterOption:h,groupFill:ke,groupTextColor:je,groupTextSize:Xe,groupTextWeight:Ge,hideSelectedOptions:z??!1,inputAfter:D,inputBefore:j,inputCaretColor:Ee,inputShape:Ao,inputTextColor:qe,inputTextSize:Je,instanceId:X,loaderAppearance:Ke,loadingMessageText:G,loadingMessageTextColor:Ue,loadingMessageTextSize:Ye,menuAfter:E,menuBefore:q,menuFill:Ze,menuIsOpen:J,menuItemSize:K,menuShape:Ao,multipleItemFill:eo,multipleItemFillHover:oo,multipleItemIcon:ro,multipleItemIconFill:to,multipleItemShapeRadius:io,multipleItemSize:wo,multipleItemTextColor:lo,multipleItemTextSize:ao,multiValueMaxCount:U,noOptionBorder:so&&`border-color_${so}`,noOptionBorderType:po&&`border_type_${po}`,noOptionsFill:To&&`fill_${To}`,noOptionsSearchText:Y,noOptionsText:Z,noOptionsTextColor:no,noOptionsTextSize:co,optionAfter:ee,optionBefore:oe,optionBorder:so,optionBorderType:po,optionFill:To,optionFillActive:uo,optionFillActiveDisabledClass:mo,optionFillActiveHover:xo,optionFillDisabled:So,optionFillHover:Io,options:re,optionSelectedIcon:Co,optionSelectedIconFillIcon:go,optionSelectedIconSize:fo,optionSelectedIconSrc:ho,optionShape:Ao,optionTextColor:yo,optionTextColorActive:zo,optionTextColorDisabled:vo,optionTextSize:Fo,placeholder:te,placeholderTextColor:Po,placeholderTextSize:bo,showBadge:ie,showDivider:le,styles:ve,value:ae,before:ne,after:ce,openMenuOnClick:se,closeMenuOnSelect:pe??!0,isDisabled:de,isClearable:me??!1,isLoading:Te,isMulti:Se??!1,isSearchable:Ie??!1,set:Ce,onChange:ge,onInputChange:fe})});export{y as S,j as a,P as b,b as c,A as d,_ as e,w as f,H as g,O as h,$ as i,Q as j,L as k,N as l,W as m,R as n,k as s};

package/dist/cjs/components/DatePeriod.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("react"),r=require("clsx"),i=require("luxon"),s=require("@itcase/common"),t=require("@itcase/ui-core/hooks"),c=require("@itcase/ui-core/utils"),p=require("../../ChipsGroup_cjs_BfWpClti.js"),d=require("../../DatePicker_cjs_DTu0OjWW.js");require("react-select"),require("../../primitives_cjs_ocTnUpml.js");var n=require("../../SelectContainer_cjs_BxwAS8PG.js");require("../../Group_cjs_CiLUYKP7.js"),require("date-fns/locale"),require("react-datepicker"),require("../../Button_cjs_BxWdQPXX.js"),require("../../Loader_cjs_nwF8h8Ku.js"),require("axios"),require("../../Input_cjs_D9PxC_lJ.js"),require("../../default_cjs_BMdcKzhJ.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("react-select/creatable");const o={surfacePrimary:{fill:"surfacePrimary",chipsAppearance:"surfacePrimary sizeM ghost rounded",datePickerAppearance:"surfacePrimary sizeM solid rounded",datePickerInputAppearance:"defaultPrimary sizeM solid rounded",selectAppearance:"defaultPrimary sizeM solid rounded"},surfaceSecondary:{fill:"surfaceSecondary",chipsAppearance:"surfacePrimary sizeM ghost rounded",datePickerAppearance:"surfacePrimary sizeM solid rounded",datePickerInputAppearance:"defaultPrimary sizeM solid rounded",selectAppearance:"defaultPrimary sizeM solid rounded"},sizeL:{size:"l",chipsAppearanceSize:"sizeXL",datePickerAppearanceSize:"sizeL",datePickerInputAppearanceSize:"sizeL",selectAppearanceSize:"sizeL"},sizeM:{size:"m",chipsAppearanceSize:"sizeL",datePickerAppearanceSize:"sizeM",datePickerInputAppearanceSize:"sizeM",selectAppearanceSize:"sizeM"},sizeS:{size:"s",chipsAppearanceSize:"sizeM",datePickerAppearanceSize:"sizeS",datePickerInputAppearanceSize:"sizeS",selectAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{chipsShape:"rounded",selectShape:"rounded",shape:"rounded"},roundedXL:{chipsShape:"roundedXL",selectShape:"roundedXL",shape:"roundedXL"},roundedL:{chipsShape:"roundedL",selectShape:"roundedL",shape:"roundedL"},roundedM:{chipsShape:"roundedM",selectShape:"roundedM",shape:"roundedM"},roundedS:{chipsShape:"roundedS",selectShape:"roundedS",shape:"roundedS"}},l={appearance:o,setAppearance:e=>{l.appearance=e}};exports.DatePeriod=function(o){const{appearance:u,className:h,dataTestId:S,dataTour:P,datePeriodIntervalsList:z=Object.values(s.DATE_PERIOD_INTERVALS),datePeriodSelectFirstOptions:m,datePeriodSelectFirstPlaceholder:_,datePeriodSelectFirstValue:A,datePeriodSelectSecondOptions:k,datePeriodSelectSecondPlaceholder:j,datePeriodSelectSecondValue:f,datePeriodValueEnd:q,datePeriodValueStart:y,monthsShown:D,popperPlacement:C,selectsRange:I=!0,showWeekNumbers:L=!0,isDisabled:v,isSkeleton:x,onChangeDatePeriod:g,onChangeDatePeriodFirstSelect:M,onChangeDatePeriodSecondSelect:b,onKeyDown:w}=o,N=t.useAppearanceConfig(u,l,v),K=t.useDevicePropsGenerator(o,N),{fillClass:T,chipsAppearance:F,chipsAppearanceSize:O,chipsShape:V,datePickerAppearance:X,datePickerAppearanceSize:E,datePickerInputAppearance:G,datePickerInputAppearanceSize:R,datePickerInputFillHover:W,datePickerInputTextSize:$,selectAppearance:H,selectAppearanceSize:J,selectShape:B,shapeClass:Q,sizeClass:U}=K,Y=a.useCallback(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];g?.(new Date(a),new Date(r))},[g]),Z=a.useCallback(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];let s=null,t=null;return y&&(s=i.DateTime.fromJSDate(new Date(y)).toISODate()),q&&(t=i.DateTime.fromJSDate(new Date(q)).toISODate()),a===s&&r===t},[q,y]);return e.jsxs("div",{className:r(h,"date-period",U&&`date-period_size_${U}`,x&&"skeleton"),"data-testid":S,"data-tour":P,children:[e.jsxs("div",{className:r("date-period__wrapper",Q&&`shape_${Q}`,T&&`fill_${T}`,"cursor_type_pointer"),children:[e.jsx(p.ChipsGroup,{className:"date-period__choice",direction:"horizontal",children:z.map(a=>e.jsx(p.Chips,{appearance:c.mergeAppearanceKeys(F,O),label:a.label,shape:V,isActive:Z(a),onClick:()=>Y(a)},a.value))}),e.jsx(d.DatePickerInput,{className:"date-period__datepicker",datePickerProps:{appearance:c.mergeAppearanceKeys(X,E),dateFormat:"dd/MM/yyyy",monthsShown:D,popperPlacement:C,selectsRange:I,showWeekNumbers:L,isClearable:!1,onKeyDown:w},endValue:q,inputProps:{appearance:c.mergeAppearanceKeys(G,R,"ghost"),className:`date-period__datepicker-input date-period__datepicker-input_size_${U} `,fillHover:W,textSize:$,placeholder:"Выбрать период"},value:y,onChange:g})]}),m&&e.jsx(n.SelectContainer,{appearance:c.mergeAppearanceKeys(H,J),className:"date-period__select",width:"180px",minWidth:"180px",options:m,placeholder:_,shape:B,value:A,isSearchable:!0,onChange:M}),k&&e.jsx(n.SelectContainer,{appearance:c.mergeAppearanceKeys(H,J),className:"date-period__select",width:"180px",minWidth:"180px",options:k,placeholder:j,shape:B,value:f,isSearchable:!0,onChange:b})]})},exports.datePeriodAppearance=o,exports.datePeriodConfig=l;
+"use strict";var e=require("react/jsx-runtime"),a=require("react"),r=require("clsx"),i=require("luxon"),s=require("@itcase/common"),t=require("@itcase/ui-core/hooks"),c=require("@itcase/ui-core/utils"),p=require("../../ChipsGroup_cjs_BfWpClti.js"),d=require("../../DatePicker_cjs_DTu0OjWW.js");require("react-select"),require("../../primitives_cjs_ocTnUpml.js");var n=require("../../SelectContainer_cjs_DYDy_jPD.js");require("../../Group_cjs_CiLUYKP7.js"),require("date-fns/locale"),require("react-datepicker"),require("../../Button_cjs_BxWdQPXX.js"),require("../../Loader_cjs_nwF8h8Ku.js"),require("axios"),require("../../Input_cjs_D9PxC_lJ.js"),require("../../default_cjs_BMdcKzhJ.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("react-select/creatable");const o={surfacePrimary:{fill:"surfacePrimary",chipsAppearance:"surfacePrimary sizeM ghost rounded",datePickerAppearance:"surfacePrimary sizeM solid rounded",datePickerInputAppearance:"defaultPrimary sizeM solid rounded",selectAppearance:"defaultPrimary sizeM solid rounded"},surfaceSecondary:{fill:"surfaceSecondary",chipsAppearance:"surfacePrimary sizeM ghost rounded",datePickerAppearance:"surfacePrimary sizeM solid rounded",datePickerInputAppearance:"defaultPrimary sizeM solid rounded",selectAppearance:"defaultPrimary sizeM solid rounded"},sizeL:{size:"l",chipsAppearanceSize:"sizeXL",datePickerAppearanceSize:"sizeL",datePickerInputAppearanceSize:"sizeL",selectAppearanceSize:"sizeL"},sizeM:{size:"m",chipsAppearanceSize:"sizeL",datePickerAppearanceSize:"sizeM",datePickerInputAppearanceSize:"sizeM",selectAppearanceSize:"sizeM"},sizeS:{size:"s",chipsAppearanceSize:"sizeM",datePickerAppearanceSize:"sizeS",datePickerInputAppearanceSize:"sizeS",selectAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{chipsShape:"rounded",selectShape:"rounded",shape:"rounded"},roundedXL:{chipsShape:"roundedXL",selectShape:"roundedXL",shape:"roundedXL"},roundedL:{chipsShape:"roundedL",selectShape:"roundedL",shape:"roundedL"},roundedM:{chipsShape:"roundedM",selectShape:"roundedM",shape:"roundedM"},roundedS:{chipsShape:"roundedS",selectShape:"roundedS",shape:"roundedS"}},l={appearance:o,setAppearance:e=>{l.appearance=e}};exports.DatePeriod=function(o){const{appearance:u,className:h,dataTestId:S,dataTour:P,datePeriodIntervalsList:z=Object.values(s.DATE_PERIOD_INTERVALS),datePeriodSelectFirstOptions:m,datePeriodSelectFirstPlaceholder:_,datePeriodSelectFirstValue:A,datePeriodSelectSecondOptions:k,datePeriodSelectSecondPlaceholder:j,datePeriodSelectSecondValue:f,datePeriodValueEnd:q,datePeriodValueStart:y,monthsShown:D,popperPlacement:C,selectsRange:I=!0,showWeekNumbers:L=!0,isDisabled:v,isSkeleton:x,onChangeDatePeriod:g,onChangeDatePeriodFirstSelect:M,onChangeDatePeriodSecondSelect:b,onKeyDown:w}=o,N=t.useAppearanceConfig(u,l,v),K=t.useDevicePropsGenerator(o,N),{fillClass:T,chipsAppearance:F,chipsAppearanceSize:O,chipsShape:V,datePickerAppearance:X,datePickerAppearanceSize:E,datePickerInputAppearance:G,datePickerInputAppearanceSize:R,datePickerInputFillHover:W,datePickerInputTextSize:$,selectAppearance:H,selectAppearanceSize:J,selectShape:B,shapeClass:Q,sizeClass:U}=K,Y=a.useCallback(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];g?.(new Date(a),new Date(r))},[g]),Z=a.useCallback(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];let s=null,t=null;return y&&(s=i.DateTime.fromJSDate(new Date(y)).toISODate()),q&&(t=i.DateTime.fromJSDate(new Date(q)).toISODate()),a===s&&r===t},[q,y]);return e.jsxs("div",{className:r(h,"date-period",U&&`date-period_size_${U}`,x&&"skeleton"),"data-testid":S,"data-tour":P,children:[e.jsxs("div",{className:r("date-period__wrapper",Q&&`shape_${Q}`,T&&`fill_${T}`,"cursor_type_pointer"),children:[e.jsx(p.ChipsGroup,{className:"date-period__choice",direction:"horizontal",children:z.map(a=>e.jsx(p.Chips,{appearance:c.mergeAppearanceKeys(F,O),label:a.label,shape:V,isActive:Z(a),onClick:()=>Y(a)},a.value))}),e.jsx(d.DatePickerInput,{className:"date-period__datepicker",datePickerProps:{appearance:c.mergeAppearanceKeys(X,E),dateFormat:"dd/MM/yyyy",monthsShown:D,popperPlacement:C,selectsRange:I,showWeekNumbers:L,isClearable:!1,onKeyDown:w},endValue:q,inputProps:{appearance:c.mergeAppearanceKeys(G,R,"ghost"),className:`date-period__datepicker-input date-period__datepicker-input_size_${U} `,fillHover:W,textSize:$,placeholder:"Выбрать период"},value:y,onChange:g})]}),m&&e.jsx(n.SelectContainer,{appearance:c.mergeAppearanceKeys(H,J),className:"date-period__select",width:"180px",minWidth:"180px",options:m,placeholder:_,shape:B,value:A,isSearchable:!0,onChange:M}),k&&e.jsx(n.SelectContainer,{appearance:c.mergeAppearanceKeys(H,J),className:"date-period__select",width:"180px",minWidth:"180px",options:k,placeholder:j,shape:B,value:f,isSearchable:!0,onChange:b})]})},exports.datePeriodAppearance=o,exports.datePeriodConfig=l;

package/dist/cjs/components/Select.js

@@ -1 +1 @@
-"use strict";var e=require("../../SelectContainer_cjs_BxwAS8PG.js");require("react/jsx-runtime"),require("react"),require("clsx"),require("react-select"),require("react-select/creatable"),require("@itcase/ui-core/hooks"),require("../../Group_cjs_CiLUYKP7.js"),require("../../primitives_cjs_ocTnUpml.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils"),require("../../default_cjs_BMdcKzhJ.js"),require("../../Loader_cjs_nwF8h8Ku.js"),exports.Select=e.SelectContainer,exports.SelectClearIndicator=e.SelectClearIndicator,exports.SelectControl=e.SelectControl,exports.SelectDropdownIndicator=e.SelectDropdownIndicator,exports.SelectGroupHeading=e.SelectGroupHeading,exports.SelectIndicatorsContainer=e.SelectIndicatorsContainer,exports.SelectInput=e.SelectInput,exports.SelectMenu=e.SelectMenu,exports.SelectMultiValueContainer=e.SelectMultiValueContainer,exports.SelectMultiValueLabel=e.SelectMultiValueLabel,exports.SelectMultiValueRemove=e.SelectMultiValueRemove,exports.SelectOption=e.SelectOption,exports.SelectPlaceholder=e.SelectPlaceholder,exports.SelectSingleValue=e.SelectSingleValue,exports.SelectValueContainer=e.SelectValueContainer,exports.selectConfig=e.selectConfig;
+"use strict";var e=require("../../SelectContainer_cjs_DYDy_jPD.js");require("react/jsx-runtime"),require("react"),require("clsx"),require("react-select"),require("react-select/creatable"),require("@itcase/ui-core/hooks"),require("../../Group_cjs_CiLUYKP7.js"),require("../../primitives_cjs_ocTnUpml.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils"),require("../../default_cjs_BMdcKzhJ.js"),require("../../Loader_cjs_nwF8h8Ku.js"),exports.Select=e.SelectContainer,exports.SelectClearIndicator=e.SelectClearIndicator,exports.SelectControl=e.SelectControl,exports.SelectDropdownIndicator=e.SelectDropdownIndicator,exports.SelectGroupHeading=e.SelectGroupHeading,exports.SelectIndicatorsContainer=e.SelectIndicatorsContainer,exports.SelectInput=e.SelectInput,exports.SelectMenu=e.SelectMenu,exports.SelectMultiValueContainer=e.SelectMultiValueContainer,exports.SelectMultiValueLabel=e.SelectMultiValueLabel,exports.SelectMultiValueRemove=e.SelectMultiValueRemove,exports.SelectOption=e.SelectOption,exports.SelectPlaceholder=e.SelectPlaceholder,exports.SelectSingleValue=e.SelectSingleValue,exports.SelectValueContainer=e.SelectValueContainer,exports.selectConfig=e.selectConfig;

package/dist/components/DatePeriod.js

@@ -1 +1 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useCallback as r}from"react";import i from"clsx";import{DateTime as t}from"luxon";import{DATE_PERIOD_INTERVALS as s}from"@itcase/common";import{useAppearanceConfig as p,useDevicePropsGenerator as o}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as c}from"@itcase/ui-core/utils";import{a as d,C as n}from"../ChipsGroup_es_CrKRN7eQ.js";import{D as l}from"../DatePicker_es_CrRe6OmD.js";import"react-select";import"../primitives_es_BQqNcRQk.js";import{a as u}from"../SelectContainer_es_Dtoz7GhG.js";import"../Group_es_DIuSNHx3.js";import"date-fns/locale";import"react-datepicker";import"../Button_es_CRMaMLMS.js";import"../Loader_es_CwVQZ1L0.js";import"axios";import"../Input_es_DabuPYuA.js";import"../default_es_OK2akzEP.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"react-select/creatable";const h={surfacePrimary:{fill:"surfacePrimary",chipsAppearance:"surfacePrimary sizeM ghost rounded",datePickerAppearance:"surfacePrimary sizeM solid rounded",datePickerInputAppearance:"defaultPrimary sizeM solid rounded",selectAppearance:"defaultPrimary sizeM solid rounded"},surfaceSecondary:{fill:"surfaceSecondary",chipsAppearance:"surfacePrimary sizeM ghost rounded",datePickerAppearance:"surfacePrimary sizeM solid rounded",datePickerInputAppearance:"defaultPrimary sizeM solid rounded",selectAppearance:"defaultPrimary sizeM solid rounded"},sizeL:{size:"l",chipsAppearanceSize:"sizeXL",datePickerAppearanceSize:"sizeL",datePickerInputAppearanceSize:"sizeL",selectAppearanceSize:"sizeL"},sizeM:{size:"m",chipsAppearanceSize:"sizeL",datePickerAppearanceSize:"sizeM",datePickerInputAppearanceSize:"sizeM",selectAppearanceSize:"sizeM"},sizeS:{size:"s",chipsAppearanceSize:"sizeM",datePickerAppearanceSize:"sizeS",datePickerInputAppearanceSize:"sizeS",selectAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{chipsShape:"rounded",selectShape:"rounded",shape:"rounded"},roundedXL:{chipsShape:"roundedXL",selectShape:"roundedXL",shape:"roundedXL"},roundedL:{chipsShape:"roundedL",selectShape:"roundedL",shape:"roundedL"},roundedM:{chipsShape:"roundedM",selectShape:"roundedM",shape:"roundedM"},roundedS:{chipsShape:"roundedS",selectShape:"roundedS",shape:"roundedS"}},m={appearance:h,setAppearance:e=>{m.appearance=e}};function S(h){const{appearance:S,className:z,dataTestId:P,dataTour:_,datePeriodIntervalsList:f=Object.values(s),datePeriodSelectFirstOptions:A,datePeriodSelectFirstPlaceholder:k,datePeriodSelectFirstValue:L,datePeriodSelectSecondOptions:y,datePeriodSelectSecondPlaceholder:M,datePeriodSelectSecondValue:I,datePeriodValueEnd:v,datePeriodValueStart:D,monthsShown:C,popperPlacement:w,selectsRange:g=!0,showWeekNumbers:b=!0,isDisabled:j,isSkeleton:x,onChangeDatePeriod:N,onChangeDatePeriodFirstSelect:F,onChangeDatePeriodSecondSelect:O,onKeyDown:V}=h,X=p(S,m,j),W=o(h,X),{fillClass:$,chipsAppearance:T,chipsAppearanceSize:G,chipsShape:H,datePickerAppearance:J,datePickerAppearanceSize:K,datePickerInputAppearance:R,datePickerInputAppearanceSize:B,datePickerInputFillHover:E,datePickerInputTextSize:q,selectAppearance:Q,selectAppearanceSize:U,selectShape:Y,shapeClass:Z,sizeClass:ee}=W,ae=r(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];N?.(new Date(a),new Date(r))},[N]),re=r(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];let i=null,s=null;return D&&(i=t.fromJSDate(new Date(D)).toISODate()),v&&(s=t.fromJSDate(new Date(v)).toISODate()),a===i&&r===s},[v,D]);return e("div",{className:i(z,"date-period",ee&&`date-period_size_${ee}`,x&&"skeleton"),"data-testid":P,"data-tour":_,children:[e("div",{className:i("date-period__wrapper",Z&&`shape_${Z}`,$&&`fill_${$}`,"cursor_type_pointer"),children:[a(d,{className:"date-period__choice",direction:"horizontal",children:f.map(e=>a(n,{appearance:c(T,G),label:e.label,shape:H,isActive:re(e),onClick:()=>ae(e)},e.value))}),a(l,{className:"date-period__datepicker",datePickerProps:{appearance:c(J,K),dateFormat:"dd/MM/yyyy",monthsShown:C,popperPlacement:w,selectsRange:g,showWeekNumbers:b,isClearable:!1,onKeyDown:V},endValue:v,inputProps:{appearance:c(R,B,"ghost"),className:`date-period__datepicker-input date-period__datepicker-input_size_${ee} `,fillHover:E,textSize:q,placeholder:"Выбрать период"},value:D,onChange:N})]}),A&&a(u,{appearance:c(Q,U),className:"date-period__select",width:"180px",minWidth:"180px",options:A,placeholder:k,shape:Y,value:L,isSearchable:!0,onChange:F}),y&&a(u,{appearance:c(Q,U),className:"date-period__select",width:"180px",minWidth:"180px",options:y,placeholder:M,shape:Y,value:I,isSearchable:!0,onChange:O})]})}export{S as DatePeriod,h as datePeriodAppearance,m as datePeriodConfig};
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useCallback as r}from"react";import i from"clsx";import{DateTime as t}from"luxon";import{DATE_PERIOD_INTERVALS as s}from"@itcase/common";import{useAppearanceConfig as p,useDevicePropsGenerator as o}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as c}from"@itcase/ui-core/utils";import{a as d,C as n}from"../ChipsGroup_es_CrKRN7eQ.js";import{D as l}from"../DatePicker_es_CrRe6OmD.js";import"react-select";import"../primitives_es_BQqNcRQk.js";import{a as u}from"../SelectContainer_es_CYE4jSv4.js";import"../Group_es_DIuSNHx3.js";import"date-fns/locale";import"react-datepicker";import"../Button_es_CRMaMLMS.js";import"../Loader_es_CwVQZ1L0.js";import"axios";import"../Input_es_DabuPYuA.js";import"../default_es_OK2akzEP.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"react-select/creatable";const h={surfacePrimary:{fill:"surfacePrimary",chipsAppearance:"surfacePrimary sizeM ghost rounded",datePickerAppearance:"surfacePrimary sizeM solid rounded",datePickerInputAppearance:"defaultPrimary sizeM solid rounded",selectAppearance:"defaultPrimary sizeM solid rounded"},surfaceSecondary:{fill:"surfaceSecondary",chipsAppearance:"surfacePrimary sizeM ghost rounded",datePickerAppearance:"surfacePrimary sizeM solid rounded",datePickerInputAppearance:"defaultPrimary sizeM solid rounded",selectAppearance:"defaultPrimary sizeM solid rounded"},sizeL:{size:"l",chipsAppearanceSize:"sizeXL",datePickerAppearanceSize:"sizeL",datePickerInputAppearanceSize:"sizeL",selectAppearanceSize:"sizeL"},sizeM:{size:"m",chipsAppearanceSize:"sizeL",datePickerAppearanceSize:"sizeM",datePickerInputAppearanceSize:"sizeM",selectAppearanceSize:"sizeM"},sizeS:{size:"s",chipsAppearanceSize:"sizeM",datePickerAppearanceSize:"sizeS",datePickerInputAppearanceSize:"sizeS",selectAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{chipsShape:"rounded",selectShape:"rounded",shape:"rounded"},roundedXL:{chipsShape:"roundedXL",selectShape:"roundedXL",shape:"roundedXL"},roundedL:{chipsShape:"roundedL",selectShape:"roundedL",shape:"roundedL"},roundedM:{chipsShape:"roundedM",selectShape:"roundedM",shape:"roundedM"},roundedS:{chipsShape:"roundedS",selectShape:"roundedS",shape:"roundedS"}},m={appearance:h,setAppearance:e=>{m.appearance=e}};function S(h){const{appearance:S,className:z,dataTestId:P,dataTour:_,datePeriodIntervalsList:f=Object.values(s),datePeriodSelectFirstOptions:A,datePeriodSelectFirstPlaceholder:k,datePeriodSelectFirstValue:L,datePeriodSelectSecondOptions:y,datePeriodSelectSecondPlaceholder:M,datePeriodSelectSecondValue:I,datePeriodValueEnd:v,datePeriodValueStart:D,monthsShown:C,popperPlacement:w,selectsRange:g=!0,showWeekNumbers:b=!0,isDisabled:j,isSkeleton:x,onChangeDatePeriod:N,onChangeDatePeriodFirstSelect:F,onChangeDatePeriodSecondSelect:O,onKeyDown:V}=h,X=p(S,m,j),W=o(h,X),{fillClass:$,chipsAppearance:T,chipsAppearanceSize:G,chipsShape:H,datePickerAppearance:J,datePickerAppearanceSize:K,datePickerInputAppearance:R,datePickerInputAppearanceSize:B,datePickerInputFillHover:E,datePickerInputTextSize:q,selectAppearance:Q,selectAppearanceSize:U,selectShape:Y,shapeClass:Z,sizeClass:ee}=W,ae=r(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];N?.(new Date(a),new Date(r))},[N]),re=r(e=>{const a=e.dateIntervalsList[0],r=e.dateIntervalsList[1];let i=null,s=null;return D&&(i=t.fromJSDate(new Date(D)).toISODate()),v&&(s=t.fromJSDate(new Date(v)).toISODate()),a===i&&r===s},[v,D]);return e("div",{className:i(z,"date-period",ee&&`date-period_size_${ee}`,x&&"skeleton"),"data-testid":P,"data-tour":_,children:[e("div",{className:i("date-period__wrapper",Z&&`shape_${Z}`,$&&`fill_${$}`,"cursor_type_pointer"),children:[a(d,{className:"date-period__choice",direction:"horizontal",children:f.map(e=>a(n,{appearance:c(T,G),label:e.label,shape:H,isActive:re(e),onClick:()=>ae(e)},e.value))}),a(l,{className:"date-period__datepicker",datePickerProps:{appearance:c(J,K),dateFormat:"dd/MM/yyyy",monthsShown:C,popperPlacement:w,selectsRange:g,showWeekNumbers:b,isClearable:!1,onKeyDown:V},endValue:v,inputProps:{appearance:c(R,B,"ghost"),className:`date-period__datepicker-input date-period__datepicker-input_size_${ee} `,fillHover:E,textSize:q,placeholder:"Выбрать период"},value:D,onChange:N})]}),A&&a(u,{appearance:c(Q,U),className:"date-period__select",width:"180px",minWidth:"180px",options:A,placeholder:k,shape:Y,value:L,isSearchable:!0,onChange:F}),y&&a(u,{appearance:c(Q,U),className:"date-period__select",width:"180px",minWidth:"180px",options:y,placeholder:M,shape:Y,value:I,isSearchable:!0,onChange:O})]})}export{S as DatePeriod,h as datePeriodAppearance,m as datePeriodConfig};

package/dist/components/Select.js

@@ -1 +1 @@
-export{a as Select,S as SelectClearIndicator,b as SelectControl,c as SelectDropdownIndicator,d as SelectGroupHeading,e as SelectIndicatorsContainer,f as SelectInput,g as SelectMenu,h as SelectMultiValueContainer,i as SelectMultiValueLabel,j as SelectMultiValueRemove,k as SelectOption,l as SelectPlaceholder,m as SelectSingleValue,n as SelectValueContainer,s as selectConfig}from"../SelectContainer_es_Dtoz7GhG.js";import"react/jsx-runtime";import"react";import"clsx";import"react-select";import"react-select/creatable";import"@itcase/ui-core/hooks";import"../Group_es_DIuSNHx3.js";import"../primitives_es_BQqNcRQk.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"../default_es_OK2akzEP.js";import"../Loader_es_CwVQZ1L0.js";
+export{a as Select,S as SelectClearIndicator,b as SelectControl,c as SelectDropdownIndicator,d as SelectGroupHeading,e as SelectIndicatorsContainer,f as SelectInput,g as SelectMenu,h as SelectMultiValueContainer,i as SelectMultiValueLabel,j as SelectMultiValueRemove,k as SelectOption,l as SelectPlaceholder,m as SelectSingleValue,n as SelectValueContainer,s as selectConfig}from"../SelectContainer_es_CYE4jSv4.js";import"react/jsx-runtime";import"react";import"clsx";import"react-select";import"react-select/creatable";import"@itcase/ui-core/hooks";import"../Group_es_DIuSNHx3.js";import"../primitives_es_BQqNcRQk.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"../default_es_OK2akzEP.js";import"../Loader_es_CwVQZ1L0.js";

package/dist/css/styles/bundles.css

@@ -61612,6 +61612,9 @@ h2.react-datepicker__current-month {
     backdrop-filter: var(--drawer-overlay-filter) !important;
   }
   &__content {
+    display: flex;
+    flex: 1;
+    flex-flow: column nowrap;
   }
   &__close {
     padding: 3m 3m 0 3m;

package/dist/types/components/Select/SelectContainer.js

@@ -74,7 +74,7 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
     const appearanceConfig = useAppearanceConfig(appearance, selectConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, elevation, badgeAppearance, badgeAppearanceSize, badgeTextSize, clearIcon, clearIconFill, dividerFill, dividerSize, dropdownFillHover, dropdownIcon, dropdownIconFill, dropdownIconShape, groupFillClass, groupTextColorClass, groupTextSizeClass, groupTextWeightClass, inputCaretColorClass, inputTextColorClass, inputTextSizeClass, loaderAppearance, loadingMessageTextColor, loadingMessageTextSize, menuFillClass, multipleItemFill, multipleItemFillHover, multipleItemIcon, multipleItemIconFill, multipleItemShapeRadius, multipleItemTextColorClass, multipleItemTextSizeClass, noOptionsTextColorClass, noOptionsTextSizeClass, optionBorderClass, optionBorderTypeClass, optionFillActiveClass, optionFillActiveDisabledClass, optionFillActiveHoverClass, optionFillClass, optionFillDisabledClass, optionFillHoverClass, optionSelectedIcon, optionSelectedIconFillIcon, optionSelectedIconSize, optionSelectedIconSrc, optionTextColorActiveClass, optionTextColorClass, optionTextColorDisabled, optionTextSizeClass, placeholderTextColor, placeholderTextSize, shape, shapeClass, sizeClass, widthClass, } = propsGenerator;
-    return (_jsx(SelectComponent, { className: clsx(className, 'select', isMulti && 'select_multi', shapeClass && `shape_${shapeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, sizeClass && `select_size_${sizeClass}`, hideValueContainer && 'select_state_hide-value-container', set && `select_set_${set}`, widthClass && `select_width_${widthClass}`, isSkeleton && 'skeleton'), ref: selectRef, elevation: elevation, badgeAppearance: badgeAppearance, badgeAppearanceSize: badgeAppearanceSize, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
+    return (_jsx(SelectComponent, { className: clsx(className, 'select', isMulti && 'select_multi', shapeClass && `shape_${shapeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, sizeClass && `select_size_${sizeClass}`, hideValueContainer && 'select_state_hide-value-container', set && `select_set_${set}`, widthClass && `select_width_${widthClass}`, isSkeleton && 'skeleton'), dataTestId: dataTestId, dataTour: dataTour, ref: selectRef, elevation: elevation, badgeAppearance: badgeAppearance, badgeAppearanceSize: badgeAppearanceSize, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
             IndicatorSeparator: () => null,
             ClearIndicator: SelectClearIndicator,
             Control: SelectControl,
@@ -94,6 +94,6 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             Placeholder: SelectPlaceholder,
             SingleValue: SelectSingleValue,
             ValueContainer: SelectValueContainer,
-        }, "data-testid": dataTestId, "data-tour": dataTour, defaultValue: defaultValue || initialValue, dividerDirection: dividerDirection, dividerFill: dividerFill, dividerSize: dividerSize, dropdownFillHover: dropdownFillHover, dropdownIcon: dropdownIcon, dropdownIconFill: dropdownIconFill, dropdownIconShape: dropdownIconShape, filterOption: filterOption, groupFill: groupFillClass, groupTextColor: groupTextColorClass, groupTextSize: groupTextSizeClass, groupTextWeight: groupTextWeightClass, hideSelectedOptions: hideSelectedOptions ?? false, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, inputShape: shape, inputTextColor: inputTextColorClass, inputTextSize: inputTextSizeClass, instanceId: instanceId, loaderAppearance: loaderAppearance, loadingMessageText: loadingMessageText, loadingMessageTextColor: loadingMessageTextColor, loadingMessageTextSize: loadingMessageTextSize, menuAfter: menuAfter, menuBefore: menuBefore, menuFill: menuFillClass, menuIsOpen: menuIsOpen, menuItemSize: menuItemSize, menuShape: shape, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemShapeRadius: multipleItemShapeRadius, multipleItemSize: sizeClass, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, multiValueMaxCount: multiValueMaxCount, noOptionBorder: optionBorderClass && `border-color_${optionBorderClass}`, noOptionBorderType: optionBorderTypeClass && `border_type_${optionBorderTypeClass}`, noOptionsFill: optionFillClass && `fill_${optionFillClass}`, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, optionFill: optionFillClass, optionFillActive: optionFillActiveClass, optionFillActiveDisabledClass: optionFillActiveDisabledClass, optionFillActiveHover: optionFillActiveHoverClass, optionFillDisabled: optionFillDisabledClass, optionFillHover: optionFillHoverClass, options: options, optionSelectedIcon: optionSelectedIcon, optionSelectedIconFillIcon: optionSelectedIconFillIcon, optionSelectedIconSize: optionSelectedIconSize, optionSelectedIconSrc: optionSelectedIconSrc, optionShape: shape, optionTextColor: optionTextColorClass, optionTextColorActive: optionTextColorActiveClass, optionTextColorDisabled: optionTextColorDisabled, optionTextSize: optionTextSizeClass, placeholder: placeholder, placeholderTextColor: placeholderTextColor, placeholderTextSize: placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect ?? true, isDisabled: isDisabled, isClearable: isClearable ?? false, isLoading: isLoading, isMulti: isMulti ?? false, isSearchable: isSearchable ?? false, set: set, onChange: onChange, onInputChange: onInputChange }));
+        }, defaultValue: defaultValue || initialValue, dividerDirection: dividerDirection, dividerFill: dividerFill, dividerSize: dividerSize, dropdownFillHover: dropdownFillHover, dropdownIcon: dropdownIcon, dropdownIconFill: dropdownIconFill, dropdownIconShape: dropdownIconShape, filterOption: filterOption, groupFill: groupFillClass, groupTextColor: groupTextColorClass, groupTextSize: groupTextSizeClass, groupTextWeight: groupTextWeightClass, hideSelectedOptions: hideSelectedOptions ?? false, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, inputShape: shape, inputTextColor: inputTextColorClass, inputTextSize: inputTextSizeClass, instanceId: instanceId, loaderAppearance: loaderAppearance, loadingMessageText: loadingMessageText, loadingMessageTextColor: loadingMessageTextColor, loadingMessageTextSize: loadingMessageTextSize, menuAfter: menuAfter, menuBefore: menuBefore, menuFill: menuFillClass, menuIsOpen: menuIsOpen, menuItemSize: menuItemSize, menuShape: shape, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemShapeRadius: multipleItemShapeRadius, multipleItemSize: sizeClass, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, multiValueMaxCount: multiValueMaxCount, noOptionBorder: optionBorderClass && `border-color_${optionBorderClass}`, noOptionBorderType: optionBorderTypeClass && `border_type_${optionBorderTypeClass}`, noOptionsFill: optionFillClass && `fill_${optionFillClass}`, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, optionFill: optionFillClass, optionFillActive: optionFillActiveClass, optionFillActiveDisabledClass: optionFillActiveDisabledClass, optionFillActiveHover: optionFillActiveHoverClass, optionFillDisabled: optionFillDisabledClass, optionFillHover: optionFillHoverClass, options: options, optionSelectedIcon: optionSelectedIcon, optionSelectedIconFillIcon: optionSelectedIconFillIcon, optionSelectedIconSize: optionSelectedIconSize, optionSelectedIconSrc: optionSelectedIconSrc, optionShape: shape, optionTextColor: optionTextColorClass, optionTextColorActive: optionTextColorActiveClass, optionTextColorDisabled: optionTextColorDisabled, optionTextSize: optionTextSizeClass, placeholder: placeholder, placeholderTextColor: placeholderTextColor, placeholderTextSize: placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect ?? true, isDisabled: isDisabled, isClearable: isClearable ?? false, isLoading: isLoading, isMulti: isMulti ?? false, isSearchable: isSearchable ?? false, set: set, onChange: onChange, onInputChange: onInputChange }));
 });
 export { selectConfig, SelectContainer };

package/dist/types/components/Select/SelectControl.js

@@ -3,7 +3,11 @@ import React from 'react';
 import clsx from 'clsx';
 import { components } from 'react-select';
 const SelectControl = (props) => {
-    const { before, after } = props.selectProps;
-    return (_jsxs(React.Fragment, { children: [before, _jsx(components.Control, { ...props, className: clsx('select__control') }), after] }));
+    const { dataTestId, dataTour, before, after } = props.selectProps;
+    return (_jsxs(React.Fragment, { children: [before, _jsx(components.Control, { ...props, className: clsx('select__control'), innerProps: {
+                    ...props.innerProps,
+                    ...(dataTestId && { 'data-testid': dataTestId }),
+                    ...(dataTour && { 'data-tour': dataTour }),
+                } }), after] }));
 };
 export { SelectControl };

package/dist/types/components/Select/SelectPlaceholder.js

@@ -2,7 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { components } from 'react-select';
 import { Text } from 'src/components/Text';
 const SelectPlaceholder = (props) => {
-    const { placeholderTextColor, placeholderTextSize } = props.selectProps;
-    return (_jsx(components.Placeholder, { ...props, children: _jsx(Text, { size: placeholderTextSize, textColor: placeholderTextColor, children: props.children }) }));
+    const { dataTestId, placeholderTextColor, placeholderTextSize } = props.selectProps;
+    return (_jsx(components.Placeholder, { ...props, innerProps: {
+            ...props.innerProps,
+            ...(dataTestId && { 'data-testid': `${dataTestId}Placeholder` }),
+        }, children: _jsx(Text, { size: placeholderTextSize, textColor: placeholderTextColor, children: props.children }) }));
 };
 export { SelectPlaceholder };

package/dist/types/components/Select/SelectSingleValue.js

@@ -3,9 +3,12 @@ import { components } from 'react-select';
 import { Text } from 'src/components/Text';
 const SelectSingleValue = (props) => {
     const { data, children } = props;
-    const { inputTextColor, inputTextSize } = props.selectProps;
+    const { dataTestId, inputTextColor, inputTextSize } = props.selectProps;
     const optionBefore = data.optionBefore;
     const optionAfter = data.optionBefore;
-    return (_jsxs(components.SingleValue, { ...props, children: [data && optionBefore, _jsx(Text, { size: inputTextSize, textColor: inputTextColor, textTruncate: true, children: children }), data && optionAfter] }));
+    return (_jsxs(components.SingleValue, { ...props, innerProps: {
+            ...props.innerProps,
+            ...(dataTestId && { 'data-testid': `${dataTestId}Value` }),
+        }, children: [data && optionBefore, _jsx(Text, { size: inputTextSize, textColor: inputTextColor, textTruncate: true, children: children }), data && optionAfter] }));
 };
 export { SelectSingleValue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-web",
-  "version": "1.10.15",
+  "version": "1.10.17",
   "description": "UI components",
   "keywords": "",
   "license": "MIT",
@@ -116,5 +116,5 @@
     "storybook": "^10.4.1",
     "typescript": "^6.0.3"
   },
-  "gitHead": "604ead249375ebd4f4673633779c50e853e1824c"
+  "gitHead": "7fca1f5a8465f7de0fb0855fb8c839241bfcf8bf"
 }

package/dist/SelectContainer_cjs_BxwAS8PG.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("react-select"),i=require("react-select/creatable"),l=require("@itcase/ui-core/hooks"),n=require("./Group_cjs_CiLUYKP7.js"),a=require("./primitives_cjs_ocTnUpml.js"),c=require("./default_cjs_BMdcKzhJ.js"),s=require("./Loader_cjs_nwF8h8Ku.js"),p=require("@itcase/ui-core/utils");const d=o=>{const{children:r}=o,{clearIcon:i,clearIconFill:l}=o.selectProps;return e.jsx(t.components.ClearIndicator,{...o,children:i?e.jsx(a.Icon,{iconFill:l,SvgImage:i}):r})},u=o=>{const{loadingMessageText:r,loadingMessageTextColor:t,loadingMessageTextSize:i}=o.selectProps;return e.jsx(n.Group,{textAlign:"center",children:e.jsx(a.Text,{size:i,textColor:t,children:r})})},m={requirePrimary:{fill:"warningTertiary",fillHover:"warningTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceHoverSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",headingFill:"surfaceSecondary",headingTextColor:"surfaceTextPrimary",inputBorderColor:"surfaceBorderTertiary",inputBorderColorHover:"surfaceBorderQuaternary",inputCaretColor:"extraPrimary",inputFill:"surfaceDisabled",inputShape:"rounded",inputTextColor:"surfaceTextPrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"surfaceHoverPrimary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillHover:"surfaceSecondary",optionShape:"rounded",optionTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",fillHover:"successTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},...{sizeXL:{size:"xl",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:c.icons16.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"s",optionSelectedIcon:c.icons16.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:c.icons16.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"m",optionSelectedIcon:c.icons16.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeM:{size:"m",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",inputTextSize:"m",loadingMessageTextSize:"m",menuItemSize:"l",multipleItemIcon:c.icons14.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"m",optionSelectedIcon:c.icons14.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons24.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons24.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"s",menuItemSize:"l",multipleItemIcon:c.icons14.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"s",optionSelectedIcon:c.icons14.Form.Check,optionTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons16.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons16.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:c.icons12.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"},sizeXXS:{size:"xxs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:c.icons16.Action.Clear,dividerSize:"xxs",dropdownIcon:c.icons16.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:c.icons12.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"}},errorPrimary:{fill:"errorTertiary",fillHover:"errorTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},rounded:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedXL:{multipleItemShapeRadius:"1m",shape:"roundedXL"},roundedL:{multipleItemShapeRadius:"1m",shape:"roundedL"},roundedM:{multipleItemShapeRadius:"1m",shape:"roundedM"},roundedS:{multipleItemShapeRadius:"1m",shape:"roundedS"},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none",fillHover:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorHover:"none"}},x=i=>{const{before:l,after:n}=i.selectProps;return e.jsxs(o.Fragment,{children:[l,e.jsx(t.components.Control,{...i,className:r("select__control")}),n]})},S=o=>{const{children:r}=o,{dropdownFillHover:i,dropdownIcon:l,dropdownIconFill:n,dropdownIconShape:c}=o.selectProps;return e.jsx(t.components.DropdownIndicator,{...o,children:l?e.jsx(a.Icon,{fillHover:i,iconFill:n,shape:c,SvgImage:l}):r})},T=o=>{const{groupFill:i,groupTextColor:l,groupTextSize:n,groupTextWeight:c}=o.selectProps;return e.jsx(t.components.GroupHeading,{...o,className:r("select__menu-group-heading",i&&`fill_${i}`),children:e.jsx(a.Text,{size:n,textColor:l,textWeight:c,children:o.data.label})})},I=o=>{const{badgeAppearance:r,badgeSize:i,badgeTextSize:l,showBadge:n,value:c}=o.selectProps;return e.jsxs(t.components.IndicatorsContainer,{...o,children:[n&&c&&c?.length>0?e.jsx(a.Badge,{appearance:r,size:i,textSize:l,value:c.length.toString()}):null,o.children]})},C=o=>{const{inputCaretColor:i,inputTextColor:l,inputTextSize:n}=o.selectProps;return e.jsx(t.components.Input,{...o,className:r(n&&`text_size_${n}`,l&&`text-color_${l}`,i&&`caret-color_${i}`)})},g=o=>{const{loaderAppearance:r,isLoading:t}=o.selectProps;return t&&e.jsx(s.Loader,{appearance:r})},h=i=>{const{elevation:l,menuAfter:n,menuBefore:a,menuFill:c,menuShape:s}=i.selectProps;return e.jsxs(t.components.Menu,{...i,className:r(c&&`fill_${c}`,s&&`shape_${s}`,l&&`elevation_${l}`),children:[a,i.selectProps.fetchingData?e.jsx("span",{className:"fetching",children:"Fetching data..."}):e.jsx(o.Fragment,{children:i.children}),n]})},f=o=>{const{badgeAppearance:r,badgeAppearanceSize:t,overflowItemsList:i}=o,l=`+${i.length}`;return e.jsx(a.Badge,{appearance:p.mergeAppearanceKeys(r,t),className:"select__multi-value-badge",value:l})},z=o=>{const{index:r,selectProps:i,getValue:l}=o,n=i.multiValueMaxCount||100,a=l().slice(n).map(e=>e.label);return r<n?e.jsx(t.components.MultiValue,{...o}):r===n?e.jsx(f,{badgeAppearance:i.badgeAppearance,badgeAppearanceSize:i.badgeAppearanceSize,overflowItemsList:a}):null},y=o=>{const{multipleItemFill:i,multipleItemFillHover:l,multipleItemShapeRadius:a}=o.selectProps;return e.jsx(t.components.MultiValueContainer,{...o,children:e.jsx(n.Group,{className:r("select__multi-value-item"),direction:"horizontal",alignItems:"center",fill:i,fillHover:l,borderRadius:a,gap:"0.5m",children:o.children})})},v=o=>{const{multipleItemTextColor:r,multipleItemTextSize:i}=o.selectProps;return e.jsx(t.components.MultiValueLabel,{...o,children:o.data&&e.jsx(a.Text,{size:i,textColor:r,children:o.data.label})})},F=o=>{const{multipleItemIcon:r,multipleItemIconFill:i}=o.selectProps;return e.jsx(t.components.MultiValueRemove,{...o,children:e.jsx(a.Icon,{iconFill:i,SvgImage:r})})},b=o=>{const{inputValue:i,noOptionsSearchText:l,noOptionsText:c,noOptionsTextColor:s,noOptionsTextSize:p,optionFill:d}=o.selectProps;return e.jsx(t.components.NoOptionsMessage,{...o,className:r(d&&`fill_${d}`),children:e.jsx(n.Group,{textAlign:"center",children:e.jsx(a.Text,{size:p,textColor:s,children:i&&l?l:c})})})},P=o=>{const{label:i,isSelected:l}=o,{dividerDirection:n,dividerFill:c,dividerSize:s,menuItemSize:p,optionAfter:d,optionBefore:u,optionBorder:m,optionBorderType:x,optionFill:S,optionFillActive:T,optionFillActiveDisabled:I,optionFillActiveHover:C,optionFillDisabled:g,optionFillHover:h,optionSelectedIcon:f,optionSelectedIconFillIcon:z,optionSelectedIconSize:y,optionSelectedIconSrc:v,optionShape:F,optionTextColor:b,optionTextColorActive:P,optionTextColorDisabled:A,optionTextSize:_,showDivider:w}=o.selectProps;return e.jsxs(t.components.Option,{...o,className:r("select__menu-list-item",l||o.isSelected?o.isDisabled?I&&`fill_active_disabled_${I}`:T&&`fill_active_${T}`:o.isDisabled?g&&`fill_${g}`:S&&`fill_${S}`,(l||o.isSelected)&&!o.isDisabled&&C&&`fill_active_hover_${C}`,!l&&!o.isSelected&&!o.isDisabled&&h&&`fill_hover_${h}`,l&&"select__menu-list-item_state_selected",p&&`select__menu-list-item_size_${p}`,m&&`border-color_${m}`,x&&`border_type_${x}`,F&&`shape_${F}`),children:[u,e.jsx(a.Text,{className:"select__menu-list-item_option",size:_,textColor:b,textColorActive:P,textColorDisabled:A,isActive:o.isSelected||l,isDisabled:o.isDisabled,children:i}),(l||o.isSelected)&&e.jsx("div",{className:"select__menu-list-item_selected",children:e.jsx(a.Icon,{iconFill:z,iconSize:y,imageSrc:v,SvgImage:f})}),d,w&&e.jsx(a.Divider,{width:"fill",direction:n,size:s,fill:c})]})},A=o=>{const{placeholderTextColor:r,placeholderTextSize:i}=o.selectProps;return e.jsx(t.components.Placeholder,{...o,children:e.jsx(a.Text,{size:i,textColor:r,children:o.children})})},_=o=>{const{data:r,children:i}=o,{inputTextColor:l,inputTextSize:n}=o.selectProps,c=r.optionBefore,s=r.optionBefore;return e.jsxs(t.components.SingleValue,{...o,children:[r&&c,e.jsx(a.Text,{size:n,textColor:l,textTruncate:!0,children:i}),r&&s]})},w=o=>{const{inputAfter:r,inputBefore:i}=o.selectProps;return e.jsxs(t.components.ValueContainer,{...o,children:[i,o.children,r]})},M={appearance:m,setAppearance:e=>{M.appearance=e}},j=o.forwardRef(function(n,a){const{appearance:c="",className:s,dataTestId:p,dataTour:m,width:f,minWidth:j,initialValue:H,badgeSize:D,defaultValue:B,dividerDirection:O,filterOption:$,hideSelectedOptions:V,hideValueContainer:Q,inputAfter:L,inputBefore:N,instanceId:R,loadingMessageText:W,menuAfter:q,menuBefore:k,menuIsOpen:G,menuItemSize:X,multiValueMaxCount:E,noOptionsSearchText:K,noOptionsText:J,optionAfter:U,optionBefore:Y,options:Z,placeholder:ee,showBadge:oe,showDivider:re,value:te,before:ie,after:le,openMenuOnClick:ne,closeMenuOnSelect:ae,isDisabled:ce,isSkeleton:se,isClearable:pe,isCreatable:de,isLoading:ue,isMulti:me,isSearchable:xe,set:Se,onChange:Te,onInputChange:Ie}=n,Ce=o.useRef(null),ge=a||Ce,he=de?i:t;o.useEffect(()=>{const e=e=>{const o=e.target,r=o&&o.classList.contains("select_state_hide-value-container");if("current"in ge&&ge.current&&ge.current.controlRef){const t=ge.current.controlRef.contains(o);r||t||ge.current?.onInputBlur(e)}};return Q&&document.addEventListener("click",e),()=>{Q&&document.removeEventListener("click",e)}},[Q,ge]);const fe=o.useMemo(()=>new Proxy({container:{width:f,minWidth:j}},{get:(e,o)=>o in e?()=>e[o]:()=>{}}),[j,f]),ze=l.useAppearanceConfig(c,M,ce),ye=l.useDevicePropsGenerator(n,ze),{fillClass:ve,fillHoverClass:Fe,borderColorClass:be,borderColorHoverClass:Pe,elevation:Ae,badgeAppearance:_e,badgeAppearanceSize:we,badgeTextSize:Me,clearIcon:je,clearIconFill:He,dividerFill:De,dividerSize:Be,dropdownFillHover:Oe,dropdownIcon:$e,dropdownIconFill:Ve,dropdownIconShape:Qe,groupFillClass:Le,groupTextColorClass:Ne,groupTextSizeClass:Re,groupTextWeightClass:We,inputCaretColorClass:qe,inputTextColorClass:ke,inputTextSizeClass:Ge,loaderAppearance:Xe,loadingMessageTextColor:Ee,loadingMessageTextSize:Ke,menuFillClass:Je,multipleItemFill:Ue,multipleItemFillHover:Ye,multipleItemIcon:Ze,multipleItemIconFill:eo,multipleItemShapeRadius:oo,multipleItemTextColorClass:ro,multipleItemTextSizeClass:to,noOptionsTextColorClass:io,noOptionsTextSizeClass:lo,optionBorderClass:no,optionBorderTypeClass:ao,optionFillActiveClass:co,optionFillActiveDisabledClass:so,optionFillActiveHoverClass:po,optionFillClass:uo,optionFillDisabledClass:mo,optionFillHoverClass:xo,optionSelectedIcon:So,optionSelectedIconFillIcon:To,optionSelectedIconSize:Io,optionSelectedIconSrc:Co,optionTextColorActiveClass:go,optionTextColorClass:ho,optionTextColorDisabled:fo,optionTextSizeClass:zo,placeholderTextColor:yo,placeholderTextSize:vo,shape:Fo,shapeClass:bo,sizeClass:Po,widthClass:Ao}=ye;return e.jsx(he,{className:r(s,"select",me&&"select_multi",bo&&`shape_${bo}`,ve&&`fill_${ve}`,Fe&&`fill_hover_${Fe}`,be&&`border-color_${be}`,Pe&&`border-color_hover_${Pe}`,Po&&`select_size_${Po}`,Q&&"select_state_hide-value-container",Se&&`select_set_${Se}`,Ao&&`select_width_${Ao}`,se&&"skeleton"),ref:ge,elevation:Ae,badgeAppearance:_e,badgeAppearanceSize:we,badgeSize:D,badgeTextSize:Me,classNamePrefix:"select",clearIcon:je,clearIconFill:He,components:{IndicatorSeparator:()=>null,ClearIndicator:d,Control:x,DropdownIndicator:S,GroupHeading:T,IndicatorsContainer:I,Input:C,LoadingIndicator:g,LoadingMessage:u,Menu:h,MultiValue:z,MultiValueContainer:y,MultiValueLabel:v,MultiValueRemove:F,NoOptionsMessage:b,Option:P,Placeholder:A,SingleValue:_,ValueContainer:w},"data-testid":p,"data-tour":m,defaultValue:B||H,dividerDirection:O,dividerFill:De,dividerSize:Be,dropdownFillHover:Oe,dropdownIcon:$e,dropdownIconFill:Ve,dropdownIconShape:Qe,filterOption:$,groupFill:Le,groupTextColor:Ne,groupTextSize:Re,groupTextWeight:We,hideSelectedOptions:V??!1,inputAfter:L,inputBefore:N,inputCaretColor:qe,inputShape:Fo,inputTextColor:ke,inputTextSize:Ge,instanceId:R,loaderAppearance:Xe,loadingMessageText:W,loadingMessageTextColor:Ee,loadingMessageTextSize:Ke,menuAfter:q,menuBefore:k,menuFill:Je,menuIsOpen:G,menuItemSize:X,menuShape:Fo,multipleItemFill:Ue,multipleItemFillHover:Ye,multipleItemIcon:Ze,multipleItemIconFill:eo,multipleItemShapeRadius:oo,multipleItemSize:Po,multipleItemTextColor:ro,multipleItemTextSize:to,multiValueMaxCount:E,noOptionBorder:no&&`border-color_${no}`,noOptionBorderType:ao&&`border_type_${ao}`,noOptionsFill:uo&&`fill_${uo}`,noOptionsSearchText:K,noOptionsText:J,noOptionsTextColor:io,noOptionsTextSize:lo,optionAfter:U,optionBefore:Y,optionBorder:no,optionBorderType:ao,optionFill:uo,optionFillActive:co,optionFillActiveDisabledClass:so,optionFillActiveHover:po,optionFillDisabled:mo,optionFillHover:xo,options:Z,optionSelectedIcon:So,optionSelectedIconFillIcon:To,optionSelectedIconSize:Io,optionSelectedIconSrc:Co,optionShape:Fo,optionTextColor:ho,optionTextColorActive:go,optionTextColorDisabled:fo,optionTextSize:zo,placeholder:ee,placeholderTextColor:yo,placeholderTextSize:vo,showBadge:oe,showDivider:re,styles:fe,value:te,before:ie,after:le,openMenuOnClick:ne,closeMenuOnSelect:ae??!0,isDisabled:ce,isClearable:pe??!1,isLoading:ue,isMulti:me??!1,isSearchable:xe??!1,set:Se,onChange:Te,onInputChange:Ie})});exports.SelectClearIndicator=d,exports.SelectContainer=j,exports.SelectControl=x,exports.SelectDropdownIndicator=S,exports.SelectGroupHeading=T,exports.SelectIndicatorsContainer=I,exports.SelectInput=C,exports.SelectMenu=h,exports.SelectMultiValueContainer=y,exports.SelectMultiValueLabel=v,exports.SelectMultiValueRemove=F,exports.SelectOption=P,exports.SelectPlaceholder=A,exports.SelectSingleValue=_,exports.SelectValueContainer=w,exports.selectConfig=M;

package/dist/SelectContainer_es_Dtoz7GhG.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import r,{useRef as t,useEffect as i,useMemo as l}from"react";import a from"clsx";import n,{components as c}from"react-select";import s from"react-select/creatable";import{useAppearanceConfig as p,useDevicePropsGenerator as d}from"@itcase/ui-core/hooks";import{G as u}from"./Group_es_DIuSNHx3.js";import{I as m,T as x,B as T,D as S}from"./primitives_es_BQqNcRQk.js";import{i as I,b as C,a as g,d as f}from"./default_es_OK2akzEP.js";import{L as h}from"./Loader_es_CwVQZ1L0.js";import{mergeAppearanceKeys as z}from"@itcase/ui-core/utils";const y=o=>{const{children:r}=o,{clearIcon:t,clearIconFill:i}=o.selectProps;return e(c.ClearIndicator,{...o,children:t?e(m,{iconFill:i,SvgImage:t}):r})},v=o=>{const{loadingMessageText:r,loadingMessageTextColor:t,loadingMessageTextSize:i}=o.selectProps;return e(u,{textAlign:"center",children:e(x,{size:i,textColor:t,children:r})})},F={requirePrimary:{fill:"warningTertiary",fillHover:"warningTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceHoverSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",headingFill:"surfaceSecondary",headingTextColor:"surfaceTextPrimary",inputBorderColor:"surfaceBorderTertiary",inputBorderColorHover:"surfaceBorderQuaternary",inputCaretColor:"extraPrimary",inputFill:"surfaceDisabled",inputShape:"rounded",inputTextColor:"surfaceTextPrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"surfaceHoverPrimary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillHover:"surfaceSecondary",optionShape:"rounded",optionTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",fillHover:"successTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},...{sizeXL:{size:"xl",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:C.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"s",optionSelectedIcon:C.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"m",menuItemSize:"l",multipleItemIcon:C.Action.Close,multipleItemTextSize:"s",noOptionsTextSize:"m",optionSelectedIcon:C.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeM:{size:"m",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",inputTextSize:"m",loadingMessageTextSize:"m",menuItemSize:"l",multipleItemIcon:g.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"m",optionSelectedIcon:g.Form.Check,optionTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:f.Action.Clear,dividerSize:"xxs",dropdownIcon:f.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"s",menuItemSize:"l",multipleItemIcon:g.Action.Close,multipleItemTextSize:"xs",noOptionsTextSize:"s",optionSelectedIcon:g.Form.Check,optionTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:C.Action.Clear,dividerSize:"xxs",dropdownIcon:C.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:I.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"},sizeXXS:{size:"xxs",badgeAppearanceSize:"sizeM",badgeSize:"m",badgeTextSize:"m",clearIcon:C.Action.Clear,dividerSize:"xxs",dropdownIcon:C.Arrow.ChevronDownSmall,groupTextSize:"m",headingTextWeight:"600",inputTextSize:"xs",menuItemSize:"l",multipleItemIcon:I.Action.Close,multipleItemTextSize:"xxs",noOptionsTextSize:"xs",optionTextSize:"xs",placeholderTextSize:"xs"}},errorPrimary:{fill:"errorTertiary",fillHover:"errorTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary",elevation:8,badgeAppearance:"accentPrimary sizeM solid circular",clearIconFill:"surfaceItemQuaternary",dropdownIconFill:"surfaceItemQuaternary",groupFill:"surfaceSecondary",groupTextColor:"surfaceTextPrimary",groupTextWeight:"600",inputCaretColor:"accentPrimary",inputTextColor:"surfaceTextPrimary",loaderAppearance:"accentPrimary sizeS ghost rounded",loadingMessageTextColor:"surfaceTextPrimary",menuFill:"surfacePrimary",multipleItemFill:"accentPrimary",multipleItemFillHover:"accentSecondary",multipleItemIconFill:"accentItemPrimary",multipleItemTextColor:"accentTextPrimary",noOptionsTextColor:"surfaceTextPrimary",optionBorder:"none",optionFill:"surfacePrimary",optionFillActive:"accentPrimary",optionFillActiveHover:"accentSecondary",optionFillDisabled:"surfaceSecondary",optionFillHover:"surfaceSecondary",optionSelectedIconFillIcon:"successItemPrimary",optionTextColor:"surfaceTextPrimary",optionTextColorActive:"accentTextPrimary",optionTextColorDisabled:"surfaceTextQuaternary",placeholderTextColor:"surfaceTextQuaternary"},rounded:{multipleItemShapeRadius:"1m",shape:"rounded"},roundedXL:{multipleItemShapeRadius:"1m",shape:"roundedXL"},roundedL:{multipleItemShapeRadius:"1m",shape:"roundedL"},roundedM:{multipleItemShapeRadius:"1m",shape:"roundedM"},roundedS:{multipleItemShapeRadius:"1m",shape:"roundedS"},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none",fillHover:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorHover:"none"}},b=t=>{const{before:i,after:l}=t.selectProps;return o(r.Fragment,{children:[i,e(c.Control,{...t,className:a("select__control")}),l]})},P=o=>{const{children:r}=o,{dropdownFillHover:t,dropdownIcon:i,dropdownIconFill:l,dropdownIconShape:a}=o.selectProps;return e(c.DropdownIndicator,{...o,children:i?e(m,{fillHover:t,iconFill:l,shape:a,SvgImage:i}):r})},A=o=>{const{groupFill:r,groupTextColor:t,groupTextSize:i,groupTextWeight:l}=o.selectProps;return e(c.GroupHeading,{...o,className:a("select__menu-group-heading",r&&`fill_${r}`),children:e(x,{size:i,textColor:t,textWeight:l,children:o.data.label})})},_=r=>{const{badgeAppearance:t,badgeSize:i,badgeTextSize:l,showBadge:a,value:n}=r.selectProps;return o(c.IndicatorsContainer,{...r,children:[a&&n&&n?.length>0?e(T,{appearance:t,size:i,textSize:l,value:n.length.toString()}):null,r.children]})},w=o=>{const{inputCaretColor:r,inputTextColor:t,inputTextSize:i}=o.selectProps;return e(c.Input,{...o,className:a(i&&`text_size_${i}`,t&&`text-color_${t}`,r&&`caret-color_${r}`)})},M=o=>{const{loaderAppearance:r,isLoading:t}=o.selectProps;return t&&e(h,{appearance:r})},H=t=>{const{elevation:i,menuAfter:l,menuBefore:n,menuFill:s,menuShape:p}=t.selectProps;return o(c.Menu,{...t,className:a(s&&`fill_${s}`,p&&`shape_${p}`,i&&`elevation_${i}`),children:[n,t.selectProps.fetchingData?e("span",{className:"fetching",children:"Fetching data..."}):e(r.Fragment,{children:t.children}),l]})},D=o=>{const{badgeAppearance:r,badgeAppearanceSize:t,overflowItemsList:i}=o,l=`+${i.length}`;return e(T,{appearance:z(r,t),className:"select__multi-value-badge",value:l})},B=o=>{const{index:r,selectProps:t,getValue:i}=o,l=t.multiValueMaxCount||100,a=i().slice(l).map(e=>e.label);return r<l?e(c.MultiValue,{...o}):r===l?e(D,{badgeAppearance:t.badgeAppearance,badgeAppearanceSize:t.badgeAppearanceSize,overflowItemsList:a}):null},O=o=>{const{multipleItemFill:r,multipleItemFillHover:t,multipleItemShapeRadius:i}=o.selectProps;return e(c.MultiValueContainer,{...o,children:e(u,{className:a("select__multi-value-item"),direction:"horizontal",alignItems:"center",fill:r,fillHover:t,borderRadius:i,gap:"0.5m",children:o.children})})},$=o=>{const{multipleItemTextColor:r,multipleItemTextSize:t}=o.selectProps;return e(c.MultiValueLabel,{...o,children:o.data&&e(x,{size:t,textColor:r,children:o.data.label})})},Q=o=>{const{multipleItemIcon:r,multipleItemIconFill:t}=o.selectProps;return e(c.MultiValueRemove,{...o,children:e(m,{iconFill:t,SvgImage:r})})},V=o=>{const{inputValue:r,noOptionsSearchText:t,noOptionsText:i,noOptionsTextColor:l,noOptionsTextSize:n,optionFill:s}=o.selectProps;return e(c.NoOptionsMessage,{...o,className:a(s&&`fill_${s}`),children:e(u,{textAlign:"center",children:e(x,{size:n,textColor:l,children:r&&t?t:i})})})},L=r=>{const{label:t,isSelected:i}=r,{dividerDirection:l,dividerFill:n,dividerSize:s,menuItemSize:p,optionAfter:d,optionBefore:u,optionBorder:T,optionBorderType:I,optionFill:C,optionFillActive:g,optionFillActiveDisabled:f,optionFillActiveHover:h,optionFillDisabled:z,optionFillHover:y,optionSelectedIcon:v,optionSelectedIconFillIcon:F,optionSelectedIconSize:b,optionSelectedIconSrc:P,optionShape:A,optionTextColor:_,optionTextColorActive:w,optionTextColorDisabled:M,optionTextSize:H,showDivider:D}=r.selectProps;return o(c.Option,{...r,className:a("select__menu-list-item",i||r.isSelected?r.isDisabled?f&&`fill_active_disabled_${f}`:g&&`fill_active_${g}`:r.isDisabled?z&&`fill_${z}`:C&&`fill_${C}`,(i||r.isSelected)&&!r.isDisabled&&h&&`fill_active_hover_${h}`,!i&&!r.isSelected&&!r.isDisabled&&y&&`fill_hover_${y}`,i&&"select__menu-list-item_state_selected",p&&`select__menu-list-item_size_${p}`,T&&`border-color_${T}`,I&&`border_type_${I}`,A&&`shape_${A}`),children:[u,e(x,{className:"select__menu-list-item_option",size:H,textColor:_,textColorActive:w,textColorDisabled:M,isActive:r.isSelected||i,isDisabled:r.isDisabled,children:t}),(i||r.isSelected)&&e("div",{className:"select__menu-list-item_selected",children:e(m,{iconFill:F,iconSize:b,imageSrc:P,SvgImage:v})}),d,D&&e(S,{width:"fill",direction:l,size:s,fill:n})]})},N=o=>{const{placeholderTextColor:r,placeholderTextSize:t}=o.selectProps;return e(c.Placeholder,{...o,children:e(x,{size:t,textColor:r,children:o.children})})},W=r=>{const{data:t,children:i}=r,{inputTextColor:l,inputTextSize:a}=r.selectProps,n=t.optionBefore,s=t.optionBefore;return o(c.SingleValue,{...r,children:[t&&n,e(x,{size:a,textColor:l,textTruncate:!0,children:i}),t&&s]})},R=e=>{const{inputAfter:r,inputBefore:t}=e.selectProps;return o(c.ValueContainer,{...e,children:[t,e.children,r]})},k={appearance:F,setAppearance:e=>{k.appearance=e}},j=r.forwardRef(function(o,r){const{appearance:c="",className:u,dataTestId:m,dataTour:x,width:T,minWidth:S,initialValue:I,badgeSize:C,defaultValue:g,dividerDirection:f,filterOption:h,hideSelectedOptions:z,hideValueContainer:F,inputAfter:D,inputBefore:j,instanceId:X,loadingMessageText:G,menuAfter:E,menuBefore:q,menuIsOpen:J,menuItemSize:K,multiValueMaxCount:U,noOptionsSearchText:Y,noOptionsText:Z,optionAfter:ee,optionBefore:oe,options:re,placeholder:te,showBadge:ie,showDivider:le,value:ae,before:ne,after:ce,openMenuOnClick:se,closeMenuOnSelect:pe,isDisabled:de,isSkeleton:ue,isClearable:me,isCreatable:xe,isLoading:Te,isMulti:Se,isSearchable:Ie,set:Ce,onChange:ge,onInputChange:fe}=o,he=t(null),ze=r||he,ye=xe?s:n;i(()=>{const e=e=>{const o=e.target,r=o&&o.classList.contains("select_state_hide-value-container");if("current"in ze&&ze.current&&ze.current.controlRef){const t=ze.current.controlRef.contains(o);r||t||ze.current?.onInputBlur(e)}};return F&&document.addEventListener("click",e),()=>{F&&document.removeEventListener("click",e)}},[F,ze]);const ve=l(()=>new Proxy({container:{width:T,minWidth:S}},{get:(e,o)=>o in e?()=>e[o]:()=>{}}),[S,T]),Fe=p(c,k,de),be=d(o,Fe),{fillClass:Pe,fillHoverClass:Ae,borderColorClass:_e,borderColorHoverClass:we,elevation:Me,badgeAppearance:He,badgeAppearanceSize:De,badgeTextSize:Be,clearIcon:Oe,clearIconFill:$e,dividerFill:Qe,dividerSize:Ve,dropdownFillHover:Le,dropdownIcon:Ne,dropdownIconFill:We,dropdownIconShape:Re,groupFillClass:ke,groupTextColorClass:je,groupTextSizeClass:Xe,groupTextWeightClass:Ge,inputCaretColorClass:Ee,inputTextColorClass:qe,inputTextSizeClass:Je,loaderAppearance:Ke,loadingMessageTextColor:Ue,loadingMessageTextSize:Ye,menuFillClass:Ze,multipleItemFill:eo,multipleItemFillHover:oo,multipleItemIcon:ro,multipleItemIconFill:to,multipleItemShapeRadius:io,multipleItemTextColorClass:lo,multipleItemTextSizeClass:ao,noOptionsTextColorClass:no,noOptionsTextSizeClass:co,optionBorderClass:so,optionBorderTypeClass:po,optionFillActiveClass:uo,optionFillActiveDisabledClass:mo,optionFillActiveHoverClass:xo,optionFillClass:To,optionFillDisabledClass:So,optionFillHoverClass:Io,optionSelectedIcon:Co,optionSelectedIconFillIcon:go,optionSelectedIconSize:fo,optionSelectedIconSrc:ho,optionTextColorActiveClass:zo,optionTextColorClass:yo,optionTextColorDisabled:vo,optionTextSizeClass:Fo,placeholderTextColor:bo,placeholderTextSize:Po,shape:Ao,shapeClass:_o,sizeClass:wo,widthClass:Mo}=be;return e(ye,{className:a(u,"select",Se&&"select_multi",_o&&`shape_${_o}`,Pe&&`fill_${Pe}`,Ae&&`fill_hover_${Ae}`,_e&&`border-color_${_e}`,we&&`border-color_hover_${we}`,wo&&`select_size_${wo}`,F&&"select_state_hide-value-container",Ce&&`select_set_${Ce}`,Mo&&`select_width_${Mo}`,ue&&"skeleton"),ref:ze,elevation:Me,badgeAppearance:He,badgeAppearanceSize:De,badgeSize:C,badgeTextSize:Be,classNamePrefix:"select",clearIcon:Oe,clearIconFill:$e,components:{IndicatorSeparator:()=>null,ClearIndicator:y,Control:b,DropdownIndicator:P,GroupHeading:A,IndicatorsContainer:_,Input:w,LoadingIndicator:M,LoadingMessage:v,Menu:H,MultiValue:B,MultiValueContainer:O,MultiValueLabel:$,MultiValueRemove:Q,NoOptionsMessage:V,Option:L,Placeholder:N,SingleValue:W,ValueContainer:R},"data-testid":m,"data-tour":x,defaultValue:g||I,dividerDirection:f,dividerFill:Qe,dividerSize:Ve,dropdownFillHover:Le,dropdownIcon:Ne,dropdownIconFill:We,dropdownIconShape:Re,filterOption:h,groupFill:ke,groupTextColor:je,groupTextSize:Xe,groupTextWeight:Ge,hideSelectedOptions:z??!1,inputAfter:D,inputBefore:j,inputCaretColor:Ee,inputShape:Ao,inputTextColor:qe,inputTextSize:Je,instanceId:X,loaderAppearance:Ke,loadingMessageText:G,loadingMessageTextColor:Ue,loadingMessageTextSize:Ye,menuAfter:E,menuBefore:q,menuFill:Ze,menuIsOpen:J,menuItemSize:K,menuShape:Ao,multipleItemFill:eo,multipleItemFillHover:oo,multipleItemIcon:ro,multipleItemIconFill:to,multipleItemShapeRadius:io,multipleItemSize:wo,multipleItemTextColor:lo,multipleItemTextSize:ao,multiValueMaxCount:U,noOptionBorder:so&&`border-color_${so}`,noOptionBorderType:po&&`border_type_${po}`,noOptionsFill:To&&`fill_${To}`,noOptionsSearchText:Y,noOptionsText:Z,noOptionsTextColor:no,noOptionsTextSize:co,optionAfter:ee,optionBefore:oe,optionBorder:so,optionBorderType:po,optionFill:To,optionFillActive:uo,optionFillActiveDisabledClass:mo,optionFillActiveHover:xo,optionFillDisabled:So,optionFillHover:Io,options:re,optionSelectedIcon:Co,optionSelectedIconFillIcon:go,optionSelectedIconSize:fo,optionSelectedIconSrc:ho,optionShape:Ao,optionTextColor:yo,optionTextColorActive:zo,optionTextColorDisabled:vo,optionTextSize:Fo,placeholder:te,placeholderTextColor:bo,placeholderTextSize:Po,showBadge:ie,showDivider:le,styles:ve,value:ae,before:ne,after:ce,openMenuOnClick:se,closeMenuOnSelect:pe??!0,isDisabled:de,isClearable:me??!1,isLoading:Te,isMulti:Se??!1,isSearchable:Ie??!1,set:Ce,onChange:ge,onInputChange:fe})});export{y as S,j as a,b,P as c,A as d,_ as e,w as f,H as g,O as h,$ as i,Q as j,L as k,N as l,W as m,R as n,k as s};