@alfalab/core-components-pure-cell 3.0.3 → 4.0.1
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.
- package/{component-7b340665.d.ts → component-2bda6d29.d.ts} +0 -0
- package/{component-7b340665.js → component-2bda6d29.js} +13 -11
- package/{cssm/component-3f45f3c4.d.ts → component-c49f24a8.d.ts} +9 -9
- package/component.js +6 -5
- package/components/addon/component.d.ts +1 -1
- package/components/addon/component.js +4 -7
- package/components/addon/index.css +15 -8
- package/components/addon/index.js +1 -1
- package/components/amount/component.d.ts +2 -6
- package/components/amount/component.js +7 -7
- package/components/amount/index.css +2 -2
- package/components/amount/index.js +3 -2
- package/components/amount-title/component.d.ts +1 -9
- package/components/amount-title/component.js +6 -6
- package/components/amount-title/index.css +3 -3
- package/components/amount-title/index.js +3 -2
- package/components/category/component.d.ts +5 -0
- package/components/category/component.js +5 -4
- package/components/category/index.css +8 -4
- package/components/category/index.js +1 -1
- package/components/content/component.js +6 -5
- package/components/content/index.css +3 -3
- package/components/content/index.d.ts +1 -1
- package/components/content/index.js +6 -5
- package/components/footer/component.js +2 -2
- package/components/footer/index.css +4 -4
- package/components/footer/index.js +1 -1
- package/components/footer-button/component.d.ts +5 -0
- package/components/footer-button/component.js +15 -5
- package/components/footer-button/index.css +2 -2
- package/components/footer-button/index.d.ts +1 -1
- package/components/footer-button/index.js +3 -2
- package/components/footer-text/component.js +1 -1
- package/components/footer-text/index.js +1 -1
- package/components/graphics/component.js +2 -2
- package/components/graphics/index.css +2 -2
- package/components/graphics/index.js +1 -1
- package/components/main/component.js +6 -5
- package/components/main/index.css +4 -4
- package/components/main/index.d.ts +1 -1
- package/components/main/index.js +6 -5
- package/components/text/component.js +6 -5
- package/components/text/index.css +10 -8
- package/components/text/index.d.ts +1 -1
- package/components/text/index.js +6 -5
- package/components/typesProps.d.ts +3 -3
- package/{component-3f45f3c4.d.ts → cssm/component-c49f24a8.d.ts} +10 -10
- package/cssm/{component-d3306cf3.d.ts → component-c4e268e7.d.ts} +0 -0
- package/cssm/{component-d3306cf3.js → component-c4e268e7.js} +8 -6
- package/cssm/component.js +5 -4
- package/cssm/components/addon/component.d.ts +1 -1
- package/cssm/components/addon/component.js +2 -5
- package/cssm/components/addon/index.module.css +8 -1
- package/cssm/components/amount/component.d.ts +2 -6
- package/cssm/components/amount/component.js +5 -5
- package/cssm/components/amount/index.js +2 -1
- package/cssm/components/amount-title/component.d.ts +1 -9
- package/cssm/components/amount-title/component.js +4 -4
- package/cssm/components/amount-title/index.js +2 -1
- package/cssm/components/category/component.d.ts +5 -0
- package/cssm/components/category/component.js +3 -2
- package/cssm/components/category/index.module.css +4 -0
- package/cssm/components/content/component.js +5 -4
- package/cssm/components/content/index.d.ts +1 -1
- package/cssm/components/content/index.js +5 -4
- package/cssm/components/footer-button/component.d.ts +5 -0
- package/cssm/components/footer-button/component.js +14 -6
- package/cssm/components/footer-button/index.d.ts +1 -1
- package/cssm/components/footer-button/index.js +2 -1
- package/cssm/components/main/component.js +5 -4
- package/cssm/components/main/index.d.ts +1 -1
- package/cssm/components/main/index.js +5 -4
- package/cssm/components/text/component.js +5 -4
- package/cssm/components/text/index.d.ts +1 -1
- package/cssm/components/text/index.js +5 -4
- package/cssm/components/text/index.module.css +4 -2
- package/cssm/components/typesProps.d.ts +3 -3
- package/cssm/index.d.ts +1 -1
- package/cssm/index.js +5 -4
- package/{esm/component-ef452835.d.ts → cssm/tslib.es6-9682e485.d.ts} +8 -8
- package/{component-80973026.js → cssm/tslib.es6-9682e485.js} +1 -18
- package/esm/{component-922dd03a.d.ts → component-831effc0.d.ts} +0 -0
- package/esm/{component-922dd03a.js → component-831effc0.js} +10 -8
- package/esm/{component-3f45f3c4.d.ts → component-c49f24a8.d.ts} +10 -10
- package/esm/component.js +6 -5
- package/esm/components/addon/component.d.ts +1 -1
- package/esm/components/addon/component.js +4 -7
- package/esm/components/addon/index.css +15 -8
- package/esm/components/addon/index.js +1 -1
- package/esm/components/amount/component.d.ts +2 -6
- package/esm/components/amount/component.js +7 -7
- package/esm/components/amount/index.css +2 -2
- package/esm/components/amount/index.js +3 -2
- package/esm/components/amount-title/component.d.ts +1 -9
- package/esm/components/amount-title/component.js +6 -6
- package/esm/components/amount-title/index.css +3 -3
- package/esm/components/amount-title/index.js +3 -2
- package/esm/components/category/component.d.ts +5 -0
- package/esm/components/category/component.js +5 -4
- package/esm/components/category/index.css +8 -4
- package/esm/components/category/index.js +1 -1
- package/esm/components/content/component.js +6 -5
- package/esm/components/content/index.css +3 -3
- package/esm/components/content/index.d.ts +1 -1
- package/esm/components/content/index.js +6 -5
- package/esm/components/footer/component.js +2 -2
- package/esm/components/footer/index.css +4 -4
- package/esm/components/footer/index.js +1 -1
- package/esm/components/footer-button/component.d.ts +5 -0
- package/esm/components/footer-button/component.js +14 -4
- package/esm/components/footer-button/index.css +2 -2
- package/esm/components/footer-button/index.d.ts +1 -1
- package/esm/components/footer-button/index.js +3 -2
- package/esm/components/footer-text/component.js +1 -1
- package/esm/components/footer-text/index.js +1 -1
- package/esm/components/graphics/component.js +2 -2
- package/esm/components/graphics/index.css +2 -2
- package/esm/components/graphics/index.js +1 -1
- package/esm/components/main/component.js +6 -5
- package/esm/components/main/index.css +4 -4
- package/esm/components/main/index.d.ts +1 -1
- package/esm/components/main/index.js +6 -5
- package/esm/components/text/component.js +6 -5
- package/esm/components/text/index.css +10 -8
- package/esm/components/text/index.d.ts +1 -1
- package/esm/components/text/index.js +6 -5
- package/esm/components/typesProps.d.ts +3 -3
- package/esm/{getDataTestId-181163b5.d.ts → getDataTestId-56acaf74.d.ts} +0 -0
- package/esm/{getDataTestId-181163b5.js → getDataTestId-56acaf74.js} +0 -0
- package/esm/index.css +19 -19
- package/esm/index.d.ts +1 -1
- package/esm/index.js +6 -5
- package/{cssm/component-22ece846.d.ts → esm/tslib.es6-daf5d84d.d.ts} +8 -8
- package/esm/{component-ef452835.js → tslib.es6-daf5d84d.js} +2 -14
- package/{getDataTestId-3a7e2404.d.ts → getDataTestId-da1ddd99.d.ts} +0 -0
- package/{getDataTestId-3a7e2404.js → getDataTestId-da1ddd99.js} +0 -0
- package/index.css +19 -19
- package/index.d.ts +1 -1
- package/index.js +6 -5
- package/modern/{component-99f95ea2.d.ts → component-b7f322e4.d.ts} +0 -0
- package/modern/{component-99f95ea2.js → component-b7f322e4.js} +11 -9
- package/modern/{component-3f45f3c4.d.ts → component-c49f24a8.d.ts} +10 -10
- package/modern/component.js +4 -4
- package/modern/components/addon/component.d.ts +1 -1
- package/modern/components/addon/component.js +3 -5
- package/modern/components/addon/index.css +15 -8
- package/modern/components/addon/index.js +1 -1
- package/modern/components/amount/component.d.ts +2 -6
- package/modern/components/amount/component.js +5 -8
- package/modern/components/amount/index.css +2 -2
- package/modern/components/amount/index.js +2 -2
- package/modern/components/amount-title/component.d.ts +1 -9
- package/modern/components/amount-title/component.js +5 -8
- package/modern/components/amount-title/index.css +3 -3
- package/modern/components/amount-title/index.js +2 -2
- package/modern/components/category/component.d.ts +5 -0
- package/modern/components/category/component.js +5 -4
- package/modern/components/category/index.css +8 -4
- package/modern/components/category/index.js +1 -1
- package/modern/components/content/component.js +4 -4
- package/modern/components/content/index.css +3 -3
- package/modern/components/content/index.d.ts +1 -1
- package/modern/components/content/index.js +4 -4
- package/modern/components/footer/component.js +2 -2
- package/modern/components/footer/index.css +4 -4
- package/modern/components/footer/index.js +1 -1
- package/modern/components/footer-button/component.js +3 -3
- package/modern/components/footer-button/index.css +2 -2
- package/modern/components/footer-button/index.js +1 -1
- package/modern/components/footer-text/component.js +1 -1
- package/modern/components/footer-text/index.js +1 -1
- package/modern/components/graphics/component.js +3 -5
- package/modern/components/graphics/index.css +2 -2
- package/modern/components/graphics/index.js +1 -1
- package/modern/components/main/component.js +4 -4
- package/modern/components/main/index.css +4 -4
- package/modern/components/main/index.d.ts +1 -1
- package/modern/components/main/index.js +4 -4
- package/modern/components/text/component.js +4 -4
- package/modern/components/text/index.css +10 -8
- package/modern/components/text/index.d.ts +1 -1
- package/modern/components/text/index.js +4 -4
- package/modern/components/typesProps.d.ts +3 -3
- package/modern/{getDataTestId-60d7e355.d.ts → getDataTestId-e8cc70ab.d.ts} +0 -0
- package/modern/{getDataTestId-60d7e355.js → getDataTestId-e8cc70ab.js} +0 -0
- package/modern/index.css +19 -19
- package/modern/index.d.ts +1 -1
- package/modern/index.js +4 -4
- package/package.json +3 -3
- package/{component-80973026.d.ts → tslib.es6-bb39d27e.d.ts} +8 -8
- package/{cssm/component-22ece846.js → tslib.es6-bb39d27e.js} +1 -17
|
@@ -2,22 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('../../
|
|
5
|
+
require('../../tslib.es6-bb39d27e.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-merge-refs');
|
|
8
8
|
require('classnames');
|
|
9
|
-
require('@alfalab/hooks');
|
|
10
9
|
require('@alfalab/core-components-comment');
|
|
11
|
-
require('
|
|
10
|
+
require('@alfalab/hooks');
|
|
11
|
+
require('../../getDataTestId-da1ddd99.js');
|
|
12
12
|
require('../addon/component.js');
|
|
13
|
-
require('@alfalab/core-components-typography');
|
|
14
13
|
require('@alfalab/core-components-amount');
|
|
14
|
+
require('@alfalab/core-components-typography');
|
|
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-
|
|
18
|
+
var components_content_component = require('../../component-2bda6d29.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
|
|
|
@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var cn = require('classnames');
|
|
7
|
-
var getDataTestId = require('../../getDataTestId-
|
|
7
|
+
var getDataTestId = require('../../getDataTestId-da1ddd99.js');
|
|
8
8
|
|
|
9
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
12
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
13
13
|
|
|
14
|
-
var styles = {"component":"pure-
|
|
14
|
+
var styles = {"component":"pure-cell__component_otj4i","none":"pure-cell__none_otj4i","default":"pure-cell__default_otj4i"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
var Footer = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 29yj5 */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -10,14 +10,14 @@
|
|
|
10
10
|
:root {
|
|
11
11
|
--gap-xs: 8px;
|
|
12
12
|
}
|
|
13
|
-
.pure-
|
|
13
|
+
.pure-cell__component_otj4i {
|
|
14
14
|
grid-column: 1/3;
|
|
15
15
|
display: grid;
|
|
16
16
|
grid-row-gap: var(--gap-xs)
|
|
17
17
|
}
|
|
18
|
-
.pure-
|
|
18
|
+
.pure-cell__component_otj4i.pure-cell__none_otj4i {
|
|
19
19
|
margin-top: 0;
|
|
20
20
|
}
|
|
21
|
-
.pure-
|
|
21
|
+
.pure-cell__component_otj4i.pure-cell__default_otj4i {
|
|
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-
|
|
7
|
+
require('../../getDataTestId-da1ddd99.js');
|
|
8
8
|
var components_footer_component = require('./component.js');
|
|
9
9
|
|
|
10
10
|
|
|
@@ -2,11 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('react');
|
|
7
|
-
require('../../getDataTestId-
|
|
8
|
-
require('@alfalab/core-components-button');
|
|
5
|
+
var tslib_es6 = require('../../tslib.es6-bb39d27e.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var getDataTestId = require('../../getDataTestId-da1ddd99.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
|
-
|
|
14
|
+
var styles = {"component":"pure-cell__component_3w67r"};
|
|
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 +1 @@
|
|
|
1
|
-
export * from "
|
|
1
|
+
export * from "./component";
|
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
require('../../tslib.es6-bb39d27e.js');
|
|
6
6
|
require('react');
|
|
7
|
-
require('../../getDataTestId-
|
|
7
|
+
require('../../getDataTestId-da1ddd99.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-
|
|
6
|
+
var getDataTestId = require('../../getDataTestId-da1ddd99.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-
|
|
6
|
+
require('../../getDataTestId-da1ddd99.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-
|
|
6
|
+
var getDataTestId = require('../../getDataTestId-da1ddd99.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-
|
|
12
|
+
var styles = {"component":"pure-cell__component_10k2m"};
|
|
13
13
|
require('./index.css')
|
|
14
14
|
|
|
15
15
|
var Graphics = function (_a) {
|
|
@@ -2,22 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('../../
|
|
5
|
+
require('../../tslib.es6-bb39d27e.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-merge-refs');
|
|
8
8
|
require('classnames');
|
|
9
|
-
require('@alfalab/hooks');
|
|
10
9
|
require('@alfalab/core-components-comment');
|
|
11
|
-
require('
|
|
10
|
+
require('@alfalab/hooks');
|
|
11
|
+
require('../../getDataTestId-da1ddd99.js');
|
|
12
12
|
require('../addon/component.js');
|
|
13
|
-
require('@alfalab/core-components-typography');
|
|
14
13
|
require('@alfalab/core-components-amount');
|
|
14
|
+
require('@alfalab/core-components-typography');
|
|
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-
|
|
18
|
+
var components_content_component = require('../../component-2bda6d29.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:
|
|
1
|
+
/* hash: 15l3t */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
:root {
|
|
11
11
|
--gap-3xs: 2px;
|
|
12
12
|
}
|
|
13
|
-
.pure-
|
|
13
|
+
.pure-cell__component_ti7om {
|
|
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-
|
|
21
|
+
.pure-cell__component_ti7om.pure-cell__vertical_ti7om {
|
|
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-
|
|
29
|
+
.pure-cell__component_ti7om.pure-cell__reverse_ti7om {
|
|
30
30
|
flex-direction: column-reverse;
|
|
31
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-2bda6d29";
|
package/components/main/index.js
CHANGED
|
@@ -2,22 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('../../
|
|
5
|
+
require('../../tslib.es6-bb39d27e.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-merge-refs');
|
|
8
8
|
require('classnames');
|
|
9
|
-
require('@alfalab/hooks');
|
|
10
9
|
require('@alfalab/core-components-comment');
|
|
11
|
-
require('
|
|
10
|
+
require('@alfalab/hooks');
|
|
11
|
+
require('../../getDataTestId-da1ddd99.js');
|
|
12
12
|
require('../addon/component.js');
|
|
13
|
-
require('@alfalab/core-components-typography');
|
|
14
13
|
require('@alfalab/core-components-amount');
|
|
14
|
+
require('@alfalab/core-components-typography');
|
|
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-
|
|
18
|
+
var components_content_component = require('../../component-2bda6d29.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('../../
|
|
5
|
+
require('../../tslib.es6-bb39d27e.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-merge-refs');
|
|
8
8
|
require('classnames');
|
|
9
|
-
require('@alfalab/hooks');
|
|
10
9
|
require('@alfalab/core-components-comment');
|
|
11
|
-
require('
|
|
10
|
+
require('@alfalab/hooks');
|
|
11
|
+
require('../../getDataTestId-da1ddd99.js');
|
|
12
12
|
require('../addon/component.js');
|
|
13
|
-
require('@alfalab/core-components-typography');
|
|
14
13
|
require('@alfalab/core-components-amount');
|
|
14
|
+
require('@alfalab/core-components-typography');
|
|
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-
|
|
18
|
+
var components_content_component = require('../../component-2bda6d29.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:
|
|
1
|
+
/* hash: dcy0a */
|
|
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-
|
|
14
|
+
.pure-cell__horizontal_zjarl {
|
|
15
15
|
padding: var(--gap-3xs) 0;
|
|
16
16
|
}
|
|
17
|
-
.pure-
|
|
17
|
+
.pure-cell__rowLimit1_zjarl {
|
|
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-
|
|
24
|
+
.pure-cell__rowLimit2_zjarl {
|
|
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-
|
|
30
|
+
.pure-cell__component_zjarl {
|
|
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-
|
|
37
|
+
.pure-cell__component_zjarl .pure-cell__vertical_zjarl {
|
|
37
38
|
justify-content: center;
|
|
38
39
|
}
|
|
39
|
-
.pure-
|
|
40
|
-
margin-
|
|
40
|
+
.pure-cell__title_zjarl + .pure-cell__value_zjarl {
|
|
41
|
+
margin-left: var(--gap-m);
|
|
42
|
+
flex-shrink: 0;
|
|
41
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-2bda6d29";
|
package/components/text/index.js
CHANGED
|
@@ -2,22 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('../../
|
|
5
|
+
require('../../tslib.es6-bb39d27e.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-merge-refs');
|
|
8
8
|
require('classnames');
|
|
9
|
-
require('@alfalab/hooks');
|
|
10
9
|
require('@alfalab/core-components-comment');
|
|
11
|
-
require('
|
|
10
|
+
require('@alfalab/hooks');
|
|
11
|
+
require('../../getDataTestId-da1ddd99.js');
|
|
12
12
|
require('../addon/component.js');
|
|
13
|
-
require('@alfalab/core-components-typography');
|
|
14
13
|
require('@alfalab/core-components-amount');
|
|
14
|
+
require('@alfalab/core-components-typography');
|
|
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-
|
|
18
|
+
var components_content_component = require('../../component-2bda6d29.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,5 +1,5 @@
|
|
|
1
|
-
import { CurrencyCodes } from '@alfalab/data';
|
|
2
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { CurrencyCodes } from '@alfalab/data';
|
|
3
3
|
type AmountProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Денежное значение в минорных единицах
|
|
@@ -16,7 +16,7 @@ type AmountProps = {
|
|
|
16
16
|
/**
|
|
17
17
|
* Количество минорных единиц в валюте
|
|
18
18
|
*/
|
|
19
|
-
minority
|
|
19
|
+
minority?: number;
|
|
20
20
|
/**
|
|
21
21
|
* Делает минорную часть полупрозрачной
|
|
22
22
|
*/
|
|
@@ -24,7 +24,7 @@ type AmountProps = {
|
|
|
24
24
|
/**
|
|
25
25
|
* Количество минорных единиц в валюте для Клика
|
|
26
26
|
*/
|
|
27
|
-
minorUnits
|
|
27
|
+
minorUnits?: number;
|
|
28
28
|
/**
|
|
29
29
|
* default - не отображаем копейки, если их значение 0
|
|
30
30
|
* withZeroMinorPart - отображаем копейки, даже если их значение равно 0
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from "react";
|
|
4
|
+
import { ButtonProps } from "@alfalab/core-components-button";
|
|
4
5
|
import { PureCellElement } from "./components/types";
|
|
5
6
|
type PureCellContext = {
|
|
6
7
|
/** Направление */
|
|
@@ -44,12 +45,13 @@ type PureCellProps = {
|
|
|
44
45
|
type AnchorPureCellProps = PureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
45
46
|
type ButtonPureCellProps = PureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
46
47
|
type ElementPureCellProps = PureCellProps & HTMLAttributes<HTMLElement>;
|
|
48
|
+
type PureProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
|
|
47
49
|
/**
|
|
48
50
|
* Универсальный конструктор для сборки любой ячейки.
|
|
49
51
|
*
|
|
50
52
|
* [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
|
|
51
53
|
*/
|
|
52
|
-
declare const PureCell: React.ForwardRefExoticComponent<
|
|
54
|
+
declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAttributes<HTMLElement>> & {
|
|
53
55
|
Main: React.FC<{
|
|
54
56
|
children: import("./components/types").MainElement;
|
|
55
57
|
isReverse?: boolean | undefined;
|
|
@@ -63,26 +65,23 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
|
|
|
63
65
|
Text: React.FC<{
|
|
64
66
|
children?: React.ReactNode;
|
|
65
67
|
rowLimit?: 1 | 2 | undefined;
|
|
66
|
-
view: "
|
|
68
|
+
view: "component" | "primary-small";
|
|
67
69
|
titleColor: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative";
|
|
68
70
|
value?: React.ReactNode;
|
|
69
71
|
valueColor?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
|
|
70
72
|
dataTestId?: string | undefined;
|
|
71
73
|
}>;
|
|
72
74
|
Amount: React.FC<{
|
|
73
|
-
amount: import("./components/typesProps").AmountProps;
|
|
74
75
|
weight?: "bold" | "normal" | undefined;
|
|
75
|
-
|
|
76
|
+
textView?: "component" | "primary-small" | undefined;
|
|
76
77
|
color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
|
|
77
78
|
dataTestId?: string | undefined;
|
|
78
|
-
}>;
|
|
79
|
+
} & import("./components/typesProps").AmountProps>;
|
|
79
80
|
AmountTitle: React.FC<{
|
|
80
|
-
amount: import("./components/typesProps").AmountProps;
|
|
81
81
|
color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
|
|
82
|
-
|
|
83
|
-
}>;
|
|
82
|
+
} & import("./components/typesProps").AmountProps>;
|
|
84
83
|
Addon: React.FC<{
|
|
85
|
-
verticalAlign?: "center" | undefined;
|
|
84
|
+
verticalAlign?: "top" | "center" | "bottom" | undefined;
|
|
86
85
|
addonPadding?: "default" | "none" | undefined;
|
|
87
86
|
children: import("./components/types").AddonElement;
|
|
88
87
|
dataTestId?: string | undefined;
|
|
@@ -93,11 +92,12 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
|
|
|
93
92
|
dataTestId?: string | undefined;
|
|
94
93
|
}>;
|
|
95
94
|
ExtraSubtitle: React.FC<import("./components/footer-text/index").Props>;
|
|
96
|
-
FooterButton: React.FC<
|
|
95
|
+
FooterButton: React.FC<ButtonProps>;
|
|
97
96
|
Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
|
|
98
97
|
Category: React.FC<{
|
|
99
98
|
categoryName: string;
|
|
100
99
|
categoryPercent?: number | undefined;
|
|
100
|
+
rightAddons?: React.ReactNode;
|
|
101
101
|
dataTestId?: string | undefined;
|
|
102
102
|
}>;
|
|
103
103
|
};
|
|
File without changes
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('./tslib.es6-9682e485.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var mergeRefs = require('react-merge-refs');
|
|
6
6
|
var cn = require('classnames');
|
|
7
|
-
var hooks = require('@alfalab/hooks');
|
|
8
7
|
var coreComponentsComment = require('@alfalab/core-components-comment/cssm');
|
|
8
|
+
var hooks = require('@alfalab/hooks');
|
|
9
9
|
var getDataTestId = require('./getDataTestId-12a31ec3.js');
|
|
10
10
|
var components_addon_component = require('./components/addon/component.js');
|
|
11
11
|
var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
|
|
@@ -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,14 @@ 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",
|
|
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
|
|
|
62
|
+
// eslint-disable-next-line @typescript-eslint/no-redeclare
|
|
61
63
|
var PureCellContext = React__default['default'].createContext({});
|
|
62
64
|
var PureCellComponent = React.forwardRef(function (_a, ref) {
|
|
63
65
|
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 =
|
|
66
|
+
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
67
|
var cellRef = React.useRef(null);
|
|
66
68
|
var focused = hooks.useFocus(cellRef, 'keyboard')[0];
|
|
67
69
|
var addClasses = (_b = {},
|
|
@@ -76,11 +78,11 @@ var PureCellComponent = React.forwardRef(function (_a, ref) {
|
|
|
76
78
|
var target = restProps.target;
|
|
77
79
|
// Для совместимости с react-router-dom, меняем href на to
|
|
78
80
|
var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
|
|
79
|
-
return (React__default['default'].createElement(Component,
|
|
81
|
+
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
82
|
React__default['default'].createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
|
|
81
83
|
}
|
|
82
84
|
if (onClick) {
|
|
83
|
-
return (React__default['default'].createElement(Component,
|
|
85
|
+
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
86
|
React__default['default'].createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
|
|
85
87
|
}
|
|
86
88
|
return (React__default['default'].createElement(Component, { ref: ref, tabIndex: 0, className: cn__default['default'](addClasses, className), "data-test-id": dataTestId },
|
package/cssm/component.js
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('./
|
|
5
|
+
require('./tslib.es6-9682e485.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-merge-refs');
|
|
8
8
|
require('classnames');
|
|
9
|
-
require('@alfalab/hooks');
|
|
10
9
|
require('@alfalab/core-components-comment/cssm');
|
|
10
|
+
require('@alfalab/hooks');
|
|
11
11
|
require('./getDataTestId-12a31ec3.js');
|
|
12
12
|
require('./components/addon/index.module.css');
|
|
13
13
|
require('./components/addon/component.js');
|
|
14
|
-
require('@alfalab/core-components-typography/cssm');
|
|
15
14
|
require('@alfalab/core-components-amount/cssm');
|
|
15
|
+
require('@alfalab/core-components-typography/cssm');
|
|
16
16
|
require('./components/amount/index.module.css');
|
|
17
17
|
require('./components/amount/component.js');
|
|
18
18
|
require('./components/amount-title/index.module.css');
|
|
@@ -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-
|
|
23
|
+
var components_content_component = require('./component-c4e268e7.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');
|
|
@@ -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
|
-
|
|
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;
|