@connectycube/react-ui-kit 0.0.22 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -4
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -51,7 +51,7 @@ This will:
|
|
|
51
51
|
|
|
52
52
|
- Prompt prefer TypeScript or JavaScript language
|
|
53
53
|
- Copy components and utilities to `src/components/connectycube-ui`
|
|
54
|
-
-
|
|
54
|
+
- Ask to install specified dependencies if needed
|
|
55
55
|
|
|
56
56
|
---
|
|
57
57
|
|
|
@@ -59,9 +59,36 @@ This will:
|
|
|
59
59
|
|
|
60
60
|
Coming soon...
|
|
61
61
|
|
|
62
|
-
| Component
|
|
63
|
-
|
|
|
64
|
-
|
|
|
62
|
+
| Component | Description |
|
|
63
|
+
| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
64
|
+
| alert-dialog | gets "triggerElement" prop to call dialog with title, description, and confirm/cancel buttons |
|
|
65
|
+
| attachment | defines a URL with mimeType to show image/video/audio/file/failed content; has onReady callback to notify about video/image size measurement is ready |
|
|
66
|
+
| avatar | with online and presence statuses, has fallback icon/text |
|
|
67
|
+
| badge | a badge with variants; similar to shadcn-ui badge |
|
|
68
|
+
| button | a button with variants; the same as shadcn-ui button |
|
|
69
|
+
| chat-bubble | includes <ChatBubbleMessage .../> that is a left/right-sided wrapper with/without avatar, with/without title, includes last sent status and time, usually obtains "attachment", "linkify-text", "link-preview" as children; and includes <ChatBubbleInfo .../> for system/information text with icon |
|
|
70
|
+
| chat-input | auto-size textarea with onSend, onDraft, onTyping, onHeightGrow callbacks and pending state |
|
|
71
|
+
| chat-list | from "virtua" for chat history; has file-picker wrapper for drag-and-drop files; supports quick-actions before a messaging starts; has onScrollStartReached, onScrollEndReached, onListCreate, onListGrow, onListReset callbacks; can react on the chat-input's onHeightGrow with "textareaMeasurement" prop; supports prepending batch messages with loading state |
|
|
72
|
+
| checkbox | the same as shadcn-ui checkbox |
|
|
73
|
+
| dialog-item | basically, it's an element for "dialog-list"; has avatar, name, last-message text, unread badge count, last message status, last message time, and visual selection |
|
|
74
|
+
| dialog-list | from "virtua" for dialog-items; has onScrollStartReached and onScrollEndReached callbacks, loading state, and pending state with skeletons of dialog-items |
|
|
75
|
+
| dismiss-layer | to manage the open/close state of any modal by clicking outside or pressing Esc |
|
|
76
|
+
| file-picker | to chose accepted files, and wrapper component for drag-and-drop accepted files; has onSelectFile and onInvalidFile callbacks |
|
|
77
|
+
| formatted-date | displays the date in a readable format; simple to use "distanceToNow" for message in chat history; supports "language" prop with English (en), Ukrainian (ua), and Greek (el) |
|
|
78
|
+
| input | the same as shadcn-ui input |
|
|
79
|
+
| label | the same as shadcn-ui label |
|
|
80
|
+
| link-preview | displays favicon, title, description, and banner image; uses "thin" prop to be smaller; has onReady callback to notify about image size measurement is ready |
|
|
81
|
+
| linkify-text | displays text with highlighted links; can display skeleton rows in pending state; switching the pending from "true" to "false" calls onReady callback |
|
|
82
|
+
| placeholder-text | renders title or titles in rows in the center of any view; has absolute position |
|
|
83
|
+
| presence | presence status with badge icon and label; can be 'available', 'busy', 'away', 'unknown' |
|
|
84
|
+
| quick-actions | title, description, and an array of strings (actions display as buttons); click on any action calls onAction callback with own text |
|
|
85
|
+
| search | a styled and animated input component with onSearch and onCancel callbacks |
|
|
86
|
+
| spinner | animated-loader; has "loader" and "circle" types (default is "loader"); the "layout" prop (absolute/centered/overlay/flow) defines its position in a view |
|
|
87
|
+
| status-call | define a colorized icon related to call status ('reject', 'notAnswer', 'hungUp', or 'cancel') |
|
|
88
|
+
| status-indicator | displays colorized statuses; statuses and colors defines by config; shows tooltip on mouse over a status |
|
|
89
|
+
| status-sent | shows message's status icon that defines from status like 'wait', 'sent', 'read', or 'lost' |
|
|
90
|
+
| stream-view | local-stream-view, remote-stream-view and fullscreen-stream-view with pip stream |
|
|
91
|
+
| switch | the same as shadcn-ui switch |
|
|
65
92
|
|
|
66
93
|
---
|
|
67
94
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@connectycube/react-ui-kit",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"description": "Simple React UI Kit generator with TSX/JSX",
|
|
5
5
|
"homepage": "https://github.com/ConnectyCube/react-ui-kit#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
"globals": "^16.5.0",
|
|
104
104
|
"prettier": "^3.7.4",
|
|
105
105
|
"prompts": "^2.4.2",
|
|
106
|
-
"rollup": "^4.
|
|
106
|
+
"rollup": "^4.54.0",
|
|
107
107
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
108
108
|
"tslib": "^2.8.1",
|
|
109
109
|
"typescript": "^5.9.3",
|