@qiwi/pijma-desktop 1.167.2 → 1.168.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/package.json +11 -24
- package/target/dts/select-field/SelectField.d.ts +1 -0
- package/target/es5/actions/Actions.js +1 -1
- package/target/es5/alert/Alert.js +3 -3
- package/target/es5/alert-block/AlertBlock.js +3 -3
- package/target/es5/annotation/Annotation.js +2 -2
- package/target/es5/block-accordion/BlockAccordion.js +3 -3
- package/target/es5/block-content/BlockContent.js +2 -2
- package/target/es5/block-tabs/BlockTabs.js +3 -3
- package/target/es5/breadcrumbs/Breadcrumbs.js +2 -2
- package/target/es5/button/Button.js +3 -3
- package/target/es5/checkbox/Checkbox.js +2 -2
- package/target/es5/checkbox-field/CheckboxField.js +3 -3
- package/target/es5/code-field/CodeField.js +4 -4
- package/target/es5/content-suggest/ContentSuggest.js +8 -8
- package/target/es5/custom-alert/CustomAlert.js +3 -3
- package/target/es5/details/Details.js +2 -2
- package/target/es5/drop-down/DropDown.js +6 -6
- package/target/es5/extended-progress-bar/ExtendedProgressBar.js +1 -1
- package/target/es5/footer-app/FooterApp.js +4 -4
- package/target/es5/footer-nav/FooterNav.js +2 -2
- package/target/es5/footer-out/FooterOut.js +4 -4
- package/target/es5/glossary/Glossary.js +2 -2
- package/target/es5/header/Header.js +1 -1
- package/target/es5/header-bank-card-link/HeaderBankCardLink.js +2 -2
- package/target/es5/header-drop-down/HeaderDropDown.js +6 -6
- package/target/es5/header-menu/HeaderMenu.js +1 -1
- package/target/es5/header-menu/HeaderMenuItem.js +1 -1
- package/target/es5/header-suggest/HeaderSuggest.js +9 -9
- package/target/es5/hint/Hint.js +11 -11
- package/target/es5/link/BlockLink.js +2 -2
- package/target/es5/link/FileLink.js +2 -2
- package/target/es5/link/Link.js +2 -2
- package/target/es5/link/SectionLink.js +2 -2
- package/target/es5/list/List.js +2 -2
- package/target/es5/logo-block-link/LogoBlockLink.js +3 -3
- package/target/es5/logo-link/LogoLink.js +3 -3
- package/target/es5/markdown/Markdown.js +14 -14
- package/target/es5/menu/MenuItem.js +6 -3
- package/target/es5/menu/MenuLink.js +2 -2
- package/target/es5/modal/SimpleModal.js +9 -9
- package/target/es5/nav-link/NavLink.js +2 -2
- package/target/es5/notice/Notice.js +3 -3
- package/target/es5/oops/Oops.js +2 -2
- package/target/es5/pagination/Pagination.js +8 -8
- package/target/es5/pagination/PaginationLink.js +2 -2
- package/target/es5/password-field/PasswordField.js +2 -2
- package/target/es5/phone-field/PhoneField.js +6 -6
- package/target/es5/progress-bar/ProgressBar.js +2 -2
- package/target/es5/radio-field/RadioField.js +3 -3
- package/target/es5/rating/Rating.js +3 -3
- package/target/es5/select-field/SelectField.js +13 -11
- package/target/es5/status/Status.js +3 -3
- package/target/es5/suggest-field/SuggestField.js +8 -8
- package/target/es5/switch/Switch.js +2 -2
- package/target/es5/switch-field/SwitchField.js +3 -3
- package/target/es5/tabs/Tabs.js +3 -3
- package/target/es5/text-area-field/TextAreaField.js +2 -2
- package/target/es5/text-field/TextField.js +2 -2
- package/target/es5/typography/Caption.js +2 -2
- package/target/es5/typography/Heading.js +2 -2
- package/target/es5/typography/Paragraph.js +2 -2
- package/target/es5/typography/Text.js +2 -2
- package/target/es5/typography/Title.js +2 -2
- package/target/es6/notice/Notice.js +1 -1
- package/target/es6/select-field/SelectField.js +2 -0
- package/target/es6/status/Status.js +1 -1
|
@@ -13,7 +13,7 @@ var _interop_require_default = require("@swc/helpers/_/_interop_require_default"
|
|
|
13
13
|
var _jsxruntime = require("react/jsx-runtime");
|
|
14
14
|
var _pijmacore = require("@qiwi/pijma-core");
|
|
15
15
|
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
16
|
-
var PasswordField = function(props) {
|
|
16
|
+
var PasswordField = function PasswordField(props) {
|
|
17
17
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.PasswordFieldControl, {
|
|
18
18
|
onChange: props.onChange,
|
|
19
19
|
onFocus: props.onFocus,
|
|
@@ -21,7 +21,7 @@ var PasswordField = function(props) {
|
|
|
21
21
|
onKeyDown: props.onKeyDown,
|
|
22
22
|
onKeyUp: props.onKeyUp,
|
|
23
23
|
onToggle: props.onToggle,
|
|
24
|
-
children: function(renderProps) {
|
|
24
|
+
children: function children(renderProps) {
|
|
25
25
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.InputField, _extends._({}, (0, _pijmacore.getDataProps)(props), {
|
|
26
26
|
title: props.title,
|
|
27
27
|
active: renderProps.focused || !!props.value || !!props.placeholder,
|
|
@@ -16,8 +16,8 @@ var _pijmacore = require("@qiwi/pijma-core");
|
|
|
16
16
|
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
17
17
|
var _dropdown = require("../drop-down/index.js");
|
|
18
18
|
var _typography = require("../typography/index.js");
|
|
19
|
-
var PhoneField = function(
|
|
20
|
-
var
|
|
19
|
+
var PhoneField = function PhoneField(_0) {
|
|
20
|
+
var _0_tabIndex = _0.tabIndex, tabIndex = _0_tabIndex === void 0 ? 0 : _0_tabIndex, _0_code = _0.code, code = _0_code === void 0 ? 'ru' : _0_code, props = _object_without_properties_loose._(_0, [
|
|
21
21
|
"tabIndex",
|
|
22
22
|
"code"
|
|
23
23
|
]);
|
|
@@ -36,11 +36,11 @@ var PhoneField = function(_param) {
|
|
|
36
36
|
onChange: props.onChange,
|
|
37
37
|
onFocus: props.onFocus,
|
|
38
38
|
onBlur: props.onBlur,
|
|
39
|
-
children: function(renderProps) {
|
|
39
|
+
children: function children(renderProps) {
|
|
40
40
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.MenuControl, {
|
|
41
41
|
count: props.countries.length,
|
|
42
42
|
onSelect: renderProps.onSelectCountry,
|
|
43
|
-
children: function(menuRenderProps) {
|
|
43
|
+
children: function children(menuRenderProps) {
|
|
44
44
|
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Pos, _extends._({}, (0, _pijmacore.getDataProps)(props), {
|
|
45
45
|
type: "relative",
|
|
46
46
|
ref: renderProps.containerRef,
|
|
@@ -88,10 +88,10 @@ var PhoneField = function(_param) {
|
|
|
88
88
|
/*#__PURE__*/ (0, _jsxruntime.jsx)(_dropdown.DropDown, {
|
|
89
89
|
minWidth: 1,
|
|
90
90
|
offset: 4,
|
|
91
|
-
container: function() {
|
|
91
|
+
container: function container() {
|
|
92
92
|
return renderProps.containerRef.current;
|
|
93
93
|
},
|
|
94
|
-
target: function() {
|
|
94
|
+
target: function target() {
|
|
95
95
|
return renderProps.inputRef.current;
|
|
96
96
|
},
|
|
97
97
|
show: renderProps.showCountries,
|
|
@@ -14,8 +14,8 @@ var _object_without_properties_loose = require("@swc/helpers/_/_object_without_p
|
|
|
14
14
|
var _jsxruntime = require("react/jsx-runtime");
|
|
15
15
|
var _pijmacore = require("@qiwi/pijma-core");
|
|
16
16
|
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
17
|
-
var ProgressBar = function(
|
|
18
|
-
var value =
|
|
17
|
+
var ProgressBar = function ProgressBar(_0) {
|
|
18
|
+
var value = _0.value, _0_disabled = _0.disabled, disabled = _0_disabled === void 0 ? false : _0_disabled, _0_stub = _0.stub, stub = _0_stub === void 0 ? false : _0_stub, rest = _object_without_properties_loose._(_0, [
|
|
19
19
|
"value",
|
|
20
20
|
"disabled",
|
|
21
21
|
"stub"
|
|
@@ -13,7 +13,7 @@ var _interop_require_default = require("@swc/helpers/_/_interop_require_default"
|
|
|
13
13
|
var _jsxruntime = require("react/jsx-runtime");
|
|
14
14
|
var _pijmacore = require("@qiwi/pijma-core");
|
|
15
15
|
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
16
|
-
var RadioField = function(props) {
|
|
16
|
+
var RadioField = function RadioField(props) {
|
|
17
17
|
return props.stub ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Box, {
|
|
18
18
|
maxWidth: 1,
|
|
19
19
|
children: [
|
|
@@ -63,7 +63,7 @@ var RadioField = function(props) {
|
|
|
63
63
|
onChange: props.onChange,
|
|
64
64
|
onFocus: props.onFocus,
|
|
65
65
|
onBlur: props.onBlur,
|
|
66
|
-
children: function(renderProps) {
|
|
66
|
+
children: function children(renderProps) {
|
|
67
67
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.OptionField, _extends._({}, (0, _pijmacore.getDataProps)(props), {
|
|
68
68
|
title: props.title,
|
|
69
69
|
hint: props.hint,
|
|
@@ -80,7 +80,7 @@ var RadioField = function(props) {
|
|
|
80
80
|
onClick: option.onClick,
|
|
81
81
|
onMouseEnter: option.onMouseEnter,
|
|
82
82
|
onMouseLeave: renderProps.onMouseLeave,
|
|
83
|
-
children: function(renderOptionProps) {
|
|
83
|
+
children: function children(renderOptionProps) {
|
|
84
84
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.OptionFieldItem, {
|
|
85
85
|
disabled: option.disabled,
|
|
86
86
|
icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
@@ -22,8 +22,8 @@ var RatingIndent = {
|
|
|
22
22
|
s: 2,
|
|
23
23
|
m: 5
|
|
24
24
|
};
|
|
25
|
-
var Rating = function(
|
|
26
|
-
var
|
|
25
|
+
var Rating = function Rating(_0) {
|
|
26
|
+
var _0_value = _0.value, value = _0_value === void 0 ? 0 : _0_value, _0_size = _0.size, size = _0_size === void 0 ? 'm' : _0_size, _0_disabled = _0.disabled, disabled = _0_disabled === void 0 ? false : _0_disabled, _0_count = _0.count, count = _0_count === void 0 ? 5 : _0_count, _0_stub = _0.stub, stub = _0_stub === void 0 ? false : _0_stub, onChange = _0.onChange, rest = _object_without_properties_loose._(_0, [
|
|
27
27
|
"value",
|
|
28
28
|
"size",
|
|
29
29
|
"disabled",
|
|
@@ -47,7 +47,7 @@ var Rating = function(_param) {
|
|
|
47
47
|
count: count,
|
|
48
48
|
disabled: disabled,
|
|
49
49
|
onChange: onChange,
|
|
50
|
-
children: function(renderProps) {
|
|
50
|
+
children: function children(renderProps) {
|
|
51
51
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Flex, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
|
|
52
52
|
children: renderProps.items.map(function(item, index) {
|
|
53
53
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
@@ -16,34 +16,34 @@ var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
|
16
16
|
var _menu = require("../menu/index.js");
|
|
17
17
|
var CardMenuItem = (0, _pijmacore.styled)(_pijmacore.Card)().withComponent(_menu.MenuItem);
|
|
18
18
|
CardMenuItem.displayName = 'CardMenuItem';
|
|
19
|
-
var Transition = function(props) {
|
|
19
|
+
var Transition = function Transition(props) {
|
|
20
20
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.SimpleTransition, _extends._({}, props, {
|
|
21
21
|
timeout: {
|
|
22
22
|
enter: 150,
|
|
23
23
|
exit: 150
|
|
24
24
|
},
|
|
25
|
-
enteringClassName: function(timeout) {
|
|
25
|
+
enteringClassName: function enteringClassName(timeout) {
|
|
26
26
|
return (0, _pijmacore.css)({
|
|
27
27
|
opacity: 0,
|
|
28
28
|
transform: "translateY(" + -12 + "px)",
|
|
29
29
|
transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1), transform " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
|
|
30
30
|
});
|
|
31
31
|
},
|
|
32
|
-
enteredClassName: function(timeout) {
|
|
32
|
+
enteredClassName: function enteredClassName(timeout) {
|
|
33
33
|
return (0, _pijmacore.css)({
|
|
34
34
|
opacity: 1,
|
|
35
35
|
transform: "translateY(" + 0 + "px)",
|
|
36
36
|
transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1), transform " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
|
|
37
37
|
});
|
|
38
38
|
},
|
|
39
|
-
exitingClassName: function(timeout) {
|
|
39
|
+
exitingClassName: function exitingClassName(timeout) {
|
|
40
40
|
return (0, _pijmacore.css)({
|
|
41
41
|
opacity: 0,
|
|
42
42
|
transform: "translateY(" + -12 + "px)",
|
|
43
43
|
transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1), transform " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
|
|
44
44
|
});
|
|
45
45
|
},
|
|
46
|
-
exitedClassName: function(timeout) {
|
|
46
|
+
exitedClassName: function exitedClassName(timeout) {
|
|
47
47
|
return (0, _pijmacore.css)({
|
|
48
48
|
opacity: 0,
|
|
49
49
|
transform: "translateY(" + -12 + "px)",
|
|
@@ -53,12 +53,13 @@ var Transition = function(props) {
|
|
|
53
53
|
}));
|
|
54
54
|
};
|
|
55
55
|
Transition.displayName = 'Transition';
|
|
56
|
-
var SelectField = function(props) {
|
|
56
|
+
var SelectField = function SelectField(props) {
|
|
57
57
|
return props.stub ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.InputField, {
|
|
58
58
|
active: false,
|
|
59
59
|
input: false,
|
|
60
60
|
title: props.title,
|
|
61
61
|
error: props.error,
|
|
62
|
+
help: props.help,
|
|
62
63
|
stub: true
|
|
63
64
|
}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.SelectFieldControl, {
|
|
64
65
|
value: props.value,
|
|
@@ -69,13 +70,13 @@ var SelectField = function(props) {
|
|
|
69
70
|
onFocus: props.onFocus,
|
|
70
71
|
onBlur: props.onBlur,
|
|
71
72
|
onHide: props.onHide,
|
|
72
|
-
children: function(renderProps) {
|
|
73
|
+
children: function children(renderProps) {
|
|
73
74
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.MenuControl, {
|
|
74
75
|
count: props.items.length,
|
|
75
76
|
selected: renderProps.select,
|
|
76
77
|
onKeyDown: renderProps.onKeyDown,
|
|
77
78
|
onSelect: renderProps.onItemSelect,
|
|
78
|
-
children: function(menuRenderProps) {
|
|
79
|
+
children: function children(menuRenderProps) {
|
|
79
80
|
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.CardPos, _extends._({}, (0, _pijmacore.getDataProps)(props), {
|
|
80
81
|
ref: renderProps.containerRef,
|
|
81
82
|
type: "relative",
|
|
@@ -98,6 +99,7 @@ var SelectField = function(props) {
|
|
|
98
99
|
title: props.title,
|
|
99
100
|
active: renderProps.select !== undefined,
|
|
100
101
|
error: props.error,
|
|
102
|
+
help: props.help,
|
|
101
103
|
input: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.SelectInput, {
|
|
102
104
|
value: renderProps.select !== undefined && props.items[renderProps.select] ? props.items[renderProps.select].text : '',
|
|
103
105
|
pr: 6,
|
|
@@ -118,10 +120,10 @@ var SelectField = function(props) {
|
|
|
118
120
|
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Overlay, {
|
|
119
121
|
show: renderProps.show,
|
|
120
122
|
placement: "bottom",
|
|
121
|
-
target: function() {
|
|
123
|
+
target: function target() {
|
|
122
124
|
return renderProps.targetRef.current;
|
|
123
125
|
},
|
|
124
|
-
container: function() {
|
|
126
|
+
container: function container() {
|
|
125
127
|
return renderProps.containerRef.current;
|
|
126
128
|
},
|
|
127
129
|
transition: Transition,
|
|
@@ -133,7 +135,7 @@ var SelectField = function(props) {
|
|
|
133
135
|
}
|
|
134
136
|
]
|
|
135
137
|
},
|
|
136
|
-
children: function(overlayRenderProps) {
|
|
138
|
+
children: function children(overlayRenderProps) {
|
|
137
139
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.CardPos, {
|
|
138
140
|
ref: overlayRenderProps.props.ref,
|
|
139
141
|
css: overlayRenderProps.props.style,
|
|
@@ -14,9 +14,9 @@ var _object_without_properties_loose = require("@swc/helpers/_/_object_without_p
|
|
|
14
14
|
var _jsxruntime = require("react/jsx-runtime");
|
|
15
15
|
var _pijmacore = require("@qiwi/pijma-core");
|
|
16
16
|
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
17
|
-
var _ = require("../typography
|
|
18
|
-
var Status = function(
|
|
19
|
-
var icon =
|
|
17
|
+
var _ = require("../typography/index.js");
|
|
18
|
+
var Status = function Status(_0) {
|
|
19
|
+
var icon = _0.icon, title = _0.title, actions = _0.actions, content = _0.content, children = _0.children, rest = _object_without_properties_loose._(_0, [
|
|
20
20
|
"icon",
|
|
21
21
|
"title",
|
|
22
22
|
"actions",
|
|
@@ -20,10 +20,10 @@ var _menu = require("../menu/index.js");
|
|
|
20
20
|
var _typography = require("../typography/index.js");
|
|
21
21
|
var CardMenuItem = (0, _pijmacore.styled)(_pijmacore.Card)().withComponent(_menu.MenuItem);
|
|
22
22
|
CardMenuItem.displayName = 'CardMenuItem';
|
|
23
|
-
var SuggestField = function(
|
|
24
|
-
var
|
|
23
|
+
var SuggestField = function SuggestField(_0) {
|
|
24
|
+
var _0_equals = _0.equals, equals = _0_equals === void 0 ? function(a, b) {
|
|
25
25
|
return a === b;
|
|
26
|
-
} :
|
|
26
|
+
} : _0_equals, props = _object_without_properties_loose._(_0, [
|
|
27
27
|
"equals"
|
|
28
28
|
]);
|
|
29
29
|
return props.stub ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.InputField, {
|
|
@@ -44,13 +44,13 @@ var SuggestField = function(_param) {
|
|
|
44
44
|
onBlur: props.onBlur,
|
|
45
45
|
onFocus: props.onFocus,
|
|
46
46
|
onCancel: props.onCancel,
|
|
47
|
-
children: function(renderProps) {
|
|
47
|
+
children: function children(renderProps) {
|
|
48
48
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.MenuControl, {
|
|
49
49
|
count: renderProps.items.length,
|
|
50
50
|
selected: renderProps.selected,
|
|
51
51
|
onSelect: renderProps.onItemSelect,
|
|
52
52
|
onKeyDown: renderProps.onItemKeyDown,
|
|
53
|
-
children: function(menuRenderProps) {
|
|
53
|
+
children: function children(menuRenderProps) {
|
|
54
54
|
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Pos, _extends._({}, (0, _pijmacore.getDataProps)(props), {
|
|
55
55
|
type: "relative",
|
|
56
56
|
ref: renderProps.containerRef,
|
|
@@ -89,10 +89,10 @@ var SuggestField = function(_param) {
|
|
|
89
89
|
})
|
|
90
90
|
}),
|
|
91
91
|
/*#__PURE__*/ (0, _jsxruntime.jsx)(_dropdown.DropDown, {
|
|
92
|
-
target: function() {
|
|
92
|
+
target: function target() {
|
|
93
93
|
return renderProps.inputRef.current;
|
|
94
94
|
},
|
|
95
|
-
container: function() {
|
|
95
|
+
container: function container() {
|
|
96
96
|
return renderProps.containerRef.current;
|
|
97
97
|
},
|
|
98
98
|
minWidth: 1,
|
|
@@ -173,7 +173,7 @@ var SuggestField = function(_param) {
|
|
|
173
173
|
};
|
|
174
174
|
SuggestField.displayName = 'SuggestField';
|
|
175
175
|
SuggestField.defaultProps = {
|
|
176
|
-
equals: function(a, b) {
|
|
176
|
+
equals: function equals(a, b) {
|
|
177
177
|
return a === b;
|
|
178
178
|
}
|
|
179
179
|
};
|
|
@@ -13,7 +13,7 @@ var _interop_require_default = require("@swc/helpers/_/_interop_require_default"
|
|
|
13
13
|
var _jsxruntime = require("react/jsx-runtime");
|
|
14
14
|
var _pijmacore = require("@qiwi/pijma-core");
|
|
15
15
|
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
16
|
-
var Switch = function(props) {
|
|
16
|
+
var Switch = function Switch(props) {
|
|
17
17
|
return props.stub ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, {
|
|
18
18
|
direction: props.reverse ? 'row-reverse' : 'row',
|
|
19
19
|
justify: props.reverse ? 'space-between' : 'flex-start',
|
|
@@ -46,7 +46,7 @@ var Switch = function(props) {
|
|
|
46
46
|
checked: props.checked,
|
|
47
47
|
disabled: props.disabled || props.loading,
|
|
48
48
|
onChange: props.onChange,
|
|
49
|
-
children: function(renderProps) {
|
|
49
|
+
children: function children(renderProps) {
|
|
50
50
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.OptionField, _extends._({}, (0, _pijmacore.getDataProps)(props), {
|
|
51
51
|
tabIndex: props.tabIndex,
|
|
52
52
|
onFocus: renderProps.onFocus,
|
|
@@ -13,7 +13,7 @@ var _interop_require_default = require("@swc/helpers/_/_interop_require_default"
|
|
|
13
13
|
var _jsxruntime = require("react/jsx-runtime");
|
|
14
14
|
var _pijmacore = require("@qiwi/pijma-core");
|
|
15
15
|
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
16
|
-
var SwitchField = function(props) {
|
|
16
|
+
var SwitchField = function SwitchField(props) {
|
|
17
17
|
return props.stub ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Box, {
|
|
18
18
|
maxWidth: 1,
|
|
19
19
|
children: [
|
|
@@ -70,7 +70,7 @@ var SwitchField = function(props) {
|
|
|
70
70
|
onChange: props.onChange,
|
|
71
71
|
onFocus: props.onFocus,
|
|
72
72
|
onBlur: props.onBlur,
|
|
73
|
-
children: function(renderProps) {
|
|
73
|
+
children: function children(renderProps) {
|
|
74
74
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.OptionField, _extends._({}, (0, _pijmacore.getDataProps)(props), {
|
|
75
75
|
title: props.title,
|
|
76
76
|
hint: props.hint,
|
|
@@ -87,7 +87,7 @@ var SwitchField = function(props) {
|
|
|
87
87
|
onClick: option.onClick,
|
|
88
88
|
onMouseEnter: option.onMouseEnter,
|
|
89
89
|
onMouseLeave: renderProps.onMouseLeave,
|
|
90
|
-
children: function(renderOptionProps) {
|
|
90
|
+
children: function children(renderOptionProps) {
|
|
91
91
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.OptionFieldItem, {
|
|
92
92
|
disabled: option.disabled,
|
|
93
93
|
reverse: props.reverse,
|
package/target/es5/tabs/Tabs.js
CHANGED
|
@@ -26,8 +26,8 @@ var FlexOverflow = (0, _pijmacore.styled)(_pijmacore.Flex)({
|
|
|
26
26
|
FlexOverflow.displayName = 'FlexOverflow';
|
|
27
27
|
var TabContent = (0, _pijmacore.styled)(_pijmacore.FlexItem)();
|
|
28
28
|
TabContent.displayName = 'TabContent';
|
|
29
|
-
var Tabs = function(
|
|
30
|
-
var items =
|
|
29
|
+
var Tabs = function Tabs(_0) {
|
|
30
|
+
var items = _0.items, _0_select = _0.select, select = _0_select === void 0 ? 0 : _0_select, _0_tabIndex = _0.tabIndex, tabIndex = _0_tabIndex === void 0 ? 0 : _0_tabIndex, _0_vertical = _0.vertical, vertical = _0_vertical === void 0 ? false : _0_vertical, _0_centered = _0.centered, centered = _0_centered === void 0 ? false : _0_centered, _0_stub = _0.stub, stub = _0_stub === void 0 ? false : _0_stub, onChange = _0.onChange, rest = _object_without_properties_loose._(_0, [
|
|
31
31
|
"items",
|
|
32
32
|
"select",
|
|
33
33
|
"tabIndex",
|
|
@@ -79,7 +79,7 @@ var Tabs = function(_param) {
|
|
|
79
79
|
select: select,
|
|
80
80
|
length: items.length,
|
|
81
81
|
onChange: onChange,
|
|
82
|
-
children: function(renderProps) {
|
|
82
|
+
children: function children(renderProps) {
|
|
83
83
|
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
|
|
84
84
|
direction: "column",
|
|
85
85
|
children: [
|
|
@@ -13,7 +13,7 @@ var _interop_require_default = require("@swc/helpers/_/_interop_require_default"
|
|
|
13
13
|
var _jsxruntime = require("react/jsx-runtime");
|
|
14
14
|
var _pijmacore = require("@qiwi/pijma-core");
|
|
15
15
|
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
16
|
-
var TextAreaField = function(props) {
|
|
16
|
+
var TextAreaField = function TextAreaField(props) {
|
|
17
17
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.TextAreaFieldControl, {
|
|
18
18
|
onChange: props.onChange,
|
|
19
19
|
onFocus: props.onFocus,
|
|
@@ -21,7 +21,7 @@ var TextAreaField = function(props) {
|
|
|
21
21
|
onKeyDown: props.onKeyDown,
|
|
22
22
|
onKeyUp: props.onKeyUp,
|
|
23
23
|
value: props.value,
|
|
24
|
-
children: function(renderProps) {
|
|
24
|
+
children: function children(renderProps) {
|
|
25
25
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.InputField, _extends._({}, (0, _pijmacore.getDataProps)(props), {
|
|
26
26
|
title: props.title,
|
|
27
27
|
active: renderProps.focused || !!props.value || !!props.placeholder,
|
|
@@ -13,7 +13,7 @@ var _interop_require_default = require("@swc/helpers/_/_interop_require_default"
|
|
|
13
13
|
var _jsxruntime = require("react/jsx-runtime");
|
|
14
14
|
var _pijmacore = require("@qiwi/pijma-core");
|
|
15
15
|
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
16
|
-
var TextField = function(props) {
|
|
16
|
+
var TextField = function TextField(props) {
|
|
17
17
|
return props.stub ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.InputField, {
|
|
18
18
|
active: false,
|
|
19
19
|
input: false,
|
|
@@ -28,7 +28,7 @@ var TextField = function(props) {
|
|
|
28
28
|
onBlur: props.onBlur,
|
|
29
29
|
onKeyDown: props.onKeyDown,
|
|
30
30
|
onKeyUp: props.onKeyUp,
|
|
31
|
-
children: function(renderProps) {
|
|
31
|
+
children: function children(renderProps) {
|
|
32
32
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.InputField, _extends._({}, (0, _pijmacore.getDataProps)(props), {
|
|
33
33
|
title: props.title,
|
|
34
34
|
active: renderProps.focused || !!props.value || !!props.placeholder,
|
|
@@ -19,8 +19,8 @@ var CaptionColor = {
|
|
|
19
19
|
support: '#666',
|
|
20
20
|
inverse: '#fff'
|
|
21
21
|
};
|
|
22
|
-
var Caption = function(
|
|
23
|
-
var
|
|
22
|
+
var Caption = function Caption(_0) {
|
|
23
|
+
var _0_color = _0.color, color = _0_color === void 0 ? 'support' : _0_color, align = _0.align, stub = _0.stub, clamp = _0.clamp, children = _0.children, rest = _object_without_properties_loose._(_0, [
|
|
24
24
|
"color",
|
|
25
25
|
"align",
|
|
26
26
|
"stub",
|
|
@@ -67,8 +67,8 @@ var HeadingColor = {
|
|
|
67
67
|
default: '#000',
|
|
68
68
|
inverse: '#fff'
|
|
69
69
|
};
|
|
70
|
-
var Heading = function(
|
|
71
|
-
var tag =
|
|
70
|
+
var Heading = function Heading(_0) {
|
|
71
|
+
var tag = _0.tag, size = _0.size, _0_color = _0.color, color = _0_color === void 0 ? 'default' : _0_color, align = _0.align, stub = _0.stub, clamp = _0.clamp, children = _0.children, rest = _object_without_properties_loose._(_0, [
|
|
72
72
|
"tag",
|
|
73
73
|
"size",
|
|
74
74
|
"color",
|
|
@@ -59,8 +59,8 @@ var ParagraphColor = {
|
|
|
59
59
|
support: '#666',
|
|
60
60
|
inverse: '#fff'
|
|
61
61
|
};
|
|
62
|
-
var Paragraph = function(
|
|
63
|
-
var
|
|
62
|
+
var Paragraph = function Paragraph(_0) {
|
|
63
|
+
var _0_size = _0.size, size = _0_size === void 0 ? 'm' : _0_size, _0_bold = _0.bold, bold = _0_bold === void 0 ? false : _0_bold, _0_compact = _0.compact, compact = _0_compact === void 0 ? false : _0_compact, _0_color = _0.color, color = _0_color === void 0 ? 'default' : _0_color, transform = _0.transform, align = _0.align, stub = _0.stub, clamp = _0.clamp, children = _0.children, rest = _object_without_properties_loose._(_0, [
|
|
64
64
|
"size",
|
|
65
65
|
"bold",
|
|
66
66
|
"compact",
|
|
@@ -62,8 +62,8 @@ var TextColor = {
|
|
|
62
62
|
failure: '#d0021b',
|
|
63
63
|
warning: '#ff8c00'
|
|
64
64
|
};
|
|
65
|
-
var Text = function(
|
|
66
|
-
var display =
|
|
65
|
+
var Text = function Text(_0) {
|
|
66
|
+
var display = _0.display, compact = _0.compact, size = _0.size, bold = _0.bold, color = _0.color, decoration = _0.decoration, transform = _0.transform, transition = _0.transition, align = _0.align, clamp = _0.clamp, children = _0.children, _0_stub = _0.stub, stub = _0_stub === void 0 ? false : _0_stub, rest = _object_without_properties_loose._(_0, [
|
|
67
67
|
"display",
|
|
68
68
|
"compact",
|
|
69
69
|
"size",
|
|
@@ -46,8 +46,8 @@ var TitleColor = {
|
|
|
46
46
|
default: '#000',
|
|
47
47
|
inverse: '#fff'
|
|
48
48
|
};
|
|
49
|
-
var Title = function(
|
|
50
|
-
var tag =
|
|
49
|
+
var Title = function Title(_0) {
|
|
50
|
+
var tag = _0.tag, size = _0.size, _0_color = _0.color, color = _0_color === void 0 ? 'default' : _0_color, align = _0.align, stub = _0.stub, clamp = _0.clamp, children = _0.children, rest = _object_without_properties_loose._(_0, [
|
|
51
51
|
"tag",
|
|
52
52
|
"size",
|
|
53
53
|
"color",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Flex, FlexItem, getDataProps, Spacer } from '@qiwi/pijma-core';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import { Heading, Paragraph } from '../typography
|
|
4
|
+
import { Heading, Paragraph } from '../typography/index.js';
|
|
5
5
|
export const Notice = ({ icon, title, children, ...restProps })=>/*#__PURE__*/ _jsxs(Flex, {
|
|
6
6
|
...getDataProps(restProps),
|
|
7
7
|
children: [
|
|
@@ -37,6 +37,7 @@ export const SelectField = (props)=>props.stub ? /*#__PURE__*/ _jsx(InputField,
|
|
|
37
37
|
input: false,
|
|
38
38
|
title: props.title,
|
|
39
39
|
error: props.error,
|
|
40
|
+
help: props.help,
|
|
40
41
|
stub: true
|
|
41
42
|
}) : /*#__PURE__*/ _jsx(SelectFieldControl, {
|
|
42
43
|
value: props.value,
|
|
@@ -75,6 +76,7 @@ export const SelectField = (props)=>props.stub ? /*#__PURE__*/ _jsx(InputField,
|
|
|
75
76
|
title: props.title,
|
|
76
77
|
active: renderProps.select !== undefined,
|
|
77
78
|
error: props.error,
|
|
79
|
+
help: props.help,
|
|
78
80
|
input: /*#__PURE__*/ _jsx(SelectInput, {
|
|
79
81
|
value: renderProps.select !== undefined && props.items[renderProps.select] ? props.items[renderProps.select].text : '',
|
|
80
82
|
pr: 6,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Flex, FlexItem, getDataProps } from '@qiwi/pijma-core';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import { Heading, Paragraph } from '../typography
|
|
4
|
+
import { Heading, Paragraph } from '../typography/index.js';
|
|
5
5
|
export const Status = ({ icon, title, actions, content, children, ...rest })=>/*#__PURE__*/ _jsxs(Flex, {
|
|
6
6
|
...getDataProps(rest),
|
|
7
7
|
align: "center",
|