@alfalab/core-components-pure-cell 4.13.6 → 4.14.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 (232) hide show
  1. package/{component-d977c34d.js → component-4ddb1c01.js} +15 -12
  2. package/{component-8c83a9ca.d.ts → component-fb05ccb7.d.ts} +14 -1
  3. package/component.js +18 -2
  4. package/components/addon/component.js +1 -1
  5. package/components/addon/index.css +13 -13
  6. package/components/addon/index.d.ts +1 -1
  7. package/components/addon/index.js +1 -1
  8. package/components/amount/component.js +1 -1
  9. package/components/amount/index.css +4 -4
  10. package/components/amount/index.d.ts +1 -1
  11. package/components/amount/index.js +1 -1
  12. package/components/amount-title/component.js +1 -1
  13. package/components/amount-title/index.css +15 -15
  14. package/components/amount-title/index.d.ts +1 -1
  15. package/components/amount-title/index.js +1 -1
  16. package/components/category/component.js +1 -1
  17. package/components/category/index.css +5 -5
  18. package/components/category/index.d.ts +1 -1
  19. package/components/category/index.js +1 -1
  20. package/components/content/component.js +1 -1
  21. package/components/content/index.css +3 -3
  22. package/components/content/index.d.ts +1 -1
  23. package/components/content/index.js +1 -1
  24. package/components/footer/component.js +1 -1
  25. package/components/footer/index.css +4 -4
  26. package/components/footer/index.d.ts +1 -1
  27. package/components/footer/index.js +1 -1
  28. package/components/footer-button/component.js +1 -1
  29. package/components/footer-button/index.css +2 -2
  30. package/components/footer-button/index.d.ts +1 -1
  31. package/components/footer-button/index.js +1 -1
  32. package/components/footer-text/component.js +1 -1
  33. package/components/footer-text/index.d.ts +1 -1
  34. package/components/footer-text/index.js +1 -1
  35. package/components/graphics/component.js +1 -1
  36. package/components/graphics/index.css +18 -18
  37. package/components/graphics/index.d.ts +1 -1
  38. package/components/graphics/index.js +1 -1
  39. package/components/main/component.js +1 -1
  40. package/components/main/index.css +7 -7
  41. package/components/main/index.d.ts +1 -1
  42. package/components/main/index.js +1 -1
  43. package/components/text/component.js +1 -1
  44. package/components/text/index.css +7 -7
  45. package/components/text/index.d.ts +1 -1
  46. package/components/text/index.js +1 -1
  47. package/cssm/{component-24c65922.js → component-195fb685.js} +4 -1
  48. package/{esm/component-8c83a9ca.d.ts → cssm/component-fb05ccb7.d.ts} +14 -1
  49. package/cssm/component.js +18 -2
  50. package/cssm/components/addon/component.js +1 -1
  51. package/cssm/components/addon/index.d.ts +1 -1
  52. package/cssm/components/addon/index.js +1 -1
  53. package/cssm/components/amount/component.js +1 -1
  54. package/cssm/components/amount/index.d.ts +1 -1
  55. package/cssm/components/amount/index.js +1 -1
  56. package/cssm/components/amount-title/component.js +1 -1
  57. package/cssm/components/amount-title/index.d.ts +1 -1
  58. package/cssm/components/amount-title/index.js +1 -1
  59. package/cssm/components/category/component.js +1 -1
  60. package/cssm/components/category/index.d.ts +1 -1
  61. package/cssm/components/category/index.js +1 -1
  62. package/cssm/components/content/component.js +1 -1
  63. package/cssm/components/content/index.d.ts +1 -1
  64. package/cssm/components/content/index.js +1 -1
  65. package/cssm/components/footer/component.js +1 -1
  66. package/cssm/components/footer/index.d.ts +1 -1
  67. package/cssm/components/footer/index.js +1 -1
  68. package/cssm/components/footer-button/component.js +1 -1
  69. package/cssm/components/footer-button/index.d.ts +1 -1
  70. package/cssm/components/footer-button/index.js +1 -1
  71. package/cssm/components/footer-text/component.js +1 -1
  72. package/cssm/components/footer-text/index.d.ts +1 -1
  73. package/cssm/components/footer-text/index.js +1 -1
  74. package/cssm/components/graphics/component.js +1 -1
  75. package/cssm/components/graphics/index.d.ts +1 -1
  76. package/cssm/components/graphics/index.js +1 -1
  77. package/cssm/components/main/component.js +1 -1
  78. package/cssm/components/main/index.d.ts +1 -1
  79. package/cssm/components/main/index.js +1 -1
  80. package/cssm/components/text/component.js +1 -1
  81. package/cssm/components/text/index.d.ts +1 -1
  82. package/cssm/components/text/index.js +1 -1
  83. package/cssm/index.d.ts +2 -2
  84. package/cssm/index.js +18 -1
  85. package/esm/{component-63b6ba1a.js → component-820518e9.js} +14 -13
  86. package/{cssm/component-8c83a9ca.d.ts → esm/component-fb05ccb7.d.ts} +14 -1
  87. package/esm/component.js +2 -2
  88. package/esm/components/addon/component.js +1 -1
  89. package/esm/components/addon/index.css +13 -13
  90. package/esm/components/addon/index.d.ts +1 -1
  91. package/esm/components/addon/index.js +1 -1
  92. package/esm/components/amount/component.js +1 -1
  93. package/esm/components/amount/index.css +4 -4
  94. package/esm/components/amount/index.d.ts +1 -1
  95. package/esm/components/amount/index.js +1 -1
  96. package/esm/components/amount-title/component.js +1 -1
  97. package/esm/components/amount-title/index.css +15 -15
  98. package/esm/components/amount-title/index.d.ts +1 -1
  99. package/esm/components/amount-title/index.js +1 -1
  100. package/esm/components/category/component.js +1 -1
  101. package/esm/components/category/index.css +5 -5
  102. package/esm/components/category/index.d.ts +1 -1
  103. package/esm/components/category/index.js +1 -1
  104. package/esm/components/content/component.js +1 -1
  105. package/esm/components/content/index.css +3 -3
  106. package/esm/components/content/index.d.ts +1 -1
  107. package/esm/components/content/index.js +1 -1
  108. package/esm/components/footer/component.js +1 -1
  109. package/esm/components/footer/index.css +4 -4
  110. package/esm/components/footer/index.d.ts +1 -1
  111. package/esm/components/footer/index.js +1 -1
  112. package/esm/components/footer-button/component.js +1 -1
  113. package/esm/components/footer-button/index.css +2 -2
  114. package/esm/components/footer-button/index.d.ts +1 -1
  115. package/esm/components/footer-button/index.js +1 -1
  116. package/esm/components/footer-text/component.js +1 -1
  117. package/esm/components/footer-text/index.d.ts +1 -1
  118. package/esm/components/footer-text/index.js +1 -1
  119. package/esm/components/graphics/component.js +1 -1
  120. package/esm/components/graphics/index.css +18 -18
  121. package/esm/components/graphics/index.d.ts +1 -1
  122. package/esm/components/graphics/index.js +1 -1
  123. package/esm/components/main/component.js +1 -1
  124. package/esm/components/main/index.css +7 -7
  125. package/esm/components/main/index.d.ts +1 -1
  126. package/esm/components/main/index.js +1 -1
  127. package/esm/components/text/component.js +1 -1
  128. package/esm/components/text/index.css +7 -7
  129. package/esm/components/text/index.d.ts +1 -1
  130. package/esm/components/text/index.js +1 -1
  131. package/esm/index.css +29 -29
  132. package/esm/index.d.ts +2 -2
  133. package/esm/index.js +2 -1
  134. package/index.css +29 -29
  135. package/index.d.ts +2 -2
  136. package/index.js +18 -1
  137. package/modern/{component-08a2ef45.js → component-644d2c3d.js} +14 -13
  138. package/modern/{component-8c83a9ca.d.ts → component-fb05ccb7.d.ts} +14 -1
  139. package/modern/component.js +2 -2
  140. package/modern/components/addon/component.js +1 -1
  141. package/modern/components/addon/index.css +13 -13
  142. package/modern/components/addon/index.d.ts +1 -1
  143. package/modern/components/addon/index.js +1 -1
  144. package/modern/components/amount/component.js +1 -1
  145. package/modern/components/amount/index.css +4 -4
  146. package/modern/components/amount/index.d.ts +1 -1
  147. package/modern/components/amount/index.js +1 -1
  148. package/modern/components/amount-title/component.js +1 -1
  149. package/modern/components/amount-title/index.css +15 -15
  150. package/modern/components/amount-title/index.d.ts +1 -1
  151. package/modern/components/amount-title/index.js +1 -1
  152. package/modern/components/category/component.js +1 -1
  153. package/modern/components/category/index.css +5 -5
  154. package/modern/components/category/index.d.ts +1 -1
  155. package/modern/components/category/index.js +1 -1
  156. package/modern/components/content/component.js +1 -1
  157. package/modern/components/content/index.css +3 -3
  158. package/modern/components/content/index.d.ts +1 -1
  159. package/modern/components/content/index.js +1 -1
  160. package/modern/components/footer/component.js +1 -1
  161. package/modern/components/footer/index.css +4 -4
  162. package/modern/components/footer/index.d.ts +1 -1
  163. package/modern/components/footer/index.js +1 -1
  164. package/modern/components/footer-button/component.js +1 -1
  165. package/modern/components/footer-button/index.css +2 -2
  166. package/modern/components/footer-button/index.d.ts +1 -1
  167. package/modern/components/footer-button/index.js +1 -1
  168. package/modern/components/footer-text/component.js +1 -1
  169. package/modern/components/footer-text/index.d.ts +1 -1
  170. package/modern/components/footer-text/index.js +1 -1
  171. package/modern/components/graphics/component.js +1 -1
  172. package/modern/components/graphics/index.css +18 -18
  173. package/modern/components/graphics/index.d.ts +1 -1
  174. package/modern/components/graphics/index.js +1 -1
  175. package/modern/components/main/component.js +1 -1
  176. package/modern/components/main/index.css +7 -7
  177. package/modern/components/main/index.d.ts +1 -1
  178. package/modern/components/main/index.js +1 -1
  179. package/modern/components/text/component.js +1 -1
  180. package/modern/components/text/index.css +7 -7
  181. package/modern/components/text/index.d.ts +1 -1
  182. package/modern/components/text/index.js +1 -1
  183. package/modern/index.css +29 -29
  184. package/modern/index.d.ts +2 -2
  185. package/modern/index.js +2 -1
  186. package/moderncssm/{component-1bce2bd3.js → component-5b5fde55.js} +3 -2
  187. package/moderncssm/component-fb05ccb7.d.ts +140 -0
  188. package/moderncssm/component.js +2 -2
  189. package/moderncssm/components/addon/component.js +1 -1
  190. package/moderncssm/components/addon/index.d.ts +1 -1
  191. package/moderncssm/components/addon/index.js +1 -1
  192. package/moderncssm/components/amount/component.js +1 -1
  193. package/moderncssm/components/amount/index.d.ts +1 -1
  194. package/moderncssm/components/amount/index.js +1 -1
  195. package/moderncssm/components/amount-title/component.js +1 -1
  196. package/moderncssm/components/amount-title/index.d.ts +1 -1
  197. package/moderncssm/components/amount-title/index.js +1 -1
  198. package/moderncssm/components/category/component.js +1 -1
  199. package/moderncssm/components/category/index.d.ts +1 -1
  200. package/moderncssm/components/category/index.js +1 -1
  201. package/moderncssm/components/content/component.js +1 -1
  202. package/moderncssm/components/content/index.d.ts +1 -1
  203. package/moderncssm/components/content/index.js +1 -1
  204. package/moderncssm/components/footer/component.js +1 -1
  205. package/moderncssm/components/footer/index.d.ts +1 -1
  206. package/moderncssm/components/footer/index.js +1 -1
  207. package/moderncssm/components/footer-button/component.js +1 -1
  208. package/moderncssm/components/footer-button/index.d.ts +1 -1
  209. package/moderncssm/components/footer-button/index.js +1 -1
  210. package/moderncssm/components/footer-text/component.js +1 -1
  211. package/moderncssm/components/footer-text/index.d.ts +1 -1
  212. package/moderncssm/components/footer-text/index.js +1 -1
  213. package/moderncssm/components/graphics/component.js +1 -1
  214. package/moderncssm/components/graphics/index.d.ts +1 -1
  215. package/moderncssm/components/graphics/index.js +1 -1
  216. package/moderncssm/components/main/component.js +1 -1
  217. package/moderncssm/components/main/index.d.ts +1 -1
  218. package/moderncssm/components/main/index.js +1 -1
  219. package/moderncssm/components/text/component.js +1 -1
  220. package/moderncssm/components/text/index.d.ts +1 -1
  221. package/moderncssm/components/text/index.js +1 -1
  222. package/moderncssm/index.d.ts +2 -2
  223. package/moderncssm/index.js +2 -1
  224. package/package.json +9 -8
  225. package/src/component.tsx +21 -2
  226. package/src/index.ts +16 -1
  227. package/moderncssm/component-8c83a9ca.d.ts +0 -127
  228. /package/{component-d977c34d.d.ts → component-4ddb1c01.d.ts} +0 -0
  229. /package/cssm/{component-24c65922.d.ts → component-195fb685.d.ts} +0 -0
  230. /package/esm/{component-63b6ba1a.d.ts → component-820518e9.d.ts} +0 -0
  231. /package/modern/{component-08a2ef45.d.ts → component-644d2c3d.d.ts} +0 -0
  232. /package/moderncssm/{component-1bce2bd3.d.ts → component-5b5fde55.d.ts} +0 -0
@@ -0,0 +1,140 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from "react";
4
+ import { ButtonProps } from "@alfalab/core-components-button";
5
+ import { Comment } from "@alfalab/core-components-comment";
6
+ import { Addon } from "./components/addon/index";
7
+ import { Amount } from "./components/amount/index";
8
+ import { AmountTitle } from "./components/amount-title/index";
9
+ import { Category } from "./components/category/index";
10
+ import { Content } from "./components/content/index";
11
+ import { Footer } from "./components/footer/index";
12
+ import { FooterButton } from "./components/footer-button/index";
13
+ import { FooterTextProps } from "./components/footer-text/index";
14
+ import { Graphics } from "./components/graphics/index";
15
+ import { Main } from "./components/main/index";
16
+ import { Text } from "./components/text/index";
17
+ import { PureCellElement } from "./components/types";
18
+ type PureCellContext = {
19
+ /** Направление */
20
+ direction?: 'horizontal' | 'vertical';
21
+ dataTestId?: string;
22
+ setMainHover?: () => void;
23
+ unsetMainHover?: () => void;
24
+ };
25
+ declare const PureCellContext: React.Context<PureCellContext>;
26
+ type BasePureCellProps = {
27
+ /**
28
+ * Направление
29
+ */
30
+ direction?: 'horizontal' | 'vertical';
31
+ /**
32
+ * Сss класс для стилизации общей обёртки
33
+ */
34
+ className?: string;
35
+ /**
36
+ * Выводит ссылку в виде ячейки
37
+ */
38
+ href?: string;
39
+ /**
40
+ * Вертикальные отступы
41
+ */
42
+ verticalPadding?: 'airy' | 'default' | 'compact' | 'tiny' | 'none' | {
43
+ /**
44
+ * Вертикальный отступ сверху
45
+ */
46
+ top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
47
+ /**
48
+ * Вертикальный отступ снизу
49
+ */
50
+ bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
51
+ };
52
+ /**
53
+ * Горизонтальные отступы
54
+ */
55
+ horizontalPadding?: 'left' | 'right' | 'both' | 'none';
56
+ /**
57
+ * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
58
+ */
59
+ tag?: ElementType;
60
+ /**
61
+ * Компоненты
62
+ */
63
+ children: PureCellElement;
64
+ /**
65
+ * Идентификатор для систем автоматизированного тестирования
66
+ */
67
+ dataTestId?: string;
68
+ };
69
+ type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
70
+ type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
71
+ type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
72
+ type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
73
+ declare const PureCellComponent: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>>;
74
+ declare const ExtraSubtitle: React.FC<FooterTextProps>;
75
+ /**
76
+ * Универсальный конструктор для сборки любой ячейки.
77
+ *
78
+ * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
79
+ */
80
+ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>> & {
81
+ Main: React.FC<{
82
+ children: import("./components/types").MainElement;
83
+ isReverse?: boolean | undefined;
84
+ className?: string | undefined;
85
+ dataTestId?: string | undefined;
86
+ onClick?: (() => void) | undefined;
87
+ }>;
88
+ Graphics: React.FC<import("./components/graphics/index").Props>;
89
+ Content: React.FC<{
90
+ children: import("./components/types").ContentElement;
91
+ dataTestId?: string | undefined;
92
+ }>;
93
+ Text: React.FC<{
94
+ children?: React.ReactNode;
95
+ rowLimit?: 1 | 2 | undefined;
96
+ view?: "component" | "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "component-primary" | undefined;
97
+ titleWeight?: "bold" | "regular" | undefined;
98
+ titleColor: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark";
99
+ value?: React.ReactNode;
100
+ valueColor?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
101
+ dataTestId?: string | undefined;
102
+ }>;
103
+ Amount: React.FC<{
104
+ weight?: "bold" | "normal" | undefined;
105
+ textView?: "component" | "primary-small" | undefined;
106
+ color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
107
+ hidden?: boolean | undefined;
108
+ dataTestId?: string | undefined;
109
+ } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
110
+ AmountTitle: React.FC<{
111
+ color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
112
+ titleProps?: import("@alfalab/core-components-typography").TitleProps | undefined;
113
+ hidden?: boolean | undefined;
114
+ dataTestId?: string | undefined;
115
+ } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
116
+ Addon: React.FC<{
117
+ verticalAlign?: "center" | "auto" | "bottom" | "top" | undefined;
118
+ addonPadding?: "none" | "default" | undefined;
119
+ children: import("./components/types").AddonElement;
120
+ dataTestId?: string | undefined;
121
+ onClick?: (() => void) | undefined;
122
+ }>;
123
+ Footer: React.FC<{
124
+ children: import("./components/types").FooterElement;
125
+ footerPadding?: "none" | "default" | undefined;
126
+ dataTestId?: string | undefined;
127
+ }>;
128
+ ExtraSubtitle: React.FC<FooterTextProps>;
129
+ FooterButton: React.ForwardRefExoticComponent<(Omit<ButtonProps, "dataTestId"> & {
130
+ dataTestId?: string | undefined;
131
+ } & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
132
+ Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
133
+ Category: React.FC<{
134
+ categoryName: string;
135
+ categoryPercent?: number | undefined;
136
+ rightAddons?: React.ReactNode;
137
+ dataTestId?: string | undefined;
138
+ }>;
139
+ };
140
+ export { PureCellContext, PureCellProps, PureCell, PureCellComponent, Main, Graphics, Content, Text, Amount, AmountTitle, Addon, Footer, ExtraSubtitle, FooterButton, Comment, Category };
@@ -1,7 +1,7 @@
1
1
  import 'react';
2
2
  import 'react-merge-refs';
3
3
  import 'classnames';
4
- import '@alfalab/core-components-comment/moderncssm';
4
+ export { Comment } from '@alfalab/core-components-comment/moderncssm';
5
5
  import '@alfalab/hooks';
6
- export { P as PureCell, f as PureCellContext } from './component-1bce2bd3.js';
6
+ export { c as Addon, A as Amount, b as AmountTitle, e as Category, C as Content, E as ExtraSubtitle, F as Footer, d as FooterButton, G as Graphics, M as Main, P as PureCell, a as PureCellComponent, g as PureCellContext, T as Text } from './component-5b5fde55.js';
7
7
  import './index.module.css';
@@ -1,5 +1,5 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/core-components-shared/moderncssm';
4
- export { A as Addon } from '../../component-1bce2bd3.js';
4
+ export { c as Addon } from '../../component-5b5fde55.js';
5
5
  import './index.module.css';
@@ -1 +1 @@
1
- export * from "../../component-1bce2bd3";
1
+ export * from "../../component-5b5fde55";
@@ -1 +1 @@
1
- export { A as Addon } from '../../component-1bce2bd3.js';
1
+ export { c as Addon } from '../../component-5b5fde55.js';
@@ -3,5 +3,5 @@ import 'classnames';
3
3
  import '@alfalab/core-components-amount/moderncssm';
4
4
  import '@alfalab/core-components-shared/moderncssm';
5
5
  import '@alfalab/core-components-typography/moderncssm';
6
- export { a as Amount } from '../../component-1bce2bd3.js';
6
+ export { A as Amount } from '../../component-5b5fde55.js';
7
7
  import './index.module.css';
@@ -1 +1 @@
1
- export * from "../../component-1bce2bd3";
1
+ export * from "../../component-5b5fde55";
@@ -1 +1 @@
1
- export { a as Amount } from '../../component-1bce2bd3.js';
1
+ export { A as Amount } from '../../component-5b5fde55.js';
@@ -3,5 +3,5 @@ import 'classnames';
3
3
  import '@alfalab/core-components-amount/moderncssm';
4
4
  import '@alfalab/core-components-shared/moderncssm';
5
5
  import '@alfalab/core-components-typography/moderncssm';
6
- export { b as AmountTitle } from '../../component-1bce2bd3.js';
6
+ export { b as AmountTitle } from '../../component-5b5fde55.js';
7
7
  import './index.module.css';
@@ -1 +1 @@
1
- export * from "../../component-1bce2bd3";
1
+ export * from "../../component-5b5fde55";
@@ -1 +1 @@
1
- export { b as AmountTitle } from '../../component-1bce2bd3.js';
1
+ export { b as AmountTitle } from '../../component-5b5fde55.js';
@@ -1,5 +1,5 @@
1
1
  import 'react';
2
2
  import '@alfalab/core-components-shared/moderncssm';
3
3
  import '@alfalab/core-components-typography/moderncssm';
4
- export { C as Category } from '../../component-1bce2bd3.js';
4
+ export { e as Category } from '../../component-5b5fde55.js';
5
5
  import './index.module.css';
@@ -1 +1 @@
1
- export * from "../../component-1bce2bd3";
1
+ export * from "../../component-5b5fde55";
@@ -1 +1 @@
1
- export { C as Category } from '../../component-1bce2bd3.js';
1
+ export { e as Category } from '../../component-5b5fde55.js';
@@ -1,5 +1,5 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/core-components-shared/moderncssm';
4
- export { c as Content } from '../../component-1bce2bd3.js';
4
+ export { C as Content } from '../../component-5b5fde55.js';
5
5
  import './index.module.css';
@@ -1 +1 @@
1
- export * from "../../component-1bce2bd3";
1
+ export * from "../../component-5b5fde55";
@@ -1 +1 @@
1
- export { c as Content } from '../../component-1bce2bd3.js';
1
+ export { C as Content } from '../../component-5b5fde55.js';
@@ -1,5 +1,5 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/core-components-shared/moderncssm';
4
- export { F as Footer } from '../../component-1bce2bd3.js';
4
+ export { F as Footer } from '../../component-5b5fde55.js';
5
5
  import './index.module.css';
@@ -1 +1 @@
1
- export * from "../../component-1bce2bd3";
1
+ export * from "../../component-5b5fde55";
@@ -1 +1 @@
1
- export { F as Footer } from '../../component-1bce2bd3.js';
1
+ export { F as Footer } from '../../component-5b5fde55.js';
@@ -1,5 +1,5 @@
1
1
  import 'react';
2
2
  import '@alfalab/core-components-button/moderncssm';
3
3
  import '@alfalab/core-components-shared/moderncssm';
4
- export { d as FooterButton } from '../../component-1bce2bd3.js';
4
+ export { d as FooterButton } from '../../component-5b5fde55.js';
5
5
  import './index.module.css';
@@ -1 +1 @@
1
- export * from "../../component-1bce2bd3";
1
+ export * from "../../component-5b5fde55";
@@ -1 +1 @@
1
- export { d as FooterButton } from '../../component-1bce2bd3.js';
1
+ export { d as FooterButton } from '../../component-5b5fde55.js';
@@ -1,4 +1,4 @@
1
1
  import 'react';
2
2
  import '@alfalab/core-components-shared/moderncssm';
3
3
  import '@alfalab/core-components-typography/moderncssm';
4
- export { e as FooterText } from '../../component-1bce2bd3.js';
4
+ export { f as FooterText } from '../../component-5b5fde55.js';
@@ -1 +1 @@
1
- export * from "../../component-1bce2bd3";
1
+ export * from "../../component-5b5fde55";
@@ -1 +1 @@
1
- export { e as FooterText } from '../../component-1bce2bd3.js';
1
+ export { f as FooterText } from '../../component-5b5fde55.js';
@@ -1,5 +1,5 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/core-components-shared/moderncssm';
4
- export { G as Graphics } from '../../component-1bce2bd3.js';
4
+ export { G as Graphics } from '../../component-5b5fde55.js';
5
5
  import './index.module.css';
@@ -1 +1 @@
1
- export * from "../../component-1bce2bd3";
1
+ export * from "../../component-5b5fde55";
@@ -1 +1 @@
1
- export { G as Graphics } from '../../component-1bce2bd3.js';
1
+ export { G as Graphics } from '../../component-5b5fde55.js';
@@ -1,5 +1,5 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/core-components-shared/moderncssm';
4
- export { M as Main } from '../../component-1bce2bd3.js';
4
+ export { M as Main } from '../../component-5b5fde55.js';
5
5
  import './index.module.css';
@@ -1 +1 @@
1
- export * from "../../component-1bce2bd3";
1
+ export * from "../../component-5b5fde55";
@@ -1 +1 @@
1
- export { M as Main } from '../../component-1bce2bd3.js';
1
+ export { M as Main } from '../../component-5b5fde55.js';
@@ -2,5 +2,5 @@ import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/core-components-shared/moderncssm';
4
4
  import '@alfalab/core-components-typography/moderncssm';
5
- export { T as Text } from '../../component-1bce2bd3.js';
5
+ export { T as Text } from '../../component-5b5fde55.js';
6
6
  import './index.module.css';
@@ -1 +1 @@
1
- export * from "../../component-1bce2bd3";
1
+ export * from "../../component-5b5fde55";
@@ -1 +1 @@
1
- export { T as Text } from '../../component-1bce2bd3.js';
1
+ export { T as Text } from '../../component-5b5fde55.js';
@@ -1,2 +1,2 @@
1
- export { PureCell } from "./component-8c83a9ca";
2
- export type { PureCellProps } from "./component-8c83a9ca";
1
+ export { PureCell, PureCellComponent, Main, Graphics, Content, Text, Amount, AmountTitle, Addon, Footer, ExtraSubtitle, FooterButton, Comment, Category } from "./component-fb05ccb7";
2
+ export type { PureCellProps } from "./component-fb05ccb7";
@@ -1 +1,2 @@
1
- export { P as PureCell } from './component-1bce2bd3.js';
1
+ export { c as Addon, A as Amount, b as AmountTitle, e as Category, C as Content, E as ExtraSubtitle, F as Footer, d as FooterButton, G as Graphics, M as Main, P as PureCell, a as PureCellComponent, T as Text } from './component-5b5fde55.js';
2
+ export { Comment } from '@alfalab/core-components-comment/moderncssm';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-pure-cell",
3
- "version": "4.13.6",
3
+ "version": "4.14.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,18 +10,19 @@
10
10
  "access": "public",
11
11
  "directory": "dist"
12
12
  },
13
+ "sideEffects": false,
13
14
  "peerDependencies": {
14
15
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
15
16
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
17
  },
17
18
  "dependencies": {
18
- "@alfalab/core-components-amount": "^3.8.2",
19
- "@alfalab/core-components-button": "^11.11.1",
20
- "@alfalab/core-components-typography": "^4.11.1",
21
- "@alfalab/core-components-comment": "^2.4.5",
22
- "@alfalab/core-components-shared": "^0.14.0",
23
- "@alfalab/hooks": "^1.13.0",
24
- "@alfalab/data": "^1.8.0",
19
+ "@alfalab/core-components-amount": "^3.9.0",
20
+ "@alfalab/core-components-button": "^11.11.2",
21
+ "@alfalab/core-components-typography": "^4.11.2",
22
+ "@alfalab/core-components-comment": "^2.4.6",
23
+ "@alfalab/core-components-shared": "^0.14.1",
24
+ "@alfalab/hooks": "^1.13.1",
25
+ "@alfalab/data": "^1.9.1",
25
26
  "classnames": "^2.5.1",
26
27
  "react-merge-refs": "1.1.0",
27
28
  "tslib": "^2.4.0"
package/src/component.tsx CHANGED
@@ -219,12 +219,14 @@ const PureCellComponent = forwardRef<HTMLElement, PureCellProps>(
219
219
  },
220
220
  );
221
221
 
222
+ const ExtraSubtitle = FooterText as React.FC<FooterTextProps>;
223
+
222
224
  /**
223
225
  * Универсальный конструктор для сборки любой ячейки.
224
226
  *
225
227
  * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
226
228
  */
227
- export const PureCell = Object.assign(PureCellComponent, {
229
+ const PureCell = Object.assign(PureCellComponent, {
228
230
  Main,
229
231
  Graphics,
230
232
  Content,
@@ -233,10 +235,27 @@ export const PureCell = Object.assign(PureCellComponent, {
233
235
  AmountTitle,
234
236
  Addon,
235
237
  Footer,
236
- ExtraSubtitle: FooterText as React.FC<FooterTextProps>,
238
+ ExtraSubtitle,
237
239
  FooterButton,
238
240
  Comment,
239
241
  Category,
240
242
  });
241
243
 
242
244
  PureCellComponent.displayName = 'PureCellComponent';
245
+
246
+ export {
247
+ PureCell,
248
+ PureCellComponent,
249
+ Main,
250
+ Graphics,
251
+ Content,
252
+ Text,
253
+ Amount,
254
+ AmountTitle,
255
+ Addon,
256
+ Footer,
257
+ ExtraSubtitle,
258
+ FooterButton,
259
+ Comment,
260
+ Category,
261
+ };
package/src/index.ts CHANGED
@@ -1,2 +1,17 @@
1
- export { PureCell } from './component';
1
+ export {
2
+ PureCell,
3
+ PureCellComponent,
4
+ Main,
5
+ Graphics,
6
+ Content,
7
+ Text,
8
+ Amount,
9
+ AmountTitle,
10
+ Addon,
11
+ Footer,
12
+ ExtraSubtitle,
13
+ FooterButton,
14
+ Comment,
15
+ Category,
16
+ } from './component';
2
17
  export type { PureCellProps } from './component';
@@ -1,127 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from "react";
4
- import { ButtonProps } from "@alfalab/core-components-button";
5
- import { FooterTextProps } from "./components/footer-text/index";
6
- import { PureCellElement } from "./components/types";
7
- type PureCellContext = {
8
- /** Направление */
9
- direction?: 'horizontal' | 'vertical';
10
- dataTestId?: string;
11
- setMainHover?: () => void;
12
- unsetMainHover?: () => void;
13
- };
14
- declare const PureCellContext: React.Context<PureCellContext>;
15
- type BasePureCellProps = {
16
- /**
17
- * Направление
18
- */
19
- direction?: 'horizontal' | 'vertical';
20
- /**
21
- * Сss класс для стилизации общей обёртки
22
- */
23
- className?: string;
24
- /**
25
- * Выводит ссылку в виде ячейки
26
- */
27
- href?: string;
28
- /**
29
- * Вертикальные отступы
30
- */
31
- verticalPadding?: 'airy' | 'default' | 'compact' | 'tiny' | 'none' | {
32
- /**
33
- * Вертикальный отступ сверху
34
- */
35
- top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
36
- /**
37
- * Вертикальный отступ снизу
38
- */
39
- bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
40
- };
41
- /**
42
- * Горизонтальные отступы
43
- */
44
- horizontalPadding?: 'left' | 'right' | 'both' | 'none';
45
- /**
46
- * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
47
- */
48
- tag?: ElementType;
49
- /**
50
- * Компоненты
51
- */
52
- children: PureCellElement;
53
- /**
54
- * Идентификатор для систем автоматизированного тестирования
55
- */
56
- dataTestId?: string;
57
- };
58
- type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
59
- type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
60
- type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
61
- type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
62
- /**
63
- * Универсальный конструктор для сборки любой ячейки.
64
- *
65
- * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
66
- */
67
- declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>> & {
68
- Main: React.FC<{
69
- children: import("./components/types").MainElement;
70
- isReverse?: boolean | undefined;
71
- className?: string | undefined;
72
- dataTestId?: string | undefined;
73
- onClick?: (() => void) | undefined;
74
- }>;
75
- Graphics: React.FC<import("./components/graphics/index").Props>;
76
- Content: React.FC<{
77
- children: import("./components/types").ContentElement;
78
- dataTestId?: string | undefined;
79
- }>;
80
- Text: React.FC<{
81
- children?: React.ReactNode;
82
- rowLimit?: 1 | 2 | undefined;
83
- view?: "component" | "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "component-primary" | undefined;
84
- titleWeight?: "bold" | "regular" | undefined;
85
- titleColor: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark";
86
- value?: React.ReactNode;
87
- valueColor?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
88
- dataTestId?: string | undefined;
89
- }>;
90
- Amount: React.FC<{
91
- weight?: "bold" | "normal" | undefined;
92
- textView?: "component" | "primary-small" | undefined;
93
- color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
94
- hidden?: boolean | undefined;
95
- dataTestId?: string | undefined;
96
- } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
97
- AmountTitle: React.FC<{
98
- color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
99
- titleProps?: import("@alfalab/core-components-typography").TitleProps | undefined;
100
- hidden?: boolean | undefined;
101
- dataTestId?: string | undefined;
102
- } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
103
- Addon: React.FC<{
104
- verticalAlign?: "center" | "auto" | "bottom" | "top" | undefined;
105
- addonPadding?: "none" | "default" | undefined;
106
- children: import("./components/types").AddonElement;
107
- dataTestId?: string | undefined;
108
- onClick?: (() => void) | undefined;
109
- }>;
110
- Footer: React.FC<{
111
- children: import("./components/types").FooterElement;
112
- footerPadding?: "none" | "default" | undefined;
113
- dataTestId?: string | undefined;
114
- }>;
115
- ExtraSubtitle: React.FC<FooterTextProps>;
116
- FooterButton: React.ForwardRefExoticComponent<(Omit<ButtonProps, "dataTestId"> & {
117
- dataTestId?: string | undefined;
118
- } & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
119
- Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
120
- Category: React.FC<{
121
- categoryName: string;
122
- categoryPercent?: number | undefined;
123
- rightAddons?: React.ReactNode;
124
- dataTestId?: string | undefined;
125
- }>;
126
- };
127
- export { PureCellContext, PureCellProps, PureCell };