@itcase/ui-web 1.10.33 → 1.10.35

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.
Files changed (108) hide show
  1. package/dist/{Avatar_cjs_DDVEtKdY.js → Avatar_cjs_D24fPlpG.js} +1 -1
  2. package/dist/{Avatar_es_D7J6FaYk.js → Avatar_es_CW-9BKZl.js} +1 -1
  3. package/dist/{Button_cjs_D0Fa5AsR.js → Button_cjs_Dq2pZYkE.js} +1 -1
  4. package/dist/{Button_es_DvzjOfyQ.js → Button_es_l1l4XH3Z.js} +1 -1
  5. package/dist/{ChipsGroup_cjs_DmlWfqO5.js → ChipsGroup_cjs_DEWTbz1r.js} +1 -1
  6. package/dist/{ChipsGroup_es_D3y5WSL6.js → ChipsGroup_es_B3nRK-lq.js} +1 -1
  7. package/dist/{DatePicker_cjs_uTMwXLmJ.js → DatePicker_cjs_Cg_vcAg8.js} +1 -1
  8. package/dist/{DatePicker_es_Bq_AFDLO.js → DatePicker_es_Blh9tXre.js} +1 -1
  9. package/dist/{Label_cjs_C1diFfCH.js → Label_cjs_jbY2Pjoa.js} +1 -1
  10. package/dist/{Label_es_ChMUKpnM.js → Label_es_Co8vZyTp.js} +1 -1
  11. package/dist/{Loader_cjs_4kGh3xPd.js → Loader_cjs_BMOazvQA.js} +1 -1
  12. package/dist/{Loader_es_CdWc_Prk.js → Loader_es_DLwXAfhK.js} +1 -1
  13. package/dist/{SelectContainer_cjs_oasI4gzw.js → SelectContainer_cjs_D2Zuk29y.js} +1 -1
  14. package/dist/{SelectContainer_es_B4IWlcz3.js → SelectContainer_es_CXH64IO5.js} +1 -1
  15. package/dist/cjs/components/Accordion.js +1 -1
  16. package/dist/cjs/components/Avatar.js +1 -1
  17. package/dist/cjs/components/AvatarStack.js +1 -1
  18. package/dist/cjs/components/Badge.js +1 -1
  19. package/dist/cjs/components/Breadcrumbs.js +1 -1
  20. package/dist/cjs/components/Button.js +1 -1
  21. package/dist/cjs/components/Cell.js +1 -1
  22. package/dist/cjs/components/Checkbox.js +1 -1
  23. package/dist/cjs/components/Checkmark.js +1 -1
  24. package/dist/cjs/components/Chips.js +1 -1
  25. package/dist/cjs/components/Choice.js +1 -1
  26. package/dist/cjs/components/CookiesWarning.js +1 -1
  27. package/dist/cjs/components/DatePeriod.js +1 -1
  28. package/dist/cjs/components/DatePicker.js +1 -1
  29. package/dist/cjs/components/Divider.js +1 -1
  30. package/dist/cjs/components/Drawer.js +1 -1
  31. package/dist/cjs/components/Dropdown.js +1 -1
  32. package/dist/cjs/components/Dropzone.js +1 -1
  33. package/dist/cjs/components/HeroTitle.js +1 -1
  34. package/dist/cjs/components/Icon.js +1 -1
  35. package/dist/cjs/components/InputNumber.js +1 -1
  36. package/dist/cjs/components/InputPassword.js +1 -1
  37. package/dist/cjs/components/Label.js +1 -1
  38. package/dist/cjs/components/Link.js +1 -1
  39. package/dist/cjs/components/List.js +1 -1
  40. package/dist/cjs/components/Loader.js +1 -1
  41. package/dist/cjs/components/Logo.js +1 -1
  42. package/dist/cjs/components/MenuItem.js +1 -1
  43. package/dist/cjs/components/Modal.js +1 -1
  44. package/dist/cjs/components/ModalSheetBottom.js +1 -1
  45. package/dist/cjs/components/Notification.js +1 -1
  46. package/dist/cjs/components/Pagination.js +1 -1
  47. package/dist/cjs/components/Radio.js +1 -1
  48. package/dist/cjs/components/Response.js +1 -1
  49. package/dist/cjs/components/Search.js +1 -1
  50. package/dist/cjs/components/Segmented.js +1 -1
  51. package/dist/cjs/components/Select.js +1 -1
  52. package/dist/cjs/components/Swiper.js +1 -1
  53. package/dist/cjs/components/Switch.js +1 -1
  54. package/dist/cjs/components/Tab.js +1 -1
  55. package/dist/cjs/components/Text.js +1 -1
  56. package/dist/cjs/components/Tile.js +1 -1
  57. package/dist/cjs/components/Title.js +1 -1
  58. package/dist/cjs/components/Tooltip.js +1 -1
  59. package/dist/cjs/components/Warning.js +1 -1
  60. package/dist/components/Accordion.js +1 -1
  61. package/dist/components/Avatar.js +1 -1
  62. package/dist/components/AvatarStack.js +1 -1
  63. package/dist/components/Badge.js +1 -1
  64. package/dist/components/Breadcrumbs.js +1 -1
  65. package/dist/components/Button.js +1 -1
  66. package/dist/components/Cell.js +1 -1
  67. package/dist/components/Checkbox.js +1 -1
  68. package/dist/components/Checkmark.js +1 -1
  69. package/dist/components/Chips.js +1 -1
  70. package/dist/components/Choice.js +1 -1
  71. package/dist/components/CookiesWarning.js +1 -1
  72. package/dist/components/DatePeriod.js +1 -1
  73. package/dist/components/DatePicker.js +1 -1
  74. package/dist/components/Divider.js +1 -1
  75. package/dist/components/Drawer.js +1 -1
  76. package/dist/components/Dropdown.js +1 -1
  77. package/dist/components/Dropzone.js +1 -1
  78. package/dist/components/HeroTitle.js +1 -1
  79. package/dist/components/Icon.js +1 -1
  80. package/dist/components/InputNumber.js +1 -1
  81. package/dist/components/InputPassword.js +1 -1
  82. package/dist/components/Label.js +1 -1
  83. package/dist/components/Link.js +1 -1
  84. package/dist/components/List.js +1 -1
  85. package/dist/components/Loader.js +1 -1
  86. package/dist/components/Logo.js +1 -1
  87. package/dist/components/MenuItem.js +1 -1
  88. package/dist/components/Modal.js +1 -1
  89. package/dist/components/ModalSheetBottom.js +1 -1
  90. package/dist/components/Notification.js +1 -1
  91. package/dist/components/Pagination.js +1 -1
  92. package/dist/components/Radio.js +1 -1
  93. package/dist/components/Response.js +1 -1
  94. package/dist/components/Search.js +1 -1
  95. package/dist/components/Segmented.js +1 -1
  96. package/dist/components/Select.js +1 -1
  97. package/dist/components/Swiper.js +1 -1
  98. package/dist/components/Switch.js +1 -1
  99. package/dist/components/Tab.js +1 -1
  100. package/dist/components/Text.js +1 -1
  101. package/dist/components/Tile.js +1 -1
  102. package/dist/components/Title.js +1 -1
  103. package/dist/components/Tooltip.js +1 -1
  104. package/dist/components/Warning.js +1 -1
  105. package/dist/{primitives_cjs_EVP_2N_A.js → primitives_cjs_Dw4SMbjT.js} +1 -1
  106. package/dist/{primitives_es_D7LYOijE.js → primitives_es_C4dQ1kEP.js} +1 -1
  107. package/dist/types/components/Dropdown/Dropdown.js +1 -1
  108. package/package.json +4 -4
@@ -1 +1 @@
1
- export{I as Icon,n as iconAppearance,o as iconConfig}from"../primitives_es_D7LYOijE.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
+ export{I as Icon,n as iconAppearance,o as iconConfig}from"../primitives_es_C4dQ1kEP.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"../Button_es_DvzjOfyQ.js";import{a as s}from"../default_es_CsYL84NN.js";import"@itcase/ui-core/utils";import"../primitives_es_D7LYOijE.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_CdWc_Prk.js";import"axios";import"@itcase/common";const l={defaultPrimary:{fill:"surfaceSecondary",labelTextWeight:"400",borderColor:"surfaceBorderQuaternary",borderHover:"surfaceBorderHoverQuaternary",iconFill:"surfaceSecondary",iconFillHover:"surfaceHoverSecondary",iconFillIcon:"surfaceItemQuaternary",iconMinus:s.Form.Minus,iconPlus:s.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},u={errorPrimary:{fill:"errorTertiary",labelTextWeight:"400",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",iconFill:"errorTertiary",iconFillHover:"errorHoverSecondary",iconFillIcon:"errorItemQuaternary",iconMinus:s.Form.Minus,iconPlus:s.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},c={requirePrimary:{fill:"warningTertiary",labelTextWeight:"400",borderColor:"warningBorderQuaternary",borderHover:"warningBorderHoverQuaternary",iconFill:"warningTertiary",iconFillHover:"warningHoverSecondary",iconFillIcon:"warningItemQuaternary",iconMinus:s.Form.Minus,iconPlus:s.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},m={...l,...u,...{successPrimary:{fill:"successTertiary",labelTextWeight:"400",borderColor:"successBorderQuaternary",borderHover:"successBorderHoverQuaternary",iconFill:"successTertiary",iconFillHover:"successHoverSecondary",iconFillIcon:"successItemQuaternary",iconMinus:s.Form.Minus,iconPlus:s.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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=s=>{const{id:l,appearance:u,className:c,dataTestId:m,dataTour:p,type:b="custom",name:y,min:v=0,max:f=1/0,step:x=1,value:h=0,onChange:C}=s,F=o(e=>{const{event:r,mode:o="button",operation:i}=e;let n;if("input"===o)n=Number(r?.target.value);else{n=h+("minus"===i?-x:x)}if(n<v||n>f)return null;C?.(n)},[f,v,C,x,h]),_=n(u,d),T=t(s,_),{fillClass:S,fillHoverClass:z,borderColorClass:H,borderColorHoverClass:g,borderWidthClass:N,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconMinus:M,iconPlus:$,iconShape:w,iconSize:B,inputNumberTextColorClass:L,inputNumberTextSizeClass:W,inputNumberTextWeightClass:j,shapeClass:k,sizeClass:X,widthClass:q}=T;return"native"===b?e("input",{id:String(l),type:"number",min:v,max:f,step:x,value:h,onChange:e=>F({event:e,mode:"input"})}):r("div",{id:String(l),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-testid":m+"Wrapper","data-tour":p,children:[e(a,{className:"input-number__icon",icon:M,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconShape:w,iconSize:B,onClick:()=>F({operation:"minus"})}),e("input",{className:i(L&&`text-color_${L}`,W&&`text_size_${W}`,j&&`text-weight_${j}`),type:"number",min:v,max:f,"data-testid":m||(y?`${y}-input-number`:"input-number"),step:x,value:h,onChange:e=>F({event:e,mode:"input"})}),e(a,{className:"input-number__icon",icon:$,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconShape:w,iconSize:B,onClick:()=>F({operation:"plus"})})]})};export{p as InputNumber,m as inputNumberAppearance};
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_l1l4XH3Z.js";import{a as s}from"../default_es_CsYL84NN.js";import"@itcase/ui-core/utils";import"../primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_DLwXAfhK.js";import"axios";import"@itcase/common";const l={defaultPrimary:{fill:"surfaceSecondary",labelTextWeight:"400",borderColor:"surfaceBorderQuaternary",borderHover:"surfaceBorderHoverQuaternary",iconFill:"surfaceSecondary",iconFillHover:"surfaceHoverSecondary",iconFillIcon:"surfaceItemQuaternary",iconMinus:s.Form.Minus,iconPlus:s.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},u={errorPrimary:{fill:"errorTertiary",labelTextWeight:"400",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",iconFill:"errorTertiary",iconFillHover:"errorHoverSecondary",iconFillIcon:"errorItemQuaternary",iconMinus:s.Form.Minus,iconPlus:s.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},c={requirePrimary:{fill:"warningTertiary",labelTextWeight:"400",borderColor:"warningBorderQuaternary",borderHover:"warningBorderHoverQuaternary",iconFill:"warningTertiary",iconFillHover:"warningHoverSecondary",iconFillIcon:"warningItemQuaternary",iconMinus:s.Form.Minus,iconPlus:s.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},m={...l,...u,...{successPrimary:{fill:"successTertiary",labelTextWeight:"400",borderColor:"successBorderQuaternary",borderHover:"successBorderHoverQuaternary",iconFill:"successTertiary",iconFillHover:"successHoverSecondary",iconFillIcon:"successItemQuaternary",iconMinus:s.Form.Minus,iconPlus:s.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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=s=>{const{id:l,appearance:u,className:c,dataTestId:m,dataTour:p,type:b="custom",name:y,min:v=0,max:f=1/0,step:x=1,value:h=0,onChange:C}=s,F=o(e=>{const{event:r,mode:o="button",operation:i}=e;let n;if("input"===o)n=Number(r?.target.value);else{n=h+("minus"===i?-x:x)}if(n<v||n>f)return null;C?.(n)},[f,v,C,x,h]),_=n(u,d),T=t(s,_),{fillClass:S,fillHoverClass:z,borderColorClass:H,borderColorHoverClass:g,borderWidthClass:N,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconMinus:M,iconPlus:$,iconShape:w,iconSize:B,inputNumberTextColorClass:L,inputNumberTextSizeClass:W,inputNumberTextWeightClass:j,shapeClass:k,sizeClass:X,widthClass:q}=T;return"native"===b?e("input",{id:String(l),type:"number",min:v,max:f,step:x,value:h,onChange:e=>F({event:e,mode:"input"})}):r("div",{id:String(l),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-testid":m+"Wrapper","data-tour":p,children:[e(a,{className:"input-number__icon",icon:M,iconFill:Q,iconFillHover:P,iconFillIcon:I,iconShape:w,iconSize:B,onClick:()=>F({operation:"minus"})}),e("input",{className:i(L&&`text-color_${L}`,W&&`text_size_${W}`,j&&`text-weight_${j}`),type:"number",min:v,max:f,"data-testid":m||(y?`${y}-input-number`:"input-number"),step:x,value:h,onChange:e=>F({event:e,mode:"input"})}),e(a,{className:"input-number__icon",icon:$,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 o,useMemo as a,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_D7LYOijE.js";import{a as n}from"../default_es_CsYL84NN.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"}},p={errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"errorItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},errorSecondary:{fill:"errorSecondary",borderColor:"errorBorderTertiary",iconFill:"errorItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"errorTextSecondary"}},S={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:"warningItemSecondary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"warningItemSecondary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...p,...d,...{successPrimary:{fill:"successTertiary",borderColor:"successBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"successItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},successSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"successItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},x={appearance:S,setAppearance:e=>{x.appearance=e}};function h(n){const{id:d,appearance:u,className:p,dataTestId:S,dataTour:h,name:y,placeholder:w,value:f,isDisabled:m,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}=n,[v,z]=o(!1),_=a(()=>v?"text":"password",[v]),H=l(e=>{e?.preventDefault(),z(e=>!e)},[]),R=t(u,x,m),Q=c(n,R),{fillClass:g,fillHoverClass:F,borderColorClass:I,borderColorHoverClass:$,borderWidthClass:B,textColorClass:P,textSizeClass:X,textWeightClass:L,caretClass:D,iconFill:N,iconFillHover:j,iconRevealableHide:M,iconRevealableShow:W,iconShape:k,iconSize:q,imageRevealableHide:K,imageRevealableShow:A,placeholderTextColorClass:E,shapeClass:G,sizeClass:J,widthClass:O}=Q;return e("div",{className:"input-password","data-testid":S+"Wrapper",children:[r("input",{id:String(d),className:i(p,"input-password__input",(X||P||L)&&"text",I&&`border-color_${I}`,$&&`border-color_hover_${$}`,B&&`border-width_${B}`,D&&`caret-color_${D}`,g&&`fill_${g}`,F&&`fill_hover_${F}`,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}`,L&&`text-weight_${L}`,O&&`width_${O}`),type:_,"data-testid":S||(y?`${y}-input-password`:"input-password"),"data-tour":h,"date-testid":S,disabled:m,placeholder:w,value:f,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}),r(s,{className:"input-password__icon",size:q,iconFill:N,iconFillHover:j,imageSrc:v?K:A,shape:k,SvgImage:v?M:W,onClick:H})]})}export{h as InputPassword,S as inputPasswordAppearance,x as inputPasswordConfig};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o,useMemo as a,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_C4dQ1kEP.js";import{a as n}from"../default_es_CsYL84NN.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"}},p={errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"errorItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},errorSecondary:{fill:"errorSecondary",borderColor:"errorBorderTertiary",iconFill:"errorItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"errorTextSecondary"}},S={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:"warningItemSecondary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"warningItemSecondary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...p,...d,...{successPrimary:{fill:"successTertiary",borderColor:"successBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"successItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},successSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"successItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},x={appearance:S,setAppearance:e=>{x.appearance=e}};function h(n){const{id:d,appearance:u,className:p,dataTestId:S,dataTour:h,name:y,placeholder:w,value:f,isDisabled:m,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}=n,[v,z]=o(!1),_=a(()=>v?"text":"password",[v]),H=l(e=>{e?.preventDefault(),z(e=>!e)},[]),R=t(u,x,m),Q=c(n,R),{fillClass:g,fillHoverClass:F,borderColorClass:I,borderColorHoverClass:$,borderWidthClass:B,textColorClass:P,textSizeClass:X,textWeightClass:L,caretClass:D,iconFill:N,iconFillHover:j,iconRevealableHide:M,iconRevealableShow:W,iconShape:k,iconSize:q,imageRevealableHide:K,imageRevealableShow:A,placeholderTextColorClass:E,shapeClass:G,sizeClass:J,widthClass:O}=Q;return e("div",{className:"input-password","data-testid":S+"Wrapper",children:[r("input",{id:String(d),className:i(p,"input-password__input",(X||P||L)&&"text",I&&`border-color_${I}`,$&&`border-color_hover_${$}`,B&&`border-width_${B}`,D&&`caret-color_${D}`,g&&`fill_${g}`,F&&`fill_hover_${F}`,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}`,L&&`text-weight_${L}`,O&&`width_${O}`),type:_,"data-testid":S||(y?`${y}-input-password`:"input-password"),"data-tour":h,"date-testid":S,disabled:m,placeholder:w,value:f,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}),r(s,{className:"input-password__icon",size:q,iconFill:N,iconFillHover:j,imageSrc:v?K:A,shape:k,SvgImage:v?M:W,onClick:H})]})}export{h as InputPassword,S as inputPasswordAppearance,x as inputPasswordConfig};
@@ -1 +1 @@
1
- export{L as Label,l as labelAppearance,a as labelConfig}from"../Label_es_ChMUKpnM.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_D7LYOijE.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
1
+ export{L as Label,l as labelAppearance,a as labelConfig}from"../Label_es_Co8vZyTp.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
@@ -1 +1 @@
1
- export{d as Link,L as LinkWrapper,l as linkAppearance,g as linkConfig}from"../primitives_es_D7LYOijE.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
+ export{d as Link,L as LinkWrapper,l as linkAppearance,g as linkConfig}from"../primitives_es_C4dQ1kEP.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 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{d as s}from"../primitives_es_D7LYOijE.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
+ 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{d as s}from"../primitives_es_C4dQ1kEP.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"../Loader_es_CdWc_Prk.js";import"react/jsx-runtime";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_D7LYOijE.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
1
+ export{L as Loader,l as loaderAppearance,a as loaderConfig}from"../Loader_es_DLwXAfhK.js";import"react/jsx-runtime";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
@@ -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"../primitives_es_D7LYOijE.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
+ 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_C4dQ1kEP.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,I as n,T as s,e as f}from"../primitives_es_D7LYOijE.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};
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,I as n,T as s,e as f}from"../primitives_es_C4dQ1kEP.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};
@@ -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{a as p,e as u,f as _}from"../default_es_CsYL84NN.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{a as I,I as C}from"../primitives_es_D7LYOijE.js";import{O as y}from"../Overlay_es_RVGuxGY4.js";import{L as b}from"../Loader_es_CdWc_Prk.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const g={surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",closeIconAppearance:"surfacePrimary size12_12 ghost circular"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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}}},S={appearance:g,setAppearance:e=>{S.appearance=e}},x=r.forwardRef(function(u,_){const{id:b,appearance:g,className:x,dataTestId:T,dataTour:A,title:L,absoluteHeader:O=!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=x;k||(e=d(x,"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,x,$,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,S,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:Se,closeIconShape:xe,closeIconSize:Te}=le,{styles:Ae}=z(u);return G&&m.createPortal(K?e(r.Fragment,{children:[e("div",{id:b,className:d("modal__content",O&&"modal__content-absolute-header",!L&&!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,(L||j)&&e("div",{className:d("modal__header",ae&&`fill_${ae}`),children:[L&&o(I,{width:me,flex:"1",size:ne,textColor:ie,textColorHover:se,textTruncate:ce,textWeight:de,textWrap:pe,children:L}),j&&o("div",{className:"modal__close",onClick:oe,children:o(C,{appearance:v(ye,be),fillSize:ge,iconSize:Te,shape:xe,SvgImage:Se??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{x as Modal,T as ModalLoader,g as modalAppearance,S as modalConfig};
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,e as u,f as _}from"../default_es_CsYL84NN.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{a as I,I as C}from"../primitives_es_C4dQ1kEP.js";import{O as y}from"../Overlay_es_RVGuxGY4.js";import{L as b}from"../Loader_es_DLwXAfhK.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const g={surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",closeIconAppearance:"surfacePrimary size12_12 ghost circular"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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}}},S={appearance:g,setAppearance:e=>{S.appearance=e}},x=r.forwardRef(function(u,_){const{id:b,appearance:g,className:x,dataTestId:T,dataTour:A,title:L,absoluteHeader:O=!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=x;k||(e=d(x,"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,x,$,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,S,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:Se,closeIconShape:xe,closeIconSize:Te}=le,{styles:Ae}=z(u);return G&&m.createPortal(K?e(r.Fragment,{children:[e("div",{id:b,className:d("modal__content",O&&"modal__content-absolute-header",!L&&!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,(L||j)&&e("div",{className:d("modal__header",ae&&`fill_${ae}`),children:[L&&o(I,{width:me,flex:"1",size:ne,textColor:ie,textColorHover:se,textTruncate:ce,textWeight:de,textWrap:pe,children:L}),j&&o("div",{className:"modal__close",onClick:oe,children:o(C,{appearance:v(ye,be),fillSize:ge,iconSize:Te,shape:xe,SvgImage:Se??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{x as Modal,T as ModalLoader,g as modalAppearance,S 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{a as d}from"../primitives_es_D7LYOijE.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
+ 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{a as d}from"../primitives_es_C4dQ1kEP.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"../Button_es_DvzjOfyQ.js";import{T as l,I as n}from"../primitives_es_D7LYOijE.js";import{L as d}from"../Loader_es_CdWc_Prk.js";import{a as m}from"../default_es_CsYL84NN.js";import{useNotifications as p,useNotificationsAPI as u}from"@itcase/ui-core/context";import"react";import"axios";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 size12_12 ghost circular"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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:"errorPrimary size12_12 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:"infoPrimary size12_12 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 size12_12 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:"warningPrimary size12_12 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:_="float",title:C,text:z,before:T,after:A,isSkeleton:S,isLoading:I,onClickButton:h,onClickClose:b}=m,g=i(u,y),L=a(m,g),{fillClass:v,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}=L,{styles:W}=t(m);return e("div",{className:o("notification__item",`notification__item_${_}`,O&&`width_${O}`,j&&`elevation_${j}`,v&&`fill_${v}`,K&&`notification__item_size_${K}`,_&&`notification__item_type_${_}`,w&&`fill_${w}`,S&&"skeleton",J&&`shape_${J}`),"data-testid":x,"data-tour":P,style:W,children:[T,e("div",{className:o(f,"notification__item-wrapper"),children:[C&&r(l,{className:"notification__item-title",size:X,textColor:N,children:C}),z&&r(l,{className:"notification__item-text",size:B,textColor:k,children:z}),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
+ 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_l1l4XH3Z.js";import{T as l,I as n}from"../primitives_es_C4dQ1kEP.js";import{L as d}from"../Loader_es_DLwXAfhK.js";import{a as m}from"../default_es_CsYL84NN.js";import{useNotifications as p,useNotificationsAPI as u}from"@itcase/ui-core/context";import"react";import"axios";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 size12_12 ghost circular"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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:"errorPrimary size12_12 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:"infoPrimary size12_12 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 size12_12 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:"warningPrimary size12_12 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:_="float",title:C,text:z,before:T,after:A,isSkeleton:S,isLoading:I,onClickButton:h,onClickClose:b}=m,g=i(u,y),L=a(m,g),{fillClass:v,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}=L,{styles:W}=t(m);return e("div",{className:o("notification__item",`notification__item_${_}`,O&&`width_${O}`,j&&`elevation_${j}`,v&&`fill_${v}`,K&&`notification__item_size_${K}`,_&&`notification__item_type_${_}`,w&&`fill_${w}`,S&&"skeleton",J&&`shape_${J}`),"data-testid":x,"data-tour":P,style:W,children:[T,e("div",{className:o(f,"notification__item-wrapper"),children:[C&&r(l,{className:"notification__item-title",size:X,textColor:N,children:C}),z&&r(l,{className:"notification__item-text",size:B,textColor:k,children:z}),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,T as C,b as d,c as g}from"../primitives_es_D7LYOijE.js";import{b as I,i as v,a as x}from"../default_es_CsYL84NN.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:"roundedXL",pageCountDropdownShape:"roundedXL"},roundedL:{fillInputShape:"roundedL",pageCountDropdownShape:"roundedL"},roundedM:{fillInputShape:"roundedM",pageCountDropdownShape:"roundedM"},roundedS:{fillInputShape:"roundedS",pageCountDropdownShape:"roundedS"},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:L,onChangePage:H,onChangePerPageCount:k,onPageChange:N,onPerPageCountChange:$}=I,M=t(()=>N?(console.warn('@itcase/ui Pagination warning: "onPageChange" is deprecated, use "onChangePage" instead.'),N):H,[H,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),X=t(()=>F?z?.reverse():z,[F,z]),E=n(()=>{W(e=>!e)},[]),O=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:Le,pageCountDropdownItemLabelAlign:He,pageCountDropdownItemLabelColor:ke,pageCountDropdownItemLabelColorActive:Ne,pageCountDropdownItemLabelColorActiveHover:$e,pageCountDropdownItemLabelColorHover:Me,pageCountDropdownItemLabelSize:Re,pageCountDropdownItemLabelWrap:je,pageCountDropdownItemShowDivider:We,pageCountDropdownItemSize:Be,pageCountDropdownItemWidth:Ge,pageCountDropdownShape:Xe,pageCountInputIcon:Ee,pageCountInputIconColor:Oe,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:L&&(()=>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:E,children:[o(C,{size:Ke,textColor:Je,children:B}),o(m,{fillSize:Qe,iconFill:Oe,imageSrc:qe,SvgImage:Ee}),o(d,{className:"pagination__dropdown",alignment:we,fill:ze,fillHover:he,elevation:be,shape:Xe,isOpen:j,setIsOpen:W,children:X.map((e,t)=>o(g,B===e?{width:Ge,size:Be,fill:Te,fillActive:Ae,fillActiveHover:Fe,fillHover:Le,label:e.toString(),labelTextAlign:He,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=>O(o,e)}:{width:Ge,size:Be,fill:Te,fillHover:Le,label:e.toString(),labelTextAlign:He,labelTextColor:ke,labelTextColorHover:Me,labelTextSize:Re,labelTextWrap:je,dividerDirection:b,dividerFill:Pe,dividerSize:ye,showDivider:t<z.length-1&&We,isActive:!1,onClick:o=>O(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,T as C,b as d,c as g}from"../primitives_es_C4dQ1kEP.js";import{b as I,i as v,a as x}from"../default_es_CsYL84NN.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:"roundedXL",pageCountDropdownShape:"roundedXL"},roundedL:{fillInputShape:"roundedL",pageCountDropdownShape:"roundedL"},roundedM:{fillInputShape:"roundedM",pageCountDropdownShape:"roundedM"},roundedS:{fillInputShape:"roundedS",pageCountDropdownShape:"roundedS"},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:L,onChangePage:H,onChangePerPageCount:k,onPageChange:N,onPerPageCountChange:$}=I,M=t(()=>N?(console.warn('@itcase/ui Pagination warning: "onPageChange" is deprecated, use "onChangePage" instead.'),N):H,[H,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),X=t(()=>F?z?.reverse():z,[F,z]),E=n(()=>{W(e=>!e)},[]),O=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:Le,pageCountDropdownItemLabelAlign:He,pageCountDropdownItemLabelColor:ke,pageCountDropdownItemLabelColorActive:Ne,pageCountDropdownItemLabelColorActiveHover:$e,pageCountDropdownItemLabelColorHover:Me,pageCountDropdownItemLabelSize:Re,pageCountDropdownItemLabelWrap:je,pageCountDropdownItemShowDivider:We,pageCountDropdownItemSize:Be,pageCountDropdownItemWidth:Ge,pageCountDropdownShape:Xe,pageCountInputIcon:Ee,pageCountInputIconColor:Oe,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:L&&(()=>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:E,children:[o(C,{size:Ke,textColor:Je,children:B}),o(m,{fillSize:Qe,iconFill:Oe,imageSrc:qe,SvgImage:Ee}),o(d,{className:"pagination__dropdown",alignment:we,fill:ze,fillHover:he,elevation:be,shape:Xe,isOpen:j,setIsOpen:W,children:X.map((e,t)=>o(g,B===e?{width:Ge,size:Be,fill:Te,fillActive:Ae,fillActiveHover:Fe,fillHover:Le,label:e.toString(),labelTextAlign:He,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=>O(o,e)}:{width:Ge,size:Be,fill:Te,fillHover:Le,label:e.toString(),labelTextAlign:He,labelTextColor:ke,labelTextColorHover:Me,labelTextSize:Re,labelTextWrap:je,dividerDirection:b,dividerFill:Pe,dividerSize:ye,showDivider:t<z.length-1&&We,isActive:!1,onClick:o=>O(o,e)},e))})]})]})]})}export{f as Pagination,_ as paginationAppearance,D as paginationConfig};
@@ -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{T as l}from"../primitives_es_D7LYOijE.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",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},defaultQuaternary:{fill:"surfaceQuaternary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceQuaternary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},defaultSecondary:{fill:"surfaceSecondary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceSecondary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},defaultTertiary:{fill:"surfaceTertiary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceTertiary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},errorPrimary:{fill:"errorTertiary",fillCheckmark:"errorPrimary",fillRadio:"errorTertiary",fillRadioActive:"errorQuaternary",fillRadioActiveHover:"errorActiveHoverPrimary",fillRadioHover:"errorHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"errorBorderQuaternary",borderRadioColor:"errorBorderQuaternary",borderRadioColorActive:"errorBorderActiveQuaternary",borderRadioColorActiveHover:"errorBorderPrimary",borderRadioColorHover:"errorBorderHoverPrimary"},successPrimary:{fill:"successPrimary",fillCheckmark:"accentSecondary",fillRadio:"surfaceTertiary",fillRadioActive:"successPrimary",fillRadioActiveHover:"successQuaternary",fillRadioHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"accentBorderSecondary",borderRadioColor:"successBorderSecondary",borderRadioColorActive:"successBorderSecondary",borderRadioColorActiveHover:"successBorderPrimary",borderRadioColorHover:"surfaceBorderQuaternary"},requirePrimary:{fill:"warningTertiary",fillCheckmark:"warningPrimary",fillRadio:"warningTertiary",fillRadioActive:"warningPrimary",fillRadioActiveHover:"warningActiveHoverPrimary",fillRadioHover:"warningHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"warningBorderSecondary",borderRadioColor:"warningBorderSecondary",borderRadioColorActive:"warningBorderSecondary",borderRadioColorActiveHover:"warningBorderPrimary",borderRadioColorHover:"warningBorderHoverPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceSecondary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverTertiary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"disabledTextSecondary",descTextColor:"disabledTextSecondary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderPrimary",borderRadioColorHover:"surfaceBorderHoverPrimary"},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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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"}},c={appearance:d,setAppearance:r=>{c.appearance=r}};function t(d){const{id:t,appearance:s,className:u,dataTestId:n,dataTour:f,label:v,desc:y,checked:C,tag:b="label",value:R,isActive:m,isDisabled:T,isSkeleton:H,onChange:x}=d,A=a(s,c,T),Q=i(d,A),{fillCheckmarkClass:h,fillClass:_,fillHoverClass:B,fillRadioActiveClass:p,fillRadioActiveHoverClass:P,fillRadioClass:S,fillRadioHoverClass:k,labelTextColor:g,labelTextSize:z,labelTextWeight:$,descTextColor:w,descTextSize:N,descTextWeight:X,borderRadioColorActiveClass:L,borderRadioColorActiveHoverClass:W,borderRadioColorClass:M,borderRadioColorHoverClass:j,shapeClass:q,sizeClass:D}=Q;return r(b,{className:o(u,"radio",_&&`fill_${_}`,B&&`fill_${B}`,H&&"skeleton",D&&`radio_size_${D}`,C&&m?p&&`radio_fill_active_${p}`:S&&`radio_fill_${S}`,C&&m?P&&`radio_fill_active_hover_${P}`:k&&`radio_fill_hover_${k}`,C&&m?L&&`radio_border-color_active_${L}`:M&&`radio_border-color_${M}`,C&&m?W&&`radio_border-color_active_hover_${W}`:j&&`radio_border-color_hover_${j}`),"data-testid":n,"data-tour":f,htmlFor:t,children:[r("div",{className:o("radio__item"),children:[e("input",{id:String(t),className:"radio__input",type:"radio",checked:C,disabled:T,value:R,onChange:x}),e("div",{className:o("radio__state",q&&`shape_${q}`),children:" "}),e("div",{className:o("radio__state-checkmark",C&&h&&`fill_${h}`),children:" "})]}),v&&e(l,{className:"radio__label",size:z,textColor:g,textWeight:$,children:v}),y&&e(l,{className:"radio__desc",size:N,textColor:w,textWeight:X,children:y})]})}export{t as Radio,d as radioAppearance,c as radioConfig};
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{T as l}from"../primitives_es_C4dQ1kEP.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",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},defaultQuaternary:{fill:"surfaceQuaternary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceQuaternary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},defaultSecondary:{fill:"surfaceSecondary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceSecondary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},defaultTertiary:{fill:"surfaceTertiary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceTertiary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverQuaternary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},errorPrimary:{fill:"errorTertiary",fillCheckmark:"errorPrimary",fillRadio:"errorTertiary",fillRadioActive:"errorQuaternary",fillRadioActiveHover:"errorActiveHoverPrimary",fillRadioHover:"errorHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"errorBorderQuaternary",borderRadioColor:"errorBorderQuaternary",borderRadioColorActive:"errorBorderActiveQuaternary",borderRadioColorActiveHover:"errorBorderPrimary",borderRadioColorHover:"errorBorderHoverPrimary"},successPrimary:{fill:"successPrimary",fillCheckmark:"accentSecondary",fillRadio:"surfaceTertiary",fillRadioActive:"successPrimary",fillRadioActiveHover:"successQuaternary",fillRadioHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"accentBorderSecondary",borderRadioColor:"successBorderSecondary",borderRadioColorActive:"successBorderSecondary",borderRadioColorActiveHover:"successBorderPrimary",borderRadioColorHover:"surfaceBorderQuaternary"},requirePrimary:{fill:"warningTertiary",fillCheckmark:"warningPrimary",fillRadio:"warningTertiary",fillRadioActive:"warningPrimary",fillRadioActiveHover:"warningActiveHoverPrimary",fillRadioHover:"warningHoverTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"warningBorderSecondary",borderRadioColor:"warningBorderSecondary",borderRadioColorActive:"warningBorderSecondary",borderRadioColorActiveHover:"warningBorderPrimary",borderRadioColorHover:"warningBorderHoverPrimary"},disabledPrimary:{fill:"surfaceSecondary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceSecondary",fillRadioActive:"surfaceQuaternary",fillRadioActiveHover:"surfaceActiveHoverTertiary",fillRadioHover:"surfaceHoverTertiary",labelTextColor:"disabledTextSecondary",descTextColor:"disabledTextSecondary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderPrimary",borderRadioColorHover:"surfaceBorderHoverPrimary"},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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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"}},c={appearance:d,setAppearance:r=>{c.appearance=r}};function t(d){const{id:t,appearance:s,className:u,dataTestId:n,dataTour:f,label:v,desc:y,checked:C,tag:b="label",value:R,isActive:m,isDisabled:T,isSkeleton:H,onChange:x}=d,A=a(s,c,T),Q=i(d,A),{fillCheckmarkClass:h,fillClass:_,fillHoverClass:B,fillRadioActiveClass:p,fillRadioActiveHoverClass:P,fillRadioClass:S,fillRadioHoverClass:k,labelTextColor:g,labelTextSize:z,labelTextWeight:$,descTextColor:w,descTextSize:N,descTextWeight:X,borderRadioColorActiveClass:L,borderRadioColorActiveHoverClass:W,borderRadioColorClass:M,borderRadioColorHoverClass:j,shapeClass:q,sizeClass:D}=Q;return r(b,{className:o(u,"radio",_&&`fill_${_}`,B&&`fill_${B}`,H&&"skeleton",D&&`radio_size_${D}`,C&&m?p&&`radio_fill_active_${p}`:S&&`radio_fill_${S}`,C&&m?P&&`radio_fill_active_hover_${P}`:k&&`radio_fill_hover_${k}`,C&&m?L&&`radio_border-color_active_${L}`:M&&`radio_border-color_${M}`,C&&m?W&&`radio_border-color_active_hover_${W}`:j&&`radio_border-color_hover_${j}`),"data-testid":n,"data-tour":f,htmlFor:t,children:[r("div",{className:o("radio__item"),children:[e("input",{id:String(t),className:"radio__input",type:"radio",checked:C,disabled:T,value:R,onChange:x}),e("div",{className:o("radio__state",q&&`shape_${q}`),children:" "}),e("div",{className:o("radio__state-checkmark",C&&h&&`fill_${h}`),children:" "})]}),v&&e(l,{className:"radio__label",size:z,textColor:g,textWeight:$,children:v}),y&&e(l,{className:"radio__desc",size:N,textColor:w,textWeight:X,children:y})]})}export{t as Radio,d as radioAppearance,c 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 o}from"react";import i from"clsx";import{urlWithAssetPrefix as n}from"@itcase/ui-core/hoc";import{useAppearanceConfig as s,useDevicePropsGenerator as l,useStyles as c}from"@itcase/ui-core/hooks";import{B as d}from"../Button_es_DvzjOfyQ.js";import{G as u}from"../Group_es_DIuSNHx3.js";import{T as p}from"../primitives_es_D7LYOijE.js";import"@itcase/ui-core/utils";import"../Loader_es_CdWc_Prk.js";import"axios";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 rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},y={danger:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Danger),primaryButtonAppearance:"dangerPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"dangerPrimary",svgPathFill:"dangerPrimary"}},f={empty:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Empty),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},g={error:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Error),primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"errorPrimary",svgPathFill:"errorPrimary"}},B={fail:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Fail),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},x={nothingFound:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.NothingFound),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},S={refresh:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Refresh),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},X={success:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Success),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"accentPrimary",svgPathFill:"accentPrimary"}},T={...m,...f,...y,...S,...{unableLoadData:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.UnableLoadData),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},...x,...B,...g,...X,...{warning:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Warning),primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",svgFill:"warningPrimary",svgPathFill:"warningPrimary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},h={appearance:T,setAppearance:e=>{h.appearance=e}},z=n(t(function(e,t){const{appearance:n,className:m,dataTestId:y,dataTour:f,width:g,height:B,title:x,desc:S,primaryButton:X,secondaryButton:T,showPrimaryButton:z=!0,showSecondaryButton:L=!0,before:P,after:b,isSkeleton:_,isBottomButton:A,onClickPrimaryButton:v,onClickSecondaryButton:C}=e,F=s(n,h),w=l(e,F),{fillClass:$,fillHoverClass:N,titleTextColor:D,titleTextSize:k,titleTextWeight:W,descTextColor:I,descTextSize:j,descTextWeight:H,borderColorClass:Q,borderColorHoverClass:U,borderTypeClass:E,borderWidthClass:G,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:oe,secondaryButtonAppearance:ie,secondaryButtonBefore:ne,secondaryButtonFill:se,secondaryButtonFillHover:le,secondaryButtonLabel:ce,secondaryButtonLabelTextColor:de,secondaryButtonLabelTextSize:ue,secondaryButtonShape:pe,secondaryButtonSize:me,secondaryButtonWidth:ye,shapeClass:fe,svgFillClass:ge,SvgImage:Be,svgPathFillClass:xe,svgSrc:Se,widthClass:Xe}=w,Te=o(()=>{const e=q||Se,a=Be;if(a){const e={};return g&&(e.width=g),B&&(e.height=B),r(a,{...e})}return e?r("img",{src:e}):null},[q,Se,Be,g,B]),{styles:he,wrapper:ze}=c(e);return a("div",{className:i(m,"response",A&&"response_bottom-button",Q&&`border-color_${Q}`,U&&`border-color_hover_${U}`,E&&`border_type_${E}`,G&&`border-width_${G}`,$&&`fill_${$}`,N&&`fill_hover_${N}`,R&&`height_${R}`,fe&&`shape_${fe}`,Xe&&`width_${Xe}`,_&&"skeleton"),ref:t,"data-testid":y,"data-tour":f,style:he,children:[P,a("div",{className:"response__wrapper",style:ze,children:[Te&&r("div",{className:i("response__image",ge&&`svg_fill_${ge}`,xe&&`svg_path_fill_${xe}`),"data-testid":y&&`${y}Image`,children:Te}),a("div",{className:"response__wrapper-inner",children:[x&&r(p,{className:"response__title",dataTestId:y&&`${y}Title`,size:k,textColor:D,textWeight:W,children:x}),S&&r(p,{className:"response__desc",dataTestId:y&&`${y}Desc`,size:j,textColor:I,textWeight:H,children:S})]})]}),(Y||X||ce||T||F)&&a(u,{className:"response__button",width:"fill",children:[Y&&z?r(d,{appearance:K,className:"response__button-item",dataTestId:y&&`${y}PrimaryButton`,width:te||"fill",size:ae,fill:O,fillHover:V,label:Y,labelTextColor:Z,labelTextSize:ee,shape:re,before:M,after:J,onClick:v}):X,ce&&L?r(d,{appearance:ie,className:"response__button-item",dataTestId:y&&`${y}SecondaryButton`,width:ye||"fill",size:me,fill:se,fillHover:le,label:ce,labelTextColor:de,labelTextSize:ue,shape:pe,before:ne,after:oe,onClick:C}):T]}),b]})})),L={error:{appearance:"error ghost rounded",title:"Ошибка",desc:"Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com",primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorAccessDenied:{appearance:"unableLoadData ghost rounded",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 rounded",title:"Ошибка соединения",desc:"Не удалось подключиться. Проверьте интернет-соединение и повторите попытку",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Обновить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},fail:{appearance:"fail ghost rounded",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},nothingFound:{appearance:"nothingFound",title:"Ничего не найдено",desc:"Нет данных по заданным параметрам",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Сбросить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},confirm:{appearance:"confirm",title:"Вы уверены?",primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",primaryButtonLabel:"Да",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},empty:{appearance:"empty ghost rounded",title:"Список пуст",desc:"Нет данных по заданным параметрам",code:"200",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},success:{appearance:"success ghost rounded",title:"Готово",desc:"Операция успешно выполнена",code:"200",primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК"},warning:{appearance:"warning ghost rounded",title:"Внимание",primaryButtonAppearance:"warningPrimary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"}};export{L as RESPONSE_MESSAGES,z as Response,T as responseAppearance,h as responseConfig,e as responseIcon};
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 o}from"react";import i from"clsx";import{urlWithAssetPrefix as n}from"@itcase/ui-core/hoc";import{useAppearanceConfig as s,useDevicePropsGenerator as l,useStyles as c}from"@itcase/ui-core/hooks";import{B as d}from"../Button_es_l1l4XH3Z.js";import{G as u}from"../Group_es_DIuSNHx3.js";import{T as p}from"../primitives_es_C4dQ1kEP.js";import"@itcase/ui-core/utils";import"../Loader_es_DLwXAfhK.js";import"axios";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 rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},y={danger:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Danger),primaryButtonAppearance:"dangerPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"dangerPrimary",svgPathFill:"dangerPrimary"}},f={empty:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Empty),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},g={error:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Error),primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"errorPrimary",svgPathFill:"errorPrimary"}},B={fail:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Fail),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},x={nothingFound:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.NothingFound),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},S={refresh:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Refresh),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},X={success:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Success),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"accentPrimary",svgPathFill:"accentPrimary"}},T={...m,...f,...y,...S,...{unableLoadData:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.UnableLoadData),primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},...x,...B,...g,...X,...{warning:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Warning),primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",svgFill:"warningPrimary",svgPathFill:"warningPrimary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},h={appearance:T,setAppearance:e=>{h.appearance=e}},z=n(t(function(e,t){const{appearance:n,className:m,dataTestId:y,dataTour:f,width:g,height:B,title:x,desc:S,primaryButton:X,secondaryButton:T,showPrimaryButton:z=!0,showSecondaryButton:L=!0,before:P,after:b,isSkeleton:_,isBottomButton:A,onClickPrimaryButton:v,onClickSecondaryButton:C}=e,F=s(n,h),w=l(e,F),{fillClass:$,fillHoverClass:N,titleTextColor:D,titleTextSize:k,titleTextWeight:W,descTextColor:I,descTextSize:j,descTextWeight:H,borderColorClass:Q,borderColorHoverClass:U,borderTypeClass:E,borderWidthClass:G,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:oe,secondaryButtonAppearance:ie,secondaryButtonBefore:ne,secondaryButtonFill:se,secondaryButtonFillHover:le,secondaryButtonLabel:ce,secondaryButtonLabelTextColor:de,secondaryButtonLabelTextSize:ue,secondaryButtonShape:pe,secondaryButtonSize:me,secondaryButtonWidth:ye,shapeClass:fe,svgFillClass:ge,SvgImage:Be,svgPathFillClass:xe,svgSrc:Se,widthClass:Xe}=w,Te=o(()=>{const e=q||Se,a=Be;if(a){const e={};return g&&(e.width=g),B&&(e.height=B),r(a,{...e})}return e?r("img",{src:e}):null},[q,Se,Be,g,B]),{styles:he,wrapper:ze}=c(e);return a("div",{className:i(m,"response",A&&"response_bottom-button",Q&&`border-color_${Q}`,U&&`border-color_hover_${U}`,E&&`border_type_${E}`,G&&`border-width_${G}`,$&&`fill_${$}`,N&&`fill_hover_${N}`,R&&`height_${R}`,fe&&`shape_${fe}`,Xe&&`width_${Xe}`,_&&"skeleton"),ref:t,"data-testid":y,"data-tour":f,style:he,children:[P,a("div",{className:"response__wrapper",style:ze,children:[Te&&r("div",{className:i("response__image",ge&&`svg_fill_${ge}`,xe&&`svg_path_fill_${xe}`),"data-testid":y&&`${y}Image`,children:Te}),a("div",{className:"response__wrapper-inner",children:[x&&r(p,{className:"response__title",dataTestId:y&&`${y}Title`,size:k,textColor:D,textWeight:W,children:x}),S&&r(p,{className:"response__desc",dataTestId:y&&`${y}Desc`,size:j,textColor:I,textWeight:H,children:S})]})]}),(Y||X||ce||T||F)&&a(u,{className:"response__button",width:"fill",children:[Y&&z?r(d,{appearance:K,className:"response__button-item",dataTestId:y&&`${y}PrimaryButton`,width:te||"fill",size:ae,fill:O,fillHover:V,label:Y,labelTextColor:Z,labelTextSize:ee,shape:re,before:M,after:J,onClick:v}):X,ce&&L?r(d,{appearance:ie,className:"response__button-item",dataTestId:y&&`${y}SecondaryButton`,width:ye||"fill",size:me,fill:se,fillHover:le,label:ce,labelTextColor:de,labelTextSize:ue,shape:pe,before:ne,after:oe,onClick:C}):T]}),b]})})),L={error:{appearance:"error ghost rounded",title:"Ошибка",desc:"Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com",primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorAccessDenied:{appearance:"unableLoadData ghost rounded",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 rounded",title:"Ошибка соединения",desc:"Не удалось подключиться. Проверьте интернет-соединение и повторите попытку",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Обновить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},fail:{appearance:"fail ghost rounded",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},nothingFound:{appearance:"nothingFound",title:"Ничего не найдено",desc:"Нет данных по заданным параметрам",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Сбросить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},confirm:{appearance:"confirm",title:"Вы уверены?",primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",primaryButtonLabel:"Да",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},empty:{appearance:"empty ghost rounded",title:"Список пуст",desc:"Нет данных по заданным параметрам",code:"200",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},success:{appearance:"success ghost rounded",title:"Готово",desc:"Операция успешно выполнена",code:"200",primaryButtonAppearance:"accentPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК"},warning:{appearance:"warning ghost rounded",title:"Внимание",primaryButtonAppearance:"warningPrimary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"}};export{L as RESPONSE_MESSAGES,z as Response,T as responseAppearance,h as responseConfig,e as responseIcon};
@@ -1 +1 @@
1
- import{i as e,a as r}from"../default_es_CsYL84NN.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,T as u}from"../primitives_es_D7LYOijE.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",fillHover:"surfaceTertiary",borderColor:"surfaceBorderQuaternary",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},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,isRequired:z,onClickClean:v,onChange:B,onFocus:F,onKeyDown:g}=e,I=i(e=>{B&&B(e.target.value)},[B]),A=i(e=>{e?.stopPropagation(),B&&B(""),v&&v()},[B,v]),H=c(l,m,_),Q=s(e,H),{size:$,fillClass:w,fillHoverClass:P,borderColorClass:N,borderColorHoverClass:D,borderTypeClass:L,borderWidthClass:X,iconAfter:k,iconAfterFill:j,iconAfterSize:R,iconAfterSrc:W,iconBefore:q,iconBeforeFill:E,iconBeforeSize:M,iconBeforeSrc:K,iconClear:U,iconClearFill:G,iconClearSize:J,iconClearSrc:O,inputFillClass:V,inputTextColorClass:Y,inputTextSizeClass:Z,inputTextStyleClass:ee,inputTextWeightClass:re,placeholderTextColor:oe,placeholderTextSize:ae,placeholderTextStyle:le,placeholderTextWeight:ie,shapeClass:te,widthClass:ce}=Q,{styles:se}=n(e);return o("label",{className:t(f,"search-input",te&&`shape_${te}`,w&&`fill_${w}`,P&&`fill_hover_${P}`,ce&&`width_${ce}`,N&&`border-color_${N}`,D&&`border-color_hover_${D}`,X&&`border-width_${X}`,L&&`border_type_${L}`,$&&`search-input_size_${$}`,b&&"skeleton"),"data-testid":p,"data-tour":C,style:se,children:[S,(q||K)&&a(d,{className:"search-input__icon-before",size:M,iconFill:E,imageSrc:K,SvgImage:q}),o("div",{className:t("search-input__wrapper",V&&`fill_${V}`),children:[a("input",{className:t("search-input__value",(Z||re||Y||ee)&&"text",Z&&`text_size_${Z}`,re&&`text-weight_${re}`,Y&&`text-color_${Y}`,ee&&`text-style_${ee}`),type:"text",ref:r,disabled:_,required:z,value:y||"",onChange:I,onFocus:F,onKeyDown:g}),a("div",{className:"search-input__placeholder",children:a(u,{className:t("search-input__placeholder-value"),size:ae,textColor:oe,textStyle:le,textWeight:ie,children:h})}),y&&a(d,{className:t("search-input__clear","cursor_type_pointer",T&&`fill_${G}`),size:J,iconFill:G,imageSrc:O,SvgImage:U,onClick:A})]}),(k||W)&&a(d,{className:"search-input__icon-after",size:R,iconFill:j,imageSrc:W,SvgImage:k}),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
+ import{i as e,a as r}from"../default_es_CsYL84NN.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,T as u}from"../primitives_es_C4dQ1kEP.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",fillHover:"surfaceTertiary",borderColor:"surfaceBorderQuaternary",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},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,isRequired:z,onClickClean:v,onChange:B,onFocus:F,onKeyDown:g}=e,I=i(e=>{B&&B(e.target.value)},[B]),A=i(e=>{e?.stopPropagation(),B&&B(""),v&&v()},[B,v]),H=c(l,m,_),Q=s(e,H),{size:$,fillClass:w,fillHoverClass:P,borderColorClass:N,borderColorHoverClass:D,borderTypeClass:L,borderWidthClass:X,iconAfter:k,iconAfterFill:j,iconAfterSize:R,iconAfterSrc:W,iconBefore:q,iconBeforeFill:E,iconBeforeSize:M,iconBeforeSrc:K,iconClear:U,iconClearFill:G,iconClearSize:J,iconClearSrc:O,inputFillClass:V,inputTextColorClass:Y,inputTextSizeClass:Z,inputTextStyleClass:ee,inputTextWeightClass:re,placeholderTextColor:oe,placeholderTextSize:ae,placeholderTextStyle:le,placeholderTextWeight:ie,shapeClass:te,widthClass:ce}=Q,{styles:se}=n(e);return o("label",{className:t(f,"search-input",te&&`shape_${te}`,w&&`fill_${w}`,P&&`fill_hover_${P}`,ce&&`width_${ce}`,N&&`border-color_${N}`,D&&`border-color_hover_${D}`,X&&`border-width_${X}`,L&&`border_type_${L}`,$&&`search-input_size_${$}`,b&&"skeleton"),"data-testid":p,"data-tour":C,style:se,children:[S,(q||K)&&a(d,{className:"search-input__icon-before",size:M,iconFill:E,imageSrc:K,SvgImage:q}),o("div",{className:t("search-input__wrapper",V&&`fill_${V}`),children:[a("input",{className:t("search-input__value",(Z||re||Y||ee)&&"text",Z&&`text_size_${Z}`,re&&`text-weight_${re}`,Y&&`text-color_${Y}`,ee&&`text-style_${ee}`),type:"text",ref:r,disabled:_,required:z,value:y||"",onChange:I,onFocus:F,onKeyDown:g}),a("div",{className:"search-input__placeholder",children:a(u,{className:t("search-input__placeholder-value"),size:ae,textColor:oe,textStyle:le,textWeight:ie,children:h})}),y&&a(d,{className:t("search-input__clear","cursor_type_pointer",T&&`fill_${G}`),size:J,iconFill:G,imageSrc:O,SvgImage:U,onClick:A})]}),(k||W)&&a(d,{className:"search-input__icon-after",size:R,iconFill:j,imageSrc:W,SvgImage:k}),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,T as m}from"../primitives_es_D7LYOijE.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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},solid:{borderColor:"none"},outlined:{fill:"none",fillActive:"none"},full:{},ghost:{fill:"none",fillActive:"none",borderColor:"none"},errorPrimary:{fill:"errorTertiary",fillActive:"errorPrimary",fillHover:"errorHoverPrimary",labelTextActiveColor:"errorTextPrimary",labelTextColor:"errorTextSecondary",labelTextColorHover:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconFill:"errorItemSecondary",iconFillActive:"errorItemTertiary"},successPrimary:{fill:"successTertiary",fillActive:"successSecondary",fillActiveHover:"successSecondary",fillHover:"successSecondary",labelTextActiveColor:"successTextPrimary",labelTextActiveColorHover:"successTextPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextPrimary",borderColor:"successBorderSecondary",iconFill:"successItemSecondary",indicatorFill:"accentPrimary"},defaultPrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentPrimary",fillHover:"surfaceHoverSecondary",labelTextActiveColor:"accentTextPrimary",labelTextActiveColorHover:"accentTextPrimary",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:"warningPrimary",fillActiveHover:"warningPrimary",fillHover:"warningSecondary",labelTextActiveColor:"warningTextPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextSecondary",borderColor:"warningBorderSecondary",iconFill:"warningItemSecondary"}},u={appearance:v,setAppearance:e=>{u.appearance=e}},f=v=>{const{appearance:f,className:y,dataTestId:x,dataTour:b,name:_,activeSegment:T,segments:A,isDisabled:p,isSkeleton:C,setActiveSegment:g,onChange:S}=v,P=i(null),z=l(()=>new Map(A.map(e=>[e.value,t()])),[A]),h=o(e=>{S&&S(e.value,_),g&&g(e)},[_,S,g]);a(()=>{let e=0,r=0;const i=z.get(T.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`)},[T,z]);const F=s(f,u,p),H=n(v,F),{fillActiveClass:$,fillActiveHoverClass:w,fillClass:I,fillHoverClass:B,labelTextActiveColor:N,labelTextActiveColorHover:D,labelTextColor:Q,labelTextColorHover:L,labelTextSize:X,labelTextWrap:k,borderColorClass:M,borderTypeClass:W,borderWidthClass:j,iconFill:q,iconFillActive:O,iconFillDisabled:U,iconSize:Z,indicatorFillClass:E,shapeClass:G,sizeClass:J,widthClass:K}=H;return e("div",{className:c(y,"segmented",G&&`shape_${G}`,I&&`fill_${I}`,K&&`segmented_width_${K}`,J&&`segmented_size_${J}`,M&&`border-color_${M}`,j&&`border-width_${j}`,W&&`border_type_${W}`,C&&"skeleton"),ref:P,"data-testid":x,"data-tour":b,children:e("div",{className:"segmented__wrapper",children:r("div",{className:c("segmented__wrapper-inner"),children:[A?.map(i=>{const l=T.value===i.value;return e("div",{className:c("segmented__item",!i.label&&"segmented__item_icon",J&&`segmented__item_size_${J}`,l&&"segmented__item_active",!l&&p&&"segmented__item_state_disabled",l&&p&&"segmented__item_active_state_disabled",l?w&&`fill_active_hover_${w}`:B&&`fill_hover_${B}`,l&&$&&`fill_active_${$}`),ref:z.get(i.value),"data-testid":x?`${x}${String(i.value).replace(/(^|[_-])([a-zA-Z0-9])/g,(e,r,i)=>i.toUpperCase())}Option`:void 0,onClick:()=>!p&&h(i),children:r("div",{className:c("segmented__item-label",J&&`segmented_size_${J}`),children:[i.iconBefore||i.iconBeforeActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:O,iconFillDisabled:U,iconSize:Z,SvgImage:l&&i.iconBeforeActive||i.iconBefore,isActive:l,isDisabled:p}):null,i.label&&e(m,{size:X,textColor:Q,textColorActive:N,textColorActiveHover:D,textColorHover:L,textWrap:k,isActive:l,children:i.label}),i.icon||i.iconActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:O,iconFillDisabled:U,iconSize:Z,SvgImage:l&&i.iconActive||i.icon,isActive:l,isDisabled:p}):null,i.iconAfter||i.iconAfterActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:O,iconFillDisabled:U,iconSize:Z,SvgImage:l&&i.iconAfterActive||i.iconAfter,isActive:l,isDisabled:p}):null]})},`${_}-${i.value}`)}),e("div",{className:c("segmented__indicator",E&&`fill_${E}`)})]})})})};export{f as Segmented,v as segmentedAppearance,u as segmentedConfig};
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,T as m}from"../primitives_es_C4dQ1kEP.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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},solid:{borderColor:"none"},outlined:{fill:"none",fillActive:"none"},full:{},ghost:{fill:"none",fillActive:"none",borderColor:"none"},errorPrimary:{fill:"errorTertiary",fillActive:"errorPrimary",fillHover:"errorHoverPrimary",labelTextActiveColor:"errorTextPrimary",labelTextColor:"errorTextSecondary",labelTextColorHover:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconFill:"errorItemSecondary",iconFillActive:"errorItemTertiary"},successPrimary:{fill:"successTertiary",fillActive:"successSecondary",fillActiveHover:"successSecondary",fillHover:"successSecondary",labelTextActiveColor:"successTextPrimary",labelTextActiveColorHover:"successTextPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextPrimary",borderColor:"successBorderSecondary",iconFill:"successItemSecondary",indicatorFill:"accentPrimary"},defaultPrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentPrimary",fillHover:"surfaceHoverSecondary",labelTextActiveColor:"accentTextPrimary",labelTextActiveColorHover:"accentTextPrimary",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:"warningPrimary",fillActiveHover:"warningPrimary",fillHover:"warningSecondary",labelTextActiveColor:"warningTextPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextSecondary",borderColor:"warningBorderSecondary",iconFill:"warningItemSecondary"}},u={appearance:v,setAppearance:e=>{u.appearance=e}},f=v=>{const{appearance:f,className:y,dataTestId:x,dataTour:b,name:_,activeSegment:T,segments:A,isDisabled:p,isSkeleton:C,setActiveSegment:g,onChange:S}=v,P=i(null),z=l(()=>new Map(A.map(e=>[e.value,t()])),[A]),h=o(e=>{S&&S(e.value,_),g&&g(e)},[_,S,g]);a(()=>{let e=0,r=0;const i=z.get(T.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`)},[T,z]);const F=s(f,u,p),H=n(v,F),{fillActiveClass:$,fillActiveHoverClass:w,fillClass:I,fillHoverClass:B,labelTextActiveColor:N,labelTextActiveColorHover:D,labelTextColor:Q,labelTextColorHover:L,labelTextSize:X,labelTextWrap:k,borderColorClass:M,borderTypeClass:W,borderWidthClass:j,iconFill:q,iconFillActive:O,iconFillDisabled:U,iconSize:Z,indicatorFillClass:E,shapeClass:G,sizeClass:J,widthClass:K}=H;return e("div",{className:c(y,"segmented",G&&`shape_${G}`,I&&`fill_${I}`,K&&`segmented_width_${K}`,J&&`segmented_size_${J}`,M&&`border-color_${M}`,j&&`border-width_${j}`,W&&`border_type_${W}`,C&&"skeleton"),ref:P,"data-testid":x,"data-tour":b,children:e("div",{className:"segmented__wrapper",children:r("div",{className:c("segmented__wrapper-inner"),children:[A?.map(i=>{const l=T.value===i.value;return e("div",{className:c("segmented__item",!i.label&&"segmented__item_icon",J&&`segmented__item_size_${J}`,l&&"segmented__item_active",!l&&p&&"segmented__item_state_disabled",l&&p&&"segmented__item_active_state_disabled",l?w&&`fill_active_hover_${w}`:B&&`fill_hover_${B}`,l&&$&&`fill_active_${$}`),ref:z.get(i.value),"data-testid":x?`${x}${String(i.value).replace(/(^|[_-])([a-zA-Z0-9])/g,(e,r,i)=>i.toUpperCase())}Option`:void 0,onClick:()=>!p&&h(i),children:r("div",{className:c("segmented__item-label",J&&`segmented_size_${J}`),children:[i.iconBefore||i.iconBeforeActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:O,iconFillDisabled:U,iconSize:Z,SvgImage:l&&i.iconBeforeActive||i.iconBefore,isActive:l,isDisabled:p}):null,i.label&&e(m,{size:X,textColor:Q,textColorActive:N,textColorActiveHover:D,textColorHover:L,textWrap:k,isActive:l,children:i.label}),i.icon||i.iconActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:O,iconFillDisabled:U,iconSize:Z,SvgImage:l&&i.iconActive||i.icon,isActive:l,isDisabled:p}):null,i.iconAfter||i.iconAfterActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:O,iconFillDisabled:U,iconSize:Z,SvgImage:l&&i.iconAfterActive||i.iconAfter,isActive:l,isDisabled:p}):null]})},`${_}-${i.value}`)}),e("div",{className:c("segmented__indicator",E&&`fill_${E}`)})]})})})};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"../SelectContainer_es_B4IWlcz3.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_D7LYOijE.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"../default_es_CsYL84NN.js";import"../Loader_es_CdWc_Prk.js";
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_CXH64IO5.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_C4dQ1kEP.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"../default_es_CsYL84NN.js";import"../Loader_es_DLwXAfhK.js";
@@ -1 +1 @@
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_CsYL84NN.js";import{useDevicePropsGenerator as m,useStyles as u}from"@itcase/ui-core/hooks";import{G as w}from"../Group_es_DIuSNHx3.js";import{a as g,T as h,I as _}from"../primitives_es_D7LYOijE.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 rounded",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
+ 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_CsYL84NN.js";import{useDevicePropsGenerator as m,useStyles as u}from"@itcase/ui-core/hooks";import{G as w}from"../Group_es_DIuSNHx3.js";import{a as g,T as h,I as _}from"../primitives_es_C4dQ1kEP.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 rounded",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{T as a}from"../primitives_es_D7LYOijE.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("label",{className:l("switch",m,I&&`width_${I}`,u&&`switch_align_${u}`,P&&`switch_size_${P}`,v&&"switch_disabled",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};
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{T as a}from"../primitives_es_C4dQ1kEP.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("label",{className:l("switch",m,I&&`width_${I}`,u&&`switch_align_${u}`,P&&`switch_size_${P}`,v&&"switch_disabled",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};
@@ -1 +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_D7LYOijE.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};
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_C4dQ1kEP.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};
@@ -1 +1 @@
1
- export{T as Text,t as textAppearance,h as textConfig}from"../primitives_es_D7LYOijE.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
+ export{T as Text,t as textAppearance,h as textConfig}from"../primitives_es_C4dQ1kEP.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";