@zohodesk/dot 1.9.12 → 1.9.14

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 (167) hide show
  1. package/README.md +19 -6
  2. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +7 -7
  3. package/assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css +13 -0
  4. package/assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css +13 -0
  5. package/assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css +13 -0
  6. package/assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css +13 -0
  7. package/assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css +13 -0
  8. package/assets/Appearance/light/mode/Dot_LightMode.module.css +13 -13
  9. package/assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css +13 -0
  10. package/assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css +13 -0
  11. package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css +13 -0
  12. package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css +13 -0
  13. package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css +13 -0
  14. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +5 -5
  15. package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css +13 -0
  16. package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css +13 -0
  17. package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css +13 -0
  18. package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css +13 -0
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css +13 -0
  20. package/cbt.config.js +12 -3
  21. package/es/ActionButton/__tests__/ActionButton.spec.js +4 -5
  22. package/es/AttachmentViewer/AttachmentImage.js +3 -1
  23. package/es/AttachmentViewer/AttachmentViewer.js +340 -273
  24. package/es/AttachmentViewer/AttachmentViewer.module.css +8 -15
  25. package/es/AttachmentViewer/__tests__/AttachmentViewer.spec.js +104 -100
  26. package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +778 -1
  27. package/es/AttachmentViewer/props/defaultProps.js +4 -2
  28. package/es/AttachmentViewer/props/propTypes.js +9 -2
  29. package/es/AttachmentViewer/utils.js +6 -7
  30. package/es/AudioPlayer/utils/utils.js +2 -5
  31. package/es/DotProvider/hooks/useDotProvider.js +14 -15
  32. package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +12 -13
  33. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +2 -1
  34. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +2 -1
  35. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +2 -1
  36. package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +2 -1
  37. package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +2 -1
  38. package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +2 -1
  39. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +2 -1
  40. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +2 -1
  41. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +2 -1
  42. package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +2 -1
  43. package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +2 -1
  44. package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +2 -1
  45. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +2 -1
  46. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +2 -1
  47. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +2 -1
  48. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +1 -0
  49. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +1 -0
  50. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +1 -0
  51. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +1 -0
  52. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +1 -0
  53. package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +1 -0
  54. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +1 -0
  55. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +1 -0
  56. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +1 -0
  57. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +1 -0
  58. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +1 -0
  59. package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +1 -0
  60. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +1 -0
  61. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +1 -0
  62. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +1 -0
  63. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +1 -2
  64. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +1 -2
  65. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +1 -2
  66. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +1 -2
  67. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +1 -2
  68. package/es/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +1 -2
  69. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +1 -2
  70. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +1 -2
  71. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +1 -2
  72. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +1 -2
  73. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +1 -2
  74. package/es/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +1 -2
  75. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +1 -2
  76. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +1 -2
  77. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +1 -2
  78. package/es/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +3 -4
  79. package/es/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +4 -5
  80. package/es/DotProvider/utils/errorValidation.js +5 -6
  81. package/es/DotProvider/utils/getAssetsImportPromises.js +4 -5
  82. package/es/Drawer/Drawer.js +6 -8
  83. package/es/FreezeLayer/css/cssJSLogic.js +4 -5
  84. package/es/Hooks/Dragger/useDragger.js +5 -6
  85. package/es/Hooks/Dragger/utils/DraggerUtil.js +7 -8
  86. package/es/Hooks/useFreezeLayer.js +4 -5
  87. package/es/Link/Link.js +4 -3
  88. package/es/Link/props/propTypes.js +1 -0
  89. package/es/Onboarding/CarouselDots/CarouselDots.js +29 -32
  90. package/es/Onboarding/Onboarding.js +23 -24
  91. package/es/Onboarding/hooks/useOnboarding.js +4 -5
  92. package/es/Onboarding/hooks/useOnboardingSlider.js +5 -6
  93. package/es/deprecated/SelectDropdown/SelectDropdown.js +43 -47
  94. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +214 -225
  95. package/es/errorstate/Inconvenience/Inconvenience.js +32 -36
  96. package/es/errorstate/NoRequestFound/NoRequestFound.js +32 -36
  97. package/es/errorstate/PermissionPlay/PermissionPlay.js +31 -35
  98. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +32 -36
  99. package/es/errorstate/UnableToProcess/UnableToProcess.js +32 -36
  100. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +32 -36
  101. package/es/errorstate/WillBack/WillBack.js +30 -34
  102. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +81 -85
  103. package/es/list/status/StatusDropdown/StatusDropdown.js +109 -113
  104. package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +3 -4
  105. package/es/lookup/header/Search/Search.js +4 -5
  106. package/es/lookup/header/Search/__tests__/Search.spec.js +3 -4
  107. package/es/lookup/header/ViewDropDown/ViewDropDown.js +67 -75
  108. package/es/utils/General.js +2 -7
  109. package/es/utils/editorUtils.js +1 -5
  110. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +4 -5
  111. package/es/version2/notification/DesktopNotification/DesktopNotification.js +59 -63
  112. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +40 -44
  113. package/lib/AttachmentViewer/AttachmentImage.js +3 -1
  114. package/lib/AttachmentViewer/AttachmentViewer.js +158 -82
  115. package/lib/AttachmentViewer/AttachmentViewer.module.css +8 -15
  116. package/lib/AttachmentViewer/__tests__/AttachmentViewer.spec.js +100 -100
  117. package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +778 -1
  118. package/lib/AttachmentViewer/props/defaultProps.js +6 -2
  119. package/lib/AttachmentViewer/props/propTypes.js +9 -2
  120. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +3 -1
  121. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +3 -1
  122. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +3 -1
  123. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +3 -1
  124. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +3 -1
  125. package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +3 -1
  126. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +3 -1
  127. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +3 -1
  128. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +3 -1
  129. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +3 -1
  130. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +3 -1
  131. package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +3 -1
  132. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +3 -1
  133. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +3 -1
  134. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +3 -1
  135. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +2 -0
  136. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +2 -0
  137. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +2 -0
  138. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +2 -0
  139. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +2 -0
  140. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +2 -0
  141. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +2 -0
  142. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +2 -0
  143. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +2 -0
  144. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +2 -0
  145. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +2 -0
  146. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +2 -0
  147. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +2 -0
  148. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +2 -0
  149. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +2 -0
  150. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +1 -3
  151. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +1 -3
  152. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +1 -3
  153. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +1 -3
  154. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +1 -3
  155. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +1 -3
  156. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +1 -3
  157. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +1 -3
  158. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +1 -3
  159. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +1 -3
  160. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +1 -3
  161. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +1 -3
  162. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +1 -3
  163. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +1 -3
  164. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +1 -3
  165. package/lib/Link/Link.js +4 -3
  166. package/lib/Link/props/propTypes.js +1 -0
  167. package/package.json +12 -11
@@ -1,3 +1,4 @@
1
+ import { DUMMY_OBJECT } from "../../utils/General";
1
2
  export const AttachmentImage_defaultProps = {
2
3
  dataId: 'AttachmentImage',
3
4
  customClass: {
@@ -11,6 +12,7 @@ export const AttachmentViewer_defaultProps = {
11
12
  maintainZoom: false,
12
13
  isActive: false,
13
14
  dataId: 'AttachmentViewer',
14
- i18nKeys: {},
15
- customProps: {}
15
+ i18nKeys: DUMMY_OBJECT,
16
+ customProps: DUMMY_OBJECT,
17
+ hasCount: true
16
18
  };
@@ -2,6 +2,9 @@ import PropTypes from 'prop-types';
2
2
  import { propTypes as AvatarProps } from '@zohodesk/components/es/Avatar/props/propTypes';
3
3
  export const AttachmentImage_propTypes = {
4
4
  alt: PropTypes.string,
5
+ imageRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
6
+ current: PropTypes.any
7
+ })]),
5
8
  customClass: PropTypes.shape({
6
9
  customImageClass: PropTypes.string,
7
10
  customChildrenClass: PropTypes.string
@@ -29,7 +32,7 @@ export const AttachmentViewer_propTypes = {
29
32
  showText: PropTypes.string,
30
33
  previewUnsupportedText: PropTypes.string
31
34
  }),
32
- needDownload: PropTypes.string,
35
+ needDownload: PropTypes.bool,
33
36
  previewObj: PropTypes.object,
34
37
  responsiveId: PropTypes.string,
35
38
  maintainZoom: PropTypes.bool,
@@ -42,7 +45,11 @@ export const AttachmentViewer_propTypes = {
42
45
  document: PropTypes.arrayOf(PropTypes.string)
43
46
  }),
44
47
  renderUnSupportedElement: PropTypes.func,
48
+ renderCustomImagePreviewElement: PropTypes.func,
45
49
  customProps: PropTypes.shape({
46
50
  avatarProps: PropTypes.exact(AvatarProps)
47
- })
51
+ }),
52
+ hasCount: PropTypes.bool,
53
+ renderCustomIcons: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
54
+ onSelectedAttachmentChange: PropTypes.func
48
55
  };
@@ -175,13 +175,12 @@ export const SUPPORTED_FILE_EXTENSIONS = {
175
175
  exe: ['exe'],
176
176
  event: ['ics']
177
177
  };
178
- export function checkFileSourcesValidation(_ref) {
179
- let {
180
- fileName,
181
- viewURL,
182
- previewUrl,
183
- allowedPreviewExtensionsData
184
- } = _ref;
178
+ export function checkFileSourcesValidation({
179
+ fileName,
180
+ viewURL,
181
+ previewUrl,
182
+ allowedPreviewExtensionsData
183
+ }) {
185
184
  const extension = (getExtensionFromFileName(fileName) || '').toLowerCase();
186
185
 
187
186
  if (!extension) {
@@ -1,14 +1,11 @@
1
- export function openInNewTabWithNoopener(url) {
2
- let targetnName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '_blank';
1
+ export function openInNewTabWithNoopener(url, targetnName = '_blank') {
3
2
  const aTag = document.createElement('a');
4
3
  aTag.rel = 'noopener noreferrer';
5
4
  aTag.target = targetnName;
6
5
  aTag.href = url;
7
6
  aTag.click();
8
7
  }
9
- export function addLeadingZeros(number) {
10
- let desiredLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '2';
11
-
8
+ export function addLeadingZeros(number, desiredLength = '2') {
12
9
  if (typeof number !== 'undefined') {
13
10
  number = `${number}`;
14
11
  desiredLength = Number(desiredLength);
@@ -11,21 +11,20 @@ import '@zohodesk/variables/es/fontWeightVariables.module.css';
11
11
  import '@zohodesk/components/es/common/boxShadow.module.css';
12
12
  import "../../common/dot_boxShadow.module.css";
13
13
 
14
- function useDotProvider(_ref) {
15
- let {
16
- themeAppearance,
17
- themeColor,
18
- baseZoomUnit,
19
- baseFontUnit,
20
- getProviderElement,
21
- zoomUnitVariable,
22
- fontUnitVariable,
23
- excludeFeatures,
24
- themeAppearanceAttr,
25
- themeColorAttr,
26
- onAssetsDownloadSuccess,
27
- getAssetsPromises
28
- } = _ref;
14
+ function useDotProvider({
15
+ themeAppearance,
16
+ themeColor,
17
+ baseZoomUnit,
18
+ baseFontUnit,
19
+ getProviderElement,
20
+ zoomUnitVariable,
21
+ fontUnitVariable,
22
+ excludeFeatures,
23
+ themeAppearanceAttr,
24
+ themeColorAttr,
25
+ onAssetsDownloadSuccess,
26
+ getAssetsPromises
27
+ }) {
29
28
  const assetsPromises = useDownloadAssetsAndSetAttr({
30
29
  themeAppearance,
31
30
  themeColor,
@@ -3,19 +3,18 @@ import { getThemeAppearanceAssetPromise } from "../utils/assetPromiseHandlers/th
3
3
  import { getThemeColorAssetPromise } from "../utils/assetPromiseHandlers/themeColorAssetPromise.js";
4
4
  import { getFontSizeAssetPromise } from "../utils/assetPromiseHandlers/fontSizeAssetPromise.js";
5
5
  import { getZoomSizeAssetPromise } from "../utils/assetPromiseHandlers/zoomSizeAssetPromise.js";
6
- export default function useDownloadAssetsAndSetAttr(_ref) {
7
- let {
8
- themeAppearance,
9
- themeColor,
10
- baseZoomUnit,
11
- baseFontUnit,
12
- getProviderElement,
13
- zoomUnitVariable,
14
- fontUnitVariable,
15
- excludeFeatures,
16
- themeAppearanceAttr,
17
- themeColorAttr
18
- } = _ref;
6
+ export default function useDownloadAssetsAndSetAttr({
7
+ themeAppearance,
8
+ themeColor,
9
+ baseZoomUnit,
10
+ baseFontUnit,
11
+ getProviderElement,
12
+ zoomUnitVariable,
13
+ fontUnitVariable,
14
+ excludeFeatures,
15
+ themeAppearanceAttr,
16
+ themeColorAttr
17
+ }) {
19
18
  const excluded = useMemo(() => new Set(excludeFeatures), [excludeFeatures]);
20
19
  const needTheme = !excluded.has('theme');
21
20
  const needZoom = !excluded.has('zoom');
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_componentsCTA_DarkModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_componentsCTA_LightModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_componentsCTA_PureDarkModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/dark/themes/green/green_componentsCTA_DarkModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/light/themes/green/green_componentsCTA_LightModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_componentsCTA_PureDarkModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_componentsCTA_DarkModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_componentsCTA_LightModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_componentsCTA_PureDarkModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/dark/themes/red/red_componentsCTA_DarkModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/light/themes/red/red_componentsCTA_LightModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_componentsCTA_PureDarkModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_componentsCTA_DarkModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_componentsCTA_LightModifyCategory.module.css';
@@ -1 +1,2 @@
1
- import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css';
1
+ import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css';
2
+ import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_componentsCTA_PureDarkModifyCategory.module.css';
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css";
@@ -1 +1,2 @@
1
+ import "./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css";
1
2
  import "./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css";
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/dark/themes/blue/blue_ctaTokens_DarkTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/dark/themes/blue/blue_ctaTokens_DarkModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/dark/themes/blue/blue_ctaTokens_DarkTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/light/themes/blue/blue_ctaTokens_LightTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/light/themes/blue/blue_ctaTokens_LightModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/light/themes/blue/blue_ctaTokens_LightTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/pureDark/themes/blue/blue_ctaTokens_PureDarkTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/pureDark/themes/blue/blue_ctaTokens_PureDarkModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/pureDark/themes/blue/blue_ctaTokens_PureDarkTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/dark/themes/green/green_ctaTokens_DarkTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/dark/themes/green/green_ctaTokens_DarkModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/dark/themes/green/green_ctaTokens_DarkTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/light/themes/green/green_ctaTokens_LightTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/light/themes/green/green_ctaTokens_LightModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/light/themes/green/green_ctaTokens_LightTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/pureDark/themes/green/green_ctaTokens_PureDarkTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/pureDark/themes/green/green_ctaTokens_PureDarkModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/pureDark/themes/green/green_ctaTokens_PureDarkTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/dark/themes/orange/orange_ctaTokens_DarkTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/dark/themes/orange/orange_ctaTokens_DarkModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/dark/themes/orange/orange_ctaTokens_DarkTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/light/themes/orange/orange_ctaTokens_LightTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/light/themes/orange/orange_ctaTokens_LightModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/light/themes/orange/orange_ctaTokens_LightTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/pureDark/themes/orange/orange_ctaTokens_PureDarkTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/pureDark/themes/orange/orange_ctaTokens_PureDarkModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/pureDark/themes/orange/orange_ctaTokens_PureDarkTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/dark/themes/red/red_ctaTokens_DarkTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/dark/themes/red/red_ctaTokens_DarkModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/dark/themes/red/red_ctaTokens_DarkTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/light/themes/red/red_ctaTokens_LightTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/light/themes/red/red_ctaTokens_LightModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/light/themes/red/red_ctaTokens_LightTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/pureDark/themes/red/red_ctaTokens_PureDarkTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/pureDark/themes/red/red_ctaTokens_PureDarkModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/pureDark/themes/red/red_ctaTokens_PureDarkTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/dark/themes/yellow/yellow_ctaTokens_DarkTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/dark/themes/yellow/yellow_ctaTokens_DarkModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/dark/themes/yellow/yellow_ctaTokens_DarkTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/light/themes/yellow/yellow_ctaTokens_LightTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/light/themes/yellow/yellow_ctaTokens_LightModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/light/themes/yellow/yellow_ctaTokens_LightTheme.module.css';
@@ -1,2 +1 @@
1
- import '@zohodesk/variables/assets/Appearance/pureDark/themes/yellow/yellow_ctaTokens_PureDarkTheme.module.css';
2
- import '@zohodesk/variables/assets/Appearance/pureDark/themes/yellow/yellow_ctaTokens_PureDarkModifyCategory.module.css';
1
+ import '@zohodesk/variables/assets/Appearance/pureDark/themes/yellow/yellow_ctaTokens_PureDarkTheme.module.css';
@@ -2,10 +2,9 @@ import { getAssetsImportPromises } from "../getAssetsImportPromises";
2
2
  import { themeAppearanceImports, themeAppearanceMapping } from "../themeAppearanceAssetsConfig";
3
3
  import { validateAndLogError } from "../errorValidation";
4
4
  import { LIBRARIES, THEME_APPEARANCES } from "../constants";
5
- export function getThemeAppearanceAssetPromise(_ref) {
6
- let {
7
- themeAppearance
8
- } = _ref;
5
+ export function getThemeAppearanceAssetPromise({
6
+ themeAppearance
7
+ }) {
9
8
  const isError = validateAndLogError({
10
9
  options: THEME_APPEARANCES,
11
10
  value: themeAppearance,
@@ -2,11 +2,10 @@ import { getAssetsImportPromises } from "../getAssetsImportPromises";
2
2
  import { themeColorImports, themeColorMapping } from "../themeColorAssetsConfig";
3
3
  import { validateAndLogError } from "../errorValidation";
4
4
  import { LIBRARIES, THEME_COLORS } from "../constants";
5
- export function getThemeColorAssetPromise(_ref) {
6
- let {
7
- themeAppearance,
8
- themeColor
9
- } = _ref;
5
+ export function getThemeColorAssetPromise({
6
+ themeAppearance,
7
+ themeColor
8
+ }) {
10
9
  const isError = validateAndLogError({
11
10
  options: THEME_COLORS,
12
11
  value: themeColor,
@@ -1,10 +1,9 @@
1
1
  import { THEME_APPEARANCES, THEME_COLORS } from "./constants";
2
- export function validateAndLogError(_ref) {
3
- let {
4
- options,
5
- value,
6
- type
7
- } = _ref;
2
+ export function validateAndLogError({
3
+ options,
4
+ value,
5
+ type
6
+ }) {
8
7
  let isError = !options.includes(value);
9
8
 
10
9
  if (isError) {
@@ -1,8 +1,7 @@
1
- export function getAssetsImportPromises(_ref) {
2
- let {
3
- assetImportKeys,
4
- assetImports
5
- } = _ref;
1
+ export function getAssetsImportPromises({
2
+ assetImportKeys,
3
+ assetImports
4
+ }) {
6
5
  const promises = [];
7
6
  assetImportKeys.forEach(importKey => {
8
7
  const assetURL = assetImports[importKey];
@@ -210,10 +210,9 @@ export default class Drawer extends React.Component {
210
210
  }, content) : content);
211
211
  }
212
212
 
213
- responsiveFunc(_ref) {
214
- let {
215
- mediaQueryOR
216
- } = _ref;
213
+ responsiveFunc({
214
+ mediaQueryOR
215
+ }) {
217
216
  return {
218
217
  uptoTablet: mediaQueryOR([{
219
218
  maxWidth: 768
@@ -243,10 +242,9 @@ export default class Drawer extends React.Component {
243
242
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
244
243
  query: this.responsiveFunc,
245
244
  responsiveId: responsiveId
246
- }, _ref2 => {
247
- let {
248
- uptoTablet
249
- } = _ref2;
245
+ }, ({
246
+ uptoTablet
247
+ }) => {
250
248
  let styleByResolutions = `${subDrawerClass} ${style.secondDrawer} ${uptoTablet ? `${style.secondMobDrawer} ${style.mbleSize}` : `${style[subDrawerSize]}`} `;
251
249
  return needFreeze ? /*#__PURE__*/React.createElement(FreezeLayer, {
252
250
  onClick: onClose,
@@ -1,9 +1,8 @@
1
1
  import { compileClassNames } from '@zohodesk/utils';
2
- export default function cssJSLogic(_ref) {
3
- let {
4
- props,
5
- style
6
- } = _ref;
2
+ export default function cssJSLogic({
3
+ props,
4
+ style
5
+ }) {
7
6
  let {
8
7
  zIndex,
9
8
  palette,
@@ -9,12 +9,11 @@ import defaultProps from "./props/defaultProps";
9
9
  import propTypes from "./props/propTypes"; //CSS
10
10
 
11
11
  import style from "./css/Dragger.module.css";
12
- export default function useDragger(_ref) {
13
- let {
14
- isActive,
15
- ChildRef,
16
- boundaryLimit = getDotLibraryConfig('boundaryLimit')
17
- } = _ref;
12
+ export default function useDragger({
13
+ isActive,
14
+ ChildRef,
15
+ boundaryLimit = getDotLibraryConfig('boundaryLimit')
16
+ }) {
18
17
  const draggableEle = useRef(null);
19
18
  const parentEle = useRef(null);
20
19
  const offset = useRef({
@@ -1,11 +1,10 @@
1
- export function DragPosCalc(_ref) {
2
- let {
3
- x,
4
- y,
5
- element,
6
- dragWrapper,
7
- boundaryLimit
8
- } = _ref;
1
+ export function DragPosCalc({
2
+ x,
3
+ y,
4
+ element,
5
+ dragWrapper,
6
+ boundaryLimit
7
+ }) {
9
8
  let {
10
9
  top,
11
10
  left,
@@ -1,11 +1,10 @@
1
1
  import React, { useRef, useState, useEffect } from 'react';
2
2
  import { isTextSelected, cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
3
3
  import { getDotLibraryConfig } from "../Provider/Config";
4
- export default function useFreezeLayer(_ref) {
5
- let {
6
- isActive: propsActive,
7
- onClick
8
- } = _ref;
4
+ export default function useFreezeLayer({
5
+ isActive: propsActive,
6
+ onClick
7
+ }) {
9
8
  const [isActive, setActive] = useState(propsActive);
10
9
  const [isChildActive, setChildActive] = useState(false);
11
10
  let isFreezeLayerEnabled = useRef(false);
package/es/Link/Link.js CHANGED
@@ -61,7 +61,8 @@ export default class Link extends React.Component {
61
61
  rel,
62
62
  dataId,
63
63
  customProps,
64
- ariaLabel
64
+ ariaLabel,
65
+ downloadName
65
66
  } = this.props;
66
67
  let {
67
68
  isLink,
@@ -71,10 +72,10 @@ export default class Link extends React.Component {
71
72
  let option = {};
72
73
 
73
74
  if (download) {
74
- option.download = true;
75
+ option.download = downloadName || true;
75
76
  }
76
77
 
77
- let ignoreKeys = ['children', 'href', 'target', 'urlData', 'urlName', 'className', 'title', 'download', 'rel', 'dataId', 'hasReload', 'customProps', 'option', 'ariaLabel'];
78
+ let ignoreKeys = ['children', 'href', 'target', 'urlData', 'urlName', 'className', 'title', 'download', 'downloadName', 'rel', 'dataId', 'hasReload', 'customProps', 'option', 'ariaLabel'];
78
79
  let others = Object.keys(this.props).filter(key => ignoreKeys.indexOf(key) == -1).reduce((res, key) => {
79
80
  res[key] = this.props[key];
80
81
  return res;
@@ -13,6 +13,7 @@ export const propTypes = {
13
13
  customProps: PropTypes.object,
14
14
  onClick: PropTypes.func,
15
15
  download: PropTypes.bool,
16
+ downloadName: PropTypes.string,
16
17
  ariaLabel: PropTypes.string,
17
18
  key: PropTypes.string
18
19
  };