@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.
Files changed (110) hide show
  1. package/README.md +2 -7
  2. package/es/ActionButton/ActionButton.js +19 -9
  3. package/es/ActionButton/props/defaultProps.js +2 -1
  4. package/es/ActionButton/props/propTypes.js +4 -1
  5. package/es/DotProvider/hooks/useDotProvider.js +3 -3
  6. package/es/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +1 -0
  7. package/es/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +1 -0
  8. package/es/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +1 -0
  9. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -2
  10. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -2
  11. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -2
  12. package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -2
  13. package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -2
  14. package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -2
  15. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -2
  16. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -2
  17. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -2
  18. package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -2
  19. package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -2
  20. package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -2
  21. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -2
  22. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -2
  23. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -2
  24. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +2 -0
  25. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +2 -0
  26. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +2 -0
  27. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +2 -0
  28. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +2 -0
  29. package/es/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +2 -0
  30. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +2 -0
  31. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +2 -0
  32. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +2 -0
  33. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +2 -0
  34. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +2 -0
  35. package/es/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +2 -0
  36. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +2 -0
  37. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +2 -0
  38. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +2 -0
  39. package/es/DotProvider/utils/constants.js +2 -1
  40. package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +15 -1
  41. package/es/DotProvider/utils/themeColorAssetsConfig.js +73 -1
  42. package/es/lookup/Lookup/Lookup.js +4 -6
  43. package/es/lookup/Lookup/__tests__/Lookup.spec.js +4 -101
  44. package/es/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +2 -223
  45. package/es/lookup/Lookup/props/propTypes.js +1 -6
  46. package/es/lookup/header/ModuleHeader/ModuleHeader.js +5 -12
  47. package/es/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +3 -87
  48. package/es/lookup/header/ModuleHeader/props/defaultProps.js +0 -2
  49. package/es/lookup/header/ModuleHeader/props/propTypes.js +0 -6
  50. package/es/version2/lookup/AlertHeader/AlertHeader.js +9 -19
  51. package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +3 -122
  52. package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +3 -1728
  53. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +1 -6
  54. package/es/version2/lookup/AlertHeader/props/defaultProps.js +0 -2
  55. package/es/version2/lookup/AlertHeader/props/propTypes.js +0 -10
  56. package/lib/ActionButton/ActionButton.js +18 -9
  57. package/lib/ActionButton/props/defaultProps.js +2 -1
  58. package/lib/ActionButton/props/propTypes.js +4 -1
  59. package/lib/DotProvider/hooks/useDotProvider.js +3 -3
  60. package/lib/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +3 -0
  61. package/lib/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +3 -0
  62. package/lib/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +3 -0
  63. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -4
  64. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -4
  65. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -4
  66. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -4
  67. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -4
  68. package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -4
  69. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -4
  70. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -4
  71. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -4
  72. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -4
  73. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -4
  74. package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -4
  75. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -4
  76. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -4
  77. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -4
  78. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +5 -0
  79. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +5 -0
  80. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +5 -0
  81. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +5 -0
  82. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +5 -0
  83. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +5 -0
  84. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +5 -0
  85. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +5 -0
  86. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +5 -0
  87. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +5 -0
  88. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +5 -0
  89. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +5 -0
  90. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +5 -0
  91. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +5 -0
  92. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +5 -0
  93. package/lib/DotProvider/utils/constants.js +4 -2
  94. package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +17 -2
  95. package/lib/DotProvider/utils/themeColorAssetsConfig.js +77 -2
  96. package/lib/lookup/Lookup/Lookup.js +4 -6
  97. package/lib/lookup/Lookup/__tests__/Lookup.spec.js +4 -101
  98. package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +2 -223
  99. package/lib/lookup/Lookup/props/propTypes.js +1 -8
  100. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +5 -13
  101. package/lib/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +2 -86
  102. package/lib/lookup/header/ModuleHeader/props/defaultProps.js +0 -2
  103. package/lib/lookup/header/ModuleHeader/props/propTypes.js +0 -6
  104. package/lib/version2/lookup/AlertHeader/AlertHeader.js +8 -19
  105. package/lib/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +2 -121
  106. package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +3 -1728
  107. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +2 -4
  108. package/lib/version2/lookup/AlertHeader/props/defaultProps.js +0 -2
  109. package/lib/version2/lookup/AlertHeader/props/propTypes.js +0 -10
  110. 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, _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;
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.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);
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"], _extends({
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
- }), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
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
- var SIZE_VALUES = ['small', 'xmedium', 'large', 'xlarge', 'full'];
12
- var CHILD_ANIMATION_NAME_VALUES = ['expand'];
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.each(SIZE_VALUES)('Render with size=%s', function (size) {
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 = _render4.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 snapshot - Render with a11y attributes 1`] = `
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 snapshot - Render with childAnimationName=expand 1`] = `
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"].shape({
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: isDraggable,
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)], " ").concat(customContainerClass),
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": isDraggable ? 'true' : 'false',
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: "".concat(_lookupHeaderCommonModule["default"].title, " ").concat(customTitleClass)
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: "".concat(_lookupHeaderCommonModule["default"].closeContainer, " ").concat(customCloseClass)
102
+ className: _lookupHeaderCommonModule["default"].closeContainer
111
103
  }, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
112
104
  dataId: "close",
113
105
  onClose: onLookupClose,