@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.
- package/.cli/PropLessFiles.html +1 -1
- package/.cli/propValidation_report.html +1 -1
- package/README.md +17 -1
- package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +297 -297
- package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +9 -9
- package/assets/Appearance/light/mode/Dot_LightMode.module.css +295 -295
- package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +9 -9
- package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +9 -9
- package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +9 -9
- package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +9 -9
- package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +9 -9
- package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +297 -297
- package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +9 -9
- 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/coverage-final.json +16 -16
- package/coverage/coverage-summary.json +16 -16
- package/coverage/index.html +1 -1
- package/es/Attachment/Attachment.module.css +2 -2
- package/es/AttachmentViewer/AttachmentViewer.module.css +1 -1
- package/es/ImportantNotes/ImportantNotes.module.css +6 -2
- package/es/ToastMessage/ToastMessage.module.css +2 -2
- package/es/Upload/Upload.module.css +1 -1
- package/es/alert/AlertLookup/AlertLookup.module.css +1 -1
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +1 -1
- package/es/errorstate/EmptyStates.module.css +3 -3
- package/es/errorstate/PermissionPlay/PermissionPlay.module.css +1 -1
- package/es/form/fields/Fields.module.css +1 -1
- package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +4 -4
- package/es/list/status/StatusListItem/StatusListItem.module.css +1 -1
- package/es/lookup/header/Close/LookupClose.module.css +1 -1
- package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +1 -1
- package/es/setup/helptips/Description/HelpTipsDescription.module.css +1 -1
- package/es/v1/alert/AlertHeader/AlertHeader.js +2 -1
- package/es/v1/notification/DesktopNotification/DesktopNotification.js +6 -3
- package/es/v1/notification/DesktopNotification/props/defaultProps.js +15 -0
- package/es/v1/notification/DesktopNotification/props/propTypes.js +42 -0
- package/es/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +5 -4
- package/es/v1/notification/DesktopNotificationHeader/props/defaultProps.js +5 -0
- package/es/v1/notification/DesktopNotificationHeader/props/propTypes.js +12 -0
- package/es/v1/setup/header/Button/Button.js +17 -29
- package/es/v1/setup/header/Link/Link.js +23 -35
- package/es/v1/setup/header/Search/Search.js +43 -69
- package/es/v1/setup/header/Views/Views.js +27 -39
- package/es/v1/setup/helptips/Description/Description.js +8 -20
- package/es/v1/setup/helptips/Link/Link.js +20 -32
- package/es/v1/setup/helptips/ListGroup/ListGroup.js +18 -30
- package/es/v1/setup/helptips/Title/Title.js +8 -20
- package/es/version2/GlobalNotification/GlobalNotification.module.css +1 -1
- package/es/version2/errorstate/V2_ErrorStates.module.css +1 -1
- package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +1 -1
- package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +1 -1
- package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +2 -2
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +3 -3
- package/lib/Attachment/Attachment.module.css +2 -2
- package/lib/AttachmentViewer/AttachmentViewer.module.css +1 -1
- package/lib/ImportantNotes/ImportantNotes.module.css +6 -2
- package/lib/ToastMessage/ToastMessage.module.css +2 -2
- package/lib/Upload/Upload.module.css +1 -1
- package/lib/alert/AlertLookup/AlertLookup.module.css +1 -1
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +1 -1
- package/lib/errorstate/EmptyStates.module.css +3 -3
- package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +1 -1
- package/lib/form/fields/Fields.module.css +1 -1
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +4 -4
- package/lib/list/status/StatusListItem/StatusListItem.module.css +1 -1
- package/lib/lookup/header/Close/LookupClose.module.css +1 -1
- package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +1 -1
- package/lib/setup/helptips/Description/HelpTipsDescription.module.css +1 -1
- package/lib/v1/alert/AlertHeader/AlertHeader.js +2 -1
- package/lib/v1/notification/DesktopNotification/DesktopNotification.js +7 -10
- package/lib/v1/notification/DesktopNotification/props/defaultProps.js +22 -0
- package/lib/v1/notification/DesktopNotification/props/propTypes.js +54 -0
- package/lib/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +7 -12
- package/lib/v1/notification/DesktopNotificationHeader/props/defaultProps.js +12 -0
- package/lib/v1/notification/DesktopNotificationHeader/props/propTypes.js +23 -0
- package/lib/v1/setup/header/Button/Button.js +17 -63
- package/lib/v1/setup/header/Link/Link.js +23 -69
- package/lib/v1/setup/header/Search/Search.js +57 -89
- package/lib/v1/setup/header/Views/Views.js +27 -73
- package/lib/v1/setup/helptips/Description/Description.js +8 -53
- package/lib/v1/setup/helptips/Link/Link.js +23 -69
- package/lib/v1/setup/helptips/ListGroup/ListGroup.js +26 -72
- package/lib/v1/setup/helptips/Title/Title.js +8 -53
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +1 -1
- package/lib/version2/errorstate/V2_ErrorStates.module.css +1 -1
- package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +1 -1
- package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +1 -1
- package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +2 -2
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +3 -3
- package/package.json +9 -9
- 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:
|
|
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:
|
|
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:
|
|
187
|
+
line-height: normal;
|
|
188
188
|
text-align: center;
|
|
189
189
|
padding: 0 var(--zd_size7) ;
|
|
190
190
|
cursor: pointer;
|
|
@@ -33,15 +33,15 @@
|
|
|
33
33
|
}
|
|
34
34
|
.title {
|
|
35
35
|
font-size: var(--zd_font_size50) ;
|
|
36
|
-
line-height:
|
|
36
|
+
line-height: 1.4;
|
|
37
37
|
}
|
|
38
38
|
.tabletTitle {
|
|
39
39
|
font-size: var(--zd_font_size24) ;
|
|
40
|
-
line-height:
|
|
40
|
+
line-height: 2.0833;
|
|
41
41
|
}
|
|
42
42
|
.mobileTitle {
|
|
43
43
|
font-size: var(--zd_font_size22) ;
|
|
44
|
-
line-height:
|
|
44
|
+
line-height: 1.3636;
|
|
45
45
|
}
|
|
46
46
|
.subtitle {
|
|
47
47
|
font-size: var(--zd_font_size30) ;
|
|
@@ -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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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) ;
|
|
@@ -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:
|
|
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 =
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
10
|
|
|
13
|
-
var _defaultProps = require("
|
|
11
|
+
var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
|
|
14
12
|
|
|
15
|
-
var _propTypes = require("
|
|
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
|
|
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 =
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
12
|
-
var _defaultProps = require("
|
|
10
|
+
var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
|
|
13
11
|
|
|
14
|
-
var _propTypes = require("
|
|
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
|
|
71
|
-
DesktopNotificationHeader.defaultProps = _defaultProps
|
|
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,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"] =
|
|
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
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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;
|
|
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"] =
|
|
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
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
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;
|
|
89
|
-
// Link.docs = {
|
|
90
|
-
// componentGroup: 'Header',
|
|
91
|
-
// folderName: 'Setup'
|
|
92
|
-
// };
|
|
93
|
-
// }
|
|
47
|
+
Link.propTypes = _propTypes.propTypes;
|