@sis-cc/dotstatsuite-visions 10.28.1 → 10.29.0
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.
|
@@ -8,7 +8,10 @@ import { makeStyles } from '@material-ui/core/styles';
|
|
|
8
8
|
import TextareaAutosize from '@material-ui/core/TextareaAutosize';
|
|
9
9
|
import Typography from '@material-ui/core/Typography';
|
|
10
10
|
import useMediaQuery from '@material-ui/core/useMediaQuery';
|
|
11
|
-
import
|
|
11
|
+
import IconButton from '@material-ui/core/IconButton';
|
|
12
|
+
import Collapse from '@material-ui/core/Collapse';
|
|
13
|
+
import CloseIcon from '@material-ui/icons/Close';
|
|
14
|
+
import { Alert, Button } from '../';
|
|
12
15
|
import { CircularProgress } from '@material-ui/core';
|
|
13
16
|
|
|
14
17
|
var useStyles = makeStyles(function (theme) {
|
|
@@ -36,12 +39,16 @@ var ShortUrls = function ShortUrls(_ref) {
|
|
|
36
39
|
var labels = _ref.labels,
|
|
37
40
|
onClick = _ref.onClick,
|
|
38
41
|
isLoading = _ref.isLoading,
|
|
39
|
-
contentValue = _ref.contentValue
|
|
42
|
+
contentValue = _ref.contentValue,
|
|
43
|
+
_ref$isNotifOpen = _ref.isNotifOpen,
|
|
44
|
+
isNotifOpen = _ref$isNotifOpen === undefined ? false : _ref$isNotifOpen,
|
|
45
|
+
setIsNotifOpen = _ref.setIsNotifOpen;
|
|
40
46
|
|
|
41
47
|
var isNarrow = useMediaQuery(function (theme) {
|
|
42
48
|
return theme.breakpoints.down('sm');
|
|
43
49
|
});
|
|
44
50
|
var classes = useStyles();
|
|
51
|
+
|
|
45
52
|
return React.createElement(
|
|
46
53
|
Grid,
|
|
47
54
|
{ className: classes.container },
|
|
@@ -88,6 +95,29 @@ var ShortUrls = function ShortUrls(_ref) {
|
|
|
88
95
|
value: contentValue
|
|
89
96
|
})
|
|
90
97
|
)
|
|
98
|
+
),
|
|
99
|
+
React.createElement(
|
|
100
|
+
Collapse,
|
|
101
|
+
{ 'in': isNotifOpen },
|
|
102
|
+
React.createElement(
|
|
103
|
+
Alert,
|
|
104
|
+
{
|
|
105
|
+
severity: 'error',
|
|
106
|
+
action: React.createElement(
|
|
107
|
+
IconButton,
|
|
108
|
+
{
|
|
109
|
+
'aria-label': 'close',
|
|
110
|
+
color: 'inherit',
|
|
111
|
+
size: 'small',
|
|
112
|
+
onClick: function onClick() {
|
|
113
|
+
setIsNotifOpen(false);
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
React.createElement(CloseIcon, { fontSize: 'inherit' })
|
|
117
|
+
)
|
|
118
|
+
},
|
|
119
|
+
R.prop('errorMessage', labels)
|
|
120
|
+
)
|
|
91
121
|
)
|
|
92
122
|
);
|
|
93
123
|
};
|
|
@@ -95,6 +125,8 @@ ShortUrls.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
95
125
|
onClick: PropTypes.func,
|
|
96
126
|
isLoading: PropTypes.bool,
|
|
97
127
|
contentValue: PropTypes.string,
|
|
128
|
+
isNotifOpen: PropTypes.bool,
|
|
129
|
+
setIsNotifOpen: PropTypes.func,
|
|
98
130
|
labels: PropTypes.shape({
|
|
99
131
|
generateUrl: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
100
132
|
title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
@@ -34,6 +34,18 @@ var _useMediaQuery = require('@material-ui/core/useMediaQuery');
|
|
|
34
34
|
|
|
35
35
|
var _useMediaQuery2 = _interopRequireDefault(_useMediaQuery);
|
|
36
36
|
|
|
37
|
+
var _IconButton = require('@material-ui/core/IconButton');
|
|
38
|
+
|
|
39
|
+
var _IconButton2 = _interopRequireDefault(_IconButton);
|
|
40
|
+
|
|
41
|
+
var _Collapse = require('@material-ui/core/Collapse');
|
|
42
|
+
|
|
43
|
+
var _Collapse2 = _interopRequireDefault(_Collapse);
|
|
44
|
+
|
|
45
|
+
var _Close = require('@material-ui/icons/Close');
|
|
46
|
+
|
|
47
|
+
var _Close2 = _interopRequireDefault(_Close);
|
|
48
|
+
|
|
37
49
|
var _ = require('../');
|
|
38
50
|
|
|
39
51
|
var _core = require('@material-ui/core');
|
|
@@ -67,12 +79,16 @@ var ShortUrls = function ShortUrls(_ref) {
|
|
|
67
79
|
var labels = _ref.labels,
|
|
68
80
|
onClick = _ref.onClick,
|
|
69
81
|
isLoading = _ref.isLoading,
|
|
70
|
-
contentValue = _ref.contentValue
|
|
82
|
+
contentValue = _ref.contentValue,
|
|
83
|
+
_ref$isNotifOpen = _ref.isNotifOpen,
|
|
84
|
+
isNotifOpen = _ref$isNotifOpen === undefined ? false : _ref$isNotifOpen,
|
|
85
|
+
setIsNotifOpen = _ref.setIsNotifOpen;
|
|
71
86
|
|
|
72
87
|
var isNarrow = (0, _useMediaQuery2.default)(function (theme) {
|
|
73
88
|
return theme.breakpoints.down('sm');
|
|
74
89
|
});
|
|
75
90
|
var classes = useStyles();
|
|
91
|
+
|
|
76
92
|
return _react2.default.createElement(
|
|
77
93
|
_Grid2.default,
|
|
78
94
|
{ className: classes.container },
|
|
@@ -119,6 +135,29 @@ var ShortUrls = function ShortUrls(_ref) {
|
|
|
119
135
|
value: contentValue
|
|
120
136
|
})
|
|
121
137
|
)
|
|
138
|
+
),
|
|
139
|
+
_react2.default.createElement(
|
|
140
|
+
_Collapse2.default,
|
|
141
|
+
{ 'in': isNotifOpen },
|
|
142
|
+
_react2.default.createElement(
|
|
143
|
+
_.Alert,
|
|
144
|
+
{
|
|
145
|
+
severity: 'error',
|
|
146
|
+
action: _react2.default.createElement(
|
|
147
|
+
_IconButton2.default,
|
|
148
|
+
{
|
|
149
|
+
'aria-label': 'close',
|
|
150
|
+
color: 'inherit',
|
|
151
|
+
size: 'small',
|
|
152
|
+
onClick: function onClick() {
|
|
153
|
+
setIsNotifOpen(false);
|
|
154
|
+
}
|
|
155
|
+
},
|
|
156
|
+
_react2.default.createElement(_Close2.default, { fontSize: 'inherit' })
|
|
157
|
+
)
|
|
158
|
+
},
|
|
159
|
+
R.prop('errorMessage', labels)
|
|
160
|
+
)
|
|
122
161
|
)
|
|
123
162
|
);
|
|
124
163
|
};
|
|
@@ -126,6 +165,8 @@ ShortUrls.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
126
165
|
onClick: _propTypes2.default.func,
|
|
127
166
|
isLoading: _propTypes2.default.bool,
|
|
128
167
|
contentValue: _propTypes2.default.string,
|
|
168
|
+
isNotifOpen: _propTypes2.default.bool,
|
|
169
|
+
setIsNotifOpen: _propTypes2.default.func,
|
|
129
170
|
labels: _propTypes2.default.shape({
|
|
130
171
|
generateUrl: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|
|
131
172
|
title: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
|