@ledgerhq/native-ui 0.12.0 → 0.12.1-nightly.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/lib/components/Form/Input/BaseInput/index.d.ts +4 -4
  2. package/lib/components/Form/Switch/index.d.ts +3 -2
  3. package/lib/components/Form/Switch/index.js +1 -1
  4. package/lib/components/Icon/IconBox/index.d.ts +1 -2
  5. package/lib/components/Layout/Box/index.d.ts +1 -1
  6. package/lib/components/Layout/Divider/index.d.ts +1 -1
  7. package/lib/components/Layout/Flex/index.d.ts +1 -1
  8. package/lib/components/Layout/List/IconBoxList/index.d.ts +2 -2
  9. package/lib/components/Layout/List/List/index.d.ts +4 -3
  10. package/lib/components/Layout/Modals/BaseModal/index.d.ts +2 -2
  11. package/lib/components/Layout/ScrollListContainer/index.d.ts +1 -1
  12. package/lib/components/Loader/ProgressLoader/index.d.ts +1 -1
  13. package/lib/components/Loader/ProgressLoader/index.js +1 -1
  14. package/lib/components/Tabs/TemplateTabs/index.d.ts +1 -1
  15. package/lib/components/Text/index.d.ts +1 -1
  16. package/lib/components/message/Alert/index.d.ts +1 -1
  17. package/lib/components/styled.d.ts +1 -1
  18. package/lib/styles/theme.d.ts +1 -1
  19. package/package.json +22 -19
package/lib/components/Form/Input/BaseInput/index.d.ts CHANGED
@@ -53,24 +53,24 @@ export declare const InputRenderLeftContainer: import("styled-components").Style
53
53
  color?: string | undefined;
54
54
  display?: string | undefined;
55
55
  position?: string | undefined;
56
- maxHeight?: number | undefined;
56
+ maxHeight?: string | number | undefined;
57
57
  } & {
58
58
  alignItems: string;
59
59
  flexDirection: string;
60
60
  pl: string;
61
- }, "alignItems" | "flexDirection" | "pl">;
61
+ }, "pl" | "alignItems" | "flexDirection">;
62
62
  export declare const InputRenderRightContainer: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
63
63
  columnGap?: string | number | undefined;
64
64
  rowGap?: string | number | undefined;
65
65
  color?: string | undefined;
66
66
  display?: string | undefined;
67
67
  position?: string | undefined;
68
- maxHeight?: number | undefined;
68
+ maxHeight?: string | number | undefined;
69
69
  } & {
70
70
  alignItems: string;
71
71
  flexDirection: string;
72
72
  pr: string;
73
- }, "alignItems" | "flexDirection" | "pr">;
73
+ }, "pr" | "alignItems" | "flexDirection">;
74
74
  declare function Input<T = string>(props: InputProps<T>, ref?: any): JSX.Element;
75
75
  declare const _default: <T>(props: Omit<CommonProps, "onChange" | "value"> & {
76
76
  /**
package/lib/components/Form/Switch/index.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  /// <reference types="react" />
2
- declare type SwitchProps = {
2
+ import { SwitchProps as NativeSwitchProps } from "react-native";
3
+ export declare type SwitchProps = {
3
4
  checked: boolean;
4
5
  onChange?: (value: boolean) => void;
5
6
  disabled?: boolean;
6
7
  label?: string;
7
- };
8
+ } & Omit<Partial<NativeSwitchProps>, "onChange">;
8
9
  declare const Switch: ({ checked, onChange, disabled, label }: SwitchProps) => JSX.Element;
9
10
  export default Switch;
package/lib/components/Form/Switch/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { useCallback } from "react";
2
- import { Pressable as BasePressable, Switch as NativeSwitch } from "react-native";
2
+ import { Pressable as BasePressable, Switch as NativeSwitch, } from "react-native";
3
3
  import { useTheme } from "styled-components/native";
4
4
  import Text from "../../Text";
5
5
  import proxyStyled from "../../../components/styled";
package/lib/components/Icon/IconBox/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { IconOrElementType } from "../type";
3
3
  import { FlexBoxProps } from "../../Layout/Flex";
4
- declare type Props = {
4
+ export declare type Props = {
5
5
  Icon: IconOrElementType;
6
6
  color?: string;
7
7
  boxSize?: number;
@@ -13,4 +13,3 @@ declare type Props = {
13
13
  iconContainerProps?: FlexBoxProps;
14
14
  };
15
15
  export default function IconBox({ Icon, color, boxSize, iconSize, iconContainerProps, }: Props): React.ReactElement;
16
- export {};
package/lib/components/Layout/Box/index.d.ts CHANGED
@@ -6,6 +6,6 @@ declare const Box: import("styled-components").StyledComponent<typeof import("re
6
6
  color?: string | undefined;
7
7
  display?: string | undefined;
8
8
  position?: string | undefined;
9
- maxHeight?: number | undefined;
9
+ maxHeight?: string | number | undefined;
10
10
  }, never>;
11
11
  export default Box;
package/lib/components/Layout/Divider/index.d.ts CHANGED
@@ -5,7 +5,7 @@ declare const Divider: import("styled-components").StyledComponent<typeof import
5
5
  color?: string | undefined;
6
6
  display?: string | undefined;
7
7
  position?: string | undefined;
8
- maxHeight?: number | undefined;
8
+ maxHeight?: string | number | undefined;
9
9
  } & {
10
10
  my: number;
11
11
  height: number;
package/lib/components/Layout/Flex/index.d.ts CHANGED
@@ -7,6 +7,6 @@ declare const FlexBox: import("styled-components").StyledComponent<typeof import
7
7
  color?: string | undefined;
8
8
  display?: string | undefined;
9
9
  position?: string | undefined;
10
- maxHeight?: number | undefined;
10
+ maxHeight?: string | number | undefined;
11
11
  }, never>;
12
12
  export default FlexBox;
package/lib/components/Layout/List/IconBoxList/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
2
  import { BaseListItemProps, BaseListProps } from "../List";
3
- import { IconType } from "../../../Icon/type";
3
+ import { IconOrElementType } from "src/components/Icon/type";
4
4
  export declare type IconBoxListItemProps = Omit<BaseListItemProps, "bullet"> & {
5
- Icon: IconType;
5
+ Icon: IconOrElementType;
6
6
  };
7
7
  export declare type IconBoxListProps = Omit<BaseListProps, "items"> & {
8
8
  items: IconBoxListItemProps[];
package/lib/components/Layout/List/List/index.d.ts CHANGED
@@ -1,13 +1,14 @@
1
1
  import React from "react";
2
+ import type { FlexBoxProps } from "../../Flex";
2
3
  import { BaseStyledProps } from "../../../styled";
3
4
  export declare type BaseListItemProps = {
4
- title?: string;
5
- description?: string;
5
+ title?: React.ReactNode;
6
+ description?: React.ReactNode;
6
7
  bullet?: React.ReactNode;
7
8
  };
8
9
  export declare type BaseListProps = {
9
10
  items: BaseListItemProps[];
10
11
  itemContainerProps?: BaseStyledProps;
11
- };
12
+ } & Partial<FlexBoxProps>;
12
13
  export declare const ListItem: ({ title, description, bullet, ...props }: BaseStyledProps & BaseListItemProps) => React.ReactElement;
13
14
  export default function List({ items, itemContainerProps, ...props }: BaseListProps): React.ReactElement;
package/lib/components/Layout/Modals/BaseModal/index.d.ts CHANGED
@@ -11,8 +11,8 @@ export declare type BaseModalProps = {
11
11
  preventBackdropClick?: boolean;
12
12
  Icon?: IconOrElementType;
13
13
  iconColor?: string;
14
- title?: string;
15
- description?: string;
14
+ title?: React.ReactNode;
15
+ description?: React.ReactNode;
16
16
  subtitle?: string;
17
17
  children?: React.ReactNode;
18
18
  noCloseButton?: boolean;
package/lib/components/Layout/ScrollListContainer/index.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const ScrollListContainer: React.ForwardRefExoticComponent<import("style
6
6
  color?: string | undefined;
7
7
  display?: string | undefined;
8
8
  position?: string | undefined;
9
- maxHeight?: number | undefined;
9
+ maxHeight?: string | number | undefined;
10
10
  } & Omit<FlatListProps<any>, "data" | "onScroll" | "renderItem"> & {
11
11
  children: React.ReactNode;
12
12
  onScroll?: ((event: NativeSyntheticEvent<NativeScrollEvent>) => void) | undefined;
package/lib/components/Loader/ProgressLoader/index.d.ts CHANGED
@@ -3,7 +3,7 @@ declare type Props = {
3
3
  /**
4
4
  * float number between 0 and 1
5
5
  */
6
- progress?: number;
6
+ progress?: number | null;
7
7
  infinite?: boolean;
8
8
  onPress?: () => void;
9
9
  mainColor?: string;
package/lib/components/Loader/ProgressLoader/index.js CHANGED
@@ -10,7 +10,7 @@ const ProgressLoader = ({ progress = 0, infinite, mainColor, secondaryColor, onP
10
10
  const progressColor = mainColor || colors.primary.c80;
11
11
  const normalizedRadius = radius - strokeWidth / 2;
12
12
  const circumference = normalizedRadius * 2 * Math.PI;
13
- const strokeDashoffset = circumference * (1 - progress);
13
+ const strokeDashoffset = circumference * (1 - (progress !== null && progress !== void 0 ? progress : 0));
14
14
  const rotation = useSharedValue(0);
15
15
  const animatedStyles = useAnimatedStyle(() => ({
16
16
  transform: [
package/lib/components/Tabs/TemplateTabs/index.d.ts CHANGED
@@ -28,7 +28,7 @@ export declare const TabsContainer: import("styled-components").StyledComponent<
28
28
  color?: string | undefined;
29
29
  display?: string | undefined;
30
30
  position?: string | undefined;
31
- maxHeight?: number | undefined;
31
+ maxHeight?: string | number | undefined;
32
32
  } & {
33
33
  size: undefined;
34
34
  flexDirection: string;
package/lib/components/Text/index.d.ts CHANGED
@@ -14,7 +14,7 @@ export interface BaseTextProps extends TextProps, BaseStyledProps, FontSizeProps
14
14
  bracket?: boolean;
15
15
  textTransform?: TextStyle["textTransform"];
16
16
  uppercase?: boolean;
17
- children: React.ReactNode;
17
+ children?: React.ReactNode;
18
18
  }
19
19
  declare const Text: ({ children, bracket, textAlign, ...props }: BaseTextProps) => JSX.Element;
20
20
  export default Text;
package/lib/components/message/Alert/index.d.ts CHANGED
@@ -12,7 +12,7 @@ export interface AlertProps {
12
12
  * It will receive a `color: string` and a `size: number` as props.
13
13
  * */
14
14
  Icon?: IconType;
15
- title?: string;
15
+ title?: React.ReactNode;
16
16
  showIcon?: boolean;
17
17
  children?: React.ReactNode;
18
18
  /**
package/lib/components/styled.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare type BaseStyledProps = SpaceProps & FlexboxProps & PositionProps
8
8
  color?: string;
9
9
  display?: string;
10
10
  position?: string;
11
- maxHeight?: number;
11
+ maxHeight?: string | number;
12
12
  };
13
13
  export declare const baseStyles: InterpolationFunction<unknown>;
14
14
  declare const _default: ReactNativeStyledInterface<DefaultTheme>;
package/lib/styles/theme.d.ts CHANGED
@@ -7,7 +7,7 @@ export declare const fontSizes: ThemeScale<number, "h1" | "h1Inter" | "h2" | "h3
7
7
  export declare const radii: number[];
8
8
  export declare const zIndexes: number[];
9
9
  export declare type Theme = {
10
- theme: string;
10
+ theme: "light" | "dark";
11
11
  sizes: {
12
12
  topBarHeight: number;
13
13
  sideBarWidth: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ledgerhq/native-ui",
3
- "version": "0.12.0",
3
+ "version": "0.12.1-nightly.1",
4
4
  "description": "Ledger Live - Mobile UI",
5
5
  "repository": {
6
6
  "type": "git",
@@ -32,14 +32,10 @@
32
32
  "lib/**/*"
33
33
  ],
34
34
  "dependencies": {
35
- "@ledgerhq/crypto-icons-ui": "^0.2.0",
36
- "@ledgerhq/icons-ui": "^0.2.7",
37
- "@ledgerhq/ui-shared": "^0.1.9",
35
+ "@ledgerhq/crypto-icons-ui": "^0.2.1-nightly.0",
36
+ "@ledgerhq/icons-ui": "^0.3.0-nightly.1",
37
+ "@ledgerhq/ui-shared": "^0.1.10-nightly.0",
38
38
  "@types/color": "^3.0.3",
39
- "@types/react": "^17.0.39",
40
- "@types/react-native": "^0.65.9",
41
- "@types/styled-components": "^5.1.3",
42
- "@types/styled-components-react-native": "^5.1.3",
43
39
  "@types/styled-system": "^5.1.13",
44
40
  "color": "^3.1.3",
45
41
  "moment": "^2.29.1",
@@ -50,6 +46,10 @@
50
46
  "victory-native": "^35.5.5"
51
47
  },
52
48
  "peerDependencies": {
49
+ "@types/react": "*",
50
+ "@types/react-native": "*",
51
+ "@types/styled-components": "^5.3.3",
52
+ "@types/styled-components-react-native": "^5.3.3",
53
53
  "react": "^17.0.2",
54
54
  "react-native": ">=0.64.0",
55
55
  "react-native-reanimated": "~2.3.1",
@@ -92,6 +92,10 @@
92
92
  "@types/hoist-non-react-statics": "^3.3.1",
93
93
  "@types/node": "^17.0.31",
94
94
  "@types/prop-types": "^15.7.5",
95
+ "@types/react": "^17.0.39",
96
+ "@types/react-native": "^0.68.9",
97
+ "@types/styled-components": "^5.1.3",
98
+ "@types/styled-components-react-native": "^5.1.3",
95
99
  "@typescript-eslint/eslint-plugin": "^5.22.0",
96
100
  "@typescript-eslint/parser": "^5.22.0",
97
101
  "babel-loader": "^8.2.2",
@@ -104,14 +108,12 @@
104
108
  "eslint-plugin-prettier": "^4.0.0",
105
109
  "eslint-plugin-react": "^7.29.2",
106
110
  "eslint-plugin-react-hooks": "^4.3.0",
107
- "expo": "~44.0.0",
108
- "expo-asset": "~8.4.6",
109
- "expo-cli": "^5",
110
- "expo-constants": "~13.0.2",
111
- "expo-file-system": "~13.1.3",
112
- "expo-font": "^10.0.5",
113
- "expo-modules-core": "0.6.5",
114
- "expo-status-bar": "~1.2.0",
111
+ "expo": "~45.0.0",
112
+ "expo-asset": "^8.6.1",
113
+ "expo-cli": "^6",
114
+ "expo-constants": "^13.2.4",
115
+ "expo-font": "^10.2.0",
116
+ "expo-modules-core": "^0.6.5",
115
117
  "fs-extra": "^10.0.1",
116
118
  "glob": "^7.2.0",
117
119
  "metro": "^0.67.0",
@@ -119,6 +121,7 @@
119
121
  "metro-extra-config": "1.0.0",
120
122
  "metro-minify-uglify": "^0.67.0",
121
123
  "metro-react-native-babel-preset": "^0.67.0",
124
+ "metro-resolver": "^0.67.0",
122
125
  "metro-runtime": "^0.67.0",
123
126
  "metro-transform-worker": "^0.67.0",
124
127
  "prettier": "^2.4.1",
@@ -126,9 +129,9 @@
126
129
  "react": "^17.0.2",
127
130
  "react-dom": "^17.0.2",
128
131
  "react-is": "^17.0.2",
129
- "react-native": "0.64.3",
132
+ "react-native": "^0.68.5",
130
133
  "react-native-gesture-handler": "^1.10.3",
131
- "react-native-reanimated": "~2.3.1",
134
+ "react-native-reanimated": "^2.8.0",
132
135
  "react-native-svg": "^12.1.1",
133
136
  "react-native-web": "~0.17.5",
134
137
  "regenerator-runtime": "^0.13.9",
@@ -138,7 +141,7 @@
138
141
  "stylelint-config-recommended": "^8.0.0",
139
142
  "stylelint-config-styled-components": "^0.1.1",
140
143
  "stylelint-processor-styled-components": "^1.10.0",
141
- "typescript": "^4.4.4",
144
+ "typescript": "^4.8.3",
142
145
  "victory": "^35.5.5",
143
146
  "webpack": "^4.46.0"
144
147
  },