@innovaccer/design-system 4.1.0 → 4.2.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/CHANGELOG.md +61 -0
- package/css/dist/index.css +276 -196
- package/css/dist/index.css.map +1 -1
- package/css/gulpfile.js +9 -0
- package/css/src/components/avatarSelection.module.css +3 -3
- package/css/src/components/chatBubble.module.css +53 -0
- package/css/src/components/chatSeparator.module.css +23 -0
- package/dist/brotli/index.js +1 -1
- package/dist/brotli/index.js.br +0 -0
- package/dist/cjs/index.js +1 -1
- package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts +2 -0
- package/dist/core/components/atoms/avatarGroup/AvatarPopperBody.d.ts +1 -0
- package/dist/core/components/atoms/avatarSelection/AvatarSelection.d.ts +2 -0
- package/dist/core/components/molecules/chat/Chat.d.ts +17 -0
- package/dist/core/components/molecules/chat/chatBubble/ChatBubble.d.ts +16 -0
- package/dist/core/components/molecules/chat/chatBubble/IncomingBubble.d.ts +26 -0
- package/dist/core/components/molecules/chat/chatBubble/OutgoingBubble.d.ts +17 -0
- package/dist/core/components/molecules/chat/chatBubble/index.d.ts +2 -0
- package/dist/core/components/molecules/chat/dateSeparator/DateSeparator.d.ts +7 -0
- package/dist/core/components/molecules/chat/dateSeparator/index.d.ts +2 -0
- package/dist/core/components/molecules/chat/index.d.ts +2 -0
- package/dist/core/components/molecules/chat/newMessage/NewMessage.d.ts +7 -0
- package/dist/core/components/molecules/chat/newMessage/index.d.ts +2 -0
- package/dist/core/components/molecules/chat/typingIndicator/TypingIndicator.d.ts +7 -0
- package/dist/core/components/molecules/chat/typingIndicator/index.d.ts +2 -0
- package/dist/core/components/molecules/chat/unreadMessage/UnreadMessage.d.ts +7 -0
- package/dist/core/components/molecules/chat/unreadMessage/index.d.ts +2 -0
- package/dist/core/index.d.ts +1 -0
- package/dist/core/index.type.d.ts +6 -0
- package/dist/esm/index.js +1042 -740
- package/dist/figma/AvatarGroup.figma.d.ts +1 -0
- package/dist/figma/AvatarSelection.figma.d.ts +1 -0
- package/dist/figma/DateSeparator.figma.d.ts +1 -0
- package/dist/figma/NewMessage.figma.d.ts +1 -0
- package/dist/figma/TypingIndicator.figma.d.ts +1 -0
- package/dist/figma/UnreadMessage.figma.d.ts +1 -0
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +910 -615
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +83 -3
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +329 -18
- package/package.json +1 -1
|
@@ -10,6 +10,8 @@ export interface AvatarData extends Record<string, any> {
|
|
|
10
10
|
image?: React.ReactNode;
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
tooltipSuffix?: string;
|
|
13
|
+
status?: React.ReactNode;
|
|
14
|
+
presence?: AvatarProps['presence'];
|
|
13
15
|
}
|
|
14
16
|
interface AvatarPopoverProps {
|
|
15
17
|
popperRenderer?: (names: AvatarData[]) => JSX.Element;
|
|
@@ -10,6 +10,7 @@ interface AvatarPopperProps {
|
|
|
10
10
|
withSearch?: boolean;
|
|
11
11
|
searchPlaceholder?: string;
|
|
12
12
|
searchComparator?: (searchValue: string, avatarData: AvatarData) => boolean;
|
|
13
|
+
size?: AvatarData['size'];
|
|
13
14
|
}
|
|
14
15
|
declare const AvatarPopperBody: (props: AvatarPopperProps) => React.JSX.Element;
|
|
15
16
|
export default AvatarPopperBody;
|
|
@@ -11,6 +11,8 @@ export interface AvatarData extends Record<string, any> {
|
|
|
11
11
|
selected?: boolean;
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
tooltipSuffix?: string;
|
|
14
|
+
status?: React.ReactNode;
|
|
15
|
+
presence?: AvatarProps['presence'];
|
|
14
16
|
}
|
|
15
17
|
export interface AvatarSelectionProps extends BaseProps {
|
|
16
18
|
list: AvatarData[];
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseProps } from "../../../utils/types";
|
|
3
|
+
export interface ChatProps extends BaseProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare const Chat: {
|
|
7
|
+
(props: ChatProps): React.JSX.Element;
|
|
8
|
+
DateSeparator: React.FC<import("./dateSeparator").DateSeparatorProps>;
|
|
9
|
+
UnreadMessage: React.FC<import("./unreadMessage").UnreadMessageProps>;
|
|
10
|
+
NewMessage: React.FC<import("./newMessage").NewMessageProps>;
|
|
11
|
+
TypingIndicator: React.FC<import("./typingIndicator").TypingIndicatorProps>;
|
|
12
|
+
ChatBubble: {
|
|
13
|
+
(props: import("./chatBubble").ChatBubbleProps): React.JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default Chat;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IncomingOptionProps } from "./IncomingBubble";
|
|
3
|
+
import { OutgoingOptionProps } from "./OutgoingBubble";
|
|
4
|
+
import { BaseProps } from "../../../../utils/types";
|
|
5
|
+
export declare type ChatBubbleType = 'incoming' | 'outgoing';
|
|
6
|
+
export interface ChatBubbleProps extends BaseProps {
|
|
7
|
+
type: ChatBubbleType;
|
|
8
|
+
incomingOptions?: IncomingOptionProps;
|
|
9
|
+
outgoingOptions?: OutgoingOptionProps;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare const ChatBubble: {
|
|
13
|
+
(props: ChatBubbleProps): React.JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
export default ChatBubble;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { AccentAppearance } from "../../../../common.type";
|
|
3
|
+
import { BaseProps } from "../../../../utils/types";
|
|
4
|
+
export interface ChatAvatarProps {
|
|
5
|
+
appearance?: AccentAppearance;
|
|
6
|
+
firstName?: string;
|
|
7
|
+
lastName?: string;
|
|
8
|
+
role?: string;
|
|
9
|
+
tabIndex?: number;
|
|
10
|
+
icon?: React.ReactNode;
|
|
11
|
+
image?: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export interface IncomingOptionProps extends BaseProps {
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
time?: string | React.ReactText;
|
|
16
|
+
metaData?: string;
|
|
17
|
+
actionBar?: () => JSX.Element;
|
|
18
|
+
urgentMessage?: () => JSX.Element;
|
|
19
|
+
avatarData?: ChatAvatarProps;
|
|
20
|
+
showAvatar?: boolean;
|
|
21
|
+
}
|
|
22
|
+
export declare const IncomingBubble: {
|
|
23
|
+
(props: IncomingOptionProps): React.JSX.Element;
|
|
24
|
+
displayName: string;
|
|
25
|
+
};
|
|
26
|
+
export default IncomingBubble;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseProps } from "../../../../utils/types";
|
|
3
|
+
export interface OutgoingOptionProps extends BaseProps {
|
|
4
|
+
metaData?: string;
|
|
5
|
+
status?: boolean;
|
|
6
|
+
failed?: boolean;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
time?: string | React.ReactText;
|
|
9
|
+
actionBar?: () => JSX.Element;
|
|
10
|
+
urgentMessage?: () => JSX.Element;
|
|
11
|
+
failedMessage?: () => JSX.Element;
|
|
12
|
+
}
|
|
13
|
+
export declare const OutgoingBubble: {
|
|
14
|
+
(props: OutgoingOptionProps): React.JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
export default OutgoingBubble;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseProps } from "../../../../utils/types";
|
|
3
|
+
export interface TypingIndicatorProps extends BaseProps {
|
|
4
|
+
text: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const TypingIndicator: React.FC<TypingIndicatorProps>;
|
|
7
|
+
export default TypingIndicator;
|
package/dist/core/index.d.ts
CHANGED
|
@@ -93,6 +93,7 @@ export { Combobox } from "./components/organisms/combobox";
|
|
|
93
93
|
export { Select } from "./components/organisms/select";
|
|
94
94
|
export { Menu } from "./components/organisms/menu";
|
|
95
95
|
export { KeyValuePair } from "./components/molecules/keyValuePair";
|
|
96
|
+
export { Chat } from "./components/molecules/chat";
|
|
96
97
|
export { AIButton } from "./ai-components/AIButton";
|
|
97
98
|
export { SaraSparkle } from "./ai-components/SaraSparkle";
|
|
98
99
|
export { Sara } from "./ai-components/Sara";
|
|
@@ -93,6 +93,12 @@ export { ComboboxProps } from "./components/organisms/combobox";
|
|
|
93
93
|
export { SelectProps } from "./components/organisms/select";
|
|
94
94
|
export { MenuProps } from "./components/organisms/menu";
|
|
95
95
|
export { KeyValuePairProps } from "./components/molecules/keyValuePair";
|
|
96
|
+
export { ChatProps } from "./components/molecules/chat";
|
|
97
|
+
export { ChatBubbleProps } from "./components/molecules/chat/chatBubble";
|
|
98
|
+
export { DateSeparatorProps } from "./components/molecules/chat/dateSeparator";
|
|
99
|
+
export { UnreadMessageProps } from "./components/molecules/chat/unreadMessage";
|
|
100
|
+
export { NewMessageProps } from "./components/molecules/chat/newMessage";
|
|
101
|
+
export { TypingIndicatorProps } from "./components/molecules/chat/typingIndicator";
|
|
96
102
|
export { SaraSparkleProps } from "./ai-components/SaraSparkle";
|
|
97
103
|
export { AIButtonProps } from "./ai-components/AIButton";
|
|
98
104
|
export { SaraProps } from "./ai-components/Sara";
|