@widergy/energy-ui 2.12.1 → 2.12.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 +36 -13
- package/dist/components/Loading/constants.js +2 -1
- package/dist/components/Loading/index.js +12 -13
- package/dist/components/Loading/theme.js +2 -4
- package/dist/components/UTAlert/AlertHandler.js +101 -75
- package/dist/components/UTAlert/index.js +87 -65
- package/dist/components/UTAlert/theme.js +32 -32
- package/dist/components/UTAttachment/components/Preview/index.js +9 -8
- package/dist/components/UTAttachment/constants.js +13 -7
- package/dist/components/UTAttachment/index.js +250 -159
- package/dist/components/UTAttachment/layout.js +27 -26
- package/dist/components/UTAttachment/theme.js +2 -4
- package/dist/components/UTAttachment/utils.js +117 -34
- package/dist/components/UTAutocomplete/components/ListBox/index.js +21 -13
- package/dist/components/UTAutocomplete/components/ListBox/utils.js +11 -9
- package/dist/components/UTAutocomplete/constants.js +23 -12
- package/dist/components/UTAutocomplete/index.js +94 -54
- package/dist/components/UTAutocomplete/theme.js +4 -6
- package/dist/components/UTAvatar/constants.js +3 -2
- package/dist/components/UTAvatar/index.js +17 -18
- 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 +22 -21
- package/dist/components/UTBarChart/components/Bars/constants.js +6 -3
- package/dist/components/UTBarChart/components/Bars/index.js +80 -70
- package/dist/components/UTBarChart/components/Legend/constants.js +18 -12
- package/dist/components/UTBarChart/components/Legend/index.js +93 -75
- package/dist/components/UTBarChart/components/Legend/utils.js +5 -1
- package/dist/components/UTBarChart/components/Levels/index.js +14 -16
- package/dist/components/UTBarChart/components/Levels/utils.js +27 -25
- package/dist/components/UTBarChart/components/LinearPlot/constants.js +5 -3
- package/dist/components/UTBarChart/components/LinearPlot/index.js +20 -25
- package/dist/components/UTBarChart/components/LinearPlot/utils.js +39 -37
- package/dist/components/UTBarChart/components/Pagination/constants.js +2 -1
- package/dist/components/UTBarChart/components/Pagination/index.js +24 -20
- package/dist/components/UTBarChart/components/XAxis/components/AxisElement/index.js +32 -21
- package/dist/components/UTBarChart/components/XAxis/components/Decoration/constants.js +4 -2
- package/dist/components/UTBarChart/components/XAxis/components/Decoration/index.js +19 -20
- package/dist/components/UTBarChart/components/XAxis/constants.js +2 -1
- package/dist/components/UTBarChart/components/XAxis/index.js +65 -54
- package/dist/components/UTBarChart/components/YAxis/AxisElement/index.js +11 -12
- package/dist/components/UTBarChart/components/YAxis/constants.js +2 -1
- package/dist/components/UTBarChart/components/YAxis/index.js +37 -30
- package/dist/components/UTBarChart/components/YAxis/utils.js +6 -4
- package/dist/components/UTBarChart/constants.js +8 -4
- package/dist/components/UTBarChart/hooks/use-dynamic-margins.js +40 -23
- package/dist/components/UTBarChart/index.js +166 -152
- package/dist/components/UTBarChart/theme.js +2 -4
- package/dist/components/UTBarChart/types.js +19 -10
- package/dist/components/UTBarChart/utils.js +111 -107
- package/dist/components/UTBreadcrumbs/constants.js +31 -23
- package/dist/components/UTBreadcrumbs/index.js +101 -76
- package/dist/components/UTBreadcrumbs/theme.js +2 -4
- package/dist/components/UTButton/constants.js +17 -11
- package/dist/components/UTButton/index.js +31 -28
- package/dist/components/UTButton/theme.js +23 -23
- package/dist/components/UTCBUInput/index.js +40 -36
- package/dist/components/UTCBUInput/theme.js +2 -4
- package/dist/components/UTCaptcha/index.js +45 -19
- package/dist/components/UTCard/components/UTCardFooter/index.js +16 -15
- package/dist/components/UTCard/index.js +120 -85
- package/dist/components/UTCard/theme.js +12 -11
- package/dist/components/UTCard/types.js +3 -2
- package/dist/components/UTCarousel/components/Button/index.js +13 -13
- package/dist/components/UTCarousel/components/Legend/index.js +15 -13
- package/dist/components/UTCarousel/components/Slider/component/Slide/index.js +16 -16
- package/dist/components/UTCarousel/components/Slider/constants.js +10 -5
- package/dist/components/UTCarousel/components/Slider/index.js +273 -204
- package/dist/components/UTCarousel/components/Slider/layout.js +94 -67
- package/dist/components/UTCarousel/index.js +15 -14
- package/dist/components/UTCarousel/theme.js +2 -4
- package/dist/components/UTCheckList/constants.js +2 -1
- package/dist/components/UTCheckList/index.js +93 -72
- package/dist/components/UTCheckList/theme.js +31 -31
- package/dist/components/UTCheckbox/constants.js +6 -3
- package/dist/components/UTCheckbox/index.js +44 -32
- package/dist/components/UTCheckbox/theme.js +35 -35
- package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/index.js +9 -9
- package/dist/components/UTConsumptionBar/constants.js +6 -3
- package/dist/components/UTConsumptionBar/index.js +80 -53
- package/dist/components/UTCuit/index.js +133 -109
- package/dist/components/UTCuit/theme.js +53 -51
- package/dist/components/UTDatePicker/components/Day/constants.js +2 -1
- package/dist/components/UTDatePicker/components/Day/index.js +12 -12
- package/dist/components/UTDatePicker/constants.js +31 -20
- package/dist/components/UTDatePicker/index.js +102 -60
- package/dist/components/UTDatePicker/theme.js +3 -5
- package/dist/components/UTDatePicker/types.js +3 -2
- package/dist/components/UTDatePicker/utils.js +6 -2
- package/dist/components/UTDialog/constants.js +4 -2
- package/dist/components/UTDialog/index.js +37 -38
- package/dist/components/UTDialog/theme.js +2 -4
- package/dist/components/UTDialog/types.js +3 -2
- package/dist/components/UTDotMenu/index.js +61 -39
- package/dist/components/UTEmojiPicker/constants.js +11 -6
- package/dist/components/UTEmojiPicker/index.js +65 -45
- package/dist/components/UTEmojiPicker/theme.js +2 -4
- package/dist/components/UTEmojiPicker/utils.js +51 -21
- package/dist/components/UTExternalLink/constants.js +5 -3
- package/dist/components/UTExternalLink/index.js +15 -18
- package/dist/components/UTExternalLink/theme.js +6 -8
- package/dist/components/UTFileInput/constants.js +4 -2
- package/dist/components/UTFileInput/index.js +31 -7
- package/dist/components/UTFileInput/layout.js +97 -68
- package/dist/components/UTIconButton/index.js +72 -49
- package/dist/components/UTIconButton/theme.js +2 -4
- package/dist/components/UTImageRadio/components/ImageRadioCard/index.js +58 -53
- package/dist/components/UTImageRadio/constants.js +6 -3
- package/dist/components/UTImageRadio/index.js +47 -39
- package/dist/components/UTImageRadio/theme.js +12 -11
- package/dist/components/UTImageRadio/types.js +3 -2
- package/dist/components/UTImageRadio/utils.js +6 -2
- package/dist/components/UTLabel/constants.js +20 -14
- package/dist/components/UTLabel/index.js +20 -18
- package/dist/components/UTLabel/theme.js +15 -15
- package/dist/components/UTList/index.js +18 -15
- package/dist/components/UTLoading/index.js +15 -15
- package/dist/components/UTMap/components/GoogleMaps/constants.js +11 -8
- package/dist/components/UTMap/components/GoogleMaps/index.js +91 -63
- package/dist/components/UTMap/components/GoogleMaps/styles.js +3 -2
- package/dist/components/UTMap/constants.js +12 -6
- package/dist/components/UTMap/index.js +198 -163
- package/dist/components/UTMap/types.js +6 -4
- package/dist/components/UTMap/utils.js +46 -29
- package/dist/components/UTMap/withGoogleMapScript.js +22 -18
- package/dist/components/UTMenu/index.js +69 -52
- package/dist/components/UTMenu/theme.js +3 -5
- package/dist/components/UTMenu/utils.js +11 -5
- package/dist/components/UTModal/constants.js +13 -9
- package/dist/components/UTModal/index.js +30 -26
- package/dist/components/UTModal/theme.js +2 -4
- package/dist/components/UTPagination/components/PageSizeSelector/index.js +10 -11
- package/dist/components/UTPagination/components/PageSizeSelector/utils.js +13 -7
- package/dist/components/UTPagination/components/Pagination/components/NavigationButton/index.js +12 -12
- package/dist/components/UTPagination/components/Pagination/index.js +39 -28
- package/dist/components/UTPagination/components/Pagination/utils.js +14 -8
- package/dist/components/UTPagination/constants.js +6 -3
- package/dist/components/UTPagination/index.js +17 -16
- package/dist/components/UTPagination/theme.js +2 -4
- package/dist/components/UTPanel/index.js +44 -38
- package/dist/components/UTPasswordField/components/PasswordValidations/components/Error/index.js +10 -13
- package/dist/components/UTPasswordField/components/PasswordValidations/components/Validation/index.js +19 -22
- package/dist/components/UTPasswordField/components/PasswordValidations/index.js +50 -63
- package/dist/components/UTPasswordField/components/PasswordWarning/index.js +26 -25
- package/dist/components/UTPasswordField/index.js +23 -26
- package/dist/components/UTPasswordField/theme.js +2 -4
- package/dist/components/UTPhoneInput/constants.js +6 -3
- package/dist/components/UTPhoneInput/index.js +205 -180
- package/dist/components/UTPhoneInput/theme.js +77 -77
- package/dist/components/UTPieChart/components/ArrowLabel/constants.js +8 -4
- package/dist/components/UTPieChart/components/ArrowLabel/index.js +23 -24
- package/dist/components/UTPieChart/components/Legend/contants.js +6 -3
- package/dist/components/UTPieChart/components/Legend/index.js +24 -27
- package/dist/components/UTPieChart/constants.js +26 -13
- package/dist/components/UTPieChart/hooks/use-animated-value/index.js +33 -15
- package/dist/components/UTPieChart/index.js +76 -73
- package/dist/components/UTPieChart/theme.js +2 -4
- package/dist/components/UTPieChart/utils.js +2 -4
- package/dist/components/UTProgressBar/constants.js +4 -2
- package/dist/components/UTProgressBar/index.js +17 -15
- package/dist/components/UTProgressBar/theme.js +2 -4
- package/dist/components/UTProgressBar/types.js +3 -2
- package/dist/components/UTRadioGroup/index.js +83 -56
- package/dist/components/UTRadioGroup/theme.js +52 -52
- package/dist/components/UTRating/components/Circle/index.js +56 -41
- package/dist/components/UTRating/components/Faces/constants.js +4 -2
- package/dist/components/UTRating/components/Faces/index.js +36 -34
- package/dist/components/UTRating/components/Star/index.js +40 -36
- package/dist/components/UTRating/constants.js +8 -4
- package/dist/components/UTRating/index.js +46 -31
- package/dist/components/UTRating/theme.js +2 -4
- package/dist/components/UTRipple/Ripple.js +39 -22
- package/dist/components/UTRipple/index.js +37 -18
- package/dist/components/UTSelect/components/Option/index.js +13 -13
- package/dist/components/UTSelect/constants.js +8 -4
- package/dist/components/UTSelect/index.js +85 -63
- package/dist/components/UTSelect/stylesJS.js +3 -2
- package/dist/components/UTSelect/theme.js +4 -6
- package/dist/components/UTSelect/utils.js +13 -3
- package/dist/components/UTSidebar/components/ListOption/index.js +49 -34
- 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 +3 -2
- package/dist/components/UTSidebar/components/Option/index.js +32 -28
- package/dist/components/UTSidebar/components/Toggler/index.js +11 -11
- package/dist/components/UTSidebar/index.js +53 -42
- package/dist/components/UTSidebar/theme.js +2 -4
- package/dist/components/UTSidebar/types.js +10 -5
- package/dist/components/UTSkeleton/index.js +36 -10
- package/dist/components/UTStatus/constants.js +9 -5
- package/dist/components/UTStatus/index.js +15 -16
- package/dist/components/UTStatus/theme.js +49 -66
- package/dist/components/UTSwitch/constants.js +6 -3
- package/dist/components/UTSwitch/index.js +57 -42
- package/dist/components/UTSwitch/theme.js +2 -4
- package/dist/components/UTTable/components/ActionIcons/constants.js +2 -1
- package/dist/components/UTTable/components/ActionIcons/index.js +85 -47
- package/dist/components/UTTable/components/Cell/components/ActionButton/index.js +12 -10
- package/dist/components/UTTable/components/Cell/index.js +23 -18
- package/dist/components/UTTable/components/HeaderCell/constants.js +3 -2
- package/dist/components/UTTable/components/HeaderCell/index.js +30 -23
- package/dist/components/UTTable/components/HeaderCell/utils.js +3 -3
- package/dist/components/UTTable/components/PrimaryAction/index.js +11 -12
- package/dist/components/UTTable/components/ResponsiveCell/index.js +20 -19
- package/dist/components/UTTable/components/Status/index.js +19 -18
- package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/index.js +9 -10
- package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/utils.js +13 -7
- package/dist/components/UTTable/components/TableFooter/components/Pagination/components/NavigationButton/index.js +12 -12
- package/dist/components/UTTable/components/TableFooter/components/Pagination/index.js +32 -21
- package/dist/components/UTTable/components/TableFooter/components/Pagination/utils.js +14 -8
- package/dist/components/UTTable/components/TableFooter/constants.js +2 -1
- 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 +6 -3
- package/dist/components/UTTable/components/TableRow/index.js +94 -79
- package/dist/components/UTTable/constants.js +43 -26
- package/dist/components/UTTable/hook.js +26 -11
- package/dist/components/UTTable/index.js +223 -132
- package/dist/components/UTTable/theme.js +17 -17
- package/dist/components/UTTable/types.js +8 -4
- package/dist/components/UTTable/utils.js +74 -70
- package/dist/components/UTTabs/components/TooltipTab/index.js +30 -20
- package/dist/components/UTTabs/constants.js +8 -4
- package/dist/components/UTTabs/index.js +86 -57
- package/dist/components/UTTabs/theme.js +2 -4
- package/dist/components/UTTabs/utils.js +1 -1
- package/dist/components/UTTextArea/constants.js +6 -3
- package/dist/components/UTTextArea/index.js +23 -23
- package/dist/components/UTTextArea/theme.js +2 -4
- package/dist/components/UTTextInput/constants.js +3 -2
- package/dist/components/UTTextInput/index.js +165 -137
- package/dist/components/UTTextInput/theme.js +4 -6
- package/dist/components/UTThirdPartyCookieChecker/index.js +21 -17
- package/dist/components/UTToggle/components/ToggleOption/index.js +17 -16
- package/dist/components/UTToggle/index.js +26 -25
- package/dist/components/UTToggle/theme.js +2 -4
- package/dist/components/UTTooltip/index.js +30 -23
- package/dist/components/UTTooltip/theme.js +2 -4
- package/dist/components/UTTopbar/components/Notifications/index.js +14 -11
- package/dist/components/UTTopbar/components/UserMenu/index.js +15 -15
- package/dist/components/UTTopbar/index.js +31 -28
- package/dist/components/UTTopbar/theme.js +2 -4
- package/dist/components/UTTopbar/types.js +9 -5
- package/dist/components/UTTouchableWithoutFeedback/index.js +27 -14
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/constants.js +4 -2
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/index.js +31 -34
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/utils.js +4 -4
- package/dist/components/UTVirtualizedList/components/VirtualizedData/constants.js +12 -6
- package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-ledger.js +18 -8
- package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-virtualized-data.js +47 -23
- package/dist/components/UTVirtualizedList/components/VirtualizedData/index.js +34 -31
- package/dist/components/UTVirtualizedList/components/VirtualizedData/utils.js +93 -81
- package/dist/components/UTVirtualizedList/constants.js +8 -4
- package/dist/components/UTVirtualizedList/index.js +38 -26
- package/dist/components/UTWorkflowContainer/components/ActionButton/index.js +21 -17
- package/dist/components/UTWorkflowContainer/constants.js +6 -3
- package/dist/components/UTWorkflowContainer/hooks/use-previous.js +3 -3
- package/dist/components/UTWorkflowContainer/index.js +51 -32
- package/dist/components/UTWorkflowContainer/theme.js +53 -60
- package/dist/components/UTWorkflowContainer/types.js +3 -2
- package/dist/components/WithLoading/index.js +15 -10
- package/dist/components/WithTheme/index.js +17 -10
- package/dist/components/WithTheme/layout.js +28 -22
- package/dist/components/WithTouch/index.js +19 -12
- package/dist/constants/UTTable.js +3 -2
- package/dist/index.js +58 -58
- package/dist/theme.js +5 -6
- package/dist/types/commonTypes.js +5 -3
- package/dist/types/consumptionTypes.js +5 -3
- package/dist/types/formTypes.js +7 -4
- package/dist/types/tableTypes.js +3 -2
- package/dist/utils/classesUtils.js +13 -5
- package/dist/utils/componentUtils.js +13 -10
- package/dist/utils/helperFunctions.js +4 -4
- package/dist/utils/shadowUtils.js +11 -13
- package/dist/utils/useScreenSize.js +3 -2
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -18,72 +19,72 @@ var _utils = require("./utils");
|
|
|
18
19
|
var _constants = require("./constants");
|
|
19
20
|
var _contants = require("./components/Legend/contants");
|
|
20
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
function _getRequireWildcardCache(
|
|
22
|
-
function _interopRequireWildcard(
|
|
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
|
-
|
|
22
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
24
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
25
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
26
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
27
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
28
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
29
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
30
|
+
var UTPieChart = function UTPieChart(_ref) {
|
|
31
|
+
var animationLength = _ref.animationLength,
|
|
32
|
+
classes = _ref.classes,
|
|
33
|
+
className = _ref.className,
|
|
34
|
+
_ref$classNames = _ref.classNames,
|
|
35
|
+
classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
|
|
36
|
+
data = _ref.data,
|
|
37
|
+
gradientGenerator = _ref.gradientGenerator,
|
|
38
|
+
height = _ref.height,
|
|
39
|
+
initialAngle = _ref.initialAngle,
|
|
40
|
+
innerRadius = _ref.innerRadius,
|
|
41
|
+
legend = _ref.legend,
|
|
42
|
+
minAngle = _ref.minAngle,
|
|
43
|
+
outerRadius = _ref.outerRadius,
|
|
44
|
+
outlined = _ref.outlined,
|
|
45
|
+
paddingAngle = _ref.paddingAngle,
|
|
46
|
+
showPercentageInLegend = _ref.showPercentageInLegend,
|
|
47
|
+
transition = _ref.transition,
|
|
48
|
+
width = _ref.width,
|
|
49
|
+
withLabels = _ref.withLabels,
|
|
50
|
+
withLegend = _ref.withLegend;
|
|
51
|
+
var totalSum = data.reduce(function (acc, _ref2) {
|
|
52
|
+
var value = _ref2.value;
|
|
49
53
|
return acc + value;
|
|
50
54
|
}, 0);
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
} = (0, _energyHooks.useComponentDimensions)();
|
|
62
|
-
(0, _react.useEffect)(() => {
|
|
55
|
+
var _useAnimatedValue = (0, _energyHooks.useAnimatedValue)({
|
|
56
|
+
transition: transition
|
|
57
|
+
}),
|
|
58
|
+
pieGrowth = _useAnimatedValue.animatedValue,
|
|
59
|
+
animate = _useAnimatedValue.animate;
|
|
60
|
+
var _useComponentDimensio = (0, _energyHooks.useComponentDimensions)(),
|
|
61
|
+
containerWidth = _useComponentDimensio.width,
|
|
62
|
+
containerHeight = _useComponentDimensio.height,
|
|
63
|
+
ref = _useComponentDimensio.ref;
|
|
64
|
+
(0, _react.useEffect)(function () {
|
|
63
65
|
animate(totalSum * 100, 0, animationLength);
|
|
64
66
|
}, []);
|
|
65
|
-
|
|
67
|
+
var newPieData = [].concat(_toConsumableArray(data), [{
|
|
66
68
|
value: pieGrowth,
|
|
67
69
|
color: _constants.TRANSPARENT,
|
|
68
70
|
id: _constants.ANIMATION_ID
|
|
69
|
-
}];
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
71
|
+
}]);
|
|
72
|
+
var outlineGenerator = d3.arc().innerRadius(outerRadius + _constants.OUTLINE_SEPARATION).outerRadius(outerRadius + _constants.OUTLINE_SEPARATION + _constants.OUTLINE_WIDTH).padAngle(paddingAngle);
|
|
73
|
+
var arcGenerator = d3.arc().innerRadius(innerRadius).outerRadius(outerRadius).padAngle(paddingAngle);
|
|
74
|
+
var pieGenerator = d3.pie().startAngle(Math.PI / 2 + initialAngle).endAngle(2 * Math.PI + (Math.PI / 2 + initialAngle)).sort(function (a, b) {
|
|
75
|
+
return a.value > b.value ? 1 : -1;
|
|
76
|
+
}).sort(_utils.animationSort).value(function (_ref3) {
|
|
77
|
+
var value = _ref3.value,
|
|
78
|
+
id = _ref3.id;
|
|
77
79
|
return id ? value : value / totalSum < minAngle ? totalSum * minAngle : value;
|
|
78
80
|
});
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
position = _contants.DEFAULT_POSITION
|
|
82
|
-
} = legend;
|
|
81
|
+
var pie = pieGenerator(newPieData);
|
|
82
|
+
var _legend$position = legend.position,
|
|
83
|
+
position = _legend$position === void 0 ? _contants.DEFAULT_POSITION : _legend$position;
|
|
83
84
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
84
85
|
style: {
|
|
85
|
-
width,
|
|
86
|
-
height
|
|
86
|
+
width: width,
|
|
87
|
+
height: height
|
|
87
88
|
},
|
|
88
89
|
className: "".concat(_stylesModule.default.container, " ").concat(className, " ").concat(_stylesModule.default["".concat(position.split('-')[0], "Container")])
|
|
89
90
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -101,23 +102,24 @@ const UTPieChart = _ref => {
|
|
|
101
102
|
viewBox: "".concat(-containerWidth / 2, " ").concat(-containerHeight / 2, " ").concat(containerWidth, " ").concat(containerHeight),
|
|
102
103
|
width: containerWidth,
|
|
103
104
|
height: containerHeight
|
|
104
|
-
}, gradientGenerator === null || gradientGenerator === void 0 ? void 0 : gradientGenerator(), pie.map(
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
105
|
+
}, gradientGenerator === null || gradientGenerator === void 0 ? void 0 : gradientGenerator(), pie.map(function (slice) {
|
|
106
|
+
return /*#__PURE__*/_react.default.createElement("path", {
|
|
107
|
+
d: arcGenerator(slice),
|
|
108
|
+
fill: slice.data.color
|
|
109
|
+
});
|
|
110
|
+
}), outlined && pie.map(function (slice) {
|
|
111
|
+
return /*#__PURE__*/_react.default.createElement("path", {
|
|
112
|
+
d: outlineGenerator(slice),
|
|
113
|
+
fill: slice.data.color
|
|
114
|
+
});
|
|
115
|
+
}), withLabels && /*#__PURE__*/_react.default.createElement("g", null, pie.map(function (slice) {
|
|
116
|
+
var endAngle = slice.endAngle,
|
|
117
|
+
startAngle = slice.startAngle;
|
|
118
|
+
var _slice$data = slice.data,
|
|
119
|
+
label = _slice$data.label,
|
|
120
|
+
color = _slice$data.color,
|
|
121
|
+
value = _slice$data.value,
|
|
122
|
+
id = _slice$data.id;
|
|
121
123
|
return !id && (label || value) && /*#__PURE__*/_react.default.createElement(_ArrowLabel.default, {
|
|
122
124
|
color: color,
|
|
123
125
|
label: label,
|
|
@@ -169,4 +171,5 @@ UTPieChart.defaultProps = {
|
|
|
169
171
|
paddingAngle: _constants.DEFAULT_PADDING_ANGLE,
|
|
170
172
|
transition: _constants.DEFAULT_TRANSITION
|
|
171
173
|
};
|
|
172
|
-
var _default =
|
|
174
|
+
var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTPieChart);
|
|
175
|
+
exports.default = _default;
|
|
@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.retrieveStyle = void 0;
|
|
7
7
|
var _seamlessImmutable = require("seamless-immutable");
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
theme
|
|
11
|
-
} = _ref;
|
|
8
|
+
var retrieveStyle = function retrieveStyle(_ref) {
|
|
9
|
+
var theme = _ref.theme;
|
|
12
10
|
return {
|
|
13
11
|
legendLabel: {
|
|
14
12
|
fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTPieChart', 'legendLabel', 'fontWeight']),
|
|
@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.animationSort = void 0;
|
|
7
7
|
var _constants = require("./constants");
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
id
|
|
11
|
-
} = _ref;
|
|
8
|
+
var animationSort = function animationSort(_ref) {
|
|
9
|
+
var id = _ref.id;
|
|
12
10
|
return id === _constants.ANIMATION_ID ? 0 : -1;
|
|
13
11
|
};
|
|
14
12
|
exports.animationSort = animationSort;
|
|
@@ -4,5 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.MIN_PERCENTAGE = exports.MAX_PERCENTAGE = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
var MIN_PERCENTAGE = 0;
|
|
8
|
+
exports.MIN_PERCENTAGE = MIN_PERCENTAGE;
|
|
9
|
+
var MAX_PERCENTAGE = 100;
|
|
10
|
+
exports.MAX_PERCENTAGE = MAX_PERCENTAGE;
|
|
@@ -1,5 +1,6 @@
|
|
|
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -14,20 +15,20 @@ var _types = require("./types");
|
|
|
14
15
|
var _constants = require("./constants");
|
|
15
16
|
var _theme = require("./theme");
|
|
16
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
function _getRequireWildcardCache(
|
|
18
|
-
function _interopRequireWildcard(
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
18
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
20
|
+
var UTProgressBar = function UTProgressBar(_ref) {
|
|
21
|
+
var themeClasses = _ref.classes,
|
|
22
|
+
classNames = _ref.classNames,
|
|
23
|
+
customLabel = _ref.customLabel,
|
|
24
|
+
customLabelStyle = _ref.customLabelStyle,
|
|
25
|
+
value = _ref.value,
|
|
26
|
+
variant = _ref.variant,
|
|
27
|
+
withLabel = _ref.withLabel;
|
|
28
|
+
var clampedValue = _lodash.default.clamp(value, _constants.MIN_PERCENTAGE, _constants.MAX_PERCENTAGE);
|
|
29
|
+
var classes = (0, _react.useMemo)(function () {
|
|
30
|
+
return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
|
|
31
|
+
}, [classNames]);
|
|
31
32
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
32
33
|
className: classes.container
|
|
33
34
|
}, /*#__PURE__*/_react.default.createElement(_core.LinearProgress, {
|
|
@@ -60,4 +61,5 @@ UTProgressBar.propTypes = {
|
|
|
60
61
|
variant: _propTypes.string,
|
|
61
62
|
withLabel: _propTypes.bool
|
|
62
63
|
};
|
|
63
|
-
var _default =
|
|
64
|
+
var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTProgressBar);
|
|
65
|
+
exports.default = _default;
|
|
@@ -6,11 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.retrieveStyle = void 0;
|
|
7
7
|
var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
|
|
8
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
|
|
9
|
+
var retrieveStyle = function retrieveStyle(_ref) {
|
|
10
10
|
var _theme$UTProgressBar, _theme$UTProgressBar2, _theme$UTProgressBar3, _theme$UTProgressBar4, _theme$UTProgressBar5, _theme$UTProgressBar6, _theme$UTProgressBar7, _theme$UTProgressBar8, _theme$UTProgressBar9, _theme$UTProgressBar10, _theme$UTProgressBar11, _theme$UTProgressBar12;
|
|
11
|
-
|
|
12
|
-
theme
|
|
13
|
-
} = _ref;
|
|
11
|
+
var theme = _ref.theme;
|
|
14
12
|
return {
|
|
15
13
|
container: {
|
|
16
14
|
alignItems: 'center',
|
|
@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.classesType = void 0;
|
|
7
7
|
var _propTypes = require("prop-types");
|
|
8
|
-
|
|
8
|
+
var classesType = (0, _propTypes.shape)({
|
|
9
9
|
container: _propTypes.string,
|
|
10
10
|
root: _propTypes.string,
|
|
11
11
|
colorPrimary: _propTypes.string,
|
|
12
12
|
barColorPrimary: _propTypes.string,
|
|
13
13
|
label: _propTypes.string
|
|
14
|
-
});
|
|
14
|
+
});
|
|
15
|
+
exports.classesType = classesType;
|
|
@@ -15,32 +15,50 @@ var _UTLabel = _interopRequireDefault(require("../UTLabel"));
|
|
|
15
15
|
var _classesUtils = require("../../utils/classesUtils");
|
|
16
16
|
var _theme = require("./theme");
|
|
17
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
function _getRequireWildcardCache(
|
|
19
|
-
function _interopRequireWildcard(
|
|
18
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
20
|
+
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); }
|
|
20
21
|
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); }
|
|
22
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
23
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
24
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
25
|
+
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); }
|
|
26
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
27
|
+
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); }; }
|
|
28
|
+
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); }
|
|
29
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
30
|
+
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; } }
|
|
31
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
21
32
|
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; }
|
|
22
|
-
function _toPropertyKey(
|
|
23
|
-
function _toPrimitive(
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
33
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
34
|
+
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); }
|
|
35
|
+
var UTRadioGroup = /*#__PURE__*/function (_PureComponent) {
|
|
36
|
+
_inherits(UTRadioGroup, _PureComponent);
|
|
37
|
+
var _super = _createSuper(UTRadioGroup);
|
|
38
|
+
function UTRadioGroup() {
|
|
39
|
+
var _this;
|
|
40
|
+
_classCallCheck(this, UTRadioGroup);
|
|
41
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
42
|
+
args[_key] = arguments[_key];
|
|
43
|
+
}
|
|
44
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
45
|
+
_defineProperty(_assertThisInitialized(_this), "handleChange", function (_, value) {
|
|
46
|
+
return _this.props.input.onChange(value);
|
|
47
|
+
});
|
|
48
|
+
_defineProperty(_assertThisInitialized(_this), "renderRadioItem", function (_ref) {
|
|
49
|
+
var classes = _ref.classes,
|
|
50
|
+
index = _ref.index,
|
|
51
|
+
option = _ref.option;
|
|
52
|
+
var _this$props = _this.props,
|
|
53
|
+
className = _this$props.className,
|
|
54
|
+
CustomRadioLabel = _this$props.customRadioLabel,
|
|
55
|
+
disabled = _this$props.disabled,
|
|
56
|
+
_this$props$disableRi = _this$props.disableRipple,
|
|
57
|
+
disableRipple = _this$props$disableRi === void 0 ? false : _this$props$disableRi,
|
|
58
|
+
input = _this$props.input,
|
|
59
|
+
labelKey = _this$props.labelKey,
|
|
60
|
+
valueKey = _this$props.valueKey;
|
|
61
|
+
var isChecked = input.value === option[valueKey];
|
|
44
62
|
return /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
|
|
45
63
|
key: option[valueKey],
|
|
46
64
|
value: option[valueKey],
|
|
@@ -61,40 +79,48 @@ class UTRadioGroup extends _react.PureComponent {
|
|
|
61
79
|
checked: "".concat(classes.checked, " ").concat(classes.checkedIconRoot)
|
|
62
80
|
}
|
|
63
81
|
}),
|
|
64
|
-
className: "".concat(classes.formControlLabel, " \n ").concat(
|
|
82
|
+
className: "".concat(classes.formControlLabel, " \n ").concat(_this.props.divider && index === 0 && classes.topDivider, " \n ").concat(_this.props.divider && classes.divider, "\n ").concat(className)
|
|
65
83
|
});
|
|
66
84
|
});
|
|
85
|
+
return _this;
|
|
67
86
|
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
option
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
87
|
+
_createClass(UTRadioGroup, [{
|
|
88
|
+
key: "render",
|
|
89
|
+
value: function render() {
|
|
90
|
+
var _field$configuration,
|
|
91
|
+
_this2 = this;
|
|
92
|
+
var _this$props2 = this.props,
|
|
93
|
+
_this$props2$classNam = _this$props2.classNames,
|
|
94
|
+
classNames = _this$props2$classNam === void 0 ? {} : _this$props2$classNam,
|
|
95
|
+
themeClasses = _this$props2.classes,
|
|
96
|
+
containerClassName = _this$props2.containerClassName,
|
|
97
|
+
field = _this$props2.field,
|
|
98
|
+
input = _this$props2.input,
|
|
99
|
+
options = _this$props2.options,
|
|
100
|
+
titleProps = _this$props2.titleProps,
|
|
101
|
+
withUpperTitle = _this$props2.withUpperTitle;
|
|
102
|
+
var shouldShowUpperTitle = (field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) && withUpperTitle;
|
|
103
|
+
var classes = (0, _classesUtils.mergeClasses)(themeClasses, classNames);
|
|
104
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
|
|
105
|
+
className: classes.title
|
|
106
|
+
}, titleProps, {
|
|
107
|
+
withMarkdown: true
|
|
108
|
+
}), field.title), /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
|
|
109
|
+
name: input.name,
|
|
110
|
+
value: input.value || '',
|
|
111
|
+
className: containerClassName,
|
|
112
|
+
onChange: this.handleChange
|
|
113
|
+
}, options.map(function (option, index) {
|
|
114
|
+
return _this2.renderRadioItem({
|
|
115
|
+
classes: classes,
|
|
116
|
+
index: index,
|
|
117
|
+
option: option
|
|
118
|
+
});
|
|
119
|
+
})));
|
|
120
|
+
}
|
|
121
|
+
}]);
|
|
122
|
+
return UTRadioGroup;
|
|
123
|
+
}(_react.PureComponent);
|
|
98
124
|
UTRadioGroup.defaultProps = {
|
|
99
125
|
classes: {},
|
|
100
126
|
labelKey: 'name',
|
|
@@ -117,4 +143,5 @@ UTRadioGroup.propTypes = {
|
|
|
117
143
|
valueKey: _propTypes.string,
|
|
118
144
|
withUpperTitle: _propTypes.bool
|
|
119
145
|
};
|
|
120
|
-
var _default =
|
|
146
|
+
var _default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTRadioGroup);
|
|
147
|
+
exports.default = _default;
|
|
@@ -8,10 +8,8 @@ var _seamlessImmutable = require("seamless-immutable");
|
|
|
8
8
|
var _styles = require("@material-ui/core/styles");
|
|
9
9
|
var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
theme
|
|
14
|
-
} = _ref;
|
|
11
|
+
var retrieveStyle = function retrieveStyle(_ref) {
|
|
12
|
+
var theme = _ref.theme;
|
|
15
13
|
return {
|
|
16
14
|
formControlLabel: {
|
|
17
15
|
backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formControlLabel', 'backgroundColor'], 'transparent'),
|
|
@@ -54,57 +52,59 @@ const retrieveStyle = _ref => {
|
|
|
54
52
|
};
|
|
55
53
|
};
|
|
56
54
|
exports.retrieveStyle = retrieveStyle;
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
overrides: {
|
|
62
|
-
MuiTypography: {
|
|
63
|
-
body1: {
|
|
64
|
-
fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'], 'Roboto'),
|
|
65
|
-
fontSize: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontSize'], "14px"),
|
|
66
|
-
color: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'color'], "currentColor"),
|
|
67
|
-
width: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'root', 'width'])
|
|
68
|
-
}
|
|
55
|
+
var retrieveMuiTheme = function retrieveMuiTheme(theme) {
|
|
56
|
+
return (0, _styles.createTheme)({
|
|
57
|
+
typography: {
|
|
58
|
+
fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
|
|
69
59
|
},
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'disabled', 'color'], "".concat(_colorsModule.default.disabledGray))
|
|
60
|
+
overrides: {
|
|
61
|
+
MuiTypography: {
|
|
62
|
+
body1: {
|
|
63
|
+
fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'], 'Roboto'),
|
|
64
|
+
fontSize: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontSize'], "14px"),
|
|
65
|
+
color: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'color'], "currentColor"),
|
|
66
|
+
width: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'root', 'width'])
|
|
78
67
|
}
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
|
|
89
|
-
'&$error': {
|
|
90
|
-
color: theme.Palette.error['05']
|
|
68
|
+
},
|
|
69
|
+
MuiRadio: {
|
|
70
|
+
colorSecondary: {
|
|
71
|
+
color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'root', 'color'], "".concat(_colorsModule.default.gray)),
|
|
72
|
+
'&$checked': {
|
|
73
|
+
color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'selected', 'color'], "".concat(_colorsModule.default.inputPrimary))
|
|
74
|
+
},
|
|
75
|
+
'&$disabled': {
|
|
76
|
+
color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'disabled', 'color'], "".concat(_colorsModule.default.disabledGray))
|
|
91
77
|
}
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
MuiFormLabel: {
|
|
81
|
+
root: {
|
|
82
|
+
color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formLabel', 'color']),
|
|
83
|
+
'&$error': {
|
|
84
|
+
color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formLabel', 'errorColor'], _colorsModule.default.gray)
|
|
85
|
+
},
|
|
86
|
+
'&$focused': {
|
|
87
|
+
color: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
|
|
88
|
+
'&$error': {
|
|
89
|
+
color: theme.Palette.error['05']
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
|
|
93
|
+
fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14))
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
MuiFormHelperText: {
|
|
97
|
+
root: {
|
|
98
|
+
fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'helperText', 'fontSize'], 12),
|
|
99
|
+
color: theme.Palette.error['05']
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
MuiSvgIcon: {
|
|
103
|
+
root: {
|
|
104
|
+
fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTRadioGroup', 'radioButton', 'fontSize'], 24)
|
|
105
|
+
}
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
|
-
}
|
|
109
|
-
}
|
|
108
|
+
});
|
|
109
|
+
};
|
|
110
110
|
exports.retrieveMuiTheme = retrieveMuiTheme;
|