@ledgerhq/lumen-ui-rnative-visualization 0.1.11 → 0.1.12

package/dist/module/lib/Components/CartesianChart/RevealClip/RevealClipDefs.js

@@ -1,5 +1,6 @@
 "use strict";
 
+import { RuntimeConstants } from '@ledgerhq/lumen-ui-rnative';
 import { useMemo } from 'react';
 import Animated from 'react-native-reanimated';
 import { ClipPath, Defs, Rect } from 'react-native-svg';
@@ -16,7 +17,11 @@ export function RevealClipDefs({
   animate = true,
   transitions
 }) {
-  const isDisabled = !animate;
+  /**
+   * Disable reveal animation on Android devices due to issues with SVG clip-path animation support.
+   * On Android, the animation does not render correctly, so we opt out for a consistent user experience.
+   */
+  const isDisabled = !animate || RuntimeConstants.isAndroid;
   const durationMs = (transitions?.enter?.duration ?? DEFAULT_DURATION_IN_SECONDS) * 1000;
   const dataFingerprint = useComputeDataFingerprint({
     series

package/dist/module/lib/Components/CartesianChart/RevealClip/RevealClipDefs.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","Animated","ClipPath","Defs","Rect","OVERFLOW_BUFFER","RevealClipContext","useComputeDataFingerprint","useRevealClipAnimation","jsx","_jsx","jsxs","_jsxs","DEFAULT_DURATION_IN_SECONDS","AnimatedRect","createAnimatedComponent","RevealClipDefs","children","drawingArea","series","animate","transitions","isDisabled","durationMs","enter","duration","dataFingerprint","clipId","animatedRectProps","contextValue","clipPathAttr","Provider","value","id","x","left","y","top","height","bottom","animatedProps"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealClip/RevealClipDefs.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,QAAQ,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAEvD,SAASC,eAAe,QAAQ,aAAU;AAE1C,SAASC,iBAAiB,QAAQ,cAAW;AAE7C,SAASC,yBAAyB,EAAEC,sBAAsB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE5E,MAAMC,2BAA2B,GAAG,GAAG;AAEvC,MAAMC,YAAY,GAAGb,QAAQ,CAACc,uBAAuB,CAACX,IAAI,CAAC;AAE3D,OAAO,SAASY,cAAcA,CAAC;EAC7BC,QAAQ;EACRC,WAAW;EACXC,MAAM;EACNC,OAAO,GAAG,IAAI;EACdC;AACmB,CAAC,EAAE;EACtB,MAAMC,UAAU,GAAG,CAACF,OAAO;EAC3B,MAAMG,UAAU,GACd,CAACF,WAAW,EAAEG,KAAK,EAAEC,QAAQ,IAAIZ,2BAA2B,IAAI,IAAI;EAEtE,MAAMa,eAAe,GAAGnB,yBAAyB,CAAC;IAAEY;EAAO,CAAC,CAAC;EAC7D,MAAM;IAAEQ,MAAM;IAAEC;EAAkB,CAAC,GAAGpB,sBAAsB,CAAC;IAC3De,UAAU;IACVL,WAAW;IACXQ;EACF,CAAC,CAAC;EAEF,MAAMG,YAAY,GAAG7B,OAAO,CAC1B,OAAO;IAAE8B,YAAY,EAAE,QAAQH,MAAM;EAAI,CAAC,CAAC,EAC3C,CAACA,MAAM,CACT,CAAC;EAED,IAAIL,UAAU,EAAE;IACd,OAAOL,QAAQ;EACjB;EAEA,oBACEL,KAAA,CAACN,iBAAiB,CAACyB,QAAQ;IAAuBC,KAAK,EAAEH,YAAa;IAAAZ,QAAA,gBACpEP,IAAA,CAACP,IAAI;MAAAc,QAAA,eACHP,IAAA,CAACR,QAAQ;QAAC+B,EAAE,EAAEN,MAAO;QAAAV,QAAA,eACnBP,IAAA,CAACI,YAAY;UACXoB,CAAC,EAAEhB,WAAW,CAACgB,CAAC,GAAG7B,eAAe,CAAC8B,IAAK;UACxCC,CAAC,EAAElB,WAAW,CAACkB,CAAC,GAAG/B,eAAe,CAACgC,GAAI;UACvCC,MAAM,EACJpB,WAAW,CAACoB,MAAM,GAAGjC,eAAe,CAACgC,GAAG,GAAGhC,eAAe,CAACkC,MAC5D;UACDC,aAAa,EAAEZ;QAAkB,CAClC;MAAC,CACM;IAAC,CACP,CAAC,EACNX,QAAQ;EAAA,GAbsBS,eAcL,CAAC;AAEjC","ignoreList":[]}
+{"version":3,"names":["RuntimeConstants","useMemo","Animated","ClipPath","Defs","Rect","OVERFLOW_BUFFER","RevealClipContext","useComputeDataFingerprint","useRevealClipAnimation","jsx","_jsx","jsxs","_jsxs","DEFAULT_DURATION_IN_SECONDS","AnimatedRect","createAnimatedComponent","RevealClipDefs","children","drawingArea","series","animate","transitions","isDisabled","isAndroid","durationMs","enter","duration","dataFingerprint","clipId","animatedRectProps","contextValue","clipPathAttr","Provider","value","id","x","left","y","top","height","bottom","animatedProps"],"sourceRoot":"../../../../../../src","sources":["lib/Components/CartesianChart/RevealClip/RevealClipDefs.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,OAAO,QAAQ,OAAO;AAE/B,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,QAAQ,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAEvD,SAASC,eAAe,QAAQ,aAAU;AAE1C,SAASC,iBAAiB,QAAQ,cAAW;AAE7C,SAASC,yBAAyB,EAAEC,sBAAsB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE5E,MAAMC,2BAA2B,GAAG,GAAG;AAEvC,MAAMC,YAAY,GAAGb,QAAQ,CAACc,uBAAuB,CAACX,IAAI,CAAC;AAE3D,OAAO,SAASY,cAAcA,CAAC;EAC7BC,QAAQ;EACRC,WAAW;EACXC,MAAM;EACNC,OAAO,GAAG,IAAI;EACdC;AACmB,CAAC,EAAE;EACtB;AACF;AACA;AACA;EACE,MAAMC,UAAU,GAAG,CAACF,OAAO,IAAIrB,gBAAgB,CAACwB,SAAS;EACzD,MAAMC,UAAU,GACd,CAACH,WAAW,EAAEI,KAAK,EAAEC,QAAQ,IAAIb,2BAA2B,IAAI,IAAI;EAEtE,MAAMc,eAAe,GAAGpB,yBAAyB,CAAC;IAAEY;EAAO,CAAC,CAAC;EAC7D,MAAM;IAAES,MAAM;IAAEC;EAAkB,CAAC,GAAGrB,sBAAsB,CAAC;IAC3DgB,UAAU;IACVN,WAAW;IACXS;EACF,CAAC,CAAC;EAEF,MAAMG,YAAY,GAAG9B,OAAO,CAC1B,OAAO;IAAE+B,YAAY,EAAE,QAAQH,MAAM;EAAI,CAAC,CAAC,EAC3C,CAACA,MAAM,CACT,CAAC;EAED,IAAIN,UAAU,EAAE;IACd,OAAOL,QAAQ;EACjB;EAEA,oBACEL,KAAA,CAACN,iBAAiB,CAAC0B,QAAQ;IAAuBC,KAAK,EAAEH,YAAa;IAAAb,QAAA,gBACpEP,IAAA,CAACP,IAAI;MAAAc,QAAA,eACHP,IAAA,CAACR,QAAQ;QAACgC,EAAE,EAAEN,MAAO;QAAAX,QAAA,eACnBP,IAAA,CAACI,YAAY;UACXqB,CAAC,EAAEjB,WAAW,CAACiB,CAAC,GAAG9B,eAAe,CAAC+B,IAAK;UACxCC,CAAC,EAAEnB,WAAW,CAACmB,CAAC,GAAGhC,eAAe,CAACiC,GAAI;UACvCC,MAAM,EACJrB,WAAW,CAACqB,MAAM,GAAGlC,eAAe,CAACiC,GAAG,GAAGjC,eAAe,CAACmC,MAC5D;UACDC,aAAa,EAAEZ;QAAkB,CAClC;MAAC,CACM;IAAC,CACP,CAAC,EACNZ,QAAQ;EAAA,GAbsBU,eAcL,CAAC;AAEjC","ignoreList":[]}

package/dist/typescript/src/lib/Components/CartesianChart/RevealClip/RevealClipDefs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RevealClipDefs.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/CartesianChart/RevealClip/RevealClipDefs.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAOnD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,MAAM,EACN,OAAc,EACd,WAAW,GACZ,EAAE,mBAAmB,2WAsCrB"}
+{"version":3,"file":"RevealClipDefs.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/CartesianChart/RevealClip/RevealClipDefs.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAOnD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,MAAM,EACN,OAAc,EACd,WAAW,GACZ,EAAE,mBAAmB,2WA0CrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-rnative-visualization",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -45,7 +45,7 @@
   "peerDependencies": {
     "@types/react": "^19.0.0",
     "@ledgerhq/lumen-design-core": "0.1.14",
-    "@ledgerhq/lumen-ui-rnative": "0.1.34",
+    "@ledgerhq/lumen-ui-rnative": "0.1.35",
     "react": "^19.0.0",
     "react-native": "~0.79.7",
     "react-native-svg": "^15.0.0",

package/src/lib/Components/CartesianChart/RevealClip/RevealClipDefs.tsx

@@ -1,4 +1,6 @@
+import { RuntimeConstants } from '@ledgerhq/lumen-ui-rnative';
 import { useMemo } from 'react';
+
 import Animated from 'react-native-reanimated';
 import { ClipPath, Defs, Rect } from 'react-native-svg';
 
@@ -19,7 +21,11 @@ export function RevealClipDefs({
   animate = true,
   transitions,
 }: RevealClipDefsProps) {
-  const isDisabled = !animate;
+  /**
+   * Disable reveal animation on Android devices due to issues with SVG clip-path animation support.
+   * On Android, the animation does not render correctly, so we opt out for a consistent user experience.
+   */
+  const isDisabled = !animate || RuntimeConstants.isAndroid;
   const durationMs =
     (transitions?.enter?.duration ?? DEFAULT_DURATION_IN_SECONDS) * 1000;