@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.
- package/README.md +19 -6
- package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +7 -7
- package/assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css +13 -0
- package/assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css +13 -0
- package/assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css +13 -0
- package/assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css +13 -0
- package/assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css +13 -0
- package/assets/Appearance/light/mode/Dot_LightMode.module.css +13 -13
- package/assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css +13 -0
- package/assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css +13 -0
- package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css +13 -0
- package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css +13 -0
- package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css +13 -0
- package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +5 -5
- package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css +13 -0
- package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css +13 -0
- package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css +13 -0
- package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css +13 -0
- package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css +13 -0
- package/cbt.config.js +12 -3
- package/es/ActionButton/__tests__/ActionButton.spec.js +4 -5
- package/es/AttachmentViewer/AttachmentImage.js +3 -1
- package/es/AttachmentViewer/AttachmentViewer.js +340 -273
- package/es/AttachmentViewer/AttachmentViewer.module.css +8 -15
- package/es/AttachmentViewer/__tests__/AttachmentViewer.spec.js +104 -100
- package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +778 -1
- package/es/AttachmentViewer/props/defaultProps.js +4 -2
- package/es/AttachmentViewer/props/propTypes.js +9 -2
- package/es/AttachmentViewer/utils.js +6 -7
- package/es/AudioPlayer/utils/utils.js +2 -5
- package/es/DotProvider/hooks/useDotProvider.js +14 -15
- package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +12 -13
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +2 -1
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +1 -2
- package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +1 -2
- package/es/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +3 -4
- package/es/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +4 -5
- package/es/DotProvider/utils/errorValidation.js +5 -6
- package/es/DotProvider/utils/getAssetsImportPromises.js +4 -5
- package/es/Drawer/Drawer.js +6 -8
- package/es/FreezeLayer/css/cssJSLogic.js +4 -5
- package/es/Hooks/Dragger/useDragger.js +5 -6
- package/es/Hooks/Dragger/utils/DraggerUtil.js +7 -8
- package/es/Hooks/useFreezeLayer.js +4 -5
- package/es/Link/Link.js +4 -3
- package/es/Link/props/propTypes.js +1 -0
- package/es/Onboarding/CarouselDots/CarouselDots.js +29 -32
- package/es/Onboarding/Onboarding.js +23 -24
- package/es/Onboarding/hooks/useOnboarding.js +4 -5
- package/es/Onboarding/hooks/useOnboardingSlider.js +5 -6
- package/es/deprecated/SelectDropdown/SelectDropdown.js +43 -47
- package/es/dropdown/ToggleDropDown/ToggleDropDown.js +214 -225
- package/es/errorstate/Inconvenience/Inconvenience.js +32 -36
- package/es/errorstate/NoRequestFound/NoRequestFound.js +32 -36
- package/es/errorstate/PermissionPlay/PermissionPlay.js +31 -35
- package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +32 -36
- package/es/errorstate/UnableToProcess/UnableToProcess.js +32 -36
- package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +32 -36
- package/es/errorstate/WillBack/WillBack.js +30 -34
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +81 -85
- package/es/list/status/StatusDropdown/StatusDropdown.js +109 -113
- package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +3 -4
- package/es/lookup/header/Search/Search.js +4 -5
- package/es/lookup/header/Search/__tests__/Search.spec.js +3 -4
- package/es/lookup/header/ViewDropDown/ViewDropDown.js +67 -75
- package/es/utils/General.js +2 -7
- package/es/utils/editorUtils.js +1 -5
- package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +4 -5
- package/es/version2/notification/DesktopNotification/DesktopNotification.js +59 -63
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +40 -44
- package/lib/AttachmentViewer/AttachmentImage.js +3 -1
- package/lib/AttachmentViewer/AttachmentViewer.js +158 -82
- package/lib/AttachmentViewer/AttachmentViewer.module.css +8 -15
- package/lib/AttachmentViewer/__tests__/AttachmentViewer.spec.js +100 -100
- package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +778 -1
- package/lib/AttachmentViewer/props/defaultProps.js +6 -2
- package/lib/AttachmentViewer/props/propTypes.js +9 -2
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +3 -1
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +1 -3
- package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +1 -3
- package/lib/Link/Link.js +4 -3
- package/lib/Link/props/propTypes.js +1 -0
- 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.
|
|
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(
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
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(
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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(
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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,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(
|
|
6
|
-
|
|
7
|
-
|
|
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(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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(
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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(
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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];
|
package/es/Drawer/Drawer.js
CHANGED
|
@@ -210,10 +210,9 @@ export default class Drawer extends React.Component {
|
|
|
210
210
|
}, content) : content);
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
responsiveFunc(
|
|
214
|
-
|
|
215
|
-
|
|
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
|
-
},
|
|
247
|
-
|
|
248
|
-
|
|
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,
|
|
@@ -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(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
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(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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;
|