orn-ui 0.2.8 → 0.2.10

package/lib/module/organisms/Timeline.js

@@ -0,0 +1,415 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo, useRef } from 'react';
+import { Animated, Easing, Text, View } from 'react-native';
+import { createStyles } from '../theme/createStyles';
+import { useAllowFontScaling, useColors } from '../theme/UIProvider';
+import { PressableScale } from '../atoms/PressableScale';
+import { useReduceMotion } from '../atoms/Transition';
+import { Icon } from '../icons/Icon';
+
+/**
+ * Qué puede hacer un toque.
+ * - 'free': cualquier hito responde y la línea sigue a `items` para donde
+ *   vaya, adelante o atrás. Es el que sirve cuando el recorrido no es un
+ *   progreso, o cuando lo maneja otra cosa.
+ * - 'sequential': sólo responde el que sigue al alcanzado, y la línea no
+ *   retrocede nunca. Avance estricto.
+ * - 'revisit': responden el que sigue y todos los ya alcanzados, y la línea
+ *   tampoco retrocede. Es el caso de "puedo volver a mirar lo anterior sin
+ *   perder lo que llevo".
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_CURVE = 28;
+const DEFAULT_SPACING = 84;
+const NODE = 14;
+const LINE = 2;
+/** Tramos rectos por cada vano: con menos, la curva se ve poligonal. */
+const SEGMENTS = 14;
+const DOT = 3;
+/** Un punto cada cuántos tramos: el camino entero va punteado por debajo. */
+const DOT_EVERY = 2;
+const DEFAULT_DURATION = 420;
+/**
+ * Cuánto tarda un tramo en encenderse, medido en hitos. Chico para que el
+ * frente de la línea se lea como un borde y no como un degradado largo.
+ */
+const FADE = 0.06;
+/**
+ * Capas del halo, de afuera hacia adentro. Son muchas y muy tenues a
+ * propósito: con tres capas se ven los anillos, que es justo lo contrario de
+ * un difuminado. Cuantos más escalones y más chico el salto de opacidad, más
+ * cerca queda de un degradado.
+ */
+/** Lo que el halo sobresale de la píldora: es lo que hay que dejarle de aire. */
+const GLOW_BLEED = 20;
+const GLOW_LAYERS = [{
+  inset: -GLOW_BLEED,
+  opacity: 0.03
+}, {
+  inset: -16,
+  opacity: 0.035
+}, {
+  inset: -12,
+  opacity: 0.04
+}, {
+  inset: -8,
+  opacity: 0.045
+}, {
+  inset: -5,
+  opacity: 0.05
+}, {
+  inset: -2,
+  opacity: 0.055
+}];
+const useStyles = createStyles(theme => ({
+  root: {
+    alignSelf: 'stretch'
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  side: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  sideLeft: {
+    alignItems: 'flex-end',
+    paddingRight: theme.tokens.spacing.md
+  },
+  sideRight: {
+    alignItems: 'flex-start',
+    paddingLeft: theme.tokens.spacing.md
+  },
+  node: {
+    position: 'absolute',
+    width: NODE,
+    height: NODE,
+    borderRadius: NODE / 2,
+    borderWidth: LINE
+  },
+  nodePending: {
+    backgroundColor: 'transparent',
+    borderColor: theme.colors.border
+  },
+  // Ocupa el círculo entero menos el borde, así el relleno no lo tapa.
+  nodeFill: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    borderRadius: NODE / 2
+  },
+  pill: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.tokens.spacing.sm,
+    paddingVertical: theme.tokens.spacing.sm,
+    paddingHorizontal: theme.tokens.spacing.lg,
+    borderRadius: theme.tokens.radius.full,
+    borderWidth: 1,
+    borderColor: theme.colors.border,
+    backgroundColor: theme.colors.surface
+  },
+  // El foco se marca con el borde, no con el relleno: el relleno ya está
+  // diciendo otra cosa (si el hito está alcanzado o no).
+  pillSelected: {
+    borderColor: theme.colors.primary,
+    borderWidth: 2
+  },
+  label: {
+    fontSize: theme.tokens.fontSize.md,
+    color: theme.colors.text
+  },
+  labelPending: {
+    color: theme.colors.textLight
+  },
+  emoji: {
+    fontSize: theme.tokens.fontSize.md
+  },
+  glow: {
+    position: 'absolute',
+    borderRadius: theme.tokens.radius.full,
+    backgroundColor: theme.colors.text
+  },
+  // La línea y los nodos viven en la misma capa y se posicionan con las mismas
+  // coordenadas. Es lo único que garantiza que el círculo caiga sobre la
+  // curva: en el flujo de la fila el nodo lo corre el flex —y los paddings que
+  // cada lado necesita para no cortar su píldora—, así que terminaba a un
+  // costado de la línea en vez de encima.
+  lineLayer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    alignItems: 'center'
+  },
+  // Hueco del ancho del nodo en la fila: la píldora se separa del centro lo
+  // mismo que antes, pero el círculo ya no se dibuja acá.
+  nodeSlot: {
+    width: NODE
+  },
+  segment: {
+    position: 'absolute',
+    width: LINE
+  },
+  dot: {
+    position: 'absolute',
+    width: DOT,
+    height: DOT,
+    borderRadius: DOT / 2
+  }
+}));
+
+/**
+ * Desvío horizontal del nodo `index` respecto del eje. Una onda entera a lo
+ * largo de la lista: el primero y el último caen sobre el eje, y los del medio
+ * se van a un lado y al otro. Es lo que convierte una columna en un camino.
+ */
+function offsetAt(index, count, curve) {
+  if (count < 2) return 0;
+  return curve * Math.sin(2 * Math.PI * index / (count - 1));
+}
+export const Timeline = /*#__PURE__*/memo(({
+  items,
+  curve = DEFAULT_CURVE,
+  spacing = DEFAULT_SPACING,
+  startSide = 'right',
+  glow = true,
+  onItemPress,
+  advance = 'free',
+  selectedIndex,
+  duration = DEFAULT_DURATION,
+  style,
+  testID
+}) => {
+  const styles = useStyles();
+  const colors = useColors();
+  const allowFontScaling = useAllowFontScaling();
+  const reduceMotion = useReduceMotion();
+  const count = items.length;
+
+  /**
+   * Hasta dónde llegó el recorrido, en unidades de hito. Se cuenta desde el
+   * principio y se corta en el primer pendiente: un hito cumplido después de
+   * uno que no lo está no adelanta la línea, porque el camino es un camino.
+   */
+  const reached = useMemo(() => {
+    let last = -1;
+    for (let i = 0; i < items.length; i += 1) {
+      if (items[i]?.status === 'pending') break;
+      last = i;
+    }
+    return last;
+  }, [items]);
+
+  /**
+   * Marca de agua: salvo en 'free', la línea se queda en lo más lejos que
+   * llegó. El progreso es del usuario, no del render — que el padre mande
+   * una lista más corta no puede desandar lo que ya recorrió.
+   */
+  const furthest = useRef(reached);
+  if (advance === 'free') furthest.current = reached;else furthest.current = Math.max(furthest.current, reached);
+  const lineTo = furthest.current;
+  const progress = useRef(new Animated.Value(lineTo)).current;
+  useEffect(() => {
+    const animation = Animated.timing(progress, {
+      toValue: lineTo,
+      // Un hito por `duration`: avanzar tres de una vez tarda tres veces
+      // más, así se ve el recorrido y no un salto.
+      duration: reduceMotion ? 0 : duration,
+      easing: Easing.inOut(Easing.cubic),
+      useNativeDriver: true
+    });
+    animation.start();
+    return () => animation.stop();
+  }, [lineTo, duration, reduceMotion, progress]);
+
+  /**
+   * Cada vano partido en tramos rectos cortos, cada uno con su largo y su
+   * ángulo. Es la misma idea que `Gradient`: la plataforma no tiene curvas
+   * sin dependencia nativa, así que la curva se compone con pedazos rectos
+   * lo bastante chicos como para que el ojo no vea el quiebre.
+   */
+  const pieces = useMemo(() => {
+    const out = [];
+    for (let i = 0; i < count - 1; i += 1) {
+      for (let step = 0; step < SEGMENTS; step += 1) {
+        const from = i + step / SEGMENTS;
+        const to = i + (step + 1) / SEGMENTS;
+        const x1 = offsetAt(from, count, curve);
+        const x2 = offsetAt(to, count, curve);
+        const y1 = from * spacing;
+        const y2 = to * spacing;
+        const dx = x2 - x1;
+        const dy = y2 - y1;
+        const length = Math.sqrt(dx * dx + dy * dy);
+        out.push({
+          key: `${i}-${step}`,
+          x: (x1 + x2) / 2,
+          y: (y1 + y2) / 2,
+          length,
+          // El tramo se dibuja vertical y se gira hasta la pendiente: el
+          // ángulo se mide desde el eje Y, no desde el X.
+          angle: `${Math.atan2(dx, dy) * (180 / Math.PI) * -1}deg`,
+          // Posición del tramo medida en hitos: es la misma escala que
+          // `progress`, así que comparar una cosa con la otra es directo.
+          at: to,
+          dotted: step % DOT_EVERY === 0
+        });
+      }
+    }
+    return out;
+  }, [count, curve, spacing]);
+  if (count === 0) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.root, {
+      height: count * spacing
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.lineLayer,
+      pointerEvents: "none",
+      children: [pieces.map(piece => piece.dotted && /*#__PURE__*/_jsx(View, {
+        style: [styles.dot, {
+          backgroundColor: colors.border,
+          top: spacing / 2 + piece.y - DOT / 2,
+          transform: [{
+            translateX: piece.x
+          }]
+        }]
+      }, `dot-${piece.key}`)), pieces.map(piece => /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.segment, {
+          backgroundColor: colors.textLight,
+          height: piece.length,
+          top: spacing / 2 + piece.y - piece.length / 2,
+          opacity: progress.interpolate({
+            inputRange: [piece.at - FADE, piece.at],
+            outputRange: [0, 1],
+            extrapolate: 'clamp'
+          }),
+          transform: [{
+            translateX: piece.x
+          }, {
+            rotate: piece.angle
+          }]
+        }]
+      }, `line-${piece.key}`)), items.map((item, index) => /*#__PURE__*/_jsx(View, {
+        style: [styles.node, styles.nodePending, {
+          top: spacing / 2 + index * spacing - NODE / 2,
+          transform: [{
+            translateX: offsetAt(index, count, curve)
+          }]
+        }],
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.nodeFill, {
+            backgroundColor: colors.textLight,
+            opacity: progress.interpolate({
+              inputRange: [index - FADE, index],
+              outputRange: [0, 1],
+              extrapolate: 'clamp'
+            }),
+            transform: [{
+              scale: progress.interpolate({
+                inputRange: [index - FADE, index],
+                outputRange: [0.4, 1],
+                extrapolate: 'clamp'
+              })
+            }]
+          }]
+        })
+      }, `node-${item.label}-${index}`))]
+    }), items.map((item, index) => {
+      const pending = item.status === 'pending';
+      const onRight = index % 2 === 0 === (startSide === 'right');
+      const offset = offsetAt(index, count, curve);
+      // La fila entera se corre con la curva, píldora incluida, así que el
+      // lado hacia el que se fue pierde ese espacio contra el borde. Se lo
+      // devolvemos como padding, más lo que sobresale el halo: sin esto la
+      // píldora de más afuera queda cortada al ras.
+      const bleed = glow ? GLOW_BLEED : 0;
+      const roomLeft = Math.max(0, -offset) + bleed;
+      const roomRight = Math.max(0, offset) + bleed;
+      const pill = /*#__PURE__*/_jsxs(View, {
+        children: [glow && GLOW_LAYERS.map(layer => /*#__PURE__*/_jsx(View, {
+          pointerEvents: "none",
+          style: [styles.glow, {
+            top: layer.inset,
+            bottom: layer.inset,
+            left: layer.inset,
+            right: layer.inset,
+            opacity: pending ? layer.opacity / 2 : layer.opacity
+          }]
+        }, layer.inset)), /*#__PURE__*/_jsxs(View, {
+          style: [styles.pill, index === selectedIndex && styles.pillSelected],
+          children: [item.emoji ? /*#__PURE__*/_jsx(Text, {
+            allowFontScaling: allowFontScaling,
+            style: styles.emoji,
+            children: item.emoji
+          }) : !!item.iconName && /*#__PURE__*/_jsx(Icon, {
+            name: item.iconName,
+            size: 16,
+            color: pending ? colors.textLight : colors.text
+          }), /*#__PURE__*/_jsx(Text, {
+            allowFontScaling: allowFontScaling,
+            style: [styles.label, pending && styles.labelPending],
+            children: item.label
+          })]
+        })]
+      });
+
+      // 'sequential' deja tocar sólo el que sigue; 'revisit' también los
+      // ya recorridos. El que no responde se marca como deshabilitado en
+      // vez de quedarse mudo: un botón que no hace nada y no lo dice es
+      // peor que un botón apagado.
+      const reachable = advance === 'sequential' ? index === lineTo + 1 : advance === 'revisit' ? index <= lineTo + 1 : true;
+      const pressable = onItemPress ? /*#__PURE__*/_jsx(PressableScale, {
+        onPress: () => onItemPress(index),
+        disabled: !reachable,
+        accessibilityRole: "button",
+        accessibilityLabel: item.label,
+        accessibilityState: {
+          checked: !pending,
+          disabled: !reachable,
+          selected: index === selectedIndex
+        },
+        testID: testID && `${testID}-press-${index}`,
+        children: pill
+      }) : pill;
+      return /*#__PURE__*/_jsxs(View, {
+        testID: testID && `${testID}-item-${index}`,
+        accessibilityRole: onItemPress ? undefined : 'text',
+        accessibilityLabel: onItemPress ? undefined : item.label,
+        accessibilityState: onItemPress ? undefined : {
+          checked: !pending
+        },
+        style: [styles.row, {
+          height: spacing,
+          transform: [{
+            translateX: offset
+          }]
+        }],
+        children: [/*#__PURE__*/_jsx(View, {
+          testID: testID && `${testID}-item-${index}-left`,
+          style: [styles.side, styles.sideLeft, {
+            paddingLeft: roomLeft
+          }],
+          children: !onRight && pressable
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.nodeSlot
+        }), /*#__PURE__*/_jsx(View, {
+          testID: testID && `${testID}-item-${index}-right`,
+          style: [styles.side, styles.sideRight, {
+            paddingRight: roomRight
+          }],
+          children: onRight && pressable
+        })]
+      }, `${item.label}-${index}`);
+    })]
+  });
+});
+Timeline.displayName = 'Timeline';
+//# sourceMappingURL=Timeline.js.map

package/lib/module/organisms/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","useRef","Animated","Easing","Text","View","createStyles","useAllowFontScaling","useColors","PressableScale","useReduceMotion","Icon","jsx","_jsx","jsxs","_jsxs","DEFAULT_CURVE","DEFAULT_SPACING","NODE","LINE","SEGMENTS","DOT","DOT_EVERY","DEFAULT_DURATION","FADE","GLOW_BLEED","GLOW_LAYERS","inset","opacity","useStyles","theme","root","alignSelf","row","flexDirection","alignItems","side","flex","justifyContent","sideLeft","paddingRight","tokens","spacing","md","sideRight","paddingLeft","node","position","width","height","borderRadius","borderWidth","nodePending","backgroundColor","borderColor","colors","border","nodeFill","top","left","right","bottom","pill","gap","sm","paddingVertical","paddingHorizontal","lg","radius","full","surface","pillSelected","primary","label","fontSize","color","text","labelPending","textLight","emoji","glow","lineLayer","nodeSlot","segment","dot","offsetAt","index","count","curve","Math","sin","PI","Timeline","items","startSide","onItemPress","advance","selectedIndex","duration","style","testID","styles","allowFontScaling","reduceMotion","length","reached","last","i","status","furthest","current","max","lineTo","progress","Value","animation","timing","toValue","easing","inOut","cubic","useNativeDriver","start","stop","pieces","out","step","from","to","x1","x2","y1","y2","dx","dy","sqrt","push","key","x","y","angle","atan2","at","dotted","children","pointerEvents","map","piece","transform","translateX","interpolate","inputRange","outputRange","extrapolate","rotate","item","scale","pending","onRight","offset","bleed","roomLeft","roomRight","layer","iconName","name","size","reachable","pressable","onPress","disabled","accessibilityRole","accessibilityLabel","accessibilityState","checked","selected","undefined","displayName"],"sourceRoot":"../../../src","sources":["organisms/Timeline.tsx"],"mappings":"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","ignoreList":[]}