@ledgerhq/native-ui 0.22.1-nightly.0 → 0.22.1-nightly.1

package/lib/components/Layout/Collapse/Accordion/index.js

@@ -11,7 +11,7 @@ const Accordion = ({ collapsed = false, children, title, onPress, }) => {
     };
     const style = useAnimatedStyle(() => {
         return {
-            maxHeight: withTiming(animationHeight.value, config),
+            maxHeight: withTiming(animationHeight.value, config), // patch for
         };
     });
     useEffect(() => {

package/lib/components/Layout/ScrollContainerHeader/index.d.ts

@@ -1,14 +1,14 @@
 import React from "react";
-import { FlatListProps } from "react-native";
+import { FlatListProps, ScrollViewProps } from "react-native";
 import type { HeaderProps } from "./Header";
 import { BaseStyledProps } from "../../styled";
-type ScrollContainerHeaderProps = BaseStyledProps & Omit<HeaderProps, "currentPositionY"> & Omit<FlatListProps<any>, "onScroll" | "data" | "renderItem"> & {
+type ScrollContainerHeaderProps<ItemType> = BaseStyledProps & Omit<HeaderProps, "currentPositionY"> & Omit<FlatListProps<ItemType>, "onScroll" | "data" | "renderItem"> & {
     children?: React.ReactNode;
     onScroll?: (y: number) => void;
     containerProps?: BaseStyledProps;
-};
+} & Pick<ScrollViewProps, "stickyHeaderIndices">;
 declare const ScrollContainerHeader: {
-    ({ TopLeftSection, TopRightSection, TopMiddleSection, MiddleSection, BottomSection, children, onScroll, containerProps, ...props }: ScrollContainerHeaderProps): JSX.Element;
+    <ItemType>({ TopLeftSection, TopRightSection, TopMiddleSection, MiddleSection, BottomSection, children, onScroll, containerProps, ...props }: ScrollContainerHeaderProps<ItemType>): JSX.Element;
     Header: {
         ({ TopLeftSection, TopRightSection, TopMiddleSection, MiddleSection, BottomSection, currentPositionY, }: HeaderProps): JSX.Element;
         PADDING_HORIZONTAL: number;

package/lib/components/Layout/ScrollContainerHeader/index.js

@@ -10,12 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from "react";
-import { View } from "react-native";
+import { FlatList, View } from "react-native";
 import Animated, { useAnimatedScrollHandler, useSharedValue } from "react-native-reanimated";
 import Flex from "../Flex";
 import Header from "./Header";
 import baseStyled from "../../styled";
-const StyledFlatList = baseStyled.FlatList ``;
+const StyledFlatList = baseStyled(FlatList) ``;
 const AnimatedFlatList = Animated.createAnimatedComponent(StyledFlatList);
 const ScrollContainerHeader = (_a) => {
     var { TopLeftSection, TopRightSection, TopMiddleSection, MiddleSection, BottomSection, children, onScroll, containerProps } = _a, props = __rest(_a, ["TopLeftSection", "TopRightSection", "TopMiddleSection", "MiddleSection", "BottomSection", "children", "onScroll", "containerProps"]);
@@ -27,7 +27,7 @@ const ScrollContainerHeader = (_a) => {
     });
     return (React.createElement(Flex, Object.assign({ flex: 1 }, containerProps),
         React.createElement(Header, { TopLeftSection: TopLeftSection, TopRightSection: TopRightSection, TopMiddleSection: TopMiddleSection, MiddleSection: MiddleSection, BottomSection: BottomSection, currentPositionY: currentPositionY }),
-        React.createElement(AnimatedFlatList, Object.assign({}, props, { onScroll: handleScroll, scrollEventThrottle: 16, data: [...React.Children.toArray(children)], renderItem: ({ item }) => React.createElement(View, null, item), keyExtractor: (_, index) => index }))));
+        React.createElement(AnimatedFlatList, Object.assign({}, props, { onScroll: handleScroll, scrollEventThrottle: 16, data: [...React.Children.toArray(children)], renderItem: ({ item }) => React.createElement(View, null, item), keyExtractor: (_, index) => index.toString() }))));
 };
 ScrollContainerHeader.Header = Header;
 export default ScrollContainerHeader;

package/lib/components/cta/QuickAction/QuickActionList/index.js

@@ -17,6 +17,6 @@ const QuickActionList = (_a) => {
     const renderItem = useCallback(({ item, index }) => {
         return (React.createElement(QuickActionButton, Object.assign({}, item, { flex: 1, mr: (index + 1) % numColumns > 0 && data && index !== data.length - 1 ? 4 : 0, mb: (data === null || data === void 0 ? void 0 : data.length) && index + numColumns < data.length ? 4 : 0 })));
     }, []);
-    return (React.createElement(FlatList, Object.assign({}, otherProps, { data: data, keyExtractor: (_item, index) => `${id}${index}`, horizontal: false, renderItem: renderItem, numColumns: numColumns, style: { width: "100%" } })));
+    return (React.createElement(FlatList, Object.assign({}, otherProps, { data: data, keyExtractor: (_item, index) => `${id}${index}`, horizontal: false, renderItem: renderItem, numColumns: numColumns })));
 };
 export default QuickActionList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.22.1-nightly.0",
+  "version": "0.22.1-nightly.1",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",
@@ -52,12 +52,11 @@
   },
   "peerDependencies": {
     "@types/react": "*",
-    "@types/react-native": "*",
     "@types/styled-components": "^5.3.3",
     "@types/styled-components-react-native": "^5.3.3",
     "react": ">=17",
     "react-native": ">=0.64.0",
-    "react-native-reanimated": "^3.0.0",
+    "react-native-reanimated": "~3.3.0",
     "styled-components": "^5.3.3"
   },
   "devDependencies": {
@@ -67,15 +66,15 @@
     "@babel/plugin-proposal-export-namespace-from": "^7.16.0",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
     "@babel/plugin-proposal-optional-chaining": "^7.21.0",
-    "@babel/plugin-transform-arrow-functions": "^7.20.7",
-    "@babel/plugin-transform-shorthand-properties": "^7.18.6",
-    "@babel/plugin-transform-template-literals": "^7.18.9",
+    "@babel/plugin-transform-arrow-functions": "^7.22.5",
+    "@babel/plugin-transform-shorthand-properties": "^7.22.5",
+    "@babel/plugin-transform-template-literals": "^7.22.5",
     "@babel/preset-env": "^7.15.8",
     "@babel/runtime": "^7.17.2",
     "@emotion/core": "^11.0.0",
     "@emotion/native": "^11.0.0",
-    "@expo/metro-config": "^0.7.1",
-    "@expo/webpack-config": "^18.0.1",
+    "@expo/metro-config": "^0.10.7",
+    "@expo/webpack-config": "^18.1.2",
     "@react-native-async-storage/async-storage": "1.17.12",
     "@react-native-community/cli-server-api": "^7.0.3",
     "@react-native-community/datetimepicker": "6.7.5",
@@ -101,7 +100,7 @@
     "@types/node": "^18.0.0",
     "@types/prop-types": "^15.7.5",
     "@types/react": "^18.2.21",
-    "@types/react-native": "0.71.5",
+    "@types/react-native": "0.72.2",
     "@types/styled-components": "^5.1.3",
     "@types/styled-components-react-native": "^5.1.3",
     "assert": "^2.0.0",
@@ -109,37 +108,37 @@
     "babel-plugin-module-resolver": "^4.1.0",
     "babel-plugin-react-docgen-typescript": "^1.5.1",
     "babel-plugin-react-native-web": "^0.19.0",
-    "babel-preset-expo": "^9.3.0",
+    "babel-preset-expo": "^9.5.0",
     "camelcase": "^6.2.1",
     "csstype": "^3.0.11",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "expo": "~48.0.9",
-    "expo-asset": "^8.9.1",
-    "expo-constants": "^14.2.1",
-    "expo-font": "^11.1.1",
-    "expo-modules-core": "^1.2.2",
+    "expo": "^49.0.7",
+    "expo-asset": "8.10.1",
+    "expo-constants": "^14.4.2",
+    "expo-font": "^11.4.0",
+    "expo-modules-core": "1.5.11",
     "fs-extra": "^10.0.1",
     "glob": "^7.2.0",
-    "metro": "^0.76.0",
-    "metro-config": "^0.76.0",
-    "metro-core": "^0.77.0",
-    "metro-minify-uglify": "^0.76.0",
-    "metro-react-native-babel-preset": "^0.76.0",
-    "metro-react-native-babel-transformer": "^0.76.0",
-    "metro-resolver": "^0.76.0",
-    "metro-runtime": "^0.76.0",
-    "metro-source-map": "^0.76.0",
-    "metro-transform-worker": "^0.76.0",
+    "metro": "^0.79.0",
+    "metro-config": "^0.79.0",
+    "metro-core": "^0.79.0",
+    "metro-minify-uglify": "^0.76.8",
+    "metro-react-native-babel-preset": "^0.77.0",
+    "metro-react-native-babel-transformer": "^0.77.0",
+    "metro-resolver": "^0.79.0",
+    "metro-runtime": "^0.79.0",
+    "metro-source-map": "^0.79.0",
+    "metro-transform-worker": "^0.79.0",
     "minimatch": "^5.1.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18",
-    "react-native": "0.71.6",
-    "react-native-reanimated": "^3.1.0",
+    "react-native": "0.72.3",
+    "react-native-reanimated": "~3.3.0",
     "react-native-safe-area-context": "^4.5.0",
-    "react-native-web": "~0.19.0",
+    "react-native-web": "~0.19.6",
     "regenerator-runtime": "^0.14.0",
     "rimraf": "^4.4.1",
     "styled-components": "^5.3.3",
@@ -166,7 +165,7 @@
     "lint:fix": "pnpm lint --fix",
     "lint:css": "stylelint './src/**/*.{js,jsx,ts,tsx}'",
     "release": "yarn publish ./lib --access public",
-    "expo": "expo start",
+    "expo-start": "expo start",
     "storybook": "start-storybook  -c .storybook-web -p 6006",
     "typecheck": "tsc --noEmit -p tsconfig.json",
     "test": "exit 0",