react-native-wagmi-charts 2.7.3 → 2.8.0

package/lib/module/charts/line/CursorLine.js

@@ -1,53 +1,230 @@
-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); }
+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)
+  );
+}
 import React from 'react';
 import { StyleSheet } from 'react-native';
-import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import Animated, {
+  useAnimatedStyle,
+  useDerivedValue,
+  useAnimatedProps,
+} from 'react-native-reanimated';
 import Svg, { Line as SVGLine } from 'react-native-svg';
+import { AnimatedText } from '../../components/AnimatedText';
 import { LineChartDimensionsContext } from './Chart';
 import { LineChartCursor } from './Cursor';
+import { useLineChartDatetime } from './useDatetime';
 import { useLineChart } from './useLineChart';
+import { useLineChartPrice } from './usePrice';
 LineChartCursorLine.displayName = 'LineChartCursorLine';
+const TEXT_CONSTANTS = {
+  DEFAULT_COLOR: '#1A1E27',
+  DEFAULT_FONT_SIZE: 12,
+  CHAR_WIDTH_RATIO: 0.6,
+  MIN_WIDTH: 25,
+  MAX_WIDTH: 150,
+  INPUT_PADDING: 4,
+};
+const SPACING = {
+  VERTICAL_TEXT_OFFSET: 40,
+  HORIZONTAL_TEXT_MARGIN: 8,
+  HORIZONTAL_RIGHT_MARGIN: 16,
+  BASE_LINE_GAP: 8,
+  X_AXIS_LABEL_RESERVED_HEIGHT: 40, // Reserved space at bottom for x-axis labels
+};
+const AnimatedLine = Animated.createAnimatedComponent(SVGLine);
 export function LineChartCursorLine({
   children,
   color = 'gray',
   lineProps,
+  format,
+  textStyle,
   ...cursorProps
 }) {
-  const {
-    height
-  } = React.useContext(LineChartDimensionsContext);
-  const {
-    currentX,
-    isActive
-  } = useLineChart();
-  const vertical = useAnimatedStyle(() => ({
+  const isHorizontal = cursorProps?.orientation === 'horizontal';
+  const { height, width } = React.useContext(LineChartDimensionsContext);
+  const { currentX, currentY, isActive } = useLineChart();
+  const price = useLineChartPrice({
+    format: isHorizontal ? format : undefined,
+    precision: 2,
+  });
+  const datetime = useLineChartDatetime({
+    format: !isHorizontal ? format : undefined,
+  });
+  const displayText = isHorizontal ? price.formatted : datetime.formatted;
+  const calculateTextWidth = (text, fontSize) => {
+    'worklet';
+
+    const charWidth = fontSize * TEXT_CONSTANTS.CHAR_WIDTH_RATIO;
+    const calculatedWidth = text.length * charWidth;
+    return Math.max(
+      TEXT_CONSTANTS.MIN_WIDTH,
+      Math.min(TEXT_CONSTANTS.MAX_WIDTH, calculatedWidth)
+    );
+  };
+  const textWidth = useDerivedValue(() => {
+    const text = displayText.value;
+    if (!text) return TEXT_CONSTANTS.MIN_WIDTH;
+    const fontSize = textStyle?.fontSize || TEXT_CONSTANTS.DEFAULT_FONT_SIZE;
+    return calculateTextWidth(text, fontSize);
+  }, [displayText, textStyle?.fontSize]);
+  const lineEndX = useDerivedValue(() => {
+    if (!isHorizontal) return 0;
+    const fontSize = textStyle?.fontSize || TEXT_CONSTANTS.DEFAULT_FONT_SIZE;
+    const gap = Math.max(SPACING.BASE_LINE_GAP, fontSize * 0.5);
+    return (
+      width -
+      textWidth.value -
+      gap -
+      TEXT_CONSTANTS.INPUT_PADDING -
+      SPACING.HORIZONTAL_RIGHT_MARGIN
+    );
+  });
+  const lineEndY = useDerivedValue(() => {
+    if (isHorizontal) return 0;
+
+    // For vertical cursor, extend line to the chart area (excluding reserved label space)
+    return height - SPACING.X_AXIS_LABEL_RESERVED_HEIGHT;
+  });
+  const containerStyle = useAnimatedStyle(() => ({
     opacity: isActive.value ? 1 : 0,
     height: '100%',
-    transform: [{
-      translateX: currentX.value
-    }]
-  }), [currentX, isActive]);
-  return /*#__PURE__*/React.createElement(LineChartCursor, _extends({}, cursorProps, {
-    type: "line"
-  }), /*#__PURE__*/React.createElement(Animated.View, {
-    style: vertical
-  }, /*#__PURE__*/React.createElement(Svg, {
-    style: styles.svg
-  }, /*#__PURE__*/React.createElement(SVGLine, _extends({
-    x1: 0,
-    y1: 0,
-    x2: 0,
-    y2: height,
-    strokeWidth: 2,
-    stroke: color,
-    strokeDasharray: "3 3"
-  }, lineProps)))), children);
+    transform: isHorizontal
+      ? [
+          {
+            translateY: currentY.value,
+          },
+        ]
+      : [
+          {
+            translateX: currentX.value,
+          },
+        ],
+  }));
+  const calculateFontSizeAdjustment = (fontSize) => {
+    'worklet';
+
+    return Math.max(0.6, Math.min(0.8, 0.7 + (fontSize - 12) * 0.01));
+  };
+  const textPositionStyle = useAnimatedStyle(() => {
+    const fontSize = textStyle?.fontSize || TEXT_CONSTANTS.DEFAULT_FONT_SIZE;
+    const lineHeight = textStyle?.lineHeight || fontSize * 1.2;
+    const baseStyle = {
+      position: 'absolute',
+      width: textWidth.value,
+      fontSize,
+      lineHeight,
+      color: textStyle?.color || TEXT_CONSTANTS.DEFAULT_COLOR,
+      ...textStyle,
+    };
+    if (isHorizontal) {
+      const fontSizeAdjustment = calculateFontSizeAdjustment(fontSize);
+      const textCenterOffset = -(lineHeight * fontSizeAdjustment);
+      return {
+        ...baseStyle,
+        left:
+          width -
+          textWidth.value -
+          SPACING.HORIZONTAL_RIGHT_MARGIN +
+          TEXT_CONSTANTS.INPUT_PADDING,
+        top: textCenterOffset,
+        textAlign: 'right',
+        paddingLeft: 0,
+        paddingRight: 0,
+      };
+    }
+
+    // For vertical cursor (x-axis label)
+    const halfTextWidth = textWidth.value / 2;
+
+    // Since the container is already translated by currentX, we need to calculate
+    // the label position relative to the container's position
+    const containerX = currentX.value;
+
+    // Calculate where the label would be if centered
+    let labelLeft = -halfTextWidth;
+
+    // Check if label would overflow on the left
+    if (containerX + labelLeft < 0) {
+      labelLeft = -containerX;
+    }
+
+    // Check if label would overflow on the right
+    if (containerX + labelLeft + textWidth.value > width) {
+      labelLeft = width - containerX - textWidth.value;
+    }
+
+    // Position label in the reserved space at the bottom
+    const labelTop =
+      height -
+      SPACING.X_AXIS_LABEL_RESERVED_HEIGHT +
+      SPACING.HORIZONTAL_TEXT_MARGIN;
+    return {
+      ...baseStyle,
+      left: labelLeft,
+      top: labelTop,
+      textAlign: 'center',
+    };
+  });
+  const lineAnimatedProps = useAnimatedProps(
+    () => ({
+      x1: 0,
+      y1: 0,
+      x2: lineEndX.value,
+      y2: lineEndY.value,
+    }),
+    [lineEndX, lineEndY]
+  );
+  return /*#__PURE__*/ React.createElement(
+    LineChartCursor,
+    _extends({}, cursorProps, {
+      type: 'line',
+    }),
+    /*#__PURE__*/ React.createElement(
+      Animated.View,
+      {
+        style: containerStyle,
+      },
+      /*#__PURE__*/ React.createElement(
+        Svg,
+        {
+          style: styles.svg,
+        },
+        /*#__PURE__*/ React.createElement(
+          AnimatedLine,
+          _extends(
+            {
+              animatedProps: lineAnimatedProps,
+              strokeWidth: 2,
+              stroke: color,
+              strokeDasharray: '3 3',
+            },
+            lineProps
+          )
+        )
+      ),
+      /*#__PURE__*/ React.createElement(AnimatedText, {
+        text: displayText,
+        style: textPositionStyle,
+      })
+    ),
+    children
+  );
 }
 const styles = StyleSheet.create({
   svg: {
     ...StyleSheet.absoluteFillObject,
-    // height: 100% is required for <svg /> on web
-    height: '100%'
-  }
+    height: '100%',
+  },
 });
-//# sourceMappingURL=CursorLine.js.map
+//# sourceMappingURL=CursorLine.js.map

package/lib/module/charts/line/CursorLine.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Animated","useAnimatedStyle","Svg","Line","SVGLine","LineChartDimensionsContext","LineChartCursor","useLineChart","LineChartCursorLine","displayName","children","color","lineProps","cursorProps","height","useContext","currentX","isActive","vertical","opacity","value","transform","translateX","createElement","_extends","type","View","style","styles","svg","x1","y1","x2","y2","strokeWidth","stroke","strokeDasharray","create","absoluteFillObject"],"sourceRoot":"../../../../src","sources":["charts/line/CursorLine.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,QAAQ,IAAIC,gBAAgB,QAAQ,yBAAyB;AACpE,OAAOC,GAAG,IAAIC,IAAI,IAAIC,OAAO,QAAmB,kBAAkB;AAElE,SAASC,0BAA0B,QAAQ,SAAS;AACpD,SAASC,eAAe,QAA8B,UAAU;AAChE,SAASC,YAAY,QAAQ,gBAAgB;AAQ7CC,mBAAmB,CAACC,WAAW,GAAG,qBAAqB;AAEvD,OAAO,SAASD,mBAAmBA,CAAC;EAClCE,QAAQ;EACRC,KAAK,GAAG,MAAM;EACdC,SAAS;EACT,GAAGC;AACqB,CAAC,EAAE;EAC3B,MAAM;IAAEC;EAAO,CAAC,GAAGhB,KAAK,CAACiB,UAAU,CAACV,0BAA0B,CAAC;EAC/D,MAAM;IAAEW,QAAQ;IAAEC;EAAS,CAAC,GAAGV,YAAY,CAAC,CAAC;EAE7C,MAAMW,QAAQ,GAAGjB,gBAAgB,CAC/B,OAAO;IACLkB,OAAO,EAAEF,QAAQ,CAACG,KAAK,GAAG,CAAC,GAAG,CAAC;IAC/BN,MAAM,EAAE,MAAM;IACdO,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEN,QAAQ,CAACI;IAAM,CAAC;EAC5C,CAAC,CAAC,EACF,CAACJ,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,oBACEnB,KAAA,CAAAyB,aAAA,CAACjB,eAAe,EAAAkB,QAAA,KAAKX,WAAW;IAAEY,IAAI,EAAC;EAAM,iBAC3C3B,KAAA,CAAAyB,aAAA,CAACvB,QAAQ,CAAC0B,IAAI;IAACC,KAAK,EAAET;EAAS,gBAC7BpB,KAAA,CAAAyB,aAAA,CAACrB,GAAG;IAACyB,KAAK,EAAEC,MAAM,CAACC;EAAI,gBACrB/B,KAAA,CAAAyB,aAAA,CAACnB,OAAO,EAAAoB,QAAA;IACNM,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAEnB,MAAO;IACXoB,WAAW,EAAE,CAAE;IACfC,MAAM,EAAExB,KAAM;IACdyB,eAAe,EAAC;EAAK,GACjBxB,SAAS,CACd,CACE,CACQ,CAAC,EACfF,QACc,CAAC;AAEtB;AAEA,MAAMkB,MAAM,GAAG7B,UAAU,CAACsC,MAAM,CAAC;EAC/BR,GAAG,EAAE;IACH,GAAG9B,UAAU,CAACuC,kBAAkB;IAChC;IACAxB,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","Animated","useAnimatedStyle","useDerivedValue","useAnimatedProps","Svg","Line","SVGLine","AnimatedText","LineChartDimensionsContext","LineChartCursor","useLineChartDatetime","useLineChart","useLineChartPrice","LineChartCursorLine","displayName","TEXT_CONSTANTS","DEFAULT_COLOR","DEFAULT_FONT_SIZE","CHAR_WIDTH_RATIO","MIN_WIDTH","MAX_WIDTH","INPUT_PADDING","SPACING","VERTICAL_TEXT_OFFSET","HORIZONTAL_TEXT_MARGIN","HORIZONTAL_RIGHT_MARGIN","BASE_LINE_GAP","X_AXIS_LABEL_RESERVED_HEIGHT","AnimatedLine","createAnimatedComponent","children","color","lineProps","format","textStyle","cursorProps","isHorizontal","orientation","height","width","useContext","currentX","currentY","isActive","price","undefined","precision","datetime","displayText","formatted","calculateTextWidth","text","fontSize","charWidth","calculatedWidth","length","Math","max","min","textWidth","value","lineEndX","gap","lineEndY","containerStyle","opacity","transform","translateY","translateX","calculateFontSizeAdjustment","textPositionStyle","lineHeight","baseStyle","position","fontSizeAdjustment","textCenterOffset","left","top","textAlign","paddingLeft","paddingRight","halfTextWidth","containerX","labelLeft","labelTop","lineAnimatedProps","x1","y1","x2","y2","createElement","_extends","type","View","style","styles","svg","animatedProps","strokeWidth","stroke","strokeDasharray","create","absoluteFillObject"],"sourceRoot":"../../../../src","sources":["charts/line/CursorLine.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/charts/line/Data.js

@@ -1,50 +1,59 @@
 import React, { createContext, useContext, useMemo } from 'react';
 export const DefaultLineChartId = '__LineChartData';
-const LineChartDataContext = /*#__PURE__*/createContext({
-  [DefaultLineChartId]: []
+const LineChartDataContext = /*#__PURE__*/ createContext({
+  [DefaultLineChartId]: [],
 });
-export function LineChartDataProvider({
-  children,
-  data
-}) {
+export function LineChartDataProvider({ children, data }) {
   const contextValue = useMemo(() => {
     if (Array.isArray(data)) {
       return {
-        [DefaultLineChartId]: data
+        [DefaultLineChartId]: data,
       };
     }
     return data;
   }, [data]);
-  return /*#__PURE__*/React.createElement(LineChartDataContext.Provider, {
-    value: contextValue
-  }, children);
+  return /*#__PURE__*/ React.createElement(
+    LineChartDataContext.Provider,
+    {
+      value: contextValue,
+    },
+    children
+  );
 }
-const LineChartIdContext = /*#__PURE__*/createContext(undefined);
-export function LineChartIdProvider({
-  id,
-  children
-}) {
-  return /*#__PURE__*/React.createElement(LineChartIdContext.Provider, {
-    value: id
-  }, children);
+const LineChartIdContext = /*#__PURE__*/ createContext(undefined);
+export function LineChartIdProvider({ id, children }) {
+  return /*#__PURE__*/ React.createElement(
+    LineChartIdContext.Provider,
+    {
+      value: id,
+    },
+    children
+  );
 }
 export const useLineChartId = () => useContext(LineChartIdContext);
-export function useLineChartData({
-  id
-}) {
+export function useLineChartData({ id }) {
   const dataContext = useContext(LineChartDataContext);
   validateLineChartId(dataContext, id);
   const data = dataContext[id || DefaultLineChartId];
-  return useMemo(() => ({
-    data
-  }), [data]);
+  return useMemo(
+    () => ({
+      data,
+    }),
+    [data]
+  );
 }
 function validateLineChartId(dataContext, id) {
   if (id != null && !dataContext[id]) {
-    const otherIds = Object.keys(dataContext).filter(otherId => otherId !== DefaultLineChartId);
+    const otherIds = Object.keys(dataContext).filter(
+      (otherId) => otherId !== DefaultLineChartId
+    );
     const singular = otherIds.length <= 1;
     const joinedIds = otherIds.join(', ');
-    const suggestion = otherIds.length ? `Did you mean to use ${singular ? 'this ID' : 'one of these IDs'}: ${joinedIds}` : `You didn't pass any IDs to your <LineChart.Provider />'s data prop. Did you mean to pass an array instead?`;
+    const suggestion = otherIds.length
+      ? `Did you mean to use ${
+          singular ? 'this ID' : 'one of these IDs'
+        }: ${joinedIds}`
+      : `You didn't pass any IDs to your <LineChart.Provider />'s data prop. Did you mean to pass an array instead?`;
     console.warn(`[react-native-wagmi-charts] Invalid usage of "id" prop on LineChart. You passed id="${id}", but this ID does not exist in your <LineChart.Provider />'s "data" prop.
 
 ${suggestion}`);
@@ -52,11 +61,15 @@ ${suggestion}`);
     const otherIds = Object.keys(dataContext);
     const singular = otherIds.length <= 1;
     const joinedIds = otherIds.join(', ');
-    const suggestion = otherIds.length ? `Did you mean to use ${singular ? 'this ID' : 'one of these IDs'}: ${joinedIds}` : `You didn't pass any IDs to your <LineChart.Provider />'s data prop. Did you mean to pass an array instead?`;
+    const suggestion = otherIds.length
+      ? `Did you mean to use ${
+          singular ? 'this ID' : 'one of these IDs'
+        }: ${joinedIds}`
+      : `You didn't pass any IDs to your <LineChart.Provider />'s data prop. Did you mean to pass an array instead?`;
     console.error(`[react-native-wagmi-charts] Missing data "id" prop on LineChart. You must pass an id prop to <LineChart /> when using a dictionary for your data.
 
 ${suggestion}
     `);
   }
 }
-//# sourceMappingURL=Data.js.map
+//# sourceMappingURL=Data.js.map

package/lib/module/charts/line/Data.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","useMemo","DefaultLineChartId","LineChartDataContext","LineChartDataProvider","children","data","contextValue","Array","isArray","createElement","Provider","value","LineChartIdContext","undefined","LineChartIdProvider","id","useLineChartId","useLineChartData","dataContext","validateLineChartId","otherIds","Object","keys","filter","otherId","singular","length","joinedIds","join","suggestion","console","warn","error"],"sourceRoot":"../../../../src","sources":["charts/line/Data.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAKjE,OAAO,MAAMC,kBAAkB,GAAG,iBAAiB;AAMnD,MAAMC,oBAAoB,gBAAGJ,aAAa,CAAuB;EAC/D,CAACG,kBAAkB,GAAG;AACxB,CAAC,CAAC;AAOF,OAAO,SAASE,qBAAqBA,CAAC;EACpCC,QAAQ;EACRC;AAC0B,CAAC,EAAE;EAC7B,MAAMC,YAAY,GAAGN,OAAO,CAAuB,MAAM;IACvD,IAAIO,KAAK,CAACC,OAAO,CAACH,IAAI,CAAC,EAAE;MACvB,OAAO;QACL,CAACJ,kBAAkB,GAAGI;MACxB,CAAC;IACH;IACA,OAAOA,IAAI;EACb,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACER,KAAA,CAAAY,aAAA,CAACP,oBAAoB,CAACQ,QAAQ;IAACC,KAAK,EAAEL;EAAa,GAChDF,QAC4B,CAAC;AAEpC;AAEA,MAAMQ,kBAAkB,gBAAGd,aAAa,CAAqBe,SAAS,CAAC;AAEvE,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,EAAE;EACFX;AAIF,CAAC,EAAE;EACD,oBACEP,KAAA,CAAAY,aAAA,CAACG,kBAAkB,CAACF,QAAQ;IAACC,KAAK,EAAEI;EAAG,GACpCX,QAC0B,CAAC;AAElC;AAEA,OAAO,MAAMY,cAAc,GAAGA,CAAA,KAAMjB,UAAU,CAACa,kBAAkB,CAAC;AAElE,OAAO,SAASK,gBAAgBA,CAAC;EAAEF;AAAoB,CAAC,EAAE;EACxD,MAAMG,WAAW,GAAGnB,UAAU,CAACG,oBAAoB,CAAC;EAEpDiB,mBAAmB,CAACD,WAAW,EAAEH,EAAE,CAAC;EAEpC,MAAMV,IAAI,GAAGa,WAAW,CAACH,EAAE,IAAId,kBAAkB,CAAC;EAElD,OAAOD,OAAO,CAAC,OAAO;IAAEK;EAAK,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAC1C;AAEA,SAASc,mBAAmBA,CAACD,WAAiC,EAAEH,EAAW,EAAE;EAC3E,IAAIA,EAAE,IAAI,IAAI,IAAI,CAACG,WAAW,CAACH,EAAE,CAAC,EAAE;IAClC,MAAMK,QAAQ,GAAGC,MAAM,CAACC,IAAI,CAACJ,WAAW,CAAC,CAACK,MAAM,CAC7CC,OAAO,IAAKA,OAAO,KAAKvB,kBAC3B,CAAC;IACD,MAAMwB,QAAQ,GAAGL,QAAQ,CAACM,MAAM,IAAI,CAAC;IAErC,MAAMC,SAAS,GAAGP,QAAQ,CAACQ,IAAI,CAAC,IAAI,CAAC;IAErC,MAAMC,UAAU,GAAGT,QAAQ,CAACM,MAAM,GAC7B,uBAAsBD,QAAQ,GAAG,SAAS,GAAG,kBAC/C,KAAIE,SAAU,EAAC,GACb,4GAA2G;IAEhHG,OAAO,CAACC,IAAI,CACT,uFAAsFhB,EAAG;AAChG;AACA,EAAEc,UAAW,EACT,CAAC;EACH,CAAC,MAAM,IAAId,EAAE,IAAI,IAAI,IAAI,CAACG,WAAW,CAACjB,kBAAkB,CAAC,EAAE;IACzD,MAAMmB,QAAQ,GAAGC,MAAM,CAACC,IAAI,CAACJ,WAAW,CAAC;IACzC,MAAMO,QAAQ,GAAGL,QAAQ,CAACM,MAAM,IAAI,CAAC;IAErC,MAAMC,SAAS,GAAGP,QAAQ,CAACQ,IAAI,CAAC,IAAI,CAAC;IACrC,MAAMC,UAAU,GAAGT,QAAQ,CAACM,MAAM,GAC7B,uBAAsBD,QAAQ,GAAG,SAAS,GAAG,kBAC/C,KAAIE,SAAU,EAAC,GACb,4GAA2G;IAEhHG,OAAO,CAACE,KAAK,CAAE;AACnB;AACA,EAAEH,UAAW;AACb,KAAK,CAAC;EACJ;AACF","ignoreList":[]}
+{"version":3,"names":["React","createContext","useContext","useMemo","DefaultLineChartId","LineChartDataContext","LineChartDataProvider","children","data","contextValue","Array","isArray","createElement","Provider","value","LineChartIdContext","undefined","LineChartIdProvider","id","useLineChartId","useLineChartData","dataContext","validateLineChartId","otherIds","Object","keys","filter","otherId","singular","length","joinedIds","join","suggestion","console","warn","error"],"sourceRoot":"../../../../src","sources":["charts/line/Data.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAKjE,OAAO,MAAMC,kBAAkB,GAAG,iBAAiB;AAMnD,MAAMC,oBAAoB,gBAAGJ,aAAa,CAAuB;EAC/D,CAACG,kBAAkB,GAAG;AACxB,CAAC,CAAC;AAOF,OAAO,SAASE,qBAAqBA,CAAC;EACpCC,QAAQ;EACRC;AAC0B,CAAC,EAAE;EAC7B,MAAMC,YAAY,GAAGN,OAAO,CAAuB,MAAM;IACvD,IAAIO,KAAK,CAACC,OAAO,CAACH,IAAI,CAAC,EAAE;MACvB,OAAO;QACL,CAACJ,kBAAkB,GAAGI;MACxB,CAAC;IACH;IACA,OAAOA,IAAI;EACb,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACER,KAAA,CAAAY,aAAA,CAACP,oBAAoB,CAACQ,QAAQ;IAACC,KAAK,EAAEL;EAAa,GAChDF,QAC4B,CAAC;AAEpC;AAEA,MAAMQ,kBAAkB,gBAAGd,aAAa,CAAqBe,SAAS,CAAC;AAEvE,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,EAAE;EACFX;AAIF,CAAC,EAAE;EACD,oBACEP,KAAA,CAAAY,aAAA,CAACG,kBAAkB,CAACF,QAAQ;IAACC,KAAK,EAAEI;EAAG,GACpCX,QAC0B,CAAC;AAElC;AAEA,OAAO,MAAMY,cAAc,GAAGA,CAAA,KAAMjB,UAAU,CAACa,kBAAkB,CAAC;AAElE,OAAO,SAASK,gBAAgBA,CAAC;EAAEF;AAAoB,CAAC,EAAE;EACxD,MAAMG,WAAW,GAAGnB,UAAU,CAACG,oBAAoB,CAAC;EAEpDiB,mBAAmB,CAACD,WAAW,EAAEH,EAAE,CAAC;EAEpC,MAAMV,IAAI,GAAGa,WAAW,CAACH,EAAE,IAAId,kBAAkB,CAAC;EAElD,OAAOD,OAAO,CAAC,OAAO;IAAEK;EAAK,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAC1C;AAEA,SAASc,mBAAmBA,CAACD,WAAiC,EAAEH,EAAW,EAAE;EAC3E,IAAIA,EAAE,IAAI,IAAI,IAAI,CAACG,WAAW,CAACH,EAAE,CAAC,EAAE;IAClC,MAAMK,QAAQ,GAAGC,MAAM,CAACC,IAAI,CAACJ,WAAW,CAAC,CAACK,MAAM,CAC7CC,OAAO,IAAKA,OAAO,KAAKvB,kBAC3B,CAAC;IACD,MAAMwB,QAAQ,GAAGL,QAAQ,CAACM,MAAM,IAAI,CAAC;IAErC,MAAMC,SAAS,GAAGP,QAAQ,CAACQ,IAAI,CAAC,IAAI,CAAC;IAErC,MAAMC,UAAU,GAAGT,QAAQ,CAACM,MAAM,GAC9B,uBACED,QAAQ,GAAG,SAAS,GAAG,kBAAkB,KACtCE,SAAS,EAAE,GAChB,4GAA4G;IAEhHG,OAAO,CAACC,IAAI,CACV,uFAAuFhB,EAAE;AAC/F;AACA,EAAEc,UAAU,EACR,CAAC;EACH,CAAC,MAAM,IAAId,EAAE,IAAI,IAAI,IAAI,CAACG,WAAW,CAACjB,kBAAkB,CAAC,EAAE;IACzD,MAAMmB,QAAQ,GAAGC,MAAM,CAACC,IAAI,CAACJ,WAAW,CAAC;IACzC,MAAMO,QAAQ,GAAGL,QAAQ,CAACM,MAAM,IAAI,CAAC;IAErC,MAAMC,SAAS,GAAGP,QAAQ,CAACQ,IAAI,CAAC,IAAI,CAAC;IACrC,MAAMC,UAAU,GAAGT,QAAQ,CAACM,MAAM,GAC9B,uBACED,QAAQ,GAAG,SAAS,GAAG,kBAAkB,KACtCE,SAAS,EAAE,GAChB,4GAA4G;IAEhHG,OAAO,CAACE,KAAK,CAAC;AAClB;AACA,EAAEH,UAAU;AACZ,KAAK,CAAC;EACJ;AACF","ignoreList":[]}

package/lib/module/charts/line/DatetimeText.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { useDerivedValue } from 'react-native-reanimated';
 import { useLineChartDatetime } from './useDatetime';
 import { AnimatedText } from '../../components/AnimatedText';
 LineChartDatetimeText.displayName = 'LineChartDatetimeText';
@@ -7,16 +8,23 @@ export function LineChartDatetimeText({
   options,
   format,
   variant = 'formatted',
-  style
+  style,
 }) {
   const datetime = useLineChartDatetime({
     format,
     locale,
-    options
+    options,
   });
-  return /*#__PURE__*/React.createElement(AnimatedText, {
-    text: datetime[variant],
-    style: style
+  const text = useDerivedValue(() => {
+    const value = datetime[variant].value;
+    if (typeof value === 'number') {
+      return value === 0 || isNaN(value) ? '' : value.toString();
+    }
+    return value || '';
+  }, [datetime, variant]);
+  return /*#__PURE__*/ React.createElement(AnimatedText, {
+    text: text,
+    style: style,
   });
 }
-//# sourceMappingURL=DatetimeText.js.map
+//# sourceMappingURL=DatetimeText.js.map

package/lib/module/charts/line/DatetimeText.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useLineChartDatetime","AnimatedText","LineChartDatetimeText","displayName","locale","options","format","variant","style","datetime","createElement","text"],"sourceRoot":"../../../../src","sources":["charts/line/DatetimeText.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,SAASC,oBAAoB,QAAQ,eAAe;AAEpD,SAASC,YAAY,QAAQ,+BAA+B;AAU5DC,qBAAqB,CAACC,WAAW,GAAG,uBAAuB;AAE3D,OAAO,SAASD,qBAAqBA,CAAC;EACpCE,MAAM;EACNC,OAAO;EACPC,MAAM;EACNC,OAAO,GAAG,WAAW;EACrBC;AACsB,CAAC,EAAE;EACzB,MAAMC,QAAQ,GAAGT,oBAAoB,CAAC;IAAEM,MAAM;IAAEF,MAAM;IAAEC;EAAQ,CAAC,CAAC;EAClE,oBAAON,KAAA,CAAAW,aAAA,CAACT,YAAY;IAACU,IAAI,EAAEF,QAAQ,CAACF,OAAO,CAAE;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC;AAChE","ignoreList":[]}
+{"version":3,"names":["React","useDerivedValue","useLineChartDatetime","AnimatedText","LineChartDatetimeText","displayName","locale","options","format","variant","style","datetime","text","value","isNaN","toString","createElement"],"sourceRoot":"../../../../src","sources":["charts/line/DatetimeText.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,oBAAoB,QAAQ,eAAe;AAEpD,SAASC,YAAY,QAAQ,+BAA+B;AAU5DC,qBAAqB,CAACC,WAAW,GAAG,uBAAuB;AAE3D,OAAO,SAASD,qBAAqBA,CAAC;EACpCE,MAAM;EACNC,OAAO;EACPC,MAAM;EACNC,OAAO,GAAG,WAAW;EACrBC;AACsB,CAAC,EAAE;EACzB,MAAMC,QAAQ,GAAGT,oBAAoB,CAAC;IAAEM,MAAM;IAAEF,MAAM;IAAEC;EAAQ,CAAC,CAAC;EAElE,MAAMK,IAAI,GAAGX,eAAe,CAAC,MAAM;IACjC,MAAMY,KAAK,GAAGF,QAAQ,CAACF,OAAO,CAAC,CAACI,KAAK;IACrC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;MAC7B,OAAOA,KAAK,KAAK,CAAC,IAAIC,KAAK,CAACD,KAAK,CAAC,GAAG,EAAE,GAAGA,KAAK,CAACE,QAAQ,CAAC,CAAC;IAC5D;IACA,OAAOF,KAAK,IAAI,EAAE;EACpB,CAAC,EAAE,CAACF,QAAQ,EAAEF,OAAO,CAAC,CAAC;EAEvB,oBAAOT,KAAA,CAAAgB,aAAA,CAACb,YAAY;IAACS,IAAI,EAAEA,IAAK;IAACF,KAAK,EAAEA;EAAM,CAAE,CAAC;AACnD","ignoreList":[]}

package/lib/module/charts/line/Dot.js

@@ -1,6 +1,26 @@
-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 * as React from 'react';
-import Animated, { Easing, useAnimatedProps, useDerivedValue, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
+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)
+  );
+}
+import React from 'react';
+import Animated, {
+  Easing,
+  useAnimatedProps,
+  useDerivedValue,
+  withRepeat,
+  withSequence,
+  withTiming,
+} from 'react-native-reanimated';
 import { Circle } from 'react-native-svg';
 import { LineChartDimensionsContext } from './Chart';
 import { LineChartPathContext } from './LineChartPathContext';
@@ -21,20 +41,14 @@ export function LineChartDot({
   pulseDurationMs = 800,
   showInactiveColor = true,
   size = 4,
-  outerSize = size * 4
+  outerSize = size * 4,
 }) {
-  const {
-    isActive
-  } = useLineChart();
-  const {
-    parsedPath
-  } = React.useContext(LineChartDimensionsContext);
+  const { isActive } = useLineChart();
+  const { parsedPath } = React.useContext(LineChartDimensionsContext);
 
   ////////////////////////////////////////////////////////////
 
-  const {
-    isInactive: _isInactive
-  } = React.useContext(LineChartPathContext);
+  const { isInactive: _isInactive } = React.useContext(LineChartPathContext);
   const isInactive = showInactiveColor && _isInactive;
   const color = isInactive ? inactiveColor || defaultColor : defaultColor;
   const opacity = isInactive && !inactiveColor ? 0.5 : 1;
@@ -45,20 +59,26 @@ export function LineChartDot({
   const x = useDerivedValue(() => {
     return withTiming(getXPositionForCurve(parsedPath, at));
   }, [at, parsedPath]);
-  const y = useDerivedValue(() => withTiming(getYForX(parsedPath, x.value) || 0), [parsedPath, x]);
+  const y = useDerivedValue(
+    () => withTiming(getYForX(parsedPath, x.value) || 0),
+    [parsedPath, x]
+  );
 
   ////////////////////////////////////////////////////////////
 
-  const animatedDotProps = useAnimatedProps(() => ({
-    cx: x.value,
-    cy: y.value
-  }), [x, y]);
+  const animatedDotProps = useAnimatedProps(
+    () => ({
+      cx: x.value,
+      cy: y.value,
+    }),
+    [x, y]
+  );
   const animatedOuterDotProps = useAnimatedProps(() => {
-    let defaultProps = {
+    const defaultProps = {
       cx: x.value,
       cy: y.value,
       opacity: 0.1,
-      r: outerSize
+      r: outerSize,
     };
     if (!hasPulse) {
       return defaultProps;
@@ -66,42 +86,76 @@ export function LineChartDot({
     if (isActive.value && pulseBehaviour === 'while-inactive') {
       return {
         ...defaultProps,
-        r: 0
+        r: 0,
       };
     }
     const easing = Easing.out(Easing.sin);
-    const animatedOpacity = withRepeat(withSequence(withTiming(0), withTiming(0.8), withTiming(0, {
-      duration: pulseDurationMs,
-      easing
-    })), -1, false);
-    const scale = withRepeat(withSequence(withTiming(0), withTiming(0), withTiming(outerSize, {
-      duration: pulseDurationMs,
-      easing
-    })), -1, false);
+    const animatedOpacity = withRepeat(
+      withSequence(
+        withTiming(0),
+        withTiming(0.8),
+        withTiming(0, {
+          duration: pulseDurationMs,
+          easing,
+        })
+      ),
+      -1,
+      false
+    );
+    const scale = withRepeat(
+      withSequence(
+        withTiming(0),
+        withTiming(0),
+        withTiming(outerSize, {
+          duration: pulseDurationMs,
+          easing,
+        })
+      ),
+      -1,
+      false
+    );
     if (pulseBehaviour === 'while-inactive') {
       return {
         ...defaultProps,
         opacity: isActive.value ? withTiming(0) : animatedOpacity,
-        r: isActive.value ? withTiming(0) : scale
+        r: isActive.value ? withTiming(0) : scale,
       };
     }
     return {
       ...defaultProps,
       opacity: animatedOpacity,
-      r: scale
+      r: scale,
     };
   }, [hasPulse, isActive, outerSize, pulseBehaviour, pulseDurationMs, x, y]);
 
   ////////////////////////////////////////////////////////////
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedCircle, _extends({
-    animatedProps: animatedDotProps,
-    r: size,
-    fill: color,
-    opacity: opacity
-  }, dotProps)), hasOuterDot && /*#__PURE__*/React.createElement(AnimatedCircle, _extends({
-    animatedProps: animatedOuterDotProps,
-    fill: color
-  }, outerDotProps)));
+  return /*#__PURE__*/ React.createElement(
+    React.Fragment,
+    null,
+    /*#__PURE__*/ React.createElement(
+      AnimatedCircle,
+      _extends(
+        {
+          animatedProps: animatedDotProps,
+          r: size,
+          fill: color,
+          opacity: opacity,
+        },
+        dotProps
+      )
+    ),
+    hasOuterDot &&
+      /*#__PURE__*/ React.createElement(
+        AnimatedCircle,
+        _extends(
+          {
+            animatedProps: animatedOuterDotProps,
+            fill: color,
+          },
+          outerDotProps
+        )
+      )
+  );
 }
-//# sourceMappingURL=Dot.js.map
+//# sourceMappingURL=Dot.js.map