@ledgerhq/native-ui 0.25.2 → 0.25.3-spl-tokens-test.0

package/lib/components/Form/Input/AnimatedInputSelect/Select.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface SelectProps {
+    text: string;
+    color: string;
+    onPressSelect?: () => void;
+}
+export declare const SelectComponent: ({ text, color, onPressSelect }: SelectProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Select.d.ts.map

package/lib/components/Form/Input/AnimatedInputSelect/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/AnimatedInputSelect/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,mCAAoC,WAAW,sBAS1E,CAAC"}

package/lib/components/Form/Input/AnimatedInputSelect/Select.js

@@ -0,0 +1,26 @@
+import React from "react";
+import styled from "styled-components/native";
+import Flex from "../../../Layout/Flex/index";
+import Text from "../../../Text/index";
+import ChevronDown from "@ledgerhq/icons-ui/native/ChevronDown";
+import { TouchableOpacity } from "react-native";
+const Container = styled(Flex) `
+  border-left-width: 1px;
+  border-left-color: ${(p) => p.color};
+  width: 50%;
+`;
+const StyledTouchableOpacity = styled(TouchableOpacity) `
+  justify-content: space-between;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  height: auto;
+  padding: ${({ theme }) => theme.space[6]}px 0px ${({ theme }) => theme.space[6]}px
+    ${({ theme }) => theme.space[6]}px;
+`;
+export const SelectComponent = ({ text, color, onPressSelect }) => {
+    return (React.createElement(Container, { color: color },
+        React.createElement(StyledTouchableOpacity, { onPress: onPressSelect },
+            React.createElement(Text, { variant: "large" }, text),
+            React.createElement(ChevronDown, null))));
+};

package/lib/components/Form/Input/AnimatedInputSelect/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { type InputProps as BaseInputType } from "../BaseInput/index";
+import { StyleProp, ViewStyle, TextInput } from "react-native";
+export interface AnimatedInputProps extends BaseInputType {
+    selectProps: {
+        onPressSelect?: () => void;
+        text: string;
+    };
+    style?: StyleProp<ViewStyle>;
+}
+declare const _default: React.ForwardRefExoticComponent<AnimatedInputProps & React.RefAttributes<TextInput>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Form/Input/AnimatedInputSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/AnimatedInputSelect/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,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM/D,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,WAAW,EAAE;QACX,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;QAC3B,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;;AA8CD,wBAAqD"}

package/lib/components/Form/Input/AnimatedInputSelect/index.js

@@ -0,0 +1,30 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { AnimatedInput } from "..";
+import { useTheme } from "styled-components/native";
+import { useAnimatedInputFocus } from "../AnimatedInput/useAnimatedInputFocus";
+import { getInputStatus, inputStatusColors } from "../AnimatedInput/inputTextColor";
+import { SelectComponent } from "./Select";
+const AnimatedInputSelect = (_a, ref) => {
+    var { selectProps } = _a, textInputProps = __rest(_a, ["selectProps"]);
+    const { placeholder, onFocus: onFocusCallback, onBlur: onBlurCallback, error, value, onChange } = textInputProps, rest = __rest(textInputProps, ["placeholder", "onFocus", "onBlur", "error", "value", "onChange"]);
+    const { onPressSelect, text } = selectProps;
+    const theme = useTheme();
+    const { onFocus, onBlur, focused } = useAnimatedInputFocus({
+        onFocusCallback,
+        onBlurCallback,
+    });
+    const inputStatus = getInputStatus({ focused, hasError: !!error, hasValue: !!value });
+    return (React.createElement(AnimatedInput, Object.assign({ value: value, ref: ref, onFocus: onFocus, onBlur: onBlur, renderRight: () => (React.createElement(SelectComponent, { text: text, color: inputStatusColors[inputStatus]({ theme }), onPressSelect: onPressSelect })), placeholder: placeholder, onChange: onChange }, rest)));
+};
+export default React.forwardRef(AnimatedInputSelect);

package/lib/components/Form/Input/index.d.ts

@@ -4,4 +4,5 @@ export { default as NumberInput } from "./NumberInput";
 export { default as QrCodeInput } from "./QrCodeInput";
 export { default as SearchInput } from "./SearchInput";
 export { default as AnimatedInput } from "./AnimatedInput";
+export { default as AnimatedInputSelect } from "./AnimatedInputSelect";
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Form/Input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/components/Form/Input/index.js

@@ -4,3 +4,4 @@ export { default as NumberInput } from "./NumberInput";
 export { default as QrCodeInput } from "./QrCodeInput";
 export { default as SearchInput } from "./SearchInput";
 export { default as AnimatedInput } from "./AnimatedInput";
+export { default as AnimatedInputSelect } from "./AnimatedInputSelect";

package/lib/components/cta/Button/index.js

@@ -84,7 +84,7 @@ const ButtonContainer = (props) => {
 const Button = (props) => {
     const { Icon, children, type = "default", iconName, disabled = false, pending = false, displayContentWhenPending = false, testID, } = props;
     const theme = useTheme();
-    return (React.createElement(Base, Object.assign({}, props, { type: type, iconButton: (!!Icon || !!iconName) && !children, activeOpacity: 1, disabled: disabled || pending, testID: testID }),
+    return (React.createElement(Base, Object.assign({ activeOpacity: 1 }, props, { type: type, iconButton: (!!Icon || !!iconName) && !children, disabled: disabled || pending, testID: testID }),
         React.createElement(View, null,
             React.createElement(ButtonContainer, Object.assign({}, props, { type: type, hide: pending && !displayContentWhenPending })),
             pending && !displayContentWhenPending ? (React.createElement(SpinnerContainer, { displayContentWhenPending: displayContentWhenPending },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.25.2",
+  "version": "0.25.3-spl-tokens-test.0",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",