@widergy/energy-ui 2.10.1 → 2.11.0
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/EnergyThemeProvider/index.js +12 -34
- package/dist/components/Loading/constants.js +1 -1
- package/dist/components/Loading/index.js +12 -10
- package/dist/components/Loading/theme.js +6 -3
- package/dist/components/UTAlert/AlertHandler.js +74 -99
- package/dist/components/UTAlert/index.js +64 -85
- package/dist/components/UTAlert/theme.js +34 -32
- package/dist/components/UTAttachment/components/Preview/index.js +7 -7
- package/dist/components/UTAttachment/constants.js +6 -6
- package/dist/components/UTAttachment/index.js +158 -248
- package/dist/components/UTAttachment/layout.js +25 -25
- package/dist/components/UTAttachment/theme.js +6 -3
- package/dist/components/UTAttachment/utils.js +44 -117
- package/dist/components/UTAutocomplete/components/ListBox/index.js +12 -19
- package/dist/components/UTAutocomplete/components/ListBox/utils.js +11 -12
- package/dist/components/UTAutocomplete/constants.js +11 -11
- package/dist/components/UTAutocomplete/index.js +53 -92
- package/dist/components/UTAutocomplete/theme.js +9 -5
- package/dist/components/UTAvatar/constants.js +1 -1
- package/dist/components/UTAvatar/index.js +17 -15
- package/dist/components/UTBarChart/components/Bars/components/Bar/components/Rect/index.js +21 -20
- package/dist/components/UTBarChart/components/Bars/components/Bar/constants.js +2 -1
- package/dist/components/UTBarChart/components/Bars/components/Bar/index.js +20 -20
- package/dist/components/UTBarChart/components/Bars/constants.js +3 -3
- package/dist/components/UTBarChart/components/Bars/index.js +69 -78
- package/dist/components/UTBarChart/components/Legend/constants.js +14 -17
- package/dist/components/UTBarChart/components/Legend/index.js +74 -91
- package/dist/components/UTBarChart/components/Legend/utils.js +2 -5
- package/dist/components/UTBarChart/components/Levels/index.js +15 -12
- package/dist/components/UTBarChart/components/Levels/utils.js +26 -27
- package/dist/components/UTBarChart/components/LinearPlot/constants.js +2 -2
- package/dist/components/UTBarChart/components/LinearPlot/index.js +24 -18
- package/dist/components/UTBarChart/components/LinearPlot/utils.js +39 -39
- package/dist/components/UTBarChart/components/Pagination/constants.js +1 -1
- package/dist/components/UTBarChart/components/Pagination/index.js +19 -22
- package/dist/components/UTBarChart/components/XAxis/components/AxisElement/index.js +20 -30
- package/dist/components/UTBarChart/components/XAxis/components/Decoration/constants.js +2 -2
- package/dist/components/UTBarChart/components/XAxis/components/Decoration/index.js +19 -17
- package/dist/components/UTBarChart/components/XAxis/constants.js +1 -1
- package/dist/components/UTBarChart/components/XAxis/index.js +53 -63
- package/dist/components/UTBarChart/components/YAxis/AxisElement/index.js +11 -9
- package/dist/components/UTBarChart/components/YAxis/constants.js +1 -1
- package/dist/components/UTBarChart/components/YAxis/index.js +29 -35
- package/dist/components/UTBarChart/components/YAxis/utils.js +6 -6
- package/dist/components/UTBarChart/constants.js +4 -4
- package/dist/components/UTBarChart/hooks/use-dynamic-margins.js +22 -38
- package/dist/components/UTBarChart/index.js +151 -164
- package/dist/components/UTBarChart/theme.js +6 -3
- package/dist/components/UTBarChart/types.js +9 -9
- package/dist/components/UTBarChart/utils.js +118 -111
- package/dist/components/UTBreadcrumbs/constants.js +22 -24
- package/dist/components/UTBreadcrumbs/index.js +75 -99
- package/dist/components/UTBreadcrumbs/theme.js +6 -3
- package/dist/components/UTButton/constants.js +11 -11
- package/dist/components/UTButton/index.js +27 -29
- package/dist/components/UTButton/theme.js +26 -24
- package/dist/components/UTCBUInput/index.js +35 -38
- package/dist/components/UTCBUInput/theme.js +6 -3
- package/dist/components/UTCaptcha/index.js +18 -43
- package/dist/components/UTCard/components/UTCardFooter/index.js +14 -14
- package/dist/components/UTCard/index.js +84 -118
- package/dist/components/UTCard/theme.js +13 -13
- package/dist/components/UTCard/types.js +1 -1
- package/dist/components/UTCarousel/components/Button/index.js +12 -11
- package/dist/components/UTCarousel/components/Legend/index.js +12 -13
- package/dist/components/UTCarousel/components/Slider/component/Slide/index.js +15 -14
- package/dist/components/UTCarousel/components/Slider/constants.js +5 -5
- package/dist/components/UTCarousel/components/Slider/index.js +203 -271
- package/dist/components/UTCarousel/components/Slider/layout.js +66 -92
- package/dist/components/UTCarousel/index.js +13 -13
- package/dist/components/UTCarousel/theme.js +6 -3
- package/dist/components/UTCheckList/constants.js +1 -1
- package/dist/components/UTCheckList/index.js +71 -91
- package/dist/components/UTCheckList/theme.js +34 -32
- package/dist/components/UTCheckbox/constants.js +2 -4
- package/dist/components/UTCheckbox/index.js +31 -42
- package/dist/components/UTCheckbox/theme.js +37 -35
- package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/index.js +8 -7
- package/dist/components/UTConsumptionBar/constants.js +3 -3
- package/dist/components/UTConsumptionBar/index.js +52 -78
- package/dist/components/UTCuit/index.js +108 -131
- package/dist/components/UTCuit/theme.js +52 -53
- package/dist/components/UTDatePicker/components/Day/constants.js +1 -1
- package/dist/components/UTDatePicker/components/Day/index.js +11 -10
- package/dist/components/UTDatePicker/constants.js +21 -22
- package/dist/components/UTDatePicker/index.js +59 -100
- package/dist/components/UTDatePicker/theme.js +8 -4
- package/dist/components/UTDatePicker/types.js +1 -1
- package/dist/components/UTDatePicker/utils.js +4 -6
- package/dist/components/UTDialog/constants.js +2 -2
- package/dist/components/UTDialog/index.js +37 -35
- package/dist/components/UTDialog/theme.js +6 -3
- package/dist/components/UTDialog/types.js +1 -1
- package/dist/components/UTDotMenu/index.js +38 -59
- package/dist/components/UTEmojiPicker/constants.js +5 -5
- package/dist/components/UTEmojiPicker/index.js +44 -63
- package/dist/components/UTEmojiPicker/theme.js +6 -3
- package/dist/components/UTEmojiPicker/utils.js +24 -52
- package/dist/components/UTExternalLink/constants.js +2 -2
- package/dist/components/UTExternalLink/index.js +17 -13
- package/dist/components/UTExternalLink/theme.js +11 -7
- package/dist/components/UTFileInput/constants.js +2 -2
- package/dist/components/UTFileInput/index.js +6 -29
- package/dist/components/UTFileInput/layout.js +67 -95
- package/dist/components/UTIconButton/index.js +48 -70
- package/dist/components/UTIconButton/theme.js +6 -3
- package/dist/components/UTImageRadio/components/ImageRadioCard/index.js +52 -56
- package/dist/components/UTImageRadio/constants.js +3 -3
- package/dist/components/UTImageRadio/index.js +38 -45
- package/dist/components/UTImageRadio/theme.js +13 -13
- package/dist/components/UTImageRadio/types.js +1 -1
- package/dist/components/UTImageRadio/utils.js +4 -6
- package/dist/components/UTLabel/constants.js +13 -11
- package/dist/components/UTLabel/index.js +17 -18
- package/dist/components/UTLabel/theme.js +19 -16
- package/dist/components/UTList/index.js +14 -16
- package/dist/components/UTLoading/index.js +14 -13
- package/dist/components/UTMap/components/GoogleMaps/constants.js +9 -10
- package/dist/components/UTMap/components/GoogleMaps/index.js +62 -89
- package/dist/components/UTMap/constants.js +6 -6
- package/dist/components/UTMap/index.js +162 -196
- package/dist/components/UTMap/types.js +3 -3
- package/dist/components/UTMap/utils.js +35 -46
- package/dist/components/UTMap/withGoogleMapScript.js +11 -15
- package/dist/components/UTMenu/index.js +51 -67
- package/dist/components/UTMenu/theme.js +8 -4
- package/dist/components/UTMenu/utils.js +10 -12
- package/dist/components/UTModal/constants.js +9 -9
- package/dist/components/UTModal/index.js +25 -28
- package/dist/components/UTModal/theme.js +6 -3
- package/dist/components/UTPagination/components/PageSizeSelector/index.js +10 -8
- package/dist/components/UTPagination/components/PageSizeSelector/utils.js +9 -14
- package/dist/components/UTPagination/components/Pagination/components/NavigationButton/index.js +11 -10
- package/dist/components/UTPagination/components/Pagination/index.js +27 -37
- package/dist/components/UTPagination/components/Pagination/utils.js +10 -15
- package/dist/components/UTPagination/constants.js +3 -3
- package/dist/components/UTPagination/index.js +15 -15
- package/dist/components/UTPagination/theme.js +6 -3
- package/dist/components/UTPanel/index.js +37 -42
- package/dist/components/UTPasswordField/components/PasswordValidations/components/Error/index.js +12 -8
- package/dist/components/UTPasswordField/components/PasswordValidations/components/Validation/index.js +21 -17
- package/dist/components/UTPasswordField/components/PasswordValidations/index.js +62 -48
- package/dist/components/UTPasswordField/components/PasswordWarning/index.js +24 -24
- package/dist/components/UTPasswordField/index.js +25 -21
- package/dist/components/UTPasswordField/theme.js +6 -3
- package/dist/components/UTPhoneInput/constants.js +3 -3
- package/dist/components/UTPhoneInput/index.js +179 -203
- package/dist/components/UTPhoneInput/theme.js +79 -77
- package/dist/components/UTPieChart/components/ArrowLabel/constants.js +4 -4
- package/dist/components/UTPieChart/components/ArrowLabel/index.js +23 -21
- package/dist/components/UTPieChart/components/Legend/contants.js +3 -3
- package/dist/components/UTPieChart/components/Legend/index.js +26 -22
- package/dist/components/UTPieChart/constants.js +13 -13
- package/dist/components/UTPieChart/hooks/use-animated-value/index.js +14 -31
- package/dist/components/UTPieChart/index.js +72 -74
- package/dist/components/UTPieChart/theme.js +6 -3
- package/dist/components/UTPieChart/utils.js +6 -3
- package/dist/components/UTProgressBar/constants.js +2 -2
- package/dist/components/UTProgressBar/index.js +14 -15
- package/dist/components/UTProgressBar/theme.js +6 -3
- package/dist/components/UTProgressBar/types.js +1 -1
- package/dist/components/UTRadioGroup/index.js +55 -81
- package/dist/components/UTRadioGroup/theme.js +54 -52
- package/dist/components/UTRating/components/Circle/index.js +40 -54
- package/dist/components/UTRating/components/Faces/assets/mood-confuzed.svg +3 -0
- package/dist/components/UTRating/components/Faces/assets/mood-empty.svg +3 -0
- package/dist/components/UTRating/components/Faces/assets/mood-happy.svg +3 -0
- package/dist/components/UTRating/components/Faces/assets/mood-sad.svg +3 -0
- package/dist/components/UTRating/components/Faces/assets/mood-smile.svg +3 -0
- package/dist/components/UTRating/components/Faces/constants.js +85 -0
- package/dist/components/UTRating/components/Faces/index.js +76 -0
- package/dist/components/UTRating/components/Faces/styles.module.scss +78 -0
- package/dist/components/UTRating/components/Star/index.js +35 -38
- package/dist/components/UTRating/constants.js +5 -4
- package/dist/components/UTRating/index.js +35 -46
- package/dist/components/UTRating/styles.module.scss +1 -0
- package/dist/components/UTRating/theme.js +52 -3
- package/dist/components/UTRipple/Ripple.js +21 -37
- package/dist/components/UTRipple/index.js +17 -35
- package/dist/components/UTSelect/components/Option/index.js +12 -11
- package/dist/components/UTSelect/constants.js +4 -4
- package/dist/components/UTSelect/index.js +62 -83
- package/dist/components/UTSelect/theme.js +9 -5
- package/dist/components/UTSelect/utils.js +5 -14
- package/dist/components/UTSidebar/components/ListOption/index.js +33 -47
- package/dist/components/UTSidebar/components/LogosContainer/components/DynamicIcon/index.js +7 -6
- package/dist/components/UTSidebar/components/LogosContainer/index.js +13 -12
- package/dist/components/UTSidebar/components/Option/constants.js +1 -1
- package/dist/components/UTSidebar/components/Option/index.js +27 -30
- package/dist/components/UTSidebar/components/Toggler/index.js +10 -9
- package/dist/components/UTSidebar/index.js +41 -51
- package/dist/components/UTSidebar/theme.js +6 -3
- package/dist/components/UTSidebar/types.js +5 -5
- package/dist/components/UTSkeleton/index.js +9 -34
- package/dist/components/UTStatus/constants.js +4 -4
- package/dist/components/UTStatus/index.js +15 -13
- package/dist/components/UTStatus/theme.js +70 -49
- package/dist/components/UTSwitch/constants.js +3 -3
- package/dist/components/UTSwitch/index.js +41 -55
- package/dist/components/UTSwitch/theme.js +6 -3
- package/dist/components/UTTable/components/ActionIcons/constants.js +1 -1
- package/dist/components/UTTable/components/ActionIcons/index.js +46 -83
- package/dist/components/UTTable/components/Cell/components/ActionButton/index.js +9 -10
- package/dist/components/UTTable/components/Cell/index.js +17 -21
- package/dist/components/UTTable/components/HeaderCell/constants.js +1 -1
- package/dist/components/UTTable/components/HeaderCell/index.js +22 -28
- package/dist/components/UTTable/components/HeaderCell/utils.js +5 -4
- package/dist/components/UTTable/components/PrimaryAction/index.js +11 -9
- package/dist/components/UTTable/components/ResponsiveCell/index.js +18 -18
- package/dist/components/UTTable/components/Status/index.js +17 -17
- package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/index.js +9 -7
- package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/utils.js +9 -14
- package/dist/components/UTTable/components/TableFooter/components/Pagination/components/NavigationButton/index.js +11 -10
- package/dist/components/UTTable/components/TableFooter/components/Pagination/index.js +20 -30
- package/dist/components/UTTable/components/TableFooter/components/Pagination/utils.js +10 -15
- package/dist/components/UTTable/components/TableFooter/constants.js +1 -1
- package/dist/components/UTTable/components/TableFooter/index.js +14 -13
- package/dist/components/UTTable/components/TableHeader/index.js +10 -9
- package/dist/components/UTTable/components/TableRow/constants.js +2 -4
- package/dist/components/UTTable/components/TableRow/index.js +78 -92
- package/dist/components/UTTable/constants.js +26 -24
- package/dist/components/UTTable/hook.js +13 -27
- package/dist/components/UTTable/index.js +125 -213
- package/dist/components/UTTable/theme.js +19 -18
- package/dist/components/UTTable/types.js +4 -4
- package/dist/components/UTTable/utils.js +80 -75
- package/dist/components/UTTabs/components/TooltipTab/index.js +19 -28
- package/dist/components/UTTabs/constants.js +4 -4
- package/dist/components/UTTabs/index.js +56 -84
- package/dist/components/UTTabs/theme.js +6 -3
- package/dist/components/UTTabs/utils.js +3 -2
- package/dist/components/UTTextArea/constants.js +2 -4
- package/dist/components/UTTextArea/index.js +22 -21
- package/dist/components/UTTextArea/theme.js +6 -3
- package/dist/components/UTTextInput/constants.js +1 -1
- package/dist/components/UTTextInput/index.js +136 -163
- package/dist/components/UTTextInput/theme.js +9 -5
- package/dist/components/UTThirdPartyCookieChecker/index.js +16 -19
- package/dist/components/UTToggle/components/ToggleOption/index.js +15 -15
- package/dist/components/UTToggle/index.js +24 -24
- package/dist/components/UTToggle/theme.js +6 -3
- package/dist/components/UTTooltip/index.js +22 -28
- package/dist/components/UTTooltip/theme.js +6 -3
- package/dist/components/UTTopbar/components/Notifications/index.js +10 -12
- package/dist/components/UTTopbar/components/UserMenu/index.js +14 -13
- package/dist/components/UTTopbar/index.js +27 -29
- package/dist/components/UTTopbar/theme.js +6 -3
- package/dist/components/UTTopbar/types.js +4 -4
- package/dist/components/UTTouchableWithoutFeedback/index.js +13 -25
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/constants.js +2 -2
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/index.js +33 -29
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/utils.js +6 -5
- package/dist/components/UTVirtualizedList/components/VirtualizedData/constants.js +6 -6
- package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-ledger.js +7 -16
- package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-virtualized-data.js +22 -45
- package/dist/components/UTVirtualizedList/components/VirtualizedData/index.js +30 -32
- package/dist/components/UTVirtualizedList/components/VirtualizedData/utils.js +89 -94
- package/dist/components/UTVirtualizedList/constants.js +4 -4
- package/dist/components/UTVirtualizedList/index.js +25 -36
- package/dist/components/UTWorkflowContainer/components/ActionButton/index.js +14 -17
- package/dist/components/UTWorkflowContainer/constants.js +3 -3
- package/dist/components/UTWorkflowContainer/hooks/use-previous.js +5 -4
- package/dist/components/UTWorkflowContainer/index.js +31 -49
- package/dist/components/UTWorkflowContainer/theme.js +62 -54
- package/dist/components/UTWorkflowContainer/types.js +1 -1
- package/dist/components/WithLoading/index.js +9 -13
- package/dist/components/WithTheme/index.js +9 -15
- package/dist/components/WithTheme/layout.js +21 -26
- package/dist/components/WithTouch/index.js +11 -17
- package/dist/constants/UTTable.js +1 -1
- package/dist/index.js +58 -58
- package/dist/theme.js +8 -4
- package/dist/types/commonTypes.js +2 -2
- package/dist/types/consumptionTypes.js +2 -2
- package/dist/types/formTypes.js +3 -3
- package/dist/types/tableTypes.js +1 -1
- package/dist/utils/classesUtils.js +7 -13
- package/dist/utils/componentUtils.js +8 -10
- package/dist/utils/helperFunctions.js +6 -5
- package/dist/utils/shadowUtils.js +15 -12
- package/dist/utils/useScreenSize.js +1 -1
- package/package.json +2 -2
|
@@ -16,43 +16,40 @@ var _types = require("../../types");
|
|
|
16
16
|
var _constants = require("./constants");
|
|
17
17
|
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
20
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
withToggleArrow = _ref.withToggleArrow,
|
|
43
|
-
withTooltip = _ref.withTooltip;
|
|
44
|
-
var isSelected = isSelectedGroup || link === location;
|
|
45
|
-
var handleRedirection = function handleRedirection() {
|
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
21
|
+
const Option = _ref => {
|
|
22
|
+
let {
|
|
23
|
+
classes,
|
|
24
|
+
handleClose,
|
|
25
|
+
handleRedirect,
|
|
26
|
+
IconActive,
|
|
27
|
+
IconInactive,
|
|
28
|
+
isSelectedGroup,
|
|
29
|
+
label,
|
|
30
|
+
labelAlwaysVisible,
|
|
31
|
+
link,
|
|
32
|
+
location,
|
|
33
|
+
onClick,
|
|
34
|
+
open,
|
|
35
|
+
optionRef,
|
|
36
|
+
toggleArrowActive,
|
|
37
|
+
withToggleArrow,
|
|
38
|
+
withTooltip
|
|
39
|
+
} = _ref;
|
|
40
|
+
const isSelected = isSelectedGroup || link === location;
|
|
41
|
+
const handleRedirection = () => {
|
|
46
42
|
handleRedirect(link);
|
|
47
43
|
if (handleClose) handleClose();
|
|
48
44
|
};
|
|
49
|
-
|
|
50
|
-
|
|
45
|
+
const Container = withTooltip ? _UTTooltip.default : _react.Fragment;
|
|
46
|
+
const containerProps = withTooltip && {
|
|
47
|
+
..._constants.TOOLTIP_CONFIG,
|
|
51
48
|
content: /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
|
|
52
49
|
className: classes.tooltipLabel
|
|
53
50
|
}, label),
|
|
54
51
|
className: classes.tooltip
|
|
55
|
-
}
|
|
52
|
+
};
|
|
56
53
|
return /*#__PURE__*/_react.default.createElement(Container, containerProps, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
|
|
57
54
|
className: "\n ".concat(_stylesModule.default.option, "\n ").concat(classes.option, "\n ").concat(isSelected && "".concat(_stylesModule.default.optionSelected, " ").concat(classes.optionSelected), "\n ").concat(isSelected && open && classes.optionSelectedOpened, "\n ").concat(isSelected && !isSelectedGroup && !withTooltip && _stylesModule.default.removeEvents, "\n "),
|
|
58
55
|
onClick: onClick || handleRedirection,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -14,14 +13,16 @@ var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
|
|
|
14
13
|
var _types = require("../../types");
|
|
15
14
|
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
16
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
18
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
|
+
const Toggler = _ref => {
|
|
19
|
+
let {
|
|
20
|
+
classes,
|
|
21
|
+
open,
|
|
22
|
+
toggleDrawer,
|
|
23
|
+
title,
|
|
24
|
+
subtitle
|
|
25
|
+
} = _ref;
|
|
25
26
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
26
27
|
className: "".concat(classes.togglerContainer, " ").concat(_stylesModule.default.togglerContainer)
|
|
27
28
|
}, open ? /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -13,7 +12,7 @@ var _List = _interopRequireDefault(require("@material-ui/core/List"));
|
|
|
13
12
|
var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
|
|
14
13
|
require("react-perfect-scrollbar/dist/css/styles.css");
|
|
15
14
|
var _array = require("@widergy/web-utils/lib/array");
|
|
16
|
-
var
|
|
15
|
+
var _useScreenSize = require("../../utils/useScreenSize");
|
|
17
16
|
var _classesUtils = require("../../utils/classesUtils");
|
|
18
17
|
var _WithTheme = _interopRequireDefault(require("../WithTheme"));
|
|
19
18
|
var _types = require("./types");
|
|
@@ -23,41 +22,37 @@ var _LogosContainer = _interopRequireDefault(require("./components/LogosContaine
|
|
|
23
22
|
var _Option = _interopRequireDefault(require("./components/Option"));
|
|
24
23
|
var _Toggler = _interopRequireDefault(require("./components/Toggler"));
|
|
25
24
|
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
26
|
-
var _excluded = ["show", "options"];
|
|
27
25
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
28
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
29
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
26
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
27
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
30
28
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
isTabletOrDesktop
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
var toggleDrawer = function toggleDrawer() {
|
|
59
|
-
return open ? handleClose() : handleOpen();
|
|
60
|
-
};
|
|
29
|
+
const UTSidebar = _ref => {
|
|
30
|
+
let {
|
|
31
|
+
badgeContent,
|
|
32
|
+
BigLogo,
|
|
33
|
+
classes: themeClasses,
|
|
34
|
+
classNames,
|
|
35
|
+
FooterBigLogo,
|
|
36
|
+
FooterSmallLogo,
|
|
37
|
+
handleClose,
|
|
38
|
+
handleOpen,
|
|
39
|
+
handleRedirect,
|
|
40
|
+
labelAlwaysVisible,
|
|
41
|
+
location,
|
|
42
|
+
open,
|
|
43
|
+
options,
|
|
44
|
+
SmallLogo,
|
|
45
|
+
subtitle,
|
|
46
|
+
title,
|
|
47
|
+
withMouseActions,
|
|
48
|
+
withoutToggler,
|
|
49
|
+
withTooltip
|
|
50
|
+
} = _ref;
|
|
51
|
+
const {
|
|
52
|
+
isTabletOrDesktop
|
|
53
|
+
} = (0, _useScreenSize.useScreenSize)();
|
|
54
|
+
const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
|
|
55
|
+
const toggleDrawer = () => open ? handleClose() : handleOpen();
|
|
61
56
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Drawer.default, {
|
|
62
57
|
open: isTabletOrDesktop || open,
|
|
63
58
|
variant: isTabletOrDesktop ? 'persistent' : 'temporary',
|
|
@@ -68,12 +63,8 @@ var UTSidebar = function UTSidebar(_ref) {
|
|
|
68
63
|
ModalProps: {
|
|
69
64
|
onClose: handleClose
|
|
70
65
|
},
|
|
71
|
-
onMouseLeave:
|
|
72
|
-
|
|
73
|
-
},
|
|
74
|
-
onMouseEnter: function onMouseEnter() {
|
|
75
|
-
return withMouseActions && handleOpen();
|
|
76
|
-
}
|
|
66
|
+
onMouseLeave: () => withMouseActions && handleClose(),
|
|
67
|
+
onMouseEnter: () => withMouseActions && handleOpen()
|
|
77
68
|
}, (BigLogo || SmallLogo) && /*#__PURE__*/_react.default.createElement(_LogosContainer.default, {
|
|
78
69
|
badgeClassName: open ? classes.logoBadgeOpen : classes.logoBadgeClose,
|
|
79
70
|
badgeContent: badgeContent,
|
|
@@ -98,18 +89,17 @@ var UTSidebar = function UTSidebar(_ref) {
|
|
|
98
89
|
options: {
|
|
99
90
|
suppressScrollX: true
|
|
100
91
|
}
|
|
101
|
-
}, options.map(
|
|
102
|
-
|
|
103
|
-
show =
|
|
104
|
-
menuOptions
|
|
105
|
-
props
|
|
92
|
+
}, options.map(_ref2 => {
|
|
93
|
+
let {
|
|
94
|
+
show = true,
|
|
95
|
+
options: menuOptions,
|
|
96
|
+
...props
|
|
97
|
+
} = _ref2;
|
|
106
98
|
if (!show) return false;
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
return opt.show;
|
|
110
|
-
});
|
|
99
|
+
const hasMenuOptions = !(0, _array.isEmpty)(menuOptions);
|
|
100
|
+
const menuOptionsToShow = hasMenuOptions && menuOptions.filter(opt => opt.show);
|
|
111
101
|
if (hasMenuOptions && (0, _array.isEmpty)(menuOptionsToShow)) return false;
|
|
112
|
-
|
|
102
|
+
const Component = (0, _array.isEmpty)(menuOptions) ? _Option.default : _ListOption.default;
|
|
113
103
|
return /*#__PURE__*/_react.default.createElement(Component, _extends({
|
|
114
104
|
classes: classes,
|
|
115
105
|
handleClose: handleClose,
|
|
@@ -8,9 +8,11 @@ var _seamlessImmutable = require("seamless-immutable");
|
|
|
8
8
|
var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
|
|
9
9
|
var _fontSizesModule = _interopRequireDefault(require("../../scss/variables/fontSizes.module.scss"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
11
|
+
const retrieveStyle = _ref => {
|
|
12
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
|
+
let {
|
|
14
|
+
theme
|
|
15
|
+
} = _ref;
|
|
14
16
|
return {
|
|
15
17
|
drawerRoot: {
|
|
16
18
|
width: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawer', 'width'], 60)
|
|
@@ -247,4 +249,5 @@ var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
|
|
|
247
249
|
color: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'tooltipLabel', 'color'])
|
|
248
250
|
}
|
|
249
251
|
};
|
|
250
|
-
};
|
|
252
|
+
};
|
|
253
|
+
exports.retrieveStyle = retrieveStyle;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.subOptionType = exports.optionsType = exports.optionType = exports.iconType = exports.classType = void 0;
|
|
7
7
|
var _propTypes = require("prop-types");
|
|
8
|
-
|
|
8
|
+
const classType = exports.classType = (0, _propTypes.shape)({
|
|
9
9
|
bigLogo: _propTypes.string,
|
|
10
10
|
closeDrawerContainer: _propTypes.string,
|
|
11
11
|
closeIcon: _propTypes.string,
|
|
@@ -32,15 +32,15 @@ var classType = exports.classType = (0, _propTypes.shape)({
|
|
|
32
32
|
optionSelected: _propTypes.string,
|
|
33
33
|
togglerContainer: _propTypes.string
|
|
34
34
|
});
|
|
35
|
-
|
|
36
|
-
|
|
35
|
+
const iconType = exports.iconType = (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.elementType]);
|
|
36
|
+
const subOptionType = exports.subOptionType = (0, _propTypes.shape)({
|
|
37
37
|
id: _propTypes.string,
|
|
38
38
|
key: _propTypes.string,
|
|
39
39
|
label: _propTypes.string,
|
|
40
40
|
link: _propTypes.string,
|
|
41
41
|
show: _propTypes.bool
|
|
42
42
|
});
|
|
43
|
-
|
|
43
|
+
const optionType = exports.optionType = (0, _propTypes.shape)({
|
|
44
44
|
id: _propTypes.string,
|
|
45
45
|
key: _propTypes.string,
|
|
46
46
|
IconActive: _propTypes.elementType,
|
|
@@ -50,4 +50,4 @@ var optionType = exports.optionType = (0, _propTypes.shape)({
|
|
|
50
50
|
show: _propTypes.bool,
|
|
51
51
|
options: (0, _propTypes.arrayOf)(subOptionType)
|
|
52
52
|
});
|
|
53
|
-
|
|
53
|
+
const optionsType = exports.optionsType = (0, _propTypes.arrayOf)(optionType);
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -9,42 +8,18 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
8
|
var _reactSkeletor = require("@trainline/react-skeletor");
|
|
10
9
|
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
11
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
15
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
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
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
18
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
19
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
20
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
21
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
22
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
23
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
24
|
-
var SkeletonWrapper = (0, _reactSkeletor.createSkeletonElement)('div', _stylesModule.default.skeleton);
|
|
25
|
-
var hasMock = function hasMock(string) {
|
|
11
|
+
const SkeletonWrapper = (0, _reactSkeletor.createSkeletonElement)('div', _stylesModule.default.skeleton);
|
|
12
|
+
const hasMock = string => {
|
|
26
13
|
var _string$props$childre;
|
|
27
14
|
if (string && string.props.source) return string.props.source.toString().includes('MOCK');
|
|
28
15
|
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
16
|
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
_inherits(Skeleton, _React$PureComponent);
|
|
37
|
-
var _super = _createSuper(Skeleton);
|
|
38
|
-
function Skeleton() {
|
|
39
|
-
_classCallCheck(this, Skeleton);
|
|
40
|
-
return _super.apply(this, arguments);
|
|
17
|
+
const hiddenChildren = child => /*#__PURE__*/_react.default.cloneElement(child, {
|
|
18
|
+
className: "".concat(child.className, " ").concat(_stylesModule.default.skeletonHiddenChild)
|
|
19
|
+
});
|
|
20
|
+
class Skeleton extends _react.default.PureComponent {
|
|
21
|
+
render() {
|
|
22
|
+
return hasMock(this.props.children) ? /*#__PURE__*/_react.default.createElement(SkeletonWrapper, null, hiddenChildren(this.props.children)) : this.props.children;
|
|
41
23
|
}
|
|
42
|
-
|
|
43
|
-
key: "render",
|
|
44
|
-
value: function render() {
|
|
45
|
-
return hasMock(this.props.children) ? /*#__PURE__*/_react.default.createElement(SkeletonWrapper, null, hiddenChildren(this.props.children)) : this.props.children;
|
|
46
|
-
}
|
|
47
|
-
}]);
|
|
48
|
-
return Skeleton;
|
|
49
|
-
}(_react.default.PureComponent);
|
|
24
|
+
}
|
|
50
25
|
var _default = exports.default = Skeleton;
|
|
@@ -4,23 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.VARIANTS = exports.TYPES = exports.SIZES = exports.DEFAULT_PROPS = void 0;
|
|
7
|
-
|
|
7
|
+
const SIZES = exports.SIZES = {
|
|
8
8
|
large: 'body',
|
|
9
9
|
medium: 'small'
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
const VARIANTS = exports.VARIANTS = {
|
|
12
12
|
error: 'error',
|
|
13
13
|
information: 'information',
|
|
14
14
|
success: 'success',
|
|
15
15
|
unassigned: 'unassigned',
|
|
16
16
|
warning: 'warning'
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
const TYPES = exports.TYPES = {
|
|
19
19
|
default: 'default',
|
|
20
20
|
light: 'light',
|
|
21
21
|
negative: 'negative'
|
|
22
22
|
};
|
|
23
|
-
|
|
23
|
+
const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
|
|
24
24
|
size: 'medium',
|
|
25
25
|
type: 'default',
|
|
26
26
|
variant: 'success'
|
|
@@ -14,17 +14,19 @@ var _constants = require("./constants");
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
/* eslint-disable react/no-children-prop */
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
17
|
+
const UTStatus = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
children,
|
|
20
|
+
classes,
|
|
21
|
+
className,
|
|
22
|
+
Icon,
|
|
23
|
+
size,
|
|
24
|
+
title,
|
|
25
|
+
type,
|
|
26
|
+
variant,
|
|
27
|
+
withoutIcon
|
|
28
|
+
} = _ref;
|
|
29
|
+
const StatusIcon = Icon !== null && Icon !== void 0 ? Icon : (0, _theme.defaultIconMapper)(variant);
|
|
28
30
|
return /*#__PURE__*/_react.default.createElement(_UTSkeleton.default, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
29
31
|
className: "".concat(classes.root, " ").concat(className),
|
|
30
32
|
title: title
|
|
@@ -34,8 +36,8 @@ var UTStatus = function UTStatus(_ref) {
|
|
|
34
36
|
className: classes.label,
|
|
35
37
|
variant: _constants.SIZES[size] || _constants.SIZES[_constants.DEFAULT_PROPS.size],
|
|
36
38
|
colorTheme: (0, _theme.getLabelTheme)((0, _theme.validateProps)({
|
|
37
|
-
type
|
|
38
|
-
variant
|
|
39
|
+
type,
|
|
40
|
+
variant
|
|
39
41
|
})),
|
|
40
42
|
weight: "medium"
|
|
41
43
|
}, children)));
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -8,11 +7,6 @@ exports.validateProps = exports.retrieveStyle = exports.getLabelTheme = exports.
|
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
8
|
var _constants = require("./constants");
|
|
10
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
14
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
15
|
-
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); }
|
|
16
10
|
var ErrorIcon = function ErrorIcon(props) {
|
|
17
11
|
return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
|
|
18
12
|
fillRule: "evenodd",
|
|
@@ -88,45 +82,62 @@ WarningIcon.defaultProps = {
|
|
|
88
82
|
fill: "none",
|
|
89
83
|
xmlns: "http://www.w3.org/2000/svg"
|
|
90
84
|
};
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
85
|
+
const getBackgroundColor = _ref => {
|
|
86
|
+
let {
|
|
87
|
+
theme,
|
|
88
|
+
type,
|
|
89
|
+
variant
|
|
90
|
+
} = _ref;
|
|
95
91
|
return variant !== _constants.VARIANTS.unassigned ? theme.Palette[variant][type === _constants.TYPES.negative ? '04' : '01'] : type === _constants.TYPES.negative ? theme.Palette.gray['04'] : theme.Palette.light['04'];
|
|
96
92
|
};
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
type
|
|
101
|
-
variant
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
93
|
+
const getIconFill = _ref2 => {
|
|
94
|
+
let {
|
|
95
|
+
theme,
|
|
96
|
+
type,
|
|
97
|
+
variant
|
|
98
|
+
} = _ref2;
|
|
99
|
+
return {
|
|
100
|
+
[_constants.TYPES.default]: theme.Palette.dark['05'],
|
|
101
|
+
[_constants.TYPES.light]: theme.Palette[variant !== _constants.VARIANTS.unassigned ? variant : 'gray']['05'],
|
|
102
|
+
[_constants.TYPES.negative]: theme.Palette.light['01']
|
|
103
|
+
}[type];
|
|
107
104
|
};
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
105
|
+
const defaultIconMapper = variant => ({
|
|
106
|
+
[_constants.VARIANTS.error]: ErrorIcon,
|
|
107
|
+
[_constants.VARIANTS.information]: InfoIcon,
|
|
108
|
+
[_constants.VARIANTS.success]: SuccessIcon,
|
|
109
|
+
[_constants.VARIANTS.unassigned]: UnassignedIcon,
|
|
110
|
+
[_constants.VARIANTS.warning]: WarningIcon
|
|
111
|
+
})[variant];
|
|
112
|
+
exports.defaultIconMapper = defaultIconMapper;
|
|
113
|
+
const validateProps = _ref3 => {
|
|
114
|
+
let {
|
|
115
|
+
type,
|
|
116
|
+
variant
|
|
117
|
+
} = _ref3;
|
|
111
118
|
return {
|
|
112
119
|
type: _constants.TYPES[type] || _constants.TYPES[_constants.DEFAULT_PROPS.type],
|
|
113
120
|
variant: _constants.VARIANTS[variant] || _constants.VARIANTS[_constants.DEFAULT_PROPS.variant]
|
|
114
121
|
};
|
|
115
122
|
};
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
123
|
+
exports.validateProps = validateProps;
|
|
124
|
+
const retrieveStyle = _ref4 => {
|
|
125
|
+
let {
|
|
126
|
+
theme,
|
|
127
|
+
type,
|
|
128
|
+
uppercase,
|
|
129
|
+
variant
|
|
130
|
+
} = _ref4;
|
|
121
131
|
return {
|
|
122
132
|
root: {
|
|
123
133
|
alignItems: 'center',
|
|
124
|
-
backgroundColor: getBackgroundColor(
|
|
125
|
-
theme
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
134
|
+
backgroundColor: getBackgroundColor({
|
|
135
|
+
theme,
|
|
136
|
+
...validateProps({
|
|
137
|
+
type,
|
|
138
|
+
variant
|
|
139
|
+
})
|
|
140
|
+
}),
|
|
130
141
|
borderRadius: '4px',
|
|
131
142
|
display: 'flex',
|
|
132
143
|
gridGap: '8px',
|
|
@@ -137,27 +148,37 @@ var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref4) {
|
|
|
137
148
|
display: 'none'
|
|
138
149
|
}
|
|
139
150
|
},
|
|
140
|
-
label:
|
|
141
|
-
|
|
142
|
-
|
|
151
|
+
label: {
|
|
152
|
+
...(uppercase ? {
|
|
153
|
+
textTransform: 'uppercase'
|
|
154
|
+
} : {})
|
|
155
|
+
},
|
|
143
156
|
icon: {
|
|
144
157
|
flexShrink: '0',
|
|
145
158
|
height: '20px',
|
|
146
159
|
width: '20px',
|
|
147
160
|
'& path': {
|
|
148
|
-
fill: getIconFill(
|
|
149
|
-
theme
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
161
|
+
fill: getIconFill({
|
|
162
|
+
theme,
|
|
163
|
+
...validateProps({
|
|
164
|
+
type,
|
|
165
|
+
variant
|
|
166
|
+
})
|
|
167
|
+
})
|
|
154
168
|
}
|
|
155
169
|
}
|
|
156
170
|
};
|
|
157
171
|
};
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
};
|
|
172
|
+
exports.retrieveStyle = retrieveStyle;
|
|
173
|
+
const getLabelTheme = _ref5 => {
|
|
174
|
+
let {
|
|
175
|
+
type,
|
|
176
|
+
variant
|
|
177
|
+
} = _ref5;
|
|
178
|
+
return {
|
|
179
|
+
[_constants.TYPES.default]: 'dark',
|
|
180
|
+
[_constants.TYPES.light]: variant !== _constants.VARIANTS.unassigned ? variant : 'gray',
|
|
181
|
+
[_constants.TYPES.negative]: 'light'
|
|
182
|
+
}[type];
|
|
183
|
+
};
|
|
184
|
+
exports.getLabelTheme = getLabelTheme;
|
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TRUE = exports.STATES = exports.DEFAULT_SWITCH_ID = void 0;
|
|
7
|
-
|
|
7
|
+
const STATES = exports.STATES = {
|
|
8
8
|
ON: 'SI',
|
|
9
9
|
OFF: 'NO'
|
|
10
10
|
};
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
const DEFAULT_SWITCH_ID = exports.DEFAULT_SWITCH_ID = 'switch';
|
|
12
|
+
const TRUE = exports.TRUE = 'true';
|