@widergy/energy-ui 2.12.2 → 2.12.3

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 = function retrieveStyle(_ref) {
-  var theme = _ref.theme;
+const retrieveStyle = _ref => {
+  let {
+    theme
+  } = _ref;
   return {
     container: {
       display: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'container', 'display'], 'flex'),
@@ -48,91 +50,89 @@ var retrieveStyle = function retrieveStyle(_ref) {
   };
 };
 exports.retrieveStyle = retrieveStyle;
-var retrieveMuiTheme = function retrieveMuiTheme(theme) {
-  return (0, _styles.createTheme)({
-    typography: {
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
+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,11 +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 = 0;
-exports.ARROW_SEPARATION = ARROW_SEPARATION;
-var SEGMENT_1_LENGTH = 15;
-exports.SEGMENT_1_LENGTH = SEGMENT_1_LENGTH;
-var SEGMENT_2_OFFSET = 10;
-exports.SEGMENT_2_OFFSET = SEGMENT_2_OFFSET;
-var TEXT_OFFSET = 7;
-exports.TEXT_OFFSET = TEXT_OFFSET;
+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,
@@ -58,5 +60,4 @@ ArrowLabel.propTypes = {
   label: _propTypes.string,
   value: _propTypes.number
 };
-var _default = ArrowLabel;
-exports.default = _default;
+var _default = exports.default = ArrowLabel;

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

@@ -4,9 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_TYPE = exports.DEFAULT_POSITION = exports.DEFAULT_INDICATOR_SIZE = void 0;
-var DEFAULT_POSITION = 'top-left';
-exports.DEFAULT_POSITION = DEFAULT_POSITION;
-var DEFAULT_INDICATOR_SIZE = 10;
-exports.DEFAULT_INDICATOR_SIZE = DEFAULT_INDICATOR_SIZE;
-var DEFAULT_TYPE = 'circle';
-exports.DEFAULT_TYPE = DEFAULT_TYPE;
+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", {
@@ -66,5 +70,4 @@ Legend.propTypes = {
   totalConsumption: _propTypes.number,
   classes: _commonTypes.classesType
 };
-var _default = Legend;
-exports.default = _default;
+var _default = exports.default = Legend;

package/dist/components/UTPieChart/constants.js

@@ -4,29 +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 = DEFAULT_DATA;
-var DEFAULT_INNER_RADIUS = 0;
-exports.DEFAULT_INNER_RADIUS = DEFAULT_INNER_RADIUS;
-var DEFAULT_OUTER_RADIUS = 100;
-exports.DEFAULT_OUTER_RADIUS = DEFAULT_OUTER_RADIUS;
-var DEFAULT_ANIMATION_LENGTH = 1500;
-exports.DEFAULT_ANIMATION_LENGTH = DEFAULT_ANIMATION_LENGTH;
-var DEFAULT_LEGEND = {};
-exports.DEFAULT_LEGEND = DEFAULT_LEGEND;
-var TRANSPARENT = '#00000000';
-exports.TRANSPARENT = TRANSPARENT;
-var ANIMATION_ID = 'animation';
-exports.ANIMATION_ID = ANIMATION_ID;
-var DEFAULT_TRANSITION = 'ease-out';
-exports.DEFAULT_TRANSITION = DEFAULT_TRANSITION;
-var OUTLINE_SEPARATION = 5;
-exports.OUTLINE_SEPARATION = OUTLINE_SEPARATION;
-var OUTLINE_WIDTH = 5;
-exports.OUTLINE_WIDTH = OUTLINE_WIDTH;
-var DEFAULT_PADDING_ANGLE = 0;
-exports.DEFAULT_PADDING_ANGLE = DEFAULT_PADDING_ANGLE;
-var DEFAULT_INITIAL_ANGLE = 0;
-exports.DEFAULT_INITIAL_ANGLE = DEFAULT_INITIAL_ANGLE;
-var DEFAULT_MIN_ANGLE = 0.1;
-exports.DEFAULT_MIN_ANGLE = DEFAULT_MIN_ANGLE;
+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,53 +5,35 @@ 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
   };
 };
-var _default = useAnimatedValue;
-exports.default = _default;
+var _default = exports.default = useAnimatedValue;