@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.
Files changed (175) hide show
  1. package/.cli/UnValidatedFiles.html +1 -1
  2. package/.cli/propValidation_report.html +1 -1
  3. package/es/ActionButton/ActionButton.module.css +192 -192
  4. package/es/AlphabeticList/AlphabeticList.module.css +57 -57
  5. package/es/AttachmentViewer/AttachmentViewer.module.css +352 -352
  6. package/es/ChannelIcon/ChannelIcon.module.css +225 -225
  7. package/es/DotProvider/DotProvider.js +60 -0
  8. package/es/DotProvider/hooks/useDotProvider.js +55 -0
  9. package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +97 -0
  10. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +3 -0
  11. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +3 -0
  12. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +3 -0
  13. package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +3 -0
  14. package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +3 -0
  15. package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +3 -0
  16. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +3 -0
  17. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +3 -0
  18. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +3 -0
  19. package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +3 -0
  20. package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +3 -0
  21. package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +3 -0
  22. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +3 -0
  23. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +3 -0
  24. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +3 -0
  25. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +1 -0
  26. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +1 -0
  27. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +1 -0
  28. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +1 -0
  29. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +1 -0
  30. package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +1 -0
  31. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +1 -0
  32. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +1 -0
  33. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +1 -0
  34. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +1 -0
  35. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +1 -0
  36. package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +1 -0
  37. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +1 -0
  38. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +1 -0
  39. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +1 -0
  40. package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +1 -0
  41. package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +1 -0
  42. package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +1 -0
  43. package/es/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +1 -0
  44. package/es/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +1 -0
  45. package/es/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +1 -0
  46. package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +1 -0
  47. package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +1 -0
  48. package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +1 -0
  49. package/es/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +1 -0
  50. package/es/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +1 -0
  51. package/es/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +1 -0
  52. package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +1 -0
  53. package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +1 -0
  54. package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +1 -0
  55. package/es/DotProvider/props/defaultProps.js +11 -0
  56. package/es/DotProvider/props/propTypes.js +16 -0
  57. package/es/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js +4 -0
  58. package/es/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +28 -0
  59. package/es/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +29 -0
  60. package/es/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js +4 -0
  61. package/es/DotProvider/utils/constants.js +14 -0
  62. package/es/DotProvider/utils/errorValidation.js +17 -0
  63. package/es/DotProvider/utils/getAssetsImportPromises.js +17 -0
  64. package/es/DotProvider/utils/sizeAssetsConfig.js +12 -0
  65. package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +47 -0
  66. package/es/DotProvider/utils/themeColorAssetsConfig.js +221 -0
  67. package/es/FormAction/FormAction.module.css +100 -100
  68. package/es/IconButton/IconButton.module.css +22 -22
  69. package/es/ImportantNotes/__tests__/ImportantNotes.spec.js +96 -0
  70. package/es/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +333 -0
  71. package/es/TagWithIcon/TagWithIcon.module.css +66 -66
  72. package/es/Upload/__tests__/Upload.spec.js +140 -0
  73. package/es/Upload/__tests__/__snapshots__/Upload.spec.js.snap +459 -0
  74. package/es/Upload/props/propTypes.js +1 -1
  75. package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  76. package/es/common/dot_boxShadow.module.css +0 -2
  77. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
  78. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  79. package/es/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  80. package/es/list/Comment/Comment.module.css +29 -29
  81. package/es/list/Dot/Dot.module.css +15 -15
  82. package/es/list/ListLayout/ListLayout.module.css +79 -79
  83. package/es/list/Subject/Subject.module.css +34 -34
  84. package/es/list/Thread/Thread.module.css +42 -42
  85. package/es/version2/GlobalNotification/GlobalNotification.module.css +177 -177
  86. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  87. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -132
  88. package/lib/ActionButton/ActionButton.module.css +192 -192
  89. package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
  90. package/lib/AttachmentViewer/AttachmentViewer.module.css +352 -352
  91. package/lib/ChannelIcon/ChannelIcon.module.css +225 -225
  92. package/lib/DotProvider/DotProvider.js +88 -0
  93. package/lib/DotProvider/hooks/useDotProvider.js +83 -0
  94. package/lib/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +119 -0
  95. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +7 -0
  96. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +7 -0
  97. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +7 -0
  98. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +7 -0
  99. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +7 -0
  100. package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +7 -0
  101. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +7 -0
  102. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +7 -0
  103. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +7 -0
  104. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +7 -0
  105. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +7 -0
  106. package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +7 -0
  107. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +7 -0
  108. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +7 -0
  109. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +7 -0
  110. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +3 -0
  111. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +3 -0
  112. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +3 -0
  113. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +3 -0
  114. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +3 -0
  115. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +3 -0
  116. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +3 -0
  117. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +3 -0
  118. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +3 -0
  119. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +3 -0
  120. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +3 -0
  121. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +3 -0
  122. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +3 -0
  123. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +3 -0
  124. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +3 -0
  125. package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +3 -0
  126. package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +3 -0
  127. package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +3 -0
  128. package/lib/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +3 -0
  129. package/lib/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +3 -0
  130. package/lib/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +3 -0
  131. package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +3 -0
  132. package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +3 -0
  133. package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +3 -0
  134. package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +3 -0
  135. package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +3 -0
  136. package/lib/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +3 -0
  137. package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +3 -0
  138. package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +3 -0
  139. package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +3 -0
  140. package/lib/DotProvider/props/defaultProps.js +20 -0
  141. package/lib/DotProvider/props/propTypes.js +28 -0
  142. package/lib/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js +12 -0
  143. package/lib/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +39 -0
  144. package/lib/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +40 -0
  145. package/lib/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js +12 -0
  146. package/lib/DotProvider/utils/constants.js +34 -0
  147. package/lib/DotProvider/utils/errorValidation.js +25 -0
  148. package/lib/DotProvider/utils/getAssetsImportPromises.js +22 -0
  149. package/lib/DotProvider/utils/sizeAssetsConfig.js +31 -0
  150. package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +69 -0
  151. package/lib/DotProvider/utils/themeColorAssetsConfig.js +249 -0
  152. package/lib/FormAction/FormAction.module.css +100 -100
  153. package/lib/IconButton/IconButton.module.css +22 -22
  154. package/lib/ImportantNotes/__tests__/ImportantNotes.spec.js +96 -0
  155. package/lib/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +333 -0
  156. package/lib/TagWithIcon/TagWithIcon.module.css +66 -66
  157. package/lib/Upload/__tests__/Upload.spec.js +140 -0
  158. package/lib/Upload/__tests__/__snapshots__/Upload.spec.js.snap +459 -0
  159. package/lib/Upload/props/propTypes.js +1 -1
  160. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  161. package/lib/common/dot_boxShadow.module.css +0 -2
  162. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
  163. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  164. package/lib/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  165. package/lib/list/Comment/Comment.module.css +29 -29
  166. package/lib/list/Dot/Dot.module.css +15 -15
  167. package/lib/list/ListLayout/ListLayout.module.css +79 -79
  168. package/lib/list/Subject/Subject.module.css +34 -34
  169. package/lib/list/Thread/Thread.module.css +42 -42
  170. package/lib/version2/GlobalNotification/GlobalNotification.module.css +177 -177
  171. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  172. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -132
  173. package/package.json +4 -4
  174. package/result.json +1 -1
  175. 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,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/light/themes/blue/blue_SVGTheme_LightTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/dark/themes/green/green_SVGTheme_DarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/light/themes/green/green_SVGTheme_LightTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/pureDark/themes/green/green_SVGTheme_PureDarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/dark/themes/orange/orange_SVGTheme_DarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/light/themes/orange/orange_SVGTheme_LightTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/pureDark/themes/orange/orange_SVGTheme_PureDarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/dark/themes/red/red_SVGTheme_DarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/light/themes/red/red_SVGTheme_LightTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/pureDark/themes/red/red_SVGTheme_PureDarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/dark/themes/yellow/yellow_SVGTheme_DarkTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/light/themes/yellow/yellow_SVGTheme_LightTheme.module.css");
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+
3
+ require("@zohodesk/svg/assets/Appearance/pureDark/themes/yellow/yellow_SVGTheme_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
+ }