@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.
- package/.cli/UnValidatedFiles.html +1 -1
- package/.cli/propValidation_report.html +1 -1
- package/README.md +11 -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/common/dot_boxShadow.module.css +0 -2
- package/es/form/fields/CurrencyField/CurrencyField.js +2 -1
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +2 -4
- package/es/list/DepartmentDropDown/DepartmentDropDown.js +2 -7
- package/es/list/DepartmentDropDown/props/defaultProps.js +1 -2
- package/es/list/DepartmentDropDown/props/propTypes.js +1 -2
- 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/list/status/StatusListItem/StatusListItem.module.css +5 -35
- package/es/lookup/header/Search/LookupSearch.module.css +26 -26
- package/es/lookup/header/Search/Search.js +55 -38
- package/es/lookup/header/Search/props/defaultProps.js +2 -1
- package/es/lookup/header/Search/props/propTypes.js +5 -1
- 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/common/dot_boxShadow.module.css +0 -2
- package/lib/form/fields/CurrencyField/CurrencyField.js +2 -1
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +3 -5
- package/lib/list/DepartmentDropDown/DepartmentDropDown.js +3 -8
- package/lib/list/DepartmentDropDown/props/defaultProps.js +1 -2
- package/lib/list/DepartmentDropDown/props/propTypes.js +1 -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/list/status/StatusListItem/StatusListItem.module.css +5 -35
- package/lib/lookup/header/Search/LookupSearch.module.css +26 -26
- package/lib/lookup/header/Search/Search.js +73 -64
- package/lib/lookup/header/Search/props/defaultProps.js +2 -1
- package/lib/lookup/header/Search/props/propTypes.js +9 -3
- 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,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;
|
|
@@ -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"],
|
|
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
|
-
},
|
|
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"],
|
|
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
|
-
}
|
|
141
|
+
});
|
|
147
142
|
}
|
|
148
143
|
}]);
|
|
149
144
|
|
|
@@ -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
|
-
})),
|
|
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
|
-
},
|
|
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:
|
|
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
|
+
}
|