@ledgerhq/lumen-ui-rnative 0.1.8 → 0.1.10

package/dist/module/lib/Components/Avatar/Avatar.test.js

@@ -0,0 +1,252 @@
+"use strict";
+
+import { describe, it, expect } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { render, waitFor } from '@testing-library/react-native';
+import React from 'react';
+import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
+import { Avatar } from "./Avatar.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const {
+  colors,
+  sizes
+} = ledgerLiveThemes.dark;
+const TestWrapper = ({
+  children
+}) => /*#__PURE__*/_jsx(ThemeProvider, {
+  themes: ledgerLiveThemes,
+  colorScheme: "dark",
+  locale: "en",
+  children: children
+});
+describe('Avatar Component', () => {
+  const testSrc = 'https://plus.unsplash.com/premium_photo-1689551670902-19b441a6afde?q=80&w=774&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D';
+  it('should render correctly with minimal props', () => {
+    const {
+      getByLabelText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        src: testSrc
+      })
+    }));
+    getByLabelText('avatar');
+  });
+  it('should render with custom alt text', () => {
+    const {
+      getByLabelText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        src: testSrc,
+        alt: "user profile"
+      })
+    }));
+    getByLabelText('user profile');
+  });
+  it('should render with different sizes', () => {
+    const {
+      getByTestId,
+      rerender
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        testID: "avatar-id",
+        size: "sm"
+      })
+    }));
+    expect(getByTestId('avatar-id').props.style.width).toBe(sizes.s40);
+    expect(getByTestId('avatar-id').props.style.height).toBe(sizes.s40);
+    rerender(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        testID: "avatar-id",
+        size: "md"
+      })
+    }));
+    expect(getByTestId('avatar-id').props.style.width).toBe(sizes.s48);
+    expect(getByTestId('avatar-id').props.style.height).toBe(sizes.s48);
+    rerender(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        testID: "avatar-id",
+        size: "lg"
+      })
+    }));
+    expect(getByTestId('avatar-id').props.style.width).toBe(sizes.s72);
+    expect(getByTestId('avatar-id').props.style.height).toBe(sizes.s72);
+  });
+  it('should render fallback icon when no src is provided', () => {
+    const {
+      getByLabelText,
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {})
+    }));
+    const avatarContainer = getByLabelText('avatar');
+    expect(avatarContainer).toBeTruthy();
+    expect(avatarContainer.props.accessibilityRole).toBe('image');
+    expect(getByTestId('avatar-fallback-icon')).toBeTruthy();
+  });
+  it('should render image when src is provided', () => {
+    const {
+      getByLabelText,
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        src: "https://example.com/avatar.jpg",
+        alt: "user avatar"
+      })
+    }));
+    const avatarContainer = getByLabelText('user avatar');
+    expect(avatarContainer).toBeTruthy();
+    expect(avatarContainer.props.accessibilityRole).toBe('image');
+    const image = getByTestId('avatar-image');
+    expect(image.props.source).toEqual({
+      uri: 'https://example.com/avatar.jpg'
+    });
+  });
+  it('should render fallback icon on image error', async () => {
+    const {
+      getByLabelText,
+      getByTestId,
+      queryByTestId,
+      rerender
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        src: "https://example.com/invalid.jpg",
+        alt: "broken image"
+      })
+    }));
+    const avatarContainer = getByLabelText('broken image');
+    expect(avatarContainer).toBeTruthy();
+    const image = getByTestId('avatar-image');
+    expect(image).toBeTruthy();
+    image.props.onError();
+    rerender(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        src: "https://example.com/invalid.jpg",
+        alt: "broken image"
+      })
+    }));
+    await waitFor(() => {
+      expect(queryByTestId('avatar-image')).toBeNull();
+      expect(getByTestId('avatar-fallback-icon')).toBeTruthy();
+    });
+  });
+  it('should reset error state when src changes', async () => {
+    const {
+      getByLabelText,
+      getByTestId,
+      rerender
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        src: "https://example.com/avatar1.jpg",
+        alt: "avatar image"
+      })
+    }));
+    const avatarContainer = getByLabelText('avatar image');
+    expect(avatarContainer).toBeTruthy();
+    const image = getByTestId('avatar-image');
+    image.props.onError();
+    rerender(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        src: "https://example.com/avatar2.jpg",
+        alt: "avatar image"
+      })
+    }));
+    await waitFor(() => {
+      const newImage = getByTestId('avatar-image');
+      expect(newImage.props.source).toEqual({
+        uri: 'https://example.com/avatar2.jpg'
+      });
+    });
+  });
+  it('should show notification indicator when showNotification is true', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        testID: "avatar-id",
+        showNotification: true
+      })
+    }));
+    const avatar = getByTestId('avatar-id');
+    const notificationIndicator = avatar.props.children[0];
+    expect(notificationIndicator).toBeTruthy();
+    expect(notificationIndicator.props.style.backgroundColor).toBe(colors.bg.errorStrong);
+  });
+  it('should not show notification indicator by default', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        testID: "avatar-id"
+      })
+    }));
+    const avatar = getByTestId('avatar-id');
+    const notificationIndicator = avatar.props.children[0];
+    expect(notificationIndicator).toBe(false);
+  });
+  it('should apply correct notification indicator size based on avatar size', () => {
+    const {
+      getByTestId,
+      rerender
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        testID: "avatar-id",
+        size: "sm",
+        showNotification: true
+      })
+    }));
+    let avatar = getByTestId('avatar-id');
+    let notificationIndicator = avatar.props.children[0];
+    expect(notificationIndicator.props.style.width).toBe(sizes.s10);
+    expect(notificationIndicator.props.style.height).toBe(sizes.s10);
+    rerender(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        testID: "avatar-id",
+        size: "md",
+        showNotification: true
+      })
+    }));
+    avatar = getByTestId('avatar-id');
+    notificationIndicator = avatar.props.children[0];
+    expect(notificationIndicator.props.style.width).toBe(sizes.s12);
+    expect(notificationIndicator.props.style.height).toBe(sizes.s12);
+    rerender(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        testID: "avatar-id",
+        size: "lg",
+        showNotification: true
+      })
+    }));
+    avatar = getByTestId('avatar-id');
+    notificationIndicator = avatar.props.children[0];
+    expect(notificationIndicator.props.style.width).toBe(sizes.s16);
+    expect(notificationIndicator.props.style.height).toBe(sizes.s16);
+  });
+  it('should apply custom styles', () => {
+    const customStyle = {
+      borderWidth: 2
+    };
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        testID: "avatar-id",
+        style: customStyle
+      })
+    }));
+    const avatar = getByTestId('avatar-id');
+    expect(avatar.props.style.borderWidth).toBe(2);
+  });
+  it('should pass additional props to the Box component', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Avatar, {
+        testID: "custom-test-id",
+        accessibilityLabel: "Profile Avatar"
+      })
+    }));
+    const avatar = getByTestId('custom-test-id');
+    expect(avatar.props.accessibilityLabel).toBe('Profile Avatar');
+  });
+});
+//# sourceMappingURL=Avatar.test.js.map

package/dist/module/lib/Components/Avatar/Avatar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","waitFor","React","ThemeProvider","Avatar","jsx","_jsx","colors","sizes","dark","TestWrapper","children","themes","colorScheme","locale","testSrc","getByLabelText","src","alt","getByTestId","rerender","testID","size","props","style","width","toBe","s40","height","s48","s72","avatarContainer","toBeTruthy","accessibilityRole","image","source","toEqual","uri","queryByTestId","onError","toBeNull","newImage","showNotification","avatar","notificationIndicator","backgroundColor","bg","errorStrong","s10","s12","s16","customStyle","borderWidth","accessibilityLabel"],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/Avatar.test.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/Avatar/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./Avatar.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/module/lib/Components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/index.ts"],"mappings":";;AAAA,cAAc,aAAU;AACxB,cAAc,YAAS","ignoreList":[]}

package/dist/module/lib/Components/Avatar/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/dist/module/lib/Components/Avatar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/lib/Components/Banner/Banner.js

@@ -0,0 +1,175 @@
+"use strict";
+
+import { isTextChildren } from '@ledgerhq/lumen-utils-shared';
+import { StyleSheet, Text, View } from 'react-native';
+import { useCommonTranslation } from "../../../i18n/index.js";
+import { useStyleSheet } from "../../../styles/index.js";
+import { InformationFill, CheckmarkCircleFill, WarningFill, DeleteCircleFill, Close } from "../../Symbols/index.js";
+import { IconButton } from "../IconButton/index.js";
+import { Box } from "../Utility/index.js";
+import { Wrap } from "../Wrap/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const iconColorMap = {
+  info: 'base',
+  success: 'success',
+  warning: 'warning',
+  error: 'error'
+};
+const useStyles = ({
+  appearance
+}) => {
+  return useStyleSheet(t => {
+    const bgColors = {
+      info: t.colors.bg.surface,
+      success: t.colors.bg.success,
+      warning: t.colors.bg.warning,
+      error: t.colors.bg.error
+    };
+    return {
+      root: {
+        flexDirection: 'row',
+        width: t.sizes.full,
+        alignItems: 'flex-start',
+        gap: t.spacings.s8,
+        borderRadius: t.borderRadius.md,
+        padding: t.spacings.s16,
+        backgroundColor: bgColors[appearance]
+      },
+      iconWrapper: {
+        flexShrink: 0,
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        paddingVertical: t.spacings.s4
+      },
+      contentWrapper: {
+        marginRight: t.spacings.s8,
+        flex: 1,
+        flexDirection: 'column',
+        gap: t.spacings.s8,
+        paddingVertical: t.spacings.s4
+      },
+      textWrapper: {
+        flexDirection: 'column',
+        gap: t.spacings.s4
+      },
+      title: StyleSheet.flatten([t.typographies.body1SemiBold, {
+        color: t.colors.text.base
+      }]),
+      description: StyleSheet.flatten([t.typographies.body2, {
+        color: t.colors.text.base
+      }]),
+      actionsWrapper: {
+        flexDirection: 'row',
+        gap: t.spacings.s4
+      }
+    };
+  }, [appearance]);
+};
+const iconsMap = {
+  info: InformationFill,
+  success: CheckmarkCircleFill,
+  warning: WarningFill,
+  error: DeleteCircleFill
+};
+
+/**
+ * A banner component for displaying informational, success, warning, or error messages with optional description, action buttons, and close button.
+ *
+ * The appearance determines the color scheme and icon used.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/communication-banner-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/communication-banner-implementation--docs#dos-and-donts Guidelines}
+ *
+ * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
+ * Do not use it to modify the banner's core appearance (colors, padding, etc). Use the `appearance` prop instead.
+ *
+ * @example
+ * import { Banner } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * // Basic info banner
+ * <Banner title="Information" appearance="info" />
+ *
+ * // Banner with description and actions
+ * <Banner
+ *   title="Success"
+ *   appearance="success"
+ *   description="Your action was successful."
+ *   primaryAction={<Button appearance="transparent" size="sm" onPress={() => {}}>Primary</Button>}
+ *   secondaryAction={<Button appearance="no-background" size="sm" onPress={() => {}}>Secondary</Button>}
+ * />
+ *
+ * // Error banner with close
+ * <Banner
+ *   title="Error"
+ *   appearance="error"
+ *   onClose={() => console.log('Close')}
+ *   closeAriaLabel="Close banner"
+ * />
+ */
+export const Banner = ({
+  appearance = 'info',
+  title,
+  description,
+  primaryAction,
+  secondaryAction,
+  lx = {},
+  style,
+  onClose,
+  closeAriaLabel,
+  ref,
+  ...props
+}) => {
+  const {
+    t
+  } = useCommonTranslation();
+  const styles = useStyles({
+    appearance
+  });
+  const IconComponent = iconsMap[appearance];
+  const iconColor = iconColorMap[appearance];
+  return /*#__PURE__*/_jsxs(Box, {
+    ref: ref,
+    lx: lx,
+    style: StyleSheet.flatten([styles.root, style]),
+    ...props,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.iconWrapper,
+      children: /*#__PURE__*/_jsx(IconComponent, {
+        lx: {
+          color: iconColor
+        }
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.contentWrapper,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.textWrapper,
+        children: [title && /*#__PURE__*/_jsx(Text, {
+          style: styles.title,
+          numberOfLines: 2,
+          children: title
+        }), description && /*#__PURE__*/_jsx(View, {
+          children: /*#__PURE__*/_jsx(Wrap, {
+            if: isTextChildren(description),
+            with: children => /*#__PURE__*/_jsx(Text, {
+              style: styles.description,
+              children: children
+            }),
+            children: description
+          })
+        })]
+      }), (primaryAction || secondaryAction) && /*#__PURE__*/_jsxs(View, {
+        style: styles.actionsWrapper,
+        children: [primaryAction, secondaryAction]
+      })]
+    }), onClose && /*#__PURE__*/_jsx(IconButton, {
+      testID: "banner-close-button",
+      appearance: "transparent",
+      size: "xs",
+      icon: Close,
+      onPress: () => onClose(),
+      accessibilityLabel: closeAriaLabel || t('components.banner.closeAriaLabel')
+    })]
+  });
+};
+Banner.displayName = 'Banner';
+//# sourceMappingURL=Banner.js.map

package/dist/module/lib/Components/Banner/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isTextChildren","StyleSheet","Text","View","useCommonTranslation","useStyleSheet","InformationFill","CheckmarkCircleFill","WarningFill","DeleteCircleFill","Close","IconButton","Box","Wrap","jsx","_jsx","jsxs","_jsxs","iconColorMap","info","success","warning","error","useStyles","appearance","t","bgColors","colors","bg","surface","root","flexDirection","width","sizes","full","alignItems","gap","spacings","s8","borderRadius","md","padding","s16","backgroundColor","iconWrapper","flexShrink","paddingVertical","s4","contentWrapper","marginRight","flex","textWrapper","title","flatten","typographies","body1SemiBold","color","text","base","description","body2","actionsWrapper","iconsMap","Banner","primaryAction","secondaryAction","lx","style","onClose","closeAriaLabel","ref","props","styles","IconComponent","iconColor","children","numberOfLines","if","with","testID","size","icon","onPress","accessibilityLabel","displayName"],"sourceRoot":"../../../../../src","sources":["lib/Components/Banner/Banner.tsx"],"mappings":"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","ignoreList":[]}