@zohodesk/dot 1.0.0-temp-187.1 → 1.0.0-temp-199

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 (162) hide show
  1. package/.cli/UnValidatedFiles.html +1 -1
  2. package/.cli/propValidation_report.html +1 -1
  3. package/README.md +11 -0
  4. package/es/DotProvider/DotProvider.js +60 -0
  5. package/es/DotProvider/hooks/useDotProvider.js +55 -0
  6. package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +97 -0
  7. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +3 -0
  8. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +3 -0
  9. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +3 -0
  10. package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +3 -0
  11. package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +3 -0
  12. package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +3 -0
  13. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +3 -0
  14. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +3 -0
  15. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +3 -0
  16. package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +3 -0
  17. package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +3 -0
  18. package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +3 -0
  19. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +3 -0
  20. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +3 -0
  21. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +3 -0
  22. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +1 -0
  23. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +1 -0
  24. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +1 -0
  25. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +1 -0
  26. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +1 -0
  27. package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +1 -0
  28. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +1 -0
  29. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +1 -0
  30. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +1 -0
  31. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +1 -0
  32. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +1 -0
  33. package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +1 -0
  34. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +1 -0
  35. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +1 -0
  36. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +1 -0
  37. package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +1 -0
  38. package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +1 -0
  39. package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +1 -0
  40. package/es/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +1 -0
  41. package/es/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +1 -0
  42. package/es/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +1 -0
  43. package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +1 -0
  44. package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +1 -0
  45. package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +1 -0
  46. package/es/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +1 -0
  47. package/es/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +1 -0
  48. package/es/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +1 -0
  49. package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +1 -0
  50. package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +1 -0
  51. package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +1 -0
  52. package/es/DotProvider/props/defaultProps.js +11 -0
  53. package/es/DotProvider/props/propTypes.js +16 -0
  54. package/es/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js +4 -0
  55. package/es/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +28 -0
  56. package/es/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +29 -0
  57. package/es/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js +4 -0
  58. package/es/DotProvider/utils/constants.js +14 -0
  59. package/es/DotProvider/utils/errorValidation.js +17 -0
  60. package/es/DotProvider/utils/getAssetsImportPromises.js +17 -0
  61. package/es/DotProvider/utils/sizeAssetsConfig.js +12 -0
  62. package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +47 -0
  63. package/es/DotProvider/utils/themeColorAssetsConfig.js +221 -0
  64. package/es/common/dot_boxShadow.module.css +0 -2
  65. package/es/form/fields/CurrencyField/CurrencyField.js +2 -1
  66. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +2 -4
  67. package/es/list/DepartmentDropDown/DepartmentDropDown.js +2 -7
  68. package/es/list/DepartmentDropDown/props/defaultProps.js +1 -2
  69. package/es/list/DepartmentDropDown/props/propTypes.js +1 -2
  70. package/es/list/status/StatusDropdown/StatusDropdown.js +8 -2
  71. package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +16 -0
  72. package/es/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +14 -0
  73. package/es/list/status/StatusDropdown/props/propTypes.js +2 -0
  74. package/es/list/status/StatusListItem/StatusListItem.module.css +5 -35
  75. package/es/lookup/header/Search/LookupSearch.module.css +26 -26
  76. package/es/lookup/header/Search/Search.js +55 -38
  77. package/es/lookup/header/Search/props/defaultProps.js +2 -1
  78. package/es/lookup/header/Search/props/propTypes.js +5 -1
  79. package/es/v1/form/fields/CurrencyField/CurrencyField.js +2 -1
  80. package/es/v1/list/status/StatusDropdown/StatusDropdown.js +8 -2
  81. package/es/v1/list/status/StatusDropdown/props/propTypes.js +2 -0
  82. package/lib/DotProvider/DotProvider.js +88 -0
  83. package/lib/DotProvider/hooks/useDotProvider.js +83 -0
  84. package/lib/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +119 -0
  85. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +7 -0
  86. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +7 -0
  87. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +7 -0
  88. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +7 -0
  89. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +7 -0
  90. package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +7 -0
  91. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +7 -0
  92. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +7 -0
  93. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +7 -0
  94. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +7 -0
  95. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +7 -0
  96. package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +7 -0
  97. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +7 -0
  98. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +7 -0
  99. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +7 -0
  100. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +3 -0
  101. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +3 -0
  102. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +3 -0
  103. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +3 -0
  104. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +3 -0
  105. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +3 -0
  106. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +3 -0
  107. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +3 -0
  108. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +3 -0
  109. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +3 -0
  110. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +3 -0
  111. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +3 -0
  112. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +3 -0
  113. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +3 -0
  114. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +3 -0
  115. package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +3 -0
  116. package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +3 -0
  117. package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +3 -0
  118. package/lib/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +3 -0
  119. package/lib/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +3 -0
  120. package/lib/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +3 -0
  121. package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +3 -0
  122. package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +3 -0
  123. package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +3 -0
  124. package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +3 -0
  125. package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +3 -0
  126. package/lib/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +3 -0
  127. package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +3 -0
  128. package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +3 -0
  129. package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +3 -0
  130. package/lib/DotProvider/props/defaultProps.js +20 -0
  131. package/lib/DotProvider/props/propTypes.js +28 -0
  132. package/lib/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js +12 -0
  133. package/lib/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +39 -0
  134. package/lib/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +40 -0
  135. package/lib/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js +12 -0
  136. package/lib/DotProvider/utils/constants.js +34 -0
  137. package/lib/DotProvider/utils/errorValidation.js +25 -0
  138. package/lib/DotProvider/utils/getAssetsImportPromises.js +22 -0
  139. package/lib/DotProvider/utils/sizeAssetsConfig.js +31 -0
  140. package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +69 -0
  141. package/lib/DotProvider/utils/themeColorAssetsConfig.js +249 -0
  142. package/lib/common/dot_boxShadow.module.css +0 -2
  143. package/lib/form/fields/CurrencyField/CurrencyField.js +2 -1
  144. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +3 -5
  145. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +3 -8
  146. package/lib/list/DepartmentDropDown/props/defaultProps.js +1 -2
  147. package/lib/list/DepartmentDropDown/props/propTypes.js +1 -1
  148. package/lib/list/status/StatusDropdown/StatusDropdown.js +8 -2
  149. package/lib/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +14 -0
  150. package/lib/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +14 -0
  151. package/lib/list/status/StatusDropdown/props/propTypes.js +1 -1
  152. package/lib/list/status/StatusListItem/StatusListItem.module.css +5 -35
  153. package/lib/lookup/header/Search/LookupSearch.module.css +26 -26
  154. package/lib/lookup/header/Search/Search.js +73 -64
  155. package/lib/lookup/header/Search/props/defaultProps.js +2 -1
  156. package/lib/lookup/header/Search/props/propTypes.js +9 -3
  157. package/lib/v1/form/fields/CurrencyField/CurrencyField.js +2 -1
  158. package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +8 -2
  159. package/lib/v1/list/status/StatusDropdown/props/propTypes.js +1 -1
  160. package/package.json +6 -6
  161. package/result.json +1 -1
  162. package/unittest/index.html +6 -2
@@ -0,0 +1,249 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.themeColorMapping = exports.themeColorImports = void 0;
7
+
8
+ var _constants = require("./constants");
9
+
10
+ var _THEME_COLOR_BLUE, _THEME_COLOR_GREEN, _THEME_COLOR_ORANGE, _THEME_COLOR_RED, _THEME_COLOR_YELLOW, _LIBRARY_COMPONENT, _THEME_COLOR_BLUE2, _THEME_COLOR_GREEN2, _THEME_COLOR_ORANGE2, _THEME_COLOR_RED2, _THEME_COLOR_YELLOW2, _LIBRARY_DOT, _THEME_COLOR_BLUE3, _THEME_COLOR_GREEN3, _THEME_COLOR_ORANGE3, _THEME_COLOR_RED3, _THEME_COLOR_YELLOW3, _LIBRARY_SVG, _themeColorMapping;
11
+
12
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
13
+
14
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
15
+
16
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
+
18
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
+
20
+ var themeColorImports = {
21
+ Lib_Blue_Light_Component: function Lib_Blue_Light_Component() {
22
+ return Promise.resolve().then(function () {
23
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_Light_Component"));
24
+ });
25
+ },
26
+ Lib_Blue_Dark_Component: function Lib_Blue_Dark_Component() {
27
+ return Promise.resolve().then(function () {
28
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_Dark_Component"));
29
+ });
30
+ },
31
+ Lib_Blue_PureDark_Component: function Lib_Blue_PureDark_Component() {
32
+ return Promise.resolve().then(function () {
33
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_PureDark_Component"));
34
+ });
35
+ },
36
+ Lib_Green_Light_Component: function Lib_Green_Light_Component() {
37
+ return Promise.resolve().then(function () {
38
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/green/Green_Light_Component"));
39
+ });
40
+ },
41
+ Lib_Green_Dark_Component: function Lib_Green_Dark_Component() {
42
+ return Promise.resolve().then(function () {
43
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/green/Green_Dark_Component"));
44
+ });
45
+ },
46
+ Lib_Green_PureDark_Component: function Lib_Green_PureDark_Component() {
47
+ return Promise.resolve().then(function () {
48
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/green/Green_PureDark_Component"));
49
+ });
50
+ },
51
+ Lib_Orange_Light_Component: function Lib_Orange_Light_Component() {
52
+ return Promise.resolve().then(function () {
53
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/orange/Orange_Light_Component"));
54
+ });
55
+ },
56
+ Lib_Orange_Dark_Component: function Lib_Orange_Dark_Component() {
57
+ return Promise.resolve().then(function () {
58
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/orange/Orange_Dark_Component"));
59
+ });
60
+ },
61
+ Lib_Orange_PureDark_Component: function Lib_Orange_PureDark_Component() {
62
+ return Promise.resolve().then(function () {
63
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/orange/Orange_PureDark_Component"));
64
+ });
65
+ },
66
+ Lib_Red_Light_Component: function Lib_Red_Light_Component() {
67
+ return Promise.resolve().then(function () {
68
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/red/Red_Light_Component"));
69
+ });
70
+ },
71
+ Lib_Red_Dark_Component: function Lib_Red_Dark_Component() {
72
+ return Promise.resolve().then(function () {
73
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/red/Red_Dark_Component"));
74
+ });
75
+ },
76
+ Lib_Red_PureDark_Component: function Lib_Red_PureDark_Component() {
77
+ return Promise.resolve().then(function () {
78
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/red/Red_PureDark_Component"));
79
+ });
80
+ },
81
+ Lib_Yellow_Light_Component: function Lib_Yellow_Light_Component() {
82
+ return Promise.resolve().then(function () {
83
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/yellow/Yellow_Light_Component"));
84
+ });
85
+ },
86
+ Lib_Yellow_Dark_Component: function Lib_Yellow_Dark_Component() {
87
+ return Promise.resolve().then(function () {
88
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/yellow/Yellow_Dark_Component"));
89
+ });
90
+ },
91
+ Lib_Yellow_PureDark_Component: function Lib_Yellow_PureDark_Component() {
92
+ return Promise.resolve().then(function () {
93
+ return _interopRequireWildcard(require("../libraryChunks/themes/component/yellow/Yellow_PureDark_Component"));
94
+ });
95
+ },
96
+ Lib_Blue_Light_Dot: function Lib_Blue_Light_Dot() {
97
+ return Promise.resolve().then(function () {
98
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/blue/Blue_Light_Dot"));
99
+ });
100
+ },
101
+ Lib_Blue_Dark_Dot: function Lib_Blue_Dark_Dot() {
102
+ return Promise.resolve().then(function () {
103
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/blue/Blue_Dark_Dot"));
104
+ });
105
+ },
106
+ Lib_Blue_PureDark_Dot: function Lib_Blue_PureDark_Dot() {
107
+ return Promise.resolve().then(function () {
108
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/blue/Blue_PureDark_Dot"));
109
+ });
110
+ },
111
+ Lib_Green_Light_Dot: function Lib_Green_Light_Dot() {
112
+ return Promise.resolve().then(function () {
113
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/green/Green_Light_Dot"));
114
+ });
115
+ },
116
+ Lib_Green_Dark_Dot: function Lib_Green_Dark_Dot() {
117
+ return Promise.resolve().then(function () {
118
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/green/Green_Dark_Dot"));
119
+ });
120
+ },
121
+ Lib_Green_PureDark_Dot: function Lib_Green_PureDark_Dot() {
122
+ return Promise.resolve().then(function () {
123
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/green/Green_PureDark_Dot"));
124
+ });
125
+ },
126
+ Lib_Orange_Light_Dot: function Lib_Orange_Light_Dot() {
127
+ return Promise.resolve().then(function () {
128
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/orange/Orange_Light_Dot"));
129
+ });
130
+ },
131
+ Lib_Orange_Dark_Dot: function Lib_Orange_Dark_Dot() {
132
+ return Promise.resolve().then(function () {
133
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/orange/Orange_Dark_Dot"));
134
+ });
135
+ },
136
+ Lib_Orange_PureDark_Dot: function Lib_Orange_PureDark_Dot() {
137
+ return Promise.resolve().then(function () {
138
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/orange/Orange_PureDark_Dot"));
139
+ });
140
+ },
141
+ Lib_Red_Light_Dot: function Lib_Red_Light_Dot() {
142
+ return Promise.resolve().then(function () {
143
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/red/Red_Light_Dot"));
144
+ });
145
+ },
146
+ Lib_Red_Dark_Dot: function Lib_Red_Dark_Dot() {
147
+ return Promise.resolve().then(function () {
148
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/red/Red_Dark_Dot"));
149
+ });
150
+ },
151
+ Lib_Red_PureDark_Dot: function Lib_Red_PureDark_Dot() {
152
+ return Promise.resolve().then(function () {
153
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/red/Red_PureDark_Dot"));
154
+ });
155
+ },
156
+ Lib_Yellow_Light_Dot: function Lib_Yellow_Light_Dot() {
157
+ return Promise.resolve().then(function () {
158
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/yellow/Yellow_Light_Dot"));
159
+ });
160
+ },
161
+ Lib_Yellow_Dark_Dot: function Lib_Yellow_Dark_Dot() {
162
+ return Promise.resolve().then(function () {
163
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/yellow/Yellow_Dark_Dot"));
164
+ });
165
+ },
166
+ Lib_Yellow_PureDark_Dot: function Lib_Yellow_PureDark_Dot() {
167
+ return Promise.resolve().then(function () {
168
+ return _interopRequireWildcard(require("../libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot"));
169
+ });
170
+ },
171
+ Lib_Blue_Light_SVG: function Lib_Blue_Light_SVG() {
172
+ return Promise.resolve().then(function () {
173
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/blue/Blue_Light_SVG"));
174
+ });
175
+ },
176
+ Lib_Blue_Dark_SVG: function Lib_Blue_Dark_SVG() {
177
+ return Promise.resolve().then(function () {
178
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/blue/Blue_Dark_SVG"));
179
+ });
180
+ },
181
+ Lib_Blue_PureDark_SVG: function Lib_Blue_PureDark_SVG() {
182
+ return Promise.resolve().then(function () {
183
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/blue/Blue_PureDark_SVG"));
184
+ });
185
+ },
186
+ Lib_Green_Light_SVG: function Lib_Green_Light_SVG() {
187
+ return Promise.resolve().then(function () {
188
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/green/Green_Light_SVG"));
189
+ });
190
+ },
191
+ Lib_Green_Dark_SVG: function Lib_Green_Dark_SVG() {
192
+ return Promise.resolve().then(function () {
193
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/green/Green_Dark_SVG"));
194
+ });
195
+ },
196
+ Lib_Green_PureDark_SVG: function Lib_Green_PureDark_SVG() {
197
+ return Promise.resolve().then(function () {
198
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/green/Green_PureDark_SVG"));
199
+ });
200
+ },
201
+ Lib_Orange_Light_SVG: function Lib_Orange_Light_SVG() {
202
+ return Promise.resolve().then(function () {
203
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/orange/Orange_Light_SVG"));
204
+ });
205
+ },
206
+ Lib_Orange_Dark_SVG: function Lib_Orange_Dark_SVG() {
207
+ return Promise.resolve().then(function () {
208
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/orange/Orange_Dark_SVG"));
209
+ });
210
+ },
211
+ Lib_Orange_PureDark_SVG: function Lib_Orange_PureDark_SVG() {
212
+ return Promise.resolve().then(function () {
213
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/orange/Orange_PureDark_SVG"));
214
+ });
215
+ },
216
+ Lib_Red_Light_SVG: function Lib_Red_Light_SVG() {
217
+ return Promise.resolve().then(function () {
218
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/red/Red_Light_SVG"));
219
+ });
220
+ },
221
+ Lib_Red_Dark_SVG: function Lib_Red_Dark_SVG() {
222
+ return Promise.resolve().then(function () {
223
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/red/Red_Dark_SVG"));
224
+ });
225
+ },
226
+ Lib_Red_PureDark_SVG: function Lib_Red_PureDark_SVG() {
227
+ return Promise.resolve().then(function () {
228
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/red/Red_PureDark_SVG"));
229
+ });
230
+ },
231
+ Lib_Yellow_Light_SVG: function Lib_Yellow_Light_SVG() {
232
+ return Promise.resolve().then(function () {
233
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/yellow/Yellow_Light_SVG"));
234
+ });
235
+ },
236
+ Lib_Yellow_Dark_SVG: function Lib_Yellow_Dark_SVG() {
237
+ return Promise.resolve().then(function () {
238
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG"));
239
+ });
240
+ },
241
+ Lib_Yellow_PureDark_SVG: function Lib_Yellow_PureDark_SVG() {
242
+ return Promise.resolve().then(function () {
243
+ return _interopRequireWildcard(require("../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG"));
244
+ });
245
+ }
246
+ };
247
+ exports.themeColorImports = themeColorImports;
248
+ var themeColorMapping = (_themeColorMapping = {}, _defineProperty(_themeColorMapping, _constants.LIBRARY_COMPONENT, (_LIBRARY_COMPONENT = {}, _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE = {}, _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_Component'), _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_Component'), _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_Component'), _THEME_COLOR_BLUE)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN = {}, _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_Component'), _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_Component'), _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_Component'), _THEME_COLOR_GREEN)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE = {}, _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_Component'), _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_Component'), _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_Component'), _THEME_COLOR_ORANGE)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED = {}, _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_Component'), _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_Component'), _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_Component'), _THEME_COLOR_RED)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW = {}, _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_Component'), _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_Component'), _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_Component'), _THEME_COLOR_YELLOW)), _LIBRARY_COMPONENT)), _defineProperty(_themeColorMapping, _constants.LIBRARY_DOT, (_LIBRARY_DOT = {}, _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE2 = {}, _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_Dot'), _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_Dot'), _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_Dot'), _THEME_COLOR_BLUE2)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN2 = {}, _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_Dot'), _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_Dot'), _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_Dot'), _THEME_COLOR_GREEN2)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE2 = {}, _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_Dot'), _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_Dot'), _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_Dot'), _THEME_COLOR_ORANGE2)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED2 = {}, _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_Dot'), _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_Dot'), _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_Dot'), _THEME_COLOR_RED2)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW2 = {}, _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_Dot'), _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_Dot'), _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_Dot'), _THEME_COLOR_YELLOW2)), _LIBRARY_DOT)), _defineProperty(_themeColorMapping, _constants.LIBRARY_SVG, (_LIBRARY_SVG = {}, _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE3 = {}, _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_SVG'), _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_SVG'), _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_SVG'), _THEME_COLOR_BLUE3)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN3 = {}, _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_SVG'), _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_SVG'), _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_SVG'), _THEME_COLOR_GREEN3)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE3 = {}, _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_SVG'), _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_SVG'), _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_SVG'), _THEME_COLOR_ORANGE3)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED3 = {}, _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_SVG'), _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_SVG'), _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_SVG'), _THEME_COLOR_RED3)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW3 = {}, _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_SVG'), _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_SVG'), _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_SVG'), _THEME_COLOR_YELLOW3)), _LIBRARY_SVG)), _themeColorMapping);
249
+ exports.themeColorMapping = themeColorMapping;
@@ -35,6 +35,4 @@
35
35
 
36
36
  /* desktop notification */
37
37
  --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
38
-
39
-
40
38
  }
@@ -166,6 +166,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
166
166
  }
167
167
 
168
168
  var uniqueId = htmlId ? htmlId : this.getNextId();
169
+ var isFocusable = !needReadOnlyStyle || !isReadOnly && needReadOnlyStyle;
169
170
  return /*#__PURE__*/_react["default"].createElement("div", {
170
171
  className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
171
172
  "data-title": isDisabled ? title : null,
@@ -197,7 +198,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
197
198
  onChange: this.handleChange,
198
199
  dataId: dataId,
199
200
  onBlur: this.onBlur,
200
- onFocus: this.onFocus,
201
+ onFocus: isFocusable && this.onFocus,
201
202
  onKeyDown: onKeyDown,
202
203
  placeHolder: placeHolder,
203
204
  borderColor: borderColor,
@@ -227,9 +227,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
227
227
  _customProps$TagWrapp = customProps.TagWrapperProps,
228
228
  TagWrapperProps = _customProps$TagWrapp === void 0 ? {} : _customProps$TagWrapp,
229
229
  _customProps$TagProps = customProps.TagProps,
230
- TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps,
231
- _customProps$listProp = customProps.listProps,
232
- listProps = _customProps$listProp === void 0 ? {} : _customProps$listProp;
230
+ TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps;
233
231
  return /*#__PURE__*/_react["default"].createElement("div", {
234
232
  className: "".concat(_TagsMultiSelectModule["default"].container, " ").concat(!isReadOnly ? " ".concat(needBorder ? _TagsMultiSelectModule["default"].hasBorder : '', "\n ").concat(needBorder ? _TagsMultiSelectModule["default"]["borderColor_".concat(borderColor)] : _TagsMultiSelectModule["default"].borderColor_transparent, " ").concat(isPopupReady && needBorder ? _TagsMultiSelectModule["default"].active : '') : '', " ").concat(className),
235
233
  onClick: _General.stopBubbling,
@@ -338,7 +336,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
338
336
  var name = item.name,
339
337
  isNew = item.isNew,
340
338
  listItemProps = item.listItemProps;
341
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], _extends({
339
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
342
340
  key: index,
343
341
  index: index,
344
342
  autoHover: true,
@@ -351,7 +349,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
351
349
  isDisabled: listDisabled,
352
350
  customProps: listItemProps,
353
351
  customClass: listItemClass
354
- }, listProps), isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
352
+ }, isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
355
353
  alignBox: "row",
356
354
  align: "vertical"
357
355
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
@@ -25,8 +25,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
25
25
 
26
26
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
27
 
28
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
29
-
30
28
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
31
29
 
32
30
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -102,10 +100,7 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
102
100
  onSearch = _this$props3.onSearch,
103
101
  needSearchFetching = _this$props3.needSearchFetching,
104
102
  searchStr = _this$props3.searchStr,
105
- i18nKeys = _this$props3.i18nKeys,
106
- customProps = _this$props3.customProps;
107
- var _customProps$toggleDr = customProps.toggleDropDownProps,
108
- toggleDropDownProps = _customProps$toggleDr === void 0 ? {} : _customProps$toggleDr;
103
+ i18nKeys = _this$props3.i18nKeys;
109
104
  var _i18nKeys$title = i18nKeys.title,
110
105
  title = _i18nKeys$title === void 0 ? 'Move Department' : _i18nKeys$title,
111
106
  _i18nKeys$searchEmpty = i18nKeys.searchEmptyText,
@@ -114,7 +109,7 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
114
109
  searchErrorText = _i18nKeys$searchError === void 0 ? 'No results' : _i18nKeys$searchError,
115
110
  _i18nKeys$placeholder = i18nKeys.placeholder,
116
111
  placeholder = _i18nKeys$placeholder === void 0 ? 'Search Department' : _i18nKeys$placeholder;
117
- return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], _extends({
112
+ return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], {
118
113
  title: title,
119
114
  options: departmentList,
120
115
  value: /*#__PURE__*/_react["default"].createElement(_SecondaryText.DepartmentText, {
@@ -143,7 +138,7 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
143
138
  isNextOptions: isNextOptions,
144
139
  onSearch: onSearch,
145
140
  needSearchFetching: needSearchFetching
146
- }, toggleDropDownProps));
141
+ });
147
142
  }
148
143
  }]);
149
144
 
@@ -9,7 +9,6 @@ var defaultProps = {
9
9
  isPopupActive: true,
10
10
  isNextOptions: false,
11
11
  searchStr: '',
12
- i18nKeys: {},
13
- customProps: {}
12
+ i18nKeys: {}
14
13
  };
15
14
  exports.defaultProps = defaultProps;
@@ -31,5 +31,5 @@ var propTypes = (_propTypes = {
31
31
  searchEmptyText: _propTypes2["default"].string,
32
32
  searchErrorText: _propTypes2["default"].string,
33
33
  placeholder: _propTypes2["default"].string
34
- })), _defineProperty(_propTypes, "customProps", _propTypes2["default"].string), _propTypes);
34
+ })), _propTypes);
35
35
  exports.propTypes = propTypes;
@@ -244,6 +244,8 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
244
244
  isRestrictScroll = _this$props4.isRestrictScroll,
245
245
  positionsOffset = _this$props4.positionsOffset,
246
246
  targetOffset = _this$props4.targetOffset,
247
+ renderTargetElement = _this$props4.renderTargetElement,
248
+ renderFooterElement = _this$props4.renderFooterElement,
247
249
  _this$props4$a11y = _this$props4.a11y,
248
250
  a11y = _this$props4$a11y === void 0 ? {} : _this$props4$a11y;
249
251
  var _a11y$tabIndex = a11y.tabIndex,
@@ -258,7 +260,11 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
258
260
  className: _StatusDropdownModule["default"].posRel,
259
261
  onMouseEnter: showOnHover && !isDisabled && !isReadOnly && isEditable ? this.handleTogglePopup : undefined,
260
262
  onMouseLeave: showOnHover && !isDisabled && !isReadOnly && isEditable ? this.handleTogglePopup : undefined
261
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
263
+ }, renderTargetElement ? renderTargetElement({
264
+ handleTogglePopup: this.handleTogglePopup,
265
+ isPopupOpen: isPopupOpen,
266
+ getTargetRef: getTargetRef
267
+ }) : /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
262
268
  tagName: "button",
263
269
  alignBox: "row",
264
270
  className: "".concat(_StatusDropdownModule["default"].container, " ").concat(containerClass, " ").concat(_semanticButtonModule["default"].buttonReset),
@@ -396,7 +402,7 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
396
402
  getEmptyState: _this2.emptySearchSVG
397
403
  }) : /*#__PURE__*/_react["default"].createElement("div", {
398
404
  className: _StatusDropdownModule["default"].loader
399
- }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null)))));
405
+ }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null))), renderFooterElement ? renderFooterElement : null));
400
406
  }) : null);
401
407
  }
402
408
  }]);
@@ -13,6 +13,20 @@ describe('StatusDropdown', function () {
13
13
  var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_StatusDropdown["default"], null)),
14
14
  asFragment = _render.asFragment;
15
15
 
16
+ expect(asFragment()).toMatchSnapshot();
17
+ }), test('rendering target element', function () {
18
+ var renderTargetElement = function renderTargetElement(_ref) {
19
+ var isPopupOpen = _ref.isPopupOpen;
20
+ return /*#__PURE__*/_react["default"].createElement("div", {
21
+ className: isPopupOpen ? 'popupOpened' : 'popupClosed'
22
+ }, "Target Element");
23
+ };
24
+
25
+ var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_StatusDropdown["default"], {
26
+ renderTargetElement: renderTargetElement
27
+ })),
28
+ asFragment = _render2.asFragment;
29
+
16
30
  expect(asFragment()).toMatchSnapshot();
17
31
  });
18
32
  });
@@ -1,5 +1,19 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
+ exports[`StatusDropdown rendering target element 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ class="posRel"
7
+ >
8
+ <div
9
+ class="popupClosed"
10
+ >
11
+ Target Element
12
+ </div>
13
+ </div>
14
+ </DocumentFragment>
15
+ `;
16
+
3
17
  exports[`StatusDropdown rendering the defult props 1`] = `
4
18
  <DocumentFragment>
5
19
  <div
@@ -30,5 +30,5 @@ var propTypes = (_propTypes = {
30
30
  idName: _propTypes2["default"].string,
31
31
  isArrow: _propTypes2["default"].bool,
32
32
  isDataLoaded: _propTypes2["default"].bool
33
- }, _defineProperty(_propTypes, "isDataLoaded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isDisabled", _propTypes2["default"].bool), _defineProperty(_propTypes, "isEditable", _propTypes2["default"].bool), _defineProperty(_propTypes, "isFetchingOptions", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupActive", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupOpen", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupReady", _propTypes2["default"].bool), _defineProperty(_propTypes, "isReadOnly", _propTypes2["default"].bool), _defineProperty(_propTypes, "isSearch", _propTypes2["default"].bool), _defineProperty(_propTypes, "keyName", _propTypes2["default"].string), _defineProperty(_propTypes, "left", _propTypes2["default"].number), _defineProperty(_propTypes, "needExternalPopupState", _propTypes2["default"].bool), _defineProperty(_propTypes, "needResponsive", _propTypes2["default"].bool), _defineProperty(_propTypes, "needTick", _propTypes2["default"].bool), _defineProperty(_propTypes, "onClick", _propTypes2["default"].func), _defineProperty(_propTypes, "onTogglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "options", _propTypes2["default"].array.isRequired), _defineProperty(_propTypes, "placeHolderText", _propTypes2["default"].string), _defineProperty(_propTypes, "position", _propTypes2["default"].string), _defineProperty(_propTypes, "removeClose", _propTypes2["default"].func), _defineProperty(_propTypes, "right", _propTypes2["default"].number), _defineProperty(_propTypes, "searchBoxSize", _propTypes2["default"].oneOf(['small', 'medium', 'xmedium'])), _defineProperty(_propTypes, "searchEmptyHint", _propTypes2["default"].string), _defineProperty(_propTypes, "searchErrorText", _propTypes2["default"].string), _defineProperty(_propTypes, "showIconOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "showOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "statusColor", _propTypes2["default"].string), _defineProperty(_propTypes, "targetAlign", _propTypes2["default"].oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around'])), _defineProperty(_propTypes, "title", _propTypes2["default"].string), _defineProperty(_propTypes, "togglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "value", _propTypes2["default"].node), _defineProperty(_propTypes, "needMultiLineText", _propTypes2["default"].bool), _defineProperty(_propTypes, "onSelectLabel", _propTypes2["default"].func), _defineProperty(_propTypes, "top", _propTypes2["default"].number), _defineProperty(_propTypes, "a11y", _propTypes2["default"].object), _defineProperty(_propTypes, "isAbsolutePositioningNeeded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isRestrictScroll", _propTypes2["default"].bool), _defineProperty(_propTypes, "positionsOffset", _propTypes2["default"].object), _defineProperty(_propTypes, "targetOffset", _propTypes2["default"].object), _propTypes);
33
+ }, _defineProperty(_propTypes, "isDataLoaded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isDisabled", _propTypes2["default"].bool), _defineProperty(_propTypes, "isEditable", _propTypes2["default"].bool), _defineProperty(_propTypes, "isFetchingOptions", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupActive", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupOpen", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupReady", _propTypes2["default"].bool), _defineProperty(_propTypes, "isReadOnly", _propTypes2["default"].bool), _defineProperty(_propTypes, "isSearch", _propTypes2["default"].bool), _defineProperty(_propTypes, "keyName", _propTypes2["default"].string), _defineProperty(_propTypes, "left", _propTypes2["default"].number), _defineProperty(_propTypes, "needExternalPopupState", _propTypes2["default"].bool), _defineProperty(_propTypes, "needResponsive", _propTypes2["default"].bool), _defineProperty(_propTypes, "needTick", _propTypes2["default"].bool), _defineProperty(_propTypes, "onClick", _propTypes2["default"].func), _defineProperty(_propTypes, "onTogglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "options", _propTypes2["default"].array.isRequired), _defineProperty(_propTypes, "placeHolderText", _propTypes2["default"].string), _defineProperty(_propTypes, "position", _propTypes2["default"].string), _defineProperty(_propTypes, "removeClose", _propTypes2["default"].func), _defineProperty(_propTypes, "right", _propTypes2["default"].number), _defineProperty(_propTypes, "searchBoxSize", _propTypes2["default"].oneOf(['small', 'medium', 'xmedium'])), _defineProperty(_propTypes, "searchEmptyHint", _propTypes2["default"].string), _defineProperty(_propTypes, "searchErrorText", _propTypes2["default"].string), _defineProperty(_propTypes, "showIconOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "showOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "statusColor", _propTypes2["default"].string), _defineProperty(_propTypes, "targetAlign", _propTypes2["default"].oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around'])), _defineProperty(_propTypes, "title", _propTypes2["default"].string), _defineProperty(_propTypes, "togglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "value", _propTypes2["default"].node), _defineProperty(_propTypes, "needMultiLineText", _propTypes2["default"].bool), _defineProperty(_propTypes, "onSelectLabel", _propTypes2["default"].func), _defineProperty(_propTypes, "top", _propTypes2["default"].number), _defineProperty(_propTypes, "a11y", _propTypes2["default"].object), _defineProperty(_propTypes, "isAbsolutePositioningNeeded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isRestrictScroll", _propTypes2["default"].bool), _defineProperty(_propTypes, "positionsOffset", _propTypes2["default"].object), _defineProperty(_propTypes, "renderTargetElement", _propTypes2["default"].func), _defineProperty(_propTypes, "renderFooterElement", _propTypes2["default"].node), _defineProperty(_propTypes, "targetOffset", _propTypes2["default"].object), _propTypes);
34
34
  exports.propTypes = propTypes;
@@ -6,58 +6,43 @@
6
6
  min-height: var(--zd_size35) ;
7
7
  cursor: pointer;
8
8
  }
9
-
10
9
  [dir=ltr] .withBorder {
11
10
  border-left: 1px solid var(--zdt_statuslistitem_default_border);
12
11
  }
13
-
14
12
  [dir=rtl] .withBorder {
15
13
  border-right: 1px solid var(--zdt_statuslistitem_default_border);
16
14
  }
17
-
18
15
  [dir=ltr] .small {
19
16
  padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5) ;
20
17
  }
21
-
22
18
  [dir=rtl] .small {
23
19
  padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size3) ;
24
20
  }
25
-
26
21
  .medium {
27
22
  padding: var(--zd_size7) var(--zd_size20) ;
28
23
  }
29
-
30
24
  .large {
31
25
  height: var(--zd_size48) ;
32
26
  }
33
-
34
27
  [dir=ltr] .large {
35
28
  padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25) ;
36
29
  }
37
-
38
30
  [dir=rtl] .large {
39
31
  padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3) ;
40
32
  }
41
-
42
- .value,
43
- .multiLineValue {
33
+ .value,.multiLineValue {
44
34
  line-height: 1.5385;
45
35
  }
46
-
47
36
  .value {
48
37
  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
49
38
  }
50
-
51
- .multiLineValue {
39
+ .multiLineValue{
52
40
  word-break: break-word;
53
- -webkit-line-clamp: 2;
54
41
  composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
55
42
  }
56
-
57
43
  [dir=ltr] .withBorder.active {
58
44
  border-left-color: var(--zdt_statuslistitem_default_active_border);
59
45
  }
60
-
61
46
  [dir=rtl] .withBorder.active {
62
47
  border-right-color: var(--zdt_statuslistitem_default_active_border);
63
48
  }
@@ -65,56 +50,44 @@
65
50
  .default.hover, .default.effect:hover {
66
51
  background-color: var(--zdt_statuslistitem_default_effect_bg);
67
52
  }
68
-
69
53
  .primary.hover, .primary.effect:hover, .selected {
70
54
  background-color: var(--zdt_statuslistitem_primary_efffect_bg);
71
55
  }
72
-
73
56
  .secondary.hover, .secondary.effect:hover {
74
57
  background-color: var(--zdt_statuslistitem_secondary_effect_bg);
75
58
  }
76
-
77
59
  .list.active.default, .list.active.primary {
78
60
  background-color: var(--zdt_statuslistitem_primary_efffect_bg);
79
61
  }
80
-
81
62
  .list.active.secondary {
82
63
  background-color: var(--zdt_statuslistitem_secondary_effect_bg);
83
64
  }
84
-
85
65
  .secondary.hover,
86
66
  .secondary.effect:hover,
87
67
  .list.active.secondary {
88
68
  color: var(--zdt_statuslistitem_secondary_effect_text);
89
69
  }
90
-
91
70
  .tickIcon {
92
71
  color: var(--zdt_statuslistitem_tickicon);
93
72
  position: absolute;
94
- top: 50% ;
73
+ top:50% ;
95
74
  transform: translateY(-50%);
96
75
  }
97
-
98
76
  [dir=ltr] .tickIcon {
99
77
  right: var(--zd_size20) ;
100
78
  }
101
-
102
79
  [dir=rtl] .tickIcon {
103
80
  left: var(--zd_size20) ;
104
81
  }
105
-
106
- .tickIcon>i {
82
+ .tickIcon > i {
107
83
  display: block;
108
84
  }
109
-
110
85
  [dir=ltr] .active.withTick {
111
86
  padding-right: var(--zd_size39) ;
112
87
  }
113
-
114
88
  [dir=rtl] .active.withTick {
115
89
  padding-left: var(--zd_size39) ;
116
90
  }
117
-
118
91
  /* Status Type */
119
92
  .statusType {
120
93
  width: var(--zd_size8) ;
@@ -127,15 +100,12 @@
127
100
  [dir=rtl] .statusType {
128
101
  margin-left: var(--zd_size13) ;
129
102
  }
130
-
131
103
  .black {
132
104
  background-color: var(--zdt_statuslistitem_black_bg);
133
105
  }
134
-
135
106
  .orange {
136
107
  background-color: var(--zdt_statuslistitem_orange_bg);
137
108
  }
138
-
139
109
  .green {
140
110
  background-color: var(--zdt_statuslistitem_green_bg);
141
- }
111
+ }