@consta/header 0.4.3 → 1.0.0

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 (414) hide show
  1. package/Badges/index.d.ts +1 -1
  2. package/Badges/index.js +1 -2
  3. package/ButtonMenu/index.d.ts +1 -1
  4. package/ButtonMenu/index.js +1 -2
  5. package/Header/index.d.ts +1 -1
  6. package/Header/index.js +1 -2
  7. package/Languages/index.d.ts +1 -1
  8. package/Languages/index.js +1 -2
  9. package/Layout/index.d.ts +1 -1
  10. package/Layout/index.js +1 -2
  11. package/Menu/index.d.ts +1 -1
  12. package/Menu/index.js +1 -2
  13. package/MobileMenu/index.d.ts +1 -1
  14. package/MobileMenu/index.js +1 -2
  15. package/Notifications/index.d.ts +1 -1
  16. package/Notifications/index.js +1 -2
  17. package/NotificationsList/index.d.ts +1 -1
  18. package/NotificationsList/index.js +1 -2
  19. package/README.md +34 -51
  20. package/SelectMenu/index.d.ts +1 -1
  21. package/SelectMenu/index.js +1 -2
  22. package/TileMenu/index.d.ts +1 -1
  23. package/TileMenu/index.js +1 -2
  24. package/VerticalMenu/index.d.ts +1 -1
  25. package/VerticalMenu/index.js +1 -2
  26. package/__internal__/src/common.d.js +2 -0
  27. package/__internal__/src/common.d.js.map +1 -0
  28. package/__internal__/src/components/Badges/Badges.css +1 -0
  29. package/{Badges → __internal__/src/components/Badges}/Badges.d.ts +2 -2
  30. package/__internal__/src/components/Badges/Badges.js +2 -0
  31. package/__internal__/src/components/Badges/Badges.js.map +1 -0
  32. package/{Badges → __internal__/src/components/Badges}/helpers.d.ts +3 -3
  33. package/__internal__/src/components/Badges/helpers.js +2 -0
  34. package/__internal__/src/components/Badges/helpers.js.map +1 -0
  35. package/__internal__/src/components/Badges/index.d.ts +1 -0
  36. package/__internal__/src/components/Badges/index.js +2 -0
  37. package/__internal__/src/components/Badges/index.js.map +1 -0
  38. package/{Badges → __internal__/src/components/Badges}/types.d.ts +2 -2
  39. package/__internal__/src/components/Badges/types.js +2 -0
  40. package/__internal__/src/components/Badges/types.js.map +1 -0
  41. package/__internal__/src/components/ButtonMenu/ButtonMenu.css +1 -0
  42. package/{ButtonMenu → __internal__/src/components/ButtonMenu}/ButtonMenu.d.ts +2 -2
  43. package/__internal__/src/components/ButtonMenu/ButtonMenu.js +2 -0
  44. package/__internal__/src/components/ButtonMenu/ButtonMenu.js.map +1 -0
  45. package/{ButtonMenu → __internal__/src/components/ButtonMenu}/helpers.d.ts +4 -4
  46. package/__internal__/src/components/ButtonMenu/helpers.js +2 -0
  47. package/__internal__/src/components/ButtonMenu/helpers.js.map +1 -0
  48. package/__internal__/src/components/ButtonMenu/index.d.ts +1 -0
  49. package/__internal__/src/components/ButtonMenu/index.js +2 -0
  50. package/__internal__/src/components/ButtonMenu/index.js.map +1 -0
  51. package/{ButtonMenu → __internal__/src/components/ButtonMenu}/types.d.ts +2 -2
  52. package/__internal__/src/components/ButtonMenu/types.js +2 -0
  53. package/__internal__/src/components/ButtonMenu/types.js.map +1 -0
  54. package/__internal__/src/components/Header/Header.css +1 -0
  55. package/{Header → __internal__/src/components/Header}/Header.d.ts +2 -2
  56. package/__internal__/src/components/Header/Header.js +2 -0
  57. package/__internal__/src/components/Header/Header.js.map +1 -0
  58. package/{Header → __internal__/src/components/Header}/HeaderLogin/HeaderLogin.d.ts +0 -0
  59. package/__internal__/src/components/Header/HeaderLogin/HeaderLogin.js +2 -0
  60. package/__internal__/src/components/Header/HeaderLogin/HeaderLogin.js.map +1 -0
  61. package/__internal__/src/components/Header/HeaderLogin/index.d.ts +1 -0
  62. package/{Header → __internal__/src/components/Header}/HeaderLogin/index.js +0 -0
  63. package/__internal__/src/components/Header/HeaderLogin/index.js.map +1 -0
  64. package/{Header → __internal__/src/components/Header}/HeaderLogo/HeaderLogo.d.ts +0 -0
  65. package/__internal__/src/components/Header/HeaderLogo/HeaderLogo.js +2 -0
  66. package/__internal__/src/components/Header/HeaderLogo/HeaderLogo.js.map +1 -0
  67. package/__internal__/src/components/Header/HeaderLogo/index.d.ts +1 -0
  68. package/{Header → __internal__/src/components/Header}/HeaderLogo/index.js +0 -0
  69. package/__internal__/src/components/Header/HeaderLogo/index.js.map +1 -0
  70. package/{Header → __internal__/src/components/Header}/HeaderSearch/HeaderSearch.css +0 -0
  71. package/{Header → __internal__/src/components/Header}/HeaderSearch/HeaderSearch.d.ts +2 -2
  72. package/__internal__/src/components/Header/HeaderSearch/HeaderSearch.js +2 -0
  73. package/__internal__/src/components/Header/HeaderSearch/HeaderSearch.js.map +1 -0
  74. package/__internal__/src/components/Header/HeaderSearch/index.d.ts +1 -0
  75. package/{Header → __internal__/src/components/Header}/HeaderSearch/index.js +0 -0
  76. package/__internal__/src/components/Header/HeaderSearch/index.js.map +1 -0
  77. package/{Header → __internal__/src/components/Header}/helpers.d.ts +2 -2
  78. package/__internal__/src/components/Header/helpers.js +2 -0
  79. package/__internal__/src/components/Header/helpers.js.map +1 -0
  80. package/__internal__/src/components/Header/index.d.ts +1 -0
  81. package/__internal__/src/components/Header/index.js +2 -0
  82. package/__internal__/src/components/Header/index.js.map +1 -0
  83. package/{Header → __internal__/src/components/Header}/types.d.ts +12 -11
  84. package/__internal__/src/components/Header/types.js +2 -0
  85. package/__internal__/src/components/Header/types.js.map +1 -0
  86. package/__internal__/src/components/Languages/Languages.d.ts +3 -0
  87. package/__internal__/src/components/Languages/Languages.js +2 -0
  88. package/__internal__/src/components/Languages/Languages.js.map +1 -0
  89. package/__internal__/src/components/Languages/helpers.d.ts +20 -0
  90. package/__internal__/src/components/Languages/helpers.js +2 -0
  91. package/__internal__/src/components/Languages/helpers.js.map +1 -0
  92. package/__internal__/src/components/Languages/index.d.ts +1 -0
  93. package/__internal__/src/components/Languages/index.js +2 -0
  94. package/__internal__/src/components/Languages/index.js.map +1 -0
  95. package/{Languages → __internal__/src/components/Languages}/types.d.ts +2 -2
  96. package/__internal__/src/components/Languages/types.js +2 -0
  97. package/__internal__/src/components/Languages/types.js.map +1 -0
  98. package/{Layout → __internal__/src/components/Layout}/Layout.css +0 -0
  99. package/__internal__/src/components/Layout/Layout.d.ts +5 -0
  100. package/__internal__/src/components/Layout/Layout.js +2 -0
  101. package/__internal__/src/components/Layout/Layout.js.map +1 -0
  102. package/__internal__/src/components/Layout/LayoutRow/LayoutRow.css +1 -0
  103. package/{Layout → __internal__/src/components/Layout}/LayoutRow/LayoutRow.d.ts +3 -3
  104. package/__internal__/src/components/Layout/LayoutRow/LayoutRow.js +2 -0
  105. package/__internal__/src/components/Layout/LayoutRow/LayoutRow.js.map +1 -0
  106. package/{Layout → __internal__/src/components/Layout}/helpers.d.ts +1 -1
  107. package/{Layout → __internal__/src/components/Layout}/helpers.js +0 -0
  108. package/__internal__/src/components/Layout/helpers.js.map +1 -0
  109. package/__internal__/src/components/Layout/index.d.ts +1 -0
  110. package/__internal__/src/components/Layout/index.js +2 -0
  111. package/__internal__/src/components/Layout/index.js.map +1 -0
  112. package/__internal__/src/components/Layout/types.d.ts +14 -0
  113. package/__internal__/src/components/Layout/types.js +2 -0
  114. package/__internal__/src/components/Layout/types.js.map +1 -0
  115. package/__internal__/src/components/Menu/Menu.css +1 -0
  116. package/{Menu → __internal__/src/components/Menu}/Menu.d.ts +2 -2
  117. package/__internal__/src/components/Menu/Menu.js +2 -0
  118. package/__internal__/src/components/Menu/Menu.js.map +1 -0
  119. package/{Menu → __internal__/src/components/Menu}/helpers.d.ts +2 -2
  120. package/__internal__/src/components/Menu/helpers.js +2 -0
  121. package/__internal__/src/components/Menu/helpers.js.map +1 -0
  122. package/__internal__/src/components/Menu/index.d.ts +1 -0
  123. package/__internal__/src/components/Menu/index.js +2 -0
  124. package/__internal__/src/components/Menu/index.js.map +1 -0
  125. package/{Menu → __internal__/src/components/Menu}/types.d.ts +1 -1
  126. package/__internal__/src/components/Menu/types.js +2 -0
  127. package/__internal__/src/components/Menu/types.js.map +1 -0
  128. package/__internal__/src/components/MobileMenu/MobileMenu.css +1 -0
  129. package/{MobileMenu → __internal__/src/components/MobileMenu}/MobileMenu.d.ts +2 -2
  130. package/__internal__/src/components/MobileMenu/MobileMenu.js +2 -0
  131. package/__internal__/src/components/MobileMenu/MobileMenu.js.map +1 -0
  132. package/__internal__/src/components/MobileMenu/index.d.ts +1 -0
  133. package/__internal__/src/components/MobileMenu/index.js +2 -0
  134. package/__internal__/src/components/MobileMenu/index.js.map +1 -0
  135. package/{MobileMenu → __internal__/src/components/MobileMenu}/types.d.ts +3 -3
  136. package/__internal__/src/components/MobileMenu/types.js +2 -0
  137. package/__internal__/src/components/MobileMenu/types.js.map +1 -0
  138. package/{__private__ → __internal__/src}/components/NotificationCard/NotificationCard.css +1 -1
  139. package/__internal__/src/components/NotificationCard/NotificationCard.d.ts +6 -0
  140. package/__internal__/src/components/NotificationCard/NotificationCard.js +2 -0
  141. package/__internal__/src/components/NotificationCard/NotificationCard.js.map +1 -0
  142. package/{__private__ → __internal__/src}/components/NotificationCard/helpers.d.ts +0 -0
  143. package/{__private__ → __internal__/src}/components/NotificationCard/helpers.js +0 -0
  144. package/__internal__/src/components/NotificationCard/helpers.js.map +1 -0
  145. package/__internal__/src/components/NotificationCard/index.d.ts +1 -0
  146. package/{__private__ → __internal__/src}/components/NotificationCard/index.js +0 -0
  147. package/__internal__/src/components/NotificationCard/index.js.map +1 -0
  148. package/{__private__ → __internal__/src}/components/NotificationCard/types.d.ts +1 -1
  149. package/__internal__/src/components/NotificationCard/types.js +2 -0
  150. package/__internal__/src/components/NotificationCard/types.js.map +1 -0
  151. package/__internal__/src/components/Notifications/Notifications.css +1 -0
  152. package/{Notifications → __internal__/src/components/Notifications}/Notifications.d.ts +1 -1
  153. package/__internal__/src/components/Notifications/Notifications.js +2 -0
  154. package/__internal__/src/components/Notifications/Notifications.js.map +1 -0
  155. package/__internal__/src/components/Notifications/index.d.ts +1 -0
  156. package/__internal__/src/components/Notifications/index.js +2 -0
  157. package/__internal__/src/components/Notifications/index.js.map +1 -0
  158. package/{Notifications → __internal__/src/components/Notifications}/types.d.ts +2 -2
  159. package/__internal__/src/components/Notifications/types.js +2 -0
  160. package/__internal__/src/components/Notifications/types.js.map +1 -0
  161. package/{__private__ → __internal__/src}/components/NotificationsActions/NotificationsActions.d.ts +1 -1
  162. package/__internal__/src/components/NotificationsActions/NotificationsActions.js +2 -0
  163. package/__internal__/src/components/NotificationsActions/NotificationsActions.js.map +1 -0
  164. package/{__private__ → __internal__/src}/components/NotificationsActions/helpers.d.ts +4 -5
  165. package/__internal__/src/components/NotificationsActions/helpers.js +2 -0
  166. package/__internal__/src/components/NotificationsActions/helpers.js.map +1 -0
  167. package/__internal__/src/components/NotificationsActions/index.d.ts +1 -0
  168. package/{__private__ → __internal__/src}/components/NotificationsActions/index.js +0 -0
  169. package/__internal__/src/components/NotificationsActions/index.js.map +1 -0
  170. package/{__private__ → __internal__/src}/components/NotificationsActions/types.d.ts +1 -1
  171. package/__internal__/src/components/NotificationsActions/types.js +2 -0
  172. package/__internal__/src/components/NotificationsActions/types.js.map +1 -0
  173. package/__internal__/src/components/NotificationsList/NotificationsList.css +1 -0
  174. package/{NotificationsList → __internal__/src/components/NotificationsList}/NotificationsList.d.ts +2 -2
  175. package/__internal__/src/components/NotificationsList/NotificationsList.js +2 -0
  176. package/__internal__/src/components/NotificationsList/NotificationsList.js.map +1 -0
  177. package/{NotificationsList → __internal__/src/components/NotificationsList}/helpers.d.ts +3 -3
  178. package/__internal__/src/components/NotificationsList/helpers.js +2 -0
  179. package/__internal__/src/components/NotificationsList/helpers.js.map +1 -0
  180. package/__internal__/src/components/NotificationsList/index.d.ts +1 -0
  181. package/__internal__/src/components/NotificationsList/index.js +2 -0
  182. package/__internal__/src/components/NotificationsList/index.js.map +1 -0
  183. package/{NotificationsList → __internal__/src/components/NotificationsList}/types.d.ts +1 -1
  184. package/__internal__/src/components/NotificationsList/types.js +2 -0
  185. package/__internal__/src/components/NotificationsList/types.js.map +1 -0
  186. package/__internal__/src/components/SelectMenu/SelectMenu.css +1 -0
  187. package/{SelectMenu → __internal__/src/components/SelectMenu}/SelectMenu.d.ts +2 -2
  188. package/__internal__/src/components/SelectMenu/SelectMenu.js +2 -0
  189. package/__internal__/src/components/SelectMenu/SelectMenu.js.map +1 -0
  190. package/{SelectMenu → __internal__/src/components/SelectMenu}/helpers.d.ts +2 -2
  191. package/__internal__/src/components/SelectMenu/helpers.js +2 -0
  192. package/__internal__/src/components/SelectMenu/helpers.js.map +1 -0
  193. package/__internal__/src/components/SelectMenu/index.d.ts +1 -0
  194. package/__internal__/src/components/SelectMenu/index.js +2 -0
  195. package/__internal__/src/components/SelectMenu/index.js.map +1 -0
  196. package/{SelectMenu → __internal__/src/components/SelectMenu}/types.d.ts +1 -1
  197. package/__internal__/src/components/SelectMenu/types.js +2 -0
  198. package/__internal__/src/components/SelectMenu/types.js.map +1 -0
  199. package/__internal__/src/components/Sidebar/Sidebar.css +1 -0
  200. package/{__private__ → __internal__/src}/components/Sidebar/Sidebar.d.ts +1 -1
  201. package/__internal__/src/components/Sidebar/Sidebar.js +2 -0
  202. package/__internal__/src/components/Sidebar/Sidebar.js.map +1 -0
  203. package/__internal__/src/components/Sidebar/index.d.ts +1 -0
  204. package/{__private__ → __internal__/src}/components/Sidebar/index.js +0 -0
  205. package/__internal__/src/components/Sidebar/index.js.map +1 -0
  206. package/__internal__/src/components/TileMenu/TileMenu.css +1 -0
  207. package/{TileMenu → __internal__/src/components/TileMenu}/TileMenu.d.ts +2 -2
  208. package/__internal__/src/components/TileMenu/TileMenu.js +2 -0
  209. package/__internal__/src/components/TileMenu/TileMenu.js.map +1 -0
  210. package/__internal__/src/components/TileMenu/TileMenuItem/TileMenuItem.css +1 -0
  211. package/{TileMenu → __internal__/src/components/TileMenu}/TileMenuItem/TileMenuItem.d.ts +0 -0
  212. package/__internal__/src/components/TileMenu/TileMenuItem/TileMenuItem.js +2 -0
  213. package/__internal__/src/components/TileMenu/TileMenuItem/TileMenuItem.js.map +1 -0
  214. package/__internal__/src/components/TileMenu/TileMenuList/TileMenuList.css +1 -0
  215. package/{TileMenu → __internal__/src/components/TileMenu}/TileMenuList/TileMenuList.d.ts +1 -1
  216. package/__internal__/src/components/TileMenu/TileMenuList/TileMenuList.js +2 -0
  217. package/__internal__/src/components/TileMenu/TileMenuList/TileMenuList.js.map +1 -0
  218. package/{TileMenu → __internal__/src/components/TileMenu}/TileMenuList/types.d.ts +1 -1
  219. package/__internal__/src/components/TileMenu/TileMenuList/types.js +2 -0
  220. package/__internal__/src/components/TileMenu/TileMenuList/types.js.map +1 -0
  221. package/{TileMenu → __internal__/src/components/TileMenu}/helpers.d.ts +42 -42
  222. package/__internal__/src/components/TileMenu/helpers.js +2 -0
  223. package/__internal__/src/components/TileMenu/helpers.js.map +1 -0
  224. package/__internal__/src/components/TileMenu/index.d.ts +1 -0
  225. package/__internal__/src/components/TileMenu/index.js +2 -0
  226. package/__internal__/src/components/TileMenu/index.js.map +1 -0
  227. package/{TileMenu → __internal__/src/components/TileMenu}/types.d.ts +1 -1
  228. package/{TileMenu → __internal__/src/components/TileMenu}/types.js +0 -0
  229. package/__internal__/src/components/TileMenu/types.js.map +1 -0
  230. package/{VerticalMenu → __internal__/src/components/VerticalMenu}/VerticalMenu.css +1 -1
  231. package/{VerticalMenu → __internal__/src/components/VerticalMenu}/VerticalMenu.d.ts +2 -2
  232. package/__internal__/src/components/VerticalMenu/VerticalMenu.js +2 -0
  233. package/__internal__/src/components/VerticalMenu/VerticalMenu.js.map +1 -0
  234. package/__internal__/src/components/VerticalMenu/VerticalMenuItem/VerticalMenuItem.css +1 -0
  235. package/{VerticalMenu → __internal__/src/components/VerticalMenu}/VerticalMenuItem/VerticalMenuItem.d.ts +1 -1
  236. package/__internal__/src/components/VerticalMenu/VerticalMenuItem/VerticalMenuItem.js +2 -0
  237. package/__internal__/src/components/VerticalMenu/VerticalMenuItem/VerticalMenuItem.js.map +1 -0
  238. package/__internal__/src/components/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.css +1 -0
  239. package/{VerticalMenu → __internal__/src/components/VerticalMenu}/VerticalMenuLevel/VerticalMenuLevel.d.ts +1 -2
  240. package/__internal__/src/components/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.js +2 -0
  241. package/__internal__/src/components/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.js.map +1 -0
  242. package/{VerticalMenu → __internal__/src/components/VerticalMenu}/helpers.d.ts +2 -2
  243. package/__internal__/src/components/VerticalMenu/helpers.js +2 -0
  244. package/__internal__/src/components/VerticalMenu/helpers.js.map +1 -0
  245. package/__internal__/src/components/VerticalMenu/index.d.ts +1 -0
  246. package/__internal__/src/components/VerticalMenu/index.js +2 -0
  247. package/__internal__/src/components/VerticalMenu/index.js.map +1 -0
  248. package/{VerticalMenu → __internal__/src/components/VerticalMenu}/types.d.ts +1 -1
  249. package/__internal__/src/components/VerticalMenu/types.js +2 -0
  250. package/__internal__/src/components/VerticalMenu/types.js.map +1 -0
  251. package/{__private__ → __internal__/src}/helpers/getItemClick.d.ts +0 -0
  252. package/{__private__ → __internal__/src}/helpers/getItemClick.js +0 -0
  253. package/__internal__/src/helpers/getItemClick.js.map +1 -0
  254. package/__internal__/src/stand/components/RemadeInfo/RemadeInfo.css +1 -0
  255. package/{__private__ → __internal__/src}/utils/bem.d.ts +0 -0
  256. package/{__private__ → __internal__/src}/utils/bem.js +0 -0
  257. package/__internal__/src/utils/bem.js.map +1 -0
  258. package/{__private__ → __internal__/src}/utils/types/PropsWithHTMLAttributes.d.ts +0 -0
  259. package/__internal__/src/utils/types/PropsWithHTMLAttributes.js +2 -0
  260. package/__internal__/src/utils/types/PropsWithHTMLAttributes.js.map +1 -0
  261. package/package.json +9 -27
  262. package/Badges/Badges.css +0 -1
  263. package/Badges/Badges.js +0 -2
  264. package/Badges/Badges.js.map +0 -1
  265. package/Badges/helpers.js +0 -2
  266. package/Badges/helpers.js.map +0 -1
  267. package/Badges/index.js.map +0 -1
  268. package/Badges/types.js +0 -2
  269. package/Badges/types.js.map +0 -1
  270. package/ButtonMenu/ButtonMenu.css +0 -1
  271. package/ButtonMenu/ButtonMenu.js +0 -2
  272. package/ButtonMenu/ButtonMenu.js.map +0 -1
  273. package/ButtonMenu/helpers.js +0 -2
  274. package/ButtonMenu/helpers.js.map +0 -1
  275. package/ButtonMenu/index.js.map +0 -1
  276. package/ButtonMenu/types.js +0 -2
  277. package/ButtonMenu/types.js.map +0 -1
  278. package/Header/Header.css +0 -1
  279. package/Header/Header.js +0 -2
  280. package/Header/Header.js.map +0 -1
  281. package/Header/HeaderLogin/HeaderLogin.js +0 -2
  282. package/Header/HeaderLogin/HeaderLogin.js.map +0 -1
  283. package/Header/HeaderLogin/index.d.ts +0 -1
  284. package/Header/HeaderLogin/index.js.map +0 -1
  285. package/Header/HeaderLogo/HeaderLogo.js +0 -2
  286. package/Header/HeaderLogo/HeaderLogo.js.map +0 -1
  287. package/Header/HeaderLogo/index.d.ts +0 -1
  288. package/Header/HeaderLogo/index.js.map +0 -1
  289. package/Header/HeaderSearch/HeaderSearch.js +0 -2
  290. package/Header/HeaderSearch/HeaderSearch.js.map +0 -1
  291. package/Header/HeaderSearch/index.d.ts +0 -1
  292. package/Header/HeaderSearch/index.js.map +0 -1
  293. package/Header/helpers.js +0 -2
  294. package/Header/helpers.js.map +0 -1
  295. package/Header/index.js.map +0 -1
  296. package/Header/types.js +0 -2
  297. package/Header/types.js.map +0 -1
  298. package/Languages/Languages.d.ts +0 -3
  299. package/Languages/Languages.js +0 -2
  300. package/Languages/Languages.js.map +0 -1
  301. package/Languages/helpers.d.ts +0 -20
  302. package/Languages/helpers.js +0 -2
  303. package/Languages/helpers.js.map +0 -1
  304. package/Languages/index.js.map +0 -1
  305. package/Languages/types.js +0 -2
  306. package/Languages/types.js.map +0 -1
  307. package/Layout/Layout.d.ts +0 -8
  308. package/Layout/Layout.js +0 -2
  309. package/Layout/Layout.js.map +0 -1
  310. package/Layout/LayoutRow/LayoutRow.css +0 -1
  311. package/Layout/LayoutRow/LayoutRow.js +0 -2
  312. package/Layout/LayoutRow/LayoutRow.js.map +0 -1
  313. package/Layout/helpers.js.map +0 -1
  314. package/Layout/index.js.map +0 -1
  315. package/Layout/types.d.ts +0 -17
  316. package/Layout/types.js +0 -2
  317. package/Layout/types.js.map +0 -1
  318. package/Menu/Menu.css +0 -1
  319. package/Menu/Menu.js +0 -2
  320. package/Menu/Menu.js.map +0 -1
  321. package/Menu/helpers.js +0 -2
  322. package/Menu/helpers.js.map +0 -1
  323. package/Menu/index.js.map +0 -1
  324. package/Menu/types.js +0 -2
  325. package/Menu/types.js.map +0 -1
  326. package/MobileMenu/MobileMenu.css +0 -1
  327. package/MobileMenu/MobileMenu.js +0 -2
  328. package/MobileMenu/MobileMenu.js.map +0 -1
  329. package/MobileMenu/index.js.map +0 -1
  330. package/MobileMenu/types.js +0 -2
  331. package/MobileMenu/types.js.map +0 -1
  332. package/Notifications/Notifications.css +0 -1
  333. package/Notifications/Notifications.js +0 -2
  334. package/Notifications/Notifications.js.map +0 -1
  335. package/Notifications/index.js.map +0 -1
  336. package/Notifications/types.js +0 -2
  337. package/Notifications/types.js.map +0 -1
  338. package/NotificationsList/NotificationsList.css +0 -1
  339. package/NotificationsList/NotificationsList.js +0 -2
  340. package/NotificationsList/NotificationsList.js.map +0 -1
  341. package/NotificationsList/helpers.js +0 -2
  342. package/NotificationsList/helpers.js.map +0 -1
  343. package/NotificationsList/index.js.map +0 -1
  344. package/NotificationsList/types.js +0 -2
  345. package/NotificationsList/types.js.map +0 -1
  346. package/SelectMenu/SelectMenu.css +0 -1
  347. package/SelectMenu/SelectMenu.js +0 -2
  348. package/SelectMenu/SelectMenu.js.map +0 -1
  349. package/SelectMenu/helpers.js +0 -2
  350. package/SelectMenu/helpers.js.map +0 -1
  351. package/SelectMenu/index.js.map +0 -1
  352. package/SelectMenu/types.js +0 -2
  353. package/SelectMenu/types.js.map +0 -1
  354. package/TileMenu/TileMenu.css +0 -1
  355. package/TileMenu/TileMenu.js +0 -2
  356. package/TileMenu/TileMenu.js.map +0 -1
  357. package/TileMenu/TileMenuItem/TileMenuItem.css +0 -1
  358. package/TileMenu/TileMenuItem/TileMenuItem.js +0 -2
  359. package/TileMenu/TileMenuItem/TileMenuItem.js.map +0 -1
  360. package/TileMenu/TileMenuList/TileMenuList.css +0 -1
  361. package/TileMenu/TileMenuList/TileMenuList.js +0 -2
  362. package/TileMenu/TileMenuList/TileMenuList.js.map +0 -1
  363. package/TileMenu/TileMenuList/types.js +0 -2
  364. package/TileMenu/TileMenuList/types.js.map +0 -1
  365. package/TileMenu/helpers.js +0 -2
  366. package/TileMenu/helpers.js.map +0 -1
  367. package/TileMenu/index.js.map +0 -1
  368. package/TileMenu/types.js.map +0 -1
  369. package/VerticalMenu/VerticalMenu.js +0 -2
  370. package/VerticalMenu/VerticalMenu.js.map +0 -1
  371. package/VerticalMenu/VerticalMenuItem/VerticalMenuItem.css +0 -1
  372. package/VerticalMenu/VerticalMenuItem/VerticalMenuItem.js +0 -2
  373. package/VerticalMenu/VerticalMenuItem/VerticalMenuItem.js.map +0 -1
  374. package/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.css +0 -1
  375. package/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.js +0 -2
  376. package/VerticalMenu/VerticalMenuLevel/VerticalMenuLevel.js.map +0 -1
  377. package/VerticalMenu/helpers.js +0 -2
  378. package/VerticalMenu/helpers.js.map +0 -1
  379. package/VerticalMenu/index.js.map +0 -1
  380. package/VerticalMenu/types.js +0 -2
  381. package/VerticalMenu/types.js.map +0 -1
  382. package/__private__/AnimatedContextMenu/AnimatedContextMenu.css +0 -1
  383. package/__private__/AnimatedContextMenu/AnimatedContextMenu.d.ts +0 -8
  384. package/__private__/AnimatedContextMenu/AnimatedContextMenu.js +0 -2
  385. package/__private__/AnimatedContextMenu/AnimatedContextMenu.js.map +0 -1
  386. package/__private__/components/NotificationCard/NotificationCard.d.ts +0 -19
  387. package/__private__/components/NotificationCard/NotificationCard.js +0 -2
  388. package/__private__/components/NotificationCard/NotificationCard.js.map +0 -1
  389. package/__private__/components/NotificationCard/helpers.js.map +0 -1
  390. package/__private__/components/NotificationCard/index.d.ts +0 -1
  391. package/__private__/components/NotificationCard/index.js.map +0 -1
  392. package/__private__/components/NotificationCard/types.js +0 -2
  393. package/__private__/components/NotificationCard/types.js.map +0 -1
  394. package/__private__/components/NotificationsActions/NotificationsActions.js +0 -2
  395. package/__private__/components/NotificationsActions/NotificationsActions.js.map +0 -1
  396. package/__private__/components/NotificationsActions/helpers.js +0 -2
  397. package/__private__/components/NotificationsActions/helpers.js.map +0 -1
  398. package/__private__/components/NotificationsActions/index.d.ts +0 -1
  399. package/__private__/components/NotificationsActions/index.js.map +0 -1
  400. package/__private__/components/NotificationsActions/types.js +0 -2
  401. package/__private__/components/NotificationsActions/types.js.map +0 -1
  402. package/__private__/components/Sidebar/Sidebar.css +0 -1
  403. package/__private__/components/Sidebar/Sidebar.js +0 -2
  404. package/__private__/components/Sidebar/Sidebar.js.map +0 -1
  405. package/__private__/components/Sidebar/index.d.ts +0 -1
  406. package/__private__/components/Sidebar/index.js.map +0 -1
  407. package/__private__/helpers/getItemClick.js.map +0 -1
  408. package/__private__/mixs/MixPopoverArrow/MixPopoverArrow.css +0 -1
  409. package/__private__/mixs/MixPopoverArrow/MixPopoverArrow.d.ts +0 -8
  410. package/__private__/mixs/MixPopoverArrow/MixPopoverArrow.js +0 -2
  411. package/__private__/mixs/MixPopoverArrow/MixPopoverArrow.js.map +0 -1
  412. package/__private__/utils/bem.js.map +0 -1
  413. package/__private__/utils/types/PropsWithHTMLAttributes.js +0 -2
  414. package/__private__/utils/types/PropsWithHTMLAttributes.js.map +0 -1
package/Header/helpers.js DELETED
@@ -1,2 +0,0 @@
1
- import{getGetters as getGettersForMenu}from"../Menu/helpers";import{getGetters as getGettersForButtonMenu}from"../ButtonMenu/helpers";import{getGetters as getGettersForSelectMenu}from"../SelectMenu/helpers";import{getItemClick}from"../__private__/helpers/getItemClick";const getMenu=a=>{var b;if(!(null!==(b=a.menu)&&void 0!==b)||!b.length)return[];const c=getGettersForMenu({getItemLabel:a.getMenuItemLabel,getItemActive:a.getMenuItemActive,getItemHref:a.getMenuItemHref,getItemOnClick:a.getMenuItemOnClick,getItemTarget:a.getMenuItemTarget,getItemSubMenu:a.getMenuItemSubMenu});return a.menu.map(b=>({label:c.getItemLabel(b),href:c.getItemHref(b),target:c.getItemTarget(b),active:c.getItemActive(b),onClick:getItemClick(b,c.getItemOnClick,a.onMenuItemClick),subMenu:c.getItemSubMenu(b),groupId:"1"}))},getSecondaryMenu=a=>{var b;if(!(null!==(b=a.secondaryMenu)&&void 0!==b)||!b.length||!a.secondaryMenuLabel)return[];const c=getGettersForSelectMenu({getItemLabel:a.getSecondaryMenuItemLabel,getItemHref:a.getSecondaryMenuItemHref,getItemOnClick:a.getSecondaryMenuItemOnClick,getItemTarget:a.getSecondaryMenuItemTarget,getItemSubMenu:a.getSecondaryMenuItemSubMenu});return[{label:a.secondaryMenuLabel,groupId:"2",subMenu:a.secondaryMenu.map(b=>({label:c.getItemLabel(b),href:c.getItemHref(b),target:c.getItemTarget(b),onClick:getItemClick(b,c.getItemOnClick,a.onSecondaryMenuItemClick),subMenu:c.getItemSubMenu(b)}))}]},getAdditionalButtons=a=>{var b;if(!(null!==(b=a.additionalButtons)&&void 0!==b)||!b.length)return[];const c=getGettersForButtonMenu({getItemLabel:a.getAdditionalButtonsItemLabel,getItemHref:a.getAdditionalButtonsItemHref,getItemOnClick:a.getAdditionalButtonsItemOnClick,getItemTarget:a.getAdditionalButtonsItemTarget});return a.additionalButtons.map(b=>({label:c.getItemLabel(b),href:c.getItemHref(b),target:c.getItemTarget(b),onClick:getItemClick(b,c.getItemOnClick,a.onAdditionalButtonsItemClick),groupId:"2"}))},getLanguages=(a,b)=>{var c;if(!(null!==(c=a.languages)&&void 0!==c)||!c.length)return[];const d=c=>{var d;b.setLanguagesValue(c.item),null===(d=a.onLanguageChange)||void 0===d?void 0:d.call(a,c)},e=getGettersForSelectMenu({getItemLabel:a.getAdditionalButtonsItemLabel,getItemHref:a.getAdditionalButtonsItemHref,getItemOnClick:a.getAdditionalButtonsItemOnClick,getItemTarget:a.getAdditionalButtonsItemTarget}),f=a=>!!b.languagesValue&&e.getItemLabel(a)===e.getItemLabel(b.languagesValue);return[{label:a.languagesLabel||"\u0421\u043C\u0435\u043D\u0438\u0442\u044C \u044F\u0437\u044B\u043A",groupId:"2",subMenu:a.languages.map(a=>({label:e.getItemLabel(a),href:e.getItemHref(a),target:e.getItemTarget(a),onClick:getItemClick(a,e.getItemOnClick,d),subMenu:e.getItemSubMenu(a),active:f(a)}))}]};export const getMobileMenu=(a,b)=>[...getMenu(a),...getSecondaryMenu(a),...getAdditionalButtons(a),...getLanguages(a,b)];
2
- //# sourceMappingURL=helpers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Header/helpers.ts"],"names":["getGetters","getGettersForMenu","getGettersForButtonMenu","getGettersForSelectMenu","getItemClick","getMenu","props","menu","length","getters","getItemLabel","getMenuItemLabel","getItemActive","getMenuItemActive","getItemHref","getMenuItemHref","getItemOnClick","getMenuItemOnClick","getItemTarget","getMenuItemTarget","getItemSubMenu","getMenuItemSubMenu","map","item","label","href","target","active","onClick","onMenuItemClick","subMenu","groupId","getSecondaryMenu","secondaryMenu","secondaryMenuLabel","getSecondaryMenuItemLabel","getSecondaryMenuItemHref","getSecondaryMenuItemOnClick","getSecondaryMenuItemTarget","getSecondaryMenuItemSubMenu","onSecondaryMenuItemClick","getAdditionalButtons","additionalButtons","getAdditionalButtonsItemLabel","getAdditionalButtonsItemHref","getAdditionalButtonsItemOnClick","getAdditionalButtonsItemTarget","onAdditionalButtonsItemClick","getLanguages","state","languages","onLanguageChange","params","setLanguagesValue","getActive","languagesValue","languagesLabel","getMobileMenu"],"mappings":"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","sourcesContent":["import { HeaderProps, HeaderDefaultLanguagesItem } from './types'\n\nimport { getGetters as getGettersForMenu } from '@/Menu/helpers'\nimport { DefaultItem } from '@/MobileMenu'\nimport { getGetters as getGettersForButtonMenu } from '@/ButtonMenu/helpers'\nimport { getGetters as getGettersForSelectMenu } from '@/SelectMenu/helpers'\nimport { getItemClick } from '@/__private__/helpers/getItemClick'\nimport { SelectMenuPropOnItemClick } from '@/SelectMenu'\n\ntype HeaderState = {\n languagesValue: HeaderDefaultLanguagesItem | undefined\n setLanguagesValue: React.Dispatch<React.SetStateAction<HeaderDefaultLanguagesItem | undefined>>\n}\n\nconst getMenu = (props: HeaderProps): DefaultItem[] => {\n if (!props.menu?.length) {\n return []\n }\n\n const getters = getGettersForMenu({\n getItemLabel: props.getMenuItemLabel,\n getItemActive: props.getMenuItemActive,\n getItemHref: props.getMenuItemHref,\n getItemOnClick: props.getMenuItemOnClick,\n getItemTarget: props.getMenuItemTarget,\n getItemSubMenu: props.getMenuItemSubMenu,\n })\n\n return props.menu.map(item => ({\n label: getters.getItemLabel(item),\n href: getters.getItemHref(item),\n target: getters.getItemTarget(item),\n active: getters.getItemActive(item),\n onClick: getItemClick(item, getters.getItemOnClick, props.onMenuItemClick),\n subMenu: getters.getItemSubMenu(item),\n groupId: '1',\n }))\n}\n\nconst getSecondaryMenu = (props: HeaderProps): DefaultItem[] => {\n if (!props.secondaryMenu?.length || !props.secondaryMenuLabel) {\n return []\n }\n\n const getters = getGettersForSelectMenu({\n getItemLabel: props.getSecondaryMenuItemLabel,\n getItemHref: props.getSecondaryMenuItemHref,\n getItemOnClick: props.getSecondaryMenuItemOnClick,\n getItemTarget: props.getSecondaryMenuItemTarget,\n getItemSubMenu: props.getSecondaryMenuItemSubMenu,\n })\n\n return [\n {\n label: props.secondaryMenuLabel,\n groupId: '2',\n subMenu: props.secondaryMenu.map(item => ({\n label: getters.getItemLabel(item),\n href: getters.getItemHref(item),\n target: getters.getItemTarget(item),\n onClick: getItemClick(item, getters.getItemOnClick, props.onSecondaryMenuItemClick),\n subMenu: getters.getItemSubMenu(item),\n })),\n },\n ]\n}\n\nconst getAdditionalButtons = (props: HeaderProps): DefaultItem[] => {\n if (!props.additionalButtons?.length) {\n return []\n }\n\n const getters = getGettersForButtonMenu({\n getItemLabel: props.getAdditionalButtonsItemLabel,\n getItemHref: props.getAdditionalButtonsItemHref,\n getItemOnClick: props.getAdditionalButtonsItemOnClick,\n getItemTarget: props.getAdditionalButtonsItemTarget,\n })\n\n return props.additionalButtons.map(item => ({\n label: getters.getItemLabel(item),\n href: getters.getItemHref(item),\n target: getters.getItemTarget(item),\n onClick: getItemClick(item, getters.getItemOnClick, props.onAdditionalButtonsItemClick),\n groupId: '2',\n }))\n}\n\nconst getLanguages = (props: HeaderProps, state: HeaderState): DefaultItem[] => {\n if (!props.languages?.length) {\n return []\n }\n\n const onLanguageChange: SelectMenuPropOnItemClick<HeaderDefaultLanguagesItem> = params => {\n state.setLanguagesValue(params.item)\n props.onLanguageChange?.(params)\n }\n\n const getters = getGettersForSelectMenu({\n getItemLabel: props.getAdditionalButtonsItemLabel,\n getItemHref: props.getAdditionalButtonsItemHref,\n getItemOnClick: props.getAdditionalButtonsItemOnClick,\n getItemTarget: props.getAdditionalButtonsItemTarget,\n })\n\n const getActive = (item: DefaultItem): boolean => {\n if (!state.languagesValue) {\n return false\n }\n\n return getters.getItemLabel(item) === getters.getItemLabel(state.languagesValue)\n }\n\n return [\n {\n label: props.languagesLabel || 'Сменить язык',\n groupId: '2',\n subMenu: props.languages.map(item => ({\n label: getters.getItemLabel(item),\n href: getters.getItemHref(item),\n target: getters.getItemTarget(item),\n onClick: getItemClick(item, getters.getItemOnClick, onLanguageChange),\n subMenu: getters.getItemSubMenu(item),\n active: getActive(item),\n })),\n },\n ]\n}\n\nexport const getMobileMenu = (props: HeaderProps, state: HeaderState): DefaultItem[] => [\n ...getMenu(props),\n ...getSecondaryMenu(props),\n ...getAdditionalButtons(props),\n ...getLanguages(props, state),\n]\n"],"file":"helpers.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Header/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from './Header'\n"],"file":"index.js"}
package/Header/types.js DELETED
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
@@ -1,3 +0,0 @@
1
- import { LanguagesComponent } from "./types";
2
- export declare const Languages: LanguagesComponent;
3
- export * from "./types";
@@ -1,2 +0,0 @@
1
- import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef,useState}from"react";import{withDefaultGetters}from"./helpers";import{SelectMenu}from"../SelectMenu";const LanguagesRender=(a,b)=>{const c=withDefaultGetters(a),{value:d,onChange:e}=c,f=_objectWithoutProperties(c,["value","onChange"]),[g,h]=useState(d||f.items[0]);return React.createElement(SelectMenu,Object.assign({},f,{onItemClick:a=>{null===e||void 0===e?void 0:e(a),h(a.item)},label:g?f.getItemLabel(g):"",ref:b}))};export const Languages=forwardRef(LanguagesRender);export*from"./types";
2
- //# sourceMappingURL=Languages.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Languages/Languages.tsx"],"names":["React","forwardRef","useState","withDefaultGetters","SelectMenu","LanguagesRender","props","ref","value","valueProp","onChange","otherProps","setValue","items","args","item","getItemLabel","Languages"],"mappings":"qFAAA,MAAOA,CAAAA,KAAP,EAAgBC,UAAhB,CAA4BC,QAA5B,KAA4C,OAA5C,CAGA,OAASC,kBAAT,iBAEA,OAASC,UAAT,qBAEA,KAAMC,CAAAA,eAAe,CAAG,CAACC,CAAD,CAAwBC,CAAxB,GAA2D,SAC3BJ,kBAAkB,CAACG,CAAD,CADS,CAC3E,CAAEE,KAAK,CAAEC,CAAT,CAAoBC,QAAQ,CAARA,CAApB,CAD2E,GAC1CC,CAD0C,kDAE3E,CAACH,CAAD,CAAQI,CAAR,EAAoBV,QAAQ,CAChCO,CAAS,EAAIE,CAAU,CAACE,KAAX,CAAiB,CAAjB,CADmB,CAF+C,CAMjF,MACE,qBAAC,UAAD,kBACMF,CADN,EAEE,WAAW,CAAEG,CAAI,EAAI,QACnBJ,CADmB,WACnBA,CADmB,QACnBA,CAAQ,CAAGI,CAAH,CADW,CAEnBF,CAAQ,CAACE,CAAI,CAACC,IAAN,CACT,CALH,CAME,KAAK,CAAEP,CAAK,CAAGG,CAAU,CAACK,YAAX,CAAwBR,CAAxB,CAAH,CAAoC,EANlD,CAOE,GAAG,CAAED,CAPP,GAUH,CAjBD,CAmBA,MAAO,MAAMU,CAAAA,SAAS,CAAGhB,UAAU,CAACI,eAAD,CAA5B,CAEP","sourcesContent":["import React, { forwardRef, useState } from 'react'\n\nimport { LanguagesProps, LanguagesComponent, LanguagesDefaultItem } from './types'\nimport { withDefaultGetters } from './helpers'\n\nimport { SelectMenu } from '@/SelectMenu'\n\nconst LanguagesRender = (props: LanguagesProps, ref: React.Ref<HTMLDivElement>) => {\n const { value: valueProp, onChange, ...otherProps } = withDefaultGetters(props)\n const [value, setValue] = useState<LanguagesDefaultItem | undefined>(\n valueProp || otherProps.items[0]\n )\n\n return (\n <SelectMenu\n {...otherProps}\n onItemClick={args => {\n onChange?.(args)\n setValue(args.item)\n }}\n label={value ? otherProps.getItemLabel(value) : ''}\n ref={ref}\n />\n )\n}\n\nexport const Languages = forwardRef(LanguagesRender) as LanguagesComponent\n\nexport * from './types'\n"],"file":"Languages.js"}
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- import { LanguagesProps } from "./types";
3
- export declare function withDefaultGetters<ITEM>(props: LanguagesProps<ITEM>): {
4
- items: ITEM[];
5
- value?: ITEM | undefined;
6
- onChange?: import("../SelectMenu/index").SelectMenuPropOnItemClick<ITEM> | undefined;
7
- getItemHref?: import("../SelectMenu/index").SelectMenuPropGetItemHref<ITEM> | undefined;
8
- getItemLabel?: import("../SelectMenu/index").SelectMenuPropGetItemLabel<ITEM> | undefined;
9
- getItemTarget?: import("../SelectMenu/index").SelectMenuPropGetItemTarget<ITEM> | undefined;
10
- getItemOnClick?: import("../SelectMenu/index").SelectMenuPropGetItemOnClick<ITEM> | undefined;
11
- } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "value" | "onChange" | "css" | "items" | "getItemLabel" | "getItemHref" | "getItemTarget" | "getItemOnClick"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
12
- label: string;
13
- } ? {} : {
14
- getItemLabel: import("../SelectMenu/index").SelectMenuPropGetItemLabel<ITEM>;
15
- }) & {
16
- getItemLabel: import("../SelectMenu/index").SelectMenuPropGetItemLabel<import("../SelectMenu").SelectMenuDefaultItem> | import("../SelectMenu/index").SelectMenuPropGetItemLabel<ITEM>;
17
- getItemHref: import("../SelectMenu/index").SelectMenuPropGetItemHref<import("../SelectMenu").SelectMenuDefaultItem> | import("../SelectMenu/index").SelectMenuPropGetItemHref<ITEM>;
18
- getItemOnClick: import("../SelectMenu/index").SelectMenuPropGetItemOnClick<import("../SelectMenu").SelectMenuDefaultItem> | import("../SelectMenu/index").SelectMenuPropGetItemOnClick<ITEM>;
19
- getItemTarget: import("../SelectMenu/index").SelectMenuPropGetItemTarget<import("../SelectMenu").SelectMenuDefaultItem> | import("../SelectMenu/index").SelectMenuPropGetItemTarget<ITEM>;
20
- };
@@ -1,2 +0,0 @@
1
- import _objectSpread from"@babel/runtime/helpers/objectSpread";import{defaultGetItemTarget,defaultGetItemOnClick,defaultGetItemHref,defaultGetItemLabel}from"../SelectMenu/helpers";export function withDefaultGetters(a){return _objectSpread({},a,{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemHref:a.getItemHref||defaultGetItemHref,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick,getItemTarget:a.getItemTarget||defaultGetItemTarget})}
2
- //# sourceMappingURL=helpers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Languages/helpers.ts"],"names":["defaultGetItemTarget","defaultGetItemOnClick","defaultGetItemHref","defaultGetItemLabel","withDefaultGetters","props","getItemLabel","getItemHref","getItemOnClick","getItemTarget"],"mappings":"+DAEA,OACEA,oBADF,CAEEC,qBAFF,CAGEC,kBAHF,CAIEC,mBAJF,6BAOA,MAAO,SAASC,CAAAA,kBAAT,CAAkCC,CAAlC,CAA+D,CACpE,wBACKA,CADL,EAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBH,mBAFtC,CAGEI,WAAW,CAAEF,CAAK,CAACE,WAAN,EAAqBL,kBAHpC,CAIEM,cAAc,CAAEH,CAAK,CAACG,cAAN,EAAwBP,qBAJ1C,CAKEQ,aAAa,CAAEJ,CAAK,CAACI,aAAN,EAAuBT,oBALxC,EAOD","sourcesContent":["import { LanguagesProps } from './types'\n\nimport {\n defaultGetItemTarget,\n defaultGetItemOnClick,\n defaultGetItemHref,\n defaultGetItemLabel,\n} from '@/SelectMenu/helpers'\n\nexport function withDefaultGetters<ITEM>(props: LanguagesProps<ITEM>) {\n return {\n ...props,\n getItemLabel: props.getItemLabel || defaultGetItemLabel,\n getItemHref: props.getItemHref || defaultGetItemHref,\n getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n getItemTarget: props.getItemTarget || defaultGetItemTarget,\n }\n}\n"],"file":"helpers.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Languages/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from './Languages'\n"],"file":"index.js"}
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import './Layout.css';
3
- export declare const Layout: React.ForwardRefExoticComponent<Pick<{
4
- rowCenter?: import("./types").LayoutPropRowCenter;
5
- rowTop?: import("./types").LayoutPropRowTop;
6
- rowBottom?: import("./types").LayoutPropRowBottom;
7
- } & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "rowCenter" | "rowTop" | "rowBottom"> & React.RefAttributes<HTMLDivElement>, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "rowCenter" | "rowTop" | "rowBottom"> & React.RefAttributes<HTMLDivElement>>;
8
- export * from "./types";
package/Layout/Layout.js DELETED
@@ -1,2 +0,0 @@
1
- import _jsx from"@babel/runtime/helpers/jsx";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef}from"react";import{cn}from"../__private__/utils/bem";import{LayoutRowIsObject}from"./helpers";import"./Layout.css";import{LayoutRow}from"./LayoutRow/LayoutRow";const cnLayout=cn("Layout");export const Layout=forwardRef((a,b)=>{const{className:c,rowTop:d,rowBottom:e,rowCenter:f,children:g}=a,h=_objectWithoutProperties(a,["className","rowTop","rowBottom","rowCenter","children"]);return React.createElement("div",Object.assign({},h,{className:cnLayout(null,[c]),ref:b}),d&&_jsx(LayoutRow,{className:cnLayout("Row",{top:!0}),content:d,height:"s"}),(f||g)&&_jsx(LayoutRow,{className:cnLayout("Row",{center:!0}),content:f||g,height:LayoutRowIsObject(f)?f.height:void 0}),e&&_jsx(LayoutRow,{className:cnLayout("Row",{botton:!0}),content:e,height:"s"}))});export*from"./types";
2
- //# sourceMappingURL=Layout.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Layout/Layout.tsx"],"names":["React","forwardRef","cn","LayoutRowIsObject","LayoutRow","cnLayout","Layout","props","ref","className","rowTop","rowBottom","rowCenter","children","otherProps","top","center","height","botton"],"mappings":"kIAAA,MAAOA,CAAAA,KAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,gCAEA,OAASC,iBAAT,iBAEA,qBACA,OAASC,SAAT,6BAEA,KAAMC,CAAAA,QAAQ,CAAGH,EAAE,CAAC,QAAD,CAAnB,CAEA,MAAO,MAAMI,CAAAA,MAAM,CAAGL,UAAU,CAAC,CAACM,CAAD,CAAqBC,CAArB,GAAwD,CACvF,KAAM,CAAEC,SAAS,CAATA,CAAF,CAAaC,MAAM,CAANA,CAAb,CAAqBC,SAAS,CAATA,CAArB,CAAgCC,SAAS,CAATA,CAAhC,CAA2CC,QAAQ,CAARA,CAA3C,EAAuEN,CAA7E,CAA8DO,CAA9D,0BAA6EP,CAA7E,4DAEA,MACE,4CAASO,CAAT,EAAqB,SAAS,CAAET,QAAQ,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAAxC,CAA6D,GAAG,CAAED,CAAlE,GACGE,CAAM,EACL,KAAC,SAAD,EAAW,SAAS,CAAEL,QAAQ,CAAC,KAAD,CAAQ,CAAEU,GAAG,GAAL,CAAR,CAA9B,CAAsD,OAAO,CAAEL,CAA/D,CAAuE,MAAM,CAAC,GAA9E,EAFJ,CAIG,CAACE,CAAS,EAAIC,CAAd,GACC,KAAC,SAAD,EACE,SAAS,CAAER,QAAQ,CAAC,KAAD,CAAQ,CAAEW,MAAM,GAAR,CAAR,CADrB,CAEE,OAAO,CAAEJ,CAAS,EAAIC,CAFxB,CAGE,MAAM,CAAEV,iBAAiB,CAACS,CAAD,CAAjB,CAA+BA,CAAS,CAACK,MAAzC,OAHV,EALJ,CAWGN,CAAS,EACR,KAAC,SAAD,EAAW,SAAS,CAAEN,QAAQ,CAAC,KAAD,CAAQ,CAAEa,MAAM,GAAR,CAAR,CAA9B,CAAyD,OAAO,CAAEP,CAAlE,CAA6E,MAAM,CAAC,GAApF,EAZJ,CAgBH,CApB+B,CAAzB,CAsBP","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\n\nimport { LayoutRowIsObject } from './helpers'\nimport { LayoutProps } from './types'\nimport './Layout.css'\nimport { LayoutRow } from './LayoutRow/LayoutRow'\n\nconst cnLayout = cn('Layout')\n\nexport const Layout = forwardRef((props: LayoutProps, ref: React.Ref<HTMLDivElement>) => {\n const { className, rowTop, rowBottom, rowCenter, children, ...otherProps } = props\n\n return (\n <div {...otherProps} className={cnLayout(null, [className])} ref={ref}>\n {rowTop && (\n <LayoutRow className={cnLayout('Row', { top: true })} content={rowTop} height=\"s\" />\n )}\n {(rowCenter || children) && (\n <LayoutRow\n className={cnLayout('Row', { center: true })}\n content={rowCenter || children}\n height={LayoutRowIsObject(rowCenter) ? rowCenter.height : undefined}\n />\n )}\n {rowBottom && (\n <LayoutRow className={cnLayout('Row', { botton: true })} content={rowBottom} height=\"s\" />\n )}\n </div>\n )\n})\n\nexport * from './types'\n"],"file":"Layout.js"}
@@ -1 +0,0 @@
1
- .che--LayoutRow{display:flex;box-sizing:border-box;width:100%;height:var(--header-height);padding:0 var(--space-xl);border-bottom:1px solid var(--color-bg-border);background-color:var(--color-bg-default)}.che--LayoutRow_height_m{--header-height:60px}.che--LayoutRow_height_s{--header-height:40px}.che--LayoutRow-Side{display:flex;align-items:center;flex:1 1 auto}.che--LayoutRow-Side_position_left{justify-content:flex-start}.che--LayoutRow-Side_position_right{justify-content:flex-end}.che--LayoutRow-Side_position_center{flex:0;justify-content:center}
@@ -1,2 +0,0 @@
1
- import _jsx from"@babel/runtime/helpers/jsx";import React from"react";import{cn}from"../../__private__/utils/bem";import{LayoutRowIsObject}from"../helpers";import"./LayoutRow.css";const cnLayoutRow=cn("LayoutRow");export const LayoutRow=a=>{const{className:b,content:c,height:d="m"}=a;if(!c)return null;if(LayoutRowIsObject(c)){const{left:a,center:e,right:f}=c;return _jsx("div",{className:cnLayoutRow({height:d},[b])},void 0,a&&_jsx("div",{className:cnLayoutRow("Side",{position:"left"})},void 0,a),e&&_jsx("div",{className:cnLayoutRow("Side",{position:"center"})},void 0,e),f&&_jsx("div",{className:cnLayoutRow("Side",{position:"right"})},void 0,f))}return _jsx("div",{className:cnLayoutRow({height:d},[b])},void 0,_jsx("div",{className:cnLayoutRow("Side",{position:"left"})},void 0,c))};
2
- //# sourceMappingURL=LayoutRow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/Layout/LayoutRow/LayoutRow.tsx"],"names":["React","cn","LayoutRowIsObject","cnLayoutRow","LayoutRow","props","className","content","height","left","center","right","position"],"mappings":"6CAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,mCAGA,OAASC,iBAAT,kBAGA,wBAEA,KAAMC,CAAAA,WAAW,CAAGF,EAAE,CAAC,WAAD,CAAtB,CAWA,MAAO,MAAMG,CAAAA,SAAmC,CAAGC,CAAK,EAAI,CAC1D,KAAM,CAAEC,SAAS,CAATA,CAAF,CAAaC,OAAO,CAAPA,CAAb,CAAsBC,MAAM,CAANA,CAAM,CAAG,GAA/B,EAAuCH,CAA7C,CACA,GAAI,CAACE,CAAL,CACE,MAAO,KAAP,CAEF,GAAIL,iBAAiB,CAACK,CAAD,CAArB,CAAgC,CAC9B,KAAM,CAAEE,IAAI,CAAJA,CAAF,CAAQC,MAAM,CAANA,CAAR,CAAgBC,KAAK,CAALA,CAAhB,EAA0BJ,CAAhC,CACA,MACE,aAAK,SAAS,CAAEJ,WAAW,CAAC,CAAEK,MAAM,CAANA,CAAF,CAAD,CAAa,CAACF,CAAD,CAAb,CAA3B,SACGG,CAAI,EAAI,YAAK,SAAS,CAAEN,WAAW,CAAC,MAAD,CAAS,CAAES,QAAQ,CAAE,MAAZ,CAAT,CAA3B,SAA4DH,CAA5D,CADX,CAEGC,CAAM,EAAI,YAAK,SAAS,CAAEP,WAAW,CAAC,MAAD,CAAS,CAAES,QAAQ,CAAE,QAAZ,CAAT,CAA3B,SAA8DF,CAA9D,CAFb,CAGGC,CAAK,EAAI,YAAK,SAAS,CAAER,WAAW,CAAC,MAAD,CAAS,CAAES,QAAQ,CAAE,OAAZ,CAAT,CAA3B,SAA6DD,CAA7D,CAHZ,CAMH,CACD,MACE,aAAK,SAAS,CAAER,WAAW,CAAC,CAAEK,MAAM,CAANA,CAAF,CAAD,CAAa,CAACF,CAAD,CAAb,CAA3B,SACE,YAAK,SAAS,CAAEH,WAAW,CAAC,MAAD,CAAS,CAAES,QAAQ,CAAE,MAAZ,CAAT,CAA3B,SAA4DL,CAA5D,CADF,CAIH,CApBM","sourcesContent":["import React from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\nimport { PropsWithHTMLAttributes } from '@/__private__/utils/types/PropsWithHTMLAttributes'\n\nimport { LayoutRowIsObject } from '../helpers'\nimport { LayoutRow as LayoutRowType, LayoutSlotHeight } from '../types'\n\nimport './LayoutRow.css'\n\nconst cnLayoutRow = cn('LayoutRow')\n\ntype LayoutRowProps = PropsWithHTMLAttributes<\n {\n content?: React.ReactNode | LayoutRowType\n children?: never\n height?: LayoutSlotHeight\n },\n HTMLDivElement\n>\n\nexport const LayoutRow: React.FC<LayoutRowProps> = props => {\n const { className, content, height = 'm' } = props\n if (!content) {\n return null\n }\n if (LayoutRowIsObject(content)) {\n const { left, center, right } = content\n return (\n <div className={cnLayoutRow({ height }, [className])}>\n {left && <div className={cnLayoutRow('Side', { position: 'left' })}>{left}</div>}\n {center && <div className={cnLayoutRow('Side', { position: 'center' })}>{center}</div>}\n {right && <div className={cnLayoutRow('Side', { position: 'right' })}>{right}</div>}\n </div>\n )\n }\n return (\n <div className={cnLayoutRow({ height }, [className])}>\n <div className={cnLayoutRow('Side', { position: 'left' })}>{content}</div>\n </div>\n )\n}\n"],"file":"LayoutRow.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Layout/helpers.tsx"],"names":["hasProperty","Object","prototype","hasOwnProperty","LayoutRowIsObject","content","call"],"mappings":"AAEA,KAAMA,CAAAA,WAAW,CAAGC,MAAM,CAACC,SAAP,CAAiBC,cAArC,CAEA,MAAO,MAAMC,CAAAA,iBAAiB,CAAIC,CAAD,KAE7BA,CAAO,EACY,QAAnB,QAAOA,CAAAA,CADP,GAECL,WAAW,CAACM,IAAZ,CAAiBD,CAAjB,CAA0B,MAA1B,GACCL,WAAW,CAACM,IAAZ,CAAiBD,CAAjB,CAA0B,OAA1B,CADD,EAECL,WAAW,CAACM,IAAZ,CAAiBD,CAAjB,CAA0B,QAA1B,CAJF,CAF6B,CAA1B","sourcesContent":["import { LayoutRow } from './types'\n\nconst hasProperty = Object.prototype.hasOwnProperty\n\nexport const LayoutRowIsObject = (content: React.ReactNode | LayoutRow): content is LayoutRow => {\n if (\n content &&\n typeof content === 'object' &&\n (hasProperty.call(content, 'left') ||\n hasProperty.call(content, 'right') ||\n hasProperty.call(content, 'center'))\n ) {\n return true\n }\n return false\n}\n"],"file":"helpers.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Layout/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from './Layout'\n"],"file":"index.js"}
package/Layout/types.d.ts DELETED
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
3
- export declare type LayoutSlotHeight = 'm' | 's';
4
- export declare type LayoutRow = {
5
- left: React.ReactNode;
6
- right: React.ReactNode;
7
- center: React.ReactNode;
8
- height?: LayoutSlotHeight;
9
- };
10
- export declare type LayoutPropRowCenter = React.ReactNode | LayoutRow;
11
- export declare type LayoutPropRowTop = React.ReactNode | Omit<LayoutRow, 'height'>;
12
- export declare type LayoutPropRowBottom = React.ReactNode | Omit<LayoutRow, 'height'>;
13
- export declare type LayoutProps = PropsWithHTMLAttributesAndRef<{
14
- rowCenter?: LayoutPropRowCenter;
15
- rowTop?: LayoutPropRowTop;
16
- rowBottom?: LayoutPropRowBottom;
17
- }, HTMLDivElement>;
package/Layout/types.js DELETED
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
package/Menu/Menu.css DELETED
@@ -1 +0,0 @@
1
- .che--Menu-List{margin:0;padding:0;list-style-type:none}.che--Menu-Item,.che--Menu-List{display:flex;align-items:center;height:100%}.che--Menu-Item{--text-color:var(--color-typo-secondary);position:relative;margin-right:var(--space-m);color:var(--text-color);transition:color .2s}.che--Menu-Item:hover,.che--Menu-Item_opened{--text-color:var(--color-typo-primary)}.che--Menu-Item:last-child{margin-right:0}.che--Menu-Item_hidden{position:absolute;left:-300vw;visibility:hidden}.che--Menu-Item_active{--text-color:var(--color-typo-primary)}.che--Menu-Item_active:before{position:absolute;bottom:0;left:0;width:100%;height:2px;content:"";background-color:var(--color-typo-link)}.che--Menu-Link{position:relative;display:flex;align-items:center;height:100%;cursor:pointer;text-decoration:none;color:var(--text-color)}.che--Menu-Arrow{margin-left:var(--space-2xs)}
package/Menu/Menu.js DELETED
@@ -1,2 +0,0 @@
1
- import _jsx from"@babel/runtime/helpers/jsx";import _objectSpread from"@babel/runtime/helpers/objectSpread";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef,useState,useRef,useCallback,useEffect}from"react";import{IconSelect}from"@consta/uikit/IconSelect";import{Button}from"@consta/uikit/Button";import{IconMeatball}from"@consta/uikit/IconMeatball";import{useMutableRef}from"@consta/uikit/useMutableRef";import{useDebounce}from"@consta/uikit/useDebounce";import{useFlag}from"@consta/uikit/useFlag";import{AnimatedContextMenu}from"../__private__/AnimatedContextMenu/AnimatedContextMenu";import{cn}from"../__private__/utils/bem";import{useHideElementsInLine}from"@consta/uikit/useHideElementsInLine";import{animateTimeout}from"@consta/uikit/MixPopoverAnimate";import{withDefaultGetters}from"./helpers";import{getItemClick}from"../__private__/helpers/getItemClick";import"./Menu.css";export const cnMenu=cn("Menu");const MenuRender=(a,b)=>{var c;const d=withDefaultGetters(a),{items:e,className:f,getItemActive:g,getItemHref:h,getItemLabel:i,getItemOnClick:j,getItemTarget:k,getItemSubMenu:l,onItemClick:m}=d,n=_objectWithoutProperties(d,["items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","onItemClick"]),[o,p]=useState(),[q,r]=useFlag(),{visibleItems:s,itemsRefs:t,wrapperRef:u,hiddenItems:v,moreRef:w}=useHideElementsInLine(e),x=useRef(null),y=useMutableRef(h),z=useMutableRef(k),A=useCallback(a=>y.current(a)?"a":"span",[]),B=useCallback(a=>{const b=y.current(a),c=z.current(a);return _objectSpread({},b&&{href:y.current(a)},c&&{href:z.current(a)})},[]),C="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return useEffect(useDebounce(()=>{q||p(void 0)},animateTimeout),[q]),React.createElement("nav",Object.assign({},n,{className:cnMenu(null,[f]),onMouseLeave:r.off,onMouseEnter:r.on,ref:b}),React.createElement("ul",{className:cnMenu("List"),ref:u},e.map((a,b)=>{const c=i(a),d=h(a),e=d?k(a):void 0,f=g(a),n=d?"a":"span",q=l(a),r=o===b,u=!s[b];return React.createElement("li",{className:cnMenu("Item",{hidden:u,active:f,opened:r}),key:cnMenu("Item",{index:b}),ref:t[b],onMouseEnter:()=>p(b)},_jsx(n,{className:cnMenu("Link"),href:d,target:e,onClick:getItemClick(a,j,m)},void 0,c),q&&_jsx(IconSelect,{size:"s",className:cnMenu("Arrow")}),_jsx(AnimatedContextMenu,{isOpen:q&&0<q.length&&r,items:q||[],getLabel:i,getSubItems:l,anchorRef:t[b],getOnClick:a=>getItemClick(a,j,m),direction:"downStartLeft",possibleDirections:["upStartLeft","downStartRight","downStartLeft","upStartRight"],spareDirection:"downStartLeft",getItemAs:A,getItemHTMLAttributes:B,style:{zIndex:C}}))}),0<v.length&&React.createElement("li",{className:cnMenu("Item"),key:cnMenu("Item",{more:!0}),ref:w,onMouseEnter:()=>p("more")},React.createElement(Button,{iconLeft:IconMeatball,ref:x,size:"xs",view:"clear"}),_jsx(AnimatedContextMenu,{isOpen:"more"===o,items:v,getLabel:i,getSubItems:l,anchorRef:x,getOnClick:a=>getItemClick(a,j,m),direction:"downStartLeft",possibleDirections:["upStartLeft","downStartRight","downStartLeft","upStartRight"],spareDirection:"downStartRight",getItemAs:A,getItemHTMLAttributes:B,style:{zIndex:C},offset:8}))))};export const Menu=forwardRef(MenuRender);export*from"./types";
2
- //# sourceMappingURL=Menu.js.map
package/Menu/Menu.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Menu/Menu.tsx"],"names":["React","forwardRef","useState","useRef","useCallback","useEffect","IconSelect","Button","IconMeatball","useMutableRef","useDebounce","useFlag","AnimatedContextMenu","cn","useHideElementsInLine","animateTimeout","withDefaultGetters","getItemClick","cnMenu","MenuRender","props","ref","items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","onItemClick","otherProps","openedSubMenu","setOpenedSubMenu","mouseOnMenu","setMouseOnMenu","visibleItems","itemsRefs","wrapperRef","hiddenItems","moreRef","moreButtonRef","getItemHrefRef","getItemTargetRef","getItemAs","item","current","getItemHTMLAttributes","href","target","elementZIndex","style","zIndex","off","on","map","index","label","active","Tag","subItems","opened","hidden","length","contextMenuItem","more","Menu"],"mappings":"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","sourcesContent":["import React, { forwardRef, useState, useRef, useCallback, useEffect } from 'react'\n\nimport { IconSelect } from '@consta/uikit/IconSelect'\nimport { Button } from '@consta/uikit/Button'\nimport { IconMeatball } from '@consta/uikit/IconMeatball'\nimport { useMutableRef } from '@consta/uikit/useMutableRef'\nimport { useDebounce } from '@consta/uikit/useDebounce'\nimport { useFlag } from '@consta/uikit/useFlag'\n\nimport { AnimatedContextMenu } from '@/__private__/AnimatedContextMenu/AnimatedContextMenu'\n\nimport { cn } from '@/__private__/utils/bem'\nimport { useHideElementsInLine } from '@consta/uikit/useHideElementsInLine'\n\nimport { animateTimeout } from '@consta/uikit/MixPopoverAnimate'\n\nimport { withDefaultGetters } from './helpers'\n\nimport { getItemClick } from '@/__private__/helpers/getItemClick'\nimport { MenuComponent, MenuProps } from './types'\nimport './Menu.css'\n\nexport const cnMenu = cn('Menu')\n\nconst MenuRender = (props: MenuProps, ref: React.Ref<HTMLDivElement>) => {\n const {\n items,\n className,\n getItemActive,\n getItemHref,\n getItemLabel,\n getItemOnClick,\n getItemTarget,\n getItemSubMenu,\n onItemClick,\n ...otherProps\n } = withDefaultGetters(props)\n\n const [openedSubMenu, setOpenedSubMenu] = useState<number | 'more' | undefined>()\n const [mouseOnMenu, setMouseOnMenu] = useFlag()\n\n const { visibleItems, itemsRefs, wrapperRef, hiddenItems, moreRef } = useHideElementsInLine<\n typeof items[number],\n HTMLLIElement,\n HTMLUListElement\n >(items)\n\n const moreButtonRef = useRef<HTMLButtonElement>(null)\n\n const getItemHrefRef = useMutableRef(getItemHref)\n const getItemTargetRef = useMutableRef(getItemTarget)\n\n const getItemAs = useCallback((item: typeof items[number]) => {\n if (!!getItemHrefRef.current(item)) {\n return 'a'\n }\n return 'span'\n }, [])\n\n const getItemHTMLAttributes = useCallback((item: typeof items[number]) => {\n const href = getItemHrefRef.current(item)\n const target = getItemTargetRef.current(item)\n\n return {\n ...(href && { href: getItemHrefRef.current(item) }),\n ...(target && { href: getItemTargetRef.current(item) }),\n }\n }, [])\n\n const elementZIndex = typeof props.style?.zIndex === 'number' ? props.style.zIndex + 1 : undefined\n\n useEffect(\n useDebounce(() => {\n if (!mouseOnMenu) {\n setOpenedSubMenu(undefined)\n }\n }, animateTimeout),\n [mouseOnMenu]\n )\n\n return (\n <nav\n {...otherProps}\n className={cnMenu(null, [className])}\n onMouseLeave={setMouseOnMenu.off}\n onMouseEnter={setMouseOnMenu.on}\n ref={ref}\n >\n <ul className={cnMenu('List')} ref={wrapperRef}>\n {items.map((item, index) => {\n const label = getItemLabel(item)\n const href = getItemHref(item)\n const target = href ? getItemTarget(item) : undefined\n const active = getItemActive(item)\n const Tag = href ? 'a' : 'span'\n const subItems = getItemSubMenu(item)\n const opened = openedSubMenu === index\n const hidden = !visibleItems[index]\n return (\n <li\n className={cnMenu('Item', { hidden, active, opened })}\n key={cnMenu('Item', { index })}\n ref={itemsRefs[index]}\n onMouseEnter={() => setOpenedSubMenu(index)}\n >\n <Tag\n className={cnMenu('Link')}\n href={href}\n target={target}\n onClick={getItemClick(item, getItemOnClick, onItemClick)}\n >\n {label}\n </Tag>\n {subItems && <IconSelect size=\"s\" className={cnMenu('Arrow')} />}\n <AnimatedContextMenu\n isOpen={subItems && subItems.length > 0 && opened}\n items={subItems || []}\n getLabel={getItemLabel}\n getSubItems={getItemSubMenu}\n anchorRef={itemsRefs[index]}\n getOnClick={contextMenuItem =>\n getItemClick(contextMenuItem, getItemOnClick, onItemClick)\n }\n direction=\"downStartLeft\"\n possibleDirections={[\n 'upStartLeft',\n 'downStartRight',\n 'downStartLeft',\n 'upStartRight',\n ]}\n spareDirection=\"downStartLeft\"\n getItemAs={getItemAs}\n getItemHTMLAttributes={getItemHTMLAttributes}\n style={{ zIndex: elementZIndex }}\n />\n </li>\n )\n })}\n {hiddenItems.length > 0 && (\n <li\n className={cnMenu('Item')}\n key={cnMenu('Item', { more: true })}\n ref={moreRef}\n onMouseEnter={() => setOpenedSubMenu('more')}\n >\n <Button iconLeft={IconMeatball} ref={moreButtonRef} size=\"xs\" view=\"clear\" />\n <AnimatedContextMenu\n isOpen={openedSubMenu === 'more'}\n items={hiddenItems}\n getLabel={getItemLabel}\n getSubItems={getItemSubMenu}\n anchorRef={moreButtonRef}\n getOnClick={contextMenuItem =>\n getItemClick(contextMenuItem, getItemOnClick, onItemClick)\n }\n direction=\"downStartLeft\"\n possibleDirections={[\n 'upStartLeft',\n 'downStartRight',\n 'downStartLeft',\n 'upStartRight',\n ]}\n spareDirection=\"downStartRight\"\n getItemAs={getItemAs}\n getItemHTMLAttributes={getItemHTMLAttributes}\n style={{ zIndex: elementZIndex }}\n offset={8}\n />\n </li>\n )}\n </ul>\n </nav>\n )\n}\n\nexport const Menu = forwardRef(MenuRender) as MenuComponent\n\nexport * from './types'\n"],"file":"Menu.js"}
package/Menu/helpers.js DELETED
@@ -1,2 +0,0 @@
1
- import _objectSpread from"@babel/runtime/helpers/objectSpread";export const defaultGetItemLabel=a=>a.label;export const defaultGetItemActive=a=>a.active;export const defaultGetItemHref=a=>a.href;export const defaultGetItemOnClick=a=>a.onClick;export const defaultGetItemTarget=a=>a.target;export const defaultGetItemSubMenu=a=>a.subMenu;export const getGetters=a=>({getItemLabel:(null===a||void 0===a?void 0:a.getItemLabel)||defaultGetItemLabel,getItemActive:(null===a||void 0===a?void 0:a.getItemActive)||defaultGetItemActive,getItemHref:(null===a||void 0===a?void 0:a.getItemHref)||defaultGetItemHref,getItemOnClick:(null===a||void 0===a?void 0:a.getItemOnClick)||defaultGetItemOnClick,getItemTarget:(null===a||void 0===a?void 0:a.getItemTarget)||defaultGetItemTarget,getItemSubMenu:(null===a||void 0===a?void 0:a.getItemSubMenu)||defaultGetItemSubMenu});export function withDefaultGetters(a){return _objectSpread({},a,getGetters(a))}
2
- //# sourceMappingURL=helpers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Menu/helpers.ts"],"names":["defaultGetItemLabel","item","label","defaultGetItemActive","active","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","getGetters","props","getItemLabel","getItemActive","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","withDefaultGetters"],"mappings":"+DAWA,MAAO,MAAMA,CAAAA,mBAA0D,CAAGC,CAAI,EAAIA,CAAI,CAACC,KAAhF,CACP,MAAO,MAAMC,CAAAA,oBAA4D,CAAGF,CAAI,EAAIA,CAAI,CAACG,MAAlF,CACP,MAAO,MAAMC,CAAAA,kBAAwD,CAAGJ,CAAI,EAAIA,CAAI,CAACK,IAA9E,CACP,MAAO,MAAMC,CAAAA,qBAA8D,CAAGN,CAAI,EAAIA,CAAI,CAACO,OAApF,CACP,MAAO,MAAMC,CAAAA,oBAA4D,CAAGR,CAAI,EAAIA,CAAI,CAACS,MAAlF,CACP,MAAO,MAAMC,CAAAA,qBAA8D,CAAGV,CAAI,EAAIA,CAAI,CAACW,OAApF,CAEP,MAAO,MAAMC,CAAAA,UAAU,CAAUC,CAAP,GAQjB,CACLC,YAAY,CAAE,QAAAD,CAAK,WAALA,SAAAA,CAAK,CAAEC,YAAP,GAAuBf,mBADhC,CAELgB,aAAa,CAAE,QAAAF,CAAK,WAALA,SAAAA,CAAK,CAAEE,aAAP,GAAwBb,oBAFlC,CAGLc,WAAW,CAAE,QAAAH,CAAK,WAALA,SAAAA,CAAK,CAAEG,WAAP,GAAsBZ,kBAH9B,CAILa,cAAc,CAAE,QAAAJ,CAAK,WAALA,SAAAA,CAAK,CAAEI,cAAP,GAAyBX,qBAJpC,CAKLY,aAAa,CAAE,QAAAL,CAAK,WAALA,SAAAA,CAAK,CAAEK,aAAP,GAAwBV,oBALlC,CAMLW,cAAc,CAAE,QAAAN,CAAK,WAALA,SAAAA,CAAK,CAAEM,cAAP,GAAyBT,qBANpC,CARiB,CAAnB,CAkBP,MAAO,SAASU,CAAAA,kBAAT,CAAkCP,CAAlC,CAA0D,CAC/D,wBACKA,CADL,CAEKD,UAAU,CAACC,CAAD,CAFf,CAID","sourcesContent":["import {\n MenuDefaultItem,\n MenuProps,\n MenuPropGetItemActive,\n MenuPropGetItemHref,\n MenuPropGetItemLabel,\n MenuPropGetItemOnClick,\n MenuPropGetItemSubMenu,\n MenuPropGetItemTarget,\n} from './types'\n\nexport const defaultGetItemLabel: MenuPropGetItemLabel<MenuDefaultItem> = item => item.label\nexport const defaultGetItemActive: MenuPropGetItemActive<MenuDefaultItem> = item => item.active\nexport const defaultGetItemHref: MenuPropGetItemHref<MenuDefaultItem> = item => item.href\nexport const defaultGetItemOnClick: MenuPropGetItemOnClick<MenuDefaultItem> = item => item.onClick\nexport const defaultGetItemTarget: MenuPropGetItemTarget<MenuDefaultItem> = item => item.target\nexport const defaultGetItemSubMenu: MenuPropGetItemSubMenu<MenuDefaultItem> = item => item.subMenu\n\nexport const getGetters = <ITEM>(props: {\n getItemLabel?: MenuPropGetItemLabel<ITEM>\n getItemActive?: MenuPropGetItemActive<ITEM>\n getItemHref?: MenuPropGetItemHref<ITEM>\n getItemOnClick?: MenuPropGetItemOnClick<ITEM>\n getItemTarget?: MenuPropGetItemTarget<ITEM>\n getItemSubMenu?: MenuPropGetItemSubMenu<ITEM>\n}) => {\n return {\n getItemLabel: props?.getItemLabel || defaultGetItemLabel,\n getItemActive: props?.getItemActive || defaultGetItemActive,\n getItemHref: props?.getItemHref || defaultGetItemHref,\n getItemOnClick: props?.getItemOnClick || defaultGetItemOnClick,\n getItemTarget: props?.getItemTarget || defaultGetItemTarget,\n getItemSubMenu: props?.getItemSubMenu || defaultGetItemSubMenu,\n }\n}\n\nexport function withDefaultGetters<ITEM>(props: MenuProps<ITEM>) {\n return {\n ...props,\n ...getGetters(props),\n }\n}\n"],"file":"helpers.js"}
package/Menu/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Menu/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from './Menu'\n"],"file":"index.js"}
package/Menu/types.js DELETED
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.js.map
package/Menu/types.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
@@ -1 +0,0 @@
1
- .che--MobileMenu-Sidebar.Sidebar-Window_position_left,.che--MobileMenu-Sidebar.Sidebar-Window_position_right{overflow:hidden;width:380px;max-width:calc(100% - var(--space-4xl))}.che--MobileMenu-Menu{overflow-x:hidden;overflow-y:auto;height:100%}
@@ -1,2 +0,0 @@
1
- import _jsx from"@babel/runtime/helpers/jsx";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef}from"react";import{cn}from"../__private__/utils/bem";import{VerticalMenu}from"../VerticalMenu";import{Sidebar}from"@consta/uikit/Sidebar";import{Button}from"@consta/uikit/Button";import{IconHamburger}from"@consta/uikit/IconHamburger";import{useFlag}from"@consta/uikit/useFlag";import"./MobileMenu.css";export const cnMobileMenu=cn("MobileMenu");const MobileMenuRender=(a,b)=>{var c;const{items:d,className:e,getItemActive:f,getItemHref:g,getItemLabel:h,getItemOnClick:i,getItemTarget:j,getItemSubMenu:k,header:l,onItemClick:m,sidebarClassName:n,footer:o}=a,p=_objectWithoutProperties(a,["items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","header","onItemClick","sidebarClassName","footer"]),[q,{toogle:r,off:s}]=useFlag(),t="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({},p,{size:"s",view:"clear",className:cnMobileMenu(null,[e]),iconLeft:IconHamburger,ref:b,onClick:r})),_jsx(Sidebar,{className:cnMobileMenu("Sidebar",[n]),position:"left",isOpen:q,onClickOutside:s,size:"m",style:{zIndex:t}},void 0,_jsx(VerticalMenu,{className:cnMobileMenu("Menu"),items:d,getItemActive:f,getItemHref:g,getItemLabel:h,getItemOnClick:i,getItemTarget:j,getItemSubMenu:k,onItemClick:m,header:l,footer:o})))};export const MobileMenu=forwardRef(MobileMenuRender);export*from"./types";
2
- //# sourceMappingURL=MobileMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/MobileMenu/MobileMenu.tsx"],"names":["React","forwardRef","cn","VerticalMenu","Sidebar","Button","IconHamburger","useFlag","cnMobileMenu","MobileMenuRender","props","ref","items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","header","onItemClick","sidebarClassName","footer","otherProps","visibleMenu","toogle","off","elementZIndex","style","zIndex","MobileMenu"],"mappings":"kIAAA,MAAOA,CAAAA,KAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,gCAIA,OAASC,YAAT,uBACA,OAASC,OAAT,KAAwB,uBAAxB,CAEA,OAASC,MAAT,KAAuB,sBAAvB,CAEA,OAASC,aAAT,KAA8B,6BAA9B,CACA,OAASC,OAAT,KAAwB,uBAAxB,CAEA,yBAEA,MAAO,MAAMC,CAAAA,YAAY,CAAGN,EAAE,CAAC,YAAD,CAAvB,CAEP,KAAMO,CAAAA,gBAAgB,CAAG,CAACC,CAAD,CAAyBC,CAAzB,GAA+D,YAChF,CACJC,KAAK,CAALA,CADI,CAEJC,SAAS,CAATA,CAFI,CAGJC,aAAa,CAAbA,CAHI,CAIJC,WAAW,CAAXA,CAJI,CAKJC,YAAY,CAAZA,CALI,CAMJC,cAAc,CAAdA,CANI,CAOJC,aAAa,CAAbA,CAPI,CAQJC,cAAc,CAAdA,CARI,CASJC,MAAM,CAANA,CATI,CAUJC,WAAW,CAAXA,CAVI,CAWJC,gBAAgB,CAAhBA,CAXI,CAYJC,MAAM,CAANA,CAZI,EAcFb,CAfkF,CAcjFc,CAdiF,0BAelFd,CAfkF,0KAiBhF,CAACe,CAAD,CAAc,CAAEC,MAAM,CAANA,CAAF,CAAUC,GAAG,CAAHA,CAAV,CAAd,EAAiCpB,OAAO,EAjBwC,CAmBhFqB,CAAa,CAAkC,QAA/B,mBAAOlB,CAAK,CAACmB,KAAb,qBAAO,EAAaC,MAApB,EAA0CpB,CAAK,CAACmB,KAAN,CAAYC,MAAZ,CAAqB,CAA/D,OAnBgE,CAqBtF,MACE,yCACE,oBAAC,MAAD,kBACMN,CADN,EAEE,IAAI,CAAC,GAFP,CAGE,IAAI,CAAC,OAHP,CAIE,SAAS,CAAEhB,YAAY,CAAC,IAAD,CAAO,CAACK,CAAD,CAAP,CAJzB,CAKE,QAAQ,CAAEP,aALZ,CAME,GAAG,CAAEK,CANP,CAOE,OAAO,CAAEe,CAPX,GADF,CAUE,KAAC,OAAD,EACE,SAAS,CAAElB,YAAY,CAAC,SAAD,CAAY,CAACc,CAAD,CAAZ,CADzB,CAEE,QAAQ,CAAC,MAFX,CAGE,MAAM,CAAEG,CAHV,CAIE,cAAc,CAAEE,CAJlB,CAKE,IAAI,CAAC,GALP,CAME,KAAK,CAAE,CAAEG,MAAM,CAAEF,CAAV,CANT,SAQE,KAAC,YAAD,EACE,SAAS,CAAEpB,YAAY,CAAC,MAAD,CADzB,CAEE,KAAK,CAAEI,CAFT,CAGE,aAAa,CAAEE,CAHjB,CAIE,WAAW,CAAEC,CAJf,CAKE,YAAY,CAAEC,CALhB,CAME,cAAc,CAAEC,CANlB,CAOE,aAAa,CAAEC,CAPjB,CAQE,cAAc,CAAEC,CARlB,CASE,WAAW,CAAEE,CATf,CAUE,MAAM,CAAED,CAVV,CAWE,MAAM,CAAEG,CAXV,EARF,CAVF,CAkCH,CAxDD,CA0DA,MAAO,MAAMQ,CAAAA,UAAU,CAAG9B,UAAU,CAACQ,gBAAD,CAA7B,CAEP","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\n\nimport { MobileMenuProps, MobileMenuComponent } from './types'\n\nimport { VerticalMenu } from '@/VerticalMenu'\nimport { Sidebar } from '@consta/uikit/Sidebar'\n\nimport { Button } from '@consta/uikit/Button'\n\nimport { IconHamburger } from '@consta/uikit/IconHamburger'\nimport { useFlag } from '@consta/uikit/useFlag'\n\nimport './MobileMenu.css'\n\nexport const cnMobileMenu = cn('MobileMenu')\n\nconst MobileMenuRender = (props: MobileMenuProps, ref: React.Ref<HTMLButtonElement>) => {\n const {\n items,\n className,\n getItemActive,\n getItemHref,\n getItemLabel,\n getItemOnClick,\n getItemTarget,\n getItemSubMenu,\n header,\n onItemClick,\n sidebarClassName,\n footer,\n ...otherProps\n } = props\n\n const [visibleMenu, { toogle, off }] = useFlag()\n\n const elementZIndex = typeof props.style?.zIndex === 'number' ? props.style.zIndex + 1 : undefined\n\n return (\n <>\n <Button\n {...otherProps}\n size=\"s\"\n view=\"clear\"\n className={cnMobileMenu(null, [className])}\n iconLeft={IconHamburger}\n ref={ref}\n onClick={toogle}\n />\n <Sidebar\n className={cnMobileMenu('Sidebar', [sidebarClassName])}\n position=\"left\"\n isOpen={visibleMenu}\n onClickOutside={off}\n size=\"m\"\n style={{ zIndex: elementZIndex }}\n >\n <VerticalMenu\n className={cnMobileMenu('Menu')}\n items={items}\n getItemActive={getItemActive}\n getItemHref={getItemHref}\n getItemLabel={getItemLabel}\n getItemOnClick={getItemOnClick}\n getItemTarget={getItemTarget}\n getItemSubMenu={getItemSubMenu}\n onItemClick={onItemClick}\n header={header}\n footer={footer}\n />\n </Sidebar>\n </>\n )\n}\n\nexport const MobileMenu = forwardRef(MobileMenuRender) as MobileMenuComponent\n\nexport * from './types'\n"],"file":"MobileMenu.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/MobileMenu/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from './MobileMenu'\n"],"file":"index.js"}
@@ -1,2 +0,0 @@
1
- import{DefaultItem}from"../VerticalMenu";export{DefaultItem};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/MobileMenu/types.ts"],"names":["DefaultItem"],"mappings":"AAAA,OACEA,WADF,uBAyCA,OAASA,WAAT","sourcesContent":["import {\n DefaultItem,\n VerticalMenuPropGetItemHref,\n VerticalMenuPropGetItemLabel,\n VerticalMenuPropGetItemActive,\n VerticalMenuPropGetItemOnClick,\n VerticalMenuPropOnItemClick,\n VerticalMenuPropGetItemTarget,\n VerticalMenuPropGetItemSubMenu,\n VerticalMenuPropGetItemGroup,\n} from '@/VerticalMenu'\n\nimport { PropsWithHTMLAttributesAndRef } from '@/__private__/utils/types/PropsWithHTMLAttributes'\nimport React from 'react'\n\nexport type MobileMenuProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef<\n {\n items: ITEM[]\n getItemHref?: VerticalMenuPropGetItemHref<ITEM>\n getItemLabel?: VerticalMenuPropGetItemLabel<ITEM>\n getItemTarget?: VerticalMenuPropGetItemTarget<ITEM>\n getItemActive?: VerticalMenuPropGetItemActive<ITEM>\n getItemOnClick?: VerticalMenuPropGetItemOnClick<ITEM>\n getItemSubMenu?: VerticalMenuPropGetItemSubMenu<ITEM>\n getItemGroup?: VerticalMenuPropGetItemGroup<ITEM>\n onItemClick?: VerticalMenuPropOnItemClick<ITEM>\n header?: React.ReactNode\n sidebarClassName?: string\n children?: never\n footer?: React.ReactNode\n },\n HTMLButtonElement\n> &\n (ITEM extends { label: DefaultItem['label'] }\n ? {}\n : { getItemLabel: VerticalMenuPropGetItemLabel<ITEM> })\n\nexport type MobileMenuComponent = <ITEM = DefaultItem>(\n props: MobileMenuProps<ITEM>\n) => React.ReactElement | null\n\nexport { DefaultItem }\n"],"file":"types.js"}
@@ -1 +0,0 @@
1
- .che--Notifications-Popover{--popover-bg-color:var(--color-bg-default);--popover-arrow-bg-color:var(--popover-bg-color);width:90vw;max-width:450px;border-radius:var(--control-radius);background:var(--popover-bg-color);box-shadow:var(--shadow-layer)}.che--Notifications-List{height:100%}
@@ -1,2 +0,0 @@
1
- import _jsx from"@babel/runtime/helpers/jsx";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef,useRef,useState}from"react";import{Transition}from"react-transition-group";import{cn}from"../__private__/utils/bem";import{NotificationsList}from"../NotificationsList";import{Sidebar}from"../__private__/components/Sidebar";import{Button}from"@consta/uikit/Button";import{Popover}from"@consta/uikit/Popover";import{useForkRef}from"@consta/uikit/useForkRef";import{IconRing}from"@consta/uikit/IconRing";import{useFlag}from"@consta/uikit/useFlag";import{cnMixPopoverArrow}from"../__private__/mixs/MixPopoverArrow/MixPopoverArrow";import{cnMixPopoverAnimate,animateTimeout}from"@consta/uikit/MixPopoverAnimate";import"./Notifications.css";const ARROW_SIZE=6,ARROW_OFFSET=10;export const cnNotifications=cn("Notifications");const NotificationsRender=(a,b)=>{var c;const{className:d,items:e,groupByDay:f,groups:g,groupLabelFormat:h,itemDateFormat:i,title:j,actions:k,getActionIcon:l,getActionLabel:m,getActionOnClick:n,getGroupId:o,getGroupLabel:p,getItemActions:q,getItemBadges:r,getItemDate:s,getItemDescription:t,getItemGroup:u,getItemImage:v,getItemLabel:w,getItemRead:x,getItemView:y,listClassName:z,isMobile:A}=a,B=_objectWithoutProperties(a,["className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemLabel","getItemRead","getItemView","listClassName","isMobile"]),C=useRef(null),[D,E]=useState(void 0),[F,{toogle:G,off:H}]=useFlag(),I={className:cnNotifications("List",[z]),items:e,groupByDay:f,groups:g,groupLabelFormat:h,title:j,actions:k,getActionIcon:l,getActionLabel:m,getActionOnClick:n,getGroupId:o,getGroupLabel:p,getItemActions:q,getItemBadges:r,getItemDate:s,getItemDescription:t,getItemGroup:u,getItemImage:v,getItemLabel:w,getItemRead:x,getItemView:y},J="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({},B,{size:"s",view:"clear",className:cnNotifications(null,[d]),iconLeft:IconRing,ref:useForkRef([b,C]),onClick:G})),A?_jsx(Sidebar,{isOpen:F,onClickOutside:H,style:{zIndex:J}},void 0,React.createElement(NotificationsList,Object.assign({},I,{onClose:H,style:{zIndex:J}}))):_jsx(Transition,{timeout:animateTimeout,unmountOnExit:!0,in:F},void 0,a=>_jsx(Popover,{className:cnNotifications("Popover",[cnMixPopoverAnimate({animate:a,direction:D})]),anchorRef:C,arrowOffset:ARROW_OFFSET+ARROW_SIZE,offset:10,onSetDirection:E,style:{"--popover-arrow-size":`${ARROW_SIZE}px`,"--popover-arrow-offset":`${ARROW_OFFSET}px`,zIndex:J},onClickOutside:H},void 0,_jsx("div",{className:cnMixPopoverArrow({direction:D})}),React.createElement(NotificationsList,Object.assign({},I,{style:{zIndex:J}})))))};export const Notifications=forwardRef(NotificationsRender);
2
- //# sourceMappingURL=Notifications.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Notifications/Notifications.tsx"],"names":["React","forwardRef","useRef","useState","Transition","cn","NotificationsList","Sidebar","Button","Popover","useForkRef","IconRing","useFlag","cnMixPopoverArrow","cnMixPopoverAnimate","animateTimeout","ARROW_SIZE","ARROW_OFFSET","cnNotifications","NotificationsRender","props","ref","className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemLabel","getItemRead","getItemView","listClassName","isMobile","otherProps","buttonRef","direction","setDirection","visibleMenu","toogle","off","listProps","elementZIndex","style","zIndex","animate","Notifications"],"mappings":"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","sourcesContent":["import React, { forwardRef, useRef, useState } from 'react'\n\nimport { Transition } from 'react-transition-group'\nimport { cn } from '@/__private__/utils/bem'\n\nimport { NotificationsProps, NotificationsComponent } from './types'\n\nimport { NotificationsList } from '@/NotificationsList'\nimport { Sidebar } from '@/__private__/components/Sidebar'\n\nimport { Button } from '@consta/uikit/Button'\n\nimport { Popover, Direction } from '@consta/uikit/Popover'\nimport { useForkRef } from '@consta/uikit/useForkRef'\nimport { IconRing } from '@consta/uikit/IconRing'\nimport { useFlag } from '@consta/uikit/useFlag'\nimport { cnMixPopoverArrow } from '@/__private__/mixs/MixPopoverArrow/MixPopoverArrow'\n\nimport { cnMixPopoverAnimate, animateTimeout } from '@consta/uikit/MixPopoverAnimate'\n\nimport './Notifications.css'\n\nconst ARROW_SIZE = 6\nconst ARROW_OFFSET = 10\n\nexport const cnNotifications = cn('Notifications')\n\nconst NotificationsRender = (props: NotificationsProps, ref: React.Ref<HTMLButtonElement>) => {\n const {\n className,\n items,\n groupByDay,\n groups,\n groupLabelFormat,\n itemDateFormat,\n title,\n actions,\n getActionIcon,\n getActionLabel,\n getActionOnClick,\n getGroupId,\n getGroupLabel,\n getItemActions,\n getItemBadges,\n getItemDate,\n getItemDescription,\n getItemGroup,\n getItemImage,\n getItemLabel,\n getItemRead,\n getItemView,\n listClassName,\n isMobile,\n ...otherProps\n } = props\n\n const buttonRef = useRef<HTMLButtonElement>(null)\n const [direction, setDirection] = useState<Direction | undefined>(undefined)\n\n const [visibleMenu, { toogle, off }] = useFlag()\n\n const listProps = {\n className: cnNotifications('List', [listClassName]),\n items,\n groupByDay,\n groups,\n groupLabelFormat,\n title,\n actions,\n getActionIcon,\n getActionLabel,\n getActionOnClick,\n getGroupId,\n getGroupLabel,\n getItemActions,\n getItemBadges,\n getItemDate,\n getItemDescription,\n getItemGroup,\n getItemImage,\n getItemLabel,\n getItemRead,\n getItemView,\n }\n\n const elementZIndex = typeof props.style?.zIndex === 'number' ? props.style.zIndex + 1 : undefined\n\n return (\n <>\n <Button\n {...otherProps}\n size=\"s\"\n view=\"clear\"\n className={cnNotifications(null, [className])}\n iconLeft={IconRing}\n ref={useForkRef([ref, buttonRef])}\n onClick={toogle}\n />\n {isMobile ? (\n <Sidebar isOpen={visibleMenu} onClickOutside={off} style={{ zIndex: elementZIndex }}>\n <NotificationsList {...listProps} onClose={off} style={{ zIndex: elementZIndex }} />\n </Sidebar>\n ) : (\n <Transition timeout={animateTimeout} unmountOnExit in={visibleMenu}>\n {animate => (\n <Popover\n className={cnNotifications('Popover', [cnMixPopoverAnimate({ animate, direction })])}\n anchorRef={buttonRef}\n arrowOffset={ARROW_OFFSET + ARROW_SIZE}\n offset={ARROW_SIZE + 4}\n onSetDirection={setDirection}\n style={{\n ['--popover-arrow-size' as string]: `${ARROW_SIZE}px`,\n ['--popover-arrow-offset' as string]: `${ARROW_OFFSET}px`,\n zIndex: elementZIndex,\n }}\n onClickOutside={off}\n >\n <div className={cnMixPopoverArrow({ direction })} />\n <NotificationsList {...listProps} style={{ zIndex: elementZIndex }} />\n </Popover>\n )}\n </Transition>\n )}\n </>\n )\n}\n\nexport const Notifications = forwardRef(NotificationsRender) as NotificationsComponent\n"],"file":"Notifications.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Notifications/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from './Notifications'\n"],"file":"index.js"}
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
@@ -1 +0,0 @@
1
- .che--NotificationsList{display:flex;flex-direction:column}.che--NotificationsList-GroupLabel{padding:var(--space-2xs) var(--space-xl);background:var(--color-bg-secondary)}.che--NotificationsList-Header,.che--NotificationsList-Item{padding:var(--space-l) var(--space-xl)}.che--NotificationsList-Header{display:flex;align-items:center;flex:none;border-bottom:1px solid var(--color-bg-border)}.che--NotificationsList-HeaderItem{flex:none;margin-right:var(--space-xs)}.che--NotificationsList-HeaderItem:last-child{margin-right:0}.che--NotificationsList-HeaderItem:first-child{flex:1}.che--NotificationsList-List{overflow:auto;height:100%}
@@ -1,2 +0,0 @@
1
- import _jsx from"@babel/runtime/helpers/jsx";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef,useEffect,useRef,useCallback,Fragment}from"react";import{cn}from"../__private__/utils/bem";import{getGroups,withDefaultGetters,defaultGroupLabelFormat}from"./helpers";import{NotificationCard}from"../__private__/components/NotificationCard";import{Text}from"@consta/uikit/Text";import{NotificationsActions}from"../__private__/components/NotificationsActions";import{Button}from"@consta/uikit/Button";import{IconClose}from"@consta/uikit/IconClose";import"./NotificationsList.css";export const cnNotificationsList=cn("NotificationsList");function NotificationsListRender(a,b){var c;const d=withDefaultGetters(a),{className:e,items:f,groupByDay:z=!1,groups:g,groupLabelFormat:A=defaultGroupLabelFormat,itemDateFormat:h,title:i,actions:j,getItemLabel:k,getActionIcon:l,getActionLabel:m,getActionOnClick:n,getGroupId:o,getGroupLabel:p,getItemActions:q,getItemBadges:r,getItemDate:s,getItemDescription:t,getItemGroup:u,getItemImage:v,getItemRead:w,getItemView:x,onClose:y}=d,B=_objectWithoutProperties(d,["className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getItemLabel","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemRead","getItemView","onClose"]),C=getGroups(f,g,z,u,s,o),D=useRef({}),E=useRef(null),F=useCallback(()=>{for(const a in D.current)Object.prototype.hasOwnProperty.call(D.current,a)&&D.current[a](!1)},[]);useEffect(()=>{var a;return null===(a=E.current)||void 0===a?void 0:a.addEventListener("scroll",F,{passive:!0}),()=>{var a;return null===(a=E.current)||void 0===a?void 0:a.removeEventListener("scroll",F)}},[E.current]);const G="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return React.createElement("div",Object.assign({},B,{ref:b,className:cnNotificationsList(null,[e])}),(i||j)&&_jsx("div",{className:cnNotificationsList("Header")},void 0,_jsx(Text,{className:cnNotificationsList("HeaderItem"),size:"xl",truncate:!0},void 0,i),(null===j||void 0===j?void 0:j.length)&&_jsx(NotificationsActions,{className:cnNotificationsList("HeaderItem"),items:j,getItemIcon:l,getItemOnClick:n,getItemLabel:m,style:{zIndex:G}}),y&&_jsx(Button,{className:cnNotificationsList("HeaderItem"),size:"s",view:"clear",iconLeft:IconClose,onClick:y})),React.createElement("div",{ref:E,className:cnNotificationsList("List")},C.map((a,b)=>{const c=z?A(+a.key):a.group&&p(a.group);return _jsx(Fragment,{},cnNotificationsList("Group",{groupIndex:b}),c&&_jsx(Text,{className:cnNotificationsList("GroupLabel"),view:"secondary",transform:"uppercase",weight:"bold",size:"2xs"},cnNotificationsList("GroupLabel",{groupIndex:b}),c),a.items.map((a,c)=>_jsx(NotificationCard,{className:cnNotificationsList("Item"),title:k(a),description:t(a),imageUrl:v(a),read:w(a),date:s(a),dateFormat:h,badges:r(a),actions:q(a),view:x(a),setVisibleMenu:a=>{D.current[`${b}-${c}`]=a},style:{zIndex:G}},cnNotificationsList("Item",{groupIndex:b,itemIndex:c}))))})))}export const NotificationsList=forwardRef(NotificationsListRender);export*from"./types";
2
- //# sourceMappingURL=NotificationsList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/NotificationsList/NotificationsList.tsx"],"names":["React","forwardRef","useEffect","useRef","useCallback","Fragment","cn","getGroups","withDefaultGetters","defaultGroupLabelFormat","NotificationCard","Text","NotificationsActions","Button","IconClose","cnNotificationsList","NotificationsListRender","props","ref","className","items","groupByDay","groups","groupLabelFormat","itemDateFormat","title","actions","getItemLabel","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemRead","getItemView","onClose","otherProps","resultGroups","setVisibleMenuRef","listRef","closeAllMenu","key","current","Object","prototype","hasOwnProperty","call","addEventListener","passive","removeEventListener","elementZIndex","style","zIndex","length","map","group","groupIndex","groupLabel","item","itemIndex","value","NotificationsList"],"mappings":"kIAAA,MAAOA,CAAAA,KAAP,EAAgBC,UAAhB,CAA4BC,SAA5B,CAAuCC,MAAvC,CAA+CC,WAA/C,CAA4DC,QAA5D,KAA4E,OAA5E,CAEA,OAASC,EAAT,gCAGA,OAASC,SAAT,CAAoBC,kBAApB,CAAwCC,uBAAxC,iBACA,OAASC,gBAAT,kDACA,OAASC,IAAT,KAAqB,oBAArB,CACA,OAASC,oBAAT,sDACA,OAASC,MAAT,KAAuB,sBAAvB,CACA,OAASC,SAAT,KAA0B,yBAA1B,CAEA,gCAEA,MAAO,MAAMC,CAAAA,mBAAmB,CAAGT,EAAE,CAAC,mBAAD,CAA9B,CAEP,QAASU,CAAAA,uBAAT,CAAiCC,CAAjC,CAAgEC,CAAhE,CAAgG,eA0B1FV,kBAAkB,CAACS,CAAD,CA1BwE,CACxF,CACJE,SAAS,CAATA,CADI,CAEJC,KAAK,CAALA,CAFI,CAGJC,UAAU,CAAVA,CAAU,GAHN,CAIJC,MAAM,CAANA,CAJI,CAKJC,gBAAgB,CAAhBA,CAAgB,CAAGd,uBALf,CAMJe,cAAc,CAAdA,CANI,CAOJC,KAAK,CAALA,CAPI,CAQJC,OAAO,CAAPA,CARI,CASJC,YAAY,CAAZA,CATI,CAUJC,aAAa,CAAbA,CAVI,CAWJC,cAAc,CAAdA,CAXI,CAYJC,gBAAgB,CAAhBA,CAZI,CAaJC,UAAU,CAAVA,CAbI,CAcJC,aAAa,CAAbA,CAdI,CAeJC,cAAc,CAAdA,CAfI,CAgBJC,aAAa,CAAbA,CAhBI,CAiBJC,WAAW,CAAXA,CAjBI,CAkBJC,kBAAkB,CAAlBA,CAlBI,CAmBJC,YAAY,CAAZA,CAnBI,CAoBJC,YAAY,CAAZA,CApBI,CAqBJC,WAAW,CAAXA,CArBI,CAsBJC,WAAW,CAAXA,CAtBI,CAuBJC,OAAO,CAAPA,CAvBI,CADwF,GAyBzFC,CAzByF,uWA4BxFC,CAAY,CAAGpC,SAAS,CAACa,CAAD,CAAQE,CAAR,CAAgBD,CAAhB,CAA4BgB,CAA5B,CAA0CF,CAA1C,CAAuDJ,CAAvD,CA5BgE,CA8BxFa,CAAiB,CAAGzC,MAAM,CAA2B,EAA3B,CA9B8D,CA+BxF0C,CAAO,CAAG1C,MAAM,CAAiB,IAAjB,CA/BwE,CAiCxF2C,CAAY,CAAG1C,WAAW,CAAC,IAAM,CACrC,IAAK,KAAM2C,CAAAA,CAAX,GAAkBH,CAAAA,CAAiB,CAACI,OAApC,CACMC,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCR,CAAiB,CAACI,OAAvD,CAAgED,CAAhE,CADN,EAEIH,CAAiB,CAACI,OAAlB,CAA0BD,CAA1B,KAGL,CAN+B,CAM7B,EAN6B,CAjC8D,CAyC9F7C,SAAS,CAAC,IAAM,OAGd,iBAFA2C,CAAO,CAACG,OAER,qBAFA,EAAiBK,gBAAjB,CAAkC,QAAlC,CAA4CP,CAA5C,CAA0D,CAAEQ,OAAO,GAAT,CAA1D,CAEA,CAAO,4BAAMT,CAAO,CAACG,OAAd,qBAAM,EAAiBO,mBAAjB,CAAqC,QAArC,CAA+CT,CAA/C,CAAN,CACR,CAJQ,CAIN,CAACD,CAAO,CAACG,OAAT,CAJM,CAzCqF,CA+C9F,KAAMQ,CAAAA,CAAa,CAAkC,QAA/B,mBAAOvC,CAAK,CAACwC,KAAb,qBAAO,EAAaC,MAApB,EAA0CzC,CAAK,CAACwC,KAAN,CAAYC,MAAZ,CAAqB,CAA/D,OAAtB,CAEA,MACE,4CAAShB,CAAT,EAAqB,GAAG,CAAExB,CAA1B,CAA+B,SAAS,CAAEH,mBAAmB,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAA7D,GACG,CAACM,CAAK,EAAIC,CAAV,GACC,YAAK,SAAS,CAAEX,mBAAmB,CAAC,QAAD,CAAnC,SACE,KAAC,IAAD,EAAM,SAAS,CAAEA,mBAAmB,CAAC,YAAD,CAApC,CAAoD,IAAI,CAAC,IAAzD,CAA8D,QAAQ,GAAtE,SACGU,CADH,CADF,CAIG,QAAAC,CAAO,WAAPA,SAAAA,CAAO,CAAEiC,MAAT,GACC,KAAC,oBAAD,EACE,SAAS,CAAE5C,mBAAmB,CAAC,YAAD,CADhC,CAEE,KAAK,CAAEW,CAFT,CAGE,WAAW,CAAEE,CAHf,CAIE,cAAc,CAAEE,CAJlB,CAKE,YAAY,CAAED,CALhB,CAME,KAAK,CAAE,CAAE6B,MAAM,CAAEF,CAAV,CANT,EALJ,CAcGf,CAAO,EACN,KAAC,MAAD,EACE,SAAS,CAAE1B,mBAAmB,CAAC,YAAD,CADhC,CAEE,IAAI,CAAC,GAFP,CAGE,IAAI,CAAC,OAHP,CAIE,QAAQ,CAAED,SAJZ,CAKE,OAAO,CAAE2B,CALX,EAfJ,CAFJ,CA2BE,2BAAK,GAAG,CAAEI,CAAV,CAAmB,SAAS,CAAE9B,mBAAmB,CAAC,MAAD,CAAjD,EACG4B,CAAY,CAACiB,GAAb,CAAiB,CAACC,CAAD,CAAQC,CAAR,GAAuB,CACvC,KAAMC,CAAAA,CAAU,CAAG1C,CAAU,CACzBE,CAAgB,EAAQsC,CAAK,CAACd,GAAd,CADS,CAEzBc,CAAK,CAACA,KAAN,EAAe7B,CAAa,CAAC6B,CAAK,CAACA,KAAP,CAFhC,CAGA,MACE,MAAC,QAAD,IAAe9C,mBAAmB,CAAC,OAAD,CAAU,CAAE+C,UAAU,CAAVA,CAAF,CAAV,CAAlC,CACGC,CAAU,EACT,KAAC,IAAD,EACE,SAAS,CAAEhD,mBAAmB,CAAC,YAAD,CADhC,CAGE,IAAI,CAAC,WAHP,CAIE,SAAS,CAAC,WAJZ,CAKE,MAAM,CAAC,MALT,CAME,IAAI,CAAC,KANP,EAEOA,mBAAmB,CAAC,YAAD,CAAe,CAAE+C,UAAU,CAAVA,CAAF,CAAf,CAF1B,CAQGC,CARH,CAFJ,CAaGF,CAAK,CAACzC,KAAN,CAAYwC,GAAZ,CAAgB,CAACI,CAAD,CAAOC,CAAP,GAEb,KAAC,gBAAD,EACE,SAAS,CAAElD,mBAAmB,CAAC,MAAD,CADhC,CAGE,KAAK,CAAEY,CAAY,CAACqC,CAAD,CAHrB,CAIE,WAAW,CAAE5B,CAAkB,CAAC4B,CAAD,CAJjC,CAKE,QAAQ,CAAE1B,CAAY,CAAC0B,CAAD,CALxB,CAME,IAAI,CAAEzB,CAAW,CAACyB,CAAD,CANnB,CAOE,IAAI,CAAE7B,CAAW,CAAC6B,CAAD,CAPnB,CAQE,UAAU,CAAExC,CARd,CASE,MAAM,CAAEU,CAAa,CAAC8B,CAAD,CATvB,CAUE,OAAO,CAAE/B,CAAc,CAAC+B,CAAD,CAVzB,CAWE,IAAI,CAAExB,CAAW,CAACwB,CAAD,CAXnB,CAYE,cAAc,CAAEE,CAAK,EAAI,CACvBtB,CAAiB,CAACI,OAAlB,CAA2B,GAAEc,CAAW,IAAGG,CAAU,EAArD,EAA0DC,CAC3D,CAdH,CAeE,KAAK,CAAE,CAAER,MAAM,CAAEF,CAAV,CAfT,EAEOzC,mBAAmB,CAAC,MAAD,CAAS,CAAE+C,UAAU,CAAVA,CAAF,CAAcG,SAAS,CAATA,CAAd,CAAT,CAF1B,CAFH,CAbH,CAoCH,CAzCA,CADH,CA3BF,CAyEH,CAED,MAAO,MAAME,CAAAA,iBAAiB,CAAGlE,UAAU,CAACe,uBAAD,CAApC,CAEP","sourcesContent":["import React, { forwardRef, useEffect, useRef, useCallback, Fragment } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\n\nimport { NotificationsListProps, NotificationsListComponent } from './types'\nimport { getGroups, withDefaultGetters, defaultGroupLabelFormat } from './helpers'\nimport { NotificationCard } from '@/__private__/components/NotificationCard'\nimport { Text } from '@consta/uikit/Text'\nimport { NotificationsActions } from '@/__private__/components/NotificationsActions'\nimport { Button } from '@consta/uikit/Button'\nimport { IconClose } from '@consta/uikit/IconClose'\n\nimport './NotificationsList.css'\n\nexport const cnNotificationsList = cn('NotificationsList')\n\nfunction NotificationsListRender(props: NotificationsListProps, ref: React.Ref<HTMLDivElement>) {\n const {\n className,\n items,\n groupByDay = false,\n groups,\n groupLabelFormat = defaultGroupLabelFormat,\n itemDateFormat,\n title,\n actions,\n getItemLabel,\n getActionIcon,\n getActionLabel,\n getActionOnClick,\n getGroupId,\n getGroupLabel,\n getItemActions,\n getItemBadges,\n getItemDate,\n getItemDescription,\n getItemGroup,\n getItemImage,\n getItemRead,\n getItemView,\n onClose,\n ...otherProps\n } = withDefaultGetters(props)\n\n const resultGroups = getGroups(items, groups, groupByDay, getItemGroup, getItemDate, getGroupId)\n\n const setVisibleMenuRef = useRef<Record<string, Function>>({})\n const listRef = useRef<HTMLDivElement>(null)\n\n const closeAllMenu = useCallback(() => {\n for (const key in setVisibleMenuRef.current) {\n if (Object.prototype.hasOwnProperty.call(setVisibleMenuRef.current, key)) {\n setVisibleMenuRef.current[key](false)\n }\n }\n }, [])\n\n useEffect(() => {\n listRef.current?.addEventListener('scroll', closeAllMenu, { passive: true })\n\n return () => listRef.current?.removeEventListener('scroll', closeAllMenu)\n }, [listRef.current])\n\n const elementZIndex = typeof props.style?.zIndex === 'number' ? props.style.zIndex + 1 : undefined\n\n return (\n <div {...otherProps} ref={ref} className={cnNotificationsList(null, [className])}>\n {(title || actions) && (\n <div className={cnNotificationsList('Header')}>\n <Text className={cnNotificationsList('HeaderItem')} size=\"xl\" truncate>\n {title}\n </Text>\n {actions?.length && (\n <NotificationsActions\n className={cnNotificationsList('HeaderItem')}\n items={actions}\n getItemIcon={getActionIcon}\n getItemOnClick={getActionOnClick}\n getItemLabel={getActionLabel}\n style={{ zIndex: elementZIndex }}\n />\n )}\n {onClose && (\n <Button\n className={cnNotificationsList('HeaderItem')}\n size=\"s\"\n view=\"clear\"\n iconLeft={IconClose}\n onClick={onClose}\n />\n )}\n </div>\n )}\n <div ref={listRef} className={cnNotificationsList('List')}>\n {resultGroups.map((group, groupIndex) => {\n const groupLabel = groupByDay\n ? groupLabelFormat(Number(group.key))\n : group.group && getGroupLabel(group.group)\n return (\n <Fragment key={cnNotificationsList('Group', { groupIndex })}>\n {groupLabel && (\n <Text\n className={cnNotificationsList('GroupLabel')}\n key={cnNotificationsList('GroupLabel', { groupIndex })}\n view=\"secondary\"\n transform=\"uppercase\"\n weight=\"bold\"\n size=\"2xs\"\n >\n {groupLabel}\n </Text>\n )}\n {group.items.map((item, itemIndex) => {\n return (\n <NotificationCard\n className={cnNotificationsList('Item')}\n key={cnNotificationsList('Item', { groupIndex, itemIndex })}\n title={getItemLabel(item)}\n description={getItemDescription(item)}\n imageUrl={getItemImage(item)}\n read={getItemRead(item)}\n date={getItemDate(item)}\n dateFormat={itemDateFormat}\n badges={getItemBadges(item)}\n actions={getItemActions(item)}\n view={getItemView(item)}\n setVisibleMenu={value => {\n setVisibleMenuRef.current[`${groupIndex}-${itemIndex}`] = value\n }}\n style={{ zIndex: elementZIndex }}\n />\n )\n })}\n </Fragment>\n )\n })}\n </div>\n </div>\n )\n}\n\nexport const NotificationsList = forwardRef(NotificationsListRender) as NotificationsListComponent\n\nexport * from './types'\n"],"file":"NotificationsList.js"}
@@ -1,2 +0,0 @@
1
- import _objectSpread from"@babel/runtime/helpers/objectSpread";import{getGroups as constaGetGroups}from"@consta/uikit/__internal__/src/utils/getGroups";import{format,isToday,isYesterday,startOfDay}from"date-fns";const defaultGetActionIcon=a=>a.icon,defaultGetActionLabel=a=>a.label,defaultGetActionOnClick=a=>a.onClick,defaultGetGroupId=a=>a.id,defaultGetGroupLabel=a=>a.label,defaultGetItemActions=a=>a.actions,defaultGetItemBadges=a=>a.badges,defaultGetItemDate=a=>a.date,defaultGetItemDescription=a=>a.description,defaultGetItemGroup=a=>a.group,defaultGetItemImage=a=>a.image,defaultGetItemLabel=a=>a.label,defaultGetItemRead=a=>a.read,defaultGetItemView=a=>a.view;export function withDefaultGetters(a){return _objectSpread({},a,{getActionIcon:a.getActionIcon||defaultGetActionIcon,getActionLabel:a.getActionLabel||defaultGetActionLabel,getActionOnClick:a.getActionOnClick||defaultGetActionOnClick,getGroupId:a.getGroupId||defaultGetGroupId,getGroupLabel:a.getGroupLabel||defaultGetGroupLabel,getItemActions:a.getItemActions||defaultGetItemActions,getItemBadges:a.getItemBadges||defaultGetItemBadges,getItemDate:a.getItemDate||defaultGetItemDate,getItemDescription:a.getItemDescription||defaultGetItemDescription,getItemGroup:a.getItemGroup||defaultGetItemGroup,getItemImage:a.getItemImage||defaultGetItemImage,getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemRead:a.getItemRead||defaultGetItemRead,getItemView:a.getItemView||defaultGetItemView})}export const noGroupKey="no-group";export const defaultGroupLabelFormat=a=>isToday(a)?"\u0421\u0435\u0433\u043E\u0434\u043D\u044F":isYesterday(a)?"\u0412\u0447\u0435\u0440\u0430":format(a,"dd.MM.yyyy");const sortGroup=(c,a)=>c.key<a.key?1:c.key>a.key?-1:0;export const getGroups=(a,b,c,d,e,f)=>{if(c){return constaGetGroups(a,a=>{const b=e(a);return b?startOfDay(b).getTime():void 0},void 0,void 0,sortGroup,noGroupKey)}return constaGetGroups(a,d,b,f,void 0,noGroupKey)};
2
- //# sourceMappingURL=helpers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/NotificationsList/helpers.ts"],"names":["getGroups","constaGetGroups","format","isToday","isYesterday","startOfDay","defaultGetActionIcon","action","icon","defaultGetActionLabel","label","defaultGetActionOnClick","onClick","defaultGetGroupId","group","id","defaultGetGroupLabel","defaultGetItemActions","item","actions","defaultGetItemBadges","badges","defaultGetItemDate","date","defaultGetItemDescription","description","defaultGetItemGroup","defaultGetItemImage","image","defaultGetItemLabel","defaultGetItemRead","read","defaultGetItemView","view","withDefaultGetters","props","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemLabel","getItemRead","getItemView","noGroupKey","defaultGroupLabelFormat","timestamp","sortGroup","a","b","key","items","groups","groupByDay","getTime"],"mappings":"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","sourcesContent":["import {\n NotificationsListPropGetActionIcon,\n NotificationsListPropGetActionLabel,\n NotificationsListPropGetActionOnClick,\n NotificationsListPropGetGroupId,\n NotificationsListPropGetGroupLabel,\n NotificationsListPropGetItemActions,\n NotificationsListPropGetItemBadges,\n NotificationsListPropGetItemDate,\n NotificationsListPropGetItemDescription,\n NotificationsListPropGetItemGroup,\n NotificationsListPropGetItemImage,\n NotificationsListPropGetItemLabel,\n NotificationsListPropGetItemRead,\n NotificationsListPropGetItemView,\n NotificationsDefaultAction,\n NotificationsDefaultGroup,\n NotificationsDefaultItem,\n NotificationsListProps,\n NotificationsListPropGroupLabelFormat,\n} from './types'\n\nimport { getGroups as constaGetGroups } from '@consta/uikit/__internal__/src/utils/getGroups'\nimport { format, isToday, isYesterday, startOfDay } from 'date-fns'\n\nconst defaultGetActionIcon: NotificationsListPropGetActionIcon<NotificationsDefaultAction> = action =>\n action.icon\nconst defaultGetActionLabel: NotificationsListPropGetActionLabel<NotificationsDefaultAction> = action =>\n action.label\nconst defaultGetActionOnClick: NotificationsListPropGetActionOnClick<NotificationsDefaultAction> = action =>\n action.onClick\nconst defaultGetGroupId: NotificationsListPropGetGroupId<NotificationsDefaultGroup> = group =>\n group.id\nconst defaultGetGroupLabel: NotificationsListPropGetGroupLabel<NotificationsDefaultGroup> = group =>\n group.label\nconst defaultGetItemActions: NotificationsListPropGetItemActions<NotificationsDefaultItem> = item =>\n item.actions\nconst defaultGetItemBadges: NotificationsListPropGetItemBadges<NotificationsDefaultItem> = item =>\n item.badges\nconst defaultGetItemDate: NotificationsListPropGetItemDate<NotificationsDefaultItem> = item =>\n item.date\nconst defaultGetItemDescription: NotificationsListPropGetItemDescription<NotificationsDefaultItem> = item =>\n item.description\nconst defaultGetItemGroup: NotificationsListPropGetItemGroup<NotificationsDefaultItem> = item =>\n item.group\nconst defaultGetItemImage: NotificationsListPropGetItemImage<NotificationsDefaultItem> = item =>\n item.image\nconst defaultGetItemLabel: NotificationsListPropGetItemLabel<NotificationsDefaultItem> = item =>\n item.label\nconst defaultGetItemRead: NotificationsListPropGetItemRead<NotificationsDefaultItem> = item =>\n item.read\nconst defaultGetItemView: NotificationsListPropGetItemView<NotificationsDefaultItem> = item =>\n item.view\n\nexport function withDefaultGetters<ITEM, GROUP, ACTION>(\n props: NotificationsListProps<ITEM, GROUP, ACTION>\n) {\n return {\n ...props,\n getActionIcon: props.getActionIcon || defaultGetActionIcon,\n getActionLabel: props.getActionLabel || defaultGetActionLabel,\n getActionOnClick: props.getActionOnClick || defaultGetActionOnClick,\n getGroupId: props.getGroupId || defaultGetGroupId,\n getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n getItemActions: props.getItemActions || defaultGetItemActions,\n getItemBadges: props.getItemBadges || defaultGetItemBadges,\n getItemDate: props.getItemDate || defaultGetItemDate,\n getItemDescription: props.getItemDescription || defaultGetItemDescription,\n getItemGroup: props.getItemGroup || defaultGetItemGroup,\n getItemImage: props.getItemImage || defaultGetItemImage,\n getItemLabel: props.getItemLabel || defaultGetItemLabel,\n getItemRead: props.getItemRead || defaultGetItemRead,\n getItemView: props.getItemView || defaultGetItemView,\n }\n}\n\ntype ReturnedGroup<ITEM, GROUP> = {\n items: ITEM[]\n key: string | number\n group?: GROUP\n groupIndex: number\n}\n\nexport const noGroupKey = 'no-group'\n\nexport const defaultGroupLabelFormat: NotificationsListPropGroupLabelFormat<true> = timestamp => {\n if (isToday(timestamp)) {\n return 'Сегодня'\n }\n if (isYesterday(timestamp)) {\n return 'Вчера'\n }\n return format(timestamp, 'dd.MM.yyyy')\n}\n\nconst sortGroup = (a: { key: string | number }, b: { key: string | number }) => {\n if (a.key < b.key) {\n return 1\n }\n if (a.key > b.key) {\n return -1\n }\n return 0\n}\n\nexport const getGroups = <ITEM, GROUP>(\n items: ITEM[],\n groups: GROUP[] | undefined,\n groupByDay: boolean,\n getItemGroup: NotificationsListPropGetItemGroup<ITEM>,\n getItemDate: NotificationsListPropGetItemDate<ITEM>,\n getGroupId: NotificationsListPropGetGroupId<GROUP>\n): Array<ReturnedGroup<ITEM, GROUP>> => {\n if (groupByDay) {\n const getItemGroupByDate = (item: ITEM) => {\n const date = getItemDate(item)\n return date ? startOfDay(date).getTime() : undefined\n }\n\n return constaGetGroups<ITEM, GROUP>(\n items,\n getItemGroupByDate,\n undefined,\n undefined,\n sortGroup,\n noGroupKey\n )\n }\n return constaGetGroups(items, getItemGroup, groups, getGroupId, undefined, noGroupKey)\n}\n"],"file":"helpers.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/NotificationsList/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from './NotificationsList'\n"],"file":"index.js"}
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
@@ -1 +0,0 @@
1
- .che--SelectMenu{display:inline-flex;align-items:center;cursor:pointer}.che--SelectMenu-Label{flex:1}.che--SelectMenu-ArrowBox{display:flex;align-items:center;flex:none;justify-content:center;width:var(--space-2xl);height:var(--space-2xl);color:var(--color-control-typo-placeholder)}.che--SelectMenu-ArrowBox_open{transform:rotate(180deg)}.che--SelectMenu-Menu{overflow:auto;max-height:360px}
@@ -1,2 +0,0 @@
1
- import _jsx from"@babel/runtime/helpers/jsx";import _objectSpread from"@babel/runtime/helpers/objectSpread";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{useRef,useCallback,forwardRef}from"react";import{cn}from"../__private__/utils/bem";import{withDefaultGetters}from"./helpers";import"./SelectMenu.css";import{Text}from"@consta/uikit/Text";import{IconSelect}from"@consta/uikit/IconSelect";import{useFlag}from"@consta/uikit/useFlag";import{useMutableRef}from"@consta/uikit/useMutableRef";import{useForkRef}from"@consta/uikit/useForkRef";import{AnimatedContextMenu}from"../__private__/AnimatedContextMenu/AnimatedContextMenu";export const cnSelectMenu=cn("SelectMenu");var _ref=_jsx(IconSelect,{size:"xs"});const SelectMenuRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,className:e,getItemHref:f,getItemLabel:g,getItemOnClick:h,getItemTarget:i,onItemClick:j,label:k,onClick:l,getItemSubMenu:m,style:n}=c,o=_objectWithoutProperties(c,["items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","getItemSubMenu","style"]),[p,q]=useFlag(),r=useRef(null),s=useMutableRef(f),t=useMutableRef(i),u=useMutableRef(l),v=useCallback(a=>s.current(a)?"a":"span",[]),w=useCallback(a=>{const b=s.current(a),c=t.current(a);return _objectSpread({},b&&{href:s.current(a)},c&&{href:t.current(a)})},[]),x=useCallback(a=>{var b;null===(b=u.current)||void 0===b?void 0:b.call(u,a),q.toogle()},[]);return React.createElement(React.Fragment,null,React.createElement("div",Object.assign({},o,{className:cnSelectMenu(null,[e]),ref:useForkRef([r,b]),onClick:x,style:n}),_jsx(Text,{className:cnSelectMenu("Label"),size:"s"},void 0,k),_jsx("span",{className:cnSelectMenu("ArrowBox",{open:p})},void 0,_ref)),d&&_jsx(AnimatedContextMenu,{className:cnSelectMenu("Menu"),anchorRef:r,isOpen:p,items:d,getLabel:g,getItemOnClick:h,getItemAs:v,getItemHTMLAttributes:w,onClickOutside:q.off,onItemClick:j,direction:"rightStartDown",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],getSubItems:m,style:{zIndex:"number"==typeof(null===n||void 0===n?void 0:n.zIndex)?n.zIndex+1:"auto"}}))};export const SelectMenu=forwardRef(SelectMenuRender);export*from"./types";
2
- //# sourceMappingURL=SelectMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/SelectMenu/SelectMenu.tsx"],"names":["React","useRef","useCallback","forwardRef","cn","withDefaultGetters","Text","IconSelect","useFlag","useMutableRef","useForkRef","AnimatedContextMenu","cnSelectMenu","SelectMenuRender","props","componentRef","items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","onClickProp","getItemSubMenu","style","otherProps","open","setOpen","ref","getItemHrefRef","getItemTargetRef","onClickRef","getItemAs","item","current","getItemHTMLAttributes","href","target","e","toogle","off","zIndex","SelectMenu"],"mappings":"iMAAA,MAAOA,CAAAA,KAAP,EAAgBC,MAAhB,CAAwBC,WAAxB,CAAqCC,UAArC,KAAuD,OAAvD,CAEA,OAASC,EAAT,gCAEA,OAASC,kBAAT,iBAEA,yBACA,OAASC,IAAT,KAAqB,oBAArB,CACA,OAASC,UAAT,KAA2B,0BAA3B,CACA,OAASC,OAAT,KAAwB,uBAAxB,CACA,OAASC,aAAT,KAA8B,6BAA9B,CACA,OAASC,UAAT,KAA2B,0BAA3B,CACA,OAASC,mBAAT,8DAEA,MAAO,MAAMC,CAAAA,YAAY,CAAGR,EAAE,CAAC,YAAD,CAAvB,C,SA6DG,KAAC,UAAD,EAAY,IAAI,CAAC,IAAjB,E,CA3DV,KAAMS,CAAAA,gBAAgB,CAAG,CAACC,CAAD,CAAyBC,CAAzB,GAAqE,SAcxFV,kBAAkB,CAACS,CAAD,CAdsE,CACtF,CACJE,KAAK,CAALA,CADI,CAEJC,SAAS,CAATA,CAFI,CAGJC,WAAW,CAAXA,CAHI,CAIJC,YAAY,CAAZA,CAJI,CAKJC,cAAc,CAAdA,CALI,CAMJC,aAAa,CAAbA,CANI,CAOJC,WAAW,CAAXA,CAPI,CAQJC,KAAK,CAALA,CARI,CASJC,OAAO,CAAEC,CATL,CAUJC,cAAc,CAAdA,CAVI,CAWJC,KAAK,CAALA,CAXI,CADsF,GAavFC,CAbuF,0KAgBtF,CAACC,CAAD,CAAOC,CAAP,EAAkBtB,OAAO,EAhB6D,CAkBtFuB,CAAG,CAAG9B,MAAM,CAAiB,IAAjB,CAlB0E,CAoBtF+B,CAAc,CAAGvB,aAAa,CAACS,CAAD,CApBwD,CAqBtFe,CAAgB,CAAGxB,aAAa,CAACY,CAAD,CArBsD,CAsBtFa,CAAU,CAAGzB,aAAa,CAACgB,CAAD,CAtB4D,CAwBtFU,CAAS,CAAGjC,WAAW,CAAEkC,CAAD,EACtBJ,CAAc,CAACK,OAAf,CAAuBD,CAAvB,CADsB,CAEnB,GAFmB,CAIrB,MAJoB,CAK1B,EAL0B,CAxB+D,CA+BtFE,CAAqB,CAAGpC,WAAW,CAAEkC,CAAD,EAAiC,MACnEG,CAAAA,CAAI,CAAGP,CAAc,CAACK,OAAf,CAAuBD,CAAvB,CAD4D,CAEnEI,CAAM,CAAGP,CAAgB,CAACI,OAAjB,CAAyBD,CAAzB,CAF0D,CAIzE,wBACMG,CAAI,EAAI,CAAEA,IAAI,CAAEP,CAAc,CAACK,OAAf,CAAuBD,CAAvB,CAAR,CADd,CAEMI,CAAM,EAAI,CAAED,IAAI,CAAEN,CAAgB,CAACI,OAAjB,CAAyBD,CAAzB,CAAR,CAFhB,CAID,CARwC,CAQtC,EARsC,CA/BmD,CAyCtFZ,CAAO,CAAGtB,WAAW,CAAEuC,CAAD,EAAyC,iBACnEP,CAAU,CAACG,OADwD,qBACnE,OAAAH,CAAU,CAAWO,CAAX,CADyD,CAEnEX,CAAO,CAACY,MAAR,EACD,CAH0B,CAGxB,EAHwB,CAzCiE,CA8C5F,MACE,yCACE,2CACMd,CADN,EAEE,SAAS,CAAEhB,YAAY,CAAC,IAAD,CAAO,CAACK,CAAD,CAAP,CAFzB,CAGE,GAAG,CAAEP,UAAU,CAAC,CAACqB,CAAD,CAAMhB,CAAN,CAAD,CAHjB,CAIE,OAAO,CAAES,CAJX,CAKE,KAAK,CAAEG,CALT,GAOE,KAAC,IAAD,EAAM,SAAS,CAAEf,YAAY,CAAC,OAAD,CAA7B,CAAwC,IAAI,CAAC,GAA7C,SACGW,CADH,CAPF,CAUE,aAAM,SAAS,CAAEX,YAAY,CAAC,UAAD,CAAa,CAAEiB,IAAI,CAAJA,CAAF,CAAb,CAA7B,cAVF,CADF,CAeGb,CAAK,EACJ,KAAC,mBAAD,EACE,SAAS,CAAEJ,YAAY,CAAC,MAAD,CADzB,CAEE,SAAS,CAAEmB,CAFb,CAGE,MAAM,CAAEF,CAHV,CAIE,KAAK,CAAEb,CAJT,CAKE,QAAQ,CAAEG,CALZ,CAME,cAAc,CAAEC,CANlB,CAOE,SAAS,CAAEe,CAPb,CAQE,qBAAqB,CAAEG,CARzB,CASE,cAAc,CAAER,CAAO,CAACa,GAT1B,CAUE,WAAW,CAAErB,CAVf,CAWE,SAAS,CAAC,gBAXZ,CAYE,kBAAkB,CAAE,CAAC,eAAD,CAAkB,aAAlB,CAAiC,gBAAjC,CAAmD,cAAnD,CAZtB,CAaE,WAAW,CAAEI,CAbf,CAcE,KAAK,CAAE,CAAEkB,MAAM,CAA2B,QAAzB,gBAAOjB,CAAP,WAAOA,CAAP,QAAOA,CAAK,CAAEiB,MAAd,EAAoCjB,CAAK,CAACiB,MAAN,CAAe,CAAnD,CAAuD,MAAjE,CAdT,EAhBJ,CAmCH,CAlFD,CAoFA,MAAO,MAAMC,CAAAA,UAAU,CAAG1C,UAAU,CAACU,gBAAD,CAA7B,CAEP","sourcesContent":["import React, { useRef, useCallback, forwardRef } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\n\nimport { withDefaultGetters } from './helpers'\nimport { SelectMenuComponent, SelectMenuProps, SelectMenuDefaultItem } from './types'\nimport './SelectMenu.css'\nimport { Text } from '@consta/uikit/Text'\nimport { IconSelect } from '@consta/uikit/IconSelect'\nimport { useFlag } from '@consta/uikit/useFlag'\nimport { useMutableRef } from '@consta/uikit/useMutableRef'\nimport { useForkRef } from '@consta/uikit/useForkRef'\nimport { AnimatedContextMenu } from '@/__private__/AnimatedContextMenu/AnimatedContextMenu'\n\nexport const cnSelectMenu = cn('SelectMenu')\n\nconst SelectMenuRender = (props: SelectMenuProps, componentRef: React.Ref<HTMLDivElement>) => {\n const {\n items,\n className,\n getItemHref,\n getItemLabel,\n getItemOnClick,\n getItemTarget,\n onItemClick,\n label,\n onClick: onClickProp,\n getItemSubMenu,\n style,\n ...otherProps\n } = withDefaultGetters(props)\n\n const [open, setOpen] = useFlag()\n\n const ref = useRef<HTMLDivElement>(null)\n\n const getItemHrefRef = useMutableRef(getItemHref)\n const getItemTargetRef = useMutableRef(getItemTarget)\n const onClickRef = useMutableRef(onClickProp)\n\n const getItemAs = useCallback((item: SelectMenuDefaultItem) => {\n if (!!getItemHrefRef.current(item)) {\n return 'a'\n }\n return 'span'\n }, [])\n\n const getItemHTMLAttributes = useCallback((item: SelectMenuDefaultItem) => {\n const href = getItemHrefRef.current(item)\n const target = getItemTargetRef.current(item)\n\n return {\n ...(href && { href: getItemHrefRef.current(item) }),\n ...(target && { href: getItemTargetRef.current(item) }),\n }\n }, [])\n\n const onClick = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n onClickRef.current?.(e)\n setOpen.toogle()\n }, [])\n\n return (\n <>\n <div\n {...otherProps}\n className={cnSelectMenu(null, [className])}\n ref={useForkRef([ref, componentRef])}\n onClick={onClick}\n style={style}\n >\n <Text className={cnSelectMenu('Label')} size=\"s\">\n {label}\n </Text>\n <span className={cnSelectMenu('ArrowBox', { open })}>\n <IconSelect size=\"xs\" />\n </span>\n </div>\n {items && (\n <AnimatedContextMenu\n className={cnSelectMenu('Menu')}\n anchorRef={ref}\n isOpen={open}\n items={items}\n getLabel={getItemLabel}\n getItemOnClick={getItemOnClick}\n getItemAs={getItemAs}\n getItemHTMLAttributes={getItemHTMLAttributes}\n onClickOutside={setOpen.off}\n onItemClick={onItemClick}\n direction=\"rightStartDown\"\n possibleDirections={['downStartLeft', 'upStartLeft', 'downStartRight', 'upStartRight']}\n getSubItems={getItemSubMenu}\n style={{ zIndex: typeof style?.zIndex === 'number' ? style.zIndex + 1 : 'auto' }}\n />\n )}\n </>\n )\n}\n\nexport const SelectMenu = forwardRef(SelectMenuRender) as SelectMenuComponent\n\nexport * from './types'\n"],"file":"SelectMenu.js"}
@@ -1,2 +0,0 @@
1
- import _objectSpread from"@babel/runtime/helpers/objectSpread";export const defaultGetItemLabel=a=>a.label;export const defaultGetItemHref=a=>a.href;export const defaultGetItemOnClick=a=>a.onClick;export const defaultGetItemTarget=a=>a.target;export const defaultGetItemSubMenu=a=>a.subMenu;export const getGetters=a=>({getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemHref:a.getItemHref||defaultGetItemHref,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick,getItemTarget:a.getItemTarget||defaultGetItemTarget,getItemSubMenu:a.getItemSubMenu||defaultGetItemSubMenu});export function withDefaultGetters(a){return _objectSpread({},a,getGetters(a))}
2
- //# sourceMappingURL=helpers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/SelectMenu/helpers.ts"],"names":["defaultGetItemLabel","item","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","getGetters","props","getItemLabel","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","withDefaultGetters"],"mappings":"+DAUA,MAAO,MAAMA,CAAAA,mBAAsE,CAAGC,CAAI,EACxFA,CAAI,CAACC,KADA,CAEP,MAAO,MAAMC,CAAAA,kBAAoE,CAAGF,CAAI,EACtFA,CAAI,CAACG,IADA,CAEP,MAAO,MAAMC,CAAAA,qBAA0E,CAAGJ,CAAI,EAC5FA,CAAI,CAACK,OADA,CAEP,MAAO,MAAMC,CAAAA,oBAAwE,CAAGN,CAAI,EAC1FA,CAAI,CAACO,MADA,CAEP,MAAO,MAAMC,CAAAA,qBAA0E,CAAGR,CAAI,EAC5FA,CAAI,CAACS,OADA,CAGP,MAAO,MAAMC,CAAAA,UAAU,CAAUC,CAAP,GAOjB,CACLC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBb,mBAD/B,CAELc,WAAW,CAAEF,CAAK,CAACE,WAAN,EAAqBX,kBAF7B,CAGLY,cAAc,CAAEH,CAAK,CAACG,cAAN,EAAwBV,qBAHnC,CAILW,aAAa,CAAEJ,CAAK,CAACI,aAAN,EAAuBT,oBAJjC,CAKLU,cAAc,CAAEL,CAAK,CAACK,cAAN,EAAwBR,qBALnC,CAPiB,CAAnB,CAgBP,MAAO,SAASS,CAAAA,kBAAT,CAAkCN,CAAlC,CAAgE,CACrE,wBACKA,CADL,CAEKD,UAAU,CAACC,CAAD,CAFf,CAID","sourcesContent":["import {\n SelectMenuDefaultItem,\n SelectMenuProps,\n SelectMenuPropGetItemHref,\n SelectMenuPropGetItemLabel,\n SelectMenuPropGetItemOnClick,\n SelectMenuPropGetItemTarget,\n SelectMenuPropGetItemSubMenu,\n} from './types'\n\nexport const defaultGetItemLabel: SelectMenuPropGetItemLabel<SelectMenuDefaultItem> = item =>\n item.label\nexport const defaultGetItemHref: SelectMenuPropGetItemHref<SelectMenuDefaultItem> = item =>\n item.href\nexport const defaultGetItemOnClick: SelectMenuPropGetItemOnClick<SelectMenuDefaultItem> = item =>\n item.onClick\nexport const defaultGetItemTarget: SelectMenuPropGetItemTarget<SelectMenuDefaultItem> = item =>\n item.target\nexport const defaultGetItemSubMenu: SelectMenuPropGetItemSubMenu<SelectMenuDefaultItem> = item =>\n item.subMenu\n\nexport const getGetters = <ITEM>(props: {\n getItemLabel?: SelectMenuPropGetItemLabel<ITEM>\n getItemHref?: SelectMenuPropGetItemHref<ITEM>\n getItemOnClick?: SelectMenuPropGetItemOnClick<ITEM>\n getItemTarget?: SelectMenuPropGetItemTarget<ITEM>\n getItemSubMenu?: SelectMenuPropGetItemSubMenu<ITEM>\n}) => {\n return {\n getItemLabel: props.getItemLabel || defaultGetItemLabel,\n getItemHref: props.getItemHref || defaultGetItemHref,\n getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n getItemTarget: props.getItemTarget || defaultGetItemTarget,\n getItemSubMenu: props.getItemSubMenu || defaultGetItemSubMenu,\n }\n}\n\nexport function withDefaultGetters<ITEM>(props: SelectMenuProps<ITEM>) {\n return {\n ...props,\n ...getGetters(props),\n }\n}\n"],"file":"helpers.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/SelectMenu/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from './SelectMenu'\n"],"file":"index.js"}
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
@@ -1 +0,0 @@
1
- .che--TileMenu-List{display:grid}.che--TileMenu-List_view_cards{grid-template-columns:repeat(3,1fr);grid-row-gap:var(--space-2xs);grid-column-gap:var(--space-2xs)}.che--TileMenu-List_view_lines{grid-template-columns:repeat(1,1fr)}.che--TileMenu-List_view_twoLines{grid-template-columns:repeat(2,1fr);grid-column-gap:calc(var(--space-xl) + var(--space-2xs))}.che--TileMenu-Popover{--popover-bg-color:var(--color-bg-default);--popover-arrow-bg-color:var(--popover-bg-color);width:calc(100vw - var(--space-l));max-width:var(--popover-max-width);border-radius:var(--control-radius);background:var(--popover-bg-color);box-shadow:var(--shadow-layer)}.che--TileMenu-Popover_view_cards{--popover-max-width:320px}.che--TileMenu-Popover_view_lines{--popover-max-width:520px}.che--TileMenu-Popover_view_twoLines{--popover-max-width:1000px}.che--TileMenu-ListWrapper{overflow:hidden;border-radius:var(--control-radius)}
@@ -1,2 +0,0 @@
1
- import _jsx from"@babel/runtime/helpers/jsx";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React,{forwardRef,useRef,useState}from"react";import{cn}from"../__private__/utils/bem";import{IconBento}from"@consta/uikit/IconBento";import{Button}from"@consta/uikit/Button";import{Transition}from"react-transition-group";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import{Popover}from"@consta/uikit/Popover";import{cnMixPopoverArrow}from"../__private__/mixs/MixPopoverArrow/MixPopoverArrow";import{Sidebar}from"../__private__/components/Sidebar";import{tileMenuPropViewDefault}from"./types";import{cnMixPopoverAnimate,animateTimeout}from"@consta/uikit/MixPopoverAnimate";import{TileMenuList}from"./TileMenuList/TileMenuList";import"./TileMenu.css";export const cnTileMenu=cn("TileMenu");const ARROW_SIZE=6,ARROW_OFFSET=10;function TileMenuRender(a,b){var c;const{view:p=tileMenuPropViewDefault,items:d,isMobile:e,className:f,children:g,listClassName:h,getItemDescription:i,getItemHref:j,getItemImage:k,getItemOnClick:l,getItemLabel:m,title:n,onItemClick:o}=a,q=_objectWithoutProperties(a,["view","items","isMobile","className","children","listClassName","getItemDescription","getItemHref","getItemImage","getItemOnClick","getItemLabel","title","onItemClick"]),r=useRef(null),[s,t]=useState(void 0),[u,{toogle:v,off:w}]=useFlag(),x={className:h,getItemDescription:i,getItemHref:j,getItemImage:k,getItemOnClick:l,getItemLabel:m,items:d,view:p,onItemClick:o},y="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({},q,{size:"s",view:"clear",className:cnTileMenu(null,[f]),iconLeft:IconBento,ref:useForkRef([b,r]),onClick:v})),e?_jsx(Sidebar,{isOpen:u,onClickOutside:w,onClose:w,title:n,style:{zIndex:y}},void 0,React.createElement(TileMenuList,x)):_jsx(Transition,{timeout:animateTimeout,unmountOnExit:!0,in:u},void 0,a=>_jsx(Popover,{className:cnTileMenu("Popover",{view:p},[cnMixPopoverAnimate({animate:a,direction:s})]),anchorRef:r,arrowOffset:ARROW_OFFSET+ARROW_SIZE,offset:10,onSetDirection:t,style:{"--popover-arrow-size":`${ARROW_SIZE}px`,"--popover-arrow-offset":`${ARROW_OFFSET}px`,zIndex:y},onClickOutside:w},void 0,_jsx("div",{className:cnMixPopoverArrow({direction:s})}),_jsx("div",{className:cnTileMenu("ListWrapper")},void 0,React.createElement(TileMenuList,x)))))}export const TileMenu=forwardRef(TileMenuRender);export*from"./types";
2
- //# sourceMappingURL=TileMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/TileMenu/TileMenu.tsx"],"names":["React","forwardRef","useRef","useState","cn","IconBento","Button","Transition","useFlag","useForkRef","Popover","cnMixPopoverArrow","Sidebar","tileMenuPropViewDefault","cnMixPopoverAnimate","animateTimeout","TileMenuList","cnTileMenu","ARROW_SIZE","ARROW_OFFSET","TileMenuRender","props","ref","view","items","isMobile","className","children","listClassName","getItemDescription","getItemHref","getItemImage","getItemOnClick","getItemLabel","title","onItemClick","otherProps","buttonRef","direction","setDirection","visibleMenu","toogle","off","listProps","elementZIndex","style","zIndex","animate","TileMenu"],"mappings":"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","sourcesContent":["import React, { forwardRef, useRef, useState } from 'react'\n\nimport { cn } from '@/__private__/utils/bem'\nimport { IconBento } from '@consta/uikit/IconBento'\nimport { Button } from '@consta/uikit/Button'\nimport { Transition } from 'react-transition-group'\nimport { useFlag } from '@consta/uikit/useFlag'\nimport { useForkRef } from '@consta/uikit/useForkRef'\nimport { Popover, Direction } from '@consta/uikit/Popover'\nimport { cnMixPopoverArrow } from '@/__private__/mixs/MixPopoverArrow/MixPopoverArrow'\nimport { Sidebar } from '@/__private__/components/Sidebar'\nimport { TileMenuProps, tileMenuPropViewDefault, TileMenuComponent } from './types'\nimport { cnMixPopoverAnimate, animateTimeout } from '@consta/uikit/MixPopoverAnimate'\n\nimport { TileMenuList } from './TileMenuList/TileMenuList'\n\nimport './TileMenu.css'\n\nexport const cnTileMenu = cn('TileMenu')\n\nconst ARROW_SIZE = 6\nconst ARROW_OFFSET = 10\n\nfunction TileMenuRender(props: TileMenuProps, ref: React.Ref<HTMLButtonElement>) {\n const {\n view = tileMenuPropViewDefault,\n items,\n isMobile,\n className,\n children,\n listClassName,\n getItemDescription,\n getItemHref,\n getItemImage,\n getItemOnClick,\n getItemLabel,\n title,\n onItemClick,\n ...otherProps\n } = props\n\n const buttonRef = useRef<HTMLButtonElement>(null)\n\n const [direction, setDirection] = useState<Direction | undefined>(undefined)\n\n const [visibleMenu, { toogle, off }] = useFlag()\n\n const listProps = {\n className: listClassName,\n getItemDescription,\n getItemHref,\n getItemImage,\n getItemOnClick,\n getItemLabel,\n items,\n view,\n onItemClick,\n }\n\n const elementZIndex = typeof props.style?.zIndex === 'number' ? props.style.zIndex + 1 : undefined\n\n return (\n <>\n <Button\n {...otherProps}\n size=\"s\"\n view=\"clear\"\n className={cnTileMenu(null, [className])}\n iconLeft={IconBento}\n ref={useForkRef([ref, buttonRef])}\n onClick={toogle}\n />\n {isMobile ? (\n <Sidebar\n isOpen={visibleMenu}\n onClickOutside={off}\n onClose={off}\n title={title}\n style={{ zIndex: elementZIndex }}\n >\n <TileMenuList {...listProps} />\n </Sidebar>\n ) : (\n <Transition timeout={animateTimeout} unmountOnExit in={visibleMenu}>\n {animate => (\n <Popover\n className={cnTileMenu('Popover', { view }, [\n cnMixPopoverAnimate({ animate, direction }),\n ])}\n anchorRef={buttonRef}\n arrowOffset={ARROW_OFFSET + ARROW_SIZE}\n offset={ARROW_SIZE + 4}\n onSetDirection={setDirection}\n style={{\n ['--popover-arrow-size' as string]: `${ARROW_SIZE}px`,\n ['--popover-arrow-offset' as string]: `${ARROW_OFFSET}px`,\n zIndex: elementZIndex,\n }}\n onClickOutside={off}\n >\n <div className={cnMixPopoverArrow({ direction })} />\n <div className={cnTileMenu('ListWrapper')}>\n <TileMenuList {...listProps} />\n </div>\n </Popover>\n )}\n </Transition>\n )}\n </>\n )\n}\n\nexport const TileMenu = forwardRef(TileMenuRender) as TileMenuComponent\n\nexport * from './types'\n"],"file":"TileMenu.js"}