@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.
Files changed (40) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  3. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  4. package/coverage/ExternalLink/index.html +1 -1
  5. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  6. package/coverage/ExternalLink/props/index.html +1 -1
  7. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  8. package/coverage/IconButton/IconButton.js.html +1 -1
  9. package/coverage/IconButton/IconButton.module.css.html +1 -1
  10. package/coverage/IconButton/index.html +1 -1
  11. package/coverage/IconButton/props/defaultProps.js.html +1 -1
  12. package/coverage/IconButton/props/index.html +1 -1
  13. package/coverage/IconButton/props/propTypes.js.html +1 -1
  14. package/coverage/Image/Image.js.html +1 -1
  15. package/coverage/Image/Image.module.css.html +1 -1
  16. package/coverage/Image/index.html +1 -1
  17. package/coverage/Image/props/defaultProps.js.html +1 -1
  18. package/coverage/Image/props/index.html +1 -1
  19. package/coverage/Image/props/propTypes.js.html +1 -1
  20. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  21. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  22. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  23. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  24. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  25. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  26. package/coverage/index.html +1 -1
  27. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +41 -12
  28. package/es/form/fields/TagsMultiSelect/props/defaultProps.js +3 -1
  29. package/es/form/fields/TagsMultiSelect/props/propTypes.js +10 -1
  30. package/es/version2/GlobalNotification/GlobalNotification.js +26 -53
  31. package/es/version2/GlobalNotification/GlobalNotification.module.css +11 -58
  32. package/es/version2/GlobalNotification/props/propTypes.js +4 -11
  33. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +44 -12
  34. package/lib/form/fields/TagsMultiSelect/props/defaultProps.js +3 -1
  35. package/lib/form/fields/TagsMultiSelect/props/propTypes.js +10 -1
  36. package/lib/version2/GlobalNotification/GlobalNotification.js +29 -52
  37. package/lib/version2/GlobalNotification/GlobalNotification.module.css +11 -58
  38. package/lib/version2/GlobalNotification/props/propTypes.js +4 -11
  39. package/package.json +1 -1
  40. 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
- return index < chipLimit ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
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
- })) : null;
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
- }, isTagListLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
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"
@@ -13,6 +13,8 @@ var defaultProps = {
13
13
  dataId: '',
14
14
  boxSize: 'default',
15
15
  clickableTag: false,
16
- dataSelectorId: 'tagsMultiSelectField'
16
+ dataSelectorId: 'tagsMultiSelectField',
17
+ customClass: {},
18
+ customProps: {}
17
19
  };
18
20
  exports.defaultProps = defaultProps;
@@ -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
- shadowClose: true
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: "componentDidMount",
75
- value: function componentDidMount() {
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
- hideTime = _this$props.hideTime,
79
- id = _this$props.id,
80
- needAutoClose = _this$props.needAutoClose;
81
-
82
- if (needAutoClose) {
83
- this.hideMessageTimer = setTimeout(function () {
84
- hideMessage(id);
85
- }, hideTime);
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: "onClose",
97
- value: function onClose(e) {
86
+ key: "componentDidMount",
87
+ value: function componentDidMount() {
98
88
  var _this$props2 = this.props,
99
- onClose = _this$props2.onClose,
100
- hideMessage = _this$props2.hideMessage,
101
- id = _this$props2.id;
102
- this.setState({
103
- shadowClose: false
104
- });
105
- hideMessage && hideMessage(id);
106
- onClose && onClose(e);
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 onClose = props.onClose;
159
- (0, _Common.cancelBubblingEffect)(e);
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
- ref: eleRef,
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
- /* position: relative; */
11
+ position: absolute;
12
12
  top: 0 ;
13
- z-index: 1;
14
- justify-self: center;
15
- /* overflow: hidden; */
13
+ z-index: 1000;
16
14
  /*Hook for editor alert*/
17
- /* right: 0;
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] .stackShadowOne::after, [dir=ltr] .stackShadowTwo::before {
38
- left: 50% ;
39
- right: 50% ;
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] .stackShadowOne::after, [dir=rtl] .stackShadowTwo::before {
45
- right: 50% ;
46
- left: 50% ;
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(--zd_size420) ;
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: 0px 4px 4px 0px var(--zdt_message_default_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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-175.2",
3
+ "version": "1.0.0-temp-175.3",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
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":1705648659793,"startTime":1705648656211,"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":[]}}]}}}
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":[]}}]}}}