@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
|
@@ -15,7 +15,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
15
15
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
16
16
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
17
17
|
var retrieveStyle = function retrieveStyle(_ref) {
|
|
18
|
-
var _theme$UTImageRadio, _theme$
|
|
18
|
+
var _theme$UTImageRadio, _theme$UTImageRadio2, _theme$UTImageRadio3, _theme$UTImageRadio4, _theme$UTImageRadio5, _theme$UTImageRadio6, _theme$UTImageRadio7, _theme$UTImageRadio8, _theme$UTImageRadio9, _theme$UTImageRadio10, _theme$UTImageRadio11;
|
|
19
19
|
var theme = _ref.theme;
|
|
20
20
|
var tabletMobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'tabletMobile']);
|
|
21
21
|
return {
|
|
@@ -36,7 +36,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
36
36
|
pointerEvents: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'isSelected', 'pointerEvents'], 'none')
|
|
37
37
|
},
|
|
38
38
|
containerText: _defineProperty({
|
|
39
|
-
width: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
39
|
+
width: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio = theme.UTImageRadio) === null || _theme$UTImageRadio === void 0 || (_theme$UTImageRadio = _theme$UTImageRadio.containerText) === null || _theme$UTImageRadio === void 0 ? void 0 : _theme$UTImageRadio.width) || '100%')
|
|
40
40
|
}, tabletMobile, {
|
|
41
41
|
width: '100%'
|
|
42
42
|
}),
|
|
@@ -47,27 +47,27 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
47
47
|
vertical: {
|
|
48
48
|
flexDirection: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'vertical', 'flexDirection'], 'column'),
|
|
49
49
|
border: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'vertical', 'border'], '2px solid transparent'),
|
|
50
|
-
borderWidth: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
50
|
+
borderWidth: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio2 = theme.UTImageRadio) === null || _theme$UTImageRadio2 === void 0 || (_theme$UTImageRadio2 = _theme$UTImageRadio2.vertical) === null || _theme$UTImageRadio2 === void 0 ? void 0 : _theme$UTImageRadio2.borderWidth) || '2px'),
|
|
51
51
|
alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'vertical', 'alignItems'], 'center'),
|
|
52
52
|
textAlign: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'vertical', 'textAlign'], 'center'),
|
|
53
|
-
width: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
53
|
+
width: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio3 = theme.UTImageRadio) === null || _theme$UTImageRadio3 === void 0 || (_theme$UTImageRadio3 = _theme$UTImageRadio3.vertical) === null || _theme$UTImageRadio3 === void 0 ? void 0 : _theme$UTImageRadio3.width) || 'fit-content'),
|
|
54
54
|
pointerEvents: (0, _seamlessImmutable.getIn)(theme, ['UTImageRadio', 'vertical', 'pointerEvents'], 'auto'),
|
|
55
55
|
'&:hover': {
|
|
56
|
-
border: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
56
|
+
border: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio4 = theme.UTImageRadio) === null || _theme$UTImageRadio4 === void 0 || (_theme$UTImageRadio4 = _theme$UTImageRadio4.vertical) === null || _theme$UTImageRadio4 === void 0 ? void 0 : _theme$UTImageRadio4.border) || "2px solid ".concat(_colors.default.imageRadioBackground))
|
|
57
57
|
}
|
|
58
58
|
},
|
|
59
59
|
description: {
|
|
60
|
-
color: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
61
|
-
fontSize: (0, _classesUtils.withImportant)("".concat((theme === null || theme === void 0
|
|
62
|
-
fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
60
|
+
color: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio5 = theme.UTImageRadio) === null || _theme$UTImageRadio5 === void 0 || (_theme$UTImageRadio5 = _theme$UTImageRadio5.description) === null || _theme$UTImageRadio5 === void 0 ? void 0 : _theme$UTImageRadio5.color) || _colors.default.black),
|
|
61
|
+
fontSize: (0, _classesUtils.withImportant)("".concat((theme === null || theme === void 0 || (_theme$UTImageRadio6 = theme.UTImageRadio) === null || _theme$UTImageRadio6 === void 0 || (_theme$UTImageRadio6 = _theme$UTImageRadio6.description) === null || _theme$UTImageRadio6 === void 0 ? void 0 : _theme$UTImageRadio6.fontSize) || 14, "px")),
|
|
62
|
+
fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio7 = theme.UTImageRadio) === null || _theme$UTImageRadio7 === void 0 || (_theme$UTImageRadio7 = _theme$UTImageRadio7.description) === null || _theme$UTImageRadio7 === void 0 ? void 0 : _theme$UTImageRadio7.fontWeight) || 400)
|
|
63
63
|
},
|
|
64
64
|
name: {
|
|
65
|
-
color: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
66
|
-
fontSize: (0, _classesUtils.withImportant)("".concat((theme === null || theme === void 0
|
|
67
|
-
fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
65
|
+
color: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio8 = theme.UTImageRadio) === null || _theme$UTImageRadio8 === void 0 || (_theme$UTImageRadio8 = _theme$UTImageRadio8.name) === null || _theme$UTImageRadio8 === void 0 ? void 0 : _theme$UTImageRadio8.color) || _colors.default.black),
|
|
66
|
+
fontSize: (0, _classesUtils.withImportant)("".concat((theme === null || theme === void 0 || (_theme$UTImageRadio9 = theme.UTImageRadio) === null || _theme$UTImageRadio9 === void 0 || (_theme$UTImageRadio9 = _theme$UTImageRadio9.name) === null || _theme$UTImageRadio9 === void 0 ? void 0 : _theme$UTImageRadio9.fontSize) || 18, "px")),
|
|
67
|
+
fontWeight: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio10 = theme.UTImageRadio) === null || _theme$UTImageRadio10 === void 0 || (_theme$UTImageRadio10 = _theme$UTImageRadio10.name) === null || _theme$UTImageRadio10 === void 0 ? void 0 : _theme$UTImageRadio10.fontWeight) || 600)
|
|
68
68
|
},
|
|
69
69
|
selectedText: {
|
|
70
|
-
color: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
70
|
+
color: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTImageRadio11 = theme.UTImageRadio) === null || _theme$UTImageRadio11 === void 0 || (_theme$UTImageRadio11 = _theme$UTImageRadio11.selectedText) === null || _theme$UTImageRadio11 === void 0 ? void 0 : _theme$UTImageRadio11.color) || _colors.default.white)
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
73
|
};
|
|
@@ -22,19 +22,20 @@ var linkColor = function linkColor(theme, colorTheme) {
|
|
|
22
22
|
};
|
|
23
23
|
exports.linkColor = linkColor;
|
|
24
24
|
var retrieveStyle = function retrieveStyle(_ref) {
|
|
25
|
-
var _theme$Fonts;
|
|
25
|
+
var _field$configuration$, _field$configuration, _field$configuration$2, _field$configuration2, _theme$Fonts, _field$configuration$3, _field$configuration3, _field$configuration$4, _field$configuration4, _field$configuration$5, _field$configuration5;
|
|
26
26
|
var colorTheme = _ref.colorTheme,
|
|
27
|
+
field = _ref.field,
|
|
27
28
|
shade = _ref.shade,
|
|
28
29
|
theme = _ref.theme,
|
|
29
30
|
variant = _ref.variant,
|
|
30
31
|
weight = _ref.weight;
|
|
31
32
|
return {
|
|
32
33
|
root: {
|
|
33
|
-
color: variantsColorTheme(colorTheme, shade, theme),
|
|
34
|
-
fontFamily: theme === null || theme === void 0
|
|
35
|
-
fontSize: _constants.VARIANTS_SIZES[variant] || _constants.VARIANTS_SIZES[_constants.DEFAULT_PROPS.variant],
|
|
36
|
-
fontWeight: _constants.WEIGHTS[weight] || _constants.WEIGHTS[_constants.DEFAULT_PROPS.weight],
|
|
37
|
-
lineHeight: _constants.VARIANTS_LINE_HEIGHT[variant] || _constants.VARIANTS_LINE_HEIGHT[_constants.DEFAULT_PROPS.variant],
|
|
34
|
+
color: variantsColorTheme((_field$configuration$ = field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.colorTheme) !== null && _field$configuration$ !== void 0 ? _field$configuration$ : colorTheme, (_field$configuration$2 = field === null || field === void 0 || (_field$configuration2 = field.configuration) === null || _field$configuration2 === void 0 ? void 0 : _field$configuration2.shade) !== null && _field$configuration$2 !== void 0 ? _field$configuration$2 : shade, theme),
|
|
35
|
+
fontFamily: theme === null || theme === void 0 || (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.fontFamily,
|
|
36
|
+
fontSize: _constants.VARIANTS_SIZES[(_field$configuration$3 = field === null || field === void 0 || (_field$configuration3 = field.configuration) === null || _field$configuration3 === void 0 ? void 0 : _field$configuration3.variant) !== null && _field$configuration$3 !== void 0 ? _field$configuration$3 : variant] || _constants.VARIANTS_SIZES[_constants.DEFAULT_PROPS.variant],
|
|
37
|
+
fontWeight: _constants.WEIGHTS[(_field$configuration$4 = field === null || field === void 0 || (_field$configuration4 = field.configuration) === null || _field$configuration4 === void 0 ? void 0 : _field$configuration4.weight) !== null && _field$configuration$4 !== void 0 ? _field$configuration$4 : weight] || _constants.WEIGHTS[_constants.DEFAULT_PROPS.weight],
|
|
38
|
+
lineHeight: _constants.VARIANTS_LINE_HEIGHT[(_field$configuration$5 = field === null || field === void 0 || (_field$configuration5 = field.configuration) === null || _field$configuration5 === void 0 ? void 0 : _field$configuration5.variant) !== null && _field$configuration$5 !== void 0 ? _field$configuration$5 : variant] || _constants.VARIANTS_LINE_HEIGHT[_constants.DEFAULT_PROPS.variant],
|
|
38
39
|
margin: 0,
|
|
39
40
|
'& > a': {
|
|
40
41
|
color: linkColor(theme, colorTheme)
|
|
@@ -6,53 +6,53 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
|
|
7
7
|
var _styles = require("@material-ui/core/styles");
|
|
8
8
|
var retrieveStyle = function retrieveStyle(_ref) {
|
|
9
|
-
var _theme$UTMenu, _theme$
|
|
9
|
+
var _theme$UTMenu, _theme$UTMenu2, _theme$UTMenu3, _theme$UTMenu4, _theme$UTMenu5, _theme$UTMenu6, _theme$UTMenu7, _theme$UTMenu8, _theme$UTMenu9, _theme$UTMenu10, _theme$UTMenu11, _theme$UTMenu12, _theme$UTMenu13, _theme$UTMenu14, _theme$UTMenu15, _theme$UTMenu16, _theme$UTMenu17, _theme$UTMenu18;
|
|
10
10
|
var theme = _ref.theme;
|
|
11
11
|
return {
|
|
12
12
|
paper: {
|
|
13
|
-
padding: theme === null || theme === void 0
|
|
14
|
-
borderRadius: theme === null || theme === void 0
|
|
13
|
+
padding: theme === null || theme === void 0 || (_theme$UTMenu = theme.UTMenu) === null || _theme$UTMenu === void 0 || (_theme$UTMenu = _theme$UTMenu.paper) === null || _theme$UTMenu === void 0 ? void 0 : _theme$UTMenu.padding,
|
|
14
|
+
borderRadius: theme === null || theme === void 0 || (_theme$UTMenu2 = theme.UTMenu) === null || _theme$UTMenu2 === void 0 || (_theme$UTMenu2 = _theme$UTMenu2.paper) === null || _theme$UTMenu2 === void 0 ? void 0 : _theme$UTMenu2.borderRadius
|
|
15
15
|
},
|
|
16
16
|
menuList: {
|
|
17
|
-
borderRadius: theme === null || theme === void 0
|
|
18
|
-
padding: theme === null || theme === void 0
|
|
19
|
-
outline: theme === null || theme === void 0
|
|
20
|
-
width: theme === null || theme === void 0
|
|
17
|
+
borderRadius: theme === null || theme === void 0 || (_theme$UTMenu3 = theme.UTMenu) === null || _theme$UTMenu3 === void 0 || (_theme$UTMenu3 = _theme$UTMenu3.menuList) === null || _theme$UTMenu3 === void 0 ? void 0 : _theme$UTMenu3.borderRadius,
|
|
18
|
+
padding: theme === null || theme === void 0 || (_theme$UTMenu4 = theme.UTMenu) === null || _theme$UTMenu4 === void 0 || (_theme$UTMenu4 = _theme$UTMenu4.menuList) === null || _theme$UTMenu4 === void 0 ? void 0 : _theme$UTMenu4.padding,
|
|
19
|
+
outline: theme === null || theme === void 0 || (_theme$UTMenu5 = theme.UTMenu) === null || _theme$UTMenu5 === void 0 || (_theme$UTMenu5 = _theme$UTMenu5.menuList) === null || _theme$UTMenu5 === void 0 ? void 0 : _theme$UTMenu5.outline,
|
|
20
|
+
width: theme === null || theme === void 0 || (_theme$UTMenu6 = theme.UTMenu) === null || _theme$UTMenu6 === void 0 || (_theme$UTMenu6 = _theme$UTMenu6.menuList) === null || _theme$UTMenu6 === void 0 ? void 0 : _theme$UTMenu6.width
|
|
21
21
|
},
|
|
22
22
|
menuItem: {
|
|
23
|
-
fontSize: theme === null || theme === void 0
|
|
24
|
-
color: theme === null || theme === void 0
|
|
25
|
-
backgroundColor: theme === null || theme === void 0
|
|
23
|
+
fontSize: theme === null || theme === void 0 || (_theme$UTMenu7 = theme.UTMenu) === null || _theme$UTMenu7 === void 0 || (_theme$UTMenu7 = _theme$UTMenu7.menuItem) === null || _theme$UTMenu7 === void 0 ? void 0 : _theme$UTMenu7.fontSize,
|
|
24
|
+
color: theme === null || theme === void 0 || (_theme$UTMenu8 = theme.UTMenu) === null || _theme$UTMenu8 === void 0 || (_theme$UTMenu8 = _theme$UTMenu8.menuItem) === null || _theme$UTMenu8 === void 0 ? void 0 : _theme$UTMenu8.color,
|
|
25
|
+
backgroundColor: theme === null || theme === void 0 || (_theme$UTMenu9 = theme.UTMenu) === null || _theme$UTMenu9 === void 0 || (_theme$UTMenu9 = _theme$UTMenu9.menuItem) === null || _theme$UTMenu9 === void 0 ? void 0 : _theme$UTMenu9.backgroundColor
|
|
26
26
|
},
|
|
27
27
|
popper: {
|
|
28
28
|
zIndex: 9999,
|
|
29
|
-
margin: theme === null || theme === void 0
|
|
29
|
+
margin: theme === null || theme === void 0 || (_theme$UTMenu10 = theme.UTMenu) === null || _theme$UTMenu10 === void 0 || (_theme$UTMenu10 = _theme$UTMenu10.popper) === null || _theme$UTMenu10 === void 0 ? void 0 : _theme$UTMenu10.margin
|
|
30
30
|
},
|
|
31
31
|
menuItemIcon: {
|
|
32
|
-
height: theme === null || theme === void 0
|
|
33
|
-
color: theme === null || theme === void 0
|
|
34
|
-
fontSize: theme === null || theme === void 0
|
|
35
|
-
margin: theme === null || theme === void 0
|
|
36
|
-
width: theme === null || theme === void 0
|
|
32
|
+
height: theme === null || theme === void 0 || (_theme$UTMenu11 = theme.UTMenu) === null || _theme$UTMenu11 === void 0 || (_theme$UTMenu11 = _theme$UTMenu11.menuItemIcon) === null || _theme$UTMenu11 === void 0 ? void 0 : _theme$UTMenu11.height,
|
|
33
|
+
color: theme === null || theme === void 0 || (_theme$UTMenu12 = theme.UTMenu) === null || _theme$UTMenu12 === void 0 || (_theme$UTMenu12 = _theme$UTMenu12.menuItemIcon) === null || _theme$UTMenu12 === void 0 ? void 0 : _theme$UTMenu12.color,
|
|
34
|
+
fontSize: theme === null || theme === void 0 || (_theme$UTMenu13 = theme.UTMenu) === null || _theme$UTMenu13 === void 0 || (_theme$UTMenu13 = _theme$UTMenu13.menuItemIcon) === null || _theme$UTMenu13 === void 0 ? void 0 : _theme$UTMenu13.fontSize,
|
|
35
|
+
margin: theme === null || theme === void 0 || (_theme$UTMenu14 = theme.UTMenu) === null || _theme$UTMenu14 === void 0 || (_theme$UTMenu14 = _theme$UTMenu14.menuItemIcon) === null || _theme$UTMenu14 === void 0 ? void 0 : _theme$UTMenu14.margin,
|
|
36
|
+
width: theme === null || theme === void 0 || (_theme$UTMenu15 = theme.UTMenu) === null || _theme$UTMenu15 === void 0 || (_theme$UTMenu15 = _theme$UTMenu15.menuItemIcon) === null || _theme$UTMenu15 === void 0 ? void 0 : _theme$UTMenu15.width
|
|
37
37
|
},
|
|
38
38
|
menuItemContainer: {
|
|
39
|
-
padding: theme === null || theme === void 0
|
|
40
|
-
position: theme === null || theme === void 0
|
|
39
|
+
padding: theme === null || theme === void 0 || (_theme$UTMenu16 = theme.UTMenu) === null || _theme$UTMenu16 === void 0 || (_theme$UTMenu16 = _theme$UTMenu16.menuItemContainer) === null || _theme$UTMenu16 === void 0 ? void 0 : _theme$UTMenu16.padding,
|
|
40
|
+
position: theme === null || theme === void 0 || (_theme$UTMenu17 = theme.UTMenu) === null || _theme$UTMenu17 === void 0 || (_theme$UTMenu17 = _theme$UTMenu17.menuItemContainer) === null || _theme$UTMenu17 === void 0 ? void 0 : _theme$UTMenu17.position
|
|
41
41
|
},
|
|
42
42
|
scrollBar: {
|
|
43
|
-
maxHeight: theme === null || theme === void 0
|
|
43
|
+
maxHeight: theme === null || theme === void 0 || (_theme$UTMenu18 = theme.UTMenu) === null || _theme$UTMenu18 === void 0 || (_theme$UTMenu18 = _theme$UTMenu18.scrollBar) === null || _theme$UTMenu18 === void 0 ? void 0 : _theme$UTMenu18.maxHeight
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
46
|
};
|
|
47
47
|
exports.retrieveStyle = retrieveStyle;
|
|
48
48
|
var retrieveMuiTheme = function retrieveMuiTheme(theme) {
|
|
49
|
-
var _theme$UTMenu19, _theme$
|
|
49
|
+
var _theme$UTMenu19, _theme$UTMenu20;
|
|
50
50
|
return (0, _styles.createTheme)({
|
|
51
51
|
overrides: {
|
|
52
52
|
MuiListItem: {
|
|
53
53
|
divider: {
|
|
54
|
-
borderBottomColor: theme === null || theme === void 0
|
|
55
|
-
borderBottomWidth: theme === null || theme === void 0
|
|
54
|
+
borderBottomColor: theme === null || theme === void 0 || (_theme$UTMenu19 = theme.UTMenu) === null || _theme$UTMenu19 === void 0 || (_theme$UTMenu19 = _theme$UTMenu19.divider) === null || _theme$UTMenu19 === void 0 ? void 0 : _theme$UTMenu19.color,
|
|
55
|
+
borderBottomWidth: theme === null || theme === void 0 || (_theme$UTMenu20 = theme.UTMenu) === null || _theme$UTMenu20 === void 0 || (_theme$UTMenu20 = _theme$UTMenu20.divider) === null || _theme$UTMenu20 === void 0 ? void 0 : _theme$UTMenu20.width
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
}
|
|
@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.retrieveStyle = void 0;
|
|
7
7
|
var _classesUtils = require("../../utils/classesUtils");
|
|
8
8
|
var retrieveStyle = function retrieveStyle(_ref) {
|
|
9
|
-
var _theme$UTPasswordFiel, _theme$UTPasswordFiel2, _theme$UTPasswordFiel3, _theme$UTPasswordFiel4
|
|
9
|
+
var _theme$UTPasswordFiel, _theme$UTPasswordFiel2, _theme$UTPasswordFiel3, _theme$UTPasswordFiel4;
|
|
10
10
|
var theme = _ref.theme;
|
|
11
11
|
return {
|
|
12
12
|
iconStyle: {
|
|
13
|
-
height: (theme === null || theme === void 0
|
|
14
|
-
width: (theme === null || theme === void 0
|
|
15
|
-
borderRadius: (theme === null || theme === void 0
|
|
13
|
+
height: (theme === null || theme === void 0 || (_theme$UTPasswordFiel = theme.UTPasswordField) === null || _theme$UTPasswordFiel === void 0 || (_theme$UTPasswordFiel = _theme$UTPasswordFiel.icon) === null || _theme$UTPasswordFiel === void 0 ? void 0 : _theme$UTPasswordFiel.size) || '1rem',
|
|
14
|
+
width: (theme === null || theme === void 0 || (_theme$UTPasswordFiel2 = theme.UTPasswordField) === null || _theme$UTPasswordFiel2 === void 0 || (_theme$UTPasswordFiel2 = _theme$UTPasswordFiel2.icon) === null || _theme$UTPasswordFiel2 === void 0 ? void 0 : _theme$UTPasswordFiel2.size) || '1rem',
|
|
15
|
+
borderRadius: (theme === null || theme === void 0 || (_theme$UTPasswordFiel3 = theme.UTPasswordField) === null || _theme$UTPasswordFiel3 === void 0 || (_theme$UTPasswordFiel3 = _theme$UTPasswordFiel3.icon) === null || _theme$UTPasswordFiel3 === void 0 ? void 0 : _theme$UTPasswordFiel3.borderRadius) || '50%'
|
|
16
16
|
},
|
|
17
17
|
passedIconStyle: {
|
|
18
18
|
fill: theme.Palette.success['05']
|
|
@@ -28,7 +28,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
28
28
|
backgroundColor: (0, _classesUtils.withImportant)(theme.Palette.warning['05'])
|
|
29
29
|
},
|
|
30
30
|
validationContainer: {
|
|
31
|
-
margin: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
31
|
+
margin: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTPasswordFiel4 = theme.UTPasswordField) === null || _theme$UTPasswordFiel4 === void 0 || (_theme$UTPasswordFiel4 = _theme$UTPasswordFiel4.validationContainer) === null || _theme$UTPasswordFiel4 === void 0 ? void 0 : _theme$UTPasswordFiel4.margin)
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
};
|
|
@@ -7,31 +7,31 @@ 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$UTProgressBar, _theme$UTProgressBar2, _theme$UTProgressBar3, _theme$UTProgressBar4, _theme$UTProgressBar5, _theme$UTProgressBar6, _theme$UTProgressBar7, _theme$UTProgressBar8, _theme$UTProgressBar9, _theme$UTProgressBar10, _theme$UTProgressBar11, _theme$UTProgressBar12
|
|
10
|
+
var _theme$UTProgressBar, _theme$UTProgressBar2, _theme$UTProgressBar3, _theme$UTProgressBar4, _theme$UTProgressBar5, _theme$UTProgressBar6, _theme$UTProgressBar7, _theme$UTProgressBar8, _theme$UTProgressBar9, _theme$UTProgressBar10, _theme$UTProgressBar11, _theme$UTProgressBar12;
|
|
11
11
|
var theme = _ref.theme;
|
|
12
12
|
return {
|
|
13
13
|
container: {
|
|
14
14
|
alignItems: 'center',
|
|
15
15
|
display: 'flex',
|
|
16
|
-
width: theme === null || theme === void 0
|
|
16
|
+
width: theme === null || theme === void 0 || (_theme$UTProgressBar = theme.UTProgressBar) === null || _theme$UTProgressBar === void 0 ? void 0 : _theme$UTProgressBar.width
|
|
17
17
|
},
|
|
18
18
|
root: {
|
|
19
|
-
border: theme === null || theme === void 0
|
|
20
|
-
borderRadius: theme === null || theme === void 0
|
|
21
|
-
height: theme === null || theme === void 0
|
|
22
|
-
width: (theme === null || theme === void 0
|
|
19
|
+
border: theme === null || theme === void 0 || (_theme$UTProgressBar2 = theme.UTProgressBar) === null || _theme$UTProgressBar2 === void 0 ? void 0 : _theme$UTProgressBar2.border,
|
|
20
|
+
borderRadius: theme === null || theme === void 0 || (_theme$UTProgressBar3 = theme.UTProgressBar) === null || _theme$UTProgressBar3 === void 0 ? void 0 : _theme$UTProgressBar3.borderRadius,
|
|
21
|
+
height: theme === null || theme === void 0 || (_theme$UTProgressBar4 = theme.UTProgressBar) === null || _theme$UTProgressBar4 === void 0 ? void 0 : _theme$UTProgressBar4.height,
|
|
22
|
+
width: (theme === null || theme === void 0 || (_theme$UTProgressBar5 = theme.UTProgressBar) === null || _theme$UTProgressBar5 === void 0 ? void 0 : _theme$UTProgressBar5.width) || '100%'
|
|
23
23
|
},
|
|
24
24
|
colorPrimary: {
|
|
25
|
-
backgroundColor: (theme === null || theme === void 0
|
|
26
|
-
borderRadius: theme === null || theme === void 0
|
|
25
|
+
backgroundColor: (theme === null || theme === void 0 || (_theme$UTProgressBar6 = theme.UTProgressBar) === null || _theme$UTProgressBar6 === void 0 || (_theme$UTProgressBar6 = _theme$UTProgressBar6.colorPrimary) === null || _theme$UTProgressBar6 === void 0 ? void 0 : _theme$UTProgressBar6.backgroundColor) || _colors.default.white,
|
|
26
|
+
borderRadius: theme === null || theme === void 0 || (_theme$UTProgressBar7 = theme.UTProgressBar) === null || _theme$UTProgressBar7 === void 0 || (_theme$UTProgressBar7 = _theme$UTProgressBar7.colorPrimary) === null || _theme$UTProgressBar7 === void 0 ? void 0 : _theme$UTProgressBar7.borderRadius
|
|
27
27
|
},
|
|
28
28
|
barColorPrimary: {
|
|
29
|
-
background: (theme === null || theme === void 0
|
|
30
|
-
borderRadius: theme === null || theme === void 0
|
|
31
|
-
transition: theme === null || theme === void 0
|
|
29
|
+
background: (theme === null || theme === void 0 || (_theme$UTProgressBar8 = theme.UTProgressBar) === null || _theme$UTProgressBar8 === void 0 || (_theme$UTProgressBar8 = _theme$UTProgressBar8.barColorPrimary) === null || _theme$UTProgressBar8 === void 0 ? void 0 : _theme$UTProgressBar8.background) || (theme === null || theme === void 0 || (_theme$UTProgressBar9 = theme.UTProgressBar) === null || _theme$UTProgressBar9 === void 0 || (_theme$UTProgressBar9 = _theme$UTProgressBar9.barColorPrimary) === null || _theme$UTProgressBar9 === void 0 ? void 0 : _theme$UTProgressBar9.backgroundColor) || _colors.default.blue,
|
|
30
|
+
borderRadius: theme === null || theme === void 0 || (_theme$UTProgressBar10 = theme.UTProgressBar) === null || _theme$UTProgressBar10 === void 0 || (_theme$UTProgressBar10 = _theme$UTProgressBar10.barColorPrimary) === null || _theme$UTProgressBar10 === void 0 ? void 0 : _theme$UTProgressBar10.borderRadius,
|
|
31
|
+
transition: theme === null || theme === void 0 || (_theme$UTProgressBar11 = theme.UTProgressBar) === null || _theme$UTProgressBar11 === void 0 || (_theme$UTProgressBar11 = _theme$UTProgressBar11.barColorPrimary) === null || _theme$UTProgressBar11 === void 0 ? void 0 : _theme$UTProgressBar11.transition
|
|
32
32
|
},
|
|
33
33
|
label: {
|
|
34
|
-
margin: (theme === null || theme === void 0
|
|
34
|
+
margin: (theme === null || theme === void 0 || (_theme$UTProgressBar12 = theme.UTProgressBar) === null || _theme$UTProgressBar12 === void 0 || (_theme$UTProgressBar12 = _theme$UTProgressBar12.label) === null || _theme$UTProgressBar12 === void 0 ? void 0 : _theme$UTProgressBar12.margin) || '0 0 0 10px'
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
37
|
};
|
|
@@ -99,7 +99,7 @@ var UTRadioGroup = /*#__PURE__*/function (_PureComponent) {
|
|
|
99
99
|
options = _this$props2.options,
|
|
100
100
|
titleProps = _this$props2.titleProps,
|
|
101
101
|
withUpperTitle = _this$props2.withUpperTitle;
|
|
102
|
-
var shouldShowUpperTitle = (field === null || field === void 0
|
|
102
|
+
var shouldShowUpperTitle = (field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) && withUpperTitle;
|
|
103
103
|
var classes = (0, _classesUtils.mergeClasses)(themeClasses, classNames);
|
|
104
104
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
|
|
105
105
|
className: classes.title
|
|
@@ -47,7 +47,7 @@ var ListOption = function ListOption(_ref) {
|
|
|
47
47
|
};
|
|
48
48
|
var optionHeight = (0, _react.useMemo)(function () {
|
|
49
49
|
var _optionRef$current;
|
|
50
|
-
return openMenu && open ? options.length * (optionRef === null || optionRef === void 0
|
|
50
|
+
return openMenu && open ? options.length * (optionRef === null || optionRef === void 0 || (_optionRef$current = optionRef.current) === null || _optionRef$current === void 0 ? void 0 : _optionRef$current.clientHeight) : 0;
|
|
51
51
|
}, [openMenu, open]);
|
|
52
52
|
var hasSelectedItem = (0, _react.useMemo)(function () {
|
|
53
53
|
return options.some(function (opt) {
|
|
@@ -9,7 +9,7 @@ var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"
|
|
|
9
9
|
var _fontSizes = _interopRequireDefault(require("../../scss/variables/_fontSizes.scss"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
var retrieveStyle = function retrieveStyle(_ref) {
|
|
12
|
-
var _theme$UTSidebar, _theme$
|
|
12
|
+
var _theme$UTSidebar, _theme$UTSidebar2, _theme$UTSidebar3, _theme$UTSidebar4, _theme$UTSidebar5, _theme$UTSidebar6, _theme$UTSidebar7, _theme$UTSidebar8, _theme$UTSidebar9, _theme$UTSidebar10, _theme$UTSidebar11, _theme$UTSidebar12, _theme$UTSidebar13, _theme$UTSidebar14, _theme$UTSidebar15, _theme$UTSidebar16;
|
|
13
13
|
var theme = _ref.theme;
|
|
14
14
|
return {
|
|
15
15
|
drawerRoot: {
|
|
@@ -106,24 +106,24 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
106
106
|
width: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'listOpened', 'width'])
|
|
107
107
|
},
|
|
108
108
|
logoBadgeOpen: {
|
|
109
|
-
backgroundColor: theme === null || theme === void 0
|
|
110
|
-
borderRadius: (theme === null || theme === void 0
|
|
111
|
-
color: theme === null || theme === void 0
|
|
112
|
-
fontSize: (theme === null || theme === void 0
|
|
113
|
-
fontWeight: (theme === null || theme === void 0
|
|
114
|
-
margin: (theme === null || theme === void 0
|
|
115
|
-
maxWidth: (theme === null || theme === void 0
|
|
116
|
-
padding: (theme === null || theme === void 0
|
|
109
|
+
backgroundColor: theme === null || theme === void 0 || (_theme$UTSidebar = theme.UTSidebar) === null || _theme$UTSidebar === void 0 || (_theme$UTSidebar = _theme$UTSidebar.logoBadgeOpen) === null || _theme$UTSidebar === void 0 ? void 0 : _theme$UTSidebar.backgroundColor,
|
|
110
|
+
borderRadius: (theme === null || theme === void 0 || (_theme$UTSidebar2 = theme.UTSidebar) === null || _theme$UTSidebar2 === void 0 || (_theme$UTSidebar2 = _theme$UTSidebar2.logoBadgeOpen) === null || _theme$UTSidebar2 === void 0 ? void 0 : _theme$UTSidebar2.borderRadius) || 8,
|
|
111
|
+
color: theme === null || theme === void 0 || (_theme$UTSidebar3 = theme.UTSidebar) === null || _theme$UTSidebar3 === void 0 || (_theme$UTSidebar3 = _theme$UTSidebar3.logoBadgeOpen) === null || _theme$UTSidebar3 === void 0 ? void 0 : _theme$UTSidebar3.color,
|
|
112
|
+
fontSize: (theme === null || theme === void 0 || (_theme$UTSidebar4 = theme.UTSidebar) === null || _theme$UTSidebar4 === void 0 || (_theme$UTSidebar4 = _theme$UTSidebar4.logoBadgeOpen) === null || _theme$UTSidebar4 === void 0 ? void 0 : _theme$UTSidebar4.fontSize) || _fontSizes.default.small,
|
|
113
|
+
fontWeight: (theme === null || theme === void 0 || (_theme$UTSidebar5 = theme.UTSidebar) === null || _theme$UTSidebar5 === void 0 || (_theme$UTSidebar5 = _theme$UTSidebar5.logoBadgeOpen) === null || _theme$UTSidebar5 === void 0 ? void 0 : _theme$UTSidebar5.fontWeight) || 600,
|
|
114
|
+
margin: (theme === null || theme === void 0 || (_theme$UTSidebar6 = theme.UTSidebar) === null || _theme$UTSidebar6 === void 0 || (_theme$UTSidebar6 = _theme$UTSidebar6.logoBadgeOpen) === null || _theme$UTSidebar6 === void 0 ? void 0 : _theme$UTSidebar6.margin) || '12px auto 24px',
|
|
115
|
+
maxWidth: (theme === null || theme === void 0 || (_theme$UTSidebar7 = theme.UTSidebar) === null || _theme$UTSidebar7 === void 0 || (_theme$UTSidebar7 = _theme$UTSidebar7.logoBadgeOpen) === null || _theme$UTSidebar7 === void 0 ? void 0 : _theme$UTSidebar7.maxWidth) || '96%',
|
|
116
|
+
padding: (theme === null || theme === void 0 || (_theme$UTSidebar8 = theme.UTSidebar) === null || _theme$UTSidebar8 === void 0 || (_theme$UTSidebar8 = _theme$UTSidebar8.logoBadgeOpen) === null || _theme$UTSidebar8 === void 0 ? void 0 : _theme$UTSidebar8.padding) || '2px 8px'
|
|
117
117
|
},
|
|
118
118
|
logoBadgeClose: {
|
|
119
|
-
backgroundColor: theme === null || theme === void 0
|
|
120
|
-
borderRadius: (theme === null || theme === void 0
|
|
121
|
-
color: theme === null || theme === void 0
|
|
122
|
-
fontSize: (theme === null || theme === void 0
|
|
123
|
-
fontWeight: (theme === null || theme === void 0
|
|
124
|
-
margin: (theme === null || theme === void 0
|
|
125
|
-
maxWidth: (theme === null || theme === void 0
|
|
126
|
-
padding: (theme === null || theme === void 0
|
|
119
|
+
backgroundColor: theme === null || theme === void 0 || (_theme$UTSidebar9 = theme.UTSidebar) === null || _theme$UTSidebar9 === void 0 || (_theme$UTSidebar9 = _theme$UTSidebar9.logoBadgeClose) === null || _theme$UTSidebar9 === void 0 ? void 0 : _theme$UTSidebar9.backgroundColor,
|
|
120
|
+
borderRadius: (theme === null || theme === void 0 || (_theme$UTSidebar10 = theme.UTSidebar) === null || _theme$UTSidebar10 === void 0 || (_theme$UTSidebar10 = _theme$UTSidebar10.logoBadgeClose) === null || _theme$UTSidebar10 === void 0 ? void 0 : _theme$UTSidebar10.borderRadius) || 8,
|
|
121
|
+
color: theme === null || theme === void 0 || (_theme$UTSidebar11 = theme.UTSidebar) === null || _theme$UTSidebar11 === void 0 || (_theme$UTSidebar11 = _theme$UTSidebar11.logoBadgeClose) === null || _theme$UTSidebar11 === void 0 ? void 0 : _theme$UTSidebar11.color,
|
|
122
|
+
fontSize: (theme === null || theme === void 0 || (_theme$UTSidebar12 = theme.UTSidebar) === null || _theme$UTSidebar12 === void 0 || (_theme$UTSidebar12 = _theme$UTSidebar12.logoBadgeClose) === null || _theme$UTSidebar12 === void 0 ? void 0 : _theme$UTSidebar12.fontSize) || _fontSizes.default.small,
|
|
123
|
+
fontWeight: (theme === null || theme === void 0 || (_theme$UTSidebar13 = theme.UTSidebar) === null || _theme$UTSidebar13 === void 0 || (_theme$UTSidebar13 = _theme$UTSidebar13.logoBadgeClose) === null || _theme$UTSidebar13 === void 0 ? void 0 : _theme$UTSidebar13.fontWeight) || 600,
|
|
124
|
+
margin: (theme === null || theme === void 0 || (_theme$UTSidebar14 = theme.UTSidebar) === null || _theme$UTSidebar14 === void 0 || (_theme$UTSidebar14 = _theme$UTSidebar14.logoBadgeClose) === null || _theme$UTSidebar14 === void 0 ? void 0 : _theme$UTSidebar14.margin) || '12px auto 24px',
|
|
125
|
+
maxWidth: (theme === null || theme === void 0 || (_theme$UTSidebar15 = theme.UTSidebar) === null || _theme$UTSidebar15 === void 0 || (_theme$UTSidebar15 = _theme$UTSidebar15.logoBadgeClose) === null || _theme$UTSidebar15 === void 0 ? void 0 : _theme$UTSidebar15.maxWidth) || '96%',
|
|
126
|
+
padding: (theme === null || theme === void 0 || (_theme$UTSidebar16 = theme.UTSidebar) === null || _theme$UTSidebar16 === void 0 || (_theme$UTSidebar16 = _theme$UTSidebar16.logoBadgeClose) === null || _theme$UTSidebar16 === void 0 ? void 0 : _theme$UTSidebar16.padding) || '2px 8px'
|
|
127
127
|
},
|
|
128
128
|
option: {
|
|
129
129
|
backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'option', 'backgroundColor']),
|
|
@@ -23,9 +23,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
|
23
23
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
24
24
|
var SkeletonWrapper = (0, _reactSkeletor.createSkeletonElement)('div', _stylesModule.default.skeleton);
|
|
25
25
|
var hasMock = function hasMock(string) {
|
|
26
|
-
var _string$props$childre
|
|
26
|
+
var _string$props$childre;
|
|
27
27
|
if (string && string.props.source) return string.props.source.toString().includes('MOCK');
|
|
28
|
-
if (string && string.props.children) return string.props.children.toString().includes('MOCK') || ((_string$props$childre = string.props.children) === null || _string$props$childre === void 0
|
|
28
|
+
if (string && string.props.children) return string.props.children.toString().includes('MOCK') || ((_string$props$childre = string.props.children) === null || _string$props$childre === void 0 || (_string$props$childre = _string$props$childre.props) === null || _string$props$childre === void 0 || (_string$props$childre = _string$props$childre.children) === null || _string$props$childre === void 0 ? void 0 : _string$props$childre.toString().includes('MOCK'));
|
|
29
29
|
};
|
|
30
30
|
var hiddenChildren = function hiddenChildren(child) {
|
|
31
31
|
return /*#__PURE__*/_react.default.cloneElement(child, {
|
|
@@ -242,7 +242,7 @@ var UTTable = function UTTable(_ref) {
|
|
|
242
242
|
}, [rowPadding, rowSpacing, headerPadding, isResponsive]);
|
|
243
243
|
var tableWidth = (0, _react.useMemo)(function () {
|
|
244
244
|
var _entry$target;
|
|
245
|
-
return (entry === null || entry === void 0
|
|
245
|
+
return (entry === null || entry === void 0 || (_entry$target = entry.target) === null || _entry$target === void 0 ? void 0 : _entry$target.clientWidth) || '100%';
|
|
246
246
|
}, [entry]);
|
|
247
247
|
var handleScrollbarSync = function handleScrollbarSync(ps) {
|
|
248
248
|
setTimeout(function () {
|
|
@@ -254,7 +254,7 @@ var UTTable = function UTTable(_ref) {
|
|
|
254
254
|
var totalRowLabel = isResponsive ? '' : totalRowsLabel || (data.length === 1 ? _constants.TOTAL_ROW_LABEL : _constants.TOTAL_ROWS_LABEL);
|
|
255
255
|
var handleSinchronizeContent = function handleSinchronizeContent(event) {
|
|
256
256
|
var _event$target;
|
|
257
|
-
if (contentRef.current && stickyHeader) contentRef.current.scrollTo(event === null || event === void 0
|
|
257
|
+
if (contentRef.current && stickyHeader) contentRef.current.scrollTo(event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.scrollLeft, 0);
|
|
258
258
|
};
|
|
259
259
|
var columnSizes = (0, _react.useMemo)(function () {
|
|
260
260
|
return (0, _utils.getColumnsSizes)({
|
|
@@ -13,7 +13,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
13
13
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
14
14
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
15
15
|
var retrieveStyle = function retrieveStyle(_ref) {
|
|
16
|
-
var _theme$UTTable, _theme$
|
|
16
|
+
var _theme$UTTable, _theme$UTTable2, _theme$Fonts, _theme$UTTable3, _theme$UTTable4, _theme$UTTable5, _theme$Fonts2, _theme$UTTable6, _theme$UTTable7, _theme$UTTable8, _theme$UTTable9, _theme$UTTable10, _theme$UTTable11, _theme$UTTable12, _responsiveCell, _theme$UTTable13, _theme$UTTable14, _theme$UTTable15, _theme$UTTable16, _theme$UTTable17, _theme$UTTable18, _theme$UTTable19, _theme$UTTable20, _theme$UTTable21, _theme$UTTable22, _theme$Fonts3, _theme$UTTable23, _theme$UTTable24, _theme$UTTable25, _theme$Fonts4, _theme$UTTable26, _theme$UTTable27;
|
|
17
17
|
var theme = _ref.theme;
|
|
18
18
|
var tabletMobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'tabletMobile']);
|
|
19
19
|
return {
|
|
@@ -55,15 +55,15 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
headerCellCategoryName: {
|
|
58
|
-
color: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
59
|
-
fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
60
|
-
fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
58
|
+
color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable = theme.UTTable) === null || _theme$UTTable === void 0 || (_theme$UTTable = _theme$UTTable.headerCellCategoryName) === null || _theme$UTTable === void 0 ? void 0 : _theme$UTTable.color),
|
|
59
|
+
fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable2 = theme.UTTable) === null || _theme$UTTable2 === void 0 || (_theme$UTTable2 = _theme$UTTable2.headerCellCategoryName) === null || _theme$UTTable2 === void 0 ? void 0 : _theme$UTTable2.fontSize) || (theme === null || theme === void 0 || (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.small)),
|
|
60
|
+
fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable3 = theme.UTTable) === null || _theme$UTTable3 === void 0 || (_theme$UTTable3 = _theme$UTTable3.headerCellCategoryName) === null || _theme$UTTable3 === void 0 ? void 0 : _theme$UTTable3.fontWeight),
|
|
61
61
|
marginBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerCellCategoryName', 'marginBottom'], 5)
|
|
62
62
|
},
|
|
63
63
|
headerCellUnit: {
|
|
64
|
-
color: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
65
|
-
fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
66
|
-
fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
64
|
+
color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable4 = theme.UTTable) === null || _theme$UTTable4 === void 0 || (_theme$UTTable4 = _theme$UTTable4.headerCellUnit) === null || _theme$UTTable4 === void 0 ? void 0 : _theme$UTTable4.color),
|
|
65
|
+
fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable5 = theme.UTTable) === null || _theme$UTTable5 === void 0 || (_theme$UTTable5 = _theme$UTTable5.headerCellUnit) === null || _theme$UTTable5 === void 0 ? void 0 : _theme$UTTable5.fontSize) || (theme === null || theme === void 0 || (_theme$Fonts2 = theme.Fonts) === null || _theme$Fonts2 === void 0 ? void 0 : _theme$Fonts2.medium)),
|
|
66
|
+
fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable6 = theme.UTTable) === null || _theme$UTTable6 === void 0 || (_theme$UTTable6 = _theme$UTTable6.headerCellUnit) === null || _theme$UTTable6 === void 0 ? void 0 : _theme$UTTable6.fontWeight)
|
|
67
67
|
},
|
|
68
68
|
orderIcon: {
|
|
69
69
|
color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'orderIcon', 'color'])
|
|
@@ -109,12 +109,12 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
109
109
|
borderStyle: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'borderStyle'], 'solid')
|
|
110
110
|
},
|
|
111
111
|
firstRow: {
|
|
112
|
-
borderTopLeftRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
113
|
-
borderTopRightRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
112
|
+
borderTopLeftRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable7 = theme.UTTable) === null || _theme$UTTable7 === void 0 || (_theme$UTTable7 = _theme$UTTable7.table) === null || _theme$UTTable7 === void 0 ? void 0 : _theme$UTTable7.borderRadius),
|
|
113
|
+
borderTopRightRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable8 = theme.UTTable) === null || _theme$UTTable8 === void 0 || (_theme$UTTable8 = _theme$UTTable8.table) === null || _theme$UTTable8 === void 0 ? void 0 : _theme$UTTable8.borderRadius)
|
|
114
114
|
},
|
|
115
115
|
lastRow: {
|
|
116
|
-
borderBottomRightRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
117
|
-
borderBottomLeftRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
116
|
+
borderBottomRightRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable9 = theme.UTTable) === null || _theme$UTTable9 === void 0 || (_theme$UTTable9 = _theme$UTTable9.table) === null || _theme$UTTable9 === void 0 ? void 0 : _theme$UTTable9.borderRadius),
|
|
117
|
+
borderBottomLeftRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable10 = theme.UTTable) === null || _theme$UTTable10 === void 0 || (_theme$UTTable10 = _theme$UTTable10.table) === null || _theme$UTTable10 === void 0 ? void 0 : _theme$UTTable10.borderRadius)
|
|
118
118
|
},
|
|
119
119
|
rowCell: {
|
|
120
120
|
color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'color']),
|
|
@@ -132,8 +132,8 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
132
132
|
fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'tabletMobile', 'fontSize']),
|
|
133
133
|
fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'tabletMobile', 'fontWeight'])
|
|
134
134
|
}), _defineProperty(_responsiveCell, '&:first-child', {
|
|
135
|
-
borderTopLeftRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
136
|
-
borderTopRightRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
135
|
+
borderTopLeftRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable11 = theme.UTTable) === null || _theme$UTTable11 === void 0 || (_theme$UTTable11 = _theme$UTTable11.responsiveRow) === null || _theme$UTTable11 === void 0 ? void 0 : _theme$UTTable11.borderRadius),
|
|
136
|
+
borderTopRightRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable12 = theme.UTTable) === null || _theme$UTTable12 === void 0 || (_theme$UTTable12 = _theme$UTTable12.responsiveRow) === null || _theme$UTTable12 === void 0 ? void 0 : _theme$UTTable12.borderRadius)
|
|
137
137
|
}), _responsiveCell),
|
|
138
138
|
lastCellContainer: {
|
|
139
139
|
borderBottomRightRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'responsiveRow', 'borderRadius']),
|
|
@@ -173,7 +173,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
173
173
|
fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'actionCell', 'fontWeight']),
|
|
174
174
|
borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'borderColor']),
|
|
175
175
|
borderStyle: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'borderStyle'], 'solid'),
|
|
176
|
-
borderWidth: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
176
|
+
borderWidth: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable13 = theme.UTTable) === null || _theme$UTTable13 === void 0 || (_theme$UTTable13 = _theme$UTTable13.rowCell) === null || _theme$UTTable13 === void 0 ? void 0 : _theme$UTTable13.borderWidth) || '1px')
|
|
177
177
|
},
|
|
178
178
|
categoryNameCell: {
|
|
179
179
|
backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'categoryNameCell', 'backgroundColor'], _colors.default.white),
|
|
@@ -181,10 +181,10 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
181
181
|
fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'categoryNameCell', 'fontWeight'])
|
|
182
182
|
},
|
|
183
183
|
firstFixedRowLeft: {
|
|
184
|
-
borderTopLeftRadius: (0, _classesUtils.withImportant)("".concat(theme === null || theme === void 0
|
|
184
|
+
borderTopLeftRadius: (0, _classesUtils.withImportant)("".concat(theme === null || theme === void 0 || (_theme$UTTable14 = theme.UTTable) === null || _theme$UTTable14 === void 0 || (_theme$UTTable14 = _theme$UTTable14.table) === null || _theme$UTTable14 === void 0 ? void 0 : _theme$UTTable14.borderRadius, "px"))
|
|
185
185
|
},
|
|
186
186
|
lastFixedRowLeft: {
|
|
187
|
-
borderBottomLeftRadius: (0, _classesUtils.withImportant)("".concat(theme === null || theme === void 0
|
|
187
|
+
borderBottomLeftRadius: (0, _classesUtils.withImportant)("".concat(theme === null || theme === void 0 || (_theme$UTTable15 = theme.UTTable) === null || _theme$UTTable15 === void 0 || (_theme$UTTable15 = _theme$UTTable15.table) === null || _theme$UTTable15 === void 0 ? void 0 : _theme$UTTable15.borderRadius, "px"))
|
|
188
188
|
},
|
|
189
189
|
fixedRowLeft: {
|
|
190
190
|
backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'fixedRowLeft', 'backgroundColor'], (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'backgroundColor'], _colors.default.white)),
|
|
@@ -199,10 +199,10 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
199
199
|
boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'fixedRowLeft', 'boxShadow'])
|
|
200
200
|
},
|
|
201
201
|
firstFixedRowRight: {
|
|
202
|
-
borderTopRightRadius: (0, _classesUtils.withImportant)("".concat(theme === null || theme === void 0
|
|
202
|
+
borderTopRightRadius: (0, _classesUtils.withImportant)("".concat(theme === null || theme === void 0 || (_theme$UTTable16 = theme.UTTable) === null || _theme$UTTable16 === void 0 || (_theme$UTTable16 = _theme$UTTable16.table) === null || _theme$UTTable16 === void 0 ? void 0 : _theme$UTTable16.borderRadius, "px"))
|
|
203
203
|
},
|
|
204
204
|
lastFixedRowRight: {
|
|
205
|
-
borderTopRightRadius: (0, _classesUtils.withImportant)("".concat(theme === null || theme === void 0
|
|
205
|
+
borderTopRightRadius: (0, _classesUtils.withImportant)("".concat(theme === null || theme === void 0 || (_theme$UTTable17 = theme.UTTable) === null || _theme$UTTable17 === void 0 || (_theme$UTTable17 = _theme$UTTable17.table) === null || _theme$UTTable17 === void 0 ? void 0 : _theme$UTTable17.borderRadius, "px"))
|
|
206
206
|
},
|
|
207
207
|
fixedRowRight: {
|
|
208
208
|
backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'fixedRowRight', 'backgroundColor'], (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'row', 'backgroundColor'], _colors.default.white)),
|
|
@@ -293,17 +293,17 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
293
293
|
pointerEvents: 'none'
|
|
294
294
|
},
|
|
295
295
|
tableTitle: {
|
|
296
|
-
color: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
297
|
-
fontSize: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
298
|
-
fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
296
|
+
color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable18 = theme.UTTable) === null || _theme$UTTable18 === void 0 || (_theme$UTTable18 = _theme$UTTable18.tableTitle) === null || _theme$UTTable18 === void 0 ? void 0 : _theme$UTTable18.color),
|
|
297
|
+
fontSize: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable19 = theme.UTTable) === null || _theme$UTTable19 === void 0 || (_theme$UTTable19 = _theme$UTTable19.tableTitle) === null || _theme$UTTable19 === void 0 ? void 0 : _theme$UTTable19.fontSize),
|
|
298
|
+
fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable20 = theme.UTTable) === null || _theme$UTTable20 === void 0 || (_theme$UTTable20 = _theme$UTTable20.tableTitle) === null || _theme$UTTable20 === void 0 ? void 0 : _theme$UTTable20.fontWeight)
|
|
299
299
|
},
|
|
300
300
|
headerContainer: {
|
|
301
301
|
margin: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'headerContainer', 'margin'])
|
|
302
302
|
},
|
|
303
303
|
totalRowsLabel: {
|
|
304
|
-
color: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
305
|
-
fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
306
|
-
fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
304
|
+
color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable21 = theme.UTTable) === null || _theme$UTTable21 === void 0 || (_theme$UTTable21 = _theme$UTTable21.tableTitle) === null || _theme$UTTable21 === void 0 ? void 0 : _theme$UTTable21.color),
|
|
305
|
+
fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable22 = theme.UTTable) === null || _theme$UTTable22 === void 0 || (_theme$UTTable22 = _theme$UTTable22.tableTitle) === null || _theme$UTTable22 === void 0 ? void 0 : _theme$UTTable22.fontSize) || (theme === null || theme === void 0 || (_theme$Fonts3 = theme.Fonts) === null || _theme$Fonts3 === void 0 ? void 0 : _theme$Fonts3.medium)),
|
|
306
|
+
fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable23 = theme.UTTable) === null || _theme$UTTable23 === void 0 || (_theme$UTTable23 = _theme$UTTable23.tableTitle) === null || _theme$UTTable23 === void 0 ? void 0 : _theme$UTTable23.fontWeight)
|
|
307
307
|
},
|
|
308
308
|
pageSizeSelect: {
|
|
309
309
|
fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
|
|
@@ -326,15 +326,15 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
326
326
|
height: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'noResultsContainer', 'height'], 200)
|
|
327
327
|
},
|
|
328
328
|
noResultsLabel: {
|
|
329
|
-
color: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
330
|
-
fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0
|
|
331
|
-
fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
329
|
+
color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable24 = theme.UTTable) === null || _theme$UTTable24 === void 0 || (_theme$UTTable24 = _theme$UTTable24.noResultsLabel) === null || _theme$UTTable24 === void 0 ? void 0 : _theme$UTTable24.color),
|
|
330
|
+
fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTTable25 = theme.UTTable) === null || _theme$UTTable25 === void 0 || (_theme$UTTable25 = _theme$UTTable25.noResultsLabel) === null || _theme$UTTable25 === void 0 ? void 0 : _theme$UTTable25.fontSize) || (theme === null || theme === void 0 || (_theme$Fonts4 = theme.Fonts) === null || _theme$Fonts4 === void 0 ? void 0 : _theme$Fonts4.medium)),
|
|
331
|
+
fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable26 = theme.UTTable) === null || _theme$UTTable26 === void 0 || (_theme$UTTable26 = _theme$UTTable26.noResultsLabel) === null || _theme$UTTable26 === void 0 ? void 0 : _theme$UTTable26.fontWeight)
|
|
332
332
|
},
|
|
333
333
|
checkBoxRoot: {
|
|
334
334
|
color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'checkbox', 'root', 'color'])
|
|
335
335
|
},
|
|
336
336
|
checkboxColorChecked: {
|
|
337
|
-
color: (0, _classesUtils.withImportant)(theme === null || theme === void 0
|
|
337
|
+
color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable27 = theme.UTTable) === null || _theme$UTTable27 === void 0 || (_theme$UTTable27 = _theme$UTTable27.checkbox) === null || _theme$UTTable27 === void 0 || (_theme$UTTable27 = _theme$UTTable27.selected) === null || _theme$UTTable27 === void 0 ? void 0 : _theme$UTTable27.color)
|
|
338
338
|
},
|
|
339
339
|
tableLoading: {
|
|
340
340
|
backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'checkbox', 'backgroundColor'], (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'header', 'backgroundColor'], _colors.default.white))
|