@itcase/ui-web 1.10.10 → 1.10.11
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("clsx"),i=require("@itcase/ui-core/hooks"),t=require("../../primitives_cjs_ocTnUpml.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const l={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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},a={top:"bottom",right:"left",bottom:"top",left:"right",bottomLeft:"top",bottomRight:"top",leftBottom:"right",leftTop:"right",rightBottom:"left",rightTop:"left",topLeft:"bottom",topRight:"bottom"},c={appearance:l,setAppearance:e=>{c.appearance=e}};exports.MenuItem=function(l){const{appearance:n,className:s,dataTestId:f,dataTour:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("clsx"),i=require("@itcase/ui-core/hooks"),t=require("../../primitives_cjs_ocTnUpml.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const l={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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},a={top:"bottom",right:"left",bottom:"top",left:"right",bottomLeft:"top",bottomRight:"top",leftBottom:"right",leftTop:"right",rightBottom:"left",rightTop:"left",topLeft:"bottom",topRight:"bottom"},c={appearance:l,setAppearance:e=>{c.appearance=e}};exports.MenuItem=function(l){const{appearance:n,className:s,dataTestId:f,dataTour:u,label:m,easing:d,href:x,link:p,LinkComponent:S,rel:y,showTooltip:b,target:T,tooltipAppearance:C,tooltipArrowPosition:z,tooltipContent:g,tooltipShowArrow:v,underline:_,before:A,after:h,isActive:I,isDisabled:P,onClick:B,children:F}=l,H=i.useAppearanceConfig(n,c,P),Q=i.useDevicePropsGenerator(l,H),{directionClass:$,justifyContentClass:j,alignClass:L,alignDirectionClass:w,fillActiveClass:k,fillActiveHoverClass:q,fillClass:X,fillHoverClass:M,labelTextActiveColor:D,labelTextActiveColorHover:N,labelTextColor:W,labelTextColorDisabled:V,labelTextColorHover:R,labelTextSize:G,labelWeight:Z,labelWrap:E,borderColorClass:J,iconAfter:K,iconAfterFill:O,iconAfterFillIcon:U,iconAfterFillSize:Y,iconAfterShape:ee,iconAfterSize:re,iconAfterSrc:oe,iconBadgeAppearance:ie,iconBadgeShape:te,iconBadgeSize:le,iconBadgeTextColor:ae,iconBadgeTextSize:ce,iconBadgeValue:ne,iconBefore:se,iconBeforeFill:fe,iconBeforeFillIcon:ue,iconBeforeFillSize:me,iconBeforeShape:de,iconBeforeSize:xe,iconBeforeSrc:pe,shapeClass:Se,sizeClass:ye,tooltipFill:be,tooltipPlacement:Te="top",tooltipShape:Ce,tooltipSize:ze,tooltipText:ge,tooltipTextColor:ve,tooltipTextSize:_e,tooltipTitle:Ae,tooltipTitleTextColor:he,tooltipZIndex:Ie,typeClass:Pe,widthClass:Be,isSkeleton:Fe}=Q,{styles:He}=i.useStyles(l),Qe=e.jsx("div",{className:o("menu-item",d&&`easing_${d}`,I&&"menu-item_state_active",P&&"menu-item_state_disabled",$&&`menu-item_direction_${$}`,s,(se||pe||K||oe)&&"menu-item_label-icon",ye&&`menu-item_size_${ye}`,J&&`border-color_${J}`,I?k&&`fill_active_${k}`:X&&`fill_${X}`,I?q&&`fill_active_hover_${q}`:M&&`fill_hover_${M}`,Se&&`shape_${Se}`,Pe&&`menu-item_type_${Pe}`,Be&&`width_${Be}`,j&&`menu-item_justify-content_${j}`,Fe&&"skeleton"),"data-testid":f,"data-tour":u,style:He,children:e.jsxs(t.Link,{className:o("menu-item__wrapper",w&&`align_${w}`,L&&`align_${L}`),href:p||x,LinkComponent:S,rel:y,target:T,underline:_,onClick:B,children:[A,F||e.jsxs(r.Fragment,{children:[(se||pe)&&e.jsx(t.Icon,{className:o("menu-item__icon_before",ne&&"menu-item__icon_before-badge"),fill:fe,fillSize:me,badgeAppearance:ie,badgeClass:"menu-item__icon_before_badge",badgeShape:te,badgeSize:le,badgeTextColor:ae,badgeTextSize:ce,badgeValue:ne,iconFill:ue,iconSize:xe,imageSrc:pe,shape:de,SvgImage:se}),m&&e.jsx(t.Text,{className:"menu-item__label",size:G,textColor:W,textColorActive:D,textColorActiveHover:N,textColorDisabled:V,textColorHover:R,textWeight:Z,textWrap:E,isActive:I,isDisabled:P,children:m}),(K||oe)&&e.jsx(t.Icon,{className:o("menu-item__icon_after",ne&&"menu-item__icon_after-badge"),fill:O,fillSize:Y,badgeAppearance:ie,badgeClass:"menu-item__icon_after_badge",badgeShape:te,badgeSize:le,badgeTextColor:ae,badgeTextSize:ce,badgeValue:ne,iconFill:U,iconSize:re,imageSrc:oe,shape:ee,SvgImage:K})]}),h]})});return b?e.jsx(t.TooltipWrapper,{appearance:C,minWidth:"auto",size:ze,fill:be,zIndex:Ie,title:Ae,titleColor:he,text:ge,textColor:ve,textSize:_e,arrowPosition:z??a[Te],placement:Te,shape:Ce,showArrow:v,tooltipContent:g,children:Qe}):Qe},exports.menuItemAppearance=l,exports.menuItemConfig=c;
|
|
@@ -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{
|
|
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{L as c,I as n,T as s,f}from"../primitives_es_BQqNcRQk.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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},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:S,dataTour:y,label:b,easing:T,href:C,link:z,LinkComponent:_,rel:g,showTooltip:v,target:A,tooltipAppearance:h,tooltipArrowPosition:I,tooltipContent:B,tooltipShowArrow:P,underline:F,before:H,after:Q,isActive:$,isDisabled:L,onClick:w,children:k}=m,X=t(p,u,L),M=l(m,X),{directionClass:N,justifyContentClass:D,alignClass:W,alignDirectionClass:j,fillActiveClass:V,fillActiveHoverClass:R,fillClass:Z,fillHoverClass:q,labelTextActiveColor:E,labelTextActiveColorHover:G,labelTextColor:J,labelTextColorDisabled:K,labelTextColorHover:O,labelTextSize:U,labelWeight:Y,labelWrap:ee,borderColorClass:re,iconAfter:oe,iconAfterFill:ie,iconAfterFillIcon:te,iconAfterFillSize:le,iconAfterShape:ae,iconAfterSize:ce,iconAfterSrc:ne,iconBadgeAppearance:se,iconBadgeShape:fe,iconBadgeSize:me,iconBadgeTextColor:de,iconBadgeTextSize:ue,iconBadgeValue:pe,iconBefore:xe,iconBeforeFill:Se,iconBeforeFillIcon:ye,iconBeforeFillSize:be,iconBeforeShape:Te,iconBeforeSize:Ce,iconBeforeSrc:ze,shapeClass:_e,sizeClass:ge,tooltipFill:ve,tooltipPlacement:Ae="top",tooltipShape:he,tooltipSize:Ie,tooltipText:Be,tooltipTextColor:Pe,tooltipTextSize:Fe,tooltipTitle:He,tooltipTitleTextColor:Qe,tooltipZIndex:$e,typeClass:Le,widthClass:we,isSkeleton:ke}=M,{styles:Xe}=a(m),Me=e("div",{className:i("menu-item",T&&`easing_${T}`,$&&"menu-item_state_active",L&&"menu-item_state_disabled",N&&`menu-item_direction_${N}`,x,(xe||ze||oe||ne)&&"menu-item_label-icon",ge&&`menu-item_size_${ge}`,re&&`border-color_${re}`,$?V&&`fill_active_${V}`:Z&&`fill_${Z}`,$?R&&`fill_active_hover_${R}`:q&&`fill_hover_${q}`,_e&&`shape_${_e}`,Le&&`menu-item_type_${Le}`,we&&`width_${we}`,D&&`menu-item_justify-content_${D}`,ke&&"skeleton"),"data-testid":S,"data-tour":y,style:Xe,children:r(c,{className:i("menu-item__wrapper",j&&`align_${j}`,W&&`align_${W}`),href:z||C,LinkComponent:_,rel:g,target:A,underline:F,onClick:w,children:[H,k||r(o.Fragment,{children:[(xe||ze)&&e(n,{className:i("menu-item__icon_before",pe&&"menu-item__icon_before-badge"),fill:Se,fillSize:be,badgeAppearance:se,badgeClass:"menu-item__icon_before_badge",badgeShape:fe,badgeSize:me,badgeTextColor:de,badgeTextSize:ue,badgeValue:pe,iconFill:ye,iconSize:Ce,imageSrc:ze,shape:Te,SvgImage:xe}),b&&e(s,{className:"menu-item__label",size:U,textColor:J,textColorActive:E,textColorActiveHover:G,textColorDisabled:K,textColorHover:O,textWeight:Y,textWrap:ee,isActive:$,isDisabled:L,children:b}),(oe||ne)&&e(n,{className:i("menu-item__icon_after",pe&&"menu-item__icon_after-badge"),fill:ie,fillSize:le,badgeAppearance:se,badgeClass:"menu-item__icon_after_badge",badgeShape:fe,badgeSize:me,badgeTextColor:de,badgeTextSize:ue,badgeValue:pe,iconFill:te,iconSize:ce,imageSrc:ne,shape:ae,SvgImage:oe})]}),Q]})});return v?e(f,{appearance:h,minWidth:"auto",size:Ie,fill:ve,zIndex:$e,title:He,titleColor:Qe,text:Be,textColor:Pe,textSize:Fe,arrowPosition:I??d[Ae],placement:Ae,shape:he,showArrow:P,tooltipContent:B,children:Me}):Me}export{p as MenuItem,m as menuItemAppearance,u as menuItemConfig};
|
|
@@ -33,15 +33,17 @@ function MenuItem(props) {
|
|
|
33
33
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
34
34
|
const { directionClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, labelTextActiveColor, labelTextActiveColorHover, labelTextColor, labelTextColorDisabled, labelTextColorHover, labelTextSize, labelWeight, labelWrap, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, shapeClass, sizeClass, tooltipFill, tooltipPlacement = 'top', tooltipShape, tooltipSize, tooltipText, tooltipTextColor, tooltipTextSize, tooltipTitle, tooltipTitleTextColor, tooltipZIndex, typeClass, widthClass, isSkeleton, } = propsGenerator;
|
|
35
35
|
const { styles: menuItem } = useStyles(props);
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
36
|
+
const menuItemNode = (_jsx("div", { className: clsx('menu-item', easing && `easing_${easing}`, isActive && 'menu-item_state_active', isDisabled && `menu-item_state_disabled`, directionClass && `menu-item_direction_${directionClass}`, className, (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc) &&
|
|
37
|
+
'menu-item_label-icon', sizeClass && `menu-item_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, !isActive
|
|
38
|
+
? fillClass && `fill_${fillClass}`
|
|
39
|
+
: fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
|
|
40
|
+
? fillHoverClass && `fill_hover_${fillHoverClass}`
|
|
41
|
+
: fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, shapeClass && `shape_${shapeClass}`, typeClass && `menu-item_type_${typeClass}`, widthClass && `width_${widthClass}`, justifyContentClass &&
|
|
42
|
+
`menu-item_justify-content_${justifyContentClass}`, isSkeleton && `skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: menuItem, children: _jsxs(Link, { className: clsx('menu-item__wrapper', alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), href: link || href, LinkComponent: LinkComponent, rel: rel, target: target, underline: underline, onClick: onClick, children: [before, children || (_jsxs(React.Fragment, { children: [(iconBefore || iconBeforeSrc) && (_jsx(Icon, { className: clsx('menu-item__icon_before', iconBadgeValue && 'menu-item__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'menu-item__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), label && (_jsx(Text, { className: "menu-item__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveColorHover, textColorDisabled: labelTextColorDisabled, textColorHover: labelTextColorHover, textWeight: labelWeight, textWrap: labelWrap, isActive: isActive, isDisabled: isDisabled, children: label })), (iconAfter || iconAfterSrc) && (_jsx(Icon, { className: clsx('menu-item__icon_after', iconBadgeValue && 'menu-item__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: "menu-item__icon_after_badge", badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] })), after] }) }));
|
|
43
|
+
if (!showTooltip) {
|
|
44
|
+
return menuItemNode;
|
|
45
|
+
}
|
|
46
|
+
return (_jsx(TooltipWrapper, { appearance: tooltipAppearance, minWidth: "auto", size: tooltipSize, fill: tooltipFill, zIndex: tooltipZIndex, title: tooltipTitle, titleColor: tooltipTitleTextColor, text: tooltipText, textColor: tooltipTextColor, textSize: tooltipTextSize, arrowPosition: tooltipArrowPosition ??
|
|
47
|
+
menuItemTooltipPlacementToArrowPosition[tooltipPlacement], placement: tooltipPlacement, shape: tooltipShape, showArrow: tooltipShowArrow, tooltipContent: tooltipContent, children: menuItemNode }));
|
|
46
48
|
}
|
|
47
49
|
export { MenuItem, menuItemConfig };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui-web",
|
|
3
|
-
"version": "1.10.
|
|
3
|
+
"version": "1.10.11",
|
|
4
4
|
"description": "UI components",
|
|
5
5
|
"keywords": "",
|
|
6
6
|
"license": "MIT",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@itcase/tokens-am": "^1.1.57",
|
|
54
54
|
"@itcase/tokens-baikal": "^1.1.54",
|
|
55
55
|
"@itcase/tokens-palette": "^1.1.50",
|
|
56
|
-
"@itcase/ui-core": "^1.10.
|
|
56
|
+
"@itcase/ui-core": "^1.10.11",
|
|
57
57
|
"@rc-component/tooltip": "^1.4.0",
|
|
58
58
|
"axios": "^1.16.1",
|
|
59
59
|
"clsx": "^2.1.1",
|
|
@@ -116,5 +116,5 @@
|
|
|
116
116
|
"storybook": "^10.4.1",
|
|
117
117
|
"typescript": "^6.0.3"
|
|
118
118
|
},
|
|
119
|
-
"gitHead": "
|
|
119
|
+
"gitHead": "6db5da25c0ca788f3622cbb0cd8e46e162d0418c"
|
|
120
120
|
}
|