@ledgerhq/lumen-ui-rnative 0.1.4 → 0.1.6

package/dist/src/lib/Components/AmountDisplay/AmountDisplay.stories.js

@@ -1,127 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { View } from 'react-native';
-import { Eye, EyeCross } from '../../Symbols';
-import { IconButton } from '../IconButton';
-import { AmountDisplay } from './AmountDisplay';
-const usdFormatter = (value) => {
-    const [integerPart, decimalPart] = value.toFixed(2).split(/\.|,/);
-    return {
-        integerPart,
-        decimalPart,
-        currencyText: '$',
-        decimalSeparator: '.',
-        currencyPosition: 'start',
-    };
-};
-const eurFormatter = (value) => {
-    const [integerPart, decimalPart] = value.toFixed(2).split(/\.|,/);
-    return {
-        integerPart,
-        decimalPart,
-        currencyText: '€',
-        decimalSeparator: ',',
-        currencyPosition: 'end',
-    };
-};
-const btcFormatter = (value) => {
-    const [integerPart, decimalPart] = value.toFixed(8).split(/\.|,/);
-    return {
-        integerPart,
-        decimalPart,
-        currencyText: 'BTC',
-        decimalSeparator: '.',
-        currencyPosition: 'end',
-    };
-};
-const meta = {
-    component: AmountDisplay,
-    title: 'Communication/AmountDisplay',
-    args: {
-        formatter: eurFormatter,
-        hidden: false,
-        animate: true,
-    },
-    argTypes: {
-        formatter: {
-            options: ['EUR', 'USD', 'BTC'],
-            mapping: {
-                USD: usdFormatter,
-                EUR: eurFormatter,
-                BTC: btcFormatter,
-            },
-            control: {
-                type: 'select',
-            },
-            description: 'Function that formats a number. Returns an object with:\n' +
-                '- `integerPart`: string\n' +
-                '- `decimalPart?`: string\n' +
-                '- `currencyText`: string\n' +
-                '- `decimalSeparator`: "." | ","\n' +
-                '- `currencyPosition?`: "start" | "end"',
-        },
-        hidden: {
-            control: {
-                type: 'boolean',
-            },
-        },
-        animate: {
-            control: {
-                type: 'boolean',
-            },
-        },
-    },
-    parameters: {
-        layout: 'centered',
-        backgrounds: { default: 'light' },
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        value: 1234.56,
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `<AmountDisplay value={1234.56} />`,
-            },
-        },
-    },
-};
-export const WithHideButton = {
-    render: (props) => {
-        const [hidden, setHidden] = useState(false);
-        return (_jsxs(View, { style: { flexDirection: 'row', alignItems: 'center', gap: 12 }, children: [_jsx(AmountDisplay, { formatter: props.formatter, value: 1234.56, hidden: hidden }), _jsx(IconButton, { appearance: 'transparent', size: 'sm', icon: hidden ? EyeCross : Eye, accessibilityLabel: hidden ? 'Show amount' : 'Hide amount', onPress: () => setHidden((v) => !v) })] }));
-    },
-};
-export const AnimationShowcase = {
-    args: {
-        value: 1234.56,
-    },
-    render: (props) => {
-        const [currentValue, setCurrentValue] = useState(props.value);
-        useEffect(() => {
-            const interval = setInterval(() => {
-                setCurrentValue((prev) => {
-                    const delta = prev * (Math.random() * 0.02 - 0.01);
-                    return Math.round((prev + delta) * 100) / 100;
-                });
-            }, 2000);
-            return () => clearInterval(interval);
-        }, []);
-        return _jsx(AmountDisplay, { ...props, value: currentValue });
-    },
-};
-export const Loading = {
-    render: (props) => {
-        return (_jsx(AmountDisplay, { formatter: props.formatter, value: 1234.56, loading: true }));
-    },
-};

package/dist/src/lib/Components/AmountInput/AmountInput.stories.d.ts

@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { AmountInput } from './AmountInput';
-declare const meta: Meta<typeof AmountInput>;
-export default meta;
-type Story = StoryObj<typeof AmountInput>;
-export declare const Base: Story;
-export declare const WithValue: Story;
-export declare const CurrencyPositionLeft: Story;
-export declare const CurrencyPositionRight: Story;
-export declare const IntegerOnly: Story;
-export declare const WithThousandsSeparator: Story;
-export declare const WithoutThousandsSeparator: Story;
-export declare const ErrorState: Story;
-export declare const DisabledAmountInput: Story;
-export declare const CustomLengthLimits: Story;
-//# sourceMappingURL=AmountInput.stories.d.ts.map

package/dist/src/lib/Components/AmountInput/AmountInput.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmountInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AmountInput/AmountInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA+ClC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAsB1C,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAWlC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAWnC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAWpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAWvC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAWjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAC"}

package/dist/src/lib/Components/AmountInput/AmountInput.stories.js

@@ -1,186 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { View } from 'react-native';
-import { AmountInput } from './AmountInput';
-const meta = {
-    component: AmountInput,
-    title: 'Input/AmountInput',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        currencyText: {
-            control: 'text',
-            description: 'Currency text to display (e.g. USD, EUR, $)',
-        },
-        currencyPosition: {
-            control: 'radio',
-            options: ['left', 'right'],
-            description: 'Position of the currency text',
-        },
-        allowDecimals: {
-            control: 'boolean',
-            description: 'Whether to allow decimal values',
-        },
-        thousandsSeparator: {
-            control: 'boolean',
-            description: 'Whether to display thousands separator',
-        },
-        maxIntegerLength: {
-            control: 'number',
-            description: 'Maximum digits for integer part',
-        },
-        maxDecimalLength: {
-            control: 'number',
-            description: 'Maximum digits for decimal part',
-        },
-        isInvalid: {
-            control: 'boolean',
-            description: 'Whether the input is in error state',
-        },
-        editable: {
-            control: 'boolean',
-            description: 'Whether the input is editable',
-        },
-    },
-};
-export default meta;
-const AmountInputStory = (args) => {
-    const [value, setValue] = useState(args.value?.toString() ?? '');
-    return (_jsx(View, { style: {
-            flex: 1,
-            minHeight: 96,
-            alignItems: 'center',
-            justifyContent: 'center',
-            padding: 24,
-        }, children: _jsx(View, { style: { width: '100%', maxWidth: 320 }, children: _jsx(AmountInput, { ...args, value: value, onChangeText: setValue }) }) }));
-};
-export const Base = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        currencyText: 'USD',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        maxIntegerLength: 9,
-        maxDecimalLength: 9,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const WithValue = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1234.56',
-        currencyText: 'USD',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const CurrencyPositionLeft = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1000',
-        currencyText: '$',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const CurrencyPositionRight = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1000',
-        currencyText: 'ETH',
-        currencyPosition: 'right',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const IntegerOnly = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1234',
-        currencyText: 'items',
-        currencyPosition: 'right',
-        allowDecimals: false,
-        thousandsSeparator: true,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const WithThousandsSeparator = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1000000',
-        currencyText: 'USD',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const WithoutThousandsSeparator = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1000000',
-        currencyText: 'USD',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: false,
-        isInvalid: false,
-        editable: true,
-    },
-};
-export const ErrorState = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1234.56',
-        currencyText: 'USD',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        isInvalid: true,
-        editable: true,
-    },
-};
-export const DisabledAmountInput = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '1234.56',
-        currencyText: 'USD',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        isInvalid: false,
-        editable: false,
-    },
-};
-export const CustomLengthLimits = {
-    render: (args) => _jsx(AmountInputStory, { ...args }),
-    args: {
-        value: '123',
-        currencyText: '$',
-        currencyPosition: 'left',
-        allowDecimals: true,
-        thousandsSeparator: true,
-        maxIntegerLength: 6,
-        maxDecimalLength: 2,
-        isInvalid: false,
-        editable: true,
-    },
-};

package/dist/src/lib/Components/Avatar/Avatar.stories.d.ts

@@ -1,22 +0,0 @@
-import { StoryObj } from '@storybook/react-native-web-vite';
-declare const meta: {
-    component: ({ lx, style, src, alt, size, showNotification, ref, ...props }: import("./types").AvatarProps) => import("react/jsx-runtime").JSX.Element;
-    title: string;
-    parameters: {
-        docs: {
-            source: {
-                language: string;
-                format: boolean;
-                type: string;
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Base: Story;
-export declare const SizeShowcase: Story;
-export declare const FallbackShowcase: Story;
-export declare const NotificationShowcase: Story;
-export declare const InteractiveShowcase: Story;
-//# sourceMappingURL=Avatar.stories.d.ts.map

package/dist/src/lib/Components/Avatar/Avatar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAMlE,QAAA,MAAM,IAAI;;;;;;;;;;;;CAYqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAKnC,eAAO,MAAM,IAAI,EAAE,KAelB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA6B1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAiBlC,CAAC;AAKF,eAAO,MAAM,mBAAmB,EAAE,KAajC,CAAC"}

package/dist/src/lib/Components/Avatar/Avatar.stories.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View, Text, Pressable, Linking } from 'react-native';
-import { Box } from '../Utility';
-import { Avatar } from './Avatar';
-const meta = {
-    component: Avatar,
-    title: 'Communication/Avatar',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-};
-export default meta;
-const exampleSrc = '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';
-export const Base = {
-    args: {
-        src: exampleSrc,
-        alt: 'avatar',
-        size: 'md',
-        showNotification: false,
-    },
-    render: (args) => _jsx(Avatar, { ...args }),
-    parameters: {
-        docs: {
-            source: {
-                code: `<Avatar src="https://example.com" size="md" alt="avatar" showNotification={false} />`,
-            },
-        },
-    },
-};
-export const SizeShowcase = {
-    render: () => (_jsxs(Box, { lx: {
-            alignItems: 'stretch',
-            flexDirection: 'row',
-            gap: 's16',
-        }, children: [_jsxs(View, { style: { alignItems: 'center', justifyContent: 'flex-end' }, children: [_jsx(Avatar, { src: exampleSrc, alt: 'avatar', size: 'sm', showNotification: false }), _jsx(Text, { style: { marginTop: 4 }, children: "sm" })] }), _jsxs(View, { style: { alignItems: 'center', justifyContent: 'flex-end' }, children: [_jsx(Avatar, { src: exampleSrc, alt: 'avatar', size: 'md', showNotification: false }), _jsx(Text, { style: { marginTop: 4 }, children: "md" })] })] })),
-};
-export const FallbackShowcase = {
-    args: {
-        src: 'https://brokenLink.random',
-        size: 'md',
-        alt: 'Fallback example',
-        showNotification: false,
-    },
-    render: (args) => _jsx(Avatar, { ...args }),
-    parameters: {
-        docs: {
-            source: {
-                code: `<Avatar src="https://brokenLink.random" size="md" alt="Fallback example" showNotification={false} />`,
-            },
-        },
-    },
-};
-export const NotificationShowcase = {
-    render: () => (_jsxs(Box, { lx: {
-            flexDirection: 'row',
-            gap: 's16',
-        }, children: [_jsx(Avatar, { src: exampleSrc, alt: 'avatar', size: 'md', showNotification: false }), _jsx(Avatar, { src: exampleSrc, alt: 'avatar', size: 'md', showNotification: true })] })),
-};
-const onPressRedirect = () => Linking.openURL('https://shop.ledger.com/pages/ledger-nano-gen5');
-export const InteractiveShowcase = {
-    render: () => (_jsx(Pressable, { onPress: onPressRedirect, style: ({ pressed }) => ({
-            borderRadius: 9999,
-            opacity: pressed ? 0.7 : 1,
-            backgroundColor: pressed ? 'rgba(0, 0, 0, 0.05)' : 'transparent',
-        }), children: _jsx(Avatar, { src: exampleSrc, size: 'md', showNotification: true }) })),
-};

package/dist/src/lib/Components/Banner/Banner.stories.d.ts

@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Banner } from './Banner';
-declare const meta: Meta<typeof Banner>;
-export default meta;
-type Story = StoryObj<typeof Banner>;
-export declare const Base: Story;
-export declare const WithDescription: Story;
-export declare const WithActions: Story;
-export declare const WithFullFeatures: Story;
-export declare const AppearanceShowcase: Story;
-export declare const ContentVariations: Story;
-export declare const NaturalWidth: Story;
-export declare const ResponsiveLayout: Story;
-export declare const InteractiveDismiss: Story;
-export declare const InteractiveActions: Story;
-//# sourceMappingURL=Banner.stories.d.ts.map

package/dist/src/lib/Components/Banner/Banner.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Banner/Banner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAIvE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA4E7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,IAAI,EAAE,KA8BlB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA6CzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAgE9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAgChC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgF/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAuB1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAiBhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsDhC,CAAC"}