@qiwi/pijma-desktop-extra 0.2.12 → 0.2.13
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 +22 -22
- package/target/es5/amount/index.js +7 -7
- package/target/es5/checkbox/index.js +15 -15
- package/target/es5/chip/index.js +14 -14
- package/target/es5/date-picker/index.js +31 -31
- package/target/es5/date-picker/locale.js +5 -5
- package/target/es5/date-picker/wrap.js +4 -4
- package/target/es5/date-range-picker/index.js +46 -44
- package/target/es5/divider/index.js +9 -9
- package/target/es5/dropdown/Container.js +23 -23
- package/target/es5/dropdown/index.js +18 -18
- package/target/es5/empty-page/index.js +19 -19
- package/target/es5/error-message/index.js +18 -18
- package/target/es5/file-uploader/FileUploaderStyles.js +6 -6
- package/target/es5/file-uploader/index.js +26 -26
- package/target/es5/footer/index.js +23 -23
- package/target/es5/header/index.js +28 -28
- package/target/es5/icon/index.js +13 -13
- package/target/es5/index.js +30 -30
- package/target/es5/logo/index.js +23 -23
- package/target/es5/menu/index.js +24 -24
- package/target/es5/navigation-menu/index.js +13 -13
- package/target/es5/obfuscatedPan/index.js +5 -5
- package/target/es5/offset/index.js +4 -4
- package/target/es5/paginator/index.js +9 -9
- package/target/es5/product/index.js +30 -30
- package/target/es5/select/index.js +23 -23
- package/target/es5/spinner/index.js +5 -5
- package/target/es5/spreader/index.js +4 -4
- package/target/es5/step/StepStyle.js +4 -4
- package/target/es5/step/index.js +14 -14
- package/target/es5/stepper/StepperControl.js +4 -4
- package/target/es5/stepper/index.js +14 -14
- package/target/es5/table/column.js +3 -3
- package/target/es5/table/constants.js +2 -2
- package/target/es5/table/index.js +24 -24
- package/target/es5/theme/index.js +4 -4
- package/target/es5/trinary-check-icon/index.js +9 -9
- package/target/es5/user-profile/index.js +19 -19
- package/target/es6/date-range-picker/index.js +6 -4
- package/target/es6/file-uploader/FileUploaderControl.js +1 -1
- package/target/es6/header/index.js +1 -1
- package/target/es6/select/index.js +1 -1
- package/target/es6/stepper/index.js +1 -1
|
@@ -8,15 +8,15 @@ Object.defineProperty(exports, "NavigationMenu", {
|
|
|
8
8
|
return NavigationMenu;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var _inherits = require("@swc/helpers/
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _inherits = require("@swc/helpers/_/_inherits");
|
|
12
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
|
+
var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_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 _menu = require("../menu/index.js");
|
|
18
18
|
function _templateObject() {
|
|
19
|
-
var data =
|
|
19
|
+
var data = _tagged_template_literal_loose._([
|
|
20
20
|
"\n padding: 28px 0 24px;\n font-size: 15px;\n"
|
|
21
21
|
]);
|
|
22
22
|
_templateObject = function _templateObject() {
|
|
@@ -24,25 +24,25 @@ function _templateObject() {
|
|
|
24
24
|
};
|
|
25
25
|
return data;
|
|
26
26
|
}
|
|
27
|
-
var ItemWrap = (0,
|
|
27
|
+
var ItemWrap = (0, _pijmacore.styled)("div")(_templateObject());
|
|
28
28
|
var NavigationMenu = /*#__PURE__*/ function(Component) {
|
|
29
29
|
"use strict";
|
|
30
|
-
_inherits(NavigationMenu, Component);
|
|
30
|
+
_inherits._(NavigationMenu, Component);
|
|
31
31
|
function NavigationMenu() {
|
|
32
32
|
return Component.apply(this, arguments);
|
|
33
33
|
}
|
|
34
34
|
var _proto = NavigationMenu.prototype;
|
|
35
35
|
_proto.render = function render() {
|
|
36
36
|
var Link = this.props.link;
|
|
37
|
-
var
|
|
37
|
+
var _this_props = this.props, items = _this_props.items, isItemSelected = _this_props.isItemSelected, onChange = _this_props.onChange;
|
|
38
38
|
var menuItems = items.map(function(param) {
|
|
39
39
|
var name = param.name, path = param.path, _node = param.node, _value = param.value;
|
|
40
40
|
var node = _node;
|
|
41
41
|
var value = _value;
|
|
42
42
|
if (path) {
|
|
43
|
-
node = /*#__PURE__*/ (0,
|
|
43
|
+
node = /*#__PURE__*/ (0, _jsxruntime.jsx)(Link, {
|
|
44
44
|
to: path,
|
|
45
|
-
children: /*#__PURE__*/ (0,
|
|
45
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(ItemWrap, {
|
|
46
46
|
children: name
|
|
47
47
|
})
|
|
48
48
|
});
|
|
@@ -54,7 +54,7 @@ var NavigationMenu = /*#__PURE__*/ function(Component) {
|
|
|
54
54
|
node: node
|
|
55
55
|
};
|
|
56
56
|
});
|
|
57
|
-
return /*#__PURE__*/ (0,
|
|
57
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_menu.Menu, {
|
|
58
58
|
default: this.props.active,
|
|
59
59
|
items: menuItems,
|
|
60
60
|
isItemSelected: isItemSelected,
|
|
@@ -8,12 +8,12 @@ Object.defineProperty(exports, "ObfuscatedPan", {
|
|
|
8
8
|
return ObfuscatedPan;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
12
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
14
14
|
var ObfuscatedPan = function(param) {
|
|
15
|
-
var pan = param.pan,
|
|
16
|
-
return /*#__PURE__*/ (0,
|
|
15
|
+
var pan = param.pan, _param_panPrefix = param.panPrefix, panPrefix = _param_panPrefix === void 0 ? "*" : _param_panPrefix;
|
|
16
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
|
|
17
17
|
children: [
|
|
18
18
|
panPrefix,
|
|
19
19
|
pan ? pan.slice(-4) : null
|
|
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "Offset", {
|
|
|
8
8
|
return Offset;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
11
|
+
var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
|
|
12
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
13
13
|
function _templateObject() {
|
|
14
|
-
var data =
|
|
14
|
+
var data = _tagged_template_literal_loose._([
|
|
15
15
|
"\n margin-top: ",
|
|
16
16
|
"px;\n margin-right: ",
|
|
17
17
|
"px;\n margin-bottom: ",
|
|
@@ -23,7 +23,7 @@ function _templateObject() {
|
|
|
23
23
|
};
|
|
24
24
|
return data;
|
|
25
25
|
}
|
|
26
|
-
var Offset = (0,
|
|
26
|
+
var Offset = (0, _pijmacore.styled)("div")(_templateObject(), function(props) {
|
|
27
27
|
return props.mt || 0;
|
|
28
28
|
}, function(props) {
|
|
29
29
|
return props.mr === undefined ? 40 : props.mr;
|
|
@@ -8,15 +8,15 @@ Object.defineProperty(exports, "Paginator", {
|
|
|
8
8
|
return Paginator;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var _extends = require("@swc/helpers/
|
|
12
|
-
var _inherits = require("@swc/helpers/
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _extends = require("@swc/helpers/_/_extends");
|
|
12
|
+
var _inherits = require("@swc/helpers/_/_inherits");
|
|
13
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
14
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
15
|
+
var _pijmadesktop = require("@qiwi/pijma-desktop");
|
|
16
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
17
17
|
var Paginator = /*#__PURE__*/ function(Component) {
|
|
18
18
|
"use strict";
|
|
19
|
-
_inherits(Paginator, Component);
|
|
19
|
+
_inherits._(Paginator, Component);
|
|
20
20
|
function Paginator() {
|
|
21
21
|
return Component.apply(this, arguments);
|
|
22
22
|
}
|
|
@@ -28,12 +28,12 @@ var Paginator = /*#__PURE__*/ function(Component) {
|
|
|
28
28
|
this.props.onChange(page);
|
|
29
29
|
};
|
|
30
30
|
_proto.render = function render() {
|
|
31
|
-
var
|
|
31
|
+
var _this_props = this.props, activePage = _this_props.activePage, totalItemsCount = _this_props.totalItemsCount, itemsCountPerPage = _this_props.itemsCountPerPage, paginatorProps = _this_props.paginatorProps;
|
|
32
32
|
var isPaginatorHidden = totalItemsCount <= itemsCountPerPage;
|
|
33
33
|
if (isPaginatorHidden) {
|
|
34
34
|
return null;
|
|
35
35
|
}
|
|
36
|
-
return /*#__PURE__*/ (0,
|
|
36
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.Pagination, _extends._({
|
|
37
37
|
active: activePage,
|
|
38
38
|
count: itemsCountPerPage,
|
|
39
39
|
total: totalItemsCount,
|
|
@@ -8,17 +8,17 @@ Object.defineProperty(exports, "Product", {
|
|
|
8
8
|
return Product;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var _inherits = require("@swc/helpers/
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _assert_this_initialized = require("@swc/helpers/_/_assert_this_initialized");
|
|
12
|
+
var _inherits = require("@swc/helpers/_/_inherits");
|
|
13
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
14
|
+
var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
|
|
15
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
16
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
17
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
18
18
|
var _dropdown = require("../dropdown/index.js");
|
|
19
19
|
var _theme = require("../theme/index.js");
|
|
20
20
|
function _templateObject() {
|
|
21
|
-
var data =
|
|
21
|
+
var data = _tagged_template_literal_loose._([
|
|
22
22
|
"\n font-weight: 500;\n font-size: 14px;\n color: ",
|
|
23
23
|
";\n"
|
|
24
24
|
]);
|
|
@@ -28,7 +28,7 @@ function _templateObject() {
|
|
|
28
28
|
return data;
|
|
29
29
|
}
|
|
30
30
|
function _templateObject1() {
|
|
31
|
-
var data =
|
|
31
|
+
var data = _tagged_template_literal_loose._([
|
|
32
32
|
"\n font-size: 12px;\n font-weight: 300;\n color: ",
|
|
33
33
|
";\n"
|
|
34
34
|
]);
|
|
@@ -38,7 +38,7 @@ function _templateObject1() {
|
|
|
38
38
|
return data;
|
|
39
39
|
}
|
|
40
40
|
function _templateObject2() {
|
|
41
|
-
var data =
|
|
41
|
+
var data = _tagged_template_literal_loose._([
|
|
42
42
|
"\n color: black;\n position: relative;\n width: 100%;\n top: -10px;\n left: -1px;\n"
|
|
43
43
|
]);
|
|
44
44
|
_templateObject2 = function _templateObject2() {
|
|
@@ -47,7 +47,7 @@ function _templateObject2() {
|
|
|
47
47
|
return data;
|
|
48
48
|
}
|
|
49
49
|
function _templateObject3() {
|
|
50
|
-
var data =
|
|
50
|
+
var data = _tagged_template_literal_loose._([
|
|
51
51
|
"\n width: 24px;\n height: 24px;\n display: inline-block;\n"
|
|
52
52
|
]);
|
|
53
53
|
_templateObject3 = function _templateObject3() {
|
|
@@ -56,7 +56,7 @@ function _templateObject3() {
|
|
|
56
56
|
return data;
|
|
57
57
|
}
|
|
58
58
|
function _templateObject4() {
|
|
59
|
-
var data =
|
|
59
|
+
var data = _tagged_template_literal_loose._([
|
|
60
60
|
""
|
|
61
61
|
]);
|
|
62
62
|
_templateObject4 = function _templateObject4() {
|
|
@@ -64,22 +64,22 @@ function _templateObject4() {
|
|
|
64
64
|
};
|
|
65
65
|
return data;
|
|
66
66
|
}
|
|
67
|
-
var ProductType = (0,
|
|
68
|
-
var ProductMerchant = (0,
|
|
69
|
-
var Container = (0,
|
|
70
|
-
var IconWrapper = (0,
|
|
71
|
-
var ProductWrapper = (0,
|
|
67
|
+
var ProductType = (0, _pijmacore.styled)("div")(_templateObject(), _theme.COLOR.TEXT.Primary);
|
|
68
|
+
var ProductMerchant = (0, _pijmacore.styled)("div")(_templateObject1(), _theme.COLOR.TEXT.Secondary2);
|
|
69
|
+
var Container = (0, _pijmacore.styled)("div")(_templateObject2());
|
|
70
|
+
var IconWrapper = (0, _pijmacore.styled)("div")(_templateObject3());
|
|
71
|
+
var ProductWrapper = (0, _pijmacore.styled)("div")(_templateObject4());
|
|
72
72
|
var Product = /*#__PURE__*/ function(Component) {
|
|
73
73
|
"use strict";
|
|
74
|
-
_inherits(Product, Component);
|
|
74
|
+
_inherits._(Product, Component);
|
|
75
75
|
function Product(props) {
|
|
76
76
|
var _this;
|
|
77
77
|
_this = Component.call(this, props) || this;
|
|
78
78
|
_this.state = {
|
|
79
79
|
isOpen: false
|
|
80
80
|
};
|
|
81
|
-
_this.onBlur = _this.onBlur.bind(
|
|
82
|
-
_this.onFocus = _this.onFocus.bind(
|
|
81
|
+
_this.onBlur = _this.onBlur.bind(_assert_this_initialized._(_this));
|
|
82
|
+
_this.onFocus = _this.onFocus.bind(_assert_this_initialized._(_this));
|
|
83
83
|
_this._timeoutID = -1;
|
|
84
84
|
return _this;
|
|
85
85
|
}
|
|
@@ -99,33 +99,33 @@ var Product = /*#__PURE__*/ function(Component) {
|
|
|
99
99
|
}, 10);
|
|
100
100
|
};
|
|
101
101
|
_proto.render = function render() {
|
|
102
|
-
var
|
|
102
|
+
var _this_props = this.props, selectorData = _this_props.selectorData, title = _this_props.title, onChange = _this_props.onChange;
|
|
103
103
|
var isShownDropdown = selectorData.items ? selectorData.items.length > 1 : null;
|
|
104
|
-
return /*#__PURE__*/ (0,
|
|
104
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(ProductWrapper, {
|
|
105
105
|
children: [
|
|
106
|
-
/*#__PURE__*/ (0,
|
|
106
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(ProductType, {
|
|
107
107
|
children: title
|
|
108
108
|
}),
|
|
109
|
-
/*#__PURE__*/ (0,
|
|
109
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(ProductMerchant, {
|
|
110
110
|
tabIndex: 0,
|
|
111
111
|
onClick: this.onFocus,
|
|
112
112
|
onBlur: this.onBlur,
|
|
113
|
-
children: /*#__PURE__*/ (0,
|
|
113
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, {
|
|
114
114
|
align: "center",
|
|
115
115
|
children: [
|
|
116
|
-
/*#__PURE__*/ (0,
|
|
116
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
117
117
|
children: selectorData.currentItem
|
|
118
118
|
}),
|
|
119
|
-
isShownDropdown && /*#__PURE__*/ (0,
|
|
120
|
-
children: /*#__PURE__*/ (0,
|
|
119
|
+
isShownDropdown && /*#__PURE__*/ (0, _jsxruntime.jsx)(IconWrapper, {
|
|
120
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
|
|
121
121
|
name: "angle-small-down"
|
|
122
122
|
})
|
|
123
123
|
})
|
|
124
124
|
]
|
|
125
125
|
})
|
|
126
126
|
}),
|
|
127
|
-
isShownDropdown && /*#__PURE__*/ (0,
|
|
128
|
-
children: /*#__PURE__*/ (0,
|
|
127
|
+
isShownDropdown && /*#__PURE__*/ (0, _jsxruntime.jsx)(Container, {
|
|
128
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_dropdown.Dropdown, {
|
|
129
129
|
show: this.state.isOpen,
|
|
130
130
|
items: selectorData.items || [],
|
|
131
131
|
value: selectorData.currentItem,
|
|
@@ -8,18 +8,18 @@ Object.defineProperty(exports, "Select", {
|
|
|
8
8
|
return Select;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var _extends = require("@swc/helpers/
|
|
13
|
-
var _inherits = require("@swc/helpers/
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _assert_this_initialized = require("@swc/helpers/_/_assert_this_initialized");
|
|
12
|
+
var _extends = require("@swc/helpers/_/_extends");
|
|
13
|
+
var _inherits = require("@swc/helpers/_/_inherits");
|
|
14
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
15
|
+
var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
|
|
16
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
17
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
18
|
+
var _pijmadesktop = require("@qiwi/pijma-desktop");
|
|
19
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
20
20
|
var _dropdown = require("../dropdown/index.js");
|
|
21
21
|
function _templateObject() {
|
|
22
|
-
var data =
|
|
22
|
+
var data = _tagged_template_literal_loose._([
|
|
23
23
|
"\n position: relative;\n outline: none;\n"
|
|
24
24
|
]);
|
|
25
25
|
_templateObject = function _templateObject() {
|
|
@@ -28,7 +28,7 @@ function _templateObject() {
|
|
|
28
28
|
return data;
|
|
29
29
|
}
|
|
30
30
|
function _templateObject1() {
|
|
31
|
-
var data =
|
|
31
|
+
var data = _tagged_template_literal_loose._([
|
|
32
32
|
"\n width: 24px;\n height: 24px;\n display: inline-block;\n"
|
|
33
33
|
]);
|
|
34
34
|
_templateObject1 = function _templateObject1() {
|
|
@@ -43,11 +43,11 @@ var isEmpty = function(obj) {
|
|
|
43
43
|
Array
|
|
44
44
|
].includes((obj || {}).constructor) && !Object.entries(obj || {}).length;
|
|
45
45
|
};
|
|
46
|
-
var Container = (0,
|
|
47
|
-
var IconWrapper = (0,
|
|
46
|
+
var Container = (0, _pijmacore.styled)("div")(_templateObject());
|
|
47
|
+
var IconWrapper = (0, _pijmacore.styled)("div")(_templateObject1());
|
|
48
48
|
var Select = /*#__PURE__*/ function(Component) {
|
|
49
49
|
"use strict";
|
|
50
|
-
_inherits(Select, Component);
|
|
50
|
+
_inherits._(Select, Component);
|
|
51
51
|
function Select(props) {
|
|
52
52
|
var _this;
|
|
53
53
|
_this = Component.call(this, props) || this;
|
|
@@ -63,9 +63,9 @@ var Select = /*#__PURE__*/ function(Component) {
|
|
|
63
63
|
};
|
|
64
64
|
_this.inputRef = /*#__PURE__*/ _react.default.createRef();
|
|
65
65
|
_this._timeoutID = -1;
|
|
66
|
-
_this.onBlur = _this.onBlur.bind(
|
|
67
|
-
_this.onFocus = _this.onFocus.bind(
|
|
68
|
-
_this.selectItem = _this.selectItem.bind(
|
|
66
|
+
_this.onBlur = _this.onBlur.bind(_assert_this_initialized._(_this));
|
|
67
|
+
_this.onFocus = _this.onFocus.bind(_assert_this_initialized._(_this));
|
|
68
|
+
_this.selectItem = _this.selectItem.bind(_assert_this_initialized._(_this));
|
|
69
69
|
return _this;
|
|
70
70
|
}
|
|
71
71
|
var _proto = Select.prototype;
|
|
@@ -110,7 +110,7 @@ var Select = /*#__PURE__*/ function(Component) {
|
|
|
110
110
|
}
|
|
111
111
|
};
|
|
112
112
|
_proto.render = function render() {
|
|
113
|
-
var
|
|
113
|
+
var _this_props = this.props, items = _this_props.items, title = _this_props.title, defaultItem = _this_props.defaultItem, value = _this_props.value, error = _this_props.error, multiSelect = _this_props.multiSelect, mapping = _this_props.mapping, emptyValue = _this_props.emptyValue, renderItem = _this_props.renderItem;
|
|
114
114
|
var currentItem = items.find(function(el) {
|
|
115
115
|
return el.value === value;
|
|
116
116
|
}) || {
|
|
@@ -124,13 +124,13 @@ var Select = /*#__PURE__*/ function(Component) {
|
|
|
124
124
|
return mapping[el];
|
|
125
125
|
});
|
|
126
126
|
}
|
|
127
|
-
return /*#__PURE__*/ (0,
|
|
127
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(Container, {
|
|
128
128
|
onFocus: this.onFocus,
|
|
129
129
|
tabIndex: 0,
|
|
130
130
|
ref: this.inputRef,
|
|
131
131
|
onBlur: this.onBlur,
|
|
132
132
|
children: [
|
|
133
|
-
/*#__PURE__*/ (0,
|
|
133
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.TextField, _extends._({}, this.props, {
|
|
134
134
|
autoFocus: this.state.focus,
|
|
135
135
|
title: title || "",
|
|
136
136
|
onChange: function() {
|
|
@@ -138,15 +138,15 @@ var Select = /*#__PURE__*/ function(Component) {
|
|
|
138
138
|
onBlur: multiSelect ? function() {
|
|
139
139
|
/* noop */ } : this.onBlur,
|
|
140
140
|
value: !isEmpty(multiValue) ? [].concat(multiValue).join(", ") : emptyValue || "",
|
|
141
|
-
hint: /*#__PURE__*/ (0,
|
|
141
|
+
hint: /*#__PURE__*/ (0, _jsxruntime.jsx)(IconWrapper, {
|
|
142
142
|
onClick: this.focusOnInput,
|
|
143
|
-
children: /*#__PURE__*/ (0,
|
|
143
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
|
|
144
144
|
name: "angle-small-down"
|
|
145
145
|
})
|
|
146
146
|
}),
|
|
147
147
|
error: error
|
|
148
148
|
})),
|
|
149
|
-
/*#__PURE__*/ (0,
|
|
149
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_dropdown.Dropdown, {
|
|
150
150
|
show: this.state.isOpen,
|
|
151
151
|
items: items,
|
|
152
152
|
value: multiSelect ? value : valueName,
|
|
@@ -8,13 +8,13 @@ Object.defineProperty(exports, "B2bSpinner", {
|
|
|
8
8
|
return B2bSpinner;
|
|
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 _theme = require("../theme/index.js");
|
|
16
16
|
var B2bSpinner = function() {
|
|
17
|
-
return /*#__PURE__*/ (0,
|
|
17
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Spinner, {
|
|
18
18
|
color: _theme.COLOR.PRIMARY,
|
|
19
19
|
width: _theme.DIMEN.SPINNER_SIZE,
|
|
20
20
|
height: _theme.DIMEN.SPINNER_SIZE
|
|
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "default", {
|
|
|
8
8
|
return _default;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
11
|
+
var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
|
|
12
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
13
13
|
function _templateObject() {
|
|
14
|
-
var data =
|
|
14
|
+
var data = _tagged_template_literal_loose._([
|
|
15
15
|
"\n display: flex;\n flex-direction: column;\n margin: 0 auto;\n max-width: 1280px;\n min-width: 400px;\n > * {\n padding: 0 50px !important;\n }\n"
|
|
16
16
|
]);
|
|
17
17
|
_templateObject = function _templateObject() {
|
|
@@ -19,4 +19,4 @@ function _templateObject() {
|
|
|
19
19
|
};
|
|
20
20
|
return data;
|
|
21
21
|
}
|
|
22
|
-
var _default = (0,
|
|
22
|
+
var _default = (0, _pijmacore.styled)("div")(_templateObject());
|
|
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "default", {
|
|
|
8
8
|
return _default;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
11
|
+
var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
|
|
12
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
13
13
|
function _templateObject() {
|
|
14
|
-
var data =
|
|
14
|
+
var data = _tagged_template_literal_loose._([
|
|
15
15
|
"\n width: 40px;\n height: 40px;\n border: 1px solid;\n border-radius: 50%;\n color: ",
|
|
16
16
|
";\n border-color: ",
|
|
17
17
|
";\n background-color: ",
|
|
@@ -22,7 +22,7 @@ function _templateObject() {
|
|
|
22
22
|
};
|
|
23
23
|
return data;
|
|
24
24
|
}
|
|
25
|
-
var _default =
|
|
25
|
+
var _default = _pijmacore.styled.button(_templateObject(), function(param) {
|
|
26
26
|
var variant = param.variant, theme = param.theme;
|
|
27
27
|
switch(variant){
|
|
28
28
|
case "active":
|
package/target/es5/step/index.js
CHANGED
|
@@ -8,32 +8,32 @@ Object.defineProperty(exports, "Step", {
|
|
|
8
8
|
return Step;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var _extends = require("@swc/helpers/
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var _react = /*#__PURE__*/
|
|
18
|
-
var
|
|
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 _pijmadesktop = require("@qiwi/pijma-desktop");
|
|
17
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
18
|
+
var _StepStyle = /*#__PURE__*/ _interop_require_default._(require("./StepStyle.js"));
|
|
19
19
|
var Step = function(props) {
|
|
20
|
-
var icon = props.icon, text = props.text,
|
|
20
|
+
var icon = props.icon, text = props.text, _props_variant = props.variant, variant = _props_variant === void 0 ? "default" : _props_variant, rest = _object_without_properties_loose._(props, [
|
|
21
21
|
"icon",
|
|
22
22
|
"text",
|
|
23
23
|
"variant"
|
|
24
24
|
]);
|
|
25
|
-
return /*#__PURE__*/ (0,
|
|
25
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.ButtonControl, _extends._({}, rest, {
|
|
26
26
|
children: function(_param) /*#__PURE__*/ {
|
|
27
|
-
var active = _param.active, focus = _param.focus, hover = _param.hover, events =
|
|
27
|
+
var active = _param.active, focus = _param.focus, hover = _param.hover, events = _object_without_properties_loose._(_param, [
|
|
28
28
|
"active",
|
|
29
29
|
"focus",
|
|
30
30
|
"hover"
|
|
31
31
|
]);
|
|
32
|
-
return (0,
|
|
32
|
+
return (0, _jsxruntime.jsx)(_StepStyle.default, _extends._({
|
|
33
33
|
variant: variant
|
|
34
34
|
}, events, {
|
|
35
|
-
children: /*#__PURE__*/ (0,
|
|
36
|
-
children: /*#__PURE__*/ (0,
|
|
35
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.Text, {
|
|
36
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Typo, {
|
|
37
37
|
css: {
|
|
38
38
|
overflowWrap: "normal"
|
|
39
39
|
},
|
|
@@ -8,9 +8,9 @@ Object.defineProperty(exports, "default", {
|
|
|
8
8
|
return _default;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
14
|
var StepperControl = function(param) {
|
|
15
15
|
var step = param.step, steps = param.steps, children = param.children;
|
|
16
16
|
var stepsArray = (0, _react.useMemo)(function() {
|
|
@@ -18,7 +18,7 @@ var StepperControl = function(param) {
|
|
|
18
18
|
}, [
|
|
19
19
|
steps
|
|
20
20
|
]);
|
|
21
|
-
return /*#__PURE__*/ (0,
|
|
21
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
|
|
22
22
|
children: stepsArray.map(function(_, index) {
|
|
23
23
|
var currentStep = index + 1;
|
|
24
24
|
var variant = currentStep === step ? "focus" : currentStep < step ? "active" : "default";
|
|
@@ -8,30 +8,30 @@ Object.defineProperty(exports, "Stepper", {
|
|
|
8
8
|
return Stepper;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var _react = /*#__PURE__*/
|
|
11
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
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 _divider = require("../divider/index.js");
|
|
17
17
|
var _step = require("../step/index.js");
|
|
18
|
-
var
|
|
18
|
+
var _StepperControl = /*#__PURE__*/ _interop_require_default._(require("./StepperControl.js"));
|
|
19
19
|
var Stepper = function(param) {
|
|
20
|
-
var
|
|
20
|
+
var _param_step = param.step, step = _param_step === void 0 ? 1 : _param_step, steps = param.steps, _param_dividerWidth = param.dividerWidth, dividerWidth = _param_dividerWidth === void 0 ? 25 : _param_dividerWidth, onChange = param.onChange;
|
|
21
21
|
if (!steps || steps <= 1) {
|
|
22
22
|
return null;
|
|
23
23
|
}
|
|
24
|
-
return /*#__PURE__*/ (0,
|
|
24
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Flex, {
|
|
25
25
|
align: "center",
|
|
26
|
-
children: /*#__PURE__*/ (0,
|
|
26
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_StepperControl.default, {
|
|
27
27
|
steps: steps,
|
|
28
28
|
step: step,
|
|
29
29
|
children: function(param) {
|
|
30
30
|
var variant = param.variant, currentStep = param.currentStep;
|
|
31
|
-
return /*#__PURE__*/ (0,
|
|
31
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
|
|
32
32
|
children: [
|
|
33
|
-
/*#__PURE__*/ (0,
|
|
34
|
-
children: /*#__PURE__*/ (0,
|
|
33
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
34
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_step.Step, {
|
|
35
35
|
variant: variant,
|
|
36
36
|
text: currentStep,
|
|
37
37
|
onClick: function() {
|
|
@@ -39,10 +39,10 @@ var Stepper = function(param) {
|
|
|
39
39
|
}
|
|
40
40
|
})
|
|
41
41
|
}),
|
|
42
|
-
currentStep < steps && /*#__PURE__*/ (0,
|
|
42
|
+
currentStep < steps && /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
43
43
|
width: dividerWidth,
|
|
44
44
|
px: 3,
|
|
45
|
-
children: /*#__PURE__*/ (0,
|
|
45
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_divider.Divider, {
|
|
46
46
|
active: variant === "active"
|
|
47
47
|
})
|
|
48
48
|
})
|
|
@@ -8,9 +8,9 @@ Object.defineProperty(exports, "columnFactory", {
|
|
|
8
8
|
return columnFactory;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
11
|
+
var _type_of = require("@swc/helpers/_/_type_of");
|
|
12
12
|
function columnFactory(el, mapping) {
|
|
13
|
-
switch(typeof el === "undefined" ? "undefined" :
|
|
13
|
+
switch(typeof el === "undefined" ? "undefined" : _type_of._(el)){
|
|
14
14
|
case "string":
|
|
15
15
|
return mapping[el] || {
|
|
16
16
|
accessor: el
|
|
@@ -22,6 +22,6 @@ function columnFactory(el, mapping) {
|
|
|
22
22
|
case "object":
|
|
23
23
|
return el;
|
|
24
24
|
default:
|
|
25
|
-
throw new Error("unsupported table column type: " + (typeof el === "undefined" ? "undefined" :
|
|
25
|
+
throw new Error("unsupported table column type: " + (typeof el === "undefined" ? "undefined" : _type_of._(el)));
|
|
26
26
|
}
|
|
27
27
|
}
|
|
@@ -19,7 +19,7 @@ _export(exports, {
|
|
|
19
19
|
return activeBackground;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
var
|
|
23
|
-
var borderColor =
|
|
22
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
23
|
+
var borderColor = _pijmacore.themes.orange.color.gray.light;
|
|
24
24
|
var tableHoverColor = "rgba(0, 0, 0, 0.05)";
|
|
25
25
|
var activeBackground = "#fbe9b8bd";
|