@qiwi/pijma-desktop-extra 0.2.11 → 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,13 +8,13 @@ Object.defineProperty(exports, "Divider", {
|
|
|
8
8
|
return Divider;
|
|
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 _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
|
|
13
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
14
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
15
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
16
16
|
function _templateObject() {
|
|
17
|
-
var data =
|
|
17
|
+
var data = _tagged_template_literal_loose._([
|
|
18
18
|
"\n background-color: ",
|
|
19
19
|
";\n border-radius: ",
|
|
20
20
|
";\n"
|
|
@@ -24,7 +24,7 @@ function _templateObject() {
|
|
|
24
24
|
};
|
|
25
25
|
return data;
|
|
26
26
|
}
|
|
27
|
-
var StyledBox = (0,
|
|
27
|
+
var StyledBox = (0, _pijmacore.styled)(_pijmacore.Box)(_templateObject(), function(param) {
|
|
28
28
|
var active = param.active, theme = param.theme;
|
|
29
29
|
return active ? theme.color.brand : "#e6e6e6";
|
|
30
30
|
}, function(param) {
|
|
@@ -32,8 +32,8 @@ var StyledBox = (0, _pijmaCore.styled)(_pijmaCore.Box)(_templateObject(), functi
|
|
|
32
32
|
return typeof radius === "number" ? theme.scale * radius : radius;
|
|
33
33
|
});
|
|
34
34
|
var Divider = function(param) {
|
|
35
|
-
var
|
|
36
|
-
return /*#__PURE__*/ (0,
|
|
35
|
+
var _param_w = param.w, w = _param_w === void 0 ? "100%" : _param_w, _param_h = param.h, h = _param_h === void 0 ? "2px" : _param_h, _param_r = param.r, r = _param_r === void 0 ? "2px" : _param_r, _param_active = param.active, active = _param_active === void 0 ? false : _param_active;
|
|
36
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(StyledBox, {
|
|
37
37
|
width: w,
|
|
38
38
|
height: h,
|
|
39
39
|
radius: r,
|
|
@@ -25,16 +25,16 @@ _export(exports, {
|
|
|
25
25
|
return Container;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
-
var _inherits = require("@swc/helpers/
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var _react = /*#__PURE__*/
|
|
28
|
+
var _inherits = require("@swc/helpers/_/_inherits");
|
|
29
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
30
|
+
var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
|
|
31
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
32
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
33
|
+
var _pijmadesktop = require("@qiwi/pijma-desktop");
|
|
34
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
35
35
|
var _theme = require("../theme/index.js");
|
|
36
36
|
function _templateObject() {
|
|
37
|
-
var data =
|
|
37
|
+
var data = _tagged_template_literal_loose._([
|
|
38
38
|
"\n position: absolute;\n min-width: 200px;\n width: 100%;\n top: -10px !important;\n padding: 10px 0;\n z-index: 10;\n display: block;\n background: #fff;\n border-radius: 8px;\n margin-bottom: 20px;\n box-shadow: ",
|
|
39
39
|
";\n overflow: auto;\n // max-height: 200px;\n"
|
|
40
40
|
]);
|
|
@@ -44,7 +44,7 @@ function _templateObject() {
|
|
|
44
44
|
return data;
|
|
45
45
|
}
|
|
46
46
|
function _templateObject1() {
|
|
47
|
-
var data =
|
|
47
|
+
var data = _tagged_template_literal_loose._([
|
|
48
48
|
"\n padding: 5px;\n"
|
|
49
49
|
]);
|
|
50
50
|
_templateObject1 = function _templateObject1() {
|
|
@@ -53,7 +53,7 @@ function _templateObject1() {
|
|
|
53
53
|
return data;
|
|
54
54
|
}
|
|
55
55
|
function _templateObject2() {
|
|
56
|
-
var data =
|
|
56
|
+
var data = _tagged_template_literal_loose._([
|
|
57
57
|
"\n box-sizing: border-box;\n padding: 10px 24px;\n width: 100%;\n cursor: pointer;\n :hover {\n background-color: #f5f5f5;\n }\n &--active {\n background-color: #e6e6e6 !important;\n }\n ",
|
|
58
58
|
"\n"
|
|
59
59
|
]);
|
|
@@ -63,7 +63,7 @@ function _templateObject2() {
|
|
|
63
63
|
return data;
|
|
64
64
|
}
|
|
65
65
|
function _templateObject3() {
|
|
66
|
-
var data =
|
|
66
|
+
var data = _tagged_template_literal_loose._([
|
|
67
67
|
"\n position: relative;\n height: 100%;\n"
|
|
68
68
|
]);
|
|
69
69
|
_templateObject3 = function _templateObject3() {
|
|
@@ -71,25 +71,25 @@ function _templateObject3() {
|
|
|
71
71
|
};
|
|
72
72
|
return data;
|
|
73
73
|
}
|
|
74
|
-
var ListContainer = (0,
|
|
75
|
-
var CheckBoxContainer = (0,
|
|
76
|
-
var Item = (0,
|
|
74
|
+
var ListContainer = (0, _pijmacore.styled)("div")(_templateObject(), _theme.COLOR.SHADOW.Z3);
|
|
75
|
+
var CheckBoxContainer = (0, _pijmacore.styled)("div")(_templateObject1());
|
|
76
|
+
var Item = (0, _pijmacore.styled)("div")(_templateObject2(), function(props) {
|
|
77
77
|
return props.active ? "background-color: #E6E6E6 !important;" : "";
|
|
78
78
|
});
|
|
79
|
-
var ScrollContainer = (0,
|
|
79
|
+
var ScrollContainer = (0, _pijmacore.styled)("div")(_templateObject3());
|
|
80
80
|
var Container = /*#__PURE__*/ function(Component) {
|
|
81
81
|
"use strict";
|
|
82
|
-
_inherits(Container, Component);
|
|
82
|
+
_inherits._(Container, Component);
|
|
83
83
|
function Container() {
|
|
84
84
|
return Component.apply(this, arguments);
|
|
85
85
|
}
|
|
86
86
|
var _proto = Container.prototype;
|
|
87
87
|
_proto.render = function render() {
|
|
88
|
-
var
|
|
89
|
-
return /*#__PURE__*/ (0,
|
|
90
|
-
children: /*#__PURE__*/ (0,
|
|
91
|
-
children: multiSelect ? /*#__PURE__*/ (0,
|
|
92
|
-
children: /*#__PURE__*/ (0,
|
|
88
|
+
var _this_props = this.props, items = _this_props.items, value = _this_props.value, onSelect = _this_props.onSelect, multiSelect = _this_props.multiSelect, renderItem = _this_props.renderItem;
|
|
89
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(ListContainer, {
|
|
90
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(ScrollContainer, {
|
|
91
|
+
children: multiSelect ? /*#__PURE__*/ (0, _jsxruntime.jsx)(CheckBoxContainer, {
|
|
92
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.CheckboxField, {
|
|
93
93
|
options: items.map(function(el) {
|
|
94
94
|
return {
|
|
95
95
|
label: el.name,
|
|
@@ -100,13 +100,13 @@ var Container = /*#__PURE__*/ function(Component) {
|
|
|
100
100
|
onChange: onSelect
|
|
101
101
|
})
|
|
102
102
|
}) : items.map(function(el, index) {
|
|
103
|
-
return /*#__PURE__*/ (0,
|
|
103
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(Item, {
|
|
104
104
|
// @ts-ignore
|
|
105
105
|
active: value === el.name,
|
|
106
106
|
onMouseDown: function() {
|
|
107
107
|
return onSelect(el);
|
|
108
108
|
},
|
|
109
|
-
children: renderItem ? renderItem(el) : /*#__PURE__*/ (0,
|
|
109
|
+
children: renderItem ? renderItem(el) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Typo, {
|
|
110
110
|
nowrap: true,
|
|
111
111
|
children: el.name
|
|
112
112
|
})
|
|
@@ -16,19 +16,19 @@ _export(exports, {
|
|
|
16
16
|
return Dropdown;
|
|
17
17
|
},
|
|
18
18
|
Container: function() {
|
|
19
|
-
return
|
|
19
|
+
return _Container.Container;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
var
|
|
23
|
-
var _inherits = require("@swc/helpers/
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var _react = /*#__PURE__*/
|
|
29
|
-
var
|
|
22
|
+
var _assert_this_initialized = require("@swc/helpers/_/_assert_this_initialized");
|
|
23
|
+
var _inherits = require("@swc/helpers/_/_inherits");
|
|
24
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
25
|
+
var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
|
|
26
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
27
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
28
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
29
|
+
var _Container = require("./Container.js");
|
|
30
30
|
function _templateObject() {
|
|
31
|
-
var data =
|
|
31
|
+
var data = _tagged_template_literal_loose._([
|
|
32
32
|
"\n position: relative;\n width: 100%;\n"
|
|
33
33
|
]);
|
|
34
34
|
_templateObject = function _templateObject() {
|
|
@@ -36,15 +36,15 @@ function _templateObject() {
|
|
|
36
36
|
};
|
|
37
37
|
return data;
|
|
38
38
|
}
|
|
39
|
-
var ContainerModal = (0,
|
|
39
|
+
var ContainerModal = (0, _pijmacore.styled)("div")(_templateObject());
|
|
40
40
|
var Dropdown = /*#__PURE__*/ function(Component) {
|
|
41
41
|
"use strict";
|
|
42
|
-
_inherits(Dropdown, Component);
|
|
42
|
+
_inherits._(Dropdown, Component);
|
|
43
43
|
function Dropdown(props) {
|
|
44
44
|
var _this;
|
|
45
45
|
_this = Component.call(this, props) || this;
|
|
46
46
|
_this.myRef = /*#__PURE__*/ _react.default.createRef();
|
|
47
|
-
_this.onSelect = _this.onSelect.bind(
|
|
47
|
+
_this.onSelect = _this.onSelect.bind(_assert_this_initialized._(_this));
|
|
48
48
|
return _this;
|
|
49
49
|
}
|
|
50
50
|
var _proto = Dropdown.prototype;
|
|
@@ -58,19 +58,19 @@ var Dropdown = /*#__PURE__*/ function(Component) {
|
|
|
58
58
|
};
|
|
59
59
|
_proto.render = function render() {
|
|
60
60
|
var _this = this;
|
|
61
|
-
var
|
|
62
|
-
return /*#__PURE__*/ (0,
|
|
61
|
+
var _this_props = this.props, value = _this_props.value, items = _this_props.items, show = _this_props.show, multiSelect = _this_props.multiSelect, renderItem = _this_props.renderItem;
|
|
62
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
|
|
63
63
|
children: [
|
|
64
|
-
/*#__PURE__*/ (0,
|
|
64
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(ContainerModal, {
|
|
65
65
|
ref: this.myRef
|
|
66
66
|
}),
|
|
67
|
-
/*#__PURE__*/ (0,
|
|
67
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Overlay, {
|
|
68
68
|
show: show,
|
|
69
69
|
placement: "bottom",
|
|
70
70
|
container: this.myRef.current,
|
|
71
71
|
target: this.myRef.current,
|
|
72
72
|
children: function() {
|
|
73
|
-
return /*#__PURE__*/ (0,
|
|
73
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Container.Container, {
|
|
74
74
|
multiSelect: multiSelect,
|
|
75
75
|
items: items,
|
|
76
76
|
value: value,
|
|
@@ -16,69 +16,69 @@ _export(exports, {
|
|
|
16
16
|
return _default;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
var _inherits = require("@swc/helpers/
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var _react = /*#__PURE__*/
|
|
19
|
+
var _inherits = require("@swc/helpers/_/_inherits");
|
|
20
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
21
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
22
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
23
|
+
var _pijmadesktop = require("@qiwi/pijma-desktop");
|
|
24
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
25
25
|
var _icon = require("../icon/index.js");
|
|
26
26
|
var _offset = require("../offset/index.js");
|
|
27
27
|
var EmptyPage = /*#__PURE__*/ function(Component) {
|
|
28
28
|
"use strict";
|
|
29
|
-
_inherits(EmptyPage, Component);
|
|
29
|
+
_inherits._(EmptyPage, Component);
|
|
30
30
|
function EmptyPage() {
|
|
31
31
|
return Component.apply(this, arguments);
|
|
32
32
|
}
|
|
33
33
|
var _proto = EmptyPage.prototype;
|
|
34
34
|
_proto.render = function render() {
|
|
35
|
-
return /*#__PURE__*/ (0,
|
|
35
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
|
|
36
36
|
children: [
|
|
37
|
-
/*#__PURE__*/ (0,
|
|
37
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_offset.Offset, {
|
|
38
38
|
mb: 24,
|
|
39
39
|
mt: 40,
|
|
40
40
|
ml: 0,
|
|
41
41
|
mr: 0,
|
|
42
|
-
children: /*#__PURE__*/ (0,
|
|
42
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.Heading, {
|
|
43
43
|
size: "1",
|
|
44
44
|
children: "Ошибка 404"
|
|
45
45
|
})
|
|
46
46
|
}),
|
|
47
|
-
/*#__PURE__*/ (0,
|
|
47
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Card, {
|
|
48
48
|
r: 10,
|
|
49
49
|
width: "1180px",
|
|
50
50
|
height: "500px",
|
|
51
51
|
bg: "#fff",
|
|
52
52
|
p: "44px 44px 48px 44px",
|
|
53
|
-
children: /*#__PURE__*/ (0,
|
|
53
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, {
|
|
54
54
|
children: [
|
|
55
|
-
/*#__PURE__*/ (0,
|
|
55
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
56
56
|
mr: 3,
|
|
57
|
-
children: /*#__PURE__*/ (0,
|
|
57
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_icon.B2bIcon, {
|
|
58
58
|
icon: "attention",
|
|
59
59
|
h: 24,
|
|
60
60
|
w: 24,
|
|
61
61
|
iconColor: "#d0021b"
|
|
62
62
|
})
|
|
63
63
|
}),
|
|
64
|
-
/*#__PURE__*/ (0,
|
|
64
|
+
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.FlexItem, {
|
|
65
65
|
children: [
|
|
66
|
-
/*#__PURE__*/ (0,
|
|
66
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_offset.Offset, {
|
|
67
67
|
mb: 8,
|
|
68
68
|
ml: 0,
|
|
69
69
|
mr: 0,
|
|
70
|
-
children: /*#__PURE__*/ (0,
|
|
70
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.Heading, {
|
|
71
71
|
size: "4",
|
|
72
72
|
children: "Страница не найдена"
|
|
73
73
|
})
|
|
74
74
|
}),
|
|
75
|
-
/*#__PURE__*/ (0,
|
|
75
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.Paragraph, {
|
|
76
76
|
bold: false,
|
|
77
77
|
size: "m",
|
|
78
78
|
color: "support",
|
|
79
79
|
children: "Возможно, в вашей ссылке опечатка."
|
|
80
80
|
}),
|
|
81
|
-
/*#__PURE__*/ (0,
|
|
81
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.Paragraph, {
|
|
82
82
|
bold: false,
|
|
83
83
|
size: "m",
|
|
84
84
|
color: "support",
|
|
@@ -8,15 +8,15 @@ Object.defineProperty(exports, "ErrorMessage", {
|
|
|
8
8
|
return ErrorMessage;
|
|
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 _icon = require("../icon/index.js");
|
|
18
18
|
function _templateObject() {
|
|
19
|
-
var data =
|
|
19
|
+
var data = _tagged_template_literal_loose._([
|
|
20
20
|
"\n font-size: 20px;\n font-weight: bold;\n line-height: 1.15;\n margin-bottom: 8px;\n"
|
|
21
21
|
]);
|
|
22
22
|
_templateObject = function _templateObject() {
|
|
@@ -25,7 +25,7 @@ function _templateObject() {
|
|
|
25
25
|
return data;
|
|
26
26
|
}
|
|
27
27
|
function _templateObject1() {
|
|
28
|
-
var data =
|
|
28
|
+
var data = _tagged_template_literal_loose._([
|
|
29
29
|
"\n font-size: 16px;\n font-weight: 300;\n"
|
|
30
30
|
]);
|
|
31
31
|
_templateObject1 = function _templateObject1() {
|
|
@@ -33,33 +33,33 @@ function _templateObject1() {
|
|
|
33
33
|
};
|
|
34
34
|
return data;
|
|
35
35
|
}
|
|
36
|
-
var ErrorMessageTitle = (0,
|
|
37
|
-
var ErrorMessageText = (0,
|
|
36
|
+
var ErrorMessageTitle = (0, _pijmacore.styled)("div")(_templateObject());
|
|
37
|
+
var ErrorMessageText = (0, _pijmacore.styled)("div")(_templateObject1());
|
|
38
38
|
var ErrorMessage = /*#__PURE__*/ function(Component) {
|
|
39
39
|
"use strict";
|
|
40
|
-
_inherits(ErrorMessage, Component);
|
|
40
|
+
_inherits._(ErrorMessage, Component);
|
|
41
41
|
function ErrorMessage() {
|
|
42
42
|
return Component.apply(this, arguments);
|
|
43
43
|
}
|
|
44
44
|
var _proto = ErrorMessage.prototype;
|
|
45
45
|
_proto.render = function render() {
|
|
46
|
-
var
|
|
47
|
-
return /*#__PURE__*/ (0,
|
|
46
|
+
var _this_props = this.props, message = _this_props.message, title = _this_props.title, icon = _this_props.icon, iconColor = _this_props.iconColor;
|
|
47
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, {
|
|
48
48
|
mt: 4,
|
|
49
49
|
children: [
|
|
50
|
-
/*#__PURE__*/ (0,
|
|
50
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
|
|
51
51
|
mr: 3,
|
|
52
|
-
children: icon ? /*#__PURE__*/ (0,
|
|
52
|
+
children: icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_icon.B2bIcon, {
|
|
53
53
|
icon: icon,
|
|
54
54
|
iconColor: iconColor
|
|
55
55
|
}) : null
|
|
56
56
|
}),
|
|
57
|
-
/*#__PURE__*/ (0,
|
|
57
|
+
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.FlexItem, {
|
|
58
58
|
children: [
|
|
59
|
-
title ? /*#__PURE__*/ (0,
|
|
59
|
+
title ? /*#__PURE__*/ (0, _jsxruntime.jsx)(ErrorMessageTitle, {
|
|
60
60
|
children: title
|
|
61
61
|
}) : null,
|
|
62
|
-
/*#__PURE__*/ (0,
|
|
62
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(ErrorMessageText, {
|
|
63
63
|
children: message
|
|
64
64
|
})
|
|
65
65
|
]
|
|
@@ -16,10 +16,10 @@ _export(exports, {
|
|
|
16
16
|
return _default;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
var
|
|
20
|
-
var
|
|
19
|
+
var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
|
|
20
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
21
21
|
function _templateObject() {
|
|
22
|
-
var data =
|
|
22
|
+
var data = _tagged_template_literal_loose._([
|
|
23
23
|
"\n display: flex;\n flex-wrap: wrap;\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 text-align: center;\n border: 1px dashed #ccc;\n border-radius: 10px;\n cursor: ",
|
|
33
33
|
";\n transition: background 0.2s;\n background: ",
|
|
34
34
|
";\n border-style: ",
|
|
@@ -41,8 +41,8 @@ function _templateObject1() {
|
|
|
41
41
|
};
|
|
42
42
|
return data;
|
|
43
43
|
}
|
|
44
|
-
var ChipsContainer = (0,
|
|
45
|
-
var _default =
|
|
44
|
+
var ChipsContainer = (0, _pijmacore.styled)(_pijmacore.Box)(_templateObject());
|
|
45
|
+
var _default = _pijmacore.styled.div(_templateObject1(), function(param) {
|
|
46
46
|
var noDialog = param.noDialog;
|
|
47
47
|
return noDialog ? "inherit" : "pointer";
|
|
48
48
|
}, function(param) {
|
|
@@ -8,20 +8,20 @@ Object.defineProperty(exports, "FileUploader", {
|
|
|
8
8
|
return FileUploader;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var _extends = require("@swc/helpers/
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var _react = /*#__PURE__*/
|
|
19
|
-
var
|
|
11
|
+
var _extends = require("@swc/helpers/_/_extends");
|
|
12
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
13
|
+
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
14
|
+
var _object_without_properties_loose = require("@swc/helpers/_/_object_without_properties_loose");
|
|
15
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
16
|
+
var _pijmacore = require("@qiwi/pijma-core");
|
|
17
|
+
var _pijmadesktop = require("@qiwi/pijma-desktop");
|
|
18
|
+
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
19
|
+
var _reactdropzone = /*#__PURE__*/ _interop_require_default._(require("react-dropzone"));
|
|
20
20
|
var _chip = require("../chip/index.js");
|
|
21
|
-
var
|
|
22
|
-
var
|
|
21
|
+
var _FileUploaderControl = /*#__PURE__*/ _interop_require_default._(require("./FileUploaderControl.js"));
|
|
22
|
+
var _FileUploaderStyles = /*#__PURE__*/ _interop_require_wildcard._(require("./FileUploaderStyles.js"));
|
|
23
23
|
var FileUploader = function(_param) {
|
|
24
|
-
var files = _param.value, multiple = _param.multiple, text = _param.text,
|
|
24
|
+
var files = _param.value, multiple = _param.multiple, text = _param.text, _param_accept = _param.accept, accept = _param_accept === void 0 ? [] : _param_accept, disabled = _param.disabled, noDialog = _param.noDialog, _param_maxFiles = _param.maxFiles, maxFiles = _param_maxFiles === void 0 ? 5 : _param_maxFiles, maxSize = _param.maxSize, minSize = _param.minSize, events = _object_without_properties_loose._(_param, [
|
|
25
25
|
"value",
|
|
26
26
|
"multiple",
|
|
27
27
|
"text",
|
|
@@ -32,16 +32,16 @@ var FileUploader = function(_param) {
|
|
|
32
32
|
"maxSize",
|
|
33
33
|
"minSize"
|
|
34
34
|
]);
|
|
35
|
-
return /*#__PURE__*/ (0,
|
|
35
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileUploaderControl.default, {
|
|
36
36
|
value: files,
|
|
37
37
|
onUpload: events.onUpload,
|
|
38
38
|
onChange: events.onChange,
|
|
39
39
|
children: function(param) {
|
|
40
40
|
var onChange = param.onChange, removeFile = param.removeFile;
|
|
41
|
-
return /*#__PURE__*/ (0,
|
|
41
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Box, {
|
|
42
42
|
cursor: disabled ? "no-drop" : "inherit",
|
|
43
43
|
children: [
|
|
44
|
-
/*#__PURE__*/ (0,
|
|
44
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactdropzone.default, {
|
|
45
45
|
// @ts-ignore
|
|
46
46
|
accept: accept,
|
|
47
47
|
multiple: multiple,
|
|
@@ -53,47 +53,47 @@ var FileUploader = function(_param) {
|
|
|
53
53
|
onDropRejected: events.onDropRejected,
|
|
54
54
|
children: function(param) {
|
|
55
55
|
var getRootProps = param.getRootProps, getInputProps = param.getInputProps, isDragActive = param.isDragActive;
|
|
56
|
-
return /*#__PURE__*/ (0,
|
|
56
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_FileUploaderStyles.default, _extends._({
|
|
57
57
|
// @ts-ignore
|
|
58
58
|
active: isDragActive,
|
|
59
59
|
disabled: disabled,
|
|
60
60
|
noDialog: noDialog
|
|
61
61
|
}, getRootProps(), {
|
|
62
62
|
children: [
|
|
63
|
-
/*#__PURE__*/ (0,
|
|
63
|
+
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Box, {
|
|
64
64
|
height: 32,
|
|
65
65
|
py: 6,
|
|
66
66
|
children: [
|
|
67
|
-
/*#__PURE__*/ (0,
|
|
67
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
68
68
|
mb: 5,
|
|
69
|
-
children: /*#__PURE__*/ (0,
|
|
69
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
|
|
70
70
|
name: "download"
|
|
71
71
|
})
|
|
72
72
|
}),
|
|
73
|
-
/*#__PURE__*/ (0,
|
|
73
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.Text, {
|
|
74
74
|
size: "s",
|
|
75
|
-
children: text || /*#__PURE__*/ (0,
|
|
75
|
+
children: text || /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
76
76
|
children: [
|
|
77
77
|
"Перенесите в эту область доверенность",
|
|
78
|
-
/*#__PURE__*/ (0,
|
|
78
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
|
|
79
79
|
"или нажмите для выбора файла"
|
|
80
80
|
]
|
|
81
81
|
})
|
|
82
82
|
})
|
|
83
83
|
]
|
|
84
84
|
}),
|
|
85
|
-
/*#__PURE__*/ (0,
|
|
85
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)("input", _extends._({}, getInputProps()))
|
|
86
86
|
]
|
|
87
87
|
}));
|
|
88
88
|
}
|
|
89
89
|
}),
|
|
90
|
-
files.length > 0 && /*#__PURE__*/ (0,
|
|
90
|
+
files.length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileUploaderStyles.ChipsContainer, {
|
|
91
91
|
mt: 3,
|
|
92
92
|
children: files.map(function(f, index) {
|
|
93
|
-
return /*#__PURE__*/ (0,
|
|
93
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
|
|
94
94
|
mr: "5px",
|
|
95
95
|
mb: "5px",
|
|
96
|
-
children: /*#__PURE__*/ (0,
|
|
96
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_chip.Chip, {
|
|
97
97
|
text: f.name,
|
|
98
98
|
onRemove: function() {
|
|
99
99
|
return removeFile(index);
|