orn-ui 0.2.9 → 0.3.0

package/lib/module/molecules/SegmentedControl.js

@@ -1,32 +1,60 @@
 "use strict";
 
-import React, { memo } from 'react';
-import { Text, TouchableOpacity, View } from 'react-native';
+import React, { memo, useEffect, useRef, useState } from 'react';
+import { Animated, Easing, I18nManager, Text, TouchableOpacity, View } from 'react-native';
 import { createStyles } from '../theme/createStyles';
-import { useAllowFontScaling } from '../theme/UIProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { useAllowFontScaling, useTheme } from '../theme/UIProvider';
+import { useReduceMotion } from '../theme/useReduceMotion';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Inset between the track and the segments. */
+const TRACK_PADDING = 3;
+/** Minimum touch target (Fitts): the segment plus the track inset reach it. */
+const MIN_TOUCH = 44;
+const DISABLED_OPACITY = 0.5;
+const HIT_SLOP = {
+  top: TRACK_PADDING,
+  bottom: TRACK_PADDING
+};
 const useStyles = createStyles(theme => ({
   track: {
     flexDirection: 'row',
     backgroundColor: theme.colors.inputBackground,
     borderRadius: theme.tokens.radius.md,
-    padding: 3
+    padding: TRACK_PADDING
   },
   segment: {
     flex: 1,
+    minHeight: MIN_TOUCH - TRACK_PADDING * 2,
     paddingVertical: theme.tokens.spacing.sm,
+    paddingHorizontal: theme.tokens.spacing.xs,
     borderRadius: theme.tokens.radius.sm,
-    alignItems: 'center'
+    alignItems: 'center',
+    justifyContent: 'center'
   },
-  segmentActive: {
+  // Light: a white segment with a shadow over the grey track. Dark: shadows
+  // don't show and `surface` is darker than the track (the segment looked
+  // sunken), so the selected one takes the soft accent fill instead.
+  // One shared indicator slides under the segments; until the track is
+  // measured, the selected segment paints this same fill itself.
+  indicator: {
+    position: 'absolute',
+    top: TRACK_PADDING,
+    bottom: TRACK_PADDING,
+    start: TRACK_PADDING,
+    borderRadius: theme.tokens.radius.sm
+  },
+  segmentActive: theme.scheme === 'dark' ? {
+    backgroundColor: theme.colors.primarySoft
+  } : {
     backgroundColor: theme.colors.surface,
     ...theme.tokens.shadow.sm
   },
   segmentDisabled: {
-    opacity: 0.5
+    opacity: DISABLED_OPACITY
   },
   label: {
-    fontSize: theme.tokens.fontSize.sm,
+    fontSize: theme.tokens.fontSize.md,
+    lineHeight: theme.tokens.lineHeight.md,
     fontWeight: theme.tokens.fontWeight.medium,
     color: theme.colors.textLight
   },
@@ -38,8 +66,18 @@ const useStyles = createStyles(theme => ({
 
 /**
  * SegmentedControl
- * Elige una opción entre pocas, todas visibles. No conoce ningún estado
- * global: recibe `value` y avisa por `onChange`.
+ * Picks one option among a few, all visible. It knows no global state:
+ * it receives `value` and reports through `onChange`.
+ *
+ * Gestalt, common region: one track holds every segment, so they read as a
+ * single question. Similarity: equal widths and one line each, so no option
+ * looks more important. Figure-ground: the selected segment is raised (surface
+ * + shadow) above the sunken track; in dark, where shadows vanish, it takes
+ * the soft accent fill. Fitts: every segment reaches 44pt.
+ *
+ * Continuity: the selection is one indicator that slides from the old segment
+ * to the new one, so the eye follows the change instead of seeing one fill
+ * vanish and another appear. With Reduce Motion it jumps.
  */
 function SegmentedControlInner({
   options,
@@ -50,18 +88,68 @@ function SegmentedControlInner({
   testID
 }) {
   const styles = useStyles();
+  const theme = useTheme();
   const allowFontScaling = useAllowFontScaling();
-  return /*#__PURE__*/_jsx(View, {
+  const reduceMotion = useReduceMotion();
+  const [trackWidth, setTrackWidth] = useState(0);
+  const offset = useRef(new Animated.Value(0)).current;
+  const placed = useRef(false);
+  const index = options.findIndex(option => option.value === value);
+  const segmentWidth = trackWidth > 0 && options.length > 0 ? (trackWidth - TRACK_PADDING * 2) / options.length : 0;
+  const showIndicator = segmentWidth > 0 && index >= 0;
+  // transform isn't mirrored in RTL: the indicator starts at the right edge
+  // (`start`), so it moves left.
+  const target = index * segmentWidth * (I18nManager.isRTL ? -1 : 1);
+  useEffect(() => {
+    if (!showIndicator) return;
+    // First placement (and Reduce Motion) jumps; only a change of value slides.
+    if (!placed.current || reduceMotion) {
+      placed.current = true;
+      offset.setValue(target);
+      return;
+    }
+    const animation = Animated.timing(offset, {
+      toValue: target,
+      duration: theme.tokens.duration.base,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    });
+    animation.start();
+    return () => animation.stop();
+  }, [target, showIndicator, reduceMotion, offset, theme.tokens.duration.base]);
+
+  // A new width (rotation, resize) places the indicator without animating.
+  const onLayout = e => {
+    const width = e.nativeEvent.layout.width;
+    if (width === trackWidth) return;
+    placed.current = false;
+    setTrackWidth(width);
+  };
+  const activeDisabled = disabled || !!options[index]?.disabled;
+  return /*#__PURE__*/_jsxs(View, {
     style: [styles.track, style],
     accessibilityRole: "radiogroup",
     testID: testID,
-    children: options.map(option => {
+    onLayout: onLayout,
+    children: [showIndicator && /*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "none",
+      testID: testID && `${testID}-indicator`,
+      style: [styles.indicator, styles.segmentActive, {
+        width: segmentWidth,
+        transform: [{
+          translateX: offset
+        }]
+      }, activeDisabled && styles.segmentDisabled]
+    }), options.map(option => {
       const active = option.value === value;
       const isDisabled = disabled || !!option.disabled;
       return /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: [styles.segment, active && styles.segmentActive, isDisabled && styles.segmentDisabled],
-        onPress: () => onChange(option.value),
+        style: [styles.segment, active && !showIndicator && styles.segmentActive, isDisabled && styles.segmentDisabled],
+        onPress: () => {
+          if (!active) onChange(option.value);
+        },
         disabled: isDisabled,
+        hitSlop: HIT_SLOP,
         accessibilityRole: "radio",
         accessibilityState: {
           selected: active,
@@ -72,15 +160,16 @@ function SegmentedControlInner({
         testID: testID && `${testID}-${option.value}`,
         children: /*#__PURE__*/_jsx(Text, {
           allowFontScaling: allowFontScaling,
+          numberOfLines: 1,
           style: [styles.label, active && styles.labelActive],
           children: option.label
         })
       }, option.value);
-    })
+    })]
   });
 }
 
-// memo() pierde los genéricos al envolver: el cast los devuelve para que
-// `value` y `onChange` sigan atados al union de `options`.
+// memo() loses generics when wrapping: the cast restores them so that
+// `value` and `onChange` stay tied to the union of `options`.
 export const SegmentedControl = /*#__PURE__*/memo(SegmentedControlInner);
 //# sourceMappingURL=SegmentedControl.js.map

package/lib/module/molecules/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","Text","TouchableOpacity","View","createStyles","useAllowFontScaling","jsx","_jsx","useStyles","theme","track","flexDirection","backgroundColor","colors","inputBackground","borderRadius","tokens","radius","md","padding","segment","flex","paddingVertical","spacing","sm","alignItems","segmentActive","surface","shadow","segmentDisabled","opacity","label","fontSize","fontWeight","medium","color","textLight","labelActive","primaryText","semibold","SegmentedControlInner","options","value","onChange","disabled","style","testID","styles","allowFontScaling","accessibilityRole","children","map","option","active","isDisabled","onPress","accessibilityState","selected","checked","accessibilityLabel","SegmentedControl"],"sourceRoot":"../../../src","sources":["molecules/SegmentedControl.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useEffect","useRef","useState","Animated","Easing","I18nManager","Text","TouchableOpacity","View","createStyles","useAllowFontScaling","useTheme","useReduceMotion","jsx","_jsx","jsxs","_jsxs","TRACK_PADDING","MIN_TOUCH","DISABLED_OPACITY","HIT_SLOP","top","bottom","useStyles","theme","track","flexDirection","backgroundColor","colors","inputBackground","borderRadius","tokens","radius","md","padding","segment","flex","minHeight","paddingVertical","spacing","sm","paddingHorizontal","xs","alignItems","justifyContent","indicator","position","start","segmentActive","scheme","primarySoft","surface","shadow","segmentDisabled","opacity","label","fontSize","lineHeight","fontWeight","medium","color","textLight","labelActive","primaryText","semibold","SegmentedControlInner","options","value","onChange","disabled","style","testID","styles","allowFontScaling","reduceMotion","trackWidth","setTrackWidth","offset","Value","current","placed","index","findIndex","option","segmentWidth","length","showIndicator","target","isRTL","setValue","animation","timing","toValue","duration","base","easing","out","cubic","useNativeDriver","stop","onLayout","e","width","nativeEvent","layout","activeDisabled","accessibilityRole","children","pointerEvents","transform","translateX","map","active","isDisabled","onPress","hitSlop","accessibilityState","selected","checked","accessibilityLabel","numberOfLines","SegmentedControl"],"sourceRoot":"../../../src","sources":["molecules/SegmentedControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/molecules/Stepper.js

@@ -1,9 +1,10 @@
 "use strict";
 
-import React, { memo, useState } from 'react';
+import React, { memo, useRef, useState } from 'react';
 import { TextInput, TouchableOpacity, View } from 'react-native';
 import { createStyles } from '../theme/createStyles';
-import { useAllowFontScaling, useColors, useTheme } from '../theme/UIProvider';
+import { useAllowFontScaling, useColors, useLabels, useTheme } from '../theme/UIProvider';
+import { useKeyboardField } from '../theme/useKeyboardField';
 import { Icon } from '../icons/Icon';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SIZES = {
@@ -23,6 +24,14 @@ const SIZES = {
     inputWidth: 64
   }
 };
+
+/** Minimum touch target (Fitts): smaller buttons reach it with hitSlop. */
+const MIN_TOUCH = 44;
+const ADJUST_ACTIONS = [{
+  name: 'increment'
+}, {
+  name: 'decrement'
+}];
 const useStyles = createStyles(theme => ({
   control: {
     flexDirection: 'row',
@@ -48,14 +57,14 @@ const useStyles = createStyles(theme => ({
     borderRightWidth: 1,
     borderColor: theme.colors.border
   },
-  // El fondo distingue el campo de un valor de sólo lectura: es la única
-  // señal de que ahí se puede tipear antes de tocarlo.
+  // The background tells the field apart from a read-only value: it is the
+  // only hint that you can type there before touching it.
   editable: {
     backgroundColor: theme.colors.inputBackground
   }
 }));
 
-/** Deja sólo lo que puede formar parte del número permitido por el rango. */
+/** Keeps only what can be part of a number allowed by the range. */
 export function sanitizeNumeric(text, {
   allowDecimals = false,
   allowNegative = false
@@ -70,12 +79,20 @@ export function sanitizeNumeric(text, {
 
 /**
  * Stepper
- * Botón "-" + input numérico editable + botón "+". `size` controla sólo la
- * escala y `block` sólo el ancho, así que los dos ejes se combinan libremente.
+ * "-" button + editable numeric input + "+" button. `size` controls only the
+ * scale and `block` only the width, so both axes combine freely.
+ *
+ * The component doesn't do the buttons' arithmetic —that lives in
+ * `onIncrement`/`onDecrement`—, but it does clean up what is typed and signals
+ * when the value hit an end of the range by disabling the button that would pass it.
  *
- * El componente no hace la aritmética de los botones —eso vive en
- * `onIncrement`/`onDecrement`—, pero sí limpia lo que se tipea y avisa cuándo
- * el valor llegó a un extremo del rango deshabilitando el botón que lo pasaría.
+ * Gestalt, common region: the three parts share one border, so they read as a
+ * single control; the field is set apart by its fill (it can be typed into).
+ * Fitts: every button reaches 44pt, `sm` through hitSlop.
+ *
+ * Accessibility: the field is an adjustable element — VoiceOver/TalkBack users
+ * swipe up/down to step the value — and every name comes from `labels`. Like
+ * Input, it stays visible above the keyboard while typing.
  */
 export const Stepper = /*#__PURE__*/memo(({
   value,
@@ -89,21 +106,32 @@ export const Stepper = /*#__PURE__*/memo(({
   max,
   allowDecimals = false,
   style,
-  incrementAccessibilityLabel = 'Increment',
-  decrementAccessibilityLabel = 'Decrement',
+  accessibilityLabel,
+  incrementAccessibilityLabel,
+  decrementAccessibilityLabel,
   testID
 }) => {
   const theme = useTheme();
   const colors = useColors();
   const styles = useStyles();
+  const labels = useLabels();
   const allowFontScaling = useAllowFontScaling();
   const [focused, setFocused] = useState(false);
+  const controlRef = useRef(null);
+  const keyboard = useKeyboardField(controlRef);
   const {
     height,
     icon,
     inputWidth
   } = SIZES[size];
   const fontSize = size === 'sm' ? theme.tokens.fontSize.md : size === 'md' ? theme.tokens.fontSize.lg : theme.tokens.fontSize.xl;
+  const slopV = Math.max(0, (MIN_TOUCH - height) / 2);
+  const hitSlop = slopV > 0 ? {
+    top: slopV,
+    bottom: slopV,
+    left: slopV,
+    right: slopV
+  } : undefined;
   const allowNegative = min !== undefined && min < 0;
   const numeric = Number(value);
   const isNumber = value.trim() !== '' && Number.isFinite(numeric);
@@ -116,17 +144,24 @@ export const Stepper = /*#__PURE__*/memo(({
     }));
   };
 
-  // El recorte al rango espera al blur: hacerlo mientras se tipea impide
-  // llegar a "12" cuando el mínimo es 5, porque el "1" ya se corregiría.
+  // Clamping to the range waits for blur: doing it while typing makes it
+  // impossible to reach "12" when the minimum is 5, because the "1" would
+  // already be corrected.
   const handleBlur = () => {
     setFocused(false);
+    keyboard.blur();
     if (!isNumber) return;
     const clamped = Math.min(max ?? numeric, Math.max(min ?? numeric, numeric));
     if (clamped !== numeric) onChangeText(String(clamped));
   };
+  const handleAccessibilityAction = e => {
+    if (e.nativeEvent.actionName === 'increment' && !atMax) onIncrement();
+    if (e.nativeEvent.actionName === 'decrement' && !atMin) onDecrement();
+  };
   const stepButton = (direction, onPress, disabled, label) => /*#__PURE__*/_jsx(TouchableOpacity, {
     onPress: onPress,
     disabled: disabled,
+    hitSlop: hitSlop,
     style: [styles.btn, {
       width: height
     }],
@@ -143,13 +178,14 @@ export const Stepper = /*#__PURE__*/memo(({
     })
   });
   return /*#__PURE__*/_jsxs(View, {
+    ref: controlRef,
     testID: testID,
     style: [styles.control, {
       height
     }, block && styles.controlBlock, focused && {
       borderColor: colors.primary
     }, style],
-    children: [stepButton('decrement', onDecrement, atMin, decrementAccessibilityLabel), /*#__PURE__*/_jsx(TextInput, {
+    children: [stepButton('decrement', onDecrement, atMin, decrementAccessibilityLabel ?? labels.decrement), /*#__PURE__*/_jsx(TextInput, {
       allowFontScaling: allowFontScaling,
       style: [styles.input, {
         fontSize
@@ -162,13 +198,22 @@ export const Stepper = /*#__PURE__*/memo(({
       }],
       value: value,
       onChangeText: handleChangeText,
-      onFocus: () => setFocused(true),
+      onFocus: () => {
+        setFocused(true);
+        keyboard.focus();
+      },
       onBlur: handleBlur,
       editable: editable,
       keyboardType: allowDecimals ? 'decimal-pad' : 'number-pad',
       selectTextOnFocus: true,
-      accessibilityLabel: "Quantity"
-    }), stepButton('increment', onIncrement, atMax, incrementAccessibilityLabel)]
+      accessibilityLabel: accessibilityLabel ?? labels.quantity,
+      accessibilityRole: "adjustable",
+      accessibilityValue: {
+        text: value
+      },
+      accessibilityActions: ADJUST_ACTIONS,
+      onAccessibilityAction: handleAccessibilityAction
+    }), stepButton('increment', onIncrement, atMax, incrementAccessibilityLabel ?? labels.increment)]
   });
 });
 Stepper.displayName = 'Stepper';

package/lib/module/molecules/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useState","TextInput","TouchableOpacity","View","createStyles","useAllowFontScaling","useColors","useTheme","Icon","jsx","_jsx","jsxs","_jsxs","SIZES","sm","height","icon","inputWidth","md","lg","useStyles","theme","control","flexDirection","alignItems","alignSelf","borderWidth","borderColor","colors","border","borderRadius","tokens","radius","controlBlock","btn","justifyContent","input","textAlign","color","text","borderLeftWidth","borderRightWidth","editable","backgroundColor","inputBackground","sanitizeNumeric","allowDecimals","allowNegative","normalized","replace","negative","trimStart","startsWith","digits","whole","decimals","split","body","length","join","Stepper","value","onChangeText","onIncrement","onDecrement","size","block","min","max","style","incrementAccessibilityLabel","decrementAccessibilityLabel","testID","styles","allowFontScaling","focused","setFocused","fontSize","xl","undefined","numeric","Number","isNumber","trim","isFinite","atMin","atMax","handleChangeText","handleBlur","clamped","Math","String","stepButton","direction","onPress","disabled","label","width","accessibilityRole","accessibilityLabel","accessibilityState","children","name","textLight","primary","flex","onFocus","onBlur","keyboardType","selectTextOnFocus","displayName"],"sourceRoot":"../../../src","sources":["molecules/Stepper.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useRef","useState","TextInput","TouchableOpacity","View","createStyles","useAllowFontScaling","useColors","useLabels","useTheme","useKeyboardField","Icon","jsx","_jsx","jsxs","_jsxs","SIZES","sm","height","icon","inputWidth","md","lg","MIN_TOUCH","ADJUST_ACTIONS","name","useStyles","theme","control","flexDirection","alignItems","alignSelf","borderWidth","borderColor","colors","border","borderRadius","tokens","radius","controlBlock","btn","justifyContent","input","textAlign","color","text","borderLeftWidth","borderRightWidth","editable","backgroundColor","inputBackground","sanitizeNumeric","allowDecimals","allowNegative","normalized","replace","negative","trimStart","startsWith","digits","whole","decimals","split","body","length","join","Stepper","value","onChangeText","onIncrement","onDecrement","size","block","min","max","style","accessibilityLabel","incrementAccessibilityLabel","decrementAccessibilityLabel","testID","styles","labels","allowFontScaling","focused","setFocused","controlRef","keyboard","fontSize","xl","slopV","Math","hitSlop","top","bottom","left","right","undefined","numeric","Number","isNumber","trim","isFinite","atMin","atMax","handleChangeText","handleBlur","blur","clamped","String","handleAccessibilityAction","e","nativeEvent","actionName","stepButton","direction","onPress","disabled","label","width","accessibilityRole","accessibilityState","children","textLight","primary","ref","decrement","flex","onFocus","focus","onBlur","keyboardType","selectTextOnFocus","quantity","accessibilityValue","accessibilityActions","onAccessibilityAction","increment","displayName"],"sourceRoot":"../../../src","sources":["molecules/Stepper.tsx"],"mappings":"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","ignoreList":[]}