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,165 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { KeyboardAvoidingView, Platform, Pressable, StyleSheet, TextInput, View } from 'react-native';
|
|
5
|
+
import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
|
|
6
|
+
import { defaultTheme } from '../../theme/defaultTheme';
|
|
7
|
+
import { FieldFlowIcon } from '../../icons/Icon';
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const ACTION_ICON = {
|
|
10
|
+
camera: 'camera',
|
|
11
|
+
gallery: 'image',
|
|
12
|
+
document: 'paperclip',
|
|
13
|
+
location: 'mapPin',
|
|
14
|
+
voice: 'mic'
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* A ready-to-drop-in chat composer for messaging screens: expandable input,
|
|
19
|
+
* a configurable row of attachment buttons (camera / gallery / document /
|
|
20
|
+
* location / voice, plus your own custom actions), and a send button that
|
|
21
|
+
* only lights up once there's something to send.
|
|
22
|
+
*/
|
|
23
|
+
export function ChatInput({
|
|
24
|
+
value,
|
|
25
|
+
defaultValue,
|
|
26
|
+
onChangeText,
|
|
27
|
+
onSend,
|
|
28
|
+
placeholder = 'Message',
|
|
29
|
+
attachmentActions = [],
|
|
30
|
+
onAttachmentPress,
|
|
31
|
+
customActions = [],
|
|
32
|
+
disabled,
|
|
33
|
+
loading,
|
|
34
|
+
maxLength,
|
|
35
|
+
minHeight = 40,
|
|
36
|
+
maxHeight = 140,
|
|
37
|
+
theme: themeOverride,
|
|
38
|
+
testID
|
|
39
|
+
}) {
|
|
40
|
+
const contextTheme = useFieldFlowTheme();
|
|
41
|
+
const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
|
|
42
|
+
const isControlled = value !== undefined;
|
|
43
|
+
const [internalValue, setInternalValue] = useState(defaultValue ?? '');
|
|
44
|
+
const currentValue = isControlled ? value ?? '' : internalValue;
|
|
45
|
+
const [height, setHeight] = useState(minHeight);
|
|
46
|
+
const inputRef = useRef(null);
|
|
47
|
+
const handleChangeText = next => {
|
|
48
|
+
if (!isControlled) setInternalValue(next);
|
|
49
|
+
onChangeText?.(next);
|
|
50
|
+
};
|
|
51
|
+
const handleContentSizeChange = e => {
|
|
52
|
+
setHeight(Math.min(maxHeight, Math.max(minHeight, e.nativeEvent.contentSize.height)));
|
|
53
|
+
};
|
|
54
|
+
const handleSend = () => {
|
|
55
|
+
const trimmed = currentValue.trim();
|
|
56
|
+
if (!trimmed || disabled || loading) return;
|
|
57
|
+
onSend(trimmed);
|
|
58
|
+
if (!isControlled) setInternalValue('');
|
|
59
|
+
inputRef.current?.clear();
|
|
60
|
+
};
|
|
61
|
+
const canSend = currentValue.trim().length > 0 && !disabled && !loading;
|
|
62
|
+
const styles = useMemo(() => createStyles(theme), [theme]);
|
|
63
|
+
return /*#__PURE__*/_jsx(KeyboardAvoidingView, {
|
|
64
|
+
behavior: Platform.OS === 'ios' ? 'padding' : undefined,
|
|
65
|
+
testID: testID,
|
|
66
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
67
|
+
style: styles.container,
|
|
68
|
+
children: [attachmentActions.length > 0 || customActions.length > 0 ? /*#__PURE__*/_jsxs(View, {
|
|
69
|
+
style: styles.toolbar,
|
|
70
|
+
children: [attachmentActions.map(action => /*#__PURE__*/_jsx(Pressable, {
|
|
71
|
+
onPress: () => onAttachmentPress?.(action),
|
|
72
|
+
style: styles.toolbarButton,
|
|
73
|
+
hitSlop: 8,
|
|
74
|
+
disabled: disabled,
|
|
75
|
+
children: /*#__PURE__*/_jsx(FieldFlowIcon, {
|
|
76
|
+
name: ACTION_ICON[action],
|
|
77
|
+
color: theme.colors.icon,
|
|
78
|
+
size: 20
|
|
79
|
+
})
|
|
80
|
+
}, action)), customActions.map(action => /*#__PURE__*/_jsx(Pressable, {
|
|
81
|
+
onPress: action.onPress,
|
|
82
|
+
style: styles.toolbarButton,
|
|
83
|
+
hitSlop: 8,
|
|
84
|
+
children: typeof action.icon === 'string' ? /*#__PURE__*/_jsx(FieldFlowIcon, {
|
|
85
|
+
name: action.icon,
|
|
86
|
+
color: theme.colors.icon,
|
|
87
|
+
size: 20
|
|
88
|
+
}) : action.icon
|
|
89
|
+
}, action.id))]
|
|
90
|
+
}) : null, /*#__PURE__*/_jsxs(View, {
|
|
91
|
+
style: styles.inputRow,
|
|
92
|
+
children: [/*#__PURE__*/_jsx(TextInput, {
|
|
93
|
+
ref: inputRef,
|
|
94
|
+
value: currentValue,
|
|
95
|
+
onChangeText: handleChangeText,
|
|
96
|
+
onContentSizeChange: handleContentSizeChange,
|
|
97
|
+
placeholder: placeholder,
|
|
98
|
+
placeholderTextColor: theme.colors.placeholder,
|
|
99
|
+
multiline: true,
|
|
100
|
+
maxLength: maxLength,
|
|
101
|
+
editable: !disabled && !loading,
|
|
102
|
+
style: [styles.input, {
|
|
103
|
+
height
|
|
104
|
+
}]
|
|
105
|
+
}), /*#__PURE__*/_jsx(Pressable, {
|
|
106
|
+
onPress: handleSend,
|
|
107
|
+
disabled: !canSend,
|
|
108
|
+
style: [styles.sendButton, {
|
|
109
|
+
opacity: canSend ? 1 : 0.4
|
|
110
|
+
}],
|
|
111
|
+
hitSlop: 8,
|
|
112
|
+
children: /*#__PURE__*/_jsx(FieldFlowIcon, {
|
|
113
|
+
name: loading ? 'spinner' : 'send',
|
|
114
|
+
color: "#FFFFFF",
|
|
115
|
+
size: 16
|
|
116
|
+
})
|
|
117
|
+
})]
|
|
118
|
+
})]
|
|
119
|
+
})
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
function createStyles(theme) {
|
|
123
|
+
return StyleSheet.create({
|
|
124
|
+
container: {
|
|
125
|
+
backgroundColor: theme.colors.background,
|
|
126
|
+
borderTopWidth: theme.spacing.borderWidth,
|
|
127
|
+
borderTopColor: theme.colors.border,
|
|
128
|
+
paddingHorizontal: theme.spacing.paddingHorizontal,
|
|
129
|
+
paddingVertical: theme.spacing.gap
|
|
130
|
+
},
|
|
131
|
+
toolbar: {
|
|
132
|
+
flexDirection: 'row',
|
|
133
|
+
marginBottom: theme.spacing.gap
|
|
134
|
+
},
|
|
135
|
+
toolbarButton: {
|
|
136
|
+
marginRight: theme.spacing.gap * 2,
|
|
137
|
+
alignItems: 'center',
|
|
138
|
+
justifyContent: 'center'
|
|
139
|
+
},
|
|
140
|
+
inputRow: {
|
|
141
|
+
flexDirection: 'row',
|
|
142
|
+
alignItems: 'flex-end'
|
|
143
|
+
},
|
|
144
|
+
input: {
|
|
145
|
+
flex: 1,
|
|
146
|
+
fontSize: theme.typography.fontSize,
|
|
147
|
+
color: theme.colors.text,
|
|
148
|
+
backgroundColor: theme.colors.backgroundDisabled,
|
|
149
|
+
borderRadius: theme.spacing.borderRadius * 1.6,
|
|
150
|
+
paddingHorizontal: theme.spacing.paddingHorizontal,
|
|
151
|
+
paddingVertical: theme.spacing.paddingVertical * 0.7,
|
|
152
|
+
textAlignVertical: 'top'
|
|
153
|
+
},
|
|
154
|
+
sendButton: {
|
|
155
|
+
width: 34,
|
|
156
|
+
height: 34,
|
|
157
|
+
borderRadius: 17,
|
|
158
|
+
backgroundColor: theme.colors.borderFocused,
|
|
159
|
+
alignItems: 'center',
|
|
160
|
+
justifyContent: 'center',
|
|
161
|
+
marginLeft: theme.spacing.gap
|
|
162
|
+
}
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
//# sourceMappingURL=ChatInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","useRef","useState","KeyboardAvoidingView","Platform","Pressable","StyleSheet","TextInput","View","useFieldFlowTheme","mergeDeep","defaultTheme","FieldFlowIcon","jsx","_jsx","jsxs","_jsxs","ACTION_ICON","camera","gallery","document","location","voice","ChatInput","value","defaultValue","onChangeText","onSend","placeholder","attachmentActions","onAttachmentPress","customActions","disabled","loading","maxLength","minHeight","maxHeight","theme","themeOverride","testID","contextTheme","isControlled","undefined","internalValue","setInternalValue","currentValue","height","setHeight","inputRef","handleChangeText","next","handleContentSizeChange","e","Math","min","max","nativeEvent","contentSize","handleSend","trimmed","trim","current","clear","canSend","length","styles","createStyles","behavior","OS","children","style","container","toolbar","map","action","onPress","toolbarButton","hitSlop","name","color","colors","icon","size","id","inputRow","ref","onContentSizeChange","placeholderTextColor","multiline","editable","input","sendButton","opacity","create","backgroundColor","background","borderTopWidth","spacing","borderWidth","borderTopColor","border","paddingHorizontal","paddingVertical","gap","flexDirection","marginBottom","marginRight","alignItems","justifyContent","flex","fontSize","typography","text","backgroundDisabled","borderRadius","textAlignVertical","width","borderFocused","marginLeft"],"sourceRoot":"../../../../src","sources":["components/ChatInput/ChatInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ChatInput"],"sourceRoot":"../../../../src","sources":["components/ChatInput/index.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,aAAa","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/ChatInput/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef, useState } from 'react';
|
|
4
|
+
import { FieldFlowInput } from '../FieldFlowInput/FieldFlowInput';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
/**
|
|
7
|
+
* A dedicated multi-line field for comments, notes, descriptions, and feedback.
|
|
8
|
+
* Grows automatically as the user types, up to `maxHeight`, and supports the
|
|
9
|
+
* same character-limit / validation / theming props as FieldFlowInput.
|
|
10
|
+
*/
|
|
11
|
+
export const DescriptionField = /*#__PURE__*/forwardRef(function DescriptionField({
|
|
12
|
+
minHeight = 80,
|
|
13
|
+
maxHeight = 200,
|
|
14
|
+
inputStyle,
|
|
15
|
+
showCharacterCount = true,
|
|
16
|
+
...rest
|
|
17
|
+
}, ref) {
|
|
18
|
+
const [height, setHeight] = useState(minHeight);
|
|
19
|
+
const handleContentSizeChange = e => {
|
|
20
|
+
const next = Math.min(maxHeight, Math.max(minHeight, e.nativeEvent.contentSize.height));
|
|
21
|
+
setHeight(next);
|
|
22
|
+
};
|
|
23
|
+
return /*#__PURE__*/_jsx(FieldFlowInput, {
|
|
24
|
+
ref: ref,
|
|
25
|
+
type: "description",
|
|
26
|
+
showCharacterCount: showCharacterCount,
|
|
27
|
+
inputStyle: {
|
|
28
|
+
height,
|
|
29
|
+
...inputStyle
|
|
30
|
+
},
|
|
31
|
+
onContentSizeChange: handleContentSizeChange,
|
|
32
|
+
...rest
|
|
33
|
+
});
|
|
34
|
+
});
|
|
35
|
+
//# sourceMappingURL=DescriptionField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useState","FieldFlowInput","jsx","_jsx","DescriptionField","minHeight","maxHeight","inputStyle","showCharacterCount","rest","ref","height","setHeight","handleContentSizeChange","e","next","Math","min","max","nativeEvent","contentSize","type","onContentSizeChange"],"sourceRoot":"../../../../src","sources":["components/DescriptionField/DescriptionField.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAEnD,SAASC,cAAc,QAAQ,kCAAkC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUlE;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,gBAAGL,UAAU,CAAmC,SAASK,gBAAgBA,CACpG;EAAEC,SAAS,GAAG,EAAE;EAAEC,SAAS,GAAG,GAAG;EAAEC,UAAU;EAAEC,kBAAkB,GAAG,IAAI;EAAE,GAAGC;AAAK,CAAC,EACnFC,GAAG,EACH;EACA,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGZ,QAAQ,CAACK,SAAS,CAAC;EAE/C,MAAMQ,uBAAuB,GAAIC,CAA4D,IAAK;IAChG,MAAMC,IAAI,GAAGC,IAAI,CAACC,GAAG,CAACX,SAAS,EAAEU,IAAI,CAACE,GAAG,CAACb,SAAS,EAAES,CAAC,CAACK,WAAW,CAACC,WAAW,CAACT,MAAM,CAAC,CAAC;IACvFC,SAAS,CAACG,IAAI,CAAC;EACjB,CAAC;EAED,oBACEZ,IAAA,CAACF,cAAc;IACbS,GAAG,EAAEA,GAAI;IACTW,IAAI,EAAC,aAAa;IAClBb,kBAAkB,EAAEA,kBAAmB;IACvCD,UAAU,EAAE;MAAEI,MAAM;MAAE,GAAGJ;IAAW,CAAE;IACtCe,mBAAmB,EAAET,uBAAwB;IAAA,GACzCJ;EAAI,CACT,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DescriptionField"],"sourceRoot":"../../../../src","sources":["components/DescriptionField/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oBAAoB","ignoreList":[]}
|
|
@@ -0,0 +1,202 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { Pressable, Text, TextInput, View } from 'react-native';
|
|
5
|
+
import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
|
|
6
|
+
import { defaultTheme } from '../../theme/defaultTheme';
|
|
7
|
+
import { useFieldState } from '../../hooks/useFieldState';
|
|
8
|
+
import { resolveFieldConfig, implicitRulesForType } from '../../utils/keyboardTypes';
|
|
9
|
+
import { sanitizeNumeric, sanitizePhone, truncate } from '../../utils/formatters';
|
|
10
|
+
import { runRules } from '../../validation/validators';
|
|
11
|
+
import { FieldFlowIcon } from '../../icons/Icon';
|
|
12
|
+
import { createStyles, iconColorFor } from './styles';
|
|
13
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
+
function renderIconNode(icon, color) {
|
|
15
|
+
if (!icon) return null;
|
|
16
|
+
if (typeof icon === 'string') {
|
|
17
|
+
return /*#__PURE__*/_jsx(FieldFlowIcon, {
|
|
18
|
+
name: icon,
|
|
19
|
+
color: color,
|
|
20
|
+
size: 18
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return icon;
|
|
24
|
+
}
|
|
25
|
+
export const FieldFlowInput = /*#__PURE__*/forwardRef(function FieldFlowInput({
|
|
26
|
+
type = 'text',
|
|
27
|
+
label,
|
|
28
|
+
helperText,
|
|
29
|
+
errorText,
|
|
30
|
+
hasError,
|
|
31
|
+
successText,
|
|
32
|
+
isSuccess,
|
|
33
|
+
loading,
|
|
34
|
+
disabled,
|
|
35
|
+
readOnly,
|
|
36
|
+
required,
|
|
37
|
+
value,
|
|
38
|
+
defaultValue,
|
|
39
|
+
onChangeText,
|
|
40
|
+
onFocus,
|
|
41
|
+
onBlur,
|
|
42
|
+
rules,
|
|
43
|
+
validateOnChange,
|
|
44
|
+
onValidate,
|
|
45
|
+
leftIcon,
|
|
46
|
+
rightIcon,
|
|
47
|
+
onLeftIconPress,
|
|
48
|
+
onRightIconPress,
|
|
49
|
+
clearable,
|
|
50
|
+
maxLength,
|
|
51
|
+
showCharacterCount,
|
|
52
|
+
onSubmitEditing,
|
|
53
|
+
containerStyle,
|
|
54
|
+
inputStyle,
|
|
55
|
+
labelStyle,
|
|
56
|
+
helperStyle,
|
|
57
|
+
theme: themeOverride,
|
|
58
|
+
testID,
|
|
59
|
+
...rest
|
|
60
|
+
}, forwardedRef) {
|
|
61
|
+
const contextTheme = useFieldFlowTheme();
|
|
62
|
+
const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
|
|
63
|
+
const innerRef = useRef(null);
|
|
64
|
+
useImperativeHandle(forwardedRef, () => innerRef.current);
|
|
65
|
+
const isControlled = value !== undefined;
|
|
66
|
+
const [internalValue, setInternalValue] = useState(defaultValue ?? '');
|
|
67
|
+
const currentValue = isControlled ? value ?? '' : internalValue;
|
|
68
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
69
|
+
const [showPassword, setShowPassword] = useState(false);
|
|
70
|
+
const [localError, setLocalError] = useState(undefined);
|
|
71
|
+
const fieldConfig = useMemo(() => resolveFieldConfig(type), [type]);
|
|
72
|
+
const effectiveRules = useMemo(() => ({
|
|
73
|
+
...implicitRulesForType(type),
|
|
74
|
+
...(required ? {
|
|
75
|
+
required: true
|
|
76
|
+
} : {}),
|
|
77
|
+
...rules
|
|
78
|
+
}), [type, required, rules]);
|
|
79
|
+
const resolvedError = errorText ?? localError;
|
|
80
|
+
const state = useFieldState({
|
|
81
|
+
isFocused,
|
|
82
|
+
hasError: Boolean(hasError || resolvedError),
|
|
83
|
+
isSuccess,
|
|
84
|
+
disabled,
|
|
85
|
+
readOnly,
|
|
86
|
+
loading
|
|
87
|
+
});
|
|
88
|
+
const styles = useMemo(() => createStyles(theme, state, fieldConfig.multiline && type !== 'chat'), [theme, state, fieldConfig.multiline, type]);
|
|
89
|
+
const iconColor = iconColorFor(theme, state);
|
|
90
|
+
const runValidation = useCallback(nextValue => {
|
|
91
|
+
const result = runRules(nextValue, effectiveRules);
|
|
92
|
+
setLocalError(result.valid ? undefined : result.message);
|
|
93
|
+
onValidate?.(result);
|
|
94
|
+
return result.valid;
|
|
95
|
+
}, [effectiveRules, onValidate]);
|
|
96
|
+
const handleChangeText = useCallback(raw => {
|
|
97
|
+
let next = raw;
|
|
98
|
+
if (type === 'number') next = sanitizeNumeric(next, false);
|
|
99
|
+
if (type === 'decimal') next = sanitizeNumeric(next, true);
|
|
100
|
+
if (type === 'phone') next = sanitizePhone(next);
|
|
101
|
+
next = truncate(next, maxLength);
|
|
102
|
+
if (!isControlled) setInternalValue(next);
|
|
103
|
+
onChangeText?.(next);
|
|
104
|
+
if (validateOnChange) runValidation(next);
|
|
105
|
+
}, [type, maxLength, isControlled, onChangeText, validateOnChange, runValidation]);
|
|
106
|
+
const handleFocus = useCallback(() => {
|
|
107
|
+
setIsFocused(true);
|
|
108
|
+
onFocus?.();
|
|
109
|
+
}, [onFocus]);
|
|
110
|
+
const handleBlur = useCallback(() => {
|
|
111
|
+
setIsFocused(false);
|
|
112
|
+
runValidation(currentValue);
|
|
113
|
+
onBlur?.();
|
|
114
|
+
}, [runValidation, currentValue, onBlur]);
|
|
115
|
+
const handleClear = useCallback(() => {
|
|
116
|
+
if (!isControlled) setInternalValue('');
|
|
117
|
+
onChangeText?.('');
|
|
118
|
+
innerRef.current?.focus();
|
|
119
|
+
}, [isControlled, onChangeText]);
|
|
120
|
+
const isClearable = clearable ?? type === 'search';
|
|
121
|
+
const showClearButton = isClearable && currentValue.length > 0 && !disabled && !readOnly && !loading;
|
|
122
|
+
const resolvedLeftIcon = leftIcon ?? (type === 'search' ? 'search' : undefined);
|
|
123
|
+
let resolvedRightIcon = rightIcon;
|
|
124
|
+
let rightIconPress = onRightIconPress;
|
|
125
|
+
if (!resolvedRightIcon) {
|
|
126
|
+
if (loading) {
|
|
127
|
+
resolvedRightIcon = 'spinner';
|
|
128
|
+
} else if (type === 'password') {
|
|
129
|
+
resolvedRightIcon = showPassword ? 'eyeOff' : 'eye';
|
|
130
|
+
rightIconPress = () => setShowPassword(v => !v);
|
|
131
|
+
} else if (showClearButton) {
|
|
132
|
+
resolvedRightIcon = 'clear';
|
|
133
|
+
rightIconPress = handleClear;
|
|
134
|
+
} else if (state === 'error') {
|
|
135
|
+
resolvedRightIcon = 'alert';
|
|
136
|
+
} else if (state === 'success') {
|
|
137
|
+
resolvedRightIcon = 'check';
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
141
|
+
style: [styles.wrapper, containerStyle],
|
|
142
|
+
testID: testID,
|
|
143
|
+
children: [label ? /*#__PURE__*/_jsxs(Text, {
|
|
144
|
+
style: [styles.label, labelStyle],
|
|
145
|
+
children: [label, required ? ' *' : '']
|
|
146
|
+
}) : null, /*#__PURE__*/_jsxs(View, {
|
|
147
|
+
style: styles.inputContainer,
|
|
148
|
+
children: [resolvedLeftIcon ? /*#__PURE__*/_jsx(Pressable, {
|
|
149
|
+
onPress: onLeftIconPress,
|
|
150
|
+
disabled: !onLeftIconPress,
|
|
151
|
+
style: [styles.iconSlot, styles.iconSlotLeft],
|
|
152
|
+
hitSlop: 8,
|
|
153
|
+
children: renderIconNode(resolvedLeftIcon, iconColor)
|
|
154
|
+
}) : null, /*#__PURE__*/_jsx(TextInput, {
|
|
155
|
+
ref: innerRef,
|
|
156
|
+
value: currentValue,
|
|
157
|
+
onChangeText: handleChangeText,
|
|
158
|
+
onFocus: handleFocus,
|
|
159
|
+
onBlur: handleBlur,
|
|
160
|
+
onSubmitEditing: onSubmitEditing,
|
|
161
|
+
editable: !disabled && !readOnly && !loading,
|
|
162
|
+
placeholderTextColor: theme.colors.placeholder,
|
|
163
|
+
keyboardType: fieldConfig.keyboardType,
|
|
164
|
+
secureTextEntry: fieldConfig.secureTextEntry && !showPassword,
|
|
165
|
+
autoCapitalize: fieldConfig.autoCapitalize,
|
|
166
|
+
autoCorrect: fieldConfig.autoCorrect,
|
|
167
|
+
multiline: fieldConfig.multiline && type !== 'chat',
|
|
168
|
+
maxLength: maxLength,
|
|
169
|
+
returnKeyType: fieldConfig.multiline ? 'default' : 'done',
|
|
170
|
+
style: [styles.input, inputStyle],
|
|
171
|
+
...rest
|
|
172
|
+
}), resolvedRightIcon ? /*#__PURE__*/_jsx(Pressable, {
|
|
173
|
+
onPress: rightIconPress,
|
|
174
|
+
disabled: !rightIconPress,
|
|
175
|
+
style: [styles.iconSlot, styles.iconSlotRight],
|
|
176
|
+
hitSlop: 8,
|
|
177
|
+
children: renderIconNode(resolvedRightIcon, iconColor)
|
|
178
|
+
}) : null]
|
|
179
|
+
}), (helperText || resolvedError || successText || showCharacterCount && maxLength) && /*#__PURE__*/_jsxs(View, {
|
|
180
|
+
style: styles.footerRow,
|
|
181
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
182
|
+
style: {
|
|
183
|
+
flex: 1
|
|
184
|
+
},
|
|
185
|
+
children: resolvedError ? /*#__PURE__*/_jsx(Text, {
|
|
186
|
+
style: styles.errorText,
|
|
187
|
+
children: resolvedError
|
|
188
|
+
}) : successText ? /*#__PURE__*/_jsx(Text, {
|
|
189
|
+
style: styles.successText,
|
|
190
|
+
children: successText
|
|
191
|
+
}) : helperText ? /*#__PURE__*/_jsx(Text, {
|
|
192
|
+
style: styles.helperText,
|
|
193
|
+
children: helperText
|
|
194
|
+
}) : null
|
|
195
|
+
}), showCharacterCount && maxLength ? /*#__PURE__*/_jsxs(Text, {
|
|
196
|
+
style: styles.charCount,
|
|
197
|
+
children: [currentValue.length, "/", maxLength]
|
|
198
|
+
}) : null]
|
|
199
|
+
})]
|
|
200
|
+
});
|
|
201
|
+
});
|
|
202
|
+
//# sourceMappingURL=FieldFlowInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useImperativeHandle","useMemo","useRef","useState","Pressable","Text","TextInput","View","useFieldFlowTheme","mergeDeep","defaultTheme","useFieldState","resolveFieldConfig","implicitRulesForType","sanitizeNumeric","sanitizePhone","truncate","runRules","FieldFlowIcon","createStyles","iconColorFor","jsx","_jsx","jsxs","_jsxs","renderIconNode","icon","color","name","size","FieldFlowInput","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","innerRef","current","isControlled","undefined","internalValue","setInternalValue","currentValue","isFocused","setIsFocused","showPassword","setShowPassword","localError","setLocalError","fieldConfig","effectiveRules","resolvedError","state","Boolean","styles","multiline","iconColor","runValidation","nextValue","result","valid","message","handleChangeText","raw","next","handleFocus","handleBlur","handleClear","focus","isClearable","showClearButton","length","resolvedLeftIcon","resolvedRightIcon","rightIconPress","v","style","wrapper","children","inputContainer","onPress","iconSlot","iconSlotLeft","hitSlop","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 @@
|
|
|
1
|
+
{"version":3,"names":["FieldFlowInput"],"sourceRoot":"../../../../src","sources":["components/FieldFlowInput/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,kBAAkB","ignoreList":[]}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { StyleSheet } from 'react-native';
|
|
4
|
+
export function borderColorFor(theme, state) {
|
|
5
|
+
switch (state) {
|
|
6
|
+
case 'focused':
|
|
7
|
+
return theme.colors.borderFocused;
|
|
8
|
+
case 'error':
|
|
9
|
+
return theme.colors.borderError;
|
|
10
|
+
case 'success':
|
|
11
|
+
return theme.colors.borderSuccess;
|
|
12
|
+
default:
|
|
13
|
+
return theme.colors.border;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
export function labelColorFor(theme, state) {
|
|
17
|
+
if (state === 'error') return theme.colors.error;
|
|
18
|
+
if (state === 'focused') return theme.colors.labelFocused;
|
|
19
|
+
return theme.colors.label;
|
|
20
|
+
}
|
|
21
|
+
export function iconColorFor(theme, state) {
|
|
22
|
+
return state === 'focused' ? theme.colors.iconFocused : theme.colors.icon;
|
|
23
|
+
}
|
|
24
|
+
export function createStyles(theme, state, multiline) {
|
|
25
|
+
return StyleSheet.create({
|
|
26
|
+
wrapper: {
|
|
27
|
+
marginBottom: theme.spacing.gap * 2
|
|
28
|
+
},
|
|
29
|
+
label: {
|
|
30
|
+
fontSize: theme.typography.labelFontSize,
|
|
31
|
+
marginBottom: theme.spacing.gap / 1.5,
|
|
32
|
+
color: labelColorFor(theme, state),
|
|
33
|
+
fontWeight: '500'
|
|
34
|
+
},
|
|
35
|
+
inputContainer: {
|
|
36
|
+
flexDirection: 'row',
|
|
37
|
+
alignItems: multiline ? 'flex-start' : 'center',
|
|
38
|
+
backgroundColor: state === 'disabled' ? theme.colors.backgroundDisabled : theme.colors.background,
|
|
39
|
+
borderRadius: theme.spacing.borderRadius,
|
|
40
|
+
borderWidth: state === 'focused' ? theme.spacing.borderWidthFocused : theme.spacing.borderWidth,
|
|
41
|
+
borderColor: borderColorFor(theme, state),
|
|
42
|
+
paddingHorizontal: theme.spacing.paddingHorizontal,
|
|
43
|
+
paddingVertical: multiline ? theme.spacing.paddingVertical : 0,
|
|
44
|
+
minHeight: multiline ? undefined : theme.spacing.paddingVertical * 2 + theme.typography.fontSize + 6
|
|
45
|
+
},
|
|
46
|
+
input: {
|
|
47
|
+
flex: 1,
|
|
48
|
+
fontSize: theme.typography.fontSize,
|
|
49
|
+
color: theme.colors.text,
|
|
50
|
+
paddingVertical: multiline ? 0 : theme.spacing.paddingVertical,
|
|
51
|
+
textAlignVertical: multiline ? 'top' : 'center',
|
|
52
|
+
minHeight: multiline ? 80 : undefined
|
|
53
|
+
},
|
|
54
|
+
iconSlot: {
|
|
55
|
+
alignItems: 'center',
|
|
56
|
+
justifyContent: 'center',
|
|
57
|
+
marginTop: multiline ? theme.spacing.paddingVertical : 0
|
|
58
|
+
},
|
|
59
|
+
iconSlotLeft: {
|
|
60
|
+
marginRight: theme.spacing.gap
|
|
61
|
+
},
|
|
62
|
+
iconSlotRight: {
|
|
63
|
+
marginLeft: theme.spacing.gap
|
|
64
|
+
},
|
|
65
|
+
footerRow: {
|
|
66
|
+
flexDirection: 'row',
|
|
67
|
+
justifyContent: 'space-between',
|
|
68
|
+
marginTop: theme.spacing.gap / 1.5
|
|
69
|
+
},
|
|
70
|
+
helperText: {
|
|
71
|
+
fontSize: theme.typography.helperFontSize,
|
|
72
|
+
color: theme.colors.label,
|
|
73
|
+
flexShrink: 1
|
|
74
|
+
},
|
|
75
|
+
errorText: {
|
|
76
|
+
fontSize: theme.typography.helperFontSize,
|
|
77
|
+
color: theme.colors.error,
|
|
78
|
+
flexShrink: 1
|
|
79
|
+
},
|
|
80
|
+
successText: {
|
|
81
|
+
fontSize: theme.typography.helperFontSize,
|
|
82
|
+
color: theme.colors.success,
|
|
83
|
+
flexShrink: 1
|
|
84
|
+
},
|
|
85
|
+
charCount: {
|
|
86
|
+
fontSize: theme.typography.helperFontSize,
|
|
87
|
+
color: theme.colors.placeholder,
|
|
88
|
+
marginLeft: theme.spacing.gap
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","borderColorFor","theme","state","colors","borderFocused","borderError","borderSuccess","border","labelColorFor","error","labelFocused","label","iconColorFor","iconFocused","icon","createStyles","multiline","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,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { KeyboardAvoidingView, Platform, ScrollView, StyleSheet } from 'react-native';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
/**
|
|
7
|
+
* Wrap your form fields in this instead of a plain ScrollView. It automatically
|
|
8
|
+
* keeps the focused field visible above the keyboard and animates smoothly on
|
|
9
|
+
* both iOS and Android; pass it the same `keyboardManager` you got from
|
|
10
|
+
* `useKeyboardManager()`.
|
|
11
|
+
*/
|
|
12
|
+
export function KeyboardAwareFormWrapper({
|
|
13
|
+
keyboardManager,
|
|
14
|
+
children,
|
|
15
|
+
contentContainerStyle,
|
|
16
|
+
style
|
|
17
|
+
}) {
|
|
18
|
+
return /*#__PURE__*/_jsx(KeyboardAvoidingView, {
|
|
19
|
+
style: [styles.flex, style],
|
|
20
|
+
behavior: Platform.OS === 'ios' ? 'padding' : undefined,
|
|
21
|
+
keyboardVerticalOffset: Platform.OS === 'ios' ? 64 : 0,
|
|
22
|
+
children: /*#__PURE__*/_jsx(ScrollView, {
|
|
23
|
+
ref: keyboardManager.scrollViewRef,
|
|
24
|
+
keyboardShouldPersistTaps: "handled",
|
|
25
|
+
contentContainerStyle: [styles.content, contentContainerStyle],
|
|
26
|
+
showsVerticalScrollIndicator: false,
|
|
27
|
+
children: children
|
|
28
|
+
})
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
const styles = StyleSheet.create({
|
|
32
|
+
flex: {
|
|
33
|
+
flex: 1
|
|
34
|
+
},
|
|
35
|
+
content: {
|
|
36
|
+
flexGrow: 1
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=KeyboardAwareFormWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","KeyboardAvoidingView","Platform","ScrollView","StyleSheet","jsx","_jsx","KeyboardAwareFormWrapper","keyboardManager","children","contentContainerStyle","style","styles","flex","behavior","OS","undefined","keyboardVerticalOffset","ref","scrollViewRef","keyboardShouldPersistTaps","content","showsVerticalScrollIndicator","create","flexGrow"],"sourceRoot":"../../../../src","sources":["components/KeyboardAwareFormWrapper/KeyboardAwareFormWrapper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,QAAmB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUjG;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,wBAAwBA,CAAC;EACvCC,eAAe;EACfC,QAAQ;EACRC,qBAAqB;EACrBC;AAC6B,CAAC,EAAE;EAChC,oBACEL,IAAA,CAACL,oBAAoB;IACnBU,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEF,KAAK,CAAE;IAC5BG,QAAQ,EAAEZ,QAAQ,CAACa,EAAE,KAAK,KAAK,GAAG,SAAS,GAAGC,SAAU;IACxDC,sBAAsB,EAAEf,QAAQ,CAACa,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG,CAAE;IAAAN,QAAA,eAEvDH,IAAA,CAACH,UAAU;MACTe,GAAG,EAAEV,eAAe,CAACW,aAAc;MACnCC,yBAAyB,EAAC,SAAS;MACnCV,qBAAqB,EAAE,CAACE,MAAM,CAACS,OAAO,EAAEX,qBAAqB,CAAE;MAC/DY,4BAA4B,EAAE,KAAM;MAAAb,QAAA,EAEnCA;IAAQ,CACC;EAAC,CACO,CAAC;AAE3B;AAEA,MAAMG,MAAM,GAAGR,UAAU,CAACmB,MAAM,CAAC;EAC/BV,IAAI,EAAE;IAAEA,IAAI,EAAE;EAAE,CAAC;EACjBQ,OAAO,EAAE;IAAEG,QAAQ,EAAE;EAAE;AACzB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["KeyboardAwareFormWrapper"],"sourceRoot":"../../../../src","sources":["components/KeyboardAwareFormWrapper/index.ts"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,4BAA4B","ignoreList":[]}
|