@ledgerhq/lumen-ui-rnative 0.1.7 → 0.1.9

package/dist/module/lib/Components/Checkbox/Checkbox.stories.js

@@ -0,0 +1,140 @@
+"use strict";
+
+import { Box, Text } from "../Utility/index.js";
+import { Checkbox } from "./Checkbox.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Selection/Checkbox',
+  component: Checkbox,
+  parameters: {
+    layout: 'fullscreen',
+    docs: {
+      source: {
+        language: 'tsx',
+        format: true,
+        type: 'code'
+      }
+    }
+  },
+  args: {
+    label: 'Checkbox'
+  },
+  argTypes: {
+    checked: {
+      control: 'boolean',
+      description: 'The controlled checked state of the checkbox'
+    },
+    defaultChecked: {
+      control: 'boolean',
+      description: 'The default checked state (uncontrolled)'
+    },
+    disabled: {
+      control: 'boolean',
+      description: 'If true, the checkbox is disabled'
+    },
+    onCheckedChange: {
+      action: 'checked changed',
+      description: 'Callback function called when the checked state changes'
+    },
+    label: {
+      control: 'text',
+      description: 'The label text of the checkbox'
+    }
+  }
+};
+export default meta;
+/**
+ * The base checkbox in its normal state.
+ */
+export const Base = {
+  render: args => {
+    return /*#__PURE__*/_jsx(Box, {
+      style: {
+        flex: 1,
+        minHeight: 96,
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 24
+      },
+      children: /*#__PURE__*/_jsx(Box, {
+        style: {
+          width: '100%',
+          maxWidth: 400
+        },
+        children: /*#__PURE__*/_jsx(Checkbox, {
+          ...args
+        })
+      })
+    });
+  }
+};
+
+/**
+ * Interactive example showing all states.
+ */
+export const AllStates = {
+  render: () => /*#__PURE__*/_jsx(Box, {
+    style: {
+      flex: 1,
+      minHeight: 96,
+      alignItems: 'center',
+      justifyContent: 'center',
+      padding: 24
+    },
+    children: /*#__PURE__*/_jsx(Box, {
+      style: {
+        width: '100%',
+        maxWidth: 400
+      },
+      children: /*#__PURE__*/_jsxs(Box, {
+        style: {
+          flexDirection: 'row',
+          gap: 48
+        },
+        children: [/*#__PURE__*/_jsxs(Box, {
+          style: {
+            gap: 16
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            typography: "heading5",
+            children: "Enabled"
+          }), /*#__PURE__*/_jsxs(Box, {
+            style: {
+              gap: 8
+            },
+            children: [/*#__PURE__*/_jsx(Checkbox, {
+              label: "Unchecked",
+              accessibilityLabel: "Unchecked",
+              defaultChecked: false
+            }), /*#__PURE__*/_jsx(Checkbox, {
+              label: "Checked",
+              defaultChecked: true
+            })]
+          })]
+        }), /*#__PURE__*/_jsxs(Box, {
+          style: {
+            gap: 16
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            typography: "heading5",
+            children: "Disabled"
+          }), /*#__PURE__*/_jsxs(Box, {
+            style: {
+              gap: 8
+            },
+            children: [/*#__PURE__*/_jsx(Checkbox, {
+              label: "Unchecked",
+              disabled: true,
+              defaultChecked: false
+            }), /*#__PURE__*/_jsx(Checkbox, {
+              label: "Checked",
+              disabled: true,
+              defaultChecked: true
+            })]
+          })]
+        })]
+      })
+    })
+  })
+};
+//# sourceMappingURL=Checkbox.stories.js.map

package/dist/module/lib/Components/Checkbox/Checkbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Box","Text","Checkbox","jsx","_jsx","jsxs","_jsxs","meta","title","component","parameters","layout","docs","source","language","format","type","args","label","argTypes","checked","control","description","defaultChecked","disabled","onCheckedChange","action","Base","render","style","flex","minHeight","alignItems","justifyContent","padding","children","width","maxWidth","AllStates","flexDirection","gap","typography","accessibilityLabel"],"sourceRoot":"../../../../../src","sources":["lib/Components/Checkbox/Checkbox.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,104 @@
+"use strict";
+
+import { describe, it, expect, jest } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { render, fireEvent, waitFor } from '@testing-library/react-native';
+import React from 'react';
+import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
+import { Checkbox } from "./Checkbox.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const TestWrapper = ({
+  children
+}) => /*#__PURE__*/_jsx(ThemeProvider, {
+  themes: ledgerLiveThemes,
+  colorScheme: "dark",
+  locale: "en",
+  children: children
+});
+describe('Checkbox', () => {
+  it('uncontrolled: toggles on press and reflects checked state', async () => {
+    const {
+      getByRole
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Checkbox, {
+        defaultChecked: false
+      })
+    }));
+    const trigger = getByRole('checkbox');
+    expect(trigger.props.accessibilityState?.checked).toBe(false);
+    fireEvent.press(trigger);
+    await waitFor(() => expect(trigger.props.accessibilityState?.checked).toBe(true));
+  });
+  it('controlled: calls onCheckedChange but state is controlled by parent', async () => {
+    const onChange = jest.fn();
+    const {
+      getByRole,
+      rerender
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Checkbox, {
+        checked: false,
+        onCheckedChange: onChange
+      })
+    }));
+    const trigger = getByRole('checkbox');
+    expect(trigger.props.accessibilityState?.checked).toBe(false);
+    fireEvent.press(trigger);
+    await waitFor(() => expect(onChange).toHaveBeenCalledWith(true));
+    await waitFor(() => expect(trigger.props.accessibilityState?.checked).toBe(false));
+    rerender(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Checkbox, {
+        checked: true,
+        onCheckedChange: onChange
+      })
+    }));
+    await waitFor(() => expect(getByRole('checkbox').props.accessibilityState?.checked).toBe(true));
+  });
+  it('label: renders and toggles when pressed', async () => {
+    const onChange = jest.fn();
+    const {
+      getByText,
+      getByRole
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Checkbox, {
+        defaultChecked: false,
+        label: "Accept",
+        onCheckedChange: onChange
+      })
+    }));
+    fireEvent.press(getByText('Accept'));
+    await waitFor(() => expect(onChange).toHaveBeenCalledWith(true));
+    await waitFor(() => expect(getByRole('checkbox').props.accessibilityState?.checked).toBe(true));
+  });
+  it('disabled: does not toggle on trigger or label press', async () => {
+    const onChange = jest.fn();
+    const {
+      getByText,
+      getByRole
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Checkbox, {
+        disabled: true,
+        defaultChecked: false,
+        label: "Terms",
+        onCheckedChange: onChange
+      })
+    }));
+    const trigger = getByRole('checkbox');
+    expect(trigger.props.accessibilityState?.disabled).toBe(true);
+    fireEvent.press(trigger);
+    fireEvent.press(getByText('Terms'));
+    await waitFor(() => expect(onChange).toHaveBeenCalled());
+  });
+  it('passes through nativeID to container for a11y mapping', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Checkbox, {
+        defaultChecked: false,
+        nativeID: "check-1",
+        testID: "checkbox"
+      })
+    }));
+    expect(getByTestId('checkbox').props.nativeID).toBe('check-1');
+  });
+});
+//# sourceMappingURL=Checkbox.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","fireEvent","waitFor","React","ThemeProvider","Checkbox","jsx","_jsx","TestWrapper","children","themes","colorScheme","locale","getByRole","defaultChecked","trigger","props","accessibilityState","checked","toBe","press","onChange","fn","rerender","onCheckedChange","toHaveBeenCalledWith","getByText","label","disabled","toHaveBeenCalled","getByTestId","nativeID","testID"],"sourceRoot":"../../../../../src","sources":["lib/Components/Checkbox/Checkbox.test.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,179 @@
+"use strict";
+
+import { isTextChildren } from '@ledgerhq/lumen-utils-shared';
+import { StyleSheet, View } from 'react-native';
+import { useCommonTranslation } from "../../../i18n/index.js";
+import { useStyleSheet } from "../../../styles/index.js";
+import { Close } from "../../Symbols/index.js";
+import { InteractiveIcon } from "../InteractiveIcon/index.js";
+import { Box, Text } from "../Utility/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Container for the text content (title and description) within the content banner.
+ */
+export const ContentBannerContent = ({
+  children,
+  lx = {},
+  style,
+  ref,
+  ...viewProps
+}) => {
+  const styles = useStyleSheet(t => ({
+    content: {
+      flex: 1,
+      minWidth: 0,
+      flexDirection: 'column',
+      gap: t.spacings.s4
+    }
+  }), []);
+  return /*#__PURE__*/_jsx(Box, {
+    ref: ref,
+    lx: lx,
+    style: StyleSheet.flatten([styles.content, style]),
+    ...viewProps,
+    children: children
+  });
+};
+ContentBannerContent.displayName = 'ContentBannerContent';
+
+/**
+ * The main title of the content banner.
+ */
+export const ContentBannerTitle = ({
+  children,
+  lx = {},
+  style,
+  ref,
+  ...textProps
+}) => {
+  const styles = useStyleSheet(t => ({
+    title: StyleSheet.flatten([t.typographies.body2SemiBold, {
+      color: t.colors.text.base
+    }])
+  }), []);
+  if (isTextChildren(children)) {
+    return /*#__PURE__*/_jsx(Text, {
+      ref: ref,
+      lx: lx,
+      style: StyleSheet.flatten([styles.title, style]),
+      numberOfLines: 1,
+      ellipsizeMode: "tail",
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(Box, {
+    lx: lx,
+    style: StyleSheet.flatten([style]),
+    ...textProps,
+    children: children
+  });
+};
+ContentBannerTitle.displayName = 'ContentBannerTitle';
+
+/**
+ * Optional description text below the title.
+ */
+export const ContentBannerDescription = ({
+  children,
+  lx = {},
+  style,
+  ref,
+  ...textProps
+}) => {
+  const styles = useStyleSheet(t => ({
+    description: StyleSheet.flatten([t.typographies.body3, {
+      color: t.colors.text.muted
+    }])
+  }), []);
+  if (isTextChildren(children)) {
+    return /*#__PURE__*/_jsx(Text, {
+      ref: ref,
+      lx: lx,
+      style: StyleSheet.flatten([styles.description, style]),
+      numberOfLines: 2,
+      ellipsizeMode: "tail",
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(Box, {
+    lx: lx,
+    style: StyleSheet.flatten([style]),
+    ...textProps,
+    children: children
+  });
+};
+ContentBannerDescription.displayName = 'ContentBannerDescription';
+
+/**
+ * A content banner component for displaying a composable banner with an optional
+ * leading visual, title, description, and close button.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/communication-contentbanner-overview--docs Storybook}
+ *
+ * @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).
+ *
+ * @example
+ * import { ContentBanner, ContentBannerContent, ContentBannerTitle, ContentBannerDescription, Spot } from '@ledgerhq/lumen-ui-rnative';
+ * import { Wallet } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <ContentBanner onClose={() => {}}>
+ *   <Spot appearance="icon" icon={Wallet} size={48} />
+ *   <ContentBannerContent>
+ *     <ContentBannerTitle>Title</ContentBannerTitle>
+ *     <ContentBannerDescription>Description text</ContentBannerDescription>
+ *   </ContentBannerContent>
+ * </ContentBanner>
+ */
+export const ContentBanner = ({
+  children,
+  lx = {},
+  style,
+  onClose,
+  closeAccessibilityLabel,
+  ref,
+  ...viewProps
+}) => {
+  const {
+    t
+  } = useCommonTranslation();
+  const styles = useStyleSheet(t => ({
+    root: {
+      flexDirection: 'row',
+      width: t.sizes.full,
+      alignItems: 'center',
+      gap: t.spacings.s12,
+      borderRadius: t.borderRadius.md,
+      padding: t.spacings.s12,
+      backgroundColor: t.colors.bg.surface
+    },
+    rootWithClose: {
+      paddingRight: t.spacings.s48
+    },
+    closeButton: {
+      position: 'absolute',
+      top: t.spacings.s8,
+      right: t.spacings.s8
+    }
+  }), []);
+  return /*#__PURE__*/_jsxs(Box, {
+    ref: ref,
+    lx: lx,
+    style: StyleSheet.flatten([styles.root, onClose && styles.rootWithClose, style]),
+    ...viewProps,
+    children: [children, onClose && /*#__PURE__*/_jsx(View, {
+      style: styles.closeButton,
+      children: /*#__PURE__*/_jsx(InteractiveIcon, {
+        iconType: "stroked",
+        testID: "content-banner-close-button",
+        onPress: () => onClose(),
+        accessibilityLabel: closeAccessibilityLabel || t('components.banner.closeAriaLabel'),
+        children: /*#__PURE__*/_jsx(Close, {
+          size: 16
+        })
+      })
+    })]
+  });
+};
+ContentBanner.displayName = 'ContentBanner';
+//# sourceMappingURL=ContentBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["isTextChildren","StyleSheet","View","useCommonTranslation","useStyleSheet","Close","InteractiveIcon","Box","Text","jsx","_jsx","jsxs","_jsxs","ContentBannerContent","children","lx","style","ref","viewProps","styles","t","content","flex","minWidth","flexDirection","gap","spacings","s4","flatten","displayName","ContentBannerTitle","textProps","title","typographies","body2SemiBold","color","colors","text","base","numberOfLines","ellipsizeMode","ContentBannerDescription","description","body3","muted","ContentBanner","onClose","closeAccessibilityLabel","root","width","sizes","full","alignItems","s12","borderRadius","md","padding","backgroundColor","bg","surface","rootWithClose","paddingRight","s48","closeButton","position","top","s8","right","iconType","testID","onPress","accessibilityLabel","size"],"sourceRoot":"../../../../../src","sources":["lib/Components/ContentBanner/ContentBanner.tsx"],"mappings":"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","ignoreList":[]}