@alfalab/core-components-pure-cell 4.1.2 → 4.1.4

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 (177) hide show
  1. package/{component-cf0c249b.d.ts → component-633eda3f.d.ts} +0 -0
  2. package/component-633eda3f.js +119 -0
  3. package/component-c49f24a8.d.ts +8 -8
  4. package/component.js +6 -8
  5. package/components/addon/component.js +6 -8
  6. package/components/addon/index.css +9 -9
  7. package/components/addon/index.js +2 -4
  8. package/components/amount/component.js +8 -10
  9. package/components/amount/index.css +2 -2
  10. package/components/amount/index.js +3 -5
  11. package/components/amount-title/component.js +8 -10
  12. package/components/amount-title/index.css +3 -3
  13. package/components/amount-title/index.js +3 -5
  14. package/components/category/component.js +8 -10
  15. package/components/category/index.css +5 -5
  16. package/components/category/index.js +2 -4
  17. package/components/content/component.js +6 -8
  18. package/components/content/index.css +3 -3
  19. package/components/content/index.d.ts +1 -1
  20. package/components/content/index.js +5 -7
  21. package/components/footer/component.js +6 -8
  22. package/components/footer/index.css +4 -4
  23. package/components/footer/index.js +2 -4
  24. package/components/footer-button/component.js +6 -8
  25. package/components/footer-button/index.css +2 -2
  26. package/components/footer-button/index.js +3 -5
  27. package/components/footer-text/component.js +4 -6
  28. package/components/footer-text/index.js +2 -4
  29. package/components/graphics/component.js +6 -8
  30. package/components/graphics/index.css +5 -5
  31. package/components/graphics/index.js +2 -4
  32. package/components/main/component.js +6 -8
  33. package/components/main/index.css +4 -4
  34. package/components/main/index.d.ts +1 -1
  35. package/components/main/index.js +5 -7
  36. package/components/text/component.js +7 -9
  37. package/components/text/index.css +7 -7
  38. package/components/text/index.d.ts +1 -1
  39. package/components/text/index.js +5 -7
  40. package/components/types.d.ts +1 -1
  41. package/cssm/{component-5cffadbf.d.ts → component-094dfd9a.d.ts} +0 -0
  42. package/cssm/{component-5cffadbf.js → component-094dfd9a.js} +33 -33
  43. package/cssm/component.js +14 -16
  44. package/cssm/components/addon/component.js +6 -8
  45. package/cssm/components/addon/index.js +2 -4
  46. package/cssm/components/amount/component.js +8 -10
  47. package/cssm/components/amount/index.js +3 -5
  48. package/cssm/components/amount-title/component.js +8 -10
  49. package/cssm/components/amount-title/index.js +3 -5
  50. package/cssm/components/category/component.js +8 -10
  51. package/cssm/components/category/index.js +2 -4
  52. package/cssm/components/content/component.js +12 -14
  53. package/cssm/components/content/index.d.ts +1 -1
  54. package/cssm/components/content/index.js +11 -13
  55. package/cssm/components/footer/component.js +6 -8
  56. package/cssm/components/footer/index.js +2 -4
  57. package/cssm/components/footer-button/component.js +6 -8
  58. package/cssm/components/footer-button/index.js +3 -5
  59. package/cssm/components/footer-text/component.js +4 -6
  60. package/cssm/components/footer-text/index.js +2 -4
  61. package/cssm/components/graphics/component.js +6 -8
  62. package/cssm/components/graphics/index.js +2 -4
  63. package/cssm/components/main/component.js +13 -15
  64. package/cssm/components/main/index.d.ts +1 -1
  65. package/cssm/components/main/index.js +11 -13
  66. package/cssm/components/text/component.js +14 -16
  67. package/cssm/components/text/index.d.ts +1 -1
  68. package/cssm/components/text/index.js +11 -13
  69. package/cssm/components/types.d.ts +1 -1
  70. package/cssm/getDataTestId-5c876d98.d.ts +2 -0
  71. package/cssm/getDataTestId-5c876d98.js +8 -0
  72. package/cssm/index.js +11 -13
  73. package/cssm/{tslib.es6-9682e485.d.ts → tslib.es6-bbd6cd2a.d.ts} +0 -0
  74. package/cssm/{tslib.es6-9682e485.js → tslib.es6-bbd6cd2a.js} +0 -0
  75. package/esm/{component-00a473f9.d.ts → component-6805b622.d.ts} +0 -0
  76. package/esm/{component-00a473f9.js → component-6805b622.js} +23 -23
  77. package/esm/component.js +6 -6
  78. package/esm/components/addon/component.js +2 -2
  79. package/esm/components/addon/index.css +9 -9
  80. package/esm/components/addon/index.js +2 -2
  81. package/esm/components/amount/component.js +3 -3
  82. package/esm/components/amount/index.css +2 -2
  83. package/esm/components/amount/index.js +3 -3
  84. package/esm/components/amount-title/component.js +3 -3
  85. package/esm/components/amount-title/index.css +3 -3
  86. package/esm/components/amount-title/index.js +3 -3
  87. package/esm/components/category/component.js +2 -2
  88. package/esm/components/category/index.css +5 -5
  89. package/esm/components/category/index.js +2 -2
  90. package/esm/components/content/component.js +6 -6
  91. package/esm/components/content/index.css +3 -3
  92. package/esm/components/content/index.d.ts +1 -1
  93. package/esm/components/content/index.js +5 -5
  94. package/esm/components/footer/component.js +2 -2
  95. package/esm/components/footer/index.css +4 -4
  96. package/esm/components/footer/index.js +2 -2
  97. package/esm/components/footer-button/component.js +3 -3
  98. package/esm/components/footer-button/index.css +2 -2
  99. package/esm/components/footer-button/index.js +3 -3
  100. package/esm/components/footer-text/component.js +1 -1
  101. package/esm/components/footer-text/index.js +2 -2
  102. package/esm/components/graphics/component.js +2 -2
  103. package/esm/components/graphics/index.css +5 -5
  104. package/esm/components/graphics/index.js +2 -2
  105. package/esm/components/main/component.js +6 -6
  106. package/esm/components/main/index.css +4 -4
  107. package/esm/components/main/index.d.ts +1 -1
  108. package/esm/components/main/index.js +5 -5
  109. package/esm/components/text/component.js +7 -7
  110. package/esm/components/text/index.css +7 -7
  111. package/esm/components/text/index.d.ts +1 -1
  112. package/esm/components/text/index.js +5 -5
  113. package/esm/components/types.d.ts +1 -1
  114. package/esm/getDataTestId-90258d60.d.ts +2 -0
  115. package/esm/getDataTestId-90258d60.js +6 -0
  116. package/esm/index.css +19 -19
  117. package/esm/index.js +5 -5
  118. package/esm/{tslib.es6-abb523cb.d.ts → tslib.es6-1cf86cfe.d.ts} +0 -0
  119. package/esm/{tslib.es6-abb523cb.js → tslib.es6-1cf86cfe.js} +0 -0
  120. package/getDataTestId-f5871123.d.ts +2 -0
  121. package/getDataTestId-f5871123.js +8 -0
  122. package/index.css +19 -19
  123. package/index.js +5 -7
  124. package/modern/{component-fc8739ab.d.ts → component-457b2244.d.ts} +0 -0
  125. package/modern/{component-fc8739ab.js → component-457b2244.js} +22 -22
  126. package/modern/component.js +5 -5
  127. package/modern/components/addon/component.js +2 -2
  128. package/modern/components/addon/index.css +9 -9
  129. package/modern/components/addon/index.js +2 -2
  130. package/modern/components/amount/component.js +2 -2
  131. package/modern/components/amount/index.css +2 -2
  132. package/modern/components/amount/index.js +2 -2
  133. package/modern/components/amount-title/component.js +2 -2
  134. package/modern/components/amount-title/index.css +3 -3
  135. package/modern/components/amount-title/index.js +2 -2
  136. package/modern/components/category/component.js +2 -2
  137. package/modern/components/category/index.css +5 -5
  138. package/modern/components/category/index.js +2 -2
  139. package/modern/components/content/component.js +5 -5
  140. package/modern/components/content/index.css +3 -3
  141. package/modern/components/content/index.d.ts +1 -1
  142. package/modern/components/content/index.js +4 -4
  143. package/modern/components/footer/component.js +2 -2
  144. package/modern/components/footer/index.css +4 -4
  145. package/modern/components/footer/index.js +2 -2
  146. package/modern/components/footer-button/component.js +2 -2
  147. package/modern/components/footer-button/index.css +2 -2
  148. package/modern/components/footer-button/index.js +2 -2
  149. package/modern/components/footer-text/component.js +1 -1
  150. package/modern/components/footer-text/index.js +2 -2
  151. package/modern/components/graphics/component.js +2 -2
  152. package/modern/components/graphics/index.css +5 -5
  153. package/modern/components/graphics/index.js +2 -2
  154. package/modern/components/main/component.js +5 -5
  155. package/modern/components/main/index.css +4 -4
  156. package/modern/components/main/index.d.ts +1 -1
  157. package/modern/components/main/index.js +4 -4
  158. package/modern/components/text/component.js +6 -6
  159. package/modern/components/text/index.css +7 -7
  160. package/modern/components/text/index.d.ts +1 -1
  161. package/modern/components/text/index.js +4 -4
  162. package/modern/components/types.d.ts +1 -1
  163. package/modern/getDataTestId-c412bc6d.d.ts +2 -0
  164. package/modern/{getDataTestId-17fdbf5d.js → getDataTestId-c412bc6d.js} +0 -0
  165. package/modern/index.css +19 -19
  166. package/modern/index.js +4 -4
  167. package/package.json +5 -5
  168. package/{tslib.es6-74c9baf4.d.ts → tslib.es6-d8b64d3f.d.ts} +0 -0
  169. package/{tslib.es6-74c9baf4.js → tslib.es6-d8b64d3f.js} +0 -0
  170. package/component-cf0c249b.js +0 -119
  171. package/cssm/getDataTestId-12a31ec3.d.ts +0 -2
  172. package/cssm/getDataTestId-12a31ec3.js +0 -8
  173. package/esm/getDataTestId-59f312e8.d.ts +0 -2
  174. package/esm/getDataTestId-59f312e8.js +0 -6
  175. package/getDataTestId-dd8c396a.d.ts +0 -2
  176. package/getDataTestId-dd8c396a.js +0 -8
  177. package/modern/getDataTestId-17fdbf5d.d.ts +0 -2
@@ -1,37 +1,35 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('../../tslib.es6-9682e485.js');
3
+ var components_content_component = require('../../component-094dfd9a.js');
4
+ require('../../tslib.es6-bbd6cd2a.js');
6
5
  require('react');
7
6
  require('react-merge-refs');
8
7
  require('classnames');
9
8
  require('@alfalab/core-components-comment/cssm');
10
9
  require('@alfalab/hooks');
11
- require('../../getDataTestId-12a31ec3.js');
12
- require('../addon/index.module.css');
13
10
  require('../addon/component.js');
11
+ require('../../getDataTestId-5c876d98.js');
12
+ require('../addon/index.module.css');
13
+ require('../amount/component.js');
14
14
  require('@alfalab/core-components-amount/cssm');
15
15
  require('@alfalab/core-components-typography/cssm');
16
16
  require('../amount/index.module.css');
17
- require('../amount/component.js');
18
- require('../amount-title/index.module.css');
19
17
  require('../amount-title/component.js');
20
- require('../category/index.module.css');
18
+ require('../amount-title/index.module.css');
21
19
  require('../category/component.js');
22
- require('../content/index.module.css');
23
- var components_content_component = require('../../component-5cffadbf.js');
24
- require('../footer/index.module.css');
20
+ require('../category/index.module.css');
25
21
  require('../footer/component.js');
22
+ require('../footer/index.module.css');
23
+ require('../footer-button/component.js');
26
24
  require('@alfalab/core-components-button/cssm');
27
25
  require('../footer-button/index.module.css');
28
- require('../footer-button/component.js');
29
26
  require('../footer-text/component.js');
30
- require('../graphics/index.module.css');
31
27
  require('../graphics/component.js');
28
+ require('../graphics/index.module.css');
32
29
  require('./index.module.css');
33
30
  require('../text/index.module.css');
34
31
  require('../../index.module.css');
32
+ require('../content/index.module.css');
35
33
 
36
34
 
37
35
 
@@ -1,37 +1,35 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('../../tslib.es6-9682e485.js');
6
3
  require('react');
7
- require('react-merge-refs');
8
4
  require('classnames');
5
+ require('@alfalab/core-components-typography/cssm');
6
+ require('../../getDataTestId-5c876d98.js');
7
+ var components_content_component = require('../../component-094dfd9a.js');
8
+ require('./index.module.css');
9
+ require('../../tslib.es6-bbd6cd2a.js');
10
+ require('react-merge-refs');
9
11
  require('@alfalab/core-components-comment/cssm');
10
12
  require('@alfalab/hooks');
11
- require('../../getDataTestId-12a31ec3.js');
12
- require('../addon/index.module.css');
13
13
  require('../addon/component.js');
14
+ require('../addon/index.module.css');
15
+ require('../amount/component.js');
14
16
  require('@alfalab/core-components-amount/cssm');
15
- require('@alfalab/core-components-typography/cssm');
16
17
  require('../amount/index.module.css');
17
- require('../amount/component.js');
18
- require('../amount-title/index.module.css');
19
18
  require('../amount-title/component.js');
20
- require('../category/index.module.css');
19
+ require('../amount-title/index.module.css');
21
20
  require('../category/component.js');
22
- require('../content/index.module.css');
23
- var components_content_component = require('../../component-5cffadbf.js');
24
- require('../footer/index.module.css');
21
+ require('../category/index.module.css');
25
22
  require('../footer/component.js');
23
+ require('../footer/index.module.css');
24
+ require('../footer-button/component.js');
26
25
  require('@alfalab/core-components-button/cssm');
27
26
  require('../footer-button/index.module.css');
28
- require('../footer-button/component.js');
29
27
  require('../footer-text/component.js');
30
- require('../graphics/index.module.css');
31
28
  require('../graphics/component.js');
29
+ require('../graphics/index.module.css');
32
30
  require('../main/index.module.css');
33
- require('./index.module.css');
34
31
  require('../../index.module.css');
32
+ require('../content/index.module.css');
35
33
 
36
34
 
37
35
 
@@ -1 +1 @@
1
- export * from "../../component-5cffadbf";
1
+ export * from "../../component-094dfd9a";
@@ -1,37 +1,35 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('../../tslib.es6-9682e485.js');
3
+ var components_content_component = require('../../component-094dfd9a.js');
4
+ require('../../tslib.es6-bbd6cd2a.js');
6
5
  require('react');
7
6
  require('react-merge-refs');
8
7
  require('classnames');
9
8
  require('@alfalab/core-components-comment/cssm');
10
9
  require('@alfalab/hooks');
11
- require('../../getDataTestId-12a31ec3.js');
12
- require('../addon/index.module.css');
13
10
  require('../addon/component.js');
11
+ require('../../getDataTestId-5c876d98.js');
12
+ require('../addon/index.module.css');
13
+ require('../amount/component.js');
14
14
  require('@alfalab/core-components-amount/cssm');
15
15
  require('@alfalab/core-components-typography/cssm');
16
16
  require('../amount/index.module.css');
17
- require('../amount/component.js');
18
- require('../amount-title/index.module.css');
19
17
  require('../amount-title/component.js');
20
- require('../category/index.module.css');
18
+ require('../amount-title/index.module.css');
21
19
  require('../category/component.js');
22
- require('../content/index.module.css');
23
- var components_content_component = require('../../component-5cffadbf.js');
24
- require('../footer/index.module.css');
20
+ require('../category/index.module.css');
25
21
  require('../footer/component.js');
22
+ require('../footer/index.module.css');
23
+ require('../footer-button/component.js');
26
24
  require('@alfalab/core-components-button/cssm');
27
25
  require('../footer-button/index.module.css');
28
- require('../footer-button/component.js');
29
26
  require('../footer-text/component.js');
30
- require('../graphics/index.module.css');
31
27
  require('../graphics/component.js');
28
+ require('../graphics/index.module.css');
32
29
  require('../main/index.module.css');
33
30
  require('./index.module.css');
34
31
  require('../../index.module.css');
32
+ require('../content/index.module.css');
35
33
 
36
34
 
37
35
 
@@ -14,7 +14,7 @@ type CommentElement = ReactElement<typeof Comment>;
14
14
  type FooterButtonElement = ReactElement<typeof FooterButton>;
15
15
  type FooterTitleElement = ReactElement<typeof FooterText>;
16
16
  type FooterElement = Array<ReactElement<FooterButtonElement> | FooterTitleElement> | CommentElement;
17
- type MainElement = Array<TextElement | AmountElement | AmountTitleElement> | (TextElement | AmountElement | AmountTitleElement);
17
+ type MainElement = Array<undefined | '' | TextElement | AmountElement | AmountTitleElement> | (TextElement | AmountElement | AmountTitleElement);
18
18
  type ContentElement = Array<MainElement | AddonElement | FooterElement> | MainElement;
19
19
  type AddonElement = Array<TextElement | ReactNode> | TextElement | ReactNode;
20
20
  type PureCellElement = Array<GraphicsElement | ContentElement> | ContentElement;
@@ -0,0 +1,2 @@
1
+ declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
2
+ export { getDataTestId };
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ var getDataTestId = function (dataTestId, element) {
4
+ var elementPart = element ? "-".concat(element.toLowerCase()) : '';
5
+ return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
6
+ };
7
+
8
+ exports.getDataTestId = getDataTestId;
package/cssm/index.js CHANGED
@@ -1,37 +1,35 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('./tslib.es6-9682e485.js');
3
+ var components_content_component = require('./component-094dfd9a.js');
4
+ require('./tslib.es6-bbd6cd2a.js');
6
5
  require('react');
7
6
  require('react-merge-refs');
8
7
  require('classnames');
9
8
  require('@alfalab/core-components-comment/cssm');
10
9
  require('@alfalab/hooks');
11
- require('./getDataTestId-12a31ec3.js');
12
- require('./components/addon/index.module.css');
13
10
  require('./components/addon/component.js');
11
+ require('./getDataTestId-5c876d98.js');
12
+ require('./components/addon/index.module.css');
13
+ require('./components/amount/component.js');
14
14
  require('@alfalab/core-components-amount/cssm');
15
15
  require('@alfalab/core-components-typography/cssm');
16
16
  require('./components/amount/index.module.css');
17
- require('./components/amount/component.js');
18
- require('./components/amount-title/index.module.css');
19
17
  require('./components/amount-title/component.js');
20
- require('./components/category/index.module.css');
18
+ require('./components/amount-title/index.module.css');
21
19
  require('./components/category/component.js');
22
- require('./components/content/index.module.css');
23
- var components_content_component = require('./component-5cffadbf.js');
24
- require('./components/footer/index.module.css');
20
+ require('./components/category/index.module.css');
25
21
  require('./components/footer/component.js');
22
+ require('./components/footer/index.module.css');
23
+ require('./components/footer-button/component.js');
26
24
  require('@alfalab/core-components-button/cssm');
27
25
  require('./components/footer-button/index.module.css');
28
- require('./components/footer-button/component.js');
29
26
  require('./components/footer-text/component.js');
30
- require('./components/graphics/index.module.css');
31
27
  require('./components/graphics/component.js');
28
+ require('./components/graphics/index.module.css');
32
29
  require('./components/main/index.module.css');
33
30
  require('./components/text/index.module.css');
34
31
  require('./index.module.css');
32
+ require('./components/content/index.module.css');
35
33
 
36
34
 
37
35
 
@@ -1,58 +1,58 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-abb523cb.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-1cf86cfe.js';
2
2
  import React, { useContext, forwardRef, useRef } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { Comment } from '@alfalab/core-components-comment/esm';
6
6
  import { useFocus } from '@alfalab/hooks';
7
- import { g as getDataTestId } from './getDataTestId-59f312e8.js';
8
7
  import { Addon } from './components/addon/component.js';
9
- import { Typography } from '@alfalab/core-components-typography/esm';
10
8
  import { Amount } from './components/amount/component.js';
11
9
  import { AmountTitle } from './components/amount-title/component.js';
12
10
  import { Category } from './components/category/component.js';
11
+ import { g as getDataTestId } from './getDataTestId-90258d60.js';
13
12
  import { Footer } from './components/footer/component.js';
14
13
  import { FooterButton } from './components/footer-button/component.js';
15
14
  import { FooterText } from './components/footer-text/component.js';
16
15
  import { Graphics } from './components/graphics/component.js';
16
+ import { Typography } from '@alfalab/core-components-typography/esm';
17
17
 
18
- var styles = {"component":"pure-cell__component_1sf8b","horizontal":"pure-cell__horizontal_1sf8b"};
18
+ var styles$3 = {"component":"pure-cell__component_1n3nf","horizontal":"pure-cell__horizontal_1n3nf"};
19
19
  require('./components/content/index.css')
20
20
 
21
21
  var Content = function (_a) {
22
22
  var _b;
23
23
  var children = _a.children, dataTestId = _a.dataTestId;
24
24
  var direction = useContext(PureCellContext).direction;
25
- return (React.createElement("section", { className: cn(styles.component, (_b = {}, _b[styles.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
25
+ return (React.createElement("section", { className: cn(styles$3.component, (_b = {}, _b[styles$3.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
26
26
  };
27
27
 
28
- var styles$1 = {"component":"pure-cell__component_iw23j","vertical":"pure-cell__vertical_iw23j","reverse":"pure-cell__reverse_iw23j"};
28
+ var styles$2 = {"component":"pure-cell__component_dkh7n","vertical":"pure-cell__vertical_dkh7n","reverse":"pure-cell__reverse_dkh7n"};
29
29
  require('./components/main/index.css')
30
30
 
31
31
  var Main = function (_a) {
32
32
  var _b;
33
33
  var children = _a.children, isReverse = _a.isReverse, dataTestId = _a.dataTestId;
34
34
  var _c = useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
35
- return (React.createElement("div", { className: cn(styles$1.component, styles$1[direction], (_b = {},
36
- _b[styles$1.reverse] = isReverse,
35
+ return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], (_b = {},
36
+ _b[styles$2.reverse] = isReverse,
37
37
  _b)), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
38
38
  };
39
39
 
40
- var styles$2 = {"horizontal":"pure-cell__horizontal_ez7oz","rowLimit1":"pure-cell__rowLimit1_ez7oz","rowLimit2":"pure-cell__rowLimit2_ez7oz","component":"pure-cell__component_ez7oz","vertical":"pure-cell__vertical_ez7oz","title":"pure-cell__title_ez7oz","value":"pure-cell__value_ez7oz"};
40
+ var styles$1 = {"horizontal":"pure-cell__horizontal_pjue2","rowLimit1":"pure-cell__rowLimit1_pjue2","rowLimit2":"pure-cell__rowLimit2_pjue2","component":"pure-cell__component_pjue2","vertical":"pure-cell__vertical_pjue2","title":"pure-cell__title_pjue2","value":"pure-cell__value_pjue2"};
41
41
  require('./components/text/index.css')
42
42
 
43
43
  var Text = function (_a) {
44
44
  var _b;
45
45
  var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component' : _c, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
46
46
  var _d = useContext(PureCellContext).direction, direction = _d === void 0 ? 'horizontal' : _d;
47
- var className = rowLimit && styles$2["rowLimit" + rowLimit];
48
- return (React.createElement("div", { className: cn(styles$2.component, (_b = {},
49
- _b[styles$2.vertical] = direction !== 'horizontal',
47
+ var className = rowLimit && styles$1["rowLimit".concat(rowLimit)];
48
+ return (React.createElement("div", { className: cn(styles$1.component, (_b = {},
49
+ _b[styles$1.vertical] = direction !== 'horizontal',
50
50
  _b)) },
51
- React.createElement("span", { className: styles$2.title }, typeof children === 'string' ? (React.createElement(Typography.Text, { view: view, color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text') }, children)) : (children)),
52
- value !== undefined && (React.createElement("span", { className: styles$2.value }, typeof value === 'string' ? (React.createElement(Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text') }, value)) : (value)))));
51
+ React.createElement("span", { className: styles$1.title }, typeof children === 'string' ? (React.createElement(Typography.Text, { view: view, color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text') }, children)) : (children)),
52
+ value !== undefined && (React.createElement("span", { className: styles$1.value }, typeof value === 'string' ? (React.createElement(Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text') }, value)) : (value)))));
53
53
  };
54
54
 
55
- var styles$3 = {"component":"pure-cell__component_pke0p","horizontal":"pure-cell__horizontal_pke0p","vertical":"pure-cell__vertical_pke0p","button":"pure-cell__button_pke0p","link":"pure-cell__link_pke0p","none":"pure-cell__none_pke0p","airy":"pure-cell__airy_pke0p","defaultPadding":"pure-cell__defaultPadding_pke0p","compact":"pure-cell__compact_pke0p","tiny":"pure-cell__tiny_pke0p","left":"pure-cell__left_pke0p","right":"pure-cell__right_pke0p","both":"pure-cell__both_pke0p","focused":"pure-cell__focused_pke0p"};
55
+ var styles = {"component":"pure-cell__component_a7bok","horizontal":"pure-cell__horizontal_a7bok","vertical":"pure-cell__vertical_a7bok","button":"pure-cell__button_a7bok","link":"pure-cell__link_a7bok","none":"pure-cell__none_a7bok","airy":"pure-cell__airy_a7bok","defaultPadding":"pure-cell__defaultPadding_a7bok","compact":"pure-cell__compact_a7bok","tiny":"pure-cell__tiny_a7bok","left":"pure-cell__left_a7bok","right":"pure-cell__right_a7bok","both":"pure-cell__both_a7bok","focused":"pure-cell__focused_a7bok"};
56
56
  require('./index.css')
57
57
 
58
58
  // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -63,22 +63,22 @@ var PureCellComponent = forwardRef(function (_a, ref) {
63
63
  var cellRef = useRef(null);
64
64
  var focused = useFocus(cellRef, 'keyboard')[0];
65
65
  var addClasses = (_b = {},
66
- _b[styles$3.component] = true,
67
- _b[styles$3.focused] = focused,
68
- _b[styles$3[direction]] = true,
69
- _b[styles$3.defaultPadding] = verticalPadding === 'default',
70
- _b[styles$3[verticalPadding]] = verticalPadding !== 'default',
71
- _b[styles$3[horizontalPadding]] = true,
66
+ _b[styles.component] = true,
67
+ _b[styles.focused] = focused,
68
+ _b[styles[direction]] = true,
69
+ _b[styles.defaultPadding] = verticalPadding === 'default',
70
+ _b[styles[verticalPadding]] = verticalPadding !== 'default',
71
+ _b[styles[horizontalPadding]] = true,
72
72
  _b);
73
73
  if (href) {
74
74
  var target = restProps.target;
75
75
  // Для совместимости с react-router-dom, меняем href на to
76
76
  var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
77
- return (React.createElement(Component, __assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles$3.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
77
+ return (React.createElement(Component, __assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
78
78
  React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
79
79
  }
80
80
  if (onClick) {
81
- return (React.createElement(Component, __assign({}, restProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles$3.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
81
+ return (React.createElement(Component, __assign({}, restProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
82
82
  React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
83
83
  }
84
84
  return (React.createElement(Component, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },
package/esm/component.js CHANGED
@@ -1,19 +1,19 @@
1
- import './tslib.es6-abb523cb.js';
1
+ import './tslib.es6-1cf86cfe.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
5
5
  import '@alfalab/core-components-comment/esm';
6
6
  import '@alfalab/hooks';
7
- import './getDataTestId-59f312e8.js';
8
7
  import './components/addon/component.js';
9
- import '@alfalab/core-components-amount/esm';
10
- import '@alfalab/core-components-typography/esm';
11
8
  import './components/amount/component.js';
12
9
  import './components/amount-title/component.js';
13
10
  import './components/category/component.js';
14
- export { P as PureCell, a as PureCellContext } from './component-00a473f9.js';
11
+ export { P as PureCell, a as PureCellContext } from './component-6805b622.js';
15
12
  import './components/footer/component.js';
16
- import '@alfalab/core-components-button/esm';
17
13
  import './components/footer-button/component.js';
18
14
  import './components/footer-text/component.js';
19
15
  import './components/graphics/component.js';
16
+ import './getDataTestId-90258d60.js';
17
+ import '@alfalab/core-components-amount/esm';
18
+ import '@alfalab/core-components-typography/esm';
19
+ import '@alfalab/core-components-button/esm';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-59f312e8.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-90258d60.js';
4
4
 
5
- var styles = {"component":"pure-cell__component_1m2yp","none":"pure-cell__none_1m2yp","default":"pure-cell__default_1m2yp","addonPadding":"pure-cell__addonPadding_1m2yp","top":"pure-cell__top_1m2yp","center":"pure-cell__center_1m2yp","bottom":"pure-cell__bottom_1m2yp"};
5
+ var styles = {"component":"pure-cell__component_qtosq","none":"pure-cell__none_qtosq","default":"pure-cell__default_qtosq","addonPadding":"pure-cell__addonPadding_qtosq","top":"pure-cell__top_qtosq","center":"pure-cell__center_qtosq","bottom":"pure-cell__bottom_qtosq"};
6
6
  require('./index.css')
7
7
 
8
8
  var Addon = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: sv3d0 */
1
+ /* hash: ftab5 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,29 +10,29 @@
10
10
  :root {
11
11
  --gap-m: 16px;
12
12
  }
13
- .pure-cell__component_1m2yp {
13
+ .pure-cell__component_qtosq {
14
14
  display: flex;
15
15
  flex-direction: column;
16
16
  align-items: flex-end
17
17
  }
18
- .pure-cell__component_1m2yp > * {
18
+ .pure-cell__component_qtosq > * {
19
19
  justify-content: flex-end;
20
20
  }
21
- .pure-cell__component_1m2yp.pure-cell__none_1m2yp {
21
+ .pure-cell__component_qtosq.pure-cell__none_qtosq {
22
22
  padding-left: 0;
23
23
  }
24
- .pure-cell__component_1m2yp.pure-cell__default_1m2yp {
24
+ .pure-cell__component_qtosq.pure-cell__default_qtosq {
25
25
  padding-left: var(--gap-m);
26
26
  }
27
- .pure-cell__component_1m2yp.pure-cell__addonPadding_1m2yp {
27
+ .pure-cell__component_qtosq.pure-cell__addonPadding_qtosq {
28
28
  padding-left: var(--gap-m);
29
29
  }
30
- .pure-cell__component_1m2yp.pure-cell__top_1m2yp {
30
+ .pure-cell__component_qtosq.pure-cell__top_qtosq {
31
31
  align-self: flex-start;
32
32
  }
33
- .pure-cell__component_1m2yp.pure-cell__center_1m2yp {
33
+ .pure-cell__component_qtosq.pure-cell__center_qtosq {
34
34
  align-self: center;
35
35
  }
36
- .pure-cell__component_1m2yp.pure-cell__bottom_1m2yp {
36
+ .pure-cell__component_qtosq.pure-cell__bottom_qtosq {
37
37
  align-self: flex-end;
38
38
  }
@@ -1,4 +1,4 @@
1
+ export { Addon } from './component.js';
1
2
  import 'react';
2
3
  import 'classnames';
3
- import '../../getDataTestId-59f312e8.js';
4
- export { Addon } from './component.js';
4
+ import '../../getDataTestId-90258d60.js';
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-abb523cb.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-1cf86cfe.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
- import { g as getDataTestId } from '../../getDataTestId-59f312e8.js';
5
4
  import { Amount as Amount$1 } from '@alfalab/core-components-amount/esm';
6
5
  import { Typography } from '@alfalab/core-components-typography/esm';
6
+ import { g as getDataTestId } from '../../getDataTestId-90258d60.js';
7
7
 
8
- var styles = {"component":"pure-cell__component_1o6hm"};
8
+ var styles = {"component":"pure-cell__component_1ti2i"};
9
9
  require('./index.css')
10
10
 
11
11
  var Amount = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 7pxbd */
1
+ /* hash: 1kdce */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,7 +10,7 @@
10
10
  :root {
11
11
  --gap-3xs: 2px;
12
12
  }
13
- .pure-cell__component_1o6hm {
13
+ .pure-cell__component_1ti2i {
14
14
  padding: var(--gap-3xs) 0;
15
15
  display: flex;
16
16
  }
@@ -1,7 +1,7 @@
1
- import '../../tslib.es6-abb523cb.js';
1
+ export { Amount } from './component.js';
2
+ import '../../tslib.es6-1cf86cfe.js';
2
3
  import 'react';
3
4
  import 'classnames';
4
- import '../../getDataTestId-59f312e8.js';
5
5
  import '@alfalab/core-components-amount/esm';
6
6
  import '@alfalab/core-components-typography/esm';
7
- export { Amount } from './component.js';
7
+ import '../../getDataTestId-90258d60.js';
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-abb523cb.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-1cf86cfe.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
- import { g as getDataTestId } from '../../getDataTestId-59f312e8.js';
5
4
  import { Amount } from '@alfalab/core-components-amount/esm';
6
5
  import { Typography } from '@alfalab/core-components-typography/esm';
6
+ import { g as getDataTestId } from '../../getDataTestId-90258d60.js';
7
7
 
8
- var styles = {"component":"pure-cell__component_18ouu","weight":"pure-cell__weight_18ouu"};
8
+ var styles = {"component":"pure-cell__component_13d9y","weight":"pure-cell__weight_13d9y"};
9
9
  require('./index.css')
10
10
 
11
11
  var AmountTitle = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: hlf3z */
1
+ /* hash: 1u8u7 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,9 +7,9 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_18ouu {
10
+ .pure-cell__component_13d9y {
11
11
  display: flex;
12
12
  }
13
- .pure-cell__weight_18ouu {
13
+ .pure-cell__weight_13d9y {
14
14
  font-weight: inherit;
15
15
  }
@@ -1,7 +1,7 @@
1
- import '../../tslib.es6-abb523cb.js';
1
+ export { AmountTitle } from './component.js';
2
+ import '../../tslib.es6-1cf86cfe.js';
2
3
  import 'react';
3
4
  import 'classnames';
4
- import '../../getDataTestId-59f312e8.js';
5
5
  import '@alfalab/core-components-amount/esm';
6
6
  import '@alfalab/core-components-typography/esm';
7
- export { AmountTitle } from './component.js';
7
+ import '../../getDataTestId-90258d60.js';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import { g as getDataTestId } from '../../getDataTestId-59f312e8.js';
3
2
  import { Typography } from '@alfalab/core-components-typography/esm';
3
+ import { g as getDataTestId } from '../../getDataTestId-90258d60.js';
4
4
 
5
- var styles = {"component":"pure-cell__component_h0nqw","categoryName":"pure-cell__categoryName_h0nqw","categoryPercent":"pure-cell__categoryPercent_h0nqw","rightAddon":"pure-cell__rightAddon_h0nqw"};
5
+ var styles = {"component":"pure-cell__component_6g11t","categoryName":"pure-cell__categoryName_6g11t","categoryPercent":"pure-cell__categoryPercent_6g11t","rightAddon":"pure-cell__rightAddon_6g11t"};
6
6
  require('./index.css')
7
7
 
8
8
  var Category = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: efxzc */
1
+ /* hash: 1r3d2 */
2
2
  :root {
3
3
  --color-light-bg-secondary: #f3f4f5;
4
4
  }
@@ -18,24 +18,24 @@
18
18
  :root {
19
19
  --border-radius-xl: 16px;
20
20
  }
21
- .pure-cell__component_h0nqw {
21
+ .pure-cell__component_6g11t {
22
22
  display: flex;
23
23
  overflow: hidden;
24
24
  padding: var(--gap-3xs) 0;
25
25
  }
26
- .pure-cell__categoryName_h0nqw {
26
+ .pure-cell__categoryName_6g11t {
27
27
  display: -webkit-box;
28
28
  -webkit-line-clamp: 1;
29
29
  -webkit-box-orient: vertical;
30
30
  overflow: hidden;
31
31
  word-break: break-all;
32
32
  }
33
- .pure-cell__categoryPercent_h0nqw {
33
+ .pure-cell__categoryPercent_6g11t {
34
34
  padding: 0 var(--gap-xs);
35
35
  background-color: var(--color-light-bg-secondary);
36
36
  border-radius: var(--border-radius-xl);
37
37
  margin-left: var(--gap-2xs);
38
38
  }
39
- .pure-cell__rightAddon_h0nqw {
39
+ .pure-cell__rightAddon_6g11t {
40
40
  margin-left: var(--gap-2xs);
41
41
  }
@@ -1,4 +1,4 @@
1
+ export { Category } from './component.js';
1
2
  import 'react';
2
- import '../../getDataTestId-59f312e8.js';
3
3
  import '@alfalab/core-components-typography/esm';
4
- export { Category } from './component.js';
4
+ import '../../getDataTestId-90258d60.js';
@@ -1,19 +1,19 @@
1
- import '../../tslib.es6-abb523cb.js';
2
1
  import 'react';
3
- import 'react-merge-refs';
4
2
  import 'classnames';
3
+ import '../../getDataTestId-90258d60.js';
4
+ export { C as Content } from '../../component-6805b622.js';
5
+ import '../../tslib.es6-1cf86cfe.js';
6
+ import 'react-merge-refs';
5
7
  import '@alfalab/core-components-comment/esm';
6
8
  import '@alfalab/hooks';
7
- import '../../getDataTestId-59f312e8.js';
8
9
  import '../addon/component.js';
10
+ import '../amount/component.js';
9
11
  import '@alfalab/core-components-amount/esm';
10
12
  import '@alfalab/core-components-typography/esm';
11
- import '../amount/component.js';
12
13
  import '../amount-title/component.js';
13
14
  import '../category/component.js';
14
- export { C as Content } from '../../component-00a473f9.js';
15
15
  import '../footer/component.js';
16
- import '@alfalab/core-components-button/esm';
17
16
  import '../footer-button/component.js';
17
+ import '@alfalab/core-components-button/esm';
18
18
  import '../footer-text/component.js';
19
19
  import '../graphics/component.js';
@@ -1,4 +1,4 @@
1
- /* hash: ttj0a */
1
+ /* hash: 1pege */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,12 +7,12 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_1sf8b {
10
+ .pure-cell__component_1n3nf {
11
11
  flex-basis: 100%;
12
12
  display: grid;
13
13
  grid-template-columns: 1fr auto
14
14
  }
15
- .pure-cell__component_1sf8b.pure-cell__horizontal_1sf8b {
15
+ .pure-cell__component_1n3nf.pure-cell__horizontal_1n3nf {
16
16
  /* for button */
17
17
  align-self: stretch;
18
18
  }