@zohodesk/dot 1.0.0-temp-195.3 → 1.0.0-temp-198.2
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/UnValidatedFiles.html +1 -1
- package/.cli/propValidation_report.html +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/DotProvider/DotProvider.js +60 -0
- package/es/DotProvider/hooks/useDotProvider.js +55 -0
- package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +97 -0
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +3 -0
- 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/svg/blue/Blue_Dark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +1 -0
- package/es/DotProvider/props/defaultProps.js +11 -0
- package/es/DotProvider/props/propTypes.js +16 -0
- package/es/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js +4 -0
- package/es/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +28 -0
- package/es/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +29 -0
- package/es/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js +4 -0
- package/es/DotProvider/utils/constants.js +14 -0
- package/es/DotProvider/utils/errorValidation.js +17 -0
- package/es/DotProvider/utils/getAssetsImportPromises.js +17 -0
- package/es/DotProvider/utils/sizeAssetsConfig.js +12 -0
- package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +47 -0
- package/es/DotProvider/utils/themeColorAssetsConfig.js +221 -0
- package/es/FormAction/FormAction.module.css +100 -100
- package/es/IconButton/IconButton.module.css +22 -22
- package/es/ImportantNotes/__tests__/ImportantNotes.spec.js +96 -0
- package/es/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +333 -0
- package/es/TagWithIcon/TagWithIcon.module.css +66 -66
- package/es/Upload/__tests__/Upload.spec.js +140 -0
- package/es/Upload/__tests__/__snapshots__/Upload.spec.js.snap +459 -0
- package/es/Upload/props/propTypes.js +1 -1
- package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/es/common/dot_boxShadow.module.css +0 -2
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
- package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- 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/ListLayout/ListLayout.module.css +79 -79
- package/es/list/Subject/Subject.module.css +34 -34
- package/es/list/Thread/Thread.module.css +42 -42
- package/es/version2/GlobalNotification/GlobalNotification.module.css +177 -177
- package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -132
- 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/DotProvider/DotProvider.js +88 -0
- package/lib/DotProvider/hooks/useDotProvider.js +83 -0
- package/lib/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +119 -0
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +3 -0
- package/lib/DotProvider/props/defaultProps.js +20 -0
- package/lib/DotProvider/props/propTypes.js +28 -0
- package/lib/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js +12 -0
- package/lib/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +39 -0
- package/lib/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +40 -0
- package/lib/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js +12 -0
- package/lib/DotProvider/utils/constants.js +34 -0
- package/lib/DotProvider/utils/errorValidation.js +25 -0
- package/lib/DotProvider/utils/getAssetsImportPromises.js +22 -0
- package/lib/DotProvider/utils/sizeAssetsConfig.js +31 -0
- package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +69 -0
- package/lib/DotProvider/utils/themeColorAssetsConfig.js +249 -0
- package/lib/FormAction/FormAction.module.css +100 -100
- package/lib/IconButton/IconButton.module.css +22 -22
- package/lib/ImportantNotes/__tests__/ImportantNotes.spec.js +96 -0
- package/lib/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +333 -0
- package/lib/TagWithIcon/TagWithIcon.module.css +66 -66
- package/lib/Upload/__tests__/Upload.spec.js +140 -0
- package/lib/Upload/__tests__/__snapshots__/Upload.spec.js.snap +459 -0
- package/lib/Upload/props/propTypes.js +1 -1
- package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/lib/common/dot_boxShadow.module.css +0 -2
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
- package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- 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/ListLayout/ListLayout.module.css +79 -79
- package/lib/list/Subject/Subject.module.css +34 -34
- package/lib/list/Thread/Thread.module.css +42 -42
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +177 -177
- package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -132
- package/package.json +4 -4
- package/result.json +1 -1
- package/unittest/index.html +1 -1
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = useDownloadAssetsAndSetAttr;
|
|
7
|
+
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
|
|
10
|
+
var _themeAppearanceAssetPromise = require("../utils/assetPromiseHandlers/themeAppearanceAssetPromise.js");
|
|
11
|
+
|
|
12
|
+
var _themeColorAssetPromise = require("../utils/assetPromiseHandlers/themeColorAssetPromise.js");
|
|
13
|
+
|
|
14
|
+
var _fontSizeAssetPromise = require("../utils/assetPromiseHandlers/fontSizeAssetPromise.js");
|
|
15
|
+
|
|
16
|
+
var _zoomSizeAssetPromise = require("../utils/assetPromiseHandlers/zoomSizeAssetPromise.js");
|
|
17
|
+
|
|
18
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
19
|
+
|
|
20
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
21
|
+
|
|
22
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
23
|
+
|
|
24
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
25
|
+
|
|
26
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
27
|
+
|
|
28
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
29
|
+
|
|
30
|
+
function useDownloadAssetsAndSetAttr(_ref) {
|
|
31
|
+
var themeAppearance = _ref.themeAppearance,
|
|
32
|
+
themeColor = _ref.themeColor,
|
|
33
|
+
baseZoomUnit = _ref.baseZoomUnit,
|
|
34
|
+
baseFontUnit = _ref.baseFontUnit,
|
|
35
|
+
getProviderElement = _ref.getProviderElement,
|
|
36
|
+
zoomUnitVariable = _ref.zoomUnitVariable,
|
|
37
|
+
fontUnitVariable = _ref.fontUnitVariable,
|
|
38
|
+
themeAppearanceAttr = _ref.themeAppearanceAttr,
|
|
39
|
+
themeColorAttr = _ref.themeColorAttr;
|
|
40
|
+
var themeAppearancePromise = (0, _react.useMemo)(function () {
|
|
41
|
+
var themeAppearanceAssetPromise = (0, _themeAppearanceAssetPromise.getThemeAppearanceAssetPromise)({
|
|
42
|
+
themeAppearance: themeAppearance
|
|
43
|
+
});
|
|
44
|
+
return themeAppearanceAssetPromise;
|
|
45
|
+
}, [themeAppearance]);
|
|
46
|
+
var themeColorPromise = (0, _react.useMemo)(function () {
|
|
47
|
+
var themeColorAssetPromise = (0, _themeColorAssetPromise.getThemeColorAssetPromise)({
|
|
48
|
+
themeAppearance: themeAppearance,
|
|
49
|
+
themeColor: themeColor
|
|
50
|
+
});
|
|
51
|
+
return themeColorAssetPromise;
|
|
52
|
+
}, [themeAppearance, themeColor]);
|
|
53
|
+
var modifiedZoomUnitWithSuffix = (0, _react.useMemo)(function () {
|
|
54
|
+
return !isNaN(Number(baseZoomUnit)) ? "".concat(Number(baseZoomUnit), "px") : baseZoomUnit;
|
|
55
|
+
}, [baseZoomUnit]);
|
|
56
|
+
var zoomSizePromise = (0, _react.useMemo)(function () {
|
|
57
|
+
var assetPromise = (0, _zoomSizeAssetPromise.getZoomSizeAssetPromise)();
|
|
58
|
+
return assetPromise;
|
|
59
|
+
}, []);
|
|
60
|
+
var fontSizePromise = (0, _react.useMemo)(function () {
|
|
61
|
+
var assetPromise = (0, _fontSizeAssetPromise.getFontSizeAssetPromise)();
|
|
62
|
+
return assetPromise;
|
|
63
|
+
}, []);
|
|
64
|
+
var combinedPromise = {
|
|
65
|
+
themeAppearancePromise: themeAppearancePromise,
|
|
66
|
+
themeColorPromise: themeColorPromise,
|
|
67
|
+
zoomSizePromise: zoomSizePromise,
|
|
68
|
+
fontSizePromise: fontSizePromise
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
function setThemeAttribute() {
|
|
72
|
+
var themePromise = [].concat(_toConsumableArray(themeAppearancePromise), _toConsumableArray(themeColorPromise));
|
|
73
|
+
Promise.all(themePromise).then(function () {
|
|
74
|
+
var providerElement = getProviderElement();
|
|
75
|
+
|
|
76
|
+
if (providerElement) {
|
|
77
|
+
providerElement.setAttribute(themeAppearanceAttr, themeAppearance);
|
|
78
|
+
providerElement.setAttribute(themeColorAttr, themeColor);
|
|
79
|
+
}
|
|
80
|
+
})["catch"](function (error) {
|
|
81
|
+
console.error('Error on setting theme appearance and color attributes:', error);
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
function setZoomSizeAttribute() {
|
|
86
|
+
zoomSizePromise.then(function () {
|
|
87
|
+
var providerElement = getProviderElement();
|
|
88
|
+
|
|
89
|
+
if (providerElement) {
|
|
90
|
+
providerElement.style.setProperty(zoomUnitVariable, modifiedZoomUnitWithSuffix);
|
|
91
|
+
}
|
|
92
|
+
})["catch"](function (error) {
|
|
93
|
+
console.error('Error on setting zoom-size property', error);
|
|
94
|
+
});
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
function setFontSizeAttribute() {
|
|
98
|
+
fontSizePromise.then(function () {
|
|
99
|
+
var providerElement = getProviderElement();
|
|
100
|
+
|
|
101
|
+
if (providerElement) {
|
|
102
|
+
providerElement.style.setProperty(fontUnitVariable, baseFontUnit);
|
|
103
|
+
}
|
|
104
|
+
})["catch"](function (error) {
|
|
105
|
+
console.error('Error on setting font-size property', error);
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
(0, _react.useLayoutEffect)(function () {
|
|
110
|
+
setThemeAttribute();
|
|
111
|
+
}, [themeAppearanceAttr, themeColorAttr, themeAppearance, themeColor, getProviderElement]);
|
|
112
|
+
(0, _react.useLayoutEffect)(function () {
|
|
113
|
+
setZoomSizeAttribute();
|
|
114
|
+
}, [zoomUnitVariable, modifiedZoomUnitWithSuffix, getProviderElement]);
|
|
115
|
+
(0, _react.useLayoutEffect)(function () {
|
|
116
|
+
setFontSizeAttribute();
|
|
117
|
+
}, [fontUnitVariable, baseFontUnit, getProviderElement]);
|
|
118
|
+
return combinedPromise;
|
|
119
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css");
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.defaultProps = void 0;
|
|
7
|
+
|
|
8
|
+
var _constants = require("../utils/constants");
|
|
9
|
+
|
|
10
|
+
var defaultProps = {
|
|
11
|
+
themeAppearance: _constants.THEME_APPEARANCE_LIGHT,
|
|
12
|
+
themeColor: _constants.THEME_COLOR_BLUE,
|
|
13
|
+
baseZoomUnit: '1px',
|
|
14
|
+
baseFontUnit: '16px',
|
|
15
|
+
zoomUnitVariable: '--zd_baseUnit',
|
|
16
|
+
fontUnitVariable: '--zd_baseFontUnit',
|
|
17
|
+
themeAppearanceAttr: 'data-mode',
|
|
18
|
+
themeColorAttr: 'data-theme'
|
|
19
|
+
};
|
|
20
|
+
exports.defaultProps = defaultProps;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.propTypes = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
var _constants = require("../utils/constants");
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
14
|
+
var propTypes = {
|
|
15
|
+
themeAppearance: _propTypes["default"].oneOf(_constants.THEME_APPEARANCES),
|
|
16
|
+
themeColor: _propTypes["default"].oneOf(_constants.THEME_COLORS),
|
|
17
|
+
baseZoomUnit: _propTypes["default"].string,
|
|
18
|
+
baseFontUnit: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
|
|
19
|
+
zoomUnitVariable: _propTypes["default"].string,
|
|
20
|
+
fontUnitVariable: _propTypes["default"].string,
|
|
21
|
+
themeAppearanceAttr: _propTypes["default"].string,
|
|
22
|
+
themeColorAttr: _propTypes["default"].string,
|
|
23
|
+
providerRef: _propTypes["default"].func,
|
|
24
|
+
onAssetsDownloadSuccess: _propTypes["default"].func,
|
|
25
|
+
getAssetsPromises: _propTypes["default"].func,
|
|
26
|
+
children: _propTypes["default"].node
|
|
27
|
+
};
|
|
28
|
+
exports.propTypes = propTypes;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getFontSizeAssetPromise = getFontSizeAssetPromise;
|
|
7
|
+
|
|
8
|
+
var _sizeAssetsConfig = require("../sizeAssetsConfig");
|
|
9
|
+
|
|
10
|
+
function getFontSizeAssetPromise() {
|
|
11
|
+
return _sizeAssetsConfig.sizeImports[_sizeAssetsConfig.sizeMapping.fontSize]();
|
|
12
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getThemeAppearanceAssetPromise = getThemeAppearanceAssetPromise;
|
|
7
|
+
|
|
8
|
+
var _getAssetsImportPromises = require("../getAssetsImportPromises");
|
|
9
|
+
|
|
10
|
+
var _themeAppearanceAssetsConfig = require("../themeAppearanceAssetsConfig");
|
|
11
|
+
|
|
12
|
+
var _errorValidation = require("../errorValidation");
|
|
13
|
+
|
|
14
|
+
var _constants = require("../constants");
|
|
15
|
+
|
|
16
|
+
function getThemeAppearanceAssetPromise(_ref) {
|
|
17
|
+
var themeAppearance = _ref.themeAppearance;
|
|
18
|
+
var isError = (0, _errorValidation.validateAndLogError)({
|
|
19
|
+
options: _constants.THEME_APPEARANCES,
|
|
20
|
+
value: themeAppearance,
|
|
21
|
+
type: 'themeAppearance'
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
if (!isError) {
|
|
25
|
+
var assetImportKeys = [];
|
|
26
|
+
|
|
27
|
+
_constants.LIBRARIES.map(function (library) {
|
|
28
|
+
var assetImportKey = _themeAppearanceAssetsConfig.themeAppearanceMapping[library][themeAppearance];
|
|
29
|
+
assetImportKeys.push(assetImportKey);
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
return (0, _getAssetsImportPromises.getAssetsImportPromises)({
|
|
33
|
+
assetImportKeys: assetImportKeys,
|
|
34
|
+
assetImports: _themeAppearanceAssetsConfig.themeAppearanceImports
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
return [];
|
|
39
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getThemeColorAssetPromise = getThemeColorAssetPromise;
|
|
7
|
+
|
|
8
|
+
var _getAssetsImportPromises = require("../getAssetsImportPromises");
|
|
9
|
+
|
|
10
|
+
var _themeColorAssetsConfig = require("../themeColorAssetsConfig");
|
|
11
|
+
|
|
12
|
+
var _errorValidation = require("../errorValidation");
|
|
13
|
+
|
|
14
|
+
var _constants = require("../constants");
|
|
15
|
+
|
|
16
|
+
function getThemeColorAssetPromise(_ref) {
|
|
17
|
+
var themeAppearance = _ref.themeAppearance,
|
|
18
|
+
themeColor = _ref.themeColor;
|
|
19
|
+
var isError = (0, _errorValidation.validateAndLogError)({
|
|
20
|
+
options: _constants.THEME_COLORS,
|
|
21
|
+
value: themeColor,
|
|
22
|
+
type: 'themeColor'
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
if (!isError) {
|
|
26
|
+
var assetImportKeys = [];
|
|
27
|
+
|
|
28
|
+
_constants.LIBRARIES.map(function (library) {
|
|
29
|
+
var assetImportKey = _themeColorAssetsConfig.themeColorMapping[library][themeColor][themeAppearance];
|
|
30
|
+
assetImportKeys.push(assetImportKey);
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
return (0, _getAssetsImportPromises.getAssetsImportPromises)({
|
|
34
|
+
assetImportKeys: assetImportKeys,
|
|
35
|
+
assetImports: _themeColorAssetsConfig.themeColorImports
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
return [];
|
|
40
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getZoomSizeAssetPromise = getZoomSizeAssetPromise;
|
|
7
|
+
|
|
8
|
+
var _sizeAssetsConfig = require("../sizeAssetsConfig");
|
|
9
|
+
|
|
10
|
+
function getZoomSizeAssetPromise() {
|
|
11
|
+
return _sizeAssetsConfig.sizeImports[_sizeAssetsConfig.sizeMapping.zoomSize]();
|
|
12
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.THEME_COLOR_YELLOW = exports.THEME_COLOR_RED = exports.THEME_COLOR_ORANGE = exports.THEME_COLOR_GREEN = exports.THEME_COLOR_BLUE = exports.THEME_COLORS = exports.THEME_APPEARANCE_PURE_DARK = exports.THEME_APPEARANCE_LIGHT = exports.THEME_APPEARANCE_DARK = exports.THEME_APPEARANCES = exports.LIBRARY_SVG = exports.LIBRARY_DOT = exports.LIBRARY_COMPONENT = exports.LIBRARIES = void 0;
|
|
7
|
+
var LIBRARY_COMPONENT = 'component';
|
|
8
|
+
exports.LIBRARY_COMPONENT = LIBRARY_COMPONENT;
|
|
9
|
+
var LIBRARY_DOT = 'dot';
|
|
10
|
+
exports.LIBRARY_DOT = LIBRARY_DOT;
|
|
11
|
+
var LIBRARY_SVG = 'svg';
|
|
12
|
+
exports.LIBRARY_SVG = LIBRARY_SVG;
|
|
13
|
+
var THEME_APPEARANCE_LIGHT = 'light';
|
|
14
|
+
exports.THEME_APPEARANCE_LIGHT = THEME_APPEARANCE_LIGHT;
|
|
15
|
+
var THEME_APPEARANCE_DARK = 'dark';
|
|
16
|
+
exports.THEME_APPEARANCE_DARK = THEME_APPEARANCE_DARK;
|
|
17
|
+
var THEME_APPEARANCE_PURE_DARK = 'pureDark';
|
|
18
|
+
exports.THEME_APPEARANCE_PURE_DARK = THEME_APPEARANCE_PURE_DARK;
|
|
19
|
+
var THEME_COLOR_BLUE = 'blue';
|
|
20
|
+
exports.THEME_COLOR_BLUE = THEME_COLOR_BLUE;
|
|
21
|
+
var THEME_COLOR_GREEN = 'green';
|
|
22
|
+
exports.THEME_COLOR_GREEN = THEME_COLOR_GREEN;
|
|
23
|
+
var THEME_COLOR_ORANGE = 'orange';
|
|
24
|
+
exports.THEME_COLOR_ORANGE = THEME_COLOR_ORANGE;
|
|
25
|
+
var THEME_COLOR_RED = 'red';
|
|
26
|
+
exports.THEME_COLOR_RED = THEME_COLOR_RED;
|
|
27
|
+
var THEME_COLOR_YELLOW = 'yellow';
|
|
28
|
+
exports.THEME_COLOR_YELLOW = THEME_COLOR_YELLOW;
|
|
29
|
+
var LIBRARIES = [LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG];
|
|
30
|
+
exports.LIBRARIES = LIBRARIES;
|
|
31
|
+
var THEME_APPEARANCES = [THEME_APPEARANCE_LIGHT, THEME_APPEARANCE_DARK, THEME_APPEARANCE_PURE_DARK];
|
|
32
|
+
exports.THEME_APPEARANCES = THEME_APPEARANCES;
|
|
33
|
+
var THEME_COLORS = [THEME_COLOR_BLUE, THEME_COLOR_GREEN, THEME_COLOR_ORANGE, THEME_COLOR_RED, THEME_COLOR_YELLOW];
|
|
34
|
+
exports.THEME_COLORS = THEME_COLORS;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.validateAndLogError = validateAndLogError;
|
|
7
|
+
|
|
8
|
+
var _constants = require("./constants");
|
|
9
|
+
|
|
10
|
+
function validateAndLogError(_ref) {
|
|
11
|
+
var options = _ref.options,
|
|
12
|
+
value = _ref.value,
|
|
13
|
+
type = _ref.type;
|
|
14
|
+
var isError = !options.includes(value);
|
|
15
|
+
|
|
16
|
+
if (isError) {
|
|
17
|
+
var themeAppearances = _constants.THEME_APPEARANCES.toString();
|
|
18
|
+
|
|
19
|
+
var themeColors = _constants.THEME_COLORS.toString();
|
|
20
|
+
|
|
21
|
+
console.error("We do not support the '".concat(value, " ").concat(type, "'. Please provide valid '").concat(type, "' values or check spelling. DotProvider supports ").concat(themeAppearances, " appearance & ").concat(themeColors, " theme."));
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
return isError;
|
|
25
|
+
}
|