@widergy/energy-ui 2.10.1 → 3.0.0

package/dist/components/UTPhoneInput/theme.js

@@ -8,8 +8,10 @@ var _seamlessImmutable = require("seamless-immutable");
 var _styles = require("@material-ui/core/styles");
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
-  var theme = _ref.theme;
+const retrieveStyle = _ref => {
+  let {
+    theme
+  } = _ref;
   return {
     container: {
       display: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'container', 'display'], 'flex'),
@@ -47,90 +49,90 @@ var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
     }
   };
 };
-var retrieveMuiTheme = exports.retrieveMuiTheme = function retrieveMuiTheme(theme) {
-  return (0, _styles.createTheme)({
-    typography: {
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
+exports.retrieveStyle = retrieveStyle;
+const retrieveMuiTheme = theme => (0, _styles.createTheme)({
+  typography: {
+    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
+  },
+  overrides: {
+    MuiFormControl: {
+      root: {
+        minWidth: '70px'
+      }
     },
-    overrides: {
-      MuiFormControl: {
-        root: {
-          minWidth: '70px'
-        }
+    MuiOutlinedInput: {
+      input: {
+        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
+        color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'color'])
       },
-      MuiOutlinedInput: {
-        input: {
-          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'color'])
+      root: {
+        '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
+          border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'border'], "1px solid ".concat(_colorsModule.default.gray)),
+          borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
         },
-        root: {
-          '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
-            border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'border'], "1px solid ".concat(_colorsModule.default.gray)),
-            borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
-          },
-          '&$focused $notchedOutline': {
-            border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'focused', 'border'], "2px solid ".concat(_colorsModule.default.primary)),
-            borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
-          },
-          '&$disabled $notchedOutline': {
-            border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'disabled', 'border'], "1px solid ".concat(_colorsModule.default.gray)),
-            borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
-          }
+        '&$focused $notchedOutline': {
+          border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'focused', 'border'], "2px solid ".concat(_colorsModule.default.primary)),
+          borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
         },
-        notchedOutline: {
-          border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'unfocused', 'border'], "1px solid ".concat(theme.Palette.error['05'])),
+        '&$disabled $notchedOutline': {
+          border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'disabled', 'border'], "1px solid ".concat(_colorsModule.default.gray)),
           borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
         }
       },
-      MuiInput: {
-        input: {
-          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'color'])
+      notchedOutline: {
+        border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'unfocused', 'border'], "1px solid ".concat(theme.Palette.error['05'])),
+        borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
+      }
+    },
+    MuiInput: {
+      input: {
+        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
+        color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'color'])
+      },
+      underline: {
+        '&:hover:not($disabled):not($focused):not($error):before': {
+          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
         },
-        underline: {
-          '&:hover:not($disabled):not($focused):not($error):before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-          },
-          '&$disabled:before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-          },
-          '&:before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-          },
-          '&$focused:after': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
-          },
-          '&:after': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
-          },
-          '&$error:after': {
-            borderBottom: "2px solid ".concat(theme.Palette.error['05']),
-            borderBottomColor: theme.Palette.error['05']
-          }
+        '&$disabled:before': {
+          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
+        },
+        '&:before': {
+          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
+        },
+        '&$focused:after': {
+          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
+        },
+        '&:after': {
+          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
+        },
+        '&$error:after': {
+          borderBottom: "2px solid ".concat(theme.Palette.error['05']),
+          borderBottomColor: theme.Palette.error['05']
         }
-      },
-      MuiFormLabel: {
-        root: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'color']),
+      }
+    },
+    MuiFormLabel: {
+      root: {
+        color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'color']),
+        '&$error': {
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'errorColor'], _colorsModule.default.gray)
+        },
+        '&$focused': {
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
           '&$error': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'errorColor'], _colorsModule.default.gray)
-          },
-          '&$focused': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
-            '&$error': {
-              color: theme.Palette.error['05']
-            }
-          },
-          fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
-          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14))
-        }
-      },
-      MuiFormHelperText: {
-        root: {
-          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'fontSize'], 12),
-          color: theme.Palette.error['05']
-        }
+            color: theme.Palette.error['05']
+          }
+        },
+        fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
+        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14))
+      }
+    },
+    MuiFormHelperText: {
+      root: {
+        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'fontSize'], 12),
+        color: theme.Palette.error['05']
       }
     }
-  });
-};
+  }
+});
+exports.retrieveMuiTheme = retrieveMuiTheme;

package/dist/components/UTPieChart/components/ArrowLabel/constants.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TEXT_OFFSET = exports.SEGMENT_2_OFFSET = exports.SEGMENT_1_LENGTH = exports.ARROW_SEPARATION = void 0;
-var ARROW_SEPARATION = exports.ARROW_SEPARATION = 0;
-var SEGMENT_1_LENGTH = exports.SEGMENT_1_LENGTH = 15;
-var SEGMENT_2_OFFSET = exports.SEGMENT_2_OFFSET = 10;
-var TEXT_OFFSET = exports.TEXT_OFFSET = 7;
+const ARROW_SEPARATION = exports.ARROW_SEPARATION = 0;
+const SEGMENT_1_LENGTH = exports.SEGMENT_1_LENGTH = 15;
+const SEGMENT_2_OFFSET = exports.SEGMENT_2_OFFSET = 10;
+const TEXT_OFFSET = exports.TEXT_OFFSET = 7;

package/dist/components/UTPieChart/components/ArrowLabel/index.js

@@ -8,27 +8,29 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var ArrowLabel = function ArrowLabel(_ref) {
-  var midAngle = _ref.midAngle,
-    outerRadius = _ref.outerRadius,
-    color = _ref.color,
-    label = _ref.label,
-    value = _ref.value;
-  var angle = midAngle - Math.PI / 2;
-  var sin = Math.sin(angle);
-  var cos = Math.cos(angle);
-  var startX = (outerRadius + _constants.ARROW_SEPARATION) * cos;
-  var startY = (outerRadius + _constants.ARROW_SEPARATION) * sin;
-  var sign = cos >= 0 ? 1 : -1;
-  var segment1X = (outerRadius + _constants.ARROW_SEPARATION + _constants.SEGMENT_1_LENGTH) * cos;
-  var segment1Y = (outerRadius + _constants.ARROW_SEPARATION + _constants.SEGMENT_1_LENGTH) * sin;
-  var segment2X = segment1X + sign * _constants.SEGMENT_2_OFFSET;
-  var segment2Y = segment1Y;
-  var textAnchor = cos >= 0 ? 'start' : 'end';
-  var labelX = segment2X + sign * _constants.TEXT_OFFSET;
-  var labelY = segment2Y + -_constants.TEXT_OFFSET;
-  var valueX = segment2X + sign * _constants.TEXT_OFFSET;
-  var valueY = segment2Y + _constants.TEXT_OFFSET;
+const ArrowLabel = _ref => {
+  let {
+    midAngle,
+    outerRadius,
+    color,
+    label,
+    value
+  } = _ref;
+  const angle = midAngle - Math.PI / 2;
+  const sin = Math.sin(angle);
+  const cos = Math.cos(angle);
+  const startX = (outerRadius + _constants.ARROW_SEPARATION) * cos;
+  const startY = (outerRadius + _constants.ARROW_SEPARATION) * sin;
+  const sign = cos >= 0 ? 1 : -1;
+  const segment1X = (outerRadius + _constants.ARROW_SEPARATION + _constants.SEGMENT_1_LENGTH) * cos;
+  const segment1Y = (outerRadius + _constants.ARROW_SEPARATION + _constants.SEGMENT_1_LENGTH) * sin;
+  const segment2X = segment1X + sign * _constants.SEGMENT_2_OFFSET;
+  const segment2Y = segment1Y;
+  const textAnchor = cos >= 0 ? 'start' : 'end';
+  const labelX = segment2X + sign * _constants.TEXT_OFFSET;
+  const labelY = segment2Y + -_constants.TEXT_OFFSET;
+  const valueX = segment2X + sign * _constants.TEXT_OFFSET;
+  const valueY = segment2Y + _constants.TEXT_OFFSET;
   return /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
     d: "M".concat(startX, ",").concat(startY, "L").concat(segment1X, ",").concat(segment1Y, "L").concat(segment2X, ",").concat(segment2Y),
     stroke: color,

package/dist/components/UTPieChart/components/Legend/contants.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_TYPE = exports.DEFAULT_POSITION = exports.DEFAULT_INDICATOR_SIZE = void 0;
-var DEFAULT_POSITION = exports.DEFAULT_POSITION = 'top-left';
-var DEFAULT_INDICATOR_SIZE = exports.DEFAULT_INDICATOR_SIZE = 10;
-var DEFAULT_TYPE = exports.DEFAULT_TYPE = 'circle';
+const DEFAULT_POSITION = exports.DEFAULT_POSITION = 'top-left';
+const DEFAULT_INDICATOR_SIZE = exports.DEFAULT_INDICATOR_SIZE = 10;
+const DEFAULT_TYPE = exports.DEFAULT_TYPE = 'circle';

package/dist/components/UTPieChart/components/Legend/index.js

@@ -11,30 +11,34 @@ var _commonTypes = require("../../../../types/commonTypes");
 var _contants = require("./contants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Legend = function Legend(_ref) {
-  var data = _ref.data,
-    legend = _ref.legend,
-    showPercentage = _ref.showPercentage,
-    totalConsumption = _ref.totalConsumption,
-    classes = _ref.classes;
-  var _legend$indicatorWidt = legend.indicatorWidth,
-    indicatorWidth = _legend$indicatorWidt === void 0 ? _contants.DEFAULT_INDICATOR_SIZE : _legend$indicatorWidt,
-    _legend$indicatorHeig = legend.indicatorHeight,
-    indicatorHeight = _legend$indicatorHeig === void 0 ? _contants.DEFAULT_INDICATOR_SIZE : _legend$indicatorHeig,
-    _legend$type = legend.type,
-    type = _legend$type === void 0 ? _contants.DEFAULT_TYPE : _legend$type,
-    _legend$position = legend.position,
-    position = _legend$position === void 0 ? _contants.DEFAULT_POSITION : _legend$position;
-  var legendLabel = classes.legendLabel,
-    legendValueLabel = classes.legendValueLabel,
-    legendsContainer = classes.legendsContainer,
-    legendItem = classes.legendItem;
+const Legend = _ref => {
+  let {
+    data,
+    legend,
+    showPercentage,
+    totalConsumption,
+    classes
+  } = _ref;
+  const {
+    indicatorWidth = _contants.DEFAULT_INDICATOR_SIZE,
+    indicatorHeight = _contants.DEFAULT_INDICATOR_SIZE,
+    type = _contants.DEFAULT_TYPE,
+    position = _contants.DEFAULT_POSITION
+  } = legend;
+  const {
+    legendLabel,
+    legendValueLabel,
+    legendsContainer,
+    legendItem
+  } = classes;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(_stylesModule.default[position], " ").concat(legendsContainer)
-  }, data.map(function (_ref2) {
-    var label = _ref2.label,
-      color = _ref2.color,
-      value = _ref2.value;
+  }, data.map(_ref2 => {
+    let {
+      label,
+      color,
+      value
+    } = _ref2;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(_stylesModule.default.item, " ").concat(legendItem)
     }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/UTPieChart/constants.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TRANSPARENT = exports.OUTLINE_WIDTH = exports.OUTLINE_SEPARATION = exports.DEFAULT_TRANSITION = exports.DEFAULT_PADDING_ANGLE = exports.DEFAULT_OUTER_RADIUS = exports.DEFAULT_MIN_ANGLE = exports.DEFAULT_LEGEND = exports.DEFAULT_INNER_RADIUS = exports.DEFAULT_INITIAL_ANGLE = exports.DEFAULT_DATA = exports.DEFAULT_ANIMATION_LENGTH = exports.ANIMATION_ID = void 0;
-var DEFAULT_DATA = exports.DEFAULT_DATA = [];
-var DEFAULT_INNER_RADIUS = exports.DEFAULT_INNER_RADIUS = 0;
-var DEFAULT_OUTER_RADIUS = exports.DEFAULT_OUTER_RADIUS = 100;
-var DEFAULT_ANIMATION_LENGTH = exports.DEFAULT_ANIMATION_LENGTH = 1500;
-var DEFAULT_LEGEND = exports.DEFAULT_LEGEND = {};
-var TRANSPARENT = exports.TRANSPARENT = '#00000000';
-var ANIMATION_ID = exports.ANIMATION_ID = 'animation';
-var DEFAULT_TRANSITION = exports.DEFAULT_TRANSITION = 'ease-out';
-var OUTLINE_SEPARATION = exports.OUTLINE_SEPARATION = 5;
-var OUTLINE_WIDTH = exports.OUTLINE_WIDTH = 5;
-var DEFAULT_PADDING_ANGLE = exports.DEFAULT_PADDING_ANGLE = 0;
-var DEFAULT_INITIAL_ANGLE = exports.DEFAULT_INITIAL_ANGLE = 0;
-var DEFAULT_MIN_ANGLE = exports.DEFAULT_MIN_ANGLE = 0.1;
+const DEFAULT_DATA = exports.DEFAULT_DATA = [];
+const DEFAULT_INNER_RADIUS = exports.DEFAULT_INNER_RADIUS = 0;
+const DEFAULT_OUTER_RADIUS = exports.DEFAULT_OUTER_RADIUS = 100;
+const DEFAULT_ANIMATION_LENGTH = exports.DEFAULT_ANIMATION_LENGTH = 1500;
+const DEFAULT_LEGEND = exports.DEFAULT_LEGEND = {};
+const TRANSPARENT = exports.TRANSPARENT = '#00000000';
+const ANIMATION_ID = exports.ANIMATION_ID = 'animation';
+const DEFAULT_TRANSITION = exports.DEFAULT_TRANSITION = 'ease-out';
+const OUTLINE_SEPARATION = exports.OUTLINE_SEPARATION = 5;
+const OUTLINE_WIDTH = exports.OUTLINE_WIDTH = 5;
+const DEFAULT_PADDING_ANGLE = exports.DEFAULT_PADDING_ANGLE = 0;
+const DEFAULT_INITIAL_ANGLE = exports.DEFAULT_INITIAL_ANGLE = 0;
+const DEFAULT_MIN_ANGLE = exports.DEFAULT_MIN_ANGLE = 0.1;

package/dist/components/UTPieChart/hooks/use-animated-value/index.js

@@ -5,51 +5,34 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _useMutableState5 = _interopRequireDefault(require("../use-mutable-state"));
+var _useMutableState = _interopRequireDefault(require("../use-mutable-state"));
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-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); }
-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; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var useAnimatedValue = function useAnimatedValue(config) {
-  var _useMutableState = (0, _useMutableState5.default)(),
-    _useMutableState2 = _slicedToArray(_useMutableState, 2),
-    animatedValue = _useMutableState2[0],
-    setAnimatedValue = _useMutableState2[1];
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentInterval = _useState2[0],
-    setCurrentInterval = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    totalSteps = _useState4[0],
-    setTotalSteps = _useState4[1];
-  var _useMutableState3 = (0, _useMutableState5.default)(0),
-    _useMutableState4 = _slicedToArray(_useMutableState3, 2),
-    index = _useMutableState4[0],
-    setIndex = _useMutableState4[1];
-  var _ref = config || {},
-    transition = _ref.transition;
-  (0, _react.useEffect)(function () {
+const useAnimatedValue = config => {
+  const [animatedValue, setAnimatedValue] = (0, _useMutableState.default)();
+  const [currentInterval, setCurrentInterval] = (0, _react.useState)(null);
+  const [totalSteps, setTotalSteps] = (0, _react.useState)();
+  const [index, setIndex] = (0, _useMutableState.default)(0);
+  const {
+    transition
+  } = config || {};
+  (0, _react.useEffect)(() => {
     if (index.current === totalSteps) clearInterval(currentInterval);
   }, [animatedValue.current]);
-  var animate = function animate(from, to, duration) {
+  const animate = (from, to, duration) => {
     if (currentInterval) clearInterval(currentInterval);
     setAnimatedValue(from);
     setIndex(0);
-    var steps = Math.ceil(duration / (1000 / 60));
+    const steps = Math.ceil(duration / (1000 / 60));
     setTotalSteps(steps);
-    var interval = setInterval(function () {
+    const interval = setInterval(() => {
       setIndex(index.current + 1);
       if (to < from) setAnimatedValue((1 - _constants.TRANSITION_FUNCTIONS[transition](index.current / steps)) * (from - to) + to);else setAnimatedValue(_constants.TRANSITION_FUNCTIONS[transition](index.current / steps) * (to - from) + from);
     }, 1000 / 60);
     setCurrentInterval(interval);
   };
   return {
-    animate: animate,
+    animate,
     animatedValue: animatedValue.current
   };
 };

package/dist/components/UTPieChart/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,72 +18,72 @@ var _utils = require("./utils");
 var _constants = require("./constants");
 var _contants = require("./components/Legend/contants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-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; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-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."); }
-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); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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; }
-var UTPieChart = function UTPieChart(_ref) {
-  var animationLength = _ref.animationLength,
-    classes = _ref.classes,
-    className = _ref.className,
-    _ref$classNames = _ref.classNames,
-    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-    data = _ref.data,
-    gradientGenerator = _ref.gradientGenerator,
-    height = _ref.height,
-    initialAngle = _ref.initialAngle,
-    innerRadius = _ref.innerRadius,
-    legend = _ref.legend,
-    minAngle = _ref.minAngle,
-    outerRadius = _ref.outerRadius,
-    outlined = _ref.outlined,
-    paddingAngle = _ref.paddingAngle,
-    showPercentageInLegend = _ref.showPercentageInLegend,
-    transition = _ref.transition,
-    width = _ref.width,
-    withLabels = _ref.withLabels,
-    withLegend = _ref.withLegend;
-  var totalSum = data.reduce(function (acc, _ref2) {
-    var value = _ref2.value;
+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); }
+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; }
+const UTPieChart = _ref => {
+  let {
+    animationLength,
+    classes,
+    className,
+    classNames = {},
+    data,
+    gradientGenerator,
+    height,
+    initialAngle,
+    innerRadius,
+    legend,
+    minAngle,
+    outerRadius,
+    outlined,
+    paddingAngle,
+    showPercentageInLegend,
+    transition,
+    width,
+    withLabels,
+    withLegend
+  } = _ref;
+  const totalSum = data.reduce((acc, _ref2) => {
+    let {
+      value
+    } = _ref2;
     return acc + value;
   }, 0);
-  var _useAnimatedValue = (0, _energyHooks.useAnimatedValue)({
-      transition: transition
-    }),
-    pieGrowth = _useAnimatedValue.animatedValue,
-    animate = _useAnimatedValue.animate;
-  var _useComponentDimensio = (0, _energyHooks.useComponentDimensions)(),
-    containerWidth = _useComponentDimensio.width,
-    containerHeight = _useComponentDimensio.height,
-    ref = _useComponentDimensio.ref;
-  (0, _react.useEffect)(function () {
+  const {
+    animatedValue: pieGrowth,
+    animate
+  } = (0, _energyHooks.useAnimatedValue)({
+    transition
+  });
+  const {
+    width: containerWidth,
+    height: containerHeight,
+    ref
+  } = (0, _energyHooks.useComponentDimensions)();
+  (0, _react.useEffect)(() => {
     animate(totalSum * 100, 0, animationLength);
   }, []);
-  var newPieData = [].concat(_toConsumableArray(data), [{
+  const newPieData = [...data, {
     value: pieGrowth,
     color: _constants.TRANSPARENT,
     id: _constants.ANIMATION_ID
-  }]);
-  var outlineGenerator = d3.arc().innerRadius(outerRadius + _constants.OUTLINE_SEPARATION).outerRadius(outerRadius + _constants.OUTLINE_SEPARATION + _constants.OUTLINE_WIDTH).padAngle(paddingAngle);
-  var arcGenerator = d3.arc().innerRadius(innerRadius).outerRadius(outerRadius).padAngle(paddingAngle);
-  var pieGenerator = d3.pie().startAngle(Math.PI / 2 + initialAngle).endAngle(2 * Math.PI + (Math.PI / 2 + initialAngle)).sort(function (a, b) {
-    return a.value > b.value ? 1 : -1;
-  }).sort(_utils.animationSort).value(function (_ref3) {
-    var value = _ref3.value,
-      id = _ref3.id;
+  }];
+  const outlineGenerator = d3.arc().innerRadius(outerRadius + _constants.OUTLINE_SEPARATION).outerRadius(outerRadius + _constants.OUTLINE_SEPARATION + _constants.OUTLINE_WIDTH).padAngle(paddingAngle);
+  const arcGenerator = d3.arc().innerRadius(innerRadius).outerRadius(outerRadius).padAngle(paddingAngle);
+  const pieGenerator = d3.pie().startAngle(Math.PI / 2 + initialAngle).endAngle(2 * Math.PI + (Math.PI / 2 + initialAngle)).sort((a, b) => a.value > b.value ? 1 : -1).sort(_utils.animationSort).value(_ref3 => {
+    let {
+      value,
+      id
+    } = _ref3;
     return id ? value : value / totalSum < minAngle ? totalSum * minAngle : value;
   });
-  var pie = pieGenerator(newPieData);
-  var _legend$position = legend.position,
-    position = _legend$position === void 0 ? _contants.DEFAULT_POSITION : _legend$position;
+  const pie = pieGenerator(newPieData);
+  const {
+    position = _contants.DEFAULT_POSITION
+  } = legend;
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: width,
-      height: height
+      width,
+      height
     },
     className: "".concat(_stylesModule.default.container, " ").concat(className, " ").concat(_stylesModule.default["".concat(position.split('-')[0], "Container")])
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -102,24 +101,23 @@ var UTPieChart = function UTPieChart(_ref) {
     viewBox: "".concat(-containerWidth / 2, " ").concat(-containerHeight / 2, " ").concat(containerWidth, " ").concat(containerHeight),
     width: containerWidth,
     height: containerHeight
-  }, gradientGenerator === null || gradientGenerator === void 0 ? void 0 : gradientGenerator(), pie.map(function (slice) {
-    return /*#__PURE__*/_react.default.createElement("path", {
-      d: arcGenerator(slice),
-      fill: slice.data.color
-    });
-  }), outlined && pie.map(function (slice) {
-    return /*#__PURE__*/_react.default.createElement("path", {
-      d: outlineGenerator(slice),
-      fill: slice.data.color
-    });
-  }), withLabels && /*#__PURE__*/_react.default.createElement("g", null, pie.map(function (slice) {
-    var endAngle = slice.endAngle,
-      startAngle = slice.startAngle;
-    var _slice$data = slice.data,
-      label = _slice$data.label,
-      color = _slice$data.color,
-      value = _slice$data.value,
-      id = _slice$data.id;
+  }, gradientGenerator === null || gradientGenerator === void 0 ? void 0 : gradientGenerator(), pie.map(slice => /*#__PURE__*/_react.default.createElement("path", {
+    d: arcGenerator(slice),
+    fill: slice.data.color
+  })), outlined && pie.map(slice => /*#__PURE__*/_react.default.createElement("path", {
+    d: outlineGenerator(slice),
+    fill: slice.data.color
+  })), withLabels && /*#__PURE__*/_react.default.createElement("g", null, pie.map(slice => {
+    const {
+      endAngle,
+      startAngle
+    } = slice;
+    const {
+      label,
+      color,
+      value,
+      id
+    } = slice.data;
     return !id && (label || value) && /*#__PURE__*/_react.default.createElement(_ArrowLabel.default, {
       color: color,
       label: label,

package/dist/components/UTPieChart/theme.js

@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
-var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
-  var theme = _ref.theme;
+const retrieveStyle = _ref => {
+  let {
+    theme
+  } = _ref;
   return {
     legendLabel: {
       fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTPieChart', 'legendLabel', 'fontWeight']),
@@ -30,4 +32,5 @@ var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
       width: (0, _seamlessImmutable.getIn)(theme, ['UTPieChart', 'legendItem', 'width'])
     }
   };
-};
+};
+exports.retrieveStyle = retrieveStyle;