@magmamath/students-features 0.6.14-rc.23 → 0.6.14-rc.24
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/dist/commonjs/features/chatbot/components/ChatInput/freeText/ChatTextInput.js +3 -0
- package/dist/commonjs/features/chatbot/components/ChatInput/freeText/ChatTextInput.js.map +1 -1
- package/dist/module/features/chatbot/components/ChatInput/freeText/ChatTextInput.js +4 -1
- package/dist/module/features/chatbot/components/ChatInput/freeText/ChatTextInput.js.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/ChatInput/freeText/ChatTextInput.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/ChatInput/freeText/ChatTextInput.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/chatbot/components/ChatInput/freeText/ChatTextInput.tsx +4 -1
|
@@ -29,6 +29,7 @@ const ChatTextInput = ({
|
|
|
29
29
|
colorScheme = _studentsFeatures.ColorScheme.Blue,
|
|
30
30
|
placeholder
|
|
31
31
|
}) => {
|
|
32
|
+
const inputRef = (0, _react.useRef)(null);
|
|
32
33
|
const [isFocused, setIsFocused] = (0, _react.useState)(false);
|
|
33
34
|
const widthSv = (0, _reactNativeReanimated.useSharedValue)(value ? FULL_WIDTH : COMPACT_WIDTH);
|
|
34
35
|
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
@@ -55,6 +56,7 @@ const ChatTextInput = ({
|
|
|
55
56
|
if (submitDisabled || value.trim().length < 1 || value.length > MAX_AVAILABLE_MESSAGE_LENGTH) return;
|
|
56
57
|
onSubmit?.();
|
|
57
58
|
handleInputChange('');
|
|
59
|
+
inputRef.current?.focus();
|
|
58
60
|
};
|
|
59
61
|
const handleOnFocus = e => {
|
|
60
62
|
setIsFocused(true);
|
|
@@ -72,6 +74,7 @@ const ChatTextInput = ({
|
|
|
72
74
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
|
|
73
75
|
style: [styles.inputWrapper, animatedStyle],
|
|
74
76
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
|
|
77
|
+
ref: inputRef,
|
|
75
78
|
value: value,
|
|
76
79
|
onChangeText: handleInputChange,
|
|
77
80
|
onBlur: handleOnBlur,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_reactNative","_reactNativeUi","_studentsFeatures","_useKeyboard","_constants","_SendMessageButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MAX_AVAILABLE_MESSAGE_LENGTH","COMPACT_WIDTH","FULL_WIDTH","ANIMATION_DURATION","ChatTextInput","value","submitDisabled","onSubmit","onChangeText","onBlur","onFocus","colorScheme","ColorScheme","Blue","placeholder","isFocused","setIsFocused","useState","widthSv","useSharedValue","animatedStyle","useAnimatedStyle","width","handleInputChange","text","length","hasText","trim","isExpanded","shouldCollapseInput","shouldExpandInput","withTiming","duration","handleSendMessage","handleOnFocus","handleOnBlur","useKeyBoard","event","key","KeyboardKeys","ENTER","jsxs","View","style","styles","inputWrapper","children","jsx","TextInput","placeholderTextColor","COLORS","NEUTRAL_6","input","SendMessageButton","onPress","disabled","exports","StyleSheet","create","container","position","alignItems","height","justifyContent","zIndex","left","flexDirection","borderWidth","borderColor","NEUTRAL_5","borderRadius","backgroundColor","NEUTRAL_1","paddingHorizontal","SPACING","paddingVertical","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","flex","fontSize","minWidth","minHeight","fontWeight","fontFamily","FONT_FAMILY","buenosAires","Platform","OS","outlineStyle","arrowWrapper","marginLeft"],"sourceRoot":"../../../../../../../src","sources":["features/chatbot/components/ChatInput/freeText/ChatTextInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAOA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAEA,IAAAO,kBAAA,GAAAP,OAAA;AAAuD,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEvD,MAAMW,4BAA4B,GAAG,GAAG;AACxC,MAAMC,aAAa,GAAG,GAAG;AACzB,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,kBAAkB,GAAG,GAAG;AAavB,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,cAAc;EACdC,QAAQ;EACRC,YAAY;EACZC,MAAM;EACNC,OAAO;EACPC,WAAW,GAAGC,6BAAW,CAACC,IAAI;EAC9BC;AACkB,CAAC,KAAK;EACxB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAMC,OAAO,GAAG,IAAAC,qCAAc,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_reactNative","_reactNativeUi","_studentsFeatures","_useKeyboard","_constants","_SendMessageButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MAX_AVAILABLE_MESSAGE_LENGTH","COMPACT_WIDTH","FULL_WIDTH","ANIMATION_DURATION","ChatTextInput","value","submitDisabled","onSubmit","onChangeText","onBlur","onFocus","colorScheme","ColorScheme","Blue","placeholder","inputRef","useRef","isFocused","setIsFocused","useState","widthSv","useSharedValue","animatedStyle","useAnimatedStyle","width","handleInputChange","text","length","hasText","trim","isExpanded","shouldCollapseInput","shouldExpandInput","withTiming","duration","handleSendMessage","current","focus","handleOnFocus","handleOnBlur","useKeyBoard","event","key","KeyboardKeys","ENTER","jsxs","View","style","styles","inputWrapper","children","jsx","TextInput","ref","placeholderTextColor","COLORS","NEUTRAL_6","input","SendMessageButton","onPress","disabled","exports","StyleSheet","create","container","position","alignItems","height","justifyContent","zIndex","left","flexDirection","borderWidth","borderColor","NEUTRAL_5","borderRadius","backgroundColor","NEUTRAL_1","paddingHorizontal","SPACING","paddingVertical","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","flex","fontSize","minWidth","minHeight","fontWeight","fontFamily","FONT_FAMILY","buenosAires","Platform","OS","outlineStyle","arrowWrapper","marginLeft"],"sourceRoot":"../../../../../../../src","sources":["features/chatbot/components/ChatInput/freeText/ChatTextInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { useState } from 'react';
|
|
3
|
+
import React, { useRef, useState } from 'react';
|
|
4
4
|
import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
5
5
|
import { Platform, StyleSheet, TextInput } from 'react-native';
|
|
6
6
|
import { COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
|
|
@@ -23,6 +23,7 @@ export const ChatTextInput = ({
|
|
|
23
23
|
colorScheme = ColorScheme.Blue,
|
|
24
24
|
placeholder
|
|
25
25
|
}) => {
|
|
26
|
+
const inputRef = useRef(null);
|
|
26
27
|
const [isFocused, setIsFocused] = useState(false);
|
|
27
28
|
const widthSv = useSharedValue(value ? FULL_WIDTH : COMPACT_WIDTH);
|
|
28
29
|
const animatedStyle = useAnimatedStyle(() => ({
|
|
@@ -49,6 +50,7 @@ export const ChatTextInput = ({
|
|
|
49
50
|
if (submitDisabled || value.trim().length < 1 || value.length > MAX_AVAILABLE_MESSAGE_LENGTH) return;
|
|
50
51
|
onSubmit?.();
|
|
51
52
|
handleInputChange('');
|
|
53
|
+
inputRef.current?.focus();
|
|
52
54
|
};
|
|
53
55
|
const handleOnFocus = e => {
|
|
54
56
|
setIsFocused(true);
|
|
@@ -66,6 +68,7 @@ export const ChatTextInput = ({
|
|
|
66
68
|
return /*#__PURE__*/_jsxs(Animated.View, {
|
|
67
69
|
style: [styles.inputWrapper, animatedStyle],
|
|
68
70
|
children: [/*#__PURE__*/_jsx(TextInput, {
|
|
71
|
+
ref: inputRef,
|
|
69
72
|
value: value,
|
|
70
73
|
onChangeText: handleInputChange,
|
|
71
74
|
onBlur: handleOnBlur,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Animated","useAnimatedStyle","useSharedValue","withTiming","Platform","StyleSheet","TextInput","COLORS","FONT_FAMILY","SPACING","ColorScheme","useKeyBoard","KeyboardKeys","SendMessageButton","jsx","_jsx","jsxs","_jsxs","MAX_AVAILABLE_MESSAGE_LENGTH","COMPACT_WIDTH","FULL_WIDTH","ANIMATION_DURATION","ChatTextInput","value","submitDisabled","onSubmit","onChangeText","onBlur","onFocus","colorScheme","Blue","placeholder","isFocused","setIsFocused","widthSv","animatedStyle","width","handleInputChange","text","length","hasText","trim","isExpanded","shouldCollapseInput","shouldExpandInput","duration","handleSendMessage","handleOnFocus","e","handleOnBlur","event","key","ENTER","View","style","styles","inputWrapper","children","placeholderTextColor","NEUTRAL_6","input","onPress","disabled","create","container","position","alignItems","height","justifyContent","zIndex","left","flexDirection","borderWidth","borderColor","NEUTRAL_5","borderRadius","backgroundColor","NEUTRAL_1","paddingHorizontal","paddingVertical","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","flex","fontSize","minWidth","minHeight","fontWeight","fontFamily","buenosAires","OS","outlineStyle","arrowWrapper","marginLeft"],"sourceRoot":"../../../../../../../src","sources":["features/chatbot/components/ChatInput/freeText/ChatTextInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["React","useRef","useState","Animated","useAnimatedStyle","useSharedValue","withTiming","Platform","StyleSheet","TextInput","COLORS","FONT_FAMILY","SPACING","ColorScheme","useKeyBoard","KeyboardKeys","SendMessageButton","jsx","_jsx","jsxs","_jsxs","MAX_AVAILABLE_MESSAGE_LENGTH","COMPACT_WIDTH","FULL_WIDTH","ANIMATION_DURATION","ChatTextInput","value","submitDisabled","onSubmit","onChangeText","onBlur","onFocus","colorScheme","Blue","placeholder","inputRef","isFocused","setIsFocused","widthSv","animatedStyle","width","handleInputChange","text","length","hasText","trim","isExpanded","shouldCollapseInput","shouldExpandInput","duration","handleSendMessage","current","focus","handleOnFocus","e","handleOnBlur","event","key","ENTER","View","style","styles","inputWrapper","children","ref","placeholderTextColor","NEUTRAL_6","input","onPress","disabled","create","container","position","alignItems","height","justifyContent","zIndex","left","flexDirection","borderWidth","borderColor","NEUTRAL_5","borderRadius","backgroundColor","NEUTRAL_1","paddingHorizontal","paddingVertical","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","flex","fontSize","minWidth","minHeight","fontWeight","fontFamily","buenosAires","OS","outlineStyle","arrowWrapper","marginLeft"],"sourceRoot":"../../../../../../../src","sources":["features/chatbot/components/ChatInput/freeText/ChatTextInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatTextInput.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/chatbot/components/ChatInput/freeText/ChatTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ChatTextInput.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/chatbot/components/ChatInput/freeText/ChatTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,OAAO,EACL,oBAAoB,EAIpB,uBAAuB,EACxB,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAW1D,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAA;IACnE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAA;IACpE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,aAAa,kGASvB,kBAAkB,sBAyEpB,CAAA"}
|
package/dist/typescript/module/features/chatbot/components/ChatInput/freeText/ChatTextInput.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatTextInput.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/chatbot/components/ChatInput/freeText/ChatTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ChatTextInput.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/chatbot/components/ChatInput/freeText/ChatTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,OAAO,EACL,oBAAoB,EAIpB,uBAAuB,EACxB,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAW1D,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAA;IACnE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAA;IACpE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,aAAa,kGASvB,kBAAkB,sBAyEpB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState } from 'react'
|
|
1
|
+
import React, { useRef, useState } from 'react'
|
|
2
2
|
import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'
|
|
3
3
|
import {
|
|
4
4
|
NativeSyntheticEvent,
|
|
@@ -40,6 +40,7 @@ export const ChatTextInput = ({
|
|
|
40
40
|
colorScheme = ColorScheme.Blue,
|
|
41
41
|
placeholder,
|
|
42
42
|
}: ChatTextInputProps) => {
|
|
43
|
+
const inputRef = useRef<TextInput>(null)
|
|
43
44
|
const [isFocused, setIsFocused] = useState(false)
|
|
44
45
|
const widthSv = useSharedValue(value ? FULL_WIDTH : COMPACT_WIDTH )
|
|
45
46
|
|
|
@@ -73,6 +74,7 @@ export const ChatTextInput = ({
|
|
|
73
74
|
|
|
74
75
|
onSubmit?.()
|
|
75
76
|
handleInputChange('')
|
|
77
|
+
inputRef.current?.focus()
|
|
76
78
|
}
|
|
77
79
|
|
|
78
80
|
const handleOnFocus = (e: NativeSyntheticEvent<TextInputFocusEventData>) => {
|
|
@@ -94,6 +96,7 @@ export const ChatTextInput = ({
|
|
|
94
96
|
return (
|
|
95
97
|
<Animated.View style={[styles.inputWrapper, animatedStyle]}>
|
|
96
98
|
<TextInput
|
|
99
|
+
ref={inputRef}
|
|
97
100
|
value={value}
|
|
98
101
|
onChangeText={handleInputChange}
|
|
99
102
|
onBlur={handleOnBlur}
|