@qiwi/pijma-desktop 1.151.0 → 1.151.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/lib/es5/drop-down/DropDown.js +1 -0
- package/lib/es5/header-drop-down/HeaderDropDown.js +2 -0
- package/lib/es5/header-menu/HeaderMenu.js +1 -0
- package/lib/es5/header-menu/HeaderMenuItem.js +1 -0
- package/lib/es5/modal/SimpleModal.js +21 -21
- package/lib/es5/suggest-field/SuggestField.js +2 -2
- package/lib/es6/drop-down/DropDown.js +1 -0
- package/lib/es6/header-drop-down/HeaderDropDown.js +2 -0
- package/lib/es6/header-menu/HeaderMenu.js +1 -0
- package/lib/es6/header-menu/HeaderMenuItem.js +1 -0
- package/lib/es6/modal/SimpleModal.js +20 -20
- package/lib/es6/suggest-field/SuggestField.js +2 -2
- package/package.json +3 -3
|
@@ -57,6 +57,7 @@ var HeaderDropDown = function(param) {
|
|
|
57
57
|
},
|
|
58
58
|
children: function(renderProps) {
|
|
59
59
|
return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {
|
|
60
|
+
role: "listbox",
|
|
60
61
|
type: "absolute",
|
|
61
62
|
zIndex: 600,
|
|
62
63
|
ref: renderProps.props.ref,
|
|
@@ -74,6 +75,7 @@ var HeaderDropDown = function(param) {
|
|
|
74
75
|
children: children
|
|
75
76
|
}),
|
|
76
77
|
/*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {
|
|
78
|
+
"aria-label": "close",
|
|
77
79
|
mb: "auto",
|
|
78
80
|
type: "absolute",
|
|
79
81
|
width: 6,
|
|
@@ -24,6 +24,7 @@ var HeaderMenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
|
|
24
24
|
onBlur: props.onBlur,
|
|
25
25
|
children: function(renderProps) {
|
|
26
26
|
return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.PosLnk, {
|
|
27
|
+
role: "menuitem",
|
|
27
28
|
as: props.href ? "a" : "div",
|
|
28
29
|
ref: ref,
|
|
29
30
|
height: 1,
|
|
@@ -9,10 +9,10 @@ Object.defineProperty(exports, "SimpleModal", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
var _extends = require("@swc/helpers/lib/_extends.js").default;
|
|
12
|
-
var
|
|
12
|
+
var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
var _pijmaCore = require("@qiwi/pijma-core");
|
|
15
|
-
var _react = /*#__PURE__*/
|
|
15
|
+
var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
|
|
16
16
|
var ContentTransition = function(props) {
|
|
17
17
|
return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SimpleTransition, _extends({}, props));
|
|
18
18
|
};
|
|
@@ -119,7 +119,8 @@ var SimpleModal = function(props) {
|
|
|
119
119
|
verticalAlign: "middle",
|
|
120
120
|
textAlign: "left"
|
|
121
121
|
},
|
|
122
|
-
children: /*#__PURE__*/ (0, _jsxRuntime.
|
|
122
|
+
children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Card, {
|
|
123
|
+
role: "document",
|
|
123
124
|
s: "0 20px 64px 8px rgba(0, 0, 0, 0.16)",
|
|
124
125
|
r: 10,
|
|
125
126
|
bg: "#fff",
|
|
@@ -127,24 +128,23 @@ var SimpleModal = function(props) {
|
|
|
127
128
|
pb: 12,
|
|
128
129
|
px: 11,
|
|
129
130
|
width: ModalWidth[props.size],
|
|
130
|
-
children:
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
})
|
|
131
|
+
children: [
|
|
132
|
+
props.closable && props.onHide ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {
|
|
133
|
+
"aria-label": "close",
|
|
134
|
+
type: "absolute",
|
|
135
|
+
top: 16,
|
|
136
|
+
right: 16,
|
|
137
|
+
width: 6,
|
|
138
|
+
height: 6,
|
|
139
|
+
cursor: "pointer",
|
|
140
|
+
onClick: props.onHide,
|
|
141
|
+
children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
|
|
142
|
+
name: "cross",
|
|
143
|
+
color: "#000"
|
|
144
|
+
})
|
|
145
|
+
}) : null,
|
|
146
|
+
props.children
|
|
147
|
+
]
|
|
148
148
|
})
|
|
149
149
|
})
|
|
150
150
|
}));
|
|
@@ -91,7 +91,7 @@ var SuggestField = function(_param) {
|
|
|
91
91
|
target: renderProps.inputRef.current,
|
|
92
92
|
container: renderProps.containerRef.current,
|
|
93
93
|
minWidth: 1,
|
|
94
|
-
width:
|
|
94
|
+
width: "calc(100% + 48px)",
|
|
95
95
|
offset: 3,
|
|
96
96
|
show: props.items !== undefined && renderProps.focused && (props.items.length > 0 || props.empty !== undefined || props.loading === true),
|
|
97
97
|
rootClose: true,
|
|
@@ -101,7 +101,6 @@ var SuggestField = function(_param) {
|
|
|
101
101
|
maxHeight: 98,
|
|
102
102
|
bg: "#fff",
|
|
103
103
|
py: 3,
|
|
104
|
-
mx: -6,
|
|
105
104
|
s: "0 28px 52px 0 rgba(0, 0, 0, 0.16)",
|
|
106
105
|
r: 10,
|
|
107
106
|
overflow: "auto",
|
|
@@ -119,6 +118,7 @@ var SuggestField = function(_param) {
|
|
|
119
118
|
menuRenderProps.items.length > 0 ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_react.Fragment, {
|
|
120
119
|
children: menuRenderProps.items.map(function(item, key) {
|
|
121
120
|
return /*#__PURE__*/ (0, _jsxRuntime.jsx)(CardMenuItem, {
|
|
121
|
+
role: "option",
|
|
122
122
|
ref: item.ref,
|
|
123
123
|
onClick: item.onClick,
|
|
124
124
|
onMouseDown: item.onMouseDown,
|
|
@@ -38,6 +38,7 @@ export const HeaderDropDown = ({ show , target , container , onHide , children ,
|
|
|
38
38
|
}
|
|
39
39
|
},
|
|
40
40
|
children: (renderProps)=>/*#__PURE__*/ _jsx(Pos, {
|
|
41
|
+
role: "listbox",
|
|
41
42
|
type: "absolute",
|
|
42
43
|
zIndex: 600,
|
|
43
44
|
ref: renderProps.props.ref,
|
|
@@ -55,6 +56,7 @@ export const HeaderDropDown = ({ show , target , container , onHide , children ,
|
|
|
55
56
|
children: children
|
|
56
57
|
}),
|
|
57
58
|
/*#__PURE__*/ _jsx(Pos, {
|
|
59
|
+
"aria-label": "close",
|
|
58
60
|
mb: "auto",
|
|
59
61
|
type: "absolute",
|
|
60
62
|
width: 6,
|
|
@@ -11,6 +11,7 @@ export const HeaderMenuItem = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__
|
|
|
11
11
|
onFocus: props.onFocus,
|
|
12
12
|
onBlur: props.onBlur,
|
|
13
13
|
children: (renderProps)=>/*#__PURE__*/ _jsxs(PosLnk, {
|
|
14
|
+
role: "menuitem",
|
|
14
15
|
as: props.href ? 'a' : 'div',
|
|
15
16
|
ref: ref,
|
|
16
17
|
height: 1,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Box, Card, css, Icon, Modal, Pos, SimpleTransition } from '@qiwi/pijma-core';
|
|
3
|
-
import React
|
|
3
|
+
import React from 'react';
|
|
4
4
|
const ContentTransition = (props)=>/*#__PURE__*/ _jsx(SimpleTransition, {
|
|
5
5
|
...props
|
|
6
6
|
});
|
|
@@ -95,7 +95,8 @@ export const SimpleModal = (props)=>props.stub ? /*#__PURE__*/ _jsx(Box, {
|
|
|
95
95
|
verticalAlign: 'middle',
|
|
96
96
|
textAlign: 'left'
|
|
97
97
|
},
|
|
98
|
-
children: /*#__PURE__*/
|
|
98
|
+
children: /*#__PURE__*/ _jsxs(Card, {
|
|
99
|
+
role: "document",
|
|
99
100
|
s: "0 20px 64px 8px rgba(0, 0, 0, 0.16)",
|
|
100
101
|
r: 10,
|
|
101
102
|
bg: "#fff",
|
|
@@ -103,24 +104,23 @@ export const SimpleModal = (props)=>props.stub ? /*#__PURE__*/ _jsx(Box, {
|
|
|
103
104
|
pb: 12,
|
|
104
105
|
px: 11,
|
|
105
106
|
width: ModalWidth[props.size],
|
|
106
|
-
children:
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
})
|
|
107
|
+
children: [
|
|
108
|
+
props.closable && props.onHide ? /*#__PURE__*/ _jsx(Pos, {
|
|
109
|
+
"aria-label": "close",
|
|
110
|
+
type: "absolute",
|
|
111
|
+
top: 16,
|
|
112
|
+
right: 16,
|
|
113
|
+
width: 6,
|
|
114
|
+
height: 6,
|
|
115
|
+
cursor: "pointer",
|
|
116
|
+
onClick: props.onHide,
|
|
117
|
+
children: /*#__PURE__*/ _jsx(Icon, {
|
|
118
|
+
name: "cross",
|
|
119
|
+
color: "#000"
|
|
120
|
+
})
|
|
121
|
+
}) : null,
|
|
122
|
+
props.children
|
|
123
|
+
]
|
|
124
124
|
})
|
|
125
125
|
})
|
|
126
126
|
})
|
|
@@ -71,7 +71,7 @@ export const SuggestField = ({ equals =(a, b)=>a === b , ...props })=>props.stub
|
|
|
71
71
|
target: renderProps.inputRef.current,
|
|
72
72
|
container: renderProps.containerRef.current,
|
|
73
73
|
minWidth: 1,
|
|
74
|
-
width:
|
|
74
|
+
width: "calc(100% + 48px)",
|
|
75
75
|
offset: 3,
|
|
76
76
|
show: props.items !== undefined && renderProps.focused && (props.items.length > 0 || props.empty !== undefined || props.loading === true),
|
|
77
77
|
rootClose: true,
|
|
@@ -81,7 +81,6 @@ export const SuggestField = ({ equals =(a, b)=>a === b , ...props })=>props.stub
|
|
|
81
81
|
maxHeight: 98,
|
|
82
82
|
bg: "#fff",
|
|
83
83
|
py: 3,
|
|
84
|
-
mx: -6,
|
|
85
84
|
s: "0 28px 52px 0 rgba(0, 0, 0, 0.16)",
|
|
86
85
|
r: 10,
|
|
87
86
|
overflow: "auto",
|
|
@@ -96,6 +95,7 @@ export const SuggestField = ({ equals =(a, b)=>a === b , ...props })=>props.stub
|
|
|
96
95
|
children: [
|
|
97
96
|
menuRenderProps.items.length > 0 ? /*#__PURE__*/ _jsx(Fragment, {
|
|
98
97
|
children: menuRenderProps.items.map((item, key)=>/*#__PURE__*/ _jsx(CardMenuItem, {
|
|
98
|
+
role: "option",
|
|
99
99
|
ref: item.ref,
|
|
100
100
|
onClick: item.onClick,
|
|
101
101
|
onMouseDown: item.onMouseDown,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qiwi/pijma-desktop",
|
|
3
|
-
"version": "1.151.
|
|
3
|
+
"version": "1.151.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./lib/es5/index.js",
|
|
6
6
|
"module": "./lib/es6/index.js",
|
|
@@ -37,10 +37,10 @@
|
|
|
37
37
|
"lib"
|
|
38
38
|
],
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@qiwi/pijma-core": "1.153.
|
|
40
|
+
"@qiwi/pijma-core": "1.153.1"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@qiwi/pijma-infra": "1.8.
|
|
43
|
+
"@qiwi/pijma-infra": "1.8.1",
|
|
44
44
|
"concurrently": "7.2.2",
|
|
45
45
|
"css-loader": "4.3.0",
|
|
46
46
|
"eslint": "8.19.0",
|