@zohodesk/dot 1.0.0-temp-193.4 → 1.0.0-temp-194
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.cli/PropUnificationExcludeFilesArray.js +344 -344
- package/.cli/PropValidationExcludeFilesArray.js +8 -8
- package/css_error.log +1 -1
- package/es/ActionButton/ActionButton.module.css +192 -192
- package/es/AlphabeticList/AlphabeticList.module.css +57 -57
- package/es/AttachmentViewer/AttachmentViewer.module.css +352 -352
- package/es/ChannelIcon/ChannelIcon.module.css +225 -225
- package/es/Drawer/Drawer.module.css +2 -2
- package/es/FormAction/FormAction.module.css +100 -100
- package/es/IconButton/IconButton.module.css +22 -22
- package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -316
- package/es/Message/Message.module.css +1 -1
- package/es/PlusIcon/PlusIcon.module.css +1 -1
- package/es/TagWithIcon/TagWithIcon.module.css +66 -66
- package/es/ToastMessage/ToastMessage.module.css +1 -1
- package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/es/{common → deprecated}/dot_boxShadow.module.css +2 -0
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
- package/es/form/fields/TextEditor/TextEditor.module.css +50 -63
- package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -26
- package/es/layout/SubtabLayout/SubtabLayout.module.css +164 -164
- package/es/list/Comment/Comment.module.css +29 -29
- package/es/list/Dot/Dot.module.css +15 -15
- package/es/list/DotNew/DotNew.module.css +2 -1
- package/es/list/ListLayout/ListLayout.module.css +79 -79
- package/es/list/Subject/Subject.module.css +34 -34
- package/es/list/TagNew/TagNew.module.css +1 -1
- package/es/list/Thread/Thread.module.css +42 -42
- package/es/lookup/Section/LookupSection.module.css +1 -1
- package/es/v1/svg/PlusIcon.js +1 -1
- package/es/v1/svg/SnippetIcon.js +2 -2
- package/es/version2/GlobalNotification/GlobalNotification.module.css +177 -177
- package/es/version2/alertIcons/AlertIcons.module.css +6 -3
- package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
- package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -3
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -131
- package/lib/ActionButton/ActionButton.module.css +192 -192
- package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
- package/lib/AttachmentViewer/AttachmentViewer.module.css +352 -352
- package/lib/ChannelIcon/ChannelIcon.module.css +225 -225
- package/lib/Drawer/Drawer.module.css +2 -2
- package/lib/FormAction/FormAction.module.css +100 -100
- package/lib/IconButton/IconButton.module.css +22 -22
- package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -316
- package/lib/Message/Message.module.css +1 -1
- package/lib/PlusIcon/PlusIcon.module.css +1 -1
- package/lib/TagWithIcon/TagWithIcon.module.css +66 -66
- package/lib/ToastMessage/ToastMessage.module.css +1 -1
- package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/lib/{common → deprecated}/dot_boxShadow.module.css +2 -0
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
- package/lib/form/fields/TextEditor/TextEditor.module.css +50 -63
- package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -26
- package/lib/layout/SubtabLayout/SubtabLayout.module.css +164 -164
- package/lib/list/Comment/Comment.module.css +29 -29
- package/lib/list/Dot/Dot.module.css +15 -15
- package/lib/list/DotNew/DotNew.module.css +2 -1
- package/lib/list/ListLayout/ListLayout.module.css +79 -79
- package/lib/list/Subject/Subject.module.css +34 -34
- package/lib/list/TagNew/TagNew.module.css +1 -1
- package/lib/list/Thread/Thread.module.css +42 -42
- package/lib/lookup/Section/LookupSection.module.css +1 -1
- package/lib/v1/svg/PlusIcon.js +1 -1
- package/lib/v1/svg/SnippetIcon.js +2 -2
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +177 -177
- package/lib/version2/alertIcons/AlertIcons.module.css +6 -3
- package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
- package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -3
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -131
- package/package.json +15 -12
- package/propValidationArg.json +11 -11
- package/result.json +1 -1
- package/unittest/index.html +1 -1
- package/es/v1/DotProvider/DotProvider.js +0 -43
- package/es/v1/DotProvider/downloadAssets.js +0 -34
- package/es/v1/DotProvider/libraryChunks/dynamicImports.js +0 -56
- package/es/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -3
- package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +0 -1
- package/es/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +0 -1
- package/es/v1/DotProvider/props/defaultProps.js +0 -13
- package/es/v1/DotProvider/props/propTypes.js +0 -14
- package/es/v1/DotProvider/useDotProvider.js +0 -42
- package/es/v1/DotProvider/utils/appearanceProperties.js +0 -46
- package/es/v1/DotProvider/utils/errorValidation.js +0 -13
- package/es/v1/DotProvider/utils/importFiles.js +0 -17
- package/es/v1/DotProvider/utils/sizeProperties.js +0 -12
- package/es/v1/DotProvider/utils/themeProperties.js +0 -220
- package/lib/v1/DotProvider/DotProvider.js +0 -71
- package/lib/v1/DotProvider/downloadAssets.js +0 -40
- package/lib/v1/DotProvider/libraryChunks/dynamicImports.js +0 -75
- package/lib/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -7
- package/lib/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +0 -3
- package/lib/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +0 -3
- package/lib/v1/DotProvider/props/defaultProps.js +0 -20
- package/lib/v1/DotProvider/props/propTypes.js +0 -25
- package/lib/v1/DotProvider/useDotProvider.js +0 -58
- package/lib/v1/DotProvider/utils/appearanceProperties.js +0 -79
- package/lib/v1/DotProvider/utils/errorValidation.js +0 -18
- package/lib/v1/DotProvider/utils/importFiles.js +0 -22
- package/lib/v1/DotProvider/utils/sizeProperties.js +0 -31
- package/lib/v1/DotProvider/utils/themeProperties.js +0 -325
package/unittest/index.html
CHANGED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React, { useRef } from "react";
|
|
2
|
-
import { defaultProps } from './props/defaultProps';
|
|
3
|
-
import { propTypes } from './props/propTypes';
|
|
4
|
-
import useDotProvider from "./useDotProvider";
|
|
5
|
-
|
|
6
|
-
function DotProvider(props) {
|
|
7
|
-
const {
|
|
8
|
-
$ui_tag: Tag = React.Fragment,
|
|
9
|
-
$ui_appearance,
|
|
10
|
-
$ui_theme,
|
|
11
|
-
$ui_baseZoomUnit,
|
|
12
|
-
$ui_baseFontUnit,
|
|
13
|
-
$method_providerElement,
|
|
14
|
-
$method_getAssetPromise,
|
|
15
|
-
$data_zoomUnitVariableName,
|
|
16
|
-
$data_fontUnitVariableName,
|
|
17
|
-
$data_modeDataAttribute,
|
|
18
|
-
$data_themeDataAttribute,
|
|
19
|
-
children,
|
|
20
|
-
...rest
|
|
21
|
-
} = props;
|
|
22
|
-
const internalRef = useRef(null);
|
|
23
|
-
useDotProvider({
|
|
24
|
-
appearance: $ui_appearance,
|
|
25
|
-
theme: $ui_theme,
|
|
26
|
-
baseZoomUnit: $ui_baseZoomUnit,
|
|
27
|
-
baseFontUnit: $ui_baseFontUnit,
|
|
28
|
-
providerElement: Tag !== React.Fragment ? () => internalRef.current : $method_providerElement,
|
|
29
|
-
getAssetPromise: $method_getAssetPromise,
|
|
30
|
-
zoomUnitVariableName: $data_zoomUnitVariableName,
|
|
31
|
-
fontUnitVariableName: $data_fontUnitVariableName,
|
|
32
|
-
modeDataAttribute: $data_modeDataAttribute,
|
|
33
|
-
themeDataAttribute: $data_themeDataAttribute
|
|
34
|
-
});
|
|
35
|
-
return /*#__PURE__*/React.createElement(Tag, {
|
|
36
|
-
ref: internalRef,
|
|
37
|
-
...rest
|
|
38
|
-
}, children);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
DotProvider.propTypes = propTypes;
|
|
42
|
-
DotProvider.defaultProps = defaultProps;
|
|
43
|
-
export default DotProvider;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { getAppearance, getTheme, getZoomSize, getFontSize } from './libraryChunks/dynamicImports';
|
|
2
|
-
export function downloadAssets(_ref) {
|
|
3
|
-
let {
|
|
4
|
-
appearance,
|
|
5
|
-
theme,
|
|
6
|
-
baseZoomUnit,
|
|
7
|
-
baseFontUnit,
|
|
8
|
-
providerElement,
|
|
9
|
-
zoomUnitVariableName,
|
|
10
|
-
fontUnitVariableName,
|
|
11
|
-
modeDataAttribute,
|
|
12
|
-
themeDataAttribute
|
|
13
|
-
} = _ref;
|
|
14
|
-
const promises = [];
|
|
15
|
-
const libAppearance = getAppearance(appearance);
|
|
16
|
-
promises.push(libAppearance);
|
|
17
|
-
const libTheme = getTheme(appearance, theme);
|
|
18
|
-
promises.push(libTheme);
|
|
19
|
-
const zoomSize = getZoomSize();
|
|
20
|
-
promises.push(zoomSize);
|
|
21
|
-
const fontSize = getFontSize();
|
|
22
|
-
promises.push(fontSize);
|
|
23
|
-
const resolvedZoomUnit = !isNaN(Number(baseZoomUnit)) ? `${Number(baseZoomUnit)}px` : baseZoomUnit;
|
|
24
|
-
const providerElem = providerElement();
|
|
25
|
-
|
|
26
|
-
if (providerElem) {
|
|
27
|
-
providerElem.style.setProperty(zoomUnitVariableName, resolvedZoomUnit);
|
|
28
|
-
providerElem.style.setProperty(fontUnitVariableName, baseFontUnit);
|
|
29
|
-
providerElem.setAttribute(modeDataAttribute, appearance);
|
|
30
|
-
providerElem.setAttribute(themeDataAttribute, theme);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
return Promise.all(promises);
|
|
34
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { importFiles } from "../../../../es/v1/DotProvider/utils/importFiles";
|
|
2
|
-
import { appearanceImports, appearanceMapping } from "../utils/appearanceProperties";
|
|
3
|
-
import { themeImports, themeMapping } from "../utils/themeProperties";
|
|
4
|
-
import { imports, mapping } from "../utils/sizeProperties";
|
|
5
|
-
import { errorValidation } from "../utils/errorValidation";
|
|
6
|
-
const defaultLib = ['component', 'dot', 'svg'];
|
|
7
|
-
const modeArray = ['light', 'dark', 'pureDark'];
|
|
8
|
-
const themeArray = ['blue', 'green', 'orange', 'red', 'yellow'];
|
|
9
|
-
export function getAppearance(mode) {
|
|
10
|
-
try {
|
|
11
|
-
const libArray = defaultLib;
|
|
12
|
-
errorValidation({
|
|
13
|
-
options: modeArray,
|
|
14
|
-
value: mode,
|
|
15
|
-
type: 'appearance'
|
|
16
|
-
});
|
|
17
|
-
const importFilesArray = [];
|
|
18
|
-
libArray.map(libName => {
|
|
19
|
-
const importFile = appearanceMapping[libName][mode];
|
|
20
|
-
importFilesArray.push(importFile);
|
|
21
|
-
});
|
|
22
|
-
return importFiles({
|
|
23
|
-
file: importFilesArray,
|
|
24
|
-
imports: appearanceImports
|
|
25
|
-
});
|
|
26
|
-
} catch (error) {
|
|
27
|
-
console.log('Error: ', error);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
export function getTheme(mode, theme) {
|
|
31
|
-
try {
|
|
32
|
-
const libArray = defaultLib;
|
|
33
|
-
errorValidation({
|
|
34
|
-
options: themeArray,
|
|
35
|
-
value: theme,
|
|
36
|
-
type: 'theme'
|
|
37
|
-
});
|
|
38
|
-
const importFilesArray = [];
|
|
39
|
-
libArray.map(libName => {
|
|
40
|
-
const importFile = themeMapping[libName][theme][mode];
|
|
41
|
-
importFilesArray.push(importFile);
|
|
42
|
-
});
|
|
43
|
-
return importFiles({
|
|
44
|
-
file: importFilesArray,
|
|
45
|
-
imports: themeImports
|
|
46
|
-
});
|
|
47
|
-
} catch (error) {
|
|
48
|
-
console.log('Error: ', error);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
export function getZoomSize() {
|
|
52
|
-
return imports[mapping.zoomSize]();
|
|
53
|
-
}
|
|
54
|
-
export function getFontSize() {
|
|
55
|
-
return imports[mapping.fontSize]();
|
|
56
|
-
}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css';
|
package/es/v1/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css';
|
package/es/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css';
|
|
2
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css';
|
|
3
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './../../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/light/themes/blue/blue_SVGTheme_LightTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/dark/themes/green/green_SVGTheme_DarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/light/themes/green/green_SVGTheme_LightTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/pureDark/themes/green/green_SVGTheme_PureDarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/dark/themes/orange/orange_SVGTheme_DarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/light/themes/orange/orange_SVGTheme_LightTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/pureDark/themes/orange/orange_SVGTheme_PureDarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/dark/themes/red/red_SVGTheme_DarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/light/themes/red/red_SVGTheme_LightTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/pureDark/themes/red/red_SVGTheme_PureDarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/dark/themes/yellow/yellow_SVGTheme_DarkTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/light/themes/yellow/yellow_SVGTheme_LightTheme.module.css';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@zohodesk/svg/assets/Appearance/pureDark/themes/yellow/yellow_SVGTheme_PureDarkTheme.module.css';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export const defaultProps = {
|
|
2
|
-
$ui_appearance: 'light',
|
|
3
|
-
$ui_theme: 'blue',
|
|
4
|
-
$ui_baseZoomUnit: '1px',
|
|
5
|
-
$ui_baseFontUnit: '16px',
|
|
6
|
-
$method_providerElement: () => {
|
|
7
|
-
return document.documentElement;
|
|
8
|
-
},
|
|
9
|
-
$data_zoomUnitVariableName: '--zd_baseUnit',
|
|
10
|
-
$data_fontUnitVariableName: '--zd_baseFontUnit',
|
|
11
|
-
$data_modeDataAttribute: 'data-mode',
|
|
12
|
-
$data_themeDataAttribute: 'data-theme'
|
|
13
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import PropTypes from 'prop-types';
|
|
2
|
-
export const propTypes = {
|
|
3
|
-
$ui_appearance: PropTypes.oneOf(['light', 'dark', 'pureDark']),
|
|
4
|
-
$ui_theme: PropTypes.oneOf(['blue', 'green', 'orange', 'red', 'yellow']),
|
|
5
|
-
$ui_baseZoomUnit: PropTypes.string,
|
|
6
|
-
$ui_baseFontUnit: PropTypes.string,
|
|
7
|
-
$method_providerElement: PropTypes.func,
|
|
8
|
-
$method_getAssetPromise: PropTypes.func,
|
|
9
|
-
$data_zoomUnitVariableName: PropTypes.string,
|
|
10
|
-
$data_fontUnitVariableName: PropTypes.string,
|
|
11
|
-
$data_modeDataAttribute: PropTypes.string,
|
|
12
|
-
$data_themeDataAttribute: PropTypes.string,
|
|
13
|
-
children: PropTypes.element
|
|
14
|
-
};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { useLayoutEffect } from 'react';
|
|
2
|
-
import { downloadAssets } from './downloadAssets';
|
|
3
|
-
import '@zohodesk/components/assets/Contrast/lightContrastLightness.module.css';
|
|
4
|
-
import '@zohodesk/components/assets/Contrast/darkContrastLightness.module.css';
|
|
5
|
-
import '@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css';
|
|
6
|
-
import '@zohodesk/variables/assets/colorVariables.module.css';
|
|
7
|
-
import '@zohodesk/variables/assets/dotVariables.module.css';
|
|
8
|
-
import '@zohodesk/components/es/common/basic.module.css';
|
|
9
|
-
import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
|
|
10
|
-
import '@zohodesk/components/lib/common/boxShadow.module.css';
|
|
11
|
-
import '../../common/dot_boxShadow.module.css';
|
|
12
|
-
|
|
13
|
-
function useDotProvider(_ref) {
|
|
14
|
-
let {
|
|
15
|
-
appearance,
|
|
16
|
-
theme,
|
|
17
|
-
baseZoomUnit,
|
|
18
|
-
baseFontUnit,
|
|
19
|
-
providerElement,
|
|
20
|
-
getAssetPromise,
|
|
21
|
-
zoomUnitVariableName,
|
|
22
|
-
fontUnitVariableName,
|
|
23
|
-
modeDataAttribute,
|
|
24
|
-
themeDataAttribute
|
|
25
|
-
} = _ref;
|
|
26
|
-
useLayoutEffect(() => {
|
|
27
|
-
const assetPromise = downloadAssets({
|
|
28
|
-
appearance,
|
|
29
|
-
theme,
|
|
30
|
-
baseZoomUnit,
|
|
31
|
-
baseFontUnit,
|
|
32
|
-
providerElement,
|
|
33
|
-
zoomUnitVariableName,
|
|
34
|
-
fontUnitVariableName,
|
|
35
|
-
modeDataAttribute,
|
|
36
|
-
themeDataAttribute
|
|
37
|
-
});
|
|
38
|
-
getAssetPromise && getAssetPromise(assetPromise);
|
|
39
|
-
}, [appearance, theme, baseZoomUnit, baseFontUnit, providerElement, getAssetPromise, zoomUnitVariableName, fontUnitVariableName, modeDataAttribute, themeDataAttribute]);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
export default useDotProvider;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
export const appearanceImports = {
|
|
2
|
-
Lib_LightMode_Component: () => import(
|
|
3
|
-
/* webpackChunkName: 'Lib_LightMode_Component' */
|
|
4
|
-
'@zohodesk/components/assets/Appearance/light/mode/Component_LightMode.module.css'),
|
|
5
|
-
Lib_DarkMode_Component: () => import(
|
|
6
|
-
/* webpackChunkName: 'Lib_DarkMode_Component' */
|
|
7
|
-
'@zohodesk/components/assets/Appearance/dark/mode/Component_DarkMode.module.css'),
|
|
8
|
-
Lib_PureDarkMode_Component: () => import(
|
|
9
|
-
/* webpackChunkName: 'Lib_PureDarkMode_Component' */
|
|
10
|
-
'@zohodesk/components/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css'),
|
|
11
|
-
Lib_LightMode_Dot: () => import(
|
|
12
|
-
/* webpackChunkName: 'Lib_LightMode_Dot' */
|
|
13
|
-
'./../../../../assets/Appearance/light/mode/Dot_LightMode.module.css'),
|
|
14
|
-
Lib_DarkMode_Dot: () => import(
|
|
15
|
-
/* webpackChunkName: 'Lib_DarkMode_Dot' */
|
|
16
|
-
'./../../../../assets/Appearance/dark/mode/Dot_DarkMode.module.css'),
|
|
17
|
-
Lib_PureDarkMode_Dot: () => import(
|
|
18
|
-
/* webpackChunkName: 'Lib_PureDarkMode_Dot' */
|
|
19
|
-
'./../../../../assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css'),
|
|
20
|
-
Lib_LightMode_SVG: () => import(
|
|
21
|
-
/* webpackChunkName: 'Lib_LightMode_SVG' */
|
|
22
|
-
'@zohodesk/svg/assets/Appearance/light/mode/SVG_LightMode.module.css'),
|
|
23
|
-
Lib_DarkMode_SVG: () => import(
|
|
24
|
-
/* webpackChunkName: 'Lib_DarkMode_SVG' */
|
|
25
|
-
'@zohodesk/svg/assets/Appearance/dark/mode/SVG_DarkMode.module.css'),
|
|
26
|
-
Lib_PureDarkMode_SVG: () => import(
|
|
27
|
-
/* webpackChunkName: 'Lib_PureDarkMode_SVG' */
|
|
28
|
-
'@zohodesk/svg/assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css')
|
|
29
|
-
};
|
|
30
|
-
export const appearanceMapping = {
|
|
31
|
-
component: {
|
|
32
|
-
light: 'Lib_LightMode_Component',
|
|
33
|
-
dark: 'Lib_DarkMode_Component',
|
|
34
|
-
pureDark: 'Lib_PureDarkMode_Component'
|
|
35
|
-
},
|
|
36
|
-
dot: {
|
|
37
|
-
light: 'Lib_LightMode_Dot',
|
|
38
|
-
dark: 'Lib_DarkMode_Dot',
|
|
39
|
-
pureDark: 'Lib_PureDarkMode_Dot'
|
|
40
|
-
},
|
|
41
|
-
svg: {
|
|
42
|
-
light: 'Lib_LightMode_SVG',
|
|
43
|
-
dark: 'Lib_DarkMode_SVG',
|
|
44
|
-
pureDark: 'Lib_PureDarkMode_SVG'
|
|
45
|
-
}
|
|
46
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export function errorValidation(_ref) {
|
|
2
|
-
let {
|
|
3
|
-
options,
|
|
4
|
-
value,
|
|
5
|
-
type
|
|
6
|
-
} = _ref;
|
|
7
|
-
|
|
8
|
-
if (!options.includes(value)) {
|
|
9
|
-
console.error(`We do not support the '${value} ${type}'. Please provide valid '${type}' values or check spelling. DotProvider supports light, dark and pureDark appearance & blue, green, orange, red & yellow theme.`);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
return;
|
|
13
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export function importFiles(_ref) {
|
|
2
|
-
let {
|
|
3
|
-
file,
|
|
4
|
-
imports
|
|
5
|
-
} = _ref;
|
|
6
|
-
const promises = [];
|
|
7
|
-
file.forEach(fileKey => {
|
|
8
|
-
if (imports[fileKey]) {
|
|
9
|
-
promises.push(imports[fileKey]());
|
|
10
|
-
} else {
|
|
11
|
-
console.error(`Import not found for ${fileKey} from ${imports}`);
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
return Promise.all(promises).catch(error => {
|
|
15
|
-
console.error(`Error importing files:`, error);
|
|
16
|
-
});
|
|
17
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export const imports = {
|
|
2
|
-
Lib_ZoomSize: () => import(
|
|
3
|
-
/* webpackChunkName: 'Lib_ZoomSize' */
|
|
4
|
-
'@zohodesk/variables/assets/sizeVariables.module.css'),
|
|
5
|
-
Lib_FontSize: () => import(
|
|
6
|
-
/* webpackChunkName: 'Lib_FontSize' */
|
|
7
|
-
'@zohodesk/variables/assets/fontsizeVariables.module.css')
|
|
8
|
-
};
|
|
9
|
-
export const mapping = {
|
|
10
|
-
zoomSize: 'Lib_ZoomSize',
|
|
11
|
-
fontSize: 'Lib_FontSize'
|
|
12
|
-
};
|