react-native-wagmi-charts 2.7.3 → 2.8.0

package/lib/commonjs/charts/line/HoverTrap/index.web.js

@@ -1,104 +1,133 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
 exports.LineChartHoverTrap = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _Chart = require("../Chart");
-var _useLineChart = require("../useLineChart");
-var _ExecutionEnvironment = require("fbjs/lib/ExecutionEnvironment");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-let isEnabled = false;
+var _react = _interopRequireDefault(require('react'));
+var _reactNative = require('react-native');
+var _Chart = require('../Chart');
+var _useLineChart = require('../useLineChart');
+var _ExecutionEnvironment = require('fbjs/lib/ExecutionEnvironment');
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : { default: e };
+}
+/**
+ * Minimum time in milliseconds that must pass between touch events before a
+ * hover state is activated on web.
+ */
+const HOVER_THRESHOLD_MS = 1000;
 
-// the following logic comes from the creator of react-native-web
-// https://gist.github.com/necolas/1c494e44e23eb7f8c5864a2fac66299a
-// it's also used by MotiPressable's hover interactions
-// https://github.com/nandorojo/moti/blob/master/packages/interactions/src/pressable/hoverable.tsx
-if (_ExecutionEnvironment.canUseDOM) {
-  /**
-   * Web browsers emulate mouse events (and hover states) after touch events.
-   * This code infers when the currently-in-use modality supports hover
-   * (including for multi-modality devices) and considers "hover" to be enabled
-   * if a mouse movement occurs more than 1 second after the last touch event.
-   * This threshold is long enough to account for longer delays between the
-   * browser firing touch and mouse events on low-powered devices.
-   */
-  const HOVER_THRESHOLD_MS = 1000;
-  let lastTouchTimestamp = 0;
-  function enableHover() {
-    if (isEnabled || Date.now() - lastTouchTimestamp < HOVER_THRESHOLD_MS) {
-      return;
+/**
+ * Hover state manager for web platform. This singleton ensures global hover
+ * detection is properly initialized and cleaned up.
+ */
+class HoverStateManager {
+  isEnabled = false;
+  lastTouchTimestamp = 0;
+  initialized = false;
+  constructor() {
+    if (_ExecutionEnvironment.canUseDOM) {
+      this.initialize();
     }
-    isEnabled = true;
   }
-  function disableHover() {
-    lastTouchTimestamp = Date.now();
-    if (isEnabled) {
-      isEnabled = false;
+  initialize() {
+    if (this.initialized) return;
+
+    /**
+     * The following logic comes from the creator of react-native-web:
+     * https://gist.github.com/necolas/1c494e44e23eb7f8c5864a2fac66299a
+     * It's also used by MotiPressable's hover interactions:
+     * https://github.com/nandorojo/moti/blob/master/packages/interactions/src/pressable/hoverable.tsx
+     *
+     * Web browsers emulate mouse events (and hover states) after touch events.
+     * This code infers when the currently-in-use modality supports hover
+     * (including for multi-modality devices) and considers "hover" to be enabled
+     * if a mouse movement occurs more than 1 second after the last touch event.
+     * This threshold is long enough to account for longer delays between the
+     * browser firing touch and mouse events on low-powered devices.
+     */
+    document.addEventListener('touchstart', this.disableHover, true);
+    document.addEventListener('touchmove', this.disableHover, true);
+    document.addEventListener('mousemove', this.enableHover, true);
+    this.initialized = true;
+  }
+  enableHover = () => {
+    if (
+      this.isEnabled ||
+      Date.now() - this.lastTouchTimestamp < HOVER_THRESHOLD_MS
+    ) {
+      return;
     }
+    this.isEnabled = true;
+  };
+  disableHover = () => {
+    this.lastTouchTimestamp = Date.now();
+    if (this.isEnabled) {
+      this.isEnabled = false;
+    }
+  };
+  isHoverEnabled() {
+    return this.isEnabled;
+  }
+
+  /**
+   * Cleanup method for removing event listeners. Note: In practice, this may
+   * never be called since these are app-level listeners, but it's provided for
+   * completeness and testing purposes.
+   */
+  cleanup() {
+    if (!this.initialized || !_ExecutionEnvironment.canUseDOM) return;
+    document.removeEventListener('touchstart', this.disableHover, true);
+    document.removeEventListener('touchmove', this.disableHover, true);
+    document.removeEventListener('mousemove', this.enableHover, true);
+    this.initialized = false;
   }
-  document.addEventListener('touchstart', disableHover, true);
-  document.addEventListener('touchmove', disableHover, true);
-  document.addEventListener('mousemove', enableHover, true);
-}
-function isHoverEnabled() {
-  return isEnabled;
 }
-const LineChartHoverTrap = () => {
-  const {
-    width,
-    parsedPath
-  } = React.useContext(_Chart.LineChartDimensionsContext);
-  const {
-    currentX,
-    currentIndex,
-    isActive,
-    data
-  } = (0, _useLineChart.useLineChart)();
-  const onMouseMove = React.useCallback(({
-    x
-  }) => {
-    if (isHoverEnabled()) {
-      if (parsedPath) {
-        const boundedX = Math.min(x, width);
-        isActive.value = true;
-        currentX.value = boundedX;
 
-        // on Web, we could drag the cursor to be negative, breaking it
-        // so we clamp the index at 0 to fix it
-        // https://github.com/coinjar/react-native-wagmi-charts/issues/24
-        const minIndex = 0;
-        const boundedIndex = Math.max(minIndex, Math.round(boundedX / width / (1 / (data ? data.length - 1 : 1))));
-        currentIndex.value = boundedIndex;
+// Singleton instance
+const hoverStateManager = new HoverStateManager();
+const LineChartHoverTrap = () => {
+  const { width, parsedPath } = _react.default.useContext(
+    _Chart.LineChartDimensionsContext
+  );
+  const { currentX, currentIndex, isActive, data } = (0,
+  _useLineChart.useLineChart)();
+  const onMouseMove = _react.default.useCallback(
+    (e) => {
+      if (!hoverStateManager.isHoverEnabled()) {
+        isActive.value = false;
+        currentIndex.value = -1;
+        return;
       }
-    } else {
-      isActive.value = false;
-      currentIndex.value = -1;
-    }
-  }, [currentIndex, currentX, data, isActive, parsedPath, width]);
-  const onMouseLeave = React.useCallback(() => {
+      if (!parsedPath) return;
+      const rect = e.currentTarget.getBoundingClientRect();
+      const boundedX = Math.min(e.clientX - rect.left, width);
+      isActive.value = true;
+      currentX.value = boundedX;
+
+      // on Web, we could drag the cursor to be negative, breaking it
+      // so we clamp the index at 0 to fix it
+      // https://github.com/coinjar/react-native-wagmi-charts/issues/24
+      const minIndex = 0;
+      const boundedIndex = Math.max(
+        minIndex,
+        Math.round(boundedX / width / (1 / (data ? data.length - 1 : 1)))
+      );
+      currentIndex.value = boundedIndex;
+    },
+    [currentIndex, currentX, data, isActive, parsedPath, width]
+  );
+  const onMouseLeave = _react.default.useCallback(() => {
     isActive.value = false;
     currentIndex.value = -1;
   }, [currentIndex, isActive]);
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: _reactNative.StyleSheet.absoluteFill
+  return /*#__PURE__*/ _react.default.createElement(_reactNative.View, {
+    style: _reactNative.StyleSheet.absoluteFill,
     // @ts-expect-error mouse move event
-    ,
-    onMouseMove: React.useCallback(
-    // eslint-disable-next-line no-undef
-    e => {
-      let rect = e.currentTarget.getBoundingClientRect();
-      let x = e.clientX - rect.left; // x position within the element.
-
-      onMouseMove({
-        x
-      });
-    }, [onMouseMove]),
-    onMouseLeave: onMouseLeave
+    onMouseMove: onMouseMove,
+    onMouseLeave: onMouseLeave,
   });
 };
 exports.LineChartHoverTrap = LineChartHoverTrap;
-//# sourceMappingURL=index.web.js.map
+//# sourceMappingURL=index.web.js.map

package/lib/commonjs/charts/line/HoverTrap/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_Chart","_useLineChart","_ExecutionEnvironment","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","isEnabled","canUseDOM","HOVER_THRESHOLD_MS","lastTouchTimestamp","enableHover","Date","now","disableHover","document","addEventListener","isHoverEnabled","LineChartHoverTrap","width","parsedPath","useContext","LineChartDimensionsContext","currentX","currentIndex","isActive","data","useLineChart","onMouseMove","useCallback","x","boundedX","Math","min","value","minIndex","boundedIndex","max","round","length","onMouseLeave","createElement","View","style","StyleSheet","absoluteFill","rect","currentTarget","getBoundingClientRect","clientX","left","exports"],"sourceRoot":"../../../../../src","sources":["charts/line/HoverTrap/index.web.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Chart","_useLineChart","_ExecutionEnvironment","e","__esModule","default","HOVER_THRESHOLD_MS","HoverStateManager","isEnabled","lastTouchTimestamp","initialized","constructor","canUseDOM","initialize","document","addEventListener","disableHover","enableHover","Date","now","isHoverEnabled","cleanup","removeEventListener","hoverStateManager","LineChartHoverTrap","width","parsedPath","React","useContext","LineChartDimensionsContext","currentX","currentIndex","isActive","data","useLineChart","onMouseMove","useCallback","value","rect","currentTarget","getBoundingClientRect","boundedX","Math","min","clientX","left","minIndex","boundedIndex","max","round","length","onMouseLeave","createElement","View","style","StyleSheet","absoluteFill","exports"],"sourceRoot":"../../../../../src","sources":["charts/line/HoverTrap/index.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/charts/line/LineChartPathContext.js

@@ -1,14 +1,17 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
 exports.LineChartPathContext = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const LineChartPathContext = exports.LineChartPathContext = /*#__PURE__*/_react.default.createContext({
-  color: '',
-  isInactive: false,
-  isTransitionEnabled: true
-});
-//# sourceMappingURL=LineChartPathContext.js.map
+var _react = _interopRequireDefault(require('react'));
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : { default: e };
+}
+const LineChartPathContext = (exports.LineChartPathContext =
+  /*#__PURE__*/ _react.default.createContext({
+    color: '',
+    isInactive: false,
+    isTransitionEnabled: true,
+  }));
+//# sourceMappingURL=LineChartPathContext.js.map

package/lib/commonjs/charts/line/LineChartPathContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","obj","__esModule","default","LineChartPathContext","exports","React","createContext","color","isInactive","isTransitionEnabled"],"sourceRoot":"../../../../src","sources":["charts/line/LineChartPathContext.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnB,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAGE,cAAK,CAACC,aAAa,CAAC;EACtDC,KAAK,EAAE,EAAE;EACTC,UAAU,EAAE,KAAK;EACjBC,mBAAmB,EAAE;AACvB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","e","__esModule","default","LineChartPathContext","exports","React","createContext","color","isInactive","isTransitionEnabled"],"sourceRoot":"../../../../src","sources":["charts/line/LineChartPathContext.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnB,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAGE,cAAK,CAACC,aAAa,CAAC;EACtDC,KAAK,EAAE,EAAE;EACTC,UAAU,EAAE,KAAK;EACjBC,mBAAmB,EAAE;AACvB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/charts/line/Path.js

@@ -1,20 +1,64 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
 exports.LineChartPath = LineChartPath;
-var React = _interopRequireWildcard(require("react"));
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
-var _reactNativeSvg = require("react-native-svg");
-var _Chart = require("./Chart");
-var _LineChartPathContext = require("./LineChartPathContext");
-var _useAnimatedPath = _interopRequireDefault(require("./useAnimatedPath"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _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 AnimatedPath = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Path);
+var React = _interopRequireWildcard(require('react'));
+var _reactNativeReanimated = _interopRequireDefault(
+  require('react-native-reanimated')
+);
+var _reactNativeSvg = require('react-native-svg');
+var _Chart = require('./Chart');
+var _LineChartPathContext = require('./LineChartPathContext');
+var _useAnimatedPath = require('./useAnimatedPath');
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : { default: e };
+}
+function _interopRequireWildcard(e, t) {
+  if ('function' == typeof WeakMap)
+    var r = new WeakMap(),
+      n = new WeakMap();
+  return (_interopRequireWildcard = function (e, t) {
+    if (!t && e && e.__esModule) return e;
+    var o,
+      i,
+      f = { __proto__: null, default: e };
+    if (null === e || ('object' != typeof e && 'function' != typeof e))
+      return f;
+    if ((o = t ? n : r)) {
+      if (o.has(e)) return o.get(e);
+      o.set(e, f);
+    }
+    for (const t in e)
+      'default' !== t &&
+        {}.hasOwnProperty.call(e, t) &&
+        ((i =
+          (o = Object.defineProperty) &&
+          Object.getOwnPropertyDescriptor(e, t)) &&
+        (i.get || i.set)
+          ? o(f, t, i)
+          : (f[t] = e[t]));
+    return f;
+  })(e, t);
+}
+function _extends() {
+  return (
+    (_extends = Object.assign
+      ? Object.assign.bind()
+      : function (n) {
+          for (var e = 1; e < arguments.length; e++) {
+            var t = arguments[e];
+            for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+          }
+          return n;
+        }),
+    _extends.apply(null, arguments)
+  );
+}
+const AnimatedPath = _reactNativeReanimated.default.createAnimatedComponent(
+  _reactNativeSvg.Path
+);
 LineChartPath.displayName = 'LineChartPath';
 function LineChartPath({
   color = 'black',
@@ -22,31 +66,26 @@ function LineChartPath({
   width: strokeWidth = 3,
   ...props
 }) {
-  const {
-    path
-  } = React.useContext(_Chart.LineChartDimensionsContext);
-  const {
-    isTransitionEnabled,
-    isInactive
-  } = React.useContext(_LineChartPathContext.LineChartPathContext);
-
-  ////////////////////////////////////////////////
-
-  const {
-    animatedProps
-  } = (0, _useAnimatedPath.default)({
+  const { path } = React.useContext(_Chart.LineChartDimensionsContext);
+  const { isTransitionEnabled, isInactive } = React.useContext(
+    _LineChartPathContext.LineChartPathContext
+  );
+  const { animatedProps } = (0, _useAnimatedPath.useAnimatedPath)({
     enabled: isTransitionEnabled,
-    path
+    path,
   });
-
-  ////////////////////////////////////////////////
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedPath, _extends({
-    animatedProps: animatedProps,
-    fill: "transparent",
-    stroke: isInactive ? inactiveColor || color : color,
-    strokeOpacity: isInactive && !inactiveColor ? 0.2 : 1,
-    strokeWidth: strokeWidth
-  }, props)));
+  return /*#__PURE__*/ React.createElement(
+    AnimatedPath,
+    _extends(
+      {
+        animatedProps: animatedProps,
+        fill: 'transparent',
+        stroke: isInactive ? inactiveColor || color : color,
+        strokeOpacity: isInactive && !inactiveColor ? 0.2 : 1,
+        strokeWidth: strokeWidth,
+      },
+      props
+    )
+  );
 }
-//# sourceMappingURL=Path.js.map
+//# sourceMappingURL=Path.js.map

package/lib/commonjs/charts/line/Path.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeReanimated","_interopRequireDefault","_reactNativeSvg","_Chart","_LineChartPathContext","_useAnimatedPath","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","AnimatedPath","Animated","createAnimatedComponent","Path","LineChartPath","displayName","color","inactiveColor","width","strokeWidth","props","path","useContext","LineChartDimensionsContext","isTransitionEnabled","isInactive","LineChartPathContext","animatedProps","useAnimatedPath","enabled","createElement","Fragment","fill","stroke","strokeOpacity"],"sourceRoot":"../../../../src","sources":["charts/line/Path.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeReanimated","_interopRequireDefault","_reactNativeSvg","_Chart","_LineChartPathContext","_useAnimatedPath","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","AnimatedPath","Animated","createAnimatedComponent","Path","LineChartPath","displayName","color","inactiveColor","width","strokeWidth","props","path","useContext","LineChartDimensionsContext","isTransitionEnabled","isInactive","LineChartPathContext","animatedProps","useAnimatedPath","enabled","createElement","fill","stroke","strokeOpacity"],"sourceRoot":"../../../../src","sources":["charts/line/Path.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/charts/line/PriceText.js

@@ -1,29 +1,128 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
 exports.LineChartPriceText = LineChartPriceText;
-var _react = _interopRequireDefault(require("react"));
-var _usePrice = require("./usePrice");
-var _AnimatedText = require("../../components/AnimatedText");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _react = _interopRequireWildcard(require('react'));
+var _reactNative = require('react-native');
+var _reactNativeReanimated = require('react-native-reanimated');
+var _usePrice = require('./usePrice');
+var _useLineChart = require('./useLineChart');
+var _AnimatedText = require('../../components/AnimatedText');
+function _interopRequireWildcard(e, t) {
+  if ('function' == typeof WeakMap)
+    var r = new WeakMap(),
+      n = new WeakMap();
+  return (_interopRequireWildcard = function (e, t) {
+    if (!t && e && e.__esModule) return e;
+    var o,
+      i,
+      f = { __proto__: null, default: e };
+    if (null === e || ('object' != typeof e && 'function' != typeof e))
+      return f;
+    if ((o = t ? n : r)) {
+      if (o.has(e)) return o.get(e);
+      o.set(e, f);
+    }
+    for (const t in e)
+      'default' !== t &&
+        {}.hasOwnProperty.call(e, t) &&
+        ((i =
+          (o = Object.defineProperty) &&
+          Object.getOwnPropertyDescriptor(e, t)) &&
+        (i.get || i.set)
+          ? o(f, t, i)
+          : (f[t] = e[t]));
+    return f;
+  })(e, t);
+}
 LineChartPriceText.displayName = 'LineChartPriceText';
 function LineChartPriceText({
   format,
   precision = 2,
   variant = 'formatted',
   style,
-  index
+  index,
+  useOptimizedRendering = false,
+  getTextColor,
 }) {
   const price = (0, _usePrice.useLineChartPrice)({
     format,
     precision,
-    index
-  });
-  return /*#__PURE__*/_react.default.createElement(_AnimatedText.AnimatedText, {
-    text: price[variant],
-    style: style
+    index,
   });
+
+  // If we have a custom format function and optimized rendering is enabled,
+  // use regular React state instead of AnimatedText
+  if (format && useOptimizedRendering) {
+    const { currentIndex, data } = (0, _useLineChart.useLineChart)();
+    const [displayText, setDisplayText] = (0, _react.useState)('');
+    const [textColor, setTextColor] = (0, _react.useState)('#000000');
+    const updateText = (newText) => {
+      setDisplayText(newText);
+      // Update color if getTextColor function is provided
+      if (getTextColor) {
+        setTextColor(getTextColor(newText));
+      }
+    };
+    const textValue = (0, _reactNativeReanimated.useDerivedValue)(() => {
+      if (!data) {
+        return '';
+      }
+      if (
+        (typeof currentIndex.value === 'undefined' ||
+          currentIndex.value === -1) &&
+        index == null
+      ) {
+        return '';
+      }
+      let price = 0;
+      price =
+        data[Math.min(index ?? currentIndex.value, data.length - 1)].value;
+      const valueString = price.toFixed(precision).toString();
+
+      // Call format function directly in worklet
+      return format({
+        value: valueString,
+        formatted: valueString,
+      });
+    }, [currentIndex, data, precision]);
+
+    // Use useAnimatedReaction to update React state with runOnJS
+    (0, _reactNativeReanimated.useAnimatedReaction)(
+      () => textValue.value,
+      (current, previous) => {
+        if (current !== previous) {
+          (0, _reactNativeReanimated.runOnJS)(updateText)(current);
+        }
+      },
+      [textValue]
+    );
+
+    // Merge the text color with the provided style
+    const dynamicStyle = [
+      style,
+      {
+        color: textColor,
+      },
+    ];
+    return /*#__PURE__*/ _react.default.createElement(
+      _reactNative.Text,
+      {
+        style: dynamicStyle,
+      },
+      displayText
+    );
+  }
+
+  // For non-custom format, use the original approach
+  return /*#__PURE__*/ _react.default.createElement(
+    _AnimatedText.AnimatedText,
+    {
+      text: price[variant],
+      style: style,
+    }
+  );
 }
-//# sourceMappingURL=PriceText.js.map
+//# sourceMappingURL=PriceText.js.map

package/lib/commonjs/charts/line/PriceText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_usePrice","_AnimatedText","obj","__esModule","default","LineChartPriceText","displayName","format","precision","variant","style","index","price","useLineChartPrice","createElement","AnimatedText","text"],"sourceRoot":"../../../../src","sources":["charts/line/PriceText.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAA6D,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAc7DG,kBAAkB,CAACC,WAAW,GAAG,oBAAoB;AAE9C,SAASD,kBAAkBA,CAAC;EACjCE,MAAM;EACNC,SAAS,GAAG,CAAC;EACbC,OAAO,GAAG,WAAW;EACrBC,KAAK;EACLC;AACuB,CAAC,EAAE;EAC1B,MAAMC,KAAK,GAAG,IAAAC,2BAAiB,EAAC;IAAEN,MAAM;IAAEC,SAAS;IAAEG;EAAM,CAAC,CAAC;EAC7D,oBAAOd,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACb,aAAA,CAAAc,YAAY;IAACC,IAAI,EAAEJ,KAAK,CAACH,OAAO,CAAE;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC7D","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_usePrice","_useLineChart","_AnimatedText","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LineChartPriceText","displayName","format","precision","variant","style","index","useOptimizedRendering","getTextColor","price","useLineChartPrice","currentIndex","data","useLineChart","displayText","setDisplayText","useState","textColor","setTextColor","updateText","newText","textValue","useDerivedValue","value","Math","min","length","valueString","toFixed","toString","formatted","useAnimatedReaction","current","previous","runOnJS","dynamicStyle","color","createElement","Text","AnimatedText","text"],"sourceRoot":"../../../../src","sources":["charts/line/PriceText.tsx"],"mappings":"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","ignoreList":[]}