@cloudscape-design/chat-components 1.0.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.
Files changed (88) hide show
  1. package/LICENSE +201 -0
  2. package/NOTICE +2 -0
  3. package/README.md +20 -0
  4. package/avatar/index.d.ts +3 -0
  5. package/avatar/index.js +12 -0
  6. package/avatar/index.js.map +1 -0
  7. package/avatar/interfaces.d.ts +62 -0
  8. package/avatar/interfaces.js +4 -0
  9. package/avatar/interfaces.js.map +1 -0
  10. package/avatar/internal.d.ts +5 -0
  11. package/avatar/internal.js +56 -0
  12. package/avatar/internal.js.map +1 -0
  13. package/avatar/loading-dots/index.d.ts +5 -0
  14. package/avatar/loading-dots/index.js +11 -0
  15. package/avatar/loading-dots/index.js.map +1 -0
  16. package/avatar/loading-dots/styles.css.js +12 -0
  17. package/avatar/loading-dots/styles.scoped.css +187 -0
  18. package/avatar/loading-dots/styles.selectors.js +13 -0
  19. package/avatar/styles.css.js +10 -0
  20. package/avatar/styles.scoped.css +88 -0
  21. package/avatar/styles.selectors.js +11 -0
  22. package/index.d.ts +4 -0
  23. package/index.js +5 -0
  24. package/index.js.map +1 -0
  25. package/internal/api-docs/components/avatar.js +172 -0
  26. package/internal/api-docs/components/index.js +4 -0
  27. package/internal/api-docs/components/loading-bar.js +23 -0
  28. package/internal/api-docs/test-utils-doc/dom.js +4 -0
  29. package/internal/api-docs/test-utils-doc/selectors.js +4 -0
  30. package/internal/base-component/get-data-attributes.d.ts +1 -0
  31. package/internal/base-component/get-data-attributes.js +12 -0
  32. package/internal/base-component/get-data-attributes.js.map +1 -0
  33. package/internal/base-component/use-base-component.d.ts +13 -0
  34. package/internal/base-component/use-base-component.js +19 -0
  35. package/internal/base-component/use-base-component.js.map +1 -0
  36. package/internal/base-component/use-telemetry.d.ts +2 -0
  37. package/internal/base-component/use-telemetry.js +10 -0
  38. package/internal/base-component/use-telemetry.js.map +1 -0
  39. package/internal/base-component/use-visual-refresh.d.ts +1 -0
  40. package/internal/base-component/use-visual-refresh.js +6 -0
  41. package/internal/base-component/use-visual-refresh.js.map +1 -0
  42. package/internal/environment.d.ts +4 -0
  43. package/internal/environment.js +4 -0
  44. package/internal/environment.json +6 -0
  45. package/internal/keycode.d.ts +19 -0
  46. package/internal/keycode.js +26 -0
  47. package/internal/keycode.js.map +1 -0
  48. package/internal/manifest.json +3 -0
  49. package/internal/utils/apply-display-name.d.ts +1 -0
  50. package/internal/utils/apply-display-name.js +6 -0
  51. package/internal/utils/apply-display-name.js.map +1 -0
  52. package/internal/utils/focus-visible.d.ts +2 -0
  53. package/internal/utils/focus-visible.js +49 -0
  54. package/internal/utils/focus-visible.js.map +1 -0
  55. package/internal/utils/use-merge-refs.d.ts +9 -0
  56. package/internal/utils/use-merge-refs.js +30 -0
  57. package/internal/utils/use-merge-refs.js.map +1 -0
  58. package/loading-bar/index.d.ts +3 -0
  59. package/loading-bar/index.js +12 -0
  60. package/loading-bar/index.js.map +1 -0
  61. package/loading-bar/interfaces.d.ts +11 -0
  62. package/loading-bar/interfaces.js +4 -0
  63. package/loading-bar/interfaces.js.map +1 -0
  64. package/loading-bar/internal.d.ts +3 -0
  65. package/loading-bar/internal.js +10 -0
  66. package/loading-bar/internal.js.map +1 -0
  67. package/loading-bar/styles.css.js +10 -0
  68. package/loading-bar/styles.scoped.css +87 -0
  69. package/loading-bar/styles.selectors.js +11 -0
  70. package/package.json +30 -0
  71. package/test-utils/dom/avatar/index.d.ts +6 -0
  72. package/test-utils/dom/avatar/index.js +16 -0
  73. package/test-utils/dom/avatar/index.js.map +1 -0
  74. package/test-utils/dom/index.d.ts +13 -0
  75. package/test-utils/dom/index.js +25 -0
  76. package/test-utils/dom/index.js.map +1 -0
  77. package/test-utils/dom/loading-bar/index.d.ts +4 -0
  78. package/test-utils/dom/loading-bar/index.js +11 -0
  79. package/test-utils/dom/loading-bar/index.js.map +1 -0
  80. package/test-utils/selectors/avatar/index.d.ts +6 -0
  81. package/test-utils/selectors/avatar/index.js +16 -0
  82. package/test-utils/selectors/avatar/index.js.map +1 -0
  83. package/test-utils/selectors/index.d.ts +13 -0
  84. package/test-utils/selectors/index.js +25 -0
  85. package/test-utils/selectors/index.js.map +1 -0
  86. package/test-utils/selectors/loading-bar/index.d.ts +4 -0
  87. package/test-utils/selectors/loading-bar/index.js +11 -0
  88. package/test-utils/selectors/loading-bar/index.js.map +1 -0
@@ -0,0 +1,9 @@
1
+ import { MutableRefObject, RefCallback } from "react";
2
+ /**
3
+ * useMergeRefs merges multiple refs into a single ref callback.
4
+ *
5
+ * For example:
6
+ * const mergedRef = useMergeRefs(ref1, ref2, ref3)
7
+ * <div ref={refs}>...</div>
8
+ */
9
+ export declare function useMergeRefs(...refs: Array<RefCallback<any> | MutableRefObject<any> | null | undefined>): ((value: any) => void) | null;
@@ -0,0 +1,30 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import { useMemo } from "react";
4
+ /**
5
+ * useMergeRefs merges multiple refs into a single ref callback.
6
+ *
7
+ * For example:
8
+ * const mergedRef = useMergeRefs(ref1, ref2, ref3)
9
+ * <div ref={refs}>...</div>
10
+ */
11
+ export function useMergeRefs(...refs) {
12
+ return useMemo(() => {
13
+ if (refs.every((ref) => ref === null || ref === undefined)) {
14
+ return null;
15
+ }
16
+ return (value) => {
17
+ refs.forEach((ref) => {
18
+ if (typeof ref === "function") {
19
+ ref(value);
20
+ }
21
+ else if (ref !== null && ref !== undefined) {
22
+ ref.current = value;
23
+ }
24
+ });
25
+ };
26
+ // ESLint expects an array literal which we can not provide here
27
+ // eslint-disable-next-line react-hooks/exhaustive-deps
28
+ }, refs);
29
+ }
30
+ //# sourceMappingURL=use-merge-refs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-merge-refs.js","sourceRoot":"","sources":["../../../../src/internal/utils/use-merge-refs.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAiC,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/D;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,GAAG,IAAwE;IACtG,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,CAAC,EAAE;YAC1D,OAAO,IAAI,CAAC;SACb;QACD,OAAO,CAAC,KAAU,EAAE,EAAE;YACpB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBACnB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;oBAC7B,GAAG,CAAC,KAAK,CAAC,CAAC;iBACZ;qBAAM,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE;oBAC3C,GAA6B,CAAC,OAAO,GAAG,KAAK,CAAC;iBAChD;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QACF,gEAAgE;QAChE,uDAAuD;IACzD,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { MutableRefObject, RefCallback, useMemo } from \"react\";\n\n/**\n * useMergeRefs merges multiple refs into a single ref callback.\n *\n * For example:\n * const mergedRef = useMergeRefs(ref1, ref2, ref3)\n * <div ref={refs}>...</div>\n */\nexport function useMergeRefs(...refs: Array<RefCallback<any> | MutableRefObject<any> | null | undefined>) {\n return useMemo(() => {\n if (refs.every((ref) => ref === null || ref === undefined)) {\n return null;\n }\n return (value: any) => {\n refs.forEach((ref) => {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref !== null && ref !== undefined) {\n (ref as MutableRefObject<any>).current = value;\n }\n });\n };\n // ESLint expects an array literal which we can not provide here\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, refs);\n}\n"]}
@@ -0,0 +1,3 @@
1
+ import type { LoadingBarProps } from "./interfaces";
2
+ export type { LoadingBarProps };
3
+ export default function LoadingBar(props: LoadingBarProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,12 @@
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 { InternalLoadingBar } from "./internal";
7
+ export default function LoadingBar(props) {
8
+ const baseComponentProps = useBaseComponent("LoadingBar", { props: { variant: props.variant } });
9
+ return _jsx(InternalLoadingBar, { ...props, ...baseComponentProps });
10
+ }
11
+ applyDisplayName(LoadingBar, "LoadingBar");
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/loading-bar/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,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAIhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACjG,OAAO,KAAC,kBAAkB,OAAK,KAAK,KAAM,kBAAkB,GAAI,CAAC;AACnE,CAAC;AAED,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 type { LoadingBarProps } from \"./interfaces\";\nimport { InternalLoadingBar } from \"./internal\";\n\nexport type { LoadingBarProps };\n\nexport default function LoadingBar(props: LoadingBarProps) {\n const baseComponentProps = useBaseComponent(\"LoadingBar\", { props: { variant: props.variant } });\n return <InternalLoadingBar {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(LoadingBar, \"LoadingBar\");\n"]}
@@ -0,0 +1,11 @@
1
+ export interface LoadingBarProps {
2
+ /**
3
+ * Specifies the variant of the loading bar. Use `gen-ai` to indicate an ongoing generative AI process.
4
+ * Use `gen-ai-masked` for generative AI processes where the bar is displayed at the edge of an element
5
+ * with rounded corners.
6
+ */
7
+ variant: LoadingBarProps.Variant;
8
+ }
9
+ export declare namespace LoadingBarProps {
10
+ type Variant = "gen-ai" | "gen-ai-masked";
11
+ }
@@ -0,0 +1,4 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ export {};
4
+ //# sourceMappingURL=interfaces.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/loading-bar/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 LoadingBarProps {\n /**\n * Specifies the variant of the loading bar. Use `gen-ai` to indicate an ongoing generative AI process.\n * Use `gen-ai-masked` for generative AI processes where the bar is displayed at the edge of an element\n * with rounded corners.\n */\n variant: LoadingBarProps.Variant;\n}\n\nexport namespace LoadingBarProps {\n export type Variant = \"gen-ai\" | \"gen-ai-masked\";\n}\n"]}
@@ -0,0 +1,3 @@
1
+ import { InternalBaseComponentProps } from "../internal/base-component/use-base-component";
2
+ import { LoadingBarProps } from "./interfaces";
3
+ export declare function InternalLoadingBar({ variant, __internalRootRef, ...rest }: LoadingBarProps & InternalBaseComponentProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
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 clsx from "clsx";
5
+ import { getDataAttributes } from "../internal/base-component/get-data-attributes";
6
+ import styles from "./styles.css.js";
7
+ export function InternalLoadingBar({ variant, __internalRootRef, ...rest }) {
8
+ return (_jsx("div", { ref: __internalRootRef, ...getDataAttributes(rest), className: clsx([styles.root, styles[`variant-${variant}`]]) }));
9
+ }
10
+ //# sourceMappingURL=internal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/loading-bar/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AAInF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,kBAAkB,CAAC,EACjC,OAAO,EACP,iBAAiB,EACjB,GAAG,IAAI,EACsC;IAC7C,OAAO,CACL,cACE,GAAG,EAAE,iBAAiB,KAClB,iBAAiB,CAAC,IAAI,CAAC,EAC3B,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,CAAC,CAAC,GAC5D,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from \"clsx\";\nimport { getDataAttributes } from \"../internal/base-component/get-data-attributes\";\nimport { InternalBaseComponentProps } from \"../internal/base-component/use-base-component\";\n\nimport { LoadingBarProps } from \"./interfaces\";\nimport styles from \"./styles.css.js\";\n\nexport function InternalLoadingBar({\n variant,\n __internalRootRef,\n ...rest\n}: LoadingBarProps & InternalBaseComponentProps) {\n return (\n <div\n ref={__internalRootRef}\n {...getDataAttributes(rest)}\n className={clsx([styles.root, styles[`variant-${variant}`]])}\n />\n );\n}\n"]}
@@ -0,0 +1,10 @@
1
+
2
+ import './styles.scoped.css';
3
+ export default {
4
+ "root": "awsui_root_pac4k_1gr9z_3",
5
+ "variant-gen-ai": "awsui_variant-gen-ai_pac4k_1gr9z_47",
6
+ "variant-gen-ai-masked": "awsui_variant-gen-ai-masked_pac4k_1gr9z_48",
7
+ "searchbar": "awsui_searchbar_pac4k_1gr9z_1",
8
+ "searchbar-rtl": "awsui_searchbar-rtl_pac4k_1gr9z_1"
9
+ };
10
+
@@ -0,0 +1,87 @@
1
+ /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
2
+ /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
3
+ .awsui_root_pac4k_1gr9z_3:not(#\9) {
4
+ border-collapse: separate;
5
+ border-spacing: 0;
6
+ box-sizing: border-box;
7
+ caption-side: top;
8
+ cursor: auto;
9
+ direction: inherit;
10
+ empty-cells: show;
11
+ font-family: serif;
12
+ font-size: medium;
13
+ font-style: normal;
14
+ font-variant: normal;
15
+ font-weight: 400;
16
+ font-stretch: normal;
17
+ line-height: normal;
18
+ -webkit-hyphens: none;
19
+ hyphens: none;
20
+ letter-spacing: normal;
21
+ list-style: disc outside none;
22
+ tab-size: 8;
23
+ text-align: start;
24
+ text-indent: 0;
25
+ text-shadow: none;
26
+ text-transform: none;
27
+ visibility: visible;
28
+ white-space: normal;
29
+ word-spacing: normal;
30
+ }
31
+
32
+ @keyframes awsui_searchbar_pac4k_1gr9z_1 {
33
+ 0% {
34
+ background-position: 0 0;
35
+ }
36
+ 100% {
37
+ background-position: -200% 0;
38
+ }
39
+ }
40
+ @keyframes awsui_searchbar-rtl_pac4k_1gr9z_1 {
41
+ 0% {
42
+ background-position: -200% 0;
43
+ }
44
+ 100% {
45
+ background-position: 0 0;
46
+ }
47
+ }
48
+ .awsui_variant-gen-ai_pac4k_1gr9z_47:not(#\9),
49
+ .awsui_variant-gen-ai-masked_pac4k_1gr9z_48:not(#\9) {
50
+ height: 2px;
51
+ background: var(--color-background-loading-bar-gen-ai-7qfi9s, linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%));
52
+ background-size: 200% 100%;
53
+ background-position: 0 100%;
54
+ animation: awsui_searchbar_pac4k_1gr9z_1 3s cubic-bezier(0, 0.08, 1, 0.82) infinite forwards, var(--motion-keyframes-fade-in-gpabjb, awsui-fade-in-35003c) var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-expressive-jz8pes, cubic-bezier(0.84, 0, 0.16, 1));
55
+ }
56
+ @media (prefers-reduced-motion: reduce) {
57
+ .awsui_variant-gen-ai_pac4k_1gr9z_47:not(#\9),
58
+ .awsui_variant-gen-ai-masked_pac4k_1gr9z_48:not(#\9) {
59
+ animation: none;
60
+ transition: none;
61
+ }
62
+ }
63
+ .awsui-motion-disabled .awsui_variant-gen-ai_pac4k_1gr9z_47:not(#\9), .awsui-mode-entering .awsui_variant-gen-ai_pac4k_1gr9z_47:not(#\9), .awsui-motion-disabled .awsui_variant-gen-ai-masked_pac4k_1gr9z_48:not(#\9), .awsui-mode-entering .awsui_variant-gen-ai-masked_pac4k_1gr9z_48:not(#\9) {
64
+ animation: none;
65
+ transition: none;
66
+ }
67
+ .awsui_variant-gen-ai_pac4k_1gr9z_47:not(#\9):dir(rtl),
68
+ .awsui_variant-gen-ai-masked_pac4k_1gr9z_48:not(#\9):dir(rtl) {
69
+ background-position: -100% 100%;
70
+ animation: awsui_searchbar-rtl_pac4k_1gr9z_1 3s cubic-bezier(0, 0.08, 1, 0.82) infinite forwards, var(--motion-keyframes-fade-in-gpabjb, awsui-fade-in-35003c) var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-expressive-jz8pes, cubic-bezier(0.84, 0, 0.16, 1));
71
+ }
72
+ @media (prefers-reduced-motion: reduce) {
73
+ .awsui_variant-gen-ai_pac4k_1gr9z_47:not(#\9):dir(rtl),
74
+ .awsui_variant-gen-ai-masked_pac4k_1gr9z_48:not(#\9):dir(rtl) {
75
+ animation: none;
76
+ transition: none;
77
+ }
78
+ }
79
+ .awsui-motion-disabled .awsui_variant-gen-ai_pac4k_1gr9z_47:not(#\9):dir(rtl), .awsui-mode-entering .awsui_variant-gen-ai_pac4k_1gr9z_47:not(#\9):dir(rtl), .awsui-motion-disabled .awsui_variant-gen-ai-masked_pac4k_1gr9z_48:not(#\9):dir(rtl), .awsui-mode-entering .awsui_variant-gen-ai-masked_pac4k_1gr9z_48:not(#\9):dir(rtl) {
80
+ animation: none;
81
+ transition: none;
82
+ }
83
+
84
+ .awsui_variant-gen-ai-masked_pac4k_1gr9z_48:not(#\9) {
85
+ -webkit-mask-image: linear-gradient(to right, transparent 0%, transparent 3%, black 30%, black 70%, transparent 97%, transparent 100%);
86
+ mask-image: linear-gradient(to right, transparent 0%, transparent 3%, black 30%, black 70%, transparent 97%, transparent 100%);
87
+ }
@@ -0,0 +1,11 @@
1
+
2
+ // es-module interop with Babel and Typescript
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ module.exports.default = {
5
+ "root": "awsui_root_pac4k_1gr9z_3",
6
+ "variant-gen-ai": "awsui_variant-gen-ai_pac4k_1gr9z_47",
7
+ "variant-gen-ai-masked": "awsui_variant-gen-ai-masked_pac4k_1gr9z_48",
8
+ "searchbar": "awsui_searchbar_pac4k_1gr9z_1",
9
+ "searchbar-rtl": "awsui_searchbar-rtl_pac4k_1gr9z_1"
10
+ };
11
+
package/package.json ADDED
@@ -0,0 +1,30 @@
1
+ {
2
+ "name": "@cloudscape-design/chat-components",
3
+ "version": "1.0.0",
4
+ "repository": {
5
+ "type": "git",
6
+ "url": "https://github.com/cloudscape-design/chat-components.git"
7
+ },
8
+ "homepage": "https://cloudscape.design",
9
+ "exports": {
10
+ ".": "./index.js",
11
+ "./avatar": "./avatar/index.js",
12
+ "./loading-bar": "./loading-bar/index.js",
13
+ "./test-utils/dom": "./test-utils/dom/index.js",
14
+ "./test-utils/selectors": "./test-utils/selectors/index.js",
15
+ "./internal/api-docs/*.js": "./internal/api-docs/*.js"
16
+ },
17
+ "dependencies": {
18
+ "@cloudscape-design/component-toolkit": "^1.0.0-beta",
19
+ "@cloudscape-design/test-utils-core": "^1.0.0",
20
+ "clsx": "^1.2.1"
21
+ },
22
+ "peerDependencies": {
23
+ "@cloudscape-design/components": "^3",
24
+ "@cloudscape-design/design-tokens": "^3",
25
+ "react": "^18.2.0",
26
+ "react-dom": "^18.2.0"
27
+ },
28
+ "license": "Apache-2.0",
29
+ "scripts": {}
30
+ }
@@ -0,0 +1,6 @@
1
+ import TooltipWrapper from "@cloudscape-design/components/test-utils/dom/internal/tooltip";
2
+ import { ComponentWrapper } from "@cloudscape-design/test-utils-core/dom";
3
+ export default class AvatarWrapper extends ComponentWrapper {
4
+ static rootSelector: string;
5
+ findTooltip(): TooltipWrapper | null;
6
+ }
@@ -0,0 +1,16 @@
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 tooltip_1 = require("@cloudscape-design/components/test-utils/dom/internal/tooltip");
6
+ const dom_1 = require("@cloudscape-design/test-utils-core/dom");
7
+ const __1 = require("..");
8
+ const styles_selectors_js_1 = require("../../../avatar/styles.selectors.js");
9
+ class AvatarWrapper extends dom_1.ComponentWrapper {
10
+ findTooltip() {
11
+ return (0, __1.default)().findComponent(`.${tooltip_1.default.rootSelector}`, tooltip_1.default);
12
+ }
13
+ }
14
+ exports.default = AvatarWrapper;
15
+ AvatarWrapper.rootSelector = styles_selectors_js_1.default.root;
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/avatar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,2FAA2F;AAC3F,gEAA0E;AAC1E,0BAA+B;AAC/B,6EAA+D;AAE/D,MAAqB,aAAc,SAAQ,sBAAgB;IAGzD,WAAW;QACT,OAAO,IAAA,WAAa,GAAE,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC1F,CAAC;;AALH,gCAMC;AALQ,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
2
+ export { ElementWrapper };
3
+ import AvatarWrapper from './avatar/index';
4
+ export { AvatarWrapper };
5
+ import LoadingBarWrapper from './loading-bar/index';
6
+ export { LoadingBarWrapper };
7
+ declare module '@cloudscape-design/test-utils-core/dist/dom' {
8
+ interface ElementWrapper {
9
+ findAvatar(selector?: string): AvatarWrapper | null;
10
+ findLoadingBar(selector?: string): LoadingBarWrapper | null;
11
+ }
12
+ }
13
+ export { createWrapper as default } from '@cloudscape-design/test-utils-core/dom';
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = exports.LoadingBarWrapper = exports.AvatarWrapper = exports.ElementWrapper = void 0;
4
+ const dom_1 = require("@cloudscape-design/test-utils-core/dom");
5
+ Object.defineProperty(exports, "ElementWrapper", { enumerable: true, get: function () { return dom_1.ElementWrapper; } });
6
+ const utils_1 = require("@cloudscape-design/test-utils-core/utils");
7
+ const index_1 = require("./avatar/index");
8
+ exports.AvatarWrapper = index_1.default;
9
+ const index_2 = require("./loading-bar/index");
10
+ exports.LoadingBarWrapper = index_2.default;
11
+ dom_1.ElementWrapper.prototype.findAvatar = function (selector) {
12
+ const rootSelector = `.${index_1.default.rootSelector}`;
13
+ // casting to 'any' is needed to avoid this issue with generics
14
+ // https://github.com/microsoft/TypeScript/issues/29132
15
+ return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_1.default);
16
+ };
17
+ dom_1.ElementWrapper.prototype.findLoadingBar = function (selector) {
18
+ const rootSelector = `.${index_2.default.rootSelector}`;
19
+ // casting to 'any' is needed to avoid this issue with generics
20
+ // https://github.com/microsoft/TypeScript/issues/29132
21
+ return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_2.default);
22
+ };
23
+ var dom_2 = require("@cloudscape-design/test-utils-core/dom");
24
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return dom_2.createWrapper; } });
25
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/test-utils/dom/index.ts"],"names":[],"mappings":";;;AAAA,gEAAwE;AAE/D,+FAFA,oBAAc,OAEA;AADvB,oEAA0E;AAGlE,0CAA2C;AAClC,wBADF,eAAa,CACE;AAGtB,+CAAoD;AAC3C,4BADF,eAAiB,CACE;AAQlC,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,8DAAkF;AAAzE,8FAAA,aAAa,OAAW"}
@@ -0,0 +1,4 @@
1
+ import { ComponentWrapper } from "@cloudscape-design/test-utils-core/dom";
2
+ export default class LoadingBarWrapper extends ComponentWrapper {
3
+ static rootSelector: string;
4
+ }
@@ -0,0 +1,11 @@
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 styles_selectors_js_1 = require("../../../loading-bar/styles.selectors.js");
7
+ class LoadingBarWrapper extends dom_1.ComponentWrapper {
8
+ }
9
+ exports.default = LoadingBarWrapper;
10
+ LoadingBarWrapper.rootSelector = styles_selectors_js_1.default.root;
11
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/loading-bar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0E;AAC1E,kFAAwE;AAExE,MAAqB,iBAAkB,SAAQ,sBAAgB;;AAA/D,oCAEC;AADQ,8BAAY,GAAW,6BAAgB,CAAC,IAAI,CAAC"}
@@ -0,0 +1,6 @@
1
+ import TooltipWrapper from "@cloudscape-design/components/test-utils/selectors/internal/tooltip";
2
+ import { ComponentWrapper } from "@cloudscape-design/test-utils-core/selectors";
3
+ export default class AvatarWrapper extends ComponentWrapper {
4
+ static rootSelector: string;
5
+ findTooltip(): TooltipWrapper;
6
+ }
@@ -0,0 +1,16 @@
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 tooltip_1 = require("@cloudscape-design/components/test-utils/selectors/internal/tooltip");
6
+ const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
7
+ const __1 = require("..");
8
+ const styles_selectors_js_1 = require("../../../avatar/styles.selectors.js");
9
+ class AvatarWrapper extends selectors_1.ComponentWrapper {
10
+ findTooltip() {
11
+ return (0, __1.default)().findComponent(`.${tooltip_1.default.rootSelector}`, tooltip_1.default);
12
+ }
13
+ }
14
+ exports.default = AvatarWrapper;
15
+ AvatarWrapper.rootSelector = styles_selectors_js_1.default.root;
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/avatar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,iGAAiG;AACjG,4EAAgF;AAChF,0BAA+B;AAC/B,6EAA+D;AAC/D,MAAqB,aAAc,SAAQ,4BAAgB;IAEzD,WAAW;QACT,OAAO,IAAA,WAAa,GAAE,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC1F,CAAC;;AAJH,gCAKC;AAJQ,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { ElementWrapper } from '@cloudscape-design/test-utils-core/selectors';
2
+ export { ElementWrapper };
3
+ import AvatarWrapper from './avatar/index';
4
+ export { AvatarWrapper };
5
+ import LoadingBarWrapper from './loading-bar/index';
6
+ export { LoadingBarWrapper };
7
+ declare module '@cloudscape-design/test-utils-core/dist/selectors' {
8
+ interface ElementWrapper {
9
+ findAvatar(selector?: string): AvatarWrapper;
10
+ findLoadingBar(selector?: string): LoadingBarWrapper;
11
+ }
12
+ }
13
+ export { createWrapper as default } from '@cloudscape-design/test-utils-core/selectors';
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = exports.LoadingBarWrapper = exports.AvatarWrapper = exports.ElementWrapper = void 0;
4
+ const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
5
+ Object.defineProperty(exports, "ElementWrapper", { enumerable: true, get: function () { return selectors_1.ElementWrapper; } });
6
+ const utils_1 = require("@cloudscape-design/test-utils-core/utils");
7
+ const index_1 = require("./avatar/index");
8
+ exports.AvatarWrapper = index_1.default;
9
+ const index_2 = require("./loading-bar/index");
10
+ exports.LoadingBarWrapper = index_2.default;
11
+ selectors_1.ElementWrapper.prototype.findAvatar = function (selector) {
12
+ const rootSelector = `.${index_1.default.rootSelector}`;
13
+ // casting to 'any' is needed to avoid this issue with generics
14
+ // https://github.com/microsoft/TypeScript/issues/29132
15
+ return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_1.default);
16
+ };
17
+ selectors_1.ElementWrapper.prototype.findLoadingBar = function (selector) {
18
+ const rootSelector = `.${index_2.default.rootSelector}`;
19
+ // casting to 'any' is needed to avoid this issue with generics
20
+ // https://github.com/microsoft/TypeScript/issues/29132
21
+ return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_2.default);
22
+ };
23
+ var selectors_2 = require("@cloudscape-design/test-utils-core/selectors");
24
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return selectors_2.createWrapper; } });
25
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/test-utils/selectors/index.ts"],"names":[],"mappings":";;;AAAA,4EAA8E;AAErE,+FAFA,0BAAc,OAEA;AADvB,oEAA0E;AAGlE,0CAA2C;AAClC,wBADF,eAAa,CACE;AAGtB,+CAAoD;AAC3C,4BADF,eAAiB,CACE;AAQlC,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,0EAAwF;AAA/E,oGAAA,aAAa,OAAW"}
@@ -0,0 +1,4 @@
1
+ import { ComponentWrapper } from "@cloudscape-design/test-utils-core/selectors";
2
+ export default class LoadingBarWrapper extends ComponentWrapper {
3
+ static rootSelector: string;
4
+ }
@@ -0,0 +1,11 @@
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 styles_selectors_js_1 = require("../../../loading-bar/styles.selectors.js");
7
+ class LoadingBarWrapper extends selectors_1.ComponentWrapper {
8
+ }
9
+ exports.default = LoadingBarWrapper;
10
+ LoadingBarWrapper.rootSelector = styles_selectors_js_1.default.root;
11
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/loading-bar/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgF;AAChF,kFAAwE;AACxE,MAAqB,iBAAkB,SAAQ,4BAAgB;;AAA/D,oCAEC;AADQ,8BAAY,GAAW,6BAAgB,CAAC,IAAI,CAAC"}