rn-inputforge 0.1.0

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 (193) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +273 -0
  3. package/lib/commonjs/components/ChatInput/ChatInput.js +170 -0
  4. package/lib/commonjs/components/ChatInput/ChatInput.js.map +1 -0
  5. package/lib/commonjs/components/ChatInput/index.js +13 -0
  6. package/lib/commonjs/components/ChatInput/index.js.map +1 -0
  7. package/lib/commonjs/components/ChatInput/types.js +6 -0
  8. package/lib/commonjs/components/ChatInput/types.js.map +1 -0
  9. package/lib/commonjs/components/DescriptionField/DescriptionField.js +40 -0
  10. package/lib/commonjs/components/DescriptionField/DescriptionField.js.map +1 -0
  11. package/lib/commonjs/components/DescriptionField/index.js +13 -0
  12. package/lib/commonjs/components/DescriptionField/index.js.map +1 -0
  13. package/lib/commonjs/components/FieldFlowInput/FieldFlowInput.js +207 -0
  14. package/lib/commonjs/components/FieldFlowInput/FieldFlowInput.js.map +1 -0
  15. package/lib/commonjs/components/FieldFlowInput/index.js +13 -0
  16. package/lib/commonjs/components/FieldFlowInput/index.js.map +1 -0
  17. package/lib/commonjs/components/FieldFlowInput/styles.js +99 -0
  18. package/lib/commonjs/components/FieldFlowInput/styles.js.map +1 -0
  19. package/lib/commonjs/components/FieldFlowInput/types.js +6 -0
  20. package/lib/commonjs/components/FieldFlowInput/types.js.map +1 -0
  21. package/lib/commonjs/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js +44 -0
  22. package/lib/commonjs/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js.map +1 -0
  23. package/lib/commonjs/components/KeyboardAwareFormWrapper/index.js +13 -0
  24. package/lib/commonjs/components/KeyboardAwareFormWrapper/index.js.map +1 -0
  25. package/lib/commonjs/hooks/index.js +27 -0
  26. package/lib/commonjs/hooks/index.js.map +1 -0
  27. package/lib/commonjs/hooks/useFieldFlowForm.js +108 -0
  28. package/lib/commonjs/hooks/useFieldFlowForm.js.map +1 -0
  29. package/lib/commonjs/hooks/useFieldState.js +27 -0
  30. package/lib/commonjs/hooks/useFieldState.js.map +1 -0
  31. package/lib/commonjs/hooks/useKeyboardManager.js +68 -0
  32. package/lib/commonjs/hooks/useKeyboardManager.js.map +1 -0
  33. package/lib/commonjs/icons/Icon.js +388 -0
  34. package/lib/commonjs/icons/Icon.js.map +1 -0
  35. package/lib/commonjs/icons/index.js +13 -0
  36. package/lib/commonjs/icons/index.js.map +1 -0
  37. package/lib/commonjs/index.js +158 -0
  38. package/lib/commonjs/index.js.map +1 -0
  39. package/lib/commonjs/package.json +1 -0
  40. package/lib/commonjs/theme/ThemeProvider.js +48 -0
  41. package/lib/commonjs/theme/ThemeProvider.js.map +1 -0
  42. package/lib/commonjs/theme/defaultTheme.js +62 -0
  43. package/lib/commonjs/theme/defaultTheme.js.map +1 -0
  44. package/lib/commonjs/theme/index.js +38 -0
  45. package/lib/commonjs/theme/index.js.map +1 -0
  46. package/lib/commonjs/types/index.js +6 -0
  47. package/lib/commonjs/types/index.js.map +1 -0
  48. package/lib/commonjs/utils/formatters.js +25 -0
  49. package/lib/commonjs/utils/formatters.js.map +1 -0
  50. package/lib/commonjs/utils/keyboardTypes.js +103 -0
  51. package/lib/commonjs/utils/keyboardTypes.js.map +1 -0
  52. package/lib/commonjs/validation/index.js +80 -0
  53. package/lib/commonjs/validation/index.js.map +1 -0
  54. package/lib/commonjs/validation/useValidation.js +34 -0
  55. package/lib/commonjs/validation/useValidation.js.map +1 -0
  56. package/lib/commonjs/validation/validators.js +118 -0
  57. package/lib/commonjs/validation/validators.js.map +1 -0
  58. package/lib/module/components/ChatInput/ChatInput.js +165 -0
  59. package/lib/module/components/ChatInput/ChatInput.js.map +1 -0
  60. package/lib/module/components/ChatInput/index.js +4 -0
  61. package/lib/module/components/ChatInput/index.js.map +1 -0
  62. package/lib/module/components/ChatInput/types.js +4 -0
  63. package/lib/module/components/ChatInput/types.js.map +1 -0
  64. package/lib/module/components/DescriptionField/DescriptionField.js +35 -0
  65. package/lib/module/components/DescriptionField/DescriptionField.js.map +1 -0
  66. package/lib/module/components/DescriptionField/index.js +4 -0
  67. package/lib/module/components/DescriptionField/index.js.map +1 -0
  68. package/lib/module/components/FieldFlowInput/FieldFlowInput.js +202 -0
  69. package/lib/module/components/FieldFlowInput/FieldFlowInput.js.map +1 -0
  70. package/lib/module/components/FieldFlowInput/index.js +4 -0
  71. package/lib/module/components/FieldFlowInput/index.js.map +1 -0
  72. package/lib/module/components/FieldFlowInput/styles.js +92 -0
  73. package/lib/module/components/FieldFlowInput/styles.js.map +1 -0
  74. package/lib/module/components/FieldFlowInput/types.js +4 -0
  75. package/lib/module/components/FieldFlowInput/types.js.map +1 -0
  76. package/lib/module/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js +39 -0
  77. package/lib/module/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js.map +1 -0
  78. package/lib/module/components/KeyboardAwareFormWrapper/index.js +4 -0
  79. package/lib/module/components/KeyboardAwareFormWrapper/index.js.map +1 -0
  80. package/lib/module/hooks/index.js +6 -0
  81. package/lib/module/hooks/index.js.map +1 -0
  82. package/lib/module/hooks/useFieldFlowForm.js +104 -0
  83. package/lib/module/hooks/useFieldFlowForm.js.map +1 -0
  84. package/lib/module/hooks/useFieldState.js +23 -0
  85. package/lib/module/hooks/useFieldState.js.map +1 -0
  86. package/lib/module/hooks/useKeyboardManager.js +64 -0
  87. package/lib/module/hooks/useKeyboardManager.js.map +1 -0
  88. package/lib/module/icons/Icon.js +383 -0
  89. package/lib/module/icons/Icon.js.map +1 -0
  90. package/lib/module/icons/index.js +4 -0
  91. package/lib/module/icons/index.js.map +1 -0
  92. package/lib/module/index.js +18 -0
  93. package/lib/module/index.js.map +1 -0
  94. package/lib/module/theme/ThemeProvider.js +42 -0
  95. package/lib/module/theme/ThemeProvider.js.map +1 -0
  96. package/lib/module/theme/defaultTheme.js +58 -0
  97. package/lib/module/theme/defaultTheme.js.map +1 -0
  98. package/lib/module/theme/index.js +5 -0
  99. package/lib/module/theme/index.js.map +1 -0
  100. package/lib/module/types/index.js +4 -0
  101. package/lib/module/types/index.js.map +1 -0
  102. package/lib/module/utils/formatters.js +19 -0
  103. package/lib/module/utils/formatters.js.map +1 -0
  104. package/lib/module/utils/keyboardTypes.js +98 -0
  105. package/lib/module/utils/keyboardTypes.js.map +1 -0
  106. package/lib/module/validation/index.js +5 -0
  107. package/lib/module/validation/index.js.map +1 -0
  108. package/lib/module/validation/useValidation.js +30 -0
  109. package/lib/module/validation/useValidation.js.map +1 -0
  110. package/lib/module/validation/validators.js +103 -0
  111. package/lib/module/validation/validators.js.map +1 -0
  112. package/lib/typescript/components/ChatInput/ChatInput.d.ts +10 -0
  113. package/lib/typescript/components/ChatInput/ChatInput.d.ts.map +1 -0
  114. package/lib/typescript/components/ChatInput/index.d.ts +3 -0
  115. package/lib/typescript/components/ChatInput/index.d.ts.map +1 -0
  116. package/lib/typescript/components/ChatInput/types.d.ts +30 -0
  117. package/lib/typescript/components/ChatInput/types.d.ts.map +1 -0
  118. package/lib/typescript/components/DescriptionField/DescriptionField.d.ts +16 -0
  119. package/lib/typescript/components/DescriptionField/DescriptionField.d.ts.map +1 -0
  120. package/lib/typescript/components/DescriptionField/index.d.ts +3 -0
  121. package/lib/typescript/components/DescriptionField/index.d.ts.map +1 -0
  122. package/lib/typescript/components/FieldFlowInput/FieldFlowInput.d.ts +5 -0
  123. package/lib/typescript/components/FieldFlowInput/FieldFlowInput.d.ts.map +1 -0
  124. package/lib/typescript/components/FieldFlowInput/index.d.ts +3 -0
  125. package/lib/typescript/components/FieldFlowInput/index.d.ts.map +1 -0
  126. package/lib/typescript/components/FieldFlowInput/styles.d.ts +71 -0
  127. package/lib/typescript/components/FieldFlowInput/styles.d.ts.map +1 -0
  128. package/lib/typescript/components/FieldFlowInput/types.d.ts +50 -0
  129. package/lib/typescript/components/FieldFlowInput/types.d.ts.map +1 -0
  130. package/lib/typescript/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.d.ts +17 -0
  131. package/lib/typescript/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.d.ts.map +1 -0
  132. package/lib/typescript/components/KeyboardAwareFormWrapper/index.d.ts +3 -0
  133. package/lib/typescript/components/KeyboardAwareFormWrapper/index.d.ts.map +1 -0
  134. package/lib/typescript/hooks/index.d.ts +7 -0
  135. package/lib/typescript/hooks/index.d.ts.map +1 -0
  136. package/lib/typescript/hooks/useFieldFlowForm.d.ts +31 -0
  137. package/lib/typescript/hooks/useFieldFlowForm.d.ts.map +1 -0
  138. package/lib/typescript/hooks/useFieldState.d.ts +12 -0
  139. package/lib/typescript/hooks/useFieldState.d.ts.map +1 -0
  140. package/lib/typescript/hooks/useKeyboardManager.d.ts +35 -0
  141. package/lib/typescript/hooks/useKeyboardManager.d.ts.map +1 -0
  142. package/lib/typescript/icons/Icon.d.ts +17 -0
  143. package/lib/typescript/icons/Icon.d.ts.map +1 -0
  144. package/lib/typescript/icons/index.d.ts +3 -0
  145. package/lib/typescript/icons/index.d.ts.map +1 -0
  146. package/lib/typescript/index.d.ts +18 -0
  147. package/lib/typescript/index.d.ts.map +1 -0
  148. package/lib/typescript/theme/ThemeProvider.d.ts +16 -0
  149. package/lib/typescript/theme/ThemeProvider.d.ts.map +1 -0
  150. package/lib/typescript/theme/defaultTheme.d.ts +4 -0
  151. package/lib/typescript/theme/defaultTheme.d.ts.map +1 -0
  152. package/lib/typescript/theme/index.d.ts +4 -0
  153. package/lib/typescript/theme/index.d.ts.map +1 -0
  154. package/lib/typescript/types/index.d.ts +79 -0
  155. package/lib/typescript/types/index.d.ts.map +1 -0
  156. package/lib/typescript/utils/formatters.d.ts +5 -0
  157. package/lib/typescript/utils/formatters.d.ts.map +1 -0
  158. package/lib/typescript/utils/keyboardTypes.d.ts +18 -0
  159. package/lib/typescript/utils/keyboardTypes.d.ts.map +1 -0
  160. package/lib/typescript/validation/index.d.ts +4 -0
  161. package/lib/typescript/validation/index.d.ts.map +1 -0
  162. package/lib/typescript/validation/useValidation.d.ts +14 -0
  163. package/lib/typescript/validation/useValidation.d.ts.map +1 -0
  164. package/lib/typescript/validation/validators.d.ts +17 -0
  165. package/lib/typescript/validation/validators.d.ts.map +1 -0
  166. package/package.json +80 -0
  167. package/src/components/ChatInput/ChatInput.tsx +178 -0
  168. package/src/components/ChatInput/index.ts +2 -0
  169. package/src/components/ChatInput/types.ts +35 -0
  170. package/src/components/DescriptionField/DescriptionField.tsx +39 -0
  171. package/src/components/DescriptionField/index.ts +2 -0
  172. package/src/components/FieldFlowInput/FieldFlowInput.tsx +240 -0
  173. package/src/components/FieldFlowInput/index.ts +2 -0
  174. package/src/components/FieldFlowInput/styles.ts +94 -0
  175. package/src/components/FieldFlowInput/types.ts +55 -0
  176. package/src/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.tsx +45 -0
  177. package/src/components/KeyboardAwareFormWrapper/index.ts +2 -0
  178. package/src/hooks/index.ts +12 -0
  179. package/src/hooks/useFieldFlowForm.ts +133 -0
  180. package/src/hooks/useFieldState.ts +31 -0
  181. package/src/hooks/useKeyboardManager.ts +105 -0
  182. package/src/icons/Icon.tsx +338 -0
  183. package/src/icons/index.ts +2 -0
  184. package/src/index.ts +63 -0
  185. package/src/theme/ThemeProvider.tsx +49 -0
  186. package/src/theme/defaultTheme.ts +58 -0
  187. package/src/theme/index.ts +3 -0
  188. package/src/types/index.ts +98 -0
  189. package/src/utils/formatters.ts +18 -0
  190. package/src/utils/keyboardTypes.ts +85 -0
  191. package/src/validation/index.ts +15 -0
  192. package/src/validation/useValidation.ts +37 -0
  193. package/src/validation/validators.ts +93 -0
@@ -0,0 +1,207 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.FieldFlowInput = void 0;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _ThemeProvider = require("../../theme/ThemeProvider");
10
+ var _defaultTheme = require("../../theme/defaultTheme");
11
+ var _useFieldState = require("../../hooks/useFieldState");
12
+ var _keyboardTypes = require("../../utils/keyboardTypes");
13
+ var _formatters = require("../../utils/formatters");
14
+ var _validators = require("../../validation/validators");
15
+ var _Icon = require("../../icons/Icon");
16
+ var _styles = require("./styles");
17
+ var _jsxRuntime = require("react/jsx-runtime");
18
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
19
+ function renderIconNode(icon, color) {
20
+ if (!icon) return null;
21
+ if (typeof icon === 'string') {
22
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.FieldFlowIcon, {
23
+ name: icon,
24
+ color: color,
25
+ size: 18
26
+ });
27
+ }
28
+ return icon;
29
+ }
30
+ const FieldFlowInput = exports.FieldFlowInput = /*#__PURE__*/(0, _react.forwardRef)(function FieldFlowInput({
31
+ type = 'text',
32
+ label,
33
+ helperText,
34
+ errorText,
35
+ hasError,
36
+ successText,
37
+ isSuccess,
38
+ loading,
39
+ disabled,
40
+ readOnly,
41
+ required,
42
+ value,
43
+ defaultValue,
44
+ onChangeText,
45
+ onFocus,
46
+ onBlur,
47
+ rules,
48
+ validateOnChange,
49
+ onValidate,
50
+ leftIcon,
51
+ rightIcon,
52
+ onLeftIconPress,
53
+ onRightIconPress,
54
+ clearable,
55
+ maxLength,
56
+ showCharacterCount,
57
+ onSubmitEditing,
58
+ containerStyle,
59
+ inputStyle,
60
+ labelStyle,
61
+ helperStyle,
62
+ theme: themeOverride,
63
+ testID,
64
+ ...rest
65
+ }, forwardedRef) {
66
+ const contextTheme = (0, _ThemeProvider.useFieldFlowTheme)();
67
+ const theme = (0, _react.useMemo)(() => themeOverride ? (0, _ThemeProvider.mergeDeep)(contextTheme ?? _defaultTheme.defaultTheme, themeOverride) : contextTheme ?? _defaultTheme.defaultTheme, [contextTheme, themeOverride]);
68
+ const innerRef = (0, _react.useRef)(null);
69
+ (0, _react.useImperativeHandle)(forwardedRef, () => innerRef.current);
70
+ const isControlled = value !== undefined;
71
+ const [internalValue, setInternalValue] = (0, _react.useState)(defaultValue ?? '');
72
+ const currentValue = isControlled ? value ?? '' : internalValue;
73
+ const [isFocused, setIsFocused] = (0, _react.useState)(false);
74
+ const [showPassword, setShowPassword] = (0, _react.useState)(false);
75
+ const [localError, setLocalError] = (0, _react.useState)(undefined);
76
+ const fieldConfig = (0, _react.useMemo)(() => (0, _keyboardTypes.resolveFieldConfig)(type), [type]);
77
+ const effectiveRules = (0, _react.useMemo)(() => ({
78
+ ...(0, _keyboardTypes.implicitRulesForType)(type),
79
+ ...(required ? {
80
+ required: true
81
+ } : {}),
82
+ ...rules
83
+ }), [type, required, rules]);
84
+ const resolvedError = errorText ?? localError;
85
+ const state = (0, _useFieldState.useFieldState)({
86
+ isFocused,
87
+ hasError: Boolean(hasError || resolvedError),
88
+ isSuccess,
89
+ disabled,
90
+ readOnly,
91
+ loading
92
+ });
93
+ const styles = (0, _react.useMemo)(() => (0, _styles.createStyles)(theme, state, fieldConfig.multiline && type !== 'chat'), [theme, state, fieldConfig.multiline, type]);
94
+ const iconColor = (0, _styles.iconColorFor)(theme, state);
95
+ const runValidation = (0, _react.useCallback)(nextValue => {
96
+ const result = (0, _validators.runRules)(nextValue, effectiveRules);
97
+ setLocalError(result.valid ? undefined : result.message);
98
+ onValidate?.(result);
99
+ return result.valid;
100
+ }, [effectiveRules, onValidate]);
101
+ const handleChangeText = (0, _react.useCallback)(raw => {
102
+ let next = raw;
103
+ if (type === 'number') next = (0, _formatters.sanitizeNumeric)(next, false);
104
+ if (type === 'decimal') next = (0, _formatters.sanitizeNumeric)(next, true);
105
+ if (type === 'phone') next = (0, _formatters.sanitizePhone)(next);
106
+ next = (0, _formatters.truncate)(next, maxLength);
107
+ if (!isControlled) setInternalValue(next);
108
+ onChangeText?.(next);
109
+ if (validateOnChange) runValidation(next);
110
+ }, [type, maxLength, isControlled, onChangeText, validateOnChange, runValidation]);
111
+ const handleFocus = (0, _react.useCallback)(() => {
112
+ setIsFocused(true);
113
+ onFocus?.();
114
+ }, [onFocus]);
115
+ const handleBlur = (0, _react.useCallback)(() => {
116
+ setIsFocused(false);
117
+ runValidation(currentValue);
118
+ onBlur?.();
119
+ }, [runValidation, currentValue, onBlur]);
120
+ const handleClear = (0, _react.useCallback)(() => {
121
+ if (!isControlled) setInternalValue('');
122
+ onChangeText?.('');
123
+ innerRef.current?.focus();
124
+ }, [isControlled, onChangeText]);
125
+ const isClearable = clearable ?? type === 'search';
126
+ const showClearButton = isClearable && currentValue.length > 0 && !disabled && !readOnly && !loading;
127
+ const resolvedLeftIcon = leftIcon ?? (type === 'search' ? 'search' : undefined);
128
+ let resolvedRightIcon = rightIcon;
129
+ let rightIconPress = onRightIconPress;
130
+ if (!resolvedRightIcon) {
131
+ if (loading) {
132
+ resolvedRightIcon = 'spinner';
133
+ } else if (type === 'password') {
134
+ resolvedRightIcon = showPassword ? 'eyeOff' : 'eye';
135
+ rightIconPress = () => setShowPassword(v => !v);
136
+ } else if (showClearButton) {
137
+ resolvedRightIcon = 'clear';
138
+ rightIconPress = handleClear;
139
+ } else if (state === 'error') {
140
+ resolvedRightIcon = 'alert';
141
+ } else if (state === 'success') {
142
+ resolvedRightIcon = 'check';
143
+ }
144
+ }
145
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
146
+ style: [styles.wrapper, containerStyle],
147
+ testID: testID,
148
+ children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
149
+ style: [styles.label, labelStyle],
150
+ children: [label, required ? ' *' : '']
151
+ }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
152
+ style: styles.inputContainer,
153
+ children: [resolvedLeftIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
154
+ onPress: onLeftIconPress,
155
+ disabled: !onLeftIconPress,
156
+ style: [styles.iconSlot, styles.iconSlotLeft],
157
+ hitSlop: 8,
158
+ children: renderIconNode(resolvedLeftIcon, iconColor)
159
+ }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
160
+ ref: innerRef,
161
+ value: currentValue,
162
+ onChangeText: handleChangeText,
163
+ onFocus: handleFocus,
164
+ onBlur: handleBlur,
165
+ onSubmitEditing: onSubmitEditing,
166
+ editable: !disabled && !readOnly && !loading,
167
+ placeholderTextColor: theme.colors.placeholder,
168
+ keyboardType: fieldConfig.keyboardType,
169
+ secureTextEntry: fieldConfig.secureTextEntry && !showPassword,
170
+ autoCapitalize: fieldConfig.autoCapitalize,
171
+ autoCorrect: fieldConfig.autoCorrect,
172
+ multiline: fieldConfig.multiline && type !== 'chat',
173
+ maxLength: maxLength,
174
+ returnKeyType: fieldConfig.multiline ? 'default' : 'done',
175
+ style: [styles.input, inputStyle],
176
+ ...rest
177
+ }), resolvedRightIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
178
+ onPress: rightIconPress,
179
+ disabled: !rightIconPress,
180
+ style: [styles.iconSlot, styles.iconSlotRight],
181
+ hitSlop: 8,
182
+ children: renderIconNode(resolvedRightIcon, iconColor)
183
+ }) : null]
184
+ }), (helperText || resolvedError || successText || showCharacterCount && maxLength) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
185
+ style: styles.footerRow,
186
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
187
+ style: {
188
+ flex: 1
189
+ },
190
+ children: resolvedError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
191
+ style: styles.errorText,
192
+ children: resolvedError
193
+ }) : successText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
194
+ style: styles.successText,
195
+ children: successText
196
+ }) : helperText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
197
+ style: styles.helperText,
198
+ children: helperText
199
+ }) : null
200
+ }), showCharacterCount && maxLength ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
201
+ style: styles.charCount,
202
+ children: [currentValue.length, "/", maxLength]
203
+ }) : null]
204
+ })]
205
+ });
206
+ });
207
+ //# sourceMappingURL=FieldFlowInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeProvider","_defaultTheme","_useFieldState","_keyboardTypes","_formatters","_validators","_Icon","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","renderIconNode","icon","color","jsx","FieldFlowIcon","name","size","FieldFlowInput","exports","forwardRef","type","label","helperText","errorText","hasError","successText","isSuccess","loading","disabled","readOnly","required","value","defaultValue","onChangeText","onFocus","onBlur","rules","validateOnChange","onValidate","leftIcon","rightIcon","onLeftIconPress","onRightIconPress","clearable","maxLength","showCharacterCount","onSubmitEditing","containerStyle","inputStyle","labelStyle","helperStyle","theme","themeOverride","testID","rest","forwardedRef","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","innerRef","useRef","useImperativeHandle","current","isControlled","undefined","internalValue","setInternalValue","useState","currentValue","isFocused","setIsFocused","showPassword","setShowPassword","localError","setLocalError","fieldConfig","resolveFieldConfig","effectiveRules","implicitRulesForType","resolvedError","state","useFieldState","Boolean","styles","createStyles","multiline","iconColor","iconColorFor","runValidation","useCallback","nextValue","result","runRules","valid","message","handleChangeText","raw","next","sanitizeNumeric","sanitizePhone","truncate","handleFocus","handleBlur","handleClear","focus","isClearable","showClearButton","length","resolvedLeftIcon","resolvedRightIcon","rightIconPress","v","jsxs","View","style","wrapper","children","Text","inputContainer","Pressable","onPress","iconSlot","iconSlotLeft","hitSlop","TextInput","ref","editable","placeholderTextColor","colors","placeholder","keyboardType","secureTextEntry","autoCapitalize","autoCorrect","returnKeyType","input","iconSlotRight","footerRow","flex","charCount"],"sourceRoot":"../../../../src","sources":["components/FieldFlowInput/FieldFlowInput.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "FieldFlowInput", {
7
+ enumerable: true,
8
+ get: function () {
9
+ return _FieldFlowInput.FieldFlowInput;
10
+ }
11
+ });
12
+ var _FieldFlowInput = require("./FieldFlowInput");
13
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_FieldFlowInput","require"],"sourceRoot":"../../../../src","sources":["components/FieldFlowInput/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA","ignoreList":[]}
@@ -0,0 +1,99 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.borderColorFor = borderColorFor;
7
+ exports.createStyles = createStyles;
8
+ exports.iconColorFor = iconColorFor;
9
+ exports.labelColorFor = labelColorFor;
10
+ var _reactNative = require("react-native");
11
+ function borderColorFor(theme, state) {
12
+ switch (state) {
13
+ case 'focused':
14
+ return theme.colors.borderFocused;
15
+ case 'error':
16
+ return theme.colors.borderError;
17
+ case 'success':
18
+ return theme.colors.borderSuccess;
19
+ default:
20
+ return theme.colors.border;
21
+ }
22
+ }
23
+ function labelColorFor(theme, state) {
24
+ if (state === 'error') return theme.colors.error;
25
+ if (state === 'focused') return theme.colors.labelFocused;
26
+ return theme.colors.label;
27
+ }
28
+ function iconColorFor(theme, state) {
29
+ return state === 'focused' ? theme.colors.iconFocused : theme.colors.icon;
30
+ }
31
+ function createStyles(theme, state, multiline) {
32
+ return _reactNative.StyleSheet.create({
33
+ wrapper: {
34
+ marginBottom: theme.spacing.gap * 2
35
+ },
36
+ label: {
37
+ fontSize: theme.typography.labelFontSize,
38
+ marginBottom: theme.spacing.gap / 1.5,
39
+ color: labelColorFor(theme, state),
40
+ fontWeight: '500'
41
+ },
42
+ inputContainer: {
43
+ flexDirection: 'row',
44
+ alignItems: multiline ? 'flex-start' : 'center',
45
+ backgroundColor: state === 'disabled' ? theme.colors.backgroundDisabled : theme.colors.background,
46
+ borderRadius: theme.spacing.borderRadius,
47
+ borderWidth: state === 'focused' ? theme.spacing.borderWidthFocused : theme.spacing.borderWidth,
48
+ borderColor: borderColorFor(theme, state),
49
+ paddingHorizontal: theme.spacing.paddingHorizontal,
50
+ paddingVertical: multiline ? theme.spacing.paddingVertical : 0,
51
+ minHeight: multiline ? undefined : theme.spacing.paddingVertical * 2 + theme.typography.fontSize + 6
52
+ },
53
+ input: {
54
+ flex: 1,
55
+ fontSize: theme.typography.fontSize,
56
+ color: theme.colors.text,
57
+ paddingVertical: multiline ? 0 : theme.spacing.paddingVertical,
58
+ textAlignVertical: multiline ? 'top' : 'center',
59
+ minHeight: multiline ? 80 : undefined
60
+ },
61
+ iconSlot: {
62
+ alignItems: 'center',
63
+ justifyContent: 'center',
64
+ marginTop: multiline ? theme.spacing.paddingVertical : 0
65
+ },
66
+ iconSlotLeft: {
67
+ marginRight: theme.spacing.gap
68
+ },
69
+ iconSlotRight: {
70
+ marginLeft: theme.spacing.gap
71
+ },
72
+ footerRow: {
73
+ flexDirection: 'row',
74
+ justifyContent: 'space-between',
75
+ marginTop: theme.spacing.gap / 1.5
76
+ },
77
+ helperText: {
78
+ fontSize: theme.typography.helperFontSize,
79
+ color: theme.colors.label,
80
+ flexShrink: 1
81
+ },
82
+ errorText: {
83
+ fontSize: theme.typography.helperFontSize,
84
+ color: theme.colors.error,
85
+ flexShrink: 1
86
+ },
87
+ successText: {
88
+ fontSize: theme.typography.helperFontSize,
89
+ color: theme.colors.success,
90
+ flexShrink: 1
91
+ },
92
+ charCount: {
93
+ fontSize: theme.typography.helperFontSize,
94
+ color: theme.colors.placeholder,
95
+ marginLeft: theme.spacing.gap
96
+ }
97
+ });
98
+ }
99
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_reactNative","require","borderColorFor","theme","state","colors","borderFocused","borderError","borderSuccess","border","labelColorFor","error","labelFocused","label","iconColorFor","iconFocused","icon","createStyles","multiline","StyleSheet","create","wrapper","marginBottom","spacing","gap","fontSize","typography","labelFontSize","color","fontWeight","inputContainer","flexDirection","alignItems","backgroundColor","backgroundDisabled","background","borderRadius","borderWidth","borderWidthFocused","borderColor","paddingHorizontal","paddingVertical","minHeight","undefined","input","flex","text","textAlignVertical","iconSlot","justifyContent","marginTop","iconSlotLeft","marginRight","iconSlotRight","marginLeft","footerRow","helperText","helperFontSize","flexShrink","errorText","successText","success","charCount","placeholder"],"sourceRoot":"../../../../src","sources":["components/FieldFlowInput/styles.ts"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/FieldFlowInput/types.ts"],"mappings":"","ignoreList":[]}
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.KeyboardAwareFormWrapper = KeyboardAwareFormWrapper;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
+ /**
12
+ * Wrap your form fields in this instead of a plain ScrollView. It automatically
13
+ * keeps the focused field visible above the keyboard and animates smoothly on
14
+ * both iOS and Android; pass it the same `keyboardManager` you got from
15
+ * `useKeyboardManager()`.
16
+ */
17
+ function KeyboardAwareFormWrapper({
18
+ keyboardManager,
19
+ children,
20
+ contentContainerStyle,
21
+ style
22
+ }) {
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.KeyboardAvoidingView, {
24
+ style: [styles.flex, style],
25
+ behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : undefined,
26
+ keyboardVerticalOffset: _reactNative.Platform.OS === 'ios' ? 64 : 0,
27
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
28
+ ref: keyboardManager.scrollViewRef,
29
+ keyboardShouldPersistTaps: "handled",
30
+ contentContainerStyle: [styles.content, contentContainerStyle],
31
+ showsVerticalScrollIndicator: false,
32
+ children: children
33
+ })
34
+ });
35
+ }
36
+ const styles = _reactNative.StyleSheet.create({
37
+ flex: {
38
+ flex: 1
39
+ },
40
+ content: {
41
+ flexGrow: 1
42
+ }
43
+ });
44
+ //# sourceMappingURL=KeyboardAwareFormWrapper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","KeyboardAwareFormWrapper","keyboardManager","children","contentContainerStyle","style","jsx","KeyboardAvoidingView","styles","flex","behavior","Platform","OS","undefined","keyboardVerticalOffset","ScrollView","ref","scrollViewRef","keyboardShouldPersistTaps","content","showsVerticalScrollIndicator","StyleSheet","create","flexGrow"],"sourceRoot":"../../../../src","sources":["components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAiG,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUjG;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,wBAAwBA,CAAC;EACvCC,eAAe;EACfC,QAAQ;EACRC,qBAAqB;EACrBC;AAC6B,CAAC,EAAE;EAChC,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACV,YAAA,CAAAW,oBAAoB;IACnBF,KAAK,EAAE,CAACG,MAAM,CAACC,IAAI,EAAEJ,KAAK,CAAE;IAC5BK,QAAQ,EAAEC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,SAAS,GAAGC,SAAU;IACxDC,sBAAsB,EAAEH,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG,CAAE;IAAAT,QAAA,eAEvD,IAAAN,WAAA,CAAAS,GAAA,EAACV,YAAA,CAAAmB,UAAU;MACTC,GAAG,EAAEd,eAAe,CAACe,aAAc;MACnCC,yBAAyB,EAAC,SAAS;MACnCd,qBAAqB,EAAE,CAACI,MAAM,CAACW,OAAO,EAAEf,qBAAqB,CAAE;MAC/DgB,4BAA4B,EAAE,KAAM;MAAAjB,QAAA,EAEnCA;IAAQ,CACC;EAAC,CACO,CAAC;AAE3B;AAEA,MAAMK,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,IAAI,EAAE;IAAEA,IAAI,EAAE;EAAE,CAAC;EACjBU,OAAO,EAAE;IAAEI,QAAQ,EAAE;EAAE;AACzB,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "KeyboardAwareFormWrapper", {
7
+ enumerable: true,
8
+ get: function () {
9
+ return _KeyboardAwareFormWrapper.KeyboardAwareFormWrapper;
10
+ }
11
+ });
12
+ var _KeyboardAwareFormWrapper = require("./KeyboardAwareFormWrapper");
13
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_KeyboardAwareFormWrapper","require"],"sourceRoot":"../../../../src","sources":["components/KeyboardAwareFormWrapper/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA","ignoreList":[]}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "useFieldFlowForm", {
7
+ enumerable: true,
8
+ get: function () {
9
+ return _useFieldFlowForm.useFieldFlowForm;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "useFieldState", {
13
+ enumerable: true,
14
+ get: function () {
15
+ return _useFieldState.useFieldState;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "useKeyboardManager", {
19
+ enumerable: true,
20
+ get: function () {
21
+ return _useKeyboardManager.useKeyboardManager;
22
+ }
23
+ });
24
+ var _useKeyboardManager = require("./useKeyboardManager");
25
+ var _useFieldFlowForm = require("./useFieldFlowForm");
26
+ var _useFieldState = require("./useFieldState");
27
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_useKeyboardManager","require","_useFieldFlowForm","_useFieldState"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAGA,IAAAC,iBAAA,GAAAD,OAAA;AAOA,IAAAE,cAAA,GAAAF,OAAA","ignoreList":[]}
@@ -0,0 +1,108 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useFieldFlowForm = useFieldFlowForm;
7
+ var _react = require("react");
8
+ var _validators = require("../validation/validators");
9
+ /**
10
+ * Drop-in form state manager for a set of FieldFlow inputs. Handles values,
11
+ * per-field + whole-form validation (via the same `FieldFlowRules` used by
12
+ * the input components), touched-state, and submission.
13
+ */
14
+ function useFieldFlowForm({
15
+ initialValues,
16
+ rules,
17
+ onSubmit
18
+ }) {
19
+ const [values, setValues] = (0, _react.useState)(initialValues);
20
+ const [errors, setErrors] = (0, _react.useState)({});
21
+ const [touched, setTouched] = (0, _react.useState)({});
22
+ const [isSubmitting, setIsSubmitting] = (0, _react.useState)(false);
23
+ const validateField = (0, _react.useCallback)(field => {
24
+ const fieldRules = rules?.[field];
25
+ const result = (0, _validators.runRules)(values[field] ?? '', fieldRules);
26
+ setErrors(prev => ({
27
+ ...prev,
28
+ [field]: result.valid ? undefined : result.message
29
+ }));
30
+ return result.valid;
31
+ }, [rules, values]);
32
+ const validateAll = (0, _react.useCallback)(() => {
33
+ if (!rules) return true;
34
+ let allValid = true;
35
+ const nextErrors = {};
36
+ for (const key of Object.keys(rules)) {
37
+ const result = (0, _validators.runRules)(values[key] ?? '', rules[key]);
38
+ if (!result.valid) {
39
+ allValid = false;
40
+ nextErrors[key] = result.message;
41
+ }
42
+ }
43
+ setErrors(nextErrors);
44
+ setTouched(prev => {
45
+ const next = {
46
+ ...prev
47
+ };
48
+ for (const key of Object.keys(rules)) next[key] = true;
49
+ return next;
50
+ });
51
+ return allValid;
52
+ }, [rules, values]);
53
+ const setValue = (0, _react.useCallback)((field, value) => {
54
+ setValues(prev => ({
55
+ ...prev,
56
+ [field]: value
57
+ }));
58
+ }, []);
59
+ const handleChange = (0, _react.useCallback)(field => value => {
60
+ setValue(field, value);
61
+ if (touched[field]) {
62
+ // live-validate once the user has already blurred this field once
63
+ const result = (0, _validators.runRules)(value, rules?.[field]);
64
+ setErrors(prev => ({
65
+ ...prev,
66
+ [field]: result.valid ? undefined : result.message
67
+ }));
68
+ }
69
+ }, [rules, setValue, touched]);
70
+ const handleBlur = (0, _react.useCallback)(field => () => {
71
+ setTouched(prev => ({
72
+ ...prev,
73
+ [field]: true
74
+ }));
75
+ validateField(field);
76
+ }, [validateField]);
77
+ const submit = (0, _react.useCallback)(async () => {
78
+ const valid = validateAll();
79
+ if (!valid) return;
80
+ setIsSubmitting(true);
81
+ try {
82
+ await onSubmit?.(values);
83
+ } finally {
84
+ setIsSubmitting(false);
85
+ }
86
+ }, [onSubmit, validateAll, values]);
87
+ const reset = (0, _react.useCallback)(() => {
88
+ setValues(initialValues);
89
+ setErrors({});
90
+ setTouched({});
91
+ }, [initialValues]);
92
+ const isValid = (0, _react.useMemo)(() => Object.values(errors).every(e => !e), [errors]);
93
+ return {
94
+ values,
95
+ errors,
96
+ touched,
97
+ isSubmitting,
98
+ isValid,
99
+ setValue,
100
+ handleChange,
101
+ handleBlur,
102
+ validateField,
103
+ validateAll,
104
+ submit,
105
+ reset
106
+ };
107
+ }
108
+ //# sourceMappingURL=useFieldFlowForm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_validators","useFieldFlowForm","initialValues","rules","onSubmit","values","setValues","useState","errors","setErrors","touched","setTouched","isSubmitting","setIsSubmitting","validateField","useCallback","field","fieldRules","result","runRules","prev","valid","undefined","message","validateAll","allValid","nextErrors","key","Object","keys","next","setValue","value","handleChange","handleBlur","submit","reset","isValid","useMemo","every","e"],"sourceRoot":"../../../src","sources":["hooks/useFieldFlowForm.ts"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useFieldState = useFieldState;
7
+ var _react = require("react");
8
+ /** Resolves the many boolean flags a field can have into one canonical visual state. */
9
+ function useFieldState({
10
+ isFocused,
11
+ hasError,
12
+ isSuccess,
13
+ disabled,
14
+ readOnly,
15
+ loading
16
+ }) {
17
+ return (0, _react.useMemo)(() => {
18
+ if (disabled) return 'disabled';
19
+ if (readOnly) return 'readonly';
20
+ if (loading) return 'loading';
21
+ if (hasError) return 'error';
22
+ if (isSuccess) return 'success';
23
+ if (isFocused) return 'focused';
24
+ return 'idle';
25
+ }, [disabled, readOnly, loading, hasError, isSuccess, isFocused]);
26
+ }
27
+ //# sourceMappingURL=useFieldState.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","useFieldState","isFocused","hasError","isSuccess","disabled","readOnly","loading","useMemo"],"sourceRoot":"../../../src","sources":["hooks/useFieldState.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAYA;AACO,SAASC,aAAaA,CAAC;EAC5BC,SAAS;EACTC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,QAAQ;EACRC;AACoB,CAAC,EAAkB;EACvC,OAAO,IAAAC,cAAO,EAAiB,MAAM;IACnC,IAAIH,QAAQ,EAAE,OAAO,UAAU;IAC/B,IAAIC,QAAQ,EAAE,OAAO,UAAU;IAC/B,IAAIC,OAAO,EAAE,OAAO,SAAS;IAC7B,IAAIJ,QAAQ,EAAE,OAAO,OAAO;IAC5B,IAAIC,SAAS,EAAE,OAAO,SAAS;IAC/B,IAAIF,SAAS,EAAE,OAAO,SAAS;IAC/B,OAAO,MAAM;EACf,CAAC,EAAE,CAACG,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,EAAEJ,QAAQ,EAAEC,SAAS,EAAEF,SAAS,CAAC,CAAC;AACnE","ignoreList":[]}