@ledgerhq/lumen-ui-rnative 0.1.38 → 0.1.40

package/src/lib/Components/Switch/Switch.tsx

@@ -1,9 +1,107 @@
 import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
+import { useCallback } from 'react';
+import { View, type GestureResponderEvent, StyleSheet } from 'react-native';
+import Animated, {
+  useAnimatedStyle,
+  withTiming,
+} from 'react-native-reanimated';
+import { useStyleSheet, useTheme } from '../../../styles';
+import { useTimingConfig } from '../../Animations/useTimingConfig';
 import { useControllableState } from '../../utils';
 import { Pressable } from '../Utility';
-import { BaseSwitchThumb, BaseSwitchRoot } from './BaseSwitch';
 
-import type { SwitchProps } from './types';
+import type { SwitchProps, SwitchSize } from './types';
+
+const useSwitchStyles = ({
+  checked,
+  disabled,
+  size,
+}: {
+  checked: boolean;
+  disabled: boolean;
+  size: SwitchSize;
+}) => {
+  const { theme } = useTheme();
+
+  const styles = useStyleSheet(
+    (t) => {
+      const sizes: Record<SwitchSize, { width: number; height: number }> = {
+        sm: { width: t.sizes.s24, height: t.sizes.s16 },
+        md: { width: t.sizes.s40, height: t.sizes.s24 },
+      };
+
+      const thumbSizes: Record<SwitchSize, number> = {
+        sm: t.sizes.s12,
+        md: t.sizes.s20,
+      };
+
+      return {
+        root: StyleSheet.flatten([
+          {
+            borderRadius: t.borderRadius.full,
+            padding: t.spacings.s2,
+            overflow: 'hidden',
+            ...sizes[size],
+            minWidth: sizes[size].width,
+            maxWidth: sizes[size].width,
+            minHeight: sizes[size].height,
+            maxHeight: sizes[size].height,
+          },
+          !checked &&
+            !disabled && {
+              backgroundColor: t.colors.bg.mutedStrong,
+            },
+          checked &&
+            !disabled && {
+              backgroundColor: t.colors.bg.active,
+            },
+          disabled && {
+            backgroundColor: t.colors.bg.disabled,
+          },
+        ]),
+        thumbWrapper: {
+          position: 'absolute',
+          top: t.spacings.s2,
+          left: t.spacings.s2,
+        },
+        thumb: StyleSheet.flatten([
+          {
+            borderRadius: t.borderRadius.full,
+            backgroundColor: 'white',
+            width: thumbSizes[size],
+            height: thumbSizes[size],
+          },
+          disabled && {
+            backgroundColor: t.colors.bg.base,
+          },
+        ]),
+      };
+    },
+    [checked, disabled, size],
+  );
+
+  const thumbTranslations: Record<SwitchSize, number> = {
+    sm: theme.spacings.s8,
+    md: theme.spacings.s16,
+  };
+
+  return { ...styles, thumbTranslate: thumbTranslations[size] };
+};
+
+const useAnimatedThumb = (checked: boolean, translate: number) => {
+  const timing = useTimingConfig({ duration: 200, easing: 'easeInOut' });
+
+  // Reanimated best practice: derive the animation reactively by calling
+  // `withTiming` inside `useAnimatedStyle`. When `checked` (or `translate`)
+  // changes the worklet re-runs and animates from the current value to the
+  // new target -- no shared value or effect required.
+  return useAnimatedStyle(
+    () => ({
+      transform: [{ translateX: withTiming(checked ? translate : 0, timing) }],
+    }),
+    [checked, translate, timing],
+  );
+};
 
 /**
  * The switch follows the design system tokens and supports checked, unchecked,
@@ -36,6 +134,7 @@ export const Switch = ({
   defaultChecked = false,
   disabled: disabledProp,
   size = 'md',
+  onPress: onPressProp,
   ref,
   ...props
 }: SwitchProps) => {
@@ -49,16 +148,38 @@ export const Switch = ({
     defaultProp: defaultChecked,
   });
 
+  const styles = useSwitchStyles({
+    checked: !!checked,
+    disabled: !!disabled,
+    size,
+  });
+  const animatedStyle = useAnimatedThumb(!!checked, styles.thumbTranslate);
+
+  const onPress = useCallback(
+    (ev: GestureResponderEvent) => {
+      if (disabled) return;
+      onCheckedChange(!checked);
+      onPressProp?.(ev);
+    },
+    [disabled, checked, onCheckedChange, onPressProp],
+  );
+
   return (
-    <Pressable ref={ref} lx={lx} style={style} {...props}>
-      <BaseSwitchRoot
-        disabled={disabled}
-        checked={checked}
-        onCheckedChange={onCheckedChange}
-        size={size}
-      >
-        <BaseSwitchThumb />
-      </BaseSwitchRoot>
+    <Pressable
+      ref={ref}
+      lx={lx}
+      role='switch'
+      aria-checked={checked}
+      aria-disabled={disabled}
+      accessibilityState={{ checked, disabled }}
+      disabled={disabled}
+      onPress={onPress}
+      style={[styles.root, style]}
+      {...props}
+    >
+      <Animated.View style={[styles.thumbWrapper, animatedStyle]}>
+        <View style={styles.thumb} />
+      </Animated.View>
     </Pressable>
   );
 };

package/src/lib/Components/Switch/types.ts

@@ -1,5 +1,7 @@
 import type { StyledPressableProps } from '../../../styles';
 
+export type SwitchSize = 'sm' | 'md';
+
 export type SwitchProps = {
   /**
    * The disabled state of the switch.
@@ -15,7 +17,7 @@ export type SwitchProps = {
    * The size of the switch.
    * @default 'md'
    */
-  size?: 'sm' | 'md';
+  size?: SwitchSize;
   /**
    * The callback function called when the checked state changes.
    */

package/dist/module/lib/Components/Switch/BaseSwitch.js

@@ -1,221 +0,0 @@
-"use strict";
-
-import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
-import { useCallback, useEffect } from 'react';
-import { Pressable, StyleSheet } from 'react-native';
-import Animated, { cancelAnimation, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-import { useStyleSheet } from "../../../styles/index.js";
-import { useTimingConfig } from "../../Animations/useTimingConfig.js";
-import { SlotPressable, SlotView } from "../Slot/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const ROOT_COMPONENT_NAME = 'BaseSwitch';
-const THUMB_COMPONENT_NAME = 'BaseSwitchThumb';
-const [BaseSwitchProvider, useBaseSwitchContext] = createSafeContext(ROOT_COMPONENT_NAME);
-const BaseSwitchRoot = ({
-  asChild,
-  checked,
-  size = 'md',
-  onCheckedChange,
-  disabled = false,
-  onPress: onPressProp,
-  'aria-valuetext': ariaValueText,
-  ref,
-  ...props
-}) => {
-  const styles = useStyles({
-    checked: !!checked,
-    disabled: !!disabled,
-    size
-  });
-  const onPress = useCallback(ev => {
-    if (disabled) return;
-    onCheckedChange?.(!checked);
-    onPressProp?.(ev);
-  }, [disabled, checked, onCheckedChange, onPressProp]);
-  const Component = asChild ? SlotPressable : Pressable;
-  return /*#__PURE__*/_jsx(BaseSwitchProvider, {
-    value: {
-      checked,
-      onCheckedChange,
-      disabled,
-      size
-    },
-    children: /*#__PURE__*/_jsx(Component, {
-      style: styles.root,
-      ref: ref,
-      "aria-disabled": disabled,
-      role: "switch",
-      "aria-checked": checked,
-      onPress: onPress,
-      accessibilityState: {
-        checked,
-        disabled
-      },
-      accessibilityValue: ariaValueText ? {
-        text: ariaValueText
-      } : undefined,
-      disabled: disabled,
-      ...props
-    })
-  });
-};
-const THUMB_TRANSLATE = {
-  sm: 8,
-  md: 16
-};
-const _worklet_1149937565143_init_data = {
-  code: "function BaseSwitchTsx1(){const{translateX}=this.__closure;return{transform:[{translateX:translateX.value}]};}",
-  location: "/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/Switch/BaseSwitch.tsx",
-  sourceMap: "{\"version\":3,\"names\":[\"BaseSwitchTsx1\",\"translateX\",\"__closure\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/Switch/BaseSwitch.tsx\"],\"mappings\":\"AAmHI,SAAAA,eAAA,QAAAC,UAAA,OAAAC,SAAA,OAAO,CACLC,SAAS,CAAE,CAAC,CAAEF,UAAU,CAAEA,UAAU,CAACG,KAAM,CAAC,CAC9C,CAAC\",\"ignoreList\":[]}"
-};
-const useAnimatedThumb = ({
-  checked,
-  size
-}) => {
-  const timingConfig = useTimingConfig({
-    duration: 200,
-    easing: 'easeInOut'
-  });
-  const translateX = useSharedValue(checked ? THUMB_TRANSLATE[size] : 0);
-  useEffect(() => {
-    translateX.value = withTiming(checked ? THUMB_TRANSLATE[size] : 0, timingConfig);
-    return () => cancelAnimation(translateX);
-  }, [checked, size, translateX, timingConfig]);
-  const animatedStyle = useAnimatedStyle(function BaseSwitchTsx1Factory({
-    _worklet_1149937565143_init_data,
-    translateX
-  }) {
-    const _e = [new global.Error(), -2, -27];
-    const BaseSwitchTsx1 = () => ({
-      transform: [{
-        translateX: translateX.value
-      }]
-    });
-    BaseSwitchTsx1.__closure = {
-      translateX
-    };
-    BaseSwitchTsx1.__workletHash = 1149937565143;
-    BaseSwitchTsx1.__pluginVersion = "0.5.2";
-    BaseSwitchTsx1.__initData = _worklet_1149937565143_init_data;
-    BaseSwitchTsx1.__stackDetails = _e;
-    return BaseSwitchTsx1;
-  }({
-    _worklet_1149937565143_init_data,
-    translateX
-  }), [translateX]);
-  return {
-    animatedStyle
-  };
-};
-const BaseSwitchThumb = ({
-  asChild,
-  ref,
-  ...props
-}) => {
-  const {
-    checked,
-    disabled,
-    size = 'md'
-  } = useBaseSwitchContext({
-    consumerName: THUMB_COMPONENT_NAME,
-    contextRequired: true
-  });
-  const styles = useStyles({
-    checked: !!checked,
-    disabled: !!disabled,
-    size
-  });
-  const {
-    animatedStyle
-  } = useAnimatedThumb({
-    checked,
-    size
-  });
-  if (asChild) {
-    const Component = SlotView;
-    return /*#__PURE__*/_jsx(Component, {
-      ref: ref,
-      role: "presentation",
-      style: styles.thumb,
-      ...props
-    });
-  }
-  return /*#__PURE__*/_jsx(Animated.View, {
-    ref: ref,
-    role: "presentation",
-    style: [styles.thumbBase, animatedStyle],
-    ...props
-  });
-};
-const useStyles = ({
-  checked,
-  disabled,
-  size
-}) => {
-  return useStyleSheet(t => {
-    const sizes = {
-      sm: {
-        width: t.sizes.s24,
-        height: t.sizes.s16
-      },
-      md: {
-        width: t.sizes.s40,
-        height: t.sizes.s24
-      }
-    };
-    const thumbSizes = {
-      sm: {
-        size: t.sizes.s12
-      },
-      md: {
-        size: t.sizes.s20
-      }
-    };
-    const thumbTranslations = {
-      sm: t.spacings.s8,
-      md: t.spacings.s16
-    };
-    return {
-      root: StyleSheet.flatten([{
-        flexDirection: 'row',
-        justifyContent: 'flex-start',
-        alignItems: 'center',
-        borderRadius: t.borderRadius.full,
-        padding: t.spacings.s2,
-        overflow: 'hidden',
-        ...sizes[size],
-        minWidth: sizes[size].width,
-        maxWidth: sizes[size].width,
-        minHeight: sizes[size].height,
-        maxHeight: sizes[size].height
-      }, !checked && !disabled && {
-        backgroundColor: t.colors.bg.mutedStrong
-      }, checked && !disabled && {
-        backgroundColor: t.colors.bg.active
-      }, disabled && {
-        backgroundColor: t.colors.bg.disabled
-      }]),
-      thumbBase: StyleSheet.flatten([{
-        borderRadius: t.borderRadius.full,
-        backgroundColor: 'white',
-        width: thumbSizes[size].size,
-        height: thumbSizes[size].size
-      }, disabled && {
-        backgroundColor: t.colors.bg.base
-      }]),
-      thumb: StyleSheet.flatten([{
-        borderRadius: t.borderRadius.full,
-        backgroundColor: 'white',
-        width: thumbSizes[size].size,
-        height: thumbSizes[size].size,
-        transform: [{
-          translateX: checked ? thumbTranslations[size] : 0
-        }]
-      }, disabled && {
-        backgroundColor: t.colors.bg.base
-      }])
-    };
-  }, [checked, disabled, size]);
-};
-export { BaseSwitchRoot, BaseSwitchThumb };
-//# sourceMappingURL=BaseSwitch.js.map

package/dist/module/lib/Components/Switch/BaseSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createSafeContext","useCallback","useEffect","Pressable","StyleSheet","Animated","cancelAnimation","useAnimatedStyle","useSharedValue","withTiming","useStyleSheet","useTimingConfig","SlotPressable","SlotView","jsx","_jsx","ROOT_COMPONENT_NAME","THUMB_COMPONENT_NAME","BaseSwitchProvider","useBaseSwitchContext","BaseSwitchRoot","asChild","checked","size","onCheckedChange","disabled","onPress","onPressProp","ariaValueText","ref","props","styles","useStyles","ev","Component","value","children","style","root","role","accessibilityState","accessibilityValue","text","undefined","THUMB_TRANSLATE","sm","md","_worklet_1149937565143_init_data","code","location","sourceMap","useAnimatedThumb","timingConfig","duration","easing","translateX","animatedStyle","BaseSwitchTsx1Factory","_e","global","Error","BaseSwitchTsx1","transform","__closure","__workletHash","__pluginVersion","__initData","__stackDetails","BaseSwitchThumb","consumerName","contextRequired","thumb","View","thumbBase","t","sizes","width","s24","height","s16","s40","thumbSizes","s12","s20","thumbTranslations","spacings","s8","flatten","flexDirection","justifyContent","alignItems","borderRadius","full","padding","s2","overflow","minWidth","maxWidth","minHeight","maxHeight","backgroundColor","colors","bg","mutedStrong","active","base"],"sourceRoot":"../../../../../src","sources":["lib/Components/Switch/BaseSwitch.tsx"],"mappings":"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","ignoreList":[]}

package/dist/typescript/src/lib/Components/Switch/BaseSwitch.d.ts

@@ -1,13 +0,0 @@
-import type { SlottablePressableProps, SlottableViewProps } from '../../types';
-import type { SwitchProps } from './types';
-type BaseSwitchRootProps = SlottablePressableProps & {
-    checked: SwitchProps['checked'];
-    onCheckedChange: SwitchProps['onCheckedChange'];
-    disabled?: SwitchProps['disabled'];
-    size?: SwitchProps['size'];
-    onKeyDown?: (ev: React.KeyboardEvent) => void;
-};
-declare const BaseSwitchRoot: ({ asChild, checked, size, onCheckedChange, disabled, onPress: onPressProp, "aria-valuetext": ariaValueText, ref, ...props }: BaseSwitchRootProps) => import("react/jsx-runtime").JSX.Element;
-declare const BaseSwitchThumb: ({ asChild, ref, ...props }: SlottableViewProps) => import("react/jsx-runtime").JSX.Element;
-export { BaseSwitchRoot, BaseSwitchThumb };
-//# sourceMappingURL=BaseSwitch.d.ts.map

package/dist/typescript/src/lib/Components/Switch/BaseSwitch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseSwitch.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Switch/BaseSwitch.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAG/E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAK3C,KAAK,mBAAmB,GAAG,uBAAuB,GAAG;IACnD,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,eAAe,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC/C,CAAC;AAKF,QAAA,MAAM,cAAc,GAAI,6HAUrB,mBAAmB,4CA4CrB,CAAC;AAmCF,QAAA,MAAM,eAAe,GAAI,4BAA4B,kBAAkB,4CAsCtE,CAAC;AAsFF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/src/lib/Components/Switch/BaseSwitch.tsx

@@ -1,249 +0,0 @@
-import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
-import { useCallback, useEffect } from 'react';
-import {
-  Pressable,
-  StyleSheet,
-  type GestureResponderEvent,
-} from 'react-native';
-import Animated, {
-  cancelAnimation,
-  useAnimatedStyle,
-  useSharedValue,
-  withTiming,
-} from 'react-native-reanimated';
-import { useStyleSheet } from '../../../styles';
-import { useTimingConfig } from '../../Animations/useTimingConfig';
-
-import type { SlottablePressableProps, SlottableViewProps } from '../../types';
-import { SlotPressable, SlotView } from '../Slot';
-
-import type { SwitchProps } from './types';
-
-const ROOT_COMPONENT_NAME = 'BaseSwitch';
-const THUMB_COMPONENT_NAME = 'BaseSwitchThumb';
-
-type BaseSwitchRootProps = SlottablePressableProps & {
-  checked: SwitchProps['checked'];
-  onCheckedChange: SwitchProps['onCheckedChange'];
-  disabled?: SwitchProps['disabled'];
-  size?: SwitchProps['size'];
-  onKeyDown?: (ev: React.KeyboardEvent) => void;
-};
-
-const [BaseSwitchProvider, useBaseSwitchContext] =
-  createSafeContext<BaseSwitchRootProps>(ROOT_COMPONENT_NAME);
-
-const BaseSwitchRoot = ({
-  asChild,
-  checked,
-  size = 'md',
-  onCheckedChange,
-  disabled = false,
-  onPress: onPressProp,
-  'aria-valuetext': ariaValueText,
-  ref,
-  ...props
-}: BaseSwitchRootProps) => {
-  const styles = useStyles({
-    checked: !!checked,
-    disabled: !!disabled,
-    size,
-  });
-
-  const onPress = useCallback(
-    (ev: GestureResponderEvent) => {
-      if (disabled) return;
-      onCheckedChange?.(!checked);
-      onPressProp?.(ev);
-    },
-    [disabled, checked, onCheckedChange, onPressProp],
-  );
-
-  const Component = asChild ? SlotPressable : Pressable;
-
-  return (
-    <BaseSwitchProvider
-      value={{
-        checked,
-        onCheckedChange,
-        disabled,
-        size,
-      }}
-    >
-      <Component
-        style={styles.root}
-        ref={ref}
-        aria-disabled={disabled}
-        role='switch'
-        aria-checked={checked}
-        onPress={onPress}
-        accessibilityState={{
-          checked,
-          disabled,
-        }}
-        accessibilityValue={ariaValueText ? { text: ariaValueText } : undefined}
-        disabled={disabled}
-        {...props}
-      />
-    </BaseSwitchProvider>
-  );
-};
-
-const THUMB_TRANSLATE: Record<Size, number> = {
-  sm: 8,
-  md: 16,
-};
-
-const useAnimatedThumb = ({
-  checked,
-  size,
-}: {
-  checked: boolean | undefined;
-  size: Size;
-}) => {
-  const timingConfig = useTimingConfig({ duration: 200, easing: 'easeInOut' });
-  const translateX = useSharedValue(checked ? THUMB_TRANSLATE[size] : 0);
-
-  useEffect(() => {
-    translateX.value = withTiming(
-      checked ? THUMB_TRANSLATE[size] : 0,
-      timingConfig,
-    );
-    return () => cancelAnimation(translateX);
-  }, [checked, size, translateX, timingConfig]);
-
-  const animatedStyle = useAnimatedStyle(
-    () => ({
-      transform: [{ translateX: translateX.value }],
-    }),
-    [translateX],
-  );
-
-  return { animatedStyle };
-};
-
-const BaseSwitchThumb = ({ asChild, ref, ...props }: SlottableViewProps) => {
-  const {
-    checked,
-    disabled,
-    size = 'md',
-  } = useBaseSwitchContext({
-    consumerName: THUMB_COMPONENT_NAME,
-    contextRequired: true,
-  });
-
-  const styles = useStyles({
-    checked: !!checked,
-    disabled: !!disabled,
-    size,
-  });
-
-  const { animatedStyle } = useAnimatedThumb({ checked, size });
-
-  if (asChild) {
-    const Component = SlotView;
-    return (
-      <Component
-        ref={ref}
-        role='presentation'
-        style={styles.thumb}
-        {...props}
-      />
-    );
-  }
-
-  return (
-    <Animated.View
-      ref={ref}
-      role='presentation'
-      style={[styles.thumbBase, animatedStyle]}
-      {...props}
-    />
-  );
-};
-
-type Size = NonNullable<SwitchProps['size']>;
-
-const useStyles = ({
-  checked,
-  disabled,
-  size,
-}: {
-  checked: boolean;
-  disabled: boolean;
-  size: Size;
-}) => {
-  return useStyleSheet(
-    (t) => {
-      const sizes: Record<Size, { width: number; height: number }> = {
-        sm: { width: t.sizes.s24, height: t.sizes.s16 },
-        md: { width: t.sizes.s40, height: t.sizes.s24 },
-      };
-
-      const thumbSizes: Record<Size, { size: number }> = {
-        sm: { size: t.sizes.s12 },
-        md: { size: t.sizes.s20 },
-      };
-
-      const thumbTranslations: Record<Size, number> = {
-        sm: t.spacings.s8,
-        md: t.spacings.s16,
-      };
-
-      return {
-        root: StyleSheet.flatten([
-          {
-            flexDirection: 'row',
-            justifyContent: 'flex-start',
-            alignItems: 'center',
-            borderRadius: t.borderRadius.full,
-            padding: t.spacings.s2,
-            overflow: 'hidden',
-            ...sizes[size],
-            minWidth: sizes[size].width,
-            maxWidth: sizes[size].width,
-            minHeight: sizes[size].height,
-            maxHeight: sizes[size].height,
-          },
-          !checked &&
-            !disabled && {
-              backgroundColor: t.colors.bg.mutedStrong,
-            },
-          checked &&
-            !disabled && {
-              backgroundColor: t.colors.bg.active,
-            },
-          disabled && {
-            backgroundColor: t.colors.bg.disabled,
-          },
-        ]),
-        thumbBase: StyleSheet.flatten([
-          {
-            borderRadius: t.borderRadius.full,
-            backgroundColor: 'white',
-            width: thumbSizes[size].size,
-            height: thumbSizes[size].size,
-          },
-          disabled && {
-            backgroundColor: t.colors.bg.base,
-          },
-        ]),
-        thumb: StyleSheet.flatten([
-          {
-            borderRadius: t.borderRadius.full,
-            backgroundColor: 'white',
-            width: thumbSizes[size].size,
-            height: thumbSizes[size].size,
-            transform: [{ translateX: checked ? thumbTranslations[size] : 0 }],
-          },
-          disabled && {
-            backgroundColor: t.colors.bg.base,
-          },
-        ]),
-      };
-    },
-    [checked, disabled, size],
-  );
-};
-
-export { BaseSwitchRoot, BaseSwitchThumb };