@cloudscape-design/chat-components 1.0.20 → 1.0.22

package/support-prompt-group/internal.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InternalBaseComponentProps } from "../internal/base-component/use-base-component";
+import { SupportPromptGroupProps } from "./interfaces";
+export declare const InternalSupportPromptGroup: import("react").ForwardRefExoticComponent<SupportPromptGroupProps & InternalBaseComponentProps & import("react").RefAttributes<SupportPromptGroupProps.Ref>>;

package/support-prompt-group/internal.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import clsx from "clsx";
+import { circleIndex, getAllFocusables, handleKey, KeyCode, SingleTabStopNavigationProvider, warnOnce, } from "@cloudscape-design/component-toolkit/internal";
+import { getDataAttributes } from "../internal/base-component/get-data-attributes";
+import { fireNonCancelableEvent } from "../internal/events";
+import { useMergeRefs } from "../internal/utils/use-merge-refs";
+import { getNextFocusTarget, onUnregisterActive } from "./focus-helpers";
+import { Prompt } from "./prompt";
+import styles from "./styles.css.js";
+export const InternalSupportPromptGroup = forwardRef(({ alignment = "vertical", onItemClick, items, __internalRootRef, ariaLabel, ...rest }, ref) => {
+    const focusedIdRef = useRef(null);
+    const navigationAPI = useRef(null);
+    const containerObjectRef = useRef(null);
+    const itemsRef = useRef({});
+    const mergedRef = useMergeRefs(containerObjectRef, __internalRootRef);
+    useImperativeHandle(ref, () => ({
+        focus: (id) => {
+            var _a;
+            if (!itemsRef.current[id]) {
+                warnOnce("SupportPromptGroup", "No matching ID found to focus.");
+            }
+            (_a = itemsRef.current[id]) === null || _a === void 0 ? void 0 : _a.focus();
+        },
+    }));
+    const handleClick = (event, id) => {
+        const { altKey, button, ctrlKey, metaKey, shiftKey } = event;
+        fireNonCancelableEvent(onItemClick, { id, altKey, button, ctrlKey, metaKey, shiftKey });
+    };
+    useEffect(() => {
+        var _a;
+        (_a = navigationAPI.current) === null || _a === void 0 ? void 0 : _a.updateFocusTarget();
+    });
+    function onFocus(event) {
+        var _a;
+        if (event.target instanceof HTMLElement && event.target.dataset.itemid) {
+            focusedIdRef.current = event.target.dataset.itemid;
+        }
+        (_a = navigationAPI.current) === null || _a === void 0 ? void 0 : _a.updateFocusTarget();
+    }
+    function onBlur() {
+        var _a;
+        (_a = navigationAPI.current) === null || _a === void 0 ? void 0 : _a.updateFocusTarget();
+    }
+    function onKeyDown(event) {
+        var _a;
+        const focusTarget = (_a = navigationAPI.current) === null || _a === void 0 ? void 0 : _a.getFocusTarget();
+        const specialKeys = [
+            KeyCode.right,
+            KeyCode.left,
+            KeyCode.up,
+            KeyCode.down,
+            KeyCode.end,
+            KeyCode.home,
+            KeyCode.pageUp,
+            KeyCode.pageDown,
+        ];
+        const hasModifierKeys = (event) => {
+            return event.ctrlKey || event.altKey || event.shiftKey || event.metaKey;
+        };
+        if (hasModifierKeys(event) || !specialKeys.includes(event.keyCode)) {
+            return;
+        }
+        if (!containerObjectRef.current || !focusTarget) {
+            return;
+        }
+        // Ignore navigation when the focused element is not an item.
+        if (document.activeElement && !document.activeElement.matches(`.${styles["support-prompt"]}`)) {
+            return;
+        }
+        event.preventDefault();
+        const focusables = getFocusablesFrom(containerObjectRef.current);
+        const activeIndex = focusables.indexOf(focusTarget);
+        handleKey(event, {
+            onHome: () => focusElement(focusables[0]),
+            onEnd: () => focusElement(focusables[focusables.length - 1]),
+            onInlineStart: () => focusElement(focusables[circleIndex(activeIndex - 1, [0, focusables.length - 1])]),
+            onInlineEnd: () => focusElement(focusables[circleIndex(activeIndex + 1, [0, focusables.length - 1])]),
+            onBlockStart: () => focusElement(focusables[circleIndex(activeIndex - 1, [0, focusables.length - 1])]),
+            onBlockEnd: () => focusElement(focusables[circleIndex(activeIndex + 1, [0, focusables.length - 1])]),
+        });
+    }
+    function focusElement(element) {
+        element.focus();
+    }
+    // List all non-disabled and registered focusables: those are eligible for keyboard navigation.
+    function getFocusablesFrom(target) {
+        function isElementRegistered(element) {
+            var _a, _b;
+            return (_b = (_a = navigationAPI.current) === null || _a === void 0 ? void 0 : _a.isRegistered(element)) !== null && _b !== void 0 ? _b : false;
+        }
+        return getAllFocusables(target).filter((el) => isElementRegistered(el));
+    }
+    if (!items || items.length === 0) {
+        return _jsx("div", {});
+    }
+    return (_jsx("div", { ...getDataAttributes(rest), role: "menubar", className: clsx(styles.root, {
+            [styles.vertical]: alignment !== "horizontal",
+        }), "aria-label": ariaLabel, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, ref: mergedRef, children: _jsx(SingleTabStopNavigationProvider, { ref: navigationAPI, navigationActive: true, getNextFocusTarget: () => getNextFocusTarget(containerObjectRef, focusedIdRef), onUnregisterActive: (element) => onUnregisterActive(element, navigationAPI), children: items.map((item, index) => {
+                return (_jsx(Prompt, { onClick: (event) => handleClick(event, item.id), id: item.id, ref: (element) => (itemsRef.current[item.id] = element), children: item.text }, index));
+            }) }) }));
+});
+//# sourceMappingURL=internal.js.map

package/support-prompt-group/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/support-prompt-group/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { forwardRef, Ref, useEffect, useImperativeHandle, useRef } from \"react\";\nimport clsx from \"clsx\";\n\nimport {\n  circleIndex,\n  getAllFocusables,\n  handleKey,\n  KeyCode,\n  SingleTabStopNavigationAPI,\n  SingleTabStopNavigationProvider,\n  warnOnce,\n} from \"@cloudscape-design/component-toolkit/internal\";\n\nimport { getDataAttributes } from \"../internal/base-component/get-data-attributes\";\nimport { InternalBaseComponentProps } from \"../internal/base-component/use-base-component\";\nimport { fireNonCancelableEvent } from \"../internal/events\";\nimport { useMergeRefs } from \"../internal/utils/use-merge-refs\";\nimport { getNextFocusTarget, onUnregisterActive } from \"./focus-helpers\";\nimport { SupportPromptGroupProps } from \"./interfaces\";\nimport { Prompt } from \"./prompt\";\n\nimport styles from \"./styles.css.js\";\n\nexport const InternalSupportPromptGroup = forwardRef(\n  (\n    {\n      alignment = \"vertical\",\n      onItemClick,\n      items,\n      __internalRootRef,\n      ariaLabel,\n      ...rest\n    }: SupportPromptGroupProps & InternalBaseComponentProps,\n    ref: Ref<SupportPromptGroupProps.Ref>,\n  ) => {\n    const focusedIdRef = useRef<null | string>(null);\n    const navigationAPI = useRef<SingleTabStopNavigationAPI>(null);\n    const containerObjectRef = useRef<HTMLDivElement>(null);\n    const itemsRef = useRef<Record<string, any | null>>({});\n\n    const mergedRef = useMergeRefs(containerObjectRef, __internalRootRef);\n\n    useImperativeHandle(ref, () => ({\n      focus: (id) => {\n        if (!itemsRef.current[id]) {\n          warnOnce(\"SupportPromptGroup\", \"No matching ID found to focus.\");\n        }\n        itemsRef.current[id]?.focus();\n      },\n    }));\n\n    const handleClick = (event: React.MouseEvent, id: string) => {\n      const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n\n      fireNonCancelableEvent(onItemClick, { id, altKey, button, ctrlKey, metaKey, shiftKey });\n    };\n\n    useEffect(() => {\n      navigationAPI.current?.updateFocusTarget();\n    });\n\n    function onFocus(event: React.FocusEvent) {\n      if (event.target instanceof HTMLElement && event.target.dataset.itemid) {\n        focusedIdRef.current = event.target.dataset.itemid;\n      }\n\n      navigationAPI.current?.updateFocusTarget();\n    }\n\n    function onBlur() {\n      navigationAPI.current?.updateFocusTarget();\n    }\n\n    function onKeyDown(event: React.KeyboardEvent) {\n      const focusTarget = navigationAPI.current?.getFocusTarget();\n      const specialKeys = [\n        KeyCode.right,\n        KeyCode.left,\n        KeyCode.up,\n        KeyCode.down,\n        KeyCode.end,\n        KeyCode.home,\n        KeyCode.pageUp,\n        KeyCode.pageDown,\n      ];\n\n      const hasModifierKeys = (event: React.MouseEvent | React.KeyboardEvent) => {\n        return event.ctrlKey || event.altKey || event.shiftKey || event.metaKey;\n      };\n\n      if (hasModifierKeys(event) || !specialKeys.includes(event.keyCode)) {\n        return;\n      }\n      if (!containerObjectRef.current || !focusTarget) {\n        return;\n      }\n      // Ignore navigation when the focused element is not an item.\n      if (document.activeElement && !document.activeElement.matches(`.${styles[\"support-prompt\"]}`)) {\n        return;\n      }\n      event.preventDefault();\n\n      const focusables = getFocusablesFrom(containerObjectRef.current);\n      const activeIndex = focusables.indexOf(focusTarget);\n      handleKey(event as any, {\n        onHome: () => focusElement(focusables[0]),\n        onEnd: () => focusElement(focusables[focusables.length - 1]),\n        onInlineStart: () => focusElement(focusables[circleIndex(activeIndex - 1, [0, focusables.length - 1])]),\n        onInlineEnd: () => focusElement(focusables[circleIndex(activeIndex + 1, [0, focusables.length - 1])]),\n        onBlockStart: () => focusElement(focusables[circleIndex(activeIndex - 1, [0, focusables.length - 1])]),\n        onBlockEnd: () => focusElement(focusables[circleIndex(activeIndex + 1, [0, focusables.length - 1])]),\n      });\n    }\n\n    function focusElement(element: HTMLElement) {\n      element.focus();\n    }\n\n    // List all non-disabled and registered focusables: those are eligible for keyboard navigation.\n    function getFocusablesFrom(target: HTMLElement) {\n      function isElementRegistered(element: HTMLElement) {\n        return navigationAPI.current?.isRegistered(element) ?? false;\n      }\n\n      return getAllFocusables(target).filter((el) => isElementRegistered(el));\n    }\n\n    if (!items || items.length === 0) {\n      return <div />;\n    }\n\n    return (\n      <div\n        {...getDataAttributes(rest)}\n        role=\"menubar\"\n        className={clsx(styles.root, {\n          [styles.vertical]: alignment !== \"horizontal\",\n        })}\n        aria-label={ariaLabel}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyDown={onKeyDown}\n        ref={mergedRef}\n      >\n        <SingleTabStopNavigationProvider\n          ref={navigationAPI}\n          navigationActive={true}\n          getNextFocusTarget={() => getNextFocusTarget(containerObjectRef, focusedIdRef)}\n          onUnregisterActive={(element: HTMLElement) => onUnregisterActive(element, navigationAPI)}\n        >\n          {items.map((item, index) => {\n            return (\n              <Prompt\n                key={index}\n                onClick={(event) => handleClick(event, item.id)}\n                id={item.id}\n                ref={(element) => (itemsRef.current[item.id] = element)}\n              >\n                {item.text}\n              </Prompt>\n            );\n          })}\n        </SingleTabStopNavigationProvider>\n      </div>\n    );\n  },\n);\n"]}

package/support-prompt-group/prompt.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface PromptProps {
+    children: string;
+    id: string;
+    onClick: (event: React.MouseEvent, id: string) => void;
+}
+export declare const Prompt: import("react").ForwardRefExoticComponent<PromptProps & import("react").RefAttributes<HTMLButtonElement>>;

package/support-prompt-group/prompt.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { forwardRef, useRef } from "react";
+import clsx from "clsx";
+import { useSingleTabStopNavigation } from "@cloudscape-design/component-toolkit/internal";
+import useForwardFocus from "../internal/utils/use-forward-focus";
+import styles from "./styles.css.js";
+export const Prompt = forwardRef(({ children, id, onClick }, ref) => {
+    const buttonRef = useRef(null);
+    useForwardFocus(ref, buttonRef);
+    const { tabIndex } = useSingleTabStopNavigation(buttonRef);
+    return (_jsx("button", { role: "menuitem", tabIndex: tabIndex, ref: buttonRef, onClick: (event) => {
+            onClick(event, id);
+        }, id: id, "data-testid": id, "data-itemid": id, className: clsx(styles["support-prompt"]), children: children }));
+});
+//# sourceMappingURL=prompt.js.map

package/support-prompt-group/prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt.js","sourceRoot":"","sources":["../../../src/support-prompt-group/prompt.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAO,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAE3F,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAElE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAe,EAAE,GAAkC,EAAE,EAAE;IAC9G,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,eAAe,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAEhC,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAE3D,OAAO,CACL,iBACE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACrB,CAAC,EACD,EAAE,EAAE,EAAE,iBACO,EAAE,iBACF,EAAE,EACf,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,YAExC,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { forwardRef, Ref, useRef } from \"react\";\nimport clsx from \"clsx\";\n\nimport { useSingleTabStopNavigation } from \"@cloudscape-design/component-toolkit/internal\";\n\nimport useForwardFocus from \"../internal/utils/use-forward-focus\";\n\nimport styles from \"./styles.css.js\";\n\nexport interface PromptProps {\n  children: string;\n  id: string;\n  onClick: (event: React.MouseEvent, id: string) => void;\n}\n\nexport const Prompt = forwardRef(({ children, id, onClick }: PromptProps, ref: Ref<HTMLButtonElement | null>) => {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  useForwardFocus(ref, buttonRef);\n\n  const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n\n  return (\n    <button\n      role=\"menuitem\"\n      tabIndex={tabIndex}\n      ref={buttonRef}\n      onClick={(event) => {\n        onClick(event, id);\n      }}\n      id={id}\n      data-testid={id}\n      data-itemid={id}\n      className={clsx(styles[\"support-prompt\"])}\n    >\n      {children}\n    </button>\n  );\n});\n"]}

package/support-prompt-group/styles.css.js

@@ -0,0 +1,8 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_1wevk_1hy7e_11",
+  "vertical": "awsui_vertical_1wevk_1hy7e_41",
+  "support-prompt": "awsui_support-prompt_1wevk_1hy7e_45"
+};
+  

package/support-prompt-group/styles.scoped.css

@@ -0,0 +1,94 @@
+/*
+ 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_1wevk_1hy7e_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;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-scaled-xs-26e2du, 8px);
+}
+.awsui_root_1wevk_1hy7e_11.awsui_vertical_1wevk_1hy7e_41:not(#\9) {
+  flex-direction: column;
+}
+
+.awsui_support-prompt_1wevk_1hy7e_45:not(#\9) {
+  cursor: pointer;
+  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-size: var(--font-size-body-m-x4okxb, 14px);
+  line-height: var(--line-height-heading-m-50evfk, 22px);
+  text-align: start;
+  padding-block: var(--space-scaled-xs-26e2du, 8px);
+  padding-inline: var(--space-static-s-n2eb28, 12px);
+  color: var(--color-text-button-normal-default-476t5h, #006ce0);
+  background: var(--color-background-button-normal-default-zr63bz, #ffffff);
+  border: 1px solid var(--color-border-button-normal-default-uzqi0v, #006ce0);
+  border-start-start-radius: var(--space-static-xs-7sfb63, 8px);
+  border-start-end-radius: var(--space-static-xs-7sfb63, 8px);
+  border-end-start-radius: var(--space-static-xs-7sfb63, 8px);
+  border-end-end-radius: var(--space-static-xs-7sfb63, 8px);
+  inline-size: -moz-fit-content;
+  inline-size: fit-content;
+}
+.awsui_support-prompt_1wevk_1hy7e_45:not(#\9):hover {
+  color: var(--color-text-button-normal-hover-e3tg09, #002b66);
+  background: var(--color-background-button-normal-hover-eqpcl2, #f0fbff);
+  border-color: var(--color-border-button-normal-hover-2d2g0m, #002b66);
+}
+.awsui_support-prompt_1wevk_1hy7e_45:not(#\9):active {
+  color: var(--color-text-button-normal-active-fdnwsh, #002b66);
+  background: var(--color-background-button-normal-active-udb472, #d1f1ff);
+  border-color: var(--color-border-button-normal-active-mn0ayd, #002b66);
+}
+.awsui_support-prompt_1wevk_1hy7e_45:not(#\9):focus {
+  outline: none;
+}
+body[data-awsui-focus-visible=true] .awsui_support-prompt_1wevk_1hy7e_45:not(#\9):focus:focus {
+  position: relative;
+  box-sizing: border-box;
+  outline: 2px dotted transparent;
+  outline-offset: 5px;
+}
+body[data-awsui-focus-visible=true] .awsui_support-prompt_1wevk_1hy7e_45:not(#\9):focus:focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  box-sizing: border-box;
+  inset-inline-start: calc(-1 * 6px);
+  inset-block-start: calc(-1 * 6px);
+  inline-size: calc(100% + 2 * 6px);
+  block-size: calc(100% + 2 * 6px);
+  border-radius: 6px;
+  border: 2px solid var(--color-border-item-focused-nv6mhz, #006ce0);
+}

package/support-prompt-group/styles.selectors.js

@@ -0,0 +1,9 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_1wevk_1hy7e_11",
+  "vertical": "awsui_vertical_1wevk_1hy7e_41",
+  "support-prompt": "awsui_support-prompt_1wevk_1hy7e_45"
+};
+  

package/test-utils/dom/index.d.ts

@@ -3,9 +3,11 @@ export { ElementWrapper };
 import AvatarWrapper from './avatar';
 import ChatBubbleWrapper from './chat-bubble';
 import LoadingBarWrapper from './loading-bar';
+import SupportPromptGroupWrapper from './support-prompt-group';
 export { AvatarWrapper };
 export { ChatBubbleWrapper };
 export { LoadingBarWrapper };
+export { SupportPromptGroupWrapper };
 declare module '@cloudscape-design/test-utils-core/dist/dom' {
     interface ElementWrapper {
         /**
@@ -62,6 +64,24 @@ declare module '@cloudscape-design/test-utils-core/dist/dom' {
          * @returns {Array<LoadingBarWrapper>}
          */
         findAllLoadingBars(selector?: string): Array<LoadingBarWrapper>;
+        /**
+         * Returns the wrapper of the first SupportPromptGroup that matches the specified CSS selector.
+         * If no CSS selector is specified, returns the wrapper of the first SupportPromptGroup.
+         * If no matching SupportPromptGroup is found, returns `null`.
+         *
+         * @param {string} [selector] CSS Selector
+         * @returns {SupportPromptGroupWrapper | null}
+         */
+        findSupportPromptGroup(selector?: string): SupportPromptGroupWrapper | null;
+        /**
+         * Returns an array of SupportPromptGroup wrapper that matches the specified CSS selector.
+         * If no CSS selector is specified, returns all of the SupportPromptGroups inside the current wrapper.
+         * If no matching SupportPromptGroup is found, returns an empty array.
+         *
+         * @param {string} [selector] CSS Selector
+         * @returns {Array<SupportPromptGroupWrapper>}
+         */
+        findAllSupportPromptGroups(selector?: string): Array<SupportPromptGroupWrapper>;
     }
 }
 export default function wrapper(root?: Element): ElementWrapper<Element>;

package/test-utils/dom/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingBarWrapper = exports.ChatBubbleWrapper = exports.AvatarWrapper = exports.ElementWrapper = void 0;
+exports.SupportPromptGroupWrapper = exports.LoadingBarWrapper = exports.ChatBubbleWrapper = exports.AvatarWrapper = exports.ElementWrapper = void 0;
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 const dom_1 = require("@cloudscape-design/test-utils-core/dom");
@@ -12,6 +12,8 @@ const chat_bubble_1 = require("./chat-bubble");
 exports.ChatBubbleWrapper = chat_bubble_1.default;
 const loading_bar_1 = require("./loading-bar");
 exports.LoadingBarWrapper = loading_bar_1.default;
+const support_prompt_group_1 = require("./support-prompt-group");
+exports.SupportPromptGroupWrapper = support_prompt_group_1.default;
 dom_1.ElementWrapper.prototype.findAvatar = function (selector) {
     const rootSelector = `.${avatar_1.default.rootSelector}`;
     // casting to 'any' is needed to avoid this issue with generics
@@ -39,6 +41,15 @@ dom_1.ElementWrapper.prototype.findLoadingBar = function (selector) {
 dom_1.ElementWrapper.prototype.findAllLoadingBars = function (selector) {
     return this.findAllComponents(loading_bar_1.default, selector);
 };
+dom_1.ElementWrapper.prototype.findSupportPromptGroup = function (selector) {
+    const rootSelector = `.${support_prompt_group_1.default.rootSelector}`;
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, support_prompt_group_1.default);
+};
+dom_1.ElementWrapper.prototype.findAllSupportPromptGroups = function (selector) {
+    return this.findAllComponents(support_prompt_group_1.default, selector);
+};
 function wrapper(root = document.body) {
     if (document && document.body && !document.body.contains(root)) {
         console.warn('[AwsUi] [test-utils] provided element is not part of the document body, interactions may work incorrectly');

package/test-utils/dom/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/test-utils/dom/index.ts"],"names":[],"mappings":";;;AACA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAwE;AAG/D,+FAHA,oBAAc,OAGA;AAFvB,oEAA0E;AAI1E,qCAAqC;AAK5B,wBALF,gBAAa,CAKE;AAJtB,+CAA8C;AAKrC,4BALF,qBAAiB,CAKE;AAJ1B,+CAA8C;AAKrC,4BALF,qBAAiB,CAKE;AAkE1B,oBAAc,CAAC,SAAS,CAAC,UAAU,GAAG,UAAS,QAAQ;IACrD,MAAM,YAAY,GAAG,IAAI,gBAAa,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,gBAAa,CAAC,CAAC;AACtH,CAAC,CAAC;AAEF,oBAAc,CAAC,SAAS,CAAC,cAAc,GAAG,UAAS,QAAQ;IACzD,OAAO,IAAI,CAAC,iBAAiB,CAAC,gBAAa,EAAE,QAAQ,CAAC,CAAC;AACzD,CAAC,CAAC;AACF,oBAAc,CAAC,SAAS,CAAC,cAAc,GAAG,UAAS,QAAQ;IACzD,MAAM,YAAY,GAAG,IAAI,qBAAiB,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,qBAAiB,CAAC,CAAC;AAC1H,CAAC,CAAC;AAEF,oBAAc,CAAC,SAAS,CAAC,kBAAkB,GAAG,UAAS,QAAQ;IAC7D,OAAO,IAAI,CAAC,iBAAiB,CAAC,qBAAiB,EAAE,QAAQ,CAAC,CAAC;AAC7D,CAAC,CAAC;AACF,oBAAc,CAAC,SAAS,CAAC,cAAc,GAAG,UAAS,QAAQ;IACzD,MAAM,YAAY,GAAG,IAAI,qBAAiB,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,qBAAiB,CAAC,CAAC;AAC1H,CAAC,CAAC;AAEF,oBAAc,CAAC,SAAS,CAAC,kBAAkB,GAAG,UAAS,QAAQ;IAC7D,OAAO,IAAI,CAAC,iBAAiB,CAAC,qBAAiB,EAAE,QAAQ,CAAC,CAAC;AAC7D,CAAC,CAAC;AAGF,SAAwB,OAAO,CAAC,OAAgB,QAAQ,CAAC,IAAI;IAC3D,IAAI,QAAQ,IAAI,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC9D,OAAO,CAAC,IAAI,CAAC,2GAA2G,CAAC,CAAA;KAC1H;IAAA,CAAC;IACF,OAAO,IAAI,oBAAc,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC;AALD,0BAKC","sourcesContent":["\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ElementWrapper } from '@cloudscape-design/test-utils-core/dom';\nimport { appendSelector } from '@cloudscape-design/test-utils-core/utils';\n\nexport { ElementWrapper };\n\nimport AvatarWrapper from './avatar';\nimport ChatBubbleWrapper from './chat-bubble';\nimport LoadingBarWrapper from './loading-bar';\n\n\nexport { AvatarWrapper };\nexport { ChatBubbleWrapper };\nexport { LoadingBarWrapper };\n\ndeclare module '@cloudscape-design/test-utils-core/dist/dom' {\n   interface ElementWrapper {\n    \n/**\n * Returns the wrapper of the first Avatar that matches the specified CSS selector.\n * If no CSS selector is specified, returns the wrapper of the first Avatar.\n * If no matching Avatar is found, returns `null`.\n *\n * @param {string} [selector] CSS Selector\n * @returns {AvatarWrapper | null}\n */\nfindAvatar(selector?: string): AvatarWrapper | null;\n\n/**\n * Returns an array of Avatar wrapper that matches the specified CSS selector.\n * If no CSS selector is specified, returns all of the Avatars inside the current wrapper.\n * If no matching Avatar is found, returns an empty array.\n *\n * @param {string} [selector] CSS Selector\n * @returns {Array<AvatarWrapper>}\n */\nfindAllAvatars(selector?: string): Array<AvatarWrapper>;\n/**\n * Returns the wrapper of the first ChatBubble that matches the specified CSS selector.\n * If no CSS selector is specified, returns the wrapper of the first ChatBubble.\n * If no matching ChatBubble is found, returns `null`.\n *\n * @param {string} [selector] CSS Selector\n * @returns {ChatBubbleWrapper | null}\n */\nfindChatBubble(selector?: string): ChatBubbleWrapper | null;\n\n/**\n * Returns an array of ChatBubble wrapper that matches the specified CSS selector.\n * If no CSS selector is specified, returns all of the ChatBubbles inside the current wrapper.\n * If no matching ChatBubble is found, returns an empty array.\n *\n * @param {string} [selector] CSS Selector\n * @returns {Array<ChatBubbleWrapper>}\n */\nfindAllChatBubbles(selector?: string): Array<ChatBubbleWrapper>;\n/**\n * Returns the wrapper of the first LoadingBar that matches the specified CSS selector.\n * If no CSS selector is specified, returns the wrapper of the first LoadingBar.\n * If no matching LoadingBar is found, returns `null`.\n *\n * @param {string} [selector] CSS Selector\n * @returns {LoadingBarWrapper | null}\n */\nfindLoadingBar(selector?: string): LoadingBarWrapper | null;\n\n/**\n * Returns an array of LoadingBar wrapper that matches the specified CSS selector.\n * If no CSS selector is specified, returns all of the LoadingBars inside the current wrapper.\n * If no matching LoadingBar is found, returns an empty array.\n *\n * @param {string} [selector] CSS Selector\n * @returns {Array<LoadingBarWrapper>}\n */\nfindAllLoadingBars(selector?: string): Array<LoadingBarWrapper>;\n   }\n}\n\n\nElementWrapper.prototype.findAvatar = function(selector) {\n  const rootSelector = `.${AvatarWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, AvatarWrapper);\n};\n\nElementWrapper.prototype.findAllAvatars = function(selector) {\n  return this.findAllComponents(AvatarWrapper, selector);\n};\nElementWrapper.prototype.findChatBubble = function(selector) {\n  const rootSelector = `.${ChatBubbleWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, ChatBubbleWrapper);\n};\n\nElementWrapper.prototype.findAllChatBubbles = function(selector) {\n  return this.findAllComponents(ChatBubbleWrapper, selector);\n};\nElementWrapper.prototype.findLoadingBar = function(selector) {\n  const rootSelector = `.${LoadingBarWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, LoadingBarWrapper);\n};\n\nElementWrapper.prototype.findAllLoadingBars = function(selector) {\n  return this.findAllComponents(LoadingBarWrapper, selector);\n};\n\n\nexport default function wrapper(root: Element = document.body) {\n  if (document && document.body && !document.body.contains(root)) {\n    console.warn('[AwsUi] [test-utils] provided element is not part of the document body, interactions may work incorrectly')\n  };\n  return new ElementWrapper(root);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/test-utils/dom/index.ts"],"names":[],"mappings":"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","sourcesContent":["\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ElementWrapper } from '@cloudscape-design/test-utils-core/dom';\nimport { appendSelector } from '@cloudscape-design/test-utils-core/utils';\n\nexport { ElementWrapper };\n\nimport AvatarWrapper from './avatar';\nimport ChatBubbleWrapper from './chat-bubble';\nimport LoadingBarWrapper from './loading-bar';\nimport SupportPromptGroupWrapper from './support-prompt-group';\n\n\nexport { AvatarWrapper };\nexport { ChatBubbleWrapper };\nexport { LoadingBarWrapper };\nexport { SupportPromptGroupWrapper };\n\ndeclare module '@cloudscape-design/test-utils-core/dist/dom' {\n   interface ElementWrapper {\n    \n/**\n * Returns the wrapper of the first Avatar that matches the specified CSS selector.\n * If no CSS selector is specified, returns the wrapper of the first Avatar.\n * If no matching Avatar is found, returns `null`.\n *\n * @param {string} [selector] CSS Selector\n * @returns {AvatarWrapper | null}\n */\nfindAvatar(selector?: string): AvatarWrapper | null;\n\n/**\n * Returns an array of Avatar wrapper that matches the specified CSS selector.\n * If no CSS selector is specified, returns all of the Avatars inside the current wrapper.\n * If no matching Avatar is found, returns an empty array.\n *\n * @param {string} [selector] CSS Selector\n * @returns {Array<AvatarWrapper>}\n */\nfindAllAvatars(selector?: string): Array<AvatarWrapper>;\n/**\n * Returns the wrapper of the first ChatBubble that matches the specified CSS selector.\n * If no CSS selector is specified, returns the wrapper of the first ChatBubble.\n * If no matching ChatBubble is found, returns `null`.\n *\n * @param {string} [selector] CSS Selector\n * @returns {ChatBubbleWrapper | null}\n */\nfindChatBubble(selector?: string): ChatBubbleWrapper | null;\n\n/**\n * Returns an array of ChatBubble wrapper that matches the specified CSS selector.\n * If no CSS selector is specified, returns all of the ChatBubbles inside the current wrapper.\n * If no matching ChatBubble is found, returns an empty array.\n *\n * @param {string} [selector] CSS Selector\n * @returns {Array<ChatBubbleWrapper>}\n */\nfindAllChatBubbles(selector?: string): Array<ChatBubbleWrapper>;\n/**\n * Returns the wrapper of the first LoadingBar that matches the specified CSS selector.\n * If no CSS selector is specified, returns the wrapper of the first LoadingBar.\n * If no matching LoadingBar is found, returns `null`.\n *\n * @param {string} [selector] CSS Selector\n * @returns {LoadingBarWrapper | null}\n */\nfindLoadingBar(selector?: string): LoadingBarWrapper | null;\n\n/**\n * Returns an array of LoadingBar wrapper that matches the specified CSS selector.\n * If no CSS selector is specified, returns all of the LoadingBars inside the current wrapper.\n * If no matching LoadingBar is found, returns an empty array.\n *\n * @param {string} [selector] CSS Selector\n * @returns {Array<LoadingBarWrapper>}\n */\nfindAllLoadingBars(selector?: string): Array<LoadingBarWrapper>;\n/**\n * Returns the wrapper of the first SupportPromptGroup that matches the specified CSS selector.\n * If no CSS selector is specified, returns the wrapper of the first SupportPromptGroup.\n * If no matching SupportPromptGroup is found, returns `null`.\n *\n * @param {string} [selector] CSS Selector\n * @returns {SupportPromptGroupWrapper | null}\n */\nfindSupportPromptGroup(selector?: string): SupportPromptGroupWrapper | null;\n\n/**\n * Returns an array of SupportPromptGroup wrapper that matches the specified CSS selector.\n * If no CSS selector is specified, returns all of the SupportPromptGroups inside the current wrapper.\n * If no matching SupportPromptGroup is found, returns an empty array.\n *\n * @param {string} [selector] CSS Selector\n * @returns {Array<SupportPromptGroupWrapper>}\n */\nfindAllSupportPromptGroups(selector?: string): Array<SupportPromptGroupWrapper>;\n   }\n}\n\n\nElementWrapper.prototype.findAvatar = function(selector) {\n  const rootSelector = `.${AvatarWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, AvatarWrapper);\n};\n\nElementWrapper.prototype.findAllAvatars = function(selector) {\n  return this.findAllComponents(AvatarWrapper, selector);\n};\nElementWrapper.prototype.findChatBubble = function(selector) {\n  const rootSelector = `.${ChatBubbleWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, ChatBubbleWrapper);\n};\n\nElementWrapper.prototype.findAllChatBubbles = function(selector) {\n  return this.findAllComponents(ChatBubbleWrapper, selector);\n};\nElementWrapper.prototype.findLoadingBar = function(selector) {\n  const rootSelector = `.${LoadingBarWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, LoadingBarWrapper);\n};\n\nElementWrapper.prototype.findAllLoadingBars = function(selector) {\n  return this.findAllComponents(LoadingBarWrapper, selector);\n};\nElementWrapper.prototype.findSupportPromptGroup = function(selector) {\n  const rootSelector = `.${SupportPromptGroupWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, SupportPromptGroupWrapper);\n};\n\nElementWrapper.prototype.findAllSupportPromptGroups = function(selector) {\n  return this.findAllComponents(SupportPromptGroupWrapper, selector);\n};\n\n\nexport default function wrapper(root: Element = document.body) {\n  if (document && document.body && !document.body.contains(root)) {\n    console.warn('[AwsUi] [test-utils] provided element is not part of the document body, interactions may work incorrectly')\n  };\n  return new ElementWrapper(root);\n}\n"]}

package/test-utils/dom/support-prompt-group/index.d.ts

@@ -0,0 +1,15 @@
+import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/dom";
+export default class SupportPromptGroupWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    /**
+     * Finds all items.
+     */
+    findItems(): Array<ElementWrapper>;
+    /**
+     * Finds a support prompt item by its id.
+     */
+    findItemById(id: string): null | SupportPromptWrapper;
+}
+export declare class SupportPromptWrapper extends ComponentWrapper<HTMLButtonElement> {
+    static rootSelector: string;
+}

package/test-utils/dom/support-prompt-group/index.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SupportPromptWrapper = void 0;
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const dom_1 = require("@cloudscape-design/test-utils-core/dom");
+const styles_selectors_js_1 = require("../../../support-prompt-group/styles.selectors.js");
+class SupportPromptGroupWrapper extends dom_1.ComponentWrapper {
+    /**
+     * Finds all items.
+     */
+    findItems() {
+        return this.findAllByClassName(styles_selectors_js_1.default["support-prompt"]);
+    }
+    /**
+     * Finds a support prompt item by its id.
+     */
+    findItemById(id) {
+        const itemSelector = `.${styles_selectors_js_1.default["support-prompt"]}[data-testid="${CSS.escape(id)}"]`;
+        const wrapper = this.find(itemSelector);
+        return wrapper && new SupportPromptWrapper(wrapper.getElement());
+    }
+}
+exports.default = SupportPromptGroupWrapper;
+SupportPromptGroupWrapper.rootSelector = styles_selectors_js_1.default.root;
+class SupportPromptWrapper extends dom_1.ComponentWrapper {
+}
+exports.SupportPromptWrapper = SupportPromptWrapper;
+SupportPromptWrapper.rootSelector = styles_selectors_js_1.default["support-prompt"];
+//# sourceMappingURL=index.js.map

package/test-utils/dom/support-prompt-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/support-prompt-group/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,2FAAuE;AAEvE,MAAqB,yBAA0B,SAAQ,sBAAgB;IAGrE;;OAEG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED;;OAEG;IACH,YAAY,CAAC,EAAU;QACrB,MAAM,YAAY,GAAG,IAAI,6BAAM,CAAC,gBAAgB,CAAC,iBAAiB,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QACrF,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAsC,CAAC;QAC7E,OAAO,OAAO,IAAI,IAAI,oBAAoB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IACnE,CAAC;;AAjBH,4CAkBC;AAjBQ,sCAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;AAmB5C,MAAa,oBAAqB,SAAQ,sBAAmC;;AAA7E,oDAEC;AADQ,iCAAY,GAAW,6BAAM,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ComponentWrapper, ElementWrapper } from \"@cloudscape-design/test-utils-core/dom\";\n\nimport styles from \"../../../support-prompt-group/styles.selectors.js\";\n\nexport default class SupportPromptGroupWrapper extends ComponentWrapper {\n  static rootSelector: string = styles.root;\n\n  /**\n   * Finds all items.\n   */\n  findItems(): Array<ElementWrapper> {\n    return this.findAllByClassName(styles[\"support-prompt\"]);\n  }\n\n  /**\n   * Finds a support prompt item by its id.\n   */\n  findItemById(id: string): null | SupportPromptWrapper {\n    const itemSelector = `.${styles[\"support-prompt\"]}[data-testid=\"${CSS.escape(id)}\"]`;\n    const wrapper = this.find(itemSelector) as ElementWrapper<HTMLButtonElement>;\n    return wrapper && new SupportPromptWrapper(wrapper.getElement());\n  }\n}\n\nexport class SupportPromptWrapper extends ComponentWrapper<HTMLButtonElement> {\n  static rootSelector: string = styles[\"support-prompt\"];\n}\n"]}

package/test-utils/selectors/index.d.ts

@@ -3,9 +3,11 @@ export { ElementWrapper };
 import AvatarWrapper from './avatar';
 import ChatBubbleWrapper from './chat-bubble';
 import LoadingBarWrapper from './loading-bar';
+import SupportPromptGroupWrapper from './support-prompt-group';
 export { AvatarWrapper };
 export { ChatBubbleWrapper };
 export { LoadingBarWrapper };
+export { SupportPromptGroupWrapper };
 declare module '@cloudscape-design/test-utils-core/dist/selectors' {
     interface ElementWrapper {
         /**
@@ -56,6 +58,22 @@ declare module '@cloudscape-design/test-utils-core/dist/selectors' {
          * @returns {MultiElementWrapper<LoadingBarWrapper>}
          */
         findAllLoadingBars(selector?: string): MultiElementWrapper<LoadingBarWrapper>;
+        /**
+         * Returns a wrapper that matches the SupportPromptGroups with the specified CSS selector.
+         * If no CSS selector is specified, returns a wrapper that matches SupportPromptGroups.
+         *
+         * @param {string} [selector] CSS Selector
+         * @returns {SupportPromptGroupWrapper}
+         */
+        findSupportPromptGroup(selector?: string): SupportPromptGroupWrapper;
+        /**
+         * Returns a multi-element wrapper that matches SupportPromptGroups with the specified CSS selector.
+         * If no CSS selector is specified, returns a multi-element wrapper that matches SupportPromptGroups.
+         *
+         * @param {string} [selector] CSS Selector
+         * @returns {MultiElementWrapper<SupportPromptGroupWrapper>}
+         */
+        findAllSupportPromptGroups(selector?: string): MultiElementWrapper<SupportPromptGroupWrapper>;
     }
 }
 export default function wrapper(root?: string): ElementWrapper;

package/test-utils/selectors/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingBarWrapper = exports.ChatBubbleWrapper = exports.AvatarWrapper = exports.ElementWrapper = void 0;
+exports.SupportPromptGroupWrapper = exports.LoadingBarWrapper = exports.ChatBubbleWrapper = exports.AvatarWrapper = exports.ElementWrapper = void 0;
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
@@ -12,6 +12,8 @@ const chat_bubble_1 = require("./chat-bubble");
 exports.ChatBubbleWrapper = chat_bubble_1.default;
 const loading_bar_1 = require("./loading-bar");
 exports.LoadingBarWrapper = loading_bar_1.default;
+const support_prompt_group_1 = require("./support-prompt-group");
+exports.SupportPromptGroupWrapper = support_prompt_group_1.default;
 selectors_1.ElementWrapper.prototype.findAvatar = function (selector) {
     const rootSelector = `.${avatar_1.default.rootSelector}`;
     // casting to 'any' is needed to avoid this issue with generics
@@ -39,6 +41,15 @@ selectors_1.ElementWrapper.prototype.findLoadingBar = function (selector) {
 selectors_1.ElementWrapper.prototype.findAllLoadingBars = function (selector) {
     return this.findAllComponents(loading_bar_1.default, selector);
 };
+selectors_1.ElementWrapper.prototype.findSupportPromptGroup = function (selector) {
+    const rootSelector = `.${support_prompt_group_1.default.rootSelector}`;
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, support_prompt_group_1.default);
+};
+selectors_1.ElementWrapper.prototype.findAllSupportPromptGroups = function (selector) {
+    return this.findAllComponents(support_prompt_group_1.default, selector);
+};
 function wrapper(root = 'body') {
     return new selectors_1.ElementWrapper(root);
 }

package/test-utils/selectors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/test-utils/selectors/index.ts"],"names":[],"mappings":";;;AACA,qEAAqE;AACrE,sCAAsC;AACtC,4EAA8E;AAGrE,+FAHA,0BAAc,OAGA;AAFvB,oEAA0E;AAI1E,qCAAqC;AAK5B,wBALF,gBAAa,CAKE;AAJtB,+CAA8C;AAKrC,4BALF,qBAAiB,CAKE;AAJ1B,+CAA8C;AAKrC,4BALF,qBAAiB,CAKE;AA4D1B,0BAAc,CAAC,SAAS,CAAC,UAAU,GAAG,UAAS,QAAQ;IACrD,MAAM,YAAY,GAAG,IAAI,gBAAa,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,gBAAa,CAAC,CAAC;AACtH,CAAC,CAAC;AAEF,0BAAc,CAAC,SAAS,CAAC,cAAc,GAAG,UAAS,QAAQ;IACzD,OAAO,IAAI,CAAC,iBAAiB,CAAC,gBAAa,EAAE,QAAQ,CAAC,CAAC;AACzD,CAAC,CAAC;AACF,0BAAc,CAAC,SAAS,CAAC,cAAc,GAAG,UAAS,QAAQ;IACzD,MAAM,YAAY,GAAG,IAAI,qBAAiB,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,qBAAiB,CAAC,CAAC;AAC1H,CAAC,CAAC;AAEF,0BAAc,CAAC,SAAS,CAAC,kBAAkB,GAAG,UAAS,QAAQ;IAC7D,OAAO,IAAI,CAAC,iBAAiB,CAAC,qBAAiB,EAAE,QAAQ,CAAC,CAAC;AAC7D,CAAC,CAAC;AACF,0BAAc,CAAC,SAAS,CAAC,cAAc,GAAG,UAAS,QAAQ;IACzD,MAAM,YAAY,GAAG,IAAI,qBAAiB,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,qBAAiB,CAAC,CAAC;AAC1H,CAAC,CAAC;AAEF,0BAAc,CAAC,SAAS,CAAC,kBAAkB,GAAG,UAAS,QAAQ;IAC7D,OAAO,IAAI,CAAC,iBAAiB,CAAC,qBAAiB,EAAE,QAAQ,CAAC,CAAC;AAC7D,CAAC,CAAC;AAGF,SAAwB,OAAO,CAAC,OAAe,MAAM;IACnD,OAAO,IAAI,0BAAc,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC;AAFD,0BAEC","sourcesContent":["\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ElementWrapper } from '@cloudscape-design/test-utils-core/selectors';\nimport { appendSelector } from '@cloudscape-design/test-utils-core/utils';\n\nexport { ElementWrapper };\n\nimport AvatarWrapper from './avatar';\nimport ChatBubbleWrapper from './chat-bubble';\nimport LoadingBarWrapper from './loading-bar';\n\n\nexport { AvatarWrapper };\nexport { ChatBubbleWrapper };\nexport { LoadingBarWrapper };\n\ndeclare module '@cloudscape-design/test-utils-core/dist/selectors' {\n   interface ElementWrapper {\n    \n/**\n * Returns a wrapper that matches the Avatars with the specified CSS selector.\n * If no CSS selector is specified, returns a wrapper that matches Avatars.\n *\n * @param {string} [selector] CSS Selector\n * @returns {AvatarWrapper}\n */\nfindAvatar(selector?: string): AvatarWrapper;\n\n/**\n * Returns a multi-element wrapper that matches Avatars with the specified CSS selector.\n * If no CSS selector is specified, returns a multi-element wrapper that matches Avatars.\n *\n * @param {string} [selector] CSS Selector\n * @returns {MultiElementWrapper<AvatarWrapper>}\n */\nfindAllAvatars(selector?: string): MultiElementWrapper<AvatarWrapper>;\n/**\n * Returns a wrapper that matches the ChatBubbles with the specified CSS selector.\n * If no CSS selector is specified, returns a wrapper that matches ChatBubbles.\n *\n * @param {string} [selector] CSS Selector\n * @returns {ChatBubbleWrapper}\n */\nfindChatBubble(selector?: string): ChatBubbleWrapper;\n\n/**\n * Returns a multi-element wrapper that matches ChatBubbles with the specified CSS selector.\n * If no CSS selector is specified, returns a multi-element wrapper that matches ChatBubbles.\n *\n * @param {string} [selector] CSS Selector\n * @returns {MultiElementWrapper<ChatBubbleWrapper>}\n */\nfindAllChatBubbles(selector?: string): MultiElementWrapper<ChatBubbleWrapper>;\n/**\n * Returns a wrapper that matches the LoadingBars with the specified CSS selector.\n * If no CSS selector is specified, returns a wrapper that matches LoadingBars.\n *\n * @param {string} [selector] CSS Selector\n * @returns {LoadingBarWrapper}\n */\nfindLoadingBar(selector?: string): LoadingBarWrapper;\n\n/**\n * Returns a multi-element wrapper that matches LoadingBars with the specified CSS selector.\n * If no CSS selector is specified, returns a multi-element wrapper that matches LoadingBars.\n *\n * @param {string} [selector] CSS Selector\n * @returns {MultiElementWrapper<LoadingBarWrapper>}\n */\nfindAllLoadingBars(selector?: string): MultiElementWrapper<LoadingBarWrapper>;\n   }\n}\n\n\nElementWrapper.prototype.findAvatar = function(selector) {\n  const rootSelector = `.${AvatarWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, AvatarWrapper);\n};\n\nElementWrapper.prototype.findAllAvatars = function(selector) {\n  return this.findAllComponents(AvatarWrapper, selector);\n};\nElementWrapper.prototype.findChatBubble = function(selector) {\n  const rootSelector = `.${ChatBubbleWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, ChatBubbleWrapper);\n};\n\nElementWrapper.prototype.findAllChatBubbles = function(selector) {\n  return this.findAllComponents(ChatBubbleWrapper, selector);\n};\nElementWrapper.prototype.findLoadingBar = function(selector) {\n  const rootSelector = `.${LoadingBarWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, LoadingBarWrapper);\n};\n\nElementWrapper.prototype.findAllLoadingBars = function(selector) {\n  return this.findAllComponents(LoadingBarWrapper, selector);\n};\n\n\nexport default function wrapper(root: string = 'body') {\n  return new ElementWrapper(root);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/test-utils/selectors/index.ts"],"names":[],"mappings":";;;AACA,qEAAqE;AACrE,sCAAsC;AACtC,4EAA8E;AAGrE,+FAHA,0BAAc,OAGA;AAFvB,oEAA0E;AAI1E,qCAAqC;AAM5B,wBANF,gBAAa,CAME;AALtB,+CAA8C;AAMrC,4BANF,qBAAiB,CAME;AAL1B,+CAA8C;AAMrC,4BANF,qBAAiB,CAME;AAL1B,iEAA+D;AAMtD,oCANF,8BAAyB,CAME;AA6ElC,0BAAc,CAAC,SAAS,CAAC,UAAU,GAAG,UAAS,QAAQ;IACrD,MAAM,YAAY,GAAG,IAAI,gBAAa,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,gBAAa,CAAC,CAAC;AACtH,CAAC,CAAC;AAEF,0BAAc,CAAC,SAAS,CAAC,cAAc,GAAG,UAAS,QAAQ;IACzD,OAAO,IAAI,CAAC,iBAAiB,CAAC,gBAAa,EAAE,QAAQ,CAAC,CAAC;AACzD,CAAC,CAAC;AACF,0BAAc,CAAC,SAAS,CAAC,cAAc,GAAG,UAAS,QAAQ;IACzD,MAAM,YAAY,GAAG,IAAI,qBAAiB,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,qBAAiB,CAAC,CAAC;AAC1H,CAAC,CAAC;AAEF,0BAAc,CAAC,SAAS,CAAC,kBAAkB,GAAG,UAAS,QAAQ;IAC7D,OAAO,IAAI,CAAC,iBAAiB,CAAC,qBAAiB,EAAE,QAAQ,CAAC,CAAC;AAC7D,CAAC,CAAC;AACF,0BAAc,CAAC,SAAS,CAAC,cAAc,GAAG,UAAS,QAAQ;IACzD,MAAM,YAAY,GAAG,IAAI,qBAAiB,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,qBAAiB,CAAC,CAAC;AAC1H,CAAC,CAAC;AAEF,0BAAc,CAAC,SAAS,CAAC,kBAAkB,GAAG,UAAS,QAAQ;IAC7D,OAAO,IAAI,CAAC,iBAAiB,CAAC,qBAAiB,EAAE,QAAQ,CAAC,CAAC;AAC7D,CAAC,CAAC;AACF,0BAAc,CAAC,SAAS,CAAC,sBAAsB,GAAG,UAAS,QAAQ;IACjE,MAAM,YAAY,GAAG,IAAI,8BAAyB,CAAC,YAAY,EAAE,CAAC;IAClE,+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,8BAAyB,CAAC,CAAC;AAClI,CAAC,CAAC;AAEF,0BAAc,CAAC,SAAS,CAAC,0BAA0B,GAAG,UAAS,QAAQ;IACrE,OAAO,IAAI,CAAC,iBAAiB,CAAC,8BAAyB,EAAE,QAAQ,CAAC,CAAC;AACrE,CAAC,CAAC;AAGF,SAAwB,OAAO,CAAC,OAAe,MAAM;IACnD,OAAO,IAAI,0BAAc,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC;AAFD,0BAEC","sourcesContent":["\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ElementWrapper } from '@cloudscape-design/test-utils-core/selectors';\nimport { appendSelector } from '@cloudscape-design/test-utils-core/utils';\n\nexport { ElementWrapper };\n\nimport AvatarWrapper from './avatar';\nimport ChatBubbleWrapper from './chat-bubble';\nimport LoadingBarWrapper from './loading-bar';\nimport SupportPromptGroupWrapper from './support-prompt-group';\n\n\nexport { AvatarWrapper };\nexport { ChatBubbleWrapper };\nexport { LoadingBarWrapper };\nexport { SupportPromptGroupWrapper };\n\ndeclare module '@cloudscape-design/test-utils-core/dist/selectors' {\n   interface ElementWrapper {\n    \n/**\n * Returns a wrapper that matches the Avatars with the specified CSS selector.\n * If no CSS selector is specified, returns a wrapper that matches Avatars.\n *\n * @param {string} [selector] CSS Selector\n * @returns {AvatarWrapper}\n */\nfindAvatar(selector?: string): AvatarWrapper;\n\n/**\n * Returns a multi-element wrapper that matches Avatars with the specified CSS selector.\n * If no CSS selector is specified, returns a multi-element wrapper that matches Avatars.\n *\n * @param {string} [selector] CSS Selector\n * @returns {MultiElementWrapper<AvatarWrapper>}\n */\nfindAllAvatars(selector?: string): MultiElementWrapper<AvatarWrapper>;\n/**\n * Returns a wrapper that matches the ChatBubbles with the specified CSS selector.\n * If no CSS selector is specified, returns a wrapper that matches ChatBubbles.\n *\n * @param {string} [selector] CSS Selector\n * @returns {ChatBubbleWrapper}\n */\nfindChatBubble(selector?: string): ChatBubbleWrapper;\n\n/**\n * Returns a multi-element wrapper that matches ChatBubbles with the specified CSS selector.\n * If no CSS selector is specified, returns a multi-element wrapper that matches ChatBubbles.\n *\n * @param {string} [selector] CSS Selector\n * @returns {MultiElementWrapper<ChatBubbleWrapper>}\n */\nfindAllChatBubbles(selector?: string): MultiElementWrapper<ChatBubbleWrapper>;\n/**\n * Returns a wrapper that matches the LoadingBars with the specified CSS selector.\n * If no CSS selector is specified, returns a wrapper that matches LoadingBars.\n *\n * @param {string} [selector] CSS Selector\n * @returns {LoadingBarWrapper}\n */\nfindLoadingBar(selector?: string): LoadingBarWrapper;\n\n/**\n * Returns a multi-element wrapper that matches LoadingBars with the specified CSS selector.\n * If no CSS selector is specified, returns a multi-element wrapper that matches LoadingBars.\n *\n * @param {string} [selector] CSS Selector\n * @returns {MultiElementWrapper<LoadingBarWrapper>}\n */\nfindAllLoadingBars(selector?: string): MultiElementWrapper<LoadingBarWrapper>;\n/**\n * Returns a wrapper that matches the SupportPromptGroups with the specified CSS selector.\n * If no CSS selector is specified, returns a wrapper that matches SupportPromptGroups.\n *\n * @param {string} [selector] CSS Selector\n * @returns {SupportPromptGroupWrapper}\n */\nfindSupportPromptGroup(selector?: string): SupportPromptGroupWrapper;\n\n/**\n * Returns a multi-element wrapper that matches SupportPromptGroups with the specified CSS selector.\n * If no CSS selector is specified, returns a multi-element wrapper that matches SupportPromptGroups.\n *\n * @param {string} [selector] CSS Selector\n * @returns {MultiElementWrapper<SupportPromptGroupWrapper>}\n */\nfindAllSupportPromptGroups(selector?: string): MultiElementWrapper<SupportPromptGroupWrapper>;\n   }\n}\n\n\nElementWrapper.prototype.findAvatar = function(selector) {\n  const rootSelector = `.${AvatarWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, AvatarWrapper);\n};\n\nElementWrapper.prototype.findAllAvatars = function(selector) {\n  return this.findAllComponents(AvatarWrapper, selector);\n};\nElementWrapper.prototype.findChatBubble = function(selector) {\n  const rootSelector = `.${ChatBubbleWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, ChatBubbleWrapper);\n};\n\nElementWrapper.prototype.findAllChatBubbles = function(selector) {\n  return this.findAllComponents(ChatBubbleWrapper, selector);\n};\nElementWrapper.prototype.findLoadingBar = function(selector) {\n  const rootSelector = `.${LoadingBarWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, LoadingBarWrapper);\n};\n\nElementWrapper.prototype.findAllLoadingBars = function(selector) {\n  return this.findAllComponents(LoadingBarWrapper, selector);\n};\nElementWrapper.prototype.findSupportPromptGroup = function(selector) {\n  const rootSelector = `.${SupportPromptGroupWrapper.rootSelector}`;\n  // casting to 'any' is needed to avoid this issue with generics\n  // https://github.com/microsoft/TypeScript/issues/29132\n  return (this as any).findComponent(selector ? appendSelector(selector, rootSelector) : rootSelector, SupportPromptGroupWrapper);\n};\n\nElementWrapper.prototype.findAllSupportPromptGroups = function(selector) {\n  return this.findAllComponents(SupportPromptGroupWrapper, selector);\n};\n\n\nexport default function wrapper(root: string = 'body') {\n  return new ElementWrapper(root);\n}\n"]}

package/test-utils/selectors/support-prompt-group/index.d.ts

@@ -0,0 +1,15 @@
+import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
+export default class SupportPromptGroupWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    /**
+     * Finds all items.
+     */
+    findItems(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<ElementWrapper>;
+    /**
+     * Finds a support prompt item by its id.
+     */
+    findItemById(id: string): SupportPromptWrapper;
+}
+export declare class SupportPromptWrapper extends ComponentWrapper {
+    static rootSelector: string;
+}

package/test-utils/selectors/support-prompt-group/index.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SupportPromptWrapper = void 0;
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
+const styles_selectors_js_1 = require("../../../support-prompt-group/styles.selectors.js");
+class SupportPromptGroupWrapper extends selectors_1.ComponentWrapper {
+    /**
+     * Finds all items.
+     */
+    findItems() {
+        return this.findAllByClassName(styles_selectors_js_1.default["support-prompt"]);
+    }
+    /**
+     * Finds a support prompt item by its id.
+     */
+    findItemById(id) {
+        const itemSelector = `.${styles_selectors_js_1.default["support-prompt"]}[data-testid="${CSS.escape(id)}"]`;
+        const wrapper = this.find(itemSelector);
+        return wrapper && new SupportPromptWrapper(wrapper.getElement());
+    }
+}
+exports.default = SupportPromptGroupWrapper;
+SupportPromptGroupWrapper.rootSelector = styles_selectors_js_1.default.root;
+class SupportPromptWrapper extends selectors_1.ComponentWrapper {
+}
+exports.SupportPromptWrapper = SupportPromptWrapper;
+SupportPromptWrapper.rootSelector = styles_selectors_js_1.default["support-prompt"];
+//# sourceMappingURL=index.js.map

package/test-utils/selectors/support-prompt-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/support-prompt-group/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,2FAAuE;AACvE,MAAqB,yBAA0B,SAAQ,4BAAgB;IAGrE;;OAEG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED;;OAEG;IACH,YAAY,CAAC,EAAU;QACrB,MAAM,YAAY,GAAG,IAAI,6BAAM,CAAC,gBAAgB,CAAC,iBAAiB,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QACrF,MAAM,OAAO,GAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAoB,CAAC;QAC5D,OAAO,OAAO,IAAI,IAAI,oBAAoB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IACnE,CAAC;;AAjBH,4CAkBC;AAjBQ,sCAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;AAkB5C,MAAa,oBAAqB,SAAQ,4BAAgB;;AAA1D,oDAEC;AADQ,iCAAY,GAAW,6BAAM,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ComponentWrapper, ElementWrapper } from \"@cloudscape-design/test-utils-core/selectors\";\nimport styles from \"../../../support-prompt-group/styles.selectors.js\";\nexport default class SupportPromptGroupWrapper extends ComponentWrapper {\n  static rootSelector: string = styles.root;\n\n  /**\n   * Finds all items.\n   */\n  findItems() {\n    return this.findAllByClassName(styles[\"support-prompt\"]);\n  }\n\n  /**\n   * Finds a support prompt item by its id.\n   */\n  findItemById(id: string) {\n    const itemSelector = `.${styles[\"support-prompt\"]}[data-testid=\"${CSS.escape(id)}\"]`;\n    const wrapper = (this.find(itemSelector) as ElementWrapper);\n    return wrapper && new SupportPromptWrapper(wrapper.getElement());\n  }\n}\nexport class SupportPromptWrapper extends ComponentWrapper {\n  static rootSelector: string = styles[\"support-prompt\"];\n}"]}