@bothub-chat/ui 2.48.1-fix-message-dbd14831-26d9-4d49-85b2-65f0e64cfad3 → 2.48.1-fix-message-81026f5e-584f-4918-8c1c-31e3d26f3769

package/dist/components/scrollbar/shadow/styled.js

@@ -1 +1 @@
-import{styled as t,css as e}from"styled-components";import{animated as o}from"@react-spring/web";import{adaptive as i}from"../../../adaptive/index.js";const s=t.span.withConfig({displayName:"styled__ScrollbarShadowStyled",componentId:"sc-mta907-0"})(["display:inline-flex;position:absolute;z-index:",";pointer-events:none;overflow:hidden;"," "," ",""],(({theme:t})=>t.zIndex.scrollbarShadow),(({$side:t})=>{switch(t){case"left":case"top":return e(["top:0px;left:0px;"]);case"right":return e(["top:0px;right:0px;"]);case"bottom":return e(["bottom:0px;left:0px;"])}}),(({$side:t,$scrollbarSize:o,$disabled:i})=>{if(i)switch(t){case"left":case"right":return e(["height:100%;"]);case"top":case"bottom":return e(["width:100%;"])}switch(t){case"left":case"right":return e(["height:calc(100% - ","px);"],o);case"top":case"bottom":return e(["width:calc(100% - ","px);"],o)}}),i((({$side:t})=>{switch(t){case"left":case"right":return{touch:e(["height:100%;"])};case"top":case"bottom":return{touch:e(["width:100%;"])}}}))),r=t(o.span).withConfig({displayName:"styled__ScrollbarShadowContent",componentId:"sc-mta907-1"})(["display:inline-flex;position:relative;width:100%;height:100%;"]);export{r as ScrollbarShadowContent,s as ScrollbarShadowStyled};
+import{styled as t,css as e}from"styled-components";import{animated as o}from"@react-spring/web";import{adaptive as i}from"../../../adaptive/index.js";const s=t.span.withConfig({displayName:"styled__ScrollbarShadowStyled",componentId:"sc-mta907-0"})(["display:inline-flex;position:absolute;z-index:",";pointer-events:none;overflow:hidden;"," "," ",""],({theme:t})=>t.zIndex.scrollbarShadow,({$side:t})=>{switch(t){case"left":case"top":return e(["top:0px;left:0px;"]);case"right":return e(["top:0px;right:0px;"]);case"bottom":return e(["bottom:0px;left:0px;"])}},({$side:t,$scrollbarSize:o,$disabled:i})=>{if(i)switch(t){case"left":case"right":return e(["height:100%;"]);case"top":case"bottom":return e(["width:100%;"])}switch(t){case"left":case"right":return e(["height:calc(100% - ","px);"],o);case"top":case"bottom":return e(["width:calc(100% - ","px);"],o)}},i(({$side:t})=>{switch(t){case"left":case"right":return{touch:e(["height:100%;"])};case"top":case"bottom":return{touch:e(["width:100%;"])}}})),r=t(o.span).withConfig({displayName:"styled__ScrollbarShadowContent",componentId:"sc-mta907-1"})(["display:inline-flex;position:relative;width:100%;height:100%;"]);export{r as ScrollbarShadowContent,s as ScrollbarShadowStyled};

package/dist/components/scrollbar/style/styled.js

@@ -1 +1 @@
-import{css as r}from"styled-components";const o=r(["&::-webkit-scrollbar{width:6px;height:6px;background:",";}&::-webkit-scrollbar-thumb{background:",";}&::-webkit-scrollbar-track{background:",";}&::-webkit-scrollbar-corner{display:none;}"],(({theme:r})=>r.colors.grayScale.gray4),(({theme:r})=>r.colors.accent.primaryLight),(({theme:r})=>r.colors.grayScale.gray5));export{o as ScrollbarStyle};
+import{css as r}from"styled-components";const o=r(["&::-webkit-scrollbar{width:6px;height:6px;background:",";}&::-webkit-scrollbar-thumb{background:",";}&::-webkit-scrollbar-track{background:",";}&::-webkit-scrollbar-corner{display:none;}"],({theme:r})=>r.colors.grayScale.gray4,({theme:r})=>r.colors.accent.primaryLight,({theme:r})=>r.colors.grayScale.gray5);export{o as ScrollbarStyle};

package/dist/components/scrollbar/styled.d.ts

@@ -11,7 +11,7 @@ export interface ScrollbarContentProps {
 }
 export declare const ScrollbarContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ScrollbarContentProps>>;
 export declare const ScrollbarShadows: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -60,6 +60,10 @@ export declare const ScrollbarShadows: import("styled-components").IStyledCompon
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -269,6 +273,8 @@ export declare const ScrollbarShadows: import("styled-components").IStyledCompon
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -277,6 +283,14 @@ export declare const ScrollbarShadows: import("styled-components").IStyledCompon
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;

package/dist/components/scrollbar/styled.js

@@ -1 +1 @@
-import{styled as e,css as o}from"styled-components";import{adaptive as r}from"../../adaptive/index.js";const i=e.div.withConfig({displayName:"styled__ScrollbarStyled",componentId:"sc-tlqpsa-0"})(["position:relative;width:inherit;height:inherit;overflow:",";"],(({$overflow:e})=>{switch(e){case"auto":return"hidden";case"visible":return"visible"}})),t=e.div.withConfig({displayName:"styled__ScrollbarContent",componentId:"sc-tlqpsa-1"})(["position:relative;width:inherit;height:inherit;overflow:",";",""],(({$overflow:e})=>{switch(e){case"auto":return"auto";case"visible":return"visible"}}),(({theme:e,$disabled:i,$size:t,$variant:a})=>i?o(["&::-webkit-scrollbar{display:none;}"]):o(["&::-webkit-scrollbar{width:",";height:",";background:",";","}&::-webkit-scrollbar-thumb{background:",";","}&::-webkit-scrollbar-track{background:",";","}&::-webkit-scrollbar-corner{display:none;}",""],`${t}px`,`${t}px`,e.colors.grayScale.gray4,"secondary"===a&&o(["border-radius:",";"],t/2+"px"),"light"===e.mode?e.colors.accent.primary:e.colors.accent.primaryLight,"secondary"===a&&o(["border-radius:",";"],t/2+"px"),(({theme:e})=>"light"===e.mode?e.colors.grayScale.gray4:e.colors.grayScale.gray5),"secondary"===a&&o(["border-radius:",";"],t/2+"px"),r((()=>({touch:o(["&::-webkit-scrollbar{display:none;}"])})))))),a=e.div.withConfig({displayName:"styled__ScrollbarShadows",componentId:"sc-tlqpsa-2"})(["position:absolute;top:0px;bottom:0px;left:0px;right:0px;pointer-events:none;"]);export{t as ScrollbarContent,a as ScrollbarShadows,i as ScrollbarStyled};
+import{styled as e,css as o}from"styled-components";import{adaptive as r}from"../../adaptive/index.js";const i=e.div.withConfig({displayName:"styled__ScrollbarStyled",componentId:"sc-tlqpsa-0"})(["position:relative;width:inherit;height:inherit;overflow:",";"],({$overflow:e})=>{switch(e){case"auto":return"hidden";case"visible":return"visible"}}),t=e.div.withConfig({displayName:"styled__ScrollbarContent",componentId:"sc-tlqpsa-1"})(["position:relative;width:inherit;height:inherit;overflow:",";",""],({$overflow:e})=>{switch(e){case"auto":return"auto";case"visible":return"visible"}},({theme:e,$disabled:i,$size:t,$variant:a})=>i?o(["&::-webkit-scrollbar{display:none;}"]):o(["&::-webkit-scrollbar{width:",";height:",";background:",";","}&::-webkit-scrollbar-thumb{background:",";","}&::-webkit-scrollbar-track{background:",";","}&::-webkit-scrollbar-corner{display:none;}",""],`${t}px`,`${t}px`,e.colors.grayScale.gray4,"secondary"===a&&o(["border-radius:",";"],t/2+"px"),"light"===e.mode?e.colors.accent.primary:e.colors.accent.primaryLight,"secondary"===a&&o(["border-radius:",";"],t/2+"px"),({theme:e})=>"light"===e.mode?e.colors.grayScale.gray4:e.colors.grayScale.gray5,"secondary"===a&&o(["border-radius:",";"],t/2+"px"),r(()=>({touch:o(["&::-webkit-scrollbar{display:none;}"])})))),a=e.div.withConfig({displayName:"styled__ScrollbarShadows",componentId:"sc-tlqpsa-2"})(["position:absolute;top:0px;bottom:0px;left:0px;right:0px;pointer-events:none;"]);export{t as ScrollbarContent,a as ScrollbarShadows,i as ScrollbarStyled};

package/dist/components/section/styled.d.ts

@@ -11,6 +11,4 @@ export declare const SectionContent: import("styled-components").IStyledComponen
 export interface SectionContainerProps {
     $fullHeight: boolean;
 }
-export declare const SectionContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("@/ui/components/container").ContainerProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, SectionContainerProps>>;
+export declare const SectionContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@/ui/components/container").ContainerProps, SectionContainerProps>>;

package/dist/components/section/styled.js

@@ -1,18 +1,18 @@
-import{styled as e,css as i}from"styled-components";import t from"./assets/bg-lines.svg.js";import{Container as o}from"../container/index.js";const n=e.section.withConfig({displayName:"styled__SectionStyled",componentId:"sc-1rvaal9-0"})(["background:",";"," "," ",""],(({theme:e})=>e.colors.base.black),(({$bgLines:e})=>e&&i`
+import{styled as e,css as i}from"styled-components";import t from"./assets/bg-lines.svg.js";import{Container as o}from"../container/index.js";const n=e.section.withConfig({displayName:"styled__SectionStyled",componentId:"sc-1rvaal9-0"})(["background:",";"," "," ",""],({theme:e})=>e.colors.base.black,({$bgLines:e})=>e&&i`
       background-image: url(${JSON.stringify(t)});
       background-position: center;
       background-repeat: no-repeat;
       background-size: 1291px 4797px;
-    `),(({$bg:e})=>e&&i`
+    `,({$bg:e})=>e&&i`
       position: relative;
       overflow: hidden;
-    `),(({$fullHeight:e})=>e&&i`
+    `,({$fullHeight:e})=>e&&i`
       min-height: calc(100vh - ${({theme:e})=>e.header.height});
       @media (max-width: ${({theme:e})=>e.mobile.maxWidth}) {
         min-height: calc(100vh - ${({theme:e})=>e.header.mobile.height});
       }
-    `)),a=e.div.withConfig({displayName:"styled__SectionContent",componentId:"sc-1rvaal9-1"})(["position:relative;",""],(({$fullHeight:e})=>e&&i`
+    `),a=e.div.withConfig({displayName:"styled__SectionContent",componentId:"sc-1rvaal9-1"})(["position:relative;",""],({$fullHeight:e})=>e&&i`
       min-height: inherit;
-    `)),h=e(o).withConfig({displayName:"styled__SectionContainer",componentId:"sc-1rvaal9-2"})(["",""],(({$fullHeight:e})=>e&&i`
+    `),h=e(o).withConfig({displayName:"styled__SectionContainer",componentId:"sc-1rvaal9-2"})(["",""],({$fullHeight:e})=>e&&i`
       min-height: inherit;
-    `));export{h as SectionContainer,a as SectionContent,n as SectionStyled};
+    `);export{h as SectionContainer,a as SectionContent,n as SectionStyled};

package/dist/components/select-field/context.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface SelectFieldContextValue {
-    selectRef: React.RefObject<HTMLElement>;
+    selectRef: React.RefObject<HTMLElement | null>;
     handleSelectClick: React.MouseEventHandler<HTMLElement>;
 }
 export declare const SelectFieldContext: React.Context<SelectFieldContextValue>;

package/dist/components/select-field/index.d.ts

@@ -1,5 +1,5 @@
-import { SelectFieldInputChangeEventHandler, SelectFieldInputType } from './types';
 import { SelectModalGeneralProps } from './select-modal';
+import { SelectFieldInputChangeEventHandler, SelectFieldInputType } from './types';
 import { UseSelectFieldProps } from './useSelectField';
 export type SelectFieldProps = {
     className?: string;
@@ -13,7 +13,6 @@ export type SelectFieldProps = {
     inputValue?: string;
     clearable?: boolean;
     loading?: boolean;
-    padding?: [number, number];
     dataTest?: string;
     onInputChange?: SelectFieldInputChangeEventHandler;
     onPointerLeave?: React.PointerEventHandler<HTMLDivElement>;

package/dist/components/select-field/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsx as l,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useCallback as o,useState as n}from"react";import{SelectFieldStyled as a,SelectFieldLabel as i,SelectFieldInput as d,SelectFieldInputLeftSide as s,SelectFieldSearchIcon as c,SelectFieldInputNative as h,SelectFieldPlaceholder as p,SelectFieldValue as u,SelectFieldValueText as m,SelectFieldValueColor as b,SelectFieldColorValueText as f,SelectFieldValues as y,SelectFieldValueList as g,SelectFieldValueListItem as v,SelectFieldInputSide as S,SelectFieldClearButton as C,SelectFieldLoader as $,SelectFieldArrow as j,SelectFieldSkeleton as k,SelectFieldErrorText as x}from"./styled.js";import"../../theme/index.js";import{Skeleton as W}from"../skeleton/index.js";import{IconProvider as A}from"../icon/context.js";import"../icon/styled.js";import{Tooltip as P}from"../tooltip/index.js";import{SelectFieldProvider as M}from"./context.js";export{SelectFieldConsumer,SelectFieldContext,useSelectFieldContext}from"./context.js";import{SelectModal as O}from"./select-modal/index.js";import{useSelectField as T}from"./useSelectField.js";import{useTheme as I}from"../../theme/hook.js";import{TooltipConsumer as F}from"../tooltip/context.js";const L=L=>{var{className:V,label:z,placeholder:N,data:R,fullWidth:w=!1,contentWidth:D,error:E,skeleton:Z=!1,blur:B=!1,size:q="small",disableSelect:G=!1,disableScrollbar:H=!1,empty:J,after:K,loading:Q=!1,enableInput:U=!1,inputType:X="text",inputValue:Y,clearable:_=!1,disablePortal:ee,tabs:le,search:te,searchPlaceholder:re,resetStyleState:oe,children:ne,modalWidth:ae,dataTest:ie,selectedColor:de,compactWidth:se,modalStyles:ce,openedModel:he,onSearch:pe,onOptionClick:ue,onInputChange:me,onPointerLeave:be}=L,fe=e(L,["className","label","placeholder","data","fullWidth","contentWidth","error","skeleton","blur","size","disableSelect","disableScrollbar","empty","after","loading","enableInput","inputType","inputValue","clearable","disablePortal","tabs","search","searchPlaceholder","resetStyleState","children","modalWidth","dataTest","selectedColor","compactWidth","modalStyles","openedModel","onSearch","onOptionClick","onInputChange","onPointerLeave"]);const ye=T(fe),{isOpen:ge,triggerRef:ve,value:Se,disabled:Ce,multiple:$e,handleClose:je,handleInputClick:ke,setValue:xe}=ye,We=e(ye,["isOpen","triggerRef","value","disabled","multiple","handleClose","handleInputClick","setValue"]),Ae=I(),Pe=o((e=>{null==me||me(e)}),[me]);let[Me,Oe]=n("");void 0!==Y&&([Me,Oe]=[Y,Pe]);const[Te,Ie]=n(!1),Fe=o(((e,l)=>{l.stopPropagation(),Array.isArray(Se)&&xe("string"==typeof e?Se.filter((l=>"string"==typeof l?l!==e:l.value!==e)):Se.filter((l=>"string"==typeof l?l!==e.value:l.value!==e.value))),je()}),[Se]),Le=o((e=>{Oe(e.currentTarget.value)}),[Oe]),Ve=o((()=>{xe(null),Oe("")}),[xe,Oe]);return l(M,{selectRef:ve,handleSelectClick:ke.bind(null,!1),children:t(a,{$fullWidth:w,$disabled:Ce,className:V,onPointerLeave:be,children:[z&&Z&&l(i,{children:l(W,{width:100})}),"string"==typeof z&&!Z&&l(i,{children:z}),"string"!=typeof z&&!Z&&z,ne,!ne&&t(r,{children:[!Z&&t(d,{$open:ge,$error:!!E,$disabled:Ce,$skeleton:!1,$blur:B,$loading:Q,$multiple:$e&&Array.isArray(Se)&&Se.length>0,ref:ve,onClick:ke.bind(null,!1),"data-test":ie,children:[t(s,{children:[(!Se||Array.isArray(Se)&&0===Se.length)&&t(r,{children:[U&&"search"===X&&l(c,{$focus:Te}),U&&l(h,{type:X,value:Me,placeholder:N,disabled:Ce,onClick:ke.bind(null,!0),onChange:Le,onFocus:Ie.bind(null,!0),onBlur:Ie.bind(null,!1)}),!U&&l(p,{$open:ge,children:N})]}),"string"==typeof Se&&""!==Se&&l(u,{children:l(m,{children:Se})}),Se&&"object"==typeof Se&&!Array.isArray(Se)&&t(u,{children:[Se.icon&&l(A,{fill:Ae.colors.base.white,size:18,children:Se.icon}),Se.color&&l(b,{$color:Se.color}),Se.label&&l(P,{label:Se.label,placement:"top-left",disabled:Se.label.length<=128,children:l(F,{children:({handleTooltipMouseEnter:e,handleTooltipMouseLeave:t})=>l(f,{onMouseEnter:e,onMouseLeave:t,children:Se.label})})}),!Se.label&&Se.value&&l(f,{children:Se.value})]}),Array.isArray(Se)&&Se.length>0&&l(y,{children:l(g,{children:Se.map(((e,t)=>{var r,o,n;return"string"==typeof e?l(v,{onDelete:Fe.bind(null,e),children:e},e):l(v,{onDelete:Fe.bind(null,e),children:null!==(r=e.label)&&void 0!==r?r:e.value},null!==(n=null!==(o=e.id)&&void 0!==o?o:e.value)&&void 0!==n?n:t)}))})})]}),t(S,{children:[(_&&Se||U&&"search"===X&&!Q&&Me||U&&Se)&&l(C,{onClick:Ve}),Q&&l($,{}),l(j,{style:{transform:ge?"rotateZ(180deg)":"rotateZ(0deg)"}})]})]}),Z&&l(d,{$open:!1,$error:!1,$disabled:!1,$skeleton:!0,$loading:!1,$blur:B,$multiple:!1,ref:ve,children:l(k,{})})]}),l(O,Object.assign({},We,{isOpen:ge,data:R,contentWidth:D,size:q,disableSelect:G,disableScrollbar:H,empty:J,after:K,tabs:le,search:te,searchPlaceholder:re,resetStyleState:oe,blur:B,disablePortal:ee,value:Se,multiple:$e,onSearch:pe,onOptionClick:ue,handleClose:je,setValue:xe,modalWidth:ae,selectedColor:de,compactWidth:se,modalStyles:ce,openedModel:he})),E&&l(x,{children:E})]})})};export{L as SelectField,j as SelectFieldArrow,C as SelectFieldClearButton,f as SelectFieldColorValueText,x as SelectFieldErrorText,d as SelectFieldInput,s as SelectFieldInputLeftSide,h as SelectFieldInputNative,S as SelectFieldInputSide,i as SelectFieldLabel,$ as SelectFieldLoader,p as SelectFieldPlaceholder,M as SelectFieldProvider,c as SelectFieldSearchIcon,k as SelectFieldSkeleton,a as SelectFieldStyled,u as SelectFieldValue,b as SelectFieldValueColor,g as SelectFieldValueList,v as SelectFieldValueListItem,m as SelectFieldValueText,y as SelectFieldValues,O as SelectModal,T as useSelectField};
+import{__rest as e}from"tslib";import{jsx as l,jsxs as t,Fragment as a}from"react/jsx-runtime";import{useCallback as r,useState as i,useMemo as o}from"react";import{SelectFieldLabel as n,SelectFieldStyled as d,SelectFieldInput as s,SelectFieldSkeleton as c,SelectFieldInputLeftSide as u,SelectFieldSearchIcon as p,SelectFieldInputNative as h,SelectFieldPlaceholder as m,SelectFieldInputSide as b,SelectFieldClearButton as f,SelectFieldLoader as S,SelectFieldArrow as y,SelectFieldErrorText as C}from"./styled.js";export{SelectFieldColorValueText,SelectFieldValue,SelectFieldValueColor,SelectFieldValueList,SelectFieldValueListItem,SelectFieldValueText,SelectFieldValues}from"./styled.js";import{Skeleton as g}from"../skeleton/index.js";import{SelectModal as $}from"./select-modal/index.js";import{SelectFieldInputValue as v}from"./nodes/value/index.js";import{SelectFieldProvider as k}from"./context.js";export{SelectFieldConsumer,SelectFieldContext,useSelectFieldContext}from"./context.js";import{useSelectField as x}from"./useSelectField.js";const V=V=>{var{className:F,label:W,placeholder:j,data:P,fullWidth:O=!1,contentWidth:I,error:T,skeleton:A=!1,blur:L=!1,size:z="small",disableSelect:M=!1,disableScrollbar:N=!1,empty:R,after:w,loading:B=!1,enableInput:D=!1,inputType:q="text",inputValue:E,clearable:G=!1,disablePortal:H,tabs:J,search:K,searchPlaceholder:Q,resetStyleState:U,children:X,modalWidth:Y,dataTest:Z,selectedColor:_,compactWidth:ee,modalStyles:le,openedModel:te,onSearch:ae,onOptionClick:re,onInputChange:ie,onPointerLeave:oe}=V,ne=e(V,["className","label","placeholder","data","fullWidth","contentWidth","error","skeleton","blur","size","disableSelect","disableScrollbar","empty","after","loading","enableInput","inputType","inputValue","clearable","disablePortal","tabs","search","searchPlaceholder","resetStyleState","children","modalWidth","dataTest","selectedColor","compactWidth","modalStyles","openedModel","onSearch","onOptionClick","onInputChange","onPointerLeave"]);const de=x(ne),{isOpen:se,triggerRef:ce,value:ue,disabled:pe,multiple:he,handleClose:me,handleInputClick:be,setValue:fe}=de,Se=e(de,["isOpen","triggerRef","value","disabled","multiple","handleClose","handleInputClick","setValue"]),ye=r(e=>{null==ie||ie(e)},[ie]),[Ce,ge]=void 0===E?i(""):[E,ye],[$e,ve]=i(!1),ke=o(()=>D&&"search"===q,[D,q]),xe=o(()=>he&&Array.isArray(ue)&&ue.length>0,[he,ue]),Ve=o(()=>A?l(n,{children:l(g,{width:100})}):"string"==typeof W?l(n,{children:W}):W,[A,W]),Fe=r((e,l)=>{if(l.stopPropagation(),Array.isArray(ue)){if("string"==typeof e)return void fe(ue.filter(l=>"string"==typeof l?l!==e:l.value!==e));fe(ue.filter(l=>"string"==typeof l?l!==e.value:l.value!==e.value))}me()},[ue]),We=r(e=>{ge(e.currentTarget.value)},[ge]),je=r(()=>{fe(null),ge("")},[fe,ge]);return l(k,{selectRef:ce,handleSelectClick:be.bind(null,!1),children:t(d,{$fullWidth:O,$disabled:pe,className:F,onPointerLeave:oe,children:[Ve,null!=X?X:l(a,{children:A?l(s,{$open:!1,$error:!1,$disabled:!1,$skeleton:!0,$loading:!1,$blur:L,$multiple:!1,ref:ce,children:l(c,{})}):t(s,{$open:se,$error:!!T,$disabled:pe,$skeleton:!1,$blur:L,$loading:B,$multiple:xe,ref:ce,onClick:be.bind(null,!1),"data-test":Z,children:[t(u,{children:[(!ue||Array.isArray(ue)&&0===ue.length)&&t(a,{children:[ke&&l(p,{$focus:$e}),D?l(h,{type:q,value:Ce,placeholder:j,disabled:pe,onClick:be.bind(null,!0),onChange:We,onFocus:ve.bind(null,!0),onBlur:ve.bind(null,!1)}):l(m,{$open:se,children:j})]}),l(v,{value:ue,handleValueDelete:Fe})]}),t(b,{children:[(ue&&(G||D)||ke&&!B&&Ce)&&l(f,{onClick:je}),B&&l(S,{}),l(y,{$isOpen:se})]})]})}),l($,Object.assign({},Se,{isOpen:se,data:P,contentWidth:I,size:z,disableSelect:M,disableScrollbar:N,empty:R,after:w,tabs:J,search:K,searchPlaceholder:Q,resetStyleState:U,blur:L,disablePortal:H,value:ue,multiple:he,onSearch:ae,onOptionClick:re,handleClose:me,setValue:fe,modalWidth:Y,selectedColor:_,compactWidth:ee,modalStyles:le,openedModel:te})),T&&l(C,{children:T})]})})};export{V as SelectField,y as SelectFieldArrow,f as SelectFieldClearButton,C as SelectFieldErrorText,s as SelectFieldInput,u as SelectFieldInputLeftSide,h as SelectFieldInputNative,b as SelectFieldInputSide,n as SelectFieldLabel,S as SelectFieldLoader,m as SelectFieldPlaceholder,k as SelectFieldProvider,p as SelectFieldSearchIcon,c as SelectFieldSkeleton,d as SelectFieldStyled,$ as SelectModal,x as useSelectField};

package/dist/components/select-field/nodes/index.d.ts

@@ -0,0 +1 @@
+export * from './value';

package/dist/components/select-field/nodes/value/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SelectFieldDataItem, ValueType } from '../../types';
+export interface SelectFieldInputValueProps {
+    value: ValueType;
+    handleValueDelete: (item: SelectFieldDataItem, event: React.MouseEvent) => unknown;
+}
+export declare const SelectFieldInputValue: React.FC<SelectFieldInputValueProps>;

package/dist/components/select-field/nodes/value/index.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{SelectFieldValue as o,SelectFieldValueText as i,SelectFieldValues as n,SelectFieldValueList as r,SelectFieldValueListItem as t,SelectFieldValueColor as c,SelectFieldColorValueText as d}from"../../styled.js";import"tslib";import{IconProvider as a}from"../../../icon/context.js";import"../../../icon/styled.js";import{Tooltip as s}from"../../../tooltip/index.js";import"../../../../theme/index.js";import{useTheme as h}from"../../../../theme/hook.js";import{TooltipConsumer as m}from"../../../tooltip/context.js";const p=({value:p,handleValueDelete:u})=>{const b=h();return p&&["string","object"].includes(typeof p)?"string"==typeof p?e(o,{children:e(i,{children:p})}):Array.isArray(p)?e(n,{children:e(r,{children:p.map((l,o)=>{var i,n,r;return"string"==typeof l?e(t,{onDelete:u.bind(null,l),children:l},l):e(t,{onDelete:u.bind(null,l),children:null!==(i=l.label)&&void 0!==i?i:l.value},null!==(r=null!==(n=l.id)&&void 0!==n?n:l.value)&&void 0!==r?r:o)})})}):l(o,{children:[p.icon&&e(a,{fill:b.colors.base.white,size:18,children:p.icon}),p.color&&e(c,{$color:p.color}),p.label&&e(s,{label:p.label,placement:"top-left",disabled:p.label.length<=128,children:e(m,{children:({handleTooltipMouseEnter:l,handleTooltipMouseLeave:o})=>e(d,{onMouseEnter:l,onMouseLeave:o,children:p.label})})}),!p.label&&p.value&&e(d,{children:p.value})]}):null};export{p as SelectFieldInputValue};

package/dist/components/select-field/select-modal/filterData.js

@@ -1 +1 @@
-import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{hasSubstring as l}from"../../../utils/hasSubstring/index.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";const t=(t,r)=>t.map((t=>{if("string"==typeof t)return l(t,r)?t:null;if("collapse"===t.type&&t.data){const a=t.data.map((t=>"string"==typeof t?l(t,r)?t:null:t.label?l(t.label,r)?t:null:t)).filter((l=>null!==l));return a.length>0?Object.assign(Object.assign({},t),{data:a}):null}return t.label?l(t.label,r)?t:null:t})).filter((l=>null!==l));export{t as filterData};
+import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{hasSubstring as l}from"../../../utils/hasSubstring/index.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";const t=(t,r)=>t.map(t=>{if("string"==typeof t)return l(t,r)?t:null;if("collapse"===t.type&&t.data){const a=t.data.map(t=>"string"==typeof t?l(t,r)?t:null:t.label?l(t.label,r)?t:null:t).filter(l=>null!==l);return a.length>0?Object.assign(Object.assign({},t),{data:a}):null}return t.label?l(t.label,r)?t:null:t}).filter(l=>null!==l);export{t as filterData};

package/dist/components/select-field/select-modal/index.d.ts

@@ -26,5 +26,5 @@ export type SelectModalGeneralProps = {
     onOptionClick?: SelectFieldOptionClickEventHandler;
 };
 export type SelectModalProps = SelectModalGeneralProps & Omit<UseSelectFieldReturnType, 'disabled' | 'handleInputClick' | 'maxHeight' | 'triggerRef'>;
-export declare const SelectModal: ({ isOpen, data, contentWidth, contentHeight, size, disableSelect, disableScrollbar, empty, after, tabs, search, searchPlaceholder, resetStyleState, placement, selectModalRef, disablePortal, blur, x, y, width, isKeyboardOpen, value, multiple, modalWidth, openedModel, selectedColor, compactWidth, modalStyles, onSearch, onOptionClick, handleClose, setValue, }: SelectModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectModal: ({ isOpen, data: initialData, contentWidth, contentHeight, size, disableSelect, disableScrollbar, empty, after, tabs, search, searchPlaceholder, resetStyleState, placement, selectModalRef, disablePortal, blur, x, y, width, isKeyboardOpen, value, multiple, modalWidth, openedModel, selectedColor, compactWidth, modalStyles, onSearch, onOptionClick, handleClose, setValue, }: SelectModalProps) => import("react/jsx-runtime").JSX.Element;
 export * from './styled';

package/dist/components/select-field/select-modal/index.js

@@ -1 +1 @@
-import{__rest as i}from"tslib";import{jsx as o,jsxs as s}from"react/jsx-runtime";import n,{useState as e,useRef as t,useCallback as r,useEffect as c,useMemo as d}from"react";import{SelectModalStyled as p,SelectModalPositionWrapper as m,SelectModalContent as x,SelectModalGroups as j,SelectModalTabsContainer as a,SelectModalTabs as l,SelectModalSearch as g,SelectModalAfter as b}from"./styled.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import{SearchSimpleIcon as u}from"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import{Portal as h}from"../../portal/index.js";import{SelectFieldGroup as f}from"../select-field-group/index.js";import{SelectFieldOptions as w}from"../option/list/index.js";import"../option/collapse/styled.js";import"../../icon/styled.js";import"@react-spring/web";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import{filterData as y}from"./filterData.js";const k=({isOpen:k,data:v=[],contentWidth:O,contentHeight:$,size:C="small",disableSelect:S=!1,disableScrollbar:z=!1,empty:q,after:W,tabs:T,search:P,searchPlaceholder:A,resetStyleState:H,placement:M,selectModalRef:B,disablePortal:D,blur:F=!1,x:I,y:K,width:R,isKeyboardOpen:V,value:_,multiple:E,modalWidth:G,openedModel:J,selectedColor:L,compactWidth:N,modalStyles:Q,onSearch:U,onOptionClick:X,handleClose:Y,setValue:Z})=>{const[ii,oi]=e([]),[si,ni]=e(""),ei=t(0),ti=r((i=>{const{value:o}=i.currentTarget;null==U||U(o),ni(o)}),[U,ni]),ri=r((i=>{var o;if("object"!=typeof i||!i.disabled){if("object"==typeof i&&i.noSelect)return null===(o=null==i?void 0:i.onClick)||void 0===o||o.call(i,i),void Y();null==X||X(i),S||(E&&Array.isArray(_)?Z([...new Set([..._,i])]):Z(i)),Y()}}),[_,Z,E,X,S]);c((()=>{oi(J?[J]:[]),ei.current=0,ni("")}),[H,J]);const ci=r((i=>{ei.current=0,oi([]),T&&T.onClick&&T.onClick(i)}),[T]),di=r((i=>oi((o=>o.includes(i)?o.filter((o=>o!==i)):[...o,i]))),[ii]),pi=d((()=>D?n.Fragment:h),[D]);return v=v.map((o=>{if("object"==typeof o&&"collapse"===o.type&&o.id&&!o.disabled){const{onClick:s}=o,n=i(o,["onClick"]),e=()=>{s&&s(o),o.id&&di(o.id)},t=ii.includes(o.id);return Object.assign(Object.assign(Object.assign({},n),t&&{open:t}),{onClick:e})}return o})),o(pi,{children:o(p,{$isOpen:k,$contentWidth:O,$disablePortal:D,$placement:M,ref:B,style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},Q),0!==I&&Object.assign(Object.assign({},"top-right"!==M&&{left:I}),"top-right"===M&&Object.assign(Object.assign({},void 0===O&&{left:`calc(${I}px - ${R})`}),"number"==typeof O&&{left:`calc(${I}px - ${O>R?`calc(var(--bothub-scale, 1) * ${O}px)`:`${R}px`})`}))),0!==K&&{top:K}),void 0===O&&{width:R}),"number"==typeof O&&{width:O>R?`calc(var(--bothub-scale, 1) * ${O}px)`:R}),children:o(m,{$blur:F,$placement:M,$width:G,$compactWidth:N,style:Object.assign(Object.assign({},"number"==typeof $&&$>=0&&{height:`calc(var(--bothub-scale, 1) * ${$}px)`}),"string"==typeof $&&{height:$}),children:o(x,{children:s(j,{$size:C,children:[!!T&&o(a,{children:o(l,Object.assign({},T,{onClick:ci}))}),P&&o(g,{startIcon:o(u,{}),placeholder:A,value:si,onChange:ti,onClick:()=>{V.current=!0},onBlur:()=>setTimeout((()=>{V.current=!1}),500)}),v.length>0?o(f,{scrollTop:ei.current,onScrollTopChange:i=>{ei.current=i},$size:C,$disableScrollbar:z,$followContentHeight:!!$,children:o(w,{value:_,data:U?v:y(v,si),size:C,disableSelect:S,onOptionClick:ri,selectedColor:L})}):q,W&&o(b,{children:o(w,{value:_,data:W,size:C,disableSelect:S,onOptionClick:ri,selectedColor:L})})]})})})})})};export{k as SelectModal,b as SelectModalAfter,x as SelectModalContent,j as SelectModalGroups,m as SelectModalPositionWrapper,g as SelectModalSearch,p as SelectModalStyled,l as SelectModalTabs,a as SelectModalTabsContainer};
+import{__rest as i}from"tslib";import{jsx as o,jsxs as s}from"react/jsx-runtime";import n,{useState as e,useRef as t,useCallback as r,useEffect as c,useMemo as d}from"react";import{SelectModalStyled as p,SelectModalPositionWrapper as m,SelectModalContent as x,SelectModalGroups as j,SelectModalTabsContainer as a,SelectModalTabs as l,SelectModalSearch as g,SelectModalAfter as b}from"./styled.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import{SearchSimpleIcon as u}from"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import{Portal as h}from"../../portal/index.js";import{SelectFieldGroup as f}from"./select-field-group/index.js";import{SelectFieldOptions as w}from"./option/list/index.js";import"./option/collapse/styled.js";import"../../icon/styled.js";import"@react-spring/web";import"react-markdown";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import{filterData as y}from"./filterData.js";const k=({isOpen:k,data:v=[],contentWidth:O,contentHeight:$,size:C="small",disableSelect:S=!1,disableScrollbar:z=!1,empty:q,after:W,tabs:T,search:P,searchPlaceholder:A,resetStyleState:H,placement:M,selectModalRef:B,disablePortal:D,blur:F=!1,x:I,y:K,width:R,isKeyboardOpen:V,value:_,multiple:E,modalWidth:G,openedModel:J,selectedColor:L,compactWidth:N,modalStyles:Q,onSearch:U,onOptionClick:X,handleClose:Y,setValue:Z})=>{const[ii,oi]=e([]),[si,ni]=e(""),ei=t(0),ti=r(i=>{const{value:o}=i.currentTarget;null==U||U(o),ni(o)},[U,ni]),ri=r(i=>{var o;if("object"!=typeof i||!i.disabled){if("object"==typeof i&&i.noSelect)return null===(o=null==i?void 0:i.onClick)||void 0===o||o.call(i,i),void Y();null==X||X(i),S||(E&&Array.isArray(_)?Z([...new Set([..._,i])]):Z(i)),Y()}},[_,E,S,Z,X,Y]);c(()=>{oi(J?[J]:[]),ei.current=0,ni("")},[H,J]);const ci=r(i=>{ei.current=0,oi([]),T&&T.onClick&&T.onClick(i)},[T]),di=r(i=>oi(o=>o.includes(i)?o.filter(o=>o!==i):[...o,i]),[]),pi=d(()=>D?n.Fragment:h,[D]),mi=d(()=>v.map(o=>{if(o&&"object"==typeof o&&"collapse"===o.type&&o.id&&!o.disabled){const{onClick:s}=o,n=i(o,["onClick"]),e=()=>{s&&s(o),o.id&&di(o.id)},t=ii.includes(o.id);return Object.assign(Object.assign({},n),{open:t,onClick:e})}return o}),[v,ii,di]);return o(pi,{children:o(p,{$isOpen:k,$contentWidth:O,$disablePortal:D,$placement:M,ref:B,style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},Q),0!==I&&Object.assign(Object.assign({},"top-right"!==M&&{left:I}),"top-right"===M&&Object.assign(Object.assign({},void 0===O&&{left:`calc(${I}px - ${R})`}),"number"==typeof O&&{left:`calc(${I}px - ${O>R?`calc(var(--bothub-scale, 1) * ${O}px)`:`${R}px`})`}))),0!==K&&{top:K}),void 0===O&&{width:R}),"number"==typeof O&&{width:O>R?`calc(var(--bothub-scale, 1) * ${O}px)`:R}),children:o(m,{$blur:F,$placement:M,$width:G,$compactWidth:N,style:Object.assign(Object.assign({},"number"==typeof $&&$>=0&&{height:`calc(var(--bothub-scale, 1) * ${$}px)`}),"string"==typeof $&&{height:$}),children:o(x,{children:s(j,{$size:C,children:[!!T&&o(a,{children:o(l,Object.assign({},T,{onClick:ci}))}),P&&o(g,{startIcon:o(u,{}),placeholder:A,value:si,onChange:ti,onClick:()=>{V.current=!0},onBlur:()=>setTimeout(()=>{V.current=!1},500)}),mi.length>0?o(f,{scrollTop:ei.current,onScrollTopChange:i=>{ei.current=i},$size:C,$disableScrollbar:z,$followContentHeight:!!$,children:o(w,{value:_,data:U?mi:y(mi,si),size:C,disableSelect:S,onOptionClick:ri,selectedColor:L})}):q,W&&o(b,{children:o(w,{value:_,data:W,size:C,disableSelect:S,onOptionClick:ri,selectedColor:L})})]})})})})})};export{k as SelectModal,b as SelectModalAfter,x as SelectModalContent,j as SelectModalGroups,m as SelectModalPositionWrapper,g as SelectModalSearch,p as SelectModalStyled,l as SelectModalTabs,a as SelectModalTabsContainer};

package/dist/components/select-field/select-modal/option/collapse/index.js

@@ -0,0 +1 @@
+import{__rest as t}from"tslib";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as i,useLayoutEffect as r}from"react";import{SelectFieldCollapseOptionStyled as s,SelectFieldCollapseOptionHead as l,SelectFieldCollapseOptionHeadSide as n,SelectFieldCollapseOptionText as c,SelectFieldCollapseOptionArrow as m,SelectFieldCollapseOptionBody as p}from"./styled.js";import{IconProvider as d}from"../../../../icon/context.js";import"../../../../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../../../../portal/styled.js";import"../../../../tooltip/styled.js";import"../../../../tooltip/arrow/styled.js";import"../../../../../theme/index.js";import"../../../../tooltip/context.js";import{useTheme as a}from"../../../../../theme/hook.js";const f=f=>{var j,h,{size:b,item:y,children:g,onClick:z,icon:$}=f,k=t(f,["size","item","children","onClick","icon"]);const u=a(),[x,v]=i("string"!=typeof y&&(null!==(j=y.open)&&void 0!==j&&j));let w;w="string"!=typeof y&&!!y.disabled,r(()=>{"string"!=typeof y&&v(Boolean(y.open))},[y]);const C="string"==typeof y?y:null!==(h=y.label)&&void 0!==h?h:y.value;return o(s,Object.assign({},k,{$size:b,"data-test":C,children:[o(l,Object.assign({$disabled:w,$size:b},!w&&{onClick:()=>{v(t=>!t),z&&z(y)}},{children:[o(n,{$size:b,children:["object"==typeof y&&y.icon&&e(d,{size:"large"===b?24:16,fill:u.colors.base.white,children:y.icon}),e(c,{$size:b,$bold:"object"==typeof y&&y.bold,children:C})]}),e(n,{$size:b,children:$||e(m,{style:{transform:x?"rotateZ(180deg)":"rotateZ(0deg)"}})})]})),x&&e(p,{children:g})]}))};export{f as SelectFieldCollapseOption};