@alfalab/core-components-pure-cell 3.0.2 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (187) hide show
  1. package/component-3f45f3c4.d.ts +5 -7
  2. package/{component-e370ba4a.d.ts → component-e81848a4.d.ts} +0 -0
  3. package/{component-e370ba4a.js → component-e81848a4.js} +11 -10
  4. package/component.js +4 -3
  5. package/components/addon/component.d.ts +1 -1
  6. package/components/addon/component.js +4 -7
  7. package/components/addon/index.css +15 -8
  8. package/components/addon/index.js +1 -1
  9. package/components/amount/component.d.ts +2 -6
  10. package/components/amount/component.js +6 -6
  11. package/components/amount/index.css +2 -2
  12. package/components/amount/index.js +2 -1
  13. package/components/amount-title/component.d.ts +1 -9
  14. package/components/amount-title/component.js +5 -5
  15. package/components/amount-title/index.css +3 -3
  16. package/components/amount-title/index.js +2 -1
  17. package/components/category/component.d.ts +5 -0
  18. package/components/category/component.js +5 -4
  19. package/components/category/index.css +8 -4
  20. package/components/category/index.js +1 -1
  21. package/components/content/component.js +4 -3
  22. package/components/content/index.css +3 -3
  23. package/components/content/index.d.ts +1 -1
  24. package/components/content/index.js +4 -3
  25. package/components/footer/component.js +2 -2
  26. package/components/footer/index.css +4 -4
  27. package/components/footer/index.js +1 -1
  28. package/components/footer-button/component.d.ts +5 -0
  29. package/components/footer-button/component.js +15 -5
  30. package/components/footer-button/index.css +2 -2
  31. package/components/footer-button/index.d.ts +1 -1
  32. package/components/footer-button/index.js +3 -2
  33. package/components/footer-text/component.js +1 -1
  34. package/components/footer-text/index.js +1 -1
  35. package/components/graphics/component.js +2 -2
  36. package/components/graphics/index.css +2 -2
  37. package/components/graphics/index.js +1 -1
  38. package/components/main/component.js +4 -3
  39. package/components/main/index.css +4 -4
  40. package/components/main/index.d.ts +1 -1
  41. package/components/main/index.js +4 -3
  42. package/components/text/component.js +4 -3
  43. package/components/text/index.css +10 -8
  44. package/components/text/index.d.ts +1 -1
  45. package/components/text/index.js +4 -3
  46. package/components/typesProps.d.ts +2 -2
  47. package/cssm/{component-d3306cf3.d.ts → component-0839382a.d.ts} +0 -0
  48. package/cssm/{component-d3306cf3.js → component-0839382a.js} +6 -5
  49. package/cssm/component-3f45f3c4.d.ts +5 -7
  50. package/cssm/component.js +3 -2
  51. package/cssm/components/addon/component.d.ts +1 -1
  52. package/cssm/components/addon/component.js +2 -5
  53. package/cssm/components/addon/index.module.css +8 -1
  54. package/cssm/components/amount/component.d.ts +2 -6
  55. package/cssm/components/amount/component.js +4 -4
  56. package/cssm/components/amount/index.js +1 -0
  57. package/cssm/components/amount-title/component.d.ts +1 -9
  58. package/cssm/components/amount-title/component.js +3 -3
  59. package/cssm/components/amount-title/index.js +1 -0
  60. package/cssm/components/category/component.d.ts +5 -0
  61. package/cssm/components/category/component.js +3 -2
  62. package/cssm/components/category/index.module.css +4 -0
  63. package/cssm/components/content/component.js +3 -2
  64. package/cssm/components/content/index.d.ts +1 -1
  65. package/cssm/components/content/index.js +3 -2
  66. package/cssm/components/footer-button/component.d.ts +5 -0
  67. package/cssm/components/footer-button/component.js +14 -6
  68. package/cssm/components/footer-button/index.d.ts +1 -1
  69. package/cssm/components/footer-button/index.js +2 -1
  70. package/cssm/components/main/component.js +3 -2
  71. package/cssm/components/main/index.d.ts +1 -1
  72. package/cssm/components/main/index.js +3 -2
  73. package/cssm/components/text/component.js +3 -2
  74. package/cssm/components/text/index.d.ts +1 -1
  75. package/cssm/components/text/index.js +3 -2
  76. package/cssm/components/text/index.module.css +4 -2
  77. package/cssm/components/typesProps.d.ts +2 -2
  78. package/cssm/index.js +3 -2
  79. package/{component-44707ae5.d.ts → cssm/tslib.es6-ce870b46.d.ts} +1 -5
  80. package/{component-44707ae5.js → cssm/tslib.es6-ce870b46.js} +0 -17
  81. package/esm/component-3f45f3c4.d.ts +5 -7
  82. package/esm/{component-6954d6a5.d.ts → component-92010732.d.ts} +0 -0
  83. package/esm/{component-6954d6a5.js → component-92010732.js} +8 -7
  84. package/esm/component.js +4 -3
  85. package/esm/components/addon/component.d.ts +1 -1
  86. package/esm/components/addon/component.js +4 -7
  87. package/esm/components/addon/index.css +15 -8
  88. package/esm/components/addon/index.js +1 -1
  89. package/esm/components/amount/component.d.ts +2 -6
  90. package/esm/components/amount/component.js +6 -6
  91. package/esm/components/amount/index.css +2 -2
  92. package/esm/components/amount/index.js +2 -1
  93. package/esm/components/amount-title/component.d.ts +1 -9
  94. package/esm/components/amount-title/component.js +5 -5
  95. package/esm/components/amount-title/index.css +3 -3
  96. package/esm/components/amount-title/index.js +2 -1
  97. package/esm/components/category/component.d.ts +5 -0
  98. package/esm/components/category/component.js +5 -4
  99. package/esm/components/category/index.css +8 -4
  100. package/esm/components/category/index.js +1 -1
  101. package/esm/components/content/component.js +4 -3
  102. package/esm/components/content/index.css +3 -3
  103. package/esm/components/content/index.d.ts +1 -1
  104. package/esm/components/content/index.js +4 -3
  105. package/esm/components/footer/component.js +2 -2
  106. package/esm/components/footer/index.css +4 -4
  107. package/esm/components/footer/index.js +1 -1
  108. package/esm/components/footer-button/component.d.ts +5 -0
  109. package/esm/components/footer-button/component.js +14 -4
  110. package/esm/components/footer-button/index.css +2 -2
  111. package/esm/components/footer-button/index.d.ts +1 -1
  112. package/esm/components/footer-button/index.js +3 -2
  113. package/esm/components/footer-text/component.js +1 -1
  114. package/esm/components/footer-text/index.js +1 -1
  115. package/esm/components/graphics/component.js +2 -2
  116. package/esm/components/graphics/index.css +2 -2
  117. package/esm/components/graphics/index.js +1 -1
  118. package/esm/components/main/component.js +4 -3
  119. package/esm/components/main/index.css +4 -4
  120. package/esm/components/main/index.d.ts +1 -1
  121. package/esm/components/main/index.js +4 -3
  122. package/esm/components/text/component.js +4 -3
  123. package/esm/components/text/index.css +10 -8
  124. package/esm/components/text/index.d.ts +1 -1
  125. package/esm/components/text/index.js +4 -3
  126. package/esm/components/typesProps.d.ts +2 -2
  127. package/esm/{getDataTestId-0192477a.d.ts → getDataTestId-a5ad08de.d.ts} +0 -0
  128. package/esm/{getDataTestId-0192477a.js → getDataTestId-a5ad08de.js} +0 -0
  129. package/esm/index.css +19 -19
  130. package/esm/index.js +4 -3
  131. package/esm/{component-700187d7.d.ts → tslib.es6-1c2475cc.d.ts} +1 -5
  132. package/esm/{component-700187d7.js → tslib.es6-1c2475cc.js} +1 -13
  133. package/{getDataTestId-6d196b22.d.ts → getDataTestId-874edbee.d.ts} +0 -0
  134. package/{getDataTestId-6d196b22.js → getDataTestId-874edbee.js} +0 -0
  135. package/index.css +19 -19
  136. package/index.js +4 -3
  137. package/modern/{component-57adeea3.d.ts → component-0aebd563.d.ts} +0 -0
  138. package/modern/{component-57adeea3.js → component-0aebd563.js} +6 -6
  139. package/modern/component-3f45f3c4.d.ts +5 -7
  140. package/modern/component.js +2 -2
  141. package/modern/components/addon/component.d.ts +1 -1
  142. package/modern/components/addon/component.js +3 -5
  143. package/modern/components/addon/index.css +15 -8
  144. package/modern/components/addon/index.js +1 -1
  145. package/modern/components/amount/component.d.ts +2 -6
  146. package/modern/components/amount/component.js +5 -6
  147. package/modern/components/amount/index.css +2 -2
  148. package/modern/components/amount/index.js +1 -1
  149. package/modern/components/amount-title/component.d.ts +1 -9
  150. package/modern/components/amount-title/component.js +4 -5
  151. package/modern/components/amount-title/index.css +3 -3
  152. package/modern/components/amount-title/index.js +1 -1
  153. package/modern/components/category/component.d.ts +5 -0
  154. package/modern/components/category/component.js +5 -4
  155. package/modern/components/category/index.css +8 -4
  156. package/modern/components/category/index.js +1 -1
  157. package/modern/components/content/component.js +2 -2
  158. package/modern/components/content/index.css +3 -3
  159. package/modern/components/content/index.d.ts +1 -1
  160. package/modern/components/content/index.js +2 -2
  161. package/modern/components/footer/component.js +2 -2
  162. package/modern/components/footer/index.css +4 -4
  163. package/modern/components/footer/index.js +1 -1
  164. package/modern/components/footer-button/component.js +2 -2
  165. package/modern/components/footer-button/index.css +2 -2
  166. package/modern/components/footer-button/index.js +1 -1
  167. package/modern/components/footer-text/component.js +1 -1
  168. package/modern/components/footer-text/index.js +1 -1
  169. package/modern/components/graphics/component.js +2 -2
  170. package/modern/components/graphics/index.css +2 -2
  171. package/modern/components/graphics/index.js +1 -1
  172. package/modern/components/main/component.js +2 -2
  173. package/modern/components/main/index.css +4 -4
  174. package/modern/components/main/index.d.ts +1 -1
  175. package/modern/components/main/index.js +2 -2
  176. package/modern/components/text/component.js +2 -2
  177. package/modern/components/text/index.css +10 -8
  178. package/modern/components/text/index.d.ts +1 -1
  179. package/modern/components/text/index.js +2 -2
  180. package/modern/components/typesProps.d.ts +2 -2
  181. package/modern/{getDataTestId-bcfbe2e1.d.ts → getDataTestId-997a290e.d.ts} +0 -0
  182. package/modern/{getDataTestId-bcfbe2e1.js → getDataTestId-997a290e.js} +0 -0
  183. package/modern/index.css +19 -19
  184. package/modern/index.js +2 -2
  185. package/package.json +4 -4
  186. package/{cssm/component-22ece846.d.ts → tslib.es6-37028810.d.ts} +1 -5
  187. package/{cssm/component-22ece846.js → tslib.es6-37028810.js} +0 -16
@@ -1,4 +1,4 @@
1
- /* hash: 1w7u3 */
1
+ /* hash: 1tovw */
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_1jshl {
13
+ .pure-cell__component_1kl8c {
14
14
  grid-column: 1/3;
15
15
  display: grid;
16
16
  grid-row-gap: var(--gap-xs)
17
17
  }
18
- .pure-cell__component_1jshl.pure-cell__none_1jshl {
18
+ .pure-cell__component_1kl8c.pure-cell__none_1kl8c {
19
19
  margin-top: 0;
20
20
  }
21
- .pure-cell__component_1jshl.pure-cell__default_1jshl {
21
+ .pure-cell__component_1kl8c.pure-cell__default_1kl8c {
22
22
  margin-top: var(--gap-xs);
23
23
  }
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('react');
6
6
  require('classnames');
7
- require('../../getDataTestId-6d196b22.js');
7
+ require('../../getDataTestId-874edbee.js');
8
8
  var components_footer_component = require('./component.js');
9
9
 
10
10
 
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { ButtonProps } from "@alfalab/core-components-button";
4
+ declare const FooterButton: React.FC<ButtonProps>;
5
+ export { FooterButton };
@@ -2,11 +2,21 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_footerButton_component = require('../../component-44707ae5.js');
6
- require('react');
7
- require('../../getDataTestId-6d196b22.js');
8
- require('@alfalab/core-components-button');
5
+ var tslib_es6 = require('../../tslib.es6-37028810.js');
6
+ var React = require('react');
7
+ var getDataTestId = require('../../getDataTestId-874edbee.js');
8
+ var coreComponentsButton = require('@alfalab/core-components-button');
9
9
 
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
11
 
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
13
 
12
- exports.FooterButton = components_footerButton_component.FooterButton;
14
+ var styles = {"component":"pure-cell__component_ork4a"};
15
+ require('./index.css')
16
+
17
+ var FooterButton = function (_a) {
18
+ var children = _a.children, dataTestId = _a.dataTestId, props = tslib_es6.__rest(_a, ["children", "dataTestId"]);
19
+ return (React__default['default'].createElement(coreComponentsButton.Button, tslib_es6.__assign({}, props, { size: 'xxs', dataTestId: getDataTestId.getDataTestId(dataTestId, 'button'), className: styles.component }), children));
20
+ };
21
+
22
+ exports.FooterButton = FooterButton;
@@ -1,4 +1,4 @@
1
- /* hash: 8d46x */
1
+ /* hash: 1suor */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,6 +7,6 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_pkavn {
10
+ .pure-cell__component_ork4a {
11
11
  justify-self: start;
12
12
  }
@@ -1 +1 @@
1
- export * from "../../component-44707ae5";
1
+ export * from "./component";
@@ -2,10 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_footerButton_component = require('../../component-44707ae5.js');
5
+ require('../../tslib.es6-37028810.js');
6
6
  require('react');
7
- require('../../getDataTestId-6d196b22.js');
7
+ require('../../getDataTestId-874edbee.js');
8
8
  require('@alfalab/core-components-button');
9
+ var components_footerButton_component = require('./component.js');
9
10
 
10
11
 
11
12
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var getDataTestId = require('../../getDataTestId-6d196b22.js');
6
+ var getDataTestId = require('../../getDataTestId-874edbee.js');
7
7
  var coreComponentsTypography = require('@alfalab/core-components-typography');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('react');
6
- require('../../getDataTestId-6d196b22.js');
6
+ require('../../getDataTestId-874edbee.js');
7
7
  require('@alfalab/core-components-typography');
8
8
  var components_footerText_component = require('./component.js');
9
9
 
@@ -3,13 +3,13 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var getDataTestId = require('../../getDataTestId-6d196b22.js');
6
+ var getDataTestId = require('../../getDataTestId-874edbee.js');
7
7
 
8
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
9
 
10
10
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
11
 
12
- var styles = {"component":"pure-cell__component_128ww"};
12
+ var styles = {"component":"pure-cell__component_111dx"};
13
13
  require('./index.css')
14
14
 
15
15
  var Graphics = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 4v8q2 */
1
+ /* hash: dd73g */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,6 +7,6 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_128ww {
10
+ .pure-cell__component_111dx {
11
11
  flex-basis: auto;
12
12
  }
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('react');
6
- require('../../getDataTestId-6d196b22.js');
6
+ require('../../getDataTestId-874edbee.js');
7
7
  var components_graphics_component = require('./component.js');
8
8
 
9
9
 
@@ -2,22 +2,23 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../component-44707ae5.js');
5
+ require('../../tslib.es6-37028810.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
9
  require('@alfalab/hooks');
10
10
  require('@alfalab/core-components-comment');
11
- require('../../getDataTestId-6d196b22.js');
11
+ require('../../getDataTestId-874edbee.js');
12
12
  require('../addon/component.js');
13
13
  require('@alfalab/core-components-typography');
14
14
  require('@alfalab/core-components-amount');
15
15
  require('../amount/component.js');
16
16
  require('../amount-title/component.js');
17
17
  require('../category/component.js');
18
- var components_content_component = require('../../component-e370ba4a.js');
18
+ var components_content_component = require('../../component-e81848a4.js');
19
19
  require('../footer/component.js');
20
20
  require('@alfalab/core-components-button');
21
+ require('../footer-button/component.js');
21
22
  require('../footer-text/component.js');
22
23
  require('../graphics/component.js');
23
24
 
@@ -1,4 +1,4 @@
1
- /* hash: 17h8g */
1
+ /* hash: sxozn */
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_6r3xb {
13
+ .pure-cell__component_ikr9m {
14
14
  display: flex;
15
15
  flex-direction: column;
16
16
  align-self: center;
@@ -18,7 +18,7 @@
18
18
  /* can use /r/n */
19
19
  white-space: pre-line
20
20
  }
21
- .pure-cell__component_6r3xb.pure-cell__vertical_6r3xb {
21
+ .pure-cell__component_ikr9m.pure-cell__vertical_ikr9m {
22
22
  grid-row-gap: var(--gap-3xs);
23
23
  justify-content: center;
24
24
  align-items: center;
@@ -26,6 +26,6 @@
26
26
  /* for button */
27
27
  text-align: center;
28
28
  }
29
- .pure-cell__component_6r3xb.pure-cell__reverse_6r3xb {
29
+ .pure-cell__component_ikr9m.pure-cell__reverse_ikr9m {
30
30
  flex-direction: column-reverse;
31
31
  }
@@ -1 +1 @@
1
- export * from "../../component-e370ba4a";
1
+ export * from "../../component-e81848a4";
@@ -2,22 +2,23 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../component-44707ae5.js');
5
+ require('../../tslib.es6-37028810.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
9
  require('@alfalab/hooks');
10
10
  require('@alfalab/core-components-comment');
11
- require('../../getDataTestId-6d196b22.js');
11
+ require('../../getDataTestId-874edbee.js');
12
12
  require('../addon/component.js');
13
13
  require('@alfalab/core-components-typography');
14
14
  require('@alfalab/core-components-amount');
15
15
  require('../amount/component.js');
16
16
  require('../amount-title/component.js');
17
17
  require('../category/component.js');
18
- var components_content_component = require('../../component-e370ba4a.js');
18
+ var components_content_component = require('../../component-e81848a4.js');
19
19
  require('../footer/component.js');
20
20
  require('@alfalab/core-components-button');
21
+ require('../footer-button/component.js');
21
22
  require('../footer-text/component.js');
22
23
  require('../graphics/component.js');
23
24
 
@@ -2,22 +2,23 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../component-44707ae5.js');
5
+ require('../../tslib.es6-37028810.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
9
  require('@alfalab/hooks');
10
10
  require('@alfalab/core-components-comment');
11
- require('../../getDataTestId-6d196b22.js');
11
+ require('../../getDataTestId-874edbee.js');
12
12
  require('../addon/component.js');
13
13
  require('@alfalab/core-components-typography');
14
14
  require('@alfalab/core-components-amount');
15
15
  require('../amount/component.js');
16
16
  require('../amount-title/component.js');
17
17
  require('../category/component.js');
18
- var components_content_component = require('../../component-e370ba4a.js');
18
+ var components_content_component = require('../../component-e81848a4.js');
19
19
  require('../footer/component.js');
20
20
  require('@alfalab/core-components-button');
21
+ require('../footer-button/component.js');
21
22
  require('../footer-text/component.js');
22
23
  require('../graphics/component.js');
23
24
 
@@ -1,4 +1,4 @@
1
- /* hash: 89piq */
1
+ /* hash: 5qrb6 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,31 +11,33 @@
11
11
  --gap-3xs: 2px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .pure-cell__horizontal_1ui98 {
14
+ .pure-cell__horizontal_1vazz {
15
15
  padding: var(--gap-3xs) 0;
16
16
  }
17
- .pure-cell__rowLimit1_1ui98 {
17
+ .pure-cell__rowLimit1_1vazz {
18
18
  display: -webkit-box;
19
19
  -webkit-line-clamp: 1;
20
20
  -webkit-box-orient: vertical;
21
21
  overflow: hidden;
22
+ word-break: break-all;
22
23
  }
23
- .pure-cell__rowLimit2_1ui98 {
24
+ .pure-cell__rowLimit2_1vazz {
24
25
  display: -webkit-box;
25
26
  -webkit-line-clamp: 2;
26
27
  -webkit-box-orient: vertical;
27
28
  overflow: hidden;
28
29
  }
29
- .pure-cell__component_1ui98 {
30
+ .pure-cell__component_1vazz {
30
31
  display: flex;
31
32
  flex-direction: row;
32
33
  flex-wrap: nowrap;
33
34
  justify-content: space-between;
34
35
  margin: var(--gap-3xs) 0;
35
36
  }
36
- .pure-cell__component_1ui98 .pure-cell__vertical_1ui98 {
37
+ .pure-cell__component_1vazz .pure-cell__vertical_1vazz {
37
38
  justify-content: center;
38
39
  }
39
- .pure-cell__title_1ui98 {
40
- margin-right: var(--gap-m);
40
+ .pure-cell__title_1vazz + .pure-cell__value_1vazz {
41
+ margin-left: var(--gap-m);
42
+ flex-shrink: 0;
41
43
  }
@@ -1 +1 @@
1
- export * from "../../component-e370ba4a";
1
+ export * from "../../component-e81848a4";
@@ -2,22 +2,23 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../component-44707ae5.js');
5
+ require('../../tslib.es6-37028810.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
9
  require('@alfalab/hooks');
10
10
  require('@alfalab/core-components-comment');
11
- require('../../getDataTestId-6d196b22.js');
11
+ require('../../getDataTestId-874edbee.js');
12
12
  require('../addon/component.js');
13
13
  require('@alfalab/core-components-typography');
14
14
  require('@alfalab/core-components-amount');
15
15
  require('../amount/component.js');
16
16
  require('../amount-title/component.js');
17
17
  require('../category/component.js');
18
- var components_content_component = require('../../component-e370ba4a.js');
18
+ var components_content_component = require('../../component-e81848a4.js');
19
19
  require('../footer/component.js');
20
20
  require('@alfalab/core-components-button');
21
+ require('../footer-button/component.js');
21
22
  require('../footer-text/component.js');
22
23
  require('../graphics/component.js');
23
24
 
@@ -16,7 +16,7 @@ type AmountProps = {
16
16
  /**
17
17
  * Количество минорных единиц в валюте
18
18
  */
19
- minority: number;
19
+ minority?: number;
20
20
  /**
21
21
  * Делает минорную часть полупрозрачной
22
22
  */
@@ -24,7 +24,7 @@ type AmountProps = {
24
24
  /**
25
25
  * Количество минорных единиц в валюте для Клика
26
26
  */
27
- minorUnits: number;
27
+ minorUnits?: number;
28
28
  /**
29
29
  * default - не отображаем копейки, если их значение 0
30
30
  * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var components_footerButton_component = require('./component-22ece846.js');
3
+ var tslib_es6 = require('./tslib.es6-ce870b46.js');
4
4
  var React = require('react');
5
5
  var mergeRefs = require('react-merge-refs');
6
6
  var cn = require('classnames');
@@ -14,6 +14,7 @@ var components_amountTitle_component = require('./components/amount-title/compon
14
14
  var components_category_component = require('./components/category/component.js');
15
15
  var styles = require('./components/content/index.module.css');
16
16
  var components_footer_component = require('./components/footer/component.js');
17
+ var components_footerButton_component = require('./components/footer-button/component.js');
17
18
  var components_footerText_component = require('./components/footer-text/component.js');
18
19
  var components_graphics_component = require('./components/graphics/component.js');
19
20
  var styles$1 = require('./components/main/index.module.css');
@@ -55,13 +56,13 @@ var Text = function (_a) {
55
56
  _b[styles__default$2['default'].vertical] = direction !== 'horizontal',
56
57
  _b)) },
57
58
  React__default['default'].createElement("span", { className: styles__default$2['default'].title }, typeof children === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: titleColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, children)) : (children)),
58
- React__default['default'].createElement("span", null, typeof value === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, value)) : (value))));
59
+ value !== undefined && (React__default['default'].createElement("span", { className: styles__default$2['default'].value }, typeof value === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, value)) : (value)))));
59
60
  };
60
61
 
61
62
  var PureCellContext = React__default['default'].createContext({});
62
63
  var PureCellComponent = React.forwardRef(function (_a, ref) {
63
64
  var _b, _c;
64
- var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = components_footerButton_component.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
65
+ var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = tslib_es6.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
65
66
  var cellRef = React.useRef(null);
66
67
  var focused = hooks.useFocus(cellRef, 'keyboard')[0];
67
68
  var addClasses = (_b = {},
@@ -76,11 +77,11 @@ var PureCellComponent = React.forwardRef(function (_a, ref) {
76
77
  var target = restProps.target;
77
78
  // Для совместимости с react-router-dom, меняем href на to
78
79
  var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
79
- return (React__default['default'].createElement(Component, components_footerButton_component.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles__default$3['default'].link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
80
+ return (React__default['default'].createElement(Component, tslib_es6.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles__default$3['default'].link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
80
81
  React__default['default'].createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
81
82
  }
82
83
  if (onClick) {
83
- return (React__default['default'].createElement(Component, components_footerButton_component.__assign({}, restProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles__default$3['default'].button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
84
+ return (React__default['default'].createElement(Component, tslib_es6.__assign({}, restProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles__default$3['default'].button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
84
85
  React__default['default'].createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
85
86
  }
86
87
  return (React__default['default'].createElement(Component, { ref: ref, tabIndex: 0, className: cn__default['default'](addClasses, className), "data-test-id": dataTestId },
@@ -70,19 +70,16 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
70
70
  dataTestId?: string | undefined;
71
71
  }>;
72
72
  Amount: React.FC<{
73
- amount: import("./components/typesProps").AmountProps;
74
73
  weight?: "bold" | "normal" | undefined;
75
- view?: "primary-small" | "component" | undefined;
74
+ textView?: "primary-small" | "component" | undefined;
76
75
  color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
77
76
  dataTestId?: string | undefined;
78
- }>;
77
+ } & import("./components/typesProps").AmountProps>;
79
78
  AmountTitle: React.FC<{
80
- amount: import("./components/typesProps").AmountProps;
81
79
  color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
82
- dataTestId?: string | undefined;
83
- }>;
80
+ } & import("./components/typesProps").AmountProps>;
84
81
  Addon: React.FC<{
85
- verticalAlign?: "center" | undefined;
82
+ verticalAlign?: "top" | "center" | "bottom" | undefined;
86
83
  addonPadding?: "default" | "none" | undefined;
87
84
  children: import("./components/types").AddonElement;
88
85
  dataTestId?: string | undefined;
@@ -98,6 +95,7 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
98
95
  Category: React.FC<{
99
96
  categoryName: string;
100
97
  categoryPercent?: number | undefined;
98
+ rightAddons?: React.ReactNode;
101
99
  dataTestId?: string | undefined;
102
100
  }>;
103
101
  };
package/cssm/component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./component-22ece846.js');
5
+ require('./tslib.es6-ce870b46.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
@@ -20,11 +20,12 @@ require('./components/amount-title/component.js');
20
20
  require('./components/category/index.module.css');
21
21
  require('./components/category/component.js');
22
22
  require('./components/content/index.module.css');
23
- var components_content_component = require('./component-d3306cf3.js');
23
+ var components_content_component = require('./component-0839382a.js');
24
24
  require('./components/footer/index.module.css');
25
25
  require('./components/footer/component.js');
26
26
  require('@alfalab/core-components-button/cssm');
27
27
  require('./components/footer-button/index.module.css');
28
+ require('./components/footer-button/component.js');
28
29
  require('./components/footer-text/component.js');
29
30
  require('./components/graphics/index.module.css');
30
31
  require('./components/graphics/component.js');
@@ -5,7 +5,7 @@ type Props = {
5
5
  /**
6
6
  * Вертикальное выравнивание
7
7
  */
8
- verticalAlign?: 'center';
8
+ verticalAlign?: 'top' | 'center' | 'bottom';
9
9
  /**
10
10
  * Горизонтальные отступы
11
11
  */
@@ -14,11 +14,8 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
14
  var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
15
15
 
16
16
  var Addon = function (_a) {
17
- var _b;
18
- var children = _a.children, verticalAlign = _a.verticalAlign, _c = _a.addonPadding, addonPadding = _c === void 0 ? 'default' : _c, dataTestId = _a.dataTestId;
19
- return (React__default['default'].createElement("section", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][addonPadding], (_b = {},
20
- _b[styles__default['default'].center] = verticalAlign,
21
- _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'addon') }, children));
17
+ var children = _a.children, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b, _c = _a.addonPadding, addonPadding = _c === void 0 ? 'default' : _c, dataTestId = _a.dataTestId;
18
+ return (React__default['default'].createElement("section", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][addonPadding], styles__default['default'][verticalAlign]), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'addon') }, children));
22
19
  };
23
20
 
24
21
  exports.Addon = Addon;
@@ -11,7 +11,8 @@
11
11
  }
12
12
  .component {
13
13
  display: flex;
14
- flex-direction: column
14
+ flex-direction: column;
15
+ align-items: flex-end
15
16
  }
16
17
  .component > * {
17
18
  justify-content: flex-end;
@@ -25,6 +26,12 @@
25
26
  .component.addonPadding {
26
27
  padding-left: var(--gap-m);
27
28
  }
29
+ .component.top {
30
+ align-self: flex-start;
31
+ }
28
32
  .component.center {
29
33
  align-self: center;
30
34
  }
35
+ .component.bottom {
36
+ align-self: flex-end;
37
+ }
@@ -3,10 +3,6 @@ import React from 'react';
3
3
  import { Color } from "@alfalab/core-components-typography";
4
4
  import { AmountProps as AmountType } from "../typesProps";
5
5
  type Props = {
6
- /**
7
- * Props свойственные для компонента Amount
8
- */
9
- amount: AmountType;
10
6
  /**
11
7
  * Начертание шрифта денежного значения
12
8
  */
@@ -14,7 +10,7 @@ type Props = {
14
10
  /**
15
11
  * Размер денежного значения
16
12
  */
17
- view?: 'component' | 'primary-small';
13
+ textView?: 'component' | 'primary-small';
18
14
  /**
19
15
  * Цвет денежного значения
20
16
  */
@@ -23,6 +19,6 @@ type Props = {
23
19
  * Идентификатор для систем автоматизированного тестирования
24
20
  */
25
21
  dataTestId?: string;
26
- };
22
+ } & AmountType;
27
23
  declare const Amount: React.FC<Props>;
28
24
  export { Amount };
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var tslib_es6 = require('../../tslib.es6-ce870b46.js');
5
6
  var React = require('react');
6
7
  var cn = require('classnames');
7
8
  var getDataTestId = require('../../getDataTestId-12a31ec3.js');
@@ -16,10 +17,9 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
16
17
  var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
17
18
 
18
19
  var Amount = function (_a) {
19
- var amount = _a.amount, _b = _a.weight, weight = _b === void 0 ? 'normal' : _b, _c = _a.view, view = _c === void 0 ? 'component' : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, dataTestId = _a.dataTestId;
20
- var value = amount.value, currency = amount.currency, minority = amount.minority, minorUnits = amount.minorUnits, rightAddons = amount.rightAddons, showPlus = amount.showPlus, className = amount.className, transparentMinor = amount.transparentMinor, viewAmount = amount.view;
21
- return (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount-text'), className: cn__default['default'](styles__default['default'].component), color: color },
22
- React__default['default'].createElement(coreComponentsAmount.Amount, { minority: minority === undefined ? minorUnits : minority, value: value, transparentMinor: transparentMinor, bold: weight === 'bold' ? 'full' : 'none', rightAddons: rightAddons, showPlus: showPlus, className: className, currency: currency, dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount'), view: viewAmount })));
20
+ var _b = _a.weight, weight = _b === void 0 ? 'normal' : _b, _c = _a.textView, textView = _c === void 0 ? 'component' : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, minority = _a.minority, _e = _a.minorUnits, minorUnits = _e === void 0 ? 100 : _e, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["weight", "textView", "color", "minority", "minorUnits", "dataTestId"]);
21
+ return (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: textView, dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount-text'), className: cn__default['default'](styles__default['default'].component), color: color },
22
+ React__default['default'].createElement(coreComponentsAmount.Amount, tslib_es6.__assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount') }, restProps))));
23
23
  };
24
24
 
25
25
  exports.Amount = Amount;
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ require('../../tslib.es6-ce870b46.js');
5
6
  require('react');
6
7
  require('classnames');
7
8
  require('../../getDataTestId-12a31ec3.js');
@@ -3,18 +3,10 @@ import React from 'react';
3
3
  import { Color } from "@alfalab/core-components-typography";
4
4
  import { AmountProps as AmountType } from "../typesProps";
5
5
  type Props = {
6
- /**
7
- * Props свойственные для компонента Amount
8
- */
9
- amount: AmountType;
10
6
  /**
11
7
  * Цвет денежного значения
12
8
  */
13
9
  color?: Color;
14
- /**
15
- * Идентификатор для систем автоматизированного тестирования
16
- */
17
- dataTestId?: string;
18
- };
10
+ } & AmountType;
19
11
  declare const AmountTitle: React.FC<Props>;
20
12
  export { AmountTitle };