@alfalab/core-components-pure-cell 4.1.3 → 4.1.5

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 (173) hide show
  1. package/{component-9d5aabde.d.ts → component-ab8c215c.d.ts} +0 -0
  2. package/component-ab8c215c.js +119 -0
  3. package/component.js +6 -8
  4. package/components/addon/component.js +6 -8
  5. package/components/addon/index.css +9 -9
  6. package/components/addon/index.js +2 -4
  7. package/components/amount/component.js +8 -10
  8. package/components/amount/index.css +2 -2
  9. package/components/amount/index.js +3 -5
  10. package/components/amount-title/component.js +8 -10
  11. package/components/amount-title/index.css +3 -3
  12. package/components/amount-title/index.js +3 -5
  13. package/components/category/component.js +8 -10
  14. package/components/category/index.css +5 -5
  15. package/components/category/index.js +2 -4
  16. package/components/content/component.js +6 -8
  17. package/components/content/index.css +3 -3
  18. package/components/content/index.d.ts +1 -1
  19. package/components/content/index.js +5 -7
  20. package/components/footer/component.js +6 -8
  21. package/components/footer/index.css +4 -4
  22. package/components/footer/index.js +2 -4
  23. package/components/footer-button/component.js +6 -8
  24. package/components/footer-button/index.css +2 -2
  25. package/components/footer-button/index.js +3 -5
  26. package/components/footer-text/component.js +4 -6
  27. package/components/footer-text/index.js +2 -4
  28. package/components/graphics/component.js +6 -8
  29. package/components/graphics/index.css +5 -5
  30. package/components/graphics/index.js +2 -4
  31. package/components/main/component.js +6 -8
  32. package/components/main/index.css +4 -4
  33. package/components/main/index.d.ts +1 -1
  34. package/components/main/index.js +5 -7
  35. package/components/text/component.js +7 -9
  36. package/components/text/index.css +8 -7
  37. package/components/text/index.d.ts +1 -1
  38. package/components/text/index.js +5 -7
  39. package/cssm/{component-5cffadbf.d.ts → component-094dfd9a.d.ts} +0 -0
  40. package/cssm/{component-5cffadbf.js → component-094dfd9a.js} +33 -33
  41. package/cssm/component.js +14 -16
  42. package/cssm/components/addon/component.js +6 -8
  43. package/cssm/components/addon/index.js +2 -4
  44. package/cssm/components/amount/component.js +8 -10
  45. package/cssm/components/amount/index.js +3 -5
  46. package/cssm/components/amount-title/component.js +8 -10
  47. package/cssm/components/amount-title/index.js +3 -5
  48. package/cssm/components/category/component.js +8 -10
  49. package/cssm/components/category/index.js +2 -4
  50. package/cssm/components/content/component.js +12 -14
  51. package/cssm/components/content/index.d.ts +1 -1
  52. package/cssm/components/content/index.js +11 -13
  53. package/cssm/components/footer/component.js +6 -8
  54. package/cssm/components/footer/index.js +2 -4
  55. package/cssm/components/footer-button/component.js +6 -8
  56. package/cssm/components/footer-button/index.js +3 -5
  57. package/cssm/components/footer-text/component.js +4 -6
  58. package/cssm/components/footer-text/index.js +2 -4
  59. package/cssm/components/graphics/component.js +6 -8
  60. package/cssm/components/graphics/index.js +2 -4
  61. package/cssm/components/main/component.js +13 -15
  62. package/cssm/components/main/index.d.ts +1 -1
  63. package/cssm/components/main/index.js +11 -13
  64. package/cssm/components/text/component.js +14 -16
  65. package/cssm/components/text/index.d.ts +1 -1
  66. package/cssm/components/text/index.js +11 -13
  67. package/cssm/components/text/index.module.css +1 -0
  68. package/cssm/getDataTestId-5c876d98.d.ts +2 -0
  69. package/cssm/getDataTestId-5c876d98.js +8 -0
  70. package/cssm/index.js +11 -13
  71. package/cssm/{tslib.es6-9682e485.d.ts → tslib.es6-bbd6cd2a.d.ts} +0 -0
  72. package/cssm/{tslib.es6-9682e485.js → tslib.es6-bbd6cd2a.js} +0 -0
  73. package/esm/{component-65ac8158.d.ts → component-350a970b.d.ts} +0 -0
  74. package/esm/{component-65ac8158.js → component-350a970b.js} +23 -23
  75. package/esm/component.js +6 -6
  76. package/esm/components/addon/component.js +2 -2
  77. package/esm/components/addon/index.css +9 -9
  78. package/esm/components/addon/index.js +2 -2
  79. package/esm/components/amount/component.js +3 -3
  80. package/esm/components/amount/index.css +2 -2
  81. package/esm/components/amount/index.js +3 -3
  82. package/esm/components/amount-title/component.js +3 -3
  83. package/esm/components/amount-title/index.css +3 -3
  84. package/esm/components/amount-title/index.js +3 -3
  85. package/esm/components/category/component.js +2 -2
  86. package/esm/components/category/index.css +5 -5
  87. package/esm/components/category/index.js +2 -2
  88. package/esm/components/content/component.js +6 -6
  89. package/esm/components/content/index.css +3 -3
  90. package/esm/components/content/index.d.ts +1 -1
  91. package/esm/components/content/index.js +5 -5
  92. package/esm/components/footer/component.js +2 -2
  93. package/esm/components/footer/index.css +4 -4
  94. package/esm/components/footer/index.js +2 -2
  95. package/esm/components/footer-button/component.js +3 -3
  96. package/esm/components/footer-button/index.css +2 -2
  97. package/esm/components/footer-button/index.js +3 -3
  98. package/esm/components/footer-text/component.js +1 -1
  99. package/esm/components/footer-text/index.js +2 -2
  100. package/esm/components/graphics/component.js +2 -2
  101. package/esm/components/graphics/index.css +5 -5
  102. package/esm/components/graphics/index.js +2 -2
  103. package/esm/components/main/component.js +6 -6
  104. package/esm/components/main/index.css +4 -4
  105. package/esm/components/main/index.d.ts +1 -1
  106. package/esm/components/main/index.js +5 -5
  107. package/esm/components/text/component.js +7 -7
  108. package/esm/components/text/index.css +8 -7
  109. package/esm/components/text/index.d.ts +1 -1
  110. package/esm/components/text/index.js +5 -5
  111. package/esm/getDataTestId-2800bbc6.d.ts +2 -0
  112. package/esm/getDataTestId-2800bbc6.js +6 -0
  113. package/esm/index.css +19 -19
  114. package/esm/index.js +5 -5
  115. package/esm/{tslib.es6-0b81605a.d.ts → tslib.es6-4ea7ff32.d.ts} +0 -0
  116. package/esm/{tslib.es6-0b81605a.js → tslib.es6-4ea7ff32.js} +0 -0
  117. package/getDataTestId-3bdabc47.d.ts +2 -0
  118. package/getDataTestId-3bdabc47.js +8 -0
  119. package/index.css +19 -19
  120. package/index.js +5 -7
  121. package/modern/{component-24de356a.d.ts → component-32934228.d.ts} +0 -0
  122. package/modern/{component-24de356a.js → component-32934228.js} +22 -22
  123. package/modern/component.js +5 -5
  124. package/modern/components/addon/component.js +2 -2
  125. package/modern/components/addon/index.css +9 -9
  126. package/modern/components/addon/index.js +2 -2
  127. package/modern/components/amount/component.js +2 -2
  128. package/modern/components/amount/index.css +2 -2
  129. package/modern/components/amount/index.js +2 -2
  130. package/modern/components/amount-title/component.js +2 -2
  131. package/modern/components/amount-title/index.css +3 -3
  132. package/modern/components/amount-title/index.js +2 -2
  133. package/modern/components/category/component.js +2 -2
  134. package/modern/components/category/index.css +5 -5
  135. package/modern/components/category/index.js +2 -2
  136. package/modern/components/content/component.js +5 -5
  137. package/modern/components/content/index.css +3 -3
  138. package/modern/components/content/index.d.ts +1 -1
  139. package/modern/components/content/index.js +4 -4
  140. package/modern/components/footer/component.js +2 -2
  141. package/modern/components/footer/index.css +4 -4
  142. package/modern/components/footer/index.js +2 -2
  143. package/modern/components/footer-button/component.js +2 -2
  144. package/modern/components/footer-button/index.css +2 -2
  145. package/modern/components/footer-button/index.js +2 -2
  146. package/modern/components/footer-text/component.js +1 -1
  147. package/modern/components/footer-text/index.js +2 -2
  148. package/modern/components/graphics/component.js +2 -2
  149. package/modern/components/graphics/index.css +5 -5
  150. package/modern/components/graphics/index.js +2 -2
  151. package/modern/components/main/component.js +5 -5
  152. package/modern/components/main/index.css +4 -4
  153. package/modern/components/main/index.d.ts +1 -1
  154. package/modern/components/main/index.js +4 -4
  155. package/modern/components/text/component.js +6 -6
  156. package/modern/components/text/index.css +8 -7
  157. package/modern/components/text/index.d.ts +1 -1
  158. package/modern/components/text/index.js +4 -4
  159. package/modern/getDataTestId-03117f64.d.ts +2 -0
  160. package/modern/{getDataTestId-d2f80834.js → getDataTestId-03117f64.js} +0 -0
  161. package/modern/index.css +19 -19
  162. package/modern/index.js +4 -4
  163. package/package.json +5 -5
  164. package/{tslib.es6-8010907c.d.ts → tslib.es6-049a484d.d.ts} +0 -0
  165. package/{tslib.es6-8010907c.js → tslib.es6-049a484d.js} +0 -0
  166. package/component-9d5aabde.js +0 -119
  167. package/cssm/getDataTestId-12a31ec3.d.ts +0 -2
  168. package/cssm/getDataTestId-12a31ec3.js +0 -8
  169. package/esm/getDataTestId-d9920c56.d.ts +0 -2
  170. package/esm/getDataTestId-d9920c56.js +0 -6
  171. package/getDataTestId-10edb210.d.ts +0 -2
  172. package/getDataTestId-10edb210.js +0 -8
  173. package/modern/getDataTestId-d2f80834.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('../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
 
@@ -33,6 +33,7 @@
33
33
  flex-wrap: nowrap;
34
34
  justify-content: space-between;
35
35
  margin: var(--gap-3xs) 0;
36
+ word-break: break-word;
36
37
  }
37
38
  .component .vertical {
38
39
  justify-content: center;
@@ -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-0b81605a.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-4ea7ff32.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-d9920c56.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-2800bbc6.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_ecump","horizontal":"pure-cell__horizontal_ecump"};
18
+ var styles$3 = {"component":"pure-cell__component_kyki2","horizontal":"pure-cell__horizontal_kyki2"};
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_36djl","vertical":"pure-cell__vertical_36djl","reverse":"pure-cell__reverse_36djl"};
28
+ var styles$2 = {"component":"pure-cell__component_1agic","vertical":"pure-cell__vertical_1agic","reverse":"pure-cell__reverse_1agic"};
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_1pv4w","rowLimit1":"pure-cell__rowLimit1_1pv4w","rowLimit2":"pure-cell__rowLimit2_1pv4w","component":"pure-cell__component_1pv4w","vertical":"pure-cell__vertical_1pv4w","title":"pure-cell__title_1pv4w","value":"pure-cell__value_1pv4w"};
40
+ var styles$1 = {"horizontal":"pure-cell__horizontal_1mfvi","rowLimit1":"pure-cell__rowLimit1_1mfvi","rowLimit2":"pure-cell__rowLimit2_1mfvi","component":"pure-cell__component_1mfvi","vertical":"pure-cell__vertical_1mfvi","title":"pure-cell__title_1mfvi","value":"pure-cell__value_1mfvi"};
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_159d8","horizontal":"pure-cell__horizontal_159d8","vertical":"pure-cell__vertical_159d8","button":"pure-cell__button_159d8","link":"pure-cell__link_159d8","none":"pure-cell__none_159d8","airy":"pure-cell__airy_159d8","defaultPadding":"pure-cell__defaultPadding_159d8","compact":"pure-cell__compact_159d8","tiny":"pure-cell__tiny_159d8","left":"pure-cell__left_159d8","right":"pure-cell__right_159d8","both":"pure-cell__both_159d8","focused":"pure-cell__focused_159d8"};
55
+ var styles = {"component":"pure-cell__component_1x11u","horizontal":"pure-cell__horizontal_1x11u","vertical":"pure-cell__vertical_1x11u","button":"pure-cell__button_1x11u","link":"pure-cell__link_1x11u","none":"pure-cell__none_1x11u","airy":"pure-cell__airy_1x11u","defaultPadding":"pure-cell__defaultPadding_1x11u","compact":"pure-cell__compact_1x11u","tiny":"pure-cell__tiny_1x11u","left":"pure-cell__left_1x11u","right":"pure-cell__right_1x11u","both":"pure-cell__both_1x11u","focused":"pure-cell__focused_1x11u"};
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-0b81605a.js';
1
+ import './tslib.es6-4ea7ff32.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-d9920c56.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-65ac8158.js';
11
+ export { P as PureCell, a as PureCellContext } from './component-350a970b.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-2800bbc6.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-d9920c56.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-2800bbc6.js';
4
4
 
5
- var styles = {"component":"pure-cell__component_2qtvc","none":"pure-cell__none_2qtvc","default":"pure-cell__default_2qtvc","addonPadding":"pure-cell__addonPadding_2qtvc","top":"pure-cell__top_2qtvc","center":"pure-cell__center_2qtvc","bottom":"pure-cell__bottom_2qtvc"};
5
+ var styles = {"component":"pure-cell__component_emawe","none":"pure-cell__none_emawe","default":"pure-cell__default_emawe","addonPadding":"pure-cell__addonPadding_emawe","top":"pure-cell__top_emawe","center":"pure-cell__center_emawe","bottom":"pure-cell__bottom_emawe"};
6
6
  require('./index.css')
7
7
 
8
8
  var Addon = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 16pby */
1
+ /* hash: a17hq */
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_2qtvc {
13
+ .pure-cell__component_emawe {
14
14
  display: flex;
15
15
  flex-direction: column;
16
16
  align-items: flex-end
17
17
  }
18
- .pure-cell__component_2qtvc > * {
18
+ .pure-cell__component_emawe > * {
19
19
  justify-content: flex-end;
20
20
  }
21
- .pure-cell__component_2qtvc.pure-cell__none_2qtvc {
21
+ .pure-cell__component_emawe.pure-cell__none_emawe {
22
22
  padding-left: 0;
23
23
  }
24
- .pure-cell__component_2qtvc.pure-cell__default_2qtvc {
24
+ .pure-cell__component_emawe.pure-cell__default_emawe {
25
25
  padding-left: var(--gap-m);
26
26
  }
27
- .pure-cell__component_2qtvc.pure-cell__addonPadding_2qtvc {
27
+ .pure-cell__component_emawe.pure-cell__addonPadding_emawe {
28
28
  padding-left: var(--gap-m);
29
29
  }
30
- .pure-cell__component_2qtvc.pure-cell__top_2qtvc {
30
+ .pure-cell__component_emawe.pure-cell__top_emawe {
31
31
  align-self: flex-start;
32
32
  }
33
- .pure-cell__component_2qtvc.pure-cell__center_2qtvc {
33
+ .pure-cell__component_emawe.pure-cell__center_emawe {
34
34
  align-self: center;
35
35
  }
36
- .pure-cell__component_2qtvc.pure-cell__bottom_2qtvc {
36
+ .pure-cell__component_emawe.pure-cell__bottom_emawe {
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-d9920c56.js';
4
- export { Addon } from './component.js';
4
+ import '../../getDataTestId-2800bbc6.js';
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-0b81605a.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-4ea7ff32.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
- import { g as getDataTestId } from '../../getDataTestId-d9920c56.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-2800bbc6.js';
7
7
 
8
- var styles = {"component":"pure-cell__component_4v24m"};
8
+ var styles = {"component":"pure-cell__component_wm1e5"};
9
9
  require('./index.css')
10
10
 
11
11
  var Amount = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1gvny */
1
+ /* hash: uzcsz */
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_4v24m {
13
+ .pure-cell__component_wm1e5 {
14
14
  padding: var(--gap-3xs) 0;
15
15
  display: flex;
16
16
  }
@@ -1,7 +1,7 @@
1
- import '../../tslib.es6-0b81605a.js';
1
+ export { Amount } from './component.js';
2
+ import '../../tslib.es6-4ea7ff32.js';
2
3
  import 'react';
3
4
  import 'classnames';
4
- import '../../getDataTestId-d9920c56.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-2800bbc6.js';
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-0b81605a.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-4ea7ff32.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
- import { g as getDataTestId } from '../../getDataTestId-d9920c56.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-2800bbc6.js';
7
7
 
8
- var styles = {"component":"pure-cell__component_kjo0f","weight":"pure-cell__weight_kjo0f"};
8
+ var styles = {"component":"pure-cell__component_18719","weight":"pure-cell__weight_18719"};
9
9
  require('./index.css')
10
10
 
11
11
  var AmountTitle = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: rsg7y */
1
+ /* hash: 658c9 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,9 +7,9 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_kjo0f {
10
+ .pure-cell__component_18719 {
11
11
  display: flex;
12
12
  }
13
- .pure-cell__weight_kjo0f {
13
+ .pure-cell__weight_18719 {
14
14
  font-weight: inherit;
15
15
  }
@@ -1,7 +1,7 @@
1
- import '../../tslib.es6-0b81605a.js';
1
+ export { AmountTitle } from './component.js';
2
+ import '../../tslib.es6-4ea7ff32.js';
2
3
  import 'react';
3
4
  import 'classnames';
4
- import '../../getDataTestId-d9920c56.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-2800bbc6.js';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import { g as getDataTestId } from '../../getDataTestId-d9920c56.js';
3
2
  import { Typography } from '@alfalab/core-components-typography/esm';
3
+ import { g as getDataTestId } from '../../getDataTestId-2800bbc6.js';
4
4
 
5
- var styles = {"component":"pure-cell__component_wqcau","categoryName":"pure-cell__categoryName_wqcau","categoryPercent":"pure-cell__categoryPercent_wqcau","rightAddon":"pure-cell__rightAddon_wqcau"};
5
+ var styles = {"component":"pure-cell__component_18l3z","categoryName":"pure-cell__categoryName_18l3z","categoryPercent":"pure-cell__categoryPercent_18l3z","rightAddon":"pure-cell__rightAddon_18l3z"};
6
6
  require('./index.css')
7
7
 
8
8
  var Category = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 86wbx */
1
+ /* hash: 1lksi */
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_wqcau {
21
+ .pure-cell__component_18l3z {
22
22
  display: flex;
23
23
  overflow: hidden;
24
24
  padding: var(--gap-3xs) 0;
25
25
  }
26
- .pure-cell__categoryName_wqcau {
26
+ .pure-cell__categoryName_18l3z {
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_wqcau {
33
+ .pure-cell__categoryPercent_18l3z {
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_wqcau {
39
+ .pure-cell__rightAddon_18l3z {
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-d9920c56.js';
3
3
  import '@alfalab/core-components-typography/esm';
4
- export { Category } from './component.js';
4
+ import '../../getDataTestId-2800bbc6.js';
@@ -1,19 +1,19 @@
1
- import '../../tslib.es6-0b81605a.js';
2
1
  import 'react';
3
- import 'react-merge-refs';
4
2
  import 'classnames';
3
+ import '../../getDataTestId-2800bbc6.js';
4
+ export { C as Content } from '../../component-350a970b.js';
5
+ import '../../tslib.es6-4ea7ff32.js';
6
+ import 'react-merge-refs';
5
7
  import '@alfalab/core-components-comment/esm';
6
8
  import '@alfalab/hooks';
7
- import '../../getDataTestId-d9920c56.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-65ac8158.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: 199t3 */
1
+ /* hash: 6k3io */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,12 +7,12 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_ecump {
10
+ .pure-cell__component_kyki2 {
11
11
  flex-basis: 100%;
12
12
  display: grid;
13
13
  grid-template-columns: 1fr auto
14
14
  }
15
- .pure-cell__component_ecump.pure-cell__horizontal_ecump {
15
+ .pure-cell__component_kyki2.pure-cell__horizontal_kyki2 {
16
16
  /* for button */
17
17
  align-self: stretch;
18
18
  }
@@ -1 +1 @@
1
- export * from "../../component-65ac8158";
1
+ export * from "../../component-350a970b";
@@ -1,19 +1,19 @@
1
- import '../../tslib.es6-0b81605a.js';
1
+ export { C as Content } from '../../component-350a970b.js';
2
+ import '../../tslib.es6-4ea7ff32.js';
2
3
  import 'react';
3
4
  import 'react-merge-refs';
4
5
  import 'classnames';
5
6
  import '@alfalab/core-components-comment/esm';
6
7
  import '@alfalab/hooks';
7
- import '../../getDataTestId-d9920c56.js';
8
8
  import '../addon/component.js';
9
+ import '../../getDataTestId-2800bbc6.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-65ac8158.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,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-d9920c56.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-2800bbc6.js';
4
4
 
5
- var styles = {"component":"pure-cell__component_1f5d9","none":"pure-cell__none_1f5d9","default":"pure-cell__default_1f5d9"};
5
+ var styles = {"component":"pure-cell__component_1bq3v","none":"pure-cell__none_1bq3v","default":"pure-cell__default_1bq3v"};
6
6
  require('./index.css')
7
7
 
8
8
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 2pffb */
1
+ /* hash: w7wkc */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,14 +10,14 @@
10
10
  :root {
11
11
  --gap-xs: 8px;
12
12
  }
13
- .pure-cell__component_1f5d9 {
13
+ .pure-cell__component_1bq3v {
14
14
  grid-column: 1/3;
15
15
  display: grid;
16
16
  grid-row-gap: var(--gap-xs)
17
17
  }
18
- .pure-cell__component_1f5d9.pure-cell__none_1f5d9 {
18
+ .pure-cell__component_1bq3v.pure-cell__none_1bq3v {
19
19
  margin-top: 0;
20
20
  }
21
- .pure-cell__component_1f5d9.pure-cell__default_1f5d9 {
21
+ .pure-cell__component_1bq3v.pure-cell__default_1bq3v {
22
22
  margin-top: var(--gap-xs);
23
23
  }
@@ -1,4 +1,4 @@
1
+ export { Footer } from './component.js';
1
2
  import 'react';
2
3
  import 'classnames';
3
- import '../../getDataTestId-d9920c56.js';
4
- export { Footer } from './component.js';
4
+ import '../../getDataTestId-2800bbc6.js';
@@ -1,9 +1,9 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-0b81605a.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-4ea7ff32.js';
2
2
  import React from 'react';
3
- import { g as getDataTestId } from '../../getDataTestId-d9920c56.js';
4
3
  import { Button } from '@alfalab/core-components-button/esm';
4
+ import { g as getDataTestId } from '../../getDataTestId-2800bbc6.js';
5
5
 
6
- var styles = {"component":"pure-cell__component_1clg4"};
6
+ var styles = {"component":"pure-cell__component_1vwx3"};
7
7
  require('./index.css')
8
8
 
9
9
  var FooterButton = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: qv5uu */
1
+ /* hash: 1tkvf */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,6 +7,6 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_1clg4 {
10
+ .pure-cell__component_1vwx3 {
11
11
  justify-self: start;
12
12
  }