@qiwi/pijma-mobile 1.160.2 → 1.160.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +11 -11
- package/target/es5/actions/Actions.js +6 -6
- package/target/es5/actions/index.js +2 -2
- package/target/es5/alert/Alert.js +16 -16
- package/target/es5/alert/index.js +2 -2
- package/target/es5/alert-block/AlertBlock.js +18 -18
- package/target/es5/alert-block/index.js +2 -2
- package/target/es5/block-accordion/BlockAccordion.js +14 -14
- package/target/es5/block-accordion/index.js +2 -2
- package/target/es5/block-content/BlockContent.js +6 -6
- package/target/es5/block-content/index.js +2 -2
- package/target/es5/block-tabs/BlockTabs.js +27 -27
- package/target/es5/block-tabs/index.js +2 -2
- package/target/es5/breadcrumbs/Breadcrumbs.js +14 -14
- package/target/es5/breadcrumbs/index.js +2 -2
- package/target/es5/button/Button.js +25 -25
- package/target/es5/button/index.js +2 -2
- package/target/es5/checkbox/Checkbox.js +9 -9
- package/target/es5/checkbox/index.js +2 -2
- package/target/es5/checkbox-field/CheckboxField.js +17 -17
- package/target/es5/checkbox-field/index.js +2 -2
- package/target/es5/code-field/CodeField.js +17 -17
- package/target/es5/code-field/index.js +3 -3
- package/target/es5/content-suggest/ContentSuggest.js +30 -30
- package/target/es5/content-suggest/index.js +2 -2
- package/target/es5/details/Details.js +24 -24
- package/target/es5/details/index.js +2 -2
- package/target/es5/drop-up/DropUp.js +29 -29
- package/target/es5/drop-up/index.js +2 -2
- package/target/es5/extended-progress-bar/ExtendedProgressBar.js +23 -23
- package/target/es5/extended-progress-bar/index.js +2 -2
- package/target/es5/footer-app/FooterApp.js +12 -12
- package/target/es5/footer-app/index.js +2 -2
- package/target/es5/footer-nav/FooterNav.js +13 -13
- package/target/es5/footer-nav/index.js +2 -2
- package/target/es5/footer-out/FooterOut.js +15 -15
- package/target/es5/footer-out/index.js +2 -2
- package/target/es5/glossary/Glossary.js +18 -18
- package/target/es5/glossary/index.js +2 -2
- package/target/es5/header/Header.js +8 -8
- package/target/es5/header/HeaderMenu.js +25 -25
- package/target/es5/header/index.js +3 -3
- package/target/es5/hint/Hint.js +10 -10
- package/target/es5/hint/index.js +2 -2
- package/target/es5/index.js +48 -48
- package/target/es5/input-modal/InputModal.js +20 -20
- package/target/es5/input-modal/index.js +2 -2
- package/target/es5/link/BlockLink.js +7 -7
- package/target/es5/link/FileLink.js +10 -10
- package/target/es5/link/Link.js +8 -8
- package/target/es5/link/SectionLink.js +7 -7
- package/target/es5/link/index.js +5 -5
- package/target/es5/list/List.js +27 -27
- package/target/es5/list/index.js +2 -2
- package/target/es5/logo-block-link/LogoBlockLink.js +43 -43
- package/target/es5/logo-block-link/index.js +2 -2
- package/target/es5/logo-link/LogoLink.js +22 -22
- package/target/es5/logo-link/index.js +2 -2
- package/target/es5/markdown/Markdown.js +30 -30
- package/target/es5/markdown/index.js +2 -2
- package/target/es5/menu/MenuCaption.js +6 -6
- package/target/es5/menu/MenuContainer.js +5 -5
- package/target/es5/menu/MenuItem.js +25 -25
- package/target/es5/menu/MenuLink.js +8 -8
- package/target/es5/menu/index.js +5 -5
- package/target/es5/modal/SimpleModal.js +21 -21
- package/target/es5/modal/index.js +2 -2
- package/target/es5/nav-link/NavLink.js +7 -7
- package/target/es5/nav-link/index.js +2 -2
- package/target/es5/notice/Notice.js +10 -10
- package/target/es5/notice/index.js +2 -2
- package/target/es5/oops/Oops.js +15 -15
- package/target/es5/oops/index.js +2 -2
- package/target/es5/pagination/Pagination.js +14 -14
- package/target/es5/pagination/PaginationLink.js +8 -8
- package/target/es5/pagination/index.js +3 -3
- package/target/es5/password-field/PasswordField.js +9 -9
- package/target/es5/password-field/index.js +3 -3
- package/target/es5/phone-field/PhoneField.js +25 -25
- package/target/es5/phone-field/index.js +3 -3
- package/target/es5/progress-bar/ProgressBar.js +8 -8
- package/target/es5/progress-bar/index.js +2 -2
- package/target/es5/radio-field/RadioField.js +17 -17
- package/target/es5/radio-field/index.js +2 -2
- package/target/es5/rating/Rating.js +12 -12
- package/target/es5/rating/index.js +2 -2
- package/target/es5/select-field/SelectField.js +19 -18
- package/target/es5/select-field/index.js +2 -2
- package/target/es5/status/Status.js +11 -11
- package/target/es5/status/index.js +2 -2
- package/target/es5/suggest-field/SuggestField.js +32 -32
- package/target/es5/suggest-field/index.js +4 -4
- package/target/es5/switch/Switch.js +15 -15
- package/target/es5/switch/index.js +2 -2
- package/target/es5/switch-field/SwitchField.js +18 -18
- package/target/es5/switch-field/index.js +2 -2
- package/target/es5/tabs/Tabs.js +18 -18
- package/target/es5/tabs/index.js +2 -2
- package/target/es5/text-area-field/TextAreaField.js +7 -7
- package/target/es5/text-area-field/index.js +2 -2
- package/target/es5/text-field/TextField.js +8 -8
- package/target/es5/text-field/index.js +3 -3
- package/target/es5/typography/Caption.js +9 -9
- package/target/es5/typography/Heading.js +10 -10
- package/target/es5/typography/Paragraph.js +10 -10
- package/target/es5/typography/Text.js +9 -9
- package/target/es5/typography/Title.js +9 -9
- package/target/es5/typography/index.js +6 -6
- package/target/es6/alert/Alert.js +1 -1
- package/target/es6/alert-block/AlertBlock.js +1 -1
- package/target/es6/block-content/BlockContent.js +1 -1
- package/target/es6/block-tabs/BlockTabs.js +1 -1
- package/target/es6/breadcrumbs/Breadcrumbs.js +1 -1
- package/target/es6/details/Details.js +1 -1
- package/target/es6/extended-progress-bar/ExtendedProgressBar.js +1 -1
- package/target/es6/footer-nav/FooterNav.js +1 -1
- package/target/es6/header/Header.js +1 -1
- package/target/es6/header/HeaderMenu.js +1 -1
- package/target/es6/list/List.js +1 -1
- package/target/es6/modal/SimpleModal.js +1 -1
- package/target/es6/oops/Oops.js +1 -1
- package/target/es6/pagination/Pagination.js +1 -1
- package/target/es6/progress-bar/ProgressBar.js +1 -1
- package/target/es6/rating/Rating.js +1 -1
- package/target/es6/select-field/SelectField.js +1 -0
- package/target/es6/status/Status.js +1 -1
- package/target/es6/tabs/Tabs.js +1 -1
- package/target/es6/typography/Caption.js +1 -1
- package/target/es6/typography/Heading.js +1 -1
- package/target/es6/typography/Paragraph.js +1 -1
- package/target/es6/typography/Text.js +1 -1
- package/target/es6/typography/Title.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qiwi/pijma-mobile",
|
|
3
|
-
"version": "1.160.
|
|
3
|
+
"version": "1.160.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./target/es5/index.js",
|
|
6
6
|
"module": "./target/es6/index.js",
|
|
@@ -39,26 +39,26 @@
|
|
|
39
39
|
"target/es6/**/*"
|
|
40
40
|
],
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@qiwi/pijma-core": "1.160.
|
|
42
|
+
"@qiwi/pijma-core": "1.160.3"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@qiwi/pijma-infra": "1.11.
|
|
46
|
-
"concurrently": "
|
|
47
|
-
"css-loader": "6.7.
|
|
48
|
-
"eslint": "8.
|
|
45
|
+
"@qiwi/pijma-infra": "1.11.1",
|
|
46
|
+
"concurrently": "8.0.1",
|
|
47
|
+
"css-loader": "6.7.3",
|
|
48
|
+
"eslint": "8.40.0",
|
|
49
49
|
"eslint-config-qiwi": "1.17.6",
|
|
50
|
-
"fast-glob": "3.2.
|
|
50
|
+
"fast-glob": "3.2.12",
|
|
51
51
|
"file-loader": "6.2.0",
|
|
52
|
-
"prettier": "2.
|
|
52
|
+
"prettier": "2.8.8",
|
|
53
53
|
"prettier-config-qiwi": "1.7.2",
|
|
54
54
|
"react-docgen-typescript": "patch:react-docgen-typescript@npm%3A2.2.2#~/.yarn/patches/react-docgen-typescript-npm-2.2.2-afb9698a32.patch",
|
|
55
55
|
"react-styleguidist": "12.0.0",
|
|
56
56
|
"react-styleguidist-visual": "patch:react-styleguidist-visual@npm%3A0.9.0#~/.yarn/patches/react-styleguidist-visual-npm-0.9.0-c05bb39789.patch",
|
|
57
|
-
"style-loader": "3.3.
|
|
58
|
-
"tsc-esm-fix": "2.20.
|
|
57
|
+
"style-loader": "3.3.2",
|
|
58
|
+
"tsc-esm-fix": "2.20.13",
|
|
59
59
|
"typescript": "4.8.2",
|
|
60
60
|
"wait-on": "6.0.1",
|
|
61
|
-
"webpack": "5.
|
|
61
|
+
"webpack": "5.82.0"
|
|
62
62
|
},
|
|
63
63
|
"repository": {
|
|
64
64
|
"type": "git",
|
|
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "Actions", {
|
|
|
8
8
|
return Actions;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
14
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
15
15
|
var Actions = function(props) {
|
|
16
16
|
var elements = _react.Children.toArray(props.children).filter(function(child) {
|
|
17
17
|
return !!child;
|
|
@@ -19,10 +19,10 @@ var Actions = function(props) {
|
|
|
19
19
|
if (elements.length === 0) {
|
|
20
20
|
return null;
|
|
21
21
|
}
|
|
22
|
-
return /*#__PURE__*/ (0,
|
|
22
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
23
23
|
width: 1,
|
|
24
24
|
children: _react.Children.map(elements, function(child, key) {
|
|
25
|
-
return /*#__PURE__*/ (0,
|
|
25
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
26
26
|
width: 1,
|
|
27
27
|
maxWidth: 1,
|
|
28
28
|
mt: key === 0 ? undefined : 4,
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./Actions.js"), exports);
|
|
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "Alert", {
|
|
|
8
8
|
return Alert;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
12
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
14
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
15
15
|
var _link = require("../link/index.js");
|
|
16
16
|
var _typography = require("../typography/index.js");
|
|
17
17
|
var AlertIconColor = {
|
|
@@ -27,33 +27,33 @@ var AlertIconName = {
|
|
|
27
27
|
general: "info"
|
|
28
28
|
};
|
|
29
29
|
var Alert = function(param) {
|
|
30
|
-
var
|
|
31
|
-
return /*#__PURE__*/ (0,
|
|
30
|
+
var _param_type = param.type, type = _param_type === void 0 ? "general" : _param_type, text = param.text, action = param.action, onHide = param.onHide, onClick = param.onClick;
|
|
31
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.AlertControl, {
|
|
32
32
|
onHide: onHide,
|
|
33
33
|
children: function(renderProps) {
|
|
34
|
-
return /*#__PURE__*/ (0,
|
|
34
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, {
|
|
35
35
|
minHeight: 14,
|
|
36
36
|
justify: "flex-start",
|
|
37
37
|
p: 4,
|
|
38
38
|
children: [
|
|
39
|
-
/*#__PURE__*/ (0,
|
|
39
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
40
40
|
mr: 3,
|
|
41
|
-
children: /*#__PURE__*/ (0,
|
|
41
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
|
|
42
42
|
name: AlertIconName[type],
|
|
43
43
|
color: AlertIconColor[type]
|
|
44
44
|
})
|
|
45
45
|
}),
|
|
46
|
-
/*#__PURE__*/ (0,
|
|
46
|
+
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.FlexItem, {
|
|
47
47
|
mr: onHide ? 4 : 0,
|
|
48
48
|
overflow: "hidden",
|
|
49
49
|
children: [
|
|
50
|
-
/*#__PURE__*/ (0,
|
|
50
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
|
|
51
51
|
children: text
|
|
52
52
|
}),
|
|
53
|
-
action ? /*#__PURE__*/ (0,
|
|
53
|
+
action ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
54
54
|
mt: 1,
|
|
55
|
-
children: /*#__PURE__*/ (0,
|
|
56
|
-
children: /*#__PURE__*/ (0,
|
|
55
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
|
|
56
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_link.Link, {
|
|
57
57
|
bold: true,
|
|
58
58
|
onClick: onClick,
|
|
59
59
|
children: action
|
|
@@ -62,7 +62,7 @@ var Alert = function(param) {
|
|
|
62
62
|
}) : null
|
|
63
63
|
]
|
|
64
64
|
}),
|
|
65
|
-
onHide ? /*#__PURE__*/ (0,
|
|
65
|
+
onHide ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
66
66
|
ml: "auto",
|
|
67
67
|
cursor: "pointer",
|
|
68
68
|
opacity: renderProps.hover ? 0.7 : 1,
|
|
@@ -70,7 +70,7 @@ var Alert = function(param) {
|
|
|
70
70
|
onClick: renderProps.onClick,
|
|
71
71
|
onMouseMove: renderProps.onMouseEnter,
|
|
72
72
|
onMouseOut: renderProps.onMouseLeave,
|
|
73
|
-
children: /*#__PURE__*/ (0,
|
|
73
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
|
|
74
74
|
name: "cross-small",
|
|
75
75
|
color: "#666666"
|
|
76
76
|
})
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./Alert.js"), exports);
|
|
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "AlertBlock", {
|
|
|
8
8
|
return AlertBlock;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
14
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
15
15
|
var _typography = require("../typography/index.js");
|
|
16
16
|
var AlertBlockBackground = {
|
|
17
17
|
success: "#EDF8EF",
|
|
@@ -55,23 +55,23 @@ var AlertBlockIcon = {
|
|
|
55
55
|
};
|
|
56
56
|
var AlertBlock = function(param) {
|
|
57
57
|
var children = param.children, icon = param.icon, type = param.type, onHide = param.onHide;
|
|
58
|
-
var iconComponent = /*#__PURE__*/ (0, _react.isValidElement)(icon) ? icon : icon === undefined ? /*#__PURE__*/ (0,
|
|
58
|
+
var iconComponent = /*#__PURE__*/ (0, _react.isValidElement)(icon) ? icon : icon === undefined ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Pos, {
|
|
59
59
|
type: "relative",
|
|
60
60
|
children: [
|
|
61
|
-
/*#__PURE__*/ (0,
|
|
61
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Pos, {
|
|
62
62
|
type: "absolute",
|
|
63
63
|
top: "4px",
|
|
64
64
|
left: "4px",
|
|
65
|
-
children: /*#__PURE__*/ (0,
|
|
65
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Card, {
|
|
66
66
|
bg: AlertBlockIcon[type].bg,
|
|
67
67
|
width: 4,
|
|
68
68
|
height: 4,
|
|
69
69
|
r: 8
|
|
70
70
|
})
|
|
71
71
|
}),
|
|
72
|
-
/*#__PURE__*/ (0,
|
|
72
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Pos, {
|
|
73
73
|
type: "relative",
|
|
74
|
-
children: /*#__PURE__*/ (0,
|
|
74
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
|
|
75
75
|
name: AlertBlockIcon[type].name,
|
|
76
76
|
size: 6,
|
|
77
77
|
color: AlertBlockIcon[type].color
|
|
@@ -79,34 +79,34 @@ var AlertBlock = function(param) {
|
|
|
79
79
|
})
|
|
80
80
|
]
|
|
81
81
|
}) : null;
|
|
82
|
-
return /*#__PURE__*/ (0,
|
|
82
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.AlertBlockControl, {
|
|
83
83
|
onHide: onHide,
|
|
84
84
|
children: function(renderProps) {
|
|
85
|
-
return /*#__PURE__*/ (0,
|
|
85
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Block, {
|
|
86
86
|
bg: AlertBlockBackground[type],
|
|
87
|
-
children: /*#__PURE__*/ (0,
|
|
87
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.FlexPos, {
|
|
88
88
|
display: "flex",
|
|
89
89
|
type: "relative",
|
|
90
90
|
py: 4,
|
|
91
91
|
pl: 4,
|
|
92
92
|
pr: onHide !== undefined ? 14 : 4,
|
|
93
93
|
children: [
|
|
94
|
-
/*#__PURE__*/ (0,
|
|
94
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
95
95
|
mr: 2,
|
|
96
96
|
children: iconComponent
|
|
97
97
|
}),
|
|
98
|
-
/*#__PURE__*/ (0,
|
|
98
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
99
99
|
my: "2px",
|
|
100
|
-
children: /*#__PURE__*/ (0,
|
|
100
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
|
|
101
101
|
size: "s",
|
|
102
102
|
bold: true,
|
|
103
103
|
color: type === "promo" ? "inverse" : "default",
|
|
104
|
-
children: /*#__PURE__*/ (0,
|
|
104
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Breaker, {
|
|
105
105
|
children: children
|
|
106
106
|
})
|
|
107
107
|
})
|
|
108
108
|
}),
|
|
109
|
-
onHide !== undefined ? /*#__PURE__*/ (0,
|
|
109
|
+
onHide !== undefined ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Pos, {
|
|
110
110
|
cursor: "pointer",
|
|
111
111
|
type: "absolute",
|
|
112
112
|
right: 4,
|
|
@@ -114,7 +114,7 @@ var AlertBlock = function(param) {
|
|
|
114
114
|
onClick: renderProps.onCloseClick,
|
|
115
115
|
onMouseEnter: renderProps.onCloseMouseEnter,
|
|
116
116
|
onMouseLeave: renderProps.onCloseMouseLeave,
|
|
117
|
-
children: /*#__PURE__*/ (0,
|
|
117
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
|
|
118
118
|
color: type === "promo" ? "#999" : "#666",
|
|
119
119
|
size: 6,
|
|
120
120
|
name: "cross-small"
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./AlertBlock.js"), exports);
|
|
@@ -8,28 +8,28 @@ Object.defineProperty(exports, "BlockAccordion", {
|
|
|
8
8
|
return BlockAccordion;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
12
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
14
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
15
15
|
var _typography = require("../typography/index.js");
|
|
16
16
|
var BlockAccordion = function(param) {
|
|
17
|
-
var items = param.items,
|
|
18
|
-
return /*#__PURE__*/ (0,
|
|
17
|
+
var items = param.items, _param_tabIndex = param.tabIndex, tabIndex = _param_tabIndex === void 0 ? 0 : _param_tabIndex, opened = param.opened, onChange = param.onChange;
|
|
18
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.AccordionControl, {
|
|
19
19
|
items: items,
|
|
20
20
|
opened: opened,
|
|
21
21
|
onChange: onChange,
|
|
22
22
|
children: function(renderProps) {
|
|
23
|
-
return /*#__PURE__*/ (0,
|
|
23
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
24
24
|
py: 2,
|
|
25
25
|
children: renderProps.items.map(function(item, index) {
|
|
26
|
-
return /*#__PURE__*/ (0,
|
|
26
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Card, {
|
|
27
27
|
s: index > 0 ? "0 -1px 0 #e6e6e6" : undefined,
|
|
28
28
|
transition: "box-shadow 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
|
|
29
29
|
onMouseEnter: item.onMouseEnter,
|
|
30
30
|
onMouseLeave: item.onMouseLeave,
|
|
31
31
|
children: [
|
|
32
|
-
/*#__PURE__*/ (0,
|
|
32
|
+
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, {
|
|
33
33
|
tabIndex: tabIndex,
|
|
34
34
|
wrap: "nowrap",
|
|
35
35
|
justify: "space-between",
|
|
@@ -43,29 +43,29 @@ var BlockAccordion = function(param) {
|
|
|
43
43
|
onBlur: item.onBlur,
|
|
44
44
|
onKeyDown: renderProps.onKeyDown,
|
|
45
45
|
children: [
|
|
46
|
-
/*#__PURE__*/ (0,
|
|
46
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
|
|
47
47
|
bold: true,
|
|
48
48
|
size: "s",
|
|
49
49
|
children: item.title
|
|
50
50
|
}),
|
|
51
|
-
/*#__PURE__*/ (0,
|
|
51
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
52
52
|
shrink: 0,
|
|
53
53
|
width: 6,
|
|
54
54
|
height: 6,
|
|
55
55
|
ml: 3,
|
|
56
56
|
transform: "rotate(" + (item.opened ? 180 : 0) + "deg)",
|
|
57
57
|
transition: "transform 0.3s ease-in-out",
|
|
58
|
-
children: /*#__PURE__*/ (0,
|
|
58
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
|
|
59
59
|
name: "angle-small-down"
|
|
60
60
|
})
|
|
61
61
|
})
|
|
62
62
|
]
|
|
63
63
|
}),
|
|
64
|
-
/*#__PURE__*/ (0,
|
|
64
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
65
65
|
px: 4,
|
|
66
66
|
pb: 4,
|
|
67
67
|
display: item.opened ? "block" : "none",
|
|
68
|
-
children: typeof item.content === "string" ? /*#__PURE__*/ (0,
|
|
68
|
+
children: typeof item.content === "string" ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
|
|
69
69
|
size: "s",
|
|
70
70
|
children: item.content
|
|
71
71
|
}) : item.content
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./BlockAccordion.js"), exports);
|
|
@@ -8,17 +8,17 @@ Object.defineProperty(exports, "BlockContent", {
|
|
|
8
8
|
return BlockContent;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
12
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
14
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
15
15
|
var BlockContentIdent = {
|
|
16
16
|
m: 4,
|
|
17
17
|
l: 6
|
|
18
18
|
};
|
|
19
19
|
var BlockContent = function(param) {
|
|
20
|
-
var
|
|
21
|
-
return /*#__PURE__*/ (0,
|
|
20
|
+
var _param_indent = param.indent, indent = _param_indent === void 0 ? "m" : _param_indent, children = param.children;
|
|
21
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
22
22
|
p: BlockContentIdent[indent],
|
|
23
23
|
children: children
|
|
24
24
|
});
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./BlockContent.js"), exports);
|
|
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "BlockTabs", {
|
|
|
8
8
|
return BlockTabs;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
12
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
14
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
15
15
|
var _typography = require("../typography/index.js");
|
|
16
16
|
var BlockTabsIndent = {
|
|
17
17
|
m: [
|
|
@@ -27,7 +27,7 @@ var BlockTabsIndent = {
|
|
|
27
27
|
6
|
|
28
28
|
]
|
|
29
29
|
};
|
|
30
|
-
var FlexOverflow = (0,
|
|
30
|
+
var FlexOverflow = (0, _pijmacore.styled)(_pijmacore.Flex)({
|
|
31
31
|
"&::-webkit-scrollbar": {
|
|
32
32
|
display: "none"
|
|
33
33
|
},
|
|
@@ -36,20 +36,20 @@ var FlexOverflow = (0, _pijmaCore.styled)(_pijmaCore.Flex)({
|
|
|
36
36
|
position: "relative"
|
|
37
37
|
});
|
|
38
38
|
FlexOverflow.displayName = "FlexOverflow";
|
|
39
|
-
var TabContent = (0,
|
|
39
|
+
var TabContent = (0, _pijmacore.styled)(_pijmacore.FlexItem)();
|
|
40
40
|
TabContent.displayName = "TabContent";
|
|
41
41
|
var BlockTabs = function(param) {
|
|
42
|
-
var items = param.items,
|
|
43
|
-
return stub ? /*#__PURE__*/ (0,
|
|
42
|
+
var items = param.items, _param_select = param.select, select = _param_select === void 0 ? 0 : _param_select, _param_tabIndex = param.tabIndex, tabIndex = _param_tabIndex === void 0 ? 0 : _param_tabIndex, _param_vertical = param.vertical, vertical = _param_vertical === void 0 ? false : _param_vertical, _param_centered = param.centered, centered = _param_centered === void 0 ? false : _param_centered, _param_stub = param.stub, stub = _param_stub === void 0 ? false : _param_stub, _param_hr = param.hr, hr = _param_hr === void 0 ? true : _param_hr, _param_indent = param.indent, indent = _param_indent === void 0 ? "m" : _param_indent, pt = param.pt, pb = param.pb, onChange = param.onChange;
|
|
43
|
+
return stub ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Pos, {
|
|
44
44
|
type: "relative",
|
|
45
|
-
children: /*#__PURE__*/ (0,
|
|
45
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, {
|
|
46
46
|
direction: "column",
|
|
47
47
|
pt: pt !== undefined ? pt : BlockTabsIndent[indent][0],
|
|
48
48
|
pr: BlockTabsIndent[indent][1],
|
|
49
49
|
pb: pb !== undefined ? pb : BlockTabsIndent[indent][2],
|
|
50
50
|
pl: BlockTabsIndent[indent][3],
|
|
51
51
|
children: [
|
|
52
|
-
/*#__PURE__*/ (0,
|
|
52
|
+
/*#__PURE__*/ (0, _jsxruntime.jsxs)(FlexOverflow, {
|
|
53
53
|
direction: "row",
|
|
54
54
|
overflow: "auto",
|
|
55
55
|
justify: centered ? "space-between" : "flex-start",
|
|
@@ -59,7 +59,7 @@ var BlockTabs = function(param) {
|
|
|
59
59
|
true,
|
|
60
60
|
true
|
|
61
61
|
]).map(function(icon, index, arr) {
|
|
62
|
-
return /*#__PURE__*/ (0,
|
|
62
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.TabHeader, {
|
|
63
63
|
title: "stub",
|
|
64
64
|
indent: index === arr.length - 1 ? 0 : 5,
|
|
65
65
|
wrap: !centered,
|
|
@@ -71,7 +71,7 @@ var BlockTabs = function(param) {
|
|
|
71
71
|
stub: true
|
|
72
72
|
}, index);
|
|
73
73
|
}),
|
|
74
|
-
/*#__PURE__*/ (0,
|
|
74
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.TabBorder, {
|
|
75
75
|
width: centered ? "calc(33% - 20px)" : vertical ? 13 : 21,
|
|
76
76
|
left: 0,
|
|
77
77
|
radius: hr,
|
|
@@ -79,13 +79,13 @@ var BlockTabs = function(param) {
|
|
|
79
79
|
})
|
|
80
80
|
]
|
|
81
81
|
}),
|
|
82
|
-
/*#__PURE__*/ (0,
|
|
83
|
-
children: hr ? /*#__PURE__*/ (0,
|
|
82
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
83
|
+
children: hr ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Pos, {
|
|
84
84
|
type: "absolute",
|
|
85
85
|
width: 1,
|
|
86
86
|
left: 0,
|
|
87
87
|
zIndex: 0,
|
|
88
|
-
children: /*#__PURE__*/ (0,
|
|
88
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Card, {
|
|
89
89
|
mt: "-1px",
|
|
90
90
|
bg: "#e6e6e6",
|
|
91
91
|
width: 1,
|
|
@@ -93,35 +93,35 @@ var BlockTabs = function(param) {
|
|
|
93
93
|
})
|
|
94
94
|
}) : null
|
|
95
95
|
}),
|
|
96
|
-
/*#__PURE__*/ (0,
|
|
96
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
97
97
|
mt: 4,
|
|
98
|
-
children: /*#__PURE__*/ (0,
|
|
98
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
|
|
99
99
|
stub: true
|
|
100
100
|
})
|
|
101
101
|
})
|
|
102
102
|
]
|
|
103
103
|
})
|
|
104
|
-
}) : /*#__PURE__*/ (0,
|
|
104
|
+
}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.TabsControl, {
|
|
105
105
|
select: select,
|
|
106
106
|
length: items.length,
|
|
107
107
|
onChange: onChange,
|
|
108
108
|
children: function(renderProps) {
|
|
109
|
-
return /*#__PURE__*/ (0,
|
|
109
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Pos, {
|
|
110
110
|
type: "relative",
|
|
111
|
-
children: /*#__PURE__*/ (0,
|
|
111
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, {
|
|
112
112
|
direction: "column",
|
|
113
113
|
pt: pt !== undefined ? pt : BlockTabsIndent[indent][0],
|
|
114
114
|
pr: BlockTabsIndent[indent][1],
|
|
115
115
|
pb: pb !== undefined ? pb : BlockTabsIndent[indent][2],
|
|
116
116
|
pl: BlockTabsIndent[indent][3],
|
|
117
117
|
children: [
|
|
118
|
-
/*#__PURE__*/ (0,
|
|
118
|
+
/*#__PURE__*/ (0, _jsxruntime.jsxs)(FlexOverflow, {
|
|
119
119
|
direction: "row",
|
|
120
120
|
overflow: "auto",
|
|
121
121
|
justify: centered ? "space-between" : "flex-start",
|
|
122
122
|
children: [
|
|
123
123
|
renderProps.items.map(function(item, index) {
|
|
124
|
-
return /*#__PURE__*/ (0,
|
|
124
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.TabHeader, {
|
|
125
125
|
title: items[index].title,
|
|
126
126
|
indent: index === items.length - 1 ? 0 : 5,
|
|
127
127
|
wrap: !centered,
|
|
@@ -140,20 +140,20 @@ var BlockTabs = function(param) {
|
|
|
140
140
|
onClick: item.onClick
|
|
141
141
|
}, index);
|
|
142
142
|
}),
|
|
143
|
-
/*#__PURE__*/ (0,
|
|
143
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.TabBorder, {
|
|
144
144
|
width: "" + renderProps.borderWidth + "px",
|
|
145
145
|
left: "" + renderProps.borderLeft + "px",
|
|
146
146
|
radius: hr
|
|
147
147
|
})
|
|
148
148
|
]
|
|
149
149
|
}),
|
|
150
|
-
hr ? /*#__PURE__*/ (0,
|
|
151
|
-
children: /*#__PURE__*/ (0,
|
|
150
|
+
hr ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
151
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Pos, {
|
|
152
152
|
type: "absolute",
|
|
153
153
|
width: 1,
|
|
154
154
|
left: 0,
|
|
155
155
|
zIndex: 0,
|
|
156
|
-
children: /*#__PURE__*/ (0,
|
|
156
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Card, {
|
|
157
157
|
mt: "-1px",
|
|
158
158
|
bg: "#e6e6e6",
|
|
159
159
|
width: 1,
|
|
@@ -163,7 +163,7 @@ var BlockTabs = function(param) {
|
|
|
163
163
|
}) : null,
|
|
164
164
|
items.map(function(param, index) {
|
|
165
165
|
var content = param.content;
|
|
166
|
-
return /*#__PURE__*/ (0,
|
|
166
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(TabContent, {
|
|
167
167
|
display: select === index ? "block" : "none",
|
|
168
168
|
pt: 4,
|
|
169
169
|
children: content
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./BlockTabs.js"), exports);
|
|
@@ -8,30 +8,30 @@ Object.defineProperty(exports, "Breadcrumbs", {
|
|
|
8
8
|
return Breadcrumbs;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var _extends = require("@swc/helpers/
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var _react = /*#__PURE__*/
|
|
16
|
-
var
|
|
11
|
+
var _extends = require("@swc/helpers/_/_extends");
|
|
12
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
14
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
15
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
16
|
+
var _navlink = require("../nav-link/index.js");
|
|
17
17
|
var _typography = require("../typography/index.js");
|
|
18
18
|
var Breadcrumbs = function(param) {
|
|
19
|
-
var
|
|
20
|
-
return stub ? /*#__PURE__*/ (0,
|
|
19
|
+
var _param_children = param.children, children = _param_children === void 0 ? [] : _param_children, _param_stub = param.stub, stub = _param_stub === void 0 ? false : _param_stub;
|
|
20
|
+
return stub ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
21
21
|
maxWidth: 12,
|
|
22
22
|
width: 1,
|
|
23
|
-
children: /*#__PURE__*/ (0,
|
|
23
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_navlink.NavLink, {
|
|
24
24
|
stub: true
|
|
25
25
|
})
|
|
26
|
-
}) : /*#__PURE__*/ (0,
|
|
26
|
+
}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
|
|
27
27
|
size: "s",
|
|
28
28
|
color: "support",
|
|
29
29
|
children: children.map(function(item, i) {
|
|
30
|
-
return /*#__PURE__*/ (0,
|
|
30
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
|
|
31
31
|
children: [
|
|
32
|
-
i > 0 ? /*#__PURE__*/ (0,
|
|
32
|
+
i > 0 ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
|
|
33
33
|
children: [
|
|
34
|
-
/*#__PURE__*/ (0,
|
|
34
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
35
35
|
as: "span",
|
|
36
36
|
mx: 2,
|
|
37
37
|
display: "inline",
|
|
@@ -40,7 +40,7 @@ var Breadcrumbs = function(param) {
|
|
|
40
40
|
"\xad"
|
|
41
41
|
]
|
|
42
42
|
}) : null,
|
|
43
|
-
/*#__PURE__*/ (0,
|
|
43
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_navlink.NavLink, _extends._({}, item))
|
|
44
44
|
]
|
|
45
45
|
}, i);
|
|
46
46
|
})
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./Breadcrumbs.js"), exports);
|