@cloudscape-design/chat-components 1.0.0

package/avatar/styles.css.js

@@ -0,0 +1,10 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_1qkal_1izux_11",
+  "avatar-color-default": "awsui_avatar-color-default_1qkal_1izux_46",
+  "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_1izux_49",
+  "initials": "awsui_initials_1qkal_1izux_52",
+  "content": "awsui_content_1qkal_1izux_80"
+};
+  

package/avatar/styles.scoped.css

@@ -0,0 +1,88 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+.awsui_root_1qkal_1izux_11:not(#\9) {
+  border-collapse: separate;
+  border-spacing: 0;
+  box-sizing: border-box;
+  caption-side: top;
+  cursor: auto;
+  direction: inherit;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: start;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  word-spacing: normal;
+  color: var(--color-text-avatar-jddpvm, #ffffff);
+  block-size: 28px;
+  inline-size: 28px;
+  position: relative;
+  border-start-start-radius: 50%;
+  border-start-end-radius: 50%;
+  border-end-start-radius: 50%;
+  border-end-end-radius: 50%;
+}
+.awsui_root_1qkal_1izux_11.awsui_avatar-color-default_1qkal_1izux_46:not(#\9) {
+  background-color: var(--color-background-avatar-default-vm4u8g, #414d5c);
+}
+.awsui_root_1qkal_1izux_11.awsui_avatar-color-gen-ai_1qkal_1izux_49:not(#\9) {
+  background: var(--color-background-avatar-gen-ai-i9hcw6, radial-gradient(circle farthest-corner at top left, rgb(0, 150, 250) -25%, rgba(0, 150, 250, 0) 55%), radial-gradient(circle farthest-corner at top right, rgb(216, 178, 255) -10%, rgb(115, 0, 229) 50%));
+}
+.awsui_root_1qkal_1izux_11.awsui_initials_1qkal_1izux_52:not(#\9) {
+  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-size: var(--font-size-body-s-asqx2i, 12px);
+  line-height: var(--line-height-body-s-7zv1j5, 16px);
+  font-weight: var(--font-weight-heading-l-f8711v, 700);
+}
+.awsui_root_1qkal_1izux_11:not(#\9):focus {
+  outline: none;
+}
+body[data-awsui-focus-visible=true] .awsui_root_1qkal_1izux_11:not(#\9):focus:focus {
+  position: relative;
+  box-sizing: border-box;
+  outline: 2px dotted transparent;
+  outline-offset: 0px;
+}
+body[data-awsui-focus-visible=true] .awsui_root_1qkal_1izux_11:not(#\9):focus:focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  box-sizing: border-box;
+  inset-inline-start: calc(-1 * 1px);
+  inset-block-start: calc(-1 * 1px);
+  inline-size: calc(100% + 2 * 1px);
+  block-size: calc(100% + 2 * 1px);
+  border-radius: 50%;
+  border: 2px solid var(--color-border-item-focused-b2ntyl, #0972d3);
+}
+
+.awsui_content_1qkal_1izux_80:not(#\9) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  block-size: inherit;
+  inline-size: inherit;
+  overflow: hidden;
+}

package/avatar/styles.selectors.js

@@ -0,0 +1,11 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_1qkal_1izux_11",
+  "avatar-color-default": "awsui_avatar-color-default_1qkal_1izux_46",
+  "avatar-color-gen-ai": "awsui_avatar-color-gen-ai_1qkal_1izux_49",
+  "initials": "awsui_initials_1qkal_1izux_52",
+  "content": "awsui_content_1qkal_1izux_80"
+};
+  

package/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Avatar } from "./avatar";
+export type { AvatarProps } from "./avatar";
+export { default as LoadingBar } from "./loading-bar";
+export type { LoadingBarProps } from "./loading-bar";

package/index.js

@@ -0,0 +1,5 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export { default as Avatar } from "./avatar";
+export { default as LoadingBar } from "./loading-bar";
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +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"]}

package/internal/api-docs/components/avatar.js

@@ -0,0 +1,172 @@
+module.exports = {
+  "name": "Avatar",
+  "releaseStatus": "stable",
+  "regions": [
+    {
+      "name": "iconSvg",
+      "description": "Specifies the SVG of a custom icon.\nUse this property if the icon you want isn't available.\nIf you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n",
+      "isDefault": false
+    }
+  ],
+  "functions": [],
+  "properties": [
+    {
+      "name": "ariaLabel",
+      "type": "string",
+      "optional": false,
+      "description": "Text to describe the avatar for assistive technology.\nWhen more than one avatar is used, provide a unique label for each.\nFor example, \"User avatar\" and \"AI assistant avatar\" or \"Your avatar\" and \"User avatar for John Doe\".\nIf `tooltipText` or `initials` are used make sure to include them in the `ariaLabel`.\n"
+    },
+    {
+      "name": "color",
+      "type": "string",
+      "inlineType": {
+        "name": "AvatarProps.Color",
+        "type": "union",
+        "values": [
+          "default",
+          "gen-ai"
+        ]
+      },
+      "optional": true,
+      "description": "Determines the color of the avatar.\nUse `gen-ai` for AI assistants and `default` otherwise.",
+      "defaultValue": "\"default\""
+    },
+    {
+      "name": "iconName",
+      "type": "string",
+      "inlineType": {
+        "name": "IconProps.Name",
+        "type": "union",
+        "values": [
+          "add-plus",
+          "anchor-link",
+          "angle-left-double",
+          "angle-left",
+          "angle-right-double",
+          "angle-right",
+          "angle-up",
+          "angle-down",
+          "arrow-left",
+          "arrow-right",
+          "audio-full",
+          "audio-half",
+          "audio-off",
+          "bug",
+          "call",
+          "calendar",
+          "caret-down-filled",
+          "caret-down",
+          "caret-left-filled",
+          "caret-right-filled",
+          "caret-up-filled",
+          "caret-up",
+          "check",
+          "contact",
+          "close",
+          "copy",
+          "delete-marker",
+          "download",
+          "drag-indicator",
+          "edit",
+          "ellipsis",
+          "envelope",
+          "expand",
+          "external",
+          "file-open",
+          "file",
+          "filter",
+          "flag",
+          "folder-open",
+          "folder",
+          "gen-ai",
+          "group-active",
+          "group",
+          "heart",
+          "heart-filled",
+          "insert-row",
+          "key",
+          "keyboard",
+          "lock-private",
+          "menu",
+          "microphone",
+          "microphone-off",
+          "multiscreen",
+          "notification",
+          "redo",
+          "refresh",
+          "remove",
+          "resize-area",
+          "script",
+          "search",
+          "security",
+          "settings",
+          "send",
+          "share",
+          "shrink",
+          "star-filled",
+          "star-half",
+          "star",
+          "status-in-progress",
+          "status-info",
+          "status-negative",
+          "status-pending",
+          "status-positive",
+          "status-stopped",
+          "status-warning",
+          "subtract-minus",
+          "suggestions",
+          "thumbs-down-filled",
+          "thumbs-down",
+          "thumbs-up-filled",
+          "thumbs-up",
+          "ticket",
+          "treeview-collapse",
+          "treeview-expand",
+          "undo",
+          "unlocked",
+          "upload-download",
+          "upload",
+          "user-profile-active",
+          "user-profile",
+          "video-off",
+          "video-on",
+          "video-unavailable",
+          "view-full",
+          "view-horizontal",
+          "view-vertical",
+          "zoom-in",
+          "zoom-out",
+          "zoom-to-fit"
+        ]
+      },
+      "optional": true,
+      "description": "Specifies the icon to be displayed as Avatar.\nUse `gen-ai` icon for AI assistants. By default `user-profile` icon is used.\nIf you set both `iconName` and `initials`, `initials` will take precedence.\n",
+      "defaultValue": "\"user-profile\""
+    },
+    {
+      "name": "iconUrl",
+      "type": "string",
+      "optional": true,
+      "description": "Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon can't be an SVG.\nFor SVG icons, use the `iconSvg` slot instead.\nIf you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n"
+    },
+    {
+      "name": "initials",
+      "type": "string",
+      "optional": true,
+      "description": "The text content shown directly in the avatar's body.\nCan be 1 or 2 symbols long, every subsequent symbol is ignored.\nUse it to define initials that uniquely identify the avatar's owner.\nWhen you use this property, make sure to include it in the `ariaLabel`.\n"
+    },
+    {
+      "name": "loading",
+      "type": "boolean",
+      "optional": true,
+      "description": "When set to true, a loading indicator is shown in avatar."
+    },
+    {
+      "name": "tooltipText",
+      "type": "string",
+      "optional": true,
+      "description": "The text content shown in the avatar's tooltip.\nWhen you use this property, make sure to include it in the `ariaLabel`.\n"
+    }
+  ],
+  "events": []
+};

package/internal/api-docs/components/index.js

@@ -0,0 +1,4 @@
+module.exports = {
+    "avatar":require('./avatar'),
+"loading-bar":require('./loading-bar')
+  }

package/internal/api-docs/components/loading-bar.js

@@ -0,0 +1,23 @@
+module.exports = {
+  "name": "LoadingBar",
+  "releaseStatus": "stable",
+  "regions": [],
+  "functions": [],
+  "properties": [
+    {
+      "name": "variant",
+      "type": "string",
+      "inlineType": {
+        "name": "LoadingBarProps.Variant",
+        "type": "union",
+        "values": [
+          "gen-ai",
+          "gen-ai-masked"
+        ]
+      },
+      "optional": false,
+      "description": "Specifies the variant of the loading bar. Use `gen-ai` to indicate an ongoing generative AI process.\nUse `gen-ai-masked` for generative AI processes where the bar is displayed at the edge of an element\nwith rounded corners."
+    }
+  ],
+  "events": []
+};

package/internal/api-docs/test-utils-doc/dom.js

@@ -0,0 +1,4 @@
+module.exports = {
+      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"}}]}]
+    }
+    

package/internal/api-docs/test-utils-doc/selectors.js

@@ -0,0 +1,4 @@
+module.exports = {
+      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"}}]}]
+    }
+    

package/internal/base-component/get-data-attributes.d.ts

@@ -0,0 +1 @@
+export declare function getDataAttributes(props: Record<string, string>): Record<string, any>;

package/internal/base-component/get-data-attributes.js

@@ -0,0 +1,12 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export function getDataAttributes(props) {
+    const result = {};
+    Object.keys(props).forEach((prop) => {
+        if (prop.startsWith("data-")) {
+            result[prop] = props[prop];
+        }
+    });
+    return result;
+}
+//# sourceMappingURL=get-data-attributes.js.map

package/internal/base-component/get-data-attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-data-attributes.js","sourceRoot":"","sources":["../../../../src/internal/base-component/get-data-attributes.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,MAAM,GAAwB,EAAE,CAAC;IACvC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAClC,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YAC5B,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport function getDataAttributes(props: Record<string, string>) {\n  const result: Record<string, any> = {};\n  Object.keys(props).forEach((prop) => {\n    if (prop.startsWith(\"data-\")) {\n      result[prop] = props[prop];\n    }\n  });\n  return result;\n}\n"]}

package/internal/base-component/use-base-component.d.ts

@@ -0,0 +1,13 @@
+import { ComponentConfiguration } from "@cloudscape-design/component-toolkit/internal";
+import { MutableRefObject } from "react";
+export interface InternalBaseComponentProps {
+    __internalRootRef?: MutableRefObject<any> | null;
+}
+/**
+ * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be
+ * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this
+ * root DOM node and emits the telemetry for this component.
+ */
+export default function useBaseComponent<T = any>(componentName: string, config?: ComponentConfiguration): {
+    __internalRootRef: import("react").RefObject<T>;
+};

package/internal/base-component/use-base-component.js

@@ -0,0 +1,19 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { initAwsUiVersions, useComponentMetadata, } from "@cloudscape-design/component-toolkit/internal";
+import { PACKAGE_SOURCE, PACKAGE_VERSION } from "../environment";
+import useFocusVisible from "../utils/focus-visible";
+import { useTelemetry } from "./use-telemetry";
+initAwsUiVersions(PACKAGE_SOURCE, PACKAGE_VERSION);
+/**
+ * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be
+ * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this
+ * root DOM node and emits the telemetry for this component.
+ */
+export default function useBaseComponent(componentName, config) {
+    useTelemetry(componentName, config);
+    useFocusVisible();
+    const elementRef = useComponentMetadata(componentName, PACKAGE_VERSION);
+    return { __internalRootRef: elementRef };
+}
+//# sourceMappingURL=use-base-component.js.map

package/internal/base-component/use-base-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-base-component.js","sourceRoot":"","sources":["../../../../src/internal/base-component/use-base-component.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAEL,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,eAAe,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,iBAAiB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAMnD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAU,aAAqB,EAAE,MAA+B;IACtG,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACpC,eAAe,EAAE,CAAC;IAClB,MAAM,UAAU,GAAG,oBAAoB,CAAI,aAAa,EAAE,eAAe,CAAC,CAAC;IAC3E,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  ComponentConfiguration,\n  initAwsUiVersions,\n  useComponentMetadata,\n} from \"@cloudscape-design/component-toolkit/internal\";\nimport { MutableRefObject } from \"react\";\nimport { PACKAGE_SOURCE, PACKAGE_VERSION } from \"../environment\";\nimport useFocusVisible from \"../utils/focus-visible\";\nimport { useTelemetry } from \"./use-telemetry\";\n\ninitAwsUiVersions(PACKAGE_SOURCE, PACKAGE_VERSION);\n\nexport interface InternalBaseComponentProps {\n  __internalRootRef?: MutableRefObject<any> | null;\n}\n\n/**\n * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be\n * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this\n * root DOM node and emits the telemetry for this component.\n */\nexport default function useBaseComponent<T = any>(componentName: string, config?: ComponentConfiguration) {\n  useTelemetry(componentName, config);\n  useFocusVisible();\n  const elementRef = useComponentMetadata<T>(componentName, PACKAGE_VERSION);\n  return { __internalRootRef: elementRef };\n}\n"]}

package/internal/base-component/use-telemetry.d.ts

@@ -0,0 +1,2 @@
+import { ComponentConfiguration } from "@cloudscape-design/component-toolkit/internal";
+export declare function useTelemetry(componentName: string, config?: ComponentConfiguration): void;

package/internal/base-component/use-telemetry.js

@@ -0,0 +1,10 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useComponentMetrics } from "@cloudscape-design/component-toolkit/internal";
+import { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from "../environment";
+import { useVisualRefresh } from "./use-visual-refresh";
+export function useTelemetry(componentName, config) {
+    const theme = useVisualRefresh() ? "vr" : THEME;
+    useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);
+}
+//# sourceMappingURL=use-telemetry.js.map

package/internal/base-component/use-telemetry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-telemetry.js","sourceRoot":"","sources":["../../../../src/internal/base-component/use-telemetry.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAA0B,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAC5G,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,UAAU,YAAY,CAAC,aAAqB,EAAE,MAA+B;IACjF,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAChD,mBAAmB,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;AACxH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ComponentConfiguration, useComponentMetrics } from \"@cloudscape-design/component-toolkit/internal\";\nimport { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from \"../environment\";\nimport { useVisualRefresh } from \"./use-visual-refresh\";\n\nexport function useTelemetry(componentName: string, config?: ComponentConfiguration) {\n  const theme = useVisualRefresh() ? \"vr\" : THEME;\n  useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);\n}\n"]}

package/internal/base-component/use-visual-refresh.d.ts

@@ -0,0 +1 @@
+export declare const useVisualRefresh: () => boolean;

package/internal/base-component/use-visual-refresh.js

@@ -0,0 +1,6 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useRuntimeVisualRefresh } from "@cloudscape-design/component-toolkit/internal";
+import { ALWAYS_VISUAL_REFRESH } from "../environment";
+export const useVisualRefresh = ALWAYS_VISUAL_REFRESH ? () => true : useRuntimeVisualRefresh;
+//# sourceMappingURL=use-visual-refresh.js.map

package/internal/base-component/use-visual-refresh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-visual-refresh.js","sourceRoot":"","sources":["../../../../src/internal/base-component/use-visual-refresh.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useRuntimeVisualRefresh } from \"@cloudscape-design/component-toolkit/internal\";\nimport { ALWAYS_VISUAL_REFRESH } from \"../environment\";\n\nexport const useVisualRefresh = ALWAYS_VISUAL_REFRESH ? () => true : useRuntimeVisualRefresh;\n"]}

package/internal/environment.d.ts

@@ -0,0 +1,4 @@
+export const PACKAGE_SOURCE: string;
+export const PACKAGE_VERSION: string;
+export const THEME: string;
+export const ALWAYS_VISUAL_REFRESH: string;

package/internal/environment.js

@@ -0,0 +1,4 @@
+export var PACKAGE_SOURCE = "chat-components";
+export var PACKAGE_VERSION = "1.0.0 (2ebe8163)";
+export var THEME = "open-source-visual-refresh";
+export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -0,0 +1,6 @@
+{
+  "PACKAGE_SOURCE": "chat-components",
+  "PACKAGE_VERSION": "1.0.0 (2ebe8163)",
+  "THEME": "open-source-visual-refresh",
+  "ALWAYS_VISUAL_REFRESH": true
+}

package/internal/keycode.d.ts

@@ -0,0 +1,19 @@
+export declare enum KeyCode {
+    pageUp = 33,
+    pageDown = 34,
+    end = 35,
+    home = 36,
+    backspace = 8,
+    space = 32,
+    down = 40,
+    left = 37,
+    right = 39,
+    up = 38,
+    escape = 27,
+    enter = 13,
+    tab = 9,
+    shift = 16,
+    control = 17,
+    alt = 18,
+    meta = 91
+}

package/internal/keycode.js

@@ -0,0 +1,26 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+// When updating the list of key codes, don't forget
+// to modify corresponding list in test-utils
+// to avoid failing unit tests
+export var KeyCode;
+(function (KeyCode) {
+    KeyCode[KeyCode["pageUp"] = 33] = "pageUp";
+    KeyCode[KeyCode["pageDown"] = 34] = "pageDown";
+    KeyCode[KeyCode["end"] = 35] = "end";
+    KeyCode[KeyCode["home"] = 36] = "home";
+    KeyCode[KeyCode["backspace"] = 8] = "backspace";
+    KeyCode[KeyCode["space"] = 32] = "space";
+    KeyCode[KeyCode["down"] = 40] = "down";
+    KeyCode[KeyCode["left"] = 37] = "left";
+    KeyCode[KeyCode["right"] = 39] = "right";
+    KeyCode[KeyCode["up"] = 38] = "up";
+    KeyCode[KeyCode["escape"] = 27] = "escape";
+    KeyCode[KeyCode["enter"] = 13] = "enter";
+    KeyCode[KeyCode["tab"] = 9] = "tab";
+    KeyCode[KeyCode["shift"] = 16] = "shift";
+    KeyCode[KeyCode["control"] = 17] = "control";
+    KeyCode[KeyCode["alt"] = 18] = "alt";
+    KeyCode[KeyCode["meta"] = 91] = "meta";
+})(KeyCode || (KeyCode = {}));
+//# sourceMappingURL=keycode.js.map

package/internal/keycode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycode.js","sourceRoot":"","sources":["../../../src/internal/keycode.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,oDAAoD;AACpD,6CAA6C;AAC7C,8BAA8B;AAC9B,MAAM,CAAN,IAAY,OAkBX;AAlBD,WAAY,OAAO;IACjB,0CAAW,CAAA;IACX,8CAAa,CAAA;IACb,oCAAQ,CAAA;IACR,sCAAS,CAAA;IACT,+CAAa,CAAA;IACb,wCAAU,CAAA;IACV,sCAAS,CAAA;IACT,sCAAS,CAAA;IACT,wCAAU,CAAA;IACV,kCAAO,CAAA;IACP,0CAAW,CAAA;IACX,wCAAU,CAAA;IACV,mCAAO,CAAA;IACP,wCAAU,CAAA;IACV,4CAAY,CAAA;IACZ,oCAAQ,CAAA;IACR,sCAAS,CAAA;AACX,CAAC,EAlBW,OAAO,KAAP,OAAO,QAkBlB","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n// When updating the list of key codes, don't forget\n// to modify corresponding list in test-utils\n// to avoid failing unit tests\nexport enum KeyCode {\n  pageUp = 33,\n  pageDown = 34,\n  end = 35,\n  home = 36,\n  backspace = 8,\n  space = 32,\n  down = 40,\n  left = 37,\n  right = 39,\n  up = 38,\n  escape = 27,\n  enter = 13,\n  tab = 9,\n  shift = 16,\n  control = 17,\n  alt = 18,\n  meta = 91,\n}\n"]}

package/internal/manifest.json

@@ -0,0 +1,3 @@
+{
+  "commit": "2ebe8163ceaa3bbce65fe1f9e183d2ef9bfc1f1e"
+}

package/internal/utils/apply-display-name.d.ts

@@ -0,0 +1 @@
+export declare function applyDisplayName<T>(component: T, displayName: string): void;

package/internal/utils/apply-display-name.js

@@ -0,0 +1,6 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export function applyDisplayName(component, displayName) {
+    component.displayName = displayName;
+}
+//# sourceMappingURL=apply-display-name.js.map

package/internal/utils/apply-display-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-display-name.js","sourceRoot":"","sources":["../../../../src/internal/utils/apply-display-name.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,MAAM,UAAU,gBAAgB,CAAI,SAAY,EAAE,WAAmB;IAClE,SAAiB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC/C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport function applyDisplayName<T>(component: T, displayName: string): void {\n  (component as any).displayName = displayName;\n}\n"]}

package/internal/utils/focus-visible.d.ts

@@ -0,0 +1,2 @@
+export declare function isModifierKey(event: KeyboardEvent): boolean;
+export default function useFocusVisible(): void;

package/internal/utils/focus-visible.js

@@ -0,0 +1,49 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useEffect } from "react";
+import { KeyCode } from "../keycode";
+export function isModifierKey(event) {
+    // we do not want to highlight focused element
+    // when special keys are pressed
+    return [KeyCode.shift, KeyCode.alt, KeyCode.control, KeyCode.meta].indexOf(event.keyCode) > -1;
+}
+function setIsKeyboard(active) {
+    if (active) {
+        document.body.setAttribute("data-awsui-focus-visible", "true");
+    }
+    else {
+        document.body.removeAttribute("data-awsui-focus-visible");
+    }
+}
+function handleMousedown() {
+    return setIsKeyboard(false);
+}
+function handleKeydown(event) {
+    if (!isModifierKey(event)) {
+        setIsKeyboard(true);
+    }
+}
+let componentsCount = 0;
+function addListeners() {
+    document.addEventListener("mousedown", handleMousedown);
+    document.addEventListener("keydown", handleKeydown);
+}
+function removeListeners() {
+    document.removeEventListener("mousedown", handleMousedown);
+    document.removeEventListener("keydown", handleKeydown);
+}
+export default function useFocusVisible() {
+    useEffect(() => {
+        if (componentsCount === 0) {
+            addListeners();
+        }
+        componentsCount++;
+        return () => {
+            componentsCount--;
+            if (componentsCount === 0) {
+                removeListeners();
+            }
+        };
+    }, []);
+}
+//# sourceMappingURL=focus-visible.js.map

package/internal/utils/focus-visible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-visible.js","sourceRoot":"","sources":["../../../../src/internal/utils/focus-visible.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,UAAU,aAAa,CAAC,KAAoB;IAChD,8CAA8C;IAC9C,gCAAgC;IAChC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;AACjG,CAAC;AAED,SAAS,aAAa,CAAC,MAAe;IACpC,IAAI,MAAM,EAAE;QACV,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;KAChE;SAAM;QACL,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,0BAA0B,CAAC,CAAC;KAC3D;AACH,CAAC;AAED,SAAS,eAAe;IACtB,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC;AAED,SAAS,aAAa,CAAC,KAAoB;IACzC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;QACzB,aAAa,CAAC,IAAI,CAAC,CAAC;KACrB;AACH,CAAC;AAED,IAAI,eAAe,GAAG,CAAC,CAAC;AAExB,SAAS,YAAY;IACnB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;AACtD,CAAC;AAED,SAAS,eAAe;IACtB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,KAAK,CAAC,EAAE;YACzB,YAAY,EAAE,CAAC;SAChB;QACD,eAAe,EAAE,CAAC;QAClB,OAAO,GAAG,EAAE;YACV,eAAe,EAAE,CAAC;YAClB,IAAI,eAAe,KAAK,CAAC,EAAE;gBACzB,eAAe,EAAE,CAAC;aACnB;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect } from \"react\";\nimport { KeyCode } from \"../keycode\";\n\nexport function isModifierKey(event: KeyboardEvent) {\n  // we do not want to highlight focused element\n  // when special keys are pressed\n  return [KeyCode.shift, KeyCode.alt, KeyCode.control, KeyCode.meta].indexOf(event.keyCode) > -1;\n}\n\nfunction setIsKeyboard(active: boolean) {\n  if (active) {\n    document.body.setAttribute(\"data-awsui-focus-visible\", \"true\");\n  } else {\n    document.body.removeAttribute(\"data-awsui-focus-visible\");\n  }\n}\n\nfunction handleMousedown() {\n  return setIsKeyboard(false);\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  if (!isModifierKey(event)) {\n    setIsKeyboard(true);\n  }\n}\n\nlet componentsCount = 0;\n\nfunction addListeners() {\n  document.addEventListener(\"mousedown\", handleMousedown);\n  document.addEventListener(\"keydown\", handleKeydown);\n}\n\nfunction removeListeners() {\n  document.removeEventListener(\"mousedown\", handleMousedown);\n  document.removeEventListener(\"keydown\", handleKeydown);\n}\n\nexport default function useFocusVisible() {\n  useEffect(() => {\n    if (componentsCount === 0) {\n      addListeners();\n    }\n    componentsCount++;\n    return () => {\n      componentsCount--;\n      if (componentsCount === 0) {\n        removeListeners();\n      }\n    };\n  }, []);\n}\n"]}