@alfalab/core-components-pure-cell 5.0.1-snapshot-c2c8d5a → 5.0.2

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 (337) hide show
  1. package/component.d.ts +10 -16
  2. package/component.js +6 -6
  3. package/component.js.map +1 -1
  4. package/components/addon/component.d.ts +1 -1
  5. package/components/addon/component.js +2 -2
  6. package/components/addon/component.js.map +1 -1
  7. package/components/addon/index.css +17 -15
  8. package/components/addon/index.module.css.js +1 -1
  9. package/components/amount/component.d.ts +1 -1
  10. package/components/amount/component.js +2 -2
  11. package/components/amount/component.js.map +1 -1
  12. package/components/amount/index.css +3 -3
  13. package/components/amount/index.module.css.js +1 -1
  14. package/components/amount/index.module.css.js.map +1 -1
  15. package/components/amount-title/component.d.ts +1 -1
  16. package/components/amount-title/component.js +2 -2
  17. package/components/amount-title/component.js.map +1 -1
  18. package/components/amount-title/index.css +14 -14
  19. package/components/amount-title/index.module.css.js +1 -1
  20. package/components/amount-title/index.module.css.js.map +1 -1
  21. package/components/category/component.d.ts +1 -1
  22. package/components/category/component.js +2 -2
  23. package/components/category/component.js.map +1 -1
  24. package/components/category/index.css +4 -4
  25. package/components/category/index.module.css.js +1 -1
  26. package/components/category/index.module.css.js.map +1 -1
  27. package/components/content/component.d.ts +1 -1
  28. package/components/content/component.js +2 -2
  29. package/components/content/component.js.map +1 -1
  30. package/components/content/index.css +3 -3
  31. package/components/content/index.module.css.js +1 -1
  32. package/components/content/index.module.css.js.map +1 -1
  33. package/components/footer/component.d.ts +1 -1
  34. package/components/footer/component.js +2 -2
  35. package/components/footer/component.js.map +1 -1
  36. package/components/footer/index.css +4 -4
  37. package/components/footer/index.module.css.js +1 -1
  38. package/components/footer/index.module.css.js.map +1 -1
  39. package/components/footer-button/component.d.ts +2 -2
  40. package/components/footer-button/component.js +2 -2
  41. package/components/footer-button/component.js.map +1 -1
  42. package/components/footer-button/index.css +1 -1
  43. package/components/footer-button/index.module.css.js +1 -1
  44. package/components/footer-button/index.module.css.js.map +1 -1
  45. package/components/footer-text/component.d.ts +1 -1
  46. package/components/footer-text/component.js +2 -2
  47. package/components/footer-text/component.js.map +1 -1
  48. package/components/graphics/component.d.ts +1 -1
  49. package/components/graphics/component.js +2 -2
  50. package/components/graphics/component.js.map +1 -1
  51. package/components/graphics/index.css +23 -21
  52. package/components/graphics/index.module.css.js +1 -1
  53. package/components/main/component.d.ts +1 -1
  54. package/components/main/component.js +2 -2
  55. package/components/main/component.js.map +1 -1
  56. package/components/main/index.css +11 -9
  57. package/components/main/index.module.css.js +1 -1
  58. package/components/text/component.d.ts +1 -1
  59. package/components/text/component.js +2 -2
  60. package/components/text/component.js.map +1 -1
  61. package/components/text/index.css +6 -6
  62. package/components/text/index.module.css.js +1 -1
  63. package/components/text/index.module.css.js.map +1 -1
  64. package/components/types.d.ts +8 -8
  65. package/components/typesProps.d.ts +2 -2
  66. package/context.d.ts +9 -0
  67. package/context.js +11 -0
  68. package/context.js.map +1 -0
  69. package/cssm/component.d.ts +10 -16
  70. package/cssm/component.js +6 -6
  71. package/cssm/component.js.map +1 -1
  72. package/cssm/components/addon/component.d.ts +1 -1
  73. package/cssm/components/addon/component.js +2 -2
  74. package/cssm/components/addon/component.js.map +1 -1
  75. package/cssm/components/addon/index.module.css +5 -3
  76. package/cssm/components/amount/component.d.ts +1 -1
  77. package/cssm/components/amount/component.js +2 -2
  78. package/cssm/components/amount/component.js.map +1 -1
  79. package/cssm/components/amount-title/component.d.ts +1 -1
  80. package/cssm/components/amount-title/component.js +2 -2
  81. package/cssm/components/amount-title/component.js.map +1 -1
  82. package/cssm/components/category/component.d.ts +1 -1
  83. package/cssm/components/category/component.js +2 -2
  84. package/cssm/components/category/component.js.map +1 -1
  85. package/cssm/components/content/component.d.ts +1 -1
  86. package/cssm/components/content/component.js +2 -2
  87. package/cssm/components/content/component.js.map +1 -1
  88. package/cssm/components/content/index.module.css +1 -1
  89. package/cssm/components/footer/component.d.ts +1 -1
  90. package/cssm/components/footer/component.js +2 -2
  91. package/cssm/components/footer/component.js.map +1 -1
  92. package/cssm/components/footer/index.module.css +1 -1
  93. package/cssm/components/footer-button/component.d.ts +2 -2
  94. package/cssm/components/footer-button/component.js +2 -2
  95. package/cssm/components/footer-button/component.js.map +1 -1
  96. package/cssm/components/footer-text/component.d.ts +1 -1
  97. package/cssm/components/footer-text/component.js +2 -2
  98. package/cssm/components/footer-text/component.js.map +1 -1
  99. package/cssm/components/graphics/component.d.ts +1 -1
  100. package/cssm/components/graphics/component.js +2 -2
  101. package/cssm/components/graphics/component.js.map +1 -1
  102. package/cssm/components/graphics/index.module.css +16 -14
  103. package/cssm/components/main/component.d.ts +1 -1
  104. package/cssm/components/main/component.js +2 -2
  105. package/cssm/components/main/component.js.map +1 -1
  106. package/cssm/components/main/index.module.css +5 -3
  107. package/cssm/components/text/component.d.ts +1 -1
  108. package/cssm/components/text/component.js +2 -2
  109. package/cssm/components/text/component.js.map +1 -1
  110. package/cssm/components/types.d.ts +8 -8
  111. package/cssm/components/typesProps.d.ts +2 -2
  112. package/cssm/context.d.ts +9 -0
  113. package/cssm/context.js +11 -0
  114. package/cssm/context.js.map +1 -0
  115. package/cssm/index.module.css +6 -4
  116. package/esm/component.d.ts +10 -16
  117. package/esm/component.js +2 -2
  118. package/esm/component.js.map +1 -1
  119. package/esm/components/addon/component.d.ts +1 -1
  120. package/esm/components/addon/component.js +1 -1
  121. package/esm/components/addon/component.js.map +1 -1
  122. package/esm/components/addon/index.css +17 -15
  123. package/esm/components/addon/index.module.css.js +1 -1
  124. package/esm/components/amount/component.d.ts +1 -1
  125. package/esm/components/amount/component.js +1 -1
  126. package/esm/components/amount/component.js.map +1 -1
  127. package/esm/components/amount/index.css +3 -3
  128. package/esm/components/amount/index.module.css.js +1 -1
  129. package/esm/components/amount/index.module.css.js.map +1 -1
  130. package/esm/components/amount-title/component.d.ts +1 -1
  131. package/esm/components/amount-title/component.js +1 -1
  132. package/esm/components/amount-title/component.js.map +1 -1
  133. package/esm/components/amount-title/index.css +14 -14
  134. package/esm/components/amount-title/index.module.css.js +1 -1
  135. package/esm/components/amount-title/index.module.css.js.map +1 -1
  136. package/esm/components/category/component.d.ts +1 -1
  137. package/esm/components/category/component.js +1 -1
  138. package/esm/components/category/component.js.map +1 -1
  139. package/esm/components/category/index.css +4 -4
  140. package/esm/components/category/index.module.css.js +1 -1
  141. package/esm/components/category/index.module.css.js.map +1 -1
  142. package/esm/components/content/component.d.ts +1 -1
  143. package/esm/components/content/component.js +1 -1
  144. package/esm/components/content/component.js.map +1 -1
  145. package/esm/components/content/index.css +3 -3
  146. package/esm/components/content/index.module.css.js +1 -1
  147. package/esm/components/content/index.module.css.js.map +1 -1
  148. package/esm/components/footer/component.d.ts +1 -1
  149. package/esm/components/footer/component.js +1 -1
  150. package/esm/components/footer/component.js.map +1 -1
  151. package/esm/components/footer/index.css +4 -4
  152. package/esm/components/footer/index.module.css.js +1 -1
  153. package/esm/components/footer/index.module.css.js.map +1 -1
  154. package/esm/components/footer-button/component.d.ts +2 -2
  155. package/esm/components/footer-button/component.js +1 -1
  156. package/esm/components/footer-button/component.js.map +1 -1
  157. package/esm/components/footer-button/index.css +1 -1
  158. package/esm/components/footer-button/index.module.css.js +1 -1
  159. package/esm/components/footer-button/index.module.css.js.map +1 -1
  160. package/esm/components/footer-text/component.d.ts +1 -1
  161. package/esm/components/footer-text/component.js +1 -1
  162. package/esm/components/footer-text/component.js.map +1 -1
  163. package/esm/components/graphics/component.d.ts +1 -1
  164. package/esm/components/graphics/component.js +1 -1
  165. package/esm/components/graphics/component.js.map +1 -1
  166. package/esm/components/graphics/index.css +23 -21
  167. package/esm/components/graphics/index.module.css.js +1 -1
  168. package/esm/components/main/component.d.ts +1 -1
  169. package/esm/components/main/component.js +1 -1
  170. package/esm/components/main/component.js.map +1 -1
  171. package/esm/components/main/index.css +11 -9
  172. package/esm/components/main/index.module.css.js +1 -1
  173. package/esm/components/text/component.d.ts +1 -1
  174. package/esm/components/text/component.js +1 -1
  175. package/esm/components/text/component.js.map +1 -1
  176. package/esm/components/text/index.css +6 -6
  177. package/esm/components/text/index.module.css.js +1 -1
  178. package/esm/components/text/index.module.css.js.map +1 -1
  179. package/esm/components/types.d.ts +8 -8
  180. package/esm/components/typesProps.d.ts +2 -2
  181. package/esm/context.d.ts +9 -0
  182. package/esm/context.js +7 -0
  183. package/esm/context.js.map +1 -0
  184. package/esm/index.css +34 -32
  185. package/esm/index.module.css.js +1 -1
  186. package/esm/index.module.css.js.map +1 -1
  187. package/index.css +34 -32
  188. package/index.module.css.js +1 -1
  189. package/index.module.css.js.map +1 -1
  190. package/modern/component.d.ts +10 -16
  191. package/modern/component.js +2 -3
  192. package/modern/component.js.map +1 -1
  193. package/modern/components/addon/component.d.ts +1 -1
  194. package/modern/components/addon/component.js +1 -1
  195. package/modern/components/addon/component.js.map +1 -1
  196. package/modern/components/addon/index.css +17 -15
  197. package/modern/components/addon/index.module.css.js +1 -1
  198. package/modern/components/amount/component.d.ts +1 -1
  199. package/modern/components/amount/component.js +1 -1
  200. package/modern/components/amount/component.js.map +1 -1
  201. package/modern/components/amount/index.css +3 -3
  202. package/modern/components/amount/index.module.css.js +1 -1
  203. package/modern/components/amount/index.module.css.js.map +1 -1
  204. package/modern/components/amount-title/component.d.ts +1 -1
  205. package/modern/components/amount-title/component.js +1 -1
  206. package/modern/components/amount-title/component.js.map +1 -1
  207. package/modern/components/amount-title/index.css +14 -14
  208. package/modern/components/amount-title/index.module.css.js +1 -1
  209. package/modern/components/amount-title/index.module.css.js.map +1 -1
  210. package/modern/components/category/component.d.ts +1 -1
  211. package/modern/components/category/component.js +1 -1
  212. package/modern/components/category/component.js.map +1 -1
  213. package/modern/components/category/index.css +4 -4
  214. package/modern/components/category/index.module.css.js +1 -1
  215. package/modern/components/category/index.module.css.js.map +1 -1
  216. package/modern/components/content/component.d.ts +1 -1
  217. package/modern/components/content/component.js +1 -1
  218. package/modern/components/content/component.js.map +1 -1
  219. package/modern/components/content/index.css +3 -3
  220. package/modern/components/content/index.module.css.js +1 -1
  221. package/modern/components/content/index.module.css.js.map +1 -1
  222. package/modern/components/footer/component.d.ts +1 -1
  223. package/modern/components/footer/component.js +1 -1
  224. package/modern/components/footer/component.js.map +1 -1
  225. package/modern/components/footer/index.css +4 -4
  226. package/modern/components/footer/index.module.css.js +1 -1
  227. package/modern/components/footer/index.module.css.js.map +1 -1
  228. package/modern/components/footer-button/component.d.ts +2 -2
  229. package/modern/components/footer-button/component.js +1 -1
  230. package/modern/components/footer-button/component.js.map +1 -1
  231. package/modern/components/footer-button/index.css +1 -1
  232. package/modern/components/footer-button/index.module.css.js +1 -1
  233. package/modern/components/footer-button/index.module.css.js.map +1 -1
  234. package/modern/components/footer-text/component.d.ts +1 -1
  235. package/modern/components/footer-text/component.js +1 -1
  236. package/modern/components/footer-text/component.js.map +1 -1
  237. package/modern/components/graphics/component.d.ts +1 -1
  238. package/modern/components/graphics/component.js +1 -1
  239. package/modern/components/graphics/component.js.map +1 -1
  240. package/modern/components/graphics/index.css +23 -21
  241. package/modern/components/graphics/index.module.css.js +1 -1
  242. package/modern/components/main/component.d.ts +1 -1
  243. package/modern/components/main/component.js +1 -1
  244. package/modern/components/main/component.js.map +1 -1
  245. package/modern/components/main/index.css +11 -9
  246. package/modern/components/main/index.module.css.js +1 -1
  247. package/modern/components/text/component.d.ts +1 -1
  248. package/modern/components/text/component.js +1 -1
  249. package/modern/components/text/component.js.map +1 -1
  250. package/modern/components/text/index.css +6 -6
  251. package/modern/components/text/index.module.css.js +1 -1
  252. package/modern/components/text/index.module.css.js.map +1 -1
  253. package/modern/components/types.d.ts +8 -8
  254. package/modern/components/typesProps.d.ts +2 -2
  255. package/modern/context.d.ts +9 -0
  256. package/modern/context.js +7 -0
  257. package/modern/context.js.map +1 -0
  258. package/modern/index.css +34 -32
  259. package/modern/index.module.css.js +1 -1
  260. package/modern/index.module.css.js.map +1 -1
  261. package/moderncssm/component.d.ts +10 -16
  262. package/moderncssm/component.js +2 -3
  263. package/moderncssm/component.js.map +1 -1
  264. package/moderncssm/components/addon/component.d.ts +1 -1
  265. package/moderncssm/components/addon/component.js +1 -1
  266. package/moderncssm/components/addon/component.js.map +1 -1
  267. package/moderncssm/components/addon/index.module.css +5 -3
  268. package/moderncssm/components/amount/component.d.ts +1 -1
  269. package/moderncssm/components/amount/component.js +1 -1
  270. package/moderncssm/components/amount/component.js.map +1 -1
  271. package/moderncssm/components/amount/index.module.css +2 -0
  272. package/moderncssm/components/amount-title/component.d.ts +1 -1
  273. package/moderncssm/components/amount-title/component.js +1 -1
  274. package/moderncssm/components/amount-title/component.js.map +1 -1
  275. package/moderncssm/components/amount-title/index.module.css +2 -0
  276. package/moderncssm/components/category/component.d.ts +1 -1
  277. package/moderncssm/components/category/component.js +1 -1
  278. package/moderncssm/components/category/component.js.map +1 -1
  279. package/moderncssm/components/category/index.module.css +2 -0
  280. package/moderncssm/components/content/component.d.ts +1 -1
  281. package/moderncssm/components/content/component.js +1 -1
  282. package/moderncssm/components/content/component.js.map +1 -1
  283. package/moderncssm/components/content/index.module.css +3 -2
  284. package/moderncssm/components/footer/component.d.ts +1 -1
  285. package/moderncssm/components/footer/component.js +1 -1
  286. package/moderncssm/components/footer/component.js.map +1 -1
  287. package/moderncssm/components/footer/index.module.css +3 -3
  288. package/moderncssm/components/footer-button/component.d.ts +2 -2
  289. package/moderncssm/components/footer-button/component.js +1 -1
  290. package/moderncssm/components/footer-button/component.js.map +1 -1
  291. package/moderncssm/components/footer-button/index.module.css +2 -0
  292. package/moderncssm/components/footer-text/component.d.ts +1 -1
  293. package/moderncssm/components/footer-text/component.js +1 -1
  294. package/moderncssm/components/footer-text/component.js.map +1 -1
  295. package/moderncssm/components/graphics/component.d.ts +1 -1
  296. package/moderncssm/components/graphics/component.js +1 -1
  297. package/moderncssm/components/graphics/component.js.map +1 -1
  298. package/moderncssm/components/graphics/index.module.css +16 -14
  299. package/moderncssm/components/main/component.d.ts +1 -1
  300. package/moderncssm/components/main/component.js +1 -1
  301. package/moderncssm/components/main/component.js.map +1 -1
  302. package/moderncssm/components/main/index.module.css +5 -3
  303. package/moderncssm/components/text/component.d.ts +1 -1
  304. package/moderncssm/components/text/component.js +1 -1
  305. package/moderncssm/components/text/component.js.map +1 -1
  306. package/moderncssm/components/text/index.module.css +2 -0
  307. package/moderncssm/components/types.d.ts +8 -8
  308. package/moderncssm/components/typesProps.d.ts +2 -2
  309. package/moderncssm/context.d.ts +9 -0
  310. package/moderncssm/context.js +7 -0
  311. package/moderncssm/context.js.map +1 -0
  312. package/moderncssm/index.module.css +6 -4
  313. package/package.json +7 -7
  314. package/src/component.tsx +11 -21
  315. package/src/components/addon/component.tsx +2 -2
  316. package/src/components/amount/component.tsx +2 -2
  317. package/src/components/amount/index.module.css +1 -1
  318. package/src/components/amount-title/component.tsx +2 -2
  319. package/src/components/amount-title/index.module.css +1 -1
  320. package/src/components/category/component.tsx +2 -2
  321. package/src/components/category/index.module.css +1 -1
  322. package/src/components/content/component.tsx +2 -2
  323. package/src/components/content/index.module.css +1 -1
  324. package/src/components/footer/component.tsx +2 -2
  325. package/src/components/footer/index.module.css +1 -1
  326. package/src/components/footer-button/component.tsx +8 -3
  327. package/src/components/footer-button/index.module.css +1 -1
  328. package/src/components/footer-text/component.tsx +2 -2
  329. package/src/components/graphics/component.tsx +2 -2
  330. package/src/components/main/component.tsx +2 -2
  331. package/src/components/text/component.tsx +2 -2
  332. package/src/components/text/index.module.css +1 -3
  333. package/src/components/types.ts +8 -8
  334. package/src/components/typesProps.ts +2 -2
  335. package/src/context.ts +12 -0
  336. package/src/index.module.css +2 -2
  337. package/src/vars.css +1 -1
package/component.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from 'react';
2
- import { ButtonProps } from '@alfalab/core-components-button';
1
+ import React, { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ElementType, type HTMLAttributes } from 'react';
3
2
  import { Comment } from '@alfalab/core-components-comment';
4
3
  import { Addon } from './components/addon';
5
4
  import { Amount } from './components/amount';
@@ -8,19 +7,12 @@ import { Category } from './components/category';
8
7
  import { Content } from './components/content';
9
8
  import { Footer } from './components/footer';
10
9
  import { FooterButton } from './components/footer-button';
11
- import { FooterTextProps } from './components/footer-text';
12
10
  import { Graphics } from './components/graphics';
13
11
  import { Main } from './components/main';
14
12
  import { Text } from './components/text';
15
- import { PureCellElement } from './components/types';
16
- export declare type PureCellContext = {
17
- /** Направление */
18
- direction?: 'horizontal' | 'vertical';
19
- dataTestId?: string;
20
- setMainHover?: () => void;
21
- unsetMainHover?: () => void;
22
- };
23
- export declare const PureCellContext: React.Context<PureCellContext>;
13
+ import { type PureCellElement } from './components/types';
14
+ import { PureCellContext } from './context';
15
+ export { PureCellContext };
24
16
  declare type BasePureCellProps = {
25
17
  /**
26
18
  * Направление
@@ -69,7 +61,7 @@ declare type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTML
69
61
  declare type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
70
62
  export declare type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
71
63
  declare const PureCellComponent: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>>;
72
- declare const ExtraSubtitle: React.FC<FooterTextProps>;
64
+ declare const ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
73
65
  /**
74
66
  * Универсальный конструктор для сборки любой ячейки.
75
67
  *
@@ -96,7 +88,9 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
96
88
  titleColor: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive";
97
89
  value?: React.ReactNode;
98
90
  valueColor?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
99
- dataTestId?: string | undefined;
91
+ dataTestId?: string | undefined; /**
92
+ * Направление
93
+ */
100
94
  }>;
101
95
  Amount: React.FC<{
102
96
  weight?: "bold" | "normal" | undefined;
@@ -123,8 +117,8 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
123
117
  footerPadding?: "default" | "none" | undefined;
124
118
  dataTestId?: string | undefined;
125
119
  }>;
126
- ExtraSubtitle: React.FC<FooterTextProps>;
127
- FooterButton: React.ForwardRefExoticComponent<(Omit<ButtonProps, "dataTestId"> & {
120
+ ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
121
+ FooterButton: React.ForwardRefExoticComponent<(Omit<import("@alfalab/core-components-button").ButtonProps, "dataTestId"> & {
128
122
  dataTestId?: string | undefined;
129
123
  } & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
130
124
  Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
package/component.js CHANGED
@@ -19,6 +19,7 @@ var component$a = require('./components/footer-text/component.js');
19
19
  var component$1 = require('./components/graphics/component.js');
20
20
  var component = require('./components/main/component.js');
21
21
  var component$3 = require('./components/text/component.js');
22
+ var context = require('./context.js');
22
23
  var index_module = require('./index.module.css.js');
23
24
 
24
25
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -27,8 +28,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
27
28
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
28
29
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
29
30
 
30
- // eslint-disable-next-line @typescript-eslint/no-redeclare
31
- var PureCellContext = React__default.default.createContext({});
32
31
  var PureCellComponent = React.forwardRef(function (_a, ref) {
33
32
  var _b, _c;
34
33
  var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = tslib.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
@@ -58,6 +57,7 @@ var PureCellComponent = React.forwardRef(function (_a, ref) {
58
57
  _b[index_module.hover] = hoverState,
59
58
  _b[index_module.active] = activeState,
60
59
  _b);
60
+ // eslint-disable-next-line react/jsx-no-constructed-context-values
61
61
  var contextState = {
62
62
  direction: direction,
63
63
  dataTestId: dataTestId,
@@ -76,14 +76,14 @@ var PureCellComponent = React.forwardRef(function (_a, ref) {
76
76
  // Для совместимости с react-router-dom, меняем href на to
77
77
  var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
78
78
  return (React__default.default.createElement(Component, tslib.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(index_module.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }, mouseEvents),
79
- React__default.default.createElement(PureCellContext.Provider, { value: contextState }, children)));
79
+ React__default.default.createElement(context.PureCellContext.Provider, { value: contextState }, children)));
80
80
  }
81
81
  if (onClick) {
82
82
  return (React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(index_module.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }, mouseEvents),
83
- React__default.default.createElement(PureCellContext.Provider, { value: contextState }, children)));
83
+ React__default.default.createElement(context.PureCellContext.Provider, { value: contextState }, children)));
84
84
  }
85
85
  return (React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: ref, tabIndex: 0, className: cn__default.default(addClasses, className), "data-test-id": dataTestId }),
86
- React__default.default.createElement(PureCellContext.Provider, { value: contextState }, children)));
86
+ React__default.default.createElement(context.PureCellContext.Provider, { value: contextState }, children)));
87
87
  });
88
88
  var ExtraSubtitle = component$a.FooterText;
89
89
  /**
@@ -121,8 +121,8 @@ exports.FooterButton = component$8.FooterButton;
121
121
  exports.Graphics = component$1.Graphics;
122
122
  exports.Main = component.Main;
123
123
  exports.Text = component$3.Text;
124
+ exports.PureCellContext = context.PureCellContext;
124
125
  exports.ExtraSubtitle = ExtraSubtitle;
125
126
  exports.PureCell = PureCell;
126
127
  exports.PureCellComponent = PureCellComponent;
127
- exports.PureCellContext = PureCellContext;
128
128
  //# sourceMappingURL=component.js.map
package/component.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["src/component.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-constructed-context-values */\nimport React, {\n AnchorHTMLAttributes,\n ButtonHTMLAttributes,\n ElementType,\n forwardRef,\n HTMLAttributes,\n useRef,\n useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { ButtonProps } from '@alfalab/core-components-button';\nimport { Comment } from '@alfalab/core-components-comment';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { Addon } from './components/addon';\nimport { Amount } from './components/amount';\nimport { AmountTitle } from './components/amount-title';\nimport { Category } from './components/category';\nimport { Content } from './components/content';\nimport { Footer } from './components/footer';\nimport { FooterButton } from './components/footer-button';\nimport { FooterText, FooterTextProps } from './components/footer-text';\nimport { Graphics } from './components/graphics';\nimport { Main } from './components/main';\nimport { Text } from './components/text';\nimport { PureCellElement } from './components/types';\n\nimport styles from './index.module.css';\n\nexport type PureCellContext = {\n /** Направление */\n direction?: 'horizontal' | 'vertical';\n dataTestId?: string;\n setMainHover?: () => void;\n unsetMainHover?: () => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport const PureCellContext = React.createContext<PureCellContext>({});\n\ntype BasePureCellProps = {\n /**\n * Направление\n */\n direction?: 'horizontal' | 'vertical';\n\n /**\n * Сss класс для стилизации общей обёртки\n */\n className?: string;\n\n /**\n * Выводит ссылку в виде ячейки\n */\n href?: string;\n\n /**\n * Вертикальные отступы\n */\n verticalPadding?:\n | 'airy'\n | 'default'\n | 'compact'\n | 'tiny'\n | 'none'\n | {\n /**\n * Вертикальный отступ сверху\n */\n top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n /**\n * Вертикальный отступ снизу\n */\n bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n };\n\n /**\n * Горизонтальные отступы\n */\n horizontalPadding?: 'left' | 'right' | 'both' | 'none';\n\n /**\n * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)\n */\n tag?: ElementType;\n\n /**\n * Компоненты\n */\n children: PureCellElement;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\ntype AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;\ntype ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;\ntype ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;\nexport type PureCellProps = Partial<\n AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps\n>;\n\nconst PureCellComponent = forwardRef<HTMLElement, PureCellProps>(\n (\n {\n className,\n dataTestId,\n onClick,\n href,\n tag: Component = (href && 'a') || (onClick && 'button') || 'section',\n children,\n horizontalPadding = 'none',\n verticalPadding = 'none',\n direction = 'horizontal',\n ...restProps\n },\n ref,\n ) => {\n const cellRef = useRef<HTMLDivElement>(null);\n const [focused] = useFocus(cellRef, 'keyboard');\n const [hoverState, setHoverState] = useState<boolean>(false);\n const [activeState, setActiveState] = useState<boolean>(false);\n\n const setHover = () => setHoverState(true);\n const unsetHover = () => setHoverState(false);\n const setActive = () => setActiveState(true);\n\n const unsetActive = () => setActiveState(false);\n\n const mouseEvents = {\n onMouseEnter: setHover,\n onMouseLeave: () => {\n unsetHover();\n // Убираем на случай, если уводим курсор за пределы компонента при сработавшем onMouseDown\n unsetActive();\n },\n onMouseDown: setActive,\n onMouseUp: unsetActive,\n };\n\n const addClasses = {\n [styles.component]: true,\n [styles.focused]: focused,\n [styles[direction]]: true,\n [styles[horizontalPadding]]: true,\n [styles.hover]: hoverState,\n [styles.active]: activeState,\n };\n\n const contextState: PureCellContext = {\n direction,\n dataTestId,\n setMainHover: setHover,\n unsetMainHover: unsetHover,\n };\n\n if (typeof verticalPadding === 'string') {\n addClasses[styles[verticalPadding as string]] = typeof verticalPadding === 'string';\n }\n\n if (typeof verticalPadding === 'object') {\n addClasses[styles[`${verticalPadding.top}Top`]] = !!verticalPadding.top;\n addClasses[styles[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;\n }\n\n if (href) {\n const { target } = restProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n // Для совместимости с react-router-dom, меняем href на to\n const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };\n\n return (\n <Component\n rel={target === '_blank' ? 'noreferrer noopener' : undefined}\n {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n {...hrefProps}\n ref={mergeRefs([cellRef, ref])}\n className={cn(styles.link, addClasses, className)}\n data-test-id={dataTestId}\n onClick={onClick}\n {...mouseEvents}\n >\n <PureCellContext.Provider value={contextState}>\n {children}\n </PureCellContext.Provider>\n </Component>\n );\n }\n\n if (onClick) {\n return (\n <Component\n {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n ref={mergeRefs([cellRef, ref])}\n className={cn(styles.button, addClasses, className)}\n data-test-id={dataTestId}\n onClick={onClick}\n {...mouseEvents}\n >\n <PureCellContext.Provider value={contextState}>\n {children}\n </PureCellContext.Provider>\n </Component>\n );\n }\n\n return (\n <Component\n {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n ref={ref}\n tabIndex={0}\n className={cn(addClasses, className)}\n data-test-id={dataTestId}\n >\n <PureCellContext.Provider value={contextState}>{children}</PureCellContext.Provider>\n </Component>\n );\n },\n);\n\nconst ExtraSubtitle = FooterText as React.FC<FooterTextProps>;\n\n/**\n * Универсальный конструктор для сборки любой ячейки.\n *\n * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)\n */\nconst PureCell = Object.assign(PureCellComponent, {\n Main,\n Graphics,\n Content,\n Text,\n Amount,\n AmountTitle,\n Addon,\n Footer,\n ExtraSubtitle,\n FooterButton,\n Comment,\n Category,\n});\n\nPureCellComponent.displayName = 'PureCellComponent';\n\nexport {\n PureCell,\n PureCellComponent,\n Main,\n Graphics,\n Content,\n Text,\n Amount,\n AmountTitle,\n Addon,\n Footer,\n ExtraSubtitle,\n FooterButton,\n Comment,\n Category,\n};\n"],"names":["React","forwardRef","__rest","useRef","useFocus","useState","styles","__assign","mergeRefs","cn","FooterText","Main","Graphics","Content","Text","Amount","AmountTitle","Addon","Footer","FooterButton","Comment","Category"],"mappings":"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"}
1
+ {"version":3,"file":"component.js","sources":["src/component.tsx"],"sourcesContent":["import React, {\n type AnchorHTMLAttributes,\n type ButtonHTMLAttributes,\n type ElementType,\n forwardRef,\n type HTMLAttributes,\n useRef,\n useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { Comment } from '@alfalab/core-components-comment';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { Addon } from './components/addon';\nimport { Amount } from './components/amount';\nimport { AmountTitle } from './components/amount-title';\nimport { Category } from './components/category';\nimport { Content } from './components/content';\nimport { Footer } from './components/footer';\nimport { FooterButton } from './components/footer-button';\nimport { FooterText } from './components/footer-text';\nimport { Graphics } from './components/graphics';\nimport { Main } from './components/main';\nimport { Text } from './components/text';\nimport { type PureCellElement } from './components/types';\nimport { PureCellContext, type PureCellContextValue } from './context';\n\nimport styles from './index.module.css';\n\nexport { PureCellContext };\n\ntype BasePureCellProps = {\n /**\n * Направление\n */\n direction?: 'horizontal' | 'vertical';\n\n /**\n * Сss класс для стилизации общей обёртки\n */\n className?: string;\n\n /**\n * Выводит ссылку в виде ячейки\n */\n href?: string;\n\n /**\n * Вертикальные отступы\n */\n verticalPadding?:\n | 'airy'\n | 'default'\n | 'compact'\n | 'tiny'\n | 'none'\n | {\n /**\n * Вертикальный отступ сверху\n */\n top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n /**\n * Вертикальный отступ снизу\n */\n bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n };\n\n /**\n * Горизонтальные отступы\n */\n horizontalPadding?: 'left' | 'right' | 'both' | 'none';\n\n /**\n * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)\n */\n tag?: ElementType;\n\n /**\n * Компоненты\n */\n children: PureCellElement;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\ntype AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;\ntype ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;\ntype ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;\nexport type PureCellProps = Partial<\n AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps\n>;\n\nconst PureCellComponent = forwardRef<HTMLElement, PureCellProps>(\n (\n {\n className,\n dataTestId,\n onClick,\n href,\n tag: Component = (href && 'a') || (onClick && 'button') || 'section',\n children,\n horizontalPadding = 'none',\n verticalPadding = 'none',\n direction = 'horizontal',\n ...restProps\n },\n ref,\n ) => {\n const cellRef = useRef<HTMLDivElement>(null);\n const [focused] = useFocus(cellRef, 'keyboard');\n const [hoverState, setHoverState] = useState<boolean>(false);\n const [activeState, setActiveState] = useState<boolean>(false);\n\n const setHover = () => setHoverState(true);\n const unsetHover = () => setHoverState(false);\n const setActive = () => setActiveState(true);\n\n const unsetActive = () => setActiveState(false);\n\n const mouseEvents = {\n onMouseEnter: setHover,\n onMouseLeave: () => {\n unsetHover();\n // Убираем на случай, если уводим курсор за пределы компонента при сработавшем onMouseDown\n unsetActive();\n },\n onMouseDown: setActive,\n onMouseUp: unsetActive,\n };\n\n const addClasses = {\n [styles.component]: true,\n [styles.focused]: focused,\n [styles[direction]]: true,\n [styles[horizontalPadding]]: true,\n [styles.hover]: hoverState,\n [styles.active]: activeState,\n };\n\n // eslint-disable-next-line react/jsx-no-constructed-context-values\n const contextState: PureCellContextValue = {\n direction,\n dataTestId,\n setMainHover: setHover,\n unsetMainHover: unsetHover,\n };\n\n if (typeof verticalPadding === 'string') {\n addClasses[styles[verticalPadding as string]] = typeof verticalPadding === 'string';\n }\n\n if (typeof verticalPadding === 'object') {\n addClasses[styles[`${verticalPadding.top}Top`]] = !!verticalPadding.top;\n addClasses[styles[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;\n }\n\n if (href) {\n const { target } = restProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n // Для совместимости с react-router-dom, меняем href на to\n const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };\n\n return (\n <Component\n rel={target === '_blank' ? 'noreferrer noopener' : undefined}\n {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n {...hrefProps}\n ref={mergeRefs([cellRef, ref])}\n className={cn(styles.link, addClasses, className)}\n data-test-id={dataTestId}\n onClick={onClick}\n {...mouseEvents}\n >\n <PureCellContext.Provider value={contextState}>\n {children}\n </PureCellContext.Provider>\n </Component>\n );\n }\n\n if (onClick) {\n return (\n <Component\n {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n ref={mergeRefs([cellRef, ref])}\n className={cn(styles.button, addClasses, className)}\n data-test-id={dataTestId}\n onClick={onClick}\n {...mouseEvents}\n >\n <PureCellContext.Provider value={contextState}>\n {children}\n </PureCellContext.Provider>\n </Component>\n );\n }\n\n return (\n <Component\n {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n ref={ref}\n tabIndex={0}\n className={cn(addClasses, className)}\n data-test-id={dataTestId}\n >\n <PureCellContext.Provider value={contextState}>{children}</PureCellContext.Provider>\n </Component>\n );\n },\n);\n\nconst ExtraSubtitle = FooterText;\n\n/**\n * Универсальный конструктор для сборки любой ячейки.\n *\n * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)\n */\nconst PureCell = Object.assign(PureCellComponent, {\n Main,\n Graphics,\n Content,\n Text,\n Amount,\n AmountTitle,\n Addon,\n Footer,\n ExtraSubtitle,\n FooterButton,\n Comment,\n Category,\n});\n\nPureCellComponent.displayName = 'PureCellComponent';\n\nexport {\n PureCell,\n PureCellComponent,\n Main,\n Graphics,\n Content,\n Text,\n Amount,\n AmountTitle,\n Addon,\n Footer,\n ExtraSubtitle,\n FooterButton,\n Comment,\n Category,\n};\n"],"names":["forwardRef","__rest","useRef","useFocus","useState","styles","React","__assign","mergeRefs","cn","PureCellContext","FooterText","Main","Graphics","Content","Text","Amount","AmountTitle","Addon","Footer","FooterButton","Comment","Category"],"mappings":"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"}
package/components/addon/component.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { AddonElement } from '../types';
2
+ import { type AddonElement } from '../types';
3
3
  declare type Props = {
4
4
  /**
5
5
  * Вертикальное выравнивание
package/components/addon/component.js CHANGED
@@ -6,7 +6,7 @@ var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsShared = require('@alfalab/core-components-shared');
9
- var component = require('../../component.js');
9
+ var context = require('../../context.js');
10
10
  var index_module = require('./index.module.css.js');
11
11
 
12
12
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -21,7 +21,7 @@ var ADDON_COMPONENT = {
21
21
  var Addon = function (_a) {
22
22
  var _b;
23
23
  var children = _a.children, _c = _a.verticalAlign, verticalAlign = _c === void 0 ? 'top' : _c, _d = _a.addonPadding, addonPadding = _d === void 0 ? 'default' : _d, dataTestId = _a.dataTestId, onClick = _a.onClick;
24
- var pureCellContext = React.useContext(component.PureCellContext);
24
+ var pureCellContext = React.useContext(context.PureCellContext);
25
25
  var Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;
26
26
  var onMouseEvents = {
27
27
  onClick: function (e) {
package/components/addon/component.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["../../src/components/addon/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../component';\nimport { AddonElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Вертикальное выравнивание\n */\n verticalAlign?: 'auto' | 'top' | 'center' | 'bottom';\n\n /**\n * Горизонтальные отступы\n */\n addonPadding?: 'default' | 'none';\n\n /**\n * Компоненты\n */\n children: AddonElement;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Используется модификатор -addon\n */\n dataTestId?: string;\n\n /**\n * Клик по контенту аддона.\n */\n onClick?: () => void;\n};\n\nconst ADDON_COMPONENT: Record<string, keyof Pick<React.ReactHTML, 'button' | 'section'>> = {\n button: 'button',\n section: 'section',\n};\n\nexport const Addon: React.FC<Props> = ({\n children,\n verticalAlign = 'top',\n addonPadding = 'default',\n dataTestId,\n onClick,\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n const Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;\n\n const onMouseEvents = {\n onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n onClick?.();\n },\n onMouseEnter: () => {\n pureCellContext.unsetMainHover?.();\n },\n onMouseLeave: () => {\n pureCellContext.setMainHover?.();\n },\n onMouseDown: (e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n },\n };\n\n return (\n <Component\n className={cn(styles.component, styles[addonPadding], styles[verticalAlign], {\n [styles.button]: onClick,\n })}\n data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon')}\n {...(onClick && onMouseEvents)}\n >\n {children}\n </Component>\n );\n};\n"],"names":["useContext","PureCellContext","React","__assign","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;AAsCA,IAAM,eAAe,GAAsE;AACvF,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;AAEM,IAAM,KAAK,GAAoB,UAAC,EAMtC,EAAA;;QALG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAqB,GAAA,EAAA,CAAA,aAAA,EAArB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACrB,EAAA,GAAA,EAAA,CAAA,YAAwB,EAAxB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACxB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,yBAAe,CAAC;AAEnD,IAAA,IAAM,SAAS,GAAG,OAAO,GAAG,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,OAAO;AAE5E,IAAA,IAAM,aAAa,GAAG;QAClB,OAAO,EAAE,UAAC,CAAsC,EAAA;YAC5C,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,EAAI;SACd;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACrC;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACnC;QACD,WAAW,EAAE,UAAC,CAAsC,EAAA;YAChD,CAAC,CAAC,eAAe,EAAE;SACtB;KACJ;IAED,QACIC,qCAAC,SAAS,EAAAC,cAAA,CAAA,EACN,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,YAAY,CAAC,EAAEA,YAAM,CAAC,aAAa,CAAC,GAAA,EAAA,GAAA,EAAA;AACvE,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,OAAO;gBAC1B,EACY,cAAA,EAAAC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,KACzE,OAAO,IAAI,aAAa,IAE5B,QAAQ,CACD;AAEpB;;;;"}
1
+ {"version":3,"file":"component.js","sources":["../../src/components/addon/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../context';\nimport { type AddonElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Вертикальное выравнивание\n */\n verticalAlign?: 'auto' | 'top' | 'center' | 'bottom';\n\n /**\n * Горизонтальные отступы\n */\n addonPadding?: 'default' | 'none';\n\n /**\n * Компоненты\n */\n children: AddonElement;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Используется модификатор -addon\n */\n dataTestId?: string;\n\n /**\n * Клик по контенту аддона.\n */\n onClick?: () => void;\n};\n\nconst ADDON_COMPONENT: Record<string, keyof Pick<React.ReactHTML, 'button' | 'section'>> = {\n button: 'button',\n section: 'section',\n};\n\nexport const Addon: React.FC<Props> = ({\n children,\n verticalAlign = 'top',\n addonPadding = 'default',\n dataTestId,\n onClick,\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n const Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;\n\n const onMouseEvents = {\n onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n onClick?.();\n },\n onMouseEnter: () => {\n pureCellContext.unsetMainHover?.();\n },\n onMouseLeave: () => {\n pureCellContext.setMainHover?.();\n },\n onMouseDown: (e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n },\n };\n\n return (\n <Component\n className={cn(styles.component, styles[addonPadding], styles[verticalAlign], {\n [styles.button]: onClick,\n })}\n data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon')}\n {...(onClick && onMouseEvents)}\n >\n {children}\n </Component>\n );\n};\n"],"names":["useContext","PureCellContext","React","__assign","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;AAsCA,IAAM,eAAe,GAAsE;AACvF,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;AAEM,IAAM,KAAK,GAAoB,UAAC,EAMtC,EAAA;;QALG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAqB,GAAA,EAAA,CAAA,aAAA,EAArB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACrB,EAAA,GAAA,EAAA,CAAA,YAAwB,EAAxB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACxB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,IAAM,SAAS,GAAG,OAAO,GAAG,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,OAAO;AAE5E,IAAA,IAAM,aAAa,GAAG;QAClB,OAAO,EAAE,UAAC,CAAsC,EAAA;YAC5C,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,EAAI;SACd;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACrC;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACnC;QACD,WAAW,EAAE,UAAC,CAAsC,EAAA;YAChD,CAAC,CAAC,eAAe,EAAE;SACtB;KACJ;IAED,QACIC,qCAAC,SAAS,EAAAC,cAAA,CAAA,EACN,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,YAAY,CAAC,EAAEA,YAAM,CAAC,aAAa,CAAC,GAAA,EAAA,GAAA,EAAA;AACvE,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,OAAO;gBAC1B,EACY,cAAA,EAAAC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,KACzE,OAAO,IAAI,aAAa,IAE5B,QAAQ,CACD;AAEpB;;;;"}
package/components/addon/index.css CHANGED
@@ -1,31 +1,33 @@
1
1
  :root {
2
+ --border-radius-0: 0;
3
+ } :root {
2
4
  --gap-m: 16px;
3
5
  --gap-0: 0px;
4
6
  --gap-16: var(--gap-m);
5
7
  } :root {
6
8
  --pure-cell-clickable-area-hover-opacity: 1;
7
9
  --pure-cell-clickable-area-active-opacity: 1;
8
- } .pure-cell__component_kn54v {
10
+ } .pure-cell__component_mxkr8 {
9
11
  display: flex;
10
12
  flex-direction: column;
11
- align-items: flex-end
12
- } .pure-cell__component_kn54v > * {
13
+ align-items: flex-end;
14
+ } .pure-cell__component_mxkr8 > * {
13
15
  justify-content: flex-end;
14
- } .pure-cell__component_kn54v.pure-cell__none_kn54v {
16
+ } .pure-cell__component_mxkr8.pure-cell__none_mxkr8 {
15
17
  padding-left: var(--gap-0);
16
- } .pure-cell__component_kn54v.pure-cell__default_kn54v {
18
+ } .pure-cell__component_mxkr8.pure-cell__default_mxkr8 {
17
19
  padding-left: var(--gap-16);
18
- } .pure-cell__component_kn54v.pure-cell__addonPadding_kn54v {
20
+ } .pure-cell__component_mxkr8.pure-cell__addonPadding_mxkr8 {
19
21
  padding-left: var(--gap-16);
20
- } .pure-cell__component_kn54v.pure-cell__auto_kn54v {
22
+ } .pure-cell__component_mxkr8.pure-cell__auto_mxkr8 {
21
23
  align-self: auto;
22
- } .pure-cell__component_kn54v.pure-cell__top_kn54v {
24
+ } .pure-cell__component_mxkr8.pure-cell__top_mxkr8 {
23
25
  align-self: flex-start;
24
- } .pure-cell__component_kn54v.pure-cell__center_kn54v {
26
+ } .pure-cell__component_mxkr8.pure-cell__center_mxkr8 {
25
27
  align-self: center;
26
- } .pure-cell__component_kn54v.pure-cell__bottom_kn54v {
28
+ } .pure-cell__component_mxkr8.pure-cell__bottom_mxkr8 {
27
29
  align-self: flex-end;
28
- } .pure-cell__button_kn54v {
30
+ } .pure-cell__button_mxkr8 {
29
31
  -webkit-tap-highlight-color: transparent;
30
32
  box-sizing: border-box;
31
33
  background-color: transparent;
@@ -33,7 +35,7 @@
33
35
  border: 0;
34
36
  margin: var(--gap-0);
35
37
  box-shadow: none;
36
- border-radius: 0;
38
+ border-radius: var(--border-radius-0);
37
39
  -webkit-user-select: none;
38
40
  -moz-user-select: none;
39
41
  user-select: none;
@@ -45,9 +47,9 @@
45
47
  min-width: 0;
46
48
  cursor: pointer;
47
49
  padding: var(--gap-0);
48
- transition: opacity 0.15s ease-in-out
49
- } .pure-cell__button_kn54v:hover {
50
+ transition: opacity 0.15s ease-in-out;
51
+ } .pure-cell__button_mxkr8:hover {
50
52
  opacity: var(--pure-cell-clickable-area-hover-opacity);
51
- } .pure-cell__button_kn54v:active {
53
+ } .pure-cell__button_mxkr8:active {
52
54
  opacity: var(--pure-cell-clickable-area-active-opacity);
53
55
  }
package/components/addon/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_kn54v","none":"pure-cell__none_kn54v","default":"pure-cell__default_kn54v","addonPadding":"pure-cell__addonPadding_kn54v","auto":"pure-cell__auto_kn54v","top":"pure-cell__top_kn54v","center":"pure-cell__center_kn54v","bottom":"pure-cell__bottom_kn54v","button":"pure-cell__button_kn54v"};
5
+ var styles = {"component":"pure-cell__component_mxkr8","none":"pure-cell__none_mxkr8","default":"pure-cell__default_mxkr8","addonPadding":"pure-cell__addonPadding_mxkr8","auto":"pure-cell__auto_mxkr8","top":"pure-cell__top_mxkr8","center":"pure-cell__center_mxkr8","bottom":"pure-cell__bottom_mxkr8","button":"pure-cell__button_mxkr8"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/amount/component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { type Color } from '@alfalab/core-components-typography';
3
- import { AmountProps as AmountType } from '../typesProps';
3
+ import { type AmountProps as AmountType } from '../typesProps';
4
4
  declare type Props = {
5
5
  /**
6
6
  * Начертание шрифта денежного значения
package/components/amount/component.js CHANGED
@@ -8,7 +8,7 @@ var cn = require('classnames');
8
8
  var coreComponentsAmount = require('@alfalab/core-components-amount');
9
9
  var coreComponentsShared = require('@alfalab/core-components-shared');
10
10
  var coreComponentsTypography = require('@alfalab/core-components-typography');
11
- var component = require('../../component.js');
11
+ var context = require('../../context.js');
12
12
  var index_module = require('./index.module.css.js');
13
13
 
14
14
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -18,7 +18,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
18
 
19
19
  var Amount = function (_a) {
20
20
  var _b = _a.weight, weight = _b === void 0 ? 'normal' : _b, _c = _a.textView, textView = _c === void 0 ? 'component' : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, minority = _a.minority, _e = _a.minorUnits, minorUnits = _e === void 0 ? 100 : _e, hidden = _a.hidden, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["weight", "textView", "color", "minority", "minorUnits", "hidden", "dataTestId"]);
21
- var pureCellContext = React.useContext(component.PureCellContext);
21
+ var pureCellContext = React.useContext(context.PureCellContext);
22
22
  if (hidden) {
23
23
  return (React__default.default.createElement("div", { className: index_module.hiddenWrapper },
24
24
  React__default.default.createElement("div", { className: index_module.hidden })));
package/components/amount/component.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["../../src/components/amount/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, Text } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../component';\nimport { AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Начертание шрифта денежного значения\n */\n weight?: 'bold' | 'normal';\n\n /**\n * Размер денежного значения\n */\n textView?: 'component' | 'primary-small';\n\n /**\n * Цвет денежного значения\n */\n color?: Color;\n\n /**\n * Скрыть денежное значение\n */\n hidden?: boolean;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Для typography используется модификатор -amount-text, для компонента Amount -amount\n */\n dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const Amount: React.FC<Props> = ({\n weight = 'normal',\n textView = 'component',\n color = 'primary',\n minority,\n minorUnits = 100,\n hidden,\n dataTestId,\n ...restProps\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n if (hidden) {\n return (\n <div className={styles.hiddenWrapper}>\n <div className={styles.hidden} />\n </div>\n );\n }\n\n return (\n <Text\n view={textView}\n dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text')}\n className={cn(styles.component)}\n color={color}\n >\n <CoreAmount\n minority={minority || minorUnits}\n bold={weight === 'bold' ? 'full' : 'none'}\n dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount')}\n {...restProps}\n />\n </Text>\n );\n};\n"],"names":["__rest","useContext","PureCellContext","React","styles","Text","getDataTestId","cn","CoreAmount","__assign"],"mappings":";;;;;;;;;;;;;;;;;;AAwCO,IAAM,MAAM,GAAoB,UAAC,EASvC,EAAA;AARG,IAAA,IAAA,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,GAAA,EAAA,EACjB,EAAsB,GAAA,EAAA,CAAA,QAAA,EAAtB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,WAAW,GAAA,EAAA,EACtB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,GAAA,EAAA,EACjB,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,UAAgB,EAAhB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EAChB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAA,YAAA,CAAA,EAAA,EARwB,iFASvC,CADe;AAEZ,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,yBAAe,CAAC;AAEnD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,YAAM,CAAC,aAAa,EAAA;YAChCD,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,YAAM,CAAC,MAAM,EAAI,CAAA,CAC/B;AAEb;AAED,IAAA,QACID,sBAAA,CAAA,aAAA,CAACE,6BAAI,EAAA,EACD,IAAI,EAAE,QAAQ,EACd,UAAU,EAAEC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,aAAa,CAAC,EAClF,SAAS,EAAEC,mBAAE,CAACH,YAAM,CAAC,SAAS,CAAC,EAC/B,KAAK,EAAE,KAAK,EAAA;AAEZ,QAAAD,sBAAA,CAAA,aAAA,CAACK,2BAAU,EACPC,cAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,EACzC,UAAU,EAAEH,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EACzE,SAAS,CACf,CAAA,CACC;AAEf;;;;"}
1
+ {"version":3,"file":"component.js","sources":["../../src/components/amount/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, Text } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\nimport { type AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Начертание шрифта денежного значения\n */\n weight?: 'bold' | 'normal';\n\n /**\n * Размер денежного значения\n */\n textView?: 'component' | 'primary-small';\n\n /**\n * Цвет денежного значения\n */\n color?: Color;\n\n /**\n * Скрыть денежное значение\n */\n hidden?: boolean;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Для typography используется модификатор -amount-text, для компонента Amount -amount\n */\n dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const Amount: React.FC<Props> = ({\n weight = 'normal',\n textView = 'component',\n color = 'primary',\n minority,\n minorUnits = 100,\n hidden,\n dataTestId,\n ...restProps\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n if (hidden) {\n return (\n <div className={styles.hiddenWrapper}>\n <div className={styles.hidden} />\n </div>\n );\n }\n\n return (\n <Text\n view={textView}\n dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text')}\n className={cn(styles.component)}\n color={color}\n >\n <CoreAmount\n minority={minority || minorUnits}\n bold={weight === 'bold' ? 'full' : 'none'}\n dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount')}\n {...restProps}\n />\n </Text>\n );\n};\n"],"names":["__rest","useContext","PureCellContext","React","styles","Text","getDataTestId","cn","CoreAmount","__assign"],"mappings":";;;;;;;;;;;;;;;;;;AAwCO,IAAM,MAAM,GAAoB,UAAC,EASvC,EAAA;AARG,IAAA,IAAA,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,GAAA,EAAA,EACjB,EAAsB,GAAA,EAAA,CAAA,QAAA,EAAtB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,WAAW,GAAA,EAAA,EACtB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,GAAA,EAAA,EACjB,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,UAAgB,EAAhB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EAChB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAA,YAAA,CAAA,EAAA,EARwB,iFASvC,CADe;AAEZ,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,YAAM,CAAC,aAAa,EAAA;YAChCD,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,YAAM,CAAC,MAAM,EAAI,CAAA,CAC/B;AAEb;AAED,IAAA,QACID,sBAAA,CAAA,aAAA,CAACE,6BAAI,EAAA,EACD,IAAI,EAAE,QAAQ,EACd,UAAU,EAAEC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,aAAa,CAAC,EAClF,SAAS,EAAEC,mBAAE,CAACH,YAAM,CAAC,SAAS,CAAC,EAC/B,KAAK,EAAE,KAAK,EAAA;AAEZ,QAAAD,sBAAA,CAAA,aAAA,CAACK,2BAAU,EACPC,cAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,EACzC,UAAU,EAAEH,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EACzE,SAAS,CACf,CAAA,CACC;AAEf;;;;"}
package/components/amount/index.css CHANGED
@@ -9,16 +9,16 @@
9
9
  --gap-0: 0px;
10
10
  --gap-2: var(--gap-3xs);
11
11
  --gap-8: var(--gap-xs);
12
- } .pure-cell__component_10pne {
12
+ } .pure-cell__component_10m75 {
13
13
  padding: var(--gap-2) var(--gap-0);
14
14
  display: flex;
15
- } .pure-cell__hidden_10pne {
15
+ } .pure-cell__hidden_10m75 {
16
16
  background: var(--color-light-neutral-translucent-400);
17
17
  border-radius: var(--border-radius-8);
18
18
  display: inline-block;
19
19
  height: 24px;
20
20
  width: 120px;
21
- } .pure-cell__hiddenWrapper_10pne {
21
+ } .pure-cell__hiddenWrapper_10m75 {
22
22
  display: flex;
23
23
  padding: var(--gap-8) var(--gap-0);
24
24
  }
package/components/amount/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_10pne","hidden":"pure-cell__hidden_10pne","hiddenWrapper":"pure-cell__hiddenWrapper_10pne"};
5
+ var styles = {"component":"pure-cell__component_10m75","hidden":"pure-cell__hidden_10m75","hiddenWrapper":"pure-cell__hiddenWrapper_10m75"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/amount/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/amount/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n padding: var(--gap-2) var(--gap-0);\n display: flex;\n}\n\n.hidden {\n background: var(--color-light-neutral-translucent-400);\n border-radius: var(--border-radius-8);\n display: inline-block;\n height: 24px;\n width: 120px;\n}\n\n.hiddenWrapper {\n display: flex;\n padding: var(--gap-8) var(--gap-0);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,eAAe,CAAC,gCAAgC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/amount/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n padding: var(--gap-2) var(--gap-0);\n display: flex;\n}\n\n.hidden {\n background: var(--color-light-neutral-translucent-400);\n border-radius: var(--border-radius-8);\n display: inline-block;\n height: 24px;\n width: 120px;\n}\n\n.hiddenWrapper {\n display: flex;\n padding: var(--gap-8) var(--gap-0);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,eAAe,CAAC,gCAAgC,CAAC;;;;"}
package/components/amount-title/component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { type Color, type TitleProps } from '@alfalab/core-components-typography';
3
- import { AmountProps as AmountType } from '../typesProps';
3
+ import { type AmountProps as AmountType } from '../typesProps';
4
4
  declare type Props = {
5
5
  /**
6
6
  * Цвет денежного значения
package/components/amount-title/component.js CHANGED
@@ -8,7 +8,7 @@ var cn = require('classnames');
8
8
  var coreComponentsAmount = require('@alfalab/core-components-amount');
9
9
  var coreComponentsShared = require('@alfalab/core-components-shared');
10
10
  var coreComponentsTypography = require('@alfalab/core-components-typography');
11
- var component = require('../../component.js');
11
+ var context = require('../../context.js');
12
12
  var index_module = require('./index.module.css.js');
13
13
 
14
14
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -18,7 +18,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
18
 
19
19
  var AmountTitle = function (_a) {
20
20
  var minority = _a.minority, _b = _a.minorUnits, minorUnits = _b === void 0 ? 100 : _b, hidden = _a.hidden, className = _a.className, _c = _a.color, color = _c === void 0 ? 'primary' : _c, dataTestId = _a.dataTestId, _d = _a.titleProps, titlePropsFromProps = _d === void 0 ? {} : _d, restProps = tslib.__rest(_a, ["minority", "minorUnits", "hidden", "className", "color", "dataTestId", "titleProps"]);
21
- var pureCellContext = React.useContext(component.PureCellContext);
21
+ var pureCellContext = React.useContext(context.PureCellContext);
22
22
  var titleProps = tslib.__assign({ tag: 'h4', view: 'small', color: color }, titlePropsFromProps);
23
23
  if (hidden) {
24
24
  return (React__default.default.createElement("div", { className: cn__default.default(index_module.hiddenWrapper, index_module["hiddenWrapper-".concat(titleProps.view)]) },
package/components/amount-title/component.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["../../src/components/amount-title/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, type TitleProps, TitleResponsive } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../component';\nimport { AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Цвет денежного значения\n * @deprecated Используйте titleProps.color\n */\n color?: Color;\n\n /**\n * Пропсы, которые будут прокинуты в компонент типографики\n */\n titleProps?: TitleProps;\n\n /**\n * Скрыть денежное значение\n */\n hidden?: boolean;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title\n */\n dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const AmountTitle: React.FC<Props> = ({\n minority,\n minorUnits = 100,\n hidden,\n className,\n color = 'primary',\n dataTestId,\n titleProps: titlePropsFromProps = {},\n ...restProps\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n const titleProps = {\n tag: 'h4',\n view: 'small',\n color,\n ...titlePropsFromProps,\n } as Omit<TitleProps, 'className' | 'dataTestId'>;\n\n if (hidden) {\n return (\n <div className={cn(styles.hiddenWrapper, styles[`hiddenWrapper-${titleProps.view}`])}>\n <div className={cn(styles.hidden, styles[`hidden-${titleProps.view}`])} />\n </div>\n );\n }\n\n return (\n <TitleResponsive\n {...titleProps}\n dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title')}\n className={cn(styles.component, titlePropsFromProps?.className)}\n >\n <CoreAmount\n minority={minority || minorUnits}\n className={cn(styles.weight, className)}\n dataTestId={getDataTestId(\n dataTestId || pureCellContext.dataTestId,\n 'core-amount-title',\n )}\n {...restProps}\n bold='none'\n />\n </TitleResponsive>\n );\n};\n"],"names":["__rest","useContext","PureCellContext","__assign","React","cn","styles","TitleResponsive","getDataTestId","CoreAmount"],"mappings":";;;;;;;;;;;;;;;;;;AAoCO,IAAM,WAAW,GAAoB,UAAC,EAS5C,EAAA;AARG,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,UAAA,EAAhB,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,GAAA,EAAA,EAChB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAiB,GAAA,EAAA,CAAA,KAAA,EAAjB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACjB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,EAAoC,GAAA,EAAA,CAAA,UAAA,EAAxB,mBAAmB,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACjC,SAAS,GAAAA,YAAA,CAAA,EAAA,EAR6B,sFAS5C,CADe;AAEZ,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,yBAAe,CAAC;AAEnD,IAAA,IAAM,UAAU,GAAGC,cAAA,CAAA,EACf,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,OAAO,EACb,KAAK,EAAA,KAAA,EACF,EAAA,mBAAmB,CACuB;AAEjD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,aAAa,EAAEA,YAAM,CAAC,gBAAiB,CAAA,MAAA,CAAA,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,EAAA;YAChFF,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAEA,YAAM,CAAC,iBAAU,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,EAAI,CAAA,CACxE;AAEb;AAED,IAAA,QACIF,sBAAA,CAAA,aAAA,CAACG,wCAAe,EAAAJ,cAAA,CAAA,EAAA,EACR,UAAU,EACd,EAAA,UAAU,EAAEK,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,EACnF,SAAS,EAAEH,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,mBAAmB,aAAnB,mBAAmB,KAAA,MAAA,GAAA,MAAA,GAAnB,mBAAmB,CAAE,SAAS,CAAC,EAAA,CAAA;AAE/D,QAAAF,sBAAA,CAAA,aAAA,CAACK,2BAAU,EACPN,cAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,SAAS,EAAEE,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EACvC,UAAU,EAAEE,kCAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,mBAAmB,CACtB,EACG,EAAA,SAAS,IACb,IAAI,EAAC,MAAM,EACb,CAAA,CAAA,CACY;AAE1B;;;;"}
1
+ {"version":3,"file":"component.js","sources":["../../src/components/amount-title/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, type TitleProps, TitleResponsive } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\nimport { type AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Цвет денежного значения\n * @deprecated Используйте titleProps.color\n */\n color?: Color;\n\n /**\n * Пропсы, которые будут прокинуты в компонент типографики\n */\n titleProps?: TitleProps;\n\n /**\n * Скрыть денежное значение\n */\n hidden?: boolean;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title\n */\n dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const AmountTitle: React.FC<Props> = ({\n minority,\n minorUnits = 100,\n hidden,\n className,\n color = 'primary',\n dataTestId,\n titleProps: titlePropsFromProps = {},\n ...restProps\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n const titleProps = {\n tag: 'h4',\n view: 'small',\n color,\n ...titlePropsFromProps,\n } as Omit<TitleProps, 'className' | 'dataTestId'>;\n\n if (hidden) {\n return (\n <div className={cn(styles.hiddenWrapper, styles[`hiddenWrapper-${titleProps.view}`])}>\n <div className={cn(styles.hidden, styles[`hidden-${titleProps.view}`])} />\n </div>\n );\n }\n\n return (\n <TitleResponsive\n {...titleProps}\n dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title')}\n className={cn(styles.component, titlePropsFromProps?.className)}\n >\n <CoreAmount\n minority={minority || minorUnits}\n className={cn(styles.weight, className)}\n dataTestId={getDataTestId(\n dataTestId || pureCellContext.dataTestId,\n 'core-amount-title',\n )}\n {...restProps}\n bold='none'\n />\n </TitleResponsive>\n );\n};\n"],"names":["__rest","useContext","PureCellContext","__assign","React","cn","styles","TitleResponsive","getDataTestId","CoreAmount"],"mappings":";;;;;;;;;;;;;;;;;;AAoCO,IAAM,WAAW,GAAoB,UAAC,EAS5C,EAAA;AARG,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,UAAA,EAAhB,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,GAAA,EAAA,EAChB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAiB,GAAA,EAAA,CAAA,KAAA,EAAjB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACjB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,EAAoC,GAAA,EAAA,CAAA,UAAA,EAAxB,mBAAmB,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACjC,SAAS,GAAAA,YAAA,CAAA,EAAA,EAR6B,sFAS5C,CADe;AAEZ,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,IAAM,UAAU,GAAGC,cAAA,CAAA,EACf,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,OAAO,EACb,KAAK,EAAA,KAAA,EACF,EAAA,mBAAmB,CACuB;AAEjD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,aAAa,EAAEA,YAAM,CAAC,gBAAiB,CAAA,MAAA,CAAA,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,EAAA;YAChFF,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAEA,YAAM,CAAC,iBAAU,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,EAAI,CAAA,CACxE;AAEb;AAED,IAAA,QACIF,sBAAA,CAAA,aAAA,CAACG,wCAAe,EAAAJ,cAAA,CAAA,EAAA,EACR,UAAU,EACd,EAAA,UAAU,EAAEK,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,EACnF,SAAS,EAAEH,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,mBAAmB,aAAnB,mBAAmB,KAAA,MAAA,GAAA,MAAA,GAAnB,mBAAmB,CAAE,SAAS,CAAC,EAAA,CAAA;AAE/D,QAAAF,sBAAA,CAAA,aAAA,CAACK,2BAAU,EACPN,cAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,SAAS,EAAEE,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EACvC,UAAU,EAAEE,kCAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,mBAAmB,CACtB,EACG,EAAA,SAAS,IACb,IAAI,EAAC,MAAM,EACb,CAAA,CAAA,CACY;AAE1B;;;;"}
package/components/amount-title/index.css CHANGED
@@ -13,39 +13,39 @@
13
13
  --gap-8: var(--gap-xs);
14
14
  --gap-12: var(--gap-s);
15
15
  --gap-16: var(--gap-m);
16
- } .pure-cell__component_w7jlm {
16
+ } .pure-cell__component_1ro8s {
17
17
  display: flex;
18
- } .pure-cell__weight_w7jlm {
18
+ } .pure-cell__weight_1ro8s {
19
19
  font-weight: inherit;
20
- } .pure-cell__hidden_w7jlm {
20
+ } .pure-cell__hidden_1ro8s {
21
21
  background: var(--color-light-neutral-translucent-400);
22
22
  border-radius: var(--border-radius-8);
23
23
  display: inline-block;
24
- } .pure-cell__hidden-xsmall_w7jlm {
24
+ } .pure-cell__hidden-xsmall_1ro8s {
25
25
  height: 16px;
26
26
  width: 88px;
27
- } .pure-cell__hidden-small_w7jlm {
27
+ } .pure-cell__hidden-small_1ro8s {
28
28
  height: 18px;
29
29
  width: 100px;
30
- } .pure-cell__hidden-medium_w7jlm {
30
+ } .pure-cell__hidden-medium_1ro8s {
31
31
  height: 24px;
32
32
  width: 120px;
33
- } .pure-cell__hidden-large_w7jlm {
33
+ } .pure-cell__hidden-large_1ro8s {
34
34
  height: 28px;
35
35
  width: 136px;
36
- } .pure-cell__hidden-xlarge_w7jlm {
36
+ } .pure-cell__hidden-xlarge_1ro8s {
37
37
  height: 32px;
38
38
  width: 156px;
39
- } .pure-cell__hiddenWrapper_w7jlm {
39
+ } .pure-cell__hiddenWrapper_1ro8s {
40
40
  display: flex;
41
- } .pure-cell__hiddenWrapper-xsmall_w7jlm {
41
+ } .pure-cell__hiddenWrapper-xsmall_1ro8s {
42
42
  padding: var(--gap-4) var(--gap-0);
43
- } .pure-cell__hiddenWrapper-small_w7jlm {
43
+ } .pure-cell__hiddenWrapper-small_1ro8s {
44
44
  padding: var(--gap-8) var(--gap-0);
45
- } .pure-cell__hiddenWrapper-medium_w7jlm {
45
+ } .pure-cell__hiddenWrapper-medium_1ro8s {
46
46
  padding: var(--gap-8) var(--gap-0);
47
- } .pure-cell__hiddenWrapper-large_w7jlm {
47
+ } .pure-cell__hiddenWrapper-large_1ro8s {
48
48
  padding: var(--gap-12) var(--gap-0);
49
- } .pure-cell__hiddenWrapper-xlarge_w7jlm {
49
+ } .pure-cell__hiddenWrapper-xlarge_1ro8s {
50
50
  padding: var(--gap-16) var(--gap-0);
51
51
  }
package/components/amount-title/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_w7jlm","weight":"pure-cell__weight_w7jlm","hidden":"pure-cell__hidden_w7jlm","hidden-xsmall":"pure-cell__hidden-xsmall_w7jlm","hidden-small":"pure-cell__hidden-small_w7jlm","hidden-medium":"pure-cell__hidden-medium_w7jlm","hidden-large":"pure-cell__hidden-large_w7jlm","hidden-xlarge":"pure-cell__hidden-xlarge_w7jlm","hiddenWrapper":"pure-cell__hiddenWrapper_w7jlm","hiddenWrapper-xsmall":"pure-cell__hiddenWrapper-xsmall_w7jlm","hiddenWrapper-small":"pure-cell__hiddenWrapper-small_w7jlm","hiddenWrapper-medium":"pure-cell__hiddenWrapper-medium_w7jlm","hiddenWrapper-large":"pure-cell__hiddenWrapper-large_w7jlm","hiddenWrapper-xlarge":"pure-cell__hiddenWrapper-xlarge_w7jlm"};
5
+ var styles = {"component":"pure-cell__component_1ro8s","weight":"pure-cell__weight_1ro8s","hidden":"pure-cell__hidden_1ro8s","hidden-xsmall":"pure-cell__hidden-xsmall_1ro8s","hidden-small":"pure-cell__hidden-small_1ro8s","hidden-medium":"pure-cell__hidden-medium_1ro8s","hidden-large":"pure-cell__hidden-large_1ro8s","hidden-xlarge":"pure-cell__hidden-xlarge_1ro8s","hiddenWrapper":"pure-cell__hiddenWrapper_1ro8s","hiddenWrapper-xsmall":"pure-cell__hiddenWrapper-xsmall_1ro8s","hiddenWrapper-small":"pure-cell__hiddenWrapper-small_1ro8s","hiddenWrapper-medium":"pure-cell__hiddenWrapper-medium_1ro8s","hiddenWrapper-large":"pure-cell__hiddenWrapper-large_1ro8s","hiddenWrapper-xlarge":"pure-cell__hiddenWrapper-xlarge_1ro8s"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/amount-title/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/amount-title/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n display: flex;\n}\n\n.weight {\n font-weight: inherit;\n}\n\n.hidden {\n background: var(--color-light-neutral-translucent-400);\n border-radius: var(--border-radius-8);\n display: inline-block;\n}\n\n.hidden-xsmall {\n height: 16px;\n width: 88px;\n}\n.hidden-small {\n height: 18px;\n width: 100px;\n}\n.hidden-medium {\n height: 24px;\n width: 120px;\n}\n.hidden-large {\n height: 28px;\n width: 136px;\n}\n.hidden-xlarge {\n height: 32px;\n width: 156px;\n}\n.hiddenWrapper {\n display: flex;\n}\n.hiddenWrapper-xsmall {\n padding: var(--gap-4) var(--gap-0);\n}\n.hiddenWrapper-small {\n padding: var(--gap-8) var(--gap-0);\n}\n.hiddenWrapper-medium {\n padding: var(--gap-8) var(--gap-0);\n}\n.hiddenWrapper-large {\n padding: var(--gap-12) var(--gap-0);\n}\n.hiddenWrapper-xlarge {\n padding: var(--gap-16) var(--gap-0);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,QAAQ,CAAC,yBAAyB,CAAC,eAAe,CAAC,gCAAgC,CAAC,cAAc,CAAC,+BAA+B,CAAC,eAAe,CAAC,gCAAgC,CAAC,cAAc,CAAC,+BAA+B,CAAC,eAAe,CAAC,gCAAgC,CAAC,eAAe,CAAC,gCAAgC,CAAC,sBAAsB,CAAC,uCAAuC,CAAC,qBAAqB,CAAC,sCAAsC,CAAC,sBAAsB,CAAC,uCAAuC,CAAC,qBAAqB,CAAC,sCAAsC,CAAC,sBAAsB,CAAC,uCAAuC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/amount-title/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n display: flex;\n}\n\n.weight {\n font-weight: inherit;\n}\n\n.hidden {\n background: var(--color-light-neutral-translucent-400);\n border-radius: var(--border-radius-8);\n display: inline-block;\n}\n\n.hidden-xsmall {\n height: 16px;\n width: 88px;\n}\n.hidden-small {\n height: 18px;\n width: 100px;\n}\n.hidden-medium {\n height: 24px;\n width: 120px;\n}\n.hidden-large {\n height: 28px;\n width: 136px;\n}\n.hidden-xlarge {\n height: 32px;\n width: 156px;\n}\n.hiddenWrapper {\n display: flex;\n}\n.hiddenWrapper-xsmall {\n padding: var(--gap-4) var(--gap-0);\n}\n.hiddenWrapper-small {\n padding: var(--gap-8) var(--gap-0);\n}\n.hiddenWrapper-medium {\n padding: var(--gap-8) var(--gap-0);\n}\n.hiddenWrapper-large {\n padding: var(--gap-12) var(--gap-0);\n}\n.hiddenWrapper-xlarge {\n padding: var(--gap-16) var(--gap-0);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,QAAQ,CAAC,yBAAyB,CAAC,eAAe,CAAC,gCAAgC,CAAC,cAAc,CAAC,+BAA+B,CAAC,eAAe,CAAC,gCAAgC,CAAC,cAAc,CAAC,+BAA+B,CAAC,eAAe,CAAC,gCAAgC,CAAC,eAAe,CAAC,gCAAgC,CAAC,sBAAsB,CAAC,uCAAuC,CAAC,qBAAqB,CAAC,sCAAsC,CAAC,sBAAsB,CAAC,uCAAuC,CAAC,qBAAqB,CAAC,sCAAsC,CAAC,sBAAsB,CAAC,uCAAuC,CAAC;;;;"}
package/components/category/component.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React, { ReactNode } from 'react';
1
+ import React, { type ReactNode } from 'react';
2
2
  declare type Props = {
3
3
  /**
4
4
  * Наименование категории
package/components/category/component.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var coreComponentsShared = require('@alfalab/core-components-shared');
7
7
  var coreComponentsTypography = require('@alfalab/core-components-typography');
8
- var component = require('../../component.js');
8
+ var context = require('../../context.js');
9
9
  var index_module = require('./index.module.css.js');
10
10
 
11
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
 
15
15
  var Category = function (_a) {
16
16
  var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId;
17
- var pureCellContext = React.useContext(component.PureCellContext);
17
+ var pureCellContext = React.useContext(context.PureCellContext);
18
18
  return (React__default.default.createElement("div", { className: index_module.component, "data-test-id": 'cell-pure-category' },
19
19
  React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-small', color: 'secondary', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: index_module.categoryName }, categoryName),
20
20
  categoryPercent !== undefined && (React__default.default.createElement(coreComponentsTypography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: index_module.categoryPercent, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
package/components/category/component.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["../../src/components/category/component.tsx"],"sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../component';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Наименование категории\n */\n categoryName: string;\n\n /**\n * Процент категории\n */\n categoryPercent?: number;\n\n /**\n * Слот справа\n */\n rightAddons?: ReactNode;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Для наименования категории используется модификатор -category-name,\n * процент категории -category-percent, слота справа -category-right-addon\n */\n dataTestId?: string;\n};\n\nexport const Category: React.FC<Props> = ({\n categoryName,\n categoryPercent,\n rightAddons,\n dataTestId,\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n return (\n <div className={styles.component} data-test-id='cell-pure-category'>\n <Text\n view='primary-small'\n color='secondary'\n dataTestId={getDataTestId(\n dataTestId || pureCellContext.dataTestId,\n 'category-name',\n )}\n className={styles.categoryName}\n >\n {categoryName}\n </Text>\n {categoryPercent !== undefined && (\n <Text\n tag='div'\n view='primary-small'\n color='secondary'\n className={styles.categoryPercent}\n dataTestId={getDataTestId(\n dataTestId || pureCellContext.dataTestId,\n 'category-percent',\n )}\n >\n {categoryPercent}%\n </Text>\n )}\n {rightAddons !== undefined && (\n <div\n className={styles.rightAddon}\n data-test-id={getDataTestId(\n dataTestId || pureCellContext.dataTestId,\n 'category-right-addon',\n )}\n >\n {rightAddons}\n </div>\n )}\n </div>\n );\n};\n"],"names":["useContext","PureCellContext","React","styles","Text","getDataTestId"],"mappings":";;;;;;;;;;;;;;AAiCO,IAAM,QAAQ,GAAoB,UAAC,EAKzC,EAAA;QAJG,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA;AAEV,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,yBAAe,CAAC;IAEnD,QACIC,8CAAK,SAAS,EAAEC,YAAM,CAAC,SAAS,kBAAe,oBAAoB,EAAA;AAC/D,QAAAD,sBAAA,CAAA,aAAA,CAACE,6BAAI,EAAA,EACD,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EACjB,UAAU,EAAEC,kCAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,eAAe,CAClB,EACD,SAAS,EAAEF,YAAM,CAAC,YAAY,EAAA,EAE7B,YAAY,CACV;AACN,QAAA,eAAe,KAAK,SAAS,KAC1BD,sBAAA,CAAA,aAAA,CAACE,6BAAI,EACD,EAAA,GAAG,EAAC,KAAK,EACT,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAED,YAAM,CAAC,eAAe,EACjC,UAAU,EAAEE,kCAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,kBAAkB,CACrB,EAAA;YAEA,eAAe;gBACb,CACV;QACA,WAAW,KAAK,SAAS,KACtBH,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEC,YAAM,CAAC,UAAU,EAAA,cAAA,EACdE,kCAAa,CACvB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,sBAAsB,CACzB,EAEA,EAAA,WAAW,CACV,CACT,CACC;AAEd;;;;"}
1
+ {"version":3,"file":"component.js","sources":["../../src/components/category/component.tsx"],"sourcesContent":["import React, { type ReactNode, useContext } from 'react';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Наименование категории\n */\n categoryName: string;\n\n /**\n * Процент категории\n */\n categoryPercent?: number;\n\n /**\n * Слот справа\n */\n rightAddons?: ReactNode;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Для наименования категории используется модификатор -category-name,\n * процент категории -category-percent, слота справа -category-right-addon\n */\n dataTestId?: string;\n};\n\nexport const Category: React.FC<Props> = ({\n categoryName,\n categoryPercent,\n rightAddons,\n dataTestId,\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n return (\n <div className={styles.component} data-test-id='cell-pure-category'>\n <Text\n view='primary-small'\n color='secondary'\n dataTestId={getDataTestId(\n dataTestId || pureCellContext.dataTestId,\n 'category-name',\n )}\n className={styles.categoryName}\n >\n {categoryName}\n </Text>\n {categoryPercent !== undefined && (\n <Text\n tag='div'\n view='primary-small'\n color='secondary'\n className={styles.categoryPercent}\n dataTestId={getDataTestId(\n dataTestId || pureCellContext.dataTestId,\n 'category-percent',\n )}\n >\n {categoryPercent}%\n </Text>\n )}\n {rightAddons !== undefined && (\n <div\n className={styles.rightAddon}\n data-test-id={getDataTestId(\n dataTestId || pureCellContext.dataTestId,\n 'category-right-addon',\n )}\n >\n {rightAddons}\n </div>\n )}\n </div>\n );\n};\n"],"names":["useContext","PureCellContext","React","styles","Text","getDataTestId"],"mappings":";;;;;;;;;;;;;;AAiCO,IAAM,QAAQ,GAAoB,UAAC,EAKzC,EAAA;QAJG,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA;AAEV,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,uBAAe,CAAC;IAEnD,QACIC,8CAAK,SAAS,EAAEC,YAAM,CAAC,SAAS,kBAAe,oBAAoB,EAAA;AAC/D,QAAAD,sBAAA,CAAA,aAAA,CAACE,6BAAI,EAAA,EACD,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EACjB,UAAU,EAAEC,kCAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,eAAe,CAClB,EACD,SAAS,EAAEF,YAAM,CAAC,YAAY,EAAA,EAE7B,YAAY,CACV;AACN,QAAA,eAAe,KAAK,SAAS,KAC1BD,sBAAA,CAAA,aAAA,CAACE,6BAAI,EACD,EAAA,GAAG,EAAC,KAAK,EACT,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAED,YAAM,CAAC,eAAe,EACjC,UAAU,EAAEE,kCAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,kBAAkB,CACrB,EAAA;YAEA,eAAe;gBACb,CACV;QACA,WAAW,KAAK,SAAS,KACtBH,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEC,YAAM,CAAC,UAAU,EAAA,cAAA,EACdE,kCAAa,CACvB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,sBAAsB,CACzB,EAEA,EAAA,WAAW,CACV,CACT,CACC;AAEd;;;;"}
package/components/category/index.css CHANGED
@@ -11,21 +11,21 @@
11
11
  --gap-2: var(--gap-3xs);
12
12
  --gap-4: var(--gap-2xs);
13
13
  --gap-8: var(--gap-xs);
14
- } .pure-cell__component_1sv4b {
14
+ } .pure-cell__component_17c7t {
15
15
  display: flex;
16
16
  overflow: hidden;
17
17
  padding: var(--gap-2) var(--gap-0);
18
- } .pure-cell__categoryName_1sv4b {
18
+ } .pure-cell__categoryName_17c7t {
19
19
  display: -webkit-box;
20
20
  -webkit-line-clamp: 1;
21
21
  -webkit-box-orient: vertical;
22
22
  overflow: hidden;
23
23
  word-break: break-all;
24
- } .pure-cell__categoryPercent_1sv4b {
24
+ } .pure-cell__categoryPercent_17c7t {
25
25
  padding: var(--gap-0) var(--gap-8);
26
26
  background-color: var(--color-light-base-bg-secondary);
27
27
  border-radius: var(--border-radius-16);
28
28
  margin-left: var(--gap-4);
29
- } .pure-cell__rightAddon_1sv4b {
29
+ } .pure-cell__rightAddon_17c7t {
30
30
  margin-left: var(--gap-4);
31
31
  }