@widergy/energy-ui 2.12.1 → 2.12.2

package/dist/components/UTPhoneInput/theme.js

@@ -8,10 +8,8 @@ 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 }; }
-const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
+var retrieveStyle = function retrieveStyle(_ref) {
+  var theme = _ref.theme;
   return {
     container: {
       display: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'container', 'display'], 'flex'),
@@ -50,89 +48,91 @@ const retrieveStyle = _ref => {
   };
 };
 exports.retrieveStyle = retrieveStyle;
-const retrieveMuiTheme = theme => (0, _styles.createTheme)({
-  typography: {
-    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
-  },
-  overrides: {
-    MuiFormControl: {
-      root: {
-        minWidth: '70px'
-      }
+var retrieveMuiTheme = function retrieveMuiTheme(theme) {
+  return (0, _styles.createTheme)({
+    typography: {
+      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
     },
-    MuiOutlinedInput: {
-      input: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'color'])
+    overrides: {
+      MuiFormControl: {
+        root: {
+          minWidth: '70px'
+        }
       },
-      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')
+      MuiOutlinedInput: {
+        input: {
+          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'color'])
         },
-        '&$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')
+        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')
+          }
         },
-        '&$disabled $notchedOutline': {
-          border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'disabled', 'border'], "1px solid ".concat(_colorsModule.default.gray)),
+        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')
         }
       },
-      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))
-        },
-        '&$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))
+      MuiInput: {
+        input: {
+          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'color'])
         },
-        '&$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']
+        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']
+          }
         }
-      }
-    },
-    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),
+      },
+      MuiFormLabel: {
+        root: {
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'color']),
           '&$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: (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']
+        }
       }
     }
-  }
-});
+  });
+};
 exports.retrieveMuiTheme = retrieveMuiTheme;

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

@@ -4,7 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TEXT_OFFSET = exports.SEGMENT_2_OFFSET = exports.SEGMENT_1_LENGTH = exports.ARROW_SEPARATION = void 0;
-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;
+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;

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

@@ -8,29 +8,27 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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;
+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;
   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,
@@ -60,4 +58,5 @@ ArrowLabel.propTypes = {
   label: _propTypes.string,
   value: _propTypes.number
 };
-var _default = exports.default = ArrowLabel;
+var _default = ArrowLabel;
+exports.default = _default;

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

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_TYPE = exports.DEFAULT_POSITION = exports.DEFAULT_INDICATOR_SIZE = void 0;
-const DEFAULT_POSITION = exports.DEFAULT_POSITION = 'top-left';
-const DEFAULT_INDICATOR_SIZE = exports.DEFAULT_INDICATOR_SIZE = 10;
-const DEFAULT_TYPE = exports.DEFAULT_TYPE = 'circle';
+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;

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

@@ -11,34 +11,30 @@ 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 }; }
-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;
+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;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(_stylesModule.default[position], " ").concat(legendsContainer)
-  }, data.map(_ref2 => {
-    let {
-      label,
-      color,
-      value
-    } = _ref2;
+  }, data.map(function (_ref2) {
+    var label = _ref2.label,
+      color = _ref2.color,
+      value = _ref2.value;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(_stylesModule.default.item, " ").concat(legendItem)
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -70,4 +66,5 @@ Legend.propTypes = {
   totalConsumption: _propTypes.number,
   classes: _commonTypes.classesType
 };
-var _default = exports.default = Legend;
+var _default = Legend;
+exports.default = _default;

package/dist/components/UTPieChart/constants.js

@@ -4,16 +4,29 @@ 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;
-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;
+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;

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

@@ -5,35 +5,53 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _useMutableState = _interopRequireDefault(require("../use-mutable-state"));
+var _useMutableState5 = _interopRequireDefault(require("../use-mutable-state"));
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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)(() => {
+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 () {
     if (index.current === totalSteps) clearInterval(currentInterval);
   }, [animatedValue.current]);
-  const animate = (from, to, duration) => {
+  var animate = function animate(from, to, duration) {
     if (currentInterval) clearInterval(currentInterval);
     setAnimatedValue(from);
     setIndex(0);
-    const steps = Math.ceil(duration / (1000 / 60));
+    var steps = Math.ceil(duration / (1000 / 60));
     setTotalSteps(steps);
-    const interval = setInterval(() => {
+    var interval = setInterval(function () {
       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 = exports.default = useAnimatedValue;
+var _default = useAnimatedValue;
+exports.default = _default;