@zohodesk/dot 1.0.0-temp-175.2 → 1.0.0-temp-175.3
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/.cli/propValidation_report.html +1 -1
- package/coverage/ExternalLink/ExternalLink.js.html +1 -1
- package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
- package/coverage/ExternalLink/index.html +1 -1
- package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
- package/coverage/ExternalLink/props/index.html +1 -1
- package/coverage/ExternalLink/props/propTypes.js.html +1 -1
- package/coverage/IconButton/IconButton.js.html +1 -1
- package/coverage/IconButton/IconButton.module.css.html +1 -1
- package/coverage/IconButton/index.html +1 -1
- package/coverage/IconButton/props/defaultProps.js.html +1 -1
- package/coverage/IconButton/props/index.html +1 -1
- package/coverage/IconButton/props/propTypes.js.html +1 -1
- package/coverage/Image/Image.js.html +1 -1
- package/coverage/Image/Image.module.css.html +1 -1
- package/coverage/Image/index.html +1 -1
- package/coverage/Image/props/defaultProps.js.html +1 -1
- package/coverage/Image/props/index.html +1 -1
- package/coverage/Image/props/propTypes.js.html +1 -1
- package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
- package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
- package/coverage/avatar/AvatarWithTeam/index.html +1 -1
- package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
- package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
- package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
- package/coverage/index.html +1 -1
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +41 -12
- package/es/form/fields/TagsMultiSelect/props/defaultProps.js +3 -1
- package/es/form/fields/TagsMultiSelect/props/propTypes.js +10 -1
- package/es/version2/GlobalNotification/GlobalNotification.js +26 -53
- package/es/version2/GlobalNotification/GlobalNotification.module.css +11 -58
- package/es/version2/GlobalNotification/props/propTypes.js +4 -11
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +44 -12
- package/lib/form/fields/TagsMultiSelect/props/defaultProps.js +3 -1
- package/lib/form/fields/TagsMultiSelect/props/propTypes.js +10 -1
- package/lib/version2/GlobalNotification/GlobalNotification.js +29 -52
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +11 -58
- package/lib/version2/GlobalNotification/props/propTypes.js +4 -11
- package/package.json +1 -1
- package/result.json +1 -1
|
@@ -9,26 +9,19 @@ export const propTypes = {
|
|
|
9
9
|
i18nKeys: PropTypes.object,
|
|
10
10
|
customProps: PropTypes.shape({
|
|
11
11
|
ExtraProps: PropTypes.object
|
|
12
|
-
})
|
|
13
|
-
id: PropTypes.number,
|
|
14
|
-
hideTime: PropTypes.number,
|
|
15
|
-
needAutoClose: PropTypes.bool,
|
|
16
|
-
isCollapseView: PropTypes.bool,
|
|
17
|
-
shadowCount: PropTypes.number
|
|
12
|
+
})
|
|
18
13
|
};
|
|
19
14
|
export const UI_propTypes = {
|
|
20
15
|
dataSelectorId: PropTypes.string,
|
|
16
|
+
onClose: PropTypes.func,
|
|
21
17
|
closeTitle: PropTypes.string,
|
|
18
|
+
hideMessage: PropTypes.func,
|
|
22
19
|
message: PropTypes.string,
|
|
23
20
|
onClick: PropTypes.func,
|
|
24
21
|
type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error']),
|
|
25
22
|
customProps: PropTypes.shape({
|
|
26
23
|
ExtraProps: PropTypes.object
|
|
27
|
-
})
|
|
28
|
-
needShadow: PropTypes.bool,
|
|
29
|
-
shadowCount: PropTypes.number,
|
|
30
|
-
id: PropTypes.number,
|
|
31
|
-
onClose: PropTypes.func
|
|
24
|
+
})
|
|
32
25
|
};
|
|
33
26
|
export const new_propTypes = {
|
|
34
27
|
Element: PropTypes.element,
|
|
@@ -37,10 +37,14 @@ var _General = require("../../../utils/General");
|
|
|
37
37
|
|
|
38
38
|
var _Common = require("@zohodesk/components/lib/utils/Common.js");
|
|
39
39
|
|
|
40
|
+
var _MultiSelectHeader = _interopRequireDefault(require("@zohodesk/components/lib/MultiSelect/MultiSelectHeader"));
|
|
41
|
+
|
|
40
42
|
var _TagsMultiSelectModule = _interopRequireDefault(require("./TagsMultiSelect.module.css"));
|
|
41
43
|
|
|
42
44
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
43
45
|
|
|
46
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
47
|
+
|
|
44
48
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
45
49
|
|
|
46
50
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
@@ -200,9 +204,26 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
|
|
|
200
204
|
boxSize = _this$props3.boxSize,
|
|
201
205
|
onSelectTag = _this$props3.onSelectTag,
|
|
202
206
|
clickableTag = _this$props3.clickableTag,
|
|
203
|
-
dataSelectorId = _this$props3.dataSelectorId
|
|
207
|
+
dataSelectorId = _this$props3.dataSelectorId,
|
|
208
|
+
handleSelectAll = _this$props3.handleSelectAll,
|
|
209
|
+
selectAllText = _this$props3.selectAllText,
|
|
210
|
+
needSelectAll = _this$props3.needSelectAll,
|
|
211
|
+
customClass = _this$props3.customClass,
|
|
212
|
+
customProps = _this$props3.customProps;
|
|
204
213
|
var showAll = this.state.showAll;
|
|
205
214
|
var chipLimit = !isPopupReady ? showAll ? tagsList.length : chipNeedToShow : tagsList.length;
|
|
215
|
+
var _customClass$tagCusto = customClass.tagCustomClass,
|
|
216
|
+
tagCustomClass = _customClass$tagCusto === void 0 ? '' : _customClass$tagCusto,
|
|
217
|
+
_customClass$listItem = customClass.listItemClass,
|
|
218
|
+
listItemClass = _customClass$listItem === void 0 ? '' : _customClass$listItem,
|
|
219
|
+
_customClass$textBoxI = customClass.textBoxIconWrapper,
|
|
220
|
+
textBoxIconWrapper = _customClass$textBoxI === void 0 ? '' : _customClass$textBoxI;
|
|
221
|
+
var _customProps$TextBoxI = customProps.TextBoxIconProps,
|
|
222
|
+
TextBoxIconProps = _customProps$TextBoxI === void 0 ? {} : _customProps$TextBoxI,
|
|
223
|
+
_customProps$TagWrapp = customProps.TagWrapperProps,
|
|
224
|
+
TagWrapperProps = _customProps$TagWrapp === void 0 ? {} : _customProps$TagWrapp,
|
|
225
|
+
_customProps$TagProps = customProps.TagProps,
|
|
226
|
+
TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps;
|
|
206
227
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
207
228
|
className: " ".concat(!isReadOnly ? " ".concat(needBorder ? _TagsMultiSelectModule["default"].hasBorder : '', "\n ").concat(needBorder ? _TagsMultiSelectModule["default"]["borderColor_".concat(borderColor)] : _TagsMultiSelectModule["default"].borderColor_transparent, " ").concat(isPopupReady && needBorder ? _TagsMultiSelectModule["default"].active : '') : '', " ").concat(className),
|
|
208
229
|
onClick: _General.stopBubbling,
|
|
@@ -213,26 +234,29 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
|
|
|
213
234
|
alignBox: "row",
|
|
214
235
|
align: "vertical",
|
|
215
236
|
isCover: false,
|
|
216
|
-
className: _TagsMultiSelectModule["default"].tagDiv,
|
|
237
|
+
className: "".concat(_TagsMultiSelectModule["default"].tagDiv, " ").concat(textBoxIconWrapper),
|
|
217
238
|
wrap: "wrap",
|
|
218
239
|
eleRef: getTargetRef,
|
|
219
240
|
scroll: "vertical"
|
|
220
241
|
}, tagsList.length ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, tagsList.map(function (tag, index) {
|
|
221
242
|
var name = tag.name,
|
|
222
243
|
tagType = tag.tagType,
|
|
223
|
-
id = tag.id
|
|
224
|
-
|
|
244
|
+
id = tag.id,
|
|
245
|
+
boxCustomProps = tag.boxCustomProps,
|
|
246
|
+
tagCustomProps = tag.tagCustomProps;
|
|
247
|
+
return index < chipLimit ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, _extends({
|
|
225
248
|
className: _TagsMultiSelectModule["default"].tag,
|
|
226
249
|
key: index
|
|
227
|
-
}, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
|
|
250
|
+
}, boxCustomProps, TagWrapperProps), /*#__PURE__*/_react["default"].createElement(_Tag["default"], _extends({
|
|
228
251
|
id: id,
|
|
229
252
|
text: name,
|
|
230
253
|
onRemove: isReadOnly ? null : deleteTag.bind(_this3, name),
|
|
231
254
|
closeTitle: i18nKeys.deleteText,
|
|
232
255
|
palette: clickableTag ? 'defaultLink' : tagType === 'SYSTEM' ? 'primary' : 'default',
|
|
233
256
|
isReadOnly: isReadOnly,
|
|
234
|
-
onSelectTag: onSelectTag ? onSelectTag : undefined
|
|
235
|
-
|
|
257
|
+
onSelectTag: onSelectTag ? onSelectTag : undefined,
|
|
258
|
+
customClass: tagCustomClass
|
|
259
|
+
}, tagCustomProps, TagProps))) : null;
|
|
236
260
|
}), tagsList.length > chipNeedToShow && !isPopupReady ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
237
261
|
className: _TagsMultiSelectModule["default"].moreLess,
|
|
238
262
|
dataId: "".concat(dataId, "_tagsMore"),
|
|
@@ -244,7 +268,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
|
|
|
244
268
|
className: _TagsMultiSelectModule["default"].inputWrapper
|
|
245
269
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
246
270
|
className: _TagsMultiSelectModule["default"].custmSpan
|
|
247
|
-
}, name), /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], {
|
|
271
|
+
}, name), /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], _extends({
|
|
248
272
|
htmlId: htmlId,
|
|
249
273
|
dataId: "".concat(dataId, "_tagInp"),
|
|
250
274
|
value: name,
|
|
@@ -261,7 +285,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
|
|
|
261
285
|
},
|
|
262
286
|
size: "xsmall",
|
|
263
287
|
inputRef: this.textInputRef
|
|
264
|
-
}, getTextBoxChildren ? getTextBoxChildren() : null))), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
|
|
288
|
+
}, TextBoxIconProps), getTextBoxChildren ? getTextBoxChildren() : null))), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
|
|
265
289
|
query: this.responsiveFunc,
|
|
266
290
|
responsiveId: "Helmet"
|
|
267
291
|
}, function (_ref2) {
|
|
@@ -283,7 +307,12 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
|
|
|
283
307
|
alignBox: "row"
|
|
284
308
|
}, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
285
309
|
flexible: true
|
|
286
|
-
},
|
|
310
|
+
}, needSelectAll ? /*#__PURE__*/_react["default"].createElement(_MultiSelectHeader["default"], {
|
|
311
|
+
onSelect: handleSelectAll,
|
|
312
|
+
selectAllText: selectAllText,
|
|
313
|
+
suggestions: searchList,
|
|
314
|
+
dataId: "".concat(dataId, "_selectAll")
|
|
315
|
+
}) : null, isTagListLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
287
316
|
align: "both",
|
|
288
317
|
className: "".concat(tabletMode ? '' : _TagsMultiSelectModule["default"].viewpopNew)
|
|
289
318
|
}, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
@@ -296,7 +325,8 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
|
|
|
296
325
|
shrink: true
|
|
297
326
|
}, searchList.map(function (item, index) {
|
|
298
327
|
var name = item.name,
|
|
299
|
-
isNew = item.isNew
|
|
328
|
+
isNew = item.isNew,
|
|
329
|
+
listItemProps = item.listItemProps;
|
|
300
330
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
|
|
301
331
|
key: index,
|
|
302
332
|
index: index,
|
|
@@ -307,7 +337,9 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
|
|
|
307
337
|
needTick: true,
|
|
308
338
|
highlight: selectSearchIndex === index,
|
|
309
339
|
getRef: _this3.getSelectedItemRef,
|
|
310
|
-
isDisabled: listDisabled
|
|
340
|
+
isDisabled: listDisabled,
|
|
341
|
+
customProps: listItemProps,
|
|
342
|
+
customClass: listItemClass
|
|
311
343
|
}, isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
312
344
|
alignBox: "row",
|
|
313
345
|
align: "vertical"
|
|
@@ -50,6 +50,15 @@ var propTypes = {
|
|
|
50
50
|
boxSize: _propTypes["default"].string,
|
|
51
51
|
onSelectTag: _propTypes["default"].func,
|
|
52
52
|
clickableTag: _propTypes["default"].bool,
|
|
53
|
-
dataSelectorId: _propTypes["default"].string
|
|
53
|
+
dataSelectorId: _propTypes["default"].string,
|
|
54
|
+
handleSelectAll: _propTypes["default"].func,
|
|
55
|
+
selectAllText: _propTypes["default"].string,
|
|
56
|
+
needSelectAll: _propTypes["default"].bool,
|
|
57
|
+
customClass: _propTypes["default"].object,
|
|
58
|
+
customProps: _propTypes["default"].shape({
|
|
59
|
+
TextBoxIconProps: _propTypes["default"].object,
|
|
60
|
+
TagWrapperProps: _propTypes["default"].object,
|
|
61
|
+
TagProps: _propTypes["default"].object
|
|
62
|
+
})
|
|
54
63
|
};
|
|
55
64
|
exports.propTypes = propTypes;
|
|
@@ -25,8 +25,6 @@ var _GlobalNotificationModule = _interopRequireDefault(require("./GlobalNotifica
|
|
|
25
25
|
|
|
26
26
|
var _Layout = require("@zohodesk/components/lib/Layout");
|
|
27
27
|
|
|
28
|
-
var _Common = require("@zohodesk/components/es/utils/Common");
|
|
29
|
-
|
|
30
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
29
|
|
|
32
30
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -62,48 +60,40 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
|
|
|
62
60
|
_classCallCheck(this, GlobalNotification);
|
|
63
61
|
|
|
64
62
|
_this = _super.call(this, props);
|
|
65
|
-
_this.hideMessageTimer = null;
|
|
66
63
|
_this.state = {
|
|
67
|
-
|
|
64
|
+
hideMessage: false
|
|
68
65
|
};
|
|
69
|
-
_this.onClose = _this.onClose.bind(_assertThisInitialized(_this));
|
|
70
66
|
return _this;
|
|
71
67
|
}
|
|
72
68
|
|
|
73
69
|
_createClass(GlobalNotification, [{
|
|
74
|
-
key: "
|
|
75
|
-
value: function
|
|
70
|
+
key: "UNSAFE_componentWillReceiveProps",
|
|
71
|
+
value: function UNSAFE_componentWillReceiveProps(nextProps) {
|
|
76
72
|
var _this$props = this.props,
|
|
73
|
+
showMessage = _this$props.showMessage,
|
|
77
74
|
hideMessage = _this$props.hideMessage,
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}, {
|
|
89
|
-
key: "componentWillUnmount",
|
|
90
|
-
value: function componentWillUnmount() {
|
|
91
|
-
if (this.hideMessageTimer) {
|
|
92
|
-
clearTimeout(this.hideMessageTimer);
|
|
75
|
+
type = _this$props.type;
|
|
76
|
+
|
|
77
|
+
if (showMessage !== nextProps.showMessage || type !== nextProps.type) {
|
|
78
|
+
if (!['danger', 'error', 'warning'].includes(nextProps.type)) {
|
|
79
|
+
setTimeout(function () {
|
|
80
|
+
hideMessage();
|
|
81
|
+
}, 3000);
|
|
82
|
+
}
|
|
93
83
|
}
|
|
94
84
|
}
|
|
95
85
|
}, {
|
|
96
|
-
key: "
|
|
97
|
-
value: function
|
|
86
|
+
key: "componentDidMount",
|
|
87
|
+
value: function componentDidMount() {
|
|
98
88
|
var _this$props2 = this.props,
|
|
99
|
-
|
|
100
|
-
hideMessage = _this$props2.hideMessage
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
89
|
+
type = _this$props2.type,
|
|
90
|
+
hideMessage = _this$props2.hideMessage;
|
|
91
|
+
|
|
92
|
+
if (!['danger', 'error', 'warning'].includes(type)) {
|
|
93
|
+
setTimeout(function () {
|
|
94
|
+
hideMessage();
|
|
95
|
+
}, 3000);
|
|
96
|
+
}
|
|
107
97
|
}
|
|
108
98
|
}, {
|
|
109
99
|
key: "render",
|
|
@@ -116,12 +106,7 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
|
|
|
116
106
|
_this$props3$i18nKeys = _this$props3.i18nKeys,
|
|
117
107
|
i18nKeys = _this$props3$i18nKeys === void 0 ? {} : _this$props3$i18nKeys,
|
|
118
108
|
customProps = _this$props3.customProps,
|
|
119
|
-
dataSelectorId = _this$props3.dataSelectorId
|
|
120
|
-
id = _this$props3.id,
|
|
121
|
-
isCollapseView = _this$props3.isCollapseView,
|
|
122
|
-
shadowCount = _this$props3.shadowCount,
|
|
123
|
-
eleRef = _this$props3.eleRef;
|
|
124
|
-
var shadowClose = this.state.shadowClose;
|
|
109
|
+
dataSelectorId = _this$props3.dataSelectorId;
|
|
125
110
|
var _i18nKeys$closeTitle = i18nKeys.closeTitle,
|
|
126
111
|
closeTitle = _i18nKeys$closeTitle === void 0 ? 'Close' : _i18nKeys$closeTitle;
|
|
127
112
|
return /*#__PURE__*/_react["default"].createElement(GlobalNotificationUI, {
|
|
@@ -131,12 +116,7 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
|
|
|
131
116
|
onClick: onClick,
|
|
132
117
|
closeTitle: closeTitle,
|
|
133
118
|
customProps: customProps,
|
|
134
|
-
dataSelectorId: dataSelectorId
|
|
135
|
-
id: id,
|
|
136
|
-
shadowCount: shadowCount,
|
|
137
|
-
onClose: this.onClose,
|
|
138
|
-
needShadow: shadowClose && isCollapseView,
|
|
139
|
-
eleRef: eleRef
|
|
119
|
+
dataSelectorId: dataSelectorId
|
|
140
120
|
});
|
|
141
121
|
}
|
|
142
122
|
}]);
|
|
@@ -155,8 +135,9 @@ GlobalNotification.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
|
|
|
155
135
|
|
|
156
136
|
function GlobalNotificationUI(props) {
|
|
157
137
|
function onClose(e) {
|
|
158
|
-
var
|
|
159
|
-
|
|
138
|
+
var hideMessage = props.hideMessage,
|
|
139
|
+
onClose = props.onClose;
|
|
140
|
+
hideMessage && hideMessage(e);
|
|
160
141
|
onClose && onClose(e);
|
|
161
142
|
}
|
|
162
143
|
|
|
@@ -168,15 +149,11 @@ function GlobalNotificationUI(props) {
|
|
|
168
149
|
closeTitle = _props$closeTitle === void 0 ? '' : _props$closeTitle,
|
|
169
150
|
_props$customProps = props.customProps,
|
|
170
151
|
customProps = _props$customProps === void 0 ? {} : _props$customProps,
|
|
171
|
-
dataSelectorId = props.dataSelectorId
|
|
172
|
-
shadowCount = props.shadowCount,
|
|
173
|
-
needShadow = props.needShadow,
|
|
174
|
-
eleRef = props.eleRef;
|
|
152
|
+
dataSelectorId = props.dataSelectorId;
|
|
175
153
|
var _customProps$ExtraPro = customProps.ExtraProps,
|
|
176
154
|
ExtraProps = _customProps$ExtraPro === void 0 ? {} : _customProps$ExtraPro;
|
|
177
155
|
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
178
|
-
|
|
179
|
-
className: " ".concat(_GlobalNotificationModule["default"].message, " \n ").concat(needShadow ? "".concat(shadowCount > 1 ? _GlobalNotificationModule["default"].stackShadowOne : '', " \n ").concat(shadowCount > 2 ? _GlobalNotificationModule["default"].stackShadowTwo : '') : '', "\n ").concat(type ? _GlobalNotificationModule["default"][type] : '', "\n "),
|
|
156
|
+
className: "".concat(_GlobalNotificationModule["default"].message, " ").concat(type ? _GlobalNotificationModule["default"][type] : ''),
|
|
180
157
|
"data-id": "show_".concat(type, "_message"),
|
|
181
158
|
"data-test-id": "show_".concat(type, "_message"),
|
|
182
159
|
tabIndex: 0,
|
|
@@ -8,66 +8,22 @@
|
|
|
8
8
|
|
|
9
9
|
.message {
|
|
10
10
|
composes: varClass;
|
|
11
|
-
|
|
11
|
+
position: absolute;
|
|
12
12
|
top: 0 ;
|
|
13
|
-
z-index:
|
|
14
|
-
justify-self: center;
|
|
15
|
-
/* overflow: hidden; */
|
|
13
|
+
z-index: 1000;
|
|
16
14
|
/*Hook for editor alert*/
|
|
17
|
-
|
|
15
|
+
pointer-events: none;
|
|
18
16
|
text-align: center;
|
|
19
|
-
left: 0;
|
|
20
|
-
pointer-events: none; */
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.stackShadowOne::after,
|
|
24
|
-
.stackShadowTwo::before {
|
|
25
|
-
content: '';
|
|
26
|
-
position: absolute;
|
|
27
|
-
/* css:theme-validation:ignore */
|
|
28
|
-
height: var(--zd_size20) ;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.stackShadowOne::after, .stackShadowTwo::before {
|
|
32
|
-
background-color: var(--globalnotification_bg_color);
|
|
33
|
-
border-radius: 0 0 6px 6px;
|
|
34
|
-
box-shadow: 0px 4px 4px 0px var(--zdt_message_default_box_shadow);
|
|
35
17
|
}
|
|
36
18
|
|
|
37
|
-
[dir=ltr] .
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
transform: translate(-50%);
|
|
41
|
-
animation: behindInfo 0.8s forwards;
|
|
19
|
+
[dir=ltr] .message {
|
|
20
|
+
right: 0 ;
|
|
21
|
+
left: 0 ;
|
|
42
22
|
}
|
|
43
23
|
|
|
44
|
-
[dir=rtl] .
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
transform: translate(50%);
|
|
48
|
-
animation: behindInfo 0.8s forwards;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.stackShadowTwo::before {
|
|
52
|
-
width: 90% ;
|
|
53
|
-
bottom: calc( var(--zd_size10) * -1 ) ;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.stackShadowOne::after {
|
|
57
|
-
width: 95% ;
|
|
58
|
-
bottom: calc( var(--zd_size5) * -1 ) ;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
@keyframes behindInfo {
|
|
62
|
-
|
|
63
|
-
0%,
|
|
64
|
-
40% {
|
|
65
|
-
opacity: 0;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
100% {
|
|
69
|
-
opacity: 1;
|
|
70
|
-
}
|
|
24
|
+
[dir=rtl] .message {
|
|
25
|
+
left: 0 ;
|
|
26
|
+
right: 0 ;
|
|
71
27
|
}
|
|
72
28
|
|
|
73
29
|
.container {
|
|
@@ -77,10 +33,9 @@
|
|
|
77
33
|
/* css:theme-validation:ignore */
|
|
78
34
|
/* css:theme-validation:ignore */
|
|
79
35
|
color: var(--globalnotification_text_color);
|
|
80
|
-
width: var(--
|
|
81
|
-
z-index: 1;
|
|
36
|
+
max-width: var(--zd_size490) ;
|
|
82
37
|
composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
|
|
83
|
-
box-shadow:
|
|
38
|
+
box-shadow: var(--zd_bs_globalnotification_container);
|
|
84
39
|
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
85
40
|
background-color: var(--globalnotification_bg_color);
|
|
86
41
|
border-style: solid;
|
|
@@ -148,8 +103,6 @@
|
|
|
148
103
|
font-family: var(--zd_semibold);
|
|
149
104
|
composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
|
|
150
105
|
line-height: 1.4286;
|
|
151
|
-
composes: oflow from '~@zohodesk/components/lib/common/common.module.css';
|
|
152
|
-
text-overflow: ellipsis;
|
|
153
106
|
}
|
|
154
107
|
|
|
155
108
|
[dir=ltr] .text {
|
|
@@ -19,27 +19,20 @@ var propTypes = {
|
|
|
19
19
|
i18nKeys: _propTypes["default"].object,
|
|
20
20
|
customProps: _propTypes["default"].shape({
|
|
21
21
|
ExtraProps: _propTypes["default"].object
|
|
22
|
-
})
|
|
23
|
-
id: _propTypes["default"].number,
|
|
24
|
-
hideTime: _propTypes["default"].number,
|
|
25
|
-
needAutoClose: _propTypes["default"].bool,
|
|
26
|
-
isCollapseView: _propTypes["default"].bool,
|
|
27
|
-
shadowCount: _propTypes["default"].number
|
|
22
|
+
})
|
|
28
23
|
};
|
|
29
24
|
exports.propTypes = propTypes;
|
|
30
25
|
var UI_propTypes = {
|
|
31
26
|
dataSelectorId: _propTypes["default"].string,
|
|
27
|
+
onClose: _propTypes["default"].func,
|
|
32
28
|
closeTitle: _propTypes["default"].string,
|
|
29
|
+
hideMessage: _propTypes["default"].func,
|
|
33
30
|
message: _propTypes["default"].string,
|
|
34
31
|
onClick: _propTypes["default"].func,
|
|
35
32
|
type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error']),
|
|
36
33
|
customProps: _propTypes["default"].shape({
|
|
37
34
|
ExtraProps: _propTypes["default"].object
|
|
38
|
-
})
|
|
39
|
-
needShadow: _propTypes["default"].bool,
|
|
40
|
-
shadowCount: _propTypes["default"].number,
|
|
41
|
-
id: _propTypes["default"].number,
|
|
42
|
-
onClose: _propTypes["default"].func
|
|
35
|
+
})
|
|
43
36
|
};
|
|
44
37
|
exports.UI_propTypes = UI_propTypes;
|
|
45
38
|
var new_propTypes = {
|
package/package.json
CHANGED
package/result.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"jobDetails":{"isRunByLocal":true,"hostName":"muthu-19990","platForm":"Darwin","branchName":"react-live-fix"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":4,"endTime":
|
|
1
|
+
{"jobDetails":{"isRunByLocal":true,"hostName":"muthu-19990","platForm":"Darwin","branchName":"react-live-fix"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":4,"endTime":1705660260747,"startTime":1705660256338,"coverageDetail":{"codeCoveragePercentage":84.23,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_Library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}}]}}}
|