@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
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
import { View } from "react-native";
|
|
4
4
|
import { ChatBubbleEar } from "./components/index.js";
|
|
5
5
|
import { ChatBubbleContent, ChatBubbleSeal, ChatBubbleText, ChatBubbleTime, ChatBubbleLoading } from "./components/index.js";
|
|
6
|
-
import {
|
|
6
|
+
import { cva } from "class-variance-authority";
|
|
7
|
+
import { chatBubbleBoxVariants, chatBubbleContainerVariants } from "./assets/class-variants.js";
|
|
7
8
|
import { elevationDown100 } from "../../styles/mixins/shadows/index.js";
|
|
8
9
|
import { merge } from "@kivid/tailwind-preset";
|
|
9
10
|
import { ChatBubbleContext } from "./contexts/index.js";
|
|
@@ -18,6 +19,7 @@ export function ChatBubble(props) {
|
|
|
18
19
|
children,
|
|
19
20
|
time: timeFromProps,
|
|
20
21
|
shouldDisplayTime = true,
|
|
22
|
+
origin = "assistant",
|
|
21
23
|
messageType = "initial",
|
|
22
24
|
chatBubbleBoxClassName,
|
|
23
25
|
fullWidth = false,
|
|
@@ -28,17 +30,23 @@ export function ChatBubble(props) {
|
|
|
28
30
|
const [hours, minutes] = new Date().toLocaleTimeString().split(":");
|
|
29
31
|
return `${hours}:${minutes}`;
|
|
30
32
|
}, [timeFromProps]);
|
|
31
|
-
const colorMap = {
|
|
33
|
+
const colorMap = useMemo(() => ({
|
|
32
34
|
check: "#3DCC78",
|
|
33
35
|
alert: "#FF8B59",
|
|
34
36
|
error: "#E65245",
|
|
35
|
-
custom: "#FAFCFC"
|
|
36
|
-
};
|
|
37
|
-
const tailColor =
|
|
37
|
+
custom: origin === "user" ? "#7A50D9" : "#FAFCFC"
|
|
38
|
+
}), [origin]);
|
|
39
|
+
const tailColor = useMemo(() => {
|
|
40
|
+
if (colorState === "outline") {
|
|
41
|
+
return "#FAFCFC";
|
|
42
|
+
}
|
|
43
|
+
return colorMap[variant];
|
|
44
|
+
}, [colorMap, colorState, variant]);
|
|
38
45
|
const contextInitialValue = {
|
|
39
46
|
variant,
|
|
40
47
|
colorState,
|
|
41
|
-
messageType
|
|
48
|
+
messageType,
|
|
49
|
+
origin
|
|
42
50
|
};
|
|
43
51
|
const accessibilityLabelMap = {
|
|
44
52
|
check: "Success message",
|
|
@@ -50,19 +58,50 @@ export function ChatBubble(props) {
|
|
|
50
58
|
if (hasEar) {
|
|
51
59
|
return /*#__PURE__*/_jsx(ChatBubbleEar, {
|
|
52
60
|
color: tailColor,
|
|
53
|
-
type: colorState
|
|
61
|
+
type: colorState,
|
|
62
|
+
mirrored: origin === "user"
|
|
54
63
|
});
|
|
55
64
|
}
|
|
56
65
|
return null;
|
|
57
66
|
}
|
|
58
|
-
const bubbleWithEarOffset =
|
|
59
|
-
|
|
67
|
+
const bubbleWithEarOffset = useMemo(() => {
|
|
68
|
+
if (origin === "user") {
|
|
69
|
+
if (!hasEar) {
|
|
70
|
+
return "mr-[8px]";
|
|
71
|
+
}
|
|
72
|
+
return "";
|
|
73
|
+
}
|
|
74
|
+
if (origin === "assistant") {
|
|
75
|
+
if (!hasEar) {
|
|
76
|
+
return "ml-[8px]";
|
|
77
|
+
}
|
|
78
|
+
return "";
|
|
79
|
+
}
|
|
80
|
+
return "";
|
|
81
|
+
}, [hasEar, origin]);
|
|
82
|
+
const bubbleRowClass = cva("relative flex-row items-end ", {
|
|
83
|
+
variants: {
|
|
84
|
+
origin: {
|
|
85
|
+
user: `flex-row-reverse ${bubbleWithEarOffset}`,
|
|
86
|
+
assistant: bubbleWithEarOffset
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
const bubbleEarContainerClass = cva("w-[12px] h-[10px] pb-[0.2px] z-10 items-center justify-center", {
|
|
91
|
+
variants: {
|
|
92
|
+
origin: {
|
|
93
|
+
user: "ml-[-4px]",
|
|
94
|
+
assistant: "mr-[-4px]"
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
});
|
|
60
98
|
const chatBubbleBoxStyle = merge(chatBubbleBoxVariants({
|
|
61
99
|
variant,
|
|
62
100
|
colorState,
|
|
63
101
|
hasEar,
|
|
64
102
|
messageType,
|
|
65
|
-
fullWidth
|
|
103
|
+
fullWidth,
|
|
104
|
+
origin
|
|
66
105
|
}), chatBubbleBoxClassName);
|
|
67
106
|
return /*#__PURE__*/_jsx(ChatBubbleContext.Provider, {
|
|
68
107
|
value: contextInitialValue,
|
|
@@ -70,12 +109,18 @@ export function ChatBubble(props) {
|
|
|
70
109
|
accessibilityRole: "text",
|
|
71
110
|
accessibilityLabel: accessibilityLabelMap[variant],
|
|
72
111
|
accessible: true,
|
|
73
|
-
className: merge(
|
|
112
|
+
className: merge(chatBubbleContainerVariants({
|
|
113
|
+
origin
|
|
114
|
+
}), className),
|
|
74
115
|
...restOfProps,
|
|
75
116
|
children: [/*#__PURE__*/_jsxs(View, {
|
|
76
|
-
className: bubbleRowClass
|
|
77
|
-
|
|
78
|
-
|
|
117
|
+
className: bubbleRowClass({
|
|
118
|
+
origin
|
|
119
|
+
}),
|
|
120
|
+
children: [hasEar && /*#__PURE__*/_jsx(View, {
|
|
121
|
+
className: bubbleEarContainerClass({
|
|
122
|
+
origin
|
|
123
|
+
}),
|
|
79
124
|
accessibilityElementsHidden: true,
|
|
80
125
|
importantForAccessibility: "no-hide-descendants",
|
|
81
126
|
children: renderChatBubbleEar()
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","ChatBubbleEar","ChatBubbleContent","ChatBubbleSeal","ChatBubbleText","ChatBubbleTime","ChatBubbleLoading","chatBubbleBoxVariants","elevationDown100","merge","ChatBubbleContext","useMemo","jsx","_jsx","jsxs","_jsxs","ChatBubble","props","variant","colorState","hasEar","className","children","time","timeFromProps","shouldDisplayTime","messageType","chatBubbleBoxClassName","fullWidth","restOfProps","hours","minutes","Date","toLocaleTimeString","split","colorMap","check","alert","error","custom","tailColor","contextInitialValue","accessibilityLabelMap","renderChatBubbleEar","color","type","bubbleWithEarOffset","bubbleRowClass","chatBubbleBoxStyle","Provider","value","accessibilityRole","accessibilityLabel","accessible","accessibilityElementsHidden","importantForAccessibility","style","boxShadow","Content","Seal","Text","Loading","displayName"],"sourceRoot":"../../../../src","sources":["components/ChatBubble/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,QAAQ,uBAAc;AAC5C,SACEC,iBAAiB,EACjBC,cAAc,EACdC,cAAc,EACdC,cAAc,EACdC,iBAAiB,QACZ,uBAAc;
|
|
1
|
+
{"version":3,"names":["View","ChatBubbleEar","ChatBubbleContent","ChatBubbleSeal","ChatBubbleText","ChatBubbleTime","ChatBubbleLoading","cva","chatBubbleBoxVariants","chatBubbleContainerVariants","elevationDown100","merge","ChatBubbleContext","useMemo","jsx","_jsx","jsxs","_jsxs","ChatBubble","props","variant","colorState","hasEar","className","children","time","timeFromProps","shouldDisplayTime","origin","messageType","chatBubbleBoxClassName","fullWidth","restOfProps","hours","minutes","Date","toLocaleTimeString","split","colorMap","check","alert","error","custom","tailColor","contextInitialValue","accessibilityLabelMap","renderChatBubbleEar","color","type","mirrored","bubbleWithEarOffset","bubbleRowClass","variants","user","assistant","bubbleEarContainerClass","chatBubbleBoxStyle","Provider","value","accessibilityRole","accessibilityLabel","accessible","accessibilityElementsHidden","importantForAccessibility","style","boxShadow","Content","Seal","Text","Loading","displayName"],"sourceRoot":"../../../../src","sources":["components/ChatBubble/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export const defaultTheme = {
|
|
4
|
+
backgroundColor: "#FAFCFC",
|
|
5
|
+
calendarBackground: "#FAFCFC",
|
|
6
|
+
textSectionTitleColor: "#6B7280",
|
|
7
|
+
textSectionTitleDisabledColor: "#D1D5DB",
|
|
8
|
+
selectedDayBackgroundColor: "#EAE0FF",
|
|
9
|
+
selectedDayTextColor: "#1F2937",
|
|
10
|
+
todayTextColor: "#1F2937",
|
|
11
|
+
dayTextColor: "#1F2937",
|
|
12
|
+
textDisabledColor: "#D1D5DB",
|
|
13
|
+
dotColor: "#1F2937",
|
|
14
|
+
selectedDotColor: "#1F2937",
|
|
15
|
+
arrowColor: "#1F2937",
|
|
16
|
+
disabledArrowColor: "#D1D5DB",
|
|
17
|
+
monthTextColor: "#1F2937",
|
|
18
|
+
indicatorColor: "#1F2937",
|
|
19
|
+
textDayFontFamily: "System",
|
|
20
|
+
textMonthFontFamily: "System",
|
|
21
|
+
textDayHeaderFontFamily: "System",
|
|
22
|
+
textDayFontWeight: "500",
|
|
23
|
+
textMonthFontWeight: "600",
|
|
24
|
+
textDayHeaderFontWeight: "700",
|
|
25
|
+
textDayFontSize: 16,
|
|
26
|
+
textMonthFontSize: 18,
|
|
27
|
+
textDayHeaderFontSize: 13.5,
|
|
28
|
+
"stylesheet.calendar.header": {
|
|
29
|
+
header: {
|
|
30
|
+
flexDirection: "row",
|
|
31
|
+
justifyContent: "space-between",
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
backgroundColor: "#FAFCFC",
|
|
34
|
+
borderBottomWidth: 1,
|
|
35
|
+
borderBottomColor: "#DEE7E7"
|
|
36
|
+
},
|
|
37
|
+
monthText: {
|
|
38
|
+
fontSize: 18,
|
|
39
|
+
fontWeight: "600",
|
|
40
|
+
color: "#1F2937"
|
|
41
|
+
},
|
|
42
|
+
arrow: {
|
|
43
|
+
padding: 0
|
|
44
|
+
},
|
|
45
|
+
arrowImage: {
|
|
46
|
+
tintColor: "#1F2937"
|
|
47
|
+
},
|
|
48
|
+
week: {
|
|
49
|
+
marginTop: 16,
|
|
50
|
+
marginBottom: 8,
|
|
51
|
+
flexDirection: "row",
|
|
52
|
+
justifyContent: "space-around"
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
"stylesheet.day.basic": {
|
|
56
|
+
base: {
|
|
57
|
+
width: 40,
|
|
58
|
+
height: 35,
|
|
59
|
+
alignItems: "center",
|
|
60
|
+
justifyContent: "center",
|
|
61
|
+
borderWidth: 1,
|
|
62
|
+
borderColor: "#DEE7E7",
|
|
63
|
+
borderRadius: 8,
|
|
64
|
+
paddingTop: 6,
|
|
65
|
+
paddingBottom: 4
|
|
66
|
+
},
|
|
67
|
+
text: {
|
|
68
|
+
fontSize: 16,
|
|
69
|
+
fontWeight: "500",
|
|
70
|
+
color: "#1F2937"
|
|
71
|
+
},
|
|
72
|
+
selected: {
|
|
73
|
+
backgroundColor: "#EAE0FF",
|
|
74
|
+
borderWidth: 1,
|
|
75
|
+
borderColor: "#B9A0F2"
|
|
76
|
+
},
|
|
77
|
+
today: {
|
|
78
|
+
backgroundColor: "transparent",
|
|
79
|
+
borderWidth: 1,
|
|
80
|
+
borderColor: "#DEE7E7"
|
|
81
|
+
},
|
|
82
|
+
todayText: {
|
|
83
|
+
color: "#1F2937",
|
|
84
|
+
fontWeight: "600"
|
|
85
|
+
},
|
|
86
|
+
disabled: {
|
|
87
|
+
opacity: 0.3,
|
|
88
|
+
borderWidth: 0
|
|
89
|
+
},
|
|
90
|
+
disabledText: {
|
|
91
|
+
color: "#D1D5DB"
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
};
|
|
95
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["defaultTheme","backgroundColor","calendarBackground","textSectionTitleColor","textSectionTitleDisabledColor","selectedDayBackgroundColor","selectedDayTextColor","todayTextColor","dayTextColor","textDisabledColor","dotColor","selectedDotColor","arrowColor","disabledArrowColor","monthTextColor","indicatorColor","textDayFontFamily","textMonthFontFamily","textDayHeaderFontFamily","textDayFontWeight","textMonthFontWeight","textDayHeaderFontWeight","textDayFontSize","textMonthFontSize","textDayHeaderFontSize","header","flexDirection","justifyContent","alignItems","borderBottomWidth","borderBottomColor","monthText","fontSize","fontWeight","color","arrow","padding","arrowImage","tintColor","week","marginTop","marginBottom","base","width","height","borderWidth","borderColor","borderRadius","paddingTop","paddingBottom","text","selected","today","todayText","disabled","opacity","disabledText"],"sourceRoot":"../../../../../src","sources":["components/DatePicker/assets/theme.ts"],"mappings":";;AAAA,OAAO,MAAMA,YAAY,GAAG;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,qBAAqB,EAAE,SAAS;EAChCC,6BAA6B,EAAE,SAAS;EACxCC,0BAA0B,EAAE,SAAS;EACrCC,oBAAoB,EAAE,SAAS;EAC/BC,cAAc,EAAE,SAAS;EACzBC,YAAY,EAAE,SAAS;EACvBC,iBAAiB,EAAE,SAAS;EAC5BC,QAAQ,EAAE,SAAS;EACnBC,gBAAgB,EAAE,SAAS;EAC3BC,UAAU,EAAE,SAAS;EACrBC,kBAAkB,EAAE,SAAS;EAC7BC,cAAc,EAAE,SAAS;EACzBC,cAAc,EAAE,SAAS;EACzBC,iBAAiB,EAAE,QAAQ;EAC3BC,mBAAmB,EAAE,QAAQ;EAC7BC,uBAAuB,EAAE,QAAQ;EACjCC,iBAAiB,EAAE,KAAc;EACjCC,mBAAmB,EAAE,KAAc;EACnCC,uBAAuB,EAAE,KAAc;EACvCC,eAAe,EAAE,EAAE;EACnBC,iBAAiB,EAAE,EAAE;EACrBC,qBAAqB,EAAE,IAAI;EAC3B,4BAA4B,EAAE;IAC5BC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAc;MAC7BC,cAAc,EAAE,eAAwB;MACxCC,UAAU,EAAE,QAAiB;MAC7B3B,eAAe,EAAE,SAAS;MAC1B4B,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,SAAS,EAAE;MACTC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAc;MAC1BC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLC,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAE;MACVC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAE,EAAE;MACbC,YAAY,EAAE,CAAC;MACff,aAAa,EAAE,KAAc;MAC7BC,cAAc,EAAE;IAClB;EACF,CAAC;EACD,sBAAsB,EAAE;IACtBe,IAAI,EAAE;MACJC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVhB,UAAU,EAAE,QAAiB;MAC7BD,cAAc,EAAE,QAAiB;MACjCkB,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,SAAS;MACtBC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJlB,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAc;MAC1BC,KAAK,EAAE;IACT,CAAC;IACDiB,QAAQ,EAAE;MACRlD,eAAe,EAAE,SAAS;MAC1B4C,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE;IACf,CAAC;IACDM,KAAK,EAAE;MACLnD,eAAe,EAAE,aAAa;MAC9B4C,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE;IACf,CAAC;IACDO,SAAS,EAAE;MACTnB,KAAK,EAAE,SAAS;MAChBD,UAAU,EAAE;IACd,CAAC;IACDqB,QAAQ,EAAE;MACRC,OAAO,EAAE,GAAG;MACZV,WAAW,EAAE;IACf,CAAC;IACDW,YAAY,EAAE;MACZtB,KAAK,EAAE;IACT;EACF;AACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useState, useMemo, useCallback } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { Calendar, LocaleConfig } from 'react-native-calendars';
|
|
6
|
+
import { format } from 'date-fns';
|
|
7
|
+
import { ptBR } from 'date-fns/locale';
|
|
8
|
+
import { defaultTheme } from "./assets/theme.js";
|
|
9
|
+
import Typography from "../Typography/index.js";
|
|
10
|
+
import { ArrowLeftStroke, ArrowRightStroke } from '@kivid/icons/native';
|
|
11
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
LocaleConfig.locales['pt-br'] = {
|
|
13
|
+
monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
|
|
14
|
+
monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
|
|
15
|
+
dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
|
|
16
|
+
dayNamesShort: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
|
|
17
|
+
today: 'Hoje'
|
|
18
|
+
};
|
|
19
|
+
LocaleConfig.defaultLocale = 'pt-br';
|
|
20
|
+
export function DatePicker(props) {
|
|
21
|
+
const {
|
|
22
|
+
selectedDates,
|
|
23
|
+
onSelectedDatesChange,
|
|
24
|
+
initialDate,
|
|
25
|
+
minDate,
|
|
26
|
+
maxDate,
|
|
27
|
+
markedDates: externalMarkedDates,
|
|
28
|
+
unavailableDates,
|
|
29
|
+
theme: customTheme,
|
|
30
|
+
selectionType,
|
|
31
|
+
...rest
|
|
32
|
+
} = props;
|
|
33
|
+
const [currentMonth, setCurrentMonth] = useState(initialDate || format(new Date(), 'yyyy-MM-dd'));
|
|
34
|
+
const onDayPress = useCallback(day => {
|
|
35
|
+
const dateString = day.dateString;
|
|
36
|
+
if (unavailableDates?.includes(dateString)) {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
if (externalMarkedDates?.[dateString]) {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
if (!selectionType) {
|
|
43
|
+
onSelectedDatesChange(dateString);
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
if (selectionType === 'multi-dot') {
|
|
47
|
+
onSelectedDatesChange(prev => {
|
|
48
|
+
const isSelected = prev.includes(dateString);
|
|
49
|
+
const newDates = isSelected ? prev.filter(d => d !== dateString) : [...prev, dateString];
|
|
50
|
+
return newDates;
|
|
51
|
+
});
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
}, [onSelectedDatesChange, selectionType, externalMarkedDates, unavailableDates]);
|
|
55
|
+
const markedDates = useMemo(() => {
|
|
56
|
+
const filteredExternalMarkedDates = externalMarkedDates ? Object.keys(externalMarkedDates).reduce((acc, date) => {
|
|
57
|
+
if (!unavailableDates?.includes(date)) {
|
|
58
|
+
acc[date] = externalMarkedDates[date];
|
|
59
|
+
}
|
|
60
|
+
return acc;
|
|
61
|
+
}, {}) : {};
|
|
62
|
+
const marked = {
|
|
63
|
+
...filteredExternalMarkedDates
|
|
64
|
+
};
|
|
65
|
+
if (unavailableDates) {
|
|
66
|
+
unavailableDates.forEach(date => {
|
|
67
|
+
marked[date] = {
|
|
68
|
+
disabled: true,
|
|
69
|
+
disableTouchEvent: true,
|
|
70
|
+
textColor: '#D1D5DB',
|
|
71
|
+
dotColor: '#D1D5DB'
|
|
72
|
+
};
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
if (filteredExternalMarkedDates) {
|
|
76
|
+
Object.keys(filteredExternalMarkedDates).forEach(date => {
|
|
77
|
+
marked[date] = {
|
|
78
|
+
...marked[date],
|
|
79
|
+
disableTouchEvent: true,
|
|
80
|
+
selected: true,
|
|
81
|
+
selectedColor: '#EAE0FF',
|
|
82
|
+
selectedTextColor: '#1F2937'
|
|
83
|
+
};
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
if (!selectionType && selectedDates && selectedDates.length > 0) {
|
|
87
|
+
const firstDate = selectedDates[0];
|
|
88
|
+
if (!unavailableDates?.includes(firstDate)) {
|
|
89
|
+
marked[firstDate] = {
|
|
90
|
+
...marked[firstDate],
|
|
91
|
+
selected: true,
|
|
92
|
+
selectedColor: '#EAE0FF',
|
|
93
|
+
selectedTextColor: '#1F2937'
|
|
94
|
+
};
|
|
95
|
+
}
|
|
96
|
+
return marked;
|
|
97
|
+
}
|
|
98
|
+
if (selectionType === 'multi-dot') {
|
|
99
|
+
selectedDates.forEach(date => {
|
|
100
|
+
if (!unavailableDates?.includes(date)) {
|
|
101
|
+
marked[date] = {
|
|
102
|
+
...marked[date],
|
|
103
|
+
selected: true,
|
|
104
|
+
selectedColor: '#EAE0FF',
|
|
105
|
+
selectedTextColor: '#1F2937'
|
|
106
|
+
};
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
return marked;
|
|
110
|
+
}
|
|
111
|
+
return marked;
|
|
112
|
+
}, [selectedDates, externalMarkedDates, selectionType, unavailableDates]);
|
|
113
|
+
const mergedTheme = {
|
|
114
|
+
...defaultTheme,
|
|
115
|
+
...customTheme
|
|
116
|
+
};
|
|
117
|
+
const handlePressArrowLeft = useCallback(subtractMonth => {
|
|
118
|
+
subtractMonth();
|
|
119
|
+
}, []);
|
|
120
|
+
const handlePressArrowRight = useCallback(addMonth => {
|
|
121
|
+
addMonth();
|
|
122
|
+
}, []);
|
|
123
|
+
const handleMonthChange = useCallback(date => {
|
|
124
|
+
setCurrentMonth(date.dateString);
|
|
125
|
+
}, []);
|
|
126
|
+
return /*#__PURE__*/_jsx(View, {
|
|
127
|
+
children: /*#__PURE__*/_jsx(Calendar, {
|
|
128
|
+
current: currentMonth,
|
|
129
|
+
onDayPress: onDayPress,
|
|
130
|
+
onMonthChange: handleMonthChange,
|
|
131
|
+
onPressArrowLeft: handlePressArrowLeft,
|
|
132
|
+
onPressArrowRight: handlePressArrowRight,
|
|
133
|
+
markedDates: markedDates,
|
|
134
|
+
minDate: minDate,
|
|
135
|
+
maxDate: maxDate,
|
|
136
|
+
theme: mergedTheme,
|
|
137
|
+
enableSwipeMonths: true,
|
|
138
|
+
hideExtraDays: false,
|
|
139
|
+
markingType: selectionType,
|
|
140
|
+
firstDay: 0,
|
|
141
|
+
renderArrow: direction => /*#__PURE__*/_jsx(View, {
|
|
142
|
+
className: "items-center border p-400 mb-600 rounded-500 border-chia-400 bg-chia-100",
|
|
143
|
+
children: direction === 'left' ? /*#__PURE__*/_jsx(ArrowLeftStroke, {
|
|
144
|
+
size: 24,
|
|
145
|
+
className: "text-gray-900"
|
|
146
|
+
}) : /*#__PURE__*/_jsx(ArrowRightStroke, {
|
|
147
|
+
size: 24,
|
|
148
|
+
className: "text-gray-900"
|
|
149
|
+
})
|
|
150
|
+
}),
|
|
151
|
+
renderHeader: date => {
|
|
152
|
+
const formattedDate = format(new Date(date), 'MMMM yy', {
|
|
153
|
+
locale: ptBR
|
|
154
|
+
});
|
|
155
|
+
const capitalizedDate = formattedDate.charAt(0).toUpperCase() + formattedDate.slice(1);
|
|
156
|
+
return /*#__PURE__*/_jsx(View, {
|
|
157
|
+
className: "items-center translate-y-[-8px]",
|
|
158
|
+
children: /*#__PURE__*/_jsx(Typography, {
|
|
159
|
+
variant: "label_large",
|
|
160
|
+
weight: "700",
|
|
161
|
+
children: capitalizedDate
|
|
162
|
+
})
|
|
163
|
+
});
|
|
164
|
+
},
|
|
165
|
+
...rest
|
|
166
|
+
})
|
|
167
|
+
});
|
|
168
|
+
}
|
|
169
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","useMemo","useCallback","View","Calendar","LocaleConfig","format","ptBR","defaultTheme","Typography","ArrowLeftStroke","ArrowRightStroke","jsx","_jsx","locales","monthNames","monthNamesShort","dayNames","dayNamesShort","today","defaultLocale","DatePicker","props","selectedDates","onSelectedDatesChange","initialDate","minDate","maxDate","markedDates","externalMarkedDates","unavailableDates","theme","customTheme","selectionType","rest","currentMonth","setCurrentMonth","Date","onDayPress","day","dateString","includes","prev","isSelected","newDates","filter","d","filteredExternalMarkedDates","Object","keys","reduce","acc","date","marked","forEach","disabled","disableTouchEvent","textColor","dotColor","selected","selectedColor","selectedTextColor","length","firstDate","mergedTheme","handlePressArrowLeft","subtractMonth","handlePressArrowRight","addMonth","handleMonthChange","children","current","onMonthChange","onPressArrowLeft","onPressArrowRight","enableSwipeMonths","hideExtraDays","markingType","firstDay","renderArrow","direction","className","size","renderHeader","formattedDate","locale","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":["Animated","Pressable","View","buttonVariants","merge","useRef","LoadingDots","IconButtonCornersEnum","IconButtonSizeEnum","IconButtonVariantEnum","jsx","_jsx","Fragment","_Fragment","AnimatedPressable","createAnimatedComponent","IconButton","props","icon","loading","variant","GRAPE","size","SMALL","corners","disabled","className","accessibilityLabel","selected","onPressIn","onPressOut","rest","animatedValue","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","lottieViewStyle","width","height","children","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["Animated","Pressable","View","buttonVariants","merge","useRef","LoadingDots","IconButtonCornersEnum","IconButtonSizeEnum","IconButtonVariantEnum","jsx","_jsx","Fragment","_Fragment","AnimatedPressable","createAnimatedComponent","IconButton","props","icon","loading","variant","GRAPE","size","SMALL","corners","disabled","className","accessibilityLabel","selected","onPressIn","onPressOut","rest","animatedValue","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","lottieViewStyle","width","height","children","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
export const messageInputContainerVariants = cva("flex-row items-center border border-chia-400 bg-chia-100 rounded-700 min-h-[48px]", {
|
|
5
|
+
variants: {
|
|
6
|
+
disabled: {
|
|
7
|
+
true: "opacity-40",
|
|
8
|
+
false: ""
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: {
|
|
12
|
+
disabled: false
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
export const messageInputContentVariants = cva("flex-1 flex-col text-chia-900 px-600");
|
|
16
|
+
export const messageInputFieldVariants = cva("font-nunito-bold text-[16px] leading-[20px] placeholder:text-chia-600 ios:pt-[3px] android:p-0", {
|
|
17
|
+
variants: {
|
|
18
|
+
disabled: {
|
|
19
|
+
true: "",
|
|
20
|
+
false: ""
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
defaultVariants: {
|
|
24
|
+
disabled: false
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
//# sourceMappingURL=class-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cva","messageInputContainerVariants","variants","disabled","true","false","defaultVariants","messageInputContentVariants","messageInputFieldVariants"],"sourceRoot":"../../../../../src","sources":["components/MessageInput/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAE9C,OAAO,MAAMC,6BAA6B,GAAGD,GAAG,CAC9C,mFAAmF,EACnF;EACEE,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;AAED,OAAO,MAAMI,2BAA2B,GAAGP,GAAG,CAC5C,sCACF,CAAC;AAED,OAAO,MAAMQ,yBAAyB,GAAGR,GAAG,CAC1C,gGAAgG,EAChG;EACEE,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,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useRef } from "react";
|
|
4
|
+
import { View, TextInput as RNTextInput, Pressable } from "react-native";
|
|
5
|
+
import { merge } from "@kivid/tailwind-preset";
|
|
6
|
+
import { messageInputContainerVariants, messageInputContentVariants, messageInputFieldVariants } from "./assets/class-variants.js";
|
|
7
|
+
import { EssentialSendStroke } from "@kivid/icons/native";
|
|
8
|
+
import { IconButton } from "../IconButton/index.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
export function MessageInput({
|
|
11
|
+
value = "",
|
|
12
|
+
onChangeText,
|
|
13
|
+
disabled = false,
|
|
14
|
+
className = "",
|
|
15
|
+
inputClassName = "",
|
|
16
|
+
placeholder = "Type a message...",
|
|
17
|
+
accessibilityLabel,
|
|
18
|
+
containerTestID,
|
|
19
|
+
ref,
|
|
20
|
+
onSend,
|
|
21
|
+
sendButtonDisabled = false,
|
|
22
|
+
sendButtonAccessibilityLabel = "Send message",
|
|
23
|
+
multiline = false,
|
|
24
|
+
...rest
|
|
25
|
+
}) {
|
|
26
|
+
const inputRef = useRef(null);
|
|
27
|
+
const handleChangeText = text => {
|
|
28
|
+
onChangeText?.(text);
|
|
29
|
+
};
|
|
30
|
+
const handleSend = () => {
|
|
31
|
+
if (!disabled && !sendButtonDisabled && onSend) {
|
|
32
|
+
onSend(value);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
const getAccessibilityLabel = () => {
|
|
36
|
+
if (accessibilityLabel) return accessibilityLabel;
|
|
37
|
+
let labelText = "Message input";
|
|
38
|
+
if (disabled) labelText += ", disabled";
|
|
39
|
+
return labelText;
|
|
40
|
+
};
|
|
41
|
+
const isSendButtonDisabled = disabled || sendButtonDisabled;
|
|
42
|
+
return /*#__PURE__*/_jsxs(Pressable, {
|
|
43
|
+
testID: containerTestID,
|
|
44
|
+
className: merge(messageInputContainerVariants({
|
|
45
|
+
disabled
|
|
46
|
+
}), className),
|
|
47
|
+
onPress: () => {
|
|
48
|
+
if (!disabled) {
|
|
49
|
+
inputRef.current?.focus();
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
disabled: disabled,
|
|
53
|
+
accessibilityRole: "none",
|
|
54
|
+
accessibilityState: {
|
|
55
|
+
disabled
|
|
56
|
+
},
|
|
57
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
58
|
+
className: merge(messageInputContentVariants()),
|
|
59
|
+
children: /*#__PURE__*/_jsx(RNTextInput, {
|
|
60
|
+
value: value,
|
|
61
|
+
onChangeText: handleChangeText,
|
|
62
|
+
editable: !disabled,
|
|
63
|
+
placeholder: placeholder,
|
|
64
|
+
multiline: multiline,
|
|
65
|
+
className: merge(messageInputFieldVariants({
|
|
66
|
+
disabled
|
|
67
|
+
}), inputClassName),
|
|
68
|
+
accessibilityLabel: getAccessibilityLabel(),
|
|
69
|
+
accessibilityState: {
|
|
70
|
+
disabled
|
|
71
|
+
},
|
|
72
|
+
...rest,
|
|
73
|
+
ref: instance => {
|
|
74
|
+
inputRef.current = instance;
|
|
75
|
+
if (ref) {
|
|
76
|
+
ref.current = instance;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
})
|
|
80
|
+
}), /*#__PURE__*/_jsx(IconButton, {
|
|
81
|
+
onPress: handleSend,
|
|
82
|
+
disabled: isSendButtonDisabled,
|
|
83
|
+
className: "mr-400",
|
|
84
|
+
accessibilityRole: "button",
|
|
85
|
+
accessibilityLabel: sendButtonAccessibilityLabel,
|
|
86
|
+
accessibilityState: {
|
|
87
|
+
disabled: isSendButtonDisabled
|
|
88
|
+
},
|
|
89
|
+
testID: "send-button",
|
|
90
|
+
icon: /*#__PURE__*/_jsx(EssentialSendStroke, {
|
|
91
|
+
width: 24,
|
|
92
|
+
height: 24,
|
|
93
|
+
className: "text-white"
|
|
94
|
+
})
|
|
95
|
+
})]
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
MessageInput.displayName = "MessageInput";
|
|
99
|
+
export default MessageInput;
|
|
100
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useRef","View","TextInput","RNTextInput","Pressable","merge","messageInputContainerVariants","messageInputContentVariants","messageInputFieldVariants","EssentialSendStroke","IconButton","jsx","_jsx","jsxs","_jsxs","MessageInput","value","onChangeText","disabled","className","inputClassName","placeholder","accessibilityLabel","containerTestID","ref","onSend","sendButtonDisabled","sendButtonAccessibilityLabel","multiline","rest","inputRef","handleChangeText","text","handleSend","getAccessibilityLabel","labelText","isSendButtonDisabled","testID","onPress","current","focus","accessibilityRole","accessibilityState","children","editable","instance","icon","width","height","displayName"],"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":[]}
|