orn-ui 0.2.10 → 0.3.0

package/lib/module/atoms/Transition.js

@@ -1,48 +1,43 @@
 "use strict";
 
 import React, { memo, useEffect, useMemo, useRef, useState } from 'react';
-import { AccessibilityInfo, Animated, Easing } from 'react-native';
+import { Animated, Easing } from 'react-native';
 import { useTheme } from '../theme/UIProvider';
+import { useReduceMotion } from '../theme/useReduceMotion';
 import { jsx as _jsx } from "react/jsx-runtime";
 const SCALE_FROM = {
   scale: 0.92,
   pop: 0.8
 };
+const hiddenStyle = {
+  pointerEvents: 'none'
+};
+/** 'pop' spring: bounces once and settles (~350 ms), without oscillating. */
+const POP_SPRING = {
+  friction: 9,
+  tension: 90
+};
 
-/**
- * Sigue el ajuste de "reducir movimiento" del sistema: con él activo las
- * animaciones saltan al estado final en vez de desactivarse, así que los
- * callbacks y el desmontaje siguen ocurriendo igual.
- */
-export function useReduceMotion() {
-  const [reduceMotion, setReduceMotion] = useState(false);
-  useEffect(() => {
-    let alive = true;
-    // Sólo se actualiza el estado si el ajuste está activo: el valor inicial ya
-    // es `false` y un setState de false a false costaría un render por montaje.
-    AccessibilityInfo.isReduceMotionEnabled().then(enabled => {
-      if (alive && enabled) setReduceMotion(true);
-    });
-    const sub = AccessibilityInfo.addEventListener('reduceMotionChanged', setReduceMotion);
-    return () => {
-      alive = false;
-      sub.remove();
-    };
-  }, []);
-  return reduceMotion;
-}
+// Lives in theme/ (UIProvider uses it too); re-exported here so existing
+// imports don't break.
+export { useReduceMotion };
 
 /**
  * Transition
- * Envuelve cualquier árbol y lo anima al entrar y al salir. Todos los presets
- * se reducen a `opacity` y `transform` sobre un único Animated.Value, que es
- * lo que `useNativeDriver` sabe mandar al hilo nativo: la animación corre ahí
- * y el hilo de JS no participa de ningún frame — por eso no hay presets de
- * alto, ancho o color, que obligarían a volver a JS en cada frame.
+ * Wraps any tree and animates it on enter and exit. Every preset boils down
+ * to `opacity` and `transform` over a single Animated.Value, which is what
+ * `useNativeDriver` knows how to send to the native thread: the animation runs
+ * there and the JS thread takes part in no frame — that is why there are no
+ * height, width or color presets, which would force a return to JS every frame.
+ *
+ * The node stays mounted until the exit animation finishes, and the behavior
+ * is identical on iOS and Android: there is no per-platform branch. While
+ * exiting (or hidden with `keepMounted`) it stops receiving touches and leaves
+ * the accessibility tree: what is invisible isn't read.
  *
- * El nodo se mantiene montado hasta que termina la animación de salida, y el
- * comportamiento es idéntico en iOS y Android: no hay ninguna rama por
- * plataforma.
+ * Gestalt, common fate: what enters or exits together is perceived as a group;
+ * with a per-index `delay` the list enters in reading order (continuity).
+ * Respects Reduce Motion: jumps to the final state, callbacks still fire.
  */
 export const Transition = /*#__PURE__*/memo(({
   children,
@@ -50,7 +45,7 @@ export const Transition = /*#__PURE__*/memo(({
   preset = 'fade',
   duration,
   delay = 0,
-  distance = 24,
+  distance,
   spring,
   appear = true,
   keepMounted = false,
@@ -61,14 +56,18 @@ export const Transition = /*#__PURE__*/memo(({
   testID
 }) => {
   const theme = useTheme();
+  const travel = distance ?? theme.tokens.spacing.xxl;
+  // Resolved here, not inside the effect: depending on `theme` restarted the
+  // animation (and fired onEntered again) every time the theme changed.
+  const resolvedDuration = duration ?? theme.tokens.duration.base;
   const reduceMotion = useReduceMotion();
   const internal = useRef(new Animated.Value(visible && !appear ? 1 : 0)).current;
   const progress = value ?? internal;
   const driven = value === undefined;
   const [mounted, setMounted] = useState(visible || keepMounted);
 
-  // Los callbacks viven en un ref: pasados inline cambian de identidad en
-  // cada render y, como dependencias del efecto, reiniciarían la animación.
+  // The callbacks live in a ref: passed inline they change identity on
+  // every render and, as effect dependencies, would restart the animation.
   const callbacks = useRef({
     onEntered,
     onExited
@@ -96,13 +95,12 @@ export const Transition = /*#__PURE__*/memo(({
     }) : useSpring ? Animated.spring(progress, {
       toValue,
       delay,
-      friction: 9,
-      tension: 90,
+      ...POP_SPRING,
       useNativeDriver: true
     }) : Animated.timing(progress, {
       toValue,
       delay,
-      duration: duration ?? theme.tokens.duration.base,
+      duration: resolvedDuration,
       easing: visible ? Easing.out(Easing.cubic) : Easing.in(Easing.cubic),
       useNativeDriver: true
     });
@@ -118,7 +116,7 @@ export const Transition = /*#__PURE__*/memo(({
       if (!keepMounted) setMounted(false);
     });
     return () => animation.stop();
-  }, [visible, driven, reduceMotion, spring, delay, duration, keepMounted, presets, progress, theme]);
+  }, [visible, driven, reduceMotion, spring, delay, resolvedDuration, keepMounted, presets, progress]);
   const animatedStyle = useMemo(() => {
     const transform = [];
     let opacity;
@@ -137,7 +135,7 @@ export const Transition = /*#__PURE__*/memo(({
         continue;
       }
       const vertical = item === 'slide-up' || item === 'slide-down';
-      const from = item === 'slide-up' || item === 'slide-left' ? distance : -distance;
+      const from = item === 'slide-up' || item === 'slide-left' ? travel : -travel;
       const offset = progress.interpolate({
         inputRange: [0, 1],
         outputRange: [from, 0]
@@ -152,12 +150,13 @@ export const Transition = /*#__PURE__*/memo(({
       opacity,
       transform
     };
-  }, [presets, progress, distance]);
+  }, [presets, progress, travel]);
   if (!mounted) return null;
   return /*#__PURE__*/_jsx(Animated.View, {
     testID: testID,
-    pointerEvents: visible ? undefined : 'none',
-    style: [style, animatedStyle],
+    accessibilityElementsHidden: !visible,
+    importantForAccessibility: visible ? 'auto' : 'no-hide-descendants',
+    style: [style, animatedStyle, !visible && hiddenStyle],
     children: children
   });
 });

package/lib/module/atoms/Transition.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useEffect","useMemo","useRef","useState","AccessibilityInfo","Animated","Easing","useTheme","jsx","_jsx","SCALE_FROM","scale","pop","useReduceMotion","reduceMotion","setReduceMotion","alive","isReduceMotionEnabled","then","enabled","sub","addEventListener","remove","Transition","children","visible","preset","duration","delay","distance","spring","appear","keepMounted","value","onEntered","onExited","style","testID","theme","internal","Value","current","progress","driven","undefined","mounted","setMounted","callbacks","presetKey","Array","isArray","join","presets","split","toValue","useSpring","includes","animation","timing","useNativeDriver","friction","tension","tokens","base","easing","out","cubic","in","start","finished","stop","animatedStyle","transform","opacity","item","push","interpolate","inputRange","outputRange","vertical","from","offset","translateY","translateX","View","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["atoms/Transition.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useEffect","useMemo","useRef","useState","Animated","Easing","useTheme","useReduceMotion","jsx","_jsx","SCALE_FROM","scale","pop","hiddenStyle","pointerEvents","POP_SPRING","friction","tension","Transition","children","visible","preset","duration","delay","distance","spring","appear","keepMounted","value","onEntered","onExited","style","testID","theme","travel","tokens","spacing","xxl","resolvedDuration","base","reduceMotion","internal","Value","current","progress","driven","undefined","mounted","setMounted","callbacks","presetKey","Array","isArray","join","presets","split","toValue","useSpring","includes","animation","timing","useNativeDriver","easing","out","cubic","in","start","finished","stop","animatedStyle","transform","opacity","item","push","interpolate","inputRange","outputRange","vertical","from","offset","translateY","translateX","View","accessibilityElementsHidden","importantForAccessibility","displayName"],"sourceRoot":"../../../src","sources":["atoms/Transition.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/atoms/index.js

@@ -9,7 +9,7 @@ export { Badge } from './Badge';
 export { Card } from './Card';
 export { Divider } from './Divider';
 export { Gradient } from './Gradient';
-export { Avatar } from './Avatar';
+export { Avatar, initialsOf } from './Avatar';
 export { Image, prefetchImage } from './Image';
 export { Spinner } from './Spinner';
 export { Skeleton } from './Skeleton';

package/lib/module/atoms/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Title","Subtitle","Body","Caption","Button","IconButton","Input","Checkbox","Badge","Card","Divider","Gradient","Avatar","Image","prefetchImage","Spinner","Skeleton","Transition","useReduceMotion","ShinyText","EmptyState","KeyValueRow","Fab","PressableScale"],"sourceRoot":"../../../src","sources":["atoms/index.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,QAAQ,QAAQ;AAEvD,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,KAAK,EAAEC,aAAa,QAAQ,SAAS;AAE9C,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,UAAU,EAAEC,eAAe,QAAQ,cAAc;AAE1D,SAASC,SAAS,QAAQ,aAAa;AAEvC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,WAAW,QAAQ,eAAe;AAE3C,SAASC,GAAG,QAAQ,OAAO;AAE3B,SAASC,cAAc,QAAQ,kBAAkB","ignoreList":[]}
+{"version":3,"names":["Title","Subtitle","Body","Caption","Button","IconButton","Input","Checkbox","Badge","Card","Divider","Gradient","Avatar","initialsOf","Image","prefetchImage","Spinner","Skeleton","Transition","useReduceMotion","ShinyText","EmptyState","KeyValueRow","Fab","PressableScale"],"sourceRoot":"../../../src","sources":["atoms/index.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,QAAQ,QAAQ;AAEvD,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,MAAM,EAAEC,UAAU,QAAQ,UAAU;AAE7C,SAASC,KAAK,EAAEC,aAAa,QAAQ,SAAS;AAE9C,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,UAAU,EAAEC,eAAe,QAAQ,cAAc;AAE1D,SAASC,SAAS,QAAQ,aAAa;AAEvC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,WAAW,QAAQ,eAAe;AAE3C,SAASC,GAAG,QAAQ,OAAO;AAE3B,SAASC,cAAc,QAAQ,kBAAkB","ignoreList":[]}

package/lib/module/atoms/inputValidation.js

@@ -0,0 +1,52 @@
+"use strict";
+
+/** A rule's value, optionally with its own message instead of the default label. */
+
+function unpack(rule) {
+  return typeof rule === 'object' && rule !== null && 'value' in rule && 'message' in rule ? rule : {
+    value: rule
+  };
+}
+
+/**
+ * Error for the value, or undefined if it is valid. Order: required, min
+ * length, max length, pattern, custom validation — a single error is shown,
+ * the first one. An empty optional field is valid: the other rules don't run on nothing.
+ */
+export function validateInputValue(value, {
+  required,
+  rules
+}, labels) {
+  if (value.trim() === '') return required ? labels.requiredError : undefined;
+  if (!rules) return undefined;
+  if (rules.minLength !== undefined) {
+    const {
+      value: n,
+      message
+    } = unpack(rules.minLength);
+    if (value.length < n) return message ?? labels.minLengthError.replace('{n}', String(n));
+  }
+  if (rules.maxLength !== undefined) {
+    const {
+      value: n,
+      message
+    } = unpack(rules.maxLength);
+    if (value.length > n) return message ?? labels.maxLengthError.replace('{n}', String(n));
+  }
+  if (rules.pattern !== undefined) {
+    const {
+      value: re,
+      message
+    } = unpack(rules.pattern);
+    // A RegExp with the `g` flag keeps lastIndex between calls: reset it.
+    re.lastIndex = 0;
+    if (!re.test(value)) return message ?? labels.patternError;
+  }
+  if (rules.validate) {
+    const result = rules.validate(value);
+    if (typeof result === 'string' && result !== '') return result;
+    if (result === false) return labels.patternError;
+  }
+  return undefined;
+}
+//# sourceMappingURL=inputValidation.js.map

package/lib/module/atoms/inputValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["unpack","rule","value","validateInputValue","required","rules","labels","trim","requiredError","undefined","minLength","n","message","length","minLengthError","replace","String","maxLength","maxLengthError","pattern","re","lastIndex","test","patternError","validate","result"],"sourceRoot":"../../../src","sources":["atoms/inputValidation.ts"],"mappings":";;AAEA;;AAiBA,SAASA,MAAMA,CAAIC,IAAuB,EAAkC;EAC1E,OAAO,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,IAAI,IAAI,OAAO,IAAIA,IAAI,IAAI,SAAS,IAAIA,IAAI,GACnFA,IAAI,GACL;IAAEC,KAAK,EAAED;EAAU,CAAC;AAC1B;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,kBAAkBA,CAChCD,KAAa,EACb;EAAEE,QAAQ;EAAEC;AAAkD,CAAC,EAC/DC,MAAc,EACM;EACpB,IAAIJ,KAAK,CAACK,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,OAAOH,QAAQ,GAAGE,MAAM,CAACE,aAAa,GAAGC,SAAS;EAC3E,IAAI,CAACJ,KAAK,EAAE,OAAOI,SAAS;EAE5B,IAAIJ,KAAK,CAACK,SAAS,KAAKD,SAAS,EAAE;IACjC,MAAM;MAAEP,KAAK,EAAES,CAAC;MAAEC;IAAQ,CAAC,GAAGZ,MAAM,CAACK,KAAK,CAACK,SAAS,CAAC;IACrD,IAAIR,KAAK,CAACW,MAAM,GAAGF,CAAC,EAAE,OAAOC,OAAO,IAAIN,MAAM,CAACQ,cAAc,CAACC,OAAO,CAAC,KAAK,EAAEC,MAAM,CAACL,CAAC,CAAC,CAAC;EACzF;EACA,IAAIN,KAAK,CAACY,SAAS,KAAKR,SAAS,EAAE;IACjC,MAAM;MAAEP,KAAK,EAAES,CAAC;MAAEC;IAAQ,CAAC,GAAGZ,MAAM,CAACK,KAAK,CAACY,SAAS,CAAC;IACrD,IAAIf,KAAK,CAACW,MAAM,GAAGF,CAAC,EAAE,OAAOC,OAAO,IAAIN,MAAM,CAACY,cAAc,CAACH,OAAO,CAAC,KAAK,EAAEC,MAAM,CAACL,CAAC,CAAC,CAAC;EACzF;EACA,IAAIN,KAAK,CAACc,OAAO,KAAKV,SAAS,EAAE;IAC/B,MAAM;MAAEP,KAAK,EAAEkB,EAAE;MAAER;IAAQ,CAAC,GAAGZ,MAAM,CAACK,KAAK,CAACc,OAAO,CAAC;IACpD;IACAC,EAAE,CAACC,SAAS,GAAG,CAAC;IAChB,IAAI,CAACD,EAAE,CAACE,IAAI,CAACpB,KAAK,CAAC,EAAE,OAAOU,OAAO,IAAIN,MAAM,CAACiB,YAAY;EAC5D;EACA,IAAIlB,KAAK,CAACmB,QAAQ,EAAE;IAClB,MAAMC,MAAM,GAAGpB,KAAK,CAACmB,QAAQ,CAACtB,KAAK,CAAC;IACpC,IAAI,OAAOuB,MAAM,KAAK,QAAQ,IAAIA,MAAM,KAAK,EAAE,EAAE,OAAOA,MAAM;IAC9D,IAAIA,MAAM,KAAK,KAAK,EAAE,OAAOnB,MAAM,CAACiB,YAAY;EAClD;EACA,OAAOd,SAAS;AAClB","ignoreList":[]}

package/lib/module/icons/Icon.js

@@ -6,10 +6,10 @@ import { useColors, useIcons } from '../theme/UIProvider';
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 /**
  * Icon
- * Resuelve el glifo vía el renderer activo (UIProvider.icons, default zero-dep
- * si no se configuró ninguno). Uso interno de la librería — los componentes
- * públicos exponen `icon?: ReactNode` además de esto, para que el consumidor
- * pueda inyectar cualquier ícono sin pasar por el sistema de nombres.
+ * Resolves the glyph through the active renderer (UIProvider.icons, the
+ * zero-dep default if none was configured). Internal use by the library —
+ * public components expose `icon?: ReactNode` in addition to this, so the
+ * consumer can inject any icon without going through the name system.
  */
 export const Icon = /*#__PURE__*/memo(({
   name,