@zohodesk/dot 1.0.0-temp-187.1 → 1.0.0-temp-187.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/README.md +15 -0
- 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/Drawer/Drawer.js +4 -7
- package/es/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +1 -1
- package/es/Drawer/props/defaultProps.js +1 -0
- package/es/Drawer/props/propTypes.js +1 -0
- package/es/common/dot_boxShadow.module.css +0 -2
- package/es/form/fields/CurrencyField/CurrencyField.js +2 -1
- package/es/list/status/StatusDropdown/StatusDropdown.js +8 -2
- package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +16 -0
- package/es/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +14 -0
- package/es/list/status/StatusDropdown/props/propTypes.js +2 -0
- package/es/v1/form/fields/CurrencyField/CurrencyField.js +2 -1
- package/es/v1/list/status/StatusDropdown/StatusDropdown.js +8 -2
- package/es/v1/list/status/StatusDropdown/props/propTypes.js +2 -0
- 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/Drawer/Drawer.js +4 -7
- package/lib/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +1 -1
- package/lib/Drawer/props/defaultProps.js +1 -0
- package/lib/Drawer/props/propTypes.js +1 -0
- package/lib/common/dot_boxShadow.module.css +0 -2
- package/lib/form/fields/CurrencyField/CurrencyField.js +2 -1
- package/lib/list/status/StatusDropdown/StatusDropdown.js +8 -2
- package/lib/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +14 -0
- package/lib/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +14 -0
- package/lib/list/status/StatusDropdown/props/propTypes.js +1 -1
- package/lib/v1/form/fields/CurrencyField/CurrencyField.js +2 -1
- package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +8 -2
- package/lib/v1/list/status/StatusDropdown/props/propTypes.js +1 -1
- package/package.json +6 -6
- package/result.json +1 -1
- package/unittest/index.html +6 -2
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
|
|
10
|
+
var _useDownloadAssetsAndSetAttr = _interopRequireDefault(require("./useDownloadAssetsAndSetAttr"));
|
|
11
|
+
|
|
12
|
+
require("@zohodesk/components/assets/Contrast/lightContrastLightness.module.css");
|
|
13
|
+
|
|
14
|
+
require("@zohodesk/components/assets/Contrast/darkContrastLightness.module.css");
|
|
15
|
+
|
|
16
|
+
require("@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css");
|
|
17
|
+
|
|
18
|
+
require("@zohodesk/variables/assets/colorVariables.module.css");
|
|
19
|
+
|
|
20
|
+
require("@zohodesk/variables/assets/dotVariables.module.css");
|
|
21
|
+
|
|
22
|
+
require("@zohodesk/components/es/common/basic.module.css");
|
|
23
|
+
|
|
24
|
+
require("@zohodesk/variables/lib/fontFamilyVariables.module.css");
|
|
25
|
+
|
|
26
|
+
require("@zohodesk/components/lib/common/boxShadow.module.css");
|
|
27
|
+
|
|
28
|
+
require("../../common/dot_boxShadow.module.css");
|
|
29
|
+
|
|
30
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
|
+
|
|
32
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
33
|
+
|
|
34
|
+
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."); }
|
|
35
|
+
|
|
36
|
+
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); }
|
|
37
|
+
|
|
38
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
39
|
+
|
|
40
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
41
|
+
|
|
42
|
+
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; }
|
|
43
|
+
|
|
44
|
+
function useDotProvider(_ref) {
|
|
45
|
+
var themeAppearance = _ref.themeAppearance,
|
|
46
|
+
themeColor = _ref.themeColor,
|
|
47
|
+
baseZoomUnit = _ref.baseZoomUnit,
|
|
48
|
+
baseFontUnit = _ref.baseFontUnit,
|
|
49
|
+
getProviderElement = _ref.getProviderElement,
|
|
50
|
+
zoomUnitVariable = _ref.zoomUnitVariable,
|
|
51
|
+
fontUnitVariable = _ref.fontUnitVariable,
|
|
52
|
+
themeAppearanceAttr = _ref.themeAppearanceAttr,
|
|
53
|
+
themeColorAttr = _ref.themeColorAttr,
|
|
54
|
+
onAssetsDownloadSuccess = _ref.onAssetsDownloadSuccess,
|
|
55
|
+
getAssetsPromises = _ref.getAssetsPromises;
|
|
56
|
+
var assetsPromises = (0, _useDownloadAssetsAndSetAttr["default"])({
|
|
57
|
+
themeAppearance: themeAppearance,
|
|
58
|
+
themeColor: themeColor,
|
|
59
|
+
baseZoomUnit: baseZoomUnit,
|
|
60
|
+
baseFontUnit: baseFontUnit,
|
|
61
|
+
getProviderElement: getProviderElement,
|
|
62
|
+
zoomUnitVariable: zoomUnitVariable,
|
|
63
|
+
fontUnitVariable: fontUnitVariable,
|
|
64
|
+
themeAppearanceAttr: themeAppearanceAttr,
|
|
65
|
+
themeColorAttr: themeColorAttr
|
|
66
|
+
});
|
|
67
|
+
var themeAppearancePromise = assetsPromises.themeAppearancePromise,
|
|
68
|
+
themeColorPromise = assetsPromises.themeColorPromise,
|
|
69
|
+
zoomSizePromise = assetsPromises.zoomSizePromise,
|
|
70
|
+
fontSizePromise = assetsPromises.fontSizePromise;
|
|
71
|
+
var allPromises = [].concat(_toConsumableArray(themeAppearancePromise), _toConsumableArray(themeColorPromise), [zoomSizePromise, fontSizePromise]);
|
|
72
|
+
(0, _react.useLayoutEffect)(function () {
|
|
73
|
+
Promise.all(allPromises).then(function () {
|
|
74
|
+
typeof onAssetsDownloadSuccess === 'function' && onAssetsDownloadSuccess();
|
|
75
|
+
})["catch"](function (error) {
|
|
76
|
+
console.error('Error loading assets:', error);
|
|
77
|
+
});
|
|
78
|
+
typeof getAssetsPromises === 'function' && getAssetsPromises(assetsPromises);
|
|
79
|
+
}, _toConsumableArray(allPromises));
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
var _default = useDotProvider;
|
|
83
|
+
exports["default"] = _default;
|
|
@@ -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
|
+
}
|