@ledgerhq/lumen-ui-rnative 0.1.48 → 0.1.49

package/src/lib/Components/DotIndicator/DotIndicator.stories.tsx

@@ -2,6 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
 import { Settings } from '../../Symbols';
 import { Avatar } from '../Avatar/Avatar';
 import { Button } from '../Button/Button';
+import { getDotIndicatorProps } from '../DotIndicator';
 import { IconButton } from '../IconButton/IconButton';
 import { Box } from '../Utility/Box';
 import { DotIndicator } from './DotIndicator';
@@ -67,7 +68,9 @@ export const WithChildren: Story = {
       <DotIndicator appearance='red'>
         <Button size='sm'>Submit</Button>
       </DotIndicator>
-      <Avatar size='md' showNotification />
+      <DotIndicator {...getDotIndicatorProps('avatar', 'md')}>
+        <Avatar size='md' />
+      </DotIndicator>
       <DotIndicator appearance='red'>
         <IconButton accessibilityLabel='Settings' icon={Settings} />
       </DotIndicator>

package/src/lib/Components/DotIndicator/getDotIndicatorProps.test.ts

@@ -0,0 +1,15 @@
+import { describe, it, expect } from '@jest/globals';
+import { getDotIndicatorProps } from './getDotIndicatorProps';
+
+describe('getDotIndicatorProps', () => {
+  it('resolves avatar dot indicator props', () => {
+    expect(getDotIndicatorProps('avatar', 'sm')).toEqual({
+      size: 'lg',
+      appearance: 'red',
+    });
+    expect(getDotIndicatorProps('avatar', 'md')).toEqual({
+      size: 'xl',
+      appearance: 'red',
+    });
+  });
+});

package/src/lib/Components/DotIndicator/getDotIndicatorProps.ts

@@ -0,0 +1,10 @@
+import { createPropsResolver } from '@ledgerhq/lumen-utils-shared';
+import type { DotIndicatorProps } from './types';
+
+export const getDotIndicatorProps = createPropsResolver({
+  // larger avatars (`lg`, `xl`) don't render a dot indicator
+  avatar: {
+    sm: { size: 'lg', appearance: 'red' },
+    md: { size: 'xl', appearance: 'red' },
+  } satisfies Record<'sm' | 'md', DotIndicatorProps>,
+});

package/src/lib/Components/DotIndicator/index.ts

@@ -1,2 +1,3 @@
 export * from './DotIndicator';
+export * from './getDotIndicatorProps';
 export * from './types';