@kivid/native-components 1.0.0-alpha.20 → 1.0.0-alpha.22
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/components/ChatBubble/assets/class-variants.js +55 -4
- package/dist/commonjs/components/ChatBubble/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/index.js +25 -20
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/index.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/types.js +6 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/types.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js +8 -3
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleTime/index.js +7 -1
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleTime/index.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/index.js +58 -13
- package/dist/commonjs/components/ChatBubble/index.js.map +1 -1
- package/dist/commonjs/components/DatePicker/assets/theme.js +99 -0
- package/dist/commonjs/components/DatePicker/assets/theme.js.map +1 -0
- package/dist/commonjs/components/DatePicker/index.js +174 -0
- package/dist/commonjs/components/DatePicker/index.js.map +1 -0
- package/dist/commonjs/components/DatePicker/types.js +6 -0
- package/dist/commonjs/components/DatePicker/types.js.map +1 -0
- package/dist/commonjs/components/IconButton/index.js +1 -0
- package/dist/commonjs/components/IconButton/index.js.map +1 -1
- package/dist/commonjs/components/MessageInput/assets/class-variants.js +31 -0
- package/dist/commonjs/components/MessageInput/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/MessageInput/index.js +105 -0
- package/dist/commonjs/components/MessageInput/index.js.map +1 -0
- package/dist/commonjs/components/MessageInput/types.js +6 -0
- package/dist/commonjs/components/MessageInput/types.js.map +1 -0
- package/dist/commonjs/components/TextInput/assets/class-variants.js +21 -4
- package/dist/commonjs/components/TextInput/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/TextInput/enums.js +7 -1
- package/dist/commonjs/components/TextInput/enums.js.map +1 -1
- package/dist/commonjs/components/TextInput/index.js +13 -3
- package/dist/commonjs/components/TextInput/index.js.map +1 -1
- package/dist/commonjs/components/index.js +65 -43
- package/dist/commonjs/components/index.js.map +1 -1
- package/dist/module/components/ChatBubble/assets/class-variants.js +54 -3
- package/dist/module/components/ChatBubble/assets/class-variants.js.map +1 -1
- package/dist/module/components/ChatBubble/components/ChatBubbleEar/index.js +26 -21
- package/dist/module/components/ChatBubble/components/ChatBubbleEar/index.js.map +1 -1
- package/dist/module/components/ChatBubble/components/ChatBubbleEar/types.js +4 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleEar/types.js.map +1 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js +7 -2
- package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -1
- package/dist/module/components/ChatBubble/components/ChatBubbleTime/index.js +9 -2
- package/dist/module/components/ChatBubble/components/ChatBubbleTime/index.js.map +1 -1
- package/dist/module/components/ChatBubble/index.js +59 -14
- package/dist/module/components/ChatBubble/index.js.map +1 -1
- package/dist/module/components/DatePicker/assets/theme.js +95 -0
- package/dist/module/components/DatePicker/assets/theme.js.map +1 -0
- package/dist/module/components/DatePicker/index.js +169 -0
- package/dist/module/components/DatePicker/index.js.map +1 -0
- package/dist/module/components/DatePicker/types.js +4 -0
- package/dist/module/components/DatePicker/types.js.map +1 -0
- package/dist/module/components/IconButton/index.js +1 -0
- package/dist/module/components/IconButton/index.js.map +1 -1
- package/dist/module/components/MessageInput/assets/class-variants.js +27 -0
- package/dist/module/components/MessageInput/assets/class-variants.js.map +1 -0
- package/dist/module/components/MessageInput/index.js +100 -0
- package/dist/module/components/MessageInput/index.js.map +1 -0
- package/dist/module/components/MessageInput/types.js +4 -0
- package/dist/module/components/MessageInput/types.js.map +1 -0
- package/dist/module/components/TextInput/assets/class-variants.js +21 -4
- package/dist/module/components/TextInput/assets/class-variants.js.map +1 -1
- package/dist/module/components/TextInput/enums.js +6 -0
- package/dist/module/components/TextInput/enums.js.map +1 -1
- package/dist/module/components/TextInput/index.js +14 -4
- package/dist/module/components/TextInput/index.js.map +1 -1
- package/dist/module/components/index.js +3 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/typescript/components/ChatBubble/assets/class-variants.d.ts +7 -1
- package/dist/typescript/components/ChatBubble/components/ChatBubbleEar/index.d.ts +1 -6
- package/dist/typescript/components/ChatBubble/components/ChatBubbleEar/types.d.ts +6 -0
- package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/types.d.ts +1 -0
- package/dist/typescript/components/ChatBubble/types.d.ts +1 -0
- package/dist/typescript/components/DatePicker/assets/theme.d.ts +92 -0
- package/dist/typescript/components/DatePicker/index.d.ts +2 -0
- package/dist/typescript/components/DatePicker/types.d.ts +17 -0
- package/dist/typescript/components/MessageInput/assets/class-variants.d.ts +7 -0
- package/dist/typescript/components/MessageInput/index.d.ts +6 -0
- package/dist/typescript/components/MessageInput/types.d.ts +13 -0
- package/dist/typescript/components/TextInput/assets/class-variants.d.ts +3 -0
- package/dist/typescript/components/TextInput/enums.d.ts +5 -0
- package/dist/typescript/components/TextInput/index.d.ts +1 -1
- package/dist/typescript/components/TextInput/types.d.ts +4 -1
- package/dist/typescript/components/index.d.ts +6 -0
- package/package.json +26 -11
- package/src/components/ChatBubble/assets/class-variants.ts +130 -66
- package/src/components/ChatBubble/components/ChatBubbleEar/index.tsx +35 -24
- package/src/components/ChatBubble/components/ChatBubbleEar/types.ts +7 -0
- package/src/components/ChatBubble/components/ChatBubbleText/index.tsx +8 -5
- package/src/components/ChatBubble/components/ChatBubbleTime/index.tsx +4 -1
- package/src/components/ChatBubble/contexts/ChatBubbleContext/types.ts +1 -0
- package/src/components/ChatBubble/index.tsx +83 -23
- package/src/components/ChatBubble/types.ts +1 -0
- package/src/components/DatePicker/assets/theme.ts +92 -0
- package/src/components/DatePicker/index.tsx +203 -0
- package/src/components/DatePicker/types.ts +20 -0
- package/src/components/IconButton/index.tsx +1 -0
- package/src/components/MessageInput/assets/class-variants.ts +35 -0
- package/src/components/MessageInput/index.tsx +121 -0
- package/src/components/MessageInput/types.ts +18 -0
- package/src/components/TextInput/assets/class-variants.ts +32 -13
- package/src/components/TextInput/enums.ts +6 -0
- package/src/components/TextInput/index.tsx +9 -1
- package/src/components/TextInput/types.ts +4 -1
- package/src/components/index.ts +8 -0
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.DatePicker = DatePicker;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeCalendars = require("react-native-calendars");
|
|
10
|
+
var _dateFns = require("date-fns");
|
|
11
|
+
var _locale = require("date-fns/locale");
|
|
12
|
+
var _theme = require("./assets/theme.js");
|
|
13
|
+
var _index = _interopRequireDefault(require("../Typography/index.js"));
|
|
14
|
+
var _native = require("@kivid/icons/native");
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
+
_reactNativeCalendars.LocaleConfig.locales['pt-br'] = {
|
|
18
|
+
monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
|
|
19
|
+
monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
|
|
20
|
+
dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
|
|
21
|
+
dayNamesShort: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
|
|
22
|
+
today: 'Hoje'
|
|
23
|
+
};
|
|
24
|
+
_reactNativeCalendars.LocaleConfig.defaultLocale = 'pt-br';
|
|
25
|
+
function DatePicker(props) {
|
|
26
|
+
const {
|
|
27
|
+
selectedDates,
|
|
28
|
+
onSelectedDatesChange,
|
|
29
|
+
initialDate,
|
|
30
|
+
minDate,
|
|
31
|
+
maxDate,
|
|
32
|
+
markedDates: externalMarkedDates,
|
|
33
|
+
unavailableDates,
|
|
34
|
+
theme: customTheme,
|
|
35
|
+
selectionType,
|
|
36
|
+
...rest
|
|
37
|
+
} = props;
|
|
38
|
+
const [currentMonth, setCurrentMonth] = (0, _react.useState)(initialDate || (0, _dateFns.format)(new Date(), 'yyyy-MM-dd'));
|
|
39
|
+
const onDayPress = (0, _react.useCallback)(day => {
|
|
40
|
+
const dateString = day.dateString;
|
|
41
|
+
if (unavailableDates?.includes(dateString)) {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
if (externalMarkedDates?.[dateString]) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
if (!selectionType) {
|
|
48
|
+
onSelectedDatesChange(dateString);
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
if (selectionType === 'multi-dot') {
|
|
52
|
+
onSelectedDatesChange(prev => {
|
|
53
|
+
const isSelected = prev.includes(dateString);
|
|
54
|
+
const newDates = isSelected ? prev.filter(d => d !== dateString) : [...prev, dateString];
|
|
55
|
+
return newDates;
|
|
56
|
+
});
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
}, [onSelectedDatesChange, selectionType, externalMarkedDates, unavailableDates]);
|
|
60
|
+
const markedDates = (0, _react.useMemo)(() => {
|
|
61
|
+
const filteredExternalMarkedDates = externalMarkedDates ? Object.keys(externalMarkedDates).reduce((acc, date) => {
|
|
62
|
+
if (!unavailableDates?.includes(date)) {
|
|
63
|
+
acc[date] = externalMarkedDates[date];
|
|
64
|
+
}
|
|
65
|
+
return acc;
|
|
66
|
+
}, {}) : {};
|
|
67
|
+
const marked = {
|
|
68
|
+
...filteredExternalMarkedDates
|
|
69
|
+
};
|
|
70
|
+
if (unavailableDates) {
|
|
71
|
+
unavailableDates.forEach(date => {
|
|
72
|
+
marked[date] = {
|
|
73
|
+
disabled: true,
|
|
74
|
+
disableTouchEvent: true,
|
|
75
|
+
textColor: '#D1D5DB',
|
|
76
|
+
dotColor: '#D1D5DB'
|
|
77
|
+
};
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
if (filteredExternalMarkedDates) {
|
|
81
|
+
Object.keys(filteredExternalMarkedDates).forEach(date => {
|
|
82
|
+
marked[date] = {
|
|
83
|
+
...marked[date],
|
|
84
|
+
disableTouchEvent: true,
|
|
85
|
+
selected: true,
|
|
86
|
+
selectedColor: '#EAE0FF',
|
|
87
|
+
selectedTextColor: '#1F2937'
|
|
88
|
+
};
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
if (!selectionType && selectedDates && selectedDates.length > 0) {
|
|
92
|
+
const firstDate = selectedDates[0];
|
|
93
|
+
if (!unavailableDates?.includes(firstDate)) {
|
|
94
|
+
marked[firstDate] = {
|
|
95
|
+
...marked[firstDate],
|
|
96
|
+
selected: true,
|
|
97
|
+
selectedColor: '#EAE0FF',
|
|
98
|
+
selectedTextColor: '#1F2937'
|
|
99
|
+
};
|
|
100
|
+
}
|
|
101
|
+
return marked;
|
|
102
|
+
}
|
|
103
|
+
if (selectionType === 'multi-dot') {
|
|
104
|
+
selectedDates.forEach(date => {
|
|
105
|
+
if (!unavailableDates?.includes(date)) {
|
|
106
|
+
marked[date] = {
|
|
107
|
+
...marked[date],
|
|
108
|
+
selected: true,
|
|
109
|
+
selectedColor: '#EAE0FF',
|
|
110
|
+
selectedTextColor: '#1F2937'
|
|
111
|
+
};
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
return marked;
|
|
115
|
+
}
|
|
116
|
+
return marked;
|
|
117
|
+
}, [selectedDates, externalMarkedDates, selectionType, unavailableDates]);
|
|
118
|
+
const mergedTheme = {
|
|
119
|
+
..._theme.defaultTheme,
|
|
120
|
+
...customTheme
|
|
121
|
+
};
|
|
122
|
+
const handlePressArrowLeft = (0, _react.useCallback)(subtractMonth => {
|
|
123
|
+
subtractMonth();
|
|
124
|
+
}, []);
|
|
125
|
+
const handlePressArrowRight = (0, _react.useCallback)(addMonth => {
|
|
126
|
+
addMonth();
|
|
127
|
+
}, []);
|
|
128
|
+
const handleMonthChange = (0, _react.useCallback)(date => {
|
|
129
|
+
setCurrentMonth(date.dateString);
|
|
130
|
+
}, []);
|
|
131
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
132
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeCalendars.Calendar, {
|
|
133
|
+
current: currentMonth,
|
|
134
|
+
onDayPress: onDayPress,
|
|
135
|
+
onMonthChange: handleMonthChange,
|
|
136
|
+
onPressArrowLeft: handlePressArrowLeft,
|
|
137
|
+
onPressArrowRight: handlePressArrowRight,
|
|
138
|
+
markedDates: markedDates,
|
|
139
|
+
minDate: minDate,
|
|
140
|
+
maxDate: maxDate,
|
|
141
|
+
theme: mergedTheme,
|
|
142
|
+
enableSwipeMonths: true,
|
|
143
|
+
hideExtraDays: false,
|
|
144
|
+
markingType: selectionType,
|
|
145
|
+
firstDay: 0,
|
|
146
|
+
renderArrow: direction => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
147
|
+
className: "items-center border p-400 mb-600 rounded-500 border-chia-400 bg-chia-100",
|
|
148
|
+
children: direction === 'left' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.ArrowLeftStroke, {
|
|
149
|
+
size: 24,
|
|
150
|
+
className: "text-gray-900"
|
|
151
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.ArrowRightStroke, {
|
|
152
|
+
size: 24,
|
|
153
|
+
className: "text-gray-900"
|
|
154
|
+
})
|
|
155
|
+
}),
|
|
156
|
+
renderHeader: date => {
|
|
157
|
+
const formattedDate = (0, _dateFns.format)(new Date(date), 'MMMM yy', {
|
|
158
|
+
locale: _locale.ptBR
|
|
159
|
+
});
|
|
160
|
+
const capitalizedDate = formattedDate.charAt(0).toUpperCase() + formattedDate.slice(1);
|
|
161
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
162
|
+
className: "items-center translate-y-[-8px]",
|
|
163
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
|
|
164
|
+
variant: "label_large",
|
|
165
|
+
weight: "700",
|
|
166
|
+
children: capitalizedDate
|
|
167
|
+
})
|
|
168
|
+
});
|
|
169
|
+
},
|
|
170
|
+
...rest
|
|
171
|
+
})
|
|
172
|
+
});
|
|
173
|
+
}
|
|
174
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeCalendars","_dateFns","_locale","_theme","_index","_interopRequireDefault","_native","_jsxRuntime","e","__esModule","default","LocaleConfig","locales","monthNames","monthNamesShort","dayNames","dayNamesShort","today","defaultLocale","DatePicker","props","selectedDates","onSelectedDatesChange","initialDate","minDate","maxDate","markedDates","externalMarkedDates","unavailableDates","theme","customTheme","selectionType","rest","currentMonth","setCurrentMonth","useState","format","Date","onDayPress","useCallback","day","dateString","includes","prev","isSelected","newDates","filter","d","useMemo","filteredExternalMarkedDates","Object","keys","reduce","acc","date","marked","forEach","disabled","disableTouchEvent","textColor","dotColor","selected","selectedColor","selectedTextColor","length","firstDate","mergedTheme","defaultTheme","handlePressArrowLeft","subtractMonth","handlePressArrowRight","addMonth","handleMonthChange","jsx","View","children","Calendar","current","onMonthChange","onPressArrowLeft","onPressArrowRight","enableSwipeMonths","hideExtraDays","markingType","firstDay","renderArrow","direction","className","ArrowLeftStroke","size","ArrowRightStroke","renderHeader","formattedDate","locale","ptBR","capitalizedDate","charAt","toUpperCase","slice","variant","weight"],"sourceRoot":"../../../../src","sources":["components/DatePicker/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/DatePicker/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVariants","_tailwindPreset","_react","_index","_interopRequireDefault","_enums","_jsxRuntime","e","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","IconButton","props","icon","loading","variant","IconButtonVariantEnum","GRAPE","size","IconButtonSizeEnum","SMALL","corners","IconButtonCornersEnum","disabled","className","accessibilityLabel","selected","onPressIn","onPressOut","rest","animatedValue","useRef","Value","current","loadingDotsVariantsMap","JAVA","PEAR","TANGERINE","PITAYA","BLACKBERRY","CHIA","OUTLINE","GHOST","mappedLoadingStyleBySize","MEDIUM","LARGE","XLARGE","XXLARGE","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","renderContent","jsx","lottieViewStyle","width","height","Fragment","children","merge","buttonVariants","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents","View"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVariants","_tailwindPreset","_react","_index","_interopRequireDefault","_enums","_jsxRuntime","e","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","IconButton","props","icon","loading","variant","IconButtonVariantEnum","GRAPE","size","IconButtonSizeEnum","SMALL","corners","IconButtonCornersEnum","disabled","className","accessibilityLabel","selected","onPressIn","onPressOut","rest","animatedValue","useRef","Value","current","loadingDotsVariantsMap","JAVA","PEAR","TANGERINE","PITAYA","BLACKBERRY","CHIA","OUTLINE","GHOST","mappedLoadingStyleBySize","MEDIUM","LARGE","XLARGE","XXLARGE","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","renderContent","jsx","lottieViewStyle","width","height","Fragment","children","merge","buttonVariants","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents","View"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.messageInputFieldVariants = exports.messageInputContentVariants = exports.messageInputContainerVariants = void 0;
|
|
7
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
+
const messageInputContainerVariants = exports.messageInputContainerVariants = (0, _classVarianceAuthority.cva)("flex-row items-center border border-chia-400 bg-chia-100 rounded-700 min-h-[48px]", {
|
|
9
|
+
variants: {
|
|
10
|
+
disabled: {
|
|
11
|
+
true: "opacity-40",
|
|
12
|
+
false: ""
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
disabled: false
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const messageInputContentVariants = exports.messageInputContentVariants = (0, _classVarianceAuthority.cva)("flex-1 flex-col text-chia-900 px-600");
|
|
20
|
+
const messageInputFieldVariants = exports.messageInputFieldVariants = (0, _classVarianceAuthority.cva)("font-nunito-bold text-[16px] leading-[20px] placeholder:text-chia-600 ios:pt-[3px] android:p-0", {
|
|
21
|
+
variants: {
|
|
22
|
+
disabled: {
|
|
23
|
+
true: "",
|
|
24
|
+
false: ""
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
defaultVariants: {
|
|
28
|
+
disabled: false
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
//# sourceMappingURL=class-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","messageInputContainerVariants","exports","cva","variants","disabled","true","false","defaultVariants","messageInputContentVariants","messageInputFieldVariants"],"sourceRoot":"../../../../../src","sources":["components/MessageInput/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,2BAAG,EAC9C,mFAAmF,EACnF;EACEC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAEM,MAAMI,2BAA2B,GAAAP,OAAA,CAAAO,2BAAA,GAAG,IAAAN,2BAAG,EAC5C,sCACF,CAAC;AAEM,MAAMO,yBAAyB,GAAAR,OAAA,CAAAQ,yBAAA,GAAG,IAAAP,2BAAG,EAC1C,gGAAgG,EAChG;EACEC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE;EACZ;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.MessageInput = MessageInput;
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
var _tailwindPreset = require("@kivid/tailwind-preset");
|
|
11
|
+
var _classVariants = require("./assets/class-variants.js");
|
|
12
|
+
var _native = require("@kivid/icons/native");
|
|
13
|
+
var _index = require("../IconButton/index.js");
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
function MessageInput({
|
|
16
|
+
value = "",
|
|
17
|
+
onChangeText,
|
|
18
|
+
disabled = false,
|
|
19
|
+
className = "",
|
|
20
|
+
inputClassName = "",
|
|
21
|
+
placeholder = "Type a message...",
|
|
22
|
+
accessibilityLabel,
|
|
23
|
+
containerTestID,
|
|
24
|
+
ref,
|
|
25
|
+
onSend,
|
|
26
|
+
sendButtonDisabled = false,
|
|
27
|
+
sendButtonAccessibilityLabel = "Send message",
|
|
28
|
+
multiline = false,
|
|
29
|
+
...rest
|
|
30
|
+
}) {
|
|
31
|
+
const inputRef = (0, _react.useRef)(null);
|
|
32
|
+
const handleChangeText = text => {
|
|
33
|
+
onChangeText?.(text);
|
|
34
|
+
};
|
|
35
|
+
const handleSend = () => {
|
|
36
|
+
if (!disabled && !sendButtonDisabled && onSend) {
|
|
37
|
+
onSend(value);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
const getAccessibilityLabel = () => {
|
|
41
|
+
if (accessibilityLabel) return accessibilityLabel;
|
|
42
|
+
let labelText = "Message input";
|
|
43
|
+
if (disabled) labelText += ", disabled";
|
|
44
|
+
return labelText;
|
|
45
|
+
};
|
|
46
|
+
const isSendButtonDisabled = disabled || sendButtonDisabled;
|
|
47
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
48
|
+
testID: containerTestID,
|
|
49
|
+
className: (0, _tailwindPreset.merge)((0, _classVariants.messageInputContainerVariants)({
|
|
50
|
+
disabled
|
|
51
|
+
}), className),
|
|
52
|
+
onPress: () => {
|
|
53
|
+
if (!disabled) {
|
|
54
|
+
inputRef.current?.focus();
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
disabled: disabled,
|
|
58
|
+
accessibilityRole: "none",
|
|
59
|
+
accessibilityState: {
|
|
60
|
+
disabled
|
|
61
|
+
},
|
|
62
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
63
|
+
className: (0, _tailwindPreset.merge)((0, _classVariants.messageInputContentVariants)()),
|
|
64
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
|
|
65
|
+
value: value,
|
|
66
|
+
onChangeText: handleChangeText,
|
|
67
|
+
editable: !disabled,
|
|
68
|
+
placeholder: placeholder,
|
|
69
|
+
multiline: multiline,
|
|
70
|
+
className: (0, _tailwindPreset.merge)((0, _classVariants.messageInputFieldVariants)({
|
|
71
|
+
disabled
|
|
72
|
+
}), inputClassName),
|
|
73
|
+
accessibilityLabel: getAccessibilityLabel(),
|
|
74
|
+
accessibilityState: {
|
|
75
|
+
disabled
|
|
76
|
+
},
|
|
77
|
+
...rest,
|
|
78
|
+
ref: instance => {
|
|
79
|
+
inputRef.current = instance;
|
|
80
|
+
if (ref) {
|
|
81
|
+
ref.current = instance;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
})
|
|
85
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.IconButton, {
|
|
86
|
+
onPress: handleSend,
|
|
87
|
+
disabled: isSendButtonDisabled,
|
|
88
|
+
className: "mr-400",
|
|
89
|
+
accessibilityRole: "button",
|
|
90
|
+
accessibilityLabel: sendButtonAccessibilityLabel,
|
|
91
|
+
accessibilityState: {
|
|
92
|
+
disabled: isSendButtonDisabled
|
|
93
|
+
},
|
|
94
|
+
testID: "send-button",
|
|
95
|
+
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.EssentialSendStroke, {
|
|
96
|
+
width: 24,
|
|
97
|
+
height: 24,
|
|
98
|
+
className: "text-white"
|
|
99
|
+
})
|
|
100
|
+
})]
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
MessageInput.displayName = "MessageInput";
|
|
104
|
+
var _default = exports.default = MessageInput;
|
|
105
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_tailwindPreset","_classVariants","_native","_index","_jsxRuntime","MessageInput","value","onChangeText","disabled","className","inputClassName","placeholder","accessibilityLabel","containerTestID","ref","onSend","sendButtonDisabled","sendButtonAccessibilityLabel","multiline","rest","inputRef","useRef","handleChangeText","text","handleSend","getAccessibilityLabel","labelText","isSendButtonDisabled","jsxs","Pressable","testID","merge","messageInputContainerVariants","onPress","current","focus","accessibilityRole","accessibilityState","children","jsx","View","messageInputContentVariants","TextInput","editable","messageInputFieldVariants","instance","IconButton","icon","EssentialSendStroke","width","height","displayName","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/MessageInput/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/MessageInput/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -5,16 +5,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.textInputFieldVariants = exports.textInputContentVariants = exports.textInputContainerVariants = void 0;
|
|
7
7
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
-
const textInputContainerVariants = exports.textInputContainerVariants = (0, _classVarianceAuthority.cva)("flex-row items-center border border-chia-400 bg-chia-100
|
|
8
|
+
const textInputContainerVariants = exports.textInputContainerVariants = (0, _classVarianceAuthority.cva)("flex-row items-center border border-chia-400 bg-chia-100", {
|
|
9
9
|
variants: {
|
|
10
10
|
corners: {
|
|
11
11
|
small: "rounded-500",
|
|
12
12
|
medium: "rounded-700"
|
|
13
13
|
},
|
|
14
|
+
size: {
|
|
15
|
+
small: "h-[48px]",
|
|
16
|
+
medium: "h-[56px]",
|
|
17
|
+
large: "h-[64px]"
|
|
18
|
+
},
|
|
14
19
|
showLabel: {
|
|
15
20
|
true: "gap-400 px-600 py-500",
|
|
16
21
|
false: "px-600 py-500"
|
|
17
22
|
},
|
|
23
|
+
showLeftIcon: {
|
|
24
|
+
true: "",
|
|
25
|
+
false: ""
|
|
26
|
+
},
|
|
18
27
|
error: {
|
|
19
28
|
true: "border-blackberry-500",
|
|
20
29
|
false: "border-chia-400"
|
|
@@ -26,12 +35,14 @@ const textInputContainerVariants = exports.textInputContainerVariants = (0, _cla
|
|
|
26
35
|
},
|
|
27
36
|
defaultVariants: {
|
|
28
37
|
corners: "medium",
|
|
38
|
+
size: "large",
|
|
29
39
|
showLabel: false,
|
|
40
|
+
showLeftIcon: false,
|
|
30
41
|
error: false,
|
|
31
42
|
disabled: false
|
|
32
43
|
}
|
|
33
44
|
});
|
|
34
|
-
const textInputContentVariants = exports.textInputContentVariants = (0, _classVarianceAuthority.cva)("flex-1 flex-col text-chia-900", {
|
|
45
|
+
const textInputContentVariants = exports.textInputContentVariants = (0, _classVarianceAuthority.cva)("flex-1 flex-col text-chia-900 shrink min-w-0", {
|
|
35
46
|
variants: {
|
|
36
47
|
showLabel: {
|
|
37
48
|
true: "gap-0",
|
|
@@ -42,7 +53,7 @@ const textInputContentVariants = exports.textInputContentVariants = (0, _classVa
|
|
|
42
53
|
showLabel: false
|
|
43
54
|
}
|
|
44
55
|
});
|
|
45
|
-
const textInputFieldVariants = exports.textInputFieldVariants = (0, _classVarianceAuthority.cva)("font-nunito-bold text-[16px] leading-[
|
|
56
|
+
const textInputFieldVariants = exports.textInputFieldVariants = (0, _classVarianceAuthority.cva)("flex-1 font-nunito-bold text-[16px] leading-[20px] placeholder:text-chia-600 android:p-0 min-w-0", {
|
|
46
57
|
variants: {
|
|
47
58
|
disabled: {
|
|
48
59
|
true: "",
|
|
@@ -59,13 +70,19 @@ const textInputFieldVariants = exports.textInputFieldVariants = (0, _classVarian
|
|
|
59
70
|
showLabel: {
|
|
60
71
|
true: "min-h-700",
|
|
61
72
|
false: "min-h-800"
|
|
73
|
+
},
|
|
74
|
+
size: {
|
|
75
|
+
small: "ios:pt-[3px]",
|
|
76
|
+
medium: "ios:pt-[3px]",
|
|
77
|
+
large: "ios:pt-[2px]"
|
|
62
78
|
}
|
|
63
79
|
},
|
|
64
80
|
defaultVariants: {
|
|
65
81
|
disabled: false,
|
|
66
82
|
isValid: false,
|
|
67
83
|
error: false,
|
|
68
|
-
showLabel: false
|
|
84
|
+
showLabel: false,
|
|
85
|
+
size: "large"
|
|
69
86
|
}
|
|
70
87
|
});
|
|
71
88
|
//# sourceMappingURL=class-variants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_classVarianceAuthority","require","textInputContainerVariants","exports","cva","variants","corners","small","medium","showLabel","true","false","error","disabled","defaultVariants","textInputContentVariants","textInputFieldVariants","isValid"],"sourceRoot":"../../../../../src","sources":["components/TextInput/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,2BAAG,EAC3C,
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","textInputContainerVariants","exports","cva","variants","corners","small","medium","size","large","showLabel","true","false","showLeftIcon","error","disabled","defaultVariants","textInputContentVariants","textInputFieldVariants","isValid"],"sourceRoot":"../../../../../src","sources":["components/TextInput/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,2BAAG,EAC3C,0DAA0D,EAC1D;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE;IACV,CAAC;IACDC,IAAI,EAAE;MACJF,KAAK,EAAE,UAAU;MACjBC,MAAM,EAAE,UAAU;MAClBE,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,uBAAuB;MAC7BC,KAAK,EAAE;IACT,CAAC;IACDC,YAAY,EAAE;MACZF,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IACDE,KAAK,EAAE;MACLH,IAAI,EAAE,uBAAuB;MAC7BC,KAAK,EAAE;IACT,CAAC;IACDG,QAAQ,EAAE;MACRJ,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfX,OAAO,EAAE,QAAQ;IACjBG,IAAI,EAAE,OAAO;IACbE,SAAS,EAAE,KAAK;IAChBG,YAAY,EAAE,KAAK;IACnBC,KAAK,EAAE,KAAK;IACZC,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAEM,MAAME,wBAAwB,GAAAf,OAAA,CAAAe,wBAAA,GAAG,IAAAd,2BAAG,EACzC,8CAA8C,EAC9C;EACEC,QAAQ,EAAE;IACRM,SAAS,EAAE;MACTC,IAAI,EAAE,OAAO;MACbC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfN,SAAS,EAAE;EACb;AACF,CACF,CAAC;AAEM,MAAMQ,sBAAsB,GAAAhB,OAAA,CAAAgB,sBAAA,GAAG,IAAAf,2BAAG,EACvC,kGAAkG,EAClG;EACEC,QAAQ,EAAE;IACRW,QAAQ,EAAE;MACRJ,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IACDO,OAAO,EAAE;MACPR,IAAI,EAAE,eAAe;MACrBC,KAAK,EAAE;IACT,CAAC;IACDE,KAAK,EAAE;MACLH,IAAI,EAAE,qBAAqB;MAC3BC,KAAK,EAAE;IACT,CAAC;IACDF,SAAS,EAAE;MACTC,IAAI,EAAE,WAAW;MACjBC,KAAK,EAAE;IACT,CAAC;IACDJ,IAAI,EAAE;MACJF,KAAK,EAAE,cAAc;MACrBC,MAAM,EAAE,cAAc;MACtBE,KAAK,EAAE;IACT;EACF,CAAC;EACDO,eAAe,EAAE;IACfD,QAAQ,EAAE,KAAK;IACfI,OAAO,EAAE,KAAK;IACdL,KAAK,EAAE,KAAK;IACZJ,SAAS,EAAE,KAAK;IAChBF,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -3,10 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TextInputCornersEnum = void 0;
|
|
6
|
+
exports.TextInputSizeEnum = exports.TextInputCornersEnum = void 0;
|
|
7
7
|
let TextInputCornersEnum = exports.TextInputCornersEnum = /*#__PURE__*/function (TextInputCornersEnum) {
|
|
8
8
|
TextInputCornersEnum["SMALL"] = "small";
|
|
9
9
|
TextInputCornersEnum["MEDIUM"] = "medium";
|
|
10
10
|
return TextInputCornersEnum;
|
|
11
11
|
}({});
|
|
12
|
+
let TextInputSizeEnum = exports.TextInputSizeEnum = /*#__PURE__*/function (TextInputSizeEnum) {
|
|
13
|
+
TextInputSizeEnum["SMALL"] = "small";
|
|
14
|
+
TextInputSizeEnum["MEDIUM"] = "medium";
|
|
15
|
+
TextInputSizeEnum["LARGE"] = "large";
|
|
16
|
+
return TextInputSizeEnum;
|
|
17
|
+
}({});
|
|
12
18
|
//# sourceMappingURL=enums.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TextInputCornersEnum","exports"],"sourceRoot":"../../../../src","sources":["components/TextInput/enums.ts"],"mappings":";;;;;;IAAYA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["TextInputCornersEnum","exports","TextInputSizeEnum"],"sourceRoot":"../../../../src","sources":["components/TextInput/enums.ts"],"mappings":";;;;;;IAAYA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;AAAA,IAKpBE,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA","ignoreList":[]}
|
|
@@ -20,6 +20,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
20
20
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
21
21
|
function TextInput({
|
|
22
22
|
corners = _enums.TextInputCornersEnum.MEDIUM,
|
|
23
|
+
size = _enums.TextInputSizeEnum.LARGE,
|
|
23
24
|
label,
|
|
24
25
|
value,
|
|
25
26
|
onChangeText,
|
|
@@ -36,12 +37,14 @@ function TextInput({
|
|
|
36
37
|
tooltipClassName = "",
|
|
37
38
|
tooltipPointerClassName,
|
|
38
39
|
tooltipContainerClassName,
|
|
40
|
+
leftIcon,
|
|
39
41
|
rightIcon,
|
|
40
42
|
...rest
|
|
41
43
|
}) {
|
|
42
44
|
const inputRef = (0, _react.useRef)(null);
|
|
43
45
|
const hasLabel = !!label;
|
|
44
46
|
const hasError = !!error;
|
|
47
|
+
const hasLeftIcon = !!leftIcon;
|
|
45
48
|
const shouldShowSeal = error || isValid;
|
|
46
49
|
const renderSeal = () => {
|
|
47
50
|
if (!shouldShowSeal) return null;
|
|
@@ -84,9 +87,11 @@ function TextInput({
|
|
|
84
87
|
testID: containerTestID,
|
|
85
88
|
className: (0, _tailwindPreset.merge)((0, _classVariants.textInputContainerVariants)({
|
|
86
89
|
corners,
|
|
90
|
+
size,
|
|
87
91
|
error: !!error,
|
|
88
92
|
disabled,
|
|
89
|
-
showLabel: hasLabel
|
|
93
|
+
showLabel: hasLabel,
|
|
94
|
+
showLeftIcon: hasLeftIcon
|
|
90
95
|
}), className),
|
|
91
96
|
onPress: () => {
|
|
92
97
|
if (!disabled) {
|
|
@@ -94,7 +99,10 @@ function TextInput({
|
|
|
94
99
|
}
|
|
95
100
|
},
|
|
96
101
|
disabled: disabled,
|
|
97
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.
|
|
102
|
+
children: [leftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
103
|
+
className: "mr-400",
|
|
104
|
+
children: leftIcon
|
|
105
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
98
106
|
className: (0, _tailwindPreset.merge)((0, _classVariants.textInputContentVariants)({
|
|
99
107
|
showLabel: hasLabel
|
|
100
108
|
})),
|
|
@@ -108,11 +116,13 @@ function TextInput({
|
|
|
108
116
|
onChangeText: handleChangeText,
|
|
109
117
|
editable: !disabled,
|
|
110
118
|
placeholder: placeholder,
|
|
119
|
+
textAlignVertical: "center",
|
|
111
120
|
className: (0, _tailwindPreset.merge)((0, _classVariants.textInputFieldVariants)({
|
|
112
121
|
disabled,
|
|
113
122
|
isValid,
|
|
114
123
|
error: hasError,
|
|
115
|
-
showLabel: hasLabel
|
|
124
|
+
showLabel: hasLabel,
|
|
125
|
+
size
|
|
116
126
|
}), inputClassName),
|
|
117
127
|
accessibilityLabel: getAccessibilityLabel(),
|
|
118
128
|
accessibilityState: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_tailwindPreset","_index","_index2","_enums","_classVariants","_index3","_interopRequireDefault","_index4","_index5","_index6","_jsxRuntime","e","__esModule","default","TextInput","corners","TextInputCornersEnum","MEDIUM","label","value","onChangeText","disabled","error","isValid","className","inputClassName","labelClassName","placeholder","accessibilityLabel","containerTestID","ref","tooltipClassName","tooltipPointerClassName","tooltipContainerClassName","rightIcon","rest","inputRef","useRef","hasLabel","hasError","shouldShowSeal","renderSeal","testID","sealVariant","SealVariantEnum","ERROR","SUCCESS","jsx","View","children","Seal","variant","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_tailwindPreset","_index","_index2","_enums","_classVariants","_index3","_interopRequireDefault","_index4","_index5","_index6","_jsxRuntime","e","__esModule","default","TextInput","corners","TextInputCornersEnum","MEDIUM","size","TextInputSizeEnum","LARGE","label","value","onChangeText","disabled","error","isValid","className","inputClassName","labelClassName","placeholder","accessibilityLabel","containerTestID","ref","tooltipClassName","tooltipPointerClassName","tooltipContainerClassName","leftIcon","rightIcon","rest","inputRef","useRef","hasLabel","hasError","hasLeftIcon","shouldShowSeal","renderSeal","testID","sealVariant","SealVariantEnum","ERROR","SUCCESS","jsx","View","children","Seal","variant","SizeEnum","renderRightIcon","handleChangeText","text","getAccessibilityLabel","labelText","Tooltip","isOpenedByVariantError","message","TooltipVariantEnum","pointerClassName","containerClassName","jsxs","Pressable","merge","textInputContainerVariants","showLabel","showLeftIcon","onPress","current","focus","textInputContentVariants","weight","editable","textAlignVertical","textInputFieldVariants","accessibilityState","instance","displayName","_default","exports"],"sourceRoot":"../../../../src","sources":["components/TextInput/index.tsx"],"mappings":"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","ignoreList":[]}
|