hrm_ui_lib 2.1.0-alpha.19 → 2.1.0-alpha.21

package/components/Select/MultiSelect/MultiSelect.js

@@ -1,3 +1,3 @@
-import{jsx as u,jsxs as U,Fragment as V}from"react/jsx-runtime";import{forwardRef as X,useState as l,useMemo as Y,useEffect as C,useId as Z}from"react";import{OptionsWrapper as $}from"./OptionsWrapper.js";import{Footer as ee}from"../SharedComponents/Footer.js";import"classnames";import"react-dom";import"../../../consts/index.js";import"../../../context/types.js";import{useOnOutsideClick as oe}from"../../../hooks/useOnOutsideClick.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";import"../../../helperComponents/ErrorMessage/consts.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import"motion/react";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../SharedComponents/ContentTop.js";import{InputSelectWrapper as te}from"../SharedComponents/InputSelectWrapper/InputSelectWrapper.js";import{ButtonSelectWrapper as re}from"../SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js";import{useIsMobile as ne}from"../../../hooks/useGetIsMobile.js";import{SELECT_TRANSLATIONS as se}from"../localization.js";const le=X((e,o)=>{const{isMobileFullScreen:s=!0,options:t,footerButtonProps:r,selectedItems:n,setSelectedItems:a,name:p,setFieldValue:i,value:d,label:c,placeHolder:m,isRequiredField:f,labelAddons:h,className:S="",disabled:j,dropdownWidth:I,align:b="left",size:x,isButtonSelect:O,checkboxInfo:g,translations:F,hasError:W,language:k="en",hideSelectedOptions:w=!1,...R}=e,[v,M]=l(null),y=d||n||[],[z,E]=l(!1),[T,A]=l(y),[B,N]=l(null),D=()=>E(!1),G=Y(()=>(null==T?void 0:T.length)!==(null==y?void 0:y.length)||-1!==(null==T?void 0:T.findIndex(e=>-1===(null==y?void 0:y.findIndex(o=>o.value===e.value)))),[T,y]);C(()=>{A(d||[])},[d]),C(()=>{n&&A(n||[])},[n]);const q=()=>{A(y),D()};oe(B,q,z,Z());const H=(e=!1)=>{((e,o)=>{a&&a(e,o),p&&i&&i(p,e),D()})(T,e)},L=O?re:te,P={...se[k],...F},X=ne();/* @__PURE__ */
-return u(L,{dropdownRef:v,isOpen:z,setIsOpen:E,containerRef:B,setContainerRef:N,dropdownWidth:I,setDropdownRef:M,size:x,label:c,align:b,disabled:j,className:S,labelAddons:h,placeHolder:m,selectedValues:T,isRequiredField:f,overflowText:P.overflowText,hasError:W,applySelectedItems:H,isMobile:X&&s,hideSelectedOptions:w,children:/* @__PURE__ */U(V,{children:[
-/* @__PURE__ */u($,{options:t,isOpen:z,translations:P,setIsOpen:E,dropdownRef:v,openDropdown:()=>E(!0),selectedValues:T,setSelectedValues:A,containerRef:B,dropdownWidth:I,isMobileFullScreen:s,applySelectedItems:H,...R}),!t.length||X&&s?null:/* @__PURE__ */u(ee,{checkboxInfo:g,hasChange:G,buttonProps:r,onCancel:q,onApply:H,language:k})]})})});le.displayName="MultiSelect";export{le as MultiSelect};
+import{jsx as u,jsxs as V,Fragment as X}from"react/jsx-runtime";import{forwardRef as Y,useState as l,useMemo as Z,useEffect as T,useId as $}from"react";import{OptionsWrapper as ee}from"./OptionsWrapper.js";import{Footer as oe}from"../SharedComponents/Footer.js";import"classnames";import"react-dom";import"../../../consts/index.js";import"../../../context/types.js";import{useOnOutsideClick as te}from"../../../hooks/useOnOutsideClick.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";import"../../../helperComponents/ErrorMessage/consts.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import"motion/react";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../SharedComponents/ContentTop.js";import{InputSelectWrapper as re}from"../SharedComponents/InputSelectWrapper/InputSelectWrapper.js";import{ButtonSelectWrapper as ne}from"../SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js";import{useIsMobile as se}from"../../../hooks/useGetIsMobile.js";import{SELECT_TRANSLATIONS as le}from"../localization.js";const ie=Y((e,o)=>{const{isMobileFullScreen:t=!0,options:s,footerButtonProps:r,selectedItems:n,setSelectedItems:a,name:i,setFieldValue:p,value:d,label:c,placeHolder:m,isRequiredField:f,labelAddons:h,className:S="",disabled:I,dropdownWidth:j,align:C="left",size:b,isButtonSelect:x,checkboxInfo:O,translations:g,hasError:F,language:W="en",hideSelectedOptions:k=!1,dataTestId:w,...R}=e,[v,M]=l(null),y=d||n||[],[z,E]=l(!1),[A,B]=l(y),[N,D]=l(null),G=()=>E(!1),U=Z(()=>(null==A?void 0:A.length)!==(null==y?void 0:y.length)||-1!==(null==A?void 0:A.findIndex(e=>-1===(null==y?void 0:y.findIndex(o=>o.value===e.value)))),[A,y]);T(()=>{B(d||[])},[d]),T(()=>{n&&B(n||[])},[n]);const q=()=>{B(y),G()};te(N,q,z,$());const H=(e=!1)=>{((e,o)=>{a&&a(e,o),i&&p&&p(i,e),G()})(A,e)},L=x?ne:re,P={...le[W],...g},Y=se();/* @__PURE__ */
+return u(L,{dataTestId:w,dropdownRef:v,isOpen:z,setIsOpen:E,containerRef:N,setContainerRef:D,dropdownWidth:j,setDropdownRef:M,size:b,label:c,align:C,disabled:I,className:S,labelAddons:h,placeHolder:m,selectedValues:A,isRequiredField:f,overflowText:P.overflowText,hasError:F,applySelectedItems:H,isMobile:Y&&t,hideSelectedOptions:k,children:/* @__PURE__ */V(X,{children:[
+/* @__PURE__ */u(ee,{options:s,dataTestId:w,isOpen:z,translations:P,setIsOpen:E,dropdownRef:v,openDropdown:()=>E(!0),selectedValues:A,setSelectedValues:B,containerRef:N,dropdownWidth:j,isMobileFullScreen:t,applySelectedItems:H,...R}),!s.length||Y&&t?null:/* @__PURE__ */u(oe,{dataTestId:w,checkboxInfo:O,hasChange:U,buttonProps:r,onCancel:q,onApply:H,language:W})]})})});ie.displayName="MultiSelect";export{ie as MultiSelect};

package/components/Select/MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js

@@ -1,7 +1,7 @@
-import{jsxs as p,Fragment as Q,jsx as t}from"react/jsx-runtime";import{useState as u,useMemo as g,useCallback as k}from"react";import{Text as Y}from"../../../Text/Text.js";import{Divider as Z}from"../../../Divider/Divider.js";import{Empty as ee}from"../../../Empty/Empty.js";import{useGetElemSizes as te}from"../../../../hooks/useGetElemSizes.js";import"../../../../consts/index.js";import"../../../../context/types.js";import"../../../../hooks/useScreenSize.js";import"react-hook-form";import{OptionItem as z}from"../../../../helperComponents/OptionItem/OptionItem.js";import"classnames";import"../../../Checkbox/Checkbox.js";import"react-dom";import"motion/react";import"dayjs";import"../../../Collapse/CollapseGroup/CollapseGroup.js";import{ContentTop as le}from"../../SharedComponents/ContentTop.js";import"../../../Input/Input.js";import{DROPDOWN_MAX_HEIGHT as oe}from"../../constants.js";import re from"../../../SVGIcons/IconCaretUpFilled.js";import se from"../../../SVGIcons/IconCaretDownFilled.js";import{filterSearchData as ae}from"../../Select/helpers.js";const ze=e=>{const{isMobile:o,options:s,helperText:l,translations:a,selectedValues:r,onItemSelect:i,onItemDeselect:n,setSelectedValues:m,isSearchAvailable:c,labelLeftIconProps:d,scrollableContentStyle:h,optionRightIconComponent:I,labelRightIconComponent:x,maxSelectCount:S,menuOptions:f,dataIdPrefix:v,closeDropdown:C}=e,{emptyListMainMessage:b,emptyListSecondaryMessage:j}=a,[_,y]=u(""),[D,M]=u(0),[G,N]=u(!1),[T,A]=u(null),{scrollHeight:O}=te(T),E=g(()=>_?s.reduce((e,t)=>{const{data:o,title:s}=t,l=ae(o,_);return l.length?[...e,{title:s,data:l}]:e},[]):s,[_,s]),V=k(()=>{N(!1),m([])},[]),L=k(()=>{N(!0);const e=E.reduce((e,{data:t})=>[...e,...t.map(e=>({value:e.value,label:e.label}))],[]);m(e)},[E]),P=g(()=>s.reduce((e,t)=>{const{data:o}=t;return[...e,...o.filter(e=>-1!==r.findIndex(t=>t.value===e.value))]},[]),[s,r]),R=e=>{N(!1),n(e)},H=g(()=>({isCheckbox:!0,labelLeftIconProps:d,optionRightIconComponent:I,labelRightIconComponent:x,className:"group-item__option"}),[d,I,x]),w=c||l;/* @__PURE__ */
-return p(Q,{children:[w?/* @__PURE__ */t(le,{closeDropdown:C,dataIdPrefix:v,menuOptions:f,isSearchAvailable:c||o,hasLimitation:!!S,selectAll:L,clearAll:V,isAnySelected:0!==r.length,helperText:l,isSelectAllDisabled:G||0===E.length,setSearchValue:y,searchValue:_,translations:a}):null,
-/* @__PURE__ */t("div",{ref:A,className:"select__options__scroll scrollbar scrollbar--vertical "+(O>oe?"mr-6":""),style:h,children:/* @__PURE__ */p("div",{children:[c&&/* @__PURE__ */t("div",{className:"selected-items",children:P.map(e=>/* @__PURE__ */t(z,{isSelected:!0,data:e,onClick:R,disabled:e.disabled,...H},e.value))}),w?/* @__PURE__ */t(Z,{type:"primary",isHorizontal:!0}):null,E.map(({title:e,data:o},s)=>{var l;const a=s===D;/* @__PURE__ */
+import{jsxs as p,Fragment as Z,jsx as t}from"react/jsx-runtime";import{useState as u,useMemo as g,useCallback as k}from"react";import{Text as ee}from"../../../Text/Text.js";import{Divider as te}from"../../../Divider/Divider.js";import{Empty as le}from"../../../Empty/Empty.js";import{useGetElemSizes as oe}from"../../../../hooks/useGetElemSizes.js";import"../../../../consts/index.js";import"../../../../context/types.js";import"../../../../hooks/useScreenSize.js";import"react-hook-form";import{OptionItem as z}from"../../../../helperComponents/OptionItem/OptionItem.js";import"classnames";import"../../../Checkbox/Checkbox.js";import"react-dom";import"motion/react";import"dayjs";import"../../../Collapse/CollapseGroup/CollapseGroup.js";import{ContentTop as re}from"../../SharedComponents/ContentTop.js";import"../../../Input/Input.js";import{DROPDOWN_MAX_HEIGHT as se}from"../../constants.js";import ae from"../../../SVGIcons/IconCaretUpFilled.js";import ie from"../../../SVGIcons/IconCaretDownFilled.js";import{filterSearchData as ne}from"../../Select/helpers.js";import{getOptionDataTestId as ce}from"../../helper.js";const Re=e=>{const{isMobile:s,options:o,helperText:a,translations:l,selectedValues:r,onItemSelect:i,onItemDeselect:n,setSelectedValues:m,isSearchAvailable:c,labelLeftIconProps:d,scrollableContentStyle:h,optionRightIconComponent:I,labelRightIconComponent:f,maxSelectCount:v,menuOptions:x,dataTestIdPrefix:S,dataTestId:C,closeDropdown:b}=e,{emptyListMainMessage:j,emptyListSecondaryMessage:_}=l,[y,T]=u(""),[D,M]=u(0),[G,N]=u(!1),[O,A]=u(null),{scrollHeight:R}=oe(O),E=g(()=>y?o.reduce((e,t)=>{const{data:s,title:o}=t,a=ne(s,y);return a.length?[...e,{title:o,data:a}]:e},[]):o,[y,o]),V=k(()=>{N(!1),m([])},[]),L=k(()=>{N(!0);const e=E.reduce((e,{data:t})=>[...e,...t.map(e=>({value:e.value,label:e.label}))],[]);m(e)},[E]),P=g(()=>o.reduce((e,t)=>{const{data:s}=t;return[...e,...s.filter(e=>-1!==r.findIndex(t=>t.value===e.value))]},[]),[o,r]),H=e=>{N(!1),n(e)},w=g(()=>({isCheckbox:!0,labelLeftIconProps:d,optionRightIconComponent:I,labelRightIconComponent:f,className:"group-item__option"}),[d,I,f]),F=c||a;/* @__PURE__ */
+return p(Z,{children:[F?/* @__PURE__ */t(re,{closeDropdown:b,dataTestId:C,dataTestIdPrefix:S,menuOptions:x,isSearchAvailable:c||s,hasLimitation:!!v,selectAll:L,clearAll:V,isAnySelected:0!==r.length,helperText:a,isSelectAllDisabled:G||0===E.length,setSearchValue:T,searchValue:y,translations:l}):null,
+/* @__PURE__ */t("div",{ref:A,className:"select__options__scroll scrollbar scrollbar--vertical "+(R>se?"mr-6":""),style:h,children:/* @__PURE__ */p("div",{children:[c&&/* @__PURE__ */t("div",{className:"selected-items",children:P.map(e=>/* @__PURE__ */t(z,{isSelected:!0,data:e,onClick:H,disabled:e.disabled,...w},e.value))}),F?/* @__PURE__ */t(te,{type:"primary",isHorizontal:!0}):null,E.map(({title:e,data:s},o)=>{var a;const l=o===D;/* @__PURE__ */
 return p("div",{className:"select__group group-item",children:[
-/* @__PURE__ */p("div",{onClick:()=>(e=>{M(D!=e?e:null)})(s),className:"group-item__top",children:[
-/* @__PURE__ */t(Y,{size:"xxsmall",type:"tertiary",className:"group-item__title pr-4",children:e}),/* @__PURE__ */t(a?re:se,{size:"xxsmall",className:"group-item__icon"})]}),a&&o.map(e=>{const o=-1!==r.findIndex(t=>t.value===e.value);/* @__PURE__ */
-return t(z,{data:e,dataId:e.dataId,isSelected:o,disabled:e.disabled||!o&&r.length===S,onClick:o?R:i,...H},e.value)})]},`${null==(l=o[0])?void 0:l.value}_${s}`)})]})}),0===E.length?/* @__PURE__ */t(ee,{size:"small",mainMessage:b,paragraphMessage:j}):null]})};export{ze as MultiSelectGrouped};
+/* @__PURE__ */p("div",{onClick:()=>(e=>{M(D!=e?e:null)})(o),className:"group-item__top",children:[
+/* @__PURE__ */t(ee,{size:"xxsmall",type:"tertiary",className:"group-item__title pr-4",children:e}),/* @__PURE__ */t(l?ae:ie,{size:"xxsmall",className:"group-item__icon"})]}),l&&s.map((e,s)=>{const o=-1!==r.findIndex(t=>t.value===e.value);/* @__PURE__ */
+return t(z,{data:e,dataTestId:ce(C,e.value,s)||e.dataTestId,isSelected:o,disabled:e.disabled||!o&&r.length===v,onClick:o?H:i,...w},e.value)})]},`${null==(a=s[0])?void 0:a.value}_${o}`)})]})}),0===E.length?/* @__PURE__ */t(le,{size:"small",mainMessage:j,paragraphMessage:_}):null]})};export{Re as MultiSelectGrouped};

package/components/Select/MultiSelect/MultiSelectWithTabs/MultiSelectWithTabs.js

@@ -1,7 +1,7 @@
-import{jsxs as y,Fragment as K,jsx as a}from"react/jsx-runtime";import{useState as m,useMemo as p,useCallback as D}from"react";import{Divider as Q}from"../../../Divider/Divider.js";import{Empty as U}from"../../../Empty/Empty.js";import{Tab as Y}from"../../../Tab/Tab.js";import{useGetElemSizes as Z}from"../../../../hooks/useGetElemSizes.js";import"../../../../consts/index.js";import"../../../../context/types.js";import"../../../../hooks/useScreenSize.js";import"react-hook-form";import{OptionItem as A}from"../../../../helperComponents/OptionItem/OptionItem.js";import"classnames";import"../../../Checkbox/Checkbox.js";import"react-dom";import"motion/react";import"dayjs";import"../../../Collapse/CollapseGroup/CollapseGroup.js";import{ContentTop as ee}from"../../SharedComponents/ContentTop.js";import"../../../Input/Input.js";import{DROPDOWN_MAX_HEIGHT as te}from"../../constants.js";import{filterSearchData as le}from"../../Select/helpers.js";const ye=e=>{const{options:t,scrollableContentStyle:s,selectedValues:l,onItemSelect:o,onItemDeselect:i,setSelectedValues:r,labelLeftIconProps:n,optionRightIconComponent:c,labelRightIconComponent:d,helperText:u,translations:h,isSearchAvailable:b,maxSelectCount:f,menuOptions:S,dataIdPrefix:I,closeDropdown:v}=e,{emptyListMainMessage:C,emptyListSecondaryMessage:j}=h,[x,g]=m(null),[k,T]=m(0),{scrollHeight:M}=Z(x),[O,_]=m(!1),[z,E]=m(""),G=t[k].data,L=p(()=>le(G,z),[z,G]),P=D(()=>{_(!1);const e=l.filter(e=>-1===G.map(e=>e.value).indexOf(e.value));r(e)},[l,k,G]),R=e=>{_(!1),i(e)},V=D(()=>{_(!0);const e=L.map(e=>{const{value:t,label:a}=e;return{value:t,label:a}});r(l.concat(e))},[k,l,L]),H=p(()=>t.map((e,t)=>({label:e.title,value:t})),[t]),N=p(()=>t.reduce((e,t)=>{const{data:a}=t;return[...e,...a.filter(e=>-1!==l.findIndex(t=>t.value===e.value))]},[]),[t,l]),w=p(()=>({isCheckbox:!0,labelLeftIconProps:n,optionRightIconComponent:c,labelRightIconComponent:d}),[n,c,d]);/* @__PURE__ */
-return y(K,{children:[
-/* @__PURE__ */a("div",{className:"tab_container",style:{padding:"0 20px",width:"100%"},children:/* @__PURE__ */a(Y,{selectedValue:k,tabItems:H,onSelect:e=>{T(e),E("")},size:"small"})}),
-/* @__PURE__ */a(ee,{closeDropdown:v,dataIdPrefix:I,menuOptions:S,isSearchAvailable:b,clearAll:P,selectAll:V,helperText:u,searchValue:z,translations:h,setSearchValue:E,hasLimitation:!!f,isAnySelected:0===l.length,isSelectAllDisabled:O||0===L.length}),
-/* @__PURE__ */y("div",{ref:g,className:"select__options__scroll scrollbar scrollbar--vertical "+(M>te?"mr-6":""),style:s,children:[b&&/* @__PURE__ */a("div",{className:"selected_container",children:N.map(e=>/* @__PURE__ */a(A,{data:e,onClick:R,disabled:e.disabled,isSelected:!0,...w},e.value))}),
-/* @__PURE__ */a(Q,{type:"primary",isHorizontal:!0}),L.map(e=>{const t=-1!==l.findIndex(t=>t.value===e.value);/* @__PURE__ */
-return a(A,{data:e,dataId:e.dataId,onClick:t?R:o,disabled:e.disabled||!t&&l.length===f,isSelected:t,...w},e.value)}),0===L.length?/* @__PURE__ */a(U,{size:"small",mainMessage:C,paragraphMessage:j}):null]})]})};export{ye as MultiSelectWithTabs};
+import{jsxs as y,Fragment as Q,jsx as s}from"react/jsx-runtime";import{useState as m,useMemo as d,useCallback as A}from"react";import{Divider as U}from"../../../Divider/Divider.js";import{Empty as Y}from"../../../Empty/Empty.js";import{Tab as Z}from"../../../Tab/Tab.js";import{useGetElemSizes as ee}from"../../../../hooks/useGetElemSizes.js";import"../../../../consts/index.js";import"../../../../context/types.js";import"../../../../hooks/useScreenSize.js";import"react-hook-form";import{OptionItem as V}from"../../../../helperComponents/OptionItem/OptionItem.js";import"classnames";import"../../../Checkbox/Checkbox.js";import"react-dom";import"motion/react";import"dayjs";import"../../../Collapse/CollapseGroup/CollapseGroup.js";import{ContentTop as te}from"../../SharedComponents/ContentTop.js";import"../../../Input/Input.js";import{DROPDOWN_MAX_HEIGHT as ae}from"../../constants.js";import{filterSearchData as le}from"../../Select/helpers.js";import{getOptionDataTestId as se}from"../../helper.js";const Ve=e=>{const{options:t,scrollableContentStyle:a,selectedValues:o,onItemSelect:l,onItemDeselect:i,setSelectedValues:r,labelLeftIconProps:n,optionRightIconComponent:p,labelRightIconComponent:c,helperText:u,translations:h,isSearchAvailable:b,maxSelectCount:I,menuOptions:f,dataTestIdPrefix:S,dataTestId:v,closeDropdown:j}=e,{emptyListMainMessage:C,emptyListSecondaryMessage:x}=h,[g,T]=m(null),[D,k]=m(0),{scrollHeight:O}=ee(g),[M,_]=m(!1),[z,E]=m(""),G=t[D].data,L=d(()=>le(G,z),[z,G]),P=A(()=>{_(!1);const e=o.filter(e=>-1===G.map(e=>e.value).indexOf(e.value));r(e)},[o,D,G]),R=e=>{_(!1),i(e)},H=A(()=>{_(!0);const e=L.map(e=>{const{value:t,label:s}=e;return{value:t,label:s}});r(o.concat(e))},[D,o,L]),N=d(()=>t.map((e,t)=>({label:e.title,value:t})),[t]),w=d(()=>t.reduce((e,t)=>{const{data:s}=t;return[...e,...s.filter(e=>-1!==o.findIndex(t=>t.value===e.value))]},[]),[t,o]),W=d(()=>({isCheckbox:!0,labelLeftIconProps:n,optionRightIconComponent:p,labelRightIconComponent:c}),[n,p,c]);/* @__PURE__ */
+return y(Q,{children:[
+/* @__PURE__ */s("div",{className:"tab_container",style:{padding:"0 20px",width:"100%"},children:/* @__PURE__ */s(Z,{selectedValue:D,tabItems:N,onSelect:e=>{k(e),E("")},size:"small"})}),
+/* @__PURE__ */s(te,{closeDropdown:j,dataTestId:v,dataTestIdPrefix:S,menuOptions:f,isSearchAvailable:b,clearAll:P,selectAll:H,helperText:u,searchValue:z,translations:h,setSearchValue:E,hasLimitation:!!I,isAnySelected:0===o.length,isSelectAllDisabled:M||0===L.length}),
+/* @__PURE__ */y("div",{ref:T,className:"select__options__scroll scrollbar scrollbar--vertical "+(O>ae?"mr-6":""),style:a,children:[b&&/* @__PURE__ */s("div",{className:"selected_container",children:w.map(e=>/* @__PURE__ */s(V,{data:e,onClick:R,disabled:e.disabled,isSelected:!0,...W},e.value))}),
+/* @__PURE__ */s(U,{type:"primary",isHorizontal:!0}),L.map((e,t)=>{const a=-1!==o.findIndex(t=>t.value===e.value);/* @__PURE__ */
+return s(V,{data:e,dataTestId:se(v,e.value,t)||e.dataTestId,onClick:a?R:l,disabled:e.disabled||!a&&o.length===I,isSelected:a,...W},e.value)}),0===L.length?/* @__PURE__ */s(Y,{size:"small",mainMessage:C,paragraphMessage:x}):null]})]})};export{Ve as MultiSelectWithTabs};

package/components/Select/MultiSelect/OptionsWrapper.d.ts

@@ -1,6 +1,7 @@
 import { ReactElement } from 'react';
 import { TSelectTranslations } from '../types';
 type TProps = {
+    dataTestId?: string;
     isLoading?: boolean;
     withTabs?: boolean;
     isGrouped?: boolean;

package/components/Select/NestedSelect/NestedSelect.js

@@ -1,4 +1,4 @@
-import{jsxs as j,jsx as r}from"react/jsx-runtime";import{useState as p,useRef as q,useId as A,useCallback as H}from"react";import{Input as M}from"../../Input/Input.js";import{OptionItem as T}from"../../../helperComponents/OptionItem/OptionItem.js";import{useGetElemSizes as U}from"../../../hooks/useGetElemSizes.js";import{useGetElemPositions as B}from"../../../hooks/useGetElemPositions.js";import"../../../consts/index.js";import"../../../context/types.js";import{useOnOutsideClick as J}from"../../../hooks/useOnOutsideClick.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import K from"../../SVGIcons/IconChevronUp.js";import v from"../../SVGIcons/IconChevronDown.js";const Q=10,ce=e=>{const{label:o,options:s,selected:t,placeHolder:l,isRequiredField:n,setSelectedValue:i,initialSelectedFolderIds:a,optionRightIconComponent:c,labelRightIconComponent:d,labelAddons:m}=e,[u,h]=p(!1),[f,I]=p(null),[b,C]=p(a||[]),S=q(null),{bottom:k,left:x}=B(S.current),{width:O}=U(f);J(f,()=>h(!1),u,A());const g=H((e,o)=>{const{value:s}=e;if(!o)return void i(s===(null==t?void 0:t.value)?null:e);const l=-1!==b.findIndex(e=>e===s);C(l?b.filter(e=>e!==s):[...b,s])},[t,b]),_=(e,o)=>e.reduce((e,s)=>{const{value:l,children:n,disabled:i}=s,a=-1!==b.indexOf(s.value),p=s.value===(null==t?void 0:t.value);return e.push(
-/* @__PURE__ */r("div",{style:{paddingLeft:Q*o},children:/* @__PURE__ */r(T,{data:s,isSelected:p,onClick:()=>g({value:l,label:s.label},!!n),disabled:i,OptionRightIconComponent:c,LabelRightIconComponent:d,labelLeftIconProps:n?{Component:v,size:"xsmall"}:void 0},l)})),a&&n&&e.push(..._(n,o+1)),e},[]);/* @__PURE__ */
-return j("div",{className:"select select--multi",ref:I,children:[
-/* @__PURE__ */r("div",{onClick:e=>{const o=null==e?void 0:e.target;e&&o.className&&-1!==o.className.indexOf("icon-")?(h(!u),e.preventDefault()):h(!0)},children:/* @__PURE__ */r(M,{ref:S,className:"select__input",label:o,required:n,rightIconProps:{Component:u?K:v,size:"small"},placeholder:l,currentValue:(null==t?void 0:t.label.toString())||"",readonly:!0,labelAddons:m})}),u&&/* @__PURE__ */r("div",{className:"select__options",style:{left:x,width:O,top:k},children:/* @__PURE__ */r("div",{className:"select__options__scroll scrollbar scrollbar--vertical",children:_(s,0)})})]})};export{ce as NestedSelect};
+import{jsxs as j,jsx as i}from"react/jsx-runtime";import{useState as p,useRef as q,useId as A,useCallback as $}from"react";import{Input as H}from"../../Input/Input.js";import{OptionItem as M}from"../../../helperComponents/OptionItem/OptionItem.js";import{useGetElemSizes as U}from"../../../hooks/useGetElemSizes.js";import{useGetElemPositions as B}from"../../../hooks/useGetElemPositions.js";import"../../../consts/index.js";import"../../../context/types.js";import{useOnOutsideClick as J}from"../../../hooks/useOnOutsideClick.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import K from"../../SVGIcons/IconChevronUp.js";import g from"../../SVGIcons/IconChevronDown.js";import{getOptionDataTestId as Q}from"../helper.js";const W=10,me=e=>{const{label:t,options:o,selected:s,placeHolder:l,isRequiredField:n,setSelectedValue:a,initialSelectedFolderIds:r,optionRightIconComponent:d,labelRightIconComponent:c,labelAddons:m,dataTestId:u}=e,[h,f]=p(!1),[I,v]=p(null),[b,C]=p(r||[]),S=q(null),{bottom:O,left:k}=B(S.current),{width:x}=U(I);J(I,()=>f(!1),h,A());const _=$((e,t)=>{const{value:o}=e;if(!t)return void a(o===(null==s?void 0:s.value)?null:e);const l=-1!==b.findIndex(e=>e===o);C(l?b.filter(e=>e!==o):[...b,o])},[s,b]),N=(e,t)=>e.reduce((e,o)=>{const{value:l,children:n,disabled:a}=o,r=-1!==b.indexOf(o.value),m=o.value===(null==s?void 0:s.value);return e.push(
+/* @__PURE__ */i("div",{style:{paddingLeft:W*t},children:/* @__PURE__ */i(M,{data:o,dataTestId:Q(u,l,e.length)||o.dataTestId,isSelected:m,onClick:()=>_({value:l,label:o.label},!!n),disabled:a,OptionRightIconComponent:d,LabelRightIconComponent:c,labelLeftIconProps:n?{Component:g,size:"xsmall"}:void 0},l)})),r&&n&&e.push(...N(n,t+1)),e},[]);/* @__PURE__ */
+return j("div",{className:"select select--multi","data-test-id":u,ref:v,children:[
+/* @__PURE__ */i("div",{onClick:e=>{const t=null==e?void 0:e.target;e&&t.className&&-1!==t.className.indexOf("icon-")?(f(!h),e.preventDefault()):f(!0)},children:/* @__PURE__ */i(H,{dataTestId:u?`${u}-trigger`:"",ref:S,className:"select__input",label:t,required:n,rightIconProps:{Component:h?K:g,size:"small"},placeholder:l,currentValue:(null==s?void 0:s.label.toString())||"",readonly:!0,labelAddons:m})}),h&&/* @__PURE__ */i("div",{className:"select__options","data-test-id":u?`${u}-content`:"",style:{left:k,width:x,top:O},children:/* @__PURE__ */i("div",{className:"select__options__scroll scrollbar scrollbar--vertical",children:N(o,0)})})]})};export{me as NestedSelect};

package/components/Select/ProfileDropdown/index.js

@@ -1,10 +1,10 @@
-import{jsxs as e,jsx as r,Fragment as i}from"react/jsx-runtime";import N,{useRef as x,useId as w}from"react";import{Text as h}from"../../Text/Text.js";import"../../../consts/index.js";import"../../../context/types.js";import{useOnOutsideClick as k}from"../../../hooks/useOnOutsideClick.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import{Link as m}from"../../Link/Link.js";const z=l=>{const n=x(null),{avatar:o,name:s,email:c,bodyItems:a,footerItems:d,className:t}=l,[p,u]=N.useState(!1),f=()=>u(!1);return k(n.current,f,p,w()),/* @__PURE__ */e("div",{ref:n,className:`relative ${t}`,children:[
-/* @__PURE__ */r("div",{onClick:()=>u(!p),children:o}),p&&/* @__PURE__ */e("div",{className:"profile-dropdown",children:[
-/* @__PURE__ */e("div",{className:"profile-dropdown__top",children:[o,
-/* @__PURE__ */e("div",{className:"pl-12",children:[
-/* @__PURE__ */r(h,{size:"medium",weight:"bold",lineHeight:"large",children:s}),
-/* @__PURE__ */r(h,{type:"tertiary",children:c})]})]}),
-/* @__PURE__ */e("div",{className:"profile-dropdown__menu",children:[
-/* @__PURE__ */r("ul",{className:"profile-dropdown__nav",children:null==a?void 0:a.map((l,n)=>/* @__PURE__ */r("li",{children:l.text?/* @__PURE__ */r(m,{url:l.url,onclick:l.onclick,className:"profile-dropdown__nav__link",children:/* @__PURE__ */e(i,{children:[
-/* @__PURE__ */r("span",{className:"flexbox align-items--center",children:/* @__PURE__ */e(i,{children:[l.icon,l.text]})}),l.rightInfoProps]})}):/* @__PURE__ */r("div",{onClick:f,children:l.children})},n))}),null!=d&&d.length?/* @__PURE__ */r("div",{className:"profile-dropdown__bottom",children:/* @__PURE__ */r("ul",{className:"profile-dropdown__nav",children:null==d?void 0:d.map((l,n)=>/* @__PURE__ */r("li",{children:l.text?/* @__PURE__ */r(m,{url:l.url,onclick:l.onclick,className:"profile-dropdown__nav__link",children:/* @__PURE__ */e(i,{children:[
-/* @__PURE__ */r("span",{className:"flexbox align-items--center",children:/* @__PURE__ */e(i,{children:[l.icon,l.text]})}),l.rightInfoProps]})}):l.children},n))})}):null]})]})]})};export{z as ProfileDropdown};
+import{jsxs as n,jsx as l,Fragment as d}from"react/jsx-runtime";import g,{useRef as w,useId as k}from"react";import{Text as m}from"../../Text/Text.js";import"../../../consts/index.js";import"../../../context/types.js";import{useOnOutsideClick as x}from"../../../hooks/useOnOutsideClick.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import{Link as f}from"../../Link/Link.js";const y=e=>{const i=w(null),{avatar:r,name:t,email:o,bodyItems:s,footerItems:a,className:c,dataTestId:p}=e,[h,u]=g.useState(!1),_=()=>u(!1);return x(i.current,_,h,k()),/* @__PURE__ */n("div",{ref:i,"data-test-id":p,className:`relative ${c}`,children:[
+/* @__PURE__ */l("div",{"data-test-id":p?`${p}-trigger`:"",onClick:()=>u(!h),children:r}),h&&/* @__PURE__ */n("div",{"data-test-id":p?`${p}-content`:"",className:"profile-dropdown",children:[
+/* @__PURE__ */n("div",{className:"profile-dropdown__top",children:[r,
+/* @__PURE__ */n("div",{className:"pl-12",children:[
+/* @__PURE__ */l(m,{size:"medium",weight:"bold",lineHeight:"large",children:t}),
+/* @__PURE__ */l(m,{type:"tertiary",children:o})]})]}),
+/* @__PURE__ */n("div",{className:"profile-dropdown__menu",children:[
+/* @__PURE__ */l("ul",{className:"profile-dropdown__nav",children:null==s?void 0:s.map((e,i)=>/* @__PURE__ */l("li",{"data-test-id":p?`${p}-item-${i}`:"",children:e.text?/* @__PURE__ */l(f,{url:e.url,onclick:e.onclick,className:"profile-dropdown__nav__link",children:/* @__PURE__ */n(d,{children:[
+/* @__PURE__ */l("span",{className:"flexbox align-items--center",children:/* @__PURE__ */n(d,{children:[e.icon,e.text]})}),e.rightInfoProps]})}):/* @__PURE__ */l("div",{onClick:_,children:e.children})},i))}),null!=a&&a.length?/* @__PURE__ */l("div",{className:"profile-dropdown__bottom",children:/* @__PURE__ */l("ul",{className:"profile-dropdown__nav",children:null==a?void 0:a.map((e,i)=>/* @__PURE__ */l("li",{"data-test-id":p?`${p}-footer-item-${i}`:"",children:e.text?/* @__PURE__ */l(f,{url:e.url,onclick:e.onclick,className:"profile-dropdown__nav__link",children:/* @__PURE__ */n(d,{children:[
+/* @__PURE__ */l("span",{className:"flexbox align-items--center",children:/* @__PURE__ */n(d,{children:[e.icon,e.text]})}),e.rightInfoProps]})}):e.children},i))})}):null]})]})]})};export{y as ProfileDropdown};

package/components/Select/Select/Select.js

@@ -1 +1 @@
-import{jsxs as re,jsx as u}from"react/jsx-runtime";import{forwardRef as le,useRef as U,useState as d,useMemo as ae,useCallback as ce,useEffect as ie}from"react";import{useIsMobile as pe}from"../../../hooks/useGetIsMobile.js";import{SelectDesktop as me}from"./SelectDesktop/index.js";import fe from"classnames";import{Input as ue}from"../../Input/Input.js";import{noop as j}from"../../../utils/helpers.js";import{SELECTED_VISIBLE_MIN_COUNT as de}from"../constants.js";import{SelectMobile as he}from"./SelectMobile/index.js";import Ie from"../../SVGIcons/IconChevronUp.js";import Se from"../../SVGIcons/IconChevronDown.js";import{SELECT_TRANSLATIONS as be}from"../localization.js";import{Button as Ce}from"../../Button/Button.js";import{filterSearchData as De}from"./helpers.js";const ge=le((e,t)=>{var l,o;const{labelAddons:s,dataId:n,className:a,size:r="small",label:i,hasError:c,isValid:p,disabled:m,outerHelperText:f,isRequiredField:I,placeHolder:h,selectRightIconProps:S={Component:Se,size:"small"},selectRightIconOpenedProps:b={Component:Ie,size:"small"},options:v,withSearch:D=!1,setSelectedItem:C,setFieldValue:g,name:x,selectedItem:w,value:E,isMobileFullScreen:V=!0,language:k="en",translations:R,isButtonSelect:M,...N}=e,A=pe(),O=U(null),T=U(null),[L,_]=d(!1),[y,z]=d(""),[B,F]=d(null),[P,q]=d(0),G=()=>_(!0),H=()=>{_(!1),z("")},$=null!=(l=null==B?void 0:B.optionLeftIcon)&&l.Component?{Component:null==(o=null==B?void 0:B.optionLeftIcon)?void 0:o.Component}:null,K=D&&v.length>de,J=e=>{C&&C(e),x&&g&&g(x,e),H()},Q=()=>J(null),W=E||w,X={...be[k],...R},Y=ae(()=>De(v,y),[y,v]),Z=ce(()=>{const e=v.findIndex(e=>e.value===W);F(v[e]),q(e)},[W,v]);return ie(()=>{Z()},[Z]),/* @__PURE__ */re("div",{"data-id":`${n}-content`,className:fe(`select select--${r}`,a,{"select--opened":L}),ref:O,children:[!M&&/* @__PURE__ */u(ue,{onClick:m?j:e=>{const t=null==e?void 0:e.target,l=null==t?void 0:t.getAttribute("class");if(e&&l&&(-1!==l.indexOf("icon-")||-1!==l.indexOf("svg-icon")))return _(!L),void e.preventDefault();L&&!K?H():G()},size:r,dataId:n,hasError:c,className:"select__input",label:i,onChange:e=>{F(null),z(e.target.value)},required:I,leftIconProps:$,rightIconProps:L?b:S,placeholder:h,currentValue:y||(null==B?void 0:B.label.toString())||"",isValid:p,disabled:m,helperText:L?"":f,ref:T,labelAddons:s,autoComplete:"false",readOnly:A&&V||!K,onKeyDown:e=>{if(L)switch(e.key){case"ArrowDown":e.preventDefault(),q(e=>Math.min(e+1,Y.length-1));break;case"ArrowUp":e.preventDefault(),q(e=>Math.max(e-1,0));break;case"Enter":e.preventDefault();const t=Y[P];null!=t&&t.disabled||(J(t.value),H());break;case"Escape":H()}}}),M&&/* @__PURE__ */u(Ce,{size:r,type:"secondary",dataId:n,iconProps:S,buttonText:h||"",onClick:m?j:G,className:"select_button"}),A&&V?/* @__PURE__ */u(he,{...N,isOpen:L,filteredData:Y,closeDropdown:H,currentSelection:W,isRequiredField:I,onItemDeselect:Q,onItemSelect:J,translations:X,withSearch:D,searchValue:y,setSearchValue:z}):/* @__PURE__ */u(me,{...N,onItemDeselect:Q,onItemSelect:J,currentSelection:W,isRequiredField:I,filteredData:Y,inputRef:T.current,containerRef:O.current,isOpen:L,closeDropdown:H,setCurrentSelectedLabel:Z,searchValue:y,setSearchValue:z,translations:X,activeIndex:P,setActiveIndex:q})]})});ge.displayName="Select";export{ge as Select};
+import{jsxs as re,jsx as d}from"react/jsx-runtime";import{forwardRef as le,useRef as U,useState as I,useMemo as ae,useCallback as ce,useEffect as ie}from"react";import{useIsMobile as pe}from"../../../hooks/useGetIsMobile.js";import{SelectDesktop as me}from"./SelectDesktop/index.js";import fe from"classnames";import{Input as ue}from"../../Input/Input.js";import{noop as $}from"../../../utils/helpers.js";import{SELECTED_VISIBLE_MIN_COUNT as de}from"../constants.js";import{SelectMobile as Ie}from"./SelectMobile/index.js";import he from"../../SVGIcons/IconChevronUp.js";import Se from"../../SVGIcons/IconChevronDown.js";import{SELECT_TRANSLATIONS as be}from"../localization.js";import{Button as ge}from"../../Button/Button.js";import{filterSearchData as Ce}from"./helpers.js";const De=le((e,t)=>{var s,l;const{labelAddons:o,dataTestId:a,className:n,size:r="small",label:i,hasError:c,isValid:u,disabled:p,outerHelperText:m,isRequiredField:f,placeHolder:h,selectRightIconProps:S={Component:Se,size:"small"},selectRightIconOpenedProps:b={Component:he,size:"small"},options:v,withSearch:D=!1,setSelectedItem:g,setFieldValue:C,name:x,selectedItem:j,value:T,isMobileFullScreen:w=!0,language:E="en",translations:V,isButtonSelect:k,...R}=e,M=pe(),N=U(null),A=U(null),[O,L]=I(!1),[_,y]=I(""),[z,B]=I(null),[F,P]=I(0),q=()=>L(!0),G=()=>{L(!1),y("")},H=null!=(s=null==z?void 0:z.optionLeftIcon)&&s.Component?{Component:null==(l=null==z?void 0:z.optionLeftIcon)?void 0:l.Component}:null,K=D&&v.length>de,J=e=>{g&&g(e),x&&C&&C(x,e),G()},Q=()=>J(null),W=T||j,X={...be[E],...V},Y=ae(()=>Ce(v,_),[_,v]),Z=ce(()=>{const e=v.findIndex(e=>e.value===W);B(v[e]),P(e)},[W,v]);return ie(()=>{Z()},[Z]),/* @__PURE__ */re("div",{"data-test-id":a,className:fe(`select select--${r}`,n,{"select--opened":O}),ref:N,children:[!k&&/* @__PURE__ */d(ue,{onClick:p?$:e=>{const t=null==e?void 0:e.target,s=null==t?void 0:t.getAttribute("class");if(e&&s&&(-1!==s.indexOf("icon-")||-1!==s.indexOf("svg-icon")))return L(!O),void e.preventDefault();O&&!K?G():q()},size:r,dataTestId:a?`${a}-trigger`:"",hasError:c,className:"select__input",label:i,onChange:e=>{B(null),y(e.target.value)},required:f,leftIconProps:H,rightIconProps:O?b:S,placeholder:h,currentValue:_||(null==z?void 0:z.label.toString())||"",isValid:u,disabled:p,helperText:O?"":m,ref:A,labelAddons:o,autoComplete:"false",readOnly:M&&w||!K,onKeyDown:e=>{if(O)switch(e.key){case"ArrowDown":e.preventDefault(),P(e=>Math.min(e+1,Y.length-1));break;case"ArrowUp":e.preventDefault(),P(e=>Math.max(e-1,0));break;case"Enter":e.preventDefault();const t=Y[F];null!=t&&t.disabled||(J(t.value),G());break;case"Escape":G()}}}),k&&/* @__PURE__ */d(ge,{size:r,type:"secondary",dataTestId:a?`${a}-trigger`:"",iconProps:S,buttonText:h||"",onClick:p?$:q,className:"select_button"}),M&&w?/* @__PURE__ */d(Ie,{...R,dataTestId:a,isOpen:O,filteredData:Y,closeDropdown:G,currentSelection:W,isRequiredField:f,onItemDeselect:Q,onItemSelect:J,translations:X,withSearch:D,searchValue:_,setSearchValue:y}):/* @__PURE__ */d(me,{...R,dataTestId:a,onItemDeselect:Q,onItemSelect:J,currentSelection:W,isRequiredField:f,filteredData:Y,inputRef:A.current,containerRef:N.current,isOpen:O,closeDropdown:G,setCurrentSelectedLabel:Z,searchValue:_,setSearchValue:y,translations:X,activeIndex:F,setActiveIndex:P})]})});De.displayName="Select";export{De as Select};

package/components/Select/Select/SelectDesktop/index.js

@@ -1,2 +1,2 @@
-import{jsx as e,Fragment as R,jsxs as K}from"react/jsx-runtime";import _ from"classnames";import{useRef as U,useState as X,useEffect as p,useId as Y}from"react";import{FixedSizeList as Z}from"react-window";import{DROPDOWN_AND_INPUT_GAP as $}from"../../../../consts/index.js";import{OptionItem as J}from"../../../../helperComponents/OptionItem/OptionItem.js";import{useGetElemSizes as Q}from"../../../../hooks/useGetElemSizes.js";import{useGetElemPositions as ee}from"../../../../hooks/useGetElemPositions.js";import"../../../../context/types.js";import{useOnOutsideClick as te}from"../../../../hooks/useOnOutsideClick.js";import"../../../../hooks/useScreenSize.js";import{useGetHasBottomSpace as oe,useGetHasTopSpace as ie}from"../../../../hooks/useGetHasBottomSpace.js";import"react-hook-form";import{useChangePositionsOnScroll as ne}from"../../../../hooks/useChangePositionsOnScroll.js";import{Empty as se}from"../../../Empty/Empty.js";import{Text as re}from"../../../Text/Text.js";import"../../../Checkbox/Checkbox.js";import"react-dom";import"motion/react";import"dayjs";import"../../../Collapse/CollapseGroup/CollapseGroup.js";import"../../SharedComponents/ContentTop.js";import{Loading as le}from"../../SharedComponents/Loading.js";import"../../../Input/Input.js";import{DROPDOWN_WIDTH as ce,ITEM_SIZE as d,DROPDOWN_HEIGHT as D}from"../../constants.js";const ke=t=>{const{currentSelection:o,isLoading:s,dataId:n="",innerHelperText:i,isRequiredField:a,labelLeftIconProps:l,labelRightIconComponent:r,optionRightIconComponent:m,tooltipAddons:c,dropdownWidth:u,isOpen:h,closeDropdown:f,inputRef:I,containerRef:S,onItemSelect:j,onItemDeselect:C,searchValue:g,setSearchValue:x,translations:O,filteredData:k,activeIndex:b,setActiveIndex:w,setCurrentSelectedLabel:v}=t,y=U(null),[E,G]=X(null);p(()=>{y.current&&y.current.scrollToItem(b,"smart")},[b]),p(()=>{E&&h&&E&&h&&E.focus()},[E,h]),p(()=>{w(0)},[g]),te(S,()=>{!g&&a&&v(),f()},h,Y());const{bottom:P,left:T,top:N}=ee(I),{width:L}=Q(S),H=e=>({value:t})=>{x(""),e?a||C():j(t)},{hasBottomSpace:z}=oe({element:E,input:I}),A=ie({element:E,input:I});return ne(I,E,z),/* @__PURE__ */e(R,{children:h&&/* @__PURE__ */e("div",{className:"select__options",style:{left:T,width:L,...z||!A?{top:P}:{bottom:window.innerHeight-N+$}},ref:G,children:s?/* @__PURE__ */e(le,{}):/* @__PURE__ */e(R,{children:/* @__PURE__ */K("div",{"data-id":`${n}-options-content`,className:_("select__options__scroll","scrollbar"),children:[i?/* @__PURE__ */e("div",{className:"content-top",children:/* @__PURE__ */e(re,{size:"xsmall",type:"secondary",className:"content-top__label",children:i})}):null,k.length>0&&/* @__PURE__ */e(Z,{ref:y,height:k.length*d>D?D:k.length*d,itemCount:k.length,itemSize:d,width:u||ce,style:{width:u||"100%",overflowX:"hidden",overflowY:"auto",willChange:"auto"},children:({index:t,style:s})=>{const n=k[t],i=n.value===o,a=b===t;/* @__PURE__ */
-return e(J,{tooltipAddons:c,data:n,onClick:H(i),labelLeftIconProps:l,OptionRightIconComponent:m,LabelRightIconComponent:r,disabled:n.disabled,isSelected:i,dataId:n.dataId,style:s,className:_("option",{"option--active":a})},n.value)}}),0===k.length?/* @__PURE__ */e(se,{size:"small",mainMessage:null==O?void 0:O.emptyListMainMessage}):null]})})})})};export{ke as SelectDesktop};
+import{jsx as e,Fragment as R,jsxs as K}from"react/jsx-runtime";import _ from"classnames";import{useRef as U,useState as X,useEffect as d,useId as Y}from"react";import{FixedSizeList as Z}from"react-window";import{DROPDOWN_AND_INPUT_GAP as $}from"../../../../consts/index.js";import{OptionItem as J}from"../../../../helperComponents/OptionItem/OptionItem.js";import{useGetElemSizes as Q}from"../../../../hooks/useGetElemSizes.js";import{useGetElemPositions as ee}from"../../../../hooks/useGetElemPositions.js";import"../../../../context/types.js";import{useOnOutsideClick as te}from"../../../../hooks/useOnOutsideClick.js";import"../../../../hooks/useScreenSize.js";import{useGetHasBottomSpace as oe,useGetHasTopSpace as ie}from"../../../../hooks/useGetHasBottomSpace.js";import"react-hook-form";import{useChangePositionsOnScroll as ne}from"../../../../hooks/useChangePositionsOnScroll.js";import{Empty as se}from"../../../Empty/Empty.js";import{Text as re}from"../../../Text/Text.js";import"../../../Checkbox/Checkbox.js";import"react-dom";import"motion/react";import"dayjs";import"../../../Collapse/CollapseGroup/CollapseGroup.js";import"../../SharedComponents/ContentTop.js";import{Loading as le}from"../../SharedComponents/Loading.js";import"../../../Input/Input.js";import{DROPDOWN_WIDTH as me,ITEM_SIZE as f,DROPDOWN_HEIGHT as v}from"../../constants.js";import{getOptionDataTestId as ae}from"../../helper.js";const ze=t=>{const{currentSelection:o,isLoading:s,dataTestId:n="",innerHelperText:i,isRequiredField:a,labelLeftIconProps:r,labelRightIconComponent:l,optionRightIconComponent:m,tooltipAddons:p,dropdownWidth:c,isOpen:u,closeDropdown:h,inputRef:I,containerRef:j,onItemSelect:S,onItemDeselect:g,searchValue:C,setSearchValue:O,translations:x,filteredData:T,activeIndex:b,setActiveIndex:k,setCurrentSelectedLabel:w}=t,D=U(null),[y,E]=X(null);d(()=>{D.current&&D.current.scrollToItem(b,"smart")},[b]),d(()=>{y&&u&&y&&u&&y.focus()},[y,u]),d(()=>{k(0)},[C]),te(j,()=>{!C&&a&&w(),h()},u,Y());const{bottom:G,left:P,top:N}=ee(I),{width:z}=Q(j),L=e=>({value:t})=>{O(""),e?a||g():S(t)},{hasBottomSpace:H}=oe({element:y,input:I}),A=ie({element:y,input:I});return ne(I,y,H),/* @__PURE__ */e(R,{children:u&&/* @__PURE__ */e("div",{"data-test-id":n?`${n}-content`:"",className:"select__options",style:{left:P,width:z,...H||!A?{top:G}:{bottom:window.innerHeight-N+$}},ref:E,children:s?/* @__PURE__ */e(le,{}):/* @__PURE__ */e(R,{children:/* @__PURE__ */K("div",{className:_("select__options__scroll","scrollbar"),children:[i?/* @__PURE__ */e("div",{className:"content-top",children:/* @__PURE__ */e(re,{size:"xsmall",type:"secondary",className:"content-top__label",children:i})}):null,T.length>0&&/* @__PURE__ */e(Z,{ref:D,height:T.length*f>v?v:T.length*f,itemCount:T.length,itemSize:f,width:c||me,style:{width:c||"100%",overflowX:"hidden",overflowY:"auto",willChange:"auto"},children:({index:t,style:s})=>{const i=T[t],a=i.value===o,c=b===t;/* @__PURE__ */
+return e(J,{tooltipAddons:p,data:i,onClick:L(a),labelLeftIconProps:r,OptionRightIconComponent:m,LabelRightIconComponent:l,disabled:i.disabled,isSelected:a,dataTestId:ae(n,i.value,t)||i.dataTestId,style:s,className:_("option",{"option--active":c})},i.value)}}),0===T.length?/* @__PURE__ */e(se,{size:"small",mainMessage:null==x?void 0:x.emptyListMainMessage}):null]})})})})};export{ze as SelectDesktop};

package/components/Select/Select/SelectMobile/MobileTopContent.d.ts

@@ -5,6 +5,7 @@ type TProps = {
     onBack: () => void;
     withSearch: boolean;
     isOpen: boolean;
+    dataTestId?: string;
 };
-export declare const MobileTopContent: ({ onBack, setSearchValue, searchValue, withSearch, isOpen }: TProps) => ReactElement;
+export declare const MobileTopContent: ({ onBack, setSearchValue, searchValue, withSearch, isOpen, dataTestId }: TProps) => ReactElement;
 export {};

package/components/Select/Select/SelectMobile/MobileTopContent.js

@@ -1,2 +1,2 @@
-import{jsxs as c,jsx as n}from"react/jsx-runtime";import{useRef as f,useEffect as p}from"react";import u from"../../../SVGIcons/IconChevronLeft.js";import{Input as a}from"../../../Input/Input.js";import x from"../../../SVGIcons/IconDismissFilled.js";import C from"../../../SVGIcons/IconSearchFilled.js";const F=({onBack:e,setSearchValue:s,searchValue:o,withSearch:r,isOpen:t})=>{const l=f(null);return p(()=>{l&&l.current&&l.current.focus()},[l.current]),/* @__PURE__ */c("div",{className:"flexbox mobile_top_content",children:[
-/* @__PURE__ */n(u,{onClick:e,size:"large"}),r&&/* @__PURE__ */n(a,{currentValue:o,handleChange:e=>{s(e.target.value)},className:"ml-8",size:"small",ref:l,rightIconProps:{Component:o?x:C,size:o?"xsmall":"small",onClick:()=>{s("")}}})]})};export{F as MobileTopContent};
+import{jsxs as f,jsx as t}from"react/jsx-runtime";import{useRef as p,useEffect as a}from"react";import u from"../../../SVGIcons/IconChevronLeft.js";import{Input as x}from"../../../Input/Input.js";import C from"../../../SVGIcons/IconDismissFilled.js";import d from"../../../SVGIcons/IconSearchFilled.js";const j=({onBack:e,setSearchValue:s,searchValue:r,withSearch:o,isOpen:n,dataTestId:c})=>{const l=p(null);return a(()=>{l&&l.current&&l.current.focus()},[l.current]),/* @__PURE__ */f("div",{className:"flexbox mobile_top_content",children:[
+/* @__PURE__ */t(u,{onClick:e,size:"large"}),o&&/* @__PURE__ */t(x,{dataTestId:c?`${c}-search`:"",currentValue:r,handleChange:e=>{s(e.target.value)},className:"ml-8",size:"small",ref:l,rightIconProps:{Component:r?C:d,size:r?"xsmall":"small",onClick:()=>{s("")}}})]})};export{j as MobileTopContent};

package/components/Select/Select/SelectMobile/index.js

@@ -1,5 +1,5 @@
-import{jsxs as m,jsx as e}from"react/jsx-runtime";import{OptionItem as R}from"../../../../helperComponents/OptionItem/OptionItem.js";import{Empty as E}from"../../../Empty/Empty.js";import{Modal as H}from"../../../Modal/Modal.js";import"react";import"classnames";import"../../../../consts/index.js";import"../../../../context/types.js";import"../../../../hooks/useScreenSize.js";import"react-hook-form";import{Text as O}from"../../../Text/Text.js";import"react-dom";import{ITEM_SIZE_MOBILE as T}from"../../constants.js";import"../../../Checkbox/Checkbox.js";import"motion/react";import"dayjs";import"../../../Collapse/CollapseGroup/CollapseGroup.js";import"../../SharedComponents/ContentTop.js";import{Loading as k}from"../../SharedComponents/Loading.js";import"../../../Input/Input.js";import{MobileTopContent as D}from"./MobileTopContent.js";import{FixedSizeList as F}from"react-window";const re=o=>{const{translations:t,currentSelection:n,isOpen:i,closeDropdown:s,isLoading:a,dataId:r,innerHelperText:l,filteredData:p,isRequiredField:d,onItemSelect:c,onItemDeselect:h,tooltipAddons:u,labelLeftIconProps:C,optionRightIconComponent:I,labelRightIconComponent:j,withSearch:g,searchValue:S,setSearchValue:b}=o,f=e=>({value:o})=>{b(""),e?d||h():c(o)},x=window.innerHeight,w=window.innerWidth;/* @__PURE__ */
-return m(H,{isOpen:i,onClose:s,isMobileFullScreen:!0,children:[
-/* @__PURE__ */e(D,{searchValue:S,setSearchValue:b,onBack:()=>{s(),b("")},withSearch:g,isOpen:i}),
-/* @__PURE__ */m("div",{className:"mobile_options_content",children:[l?/* @__PURE__ */e(O,{size:"xsmall",type:"secondary",className:"mobile_options_content__label",children:l}):null,a?/* @__PURE__ */e(k,{}):/* @__PURE__ */m("div",{"data-id":`${r}-options-content`,children:[p.length>0&&/* @__PURE__ */e(F,{height:x-30-32-24,itemCount:p.length,itemSize:T,width:w,style:{width:"100%",overflowX:"hidden",overflowY:"auto",willChange:"auto"},children:({index:o,style:t})=>{const i=p[o],s=i.value===n;/* @__PURE__ */
-return e(R,{size:"large",tooltipAddons:u,data:i,onClick:f(s),labelLeftIconProps:C,OptionRightIconComponent:I,LabelRightIconComponent:j,disabled:i.disabled,isSelected:s,dataId:i.dataId,style:t},i.value)}}),0===p.length?/* @__PURE__ */e(E,{size:"small",mainMessage:null==t?void 0:t.emptyListMainMessage}):null]})]})]})};export{re as SelectMobile};
+import{jsxs as s,jsx as t}from"react/jsx-runtime";import{OptionItem as z}from"../../../../helperComponents/OptionItem/OptionItem.js";import{Empty as O}from"../../../Empty/Empty.js";import{Modal as R}from"../../../Modal/Modal.js";import"react";import"classnames";import"../../../../consts/index.js";import"../../../../context/types.js";import"../../../../hooks/useScreenSize.js";import"react-hook-form";import{Text as D}from"../../../Text/Text.js";import"react-dom";import{ITEM_SIZE_MOBILE as E}from"../../constants.js";import"../../../Checkbox/Checkbox.js";import"motion/react";import"dayjs";import"../../../Collapse/CollapseGroup/CollapseGroup.js";import"../../SharedComponents/ContentTop.js";import{Loading as H}from"../../SharedComponents/Loading.js";import"../../../Input/Input.js";import{MobileTopContent as k}from"./MobileTopContent.js";import{FixedSizeList as F}from"react-window";import{getOptionDataTestId as j}from"../../helper.js";const me=e=>{const{translations:o,currentSelection:i,isOpen:n,closeDropdown:a,isLoading:l,dataTestId:r,innerHelperText:p,filteredData:m,isRequiredField:d,onItemSelect:c,onItemDeselect:h,tooltipAddons:u,labelLeftIconProps:I,optionRightIconComponent:C,labelRightIconComponent:g,withSearch:f,searchValue:S,setSearchValue:b}=e,x=e=>({value:t})=>{b(""),e?d||h():c(t)},w=window.innerHeight,T=window.innerWidth;/* @__PURE__ */
+return s(R,{isOpen:n,onClose:a,isMobileFullScreen:!0,children:[
+/* @__PURE__ */t(k,{dataTestId:r,searchValue:S,setSearchValue:b,onBack:()=>{a(),b("")},withSearch:f,isOpen:n}),
+/* @__PURE__ */s("div",{className:"mobile_options_content",children:[p?/* @__PURE__ */t(D,{size:"xsmall",type:"secondary",className:"mobile_options_content__label",children:p}):null,l?/* @__PURE__ */t(H,{}):/* @__PURE__ */s("div",{"data-test-id":r?`${r}-content`:"",children:[m.length>0&&/* @__PURE__ */t(F,{height:w-30-32-24,itemCount:m.length,itemSize:E,width:T,style:{width:"100%",overflowX:"hidden",overflowY:"auto",willChange:"auto"},children:({index:e,style:o})=>{const s=m[e],n=s.value===i;/* @__PURE__ */
+return t(z,{size:"large",tooltipAddons:u,data:s,onClick:x(n),labelLeftIconProps:I,OptionRightIconComponent:C,LabelRightIconComponent:g,disabled:s.disabled,isSelected:n,dataTestId:j(r,s.value,e)||s.dataTestId,style:o},s.value)}}),0===m.length?/* @__PURE__ */t(O,{size:"small",mainMessage:null==o?void 0:o.emptyListMainMessage}):null]})]})]})};export{me as SelectMobile};

package/components/Select/SharedComponents/ButtonSelectWrapper/Button/Button.d.ts

@@ -4,7 +4,7 @@ type TProps = {
     size?: 'small' | 'medium' | 'large';
     className?: string;
     disabled?: boolean;
-    dataId?: string;
+    dataTestId?: string;
     onClick: () => void;
     refHandler?: LegacyRef<HTMLButtonElement> | undefined;
     selectedItemsLabels: string;

package/components/Select/SharedComponents/ButtonSelectWrapper/Button/Button.js

@@ -1,3 +1,3 @@
-import{jsx as t,jsxs as p,Fragment as f}from"react/jsx-runtime";import u from"classnames";import{Text as r}from"../../../../Text/Text.js";import x from"../../../../SVGIcons/IconChevronUp.js";import h from"../../../../SVGIcons/IconChevronDown.js";const z=e=>{const{type:s,buttonText:n,size:a="large",className:o="",isOpen:l,disabled:m,dataId:c="",onClick:i,refHandler:d=null,selectedItemsLabels:b}=e;/* @__PURE__ */
-return t("button",{type:"button",ref:d,"data-id":c,disabled:m,className:u("btn",`btn--${s}`,`btn--${a}`,`btn--${a}`,o),onClick:i,children:/* @__PURE__ */p(f,{children:[
+import{jsx as t,jsxs as p,Fragment as f}from"react/jsx-runtime";import u from"classnames";import{Text as r}from"../../../../Text/Text.js";import x from"../../../../SVGIcons/IconChevronUp.js";import h from"../../../../SVGIcons/IconChevronDown.js";const z=e=>{const{type:s,buttonText:n,size:a="large",className:o="",isOpen:l,disabled:m,dataTestId:c="",onClick:i,refHandler:d=null,selectedItemsLabels:b}=e;/* @__PURE__ */
+return t("button",{type:"button",ref:d,"data-test-id":c,disabled:m,className:u("btn",`btn--${s}`,`btn--${a}`,`btn--${a}`,o),onClick:i,children:/* @__PURE__ */p(f,{children:[
 /* @__PURE__ */t(r,{className:"btn__text mr-4",type:b?"tertiary":"secondary",children:`${n}${b?"  |":""}`}),b?/* @__PURE__ */t(r,{className:"btn__text ml-4 mr-4",children:b}):null,/* @__PURE__ */t(l?x:h,{size:"small"})]})})};export{z as Button};

package/components/Select/SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js

@@ -1,3 +1,3 @@
-import{jsxs as N,jsx as o,Fragment as W}from"react/jsx-runtime";import{useRef as $,useMemo as C}from"react";import H from"classnames";import{Button as M}from"./Button/Button.js";import"../../../../consts/index.js";import"../../../../context/types.js";import"../../../../hooks/useScreenSize.js";import{useGetHasBottomSpace as O}from"../../../../hooks/useGetHasBottomSpace.js";import"react-hook-form";import{noop as j}from"../../../../utils/helpers.js";import{useChangePositionsOnScroll as k}from"../../../../hooks/useChangePositionsOnScroll.js";import{MobileWrapper as T}from"../../MultiSelect/MobileWrapper.js";import{DesktopWrapper as v}from"../../MultiSelect/DesktopWrapper.js";const X=e=>{const{offsets:t,children:s,size:r,className:n,dropdownWidth:l,align:a="left",isOpen:p,setIsOpen:i,containerRef:c,setContainerRef:m,dropdownRef:d,setDropdownRef:u,selectedValues:f,placeHolder:h,dataId:S,disabled:g,modalApplyButtonText:b,type:x="secondary",applySelectedItems:B,isMobile:R}=e,y=$(null),{hasBottomSpace:w}=O({element:d,input:y.current}),I=C(()=>R?f&&f.length>0?f.length.toString():"":f&&0!==(null==f?void 0:f.length)?1===(null==f?void 0:f.length)?`${f[0].label}`:` ${f[0].label} +${f.length-1}`:"",[f]);return k(null==y?void 0:y.current,d,w),/* @__PURE__ */N("div",{className:H(`select select--${r}`,n),ref:m,children:[
-/* @__PURE__ */o(M,{size:r,type:x,dataId:S,isOpen:p,buttonText:h||"",selectedItemsLabels:I,onClick:g?j:()=>i(!0),refHandler:y,className:"select_button"}),
-/* @__PURE__ */o(W,{children:R?/* @__PURE__ */o(T,{applySelectedItems:B,isOpen:p,closeDrodown:()=>i(!1),modalApplyButtonText:b,children:s}):/* @__PURE__ */o(v,{offsets:t,setDropdownRef:u,isOpen:p,align:a,dropdownWidth:l,inputRef:y.current,dropdownRef:d,containerRef:c,children:s})})]})};export{X as ButtonSelectWrapper};
+import{jsxs as D,jsx as r,Fragment as N}from"react/jsx-runtime";import{useRef as T,useMemo as W}from"react";import C from"classnames";import{Button as H}from"./Button/Button.js";import"../../../../consts/index.js";import"../../../../context/types.js";import"../../../../hooks/useScreenSize.js";import{useGetHasBottomSpace as M}from"../../../../hooks/useGetHasBottomSpace.js";import"react-hook-form";import{noop as O}from"../../../../utils/helpers.js";import{useChangePositionsOnScroll as j}from"../../../../hooks/useChangePositionsOnScroll.js";import{MobileWrapper as k}from"../../MultiSelect/MobileWrapper.js";import{DesktopWrapper as v}from"../../MultiSelect/DesktopWrapper.js";const X=e=>{const{offsets:t,children:s,size:o,className:n,dropdownWidth:l,align:a="left",isOpen:i,setIsOpen:p,containerRef:d,setContainerRef:c,dropdownRef:m,setDropdownRef:u,selectedValues:f,placeHolder:h,dataTestId:g,disabled:S,modalApplyButtonText:b,type:x="secondary",applySelectedItems:B,isMobile:R}=e,y=T(null),{hasBottomSpace:I}=M({element:m,input:y.current}),w=W(()=>R?f&&f.length>0?f.length.toString():"":f&&0!==(null==f?void 0:f.length)?1===(null==f?void 0:f.length)?`${f[0].label}`:` ${f[0].label} +${f.length-1}`:"",[f]);return j(null==y?void 0:y.current,m,I),/* @__PURE__ */D("div",{"data-test-id":g,className:C(`select select--${o}`,n),ref:c,children:[
+/* @__PURE__ */r(H,{size:o,type:x,dataTestId:g?`${g}-trigger`:"",isOpen:i,buttonText:h||"",selectedItemsLabels:w,onClick:S?O:()=>p(!0),refHandler:y,className:"select_button"}),
+/* @__PURE__ */r(N,{children:R?/* @__PURE__ */r(k,{dataTestId:g,applySelectedItems:B,isOpen:i,closeDrodown:()=>p(!1),modalApplyButtonText:b,children:s}):/* @__PURE__ */r(v,{dataTestId:g,offsets:t,setDropdownRef:u,isOpen:i,align:a,dropdownWidth:l,inputRef:y.current,dropdownRef:m,containerRef:d,children:s})})]})};export{X as ButtonSelectWrapper};

package/components/Select/SharedComponents/ContentTop.d.ts

@@ -13,7 +13,8 @@ type TProps = {
     isSearchAvailable?: boolean;
     hasLimitation?: boolean;
     menuOptions?: TMenuItem[];
-    dataIdPrefix?: string;
+    dataTestIdPrefix?: string;
+    dataTestId?: string;
     closeDropdown?: () => void;
     handleKeyDown?: (e: React.KeyboardEvent) => void;
 };

package/components/Select/SharedComponents/ContentTop.js

@@ -1,3 +1,3 @@
-import{jsxs as b,jsx as a}from"react/jsx-runtime";import g,{useRef as k,useMemo as z,useEffect as T}from"react";import{Text as _}from"../../Text/Text.js";import{Input as w}from"../../Input/Input.js";import{Actions as F}from"./Actions.js";import I from"../../SVGIcons/IconDismissFilled.js";import M from"../../SVGIcons/IconSearchFilled.js";import R from"../../SVGIcons/IconSelectAllOff.js";import{useIsMobile as V}from"../../../hooks/useGetIsMobile.js";import j from"../../SVGIcons/IconChevronLeft.js";import{noop as B}from"../../../utils/helpers.js";const K=g.memo(e=>{const{clearAll:l,selectAll:s,helperText:o,searchValue:t,translations:n,isAnySelected:r,setSearchValue:c,isSearchAvailable:i=!1,hasLimitation:m=!1,isSelectAllDisabled:p=!1,menuOptions:d=[],dataIdPrefix:u,closeDropdown:h,handleKeyDown:f}=e,x=k(null),{searchInputPlaceHolder:A,innerLabel:S,clearAllLabel:C,selectAllLabel:v}=n||{},g=z(()=>{let e=d;return s&&v&&!m&&(e=[{label:v,value:1,handler:s,disabled:p,iconProps:{Component:R},dataId:u?`${u}-select-all`:""}]),l&&C&&(e=[...e,{label:C,value:2,handler:l,disabled:!r,iconProps:{Component:I},dataId:u?`${u}-clear-all`:""}]),e},[d,v,s,l,C,p,r,u]),y=V();return T(()=>{x&&x.current&&!y&&x.current.focus()},[x,y]),/* @__PURE__ */b("div",{className:"content-top",children:[o&&!y?/* @__PURE__ */a(_,{size:"xsmall",type:"secondary",className:"content-top__label",children:o}):null,
-/* @__PURE__ */b("div",{className:"flexbox search-container",children:[y&&/* @__PURE__ */a(j,{onClick:()=>{h&&h()},size:"large"}),i&&/* @__PURE__ */a(w,{onKeyDown:f||B,ref:x,className:"content-top__search",size:"small",placeholder:A,handleChange:e=>{c&&c(e.target.value)},currentValue:t,rightIconProps:{Component:t?I:M,size:t?"xsmall":"small",onClick:()=>c&&c("")}})]}),
-/* @__PURE__ */a(F,{selectActions:g,innerLabel:S})]})});K.displayName="ContentTop";export{K as ContentTop};
+import{jsxs as b,jsx as s}from"react/jsx-runtime";import k,{useRef as z,useMemo as _,useEffect as w}from"react";import{Text as F}from"../../Text/Text.js";import{Input as M}from"../../Input/Input.js";import{Actions as R}from"./Actions.js";import I from"../../SVGIcons/IconDismissFilled.js";import V from"../../SVGIcons/IconSearchFilled.js";import $ from"../../SVGIcons/IconSelectAllOff.js";import{useIsMobile as j}from"../../../hooks/useGetIsMobile.js";import B from"../../SVGIcons/IconChevronLeft.js";import{noop as K}from"../../../utils/helpers.js";const O=k.memo(e=>{const{clearAll:l,selectAll:o,helperText:a,searchValue:t,translations:n,isAnySelected:r,setSearchValue:c,isSearchAvailable:i=!1,hasLimitation:m=!1,isSelectAllDisabled:p=!1,menuOptions:d=[],dataTestIdPrefix:u,dataTestId:h,closeDropdown:f,handleKeyDown:x}=e,A=z(null),T=h||u,{searchInputPlaceHolder:S,innerLabel:C,clearAllLabel:v,selectAllLabel:y}=n||{},L=_(()=>{let e=d;return o&&y&&!m&&(e=[{label:y,value:1,handler:o,disabled:p,iconProps:{Component:$},dataTestId:T?`${T}-select-all`:""}]),l&&v&&(e=[...e,{label:v,value:2,handler:l,disabled:!r,iconProps:{Component:I},dataTestId:T?`${T}-clear`:""}]),e},[d,y,o,l,v,p,r,T]),k=j();return w(()=>{A&&A.current&&!k&&A.current.focus()},[A,k]),/* @__PURE__ */b("div",{className:"content-top",children:[a&&!k?/* @__PURE__ */s(F,{size:"xsmall",type:"secondary",className:"content-top__label",children:a}):null,
+/* @__PURE__ */b("div",{className:"flexbox search-container",children:[k&&/* @__PURE__ */s(B,{onClick:()=>{f&&f()},size:"large"}),i&&/* @__PURE__ */s(M,{dataTestId:T?`${T}-search`:"",onKeyDown:x||K,ref:A,className:"content-top__search",size:"small",placeholder:S,handleChange:e=>{c&&c(e.target.value)},currentValue:t,rightIconProps:{Component:t?I:V,size:t?"xsmall":"small",onClick:()=>c&&c("")}})]}),
+/* @__PURE__ */s(R,{selectActions:L,innerLabel:C})]})});O.displayName="ContentTop";export{O as ContentTop};

package/components/Select/SharedComponents/Footer.js

@@ -1,6 +1,6 @@
-import{jsxs as r,jsx as l}from"react/jsx-runtime";import C from"react";import{Button as c}from"../../Button/Button.js";import{Checkbox as x}from"../../Checkbox/Checkbox.js";import{SELECT_TRANSLATIONS as s}from"../localization.js";const B=e=>{const{language:o,buttonProps:t,onApply:n,onCancel:i,hasChange:a=!0,checkboxInfo:m}=e,[u,d]=C.useState((null==m?void 0:m.isChecked)||!1),h={buttonText:s[o].confirmButtonText,...(null==t?void 0:t.confirm)||{}},p={buttonText:s[o].cancelButtonText,...(null==t?void 0:t.cancel)||{}};/* @__PURE__ */
-return r("div",{className:"select__footer",children:[
-/* @__PURE__ */l("div",{children:m?/* @__PURE__ */l(x,{label:m.label,selectedValue:u,onClick:d}):null}),
-/* @__PURE__ */r("div",{className:"select__footer__right flexbox",children:[
-/* @__PURE__ */l(c,{...p,type:"tertiary",size:"medium",className:"mr-12",onClick:i}),
-/* @__PURE__ */l(c,{disabled:!a&&u===!(null==m||!m.isChecked),...h,type:"primary",size:"medium",onClick:()=>n(u)})]})]})};export{B as Footer};
+import{jsxs as o,jsx as a}from"react/jsx-runtime";import C from"react";import{Button as i}from"../../Button/Button.js";import{Checkbox as x}from"../../Checkbox/Checkbox.js";import{SELECT_TRANSLATIONS as r}from"../localization.js";const N=e=>{const{language:t,buttonProps:l,onApply:n,onCancel:s,hasChange:c=!0,checkboxInfo:d,dataTestId:m}=e,[u,p]=C.useState((null==d?void 0:d.isChecked)||!1),h={buttonText:r[t].confirmButtonText,...(null==l?void 0:l.confirm)||{}},b={buttonText:r[t].cancelButtonText,...(null==l?void 0:l.cancel)||{}};/* @__PURE__ */
+return o("div",{className:"select__footer",children:[
+/* @__PURE__ */a("div",{children:d?/* @__PURE__ */a(x,{label:d.label,selectedValue:u,onClick:p}):null}),
+/* @__PURE__ */o("div",{className:"select__footer__right flexbox",children:[
+/* @__PURE__ */a(i,{...b,dataTestId:m?`${m}-cancel`:"",type:"tertiary",size:"medium",className:"mr-12",onClick:s}),
+/* @__PURE__ */a(i,{disabled:!c&&u===!(null==d||!d.isChecked),...h,dataTestId:m?`${m}-apply`:"",type:"primary",size:"medium",onClick:()=>n(u)})]})]})};export{N as Footer};

package/components/Select/SharedComponents/InputSelectWrapper/InputSelectWrapper.js

@@ -1,3 +1,3 @@
-import{jsxs as A,jsx as n,Fragment as B}from"react/jsx-runtime";import{useRef as M,useCallback as T,useMemo as q}from"react";import F from"classnames";import{Input as G}from"../../../Input/Input.js";import{useGetElemSizes as H}from"../../../../hooks/useGetElemSizes.js";import"../../../../consts/index.js";import"../../../../context/types.js";import"../../../../hooks/useScreenSize.js";import{useGetHasBottomSpace as P}from"../../../../hooks/useGetHasBottomSpace.js";import"react-hook-form";import{getStringWidth as _,setTranslationValue as E,noop as U}from"../../../../utils/helpers.js";import{useChangePositionsOnScroll as J}from"../../../../hooks/useChangePositionsOnScroll.js";import{MobileWrapper as K}from"../../MultiSelect/MobileWrapper.js";import{DesktopWrapper as Q}from"../../MultiSelect/DesktopWrapper.js";import X from"../../../SVGIcons/IconChevronUp.js";import Y from"../../../SVGIcons/IconChevronDown.js";const fe=e=>{const{isMobile:o,children:s,options:t,label:r,placeHolder:l,isRequiredField:i,labelAddons:a,disabled:p,className:c="",dropdownWidth:m,align:d="left",size:u="small",dropdownRef:f,setDropdownRef:h,containerRef:S,setIsOpen:j,isOpen:g,selectedValues:b,setContainerRef:I,overflowText:x,hasError:v,modalApplyButtonText:w,applySelectedItems:R,hideSelectedOptions:k=!1}=e,O=M(null),{width:C}=H(S),W=T(e=>_(e,14)>C-80,[C]),D=q(()=>{if(!b||!b.length)return"";const e=b.map(e=>e.label).join(", ");return W(e)?E(x||"",b.length):e},[t,b,W]),{hasBottomSpace:y}=P({element:f,input:O.current});return J(null==O?void 0:O.current,f,y),/* @__PURE__ */A("div",{className:F("select select--multi",c),ref:I,children:[
-/* @__PURE__ */n("div",{onClick:p?U:e=>{const o=null==e?void 0:e.target,s=null==o?void 0:o.getAttribute("class");e&&s&&(-1!==s.indexOf("icon-")||-1!==s.indexOf("svg-icon"))?(j(!g),e.preventDefault()):j(!0)},children:/* @__PURE__ */n(G,{readonly:!0,label:r,ref:O,hasError:v,className:"select__input",placeholder:l,required:i,currentValue:k?"":D,rightIconProps:{Component:g?X:Y,size:"small"},labelAddons:a,disabled:p,size:u})}),
-/* @__PURE__ */n(B,{children:o?/* @__PURE__ */n(K,{applySelectedItems:R,isOpen:g,closeDrodown:()=>j(!1),modalApplyButtonText:w,children:s}):/* @__PURE__ */n(Q,{setDropdownRef:h,isOpen:g,align:d,dropdownWidth:m,inputRef:O.current,dropdownRef:f,containerRef:S,children:s})})]})};export{fe as InputSelectWrapper};
+import{jsxs as M,jsx as i,Fragment as q}from"react/jsx-runtime";import{useRef as F,useCallback as G,useMemo as g}from"react";import H from"classnames";import{Input as P}from"../../../Input/Input.js";import{useGetElemSizes as _}from"../../../../hooks/useGetElemSizes.js";import"../../../../consts/index.js";import"../../../../context/types.js";import"../../../../hooks/useScreenSize.js";import{useGetHasBottomSpace as E}from"../../../../hooks/useGetHasBottomSpace.js";import"react-hook-form";import{getStringWidth as U,setTranslationValue as $,noop as J}from"../../../../utils/helpers.js";import{useChangePositionsOnScroll as K}from"../../../../hooks/useChangePositionsOnScroll.js";import{MobileWrapper as Q}from"../../MultiSelect/MobileWrapper.js";import{DesktopWrapper as X}from"../../MultiSelect/DesktopWrapper.js";import Y from"../../../SVGIcons/IconChevronUp.js";import Z from"../../../SVGIcons/IconChevronDown.js";const ge=e=>{const{isMobile:t,children:o,options:s,label:r,placeHolder:n,isRequiredField:l,labelAddons:a,disabled:p,className:d="",dropdownWidth:c,align:m="left",size:u="small",dropdownRef:f,setDropdownRef:h,containerRef:S,setIsOpen:j,isOpen:I,selectedValues:b,setContainerRef:v,overflowText:x,hasError:w,modalApplyButtonText:R,applySelectedItems:k,hideSelectedOptions:O=!1,dataTestId:C}=e,T=F(null),{width:W}=_(S),D=G(e=>U(e,14)>W-80,[W]),y=g(()=>{if(!b||!b.length)return"";const e=b.map(e=>e.label).join(", ");return D(e)?$(x||"",b.length):e},[s,b,D]),z=g(()=>b&&b.length>0?b.map(e=>e.label).join(", "):n&&D(n)?n:void 0,[b,n,D]),{hasBottomSpace:A}=E({element:f,input:T.current});return K(null==T?void 0:T.current,f,A),/* @__PURE__ */M("div",{"data-test-id":C,className:H("select select--multi",d),ref:v,children:[
+/* @__PURE__ */i("div",{onClick:p?J:e=>{const t=null==e?void 0:e.target,o=null==t?void 0:t.getAttribute("class");e&&o&&(-1!==o.indexOf("icon-")||-1!==o.indexOf("svg-icon"))?(j(!I),e.preventDefault()):j(!0)},children:/* @__PURE__ */i(P,{dataTestId:C?`${C}-trigger`:"",readonly:!0,label:r,ref:T,hasError:w,className:"select__input",placeholder:n,required:l,currentValue:O?"":y,rightIconProps:{Component:I?Y:Z,size:"small"},labelAddons:a,disabled:p,size:u,title:z})}),
+/* @__PURE__ */i(q,{children:t?/* @__PURE__ */i(Q,{dataTestId:C,applySelectedItems:k,isOpen:I,closeDrodown:()=>j(!1),modalApplyButtonText:R,children:o}):/* @__PURE__ */i(X,{dataTestId:C,setDropdownRef:h,isOpen:I,align:m,dropdownWidth:c,inputRef:T.current,dropdownRef:f,containerRef:S,children:o})})]})};export{ge as InputSelectWrapper};

package/components/Select/helper.d.ts

@@ -0,0 +1 @@
+export declare const getOptionDataTestId: (dataTestId: string | undefined, value: TItemValue, index: number) => string;

package/components/Select/helper.js

@@ -0,0 +1 @@
+const r=(t,o,e)=>t?`${t}-option-${"string"==typeof o||"number"==typeof o?o:e}`:"";export{r as getOptionDataTestId};

package/components/Select/types.d.ts

@@ -1,9 +1,10 @@
+import { IBaseProps, IFormCompProps } from '../../type';
 import { LegacyRef, ReactElement, ReactNode } from 'react';
 import { TButtonPropTypes } from '../Button/types';
 import { TMenuItem } from '../Menu/types';
 import { TTooltipProps } from '../Tooltip/types';
 interface TSelectBaseProps {
-    dataIdPrefix?: string;
+    dataTestIdPrefix?: string;
     error?: string;
     isLoading?: boolean;
     disabled?: boolean;
@@ -26,6 +27,7 @@ interface TSelectBaseProps {
     language?: string;
 }
 export interface TNestedSelectProps {
+    dataTestId?: string;
     options: TSelectOptions;
     isRequiredField?: boolean;
     label?: string | ReactElement;
@@ -100,7 +102,6 @@ export interface TMultiSelectPropTypes extends IFormCompProps, TSelectBaseProps
 }
 export interface TButtonSelectPropTypes extends IFormCompProps, TSelectBaseProps {
     isMobileFullScreen?: boolean;
-    dataId?: string;
     options: TSelectOptions;
     selectedItem?: TItemValue;
     setSelectedItem?: (items: TItemValue | undefined) => void;
@@ -129,11 +130,10 @@ export interface TSingleSelectPropTypes extends IFormCompProps, TSelectBaseProps
         emptyListMainMessage: string;
     };
 }
-export interface ISingleSelectResponsiveProps {
+export interface ISingleSelectResponsiveProps extends IBaseProps {
     isOpen: boolean;
     closeDropdown: () => void;
     isLoading?: boolean;
-    dataId?: string;
     innerHelperText?: string;
     labelLeftIconProps?: {
         size?: TIconSize;
@@ -166,6 +166,7 @@ export interface ISingleSelectDesktopProps extends ISingleSelectResponsiveProps
     setActiveIndex: (index: number) => void;
 }
 export type TSelectFooterPropTypes = {
+    dataTestId?: string;
     checkboxInfo?: TCheckboxInfo;
     hasChange?: boolean;
     buttonProps?: {
@@ -227,7 +228,7 @@ export interface TFilterGroupDropdownContentProps extends IFormCompProps {
     onItemDeselect: (item: TSelectedValue) => void;
     checkIsSelected: (item: TItemValue) => boolean;
 }
-export type TSelectWrapperProps = {
+export type TSelectWrapperProps = IBaseProps & {
     isMobile: boolean;
     applySelectedItems: (isChecked: boolean) => void;
     hasError?: boolean;
@@ -255,7 +256,6 @@ export type TSelectWrapperProps = {
     dropdownRef: HTMLDivElement | null;
     setDropdownRef: LegacyRef<HTMLDivElement>;
     selectedValues?: TSelectedValue[];
-    dataId?: string;
     type?: 'primary' | 'secondary' | 'tertiary';
     modalApplyButtonText?: string;
     hideSelectedOptions?: boolean;
@@ -269,6 +269,7 @@ declare type TNavItemValue = {
     children: ReactNode;
 };
 export type TProfileDropdownProps = {
+    dataTestId?: string;
     avatar: ReactElement;
     email: string;
     name: string;

package/components/SideSheet/Footer/Footer.d.ts

@@ -11,6 +11,7 @@ type TProps = {
     onClose: (e?: TClickEventType) => void;
     onSubmit?: (isSelected: boolean) => void;
     checkboxInfo?: TCheckboxInfo;
+    dataTestId?: string;
 };
-export declare const Footer: ({ isLoading, footerButtons, onClose, onSubmit, checkboxInfo }: TProps) => ReactElement | null;
+export declare const Footer: ({ isLoading, footerButtons, onClose, onSubmit, checkboxInfo, dataTestId }: TProps) => ReactElement | null;
 export {};

package/components/SideSheet/Footer/Footer.js

@@ -1,5 +1,5 @@
-import{jsxs as i,jsx as s}from"react/jsx-runtime";import u,{useCallback as y}from"react";import{Button as t}from"../../Button/Button.js";import{Checkbox as C}from"../../Checkbox/Checkbox.js";const z=({isLoading:e,footerButtons:o,onClose:r,onSubmit:a,checkboxInfo:l})=>{const[n,c]=u.useState((null==l?void 0:l.isChecked)||!1),m=y(()=>{null==a||a(n)},[a,n]);if(!o)return null;const{extraButton:d,confirm:h,cancel:b}=o;/* @__PURE__ */
-return i("div",{className:"side-sheet__footer",children:[l?/* @__PURE__ */s("div",{className:"side-sheet__footer_checkbox",children:/* @__PURE__ */s(C,{label:l.label,selectedValue:n,onClick:c})}):null,
-/* @__PURE__ */i("div",{className:"side-sheet__footer_buttons",children:[d?/* @__PURE__ */s(t,{size:"large",type:"secondary",...o.extraButton,className:"mr-12"}):null,
-/* @__PURE__ */s(t,{type:"secondary",size:"large",className:"mr-12",onClick:r,...b}),
-/* @__PURE__ */s(t,{type:"primary",size:"large",onClick:m,disabled:e,...h})]})]})};export{z as Footer};
+import{jsxs as c,jsx as r}from"react/jsx-runtime";import y,{useCallback as C}from"react";import{Button as t}from"../../Button/Button.js";import{Checkbox as h}from"../../Checkbox/Checkbox.js";const v=({isLoading:e,footerButtons:s,onClose:o,onSubmit:a,checkboxInfo:l,dataTestId:n=""})=>{const[i,d]=y.useState((null==l?void 0:l.isChecked)||!1),m=C(()=>{null==a||a(i)},[a,i]);if(!s)return null;const{extraButton:u,confirm:f,cancel:x}=s;/* @__PURE__ */
+return c("div",{className:"side-sheet__footer","data-test-id":n?`${n}-footer`:"",children:[l?/* @__PURE__ */r("div",{className:"side-sheet__footer_checkbox",children:/* @__PURE__ */r(h,{label:l.label,selectedValue:i,onClick:d,dataTestId:n?`${n}-checkbox`:""})}):null,
+/* @__PURE__ */c("div",{className:"side-sheet__footer_buttons",children:[u?/* @__PURE__ */r(t,{size:"large",type:"secondary",...s.extraButton,className:"mr-12",dataTestId:n?`${n}-extra`:""}):null,
+/* @__PURE__ */r(t,{type:"secondary",size:"large",className:"mr-12",onClick:o,...x,dataTestId:n?`${n}-cancel`:""}),
+/* @__PURE__ */r(t,{type:"primary",size:"large",onClick:m,disabled:e,...f,dataTestId:n?`${n}-confirm`:""})]})]})};export{v as Footer};

package/components/SideSheet/SideSheet.js

@@ -1,8 +1,8 @@
-import{jsx as i,jsxs as l}from"react/jsx-runtime";import{useState as f,useRef as P,useId as w,useEffect as F,useCallback as L}from"react";import{motion as _}from"motion/react";import $ from"classnames";import"../../consts/index.js";import"../../context/types.js";import{useOnOutsideClick as j}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import{useHideBodyScroll as D}from"../../hooks/useHideBodyScroll.js";import"react-hook-form";import{AnimatePresenceWrapper as H}from"../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";import{Button as s}from"../Button/Button.js";import{Text as A}from"../Text/Text.js";import{useDispatchEventOnScroll as U}from"../../hooks/useDispatchEventOnScroll.js";import{Footer as W}from"./Footer/Footer.js";import q from"../SVGIcons/IconCaretUp.js";import G from"../SVGIcons/IconDismissFilled.js";const ae=e=>{const{size:t="small",isLoading:o,isOpen:r,onClose:a,onSubmit:n,title:c,position:m="right",shouldRemoveCallback:d,className:p="",headerButtons:h,footerButtons:u,scrollToTopOptions:k,children:y,closeOnOutsideClick:v=!0,checkboxInfo:x}=e,[C,S]=f(null),[b,g]=f(!1),N=P(null);j(C,a,r&&v,w(),d),D(r);const O=U();F(()=>{var e;if(r&&k){const s=e=>{O(),r&&g(e.currentTarget.scrollTop>k.onPixel)};null==(e=N.current)||e.addEventListener("scroll",s)}r||z()},[r,k]);const z=L(()=>{var e;g(!1),null==(e=N.current)||e.scrollTo({top:0,behavior:"smooth"})},[]),B="left"===m;/* @__PURE__ */
-return i(H,{children:r?/* @__PURE__ */i(_.div,{className:"side-sheet",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,transition:{duration:.1,delay:.3}},transition:{duration:.2},children:/* @__PURE__ */l(_.div,{initial:B?{left:"-100%"}:{right:"-100%"},animate:B?{left:0}:{right:0},exit:{...B?{left:"-100%"}:{right:"-100%"},transition:{duration:.5}},transition:{duration:.5},className:$("side-sheet__container",`side-sheet__${m}`,`side-sheet__container--${t}`,p),ref:S,children:[
-/* @__PURE__ */l("div",{className:"side-sheet__header",children:[
-/* @__PURE__ */l("div",{className:"side-sheet__header__left pr-16",children:[null!=h&&h.back?/* @__PURE__ */i(s,{size:"small",type:"tertiary",...h.back,className:"mr-8"}):null,
-/* @__PURE__ */i(A,{className:"side-sheet__title",weight:"bolder",lineHeight:"large",size:"medium",children:c})]}),
-/* @__PURE__ */l("div",{className:"side-sheet__header__right",children:[null!=h&&h.pin?/* @__PURE__ */i(s,{size:"small",type:"tertiary",...h.pin,className:"mr-8"}):null,null!=h&&h.close?/* @__PURE__ */i(s,{size:"small",type:"tertiary",...h.close,onClick:a}):/* @__PURE__ */i(s,{size:"small",type:"tertiary",iconProps:{Component:G},onClick:a})]}),b&&/* @__PURE__ */i(s,{size:"large",type:"secondary",iconProps:{Component:q},className:`side-sheet__header__scroll-top side-sheet__header__scroll-top__${t}`,onClick:z})]}),
-/* @__PURE__ */i("div",{className:"side-sheet__content scrollbar scrollbar--vertical",ref:N,children:y}),
-/* @__PURE__ */i(W,{footerButtons:u,isLoading:o,onClose:a,onSubmit:n,checkboxInfo:x})]})}):null})};export{ae as SideSheet};
+import{jsx as i,jsxs as a}from"react/jsx-runtime";import{useState as _,useRef as P,useId as w,useEffect as F,useCallback as L}from"react";import{motion as u}from"motion/react";import j from"classnames";import"../../consts/index.js";import"../../context/types.js";import{useOnOutsideClick as D}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import{useHideBodyScroll as H}from"../../hooks/useHideBodyScroll.js";import"react-hook-form";import{AnimatePresenceWrapper as A}from"../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";import{Button as r}from"../Button/Button.js";import{Text as U}from"../Text/Text.js";import{useDispatchEventOnScroll as W}from"../../hooks/useDispatchEventOnScroll.js";import{Footer as q}from"./Footer/Footer.js";import G from"../SVGIcons/IconCaretUp.js";import J from"../SVGIcons/IconDismissFilled.js";const ce=e=>{const{size:t="small",isLoading:s,isOpen:o,onClose:l,onSubmit:n,title:c,position:d="right",shouldRemoveCallback:m,className:p="",headerButtons:h,footerButtons:f,scrollToTopOptions:k,children:y,closeOnOutsideClick:T=!0,checkboxInfo:I,dataTestId:v=""}=e,[x,C]=_(null),[b,S]=_(!1),g=P(null);D(x,l,o&&T,w(),m),H(o);const N=W();F(()=>{var e;if(o&&k){const t=e=>{N(),o&&S(e.currentTarget.scrollTop>k.onPixel)};null==(e=g.current)||e.addEventListener("scroll",t)}o||$()},[o,k]);const $=L(()=>{var e;S(!1),null==(e=g.current)||e.scrollTo({top:0,behavior:"smooth"})},[]),O="left"===d;/* @__PURE__ */
+return i(A,{children:o?/* @__PURE__ */i(u.div,{className:"side-sheet","data-test-id":v,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,transition:{duration:.1,delay:.3}},transition:{duration:.2},children:/* @__PURE__ */a(u.div,{initial:O?{left:"-100%"}:{right:"-100%"},animate:O?{left:0}:{right:0},exit:{...O?{left:"-100%"}:{right:"-100%"},transition:{duration:.5}},transition:{duration:.5},className:j("side-sheet__container",`side-sheet__${d}`,`side-sheet__container--${t}`,p),"data-test-id":v?`${v}-container`:"",ref:C,children:[
+/* @__PURE__ */a("div",{className:"side-sheet__header",children:[
+/* @__PURE__ */a("div",{className:"side-sheet__header__left pr-16",children:[null!=h&&h.back?/* @__PURE__ */i(r,{size:"small",type:"tertiary",...h.back,className:"mr-8",dataTestId:v?`${v}-back`:""}):null,
+/* @__PURE__ */i(U,{className:"side-sheet__title",weight:"bolder",lineHeight:"large",size:"medium",dataTestId:v?`${v}-title`:"",children:c})]}),
+/* @__PURE__ */a("div",{className:"side-sheet__header__right",children:[null!=h&&h.pin?/* @__PURE__ */i(r,{size:"small",type:"tertiary",...h.pin,className:"mr-8",dataTestId:v?`${v}-pin`:""}):null,null!=h&&h.close?/* @__PURE__ */i(r,{size:"small",type:"tertiary",...h.close,onClick:l,dataTestId:v?`${v}-close`:""}):/* @__PURE__ */i(r,{size:"small",type:"tertiary",iconProps:{Component:J},onClick:l,dataTestId:v?`${v}-close`:""})]}),b&&/* @__PURE__ */i(r,{size:"large",type:"secondary",iconProps:{Component:G},className:`side-sheet__header__scroll-top side-sheet__header__scroll-top__${t}`,dataTestId:v?`${v}-scroll-top`:"",onClick:$})]}),
+/* @__PURE__ */i("div",{className:"side-sheet__content scrollbar scrollbar--vertical","data-test-id":v?`${v}-content`:"",ref:g,children:y}),
+/* @__PURE__ */i(q,{footerButtons:f,isLoading:s,onClose:l,onSubmit:n,checkboxInfo:I,dataTestId:v})]})}):null})};export{ce as SideSheet};

package/components/SideSheet/types.d.ts

@@ -1,3 +1,4 @@
+import { IBaseProps } from '../../type';
 import { ReactNode } from 'react';
 import { TButtonPropTypes } from '../Button/types';
 export type TSideSheetSize = 'small' | 'large' | 'mobile';
@@ -5,7 +6,7 @@ export type TCheckboxInfo = {
     label: string;
     isChecked: boolean;
 };
-export interface TSideSheetPropTypes {
+export interface TSideSheetPropTypes extends IBaseProps {
     closeOnOutsideClick?: boolean;
     shouldRemoveCallback?: boolean;
     size?: TSideSheetSize;

package/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { TSkeletonPropTypes } from './types';
+export declare const Skeleton: (props: TSkeletonPropTypes) => ReactElement;

package/components/Skeleton/Skeleton.js

@@ -0,0 +1,5 @@
+import{jsx as s}from"react/jsx-runtime";import v from"classnames";import{DEFAULT_VARIANT as g,DEFAULT_ANIMATION as y}from"./consts.js";const u=s=>{if(null!=s)return"number"==typeof s?`${s}px`:s},$=e=>{const{variant:t=g,animation:a=y,width:n,height:i,count:l=1,children:o,style:r,className:d="",dataTestId:c=""}=e,h=null!=o,m=l>1?l:1,p={...void 0!==n?{width:u(n)}:null,...void 0!==i?{height:u(i)}:null,...r},k=v("skeleton",`skeleton--${t}`,`skeleton--anim-${a}`,{"skeleton--has-children":h,"skeleton--auto-height":h&&void 0===i,"skeleton--auto-width":h&&void 0===n},d);if(h)/* @__PURE__ */
+return s("span",{className:k,style:p,"data-test-id":c,children:/* @__PURE__ */s("span",{className:"skeleton__children","aria-hidden":"true",children:o})});if(1===m)/* @__PURE__ */
+return s("span",{className:k,style:p,"data-test-id":c,role:"status","aria-label":"Loading"});const N=[];for(let e=0;e<m;e+=1)N.push(
+/* @__PURE__ */s("span",{className:k,style:p,"data-test-id":c?`${c}-${e}`:"","aria-hidden":0!==e||void 0,role:0===e?"status":void 0,"aria-label":0===e?"Loading":void 0},e));/* @__PURE__ */
+return s("span",{className:"skeleton-group",children:N})};export{$ as Skeleton};

package/components/Skeleton/consts.d.ts

@@ -0,0 +1,5 @@
+import { TSkeletonAnimation, TSkeletonVariant } from './types';
+export declare const SKELETON_VARIANTS: TSkeletonVariant[];
+export declare const SKELETON_ANIMATIONS: TSkeletonAnimation[];
+export declare const DEFAULT_VARIANT: TSkeletonVariant;
+export declare const DEFAULT_ANIMATION: TSkeletonAnimation;

package/components/Skeleton/consts.js

@@ -0,0 +1 @@
+const t=["text","circular","rectangular","rounded"],A=["pulse","wave","none"],e="text",n="pulse";export{n as DEFAULT_ANIMATION,e as DEFAULT_VARIANT,A as SKELETON_ANIMATIONS,t as SKELETON_VARIANTS};

package/components/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Skeleton';
+export * from './types';

package/components/Skeleton/index.js

@@ -0,0 +1 @@
+import{Skeleton as r}from"./Skeleton.js";export{r as Skeleton};