@baby-journey/rn-segmented-progress-bar 0.1.0

package/lib/commonjs/helpers/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPathValues = exports.getArcEndCoordinates = void 0;
+const getPathValues = (progress, max, baseParts) => {
+  if (!progress) {
+    return [...Array(baseParts)].map(() => 0);
+  }
+  const pathLengths = [];
+  if (progress > max) {
+    progress = max;
+  }
+  progress = 100 * progress / max;
+  let i = 0;
+  while (i < baseParts) {
+    const val = progress >= max / baseParts ? max / baseParts : progress;
+    pathLengths.push(Number.parseFloat(val.toFixed(4)));
+    progress = progress - val;
+    i++;
+  }
+  return pathLengths;
+};
+exports.getPathValues = getPathValues;
+const getArcEndCoordinates = function (radius, circleCircumference, cx, cy) {
+  let rotation = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  if (!circleCircumference || !radius || !cx || !cy) {
+    return {
+      x: 0,
+      y: 0
+    };
+  }
+  const θ = circleCircumference / radius + rotation * Math.PI / 180;
+  const x = Math.cos(θ) * radius + cx;
+  const y = Math.sin(θ) * radius + cy;
+  return {
+    x,
+    y
+  };
+};
+exports.getArcEndCoordinates = getArcEndCoordinates;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getPathValues","progress","max","baseParts","Array","map","pathLengths","i","val","push","Number","parseFloat","toFixed","getArcEndCoordinates","radius","circleCircumference","cx","cy","rotation","x","y","θ","Math","PI","cos","sin"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;AAAO,MAAMA,aAAa,GAAG,CAC3BC,QAA4B,EAC5BC,GAAW,EACXC,SAAiB,KACJ;EACb,IAAI,CAACF,QAAQ,EAAE;IACb,OAAO,CAAC,GAAGG,KAAK,CAACD,SAAS,CAAC,CAAC,CAACE,GAAG,CAAC,MAAM,CAAC,CAAC;EAC3C;EAEA,MAAMC,WAAW,GAAG,EAAE;EAEtB,IAAIL,QAAQ,GAAGC,GAAG,EAAE;IAClBD,QAAQ,GAAGC,GAAG;EAChB;EAEAD,QAAQ,GAAI,GAAG,GAAGA,QAAQ,GAAIC,GAAG;EAEjC,IAAIK,CAAC,GAAG,CAAC;EACT,OAAOA,CAAC,GAAGJ,SAAS,EAAE;IACpB,MAAMK,GAAW,GACfP,QAAQ,IAAIC,GAAG,GAAGC,SAAS,GAAGD,GAAG,GAAGC,SAAS,GAAGF,QAAQ;IAC1DK,WAAW,CAACG,IAAI,CAACC,MAAM,CAACC,UAAU,CAACH,GAAG,CAACI,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACnDX,QAAQ,GAAGA,QAAQ,GAAGO,GAAG;IACzBD,CAAC,EAAE;EACL;EAEA,OAAOD,WAAW;AACpB,CAAC;AAAC;AAEK,MAAMO,oBAAoB,GAAG,UAClCC,MAAc,EACdC,mBAA2B,EAC3BC,EAAU,EACVC,EAAU,EAEmB;EAAA,IAD7BC,QAAgB,uEAAG,CAAC;EAEpB,IAAI,CAACH,mBAAmB,IAAI,CAACD,MAAM,IAAI,CAACE,EAAE,IAAI,CAACC,EAAE,EAAE;IACjD,OAAO;MAAEE,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC;EACvB;EAEA,MAAMC,CAAC,GAAGN,mBAAmB,GAAGD,MAAM,GAAII,QAAQ,GAAGI,IAAI,CAACC,EAAE,GAAI,GAAG;EACnE,MAAMJ,CAAC,GAAGG,IAAI,CAACE,GAAG,CAACH,CAAC,CAAC,GAAGP,MAAM,GAAGE,EAAE;EACnC,MAAMI,CAAC,GAAGE,IAAI,CAACG,GAAG,CAACJ,CAAC,CAAC,GAAGP,MAAM,GAAGG,EAAE;EAEnC,OAAO;IAAEE,CAAC;IAAEC;EAAE,CAAC;AACjB,CAAC;AAAC"}

package/lib/commonjs/index.js

@@ -0,0 +1,219 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _helpers = require("./helpers");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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; }
+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); }
+const PercentageCircle = _reactNative.Animated.createAnimatedComponent(_reactNativeSvg.Circle);
+const Trimester = _reactNative.Animated.createAnimatedComponent(_reactNativeSvg.Circle);
+const Color = {
+  Peach: '#ffede1',
+  PinkLight: '#F39E93'
+};
+const Chart = (props, ref) => {
+  const {
+    radius = 100,
+    strokeWidth = 10,
+    baseColor = Color.Peach,
+    progressColor = Color.PinkLight,
+    duration = 1200,
+    max = 100,
+    baseParts = 3,
+    gap = 0,
+    indicator,
+    centerComponent,
+    focused
+  } = props;
+  const circleRef = (0, _react.useRef)([]);
+  const animatedValue = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const trimesterAnimatedValues = (0, _react.useRef)([...Array(baseParts)].map(() => new _reactNative.Animated.Value(0))).current;
+  const indicatorCircleRef = (0, _react.useRef)(null);
+  const tSpanRef = (0, _react.useRef)(null);
+  const indicatorGap = (indicator === null || indicator === void 0 ? void 0 : indicator.radius) ?? 0;
+  const halfCircle = radius + strokeWidth + indicatorGap;
+  const circleCircumference = 2 * Math.PI * radius;
+  const rotation = -90 + 180 * (gap / 2 / radius) / Math.PI;
+  const getTrimesterValues = (0, _react.useCallback)(progress => (0, _helpers.getPathValues)(progress, max, baseParts), [baseParts, max]);
+  const progressDelay = 10;
+  const animation = (0, _react.useCallback)((animatedVal, toValue, delay, durationValue) => {
+    return _reactNative.Animated.timing(animatedVal, {
+      toValue,
+      duration: durationValue,
+      delay,
+      useNativeDriver: true,
+      easing: _reactNative.Easing.linear
+    });
+  }, []);
+  (0, _react.useEffect)(() => {
+    () => {
+      animatedValue.removeAllListeners();
+      trimesterAnimatedValues.forEach(trimesterAnimatedValue => trimesterAnimatedValue.removeAllListeners());
+    };
+  }, [animatedValue, trimesterAnimatedValues]);
+  const getMeanGap = (0, _react.useCallback)(progress => {
+    const pathValues = getTrimesterValues(progress);
+    return (progress / pathValues.filter(val => val > 0).length || 1) * baseParts * gap / 100;
+  }, [getTrimesterValues, baseParts, gap]);
+  const runIndicator = (0, _react.useCallback)((calculatedStrokeDashoffset, val) => {
+    const {
+      x: cx,
+      y: cy
+    } = (0, _helpers.getArcEndCoordinates)(radius, calculatedStrokeDashoffset, halfCircle, halfCircle, rotation);
+    if (!calculatedStrokeDashoffset) {
+      return;
+    }
+    const calculatedProgress = `${Math.round(val)}%`;
+    if (indicatorCircleRef !== null && indicatorCircleRef !== void 0 && indicatorCircleRef.current && tSpanRef !== null && tSpanRef !== void 0 && tSpanRef.current) {
+      //@ts-ignore
+      indicatorCircleRef.current.setNativeProps({
+        r: (indicator === null || indicator === void 0 ? void 0 : indicator.radius) || 0,
+        strokeWidth: (indicator === null || indicator === void 0 ? void 0 : indicator.strokeWidth) || 0,
+        cx,
+        cy
+      });
+
+      //@ts-ignore
+      tSpanRef === null || tSpanRef === void 0 ? void 0 : tSpanRef.current.setNativeProps({
+        children: calculatedProgress,
+        dx: cx,
+        dy: cy + 5,
+        font: {
+          textAnchor: 'middle',
+          // fontFamily: Font.CircularMedium,
+          fontSize: 18
+        }
+      });
+    }
+  }, [radius, halfCircle, rotation, indicator === null || indicator === void 0 ? void 0 : indicator.radius, indicator === null || indicator === void 0 ? void 0 : indicator.strokeWidth]);
+  const run = (0, _react.useCallback)(_ref => {
+    let {
+      progress
+    } = _ref;
+    console.log('Hello');
+    const trimesterProgressValues = getTrimesterValues(progress);
+    trimesterAnimatedValues.forEach((trimesterAnimated, index) => {
+      trimesterAnimated.addListener(v => {
+        if (circleRef !== null && circleRef !== void 0 && circleRef.current[index]) {
+          var _circleRef$current$in;
+          var strokeDashoffset = circleCircumference;
+          var val = v.value <= (trimesterProgressValues[index] ?? 0) ? v.value : trimesterProgressValues[index] ?? 0;
+          strokeDashoffset = trimesterProgressValues[index] ? circleCircumference - circleCircumference * val / 100 : circleCircumference;
+          const paintedLength = circleCircumference - strokeDashoffset - baseParts * (trimesterProgressValues[index] ?? 0) * gap / 100;
+
+          //@ts-ignore
+          circleRef === null || circleRef === void 0 ? void 0 : (_circleRef$current$in = circleRef.current[index]) === null || _circleRef$current$in === void 0 ? void 0 : _circleRef$current$in.setNativeProps({
+            strokeDashoffset: circleCircumference - paintedLength > circleCircumference ? circleCircumference : circleCircumference - paintedLength
+          });
+        }
+      });
+    });
+    if (indicator !== null && indicator !== void 0 && indicator.show) {
+      animatedValue.addListener(v => {
+        var strokeDashoffset = circleCircumference;
+        var val = v.value <= progress ? v.value : progress;
+        strokeDashoffset = progress ? circleCircumference - circleCircumference * val / 100 : circleCircumference;
+        const paintedLength = circleCircumference - strokeDashoffset;
+        const meanGap = getMeanGap(progress);
+        const calculatedStrokeDashoffset = paintedLength - meanGap;
+        runIndicator(calculatedStrokeDashoffset, progress);
+      });
+    }
+
+    // Animate trimesters sequentially
+    const trimesterAnimations = _reactNative.Animated.sequence(trimesterAnimatedValues.map((tav, index) => animation(tav,
+    // Animated value
+    trimesterProgressValues[index] ?? 0,
+    // To value
+    index === 0 ? progressDelay : 0,
+    // Delay
+    duration * (trimesterProgressValues[index] ?? 0) / max // Duration
+    )));
+
+    if (indicator !== null && indicator !== void 0 && indicator.show) {
+      // Animate percentage circle
+      const percentageAnim = animation(animatedValue,
+      // Animated value
+      progress,
+      // To value
+      progressDelay,
+      // Delay
+      duration * progress / max // Duration
+      );
+      // trimester Animations run parallelly with percentage circle
+      _reactNative.Animated.parallel([trimesterAnimations, percentageAnim]).start();
+    } else {
+      trimesterAnimations.start();
+    }
+  }, [animatedValue, animation, baseParts, circleCircumference, duration, gap, getMeanGap, indicator === null || indicator === void 0 ? void 0 : indicator.show, max, getTrimesterValues, runIndicator, trimesterAnimatedValues]);
+  const getTrimester = (0, _react.useMemo)(() => {
+    const trimesterConfig = {
+      stroke: progressColor,
+      cx: halfCircle,
+      cy: halfCircle,
+      r: radius,
+      origin: `${halfCircle}, ${halfCircle}`,
+      strokeWidth: strokeWidth,
+      strokeDasharray: circleCircumference,
+      strokeDashoffset: circleCircumference
+    };
+    return trimesterAnimatedValues.map((_, key) => /*#__PURE__*/_react.default.createElement(Trimester, _extends({
+      key: key
+      //@ts-ignore
+      ,
+      ref: el => circleRef.current[key] = el
+    }, trimesterConfig, {
+      rotation: rotation + key * 360 / baseParts,
+      strokeLinecap: "round"
+    })));
+  }, [baseParts, circleCircumference, halfCircle, progressColor, radius, rotation, strokeWidth, trimesterAnimatedValues]);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    run
+  }));
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, {
+    viewBox: `0 0 ${halfCircle * 2} ${halfCircle * 2}`,
+    width: '100%',
+    fill: "none",
+    height: radius * 2
+  }, centerComponent && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.centerComponent
+  }, centerComponent), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.G, null, [...Array(baseParts)].map((_, key) => {
+    return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Circle, {
+      key: key,
+      cx: halfCircle,
+      cy: halfCircle,
+      r: radius,
+      stroke: baseColor,
+      rotation: rotation + key * 360 / baseParts,
+      origin: `${halfCircle}, ${halfCircle}`,
+      strokeWidth: strokeWidth,
+      strokeDasharray: circleCircumference,
+      strokeDashoffset: circleCircumference - circleCircumference / baseParts + gap,
+      strokeLinecap: "round"
+    });
+  }), getTrimester, (indicator === null || indicator === void 0 ? void 0 : indicator.show) === true && focused && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(PercentageCircle, {
+    stroke: progressColor,
+    ref: indicatorCircleRef,
+    fill: "white"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.TSpan, {
+    stroke: progressColor,
+    fill: progressColor,
+    ref: tSpanRef
+  }))));
+};
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Chart));
+exports.default = _default;
+const styles = _reactNative.StyleSheet.create({
+  centerComponent: {
+    height: '100%',
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PercentageCircle","Animated","createAnimatedComponent","Circle","Trimester","Color","Peach","PinkLight","Chart","props","ref","radius","strokeWidth","baseColor","progressColor","duration","max","baseParts","gap","indicator","centerComponent","focused","circleRef","useRef","animatedValue","Value","current","trimesterAnimatedValues","Array","map","indicatorCircleRef","tSpanRef","indicatorGap","halfCircle","circleCircumference","Math","PI","rotation","getTrimesterValues","useCallback","progress","getPathValues","progressDelay","animation","animatedVal","toValue","delay","durationValue","timing","useNativeDriver","easing","Easing","linear","useEffect","removeAllListeners","forEach","trimesterAnimatedValue","getMeanGap","pathValues","filter","val","length","runIndicator","calculatedStrokeDashoffset","x","cx","y","cy","getArcEndCoordinates","calculatedProgress","round","setNativeProps","r","children","dx","dy","font","textAnchor","fontSize","run","console","log","trimesterProgressValues","trimesterAnimated","index","addListener","v","strokeDashoffset","value","paintedLength","show","meanGap","trimesterAnimations","sequence","tav","percentageAnim","parallel","start","getTrimester","useMemo","trimesterConfig","stroke","origin","strokeDasharray","_","key","el","useImperativeHandle","styles","memo","forwardRef","StyleSheet","create","height","justifyContent","alignItems"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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"}

package/lib/module/helpers/index.js

@@ -0,0 +1,35 @@
+export const getPathValues = (progress, max, baseParts) => {
+  if (!progress) {
+    return [...Array(baseParts)].map(() => 0);
+  }
+  const pathLengths = [];
+  if (progress > max) {
+    progress = max;
+  }
+  progress = 100 * progress / max;
+  let i = 0;
+  while (i < baseParts) {
+    const val = progress >= max / baseParts ? max / baseParts : progress;
+    pathLengths.push(Number.parseFloat(val.toFixed(4)));
+    progress = progress - val;
+    i++;
+  }
+  return pathLengths;
+};
+export const getArcEndCoordinates = function (radius, circleCircumference, cx, cy) {
+  let rotation = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  if (!circleCircumference || !radius || !cx || !cy) {
+    return {
+      x: 0,
+      y: 0
+    };
+  }
+  const θ = circleCircumference / radius + rotation * Math.PI / 180;
+  const x = Math.cos(θ) * radius + cx;
+  const y = Math.sin(θ) * radius + cy;
+  return {
+    x,
+    y
+  };
+};
+//# sourceMappingURL=index.js.map

package/lib/module/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getPathValues","progress","max","baseParts","Array","map","pathLengths","i","val","push","Number","parseFloat","toFixed","getArcEndCoordinates","radius","circleCircumference","cx","cy","rotation","x","y","θ","Math","PI","cos","sin"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,OAAO,MAAMA,aAAa,GAAG,CAC3BC,QAA4B,EAC5BC,GAAW,EACXC,SAAiB,KACJ;EACb,IAAI,CAACF,QAAQ,EAAE;IACb,OAAO,CAAC,GAAGG,KAAK,CAACD,SAAS,CAAC,CAAC,CAACE,GAAG,CAAC,MAAM,CAAC,CAAC;EAC3C;EAEA,MAAMC,WAAW,GAAG,EAAE;EAEtB,IAAIL,QAAQ,GAAGC,GAAG,EAAE;IAClBD,QAAQ,GAAGC,GAAG;EAChB;EAEAD,QAAQ,GAAI,GAAG,GAAGA,QAAQ,GAAIC,GAAG;EAEjC,IAAIK,CAAC,GAAG,CAAC;EACT,OAAOA,CAAC,GAAGJ,SAAS,EAAE;IACpB,MAAMK,GAAW,GACfP,QAAQ,IAAIC,GAAG,GAAGC,SAAS,GAAGD,GAAG,GAAGC,SAAS,GAAGF,QAAQ;IAC1DK,WAAW,CAACG,IAAI,CAACC,MAAM,CAACC,UAAU,CAACH,GAAG,CAACI,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACnDX,QAAQ,GAAGA,QAAQ,GAAGO,GAAG;IACzBD,CAAC,EAAE;EACL;EAEA,OAAOD,WAAW;AACpB,CAAC;AAED,OAAO,MAAMO,oBAAoB,GAAG,UAClCC,MAAc,EACdC,mBAA2B,EAC3BC,EAAU,EACVC,EAAU,EAEmB;EAAA,IAD7BC,QAAgB,uEAAG,CAAC;EAEpB,IAAI,CAACH,mBAAmB,IAAI,CAACD,MAAM,IAAI,CAACE,EAAE,IAAI,CAACC,EAAE,EAAE;IACjD,OAAO;MAAEE,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC;EACvB;EAEA,MAAMC,CAAC,GAAGN,mBAAmB,GAAGD,MAAM,GAAII,QAAQ,GAAGI,IAAI,CAACC,EAAE,GAAI,GAAG;EACnE,MAAMJ,CAAC,GAAGG,IAAI,CAACE,GAAG,CAACH,CAAC,CAAC,GAAGP,MAAM,GAAGE,EAAE;EACnC,MAAMI,CAAC,GAAGE,IAAI,CAACG,GAAG,CAACJ,CAAC,CAAC,GAAGP,MAAM,GAAGG,EAAE;EAEnC,OAAO;IAAEE,CAAC;IAAEC;EAAE,CAAC;AACjB,CAAC"}

package/lib/module/index.js

@@ -0,0 +1,210 @@
+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); }
+import React, { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import { Animated, Easing, StyleSheet, View } from 'react-native';
+import Svg, { Circle, G, TSpan } from 'react-native-svg';
+import { getArcEndCoordinates, getPathValues } from './helpers';
+const PercentageCircle = Animated.createAnimatedComponent(Circle);
+const Trimester = Animated.createAnimatedComponent(Circle);
+const Color = {
+  Peach: '#ffede1',
+  PinkLight: '#F39E93'
+};
+const Chart = (props, ref) => {
+  const {
+    radius = 100,
+    strokeWidth = 10,
+    baseColor = Color.Peach,
+    progressColor = Color.PinkLight,
+    duration = 1200,
+    max = 100,
+    baseParts = 3,
+    gap = 0,
+    indicator,
+    centerComponent,
+    focused
+  } = props;
+  const circleRef = useRef([]);
+  const animatedValue = useRef(new Animated.Value(0)).current;
+  const trimesterAnimatedValues = useRef([...Array(baseParts)].map(() => new Animated.Value(0))).current;
+  const indicatorCircleRef = useRef(null);
+  const tSpanRef = useRef(null);
+  const indicatorGap = (indicator === null || indicator === void 0 ? void 0 : indicator.radius) ?? 0;
+  const halfCircle = radius + strokeWidth + indicatorGap;
+  const circleCircumference = 2 * Math.PI * radius;
+  const rotation = -90 + 180 * (gap / 2 / radius) / Math.PI;
+  const getTrimesterValues = useCallback(progress => getPathValues(progress, max, baseParts), [baseParts, max]);
+  const progressDelay = 10;
+  const animation = useCallback((animatedVal, toValue, delay, durationValue) => {
+    return Animated.timing(animatedVal, {
+      toValue,
+      duration: durationValue,
+      delay,
+      useNativeDriver: true,
+      easing: Easing.linear
+    });
+  }, []);
+  useEffect(() => {
+    () => {
+      animatedValue.removeAllListeners();
+      trimesterAnimatedValues.forEach(trimesterAnimatedValue => trimesterAnimatedValue.removeAllListeners());
+    };
+  }, [animatedValue, trimesterAnimatedValues]);
+  const getMeanGap = useCallback(progress => {
+    const pathValues = getTrimesterValues(progress);
+    return (progress / pathValues.filter(val => val > 0).length || 1) * baseParts * gap / 100;
+  }, [getTrimesterValues, baseParts, gap]);
+  const runIndicator = useCallback((calculatedStrokeDashoffset, val) => {
+    const {
+      x: cx,
+      y: cy
+    } = getArcEndCoordinates(radius, calculatedStrokeDashoffset, halfCircle, halfCircle, rotation);
+    if (!calculatedStrokeDashoffset) {
+      return;
+    }
+    const calculatedProgress = `${Math.round(val)}%`;
+    if (indicatorCircleRef !== null && indicatorCircleRef !== void 0 && indicatorCircleRef.current && tSpanRef !== null && tSpanRef !== void 0 && tSpanRef.current) {
+      //@ts-ignore
+      indicatorCircleRef.current.setNativeProps({
+        r: (indicator === null || indicator === void 0 ? void 0 : indicator.radius) || 0,
+        strokeWidth: (indicator === null || indicator === void 0 ? void 0 : indicator.strokeWidth) || 0,
+        cx,
+        cy
+      });
+
+      //@ts-ignore
+      tSpanRef === null || tSpanRef === void 0 ? void 0 : tSpanRef.current.setNativeProps({
+        children: calculatedProgress,
+        dx: cx,
+        dy: cy + 5,
+        font: {
+          textAnchor: 'middle',
+          // fontFamily: Font.CircularMedium,
+          fontSize: 18
+        }
+      });
+    }
+  }, [radius, halfCircle, rotation, indicator === null || indicator === void 0 ? void 0 : indicator.radius, indicator === null || indicator === void 0 ? void 0 : indicator.strokeWidth]);
+  const run = useCallback(_ref => {
+    let {
+      progress
+    } = _ref;
+    console.log('Hello');
+    const trimesterProgressValues = getTrimesterValues(progress);
+    trimesterAnimatedValues.forEach((trimesterAnimated, index) => {
+      trimesterAnimated.addListener(v => {
+        if (circleRef !== null && circleRef !== void 0 && circleRef.current[index]) {
+          var _circleRef$current$in;
+          var strokeDashoffset = circleCircumference;
+          var val = v.value <= (trimesterProgressValues[index] ?? 0) ? v.value : trimesterProgressValues[index] ?? 0;
+          strokeDashoffset = trimesterProgressValues[index] ? circleCircumference - circleCircumference * val / 100 : circleCircumference;
+          const paintedLength = circleCircumference - strokeDashoffset - baseParts * (trimesterProgressValues[index] ?? 0) * gap / 100;
+
+          //@ts-ignore
+          circleRef === null || circleRef === void 0 ? void 0 : (_circleRef$current$in = circleRef.current[index]) === null || _circleRef$current$in === void 0 ? void 0 : _circleRef$current$in.setNativeProps({
+            strokeDashoffset: circleCircumference - paintedLength > circleCircumference ? circleCircumference : circleCircumference - paintedLength
+          });
+        }
+      });
+    });
+    if (indicator !== null && indicator !== void 0 && indicator.show) {
+      animatedValue.addListener(v => {
+        var strokeDashoffset = circleCircumference;
+        var val = v.value <= progress ? v.value : progress;
+        strokeDashoffset = progress ? circleCircumference - circleCircumference * val / 100 : circleCircumference;
+        const paintedLength = circleCircumference - strokeDashoffset;
+        const meanGap = getMeanGap(progress);
+        const calculatedStrokeDashoffset = paintedLength - meanGap;
+        runIndicator(calculatedStrokeDashoffset, progress);
+      });
+    }
+
+    // Animate trimesters sequentially
+    const trimesterAnimations = Animated.sequence(trimesterAnimatedValues.map((tav, index) => animation(tav,
+    // Animated value
+    trimesterProgressValues[index] ?? 0,
+    // To value
+    index === 0 ? progressDelay : 0,
+    // Delay
+    duration * (trimesterProgressValues[index] ?? 0) / max // Duration
+    )));
+
+    if (indicator !== null && indicator !== void 0 && indicator.show) {
+      // Animate percentage circle
+      const percentageAnim = animation(animatedValue,
+      // Animated value
+      progress,
+      // To value
+      progressDelay,
+      // Delay
+      duration * progress / max // Duration
+      );
+      // trimester Animations run parallelly with percentage circle
+      Animated.parallel([trimesterAnimations, percentageAnim]).start();
+    } else {
+      trimesterAnimations.start();
+    }
+  }, [animatedValue, animation, baseParts, circleCircumference, duration, gap, getMeanGap, indicator === null || indicator === void 0 ? void 0 : indicator.show, max, getTrimesterValues, runIndicator, trimesterAnimatedValues]);
+  const getTrimester = useMemo(() => {
+    const trimesterConfig = {
+      stroke: progressColor,
+      cx: halfCircle,
+      cy: halfCircle,
+      r: radius,
+      origin: `${halfCircle}, ${halfCircle}`,
+      strokeWidth: strokeWidth,
+      strokeDasharray: circleCircumference,
+      strokeDashoffset: circleCircumference
+    };
+    return trimesterAnimatedValues.map((_, key) => /*#__PURE__*/React.createElement(Trimester, _extends({
+      key: key
+      //@ts-ignore
+      ,
+      ref: el => circleRef.current[key] = el
+    }, trimesterConfig, {
+      rotation: rotation + key * 360 / baseParts,
+      strokeLinecap: "round"
+    })));
+  }, [baseParts, circleCircumference, halfCircle, progressColor, radius, rotation, strokeWidth, trimesterAnimatedValues]);
+  useImperativeHandle(ref, () => ({
+    run
+  }));
+  return /*#__PURE__*/React.createElement(Svg, {
+    viewBox: `0 0 ${halfCircle * 2} ${halfCircle * 2}`,
+    width: '100%',
+    fill: "none",
+    height: radius * 2
+  }, centerComponent && /*#__PURE__*/React.createElement(View, {
+    style: styles.centerComponent
+  }, centerComponent), /*#__PURE__*/React.createElement(G, null, [...Array(baseParts)].map((_, key) => {
+    return /*#__PURE__*/React.createElement(Circle, {
+      key: key,
+      cx: halfCircle,
+      cy: halfCircle,
+      r: radius,
+      stroke: baseColor,
+      rotation: rotation + key * 360 / baseParts,
+      origin: `${halfCircle}, ${halfCircle}`,
+      strokeWidth: strokeWidth,
+      strokeDasharray: circleCircumference,
+      strokeDashoffset: circleCircumference - circleCircumference / baseParts + gap,
+      strokeLinecap: "round"
+    });
+  }), getTrimester, (indicator === null || indicator === void 0 ? void 0 : indicator.show) === true && focused && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PercentageCircle, {
+    stroke: progressColor,
+    ref: indicatorCircleRef,
+    fill: "white"
+  }), /*#__PURE__*/React.createElement(TSpan, {
+    stroke: progressColor,
+    fill: progressColor,
+    ref: tSpanRef
+  }))));
+};
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Chart));
+const styles = StyleSheet.create({
+  centerComponent: {
+    height: '100%',
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","memo","useCallback","useEffect","useImperativeHandle","useMemo","useRef","Animated","Easing","StyleSheet","View","Svg","Circle","G","TSpan","getArcEndCoordinates","getPathValues","PercentageCircle","createAnimatedComponent","Trimester","Color","Peach","PinkLight","Chart","props","ref","radius","strokeWidth","baseColor","progressColor","duration","max","baseParts","gap","indicator","centerComponent","focused","circleRef","animatedValue","Value","current","trimesterAnimatedValues","Array","map","indicatorCircleRef","tSpanRef","indicatorGap","halfCircle","circleCircumference","Math","PI","rotation","getTrimesterValues","progress","progressDelay","animation","animatedVal","toValue","delay","durationValue","timing","useNativeDriver","easing","linear","removeAllListeners","forEach","trimesterAnimatedValue","getMeanGap","pathValues","filter","val","length","runIndicator","calculatedStrokeDashoffset","x","cx","y","cy","calculatedProgress","round","setNativeProps","r","children","dx","dy","font","textAnchor","fontSize","run","console","log","trimesterProgressValues","trimesterAnimated","index","addListener","v","strokeDashoffset","value","paintedLength","show","meanGap","trimesterAnimations","sequence","tav","percentageAnim","parallel","start","getTrimester","trimesterConfig","stroke","origin","strokeDasharray","_","key","el","styles","create","height","justifyContent","alignItems"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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"}

package/lib/typescript/helpers/index.d.ts

@@ -0,0 +1,6 @@
+export declare const getPathValues: (progress: number | undefined, max: number, baseParts: number) => number[];
+export declare const getArcEndCoordinates: (radius: number, circleCircumference: number, cx: number, cy: number, rotation?: number) => {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,aACd,MAAM,GAAG,SAAS,OACvB,MAAM,aACA,MAAM,KAChB,MAAM,EAuBR,CAAC;AAEF,eAAO,MAAM,oBAAoB,WACvB,MAAM,uBACO,MAAM,MACvB,MAAM,MACN,MAAM,aACA,MAAM;OACV,MAAM;OAAK,MAAM;CAUxB,CAAC"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from 'react';
+interface IndicatorInterface {
+    show?: boolean;
+    radius?: number;
+    strokeWidth?: number;
+    color?: string;
+}
+interface ChartInterface {
+    radius?: number;
+    strokeWidth?: number;
+    baseColor?: string;
+    progressColor?: string;
+    max?: number;
+    baseParts?: number;
+    gap?: number;
+    centerComponent?: ReactNode;
+    indicator?: IndicatorInterface;
+    focused?: boolean;
+    duration?: number;
+}
+export type RunAnimationHandler = {
+    run: ({ progress }: {
+        progress: number;
+    }) => void;
+};
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ChartInterface & React.RefAttributes<RunAnimationHandler>>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAKf,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,cAAc;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACnD,CAAC;;AAgTF,wBAAuC"}