@widergy/energy-ui 1.136.0 → 1.136.2
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/dist/components/EnergyThemeProvider/index.js +13 -36
- package/dist/components/Loading/constants.js +1 -2
- package/dist/components/Loading/index.js +13 -12
- package/dist/components/Loading/theme.js +9 -11
- package/dist/components/UTAlert/AlertHandler.js +75 -101
- package/dist/components/UTAlert/index.js +65 -87
- package/dist/components/UTAlert/theme.js +29 -31
- package/dist/components/UTAttachment/components/Preview/index.js +8 -9
- package/dist/components/UTAttachment/constants.js +7 -13
- package/dist/components/UTAttachment/index.js +153 -232
- package/dist/components/UTAttachment/layout.js +25 -26
- package/dist/components/UTAttachment/theme.js +12 -14
- package/dist/components/UTAttachment/utils.js +34 -117
- package/dist/components/UTAutocomplete/components/ListBox/index.js +13 -21
- package/dist/components/UTAutocomplete/components/ListBox/utils.js +9 -11
- package/dist/components/UTAutocomplete/constants.js +12 -23
- package/dist/components/UTAutocomplete/index.js +45 -66
- package/dist/components/UTAutocomplete/theme.js +3 -3
- package/dist/components/UTAvatar/constants.js +2 -3
- package/dist/components/UTAvatar/index.js +15 -12
- package/dist/components/UTBarChart/components/Bars/components/Bar/components/Rect/index.js +22 -22
- package/dist/components/UTBarChart/components/Bars/components/Bar/constants.js +1 -1
- package/dist/components/UTBarChart/components/Bars/components/Bar/index.js +21 -22
- package/dist/components/UTBarChart/components/Bars/constants.js +3 -6
- package/dist/components/UTBarChart/components/Bars/index.js +70 -80
- package/dist/components/UTBarChart/components/Legend/constants.js +12 -18
- package/dist/components/UTBarChart/components/Legend/index.js +73 -91
- package/dist/components/UTBarChart/components/Legend/utils.js +1 -5
- package/dist/components/UTBarChart/components/Levels/index.js +16 -14
- package/dist/components/UTBarChart/components/Levels/utils.js +25 -27
- package/dist/components/UTBarChart/components/LinearPlot/constants.js +3 -5
- package/dist/components/UTBarChart/components/LinearPlot/index.js +25 -20
- package/dist/components/UTBarChart/components/LinearPlot/utils.js +37 -39
- package/dist/components/UTBarChart/components/Pagination/constants.js +1 -2
- package/dist/components/UTBarChart/components/Pagination/index.js +20 -24
- package/dist/components/UTBarChart/components/XAxis/components/AxisElement/index.js +21 -32
- package/dist/components/UTBarChart/components/XAxis/components/Decoration/constants.js +2 -4
- package/dist/components/UTBarChart/components/XAxis/components/Decoration/index.js +20 -19
- package/dist/components/UTBarChart/components/XAxis/constants.js +1 -2
- package/dist/components/UTBarChart/components/XAxis/index.js +54 -65
- package/dist/components/UTBarChart/components/YAxis/AxisElement/index.js +12 -11
- package/dist/components/UTBarChart/components/YAxis/constants.js +1 -2
- package/dist/components/UTBarChart/components/YAxis/index.js +24 -31
- package/dist/components/UTBarChart/components/YAxis/utils.js +4 -6
- package/dist/components/UTBarChart/constants.js +4 -8
- package/dist/components/UTBarChart/hooks/use-dynamic-margins.js +23 -40
- package/dist/components/UTBarChart/index.js +148 -162
- package/dist/components/UTBarChart/theme.js +102 -104
- package/dist/components/UTBarChart/types.js +9 -17
- package/dist/components/UTBarChart/utils.js +107 -111
- package/dist/components/UTBreadcrumbs/constants.js +3 -6
- package/dist/components/UTBreadcrumbs/index.js +79 -106
- package/dist/components/UTBreadcrumbs/theme.js +21 -23
- package/dist/components/UTButton/index.js +48 -71
- package/dist/components/UTButton/theme.js +172 -174
- package/dist/components/UTCBUInput/index.js +36 -40
- package/dist/components/UTCBUInput/theme.js +5 -7
- package/dist/components/UTCaptcha/index.js +19 -45
- package/dist/components/UTCard/components/UTCardFooter/index.js +16 -17
- package/dist/components/UTCard/index.js +87 -122
- package/dist/components/UTCard/theme.js +8 -11
- package/dist/components/UTCard/types.js +2 -3
- package/dist/components/UTCarousel/components/Button/index.js +13 -13
- package/dist/components/UTCarousel/components/Legend/index.js +14 -16
- package/dist/components/UTCarousel/components/Slider/component/Slide/index.js +16 -16
- package/dist/components/UTCarousel/components/Slider/constants.js +5 -10
- package/dist/components/UTCarousel/components/Slider/index.js +181 -252
- package/dist/components/UTCarousel/components/Slider/layout.js +66 -93
- package/dist/components/UTCarousel/index.js +14 -15
- package/dist/components/UTCarousel/theme.js +35 -37
- package/dist/components/UTCheckList/constants.js +1 -2
- package/dist/components/UTCheckList/index.js +72 -91
- package/dist/components/UTCheckList/theme.js +66 -70
- package/dist/components/UTCheckbox/constants.js +3 -6
- package/dist/components/UTCheckbox/index.js +31 -42
- package/dist/components/UTCheckbox/theme.js +49 -53
- package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/index.js +9 -9
- package/dist/components/UTConsumptionBar/constants.js +3 -6
- package/dist/components/UTConsumptionBar/index.js +49 -74
- package/dist/components/UTCuit/index.js +109 -133
- package/dist/components/UTCuit/theme.js +47 -49
- package/dist/components/UTDatePicker/components/Day/constants.js +1 -2
- package/dist/components/UTDatePicker/components/Day/index.js +12 -12
- package/dist/components/UTDatePicker/constants.js +20 -31
- package/dist/components/UTDatePicker/index.js +59 -101
- package/dist/components/UTDatePicker/theme.js +173 -177
- package/dist/components/UTDatePicker/types.js +2 -3
- package/dist/components/UTDatePicker/utils.js +2 -6
- package/dist/components/UTDialog/components/ActionButton/index.js +10 -9
- package/dist/components/UTDialog/constants.js +2 -4
- package/dist/components/UTDialog/index.js +39 -38
- package/dist/components/UTDialog/theme.js +93 -95
- package/dist/components/UTDialog/types.js +2 -3
- package/dist/components/UTDotMenu/index.js +33 -57
- package/dist/components/UTEmojiPicker/constants.js +6 -11
- package/dist/components/UTEmojiPicker/index.js +45 -65
- package/dist/components/UTEmojiPicker/theme.js +1 -1
- package/dist/components/UTEmojiPicker/utils.js +21 -51
- package/dist/components/UTExternalLink/index.js +17 -14
- package/dist/components/UTFileInput/constants.js +2 -4
- package/dist/components/UTFileInput/index.js +7 -31
- package/dist/components/UTFileInput/layout.js +67 -96
- package/dist/components/UTIconButton/index.js +49 -72
- package/dist/components/UTIconButton/theme.js +53 -55
- package/dist/components/UTImageRadio/components/ImageRadioCard/index.js +53 -58
- package/dist/components/UTImageRadio/constants.js +3 -6
- package/dist/components/UTImageRadio/index.js +39 -47
- package/dist/components/UTImageRadio/theme.js +8 -11
- package/dist/components/UTImageRadio/types.js +2 -3
- package/dist/components/UTImageRadio/utils.js +2 -6
- package/dist/components/UTLabel/index.js +69 -90
- package/dist/components/UTLabel/theme.js +84 -86
- package/dist/components/UTList/index.js +15 -18
- package/dist/components/UTLoading/index.js +15 -15
- package/dist/components/UTMap/components/GoogleMaps/constants.js +8 -11
- package/dist/components/UTMap/components/GoogleMaps/index.js +63 -91
- package/dist/components/UTMap/components/GoogleMaps/styles.js +2 -3
- package/dist/components/UTMap/constants.js +6 -12
- package/dist/components/UTMap/index.js +163 -198
- package/dist/components/UTMap/types.js +4 -6
- package/dist/components/UTMap/utils.js +29 -46
- package/dist/components/UTMap/withGoogleMapScript.js +12 -17
- package/dist/components/UTMenu/index.js +52 -69
- package/dist/components/UTMenu/theme.js +2 -2
- package/dist/components/UTMenu/utils.js +5 -11
- package/dist/components/UTPagination/theme.js +4 -2
- package/dist/components/UTPanel/index.js +38 -44
- package/dist/components/UTPasswordField/components/PasswordValidations/components/Error/index.js +14 -11
- package/dist/components/UTPasswordField/components/PasswordValidations/components/Validation/index.js +24 -21
- package/dist/components/UTPasswordField/components/PasswordValidations/index.js +63 -50
- package/dist/components/UTPasswordField/components/PasswordWarning/index.js +26 -27
- package/dist/components/UTPasswordField/index.js +26 -23
- package/dist/components/UTPasswordField/theme.js +37 -39
- package/dist/components/UTPhoneInput/constants.js +3 -6
- package/dist/components/UTPhoneInput/index.js +180 -205
- package/dist/components/UTPhoneInput/theme.js +109 -113
- package/dist/components/UTPieChart/components/ArrowLabel/constants.js +4 -8
- package/dist/components/UTPieChart/components/ArrowLabel/index.js +24 -23
- package/dist/components/UTPieChart/components/Legend/contants.js +3 -6
- package/dist/components/UTPieChart/components/Legend/index.js +27 -24
- package/dist/components/UTPieChart/constants.js +13 -26
- package/dist/components/UTPieChart/hooks/use-animated-value/index.js +15 -33
- package/dist/components/UTPieChart/index.js +73 -76
- package/dist/components/UTPieChart/theme.js +23 -25
- package/dist/components/UTPieChart/utils.js +4 -2
- package/dist/components/UTProgressBar/constants.js +2 -4
- package/dist/components/UTProgressBar/index.js +12 -11
- package/dist/components/UTProgressBar/theme.js +25 -27
- package/dist/components/UTProgressBar/types.js +2 -3
- package/dist/components/UTRadioGroup/index.js +45 -71
- package/dist/components/UTRadioGroup/theme.js +82 -86
- package/dist/components/UTRating/components/Circle/index.js +41 -56
- package/dist/components/UTRating/components/Faces/constants.js +2 -4
- package/dist/components/UTRating/components/Faces/index.js +34 -36
- package/dist/components/UTRating/components/Star/index.js +36 -40
- package/dist/components/UTRating/constants.js +4 -8
- package/dist/components/UTRating/index.js +31 -46
- package/dist/components/UTRating/theme.js +77 -79
- package/dist/components/UTRipple/Ripple.js +22 -39
- package/dist/components/UTRipple/index.js +18 -37
- package/dist/components/UTSelect/components/Option/index.js +13 -13
- package/dist/components/UTSelect/constants.js +4 -8
- package/dist/components/UTSelect/index.js +61 -81
- package/dist/components/UTSelect/stylesJS.js +2 -3
- package/dist/components/UTSelect/theme.js +43 -45
- package/dist/components/UTSelect/utils.js +3 -13
- package/dist/components/UTSidebar/components/ListOption/index.js +32 -47
- package/dist/components/UTSidebar/components/LogosContainer/components/DynamicIcon/index.js +8 -8
- package/dist/components/UTSidebar/components/LogosContainer/index.js +14 -14
- package/dist/components/UTSidebar/components/Option/constants.js +2 -3
- package/dist/components/UTSidebar/components/Option/index.js +28 -32
- package/dist/components/UTSidebar/components/Toggler/index.js +11 -11
- package/dist/components/UTSidebar/index.js +42 -53
- package/dist/components/UTSidebar/theme.js +1 -1
- package/dist/components/UTSidebar/types.js +5 -10
- package/dist/components/UTSkeleton/index.js +10 -36
- package/dist/components/UTSwitch/constants.js +3 -6
- package/dist/components/UTSwitch/index.js +42 -57
- package/dist/components/UTSwitch/theme.js +115 -117
- package/dist/components/UTTable/components/ActionIcons/constants.js +1 -2
- package/dist/components/UTTable/components/ActionIcons/index.js +44 -81
- package/dist/components/UTTable/components/Cell/index.js +18 -23
- package/dist/components/UTTable/components/HeaderCell/constants.js +2 -3
- package/dist/components/UTTable/components/HeaderCell/index.js +23 -30
- package/dist/components/UTTable/components/HeaderCell/utils.js +3 -3
- package/dist/components/UTTable/components/PrimaryAction/index.js +12 -11
- package/dist/components/UTTable/components/ResponsiveCell/index.js +19 -20
- package/dist/components/UTTable/components/Status/index.js +18 -19
- package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/index.js +10 -9
- package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/utils.js +7 -13
- package/dist/components/UTTable/components/TableFooter/components/Pagination/components/NavigationButton/index.js +12 -12
- package/dist/components/UTTable/components/TableFooter/components/Pagination/index.js +21 -32
- package/dist/components/UTTable/components/TableFooter/components/Pagination/utils.js +8 -14
- package/dist/components/UTTable/components/TableFooter/constants.js +1 -2
- package/dist/components/UTTable/components/TableFooter/index.js +15 -15
- package/dist/components/UTTable/components/TableHeader/index.js +11 -11
- package/dist/components/UTTable/components/TableRow/constants.js +3 -6
- package/dist/components/UTTable/components/TableRow/index.js +79 -94
- package/dist/components/UTTable/constants.js +26 -43
- package/dist/components/UTTable/hook.js +11 -26
- package/dist/components/UTTable/index.js +125 -213
- package/dist/components/UTTable/theme.js +13 -16
- package/dist/components/UTTable/types.js +4 -8
- package/dist/components/UTTable/utils.js +70 -74
- package/dist/components/UTTabs/components/TooltipTab/index.js +20 -30
- package/dist/components/UTTabs/constants.js +4 -8
- package/dist/components/UTTabs/index.js +55 -84
- package/dist/components/UTTabs/theme.js +112 -114
- package/dist/components/UTTabs/utils.js +1 -1
- package/dist/components/UTTextArea/constants.js +4 -6
- package/dist/components/UTTextArea/index.js +40 -24
- package/dist/components/UTTextArea/styles.module.scss +20 -1
- package/dist/components/UTTextArea/theme.js +1 -1
- package/dist/components/UTTextInput/constants.js +2 -3
- package/dist/components/UTTextInput/index.js +116 -146
- package/dist/components/UTTextInput/theme.js +28 -30
- package/dist/components/UTThirdPartyCookieChecker/index.js +17 -21
- package/dist/components/UTToggle/components/ToggleOption/index.js +16 -17
- package/dist/components/UTToggle/index.js +25 -26
- package/dist/components/UTToggle/theme.js +47 -49
- package/dist/components/UTTooltip/index.js +23 -30
- package/dist/components/UTTooltip/theme.js +1 -1
- package/dist/components/UTTopbar/theme.js +4 -2
- package/dist/components/UTTouchableWithoutFeedback/index.js +14 -27
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/constants.js +2 -4
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/index.js +34 -31
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/utils.js +4 -4
- package/dist/components/UTVirtualizedList/components/VirtualizedData/constants.js +6 -12
- package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-ledger.js +8 -18
- package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-virtualized-data.js +23 -47
- package/dist/components/UTVirtualizedList/components/VirtualizedData/index.js +31 -34
- package/dist/components/UTVirtualizedList/components/VirtualizedData/utils.js +81 -93
- package/dist/components/UTVirtualizedList/constants.js +4 -8
- package/dist/components/UTVirtualizedList/index.js +26 -38
- package/dist/components/UTWorkflowContainer/components/ActionButton/index.js +11 -11
- package/dist/components/UTWorkflowContainer/constants.js +5 -9
- package/dist/components/UTWorkflowContainer/hooks/use-previous.js +3 -3
- package/dist/components/UTWorkflowContainer/index.js +31 -50
- package/dist/components/UTWorkflowContainer/theme.js +70 -64
- package/dist/components/UTWorkflowContainer/types.js +2 -3
- package/dist/components/WithLoading/index.js +10 -15
- package/dist/components/WithTheme/index.js +10 -17
- package/dist/components/WithTheme/layout.js +18 -41
- package/dist/components/WithTouch/index.js +12 -19
- package/dist/index.js +54 -54
- package/dist/scss/variables/colors.module.scss +1 -0
- package/dist/theme.js +5 -3
- package/dist/types/commonTypes.js +3 -5
- package/dist/types/consumptionTypes.js +3 -5
- package/dist/types/formTypes.js +4 -7
- package/dist/types/tableTypes.js +2 -3
- package/dist/utils/classesUtils.js +4 -10
- package/dist/utils/componentUtils.js +10 -13
- package/dist/utils/helperFunctions.js +4 -4
- package/dist/utils/useScreenSize.js +2 -3
- package/package.json +1 -1
|
@@ -15,43 +15,40 @@ var _types = require("../../types");
|
|
|
15
15
|
var _constants = require("./constants");
|
|
16
16
|
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
17
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
function _getRequireWildcardCache(
|
|
19
|
-
function _interopRequireWildcard(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
withToggleArrow = _ref.withToggleArrow,
|
|
42
|
-
withTooltip = _ref.withTooltip;
|
|
43
|
-
var isSelected = isSelectedGroup || link === location;
|
|
44
|
-
var handleRedirection = function handleRedirection() {
|
|
18
|
+
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); }
|
|
19
|
+
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; }
|
|
20
|
+
const Option = _ref => {
|
|
21
|
+
let {
|
|
22
|
+
classes,
|
|
23
|
+
handleClose,
|
|
24
|
+
handleRedirect,
|
|
25
|
+
IconActive,
|
|
26
|
+
IconInactive,
|
|
27
|
+
isSelectedGroup,
|
|
28
|
+
label,
|
|
29
|
+
labelAlwaysVisible,
|
|
30
|
+
link,
|
|
31
|
+
location,
|
|
32
|
+
onClick,
|
|
33
|
+
open,
|
|
34
|
+
optionRef,
|
|
35
|
+
toggleArrowActive,
|
|
36
|
+
withToggleArrow,
|
|
37
|
+
withTooltip
|
|
38
|
+
} = _ref;
|
|
39
|
+
const isSelected = isSelectedGroup || link === location;
|
|
40
|
+
const handleRedirection = () => {
|
|
45
41
|
handleRedirect(link);
|
|
46
42
|
if (handleClose) handleClose();
|
|
47
43
|
};
|
|
48
|
-
|
|
49
|
-
|
|
44
|
+
const Container = withTooltip ? _energyUi.UTTooltip : _react.Fragment;
|
|
45
|
+
const containerProps = withTooltip && {
|
|
46
|
+
..._constants.TOOLTIP_CONFIG,
|
|
50
47
|
content: /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
|
|
51
48
|
className: classes.tooltipLabel
|
|
52
49
|
}, label),
|
|
53
50
|
className: classes.tooltip
|
|
54
|
-
}
|
|
51
|
+
};
|
|
55
52
|
return /*#__PURE__*/_react.default.createElement(Container, containerProps, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
|
|
56
53
|
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 "),
|
|
57
54
|
onClick: onClick || handleRedirection,
|
|
@@ -92,5 +89,4 @@ Option.propTypes = {
|
|
|
92
89
|
withToggleArrow: _propTypes.bool,
|
|
93
90
|
withTooltip: _propTypes.bool
|
|
94
91
|
};
|
|
95
|
-
var _default = /*#__PURE__*/(0, _react.memo)(Option);
|
|
96
|
-
exports.default = _default;
|
|
92
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Option);
|
|
@@ -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,14 +12,16 @@ var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
|
|
|
13
12
|
var _types = require("../../types");
|
|
14
13
|
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
15
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
function _getRequireWildcardCache(
|
|
17
|
-
function _interopRequireWildcard(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
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); }
|
|
16
|
+
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; }
|
|
17
|
+
const Toggler = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
classes,
|
|
20
|
+
open,
|
|
21
|
+
toggleDrawer,
|
|
22
|
+
title,
|
|
23
|
+
subtitle
|
|
24
|
+
} = _ref;
|
|
24
25
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
25
26
|
className: "".concat(classes.togglerContainer, " ").concat(_stylesModule.default.togglerContainer)
|
|
26
27
|
}, open ? /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -46,5 +47,4 @@ Toggler.propTypes = {
|
|
|
46
47
|
title: _propTypes.string,
|
|
47
48
|
toggleDrawer: _propTypes.func
|
|
48
49
|
};
|
|
49
|
-
var _default = /*#__PURE__*/(0, _react.memo)(Toggler);
|
|
50
|
-
exports.default = _default;
|
|
50
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Toggler);
|
|
@@ -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(
|
|
29
|
-
function _interopRequireWildcard(
|
|
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
|
onBackdropClick: 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
|
}, /*#__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,
|
|
@@ -155,5 +145,4 @@ UTSidebar.propTypes = {
|
|
|
155
145
|
withoutToggler: _propTypes.bool,
|
|
156
146
|
withTooltip: _propTypes.bool
|
|
157
147
|
};
|
|
158
|
-
var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTSidebar);
|
|
159
|
-
exports.default = _default;
|
|
148
|
+
var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTSidebar);
|
|
@@ -8,7 +8,7 @@ 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 = theme => {
|
|
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
|
return {
|
|
14
14
|
drawerRoot: {
|
|
@@ -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,18 +32,15 @@ var classType = (0, _propTypes.shape)({
|
|
|
32
32
|
optionSelected: _propTypes.string,
|
|
33
33
|
togglerContainer: _propTypes.string
|
|
34
34
|
});
|
|
35
|
-
exports.
|
|
36
|
-
|
|
37
|
-
exports.iconType = iconType;
|
|
38
|
-
var subOptionType = (0, _propTypes.shape)({
|
|
35
|
+
const iconType = exports.iconType = (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.elementType]);
|
|
36
|
+
const subOptionType = exports.subOptionType = (0, _propTypes.shape)({
|
|
39
37
|
id: _propTypes.string,
|
|
40
38
|
key: _propTypes.string,
|
|
41
39
|
label: _propTypes.string,
|
|
42
40
|
link: _propTypes.string,
|
|
43
41
|
show: _propTypes.bool
|
|
44
42
|
});
|
|
45
|
-
exports.
|
|
46
|
-
var optionType = (0, _propTypes.shape)({
|
|
43
|
+
const optionType = exports.optionType = (0, _propTypes.shape)({
|
|
47
44
|
id: _propTypes.string,
|
|
48
45
|
key: _propTypes.string,
|
|
49
46
|
IconActive: _propTypes.elementType,
|
|
@@ -53,6 +50,4 @@ var optionType = (0, _propTypes.shape)({
|
|
|
53
50
|
show: _propTypes.bool,
|
|
54
51
|
options: (0, _propTypes.arrayOf)(subOptionType)
|
|
55
52
|
});
|
|
56
|
-
exports.
|
|
57
|
-
var optionsType = (0, _propTypes.arrayOf)(optionType);
|
|
58
|
-
exports.optionsType = optionsType;
|
|
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,17 @@ 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, _string$props2;
|
|
27
14
|
return (string === null || string === void 0 || (_string$props = string.props) === null || _string$props === void 0 || (_string$props = _string$props.source) === null || _string$props === void 0 ? void 0 : _string$props.toString().includes('MOCK')) || (string === null || string === void 0 || (_string$props2 = string.props) === null || _string$props2 === void 0 || (_string$props2 = _string$props2.children) === null || _string$props2 === void 0 ? void 0 : _string$props2.toString().includes('MOCK'));
|
|
28
15
|
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
_inherits(Skeleton, _React$PureComponent);
|
|
36
|
-
var _super = _createSuper(Skeleton);
|
|
37
|
-
function Skeleton() {
|
|
38
|
-
_classCallCheck(this, Skeleton);
|
|
39
|
-
return _super.apply(this, arguments);
|
|
16
|
+
const hiddenChildren = child => /*#__PURE__*/_react.default.cloneElement(child, {
|
|
17
|
+
className: "".concat(child.className, " ").concat(_stylesModule.default.skeletonHiddenChild)
|
|
18
|
+
});
|
|
19
|
+
class Skeleton extends _react.default.PureComponent {
|
|
20
|
+
render() {
|
|
21
|
+
return hasMock(this.props.children) ? /*#__PURE__*/_react.default.createElement(SkeletonWrapper, null, hiddenChildren(this.props.children)) : this.props.children;
|
|
40
22
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
value: function render() {
|
|
44
|
-
return hasMock(this.props.children) ? /*#__PURE__*/_react.default.createElement(SkeletonWrapper, null, hiddenChildren(this.props.children)) : this.props.children;
|
|
45
|
-
}
|
|
46
|
-
}]);
|
|
47
|
-
return Skeleton;
|
|
48
|
-
}(_react.default.PureComponent);
|
|
49
|
-
var _default = Skeleton;
|
|
50
|
-
exports.default = _default;
|
|
23
|
+
}
|
|
24
|
+
var _default = exports.default = Skeleton;
|
|
@@ -4,12 +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
|
-
exports.
|
|
12
|
-
|
|
13
|
-
exports.DEFAULT_SWITCH_ID = DEFAULT_SWITCH_ID;
|
|
14
|
-
var TRUE = 'true';
|
|
15
|
-
exports.TRUE = TRUE;
|
|
11
|
+
const DEFAULT_SWITCH_ID = exports.DEFAULT_SWITCH_ID = 'switch';
|
|
12
|
+
const TRUE = exports.TRUE = 'true';
|
|
@@ -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
|
});
|
|
@@ -16,62 +15,49 @@ var _WithTheme = _interopRequireDefault(require("../WithTheme"));
|
|
|
16
15
|
var _theme = require("./theme");
|
|
17
16
|
var _constants = require("./constants.js");
|
|
18
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
function _getRequireWildcardCache(
|
|
20
|
-
function _interopRequireWildcard(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
var useFieldOptions = fieldOptions && !(0, _array.isEmpty)(fieldOptions);
|
|
59
|
-
var _ref2 = useFieldOptions ? _toConsumableArray(fieldOptions).sort(function (_, _ref4) {
|
|
60
|
-
var optionValue = _ref4.value,
|
|
61
|
-
name = _ref4.name;
|
|
62
|
-
return [optionValue, name === _constants.TRUE].includes(value) ? 1 : -1;
|
|
63
|
-
}) : [],
|
|
64
|
-
_ref3 = _slicedToArray(_ref2, 2),
|
|
65
|
-
currentOption = _ref3[0],
|
|
66
|
-
switchedOption = _ref3[1];
|
|
67
|
-
var onChange = useFieldOptions ? function () {
|
|
68
|
-
return onChange_(switchedOption.value);
|
|
69
|
-
} : onChange_;
|
|
70
|
-
(0, _react.useEffect)(function () {
|
|
18
|
+
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); }
|
|
19
|
+
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; }
|
|
20
|
+
const UTSwitch = _ref => {
|
|
21
|
+
let {
|
|
22
|
+
classes: themeClasses = {},
|
|
23
|
+
classNames,
|
|
24
|
+
disabled,
|
|
25
|
+
field = {},
|
|
26
|
+
input = {},
|
|
27
|
+
meta = {},
|
|
28
|
+
showErrors
|
|
29
|
+
} = _ref;
|
|
30
|
+
const {
|
|
31
|
+
value,
|
|
32
|
+
onChange: onChange_
|
|
33
|
+
} = input;
|
|
34
|
+
const {
|
|
35
|
+
key,
|
|
36
|
+
field_options: fieldOptions,
|
|
37
|
+
configuration = {}
|
|
38
|
+
} = field;
|
|
39
|
+
const {
|
|
40
|
+
textOff: textOff_,
|
|
41
|
+
textOn: textOn_,
|
|
42
|
+
insideText = true,
|
|
43
|
+
withText
|
|
44
|
+
} = configuration;
|
|
45
|
+
const switchId = key || _constants.DEFAULT_SWITCH_ID;
|
|
46
|
+
const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
|
|
47
|
+
const useFieldOptions = fieldOptions && !(0, _array.isEmpty)(fieldOptions);
|
|
48
|
+
const [currentOption, switchedOption] = useFieldOptions ? [...fieldOptions].sort((_, _ref2) => {
|
|
49
|
+
let {
|
|
50
|
+
value: optionValue,
|
|
51
|
+
name
|
|
52
|
+
} = _ref2;
|
|
53
|
+
return [optionValue, name === _constants.TRUE].includes(value) ? 1 : -1;
|
|
54
|
+
}) : [];
|
|
55
|
+
const onChange = useFieldOptions ? () => onChange_(switchedOption.value) : onChange_;
|
|
56
|
+
(0, _react.useEffect)(() => {
|
|
71
57
|
if (useFieldOptions && value === false) onChange_(currentOption.value);
|
|
72
58
|
}, [value]);
|
|
73
|
-
|
|
74
|
-
|
|
59
|
+
const textOn = textOn_ || _constants.STATES.ON;
|
|
60
|
+
const textOff = textOff_ || _constants.STATES.OFF;
|
|
75
61
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
76
62
|
className: classes.outerContainer
|
|
77
63
|
}, withText && !insideText && textOff, /*#__PURE__*/_react.default.createElement("label", {
|
|
@@ -112,5 +98,4 @@ UTSwitch.propTypes = {
|
|
|
112
98
|
meta: _formTypes.metaPropTypes,
|
|
113
99
|
showErrors: _propTypes.bool
|
|
114
100
|
};
|
|
115
|
-
var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTSwitch);
|
|
116
|
-
exports.default = _default;
|
|
101
|
+
var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTSwitch);
|