@ledgerhq/lumen-ui-rnative 0.1.8 → 0.1.9

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

@@ -0,0 +1,142 @@
+"use strict";
+
+import { Close, Heart, Plus, Settings, Share } from "../../Symbols/index.js";
+import { Box } from "../Utility/index.js";
+import { IconButton } from "./IconButton.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const iconMap = {
+  Heart,
+  Plus,
+  Settings,
+  Share,
+  Close
+};
+const meta = {
+  title: 'Action/IconButton',
+  component: IconButton,
+  argTypes: {
+    icon: {
+      options: Object.keys(iconMap),
+      mapping: iconMap,
+      control: {
+        type: 'select',
+        labels: {
+          Heart: 'Heart',
+          Plus: 'Plus',
+          Settings: 'Settings',
+          Share: 'Share',
+          Close: 'Close'
+        }
+      }
+    },
+    accessibilityLabel: {
+      control: 'text',
+      description: 'Accessibility label for screen readers'
+    },
+    appearance: {
+      control: 'select',
+      options: ['base', 'gray', 'accent', 'transparent', 'no-background', 'red']
+    },
+    size: {
+      control: 'select',
+      options: ['xs', 'sm', 'md', 'lg']
+    },
+    disabled: {
+      control: 'boolean'
+    }
+  }
+};
+export default meta;
+export const Base = {
+  args: {
+    accessibilityLabel: 'Settings',
+    icon: Settings,
+    size: 'md',
+    appearance: 'base'
+  }
+};
+export const AppearanceShowcase = {
+  render: () => /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      flexDirection: 'row',
+      gap: 's8'
+    },
+    children: [/*#__PURE__*/_jsx(IconButton, {
+      accessibilityLabel: "Add",
+      icon: Plus,
+      appearance: "accent"
+    }), /*#__PURE__*/_jsx(IconButton, {
+      accessibilityLabel: "Add",
+      icon: Plus,
+      appearance: "base"
+    }), /*#__PURE__*/_jsx(IconButton, {
+      accessibilityLabel: "Add",
+      icon: Plus,
+      appearance: "gray"
+    }), /*#__PURE__*/_jsx(IconButton, {
+      accessibilityLabel: "Add",
+      icon: Plus,
+      appearance: "transparent"
+    }), /*#__PURE__*/_jsx(IconButton, {
+      accessibilityLabel: "Add",
+      icon: Plus,
+      appearance: "no-background"
+    }), /*#__PURE__*/_jsx(IconButton, {
+      accessibilityLabel: "Add",
+      icon: Plus,
+      appearance: "red"
+    })]
+  })
+};
+export const SizesShowcase = {
+  render: () => /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 's8'
+    },
+    children: [/*#__PURE__*/_jsx(IconButton, {
+      accessibilityLabel: "Add to favorites",
+      icon: Heart,
+      size: "xs"
+    }), /*#__PURE__*/_jsx(IconButton, {
+      accessibilityLabel: "Add to favorites",
+      icon: Heart,
+      size: "sm"
+    }), /*#__PURE__*/_jsx(IconButton, {
+      accessibilityLabel: "Add to favorites",
+      icon: Heart,
+      size: "md"
+    }), /*#__PURE__*/_jsx(IconButton, {
+      accessibilityLabel: "Add to favorites",
+      icon: Heart,
+      size: "lg"
+    })]
+  })
+};
+export const StatesShowcase = {
+  args: {
+    appearance: 'base'
+  },
+  render: ({
+    appearance
+  }) => /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      gap: 's8'
+    },
+    children: [/*#__PURE__*/_jsx(IconButton, {
+      accessibilityLabel: "Settings",
+      appearance: appearance,
+      icon: Settings,
+      disabled: true
+    }), /*#__PURE__*/_jsx(IconButton, {
+      accessibilityLabel: "Settings",
+      appearance: appearance,
+      icon: Settings,
+      loading: true
+    })]
+  })
+};
+//# sourceMappingURL=IconButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Close","Heart","Plus","Settings","Share","Box","IconButton","jsx","_jsx","jsxs","_jsxs","iconMap","meta","title","component","argTypes","icon","options","Object","keys","mapping","control","type","labels","accessibilityLabel","description","appearance","size","disabled","Base","args","AppearanceShowcase","render","lx","flexDirection","gap","children","SizesShowcase","alignItems","StatesShowcase","loading"],"sourceRoot":"../../../../../src","sources":["lib/Components/IconButton/IconButton.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,108 @@
+"use strict";
+
+import { describe, expect, it, jest } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { fireEvent, render, screen } from '@testing-library/react-native';
+import React from 'react';
+import { Settings, Plus } from "../../Symbols/index.js";
+import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
+import { IconButton } from "./IconButton.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const renderWithProvider = component => {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    themes: ledgerLiveThemes,
+    colorScheme: "dark",
+    locale: "en",
+    children: component
+  }));
+};
+describe('IconButton Component', () => {
+  describe('Rendering', () => {
+    it('should render with required props', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(IconButton, {
+        testID: "icon-button",
+        accessibilityLabel: "Settings",
+        icon: Settings
+      }));
+      expect(screen.getByTestId('icon-button')).toBeTruthy();
+    });
+    it('should have correct accessibility role', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(IconButton, {
+        testID: "icon-button",
+        accessibilityLabel: "Settings",
+        icon: Settings
+      }));
+      const button = screen.getByTestId('icon-button');
+      expect(button.props.accessibilityRole).toBe('button');
+    });
+  });
+  describe('Appearances', () => {
+    it.each(['base', 'accent', 'gray', 'transparent', 'no-background', 'red'])('should render with %s appearance', appearance => {
+      renderWithProvider(/*#__PURE__*/_jsx(IconButton, {
+        testID: "icon-button",
+        accessibilityLabel: "Add",
+        icon: Plus,
+        appearance: appearance
+      }));
+      expect(screen.getByTestId('icon-button')).toBeTruthy();
+    });
+  });
+  describe('Sizes', () => {
+    it.each(['xs', 'sm', 'md', 'lg'])('should render with %s size', size => {
+      renderWithProvider(/*#__PURE__*/_jsx(IconButton, {
+        testID: "icon-button",
+        accessibilityLabel: "Settings",
+        icon: Settings,
+        size: size
+      }));
+      expect(screen.getByTestId('icon-button')).toBeTruthy();
+    });
+  });
+  describe('States', () => {
+    it('should be disabled when disabled prop is true', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(IconButton, {
+        testID: "icon-button",
+        accessibilityLabel: "Settings",
+        icon: Settings,
+        disabled: true
+      }));
+      const button = screen.getByTestId('icon-button');
+      expect(button.props.accessibilityState.disabled).toBe(true);
+    });
+    it('should render loading state', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(IconButton, {
+        testID: "icon-button",
+        accessibilityLabel: "Settings",
+        icon: Settings,
+        loading: true
+      }));
+      expect(screen.getByTestId('icon-button')).toBeTruthy();
+    });
+  });
+  describe('Interactions', () => {
+    it('should call onPress when pressed', () => {
+      const handlePress = jest.fn();
+      renderWithProvider(/*#__PURE__*/_jsx(IconButton, {
+        testID: "icon-button",
+        accessibilityLabel: "Settings",
+        icon: Settings,
+        onPress: handlePress
+      }));
+      fireEvent.press(screen.getByTestId('icon-button'));
+      expect(handlePress).toHaveBeenCalledTimes(1);
+    });
+    it('should not call onPress when disabled', () => {
+      const handlePress = jest.fn();
+      renderWithProvider(/*#__PURE__*/_jsx(IconButton, {
+        testID: "icon-button",
+        accessibilityLabel: "Settings",
+        icon: Settings,
+        onPress: handlePress,
+        disabled: true
+      }));
+      fireEvent.press(screen.getByTestId('icon-button'));
+      expect(handlePress).not.toHaveBeenCalled();
+    });
+  });
+});
+//# sourceMappingURL=IconButton.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","jest","ledgerLiveThemes","fireEvent","render","screen","React","Settings","Plus","ThemeProvider","IconButton","jsx","_jsx","renderWithProvider","component","themes","colorScheme","locale","children","testID","accessibilityLabel","icon","getByTestId","toBeTruthy","button","props","accessibilityRole","toBe","each","appearance","size","disabled","accessibilityState","loading","handlePress","fn","onPress","press","toHaveBeenCalledTimes","not","toHaveBeenCalled"],"sourceRoot":"../../../../../src","sources":["lib/Components/IconButton/IconButton.test.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,125 @@
+"use strict";
+
+import { Children, isValidElement } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useStyleSheet } from "../../../styles/index.js";
+import { InjectStylesIntoChildren } from "../../utils/components/InjectStylesIntoChildren.js";
+import { Pressable } from "../Utility/index.js";
+import { HIT_SLOP_MAP } from "./types.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const useStyles = ({
+  iconType,
+  pressed,
+  disabled
+}) => {
+  return useStyleSheet(t => {
+    const backgroundStyle = {
+      filled: {
+        backgroundColor: t.colors.bg.base
+      },
+      stroked: {
+        backgroundColor: t.colors.bg.baseTransparent
+      }
+    };
+    return {
+      container: StyleSheet.flatten([{
+        borderRadius: t.borderRadius.full
+      }, backgroundStyle[iconType], iconType === 'stroked' && pressed && {
+        backgroundColor: t.colors.bg.baseTransparentPressed
+      }]),
+      icon: {
+        color: disabled ? t.colors.text.disabled : pressed ? t.colors.text.mutedPressed : t.colors.text.muted
+      }
+    };
+  }, [iconType, pressed, disabled]);
+};
+
+/**
+ * A specialized interactive component designed specifically for displaying pressable icons.
+ *
+ * The InteractiveIcon provides two visual styles - 'filled' and 'stroked' - optimized for different icon types and use cases.
+ * It ensures proper pressed states and accessibility features while maintaining a minimal footprint.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-interactiveicon-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-interactiveicon-implementation--docs#dos-and-donts Guidelines}
+ *
+ * @component
+ *
+ * @warning Always provide an `aria-label` prop to ensure screen reader accessibility, as the component contains only an icon without visible text.
+ * @warning The icon size should be controlled by the icon component itself, not through styles. Use the appropriate size prop on the icon component (e.g., `size={20}`).
+ * @warning The `style` prop should only be used for layout adjustments like margins or positioning. Do not use it to modify the component's core appearance (colors, padding, etc).
+ *
+ * @example
+ * import { InteractiveIcon } from '@ledgerhq/lumen-ui-rnative';
+ * import { DeleteCircleFill, Settings } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * // Filled interactive icon for destructive actions
+ * <InteractiveIcon iconType="filled" accessibilityLabel="Delete item" onPress={handleDelete}>
+ *   <DeleteCircleFill size={20} />
+ * </InteractiveIcon>
+ *
+ * // Stroked interactive icon for secondary actions
+ * <InteractiveIcon iconType="stroked" accessibilityLabel="Open settings" onPress={handleSettings}>
+ *   <Settings size={20} />
+ * </InteractiveIcon>
+ */
+export const InteractiveIcon = ({
+  iconType,
+  children,
+  disabled = false,
+  hitSlop: hitSlopProp,
+  hitSlopType = 'comfortable',
+  style,
+  lx,
+  ...props
+}) => {
+  const child = Children.only(children);
+  let iconSize = 20;
+  if (/*#__PURE__*/isValidElement(child) && 'size' in child.props) {
+    iconSize = child.props.size ?? 20;
+  }
+  const resolvedHitSlop = hitSlopProp ?? HIT_SLOP_MAP[hitSlopType]?.[iconSize];
+  return /*#__PURE__*/_jsx(Pressable, {
+    lx: lx,
+    style: [style, {
+      alignItems: 'center',
+      justifyContent: 'center'
+    }],
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: !!disabled
+    },
+    disabled: disabled,
+    hitSlop: resolvedHitSlop,
+    ...props,
+    children: ({
+      pressed
+    }) => /*#__PURE__*/_jsx(InteractiveIconContent, {
+      iconType: iconType,
+      pressed: pressed,
+      disabled: !!disabled,
+      children: children
+    })
+  });
+};
+const InteractiveIconContent = ({
+  iconType,
+  pressed,
+  disabled,
+  children
+}) => {
+  const styles = useStyles({
+    iconType,
+    pressed,
+    disabled
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(InjectStylesIntoChildren, {
+      style: styles.icon,
+      children: children
+    })
+  });
+};
+InteractiveIcon.displayName = 'InteractiveIcon';
+//# sourceMappingURL=InteractiveIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Children","isValidElement","StyleSheet","View","useStyleSheet","InjectStylesIntoChildren","Pressable","HIT_SLOP_MAP","jsx","_jsx","useStyles","iconType","pressed","disabled","t","backgroundStyle","filled","backgroundColor","colors","bg","base","stroked","baseTransparent","container","flatten","borderRadius","full","baseTransparentPressed","icon","color","text","mutedPressed","muted","InteractiveIcon","children","hitSlop","hitSlopProp","hitSlopType","style","lx","props","child","only","iconSize","size","resolvedHitSlop","alignItems","justifyContent","accessibilityRole","accessibilityState","InteractiveIconContent","styles","displayName"],"sourceRoot":"../../../../../src","sources":["lib/Components/InteractiveIcon/InteractiveIcon.tsx"],"mappings":"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","ignoreList":[]}