@itcase/ui-web 1.9.111 → 1.9.113

package/dist/components/AvatarStack.js

@@ -1 +1 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";import t from"clsx";import{useAppearanceConfig as s,useDevicePropsGenerator as i,useStyles as r}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as c}from"@itcase/ui-core/utils";import{A as o}from"../Avatar_es_JNHZc9lc.js";import{G as m}from"../Group_es_DIuSNHx3.js";import{T as p}from"../primitives_es_BQqNcRQk.js";import"react";import"../Image_es_CA8fSzj-.js";import"@itcase/ui-core/hoc";import"@rc-component/tooltip";import"react-inlinesvg";const n={appearance:{size16:{size:"16"},size20:{size:"20"},size24:{size:"24"},size32:{size:"32"},size40:{size:"40"},size56:{size:"56"}},setAppearance:e=>{n.appearance=e}};function l(l){const{appearance:z,className:_,dataTestId:h,direction:d="horizontal",avatarAppearance:f,avatarsList:u,length:v=3,isSkeleton:x}=l,g=s(z,n),k=i(l,g),{size:N}=k,{styles:j}=r(l);return u.length&&e("div",{className:t(_,"avatar-stack",d&&`group_direction_${d}`,N&&`avatar-stack_size_${N}`,x&&"skeleton"),"data-testid":h,style:j,children:[u.slice(0,v).map(e=>a(o,{appearance:c(f,`size${N}`),className:"avatar-stack__item",src:e.src,textSize:"l",firstName:e.firstName,secondName:e.lastName,shape:"circular"},e.id)),u.length>v&&a(m,{className:"avatar-stack__item avatar-stack__item-text",width:`${N}px`,height:`${N}px`,fill:"surfaceSecondary",children:e(p,{size:"xs",textColor:"surfaceTextPrimary",textWeight:"600",children:["+",u.length-v]})})]})}export{l as AvatarStack};
+import{jsxs as t,jsx as a}from"react/jsx-runtime";import e from"clsx";import{useStyles as r}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as s}from"@itcase/ui-core/utils";import{A as i}from"../Avatar_es_JNHZc9lc.js";import{G as o}from"../Group_es_DIuSNHx3.js";import{T as c}from"../primitives_es_BQqNcRQk.js";import"react";import"../Image_es_CA8fSzj-.js";import"@itcase/ui-core/hoc";import"@rc-component/tooltip";import"react-inlinesvg";function m(m){const{className:l,dataTestId:n,direction:p="horizontal",size:_="56",avatarAppearance:d,avatarsList:h,length:f=3,isSkeleton:v}=m,{styles:k}=r(m);return h.length&&t("div",{className:e(l,"avatar-stack",p&&`avatar-stack_direction_${p}`,`avatar-stack_size_${_}`),"data-testid":n,style:k,children:[h.slice(0,f).map(t=>a(i,{appearance:s(d,`size${_}`),className:"avatar-stack__item",src:t.src,firstName:t.firstName,secondName:t.lastName,isSkeleton:v},t.id)),h.length>f&&a(o,{className:e("avatar-stack__item avatar-stack__item-text",v&&"skeleton"),width:`${_}px`,height:`${_}px`,fill:"surfaceSecondary",children:t(c,{size:"xs",textColor:"surfaceTextPrimary",textWeight:"600",children:["+",h.length-f]})})]})}export{m as AvatarStack};

package/dist/components/DatePeriod.js

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

package/dist/components/DatePicker.js

@@ -1 +1 @@
-export{D as DatePickerInput,d as datePickerAppearance,a as datePickerConfig}from"../DatePicker_es_vJagTqXm.js";import"react/jsx-runtime";import"react";import"clsx";import"date-fns/locale";import"react-datepicker";import"@itcase/ui-core/hooks";import"../Button_es_M2ryMLoI.js";import"@itcase/ui-core/utils";import"../primitives_es_BQqNcRQk.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_CwVQZ1L0.js";import"@itcase/common";import"../Input_es_DabuPYuA.js";import"../Label_es_C4QnITZA.js";import"../default_es_CaWUd9iO.js";
+export{D as DatePickerInput,d as datePickerAppearance,a as datePickerConfig}from"../DatePicker_es_BhrZj2OP.js";import"react/jsx-runtime";import"react";import"clsx";import"date-fns/locale";import"react-datepicker";import"@itcase/ui-core/hooks";import"../Button_es_M2ryMLoI.js";import"@itcase/ui-core/utils";import"../primitives_es_BQqNcRQk.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_CwVQZ1L0.js";import"@itcase/common";import"../Input_es_DabuPYuA.js";import"../default_es_CaWUd9iO.js";