@widergy/energy-ui 2.3.8 → 2.3.10

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 (32) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/components/UTAutocomplete/theme.js +44 -44
  3. package/dist/components/UTBarChart/components/Pagination/index.js +1 -1
  4. package/dist/components/UTBarChart/components/XAxis/components/AxisElement/index.js +3 -3
  5. package/dist/components/UTBarChart/components/YAxis/index.js +1 -1
  6. package/dist/components/UTBarChart/theme.js +7 -7
  7. package/dist/components/UTButton/theme.js +2 -2
  8. package/dist/components/UTCheckList/index.js +1 -1
  9. package/dist/components/UTCheckList/theme.js +3 -3
  10. package/dist/components/UTDatePicker/index.js +1 -1
  11. package/dist/components/UTDatePicker/theme.js +5 -5
  12. package/dist/components/UTDialog/theme.js +2 -2
  13. package/dist/components/UTEmojiPicker/theme.js +24 -24
  14. package/dist/components/UTImageRadio/theme.js +12 -12
  15. package/dist/components/UTLabel/constants.js +1 -0
  16. package/dist/components/UTLabel/theme.js +7 -6
  17. package/dist/components/UTMenu/theme.js +22 -22
  18. package/dist/components/UTPasswordField/theme.js +5 -5
  19. package/dist/components/UTProgressBar/theme.js +12 -12
  20. package/dist/components/UTRadioGroup/index.js +1 -1
  21. package/dist/components/UTSidebar/components/ListOption/index.js +1 -1
  22. package/dist/components/UTSidebar/theme.js +17 -17
  23. package/dist/components/UTSkeleton/index.js +2 -2
  24. package/dist/components/UTTable/index.js +2 -2
  25. package/dist/components/UTTable/theme.js +28 -28
  26. package/dist/components/UTTextArea/theme.js +22 -22
  27. package/dist/components/UTTooltip/theme.js +10 -10
  28. package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/index.js +2 -2
  29. package/dist/components/UTVirtualizedList/components/VirtualizedData/utils.js +2 -2
  30. package/dist/components/UTWorkflowContainer/components/ActionButton/index.js +1 -1
  31. package/dist/components/UTWorkflowContainer/theme.js +4 -4
  32. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,18 @@
1
+ ## [2.3.10](https://github.com/widergy/energy-ui/compare/v2.3.9...v2.3.10) (2023-07-18)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * adding field manage to utLabel ([3d24783](https://github.com/widergy/energy-ui/commit/3d24783b4fb278cc97b5985e09b8502975d9501d))
7
+
8
+ ## [2.3.9](https://github.com/widergy/energy-ui/compare/v2.3.8...v2.3.9) (2023-06-27)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * delete auto-assign config ([2da0e97](https://github.com/widergy/energy-ui/commit/2da0e9741a32b0ed6ec2c5ed0b5796128c47a5e1))
14
+ * update energybot config ([a3e21f5](https://github.com/widergy/energy-ui/commit/a3e21f5ddca331f5c51da8c59bc55157010176ba))
15
+
1
16
  ## [2.3.8](https://github.com/widergy/energy-ui/compare/v2.3.7...v2.3.8) (2023-06-14)
2
17
 
3
18
 
@@ -10,26 +10,26 @@ var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"
10
10
  var _classesUtils = require("../../utils/classesUtils");
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
12
  var retrieveStyle = function retrieveStyle(_ref) {
13
- var _theme$UTAutocomplete, _theme$UTAutocomplete2, _theme$UTTextInput, _theme$UTAutocomplete3, _theme$UTAutocomplete4, _theme$UTTextInput2, _theme$UTAutocomplete5, _theme$UTAutocomplete6, _theme$UTTextInput3, _theme$UTAutocomplete7, _theme$UTAutocomplete8, _theme$UTAutocomplete9, _theme$UTAutocomplete10, _theme$UTAutocomplete11, _theme$UTAutocomplete12;
13
+ var _theme$UTAutocomplete, _theme$UTTextInput, _theme$UTAutocomplete2, _theme$UTTextInput2, _theme$UTAutocomplete3, _theme$UTTextInput3, _theme$UTAutocomplete4, _theme$UTAutocomplete5, _theme$UTAutocomplete6;
14
14
  var theme = _ref.theme;
15
15
  return {
16
16
  arrowIcon: {
17
- color: ((_theme$UTAutocomplete = theme.UTAutocomplete) === null || _theme$UTAutocomplete === void 0 ? void 0 : (_theme$UTAutocomplete2 = _theme$UTAutocomplete.arrowIcon) === null || _theme$UTAutocomplete2 === void 0 ? void 0 : _theme$UTAutocomplete2.color) || ((_theme$UTTextInput = theme.UTTextInput) === null || _theme$UTTextInput === void 0 ? void 0 : _theme$UTTextInput.color)
17
+ color: ((_theme$UTAutocomplete = theme.UTAutocomplete) === null || _theme$UTAutocomplete === void 0 || (_theme$UTAutocomplete = _theme$UTAutocomplete.arrowIcon) === null || _theme$UTAutocomplete === void 0 ? void 0 : _theme$UTAutocomplete.color) || ((_theme$UTTextInput = theme.UTTextInput) === null || _theme$UTTextInput === void 0 ? void 0 : _theme$UTTextInput.color)
18
18
  },
19
19
  arrowIconDisabled: {
20
- color: ((_theme$UTAutocomplete3 = theme.UTAutocomplete) === null || _theme$UTAutocomplete3 === void 0 ? void 0 : (_theme$UTAutocomplete4 = _theme$UTAutocomplete3.arrowIconDisabled) === null || _theme$UTAutocomplete4 === void 0 ? void 0 : _theme$UTAutocomplete4.color) || ((_theme$UTTextInput2 = theme.UTTextInput) === null || _theme$UTTextInput2 === void 0 ? void 0 : _theme$UTTextInput2.color)
20
+ color: ((_theme$UTAutocomplete2 = theme.UTAutocomplete) === null || _theme$UTAutocomplete2 === void 0 || (_theme$UTAutocomplete2 = _theme$UTAutocomplete2.arrowIconDisabled) === null || _theme$UTAutocomplete2 === void 0 ? void 0 : _theme$UTAutocomplete2.color) || ((_theme$UTTextInput2 = theme.UTTextInput) === null || _theme$UTTextInput2 === void 0 ? void 0 : _theme$UTTextInput2.color)
21
21
  },
22
22
  loadingIcon: {
23
- color: ((_theme$UTAutocomplete5 = theme.UTAutocomplete) === null || _theme$UTAutocomplete5 === void 0 ? void 0 : (_theme$UTAutocomplete6 = _theme$UTAutocomplete5.loadingIcon) === null || _theme$UTAutocomplete6 === void 0 ? void 0 : _theme$UTAutocomplete6.color) || ((_theme$UTTextInput3 = theme.UTTextInput) === null || _theme$UTTextInput3 === void 0 ? void 0 : _theme$UTTextInput3.color),
24
- height: (0, _classesUtils.withImportant)(((_theme$UTAutocomplete7 = theme.UTAutocomplete) === null || _theme$UTAutocomplete7 === void 0 ? void 0 : (_theme$UTAutocomplete8 = _theme$UTAutocomplete7.loadingIcon) === null || _theme$UTAutocomplete8 === void 0 ? void 0 : _theme$UTAutocomplete8.height) || "20px"),
25
- margin: ((_theme$UTAutocomplete9 = theme.UTAutocomplete) === null || _theme$UTAutocomplete9 === void 0 ? void 0 : (_theme$UTAutocomplete10 = _theme$UTAutocomplete9.loadingIcon) === null || _theme$UTAutocomplete10 === void 0 ? void 0 : _theme$UTAutocomplete10.margin) || '0 10px 0 0',
26
- width: (0, _classesUtils.withImportant)(((_theme$UTAutocomplete11 = theme.UTAutocomplete) === null || _theme$UTAutocomplete11 === void 0 ? void 0 : (_theme$UTAutocomplete12 = _theme$UTAutocomplete11.loadingIcon) === null || _theme$UTAutocomplete12 === void 0 ? void 0 : _theme$UTAutocomplete12.width) || "20px")
23
+ color: ((_theme$UTAutocomplete3 = theme.UTAutocomplete) === null || _theme$UTAutocomplete3 === void 0 || (_theme$UTAutocomplete3 = _theme$UTAutocomplete3.loadingIcon) === null || _theme$UTAutocomplete3 === void 0 ? void 0 : _theme$UTAutocomplete3.color) || ((_theme$UTTextInput3 = theme.UTTextInput) === null || _theme$UTTextInput3 === void 0 ? void 0 : _theme$UTTextInput3.color),
24
+ height: (0, _classesUtils.withImportant)(((_theme$UTAutocomplete4 = theme.UTAutocomplete) === null || _theme$UTAutocomplete4 === void 0 || (_theme$UTAutocomplete4 = _theme$UTAutocomplete4.loadingIcon) === null || _theme$UTAutocomplete4 === void 0 ? void 0 : _theme$UTAutocomplete4.height) || "20px"),
25
+ margin: ((_theme$UTAutocomplete5 = theme.UTAutocomplete) === null || _theme$UTAutocomplete5 === void 0 || (_theme$UTAutocomplete5 = _theme$UTAutocomplete5.loadingIcon) === null || _theme$UTAutocomplete5 === void 0 ? void 0 : _theme$UTAutocomplete5.margin) || '0 10px 0 0',
26
+ width: (0, _classesUtils.withImportant)(((_theme$UTAutocomplete6 = theme.UTAutocomplete) === null || _theme$UTAutocomplete6 === void 0 || (_theme$UTAutocomplete6 = _theme$UTAutocomplete6.loadingIcon) === null || _theme$UTAutocomplete6 === void 0 ? void 0 : _theme$UTAutocomplete6.width) || "20px")
27
27
  }
28
28
  };
29
29
  };
30
30
  exports.retrieveStyle = retrieveStyle;
31
31
  var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
32
- var _theme$Fonts, _theme$UTTextInput4, _theme$UTTextInput5, _theme$UTTextInput6, _theme$Fonts2, _theme$UTTextInput7, _theme$UTTextInput8, _theme$UTTextInput9, _theme$UTTextInput9$u, _theme$UTTextInput9$u2, _theme$UTTextInput10, _theme$UTTextInput10$, _theme$UTTextInput10$2, _theme$UTTextInput11, _theme$UTTextInput11$, _theme$UTTextInput11$2, _theme$UTTextInput12, _theme$UTTextInput12$, _theme$UTTextInput12$2, _theme$UTTextInput13, _theme$UTTextInput13$, _theme$UTTextInput13$2, _theme$UTTextInput14, _theme$UTTextInput14$, _theme$UTTextInput14$2, _theme$UTTextInput15, _theme$Fonts3, _theme$UTTextInput16, _theme$UTTextInput17, _theme$UTTextInput17$, _theme$UTTextInput17$2, _theme$UTTextInput18, _theme$UTTextInput18$, _theme$UTTextInput18$2, _theme$UTTextInput19, _theme$UTTextInput19$, _theme$UTTextInput19$2, _theme$UTTextInput20, _theme$UTTextInput20$, _theme$UTTextInput20$2, _theme$UTTextInput21, _theme$UTTextInput21$, _theme$UTTextInput21$2, _theme$UTTextInput22, _theme$UTTextInput22$, _theme$UTTextInput22$2, _theme$UTTextInput23, _theme$UTTextInput23$, _theme$UTTextInput24, _theme$UTTextInput24$, _theme$UTTextInput24$2, _theme$UTTextInput25, _theme$UTTextInput25$, _theme$UTTextInput25$2, _theme$UTTextInput26, _theme$UTTextInput26$, _theme$UTAutocomplete13, _theme$UTAutocomplete14, _theme$UTAutocomplete15, _theme$UTAutocomplete16, _theme$UTAutocomplete17, _theme$UTAutocomplete18, _theme$UTTextInput27, _theme$UTTextInput27$, _theme$UTTextInput28, _theme$UTTextInput28$, _theme$UTTextInput29, _theme$UTTextInput29$, _theme$UTTextInput30, _theme$UTTextInput30$, _theme$UTTextInput31, _theme$Fonts4, _theme$UTTextInput32, _theme$UTTextInput32$, _theme$UTTextInput33, _theme$UTTextInput33$, _theme$UTTextInput34, _theme$UTTextInput34$, _theme$UTAutocomplete19, _theme$UTAutocomplete20, _theme$UTAutocomplete21, _theme$UTAutocomplete22, _theme$UTAutocomplete23, _theme$UTAutocomplete24, _theme$UTAutocomplete25, _theme$UTAutocomplete26, _theme$UTAutocomplete27, _theme$UTAutocomplete28, _theme$UTAutocomplete29, _theme$UTAutocomplete30, _theme$UTAutocomplete31, _theme$UTAutocomplete32, _theme$UTAutocomplete33, _theme$UTAutocomplete34, _theme$UTAutocomplete35;
32
+ var _theme$Fonts, _theme$UTTextInput4, _theme$UTTextInput5, _theme$UTTextInput6, _theme$Fonts2, _theme$UTTextInput7, _theme$UTTextInput8, _theme$UTTextInput9, _theme$UTTextInput10, _theme$UTTextInput11, _theme$UTTextInput12, _theme$UTTextInput13, _theme$UTTextInput14, _theme$UTTextInput15, _theme$Fonts3, _theme$UTTextInput16, _theme$UTTextInput17, _theme$UTTextInput18, _theme$UTTextInput19, _theme$UTTextInput20, _theme$UTTextInput21, _theme$UTTextInput22, _theme$UTTextInput23, _theme$UTTextInput24, _theme$UTTextInput25, _theme$UTTextInput26, _theme$UTAutocomplete7, _theme$UTAutocomplete8, _theme$UTAutocomplete9, _theme$UTTextInput27, _theme$UTTextInput28, _theme$UTTextInput29, _theme$UTTextInput30, _theme$UTTextInput31, _theme$Fonts4, _theme$UTTextInput32, _theme$UTTextInput33, _theme$UTTextInput34, _theme$UTAutocomplete10, _theme$UTAutocomplete11, _theme$UTAutocomplete12, _theme$UTAutocomplete13, _theme$UTAutocomplete14, _theme$UTAutocomplete15, _theme$UTAutocomplete16, _theme$UTAutocomplete17, _theme$UTAutocomplete18, _theme$UTAutocomplete19;
33
33
  var mui = {
34
34
  typography: {
35
35
  fontFamily: (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.fontFamily
@@ -45,22 +45,22 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
45
45
  },
46
46
  underline: {
47
47
  '&:hover:not($disabled):not($focused):not($error):before': {
48
- borderBottom: ((_theme$UTTextInput9 = theme.UTTextInput) === null || _theme$UTTextInput9 === void 0 ? void 0 : (_theme$UTTextInput9$u = _theme$UTTextInput9.underline) === null || _theme$UTTextInput9$u === void 0 ? void 0 : (_theme$UTTextInput9$u2 = _theme$UTTextInput9$u.hover) === null || _theme$UTTextInput9$u2 === void 0 ? void 0 : _theme$UTTextInput9$u2.borderBottom) || "1px solid ".concat(_colors.default.gray)
48
+ borderBottom: ((_theme$UTTextInput9 = theme.UTTextInput) === null || _theme$UTTextInput9 === void 0 || (_theme$UTTextInput9 = _theme$UTTextInput9.underline) === null || _theme$UTTextInput9 === void 0 || (_theme$UTTextInput9 = _theme$UTTextInput9.hover) === null || _theme$UTTextInput9 === void 0 ? void 0 : _theme$UTTextInput9.borderBottom) || "1px solid ".concat(_colors.default.gray)
49
49
  },
50
50
  '&:hover:not($disabled):before': {
51
- borderBottom: ((_theme$UTTextInput10 = theme.UTTextInput) === null || _theme$UTTextInput10 === void 0 ? void 0 : (_theme$UTTextInput10$ = _theme$UTTextInput10.underline) === null || _theme$UTTextInput10$ === void 0 ? void 0 : (_theme$UTTextInput10$2 = _theme$UTTextInput10$.hover) === null || _theme$UTTextInput10$2 === void 0 ? void 0 : _theme$UTTextInput10$2.borderBottom) || "1px solid ".concat(_colors.default.gray)
51
+ borderBottom: ((_theme$UTTextInput10 = theme.UTTextInput) === null || _theme$UTTextInput10 === void 0 || (_theme$UTTextInput10 = _theme$UTTextInput10.underline) === null || _theme$UTTextInput10 === void 0 || (_theme$UTTextInput10 = _theme$UTTextInput10.hover) === null || _theme$UTTextInput10 === void 0 ? void 0 : _theme$UTTextInput10.borderBottom) || "1px solid ".concat(_colors.default.gray)
52
52
  },
53
53
  '&$disabled:before': {
54
- borderBottom: ((_theme$UTTextInput11 = theme.UTTextInput) === null || _theme$UTTextInput11 === void 0 ? void 0 : (_theme$UTTextInput11$ = _theme$UTTextInput11.underline) === null || _theme$UTTextInput11$ === void 0 ? void 0 : (_theme$UTTextInput11$2 = _theme$UTTextInput11$.disabled) === null || _theme$UTTextInput11$2 === void 0 ? void 0 : _theme$UTTextInput11$2.borderBottom) || "1px solid ".concat(_colors.default.gray)
54
+ borderBottom: ((_theme$UTTextInput11 = theme.UTTextInput) === null || _theme$UTTextInput11 === void 0 || (_theme$UTTextInput11 = _theme$UTTextInput11.underline) === null || _theme$UTTextInput11 === void 0 || (_theme$UTTextInput11 = _theme$UTTextInput11.disabled) === null || _theme$UTTextInput11 === void 0 ? void 0 : _theme$UTTextInput11.borderBottom) || "1px solid ".concat(_colors.default.gray)
55
55
  },
56
56
  '&:before': {
57
- borderBottom: ((_theme$UTTextInput12 = theme.UTTextInput) === null || _theme$UTTextInput12 === void 0 ? void 0 : (_theme$UTTextInput12$ = _theme$UTTextInput12.underline) === null || _theme$UTTextInput12$ === void 0 ? void 0 : (_theme$UTTextInput12$2 = _theme$UTTextInput12$.unfocused) === null || _theme$UTTextInput12$2 === void 0 ? void 0 : _theme$UTTextInput12$2.borderBottom) || "1px solid ".concat(_colors.default.gray)
57
+ borderBottom: ((_theme$UTTextInput12 = theme.UTTextInput) === null || _theme$UTTextInput12 === void 0 || (_theme$UTTextInput12 = _theme$UTTextInput12.underline) === null || _theme$UTTextInput12 === void 0 || (_theme$UTTextInput12 = _theme$UTTextInput12.unfocused) === null || _theme$UTTextInput12 === void 0 ? void 0 : _theme$UTTextInput12.borderBottom) || "1px solid ".concat(_colors.default.gray)
58
58
  },
59
59
  '&$focused:after': {
60
- borderBottom: ((_theme$UTTextInput13 = theme.UTTextInput) === null || _theme$UTTextInput13 === void 0 ? void 0 : (_theme$UTTextInput13$ = _theme$UTTextInput13.underline) === null || _theme$UTTextInput13$ === void 0 ? void 0 : (_theme$UTTextInput13$2 = _theme$UTTextInput13$.focused) === null || _theme$UTTextInput13$2 === void 0 ? void 0 : _theme$UTTextInput13$2.borderBottom) || "2px solid ".concat(_colors.default.primary)
60
+ borderBottom: ((_theme$UTTextInput13 = theme.UTTextInput) === null || _theme$UTTextInput13 === void 0 || (_theme$UTTextInput13 = _theme$UTTextInput13.underline) === null || _theme$UTTextInput13 === void 0 || (_theme$UTTextInput13 = _theme$UTTextInput13.focused) === null || _theme$UTTextInput13 === void 0 ? void 0 : _theme$UTTextInput13.borderBottom) || "2px solid ".concat(_colors.default.primary)
61
61
  },
62
62
  '&:after': {
63
- borderBottom: ((_theme$UTTextInput14 = theme.UTTextInput) === null || _theme$UTTextInput14 === void 0 ? void 0 : (_theme$UTTextInput14$ = _theme$UTTextInput14.underline) === null || _theme$UTTextInput14$ === void 0 ? void 0 : (_theme$UTTextInput14$2 = _theme$UTTextInput14$.base) === null || _theme$UTTextInput14$2 === void 0 ? void 0 : _theme$UTTextInput14$2.borderBottom) || "2px solid ".concat(_colors.default.primary)
63
+ borderBottom: ((_theme$UTTextInput14 = theme.UTTextInput) === null || _theme$UTTextInput14 === void 0 || (_theme$UTTextInput14 = _theme$UTTextInput14.underline) === null || _theme$UTTextInput14 === void 0 || (_theme$UTTextInput14 = _theme$UTTextInput14.base) === null || _theme$UTTextInput14 === void 0 ? void 0 : _theme$UTTextInput14.borderBottom) || "2px solid ".concat(_colors.default.primary)
64
64
  },
65
65
  '&$error:after': {
66
66
  borderBottom: "2px solid ".concat(theme.Palette.error['05']),
@@ -75,42 +75,42 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
75
75
  },
76
76
  root: {
77
77
  '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
78
- border: ((_theme$UTTextInput17 = theme.UTTextInput) === null || _theme$UTTextInput17 === void 0 ? void 0 : (_theme$UTTextInput17$ = _theme$UTTextInput17.notchedOutline) === null || _theme$UTTextInput17$ === void 0 ? void 0 : (_theme$UTTextInput17$2 = _theme$UTTextInput17$.hover) === null || _theme$UTTextInput17$2 === void 0 ? void 0 : _theme$UTTextInput17$2.border) || "1px solid ".concat(_colors.default.gray),
79
- borderColor: (_theme$UTTextInput18 = theme.UTTextInput) === null || _theme$UTTextInput18 === void 0 ? void 0 : (_theme$UTTextInput18$ = _theme$UTTextInput18.notchedOutline) === null || _theme$UTTextInput18$ === void 0 ? void 0 : (_theme$UTTextInput18$2 = _theme$UTTextInput18$.hover) === null || _theme$UTTextInput18$2 === void 0 ? void 0 : _theme$UTTextInput18$2.borderColor
78
+ border: ((_theme$UTTextInput17 = theme.UTTextInput) === null || _theme$UTTextInput17 === void 0 || (_theme$UTTextInput17 = _theme$UTTextInput17.notchedOutline) === null || _theme$UTTextInput17 === void 0 || (_theme$UTTextInput17 = _theme$UTTextInput17.hover) === null || _theme$UTTextInput17 === void 0 ? void 0 : _theme$UTTextInput17.border) || "1px solid ".concat(_colors.default.gray),
79
+ borderColor: (_theme$UTTextInput18 = theme.UTTextInput) === null || _theme$UTTextInput18 === void 0 || (_theme$UTTextInput18 = _theme$UTTextInput18.notchedOutline) === null || _theme$UTTextInput18 === void 0 || (_theme$UTTextInput18 = _theme$UTTextInput18.hover) === null || _theme$UTTextInput18 === void 0 ? void 0 : _theme$UTTextInput18.borderColor
80
80
  },
81
81
  '&$focused $notchedOutline': {
82
- border: ((_theme$UTTextInput19 = theme.UTTextInput) === null || _theme$UTTextInput19 === void 0 ? void 0 : (_theme$UTTextInput19$ = _theme$UTTextInput19.notchedOutline) === null || _theme$UTTextInput19$ === void 0 ? void 0 : (_theme$UTTextInput19$2 = _theme$UTTextInput19$.focused) === null || _theme$UTTextInput19$2 === void 0 ? void 0 : _theme$UTTextInput19$2.border) || "2px solid ".concat(_colors.default.primary),
83
- borderColor: (_theme$UTTextInput20 = theme.UTTextInput) === null || _theme$UTTextInput20 === void 0 ? void 0 : (_theme$UTTextInput20$ = _theme$UTTextInput20.notchedOutline) === null || _theme$UTTextInput20$ === void 0 ? void 0 : (_theme$UTTextInput20$2 = _theme$UTTextInput20$.hover) === null || _theme$UTTextInput20$2 === void 0 ? void 0 : _theme$UTTextInput20$2.borderColor
82
+ border: ((_theme$UTTextInput19 = theme.UTTextInput) === null || _theme$UTTextInput19 === void 0 || (_theme$UTTextInput19 = _theme$UTTextInput19.notchedOutline) === null || _theme$UTTextInput19 === void 0 || (_theme$UTTextInput19 = _theme$UTTextInput19.focused) === null || _theme$UTTextInput19 === void 0 ? void 0 : _theme$UTTextInput19.border) || "2px solid ".concat(_colors.default.primary),
83
+ borderColor: (_theme$UTTextInput20 = theme.UTTextInput) === null || _theme$UTTextInput20 === void 0 || (_theme$UTTextInput20 = _theme$UTTextInput20.notchedOutline) === null || _theme$UTTextInput20 === void 0 || (_theme$UTTextInput20 = _theme$UTTextInput20.hover) === null || _theme$UTTextInput20 === void 0 ? void 0 : _theme$UTTextInput20.borderColor
84
84
  },
85
85
  '&$disabled $notchedOutline': {
86
- border: ((_theme$UTTextInput21 = theme.UTTextInput) === null || _theme$UTTextInput21 === void 0 ? void 0 : (_theme$UTTextInput21$ = _theme$UTTextInput21.notchedOutline) === null || _theme$UTTextInput21$ === void 0 ? void 0 : (_theme$UTTextInput21$2 = _theme$UTTextInput21$.disabled) === null || _theme$UTTextInput21$2 === void 0 ? void 0 : _theme$UTTextInput21$2.border) || "1px solid ".concat(_colors.default.gray),
87
- borderColor: (_theme$UTTextInput22 = theme.UTTextInput) === null || _theme$UTTextInput22 === void 0 ? void 0 : (_theme$UTTextInput22$ = _theme$UTTextInput22.notchedOutline) === null || _theme$UTTextInput22$ === void 0 ? void 0 : (_theme$UTTextInput22$2 = _theme$UTTextInput22$.hover) === null || _theme$UTTextInput22$2 === void 0 ? void 0 : _theme$UTTextInput22$2.borderColor
86
+ border: ((_theme$UTTextInput21 = theme.UTTextInput) === null || _theme$UTTextInput21 === void 0 || (_theme$UTTextInput21 = _theme$UTTextInput21.notchedOutline) === null || _theme$UTTextInput21 === void 0 || (_theme$UTTextInput21 = _theme$UTTextInput21.disabled) === null || _theme$UTTextInput21 === void 0 ? void 0 : _theme$UTTextInput21.border) || "1px solid ".concat(_colors.default.gray),
87
+ borderColor: (_theme$UTTextInput22 = theme.UTTextInput) === null || _theme$UTTextInput22 === void 0 || (_theme$UTTextInput22 = _theme$UTTextInput22.notchedOutline) === null || _theme$UTTextInput22 === void 0 || (_theme$UTTextInput22 = _theme$UTTextInput22.hover) === null || _theme$UTTextInput22 === void 0 ? void 0 : _theme$UTTextInput22.borderColor
88
88
  },
89
- padding: (_theme$UTTextInput23 = theme.UTTextInput) === null || _theme$UTTextInput23 === void 0 ? void 0 : (_theme$UTTextInput23$ = _theme$UTTextInput23.notchedOutline) === null || _theme$UTTextInput23$ === void 0 ? void 0 : _theme$UTTextInput23$.padding
89
+ padding: (_theme$UTTextInput23 = theme.UTTextInput) === null || _theme$UTTextInput23 === void 0 || (_theme$UTTextInput23 = _theme$UTTextInput23.notchedOutline) === null || _theme$UTTextInput23 === void 0 ? void 0 : _theme$UTTextInput23.padding
90
90
  },
91
91
  notchedOutline: {
92
- border: ((_theme$UTTextInput24 = theme.UTTextInput) === null || _theme$UTTextInput24 === void 0 ? void 0 : (_theme$UTTextInput24$ = _theme$UTTextInput24.notchedOutline) === null || _theme$UTTextInput24$ === void 0 ? void 0 : (_theme$UTTextInput24$2 = _theme$UTTextInput24$.unfocused) === null || _theme$UTTextInput24$2 === void 0 ? void 0 : _theme$UTTextInput24$2.border) || "1px solid ".concat(_colors.default.error),
93
- borderColor: (_theme$UTTextInput25 = theme.UTTextInput) === null || _theme$UTTextInput25 === void 0 ? void 0 : (_theme$UTTextInput25$ = _theme$UTTextInput25.notchedOutline) === null || _theme$UTTextInput25$ === void 0 ? void 0 : (_theme$UTTextInput25$2 = _theme$UTTextInput25$.hover) === null || _theme$UTTextInput25$2 === void 0 ? void 0 : _theme$UTTextInput25$2.borderColor,
94
- borderRadius: (_theme$UTTextInput26 = theme.UTTextInput) === null || _theme$UTTextInput26 === void 0 ? void 0 : (_theme$UTTextInput26$ = _theme$UTTextInput26.notchedOutline) === null || _theme$UTTextInput26$ === void 0 ? void 0 : _theme$UTTextInput26$.borderRadius
92
+ border: ((_theme$UTTextInput24 = theme.UTTextInput) === null || _theme$UTTextInput24 === void 0 || (_theme$UTTextInput24 = _theme$UTTextInput24.notchedOutline) === null || _theme$UTTextInput24 === void 0 || (_theme$UTTextInput24 = _theme$UTTextInput24.unfocused) === null || _theme$UTTextInput24 === void 0 ? void 0 : _theme$UTTextInput24.border) || "1px solid ".concat(_colors.default.error),
93
+ borderColor: (_theme$UTTextInput25 = theme.UTTextInput) === null || _theme$UTTextInput25 === void 0 || (_theme$UTTextInput25 = _theme$UTTextInput25.notchedOutline) === null || _theme$UTTextInput25 === void 0 || (_theme$UTTextInput25 = _theme$UTTextInput25.hover) === null || _theme$UTTextInput25 === void 0 ? void 0 : _theme$UTTextInput25.borderColor,
94
+ borderRadius: (_theme$UTTextInput26 = theme.UTTextInput) === null || _theme$UTTextInput26 === void 0 || (_theme$UTTextInput26 = _theme$UTTextInput26.notchedOutline) === null || _theme$UTTextInput26 === void 0 ? void 0 : _theme$UTTextInput26.borderRadius
95
95
  }
96
96
  },
97
97
  MuiPaper: {
98
98
  root: {
99
- marginTop: ((_theme$UTAutocomplete13 = theme.UTAutocomplete) === null || _theme$UTAutocomplete13 === void 0 ? void 0 : (_theme$UTAutocomplete14 = _theme$UTAutocomplete13.paper) === null || _theme$UTAutocomplete14 === void 0 ? void 0 : _theme$UTAutocomplete14.marginTop) || 8,
100
- maxHeight: ((_theme$UTAutocomplete15 = theme.UTAutocomplete) === null || _theme$UTAutocomplete15 === void 0 ? void 0 : (_theme$UTAutocomplete16 = _theme$UTAutocomplete15.paper) === null || _theme$UTAutocomplete16 === void 0 ? void 0 : _theme$UTAutocomplete16.maxHeight) || 300,
101
- overflowX: ((_theme$UTAutocomplete17 = theme.UTAutocomplete) === null || _theme$UTAutocomplete17 === void 0 ? void 0 : (_theme$UTAutocomplete18 = _theme$UTAutocomplete17.paper) === null || _theme$UTAutocomplete18 === void 0 ? void 0 : _theme$UTAutocomplete18.overflowX) || 'hidden'
99
+ marginTop: ((_theme$UTAutocomplete7 = theme.UTAutocomplete) === null || _theme$UTAutocomplete7 === void 0 || (_theme$UTAutocomplete7 = _theme$UTAutocomplete7.paper) === null || _theme$UTAutocomplete7 === void 0 ? void 0 : _theme$UTAutocomplete7.marginTop) || 8,
100
+ maxHeight: ((_theme$UTAutocomplete8 = theme.UTAutocomplete) === null || _theme$UTAutocomplete8 === void 0 || (_theme$UTAutocomplete8 = _theme$UTAutocomplete8.paper) === null || _theme$UTAutocomplete8 === void 0 ? void 0 : _theme$UTAutocomplete8.maxHeight) || 300,
101
+ overflowX: ((_theme$UTAutocomplete9 = theme.UTAutocomplete) === null || _theme$UTAutocomplete9 === void 0 || (_theme$UTAutocomplete9 = _theme$UTAutocomplete9.paper) === null || _theme$UTAutocomplete9 === void 0 ? void 0 : _theme$UTAutocomplete9.overflowX) || 'hidden'
102
102
  }
103
103
  },
104
104
  MuiFormLabel: {
105
105
  root: {
106
- color: (_theme$UTTextInput27 = theme.UTTextInput) === null || _theme$UTTextInput27 === void 0 ? void 0 : (_theme$UTTextInput27$ = _theme$UTTextInput27.formLabel) === null || _theme$UTTextInput27$ === void 0 ? void 0 : _theme$UTTextInput27$.color,
106
+ color: (_theme$UTTextInput27 = theme.UTTextInput) === null || _theme$UTTextInput27 === void 0 || (_theme$UTTextInput27 = _theme$UTTextInput27.formLabel) === null || _theme$UTTextInput27 === void 0 ? void 0 : _theme$UTTextInput27.color,
107
107
  '&$error': {
108
- color: ((_theme$UTTextInput28 = theme.UTTextInput) === null || _theme$UTTextInput28 === void 0 ? void 0 : (_theme$UTTextInput28$ = _theme$UTTextInput28.formLabel) === null || _theme$UTTextInput28$ === void 0 ? void 0 : _theme$UTTextInput28$.errorColor) || _colors.default.gray
108
+ color: ((_theme$UTTextInput28 = theme.UTTextInput) === null || _theme$UTTextInput28 === void 0 || (_theme$UTTextInput28 = _theme$UTTextInput28.formLabel) === null || _theme$UTTextInput28 === void 0 ? void 0 : _theme$UTTextInput28.errorColor) || _colors.default.gray
109
109
  },
110
110
  '&$focused': {
111
- color: ((_theme$UTTextInput29 = theme.UTTextInput) === null || _theme$UTTextInput29 === void 0 ? void 0 : (_theme$UTTextInput29$ = _theme$UTTextInput29.formLabel) === null || _theme$UTTextInput29$ === void 0 ? void 0 : _theme$UTTextInput29$.focusedColor) || _colors.default.primary,
111
+ color: ((_theme$UTTextInput29 = theme.UTTextInput) === null || _theme$UTTextInput29 === void 0 || (_theme$UTTextInput29 = _theme$UTTextInput29.formLabel) === null || _theme$UTTextInput29 === void 0 ? void 0 : _theme$UTTextInput29.focusedColor) || _colors.default.primary,
112
112
  '&$error': {
113
- color: ((_theme$UTTextInput30 = theme.UTTextInput) === null || _theme$UTTextInput30 === void 0 ? void 0 : (_theme$UTTextInput30$ = _theme$UTTextInput30.formLabel) === null || _theme$UTTextInput30$ === void 0 ? void 0 : _theme$UTTextInput30$.focusedErrorColor) || _colors.default.error
113
+ color: ((_theme$UTTextInput30 = theme.UTTextInput) === null || _theme$UTTextInput30 === void 0 || (_theme$UTTextInput30 = _theme$UTTextInput30.formLabel) === null || _theme$UTTextInput30 === void 0 ? void 0 : _theme$UTTextInput30.focusedErrorColor) || _colors.default.error
114
114
  }
115
115
  },
116
116
  fontSize: ((_theme$UTTextInput31 = theme.UTTextInput) === null || _theme$UTTextInput31 === void 0 ? void 0 : _theme$UTTextInput31.fontSize) || ((_theme$Fonts4 = theme.Fonts) === null || _theme$Fonts4 === void 0 ? void 0 : _theme$Fonts4.medium) || 14
@@ -118,37 +118,37 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
118
118
  },
119
119
  MuiFormHelperText: {
120
120
  root: {
121
- fontSize: ((_theme$UTTextInput32 = theme.UTTextInput) === null || _theme$UTTextInput32 === void 0 ? void 0 : (_theme$UTTextInput32$ = _theme$UTTextInput32.helperText) === null || _theme$UTTextInput32$ === void 0 ? void 0 : _theme$UTTextInput32$.fontSize) || 12,
122
- color: ((_theme$UTTextInput33 = theme.UTTextInput) === null || _theme$UTTextInput33 === void 0 ? void 0 : (_theme$UTTextInput33$ = _theme$UTTextInput33.helperText) === null || _theme$UTTextInput33$ === void 0 ? void 0 : _theme$UTTextInput33$.color) || _colors.default.error,
123
- letterSpacing: ((_theme$UTTextInput34 = theme.UTTextInput) === null || _theme$UTTextInput34 === void 0 ? void 0 : (_theme$UTTextInput34$ = _theme$UTTextInput34.helperText) === null || _theme$UTTextInput34$ === void 0 ? void 0 : _theme$UTTextInput34$.letterSpacing) || 'normal'
121
+ fontSize: ((_theme$UTTextInput32 = theme.UTTextInput) === null || _theme$UTTextInput32 === void 0 || (_theme$UTTextInput32 = _theme$UTTextInput32.helperText) === null || _theme$UTTextInput32 === void 0 ? void 0 : _theme$UTTextInput32.fontSize) || 12,
122
+ color: ((_theme$UTTextInput33 = theme.UTTextInput) === null || _theme$UTTextInput33 === void 0 || (_theme$UTTextInput33 = _theme$UTTextInput33.helperText) === null || _theme$UTTextInput33 === void 0 ? void 0 : _theme$UTTextInput33.color) || _colors.default.error,
123
+ letterSpacing: ((_theme$UTTextInput34 = theme.UTTextInput) === null || _theme$UTTextInput34 === void 0 || (_theme$UTTextInput34 = _theme$UTTextInput34.helperText) === null || _theme$UTTextInput34 === void 0 ? void 0 : _theme$UTTextInput34.letterSpacing) || 'normal'
124
124
  }
125
125
  },
126
126
  MuiInputLabel: {
127
127
  outlined: {
128
- transform: (_theme$UTAutocomplete19 = theme.UTAutocomplete) === null || _theme$UTAutocomplete19 === void 0 ? void 0 : (_theme$UTAutocomplete20 = _theme$UTAutocomplete19.inputLabel) === null || _theme$UTAutocomplete20 === void 0 ? void 0 : (_theme$UTAutocomplete21 = _theme$UTAutocomplete20.outlined) === null || _theme$UTAutocomplete21 === void 0 ? void 0 : _theme$UTAutocomplete21.transform
128
+ transform: (_theme$UTAutocomplete10 = theme.UTAutocomplete) === null || _theme$UTAutocomplete10 === void 0 || (_theme$UTAutocomplete10 = _theme$UTAutocomplete10.inputLabel) === null || _theme$UTAutocomplete10 === void 0 || (_theme$UTAutocomplete10 = _theme$UTAutocomplete10.outlined) === null || _theme$UTAutocomplete10 === void 0 ? void 0 : _theme$UTAutocomplete10.transform
129
129
  }
130
130
  },
131
131
  MuiAutocomplete: {
132
132
  root: {
133
- display: ((_theme$UTAutocomplete22 = theme.UTAutocomplete) === null || _theme$UTAutocomplete22 === void 0 ? void 0 : _theme$UTAutocomplete22.display) || 'flex',
134
- flexShrink: ((_theme$UTAutocomplete23 = theme.UTAutocomplete) === null || _theme$UTAutocomplete23 === void 0 ? void 0 : _theme$UTAutocomplete23.flexShrink) || '0',
135
- margin: ((_theme$UTAutocomplete24 = theme.UTAutocomplete) === null || _theme$UTAutocomplete24 === void 0 ? void 0 : _theme$UTAutocomplete24.margin) || '16px 0 8px 0',
136
- width: (0, _classesUtils.withImportant)(((_theme$UTAutocomplete25 = theme.UTAutocomplete) === null || _theme$UTAutocomplete25 === void 0 ? void 0 : _theme$UTAutocomplete25.width) || '100%')
133
+ display: ((_theme$UTAutocomplete11 = theme.UTAutocomplete) === null || _theme$UTAutocomplete11 === void 0 ? void 0 : _theme$UTAutocomplete11.display) || 'flex',
134
+ flexShrink: ((_theme$UTAutocomplete12 = theme.UTAutocomplete) === null || _theme$UTAutocomplete12 === void 0 ? void 0 : _theme$UTAutocomplete12.flexShrink) || '0',
135
+ margin: ((_theme$UTAutocomplete13 = theme.UTAutocomplete) === null || _theme$UTAutocomplete13 === void 0 ? void 0 : _theme$UTAutocomplete13.margin) || '16px 0 8px 0',
136
+ width: (0, _classesUtils.withImportant)(((_theme$UTAutocomplete14 = theme.UTAutocomplete) === null || _theme$UTAutocomplete14 === void 0 ? void 0 : _theme$UTAutocomplete14.width) || '100%')
137
137
  },
138
138
  popper: {
139
- overflowX: ((_theme$UTAutocomplete26 = theme.UTAutocomplete) === null || _theme$UTAutocomplete26 === void 0 ? void 0 : (_theme$UTAutocomplete27 = _theme$UTAutocomplete26.popper) === null || _theme$UTAutocomplete27 === void 0 ? void 0 : _theme$UTAutocomplete27.overflowX) || 'hidden'
139
+ overflowX: ((_theme$UTAutocomplete15 = theme.UTAutocomplete) === null || _theme$UTAutocomplete15 === void 0 || (_theme$UTAutocomplete15 = _theme$UTAutocomplete15.popper) === null || _theme$UTAutocomplete15 === void 0 ? void 0 : _theme$UTAutocomplete15.overflowX) || 'hidden'
140
140
  },
141
141
  option: {
142
- boxSizing: ((_theme$UTAutocomplete28 = theme.UTAutocomplete) === null || _theme$UTAutocomplete28 === void 0 ? void 0 : (_theme$UTAutocomplete29 = _theme$UTAutocomplete28.option) === null || _theme$UTAutocomplete29 === void 0 ? void 0 : _theme$UTAutocomplete29.boxSizing) || 'border-box'
142
+ boxSizing: ((_theme$UTAutocomplete16 = theme.UTAutocomplete) === null || _theme$UTAutocomplete16 === void 0 || (_theme$UTAutocomplete16 = _theme$UTAutocomplete16.option) === null || _theme$UTAutocomplete16 === void 0 ? void 0 : _theme$UTAutocomplete16.boxSizing) || 'border-box'
143
143
  },
144
144
  listbox: {
145
145
  '& ul': {
146
- padding: ((_theme$UTAutocomplete30 = theme.UTAutocomplete) === null || _theme$UTAutocomplete30 === void 0 ? void 0 : (_theme$UTAutocomplete31 = _theme$UTAutocomplete30.listbox) === null || _theme$UTAutocomplete31 === void 0 ? void 0 : _theme$UTAutocomplete31.padding) || 0,
147
- margin: ((_theme$UTAutocomplete32 = theme.UTAutocomplete) === null || _theme$UTAutocomplete32 === void 0 ? void 0 : (_theme$UTAutocomplete33 = _theme$UTAutocomplete32.listbox) === null || _theme$UTAutocomplete33 === void 0 ? void 0 : _theme$UTAutocomplete33.margin) || 0
146
+ padding: ((_theme$UTAutocomplete17 = theme.UTAutocomplete) === null || _theme$UTAutocomplete17 === void 0 || (_theme$UTAutocomplete17 = _theme$UTAutocomplete17.listbox) === null || _theme$UTAutocomplete17 === void 0 ? void 0 : _theme$UTAutocomplete17.padding) || 0,
147
+ margin: ((_theme$UTAutocomplete18 = theme.UTAutocomplete) === null || _theme$UTAutocomplete18 === void 0 || (_theme$UTAutocomplete18 = _theme$UTAutocomplete18.listbox) === null || _theme$UTAutocomplete18 === void 0 ? void 0 : _theme$UTAutocomplete18.margin) || 0
148
148
  }
149
149
  },
150
150
  paper: {
151
- boxShadow: (_theme$UTAutocomplete34 = theme.UTAutocomplete) === null || _theme$UTAutocomplete34 === void 0 ? void 0 : (_theme$UTAutocomplete35 = _theme$UTAutocomplete34.paper) === null || _theme$UTAutocomplete35 === void 0 ? void 0 : _theme$UTAutocomplete35.boxShadow
151
+ boxShadow: (_theme$UTAutocomplete19 = theme.UTAutocomplete) === null || _theme$UTAutocomplete19 === void 0 || (_theme$UTAutocomplete19 = _theme$UTAutocomplete19.paper) === null || _theme$UTAutocomplete19 === void 0 ? void 0 : _theme$UTAutocomplete19.boxShadow
152
152
  }
153
153
  }
154
154
  }
@@ -23,7 +23,7 @@ var Pagination = function Pagination(_ref) {
23
23
  parentYPosition = _ref.parentYPosition,
24
24
  setCurrentPage = _ref.setCurrentPage,
25
25
  totalPages = _ref.totalPages;
26
- var _ref2 = ((_anchor$current = anchor.current) === null || _anchor$current === void 0 ? void 0 : (_anchor$current$getBo = _anchor$current.getBoundingClientRect) === null || _anchor$current$getBo === void 0 ? void 0 : _anchor$current$getBo.call(_anchor$current)) || {},
26
+ var _ref2 = ((_anchor$current = anchor.current) === null || _anchor$current === void 0 || (_anchor$current$getBo = _anchor$current.getBoundingClientRect) === null || _anchor$current$getBo === void 0 ? void 0 : _anchor$current$getBo.call(_anchor$current)) || {},
27
27
  _ref2$y = _ref2.y,
28
28
  y = _ref2$y === void 0 ? 0 : _ref2$y,
29
29
  _ref2$height = _ref2.height,
@@ -45,10 +45,10 @@ var AxisElement = function AxisElement(_ref) {
45
45
  cx: x,
46
46
  cy: y + yOffset + (circle.yOffset || 0)
47
47
  }, circle)), selected && /*#__PURE__*/_react.default.createElement("rect", {
48
- x: x - (textRef === null || textRef === void 0 ? void 0 : (_textRef$getBoundingC = textRef.getBoundingClientRect()) === null || _textRef$getBoundingC === void 0 ? void 0 : _textRef$getBoundingC.width) / 2 - labelBackgroundPadding,
48
+ x: x - (textRef === null || textRef === void 0 || (_textRef$getBoundingC = textRef.getBoundingClientRect()) === null || _textRef$getBoundingC === void 0 ? void 0 : _textRef$getBoundingC.width) / 2 - labelBackgroundPadding,
49
49
  y: y,
50
- width: (textRef === null || textRef === void 0 ? void 0 : (_textRef$getBoundingC2 = textRef.getBoundingClientRect()) === null || _textRef$getBoundingC2 === void 0 ? void 0 : _textRef$getBoundingC2.width) + labelBackgroundPadding * 2,
51
- height: (textRef === null || textRef === void 0 ? void 0 : (_textRef$getBoundingC3 = textRef.getBoundingClientRect()) === null || _textRef$getBoundingC3 === void 0 ? void 0 : _textRef$getBoundingC3.height) + labelBackgroundPadding,
50
+ width: (textRef === null || textRef === void 0 || (_textRef$getBoundingC2 = textRef.getBoundingClientRect()) === null || _textRef$getBoundingC2 === void 0 ? void 0 : _textRef$getBoundingC2.width) + labelBackgroundPadding * 2,
51
+ height: (textRef === null || textRef === void 0 || (_textRef$getBoundingC3 = textRef.getBoundingClientRect()) === null || _textRef$getBoundingC3 === void 0 ? void 0 : _textRef$getBoundingC3.height) + labelBackgroundPadding,
52
52
  fill: selectedLabelBackground,
53
53
  rx: "14"
54
54
  }), /*#__PURE__*/_react.default.createElement("text", _extends({
@@ -35,7 +35,7 @@ var YAxis = function YAxis(_ref) {
35
35
  unitSubtitle = _ref.unitSubtitle,
36
36
  linearData = _ref.linearData;
37
37
  var labelRef = (0, _react.useRef)();
38
- var height = ((_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 ? void 0 : (_labelRef$current$get = _labelRef$current.getBoundingClientRect) === null || _labelRef$current$get === void 0 ? void 0 : _labelRef$current$get.call(_labelRef$current).height) || 0;
38
+ var height = ((_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 || (_labelRef$current$get = _labelRef$current.getBoundingClientRect) === null || _labelRef$current$get === void 0 ? void 0 : _labelRef$current$get.call(_labelRef$current).height) || 0;
39
39
  var axis = (0, _react.useMemo)(function () {
40
40
  return new Array(yAxisTicks).fill(0).map(function (_, index) {
41
41
  return index;
@@ -7,7 +7,7 @@ exports.retrieveStyle = void 0;
7
7
  var _seamlessImmutable = require("seamless-immutable");
8
8
  var _classesUtils = require("../../utils/classesUtils");
9
9
  var retrieveStyle = function retrieveStyle(_ref) {
10
- var _theme$UTBarChart, _theme$UTBarChart$sho, _theme$UTBarChart2, _theme$UTBarChart2$sh, _theme$UTBarChart3, _theme$UTBarChart3$sh, _theme$UTBarChart4, _theme$UTBarChart4$Fo, _theme$UTBarChart5, _theme$UTBarChart5$sh, _theme$UTBarChart6, _theme$UTBarChart6$sh;
10
+ var _theme$UTBarChart, _theme$UTBarChart2, _theme$UTBarChart3, _theme$UTBarChart4, _theme$UTBarChart5, _theme$UTBarChart6;
11
11
  var theme = _ref.theme;
12
12
  return {
13
13
  solidLevel: {
@@ -34,8 +34,8 @@ var retrieveStyle = function retrieveStyle(_ref) {
34
34
  userSelect: 'none'
35
35
  },
36
36
  showLegendButton: {
37
- backgroundColor: (0, _classesUtils.withImportant)(theme === null || theme === void 0 ? void 0 : (_theme$UTBarChart = theme.UTBarChart) === null || _theme$UTBarChart === void 0 ? void 0 : (_theme$UTBarChart$sho = _theme$UTBarChart.showLegendButton) === null || _theme$UTBarChart$sho === void 0 ? void 0 : _theme$UTBarChart$sho.backgroundColor),
38
- padding: (0, _classesUtils.withImportant)(theme === null || theme === void 0 ? void 0 : (_theme$UTBarChart2 = theme.UTBarChart) === null || _theme$UTBarChart2 === void 0 ? void 0 : (_theme$UTBarChart2$sh = _theme$UTBarChart2.showLegendButton) === null || _theme$UTBarChart2$sh === void 0 ? void 0 : _theme$UTBarChart2$sh.padding),
37
+ backgroundColor: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart = theme.UTBarChart) === null || _theme$UTBarChart === void 0 || (_theme$UTBarChart = _theme$UTBarChart.showLegendButton) === null || _theme$UTBarChart === void 0 ? void 0 : _theme$UTBarChart.backgroundColor),
38
+ padding: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart2 = theme.UTBarChart) === null || _theme$UTBarChart2 === void 0 || (_theme$UTBarChart2 = _theme$UTBarChart2.showLegendButton) === null || _theme$UTBarChart2 === void 0 ? void 0 : _theme$UTBarChart2.padding),
39
39
  borderRadius: '0 !important'
40
40
  },
41
41
  showLegendIcon: {
@@ -43,10 +43,10 @@ var retrieveStyle = function retrieveStyle(_ref) {
43
43
  marginRight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendIcon', 'marginRight'], 10)
44
44
  },
45
45
  showLegendLabel: {
46
- color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 ? void 0 : (_theme$UTBarChart3 = theme.UTBarChart) === null || _theme$UTBarChart3 === void 0 ? void 0 : (_theme$UTBarChart3$sh = _theme$UTBarChart3.showLegendLabel) === null || _theme$UTBarChart3$sh === void 0 ? void 0 : _theme$UTBarChart3$sh.color),
47
- fontFamily: theme === null || theme === void 0 ? void 0 : (_theme$UTBarChart4 = theme.UTBarChart) === null || _theme$UTBarChart4 === void 0 ? void 0 : (_theme$UTBarChart4$Fo = _theme$UTBarChart4.Fonts) === null || _theme$UTBarChart4$Fo === void 0 ? void 0 : _theme$UTBarChart4$Fo.fontFamily,
48
- fontSize: (0, _classesUtils.withImportant)(theme === null || theme === void 0 ? void 0 : (_theme$UTBarChart5 = theme.UTBarChart) === null || _theme$UTBarChart5 === void 0 ? void 0 : (_theme$UTBarChart5$sh = _theme$UTBarChart5.showLegendLabel) === null || _theme$UTBarChart5$sh === void 0 ? void 0 : _theme$UTBarChart5$sh.fontSize),
49
- fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 ? void 0 : (_theme$UTBarChart6 = theme.UTBarChart) === null || _theme$UTBarChart6 === void 0 ? void 0 : (_theme$UTBarChart6$sh = _theme$UTBarChart6.showLegendLabel) === null || _theme$UTBarChart6$sh === void 0 ? void 0 : _theme$UTBarChart6$sh.fontWeight),
46
+ color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart3 = theme.UTBarChart) === null || _theme$UTBarChart3 === void 0 || (_theme$UTBarChart3 = _theme$UTBarChart3.showLegendLabel) === null || _theme$UTBarChart3 === void 0 ? void 0 : _theme$UTBarChart3.color),
47
+ fontFamily: theme === null || theme === void 0 || (_theme$UTBarChart4 = theme.UTBarChart) === null || _theme$UTBarChart4 === void 0 || (_theme$UTBarChart4 = _theme$UTBarChart4.Fonts) === null || _theme$UTBarChart4 === void 0 ? void 0 : _theme$UTBarChart4.fontFamily,
48
+ fontSize: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart5 = theme.UTBarChart) === null || _theme$UTBarChart5 === void 0 || (_theme$UTBarChart5 = _theme$UTBarChart5.showLegendLabel) === null || _theme$UTBarChart5 === void 0 ? void 0 : _theme$UTBarChart5.fontSize),
49
+ fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart6 = theme.UTBarChart) === null || _theme$UTBarChart6 === void 0 || (_theme$UTBarChart6 = _theme$UTBarChart6.showLegendLabel) === null || _theme$UTBarChart6 === void 0 ? void 0 : _theme$UTBarChart6.fontWeight),
50
50
  userSelect: 'none'
51
51
  },
52
52
  paginationButton: {
@@ -124,7 +124,7 @@ var variantsColorTheme = function variantsColorTheme(theme, colorTheme, variant)
124
124
  };
125
125
  exports.variantsColorTheme = variantsColorTheme;
126
126
  var baseButtonTheme = function baseButtonTheme(theme) {
127
- var _theme$UTButton, _theme$UTButton$circu;
127
+ var _theme$UTButton;
128
128
  return {
129
129
  root: {
130
130
  borderRadius: 4,
@@ -148,7 +148,7 @@ var baseButtonTheme = function baseButtonTheme(theme) {
148
148
  padding: '4px 8px'
149
149
  },
150
150
  circularProgress: {
151
- color: ((_theme$UTButton = theme.UTButton) === null || _theme$UTButton === void 0 ? void 0 : (_theme$UTButton$circu = _theme$UTButton.circularProgress) === null || _theme$UTButton$circu === void 0 ? void 0 : _theme$UTButton$circu.color) || '484848'
151
+ color: ((_theme$UTButton = theme.UTButton) === null || _theme$UTButton === void 0 || (_theme$UTButton = _theme$UTButton.circularProgress) === null || _theme$UTButton === void 0 ? void 0 : _theme$UTButton.color) || '484848'
152
152
  }
153
153
  };
154
154
  };
@@ -56,7 +56,7 @@ var UTCheckList = function UTCheckList(_ref) {
56
56
  valueKey = _ref.valueKey,
57
57
  withCheckRow = _ref.withCheckRow,
58
58
  withUpperTitle = _ref.withUpperTitle;
59
- var shouldShowUpperTitle = (field === null || field === void 0 ? void 0 : (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) && withUpperTitle;
59
+ var shouldShowUpperTitle = (field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) && withUpperTitle;
60
60
  var handleChange = function handleChange(id) {
61
61
  var newValues = input.value.indexOf(id) === -1 ? [].concat(_toConsumableArray(input.value), [id]) : input.value.filter(function (elem) {
62
62
  return elem !== id;
@@ -46,7 +46,7 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
46
46
  };
47
47
  exports.retrieveMuiTheme = retrieveMuiTheme;
48
48
  var retrieveStyle = function retrieveStyle(_ref) {
49
- var _theme$UTCheckList, _theme$UTCheckList$cu, _theme$UTCheckList$cu2, _theme$Fonts, _theme$UTCheckList2, _theme$UTCheckList2$c, _theme$UTCheckList2$c2, _theme$Fonts2;
49
+ var _theme$UTCheckList, _theme$Fonts, _theme$UTCheckList2, _theme$Fonts2;
50
50
  var theme = _ref.theme;
51
51
  return {
52
52
  selectAllRowRoot: {
@@ -69,7 +69,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
69
69
  },
70
70
  headerItem: {
71
71
  marginRight: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'headerItem', 'marginRight'], '60px'),
72
- fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTCheckList = theme.UTCheckList) === null || _theme$UTCheckList === void 0 ? void 0 : (_theme$UTCheckList$cu = _theme$UTCheckList.customCheckRow) === null || _theme$UTCheckList$cu === void 0 ? void 0 : (_theme$UTCheckList$cu2 = _theme$UTCheckList$cu.headerItem) === null || _theme$UTCheckList$cu2 === void 0 ? void 0 : _theme$UTCheckList$cu2.fontSize) || (theme === null || theme === void 0 ? void 0 : (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.medium))
72
+ fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTCheckList = theme.UTCheckList) === null || _theme$UTCheckList === void 0 || (_theme$UTCheckList = _theme$UTCheckList.customCheckRow) === null || _theme$UTCheckList === void 0 || (_theme$UTCheckList = _theme$UTCheckList.headerItem) === null || _theme$UTCheckList === void 0 ? void 0 : _theme$UTCheckList.fontSize) || (theme === null || theme === void 0 || (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.medium))
73
73
  },
74
74
  checkRowContainer: {
75
75
  alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'container', 'alignItems']),
@@ -84,7 +84,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
84
84
  },
85
85
  rowItem: {
86
86
  display: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'display']),
87
- fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTCheckList2 = theme.UTCheckList) === null || _theme$UTCheckList2 === void 0 ? void 0 : (_theme$UTCheckList2$c = _theme$UTCheckList2.customCheckRow) === null || _theme$UTCheckList2$c === void 0 ? void 0 : (_theme$UTCheckList2$c2 = _theme$UTCheckList2$c.rowItem) === null || _theme$UTCheckList2$c2 === void 0 ? void 0 : _theme$UTCheckList2$c2.fontSize) || (theme === null || theme === void 0 ? void 0 : (_theme$Fonts2 = theme.Fonts) === null || _theme$Fonts2 === void 0 ? void 0 : _theme$Fonts2.small)),
87
+ fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTCheckList2 = theme.UTCheckList) === null || _theme$UTCheckList2 === void 0 || (_theme$UTCheckList2 = _theme$UTCheckList2.customCheckRow) === null || _theme$UTCheckList2 === void 0 || (_theme$UTCheckList2 = _theme$UTCheckList2.rowItem) === null || _theme$UTCheckList2 === void 0 ? void 0 : _theme$UTCheckList2.fontSize) || (theme === null || theme === void 0 || (_theme$Fonts2 = theme.Fonts) === null || _theme$Fonts2 === void 0 ? void 0 : _theme$Fonts2.small)),
88
88
  justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'justifyContent']),
89
89
  width: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'width'])
90
90
  }
@@ -111,7 +111,7 @@ var UTDatePicker = function UTDatePicker(_ref) {
111
111
  var classes = (0, _react.useMemo)(function () {
112
112
  return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
113
113
  }, [classNames]);
114
- var configMask = (field === null || field === void 0 ? void 0 : (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.date_mask) || _constants.OUTPUT_LABEL_MASK;
114
+ var configMask = (field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.date_mask) || _constants.OUTPUT_LABEL_MASK;
115
115
  var _useState = (0, _react.useState)(null),
116
116
  _useState2 = _slicedToArray(_useState, 2),
117
117
  pickedDate = _useState2[0],
@@ -48,7 +48,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
48
48
  };
49
49
  exports.retrieveStyle = retrieveStyle;
50
50
  var materialTheme = function materialTheme(theme) {
51
- var _theme$UTDatePicker, _theme$UTDatePicker$s, _theme$UTDatePicker2, _theme$UTDatePicker2$, _theme$UTDatePicker3, _theme$UTDatePicker3$, _theme$UTDatePicker4, _theme$UTDatePicker4$, _theme$UTDatePicker4$2;
51
+ var _theme$UTDatePicker, _theme$UTDatePicker2, _theme$UTDatePicker3, _theme$UTDatePicker4;
52
52
  return (0, _styles.createTheme)({
53
53
  typography: {
54
54
  fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
@@ -105,15 +105,15 @@ var materialTheme = function materialTheme(theme) {
105
105
  MuiPickersCalendarHeader: {
106
106
  switchHeader: {
107
107
  color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'color'], _colors.default.gray4),
108
- textTransform: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTDatePicker = theme.UTDatePicker) === null || _theme$UTDatePicker === void 0 ? void 0 : (_theme$UTDatePicker$s = _theme$UTDatePicker.switchHeader) === null || _theme$UTDatePicker$s === void 0 ? void 0 : _theme$UTDatePicker$s.textTransform) || 'capitalize'),
109
- fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTDatePicker2 = theme.UTDatePicker) === null || _theme$UTDatePicker2 === void 0 ? void 0 : (_theme$UTDatePicker2$ = _theme$UTDatePicker2.switchHeader) === null || _theme$UTDatePicker2$ === void 0 ? void 0 : _theme$UTDatePicker2$.fontWeight) || 500),
108
+ textTransform: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTDatePicker = theme.UTDatePicker) === null || _theme$UTDatePicker === void 0 || (_theme$UTDatePicker = _theme$UTDatePicker.switchHeader) === null || _theme$UTDatePicker === void 0 ? void 0 : _theme$UTDatePicker.textTransform) || 'capitalize'),
109
+ fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTDatePicker2 = theme.UTDatePicker) === null || _theme$UTDatePicker2 === void 0 || (_theme$UTDatePicker2 = _theme$UTDatePicker2.switchHeader) === null || _theme$UTDatePicker2 === void 0 ? void 0 : _theme$UTDatePicker2.fontWeight) || 500),
110
110
  margin: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'margin'], '8px 17px'),
111
111
  padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'padding'], '15px 0 0')
112
112
  },
113
113
  dayLabel: {
114
114
  color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'color'], _colors.default.gray4),
115
115
  width: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'width'], '33px'),
116
- fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTDatePicker3 = theme.UTDatePicker) === null || _theme$UTDatePicker3 === void 0 ? void 0 : (_theme$UTDatePicker3$ = _theme$UTDatePicker3.dayLabel) === null || _theme$UTDatePicker3$ === void 0 ? void 0 : _theme$UTDatePicker3$.fontWeight) || 500),
116
+ fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTDatePicker3 = theme.UTDatePicker) === null || _theme$UTDatePicker3 === void 0 || (_theme$UTDatePicker3 = _theme$UTDatePicker3.dayLabel) === null || _theme$UTDatePicker3 === void 0 ? void 0 : _theme$UTDatePicker3.fontWeight) || 500),
117
117
  fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']))
118
118
  },
119
119
  daysHeader: {
@@ -131,7 +131,7 @@ var materialTheme = function materialTheme(theme) {
131
131
  width: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'width'], '250px'),
132
132
  color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'color'], _colors.default.gray4),
133
133
  paddingLeft: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'paddingLeft'], '6px'),
134
- paddingRight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTDatePicker4 = theme.UTDatePicker) === null || _theme$UTDatePicker4 === void 0 ? void 0 : (_theme$UTDatePicker4$ = _theme$UTDatePicker4.outlinedInput) === null || _theme$UTDatePicker4$ === void 0 ? void 0 : (_theme$UTDatePicker4$2 = _theme$UTDatePicker4$.root) === null || _theme$UTDatePicker4$2 === void 0 ? void 0 : _theme$UTDatePicker4$2.paddingRight) || '12px'),
134
+ paddingRight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTDatePicker4 = theme.UTDatePicker) === null || _theme$UTDatePicker4 === void 0 || (_theme$UTDatePicker4 = _theme$UTDatePicker4.outlinedInput) === null || _theme$UTDatePicker4 === void 0 || (_theme$UTDatePicker4 = _theme$UTDatePicker4.root) === null || _theme$UTDatePicker4 === void 0 ? void 0 : _theme$UTDatePicker4.paddingRight) || '12px'),
135
135
  '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
136
136
  borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'hover', 'borderColor'], _colors.default.gray3)
137
137
  },
@@ -9,7 +9,7 @@ var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"
9
9
  var _classesUtils = require("../../utils/classesUtils");
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  var retrieveStyle = function retrieveStyle(_ref) {
12
- var _theme$UTDialog, _theme$UTDialog$close;
12
+ var _theme$UTDialog;
13
13
  var theme = _ref.theme;
14
14
  return {
15
15
  container: {
@@ -64,7 +64,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
64
64
  },
65
65
  closeButton: {
66
66
  padding: (0, _seamlessImmutable.getIn)(theme, ['UTDialog', 'closeButton', 'padding']),
67
- position: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTDialog = theme.UTDialog) === null || _theme$UTDialog === void 0 ? void 0 : (_theme$UTDialog$close = _theme$UTDialog.closeButton) === null || _theme$UTDialog$close === void 0 ? void 0 : _theme$UTDialog$close.position) || 'absolute'),
67
+ position: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTDialog = theme.UTDialog) === null || _theme$UTDialog === void 0 || (_theme$UTDialog = _theme$UTDialog.closeButton) === null || _theme$UTDialog === void 0 ? void 0 : _theme$UTDialog.position) || 'absolute'),
68
68
  right: (0, _seamlessImmutable.getIn)(theme, ['UTDialog', 'closeButton', 'right'], '5px'),
69
69
  top: (0, _seamlessImmutable.getIn)(theme, ['UTDialog', 'closeButton', 'top'], '5px')
70
70
  },
@@ -7,45 +7,45 @@ exports.retrieveStyle = void 0;
7
7
  var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
9
  var retrieveStyle = function retrieveStyle(_ref) {
10
- var _theme$UTEmojiPicker, _theme$UTEmojiPicker$, _theme$UTEmojiPicker2, _theme$UTEmojiPicker3, _theme$UTEmojiPicker4, _theme$UTEmojiPicker5, _theme$UTEmojiPicker6, _theme$UTEmojiPicker7, _theme$UTEmojiPicker8, _theme$UTEmojiPicker9, _theme$UTEmojiPicker10, _theme$UTEmojiPicker11, _theme$UTEmojiPicker12, _theme$UTEmojiPicker13, _theme$UTEmojiPicker14, _theme$UTEmojiPicker15, _theme$UTEmojiPicker16, _theme$UTEmojiPicker17, _theme$UTEmojiPicker18, _theme$UTEmojiPicker19, _theme$UTEmojiPicker20, _theme$UTEmojiPicker21, _theme$UTEmojiPicker22, _theme$UTEmojiPicker23, _theme$UTEmojiPicker24, _theme$UTEmojiPicker25, _theme$UTEmojiPicker26, _theme$UTEmojiPicker27, _theme$UTEmojiPicker28, _theme$UTEmojiPicker29, _theme$UTEmojiPicker30, _theme$UTEmojiPicker31, _theme$UTEmojiPicker32, _theme$UTEmojiPicker33, _theme$UTEmojiPicker34, _theme$UTEmojiPicker35, _theme$UTEmojiPicker36, _theme$UTEmojiPicker37, _theme$UTEmojiPicker38, _theme$UTEmojiPicker39, _theme$UTEmojiPicker40, _theme$UTEmojiPicker41, _theme$UTEmojiPicker42, _theme$UTEmojiPicker43, _theme$UTEmojiPicker44, _theme$UTEmojiPicker45, _theme$UTEmojiPicker46, _theme$UTEmojiPicker47, _theme$UTEmojiPicker48, _theme$UTEmojiPicker49;
10
+ var _theme$UTEmojiPicker, _theme$UTEmojiPicker2, _theme$UTEmojiPicker3, _theme$UTEmojiPicker4, _theme$UTEmojiPicker5, _theme$UTEmojiPicker6, _theme$UTEmojiPicker7, _theme$UTEmojiPicker8, _theme$UTEmojiPicker9, _theme$UTEmojiPicker10, _theme$UTEmojiPicker11, _theme$UTEmojiPicker12, _theme$UTEmojiPicker13, _theme$UTEmojiPicker14, _theme$UTEmojiPicker15, _theme$UTEmojiPicker16, _theme$UTEmojiPicker17, _theme$UTEmojiPicker18, _theme$UTEmojiPicker19, _theme$UTEmojiPicker20, _theme$UTEmojiPicker21, _theme$UTEmojiPicker22, _theme$UTEmojiPicker23;
11
11
  var theme = _ref.theme;
12
12
  return {
13
13
  container: {
14
- backgroundColor: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker === void 0 ? void 0 : (_theme$UTEmojiPicker$ = _theme$UTEmojiPicker.container) === null || _theme$UTEmojiPicker$ === void 0 ? void 0 : _theme$UTEmojiPicker$.backgroundColor) || _colors.default.white,
15
- borderRadius: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker2 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker2 === void 0 ? void 0 : (_theme$UTEmojiPicker3 = _theme$UTEmojiPicker2.container) === null || _theme$UTEmojiPicker3 === void 0 ? void 0 : _theme$UTEmojiPicker3.borderRadius,
16
- bottom: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker4 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker4 === void 0 ? void 0 : (_theme$UTEmojiPicker5 = _theme$UTEmojiPicker4.container) === null || _theme$UTEmojiPicker5 === void 0 ? void 0 : _theme$UTEmojiPicker5.bottom,
17
- boxShadow: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker6 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker6 === void 0 ? void 0 : (_theme$UTEmojiPicker7 = _theme$UTEmojiPicker6.container) === null || _theme$UTEmojiPicker7 === void 0 ? void 0 : _theme$UTEmojiPicker7.boxShadow) || '0px 3px 6px #E4E6EA',
18
- left: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker8 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker8 === void 0 ? void 0 : (_theme$UTEmojiPicker9 = _theme$UTEmojiPicker8.container) === null || _theme$UTEmojiPicker9 === void 0 ? void 0 : _theme$UTEmojiPicker9.left,
19
- right: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker10 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker10 === void 0 ? void 0 : (_theme$UTEmojiPicker11 = _theme$UTEmojiPicker10.container) === null || _theme$UTEmojiPicker11 === void 0 ? void 0 : _theme$UTEmojiPicker11.right,
20
- top: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker12 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker12 === void 0 ? void 0 : (_theme$UTEmojiPicker13 = _theme$UTEmojiPicker12.container) === null || _theme$UTEmojiPicker13 === void 0 ? void 0 : _theme$UTEmojiPicker13.top
14
+ backgroundColor: (theme === null || theme === void 0 || (_theme$UTEmojiPicker = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker === void 0 || (_theme$UTEmojiPicker = _theme$UTEmojiPicker.container) === null || _theme$UTEmojiPicker === void 0 ? void 0 : _theme$UTEmojiPicker.backgroundColor) || _colors.default.white,
15
+ borderRadius: theme === null || theme === void 0 || (_theme$UTEmojiPicker2 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker2 === void 0 || (_theme$UTEmojiPicker2 = _theme$UTEmojiPicker2.container) === null || _theme$UTEmojiPicker2 === void 0 ? void 0 : _theme$UTEmojiPicker2.borderRadius,
16
+ bottom: theme === null || theme === void 0 || (_theme$UTEmojiPicker3 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker3 === void 0 || (_theme$UTEmojiPicker3 = _theme$UTEmojiPicker3.container) === null || _theme$UTEmojiPicker3 === void 0 ? void 0 : _theme$UTEmojiPicker3.bottom,
17
+ boxShadow: (theme === null || theme === void 0 || (_theme$UTEmojiPicker4 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker4 === void 0 || (_theme$UTEmojiPicker4 = _theme$UTEmojiPicker4.container) === null || _theme$UTEmojiPicker4 === void 0 ? void 0 : _theme$UTEmojiPicker4.boxShadow) || '0px 3px 6px #E4E6EA',
18
+ left: theme === null || theme === void 0 || (_theme$UTEmojiPicker5 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker5 === void 0 || (_theme$UTEmojiPicker5 = _theme$UTEmojiPicker5.container) === null || _theme$UTEmojiPicker5 === void 0 ? void 0 : _theme$UTEmojiPicker5.left,
19
+ right: theme === null || theme === void 0 || (_theme$UTEmojiPicker6 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker6 === void 0 || (_theme$UTEmojiPicker6 = _theme$UTEmojiPicker6.container) === null || _theme$UTEmojiPicker6 === void 0 ? void 0 : _theme$UTEmojiPicker6.right,
20
+ top: theme === null || theme === void 0 || (_theme$UTEmojiPicker7 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker7 === void 0 || (_theme$UTEmojiPicker7 = _theme$UTEmojiPicker7.container) === null || _theme$UTEmojiPicker7 === void 0 ? void 0 : _theme$UTEmojiPicker7.top
21
21
  },
22
22
  listContainer: {
23
- height: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker14 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker14 === void 0 ? void 0 : (_theme$UTEmojiPicker15 = _theme$UTEmojiPicker14.listContainer) === null || _theme$UTEmojiPicker15 === void 0 ? void 0 : _theme$UTEmojiPicker15.height) || 216,
24
- width: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker16 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker16 === void 0 ? void 0 : (_theme$UTEmojiPicker17 = _theme$UTEmojiPicker16.listContainer) === null || _theme$UTEmojiPicker17 === void 0 ? void 0 : _theme$UTEmojiPicker17.width) || 336
23
+ height: (theme === null || theme === void 0 || (_theme$UTEmojiPicker8 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker8 === void 0 || (_theme$UTEmojiPicker8 = _theme$UTEmojiPicker8.listContainer) === null || _theme$UTEmojiPicker8 === void 0 ? void 0 : _theme$UTEmojiPicker8.height) || 216,
24
+ width: (theme === null || theme === void 0 || (_theme$UTEmojiPicker9 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker9 === void 0 || (_theme$UTEmojiPicker9 = _theme$UTEmojiPicker9.listContainer) === null || _theme$UTEmojiPicker9 === void 0 ? void 0 : _theme$UTEmojiPicker9.width) || 336
25
25
  },
26
26
  emoji: {
27
- borderRadius: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker18 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker18 === void 0 ? void 0 : (_theme$UTEmojiPicker19 = _theme$UTEmojiPicker18.emoji) === null || _theme$UTEmojiPicker19 === void 0 ? void 0 : _theme$UTEmojiPicker19.borderRadius) || 4,
28
- fontSize: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker20 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker20 === void 0 ? void 0 : (_theme$UTEmojiPicker21 = _theme$UTEmojiPicker20.emoji) === null || _theme$UTEmojiPicker21 === void 0 ? void 0 : _theme$UTEmojiPicker21.fontSize) || 20,
29
- height: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker22 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker22 === void 0 ? void 0 : (_theme$UTEmojiPicker23 = _theme$UTEmojiPicker22.emoji) === null || _theme$UTEmojiPicker23 === void 0 ? void 0 : _theme$UTEmojiPicker23.height) || 32,
30
- margin: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker24 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker24 === void 0 ? void 0 : (_theme$UTEmojiPicker25 = _theme$UTEmojiPicker24.emoji) === null || _theme$UTEmojiPicker25 === void 0 ? void 0 : _theme$UTEmojiPicker25.margin) || 4,
31
- width: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker26 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker26 === void 0 ? void 0 : (_theme$UTEmojiPicker27 = _theme$UTEmojiPicker26.emoji) === null || _theme$UTEmojiPicker27 === void 0 ? void 0 : _theme$UTEmojiPicker27.width) || 32,
27
+ borderRadius: (theme === null || theme === void 0 || (_theme$UTEmojiPicker10 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker10 === void 0 || (_theme$UTEmojiPicker10 = _theme$UTEmojiPicker10.emoji) === null || _theme$UTEmojiPicker10 === void 0 ? void 0 : _theme$UTEmojiPicker10.borderRadius) || 4,
28
+ fontSize: (theme === null || theme === void 0 || (_theme$UTEmojiPicker11 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker11 === void 0 || (_theme$UTEmojiPicker11 = _theme$UTEmojiPicker11.emoji) === null || _theme$UTEmojiPicker11 === void 0 ? void 0 : _theme$UTEmojiPicker11.fontSize) || 20,
29
+ height: (theme === null || theme === void 0 || (_theme$UTEmojiPicker12 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker12 === void 0 || (_theme$UTEmojiPicker12 = _theme$UTEmojiPicker12.emoji) === null || _theme$UTEmojiPicker12 === void 0 ? void 0 : _theme$UTEmojiPicker12.height) || 32,
30
+ margin: (theme === null || theme === void 0 || (_theme$UTEmojiPicker13 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker13 === void 0 || (_theme$UTEmojiPicker13 = _theme$UTEmojiPicker13.emoji) === null || _theme$UTEmojiPicker13 === void 0 ? void 0 : _theme$UTEmojiPicker13.margin) || 4,
31
+ width: (theme === null || theme === void 0 || (_theme$UTEmojiPicker14 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker14 === void 0 || (_theme$UTEmojiPicker14 = _theme$UTEmojiPicker14.emoji) === null || _theme$UTEmojiPicker14 === void 0 ? void 0 : _theme$UTEmojiPicker14.width) || 32,
32
32
  '&:hover': {
33
- backgroundColor: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker28 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker28 === void 0 ? void 0 : (_theme$UTEmojiPicker29 = _theme$UTEmojiPicker28.emoji) === null || _theme$UTEmojiPicker29 === void 0 ? void 0 : (_theme$UTEmojiPicker30 = _theme$UTEmojiPicker29.hover) === null || _theme$UTEmojiPicker30 === void 0 ? void 0 : _theme$UTEmojiPicker30.backgroundColor) || '#E9F0FD'
33
+ backgroundColor: (theme === null || theme === void 0 || (_theme$UTEmojiPicker15 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker15 === void 0 || (_theme$UTEmojiPicker15 = _theme$UTEmojiPicker15.emoji) === null || _theme$UTEmojiPicker15 === void 0 || (_theme$UTEmojiPicker15 = _theme$UTEmojiPicker15.hover) === null || _theme$UTEmojiPicker15 === void 0 ? void 0 : _theme$UTEmojiPicker15.backgroundColor) || '#E9F0FD'
34
34
  }
35
35
  },
36
36
  groupItem: {
37
- height: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker31 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker31 === void 0 ? void 0 : (_theme$UTEmojiPicker32 = _theme$UTEmojiPicker31.groupItem) === null || _theme$UTEmojiPicker32 === void 0 ? void 0 : _theme$UTEmojiPicker32.height) || 40,
38
- fill: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker33 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker33 === void 0 ? void 0 : (_theme$UTEmojiPicker34 = _theme$UTEmojiPicker33.groupItem) === null || _theme$UTEmojiPicker34 === void 0 ? void 0 : _theme$UTEmojiPicker34.color) || '#677489',
39
- stroke: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker35 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker35 === void 0 ? void 0 : (_theme$UTEmojiPicker36 = _theme$UTEmojiPicker35.groupItem) === null || _theme$UTEmojiPicker36 === void 0 ? void 0 : _theme$UTEmojiPicker36.color) || '#677489'
37
+ height: (theme === null || theme === void 0 || (_theme$UTEmojiPicker16 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker16 === void 0 || (_theme$UTEmojiPicker16 = _theme$UTEmojiPicker16.groupItem) === null || _theme$UTEmojiPicker16 === void 0 ? void 0 : _theme$UTEmojiPicker16.height) || 40,
38
+ fill: (theme === null || theme === void 0 || (_theme$UTEmojiPicker17 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker17 === void 0 || (_theme$UTEmojiPicker17 = _theme$UTEmojiPicker17.groupItem) === null || _theme$UTEmojiPicker17 === void 0 ? void 0 : _theme$UTEmojiPicker17.color) || '#677489',
39
+ stroke: (theme === null || theme === void 0 || (_theme$UTEmojiPicker18 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker18 === void 0 || (_theme$UTEmojiPicker18 = _theme$UTEmojiPicker18.groupItem) === null || _theme$UTEmojiPicker18 === void 0 ? void 0 : _theme$UTEmojiPicker18.color) || '#677489'
40
40
  },
41
41
  activeIcon: {
42
- backgroundColor: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker37 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker37 === void 0 ? void 0 : (_theme$UTEmojiPicker38 = _theme$UTEmojiPicker37.groupItem) === null || _theme$UTEmojiPicker38 === void 0 ? void 0 : (_theme$UTEmojiPicker39 = _theme$UTEmojiPicker38.active) === null || _theme$UTEmojiPicker39 === void 0 ? void 0 : _theme$UTEmojiPicker39.backgroundColor) || '#E9F0FD',
43
- borderRadius: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker40 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker40 === void 0 ? void 0 : (_theme$UTEmojiPicker41 = _theme$UTEmojiPicker40.groupItem) === null || _theme$UTEmojiPicker41 === void 0 ? void 0 : (_theme$UTEmojiPicker42 = _theme$UTEmojiPicker41.active) === null || _theme$UTEmojiPicker42 === void 0 ? void 0 : _theme$UTEmojiPicker42.borderRadius) || 5,
44
- stroke: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker43 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker43 === void 0 ? void 0 : (_theme$UTEmojiPicker44 = _theme$UTEmojiPicker43.groupItem) === null || _theme$UTEmojiPicker44 === void 0 ? void 0 : (_theme$UTEmojiPicker45 = _theme$UTEmojiPicker44.active) === null || _theme$UTEmojiPicker45 === void 0 ? void 0 : _theme$UTEmojiPicker45.color) || '#2b70fb'
42
+ backgroundColor: (theme === null || theme === void 0 || (_theme$UTEmojiPicker19 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker19 === void 0 || (_theme$UTEmojiPicker19 = _theme$UTEmojiPicker19.groupItem) === null || _theme$UTEmojiPicker19 === void 0 || (_theme$UTEmojiPicker19 = _theme$UTEmojiPicker19.active) === null || _theme$UTEmojiPicker19 === void 0 ? void 0 : _theme$UTEmojiPicker19.backgroundColor) || '#E9F0FD',
43
+ borderRadius: (theme === null || theme === void 0 || (_theme$UTEmojiPicker20 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker20 === void 0 || (_theme$UTEmojiPicker20 = _theme$UTEmojiPicker20.groupItem) === null || _theme$UTEmojiPicker20 === void 0 || (_theme$UTEmojiPicker20 = _theme$UTEmojiPicker20.active) === null || _theme$UTEmojiPicker20 === void 0 ? void 0 : _theme$UTEmojiPicker20.borderRadius) || 5,
44
+ stroke: (theme === null || theme === void 0 || (_theme$UTEmojiPicker21 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker21 === void 0 || (_theme$UTEmojiPicker21 = _theme$UTEmojiPicker21.groupItem) === null || _theme$UTEmojiPicker21 === void 0 || (_theme$UTEmojiPicker21 = _theme$UTEmojiPicker21.active) === null || _theme$UTEmojiPicker21 === void 0 ? void 0 : _theme$UTEmojiPicker21.color) || '#2b70fb'
45
45
  },
46
46
  groups: {
47
- borderBottom: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker46 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker46 === void 0 ? void 0 : (_theme$UTEmojiPicker47 = _theme$UTEmojiPicker46.groups) === null || _theme$UTEmojiPicker47 === void 0 ? void 0 : _theme$UTEmojiPicker47.borderBottom) || '1px solid #E4E6EA',
48
- padding: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker48 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker48 === void 0 ? void 0 : (_theme$UTEmojiPicker49 = _theme$UTEmojiPicker48.groups) === null || _theme$UTEmojiPicker49 === void 0 ? void 0 : _theme$UTEmojiPicker49.padding) || 8
47
+ borderBottom: (theme === null || theme === void 0 || (_theme$UTEmojiPicker22 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker22 === void 0 || (_theme$UTEmojiPicker22 = _theme$UTEmojiPicker22.groups) === null || _theme$UTEmojiPicker22 === void 0 ? void 0 : _theme$UTEmojiPicker22.borderBottom) || '1px solid #E4E6EA',
48
+ padding: (theme === null || theme === void 0 || (_theme$UTEmojiPicker23 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker23 === void 0 || (_theme$UTEmojiPicker23 = _theme$UTEmojiPicker23.groups) === null || _theme$UTEmojiPicker23 === void 0 ? void 0 : _theme$UTEmojiPicker23.padding) || 8
49
49
  }
50
50
  };
51
51
  };