@zohodesk/dot 1.0.0-temp-223.2 → 1.0.0-temp-220.4
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/README.md +5 -0
- package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +315 -315
- package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +15 -15
- package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +15 -15
- package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +15 -15
- package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +15 -15
- package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +15 -15
- package/assets/Appearance/light/mode/Dot_LightMode.module.css +307 -307
- package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +15 -15
- package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +15 -15
- package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +15 -15
- package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +15 -15
- package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +15 -15
- package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +317 -317
- package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +15 -15
- package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +15 -15
- package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +15 -15
- package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +15 -15
- package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +15 -15
- package/es/common/dot_boxShadow.module.css +2 -1
- package/es/version2/GlobalNotification/GlobalNotification.js +46 -7
- package/es/version2/GlobalNotification/__tests__/GlobalNotification.spec.js +9 -0
- package/es/version2/GlobalNotification/props/propTypes.js +4 -3
- package/es/version2/GlobalNotification/utils/constants.js +6 -0
- package/lib/common/dot_boxShadow.module.css +2 -1
- package/lib/version2/GlobalNotification/GlobalNotification.js +68 -18
- package/lib/version2/GlobalNotification/__tests__/GlobalNotification.spec.js +10 -0
- package/lib/version2/GlobalNotification/props/propTypes.js +4 -3
- package/lib/version2/GlobalNotification/utils/constants.js +13 -0
- package/package.json +10 -10
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='blue'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsla(0,
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsla(0,
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsla(0,
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsla(212,
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsla(221,
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsla(221, 100.00%, calc(57.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
10
|
|
|
11
11
|
/* onboarding */
|
|
12
|
-
--zdt_onboarding_primary_gradient_border: hsla(212,
|
|
13
|
-
--zdt_onboarding_secondary_gradient_border: hsla(220,
|
|
14
|
-
--zdt_onboarding_gradient_border: hsla(220,
|
|
15
|
-
--zdt_onboarding_primary_button_shadow:
|
|
16
|
-
--zdt_onboarding_gradient_bg: hsla(213,
|
|
12
|
+
--zdt_onboarding_primary_gradient_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_onboarding_secondary_gradient_border: hsla(220, 72.24%, calc(51.96% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
|
|
14
|
+
--zdt_onboarding_gradient_border: hsla(220, 72.24%, calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
|
|
15
|
+
--zdt_onboarding_primary_button_shadow: rgba(10, 115, 235, 0.25);
|
|
16
|
+
--zdt_onboarding_gradient_bg: hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
17
17
|
|
|
18
18
|
/* attachment viewer */
|
|
19
|
-
--zdt_attachmentviewer_header_bg: hsla(0,
|
|
20
|
-
--zdt_attachmentviewer_header_border: hsla(0,
|
|
21
|
-
--zdt_attachmentviewer_footer_bg: hsla(0,
|
|
22
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsla(0,
|
|
19
|
+
--zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
20
|
+
--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
|
|
23
23
|
|
|
24
24
|
/* loader */
|
|
25
|
-
--zdt_loader_bg:
|
|
25
|
+
--zdt_loader_bg: rgb(71,157,255);
|
|
26
26
|
}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='green'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsla(0,
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsla(0,
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsla(0,
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsla(133,
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsla(128,
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
10
|
|
|
11
11
|
/* onboarding */
|
|
12
|
-
--zdt_onboarding_primary_gradient_border: hsla(133,
|
|
13
|
-
--zdt_onboarding_secondary_gradient_border: hsla(133,
|
|
14
|
-
--zdt_onboarding_gradient_border: hsla(133,
|
|
15
|
-
--zdt_onboarding_primary_button_shadow:
|
|
16
|
-
--zdt_onboarding_gradient_bg: hsla(133,
|
|
12
|
+
--zdt_onboarding_primary_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_onboarding_secondary_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
|
|
14
|
+
--zdt_onboarding_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
|
|
15
|
+
--zdt_onboarding_primary_button_shadow: rgba(39, 170, 67, 0.25);
|
|
16
|
+
--zdt_onboarding_gradient_bg: hsla(133, 10.84%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
17
17
|
|
|
18
18
|
/* attachment viewer */
|
|
19
|
-
--zdt_attachmentviewer_header_bg: hsla(0,
|
|
20
|
-
--zdt_attachmentviewer_header_border: hsla(0,
|
|
21
|
-
--zdt_attachmentviewer_footer_bg: hsla(0,
|
|
22
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsla(0,
|
|
19
|
+
--zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
20
|
+
--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
|
|
23
23
|
|
|
24
24
|
/* loader */
|
|
25
|
-
--zdt_loader_bg:
|
|
25
|
+
--zdt_loader_bg: rgb(69,161,89);
|
|
26
26
|
}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='orange'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsla(0,
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsla(0,
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsla(0,
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsla(26,
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsla(29,
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
10
|
|
|
11
11
|
/* onboarding */
|
|
12
|
-
--zdt_onboarding_primary_gradient_border: hsla(28,
|
|
13
|
-
--zdt_onboarding_secondary_gradient_border: hsla(28,
|
|
14
|
-
--zdt_onboarding_gradient_border: hsla(28,
|
|
15
|
-
--zdt_onboarding_primary_button_shadow:
|
|
16
|
-
--zdt_onboarding_gradient_bg: hsla(26,
|
|
12
|
+
--zdt_onboarding_primary_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_onboarding_secondary_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
|
|
14
|
+
--zdt_onboarding_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
|
|
15
|
+
--zdt_onboarding_primary_button_shadow: rgba(229, 119, 23, 0.25);
|
|
16
|
+
--zdt_onboarding_gradient_bg: hsla(26, 19.51%, calc(16.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
17
17
|
|
|
18
18
|
/* attachment viewer */
|
|
19
|
-
--zdt_attachmentviewer_header_bg: hsla(0,
|
|
20
|
-
--zdt_attachmentviewer_header_border: hsla(0,
|
|
21
|
-
--zdt_attachmentviewer_footer_bg: hsla(0,
|
|
22
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsla(0,
|
|
19
|
+
--zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
20
|
+
--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
|
|
23
23
|
|
|
24
24
|
/* loader */
|
|
25
|
-
--zdt_loader_bg:
|
|
25
|
+
--zdt_loader_bg: rgb(255,128,31);
|
|
26
26
|
}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='red'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsla(0,
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsla(0,
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsla(0,
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsla(0,
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsla(0,
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsla(0, 81.62%, calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
10
|
|
|
11
11
|
/* onboarding */
|
|
12
|
-
--zdt_onboarding_primary_gradient_border: hsla(0,
|
|
13
|
-
--zdt_onboarding_secondary_gradient_border: hsla(0,
|
|
14
|
-
--zdt_onboarding_gradient_border: hsla(0,
|
|
15
|
-
--zdt_onboarding_primary_button_shadow:
|
|
16
|
-
--zdt_onboarding_gradient_bg: hsla(0,
|
|
12
|
+
--zdt_onboarding_primary_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_onboarding_secondary_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
|
|
14
|
+
--zdt_onboarding_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
|
|
15
|
+
--zdt_onboarding_primary_button_shadow: rgba(219, 33, 33, 0.25);
|
|
16
|
+
--zdt_onboarding_gradient_bg: hsla(0, 13.25%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
17
17
|
|
|
18
18
|
/* attachment viewer */
|
|
19
|
-
--zdt_attachmentviewer_header_bg: hsla(0,
|
|
20
|
-
--zdt_attachmentviewer_header_border: hsla(0,
|
|
21
|
-
--zdt_attachmentviewer_footer_bg: hsla(0,
|
|
22
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsla(0,
|
|
19
|
+
--zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
20
|
+
--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
|
|
23
23
|
|
|
24
24
|
/* loader */
|
|
25
|
-
--zdt_loader_bg:
|
|
25
|
+
--zdt_loader_bg: rgb(233,79,79);
|
|
26
26
|
}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='yellow'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsla(0,
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsla(0,
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsla(0,
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsla(37,
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsla(39,
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
10
|
|
|
11
11
|
/* onboarding */
|
|
12
|
-
--zdt_onboarding_primary_gradient_border: hsla(43,
|
|
13
|
-
--zdt_onboarding_secondary_gradient_border: hsla(43,
|
|
14
|
-
--zdt_onboarding_gradient_border: hsla(43,
|
|
15
|
-
--zdt_onboarding_primary_button_shadow:
|
|
16
|
-
--zdt_onboarding_gradient_bg: hsla(35,
|
|
12
|
+
--zdt_onboarding_primary_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_onboarding_secondary_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
|
|
14
|
+
--zdt_onboarding_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
|
|
15
|
+
--zdt_onboarding_primary_button_shadow: rgba(218, 160, 11, 0.25);
|
|
16
|
+
--zdt_onboarding_gradient_bg: hsla(35, 15.00%, calc(15.69% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
17
17
|
|
|
18
18
|
/* attachment viewer */
|
|
19
|
-
--zdt_attachmentviewer_header_bg: hsla(0,
|
|
20
|
-
--zdt_attachmentviewer_header_border: hsla(0,
|
|
21
|
-
--zdt_attachmentviewer_footer_bg: hsla(0,
|
|
22
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsla(0,
|
|
19
|
+
--zdt_attachmentviewer_header_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
20
|
+
--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
|
|
23
23
|
|
|
24
24
|
/* loader */
|
|
25
|
-
--zdt_loader_bg:
|
|
25
|
+
--zdt_loader_bg: rgb(215,152,53);
|
|
26
26
|
}
|
|
@@ -37,7 +37,8 @@
|
|
|
37
37
|
--zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
|
|
38
38
|
|
|
39
39
|
/* onboarding */
|
|
40
|
-
--zd_bs_onboarding_close_icon: var(--zd_bs_contrast_outline, 0px 2px 15px
|
|
40
|
+
--zd_bs_onboarding_close_icon: var(--zd_bs_contrast_outline, 0px 2px 15px rgba(0, 0, 0, 0.09));
|
|
41
41
|
--zd_bs_onboarding_gradient: var(--zd_bs_contrast_outline, 0px 20px 30px 0px var(--zdt_onboarding_bg_box_shadow));
|
|
42
42
|
--zd_bs_onboarding_primary_button: var(--zd_bs_contrast_outline, 0px 4px 20px 0px var(--zdt_onboarding_primary_button_shadow));
|
|
43
|
+
|
|
43
44
|
}
|
|
@@ -7,6 +7,8 @@ import AlertClose from "../AlertClose/AlertClose";
|
|
|
7
7
|
import style from "./GlobalNotification.module.css";
|
|
8
8
|
import { Container, Box } from '@zohodesk/components/es/Layout';
|
|
9
9
|
import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
|
|
10
|
+
import getCurrentTime from '@zohodesk/utils/es/getCurrentTime';
|
|
11
|
+
import { STATUS } from "./utils/constants";
|
|
10
12
|
export default class GlobalNotification extends React.Component {
|
|
11
13
|
constructor(props) {
|
|
12
14
|
super(props);
|
|
@@ -15,6 +17,8 @@ export default class GlobalNotification extends React.Component {
|
|
|
15
17
|
shadowClose: true
|
|
16
18
|
};
|
|
17
19
|
this.onClose = this.onClose.bind(this);
|
|
20
|
+
this.getNotificationData = this.getNotificationData.bind(this);
|
|
21
|
+
this.handleStatusChange = this.handleStatusChange.bind(this);
|
|
18
22
|
}
|
|
19
23
|
|
|
20
24
|
componentDidMount() {
|
|
@@ -24,18 +28,44 @@ export default class GlobalNotification extends React.Component {
|
|
|
24
28
|
id,
|
|
25
29
|
needAutoClose
|
|
26
30
|
} = this.props;
|
|
31
|
+
this.handleStatusChange(STATUS.MOUNTED);
|
|
27
32
|
|
|
28
33
|
if (needAutoClose) {
|
|
29
34
|
this.hideMessageTimer = setTimeout(() => {
|
|
30
35
|
hideMessage(id);
|
|
36
|
+
this.handleStatusChange(STATUS.DISMISSING);
|
|
31
37
|
}, hideTime);
|
|
32
38
|
}
|
|
33
39
|
}
|
|
34
40
|
|
|
41
|
+
componentDidUpdate(prevProps) {
|
|
42
|
+
if (prevProps.id === this.props.id && (prevProps.message !== this.props.message || prevProps.type !== this.props.type)) {
|
|
43
|
+
this.handleStatusChange(STATUS.UPDATED);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
35
47
|
componentWillUnmount() {
|
|
36
48
|
if (this.hideMessageTimer) {
|
|
37
49
|
clearTimeout(this.hideMessageTimer);
|
|
38
50
|
}
|
|
51
|
+
|
|
52
|
+
this.handleStatusChange(STATUS.UNMOUNTED);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
handleStatusChange(status) {
|
|
56
|
+
const {
|
|
57
|
+
onStatusChange
|
|
58
|
+
} = this.props;
|
|
59
|
+
|
|
60
|
+
if (typeof onStatusChange == 'function') {
|
|
61
|
+
const notificationData = this.getNotificationData();
|
|
62
|
+
const currentTime = getCurrentTime();
|
|
63
|
+
onStatusChange({
|
|
64
|
+
status,
|
|
65
|
+
...notificationData,
|
|
66
|
+
time: currentTime
|
|
67
|
+
});
|
|
68
|
+
}
|
|
39
69
|
}
|
|
40
70
|
|
|
41
71
|
onClose(e) {
|
|
@@ -47,20 +77,31 @@ export default class GlobalNotification extends React.Component {
|
|
|
47
77
|
this.setState({
|
|
48
78
|
shadowClose: false
|
|
49
79
|
});
|
|
80
|
+
this.handleStatusChange(STATUS.DISMISSING);
|
|
50
81
|
hideMessage && hideMessage(id);
|
|
51
82
|
onClose && onClose(e);
|
|
52
83
|
}
|
|
53
84
|
|
|
85
|
+
getNotificationData() {
|
|
86
|
+
const {
|
|
87
|
+
id,
|
|
88
|
+
type,
|
|
89
|
+
message
|
|
90
|
+
} = this.props;
|
|
91
|
+
return {
|
|
92
|
+
id,
|
|
93
|
+
type,
|
|
94
|
+
message
|
|
95
|
+
};
|
|
96
|
+
}
|
|
97
|
+
|
|
54
98
|
render() {
|
|
55
99
|
let {
|
|
56
|
-
type,
|
|
57
|
-
message,
|
|
58
100
|
hideMessage,
|
|
59
101
|
onClick,
|
|
60
102
|
i18nKeys = {},
|
|
61
103
|
customProps,
|
|
62
104
|
dataSelectorId,
|
|
63
|
-
id,
|
|
64
105
|
needShadow,
|
|
65
106
|
shadowCount,
|
|
66
107
|
eleRef
|
|
@@ -71,15 +112,13 @@ export default class GlobalNotification extends React.Component {
|
|
|
71
112
|
let {
|
|
72
113
|
closeTitle = 'Close'
|
|
73
114
|
} = i18nKeys;
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
message: message,
|
|
115
|
+
const notificationData = this.getNotificationData();
|
|
116
|
+
return /*#__PURE__*/React.createElement(GlobalNotificationUI, { ...notificationData,
|
|
77
117
|
hideMessage: hideMessage,
|
|
78
118
|
onClick: onClick,
|
|
79
119
|
closeTitle: closeTitle,
|
|
80
120
|
customProps: customProps,
|
|
81
121
|
dataSelectorId: dataSelectorId,
|
|
82
|
-
id: id,
|
|
83
122
|
shadowCount: shadowCount,
|
|
84
123
|
onClose: this.onClose,
|
|
85
124
|
needShadow: shadowClose && needShadow,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
3
|
import GlobalNotification from "../GlobalNotification";
|
|
4
|
+
import { STATUS } from "../utils/constants";
|
|
4
5
|
describe('GlobalNotification', () => {
|
|
5
6
|
test('rendering the defult props', () => {
|
|
6
7
|
const {
|
|
@@ -8,4 +9,12 @@ describe('GlobalNotification', () => {
|
|
|
8
9
|
} = render( /*#__PURE__*/React.createElement(GlobalNotification, null));
|
|
9
10
|
expect(asFragment()).toMatchSnapshot();
|
|
10
11
|
});
|
|
12
|
+
});
|
|
13
|
+
describe('GlobalNotification Constants', () => {
|
|
14
|
+
test('should have correct constant values', () => {
|
|
15
|
+
expect(STATUS.MOUNTED).toBe('mounted');
|
|
16
|
+
expect(STATUS.UPDATED).toBe('updated');
|
|
17
|
+
expect(STATUS.DISMISSING).toBe('dismissing');
|
|
18
|
+
expect(STATUS.UNMOUNTED).toBe('unmounted');
|
|
19
|
+
});
|
|
11
20
|
});
|
|
@@ -10,12 +10,13 @@ export const propTypes = {
|
|
|
10
10
|
customProps: PropTypes.shape({
|
|
11
11
|
ExtraProps: PropTypes.object
|
|
12
12
|
}),
|
|
13
|
-
id: PropTypes.
|
|
13
|
+
id: PropTypes.string,
|
|
14
14
|
hideTime: PropTypes.number,
|
|
15
15
|
needAutoClose: PropTypes.bool,
|
|
16
16
|
isCollapseView: PropTypes.bool,
|
|
17
17
|
shadowCount: PropTypes.number,
|
|
18
|
-
needShadow: PropTypes.bool
|
|
18
|
+
needShadow: PropTypes.bool,
|
|
19
|
+
onStatusChange: PropTypes.func
|
|
19
20
|
};
|
|
20
21
|
export const UI_propTypes = {
|
|
21
22
|
dataSelectorId: PropTypes.string,
|
|
@@ -28,7 +29,7 @@ export const UI_propTypes = {
|
|
|
28
29
|
}),
|
|
29
30
|
needShadow: PropTypes.bool,
|
|
30
31
|
shadowCount: PropTypes.number,
|
|
31
|
-
id: PropTypes.
|
|
32
|
+
id: PropTypes.string,
|
|
32
33
|
onClose: PropTypes.func
|
|
33
34
|
};
|
|
34
35
|
export const new_propTypes = {
|
|
@@ -37,7 +37,8 @@
|
|
|
37
37
|
--zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
|
|
38
38
|
|
|
39
39
|
/* onboarding */
|
|
40
|
-
--zd_bs_onboarding_close_icon: var(--zd_bs_contrast_outline, 0px 2px 15px
|
|
40
|
+
--zd_bs_onboarding_close_icon: var(--zd_bs_contrast_outline, 0px 2px 15px rgba(0, 0, 0, 0.09));
|
|
41
41
|
--zd_bs_onboarding_gradient: var(--zd_bs_contrast_outline, 0px 20px 30px 0px var(--zdt_onboarding_bg_box_shadow));
|
|
42
42
|
--zd_bs_onboarding_primary_button: var(--zd_bs_contrast_outline, 0px 4px 20px 0px var(--zdt_onboarding_primary_button_shadow));
|
|
43
|
+
|
|
43
44
|
}
|
|
@@ -27,10 +27,20 @@ var _Layout = require("@zohodesk/components/es/Layout");
|
|
|
27
27
|
|
|
28
28
|
var _Common = require("@zohodesk/components/es/utils/Common");
|
|
29
29
|
|
|
30
|
+
var _getCurrentTime = _interopRequireDefault(require("@zohodesk/utils/es/getCurrentTime"));
|
|
31
|
+
|
|
32
|
+
var _constants = require("./utils/constants");
|
|
33
|
+
|
|
30
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
35
|
|
|
32
36
|
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); }
|
|
33
37
|
|
|
38
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
39
|
+
|
|
40
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
41
|
+
|
|
42
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
43
|
+
|
|
34
44
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
35
45
|
|
|
36
46
|
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); } }
|
|
@@ -67,30 +77,61 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
|
|
|
67
77
|
shadowClose: true
|
|
68
78
|
};
|
|
69
79
|
_this.onClose = _this.onClose.bind(_assertThisInitialized(_this));
|
|
80
|
+
_this.getNotiifcationData = _this.getNotiifcationData.bind(_assertThisInitialized(_this));
|
|
81
|
+
_this.handleStatusChange = _this.handleStatusChange.bind(_assertThisInitialized(_this));
|
|
70
82
|
return _this;
|
|
71
83
|
}
|
|
72
84
|
|
|
73
85
|
_createClass(GlobalNotification, [{
|
|
74
86
|
key: "componentDidMount",
|
|
75
87
|
value: function componentDidMount() {
|
|
88
|
+
var _this2 = this;
|
|
89
|
+
|
|
76
90
|
var _this$props = this.props,
|
|
77
91
|
hideMessage = _this$props.hideMessage,
|
|
78
92
|
hideTime = _this$props.hideTime,
|
|
79
93
|
id = _this$props.id,
|
|
80
94
|
needAutoClose = _this$props.needAutoClose;
|
|
95
|
+
this.handleStatusChange(_constants.STATUS.MOUNTED);
|
|
81
96
|
|
|
82
97
|
if (needAutoClose) {
|
|
83
98
|
this.hideMessageTimer = setTimeout(function () {
|
|
84
99
|
hideMessage(id);
|
|
100
|
+
|
|
101
|
+
_this2.handleStatusChange(_constants.STATUS.DISMISSING);
|
|
85
102
|
}, hideTime);
|
|
86
103
|
}
|
|
87
104
|
}
|
|
105
|
+
}, {
|
|
106
|
+
key: "componentDidUpdate",
|
|
107
|
+
value: function componentDidUpdate(prevProps) {
|
|
108
|
+
if (prevProps.id === this.props.id && (prevProps.message !== this.props.message || prevProps.type !== this.props.type)) {
|
|
109
|
+
this.handleStatusChange(_constants.STATUS.UPDATED);
|
|
110
|
+
}
|
|
111
|
+
}
|
|
88
112
|
}, {
|
|
89
113
|
key: "componentWillUnmount",
|
|
90
114
|
value: function componentWillUnmount() {
|
|
91
115
|
if (this.hideMessageTimer) {
|
|
92
116
|
clearTimeout(this.hideMessageTimer);
|
|
93
117
|
}
|
|
118
|
+
|
|
119
|
+
this.handleStatusChange(_constants.STATUS.UNMOUNTED);
|
|
120
|
+
}
|
|
121
|
+
}, {
|
|
122
|
+
key: "handleStatusChange",
|
|
123
|
+
value: function handleStatusChange(status) {
|
|
124
|
+
var onStatusChange = this.props.onStatusChange;
|
|
125
|
+
|
|
126
|
+
if (typeof onStatusChange == 'function') {
|
|
127
|
+
var notificationData = this.getNotiifcationData();
|
|
128
|
+
var currentTime = (0, _getCurrentTime["default"])();
|
|
129
|
+
onStatusChange(_objectSpread(_objectSpread({
|
|
130
|
+
status: status
|
|
131
|
+
}, notificationData), {}, {
|
|
132
|
+
time: currentTime
|
|
133
|
+
}));
|
|
134
|
+
}
|
|
94
135
|
}
|
|
95
136
|
}, {
|
|
96
137
|
key: "onClose",
|
|
@@ -102,42 +143,51 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
|
|
|
102
143
|
this.setState({
|
|
103
144
|
shadowClose: false
|
|
104
145
|
});
|
|
146
|
+
this.handleStatusChange(_constants.STATUS.DISMISSING);
|
|
105
147
|
hideMessage && hideMessage(id);
|
|
106
148
|
onClose && onClose(e);
|
|
107
149
|
}
|
|
108
150
|
}, {
|
|
109
|
-
key: "
|
|
110
|
-
value: function
|
|
151
|
+
key: "getNotiifcationData",
|
|
152
|
+
value: function getNotiifcationData() {
|
|
111
153
|
var _this$props3 = this.props,
|
|
112
|
-
type = _this$props3.type,
|
|
113
|
-
message = _this$props3.message,
|
|
114
|
-
hideMessage = _this$props3.hideMessage,
|
|
115
|
-
onClick = _this$props3.onClick,
|
|
116
|
-
_this$props3$i18nKeys = _this$props3.i18nKeys,
|
|
117
|
-
i18nKeys = _this$props3$i18nKeys === void 0 ? {} : _this$props3$i18nKeys,
|
|
118
|
-
customProps = _this$props3.customProps,
|
|
119
|
-
dataSelectorId = _this$props3.dataSelectorId,
|
|
120
154
|
id = _this$props3.id,
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
155
|
+
type = _this$props3.type,
|
|
156
|
+
message = _this$props3.message;
|
|
157
|
+
return {
|
|
158
|
+
id: id,
|
|
159
|
+
type: type,
|
|
160
|
+
message: message
|
|
161
|
+
};
|
|
162
|
+
}
|
|
163
|
+
}, {
|
|
164
|
+
key: "render",
|
|
165
|
+
value: function render() {
|
|
166
|
+
var _this$props4 = this.props,
|
|
167
|
+
hideMessage = _this$props4.hideMessage,
|
|
168
|
+
onClick = _this$props4.onClick,
|
|
169
|
+
_this$props4$i18nKeys = _this$props4.i18nKeys,
|
|
170
|
+
i18nKeys = _this$props4$i18nKeys === void 0 ? {} : _this$props4$i18nKeys,
|
|
171
|
+
customProps = _this$props4.customProps,
|
|
172
|
+
dataSelectorId = _this$props4.dataSelectorId,
|
|
173
|
+
needShadow = _this$props4.needShadow,
|
|
174
|
+
shadowCount = _this$props4.shadowCount,
|
|
175
|
+
eleRef = _this$props4.eleRef;
|
|
124
176
|
var shadowClose = this.state.shadowClose;
|
|
125
177
|
var _i18nKeys$closeTitle = i18nKeys.closeTitle,
|
|
126
178
|
closeTitle = _i18nKeys$closeTitle === void 0 ? 'Close' : _i18nKeys$closeTitle;
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
message: message,
|
|
179
|
+
var notificationData = this.getNotiifcationData();
|
|
180
|
+
return /*#__PURE__*/_react["default"].createElement(GlobalNotificationUI, _extends({}, notificationData, {
|
|
130
181
|
hideMessage: hideMessage,
|
|
131
182
|
onClick: onClick,
|
|
132
183
|
closeTitle: closeTitle,
|
|
133
184
|
customProps: customProps,
|
|
134
185
|
dataSelectorId: dataSelectorId,
|
|
135
|
-
id: id,
|
|
136
186
|
shadowCount: shadowCount,
|
|
137
187
|
onClose: this.onClose,
|
|
138
188
|
needShadow: shadowClose && needShadow,
|
|
139
189
|
eleRef: eleRef
|
|
140
|
-
});
|
|
190
|
+
}));
|
|
141
191
|
}
|
|
142
192
|
}]);
|
|
143
193
|
|
|
@@ -6,6 +6,8 @@ var _react2 = require("@testing-library/react");
|
|
|
6
6
|
|
|
7
7
|
var _GlobalNotification = _interopRequireDefault(require("../GlobalNotification"));
|
|
8
8
|
|
|
9
|
+
var _constants = require("../utils/constants");
|
|
10
|
+
|
|
9
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
12
|
|
|
11
13
|
describe('GlobalNotification', function () {
|
|
@@ -15,4 +17,12 @@ describe('GlobalNotification', function () {
|
|
|
15
17
|
|
|
16
18
|
expect(asFragment()).toMatchSnapshot();
|
|
17
19
|
});
|
|
20
|
+
});
|
|
21
|
+
describe('GlobalNotification Constants', function () {
|
|
22
|
+
test('should have correct constant values', function () {
|
|
23
|
+
expect(_constants.STATUS.MOUNTED).toBe('mounted');
|
|
24
|
+
expect(_constants.STATUS.UPDATED).toBe('updated');
|
|
25
|
+
expect(_constants.STATUS.DISMISSING).toBe('dismissing');
|
|
26
|
+
expect(_constants.STATUS.UNMOUNTED).toBe('unmounted');
|
|
27
|
+
});
|
|
18
28
|
});
|
|
@@ -20,12 +20,13 @@ var propTypes = {
|
|
|
20
20
|
customProps: _propTypes["default"].shape({
|
|
21
21
|
ExtraProps: _propTypes["default"].object
|
|
22
22
|
}),
|
|
23
|
-
id: _propTypes["default"].
|
|
23
|
+
id: _propTypes["default"].string,
|
|
24
24
|
hideTime: _propTypes["default"].number,
|
|
25
25
|
needAutoClose: _propTypes["default"].bool,
|
|
26
26
|
isCollapseView: _propTypes["default"].bool,
|
|
27
27
|
shadowCount: _propTypes["default"].number,
|
|
28
|
-
needShadow: _propTypes["default"].bool
|
|
28
|
+
needShadow: _propTypes["default"].bool,
|
|
29
|
+
onStatusChange: _propTypes["default"].func
|
|
29
30
|
};
|
|
30
31
|
exports.propTypes = propTypes;
|
|
31
32
|
var UI_propTypes = {
|
|
@@ -39,7 +40,7 @@ var UI_propTypes = {
|
|
|
39
40
|
}),
|
|
40
41
|
needShadow: _propTypes["default"].bool,
|
|
41
42
|
shadowCount: _propTypes["default"].number,
|
|
42
|
-
id: _propTypes["default"].
|
|
43
|
+
id: _propTypes["default"].string,
|
|
43
44
|
onClose: _propTypes["default"].func
|
|
44
45
|
};
|
|
45
46
|
exports.UI_propTypes = UI_propTypes;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.STATUS = void 0;
|
|
7
|
+
var STATUS = {
|
|
8
|
+
MOUNTED: 'mounted',
|
|
9
|
+
UNMOUNTED: 'unmounted',
|
|
10
|
+
UPDATED: 'updated',
|
|
11
|
+
DISMISSING: 'dismissing'
|
|
12
|
+
};
|
|
13
|
+
exports.STATUS = STATUS;
|