@itcase/ui-web 1.9.93 → 1.9.94
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Avatar_cjs_CrBNDT-b.js → Avatar_cjs_D2KBQgCe.js} +1 -1
- package/dist/{Avatar_es_U1YYJODp.js → Avatar_es_CUtyrzAt.js} +1 -1
- package/dist/{Button_cjs_BooGWjFA.js → Button_cjs_D7JyUFXZ.js} +1 -1
- package/dist/{Button_es_ByZvr97d.js → Button_es_gm2pGnwp.js} +1 -1
- package/dist/{ChipsGroup_cjs_e06Mbwfo.js → ChipsGroup_cjs_DwdX5KHD.js} +1 -1
- package/dist/{ChipsGroup_es_BPB49-MY.js → ChipsGroup_es_dcSLO3Zt.js} +1 -1
- package/dist/{DatePicker_cjs_wBpuO_k6.js → DatePicker_cjs_DxAVMKPe.js} +1 -1
- package/dist/{DatePicker_es_CNeC_D8K.js → DatePicker_es_D7sUlsDb.js} +1 -1
- package/dist/{Label_cjs_DvzrQiaJ.js → Label_cjs_Cwq325IM.js} +1 -1
- package/dist/{Label_es_GkbUOWkY.js → Label_es_j7KzWWH_.js} +1 -1
- package/dist/{Loader_cjs_jDizp0PM.js → Loader_cjs_C3Erfzz3.js} +1 -1
- package/dist/{Loader_es_CNm-0k9h.js → Loader_es_D2S1nwTD.js} +1 -1
- package/dist/{SelectContainer_cjs_DwcpbekD.js → SelectContainer_cjs_DaPt-Yyg.js} +1 -1
- package/dist/{SelectContainer_es_BBw3-MW1.js → SelectContainer_es_C-nSe-mo.js} +1 -1
- package/dist/cjs/components/Accordion.js +1 -1
- package/dist/cjs/components/Avatar.js +1 -1
- package/dist/cjs/components/AvatarStack.js +1 -1
- package/dist/cjs/components/Badge.js +1 -1
- package/dist/cjs/components/Breadcrumbs.js +1 -1
- package/dist/cjs/components/Button.js +1 -1
- package/dist/cjs/components/Cell.js +1 -1
- package/dist/cjs/components/Checkbox.js +1 -1
- package/dist/cjs/components/Checkmark.js +1 -1
- package/dist/cjs/components/Chips.js +1 -1
- package/dist/cjs/components/Choice.js +1 -1
- package/dist/cjs/components/CookiesWarning.js +1 -1
- package/dist/cjs/components/DatePeriod.js +1 -1
- package/dist/cjs/components/DatePicker.js +1 -1
- package/dist/cjs/components/Divider.js +1 -1
- package/dist/cjs/components/Drawer.js +1 -1
- package/dist/cjs/components/Dropdown.js +1 -1
- package/dist/cjs/components/Dropzone.js +1 -1
- package/dist/cjs/components/HeroTitle.js +1 -1
- package/dist/cjs/components/Icon.js +1 -1
- package/dist/cjs/components/InputNumber.js +1 -1
- package/dist/cjs/components/InputPassword.js +1 -1
- package/dist/cjs/components/Label.js +1 -1
- package/dist/cjs/components/Link.js +1 -1
- package/dist/cjs/components/List.js +1 -1
- package/dist/cjs/components/Loader.js +1 -1
- package/dist/cjs/components/Logo.js +1 -1
- package/dist/cjs/components/MenuItem.js +1 -1
- package/dist/cjs/components/Modal.js +1 -1
- package/dist/cjs/components/ModalSheetBottom.js +1 -1
- package/dist/cjs/components/Notification.js +1 -1
- package/dist/cjs/components/Pagination.js +1 -1
- package/dist/cjs/components/Radio.js +1 -1
- package/dist/cjs/components/Response.js +1 -1
- package/dist/cjs/components/Search.js +1 -1
- package/dist/cjs/components/Segmented.js +1 -1
- package/dist/cjs/components/Select.js +1 -1
- package/dist/cjs/components/Swiper.js +1 -1
- package/dist/cjs/components/Switch.js +1 -1
- package/dist/cjs/components/Tab.js +1 -1
- package/dist/cjs/components/Text.js +1 -1
- package/dist/cjs/components/Tile.js +1 -1
- package/dist/cjs/components/Title.js +1 -1
- package/dist/cjs/components/Tooltip.js +1 -1
- package/dist/cjs/components/Warning.js +1 -1
- package/dist/components/Accordion.js +1 -1
- package/dist/components/Avatar.js +1 -1
- package/dist/components/AvatarStack.js +1 -1
- package/dist/components/Badge.js +1 -1
- package/dist/components/Breadcrumbs.js +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Cell.js +1 -1
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/Checkmark.js +1 -1
- package/dist/components/Chips.js +1 -1
- package/dist/components/Choice.js +1 -1
- package/dist/components/CookiesWarning.js +1 -1
- package/dist/components/DatePeriod.js +1 -1
- package/dist/components/DatePicker.js +1 -1
- package/dist/components/Divider.js +1 -1
- package/dist/components/Drawer.js +1 -1
- package/dist/components/Dropdown.js +1 -1
- package/dist/components/Dropzone.js +1 -1
- package/dist/components/HeroTitle.js +1 -1
- package/dist/components/Icon.js +1 -1
- package/dist/components/InputNumber.js +1 -1
- package/dist/components/InputPassword.js +1 -1
- package/dist/components/Label.js +1 -1
- package/dist/components/Link.js +1 -1
- package/dist/components/List.js +1 -1
- package/dist/components/Loader.js +1 -1
- package/dist/components/Logo.js +1 -1
- package/dist/components/MenuItem.js +1 -1
- package/dist/components/Modal.js +1 -1
- package/dist/components/ModalSheetBottom.js +1 -1
- package/dist/components/Notification.js +1 -1
- package/dist/components/Pagination.js +1 -1
- package/dist/components/Radio.js +1 -1
- package/dist/components/Response.js +1 -1
- package/dist/components/Search.js +1 -1
- package/dist/components/Segmented.js +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/components/Swiper.js +1 -1
- package/dist/components/Switch.js +1 -1
- package/dist/components/Tab.js +1 -1
- package/dist/components/Text.js +1 -1
- package/dist/components/Tile.js +1 -1
- package/dist/components/Title.js +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Warning.js +1 -1
- package/dist/css/styles/bundles.css +6 -4
- package/dist/default_cjs_BMbs2it-.js +1 -0
- package/dist/default_es_C4dY1Dqw.js +1 -0
- package/dist/primitives_cjs_Cn5nSqZM.js +1 -0
- package/dist/primitives_es_CkHPBwNl.js +1 -0
- package/dist/types/components/Swiper/Swiper.interface.d.ts +2 -0
- package/dist/types/components/Swiper/Swiper.js +4 -2
- package/dist/types/components/Swiper/stories/SwiperDemo.stories.js +4 -2
- package/dist/types/components/Swiper/stories/__mock__/index.js +6 -10
- package/dist/types/components/Text/Text.interface.d.ts +2 -1
- package/dist/types/components/Text/Text.js +2 -2
- package/package.json +2 -2
- package/dist/default_cjs_lUT82fjL.js +0 -1
- package/dist/default_es_l85QutMi.js +0 -1
- package/dist/primitives_cjs_e06YLoA1.js +0 -1
- package/dist/primitives_es_B2iaeM5M.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as i}from"react";import a from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as r,useStyles as l}from"@itcase/ui-core/hooks";import{I as s}from"../
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as i}from"react";import a from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as r,useStyles as l}from"@itcase/ui-core/hooks";import{I as s}from"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const c={sizeH1:{size:"h1"},sizeH2:{size:"h2"},sizeH3:{size:"h3"},sizeH4:{size:"h4"},sizeH5:{size:"h5"},sizeH6:{size:"h6"}},n={appearance:c,setAppearance:e=>{n.appearance=e}};function p(c){const{appearance:p,className:_,dataTestId:g,dataTour:d,text:f,afterWrapper:h,beforeWrapper:x,tag:z="span",before:C,after:S,isDisabled:m,isSkeleton:b,onClick:$,children:u}=c,v=o(p,n,m),A=r(c,v),{directionClass:B,size:F,fillClass:T,textAlignClass:w,textColorActiveClass:H,textColorClass:y,textColorGradientClass:I,textColorHoverClass:k,textFontClass:N,textStyleClass:W,textTruncateClass:V,textWeightClass:j,textWrap:D,heightClass:G,iconAfter:q,iconAfterFill:E,iconAfterFillIcon:J,iconAfterFillSize:K,iconAfterShape:L,iconAfterSize:M,iconAfterSrc:O,iconBadgeAppearance:P,iconBadgeShape:Q,iconBadgeSize:R,iconBadgeTextColor:U,iconBadgeTextSize:X,iconBadgeValue:Y,iconBefore:Z,iconBeforeFill:ee,iconBeforeFillIcon:te,iconBeforeFillSize:ie,iconBeforeShape:ae,iconBeforeSize:oe,iconBeforeSrc:re,svgFillClass:le,svgFillHoverClass:se,typeClass:ce,widthClass:ne,wrapperDirectionClass:pe}=A,{styles:_e,wrapper:ge}=l(c),de=i(()=>z||(F||"span"),[F,z]);return e(de,{className:a(_,"heroTitle",T&&`fill_${T}`,le&&`svg_fill_${le}`,se&&`svg_fill_hover_${se}`,ne&&`width_${ne}`,G&&`height_${G}`,F&&`hero-title_size_${F}`,B&&`hero-title_direction_${B}`,"text",y&&`text-color_${y}`,H&&`text-color_active_${H}`,k&&`text-color_hover_${k}`,ce&&`hero-title_type_${ce}`,I&&`text-gradient_${I}`,N&&`text-font_${N}`,W&&`text-style_${W}`,j&&`text-weight_${j}`,D&&`word-wrap_${D}`,b&&"skeleton"),"data-testid":g,"data-tour":d,style:_e,onClick:$,children:[C,e("span",{className:a(w&&`text-align_${w}`,pe&&`hero-title-direction_${pe}`,"hero-title__wrapper",V&&`text-truncate_${V}`),style:ge,children:[(Z||re)&&t(s,{className:a("title__icon_before",Y&&"title__icon_before-badge"),fill:ee,fillSize:ie,badgeAppearance:P,badgeClass:"title__icon_before_badge",badgeShape:Q,badgeSize:R,badgeTextColor:U,badgeTextSize:X,badgeValue:Y,iconFill:te,iconSize:oe,imageSrc:re,shape:ae,SvgImage:Z}),x,u||f,h,(q||O)&&t(s,{className:a("title__icon_after",Y&&"title__icon_after-badge"),fill:E,fillSize:K,badgeAppearance:P,badgeClass:"title__icon_after_badge",badgeShape:Q,badgeSize:R,badgeTextColor:U,badgeTextSize:X,badgeValue:Y,iconFill:J,iconSize:M,imageSrc:O,shape:L,SvgImage:q})]}),S]})}export{p as HeroTitle,c as heroTitleAppearance,n as heroTitleConfig};
|
package/dist/components/Icon.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{I as Icon,p as iconAppearance,q as iconConfig}from"../
|
|
1
|
+
export{I as Icon,p as iconAppearance,q as iconConfig}from"../primitives_es_CkHPBwNl.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useCallback as o}from"react";import i from"clsx";import{useAppearanceConfig as n,useDevicePropsGenerator as t}from"@itcase/ui-core/hooks";import{B as a}from"../
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useCallback as o}from"react";import i from"clsx";import{useAppearanceConfig as n,useDevicePropsGenerator as t}from"@itcase/ui-core/hooks";import{B as a}from"../Button_es_gm2pGnwp.js";import{a as l}from"../default_es_C4dY1Dqw.js";import"@itcase/ui-core/utils";import"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_D2S1nwTD.js";import"@itcase/common";const s={defaultPrimary:{fill:"surfaceSecondary",labelTextWeight:"400",borderColor:"surfaceBorderQuaternary",borderHover:"surfaceBorderHoverQuaternary",iconFill:"surfaceSecondary",iconFillHover:"surfaceHoverSecondary",iconFillIcon:"surfaceItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},u={errorPrimary:{fill:"errorTertiary",labelTextWeight:"400",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",iconFill:"errorTertiary",iconFillHover:"errorHoverSecondary",iconFillIcon:"errorItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},c={requirePrimary:{fill:"warningTertiary",labelTextWeight:"400",borderColor:"warningBorderQuaternary",borderHover:"warningBorderHoverQuaternary",iconFill:"warningTertiary",iconFillHover:"warningHoverSecondary",iconFillIcon:"warningItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},m={...s,...u,...{successPrimary:{fill:"successTertiary",labelTextWeight:"400",borderColor:"successBorderQuaternary",borderHover:"successBorderHoverQuaternary",iconFill:"successTertiary",iconFillHover:"successHoverSecondary",iconFillIcon:"successItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},sizeXL:{size:"xl",iconSize:"24",inputNumberTextSize:"xl"},sizeL:{size:"l",iconSize:"24",inputNumberTextSize:"l"},sizeM:{size:"m",iconSize:"24",inputNumberTextSize:"m"},sizeS:{size:"s",iconSize:"24",inputNumberTextSize:"s"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...c},d={appearance:m,setAppearance:e=>{d.appearance=e}},p=l=>{const{id:s,appearance:u,className:c,dataTestId:m,dataTour:p,type:b="custom",name:y,min:v=0,max:f=1/0,step:h=1,value:x=0,onChange:C}=l,F=o(e=>{const{event:r,mode:o="button",operation:i}=e;let n;if("input"===o)n=Number(r?.target.value);else{n=x+("minus"===i?-h:h)}if(n<v||n>f)return null;C?.(n)},[f,v,C,h,x]),_=n(u,d),T=t(l,_),{fillClass:S,fillHoverClass:z,borderColorClass:H,borderColorHoverClass:g,borderWidthClass:N,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconMinus:$,iconPlus:M,iconShape:w,iconSize:B,inputNumberTextColorClass:W,inputNumberTextSizeClass:j,inputNumberTextWeightClass:L,shapeClass:k,sizeClass:X,widthClass:q}=T;return"native"===b?e("input",{id:String(s),type:"number",min:v,max:f,step:h,value:x,onChange:e=>F({event:e,mode:"input"})}):r("div",{id:String(s),className:i(c,"input-number","input-number__custom",H&&`border-color_${H}`,g&&`border-color_hover_${g}`,N&&`border-width_${N}`,S&&`fill_${S}`,z&&`fill_hover_${z}`,k&&`shape_${k}`,X&&`input-number_size_${X}`,q&&`width_${q}`),"data-tour":p,"date-testid":m,children:[e(a,{className:"input-number__icon",icon:$,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconShape:w,iconSize:B,onClick:()=>F({operation:"minus"})}),e("input",{className:i(W&&`text-color_${W}`,j&&`text_size_${j}`,L&&`text-weight_${L}`),type:"number",min:v,max:f,"data-testid":m||(y?`${y}-input-number`:"input-number"),step:h,value:x,onChange:e=>F({event:e,mode:"input"})}),e(a,{className:"input-number__icon",icon:M,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconShape:w,iconSize:B,onClick:()=>F({operation:"plus"})})]})};export{p as InputNumber,m as inputNumberAppearance};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as a,useMemo as o,useCallback as l}from"react";import i from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as c}from"@itcase/ui-core/hooks";import{I as s}from"../
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as a,useMemo as o,useCallback as l}from"react";import i from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as c}from"@itcase/ui-core/hooks";import{I as s}from"../primitives_es_CkHPBwNl.js";import{a as n}from"../default_es_C4dY1Dqw.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const d={defaultPrimary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",caret:"extraItemSecondary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",caret:"extraItemSecondary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"}},u={disabledPrimary:{fill:"surfaceDisabled",borderColor:"errorBorderQuaternary",textColor:"surfaceTextQuaternary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},f={errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},errorSecondary:{fill:"errorSecondary",borderColor:"errorBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"errorTextSecondary"}},p={sizeXXL:{size:"xxl",textSize:"l",iconSize:"24"},sizeXL:{size:"xl",textSize:"s",iconSize:"24"},sizeL:{size:"l",textSize:"s",iconSize:"24"},sizeM:{size:"m",textSize:"m",iconSize:"24"},sizeS:{size:"s",textSize:"s",iconSize:"24"},sizeXS:{size:"xs",textSize:"s",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"s",iconSize:"24"},...u,...{requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...f,...d,...{successPrimary:{fill:"successTertiary",borderColor:"successBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},successSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},S={appearance:p,setAppearance:e=>{S.appearance=e}};function x(n){const{id:d,appearance:u,className:f,dataTestId:p,dataTour:x,name:h,placeholder:y,value:w,isDisabled:m,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}=n,[v,z]=a(!1),_=o(()=>v?"text":"password",[v]),H=l(e=>{e?.preventDefault(),z(e=>!e)},[]),R=t(u,S,m),Q=c(n,R),{fillClass:F,fillHoverClass:I,borderColorClass:$,borderColorHoverClass:g,borderWidthClass:B,textColorClass:P,textSizeClass:X,textWeightClass:D,caretClass:L,iconFill:N,iconFillHover:j,iconRevealableHide:k,iconRevealableShow:q,iconShape:K,iconSize:M,imageRevealableHide:W,imageRevealableShow:A,placeholderTextColorClass:E,shapeClass:G,sizeClass:J,widthClass:O}=Q;return e("div",{className:"input-password",children:[r("input",{id:String(d),className:i(f,"input-password__input",(X||P||D)&&"text",$&&`border-color_${$}`,g&&`border-color_hover_${g}`,B&&`border-width_${B}`,L&&`caret-color_${L}`,F&&`fill_${F}`,I&&`fill_hover_${I}`,E&&`placeholder-text-color_${E}`,G&&`shape_${G}`,J&&`input-password__input_size_${J}`,P&&`text-color_${P}`,P&&`text-color_${P}`,X&&`text_size_${X}`,D&&`text-weight_${D}`,O&&`width_${O}`),type:_,"data-testid":p||(h?`${h}-input-password`:"input-password"),"data-tour":x,"date-testid":p,disabled:m,placeholder:y,value:w,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}),r(s,{className:"input-password__icon",size:M,iconFill:N,iconFillHover:j,imageSrc:v?W:A,shape:K,SvgImage:v?k:q,onClick:H})]})}export{x as InputPassword,p as inputPasswordAppearance,S as inputPasswordConfig};
|
package/dist/components/Label.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{L as Label,l as labelAppearance,a as labelConfig}from"../
|
|
1
|
+
export{L as Label,l as labelAppearance,a as labelConfig}from"../Label_es_j7KzWWH_.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
package/dist/components/Link.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{e as Link,L as LinkWrapper,l as linkAppearance,j as linkConfig}from"../
|
|
1
|
+
export{e as Link,L as LinkWrapper,l as linkAppearance,j as linkConfig}from"../primitives_es_CkHPBwNl.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
package/dist/components/List.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r,jsxs as e}from"react/jsx-runtime";import i from"clsx";import{useAppearanceConfig as l,useDevicePropsGenerator as t,useStyles as a}from"@itcase/ui-core/hooks";import{e as s}from"../
|
|
1
|
+
import{jsx as r,jsxs as e}from"react/jsx-runtime";import i from"clsx";import{useAppearanceConfig as l,useDevicePropsGenerator as t,useStyles as a}from"@itcase/ui-core/hooks";import{e as s}from"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const o={appearance:{sizeXXL:{size:"xxl"},sizeXL:{size:"xl"},sizeL:{size:"l"},sizeM:{size:"m"},sizeS:{size:"s"},sizeXS:{size:"xs"},sizeXXS:{size:"xxs"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary"},infoPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary"}},setAppearance:r=>{o.appearance=r}};function c(e){const{appearance:s,className:c,dataTestId:n,dataTour:m,type:f,style:y,children:u}=e,d=l(s,o),_=t(e,d),{directionClass:P,bulletFillClass:v,bulletSizeClass:x,bulletTextColorClass:p,sizeClass:H}=_,{styles:z}=a(e);return r("ul",{className:i(c,"list",x&&`list_bullet-size_${x}`,v&&`list_bullet-fill_${v}`,p&&`list_bullet-text-color_${p}`,P&&`list_direction_${P}`,H&&`list_size_${H}`,y&&`list_style_${y}`,f&&`list_type_${f}`),"data-testid":n,"data-tour":m,style:z,children:u})}function n(l){const{className:o,dataTestId:c,dataTour:n,text:m,href:f,link:y,before:u,after:d,children:_}=l,P=t(l),{fillClass:v,textColorClass:x,textStyleClass:p,textWeightClass:H}=P,{link:z,styles:C}=a(l);return y?r("li",{className:i(o,"list__item","list__item_type_link",p&&`text text-style_${p}`,H&&`text text-weight_${H}`,x&&`text-color_${x}`,v&&`fill_${v}`),style:C,children:r(s,{className:i("list__item-link"),href:y||f,style:z,children:_||m})}):e("li",{className:i(o,"list__item",p&&`text text-style_${p}`,H&&`text text-weight_${H}`,x&&`text-color_${x}`,v&&`fill_${v}`),"data-testid":c,"data-tour":n,style:C,children:[u,_||m,d]})}export{c as List,n as ListItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{L as Loader,l as loaderAppearance,a as loaderConfig}from"../
|
|
1
|
+
export{L as Loader,l as loaderAppearance,a as loaderConfig}from"../Loader_es_D2S1nwTD.js";import"react/jsx-runtime";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
package/dist/components/Logo.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import a from"clsx";import{urlWithAssetPrefix as i}from"@itcase/ui-core/hoc";import{useAppearanceConfig as s,useDevicePropsGenerator as o,useStyles as r}from"@itcase/ui-core/hooks";import{L as l}from"../
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import a from"clsx";import{urlWithAssetPrefix as i}from"@itcase/ui-core/hoc";import{useAppearanceConfig as s,useDevicePropsGenerator as o,useStyles as r}from"@itcase/ui-core/hooks";import{L as l}from"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/utils";const c={appearance:void 0,setAppearance:e=>{c.appearance=e}},m=i(t(function(t,i){const{appearance:m,className:n,dataTestId:p,dataTour:g,href:_,link:d,isSkeleton:f}=t,u=s(m,c),h=o(t,u),{alignClass:k,alignDirectionClass:C,alignItemsClass:N,src:$,title:v,alt:x,sizeClass:j,widthClass:w}=h,{styles:y}=r(t);return e("div",{className:a(n,"logo",f&&"skeleton",k&&`align_${k}`,C&&`align_${C}`,N&&`logo_align-items_${N}`,j&&`logo_size_${j}`,w&&`width_${w}`),ref:i,"data-testid":p,"data-tour":g,style:y,children:d||_?e(l,{className:"logo__link",href:d||_,children:e("img",{className:"logo__image",src:$,title:v||x,alt:x||v})}):e("img",{className:"logo__image",src:$,title:v||x,alt:x||v})})}));export{m as Logo,c as logoConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import o from"react";import i from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as l,useStyles as a}from"@itcase/ui-core/hooks";import{d as c,e as n,I as s,a as f}from"../
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import o from"react";import i from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as l,useStyles as a}from"@itcase/ui-core/hooks";import{d as c,e as n,I as s,a as f}from"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const m={sizeXXL:{size:"xxl",labelTextSize:"l",iconAfterSize:"20",iconBeforeSize:"20"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterSize:"20",iconBeforeSize:"20"},sizeL:{size:"l",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16",tooltipSize:"s",tooltipTextSize:"m"},sizeM:{size:"m",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeS:{size:"s",labelTextSize:"xs",iconAfterSize:"12",iconBeforeSize:"12"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterSize:"12",iconBeforeSize:"12"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconAfterSize:"12",iconBeforeSize:"12"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentTertiary",labelTextColor:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",fillHover:"accentPrimary",labelTextColor:"accentTextPrimary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",iconAfterFillIcon:"accentItemSecondary",iconBeforeFillIcon:"accentItemSecondary"},errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary"},surfaceMutedPrimary:{fill:"surfaceSecondary",fillActive:"surfacePrimary",fillActiveHover:"surfacePrimary",labelTextColor:"surfaceTextQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary"},surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceSecondary",fillActiveHover:"surfaceSecondary",fillHover:"surfaceSecondary",labelTextActiveColor:"accentTextSecondary",labelTextActiveColorHover:"accentTextSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceQuaternary",labelTextColor:"surfaceTextPrimary"},surfaceSecondary:{fill:"surfacePrimary",fillActive:"surfaceSecondary",fillActiveHover:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextActiveColor:"accentTextSecondary",labelTextActiveColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},d={top:"bottom",right:"left",bottom:"top",left:"right",bottomLeft:"top",bottomRight:"top",leftBottom:"right",leftTop:"right",rightBottom:"left",rightTop:"left",topLeft:"bottom",topRight:"bottom"},u={appearance:m,setAppearance:e=>{u.appearance=e}};function p(m){const{appearance:p,className:x,dataTestId:y,dataTour:b,label:S,easing:T,href:C,link:z,LinkComponent:_,rel:g,showTooltip:v,target:A,tooltipAppearance:h,tooltipArrowPosition:I,tooltipContent:B,underline:P,before:F,after:H,isActive:Q,isDisabled:$,onClick:L,children:k}=m,X=t(p,u,$),w=l(m,X),{directionClass:N,justifyContentClass:D,alignClass:M,alignDirectionClass:W,fillActiveClass:j,fillActiveHoverClass:V,fillClass:R,fillHoverClass:q,labelTextActiveColor:E,labelTextActiveColorHover:G,labelTextColor:J,labelTextColorDisabled:K,labelTextColorHover:O,labelTextSize:U,labelWeight:Y,labelWrap:Z,borderColorClass:ee,iconAfter:re,iconAfterFill:oe,iconAfterFillIcon:ie,iconAfterFillSize:te,iconAfterShape:le,iconAfterSize:ae,iconAfterSrc:ce,iconBadgeAppearance:ne,iconBadgeShape:se,iconBadgeSize:fe,iconBadgeTextColor:me,iconBadgeTextSize:de,iconBadgeValue:ue,iconBefore:pe,iconBeforeFill:xe,iconBeforeFillIcon:ye,iconBeforeFillSize:be,iconBeforeShape:Se,iconBeforeSize:Te,iconBeforeSrc:Ce,shapeClass:ze,sizeClass:_e,tooltipFill:ge,tooltipPlacement:ve="top",tooltipShape:Ae,tooltipSize:he,tooltipText:Ie,tooltipTextColor:Be,tooltipTextSize:Pe,tooltipTitle:Fe,tooltipTitleTextColor:He,typeClass:Qe,widthClass:$e,isSkeleton:Le}=w,{styles:ke}=a(m),Xe=v?c:o.Fragment;return e(Xe,{appearance:h,minWidth:"auto",size:he,fill:ge,title:Fe,titleColor:He,text:Ie,textColor:Be,textSize:Pe,arrowPosition:I??d[ve],placement:ve,shape:Ae,tooltipContent:B,children:e("div",{className:i("menu-item",T&&`easing_${T}`,Q&&"menu-item_state_active",$&&"menu-item_state_disabled",N&&`menu-item_direction_${N}`,x,(pe||Ce||re||ce)&&"menu-item_label-icon",_e&&`menu-item_size_${_e}`,ee&&`border-color_${ee}`,Q?j&&`fill_active_${j}`:R&&`fill_${R}`,Q?V&&`fill_active_hover_${V}`:q&&`fill_hover_${q}`,ze&&`shape_${ze}`,Qe&&`menu-item_type_${Qe}`,$e&&`width_${$e}`,D&&`menu-item_justify-content_${D}`,Le&&"skeleton"),"data-testid":y,"data-tour":b,style:ke,children:r(n,{className:i("menu-item__wrapper",W&&`align_${W}`,M&&`align_${M}`),href:z||C,LinkComponent:_,rel:g,target:A,underline:P,onClick:L,children:[F,k||r(o.Fragment,{children:[(pe||Ce)&&e(s,{className:i("menu-item__icon_before",ue&&"menu-item__icon_before-badge"),fill:xe,fillSize:be,badgeAppearance:ne,badgeClass:"menu-item__icon_before_badge",badgeShape:se,badgeSize:fe,badgeTextColor:me,badgeTextSize:de,badgeValue:ue,iconFill:ye,iconSize:Te,imageSrc:Ce,shape:Se,SvgImage:pe}),S&&e(f,{className:"menu-item__label",size:U,textColor:J,textColorActive:E,textColorActiveHover:G,textColorDisabled:K,textColorHover:O,textWeight:Y,textWrap:Z,isActive:Q,isDisabled:$,children:S}),(re||ce)&&e(s,{className:i("menu-item__icon_after",ue&&"menu-item__icon_after-badge"),fill:oe,fillSize:te,badgeAppearance:ne,badgeClass:"menu-item__icon_after_badge",badgeShape:se,badgeSize:fe,badgeTextColor:me,badgeTextSize:de,badgeValue:ue,iconFill:ie,iconSize:ae,imageSrc:ce,shape:le,SvgImage:re})]}),H]})})})}export{p as MenuItem,m as menuItemAppearance,u as menuItemConfig};
|
package/dist/components/Modal.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import r,{useState as t,useRef as l,useCallback as a,startTransition as i,useEffect as s,useLayoutEffect as n,useImperativeHandle as c}from"react";import d from"clsx";import m from"react-dom";import{
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import r,{useState as t,useRef as l,useCallback as a,startTransition as i,useEffect as s,useLayoutEffect as n,useImperativeHandle as c}from"react";import d from"clsx";import m from"react-dom";import{a as p,c as u,d as _}from"../default_es_C4dY1Dqw.js";import{useAppearanceConfig as h,useDevicePropsGenerator as f,useStyles as z}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as v}from"@itcase/ui-core/utils";import{T as I,I as C}from"../primitives_es_CkHPBwNl.js";import{O as y}from"../Overlay_es_RVGuxGY4.js";import{L as b}from"../Loader_es_D2S1nwTD.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const g={surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",closeIconAppearance:"surfacePrimary ghost circular"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},...{sizeXL:{size:"xl",titleTextSize:"h2",closeIconAppearanceSize:"size48_40",closeIconImage:_.Action.Close},sizeL:{size:"l",titleTextSize:"h3",closeIconAppearanceSize:"size40_32",closeIconImage:u.Action.Close},sizeM:{size:"m",titleTextSize:"h4",closeIconAppearanceSize:"size24_24",closeIconImage:p.Action.Close},sizeS:{size:"s",titleTextSize:"h5",closeIconAppearanceSize:"size24_24",closeIconImage:p.Action.Close}}},x={appearance:g,setAppearance:e=>{x.appearance=e}},S=r.forwardRef(function(u,_){const{id:b,appearance:g,className:S,dataTestId:T,dataTour:A,title:O,absoluteHeader:L=!1,modalIdQuerySelector:$="modal-global",print:k,scroll:w=!1,stickyHeader:N=!1,before:M,after:W,closeIcon:j=!0,isDisabled:E,isSkeleton:P,isCloseOnBlur:B=!0,isOpen:F=!1,isOverlay:H=!0,isScrollOnOpen:X=!0,isSetFocusOnOpen:D=!0,onClickOverlay:Q,onCloseModal:R,onOpenModal:V,children:q}=u,[G,J]=t(null),[K,U]=t(F),Y=l(null),Z=a(e=>{K?(e.classList.add("modal_state_visible"),X&&e.scrollIntoView({behavior:"smooth",block:"center"}),D&&setTimeout(()=>{Y.current&&Y.current.focus()},0)):e.children.length||e.classList.remove("modal_state_visible")},[K,X,D]),ee=a(()=>{i(()=>{U(!0)}),"function"==typeof V&&V()},[V]),oe=a(e=>{if(e){if(e.relatedTarget&&G&&G.contains(e.relatedTarget))return e}U(!1),R&&R()},[G,R]),re=a(e=>{B&&oe(),Q&&Q(e)},[oe,B,Q]);s(()=>{G&&Z(G)},[K]),n(()=>{let e=S;k||(e=d(S,"no-print"));const o=((e,o="")=>{const r=o&&"string"==typeof o?o.split(" ").filter(Boolean):[];let t=document.getElementById(e);return t||(t=document.createElement("div"),t.setAttribute("id",e),t.classList.add("modal"),r.length&&t.classList.add(...r),document.body.prepend(t)),t})($,e);J(o),o&&Z(o)},[Z,S,$,k]),s(()=>{if(!B||!K)return;const e=e=>{const o=e.target;if(!G||!o||!o.isConnected)return;!G.contains(o)&&(U(!1),R&&R())};return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[R,B,K,G]),c(_,()=>({modalElement:G,openModal:ee,closeModal:oe,isOpen:K}),[K,ee,oe,G]);const te=h(g,x,E),le=f(u,te),{fillClass:ae,titleTextColor:ie,titleTextColorHover:se,titleTextSize:ne,titleTextTruncate:ce,titleTextWeight:de,titleTextWidth:me,titleTextWrap:pe,borderColorClass:ue,borderTypeClass:_e,borderWidthClass:he,elevationClass:fe,overlayFill:ze,overlayOpacity:ve,shapeClass:Ie,sizeClass:Ce,closeIconAppearance:ye,closeIconAppearanceSize:be,closeIconFillSize:ge,closeIconImage:xe,closeIconShape:Se,closeIconSize:Te}=le,{styles:Ae}=z(u);return G&&m.createPortal(K?e(r.Fragment,{children:[e("div",{id:b,className:d("modal__content",L&&"modal__content-absolute-header",!O&&!j&&"modal__content-no-header",ae&&`fill_${ae}`,he&&`border-width_${he}`,ue&&`border-color_${ue}`,_e&&`border_type_${_e}`,Ie&&`shape_${Ie}`,Ce&&`modal_size_${Ce}`,ue&&`border-color_${ue}`,he&&`border-width_${he}`,_e&&`border_type_${_e}`,fe&&`elevation_${fe}`,w&&`modal-scroll_${w}`,N&&"modal-scroll_header_sticky",P&&"skeleton"),ref:Y,"data-testid":T,"data-tour":A,style:Ae,tabIndex:0,children:[M,(O||j)&&e("div",{className:d("modal__header",ae&&`fill_${ae}`),children:[O&&o(I,{width:me,flex:"1",size:ne,textColor:ie,textColorHover:se,textTruncate:ce,textWeight:de,textWrap:pe,children:O}),j&&o("div",{className:"modal__close",onClick:oe,children:o(C,{appearance:v(ye,be),fillSize:ge,iconSize:Te,shape:Se,SvgImage:xe??p.Action.Close})})]}),o("div",{className:"modal__content-wrapper",children:q}),W]}),o(y,{className:"modal__overlay",fill:ze,opacity:ve,isOverlay:H,onClick:re})]}):null,G)});function T(){return o("div",{className:"modal-loading",children:o("div",{className:"modal-loading__inner",children:o(b,{})})})}export{S as Modal,T as ModalLoader,g as modalAppearance,x as modalConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import o,{useState as a,useCallback as i,useImperativeHandle as r}from"react";import l from"clsx";import{Sheet as s}from"react-modal-sheet";import{useAppearanceConfig as c,useDevicePropsGenerator as n,useStyles as m}from"@itcase/ui-core/hooks";import{T as d}from"../
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import o,{useState as a,useCallback as i,useImperativeHandle as r}from"react";import l from"clsx";import{Sheet as s}from"react-modal-sheet";import{useAppearanceConfig as c,useDevicePropsGenerator as n,useStyles as m}from"@itcase/ui-core/hooks";import{T as d}from"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const p={sizeL:{titleTextSize:"h4"},sizeM:{titleTextSize:"h5"}},h={appearance:p,setAppearance:t=>{h.appearance=t}},_=o.forwardRef(function(o,p){const{appearance:_,dataTestId:x,dataTour:T,initialIsOpen:u,title:b,closeButton:C,isDisabled:f,onCloseModalSheetBottom:N,onOpenModalSheetBottom:z,children:v}=o,[g,k]=a(u),M=i(()=>{k(!0),z&&z()},[z]),S=i(()=>{k(!1),N&&N()},[N]);r(p,()=>({openModal:M,closeModal:S,isOpen:g}),[g,M,S]);const W=c(_,h,f),B=n(o,W),{titleTextColor:O,titleTextColorHover:w,titleTextSize:H,titleTextTruncate:j,titleTextWeight:y,titleTextWidth:I,titleTextWrap:A,zeroPadding:D}=B,{styles:L}=m(o);return t(s,{...o,className:"modal-sheet-bottom","data-testid":x,"data-tour":T,isOpen:g,onClose:S,children:[t(s.Container,{className:"modal-sheet-bottom__container",style:L,children:[e(s.Header,{className:"modal-sheet-bottom__header",children:C&&e("div",{className:"modal-sheet-bottom__close",onClick:S,children:C})}),e(s.Content,{className:"modal-sheet-bottom__content",children:t("div",{className:l("modal-sheet-bottom__content-wrapper",D&&"modal-sheet-bottom__content-reset-padding"),children:[b&&e(d,{className:"modal__title",width:I,size:H,textColor:O,textColorHover:w,textTruncate:j,textWeight:y,textWrap:A,children:b}),v]})})]}),e(s.Backdrop,{className:"modal-sheet-bottom__backdrop",onClick:S})]})});export{_ as ModalSheetBottom,p as modalSheetBottomAppearance};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as a,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as s}from"@itcase/ui-core/utils";import{B as c}from"../
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as a,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as s}from"@itcase/ui-core/utils";import{B as c}from"../Button_es_gm2pGnwp.js";import{a as l,I as n}from"../primitives_es_CkHPBwNl.js";import{L as d}from"../Loader_es_D2S1nwTD.js";import{a as m}from"../default_es_C4dY1Dqw.js";import{useNotifications as p,useNotificationsAPI as u}from"@itcase/ui-core/context";import"react";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const f={...{defaultPrimary:{fill:"surfacePrimary",fillHover:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",buttonAppearance:"accentPrimary sizeXXL solid rounded",loaderAppearance:"accentTertiary sizeS ghost rounded",closeIcon:m.Action.Close,closeIconAppearance:"surfacePrimary ghost circular"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},sizeM:{size:"m",titleTextSize:"xxl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},sizeS:{size:"m",titleTextSize:"xl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},...{errorPrimary:{fill:"errorPrimary",fillHover:"errorPrimary",titleTextColor:"errorTextPrimary",descTextColor:"errorTextPrimary",borderColor:"errorBorderPrimary",textColor:"errorTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"errorPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}},...{infoPrimary:{fill:"infoPrimary",fillHover:"infoPrimary",titleTextColor:"infoTextPrimary",descTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",textColor:"infoTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"infoPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}},...{successPrimary:{fill:"successPrimary",fillHover:"successPrimary",titleTextColor:"successTextPrimary",descTextColor:"successTextPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"successPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"successPrimary ghost circular"}},...{warningPrimary:{fill:"warningPrimary",fillHover:"warningPrimary",titleTextColor:"warningTextPrimary",descTextColor:"warningTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"warningTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"warningPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}}},y={appearance:f,setAppearance:e=>{y.appearance=e}};function x(m){const{id:p,appearance:u,className:f,dataTestId:x,dataTour:P,type:C="float",title:_,text:T,before:z,after:A,isSkeleton:S,isLoading:I,onClickButton:h,onClickClose:b}=m,g=i(u,y),v=a(m,g),{fillClass:L,fillHoverClass:w,titleTextColor:N,titleTextSize:X,descTextColor:k,descTextSize:B,buttonAppearance:$,buttonLabel:H,elevationClass:j,loaderAppearance:F,loaderAppearanceSize:M,loaderFill:q,loaderItemFill:D,loaderSize:E,loaderType:G="dot",shapeClass:J,sizeClass:K,widthClass:O,closeIcon:Q,closeIconAppearance:R,closeIconAppearanceSize:U,closeIconSrc:V}=v,{styles:W}=t(m);return e("div",{className:o("notification__item",`notification__item_${C}`,O&&`width_${O}`,j&&`elevation_${j}`,L&&`fill_${L}`,K&&`notification__item_size_${K}`,C&&`notification__item_type_${C}`,w&&`fill_${w}`,S&&"skeleton",J&&`shape_${J}`),"data-testid":x,"data-tour":P,style:W,children:[z,e("div",{className:o(f,"notification__item-wrapper"),children:[_&&r(l,{className:"notification__item-title",size:X,textColor:N,children:_}),T&&r(l,{className:"notification__item-text",size:B,textColor:k,children:T}),I&&r(d,{appearance:s(F,M),className:o(f,"button__loader"),type:G,size:E,fill:q,itemFill:D}),b&&r(n,{appearance:s(R,U),className:o("notification__item-close","cursor_type_pointer"),imageSrc:V,SvgImage:Q,onClick:()=>b&&b(p)}),h&&H&&r(c,{appearance:$,className:"notification__item-button",width:"fill",label:H,onClick:h})]}),A]})}function P(e){const i=p(),{hideNotifications:a}=u(),{className:t,dataTestId:s,dataTour:c}=e;return r("div",{className:o("notification",t),"data-testid":s,"data-tour":c,children:r("div",{className:"notification__wrapper",children:i.map(e=>r(x,{id:e.id,appearance:e.appearance,type:e.type,title:e.title,status:e.status,text:e.text,buttonLabel:e.buttonLabel,after:e.after,closeIcon:e.closeIcon,closeIconSrc:e.closeIconSrc,isLoading:e.isLoading,onClickButton:e.onClickButton,onClickClose:a},e.id))})})}export{x as Notification,P as NotificationWrapper,f as notificationAppearance,y as notificationConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useMemo as t,useState as a,useCallback as n,useRef as i,useEffect as r}from"react";import l from"clsx";import p from"react-paginate";import{useAppearanceConfig as c,useDevicePropsGenerator as u,useStyles as s}from"@itcase/ui-core/hooks";import{I as m,a as C,b as d,c as g}from"../primitives_es_B2iaeM5M.js";import{a as I,b as v,i as x}from"../default_es_l85QutMi.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const _={surfacePrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentPrimary",fillHover:"surfaceHoverTertiary",fillInput:"surfacePrimary",fillInputHover:"surfaceHoverTertiary",textColor:"surfaceTextPrimary",textColorActive:"accentTextPrimary",textColorActiveHover:"accentTextPrimary",textColorHover:"surfaceTextPrimary",builderIconFillIcon:"surfaceItemPrimary",nextIconFillIcon:"surfaceItemPrimary",pageCountDescTextColor:"surfaceTextPrimary",pageCountDropdownAlignment:"topCenter",pageCountDropdownElevation:"8",pageCountDropdownFill:"surfacePrimary",pageCountDropdownFillHover:"surfaceHoverTertiary",pageCountDropdownItemDividerFill:"surfaceSecondary",pageCountDropdownItemFill:"surfacePrimary",pageCountDropdownItemFillActive:"accentPrimary",pageCountDropdownItemFillActiveHover:"accentPrimary",pageCountDropdownItemFillHover:"surfaceHoverSecondary",pageCountDropdownItemLabelAlign:"center",pageCountDropdownItemLabelColor:"surfaceTextPrimary",pageCountDropdownItemLabelColorActive:"accentTextPrimary",pageCountDropdownItemLabelColorActiveHover:"accentTextPrimary",pageCountDropdownItemLabelColorHover:"surfaceTextPrimary",pageCountInputIconColor:"surfaceItemPrimary",pageCountInputTextColor:"surfaceTextPrimary",previousIconFillIcon:"surfaceItemPrimary"},accentPrimary:{fill:"accentPrimary",fillActive:"accentActiveQuaternary",fillInput:"surfacePrimary",borderColor:"accentBorderPrimary",textColor:"accentTextPrimary",builderIconFillIcon:"accentItemPrimary",nextIconFillIcon:"accentItemPrimary",pageCountDescTextColor:"surfaceTextPrimary",pageCountDropdownAlignment:"topCenter",pageCountDropdownElevation:"8",pageCountDropdownFill:"surfacePrimary",pageCountDropdownItemDividerFill:"surfaceSecondary",pageCountDropdownItemFill:"surfacePrimary",pageCountDropdownItemFillActive:"accentPrimary",pageCountDropdownItemFillActiveHover:"accentActiveHoverPrimary",pageCountDropdownItemFillHover:"surfaceHoverSecondary",pageCountDropdownItemLabelAlign:"center",pageCountDropdownItemLabelColor:"surfaceTextPrimary",pageCountDropdownItemLabelColorActive:"accentTextPrimary",pageCountDropdownItemLabelColorActiveHover:"accentTextPrimary",pageCountDropdownItemLabelColorHover:"surfaceTextPrimary",pageCountInputIconColor:"surfaceItemPrimary",pageCountInputTextColor:"surfaceTextPrimary",previousIconFillIcon:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",loaderFill:"accentPrimary",loaderItemFill:"accentItemPrimary"},...{sizeL:{size:"l",labelTextSize:"l",textSize:"l",builderIcon:x.General.DotMedium,nextIcon:x.Arrow.ChevronRightSmall,pageCountDescTextSize:"l",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"m",pageCountDropdownItemSize:"l",pageCountDropdownItemWidth:"64px",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputIconFillSize:"24",pageCountInputTextSize:"l",previousIcon:x.Arrow.ChevronLeftSmall},sizeM:{size:"m",labelTextSize:"m",textSize:"m",builderIcon:x.General.DotMedium,nextIcon:x.Arrow.ChevronRightSmall,pageCountDescTextSize:"m",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"m",pageCountDropdownItemSize:"l",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputIconFillSize:"14",pageCountInputTextSize:"m",previousIcon:x.Arrow.ChevronLeftSmall},sizeS:{size:"s",labelTextSize:"s",textSize:"s",builderIcon:x.General.DotMedium,nextIcon:v.Arrow.ChevronRightSmall,pageCountDescTextSize:"s",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"s",pageCountDropdownItemSize:"s",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputTextSize:"s",previousIcon:v.Arrow.ChevronLeftSmall},sizeXS:{size:"xs",labelTextSize:"xs",textSize:"xs",builderIcon:I.General.DotMedium,nextIcon:I.Arrow.ChevronRightSmall,pageCountDescTextSize:"xs",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"xs",pageCountDropdownItemSize:"xs",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputTextSize:"xs",previousIcon:I.Arrow.ChevronLeftSmall}},circular:{shape:"circular"},rounded:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},roundedXL:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},roundedL:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},roundedM:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},roundedS:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},D={appearance:_,setAppearance:e=>{D.appearance=e}};function f(I){const{appearance:v,className:x,dataTestId:_,dataTour:f,allItemsCount:S=0,pageCountDesc:w="кол-во строк",pageCountDropdownItemDividerDirection:b,pageCountList:z=[10,20,50,100],pageNumber:h=0,perPageCount:P=0,isDisabled:y,isSkeleton:T,isPageCount:A,isPageCountDropdownReversed:F=!1,isPageLabelBuilder:H,onChangePage:L,onChangePerPageCount:k,onPageChange:N,onPerPageCountChange:$}=I,M=t(()=>N?(console.warn('@itcase/ui Pagination warning: "onPageChange" is deprecated, use "onChangePage" instead.'),N):L,[L,N]),R=t(()=>e=>$?(console.warn('@itcase/ui Pagination warning: "onPerPageCountChange" is deprecated, use "onChangePerPageCount" instead.'),$(e)):k(e),[k,$]),[j,W]=a(!1),[B,G]=a(P),E=t(()=>F?z?.reverse():z,[F,z]),O=n(()=>{W(e=>!e)},[]),X=n((e,o)=>{e.stopPropagation(),R(o),G(o),W(!1)},[R]),Q=t(()=>S&&S>0?Math.ceil(S/P):0,[S,P]),q=t(()=>{const e=h;return!isNaN(e)&&e>1?e-1:0},[h]),J=i(P);r(()=>{const e=J.current;J.current=P;const o=(h-1)*e+1,t=Math.ceil(o/P);t!==h&&M({selected:t-1})},[P]),r(()=>{h>Q&&Q>0&&M({selected:Q-1})},[S]);const K=c(v,D,y),U=u(I,K),{justifyContentClass:V,fillActiveClass:Y,fillActiveHoverClass:Z,fillClass:ee,fillHoverClass:oe,fillInputClass:te,fillInputHoverClass:ae,fillInputShapeClass:ne,textColorActiveClass:ie,textColorActiveHoverClass:re,textColorClass:le,textColorHoverClass:pe,textSizeClass:ce,builderIcon:ue,builderIconFill:se,builderIconFillIcon:me,builderIconFillSize:Ce,builderIconSize:de,marginPagesDisplayed:ge,nextIcon:Ie,nextIconFill:ve,nextIconFillIcon:xe,nextIconFillSize:_e,nextIconSize:De,pageCountDescTextColor:fe,pageCountDescTextSize:Se,pageCountDropdownAlignment:we,pageCountDropdownElevation:be,pageCountDropdownFill:ze,pageCountDropdownFillHover:he,pageCountDropdownItemDividerFill:Pe,pageCountDropdownItemDividerSize:ye,pageCountDropdownItemFill:Te,pageCountDropdownItemFillActive:Ae,pageCountDropdownItemFillActiveHover:Fe,pageCountDropdownItemFillHover:He,pageCountDropdownItemLabelAlign:Le,pageCountDropdownItemLabelColor:ke,pageCountDropdownItemLabelColorActive:Ne,pageCountDropdownItemLabelColorActiveHover:$e,pageCountDropdownItemLabelColorHover:Me,pageCountDropdownItemLabelSize:Re,pageCountDropdownItemLabelWrap:je,pageCountDropdownItemShowDivider:We,pageCountDropdownItemSize:Be,pageCountDropdownItemWidth:Ge,pageCountDropdownShape:Ee,pageCountInputIcon:Oe,pageCountInputIconColor:Xe,pageCountInputIconFillSize:Qe,pageCountInputIconSrc:qe,pageCountInputTextColor:Je,pageCountInputTextSize:Ke,pageRangeDisplayed:Ue,previousIcon:Ve,previousIconFill:Ye,previousIconFillIcon:Ze,previousIconFillSize:eo,previousIconSize:oo,sizeClass:to}=U,{styles:ao}=s(I),no=Math.min(P,...z);return S>no&&e("div",{className:l("pagination",to&&`pagination_size_${to}`,T&&"skeleton"),"data-testid":_,"data-tour":f,style:ao,children:[o(p,{activeClassName:l("pagination__item_state_active cursor_type_default",Y&&`fill fill_active_${Y}`,Z&&`fill fill_active_hover_${Z}`),activeLinkClassName:l("pagination__item-link_state_active",ie&&`text text-color_active_${ie}`,re&&`text text-color_active_hover_${re}`),breakClassName:"pagination__item pagination__item_break",breakLabel:"...",breakLinkClassName:"pagination__item-link",containerClassName:l(x,"pagination__container",V&&`pagination_justify-content_${V}`),disabledClassName:"pagination__item_state_disabled cursor_type_default",disabledLinkClassName:"pagination__item_state_disabled",forcePage:q,marginPagesDisplayed:ge,nextClassName:l("pagination__item pagination__item_next",to&&`pagination__item_size_${to}`,ee&&`fill_${ee}`,oe&&`fill_hover_${oe}`),nextLabel:o(m,{fill:ve,fillSize:_e,iconFill:xe,iconSize:De,shape:"circular",SvgImage:Ie}),nextLinkClassName:"pagination__item-link",pageClassName:l("pagination__item",to&&`pagination__item_size_${to}`,ee&&`fill_${ee}`,oe&&`fill_hover_${oe}`),pageCount:Q,pageLabelBuilder:H&&(()=>o(m,{fill:se,fillSize:Ce,iconFill:me,iconSize:de,shape:"circular",SvgImage:ue})),pageLinkClassName:l("pagination__item-link",ce&&`pagination__item-link_size_${ce}`,le&&`text text-color_${le}`,pe&&`text-color_hover_${pe}`),pageRangeDisplayed:Ue??8,previousClassName:l("pagination__item pagination__item_previous",to&&`pagination__item_size_${to}`,ee&&`fill_${ee}`,oe&&`fill_hover_${oe}`),previousLabel:o(m,{fill:Ye,fillSize:eo,iconFill:Ze,iconSize:oo,shape:"circular",SvgImage:Ve}),previousLinkClassName:"pagination__item-link",onPageChange:M}),A&&e("div",{className:l(x,"pagination__count"),children:[o(C,{className:"pagination__count-text",size:Se,textColor:fe,children:w}),e("div",{className:l("pagination__input","cursor_type_pointer",te&&`fill_${te}`,ae&&`fill_hover_${ae}`,ne&&`shape_${ne}`),onClick:O,children:[o(C,{size:Ke,textColor:Je,children:B}),o(m,{fillSize:Qe,iconFill:Xe,imageSrc:qe,SvgImage:Oe}),o(d,{className:"pagination__dropdown",alignment:we,fill:ze,fillHover:he,elevation:be,shape:Ee,isOpen:j,setIsOpen:W,children:E.map((e,t)=>o(g,B===e?{width:Ge,size:Be,fill:Te,fillActive:Ae,fillActiveHover:Fe,fillHover:He,label:e.toString(),labelTextAlign:Le,labelTextColor:ke,labelTextColorActive:Ne,labelTextColorActiveHover:$e,labelTextColorHover:Me,labelTextSize:Re,labelTextWrap:je,dividerDirection:b,dividerFill:Pe,dividerSize:ye,showDivider:t<z.length-1&&We,isActive:!0,onClick:o=>X(o,e)}:{width:Ge,size:Be,fill:Te,fillHover:He,label:e.toString(),labelTextAlign:Le,labelTextColor:ke,labelTextColorHover:Me,labelTextSize:Re,labelTextWrap:je,dividerDirection:b,dividerFill:Pe,dividerSize:ye,showDivider:t<z.length-1&&We,isActive:!1,onClick:o=>X(o,e)},e))})]})]})]})}export{f as Pagination,_ as paginationAppearance,D as paginationConfig};
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useMemo as t,useState as a,useCallback as n,useRef as i,useEffect as r}from"react";import l from"clsx";import p from"react-paginate";import{useAppearanceConfig as c,useDevicePropsGenerator as u,useStyles as s}from"@itcase/ui-core/hooks";import{I as m,a as C,b as d,c as g}from"../primitives_es_CkHPBwNl.js";import{b as I,i as v,a as x}from"../default_es_C4dY1Dqw.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const _={surfacePrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentPrimary",fillHover:"surfaceHoverTertiary",fillInput:"surfacePrimary",fillInputHover:"surfaceHoverTertiary",textColor:"surfaceTextPrimary",textColorActive:"accentTextPrimary",textColorActiveHover:"accentTextPrimary",textColorHover:"surfaceTextPrimary",builderIconFillIcon:"surfaceItemPrimary",nextIconFillIcon:"surfaceItemPrimary",pageCountDescTextColor:"surfaceTextPrimary",pageCountDropdownAlignment:"topCenter",pageCountDropdownElevation:"8",pageCountDropdownFill:"surfacePrimary",pageCountDropdownFillHover:"surfaceHoverTertiary",pageCountDropdownItemDividerFill:"surfaceSecondary",pageCountDropdownItemFill:"surfacePrimary",pageCountDropdownItemFillActive:"accentPrimary",pageCountDropdownItemFillActiveHover:"accentPrimary",pageCountDropdownItemFillHover:"surfaceHoverSecondary",pageCountDropdownItemLabelAlign:"center",pageCountDropdownItemLabelColor:"surfaceTextPrimary",pageCountDropdownItemLabelColorActive:"accentTextPrimary",pageCountDropdownItemLabelColorActiveHover:"accentTextPrimary",pageCountDropdownItemLabelColorHover:"surfaceTextPrimary",pageCountInputIconColor:"surfaceItemPrimary",pageCountInputTextColor:"surfaceTextPrimary",previousIconFillIcon:"surfaceItemPrimary"},accentPrimary:{fill:"accentPrimary",fillActive:"accentActiveQuaternary",fillInput:"surfacePrimary",borderColor:"accentBorderPrimary",textColor:"accentTextPrimary",builderIconFillIcon:"accentItemPrimary",nextIconFillIcon:"accentItemPrimary",pageCountDescTextColor:"surfaceTextPrimary",pageCountDropdownAlignment:"topCenter",pageCountDropdownElevation:"8",pageCountDropdownFill:"surfacePrimary",pageCountDropdownItemDividerFill:"surfaceSecondary",pageCountDropdownItemFill:"surfacePrimary",pageCountDropdownItemFillActive:"accentPrimary",pageCountDropdownItemFillActiveHover:"accentActiveHoverPrimary",pageCountDropdownItemFillHover:"surfaceHoverSecondary",pageCountDropdownItemLabelAlign:"center",pageCountDropdownItemLabelColor:"surfaceTextPrimary",pageCountDropdownItemLabelColorActive:"accentTextPrimary",pageCountDropdownItemLabelColorActiveHover:"accentTextPrimary",pageCountDropdownItemLabelColorHover:"surfaceTextPrimary",pageCountInputIconColor:"surfaceItemPrimary",pageCountInputTextColor:"surfaceTextPrimary",previousIconFillIcon:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",loaderFill:"accentPrimary",loaderItemFill:"accentItemPrimary"},...{sizeL:{size:"l",labelTextSize:"l",textSize:"l",builderIcon:x.General.DotMedium,nextIcon:x.Arrow.ChevronRightSmall,pageCountDescTextSize:"l",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"m",pageCountDropdownItemSize:"l",pageCountDropdownItemWidth:"64px",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputIconFillSize:"24",pageCountInputTextSize:"l",previousIcon:x.Arrow.ChevronLeftSmall},sizeM:{size:"m",labelTextSize:"m",textSize:"m",builderIcon:x.General.DotMedium,nextIcon:x.Arrow.ChevronRightSmall,pageCountDescTextSize:"m",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"m",pageCountDropdownItemSize:"l",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputIconFillSize:"14",pageCountInputTextSize:"m",previousIcon:x.Arrow.ChevronLeftSmall},sizeS:{size:"s",labelTextSize:"s",textSize:"s",builderIcon:x.General.DotMedium,nextIcon:v.Arrow.ChevronRightSmall,pageCountDescTextSize:"s",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"s",pageCountDropdownItemSize:"s",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputTextSize:"s",previousIcon:v.Arrow.ChevronLeftSmall},sizeXS:{size:"xs",labelTextSize:"xs",textSize:"xs",builderIcon:I.General.DotMedium,nextIcon:I.Arrow.ChevronRightSmall,pageCountDescTextSize:"xs",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"xs",pageCountDropdownItemSize:"xs",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputTextSize:"xs",previousIcon:I.Arrow.ChevronLeftSmall}},circular:{shape:"circular"},rounded:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},roundedXL:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},roundedL:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},roundedM:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},roundedS:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},D={appearance:_,setAppearance:e=>{D.appearance=e}};function f(I){const{appearance:v,className:x,dataTestId:_,dataTour:f,allItemsCount:S=0,pageCountDesc:w="кол-во строк",pageCountDropdownItemDividerDirection:b,pageCountList:z=[10,20,50,100],pageNumber:h=0,perPageCount:P=0,isDisabled:y,isSkeleton:T,isPageCount:A,isPageCountDropdownReversed:F=!1,isPageLabelBuilder:H,onChangePage:L,onChangePerPageCount:k,onPageChange:N,onPerPageCountChange:$}=I,M=t(()=>N?(console.warn('@itcase/ui Pagination warning: "onPageChange" is deprecated, use "onChangePage" instead.'),N):L,[L,N]),R=t(()=>e=>$?(console.warn('@itcase/ui Pagination warning: "onPerPageCountChange" is deprecated, use "onChangePerPageCount" instead.'),$(e)):k(e),[k,$]),[j,W]=a(!1),[B,G]=a(P),E=t(()=>F?z?.reverse():z,[F,z]),O=n(()=>{W(e=>!e)},[]),X=n((e,o)=>{e.stopPropagation(),R(o),G(o),W(!1)},[R]),Q=t(()=>S&&S>0?Math.ceil(S/P):0,[S,P]),q=t(()=>{const e=h;return!isNaN(e)&&e>1?e-1:0},[h]),J=i(P);r(()=>{const e=J.current;J.current=P;const o=(h-1)*e+1,t=Math.ceil(o/P);t!==h&&M({selected:t-1})},[P]),r(()=>{h>Q&&Q>0&&M({selected:Q-1})},[S]);const K=c(v,D,y),U=u(I,K),{justifyContentClass:V,fillActiveClass:Y,fillActiveHoverClass:Z,fillClass:ee,fillHoverClass:oe,fillInputClass:te,fillInputHoverClass:ae,fillInputShapeClass:ne,textColorActiveClass:ie,textColorActiveHoverClass:re,textColorClass:le,textColorHoverClass:pe,textSizeClass:ce,builderIcon:ue,builderIconFill:se,builderIconFillIcon:me,builderIconFillSize:Ce,builderIconSize:de,marginPagesDisplayed:ge,nextIcon:Ie,nextIconFill:ve,nextIconFillIcon:xe,nextIconFillSize:_e,nextIconSize:De,pageCountDescTextColor:fe,pageCountDescTextSize:Se,pageCountDropdownAlignment:we,pageCountDropdownElevation:be,pageCountDropdownFill:ze,pageCountDropdownFillHover:he,pageCountDropdownItemDividerFill:Pe,pageCountDropdownItemDividerSize:ye,pageCountDropdownItemFill:Te,pageCountDropdownItemFillActive:Ae,pageCountDropdownItemFillActiveHover:Fe,pageCountDropdownItemFillHover:He,pageCountDropdownItemLabelAlign:Le,pageCountDropdownItemLabelColor:ke,pageCountDropdownItemLabelColorActive:Ne,pageCountDropdownItemLabelColorActiveHover:$e,pageCountDropdownItemLabelColorHover:Me,pageCountDropdownItemLabelSize:Re,pageCountDropdownItemLabelWrap:je,pageCountDropdownItemShowDivider:We,pageCountDropdownItemSize:Be,pageCountDropdownItemWidth:Ge,pageCountDropdownShape:Ee,pageCountInputIcon:Oe,pageCountInputIconColor:Xe,pageCountInputIconFillSize:Qe,pageCountInputIconSrc:qe,pageCountInputTextColor:Je,pageCountInputTextSize:Ke,pageRangeDisplayed:Ue,previousIcon:Ve,previousIconFill:Ye,previousIconFillIcon:Ze,previousIconFillSize:eo,previousIconSize:oo,sizeClass:to}=U,{styles:ao}=s(I),no=Math.min(P,...z);return S>no&&e("div",{className:l("pagination",to&&`pagination_size_${to}`,T&&"skeleton"),"data-testid":_,"data-tour":f,style:ao,children:[o(p,{activeClassName:l("pagination__item_state_active cursor_type_default",Y&&`fill fill_active_${Y}`,Z&&`fill fill_active_hover_${Z}`),activeLinkClassName:l("pagination__item-link_state_active",ie&&`text text-color_active_${ie}`,re&&`text text-color_active_hover_${re}`),breakClassName:"pagination__item pagination__item_break",breakLabel:"...",breakLinkClassName:"pagination__item-link",containerClassName:l(x,"pagination__container",V&&`pagination_justify-content_${V}`),disabledClassName:"pagination__item_state_disabled cursor_type_default",disabledLinkClassName:"pagination__item_state_disabled",forcePage:q,marginPagesDisplayed:ge,nextClassName:l("pagination__item pagination__item_next",to&&`pagination__item_size_${to}`,ee&&`fill_${ee}`,oe&&`fill_hover_${oe}`),nextLabel:o(m,{fill:ve,fillSize:_e,iconFill:xe,iconSize:De,shape:"circular",SvgImage:Ie}),nextLinkClassName:"pagination__item-link",pageClassName:l("pagination__item",to&&`pagination__item_size_${to}`,ee&&`fill_${ee}`,oe&&`fill_hover_${oe}`),pageCount:Q,pageLabelBuilder:H&&(()=>o(m,{fill:se,fillSize:Ce,iconFill:me,iconSize:de,shape:"circular",SvgImage:ue})),pageLinkClassName:l("pagination__item-link",ce&&`pagination__item-link_size_${ce}`,le&&`text text-color_${le}`,pe&&`text-color_hover_${pe}`),pageRangeDisplayed:Ue??8,previousClassName:l("pagination__item pagination__item_previous",to&&`pagination__item_size_${to}`,ee&&`fill_${ee}`,oe&&`fill_hover_${oe}`),previousLabel:o(m,{fill:Ye,fillSize:eo,iconFill:Ze,iconSize:oo,shape:"circular",SvgImage:Ve}),previousLinkClassName:"pagination__item-link",onPageChange:M}),A&&e("div",{className:l(x,"pagination__count"),children:[o(C,{className:"pagination__count-text",size:Se,textColor:fe,children:w}),e("div",{className:l("pagination__input","cursor_type_pointer",te&&`fill_${te}`,ae&&`fill_hover_${ae}`,ne&&`shape_${ne}`),onClick:O,children:[o(C,{size:Ke,textColor:Je,children:B}),o(m,{fillSize:Qe,iconFill:Xe,imageSrc:qe,SvgImage:Oe}),o(d,{className:"pagination__dropdown",alignment:we,fill:ze,fillHover:he,elevation:be,shape:Ee,isOpen:j,setIsOpen:W,children:E.map((e,t)=>o(g,B===e?{width:Ge,size:Be,fill:Te,fillActive:Ae,fillActiveHover:Fe,fillHover:He,label:e.toString(),labelTextAlign:Le,labelTextColor:ke,labelTextColorActive:Ne,labelTextColorActiveHover:$e,labelTextColorHover:Me,labelTextSize:Re,labelTextWrap:je,dividerDirection:b,dividerFill:Pe,dividerSize:ye,showDivider:t<z.length-1&&We,isActive:!0,onClick:o=>X(o,e)}:{width:Ge,size:Be,fill:Te,fillHover:He,label:e.toString(),labelTextAlign:Le,labelTextColor:ke,labelTextColorHover:Me,labelTextSize:Re,labelTextWrap:je,dividerDirection:b,dividerFill:Pe,dividerSize:ye,showDivider:t<z.length-1&&We,isActive:!1,onClick:o=>X(o,e)},e))})]})]})]})}export{f as Pagination,_ as paginationAppearance,D as paginationConfig};
|
package/dist/components/Radio.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as i}from"@itcase/ui-core/hooks";import{a as l}from"../
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as i}from"@itcase/ui-core/hooks";import{a as l}from"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const d={defaultPrimary:{fill:"surfaceSecondary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceSecondary",fillRadioHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},errorPrimary:{fill:"errorTertiary",fillCheckmark:"errorPrimary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"errorBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},successPrimary:{fill:"successTertiary",fillCheckmark:"accentSecondary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"accentBorderSecondary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},requirePrimary:{fill:"warningTertiary",fillCheckmark:"warningPrimary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"warningBorderSecondary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary"},disabledPrimary:{fill:"surfaceDisabled",fillCheckmark:"surfaceQuaternary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},sizeM:{size:"m",labelTextSize:"s",descTextSize:"xs"},sizeXS:{size:"xs",labelTextSize:"m",descTextSize:"xs"},sizeXXS:{size:"xxs",labelTextSize:"m",descTextSize:"xs"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},solid:{fill:"none",fillHover:"none",borderColor:"none",borderColorHover:"none",borderRadioColor:"none",borderRadioColorActive:"none",borderRadioColorActiveHover:"none",borderRadioColorHover:"none"},outlined:{fill:"none",fillHover:"none"},full:{},ghost:{fill:"none",fillHover:"none",borderColor:"none",borderColorHover:"none"}},s={appearance:d,setAppearance:r=>{s.appearance=r}};function t(d){const{id:t,appearance:c,className:n,dataTestId:u,dataTour:f,label:C,desc:v,checked:b,tag:m="label",value:y,isActive:x,isDisabled:_,isSkeleton:h,onChange:T}=d,R=a(c,s,_),p=i(d,R),{fillCheckmarkClass:H,fillClass:B,fillHoverClass:Q,fillRadioActiveClass:A,fillRadioActiveHoverClass:k,fillRadioClass:z,fillRadioHoverClass:P,labelTextColor:S,labelTextSize:g,labelTextWeight:$,descTextColor:N,descTextSize:W,descTextWeight:X,borderRadioColorActiveClass:w,borderRadioColorActiveHoverClass:j,borderRadioColorClass:D,borderRadioColorHoverClass:L,shapeClass:M,sizeClass:q}=p;return r(m,{className:o(n,"radio",B&&`fill_${B}`,Q&&`fill_${Q}`,h&&"skeleton",q&&`radio_size_${q}`,b&&x?A&&`radio_fill_active_${A}`:z&&`radio_fill_${z}`,b&&x?k&&`radio_fill_active_hover_${k}`:P&&`radio_fill_hover_${P}`,b&&x?w&&`radio_border-color_active_${w}`:D&&`radio_border-color_${D}`,b&&x?j&&`radio_border-color_active_hover_${j}`:L&&`radio_border-color_hover_${L}`),"data-testid":u,"data-tour":f,htmlFor:t,children:[r("div",{className:o("radio__item"),children:[e("input",{id:String(t),className:"radio__input",type:"radio",checked:b,disabled:_,value:y,onChange:T}),e("div",{className:o("radio__state",M&&`shape_${M}`),children:" "}),e("div",{className:o("radio__state-checkmark",b&&H&&`fill_${H}`),children:" "})]}),C&&e(l,{className:"radio__label",size:g,textColor:S,textWeight:$,children:C}),v&&e(l,{className:"radio__desc",size:W,textColor:N,textWeight:X,children:v})]})}export{t as Radio,d as radioAppearance,s as radioConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{responseIcon as e}from"./Response/img.js";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useMemo as i}from"react";import o from"clsx";import{urlWithAssetPrefix as s}from"@itcase/ui-core/hoc";import{useAppearanceConfig as n,useDevicePropsGenerator as l,useStyles as c}from"@itcase/ui-core/hooks";import{B as d}from"../
|
|
1
|
+
import{responseIcon as e}from"./Response/img.js";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useMemo as i}from"react";import o from"clsx";import{urlWithAssetPrefix as s}from"@itcase/ui-core/hoc";import{useAppearanceConfig as n,useDevicePropsGenerator as l,useStyles as c}from"@itcase/ui-core/hooks";import{B as d}from"../Button_es_gm2pGnwp.js";import{G as p}from"../Group_es_DIuSNHx3.js";import{a as u}from"../primitives_es_CkHPBwNl.js";import"@itcase/ui-core/utils";import"../Loader_es_D2S1nwTD.js";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";const m={confirm:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Confirm),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},y={danger:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Danger),primaryButtonAppearance:"dangerPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"dangerPrimary",svgPathFill:"dangerPrimary"}},f={empty:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Empty),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},g={error:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Error),primaryButtonAppearance:"errorPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"errorPrimary",svgPathFill:"errorPrimary"}},x={fail:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Fail),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},B={nothingFound:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.NothingFound),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},S={refresh:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Refresh),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},h={success:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Success),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"accentPrimary",svgPathFill:"accentPrimary"}},z={...m,...f,...y,...S,...{unableLoadData:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.UnableLoadData),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},...B,...x,...g,...h,...{warning:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Warning),primaryButtonAppearance:"surfaceSecondary sizeXXL solid",secondaryButtonAppearance:"warningPrimary sizeXXL solid",svgFill:"warningPrimary",svgPathFill:"warningPrimary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},X={appearance:z,setAppearance:e=>{X.appearance=e}},T=s(t(function(e,t){const{appearance:s,className:m,dataTestId:y,dataTour:f,width:g,height:x,title:B,desc:S,primaryButton:h,secondaryButton:z,showPrimaryButton:T=!0,showSecondaryButton:L=!0,before:P,after:b,isSkeleton:_,isBottomButton:v,onClickPrimaryButton:A,onClickSecondaryButton:C}=e,F=n(s,X),w=l(e,F),{fillClass:N,fillHoverClass:$,titleTextColor:k,titleTextSize:D,titleTextWeight:W,descTextColor:j,descTextSize:H,descTextWeight:Q,borderColorClass:U,borderColorHoverClass:E,borderTypeClass:G,borderWidthClass:I,heightClass:R,imageSrc:q,primaryButtonAfter:J,primaryButtonAppearance:K,primaryButtonBefore:M,primaryButtonFill:O,primaryButtonFillHover:V,primaryButtonLabel:Y,primaryButtonLabelTextColor:Z,primaryButtonLabelTextSize:ee,primaryButtonShape:re,primaryButtonSize:ae,primaryButtonWidth:te,secondaryButtonAfter:ie,secondaryButtonAppearance:oe,secondaryButtonBefore:se,secondaryButtonFill:ne,secondaryButtonFillHover:le,secondaryButtonLabel:ce,secondaryButtonLabelTextColor:de,secondaryButtonLabelTextSize:pe,secondaryButtonShape:ue,secondaryButtonSize:me,secondaryButtonWidth:ye,shapeClass:fe,svgFillClass:ge,SvgImage:xe,svgPathFillClass:Be,svgSrc:Se,widthClass:he}=w,ze=i(()=>{const e=q||Se,a=xe;if(a){const e={};return g&&(e.width=g),x&&(e.height=x),r(a,{...e})}return e?r("img",{src:e}):null},[q,Se,xe,g,x]),{styles:Xe,wrapper:Te}=c(e);return a("div",{className:o(m,"response",v&&"response_bottom-button",U&&`border-color_${U}`,E&&`border-color_hover_${E}`,G&&`border_type_${G}`,I&&`border-width_${I}`,N&&`fill_${N}`,$&&`fill_hover_${$}`,R&&`height_${R}`,fe&&`shape_${fe}`,he&&`width_${he}`,_&&"skeleton"),ref:t,"data-testid":y,"data-tour":f,style:Xe,children:[P,a("div",{className:"response__wrapper",style:Te,children:[ze&&r("div",{className:o("response__image",ge&&`svg_fill_${ge}`,Be&&`svg_path_fill_${Be}`),children:ze}),a("div",{className:"response__wrapper-inner",children:[B&&r(u,{className:"response__title",size:D,textColor:k,textWeight:W,children:B}),S&&r(u,{className:"response__desc",size:H,textColor:j,textWeight:Q,children:S})]})]}),(Y||h||ce||z||F)&&a(p,{className:"response__button",width:"fill",children:[Y&&T?r(d,{appearance:K,className:"response__button-item",width:te||"fill",size:ae,fill:O,fillHover:V,label:Y,labelTextColor:Z,labelTextSize:ee,shape:re,before:M,after:J,onClick:A}):h,ce&&L?r(d,{appearance:oe,className:"response__button-item",width:ye||"fill",size:me,fill:ne,fillHover:le,label:ce,labelTextColor:de,labelTextSize:pe,shape:ue,before:se,after:ie,onClick:C}):z]}),b]})})),L={error:{appearance:"error ghost",title:"Ошибка",desc:"Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com",primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorAccessDenied:{appearance:"unableLoadData ghost",title:"Доступ ограничен",desc:"Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com",code:"401/403",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorNetwork:{appearance:"unableLoadData ghost",title:"Ошибка соединения",desc:"Не удалось подключиться. Проверьте интернет-соединение и повторите попытку",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Обновить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},fail:{appearance:"fail ghost",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},nothingFound:{appearance:"nothingFound ghost",title:"Ничего не найдено",desc:"Нет данных по заданным параметрам",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Сбросить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},empty:{appearance:"empty ghost",title:"Список пуст",desc:"Нет данных по заданным параметрам",code:"200",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},warning:{appearance:"warning ghost",title:"Внимание",primaryButtonAppearance:"warningPrimary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"}};export{L as RESPONSE_MESSAGES,T as Response,z as responseAppearance,X as responseConfig,e as responseIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{i as e,a as r}from"../default_es_C4dY1Dqw.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import l,{useCallback as i}from"react";import t from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as s,useStyles as n}from"@itcase/ui-core/hooks";import{I as d,a as u}from"../primitives_es_CkHPBwNl.js";import{S as f}from"../Scrollbar_es_BXeXr1J8.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"react-scrollbars-custom";const p={...{sizeXXL:{size:"xxl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"l",placeholderTextSize:"l"},sizeXL:{size:"xl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeM:{size:"m",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",iconBefore:e.Security.Search,iconClear:e.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"}},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},defaultPrimary:{fill:"surfaceSecondary",borderColor:"surfaceBorderQuaternary",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverTertiary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",iconAfterFill:"errorItemSecondary",iconBeforeFill:"errorItemSecondary",iconClearFill:"errorItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",borderColor:"accentBorderQuaternary",borderColorHover:"accentBorderQuaternary",iconAfterFill:"successItemSecondary",iconBeforeFill:"successItemSecondary",iconClearFill:"successItemSecondary",placeholderTextColor:"surfaceTextQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderSecondary",borderColorHover:"warningBorderHoverSecondary",iconAfterFill:"warningItemSecondary",iconBeforeFill:"warningItemSecondary",iconClearFill:"warningItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"surfaceBorderDisabled",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemPrimary",iconBeforeFill:"surfaceItemPrimary",iconClearFill:"surfaceItemPrimary",inputTextColor:"surfaceTextDisabled",placeholderTextColor:"surfaceTextDisabled"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},m={appearance:p,setAppearance:e=>{m.appearance=e}},C=l.forwardRef(function(e,r){const{appearance:l,className:f,dataTestId:p,dataTour:C,placeholder:h,value:y,before:S,after:x,isActive:T,isDisabled:_,isSkeleton:b,onClickClean:z,onChange:v,onFocus:B,onKeyDown:F}=e,g=i(e=>{v&&v(e.target.value)},[v]),I=i(e=>{e?.stopPropagation(),v&&v(""),z&&z()},[v,z]),A=c(l,m,_),Q=s(e,A),{size:w,fillClass:$,borderColorClass:H,borderColorHoverClass:P,borderTypeClass:N,borderWidthClass:D,iconAfter:L,iconAfterFill:k,iconAfterSize:X,iconAfterSrc:j,iconBefore:W,iconBeforeFill:E,iconBeforeSize:R,iconBeforeSrc:q,iconClear:K,iconClearFill:M,iconClearSize:U,iconClearSrc:G,inputFillClass:J,inputTextColorClass:O,inputTextSizeClass:V,inputTextStyleClass:Y,inputTextWeightClass:Z,placeholderTextColor:ee,placeholderTextSize:re,placeholderTextStyle:oe,placeholderTextWeight:ae,shapeClass:le,widthClass:ie}=Q,{styles:te}=n(e);return o("label",{className:t(f,"search-input",le&&`shape_${le}`,$&&`fill_${$}`,ie&&`width_${ie}`,H&&`border-color_${H}`,P&&`border-color_hover_${P}`,D&&`border-width_${D}`,N&&`border_type_${N}`,w&&`search-input_size_${w}`,b&&"skeleton"),"data-testid":p,"data-tour":C,style:te,children:[S,(W||q)&&a(d,{className:"search-input__icon-before",size:R,iconFill:E,imageSrc:q,SvgImage:W}),o("div",{className:t("search-input__wrapper",J&&`fill_${J}`),children:[a("input",{className:t("search-input__value",(V||Z||O||Y)&&"text",V&&`text_size_${V}`,Z&&`text-weight_${Z}`,O&&`text-color_${O}`,Y&&`text-style_${Y}`),type:"text",ref:r,required:!0,value:y||"",onChange:g,onFocus:B,onKeyDown:F}),a("div",{className:"search-input__placeholder",children:a(u,{className:t("search-input__placeholder-value"),size:re,textColor:ee,textStyle:oe,textWeight:ae,children:h})}),y&&a(d,{className:t("search-input__clear","cursor_type_pointer",T&&`fill_${M}`),size:U,iconFill:M,imageSrc:G,SvgImage:K,onClick:I})]}),(L||j)&&a(d,{className:"search-input__icon-after",size:X,iconFill:k,imageSrc:j,SvgImage:L}),x]})});C.DEFAULT_REF_STATE={input:null};const h=l.forwardRef(function(e){const{className:r,dataTestId:i,dataTour:c,scrollHeight:n,before:d,after:u,children:p}=e,m=s(e),{fillClass:C,shapeClass:h}=m;return a("div",{className:t(r,"search-result",h&&`shape_${h}`,C&&`fill_${C}`),"data-testid":i,"data-tour":c,children:o("div",{className:"search-result__wrapper",children:[d,l.Children.toArray(p).filter(Boolean).length&&a(f,{scrollHeight:n||300,children:p}),u]})})});export{C as SearchInput,h as SearchResult,p as searchAppearance,m as searchInputConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as i,useMemo as l,createRef as t,useCallback as o,useEffect as a}from"react";import c from"clsx";import{useAppearanceConfig as s,useDevicePropsGenerator as n}from"@itcase/ui-core/hooks";import{I as d,a as m}from"../
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as i,useMemo as l,createRef as t,useCallback as o,useEffect as a}from"react";import c from"clsx";import{useAppearanceConfig as s,useDevicePropsGenerator as n}from"@itcase/ui-core/hooks";import{I as d,a as m}from"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const v={disabledPrimary:{fill:"surfaceDisabled",fillActive:"surfaceTertiary",labelTextActiveColor:"surfaceTextActiveQuaternary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderPrimary",iconFill:"surfaceItemPrimary",iconFillActive:"surfaceItemPrimary"},sizeL:{size:"l",labelTextSize:"m",iconSize:"24"},sizeM:{size:"m",labelTextSize:"m",iconSize:"24"},sizeS:{size:"s",labelTextSize:"s",iconSize:"20"},sizeXS:{size:"xs",labelTextSize:"xs",iconSize:"16"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconSize:"14"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},solid:{borderColor:"none"},outlined:{fill:"none",fillActive:"none"},full:{},ghost:{fill:"none",fillActive:"none",borderColor:"none"},errorPrimary:{fill:"errorTertiary",fillActive:"errorPrimary",fillHover:"errorHoverPrimary",labelTextActiveColor:"errorTextActivePrimary",labelTextColor:"errorTextSecondary",labelTextColorHover:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconFill:"errorItemSecondary",iconFillActive:"errorItemTertiary"},successPrimary:{fill:"successTertiary",fillActive:"successSecondary",fillHover:"successSecondary",labelTextActiveColor:"successTextPrimary",labelTextColor:"successTextSecondary",labelTextColorHover:"successTextPrimary",borderColor:"successBorderSecondary",iconFill:"successItemSecondary"},defaultPrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"surfaceHoverSecondary",labelTextActiveColor:"accentTextPrimary",labelTextActiveColorHover:"accentTextActiveHoverPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary",indicatorFill:"accentPrimary"},defaultSecondary:{fill:"surfaceSecondary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextActiveColorHover:"accentTextActiveHoverPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary",indicatorFill:"accentPrimary"},requirePrimary:{fill:"warningTertiary",fillActive:"accentPrimary",fillActiveHover:"accentPrimary",fillHover:"warningSecondary",labelTextActiveColor:"warningTextPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextSecondary",borderColor:"warningBorderSecondary",iconFill:"warningItemSecondary",iconFillActive:"warningItemTertiary"}},u={appearance:v,setAppearance:e=>{u.appearance=e}},f=v=>{const{appearance:f,className:y,dataTestId:x,dataTour:b,name:_,activeSegment:A,segments:T,isDisabled:C,isSkeleton:p,setActiveSegment:g,onChange:S}=v,P=i(null),z=l(()=>new Map(T.map(e=>[e.value,t()])),[T]),h=o(e=>{S&&S(e.value,_),g&&g(e)},[_,S,g]);a(()=>{let e=0,r=0;const i=z.get(A.value);i?.current&&(e=i.current.offsetWidth,r=i.current.offsetLeft),P.current?.style.setProperty("--segmented-active-width",`${e}px`),P.current?.style.setProperty("--segmented-active-x-pos",`${r}px`)},[A,z]);const F=s(f,u,C),H=n(v,F),{fillActiveClass:$,fillActiveHoverClass:I,fillClass:w,fillHoverClass:B,labelTextActiveColor:N,labelTextActiveColorHover:D,labelTextColor:Q,labelTextColorHover:k,labelTextSize:L,labelTextWrap:W,borderColorClass:X,borderTypeClass:M,borderWidthClass:j,iconFill:q,iconFillActive:E,iconFillDisabled:G,iconSize:J,indicatorFillClass:K,shapeClass:O,sizeClass:R,widthClass:U}=H;return e("div",{className:c(y,"segmented",O&&`shape_${O}`,w&&`fill_${w}`,U&&`segmented_width_${U}`,R&&`segmented_size_${R}`,X&&`border-color_${X}`,j&&`border-width_${j}`,M&&`border_type_${M}`,p&&"skeleton"),ref:P,"data-testid":x,"data-tour":b,children:e("div",{className:"segmented__wrapper",children:r("div",{className:c("segmented__wrapper-inner"),children:[T?.map(i=>{const l=A.value===i.value;return e("div",{className:c("segmented__item",!i.label&&"segmented__item_icon",R&&`segmented__item_size_${R}`,l&&"segmented__item_active",!l&&C&&"segmented__item_state_disabled",l&&C&&"segmented__item_active_state_disabled",l?I&&`fill_active_hover_${I}`:B&&`fill_hover_${B}`,l&&$&&`fill_active_${$}`),ref:z.get(i.value),onClick:()=>!C&&h(i),children:r("div",{className:c("segmented__item-label",R&&`segmented_size_${R}`),children:[i.iconBefore||i.iconBeforeActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:E,iconFillDisabled:G,iconSize:J,SvgImage:l&&i.iconBeforeActive||i.iconBefore,isActive:l,isDisabled:C}):null,i.label&&e(m,{size:L,textColor:Q,textColorActive:N,textColorActiveHover:D,textColorHover:k,textWrap:W,isActive:l,children:i.label}),i.icon||i.iconActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:E,iconFillDisabled:G,iconSize:J,SvgImage:l&&i.iconActive||i.icon,isActive:l,isDisabled:C}):null,i.iconAfter||i.iconAfterActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:E,iconFillDisabled:G,iconSize:J,SvgImage:l&&i.iconAfterActive||i.iconAfter,isActive:l,isDisabled:C}):null]})},`${_}-${i.value}`)}),e("div",{className:c("segmented__indicator",K&&`fill_${K}`)})]})})})};export{f as Segmented,v as segmentedAppearance,u as segmentedConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{S as Select,a as SelectClearIndicator,b as SelectControl,c as SelectDropdownIndicator,d as SelectGroupHeading,e as SelectIndicatorsContainer,f as SelectInput,g as SelectMenu,h as SelectMultiValueContainer,i as SelectMultiValueLabel,j as SelectMultiValueRemove,k as SelectOption,l as SelectPlaceholder,m as SelectSingleValue,n as SelectValueContainer,s as selectConfig}from"../
|
|
1
|
+
export{S as Select,a as SelectClearIndicator,b as SelectControl,c as SelectDropdownIndicator,d as SelectGroupHeading,e as SelectIndicatorsContainer,f as SelectInput,g as SelectMenu,h as SelectMultiValueContainer,i as SelectMultiValueLabel,j as SelectMultiValueRemove,k as SelectOption,l as SelectPlaceholder,m as SelectSingleValue,n as SelectValueContainer,s as selectConfig}from"../SelectContainer_es_C-nSe-mo.js";import"react/jsx-runtime";import"react";import"clsx";import"react-select";import"react-select/creatable";import"@itcase/ui-core/hooks";import"../Group_es_DIuSNHx3.js";import"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"../default_es_C4dY1Dqw.js";import"../Loader_es_D2S1nwTD.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"react/jsx-runtime";import
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import r,{useRef as t,useCallback as o,useImperativeHandle as n,useEffect as s,useState as a}from"react";import l from"clsx";import{Swiper as c,SwiperSlide as d}from"swiper/react";import{i as p}from"../default_es_C4dY1Dqw.js";import{useDevicePropsGenerator as m,useStyles as u}from"@itcase/ui-core/hooks";import{G as w}from"../Group_es_DIuSNHx3.js";import{T as g,a as h,I as _}from"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";function f(a){const{id:f,className:x,dataTestId:k,dataTour:b,direction:S,minZoom:C=1,maxZoom:T=5,title:I,titleAfter:N,titleSize:y,titleTextColor:z,titleWeight:P,activeSlideIndex:E=0,allowTouchMove:B,autoHeight:$,breakpoints:j,forwardedRef:D,freeMode:M,items:A,keyboard:H,loop:L,modules:O,mousewheel:R,nextButton:W,normalizeSlideIndex:Z,originalLinkText:G="Открыть полный размер",pagination:U,prevButton:V,preventClicks:q,preventClicksPropagation:F,simulateTouch:Q,slidesPerView:J,spaceBetween:K,speed:X,swiperClass:Y,swiperSlideClass:ee,isChangeOnClickSlide:ie,isInit:re,isNavigation:te=!1,isOriginalLinkIcon:oe=!0,isScrollbar:ne,isShowOriginalLink:se=!1,isZoomEnabled:ae=!1,setNextBtnDisabled:le,setPrevBtnDisabled:ce,onSlideNextTransitionEnd:de,onSlidePrevTransitionEnd:pe,onSwiper:me,onUpdate:ue,children:we}=a,ge=t(null),he=t(!1),[_e,fe]=v(),[ve,xe]=v(),ke=L??!0,be=o(e=>{!ke&&ce&&le&&(ce(e.isBeginning),le(e.isEnd))},[ke,ce,le]),Se=o(e=>{ie&&(e.activeIndex=E||e.clickedIndex)},[ie,E]),Ce=o(e=>{!ke&&ce&&le&&(ce(e.isBeginning),le(e.isEnd))},[ke,ce,le]),Te=o(()=>{const e=ge.current?.swiper,i=e?.slides[e.activeIndex]?.querySelector("img");i?.src&&window.open(i.src,"_blank")},[ge]);n(D,()=>ge.current,[]),s(()=>{if(he.current){const e=ge.current?.swiper;e?.updateActiveIndex(E),e?.updateSlidesClasses()}else he.current=!0},[E]);const Ie=m(a),{alignClass:Ne,alignDirectionClass:ye,fillClass:ze,shapeClass:Pe}=Ie,{styles:Ee}=u(a);return e("div",{id:f,className:l("swiper-block","auto"===J&&"swiper-block_type_auto",ze&&`fill_${ze}`,Pe&&`swiper_shape_${Pe}`,x),"data-testid":k,"data-tour":b,style:Ee,children:[I&&e("div",{className:"swiper-block__wrapper",children:[I&&i(g,{className:"swiper-block__title",size:y,textColor:z,textWeight:P,children:I}),N]}),V&&W&&e(r.Fragment,{children:[i("div",{className:"swiper-block__prev swiper-button",ref:xe,children:V}),i("div",{className:"swiper-block__next swiper-button",ref:fe,children:W})]}),i(c,{className:l("swiper-block__swiper",Y),ref:ge,direction:S,allowTouchMove:B,autoHeight:$??!1,breakpoints:j,centeredSlides:!0,freeMode:M,init:re??!0,keyboard:H,loop:ke,modules:O,mousewheel:R,navigation:!!te&&{nextEl:_e,prevEl:ve},normalizeSlideIndex:Z,pagination:U,preventClicks:q,preventClicksPropagation:F,scrollbar:ne,simulateTouch:Q,slidesPerView:J,spaceBetween:K,speed:X??500,zoom:{minRatio:C,maxRatio:T,toggle:!0},onInit:be,onSlideChange:Se,onSlideNextTransitionEnd:de,onSlidePrevTransitionEnd:pe,onSwiper:me,onTransitionStart:Ce,onUpdate:ue,children:we||A?.map((e,r)=>i(d,{className:l("swiper-block__item",ae&&"swiper-block__item_zooming",ee,ye&&`align_${ye}`,Ne&&`align_${Ne}`),children:ae?i("div",{className:"swiper-zoom-container",children:e}):e},`swiper-slide_${r}`))}),se&&e(w,{width:"fill",direction:"horizontal",alignItems:"center",fill:"surfacePrimary",padding:"1m 0",gap:"0.5m",onClick:Te,children:[i(h,{size:"m",textColor:"surfaceTextPrimary",textColorHover:"surfaceTextQuaternary",textDecoration:"underline",children:G}),oe&&i(_,{appearance:"surfacePrimary size14_14 ghost",SvgImage:p.Action.NewWindow})]})]})}const v=()=>{const[e,i]=a(null),r=t(null);return s(()=>{r.current&&i(r.current)},[]),[e,r]};export{f as Swiper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"react/jsx-runtime";import r from"react";import l from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as s}from"@itcase/ui-core/hooks";import{a}from"../
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import r from"react";import l from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as s}from"@itcase/ui-core/hooks";import{a}from"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const c={sizeL:{size:"l",titleTextSize:"l",descTextSize:"xs"},sizeM:{size:"m",titleTextSize:"m",descTextSize:"xs"},sizeS:{size:"s",titleTextSize:"s",descTextSize:"xs"},disabledPrimary:{fill:"surfaceDisabled",fillActive:"surfaceDisabled",fillToggle:"surfaceSecondary",fillToggleActive:"surfaceActiveSecondary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},requirePrimary:{fill:"surfaceTertiary",fillActive:"warningSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},errorPrimary:{fill:"surfaceTertiary",fillActive:"errorSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},defaultPrimary:{fill:"surfaceTertiary",fillActive:"surfaceTertiary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},successPrimary:{fill:"surfaceTertiary",fillActive:"successPrimary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"}},o={appearance:c,setAppearance:e=>{o.appearance=e}},f=r.forwardRef(function(r,c){const{id:f,appearance:d,className:m,dataTestId:T,dataTour:n,align:u="left",title:x,desc:g,isActive:_,isDisabled:v,isSkeleton:y,onChange:h}=r,C=t(d,o,v),p=s(r,C),{size:P,fillActiveClass:z,fillActiveHoverClass:A,fillClass:w,fillHoverClass:S,fillToggleActiveClass:b,fillToggleActiveHoverClass:$,fillToggleClass:N,fillToggleHoverClass:k,titleTextColor:H,titleTextSize:D,descTextColor:j,descTextSize:q,widthClass:I}=p;return e("div",{className:l("switch",m,I&&`width_${I}`,u&&`switch_align_${u}`,P&&`switch_size_${P}`,y&&"skeleton"),"data-testid":T,"data-tour":n,children:[e("div",{className:"switch__wrapper",children:[x&&i(a,{className:l("switch__title"),size:D,textColor:H,children:x}),g&&i(a,{className:l("switch__desc"),size:q,textColor:j,children:g})]}),e("div",{className:"switch__item",children:[i("input",{id:f,className:"switch__checkbox",type:"checkbox",ref:c,checked:_,disabled:v,onChange:h}),i("div",{className:l("switch__bg",_?z&&`fill_active_${z}`:w&&`fill_${w}`,_?A&&`fill_active_hover_${A}`:S&&`fill_hover_${S}`),children:" "}),i("div",{className:l("switch__toggle",_?b&&`fill_active_${b}`:N&&`fill_${N}`,_?$&&`fill_active_hover_${$}`:k&&`fill_hover_${k}`),children:" "})]})]})});export{f as Switch,c as switchAppearance,o as switchConfig};
|
package/dist/components/Tab.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"react";import a from"clsx";import{useAppearanceConfig as l,useDevicePropsGenerator as s,useActiveClasses as c,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as o}from"@itcase/ui-core/utils";import{e as d,a as n,B as b,I as v,D as f}from"../
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"react";import a from"clsx";import{useAppearanceConfig as l,useDevicePropsGenerator as s,useActiveClasses as c,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as o}from"@itcase/ui-core/utils";import{e as d,a as n,B as b,I as v,D as f}from"../primitives_es_CkHPBwNl.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const m={warningPrimary:{fill:"warningPrimary",fillDisabled:"disabledPrimary",labelColor:"warningTextPrimary",labelColorActive:"warningTextPrimary",badgeAppearance:"warningPrimary",dividerFill:"accentPrimary",dividerFillDisabled:"disabledPrimary"},errorPrimary:{fill:"errorPrimary",fillDisabled:"disabledPrimary",labelColor:"errorTextPrimary",labelColorActive:"errorTextPrimary",labelColorDisabled:"errorTextDisabled",badgeAppearance:"errorPrimary",dividerFill:"accentPrimary",dividerFillDisabled:"errorDisabled"},successPrimary:{fill:"successPrimary",fillDisabled:"successDisabled",labelColor:"successTextPrimary",labelColorActive:"successTextPrimary",labelColorDisabled:"successTextDisabled",badgeAppearance:"successPrimary",dividerFill:"accentPrimary",dividerFillDisabled:"successDisabled"},surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillActiveHover:"surfaceHoverSecondary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFill:"surfacePrimary",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillActive:"accentActivePrimary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},sizeXXL:{size:"xxl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeXL:{size:"xl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeL:{size:"l",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeM:{size:"m",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeS:{size:"s",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeXS:{size:"xs",labelTextSize:"xs",badgeAppearanceSize:"sizeXS"},sizeXXS:{size:"xxs",labelTextSize:"xs",badgeAppearanceSize:"sizeXXS",dividerSize:"s"},solid:{borderColor:"none",borderColorActive:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorActive:"none",dividerFill:"none"}},p={appearance:m,setAppearance:e=>{p.appearance=e}};function u(m){const{appearance:u,className:y,dataTestId:A,dataTour:x,label:z,badgeValue:S,href:C,link:g,rel:P,target:T,before:_,after:D,isActive:h=!1,isDisabled:F=!1,isSkeleton:H,onClick:w,onMouseEnter:$,children:I}=m,X=l(u,p,F),k=s(m,X),{rootClasses:B}=c({propsGenerator:k,isActive:h,isDisabled:F}),{justifyContentClass:N,alignClass:j,labelTextAlign:W,labelTextColor:L,labelTextColorActive:M,labelTextColorHover:Q,labelTextSize:V,labelTextStyle:E,labelTextWeight:G,labelTextWrap:O,badgeAppearance:q,badgeAppearanceSize:J,badgeShape:K,badgeSize:R,badgeTextColor:U,badgeTextSize:Y,dividerFill:Z,dividerFillActive:ee,dividerFillActiveHover:re,dividerFillDisabled:ie,dividerFillHover:ae,dividerSize:le,icon:se,iconFill:ce,iconFillIcon:te,iconFillSize:oe,iconShape:de,iconSize:ne,iconSrc:be,linkFill:ve,shapeClass:fe,sizeClass:me,widthClass:pe}=k,{styles:ue}=t(m);return e("div",{className:a("tab",y,B,h&&"tab_state_active",F&&"tab_state_disabled",me&&`tab_size_${me}`,fe&&`shape_${fe}`,pe&&`width_${pe}`,N&&`tab_justify-content_${N}`,H&&"skeleton",w&&"cursor_type_pointer"),"data-testid":A&&`${A}Tab`,"data-tour":x,style:ue,onClick:w,onMouseEnter:$,children:r(d,{className:a("tab__link",!F&&"cursor_type_pointer"),fill:ve,href:g||C,rel:P,target:T,children:[_,I||r(i.Fragment,{children:[r("div",{className:a("tab__wrapper",j&&`align_${j}`),children:[z&&e(n,{className:"tab__label",size:V,textAlign:W,textColor:L,textColorActive:M,textColorHover:Q,textStyle:E,textWeight:G,textWrap:O,isActive:h,isDisabled:F,children:z}),Boolean(S)&&e(b,{appearance:o(q,J),size:R,textColor:U,textSize:Y,shape:K,value:S}),(se||be)&&e(v,{className:"tab__icon_after",fill:ce,fillSize:oe,iconFill:te,iconSize:ne,imageSrc:be,shape:de,SvgImage:se})]}),e(f,{className:"tab__divider",width:"fill",direction:"horizontal",size:le,fill:Z,fillActive:ee,fillActiveHover:re,fillDisabled:ie,fillHover:ae,zIndex:"1",isActive:h,isDisabled:F})]}),D]})})}function y(l){const{className:c,dataTestId:o,dataTour:d,horizontalScroll:n,style:b,tabAppearance:v,tabList:f,children:m}=l,p=s(l),{directionClass:y,alignClass:A,alignDirectionClass:x,fillClass:z,borderColorClass:S,borderTypeClass:C,borderWidthClass:g,widthClass:P,wrapClass:T}=p,{styles:_,wrapper:D}=t(l);return e("div",{className:a(c,"tab-group","group",P&&`width_${P}`,x&&`align_${x}`,y&&`group_direction_${y}`,A&&`align_${A}`,z&&`fill_${z}`,n&&"group_scroll_horizontal",T&&`group_wrap_${T}`,S&&`border-color_${S}`,g&&`border-width_${g}`,C&&`border_type_${C}`),"data-testid":o,"data-tour":d,style:Object.assign({},_,b),children:n?r("div",{className:"tab-group__wrapper",style:D,children:[f?.map(r=>e(u,{appearance:v,label:r.label,isActive:r.isActive},r.key)),m]}):r(i.Fragment,{children:[f?.map(r=>e(u,{appearance:v,label:r.label,badgeValue:r.badgeValue,icon:r.icon,iconSrc:r.iconSrc,isActive:r.isActive,onClick:r.onClick},r.key)),m]})})}export{u as Tab,y as TabGroup,m as tabAppearance,p as tabConfig};
|
package/dist/components/Text.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as Text,t as textAppearance,g as textConfig}from"../
|
|
1
|
+
export{a as Text,t as textAppearance,g as textConfig}from"../primitives_es_CkHPBwNl.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|