@ledgerhq/native-ui 0.20.1-notarizer.0 → 0.20.2-next.0

package/lib/components/Layout/Modals/BaseModal/index.d.ts

@@ -16,7 +16,8 @@ export type BaseModalProps = {
     subtitle?: string;
     children?: React.ReactNode;
     noCloseButton?: boolean;
+    CustomHeader?: React.ComponentType;
 } & Partial<ModalProps>;
 export declare function ModalHeader({ Icon, iconColor, title, description, subtitle, }: Pick<BaseModalProps, "Icon" | "iconColor" | "title" | "description" | "subtitle">): React.ReactElement | null;
 export declare function ModalHeaderCloseButton({ onClose, }: Pick<BaseModalProps, "onClose">): React.ReactElement;
-export default function BaseModal({ isOpen, onClose, noCloseButton, safeContainerStyle, containerStyle, modalStyle, preventBackdropClick, Icon, iconColor, title, description, subtitle, children, onModalHide, ...rest }: BaseModalProps): React.ReactElement;
+export default function BaseModal({ isOpen, onClose, noCloseButton, safeContainerStyle, containerStyle, modalStyle, preventBackdropClick, Icon, iconColor, title, description, subtitle, children, onModalHide, CustomHeader, ...rest }: BaseModalProps): React.ReactElement;

package/lib/components/Layout/Modals/BaseModal/index.js

@@ -36,6 +36,7 @@ const CloseContainer = styled.View `
   display: flex;
   align-items: flex-end;
   margin-bottom: ${(p) => p.theme.space[6]}px;
+  z-index: 10;
 `;
 const ClosePressableExtendedBounds = styled.TouchableOpacity.attrs({
     p: 3,
@@ -74,7 +75,7 @@ export function ModalHeaderCloseButton({ onClose, }) {
             React.createElement(Icons.CloseMedium, { color: "neutral.c100", size: "20px" }))));
 }
 export default function BaseModal(_a) {
-    var { isOpen, onClose = () => { }, noCloseButton, safeContainerStyle = {}, containerStyle = {}, modalStyle = {}, preventBackdropClick, Icon, iconColor, title, description, subtitle, children, onModalHide } = _a, rest = __rest(_a, ["isOpen", "onClose", "noCloseButton", "safeContainerStyle", "containerStyle", "modalStyle", "preventBackdropClick", "Icon", "iconColor", "title", "description", "subtitle", "children", "onModalHide"]);
+    var { isOpen, onClose = () => { }, noCloseButton, safeContainerStyle = {}, containerStyle = {}, modalStyle = {}, preventBackdropClick, Icon, iconColor, title, description, subtitle, children, onModalHide, CustomHeader } = _a, rest = __rest(_a, ["isOpen", "onClose", "noCloseButton", "safeContainerStyle", "containerStyle", "modalStyle", "preventBackdropClick", "Icon", "iconColor", "title", "description", "subtitle", "children", "onModalHide", "CustomHeader"]);
     const backDropProps = preventBackdropClick
         ? {}
         : {
@@ -91,8 +92,9 @@ export default function BaseModal(_a) {
     }, [onClose, onModalHide]);
     return (React.createElement(ReactNativeModal, Object.assign({}, backDropProps, rest, { isVisible: !!isOpen, deviceWidth: width, deviceHeight: height, useNativeDriver: true, useNativeDriverForBackdrop: true, hideModalContentWhileAnimating: true, onModalHide: onModalHideWithClose, style: [defaultModalStyle, modalStyle] }),
         React.createElement(SafeContainer, { style: safeContainerStyle },
+            CustomHeader && (React.createElement(CustomHeader, null, !noCloseButton && React.createElement(ModalHeaderCloseButton, { onClose: onClose }))),
             React.createElement(Container, { style: containerStyle },
-                !noCloseButton && React.createElement(ModalHeaderCloseButton, { onClose: onClose }),
+                !CustomHeader && !noCloseButton && React.createElement(ModalHeaderCloseButton, { onClose: onClose }),
                 React.createElement(ModalHeader, { Icon: Icon, iconColor: iconColor, title: title, description: description, subtitle: subtitle }),
                 React.createElement(ContentContainer, null, children)))));
 }

package/lib/components/Text/index.d.ts

@@ -13,8 +13,9 @@ export interface BaseTextProps extends TextProps, BaseStyledProps, FontSizeProps
     lineHeight?: string;
     bracket?: boolean;
     textTransform?: TextStyle["textTransform"];
+    testID?: string;
     uppercase?: boolean;
     children?: React.ReactNode;
 }
-declare const Text: ({ children, bracket, textAlign, ...props }: BaseTextProps) => JSX.Element;
+declare const Text: ({ children, bracket, textAlign, testID, ...props }: BaseTextProps) => JSX.Element;
 export default Text;

package/lib/components/Text/index.js

@@ -56,9 +56,9 @@ const BracketText = (_a) => {
         React.createElement(BracketRight, { fill: c, width: size, height: size })));
 };
 const Text = (_a) => {
-    var { children, bracket, textAlign = "left" } = _a, props = __rest(_a, ["children", "bracket", "textAlign"]);
+    var { children, bracket, textAlign = "left", testID } = _a, props = __rest(_a, ["children", "bracket", "textAlign", "testID"]);
     if (bracket)
         return React.createElement(BracketText, Object.assign({}, props), children);
-    return (React.createElement(Base, Object.assign({ textAlign: textAlign }, props), children));
+    return (React.createElement(Base, Object.assign({ textAlign: textAlign }, props, { testID: testID }), children));
 };
 export default Text;

package/lib/components/cta/Button/index.d.ts

@@ -15,6 +15,7 @@ export type ButtonProps = TouchableOpacityProps & BaseStyledProps & {
     children?: React.ReactNode;
     pending?: boolean;
     displayContentWhenPending?: boolean;
+    testID?: string;
 };
 export declare const Base: import("styled-components").StyledComponent<typeof TouchableOpacity, import("styled-components").DefaultTheme, {
     iconButton?: boolean | undefined;

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

@@ -69,9 +69,9 @@ const ButtonContainer = (props) => {
         iconPosition === "left" && children ? (React.createElement(Text, { variant: ctaTextType[size], fontWeight: "semiBold", color: textColor }, children)) : null));
 };
 const Button = (props) => {
-    const { Icon, children, type = "default", iconName, disabled = false, pending = false, displayContentWhenPending = false, } = 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 }),
+    return (React.createElement(Base, Object.assign({}, props, { type: type, iconButton: (!!Icon || !!iconName) && !children, activeOpacity: 1, 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/lib/components/message/Alert/index.d.ts

@@ -19,12 +19,12 @@ export interface AlertProps {
 }
 declare function Alert({ type, Icon, title, showIcon, children }: AlertProps): JSX.Element;
 declare namespace Alert {
-    var BodyText: import("styled-components").StyledComponent<({ children, bracket, textAlign, ...props }: import("../../Text").BaseTextProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    var BodyText: import("styled-components").StyledComponent<({ children, bracket, textAlign, testID, ...props }: import("../../Text").BaseTextProps) => JSX.Element, import("styled-components").DefaultTheme, {
         flexShrink: 1;
         variant: "bodyLineHeight";
         fontWeight: "semiBold";
     }, "fontWeight" | "flexShrink" | "variant">;
-    var UnderlinedText: import("styled-components").StyledComponent<({ children, bracket, textAlign, ...props }: import("../../Text").BaseTextProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    var UnderlinedText: import("styled-components").StyledComponent<({ children, bracket, textAlign, testID, ...props }: import("../../Text").BaseTextProps) => JSX.Element, import("styled-components").DefaultTheme, {
         flexShrink: 1;
         variant: "bodyLineHeight";
         fontWeight: "semiBold";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.20.1-notarizer.0",
+  "version": "0.20.2-next.0",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",
@@ -46,8 +46,8 @@
     "rn-range-slider": "2.1.1",
     "styled-system": "^5.1.5",
     "victory-native": "^35.5.5",
-    "@ledgerhq/crypto-icons-ui": "^0.3.0",
-    "@ledgerhq/icons-ui": "^0.4.1-notarizer.0",
+    "@ledgerhq/crypto-icons-ui": "^0.4.0-next.0",
+    "@ledgerhq/icons-ui": "^0.4.1",
     "@ledgerhq/ui-shared": "^0.2.0"
   },
   "peerDependencies": {