react-native-wagmi-charts 1.7.0 → 2.1.0

package/lib/commonjs/index.js

@@ -30,28 +30,28 @@ Object.keys(_line).forEach(function (key) {
   });
 });
 
-var _utils = require("./utils");
+var _AnimatedText = require("./components/AnimatedText");
 
-Object.keys(_utils).forEach(function (key) {
+Object.keys(_AnimatedText).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _utils[key]) return;
+  if (key in exports && exports[key] === _AnimatedText[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _utils[key];
+      return _AnimatedText[key];
     }
   });
 });
 
-var _AnimatedText = require("./components/AnimatedText");
+var _utils = require("./utils");
 
-Object.keys(_AnimatedText).forEach(function (key) {
+Object.keys(_utils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AnimatedText[key]) return;
+  if (key in exports && exports[key] === _utils[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _AnimatedText[key];
+      return _utils[key];
     }
   });
 });

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './charts/candle';\nexport * from './charts/line';\nexport * from './utils';\nexport * from './components/AnimatedText';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './charts/candle';\nexport * from './charts/line';\nexport * from './components/AnimatedText';\nexport * from './utils';\n"]}

package/lib/commonjs/utils/formatDatetime.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatDatetime = formatDatetime;
+
+/**
+ * @worklet
+ */
+function formatDatetime({
+  value,
+  locale = 'en-US',
+  options = {}
+}) {
+  'worklet';
+
+  const d = new Date(value);
+  return d.toLocaleString(locale, options);
+}
+//# sourceMappingURL=formatDatetime.js.map

package/lib/commonjs/utils/formatDatetime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["formatDatetime.ts"],"names":["formatDatetime","value","locale","options","d","Date","toLocaleString"],"mappings":";;;;;;;AAAA;AACA;AACA;AACO,SAASA,cAAT,CAAwB;AAC7BC,EAAAA,KAD6B;AAE7BC,EAAAA,MAAM,GAAG,OAFoB;AAG7BC,EAAAA,OAAO,GAAG;AAHmB,CAAxB,EAQJ;AACD;;AACA,QAAMC,CAAC,GAAG,IAAIC,IAAJ,CAASJ,KAAT,CAAV;AACA,SAAOG,CAAC,CAACE,cAAF,CAAiBJ,MAAjB,EAAyBC,OAAzB,CAAP;AACD","sourcesContent":["/**\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"]}

package/lib/commonjs/utils/formatPrice.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatPrice = formatPrice;
+
+/**
+ * @worklet
+ */
+function formatPrice({
+  value: _value,
+  defaultPrice: _defaultPrice = '',
+  precision
+}) {
+  'worklet';
+
+  var _defaultPrice2, _defaultPrice2$replac;
+
+  let defaultPrice = _defaultPrice;
+
+  if (typeof defaultPrice === 'number') {
+    defaultPrice = defaultPrice.toString();
+  }
+
+  let value = _value || ((_defaultPrice2 = defaultPrice) === null || _defaultPrice2 === void 0 ? void 0 : (_defaultPrice2$replac = _defaultPrice2.replace) === null || _defaultPrice2$replac === void 0 ? void 0 : _defaultPrice2$replac.call(_defaultPrice2, ',', ''));
+
+  if (!value) {
+    return `0.00`;
+  }
+
+  let decimals = precision !== null && precision !== void 0 ? precision : Number(value) < 1 ? Math.min(8, value.toString().slice(2).search(/[^0]/g) + 3) : 2;
+  let res = `${Number(value).toFixed(decimals)}`;
+  const vals = res.split('.');
+
+  if (vals.length > 0) {
+    res = vals[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+
+    if (vals.length === 2) {
+      return res + '.' + vals[1];
+    }
+  }
+
+  return res;
+}
+//# sourceMappingURL=formatPrice.js.map

package/lib/commonjs/utils/formatPrice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["formatPrice.ts"],"names":["formatPrice","value","_value","defaultPrice","_defaultPrice","precision","toString","replace","decimals","Number","Math","min","slice","search","res","toFixed","vals","split","length"],"mappings":";;;;;;;AAAA;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","sourcesContent":["/**\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"]}

package/lib/commonjs/utils/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _formatDatetime = require("./formatDatetime");
+
+Object.keys(_formatDatetime).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formatDatetime[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _formatDatetime[key];
+    }
+  });
+});
+
+var _formatPrice = require("./formatPrice");
+
+Object.keys(_formatPrice).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formatPrice[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _formatPrice[key];
+    }
+  });
+});
+
+var _usePrevious = require("./usePrevious");
+
+Object.keys(_usePrevious).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _usePrevious[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _usePrevious[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './formatDatetime';\nexport * from './formatPrice';\nexport * from './usePrevious';\n"]}

package/lib/commonjs/{utils.js → utils/usePrevious.js}

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatPrice = formatPrice;
-exports.formatDatetime = formatDatetime;
 exports.usePrevious = usePrevious;
 
 var React = _interopRequireWildcard(require("react"));
@@ -13,60 +11,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-/**
- * @worklet
- */
-function formatPrice({
-  value: _value,
-  defaultPrice: _defaultPrice = '',
-  precision
-}) {
-  'worklet';
-
-  var _defaultPrice2, _defaultPrice2$replac;
-
-  let defaultPrice = _defaultPrice;
-
-  if (typeof defaultPrice === 'number') {
-    defaultPrice = defaultPrice.toString();
-  }
-
-  let value = _value || ((_defaultPrice2 = defaultPrice) === null || _defaultPrice2 === void 0 ? void 0 : (_defaultPrice2$replac = _defaultPrice2.replace) === null || _defaultPrice2$replac === void 0 ? void 0 : _defaultPrice2$replac.call(_defaultPrice2, ',', ''));
-
-  if (!value) {
-    return `0.00`;
-  }
-
-  let decimals = precision !== null && precision !== void 0 ? precision : Number(value) < 1 ? Math.min(8, value.toString().slice(2).search(/[^0]/g) + 3) : 2;
-  let res = `${Number(value).toFixed(decimals)}`;
-  const vals = res.split('.');
-
-  if (vals.length > 0) {
-    res = vals[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-
-    if (vals.length === 2) {
-      return res + '.' + vals[1];
-    }
-  }
-
-  return res;
-}
-/**
- * @worklet
- */
-
-
-function formatDatetime({
-  value,
-  locale = 'en-US',
-  options = {}
-}) {
-  'worklet';
-
-  const d = new Date(value);
-  return d.toLocaleString(locale, options);
-}
-
 function usePrevious(value) {
   // 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
@@ -79,4 +23,4 @@ function usePrevious(value) {
 
   return ref.current;
 }
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=usePrevious.js.map

package/lib/commonjs/utils/usePrevious.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePrevious.ts"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";;;;;;;AAAA;;;;;;AAEO,SAASA,WAAT,CAAwBC,KAAxB,EAAkC;AACvC;AACA;AACA,QAAMC,GAAG,GAAGC,KAAK,CAACC,MAAN,EAAZ,CAHuC,CAIvC;;AACAD,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AACpBH,IAAAA,GAAG,CAACI,OAAJ,GAAcL,KAAd;AACD,GAFD,EAEG,CAACA,KAAD,CAFH,EALuC,CAO1B;AACb;;AACA,SAAOC,GAAG,CAACI,OAAX;AACD","sourcesContent":["import * as React from 'react';\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/candle/HoverTrap/index.web.js

@@ -0,0 +1,101 @@
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { parse } from 'react-native-redash';
+import { LineChartDimensionsContext } from '../../line/Chart';
+import { useLineChart } from '../../line/useLineChart'; // @ts-expect-error missing types
+
+import { canUseDOM } from 'fbjs/lib/ExecutionEnvironment';
+let isEnabled = false; // the following logic comes from the creator of react-native-web
+// https://gist.github.com/necolas/1c494e44e23eb7f8c5864a2fac66299a
+// it's also used by MotiPressable's hover interactions
+// https://github.com/nandorojo/moti/blob/master/packages/interactions/src/pressable/hoverable.tsx
+
+if (canUseDOM) {
+  /**
+   * Web browsers emulate mouse events (and hover states) after touch events.
+   * This code infers when the currently-in-use modality supports hover
+   * (including for multi-modality devices) and considers "hover" to be enabled
+   * if a mouse movement occurs more than 1 second after the last touch event.
+   * This threshold is long enough to account for longer delays between the
+   * browser firing touch and mouse events on low-powered devices.
+   */
+  const HOVER_THRESHOLD_MS = 1000;
+  let lastTouchTimestamp = 0;
+
+  function enableHover() {
+    if (isEnabled || Date.now() - lastTouchTimestamp < HOVER_THRESHOLD_MS) {
+      return;
+    }
+
+    isEnabled = true;
+  }
+
+  function disableHover() {
+    lastTouchTimestamp = Date.now();
+
+    if (isEnabled) {
+      isEnabled = false;
+    }
+  }
+
+  document.addEventListener('touchstart', disableHover, true);
+  document.addEventListener('touchmove', disableHover, true);
+  document.addEventListener('mousemove', enableHover, true);
+}
+
+function isHoverEnabled() {
+  return isEnabled;
+}
+
+export const LineChartHoverTrap = () => {
+  const {
+    width,
+    path
+  } = React.useContext(LineChartDimensionsContext);
+  const {
+    currentX,
+    currentIndex,
+    isActive,
+    data
+  } = useLineChart();
+  const parsedPath = React.useMemo(() => path ? parse(path) : undefined, [path]);
+  const onMouseMove = React.useCallback(({
+    x
+  }) => {
+    if (isHoverEnabled()) {
+      if (parsedPath) {
+        const boundedX = Math.min(x, width);
+        isActive.value = true;
+        currentX.value = boundedX; // on Web, we could drag the cursor to be negative, breaking it
+        // so we clamp the index at 0 to fix it
+        // https://github.com/coinjar/react-native-wagmi-charts/issues/24
+
+        const minIndex = 0;
+        const boundedIndex = Math.max(minIndex, Math.round(boundedX / width / (1 / (data.length - 1))));
+        currentIndex.value = boundedIndex;
+      }
+    } else {
+      isActive.value = false;
+      currentIndex.value = -1;
+    }
+  }, [currentIndex, currentX, data.length, isActive, parsedPath, width]);
+  const onMouseLeave = React.useCallback(() => {
+    isActive.value = false;
+    currentIndex.value = -1;
+  }, [currentIndex, isActive]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: StyleSheet.absoluteFill // @ts-expect-error mouse move event
+    ,
+    onMouseMove: React.useCallback( // eslint-disable-next-line no-undef
+    e => {
+      let rect = e.currentTarget.getBoundingClientRect();
+      let x = e.clientX - rect.left; // x position within the element.
+
+      onMouseMove({
+        x
+      });
+    }, [onMouseMove]),
+    onMouseLeave: onMouseLeave
+  });
+};
+//# sourceMappingURL=index.web.js.map

package/lib/module/charts/candle/HoverTrap/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.web.tsx"],"names":["React","View","StyleSheet","parse","LineChartDimensionsContext","useLineChart","canUseDOM","isEnabled","HOVER_THRESHOLD_MS","lastTouchTimestamp","enableHover","Date","now","disableHover","document","addEventListener","isHoverEnabled","LineChartHoverTrap","width","path","useContext","currentX","currentIndex","isActive","data","parsedPath","useMemo","undefined","onMouseMove","useCallback","x","boundedX","Math","min","value","minIndex","boundedIndex","max","round","length","onMouseLeave","absoluteFill","e","rect","currentTarget","getBoundingClientRect","clientX","left"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { View, StyleSheet } from 'react-native';\nimport { parse } from 'react-native-redash';\n\nimport { LineChartDimensionsContext } from '../../line/Chart';\nimport { useLineChart } from '../../line/useLineChart';\n\n// @ts-expect-error missing types\nimport { canUseDOM } from 'fbjs/lib/ExecutionEnvironment';\n\nlet isEnabled = false;\n\n// the following logic comes from the creator of react-native-web\n// https://gist.github.com/necolas/1c494e44e23eb7f8c5864a2fac66299a\n// it's also used by MotiPressable's hover interactions\n// https://github.com/nandorojo/moti/blob/master/packages/interactions/src/pressable/hoverable.tsx\nif (canUseDOM) {\n  /**\n   * Web browsers emulate mouse events (and hover states) after touch events.\n   * This code infers when the currently-in-use modality supports hover\n   * (including for multi-modality devices) and considers \"hover\" to be enabled\n   * if a mouse movement occurs more than 1 second after the last touch event.\n   * This threshold is long enough to account for longer delays between the\n   * browser firing touch and mouse events on low-powered devices.\n   */\n  const HOVER_THRESHOLD_MS = 1000;\n  let lastTouchTimestamp = 0;\n\n  function enableHover() {\n    if (isEnabled || Date.now() - lastTouchTimestamp < HOVER_THRESHOLD_MS) {\n      return;\n    }\n    isEnabled = true;\n  }\n\n  function disableHover() {\n    lastTouchTimestamp = Date.now();\n    if (isEnabled) {\n      isEnabled = false;\n    }\n  }\n\n  document.addEventListener('touchstart', disableHover, true);\n  document.addEventListener('touchmove', disableHover, true);\n  document.addEventListener('mousemove', enableHover, true);\n}\n\nfunction isHoverEnabled(): boolean {\n  return isEnabled;\n}\n\nexport const LineChartHoverTrap = () => {\n  const { width, path } = React.useContext(LineChartDimensionsContext);\n  const { currentX, currentIndex, isActive, data } = useLineChart();\n\n  const parsedPath = React.useMemo(\n    () => (path ? parse(path) : undefined),\n    [path]\n  );\n\n  const onMouseMove = React.useCallback(\n    ({ x }: { x: number }) => {\n      if (isHoverEnabled()) {\n        if (parsedPath) {\n          const boundedX = Math.min(x, width);\n          isActive.value = true;\n          currentX.value = boundedX;\n\n          // on Web, we could drag the cursor to be negative, breaking it\n          // so we clamp the index at 0 to fix it\n          // https://github.com/coinjar/react-native-wagmi-charts/issues/24\n          const minIndex = 0;\n          const boundedIndex = Math.max(\n            minIndex,\n            Math.round(boundedX / width / (1 / (data.length - 1)))\n          );\n\n          currentIndex.value = boundedIndex;\n        }\n      } else {\n        isActive.value = false;\n        currentIndex.value = -1;\n      }\n    },\n    [currentIndex, currentX, data.length, isActive, parsedPath, width]\n  );\n\n  const onMouseLeave = React.useCallback(() => {\n    isActive.value = false;\n    currentIndex.value = -1;\n  }, [currentIndex, isActive]);\n\n  return (\n    <View\n      style={StyleSheet.absoluteFill}\n      // @ts-expect-error mouse move event\n      onMouseMove={React.useCallback(\n        // eslint-disable-next-line no-undef\n        (e: React.MouseEvent<HTMLElement>) => {\n          let rect = e.currentTarget.getBoundingClientRect();\n          let x = e.clientX - rect.left; // x position within the element.\n\n          onMouseMove({ x });\n        },\n        [onMouseMove]\n      )}\n      onMouseLeave={onMouseLeave}\n    />\n  );\n};\n"]}

package/lib/module/charts/candle/utils/getDomain.js

@@ -0,0 +1,12 @@
+export function getDomain(rows) {
+  'worklet';
+
+  const values = rows.map(({
+    high,
+    low
+  }) => [high, low]).flat();
+  const min = Math.min(...values);
+  const max = Math.max(...values);
+  return [min - (max - min) * 0.025, max + (max - min) * 0.025];
+}
+//# sourceMappingURL=getDomain.js.map

package/lib/module/charts/candle/utils/getDomain.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getDomain.ts"],"names":["getDomain","rows","values","map","high","low","flat","min","Math","max"],"mappings":"AAEA,OAAO,SAASA,SAAT,CAAmBC,IAAnB,EAAgE;AACrE;;AACA,QAAMC,MAAM,GAAGD,IAAI,CAACE,GAAL,CAAS,CAAC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAD,KAAmB,CAACD,IAAD,EAAOC,GAAP,CAA5B,EAAyCC,IAAzC,EAAf;AACA,QAAMC,GAAG,GAAGC,IAAI,CAACD,GAAL,CAAS,GAAGL,MAAZ,CAAZ;AACA,QAAMO,GAAG,GAAGD,IAAI,CAACC,GAAL,CAAS,GAAGP,MAAZ,CAAZ;AACA,SAAO,CAACK,GAAG,GAAG,CAACE,GAAG,GAAGF,GAAP,IAAc,KAArB,EAA4BE,GAAG,GAAG,CAACA,GAAG,GAAGF,GAAP,IAAc,KAAhD,CAAP;AACD","sourcesContent":["import type { TCandle } from '../types';\n\nexport function getDomain(rows: TCandle[]): [min: number, max: number] {\n  'worklet';\n  const values = rows.map(({ high, low }) => [high, low]).flat();\n  const min = Math.min(...values);\n  const max = Math.max(...values);\n  return [min - (max - min) * 0.025, max + (max - min) * 0.025];\n}\n"]}

package/lib/module/charts/candle/utils/getHeight.js

@@ -0,0 +1,11 @@
+import { interpolate, Extrapolate } from 'react-native-reanimated';
+export function getHeight({
+  value,
+  domain,
+  maxHeight
+}) {
+  'worklet';
+
+  return interpolate(value, [0, Math.max(...domain) - Math.min(...domain)], [0, maxHeight], Extrapolate.CLAMP);
+}
+//# sourceMappingURL=getHeight.js.map

package/lib/module/charts/candle/utils/getHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getHeight.ts"],"names":["interpolate","Extrapolate","getHeight","value","domain","maxHeight","Math","max","min","CLAMP"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,WAAtB,QAAyC,yBAAzC;AAIA,OAAO,SAASC,SAAT,CAAmB;AACxBC,EAAAA,KADwB;AAExBC,EAAAA,MAFwB;AAGxBC,EAAAA;AAHwB,CAAnB,EAQJ;AACD;;AACA,SAAOL,WAAW,CAChBG,KADgB,EAEhB,CAAC,CAAD,EAAIG,IAAI,CAACC,GAAL,CAAS,GAAGH,MAAZ,IAAsBE,IAAI,CAACE,GAAL,CAAS,GAAGJ,MAAZ,CAA1B,CAFgB,EAGhB,CAAC,CAAD,EAAIC,SAAJ,CAHgB,EAIhBJ,WAAW,CAACQ,KAJI,CAAlB;AAMD","sourcesContent":["import { interpolate, Extrapolate } from 'react-native-reanimated';\n\nimport type { TDomain } from '../types';\n\nexport function getHeight({\n  value,\n  domain,\n  maxHeight,\n}: {\n  value: number;\n  domain: TDomain;\n  maxHeight: number;\n}) {\n  'worklet';\n  return interpolate(\n    value,\n    [0, Math.max(...domain) - Math.min(...domain)],\n    [0, maxHeight],\n    Extrapolate.CLAMP\n  );\n}\n"]}

package/lib/module/charts/candle/utils/getPrice.js

@@ -0,0 +1,12 @@
+import { interpolate, Extrapolate } from 'react-native-reanimated';
+export function getPrice({
+  y,
+  domain,
+  maxHeight
+}) {
+  'worklet';
+
+  if (y === -1) return -1;
+  return interpolate(y, [0, maxHeight], domain.reverse(), Extrapolate.CLAMP);
+}
+//# sourceMappingURL=getPrice.js.map

package/lib/module/charts/candle/utils/getPrice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getPrice.ts"],"names":["interpolate","Extrapolate","getPrice","y","domain","maxHeight","reverse","CLAMP"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,WAAtB,QAAyC,yBAAzC;AAIA,OAAO,SAASC,QAAT,CAAkB;AACvBC,EAAAA,CADuB;AAEvBC,EAAAA,MAFuB;AAGvBC,EAAAA;AAHuB,CAAlB,EAQJ;AACD;;AACA,MAAIF,CAAC,KAAK,CAAC,CAAX,EAAc,OAAO,CAAC,CAAR;AACd,SAAOH,WAAW,CAACG,CAAD,EAAI,CAAC,CAAD,EAAIE,SAAJ,CAAJ,EAAoBD,MAAM,CAACE,OAAP,EAApB,EAAsCL,WAAW,CAACM,KAAlD,CAAlB;AACD","sourcesContent":["import { interpolate, Extrapolate } from 'react-native-reanimated';\n\nimport type { TDomain } from '../types';\n\nexport function getPrice({\n  y,\n  domain,\n  maxHeight,\n}: {\n  y: number;\n  domain: TDomain;\n  maxHeight: number;\n}) {\n  'worklet';\n  if (y === -1) return -1;\n  return interpolate(y, [0, maxHeight], domain.reverse(), Extrapolate.CLAMP);\n}\n"]}

package/lib/module/charts/candle/utils/getY.js

@@ -0,0 +1,11 @@
+import { interpolate, Extrapolate } from 'react-native-reanimated';
+export function getY({
+  value,
+  domain,
+  maxHeight
+}) {
+  'worklet';
+
+  return interpolate(value, domain, [maxHeight, 0], Extrapolate.CLAMP);
+}
+//# sourceMappingURL=getY.js.map

package/lib/module/charts/candle/utils/getY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getY.ts"],"names":["interpolate","Extrapolate","getY","value","domain","maxHeight","CLAMP"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,WAAtB,QAAyC,yBAAzC;AAIA,OAAO,SAASC,IAAT,CAAc;AACnBC,EAAAA,KADmB;AAEnBC,EAAAA,MAFmB;AAGnBC,EAAAA;AAHmB,CAAd,EAQJ;AACD;;AACA,SAAOL,WAAW,CAACG,KAAD,EAAQC,MAAR,EAAgB,CAACC,SAAD,EAAY,CAAZ,CAAhB,EAAgCJ,WAAW,CAACK,KAA5C,CAAlB;AACD","sourcesContent":["import { interpolate, Extrapolate } from 'react-native-reanimated';\n\nimport type { TDomain } from '../types';\n\nexport function getY({\n  value,\n  domain,\n  maxHeight,\n}: {\n  value: number;\n  domain: TDomain;\n  maxHeight: number;\n}) {\n  'worklet';\n  return interpolate(value, domain, [maxHeight, 0], Extrapolate.CLAMP);\n}\n"]}

package/lib/module/charts/candle/utils/index.js

@@ -0,0 +1,5 @@
+export * from './getDomain';
+export * from './getHeight';
+export * from './getPrice';
+export * from './getY';
+//# sourceMappingURL=index.js.map

package/lib/module/charts/candle/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd","sourcesContent":["export * from './getDomain';\nexport * from './getHeight';\nexport * from './getPrice';\nexport * from './getY';\n"]}

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

@@ -1,6 +1,8 @@
 function _extends() { _extends = Object.assign || 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 * as React from 'react'; // @ts-ignore
+
+import * as d3Shape from 'd3-shape';
 import { Dimensions, StyleSheet, View } from 'react-native';
 import { LineChartContext } from './Context';
 import { LineChartIdProvider, useLineChartData } from './Data';
@@ -10,34 +12,47 @@ export const LineChartDimensionsContext = /*#__PURE__*/React.createContext({
   height: 0,
   path: '',
   area: '',
-  gutter: 0
+  shape: d3Shape.curveBumpX,
+  gutter: 0,
+  pathWidth: 0
 });
 const {
   width: screenWidth
 } = Dimensions.get('window');
+LineChart.displayName = 'LineChart';
 export function LineChart({
   children,
   yGutter = 16,
   width = screenWidth,
   height = screenWidth,
-  shape,
+  shape = d3Shape.curveBumpX,
   id,
   absolute,
   ...props
 }) {
   const {
-    yDomain
+    yDomain,
+    xLength
   } = React.useContext(LineChartContext);
   const {
     data
   } = useLineChartData({
     id
   });
+  const pathWidth = React.useMemo(() => {
+    let allowedWidth = width;
+
+    if (xLength > data.length) {
+      allowedWidth = width * data.length / xLength;
+    }
+
+    return allowedWidth;
+  }, [data.length, width, xLength]);
   const path = React.useMemo(() => {
     if (data && data.length > 0) {
       return getPath({
         data,
-        width,
+        width: pathWidth,
         height,
         gutter: yGutter,
         shape,
@@ -46,12 +61,12 @@ export function LineChart({
     }
 
     return '';
-  }, [data, width, height, yGutter, shape, yDomain]);
+  }, [data, pathWidth, height, yGutter, shape, yDomain]);
   const area = React.useMemo(() => {
     if (data && data.length > 0) {
       return getArea({
         data,
-        width,
+        width: pathWidth,
         height,
         gutter: yGutter,
         shape,
@@ -60,14 +75,16 @@ export function LineChart({
     }
 
     return '';
-  }, [data, width, height, yGutter, shape, yDomain]);
+  }, [data, pathWidth, height, yGutter, shape, yDomain]);
   const contextValue = React.useMemo(() => ({
     gutter: yGutter,
     area,
     path,
     width,
-    height
-  }), [area, height, path, width, yGutter]);
+    height,
+    pathWidth,
+    shape
+  }), [yGutter, area, path, width, height, pathWidth, shape]);
   return /*#__PURE__*/React.createElement(LineChartIdProvider, {
     id: id
   }, /*#__PURE__*/React.createElement(LineChartDimensionsContext.Provider, {

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

@@ -1 +1 @@
-{"version":3,"sources":["Chart.tsx"],"names":["React","Dimensions","StyleSheet","View","LineChartContext","LineChartIdProvider","useLineChartData","getArea","getPath","LineChartDimensionsContext","createContext","width","height","path","area","gutter","screenWidth","get","LineChart","children","yGutter","shape","id","absolute","props","yDomain","useContext","data","useMemo","length","contextValue","styles","style","create","position"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Dimensions, StyleSheet, View, ViewProps } from 'react-native';\nimport { LineChartContext } from './Context';\nimport { LineChartIdProvider, useLineChartData } from './Data';\n\nimport { getArea, getPath } from './utils';\n\nexport const LineChartDimensionsContext = React.createContext({\n  width: 0,\n  height: 0,\n  path: '',\n  area: '',\n  gutter: 0,\n});\n\ntype LineChartProps = ViewProps & {\n  children: React.ReactNode;\n  yGutter?: number;\n  width?: number;\n  height?: number;\n  shape?: string;\n  /**\n   * If your `LineChart.Provider` uses a dictionary with multiple IDs for multiple paths, then this field is required.\n   */\n  id?: string;\n  absolute?: boolean;\n};\n\nconst { width: screenWidth } = Dimensions.get('window');\n\nexport function LineChart({\n  children,\n  yGutter = 16,\n  width = screenWidth,\n  height = screenWidth,\n  shape,\n  id,\n  absolute,\n  ...props\n}: LineChartProps) {\n  const { yDomain } = React.useContext(LineChartContext);\n  const { data } = useLineChartData({\n    id,\n  });\n\n  const path = React.useMemo(() => {\n    if (data && data.length > 0) {\n      return getPath({\n        data,\n        width,\n        height,\n        gutter: yGutter,\n        shape,\n        yDomain,\n      });\n    }\n    return '';\n  }, [data, width, height, yGutter, shape, yDomain]);\n\n  const area = React.useMemo(() => {\n    if (data && data.length > 0) {\n      return getArea({\n        data,\n        width,\n        height,\n        gutter: yGutter,\n        shape,\n        yDomain,\n      });\n    }\n    return '';\n  }, [data, width, height, yGutter, shape, yDomain]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      gutter: yGutter,\n      area,\n      path,\n      width,\n      height,\n    }),\n    [area, height, path, width, yGutter]\n  );\n\n  return (\n    <LineChartIdProvider id={id}>\n      <LineChartDimensionsContext.Provider value={contextValue}>\n        <View {...props} style={[absolute && styles.absolute, props.style]}>\n          {children}\n        </View>\n      </LineChartDimensionsContext.Provider>\n    </LineChartIdProvider>\n  );\n}\n\nconst styles = StyleSheet.create({\n  absolute: {\n    position: 'absolute',\n  },\n});\n"]}
+{"version":3,"sources":["Chart.tsx"],"names":["React","d3Shape","Dimensions","StyleSheet","View","LineChartContext","LineChartIdProvider","useLineChartData","getArea","getPath","LineChartDimensionsContext","createContext","width","height","path","area","shape","curveBumpX","gutter","pathWidth","screenWidth","get","LineChart","displayName","children","yGutter","id","absolute","props","yDomain","xLength","useContext","data","useMemo","allowedWidth","length","contextValue","styles","style","create","position"],"mappings":"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","sourcesContent":["import * as React from 'react';\n// @ts-ignore\nimport * as d3Shape from 'd3-shape';\nimport { Dimensions, StyleSheet, View, ViewProps } from 'react-native';\nimport { LineChartContext } from './Context';\nimport { LineChartIdProvider, useLineChartData } from './Data';\n\nimport { getArea, getPath } from './utils';\n\nexport const LineChartDimensionsContext = React.createContext({\n  width: 0,\n  height: 0,\n  path: '',\n  area: '',\n  shape: d3Shape.curveBumpX,\n  gutter: 0,\n  pathWidth: 0,\n});\n\ntype LineChartProps = ViewProps & {\n  children: React.ReactNode;\n  yGutter?: number;\n  width?: number;\n  height?: number;\n  shape?: unknown;\n  /**\n   * If your `LineChart.Provider` uses a dictionary with multiple IDs for multiple paths, then this field is required.\n   */\n  id?: string;\n  absolute?: boolean;\n};\n\nconst { width: screenWidth } = Dimensions.get('window');\n\nLineChart.displayName = 'LineChart';\n\nexport function LineChart({\n  children,\n  yGutter = 16,\n  width = screenWidth,\n  height = screenWidth,\n  shape = d3Shape.curveBumpX,\n  id,\n  absolute,\n  ...props\n}: LineChartProps) {\n  const { yDomain, xLength } = React.useContext(LineChartContext);\n  const { data } = useLineChartData({\n    id,\n  });\n\n  const pathWidth = React.useMemo(() => {\n    let allowedWidth = width;\n    if (xLength > data.length) {\n      allowedWidth = (width * data.length) / xLength;\n    }\n    return allowedWidth;\n  }, [data.length, width, xLength]);\n\n  const path = React.useMemo(() => {\n    if (data && data.length > 0) {\n      return getPath({\n        data,\n        width: pathWidth,\n        height,\n        gutter: yGutter,\n        shape,\n        yDomain,\n      });\n    }\n    return '';\n  }, [data, pathWidth, height, yGutter, shape, yDomain]);\n\n  const area = React.useMemo(() => {\n    if (data && data.length > 0) {\n      return getArea({\n        data,\n        width: pathWidth,\n        height,\n        gutter: yGutter,\n        shape,\n        yDomain,\n      });\n    }\n    return '';\n  }, [data, pathWidth, height, yGutter, shape, yDomain]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      gutter: yGutter,\n      area,\n      path,\n      width,\n      height,\n      pathWidth,\n      shape,\n    }),\n    [yGutter, area, path, width, height, pathWidth, shape]\n  );\n\n  return (\n    <LineChartIdProvider id={id}>\n      <LineChartDimensionsContext.Provider value={contextValue}>\n        <View {...props} style={[absolute && styles.absolute, props.style]}>\n          {children}\n        </View>\n      </LineChartDimensionsContext.Provider>\n    </LineChartIdProvider>\n  );\n}\n\nconst styles = StyleSheet.create({\n  absolute: {\n    position: 'absolute',\n  },\n});\n"]}