@zohodesk/dot 1.0.0-temp-163 → 1.0.0-temp-165

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 (122) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/propValidation_report.html +1 -1
  3. package/README.md +17 -1
  4. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +297 -297
  5. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +9 -9
  6. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +9 -9
  7. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +9 -9
  8. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +9 -9
  9. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +9 -9
  10. package/assets/Appearance/light/mode/Dot_LightMode.module.css +295 -295
  11. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +9 -9
  12. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +9 -9
  13. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +9 -9
  14. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +9 -9
  15. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +9 -9
  16. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +297 -297
  17. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +9 -9
  18. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +9 -9
  19. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +9 -9
  20. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +9 -9
  21. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +9 -9
  22. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  23. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  24. package/coverage/ExternalLink/index.html +1 -1
  25. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  26. package/coverage/ExternalLink/props/index.html +1 -1
  27. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  28. package/coverage/IconButton/IconButton.js.html +1 -1
  29. package/coverage/IconButton/IconButton.module.css.html +1 -1
  30. package/coverage/IconButton/index.html +1 -1
  31. package/coverage/IconButton/props/defaultProps.js.html +1 -1
  32. package/coverage/IconButton/props/index.html +1 -1
  33. package/coverage/IconButton/props/propTypes.js.html +1 -1
  34. package/coverage/Image/Image.js.html +1 -1
  35. package/coverage/Image/Image.module.css.html +1 -1
  36. package/coverage/Image/index.html +1 -1
  37. package/coverage/Image/props/defaultProps.js.html +1 -1
  38. package/coverage/Image/props/index.html +1 -1
  39. package/coverage/Image/props/propTypes.js.html +1 -1
  40. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  41. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  42. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  43. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  44. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  45. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  46. package/coverage/coverage-final.json +16 -16
  47. package/coverage/coverage-summary.json +16 -16
  48. package/coverage/index.html +1 -1
  49. package/es/Attachment/Attachment.module.css +2 -2
  50. package/es/AttachmentViewer/AttachmentViewer.module.css +1 -1
  51. package/es/ImportantNotes/ImportantNotes.module.css +6 -2
  52. package/es/ToastMessage/ToastMessage.module.css +2 -2
  53. package/es/Upload/Upload.module.css +1 -1
  54. package/es/alert/AlertLookup/AlertLookup.module.css +1 -1
  55. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +1 -1
  56. package/es/errorstate/EmptyStates.module.css +3 -3
  57. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +1 -1
  58. package/es/form/fields/Fields.module.css +1 -1
  59. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +4 -4
  60. package/es/list/status/StatusListItem/StatusListItem.module.css +1 -1
  61. package/es/lookup/header/Close/LookupClose.module.css +1 -1
  62. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +1 -1
  63. package/es/setup/helptips/Description/HelpTipsDescription.module.css +1 -1
  64. package/es/v1/alert/AlertHeader/AlertHeader.js +2 -1
  65. package/es/v1/notification/DesktopNotification/DesktopNotification.js +6 -3
  66. package/es/v1/notification/DesktopNotification/props/defaultProps.js +15 -0
  67. package/es/v1/notification/DesktopNotification/props/propTypes.js +42 -0
  68. package/es/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +5 -4
  69. package/es/v1/notification/DesktopNotificationHeader/props/defaultProps.js +5 -0
  70. package/es/v1/notification/DesktopNotificationHeader/props/propTypes.js +12 -0
  71. package/es/v1/setup/header/Button/Button.js +17 -29
  72. package/es/v1/setup/header/Link/Link.js +23 -35
  73. package/es/v1/setup/header/Search/Search.js +43 -69
  74. package/es/v1/setup/header/Views/Views.js +27 -39
  75. package/es/v1/setup/helptips/Description/Description.js +8 -20
  76. package/es/v1/setup/helptips/Link/Link.js +20 -32
  77. package/es/v1/setup/helptips/ListGroup/ListGroup.js +18 -30
  78. package/es/v1/setup/helptips/Title/Title.js +8 -20
  79. package/es/version2/GlobalNotification/GlobalNotification.module.css +1 -1
  80. package/es/version2/errorstate/V2_ErrorStates.module.css +1 -1
  81. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +1 -1
  82. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +1 -1
  83. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +2 -2
  84. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +3 -3
  85. package/lib/Attachment/Attachment.module.css +2 -2
  86. package/lib/AttachmentViewer/AttachmentViewer.module.css +1 -1
  87. package/lib/ImportantNotes/ImportantNotes.module.css +6 -2
  88. package/lib/ToastMessage/ToastMessage.module.css +2 -2
  89. package/lib/Upload/Upload.module.css +1 -1
  90. package/lib/alert/AlertLookup/AlertLookup.module.css +1 -1
  91. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +1 -1
  92. package/lib/errorstate/EmptyStates.module.css +3 -3
  93. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +1 -1
  94. package/lib/form/fields/Fields.module.css +1 -1
  95. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +4 -4
  96. package/lib/list/status/StatusListItem/StatusListItem.module.css +1 -1
  97. package/lib/lookup/header/Close/LookupClose.module.css +1 -1
  98. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +1 -1
  99. package/lib/setup/helptips/Description/HelpTipsDescription.module.css +1 -1
  100. package/lib/v1/alert/AlertHeader/AlertHeader.js +2 -1
  101. package/lib/v1/notification/DesktopNotification/DesktopNotification.js +7 -10
  102. package/lib/v1/notification/DesktopNotification/props/defaultProps.js +22 -0
  103. package/lib/v1/notification/DesktopNotification/props/propTypes.js +54 -0
  104. package/lib/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +7 -12
  105. package/lib/v1/notification/DesktopNotificationHeader/props/defaultProps.js +12 -0
  106. package/lib/v1/notification/DesktopNotificationHeader/props/propTypes.js +23 -0
  107. package/lib/v1/setup/header/Button/Button.js +17 -63
  108. package/lib/v1/setup/header/Link/Link.js +23 -69
  109. package/lib/v1/setup/header/Search/Search.js +57 -89
  110. package/lib/v1/setup/header/Views/Views.js +27 -73
  111. package/lib/v1/setup/helptips/Description/Description.js +8 -53
  112. package/lib/v1/setup/helptips/Link/Link.js +23 -69
  113. package/lib/v1/setup/helptips/ListGroup/ListGroup.js +26 -72
  114. package/lib/v1/setup/helptips/Title/Title.js +8 -53
  115. package/lib/version2/GlobalNotification/GlobalNotification.module.css +1 -1
  116. package/lib/version2/errorstate/V2_ErrorStates.module.css +1 -1
  117. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +1 -1
  118. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +1 -1
  119. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +2 -2
  120. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +3 -3
  121. package/package.json +9 -9
  122. package/result.json +1 -1
@@ -2,19 +2,23 @@
2
2
  background: var(--zdt_importantnotes_bg);
3
3
  padding: var(--zd_size5) var(--zd_size10) ;
4
4
  }
5
+
5
6
  .title {
6
7
  font-size: var(--zd_font_size13) ;
7
- line-height: var(--zd_font_size18);
8
+ line-height: 1.3846;
8
9
  color: var(--zdt_importantnotes_title_text);
9
10
  }
11
+
10
12
  .icon {
11
13
  color: var(--zdt_importantnotes_icon);
12
14
  font-size: 0 ;
13
15
  margin-top: var(--zd_size1) ;
14
16
  }
17
+
15
18
  [dir=ltr] .icon {
16
19
  margin-right: var(--zd_size5) ;
17
20
  }
21
+
18
22
  [dir=rtl] .icon {
19
23
  margin-left: var(--zd_size5) ;
20
- }
24
+ }
@@ -177,14 +177,14 @@
177
177
  .alertMessage {
178
178
  font-size: var(--zd_font_size12) ;
179
179
  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
180
- line-height: var(--zd_size16);
180
+ line-height: 1.3333;
181
181
  color: var(--zdt_toastmessage_alert_text);
182
182
  margin-top: var(--zd_size5) ;
183
183
  }
184
184
 
185
185
  .buttonText {
186
186
  font-size: inherit ;
187
- line-height: var(--zd_size14);
187
+ line-height: normal;
188
188
  text-align: center;
189
189
  padding: 0 var(--zd_size7) ;
190
190
  cursor: pointer;
@@ -88,7 +88,7 @@
88
88
  width: var(--zd_size12) ;
89
89
  top: 0 ;
90
90
  position: absolute;
91
- line-height: var(--zd_size10);
91
+ line-height: 0.8333;
92
92
  font-size: var(--zd_font_size12) ;
93
93
  text-align: center;
94
94
  }
@@ -3,7 +3,7 @@
3
3
  }
4
4
 
5
5
  .innerSection {
6
- line-height: var(--zd_size25);
6
+ line-height: 1.6667;
7
7
  color: var(--zdt_alertlookup_innersection_text);
8
8
  font-size: var(--zd_font_size15) ;
9
9
  word-break: break-word;
@@ -57,7 +57,7 @@
57
57
  margin-left: var(--zd_size4) ;
58
58
  }
59
59
  .desc {
60
- line-height: var(--zd_size19);
60
+ line-height: 1.357;
61
61
  }
62
62
  .link {
63
63
  color: var(--linkColor);
@@ -33,15 +33,15 @@
33
33
  }
34
34
  .title {
35
35
  font-size: var(--zd_font_size50) ;
36
- line-height: var(--zd_size70);
36
+ line-height: 1.4;
37
37
  }
38
38
  .tabletTitle {
39
39
  font-size: var(--zd_font_size24) ;
40
- line-height: var(--zd_size50);
40
+ line-height: 2.0833;
41
41
  }
42
42
  .mobileTitle {
43
43
  font-size: var(--zd_font_size22) ;
44
- line-height: var(--zd_size30);
44
+ line-height: 1.3636;
45
45
  }
46
46
  .subtitle {
47
47
  font-size: var(--zd_font_size30) ;
@@ -13,7 +13,7 @@
13
13
  font-size: var(--zd_font_size30) ;
14
14
  }
15
15
  .lastBox {
16
- line-height: var(--zd_size24);
16
+ line-height: 1.7143;
17
17
  font-size: var(--zd_font_size14) ;
18
18
  margin: 0 auto ;
19
19
  margin-bottom: var(--zd_size20) ;
@@ -169,7 +169,7 @@
169
169
  color: var(--zdt_fields_phitag_text);
170
170
  font-size: var(--zd_font_size12) ;
171
171
  height: var(--zd_size18) ;
172
- line-height: var(--zd_size18);
172
+ line-height: 1.5;
173
173
  background-color: var(--zdt_fields_phitag_bg);
174
174
  border: 1px solid var(--zdt_fields_phitag_border);
175
175
  padding: 0 var(--zd_size5) ;
@@ -12,7 +12,7 @@
12
12
  font-size: var(--zd_font_size12) ;
13
13
  display: inline-block;
14
14
  color: var(--zdt_setupdetail_backicon);
15
- line-height: var(--zd_size30);
15
+ line-height: 2.5;
16
16
  text-align: center;
17
17
  border-radius: 50%;
18
18
  cursor: pointer;
@@ -29,7 +29,7 @@
29
29
  }
30
30
  .title {
31
31
  font-size: var(--zd_font_size16) ;
32
- line-height: var(--zd_size16);
32
+ line-height: 1;
33
33
  font-family: var(--zd_semibold);
34
34
  color: var(--zdt_setupdetail_backicon);
35
35
  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
@@ -57,7 +57,7 @@
57
57
  padding: var(--zd_size12) 0 0 var(--zd_size15) ;
58
58
  }
59
59
  .helpInfo {
60
- line-height: var(--zd_size26);
60
+ line-height: 2.3636;
61
61
  height: var(--zd_size28) ;
62
62
  width: var(--zd_size28) ;
63
63
  color: var(--zdt_setupdetail_helpinfo_text);
@@ -120,7 +120,7 @@
120
120
  height: var(--zd_size26) ;
121
121
  width: var(--zd_size26) ;
122
122
  font-size: var(--zd_font_size12) ;
123
- line-height: var(--zd_size24);
123
+ line-height: 2;
124
124
  text-align: center;
125
125
  border: 1px solid var(--zdt_setupdetail_infoicon_border);
126
126
  border-radius: 2px;
@@ -31,7 +31,7 @@
31
31
  padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3) ;
32
32
  }
33
33
  .value,.multiLineValue {
34
- line-height: var(--zd_size20);
34
+ line-height: 1.5385;
35
35
  }
36
36
  .value {
37
37
  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
@@ -1,7 +1,7 @@
1
1
  .container {
2
2
  width: var(--zd_size25) ;
3
3
  height: var(--zd_size25) ;
4
- line-height: var(--zd_size25);
4
+ line-height: 2.7778;
5
5
  color: var(--zdt_lookupclose_default_text);
6
6
  transition: var(--zd_transition2) cubic-bezier(0.4, 1, 0.65, 1);
7
7
  font-size: var(--zd_font_size9) ;
@@ -26,7 +26,7 @@
26
26
  /* Label Style */
27
27
  .labelCnt {
28
28
  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
29
- line-height: var(--zd_size20);
29
+ line-height: 1.6667;
30
30
  color: var(--zdt_viewdropdown_label_text);
31
31
  cursor: pointer;
32
32
  }
@@ -1,6 +1,6 @@
1
1
  .text {
2
2
  font-size: var(--zd_font_size14) ;
3
3
  color: var(--zdt_helptips_text);
4
- line-height: var(--zd_size24);
4
+ line-height: 1.7143;
5
5
  margin: var(--zd_size10) 0 ;
6
6
  }
@@ -88,10 +88,11 @@ function AlertHeader(props) {
88
88
  shrink: true,
89
89
  id: htmlId
90
90
  }, title), children && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
91
+ shrink: true,
91
92
  adjust: true,
92
93
  flexible: true
93
94
  }, children))), onClose && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
94
- className: _AlertHeaderNewModule["default"].close
95
+ className: finalStyle.close
95
96
  }, /*#__PURE__*/_react["default"].createElement(_AlertClose["default"], {
96
97
  onClose: onClose,
97
98
  dataTitle: closeTitle,
@@ -1,18 +1,16 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
6
  exports.DesktopNotificationUI = DesktopNotificationUI;
9
7
  exports["default"] = DesktopNotification;
10
8
 
11
- var _react = _interopRequireWildcard(require("react"));
9
+ var _react = _interopRequireDefault(require("react"));
12
10
 
13
- var _defaultProps = require("../../../version2/notification/DesktopNotification/props/defaultProps");
11
+ var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
14
12
 
15
- var _propTypes = require("../../../version2/notification/DesktopNotification/props/propTypes");
13
+ var _propTypes = require("./props/propTypes");
16
14
 
17
15
  var _Layout = require("@zohodesk/components/es/v1/Layout");
18
16
 
@@ -30,10 +28,6 @@ var _DesktopNotificationModule = _interopRequireDefault(require("../../../versio
30
28
 
31
29
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
32
30
 
33
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
34
-
35
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
36
-
37
31
  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); }
38
32
 
39
33
  var buttonPaletteObject = {
@@ -85,6 +79,7 @@ function DesktopNotificationUI(props) {
85
79
  size = props.size,
86
80
  onClose = props.onClose,
87
81
  needClose = props.needClose,
82
+ renderAlertIcon = props.renderAlertIcon,
88
83
  _props$customClass = props.customClass,
89
84
  customClass = _props$customClass === void 0 ? {} : _props$customClass,
90
85
  _props$i18nKeys = props.i18nKeys,
@@ -133,6 +128,7 @@ function DesktopNotificationUI(props) {
133
128
  needIcon: needIcon,
134
129
  onClose: onClose,
135
130
  closeTitle: closeTitle,
131
+ renderAlertIcon: renderAlertIcon,
136
132
  dataId: "".concat(dataId, "_close"),
137
133
  needClose: needClose
138
134
  })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
@@ -177,6 +173,7 @@ function DesktopNotificationUI(props) {
177
173
  }
178
174
 
179
175
  DesktopNotificationUI.propTypes = _propTypes.DesktopNotificationUI_propTypes;
176
+ DesktopNotificationUI.propTypes = _defaultProps["default"];
180
177
 
181
178
  function DesktopNotification(props) {
182
179
  return /*#__PURE__*/_react["default"].createElement(_AutoClose["default"], _extends({}, props, {
@@ -185,7 +182,7 @@ function DesktopNotification(props) {
185
182
  }
186
183
 
187
184
  DesktopNotification.propTypes = _propTypes.propTypes;
188
- DesktopNotification.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
185
+ DesktopNotification.defaultProps = _defaultProps["default"]; // if (__DOCS__) {
189
186
  // DesktopNotification.docs = {
190
187
  // componentGroup: 'DesktopNotification',
191
188
  // folderName: 'Alert'
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _default = {
8
+ isMore: false,
9
+ isAnimate: true,
10
+ isClose: false,
11
+ autoClose: false,
12
+ hideTime: '3000',
13
+ dataId: 'toastMessage',
14
+ needAutoZindex: true,
15
+ needIcon: true,
16
+ titleVariant: 'primary',
17
+ isShrinkView: false,
18
+ needClose: true,
19
+ customProps: {},
20
+ dataSelectorId: 'desktopNotification'
21
+ };
22
+ exports["default"] = _default;
@@ -0,0 +1,54 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.propTypes = exports.DesktopNotificationUI_propTypes = void 0;
7
+
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
12
+ var propTypes = {
13
+ isClose: _propTypes["default"].bool,
14
+ onPortalClose: _propTypes["default"].func,
15
+ autoClose: _propTypes["default"].bool,
16
+ hideTime: _propTypes["default"].string,
17
+ Element: _propTypes["default"].element
18
+ };
19
+ exports.propTypes = propTypes;
20
+ var DesktopNotificationUI_propTypes = {
21
+ type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
22
+ cancelText: _propTypes["default"].string,
23
+ submitText: _propTypes["default"].string,
24
+ submitType: _propTypes["default"].oneOf(['primary', 'danger', 'success']),
25
+ isMore: _propTypes["default"].bool,
26
+ customClass: _propTypes["default"].object,
27
+ dataId: _propTypes["default"].string,
28
+ getBottomContainer: _propTypes["default"].func,
29
+ getSectionContainer: _propTypes["default"].func,
30
+ getSubmitContainer: _propTypes["default"].func,
31
+ i18nKeys: _propTypes["default"].object,
32
+ dataSelectorId: _propTypes["default"].string,
33
+ info: _propTypes["default"].string,
34
+ isAnimate: _propTypes["default"].bool,
35
+ isShrinkView: _propTypes["default"].bool,
36
+ message: _propTypes["default"].string,
37
+ needAutoZindex: _propTypes["default"].bool,
38
+ needClose: _propTypes["default"].bool,
39
+ needIcon: _propTypes["default"].bool,
40
+ onCancel: _propTypes["default"].func,
41
+ onClose: _propTypes["default"].func,
42
+ onSubmit: _propTypes["default"].func,
43
+ secondaryInfo: _propTypes["default"].string,
44
+ size: _propTypes["default"].oneOf(['medium', 'large']),
45
+ subTitle: _propTypes["default"].string,
46
+ titleVariant: _propTypes["default"].oneOf(['primary', 'secondary']),
47
+ isClose: _propTypes["default"].bool,
48
+ renderAlertIcon: _propTypes["default"].func,
49
+ customProps: _propTypes["default"].shape({
50
+ ExtraProps: _propTypes["default"].object
51
+ }),
52
+ title: _propTypes["default"].string
53
+ };
54
+ exports.DesktopNotificationUI_propTypes = DesktopNotificationUI_propTypes;
@@ -1,17 +1,15 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
6
  exports["default"] = DesktopNotificationHeader;
9
7
 
10
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = _interopRequireDefault(require("react"));
11
9
 
12
- var _defaultProps = require("../../../version2/notification/DesktopNotificationHeader/props/defaultProps");
10
+ var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
13
11
 
14
- var _propTypes = require("../../../version2/notification/DesktopNotificationHeader/props/propTypes");
12
+ var _propTypes = _interopRequireDefault(require("./props/propTypes"));
15
13
 
16
14
  var _Layout = require("@zohodesk/components/es/v1/Layout");
17
15
 
@@ -23,10 +21,6 @@ var _DesktopNotificationHeaderModule = _interopRequireDefault(require("../../../
23
21
 
24
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
23
 
26
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
-
28
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
-
30
24
  function DesktopNotificationHeader(props) {
31
25
  var onClose = props.onClose,
32
26
  closeTitle = props.closeTitle,
@@ -36,6 +30,7 @@ function DesktopNotificationHeader(props) {
36
30
  type = _props$type === void 0 ? '' : _props$type,
37
31
  needIcon = props.needIcon,
38
32
  title = props.title,
33
+ renderAlertIcon = props.renderAlertIcon,
39
34
  needClose = props.needClose;
40
35
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
41
36
  align: "vertical",
@@ -45,7 +40,7 @@ function DesktopNotificationHeader(props) {
45
40
  wrap: "wrap"
46
41
  }, needIcon ? /*#__PURE__*/_react["default"].createElement("div", {
47
42
  className: _DesktopNotificationHeaderModule["default"].iconContainer
48
- }, /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
43
+ }, renderAlertIcon ? renderAlertIcon() : /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
49
44
  type: type
50
45
  })) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
51
46
  flexible: true
@@ -67,8 +62,8 @@ function DesktopNotificationHeader(props) {
67
62
  })) : null);
68
63
  }
69
64
 
70
- DesktopNotificationHeader.propTypes = _propTypes.propTypes;
71
- DesktopNotificationHeader.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
65
+ DesktopNotificationHeader.propTypes = _propTypes["default"];
66
+ DesktopNotificationHeader.defaultProps = _defaultProps["default"]; // if (__DOCS__) {
72
67
  // DesktopNotificationHeader.docs = {
73
68
  // componentGroup: 'DesktopNotificationHeader',
74
69
  // folderName: 'Alert'
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _default = {
8
+ needIcon: true,
9
+ variant: 'primary',
10
+ needClose: true
11
+ };
12
+ exports["default"] = _default;
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
12
+ var _default = {
13
+ closeTitle: _propTypes["default"].string,
14
+ dataId: _propTypes["default"].string,
15
+ needClose: _propTypes["default"].bool,
16
+ needIcon: _propTypes["default"].bool,
17
+ onClose: _propTypes["default"].func,
18
+ title: _propTypes["default"].string,
19
+ renderAlertIcon: _propTypes["default"].func,
20
+ type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
21
+ variant: _propTypes["default"].oneOf(['primary', 'secondary'])
22
+ };
23
+ exports["default"] = _default;
@@ -1,11 +1,9 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
- exports["default"] = void 0;
6
+ exports["default"] = Button;
9
7
 
10
8
  var _react = _interopRequireDefault(require("react"));
11
9
 
@@ -19,65 +17,21 @@ var _HeaderButtonModule = _interopRequireDefault(require("../../../../setup/head
19
17
 
20
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
19
 
22
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
23
-
24
- 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); } }
25
-
26
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
27
-
28
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
29
-
30
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
-
32
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
33
-
34
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
35
-
36
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
20
+ function Button(props) {
21
+ var palette = props.palette,
22
+ text = props.text,
23
+ onClick = props.onClick,
24
+ id = props.id;
25
+ return /*#__PURE__*/_react["default"].createElement("div", {
26
+ className: _HeaderButtonModule["default"].container
27
+ }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
28
+ id: id,
29
+ onClick: onClick,
30
+ palette: palette,
31
+ size: "medium",
32
+ text: text
33
+ }));
34
+ }
37
35
 
38
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
39
-
40
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
41
-
42
- var Button = /*#__PURE__*/function (_React$Component) {
43
- _inherits(Button, _React$Component);
44
-
45
- var _super = _createSuper(Button);
46
-
47
- function Button(props) {
48
- _classCallCheck(this, Button);
49
-
50
- return _super.call(this, props);
51
- }
52
-
53
- _createClass(Button, [{
54
- key: "render",
55
- value: function render() {
56
- var _this$props = this.props,
57
- palette = _this$props.palette,
58
- text = _this$props.text,
59
- onClick = _this$props.onClick,
60
- id = _this$props.id;
61
- return /*#__PURE__*/_react["default"].createElement("div", {
62
- className: _HeaderButtonModule["default"].container
63
- }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
64
- id: id,
65
- onClick: onClick,
66
- palette: palette,
67
- size: "medium",
68
- text: text
69
- }));
70
- }
71
- }]);
72
-
73
- return Button;
74
- }(_react["default"].Component);
75
-
76
- exports["default"] = Button;
77
36
  Button.defaultProps = _defaultProps.defaultProps;
78
- Button.propTypes = _propTypes.propTypes; // if (__DOCS__) {
79
- // Button.docs = {
80
- // componentGroup: 'Header',
81
- // folderName: 'Setup'
82
- // };
83
- // }
37
+ Button.propTypes = _propTypes.propTypes;
@@ -1,11 +1,9 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
- exports["default"] = void 0;
6
+ exports["default"] = Link;
9
7
 
10
8
  var _react = _interopRequireDefault(require("react"));
11
9
 
@@ -23,71 +21,27 @@ var _HeaderLinkModule = _interopRequireDefault(require("../../../../setup/header
23
21
 
24
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
23
 
26
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
27
-
28
- 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); } }
29
-
30
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
31
-
32
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
33
-
34
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
35
-
36
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
37
-
38
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
39
-
40
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
24
+ function Link(props) {
25
+ var url = props.url,
26
+ text = props.text,
27
+ iconName = props.iconName,
28
+ iconClass = props.iconClass,
29
+ iconSize = props.iconSize;
30
+ return /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
31
+ className: _HeaderLinkModule["default"].container,
32
+ href: url
33
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
34
+ className: _HeaderLinkModule["default"].icon
35
+ }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
36
+ isBold: true,
37
+ name: iconName,
38
+ size: iconSize,
39
+ iconClass: iconClass ? iconClass : ''
40
+ })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
41
+ className: _HeaderLinkModule["default"].text,
42
+ flexible: true
43
+ }, text));
44
+ }
41
45
 
42
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
43
-
44
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
45
-
46
- var Link = /*#__PURE__*/function (_React$Component) {
47
- _inherits(Link, _React$Component);
48
-
49
- var _super = _createSuper(Link);
50
-
51
- function Link(props) {
52
- _classCallCheck(this, Link);
53
-
54
- return _super.call(this, props);
55
- }
56
-
57
- _createClass(Link, [{
58
- key: "render",
59
- value: function render() {
60
- var _this$props = this.props,
61
- url = _this$props.url,
62
- text = _this$props.text,
63
- iconName = _this$props.iconName,
64
- iconClass = _this$props.iconClass,
65
- iconSize = _this$props.iconSize;
66
- return /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
67
- className: _HeaderLinkModule["default"].container,
68
- href: url
69
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
70
- className: _HeaderLinkModule["default"].icon
71
- }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
72
- isBold: true,
73
- name: iconName,
74
- size: iconSize,
75
- iconClass: iconClass ? iconClass : ''
76
- })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
77
- className: _HeaderLinkModule["default"].text,
78
- flexible: true
79
- }, text));
80
- }
81
- }]);
82
-
83
- return Link;
84
- }(_react["default"].Component);
85
-
86
- exports["default"] = Link;
87
46
  Link.defaultProps = _defaultProps.defaultProps;
88
- Link.propTypes = _propTypes.propTypes; // if (__DOCS__) {
89
- // Link.docs = {
90
- // componentGroup: 'Header',
91
- // folderName: 'Setup'
92
- // };
93
- // }
47
+ Link.propTypes = _propTypes.propTypes;