@itcase/ui-web 1.9.82 → 1.9.83

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 (286) hide show
  1. package/dist/Avatar_cjs_B7uiPPJz.js +1 -0
  2. package/dist/Avatar_es_sVVoRDHX.js +1 -0
  3. package/dist/Button_cjs_CKSxHfMM.js +1 -0
  4. package/dist/Button_es_byVASRY8.js +1 -0
  5. package/dist/{ChipsGroup_cjs_BlbEYAYF.js → ChipsGroup_cjs_BeOUW9Ph.js} +1 -1
  6. package/dist/{ChipsGroup_es_oBJDKTBL.js → ChipsGroup_es_CVn85hj2.js} +1 -1
  7. package/dist/{DatePicker_cjs_D96Oz7cl.js → DatePicker_cjs_YbxC7o6W.js} +1 -1
  8. package/dist/{DatePicker_es_DMePdexK.js → DatePicker_es_B_Ohymbm.js} +1 -1
  9. package/dist/Group_cjs_CiLUYKP7.js +1 -0
  10. package/dist/Group_es_DIuSNHx3.js +1 -0
  11. package/dist/Input_cjs_CgWxKHuR.js +1 -0
  12. package/dist/Input_es_BLo9TAve.js +1 -0
  13. package/dist/Label_cjs_NYoev96S.js +1 -0
  14. package/dist/Label_es_C-a522jk.js +1 -0
  15. package/dist/{Loader_cjs_CGugAIv_.js → Loader_cjs_BFLrUlMX.js} +1 -1
  16. package/dist/{Loader_es_DWZILN4t.js → Loader_es_pnhZ5s_O.js} +1 -1
  17. package/dist/SelectContainer_cjs_DfKmrpLN.js +1 -0
  18. package/dist/SelectContainer_es_DicmpT12.js +1 -0
  19. package/dist/cjs/components/Accordion.js +1 -1
  20. package/dist/cjs/components/Avatar.js +1 -1
  21. package/dist/cjs/components/AvatarStack.js +1 -1
  22. package/dist/cjs/components/Badge.js +1 -1
  23. package/dist/cjs/components/Breadcrumbs.js +1 -1
  24. package/dist/cjs/components/Button.js +1 -1
  25. package/dist/cjs/components/Cell.js +1 -1
  26. package/dist/cjs/components/Checkbox.js +1 -1
  27. package/dist/cjs/components/Checkmark.js +1 -1
  28. package/dist/cjs/components/Chips.js +1 -1
  29. package/dist/cjs/components/Choice.js +1 -1
  30. package/dist/cjs/components/Code.js +1 -1
  31. package/dist/cjs/components/CookiesWarning.js +1 -1
  32. package/dist/cjs/components/Dadata.js +1 -1
  33. package/dist/cjs/components/DatePeriod.js +1 -1
  34. package/dist/cjs/components/DatePicker.js +1 -1
  35. package/dist/cjs/components/Divider.js +1 -1
  36. package/dist/cjs/components/Drawer.js +1 -1
  37. package/dist/cjs/components/Dropdown.js +1 -1
  38. package/dist/cjs/components/Dropzone.js +1 -1
  39. package/dist/cjs/components/Group.js +1 -1
  40. package/dist/cjs/components/HeroTitle.js +1 -1
  41. package/dist/cjs/components/Icon.js +1 -1
  42. package/dist/cjs/components/Input.js +1 -1
  43. package/dist/cjs/components/InputNumber.js +1 -1
  44. package/dist/cjs/components/InputPassword.js +1 -1
  45. package/dist/cjs/components/Label.js +1 -1
  46. package/dist/cjs/components/Link.js +1 -1
  47. package/dist/cjs/components/List.js +1 -1
  48. package/dist/cjs/components/Loader.js +1 -1
  49. package/dist/cjs/components/Logo.js +1 -1
  50. package/dist/cjs/components/MenuItem.js +1 -1
  51. package/dist/cjs/components/Modal.js +1 -1
  52. package/dist/cjs/components/ModalSheetBottom.js +1 -1
  53. package/dist/cjs/components/Notification.js +1 -1
  54. package/dist/cjs/components/Pagination.js +1 -1
  55. package/dist/cjs/components/Radio.js +1 -1
  56. package/dist/cjs/components/Response.js +1 -1
  57. package/dist/cjs/components/Search.js +1 -1
  58. package/dist/cjs/components/Segmented.js +1 -1
  59. package/dist/cjs/components/Select.js +1 -1
  60. package/dist/cjs/components/Swiper.js +1 -1
  61. package/dist/cjs/components/Switch.js +1 -1
  62. package/dist/cjs/components/Tab.js +1 -1
  63. package/dist/cjs/components/Text.js +1 -1
  64. package/dist/cjs/components/Textarea.js +1 -1
  65. package/dist/cjs/components/Tile.js +1 -1
  66. package/dist/cjs/components/Title.js +1 -1
  67. package/dist/cjs/components/Tooltip.js +1 -1
  68. package/dist/cjs/components/Warning.js +1 -1
  69. package/dist/components/Accordion.js +1 -1
  70. package/dist/components/Avatar.js +1 -1
  71. package/dist/components/AvatarStack.js +1 -1
  72. package/dist/components/Badge.js +1 -1
  73. package/dist/components/Breadcrumbs.js +1 -1
  74. package/dist/components/Button.js +1 -1
  75. package/dist/components/Cell.js +1 -1
  76. package/dist/components/Checkbox.js +1 -1
  77. package/dist/components/Checkmark.js +1 -1
  78. package/dist/components/Chips.js +1 -1
  79. package/dist/components/Choice.js +1 -1
  80. package/dist/components/Code.js +1 -1
  81. package/dist/components/CookiesWarning.js +1 -1
  82. package/dist/components/Dadata.js +1 -1
  83. package/dist/components/DatePeriod.js +1 -1
  84. package/dist/components/DatePicker.js +1 -1
  85. package/dist/components/Divider.js +1 -1
  86. package/dist/components/Drawer.js +1 -1
  87. package/dist/components/Dropdown.js +1 -1
  88. package/dist/components/Dropzone.js +1 -1
  89. package/dist/components/Group.js +1 -1
  90. package/dist/components/HeroTitle.js +1 -1
  91. package/dist/components/Icon.js +1 -1
  92. package/dist/components/Input.js +1 -1
  93. package/dist/components/InputNumber.js +1 -1
  94. package/dist/components/InputPassword.js +1 -1
  95. package/dist/components/Label.js +1 -1
  96. package/dist/components/Link.js +1 -1
  97. package/dist/components/List.js +1 -1
  98. package/dist/components/Loader.js +1 -1
  99. package/dist/components/Logo.js +1 -1
  100. package/dist/components/MenuItem.js +1 -1
  101. package/dist/components/Modal.js +1 -1
  102. package/dist/components/ModalSheetBottom.js +1 -1
  103. package/dist/components/Notification.js +1 -1
  104. package/dist/components/Pagination.js +1 -1
  105. package/dist/components/Radio.js +1 -1
  106. package/dist/components/Response.js +1 -1
  107. package/dist/components/Search.js +1 -1
  108. package/dist/components/Segmented.js +1 -1
  109. package/dist/components/Select.js +1 -1
  110. package/dist/components/Swiper.js +1 -1
  111. package/dist/components/Switch.js +1 -1
  112. package/dist/components/Tab.js +1 -1
  113. package/dist/components/Text.js +1 -1
  114. package/dist/components/Textarea.js +1 -1
  115. package/dist/components/Tile.js +1 -1
  116. package/dist/components/Title.js +1 -1
  117. package/dist/components/Tooltip.js +1 -1
  118. package/dist/components/Warning.js +1 -1
  119. package/dist/css/styles/bundles.css +9 -2
  120. package/dist/primitives_cjs_C-jtJ9pL.js +1 -0
  121. package/dist/primitives_es_CJQjjxtH.js +1 -0
  122. package/dist/types/components/Accordion/Accordion.interface.d.ts +1 -3
  123. package/dist/types/components/Accordion/Accordion.js +2 -2
  124. package/dist/types/components/Accordion/AccordionItem.js +2 -2
  125. package/dist/types/components/Avatar/Avatar.interface.d.ts +1 -2
  126. package/dist/types/components/Avatar/Avatar.js +2 -2
  127. package/dist/types/components/Avatar/appearance/avatarShape.js +0 -4
  128. package/dist/types/components/Badge/Badge.interface.d.ts +1 -2
  129. package/dist/types/components/Badge/Badge.js +2 -2
  130. package/dist/types/components/Badge/appearance/badgeShape.js +0 -4
  131. package/dist/types/components/Button/Button.d.ts +0 -1
  132. package/dist/types/components/Button/Button.interface.d.ts +1 -2
  133. package/dist/types/components/Button/Button.js +2 -2
  134. package/dist/types/components/Button/__test__/ButtonTest.stories.d.ts +0 -1
  135. package/dist/types/components/Button/appearance/buttonShape.js +0 -4
  136. package/dist/types/components/Button/stories/ButtonDefault.stories.d.ts +0 -1
  137. package/dist/types/components/Button/stories/ButtonDemo.stories.d.ts +0 -1
  138. package/dist/types/components/Button/stories/ButtonIcon.stories.d.ts +0 -1
  139. package/dist/types/components/Button/stories/ButtonLabel.stories.d.ts +0 -1
  140. package/dist/types/components/Button/stories/ButtonLoading.stories.d.ts +0 -1
  141. package/dist/types/components/Button/stories/ButtonMuted.stories.d.ts +0 -1
  142. package/dist/types/components/Button/stories/ButtonMutedIcon.stories.d.ts +0 -1
  143. package/dist/types/components/Button/stories/ButtonShape.stories.d.ts +0 -1
  144. package/dist/types/components/Button/stories/ButtonSize.stories.d.ts +0 -1
  145. package/dist/types/components/Checkbox/Checkbox.interface.d.ts +1 -2
  146. package/dist/types/components/Checkbox/Checkbox.js +2 -2
  147. package/dist/types/components/Checkbox/appearance/checkboxShape.js +0 -1
  148. package/dist/types/components/Chips/Chips.interface.d.ts +1 -2
  149. package/dist/types/components/Chips/Chips.js +2 -2
  150. package/dist/types/components/Chips/appearance/chipsShape.js +0 -4
  151. package/dist/types/components/Choice/Choice.interface.d.ts +1 -2
  152. package/dist/types/components/Choice/Choice.js +3 -3
  153. package/dist/types/components/Choice/appearance/choiceShape.js +0 -4
  154. package/dist/types/components/Code/Code.interface.d.ts +1 -2
  155. package/dist/types/components/Code/Code.js +2 -2
  156. package/dist/types/components/Code/appearance/codeShape.js +0 -4
  157. package/dist/types/components/DatePeriod/DatePeriod.interface.d.ts +1 -2
  158. package/dist/types/components/DatePeriod/DatePeriod.js +2 -2
  159. package/dist/types/components/DatePeriod/appearance/datePeriodShape.js +0 -4
  160. package/dist/types/components/Divider/Divider.interface.d.ts +1 -2
  161. package/dist/types/components/Divider/Divider.js +2 -2
  162. package/dist/types/components/Dropdown/Dropdown.interface.d.ts +1 -3
  163. package/dist/types/components/Dropdown/Dropdown.js +2 -2
  164. package/dist/types/components/Dropdown/DropdownItem.js +2 -2
  165. package/dist/types/components/Dropdown/appearance/dropdownShape.js +0 -4
  166. package/dist/types/components/Dropzone/Dropzone.interface.d.ts +1 -2
  167. package/dist/types/components/Dropzone/appearance/dropzoneShape.js +0 -4
  168. package/dist/types/components/Group/Group.d.ts +0 -1
  169. package/dist/types/components/Group/Group.interface.d.ts +1 -2
  170. package/dist/types/components/Group/Group.js +2 -2
  171. package/dist/types/components/Group/stories/GroupAlignItems.stories.d.ts +0 -2
  172. package/dist/types/components/Group/stories/GroupAlignSelf.stories.d.ts +0 -2
  173. package/dist/types/components/Group/stories/GroupColumns.stories.d.ts +0 -2
  174. package/dist/types/components/Group/stories/GroupDirection.stories.d.ts +0 -2
  175. package/dist/types/components/Group/stories/GroupJustifyContent.stories.d.ts +0 -2
  176. package/dist/types/components/Group/stories/GroupWrap.stories.d.ts +0 -2
  177. package/dist/types/components/Icon/Icon.interface.d.ts +1 -2
  178. package/dist/types/components/Icon/Icon.js +2 -2
  179. package/dist/types/components/Icon/appearance/iconShape.js +0 -4
  180. package/dist/types/components/Input/Input.interface.d.ts +1 -2
  181. package/dist/types/components/Input/Input.js +2 -2
  182. package/dist/types/components/Input/appearance/inputShape.js +0 -4
  183. package/dist/types/components/InputNumber/InputNumber.interfaces.d.ts +1 -2
  184. package/dist/types/components/InputNumber/InputNumber.js +2 -2
  185. package/dist/types/components/InputNumber/appearance/InputNumberShape.js +0 -4
  186. package/dist/types/components/InputPassword/InputPassword.interface.d.ts +1 -2
  187. package/dist/types/components/InputPassword/InputPassword.js +2 -2
  188. package/dist/types/components/InputPassword/appearance/inputPasswordShape.js +0 -4
  189. package/dist/types/components/Label/Label.interface.d.ts +1 -2
  190. package/dist/types/components/Label/Label.js +2 -2
  191. package/dist/types/components/Label/appearance/labelShape.js +0 -4
  192. package/dist/types/components/Loader/Loader.interface.d.ts +1 -2
  193. package/dist/types/components/Loader/Loader.js +2 -2
  194. package/dist/types/components/MenuItem/MenuItem.interface.d.ts +1 -3
  195. package/dist/types/components/MenuItem/MenuItem.js +3 -5
  196. package/dist/types/components/MenuItem/appearance/menuItemShape.js +0 -4
  197. package/dist/types/components/Modal/Modal.d.ts +0 -1
  198. package/dist/types/components/Modal/Modal.interface.d.ts +1 -2
  199. package/dist/types/components/Modal/Modal.js +2 -2
  200. package/dist/types/components/Modal/appearance/modalShape.js +0 -4
  201. package/dist/types/components/Modal/stories/ModalAbsoluteHeader.stories.d.ts +0 -1
  202. package/dist/types/components/Modal/stories/ModalDemo.stories.d.ts +0 -1
  203. package/dist/types/components/Modal/stories/ModalScroll.stories.d.ts +0 -1
  204. package/dist/types/components/Modal/stories/ModalSize.stories.d.ts +0 -1
  205. package/dist/types/components/Modal/stories/ModalStickyHeader.stories.d.ts +0 -1
  206. package/dist/types/components/Modal/stories/ModalStyle.stories.d.ts +0 -1
  207. package/dist/types/components/Notification/Notification.interface.d.ts +1 -2
  208. package/dist/types/components/Notification/Notification.js +2 -2
  209. package/dist/types/components/Notification/appearance/notificationShape.js +0 -4
  210. package/dist/types/components/Pagination/Pagination.interface.d.ts +1 -3
  211. package/dist/types/components/Pagination/Pagination.js +2 -3
  212. package/dist/types/components/Pagination/appearance/paginationShape.js +0 -8
  213. package/dist/types/components/Radio/Radio.interface.d.ts +1 -2
  214. package/dist/types/components/Radio/Radio.js +2 -2
  215. package/dist/types/components/Radio/appearance/radioShape.js +0 -4
  216. package/dist/types/components/Response/Response.d.ts +0 -1
  217. package/dist/types/components/Response/Response.interface.d.ts +1 -2
  218. package/dist/types/components/Response/Response.js +2 -2
  219. package/dist/types/components/Response/stories/ResponseConfirm.stories.d.ts +0 -1
  220. package/dist/types/components/Response/stories/ResponseDemo.stories.d.ts +0 -1
  221. package/dist/types/components/Response/stories/ResponseError.stories.d.ts +0 -1
  222. package/dist/types/components/Response/stories/ResponseFail.stories.d.ts +0 -1
  223. package/dist/types/components/Response/stories/ResponseNothingFound.stories.d.ts +0 -1
  224. package/dist/types/components/Response/stories/ResponseRefresh.stories.d.ts +0 -1
  225. package/dist/types/components/Response/stories/ResponseSuccess.stories.d.ts +0 -1
  226. package/dist/types/components/Response/stories/ResponseUnableLoadData.stories.d.ts +0 -1
  227. package/dist/types/components/Response/stories/ResponseWarning.stories.d.ts +0 -1
  228. package/dist/types/components/Search/Search.interface.d.ts +1 -3
  229. package/dist/types/components/Search/SearchInput.d.ts +0 -1
  230. package/dist/types/components/Search/SearchInput.js +2 -2
  231. package/dist/types/components/Search/SearchResult.d.ts +0 -1
  232. package/dist/types/components/Search/SearchResult.js +2 -2
  233. package/dist/types/components/Search/appearance/searchShape.js +0 -4
  234. package/dist/types/components/Search/stories/SearchInputDefault.stories.d.ts +0 -1
  235. package/dist/types/components/Search/stories/SearchInputDemo.stories.d.ts +0 -1
  236. package/dist/types/components/Search/stories/SearchInputDisabled.stories.d.ts +0 -1
  237. package/dist/types/components/Search/stories/SearchInputError.stories.d.ts +0 -1
  238. package/dist/types/components/Search/stories/SearchInputRequire.stories.d.ts +0 -1
  239. package/dist/types/components/Search/stories/SearchInputShape.stories.d.ts +0 -1
  240. package/dist/types/components/Search/stories/SearchInputSize.stories.d.ts +0 -1
  241. package/dist/types/components/Search/stories/SearchInputStyle.stories.d.ts +0 -1
  242. package/dist/types/components/Search/stories/SearchInputSuccess.stories.d.ts +0 -1
  243. package/dist/types/components/Segmented/Segmented.interface.d.ts +1 -2
  244. package/dist/types/components/Segmented/Segmented.js +2 -2
  245. package/dist/types/components/Segmented/appearance/segmentedShape.js +0 -4
  246. package/dist/types/components/Select/Select.interface.d.ts +1 -5
  247. package/dist/types/components/Select/SelectContainer.js +3 -3
  248. package/dist/types/components/Select/SelectMenu.js +2 -2
  249. package/dist/types/components/Select/SelectOption.js +2 -2
  250. package/dist/types/components/Select/appearance/selectShape.js +0 -4
  251. package/dist/types/components/Tab/Tab.interface.d.ts +1 -2
  252. package/dist/types/components/Tab/Tab.js +2 -2
  253. package/dist/types/components/Textarea/Textarea.interface.d.ts +1 -2
  254. package/dist/types/components/Textarea/Textarea.js +2 -2
  255. package/dist/types/components/Textarea/appearance/textareaShape.js +0 -4
  256. package/dist/types/components/Tile/Tile.interface.d.ts +1 -2
  257. package/dist/types/components/Tile/Tile.js +2 -2
  258. package/dist/types/components/Tile/appearance/tileShape.js +0 -4
  259. package/dist/types/components/Tooltip/Tooltip.d.ts +0 -1
  260. package/dist/types/components/Tooltip/Tooltip.interface.d.ts +1 -2
  261. package/dist/types/components/Tooltip/Tooltip.js +2 -2
  262. package/dist/types/components/Tooltip/appearance/tooltipShape.js +0 -4
  263. package/dist/types/components/Tooltip/stories/TooltipAppearance.stories.d.ts +0 -1
  264. package/dist/types/components/Tooltip/stories/TooltipArrow.stories.d.ts +0 -1
  265. package/dist/types/components/Tooltip/stories/TooltipCustom.stories.d.ts +0 -1
  266. package/dist/types/components/Tooltip/stories/TooltipDemo.stories.d.ts +0 -1
  267. package/dist/types/components/Tooltip/stories/TooltipSize.stories.d.ts +0 -1
  268. package/dist/types/components/Tooltip/stories/TooltipStyle.stories.d.ts +0 -1
  269. package/dist/types/components/Warning/Warning.interface.d.ts +1 -2
  270. package/dist/types/components/Warning/Warning.js +2 -2
  271. package/dist/types/components/Warning/appearance/warningShape.js +0 -4
  272. package/package.json +3 -3
  273. package/dist/Avatar_cjs_DdnwG1w2.js +0 -1
  274. package/dist/Avatar_es_euIbzcZ-.js +0 -1
  275. package/dist/Button_cjs_CzPantyj.js +0 -1
  276. package/dist/Button_es_BVekDLIK.js +0 -1
  277. package/dist/Group_cjs_BflQVW_G.js +0 -1
  278. package/dist/Group_es_YMaKEE-1.js +0 -1
  279. package/dist/Input_cjs_lvK2GCQw.js +0 -1
  280. package/dist/Input_es_BrC02Clu.js +0 -1
  281. package/dist/Label_cjs_BQhRLATI.js +0 -1
  282. package/dist/Label_es_CXOrFvDM.js +0 -1
  283. package/dist/SelectContainer_cjs_MCml-znP.js +0 -1
  284. package/dist/SelectContainer_es_DhPannXl.js +0 -1
  285. package/dist/primitives_cjs_CHD2pBSn.js +0 -1
  286. package/dist/primitives_es_AOPzysvv.js +0 -1
@@ -1 +1 @@
1
- export{G as Group,g as groupAppearance,a as groupConfig}from"../Group_es_YMaKEE-1.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";
1
+ export{G as Group,g as groupAppearance,a as groupConfig}from"../Group_es_DIuSNHx3.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as i}from"react";import a from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as r,useStyles as l}from"@itcase/ui-core/hooks";import{I as s}from"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const c={sizeH1:{size:"h1"},sizeH2:{size:"h2"},sizeH3:{size:"h3"},sizeH4:{size:"h4"},sizeH5:{size:"h5"},sizeH6:{size:"h6"}},n={appearance:c,setAppearance:e=>{n.appearance=e}};function p(c){const{appearance:p,className:_,dataTestId:g,dataTour:d,text:f,afterWrapper:h,beforeWrapper:x,tag:z="span",before:C,after:S,isDisabled:m,isSkeleton:b,onClick:$,children:u}=c,v=o(p,n,m),A=r(c,v),{directionClass:B,size:F,fillClass:T,textAlignClass:w,textColorActiveClass:H,textColorClass:y,textColorGradientClass:I,textColorHoverClass:k,textFontClass:N,textStyleClass:W,textTruncateClass:V,textWeightClass:j,textWrap:D,heightClass:G,iconAfter:q,iconAfterFill:E,iconAfterFillIcon:J,iconAfterFillSize:K,iconAfterShape:L,iconAfterSize:M,iconAfterSrc:O,iconBadgeAppearance:P,iconBadgeShape:Q,iconBadgeSize:R,iconBadgeTextColor:U,iconBadgeTextSize:X,iconBadgeValue:Y,iconBefore:Z,iconBeforeFill:ee,iconBeforeFillIcon:te,iconBeforeFillSize:ie,iconBeforeShape:ae,iconBeforeSize:oe,iconBeforeSrc:re,svgFillClass:le,svgFillHoverClass:se,typeClass:ce,widthClass:ne,wrapperDirectionClass:pe}=A,{styles:_e,wrapper:ge}=l(c),de=i(()=>z||(F||"span"),[F,z]);return e(de,{className:a(_,"heroTitle",T&&`fill_${T}`,le&&`svg_fill_${le}`,se&&`svg_fill_hover_${se}`,ne&&`width_${ne}`,G&&`height_${G}`,F&&`hero-title_size_${F}`,B&&`hero-title_direction_${B}`,"text",y&&`text-color_${y}`,H&&`text-color_active_${H}`,k&&`text-color_hover_${k}`,ce&&`hero-title_type_${ce}`,I&&`text-gradient_${I}`,N&&`text-font_${N}`,W&&`text-style_${W}`,j&&`text-weight_${j}`,D&&`word-wrap_${D}`,b&&"skeleton"),"data-testid":g,"data-tour":d,style:_e,onClick:$,children:[C,e("span",{className:a(w&&`text-align_${w}`,pe&&`hero-title-direction_${pe}`,"hero-title__wrapper",V&&`text-truncate_${V}`),style:ge,children:[(Z||re)&&t(s,{className:a("title__icon_before",Y&&"title__icon_before-badge"),fill:ee,fillSize:ie,badgeAppearance:P,badgeClass:"title__icon_before_badge",badgeShape:Q,badgeSize:R,badgeTextColor:U,badgeTextSize:X,badgeValue:Y,iconFill:te,iconSize:oe,imageSrc:re,shape:ae,SvgImage:Z}),x,u||f,h,(q||O)&&t(s,{className:a("title__icon_after",Y&&"title__icon_after-badge"),fill:E,fillSize:K,badgeAppearance:P,badgeClass:"title__icon_after_badge",badgeShape:Q,badgeSize:R,badgeTextColor:U,badgeTextSize:X,badgeValue:Y,iconFill:J,iconSize:M,imageSrc:O,shape:L,SvgImage:q})]}),S]})}export{p as HeroTitle,c as heroTitleAppearance,n as heroTitleConfig};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as i}from"react";import a from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as r,useStyles as l}from"@itcase/ui-core/hooks";import{I as s}from"../primitives_es_CJQjjxtH.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const c={sizeH1:{size:"h1"},sizeH2:{size:"h2"},sizeH3:{size:"h3"},sizeH4:{size:"h4"},sizeH5:{size:"h5"},sizeH6:{size:"h6"}},n={appearance:c,setAppearance:e=>{n.appearance=e}};function p(c){const{appearance:p,className:_,dataTestId:g,dataTour:d,text:f,afterWrapper:h,beforeWrapper:x,tag:z="span",before:C,after:S,isDisabled:m,isSkeleton:b,onClick:$,children:u}=c,v=o(p,n,m),A=r(c,v),{directionClass:B,size:F,fillClass:T,textAlignClass:w,textColorActiveClass:H,textColorClass:y,textColorGradientClass:I,textColorHoverClass:k,textFontClass:N,textStyleClass:W,textTruncateClass:V,textWeightClass:j,textWrap:D,heightClass:G,iconAfter:q,iconAfterFill:E,iconAfterFillIcon:J,iconAfterFillSize:K,iconAfterShape:L,iconAfterSize:M,iconAfterSrc:O,iconBadgeAppearance:P,iconBadgeShape:Q,iconBadgeSize:R,iconBadgeTextColor:U,iconBadgeTextSize:X,iconBadgeValue:Y,iconBefore:Z,iconBeforeFill:ee,iconBeforeFillIcon:te,iconBeforeFillSize:ie,iconBeforeShape:ae,iconBeforeSize:oe,iconBeforeSrc:re,svgFillClass:le,svgFillHoverClass:se,typeClass:ce,widthClass:ne,wrapperDirectionClass:pe}=A,{styles:_e,wrapper:ge}=l(c),de=i(()=>z||(F||"span"),[F,z]);return e(de,{className:a(_,"heroTitle",T&&`fill_${T}`,le&&`svg_fill_${le}`,se&&`svg_fill_hover_${se}`,ne&&`width_${ne}`,G&&`height_${G}`,F&&`hero-title_size_${F}`,B&&`hero-title_direction_${B}`,"text",y&&`text-color_${y}`,H&&`text-color_active_${H}`,k&&`text-color_hover_${k}`,ce&&`hero-title_type_${ce}`,I&&`text-gradient_${I}`,N&&`text-font_${N}`,W&&`text-style_${W}`,j&&`text-weight_${j}`,D&&`word-wrap_${D}`,b&&"skeleton"),"data-testid":g,"data-tour":d,style:_e,onClick:$,children:[C,e("span",{className:a(w&&`text-align_${w}`,pe&&`hero-title-direction_${pe}`,"hero-title__wrapper",V&&`text-truncate_${V}`),style:ge,children:[(Z||re)&&t(s,{className:a("title__icon_before",Y&&"title__icon_before-badge"),fill:ee,fillSize:ie,badgeAppearance:P,badgeClass:"title__icon_before_badge",badgeShape:Q,badgeSize:R,badgeTextColor:U,badgeTextSize:X,badgeValue:Y,iconFill:te,iconSize:oe,imageSrc:re,shape:ae,SvgImage:Z}),x,u||f,h,(q||O)&&t(s,{className:a("title__icon_after",Y&&"title__icon_after-badge"),fill:E,fillSize:K,badgeAppearance:P,badgeClass:"title__icon_after_badge",badgeShape:Q,badgeSize:R,badgeTextColor:U,badgeTextSize:X,badgeValue:Y,iconFill:J,iconSize:M,imageSrc:O,shape:L,SvgImage:q})]}),S]})}export{p as HeroTitle,c as heroTitleAppearance,n as heroTitleConfig};
@@ -1 +1 @@
1
- export{I as Icon,p as iconAppearance,q as iconConfig}from"../primitives_es_AOPzysvv.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,p as iconAppearance,q as iconConfig}from"../primitives_es_CJQjjxtH.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
- export{I as Input,i as inputAppearance,a as inputConfig}from"../Input_es_BrC02Clu.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";
1
+ export{I as Input,i as inputAppearance,a as inputConfig}from"../Input_es_BLo9TAve.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";
@@ -1 +1 @@
1
- import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o,useCallback as i}from"react";import n from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as a}from"@itcase/ui-core/hooks";import{B as s}from"../Button_es_BVekDLIK.js";import{i as l}from"../default_es_l85QutMi.js";import"@itcase/ui-core/utils";import"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_DWZILN4t.js";import"@itcase/common";const u={defaultPrimary:{fill:"surfaceSecondary",labelTextWeight:"400",borderColor:"surfaceBorderQuaternary",borderHover:"surfaceBorderHoverQuaternary",iconFill:"surfaceSecondary",iconFillHover:"surfaceHoverSecondary",iconFillIcon:"surfaceItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},c={errorPrimary:{fill:"errorTertiary",labelTextWeight:"400",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",iconFill:"errorTertiary",iconFillHover:"errorHoverSecondary",iconFillIcon:"errorItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},m={requirePrimary:{fill:"warningTertiary",labelTextWeight:"400",borderColor:"warningBorderQuaternary",borderHover:"warningBorderHoverQuaternary",iconFill:"warningTertiary",iconFillHover:"warningHoverSecondary",iconFillIcon:"warningItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},d={...u,...c,...{successPrimary:{fill:"successTertiary",labelTextWeight:"400",borderColor:"successBorderQuaternary",borderHover:"successBorderHoverQuaternary",iconFill:"successTertiary",iconFillHover:"successHoverSecondary",iconFillIcon:"successItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},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"},...m},p={appearance:d,setAppearance:r=>{p.appearance=r}},b=l=>{const{id:u,appearance:c,className:m,dataTestId:d,dataTour:b,type:h="custom",name:y,min:_=0,max:f=1/0,step:v=1,value:C=0,onChange:x}=l,[S,F]=o(C),T=i(r=>{const e=S+("minus"===r?-v:v);if(e<_||e>f)return null;F(e),x?.(e)},[f,_,S,x,v]),g=r=>{const e=Number(r.target.value);if(e<_||e>f)return null;F(e),x?.(e)},z=t(c,p),H=a(l,z),{fillClass:N,fillHoverClass:Q,borderColorClass:P,borderColorHoverClass:$,borderWidthClass:I,iconFill:M,iconFillHover:w,iconFillIcon:B,iconMinus:W,iconPlus:j,iconShape:L,iconSize:k,inputNumberTextColorClass:X,inputNumberTextSizeClass:q,inputNumberTextWeightClass:A,shapeClass:D,shapeStrengthClass:E,sizeClass:G,widthClass:J}=H;return"native"===h?r("input",{id:String(u),type:"number",min:_,max:f,step:v,value:S,onChange:r=>g(r)}):e("div",{id:String(u),className:n(m,"input-number","input-number__custom",P&&`border-color_${P}`,$&&`border-color_hover_${$}`,I&&`border-width_${I}`,N&&`fill_${N}`,Q&&`fill_hover_${Q}`,D&&`shape_${D}`,E&&`shape-strength_${E}`,G&&`input-number_size_${G}`,J&&`width_${J}`),"data-tour":b,"date-testid":d,children:[r(s,{className:"input-number__icon",icon:W,iconFill:M,iconFillHover:w,iconFillIcon:B,iconShape:L,iconSize:k,onClick:()=>T("minus")}),r("input",{className:n(X&&`text-color_${X}`,q&&`text_size_${q}`,A&&`text-weight_${A}`),type:"number",min:_,max:f,"data-testid":d||(y?`${y}-input-number`:"input-number"),step:v,value:S,onChange:r=>g(r)}),r(s,{className:"input-number__icon",icon:j,iconFill:M,iconFillHover:w,iconFillIcon:B,iconShape:L,iconSize:k,onClick:()=>T("plus")})]})};export{b as InputNumber,d as inputNumberAppearance};
1
+ import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o,useCallback as i}from"react";import n from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as t}from"@itcase/ui-core/hooks";import{B as l}from"../Button_es_byVASRY8.js";import{i as s}from"../default_es_l85QutMi.js";import"@itcase/ui-core/utils";import"../primitives_es_CJQjjxtH.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_pnhZ5s_O.js";import"@itcase/common";const u={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"}},c={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"}},m={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"}},d={...u,...c,...{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:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},sizeXL:{size:"xl",iconSize:"24",inputNumberTextSize:"xl"},sizeL:{size:"l",iconSize:"24",inputNumberTextSize:"l"},sizeM:{size:"m",iconSize:"24",inputNumberTextSize:"m"},sizeS:{size:"s",iconSize:"24",inputNumberTextSize:"s"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...m},p={appearance:d,setAppearance:r=>{p.appearance=r}},b=s=>{const{id:u,appearance:c,className:m,dataTestId:d,dataTour:b,type:y="custom",name:f,min:v=0,max:h=1/0,step:x=1,value:C=0,onChange:F}=s,[_,T]=o(C),S=i(r=>{const e=_+("minus"===r?-x:x);if(e<v||e>h)return null;T(e),F?.(e)},[h,v,_,F,x]),z=r=>{const e=Number(r.target.value);if(e<v||e>h)return null;T(e),F?.(e)},H=a(c,p),g=t(s,H),{fillClass:N,fillHoverClass:Q,borderColorClass:P,borderColorHoverClass:I,borderWidthClass:$,iconFill:M,iconFillHover:w,iconFillIcon:B,iconMinus:W,iconPlus:j,iconShape:L,iconSize:k,inputNumberTextColorClass:X,inputNumberTextSizeClass:q,inputNumberTextWeightClass:A,shapeClass:D,sizeClass:E,widthClass:G}=g;return"native"===y?r("input",{id:String(u),type:"number",min:v,max:h,step:x,value:_,onChange:r=>z(r)}):e("div",{id:String(u),className:n(m,"input-number","input-number__custom",P&&`border-color_${P}`,I&&`border-color_hover_${I}`,$&&`border-width_${$}`,N&&`fill_${N}`,Q&&`fill_hover_${Q}`,D&&`shape_${D}`,E&&`input-number_size_${E}`,G&&`width_${G}`),"data-tour":b,"date-testid":d,children:[r(l,{className:"input-number__icon",icon:W,iconFill:M,iconFillHover:w,iconFillIcon:B,iconShape:L,iconSize:k,onClick:()=>S("minus")}),r("input",{className:n(X&&`text-color_${X}`,q&&`text_size_${q}`,A&&`text-weight_${A}`),type:"number",min:v,max:h,"data-testid":d||(f?`${f}-input-number`:"input-number"),step:x,value:_,onChange:r=>z(r)}),r(l,{className:"input-number__icon",icon:j,iconFill:M,iconFillHover:w,iconFillIcon:B,iconShape:L,iconSize:k,onClick:()=>S("plus")})]})};export{b as InputNumber,d as inputNumberAppearance};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as a,useMemo as o,useCallback as l}from"react";import i from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as s}from"@itcase/ui-core/hooks";import{I as c}from"../primitives_es_AOPzysvv.js";import{i as n}from"../default_es_l85QutMi.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"}},h={errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},errorSecondary:{fill:"errorSecondary",borderColor:"errorBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"errorTextSecondary"}},p={sizeXXL:{size:"xxl",textSize:"l",iconSize:"24"},sizeXL:{size:"xl",textSize:"s",iconSize:"24"},sizeL:{size:"l",textSize:"s",iconSize:"24"},sizeM:{size:"m",textSize:"m",iconSize:"24"},sizeS:{size:"s",textSize:"s",iconSize:"24"},sizeXS:{size:"xs",textSize:"s",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"s",iconSize:"24"},...u,...{requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...h,...d,...{successPrimary:{fill:"successTertiary",borderColor:"successBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},successSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"}},S={appearance:p,setAppearance:e=>{S.appearance=e}};function f(n){const{id:d,appearance:u,className:h,dataTestId:p,dataTour:f,name:x,placeholder:y,value:m,isDisabled:w,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}=n,[v,z]=a(!1),_=o(()=>v?"text":"password",[v]),H=l(e=>{e?.preventDefault(),z(e=>!e)},[]),R=t(u,S,w),Q=s(n,R),{fillClass:g,fillHoverClass:F,borderColorClass:$,borderColorHoverClass:I,borderWidthClass:B,textColorClass:P,textSizeClass:X,textWeightClass:D,caretClass:L,iconFill:N,iconFillHover:j,iconRevealableHide:k,iconRevealableShow:q,iconShape:K,iconSize:M,imageRevealableHide:W,imageRevealableShow:A,placeholderTextColorClass:E,shapeClass:G,shapeStrengthClass:J,sizeClass:O,widthClass:U}=Q;return e("div",{className:"input-password",children:[r("input",{id:String(d),className:i(h,"input-password__input",(X||P||D)&&"text",$&&`border-color_${$}`,I&&`border-color_hover_${I}`,B&&`border-width_${B}`,L&&`caret-color_${L}`,g&&`fill_${g}`,F&&`fill_hover_${F}`,E&&`placeholder-text-color_${E}`,G&&`shape_${G}`,J&&`shape-strength_${J}`,O&&`input-password__input_size_${O}`,P&&`text-color_${P}`,P&&`text-color_${P}`,X&&`text_size_${X}`,D&&`text-weight_${D}`,U&&`width_${U}`),type:_,"data-testid":p||(x?`${x}-input-password`:"input-password"),"data-tour":f,"date-testid":p,disabled:w,placeholder:y,value:m,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}),r(c,{className:"input-password__icon",size:M,iconFill:N,iconFillHover:j,imageSrc:v?W:A,shape:K,SvgImage:v?k:q,onClick:H})]})}export{f as InputPassword,p as inputPasswordAppearance,S as inputPasswordConfig};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as a,useMemo as o,useCallback as l}from"react";import i from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as c}from"@itcase/ui-core/hooks";import{I as s}from"../primitives_es_CJQjjxtH.js";import{i as n}from"../default_es_l85QutMi.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const d={defaultPrimary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",caret:"extraItemSecondary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",caret:"extraItemSecondary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"}},u={disabledPrimary:{fill:"surfaceDisabled",borderColor:"errorBorderQuaternary",textColor:"surfaceTextQuaternary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},f={errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},errorSecondary:{fill:"errorSecondary",borderColor:"errorBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"errorTextSecondary"}},p={sizeXXL:{size:"xxl",textSize:"l",iconSize:"24"},sizeXL:{size:"xl",textSize:"s",iconSize:"24"},sizeL:{size:"l",textSize:"s",iconSize:"24"},sizeM:{size:"m",textSize:"m",iconSize:"24"},sizeS:{size:"s",textSize:"s",iconSize:"24"},sizeXS:{size:"xs",textSize:"s",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"s",iconSize:"24"},...u,...{requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...f,...d,...{successPrimary:{fill:"successTertiary",borderColor:"successBorderQuaternary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextQuaternary"},successSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",iconFill:"surfaceItemQuaternary",iconRevealableHide:n.View.HideValue,iconRevealableShow:n.View.ShowValue,placeholderTextColor:"surfaceTextSecondary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},S={appearance:p,setAppearance:e=>{S.appearance=e}};function x(n){const{id:d,appearance:u,className:f,dataTestId:p,dataTour:x,name:h,placeholder:y,value:w,isDisabled:m,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}=n,[v,z]=a(!1),_=o(()=>v?"text":"password",[v]),H=l(e=>{e?.preventDefault(),z(e=>!e)},[]),R=t(u,S,m),Q=c(n,R),{fillClass:F,fillHoverClass:I,borderColorClass:$,borderColorHoverClass:g,borderWidthClass:B,textColorClass:P,textSizeClass:X,textWeightClass:D,caretClass:L,iconFill:N,iconFillHover:j,iconRevealableHide:k,iconRevealableShow:q,iconShape:K,iconSize:M,imageRevealableHide:W,imageRevealableShow:A,placeholderTextColorClass:E,shapeClass:G,sizeClass:J,widthClass:O}=Q;return e("div",{className:"input-password",children:[r("input",{id:String(d),className:i(f,"input-password__input",(X||P||D)&&"text",$&&`border-color_${$}`,g&&`border-color_hover_${g}`,B&&`border-width_${B}`,L&&`caret-color_${L}`,F&&`fill_${F}`,I&&`fill_hover_${I}`,E&&`placeholder-text-color_${E}`,G&&`shape_${G}`,J&&`input-password__input_size_${J}`,P&&`text-color_${P}`,P&&`text-color_${P}`,X&&`text_size_${X}`,D&&`text-weight_${D}`,O&&`width_${O}`),type:_,"data-testid":p||(h?`${h}-input-password`:"input-password"),"data-tour":x,"date-testid":p,disabled:m,placeholder:y,value:w,onBlur:C,onChange:b,onFocus:V,onKeyDown:T}),r(s,{className:"input-password__icon",size:M,iconFill:N,iconFillHover:j,imageSrc:v?W:A,shape:K,SvgImage:v?k:q,onClick:H})]})}export{x as InputPassword,p as inputPasswordAppearance,S as inputPasswordConfig};
@@ -1 +1 @@
1
- export{L as Label,l as labelAppearance,a as labelConfig}from"../Label_es_CXOrFvDM.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_AOPzysvv.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_C-a522jk.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_CJQjjxtH.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
@@ -1 +1 @@
1
- export{e as Link,L as LinkWrapper,l as linkAppearance,j as linkConfig}from"../primitives_es_AOPzysvv.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{e as Link,L as LinkWrapper,l as linkAppearance,j as linkConfig}from"../primitives_es_CJQjjxtH.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{e as s}from"../primitives_es_AOPzysvv.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{e as s}from"../primitives_es_CJQjjxtH.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_DWZILN4t.js";import"react/jsx-runtime";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_AOPzysvv.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_pnhZ5s_O.js";import"react/jsx-runtime";import"clsx";import"@itcase/ui-core/hooks";import"../primitives_es_CJQjjxtH.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_AOPzysvv.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_CJQjjxtH.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 a,useStyles as l}from"@itcase/ui-core/hooks";import{d as c,e as n,I as s,a as f}from"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const m={sizeXXL:{size:"xxl",labelTextSize:"l",iconAfterSize:"20",iconBeforeSize:"20"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterSize:"20",iconBeforeSize:"20"},sizeL:{size:"l",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16",tooltipSize:"s",tooltipTextSize:"m"},sizeM:{size:"m",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeS:{size:"s",labelTextSize:"xs",iconAfterSize:"12",iconBeforeSize:"12"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterSize:"12",iconBeforeSize:"12"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconAfterSize:"12",iconBeforeSize:"12"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentTertiary",labelTextColor:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",fillHover:"accentPrimary",labelTextColor:"accentTextPrimary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",iconAfterFillIcon:"accentItemSecondary",iconBeforeFillIcon:"accentItemSecondary"},errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary"},surfaceMutedPrimary:{fill:"surfaceSecondary",fillActive:"surfacePrimary",fillActiveHover:"surfacePrimary",labelTextColor:"surfaceTextQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary"},surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceSecondary",fillActiveHover:"surfaceSecondary",fillHover:"surfaceSecondary",labelTextActiveColor:"accentTextSecondary",labelTextActiveColorHover:"accentTextSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceQuaternary",labelTextColor:"surfaceTextPrimary"},surfaceSecondary:{fill:"surfacePrimary",fillActive:"surfaceSecondary",fillActiveHover:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextActiveColor:"accentTextSecondary",labelTextActiveColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"}},d={appearance:m,setAppearance:function(e){this.appearance=e}};function u(m){const{appearance:u,className:S,dataTestId:p,dataTour:x,label:y,easing:b,href:T,link:C,LinkComponent:z,rel:_,showTooltip:h,target:g,tooltipAppearance:v,tooltipArrowPosition:A,tooltipContent:I,underline:P,before:B,after:F,isActive:H,isDisabled:Q,onClick:$,children:k}=m,L=t(u,d,Q),X=a(m,L),{directionClass:w,justifyContentClass:N,alignClass:D,alignDirectionClass:M,fillActiveClass:W,fillActiveHoverClass:j,fillClass:V,fillHoverClass:q,labelTextActiveColor:E,labelTextActiveColorHover:G,labelTextColor:J,labelTextColorDisabled:K,labelTextColorHover:O,labelTextSize:R,labelWeight:U,labelWrap:Y,borderColorClass:Z,iconAfter:ee,iconAfterFill:re,iconAfterFillIcon:oe,iconAfterFillSize:ie,iconAfterShape:te,iconAfterSize:ae,iconAfterSrc:le,iconBadgeAppearance:ce,iconBadgeShape:ne,iconBadgeSize:se,iconBadgeTextColor:fe,iconBadgeTextSize:me,iconBadgeValue:de,iconBefore:ue,iconBeforeFill:Se,iconBeforeFillIcon:pe,iconBeforeFillSize:xe,iconBeforeShape:ye,iconBeforeSize:be,iconBeforeSrc:Te,shapeClass:Ce,shapeStrengthClass:ze,sizeClass:_e,tooltipFill:he,tooltipPlacement:ge="top",tooltipShape:ve,tooltipShapeStrength:Ae,tooltipSize:Ie,tooltipText:Pe,tooltipTextColor:Be,tooltipTextSize:Fe,tooltipTitle:He,tooltipTitleTextColor:Qe,typeClass:$e,widthClass:ke,isSkeleton:Le}=X,{styles:Xe}=l(m),we=h?c:o.Fragment;return e(we,{appearance:v,minWidth:"auto",size:Ie,fill:he,title:He,titleColor:Qe,text:Pe,textColor:Be,textSize:Fe,arrowPosition:A,placement:ge,shape:ve,shapeStrength:Ae,tooltipContent:I,children:e("div",{className:i("menu-item",b&&`easing_${b}`,H&&"menu-item_state_active",Q&&"menu-item_state_disabled",w&&`menu-item_direction_${w}`,S,(ue||Te||ee||le)&&"menu-item_label-icon",_e&&`menu-item_size_${_e}`,Z&&`border-color_${Z}`,H?W&&`fill_active_${W}`:V&&`fill_${V}`,H?j&&`fill_active_hover_${j}`:q&&`fill_hover_${q}`,Ce&&`shape_${Ce}`,ze?`shape-strength_${ze}`:"rounded"===Ce&&"shape-strength_default",$e&&`menu-item_type_${$e}`,ke&&`width_${ke}`,N&&`menu-item_justify-content_${N}`,Le&&"skeleton"),"data-testid":p,"data-tour":x,style:Xe,children:r(n,{className:i("menu-item__wrapper",M&&`align_${M}`,D&&`align_${D}`),href:C||T,LinkComponent:z,rel:_,target:g,underline:P,onClick:$,children:[B,k||r(o.Fragment,{children:[(ue||Te)&&e(s,{className:i("menu-item__icon_before",de&&"menu-item__icon_before-badge"),fill:Se,fillSize:xe,badgeAppearance:ce,badgeClass:"menu-item__icon_before_badge",badgeShape:ne,badgeSize:se,badgeTextColor:fe,badgeTextSize:me,badgeValue:de,iconFill:pe,iconSize:be,imageSrc:Te,shape:ye,SvgImage:ue}),y&&e(f,{className:"menu-item__label",size:R,textColor:J,textColorActive:E,textColorActiveHover:G,textColorDisabled:K,textColorHover:O,textWeight:U,textWrap:Y,isActive:H,isDisabled:Q,children:y}),(ee||le)&&e(s,{className:i("menu-item__icon_after",de&&"menu-item__icon_after-badge"),fill:re,fillSize:ie,badgeAppearance:ce,badgeClass:"menu-item__icon_after_badge",badgeShape:ne,badgeSize:se,badgeTextColor:fe,badgeTextSize:me,badgeValue:de,iconFill:oe,iconSize:ae,imageSrc:le,shape:te,SvgImage:ee})]}),F]})})})}export{u as MenuItem,m as menuItemAppearance,d 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 a,useDevicePropsGenerator as l,useStyles as t}from"@itcase/ui-core/hooks";import{d as c,e as n,I as s,a as f}from"../primitives_es_CJQjjxtH.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const m={sizeXXL:{size:"xxl",labelTextSize:"l",iconAfterSize:"20",iconBeforeSize:"20"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterSize:"20",iconBeforeSize:"20"},sizeL:{size:"l",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16",tooltipSize:"s",tooltipTextSize:"m"},sizeM:{size:"m",labelTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},sizeS:{size:"s",labelTextSize:"xs",iconAfterSize:"12",iconBeforeSize:"12"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterSize:"12",iconBeforeSize:"12"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconAfterSize:"12",iconBeforeSize:"12"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentTertiary",labelTextColor:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",fillHover:"accentPrimary",labelTextColor:"accentTextPrimary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",iconAfterFillIcon:"accentItemSecondary",iconBeforeFillIcon:"accentItemSecondary"},errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary"},surfaceMutedPrimary:{fill:"surfaceSecondary",fillActive:"surfacePrimary",fillActiveHover:"surfacePrimary",labelTextColor:"surfaceTextQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary"},surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceSecondary",fillActiveHover:"surfaceSecondary",fillHover:"surfaceSecondary",labelTextActiveColor:"accentTextSecondary",labelTextActiveColorHover:"accentTextSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceQuaternary",labelTextColor:"surfaceTextPrimary"},surfaceSecondary:{fill:"surfacePrimary",fillActive:"surfaceSecondary",fillActiveHover:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextActiveColor:"accentTextSecondary",labelTextActiveColorHover:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},d={appearance:m,setAppearance:function(e){this.appearance=e}};function u(m){const{appearance:u,className:x,dataTestId:y,dataTour:S,label:p,easing:b,href:T,link:C,LinkComponent:z,rel:_,showTooltip:v,target:A,tooltipAppearance:g,tooltipArrowPosition:h,tooltipContent:I,underline:P,before:B,after:F,isActive:H,isDisabled:Q,onClick:$,children:k}=m,L=a(u,d,Q),X=l(m,L),{directionClass:w,justifyContentClass:N,alignClass:D,alignDirectionClass:M,fillActiveClass:W,fillActiveHoverClass:j,fillClass:V,fillHoverClass:q,labelTextActiveColor:E,labelTextActiveColorHover:G,labelTextColor:J,labelTextColorDisabled:K,labelTextColorHover:O,labelTextSize:R,labelWeight:U,labelWrap:Y,borderColorClass:Z,iconAfter:ee,iconAfterFill:re,iconAfterFillIcon:oe,iconAfterFillSize:ie,iconAfterShape:ae,iconAfterSize:le,iconAfterSrc:te,iconBadgeAppearance:ce,iconBadgeShape:ne,iconBadgeSize:se,iconBadgeTextColor:fe,iconBadgeTextSize:me,iconBadgeValue:de,iconBefore:ue,iconBeforeFill:xe,iconBeforeFillIcon:ye,iconBeforeFillSize:Se,iconBeforeShape:pe,iconBeforeSize:be,iconBeforeSrc:Te,shapeClass:Ce,sizeClass:ze,tooltipFill:_e,tooltipPlacement:ve="top",tooltipShape:Ae,tooltipSize:ge,tooltipText:he,tooltipTextColor:Ie,tooltipTextSize:Pe,tooltipTitle:Be,tooltipTitleTextColor:Fe,typeClass:He,widthClass:Qe,isSkeleton:$e}=X,{styles:ke}=t(m),Le=v?c:o.Fragment;return e(Le,{appearance:g,minWidth:"auto",size:ge,fill:_e,title:Be,titleColor:Fe,text:he,textColor:Ie,textSize:Pe,arrowPosition:h,placement:ve,shape:Ae,tooltipContent:I,children:e("div",{className:i("menu-item",b&&`easing_${b}`,H&&"menu-item_state_active",Q&&"menu-item_state_disabled",w&&`menu-item_direction_${w}`,x,(ue||Te||ee||te)&&"menu-item_label-icon",ze&&`menu-item_size_${ze}`,Z&&`border-color_${Z}`,H?W&&`fill_active_${W}`:V&&`fill_${V}`,H?j&&`fill_active_hover_${j}`:q&&`fill_hover_${q}`,Ce&&`shape_${Ce}`,"rounded"===Ce&&"shape-strength_default",He&&`menu-item_type_${He}`,Qe&&`width_${Qe}`,N&&`menu-item_justify-content_${N}`,$e&&"skeleton"),"data-testid":y,"data-tour":S,style:ke,children:r(n,{className:i("menu-item__wrapper",M&&`align_${M}`,D&&`align_${D}`),href:C||T,LinkComponent:z,rel:_,target:A,underline:P,onClick:$,children:[B,k||r(o.Fragment,{children:[(ue||Te)&&e(s,{className:i("menu-item__icon_before",de&&"menu-item__icon_before-badge"),fill:xe,fillSize:Se,badgeAppearance:ce,badgeClass:"menu-item__icon_before_badge",badgeShape:ne,badgeSize:se,badgeTextColor:fe,badgeTextSize:me,badgeValue:de,iconFill:ye,iconSize:be,imageSrc:Te,shape:pe,SvgImage:ue}),p&&e(f,{className:"menu-item__label",size:R,textColor:J,textColorActive:E,textColorActiveHover:G,textColorDisabled:K,textColorHover:O,textWeight:U,textWrap:Y,isActive:H,isDisabled:Q,children:p}),(ee||te)&&e(s,{className:i("menu-item__icon_after",de&&"menu-item__icon_after-badge"),fill:re,fillSize:ie,badgeAppearance:ce,badgeClass:"menu-item__icon_after_badge",badgeShape:ne,badgeSize:se,badgeTextColor:fe,badgeTextSize:me,badgeValue:de,iconFill:oe,iconSize:le,imageSrc:te,shape:ae,SvgImage:ee})]}),F]})})})}export{u as MenuItem,m as menuItemAppearance,d as menuItemConfig};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import t,{useState as r,useRef as l,useCallback as a,startTransition as s,useEffect as i,useLayoutEffect as n,useImperativeHandle as c}from"react";import d from"clsx";import m from"react-dom";import{i as p,c as h,d as u}from"../default_es_l85QutMi.js";import{useAppearanceConfig as _,useDevicePropsGenerator as f,useStyles as g}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as z}from"@itcase/ui-core/utils";import{T as v,I}from"../primitives_es_AOPzysvv.js";import{O as C}from"../Overlay_es_BlFqOTLN.js";import{L as S}from"../Loader_es_DWZILN4t.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const y={surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",closeIconAppearance:"surfacePrimary ghost circular"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},...{sizeXL:{size:"xl",titleTextSize:"h2",closeIconAppearanceSize:"size48_40",closeIconImage:u.Action.Close},sizeL:{size:"l",titleTextSize:"h3",closeIconAppearanceSize:"size40_32",closeIconImage:h.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}}},b={appearance:y,setAppearance:e=>{b.appearance=e}},x=t.forwardRef(function(h,u){const{id:S,appearance:y,className:x,dataTestId:T,dataTour:A,title:O,absoluteHeader:$=!1,modalIdQuerySelector:L="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}=h,[G,J]=r(null),[K,U]=r(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(()=>{s(()=>{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]),te=a(e=>{B&&oe(),Q&&Q(e)},[oe,B,Q]);i(()=>{G&&Z(G)},[K]),n(()=>{let e=x;k||(e=d(x,"no-print"));const o=((e,o="")=>{const t=o&&"string"==typeof o?o.split(" ").filter(Boolean):[];let r=document.getElementById(e);return r||(r=document.createElement("div"),r.setAttribute("id",e),r.classList.add("modal"),t.length&&r.classList.add(...t),document.body.prepend(r)),r})(L,e);J(o),o&&Z(o)},[Z,x,L,k]),i(()=>{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(u,()=>({modalElement:G,openModal:ee,closeModal:oe,isOpen:K}),[K,ee,oe,G]);const re=_(y,b,E),le=f(h,re),{fillClass:ae,titleTextColor:se,titleTextColorHover:ie,titleTextSize:ne,titleTextTruncate:ce,titleTextWeight:de,titleTextWidth:me,titleTextWrap:pe,borderColorClass:he,borderTypeClass:ue,borderWidthClass:_e,elevationClass:fe,overlayFill:ge,overlayOpacity:ze,shapeClass:ve,shapeStrengthClass:Ie,sizeClass:Ce,closeIconAppearance:Se,closeIconAppearanceSize:ye,closeIconFillSize:be,closeIconImage:xe,closeIconShape:Te,closeIconSize:Ae}=le,{styles:Oe}=g(h);return G&&m.createPortal(K?e(t.Fragment,{children:[e("div",{id:S,className:d("modal__content",$&&"modal__content-absolute-header",!O&&!j&&"modal__content-no-header",ae&&`fill_${ae}`,_e&&`border-width_${_e}`,he&&`border-color_${he}`,ue&&`border_type_${ue}`,ve&&`shape_${ve}`,Ce&&`modal_size_${Ce}`,Ie&&`shape-strength_${Ie}`,he&&`border-color_${he}`,_e&&`border-width_${_e}`,ue&&`border_type_${ue}`,fe&&`elevation_${fe}`,w&&`modal-scroll_${w}`,N&&"modal-scroll_header_sticky",P&&"skeleton"),ref:Y,"data-testid":T,"data-tour":A,style:Oe,tabIndex:0,children:[M,(O||j)&&e("div",{className:d("modal__header",ae&&`fill_${ae}`),children:[O&&o(v,{width:me,flex:"1",size:ne,textColor:se,textColorHover:ie,textTruncate:ce,textWeight:de,textWrap:pe,children:O}),j&&o("div",{className:"modal__close",onClick:oe,children:o(I,{appearance:z(Se,ye),fillSize:be,iconSize:Ae,shape:Te,SvgImage:xe??p.Action.Close})})]}),o("div",{className:"modal__content-wrapper",children:q}),W]}),o(C,{className:"modal__overlay",fill:ge,opacity:ze,isOverlay:H,onClick:te})]}):null,G)});function T(){return o("div",{className:"modal-loading",children:o("div",{className:"modal-loading__inner",children:o(S,{})})})}export{x as Modal,T as ModalLoader,y as modalAppearance,b 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{i as p,c as u,d as _}from"../default_es_l85QutMi.js";import{useAppearanceConfig as h,useDevicePropsGenerator as f,useStyles as z}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as v}from"@itcase/ui-core/utils";import{T as I,I as C}from"../primitives_es_CJQjjxtH.js";import{O as y}from"../Overlay_es_BlFqOTLN.js";import{L as b}from"../Loader_es_pnhZ5s_O.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const g={surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",closeIconAppearance:"surfacePrimary ghost circular"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},...{sizeXL:{size:"xl",titleTextSize:"h2",closeIconAppearanceSize:"size48_40",closeIconImage:_.Action.Close},sizeL:{size:"l",titleTextSize:"h3",closeIconAppearanceSize:"size40_32",closeIconImage:u.Action.Close},sizeM:{size:"m",titleTextSize:"h4",closeIconAppearanceSize:"size24_24",closeIconImage:p.Action.Close},sizeS:{size:"s",titleTextSize:"h5",closeIconAppearanceSize:"size24_24",closeIconImage:p.Action.Close}}},x={appearance:g,setAppearance:e=>{x.appearance=e}},S=r.forwardRef(function(u,_){const{id:b,appearance:g,className:S,dataTestId:T,dataTour:A,title:O,absoluteHeader:L=!1,modalIdQuerySelector:$="modal-global",print:k,scroll:w=!1,stickyHeader:N=!1,before:M,after:W,closeIcon:j=!0,isDisabled:E,isSkeleton:P,isCloseOnBlur:B=!0,isOpen:F=!1,isOverlay:H=!0,isScrollOnOpen:X=!0,isSetFocusOnOpen:D=!0,onClickOverlay:Q,onCloseModal:R,onOpenModal:V,children:q}=u,[G,J]=t(null),[K,U]=t(F),Y=l(null),Z=a(e=>{K?(e.classList.add("modal_state_visible"),X&&e.scrollIntoView({behavior:"smooth",block:"center"}),D&&setTimeout(()=>{Y.current&&Y.current.focus()},0)):e.children.length||e.classList.remove("modal_state_visible")},[K,X,D]),ee=a(()=>{i(()=>{U(!0)}),"function"==typeof V&&V()},[V]),oe=a(e=>{if(e){if(e.relatedTarget&&G&&G.contains(e.relatedTarget))return e}U(!1),R&&R()},[G,R]),re=a(e=>{B&&oe(),Q&&Q(e)},[oe,B,Q]);s(()=>{G&&Z(G)},[K]),n(()=>{let e=S;k||(e=d(S,"no-print"));const o=((e,o="")=>{const r=o&&"string"==typeof o?o.split(" ").filter(Boolean):[];let t=document.getElementById(e);return t||(t=document.createElement("div"),t.setAttribute("id",e),t.classList.add("modal"),r.length&&t.classList.add(...r),document.body.prepend(t)),t})($,e);J(o),o&&Z(o)},[Z,S,$,k]),s(()=>{if(!B||!K)return;const e=e=>{const o=e.target;if(!G||!o||!o.isConnected)return;!G.contains(o)&&(U(!1),R&&R())};return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[R,B,K,G]),c(_,()=>({modalElement:G,openModal:ee,closeModal:oe,isOpen:K}),[K,ee,oe,G]);const te=h(g,x,E),le=f(u,te),{fillClass:ae,titleTextColor:ie,titleTextColorHover:se,titleTextSize:ne,titleTextTruncate:ce,titleTextWeight:de,titleTextWidth:me,titleTextWrap:pe,borderColorClass:ue,borderTypeClass:_e,borderWidthClass:he,elevationClass:fe,overlayFill:ze,overlayOpacity:ve,shapeClass:Ie,sizeClass:Ce,closeIconAppearance:ye,closeIconAppearanceSize:be,closeIconFillSize:ge,closeIconImage:xe,closeIconShape:Se,closeIconSize:Te}=le,{styles:Ae}=z(u);return G&&m.createPortal(K?e(r.Fragment,{children:[e("div",{id:b,className:d("modal__content",L&&"modal__content-absolute-header",!O&&!j&&"modal__content-no-header",ae&&`fill_${ae}`,he&&`border-width_${he}`,ue&&`border-color_${ue}`,_e&&`border_type_${_e}`,Ie&&`shape_${Ie}`,Ce&&`modal_size_${Ce}`,ue&&`border-color_${ue}`,he&&`border-width_${he}`,_e&&`border_type_${_e}`,fe&&`elevation_${fe}`,w&&`modal-scroll_${w}`,N&&"modal-scroll_header_sticky",P&&"skeleton"),ref:Y,"data-testid":T,"data-tour":A,style:Ae,tabIndex:0,children:[M,(O||j)&&e("div",{className:d("modal__header",ae&&`fill_${ae}`),children:[O&&o(I,{width:me,flex:"1",size:ne,textColor:ie,textColorHover:se,textTruncate:ce,textWeight:de,textWrap:pe,children:O}),j&&o("div",{className:"modal__close",onClick:oe,children:o(C,{appearance:v(ye,be),fillSize:ge,iconSize:Te,shape:Se,SvgImage:xe??p.Action.Close})})]}),o("div",{className:"modal__content-wrapper",children:q}),W]}),o(y,{className:"modal__overlay",fill:ze,opacity:ve,isOverlay:H,onClick:re})]}):null,G)});function T(){return o("div",{className:"modal-loading",children:o("div",{className:"modal-loading__inner",children:o(b,{})})})}export{S as Modal,T as ModalLoader,g as modalAppearance,x as modalConfig};
@@ -1 +1 @@
1
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import o,{useState as a,useCallback as i,useImperativeHandle as r}from"react";import l from"clsx";import{Sheet as s}from"react-modal-sheet";import{useAppearanceConfig as c,useDevicePropsGenerator as n,useStyles as m}from"@itcase/ui-core/hooks";import{T as d}from"../primitives_es_AOPzysvv.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{T as d}from"../primitives_es_CJQjjxtH.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_BVekDLIK.js";import{a as l,I as n}from"../primitives_es_AOPzysvv.js";import{L as d}from"../Loader_es_DWZILN4t.js";import{i as p}from"../default_es_l85QutMi.js";import{useNotifications as m,useNotificationsAPI as u}from"@itcase/ui-core/context";import"react";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const f={...{defaultPrimary:{fill:"surfacePrimary",fillHover:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",buttonAppearance:"accentPrimary sizeXXL solid rounded",loaderAppearance:"accentTertiary sizeS ghost rounded",closeIcon:p.Action.Close,closeIconAppearance:"surfacePrimary ghost circular"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},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:p.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}},...{infoPrimary:{fill:"infoPrimary",fillHover:"infoPrimary",titleTextColor:"infoTextPrimary",descTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",textColor:"infoTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"infoPrimary sizeS solid rounded",closeIcon:p.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}},...{successPrimary:{fill:"successPrimary",fillHover:"successPrimary",titleTextColor:"successTextPrimary",descTextColor:"successTextPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"successPrimary sizeS solid rounded",closeIcon:p.Action.Close,closeIconAppearance:"successPrimary ghost circular"}},...{warningPrimary:{fill:"warningPrimary",fillHover:"warningPrimary",titleTextColor:"warningTextPrimary",descTextColor:"warningTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"warningTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"warningPrimary sizeS solid rounded",closeIcon:p.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}}},y={appearance:f,setAppearance:e=>{y.appearance=e}};function x(p){const{id:m,appearance:u,className:f,dataTestId:x,dataTour:P,type:C="float",title:_,text:T,before:h,after:z,isSkeleton:S,isLoading:A,onClickButton:I,onClickClose:g}=p,b=i(u,y),v=a(p,b),{fillClass:L,fillHoverClass:w,titleTextColor:N,titleTextSize:X,descTextColor:k,descTextSize:B,buttonAppearance:$,buttonLabel:H,elevationClass:j,loaderAppearance:F,loaderAppearanceSize:M,loaderFill:q,loaderItemFill:D,loaderSize:E,loaderType:G="dot",shapeClass:J,shapeStrengthClass:K,sizeClass:O,widthClass:Q,closeIcon:R,closeIconAppearance:U,closeIconAppearanceSize:V,closeIconSrc:W}=v,{styles:Y}=t(p);return e("div",{className:o("notification__item",`notification__item_${C}`,Q&&`width_${Q}`,j&&`elevation_${j}`,L&&`fill_${L}`,O&&`notification__item_size_${O}`,C&&`notification__item_type_${C}`,w&&`fill_${w}`,S&&"skeleton",J&&`shape_${J}`,K&&`shape-strength_${K}`),"data-testid":x,"data-tour":P,style:Y,children:[h,e("div",{className:o(f,"notification__item-wrapper"),children:[_&&r(l,{className:"notification__item-title",size:X,textColor:N,children:_}),T&&r(l,{className:"notification__item-text",size:B,textColor:k,children:T}),A&&r(d,{appearance:s(F,M),className:o(f,"button__loader"),type:G,size:E,fill:q,itemFill:D}),g&&r(n,{appearance:s(U,V),className:o("notification__item-close","cursor_type_pointer"),imageSrc:W,SvgImage:R,onClick:()=>g&&g(m)}),I&&H&&r(c,{appearance:$,className:"notification__item-button",width:"fill",label:H,onClick:I})]}),z]})}function P(e){const i=m(),{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_byVASRY8.js";import{a as l,I as n}from"../primitives_es_CJQjjxtH.js";import{L as d}from"../Loader_es_pnhZ5s_O.js";import{i as m}from"../default_es_l85QutMi.js";import{useNotifications as p,useNotificationsAPI as u}from"@itcase/ui-core/context";import"react";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const f={...{defaultPrimary:{fill:"surfacePrimary",fillHover:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",buttonAppearance:"accentPrimary sizeXXL solid rounded",loaderAppearance:"accentTertiary sizeS ghost rounded",closeIcon:m.Action.Close,closeIconAppearance:"surfacePrimary ghost circular"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},sizeM:{size:"m",titleTextSize:"xxl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},sizeS:{size:"m",titleTextSize:"xl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},...{errorPrimary:{fill:"errorPrimary",fillHover:"errorPrimary",titleTextColor:"errorTextPrimary",descTextColor:"errorTextPrimary",borderColor:"errorBorderPrimary",textColor:"errorTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"errorPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}},...{infoPrimary:{fill:"infoPrimary",fillHover:"infoPrimary",titleTextColor:"infoTextPrimary",descTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",textColor:"infoTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"infoPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}},...{successPrimary:{fill:"successPrimary",fillHover:"successPrimary",titleTextColor:"successTextPrimary",descTextColor:"successTextPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"successPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"successPrimary ghost circular"}},...{warningPrimary:{fill:"warningPrimary",fillHover:"warningPrimary",titleTextColor:"warningTextPrimary",descTextColor:"warningTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"warningTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"warningPrimary sizeS solid rounded",closeIcon:m.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}}},y={appearance:f,setAppearance:e=>{y.appearance=e}};function x(m){const{id:p,appearance:u,className:f,dataTestId:x,dataTour:P,type:C="float",title:_,text:T,before:z,after:A,isSkeleton:S,isLoading:I,onClickButton:h,onClickClose:b}=m,g=i(u,y),v=a(m,g),{fillClass:L,fillHoverClass:w,titleTextColor:N,titleTextSize:X,descTextColor:k,descTextSize:B,buttonAppearance:$,buttonLabel:H,elevationClass:j,loaderAppearance:F,loaderAppearanceSize:M,loaderFill:q,loaderItemFill:D,loaderSize:E,loaderType:G="dot",shapeClass:J,sizeClass:K,widthClass:O,closeIcon:Q,closeIconAppearance:R,closeIconAppearanceSize:U,closeIconSrc:V}=v,{styles:W}=t(m);return e("div",{className:o("notification__item",`notification__item_${C}`,O&&`width_${O}`,j&&`elevation_${j}`,L&&`fill_${L}`,K&&`notification__item_size_${K}`,C&&`notification__item_type_${C}`,w&&`fill_${w}`,S&&"skeleton",J&&`shape_${J}`),"data-testid":x,"data-tour":P,style:W,children:[z,e("div",{className:o(f,"notification__item-wrapper"),children:[_&&r(l,{className:"notification__item-title",size:X,textColor:N,children:_}),T&&r(l,{className:"notification__item-text",size:B,textColor:k,children:T}),I&&r(d,{appearance:s(F,M),className:o(f,"button__loader"),type:G,size:E,fill:q,itemFill:D}),b&&r(n,{appearance:s(R,U),className:o("notification__item-close","cursor_type_pointer"),imageSrc:V,SvgImage:Q,onClick:()=>b&&b(p)}),h&&H&&r(c,{appearance:$,className:"notification__item-button",width:"fill",label:H,onClick:h})]}),A]})}function P(e){const i=p(),{hideNotifications:a}=u(),{className:t,dataTestId:s,dataTour:c}=e;return r("div",{className:o("notification",t),"data-testid":s,"data-tour":c,children:r("div",{className:"notification__wrapper",children:i.map(e=>r(x,{id:e.id,appearance:e.appearance,type:e.type,title:e.title,status:e.status,text:e.text,buttonLabel:e.buttonLabel,after:e.after,closeIcon:e.closeIcon,closeIconSrc:e.closeIconSrc,isLoading:e.isLoading,onClickButton:e.onClickButton,onClickClose:a},e.id))})})}export{x as Notification,P as NotificationWrapper,f as notificationAppearance,y as notificationConfig};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useMemo as t,useState as n,useCallback as a,useRef as i,useEffect as r}from"react";import l from"clsx";import p from"react-paginate";import{useAppearanceConfig as c,useDevicePropsGenerator as u,useStyles as s}from"@itcase/ui-core/hooks";import{I as m,a as g,b as C,c as d}from"../primitives_es_AOPzysvv.js";import{a as I,b as v,i as S}from"../default_es_l85QutMi.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const _={surfacePrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentPrimary",fillHover:"surfaceHoverTertiary",fillInput:"surfacePrimary",fillInputHover:"surfaceHoverTertiary",textColor:"surfaceTextPrimary",textColorActive:"accentTextPrimary",textColorActiveHover:"accentTextPrimary",textColorHover:"surfaceTextPrimary",builderIconFillIcon:"surfaceItemPrimary",nextIconFillIcon:"surfaceItemPrimary",pageCountDescTextColor:"surfaceTextPrimary",pageCountDropdownAlignment:"topCenter",pageCountDropdownElevation:"8",pageCountDropdownFill:"surfacePrimary",pageCountDropdownFillHover:"surfaceHoverTertiary",pageCountDropdownItemDividerFill:"surfaceSecondary",pageCountDropdownItemFill:"surfacePrimary",pageCountDropdownItemFillActive:"accentPrimary",pageCountDropdownItemFillActiveHover:"accentPrimary",pageCountDropdownItemFillHover:"surfaceHoverSecondary",pageCountDropdownItemLabelAlign:"center",pageCountDropdownItemLabelColor:"surfaceTextPrimary",pageCountDropdownItemLabelColorActive:"accentTextPrimary",pageCountDropdownItemLabelColorActiveHover:"accentTextPrimary",pageCountDropdownItemLabelColorHover:"surfaceTextPrimary",pageCountInputIconColor:"surfaceItemPrimary",pageCountInputTextColor:"surfaceTextPrimary",previousIconFillIcon:"surfaceItemPrimary"},accentPrimary:{fill:"accentPrimary",fillActive:"accentActiveQuaternary",fillInput:"surfacePrimary",borderColor:"accentBorderPrimary",textColor:"accentTextPrimary",builderIconFillIcon:"accentItemPrimary",nextIconFillIcon:"accentItemPrimary",pageCountDescTextColor:"surfaceTextPrimary",pageCountDropdownAlignment:"topCenter",pageCountDropdownElevation:"8",pageCountDropdownFill:"surfacePrimary",pageCountDropdownItemDividerFill:"surfaceSecondary",pageCountDropdownItemFill:"surfacePrimary",pageCountDropdownItemFillActive:"accentPrimary",pageCountDropdownItemFillActiveHover:"accentActiveHoverPrimary",pageCountDropdownItemFillHover:"surfaceHoverSecondary",pageCountDropdownItemLabelAlign:"center",pageCountDropdownItemLabelColor:"surfaceTextPrimary",pageCountDropdownItemLabelColorActive:"accentTextPrimary",pageCountDropdownItemLabelColorActiveHover:"accentTextPrimary",pageCountDropdownItemLabelColorHover:"surfaceTextPrimary",pageCountInputIconColor:"surfaceItemPrimary",pageCountInputTextColor:"surfaceTextPrimary",previousIconFillIcon:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",loaderFill:"accentPrimary",loaderItemFill:"accentItemPrimary"},...{sizeL:{size:"l",labelTextSize:"l",textSize:"l",builderIcon:S.General.DotMedium,nextIcon:S.Arrow.ChevronRightSmall,pageCountDescTextSize:"l",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"m",pageCountDropdownItemSize:"l",pageCountDropdownItemWidth:"64px",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputIconFillSize:"24",pageCountInputTextSize:"l",previousIcon:S.Arrow.ChevronLeftSmall},sizeM:{size:"m",labelTextSize:"m",textSize:"m",builderIcon:S.General.DotMedium,nextIcon:S.Arrow.ChevronRightSmall,pageCountDescTextSize:"m",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"m",pageCountDropdownItemSize:"l",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputIconFillSize:"14",pageCountInputTextSize:"m",previousIcon:S.Arrow.ChevronLeftSmall},sizeS:{size:"s",labelTextSize:"s",textSize:"s",builderIcon:S.General.DotMedium,nextIcon:v.Arrow.ChevronRightSmall,pageCountDescTextSize:"s",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"s",pageCountDropdownItemSize:"s",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputTextSize:"s",previousIcon:v.Arrow.ChevronLeftSmall},sizeXS:{size:"xs",labelTextSize:"xs",textSize:"xs",builderIcon:I.General.DotMedium,nextIcon:I.Arrow.ChevronRightSmall,pageCountDescTextSize:"xs",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"xs",pageCountDropdownItemSize:"xs",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputTextSize:"xs",previousIcon:I.Arrow.ChevronLeftSmall}},circular:{shape:"circular"},rounded:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},roundedXL:{fillInputShape:"rounded",fillInputShapeStrength:"2m",pageCountDropdownShape:"rounded",pageCountDropdownShapeStrength:"2m"},roundedL:{fillInputShape:"rounded",fillInputShapeStrength:"1_5m",pageCountDropdownShape:"rounded",pageCountDropdownShapeStrength:"1_5m"},roundedM:{fillInputShape:"rounded",fillInputShapeStrength:"1m",pageCountDropdownShape:"rounded",pageCountDropdownShapeStrength:"1m"},roundedS:{fillInputShape:"rounded",fillInputShapeStrength:"0_5m",pageCountDropdownShape:"rounded",pageCountDropdownShapeStrength:"0_5m"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},x={appearance:_,setAppearance:e=>{x.appearance=e}};function D(I){const{appearance:v,className:S,dataTestId:_,dataTour:D,allItemsCount:f=0,pageCountDesc:w="кол-во строк",pageCountDropdownItemDividerDirection:h,pageCountList:b=[10,20,50,100],pageNumber:z=0,perPageCount:P=0,isDisabled:y,isSkeleton:T,isPageCount:A,isPageCountDropdownReversed:F=!1,isPageLabelBuilder:H,onChangePage:L,onChangePerPageCount:k,onPageChange:N,onPerPageCountChange:$}=I,M=t(()=>N?(console.warn('@itcase/ui Pagination warning: "onPageChange" is deprecated, use "onChangePage" instead.'),N):L,[L,N]),R=t(()=>e=>$?(console.warn('@itcase/ui Pagination warning: "onPerPageCountChange" is deprecated, use "onChangePerPageCount" instead.'),$(e)):k(e),[k,$]),[j,W]=n(!1),[B,G]=n(P),E=t(()=>F?b?.reverse():b,[F,b]),O=a(()=>{W(e=>!e)},[]),X=a((e,o)=>{e.stopPropagation(),R(o),G(o),W(!1)},[R]),Q=t(()=>f&&f>0?Math.ceil(f/P):0,[f,P]),q=t(()=>{const e=z;return!isNaN(e)&&e>1?e-1:0},[z]),J=i(P);r(()=>{const e=J.current;J.current=P;const o=(z-1)*e+1,t=Math.ceil(o/P);t!==z&&M({selected:t-1})},[P]),r(()=>{z>Q&&Q>0&&M({selected:Q-1})},[f]);const K=c(v,x,y),U=u(I,K),{justifyContentClass:V,fillActiveClass:Y,fillActiveHoverClass:Z,fillClass:ee,fillHoverClass:oe,fillInputClass:te,fillInputHoverClass:ne,fillInputShapeClass:ae,fillInputShapeStrengthClass:ie,textColorActiveClass:re,textColorActiveHoverClass:le,textColorClass:pe,textColorHoverClass:ce,textSizeClass:ue,builderIcon:se,builderIconFill:me,builderIconFillIcon:ge,builderIconFillSize:Ce,builderIconSize:de,marginPagesDisplayed:Ie,nextIcon:ve,nextIconFill:Se,nextIconFillIcon:_e,nextIconFillSize:xe,nextIconSize:De,pageCountDescTextColor:fe,pageCountDescTextSize:we,pageCountDropdownAlignment:he,pageCountDropdownElevation:be,pageCountDropdownFill:ze,pageCountDropdownFillHover:Pe,pageCountDropdownItemDividerFill:ye,pageCountDropdownItemDividerSize:Te,pageCountDropdownItemFill:Ae,pageCountDropdownItemFillActive:Fe,pageCountDropdownItemFillActiveHover:He,pageCountDropdownItemFillHover:Le,pageCountDropdownItemLabelAlign:ke,pageCountDropdownItemLabelColor:Ne,pageCountDropdownItemLabelColorActive:$e,pageCountDropdownItemLabelColorActiveHover:Me,pageCountDropdownItemLabelColorHover:Re,pageCountDropdownItemLabelSize:je,pageCountDropdownItemLabelWrap:We,pageCountDropdownItemShowDivider:Be,pageCountDropdownItemSize:Ge,pageCountDropdownItemWidth:Ee,pageCountDropdownShape:Oe,pageCountDropdownShapeStrength:Xe,pageCountInputIcon:Qe,pageCountInputIconColor:qe,pageCountInputIconFillSize:Je,pageCountInputIconSrc:Ke,pageCountInputTextColor:Ue,pageCountInputTextSize:Ve,pageRangeDisplayed:Ye,previousIcon:Ze,previousIconFill:eo,previousIconFillIcon:oo,previousIconFillSize:to,previousIconSize:no,sizeClass:ao}=U,{styles:io}=s(I),ro=Math.min(P,...b);return f>ro&&e("div",{className:l("pagination",ao&&`pagination_size_${ao}`,T&&"skeleton"),"data-testid":_,"data-tour":D,style:io,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",re&&`text text-color_active_${re}`,le&&`text text-color_active_hover_${le}`),breakClassName:"pagination__item pagination__item_break",breakLabel:"...",breakLinkClassName:"pagination__item-link",containerClassName:l(S,"pagination__container",V&&`pagination_justify-content_${V}`),disabledClassName:"pagination__item_state_disabled cursor_type_default",disabledLinkClassName:"pagination__item_state_disabled",forcePage:q,marginPagesDisplayed:Ie,nextClassName:l("pagination__item pagination__item_next",ao&&`pagination__item_size_${ao}`,ee&&`fill_${ee}`,oe&&`fill_hover_${oe}`),nextLabel:o(m,{fill:Se,fillSize:xe,iconFill:_e,iconSize:De,shape:"circular",SvgImage:ve}),nextLinkClassName:"pagination__item-link",pageClassName:l("pagination__item",ao&&`pagination__item_size_${ao}`,ee&&`fill_${ee}`,oe&&`fill_hover_${oe}`),pageCount:Q,pageLabelBuilder:H&&(()=>o(m,{fill:me,fillSize:Ce,iconFill:ge,iconSize:de,shape:"circular",SvgImage:se})),pageLinkClassName:l("pagination__item-link",ue&&`pagination__item-link_size_${ue}`,pe&&`text text-color_${pe}`,ce&&`text-color_hover_${ce}`),pageRangeDisplayed:Ye??8,previousClassName:l("pagination__item pagination__item_previous",ao&&`pagination__item_size_${ao}`,ee&&`fill_${ee}`,oe&&`fill_hover_${oe}`),previousLabel:o(m,{fill:eo,fillSize:to,iconFill:oo,iconSize:no,shape:"circular",SvgImage:Ze}),previousLinkClassName:"pagination__item-link",onPageChange:M}),A&&e("div",{className:l(S,"pagination__count"),children:[o(g,{className:"pagination__count-text",size:we,textColor:fe,children:w}),e("div",{className:l("pagination__input","cursor_type_pointer",te&&`fill_${te}`,ne&&`fill_hover_${ne}`,ae&&`shape_${ae}`,ie&&`shape-strength_${ie}`),onClick:O,children:[o(g,{size:Ve,textColor:Ue,children:B}),o(m,{fillSize:Je,iconFill:qe,imageSrc:Ke,SvgImage:Qe}),o(C,{className:"pagination__dropdown",alignment:he,fill:ze,fillHover:Pe,elevation:be,shape:Oe,shapeStrength:Xe,isOpen:j,setIsOpen:W,children:E.map((e,t)=>o(d,B===e?{width:Ee,size:Ge,fill:Ae,fillActive:Fe,fillActiveHover:He,fillHover:Le,label:e.toString(),labelTextAlign:ke,labelTextColor:Ne,labelTextColorActive:$e,labelTextColorActiveHover:Me,labelTextColorHover:Re,labelTextSize:je,labelTextWrap:We,dividerDirection:h,dividerFill:ye,dividerSize:Te,showDivider:t<b.length-1&&Be,isActive:!0,onClick:o=>X(o,e)}:{width:Ee,size:Ge,fill:Ae,fillHover:Le,label:e.toString(),labelTextAlign:ke,labelTextColor:Ne,labelTextColorHover:Re,labelTextSize:je,labelTextWrap:We,dividerDirection:h,dividerFill:ye,dividerSize:Te,showDivider:t<b.length-1&&Be,isActive:!1,onClick:o=>X(o,e)},e))})]})]})]})}export{D as Pagination,_ as paginationAppearance,x as paginationConfig};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useMemo as t,useState as a,useCallback as n,useRef as i,useEffect as r}from"react";import l from"clsx";import p from"react-paginate";import{useAppearanceConfig as c,useDevicePropsGenerator as u,useStyles as s}from"@itcase/ui-core/hooks";import{I as m,a as C,b as d,c as g}from"../primitives_es_CJQjjxtH.js";import{a as I,b as v,i as x}from"../default_es_l85QutMi.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const _={surfacePrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentPrimary",fillHover:"surfaceHoverTertiary",fillInput:"surfacePrimary",fillInputHover:"surfaceHoverTertiary",textColor:"surfaceTextPrimary",textColorActive:"accentTextPrimary",textColorActiveHover:"accentTextPrimary",textColorHover:"surfaceTextPrimary",builderIconFillIcon:"surfaceItemPrimary",nextIconFillIcon:"surfaceItemPrimary",pageCountDescTextColor:"surfaceTextPrimary",pageCountDropdownAlignment:"topCenter",pageCountDropdownElevation:"8",pageCountDropdownFill:"surfacePrimary",pageCountDropdownFillHover:"surfaceHoverTertiary",pageCountDropdownItemDividerFill:"surfaceSecondary",pageCountDropdownItemFill:"surfacePrimary",pageCountDropdownItemFillActive:"accentPrimary",pageCountDropdownItemFillActiveHover:"accentPrimary",pageCountDropdownItemFillHover:"surfaceHoverSecondary",pageCountDropdownItemLabelAlign:"center",pageCountDropdownItemLabelColor:"surfaceTextPrimary",pageCountDropdownItemLabelColorActive:"accentTextPrimary",pageCountDropdownItemLabelColorActiveHover:"accentTextPrimary",pageCountDropdownItemLabelColorHover:"surfaceTextPrimary",pageCountInputIconColor:"surfaceItemPrimary",pageCountInputTextColor:"surfaceTextPrimary",previousIconFillIcon:"surfaceItemPrimary"},accentPrimary:{fill:"accentPrimary",fillActive:"accentActiveQuaternary",fillInput:"surfacePrimary",borderColor:"accentBorderPrimary",textColor:"accentTextPrimary",builderIconFillIcon:"accentItemPrimary",nextIconFillIcon:"accentItemPrimary",pageCountDescTextColor:"surfaceTextPrimary",pageCountDropdownAlignment:"topCenter",pageCountDropdownElevation:"8",pageCountDropdownFill:"surfacePrimary",pageCountDropdownItemDividerFill:"surfaceSecondary",pageCountDropdownItemFill:"surfacePrimary",pageCountDropdownItemFillActive:"accentPrimary",pageCountDropdownItemFillActiveHover:"accentActiveHoverPrimary",pageCountDropdownItemFillHover:"surfaceHoverSecondary",pageCountDropdownItemLabelAlign:"center",pageCountDropdownItemLabelColor:"surfaceTextPrimary",pageCountDropdownItemLabelColorActive:"accentTextPrimary",pageCountDropdownItemLabelColorActiveHover:"accentTextPrimary",pageCountDropdownItemLabelColorHover:"surfaceTextPrimary",pageCountInputIconColor:"surfaceItemPrimary",pageCountInputTextColor:"surfaceTextPrimary",previousIconFillIcon:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",loaderFill:"accentPrimary",loaderItemFill:"accentItemPrimary"},...{sizeL:{size:"l",labelTextSize:"l",textSize:"l",builderIcon:x.General.DotMedium,nextIcon:x.Arrow.ChevronRightSmall,pageCountDescTextSize:"l",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"m",pageCountDropdownItemSize:"l",pageCountDropdownItemWidth:"64px",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputIconFillSize:"24",pageCountInputTextSize:"l",previousIcon:x.Arrow.ChevronLeftSmall},sizeM:{size:"m",labelTextSize:"m",textSize:"m",builderIcon:x.General.DotMedium,nextIcon:x.Arrow.ChevronRightSmall,pageCountDescTextSize:"m",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"m",pageCountDropdownItemSize:"l",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputIconFillSize:"14",pageCountInputTextSize:"m",previousIcon:x.Arrow.ChevronLeftSmall},sizeS:{size:"s",labelTextSize:"s",textSize:"s",builderIcon:x.General.DotMedium,nextIcon:v.Arrow.ChevronRightSmall,pageCountDescTextSize:"s",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"s",pageCountDropdownItemSize:"s",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputTextSize:"s",previousIcon:v.Arrow.ChevronLeftSmall},sizeXS:{size:"xs",labelTextSize:"xs",textSize:"xs",builderIcon:I.General.DotMedium,nextIcon:I.Arrow.ChevronRightSmall,pageCountDescTextSize:"xs",pageCountDropdownItemDividerSize:"xxs",pageCountDropdownItemLabelSize:"xs",pageCountDropdownItemSize:"xs",pageCountInputIcon:I.Arrow.ChevronDownSmall,pageCountInputTextSize:"xs",previousIcon:I.Arrow.ChevronLeftSmall}},circular:{shape:"circular"},rounded:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},roundedXL:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},roundedL:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},roundedM:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},roundedS:{fillInputShape:"rounded",pageCountDropdownShape:"rounded"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},D={appearance:_,setAppearance:e=>{D.appearance=e}};function f(I){const{appearance:v,className:x,dataTestId:_,dataTour:f,allItemsCount:S=0,pageCountDesc:w="кол-во строк",pageCountDropdownItemDividerDirection:b,pageCountList:z=[10,20,50,100],pageNumber:h=0,perPageCount:P=0,isDisabled:y,isSkeleton:T,isPageCount:A,isPageCountDropdownReversed:F=!1,isPageLabelBuilder:H,onChangePage:L,onChangePerPageCount:k,onPageChange:N,onPerPageCountChange:$}=I,M=t(()=>N?(console.warn('@itcase/ui Pagination warning: "onPageChange" is deprecated, use "onChangePage" instead.'),N):L,[L,N]),R=t(()=>e=>$?(console.warn('@itcase/ui Pagination warning: "onPerPageCountChange" is deprecated, use "onChangePerPageCount" instead.'),$(e)):k(e),[k,$]),[j,W]=a(!1),[B,G]=a(P),E=t(()=>F?z?.reverse():z,[F,z]),O=n(()=>{W(e=>!e)},[]),X=n((e,o)=>{e.stopPropagation(),R(o),G(o),W(!1)},[R]),Q=t(()=>S&&S>0?Math.ceil(S/P):0,[S,P]),q=t(()=>{const e=h;return!isNaN(e)&&e>1?e-1:0},[h]),J=i(P);r(()=>{const e=J.current;J.current=P;const o=(h-1)*e+1,t=Math.ceil(o/P);t!==h&&M({selected:t-1})},[P]),r(()=>{h>Q&&Q>0&&M({selected:Q-1})},[S]);const K=c(v,D,y),U=u(I,K),{justifyContentClass:V,fillActiveClass:Y,fillActiveHoverClass:Z,fillClass:ee,fillHoverClass:oe,fillInputClass:te,fillInputHoverClass:ae,fillInputShapeClass:ne,textColorActiveClass:ie,textColorActiveHoverClass:re,textColorClass:le,textColorHoverClass:pe,textSizeClass:ce,builderIcon:ue,builderIconFill:se,builderIconFillIcon:me,builderIconFillSize:Ce,builderIconSize:de,marginPagesDisplayed:ge,nextIcon:Ie,nextIconFill:ve,nextIconFillIcon:xe,nextIconFillSize:_e,nextIconSize:De,pageCountDescTextColor:fe,pageCountDescTextSize:Se,pageCountDropdownAlignment:we,pageCountDropdownElevation:be,pageCountDropdownFill:ze,pageCountDropdownFillHover:he,pageCountDropdownItemDividerFill:Pe,pageCountDropdownItemDividerSize:ye,pageCountDropdownItemFill:Te,pageCountDropdownItemFillActive:Ae,pageCountDropdownItemFillActiveHover:Fe,pageCountDropdownItemFillHover:He,pageCountDropdownItemLabelAlign:Le,pageCountDropdownItemLabelColor:ke,pageCountDropdownItemLabelColorActive:Ne,pageCountDropdownItemLabelColorActiveHover:$e,pageCountDropdownItemLabelColorHover:Me,pageCountDropdownItemLabelSize:Re,pageCountDropdownItemLabelWrap:je,pageCountDropdownItemShowDivider:We,pageCountDropdownItemSize:Be,pageCountDropdownItemWidth:Ge,pageCountDropdownShape:Ee,pageCountInputIcon:Oe,pageCountInputIconColor:Xe,pageCountInputIconFillSize:Qe,pageCountInputIconSrc:qe,pageCountInputTextColor:Je,pageCountInputTextSize:Ke,pageRangeDisplayed:Ue,previousIcon:Ve,previousIconFill:Ye,previousIconFillIcon:Ze,previousIconFillSize:eo,previousIconSize:oo,sizeClass:to}=U,{styles:ao}=s(I),no=Math.min(P,...z);return S>no&&e("div",{className:l("pagination",to&&`pagination_size_${to}`,T&&"skeleton"),"data-testid":_,"data-tour":f,style:ao,children:[o(p,{activeClassName:l("pagination__item_state_active cursor_type_default",Y&&`fill fill_active_${Y}`,Z&&`fill fill_active_hover_${Z}`),activeLinkClassName:l("pagination__item-link_state_active",ie&&`text text-color_active_${ie}`,re&&`text text-color_active_hover_${re}`),breakClassName:"pagination__item pagination__item_break",breakLabel:"...",breakLinkClassName:"pagination__item-link",containerClassName:l(x,"pagination__container",V&&`pagination_justify-content_${V}`),disabledClassName:"pagination__item_state_disabled cursor_type_default",disabledLinkClassName:"pagination__item_state_disabled",forcePage:q,marginPagesDisplayed:ge,nextClassName:l("pagination__item pagination__item_next",to&&`pagination__item_size_${to}`,ee&&`fill_${ee}`,oe&&`fill_hover_${oe}`),nextLabel:o(m,{fill:ve,fillSize:_e,iconFill:xe,iconSize:De,shape:"circular",SvgImage:Ie}),nextLinkClassName:"pagination__item-link",pageClassName:l("pagination__item",to&&`pagination__item_size_${to}`,ee&&`fill_${ee}`,oe&&`fill_hover_${oe}`),pageCount:Q,pageLabelBuilder:H&&(()=>o(m,{fill:se,fillSize:Ce,iconFill:me,iconSize:de,shape:"circular",SvgImage:ue})),pageLinkClassName:l("pagination__item-link",ce&&`pagination__item-link_size_${ce}`,le&&`text text-color_${le}`,pe&&`text-color_hover_${pe}`),pageRangeDisplayed:Ue??8,previousClassName:l("pagination__item pagination__item_previous",to&&`pagination__item_size_${to}`,ee&&`fill_${ee}`,oe&&`fill_hover_${oe}`),previousLabel:o(m,{fill:Ye,fillSize:eo,iconFill:Ze,iconSize:oo,shape:"circular",SvgImage:Ve}),previousLinkClassName:"pagination__item-link",onPageChange:M}),A&&e("div",{className:l(x,"pagination__count"),children:[o(C,{className:"pagination__count-text",size:Se,textColor:fe,children:w}),e("div",{className:l("pagination__input","cursor_type_pointer",te&&`fill_${te}`,ae&&`fill_hover_${ae}`,ne&&`shape_${ne}`),onClick:O,children:[o(C,{size:Ke,textColor:Je,children:B}),o(m,{fillSize:Qe,iconFill:Xe,imageSrc:qe,SvgImage:Oe}),o(d,{className:"pagination__dropdown",alignment:we,fill:ze,fillHover:he,elevation:be,shape:Ee,isOpen:j,setIsOpen:W,children:E.map((e,t)=>o(g,B===e?{width:Ge,size:Be,fill:Te,fillActive:Ae,fillActiveHover:Fe,fillHover:He,label:e.toString(),labelTextAlign:Le,labelTextColor:ke,labelTextColorActive:Ne,labelTextColorActiveHover:$e,labelTextColorHover:Me,labelTextSize:Re,labelTextWrap:je,dividerDirection:b,dividerFill:Pe,dividerSize:ye,showDivider:t<z.length-1&&We,isActive:!0,onClick:o=>X(o,e)}:{width:Ge,size:Be,fill:Te,fillHover:He,label:e.toString(),labelTextAlign:Le,labelTextColor:ke,labelTextColorHover:Me,labelTextSize:Re,labelTextWrap:je,dividerDirection:b,dividerFill:Pe,dividerSize:ye,showDivider:t<z.length-1&&We,isActive:!1,onClick:o=>X(o,e)},e))})]})]})]})}export{f as Pagination,_ as paginationAppearance,D as paginationConfig};
@@ -1 +1 @@
1
- import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as i}from"@itcase/ui-core/hooks";import{a as l}from"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const d={defaultPrimary:{fill:"surfaceSecondary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceSecondary",fillRadioHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},errorPrimary:{fill:"errorTertiary",fillCheckmark:"errorPrimary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"errorBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},successPrimary:{fill:"successTertiary",fillCheckmark:"accentSecondary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"accentBorderSecondary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},requirePrimary:{fill:"warningTertiary",fillCheckmark:"warningPrimary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"warningBorderSecondary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary"},disabledPrimary:{fill:"surfaceDisabled",fillCheckmark:"surfaceQuaternary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},sizeM:{size:"m",labelTextSize:"s",descTextSize:"xs"},sizeXS:{size:"xs",labelTextSize:"m",descTextSize:"xs"},sizeXXS:{size:"xxs",labelTextSize:"m",descTextSize:"xs"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},solid:{fill:"none",fillHover:"none",borderColor:"none",borderColorHover:"none",borderRadioColor:"none",borderRadioColorActive:"none",borderRadioColorActiveHover:"none",borderRadioColorHover:"none"},outlined:{fill:"none",fillHover:"none"},full:{},ghost:{fill:"none",fillHover:"none",borderColor:"none",borderColorHover:"none"}},s={appearance:d,setAppearance:r=>{s.appearance=r}};function t(d){const{id:t,appearance:c,className:n,dataTestId:u,dataTour:f,label:C,desc:v,checked:b,tag:m="label",value:y,isActive:h,isDisabled:_,isSkeleton:x,onChange:p}=d,T=a(c,s,_),R=i(d,T),{fillCheckmarkClass:H,fillClass:B,fillHoverClass:Q,fillRadioActiveClass:S,fillRadioActiveHoverClass:A,fillRadioClass:g,fillRadioHoverClass:k,labelTextColor:z,labelTextSize:P,labelTextWeight:$,descTextColor:N,descTextSize:W,descTextWeight:X,borderRadioColorActiveClass:w,borderRadioColorActiveHoverClass:j,borderRadioColorClass:D,borderRadioColorHoverClass:L,shapeClass:M,shapeStrengthClass:q,sizeClass:F}=R;return r(m,{className:o(n,"radio",B&&`fill_${B}`,Q&&`fill_${Q}`,x&&"skeleton",F&&`radio_size_${F}`,b&&h?S&&`radio_fill_active_${S}`:g&&`radio_fill_${g}`,b&&h?A&&`radio_fill_active_hover_${A}`:k&&`radio_fill_hover_${k}`,b&&h?w&&`radio_border-color_active_${w}`:D&&`radio_border-color_${D}`,b&&h?j&&`radio_border-color_active_hover_${j}`:L&&`radio_border-color_hover_${L}`),"data-testid":u,"data-tour":f,htmlFor:t,children:[r("div",{className:o("radio__item"),children:[e("input",{id:String(t),className:"radio__input",type:"radio",checked:b,disabled:_,value:y,onChange:p}),e("div",{className:o("radio__state",M&&`shape_${M}`,q&&`shape-strength_${q}`),children:" "}),e("div",{className:o("radio__state-checkmark",b&&H&&`fill_${H}`),children:" "})]}),C&&e(l,{className:"radio__label",size:P,textColor:z,textWeight:$,children:C}),v&&e(l,{className:"radio__desc",size:W,textColor:N,textWeight:X,children:v})]})}export{t as Radio,d as radioAppearance,s as radioConfig};
1
+ import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as i}from"@itcase/ui-core/hooks";import{a as l}from"../primitives_es_CJQjjxtH.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const d={defaultPrimary:{fill:"surfaceSecondary",fillCheckmark:"surfaceQuaternary",fillRadio:"surfaceSecondary",fillRadioHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary",shape:"circular"},errorPrimary:{fill:"errorTertiary",fillCheckmark:"errorPrimary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"errorBorderQuaternary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},successPrimary:{fill:"successTertiary",fillCheckmark:"accentSecondary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"accentBorderSecondary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},requirePrimary:{fill:"warningTertiary",fillCheckmark:"warningPrimary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"warningBorderSecondary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderQuaternary",borderRadioColorActiveHover:"surfaceBorderQuaternary",borderRadioColorHover:"surfaceBorderQuaternary"},disabledPrimary:{fill:"surfaceDisabled",fillCheckmark:"surfaceQuaternary",labelTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderRadioColor:"surfaceBorderQuaternary",borderRadioColorActive:"surfaceBorderActiveQuaternary",borderRadioColorActiveHover:"surfaceBorderHoverQuaternary",borderRadioColorHover:"surfaceBorderHoverQuaternary"},sizeM:{size:"m",labelTextSize:"s",descTextSize:"xs"},sizeXS:{size:"xs",labelTextSize:"m",descTextSize:"xs"},sizeXXS:{size:"xxs",labelTextSize:"m",descTextSize:"xs"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},solid:{fill:"none",fillHover:"none",borderColor:"none",borderColorHover:"none",borderRadioColor:"none",borderRadioColorActive:"none",borderRadioColorActiveHover:"none",borderRadioColorHover:"none"},outlined:{fill:"none",fillHover:"none"},full:{},ghost:{fill:"none",fillHover:"none",borderColor:"none",borderColorHover:"none"}},s={appearance:d,setAppearance:r=>{s.appearance=r}};function t(d){const{id:t,appearance:c,className:n,dataTestId:u,dataTour:f,label:C,desc:v,checked:b,tag:m="label",value:y,isActive:x,isDisabled:_,isSkeleton:h,onChange:T}=d,R=a(c,s,_),p=i(d,R),{fillCheckmarkClass:H,fillClass:B,fillHoverClass:Q,fillRadioActiveClass:A,fillRadioActiveHoverClass:k,fillRadioClass:z,fillRadioHoverClass:P,labelTextColor:S,labelTextSize:g,labelTextWeight:$,descTextColor:N,descTextSize:W,descTextWeight:X,borderRadioColorActiveClass:w,borderRadioColorActiveHoverClass:j,borderRadioColorClass:D,borderRadioColorHoverClass:L,shapeClass:M,sizeClass:q}=p;return r(m,{className:o(n,"radio",B&&`fill_${B}`,Q&&`fill_${Q}`,h&&"skeleton",q&&`radio_size_${q}`,b&&x?A&&`radio_fill_active_${A}`:z&&`radio_fill_${z}`,b&&x?k&&`radio_fill_active_hover_${k}`:P&&`radio_fill_hover_${P}`,b&&x?w&&`radio_border-color_active_${w}`:D&&`radio_border-color_${D}`,b&&x?j&&`radio_border-color_active_hover_${j}`:L&&`radio_border-color_hover_${L}`),"data-testid":u,"data-tour":f,htmlFor:t,children:[r("div",{className:o("radio__item"),children:[e("input",{id:String(t),className:"radio__input",type:"radio",checked:b,disabled:_,value:y,onChange:T}),e("div",{className:o("radio__state",M&&`shape_${M}`),children:" "}),e("div",{className:o("radio__state-checkmark",b&&H&&`fill_${H}`),children:" "})]}),C&&e(l,{className:"radio__label",size:g,textColor:S,textWeight:$,children:C}),v&&e(l,{className:"radio__desc",size:W,textColor:N,textWeight:X,children:v})]})}export{t as Radio,d as radioAppearance,s as radioConfig};
@@ -1 +1 @@
1
- import{responseIcon as e}from"./Response/img.js";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useMemo as i}from"react";import o from"clsx";import{urlWithAssetPrefix as s}from"@itcase/ui-core/hoc";import{useAppearanceConfig as n,useDevicePropsGenerator as l,useStyles as c}from"@itcase/ui-core/hooks";import{B as d}from"../Button_es_BVekDLIK.js";import{G as p}from"../Group_es_YMaKEE-1.js";import{a as u}from"../primitives_es_AOPzysvv.js";import"@itcase/ui-core/utils";import"../Loader_es_DWZILN4t.js";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";const m={confirm:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Confirm),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},y={danger:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Danger),primaryButtonAppearance:"dangerPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"dangerPrimary",svgPathFill:"dangerPrimary"}},f={empty:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Empty),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},g={error:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Error),primaryButtonAppearance:"errorPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"errorPrimary",svgPathFill:"errorPrimary"}},x={fail:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Fail),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},S={nothingFound:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.NothingFound),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},B={refresh:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Refresh),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},h={success:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Success),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"accentPrimary",svgPathFill:"accentPrimary"}},z={...m,...f,...y,...B,...{unableLoadData:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.UnableLoadData),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},...S,...x,...g,...h,...{warning:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Warning),primaryButtonAppearance:"surfaceSecondary sizeXXL solid",secondaryButtonAppearance:"warningPrimary sizeXXL solid",svgFill:"warningPrimary",svgPathFill:"warningPrimary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},X={appearance:z,setAppearance:e=>{X.appearance=e}},T=s(t(function(e,t){const{appearance:s,className:m,dataTestId:y,dataTour:f,width:g,height:x,title:S,desc:B,primaryButton:h,secondaryButton:z,showPrimaryButton:T=!0,showSecondaryButton:L=!0,before:P,after:b,isSkeleton:_,isBottomButton:v,onClickPrimaryButton:C,onClickSecondaryButton:A}=e,F=n(s,X),w=l(e,F),{fillClass:N,fillHoverClass:$,titleTextColor:k,titleTextSize:D,titleTextWeight:W,descTextColor:j,descTextSize:H,descTextWeight:Q,borderColorClass:U,borderColorHoverClass:E,borderTypeClass:G,borderWidthClass:I,heightClass:R,imageSrc:q,primaryButtonAfter:J,primaryButtonAppearance:K,primaryButtonBefore:M,primaryButtonFill:O,primaryButtonFillHover:V,primaryButtonLabel:Y,primaryButtonLabelTextColor:Z,primaryButtonLabelTextSize:ee,primaryButtonShape:re,primaryButtonSize:ae,primaryButtonWidth:te,secondaryButtonAfter:ie,secondaryButtonAppearance:oe,secondaryButtonBefore:se,secondaryButtonFill:ne,secondaryButtonFillHover:le,secondaryButtonLabel:ce,secondaryButtonLabelTextColor:de,secondaryButtonLabelTextSize:pe,secondaryButtonShape:ue,secondaryButtonSize:me,secondaryButtonWidth:ye,shapeClass:fe,shapeStrengthClass:ge,svgFillClass:xe,SvgImage:Se,svgPathFillClass:Be,svgSrc:he,widthClass:ze}=w,Xe=i(()=>{const e=q||he,a=Se;if(a){const e={};return g&&(e.width=g),x&&(e.height=x),r(a,{...e})}return e?r("img",{src:e}):null},[q,he,Se,g,x]),{styles:Te,wrapper:Le}=c(e);return a("div",{className:o(m,"response",v&&"response_bottom-button",U&&`border-color_${U}`,E&&`border-color_hover_${E}`,G&&`border_type_${G}`,I&&`border-width_${I}`,N&&`fill_${N}`,$&&`fill_hover_${$}`,R&&`height_${R}`,fe&&`shape_${fe}`,ge&&`shape-strength_${ge}`,ze&&`width_${ze}`,_&&"skeleton"),ref:t,"data-testid":y,"data-tour":f,style:Te,children:[P,a("div",{className:"response__wrapper",style:Le,children:[Xe&&r("div",{className:o("response__image",xe&&`svg_fill_${xe}`,Be&&`svg_path_fill_${Be}`),children:Xe}),a("div",{className:"response__wrapper-inner",children:[S&&r(u,{className:"response__title",size:D,textColor:k,textWeight:W,children:S}),B&&r(u,{className:"response__desc",size:H,textColor:j,textWeight:Q,children:B})]})]}),(Y||h||ce||z||F)&&a(p,{className:"response__button",width:"fill",children:[Y&&T?r(d,{appearance:K,className:"response__button-item",width:te||"fill",size:ae,fill:O,fillHover:V,label:Y,labelTextColor:Z,labelTextSize:ee,shape:re,before:M,after:J,onClick:C}):h,ce&&L?r(d,{appearance:oe,className:"response__button-item",width:ye||"fill",size:me,fill:ne,fillHover:le,label:ce,labelTextColor:de,labelTextSize:pe,shape:ue,before:se,after:ie,onClick:A}):z]}),b]})})),L={error:{appearance:"error ghost",title:"Ошибка",desc:"Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com",primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorAccessDenied:{appearance:"unableLoadData ghost",title:"Доступ ограничен",desc:"Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com",code:"401/403",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorNetwork:{appearance:"unableLoadData ghost",title:"Ошибка соединения",desc:"Не удалось подключиться. Проверьте интернет-соединение и повторите попытку",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Обновить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},fail:{appearance:"fail ghost",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},nothingFound:{appearance:"nothingFound ghost",title:"Ничего не найдено",desc:"Нет данных по заданным параметрам",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Сбросить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},empty:{appearance:"empty ghost",title:"Список пуст",desc:"Нет данных по заданным параметрам",code:"200",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},warning:{appearance:"warning ghost",title:"Внимание",primaryButtonAppearance:"warningPrimary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"}};export{L as RESPONSE_MESSAGES,T as Response,z as responseAppearance,X as responseConfig,e as responseIcon};
1
+ import{responseIcon as e}from"./Response/img.js";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useMemo as i}from"react";import o from"clsx";import{urlWithAssetPrefix as s}from"@itcase/ui-core/hoc";import{useAppearanceConfig as n,useDevicePropsGenerator as l,useStyles as c}from"@itcase/ui-core/hooks";import{B as d}from"../Button_es_byVASRY8.js";import{G as p}from"../Group_es_DIuSNHx3.js";import{a as u}from"../primitives_es_CJQjjxtH.js";import"@itcase/ui-core/utils";import"../Loader_es_pnhZ5s_O.js";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";const m={confirm:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Confirm),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},y={danger:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Danger),primaryButtonAppearance:"dangerPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"dangerPrimary",svgPathFill:"dangerPrimary"}},f={empty:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Empty),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},g={error:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Error),primaryButtonAppearance:"errorPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"errorPrimary",svgPathFill:"errorPrimary"}},x={fail:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Fail),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},B={nothingFound:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.NothingFound),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},S={refresh:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Refresh),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},h={success:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Success),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"accentPrimary",svgPathFill:"accentPrimary"}},z={...m,...f,...y,...S,...{unableLoadData:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.UnableLoadData),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},...B,...x,...g,...h,...{warning:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Warning),primaryButtonAppearance:"surfaceSecondary sizeXXL solid",secondaryButtonAppearance:"warningPrimary sizeXXL solid",svgFill:"warningPrimary",svgPathFill:"warningPrimary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},X={appearance:z,setAppearance:e=>{X.appearance=e}},T=s(t(function(e,t){const{appearance:s,className:m,dataTestId:y,dataTour:f,width:g,height:x,title:B,desc:S,primaryButton:h,secondaryButton:z,showPrimaryButton:T=!0,showSecondaryButton:L=!0,before:P,after:b,isSkeleton:_,isBottomButton:v,onClickPrimaryButton:A,onClickSecondaryButton:C}=e,F=n(s,X),w=l(e,F),{fillClass:N,fillHoverClass:$,titleTextColor:k,titleTextSize:D,titleTextWeight:W,descTextColor:j,descTextSize:H,descTextWeight:Q,borderColorClass:U,borderColorHoverClass:E,borderTypeClass:G,borderWidthClass:I,heightClass:R,imageSrc:q,primaryButtonAfter:J,primaryButtonAppearance:K,primaryButtonBefore:M,primaryButtonFill:O,primaryButtonFillHover:V,primaryButtonLabel:Y,primaryButtonLabelTextColor:Z,primaryButtonLabelTextSize:ee,primaryButtonShape:re,primaryButtonSize:ae,primaryButtonWidth:te,secondaryButtonAfter:ie,secondaryButtonAppearance:oe,secondaryButtonBefore:se,secondaryButtonFill:ne,secondaryButtonFillHover:le,secondaryButtonLabel:ce,secondaryButtonLabelTextColor:de,secondaryButtonLabelTextSize:pe,secondaryButtonShape:ue,secondaryButtonSize:me,secondaryButtonWidth:ye,shapeClass:fe,svgFillClass:ge,SvgImage:xe,svgPathFillClass:Be,svgSrc:Se,widthClass:he}=w,ze=i(()=>{const e=q||Se,a=xe;if(a){const e={};return g&&(e.width=g),x&&(e.height=x),r(a,{...e})}return e?r("img",{src:e}):null},[q,Se,xe,g,x]),{styles:Xe,wrapper:Te}=c(e);return a("div",{className:o(m,"response",v&&"response_bottom-button",U&&`border-color_${U}`,E&&`border-color_hover_${E}`,G&&`border_type_${G}`,I&&`border-width_${I}`,N&&`fill_${N}`,$&&`fill_hover_${$}`,R&&`height_${R}`,fe&&`shape_${fe}`,he&&`width_${he}`,_&&"skeleton"),ref:t,"data-testid":y,"data-tour":f,style:Xe,children:[P,a("div",{className:"response__wrapper",style:Te,children:[ze&&r("div",{className:o("response__image",ge&&`svg_fill_${ge}`,Be&&`svg_path_fill_${Be}`),children:ze}),a("div",{className:"response__wrapper-inner",children:[B&&r(u,{className:"response__title",size:D,textColor:k,textWeight:W,children:B}),S&&r(u,{className:"response__desc",size:H,textColor:j,textWeight:Q,children:S})]})]}),(Y||h||ce||z||F)&&a(p,{className:"response__button",width:"fill",children:[Y&&T?r(d,{appearance:K,className:"response__button-item",width:te||"fill",size:ae,fill:O,fillHover:V,label:Y,labelTextColor:Z,labelTextSize:ee,shape:re,before:M,after:J,onClick:A}):h,ce&&L?r(d,{appearance:oe,className:"response__button-item",width:ye||"fill",size:me,fill:ne,fillHover:le,label:ce,labelTextColor:de,labelTextSize:pe,shape:ue,before:se,after:ie,onClick:C}):z]}),b]})})),L={error:{appearance:"error ghost",title:"Ошибка",desc:"Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com",primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorAccessDenied:{appearance:"unableLoadData ghost",title:"Доступ ограничен",desc:"Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com",code:"401/403",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorNetwork:{appearance:"unableLoadData ghost",title:"Ошибка соединения",desc:"Не удалось подключиться. Проверьте интернет-соединение и повторите попытку",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Обновить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},fail:{appearance:"fail ghost",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},nothingFound:{appearance:"nothingFound ghost",title:"Ничего не найдено",desc:"Нет данных по заданным параметрам",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Сбросить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},empty:{appearance:"empty ghost",title:"Список пуст",desc:"Нет данных по заданным параметрам",code:"200",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},warning:{appearance:"warning ghost",title:"Внимание",primaryButtonAppearance:"warningPrimary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"}};export{L as RESPONSE_MESSAGES,T as Response,z as responseAppearance,X as responseConfig,e as responseIcon};
@@ -1 +1 @@
1
- import{b as e,i as r}from"../default_es_l85QutMi.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import l,{useCallback as i}from"react";import t from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as s,useStyles as n}from"@itcase/ui-core/hooks";import{I as d,a as u}from"../primitives_es_AOPzysvv.js";import{S as p}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 f={...{sizeXXL:{size:"xxl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"l",placeholderTextSize:"l"},sizeXL:{size:"xl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeM:{size:"m",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",iconBefore:e.Security.Search,iconClear:e.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"}},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},defaultPrimary:{fill:"surfaceSecondary",borderColor:"surfaceBorderQuaternary",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderSecondary",borderColorHover:"surfaceBorderHoverSecondary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",iconAfterFill:"errorItemSecondary",iconBeforeFill:"errorItemSecondary",iconClearFill:"errorItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",borderColor:"accentBorderQuaternary",borderColorHover:"accentBorderQuaternary",iconAfterFill:"successItemSecondary",iconBeforeFill:"successItemSecondary",iconClearFill:"successItemSecondary",placeholderTextColor:"surfaceTextQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderSecondary",borderColorHover:"warningBorderHoverSecondary",iconAfterFill:"warningItemSecondary",iconBeforeFill:"warningItemSecondary",iconClearFill:"warningItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"surfaceBorderDisabled",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemPrimary",iconBeforeFill:"surfaceItemPrimary",iconClearFill:"surfaceItemPrimary",inputTextColor:"surfaceTextDisabled",placeholderTextColor:"surfaceTextDisabled"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"}},h={appearance:f,setAppearance:e=>{h.appearance=e}},m=l.forwardRef(function(e,r){const{appearance:l,className:p,dataTestId:f,dataTour:m,placeholder:C,value:S,before:y,after:x,isActive:T,isDisabled:_,isSkeleton:b,onClickClean:g,onChange:z,onFocus:v,onKeyDown:B}=e,F=i(e=>{z&&z(e.target.value)},[z]),I=i(e=>{e?.stopPropagation(),z&&z(""),g&&g()},[z,g]),A=c(l,h,_),Q=s(e,A),{size:$,fillClass:w,borderColorClass:H,borderColorHoverClass:P,borderTypeClass:N,borderWidthClass:D,iconAfter:L,iconAfterFill:k,iconAfterSize:X,iconAfterSrc:j,iconBefore:W,iconBeforeFill:E,iconBeforeSize:R,iconBeforeSrc:q,iconClear:K,iconClearFill:M,iconClearSize:U,iconClearSrc:G,inputFillClass:J,inputTextColorClass:O,inputTextSizeClass:V,inputTextStyleClass:Y,inputTextWeightClass:Z,placeholderTextColor:ee,placeholderTextSize:re,placeholderTextStyle:oe,placeholderTextWeight:ae,shapeClass:le,shapeStrengthClass:ie,widthClass:te}=Q,{styles:ce}=n(e);return o("label",{className:t(p,"search-input",le&&`shape_${le}`,ie&&`shape-strength_${ie}`,w&&`fill_${w}`,te&&`width_${te}`,H&&`border-color_${H}`,P&&`border-color_hover_${P}`,D&&`border-width_${D}`,N&&`border_type_${N}`,$&&`search-input_size_${$}`,b&&"skeleton"),"data-testid":f,"data-tour":m,style:ce,children:[y,(W||q)&&a(d,{className:"search-input__icon-before",size:R,iconFill:E,imageSrc:q,SvgImage:W}),o("div",{className:t("search-input__wrapper",J&&`fill_${J}`),children:[a("input",{className:t("search-input__value",(V||Z||O||Y)&&"text",V&&`text_size_${V}`,Z&&`text-weight_${Z}`,O&&`text-color_${O}`,Y&&`text-style_${Y}`),type:"text",ref:r,required:!0,value:S||"",onChange:F,onFocus:v,onKeyDown:B}),a("div",{className:"search-input__placeholder",children:a(u,{className:t("search-input__placeholder-value"),size:re,textColor:ee,textStyle:oe,textWeight:ae,children:C})}),S&&a(d,{className:t("search-input__clear","cursor_type_pointer",T&&`fill_${M}`),size:U,iconFill:M,imageSrc:G,SvgImage:K,onClick:I})]}),(L||j)&&a(d,{className:"search-input__icon-after",size:X,iconFill:k,imageSrc:j,SvgImage:L}),x]})});m.DEFAULT_REF_STATE={input:null};const C=l.forwardRef(function(e){const{className:r,dataTestId:i,dataTour:c,scrollHeight:n,before:d,after:u,children:f}=e,h=s(e),{fillClass:m,shapeClass:C,shapeStrengthClass:S}=h;return a("div",{className:t(r,"search-result",C&&`shape_${C}`,S&&`shape-strength_${S}`,m&&`fill_${m}`),"data-testid":i,"data-tour":c,children:o("div",{className:"search-result__wrapper",children:[d,l.Children.toArray(f).filter(Boolean).length&&a(p,{scrollHeight:n||300,children:f}),u]})})});export{m as SearchInput,C as SearchResult,f as searchAppearance,h as searchInputConfig};
1
+ import{b as e,i as r}from"../default_es_l85QutMi.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import l,{useCallback as i}from"react";import t from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as s,useStyles as n}from"@itcase/ui-core/hooks";import{I as d,a as u}from"../primitives_es_CJQjjxtH.js";import{S as f}from"../Scrollbar_es_BXeXr1J8.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"react-scrollbars-custom";const p={...{sizeXXL:{size:"xxl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"l",placeholderTextSize:"l"},sizeXL:{size:"xl",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeL:{size:"l",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeM:{size:"m",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"m",placeholderTextSize:"m"},sizeS:{size:"s",iconBefore:r.Security.Search,iconClear:r.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"},sizeXS:{size:"xs",iconBefore:e.Security.Search,iconClear:e.Action.Clear,inputTextSize:"s",placeholderTextSize:"s"}},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},defaultPrimary:{fill:"surfaceSecondary",borderColor:"surfaceBorderQuaternary",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderSecondary",borderColorHover:"surfaceBorderHoverSecondary",iconAfterFill:"surfaceItemQuaternary",iconBeforeFill:"surfaceItemQuaternary",iconClearFill:"surfaceItemQuaternary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",iconAfterFill:"errorItemSecondary",iconBeforeFill:"errorItemSecondary",iconClearFill:"errorItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},successPrimary:{fill:"successTertiary",borderColor:"accentBorderQuaternary",borderColorHover:"accentBorderQuaternary",iconAfterFill:"successItemSecondary",iconBeforeFill:"successItemSecondary",iconClearFill:"successItemSecondary",placeholderTextColor:"surfaceTextQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderSecondary",borderColorHover:"warningBorderHoverSecondary",iconAfterFill:"warningItemSecondary",iconBeforeFill:"warningItemSecondary",iconClearFill:"warningItemSecondary",inputTextColor:"surfaceTextPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"surfaceBorderDisabled",borderColorHover:"surfaceBorderHoverQuaternary",iconAfterFill:"surfaceItemPrimary",iconBeforeFill:"surfaceItemPrimary",iconClearFill:"surfaceItemPrimary",inputTextColor:"surfaceTextDisabled",placeholderTextColor:"surfaceTextDisabled"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},m={appearance:p,setAppearance:e=>{m.appearance=e}},C=l.forwardRef(function(e,r){const{appearance:l,className:f,dataTestId:p,dataTour:C,placeholder:h,value:y,before:S,after:x,isActive:T,isDisabled:_,isSkeleton:b,onClickClean:z,onChange:v,onFocus:B,onKeyDown:F}=e,g=i(e=>{v&&v(e.target.value)},[v]),I=i(e=>{e?.stopPropagation(),v&&v(""),z&&z()},[v,z]),A=c(l,m,_),Q=s(e,A),{size:w,fillClass:$,borderColorClass:H,borderColorHoverClass:P,borderTypeClass:N,borderWidthClass:D,iconAfter:L,iconAfterFill:k,iconAfterSize:X,iconAfterSrc:j,iconBefore:W,iconBeforeFill:E,iconBeforeSize:R,iconBeforeSrc:q,iconClear:K,iconClearFill:M,iconClearSize:U,iconClearSrc:G,inputFillClass:J,inputTextColorClass:O,inputTextSizeClass:V,inputTextStyleClass:Y,inputTextWeightClass:Z,placeholderTextColor:ee,placeholderTextSize:re,placeholderTextStyle:oe,placeholderTextWeight:ae,shapeClass:le,widthClass:ie}=Q,{styles:te}=n(e);return o("label",{className:t(f,"search-input",le&&`shape_${le}`,$&&`fill_${$}`,ie&&`width_${ie}`,H&&`border-color_${H}`,P&&`border-color_hover_${P}`,D&&`border-width_${D}`,N&&`border_type_${N}`,w&&`search-input_size_${w}`,b&&"skeleton"),"data-testid":p,"data-tour":C,style:te,children:[S,(W||q)&&a(d,{className:"search-input__icon-before",size:R,iconFill:E,imageSrc:q,SvgImage:W}),o("div",{className:t("search-input__wrapper",J&&`fill_${J}`),children:[a("input",{className:t("search-input__value",(V||Z||O||Y)&&"text",V&&`text_size_${V}`,Z&&`text-weight_${Z}`,O&&`text-color_${O}`,Y&&`text-style_${Y}`),type:"text",ref:r,required:!0,value:y||"",onChange:g,onFocus:B,onKeyDown:F}),a("div",{className:"search-input__placeholder",children:a(u,{className:t("search-input__placeholder-value"),size:re,textColor:ee,textStyle:oe,textWeight:ae,children:h})}),y&&a(d,{className:t("search-input__clear","cursor_type_pointer",T&&`fill_${M}`),size:U,iconFill:M,imageSrc:G,SvgImage:K,onClick:I})]}),(L||j)&&a(d,{className:"search-input__icon-after",size:X,iconFill:k,imageSrc:j,SvgImage:L}),x]})});C.DEFAULT_REF_STATE={input:null};const h=l.forwardRef(function(e){const{className:r,dataTestId:i,dataTour:c,scrollHeight:n,before:d,after:u,children:p}=e,m=s(e),{fillClass:C,shapeClass:h}=m;return a("div",{className:t(r,"search-result",h&&`shape_${h}`,C&&`fill_${C}`),"data-testid":i,"data-tour":c,children:o("div",{className:"search-result__wrapper",children:[d,l.Children.toArray(p).filter(Boolean).length&&a(f,{scrollHeight:n||300,children:p}),u]})})});export{C as SearchInput,h as SearchResult,p as searchAppearance,m as searchInputConfig};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as i,useMemo as l,createRef as t,useCallback as a,useEffect as o}from"react";import c from"clsx";import{useAppearanceConfig as s,useDevicePropsGenerator as n}from"@itcase/ui-core/hooks";import{I as d,a as m}from"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const v={disabledPrimary:{fill:"surfaceDisabled",fillActive:"surfaceTertiary",labelTextActiveColor:"surfaceTextActiveQuaternary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderPrimary",iconFill:"surfaceItemPrimary",iconFillActive:"surfaceItemPrimary"},sizeL:{size:"l",labelTextSize:"m",iconSize:"24"},sizeM:{size:"m",labelTextSize:"m",iconSize:"24"},sizeS:{size:"s",labelTextSize:"s",iconSize:"20"},sizeXS:{size:"xs",labelTextSize:"xs",iconSize:"16"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconSize:"14"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},solid:{borderColor:"none"},outlined:{fill:"none",fillActive:"none"},full:{},ghost:{fill:"none",fillActive:"none",borderColor:"none"},errorPrimary:{fill:"errorTertiary",fillActive:"errorPrimary",fillHover:"errorHoverPrimary",labelTextActiveColor:"errorTextActivePrimary",labelTextColor:"errorTextSecondary",labelTextColorHover:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconFill:"errorItemSecondary",iconFillActive:"errorItemTertiary"},successPrimary:{fill:"successTertiary",fillActive:"successSecondary",fillHover:"successSecondary",labelTextActiveColor:"successTextPrimary",labelTextColor:"successTextSecondary",labelTextColorHover:"successTextPrimary",borderColor:"successBorderSecondary",iconFill:"successItemSecondary"},defaultPrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"surfaceHoverSecondary",labelTextActiveColor:"accentTextPrimary",labelTextActiveColorHover:"accentTextActiveHoverPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary",indicatorFill:"accentPrimary"},defaultSecondary:{fill:"surfaceSecondary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextActiveColorHover:"accentTextActiveHoverPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary",indicatorFill:"accentPrimary"},requirePrimary:{fill:"warningTertiary",fillActive:"accentPrimary",fillActiveHover:"accentPrimary",fillHover:"warningSecondary",labelTextActiveColor:"warningTextPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextSecondary",borderColor:"warningBorderSecondary",iconFill:"warningItemSecondary",iconFillActive:"warningItemTertiary"}},u={appearance:v,setAppearance:e=>{u.appearance=e}},f=v=>{const{appearance:f,className:y,dataTestId:x,dataTour:_,name:b,activeSegment:A,segments:T,isDisabled:p,isSkeleton:C,setActiveSegment:g,onChange:S}=v,h=i(null),P=l(()=>new Map(T.map(e=>[e.value,t()])),[T]),z=a(e=>{S&&S(e.value,b),g&&g(e)},[b,S,g]);o(()=>{let e=0,r=0;const i=P.get(A.value);i?.current&&(e=i.current.offsetWidth,r=i.current.offsetLeft),h.current?.style.setProperty("--segmented-active-width",`${e}px`),h.current?.style.setProperty("--segmented-active-x-pos",`${r}px`)},[A,P]);const F=s(f,u,p),H=n(v,F),{fillActiveClass:$,fillActiveHoverClass:I,fillClass:w,fillHoverClass:B,labelTextActiveColor:N,labelTextActiveColorHover:D,labelTextColor:Q,labelTextColorHover:k,labelTextSize:L,labelTextWrap:W,borderColorClass:X,borderTypeClass:M,borderWidthClass:j,iconFill:q,iconFillActive:E,iconFillDisabled:G,iconSize:J,indicatorFillClass:K,shapeClass:O,shapeStrengthClass:R,sizeClass:U,widthClass:V}=H;return e("div",{className:c(y,"segmented",O&&`shape_${O}`,R&&`shape-strength_${R}`,w&&`fill_${w}`,V&&`segmented_width_${V}`,U&&`segmented_size_${U}`,X&&`border-color_${X}`,j&&`border-width_${j}`,M&&`border_type_${M}`,C&&"skeleton"),ref:h,"data-testid":x,"data-tour":_,children:e("div",{className:"segmented__wrapper",children:r("div",{className:c("segmented__wrapper-inner"),children:[T?.map(i=>{const l=A.value===i.value;return e("div",{className:c("segmented__item",!i.label&&"segmented__item_icon",U&&`segmented__item_size_${U}`,l&&"segmented__item_active",!l&&p&&"segmented__item_state_disabled",l&&p&&"segmented__item_active_state_disabled",l?I&&`fill_active_hover_${I}`:B&&`fill_hover_${B}`,l&&$&&`fill_active_${$}`),ref:P.get(i.value),onClick:()=>!p&&z(i),children:r("div",{className:c("segmented__item-label",U&&`segmented_size_${U}`),children:[i.iconBefore||i.iconBeforeActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:E,iconFillDisabled:G,iconSize:J,SvgImage:l&&i.iconBeforeActive||i.iconBefore,isActive:l,isDisabled:p}):null,i.label&&e(m,{size:L,textColor:Q,textColorActive:N,textColorActiveHover:D,textColorHover:k,textWrap:W,isActive:l,children:i.label}),i.icon||i.iconActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:E,iconFillDisabled:G,iconSize:J,SvgImage:l&&i.iconActive||i.icon,isActive:l,isDisabled:p}):null,i.iconAfter||i.iconAfterActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:E,iconFillDisabled:G,iconSize:J,SvgImage:l&&i.iconAfterActive||i.iconAfter,isActive:l,isDisabled:p}):null]})},`${b}-${i.value}`)}),e("div",{className:c("segmented__indicator",K&&`fill_${K}`)})]})})})};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,a as m}from"../primitives_es_CJQjjxtH.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const v={disabledPrimary:{fill:"surfaceDisabled",fillActive:"surfaceTertiary",labelTextActiveColor:"surfaceTextActiveQuaternary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderPrimary",iconFill:"surfaceItemPrimary",iconFillActive:"surfaceItemPrimary"},sizeL:{size:"l",labelTextSize:"m",iconSize:"24"},sizeM:{size:"m",labelTextSize:"m",iconSize:"24"},sizeS:{size:"s",labelTextSize:"s",iconSize:"20"},sizeXS:{size:"xs",labelTextSize:"xs",iconSize:"16"},sizeXXS:{size:"xxs",labelTextSize:"xxs",iconSize:"14"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},solid:{borderColor:"none"},outlined:{fill:"none",fillActive:"none"},full:{},ghost:{fill:"none",fillActive:"none",borderColor:"none"},errorPrimary:{fill:"errorTertiary",fillActive:"errorPrimary",fillHover:"errorHoverPrimary",labelTextActiveColor:"errorTextActivePrimary",labelTextColor:"errorTextSecondary",labelTextColorHover:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconFill:"errorItemSecondary",iconFillActive:"errorItemTertiary"},successPrimary:{fill:"successTertiary",fillActive:"successSecondary",fillHover:"successSecondary",labelTextActiveColor:"successTextPrimary",labelTextColor:"successTextSecondary",labelTextColorHover:"successTextPrimary",borderColor:"successBorderSecondary",iconFill:"successItemSecondary"},defaultPrimary:{fill:"surfacePrimary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"surfaceHoverSecondary",labelTextActiveColor:"accentTextPrimary",labelTextActiveColorHover:"accentTextActiveHoverPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary",indicatorFill:"accentPrimary"},defaultSecondary:{fill:"surfaceSecondary",fillActive:"accentPrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"surfaceHoverTertiary",labelTextActiveColor:"accentTextPrimary",labelTextActiveColorHover:"accentTextActiveHoverPrimary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderQuaternary",iconFill:"surfaceItemQuaternary",iconFillActive:"surfaceItemSecondary",indicatorFill:"accentPrimary"},requirePrimary:{fill:"warningTertiary",fillActive:"accentPrimary",fillActiveHover:"accentPrimary",fillHover:"warningSecondary",labelTextActiveColor:"warningTextPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextSecondary",borderColor:"warningBorderSecondary",iconFill:"warningItemSecondary",iconFillActive:"warningItemTertiary"}},u={appearance:v,setAppearance:e=>{u.appearance=e}},f=v=>{const{appearance:f,className:y,dataTestId:x,dataTour:b,name:_,activeSegment:A,segments:T,isDisabled:C,isSkeleton:p,setActiveSegment:g,onChange:S}=v,P=i(null),z=l(()=>new Map(T.map(e=>[e.value,t()])),[T]),h=o(e=>{S&&S(e.value,_),g&&g(e)},[_,S,g]);a(()=>{let e=0,r=0;const i=z.get(A.value);i?.current&&(e=i.current.offsetWidth,r=i.current.offsetLeft),P.current?.style.setProperty("--segmented-active-width",`${e}px`),P.current?.style.setProperty("--segmented-active-x-pos",`${r}px`)},[A,z]);const F=s(f,u,C),H=n(v,F),{fillActiveClass:$,fillActiveHoverClass:I,fillClass:w,fillHoverClass:B,labelTextActiveColor:N,labelTextActiveColorHover:D,labelTextColor:Q,labelTextColorHover:k,labelTextSize:L,labelTextWrap:W,borderColorClass:X,borderTypeClass:M,borderWidthClass:j,iconFill:q,iconFillActive:E,iconFillDisabled:G,iconSize:J,indicatorFillClass:K,shapeClass:O,sizeClass:R,widthClass:U}=H;return e("div",{className:c(y,"segmented",O&&`shape_${O}`,w&&`fill_${w}`,U&&`segmented_width_${U}`,R&&`segmented_size_${R}`,X&&`border-color_${X}`,j&&`border-width_${j}`,M&&`border_type_${M}`,p&&"skeleton"),ref:P,"data-testid":x,"data-tour":b,children:e("div",{className:"segmented__wrapper",children:r("div",{className:c("segmented__wrapper-inner"),children:[T?.map(i=>{const l=A.value===i.value;return e("div",{className:c("segmented__item",!i.label&&"segmented__item_icon",R&&`segmented__item_size_${R}`,l&&"segmented__item_active",!l&&C&&"segmented__item_state_disabled",l&&C&&"segmented__item_active_state_disabled",l?I&&`fill_active_hover_${I}`:B&&`fill_hover_${B}`,l&&$&&`fill_active_${$}`),ref:z.get(i.value),onClick:()=>!C&&h(i),children:r("div",{className:c("segmented__item-label",R&&`segmented_size_${R}`),children:[i.iconBefore||i.iconBeforeActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:E,iconFillDisabled:G,iconSize:J,SvgImage:l&&i.iconBeforeActive||i.iconBefore,isActive:l,isDisabled:C}):null,i.label&&e(m,{size:L,textColor:Q,textColorActive:N,textColorActiveHover:D,textColorHover:k,textWrap:W,isActive:l,children:i.label}),i.icon||i.iconActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:E,iconFillDisabled:G,iconSize:J,SvgImage:l&&i.iconActive||i.icon,isActive:l,isDisabled:C}):null,i.iconAfter||i.iconAfterActive?e(d,{className:"segmented__item-icon",iconFill:q,iconFillActive:E,iconFillDisabled:G,iconSize:J,SvgImage:l&&i.iconAfterActive||i.iconAfter,isActive:l,isDisabled:C}):null]})},`${_}-${i.value}`)}),e("div",{className:c("segmented__indicator",K&&`fill_${K}`)})]})})})};export{f as Segmented,v as segmentedAppearance,u as segmentedConfig};
@@ -1 +1 @@
1
- export{S as Select,a as SelectClearIndicator,b as SelectControl,c as SelectDropdownIndicator,d as SelectGroupHeading,e as SelectIndicatorsContainer,f as SelectInput,g as SelectMenu,h as SelectMultiValueContainer,i as SelectMultiValueLabel,j as SelectMultiValueRemove,k as SelectOption,l as SelectPlaceholder,m as SelectSingleValue,n as SelectValueContainer,s as selectConfig}from"../SelectContainer_es_DhPannXl.js";import"react/jsx-runtime";import"react";import"clsx";import"react-select";import"react-select/creatable";import"@itcase/ui-core/hooks";import"../Group_es_YMaKEE-1.js";import"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"../default_es_l85QutMi.js";import"../Loader_es_DWZILN4t.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_DicmpT12.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_CJQjjxtH.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"../default_es_l85QutMi.js";import"../Loader_es_pnhZ5s_O.js";
@@ -1 +1 @@
1
- import{jsxs as e,jsx as i}from"react/jsx-runtime";import t,{useRef as r,useCallback as o,useImperativeHandle as s,useEffect as n,useState as l}from"react";import a from"clsx";import{Swiper as c,SwiperSlide as d}from"swiper/react";import{useDevicePropsGenerator as p,useStyles as m}from"@itcase/ui-core/hooks";import{G as u}from"../Group_es_YMaKEE-1.js";import{T as w,a as h}from"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";function g(l){const{id:g,className:v,dataTestId:x,dataTour:f,direction:k,minZoom:b=1,maxZoom:S=5,title:C,titleAfter:T,titleSize:N,titleTextColor:I,titleWeight:y,activeSlideIndex:E=0,allowTouchMove:P,autoHeight:z,breakpoints:B,forwardedRef:$,freeMode:M,items:j,keyboard:D,loop:H,modules:R,mousewheel:Z,nextButton:A,normalizeSlideIndex:G,pagination:O,prevButton:U,preventClicks:V,preventClicksPropagation:W,simulateTouch:q,slidesPerView:F,spaceBetween:L,speed:Q,swiperClass:J,swiperSlideClass:K,isChangeOnClickSlide:X,isInit:Y,isNavigation:ee=!1,isScrollbar:ie,isShowOriginalLink:te=!1,isZoomEnabled:re=!1,setNextBtnDisabled:oe,setPrevBtnDisabled:se,onSlideNextTransitionEnd:ne,onSlidePrevTransitionEnd:le,onSwiper:ae,onUpdate:ce,children:de}=l,pe=r(null),me=r(!1),[ue,we]=_(),[he,ge]=_(),_e=H??!0,ve=o(e=>{!_e&&se&&oe&&(se(e.isBeginning),oe(e.isEnd))},[_e,se,oe]),xe=o(e=>{X&&(e.activeIndex=E||e.clickedIndex)},[X,E]),fe=o(e=>{!_e&&se&&oe&&(se(e.isBeginning),oe(e.isEnd))},[_e,se,oe]),ke=o(()=>{const e=pe.current?.swiper,i=e?.slides[e.activeIndex]?.querySelector("img");i?.src&&window.open(i.src,"_blank")},[pe]);s($,()=>pe.current,[]),n(()=>{if(me.current){const e=pe.current?.swiper;e?.updateActiveIndex(E),e?.updateSlidesClasses()}else me.current=!0},[E]);const be=p(l),{alignClass:Se,alignDirectionClass:Ce,fillClass:Te,shapeClass:Ne}=be,{styles:Ie}=m(l);return e("div",{id:g,className:a("swiper-block","auto"===F&&"swiper-block_type_auto",Te&&`fill_${Te}`,Ne&&`swiper_shape_${Ne}`,v),"data-testid":x,"data-tour":f,style:Ie,children:[C&&e("div",{className:"swiper-block__wrapper",children:[C&&i(w,{className:"swiper-block__title",size:N,textColor:I,textWeight:y,children:C}),T]}),U&&A&&e(t.Fragment,{children:[i("div",{className:"swiper-block__prev swiper-button",ref:ge,children:U}),i("div",{className:"swiper-block__next swiper-button",ref:we,children:A})]}),i(c,{className:a("swiper-block__swiper",J),ref:pe,direction:k,allowTouchMove:P,autoHeight:z??!1,breakpoints:B,centeredSlides:!0,freeMode:M,init:Y??!0,keyboard:D,loop:_e,modules:R,mousewheel:Z,navigation:!!ee&&{nextEl:ue,prevEl:he},normalizeSlideIndex:G,pagination:O,preventClicks:V,preventClicksPropagation:W,scrollbar:ie,simulateTouch:q,slidesPerView:F,spaceBetween:L,speed:Q??500,zoom:{minRatio:b,maxRatio:S,toggle:!0},onInit:ve,onSlideChange:xe,onSlideNextTransitionEnd:ne,onSlidePrevTransitionEnd:le,onSwiper:ae,onTransitionStart:fe,onUpdate:ce,children:de||j?.map((e,t)=>i(d,{className:a("swiper-block__item",re&&"swiper-block__item_zooming",K,Ce&&`align_${Ce}`,Se&&`align_${Se}`),children:re?i("div",{className:"swiper-zoom-container",children:e}):e},`swiper-slide_${t}`))}),te&&i(u,{width:"fill",fill:"surfacePrimary",padding:"1m 0",children:i(h,{size:"s",textColor:"surfaceTextPrimary",textColorHover:"surfaceTextQuaternary",onClick:ke,children:"Показать оригинал"})})]})}const _=()=>{const[e,i]=l(null),t=r(null);return n(()=>{t.current&&i(t.current)},[]),[e,t]};export{g as Swiper};
1
+ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t,{useRef as r,useCallback as o,useImperativeHandle as s,useEffect as n,useState as l}from"react";import a from"clsx";import{Swiper as c,SwiperSlide as d}from"swiper/react";import{useDevicePropsGenerator as p,useStyles as m}from"@itcase/ui-core/hooks";import{G as u}from"../Group_es_DIuSNHx3.js";import{T as w,a as h}from"../primitives_es_CJQjjxtH.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";function g(l){const{id:g,className:v,dataTestId:x,dataTour:f,direction:k,minZoom:b=1,maxZoom:S=5,title:C,titleAfter:T,titleSize:N,titleTextColor:I,titleWeight:y,activeSlideIndex:E=0,allowTouchMove:P,autoHeight:z,breakpoints:B,forwardedRef:$,freeMode:M,items:j,keyboard:D,loop:H,modules:R,mousewheel:Z,nextButton:A,normalizeSlideIndex:G,pagination:O,prevButton:U,preventClicks:V,preventClicksPropagation:W,simulateTouch:q,slidesPerView:F,spaceBetween:L,speed:Q,swiperClass:J,swiperSlideClass:K,isChangeOnClickSlide:X,isInit:Y,isNavigation:ee=!1,isScrollbar:ie,isShowOriginalLink:te=!1,isZoomEnabled:re=!1,setNextBtnDisabled:oe,setPrevBtnDisabled:se,onSlideNextTransitionEnd:ne,onSlidePrevTransitionEnd:le,onSwiper:ae,onUpdate:ce,children:de}=l,pe=r(null),me=r(!1),[ue,we]=_(),[he,ge]=_(),_e=H??!0,ve=o(e=>{!_e&&se&&oe&&(se(e.isBeginning),oe(e.isEnd))},[_e,se,oe]),xe=o(e=>{X&&(e.activeIndex=E||e.clickedIndex)},[X,E]),fe=o(e=>{!_e&&se&&oe&&(se(e.isBeginning),oe(e.isEnd))},[_e,se,oe]),ke=o(()=>{const e=pe.current?.swiper,i=e?.slides[e.activeIndex]?.querySelector("img");i?.src&&window.open(i.src,"_blank")},[pe]);s($,()=>pe.current,[]),n(()=>{if(me.current){const e=pe.current?.swiper;e?.updateActiveIndex(E),e?.updateSlidesClasses()}else me.current=!0},[E]);const be=p(l),{alignClass:Se,alignDirectionClass:Ce,fillClass:Te,shapeClass:Ne}=be,{styles:Ie}=m(l);return e("div",{id:g,className:a("swiper-block","auto"===F&&"swiper-block_type_auto",Te&&`fill_${Te}`,Ne&&`swiper_shape_${Ne}`,v),"data-testid":x,"data-tour":f,style:Ie,children:[C&&e("div",{className:"swiper-block__wrapper",children:[C&&i(w,{className:"swiper-block__title",size:N,textColor:I,textWeight:y,children:C}),T]}),U&&A&&e(t.Fragment,{children:[i("div",{className:"swiper-block__prev swiper-button",ref:ge,children:U}),i("div",{className:"swiper-block__next swiper-button",ref:we,children:A})]}),i(c,{className:a("swiper-block__swiper",J),ref:pe,direction:k,allowTouchMove:P,autoHeight:z??!1,breakpoints:B,centeredSlides:!0,freeMode:M,init:Y??!0,keyboard:D,loop:_e,modules:R,mousewheel:Z,navigation:!!ee&&{nextEl:ue,prevEl:he},normalizeSlideIndex:G,pagination:O,preventClicks:V,preventClicksPropagation:W,scrollbar:ie,simulateTouch:q,slidesPerView:F,spaceBetween:L,speed:Q??500,zoom:{minRatio:b,maxRatio:S,toggle:!0},onInit:ve,onSlideChange:xe,onSlideNextTransitionEnd:ne,onSlidePrevTransitionEnd:le,onSwiper:ae,onTransitionStart:fe,onUpdate:ce,children:de||j?.map((e,t)=>i(d,{className:a("swiper-block__item",re&&"swiper-block__item_zooming",K,Ce&&`align_${Ce}`,Se&&`align_${Se}`),children:re?i("div",{className:"swiper-zoom-container",children:e}):e},`swiper-slide_${t}`))}),te&&i(u,{width:"fill",fill:"surfacePrimary",padding:"1m 0",children:i(h,{size:"s",textColor:"surfaceTextPrimary",textColorHover:"surfaceTextQuaternary",onClick:ke,children:"Показать оригинал"})})]})}const _=()=>{const[e,i]=l(null),t=r(null);return n(()=>{t.current&&i(t.current)},[]),[e,t]};export{g as Swiper};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as i}from"react/jsx-runtime";import r from"react";import l from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as s}from"@itcase/ui-core/hooks";import{a}from"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const c={sizeL:{size:"l",titleTextSize:"l",descTextSize:"xs"},sizeM:{size:"m",titleTextSize:"m",descTextSize:"xs"},sizeS:{size:"s",titleTextSize:"s",descTextSize:"xs"},disabledPrimary:{fill:"surfaceDisabled",fillActive:"surfaceDisabled",fillToggle:"surfaceSecondary",fillToggleActive:"surfaceActiveSecondary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},requirePrimary:{fill:"surfaceTertiary",fillActive:"warningSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},errorPrimary:{fill:"surfaceTertiary",fillActive:"errorSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},defaultPrimary:{fill:"surfaceTertiary",fillActive:"surfaceTertiary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},successPrimary:{fill:"surfaceTertiary",fillActive:"successPrimary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"}},o={appearance:c,setAppearance:e=>{o.appearance=e}},f=r.forwardRef(function(r,c){const{id:f,appearance:d,className:m,dataTestId:T,dataTour:n,align:u="left",title:x,desc:g,isActive:_,isDisabled:v,isSkeleton:y,onChange:h}=r,C=t(d,o,v),p=s(r,C),{size:P,fillActiveClass:z,fillActiveHoverClass:A,fillClass:w,fillHoverClass:S,fillToggleActiveClass:b,fillToggleActiveHoverClass:$,fillToggleClass:N,fillToggleHoverClass:k,titleTextColor:H,titleTextSize:D,descTextColor:j,descTextSize:q,widthClass:I}=p;return e("div",{className:l("switch",m,I&&`width_${I}`,u&&`switch_align_${u}`,P&&`switch_size_${P}`,y&&"skeleton"),"data-testid":T,"data-tour":n,children:[e("div",{className:"switch__wrapper",children:[x&&i(a,{className:l("switch__title"),size:D,textColor:H,children:x}),g&&i(a,{className:l("switch__desc"),size:q,textColor:j,children:g})]}),e("div",{className:"switch__item",children:[i("input",{id:f,className:"switch__checkbox",type:"checkbox",ref:c,checked:_,disabled:v,onChange:h}),i("div",{className:l("switch__bg",_?z&&`fill_active_${z}`:w&&`fill_${w}`,_?A&&`fill_active_hover_${A}`:S&&`fill_hover_${S}`),children:" "}),i("div",{className:l("switch__toggle",_?b&&`fill_active_${b}`:N&&`fill_${N}`,_?$&&`fill_active_hover_${$}`:k&&`fill_hover_${k}`),children:" "})]})]})});export{f as Switch,c as switchAppearance,o as switchConfig};
1
+ import{jsxs as e,jsx as i}from"react/jsx-runtime";import r from"react";import l from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as s}from"@itcase/ui-core/hooks";import{a}from"../primitives_es_CJQjjxtH.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const c={sizeL:{size:"l",titleTextSize:"l",descTextSize:"xs"},sizeM:{size:"m",titleTextSize:"m",descTextSize:"xs"},sizeS:{size:"s",titleTextSize:"s",descTextSize:"xs"},disabledPrimary:{fill:"surfaceDisabled",fillActive:"surfaceDisabled",fillToggle:"surfaceSecondary",fillToggleActive:"surfaceActiveSecondary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},requirePrimary:{fill:"surfaceTertiary",fillActive:"warningSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},errorPrimary:{fill:"surfaceTertiary",fillActive:"errorSecondary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},defaultPrimary:{fill:"surfaceTertiary",fillActive:"surfaceTertiary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"},successPrimary:{fill:"surfaceTertiary",fillActive:"successPrimary",fillToggle:"surfacePrimary",fillToggleActive:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary"}},o={appearance:c,setAppearance:e=>{o.appearance=e}},f=r.forwardRef(function(r,c){const{id:f,appearance:d,className:m,dataTestId:T,dataTour:n,align:u="left",title:x,desc:g,isActive:_,isDisabled:v,isSkeleton:y,onChange:h}=r,C=t(d,o,v),p=s(r,C),{size:P,fillActiveClass:z,fillActiveHoverClass:A,fillClass:w,fillHoverClass:S,fillToggleActiveClass:b,fillToggleActiveHoverClass:$,fillToggleClass:N,fillToggleHoverClass:k,titleTextColor:H,titleTextSize:D,descTextColor:j,descTextSize:q,widthClass:I}=p;return e("div",{className:l("switch",m,I&&`width_${I}`,u&&`switch_align_${u}`,P&&`switch_size_${P}`,y&&"skeleton"),"data-testid":T,"data-tour":n,children:[e("div",{className:"switch__wrapper",children:[x&&i(a,{className:l("switch__title"),size:D,textColor:H,children:x}),g&&i(a,{className:l("switch__desc"),size:q,textColor:j,children:g})]}),e("div",{className:"switch__item",children:[i("input",{id:f,className:"switch__checkbox",type:"checkbox",ref:c,checked:_,disabled:v,onChange:h}),i("div",{className:l("switch__bg",_?z&&`fill_active_${z}`:w&&`fill_${w}`,_?A&&`fill_active_hover_${A}`:S&&`fill_hover_${S}`),children:" "}),i("div",{className:l("switch__toggle",_?b&&`fill_active_${b}`:N&&`fill_${N}`,_?$&&`fill_active_hover_${$}`:k&&`fill_hover_${k}`),children:" "})]})]})});export{f as Switch,c as switchAppearance,o as switchConfig};