react-native-wagmi-charts 1.6.0 → 2.0.1

package/src/charts/line/utils/getPath.ts

@@ -0,0 +1,48 @@
+// @ts-ignore
+import * as shape from 'd3-shape';
+// @ts-ignore
+import { scaleLinear } from 'd3-scale';
+
+import type { TLineChartData, YDomain } from '../types';
+
+export function getPath({
+  data,
+  from,
+  to,
+  width,
+  height,
+  gutter,
+  shape: _shape,
+  yDomain,
+}: {
+  data: TLineChartData;
+  from?: number;
+  to?: number;
+  width: number;
+  height: number;
+  gutter: number;
+  shape?: unknown;
+  yDomain: YDomain;
+}): string {
+  const timestamps = data.map((_, i) => i);
+
+  const scaleX = scaleLinear()
+    .domain([Math.min(...timestamps), Math.max(...timestamps)])
+    .range([0, width]);
+  const scaleY = scaleLinear()
+    .domain([yDomain.min, yDomain.max])
+    .range([height - gutter, gutter]);
+  const path = shape
+    .line()
+    .defined((d: { timestamp: number }) =>
+      from || to
+        ? data
+            .slice(from, to ? to + 1 : undefined)
+            .find((item) => item.timestamp === d.timestamp)
+        : true
+    )
+    .x((_: unknown, i: number) => scaleX(i))
+    .y((d: { value: number }) => scaleY(d.value))
+    .curve(_shape)(data);
+  return path;
+}

package/src/charts/line/utils/index.ts

@@ -0,0 +1,5 @@
+export * from './getArea';
+export * from './getDomain';
+export * from './getPath';
+export * from './interpolatePath';
+export * from './lineChartDataPropToArray';

package/src/charts/line/{interpolatePath.ts → utils/interpolatePath.ts}

@@ -608,7 +608,7 @@ export function interpolatePathCommands(
  *   end command object and returns true if the segment should be excluded from splitting.
  * @returns {Function} Interpolation function that maps t ([0, 1]) to a path `d` string.
  */
-export default function interpolatePath(a, b, excludeSegment) {
+export function interpolatePath(a, b, excludeSegment) {
   'worklet';
 
   let aCommands = pathCommandsFromString(a);

package/src/charts/line/utils/lineChartDataPropToArray.ts

@@ -0,0 +1,25 @@
+import type { TLineChartData, TLineChartDataProp } from '../types';
+
+export function lineChartDataPropToArray(
+  dataProp: TLineChartDataProp
+): TLineChartData {
+  'worklet';
+
+  if (!dataProp) {
+    return [];
+  }
+
+  if (Array.isArray(dataProp)) {
+    return dataProp;
+  }
+
+  const data: TLineChartData = [];
+
+  Object.values(dataProp).forEach((dataSet) => {
+    if (dataSet) {
+      data.push(...dataSet);
+    }
+  });
+
+  return data;
+}

package/src/components/AnimatedText.tsx

@@ -1,7 +1,7 @@
 // forked from https://github.com/wcandillon/react-native-redash/blob/master/src/ReText.tsx
 
 import React from 'react';
-import { Platform, TextProps as RNTextProps } from 'react-native';
+import { Platform, StyleSheet, TextProps as RNTextProps } from 'react-native';
 import { TextInput } from 'react-native';
 import Animated, {
   useAnimatedProps,
@@ -20,19 +20,27 @@ const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
 export const AnimatedText = ({ text, style }: AnimatedTextProps) => {
   const inputRef = React.useRef<TextInput>(null);
 
-  useAnimatedReaction(
-    () => {
-      // always return false unless web to prevent unnecessary reactions
-      return Platform.OS === 'web' && text.value;
-    },
-    (data, prevData) => {
-      if (Platform.OS === 'web' && data !== prevData && inputRef.current) {
-        inputRef.current.setNativeProps({
-          value: data,
-        });
+  if (Platform.OS === 'web') {
+    // For some reason, the worklet reaction evaluates upfront regardless of any
+    // conditionals within it, causing Android to crash upon the invokation of `setNativeProps`.
+    // We are going to break the rules of hooks here so it doesn't invoke `useAnimatedReaction`
+    // for platforms outside of the web.
+
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useAnimatedReaction(
+      () => {
+        return text.value;
+      },
+      (data, prevData) => {
+        if (data !== prevData && inputRef.current) {
+          inputRef.current.setNativeProps({
+            value: data,
+            style,
+          });
+        }
       }
-    }
-  );
+    );
+  }
   const animatedProps = useAnimatedProps(() => {
     return {
       text: text.value,
@@ -46,8 +54,14 @@ export const AnimatedText = ({ text, style }: AnimatedTextProps) => {
       editable={false}
       ref={Platform.select({ web: inputRef })}
       value={text.value}
-      style={style}
+      style={[styles.text, style]}
       animatedProps={animatedProps}
     />
   );
 };
+
+const styles = StyleSheet.create({
+  text: {
+    color: 'black',
+  },
+});

package/src/index.ts

@@ -1,4 +1,4 @@
 export * from './charts/candle';
 export * from './charts/line';
-export * from './utils';
 export * from './components/AnimatedText';
+export * from './utils';

package/src/utils/formatDatetime.ts

@@ -0,0 +1,16 @@
+/**
+ * @worklet
+ */
+export function formatDatetime({
+  value,
+  locale = 'en-US',
+  options = {},
+}: {
+  value: number;
+  locale?: string;
+  options?: Intl.DateTimeFormatOptions;
+}) {
+  'worklet';
+  const d = new Date(value);
+  return d.toLocaleString(locale, options);
+}

package/src/{utils.ts → utils/formatPrice.ts}

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 /**
  * @worklet
  */
@@ -40,32 +38,3 @@ export function formatPrice({
   }
   return res;
 }
-
-/**
- * @worklet
- */
-export function formatDatetime({
-  value,
-  locale = 'en-US',
-  options = {},
-}: {
-  value: number;
-  locale?: string;
-  options?: Intl.DateTimeFormatOptions;
-}) {
-  'worklet';
-  const d = new Date(value);
-  return d.toLocaleString(locale, options);
-}
-
-export function usePrevious<T>(value: T) {
-  // The ref object is a generic container whose current property is mutable ...
-  // ... and can hold any value, similar to an instance property on a class
-  const ref = React.useRef<T>();
-  // Store current value in ref
-  React.useEffect(() => {
-    ref.current = value;
-  }, [value]); // Only re-run if value changes
-  // Return previous value (happens before update in useEffect above)
-  return ref.current;
-}

package/src/utils/index.ts

@@ -0,0 +1,3 @@
+export * from './formatDatetime';
+export * from './formatPrice';
+export * from './usePrevious';

package/src/utils/usePrevious.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+export function usePrevious<T>(value: T) {
+  // The ref object is a generic container whose current property is mutable ...
+  // ... and can hold any value, similar to an instance property on a class
+  const ref = React.useRef<T>();
+  // Store current value in ref
+  React.useEffect(() => {
+    ref.current = value;
+  }, [value]); // Only re-run if value changes
+  // Return previous value (happens before update in useEffect above)
+  return ref.current;
+}

package/yarn.lock

@@ -6158,7 +6158,7 @@ react-devtools-core@^4.6.0:
     shell-quote "^1.6.1"
     ws "^7"
 
-react-is@^16.7.0, react-is@^16.8.1:
+react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.6:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -6168,6 +6168,13 @@ react-is@^17.0.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
 
+react-keyed-flatten-children@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/react-keyed-flatten-children/-/react-keyed-flatten-children-1.3.0.tgz#38d171582c6358909f430648a7a7d094aebae42a"
+  integrity sha512-qB7A6n+NHU0x88qTZGAJw6dsqwI941jcRPBB640c/CyWqjPQQ+YUmXOuzPziuHb7iqplM3xksWAbGYwkQT0tXA==
+  dependencies:
+    react-is "^16.8.6"
+
 react-native-builder-bob@^0.18.1:
   version "0.18.1"
   resolved "https://registry.yarnpkg.com/react-native-builder-bob/-/react-native-builder-bob-0.18.1.tgz#43f238e6cb6efffa6e3d23ac449eb7392650c2c3"
@@ -6215,10 +6222,10 @@ react-native-gesture-handler@^1.10.3:
     invariant "^2.2.4"
     prop-types "^15.7.2"
 
-react-native-reanimated@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-2.2.0.tgz#a6412c56b4e591d1f00fac949f62d0c72c357c78"
-  integrity sha512-lOJDd+5w1gY6DHGXG2jD1dsjzQmXQ2699HUc3IztvI2WP4zUT+UAA+zSG+5JiBS5DUnTL8YhhkmUQmr1KNGO5w==
+react-native-reanimated@2.2.4:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-2.2.4.tgz#36c5d15028b0bd7d479fba5199117ac870c7a532"
+  integrity sha512-Nn648MfEEnTCEiWsl1YmfkojiLyV0NMY0EiRdDRbZNfJVfxBuyqhCxI/4Jd7aBi162qpgf8XK2mByYgvF4zLrQ==
   dependencies:
     "@babel/plugin-transform-object-assign" "^7.10.4"
     fbjs "^3.0.0"

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

@@ -1 +0,0 @@
-{"version":3,"sources":["utils.ts"],"names":["getDomain","rows","values","map","value","Math","min","max","getPath","data","width","height","gutter","shape","_shape","curveBumpX","yDomain","timestamps","_","i","scaleX","domain","range","scaleY","path","line","x","y","d","curve","getArea","area","y0","y1"],"mappings":";;;;;;;;;AACA;;AAEA;;;;;;AAHA;AAEA;AAKO,SAASA,SAAT,CAAmBC,IAAnB,EAA8D;AACnE;;AACA,QAAMC,MAAM,GAAGD,IAAI,CAACE,GAAL,CAAS,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAAeA,KAAxB,CAAf;AACA,SAAO,CAACC,IAAI,CAACC,GAAL,CAAS,GAAGJ,MAAZ,CAAD,EAAsBG,IAAI,CAACE,GAAL,CAAS,GAAGL,MAAZ,CAAtB,CAAP;AACD;;AAEM,SAASM,OAAT,CAAiB;AACtBC,EAAAA,IADsB;AAEtBC,EAAAA,KAFsB;AAGtBC,EAAAA,MAHsB;AAItBC,EAAAA,MAJsB;AAKtBC,EAAAA,KAAK,EAAEC,MAAM,GAAGD,KAAK,CAACE,UALA;AAMtBC,EAAAA;AANsB,CAAjB,EAcI;AACT,QAAMC,UAAU,GAAGR,IAAI,CAACN,GAAL,CAAS,CAACe,CAAD,EAAIC,CAAJ,KAAUA,CAAnB,CAAnB;AAEA,QAAMC,MAAM,GAAG,4BACZC,MADY,CACL,CAAChB,IAAI,CAACC,GAAL,CAAS,GAAGW,UAAZ,CAAD,EAA0BZ,IAAI,CAACE,GAAL,CAAS,GAAGU,UAAZ,CAA1B,CADK,EAEZK,KAFY,CAEN,CAAC,CAAD,EAAIZ,KAAJ,CAFM,CAAf;AAGA,QAAMa,MAAM,GAAG,4BACZF,MADY,CACL,CAACL,OAAO,CAACV,GAAT,EAAcU,OAAO,CAACT,GAAtB,CADK,EAEZe,KAFY,CAEN,CAACX,MAAM,GAAGC,MAAV,EAAkBA,MAAlB,CAFM,CAAf;AAGA,QAAMY,IAAI,GAAGX,KAAK,CACfY,IADU,GAEVC,CAFU,CAER,CAACR,CAAD,EAAaC,CAAb,KAA2BC,MAAM,CAACD,CAAD,CAFzB,EAGVQ,CAHU,CAGPC,CAAD,IAA2BL,MAAM,CAACK,CAAC,CAACxB,KAAH,CAHzB,EAIVyB,KAJU,CAIJf,MAJI,EAIIL,IAJJ,CAAb;AAKA,SAAOe,IAAP;AACD;;AAEM,SAASM,OAAT,CAAiB;AACtBrB,EAAAA,IADsB;AAEtBC,EAAAA,KAFsB;AAGtBC,EAAAA,MAHsB;AAItBC,EAAAA,MAJsB;AAKtBC,EAAAA,KAAK,EAAEC,MAAM,GAAGD,KAAK,CAACE,UALA;AAMtBC,EAAAA;AANsB,CAAjB,EAcI;AACT,QAAMC,UAAU,GAAGR,IAAI,CAACN,GAAL,CAAS,CAACe,CAAD,EAAIC,CAAJ,KAAUA,CAAnB,CAAnB;AAEA,QAAMC,MAAM,GAAG,4BACZC,MADY,CACL,CAAChB,IAAI,CAACC,GAAL,CAAS,GAAGW,UAAZ,CAAD,EAA0BZ,IAAI,CAACE,GAAL,CAAS,GAAGU,UAAZ,CAA1B,CADK,EAEZK,KAFY,CAEN,CAAC,CAAD,EAAIZ,KAAJ,CAFM,CAAf;AAGA,QAAMa,MAAM,GAAG,4BACZF,MADY,CACL,CAACL,OAAO,CAACV,GAAT,EAAcU,OAAO,CAACT,GAAtB,CADK,EAEZe,KAFY,CAEN,CAACX,MAAM,GAAGC,MAAV,EAAkBA,MAAlB,CAFM,CAAf;AAGA,QAAMmB,IAAI,GAAGlB,KAAK,CACfkB,IADU,GAEVL,CAFU,CAER,CAACR,CAAD,EAAaC,CAAb,KAA2BC,MAAM,CAACD,CAAD,CAFzB,EAGVa,EAHU,CAGNJ,CAAD,IAA2BL,MAAM,CAACK,CAAC,CAACxB,KAAH,CAH1B,EAIV6B,EAJU,CAIP,MAAMtB,MAJC,EAKVkB,KALU,CAKJf,MALI,EAKIL,IALJ,CAAb;AAMA,SAAOsB,IAAP;AACD","sourcesContent":["// @ts-ignore\nimport * as shape from 'd3-shape';\n// @ts-ignore\nimport { scaleLinear } from 'd3-scale';\n\nimport type { TLineChartData, TLineChartPoint, YDomain } from './types';\n\nexport function getDomain(rows: TLineChartPoint[]): [number, number] {\n  'worklet';\n  const values = rows.map(({ value }) => value);\n  return [Math.min(...values), Math.max(...values)];\n}\n\nexport function getPath({\n  data,\n  width,\n  height,\n  gutter,\n  shape: _shape = shape.curveBumpX,\n  yDomain,\n}: {\n  data: TLineChartData;\n  width: number;\n  height: number;\n  gutter: number;\n  shape?: string;\n  yDomain: YDomain;\n}): string {\n  const timestamps = data.map((_, i) => i);\n\n  const scaleX = scaleLinear()\n    .domain([Math.min(...timestamps), Math.max(...timestamps)])\n    .range([0, width]);\n  const scaleY = scaleLinear()\n    .domain([yDomain.min, yDomain.max])\n    .range([height - gutter, gutter]);\n  const path = shape\n    .line()\n    .x((_: unknown, i: number) => scaleX(i))\n    .y((d: { value: unknown }) => scaleY(d.value))\n    .curve(_shape)(data);\n  return path;\n}\n\nexport function getArea({\n  data,\n  width,\n  height,\n  gutter,\n  shape: _shape = shape.curveBumpX,\n  yDomain,\n}: {\n  data: TLineChartData;\n  width: number;\n  height: number;\n  gutter: number;\n  shape?: string;\n  yDomain: YDomain;\n}): string {\n  const timestamps = data.map((_, i) => i);\n\n  const scaleX = scaleLinear()\n    .domain([Math.min(...timestamps), Math.max(...timestamps)])\n    .range([0, width]);\n  const scaleY = scaleLinear()\n    .domain([yDomain.min, yDomain.max])\n    .range([height - gutter, gutter]);\n  const area = shape\n    .area()\n    .x((_: unknown, i: number) => scaleX(i))\n    .y0((d: { value: unknown }) => scaleY(d.value))\n    .y1(() => height)\n    .curve(_shape)(data);\n  return area;\n}\n"]}

package/lib/commonjs/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["utils.ts"],"names":["formatPrice","value","_value","defaultPrice","_defaultPrice","precision","toString","replace","decimals","Number","Math","min","slice","search","res","toFixed","vals","split","length","formatDatetime","locale","options","d","Date","toLocaleString","usePrevious","ref","React","useRef","useEffect","current"],"mappings":";;;;;;;;;AAAA;;;;;;AAEA;AACA;AACA;AACO,SAASA,WAAT,CAAqB;AAC1BC,EAAAA,KAAK,EAAEC,MADmB;AAE1BC,EAAAA,YAAY,EAAEC,aAAa,GAAG,EAFJ;AAG1BC,EAAAA;AAH0B,CAArB,EAQJ;AACD;;AADC;;AAGD,MAAIF,YAAY,GAAGC,aAAnB;;AACA,MAAI,OAAOD,YAAP,KAAwB,QAA5B,EAAsC;AACpCA,IAAAA,YAAY,GAAIA,YAAD,CAAyBG,QAAzB,EAAf;AACD;;AAED,MAAIL,KAAK,GAAGC,MAAM,uBAAIC,YAAJ,4EAAI,eAAcI,OAAlB,0DAAI,2CAAwB,GAAxB,EAA6B,EAA7B,CAAJ,CAAlB;;AACA,MAAI,CAACN,KAAL,EAAY;AACV,WAAQ,MAAR;AACD;;AAED,MAAIO,QAAQ,GACVH,SADU,aACVA,SADU,cACVA,SADU,GAETI,MAAM,CAACR,KAAD,CAAN,GAAgB,CAAhB,GACGS,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYV,KAAK,CAACK,QAAN,GAAiBM,KAAjB,CAAuB,CAAvB,EAA0BC,MAA1B,CAAiC,OAAjC,IAA4C,CAAxD,CADH,GAEG,CAJN;AAMA,MAAIC,GAAG,GAAI,GAAEL,MAAM,CAACR,KAAD,CAAN,CAAcc,OAAd,CAAsBP,QAAtB,CAAgC,EAA7C;AACA,QAAMQ,IAAI,GAAGF,GAAG,CAACG,KAAJ,CAAU,GAAV,CAAb;;AACA,MAAID,IAAI,CAACE,MAAL,GAAc,CAAlB,EAAqB;AACnBJ,IAAAA,GAAG,GAAGE,IAAI,CAAC,CAAD,CAAJ,CAAQT,OAAR,CAAgB,uBAAhB,EAAyC,GAAzC,CAAN;;AACA,QAAIS,IAAI,CAACE,MAAL,KAAgB,CAApB,EAAuB;AACrB,aAAOJ,GAAG,GAAG,GAAN,GAAYE,IAAI,CAAC,CAAD,CAAvB;AACD;AACF;;AACD,SAAOF,GAAP;AACD;AAED;AACA;AACA;;;AACO,SAASK,cAAT,CAAwB;AAC7BlB,EAAAA,KAD6B;AAE7BmB,EAAAA,MAAM,GAAG,OAFoB;AAG7BC,EAAAA,OAAO,GAAG;AAHmB,CAAxB,EAQJ;AACD;;AACA,QAAMC,CAAC,GAAG,IAAIC,IAAJ,CAAStB,KAAT,CAAV;AACA,SAAOqB,CAAC,CAACE,cAAF,CAAiBJ,MAAjB,EAAyBC,OAAzB,CAAP;AACD;;AAEM,SAASI,WAAT,CAAwBxB,KAAxB,EAAkC;AACvC;AACA;AACA,QAAMyB,GAAG,GAAGC,KAAK,CAACC,MAAN,EAAZ,CAHuC,CAIvC;;AACAD,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AACpBH,IAAAA,GAAG,CAACI,OAAJ,GAAc7B,KAAd;AACD,GAFD,EAEG,CAACA,KAAD,CAFH,EALuC,CAO1B;AACb;;AACA,SAAOyB,GAAG,CAACI,OAAX;AACD","sourcesContent":["import * as React from 'react';\n\n/**\n * @worklet\n */\nexport function formatPrice({\n  value: _value,\n  defaultPrice: _defaultPrice = '',\n  precision,\n}: {\n  value: string;\n  defaultPrice?: string;\n  precision?: number;\n}) {\n  'worklet';\n\n  let defaultPrice = _defaultPrice;\n  if (typeof defaultPrice === 'number') {\n    defaultPrice = (defaultPrice as number).toString();\n  }\n\n  let value = _value || defaultPrice?.replace?.(',', '');\n  if (!value) {\n    return `0.00`;\n  }\n\n  let decimals =\n    precision ??\n    (Number(value) < 1\n      ? Math.min(8, value.toString().slice(2).search(/[^0]/g) + 3)\n      : 2);\n\n  let res = `${Number(value).toFixed(decimals)}`;\n  const vals = res.split('.');\n  if (vals.length > 0) {\n    res = vals[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n    if (vals.length === 2) {\n      return res + '.' + vals[1];\n    }\n  }\n  return res;\n}\n\n/**\n * @worklet\n */\nexport function formatDatetime({\n  value,\n  locale = 'en-US',\n  options = {},\n}: {\n  value: number;\n  locale?: string;\n  options?: Intl.DateTimeFormatOptions;\n}) {\n  'worklet';\n  const d = new Date(value);\n  return d.toLocaleString(locale, options);\n}\n\nexport function usePrevious<T>(value: T) {\n  // The ref object is a generic container whose current property is mutable ...\n  // ... and can hold any value, similar to an instance property on a class\n  const ref = React.useRef<T>();\n  // Store current value in ref\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]); // Only re-run if value changes\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n"]}

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

@@ -1,41 +0,0 @@
-// @ts-ignore
-import * as shape from 'd3-shape'; // @ts-ignore
-
-import { scaleLinear } from 'd3-scale';
-export function getDomain(rows) {
-  'worklet';
-
-  const values = rows.map(({
-    value
-  }) => value);
-  return [Math.min(...values), Math.max(...values)];
-}
-export function getPath({
-  data,
-  width,
-  height,
-  gutter,
-  shape: _shape = shape.curveBumpX,
-  yDomain
-}) {
-  const timestamps = data.map((_, i) => i);
-  const scaleX = scaleLinear().domain([Math.min(...timestamps), Math.max(...timestamps)]).range([0, width]);
-  const scaleY = scaleLinear().domain([yDomain.min, yDomain.max]).range([height - gutter, gutter]);
-  const path = shape.line().x((_, i) => scaleX(i)).y(d => scaleY(d.value)).curve(_shape)(data);
-  return path;
-}
-export function getArea({
-  data,
-  width,
-  height,
-  gutter,
-  shape: _shape = shape.curveBumpX,
-  yDomain
-}) {
-  const timestamps = data.map((_, i) => i);
-  const scaleX = scaleLinear().domain([Math.min(...timestamps), Math.max(...timestamps)]).range([0, width]);
-  const scaleY = scaleLinear().domain([yDomain.min, yDomain.max]).range([height - gutter, gutter]);
-  const area = shape.area().x((_, i) => scaleX(i)).y0(d => scaleY(d.value)).y1(() => height).curve(_shape)(data);
-  return area;
-}
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["utils.ts"],"names":["shape","scaleLinear","getDomain","rows","values","map","value","Math","min","max","getPath","data","width","height","gutter","_shape","curveBumpX","yDomain","timestamps","_","i","scaleX","domain","range","scaleY","path","line","x","y","d","curve","getArea","area","y0","y1"],"mappings":"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","sourcesContent":["// @ts-ignore\nimport * as shape from 'd3-shape';\n// @ts-ignore\nimport { scaleLinear } from 'd3-scale';\n\nimport type { TLineChartData, TLineChartPoint, YDomain } from './types';\n\nexport function getDomain(rows: TLineChartPoint[]): [number, number] {\n  'worklet';\n  const values = rows.map(({ value }) => value);\n  return [Math.min(...values), Math.max(...values)];\n}\n\nexport function getPath({\n  data,\n  width,\n  height,\n  gutter,\n  shape: _shape = shape.curveBumpX,\n  yDomain,\n}: {\n  data: TLineChartData;\n  width: number;\n  height: number;\n  gutter: number;\n  shape?: string;\n  yDomain: YDomain;\n}): string {\n  const timestamps = data.map((_, i) => i);\n\n  const scaleX = scaleLinear()\n    .domain([Math.min(...timestamps), Math.max(...timestamps)])\n    .range([0, width]);\n  const scaleY = scaleLinear()\n    .domain([yDomain.min, yDomain.max])\n    .range([height - gutter, gutter]);\n  const path = shape\n    .line()\n    .x((_: unknown, i: number) => scaleX(i))\n    .y((d: { value: unknown }) => scaleY(d.value))\n    .curve(_shape)(data);\n  return path;\n}\n\nexport function getArea({\n  data,\n  width,\n  height,\n  gutter,\n  shape: _shape = shape.curveBumpX,\n  yDomain,\n}: {\n  data: TLineChartData;\n  width: number;\n  height: number;\n  gutter: number;\n  shape?: string;\n  yDomain: YDomain;\n}): string {\n  const timestamps = data.map((_, i) => i);\n\n  const scaleX = scaleLinear()\n    .domain([Math.min(...timestamps), Math.max(...timestamps)])\n    .range([0, width]);\n  const scaleY = scaleLinear()\n    .domain([yDomain.min, yDomain.max])\n    .range([height - gutter, gutter]);\n  const area = shape\n    .area()\n    .x((_: unknown, i: number) => scaleX(i))\n    .y0((d: { value: unknown }) => scaleY(d.value))\n    .y1(() => height)\n    .curve(_shape)(data);\n  return area;\n}\n"]}

package/lib/module/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["utils.ts"],"names":["React","formatPrice","value","_value","defaultPrice","_defaultPrice","precision","toString","replace","decimals","Number","Math","min","slice","search","res","toFixed","vals","split","length","formatDatetime","locale","options","d","Date","toLocaleString","usePrevious","ref","useRef","useEffect","current"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;;AACA,OAAO,SAASC,WAAT,CAAqB;AAC1BC,EAAAA,KAAK,EAAEC,MADmB;AAE1BC,EAAAA,YAAY,EAAEC,aAAa,GAAG,EAFJ;AAG1BC,EAAAA;AAH0B,CAArB,EAQJ;AACD;;AADC;;AAGD,MAAIF,YAAY,GAAGC,aAAnB;;AACA,MAAI,OAAOD,YAAP,KAAwB,QAA5B,EAAsC;AACpCA,IAAAA,YAAY,GAAIA,YAAD,CAAyBG,QAAzB,EAAf;AACD;;AAED,MAAIL,KAAK,GAAGC,MAAM,uBAAIC,YAAJ,4EAAI,eAAcI,OAAlB,0DAAI,2CAAwB,GAAxB,EAA6B,EAA7B,CAAJ,CAAlB;;AACA,MAAI,CAACN,KAAL,EAAY;AACV,WAAQ,MAAR;AACD;;AAED,MAAIO,QAAQ,GACVH,SADU,aACVA,SADU,cACVA,SADU,GAETI,MAAM,CAACR,KAAD,CAAN,GAAgB,CAAhB,GACGS,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYV,KAAK,CAACK,QAAN,GAAiBM,KAAjB,CAAuB,CAAvB,EAA0BC,MAA1B,CAAiC,OAAjC,IAA4C,CAAxD,CADH,GAEG,CAJN;AAMA,MAAIC,GAAG,GAAI,GAAEL,MAAM,CAACR,KAAD,CAAN,CAAcc,OAAd,CAAsBP,QAAtB,CAAgC,EAA7C;AACA,QAAMQ,IAAI,GAAGF,GAAG,CAACG,KAAJ,CAAU,GAAV,CAAb;;AACA,MAAID,IAAI,CAACE,MAAL,GAAc,CAAlB,EAAqB;AACnBJ,IAAAA,GAAG,GAAGE,IAAI,CAAC,CAAD,CAAJ,CAAQT,OAAR,CAAgB,uBAAhB,EAAyC,GAAzC,CAAN;;AACA,QAAIS,IAAI,CAACE,MAAL,KAAgB,CAApB,EAAuB;AACrB,aAAOJ,GAAG,GAAG,GAAN,GAAYE,IAAI,CAAC,CAAD,CAAvB;AACD;AACF;;AACD,SAAOF,GAAP;AACD;AAED;AACA;AACA;;AACA,OAAO,SAASK,cAAT,CAAwB;AAC7BlB,EAAAA,KAD6B;AAE7BmB,EAAAA,MAAM,GAAG,OAFoB;AAG7BC,EAAAA,OAAO,GAAG;AAHmB,CAAxB,EAQJ;AACD;;AACA,QAAMC,CAAC,GAAG,IAAIC,IAAJ,CAAStB,KAAT,CAAV;AACA,SAAOqB,CAAC,CAACE,cAAF,CAAiBJ,MAAjB,EAAyBC,OAAzB,CAAP;AACD;AAED,OAAO,SAASI,WAAT,CAAwBxB,KAAxB,EAAkC;AACvC;AACA;AACA,QAAMyB,GAAG,GAAG3B,KAAK,CAAC4B,MAAN,EAAZ,CAHuC,CAIvC;;AACA5B,EAAAA,KAAK,CAAC6B,SAAN,CAAgB,MAAM;AACpBF,IAAAA,GAAG,CAACG,OAAJ,GAAc5B,KAAd;AACD,GAFD,EAEG,CAACA,KAAD,CAFH,EALuC,CAO1B;AACb;;AACA,SAAOyB,GAAG,CAACG,OAAX;AACD","sourcesContent":["import * as React from 'react';\n\n/**\n * @worklet\n */\nexport function formatPrice({\n  value: _value,\n  defaultPrice: _defaultPrice = '',\n  precision,\n}: {\n  value: string;\n  defaultPrice?: string;\n  precision?: number;\n}) {\n  'worklet';\n\n  let defaultPrice = _defaultPrice;\n  if (typeof defaultPrice === 'number') {\n    defaultPrice = (defaultPrice as number).toString();\n  }\n\n  let value = _value || defaultPrice?.replace?.(',', '');\n  if (!value) {\n    return `0.00`;\n  }\n\n  let decimals =\n    precision ??\n    (Number(value) < 1\n      ? Math.min(8, value.toString().slice(2).search(/[^0]/g) + 3)\n      : 2);\n\n  let res = `${Number(value).toFixed(decimals)}`;\n  const vals = res.split('.');\n  if (vals.length > 0) {\n    res = vals[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n    if (vals.length === 2) {\n      return res + '.' + vals[1];\n    }\n  }\n  return res;\n}\n\n/**\n * @worklet\n */\nexport function formatDatetime({\n  value,\n  locale = 'en-US',\n  options = {},\n}: {\n  value: number;\n  locale?: string;\n  options?: Intl.DateTimeFormatOptions;\n}) {\n  'worklet';\n  const d = new Date(value);\n  return d.toLocaleString(locale, options);\n}\n\nexport function usePrevious<T>(value: T) {\n  // The ref object is a generic container whose current property is mutable ...\n  // ... and can hold any value, similar to an instance property on a class\n  const ref = React.useRef<T>();\n  // Store current value in ref\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]); // Only re-run if value changes\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n"]}

package/lib/typescript/src/charts/line/utils.d.ts

@@ -1,18 +0,0 @@
-import type { TLineChartData, TLineChartPoint, YDomain } from './types';
-export declare function getDomain(rows: TLineChartPoint[]): [number, number];
-export declare function getPath({ data, width, height, gutter, shape: _shape, yDomain, }: {
-    data: TLineChartData;
-    width: number;
-    height: number;
-    gutter: number;
-    shape?: string;
-    yDomain: YDomain;
-}): string;
-export declare function getArea({ data, width, height, gutter, shape: _shape, yDomain, }: {
-    data: TLineChartData;
-    width: number;
-    height: number;
-    gutter: number;
-    shape?: string;
-    yDomain: YDomain;
-}): string;

package/lib/typescript/src/utils.d.ts

@@ -1,17 +0,0 @@
-/**
- * @worklet
- */
-export declare function formatPrice({ value: _value, defaultPrice: _defaultPrice, precision, }: {
-    value: string;
-    defaultPrice?: string;
-    precision?: number;
-}): string;
-/**
- * @worklet
- */
-export declare function formatDatetime({ value, locale, options, }: {
-    value: number;
-    locale?: string;
-    options?: Intl.DateTimeFormatOptions;
-}): string;
-export declare function usePrevious<T>(value: T): T | undefined;

package/src/charts/line/utils.ts

@@ -1,75 +0,0 @@
-// @ts-ignore
-import * as shape from 'd3-shape';
-// @ts-ignore
-import { scaleLinear } from 'd3-scale';
-
-import type { TLineChartData, TLineChartPoint, YDomain } from './types';
-
-export function getDomain(rows: TLineChartPoint[]): [number, number] {
-  'worklet';
-  const values = rows.map(({ value }) => value);
-  return [Math.min(...values), Math.max(...values)];
-}
-
-export function getPath({
-  data,
-  width,
-  height,
-  gutter,
-  shape: _shape = shape.curveBumpX,
-  yDomain,
-}: {
-  data: TLineChartData;
-  width: number;
-  height: number;
-  gutter: number;
-  shape?: string;
-  yDomain: YDomain;
-}): string {
-  const timestamps = data.map((_, i) => i);
-
-  const scaleX = scaleLinear()
-    .domain([Math.min(...timestamps), Math.max(...timestamps)])
-    .range([0, width]);
-  const scaleY = scaleLinear()
-    .domain([yDomain.min, yDomain.max])
-    .range([height - gutter, gutter]);
-  const path = shape
-    .line()
-    .x((_: unknown, i: number) => scaleX(i))
-    .y((d: { value: unknown }) => scaleY(d.value))
-    .curve(_shape)(data);
-  return path;
-}
-
-export function getArea({
-  data,
-  width,
-  height,
-  gutter,
-  shape: _shape = shape.curveBumpX,
-  yDomain,
-}: {
-  data: TLineChartData;
-  width: number;
-  height: number;
-  gutter: number;
-  shape?: string;
-  yDomain: YDomain;
-}): string {
-  const timestamps = data.map((_, i) => i);
-
-  const scaleX = scaleLinear()
-    .domain([Math.min(...timestamps), Math.max(...timestamps)])
-    .range([0, width]);
-  const scaleY = scaleLinear()
-    .domain([yDomain.min, yDomain.max])
-    .range([height - gutter, gutter]);
-  const area = shape
-    .area()
-    .x((_: unknown, i: number) => scaleX(i))
-    .y0((d: { value: unknown }) => scaleY(d.value))
-    .y1(() => height)
-    .curve(_shape)(data);
-  return area;
-}