@ledgerhq/lumen-ui-rnative 0.1.22 → 0.1.23

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

@@ -9,23 +9,23 @@ const [ListItemTrailingProvider, useListItemTrailingContext] = createSafeContext
   isInTrailing: false
 });
 const useRootStyles = ({
-  pressed
+  pressed,
+  density
 }) => {
   return useStyleSheet(t => ({
     container: StyleSheet.flatten([{
       flexDirection: 'row',
       alignItems: 'center',
-      height: t.sizes.s64,
+      height: density === 'compact' ? t.sizes.s40 : t.sizes.s64,
       width: t.sizes.full,
       gap: t.spacings.s16,
       borderRadius: t.borderRadius.md,
       backgroundColor: 'transparent',
-      paddingHorizontal: t.spacings.s8,
-      paddingVertical: t.spacings.s12
+      paddingHorizontal: t.spacings.s8
     }, pressed && {
       backgroundColor: t.colors.bg.baseTransparentPressed
     }])
-  }), [pressed]);
+  }), [pressed, density]);
 };
 
 /**
@@ -68,8 +68,11 @@ export const ListItem = ({
   lx = {},
   style,
   disabled: disabledProp = false,
+  density = 'expanded',
+  onPress,
+  onLongPress,
   ref,
-  ...pressableProps
+  ...props
 }) => {
   const disabled = useDisabledContext({
     consumerName: 'ListItem',
@@ -77,24 +80,49 @@ export const ListItem = ({
       disabled: disabledProp
     }
   });
+  const isInteractive = !!onPress || !!onLongPress;
+  if (isInteractive) {
+    return /*#__PURE__*/_jsx(DisabledProvider, {
+      value: {
+        disabled
+      },
+      children: /*#__PURE__*/_jsx(Pressable, {
+        ref: ref,
+        lx: lx,
+        style: style,
+        disabled: disabled,
+        onPress: onPress,
+        onLongPress: onLongPress,
+        accessibilityRole: "button",
+        accessibilityState: {
+          disabled
+        },
+        ...props,
+        children: ({
+          pressed
+        }) => /*#__PURE__*/_jsx(ListItemInner, {
+          pressed: pressed,
+          density: density,
+          children: children
+        })
+      })
+    });
+  }
   return /*#__PURE__*/_jsx(DisabledProvider, {
     value: {
       disabled
     },
-    children: /*#__PURE__*/_jsx(Pressable, {
+    children: /*#__PURE__*/_jsx(Box, {
       ref: ref,
       lx: lx,
       style: style,
-      disabled: disabled,
-      accessibilityRole: "button",
       accessibilityState: {
         disabled
       },
-      ...pressableProps,
-      children: ({
-        pressed
-      }) => /*#__PURE__*/_jsx(ListItemInner, {
-        pressed: pressed,
+      ...props,
+      children: /*#__PURE__*/_jsx(ListItemInner, {
+        pressed: false,
+        density: density,
         children: children
       })
     })
@@ -106,10 +134,12 @@ export const ListItem = ({
  */
 const ListItemInner = ({
   pressed,
+  density,
   children
 }) => {
   const styles = useRootStyles({
-    pressed
+    pressed,
+    density
   });
   return /*#__PURE__*/_jsx(View, {
     style: styles.container,
@@ -127,7 +157,7 @@ export const ListItemLeading = ({
   lx = {},
   style,
   ref,
-  ...viewProps
+  ...props
 }) => {
   const styles = useStyleSheet(t => ({
     leading: {
@@ -142,7 +172,7 @@ export const ListItemLeading = ({
     ref: ref,
     lx: lx,
     style: StyleSheet.flatten([styles.leading, style]),
-    ...viewProps,
+    ...props,
     children: children
   });
 };
@@ -155,7 +185,7 @@ export const ListItemContent = ({
   lx = {},
   style,
   ref,
-  ...viewProps
+  ...props
 }) => {
   const {
     isInTrailing
@@ -175,7 +205,7 @@ export const ListItemContent = ({
     ref: ref,
     lx: lx,
     style: StyleSheet.flatten([styles.content, style]),
-    ...viewProps,
+    ...props,
     children: children
   });
 };
@@ -189,7 +219,7 @@ export const ListItemContentRow = ({
   lx = {},
   style,
   ref,
-  ...viewProps
+  ...props
 }) => {
   const styles = useStyleSheet(t => ({
     row: {
@@ -203,7 +233,7 @@ export const ListItemContentRow = ({
     ref: ref,
     lx: lx,
     style: StyleSheet.flatten([styles.row, style]),
-    ...viewProps,
+    ...props,
     children: children
   });
 };
@@ -216,7 +246,7 @@ export const ListItemTitle = ({
   lx = {},
   style,
   ref,
-  ...textProps
+  ...props
 }) => {
   const disabled = useDisabledContext({
     consumerName: 'ListItemTitle',
@@ -243,7 +273,7 @@ export const ListItemTitle = ({
     numberOfLines: 1,
     ellipsizeMode: "tail",
     allowFontScaling: false,
-    ...textProps,
+    ...props,
     children: children
   });
 };
@@ -257,7 +287,7 @@ export const ListItemDescription = ({
   lx = {},
   style,
   ref,
-  ...textProps
+  ...props
 }) => {
   const disabled = useDisabledContext({
     consumerName: 'ListItemDescription',
@@ -284,7 +314,7 @@ export const ListItemDescription = ({
     numberOfLines: 1,
     ellipsizeMode: "tail",
     allowFontScaling: false,
-    ...textProps,
+    ...props,
     children: children
   });
 };
@@ -298,7 +328,7 @@ export const ListItemTrailing = ({
   lx = {},
   style,
   ref,
-  ...viewProps
+  ...props
 }) => {
   const styles = useStyleSheet(() => ({
     trailing: {
@@ -314,7 +344,7 @@ export const ListItemTrailing = ({
       ref: ref,
       lx: lx,
       style: StyleSheet.flatten([styles.trailing, style]),
-      ...viewProps,
+      ...props,
       children: children
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["createSafeContext","DisabledProvider","useDisabledContext","StyleSheet","View","useStyleSheet","Box","Pressable","Text","jsx","_jsx","ListItemTrailingProvider","useListItemTrailingContext","isInTrailing","useRootStyles","pressed","t","container","flatten","flexDirection","alignItems","height","sizes","s64","width","full","gap","spacings","s16","borderRadius","md","backgroundColor","paddingHorizontal","s8","paddingVertical","s12","colors","bg","baseTransparentPressed","ListItem","children","lx","style","disabled","disabledProp","ref","pressableProps","consumerName","mergeWith","value","accessibilityRole","accessibilityState","ListItemInner","styles","testID","ListItemLeading","viewProps","leading","flex","minWidth","ListItemContent","contextRequired","content","s4","ListItemContentRow","row","ListItemTitle","textProps","title","typographies","body2SemiBold","flexShrink","textAlign","color","text","base","numberOfLines","ellipsizeMode","allowFontScaling","ListItemDescription","description","body3","muted","ListItemTrailing","trailing"],"sourceRoot":"../../../../../src","sources":["lib/Components/ListItem/ListItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createSafeContext","DisabledProvider","useDisabledContext","StyleSheet","View","useStyleSheet","Box","Pressable","Text","jsx","_jsx","ListItemTrailingProvider","useListItemTrailingContext","isInTrailing","useRootStyles","pressed","density","t","container","flatten","flexDirection","alignItems","height","sizes","s40","s64","width","full","gap","spacings","s16","borderRadius","md","backgroundColor","paddingHorizontal","s8","colors","bg","baseTransparentPressed","ListItem","children","lx","style","disabled","disabledProp","onPress","onLongPress","ref","props","consumerName","mergeWith","isInteractive","value","accessibilityRole","accessibilityState","ListItemInner","styles","testID","ListItemLeading","leading","flex","minWidth","s12","ListItemContent","contextRequired","content","s4","ListItemContentRow","row","ListItemTitle","title","typographies","body2SemiBold","flexShrink","textAlign","color","text","base","numberOfLines","ellipsizeMode","allowFontScaling","ListItemDescription","description","body3","muted","ListItemTrailing","trailing"],"sourceRoot":"../../../../../src","sources":["lib/Components/ListItem/ListItem.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/ListItem/ListItem.mdx

@@ -36,7 +36,7 @@ ListItems are flexible interactive elements designed for lists. They use a compo
 
 <Canvas of={ListItemStories.Base} />
 
-- **ListItem**: Root interactive container (Pressable)
+- **ListItem**: Root container (View or Pressable based on interactivity)
 - **ListItemLeading**: Left section containing visual element and content
 - **ListItemContent**: Container for title and description
 - **ListItemContentRow**: Horizontal row within ListItemContent for placing a title or description alongside inline elements like Tag
@@ -46,16 +46,18 @@ ListItems are flexible interactive elements designed for lists. They use a compo
 
 ## Properties
 
-### Overview
-
 <Canvas of={ListItemStories.Base} />
 <Controls of={ListItemStories.Base} />
 
-### Trailing Content Variants
+### Density
+
+<Canvas of={ListItemStories.DensityShowcase} />
 
-ListItems follow composite component pattern to allow for maximum flexibility over layout and content through composable sub-components.
+### Interactivity
 
-<Canvas of={ListItemStories.VariantsShowcase} />
+The ListItem can be interactive or non-interactive. By default, the ListItem is non-interactive. To make it interactive, you need to pass an `onPress` prop.
+
+<Canvas of={ListItemStories.InteractiveShowcase} />
 
 ### Disabled State
 
@@ -63,12 +65,18 @@ When disabled, the ListItem becomes non-interactive. The disabled state is autom
 
 <Canvas of={ListItemStories.DisabledState} />
 
-## Responsive Layout
+### Responsive Layout
 
 ListItems adapt to their container width, truncating long titles and descriptions as needed.
 
 <Canvas of={ListItemStories.ResponsiveLayout} />
 
+### Composition
+
+ListItems follow a composite component pattern to allow for maximum flexibility over layout and content through composable sub-components.
+
+<Canvas of={ListItemStories.CompositionShowcase} />
+
 > **Key behaviors:**
 >
 > - Automatically fits container width