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.
- package/LICENSE +21 -0
- package/README.md +273 -0
- package/lib/commonjs/components/ChatInput/ChatInput.js +170 -0
- package/lib/commonjs/components/ChatInput/ChatInput.js.map +1 -0
- package/lib/commonjs/components/ChatInput/index.js +13 -0
- package/lib/commonjs/components/ChatInput/index.js.map +1 -0
- package/lib/commonjs/components/ChatInput/types.js +6 -0
- package/lib/commonjs/components/ChatInput/types.js.map +1 -0
- package/lib/commonjs/components/DescriptionField/DescriptionField.js +40 -0
- package/lib/commonjs/components/DescriptionField/DescriptionField.js.map +1 -0
- package/lib/commonjs/components/DescriptionField/index.js +13 -0
- package/lib/commonjs/components/DescriptionField/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInput/FieldFlowInput.js +207 -0
- package/lib/commonjs/components/FieldFlowInput/FieldFlowInput.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInput/index.js +13 -0
- package/lib/commonjs/components/FieldFlowInput/index.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInput/styles.js +99 -0
- package/lib/commonjs/components/FieldFlowInput/styles.js.map +1 -0
- package/lib/commonjs/components/FieldFlowInput/types.js +6 -0
- package/lib/commonjs/components/FieldFlowInput/types.js.map +1 -0
- package/lib/commonjs/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js +44 -0
- package/lib/commonjs/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js.map +1 -0
- package/lib/commonjs/components/KeyboardAwareFormWrapper/index.js +13 -0
- package/lib/commonjs/components/KeyboardAwareFormWrapper/index.js.map +1 -0
- package/lib/commonjs/hooks/index.js +27 -0
- package/lib/commonjs/hooks/index.js.map +1 -0
- package/lib/commonjs/hooks/useFieldFlowForm.js +108 -0
- package/lib/commonjs/hooks/useFieldFlowForm.js.map +1 -0
- package/lib/commonjs/hooks/useFieldState.js +27 -0
- package/lib/commonjs/hooks/useFieldState.js.map +1 -0
- package/lib/commonjs/hooks/useKeyboardManager.js +68 -0
- package/lib/commonjs/hooks/useKeyboardManager.js.map +1 -0
- package/lib/commonjs/icons/Icon.js +388 -0
- package/lib/commonjs/icons/Icon.js.map +1 -0
- package/lib/commonjs/icons/index.js +13 -0
- package/lib/commonjs/icons/index.js.map +1 -0
- package/lib/commonjs/index.js +158 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/theme/ThemeProvider.js +48 -0
- package/lib/commonjs/theme/ThemeProvider.js.map +1 -0
- package/lib/commonjs/theme/defaultTheme.js +62 -0
- package/lib/commonjs/theme/defaultTheme.js.map +1 -0
- package/lib/commonjs/theme/index.js +38 -0
- package/lib/commonjs/theme/index.js.map +1 -0
- package/lib/commonjs/types/index.js +6 -0
- package/lib/commonjs/types/index.js.map +1 -0
- package/lib/commonjs/utils/formatters.js +25 -0
- package/lib/commonjs/utils/formatters.js.map +1 -0
- package/lib/commonjs/utils/keyboardTypes.js +103 -0
- package/lib/commonjs/utils/keyboardTypes.js.map +1 -0
- package/lib/commonjs/validation/index.js +80 -0
- package/lib/commonjs/validation/index.js.map +1 -0
- package/lib/commonjs/validation/useValidation.js +34 -0
- package/lib/commonjs/validation/useValidation.js.map +1 -0
- package/lib/commonjs/validation/validators.js +118 -0
- package/lib/commonjs/validation/validators.js.map +1 -0
- package/lib/module/components/ChatInput/ChatInput.js +165 -0
- package/lib/module/components/ChatInput/ChatInput.js.map +1 -0
- package/lib/module/components/ChatInput/index.js +4 -0
- package/lib/module/components/ChatInput/index.js.map +1 -0
- package/lib/module/components/ChatInput/types.js +4 -0
- package/lib/module/components/ChatInput/types.js.map +1 -0
- package/lib/module/components/DescriptionField/DescriptionField.js +35 -0
- package/lib/module/components/DescriptionField/DescriptionField.js.map +1 -0
- package/lib/module/components/DescriptionField/index.js +4 -0
- package/lib/module/components/DescriptionField/index.js.map +1 -0
- package/lib/module/components/FieldFlowInput/FieldFlowInput.js +202 -0
- package/lib/module/components/FieldFlowInput/FieldFlowInput.js.map +1 -0
- package/lib/module/components/FieldFlowInput/index.js +4 -0
- package/lib/module/components/FieldFlowInput/index.js.map +1 -0
- package/lib/module/components/FieldFlowInput/styles.js +92 -0
- package/lib/module/components/FieldFlowInput/styles.js.map +1 -0
- package/lib/module/components/FieldFlowInput/types.js +4 -0
- package/lib/module/components/FieldFlowInput/types.js.map +1 -0
- package/lib/module/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js +39 -0
- package/lib/module/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.js.map +1 -0
- package/lib/module/components/KeyboardAwareFormWrapper/index.js +4 -0
- package/lib/module/components/KeyboardAwareFormWrapper/index.js.map +1 -0
- package/lib/module/hooks/index.js +6 -0
- package/lib/module/hooks/index.js.map +1 -0
- package/lib/module/hooks/useFieldFlowForm.js +104 -0
- package/lib/module/hooks/useFieldFlowForm.js.map +1 -0
- package/lib/module/hooks/useFieldState.js +23 -0
- package/lib/module/hooks/useFieldState.js.map +1 -0
- package/lib/module/hooks/useKeyboardManager.js +64 -0
- package/lib/module/hooks/useKeyboardManager.js.map +1 -0
- package/lib/module/icons/Icon.js +383 -0
- package/lib/module/icons/Icon.js.map +1 -0
- package/lib/module/icons/index.js +4 -0
- package/lib/module/icons/index.js.map +1 -0
- package/lib/module/index.js +18 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/theme/ThemeProvider.js +42 -0
- package/lib/module/theme/ThemeProvider.js.map +1 -0
- package/lib/module/theme/defaultTheme.js +58 -0
- package/lib/module/theme/defaultTheme.js.map +1 -0
- package/lib/module/theme/index.js +5 -0
- package/lib/module/theme/index.js.map +1 -0
- package/lib/module/types/index.js +4 -0
- package/lib/module/types/index.js.map +1 -0
- package/lib/module/utils/formatters.js +19 -0
- package/lib/module/utils/formatters.js.map +1 -0
- package/lib/module/utils/keyboardTypes.js +98 -0
- package/lib/module/utils/keyboardTypes.js.map +1 -0
- package/lib/module/validation/index.js +5 -0
- package/lib/module/validation/index.js.map +1 -0
- package/lib/module/validation/useValidation.js +30 -0
- package/lib/module/validation/useValidation.js.map +1 -0
- package/lib/module/validation/validators.js +103 -0
- package/lib/module/validation/validators.js.map +1 -0
- package/lib/typescript/components/ChatInput/ChatInput.d.ts +10 -0
- package/lib/typescript/components/ChatInput/ChatInput.d.ts.map +1 -0
- package/lib/typescript/components/ChatInput/index.d.ts +3 -0
- package/lib/typescript/components/ChatInput/index.d.ts.map +1 -0
- package/lib/typescript/components/ChatInput/types.d.ts +30 -0
- package/lib/typescript/components/ChatInput/types.d.ts.map +1 -0
- package/lib/typescript/components/DescriptionField/DescriptionField.d.ts +16 -0
- package/lib/typescript/components/DescriptionField/DescriptionField.d.ts.map +1 -0
- package/lib/typescript/components/DescriptionField/index.d.ts +3 -0
- package/lib/typescript/components/DescriptionField/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInput/FieldFlowInput.d.ts +5 -0
- package/lib/typescript/components/FieldFlowInput/FieldFlowInput.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInput/index.d.ts +3 -0
- package/lib/typescript/components/FieldFlowInput/index.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInput/styles.d.ts +71 -0
- package/lib/typescript/components/FieldFlowInput/styles.d.ts.map +1 -0
- package/lib/typescript/components/FieldFlowInput/types.d.ts +50 -0
- package/lib/typescript/components/FieldFlowInput/types.d.ts.map +1 -0
- package/lib/typescript/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.d.ts +17 -0
- package/lib/typescript/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.d.ts.map +1 -0
- package/lib/typescript/components/KeyboardAwareFormWrapper/index.d.ts +3 -0
- package/lib/typescript/components/KeyboardAwareFormWrapper/index.d.ts.map +1 -0
- package/lib/typescript/hooks/index.d.ts +7 -0
- package/lib/typescript/hooks/index.d.ts.map +1 -0
- package/lib/typescript/hooks/useFieldFlowForm.d.ts +31 -0
- package/lib/typescript/hooks/useFieldFlowForm.d.ts.map +1 -0
- package/lib/typescript/hooks/useFieldState.d.ts +12 -0
- package/lib/typescript/hooks/useFieldState.d.ts.map +1 -0
- package/lib/typescript/hooks/useKeyboardManager.d.ts +35 -0
- package/lib/typescript/hooks/useKeyboardManager.d.ts.map +1 -0
- package/lib/typescript/icons/Icon.d.ts +17 -0
- package/lib/typescript/icons/Icon.d.ts.map +1 -0
- package/lib/typescript/icons/index.d.ts +3 -0
- package/lib/typescript/icons/index.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +18 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/theme/ThemeProvider.d.ts +16 -0
- package/lib/typescript/theme/ThemeProvider.d.ts.map +1 -0
- package/lib/typescript/theme/defaultTheme.d.ts +4 -0
- package/lib/typescript/theme/defaultTheme.d.ts.map +1 -0
- package/lib/typescript/theme/index.d.ts +4 -0
- package/lib/typescript/theme/index.d.ts.map +1 -0
- package/lib/typescript/types/index.d.ts +79 -0
- package/lib/typescript/types/index.d.ts.map +1 -0
- package/lib/typescript/utils/formatters.d.ts +5 -0
- package/lib/typescript/utils/formatters.d.ts.map +1 -0
- package/lib/typescript/utils/keyboardTypes.d.ts +18 -0
- package/lib/typescript/utils/keyboardTypes.d.ts.map +1 -0
- package/lib/typescript/validation/index.d.ts +4 -0
- package/lib/typescript/validation/index.d.ts.map +1 -0
- package/lib/typescript/validation/useValidation.d.ts +14 -0
- package/lib/typescript/validation/useValidation.d.ts.map +1 -0
- package/lib/typescript/validation/validators.d.ts +17 -0
- package/lib/typescript/validation/validators.d.ts.map +1 -0
- package/package.json +80 -0
- package/src/components/ChatInput/ChatInput.tsx +178 -0
- package/src/components/ChatInput/index.ts +2 -0
- package/src/components/ChatInput/types.ts +35 -0
- package/src/components/DescriptionField/DescriptionField.tsx +39 -0
- package/src/components/DescriptionField/index.ts +2 -0
- package/src/components/FieldFlowInput/FieldFlowInput.tsx +240 -0
- package/src/components/FieldFlowInput/index.ts +2 -0
- package/src/components/FieldFlowInput/styles.ts +94 -0
- package/src/components/FieldFlowInput/types.ts +55 -0
- package/src/components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.tsx +45 -0
- package/src/components/KeyboardAwareFormWrapper/index.ts +2 -0
- package/src/hooks/index.ts +12 -0
- package/src/hooks/useFieldFlowForm.ts +133 -0
- package/src/hooks/useFieldState.ts +31 -0
- package/src/hooks/useKeyboardManager.ts +105 -0
- package/src/icons/Icon.tsx +338 -0
- package/src/icons/index.ts +2 -0
- package/src/index.ts +63 -0
- package/src/theme/ThemeProvider.tsx +49 -0
- package/src/theme/defaultTheme.ts +58 -0
- package/src/theme/index.ts +3 -0
- package/src/types/index.ts +98 -0
- package/src/utils/formatters.ts +18 -0
- package/src/utils/keyboardTypes.ts +85 -0
- package/src/validation/index.ts +15 -0
- package/src/validation/useValidation.ts +37 -0
- 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 @@
|
|
|
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":[]}
|