@ledgerhq/lumen-ui-rnative 0.1.35 → 0.1.37

package/src/lib/Components/PageIndicator/PageIndicator.tsx

@@ -12,7 +12,6 @@ import { useTimingConfig } from '../../Animations/useTimingConfig';
 import { Box } from '../Utility';
 import type { PageIndicatorProps } from './types';
 
-const AnimatedBox = Animated.createAnimatedComponent(Box);
 const MAX_VISIBLE_DOTS = 4;
 
 const useDotAnimation = ({
@@ -33,14 +32,20 @@ const useDotAnimation = ({
 
   useEffect(() => {
     colorProgress.value = withTiming(isActive ? 1 : 0, timingConfig);
-    return () => cancelAnimation(colorProgress);
   }, [isActive, colorProgress, timingConfig]);
 
+  useEffect(() => {
+    return () => cancelAnimation(colorProgress);
+  }, [colorProgress]);
+
   useEffect(() => {
     shrinkProgress.value = withTiming(isShrunk ? 1 : 0, timingConfig);
-    return () => cancelAnimation(shrinkProgress);
   }, [isShrunk, shrinkProgress, timingConfig]);
 
+  useEffect(() => {
+    return () => cancelAnimation(shrinkProgress);
+  }, [shrinkProgress]);
+
   const animatedStyle = useAnimatedStyle(() => {
     const backgroundColor = interpolateColor(
       colorProgress.value,
@@ -102,8 +107,11 @@ const useStripAnimation = ({
 
   useEffect(() => {
     translateX.value = withTiming(-offset * dotWidth, timingConfig);
+  }, [offset, dotWidth, translateX, timingConfig]);
+
+  useEffect(() => {
     return () => cancelAnimation(translateX);
-  }, [currentPage, totalPages, offset, dotWidth, translateX, timingConfig]);
+  }, [translateX]);
 
   const stripAnimatedStyle = useAnimatedStyle(
     () => ({
@@ -157,7 +165,7 @@ const PageIndicatorDot = ({
   const styles = useDotStyles();
   const { animatedStyle } = useDotAnimation({ isActive, isShrunk });
 
-  return <AnimatedBox style={[styles.dot, animatedStyle]} />;
+  return <Animated.View style={[styles.dot, animatedStyle]} />;
 };
 
 /**
@@ -202,7 +210,7 @@ export const PageIndicator = ({
       {...props}
     >
       <Box style={[styles.viewport, { width: viewportWidth }]}>
-        <AnimatedBox style={[styles.strip, stripAnimatedStyle]}>
+        <Animated.View style={[styles.strip, stripAnimatedStyle]}>
           {dotIndexes.map((index) => (
             <PageIndicatorDot
               key={index}
@@ -210,7 +218,7 @@ export const PageIndicator = ({
               isShrunk={isShrunk(index)}
             />
           ))}
-        </AnimatedBox>
+        </Animated.View>
       </Box>
     </Box>
   );

package/src/lib/Components/SearchInput/SearchInput.mdx

@@ -7,7 +7,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
 
 <Meta title='Input/SearchInput' of={SearchInputStories} />
 
-# 🔍 SearchInput
+# SearchInput
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/SegmentedControl/SegmentedControl.mdx

@@ -7,7 +7,7 @@ import { Box } from '../Utility';
 
 <Meta title='Navigation/SegmentedControl' of={SegmentedControlStories} />
 
-# 📑 SegmentedControl
+# SegmentedControl
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Select/Select.mdx

@@ -5,7 +5,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 
 <Meta title='Selection/Select' of={SelectStories} />
 
-# 📋 Select
+# Select
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Spinner/Spinner.mdx

@@ -8,7 +8,7 @@ import { Text } from '../Utility/Text';
 
 <Meta title='Communication/Spinner/Docs' of={SpinnerStories} />
 
-# 🌀 Spinner
+# Spinner
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Spot/Spot.mdx

@@ -8,7 +8,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
 
 <Meta title='Components/Spot' of={SpotStories} />
 
-# 🔵 Spot
+# Spot
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Stepper/Stepper.mdx

@@ -8,7 +8,7 @@ import { Text } from '../Utility/Text';
 
 <Meta title='Communication/Stepper/Docs' of={StepperStories} />
 
-# 🔄 Stepper
+# Stepper
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Subheader/Subheader.mdx

@@ -21,7 +21,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
 
 <Meta title='Components/Subheader' of={SubheaderStories} />
 
-# 🃏 Subheader
+# Subheader
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Switch/Switch.mdx

@@ -8,7 +8,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
 
 <Meta title="Components/Switch" of={SwitchStories} />
 
-# ☑️ Switch
+# Switch
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/TabBar/TabBar.mdx

@@ -8,7 +8,7 @@ import { Box } from '../Utility';
 
 <Meta title='Navigation/TabBar' of={TabBarStories} />
 
-# 🔘 TabBar
+# TabBar
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/TextInput/TextInput.mdx

@@ -7,7 +7,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
 
 <Meta title='Input/TextInput' of={TextInputStories} />
 
-# ⌨️ TextInput
+# TextInput
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Tile/Tile.mdx

@@ -13,7 +13,7 @@ import { Box } from '../Utility';
 
 <Meta title='Containment/Tile' of={TileStories} />
 
-# 📋 Tile
+# Tile
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Tooltip/Tooltip.mdx

@@ -7,7 +7,7 @@ import { Box } from '../Utility/Box';
 
 <Meta title='Communication/Tooltip' of={TooltipStories} />
 
-# 💬 Tooltip
+# Tooltip
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/index.ts

@@ -9,6 +9,7 @@ export * from './Card';
 export * from './CardButton';
 export * from './Checkbox';
 export * from './ContentBanner';
+export * from './DescriptionItem';
 export * from './Divider';
 export * from './DotCount';
 export * from './DotIcon';