@ledgerhq/native-ui 0.31.0-nightly.1 → 0.31.0

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 (15) hide show
  1. package/lib/components/Form/Input/AnimatedInput/index.d.ts +0 -1
  2. package/lib/components/Form/Input/AnimatedInput/index.d.ts.map +1 -1
  3. package/lib/components/Form/Input/AnimatedInput/index.js +7 -23
  4. package/lib/components/Form/Input/BaseInput/index.d.ts +0 -11
  5. package/lib/components/Form/Input/BaseInput/index.d.ts.map +1 -1
  6. package/lib/components/Form/Input/BaseInput/index.js +2 -20
  7. package/lib/components/Form/Input/LegendInput/index.d.ts +0 -4
  8. package/lib/components/Form/Input/LegendInput/index.d.ts.map +1 -1
  9. package/lib/components/Form/Input/NumberInput/index.d.ts +0 -4
  10. package/lib/components/Form/Input/NumberInput/index.d.ts.map +1 -1
  11. package/lib/components/Form/Input/QrCodeInput/index.d.ts +0 -4
  12. package/lib/components/Form/Input/QrCodeInput/index.d.ts.map +1 -1
  13. package/lib/components/Form/Input/SearchInput/index.d.ts +0 -4
  14. package/lib/components/Form/Input/SearchInput/index.d.ts.map +1 -1
  15. package/package.json +2 -2
package/lib/components/Form/Input/AnimatedInput/index.d.ts CHANGED
@@ -4,7 +4,6 @@ import { StyleProp, ViewStyle, TextInput } from "react-native";
4
4
  export type InputStatus = "default" | "focused" | "filled" | "error";
5
5
  export interface AnimatedInputProps extends BaseInputType {
6
6
  style?: StyleProp<ViewStyle>;
7
- largeMode?: boolean;
8
7
  }
9
8
  declare const _default: React.ForwardRefExoticComponent<AnimatedInputProps & React.RefAttributes<TextInput>>;
10
9
  export default _default;
package/lib/components/Form/Input/AnimatedInput/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/AnimatedInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,EACL,SAAS,EAGT,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrE,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;;AA6FD,wBAA+C"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/AnimatedInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAmB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMhF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrE,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;;AAiED,wBAA+C"}
package/lib/components/Form/Input/AnimatedInput/index.js CHANGED
@@ -1,7 +1,7 @@
1
- import React, { useCallback, useState } from "react";
1
+ import React from "react";
2
2
  import { BaseInput } from "..";
3
3
  import styled, { useTheme } from "styled-components/native";
4
- import { View, } from "react-native";
4
+ import { View } from "react-native";
5
5
  import { inputTextColor, inputStatusColors, getInputStatus } from "./inputTextColor";
6
6
  import { useAnimatedInputFocus } from "./useAnimatedInputFocus";
7
7
  import { AnimatedNotchedLabel } from "./AnimatedNotchedLabel";
@@ -9,42 +9,26 @@ const InputContainer = styled(View) `
9
9
  position: relative;
10
10
  box-sizing: border-box;
11
11
  `;
12
- const LARGE_MODE_LINE_HEIGHT = 18;
13
- const HEIGHT = 56;
14
12
  const AnimatedInput = ({ style = { width: "100%" }, ...textInputProps }, ref) => {
15
- const { placeholder, onFocus: onFocusCallback, onBlur: onBlurCallback, error, value, largeMode = false, ...rest } = textInputProps;
16
- const [height, setHeight] = useState(HEIGHT);
13
+ const { placeholder, onFocus: onFocusCallback, onBlur: onBlurCallback, error, value, ...rest } = textInputProps;
17
14
  const theme = useTheme();
18
15
  const { onFocus, onBlur, focused } = useAnimatedInputFocus({
19
16
  onFocusCallback,
20
17
  onBlurCallback,
21
18
  });
22
- const [previousLineCount, setPreviousLineCount] = useState(1);
23
19
  const inputStatus = getInputStatus({ focused, hasError: !!error, hasValue: !!value });
24
20
  const displayClearCross = inputStatus === "error" || inputStatus === "focused";
25
- const handleContentSizeChange = useCallback((event) => {
26
- const contentHeight = event.nativeEvent.contentSize.height;
27
- const currentLineCount = Math.round(contentHeight / LARGE_MODE_LINE_HEIGHT);
28
- if (currentLineCount !== previousLineCount) {
29
- const newHeight = HEIGHT + (currentLineCount - 1) * LARGE_MODE_LINE_HEIGHT;
30
- setHeight(newHeight);
31
- setPreviousLineCount(currentLineCount);
32
- }
33
- }, [previousLineCount]);
34
21
  return (React.createElement(InputContainer, { status: inputStatus, style: style },
35
22
  placeholder && (React.createElement(AnimatedNotchedLabel, { placeholder: placeholder, inputStatus: inputStatus, value: value })),
36
- React.createElement(BaseInput, { ref: ref, onFocus: onFocus, onBlur: onBlur, error: error, multiline: largeMode, value: value, color: theme ? inputTextColor[inputStatus]({ theme }) : "neutral.c100", inputContainerStyle: {
23
+ React.createElement(BaseInput, { ref: ref, onFocus: onFocus, onBlur: onBlur, error: error, value: value, color: theme ? inputTextColor[inputStatus]({ theme }) : "neutral.c100", inputContainerStyle: {
37
24
  backgroundColor: "none",
38
25
  borderColor: theme ? inputStatusColors[inputStatus]({ theme }) : "neutral.c100",
39
26
  borderRadius: 8,
40
- height: inputStatus !== "error" ? height : 48,
41
- paddingTop: largeMode ? 14 : 0,
42
- paddingBottom: largeMode ? 14 : 0,
43
- marginBottom: largeMode ? 40 : 0,
27
+ height: inputStatus !== "error" ? 56 : 48,
44
28
  }, baseInputContainerStyle: {
45
- paddingRight: displayClearCross ? (largeMode ? 20 : 8) : 14,
29
+ paddingRight: displayClearCross ? 8 : 14,
46
30
  }, inputErrorContainerStyles: {
47
31
  marginTop: 8,
48
- }, inputErrorColor: theme ? inputStatusColors[inputStatus]({ theme }) : "neutral.c100", showErrorIcon: true, onContentSizeChange: largeMode ? handleContentSizeChange : undefined, largeMode: largeMode, ...rest })));
32
+ }, inputErrorColor: theme ? inputStatusColors[inputStatus]({ theme }) : "neutral.c100", showErrorIcon: true, ...rest })));
49
33
  };
50
34
  export default React.forwardRef(AnimatedInput);
package/lib/components/Form/Input/BaseInput/index.d.ts CHANGED
@@ -22,12 +22,6 @@ export type InputProps<T = string> = Omit<CommonProps, "value" | "onChange"> & {
22
22
  renderRight?: ((props: InputProps<T>, ref: React.RefObject<{
23
23
  clear: () => void;
24
24
  }>) => React.ReactNode) | React.ReactNode;
25
- /**
26
- * A function that will render some content at the bottom right of the input.
27
- */
28
- renderBottomRight?: ((props: InputProps<T>, ref: React.RefObject<{
29
- clear: () => void;
30
- }>) => React.ReactNode) | React.ReactNode;
31
25
  /**
32
26
  * Triggered when the input value is updated.
33
27
  */
@@ -75,10 +69,6 @@ export type InputProps<T = string> = Omit<CommonProps, "value" | "onChange"> & {
75
69
  * Optional text color parameter.
76
70
  */
77
71
  color?: string;
78
- /**
79
- * If true, inputBottomRight will replace inputRight.
80
- */
81
- largeMode?: boolean;
82
72
  };
83
73
  export declare const InputRenderLeftContainer: 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>> & {
84
74
  columnGap?: string | number | undefined;
@@ -104,7 +94,6 @@ export declare const InputRenderRightContainer: import("styled-components").Styl
104
94
  flexDirection: string;
105
95
  paddingLeft: string;
106
96
  }, "alignItems" | "flexDirection" | "paddingLeft">;
107
- export declare const InputRenderBottomRightContainer: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, import("../../../styled").BaseStyledProps, never>;
108
97
  declare function Input<T = string>(props: InputProps<T>, ref?: any): JSX.Element;
109
98
  declare const _default: <T>(props: InputProps<T> & {
110
99
  ref?: React.ForwardedRef<TextInput> | null;
package/lib/components/Form/Input/BaseInput/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/BaseInput/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAC5F,OAAO,EACL,SAAS,EACT,cAAc,EAEd,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC7E;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IACT;;OAEG;IACH,UAAU,CAAC,EACP,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GACxF,KAAK,CAAC,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EACR,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GACxF,KAAK,CAAC,SAAS,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EACd,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GACxF,KAAK,CAAC,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAC3C;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACvD;;OAEG;IACH,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC;;OAEG;IACH,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAuEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;mDAIhC,CAAC;AAEN,eAAO,MAAM,yBAAyB;;;;;;;;;;;kDAIjC,CAAC;AAEN,eAAO,MAAM,+BAA+B,6KAI3C,CAAC;AAkCF,iBAAS,KAAK,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAqGvE;mCAGQ,WAAW,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;CAAE,KAClE,WAAW,YAAY,CAAC;AAF7B,wBAE8B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/BaseInput/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAC5F,OAAO,EACL,SAAS,EACT,cAAc,EAEd,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC7E;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IACT;;OAEG;IACH,UAAU,CAAC,EACP,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GACxF,KAAK,CAAC,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EACR,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GACxF,KAAK,CAAC,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAC3C;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACvD;;OAEG;IACH,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC;;OAEG;IACH,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAsEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;mDAIhC,CAAC;AAEN,eAAO,MAAM,yBAAyB;;;;;;;;;;;kDAIjC,CAAC;AAMN,iBAAS,KAAK,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CA2FvE;mCAGQ,WAAW,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;CAAE,KAClE,WAAW,YAAY,CAAC;AAF7B,wBAE8B"}
package/lib/components/Form/Input/BaseInput/index.js CHANGED
@@ -14,7 +14,6 @@ const InputContainer = styled.View `
14
14
  color: ${(p) => p.theme.colors.neutral.c100};
15
15
  align-items: center;
16
16
  padding: 0px 16px;
17
- position: relative;
18
17
 
19
18
  ${(p) => p.disabled &&
20
19
  css `
@@ -74,28 +73,11 @@ export const InputRenderRightContainer = styled(FlexBox).attrs(() => ({
74
73
  flexDirection: "row",
75
74
  paddingLeft: "8px",
76
75
  })) ``;
77
- export const InputRenderBottomRightContainer = styled(FlexBox) `
78
- position: absolute;
79
- bottom: 2px;
80
- right: 8px;
81
- `;
82
- const RenderRight = ({ renderRight, props, inputRef }) => {
83
- if (!renderRight)
84
- return null;
85
- return (React.createElement(InputRenderRightContainer, null, typeof renderRight === "function" ? renderRight(props, inputRef) : renderRight));
86
- };
87
- const RenderBottomRight = ({ renderBottomRight, props, inputRef }) => {
88
- if (!renderBottomRight)
89
- return null;
90
- return (React.createElement(InputRenderBottomRightContainer, null, typeof renderBottomRight === "function"
91
- ? renderBottomRight(props, inputRef)
92
- : renderBottomRight));
93
- };
94
76
  // Yes, this is dirty. If you can figure out a better way please change the code :).
95
77
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
96
78
  const IDENTITY = (_) => _;
97
79
  function Input(props, ref) {
98
- const { value, onChange, onChangeText, onChangeEvent, disabled, error, renderLeft, renderRight, renderBottomRight, serialize = IDENTITY, deserialize = IDENTITY, containerStyle, hasBorder = true, inputContainerStyle, baseInputContainerStyle, inputErrorContainerStyles, autoFocus, onFocus, onBlur, color, inputErrorColor = "error.c50", showErrorIcon = false, largeMode, ...textInputProps } = props;
80
+ const { value, onChange, onChangeText, onChangeEvent, disabled, error, renderLeft, renderRight, serialize = IDENTITY, deserialize = IDENTITY, containerStyle, hasBorder = true, inputContainerStyle, baseInputContainerStyle, inputErrorContainerStyles, autoFocus, onFocus, onBlur, color, inputErrorColor = "error.c50", showErrorIcon = false, ...textInputProps } = props;
99
81
  const inputRef = useRef();
100
82
  useImperativeHandle(ref, () => inputRef.current, [inputRef]);
101
83
  const inputValue = useMemo(() => serialize(value), [serialize, value]);
@@ -118,7 +100,7 @@ function Input(props, ref) {
118
100
  setFocus(false);
119
101
  onBlur?.(e);
120
102
  }, style: { ...(color ? { color: color } : {}), ...baseInputContainerStyle } }),
121
- largeMode ? (React.createElement(RenderBottomRight, { renderBottomRight: renderBottomRight, props: props, inputRef: inputRef })) : (React.createElement(RenderRight, { renderRight: renderRight, props: props, inputRef: inputRef }))),
103
+ typeof renderRight === "function" ? renderRight(props, inputRef) : renderRight),
122
104
  !!error && !disabled && (React.createElement(FlexBox, { flexDirection: "row", alignItems: "center", style: inputErrorContainerStyles },
123
105
  showErrorIcon && React.createElement(DeleteCircleFill, { color: inputErrorColor, size: "S" }),
124
106
  React.createElement(InputErrorText, { color: inputErrorColor, variant: "small", mt: 3 }, error)))));
package/lib/components/Form/Input/LegendInput/index.d.ts CHANGED
@@ -9,9 +9,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<import("../BaseInpu
9
9
  renderRight?: React.ReactNode | ((props: InputProps<string>, ref: React.RefObject<{
10
10
  clear: () => void;
11
11
  }>) => React.ReactNode);
12
- renderBottomRight?: React.ReactNode | ((props: InputProps<string>, ref: React.RefObject<{
13
- clear: () => void;
14
- }>) => React.ReactNode);
15
12
  onChange?: ((value: string) => void) | undefined;
16
13
  onChangeEvent?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
17
14
  serialize?: ((value: string) => string) | undefined;
@@ -24,7 +21,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<import("../BaseInpu
24
21
  showErrorIcon?: boolean | undefined;
25
22
  hasBorder?: boolean | undefined;
26
23
  color?: string | undefined;
27
- largeMode?: boolean | undefined;
28
24
  } & {
29
25
  legend: string;
30
26
  } & React.RefAttributes<TextInput>>;
package/lib/components/Form/Input/LegendInput/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/LegendInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAc,EAAE,UAAU,EAA6B,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsB5E,wBAA6C"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/LegendInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAc,EAAE,UAAU,EAA6B,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AAsB5E,wBAA6C"}
package/lib/components/Form/Input/NumberInput/index.d.ts CHANGED
@@ -9,9 +9,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<import("../BaseInpu
9
9
  renderRight?: React.ReactNode | ((props: InputProps<number | undefined>, ref: React.RefObject<{
10
10
  clear: () => void;
11
11
  }>) => React.ReactNode);
12
- renderBottomRight?: React.ReactNode | ((props: InputProps<number | undefined>, ref: React.RefObject<{
13
- clear: () => void;
14
- }>) => React.ReactNode);
15
12
  onChange?: ((value: number | undefined) => void) | undefined;
16
13
  onChangeEvent?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
17
14
  serialize?: ((value: number | undefined) => string) | undefined;
@@ -24,7 +21,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<import("../BaseInpu
24
21
  showErrorIcon?: boolean | undefined;
25
22
  hasBorder?: boolean | undefined;
26
23
  color?: string | undefined;
27
- largeMode?: boolean | undefined;
28
24
  } & {
29
25
  onPercentClick: (percent: number) => void;
30
26
  min?: number | undefined;
package/lib/components/Form/Input/NumberInput/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/NumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgFjD,wBAA6C"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/NumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;AAgFjD,wBAA6C"}
package/lib/components/Form/Input/QrCodeInput/index.d.ts CHANGED
@@ -10,9 +10,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<import("../BaseInpu
10
10
  renderRight?: React.ReactNode | ((props: InputProps<string>, ref: React.RefObject<{
11
11
  clear: () => void;
12
12
  }>) => React.ReactNode);
13
- renderBottomRight?: React.ReactNode | ((props: InputProps<string>, ref: React.RefObject<{
14
- clear: () => void;
15
- }>) => React.ReactNode);
16
13
  onChange?: ((value: string) => void) | undefined;
17
14
  onChangeEvent?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
18
15
  serialize?: ((value: string) => string) | undefined;
@@ -25,7 +22,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<import("../BaseInpu
25
22
  showErrorIcon?: boolean | undefined;
26
23
  hasBorder?: boolean | undefined;
27
24
  color?: string | undefined;
28
- largeMode?: boolean | undefined;
29
25
  } & {
30
26
  onQrCodeClick?: ((event: GestureResponderEvent) => void) | undefined;
31
27
  } & React.RefAttributes<TextInput>>;
package/lib/components/Form/Input/QrCodeInput/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/QrCodeInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAEvE,OAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CjD,wBAA6C"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/QrCodeInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAEvE,OAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AA2CjD,wBAA6C"}
package/lib/components/Form/Input/SearchInput/index.d.ts CHANGED
@@ -9,9 +9,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<import("../BaseInpu
9
9
  renderRight?: React.ReactNode | ((props: InputProps<string>, ref: React.RefObject<{
10
10
  clear: () => void;
11
11
  }>) => React.ReactNode);
12
- renderBottomRight?: React.ReactNode | ((props: InputProps<string>, ref: React.RefObject<{
13
- clear: () => void;
14
- }>) => React.ReactNode);
15
12
  onChange?: ((value: string) => void) | undefined;
16
13
  onChangeEvent?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
17
14
  serialize?: ((value: string) => string) | undefined;
@@ -24,7 +21,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<import("../BaseInpu
24
21
  showErrorIcon?: boolean | undefined;
25
22
  hasBorder?: boolean | undefined;
26
23
  color?: string | undefined;
27
- largeMode?: boolean | undefined;
28
24
  } & React.RefAttributes<TextInput>>;
29
25
  export default _default;
30
26
  //# sourceMappingURL=index.d.ts.map
package/lib/components/Form/Input/SearchInput/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/SearchInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAc,EAAE,UAAU,EAA4B,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;AAsD3E,wBAA6C"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/SearchInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAc,EAAE,UAAU,EAA4B,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;AAsD3E,wBAA6C"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ledgerhq/native-ui",
3
- "version": "0.31.0-nightly.1",
3
+ "version": "0.31.0",
4
4
  "description": "Ledger Live - Mobile UI",
5
5
  "repository": {
6
6
  "type": "git",
@@ -39,8 +39,8 @@
39
39
  "react-native-modal": "^13.0.0",
40
40
  "rn-range-slider": "2.1.1",
41
41
  "styled-system": "^5.1.5",
42
+ "@ledgerhq/icons-ui": "^0.8.1",
42
43
  "@ledgerhq/crypto-icons-ui": "^1.10.0",
43
- "@ledgerhq/icons-ui": "^0.9.0-nightly.0",
44
44
  "@ledgerhq/ui-shared": "^0.3.0"
45
45
  },
46
46
  "peerDependencies": {