@cloudscape-design/chat-components 1.0.14 → 1.0.15
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/chat-bubble/index.d.ts +3 -0
- package/chat-bubble/index.js +14 -0
- package/chat-bubble/index.js.map +1 -0
- package/chat-bubble/interfaces.d.ts +29 -0
- package/chat-bubble/interfaces.js +4 -0
- package/chat-bubble/interfaces.js.map +1 -0
- package/chat-bubble/internal.d.ts +5 -0
- package/chat-bubble/internal.js +25 -0
- package/chat-bubble/internal.js.map +1 -0
- package/chat-bubble/styles.css.js +14 -0
- package/chat-bubble/styles.scoped.css +81 -0
- package/chat-bubble/styles.selectors.js +15 -0
- package/index.d.ts +2 -0
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/internal/api-docs/components/chat-bubble.js +57 -0
- package/internal/api-docs/components/index.js +1 -0
- package/internal/api-docs/test-utils-doc/dom.js +1 -1
- package/internal/api-docs/test-utils-doc/selectors.js +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +2 -1
- package/test-utils/dom/chat-bubble/index.d.ts +9 -0
- package/test-utils/dom/chat-bubble/index.js +26 -0
- package/test-utils/dom/chat-bubble/index.js.map +1 -0
- package/test-utils/dom/index.d.ts +4 -0
- package/test-utils/dom/index.js +13 -4
- package/test-utils/dom/index.js.map +1 -1
- package/test-utils/selectors/chat-bubble/index.d.ts +9 -0
- package/test-utils/selectors/chat-bubble/index.js +26 -0
- package/test-utils/selectors/chat-bubble/index.js.map +1 -0
- package/test-utils/selectors/index.d.ts +4 -0
- package/test-utils/selectors/index.js +13 -4
- package/test-utils/selectors/index.js.map +1 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
import useBaseComponent from "../internal/base-component/use-base-component";
|
|
5
|
+
import { applyDisplayName } from "../internal/utils/apply-display-name";
|
|
6
|
+
import InternalChatBubble from "./internal";
|
|
7
|
+
export default function ChatBubble({ type, hideAvatar, showLoadingBar, ...props }) {
|
|
8
|
+
const baseComponentProps = useBaseComponent("ChatBubble", {
|
|
9
|
+
props: { type },
|
|
10
|
+
});
|
|
11
|
+
return (_jsx(InternalChatBubble, { type: type, hideAvatar: hideAvatar, showLoadingBar: showLoadingBar, ...props, ...baseComponentProps }));
|
|
12
|
+
}
|
|
13
|
+
applyDisplayName(ChatBubble, "ChatBubble");
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/chat-bubble/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAI5C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,KAAK,EAAmB;IAChG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE;QACxD,KAAK,EAAE,EAAE,IAAI,EAAE;KAChB,CAAC,CAAC;IACH,OAAO,CACL,KAAC,kBAAkB,IACjB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,KAC1B,KAAK,KACL,kBAAkB,GACtB,CACH,CAAC;AACJ,CAAC;AACD,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport useBaseComponent from \"../internal/base-component/use-base-component\";\nimport { applyDisplayName } from \"../internal/utils/apply-display-name\";\nimport { ChatBubbleProps } from \"./interfaces\";\nimport InternalChatBubble from \"./internal\";\n\nexport type { ChatBubbleProps };\n\nexport default function ChatBubble({ type, hideAvatar, showLoadingBar, ...props }: ChatBubbleProps) {\n const baseComponentProps = useBaseComponent(\"ChatBubble\", {\n props: { type },\n });\n return (\n <InternalChatBubble\n type={type}\n hideAvatar={hideAvatar}\n showLoadingBar={showLoadingBar}\n {...props}\n {...baseComponentProps}\n />\n );\n}\napplyDisplayName(ChatBubble, \"ChatBubble\");\n"]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface ChatBubbleProps {
|
|
3
|
+
/** Avatar slot paired with the chat bubble content. Use [avatar](/components/avatar/). */
|
|
4
|
+
avatar: React.ReactNode;
|
|
5
|
+
/** Defines the type of the chat bubble and sets its color accordingly. */
|
|
6
|
+
type: ChatBubbleProps.Type;
|
|
7
|
+
/** Content of the chat bubble */
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
/** Actions slot of the chat bubble, placed at the footer. Use [button group](/components/button-group/). */
|
|
10
|
+
actions?: React.ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* Adds a loading bar to the bottom of the chat bubble. This property should only be used for Generative AI loading state.
|
|
13
|
+
* If avatar is being used, set its `loading` state to true.
|
|
14
|
+
*/
|
|
15
|
+
showLoadingBar?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Adds aria-label to the chat bubble container. Use this to provide a unique accessible name for each chat bubble on the page.
|
|
18
|
+
* For example, "John Doe at 3:42:10am".
|
|
19
|
+
*/
|
|
20
|
+
ariaLabel: string;
|
|
21
|
+
/**
|
|
22
|
+
* Hides the avatar while preserving its space.
|
|
23
|
+
* Useful for when there are multiple consecutive messages coming from the same author.
|
|
24
|
+
*/
|
|
25
|
+
hideAvatar?: boolean;
|
|
26
|
+
}
|
|
27
|
+
export declare namespace ChatBubbleProps {
|
|
28
|
+
type Type = "incoming" | "outgoing";
|
|
29
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/chat-bubble/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport interface ChatBubbleProps {\n /** Avatar slot paired with the chat bubble content. Use [avatar](/components/avatar/). */\n avatar: React.ReactNode;\n\n /** Defines the type of the chat bubble and sets its color accordingly. */\n type: ChatBubbleProps.Type;\n\n /** Content of the chat bubble */\n children: React.ReactNode;\n\n /** Actions slot of the chat bubble, placed at the footer. Use [button group](/components/button-group/). */\n actions?: React.ReactNode;\n\n /**\n * Adds a loading bar to the bottom of the chat bubble. This property should only be used for Generative AI loading state.\n * If avatar is being used, set its `loading` state to true.\n */\n showLoadingBar?: boolean;\n\n /**\n * Adds aria-label to the chat bubble container. Use this to provide a unique accessible name for each chat bubble on the page.\n * For example, \"John Doe at 3:42:10am\".\n */\n ariaLabel: string;\n\n /**\n * Hides the avatar while preserving its space.\n * Useful for when there are multiple consecutive messages coming from the same author.\n */\n hideAvatar?: boolean;\n}\n\nexport namespace ChatBubbleProps {\n export type Type = \"incoming\" | \"outgoing\";\n}\n"]}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { InternalBaseComponentProps } from "../internal/base-component/use-base-component";
|
|
2
|
+
import { ChatBubbleProps } from "./interfaces.js";
|
|
3
|
+
export interface InternalChatBubbleProps extends ChatBubbleProps, InternalBaseComponentProps {
|
|
4
|
+
}
|
|
5
|
+
export default function InternalChatBubble({ type, children, avatar, actions, showLoadingBar, hideAvatar, ariaLabel, __internalRootRef, ...rest }: InternalChatBubbleProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
import { useEffect, useRef } from "react";
|
|
5
|
+
import clsx from "clsx";
|
|
6
|
+
import { getDataAttributes } from "../internal/base-component/get-data-attributes";
|
|
7
|
+
import { InternalLoadingBar } from "../loading-bar/internal";
|
|
8
|
+
import styles from "./styles.css.js";
|
|
9
|
+
export default function InternalChatBubble({ type, children, avatar, actions, showLoadingBar, hideAvatar = false, ariaLabel, __internalRootRef = null, ...rest }) {
|
|
10
|
+
const avatarRef = useRef(null);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
// We have to do this because `inert` isn't properly supported until
|
|
13
|
+
// React 19 and this seems much more maintainable than version detection.
|
|
14
|
+
// `inert` is better than `hidden` because it also blocks pointer and
|
|
15
|
+
// focus events as well as hiding the contents from screen readers.
|
|
16
|
+
// https://github.com/facebook/react/issues/17157
|
|
17
|
+
if (avatarRef.current) {
|
|
18
|
+
avatarRef.current.inert = hideAvatar;
|
|
19
|
+
}
|
|
20
|
+
}, [hideAvatar]);
|
|
21
|
+
return (_jsxs("div", { className: styles.root, ...getDataAttributes(rest), ref: __internalRootRef, role: "group", "aria-label": ariaLabel, children: [avatar && (_jsx("div", { ref: avatarRef, className: clsx(styles.avatar, hideAvatar && styles.hide), children: avatar })), _jsxs("div", { className: clsx(styles["message-area"], styles[`chat-bubble-type-${type}`], {
|
|
22
|
+
[styles["with-loading-bar"]]: showLoadingBar,
|
|
23
|
+
}), children: [_jsx("div", { className: styles.content, children: children }), actions && _jsx("div", { className: styles.actions, children: actions }), showLoadingBar && _jsx(InternalLoadingBar, { variant: "gen-ai-masked" })] })] }));
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=internal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/chat-bubble/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AAEnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,cAAc,EACd,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,iBAAiB,GAAG,IAAI,EACxB,GAAG,IAAI,EACiB;IACxB,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,oEAAoE;QACpE,yEAAyE;QACzE,qEAAqE;QACrE,mEAAmE;QACnE,iDAAiD;QACjD,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,SAAS,CAAC,OAAO,CAAC,KAAK,GAAG,UAAU,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,eACE,SAAS,EAAE,MAAM,CAAC,IAAI,KAClB,iBAAiB,CAAC,IAAI,CAAC,EAC3B,GAAG,EAAE,iBAAiB,EACtB,IAAI,EAAC,OAAO,gBACA,SAAS,aAEpB,MAAM,IAAI,CACT,cAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,YAC3E,MAAM,GACH,CACP,EAED,eACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,oBAAoB,IAAI,EAAE,CAAC,EAAE;oBAC1E,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,cAAc;iBAC7C,CAAC,aAEF,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAO,EAE/C,OAAO,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,OAAO,GAAO,EAE1D,cAAc,IAAI,KAAC,kBAAkB,IAAC,OAAO,EAAC,eAAe,GAAG,IAC7D,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\n\nimport { getDataAttributes } from \"../internal/base-component/get-data-attributes\";\nimport { InternalBaseComponentProps } from \"../internal/base-component/use-base-component\";\nimport { InternalLoadingBar } from \"../loading-bar/internal\";\nimport { ChatBubbleProps } from \"./interfaces.js\";\n\nimport styles from \"./styles.css.js\";\n\nexport interface InternalChatBubbleProps extends ChatBubbleProps, InternalBaseComponentProps {}\n\nexport default function InternalChatBubble({\n type,\n children,\n avatar,\n actions,\n showLoadingBar,\n hideAvatar = false,\n ariaLabel,\n __internalRootRef = null,\n ...rest\n}: InternalChatBubbleProps) {\n const avatarRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n // We have to do this because `inert` isn't properly supported until\n // React 19 and this seems much more maintainable than version detection.\n // `inert` is better than `hidden` because it also blocks pointer and\n // focus events as well as hiding the contents from screen readers.\n // https://github.com/facebook/react/issues/17157\n if (avatarRef.current) {\n avatarRef.current.inert = hideAvatar;\n }\n }, [hideAvatar]);\n\n return (\n <div\n className={styles.root}\n {...getDataAttributes(rest)}\n ref={__internalRootRef}\n role=\"group\"\n aria-label={ariaLabel}\n >\n {avatar && (\n <div ref={avatarRef} className={clsx(styles.avatar, hideAvatar && styles.hide)}>\n {avatar}\n </div>\n )}\n\n <div\n className={clsx(styles[\"message-area\"], styles[`chat-bubble-type-${type}`], {\n [styles[\"with-loading-bar\"]]: showLoadingBar,\n })}\n >\n <div className={styles.content}>{children}</div>\n\n {actions && <div className={styles.actions}>{actions}</div>}\n\n {showLoadingBar && <InternalLoadingBar variant=\"gen-ai-masked\" />}\n </div>\n </div>\n );\n}\n"]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
|
|
2
|
+
import './styles.scoped.css';
|
|
3
|
+
export default {
|
|
4
|
+
"root": "awsui_root_cdujn_q10qs_11",
|
|
5
|
+
"message-area": "awsui_message-area_cdujn_q10qs_45",
|
|
6
|
+
"with-loading-bar": "awsui_with-loading-bar_cdujn_q10qs_55",
|
|
7
|
+
"chat-bubble-type-outgoing": "awsui_chat-bubble-type-outgoing_cdujn_q10qs_58",
|
|
8
|
+
"chat-bubble-type-incoming": "awsui_chat-bubble-type-incoming_cdujn_q10qs_62",
|
|
9
|
+
"avatar": "awsui_avatar_cdujn_q10qs_67",
|
|
10
|
+
"hide": "awsui_hide_cdujn_q10qs_70",
|
|
11
|
+
"content": "awsui_content_cdujn_q10qs_74",
|
|
12
|
+
"actions": "awsui_actions_cdujn_q10qs_78"
|
|
13
|
+
};
|
|
14
|
+
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
/*
|
|
6
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
|
+
SPDX-License-Identifier: Apache-2.0
|
|
8
|
+
*/
|
|
9
|
+
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
10
|
+
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
11
|
+
.awsui_root_cdujn_q10qs_11:not(#\9) {
|
|
12
|
+
border-collapse: separate;
|
|
13
|
+
border-spacing: 0;
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
caption-side: top;
|
|
16
|
+
cursor: auto;
|
|
17
|
+
direction: inherit;
|
|
18
|
+
empty-cells: show;
|
|
19
|
+
font-family: serif;
|
|
20
|
+
font-size: medium;
|
|
21
|
+
font-style: normal;
|
|
22
|
+
font-variant: normal;
|
|
23
|
+
font-weight: 400;
|
|
24
|
+
font-stretch: normal;
|
|
25
|
+
line-height: normal;
|
|
26
|
+
-webkit-hyphens: none;
|
|
27
|
+
hyphens: none;
|
|
28
|
+
letter-spacing: normal;
|
|
29
|
+
list-style: disc outside none;
|
|
30
|
+
tab-size: 8;
|
|
31
|
+
text-align: start;
|
|
32
|
+
text-indent: 0;
|
|
33
|
+
text-shadow: none;
|
|
34
|
+
text-transform: none;
|
|
35
|
+
visibility: visible;
|
|
36
|
+
white-space: normal;
|
|
37
|
+
word-spacing: normal;
|
|
38
|
+
display: flex;
|
|
39
|
+
flex-direction: row;
|
|
40
|
+
gap: var(--space-scaled-xs-26e2du, 8px);
|
|
41
|
+
font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
42
|
+
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
43
|
+
line-height: var(--line-height-heading-m-50evfk, 22px);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.awsui_message-area_cdujn_q10qs_45:not(#\9) {
|
|
47
|
+
display: flex;
|
|
48
|
+
flex-direction: column;
|
|
49
|
+
gap: var(--space-scaled-s-aqzyko, 12px);
|
|
50
|
+
padding: var(--space-scaled-s-aqzyko, 12px);
|
|
51
|
+
border-start-start-radius: var(--border-radius-chat-bubble-qvkt36, 8px);
|
|
52
|
+
border-start-end-radius: var(--border-radius-chat-bubble-qvkt36, 8px);
|
|
53
|
+
border-end-start-radius: var(--border-radius-chat-bubble-qvkt36, 8px);
|
|
54
|
+
border-end-end-radius: var(--border-radius-chat-bubble-qvkt36, 8px);
|
|
55
|
+
}
|
|
56
|
+
.awsui_message-area_cdujn_q10qs_45.awsui_with-loading-bar_cdujn_q10qs_55:not(#\9) {
|
|
57
|
+
padding-block-end: 0;
|
|
58
|
+
}
|
|
59
|
+
.awsui_message-area_cdujn_q10qs_45.awsui_chat-bubble-type-outgoing_cdujn_q10qs_58:not(#\9) {
|
|
60
|
+
color: var(--color-text-chat-bubble-outgoing-25z5e0, #424650);
|
|
61
|
+
background-color: var(--color-background-chat-bubble-outgoing-pfqan2, transparent);
|
|
62
|
+
}
|
|
63
|
+
.awsui_message-area_cdujn_q10qs_45.awsui_chat-bubble-type-incoming_cdujn_q10qs_62:not(#\9) {
|
|
64
|
+
color: var(--color-text-chat-bubble-incoming-t2slde, #424650);
|
|
65
|
+
background-color: var(--color-background-chat-bubble-incoming-brq006, #f3f3f7);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.awsui_avatar_cdujn_q10qs_67:not(#\9) {
|
|
69
|
+
padding-block: var(--space-scaled-xs-26e2du, 8px);
|
|
70
|
+
}
|
|
71
|
+
.awsui_avatar_cdujn_q10qs_67.awsui_hide_cdujn_q10qs_70:not(#\9) {
|
|
72
|
+
opacity: 0;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.awsui_content_cdujn_q10qs_74:not(#\9) {
|
|
76
|
+
/* Used in test utils */
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.awsui_actions_cdujn_q10qs_78:not(#\9) {
|
|
80
|
+
/* Used in test utils */
|
|
81
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
|
|
2
|
+
// es-module interop with Babel and Typescript
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
module.exports.default = {
|
|
5
|
+
"root": "awsui_root_cdujn_q10qs_11",
|
|
6
|
+
"message-area": "awsui_message-area_cdujn_q10qs_45",
|
|
7
|
+
"with-loading-bar": "awsui_with-loading-bar_cdujn_q10qs_55",
|
|
8
|
+
"chat-bubble-type-outgoing": "awsui_chat-bubble-type-outgoing_cdujn_q10qs_58",
|
|
9
|
+
"chat-bubble-type-incoming": "awsui_chat-bubble-type-incoming_cdujn_q10qs_62",
|
|
10
|
+
"avatar": "awsui_avatar_cdujn_q10qs_67",
|
|
11
|
+
"hide": "awsui_hide_cdujn_q10qs_70",
|
|
12
|
+
"content": "awsui_content_cdujn_q10qs_74",
|
|
13
|
+
"actions": "awsui_actions_cdujn_q10qs_78"
|
|
14
|
+
};
|
|
15
|
+
|
package/index.d.ts
CHANGED
|
@@ -2,3 +2,5 @@ export { default as Avatar } from "./avatar";
|
|
|
2
2
|
export type { AvatarProps } from "./avatar";
|
|
3
3
|
export { default as LoadingBar } from "./loading-bar";
|
|
4
4
|
export type { LoadingBarProps } from "./loading-bar";
|
|
5
|
+
export { default as ChatBubble } from "./chat-bubble";
|
|
6
|
+
export type { ChatBubbleProps } from "./chat-bubble";
|
package/index.js
CHANGED
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport { default as Avatar } from \"./avatar\";\nexport type { AvatarProps } from \"./avatar\";\n\nexport { default as LoadingBar } from \"./loading-bar\";\nexport type { LoadingBarProps } from \"./loading-bar\";\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport { default as Avatar } from \"./avatar\";\nexport type { AvatarProps } from \"./avatar\";\n\nexport { default as LoadingBar } from \"./loading-bar\";\nexport type { LoadingBarProps } from \"./loading-bar\";\n\nexport { default as ChatBubble } from \"./chat-bubble\";\nexport type { ChatBubbleProps } from \"./chat-bubble\";\n"]}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
module.exports = {
|
|
2
|
+
"name": "ChatBubble",
|
|
3
|
+
"releaseStatus": "stable",
|
|
4
|
+
"regions": [
|
|
5
|
+
{
|
|
6
|
+
"name": "actions",
|
|
7
|
+
"description": "Actions slot of the chat bubble, placed at the footer. Use [button group](/components/button-group/).",
|
|
8
|
+
"isDefault": false
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
"name": "avatar",
|
|
12
|
+
"description": "Avatar slot paired with the chat bubble content. Use [avatar](/components/avatar/).",
|
|
13
|
+
"isDefault": false
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"name": "children",
|
|
17
|
+
"description": "Content of the chat bubble",
|
|
18
|
+
"isDefault": true
|
|
19
|
+
}
|
|
20
|
+
],
|
|
21
|
+
"functions": [],
|
|
22
|
+
"properties": [
|
|
23
|
+
{
|
|
24
|
+
"name": "ariaLabel",
|
|
25
|
+
"type": "string",
|
|
26
|
+
"optional": false,
|
|
27
|
+
"description": "Adds aria-label to the chat bubble container. Use this to provide a unique accessible name for each chat bubble on the page.\nFor example, \"John Doe at 3:42:10am\"."
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"name": "hideAvatar",
|
|
31
|
+
"type": "boolean",
|
|
32
|
+
"optional": true,
|
|
33
|
+
"description": "Hides the avatar while preserving its space.\nUseful for when there are multiple consecutive messages coming from the same author."
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"name": "showLoadingBar",
|
|
37
|
+
"type": "boolean",
|
|
38
|
+
"optional": true,
|
|
39
|
+
"description": "Adds a loading bar to the bottom of the chat bubble. This property should only be used for Generative AI loading state.\nIf avatar is being used, set its `loading` state to true."
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"name": "type",
|
|
43
|
+
"type": "string",
|
|
44
|
+
"inlineType": {
|
|
45
|
+
"name": "ChatBubbleProps.Type",
|
|
46
|
+
"type": "union",
|
|
47
|
+
"values": [
|
|
48
|
+
"incoming",
|
|
49
|
+
"outgoing"
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
"optional": false,
|
|
53
|
+
"description": "Defines the type of the chat bubble and sets its color accordingly."
|
|
54
|
+
}
|
|
55
|
+
],
|
|
56
|
+
"events": []
|
|
57
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
module.exports = {
|
|
2
|
-
classes: [{"name":"AvatarWrapper","methods":[{"name":"blur","returnType":{"name":"void","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.blur"}},{"name":"click","description":"Performs a click by triggering a mouse event.\nNote that programmatic events ignore disabled attribute and will trigger listeners even if the element is disabled.","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"params","typeName":"MouseEventInit","flags":{"isOptional":true}}],"inheritedFrom":{"name":"AbstractWrapper.click"}},{"name":"find","returnType":{"name":"ElementWrapper | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.find"}},{"name":"findAll","returnType":{"name":"array","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAll"}},{"name":"findAllByClassName","returnType":{"name":"array","type":"reference"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAllByClassName"}},{"name":"findByClassName","returnType":{"name":"ElementWrapper | null","type":"union"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findByClassName"}},{"name":"findComponent","returnType":{"name":"Wrapper | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}},{"name":"ComponentClass","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findComponent"}},{"name":"findTooltip","returnType":{"name":"TooltipWrapper | null","type":"union"},"parameters":[]},{"name":"fireEvent","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"event","typeName":"Event","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.fireEvent"}},{"name":"focus","returnType":{"name":"void","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.focus"}},{"name":"getElement","returnType":{"name":"HTMLElement","type":"reference"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.getElement"}},{"name":"keydown","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keydown"}},{"name":"keypress","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keypress"}},{"name":"keyup","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keyup"}},{"name":"matches","returnType":{"name":"this | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.matches"}}]},{"name":"LoadingBarWrapper","methods":[{"name":"blur","returnType":{"name":"void","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.blur"}},{"name":"click","description":"Performs a click by triggering a mouse event.\nNote that programmatic events ignore disabled attribute and will trigger listeners even if the element is disabled.","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"params","typeName":"MouseEventInit","flags":{"isOptional":true}}],"inheritedFrom":{"name":"AbstractWrapper.click"}},{"name":"find","returnType":{"name":"ElementWrapper | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.find"}},{"name":"findAll","returnType":{"name":"array","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAll"}},{"name":"findAllByClassName","returnType":{"name":"array","type":"reference"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAllByClassName"}},{"name":"findByClassName","returnType":{"name":"ElementWrapper | null","type":"union"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findByClassName"}},{"name":"findComponent","returnType":{"name":"Wrapper | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}},{"name":"ComponentClass","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findComponent"}},{"name":"fireEvent","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"event","typeName":"Event","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.fireEvent"}},{"name":"focus","returnType":{"name":"void","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.focus"}},{"name":"getElement","returnType":{"name":"HTMLElement","type":"reference"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.getElement"}},{"name":"keydown","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keydown"}},{"name":"keypress","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keypress"}},{"name":"keyup","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keyup"}},{"name":"matches","returnType":{"name":"this | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.matches"}}]}]
|
|
2
|
+
classes: [{"name":"AvatarWrapper","methods":[{"name":"blur","returnType":{"name":"void","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.blur"}},{"name":"click","description":"Performs a click by triggering a mouse event.\nNote that programmatic events ignore disabled attribute and will trigger listeners even if the element is disabled.","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"params","typeName":"MouseEventInit","flags":{"isOptional":true}}],"inheritedFrom":{"name":"AbstractWrapper.click"}},{"name":"find","returnType":{"name":"ElementWrapper | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.find"}},{"name":"findAll","returnType":{"name":"array","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAll"}},{"name":"findAllByClassName","returnType":{"name":"array","type":"reference"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAllByClassName"}},{"name":"findByClassName","returnType":{"name":"ElementWrapper | null","type":"union"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findByClassName"}},{"name":"findComponent","returnType":{"name":"Wrapper | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}},{"name":"ComponentClass","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findComponent"}},{"name":"findTooltip","returnType":{"name":"TooltipWrapper | null","type":"union"},"parameters":[]},{"name":"fireEvent","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"event","typeName":"Event","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.fireEvent"}},{"name":"focus","returnType":{"name":"void","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.focus"}},{"name":"getElement","returnType":{"name":"HTMLElement","type":"reference"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.getElement"}},{"name":"keydown","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keydown"}},{"name":"keypress","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keypress"}},{"name":"keyup","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keyup"}},{"name":"matches","returnType":{"name":"this | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.matches"}}]},{"name":"ChatBubbleWrapper","methods":[{"name":"blur","returnType":{"name":"void","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.blur"}},{"name":"click","description":"Performs a click by triggering a mouse event.\nNote that programmatic events ignore disabled attribute and will trigger listeners even if the element is disabled.","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"params","typeName":"MouseEventInit","flags":{"isOptional":true}}],"inheritedFrom":{"name":"AbstractWrapper.click"}},{"name":"find","returnType":{"name":"ElementWrapper | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.find"}},{"name":"findActionsSlot","returnType":{"name":"ElementWrapper | null","type":"union"},"parameters":[]},{"name":"findAll","returnType":{"name":"array","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAll"}},{"name":"findAllByClassName","returnType":{"name":"array","type":"reference"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAllByClassName"}},{"name":"findAvatarSlot","returnType":{"name":"ElementWrapper | null","type":"union"},"parameters":[]},{"name":"findByClassName","returnType":{"name":"ElementWrapper | null","type":"union"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findByClassName"}},{"name":"findComponent","returnType":{"name":"Wrapper | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}},{"name":"ComponentClass","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findComponent"}},{"name":"findContentSlot","returnType":{"name":"ElementWrapper | null","type":"union"},"parameters":[]},{"name":"findLoadingBar","returnType":{"name":"LoadingBarWrapper | null","type":"union"},"parameters":[]},{"name":"fireEvent","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"event","typeName":"Event","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.fireEvent"}},{"name":"focus","returnType":{"name":"void","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.focus"}},{"name":"getElement","returnType":{"name":"HTMLElement","type":"reference"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.getElement"}},{"name":"keydown","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keydown"}},{"name":"keypress","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keypress"}},{"name":"keyup","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keyup"}},{"name":"matches","returnType":{"name":"this | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.matches"}}]},{"name":"LoadingBarWrapper","methods":[{"name":"blur","returnType":{"name":"void","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.blur"}},{"name":"click","description":"Performs a click by triggering a mouse event.\nNote that programmatic events ignore disabled attribute and will trigger listeners even if the element is disabled.","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"params","typeName":"MouseEventInit","flags":{"isOptional":true}}],"inheritedFrom":{"name":"AbstractWrapper.click"}},{"name":"find","returnType":{"name":"ElementWrapper | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.find"}},{"name":"findAll","returnType":{"name":"array","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAll"}},{"name":"findAllByClassName","returnType":{"name":"array","type":"reference"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAllByClassName"}},{"name":"findByClassName","returnType":{"name":"ElementWrapper | null","type":"union"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findByClassName"}},{"name":"findComponent","returnType":{"name":"Wrapper | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}},{"name":"ComponentClass","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findComponent"}},{"name":"fireEvent","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"event","typeName":"Event","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.fireEvent"}},{"name":"focus","returnType":{"name":"void","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.focus"}},{"name":"getElement","returnType":{"name":"HTMLElement","type":"reference"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.getElement"}},{"name":"keydown","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keydown"}},{"name":"keypress","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keypress"}},{"name":"keyup","returnType":{"name":"void","type":"intrinsic"},"parameters":[{"name":"keyCode","typeName":"KeyCode","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.keyup"}},{"name":"matches","returnType":{"name":"this | null","type":"union"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.matches"}}]}]
|
|
3
3
|
}
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
module.exports = {
|
|
2
|
-
classes: [{"name":"AvatarWrapper","methods":[{"name":"find","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.find"}},{"name":"findAll","returnType":{"name":"MultiElementWrapper","type":"reference","typeArguments":[{"name":"ElementWrapper","type":"reference"}]},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAll"}},{"name":"findAllByClassName","returnType":{"name":"MultiElementWrapper","type":"reference","typeArguments":[{"name":"ElementWrapper","type":"reference"}]},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAllByClassName"}},{"name":"findByClassName","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findByClassName"}},{"name":"findComponent","returnType":{"name":"Wrapper","type":"typeParameter"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}},{"name":"ComponentClass","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findComponent"}},{"name":"findTooltip","returnType":{"name":"TooltipWrapper","type":"reference","typeArguments":[]},"parameters":[]},{"name":"getElement","returnType":{"name":"string","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.getElement"}},{"name":"matches","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.matches"}},{"name":"toSelector","returnType":{"name":"string","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.toSelector"}}]},{"name":"LoadingBarWrapper","methods":[{"name":"find","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.find"}},{"name":"findAll","returnType":{"name":"MultiElementWrapper","type":"reference","typeArguments":[{"name":"ElementWrapper","type":"reference"}]},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAll"}},{"name":"findAllByClassName","returnType":{"name":"MultiElementWrapper","type":"reference","typeArguments":[{"name":"ElementWrapper","type":"reference"}]},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAllByClassName"}},{"name":"findByClassName","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findByClassName"}},{"name":"findComponent","returnType":{"name":"Wrapper","type":"typeParameter"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}},{"name":"ComponentClass","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findComponent"}},{"name":"getElement","returnType":{"name":"string","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.getElement"}},{"name":"matches","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.matches"}},{"name":"toSelector","returnType":{"name":"string","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.toSelector"}}]}]
|
|
2
|
+
classes: [{"name":"AvatarWrapper","methods":[{"name":"find","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.find"}},{"name":"findAll","returnType":{"name":"MultiElementWrapper","type":"reference","typeArguments":[{"name":"ElementWrapper","type":"reference"}]},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAll"}},{"name":"findAllByClassName","returnType":{"name":"MultiElementWrapper","type":"reference","typeArguments":[{"name":"ElementWrapper","type":"reference"}]},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAllByClassName"}},{"name":"findByClassName","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findByClassName"}},{"name":"findComponent","returnType":{"name":"Wrapper","type":"typeParameter"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}},{"name":"ComponentClass","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findComponent"}},{"name":"findTooltip","returnType":{"name":"TooltipWrapper","type":"reference","typeArguments":[]},"parameters":[]},{"name":"getElement","returnType":{"name":"string","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.getElement"}},{"name":"matches","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.matches"}},{"name":"toSelector","returnType":{"name":"string","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.toSelector"}}]},{"name":"ChatBubbleWrapper","methods":[{"name":"find","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.find"}},{"name":"findActionsSlot","returnType":{"name":"ElementWrapper","type":"reference","typeArguments":[]},"parameters":[]},{"name":"findAll","returnType":{"name":"MultiElementWrapper","type":"reference","typeArguments":[{"name":"ElementWrapper","type":"reference"}]},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAll"}},{"name":"findAllByClassName","returnType":{"name":"MultiElementWrapper","type":"reference","typeArguments":[{"name":"ElementWrapper","type":"reference"}]},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAllByClassName"}},{"name":"findAvatarSlot","returnType":{"name":"null | ElementWrapper","type":"union"},"parameters":[]},{"name":"findByClassName","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findByClassName"}},{"name":"findComponent","returnType":{"name":"Wrapper","type":"typeParameter"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}},{"name":"ComponentClass","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findComponent"}},{"name":"findContentSlot","returnType":{"name":"ElementWrapper","type":"reference","typeArguments":[]},"parameters":[]},{"name":"findLoadingBar","returnType":{"name":"LoadingBarWrapper","type":"reference","typeArguments":[]},"parameters":[]},{"name":"getElement","returnType":{"name":"string","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.getElement"}},{"name":"matches","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.matches"}},{"name":"toSelector","returnType":{"name":"string","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.toSelector"}}]},{"name":"LoadingBarWrapper","methods":[{"name":"find","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.find"}},{"name":"findAll","returnType":{"name":"MultiElementWrapper","type":"reference","typeArguments":[{"name":"ElementWrapper","type":"reference"}]},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAll"}},{"name":"findAllByClassName","returnType":{"name":"MultiElementWrapper","type":"reference","typeArguments":[{"name":"ElementWrapper","type":"reference"}]},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findAllByClassName"}},{"name":"findByClassName","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"className","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findByClassName"}},{"name":"findComponent","returnType":{"name":"Wrapper","type":"typeParameter"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}},{"name":"ComponentClass","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.findComponent"}},{"name":"getElement","returnType":{"name":"string","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.getElement"}},{"name":"matches","returnType":{"name":"ElementWrapper","type":"reference"},"parameters":[{"name":"selector","typeName":"string","flags":{"isOptional":false}}],"inheritedFrom":{"name":"AbstractWrapper.matches"}},{"name":"toSelector","returnType":{"name":"string","type":"intrinsic"},"parameters":[],"inheritedFrom":{"name":"AbstractWrapper.toSelector"}}]}]
|
|
3
3
|
}
|
|
4
4
|
|
package/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cloudscape-design/chat-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.15",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/cloudscape-design/chat-components.git"
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
"exports": {
|
|
10
10
|
".": "./index.js",
|
|
11
11
|
"./avatar": "./avatar/index.js",
|
|
12
|
+
"./chat-bubble": "./chat-bubble/index.js",
|
|
12
13
|
"./loading-bar": "./loading-bar/index.js",
|
|
13
14
|
"./test-utils/dom": "./test-utils/dom/index.js",
|
|
14
15
|
"./test-utils/selectors": "./test-utils/selectors/index.js",
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/dom";
|
|
2
|
+
import LoadingBarWrapper from "../loading-bar";
|
|
3
|
+
export default class ChatBubbleWrapper extends ComponentWrapper {
|
|
4
|
+
static rootSelector: string;
|
|
5
|
+
findAvatarSlot(): ElementWrapper | null;
|
|
6
|
+
findContentSlot(): ElementWrapper | null;
|
|
7
|
+
findActionsSlot(): ElementWrapper | null;
|
|
8
|
+
findLoadingBar(): LoadingBarWrapper | null;
|
|
9
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
4
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
const dom_1 = require("@cloudscape-design/test-utils-core/dom");
|
|
6
|
+
const loading_bar_1 = require("../loading-bar");
|
|
7
|
+
const styles_selectors_js_1 = require("../../../chat-bubble/styles.selectors.js");
|
|
8
|
+
const styles_selectors_js_2 = require("../../../loading-bar/styles.selectors.js");
|
|
9
|
+
class ChatBubbleWrapper extends dom_1.ComponentWrapper {
|
|
10
|
+
findAvatarSlot() {
|
|
11
|
+
const isAvatarHidden = !!this.find(`.${styles_selectors_js_1.default.avatar}.${styles_selectors_js_1.default.hide}`);
|
|
12
|
+
return isAvatarHidden ? null : this.findByClassName(styles_selectors_js_1.default.avatar);
|
|
13
|
+
}
|
|
14
|
+
findContentSlot() {
|
|
15
|
+
return this.findByClassName(styles_selectors_js_1.default.content);
|
|
16
|
+
}
|
|
17
|
+
findActionsSlot() {
|
|
18
|
+
return this.findByClassName(styles_selectors_js_1.default.actions);
|
|
19
|
+
}
|
|
20
|
+
findLoadingBar() {
|
|
21
|
+
return this.findComponent(`.${styles_selectors_js_1.default["message-area"]} .${styles_selectors_js_2.default.root}`, loading_bar_1.default);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
exports.default = ChatBubbleWrapper;
|
|
25
|
+
ChatBubbleWrapper.rootSelector = styles_selectors_js_1.default.root;
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/chat-bubble/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,gDAA+C;AAE/C,kFAAwE;AACxE,kFAAwE;AAExE,MAAqB,iBAAkB,SAAQ,sBAAgB;IAG7D,cAAc;QACZ,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAgB,CAAC,MAAM,IAAI,6BAAgB,CAAC,IAAI,EAAE,CAAC,CAAC;QAC3F,OAAO,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,6BAAgB,CAAC,MAAM,CAAC,CAAC;IAC/E,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAgB,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAgB,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,cAAc,CAAC,KAAK,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;IACjH,CAAC;;AAlBH,oCAmBC;AAlBQ,8BAAY,GAAW,6BAAgB,CAAC,IAAI,CAAC"}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import { ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
|
|
2
|
+
import '@cloudscape-design/components/test-utils/dom';
|
|
2
3
|
export { ElementWrapper };
|
|
3
4
|
import AvatarWrapper from './avatar/index';
|
|
4
5
|
export { AvatarWrapper };
|
|
6
|
+
import ChatBubbleWrapper from './chat-bubble/index';
|
|
7
|
+
export { ChatBubbleWrapper };
|
|
5
8
|
import LoadingBarWrapper from './loading-bar/index';
|
|
6
9
|
export { LoadingBarWrapper };
|
|
7
10
|
declare module '@cloudscape-design/test-utils-core/dist/dom' {
|
|
8
11
|
interface ElementWrapper {
|
|
9
12
|
findAvatar(selector?: string): AvatarWrapper | null;
|
|
13
|
+
findChatBubble(selector?: string): ChatBubbleWrapper | null;
|
|
10
14
|
findLoadingBar(selector?: string): LoadingBarWrapper | null;
|
|
11
15
|
}
|
|
12
16
|
}
|
package/test-utils/dom/index.js
CHANGED
|
@@ -1,25 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.default = exports.LoadingBarWrapper = exports.AvatarWrapper = exports.ElementWrapper = void 0;
|
|
3
|
+
exports.default = exports.LoadingBarWrapper = exports.ChatBubbleWrapper = exports.AvatarWrapper = exports.ElementWrapper = void 0;
|
|
4
4
|
const dom_1 = require("@cloudscape-design/test-utils-core/dom");
|
|
5
5
|
Object.defineProperty(exports, "ElementWrapper", { enumerable: true, get: function () { return dom_1.ElementWrapper; } });
|
|
6
|
+
require("@cloudscape-design/components/test-utils/dom");
|
|
6
7
|
const utils_1 = require("@cloudscape-design/test-utils-core/utils");
|
|
7
8
|
const index_1 = require("./avatar/index");
|
|
8
9
|
exports.AvatarWrapper = index_1.default;
|
|
9
|
-
const index_2 = require("./
|
|
10
|
-
exports.
|
|
10
|
+
const index_2 = require("./chat-bubble/index");
|
|
11
|
+
exports.ChatBubbleWrapper = index_2.default;
|
|
12
|
+
const index_3 = require("./loading-bar/index");
|
|
13
|
+
exports.LoadingBarWrapper = index_3.default;
|
|
11
14
|
dom_1.ElementWrapper.prototype.findAvatar = function (selector) {
|
|
12
15
|
const rootSelector = `.${index_1.default.rootSelector}`;
|
|
13
16
|
// casting to 'any' is needed to avoid this issue with generics
|
|
14
17
|
// https://github.com/microsoft/TypeScript/issues/29132
|
|
15
18
|
return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_1.default);
|
|
16
19
|
};
|
|
17
|
-
dom_1.ElementWrapper.prototype.
|
|
20
|
+
dom_1.ElementWrapper.prototype.findChatBubble = function (selector) {
|
|
18
21
|
const rootSelector = `.${index_2.default.rootSelector}`;
|
|
19
22
|
// casting to 'any' is needed to avoid this issue with generics
|
|
20
23
|
// https://github.com/microsoft/TypeScript/issues/29132
|
|
21
24
|
return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_2.default);
|
|
22
25
|
};
|
|
26
|
+
dom_1.ElementWrapper.prototype.findLoadingBar = function (selector) {
|
|
27
|
+
const rootSelector = `.${index_3.default.rootSelector}`;
|
|
28
|
+
// casting to 'any' is needed to avoid this issue with generics
|
|
29
|
+
// https://github.com/microsoft/TypeScript/issues/29132
|
|
30
|
+
return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_3.default);
|
|
31
|
+
};
|
|
23
32
|
var dom_2 = require("@cloudscape-design/test-utils-core/dom");
|
|
24
33
|
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return dom_2.createWrapper; } });
|
|
25
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/test-utils/dom/index.ts"],"names":[],"mappings":";;;AAAA,gEAAwE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/test-utils/dom/index.ts"],"names":[],"mappings":";;;AAAA,gEAAwE;AAG/D,+FAHA,oBAAc,OAGA;AAFvB,wDAAsD;AACtD,oEAA0E;AAGlE,0CAA2C;AAClC,wBADF,eAAa,CACE;AAGtB,+CAAoD;AAC3C,4BADF,eAAiB,CACE;AAG1B,+CAAoD;AAC3C,4BADF,eAAiB,CACE;AASlC,oBAAc,CAAC,SAAS,CAAC,UAAU,GAAG,UAAS,QAAQ;IAC7C,MAAM,YAAY,GAAG,IAAI,eAAa,CAAC,YAAY,EAAE,CAAC;IACtD,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAa,CAAC,CAAC;AACxH,CAAC,CAAC;AACR,oBAAc,CAAC,SAAS,CAAC,cAAc,GAAG,UAAS,QAAQ;IACjD,MAAM,YAAY,GAAG,IAAI,eAAiB,CAAC,YAAY,EAAE,CAAC;IAC1D,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAiB,CAAC,CAAC;AAC5H,CAAC,CAAC;AACR,oBAAc,CAAC,SAAS,CAAC,cAAc,GAAG,UAAS,QAAQ;IACjD,MAAM,YAAY,GAAG,IAAI,eAAiB,CAAC,YAAY,EAAE,CAAC;IAC1D,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAiB,CAAC,CAAC;AAC5H,CAAC,CAAC;AACR,8DAAkF;AAAzE,8FAAA,aAAa,OAAW"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
|
|
2
|
+
import LoadingBarWrapper from "../loading-bar";
|
|
3
|
+
export default class ChatBubbleWrapper extends ComponentWrapper {
|
|
4
|
+
static rootSelector: string;
|
|
5
|
+
findAvatarSlot(): ElementWrapper | null;
|
|
6
|
+
findContentSlot(): ElementWrapper;
|
|
7
|
+
findActionsSlot(): ElementWrapper;
|
|
8
|
+
findLoadingBar(): LoadingBarWrapper;
|
|
9
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
4
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
|
|
6
|
+
const loading_bar_1 = require("../loading-bar");
|
|
7
|
+
const styles_selectors_js_1 = require("../../../chat-bubble/styles.selectors.js");
|
|
8
|
+
const styles_selectors_js_2 = require("../../../loading-bar/styles.selectors.js");
|
|
9
|
+
class ChatBubbleWrapper extends selectors_1.ComponentWrapper {
|
|
10
|
+
findAvatarSlot() {
|
|
11
|
+
const isAvatarHidden = !!this.find(`.${styles_selectors_js_1.default.avatar}.${styles_selectors_js_1.default.hide}`);
|
|
12
|
+
return isAvatarHidden ? null : this.findByClassName(styles_selectors_js_1.default.avatar);
|
|
13
|
+
}
|
|
14
|
+
findContentSlot() {
|
|
15
|
+
return this.findByClassName(styles_selectors_js_1.default.content);
|
|
16
|
+
}
|
|
17
|
+
findActionsSlot() {
|
|
18
|
+
return this.findByClassName(styles_selectors_js_1.default.actions);
|
|
19
|
+
}
|
|
20
|
+
findLoadingBar() {
|
|
21
|
+
return this.findComponent(`.${styles_selectors_js_1.default["message-area"]} .${styles_selectors_js_2.default.root}`, loading_bar_1.default);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
exports.default = ChatBubbleWrapper;
|
|
25
|
+
ChatBubbleWrapper.rootSelector = styles_selectors_js_1.default.root;
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/chat-bubble/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,gDAA+C;AAC/C,kFAAwE;AACxE,kFAAwE;AACxE,MAAqB,iBAAkB,SAAQ,4BAAgB;IAE7D,cAAc;QACZ,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAgB,CAAC,MAAM,IAAI,6BAAgB,CAAC,IAAI,EAAE,CAAC,CAAC;QAC3F,OAAO,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,6BAAgB,CAAC,MAAM,CAAC,CAAC;IAC/E,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAgB,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAgB,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,cAAc,CAAC,KAAK,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;IACjH,CAAC;;AAdH,oCAeC;AAdQ,8BAAY,GAAW,6BAAgB,CAAC,IAAI,CAAC"}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import { ElementWrapper } from '@cloudscape-design/test-utils-core/selectors';
|
|
2
|
+
import '@cloudscape-design/components/test-utils/selectors';
|
|
2
3
|
export { ElementWrapper };
|
|
3
4
|
import AvatarWrapper from './avatar/index';
|
|
4
5
|
export { AvatarWrapper };
|
|
6
|
+
import ChatBubbleWrapper from './chat-bubble/index';
|
|
7
|
+
export { ChatBubbleWrapper };
|
|
5
8
|
import LoadingBarWrapper from './loading-bar/index';
|
|
6
9
|
export { LoadingBarWrapper };
|
|
7
10
|
declare module '@cloudscape-design/test-utils-core/dist/selectors' {
|
|
8
11
|
interface ElementWrapper {
|
|
9
12
|
findAvatar(selector?: string): AvatarWrapper;
|
|
13
|
+
findChatBubble(selector?: string): ChatBubbleWrapper;
|
|
10
14
|
findLoadingBar(selector?: string): LoadingBarWrapper;
|
|
11
15
|
}
|
|
12
16
|
}
|
|
@@ -1,25 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.default = exports.LoadingBarWrapper = exports.AvatarWrapper = exports.ElementWrapper = void 0;
|
|
3
|
+
exports.default = exports.LoadingBarWrapper = exports.ChatBubbleWrapper = exports.AvatarWrapper = exports.ElementWrapper = void 0;
|
|
4
4
|
const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
|
|
5
5
|
Object.defineProperty(exports, "ElementWrapper", { enumerable: true, get: function () { return selectors_1.ElementWrapper; } });
|
|
6
|
+
require("@cloudscape-design/components/test-utils/selectors");
|
|
6
7
|
const utils_1 = require("@cloudscape-design/test-utils-core/utils");
|
|
7
8
|
const index_1 = require("./avatar/index");
|
|
8
9
|
exports.AvatarWrapper = index_1.default;
|
|
9
|
-
const index_2 = require("./
|
|
10
|
-
exports.
|
|
10
|
+
const index_2 = require("./chat-bubble/index");
|
|
11
|
+
exports.ChatBubbleWrapper = index_2.default;
|
|
12
|
+
const index_3 = require("./loading-bar/index");
|
|
13
|
+
exports.LoadingBarWrapper = index_3.default;
|
|
11
14
|
selectors_1.ElementWrapper.prototype.findAvatar = function (selector) {
|
|
12
15
|
const rootSelector = `.${index_1.default.rootSelector}`;
|
|
13
16
|
// casting to 'any' is needed to avoid this issue with generics
|
|
14
17
|
// https://github.com/microsoft/TypeScript/issues/29132
|
|
15
18
|
return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_1.default);
|
|
16
19
|
};
|
|
17
|
-
selectors_1.ElementWrapper.prototype.
|
|
20
|
+
selectors_1.ElementWrapper.prototype.findChatBubble = function (selector) {
|
|
18
21
|
const rootSelector = `.${index_2.default.rootSelector}`;
|
|
19
22
|
// casting to 'any' is needed to avoid this issue with generics
|
|
20
23
|
// https://github.com/microsoft/TypeScript/issues/29132
|
|
21
24
|
return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_2.default);
|
|
22
25
|
};
|
|
26
|
+
selectors_1.ElementWrapper.prototype.findLoadingBar = function (selector) {
|
|
27
|
+
const rootSelector = `.${index_3.default.rootSelector}`;
|
|
28
|
+
// casting to 'any' is needed to avoid this issue with generics
|
|
29
|
+
// https://github.com/microsoft/TypeScript/issues/29132
|
|
30
|
+
return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_3.default);
|
|
31
|
+
};
|
|
23
32
|
var selectors_2 = require("@cloudscape-design/test-utils-core/selectors");
|
|
24
33
|
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return selectors_2.createWrapper; } });
|
|
25
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/test-utils/selectors/index.ts"],"names":[],"mappings":";;;AAAA,4EAA8E;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/test-utils/selectors/index.ts"],"names":[],"mappings":";;;AAAA,4EAA8E;AAGrE,+FAHA,0BAAc,OAGA;AAFvB,8DAA4D;AAC5D,oEAA0E;AAGlE,0CAA2C;AAClC,wBADF,eAAa,CACE;AAGtB,+CAAoD;AAC3C,4BADF,eAAiB,CACE;AAG1B,+CAAoD;AAC3C,4BADF,eAAiB,CACE;AASlC,0BAAc,CAAC,SAAS,CAAC,UAAU,GAAG,UAAS,QAAQ;IAC7C,MAAM,YAAY,GAAG,IAAI,eAAa,CAAC,YAAY,EAAE,CAAC;IACtD,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAa,CAAC,CAAC;AACxH,CAAC,CAAC;AACR,0BAAc,CAAC,SAAS,CAAC,cAAc,GAAG,UAAS,QAAQ;IACjD,MAAM,YAAY,GAAG,IAAI,eAAiB,CAAC,YAAY,EAAE,CAAC;IAC1D,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAiB,CAAC,CAAC;AAC5H,CAAC,CAAC;AACR,0BAAc,CAAC,SAAS,CAAC,cAAc,GAAG,UAAS,QAAQ;IACjD,MAAM,YAAY,GAAG,IAAI,eAAiB,CAAC,YAAY,EAAE,CAAC;IAC1D,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAiB,CAAC,CAAC;AAC5H,CAAC,CAAC;AACR,0EAAwF;AAA/E,oGAAA,aAAa,OAAW"}
|