@zohodesk/dot 1.0.0-temp-227 → 1.0.0-temp-228
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/README.md +2 -7
- package/es/ActionButton/ActionButton.js +19 -9
- package/es/ActionButton/props/defaultProps.js +2 -1
- package/es/ActionButton/props/propTypes.js +4 -1
- package/es/DotProvider/hooks/useDotProvider.js +3 -3
- package/es/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +1 -0
- package/es/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +1 -0
- package/es/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +1 -0
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -2
- package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +2 -0
- package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +2 -0
- package/es/DotProvider/utils/constants.js +2 -1
- package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +15 -1
- package/es/DotProvider/utils/themeColorAssetsConfig.js +73 -1
- package/es/lookup/Lookup/Lookup.js +4 -6
- package/es/lookup/Lookup/__tests__/Lookup.spec.js +4 -101
- package/es/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +2 -223
- package/es/lookup/Lookup/props/propTypes.js +1 -6
- package/es/lookup/header/ModuleHeader/ModuleHeader.js +5 -12
- package/es/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +3 -87
- package/es/lookup/header/ModuleHeader/props/defaultProps.js +0 -2
- package/es/lookup/header/ModuleHeader/props/propTypes.js +0 -6
- package/es/version2/lookup/AlertHeader/AlertHeader.js +9 -19
- package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +3 -122
- package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +3 -1728
- package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +1 -6
- package/es/version2/lookup/AlertHeader/props/defaultProps.js +0 -2
- package/es/version2/lookup/AlertHeader/props/propTypes.js +0 -10
- package/lib/ActionButton/ActionButton.js +18 -9
- package/lib/ActionButton/props/defaultProps.js +2 -1
- package/lib/ActionButton/props/propTypes.js +4 -1
- package/lib/DotProvider/hooks/useDotProvider.js +3 -3
- package/lib/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +3 -0
- package/lib/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +3 -0
- package/lib/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -4
- package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +5 -0
- package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +5 -0
- package/lib/DotProvider/utils/constants.js +4 -2
- package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +17 -2
- package/lib/DotProvider/utils/themeColorAssetsConfig.js +77 -2
- package/lib/lookup/Lookup/Lookup.js +4 -6
- package/lib/lookup/Lookup/__tests__/Lookup.spec.js +4 -101
- package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +2 -223
- package/lib/lookup/Lookup/props/propTypes.js +1 -8
- package/lib/lookup/header/ModuleHeader/ModuleHeader.js +5 -13
- package/lib/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +2 -86
- package/lib/lookup/header/ModuleHeader/props/defaultProps.js +0 -2
- package/lib/lookup/header/ModuleHeader/props/propTypes.js +0 -6
- package/lib/version2/lookup/AlertHeader/AlertHeader.js +8 -19
- package/lib/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +2 -121
- package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +3 -1728
- package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +2 -4
- package/lib/version2/lookup/AlertHeader/props/defaultProps.js +0 -2
- package/lib/version2/lookup/AlertHeader/props/propTypes.js +0 -10
- package/package.json +8 -8
|
@@ -7,7 +7,7 @@ exports.themeColorMapping = exports.themeColorImports = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _constants = require("./constants");
|
|
9
9
|
|
|
10
|
-
var _THEME_COLOR_BLUE, _THEME_COLOR_GREEN, _THEME_COLOR_ORANGE, _THEME_COLOR_RED, _THEME_COLOR_YELLOW,
|
|
10
|
+
var _THEME_COLOR_BLUE, _THEME_COLOR_GREEN, _THEME_COLOR_ORANGE, _THEME_COLOR_RED, _THEME_COLOR_YELLOW, _LIBRARY_VARIABLES, _THEME_COLOR_BLUE2, _THEME_COLOR_GREEN2, _THEME_COLOR_ORANGE2, _THEME_COLOR_RED2, _THEME_COLOR_YELLOW2, _LIBRARY_COMPONENT, _THEME_COLOR_BLUE3, _THEME_COLOR_GREEN3, _THEME_COLOR_ORANGE3, _THEME_COLOR_RED3, _THEME_COLOR_YELLOW3, _LIBRARY_DOT, _THEME_COLOR_BLUE4, _THEME_COLOR_GREEN4, _THEME_COLOR_ORANGE4, _THEME_COLOR_RED4, _THEME_COLOR_YELLOW4, _LIBRARY_SVG, _themeColorMapping;
|
|
11
11
|
|
|
12
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
13
|
|
|
@@ -18,6 +18,81 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
18
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
19
|
|
|
20
20
|
var themeColorImports = {
|
|
21
|
+
Lib_Blue_Light_Variables: function Lib_Blue_Light_Variables() {
|
|
22
|
+
return Promise.resolve().then(function () {
|
|
23
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/blue/Blue_Light_Variables"));
|
|
24
|
+
});
|
|
25
|
+
},
|
|
26
|
+
Lib_Blue_Dark_Variables: function Lib_Blue_Dark_Variables() {
|
|
27
|
+
return Promise.resolve().then(function () {
|
|
28
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/blue/Blue_Dark_Variables"));
|
|
29
|
+
});
|
|
30
|
+
},
|
|
31
|
+
Lib_Blue_PureDark_Variables: function Lib_Blue_PureDark_Variables() {
|
|
32
|
+
return Promise.resolve().then(function () {
|
|
33
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/blue/Blue_PureDark_Variables"));
|
|
34
|
+
});
|
|
35
|
+
},
|
|
36
|
+
Lib_Green_Light_Variables: function Lib_Green_Light_Variables() {
|
|
37
|
+
return Promise.resolve().then(function () {
|
|
38
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/green/Green_Light_Variables"));
|
|
39
|
+
});
|
|
40
|
+
},
|
|
41
|
+
Lib_Green_Dark_Variables: function Lib_Green_Dark_Variables() {
|
|
42
|
+
return Promise.resolve().then(function () {
|
|
43
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/green/Green_Dark_Variables"));
|
|
44
|
+
});
|
|
45
|
+
},
|
|
46
|
+
Lib_Green_PureDark_Variables: function Lib_Green_PureDark_Variables() {
|
|
47
|
+
return Promise.resolve().then(function () {
|
|
48
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/green/Green_PureDark_Variables"));
|
|
49
|
+
});
|
|
50
|
+
},
|
|
51
|
+
Lib_Orange_Light_Variables: function Lib_Orange_Light_Variables() {
|
|
52
|
+
return Promise.resolve().then(function () {
|
|
53
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/orange/Orange_Light_Variables"));
|
|
54
|
+
});
|
|
55
|
+
},
|
|
56
|
+
Lib_Orange_Dark_Variables: function Lib_Orange_Dark_Variables() {
|
|
57
|
+
return Promise.resolve().then(function () {
|
|
58
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/orange/Orange_Dark_Variables"));
|
|
59
|
+
});
|
|
60
|
+
},
|
|
61
|
+
Lib_Orange_PureDark_Variables: function Lib_Orange_PureDark_Variables() {
|
|
62
|
+
return Promise.resolve().then(function () {
|
|
63
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/orange/Orange_PureDark_Variables"));
|
|
64
|
+
});
|
|
65
|
+
},
|
|
66
|
+
Lib_Red_Light_Variables: function Lib_Red_Light_Variables() {
|
|
67
|
+
return Promise.resolve().then(function () {
|
|
68
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/red/Red_Light_Variables"));
|
|
69
|
+
});
|
|
70
|
+
},
|
|
71
|
+
Lib_Red_Dark_Variables: function Lib_Red_Dark_Variables() {
|
|
72
|
+
return Promise.resolve().then(function () {
|
|
73
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/red/Red_Dark_Variables"));
|
|
74
|
+
});
|
|
75
|
+
},
|
|
76
|
+
Lib_Red_PureDark_Variables: function Lib_Red_PureDark_Variables() {
|
|
77
|
+
return Promise.resolve().then(function () {
|
|
78
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/red/Red_PureDark_Variables"));
|
|
79
|
+
});
|
|
80
|
+
},
|
|
81
|
+
Lib_Yellow_Light_Variables: function Lib_Yellow_Light_Variables() {
|
|
82
|
+
return Promise.resolve().then(function () {
|
|
83
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/yellow/Yellow_Light_Variables"));
|
|
84
|
+
});
|
|
85
|
+
},
|
|
86
|
+
Lib_Yellow_Dark_Variables: function Lib_Yellow_Dark_Variables() {
|
|
87
|
+
return Promise.resolve().then(function () {
|
|
88
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/yellow/Yellow_Dark_Variables"));
|
|
89
|
+
});
|
|
90
|
+
},
|
|
91
|
+
Lib_Yellow_PureDark_Variables: function Lib_Yellow_PureDark_Variables() {
|
|
92
|
+
return Promise.resolve().then(function () {
|
|
93
|
+
return _interopRequireWildcard(require("../libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables"));
|
|
94
|
+
});
|
|
95
|
+
},
|
|
21
96
|
Lib_Blue_Light_Component: function Lib_Blue_Light_Component() {
|
|
22
97
|
return Promise.resolve().then(function () {
|
|
23
98
|
return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_Light_Component"));
|
|
@@ -245,5 +320,5 @@ var themeColorImports = {
|
|
|
245
320
|
}
|
|
246
321
|
};
|
|
247
322
|
exports.themeColorImports = themeColorImports;
|
|
248
|
-
var themeColorMapping = (_themeColorMapping = {}, _defineProperty(_themeColorMapping, _constants.
|
|
323
|
+
var themeColorMapping = (_themeColorMapping = {}, _defineProperty(_themeColorMapping, _constants.LIBRARY_VARIABLES, (_LIBRARY_VARIABLES = {}, _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE = {}, _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_Variables'), _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_Variables'), _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_Variables'), _THEME_COLOR_BLUE)), _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN = {}, _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_Variables'), _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_Variables'), _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_Variables'), _THEME_COLOR_GREEN)), _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE = {}, _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_Variables'), _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_Variables'), _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_Variables'), _THEME_COLOR_ORANGE)), _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED = {}, _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_Variables'), _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_Variables'), _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_Variables'), _THEME_COLOR_RED)), _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW = {}, _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_Variables'), _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_Variables'), _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_Variables'), _THEME_COLOR_YELLOW)), _LIBRARY_VARIABLES)), _defineProperty(_themeColorMapping, _constants.LIBRARY_COMPONENT, (_LIBRARY_COMPONENT = {}, _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE2 = {}, _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_Component'), _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_Component'), _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_Component'), _THEME_COLOR_BLUE2)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN2 = {}, _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_Component'), _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_Component'), _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_Component'), _THEME_COLOR_GREEN2)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE2 = {}, _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_Component'), _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_Component'), _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_Component'), _THEME_COLOR_ORANGE2)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED2 = {}, _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_Component'), _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_Component'), _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_Component'), _THEME_COLOR_RED2)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW2 = {}, _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_Component'), _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_Component'), _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_Component'), _THEME_COLOR_YELLOW2)), _LIBRARY_COMPONENT)), _defineProperty(_themeColorMapping, _constants.LIBRARY_DOT, (_LIBRARY_DOT = {}, _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE3 = {}, _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_Dot'), _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_Dot'), _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_Dot'), _THEME_COLOR_BLUE3)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN3 = {}, _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_Dot'), _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_Dot'), _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_Dot'), _THEME_COLOR_GREEN3)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE3 = {}, _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_Dot'), _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_Dot'), _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_Dot'), _THEME_COLOR_ORANGE3)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED3 = {}, _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_Dot'), _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_Dot'), _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_Dot'), _THEME_COLOR_RED3)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW3 = {}, _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_Dot'), _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_Dot'), _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_Dot'), _THEME_COLOR_YELLOW3)), _LIBRARY_DOT)), _defineProperty(_themeColorMapping, _constants.LIBRARY_SVG, (_LIBRARY_SVG = {}, _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE4 = {}, _defineProperty(_THEME_COLOR_BLUE4, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_SVG'), _defineProperty(_THEME_COLOR_BLUE4, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_SVG'), _defineProperty(_THEME_COLOR_BLUE4, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_SVG'), _THEME_COLOR_BLUE4)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN4 = {}, _defineProperty(_THEME_COLOR_GREEN4, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_SVG'), _defineProperty(_THEME_COLOR_GREEN4, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_SVG'), _defineProperty(_THEME_COLOR_GREEN4, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_SVG'), _THEME_COLOR_GREEN4)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE4 = {}, _defineProperty(_THEME_COLOR_ORANGE4, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_SVG'), _defineProperty(_THEME_COLOR_ORANGE4, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_SVG'), _defineProperty(_THEME_COLOR_ORANGE4, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_SVG'), _THEME_COLOR_ORANGE4)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED4 = {}, _defineProperty(_THEME_COLOR_RED4, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_SVG'), _defineProperty(_THEME_COLOR_RED4, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_SVG'), _defineProperty(_THEME_COLOR_RED4, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_SVG'), _THEME_COLOR_RED4)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW4 = {}, _defineProperty(_THEME_COLOR_YELLOW4, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_SVG'), _defineProperty(_THEME_COLOR_YELLOW4, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_SVG'), _defineProperty(_THEME_COLOR_YELLOW4, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_SVG'), _THEME_COLOR_YELLOW4)), _LIBRARY_SVG)), _themeColorMapping);
|
|
249
324
|
exports.themeColorMapping = themeColorMapping;
|
|
@@ -123,8 +123,7 @@ var Lookup = /*#__PURE__*/function (_Component) {
|
|
|
123
123
|
a11yAttributes = _objectWithoutProperties(a11y, _excluded);
|
|
124
124
|
|
|
125
125
|
var _customProps$focusSco = customProps.focusScopeProps,
|
|
126
|
-
focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco
|
|
127
|
-
freezeLayerProps = customProps.freezeLayerProps;
|
|
126
|
+
focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco;
|
|
128
127
|
var _focusScopeProps$need = focusScopeProps.needAutoFocus,
|
|
129
128
|
needAutoFocus = _focusScopeProps$need === void 0 ? true : _focusScopeProps$need,
|
|
130
129
|
_focusScopeProps$need2 = focusScopeProps.needRestoreFocus,
|
|
@@ -155,17 +154,16 @@ var Lookup = /*#__PURE__*/function (_Component) {
|
|
|
155
154
|
className: "".concat(isMinHeight ? _LookupModule["default"].wrapper : _LookupModule["default"].coverwrap, " ").concat(_LookupModule["default"].containerWidth, " ").concat(containerClass)
|
|
156
155
|
}, children));
|
|
157
156
|
|
|
158
|
-
return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"],
|
|
157
|
+
return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {
|
|
159
158
|
align: "horizontal",
|
|
160
159
|
animationName: "fade",
|
|
161
|
-
palette: "snow"
|
|
162
|
-
}, freezeLayerProps, {
|
|
163
160
|
childAnimationName: childAnimationName,
|
|
164
161
|
isActive: isActive,
|
|
162
|
+
palette: "snow",
|
|
165
163
|
forwardRef: forwardRef,
|
|
166
164
|
onClick: onClick,
|
|
167
165
|
customClass: customClass
|
|
168
|
-
}
|
|
166
|
+
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
169
167
|
alignBox: "row",
|
|
170
168
|
className: _LookupModule["default"].container,
|
|
171
169
|
dataId: "fldValue"
|
|
@@ -8,115 +8,18 @@ var _Lookup = _interopRequireDefault(require("../Lookup"));
|
|
|
8
8
|
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
afterEach(function () {
|
|
14
|
-
(0, _react2.cleanup)();
|
|
15
|
-
});
|
|
16
|
-
describe('Lookup snapshot - ', function () {
|
|
17
|
-
test('Render with default props', function () {
|
|
11
|
+
describe('Lookup', function () {
|
|
12
|
+
test('rendering the defult props', function () {
|
|
18
13
|
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], null)),
|
|
19
14
|
asFragment = _render.asFragment;
|
|
20
15
|
|
|
21
16
|
expect(asFragment()).toMatchSnapshot();
|
|
22
17
|
});
|
|
23
|
-
test
|
|
18
|
+
test('rendering isActive is true', function () {
|
|
24
19
|
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
|
|
25
|
-
isActive: true,
|
|
26
|
-
size: size
|
|
27
|
-
})),
|
|
28
|
-
asFragment = _render2.asFragment;
|
|
29
|
-
|
|
30
|
-
expect(asFragment()).toMatchSnapshot();
|
|
31
|
-
});
|
|
32
|
-
test.each(CHILD_ANIMATION_NAME_VALUES)('Render with childAnimationName=%s', function (childAnimationName) {
|
|
33
|
-
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
|
|
34
|
-
isActive: true,
|
|
35
|
-
childAnimationName: childAnimationName
|
|
36
|
-
})),
|
|
37
|
-
asFragment = _render3.asFragment;
|
|
38
|
-
|
|
39
|
-
expect(asFragment()).toMatchSnapshot();
|
|
40
|
-
});
|
|
41
|
-
test('Render with isActive=true', function () {
|
|
42
|
-
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
|
|
43
20
|
isActive: true
|
|
44
21
|
})),
|
|
45
|
-
asFragment =
|
|
46
|
-
|
|
47
|
-
expect(asFragment()).toMatchSnapshot();
|
|
48
|
-
});
|
|
49
|
-
test('Render with isMinHeight=true', function () {
|
|
50
|
-
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
|
|
51
|
-
isActive: true,
|
|
52
|
-
isMinHeight: true
|
|
53
|
-
})),
|
|
54
|
-
asFragment = _render5.asFragment;
|
|
55
|
-
|
|
56
|
-
expect(asFragment()).toMatchSnapshot();
|
|
57
|
-
});
|
|
58
|
-
test('Render with children', function () {
|
|
59
|
-
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
|
|
60
|
-
isActive: true
|
|
61
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, "Lookup child content"))),
|
|
62
|
-
asFragment = _render6.asFragment;
|
|
63
|
-
|
|
64
|
-
expect(asFragment()).toMatchSnapshot();
|
|
65
|
-
});
|
|
66
|
-
test('Render with custom classes', function () {
|
|
67
|
-
var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
|
|
68
|
-
isActive: true,
|
|
69
|
-
customClass: "lookup-freeze-layer",
|
|
70
|
-
containerClass: "lookup-container",
|
|
71
|
-
lookupClass: "lookup-box"
|
|
72
|
-
})),
|
|
73
|
-
asFragment = _render7.asFragment;
|
|
74
|
-
|
|
75
|
-
expect(asFragment()).toMatchSnapshot();
|
|
76
|
-
});
|
|
77
|
-
test('Render with customProps', function () {
|
|
78
|
-
var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
|
|
79
|
-
isActive: true,
|
|
80
|
-
customProps: {
|
|
81
|
-
freezeLayerProps: {
|
|
82
|
-
palette: 'plain'
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
})),
|
|
86
|
-
asFragment = _render8.asFragment;
|
|
87
|
-
|
|
88
|
-
expect(asFragment()).toMatchSnapshot();
|
|
89
|
-
});
|
|
90
|
-
test('Render with dataId', function () {
|
|
91
|
-
var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
|
|
92
|
-
isActive: true,
|
|
93
|
-
dataId: "lookup-data-id"
|
|
94
|
-
})),
|
|
95
|
-
asFragment = _render9.asFragment;
|
|
96
|
-
|
|
97
|
-
expect(asFragment()).toMatchSnapshot();
|
|
98
|
-
});
|
|
99
|
-
test('Render with htmlId', function () {
|
|
100
|
-
var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
|
|
101
|
-
isActive: true,
|
|
102
|
-
htmlId: "lookup-html-id"
|
|
103
|
-
})),
|
|
104
|
-
asFragment = _render10.asFragment;
|
|
105
|
-
|
|
106
|
-
expect(asFragment()).toMatchSnapshot();
|
|
107
|
-
});
|
|
108
|
-
test('Render with a11y attributes', function () {
|
|
109
|
-
var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Lookup["default"], {
|
|
110
|
-
isActive: true,
|
|
111
|
-
a11y: {
|
|
112
|
-
role: 'region',
|
|
113
|
-
ariaLabelledby: 'lookup-title',
|
|
114
|
-
ariaDescribedby: 'lookup-description',
|
|
115
|
-
ariaLabel: 'Lookup Dialog',
|
|
116
|
-
ariaModal: true
|
|
117
|
-
}
|
|
118
|
-
})),
|
|
119
|
-
asFragment = _render11.asFragment;
|
|
22
|
+
asFragment = _render2.asFragment;
|
|
120
23
|
|
|
121
24
|
expect(asFragment()).toMatchSnapshot();
|
|
122
25
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
|
-
exports[`Lookup
|
|
3
|
+
exports[`Lookup rendering isActive is true 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<div
|
|
6
6
|
class="container index5 snow"
|
|
@@ -17,225 +17,4 @@ exports[`Lookup snapshot - Render with a11y attributes 1`] = `
|
|
|
17
17
|
</DocumentFragment>
|
|
18
18
|
`;
|
|
19
19
|
|
|
20
|
-
exports[`Lookup
|
|
21
|
-
<DocumentFragment>
|
|
22
|
-
<div
|
|
23
|
-
class="container index5 snow"
|
|
24
|
-
data-drag-parent="true"
|
|
25
|
-
style="z-index: 4;"
|
|
26
|
-
>
|
|
27
|
-
<div
|
|
28
|
-
class="flex cover rowdir hCenter"
|
|
29
|
-
data-id="reactFreezeLayer"
|
|
30
|
-
data-selector-id="container"
|
|
31
|
-
data-test-id="reactFreezeLayer"
|
|
32
|
-
/>
|
|
33
|
-
</div>
|
|
34
|
-
</DocumentFragment>
|
|
35
|
-
`;
|
|
36
|
-
|
|
37
|
-
exports[`Lookup snapshot - Render with children 1`] = `
|
|
38
|
-
<DocumentFragment>
|
|
39
|
-
<div
|
|
40
|
-
class="container index5 snow"
|
|
41
|
-
data-drag-parent="true"
|
|
42
|
-
style="z-index: 4;"
|
|
43
|
-
>
|
|
44
|
-
<div
|
|
45
|
-
class="flex cover rowdir hCenter"
|
|
46
|
-
data-id="reactFreezeLayer"
|
|
47
|
-
data-selector-id="container"
|
|
48
|
-
data-test-id="reactFreezeLayer"
|
|
49
|
-
/>
|
|
50
|
-
</div>
|
|
51
|
-
</DocumentFragment>
|
|
52
|
-
`;
|
|
53
|
-
|
|
54
|
-
exports[`Lookup snapshot - Render with custom classes 1`] = `
|
|
55
|
-
<DocumentFragment>
|
|
56
|
-
<div
|
|
57
|
-
class="container lookup-freeze-layer index5 snow"
|
|
58
|
-
data-drag-parent="true"
|
|
59
|
-
style="z-index: 4;"
|
|
60
|
-
>
|
|
61
|
-
<div
|
|
62
|
-
class="flex cover rowdir hCenter"
|
|
63
|
-
data-id="reactFreezeLayer"
|
|
64
|
-
data-selector-id="container"
|
|
65
|
-
data-test-id="reactFreezeLayer"
|
|
66
|
-
/>
|
|
67
|
-
</div>
|
|
68
|
-
</DocumentFragment>
|
|
69
|
-
`;
|
|
70
|
-
|
|
71
|
-
exports[`Lookup snapshot - Render with customProps 1`] = `
|
|
72
|
-
<DocumentFragment>
|
|
73
|
-
<div
|
|
74
|
-
class="container index5 plain"
|
|
75
|
-
data-drag-parent="true"
|
|
76
|
-
style="z-index: 4;"
|
|
77
|
-
>
|
|
78
|
-
<div
|
|
79
|
-
class="flex cover rowdir hCenter"
|
|
80
|
-
data-id="reactFreezeLayer"
|
|
81
|
-
data-selector-id="container"
|
|
82
|
-
data-test-id="reactFreezeLayer"
|
|
83
|
-
/>
|
|
84
|
-
</div>
|
|
85
|
-
</DocumentFragment>
|
|
86
|
-
`;
|
|
87
|
-
|
|
88
|
-
exports[`Lookup snapshot - Render with dataId 1`] = `
|
|
89
|
-
<DocumentFragment>
|
|
90
|
-
<div
|
|
91
|
-
class="container index5 snow"
|
|
92
|
-
data-drag-parent="true"
|
|
93
|
-
style="z-index: 4;"
|
|
94
|
-
>
|
|
95
|
-
<div
|
|
96
|
-
class="flex cover rowdir hCenter"
|
|
97
|
-
data-id="reactFreezeLayer"
|
|
98
|
-
data-selector-id="container"
|
|
99
|
-
data-test-id="reactFreezeLayer"
|
|
100
|
-
/>
|
|
101
|
-
</div>
|
|
102
|
-
</DocumentFragment>
|
|
103
|
-
`;
|
|
104
|
-
|
|
105
|
-
exports[`Lookup snapshot - Render with default props 1`] = `<DocumentFragment />`;
|
|
106
|
-
|
|
107
|
-
exports[`Lookup snapshot - Render with htmlId 1`] = `
|
|
108
|
-
<DocumentFragment>
|
|
109
|
-
<div
|
|
110
|
-
class="container index5 snow"
|
|
111
|
-
data-drag-parent="true"
|
|
112
|
-
style="z-index: 4;"
|
|
113
|
-
>
|
|
114
|
-
<div
|
|
115
|
-
class="flex cover rowdir hCenter"
|
|
116
|
-
data-id="reactFreezeLayer"
|
|
117
|
-
data-selector-id="container"
|
|
118
|
-
data-test-id="reactFreezeLayer"
|
|
119
|
-
/>
|
|
120
|
-
</div>
|
|
121
|
-
</DocumentFragment>
|
|
122
|
-
`;
|
|
123
|
-
|
|
124
|
-
exports[`Lookup snapshot - Render with isActive=true 1`] = `
|
|
125
|
-
<DocumentFragment>
|
|
126
|
-
<div
|
|
127
|
-
class="container index5 snow"
|
|
128
|
-
data-drag-parent="true"
|
|
129
|
-
style="z-index: 4;"
|
|
130
|
-
>
|
|
131
|
-
<div
|
|
132
|
-
class="flex cover rowdir hCenter"
|
|
133
|
-
data-id="reactFreezeLayer"
|
|
134
|
-
data-selector-id="container"
|
|
135
|
-
data-test-id="reactFreezeLayer"
|
|
136
|
-
/>
|
|
137
|
-
</div>
|
|
138
|
-
</DocumentFragment>
|
|
139
|
-
`;
|
|
140
|
-
|
|
141
|
-
exports[`Lookup snapshot - Render with isMinHeight=true 1`] = `
|
|
142
|
-
<DocumentFragment>
|
|
143
|
-
<div
|
|
144
|
-
class="container index5 snow"
|
|
145
|
-
data-drag-parent="true"
|
|
146
|
-
style="z-index: 4;"
|
|
147
|
-
>
|
|
148
|
-
<div
|
|
149
|
-
class="flex cover rowdir hCenter"
|
|
150
|
-
data-id="reactFreezeLayer"
|
|
151
|
-
data-selector-id="container"
|
|
152
|
-
data-test-id="reactFreezeLayer"
|
|
153
|
-
/>
|
|
154
|
-
</div>
|
|
155
|
-
</DocumentFragment>
|
|
156
|
-
`;
|
|
157
|
-
|
|
158
|
-
exports[`Lookup snapshot - Render with size=full 1`] = `
|
|
159
|
-
<DocumentFragment>
|
|
160
|
-
<div
|
|
161
|
-
class="container index5 snow"
|
|
162
|
-
data-drag-parent="true"
|
|
163
|
-
style="z-index: 4;"
|
|
164
|
-
>
|
|
165
|
-
<div
|
|
166
|
-
class="flex cover rowdir hCenter"
|
|
167
|
-
data-id="reactFreezeLayer"
|
|
168
|
-
data-selector-id="container"
|
|
169
|
-
data-test-id="reactFreezeLayer"
|
|
170
|
-
/>
|
|
171
|
-
</div>
|
|
172
|
-
</DocumentFragment>
|
|
173
|
-
`;
|
|
174
|
-
|
|
175
|
-
exports[`Lookup snapshot - Render with size=large 1`] = `
|
|
176
|
-
<DocumentFragment>
|
|
177
|
-
<div
|
|
178
|
-
class="container index5 snow"
|
|
179
|
-
data-drag-parent="true"
|
|
180
|
-
style="z-index: 4;"
|
|
181
|
-
>
|
|
182
|
-
<div
|
|
183
|
-
class="flex cover rowdir hCenter"
|
|
184
|
-
data-id="reactFreezeLayer"
|
|
185
|
-
data-selector-id="container"
|
|
186
|
-
data-test-id="reactFreezeLayer"
|
|
187
|
-
/>
|
|
188
|
-
</div>
|
|
189
|
-
</DocumentFragment>
|
|
190
|
-
`;
|
|
191
|
-
|
|
192
|
-
exports[`Lookup snapshot - Render with size=small 1`] = `
|
|
193
|
-
<DocumentFragment>
|
|
194
|
-
<div
|
|
195
|
-
class="container index5 snow"
|
|
196
|
-
data-drag-parent="true"
|
|
197
|
-
style="z-index: 4;"
|
|
198
|
-
>
|
|
199
|
-
<div
|
|
200
|
-
class="flex cover rowdir hCenter"
|
|
201
|
-
data-id="reactFreezeLayer"
|
|
202
|
-
data-selector-id="container"
|
|
203
|
-
data-test-id="reactFreezeLayer"
|
|
204
|
-
/>
|
|
205
|
-
</div>
|
|
206
|
-
</DocumentFragment>
|
|
207
|
-
`;
|
|
208
|
-
|
|
209
|
-
exports[`Lookup snapshot - Render with size=xlarge 1`] = `
|
|
210
|
-
<DocumentFragment>
|
|
211
|
-
<div
|
|
212
|
-
class="container index5 snow"
|
|
213
|
-
data-drag-parent="true"
|
|
214
|
-
style="z-index: 4;"
|
|
215
|
-
>
|
|
216
|
-
<div
|
|
217
|
-
class="flex cover rowdir hCenter"
|
|
218
|
-
data-id="reactFreezeLayer"
|
|
219
|
-
data-selector-id="container"
|
|
220
|
-
data-test-id="reactFreezeLayer"
|
|
221
|
-
/>
|
|
222
|
-
</div>
|
|
223
|
-
</DocumentFragment>
|
|
224
|
-
`;
|
|
225
|
-
|
|
226
|
-
exports[`Lookup snapshot - Render with size=xmedium 1`] = `
|
|
227
|
-
<DocumentFragment>
|
|
228
|
-
<div
|
|
229
|
-
class="container index5 snow"
|
|
230
|
-
data-drag-parent="true"
|
|
231
|
-
style="z-index: 4;"
|
|
232
|
-
>
|
|
233
|
-
<div
|
|
234
|
-
class="flex cover rowdir hCenter"
|
|
235
|
-
data-id="reactFreezeLayer"
|
|
236
|
-
data-selector-id="container"
|
|
237
|
-
data-test-id="reactFreezeLayer"
|
|
238
|
-
/>
|
|
239
|
-
</div>
|
|
240
|
-
</DocumentFragment>
|
|
241
|
-
`;
|
|
20
|
+
exports[`Lookup rendering the defult props 1`] = `<DocumentFragment />`;
|
|
@@ -7,10 +7,6 @@ exports.propTypes = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
9
|
|
|
10
|
-
var _propTypes2 = _interopRequireDefault(require("@zohodesk/a11y/es/FocusScope/props/propTypes"));
|
|
11
|
-
|
|
12
|
-
var _propTypes3 = _interopRequireDefault(require("../../../FreezeLayer/props/propTypes"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
11
|
|
|
16
12
|
var propTypes = {
|
|
@@ -29,10 +25,7 @@ var propTypes = {
|
|
|
29
25
|
onKeyDown: _propTypes["default"].func,
|
|
30
26
|
childAnimationName: _propTypes["default"].oneOf(['expand', 'flyDown']),
|
|
31
27
|
needFocusScope: _propTypes["default"].bool,
|
|
32
|
-
customProps: _propTypes["default"].
|
|
33
|
-
focusScopeProps: _propTypes["default"].shape(_propTypes2["default"]),
|
|
34
|
-
freezeLayerProps: _propTypes["default"].shape(_propTypes3["default"])
|
|
35
|
-
}),
|
|
28
|
+
customProps: _propTypes["default"].object,
|
|
36
29
|
forwardRef: _propTypes["default"].object,
|
|
37
30
|
onClick: _propTypes["default"].func,
|
|
38
31
|
onClose: _propTypes["default"].func,
|
|
@@ -59,38 +59,30 @@ function ModuleHeader(props) {
|
|
|
59
59
|
closeTitle = props.closeTitle,
|
|
60
60
|
onSearchKeyDown = props.onSearchKeyDown,
|
|
61
61
|
palette = props.palette,
|
|
62
|
-
isDraggable = props.isDraggable,
|
|
63
62
|
dragBoundaryLimit = props.dragBoundaryLimit,
|
|
64
63
|
children = props.children,
|
|
65
|
-
customClass = props.customClass,
|
|
66
64
|
childNearTitle = props.childNearTitle;
|
|
67
65
|
var dragRef = (0, _react.useRef)(null); //dragRef
|
|
68
66
|
|
|
69
67
|
(0, _useDragger["default"])({
|
|
70
|
-
isActive:
|
|
68
|
+
isActive: true,
|
|
71
69
|
ChildRef: dragRef,
|
|
72
70
|
boundaryLimit: dragBoundaryLimit
|
|
73
71
|
}); //custom Hook
|
|
74
72
|
|
|
75
|
-
var _customClass$containe = customClass.container,
|
|
76
|
-
customContainerClass = _customClass$containe === void 0 ? '' : _customClass$containe,
|
|
77
|
-
_customClass$title = customClass.title,
|
|
78
|
-
customTitleClass = _customClass$title === void 0 ? '' : _customClass$title,
|
|
79
|
-
_customClass$close = customClass.close,
|
|
80
|
-
customCloseClass = _customClass$close === void 0 ? '' : _customClass$close;
|
|
81
73
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
82
74
|
align: "vertical",
|
|
83
75
|
alignBox: "row",
|
|
84
|
-
className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)]
|
|
76
|
+
className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)]),
|
|
85
77
|
isCover: false,
|
|
86
78
|
wrap: "wrap",
|
|
87
79
|
dataId: dataId,
|
|
88
|
-
"data-drag-hook":
|
|
80
|
+
"data-drag-hook": "true",
|
|
89
81
|
eleRef: dragRef
|
|
90
82
|
}, childNearTitle ? childNearTitle : '', /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
91
83
|
flexible: true
|
|
92
84
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
93
|
-
className:
|
|
85
|
+
className: _lookupHeaderCommonModule["default"].title
|
|
94
86
|
}, /*#__PURE__*/_react["default"].createElement(_Title["default"], {
|
|
95
87
|
text: title
|
|
96
88
|
})), miniDescription && /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -107,7 +99,7 @@ function ModuleHeader(props) {
|
|
|
107
99
|
getRef: getSearchBoxRef,
|
|
108
100
|
onKeyDown: onSearchKeyDown
|
|
109
101
|
})), children ? children : '', onLookupClose ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
110
|
-
className:
|
|
102
|
+
className: _lookupHeaderCommonModule["default"].closeContainer
|
|
111
103
|
}, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
|
|
112
104
|
dataId: "close",
|
|
113
105
|
onClose: onLookupClose,
|