@velocityuikit/velocityui 0.1.16 → 0.1.18
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/components/Avatar/Avatar.d.ts +2 -0
- package/dist/components/Avatar/index.d.ts +1 -1
- package/dist/components/Badge/Badge.d.ts +2 -0
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Button/Button.d.ts +2 -0
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/ChatAttachment/ChatAttachment.d.ts +12 -0
- package/dist/components/ChatAttachment/index.d.ts +2 -0
- package/dist/components/ChatBubble/ChatBubble.d.ts +17 -0
- package/dist/components/ChatBubble/index.d.ts +2 -0
- package/dist/components/ChatHeader/ChatHeader.d.ts +12 -0
- package/dist/components/ChatHeader/index.d.ts +2 -0
- package/dist/components/ChatInput/ChatInput.d.ts +14 -0
- package/dist/components/ChatInput/index.d.ts +2 -0
- package/dist/components/ChatList/ChatList.d.ts +18 -0
- package/dist/components/ChatList/index.d.ts +2 -0
- package/dist/components/ChatReaction/ChatReaction.d.ts +8 -0
- package/dist/components/ChatReaction/index.d.ts +2 -0
- package/dist/components/ChatStatus/ChatStatus.d.ts +11 -0
- package/dist/components/ChatStatus/index.d.ts +2 -0
- package/dist/components/ChatThread/ChatThread.d.ts +11 -0
- package/dist/components/ChatThread/index.d.ts +2 -0
- package/dist/components/ChatTimestamp/ChatTimestamp.d.ts +6 -0
- package/dist/components/ChatTimestamp/index.d.ts +2 -0
- package/dist/components/ChatWindow/ChatWindow.d.ts +9 -0
- package/dist/components/ChatWindow/index.d.ts +2 -0
- package/dist/components/TypingIndicator/TypingIndicator.d.ts +6 -0
- package/dist/components/TypingIndicator/index.d.ts +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +25 -3
- package/dist/index.js +1902 -1340
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -3,6 +3,7 @@ import { default as React } from 'react';
|
|
|
3
3
|
export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
4
|
export type AvatarShape = 'circle' | 'square';
|
|
5
5
|
export type AvatarStatus = 'online' | 'away' | 'offline';
|
|
6
|
+
export type AvatarStatusAnimation = 'none' | 'pulse';
|
|
6
7
|
export interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
7
8
|
src?: string;
|
|
8
9
|
alt?: string;
|
|
@@ -10,5 +11,6 @@ export interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
|
10
11
|
size?: AvatarSize;
|
|
11
12
|
shape?: AvatarShape;
|
|
12
13
|
status?: AvatarStatus;
|
|
14
|
+
statusAnimation?: AvatarStatusAnimation;
|
|
13
15
|
}
|
|
14
16
|
export declare const Avatar: React.FC<AvatarProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Avatar } from './Avatar';
|
|
2
|
-
export type { AvatarProps, AvatarSize, AvatarShape, AvatarStatus } from './Avatar';
|
|
2
|
+
export type { AvatarProps, AvatarSize, AvatarShape, AvatarStatus, AvatarStatusAnimation } from './Avatar';
|
|
@@ -2,9 +2,11 @@ import { default as React } from 'react';
|
|
|
2
2
|
|
|
3
3
|
export type BadgeVariant = 'default' | 'info' | 'success' | 'warning' | 'danger' | 'primary';
|
|
4
4
|
export type BadgeSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export type BadgeAnimation = 'none' | 'pulse' | 'shine';
|
|
5
6
|
export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
6
7
|
variant?: BadgeVariant;
|
|
7
8
|
size?: BadgeSize;
|
|
9
|
+
animation?: BadgeAnimation;
|
|
8
10
|
dot?: boolean;
|
|
9
11
|
leftIcon?: React.ReactNode;
|
|
10
12
|
children: React.ReactNode;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Badge } from './Badge';
|
|
2
|
-
export type { BadgeProps, BadgeVariant, BadgeSize } from './Badge';
|
|
2
|
+
export type { BadgeProps, BadgeVariant, BadgeSize, BadgeAnimation } from './Badge';
|
|
@@ -2,9 +2,11 @@ import { default as React } from 'react';
|
|
|
2
2
|
|
|
3
3
|
export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
|
|
4
4
|
export type ButtonSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export type ButtonAnimation = 'none' | 'pulse' | 'shine';
|
|
5
6
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
7
|
variant?: ButtonVariant;
|
|
7
8
|
size?: ButtonSize;
|
|
9
|
+
animation?: ButtonAnimation;
|
|
8
10
|
loading?: boolean;
|
|
9
11
|
fullWidth?: boolean;
|
|
10
12
|
leftIcon?: React.ReactNode;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Button } from './Button';
|
|
2
|
-
export type { ButtonProps, ButtonVariant, ButtonSize } from './Button';
|
|
2
|
+
export type { ButtonProps, ButtonVariant, ButtonSize, ButtonAnimation } from './Button';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type ChatAttachmentVariant = 'image' | 'file' | 'video' | 'audio';
|
|
4
|
+
export interface ChatAttachmentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
variant?: ChatAttachmentVariant;
|
|
6
|
+
src?: string;
|
|
7
|
+
fileName?: string;
|
|
8
|
+
fileSize?: string;
|
|
9
|
+
onDownload?: () => void;
|
|
10
|
+
onPreview?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const ChatAttachment: React.FC<ChatAttachmentProps>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type ChatBubbleVariant = 'sent' | 'received' | 'system' | 'ai';
|
|
4
|
+
export type ChatBubbleStatus = 'sent' | 'delivered' | 'read';
|
|
5
|
+
export type ChatBubbleGrouping = 'single' | 'first' | 'middle' | 'last';
|
|
6
|
+
export interface ChatBubbleProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
variant?: ChatBubbleVariant;
|
|
8
|
+
avatar?: React.ReactNode;
|
|
9
|
+
username?: string;
|
|
10
|
+
timestamp?: string;
|
|
11
|
+
status?: ChatBubbleStatus;
|
|
12
|
+
grouping?: ChatBubbleGrouping;
|
|
13
|
+
isStreaming?: boolean;
|
|
14
|
+
actions?: React.ReactNode;
|
|
15
|
+
children: React.ReactNode;
|
|
16
|
+
}
|
|
17
|
+
export declare const ChatBubble: React.FC<ChatBubbleProps>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type ChatHeaderStatus = 'online' | 'offline' | 'away';
|
|
4
|
+
export interface ChatHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
title: string;
|
|
6
|
+
subtitle?: string;
|
|
7
|
+
avatar?: React.ReactNode;
|
|
8
|
+
status?: ChatHeaderStatus;
|
|
9
|
+
actions?: React.ReactNode;
|
|
10
|
+
onBack?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const ChatHeader: React.FC<ChatHeaderProps>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ChatInputProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
|
|
4
|
+
value?: string;
|
|
5
|
+
onChange?: (value: string) => void;
|
|
6
|
+
onSend?: (value: string) => void;
|
|
7
|
+
onAttach?: () => void;
|
|
8
|
+
maxRows?: number;
|
|
9
|
+
leftSlot?: React.ReactNode;
|
|
10
|
+
rightSlot?: React.ReactNode;
|
|
11
|
+
showSendButton?: boolean;
|
|
12
|
+
sendOnEnter?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare const ChatInput: React.ForwardRefExoticComponent<ChatInputProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ChatConversation {
|
|
4
|
+
id: string;
|
|
5
|
+
name: string;
|
|
6
|
+
avatar?: React.ReactNode;
|
|
7
|
+
lastMessage?: string;
|
|
8
|
+
timestamp?: string;
|
|
9
|
+
unread?: number;
|
|
10
|
+
online?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface ChatListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
|
|
13
|
+
conversations: ChatConversation[];
|
|
14
|
+
activeId?: string;
|
|
15
|
+
onSelect?: (id: string) => void;
|
|
16
|
+
emptyText?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const ChatList: React.FC<ChatListProps>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ChatReactionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
emoji: string;
|
|
5
|
+
count?: number;
|
|
6
|
+
active?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const ChatReaction: React.ForwardRefExoticComponent<ChatReactionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type ChatStatusVariant = 'online' | 'offline' | 'away' | 'busy' | 'dnd';
|
|
4
|
+
export type ChatStatusSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export interface ChatStatusProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
6
|
+
variant?: ChatStatusVariant;
|
|
7
|
+
size?: ChatStatusSize;
|
|
8
|
+
showLabel?: boolean;
|
|
9
|
+
pulse?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const ChatStatus: React.FC<ChatStatusProps>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ChatThreadProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
replyCount?: number;
|
|
5
|
+
lastReplyTimestamp?: string;
|
|
6
|
+
participants?: React.ReactNode[];
|
|
7
|
+
expanded?: boolean;
|
|
8
|
+
onToggle?: () => void;
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare const ChatThread: React.FC<ChatThreadProps>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ChatWindowProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
header?: React.ReactNode;
|
|
5
|
+
footer?: React.ReactNode;
|
|
6
|
+
autoScroll?: boolean;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const ChatWindow: React.ForwardRefExoticComponent<ChatWindowProps & React.RefAttributes<HTMLDivElement>>;
|