@qiwi/pijma-desktop 1.160.3 → 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 +9 -9
- package/target/es5/actions/index.js +2 -2
- package/target/es5/alert/Alert.js +18 -18
- package/target/es5/alert/index.js +2 -2
- package/target/es5/alert-block/AlertBlock.js +21 -21
- package/target/es5/alert-block/index.js +2 -2
- package/target/es5/annotation/Annotation.js +8 -8
- package/target/es5/annotation/index.js +2 -2
- package/target/es5/block-accordion/BlockAccordion.js +16 -16
- package/target/es5/block-accordion/index.js +2 -2
- package/target/es5/block-content/BlockContent.js +8 -8
- package/target/es5/block-content/index.js +2 -2
- package/target/es5/block-tabs/BlockTabs.js +29 -29
- package/target/es5/block-tabs/index.js +2 -2
- package/target/es5/breadcrumbs/Breadcrumbs.js +15 -15
- package/target/es5/breadcrumbs/index.js +2 -2
- package/target/es5/button/Button.js +26 -26
- package/target/es5/button/index.js +2 -2
- package/target/es5/checkbox/Checkbox.js +10 -10
- package/target/es5/checkbox/index.js +2 -2
- package/target/es5/checkbox-field/CheckboxField.js +18 -18
- package/target/es5/checkbox-field/index.js +2 -2
- package/target/es5/code-field/CodeField.js +18 -18
- package/target/es5/code-field/index.js +3 -3
- package/target/es5/content-suggest/ContentSuggest.js +33 -33
- package/target/es5/content-suggest/index.js +2 -2
- package/target/es5/details/Details.js +26 -26
- package/target/es5/details/index.js +2 -2
- package/target/es5/drop-down/DropDown.js +14 -14
- package/target/es5/drop-down/index.js +2 -2
- package/target/es5/extended-progress-bar/ExtendedProgressBar.js +24 -24
- package/target/es5/extended-progress-bar/index.js +2 -2
- package/target/es5/footer-app/FooterApp.js +13 -13
- package/target/es5/footer-app/index.js +2 -2
- package/target/es5/footer-nav/FooterNav.js +14 -14
- package/target/es5/footer-nav/index.js +2 -2
- package/target/es5/footer-out/FooterOut.js +17 -17
- package/target/es5/footer-out/index.js +2 -2
- package/target/es5/glossary/Glossary.js +21 -21
- package/target/es5/glossary/index.js +2 -2
- package/target/es5/header/Header.js +6 -6
- package/target/es5/header/index.js +2 -2
- package/target/es5/header-bank-card-link/HeaderBankCardLink.js +10 -10
- package/target/es5/header-bank-card-link/index.js +2 -2
- package/target/es5/header-drop-down/HeaderDropDown.js +17 -17
- package/target/es5/header-drop-down/index.js +2 -2
- package/target/es5/header-menu/HeaderMenu.js +11 -11
- package/target/es5/header-menu/HeaderMenuItem.js +11 -11
- package/target/es5/header-menu/index.js +3 -3
- package/target/es5/header-suggest/HeaderSuggest.js +48 -48
- package/target/es5/header-suggest/index.js +4 -4
- package/target/es5/hint/Hint.js +23 -23
- package/target/es5/hint/index.js +2 -2
- package/target/es5/index.js +55 -55
- package/target/es5/link/BlockLink.js +8 -8
- package/target/es5/link/FileLink.js +11 -11
- package/target/es5/link/Link.js +9 -9
- package/target/es5/link/SectionLink.js +8 -8
- package/target/es5/link/index.js +5 -5
- package/target/es5/list/List.js +29 -29
- package/target/es5/list/index.js +2 -2
- package/target/es5/logo-block-link/LogoBlockLink.js +51 -51
- package/target/es5/logo-block-link/index.js +2 -2
- package/target/es5/logo-link/LogoLink.js +23 -23
- package/target/es5/logo-link/index.js +2 -2
- package/target/es5/markdown/Markdown.js +32 -32
- package/target/es5/markdown/index.js +2 -2
- package/target/es5/menu/MenuItem.js +25 -25
- package/target/es5/menu/MenuLink.js +9 -9
- package/target/es5/menu/index.js +3 -3
- package/target/es5/modal/SimpleModal.js +20 -20
- package/target/es5/modal/index.js +2 -2
- package/target/es5/nav-link/NavLink.js +8 -8
- package/target/es5/nav-link/index.js +2 -2
- package/target/es5/notice/Notice.js +13 -13
- package/target/es5/notice/index.js +2 -2
- package/target/es5/oops/Oops.js +22 -22
- package/target/es5/oops/index.js +2 -2
- package/target/es5/pagination/Pagination.js +20 -20
- package/target/es5/pagination/PaginationLink.js +9 -9
- package/target/es5/pagination/index.js +3 -3
- package/target/es5/password-field/PasswordField.js +10 -10
- package/target/es5/password-field/index.js +3 -3
- package/target/es5/phone-field/PhoneField.js +27 -27
- package/target/es5/phone-field/index.js +3 -3
- package/target/es5/progress-bar/ProgressBar.js +10 -10
- package/target/es5/progress-bar/index.js +2 -2
- package/target/es5/radio-field/RadioField.js +18 -18
- package/target/es5/radio-field/index.js +2 -2
- package/target/es5/rating/Rating.js +14 -14
- package/target/es5/rating/index.js +2 -2
- package/target/es5/select-field/SelectField.js +25 -25
- package/target/es5/select-field/index.js +2 -2
- package/target/es5/status/Status.js +14 -14
- package/target/es5/status/index.js +2 -2
- package/target/es5/suggest-field/SuggestField.js +28 -28
- package/target/es5/suggest-field/index.js +4 -4
- package/target/es5/switch/Switch.js +16 -16
- package/target/es5/switch/index.js +2 -2
- package/target/es5/switch-field/SwitchField.js +19 -19
- package/target/es5/switch-field/index.js +2 -2
- package/target/es5/tabs/Tabs.js +21 -21
- package/target/es5/tabs/index.js +2 -2
- package/target/es5/text-area-field/TextAreaField.js +8 -8
- package/target/es5/text-area-field/index.js +2 -2
- package/target/es5/text-field/TextField.js +9 -9
- package/target/es5/text-field/index.js +3 -3
- package/target/es5/typography/Caption.js +11 -11
- package/target/es5/typography/Heading.js +12 -12
- package/target/es5/typography/Paragraph.js +12 -12
- package/target/es5/typography/Text.js +11 -11
- package/target/es5/typography/Title.js +11 -11
- package/target/es5/typography/index.js +6 -6
- package/target/es6/drop-down/DropDown.js +1 -1
- package/target/es6/extended-progress-bar/ExtendedProgressBar.js +1 -1
- package/target/es6/header-drop-down/HeaderDropDown.js +1 -1
- package/target/es6/header-suggest/HeaderSuggest.js +1 -1
- package/target/es6/hint/Hint.js +1 -1
- package/target/es6/select-field/SelectField.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qiwi/pijma-desktop",
|
|
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,11 +8,11 @@ Object.defineProperty(exports, "Actions", {
|
|
|
8
8
|
return Actions;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var _extends = require("@swc/helpers/
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var _react = /*#__PURE__*/
|
|
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
16
|
var margin = {
|
|
17
17
|
accent: 6,
|
|
18
18
|
normal: 5,
|
|
@@ -26,7 +26,7 @@ var Actions = function(props) {
|
|
|
26
26
|
return null;
|
|
27
27
|
}
|
|
28
28
|
var content = _react.Children.map(elements, function(child, key) {
|
|
29
|
-
return /*#__PURE__*/ (0,
|
|
29
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
30
30
|
width: 1,
|
|
31
31
|
maxWidth: 1,
|
|
32
32
|
mt: key === 0 || !props.vertical ? undefined : margin[props.size],
|
|
@@ -34,15 +34,15 @@ var Actions = function(props) {
|
|
|
34
34
|
children: child
|
|
35
35
|
}, key);
|
|
36
36
|
});
|
|
37
|
-
var dataProps = (0,
|
|
37
|
+
var dataProps = (0, _pijmacore.getDataProps)(props);
|
|
38
38
|
if (props.vertical) {
|
|
39
|
-
return /*#__PURE__*/ (0,
|
|
39
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, _extends._({}, dataProps, {
|
|
40
40
|
display: "inline-block",
|
|
41
41
|
maxWidth: 1,
|
|
42
42
|
children: content
|
|
43
43
|
}));
|
|
44
44
|
}
|
|
45
|
-
return /*#__PURE__*/ (0,
|
|
45
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Flex, _extends._({}, dataProps, {
|
|
46
46
|
display: "inline-flex",
|
|
47
47
|
align: "center",
|
|
48
48
|
maxWidth: 1,
|
|
@@ -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,12 +8,12 @@ Object.defineProperty(exports, "Alert", {
|
|
|
8
8
|
return Alert;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var _extends = require("@swc/helpers/
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _extends = require("@swc/helpers/_/_extends");
|
|
12
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
13
|
+
var _object_without_properties_loose = require("@swc/helpers/_/_object_without_properties_loose");
|
|
14
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
15
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
16
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
17
17
|
var _link = require("../link/index.js");
|
|
18
18
|
var _typography = require("../typography/index.js");
|
|
19
19
|
var AlertIconColor = {
|
|
@@ -29,37 +29,37 @@ var AlertIconName = {
|
|
|
29
29
|
general: "info"
|
|
30
30
|
};
|
|
31
31
|
var Alert = function(_param) /*#__PURE__*/ {
|
|
32
|
-
var
|
|
32
|
+
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, rest = _object_without_properties_loose._(_param, [
|
|
33
33
|
"type",
|
|
34
34
|
"text",
|
|
35
35
|
"action",
|
|
36
36
|
"onHide",
|
|
37
37
|
"onClick"
|
|
38
38
|
]);
|
|
39
|
-
return (0,
|
|
39
|
+
return (0, _jsxruntime.jsx)(_pijmacore.AlertControl, {
|
|
40
40
|
onHide: onHide,
|
|
41
41
|
children: function(renderProps) {
|
|
42
|
-
return /*#__PURE__*/ (0,
|
|
42
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
|
|
43
43
|
minHeight: 16,
|
|
44
44
|
py: 5,
|
|
45
45
|
children: [
|
|
46
|
-
/*#__PURE__*/ (0,
|
|
47
|
-
children: /*#__PURE__*/ (0,
|
|
46
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
47
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
|
|
48
48
|
name: AlertIconName[type],
|
|
49
49
|
color: AlertIconColor[type]
|
|
50
50
|
})
|
|
51
51
|
}),
|
|
52
|
-
/*#__PURE__*/ (0,
|
|
52
|
+
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.FlexItem, {
|
|
53
53
|
overflow: "hidden",
|
|
54
54
|
mx: 4,
|
|
55
55
|
children: [
|
|
56
|
-
/*#__PURE__*/ (0,
|
|
56
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
|
|
57
57
|
children: text
|
|
58
58
|
}),
|
|
59
|
-
action ? /*#__PURE__*/ (0,
|
|
59
|
+
action ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
60
60
|
mt: 1,
|
|
61
|
-
children: /*#__PURE__*/ (0,
|
|
62
|
-
children: /*#__PURE__*/ (0,
|
|
61
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
|
|
62
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_link.Link, {
|
|
63
63
|
bold: true,
|
|
64
64
|
onClick: onClick,
|
|
65
65
|
children: action
|
|
@@ -68,7 +68,7 @@ var Alert = function(_param) /*#__PURE__*/ {
|
|
|
68
68
|
}) : null
|
|
69
69
|
]
|
|
70
70
|
}),
|
|
71
|
-
onHide ? /*#__PURE__*/ (0,
|
|
71
|
+
onHide ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
72
72
|
ml: "auto",
|
|
73
73
|
cursor: "pointer",
|
|
74
74
|
opacity: renderProps.hover ? 0.7 : 1,
|
|
@@ -76,7 +76,7 @@ var Alert = function(_param) /*#__PURE__*/ {
|
|
|
76
76
|
onClick: renderProps.onClick,
|
|
77
77
|
onMouseMove: renderProps.onMouseEnter,
|
|
78
78
|
onMouseOut: renderProps.onMouseLeave,
|
|
79
|
-
children: /*#__PURE__*/ (0,
|
|
79
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
|
|
80
80
|
name: "cross-small",
|
|
81
81
|
color: "#666666"
|
|
82
82
|
})
|
|
@@ -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,12 +8,12 @@ Object.defineProperty(exports, "AlertBlock", {
|
|
|
8
8
|
return AlertBlock;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var _extends = require("@swc/helpers/
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _extends = require("@swc/helpers/_/_extends");
|
|
12
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
|
+
var _object_without_properties_loose = require("@swc/helpers/_/_object_without_properties_loose");
|
|
14
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
15
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
16
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
17
17
|
var _typography = require("../typography/index.js");
|
|
18
18
|
var AlertBlockBackground = {
|
|
19
19
|
success: "#EDF8EF",
|
|
@@ -56,29 +56,29 @@ var AlertBlockIcon = {
|
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
58
|
var AlertBlock = function(_param) {
|
|
59
|
-
var children = _param.children, icon = _param.icon, type = _param.type, onHide = _param.onHide, rest =
|
|
59
|
+
var children = _param.children, icon = _param.icon, type = _param.type, onHide = _param.onHide, rest = _object_without_properties_loose._(_param, [
|
|
60
60
|
"children",
|
|
61
61
|
"icon",
|
|
62
62
|
"type",
|
|
63
63
|
"onHide"
|
|
64
64
|
]);
|
|
65
|
-
var iconComponent = /*#__PURE__*/ (0, _react.isValidElement)(icon) ? icon : icon === undefined ? /*#__PURE__*/ (0,
|
|
65
|
+
var iconComponent = /*#__PURE__*/ (0, _react.isValidElement)(icon) ? icon : icon === undefined ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Pos, {
|
|
66
66
|
type: "relative",
|
|
67
67
|
children: [
|
|
68
|
-
/*#__PURE__*/ (0,
|
|
68
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Pos, {
|
|
69
69
|
type: "absolute",
|
|
70
70
|
top: "4px",
|
|
71
71
|
left: "4px",
|
|
72
|
-
children: /*#__PURE__*/ (0,
|
|
72
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Card, {
|
|
73
73
|
bg: AlertBlockIcon[type].bg,
|
|
74
74
|
width: 4,
|
|
75
75
|
height: 4,
|
|
76
76
|
r: 8
|
|
77
77
|
})
|
|
78
78
|
}),
|
|
79
|
-
/*#__PURE__*/ (0,
|
|
79
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Pos, {
|
|
80
80
|
type: "relative",
|
|
81
|
-
children: /*#__PURE__*/ (0,
|
|
81
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
|
|
82
82
|
name: AlertBlockIcon[type].name,
|
|
83
83
|
size: 6,
|
|
84
84
|
color: AlertBlockIcon[type].color
|
|
@@ -86,32 +86,32 @@ var AlertBlock = function(_param) {
|
|
|
86
86
|
})
|
|
87
87
|
]
|
|
88
88
|
}) : null;
|
|
89
|
-
return /*#__PURE__*/ (0,
|
|
89
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.AlertBlockControl, {
|
|
90
90
|
onHide: onHide,
|
|
91
91
|
children: function(renderProps) {
|
|
92
|
-
return /*#__PURE__*/ (0,
|
|
92
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Block, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
|
|
93
93
|
bg: AlertBlockBackground[type],
|
|
94
|
-
children: /*#__PURE__*/ (0,
|
|
94
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.FlexPos, {
|
|
95
95
|
display: "flex",
|
|
96
96
|
type: "relative",
|
|
97
97
|
py: 5,
|
|
98
98
|
pl: 6,
|
|
99
99
|
pr: onHide !== undefined ? 18 : 6,
|
|
100
100
|
children: [
|
|
101
|
-
/*#__PURE__*/ (0,
|
|
101
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
102
102
|
mr: 3,
|
|
103
103
|
children: iconComponent
|
|
104
104
|
}),
|
|
105
|
-
/*#__PURE__*/ (0,
|
|
106
|
-
children: /*#__PURE__*/ (0,
|
|
105
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
106
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
|
|
107
107
|
bold: true,
|
|
108
108
|
color: type === "promo" ? "inverse" : "default",
|
|
109
|
-
children: /*#__PURE__*/ (0,
|
|
109
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Breaker, {
|
|
110
110
|
children: children
|
|
111
111
|
})
|
|
112
112
|
})
|
|
113
113
|
}),
|
|
114
|
-
onHide !== undefined ? /*#__PURE__*/ (0,
|
|
114
|
+
onHide !== undefined ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Pos, {
|
|
115
115
|
cursor: "pointer",
|
|
116
116
|
type: "absolute",
|
|
117
117
|
right: 6,
|
|
@@ -119,7 +119,7 @@ var AlertBlock = function(_param) {
|
|
|
119
119
|
onClick: renderProps.onCloseClick,
|
|
120
120
|
onMouseEnter: renderProps.onCloseMouseEnter,
|
|
121
121
|
onMouseLeave: renderProps.onCloseMouseLeave,
|
|
122
|
-
children: /*#__PURE__*/ (0,
|
|
122
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
|
|
123
123
|
size: 6,
|
|
124
124
|
color: type === "promo" ? "#999" : "#666",
|
|
125
125
|
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,17 +8,17 @@ Object.defineProperty(exports, "Annotation", {
|
|
|
8
8
|
return Annotation;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var _extends = require("@swc/helpers/
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _extends = require("@swc/helpers/_/_extends");
|
|
12
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
13
|
+
var _object_without_properties_loose = require("@swc/helpers/_/_object_without_properties_loose");
|
|
14
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
15
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
16
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
17
17
|
var Annotation = function(_param) /*#__PURE__*/ {
|
|
18
|
-
var children = _param.children, rest =
|
|
18
|
+
var children = _param.children, rest = _object_without_properties_loose._(_param, [
|
|
19
19
|
"children"
|
|
20
20
|
]);
|
|
21
|
-
return (0,
|
|
21
|
+
return (0, _jsxruntime.jsx)(_pijmacore.Card, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
|
|
22
22
|
px: 11,
|
|
23
23
|
pt: 11,
|
|
24
24
|
pb: 12,
|
|
@@ -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("./Annotation.js"), exports);
|
|
@@ -8,12 +8,12 @@ Object.defineProperty(exports, "BlockAccordion", {
|
|
|
8
8
|
return BlockAccordion;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var _extends = require("@swc/helpers/
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _extends = require("@swc/helpers/_/_extends");
|
|
12
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
13
|
+
var _object_without_properties_loose = require("@swc/helpers/_/_object_without_properties_loose");
|
|
14
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
15
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
16
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
17
17
|
var _typography = require("../typography/index.js");
|
|
18
18
|
var BlockAccordionIndent = {
|
|
19
19
|
s: 8,
|
|
@@ -21,28 +21,28 @@ var BlockAccordionIndent = {
|
|
|
21
21
|
l: 17
|
|
22
22
|
};
|
|
23
23
|
var BlockAccordion = function(_param) /*#__PURE__*/ {
|
|
24
|
-
var items = _param.items,
|
|
24
|
+
var items = _param.items, _param_indent = _param.indent, indent = _param_indent === void 0 ? "m" : _param_indent, _param_tabIndex = _param.tabIndex, tabIndex = _param_tabIndex === void 0 ? 0 : _param_tabIndex, opened = _param.opened, onChange = _param.onChange, rest = _object_without_properties_loose._(_param, [
|
|
25
25
|
"items",
|
|
26
26
|
"indent",
|
|
27
27
|
"tabIndex",
|
|
28
28
|
"opened",
|
|
29
29
|
"onChange"
|
|
30
30
|
]);
|
|
31
|
-
return (0,
|
|
31
|
+
return (0, _jsxruntime.jsx)(_pijmacore.AccordionControl, {
|
|
32
32
|
items: items,
|
|
33
33
|
opened: opened,
|
|
34
34
|
onChange: onChange,
|
|
35
35
|
children: function(renderProps) {
|
|
36
|
-
return /*#__PURE__*/ (0,
|
|
36
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
|
|
37
37
|
py: 3,
|
|
38
38
|
children: renderProps.items.map(function(item, index) {
|
|
39
|
-
return /*#__PURE__*/ (0,
|
|
39
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Card, {
|
|
40
40
|
s: item.hovered || item.focused ? "0 0 16px 0 rgba(0, 0, 0, 0.12)" : index > 0 && !(renderProps.items[index - 1].hovered || renderProps.items[index - 1].focused) ? "0 -1px 0 #e6e6e6" : undefined,
|
|
41
41
|
transition: "box-shadow 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
|
|
42
42
|
onMouseEnter: item.onMouseEnter,
|
|
43
43
|
onMouseLeave: item.onMouseLeave,
|
|
44
44
|
children: [
|
|
45
|
-
/*#__PURE__*/ (0,
|
|
45
|
+
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, {
|
|
46
46
|
tabIndex: tabIndex,
|
|
47
47
|
wrap: "nowrap",
|
|
48
48
|
justify: "space-between",
|
|
@@ -56,29 +56,29 @@ var BlockAccordion = function(_param) /*#__PURE__*/ {
|
|
|
56
56
|
onBlur: item.onBlur,
|
|
57
57
|
onKeyDown: renderProps.onKeyDown,
|
|
58
58
|
children: [
|
|
59
|
-
/*#__PURE__*/ (0,
|
|
59
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
|
|
60
60
|
bold: true,
|
|
61
61
|
size: "m",
|
|
62
62
|
children: item.title
|
|
63
63
|
}),
|
|
64
|
-
/*#__PURE__*/ (0,
|
|
64
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
65
65
|
shrink: 0,
|
|
66
66
|
width: 6,
|
|
67
67
|
height: 6,
|
|
68
68
|
ml: 3,
|
|
69
69
|
transform: "rotate(" + (item.opened ? 180 : 0) + "deg)",
|
|
70
70
|
transition: "transform 0.3s ease-in-out",
|
|
71
|
-
children: /*#__PURE__*/ (0,
|
|
71
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
|
|
72
72
|
name: "angle-small-down"
|
|
73
73
|
})
|
|
74
74
|
})
|
|
75
75
|
]
|
|
76
76
|
}),
|
|
77
|
-
/*#__PURE__*/ (0,
|
|
77
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
78
78
|
px: BlockAccordionIndent[indent],
|
|
79
79
|
pb: 4,
|
|
80
80
|
display: item.opened ? "block" : "none",
|
|
81
|
-
children: typeof item.content === "string" ? /*#__PURE__*/ (0,
|
|
81
|
+
children: typeof item.content === "string" ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
|
|
82
82
|
size: "m",
|
|
83
83
|
children: item.content
|
|
84
84
|
}) : 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,23 +8,23 @@ Object.defineProperty(exports, "BlockContent", {
|
|
|
8
8
|
return BlockContent;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var _extends = require("@swc/helpers/
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _extends = require("@swc/helpers/_/_extends");
|
|
12
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
13
|
+
var _object_without_properties_loose = require("@swc/helpers/_/_object_without_properties_loose");
|
|
14
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
15
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
16
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
17
17
|
var BlockContentIdent = {
|
|
18
18
|
s: 8,
|
|
19
19
|
m: "44px 44px 48px",
|
|
20
20
|
l: "44px 68px 48px"
|
|
21
21
|
};
|
|
22
22
|
var BlockContent = function(_param) /*#__PURE__*/ {
|
|
23
|
-
var
|
|
23
|
+
var _param_indent = _param.indent, indent = _param_indent === void 0 ? "m" : _param_indent, children = _param.children, rest = _object_without_properties_loose._(_param, [
|
|
24
24
|
"indent",
|
|
25
25
|
"children"
|
|
26
26
|
]);
|
|
27
|
-
return (0,
|
|
27
|
+
return (0, _jsxruntime.jsx)(_pijmacore.Box, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
|
|
28
28
|
p: BlockContentIdent[indent],
|
|
29
29
|
children: children
|
|
30
30
|
}));
|
|
@@ -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);
|