@widergy/energy-ui 2.3.9 → 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.
- package/CHANGELOG.md +7 -0
- package/dist/components/UTAutocomplete/theme.js +44 -44
- package/dist/components/UTBarChart/components/Pagination/index.js +1 -1
- package/dist/components/UTBarChart/components/XAxis/components/AxisElement/index.js +3 -3
- package/dist/components/UTBarChart/components/YAxis/index.js +1 -1
- package/dist/components/UTBarChart/theme.js +7 -7
- package/dist/components/UTButton/theme.js +2 -2
- package/dist/components/UTCheckList/index.js +1 -1
- package/dist/components/UTCheckList/theme.js +3 -3
- package/dist/components/UTDatePicker/index.js +1 -1
- package/dist/components/UTDatePicker/theme.js +5 -5
- package/dist/components/UTDialog/theme.js +2 -2
- package/dist/components/UTEmojiPicker/theme.js +24 -24
- package/dist/components/UTImageRadio/theme.js +12 -12
- package/dist/components/UTLabel/constants.js +1 -0
- package/dist/components/UTLabel/theme.js +7 -6
- package/dist/components/UTMenu/theme.js +22 -22
- package/dist/components/UTPasswordField/theme.js +5 -5
- package/dist/components/UTProgressBar/theme.js +12 -12
- package/dist/components/UTRadioGroup/index.js +1 -1
- package/dist/components/UTSidebar/components/ListOption/index.js +1 -1
- package/dist/components/UTSidebar/theme.js +17 -17
- package/dist/components/UTSkeleton/index.js +2 -2
- package/dist/components/UTTable/index.js +2 -2
- package/dist/components/UTTable/theme.js +28 -28
- package/dist/components/UTTextArea/theme.js +22 -22
- package/dist/components/UTTooltip/theme.js +10 -10
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/index.js +2 -2
- package/dist/components/UTVirtualizedList/components/VirtualizedData/utils.js +2 -2
- package/dist/components/UTWorkflowContainer/components/ActionButton/index.js +1 -1
- package/dist/components/UTWorkflowContainer/theme.js +4 -4
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
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
|
+
|
|
1
8
|
## [2.3.9](https://github.com/widergy/energy-ui/compare/v2.3.8...v2.3.9) (2023-06-27)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -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$
|
|
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
|
|
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$
|
|
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$
|
|
24
|
-
height: (0, _classesUtils.withImportant)(((_theme$
|
|
25
|
-
margin: ((_theme$
|
|
26
|
-
width: (0, _classesUtils.withImportant)(((_theme$
|
|
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$
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
79
|
-
borderColor: (_theme$UTTextInput18 = theme.UTTextInput) === null || _theme$UTTextInput18 === void 0
|
|
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
|
|
83
|
-
borderColor: (_theme$UTTextInput20 = theme.UTTextInput) === null || _theme$UTTextInput20 === void 0
|
|
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
|
|
87
|
-
borderColor: (_theme$UTTextInput22 = theme.UTTextInput) === null || _theme$UTTextInput22 === void 0
|
|
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
|
|
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
|
|
93
|
-
borderColor: (_theme$UTTextInput25 = theme.UTTextInput) === null || _theme$UTTextInput25 === void 0
|
|
94
|
-
borderRadius: (_theme$UTTextInput26 = theme.UTTextInput) === null || _theme$UTTextInput26 === void 0
|
|
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$
|
|
100
|
-
maxHeight: ((_theme$
|
|
101
|
-
overflowX: ((_theme$
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
122
|
-
color: ((_theme$UTTextInput33 = theme.UTTextInput) === null || _theme$UTTextInput33 === void 0
|
|
123
|
-
letterSpacing: ((_theme$UTTextInput34 = theme.UTTextInput) === null || _theme$UTTextInput34 === void 0
|
|
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$
|
|
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$
|
|
134
|
-
flexShrink: ((_theme$
|
|
135
|
-
margin: ((_theme$
|
|
136
|
-
width: (0, _classesUtils.withImportant)(((_theme$
|
|
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$
|
|
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$
|
|
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$
|
|
147
|
-
margin: ((_theme$
|
|
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$
|
|
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
|
|
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
|
|
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
|
|
51
|
-
height: (textRef === null || textRef === void 0
|
|
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
|
|
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$
|
|
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
|
|
38
|
-
padding: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
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
|
|
47
|
-
fontFamily: theme === null || theme === void 0
|
|
48
|
-
fontSize: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
49
|
-
fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
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
|
|
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
|
|
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
|
|
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$
|
|
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
|
|
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
|
|
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
|
|
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$
|
|
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
|
|
109
|
-
fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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$
|
|
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
|
|
15
|
-
borderRadius: theme === null || theme === void 0
|
|
16
|
-
bottom: theme === null || theme === void 0
|
|
17
|
-
boxShadow: (theme === null || theme === void 0
|
|
18
|
-
left: theme === null || theme === void 0
|
|
19
|
-
right: theme === null || theme === void 0
|
|
20
|
-
top: theme === null || theme === void 0
|
|
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
|
|
24
|
-
width: (theme === null || theme === void 0
|
|
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
|
|
28
|
-
fontSize: (theme === null || theme === void 0
|
|
29
|
-
height: (theme === null || theme === void 0
|
|
30
|
-
margin: (theme === null || theme === void 0
|
|
31
|
-
width: (theme === null || theme === void 0
|
|
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
|
|
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
|
|
38
|
-
fill: (theme === null || theme === void 0
|
|
39
|
-
stroke: (theme === null || theme === void 0
|
|
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
|
|
43
|
-
borderRadius: (theme === null || theme === void 0
|
|
44
|
-
stroke: (theme === null || theme === void 0
|
|
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
|
|
48
|
-
padding: (theme === null || theme === void 0
|
|
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
|
};
|