@itcase/ui-web 1.10.22 → 1.10.23

package/dist/cjs/components/Tab.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("clsx"),a=require("@itcase/ui-core/hooks"),l=require("@itcase/ui-core/utils"),s=require("../../primitives_cjs_aZVOWoZJ.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc");const c={warningPrimary:{fill:"warningPrimary",fillDisabled:"disabledPrimary",labelColor:"warningTextPrimary",labelColorActive:"warningTextPrimary",badgeAppearance:"warningPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"disabledPrimary"},errorPrimary:{fill:"errorPrimary",fillDisabled:"disabledPrimary",labelColor:"errorTextPrimary",labelColorActive:"errorTextPrimary",labelColorDisabled:"errorTextDisabled",badgeAppearance:"errorPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"errorDisabled"},successPrimary:{fill:"successPrimary",fillDisabled:"successDisabled",labelColor:"successTextPrimary",labelColorActive:"successTextPrimary",labelColorDisabled:"successTextDisabled",badgeAppearance:"successPrimary sizeM solid rounded",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 sizeM 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 sizeM 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 sizeM 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 sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},sizeXXL:{size:"xxl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXL:{size:"xl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeL:{size:"l",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeM:{size:"m",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeS:{size:"s",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXS:{size:"xs",labelTextSize:"xs",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXXS:{size:"xxs",labelTextSize:"xs",badgeAppearanceSize:"sizeXXS",dividerSize:"s",dividerSizeActive:"m"},solid:{borderColor:"none",borderColorActive:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorActive:"none",dividerFill:"none"}},t={appearance:c,setAppearance:e=>{t.appearance=e}};function o(c){const{appearance:o,className:d,dataTestId:n,dataTour:b,label:v,badgeValue:u,href:p,link:f,rel:y,target:m,before:x,after:A,isActive:z=!1,isDisabled:S=!1,isSkeleton:C,onClick:g,onMouseEnter:P,children:T}=c,_=a.useAppearanceConfig(o,t,S),D=a.useDevicePropsGenerator(c,_),{rootClasses:h}=a.useActiveClasses({propsGenerator:D,isActive:z,isDisabled:S}),{justifyContentClass:F,alignClass:H,labelTextAlign:j,labelTextColor:w,labelTextColorActive:$,labelTextColorHover:I,labelTextSize:X,labelTextStyle:k,labelTextWeight:B,labelTextWrap:M,badgeAppearance:N,badgeAppearanceSize:q,badgeShape:L,badgeSize:W,badgeTextColor:G,badgeTextSize:Q,dividerFill:V,dividerFillActive:E,dividerFillActiveHover:K,dividerFillDisabled:O,dividerFillHover:J,dividerSize:R,dividerSizeActive:U,icon:Y,iconFill:Z,iconFillIcon:ee,iconFillSize:ie,iconShape:re,iconSize:ae,iconSrc:le,linkFill:se,shapeClass:ce,sizeClass:te,widthClass:oe}=D,{styles:de}=a.useStyles(c);return e.jsx("div",{className:r("tab",d,h,z&&"tab_state_active",S&&"tab_state_disabled",te&&`tab_size_${te}`,ce&&`shape_${ce}`,oe&&`width_${oe}`,F&&`tab_justify-content_${F}`,C&&"skeleton",g&&"cursor_type_pointer"),"data-testid":n&&`${n}Tab`,"data-tour":b,style:de,onClick:g,onMouseEnter:P,children:e.jsxs(s.Link,{className:r("tab__link",!S&&"cursor_type_pointer"),fill:se,href:f||p,rel:y,target:m,children:[x,T||e.jsxs(i.Fragment,{children:[e.jsxs("div",{className:r("tab__wrapper",H&&`align_${H}`),children:[v&&e.jsx(s.Text,{className:"tab__label",size:X,textAlign:j,textColor:w,textColorActive:$,textColorHover:I,textStyle:k,textWeight:B,textWrap:M,isActive:z,isDisabled:S,children:v}),Boolean(u)&&e.jsx(s.Badge,{appearance:l.mergeAppearanceKeys(N,q),size:W,textColor:G,textSize:Q,shape:L,value:u}),(Y||le)&&e.jsx(s.Icon,{className:"tab__icon_after",fill:Z,fillSize:ie,iconFill:ee,iconSize:ae,imageSrc:le,shape:re,SvgImage:Y})]}),z,e.jsx(s.Divider,{className:"tab__divider",width:"fill",direction:"horizontal",size:z?U:R,fill:V,fillActive:E,fillActiveHover:K,fillDisabled:O,fillHover:J,zIndex:"1",isActive:z,isDisabled:S})]}),A]})})}exports.Tab=o,exports.TabGroup=function(l){const{className:s,dataTestId:c,dataTour:t,horizontalScroll:d,style:n,tabAppearance:b,tabList:v,children:u}=l,p=a.useDevicePropsGenerator(l),{directionClass:f,alignClass:y,alignDirectionClass:m,fillClass:x,borderColorClass:A,borderTypeClass:z,borderWidthClass:S,widthClass:C,wrapClass:g}=p,{styles:P,wrapper:T}=a.useStyles(l);return e.jsx("div",{className:r(s,"tab-group","group",C&&`width_${C}`,m&&`align_${m}`,f&&`group_direction_${f}`,y&&`align_${y}`,x&&`fill_${x}`,d&&"group_scroll_horizontal",g&&`group_wrap_${g}`,A&&`border-color_${A}`,S&&`border-width_${S}`,z&&`border_type_${z}`),"data-testid":c,"data-tour":t,style:Object.assign({},P,n),children:d?e.jsxs("div",{className:"tab-group__wrapper",style:T,children:[v?.map(i=>e.jsx(o,{appearance:b,label:i.label,isActive:i.isActive},i.key)),u]}):e.jsxs(i.Fragment,{children:[v?.map(i=>e.jsx(o,{appearance:b,label:i.label,badgeValue:i.badgeValue,icon:i.icon,iconSrc:i.iconSrc,isActive:i.isActive,onClick:i.onClick},i.key)),u]})})},exports.tabAppearance=c,exports.tabConfig=t;
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("clsx"),a=require("@itcase/ui-core/hooks"),l=require("@itcase/ui-core/utils"),s=require("../../primitives_cjs_aZVOWoZJ.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc");const c={warningPrimary:{fill:"warningPrimary",fillDisabled:"disabledPrimary",labelColor:"warningTextPrimary",labelColorActive:"warningTextPrimary",badgeAppearance:"warningPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"disabledPrimary"},errorPrimary:{fill:"errorPrimary",fillDisabled:"disabledPrimary",labelColor:"errorTextPrimary",labelColorActive:"errorTextPrimary",labelColorDisabled:"errorTextDisabled",badgeAppearance:"errorPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"errorDisabled"},successPrimary:{fill:"successPrimary",fillDisabled:"successDisabled",labelColor:"successTextPrimary",labelColorActive:"successTextPrimary",labelColorDisabled:"successTextDisabled",badgeAppearance:"successPrimary sizeM solid rounded",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 sizeM 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 sizeM 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 sizeM 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 sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},sizeXXL:{size:"xxl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXL:{size:"xl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeL:{size:"l",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeM:{size:"m",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeS:{size:"s",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXS:{size:"xs",labelTextSize:"xs",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXXS:{size:"xxs",labelTextSize:"xs",badgeAppearanceSize:"sizeXXS",dividerSize:"s",dividerSizeActive:"m"},solid:{borderColor:"none",borderColorActive:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorActive:"none",dividerFill:"none"}},t={appearance:c,setAppearance:e=>{t.appearance=e}};function o(c){const{appearance:o,className:d,dataTestId:n,dataTour:b,label:v,badgeValue:u,href:p,link:f,rel:y,target:m,before:x,after:A,isActive:z=!1,isDisabled:S=!1,isSkeleton:C,onClick:g,onMouseEnter:T,children:P}=c,_=a.useAppearanceConfig(o,t,S),D=a.useDevicePropsGenerator(c,_),{rootClasses:h}=a.useActiveClasses({propsGenerator:D,isActive:z,isDisabled:S}),{justifyContentClass:F,alignClass:H,labelTextAlign:j,labelTextColor:w,labelTextColorActive:$,labelTextColorHover:I,labelTextSize:X,labelTextStyle:k,labelTextWeight:B,labelTextWrap:M,badgeAppearance:N,badgeAppearanceSize:q,badgeShape:L,badgeSize:W,badgeTextColor:G,badgeTextSize:Q,dividerFill:V,dividerFillActive:E,dividerFillActiveHover:K,dividerFillDisabled:O,dividerFillHover:J,dividerSize:R,dividerSizeActive:U,icon:Y,iconFill:Z,iconFillIcon:ee,iconFillSize:ie,iconShape:re,iconSize:ae,iconSrc:le,linkFill:se,shapeClass:ce,sizeClass:te,widthClass:oe}=D,{styles:de}=a.useStyles(c);return e.jsx("div",{className:r("tab",d,h,z&&"tab_state_active",S&&"tab_state_disabled",te&&`tab_size_${te}`,ce&&`shape_${ce}`,oe&&`width_${oe}`,F&&`tab_justify-content_${F}`,C&&"skeleton",g&&"cursor_type_pointer"),"data-testid":n&&`${n}Tab`,"data-tour":b,style:de,onClick:g,onMouseEnter:T,children:e.jsxs(s.Link,{className:r("tab__link",!S&&"cursor_type_pointer"),fill:se,href:f||p,rel:y,target:m,children:[x,P||e.jsxs(i.Fragment,{children:[e.jsxs("div",{className:r("tab__wrapper",H&&`align_${H}`),children:[v&&e.jsx(s.Text,{className:"tab__label",size:X,textAlign:j,textColor:w,textColorActive:$,textColorHover:I,textStyle:k,textWeight:B,textWrap:M,isActive:z,isDisabled:S,children:v}),Boolean(u)&&e.jsx(s.Badge,{appearance:l.mergeAppearanceKeys(N,q),dataTestId:n&&`${n}TabBadge`,size:W,textColor:G,textSize:Q,shape:L,value:u}),(Y||le)&&e.jsx(s.Icon,{className:"tab__icon_after",fill:Z,fillSize:ie,iconFill:ee,iconSize:ae,imageSrc:le,shape:re,SvgImage:Y})]}),z,e.jsx(s.Divider,{className:"tab__divider",width:"fill",direction:"horizontal",size:z?U:R,fill:V,fillActive:E,fillActiveHover:K,fillDisabled:O,fillHover:J,zIndex:"1",isActive:z,isDisabled:S})]}),A]})})}exports.Tab=o,exports.TabGroup=function(l){const{className:s,dataTestId:c,dataTour:t,horizontalScroll:d,style:n,tabAppearance:b,tabList:v,children:u}=l,p=a.useDevicePropsGenerator(l),{directionClass:f,alignClass:y,alignDirectionClass:m,fillClass:x,borderColorClass:A,borderTypeClass:z,borderWidthClass:S,widthClass:C,wrapClass:g}=p,{styles:T,wrapper:P}=a.useStyles(l);return e.jsx("div",{className:r(s,"tab-group","group",C&&`width_${C}`,m&&`align_${m}`,f&&`group_direction_${f}`,y&&`align_${y}`,x&&`fill_${x}`,d&&"group_scroll_horizontal",g&&`group_wrap_${g}`,A&&`border-color_${A}`,S&&`border-width_${S}`,z&&`border_type_${z}`),"data-testid":c,"data-tour":t,style:Object.assign({},T,n),children:d?e.jsxs("div",{className:"tab-group__wrapper",style:P,children:[v?.map(i=>e.jsx(o,{appearance:b,label:i.label,isActive:i.isActive},i.key)),u]}):e.jsxs(i.Fragment,{children:[v?.map(i=>e.jsx(o,{appearance:b,label:i.label,badgeValue:i.badgeValue,icon:i.icon,iconSrc:i.iconSrc,isActive:i.isActive,onClick:i.onClick},i.key)),u]})})},exports.tabAppearance=c,exports.tabConfig=t;

package/dist/components/Tab.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import r 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{d,T as n,B as b,I as v,D as m}from"../primitives_es_BN7QUOlL.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const f={warningPrimary:{fill:"warningPrimary",fillDisabled:"disabledPrimary",labelColor:"warningTextPrimary",labelColorActive:"warningTextPrimary",badgeAppearance:"warningPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"disabledPrimary"},errorPrimary:{fill:"errorPrimary",fillDisabled:"disabledPrimary",labelColor:"errorTextPrimary",labelColorActive:"errorTextPrimary",labelColorDisabled:"errorTextDisabled",badgeAppearance:"errorPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"errorDisabled"},successPrimary:{fill:"successPrimary",fillDisabled:"successDisabled",labelColor:"successTextPrimary",labelColorActive:"successTextPrimary",labelColorDisabled:"successTextDisabled",badgeAppearance:"successPrimary sizeM solid rounded",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 sizeM 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 sizeM 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 sizeM 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 sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},sizeXXL:{size:"xxl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXL:{size:"xl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeL:{size:"l",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeM:{size:"m",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeS:{size:"s",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXS:{size:"xs",labelTextSize:"xs",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXXS:{size:"xxs",labelTextSize:"xs",badgeAppearanceSize:"sizeXXS",dividerSize:"s",dividerSizeActive:"m"},solid:{borderColor:"none",borderColorActive:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorActive:"none",dividerFill:"none"}},p={appearance:f,setAppearance:e=>{p.appearance=e}};function u(f){const{appearance:u,className:y,dataTestId:z,dataTour:A,label:S,badgeValue:x,href:C,link:g,rel:P,target:T,before:_,after:D,isActive:h=!1,isDisabled:F=!1,isSkeleton:H,onClick:w,onMouseEnter:$,children:I}=f,X=l(u,p,F),k=s(f,X),{rootClasses:B}=c({propsGenerator:k,isActive:h,isDisabled:F}),{justifyContentClass:M,alignClass:N,labelTextAlign:j,labelTextColor:W,labelTextColorActive:L,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:ie,dividerFillDisabled:re,dividerFillHover:ae,dividerSize:le,dividerSizeActive:se,icon:ce,iconFill:te,iconFillIcon:oe,iconFillSize:de,iconShape:ne,iconSize:be,iconSrc:ve,linkFill:me,shapeClass:fe,sizeClass:pe,widthClass:ue}=k,{styles:ye}=t(f);return e("div",{className:a("tab",y,B,h&&"tab_state_active",F&&"tab_state_disabled",pe&&`tab_size_${pe}`,fe&&`shape_${fe}`,ue&&`width_${ue}`,M&&`tab_justify-content_${M}`,H&&"skeleton",w&&"cursor_type_pointer"),"data-testid":z&&`${z}Tab`,"data-tour":A,style:ye,onClick:w,onMouseEnter:$,children:i(d,{className:a("tab__link",!F&&"cursor_type_pointer"),fill:me,href:g||C,rel:P,target:T,children:[_,I||i(r.Fragment,{children:[i("div",{className:a("tab__wrapper",N&&`align_${N}`),children:[S&&e(n,{className:"tab__label",size:V,textAlign:j,textColor:W,textColorActive:L,textColorHover:Q,textStyle:E,textWeight:G,textWrap:O,isActive:h,isDisabled:F,children:S}),Boolean(x)&&e(b,{appearance:o(q,J),size:R,textColor:U,textSize:Y,shape:K,value:x}),(ce||ve)&&e(v,{className:"tab__icon_after",fill:te,fillSize:de,iconFill:oe,iconSize:be,imageSrc:ve,shape:ne,SvgImage:ce})]}),h,e(m,{className:"tab__divider",width:"fill",direction:"horizontal",size:h?se:le,fill:Z,fillActive:ee,fillActiveHover:ie,fillDisabled:re,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:m,children:f}=l,p=s(l),{directionClass:y,alignClass:z,alignDirectionClass:A,fillClass:S,borderColorClass:x,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}`,A&&`align_${A}`,y&&`group_direction_${y}`,z&&`align_${z}`,S&&`fill_${S}`,n&&"group_scroll_horizontal",T&&`group_wrap_${T}`,x&&`border-color_${x}`,g&&`border-width_${g}`,C&&`border_type_${C}`),"data-testid":o,"data-tour":d,style:Object.assign({},_,b),children:n?i("div",{className:"tab-group__wrapper",style:D,children:[m?.map(i=>e(u,{appearance:v,label:i.label,isActive:i.isActive},i.key)),f]}):i(r.Fragment,{children:[m?.map(i=>e(u,{appearance:v,label:i.label,badgeValue:i.badgeValue,icon:i.icon,iconSrc:i.iconSrc,isActive:i.isActive,onClick:i.onClick},i.key)),f]})})}export{u as Tab,y as TabGroup,f as tabAppearance,p as tabConfig};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import r 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{d,T as n,B as b,I as v,D as m}from"../primitives_es_BN7QUOlL.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const f={warningPrimary:{fill:"warningPrimary",fillDisabled:"disabledPrimary",labelColor:"warningTextPrimary",labelColorActive:"warningTextPrimary",badgeAppearance:"warningPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"disabledPrimary"},errorPrimary:{fill:"errorPrimary",fillDisabled:"disabledPrimary",labelColor:"errorTextPrimary",labelColorActive:"errorTextPrimary",labelColorDisabled:"errorTextDisabled",badgeAppearance:"errorPrimary sizeM solid rounded",dividerFill:"accentPrimary",dividerFillDisabled:"errorDisabled"},successPrimary:{fill:"successPrimary",fillDisabled:"successDisabled",labelColor:"successTextPrimary",labelColorActive:"successTextPrimary",labelColorDisabled:"successTextDisabled",badgeAppearance:"successPrimary sizeM solid rounded",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 sizeM 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 sizeM 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 sizeM 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 sizeM solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},sizeXXL:{size:"xxl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXL:{size:"xl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeL:{size:"l",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeM:{size:"m",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeS:{size:"s",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXS:{size:"xs",labelTextSize:"xs",badgeAppearanceSize:"sizeXS",dividerSize:"s",dividerSizeActive:"m"},sizeXXS:{size:"xxs",labelTextSize:"xs",badgeAppearanceSize:"sizeXXS",dividerSize:"s",dividerSizeActive:"m"},solid:{borderColor:"none",borderColorActive:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorActive:"none",dividerFill:"none"}},p={appearance:f,setAppearance:e=>{p.appearance=e}};function u(f){const{appearance:u,className:y,dataTestId:z,dataTour:A,label:S,badgeValue:x,href:C,link:T,rel:g,target:P,before:_,after:D,isActive:h=!1,isDisabled:F=!1,isSkeleton:H,onClick:w,onMouseEnter:$,children:I}=f,X=l(u,p,F),k=s(f,X),{rootClasses:B}=c({propsGenerator:k,isActive:h,isDisabled:F}),{justifyContentClass:M,alignClass:N,labelTextAlign:j,labelTextColor:W,labelTextColorActive:L,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:ie,dividerFillDisabled:re,dividerFillHover:ae,dividerSize:le,dividerSizeActive:se,icon:ce,iconFill:te,iconFillIcon:oe,iconFillSize:de,iconShape:ne,iconSize:be,iconSrc:ve,linkFill:me,shapeClass:fe,sizeClass:pe,widthClass:ue}=k,{styles:ye}=t(f);return e("div",{className:a("tab",y,B,h&&"tab_state_active",F&&"tab_state_disabled",pe&&`tab_size_${pe}`,fe&&`shape_${fe}`,ue&&`width_${ue}`,M&&`tab_justify-content_${M}`,H&&"skeleton",w&&"cursor_type_pointer"),"data-testid":z&&`${z}Tab`,"data-tour":A,style:ye,onClick:w,onMouseEnter:$,children:i(d,{className:a("tab__link",!F&&"cursor_type_pointer"),fill:me,href:T||C,rel:g,target:P,children:[_,I||i(r.Fragment,{children:[i("div",{className:a("tab__wrapper",N&&`align_${N}`),children:[S&&e(n,{className:"tab__label",size:V,textAlign:j,textColor:W,textColorActive:L,textColorHover:Q,textStyle:E,textWeight:G,textWrap:O,isActive:h,isDisabled:F,children:S}),Boolean(x)&&e(b,{appearance:o(q,J),dataTestId:z&&`${z}TabBadge`,size:R,textColor:U,textSize:Y,shape:K,value:x}),(ce||ve)&&e(v,{className:"tab__icon_after",fill:te,fillSize:de,iconFill:oe,iconSize:be,imageSrc:ve,shape:ne,SvgImage:ce})]}),h,e(m,{className:"tab__divider",width:"fill",direction:"horizontal",size:h?se:le,fill:Z,fillActive:ee,fillActiveHover:ie,fillDisabled:re,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:m,children:f}=l,p=s(l),{directionClass:y,alignClass:z,alignDirectionClass:A,fillClass:S,borderColorClass:x,borderTypeClass:C,borderWidthClass:T,widthClass:g,wrapClass:P}=p,{styles:_,wrapper:D}=t(l);return e("div",{className:a(c,"tab-group","group",g&&`width_${g}`,A&&`align_${A}`,y&&`group_direction_${y}`,z&&`align_${z}`,S&&`fill_${S}`,n&&"group_scroll_horizontal",P&&`group_wrap_${P}`,x&&`border-color_${x}`,T&&`border-width_${T}`,C&&`border_type_${C}`),"data-testid":o,"data-tour":d,style:Object.assign({},_,b),children:n?i("div",{className:"tab-group__wrapper",style:D,children:[m?.map(i=>e(u,{appearance:v,label:i.label,isActive:i.isActive},i.key)),f]}):i(r.Fragment,{children:[m?.map(i=>e(u,{appearance:v,label:i.label,badgeValue:i.badgeValue,icon:i.icon,iconSrc:i.iconSrc,isActive:i.isActive,onClick:i.onClick},i.key)),f]})})}export{u as Tab,y as TabGroup,f as tabAppearance,p as tabConfig};

package/dist/types/components/Tab/Tab.js

@@ -26,6 +26,6 @@ function Tab(props) {
     });
     const { justifyContentClass, alignClass, labelTextAlign, labelTextColor, labelTextColorActive, labelTextColorHover, labelTextSize, labelTextStyle, labelTextWeight, labelTextWrap, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, dividerFill, dividerFillActive, dividerFillActiveHover, dividerFillDisabled, dividerFillHover, dividerSize, dividerSizeActive, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, linkFill, shapeClass, sizeClass, widthClass, } = propsGenerator;
     const { styles: tab } = useStyles(props);
-    return (_jsx("div", { className: clsx('tab', className, rootClasses, isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', sizeClass && `tab_size_${sizeClass}`, shapeClass && `shape_${shapeClass}`, widthClass && `width_${widthClass}`, justifyContentClass && `tab_justify-content_${justifyContentClass}`, isSkeleton && `skeleton`, onClick && 'cursor_type_pointer'), "data-testid": dataTestId && `${dataTestId}Tab`, "data-tour": dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: _jsxs(Link, { className: clsx('tab__link', !isDisabled && 'cursor_type_pointer'), fill: linkFill, href: link || href, rel: rel, target: target, children: [before, children || (_jsxs(React.Fragment, { children: [_jsxs("div", { className: clsx('tab__wrapper', alignClass && `align_${alignClass}`), children: [label && (_jsx(Text, { className: "tab__label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: labelTextColorActive, textColorHover: labelTextColorHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, isDisabled: isDisabled, children: label })), Boolean(badgeValue) && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { className: "tab__icon_after", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }), isActive, _jsx(Divider, { className: "tab__divider", width: "fill", direction: "horizontal", size: isActive ? dividerSizeActive : dividerSize, fill: dividerFill, fillActive: dividerFillActive, fillActiveHover: dividerFillActiveHover, fillDisabled: dividerFillDisabled, fillHover: dividerFillHover, zIndex: "1", isActive: isActive, isDisabled: isDisabled })] })), after] }) }));
+    return (_jsx("div", { className: clsx('tab', className, rootClasses, isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', sizeClass && `tab_size_${sizeClass}`, shapeClass && `shape_${shapeClass}`, widthClass && `width_${widthClass}`, justifyContentClass && `tab_justify-content_${justifyContentClass}`, isSkeleton && `skeleton`, onClick && 'cursor_type_pointer'), "data-testid": dataTestId && `${dataTestId}Tab`, "data-tour": dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: _jsxs(Link, { className: clsx('tab__link', !isDisabled && 'cursor_type_pointer'), fill: linkFill, href: link || href, rel: rel, target: target, children: [before, children || (_jsxs(React.Fragment, { children: [_jsxs("div", { className: clsx('tab__wrapper', alignClass && `align_${alignClass}`), children: [label && (_jsx(Text, { className: "tab__label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: labelTextColorActive, textColorHover: labelTextColorHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, isDisabled: isDisabled, children: label })), Boolean(badgeValue) && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), dataTestId: dataTestId && `${dataTestId}TabBadge`, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { className: "tab__icon_after", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }), isActive, _jsx(Divider, { className: "tab__divider", width: "fill", direction: "horizontal", size: isActive ? dividerSizeActive : dividerSize, fill: dividerFill, fillActive: dividerFillActive, fillActiveHover: dividerFillActiveHover, fillDisabled: dividerFillDisabled, fillHover: dividerFillHover, zIndex: "1", isActive: isActive, isDisabled: isDisabled })] })), after] }) }));
 }
 export { Tab, tabConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-web",
-  "version": "1.10.22",
+  "version": "1.10.23",
   "description": "UI components",
   "keywords": "",
   "license": "MIT",
@@ -116,5 +116,5 @@
     "storybook": "^10.4.2",
     "typescript": "^6.0.3"
   },
-  "gitHead": "826a9c0a8aab776b4778c243108eca3bed5d53b6"
+  "gitHead": "4f00121235ddf8796298e7eaaf83f2405a3caa8b"
 }