@convokitapp/react-ui 0.1.0 → 0.1.1
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/PARITY.md +25 -25
- package/package.json +1 -1
package/PARITY.md
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
# React UI parity
|
|
2
2
|
|
|
3
|
-
This package mirrors the current `convokit_flutter_ui`
|
|
4
|
-
React-native composition patterns.
|
|
3
|
+
This package mirrors the current `convokit_flutter_ui` and Vue UI baselines
|
|
4
|
+
while using React-native composition patterns.
|
|
5
5
|
|
|
6
|
-
| Capability | Flutter UI | React UI |
|
|
7
|
-
| --- | --- | --- |
|
|
8
|
-
| SDK-backed conversation list | `ConvoKitConversationList` | `ConversationList` |
|
|
9
|
-
| Controlled conversation list | `ConvoKitConversationListView` | `ConversationListView` |
|
|
10
|
-
| SDK-backed conversation | `ConvoKitConversation` | `Conversation` |
|
|
11
|
-
| Controlled conversation | `ConvoKitConversationView` | `ConversationView` |
|
|
12
|
-
| Controlled message list | `ConvoKitMessageListView` | `MessageListView` |
|
|
13
|
-
| Replaceable SDK boundary | `ConvoKitUiClient` | `ConvoKitUiClient` |
|
|
14
|
-
| Conversation
|
|
15
|
-
| Conversation-list
|
|
16
|
-
| Offset pagination and de-duplication | Yes | Yes |
|
|
17
|
-
| Search, archived, participant, predicate, sort filters | Yes | Yes |
|
|
18
|
-
| Realtime messages, typing, reads | Yes | Yes |
|
|
19
|
-
| Read markers and reader resolution | Yes | Yes |
|
|
20
|
-
| Mark read on load/receive | Yes | Yes |
|
|
21
|
-
| Typing idle timeout | Yes | Yes |
|
|
22
|
-
| Image, file, location, contact rendering | Yes | Yes |
|
|
23
|
-
| Row/header/message/media/receipt/composer replacements | Builders | Render props |
|
|
24
|
-
| Empty/loading/error replacements | Builders | Render props |
|
|
25
|
-
| Theme tokens | Theme extension | CSS variables/provider |
|
|
26
|
-
| Compact presentation | Custom builders | `density="compact"`
|
|
27
|
-
| Host-owned attachment opening | Callback | Callback |
|
|
28
|
-
| Accessibility primitives | Material semantics | Native semantics + Radix Avatar |
|
|
6
|
+
| Capability | Flutter UI | React UI | Vue UI |
|
|
7
|
+
| --- | --- | --- | --- |
|
|
8
|
+
| SDK-backed conversation list | `ConvoKitConversationList` | `ConversationList` | `ConversationList` |
|
|
9
|
+
| Controlled conversation list | `ConvoKitConversationListView` | `ConversationListView` | `ConversationListView` |
|
|
10
|
+
| SDK-backed conversation | `ConvoKitConversation` | `Conversation` | `Conversation` |
|
|
11
|
+
| Controlled conversation | `ConvoKitConversationView` | `ConversationView` | `ConversationView` |
|
|
12
|
+
| Controlled message list | `ConvoKitMessageListView` | `MessageListView` | `MessageListView` |
|
|
13
|
+
| Replaceable SDK boundary | `ConvoKitUiClient` | `ConvoKitUiClient` | `ConvoKitUiClient` |
|
|
14
|
+
| Conversation state | Controller | `useConversation` | `useConversation` |
|
|
15
|
+
| Conversation-list state | Controller | `useConversationList` | `useConversationList` |
|
|
16
|
+
| Offset pagination and de-duplication | Yes | Yes | Yes |
|
|
17
|
+
| Search, archived, participant, predicate, sort filters | Yes | Yes | Yes |
|
|
18
|
+
| Realtime messages, typing, reads | Yes | Yes | Yes |
|
|
19
|
+
| Read markers and reader resolution | Yes | Yes | Yes |
|
|
20
|
+
| Mark read on load/receive | Yes | Yes | Yes |
|
|
21
|
+
| Typing idle timeout | Yes | Yes | Yes |
|
|
22
|
+
| Image, file, location, contact rendering | Yes | Yes | Yes |
|
|
23
|
+
| Row/header/message/media/receipt/composer replacements | Builders | Render props | Named slots |
|
|
24
|
+
| Empty/loading/error replacements | Builders | Render props | Named slots |
|
|
25
|
+
| Theme tokens | Theme extension | CSS variables/provider | CSS variables/provider |
|
|
26
|
+
| Compact presentation | Custom builders | `density="compact"` | `density="compact"` |
|
|
27
|
+
| Host-owned attachment opening | Callback | Callback | Callback/event |
|
|
28
|
+
| Accessibility primitives | Material semantics | Native semantics + Radix Avatar | Native semantics + Reka UI Avatar |
|
|
29
29
|
|
|
30
30
|
React additionally exposes controlled/uncontrolled composer text, per-part
|
|
31
31
|
`classNames` and `styles`, an `unstyled` mode, native element props, image
|