react-native-wagmi-charts 1.0.4 → 1.2.1

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

@@ -1 +1 @@
-{"version":3,"sources":["useDatetime.ts"],"names":["useDerivedValue","formatDatetime","useLineChart","useLineChartDatetime","format","locale","options","currentIndex","data","timestamp","value","timestampString","toString","formatted","formattedDatetime"],"mappings":"AAAA,SAASA,eAAT,QAAgC,yBAAhC;AAEA,SAASC,cAAT,QAA+B,aAA/B;AACA,SAASC,YAAT,QAA6B,gBAA7B;AAEA,OAAO,SAASC,oBAAT,CAA8B;AACnCC,EAAAA,MADmC;AAEnCC,EAAAA,MAFmC;AAGnCC,EAAAA;AAHmC,IAQjC,EARG,EAQC;AACN,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAAyBN,YAAY,EAA3C;AAEA,QAAMO,SAAS,GAAGT,eAAe,CAAC,MAAM;AACtC,QAAI,OAAOO,YAAY,CAACG,KAApB,KAA8B,WAA9B,IAA6CH,YAAY,CAACG,KAAb,KAAuB,CAAC,CAAzE,EACE,OAAO,EAAP;AACF,WAAOF,IAAI,CAACD,YAAY,CAACG,KAAd,CAAJ,CAAyBD,SAAhC;AACD,GAJgC,CAAjC;AAMA,QAAME,eAAe,GAAGX,eAAe,CAAC,MAAM;AAC5C,QAAIS,SAAS,CAACC,KAAV,KAAoB,EAAxB,EAA4B,OAAO,EAAP;AAC5B,WAAOD,SAAS,CAACC,KAAV,CAAgBE,QAAhB,EAAP;AACD,GAHsC,CAAvC;AAKA,QAAMC,SAAS,GAAGb,eAAe,CAAC,MAAM;AACtC,QAAIS,SAAS,CAACC,KAAV,KAAoB,EAAxB,EAA4B,OAAO,EAAP;AAC5B,UAAMI,iBAAiB,GAAGb,cAAc,CAAC;AACvCS,MAAAA,KAAK,EAAED,SAAS,CAACC,KADsB;AAEvCL,MAAAA,MAFuC;AAGvCC,MAAAA;AAHuC,KAAD,CAAxC;AAKA,WAAOF,MAAM,GACTA,MAAM,CAAC;AAAEM,MAAAA,KAAK,EAAED,SAAS,CAACC,KAAnB;AAA0BG,MAAAA,SAAS,EAAEC;AAArC,KAAD,CADG,GAETA,iBAFJ;AAGD,GAVgC,CAAjC;AAYA,SAAO;AAAEJ,IAAAA,KAAK,EAAEC,eAAT;AAA0BE,IAAAA;AAA1B,GAAP;AACD","sourcesContent":["import { useDerivedValue } from 'react-native-reanimated';\n\nimport { formatDatetime } from '../../utils';\nimport { useLineChart } from './useLineChart';\n\nexport function useLineChartDatetime({\n  format,\n  locale,\n  options,\n}: {\n  format?: any;\n  locale?: string;\n  options?: { [key: string]: string };\n} = {}) {\n  const { currentIndex, data } = useLineChart();\n\n  const timestamp = useDerivedValue(() => {\n    if (typeof currentIndex.value === 'undefined' || currentIndex.value === -1)\n      return '';\n    return data[currentIndex.value].timestamp;\n  });\n\n  const timestampString = useDerivedValue(() => {\n    if (timestamp.value === '') return '';\n    return timestamp.value.toString();\n  });\n\n  const formatted = useDerivedValue(() => {\n    if (timestamp.value === '') return '';\n    const formattedDatetime = formatDatetime({\n      value: timestamp.value,\n      locale,\n      options,\n    });\n    return format\n      ? format({ value: timestamp.value, formatted: formattedDatetime })\n      : formattedDatetime;\n  });\n\n  return { value: timestampString, formatted };\n}\n"]}
+{"version":3,"sources":["useDatetime.ts"],"names":["useDerivedValue","formatDatetime","useLineChart","useLineChartDatetime","format","locale","options","currentIndex","data","timestamp","value","timestampString","toString","formatted","formattedDatetime"],"mappings":"AAAA,SAASA,eAAT,QAAgC,yBAAhC;AAEA,SAASC,cAAT,QAA+B,aAA/B;AAEA,SAASC,YAAT,QAA6B,gBAA7B;AAEA,OAAO,SAASC,oBAAT,CAA8B;AACnCC,EAAAA,MADmC;AAEnCC,EAAAA,MAFmC;AAGnCC,EAAAA;AAHmC,IAQjC,EARG,EAQC;AACN,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAAyBN,YAAY,EAA3C;AAEA,QAAMO,SAAS,GAAGT,eAAe,CAAC,MAAM;AACtC,QAAI,OAAOO,YAAY,CAACG,KAApB,KAA8B,WAA9B,IAA6CH,YAAY,CAACG,KAAb,KAAuB,CAAC,CAAzE,EACE,OAAO,EAAP;AACF,WAAOF,IAAI,CAACD,YAAY,CAACG,KAAd,CAAJ,CAAyBD,SAAhC;AACD,GAJgC,CAAjC;AAMA,QAAME,eAAe,GAAGX,eAAe,CAAC,MAAM;AAC5C,QAAIS,SAAS,CAACC,KAAV,KAAoB,EAAxB,EAA4B,OAAO,EAAP;AAC5B,WAAOD,SAAS,CAACC,KAAV,CAAgBE,QAAhB,EAAP;AACD,GAHsC,CAAvC;AAKA,QAAMC,SAAS,GAAGb,eAAe,CAAC,MAAM;AACtC,QAAIS,SAAS,CAACC,KAAV,KAAoB,EAAxB,EAA4B,OAAO,EAAP;AAC5B,UAAMI,iBAAiB,GAAGb,cAAc,CAAC;AACvCS,MAAAA,KAAK,EAAED,SAAS,CAACC,KADsB;AAEvCL,MAAAA,MAFuC;AAGvCC,MAAAA;AAHuC,KAAD,CAAxC;AAKA,WAAOF,MAAM,GACTA,MAAM,CAAC;AAAEM,MAAAA,KAAK,EAAED,SAAS,CAACC,KAAnB;AAA0BG,MAAAA,SAAS,EAAEC;AAArC,KAAD,CADG,GAETA,iBAFJ;AAGD,GAVgC,CAAjC;AAYA,SAAO;AAAEJ,IAAAA,KAAK,EAAEC,eAAT;AAA0BE,IAAAA;AAA1B,GAAP;AACD","sourcesContent":["import { useDerivedValue } from 'react-native-reanimated';\n\nimport { formatDatetime } from '../../utils';\nimport type { TFormatterFn } from '../candle/types';\nimport { useLineChart } from './useLineChart';\n\nexport function useLineChartDatetime({\n  format,\n  locale,\n  options,\n}: {\n  format?: TFormatterFn<number>;\n  locale?: string;\n  options?: Intl.DateTimeFormatOptions;\n} = {}) {\n  const { currentIndex, data } = useLineChart();\n\n  const timestamp = useDerivedValue(() => {\n    if (typeof currentIndex.value === 'undefined' || currentIndex.value === -1)\n      return '';\n    return data[currentIndex.value].timestamp;\n  });\n\n  const timestampString = useDerivedValue(() => {\n    if (timestamp.value === '') return '';\n    return timestamp.value.toString();\n  });\n\n  const formatted = useDerivedValue(() => {\n    if (timestamp.value === '') return '';\n    const formattedDatetime = formatDatetime({\n      value: timestamp.value,\n      locale,\n      options,\n    });\n    return format\n      ? format({ value: timestamp.value, formatted: formattedDatetime })\n      : formattedDatetime;\n  });\n\n  return { value: timestampString, formatted };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["usePrice.ts"],"names":["useDerivedValue","formatPrice","useLineChart","useLineChartPrice","format","precision","currentIndex","data","float","value","price","toFixed","toString","formatted","formattedPrice"],"mappings":"AAAA,SAASA,eAAT,QAAgC,yBAAhC;AAEA,SAASC,WAAT,QAA4B,aAA5B;AACA,SAASC,YAAT,QAA6B,gBAA7B;AAEA,OAAO,SAASC,iBAAT,CAA2B;AAChCC,EAAAA,MADgC;AAEhCC,EAAAA,SAAS,GAAG;AAFoB,IAGQ,EAHnC,EAGuC;AAC5C,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAAyBL,YAAY,EAA3C;AAEA,QAAMM,KAAK,GAAGR,eAAe,CAAC,MAAM;AAClC,QAAI,OAAOM,YAAY,CAACG,KAApB,KAA8B,WAA9B,IAA6CH,YAAY,CAACG,KAAb,KAAuB,CAAC,CAAzE,EACE,OAAO,EAAP;AACF,QAAIC,KAAK,GAAG,CAAZ;AACAA,IAAAA,KAAK,GAAGH,IAAI,CAACD,YAAY,CAACG,KAAd,CAAJ,CAAyBA,KAAjC;AACA,WAAOC,KAAK,CAACC,OAAN,CAAcN,SAAd,EAAyBO,QAAzB,EAAP;AACD,GAN4B,CAA7B;AAOA,QAAMC,SAAS,GAAGb,eAAe,CAAC,MAAM;AACtC,QAAI,CAACQ,KAAK,CAACC,KAAX,EAAkB,OAAO,EAAP;AAClB,UAAMK,cAAc,GAAGb,WAAW,CAAC;AAAEQ,MAAAA,KAAK,EAAED,KAAK,CAACC;AAAf,KAAD,CAAlC;AACA,WAAOL,MAAM,GACTA,MAAM,CAAC;AAAEK,MAAAA,KAAK,EAAED,KAAK,CAACC,KAAf;AAAsBI,MAAAA,SAAS,EAAEC;AAAjC,KAAD,CADG,GAETA,cAFJ;AAGD,GANgC,CAAjC;AAQA,SAAO;AAAEL,IAAAA,KAAK,EAAED,KAAT;AAAgBK,IAAAA;AAAhB,GAAP;AACD","sourcesContent":["import { useDerivedValue } from 'react-native-reanimated';\n\nimport { formatPrice } from '../../utils';\nimport { useLineChart } from './useLineChart';\n\nexport function useLineChartPrice({\n  format,\n  precision = 2,\n}: { format?: any; precision?: number } = {}) {\n  const { currentIndex, data } = useLineChart();\n\n  const float = useDerivedValue(() => {\n    if (typeof currentIndex.value === 'undefined' || currentIndex.value === -1)\n      return '';\n    let price = 0;\n    price = data[currentIndex.value].value;\n    return price.toFixed(precision).toString();\n  });\n  const formatted = useDerivedValue(() => {\n    if (!float.value) return '';\n    const formattedPrice = formatPrice({ value: float.value });\n    return format\n      ? format({ value: float.value, formatted: formattedPrice })\n      : formattedPrice;\n  });\n\n  return { value: float, formatted };\n}\n"]}
+{"version":3,"sources":["usePrice.ts"],"names":["useDerivedValue","formatPrice","useLineChart","useLineChartPrice","format","precision","currentIndex","data","float","value","price","toFixed","toString","formatted","formattedPrice"],"mappings":"AAAA,SAASA,eAAT,QAAgC,yBAAhC;AAEA,SAASC,WAAT,QAA4B,aAA5B;AAEA,SAASC,YAAT,QAA6B,gBAA7B;AAEA,OAAO,SAASC,iBAAT,CAA2B;AAChCC,EAAAA,MADgC;AAEhCC,EAAAA,SAAS,GAAG;AAFoB,IAGyB,EAHpD,EAGwD;AAC7D,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAAyBL,YAAY,EAA3C;AAEA,QAAMM,KAAK,GAAGR,eAAe,CAAC,MAAM;AAClC,QAAI,OAAOM,YAAY,CAACG,KAApB,KAA8B,WAA9B,IAA6CH,YAAY,CAACG,KAAb,KAAuB,CAAC,CAAzE,EACE,OAAO,EAAP;AACF,QAAIC,KAAK,GAAG,CAAZ;AACAA,IAAAA,KAAK,GAAGH,IAAI,CAACD,YAAY,CAACG,KAAd,CAAJ,CAAyBA,KAAjC;AACA,WAAOC,KAAK,CAACC,OAAN,CAAcN,SAAd,EAAyBO,QAAzB,EAAP;AACD,GAN4B,CAA7B;AAOA,QAAMC,SAAS,GAAGb,eAAe,CAAC,MAAM;AACtC,QAAI,CAACQ,KAAK,CAACC,KAAX,EAAkB,OAAO,EAAP;AAClB,UAAMK,cAAc,GAAGb,WAAW,CAAC;AAAEQ,MAAAA,KAAK,EAAED,KAAK,CAACC;AAAf,KAAD,CAAlC;AACA,WAAOL,MAAM,GACTA,MAAM,CAAC;AAAEK,MAAAA,KAAK,EAAED,KAAK,CAACC,KAAf;AAAsBI,MAAAA,SAAS,EAAEC;AAAjC,KAAD,CADG,GAETA,cAFJ;AAGD,GANgC,CAAjC;AAQA,SAAO;AAAEL,IAAAA,KAAK,EAAED,KAAT;AAAgBK,IAAAA;AAAhB,GAAP;AACD","sourcesContent":["import { useDerivedValue } from 'react-native-reanimated';\n\nimport { formatPrice } from '../../utils';\nimport type { TFormatterFn } from '../candle/types';\nimport { useLineChart } from './useLineChart';\n\nexport function useLineChartPrice({\n  format,\n  precision = 2,\n}: { format?: TFormatterFn<string>; precision?: number } = {}) {\n  const { currentIndex, data } = useLineChart();\n\n  const float = useDerivedValue(() => {\n    if (typeof currentIndex.value === 'undefined' || currentIndex.value === -1)\n      return '';\n    let price = 0;\n    price = data[currentIndex.value].value;\n    return price.toFixed(precision).toString();\n  });\n  const formatted = useDerivedValue(() => {\n    if (!float.value) return '';\n    const formattedPrice = formatPrice({ value: float.value });\n    return format\n      ? format({ value: float.value, formatted: formattedPrice })\n      : formattedPrice;\n  });\n\n  return { value: float, formatted };\n}\n"]}

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

@@ -23,72 +23,7 @@ export function getPath({
   }) => value);
   const scaleX = scaleLinear().domain([Math.min(...timestamps), Math.max(...timestamps)]).range([0, width]);
   const scaleY = scaleLinear().domain([Math.min(...values), Math.max(...values)]).range([height - gutter, gutter]);
-  const path = shape.line().x((_, i) => scaleX(i)).y(data => scaleY(data.value)).curve(_shape)(data);
+  const path = shape.line().x((_, i) => scaleX(i)).y(d => scaleY(d.value)).curve(_shape)(data);
   return path;
 }
-export function syncChangingPaths({
-  pointsToAdd,
-  parsedPath,
-  curves
-}) {
-  'worklet';
-
-  const firstPoint = curves === null || curves === void 0 ? void 0 : curves[0];
-  let newParsedPath = parsedPath;
-
-  for (let i = 0; i < Math.abs(pointsToAdd); i++) {
-    newParsedPath = { ...newParsedPath,
-      curves: [{
-        c1: {
-          x: firstPoint.c1.x,
-          y: firstPoint.c1.y
-        },
-        c2: {
-          x: firstPoint.c2.x,
-          y: firstPoint.c2.y
-        },
-        to: {
-          x: firstPoint.to.x,
-          y: firstPoint.to.y
-        }
-      }, ...newParsedPath.curves]
-    };
-  }
-
-  return newParsedPath;
-}
-export function syncPaths({
-  parsedPath,
-  previousParsedPath
-}) {
-  'worklet';
-
-  const previousCurves = previousParsedPath === null || previousParsedPath === void 0 ? void 0 : previousParsedPath.curves;
-  const nextCurves = parsedPath === null || parsedPath === void 0 ? void 0 : parsedPath.curves;
-  let newPreviousParsedPath = previousParsedPath || parsedPath;
-  let newParsedPath = parsedPath;
-
-  if ((previousCurves === null || previousCurves === void 0 ? void 0 : previousCurves.length) !== (nextCurves === null || nextCurves === void 0 ? void 0 : nextCurves.length)) {
-    const pointsToAdd = (nextCurves === null || nextCurves === void 0 ? void 0 : nextCurves.length) - (previousCurves === null || previousCurves === void 0 ? void 0 : previousCurves.length) || 0;
-
-    if (pointsToAdd > 0) {
-      newPreviousParsedPath = syncChangingPaths({
-        pointsToAdd,
-        parsedPath: newPreviousParsedPath,
-        curves: previousCurves
-      });
-    } else if (pointsToAdd < 0) {
-      newParsedPath = syncChangingPaths({
-        pointsToAdd,
-        parsedPath: newParsedPath,
-        curves: nextCurves
-      });
-    }
-  }
-
-  return {
-    previousParsedPath: newPreviousParsedPath,
-    parsedPath: newParsedPath
-  };
-}
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["utils.ts"],"names":["shape","scaleLinear","getDomain","rows","values","map","value","flat","Math","min","max","getPath","data","width","height","gutter","_shape","curveBumpX","timestamps","i","scaleX","domain","range","scaleY","path","line","x","_","y","curve","syncChangingPaths","pointsToAdd","parsedPath","curves","firstPoint","newParsedPath","abs","c1","c2","to","syncPaths","previousParsedPath","previousCurves","nextCurves","newPreviousParsedPath","length"],"mappings":"AAAA;AACA,OAAO,KAAKA,KAAZ,MAAuB,UAAvB,C,CACA;;AACA,SAASC,WAAT,QAA4B,UAA5B;AAKA,OAAO,SAASC,SAAT,CAAmBC,IAAnB,EAA8D;AACnE;;AACA,QAAMC,MAAM,GAAGD,IAAI,CAACE,GAAL,CAAS,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAAe,CAACA,KAAD,CAAxB,EAAiCC,IAAjC,EAAf;AACA,SAAO,CAACC,IAAI,CAACC,GAAL,CAAS,GAAGL,MAAZ,CAAD,EAAsBI,IAAI,CAACE,GAAL,CAAS,GAAGN,MAAZ,CAAtB,CAAP;AACD;AAED,OAAO,SAASO,OAAT,CAAiB;AACtBC,EAAAA,IADsB;AAEtBC,EAAAA,KAFsB;AAGtBC,EAAAA,MAHsB;AAItBC,EAAAA,MAJsB;AAKtBf,EAAAA,KAAK,EAAEgB,MAAM,GAAGhB,KAAK,CAACiB;AALA,CAAjB,EAYI;AACT,QAAMC,UAAU,GAAGN,IAAI,CAACP,GAAL,CAAS,CAAC,EAAD,EAAKc,CAAL,KAAWA,CAApB,CAAnB;AACA,QAAMf,MAAM,GAAGQ,IAAI,CAACP,GAAL,CAAS,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAAeA,KAAxB,CAAf;AACA,QAAMc,MAAM,GAAGnB,WAAW,GACvBoB,MADY,CACL,CAACb,IAAI,CAACC,GAAL,CAAS,GAAGS,UAAZ,CAAD,EAA0BV,IAAI,CAACE,GAAL,CAAS,GAAGQ,UAAZ,CAA1B,CADK,EAEZI,KAFY,CAEN,CAAC,CAAD,EAAIT,KAAJ,CAFM,CAAf;AAGA,QAAMU,MAAM,GAAGtB,WAAW,GACvBoB,MADY,CACL,CAACb,IAAI,CAACC,GAAL,CAAS,GAAGL,MAAZ,CAAD,EAAsBI,IAAI,CAACE,GAAL,CAAS,GAAGN,MAAZ,CAAtB,CADK,EAEZkB,KAFY,CAEN,CAACR,MAAM,GAAGC,MAAV,EAAkBA,MAAlB,CAFM,CAAf;AAGA,QAAMS,IAAI,GAAGxB,KAAK,CACfyB,IADU,GAEVC,CAFU,CAER,CAACC,CAAD,EAASR,CAAT,KAAuBC,MAAM,CAACD,CAAD,CAFrB,EAGVS,CAHU,CAGPhB,IAAD,IAAeW,MAAM,CAACX,IAAI,CAACN,KAAN,CAHb,EAIVuB,KAJU,CAIJb,MAJI,EAIIJ,IAJJ,CAAb;AAKA,SAAOY,IAAP;AACD;AAED,OAAO,SAASM,iBAAT,CAA2B;AAChCC,EAAAA,WADgC;AAEhCC,EAAAA,UAFgC;AAGhCC,EAAAA;AAHgC,CAA3B,EAQJ;AACD;;AACA,QAAMC,UAAU,GAAGD,MAAH,aAAGA,MAAH,uBAAGA,MAAM,CAAG,CAAH,CAAzB;AAEA,MAAIE,aAAa,GAAGH,UAApB;;AACA,OAAK,IAAIb,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGX,IAAI,CAAC4B,GAAL,CAASL,WAAT,CAApB,EAA2CZ,CAAC,EAA5C,EAAgD;AAC9CgB,IAAAA,aAAa,GAAG,EACd,GAAGA,aADW;AAEdF,MAAAA,MAAM,EAAE,CACN;AACEI,QAAAA,EAAE,EAAE;AACFX,UAAAA,CAAC,EAAEQ,UAAU,CAACG,EAAX,CAAcX,CADf;AAEFE,UAAAA,CAAC,EAAEM,UAAU,CAACG,EAAX,CAAcT;AAFf,SADN;AAKEU,QAAAA,EAAE,EAAE;AACFZ,UAAAA,CAAC,EAAEQ,UAAU,CAACI,EAAX,CAAcZ,CADf;AAEFE,UAAAA,CAAC,EAAEM,UAAU,CAACI,EAAX,CAAcV;AAFf,SALN;AASEW,QAAAA,EAAE,EAAE;AACFb,UAAAA,CAAC,EAAEQ,UAAU,CAACK,EAAX,CAAcb,CADf;AAEFE,UAAAA,CAAC,EAAEM,UAAU,CAACK,EAAX,CAAcX;AAFf;AATN,OADM,EAeN,GAAGO,aAAa,CAACF,MAfX;AAFM,KAAhB;AAoBD;;AACD,SAAOE,aAAP;AACD;AAED,OAAO,SAASK,SAAT,CAAmB;AACxBR,EAAAA,UADwB;AAExBS,EAAAA;AAFwB,CAAnB,EAMJ;AACD;;AACA,QAAMC,cAAc,GAAID,kBAAJ,aAAIA,kBAAJ,uBAAIA,kBAAD,CAA6BR,MAApD;AACA,QAAMU,UAAU,GAAGX,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEC,MAA/B;AAEA,MAAIW,qBAAqB,GAAGH,kBAAkB,IAAIT,UAAlD;AACA,MAAIG,aAAa,GAAGH,UAApB;;AAEA,MAAI,CAAAU,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAEG,MAAhB,OAA2BF,UAA3B,aAA2BA,UAA3B,uBAA2BA,UAAU,CAAEE,MAAvC,CAAJ,EAAmD;AACjD,UAAMd,WAAW,GAAG,CAAAY,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEE,MAAZ,KAAqBH,cAArB,aAAqBA,cAArB,uBAAqBA,cAAc,CAAEG,MAArC,KAA+C,CAAnE;;AAEA,QAAId,WAAW,GAAG,CAAlB,EAAqB;AACnBa,MAAAA,qBAAqB,GAAGd,iBAAiB,CAAC;AACxCC,QAAAA,WADwC;AAExCC,QAAAA,UAAU,EAAEY,qBAF4B;AAGxCX,QAAAA,MAAM,EAAES;AAHgC,OAAD,CAAzC;AAKD,KAND,MAMO,IAAIX,WAAW,GAAG,CAAlB,EAAqB;AAC1BI,MAAAA,aAAa,GAAGL,iBAAiB,CAAC;AAChCC,QAAAA,WADgC;AAEhCC,QAAAA,UAAU,EAAEG,aAFoB;AAGhCF,QAAAA,MAAM,EAAEU;AAHwB,OAAD,CAAjC;AAKD;AACF;;AAED,SAAO;AACLF,IAAAA,kBAAkB,EAAEG,qBADf;AAELZ,IAAAA,UAAU,EAAEG;AAFP,GAAP;AAID","sourcesContent":["// @ts-ignore\nimport * as shape from 'd3-shape';\n// @ts-ignore\nimport { scaleLinear } from 'd3-scale';\n\nimport type { TLineChartData, TLineChartPoint } from './types';\nimport type { Path } from 'react-native-redash';\n\nexport function getDomain(rows: TLineChartPoint[]): [number, number] {\n  'worklet';\n  const values = rows.map(({ value }) => [value]).flat();\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}: {\n  data: TLineChartData;\n  width: number;\n  height: number;\n  gutter: number;\n  shape?: string;\n}): string {\n  const timestamps = data.map(({}, i) => i);\n  const values = data.map(({ value }) => value);\n  const scaleX = scaleLinear()\n    .domain([Math.min(...timestamps), Math.max(...timestamps)])\n    .range([0, width]);\n  const scaleY = scaleLinear()\n    .domain([Math.min(...values), Math.max(...values)])\n    .range([height - gutter, gutter]);\n  const path = shape\n    .line()\n    .x((_: any, i: number) => scaleX(i))\n    .y((data: any) => scaleY(data.value))\n    .curve(_shape)(data);\n  return path;\n}\n\nexport function syncChangingPaths({\n  pointsToAdd,\n  parsedPath,\n  curves,\n}: {\n  pointsToAdd: number;\n  parsedPath: Path;\n  curves: Path['curves'];\n}) {\n  'worklet';\n  const firstPoint = curves?.[0];\n\n  let newParsedPath = parsedPath;\n  for (let i = 0; i < Math.abs(pointsToAdd); i++) {\n    newParsedPath = {\n      ...newParsedPath,\n      curves: [\n        {\n          c1: {\n            x: firstPoint.c1.x,\n            y: firstPoint.c1.y,\n          },\n          c2: {\n            x: firstPoint.c2.x,\n            y: firstPoint.c2.y,\n          },\n          to: {\n            x: firstPoint.to.x,\n            y: firstPoint.to.y,\n          },\n        },\n        ...newParsedPath.curves,\n      ],\n    };\n  }\n  return newParsedPath;\n}\n\nexport function syncPaths({\n  parsedPath,\n  previousParsedPath,\n}: {\n  parsedPath: Path;\n  previousParsedPath: Path | undefined;\n}) {\n  'worklet';\n  const previousCurves = (previousParsedPath as any)?.curves;\n  const nextCurves = parsedPath?.curves;\n\n  let newPreviousParsedPath = previousParsedPath || parsedPath;\n  let newParsedPath = parsedPath;\n\n  if (previousCurves?.length !== nextCurves?.length) {\n    const pointsToAdd = nextCurves?.length - previousCurves?.length || 0;\n\n    if (pointsToAdd > 0) {\n      newPreviousParsedPath = syncChangingPaths({\n        pointsToAdd,\n        parsedPath: newPreviousParsedPath,\n        curves: previousCurves,\n      });\n    } else if (pointsToAdd < 0) {\n      newParsedPath = syncChangingPaths({\n        pointsToAdd,\n        parsedPath: newParsedPath,\n        curves: nextCurves,\n      });\n    }\n  }\n\n  return {\n    previousParsedPath: newPreviousParsedPath,\n    parsedPath: newParsedPath,\n  };\n}\n"]}
+{"version":3,"sources":["utils.ts"],"names":["shape","scaleLinear","getDomain","rows","values","map","value","flat","Math","min","max","getPath","data","width","height","gutter","_shape","curveBumpX","timestamps","i","scaleX","domain","range","scaleY","path","line","x","_","y","d","curve"],"mappings":"AAAA;AACA,OAAO,KAAKA,KAAZ,MAAuB,UAAvB,C,CACA;;AACA,SAASC,WAAT,QAA4B,UAA5B;AAIA,OAAO,SAASC,SAAT,CAAmBC,IAAnB,EAA8D;AACnE;;AACA,QAAMC,MAAM,GAAGD,IAAI,CAACE,GAAL,CAAS,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAAe,CAACA,KAAD,CAAxB,EAAiCC,IAAjC,EAAf;AACA,SAAO,CAACC,IAAI,CAACC,GAAL,CAAS,GAAGL,MAAZ,CAAD,EAAsBI,IAAI,CAACE,GAAL,CAAS,GAAGN,MAAZ,CAAtB,CAAP;AACD;AAED,OAAO,SAASO,OAAT,CAAiB;AACtBC,EAAAA,IADsB;AAEtBC,EAAAA,KAFsB;AAGtBC,EAAAA,MAHsB;AAItBC,EAAAA,MAJsB;AAKtBf,EAAAA,KAAK,EAAEgB,MAAM,GAAGhB,KAAK,CAACiB;AALA,CAAjB,EAYI;AACT,QAAMC,UAAU,GAAGN,IAAI,CAACP,GAAL,CAAS,CAAC,EAAD,EAAKc,CAAL,KAAWA,CAApB,CAAnB;AACA,QAAMf,MAAM,GAAGQ,IAAI,CAACP,GAAL,CAAS,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAAeA,KAAxB,CAAf;AACA,QAAMc,MAAM,GAAGnB,WAAW,GACvBoB,MADY,CACL,CAACb,IAAI,CAACC,GAAL,CAAS,GAAGS,UAAZ,CAAD,EAA0BV,IAAI,CAACE,GAAL,CAAS,GAAGQ,UAAZ,CAA1B,CADK,EAEZI,KAFY,CAEN,CAAC,CAAD,EAAIT,KAAJ,CAFM,CAAf;AAGA,QAAMU,MAAM,GAAGtB,WAAW,GACvBoB,MADY,CACL,CAACb,IAAI,CAACC,GAAL,CAAS,GAAGL,MAAZ,CAAD,EAAsBI,IAAI,CAACE,GAAL,CAAS,GAAGN,MAAZ,CAAtB,CADK,EAEZkB,KAFY,CAEN,CAACR,MAAM,GAAGC,MAAV,EAAkBA,MAAlB,CAFM,CAAf;AAGA,QAAMS,IAAI,GAAGxB,KAAK,CACfyB,IADU,GAEVC,CAFU,CAER,CAACC,CAAD,EAAaR,CAAb,KAA2BC,MAAM,CAACD,CAAD,CAFzB,EAGVS,CAHU,CAGPC,CAAD,IAA2BN,MAAM,CAACM,CAAC,CAACvB,KAAH,CAHzB,EAIVwB,KAJU,CAIJd,MAJI,EAIIJ,IAJJ,CAAb;AAKA,SAAOY,IAAP;AACD","sourcesContent":["// @ts-ignore\nimport * as shape from 'd3-shape';\n// @ts-ignore\nimport { scaleLinear } from 'd3-scale';\n\nimport type { TLineChartData, TLineChartPoint } from './types';\n\nexport function getDomain(rows: TLineChartPoint[]): [number, number] {\n  'worklet';\n  const values = rows.map(({ value }) => [value]).flat();\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}: {\n  data: TLineChartData;\n  width: number;\n  height: number;\n  gutter: number;\n  shape?: string;\n}): string {\n  const timestamps = data.map(({}, i) => i);\n  const values = data.map(({ value }) => value);\n  const scaleX = scaleLinear()\n    .domain([Math.min(...timestamps), Math.max(...timestamps)])\n    .range([0, width]);\n  const scaleY = scaleLinear()\n    .domain([Math.min(...values), Math.max(...values)])\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"]}

package/lib/module/components/AnimatedText.js

@@ -0,0 +1,43 @@
+// forked from https://github.com/wcandillon/react-native-redash/blob/master/src/ReText.tsx
+import React from 'react';
+import { Platform } from 'react-native';
+import { TextInput } from 'react-native';
+import Animated, { useAnimatedProps, useAnimatedReaction } from 'react-native-reanimated';
+Animated.addWhitelistedNativeProps({
+  text: true
+});
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
+export const AnimatedText = ({
+  text,
+  style
+}) => {
+  const inputRef = React.useRef(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
+      });
+    }
+  });
+  const animatedProps = useAnimatedProps(() => {
+    return {
+      text: text.value // Here we use any because the text prop is not available in the type
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+    };
+  });
+  return /*#__PURE__*/React.createElement(AnimatedTextInput, {
+    underlineColorAndroid: "transparent",
+    editable: false,
+    ref: Platform.select({
+      web: inputRef
+    }),
+    value: text.value,
+    style: style,
+    animatedProps: animatedProps
+  });
+};
+//# sourceMappingURL=AnimatedText.js.map

package/lib/module/components/AnimatedText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AnimatedText.tsx"],"names":["React","Platform","TextInput","Animated","useAnimatedProps","useAnimatedReaction","addWhitelistedNativeProps","text","AnimatedTextInput","createAnimatedComponent","AnimatedText","style","inputRef","useRef","OS","value","data","prevData","current","setNativeProps","animatedProps","select","web"],"mappings":"AAAA;AAEA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAmD,cAAnD;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,OAAOC,QAAP,IACEC,gBADF,EAEEC,mBAFF,QAGO,yBAHP;AAKAF,QAAQ,CAACG,yBAAT,CAAmC;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnC;AAOA,MAAMC,iBAAiB,GAAGL,QAAQ,CAACM,uBAAT,CAAiCP,SAAjC,CAA1B;AAEA,OAAO,MAAMQ,YAAY,GAAG,CAAC;AAAEH,EAAAA,IAAF;AAAQI,EAAAA;AAAR,CAAD,KAAwC;AAClE,QAAMC,QAAQ,GAAGZ,KAAK,CAACa,MAAN,CAAwB,IAAxB,CAAjB;AAEAR,EAAAA,mBAAmB,CACjB,MAAM;AACJ;AACA,WAAOJ,QAAQ,CAACa,EAAT,KAAgB,KAAhB,IAAyBP,IAAI,CAACQ,KAArC;AACD,GAJgB,EAKjB,CAACC,IAAD,EAAOC,QAAP,KAAoB;AAClB,QAAIhB,QAAQ,CAACa,EAAT,KAAgB,KAAhB,IAAyBE,IAAI,KAAKC,QAAlC,IAA8CL,QAAQ,CAACM,OAA3D,EAAoE;AAClEN,MAAAA,QAAQ,CAACM,OAAT,CAAiBC,cAAjB,CAAgC;AAC9BJ,QAAAA,KAAK,EAAEC;AADuB,OAAhC;AAGD;AACF,GAXgB,CAAnB;AAaA,QAAMI,aAAa,GAAGhB,gBAAgB,CAAC,MAAM;AAC3C,WAAO;AACLG,MAAAA,IAAI,EAAEA,IAAI,CAACQ,KADN,CAEL;AACA;;AAHK,KAAP;AAKD,GANqC,CAAtC;AAOA,sBACE,oBAAC,iBAAD;AACE,IAAA,qBAAqB,EAAC,aADxB;AAEE,IAAA,QAAQ,EAAE,KAFZ;AAGE,IAAA,GAAG,EAAEd,QAAQ,CAACoB,MAAT,CAAgB;AAAEC,MAAAA,GAAG,EAAEV;AAAP,KAAhB,CAHP;AAIE,IAAA,KAAK,EAAEL,IAAI,CAACQ,KAJd;AAKE,IAAA,KAAK,EAAEJ,KALT;AAME,IAAA,aAAa,EAAES;AANjB,IADF;AAUD,CAjCM","sourcesContent":["// forked from https://github.com/wcandillon/react-native-redash/blob/master/src/ReText.tsx\n\nimport React from 'react';\nimport { Platform, TextProps as RNTextProps } from 'react-native';\nimport { TextInput } from 'react-native';\nimport Animated, {\n  useAnimatedProps,\n  useAnimatedReaction,\n} from 'react-native-reanimated';\n\nAnimated.addWhitelistedNativeProps({ text: true });\n\ninterface AnimatedTextProps {\n  text: Animated.SharedValue<string>;\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n}\n\nconst AnimatedTextInput = Animated.createAnimatedComponent(TextInput);\n\nexport const AnimatedText = ({ text, style }: AnimatedTextProps) => {\n  const inputRef = React.useRef<TextInput>(null);\n\n  useAnimatedReaction(\n    () => {\n      // always return false unless web to prevent unnecessary reactions\n      return Platform.OS === 'web' && text.value;\n    },\n    (data, prevData) => {\n      if (Platform.OS === 'web' && data !== prevData && inputRef.current) {\n        inputRef.current.setNativeProps({\n          value: data,\n        });\n      }\n    }\n  );\n  const animatedProps = useAnimatedProps(() => {\n    return {\n      text: text.value,\n      // Here we use any because the text prop is not available in the type\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    } as any;\n  });\n  return (\n    <AnimatedTextInput\n      underlineColorAndroid=\"transparent\"\n      editable={false}\n      ref={Platform.select({ web: inputRef })}\n      value={text.value}\n      style={style}\n      animatedProps={animatedProps}\n    />\n  );\n};\n"]}

package/lib/module/utils.js.map

@@ -1 +1 @@
-{"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,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,SAAS,KACRI,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,CAHK,CADX;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,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,CAAqBxB,KAArB,EAAiC;AACtC;AACA;AACA,QAAMyB,GAAG,GAAG3B,KAAK,CAAC4B,MAAN,EAAZ,CAHsC,CAItC;;AACA5B,EAAAA,KAAK,CAAC6B,SAAN,CAAgB,MAAM;AACpBF,IAAAA,GAAG,CAACG,OAAJ,GAAc5B,KAAd;AACD,GAFD,EAEG,CAACA,KAAD,CAFH,EALsC,CAOzB;AACb;;AACA,SAAOyB,GAAG,CAACG,OAAX;AACD","sourcesContent":["import * as React from 'react';\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\nexport function formatDatetime({\n  value,\n  locale = 'en-US',\n  options = {},\n}: {\n  value: number;\n  locale?: string;\n  options?: { [key: string]: string };\n}) {\n  'worklet';\n  const d = new Date(value);\n  return d.toLocaleString(locale, options);\n}\n\nexport function usePrevious(value: any) {\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();\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"]}
+{"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,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,SAAS,KACRI,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,CAHK,CADX;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,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\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\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/candle/Crosshair.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { ViewProps } from 'react-native';
-import { PanGestureHandlerProps } from 'react-native-gesture-handler';
+import { LongPressGestureHandlerProps } from 'react-native-gesture-handler';
 import Animated from 'react-native-reanimated';
 import { CandlestickChartLineProps } from './Line';
-declare type CandlestickChartCrosshairProps = PanGestureHandlerProps & {
+declare type CandlestickChartCrosshairProps = LongPressGestureHandlerProps & {
     color?: string;
     children?: React.ReactNode;
-    enableHapticFeedback?: boolean;
+    onCurrentXChange?: (value: number) => unknown;
     horizontalCrosshairProps?: Animated.AnimateProps<ViewProps>;
     verticalCrosshairProps?: Animated.AnimateProps<ViewProps>;
     lineProps?: Partial<CandlestickChartLineProps>;
 };
-export declare function CandlestickChartCrosshair({ color, enableHapticFeedback, children, horizontalCrosshairProps, verticalCrosshairProps, lineProps, ...props }: CandlestickChartCrosshairProps): JSX.Element;
+export declare function CandlestickChartCrosshair({ color, onCurrentXChange, children, horizontalCrosshairProps, verticalCrosshairProps, lineProps, ...props }: CandlestickChartCrosshairProps): JSX.Element;
 export {};

package/lib/typescript/src/charts/candle/DatetimeText.d.ts

@@ -1,14 +1,15 @@
 /// <reference types="react" />
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
+import type { TFormatterFn } from 'react-native-wagmi-charts';
 declare type CandlestickChartPriceTextProps = {
     locale?: string;
     options?: {
         [key: string]: string;
     };
-    format?: any;
+    format?: TFormatterFn<number>;
     variant?: 'formatted' | 'value';
     style?: Animated.AnimateProps<RNTextProps>['style'];
 };
-export declare function CandlestickChartDatetimeText({ locale, options, format, variant, ...props }: CandlestickChartPriceTextProps): JSX.Element;
+export declare function CandlestickChartDatetimeText({ locale, options, format, variant, style, }: CandlestickChartPriceTextProps): JSX.Element;
 export {};

package/lib/typescript/src/charts/candle/Line.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { LineProps } from 'react-native-svg';
-export declare type CandlestickChartLineProps = LineProps & {
+export declare type CandlestickChartLineProps = Omit<LineProps, 'x' | 'y'> & {
     color?: string;
     x: number;
     y: number;

package/lib/typescript/src/charts/candle/PriceText.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
-import type { TPriceType } from './types';
+import type { TFormatterFn, TPriceType } from './types';
 export declare type CandlestickChartPriceTextProps = {
-    format?: any;
+    format?: TFormatterFn<string>;
     precision?: number;
     variant?: 'formatted' | 'value';
     type?: TPriceType;
     style?: Animated.AnimateProps<RNTextProps>['style'];
 };
-export declare function CandlestickChartPriceText({ format, precision, variant, type, ...props }: CandlestickChartPriceTextProps): JSX.Element;
+export declare function CandlestickChartPriceText({ format, precision, variant, type, style, }: CandlestickChartPriceTextProps): JSX.Element;

package/lib/typescript/src/charts/candle/types.d.ts

@@ -1,3 +1,4 @@
+import type React from 'react';
 import type Animated from 'react-native-reanimated';
 export declare type TCandle = {
     timestamp: number;
@@ -7,7 +8,7 @@ export declare type TCandle = {
     close: number;
 };
 export declare type TData = Array<TCandle>;
-export declare type TDomain = [number, number];
+export declare type TDomain = [min: number, max: number];
 export declare type TContext = {
     currentX: Animated.SharedValue<number>;
     currentY: Animated.SharedValue<number>;
@@ -16,7 +17,11 @@ export declare type TContext = {
     height: number;
     domain: TDomain;
     step: number;
-    setWidth: any;
-    setHeight: any;
+    setWidth: React.Dispatch<React.SetStateAction<number>>;
+    setHeight: React.Dispatch<React.SetStateAction<number>>;
 };
 export declare type TPriceType = 'crosshair' | 'open' | 'close' | 'low' | 'high';
+export declare type TFormatterFn<T> = ({ value, formatted, }: {
+    value: T;
+    formatted: string;
+}) => string;

package/lib/typescript/src/charts/candle/useCandleData.d.ts

@@ -1,3 +1,3 @@
-export declare function useCandleData(): Readonly<{
-    value: import("./types").TCandle;
-}>;
+import Animated from 'react-native-reanimated';
+import type { TCandle } from './types';
+export declare function useCandleData(): Readonly<Animated.SharedValue<TCandle>>;

package/lib/typescript/src/charts/candle/useCandlestickChart.d.ts

@@ -1 +1,2 @@
-export declare function useCandlestickChart(): import("./types").TContext;
+import type { TContext } from './types';
+export declare function useCandlestickChart(): TContext;

package/lib/typescript/src/charts/candle/useDatetime.d.ts

@@ -1,14 +1,12 @@
+import Animated from 'react-native-reanimated';
+import type { TFormatterFn } from './types';
 export declare function useCandlestickChartDatetime({ format, locale, options, }?: {
-    format?: any;
+    format?: TFormatterFn<number>;
     locale?: string;
     options?: {
         [key: string]: string;
     };
 }): {
-    value: Readonly<{
-        value: string;
-    }>;
-    formatted: Readonly<{
-        value: any;
-    }>;
+    value: Readonly<Animated.SharedValue<string>>;
+    formatted: Readonly<Animated.SharedValue<string>>;
 };

package/lib/typescript/src/charts/candle/usePrice.d.ts

@@ -1,13 +1,10 @@
-import type { TPriceType } from './types';
+import Animated from 'react-native-reanimated';
+import type { TFormatterFn, TPriceType } from './types';
 export declare function useCandlestickChartPrice({ format, precision, type, }?: {
-    format?: any;
+    format?: TFormatterFn<string>;
     precision?: number;
     type?: TPriceType;
 }): {
-    value: Readonly<{
-        value: string;
-    }>;
-    formatted: Readonly<{
-        value: any;
-    }>;
+    value: Readonly<Animated.SharedValue<string>>;
+    formatted: Readonly<Animated.SharedValue<string>>;
 };

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

@@ -1,5 +1,5 @@
 import type { TCandle, TDomain } from './types';
-export declare function getDomain(rows: TCandle[]): [number, number];
+export declare function getDomain(rows: TCandle[]): [min: number, max: number];
 export declare function getY({ value, domain, maxHeight, }: {
     value: number;
     domain: TDomain;

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

@@ -11,7 +11,7 @@ declare type LineChartProps = ViewProps & {
     yGutter?: number;
     width?: number;
     height?: number;
-    shape?: any;
+    shape?: string;
 };
 export declare function LineChart({ children, yGutter, width, height, shape, ...props }: LineChartProps): JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { LongPressGestureHandlerProps } from 'react-native-gesture-handler';
-declare type LineChartCursorProps = LongPressGestureHandlerProps & {
+export declare type LineChartCursorProps = LongPressGestureHandlerProps & {
     children: React.ReactNode;
     type: 'line' | 'crosshair';
 };
@@ -8,4 +8,3 @@ export declare const CursorContext: React.Context<{
     type: string;
 }>;
 export declare function LineChartCursor({ children, type, ...props }: LineChartCursorProps): JSX.Element;
-export {};

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

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { ViewProps } from 'react-native';
 import Animated from 'react-native-reanimated';
-declare type LineChartCursorCrosshairProps = {
+import { LineChartCursorProps } from './Cursor';
+declare type LineChartCursorCrosshairProps = Omit<LineChartCursorProps, 'type'> & {
     children?: React.ReactNode;
     color?: string;
     size?: number;
@@ -10,5 +11,5 @@ declare type LineChartCursorCrosshairProps = {
     crosshairProps?: ViewProps;
     crosshairOuterProps?: ViewProps;
 };
-export declare function LineChartCursorCrosshair({ children, color, size, outerSize, crosshairWrapperProps, crosshairProps, crosshairOuterProps, }: LineChartCursorCrosshairProps): JSX.Element;
+export declare function LineChartCursorCrosshair({ children, color, size, outerSize, crosshairWrapperProps, crosshairProps, crosshairOuterProps, ...props }: LineChartCursorCrosshairProps): JSX.Element;
 export {};

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

@@ -1,14 +1,13 @@
 /// <reference types="react" />
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
-declare type LineChartPriceTextProps = {
+import type { TFormatterFn } from 'react-native-wagmi-charts';
+declare type LineChartDatetimeProps = {
     locale?: string;
-    options?: {
-        [key: string]: any;
-    };
-    format?: any;
+    options?: Intl.DateTimeFormatOptions;
+    format?: TFormatterFn<number>;
     variant?: 'formatted' | 'value';
     style?: Animated.AnimateProps<RNTextProps>['style'];
 };
-export declare function LineChartDatetimeText({ locale, options, format, variant, ...props }: LineChartPriceTextProps): JSX.Element;
+export declare function LineChartDatetimeText({ locale, options, format, variant, style, }: LineChartDatetimeProps): JSX.Element;
 export {};

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

@@ -5,5 +5,21 @@ export declare type LineChartPathProps = Animated.AnimateProps<PathProps> & {
     color?: string;
     width?: number;
     isInactive?: boolean;
+    /**
+     * Default: `true`.
+     *
+     * If `false`, changes in the chart's path will not animate.
+     *
+     * While this use case is rare, it may be useful on web, where animations might not work as well.
+     *
+     * **Example**
+     *
+     * ```tsx
+     * <LineChart.Path
+     *   pathProps={{ isTransitionEnabled: Platform.OS !== 'web' }}
+     * />
+     * ```
+     */
+    isTransitionEnabled?: boolean;
 };
-export declare function LineChartPath({ color, width, isInactive, ...props }: LineChartPathProps): JSX.Element;
+export declare function LineChartPath({ color, width, isInactive, isTransitionEnabled, ...props }: LineChartPathProps): JSX.Element;

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

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
+import type { TFormatterFn } from '../candle/types';
 export declare type LineChartPriceTextProps = {
-    format?: any;
+    format?: TFormatterFn<string>;
     precision?: number;
     variant?: 'formatted' | 'value';
     style?: Animated.AnimateProps<RNTextProps>['style'];
 };
-export declare function LineChartPriceText({ format, precision, variant, ...props }: LineChartPriceTextProps): JSX.Element;
+export declare function LineChartPriceText({ format, precision, variant, style, }: LineChartPriceTextProps): JSX.Element;

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

@@ -0,0 +1,50 @@
+/**
+ * Convert command objects to arrays of points, run de Casteljau's algorithm on it
+ * to split into to the desired number of segments.
+ *
+ * @param {Object} commandStart The start command object
+ * @param {Object} commandEnd The end command object
+ * @param {Number} segmentCount The number of segments to create
+ * @return {Object[]} An array of commands representing the segments in sequence
+ */
+export declare function splitCurve(commandStart: any, commandEnd: any, segmentCount: any): {}[];
+/**
+ * Takes a path `d` string and converts it into an array of command
+ * objects. Drops the `Z` character.
+ *
+ * @param {String|null} d A path `d` string
+ */
+export declare function pathCommandsFromString(d: any): {
+    type: any;
+}[];
+/**
+ * Interpolate from A to B by extending A and B during interpolation to have
+ * the same number of points. This allows for a smooth transition when they
+ * have a different number of points.
+ *
+ * Ignores the `Z` command in paths unless both A and B end with it.
+ *
+ * This function works directly with arrays of command objects instead of with
+ * path `d` strings (see interpolatePath for working with `d` strings).
+ *
+ * @param {Object[]} aCommandsInput Array of path commands
+ * @param {Object[]} bCommandsInput Array of path commands
+ * @param {Function} excludeSegment a function that takes a start command object and
+ *   end command object and returns true if the segment should be excluded from splitting.
+ * @returns {Function} Interpolation function that maps t ([0, 1]) to an array of path commands.
+ */
+export declare function interpolatePathCommands(aCommandsInput: any, bCommandsInput: any, excludeSegment: any): (t: any) => any;
+/**
+ * Interpolate from A to B by extending A and B during interpolation to have
+ * the same number of points. This allows for a smooth transition when they
+ * have a different number of points.
+ *
+ * Ignores the `Z` character in paths unless both A and B end with it.
+ *
+ * @param {String} a The `d` attribute for a path
+ * @param {String} b The `d` attribute for a path
+ * @param {Function} excludeSegment a function that takes a start command object and
+ *   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: any, b: any, excludeSegment: any): (t: any) => any;

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

@@ -1,14 +1,13 @@
+import type { TFormatterFn } from '../candle/types';
 export declare function useLineChartDatetime({ format, locale, options, }?: {
-    format?: any;
+    format?: TFormatterFn<number>;
     locale?: string;
-    options?: {
-        [key: string]: string;
-    };
+    options?: Intl.DateTimeFormatOptions;
 }): {
     value: Readonly<{
         value: string;
     }>;
     formatted: Readonly<{
-        value: any;
+        value: string;
     }>;
 };

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

@@ -1,11 +1,12 @@
+import type { TFormatterFn } from '../candle/types';
 export declare function useLineChartPrice({ format, precision, }?: {
-    format?: any;
+    format?: TFormatterFn<string>;
     precision?: number;
 }): {
     value: Readonly<{
         value: string;
     }>;
     formatted: Readonly<{
-        value: any;
+        value: string;
     }>;
 };

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

@@ -1,5 +1,4 @@
 import type { TLineChartData, TLineChartPoint } from './types';
-import type { Path } from 'react-native-redash';
 export declare function getDomain(rows: TLineChartPoint[]): [number, number];
 export declare function getPath({ data, width, height, gutter, shape: _shape, }: {
     data: TLineChartData;
@@ -8,15 +7,3 @@ export declare function getPath({ data, width, height, gutter, shape: _shape, }:
     gutter: number;
     shape?: string;
 }): string;
-export declare function syncChangingPaths({ pointsToAdd, parsedPath, curves, }: {
-    pointsToAdd: number;
-    parsedPath: Path;
-    curves: Path['curves'];
-}): Path;
-export declare function syncPaths({ parsedPath, previousParsedPath, }: {
-    parsedPath: Path;
-    previousParsedPath: Path | undefined;
-}): {
-    previousParsedPath: Path;
-    parsedPath: Path;
-};

package/lib/typescript/src/components/AnimatedText.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TextProps as RNTextProps } from 'react-native';
+import Animated from 'react-native-reanimated';
+interface AnimatedTextProps {
+    text: Animated.SharedValue<string>;
+    style?: Animated.AnimateProps<RNTextProps>['style'];
+}
+export declare const AnimatedText: ({ text, style }: AnimatedTextProps) => JSX.Element;
+export {};

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

@@ -6,8 +6,6 @@ export declare function formatPrice({ value: _value, defaultPrice: _defaultPrice
 export declare function formatDatetime({ value, locale, options, }: {
     value: number;
     locale?: string;
-    options?: {
-        [key: string]: string;
-    };
+    options?: Intl.DateTimeFormatOptions;
 }): string;
-export declare function usePrevious(value: any): undefined;
+export declare function usePrevious<T>(value: T): T | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-wagmi-charts",
-  "version": "1.0.4",
+  "version": "1.2.1",
   "description": "A sweet candlestick chart for React Native",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -36,6 +36,7 @@
     "android"
   ],
   "dependencies": {
+    "d3-interpolate-path": "^2.2.3",
     "d3-scale": "^2",
     "d3-shape": "^3.0.1",
     "react-native-redash": "^16.1.1",
@@ -58,7 +59,6 @@
     "react-native": "^0.64.2",
     "react-native-builder-bob": "^0.18.1",
     "react-native-gesture-handler": "^1.10.3",
-    "react-native-haptic-feedback": "^1.11.0",
     "react-native-reanimated": "^2.2.0",
     "typescript": "^4.3.5"
   },
@@ -66,7 +66,6 @@
     "react": "*",
     "react-native": "*",
     "react-native-gesture-handler": "*",
-    "react-native-haptic-feedback": "*",
     "react-native-reanimated": "*"
   },
   "jest": {
@@ -92,7 +91,8 @@
           "trailingComma": "es5",
           "useTabs": false
         }
-      ]
+      ],
+      "@typescript-eslint/no-explicit-any": "error"
     }
   },
   "eslintIgnore": [