@baby-journey/rn-segmented-progress-bar 0.1.5 → 0.4.0

package/lib/module/index.js

@@ -1,12 +1,50 @@
-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';
+"use strict";
+
+import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { Animated, Easing, StyleSheet, View } from 'react-native';
 import Svg, { Circle, G, TSpan } from 'react-native-svg';
 import { getArcEndCoordinates, getPathValues } from './helpers';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const IndicatorCircle = Animated.createAnimatedComponent(Circle);
 const ProgressCircle = Animated.createAnimatedComponent(Circle);
 const max = 100;
 const duration = 1200;
+const progressDelay = 500;
+const INDICATOR_FONT = {
+  textAnchor: 'middle',
+  fontSize: 18
+};
+
+/**
+ * Computes the declarative strokeDashoffset for a segment.
+ * Returns an Animated.AnimatedInterpolation when the segment has progress,
+ * or a static number when it doesn't.
+ */
+const computeStrokeDashoffset = (animatedVal, target, circumference, numSegments, gap) => {
+  if (target <= 0) return circumference;
+  const gapAdjust = numSegments * target * gap / 100;
+  const targetOffset = circumference * (1 - target / 100) + gapAdjust;
+  const thresholdV = gapAdjust > 0 ? gapAdjust * 100 / circumference : 0;
+
+  // Gap consumes all progress — segment stays hidden
+  if (thresholdV >= target) return circumference;
+
+  // With gap: dead zone at start where offset stays at circumference
+  if (thresholdV > 0) {
+    return animatedVal.interpolate({
+      inputRange: [0, thresholdV, target],
+      outputRange: [circumference, circumference, targetOffset],
+      extrapolate: 'clamp'
+    });
+  }
+
+  // No gap: simple linear interpolation
+  return animatedVal.interpolate({
+    inputRange: [0, target],
+    outputRange: [circumference, targetOffset],
+    extrapolate: 'clamp'
+  });
+};
 const RNSegmentedProgressBar = (props, ref) => {
   const {
     radius,
@@ -18,181 +56,203 @@ const RNSegmentedProgressBar = (props, ref) => {
     indicator,
     centerComponent
   } = props;
-  const circleRef = useRef([]);
   const animatedValue = useRef(new Animated.Value(0)).current;
-  const progressAnimatedValues = useRef([...Array(segments)].map(() => new Animated.Value(0))).current;
+  const progressAnimatedValues = useRef(new Array(segments).fill(null).map(() => new Animated.Value(0))).current;
   const indicatorCircleRef = useRef(null);
   const tSpanRef = useRef(null);
-  const indicatorSegmentsGap = (indicator === null || indicator === void 0 ? void 0 : indicator.radius) ?? 0;
+
+  // Per-segment target values — drives both render-time interpolation and animation
+  const [segmentTargets, setSegmentTargets] = useState(() => new Array(segments).fill(0));
+  // Overall progress stored in ref (only needed inside animation, not for render)
+  const activeProgressRef = useRef(0);
+  // Pending animation config — bridges run() and the post-render effect
+  const pendingAnimationRef = useRef(null);
+  const indicatorSegmentsGap = indicator?.radius ?? 0;
   const halfCircle = radius + strokeWidth + indicatorSegmentsGap;
   const circleCircumference = 2 * Math.PI * radius;
   const rotation = -90 + 180 * (segmentsGap / 2 / radius) / Math.PI;
   const getProgressValues = useCallback(progress => getPathValues(progress, max, segments), [segments]);
-  const progressDelay = 10;
-  const animation = useCallback((animatedVal, toValue, delay, durationValue) => {
-    return Animated.timing(animatedVal, {
-      toValue,
-      duration: durationValue,
-      delay,
-      useNativeDriver: true,
-      easing: Easing.linear
-    });
-  }, []);
+  const getMeanSegmentsGap = useCallback(progress => {
+    const pathValues = getProgressValues(progress);
+    const activeSegments = pathValues.filter(val => val > 0).length;
+    return progress / (activeSegments || 1) * segments * segmentsGap / 100;
+  }, [getProgressValues, segments, segmentsGap]);
+
+  // Clean up on unmount
   useEffect(() => {
-    () => {
+    return () => {
+      animatedValue.stopAnimation();
       animatedValue.removeAllListeners();
-      progressAnimatedValues.forEach(progressAnimatedValue => progressAnimatedValue.removeAllListeners());
+      progressAnimatedValues.forEach(v => {
+        v.stopAnimation();
+        v.removeAllListeners();
+      });
     };
   }, [animatedValue, progressAnimatedValues]);
-  const getMeanSegmentsGap = useCallback(progress => {
-    const pathValues = getProgressValues(progress);
-    return (progress / pathValues.filter(val => val > 0).length || 1) * segments * segmentsGap / 100;
-  }, [getProgressValues, segments, segmentsGap]);
-  const runIndicator = useCallback((calculatedStrokeDashoffset, val) => {
+
+  // Start animations AFTER React has re-rendered with updated segmentTargets.
+  // This guarantees progressTrack useMemo has correct interpolations before
+  // any animated values start ticking.
+  useEffect(() => {
+    const pending = pendingAnimationRef.current;
+    if (!pending) return;
+    pendingAnimationRef.current = null;
     const {
-      x: cx,
-      y: cy
-    } = getArcEndCoordinates(radius, calculatedStrokeDashoffset, halfCircle, halfCircle, rotation);
-    if (!calculatedStrokeDashoffset) {
-      return;
+      progress,
+      targets
+    } = pending;
+    const progressAnimations = Animated.sequence(progressAnimatedValues.map((animVal, index) => Animated.timing(animVal, {
+      toValue: targets[index] ?? 0,
+      duration: duration * (targets[index] ?? 0) / max,
+      delay: index === 0 ? progressDelay : 0,
+      useNativeDriver: false,
+      easing: Easing.linear
+    })));
+    if (indicator?.show) {
+      const percentageAnim = Animated.timing(animatedValue, {
+        toValue: progress,
+        duration: duration * progress / max,
+        delay: progressDelay,
+        useNativeDriver: false,
+        easing: Easing.linear
+      });
+      Animated.parallel([progressAnimations, percentageAnim]).start();
+    } else {
+      progressAnimations.start();
     }
-    const calculatedProgress = `${Math.round(val)}%`;
-    if (indicatorCircleRef !== null && indicatorCircleRef !== void 0 && indicatorCircleRef.current && tSpanRef !== null && tSpanRef !== void 0 && tSpanRef.current) {
-      //@ts-ignore
+  }, [segmentTargets, animatedValue, indicator?.show, progressAnimatedValues]);
+  const run = useCallback(({
+    progress
+  }) => {
+    // Stop ongoing animations and clear all listeners
+    animatedValue.stopAnimation();
+    animatedValue.removeAllListeners();
+    animatedValue.setValue(0);
+    progressAnimatedValues.forEach(v => {
+      v.stopAnimation();
+      v.removeAllListeners();
+      v.setValue(0);
+    });
+    const targets = getProgressValues(progress);
+    activeProgressRef.current = progress;
+
+    // Set up indicator static properties once (not per-frame)
+    if (indicator?.show && indicatorCircleRef.current && tSpanRef.current) {
+      const calculatedProgress = `${Math.round(progress)}%`;
+      // @ts-ignore – setNativeProps exists on native ref
       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
+        r: indicator.radius || 0,
+        strokeWidth: indicator.strokeWidth || 0
       });
-
-      //@ts-ignore
-      tSpanRef === null || tSpanRef === void 0 ? void 0 : tSpanRef.current.setNativeProps({
+      // @ts-ignore – setNativeProps exists on native ref
+      tSpanRef.current.setNativeProps({
         children: calculatedProgress,
-        dx: cx,
-        dy: cy + 5,
-        font: {
-          textAnchor: 'middle',
-          fontSize: 18
-        }
+        font: INDICATOR_FONT
       });
     }
-  }, [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;
-    const circleProgressValues = getProgressValues(progress);
-    progressAnimatedValues.forEach((progressAnimated, index) => {
-      progressAnimated.addListener(v => {
-        if (circleRef !== null && circleRef !== void 0 && circleRef.current[index]) {
-          var _circleRef$current$in;
-          var strokeDashoffset = circleCircumference;
-          var val = v.value <= (circleProgressValues[index] ?? 0) ? v.value : circleProgressValues[index] ?? 0;
-          strokeDashoffset = circleProgressValues[index] ? circleCircumference - circleCircumference * val / 100 : circleCircumference;
-          const paintedLength = circleCircumference - strokeDashoffset - segments * (circleProgressValues[index] ?? 0) * segmentsGap / 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
+    // Set up indicator position listener (trig-based, can't use interpolate)
+    if (indicator?.show) {
+      const meanGap = getMeanSegmentsGap(progress);
+      animatedValue.addListener(v => {
+        const val = Math.min(v.value, progress);
+        const paintedLength = circleCircumference * val / 100;
+        const adjustedLength = paintedLength - meanGap;
+        if (adjustedLength <= 0) return;
+        const {
+          x: cx,
+          y: cy
+        } = getArcEndCoordinates(radius, adjustedLength, halfCircle, halfCircle, rotation);
+        if (indicatorCircleRef.current) {
+          // @ts-ignore – setNativeProps exists on native ref
+          indicatorCircleRef.current.setNativeProps({
+            cx,
+            cy
+          });
+        }
+        if (tSpanRef.current) {
+          // @ts-ignore – setNativeProps exists on native ref
+          tSpanRef.current.setNativeProps({
+            dx: cx,
+            dy: cy + 5
           });
         }
-      });
-    });
-    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 meanSegmentsGap = getMeanSegmentsGap(progress);
-        const calculatedStrokeDashoffset = paintedLength - meanSegmentsGap;
-        runIndicator(calculatedStrokeDashoffset, progress);
       });
     }
 
-    // Animate circles sequentially
-    const progressAnimations = Animated.sequence(progressAnimatedValues.map((tav, index) => animation(tav,
-    // Animated value
-    circleProgressValues[index] ?? 0,
-    // To value
-    index === 0 ? progressDelay : 0,
-    // Delay
-    duration * (circleProgressValues[index] ?? 0) / max // Duration
-    )));
-
-    if (indicator !== null && indicator !== void 0 && indicator.show) {
-      // Animate percentage circle
-      const percentageAnim = animation(animatedValue,
-      // Animated value
+    // Store pending config and trigger re-render with new targets.
+    // Animations start in a useEffect AFTER React has re-rendered,
+    // ensuring interpolations in progressTrack are set up correctly.
+    pendingAnimationRef.current = {
       progress,
-      // To value
-      progressDelay,
-      // Delay
-      duration * progress / max // Duration
-      );
-      // Progress Animations run parallelly with percentage circle
-      Animated.parallel([progressAnimations, percentageAnim]).start();
-    } else {
-      progressAnimations.start();
-    }
-  }, [animatedValue, animation, segments, circleCircumference, segmentsGap, getMeanSegmentsGap, indicator === null || indicator === void 0 ? void 0 : indicator.show, getProgressValues, runIndicator, progressAnimatedValues]);
-  const getProgress = useMemo(() => {
-    const progressConfig = {
-      stroke: progressColor,
+      targets
+    };
+    setSegmentTargets(targets);
+  }, [animatedValue, circleCircumference, getMeanSegmentsGap, getProgressValues, halfCircle, indicator?.show, indicator?.radius, indicator?.strokeWidth, progressAnimatedValues, radius, rotation]);
+
+  // Memoize base track circles (static, never animate)
+  const baseTrack = useMemo(() => {
+    const baseStrokeDashoffset = circleCircumference - circleCircumference / segments + segmentsGap;
+    return new Array(segments).fill(null).map((_, key) => /*#__PURE__*/_jsx(Circle, {
       cx: halfCircle,
       cy: halfCircle,
       r: radius,
+      stroke: baseColor,
+      rotation: rotation + key * 360 / segments,
       origin: `${halfCircle}, ${halfCircle}`,
       strokeWidth: strokeWidth,
       strokeDasharray: circleCircumference,
-      strokeDashoffset: circleCircumference
-    };
-    return progressAnimatedValues.map((_, key) => /*#__PURE__*/React.createElement(ProgressCircle, _extends({
-      key: key
-      //@ts-ignore
-      ,
-      ref: el => circleRef.current[key] = el
-    }, progressConfig, {
-      rotation: rotation + key * 360 / segments,
+      strokeDashoffset: baseStrokeDashoffset,
       strokeLinecap: "round"
-    })));
-  }, [segments, circleCircumference, halfCircle, progressColor, radius, rotation, strokeWidth, progressAnimatedValues]);
+    }, key));
+  }, [baseColor, circleCircumference, halfCircle, radius, rotation, segments, segmentsGap, strokeWidth]);
+
+  // Memoize progress overlay circles with declarative interpolated strokeDashoffset
+  const progressTrack = useMemo(() => {
+    return progressAnimatedValues.map((animVal, key) => {
+      const target = segmentTargets[key] ?? 0;
+      const strokeDashoffset = computeStrokeDashoffset(animVal, target, circleCircumference, segments, segmentsGap);
+      return /*#__PURE__*/_jsx(ProgressCircle, {
+        stroke: progressColor,
+        cx: halfCircle,
+        cy: halfCircle,
+        r: radius,
+        origin: `${halfCircle}, ${halfCircle}`,
+        strokeWidth: strokeWidth,
+        strokeDasharray: circleCircumference,
+        strokeDashoffset: strokeDashoffset,
+        rotation: rotation + key * 360 / segments,
+        strokeLinecap: "round"
+      }, key);
+    });
+  }, [circleCircumference, halfCircle, progressAnimatedValues, progressColor, radius, rotation, segmentTargets, segments, segmentsGap, strokeWidth]);
   useImperativeHandle(ref, () => ({
     run
-  }));
-  return /*#__PURE__*/React.createElement(Svg, {
+  }), [run]);
+  return /*#__PURE__*/_jsxs(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(segments)].map((_, key) => {
-    return /*#__PURE__*/React.createElement(Circle, {
-      key: key,
-      cx: halfCircle,
-      cy: halfCircle,
-      r: radius,
-      stroke: baseColor,
-      rotation: rotation + key * 360 / segments,
-      origin: `${halfCircle}, ${halfCircle}`,
-      strokeWidth: strokeWidth,
-      strokeDasharray: circleCircumference,
-      strokeDashoffset: circleCircumference - circleCircumference / segments + segmentsGap,
-      strokeLinecap: "round"
-    });
-  }), getProgress, (indicator === null || indicator === void 0 ? void 0 : indicator.show) === true && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IndicatorCircle, {
-    stroke: progressColor,
-    ref: indicatorCircleRef,
-    fill: "white"
-  }), /*#__PURE__*/React.createElement(TSpan, {
-    stroke: progressColor,
-    fill: progressColor,
-    ref: tSpanRef
-  }))));
+    height: radius * 2,
+    children: [centerComponent && /*#__PURE__*/_jsx(View, {
+      style: styles.centerComponent,
+      children: centerComponent
+    }), /*#__PURE__*/_jsxs(G, {
+      children: [baseTrack, progressTrack, indicator?.show === true && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(IndicatorCircle, {
+          stroke: progressColor,
+          ref: indicatorCircleRef,
+          fill: "white"
+        }), /*#__PURE__*/_jsx(TSpan, {
+          stroke: progressColor,
+          fill: progressColor,
+          ref: tSpanRef
+        })]
+      })]
+    })]
+  });
 };
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(RNSegmentedProgressBar));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(RNSegmentedProgressBar));
 const styles = StyleSheet.create({
   centerComponent: {
     height: '100%',

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","memo","useCallback","useEffect","useImperativeHandle","useMemo","useRef","Animated","Easing","StyleSheet","View","Svg","Circle","G","TSpan","getArcEndCoordinates","getPathValues","IndicatorCircle","createAnimatedComponent","ProgressCircle","max","duration","RNSegmentedProgressBar","props","ref","radius","strokeWidth","baseColor","progressColor","segments","segmentsGap","indicator","centerComponent","circleRef","animatedValue","Value","current","progressAnimatedValues","Array","map","indicatorCircleRef","tSpanRef","indicatorSegmentsGap","halfCircle","circleCircumference","Math","PI","rotation","getProgressValues","progress","progressDelay","animation","animatedVal","toValue","delay","durationValue","timing","useNativeDriver","easing","linear","removeAllListeners","forEach","progressAnimatedValue","getMeanSegmentsGap","pathValues","filter","val","length","runIndicator","calculatedStrokeDashoffset","x","cx","y","cy","calculatedProgress","round","setNativeProps","r","children","dx","dy","font","textAnchor","fontSize","run","circleProgressValues","progressAnimated","index","addListener","v","strokeDashoffset","value","paintedLength","show","meanSegmentsGap","progressAnimations","sequence","tav","percentageAnim","parallel","start","getProgress","progressConfig","stroke","origin","strokeDasharray","_","key","el","styles","create","height","justifyContent","alignItems"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";AAAA,OAAOA,KAAK,IACVC,UAAU,EAEVC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,mBAAmB,EACnBC,OAAO,EACPC,MAAM,QACD,OAAO;AACd,SAASC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACjE,OAAOC,GAAG,IAAIC,MAAM,EAAEC,CAAC,EAAEC,KAAK,QAAQ,kBAAkB;AACxD,SAASC,oBAAoB,EAAEC,aAAa,QAAQ,WAAW;AAwB/D,MAAMC,eAAe,GAAGV,QAAQ,CAACW,uBAAuB,CAACN,MAAM,CAAC;AAChE,MAAMO,cAAc,GAAGZ,QAAQ,CAACW,uBAAuB,CAACN,MAAM,CAAC;AAE/D,MAAMQ,GAAG,GAAG,GAAG;AACf,MAAMC,QAAQ,GAAG,IAAI;AAErB,MAAMC,sBAGL,GAAG,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClB,MAAM;IACJC,MAAM;IACNC,WAAW,GAAG,EAAE;IAChBC,SAAS,GAAG,SAAS;IACrBC,aAAa,GAAG,SAAS;IACzBC,QAAQ,GAAG,CAAC;IACZC,WAAW,GAAG,CAAC;IACfC,SAAS;IACTC;EACF,CAAC,GAAGT,KAAK;EAET,MAAMU,SAAS,GAAG3B,MAAM,CAAC,EAAE,CAAC;EAE5B,MAAM4B,aAAa,GAAG5B,MAAM,CAAC,IAAIC,QAAQ,CAAC4B,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC3D,MAAMC,sBAAsB,GAAG/B,MAAM,CACnC,CAAC,GAAGgC,KAAK,CAACT,QAAQ,CAAC,CAAC,CAACU,GAAG,CAAC,MAAM,IAAIhC,QAAQ,CAAC4B,KAAK,CAAC,CAAC,CAAC,CAAC,CACtD,CAACC,OAAO;EAET,MAAMI,kBAAkB,GAAGlC,MAAM,CAAC,IAAI,CAAC;EACvC,MAAMmC,QAAQ,GAAGnC,MAAM,CAAC,IAAI,CAAC;EAE7B,MAAMoC,oBAAoB,GAAG,CAAAX,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEN,MAAM,KAAI,CAAC;EACnD,MAAMkB,UAAU,GAAGlB,MAAM,GAAGC,WAAW,GAAGgB,oBAAoB;EAC9D,MAAME,mBAAmB,GAAG,CAAC,GAAGC,IAAI,CAACC,EAAE,GAAGrB,MAAM;EAChD,MAAMsB,QAAQ,GAAG,CAAC,EAAE,GAAI,GAAG,IAAIjB,WAAW,GAAG,CAAC,GAAGL,MAAM,CAAC,GAAIoB,IAAI,CAACC,EAAE;EAEnE,MAAME,iBAAiB,GAAG9C,WAAW,CAClC+C,QAAQ,IAAKjC,aAAa,CAACiC,QAAQ,EAAE7B,GAAG,EAAES,QAAQ,CAAC,EACpD,CAACA,QAAQ,CAAC,CACX;EAED,MAAMqB,aAAa,GAAG,EAAE;EAExB,MAAMC,SAAS,GAAGjD,WAAW,CAC3B,CACEkD,WAA2B,EAC3BC,OAAe,EACfC,KAAa,EACbC,aAAqB,KAClB;IACH,OAAOhD,QAAQ,CAACiD,MAAM,CAACJ,WAAW,EAAE;MAClCC,OAAO;MACPhC,QAAQ,EAAEkC,aAAa;MACvBD,KAAK;MACLG,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAElD,MAAM,CAACmD;IACjB,CAAC,CAAC;EACJ,CAAC,EACD,EAAE,CACH;EAEDxD,SAAS,CAAC,MAAM;IACd,MAAM;MACJ+B,aAAa,CAAC0B,kBAAkB,EAAE;MAClCvB,sBAAsB,CAACwB,OAAO,CAAEC,qBAAqB,IACnDA,qBAAqB,CAACF,kBAAkB,EAAE,CAC3C;IACH,CAAC;EACH,CAAC,EAAE,CAAC1B,aAAa,EAAEG,sBAAsB,CAAC,CAAC;EAE3C,MAAM0B,kBAAkB,GAAG7D,WAAW,CACnC+C,QAAgB,IAAK;IACpB,MAAMe,UAAU,GAAGhB,iBAAiB,CAACC,QAAQ,CAAC;IAC9C,OACG,CAACA,QAAQ,GAAGe,UAAU,CAACC,MAAM,CAAEC,GAAG,IAAKA,GAAG,GAAG,CAAC,CAAC,CAACC,MAAM,IAAI,CAAC,IAC1DtC,QAAQ,GACRC,WAAW,GACb,GAAG;EAEP,CAAC,EACD,CAACkB,iBAAiB,EAAEnB,QAAQ,EAAEC,WAAW,CAAC,CAC3C;EAED,MAAMsC,YAAY,GAAGlE,WAAW,CAC9B,CAACmE,0BAAkC,EAAEH,GAAW,KAAK;IACnD,MAAM;MAAEI,CAAC,EAAEC,EAAE;MAAEC,CAAC,EAAEC;IAAG,CAAC,GAAG1D,oBAAoB,CAC3CU,MAAM,EACN4C,0BAA0B,EAC1B1B,UAAU,EACVA,UAAU,EACVI,QAAQ,CACT;IAED,IAAI,CAACsB,0BAA0B,EAAE;MAC/B;IACF;IAEA,MAAMK,kBAAkB,GAAI,GAAE7B,IAAI,CAAC8B,KAAK,CAACT,GAAG,CAAE,GAAE;IAEhD,IAAI1B,kBAAkB,aAAlBA,kBAAkB,eAAlBA,kBAAkB,CAAEJ,OAAO,IAAIK,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEL,OAAO,EAAE;MACpD;MACAI,kBAAkB,CAACJ,OAAO,CAACwC,cAAc,CAAC;QACxCC,CAAC,EAAE,CAAA9C,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEN,MAAM,KAAI,CAAC;QACzBC,WAAW,EAAE,CAAAK,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEL,WAAW,KAAI,CAAC;QACxC6C,EAAE;QACFE;MACF,CAAC,CAAC;;MAEF;MACAhC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEL,OAAO,CAACwC,cAAc,CAAC;QAC/BE,QAAQ,EAAEJ,kBAAkB;QAC5BK,EAAE,EAAER,EAAE;QACNS,EAAE,EAAEP,EAAE,GAAG,CAAC;QACVQ,IAAI,EAAE;UACJC,UAAU,EAAE,QAAQ;UACpBC,QAAQ,EAAE;QACZ;MACF,CAAC,CAAC;IACJ;EACF,CAAC,EACD,CAAC1D,MAAM,EAAEkB,UAAU,EAAEI,QAAQ,EAAEhB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEN,MAAM,EAAEM,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEL,WAAW,CAAC,CAC1E;EAED,MAAM0D,GAAG,GAAGlF,WAAW,CACrB,QAA8C;IAAA,IAA7C;MAAE+C;IAA+B,CAAC;IACjC,MAAMoC,oBAAoB,GAAGrC,iBAAiB,CAACC,QAAQ,CAAC;IACxDZ,sBAAsB,CAACwB,OAAO,CAAC,CAACyB,gBAAgB,EAAEC,KAAK,KAAK;MAC1DD,gBAAgB,CAACE,WAAW,CAAEC,CAAC,IAAK;QAClC,IAAIxD,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEG,OAAO,CAACmD,KAAK,CAAC,EAAE;UAAA;UAC7B,IAAIG,gBAAgB,GAAG9C,mBAAmB;UAE1C,IAAIsB,GAAG,GACLuB,CAAC,CAACE,KAAK,KAAKN,oBAAoB,CAACE,KAAK,CAAC,IAAI,CAAC,CAAC,GACzCE,CAAC,CAACE,KAAK,GACPN,oBAAoB,CAACE,KAAK,CAAC,IAAI,CAAC;UACtCG,gBAAgB,GAAGL,oBAAoB,CAACE,KAAK,CAAC,GAC1C3C,mBAAmB,GAAIA,mBAAmB,GAAGsB,GAAG,GAAI,GAAG,GACvDtB,mBAAmB;UAEvB,MAAMgD,aAAa,GACjBhD,mBAAmB,GACnB8C,gBAAgB,GACf7D,QAAQ,IAAIwD,oBAAoB,CAACE,KAAK,CAAC,IAAI,CAAC,CAAC,GAAGzD,WAAW,GAC1D,GAAG;;UAEP;UACAG,SAAS,aAATA,SAAS,gDAATA,SAAS,CAAEG,OAAO,CAACmD,KAAK,CAAC,0DAAzB,sBAA2BX,cAAc,CAAC;YACxCc,gBAAgB,EACd9C,mBAAmB,GAAGgD,aAAa,GAAGhD,mBAAmB,GACrDA,mBAAmB,GACnBA,mBAAmB,GAAGgD;UAC9B,CAAC,CAAC;QACJ;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;IACF,IAAI7D,SAAS,aAATA,SAAS,eAATA,SAAS,CAAE8D,IAAI,EAAE;MACnB3D,aAAa,CAACsD,WAAW,CAAEC,CAAC,IAAK;QAC/B,IAAIC,gBAAgB,GAAG9C,mBAAmB;QAC1C,IAAIsB,GAAG,GAAGuB,CAAC,CAACE,KAAK,IAAI1C,QAAQ,GAAGwC,CAAC,CAACE,KAAK,GAAG1C,QAAQ;QAClDyC,gBAAgB,GAAGzC,QAAQ,GACvBL,mBAAmB,GAAIA,mBAAmB,GAAGsB,GAAG,GAAI,GAAG,GACvDtB,mBAAmB;QAEvB,MAAMgD,aAAa,GAAGhD,mBAAmB,GAAG8C,gBAAgB;QAE5D,MAAMI,eAAe,GAAG/B,kBAAkB,CAACd,QAAQ,CAAC;QACpD,MAAMoB,0BAA0B,GAAGuB,aAAa,GAAGE,eAAe;QAClE1B,YAAY,CAACC,0BAA0B,EAAEpB,QAAQ,CAAC;MACpD,CAAC,CAAC;IACJ;;IAEA;IACA,MAAM8C,kBAAkB,GAAGxF,QAAQ,CAACyF,QAAQ,CAC1C3D,sBAAsB,CAACE,GAAG,CAAC,CAAC0D,GAAG,EAAEV,KAAK,KACpCpC,SAAS,CACP8C,GAAG;IAAE;IACLZ,oBAAoB,CAACE,KAAK,CAAC,IAAI,CAAC;IAAE;IAClCA,KAAK,KAAK,CAAC,GAAGrC,aAAa,GAAG,CAAC;IAAE;IAChC7B,QAAQ,IAAIgE,oBAAoB,CAACE,KAAK,CAAC,IAAI,CAAC,CAAC,GAAInE,GAAG,CAAC;IAAA,CACvD,CACF,CACF;;IAED,IAAIW,SAAS,aAATA,SAAS,eAATA,SAAS,CAAE8D,IAAI,EAAE;MACnB;MACA,MAAMK,cAAc,GAAG/C,SAAS,CAC9BjB,aAAa;MAAE;MACfe,QAAQ;MAAE;MACVC,aAAa;MAAE;MACd7B,QAAQ,GAAG4B,QAAQ,GAAI7B,GAAG,CAAC;MAAA,CAC7B;MACD;MACAb,QAAQ,CAAC4F,QAAQ,CAAC,CAACJ,kBAAkB,EAAEG,cAAc,CAAC,CAAC,CAACE,KAAK,EAAE;IACjE,CAAC,MAAM;MACLL,kBAAkB,CAACK,KAAK,EAAE;IAC5B;EACF,CAAC,EACD,CACElE,aAAa,EACbiB,SAAS,EACTtB,QAAQ,EACRe,mBAAmB,EACnBd,WAAW,EACXiC,kBAAkB,EAClBhC,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAE8D,IAAI,EACf7C,iBAAiB,EACjBoB,YAAY,EACZ/B,sBAAsB,CACvB,CACF;EAED,MAAMgE,WAAW,GAAGhG,OAAO,CAAC,MAAM;IAChC,MAAMiG,cAAc,GAAG;MACrBC,MAAM,EAAE3E,aAAa;MACrB2C,EAAE,EAAE5B,UAAU;MACd8B,EAAE,EAAE9B,UAAU;MACdkC,CAAC,EAAEpD,MAAM;MACT+E,MAAM,EAAG,GAAE7D,UAAW,KAAIA,UAAW,EAAC;MACtCjB,WAAW,EAAEA,WAAW;MACxB+E,eAAe,EAAE7D,mBAAmB;MACpC8C,gBAAgB,EAAE9C;IACpB,CAAC;IAED,OAAOP,sBAAsB,CAACE,GAAG,CAAC,CAACmE,CAAC,EAAEC,GAAG,kBACvC,oBAAC,cAAc;MACb,GAAG,EAAEA;MACL;MAAA;MACA,GAAG,EAAGC,EAAE,IAAM3E,SAAS,CAACG,OAAO,CAACuE,GAAG,CAAC,GAAGC;IAAI,GACvCN,cAAc;MAClB,QAAQ,EAAEvD,QAAQ,GAAI4D,GAAG,GAAG,GAAG,GAAI9E,QAAS;MAC5C,aAAa,EAAC;IAAO,GAExB,CAAC;EACJ,CAAC,EAAE,CACDA,QAAQ,EACRe,mBAAmB,EACnBD,UAAU,EACVf,aAAa,EACbH,MAAM,EACNsB,QAAQ,EACRrB,WAAW,EACXW,sBAAsB,CACvB,CAAC;EAEFjC,mBAAmB,CAACoB,GAAG,EAAE,OAAO;IAAE4D;EAAI,CAAC,CAAC,CAAC;EAEzC,oBACE,oBAAC,GAAG;IACF,OAAO,EAAG,OAAMzC,UAAU,GAAG,CAAE,IAAGA,UAAU,GAAG,CAAE,EAAE;IACnD,KAAK,EAAE,MAAO;IACd,IAAI,EAAC,MAAM;IACX,MAAM,EAAElB,MAAM,GAAG;EAAE,GAElBO,eAAe,iBACd,oBAAC,IAAI;IAAC,KAAK,EAAE6E,MAAM,CAAC7E;EAAgB,GAAEA,eAAe,CACtD,eACD,oBAAC,CAAC,QACC,CAAC,GAAGM,KAAK,CAACT,QAAQ,CAAC,CAAC,CAACU,GAAG,CAAC,CAACmE,CAAC,EAAEC,GAAG,KAAK;IACpC,oBACE,oBAAC,MAAM;MACL,GAAG,EAAEA,GAAI;MACT,EAAE,EAAEhE,UAAW;MACf,EAAE,EAAEA,UAAW;MACf,CAAC,EAAElB,MAAO;MACV,MAAM,EAAEE,SAAU;MAClB,QAAQ,EAAEoB,QAAQ,GAAI4D,GAAG,GAAG,GAAG,GAAI9E,QAAS;MAC5C,MAAM,EAAG,GAAEc,UAAW,KAAIA,UAAW,EAAE;MACvC,WAAW,EAAEjB,WAAY;MACzB,eAAe,EAAEkB,mBAAoB;MACrC,gBAAgB,EACdA,mBAAmB,GACnBA,mBAAmB,GAAGf,QAAQ,GAC9BC,WACD;MACD,aAAa,EAAC;IAAO,EACrB;EAEN,CAAC,CAAC,EACDuE,WAAW,EAEX,CAAAtE,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAE8D,IAAI,MAAK,IAAI,iBACvB,uDACE,oBAAC,eAAe;IACd,MAAM,EAAEjE,aAAc;IACtB,GAAG,EAAEY,kBAAmB;IACxB,IAAI,EAAC;EAAO,EACZ,eACF,oBAAC,KAAK;IAAC,MAAM,EAAEZ,aAAc;IAAC,IAAI,EAAEA,aAAc;IAAC,GAAG,EAAEa;EAAS,EAAG,CAEvE,CACC,CACA;AAEV,CAAC;AAED,4BAAexC,IAAI,eAACD,UAAU,CAACsB,sBAAsB,CAAC,CAAC;AAEvD,MAAMuF,MAAM,GAAGpG,UAAU,CAACqG,MAAM,CAAC;EAC/B9E,eAAe,EAAE;IACf+E,MAAM,EAAE,MAAM;IACdC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}
+{"version":3,"names":["forwardRef","memo","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","Animated","Easing","StyleSheet","View","Svg","Circle","G","TSpan","getArcEndCoordinates","getPathValues","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","IndicatorCircle","createAnimatedComponent","ProgressCircle","max","duration","progressDelay","INDICATOR_FONT","textAnchor","fontSize","computeStrokeDashoffset","animatedVal","target","circumference","numSegments","gap","gapAdjust","targetOffset","thresholdV","interpolate","inputRange","outputRange","extrapolate","RNSegmentedProgressBar","props","ref","radius","strokeWidth","baseColor","progressColor","segments","segmentsGap","indicator","centerComponent","animatedValue","Value","current","progressAnimatedValues","Array","fill","map","indicatorCircleRef","tSpanRef","segmentTargets","setSegmentTargets","activeProgressRef","pendingAnimationRef","indicatorSegmentsGap","halfCircle","circleCircumference","Math","PI","rotation","getProgressValues","progress","getMeanSegmentsGap","pathValues","activeSegments","filter","val","length","stopAnimation","removeAllListeners","forEach","v","pending","targets","progressAnimations","sequence","animVal","index","timing","toValue","delay","useNativeDriver","easing","linear","show","percentageAnim","parallel","start","run","setValue","calculatedProgress","round","setNativeProps","r","children","font","meanGap","addListener","min","value","paintedLength","adjustedLength","x","cx","y","cy","dx","dy","baseTrack","baseStrokeDashoffset","_","key","stroke","origin","strokeDasharray","strokeDashoffset","strokeLinecap","progressTrack","viewBox","width","height","style","styles","create","justifyContent","alignItems"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
-export declare const getPathValues: (progress: number | undefined, max: number, segments: number) => number[];
-export declare const getArcEndCoordinates: (radius: number, circleCircumference: number, cx: number, cy: number, rotation?: number) => {
+export declare const getPathValues: (progress: number | null | undefined, max: number, segments: number) => number[];
+export declare const getArcEndCoordinates: (radius: number | null | undefined, circleCircumference: number | null | undefined, cx: number | null | undefined, cy: number | null | undefined, rotation?: number) => {
     x: number;
     y: number;
 };

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

@@ -1 +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,YACD,MAAM,KACf,MAAM,EAsBR,CAAC;AAEF,eAAO,MAAM,oBAAoB,WACvB,MAAM,uBACO,MAAM,MACvB,MAAM,MACN,MAAM,aACA,MAAM;OACV,MAAM;OAAK,MAAM;CAUxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,GACxB,UAAU,MAAM,GAAG,IAAI,GAAG,SAAS,EACnC,KAAK,MAAM,EACX,UAAU,MAAM,KACf,MAAM,EAsBR,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,QAAQ,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,qBAAqB,MAAM,GAAG,IAAI,GAAG,SAAS,EAC9C,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,EAC7B,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,EAC7B,WAAU,MAAU,KACnB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAiBxB,CAAC"}

package/lib/typescript/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface Indicator {
     show?: boolean;
     radius?: number;
@@ -20,6 +19,6 @@ export type RunAnimationHandler = {
         progress: number;
     }) => void;
 };
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<RNSegmentedProgressBarProps & React.RefAttributes<RunAnimationHandler>>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<RNSegmentedProgressBarProps & import("react").RefAttributes<RunAnimationHandler>>>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAKf,UAAU,SAAS;IACjB,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,2BAA2B;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACnD,CAAC;;AAySF,wBAAwD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAeA,UAAU,SAAS;IACjB,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,2BAA2B;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACnD,CAAC;;AAsVF,wBAAwD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baby-journey/rn-segmented-progress-bar",
-  "version": "0.1.5",
+  "version": "0.4.0",
   "description": "Animated circular progress bar with segments",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -62,39 +62,41 @@
     "@evilmartians/lefthook": "^1.2.2",
     "@react-native-community/eslint-config": "^3.0.2",
     "@release-it/conventional-changelog": "^5.0.0",
-    "@testing-library/jest-native": "^5.4.1",
-    "@testing-library/react-native": "^11.5.1",
-    "@types/jest": "^28.1.2",
-    "@types/react": "~17.0.21",
+    "@testing-library/jest-native": "^5.4.3",
+    "@testing-library/react-native": "^11.5.4",
+    "@types/jest": "^29.5.0",
+    "@types/react": "18.2.79",
     "@types/react-native": "0.70.0",
     "commitlint": "^17.0.2",
     "del-cli": "^5.0.0",
     "eslint": "^8.4.1",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-ft-flow": "^3.0.11",
+    "eslint-plugin-prettier": "^5.2.0",
     "jest": "^28.1.1",
+    "metro-react-native-babel-preset": "^0.77.0",
     "pod-install": "^0.1.0",
-    "prettier": "^2.0.5",
+    "prettier": "^3.5.0",
     "react": "18.1.0",
     "react-native": "0.70.5",
-    "react-native-builder-bob": "^0.20.0",
-    "react-native-svg": "^13.7.0",
+    "react-native-builder-bob": "^0.40.0",
+    "react-native-svg": "^15.11.0",
     "react-test-renderer": "^18.2.0",
     "release-it": "^15.0.0",
-    "typescript": "^4.5.2"
+    "typescript": "^5.7.0"
   },
   "resolutions": {
-    "@types/react": "17.0.21"
+    "@types/react": "18.2.79"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "react-native-svg": "> 13.7.0"
+    "react-native-svg": ">= 13.7.0"
   },
   "engines": {
-    "node": ">= 16.0.0"
+    "node": ">= 18.0.0"
   },
-  "packageManager": "^yarn@1.22.15",
+  "packageManager": "yarn@1.22.22",
   "jest": {
     "preset": "react-native",
     "setupFilesAfterEnv": [
@@ -103,7 +105,11 @@
     "modulePathIgnorePatterns": [
       "<rootDir>/example/node_modules",
       "<rootDir>/lib/"
-    ]
+    ],
+    "testEnvironment": "node",
+    "globals": {
+      "performance": {}
+    }
   },
   "commitlint": {
     "extends": [
@@ -134,6 +140,7 @@
       "prettier"
     ],
     "rules": {
+      "react/react-in-jsx-scope": "off",
       "prettier/prettier": [
         "error",
         {

package/src/helpers/index.ts

@@ -1,13 +1,13 @@
 export const getPathValues = (
-  progress: number | undefined,
+  progress: number | null | undefined,
   max: number,
   segments: number
 ): number[] => {
   if (!progress) {
-    return [...Array(segments)].map(() => 0);
+    return new Array(segments).fill(0);
   }
 
-  const pathLengths = [];
+  const pathLengths: number[] = [];
 
   if (progress > max) {
     progress = max;
@@ -18,7 +18,7 @@ export const getPathValues = (
   let i = 0;
   while (i < segments) {
     const val: number = progress >= max / segments ? max / segments : progress;
-    pathLengths.push(Number.parseFloat(val.toFixed(4)));
+    pathLengths.push(Math.round(val * 10000) / 10000);
     progress = progress - val;
     i++;
   }
@@ -27,13 +27,20 @@ export const getPathValues = (
 };
 
 export const getArcEndCoordinates = (
-  radius: number,
-  circleCircumference: number,
-  cx: number,
-  cy: number,
+  radius: number | null | undefined,
+  circleCircumference: number | null | undefined,
+  cx: number | null | undefined,
+  cy: number | null | undefined,
   rotation: number = 0
 ): { x: number; y: number } => {
-  if (!circleCircumference || !radius || !cx || !cy) {
+  if (
+    circleCircumference == null ||
+    circleCircumference === 0 ||
+    radius == null ||
+    radius === 0 ||
+    cx == null ||
+    cy == null
+  ) {
     return { x: 0, y: 0 };
   }