@space-uy/pulsar-ui 0.11.1 → 0.11.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/lib/module/components/Header.js +82 -14
  2. package/lib/module/components/Header.js.map +1 -1
  3. package/lib/module/components/Input.js +2 -0
  4. package/lib/module/components/Input.js.map +1 -1
  5. package/lib/module/components/InputContainer.js +3 -0
  6. package/lib/module/components/InputContainer.js.map +1 -1
  7. package/lib/module/components/OtpInput.js +173 -65
  8. package/lib/module/components/OtpInput.js.map +1 -1
  9. package/lib/module/components/TextArea.js +2 -0
  10. package/lib/module/components/TextArea.js.map +1 -1
  11. package/lib/module/index.js +0 -1
  12. package/lib/module/index.js.map +1 -1
  13. package/lib/typescript/src/components/Header.d.ts +6 -1
  14. package/lib/typescript/src/components/Header.d.ts.map +1 -1
  15. package/lib/typescript/src/components/Input.d.ts +1 -0
  16. package/lib/typescript/src/components/Input.d.ts.map +1 -1
  17. package/lib/typescript/src/components/InputContainer.d.ts +2 -1
  18. package/lib/typescript/src/components/InputContainer.d.ts.map +1 -1
  19. package/lib/typescript/src/components/OtpInput.d.ts +9 -2
  20. package/lib/typescript/src/components/OtpInput.d.ts.map +1 -1
  21. package/lib/typescript/src/components/TextArea.d.ts +1 -0
  22. package/lib/typescript/src/components/TextArea.d.ts.map +1 -1
  23. package/lib/typescript/src/index.d.ts +0 -2
  24. package/lib/typescript/src/index.d.ts.map +1 -1
  25. package/package.json +1 -1
  26. package/src/components/Header.tsx +141 -36
  27. package/src/components/Input.tsx +3 -0
  28. package/src/components/InputContainer.tsx +8 -0
  29. package/src/components/OtpInput.tsx +222 -93
  30. package/src/components/TextArea.tsx +3 -0
  31. package/src/index.tsx +0 -2
  32. package/lib/module/components/OtpInputContainer.js +0 -148
  33. package/lib/module/components/OtpInputContainer.js.map +0 -1
  34. package/lib/typescript/src/components/OtpInputContainer.d.ts +0 -17
  35. package/lib/typescript/src/components/OtpInputContainer.d.ts.map +0 -1
  36. package/src/components/OtpInputContainer.tsx +0 -196
@@ -1,11 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  import { StyleSheet, View } from 'react-native';
4
+ import Animated, { interpolate, useAnimatedStyle } from 'react-native-reanimated';
4
5
  import Text from "./Text.js";
5
6
  import IconButton from "./IconButton.js";
6
7
  import useTheme from "../hooks/useTheme.js";
7
8
  import meassures from "../theme/meassures.js";
8
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
10
+ const DEFAULT_COLLAPSE_THRESHOLD = 80;
9
11
  const HEADER_BASE_HEIGHT = 52;
10
12
  export default function Header({
11
13
  title,
@@ -14,7 +16,9 @@ export default function Header({
14
16
  rightButton,
15
17
  style,
16
18
  useInsets = true,
17
- children
19
+ children,
20
+ scrollY,
21
+ collapseThreshold = DEFAULT_COLLAPSE_THRESHOLD
18
22
  }) {
19
23
  const {
20
24
  colors,
@@ -22,6 +26,35 @@ export default function Header({
22
26
  } = useTheme();
23
27
  const topInset = useInsets ? theme.insets?.top || 0 : 0;
24
28
  const isSecondary = variant === 'secondary';
29
+ const isCollapsible = isSecondary && scrollY != null;
30
+ const animatedHeaderStyle = useAnimatedStyle(() => {
31
+ if (!isCollapsible || scrollY == null) return {};
32
+ const progress = interpolate(scrollY.value, [0, collapseThreshold], [0, 1], 'clamp');
33
+ return {
34
+ paddingBottom: interpolate(progress, [0, 1], [12, 0])
35
+ };
36
+ }, [isCollapsible, collapseThreshold]);
37
+ const animatedTitleRowStyle = useAnimatedStyle(() => {
38
+ if (!isCollapsible || scrollY == null) return {};
39
+ const progress = interpolate(scrollY.value, [0, collapseThreshold], [0, 1], 'clamp');
40
+ // Estimate: h1 fontSize 24 + line height ~16 + paddingTop 4 = ~44px
41
+ const titleRowHeight = 44;
42
+ return {
43
+ opacity: interpolate(progress, [0, 1], [1, 0]),
44
+ height: interpolate(progress, [0, 1], [titleRowHeight, 0]),
45
+ overflow: 'hidden',
46
+ transform: [{
47
+ translateY: interpolate(progress, [0, 1], [0, -16])
48
+ }]
49
+ };
50
+ }, [isCollapsible, collapseThreshold]);
51
+ const animatedSmallTitleStyle = useAnimatedStyle(() => {
52
+ if (!isCollapsible || scrollY == null) return {};
53
+ const progress = interpolate(scrollY.value, [0, collapseThreshold], [0, 1], 'clamp');
54
+ return {
55
+ opacity: interpolate(progress, [0, 1], [0, 1])
56
+ };
57
+ }, [isCollapsible, collapseThreshold]);
25
58
  const renderButton = button => {
26
59
  return /*#__PURE__*/_jsx(IconButton, {
27
60
  iconName: button.iconName,
@@ -32,20 +65,29 @@ export default function Header({
32
65
  rounded: button.rounded
33
66
  });
34
67
  };
35
- return /*#__PURE__*/_jsxs(View, {
36
- style: [styles.header, {
37
- backgroundColor: colors.background,
38
- borderBottomColor: colors.border,
39
- paddingTop: topInset
40
- }, isSecondary && styles.headerSecondary, !!children && styles.paddingBottom, style],
68
+ const showSmallTitleInBar = !isSecondary || isCollapsible;
69
+ const showBigTitleRow = isSecondary;
70
+ const headerContent = /*#__PURE__*/_jsxs(_Fragment, {
41
71
  children: [/*#__PURE__*/_jsxs(View, {
42
- style: [styles.headerContent, isSecondary && styles.headerContentSecondary],
72
+ style: [styles.headerContent, isSecondary && !isCollapsible && styles.headerContentSecondary, isCollapsible && styles.headerContentSecondary],
43
73
  children: [/*#__PURE__*/_jsx(View, {
44
74
  style: [styles.slot, styles.leftSlot],
45
75
  children: leftButton && renderButton(leftButton)
46
- }), !isSecondary && /*#__PURE__*/_jsx(View, {
76
+ }), showSmallTitleInBar && /*#__PURE__*/_jsx(View, {
47
77
  style: styles.titleContainer,
48
- children: /*#__PURE__*/_jsx(Text, {
78
+ pointerEvents: "none",
79
+ children: isCollapsible ? /*#__PURE__*/_jsx(Animated.View, {
80
+ style: [styles.titleContainer, animatedSmallTitleStyle],
81
+ children: /*#__PURE__*/_jsx(Text, {
82
+ variant: "h3",
83
+ style: [styles.title, {
84
+ color: colors.foreground
85
+ }],
86
+ numberOfLines: 1,
87
+ ellipsizeMode: "tail",
88
+ children: title
89
+ })
90
+ }) : /*#__PURE__*/_jsx(Text, {
49
91
  variant: "h3",
50
92
  style: [styles.title, {
51
93
  color: colors.foreground
@@ -58,10 +100,21 @@ export default function Header({
58
100
  style: [styles.slot, styles.rightSlot],
59
101
  children: rightButton && renderButton(rightButton)
60
102
  })]
61
- }), isSecondary && /*#__PURE__*/_jsx(View, {
103
+ }), showBigTitleRow && (isCollapsible ? /*#__PURE__*/_jsx(Animated.View, {
104
+ style: [styles.titleRow, animatedTitleRowStyle],
105
+ children: /*#__PURE__*/_jsx(Text, {
106
+ variant: "h1",
107
+ style: [styles.titleSecondary, {
108
+ color: colors.foreground
109
+ }],
110
+ numberOfLines: 1,
111
+ ellipsizeMode: "tail",
112
+ children: title
113
+ })
114
+ }) : /*#__PURE__*/_jsx(View, {
62
115
  style: styles.titleRow,
63
116
  children: /*#__PURE__*/_jsx(Text, {
64
- variant: "h2",
117
+ variant: "h1",
65
118
  style: [styles.titleSecondary, {
66
119
  color: colors.foreground
67
120
  }],
@@ -69,7 +122,22 @@ export default function Header({
69
122
  ellipsizeMode: "tail",
70
123
  children: title
71
124
  })
72
- }), children]
125
+ }))]
126
+ });
127
+ const staticHeaderStyle = [styles.header, {
128
+ backgroundColor: colors.background,
129
+ borderBottomColor: colors.border,
130
+ paddingTop: topInset
131
+ }, isSecondary && !isCollapsible && styles.headerSecondary, isCollapsible && styles.headerSecondary, !!children && styles.paddingBottom, style];
132
+ if (isCollapsible) {
133
+ return /*#__PURE__*/_jsxs(Animated.View, {
134
+ style: [staticHeaderStyle, animatedHeaderStyle],
135
+ children: [headerContent, children]
136
+ });
137
+ }
138
+ return /*#__PURE__*/_jsxs(View, {
139
+ style: staticHeaderStyle,
140
+ children: [headerContent, children]
73
141
  });
74
142
  }
75
143
  const styles = StyleSheet.create({
@@ -1 +1 @@
1
- {"version":3,"names":["StyleSheet","View","Text","IconButton","useTheme","meassures","jsx","_jsx","jsxs","_jsxs","HEADER_BASE_HEIGHT","Header","title","variant","leftButton","rightButton","style","useInsets","children","colors","theme","topInset","insets","top","isSecondary","renderButton","button","iconName","size","onPress","disabled","rounded","styles","header","backgroundColor","background","borderBottomColor","border","paddingTop","headerSecondary","paddingBottom","headerContent","headerContentSecondary","slot","leftSlot","titleContainer","color","foreground","numberOfLines","ellipsizeMode","rightSlot","titleRow","titleSecondary","create","borderBottomWidth","paddingHorizontal","height","flexDirection","alignItems","justifyContent","width","medium","flex","textAlign","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["StyleSheet","View","Animated","interpolate","useAnimatedStyle","Text","IconButton","useTheme","meassures","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFAULT_COLLAPSE_THRESHOLD","HEADER_BASE_HEIGHT","Header","title","variant","leftButton","rightButton","style","useInsets","children","scrollY","collapseThreshold","colors","theme","topInset","insets","top","isSecondary","isCollapsible","animatedHeaderStyle","progress","value","paddingBottom","animatedTitleRowStyle","titleRowHeight","opacity","height","overflow","transform","translateY","animatedSmallTitleStyle","renderButton","button","iconName","size","onPress","disabled","rounded","showSmallTitleInBar","showBigTitleRow","headerContent","styles","headerContentSecondary","slot","leftSlot","titleContainer","pointerEvents","color","foreground","numberOfLines","ellipsizeMode","rightSlot","titleRow","titleSecondary","staticHeaderStyle","header","backgroundColor","background","borderBottomColor","border","paddingTop","headerSecondary","create","borderBottomWidth","paddingHorizontal","flexDirection","alignItems","justifyContent","width","medium","flex","textAlign","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"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","ignoreList":[]}
@@ -16,6 +16,7 @@ export const Input = /*#__PURE__*/forwardRef(({
16
16
  label,
17
17
  hint,
18
18
  variant = 'text',
19
+ containerVariant = 'default',
19
20
  onBlur,
20
21
  onFocus,
21
22
  iconName,
@@ -65,6 +66,7 @@ export const Input = /*#__PURE__*/forwardRef(({
65
66
  focused: focused,
66
67
  disabled: !editable,
67
68
  iconName: iconName,
69
+ variant: containerVariant,
68
70
  children: [/*#__PURE__*/_jsx(TextInput, {
69
71
  ...rest,
70
72
  value: value,
@@ -1 +1 @@
1
- {"version":3,"names":["forwardRef","useImperativeHandle","useRef","useState","TextInput","StyleSheet","Platform","I18nManager","InputContainer","IconButton","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","Input","style","onChangeText","value","editable","error","label","hint","variant","onBlur","onFocus","iconName","clearable","rest","ref","focused","setFocused","showPassword","setShowPassword","colors","theme","inputRef","focus","current","blur","handleFocus","e","handleBlur","renderRightButton","name","onPress","styles","button","size","disabled","hitSlop","top","bottom","left","right","contentContainerStyle","container","children","input","fontFamily","fonts","regular","color","foreground","caretColor","primary","OS","webInput","textAlign","isRTL","placeholderTextColor","secureTextEntry","cursorColor","selectionColor","selectionHandleColor","create","flexDirection","alignItems","flex","fontSize","marginStart","opacity","icon","marginEnd","outlineWidth"],"sourceRoot":"../../../src","sources":["components/Input.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACzE,SACEC,SAAS,EACTC,UAAU,EAMVC,QAAQ,EACRC,WAAW,QACN,cAAc;AAErB,OAAOC,cAAc,MAAM,qBAAkB;AAC7C,OAAOC,UAAU,MAAM,iBAAc;AAGrC,OAAOC,QAAQ,MAAM,sBAAmB;AAExC,SAASC,gBAAgB,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAcpD,OAAO,MAAMC,KAAK,gBAAGhB,UAAU,CAC7B,CACE;EACEiB,KAAK;EACLC,YAAY;EACZC,KAAK;EACLC,QAAQ,GAAG,IAAI;EACfC,KAAK;EACLC,KAAK;EACLC,IAAI;EACJC,OAAO,GAAG,MAAM;EAChBC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,SAAS,GAAG,KAAK;EACjB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG7B,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM,CAAC8B,YAAY,EAAEC,eAAe,CAAC,GAAG/B,QAAQ,CAAC,KAAK,CAAC;EACvD,MAAM;IAAEgC,MAAM;IAAEC;EAAM,CAAC,GAAG1B,QAAQ,CAAC,CAAC;EACpC,MAAM2B,QAAQ,GAAGnC,MAAM,CAAY,IAAI,CAAC;EAExCD,mBAAmB,CAAC6B,GAAG,EAAE,OAAO;IAC9BQ,KAAK,EAAEA,CAAA,KAAMD,QAAQ,CAACE,OAAO,EAAED,KAAK,CAAC,CAAC;IACtCE,IAAI,EAAEA,CAAA,KAAMH,QAAQ,CAACE,OAAO,EAAEC,IAAI,CAAC;EACrC,CAAC,CAAC,CAAC;EAEH,MAAMC,WAAW,GAAIC,CAAgD,IAAK;IACxEV,UAAU,CAAC,IAAI,CAAC;IAChBN,OAAO,GAAGgB,CAAC,CAAC;EACd,CAAC;EAED,MAAMC,UAAU,GAAID,CAAgD,IAAK;IACvEV,UAAU,CAAC,KAAK,CAAC;IACjBP,MAAM,GAAGiB,CAAC,CAAC;EACb,CAAC;EAED,MAAME,iBAAiB,GAAGA,CAACC,IAAc,EAAEC,OAAmB,kBAC5DjC,IAAA,CAACJ,UAAU;IACTQ,KAAK,EAAE8B,MAAM,CAACC,MAAO;IACrBrB,QAAQ,EAAEkB,IAAK;IACfI,IAAI,EAAC,OAAO;IACZzB,OAAO,EAAC,aAAa;IACrBsB,OAAO,EAAEA,OAAQ;IACjBI,QAAQ,EAAE,CAAC9B,QAAS;IACpB+B,OAAO,EAAE;MAAEC,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE;EAAE,CACnD,CACF;EAED,oBACExC,KAAA,CAACP,cAAc;IACbS,KAAK,EAAEA,KAAM;IACbK,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXF,KAAK,EAAEA,KAAM;IACbyB,OAAO,EAAEA,CAAA,KAAMT,QAAQ,CAACE,OAAO,EAAED,KAAK,CAAC,CAAE;IACzCkB,qBAAqB,EAAET,MAAM,CAACU,SAAU;IACxC1B,OAAO,EAAEA,OAAQ;IACjBmB,QAAQ,EAAE,CAAC9B,QAAS;IACpBO,QAAQ,EAAEA,QAAS;IAAA+B,QAAA,gBAEnB7C,IAAA,CAACT,SAAS;MAAA,GACJyB,IAAI;MACRV,KAAK,EAAEA,KAAM;MACbD,YAAY,EAAEA,YAAa;MAC3BY,GAAG,EAAEO,QAAS;MACdpB,KAAK,EAAE,CACL8B,MAAM,CAACY,KAAK,EACZ;QACEC,UAAU,EAAExB,KAAK,CAACyB,KAAK,CAACC,OAAO;QAC/BC,KAAK,EAAE5B,MAAM,CAAC6B,UAAU;QACxB;QACAC,UAAU,EAAE9B,MAAM,CAAC+B,OAAO,CAAE;MAC9B,CAAC,EACD5D,QAAQ,CAAC6D,EAAE,KAAK,KAAK,IAAIpB,MAAM,CAACqB,QAAQ,CACxC;MACF1C,OAAO,EAAEe,WAAY;MACrB4B,SAAS,EAAE9D,WAAW,CAAC+D,KAAK,GAAG,OAAO,GAAG,MAAO;MAChD7C,MAAM,EAAEkB,UAAW;MACnB4B,oBAAoB,EAAE5D,gBAAgB,CAACwB,MAAM,CAAC6B,UAAU,EAAE,GAAG,CAAE;MAC/D5C,QAAQ,EAAEA,QAAS;MACnBoD,eAAe,EAAEhD,OAAO,KAAK,UAAU,IAAI,CAACS,YAAa;MACzDwC,WAAW,EAAEtC,MAAM,CAAC+B,OAAQ;MAC5BQ,cAAc,EAAE/D,gBAAgB,CAC9BwB,MAAM,CAAC+B,OAAO,EACd5D,QAAQ,CAAC6D,EAAE,KAAK,SAAS,GAAG,IAAI,GAAG,CACrC,CAAE;MACFQ,oBAAoB,EAAExC,MAAM,CAAC+B;IAAQ,CACtC,CAAC,EACDtC,SAAS,IACRT,KAAK,IACLK,OAAO,KAAK,UAAU,IACtBoB,iBAAiB,CAAC,SAAS,EAAE,MAAM1B,YAAY,GAAG,EAAE,CAAC,CAAC,EACvDM,OAAO,KAAK,UAAU,IACrBoB,iBAAiB,CAACX,YAAY,GAAG,WAAW,GAAG,KAAK,EAAE,MACpDC,eAAe,CAAC,CAACD,YAAY,CAC/B,CAAC;EAAA,CACW,CAAC;AAErB,CACF,CAAC;AAED,MAAMc,MAAM,GAAG1C,UAAU,CAACuE,MAAM,CAAC;EAC/BnB,SAAS,EAAE;IAAEoB,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE;EAAS,CAAC;EACzDnB,KAAK,EAAE;IAAEoB,IAAI,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAG,CAAC;EAChChC,MAAM,EAAE;IAAEiC,WAAW,EAAE,CAAC;IAAEC,OAAO,EAAE;EAAI,CAAC;EACxCC,IAAI,EAAE;IAAEC,SAAS,EAAE;EAAE,CAAC;EACtBhB,QAAQ,EAAE;IAAEiB,YAAY,EAAE;EAAE,CAAc,CAAE;AAC9C,CAAC,CAAC;AAEF,eAAerE,KAAK","ignoreList":[]}
1
+ {"version":3,"names":["forwardRef","useImperativeHandle","useRef","useState","TextInput","StyleSheet","Platform","I18nManager","InputContainer","IconButton","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","Input","style","onChangeText","value","editable","error","label","hint","variant","containerVariant","onBlur","onFocus","iconName","clearable","rest","ref","focused","setFocused","showPassword","setShowPassword","colors","theme","inputRef","focus","current","blur","handleFocus","e","handleBlur","renderRightButton","name","onPress","styles","button","size","disabled","hitSlop","top","bottom","left","right","contentContainerStyle","container","children","input","fontFamily","fonts","regular","color","foreground","caretColor","primary","OS","webInput","textAlign","isRTL","placeholderTextColor","secureTextEntry","cursorColor","selectionColor","selectionHandleColor","create","flexDirection","alignItems","flex","fontSize","marginStart","opacity","icon","marginEnd","outlineWidth"],"sourceRoot":"../../../src","sources":["components/Input.tsx"],"mappings":"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","ignoreList":[]}
@@ -22,6 +22,7 @@ export default function InputContainer({
22
22
  children,
23
23
  size = 'default',
24
24
  disabled,
25
+ variant = 'default',
25
26
  height,
26
27
  iconName
27
28
  }) {
@@ -65,6 +66,8 @@ export default function InputContainer({
65
66
  style: [animStyle, styles.container, {
66
67
  height: containerHeight,
67
68
  borderRadius: theme.roundness
69
+ }, {
70
+ backgroundColor: variant === 'alternative' ? colors.background : colors.altBackground
68
71
  }, contentContainerStyle],
69
72
  children: [iconName && /*#__PURE__*/_jsx(Animated.View, {
70
73
  style: iconAnimStyle,
@@ -1 +1 @@
1
- {"version":3,"names":["useEffect","useMemo","Pressable","StyleSheet","View","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","Text","Icon","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","INACTIVE","ACTIVE","ERROR","InputContainer","style","contentContainerStyle","error","hint","label","onPress","focused","children","size","disabled","height","iconName","status","isFocused","colors","theme","animStyle","borderColor","value","border","primary","destructive","iconAnimStyle","opacity","width","_status","duration","containerHeight","styles","color","foreground","variant","container","borderRadius","roundness","name","create","marginHorizontal","marginTop","flexDirection","alignItems","overflow","paddingHorizontal","borderWidth","marginBottom"],"sourceRoot":"../../../src","sources":["components/InputContainer.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["useEffect","useMemo","Pressable","StyleSheet","View","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","Text","Icon","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","INACTIVE","ACTIVE","ERROR","InputContainer","style","contentContainerStyle","error","hint","label","onPress","focused","children","size","disabled","variant","height","iconName","status","isFocused","colors","theme","animStyle","borderColor","value","border","primary","destructive","iconAnimStyle","opacity","width","_status","duration","containerHeight","styles","color","foreground","container","borderRadius","roundness","backgroundColor","background","altBackground","name","create","marginHorizontal","marginTop","flexDirection","alignItems","overflow","paddingHorizontal","borderWidth","marginBottom"],"sourceRoot":"../../../src","sources":["components/InputContainer.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,85 +1,193 @@
1
1
  "use strict";
2
2
 
3
- import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
4
- import { StyleSheet, TextInput } from 'react-native';
5
- import { convertHexToRgba } from "../utils/uiUtils.js";
3
+ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
4
+ import { StyleSheet, TextInput as RNTextInput, View } from 'react-native';
5
+ import InputContainer from "./InputContainer.js";
6
+ import Text from "./Text.js";
6
7
  import useTheme from "../hooks/useTheme.js";
7
- import { jsx as _jsx } from "react/jsx-runtime";
8
- export const OtpInput = /*#__PURE__*/forwardRef(({
9
- placeholder = '*',
10
- style,
11
- onChangeText,
12
- onKeyPress,
13
- editable = true,
14
- ...rest
15
- }, ref) => {
16
- const innerRef = useRef(null);
17
- const [value, setValue] = useState('');
18
- const [innerPlaceholder, setInnerPlaceholder] = useState(placeholder);
8
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ export function OtpInput({
10
+ length = 4,
11
+ value,
12
+ onChange,
13
+ secure = false,
14
+ variant = 'default'
15
+ }) {
19
16
  const {
20
17
  colors
21
18
  } = useTheme();
22
- useImperativeHandle(ref, () => innerRef.current);
23
- const onFocus = useCallback(() => setInnerPlaceholder(''), []);
24
- const onBlur = useCallback(() => {
25
- if (!value?.length) {
26
- setInnerPlaceholder(placeholder);
19
+ const inputRefs = useRef([]);
20
+ const [values, setValues] = useState(() => new Array(length).fill(''));
21
+ const [focusedIndex, setFocusedIndex] = useState(null);
22
+ const safeLength = useMemo(() => Math.max(1, length), [length]);
23
+
24
+ // Sync internal state when `value` or `length` changes from outside.
25
+ useEffect(() => {
26
+ const nextValues = new Array(safeLength).fill('');
27
+ if (value) {
28
+ const digits = value.replace(/\D/g, '').slice(0, safeLength).split('');
29
+ for (let i = 0; i < digits.length; i += 1) {
30
+ nextValues[i] = digits[i];
31
+ }
27
32
  }
28
- }, [placeholder, value?.length]);
29
- const handleChangeText = useCallback(text => {
30
- const regex = /^\d+$/;
31
- if (regex.test(text)) {
32
- setValue(text);
33
- onChangeText?.(text);
33
+ setValues(nextValues);
34
+ }, [safeLength, value]);
35
+ const emitChange = useCallback(nextValues => {
36
+ onChange?.(nextValues.join(''));
37
+ }, [onChange]);
38
+ const focusCell = useCallback(index => {
39
+ if (index == null) return;
40
+ const clampedIndex = Math.min(Math.max(index, 0), safeLength - 1);
41
+ inputRefs.current[clampedIndex]?.focus();
42
+ setFocusedIndex(clampedIndex);
43
+ }, [safeLength]);
44
+ const focusFirstEmpty = useCallback(nextValues => {
45
+ const emptyIndex = nextValues.findIndex(v => v === '');
46
+ if (emptyIndex !== -1) {
47
+ focusCell(emptyIndex);
34
48
  } else {
35
- innerRef.current?.setNativeProps({
36
- text: ''
37
- });
49
+ // Si todas las celdas están llenas, focuseamos la última
50
+ focusCell(safeLength - 1);
38
51
  }
39
- }, [onChangeText]);
40
- const handleKeyPress = useCallback(event => {
41
- if (event.nativeEvent.key === 'Backspace') {
42
- setValue('');
43
- innerRef.current?.setNativeProps({
52
+ }, [focusCell, safeLength]);
53
+ const handleChangeText = useCallback((text, index) => {
54
+ const digits = text.replace(/\D/g, '');
55
+
56
+ // If nothing meaningful, just clear this cell.
57
+ if (!digits.length) {
58
+ const nextValues = [...values];
59
+ nextValues[index] = '';
60
+ setValues(nextValues);
61
+ emitChange(nextValues);
62
+ focusFirstEmpty(nextValues);
63
+ return;
64
+ }
65
+
66
+ // Más de un dígito a la vez (paste o autofill).
67
+ if (digits.length > 1) {
68
+ const hasEmpty = values.some(v => v === '');
69
+
70
+ // Si todas las celdas ya están completas, solo sobreescribimos la última.
71
+ if (!hasEmpty) {
72
+ const lastIndex = safeLength - 1;
73
+ const nextValues = [...values];
74
+ nextValues[lastIndex] = digits[digits.length - 1] ?? '';
75
+ setValues(nextValues);
76
+ emitChange(nextValues);
77
+ focusCell(lastIndex);
78
+ return;
79
+ }
80
+
81
+ // Paste “normal”: distribuimos los dígitos desde el principio.
82
+ inputRefs.current[index]?.setNativeProps({
44
83
  text: ''
45
84
  });
46
- if (!innerRef?.current?.isFocused()) {
47
- innerRef.current?.setNativeProps({
48
- placeholder: innerPlaceholder
49
- });
85
+ const nextValues = new Array(safeLength).fill('');
86
+ const toFill = digits.slice(0, safeLength).split('');
87
+ for (let i = 0; i < toFill.length; i += 1) {
88
+ nextValues[i] = toFill[i];
50
89
  }
90
+ setValues(nextValues);
91
+ emitChange(nextValues);
92
+ focusFirstEmpty(nextValues);
93
+ return;
51
94
  }
52
- onKeyPress?.(event);
53
- }, [innerPlaceholder, onKeyPress]);
54
- return /*#__PURE__*/_jsx(TextInput, {
55
- ref: innerRef,
56
- ...rest,
57
- placeholderTextColor: convertHexToRgba(colors.foreground, 0.5),
58
- style: [styles.container, style, {
59
- backgroundColor: colors.background
60
- }],
61
- placeholder: innerPlaceholder,
62
- onFocus: onFocus,
63
- onBlur: onBlur,
64
- onChangeText: handleChangeText,
65
- maxLength: 1,
66
- onKeyPress: handleKeyPress,
67
- keyboardType: "number-pad",
68
- editable: editable,
69
- textAlignVertical: "center",
70
- textAlign: "center"
95
+
96
+ // Single digit typed.
97
+ const nextValues = [...values];
98
+ nextValues[index] = digits[0] ?? '';
99
+ setValues(nextValues);
100
+ emitChange(nextValues);
101
+
102
+ // Move focus to the first empty cell (typically the next one).
103
+ focusFirstEmpty(nextValues);
104
+ }, [emitChange, focusCell, focusFirstEmpty, safeLength, values]);
105
+ const handleKeyPress = useCallback(event => {
106
+ if (event.nativeEvent.key !== 'Backspace') return;
107
+ const lastFilledIndex = [...values].map((v, i) => ({
108
+ v,
109
+ i
110
+ })).filter(item => item.v !== '').map(item => item.i).pop();
111
+ if (lastFilledIndex == null) return;
112
+ const nextValues = [...values];
113
+ nextValues[lastFilledIndex] = '';
114
+ setValues(nextValues);
115
+ emitChange(nextValues);
116
+ focusCell(lastFilledIndex);
117
+ }, [emitChange, focusCell, values]);
118
+ const cells = useMemo(() => new Array(safeLength).fill(0).map((_, i) => i), [safeLength]);
119
+ return /*#__PURE__*/_jsx(View, {
120
+ style: styles.root,
121
+ children: cells.map(cellIndex => /*#__PURE__*/_jsx(InputContainer, {
122
+ onPress: () => focusCell(cellIndex),
123
+ focused: focusedIndex === cellIndex,
124
+ style: styles.cellWrapper,
125
+ contentContainerStyle: styles.inputContainer,
126
+ variant: variant,
127
+ size: "default",
128
+ children: /*#__PURE__*/_jsxs(View, {
129
+ style: styles.inputWrapper,
130
+ children: [/*#__PURE__*/_jsx(RNTextInput, {
131
+ ref: ref => {
132
+ inputRefs.current[cellIndex] = ref;
133
+ },
134
+ value: values[cellIndex],
135
+ style: styles.hiddenInput,
136
+ keyboardType: "number-pad",
137
+ secureTextEntry: secure,
138
+ onFocus: () => {
139
+ // Siempre focuseamos la primera celda vacía (o la última si están todas llenas)
140
+ focusFirstEmpty(values);
141
+ },
142
+ onBlur: () => {
143
+ if (focusedIndex === cellIndex) {
144
+ setFocusedIndex(null);
145
+ }
146
+ },
147
+ onChangeText: text => handleChangeText(text, cellIndex),
148
+ onKeyPress: handleKeyPress,
149
+ autoCorrect: false,
150
+ autoCapitalize: "none",
151
+ textContentType: "oneTimeCode"
152
+ }), /*#__PURE__*/_jsx(Text, {
153
+ style: [styles.displayText, {
154
+ color: colors.foreground
155
+ }],
156
+ variant: "h3",
157
+ children: secure && values[cellIndex] ? '●' : values[cellIndex] || ' '
158
+ })]
159
+ })
160
+ }, cellIndex))
71
161
  });
72
- });
162
+ }
73
163
  const styles = StyleSheet.create({
74
- container: {
164
+ root: {
165
+ flexDirection: 'row',
75
166
  alignItems: 'center',
167
+ justifyContent: 'center'
168
+ },
169
+ cellWrapper: {
170
+ flexShrink: 0,
171
+ width: 40,
172
+ marginHorizontal: 6
173
+ },
174
+ inputContainer: {
175
+ paddingHorizontal: 0,
176
+ justifyContent: 'center'
177
+ },
178
+ inputWrapper: {
179
+ flex: 1,
76
180
  justifyContent: 'center',
77
- fontSize: 10,
78
- fontWeight: 'normal',
79
- borderWidth: 1,
80
- borderRadius: 8,
81
- height: 71,
82
- width: 80
181
+ alignItems: 'center',
182
+ position: 'relative'
183
+ },
184
+ hiddenInput: {
185
+ ...StyleSheet.absoluteFillObject,
186
+ opacity: 0
187
+ },
188
+ displayText: {
189
+ textAlign: 'center',
190
+ fontSize: 18
83
191
  }
84
192
  });
85
193
  //# sourceMappingURL=OtpInput.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["forwardRef","useCallback","useImperativeHandle","useRef","useState","StyleSheet","TextInput","convertHexToRgba","useTheme","jsx","_jsx","OtpInput","placeholder","style","onChangeText","onKeyPress","editable","rest","ref","innerRef","value","setValue","innerPlaceholder","setInnerPlaceholder","colors","current","onFocus","onBlur","length","handleChangeText","text","regex","test","setNativeProps","handleKeyPress","event","nativeEvent","key","isFocused","placeholderTextColor","foreground","styles","container","backgroundColor","background","maxLength","keyboardType","textAlignVertical","textAlign","create","alignItems","justifyContent","fontSize","fontWeight","borderWidth","borderRadius","height","width"],"sourceRoot":"../../../src","sources":["components/OtpInput.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","StyleSheet","TextInput","RNTextInput","View","InputContainer","Text","useTheme","jsx","_jsx","jsxs","_jsxs","OtpInput","length","value","onChange","secure","variant","colors","inputRefs","values","setValues","Array","fill","focusedIndex","setFocusedIndex","safeLength","Math","max","nextValues","digits","replace","slice","split","i","emitChange","join","focusCell","index","clampedIndex","min","current","focus","focusFirstEmpty","emptyIndex","findIndex","v","handleChangeText","text","hasEmpty","some","lastIndex","setNativeProps","toFill","handleKeyPress","event","nativeEvent","key","lastFilledIndex","map","filter","item","pop","cells","_","style","styles","root","children","cellIndex","onPress","focused","cellWrapper","contentContainerStyle","inputContainer","size","inputWrapper","ref","hiddenInput","keyboardType","secureTextEntry","onFocus","onBlur","onChangeText","onKeyPress","autoCorrect","autoCapitalize","textContentType","displayText","color","foreground","create","flexDirection","alignItems","justifyContent","flexShrink","width","marginHorizontal","paddingHorizontal","flex","position","absoluteFillObject","opacity","textAlign","fontSize"],"sourceRoot":"../../../src","sources":["components/OtpInput.tsx"],"mappings":"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","ignoreList":[]}
@@ -13,6 +13,7 @@ export const TextArea = /*#__PURE__*/forwardRef(({
13
13
  error,
14
14
  label,
15
15
  hint,
16
+ containerVariant = 'default',
16
17
  onBlur,
17
18
  onFocus,
18
19
  numberOfLines = 4,
@@ -53,6 +54,7 @@ export const TextArea = /*#__PURE__*/forwardRef(({
53
54
  focused: focused,
54
55
  disabled: !editable,
55
56
  height: numberOfLines * 22,
57
+ variant: containerVariant,
56
58
  children: [/*#__PURE__*/_jsx(TextInput, {
57
59
  ...rest,
58
60
  ref: inputRef,
@@ -1 +1 @@
1
- {"version":3,"names":["forwardRef","useImperativeHandle","useMemo","useRef","useState","TextInput","StyleSheet","Platform","I18nManager","InputContainer","useTheme","convertHexToRgba","Text","jsx","_jsx","jsxs","_jsxs","TextArea","style","editable","error","label","hint","onBlur","onFocus","numberOfLines","maxLength","onChangeText","rest","ref","focused","setFocused","colors","theme","inputRef","value","focus","current","blur","handleFocus","e","handleBlur","handleChangeText","text","length","onPress","contentContainerStyle","styles","container","disabled","height","children","input","fontFamily","fonts","regular","color","foreground","caretColor","primary","OS","webInput","placeholderTextColor","textAlignVertical","textAlign","isRTL","multiline","cursorColor","selectionColor","selectionHandleColor","variant","caption","create","flexDirection","flex","fontSize","width","marginVertical","marginBottom","alignSelf","outlineWidth"],"sourceRoot":"../../../src","sources":["components/TextArea.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["forwardRef","useImperativeHandle","useMemo","useRef","useState","TextInput","StyleSheet","Platform","I18nManager","InputContainer","useTheme","convertHexToRgba","Text","jsx","_jsx","jsxs","_jsxs","TextArea","style","editable","error","label","hint","containerVariant","onBlur","onFocus","numberOfLines","maxLength","onChangeText","rest","ref","focused","setFocused","colors","theme","inputRef","value","focus","current","blur","handleFocus","e","handleBlur","handleChangeText","text","length","onPress","contentContainerStyle","styles","container","disabled","height","variant","children","input","fontFamily","fonts","regular","color","foreground","caretColor","primary","OS","webInput","placeholderTextColor","textAlignVertical","textAlign","isRTL","multiline","cursorColor","selectionColor","selectionHandleColor","caption","create","flexDirection","flex","fontSize","width","marginVertical","marginBottom","alignSelf","outlineWidth"],"sourceRoot":"../../../src","sources":["components/TextArea.tsx"],"mappings":"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","ignoreList":[]}
@@ -18,7 +18,6 @@ export { default as ButtonContainer, ButtonVariant, ButtonSize } from "./compone
18
18
  export { convertHexToRgba } from "./utils/uiUtils.js";
19
19
  export { default as BottomSheet } from "./components/BottomSheet.js";
20
20
  export { default as TextArea } from "./components/TextArea.js";
21
- export { OtpInputContainer } from "./components/OtpInputContainer.js";
22
21
  export { OtpInput } from "./components/OtpInput.js";
23
22
  export { default as CalendarPicker } from "./components/CalendarPicker.js";
24
23
  export { default as Accordion, AccordionItem } from "./components/Accordion.js";